@charset "utf-8";

/* header */
#header{background:#524fa0; height:170px; position:relative; width:100%; padding:0 50px; box-sizing:border-box;}
#header a.logo{position:absolute; left:50px; bottom:55px;}
#header a.logo img{width:280px;}
#header .right{position:absolute; right:50px; bottom:50px;}
#header .right > *{display:inline-block; vertical-align:top;}
#header .gnb ul li{display:inline-block; vertical-align:top; text-align:center;}
#header .gnb ul li a{display:block; color:#f05a3f; font-size:20px; font-weight:bold; letter-spacing:-0.05em; line-height:1.2; padding:0 20px;}
#header .gnb ul li a br{display:none;}
#header .member{margin:0 10px 0 40px}
#header .member ul li{display:inline-block; vertical-align:top;}
#header .member ul li a{display:block; font-size:18px; color:#fff; letter-spacing:-0.05em; font-weight:400; padding: 0 10px;}
#header .member ul li a i{display:inline-block; vertical-align:top; margin:0 5px 0 0;}
#header .lang ul li{display:inline-block; vertical-align:top;}
#header .lang ul li a{font-size:18px; color:#fff; letter-spacing:-0.05em; font-weight:300; padding: 0 15px; position:relative;}
#header .lang ul li a:before{content:""; width:1px; height:20px; background:#fff; position:absolute; right:0; top:5px;}
#header .lang ul li:last-child a:before{display:none}
#header .m_btn{display:none;}

@media all and (max-width:1910px){
	#header .gnb ul li a br{display:block;}
}
@media all and (max-width:1700px){
	#header{padding:0 20px;}
	#header a.logo{left:20px;}
	#header .right{right:20px;}
	#header .gnb ul li a{padding:0 5px;}
	#header .member{margin:0 0 0 10px;}
	#header .lang ul li a{padding:0 10px;}
}
@media all and (max-width:1400px){
	#header .gnb ul li a{font-size:16px;}	
	#header .member ul li a{font-size:16px;}
	#header .lang ul li a{font-size:16px;}
}
@media all and (max-width:1200px){
	#header{height:100px;}
	#header a.logo{bottom:35px;}
	#header a.logo img{max-width:220px}
	#header .right{bottom:20px;}
	#header .right > *{vertical-align:middle;}
	#header .gnb{display:none}
	#header .member{display:none}
	#header .m_btn{display:inline-block;}
}

/* m_menu */
.m_menu{position:fixed; top:0; left:0; right:0; display:none; width:100%; height:100%; background:#FBAF3F; overflow-y:auto; z-index:150;}
.m_menu .x_btn{position:absolute; top:20px; right:20px; display:block;}
.m_menu .top_box{padding:100px 20px 40px; font-size:0; letter-spacing:-4px;}
.m_menu .top_box > a{display:inline-block; vertical-align:top; max-width:24%; margin-right:20px; font-size:24px; color:#57585A; letter-spacing:0em; font-weight:400; padding:3px 0; border-top:1px solid #808184; border-bottom:1px solid #939597; text-align:center;}
.m_menu .top_box ul{display:inline-block; vertical-align:top; width:calc(76% - 20px);}
.m_menu .top_box ul li{position:relative; display:inline-block; vertical-align:top; max-width:50%; border-top:1px solid #939597; border-bottom:1px solid #939597;}
.m_menu .top_box ul li:before{content:''; position:absolute; top:50%; right:0; width:1px; height:80%; background:#939597; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.m_menu .top_box ul li:last-of-type:before{display:none;}
.m_menu .top_box ul li a{display:block; font-size:28px; color:#57585A; letter-spacing:0em; font-weight:400; line-height:1.5; padding:0 10px; box-sizing:border-box;}
.m_menu .top_box ul li a img{display:inline-block; vertical-align:middle; margin-top:-4px; margin-right:10px;}
.m_menu .gnb{padding:0 20px 20px;}
.m_menu .gnb > ul > li{border-bottom:1px solid #808184; margin-bottom:20px;}
.m_menu .gnb > ul > li > a{display:block; font-size:24px; color:#57585A; letter-spacing:0em; font-weight:400; padding:2px 0;}


/* footer */
#footer{}
#footer .tag{padding:50px;}
#footer .tag br{display:none;}
#footer .tag p{display:inline-block; vertical-align:middle; font-size:19px; color:#414141; letter-spacing:0em; font-weight:700; margin-right:15px;}
#footer .tag ul{display:inline-block; vertical-align:middle;}
#footer .tag ul li{display:inline-block; vertical-align:middle;}
#footer .tag ul li + li{padding-left:15px;}
#footer .tag ul li a{display:block;}
#footer .tag ul + p{margin-left:20px;}
#footer .text{padding:50px; background:#00ad9f;}
#footer .text ul li{display:inline-block; vertical-align:top; font-size:16px; color:#fff; letter-spacing:-0.045em; font-weight:200;}
#footer .text ul li + li{padding-left:15px;}
#footer .text ul li b{font-weight:500;}


@media all and (max-width:1700px){
	#footer .tag{padding:30px 20px;}
	#footer .text{padding:30px 20px;}
}
@media all and (max-width:1000px){
	#footer .tag br{display:none;}
	#footer .text ul li{display:block; margin:5px 0;}
	#footer .text ul li + li{padding-left:0;}
}