@charset "utf-8";

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

.logo a > strong{padding:7px 0 0 12px; font-size:32px; font-weight:900; font-family:"gmarket";}
.logo span + strong{font-size:28px; font-weight:500; font-family:"score";}

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

#container_sub{border-bottom:1px solid #ddd;}
#container_sub:before{height:188px; background:#e8eed9 url(../../images/ch/common/bg_sub.jpg) no-repeat 50% 0;}
#submenu{padding:48px 0 0 0;}
#submenu .sm_tit{height:140px; border-radius:7px 7px 0 0; background:#87a23d url(../../images/ch/common/bg_subtit.jpg) no-repeat 50% 0;}
#submenu .sm_tit h2:after{display: none;}
#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:#718d14; border-color:#90a93e;}
#submenu .depth2 > li > a:after{background-image: url(../../images/ch/common/ico_snb.png);}

.location .home{background:url(../../images/ch/common/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: #dae4f0; box-shadow:none;}

#pageInfo{position:relative; padding-top:56px;}
#pageInfo:after{content: ''; display:block; position: absolute; top:59px; left:50%; width:173px; height:129px; margin:0 0 0 185px; background:url(../../images/ch/common/bg_pagetit.png) no-repeat 0 100% / contain;}
#sub_default{padding:140px 0 0 0;}
@media all and (max-width:1024px) {
	.logo span {display:none;}
	.logo a > strong{padding:7px 0 0 5px;}

    #pageInfo {padding-top:20px; background:#e8eed9 url(../../images/ch/common/bg_sub.jpg) no-repeat 50% 0;}
	#pageInfo:after{top:auto; bottom:0; height:75px;}
	.btn_util{top:32px;}

	#sub_default{padding:30px 15px 0;}
}
@media all and (max-width:768px) {
	.logo a > strong{padding:10px 0 0 0; font-size:23px;}
	 #pageInfo {padding-top:17px;}
	 #pageInfo:after{height:70px; width:100px; margin:0 0 0 150px;}

	#sub_default{padding:25px 10px 0;}
}
@media all and (max-width:568px) {
	.logo a > strong{font-size:21px;}
	#pageTitle,
	.location{text-align: center;}
	#pageInfo:after{display:none;}
}

.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;}
}