@charset "utf-8";


#wrapper	{position:relative; width:100%; overflow-x:hidden;}
/* header */
#header	{position:absolute; left:0; top:0; width:100%; z-index:1000;}
#header #gnb	{width:100%; background-color:rgba(255,255,255,0.4); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#66ffffff', endColorstr='#66ffffff'); /* IE */ border-bottom:solid 1px #fff;}
#header #gnb #logo	{float:left; }
#header #gnb #logo a 	{display:block; padding:28px 0;}

#header .gnb	{float:right; margin-top:30px;}
#header .gnb li	{float:left;}
#header .gnb li a.dep1	{display:block; height:40px; padding:16px; font-size:1.231em; font-weight:600;}
#header .gnb li a.dep1.on	{background-image:url(../images/main/header/bg_menu_on.png); background-repeat:no-repeat; background-position:center bottom;}


#top_menu {overflow:hidden; margin-left:50%; padding-left:30px; background-image:url(../images/main/header/bg_top_menu_left.png); background-repeat:no-repeat; background-position:left top;}
#top_menu ul.set_top_menu	{overflow:hidden; width:100%; background-image:url(../images/main/header/bg_top_menu.gif); background-repeat:repeat-x;}
#top_menu ul.set_top_menu li.set_dep1	{float:left;}
#top_menu ul.set_top_menu li a.dep1	{display:block; width:100px; padding:9px 0 8px 0; background-image:url(../images/main/header/top_menu_bar.png); background-repeat:no-repeat; background-position:right center; text-align:center; font-size:1.077em; color:#fff; }

#top_menu ul.set_top_menu li a.dep1.last	{background:none;}

/* header on */
/*gnb*/
#header #gnb .gnb li .dep2	{position:absolute; left:0; top:101px; width:100%; height:82px; padding-top:25px; background-color:#fff;border-bottom:solid 1px #ddd;}
#header #gnb .gnb li .dep2 h2.left	{float:left; width:255px; padding-left:80px;}

#header #gnb .gnb li .dep2.menu01 h2.left	{background-image:url(../images/main/header/icon_h2_eye.png); background-repeat:no-repeat; background-position:left center;}
#header #gnb .gnb li .dep2.menu02 h2.left	{background-image:url(../images/main/header/icon_h2_nose.png); background-repeat:no-repeat; background-position:left center;}
#header #gnb .gnb li .dep2.menu03 h2.left	{background-image:url(../images/main/header/icon_h2_baby.png); background-repeat:no-repeat; background-position:left center;}
#header #gnb .gnb li .dep2.menu04 h2.left	{background-image:url(../images/main/header/icon_h2_bone.png); background-repeat:no-repeat; background-position:left center;}
#header #gnb .gnb li .dep2.menu05 h2.left	{background-image:url(../images/main/header/icon_h2_body.png); background-repeat:no-repeat; background-position:left center;}
#header #gnb .gnb li .dep2.menu06 h2.left	{background-image:url(../images/main/header/icon_h2_breast.png); background-repeat:no-repeat; background-position:left center;}
#header #gnb .gnb li .dep2.menu07 h2.left	{background-image:url(../images/main/header/icon_h2_skin.png); background-repeat:no-repeat; background-position:left center;}


#header #gnb .gnb li .dep2.menu01 h2.left p.title	{font-size:1.385em; font-weight:700; color:#fca000;}
#header #gnb .gnb li .dep2.menu02 h2.left p.title	{font-size:1.385em; font-weight:700; color:#5ebc0b;}
#header #gnb .gnb li .dep2.menu03 h2.left p.title	{font-size:1.385em; font-weight:700; color:#0bbca5;}
#header #gnb .gnb li .dep2.menu04 h2.left p.title	{font-size:1.385em; font-weight:700; color:#eb4d00;}
#header #gnb .gnb li .dep2.menu05 h2.left p.title	{font-size:1.385em; font-weight:700; color:#f62f71;}
#header #gnb .gnb li .dep2.menu06 h2.left p.title	{font-size:1.385em; font-weight:700; color:#9b35e9;}
#header #gnb .gnb li .dep2.menu07 h2.left p.title	{font-size:1.385em; font-weight:700; color:#01c3b3;}



#header #gnb .gnb li .dep2 h2.left p.explain	{font-size:1.000em; color:#333;}

#header #gnb .gnb li .dep2 ul.list	{float:left; width:665px;}
#header #gnb .gnb li .dep2 ul.list li {float:left; margin-bottom:10px;}
#header #gnb .gnb li .dep2 ul.list li a	{display:block; width:120px; padding-left:10px; background-image:url(../images/main/header/icon_dep2.png); background-repeat:no-repeat; background-position:left center;}
#header #gnb .gnb li .dep2 ul.list li a:hover	{color:#333; font-weight:600; }
#header #gnb .gnb li .dep2 ul.list li a.g2	{width:250px;}


/* top_menu */
#top_menu ul.set_top_menu .set_dep1 .dep2	{width:99px; height:142px; padding:20px 0; background-color:#fff; border-right:solid 1px #ecd9ae; border-bottom:solid 2px #d0a851;}
#top_menu ul.set_top_menu .set_dep1 .dep2.first	{width:97px; border-left:solid 2px #d0a851;}
#top_menu ul.set_top_menu .set_dep1 .dep2.last	{width:97px; border-right:solid 2px #d0a851;}

#top_menu ul.set_top_menu .set_dep1 .dep2 li	{margin-bottom:5px; text-align:center; }
#top_menu ul.set_top_menu .set_dep1 .dep2 li a:hover	{color:#333; font-weight:600;}



/* contents */
#contents {position:relative; width:100%; }

#main_cont02,#main_cont03,#main_cont04	{padding:60px 0;}

	/* visual */
#visual, ul.wrap_visual, li.v01	{width:100%; height:700px;}
#visual li.v01	{background-image:url(../images/main/visual/v01/bg.jpg); background-repeat:no-repeat; background-position:50% top;}
li.v01 .cont_center	{height:500px;padding-top:200px; }
.v01 .visual_text	{float:right; width:430px;}
.v01 .visual_text .text01	{font-size:5.385em; color:#5c5499;}
.v01 .visual_text .text02	{margin-top:-20px; font-size:2.154em; color:#333;}
.v01 .visual_text .text03	{margin-top:20px; font-size:1.231em; color:#333;}
.v01 .visual_text .text04	{margin-top:10px; font-size:1.000em;}
.v01 .visual_text .text05	{margin-top:30px; font-size:1.385em; color:#d0a851;}

	/* before and after*/

#main_cont01	{width:100%; margin-top:-2px; background-image:url(../images/main/ban/bg_bna.gif); }
#main_cont01 h3.main_title	{float:left; padding:22px 50px; background-image:url(../images/main/ban/bg_bna_title.gif); line-height:1.4;}
#main_cont01 h3.main_title .eng	{margin-bottom:5px; font-size:1.077em; color:#47260b;}
#main_cont01 h3.main_title .title	{font-size:1.538em; font-weight:600; color:#47260b;}
#main_cont01 ul.bna	{float:left;}

#main_cont01 ul.bna	{overflow:hidden; padding-left:35px;}
#main_cont01 ul.bna	li {float:left;}
#main_cont01 ul.bna	li a {display:block; width:105px; padding-top:50px; margin:24px 0; font-size:1.231em; color:#fff; text-align:center; background-position: 50% top;}

#main_cont01 ul.bna	li a.bna01	{background-image:url(../images/main/ban/bg_bna_eye.png); background-repeat:no-repeat;}
#main_cont01 ul.bna	li a.bna02	{background-image:url(../images/main/ban/bg_bna_nose.png); background-repeat:no-repeat;}
#main_cont01 ul.bna	li a.bna03	{background-image:url(../images/main/ban/bg_bna_baby.png); background-repeat:no-repeat;}
#main_cont01 ul.bna	li a.bna04	{background-image:url(../images/main/ban/bg_bna_bone.png); background-repeat:no-repeat;}
#main_cont01 ul.bna	li a.bna05	{background-image:url(../images/main/ban/bg_bna_body.png); background-repeat:no-repeat;}
#main_cont01 ul.bna	li a.bna06	{background-image:url(../images/main/ban/bg_bna_brea.png); background-repeat:no-repeat;}
#main_cont01 ul.bna	li a.bna07	{background-image:url(../images/main/ban/bg_bna_skin.png); background-repeat:no-repeat;}

	/* line- board*/
#line_board	{width:100%; padding:7px 0; background-color:#eee;}
#line_board .board	{float:left; position:relative; overflow:hidden; height:26px;}
#line_board #notice_slider	{width:479px; padding-right:20px; border-right:solid 1px #ddd;}
#line_board #column_slider	{width:480px; padding-left:20px;}
#line_board .board h3.main_title, #line_board .board table,#line_board .board .control{float:left;}
#line_board .board h3.main_title	{width:65px; padding:2px 0; background-color:#d0a851; border-radius:2px; color:#fff; font-weight:600; text-align:center;}
#line_board .board .slides	{margin-top:0;}
#line_board .board .slide	{width:450px; height:26px; vertical-align:middle;}
#line_board .board .slide>a	{position:relative; display:block; height:26px; line-height:26px;}
#line_board .board .slide .title	{padding-left:20px;}
#line_board .board .slide .date	{position:absolute; top:0; right:0;}

#line_board .board .control	{position:absolute; top:5px; right:0; z-index:2;}
#line_board .board .control	li	{width:10px; height:8px;}
#line_board .board .control	li>img	{display:block;}
#line_board #notice_slider .control	{right:20px;}

	/* real story */
#main_cont02	{width:100%; background-color:#f9f9f9;}
#main_cont02 h3.main_title	{text-align:center; }
#main_cont02 h3.main_title .eng	{font-size:2.308em; color:#d0a851;}
#main_cont02 h3.main_title .title	{margin-bottom:40px; font-size:1.385em;  }

.rs_slider	{overflow:hidden; width:1000px; height:250px; }
.rs_slider ul.slides {}
.rs_slider ul.slides li.slide	{float:left; position:relative; width:250px; height:250px;}
.rs_slider ul.slides li.slide img.off	{}
.rs_slider ul.slides li.slide img.on	{position:absolute; left:0; top:0; opacity:0; ​filter:alpha(opacity=00); z-index:100;}

#main_cont02 .control	{width:1000px; margin-top:10px; text-align:center;}


	/* latest */
#main_cont03	{width:100%;}
#main_cont03 .news,#main_cont03 .counsel	{float:left; margin-right:20px;}
#main_cont03 .experience	{float:left;}
#main_cont03 h3.main_title	{overflow:hidden; width:100%; margin-bottom:20px;}
#main_cont03 h3.main_title .set_title	{float:left;}
#main_cont03 h3.main_title .set_title .eng	{font-size:1.077em; color:#d0a851;}
#main_cont03 h3.main_title .set_title .title	{margin-top:-5px; font-size:1.231em; }
#main_cont03 h3.main_title .set_title .title em	{font-size:1.125em; }

#main_cont03 h3.main_title .btn_more	{float:right; overflow:hidden;  display:block; width:30px; height:30px; margin-top:15px;background-image:url(../images/main/common/btn_more.png); background-repeat:no-repeat; background-position:0 0; font-size:0; text-indent:-999%; line-height:0;}
#main_cont03 h3.main_title .btn_more.on	{background-position:0 -30px;}

#main_cont03 #news_slider	{overflow:hidden; width:320px; height:307px;}
#main_cont03 #news_slider .slides	{height:307px; overflow:hidden;}
#main_cont03 #news_slider .slide	{float:left; width:320px; height:307px; }
#main_cont03 #news_slider .slide a	{display:block;}
#main_cont03 #news_slider .control	{position:relative; top:-50px; text-align:center;}
#main_cont03 #news_slider .control>ul	{overflow:hidden;width:70px; margin:0 auto;}
#main_cont03 #news_slider .control>ul>li	{float:left; margin:0 2px;}

#main_cont03 .latest	{width:318px; border:solid 1px #ddd;}
#main_cont03 .latest tr td	{height:50px; border-bottom:dotted 1px #ddd;}

#main_cont03 .latest td.title	{padding-left:20px;}
#main_cont03 .latest td.answer,#main_cont03 .latest td.date	{text-align:center;}
#main_cont03 .latest td.answer span	{padding:5px; font-size:0.923em; color:#fff;}
#main_cont03 .latest td.answer span.wait_answer	{background-color:#ddd;}
#main_cont03 .latest td.answer span.comp_answer	{background-color:#d0a851;}


	/* quick */
#main_cont04	{width:100%; background-color:#f9f9f9;}

#main_cont04 .go_quick	{float:left; display:block; }
#main_cont04 .online_counsel,.tel_counsel,.kakao_counsel	{width:220px; margin-right:2px; }

#main_cont04 .online_counsel	{height:86px; padding-top:134px; background-image:url(../images/main/quick/bg_online_counsel.gif); background-repeat:no-repeat; background-position:0 0;}
#main_cont04 .online_counsel.on	{background-position:0 -220px;}

#main_cont04 .tel_counsel	{height:130px; padding-top:90px; background-image:url(../images/main/quick/bg_tel_counsel.gif); background-repeat:no-repeat; background-position:0 0;}
#main_cont04 .tel_counsel.on	{background-position:0 -220px;}

#main_cont04 .kakao_counsel	{height:130px; padding-top:90px; background-image:url(../images/main/quick/bg_kakao_counsel.gif); background-repeat:no-repeat; background-position:0 0;}
#main_cont04 .kakao_counsel.on	{background-position:0 -220px;}

#main_cont04 .info_hour	{width:256px; margin-left:18px; padding:30px; background-image:url(../images/main/quick/bg_hour.gif); background-repeat:no-repeat; background-position:0 0;}
#main_cont04 .info_hour.on	{background-position:0 -220px;}


#main_cont04 .online_counsel h3.main_title p.title,.tel_counsel h3.main_title p.title,.kakao_counsel h3.main_title p.title	{font-size:1.231em; font-weight:600; text-align:center; }
#main_cont04 .online_counsel h3.main_title p.eng,.tel_counsel h3.main_title p.eng,.kakao_counsel h3.main_title p.eng	{margin-top:font-size:1em; text-align:center; }
#main_cont04 .tel_counsel .number,.kakao_counsel .id	{font-size:2.000em; text-align:center; letter-spacing:-1.5px; }

#main_cont04 .info_hour h3.main_title p.title	{font-size:1.385em; font-weight:600;}
#main_cont04 .info_hour h3.main_title p.eng	{margin-bottom:24px; font-size:1.000em;}
.info_hour .hours li	{overflow:hidden;margin-bottom:5px; font-size:1.077em;}
.info_hour .hours li p	{float:left;}
.info_hour .hours li p.week	{width:50px; margin-right:10px; background-color:#ccc; text-align:center;}

/*footer*/
#footer	{background-color:#444;}

#footer .footer_top,#footer .set_site_map	{overflow:hidden; padding:20px 0; border-bottom:solid 1px #999;}
.footer_top .sns	{float:left;}
.footer_top .sns li	{float:left;}
.footer_top .sns li a	{display:block; margin-right:30px; padding-left:30px; color:#fff;}
.footer_top .sns li.facebook a	{background-image:url(../images/footer/icon_fb.png); background-repeat:no-repeat; background-position:left center;}
.footer_top .sns li.twitter a	{background-image:url(../images/footer/icon_tt.png); background-repeat:no-repeat; background-position:left center;}
.footer_top .sns li.blog a	{background-image:url(../images/footer/icon_bl.png); background-repeat:no-repeat; background-position:left center;}

.footer_top .quickmenu	{float:right;}
.footer_top .quickmenu li	{float:left; margin-left:30px; }
.footer_top .quickmenu li a	{display:block; color:#fff;}


.set_site_map .set_dep1 .dep1	{float:left;width:142px; height:273px; text-align:center; border-right:solid 1px #999;}
.set_site_map .set_dep1 .dep1.last	{border:0;}
.set_site_map .set_dep1 .dep1 a	{font-size:1.077em; font-weight:600; color:#fff;}
.set_site_map .set_dep1 .dep1 ul.list	{margin-top:10px;}
.set_site_map .set_dep1 .dep1 ul.list li	{margin:2px 0;}
.set_site_map .set_dep1 .dep1 ul.list li a	{font-size:0.929em; font-weight:normal;}

.set_copyright	{padding:20px 0;}
.set_copyright p	{color:#fff;}
.set_copyright .ho_info span {padding:0 10px; border-right:solid 1px #fff; font-weight:normal; color:#fff;}
.set_copyright .ho_info span.addr	{padding-left:0;}
.set_copyright .ho_info span.last	{border-right:0;}
.set_copyright .ho_info span em	{margin-right:10px;}
.set_copyright>img	{margin-top:10px;}