@charset "utf-8";



/*sub common layout*/
#contents {clear:both; position:relative; width:1200px; min-height:300px; margin:0 auto; padding-bottom:40px; *zoom:1;}
#contents:after {clear:both; display:block; content:"";}
#contents #left_wrap {float:left; width:218px;}
#contents #right_wrap {float:right; width:933px; padding-bottom:30px; background:#fff;}
.normal_cnt #contents #right_wrap {width:961px;}


#content_wrap #location {clear:both; height:40px; background:#f5f5f5;}
#content_wrap #location .locbox {width:1200px; margin:0 auto; text-align:right;}
#content_wrap #location .locbox span {display:inline-block; vertical-align:middle;}
#content_wrap #location .locbox .home {width:18px; height:0; padding-top:15px; overflow:hidden; background:url(../images/icon_home.gif) no-repeat left top;}
#content_wrap #location .locbox .arrow {width:5px; height:0; padding-top:15px; overflow:hidden; margin:0 5px; background:url(../images/icon_arrow.gif) no-repeat left 4px;}
#content_wrap #location .locbox .loc1 {color:#999; height:39px; line-height:39px;}
#content_wrap #location .locbox .loc2 {height:39px; line-height:39px;}



/*sub top visual*/
#content_wrap #sub_visual {clear:both; position:relative; width:100%; height:390px; background:#eee; text-align:center; overflow:hidden;top:-2px; }
#sub_visual img {position:absolute; left:50%; margin-left:-1000px; width:2000px; height:390px;}

#content_wrap #sub_visual_mn01 {clear:both; position:relative; width:100%; height:297px; background:#eee; text-align:center; overflow:hidden;top:-2px; }
#sub_visual_mn01 img {position:absolute; left:50%; margin-left:-1000px; width:2000px; height:297px;}

/*left area*/
#left_wrap #left_mn {width:100%; background:#fff;}
#left_wrap #left_mn dt.maintit {width:100%; height:120px; font-size:25px; color:#fff; line-height:120px; text-align:center; border:none; background:#434a54;}
#left_wrap #left_mn a {display:block; padding-left:15px; height:39px; line-height:39px; font-size:13px; color:#666; border:solid 1px #d9d9d9; border-top:none;}
#left_wrap #left_mn a:hover, #left_wrap #left_mn .on a {color:#fff; background-color:#7489b3; border-color:#7489b3;}

#left_wrap #left_mn dd .subtit {background:#eee url(../images/menu_arrow.gif) no-repeat 167px center; font-weight: bold;}
#left_wrap #left_mn dd .subtit:hover, #left_wrap #left_mn dd .subtit.on {background-color:#f6f6f6; color:#456199; border-color:#d9d9d9;}

#left_wrap #left_mn .only a {background:#eee url(../images/menu_arrow2.gif) no-repeat 169px center;}
#left_wrap #left_mn .only a:hover, #left_wrap #left_mn .only.on a {background-color:#7489b3; color:#fff; border-color:#7489b3;}

#left_wrap #left_info {width:190px; height:555px; background:url(../images/info.gif) no-repeat; text-indent:-1000px; overflow:hidden;}


/*right area*/
#right_wrap #cnt_visual {width:100%; height:250px;}
#right_wrap #title {margin:30px auto;}
#right_wrap #title h2 {height:30px; line-height:30px; font-weight:bold; font-size:33px; color:#333;}
#right_wrap #cnts {position:relative; min-height:360px; margin:0 auto;}
.normal_cnt #right_wrap #title, .normal_cnt #right_wrap #cnts {width:920px;}

/*contents*/
#right_wrap #cnts p {margin-bottom:40px; line-height:0;}
#right_wrap #cnts h3{font-size:25px; color:#222; font-weight:600; padding-left:28px}
#right_wrap #cnts .sub_tit {height:20px; margin-bottom:25px; background:url(../images/tit_bullet.gif) no-repeat; }
#right_wrap #cnts .cnt_btm_btns {margin-bottom:0; text-align:center;}
#right_wrap #cnts .cnt_btm_btns a {display:inline-block; text-indent:-1000px; overflow:hidden;}
#right_wrap #cnts .btn_counsel {width:175px; height:40px; background:url(../images/btn_counsel.gif) no-repeat; margin-right:10px;}
#right_wrap #cnts .btn_press {width:175px; height:40px; background:url(../images/btn_press.gif) no-repeat;}

#right_wrap #cnts .equipment_01{float:left; margin-left:20px; cursor:pointer;}
#right_wrap #cnts .left_re{margin:0;}
#right_wrap #cnts .all_click{display:block;}
#right_wrap #cnts .skin_click{display:none;}
#right_wrap #cnts .body_click{display:none;}


/*micool*/
.movie_bg {display:block; width:920px !important; margin:0 auto !important; text-align:center; background:#000;}


/*둘러보기*/
#cnts .slider {position:relative; width:848px; height:498px; overflow:hidden; margin-bottom:40px; padding:5px; border:solid 1px #d9d9d9;}
#cnts .bd {position:absolute; left:5px; top:5px; z-index:1; width:848px; height:498px; overflow:hidden;}
#cnts .slider .bd li {width:848px; height:498px; overflow:hidden;}
#cnts .slider .bd li img {width:100%; height:100%;}
#cnts .slider .tempWrap {overflow:visible !important;}
#cnts .slider .tempWrap ul {margin-left:0 !important;}

#cnts .slider .hd {position:absolute; bottom:15px; z-index:10; width:848px; height:7px; text-align:center; overflow:hidden;}/* 하단클릭버튼 */
#cnts .slider .hd li {display:inline-block; *display:inline; zoom:1; width:20px; height:7px; margin:0 3px; background-color:#ccc; overflow:hidden; cursor:pointer;  }
#cnts .slider .hd li.on {background-color:#F90; background-position:0 0; filter:alpha(opacity=100); opacity:1;}

#cnts .slider .pnBtn {position:absolute; top:50%; margin-top:-30px; z-index:20; width:60px; height:60px; cursor:pointer;}
#cnts .slider .prev {left:5px;}
#cnts .slider .next {right:5px;}
#cnts .slider .pnBtn a {display:block; width:100%; height:100%;}
#cnts .slider .pnBtn .arrow {display:none; position:absolute; top:0; z-index:1; width:60px; height:60px;}
#cnts .slider .pnBtn .arrow:hover {filter:alpha(opacity=60);opacity:0.6;}
#cnts .slider .prev .arrow {background:url(../mn01/images/arrow_prev.png) no-repeat;}
#cnts .slider .next .arrow {background:url(../mn01/images/arrow_next.png) no-repeat;}


/*서브 퀵상담*/
.quick {width:100%; height:205px; background:#7489b3; margin-bottom:15px;}
.quick .tit_quick {float:left; width:320px;}
.quick .form_quick {float:left; width:650px;}
.quick .form_quick fieldset {width:550px; height:119px; margin:23px auto; padding:20px; background:#6e82aa; border-radius:9px;}
.quick .form_quick fieldset .form_box {float:left; width:455px; position:relative;}
.quick .form_quick fieldset .form_box dt {width:54px; height:26px; padding-bottom:9px; font-size:13px; line-height:26px; color:#fff;}
.quick .form_quick fieldset .form_box dd {margin-left:54px; margin-top:-35px; height:35px; color:#fff;}
.quick .form_quick fieldset .form_box input {border:none; padding:3px; height:20px;}
.quick .form_quick fieldset .form_box .inputbox {width:180px;}
.quick .form_quick fieldset .form_box .phone {width:48px;}
.quick .form_quick fieldset .form_box .txtbox {position:absolute; right:0; top:0; margin:0 !important; width:205px; height:98px;}
.quick .form_quick fieldset .form_box .txtbox textarea {border:none; background:#fff; padding:3px; width:199px; height:92px;}
.quick .form_quick .form_btn {float:right; width:81px;}
.quick .form_quick .form_btn .btn_counsel {width:81px !important; height:98px !important;}


/*서브하단 최신글*/
.latest > div {float:left; width:308px; height:238px; border:solid 1px #d9d9d9; background:#f6f6f6; margin-left:20px;}
.latest div:first-child {margin-left:0;}
.latest .tit_area {height:45px; padding:13px 15px 0 15px; border-bottom:solid 1px #d9d9d9; background:#fff;}
.latest .tit_area .tit_latest {float:left;}
.latest .tit_area .more {float:right;}

.latest .list_area {padding:15px;}
.latest .list_area td {height:25px; line-height:25px; color:#999;}
.latest .list_area td.subject {width:195px; padding-left:10px; background:url(../images/list_bullet.gif) left center no-repeat;}
.latest .list_area td.subject img {vertical-align:middle;}
.latest .list_area td a:hover {color:#333;}

#bna .list_area {width:278px; height:149px; overflow:hidden; }
#bna .list_area td {height:70px;font-size:0; line-height:0; vertical-align:top;}
#bna .list_area td.photo {width:105px;}
#bna .list_area td.photo img {margin-bottom:9px; width:90px; height:70px;}
#bna .list_area td.bna_subject {width:173px}
#bna .list_area td.bna_subject a {display:block; height:70px; line-height:70px;}

/*이용약관, 개인정보보호방침*/
.tit_term {color:#333; font-size:20px; font-weight:bold; margin-bottom:5px;}
.cnt_term {margin-bottom:30px;}
.cnt_term textarea {width:99%; height:250px; border:1px solid #ccc; line-height:160%;}


/*회원페이지 관련*/
.input_text{width:205px; height:30px; border:1px solid #ddd;}
.input_email {width:120px; height:30px; border:1px solid #ddd;}
.select1 {height:30px;}

/*login */
.login_box {width:510px; padding:35px; border:4px solid #eee; margin:0 auto; margin-top:50px; background:#fff;}
.login_box .tit{margin-bottom:15px;}
.login_box .login_table {padding:20px; margin:0 auto; margin-bottom:15px; background:#f5f5f5;}
.login_box .find_area{width:280px; margin:0 auto; text-align:center;}
.login_box .find_area li{float:left; height:14px; border-right:1px solid #d9d9d9; padding:0 20px;}
.login_box .find_area li.last {border-right:none;}
.login_box .find_area li a {display:block; font-size:12px; line-height:14px;letter-spacing:-1px;}
.login_box .find_area li.last a {color:#369;}
.login_box .sns_login {padding-top:15px; text-align:center;}

/*회원가입*/
.join_form .tit {height:35px; line-height:35px; padding-left:10px; font-size:15px; color:#333; background:#f6f6f6; }
.join_form .tx {width:98.5%; height:150px; font-size:12px; line-height:160%;}
.input_tel {width:80px; height:30px; border:solid 1px #d9d9d9;}

/*약관, 개인정보보호방침*/
.terms {width:100%;}
.terms_in {width:95%; height:100px; padding:20px; line-height:160%;}
.agree_ck{padding:10px 0 30px 0}

/*id, pw찾기*/
.find_box {width:360px; padding:35px 25px 10px 25px; border:4px solid #f1f1f1; text-align:left; margin:0 auto; margin-top:30px;}
.find_box .tit{margin-bottom:15px;}
.find_box .find_table {padding:20px 10px 20px 20px; background:#f5f5f5; margin-bottom:15px;}
.find_box .find_id_table {padding:30px 10px 30px 20px; background:#f5f5f5; margin-bottom:15px;}
.find_box .input_text{width:170px;}