@charset "utf-8";
@import url('default.css');
@import url('board.css');

#wrap{position:relative; margin:0 auto; width:100%; min-width:1200px;  overflow:hidden;}

/*header*/
#header {width:100%;height: 162px;  min-width:1200px;}
#header #login_top{background:#fff; height: 7px;  position: relative;}
#header #login_top .login{position: absolute; top:7px; left:1380px; color:#999; width:1200px; height: 23px; }
#header #login_top .login a{color:#999;}
#header #login_top .login a:hover{color:#666;}

#header .head_top {width:1200px; height:75px; margin:0 auto;}
#header .head_top div {float:left;}
#header .head_top div:nth-child(3) {float: right;}

#header .head_top .left_txt ul li {float: left; margin-left: 24px; margin-top: 20px;}
#header .head_top .left_txt ul li:nth-child(1) {margin-left: 0;}

#header #logo {margin-left: 256px; margin-top: 8px;}
#header #logo h1 {width:276px; height:60px; background:url(../images/logo.gif) no-repeat left center;}
#header #logo h1 a {display:block; width:100%; height:60px; text-indent:-1000px; overflow:hidden; }

#header .head_top .right_txt {width: 405px; float: right; margin-top: 20px;}
#header .head_top .right_txt li:nth-child(1) {margin-top: 10px; margin-left: 40px;}
#header .head_top .right_txt li {float: right;}



/*gnb*/
#header #gnb {width:100%; height:160px; background:#fff; border-top:1px solid #c3c3c3; position:relative;} 
#gnb #navi {width:1200px; height:160px; margin:0 auto; overflow:hidden;}
#navi li {height:240px; width:auto; margin-right:100px; color:#333; float:left;}
#navi li:last-child{margin-right:0px;}
#navi li span{color:#666; font-size:17px}


#navi li a { display:block; height:80px; font-size:20px; line-height:28px; color:#555; padding-top:10px; font-weight:600}
#navi li.on a, #navi li a:hover, #navi li a:focus { /*background:url(../images/gnb_over_bg.gif) no-repeat center 59px;*/}

#navi .lnbbox_wrap {position:absolute; left:0; top:78px; border-top:1px solid #c3c3c3; width:100%; height:142px; overflow:hidden;}
#navi .lnbbox {display:none; position:absolute; left:0; top:0; z-index:2; width:100%; height:149px; border-bottom:1px solid #c3c3c3; ; background-color:#fff;}
#navi .lnbbox .lnbwrap {width:1200px; height:149px; margin:0 auto;}
#navi .lnbbox .lnbwrap:after {clear:both; display:block; content:"";}
#navi .lnb_tit {float:left; width:576px; height:149px; background-repeat:no-repeat; background-position-x:50px;}
#navi .lnb1 {background-image:url(../images/tit_lnb1.jpg)}
#navi .lnb2 {background-image:url(../images/tit_lnb2.jpg)}
#navi .lnb2_01 {background-image:url(../images/tit_lnb2_01.jpg)}
#navi .lnb3 {background-image:url(../images/tit_lnb3.jpg)}
#navi .lnb4 {background-image:url(../images/tit_lnb4.jpg)}
#navi .lnb5 {background-image:url(../images/tit_lnb5.jpg)}
#navi .lnb6 {background-image:url(../images/tit_lnb6.jpg)}
#navi .lnb7 {background-image:url(../images/tit_lnb7.jpg)}
#navi .lnb8 {background-image:url(../images/tit_lnb8.jpg)}
#navi .lnb9 {background-image:url(../images/tit_lnb9.jpg)}

#navi .lnbbox .lnb {float:left; width:610px !important; height:120px; margin-top:15px; background:url(../images/lnb_bg.gif);}
#navi .lnb li {width:183px; height:30px; margin-right:0;  text-align:left; padding:0 0 10px 20px; }
#navi .lnb li a {display:block; height:30px; padding-left:8px; background:url(../images/lnb_list_bullet.gif) no-repeat left 20px; font-weight: 600; font-size:15px; color:#666;}
#navi .lnb li a:hover, #navi .lnb li a:focus {color:#f47320;}


/* 자가진단 */
#survey_cont{background:#806f5f; padding:50px 0}

#survey_cont h3{width:1200px; font-size:60px; color:#fff; padding-bottom:50px; overflow:hidden}
#survey_cont h3 span{color:#feea38; font-size:60px;}
#survey_cont h3 p{width:1200px; color:#fff; margin:0 auto; text-align:center; font-size:25px}
#survey_bg{width:1200px; margin:0 auto; background-color:#f0f0f0; padding:70px}
#suvery_wrap{ position:relative; background-color:#fff; overflow:hidden;  border:1px solid #8b7d72; padding:50px 0}
#suvery_wrap_wrap {width:1060px;margin:0 auto; overflow:hidden; }
#suvery_wrap h3{width:1060px; font-size:25px; color:#000; line-height:60px }

#ckfrm { }
#ckfrm .ck_box1 {width:50%; float:left; overflow:hidden}
#ckfrm .ck_box1 p { height:37px; font-size:18px}
#ckfrm .ck_box2 {width:50%; float:left; overflow:hidden}
#ckfrm .ck_box2 p { height:37px; font-size:18px}

.survey_btn_wrap{width:300px; margin:0 auto; margin-top:30px;}
.survey_btn_wrap .btn01{height:50px; line-height:50px; text-align:center; background-color:#e38226;  border-radius:40px;cursor:pointer; }
.survey_btn_wrap .btn01 a{height:50px; line-height:50px; color:#fff; font-size:25px;display:block}
.survey_btn_wrap .btn01 a:hover{height:50px; line-height:50px; margin:0 auto; border-radius:40px; background-color:#666}


/*버튼투개일때*/
.survey_btn_wrap02{width:550px; overflow:hidden; margin:0 auto; margin-top:30px; padding-left:20px}
.survey_btn_wrap02 .btn01{width:47%; height:50px;float:left; line-height:50px; text-align:center; background-color:#e38226;  border-radius:40px;cursor:pointer; }
.survey_btn_wrap02 .btn01 a{height:50px; line-height:50px; color:#fff; font-size:25px;display:block}
.survey_btn_wrap02 .btn01 a:hover{height:50px; line-height:50px; margin:0 auto; border-radius:40px; background-color:#666}

.survey_btn_wrap02 .btn02{width:47%; margin:0 2%; height:50px;float:left; line-height:50px; text-align:center; background-color:#666;  border-radius:40px ;cursor:pointer;}
.survey_btn_wrap02 .btn02:last-child{margin-right:0}
.survey_btn_wrap02 .btn02 a{height:50px; line-height:50px; color:#fff; font-size:25px;display:block}
.survey_btn_wrap02 .btn02 a:hover{height:50px; line-height:50px; margin:0 auto; border-radius:40px; background-color:#333}


/*자가진단 결과보기*/
#result_wrap{width:100%}
#result_wrap .big_txt{font-size:25px; padding-bottom:20px}
#result_wrap .big_txt span{font-size:25px; color:#f5851b;}
#result_wrap .s_txt{font-size:18px; line-height:30px}
.space{font-size:16px; color:#f5851b; padding-top:30px}

/* 자가진단 상담 */
#counsel_wrap{ width:100%;height:154px;background:url("/mn02_01/img/survey_bg.jpg") center top no-repeat; margin-top:40px}
#ckfrm2 {width:1000px;height:30px; padding:30px 100px}
#ckfrm2 .wr_name{ width:188px;height:28px;border:1px solid #c8c8c8;z-index:999; }
#ckfrm2 .wr_tel1 {width:78px;height:28px;border:1px solid #c8c8c8;z-index:999;}
#ckfrm2 .wr_tel2 {;width:78px;height:28px;border:1px solid #c8c8c8;z-index:999;}
#ckfrm2 .wr_tel3 {width:78px;height:28px;border:1px solid #c8c8c8;z-index:999;}


#counsel_box{width:1050px; height:115px}
#counsel_box .term{float:left; width:250px; padding-left:20px}
.counsel_btn{float:left; padding:10px}


.btn_Red{display:block; border:1px solid red;  min-width:150px; height:30px; padding:5px 40px;line-height:32px; margin-top:-5px; background-color:#d20000; color:#fff; font-weight:400; text-decoration:none; text-align:center;  border-radius:2px; cursor:pointer;}
.btn_Red span{font-size:16px}




/*footer*/
#footer_wrap {clear:both; width:100%; background:#41464d;}
#footer_wrap #footer {width:1200px; margin:0 auto; padding-top:25px; overflow:hidden;}
#footer address { width:100%; height:130px; text-align:center; font-weight:normal; font-style:normal; color:#fff;}
#footer address a:link {color: #777;}
#footer address a:visited {color: #ccc;}
#footer address .line {padding:0 7px;}
#footer .copyright {display:block; color:#ccc; text-align:center; text-transform:uppercase; padding-bottom:24px;}