@charset "utf-8";
@font-face { 
  font-family: 'GmarketSansMedium';
  src: url('/fonts/GmarketSansTTFMedium.ttf');
  src: url('/fonts/GmarketSansTTFMedium.ttf') format('embedded-opentype');
}

/* basic */
.inner{width:100%; max-width:1200px; margin:0 auto; position:relative;}

@media all and (max-width:1200px){
	.inner{width:93.75%}
}

/* font */
.poppins{font-family:'Poppins'}


/* header */
#header{width:100%; height:110px; position:relative; left:0; top:0; z-index:100; background:transparent; border-bottom:1px solid #e7e7e7; box-sizing:border-box; transition:0.4s}
#header:hover{background:rgba(0,0,0,0.77);}
#header:hover .right .gnb > ul > li > a{color:#fff}
#header:hover .right .m_btn i{background:#fff}
#header a.logo{position:absolute; left:0px; top:55px; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
#header .right{position:absolute; right:0; top:0;}
#header .right .gnb > ul{font-size:0; letter-spacing:-4px;}
#header .right .gnb > ul > li{display:inline-block; vertical-align:top; position:relative;}
#header .right .gnb > ul > li > a{display:block; padding:40px 30px; text-align:center; font-size:20px; color:#222222; letter-spacing:-0.045em; font-weight:500; position:relative; transition:0.3s}
#header .right .gnb > ul > li > a:before{content:""; width:calc(100% - 20px); height:4px; background:#fdaf14; position:absolute; left:50%; bottom:0; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); opacity:0; transition:0.2s;}
#header .right .gnb > ul > li.on > a:before{opacity:1;}
#header .right .gnb > ul > li ul{display:none; border:1px solid #3b3b3b; box-sizing:border-box; padding:20px 0; width:240px; position:absolute; left:50%; top:130%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); z-index:2; transition:0.4s ease;}
#header .right .gnb > ul > li ul.on{top:100%; background:#fff;}
#header .right .gnb > ul > li ul li{margin:15px 0;}
#header .right .gnb > ul > li ul li a{text-align:center; display:block; font-size:20px; color:#666666; letter-spacing:-0.045em; font-weight:500;}
#header .right .m_btn{display:none; cursor:pointer; width:46px;}
#header .right .m_btn i{display:block; width:100%; height:5px; background:#000000; border-radius:2px; margin:8px 0; transition:0.3s}

#wrap.main #header{position:absolute;}

@media all and (max-width:1000px){
	#header .right{top:55px; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
	#header .right .gnb{display:none}
	#header .right .m_btn{display:block;}
}


/* m_menu */
.m_menu{position:fixed; right:-1000px; top:0; width:50%; max-width:1000px; height:100%; background-color:#212121; overflow-y:auto; z-index:100; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.m_menu.on{right:0;}
.m_menu .top_box{width:100%; height:110px; padding:0 20px; box-sizing:border-box; text-align:right; }
.m_menu .top_box .x_btn{display:inline-block; margin-top:35px; }
.m_menu .top_box .x_btn i{display:block; width:42px; height:1px; background:#222; }
.m_menu .top_box .x_btn i:nth-of-type(1){margin:15px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg);}
.m_menu .top_box .x_btn i:nth-of-type(2){margin:0 0 15px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}
.m_menu .gnb > ul > li > a{position:relative; display:block; border-bottom:1px solid #616161; padding:20px; box-sizing:border-box; font-size:24px; font-weight:500; color:#fff; letter-spacing:-0.045em; line-height:1.5;}
.m_menu .gnb > ul > li > a:before{content:""; width:40px; height:35px; display:inline-block; vertical-align:middle; background:#fff; margin-right:10px;}
.m_menu .gnb > ul > li:nth-of-type(1) > a:before{background:url('../img/m_menu_gnb_icon01.png')no-repeat center;}
.m_menu .gnb > ul > li:nth-of-type(2) > a:before{background:url('../img/m_menu_gnb_icon02.png')no-repeat center;}
.m_menu .gnb > ul > li:nth-of-type(3) > a:before{background:url('../img/m_menu_gnb_icon03.png')no-repeat center;}
.m_menu .gnb > ul > li:nth-of-type(4) > a:before{background:url('../img/m_menu_gnb_icon04.png')no-repeat center;}

.m_menu .gnb > ul > li ul.depth02{display:none; padding:20px 30px; box-sizing:border-box; background:#fff;}
.m_menu .gnb > ul > li ul.depth02 li{padding:10px 0;}
.m_menu .gnb > ul > li ul.depth02 li a{position:relative; display:block; padding-left:25px; font-size:20px; font-weight:300; color:#222; letter-spacing:-0.045em; word-break:keep-all; box-sizing:border-box; }
.m_menu .gnb > ul > li ul.depth02 li a:before{content:""; width:16px; height:1px; background:#222; position:absolute; left:0; top:50%; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}
.m_menu .gnb > ul > li.on > a{font-weight:bold; color:#fff; background:#222; }
.m_menu .gnb > ul > li.on > a i{background:#1f487f;}
.m_menu .gnb > ul > li.on > a i:before{display:none;}
.m_menu .gnb > ul > li ul.depth02 li:hover a{color:#1f487f;}
.m_menu .gnb > ul > li ul.depth02 li:hover a:before{background:#1f487f;}
.m_menu .bot_box{padding:20px 20px 0; }
.m_menu .bot_box ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.m_menu .bot_box ul li{width:50%; height:120px; display:table; float:left; border:1px solid #272623; border-radius:10px 0 0 10px; box-sizing:border-box; background:rgba(255,255,255,0.6);}
.m_menu .bot_box ul li:last-child{border-radius:0 10px 10px 0; border-left:0;}
.m_menu .bot_box ul li a{height:100%; display:table-cell; vertical-align:middle; text-align:center;}
.m_menu .bot_box ul li a i{display:inline-block; vertical-align:top; margin:0 0 10px;}
.m_menu .bot_box ul li a p{font-size:18px; color:#444444; letter-spacing:-0.045em; font-weight:300; line-height:1.3;}
.m_menu .bot_box ul li a span{display:block; font-size:22px; color:#fdaf14; letter-spacing:-0.045em; font-weight:bold; margin:0 ;}

@media all and (max-width:480px){
	.m_menu .gnb > ul > li > a{font-size:24px;}
	.m_menu .gnb > ul > li ul.depth02 li a{font-size:18px;}
	.m_menu .bot_box a{font-size:22px;}
}


/* footer */
#footer{background:#191a1b; padding:100px 0 40px}
#footer .top:after{clear:both; content:""; display:block; height:0; visibility:hidden}
#footer .top{padding-bottom:50px; border-bottom:1px solid #303132}
#footer .top .left{float:left; max-width:60%;}
#footer .top .left dl{font-size:0; letter-spacing:-4px;}
#footer .top .left dl dt{display:inline-block; vertical-align:top; margin-right:50px; max-width:170px;}
#footer .top .left dl dt p{font-size:24px; color:#dde1e5; letter-spacing:-0.045em; font-weight:bold;}
#footer .top .left dl dd{display:inline-block; vertical-align:top;}
#footer .top .left dl dd ul{font-size:0; letter-spacing:-4px;}
#footer .top .left dl dd ul li{display:inline-block; vertical-align:top; font-size:16px; color:#787b7d; letter-spacing:-0.045em; margin:2px 0; font-weight:300; padding-right:20px; position:relative;}
#footer .top .left dl dd ul li:before{content:""; width:1px; height:16px; background:#787b7d; position:absolute; right:10px; top:5px;}

#footer .top .left dl dd ul li a{font-size: 16px;color: #787b7d;}

#footer .top .left dl dd ul li.footerTerms a:before{content:""; width:1px; height:16px; background:#787b7d; position:absolute; right:0px; top:0px;} 

#footer .top .left dl dd ul li:nth-of-type(2):before{display:none;}
#footer .top .left dl dd ul li:nth-of-type(5):before{display:none;}
#footer .top .left dl dd ul li:last-child:before{display:none;}
#footer .top .right{float:right;padding:20px;border:1px solid #fdaf14;border-radius: 12px;max-width:360px;}

#footer .top .right p{font-size:16px; color:#fff; letter-spacing:-0.045em; font-weight:500;font-family: 'GmarketSansMedium';font-weight:500;text-align: left;gap:12px;}
#footer .top .right dl{width:100%;font-size:0; letter-spacing:-4px;display:flex;justify-content:space-between;align-items: center;}
#footer .top .right dl dt{display:inline-block; vertical-align:top; font-size:42px; color:#fdaf14; letter-spacing:0em; font-weight:600; line-height:1;}
#footer .top .right dl dd{display:inline-block; vertical-align:top; font-size:16px; color:#fdaf14; letter-spacing:-0.045em; font-weight:300; line-height:1.2; margin:0 0 0 5px}
#footer .bot{padding-top:20px;}
#footer .bot p{font-size:14px; color:#45494c; letter-spacing:0em; font-weight:500;  word-break:keep-all}

@media all and (max-width:1000px){
	#footer .top .left{float:none; text-align:center; max-width:100%;}
	#footer .top .left dl dt{display:block; margin:0 auto}
	#footer .top .left dl dd{max-width:100%;}
	#footer .top .left dl dd ul li{padding:0 5px;}
	#footer .top .left dl dd ul li:before{display:none}
	#footer .top .right{float:none; max-width:100%; text-align:center; margin:20px 0 0;}
	#footer .top .right dl{max-width:100%; text-align:center;}
	#footer .top .right dl dt{ margin:10px 0;}
	#footer .top .right dl dd{text-align: left;}
	#footer .bot{text-align:center;}
	#footer .top .right{
		max-width:360px;
		margin:0 auto;
		margin-bottom:30px;
		margin-top:20px;
	}

}

dd.mail a{
	font-size: 18px;
	letter-spacing: 0em;
	font-weight: 400;
	color: #666666;
}

dd.mail1 {
	margin-bottom: 8px;
}

dt.no:before {
	background: none !important;
}


/* quick */
.quick{position:fixed; width:126px; right:20px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); z-index:100; }
.quick ul li{width:100%; height:154px; display:table; border:1px solid #272623; border-radius:20px 20px 0 0; box-sizing:border-box; background:rgba(255,255,255,0.9);}
.quick ul li:last-child{border-top:0; border-radius:0;}
.quick ul li a{height:100%; display:table-cell; vertical-align:middle; text-align:center;}
.quick ul li a i{display:inline-block; vertical-align:top; margin:0 0 10px;}
.quick ul li a i img{max-width:38px;}
.quick ul li a p{font-size:18px; color:#474747; letter-spacing:-0.045em; font-weight:300; line-height:1.3;font-family: 'GmarketSansMedium';}
.quick ul li a span{display:block; font-size:22px; color:#50B154; letter-spacing:-0.045em; font-weight:bold; margin:0 ;}
.quick a.top_btn{display:block; width:100%; padding:15px 0; text-align:center; background:#fdaf14; font-size:18px; color:#2f2004; letter-spacing:0em; font-weight:500; border-radius:0 0 20px 20px;}

@media all and (max-width:1100px){
	.quick{transform:none; right:auto; top:auto; left:0; bottom:0; width:100%; height:126px; overflow:hidden;border-top:1px solid #dcdcdc;}
	.quick ul{width:calc(100% - 126px); height:100%; float:left; background:#fff; border-radius:0; overflow:hidden}
	.quick ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
	.quick ul li{float:left; width:50%; border:0; height:100%; border-radius:0; background:#fff;}
	.quick ul li:last-child{border-left:1px solid #dcdcdc}
	.quick ul li a{font-size:0; letter-spacing:-4px; padding:0 10px; box-sizing:border-box; }
	.quick ul li a i{display:inline-block; vertical-align:middle; width:60px; margin:0;}
	.quick ul li a i img{max-width:100%;}
	.quick ul li .text{display:inline-block; vertical-align:middle; width:calc(100% - 60px); text-align:left;}
	.quick a.top_btn{width:126px; float:left; height:100%; line-height:125px; padding:0; border-radius:0; font-size:22px;}
}
@media all and (max-width:640px){
	.quick{height:100px;}
	.quick ul{width:calc(100% - 100px);}
	.quick ul li a i img{max-width:50px}
	.quick a.top_btn{width:100px; line-height:100px;}
	#footer .top .right{
		width:auto;
	}
}