@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* HTML Reset */header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}
html,body{margin:0;padding:0}
body{font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;font-size:16px;color:#666}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:1em}
ol,ul{margin:0;padding:0;list-style:none}
div,li,dl,dt,dd,form,iframe,p,a,span,blockquote{margin:0;padding:0}	
fieldset{margin:0;padding:0;border:0 solid transparent}
legend,hr{display:none}
label{vertical-align:middle}
img{margin:0;padding:0;border:none;vertical-align:top}
table,th,td{margin:0;padding:0;font-size:1em;border-spacing:0}
input,textarea{margin:0;padding:0;background:#fff;font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;font-size:1em;color:#333;vertical-align:middle;-webkit-border-radius:0}
a:link,a:visited,a:active,a:hover{text-decoration:none}
caption{visibility:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0}
select{margin:0;padding:0;font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;color:#666}
iframe{background:#fff}
i{font-style:normal}
table{width:100%;border-collapse:collapse}
u{text-decoration:underline}
s{text-decoration:line-through}
em{font-style:italic}

*{-webkit-text-size-adjust:none}

.hidden{overflow:hidden;position:absolute;width:1px;height:1px}
.no_bg{background:none !important}
.no_bd{border:0 !important}
.no_pd{padding:0 !important}
.no_mg{margin:0 !important}
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.swiper-container{position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-wrapper{position:relative;width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-slide{float:left}
.swiper-wp8-horizontal{-ms-touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x}

.wrap{width:1000px;margin:0 auto}
.container{min-height:500px;*zoom:1}
.gnb:after{content:" ";display:block;clear:both}

.top_logo{padding:30px 0 0;height:116px;display:block;text-align:center}
.gnb{*zoom:1}
.gnb:after{content:" ";display:block;clear:both}
.gnb li{width:250px;float:left}
.gnb a{display:block;height:42px;text-indent:-9999px;overflow:hidden;background-image:url(../img/gnb.gif);background-repeat:no-repeat}
.gnb1{background-position:0 0}
.gnb2{background-position:-250px 0}
.gnb3{background-position:-500px 0}
.gnb4{background-position:-750px 0}

.main_promotion{margin:36px 0 0;height:400px;overflow:hidden;position:relative}
.main_promotion .pagination{display:none}
.main_promotion .arrow-left,.main_promotion .arrow-right{position:absolute;z-index:10;top:179px;width:40px;height:40px;text-indent:-9999px;overflow:hidden;background-image:url(../img/btn_promotion.png);background-repeat:no-repeat}
.main_promotion .arrow-left{left:20px;background-position:0 0}
.main_promotion .arrow-right{right:20px;background-position:0 -40px}

.main_conset{margin:51px 0 0;*zoom:1}
.main_conset:after{content:" ";display:block;clear:both}
.main_conset li{float:left}
.main_conset dl{float:right;width:250px;height:299px;border-top:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee}
.main_conset span{height:230px}
.main_conset dt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:21px;line-height:21px;padding:8px 10px 0px 10px;}
.main_conset dt a{font-size:14px;font-weight:bold;color:#666;font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
.main_conset dt a:hover{text-decoration:underline}
.main_conset dd{overflow:hidden;text-overflow:ellipsis;height:30px;line-height:12px;padding:0 10px}
.main_conset dd a{font-size:11px;color:#666;font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif}
.main_conset dd a:hover{text-decoration:underline}

.main_bnset{margin:47px 0 0;*zoom:1}
.main_bnset:after{content:" ";display:block;clear:both}
.main_bnset li,.main_bnset dl{border-top:3px solid #4c4c4c;border-bottom:1px solid #d2d2d2}
.main_bnset li{float:left;margin:0 20px 0 0}
.main_bnset dl{float:right;width:322px;height:132px}
.main_bnset dt{height:55px}
.main_bnset dd{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:21px;line-height:21px}
.main_bnset dd a{font-size:12px;color:#666;font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif}
.main_bnset dd a:hover{text-decoration:underline}

.footer{margin:60px 0 0;background:#202020 url(../img/bg_footer.gif) no-repeat;height:135px;position:relative}
.footer .address{position:absolute;left:286px;top:21px;line-height:18px;font-size:12px;color:#6d6d6d;font-style:normal;font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif}
.footer .site{position:absolute;right:18px;top:19px}
.footer .bn{position:absolute;right:18px;top:55px}
.footer .copy{position:absolute;left:286px;top:104px;font-size:10px;color:#555;font-family:Verdana,Geneva,sans-serif}

.sub_tit{display:block;text-align:center}

.tab_dermawhite{margin:35px 0 0;text-align:center;height:30px}
.tab_dermawhite li{display:inline-block;position:relative;margin:0 -2px}
.tab_dermawhite a{display:block;height:26px;text-indent:-9999px;overflow:hidden;background-image:url(../img/tab_dermawhite.gif);background-repeat:no-repeat}
.tab_dermawhite1{width:116px;background-position:0 0}
.tab_dermawhite2{width:122px;background-position:-116px 0}
.tab_dermawhite3{width:106px;background-position:-238px 0}
.tab_dermawhite1.on{width:116px;background-position:0 -30px}
.tab_dermawhite2.on{width:122px;background-position:-116px -30px}
.tab_dermawhite3.on{width:106px;background-position:-238px -30px}

.sub_top{margin:0 30px;height:35px;font-size:18px}

.sub_content{position:relative;margin:0 280px 0 0}

.lnb{position:absolute;right:-250px;top:0;width:210px;background:url(../img/bg_lnb_t.gif) no-repeat;padding:20px 0;line-height:30px}
.lnb .bg{position:absolute;left:0;bottom:0;width:100%;height:20px;background:url(../img/bg_lnb_b.gif) no-repeat}
.lnb a{color:#666}
.lnb a.on,.lnb a:hover{text-decoration:underline}
.lnb > ul{border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;padding:0 20px}
.lnb li li{padding:0 0 0 20px;background:url(../img/bul_01.gif) no-repeat 7px 7px}

.con_list{overflow:hidden}
.con_list ul{margin:-20px 0 0;width:730px}
.con_list li{float:left;width:325px;margin:20px 10px 0 30px;min-height:425px}
.con_list a{display:block;color:#666;font-size:14px;*zoom:1}
.con_list a:after{content:" ";display:block;clear:both}
.con_list img{display:block;width:325px;height:300px}
.con_list .tit{display:block;margin:8px 0 0;height:32px;line-height:32px;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.con_list .text{display:block;line-height:20px;height:40px;overflow:hidden}
.con_list .date,.con_list .count{float:left;margin:12px 15px 0 0;display:block;line-height:25px}

.paginate{overflow:hidden;clear:both;margin:30px 0 0;height:55px;text-align:center;position:relative;zoom:1}
.con_list+.paginate{margin:55px 0 0}
.paginate img{vertical-align:top}
.paginate a{display:inline-block;_position:relative;color:#666;line-height:27px;padding:0 8px;vertical-align:top}
.paginate strong{display:inline-block;_position:relative;line-height:25px;color:#f67474;border:1px solid #ececec;padding:0 8px;font-weight:normal;margin:0 3px}
.paginate .first,.paginate .prev,.paginate .next,.paginate .last{margin:0;padding:0}
.paginate .prev{margin:0 3px 0 -1px}
.paginate .next{margin:0 -1px 0 3px}

.con_detail{margin:20px 30px 0;position:relative}
.con_detail > table{border-top:2px solid #feced9;table-layout:fixed;line-height:24px}
.con_detail > table > tbody > tr > th{background:#fff5f7;height:29px;border:1px solid #dadada;border-top:0;padding:5px 15px}
.con_detail > table > tbody > tr > td{border:1px solid #dadada;border-top:0;padding:5px 15px}
.con_detail > table > tbody > tr > td.tit{padding-right:80px}
.con_detail > table > tbody > tr > td.text{border-left:0;border-right:0;padding:30px 0;height:200px;vertical-align:top}
.con_detail .sns{position:absolute;right:16px;top:9px}
.con_detail .sns li{float:left;margin:0 0 0 4px}

.btn_set{position:relative;text-align:center;margin:16px 0 0;*zoom:1}
.btn_set:after{content:" ";display:block;clear:both}

.btn_style_01{display:inline-block;width:117px;height:37px;line-height:37px;background:url(../img/btn_01.gif) no-repeat;text-align:center;color:#fff;font-size:18px;font-weight:bold}

.faq_list{margin:0 0 0 30px;border-top:2px solid #feced9}
.faq_list a{color:#666;display:block}
.faq_list .article{border-bottom:1px solid #dadada;line-height:25px}
.faq_list .article > p{position:relative}
.faq_list .article > p > i{position:absolute;left:18px;top:10px;width:18px;text-align:center}
.faq_list .q{font-weight:bold;background:url(../img/ico_faq.gif) no-repeat 100% 50%}
.faq_list .q > a{padding:10px 50px 10px 55px;position:relative;z-index:10}
.faq_list .a{background:#f5f5f5;font-size:14px;border-top:1px solid #dadada}
.faq_list .a > span{padding:10px 10px 10px 55px;display:block}

.notice_list{margin:0 0 0 30px;border-top:2px solid #feced9;border-bottom:1px solid #dadada;text-align:center}
.notice_list table{table-layout:fixed}
.notice_list th{background:#fff5f7 url(../img/bg_line.gif) no-repeat 0 50%;height:37px;border-bottom:1px solid #dadada;font-weight:normal}
.notice_list th:first-child{background:#fff5f7}
.notice_list td{background:url(../img/bg_line2.gif) repeat-x;height:40px;padding:1px 15px 0}
.notice_list tr:first-child td{background:none}
.notice_list td.link{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.notice_list a{color:#666}

.cummunity_call{margin:0 0 0 30px;border-top:1px solid #dadada;overflow:hidden;position:relative}
.cummunity_call h3{line-height:30px;margin:25px 0 0;padding:0 0 0 28px;background:url(../img/bul_02.gif) no-repeat 0 4px;color:#333;font-size:20px}
.cummunity_call .text{line-height:18px;font-size:14px;padding:0 0 0 28px}
.cummunity_call .btn{position:absolute;right:0;top:25px;height:24px;line-height:24px;padding:0 27px 0 10px;background:#85c8da url(../img/bg_btn.gif) no-repeat 100% 0;font-size:14px;font-weight:bold;color:#fefefe}
.cummunity_call .list{line-height:20px;font-size:14px;padding:0 0 0 28px}
.cummunity_call .list li{padding:15px 0 0 15px;text-indent:-15px}