@charset "utf-8";
/* reset */body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,h1,h2,h3,h4,h5,h6,input,button,table,select,textarea{font-family:'Noto Sans KR','Gotham','AppleSDGothicNeo','NanumGothic', '나눔고딕','NanumGothicWeb','Malgun Gothic','맑은고딕','맑은 고딕','돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;font-size:12px;color:#000}
img,fieldset{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
hr{display:none}
table{border-collapse:collapse;border-spacing:0}
input[type=checkbox],input[type=radio]{width:13px;height:13px;border:0 none}

/* common */
a{color:#333;text-decoration:none}
/* common */
.skip{overflow:hidden;position:absolute;top:-999em;left:-999em;width:1px;height:1px}
h2{margin-bottom:55px;font-size:40px;font-weight:normal;color:#000;letter-spacing:-1.4px;}
h2 sub{position:relative;top:-15px;font-size:14px;color:#666;letter-spacing:-1px;}
.route{position:absolute;top:80px;right:0;overflow:hidden;}
.route a{color:#222;}
.route .bg_rr{margin:0 5px;}
.route img{vertical-align:middle;}

/* Layout */  
body{min-width:1460px;}
#wrap{min-width:1050px;}
/*#wrap{width:100%;}*/
.header_wrap{position:relative;border-bottom:2px solid #e5e5e5;z-index:300; }
.container_wrap{position:relative;}
.contents_detail{width:1050px;margin:0 auto;position:relative;padding:60px 0;min-height:500px;}
.container_wrap:after{display:block;clear:both;content:''}
#contents{margin-left:30px;float:left;width:750px;padding-bottom:50px;}
.subwidth{position:relative;margin:0 auto;width:1050px;}

/*.header_wrap */
/*.header_wrap.fixed{position:fixed;top:0;left:0;z-index:300;padding-bottom:7px;border-bottom:0;background:url(/img/common/bg_gnb_bar.png) 0 bottom repeat-x;}*/
.header_wrap .top_bar{text-align:center;
    background: #f9d9d6; /* Old browsers */
    background: -moz-linear-gradient(left,  #f9d9d6 0%, #f8f1ee 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #f9d9d6 0%,#f8f1ee 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #f9d9d6 0%,#f8f1ee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d9d6', endColorstr='#f8f1ee',GradientType=1 ); /* IE6-9 */
}
.header_wrap .top_bar .bx{padding-bottom:24px;background:url(http://st.dangidata.s3-ap-northeast-2.amazonaws.com/beauty_dangicokr/img/common/bg_top_bar.png) 0 bottom repeat-x;}
.header_wrap .top_bar .bx a{position:absolute;top:24px;right:0;}
.header_wrap.fixed{width:100%;padding-left:71px;position:fixed;top:0;left:0;z-index:300;border-bottom:0; 
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.26);
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.26);
}
.header_wrap.sub{margin-top:-30px;}
.header_wrap .group{position:relative;margin:0 auto;width:1050px; }
.header_wrap .head_top{height:36px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9d9d6+0,f8f1ee+100 */
background: #f9d9d6; /* Old browsers */
background: -moz-linear-gradient(left,  #f9d9d6 0%, #f8f1ee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f9d9d6 0%,#f8f1ee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f9d9d6 0%,#f8f1ee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d9d6', endColorstr='#f8f1ee',GradientType=1 ); /* IE6-9 */
}

.header_wrap .head_top .group{padding-top:11px;width:1050px;}
.header_wrap .head_top span{display:inline-block;margin-right:20px;}
.header_wrap .head_top span a{margin-left:7;font-size:12px;font-weight:bold;color:#000;}
.header_wrap .head_top .sns{position:absolute;top:11px;right:0;}
.header_wrap .head_top .sns a{margin:0 5px;}
.header_wrap #gnb{padding:43px 0;border-bottom:1px solid #e5e5e5;background:#fff;}
.header_wrap #gnb .group:after{content:'';display:block;clear:both;}
.header_wrap #gnb h1{float:left;}
.header_wrap #gnb ul{float:right;position:relative;top:7px;}
.header_wrap #gnb ul:after{content:'';display:block;clear:both;}
.header_wrap #gnb ul li{float:left;position:relative;margin-left:36px;}
.header_wrap #gnb ul li a{display:block;position:relative;height:16px;overflow:hidden;}
.header_wrap #gnb ul li p.icon{position: absolute;top:-14px;right:-8px;}
.header_wrap #gnb ul li.on a img,
.header_wrap #gnb ul li a:focus img,
.header_wrap #gnb ul li a:hover img,
.header_wrap #gnb ul li a:active img{margin-top:-16px;}

.header_wrap .sub_gnb{display:none;background:#fff; position:relative;height:80px;}
.header_wrap .sub_gnb ul {position:absolute;right:0;}
 

.header_wrap .sub_gnb.on{display:block;}
.header_wrap .sub_gnb ul:after{content:'';display:block;clear:both;}
.header_wrap .sub_gnb ul li{float:left;margin-left:30px;}
.header_wrap .sub_gnb ul li a{display:block;padding:15px 0;height:50px;line-height:50px;font-size:14px;color:#666;}
.header_wrap .sub_gnb ul li.on a,
.header_wrap .sub_gnb ul li a:focus,
.header_wrap .sub_gnb ul li a:hover,
.header_wrap .sub_gnb ul li a:active{display:inline-block;font-weight:bold;color:#000;/*border-bottom:2px solid #222;*/background:url(http://st.dangidata.s3-ap-northeast-2.amazonaws.com/beauty_dangicokr/img/common/bg_2depth_over.gif) 0 100% repeat-x; width:100%;}

#header .nav-1depth .ico_open img{padding:0 0 4px 5px;vertical-align:middle}

/* footer */
.footer_wrap{/*margin-top:200px;*//*padding:120px 0 55px 0;*/background:#fff;position:relative;/*margin-bottom:-5px;*/}
.footer_wrap .subwidth{margin:0 auto;padding:55px 0 0;width:1050px;border-top:1px solid #000;}
.footer_wrap .tit{margin-bottom:24px;}

.clearfix{zoom:1}
.clearfix:after{display:block;clear:both;content:''}
.footer_wrap .info_comp{width:902px;margin:22px 0 0;padding-bottom:21px;zoom:1}
.footer_wrap .info_comp .logo{float:left}
.footer_wrap .info_comp .nav_com,#tfooter .info_comp .info{float:left;padding-top:21px}
.footer_wrap .info_comp .nav_com li{float:left;height:12px;padding:0 14px;background:url(http://static.conects.com/static/img/dangi/common/footer/bg_bar.gif) no-repeat 0 50%}
.footer_wrap .info_comp .nav_com li:first-child{background:none}
.footer_wrap .info_comp .nav_com a{display:block;float:left;padding:0 5px;}
.footer_wrap .info_comp .nav_com a.modify{    color: #adadad;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;}
.footer_wrap .info_comp .info li{float:left;padding:0 8px;background:url(http://static.conects.com/static/img/dangi/common/footer/bg_bar.gif) no-repeat 0 50%;line-height:12px;color:#555}
.footer_wrap .info_comp .info li:first-child{background:none}
.footer_wrap .info_comp .info li img{margin-right:10px}

.footer_wrap .info_comp .allpay{float:right;padding-top:10px}

.footer_wrap .info_comp .nav_com a.personal{color:#ffc320;}

.footer_wrap .dangi_info_tab{padding-bottom:0;padding-left:0;border-top:none;}
.footer_wrap .dangi_info_tab .box .link_info{margin-left:4px;color:#000;text-decoration:underline;}

.footer_wrap .dangi_wrap{padding-bottom:20px;border-bottom:1px solid #e5e5e5;}
.footer_wrap .box_wrap{padding-left:0;}
.footer_wrap .info_comp{padding-left:0;}
.footer_wrap .nav_com{padding-top:14px;}
.footer_wrap .box{display:none;font-size:11px;line-height:18px;color:#5d5d5d;letter-spacing:-.01em}
.footer_wrap .box_wrap strong{display:block;color:#000;text-decoration:none;padding:0;}
.footer_wrap .job_footer{margin:0 auto;width:1150px;}