@charset "utf-8";

#topmenu li .menu{height:200px;}
#topmenu > li {width:20%;}

.logo span > strong{font-size:25px;}
.logo span > span{text-transform: lowercase;}
.logo a > strong{padding:7px 0 0 12px;}
.logo strong{font-size:28px; font-weight:500; font-family:"score";}

#menuArea .bar{background:#744244;}
#topmenu > li:hover > a,
#topmenu > li > a:hover,
#topmenu > li > a:active,
#topmenu > li > a:focus,
#topmenu > li.current_on > a{color:#744244;}
#topmenu li li a:hover,
#topmenu li li a:active,
#topmenu li li a:focus,
#topmenu li li.current_on a{color:#744244;}

#footer{color: #919193; background:#2e2d33;}
#footer .logo{color: #99999b;}
#footer .logo strong{font-family:"gmarket"; font-weight:900; font-size:30px;}
#footer .logo span > span{text-transform: uppercase;}
#footer .link a{color: #fff;}
#footer .link .privacy a{color: #e6b520;}


#container_sub:before{height:149px; background:#ebf0db url(../../images/member/sub/bg_sub.jpg) no-repeat 100% 0;}
#submenu{padding:23px 0 0 0;}
#submenu .sm_tit{height:126px; border-radius:20px 0 0 0; background:#5f9f6b;}
#submenu .sm_tit h2{font-size:25px; font-family:"score"; font-weight:600;}
#submenu .sm_tit h2:after{width:5px; height:5px; margin:8px auto 6px; transform:rotate(45deg); background:#f5a903;}
#submenu .sm_tit .en{font-size:12px;}
#submenu .depth2 > li > a{border-radius:0;}
#submenu .depth2 > li:hover > a,
#submenu .depth2 > li > a:hover,
#submenu .depth2 > li > a:focus,
#submenu .depth2 > li > a:active,
#submenu .depth2 > li.current_on > a{color:#fff; border-color:#484848; background:#484848;}
#submenu .depth2 > li > a:after{width:13px; height:13px; background-image: url(../../images/member/sub/ico_snb.png);}
#submenu .depth2 > li:hover > a:after,
#submenu .depth2 > li.current_on > a:after,
#submenu .depth2 > li > a:hover:after{height:3px; background-position:0 0;}

#pageTitle{text-align: left;}
#pageTitle h3{padding:0; font-size:30px; font-family:"score"; font-weight:500;}

.location{padding:5px 0 15px; text-align: left; font-size:14px;}
.location .home{background:url(../../images/member/sub/ico_home.png) no-repeat 50% 50%;}
.btn_copy, .sns_share .btn_share{margin:0 0 0 5px; border-radius:50%; border:1px solid #373737; background-color: #ebf0db; box-shadow:none; box-sizing:border-box;}
#sub_default {padding:110px 0 0 0;}

@media all and (max-width:1024px) {
	.logo span {display:none;}
	.logo a > strong{padding:7px 0 0 5px;}
	
	#footer .logo > span{display:inline-block;}
	#footer .logo strong{font-size:24px;}

    #pageInfo {background:#ebf0db url(../../images/member/sub/bg_sub.jpg) no-repeat 100% 0;}
	#pageTitle,
	.location{text-align:center;}
	.location{padding:0 0 6px;}
	#pageTitle h3{font-size:26px;}
	.btn_util{top:32px;}
    #sub_default {padding:25px 15px 0;}
}

@media all and (max-width:768px) {
	.logo a > strong{padding:10px 0 0 3px; font-size:23px;}
	#footer .logo strong{font-size:21px;}
	#pageTitle h3{font-size:23px;}
    #sub_default {padding:20px 10px 0;}
}
@media all and (max-width:568px) {
	.logo a > strong{padding:9px 0 0 3px; font-size:21px;}
	#pageTitle h3{font-size:21px;}
}
@media all and (max-width:380px) {
    #sub_default {padding:17px 10px 0;}
	#pageTitle h3{font-size:19px;}
}

.btn_menu {width:30px; padding:0 0 0 5px; border:none;}
.btn_menu .bar2{width:21px; background:#333;}

/* 검색 */
#search{z-index:94; position:absolute; top:0; left:0; width:100%; min-width:320px;}
.btn_sch{display:block; position:absolute; top:88px; right:50%; width:30px; height:30px; margin:0 -667px 0 0; font-size:0; background:url(../../images/member/sub/btn_sch.jpg) no-repeat 50% 50%;}

#search fieldset{opacity:0; visibility:hidden; position:absolute; top:-20px; left:0; width:100%; padding:175px 0 165px; color:#fff; font-weight:300; font-size:18px; background:#182239; box-sizing:border-box; transition:0.3s ease-in-out;}
#search.on fieldset{opacity:1; visibility:visible; top:0;}
#search h2{padding:0 0 15px; line-height:110%; color:#fff; font-size:30px; font-weight:600; letter-spacing:0;}
#search .inner{width:770px;}
#search input[type="text"]{width:100%; height:110px; line-height:110px; padding:0 0 0 32px; font-size:40px; border:3px solid #fff; box-sizing:border-box; background:#182239;}
#search ::-webkit-input-placeholder{color:rgba(255,255,255,0.5);}
#search :-ms-input-placeholder{color:rgba(255,255,255,0.5);}
#search ::placeholder{color:rgba(255,255,255,0.5);}
#search .in_txt{position:relative; margin:0 0 40px;}
#search li{margin-bottom:10px; font-weight:200;}
#search li:before{background:#fff;}
#search .btn_submit{position:absolute; top:0; right:0; width:110px; height:110px; font-size:0; text-indent:-999px; background:url(../../images/common/ico_sch.png) no-repeat 25px 28px;}
#search .btn_close{position:absolute; top:45px; right:50%; display:block; width:60px; height:60px; margin:0 -600px 0 0; font-size:0; text-indent:-999px; background:url(../../images/common/ico_sch_close.png) no-repeat 50% 50%;}
@media all and (max-width:1430px) {
	.btn_sch{right:55px; margin:0;}
	#search .btn_close{right:50px; margin:0;}
}
@media all and (max-width:1024px) {
	.btn_sch{top:69px;}

	#search .inner{width:75%;}
	#search fieldset{padding:100px 0; font-size:17px;}
	#search .in_txt{margin:0 0 30px;}
	#search h2{padding:0 0 12px; font-size:28px;}
	#search input[type="text"]{height:90px; line-height:90px; padding:0 0 0 25px; font-size:32px;}
	#search .btn_submit{width:90px; height:90px; background-size:auto 40px; background-position:17px 25px;}
	#search .btn_close{right:20px; top:25px;}
}
@media all and (max-width:768px) {
	.btn_sch{top:83px; right:45px;}
	#search fieldset{padding:70px 0 50px; font-size:16px;}
	#search h2{padding:0 0 9px; font-size:24px;}
	#search input[type="text"]{height:70px; line-height:70px; padding:0 0 0 20px; font-size:25px;}
	#search .btn_submit{width:70px; height:70px; background-size:auto 30px; background-position:13px 19px;}
	#search .btn_close{top:10px; right:10px;}
	#search li{margin:0 0 7px;}
}
@media all and (max-width:568px) {
	.btn_sch{top:80px;}
	
	#search .inner{width:80%;}
	#search fieldset{padding:65px 0 40px; font-size:14px;}
	#search h2{font-size:20px;}
	#search .in_txt{margin:0 0 25px;}
	#search input[type="text"]{height:60px; line-height:60px; padding:0 0 0 15px; font-size:21px;}
	#search .btn_submit{width:60px; height:60px; background-size:auto 25px; background-position:13px 17px;}
}
@media all and (max-width:380px) {
	#search .inner{width:85%;}
	#search fieldset{padding:60px 0 35px; font-size:13px;}
	#search h2{font-size:19px;}
	#search input[type="text"]{height:55px; line-height:55px; padding:0 0 0 12px; font-size:18px;}
	#search .btn_submit{width:55px; height:55px; background-size:auto 22px; background-position:13px 15px;}
	#search .btn_close{right:5px; top:5px;}
}