/*body,html {position:relative;width:100%;height:100%;min-height:800px;max-width:1260px;font-family:'dotum'}*/
body,html {position:relative;width:100%;height:100%;max-width:1260px;min-height: 750px;font-family:'dotum'}
ul, ol {list-style-type:none}
h1,h2,h3,h4,h5,h6,th{font-weight:400}
table{border-collapse:collapse;border-spacing:0}
img,fieldset{border:0;outline:none}
label {cursor:pointer;font-size: 10pt;font-weight: 400}
i, em, address {font-style:normal}
caption,legend{visibility:hidden;width:0px;height:0px;font-size:0px;line-height:0px}

/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display:block;
   padding:0;
   margin:0
}

/* 160718 수정 */
input[type="text"],
input[type="password"],
input[type="file"],
select,
textarea{border:1px solid #b7babc}

input[type=checkbox], input[type=radio]{margin:0}
/* 160718 수정 끝 */
body{}

a {text-decoration:none;color:#666;cursor:pointer;}
a:link, a:visited {text-decoration:none;color:#666;}
a:hover, a:focus, a:active{background:none;text-decoration:none;}


/* header */
#header{position:absolute;top:0;left:0;width:100%;height:75px;z-index:100}
#header h1{position:absolute;top:0;left:0;margin:0;padding:0}
#header .header_wrap{position:relative;margin:0 134px 0 180px;height:75px;padding-top:15px;background:url(../../images/common/header_search_bg.gif) center top no-repeat}
#header .btn_side{position:absolute;top:0;right:0;margin:0;padding:0}
#header .search_wrap{position:relative;height:54px;border:1px solid #868386;background:url(../../images/common/header_wrap_bg.gif) repeat-x;-webkit-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px;-webkit-box-shadow: 0px 6px 0px #e74d10;-moz-box-shadow: 0px 6px 0px #e74d10;box-shadow: 0px 6px 0px #e74d10}
#header .user_info{position:absolute;top:0;left:0;width:179px;height:100%;background:url(../../images/common/user_info_bg.gif) 10px top no-repeat}
#header .user_info .info_wrap{padding:6px 22px 0 57px;text-align:left}
#header .user_info .info_wrap .name{font-size:12px;color:#666;line-height:22px;margin:0}
#header .user_info .info_wrap .btn_out{text-align:right}
#header .user_info .info_wrap .btn_out img{vertical-align:top}
#header .job_find{position:absolute;top:0;left:180px;width:130px;height:100%;background:url(../../images/common/header_line.gif) left center no-repeat}
#header .job_find .btn_wrap{text-align:center;padding-top:18px}
#header .job_find .btn_wrap a{margin:0 2px}
#header .job_find .btn_wrap img{vertical-align:top}
#header .search_detail{position:relative;height:100%;margin:0 165px 0 310px;padding:0 0 0 30px;background:url(../../images/common/header_line.gif) left center no-repeat}
#header .search_detail .txt{font-size:12px;padding:10px 3px 5px 3px;line-height:1;color:#00757b;margin:0}
#header .search_detail .input{position:relative;padding-right:50px}
#header .search_detail .input input{position:relative;display:block;width:100%;font-size:12px;color:#333;background:#fff;border:1px solid #b7babc;height:22px;padding:0;margin:0 0 0 0}
#header .search_detail .input a{position:absolute;top:0;right:0}
#header .search_detail .input a img{vertical-align:top}
#header .btn_list{position:absolute;top:7px;right:9px}
#header .btn_list ul{padding:0;margin:0}
#header .btn_list ul > li{margin-top:2px;padding:0;line-height:1}
#header .btn_list ul > li:first-child{margin-top:0}
#header .btn_list ul > li > a img{vertical-align:top}
#header .btn_list button{padding:0;margin:0;background:none;border:none;outline:none}
#header .btn_list button img{vertical-align:top}
#header .btn_in{position:absolute;top:27px;right:81px}
#header .btn_in img{vertical-align:top}




#header .search_wrap2{position:relative;background: url(../../images/top_bg.png) repeat-x;height: 61px;}
#header .user_info2{position:absolute;top:0;left:0;width:80px;height:100%;background:url(../../images/top_1.png) top no-repeat}

#header .btn_list2
{
	position: absolute;
    top: 0;
    right: 0;
    width: 157px;
    height: 100%;
    background: url(../../images/top_3.png) top no-repeat;
}
#header .user_text2{
	position: absolute;
    top: 0;
    left: 80px;
    width: 24%;
    height: 100%;
}
#header .logout_link
{
	position: absolute;
    top: 0;
    left: 24%;
    margin-left: 70px;
    width: 270px;
    height: 100%;
    background: url(../../images/top_2.png) no-repeat;
    background-position: -8px 0px;
    z-index: 10;
    
}
#header .search_input2{
	position: relative;
    height: 100%;
    margin: 0 159px 0 332px;
    padding: 0 0 0 25%;
    z-index: 9;
}

    
    
/* container */
#container{position:relative;width:100%;height:100%;overflow:hidden;-webkit-border-radius:10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid #e74d10}
#contents{position:relative;margin:0 372px 0 10px}
#contents.fix{margin-right:auto;width:695px}
/* bar */
#bar{position:absolute;top:0;left:0;bottom:0;width:176px;height:auto;margin:85px 0 35px 0}
/* 160718 수정 */
.notice_wrap{position:relative;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid #e74d10;overflow:hidden}
.notice_wrap h2{margin:0;padding:0;font-size:0}
.notice_wrap .list_wrap{height:102px}
.notice_wrap ul{margin: 0px;padding: 0px;background: #f2f2f2;}
.notice_wrap ul li{padding: 0;line-height: 1;width: 50%;float: left;text-align: center;margin-top: 6px;}
.notice_wrap ul li a{display:block;font-size:12px;line-height:18px;color:#666;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 160718 수정 끝 */
.gab_lnb {position:relative;z-index:200;} 
.gab_lnb .obj01{position:absolute;bottom:-18px;left:30px}
.gab_lnb .obj02{position:absolute;bottom:-18px;right:30px}

.lnb_wrap{position:absolute;top:0;left:0;bottom:0;width:100%;height:auto;margin:143px 0 0 0;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid #e74d10;overflow:hidden}
.lnb_wrap h2{margin:0;padding:0;font-size:0}

#nav{margin-top:5px}
#nav ul{padding:0;margin:0}
#nav ul li{padding:0;line-height:1}
#nav > ul > li{margin-top:2px}
#nav > ul > li:first-child{margin-top:0}
/* 160718 수정 */
#nav > ul > li > a{position:relative;height:26px;line-height:26px;padding-left:2px;font-size:15px;color:#fff;background:#fe7400;display:block;font-weight: bolder;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6a00), to(#ffd6a4));
background: -webkit-linear-gradient(left, #ff6a00, #ffd6a4);
background: -moz-linear-gradient(left, #ff6a00, #ffd6a4);
background: -o-linear-gradient(left, #ff6a00, #ffd6a4);
background: -ms-linear-gradient(left, #ff6a00, #ffd6a4);
background: linear-gradient(left, #ff6a00, #ffd6a4);
background-color: #ff6a00;
}

#nav > ul > li:last-child > a{position:relative;height:26px;line-height:26px;padding-left:2px;font-size:15px;color:#fff;background:#fe7400;display:block;font-weight: bolder;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#02c836), to(#B7F0B1));
background: -webkit-linear-gradient(left, #02c836, #B7F0B1);
background: -moz-linear-gradient(left, #02c836, #B7F0B1);
background: -o-linear-gradient(left, #02c836, #B7F0B1);
background: -ms-linear-gradient(left, #02c836, #B7F0B1);
background: linear-gradient(left, #02c836, #B7F0B1);
background-color: #02c836;
}

#nav > ul > li > a:hover{
	-webkit-box-shadow: inset 0px 0px 25px rgba(255, 255, 255, 0.8);
-moz-box-shadow: inset 0px 0px 25px rgba(255, 255, 255, 0.8);
box-shadow: inset 0px 0px 25px rgba(255, 255, 255, 0.8);
}
#nav > ul > li > a > span{display:block;position:absolute;top:0;right:14px;width:10px;height:26px;overflow:hidden;background:url(../../images/common/nav_arrow.png) left bottom no-repeat}
#nav > ul > li.open > a > span{background-position:left top}
/* 160718 수정 끝 */
#nav .tnbMenu{display:none;height: 176px;}
#nav .tnbMenu > li > a{display:block;font-size:13px;margin-top:-1px;color:#000;padding-left:33px;line-height:24px;border:1px solid #e0dcd6;background:url(../../images/common/gnb_dot.gif) 22px center no-repeat}
#nav .tnbMenu > li:first-child > a{margin-top:0}
#nav .tnbMenu > li > a:hover,#nav .tnbMenu > li.actived > a{color:#fe7400}

.beauty_wrap{margin-top:10px}
.beauty_wrap ul{padding:8px 0;margin:0}
.beauty_wrap ul li{padding:0 10px;line-height:1}
/* 160718 수정 */
.beauty_wrap ul li a{display:block;font-size:11px;line-height:18px;color:#666;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 160718 수정 끝 */
/* footer */
#footer{position:absolute;bottom:0;left:0;width:100%}
#footer .footer_wrap{position:relative;background:url(../../images/common/footer_bg.gif) repeat-x;height:31px;-webkit-border-radius:6px;-moz-border-radius: 6px;border-radius:6px;border:1px solid #aeb8c4}
#footer .footer_wrap .title{position:absolute;top:8px;left:8px;margin:0}
#footer .footer_wrap .title img{vertical-align:top}
#footer .footer_wrap .search_word{position:relative;margin:2px 7px 2px 184px;padding:0 10px;background:url(../../images/common/footer_search_word_bg.gif) repeat-x;height:25px;-webkit-border-radius:10px;-moz-border-radius: 10px;border-radius:10px;border:1px solid #c3c3c3}
#footer .footer_wrap .search_word a{font-size:12px;color:#666;line-height:25px}


/* common */
#wrap{position:absolute;top:0;left:0;right:0;bottom:0;margin-left:10px;width:100%;height:auto;margin-right:10px;padding:85px 0 35px 180px;height:100%;min-width: 940px;}
#wrap.login{position:absolute;top:0;left:0;right:0;bottom:0;margin-left:0;width:100%;height:auto;margin-right:0;padding:0;height:100%;background:#dddddf;min-width:1152px;max-width:1152px}

/* 변경할 로그인화면(20230405)*/
.login_wrap .login_data2{position:relative;width:100%;height: 100%;z-index:10;background:url(../../images/content/login_bg2.png) left top no-repeat}
.login_wrap .login_data2 .btn_demo{position:absolute;top:456px;left:272px;width:127px;height:40px;font-size:0}
.login_wrap .login_data2 .btn_pwser{position:absolute;top:501px;left:272px;width:127px;height:40px;font-size:0}
.login_wrap .login_data2 .btn_join{position:absolute;top:546px;left:272px;width:127px;height:40px;font-size:0}

/* 변경전 */
.login_wrap .login_data{position:relative;width:100%;height: 100%;z-index:10;background:url(../../images/content/login_bg.png) left top no-repeat}
.login_wrap .login_data .btn_demo{position:absolute;top:450px;left:274px;width:125px;height:61px;font-size:0}
.login_wrap .login_data .btn_join{position:absolute;top:517px;left:274px;width:125px;height:73px;font-size:0}

.login_wrap{position:relative;width:100%;height: 100%;}
.login_wrap .slide_wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}
.login_wrap .login_input{position:absolute;top:330px;left:264px;width:77px;padding:12px 8px 6px 61px}
.login_wrap .login_input > p{margin:0}
.login_wrap .login_input .input{width:67px;height:18px;margin-top:2px;padding:0 5px}
/* 160718 수정 */
.login_wrap .login_input .input input{font-size:11px;width:67px;height:18px;background:none;border:none;outline:none;padding:0;margin:0;vertical-align:top}
/* 160718 수정 끝 */
.login_wrap .login_input > p:first-child{margin-top:0}
.login_wrap .login_input .btn_login{width:77px;height:31px;margin-top:4px;}
.login_wrap .login_input .btn_login a{display:block;width:100%;height:31px;font-size:0}
.login_wrap .login_input .btn_save{position:absolute;top:74px;left:0;width:61px;height:31px;line-height:31px}
.login_wrap .login_input .btn_save input{margin:0}
/* 160718 수정 */
.login_wrap .login_input .btn_save label{margin:0;font-size:11px;color:#fff;margin-left:2px}
/* 160718 수정 끝 */
.login_wrap .login_input .btn_save label,
.login_wrap .login_input .btn_save input{vertical-align:middle;margin-left:2px}


.login_wrap .slide_wrap{position:absolute;width:100%;height:100%;z-index:5}
.login_wrap .slide_wrap > div{position:absolute;overflow:hidden;background:#fff}
.login_wrap .slide_wrap > div li,
.login_wrap .slide_wrap > div ul{margin:0;padding:0}
.login_wrap .slide_wrap > div.slide01_wrap{top:342px;left:450px;width:240px;height:200px}
.login_wrap .slide_wrap > div.slide02_wrap{top:342px;left:718px;width:90px;height:200px}
.login_wrap .slide_wrap > div.slide03_wrap{top:393px;left:961px;width:148px;height:110px}
.login_wrap .slide_wrap > div .bx-controls{display:none}

.join_pop{position:relative;width:438px;height:330px;margin:100px auto 0 auto;background:url(../../images/content/join_bg.jpg) left top no-repeat}
.join_pop .join_wrap{position:relative;padding-top:95px;margin:0 34px}
.join_pop .join_wrap li,.join_pop .join_wrap ul,.join_pop .join_wrap p{padding:0;margin:0}
.join_pop .join_wrap ul{overflow:hidden}
.join_pop .join_wrap li{position:relative;float:left;width:50%;margin-top:8px}
.join_pop .join_wrap li > div{position:relative;padding-left:64px}
.join_pop .join_wrap .i_title{position:absolute;top:0;left:0;width:60px;height:18px;line-height:20px;font-size:12px;color:#fff;text-align:right}
.join_pop .join_wrap .i_input{position:relative;width:105px;padding:0 5px;height:20px;background:#fff;border:1px solid #a8756b}
/* 160718 수정 */
.join_pop .join_wrap .i_input input{font-size:11px;border:none;background:none;position:relative;width:100%;height:18px;vertical-align:top}
/* 160718 수정 끝 */
.join_pop .join_wrap .join_info{margin:10px 0 0 60px}
.join_pop .join_wrap .join_info p{font-size:12px;color:#fff;margin-top:10px;line-height:1;margin-bottom:0;text-align:left;vertical-align:middle}
.join_pop .join_wrap .join_info input{margin:0;vertical-align:middle}
.join_pop .btn_wrap{}
.join_pop .btn_wrap a{display:block;font-size:0;width:97px;height:40px;position:absolute;top:249px}
.join_pop .btn_wrap a.btn_agree{left:62px}
.join_pop .btn_wrap a.btn_join{left:176px}
.join_pop .btn_wrap a.btn_close{left:290px}

.pop_agree{position:relative;width:930px;height:625px;padding:52px 27px 52px 25px;background:url(../../images/content/pop_agree_bg.jpg) left top no-repeat;margin:100px auto 0 auto}
.pop_agree .agree_content{position:relative;height:100%;overflow-y:scroll;font-size:12px;text-align:left;padding:10px;line-height:18px}
.pop_agree .btn_close{position:absolute;top:582px;left:789px;width:121px;height:28px;display:block;font-size:0}
/* desktop 1024 */















.csr_small_title{
	font-size: 9pt;
    color: grey;
    padding: 0px;
    margin: 12px 0px 3px 2px;	
}

.dot_img{
	display: inline-block;
    width: 12px;
    text-align: left;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.blueBtn {
	background-color: transparent;
    background: url(/hairinfo_sin_web/images/bg_btn_blue.png);
    border: 1px solid #81c3c3;
    height: 22px;
    font-size: 9pt;
    color: gray;
}
.blueBtn:hover{
	border: 1px solid #2b7f80;
}

.scrool_big_list{
	overflow: hidden;
	overflow-y: auto;
	height: 500px;
}

/*
.type02 tr:nth-child(even) {
    background-color: #f2f2f2;
}
*/


.pop_pd20{padding:0 20px 0 20px;}
.pop_pdl20{padding-left:20px;}

.tit_wrap {
    margin-bottom: 10px;
}

.tit_wrap h3 {
    display: inline-block;
    font-size: 16px;
}

.tit_sub {
    display: inline-block;
    background: url(/hairinfo_sin_web/images/bul_tit_s.png) no-repeat left center;
    padding-left: 15px;
}

.tit_big {
    background: url(/hairinfo_sin_web/images/bul_tit.png) no-repeat left center;
    padding-left: 24px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
}


/* 버튼 css */
.btn_s {
    height: 24px;
    line-height: 22px;
    padding: 0 10px;
}


.btn_n {
    height: 24px;
    line-height: 22px;
    padding: 0 10px;
}

.navy {
    background: #384c67;
    border: 0;
    color: #fff;
}

.white {
    background: #fff;
    border: 1px solid #c6d2d3;
    color: #384c67;
}

.naver{
	background:#10ce72;
	color: #fff;
}

a[class^="btn_"] {
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 12px;
}

.btn_s:hover{background:#5F00FF;color: #fff;}

.btn_wrap_right {
    margin-top: 20px;
    text-align: right;
}

.ptoggle{
	margin:0 0 0 5px;
	display:inline-block;	
	font-size:11px;
	font-weight:bold;
}


.switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 28px; 
}
/*스위치바탕 ie에서 테두리생김방지*/
.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition:.4s;
}
/*스위치버튼 안쪽에 동그란모양*/
.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 3px;
  bottom: 3px;
  background: white;
  transition: .4s;
}



/*체크된(on된)스위치바탕*/
input:checked + .slider {
  background: #10ce72;
}
/*스위치버튼을 클릭하면 버튼주위에 글로우효과*/
input:focus + .slider {
  box-shadow: 0 0 3px #10ce72;
}
/*스위치버튼을 클릭하면 우측으로 26px이동*/
input:checked + .slider:before {
  transform: translateX(26px);
}

/*Rounded sliders*/
.slider.round {
  border-radius: 34px;
}
/*스위치버튼 안쪽에 동그란모양*/
.slider.round:before {
  border-radius: 50%;
}




@media screen and (max-width:1280px){	
	
}