/*@font-face {
font-family: 'GmarketSansBold';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{font-family: 'GmarketSansMedium';}*/
.sticky-wrapper{z-index: 99;}
.header{background: #fff;width: calc(100% + 1px); position: fixed; border-bottom: 1px solid #ddd;z-index:62;top:0;left:50%;transform:translateX(-50%)}
.header.fix {position:fixed;top:0;left:50%;transform:translateX(-50%)}
.header .depth2{width: 100%; position: absolute; top: auto;z-index: 99; display: none;padding:2.6rem 0}
.header .depth2 ul {}
.header .depth2 li + li {margin-top:1.5rem}
.header .depth2 li a {font-size:1.5rem;display:block;text-align:center}
.header .header_inner{max-width: 100%;width:120rem; margin: 0 auto;position:relative}
.header .header_inner .hd_bg {position:absolute;left:50%;transform:translateX(-50%);content:'';width:100vw;height:100%;background:#fff;border-top:1px solid #ddd;height:0;z-index:1;box-shadow:0px 5px 5px rgba(0,0,0,.2);transition:.4s; }
.header .header_inner.on .hd_bg {height:25rem;}
.header .header_inner .logo{float:left;padding:2.8rem 0}
.header .header_inner .logo a{display: inline-block;vertical-align:middle; width: 196px; height: 50px; background: url("/img/pages/logo_t_v2.png") no-repeat; background-size: 100% 100%;}
.header .header_inner .gnb{float:right}
.header .header_inner:after, .header .header_inner .gnb ul:after {display:block;clear:both;content:''}
.header .header_inner .gnb > ul > li {float:left;position:relative}
.header .header_inner .gnb > ul > li > a{font-size:1.7rem; color: #1b1b1b;display:block;padding:4rem 3.5rem;font-weight:700;text-align:center}
.header .menu {display:none;position:absolute;right:2rem;top:3.3rem}
.header .menu i:before {font-family:'xeicon';content:'';font-size:3rem}
.header .menu.close {display:none}
.header .menu.close i:before {content:''}
@media(max-width:1280px){
	.header .header_inner .logo {padding:2.55rem 0;margin-left:2rem}
}
@media(max-width:820px){
	.header .menu.open {display:block;}
	.hd_bg {display:none !important;}
	.gnb {position:absolute;top:9.6rem;height:calc(100vh - 9.6rem);left:0;float:none !important;width:100vw;background:#fff;border-top:1px solid #ddd;padding:0 0;overflow:hidden;visibility:hidden;height:0;opacity:0;transition:.4s}
	.header.allmenu {z-index:10000}
	.header.allmenu .gnb {overflow:visible;visibility:visible;height:calc(100vh - 9.6rem);opacity:1;padding:3rem 0;overflow-y:scroll;width:calc(100vw + 1px);left:-1px}
	.header.allmenu .menu.close {display:block}
	.header.allmenu .menu.open {display:none}
	.header .depth2 {position:relative;}
	.header .header_inner .gnb > ul > li {float:none}
	.header .header_inner .gnb > ul > li > a {padding:1rem 2rem;text-align:left;font-size:2.4rem;position:relative}
	.header .header_inner .gnb > ul > li.plus > a:after {position:absolute;right:2rem;top:1rem;font-family:'xeicon';content:'\e942';transition:.2s}
	.header .depth2 {padding:0 2rem;overflow:hidden;visibility:hidden;height:0;opacity:1;transition:.4s;transition-delay:0s}
	.header .depth2 li a {text-align:left}

	.header .header_inner .gnb > ul > li.plus.on > a:after {transform:rotate(180deg)}
	.header .header_inner .gnb > ul > li.on .depth2 {padding:0 2rem 2rem;overflow:visible;visibility:visible;height:auto;opacity:1}
}


.inq input[type=text]{width: 100%; height: 40px; padding-left: 10px;}
.inq input[type="checkbox"]{width: 18px; height: 18px;}
.contact{background: #005826; padding: 50px 0;}
.contact .contact_wrap{display: flex; justify-content: space-between;}
.contact .contact_wrap .number{color: #fff; width:26%;}
.contact .title{font-size: 25px; position: relative; display: block; padding-bottom: 10px; color:#fff}
.contact .title:before{content: ""; display: block; position: absolute; left: 0; top: 0; width: 29px; height: 26px; /*background: url("<?php echo G5_IMG_URL ?>/pages/footer_tell_icon.png") no-repeat;*/ background-size: cover;}
.contact .contact_wrap .number .num{font-size: 47px; font-weight: bold; line-height: 50px;}
.contact .contact_wrap .number .hp{font-size: 21px;  line-height: 28px; margin-top: 19px;}
.contact .contact_wrap .number .hp span{background: #fff; font-size: 15px; display: inline-block; color: #005827; font-weight: bold; height: 28px; line-height: 28px; letter-spacing: 2px;padding:0 4px;}
.contact .contact_wrap .number .text{font-size: 14px; margin-top: 3px}
.contact .contact_wrap .inq{width: 66%;}
.contact .contact_wrap .inq #inq_form .ft_inq_wrap{display: flex; justify-content: space-between;}
.contact .contact_wrap .inq #inq_form .ft_inq_wrap .inq_1{display: flex; flex-wrap: wrap; width: 77%; justify-content: space-between;}
.contact .contact_wrap .inq #inq_form .ft_inq_wrap .inq_1 .name{width: 49%;}
.contact .contact_wrap .inq #inq_form .ft_inq_wrap .inq_1 .category{width: 49%;position:relative}
.contact .contact_wrap .inq #inq_form .ft_inq_wrap .inq_1 .category:after {position:absolute;right:5px;top:50%;transform:translateY(-50%);font-family:'xeicon';content:'\e942';display:block;}
.contact .contact_wrap .inq #inq_form .ft_inq_wrap .inq_1 .category select{width: 100%; height: 40px;}
.contact .contact_wrap .inq #inq_form .ft_inq_wrap .inq_1 .tel{width: 49%; display: flex; justify-content: space-between; margin-top: 11px;}
.contact .contact_wrap .inq #inq_form .ft_inq_wrap .inq_1 .tel input{width: 32%;}
.contact .contact_wrap .inq #inq_form .ft_inq_wrap .inq_1 .text{width: 49%; margin-top: 11px;}
.contact .contact_wrap .inq #inq_form .ft_inq_wrap .inq_1 .text .txt{width: 100%; height: 40px; padding: 8px 0 0 10px;}
.contact .contact_wrap .inq #inq_form .ft_inq_wrap .btn{background: #f6971c;  width: 21%; height: 90px; border-radius:3px}
.contact .contact_wrap .inq #inq_form .ft_inq_wrap .btn a{display: block; line-height: 90px; font-size: 23px; text-align: center; color: #fff; font-weight: bold;}
.contact .contact_wrap .inq #inq_form .ft_inq_wrap .inq_1 .check{margin-top: 10px; display: flex; justify-content: space-between; width: 100%;}
.contact .contact_wrap .inq #inq_form .ft_inq_wrap .inq_1 .check .check_text label{color: #fff; font-size: 16px; padding-left: 5px;}
.contact .contact_wrap .inq #inq_form .ft_inq_wrap .inq_1 .check .text_more a{display: block; font-size: 15px; color: #fff; font-family: 'GmarketSansLight'; text-underline-position: under; text-decoration: underline;}

.ft{background: #252525; padding: 100px 0;}
.ft .ft_wrap{display: flex; justify-content: space-between;}
.ft .ft_wrap .ft_left .addr{margin-top: 40px;}
.ft .ft_wrap .ft_left .addr p {font-size: 14px; color: #939393;  font-family: 'GmarketSansLight';}
.ft .ft_wrap .ft_right{width: 67%;}
.ft .ft_wrap .ft_right .site_map_wrap{display: flex; justify-content: space-between;}
.ft .ft_wrap .ft_right .site_map_wrap .site_map{width: 19%;}
.ft .ft_wrap .ft_right .site_map_wrap .site_map .title{color: #fff; font-size: 16px;}
.ft .ft_wrap .ft_right .site_map_wrap .site_map li{text-align: center; height: 45px; line-height: 45px;}
.ft .ft_wrap .ft_right .site_map_wrap .site_map li a{color: #fff; font-size: 14px; font-family: 'GmarketSansLight'; display: block;}
.ft .ft_wrap .ft_left .addr p.copy a {font-size: 11px; color: #939393;  font-family: 'GmarketSansLight';}
.ft .ft_wrap .ft_left .addr p.copy a.btn_adms {color: #fff;}
a.logout span {padding:2px 5px 0px;}
a.btn_adms {padding:2px 5px 0px;}
.side_tel{position: fixed; top: 30%; right: 5%; z-index:9999}
.side_tel .num_box{width: 70px; height: 200px; background: #053419; padding: 15px 8px;}
.side_tel .num_box .tel_icon{width: 40px; height: 40px; margin: 0 auto;}
.side_tel .num_box .tel_icon img{width: 100%; height: 100%;}
.side_tel .num_box .tit{font-size: 18px; color: #fff; text-align: center; margin-top: 10px;} 
.side_tel .num_box .yellow{font-size: 18px; margin-top: 10px; color: #fab634; text-align: center; line-height: 1.1;}
.side_tel .more{display: block; background: #707070; line-height: 1.2; color: #fff; text-align: center; font-size: 13px; font-family: 'GmarketSansLight'; padding: 15px 0;}
.side_tel .btn_tops {
    display: none;
}

.side_tel .btn_tops a {display:block; width:100%; height:60px; background:#707070; color:#fff; line-height:70px; text-align:center; font-size:3.0rem; margin: 0 auto; border: 1px solid #626262}

@media(max-width:1024px){
	.contact .contact_wrap {display:block;}
	.contact .contact_wrap .number {display:block;width:100%;margin-bottom:4rem}
	.contact .contact_wrap .inq {display:block;width:100%}
	.ft {padding:5rem 0}
	.ft .ft_wrap {display:block;width:100%}
	.ft .ft_wrap .ft_right {display:none}
}
@media(max-width:500px){
	.contact .contact_wrap .inq #inq_form .ft_inq_wrap {position:relative;display:block;padding-right:105px}
	.contact .contact_wrap .inq #inq_form .ft_inq_wrap .btn {width:100px;position:absolute;right:0;top:0}
	.contact .contact_wrap .inq #inq_form .ft_inq_wrap .btn a {font-size:1.8rem}
	.contact .contact_wrap .inq #inq_form .ft_inq_wrap .inq_1 {width:100%}
	.inq input[type=text] {padding:5px}
	.ft {text-align:center;word-break:keep-all}
}
@media(max-width:400px){
	.contact .contact_wrap .inq #inq_form .ft_inq_wrap {position:relative;display:block;padding-right:0}
	.contact .contact_wrap .inq #inq_form .ft_inq_wrap .btn {width:100%;position:static;right:inherit;top:inherit;margin-top:5px; height: auto; padding:0;line-height:inherit}
	.contact .contact_wrap .inq #inq_form .ft_inq_wrap .btn a {font-size:1.8rem;line-height:inherit;padding:2rem 1rem}
	.contact .contact_wrap .inq #inq_form .ft_inq_wrap .inq_1 {width:100%}
	.inq input[type=text] {padding:5px}

}