@charset "utf-8";

*{font-family:'Pretendard Variable','Pretendard','Apple SD Gothic Neo','Malgun Gothic',dotum,sans-serif; letter-spacing:-1.3px; box-sizing:border-box;}
html{}
body{margin:0; padding:0; /*background:url("../img/main/body-back.png") no-repeat center; background-size:cover; */overflow-x:hidden; font-family:'Pretendard Variable','Pretendard','Apple SD Gothic Neo','Malgun Gothic',dotum,sans-serif; }
body.subpage{background:none;}
a{text-decoration:none; font-family:'Pretendard Variable','Pretendard','Apple SD Gothic Neo','Malgun Gothic',dotum,sans-serif;}
ul{list-style:none; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p{display:block; font-family:'Pretendard Variable','Pretendard','Apple SD Gothic Neo','Malgun Gothic',dotum,sans-serif; }
header, footer, article, aside, nav, section{display:block; font-family:'Pretendard Variable','Pretendard','Apple SD Gothic Neo','Malgun Gothic',dotum,sans-serif;}

img{-webkit-perspective: 1;}
.container{width:1080px; margin:0 auto;}
.clear:after{content:""; display:block; clear:both;}

#hd, #wrapper, #ft{min-width:0;}

/*헤더 커스텀*/
#hd{background:#474644; border-bottom:5px solid #feca0a;}
#hd_wrapper{height:auto; width:1080px ! important;}
#gnb{background:#474644;}

.logo{width:calc(100%/6); float:left; font-size:0; vertical-align:middle; text-align:left;}
.logo a{padding:25px 0; display:block;}
.main_menu_container{width:calc(100%/6 * 5); text-align:center; float:left; font-size:0; vertical-align:middle;}
.main_menu_container ul{width:100%;}
.main_menu_container ul li{width:calc(100%/5 - 1px); display:inline-block; padding:25px 0; position:relative; text-align:right; position:relative;}
.main_menu_container ul li:nth-child(1){text-align:center;}
.main_menu_container ul li a{font-size:16px; color:#fff; padding-bottom:5px;}
.main_menu_container>ul>li.on>a{color:#feca0a; border-bottom:3px solid #feca0a;}

.main_menu_container>ul>li:hover>a{color:#feca0a; border-bottom:3px solid #feca0a;}

/* 공통: FAQ 글보기 등에서 사용 */
.date{font-size:16px; float:right; margin-right:5px;}

/* slick 공통 (서브페이지 탭 슬라이더 등) */
.slick-dotted.slick-slider{margin-bottom:0 ! important;}
.slick-slide img{width:100%;}

/*모바일메뉴*/
.mobile_menu_wrapper{display:none; position:fixed; z-index:999; width:100vw; background:#3b3b3b;}
.mobile_menu_btn{padding:20px 10px; border-bottom:1px solid #feca0a;}
.mobile_menu_btn .ninja_btn{width:30px; height:30px; display:inline-block;}
.mobile_menu_btn .ninja_close{width:30px; height:30px; display:inline-block; display:none;}
.mobile_menu_btn .ninja_btn a{width:100%; height:100%; display:block;}
.mobile_menu_btn .ninja_btn a img{width:100%;}
.mobile_menu_btn .ninja_close a{width:100%; height:100%; display:block;}
.mobile_menu_btn .ninja_close a img{width:100%;}
.mobile_menu_btn .mobile_logo_btn{text-align:center; display:inline-block; width:calc(100% - 35px);}

.mobile_menu_panel{position:absolute; top: 74px; z-index:995; left:-999px; background:rgba(59,59,59,0.9); width:100%;}
.mobile_menu_panel #mobile_gnb{}
.mobile_menu_panel #mobile_gnb ul{}
.mobile_menu_panel #mobile_gnb ul li{padding:10px 20px;}
.mobile_menu_panel #mobile_gnb ul li a{font-size:17px; color:#fff; margin-bottom:20px; display:block;}

.mobile_menu_main>li:nth-child(1){padding-top:20px ! important;}
.mobile_menu_main>li:last-child{padding-bottom:0 ! important;}

.dept2{position:absolute; top:80px; z-index:500; width:200px; display:none;}
.dept2 ul li{padding:10px 0; width:200px;}
.dept2 ul li a{color:#222; font-weight:500;}
.dept2 ul li:hover a{color:#feca0a;}
.dept2 ul li.on a{color:#feca0a;}
.dept2 ul li:nth-child(1){padding-top:40px;}
.dept2 ul li, .dept2 ul li:nth-child(1){width:100%; float:none; text-align:left;}
.main_menu_container ul li:nth-child(1) .dept2{left:50%; transform:translate(-25%, 0);}
.main_menu_container ul li:nth-child(2) .dept2{left:50%; transform:translate(-20%, 0);}
.main_menu_container ul li:nth-child(2) .dept2 ul li{width:700px;}
.main_menu_container ul li:nth-child(3) .dept2{left:50%; transform:translate(17%, 0);}
.main_menu_container ul li:nth-child(4) .dept2{left:50%; transform:translate(17%, 0);}
.main_menu_container ul li:nth-child(5) .dept2{left:50%; transform:translate(17%, 0);}


.submenu_bg{position:absolute; top:88px; height:265px; width:100%; background:#fbfbfb; z-index:499; display:none; border-bottom:1px solid #ddd;}

.mobile_sub{margin-left:-20px; display:none; width:calc(100% + 40px);}
.mobile_sub li{background:#000;}
.mobile_sub li a{margin-bottom:0 ! important;}

.yellow_border{border:1px solid #feca0a; margin:50px auto; padding:30px;}


/*미디어쿼리*/
@media (max-width:1200px){
	.container{width:100%; padding:0 15px; margin:0;}
	.yellow_border{margin:50px auto; width:90%; padding:30px;}
	#hd_wrapper{width:100% ! important; margin:0;}

	.main_menu_container>ul>li{text-align:center;}
	.main_menu_container ul li:nth-child(3) .dept2{left:34px;}
	.main_menu_container ul li:nth-child(4) .dept2{left:34px;}
	.main_menu_container ul li:nth-child(5) .dept2{left:34px;}
}

@media (max-width:980px){
	#hd{border-bottom:1px solid #feca0a;}
	#hd_wrapper{display:none;}
	#container{margin-top:80px;}
	.mobile_menu_wrapper{display:block;}
}

@media (max-width:480px){
	.date{display:none;}
}