@charset "utf-8";
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
.en{font-family: 'Montserrat', sans-serif;font-size:12px;-webkit-font-smoothing: antialiased;}

/* 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:'NanumSquare', 'AppleSDGothicNeo', 'Noto Sans KR',  sans-serif , 'Open Sans';font-size: 12px;-webkit-font-smoothing: antialiased;}
img, fieldset, button {border:0} ul, ol, li{list-style: none} a {text-decoration: none;outline:none;}
img{vertical-align:top}
body{;overflow-x:hidden}
video{outline:none;border:0}
.container{width:100%;}


/* header */
.admin_menu{position:fixed;top:50%;left:0;z-index:99999;background:#fff;padding:10px;border:1px solid #eee;box-shadow:0px 0px 5px #eee;transform:translateY(-50%);}
.admin_menu a{color:#272727;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:#1d5ca9}





.header{width:100%;margin:0 auto;z-index:9999;border-bottom:1px solid rgba(255,255,255,.2)}
.header:after{content:'';width:100%;height:1px;background:#aaa;position:absolute;top:80px;left:0;transition:0.5s}
.header .header_fix{width:100%;padding:0 0px;margin:0 auto;max-width:1440px;overflow:hidden;text-align:center}
.header .logo{float:left;width:200px;height:80px;margin:0px 0;transition:0.5s;background:url('../img/logo.png') no-repeat center;background-size:contain;transition:0.5s}
.header .logo a{display:block;width:100%;height:100%}

.header .gnb{float:right}
.header .gnb ul{overflow:hidden;width:100%;}
.header .gnb ul li{float:left;width:160px;}
.header .gnb ul li a{font-size:16px;line-height:80px;position:relative;overflow:hidden;display:block;transition:0.5s;color:#2e2e2e;font-weight:bold}

.header.nav-up{position:fixed;top:0;left:0;background:rgba(255,255,255,0.95);box-shadow:0 0 2px #ddd;opacity:0}
.header.nav-up:hover{opacity:1}
.header.nav-up.on{opacity:1}


.header:hover{background:rgba(255,255,255,0.95);}
.header:hover .gnb ul li a{color:#262626;}
.header:hover .gnb-sub{display:block}
.header:hover .logo{background:url('../img/logo.png') no-repeat center;background-size:contain}
.header:hover:after{background:#ddd}


.m_header{width:100%;position:relative;overflow:hidden;border-bottom:1px solid #EEEEEE;transition:0.5s;display:none}
.m_header .m_logo{float:left;width:200px;height:70px;margin:0px 0;background:url('../img/logo.png') no-repeat left center;background-size:contain;}
.m_header .m_gnb{position:absolute;top:50%;right:20px;transform:translateY(-50%);}
.m_header .m_gnb a{color:#1d1d1b;width:40px;height:30px;position:relative;overflow:hidden;display:block;transition:0.5s;}
.m_header .m_gnb a span{display:block;width:24px;height:3px;background:#1d1d1b;position:absolute;transition:0.5s}
.m_header .m_gnb a .m_btn1{top:25%;right:0%;transform:translateY(-50%);}
.m_header .m_gnb a .m_btn2{top:50%;right:0%;transform:translateY(-50%);}
.m_header .m_gnb a .m_btn3{top:75%;right:0;transform:translateY(-50%);}
.m_header .m_gnb a.on .m_btn1{transform:rotate(45deg);top:50%}
.m_header .m_gnb a.on .m_btn2{display:none}
.m_header .m_gnb a.on .m_btn3{transform:rotate(-45deg);top:50%}


.detail_menu{position:fixed;width:400px;height:100vh;min-height:1000px;top:0;right:-600px;z-index:9999;background:#fff;transition:0.5s;box-shadow:0 0 2px #ddd}
.detail_menu .dm_close{position:absolute;top:80px;right:80px;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:100px 30px;overflow-y:auto;height:calc(100vh - 200px);}
.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:14px;color:#aaa;line-height:30px}
.detail_menu .gnb_sub .depth1 li .m_depth1 a.on{font-weight:700;color:#262626}
.detail_menu .gnb_sub .depth1 li .m_depth1 a.act{font-weight:700;color:#262626}
.detail_menu .gnb_sub .depth1 li .m_depth1 a.on.act{font-size:14px;color:#aaa;}



/* body */
.page_top{padding:50px 0;text-align:center;line-height:1.6;}
.page_top h3{font-size:64px;}
.page_top p{font-size:24px;}


.body{min-height:100vh;transition:0.5s;overflow:hidden;position:relative}
.body .content{width:calc(100% - 100px);max-width:1440px;margin:0 auto;padding:100px 50px;min-height:1000px;}
.btn_top{position:fixed;bottom:95px;right:35px;width:40px;height:40px;font-size:20px;display:none;background:#262626;color:#fff;border-radius:10px;outline:none;border:1px solid #fff;z-index:999}
.btn_top:hover{background:#c5b8a8;color:#444}


/* Footer */
.footer{padding:0px;overflow:hidden;background:#252525}
.footer .footer_fix{width:calc(100% - 40px);max-width:1440px;margin:0 auto;padding:60px 20px;overflow:hidden}
.footer .footer_fix ul.footer_info{width:calc(100% - 240px);float:left;transition:0.5s}
.footer .footer_fix ul.footer_logo{float:right}
.footer .footer_fix ul.footer_logo .logo{float:left;width:240px;height:60px;transition:0.5s;background:url('../img/logo_w.png') no-repeat center;background-size:cover;transition:0.5s}

.footer .footer_fix ul h3{font-size:21px;color:#666;display:block;margin-bottom:20px;}
.footer .footer_fix ul li{line-height:40px}
.footer .footer_fix ul li b{font-size:19px;color:#b2b2b2;word-break:keep-all;display:block}
.footer .footer_fix ul li p{font-size:16px;color:#b2b2b2;word-break:keep-all}
.footer .footer_fix ul li p br{display:none}

.footer .footer_fix ul.footer_menu li p{width:160px;float:left}
.footer .footer_fix ul.footer_menu li a{color:#666666;display:inline-block;font-size:16px;}
.footer .footer_fix ul.footer_menu li a:hover{color:#b2b2b2}


.footer .f_copyright{width:100%;text-align:center;padding:10px 0;overflow:hidden;background:#1c1c1c;font-size:12px;word-break:keep-all;color:#666666}



/* Responsive */
@media all and (max-width:1440px){
	.admin_menu{display:none}

	.page_top h3{font-size:54px;}

}

@media all and (max-width:1024px){
	.page_top h3{font-size:48px;}

	.header{display:none}
	.m_header{display:block;}

	.footer .footer_fix{padding:50px 20px;}
	.footer .footer_fix ul li{line-height:30px;}
	.footer .footer_fix ul li p{font-size:15px;}
}


@media all and (max-width:768px){
	.page_top h3{font-size:42px;line-height:1}
	.page_top p{font-size:21px;}

	.header:after{top:60px;}
	.header .logo{width:150px;height:60px;}
	.header .quick_gnb ul{width:60px;line-height:60px;}
	.header .quick_gnb a{line-height:60px;}
	.header .quick_gnb a .m_btn1{top:35%}
	.header .quick_gnb a .m_btn3{top:65%}
	.detail_menu .dm_close{top:60px;right:60px;}
	.detail_menu .gnb_sub{height:calc(100vh - 160px);padding:80px 30px;}


	.footer .footer_fix{padding:50px 20px 30px;}
	.footer .footer_fix ul.footer_logo{width:100%;margin-bottom:30px;}
	.footer .footer_fix ul.footer_logo .logo{float:none;margin:0 auto}
	.footer .footer_fix ul.footer_info{width:100%;text-align:center}
	.footer .footer_fix ul li b{padding:10px 0}
	.footer .footer_fix ul li p br{display:block}
	.footer .footer_fix ul li p span{display:none}
}


@media all and (max-width:640px){
	.footer .footer_fix{padding:40px 20px 20px;}
	.footer .footer_fix ul.footer_logo{margin-bottom:20px;}
	.footer .footer_fix ul li b{font-size:17px;}
	.footer .footer_fix ul li p{font-size:14px;}
	.footer .f_copyright{font-size:11px;}
}

@media all and (max-width:540px){
	.detail_menu{width:300px;}
	.detail_menu .gnb_sub .depth1 li{padding:8px 16px;}
	.detail_menu .gnb_sub .depth1 li .depth1_a{font-size:15px;}
	.detail_menu .gnb_sub .depth1 li .m_depth1 a{font-size:12px;}
	.detail_menu .gnb_sub .depth1 li .m_depth1 a.on.act{font-size:12px;}
}


@media all and (max-width:480px){
	.m_header .m_logo{height:60px}

	.footer .footer_fix ul.footer_logo{margin-bottom:10px;}
	.footer .footer_fix ul li{line-height:24px;}
	.footer .footer_fix ul li b{font-size:16px;}
	.footer .footer_fix ul li p{font-size:13px;}
	.footer .f_copyright{font-size:10px;}
}