@charset "utf-8";

/* Common */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{margin:0;padding:0;-webkit-text-size-adjust: none}
body, html{width:100%;height:100%;}
body, input, textarea, select, button, table{
    font-family: 'Inter', sans-serif, 'Open Sans', '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;	
}
img, fieldset, button {border:0;outline:none;} ul, ol, li{list-style: none} a {text-decoration: none;outline:none}
img{vertical-align:top}

/* common */
.container{width:100%}



/* Header */
.admin_menu{position:fixed;top:50%;right:0px;z-index:99999;background:#fff;padding:10px;border:1px solid #eee;box-shadow:0px 0px 5px #eee;transform:translateY(-50%);}
.admin_menu a{color:#262626;display:block;text-align:center;padding:10px}
.admin_menu.on .admin_toggle{border-bottom:1px solid #999;margin-bottom:10px}
.admin_menu .hidden{display:none}
.admin_menu.on .hidden{display:block}
.admin_menu.on a:hover{color:#0A80D6}


.header{width:100%;margin:0 auto;height:100px;transition:0.5s;position:fixed;top:0;left:0;z-index:9999}
.header .header_fix{width:calc(100% - 40px);padding:0 20px;max-width:1440px;margin:0 auto;line-height:30px;font-size:17px;transition:0.5s;}
.header .header_fix .logo{width:200px;float:left;position:relative;transition:0.5s}
.header .header_fix .logo a{display:block;width:100%;font-size:20px;font-weight:500;color:#000;line-height:100px;}
.header .header_fix .logo a img{width:100%;margin:30px 0}
.header .header_fix .gnb{float:right}
.header .header_fix .gnb .depth1{float:left;text-align:center;line-height:100px;transition:0.5s;padding:0 30px;position:relative;font-weight:500}
.header .header_fix .gnb .depth1:hover .depth2{display:block}
.header .header_fix .gnb .depth1 .depth1_a{color:#2e2e2e;}
.header .header_fix .gnb .depth1 .depth1_a.on{color:#0A80D6}
.header .header_fix .gnb .depth1 .depth2{line-height:50px;padding:20px 0;position:absolute;top:101px;left:50%;transform:translateX(-50%);width:100%;display:none;transition:0.5s}
.header .header_fix .gnb .depth1 .depth2:after{content:'';width:calc(100% + 40px);height:100%;top:0;left:-20px;position:absolute;background:#fff;z-index:-1;border:1px solid #ddd;border-top:0;}
.header .header_fix .gnb .depth1 .depth2 a{color:#2e2e2e;font-size:15px;}
.header .header_fix .gnb .depth1 .depth2 a:hover{color:#0A80D6}
.header .header_fix .gnb .depth1 .depth2 a.on{border-bottom:2px solid #2e2e2e;font-weight:bold;padding-bottom:2px}

.header:hover{background:rgba(255,255,255,0.9);box-shadow:0 0 2px #2e2e2e;}

.header .m_gnb{float:right;position:relative;margin-right:10px;display:none;}
.header .m_gnb a{color:#2e2e2e;font-size:19px;line-height:76px;padding-right:40px;position:relative;overflow:hidden;display:block;transition:0.5s}
.header .m_gnb a span{display:block;width:24px;height:3px;background:#2e2e2e;position:absolute;transition:0.5s}
.header .m_gnb a .m_btn1{top:40%;right:0%}
.header .m_gnb a .m_btn2{top:50%;right:0%;width:18px}
.header .m_gnb a .m_btn3{top:60%;right:0}
.header .m_gnb a:hover .m_btn1{
-moz-animation:scale_change 1s linear infinite;
-ms-animation:scale_change 1s linear infinite;
-o-animation:scale_change 1s linear infinite;
-webkit-animation:scale_change 1s linear infinite;
animation:scale_change 1s linear infinite;	
}
.header .m_gnb a:hover .m_btn2{
-moz-animation:scale_change2 1s linear infinite;
-ms-animation:scale_change2 1s linear infinite;
-o-animation:scale_change2 1s linear infinite;
-webkit-animation:scale_change2 1s linear infinite;
animation:scale_change2 1s linear infinite;	
}
.header .m_gnb a:hover .m_btn3{
-moz-animation:scale_change 1s linear infinite;
-ms-animation:scale_change 1s linear infinite;
-o-animation:scale_change 1s linear infinite;
-webkit-animation:scale_change 1s linear infinite;
animation:scale_change 1s linear infinite;	
}

.header.down{top:-100px;}
.header.down .m_gnb a{font-size:17px;line-height:76px;}


.detail_menu{position:fixed;width:400px;height:100vh;min-height:1000px;top:0;right:-600px;z-index:99999;background:#fff;transition:0.5s;box-shadow:0 0 2px #2e2e2e;overflow-y:auto}
.detail_menu .dm_close{position:absolute;top:60px;right:60px;display:block;}
.detail_menu .dm_close span{display:block;width:24px;height:3px;background:#262626;position:absolute;transition:0.5s}
.detail_menu .dm_close .m_btn1{transform:rotate(45deg);top:50%}
.detail_menu .dm_close .m_btn2{transform:rotate(-45deg);top:50%}
.detail_menu.on{right:0}
.detail_menu .gnb_sub{padding:80px 30px;overflow:hidden}
.detail_menu .gnb_sub .depth1 li{overflow:hidden;padding:12px 24px}
.detail_menu .gnb_sub .depth1 li .depth1_a{font-size:17px;color:#262626;line-height:30px}
.detail_menu .gnb_sub .depth1 li.on .depth1_a{font-weight:700}
.detail_menu .gnb_sub .depth1 li.on .m_depth1{display:block}
.detail_menu .gnb_sub .depth1 li .m_depth1{display:none}
.detail_menu .gnb_sub .depth1 li .m_depth1 a{font-size:15px;color:#aaa;line-height:30px}
.detail_menu .gnb_sub .depth1 li .m_depth1 a.on{font-weight:700;color:#262626}


/* Body */
.body{min-height:100vh;}
.content{width:100%;margin:0 auto;overflow:hidden}
.sub_page_top{width:100%;position:relative;}
.sub_page_top .spt_bg{width:100%;min-height:760px;height:100vh;max-height:1000px;background-size:cover !important;position:relative;z-index:1}
.sub_page_top .spt_bg .text{text-align:right;color:#fff;width:calc(100% - 40px);padding:0 20px;display:block;max-width:1440px;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50% , -50%);text-shadow:0 0 2px #262626;line-height:1.4}
.sub_page_top .spt_bg .text.center{text-align:center}
.sub_page_top .spt_bg .text.right{text-align:right}
.sub_page_top .spt_bg .text h1{font-size:42px;margin-bottom:50px;}
.sub_page_top .spt_bg .text h2{font-size:24px}
.sub_page_top .spt_bg .text h3{font-size:19px;}
.sub_page_top .spt_bg .text.center h1{font-size:84px}
.sub_page_top .spt_bg .text.center h2{font-size:32px;}

.btn_top{position:fixed;bottom:95px;right:35px;width:40px;height:40px;font-size:20px;display:none;background:#2e2e2e;color:#fafafa;border-radius:10px;outline:none;border:1px solid #fafafa;z-index:999999}
.btn_top:hover{background:#fafafa;color:#2e2e2e;border:1px solid #2e2e2e}


/* Footer */
.footer{width:100%;overflow:hidden;border-top:1px solid #EAEEF1;padding:50px 0}
.footer .footer_fix{width:calc(100% - 40px);padding:0px 20px;max-width:1440px;margin:0 auto 20px;overflow:hidden;}
.footer .footer_fix .logo{float:left;}
.footer .footer_fix .logo a{font-size:24px;font-weight:400;color:#000;}
.footer .footer_fix .logo a img{width:100%;max-width:200px;}
.footer .footer_fix .info{float:right;}
.footer .footer_fix .info b{font-size:16px;display:block;margin-bottom:30px;}
.footer .footer_fix .info p{font-size:16px;display:block;color:#454545}

.footer .footer_sns{width:calc(100% - 40px);max-width:1440px;margin:0 auto;overflow:hidden;}
.footer .footer_sns a{display:inline-block;}
.footer .footer_sns a img{width:100%;max-width:40px;}






@media all and (max-width:1024px){
	.header .header_fix{font-size:16px;}
	.header .header_fix .gnb .depth1{padding:0 20px;}

}

@media all and (max-width:840px){	
	.header{height:80px;}
	.header .header_fix .logo{width:180px;}
	.header .header_fix .logo a{line-height:80px;font-size:18px;}
	.header .header_fix .logo a img{margin:22px 0}
	.header .header_fix .gnb{display:none}
	.header .header_fix .m_gnb{display:block;}
}
@media all and (max-width:768px){
	.footer{padding:40px 0}
	.footer .footer_fix .logo a{font-size:21px;}
}

@media all and (max-width:540px){	
	.header .header_fix .logo{width:160px;}
	.header .header_fix .logo a img{margin:24px 0}

	.footer .footer_fix .logo{width:100%;text-align:center;margin-bottom:10px;}
	.footer .footer_fix .info{width:100%;text-align:center;}
	.footer .footer_sns{text-align:center;}
}