@charset "euc-kr";

@font-face {
    font-family: 'NotoSans';
	font-weight: 300;
    src: url(./fonts/NotoKR-Light.eot);
    src: local('NotoKR-Light'), 
	url(./fonts/NotoKR-Light.eot?#iefix) format('embedded-opentype'), 
	url(./fonts/NotoKR-Light.woff2) format('woff2'), 
	url(./fonts/NotoKR-Light.woff) format('woff'),	
	url(./fonts/NotoKR-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'NotoSans';
	font-weight: 400;
    src: url(./fonts/notokr-regular.eot);
    src: local('notokr-regular'), 
	url(./fonts/notokr-regular.eot?#iefix) format('embedded-opentype'), 
	url(./fonts/notokr-regular.woff) format('woff'), 
	url(./fonts/notokr-regular.woff2) format('woff2'), 
	url(./fonts/notokr-regular.ttf) format('truetype');
}

@font-face {
    font-family: 'NotoSans';
	font-weight: 500;
    src: url(./fonts/notokr-medium.eot);
    src: local('notokr-medium'), 
	url(./fonts/notokr-medium.eot?#iefix) format('embedded-opentype'), 
	url(./fonts/notokr-medium.woff2) format('woff2'), 
	url(./fonts/notokr-medium.woff) format('woff'),	
	url(./fonts/notokr-medium.ttf) format('truetype');
}

@font-face {
    font-family: 'NotoSans';
	font-weight: 700;
    src: url(./fonts/notokr-bold.eot);
    src: local('notokr-bold'), 
	url(./fonts/notokr-bold.eot?#iefix) format('embedded-opentype'), 
	url(./fonts/notokr-bold.woff2) format('woff2'), 
	url(./fonts/notokr-bold.woff) format('woff'),	
	url(./fonts/notokr-bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Lato';
	font-weight: 400;
    src: url(./fonts/Lato-Regular.eot);
    src: local('Lato-Regular'), 
	url(./fonts/Lato-Regular.eot?#iefix) format('embedded-opentype'), 
	url(./fonts/Lato-Regular.woff2) format('woff2'), 
	url(./fonts/Lato-Regular.woff) format('woff'), 	
	url(./fonts/Lato-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Lato';
	font-weight: 500;
    src: url(./fonts/Lato-Medium.eot);
    src: local('Lato-Medium'), 
	url(./fonts/Lato-Medium.eot?#iefix) format('embedded-opentype'), 
	url(./fonts/Lato-Medium.woff2) format('woff2'), 
	url(./fonts/Lato-Medium.woff) format('woff'), 	
	url(./fonts/Lato-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Lato';
	font-weight: 600;
    src: url(./fonts/Lato-Semibold.eot);
    src: local('Lato-Semibold'), 
	url(./fonts/Lato-Semibold.eot?#iefix) format('embedded-opentype'), 
	url(./fonts/Lato-Semibold.woff2) format('woff2'), 
	url(./fonts/Lato-Semibold.woff) format('woff'), 	
	url(./fonts/Lato-Semibold.ttf) format('truetype');
}

@font-face {
    font-family: 'Lato';
	font-weight: 700;
    src: url(./fonts/Lato-Bold.eot);
    src: local('Lato-Bold'), 
	url(./fonts/Lato-Bold.eot?#iefix) format('embedded-opentype'), 
	url(./fonts/Lato-Bold.woff2) format('woff2'), 
	url(./fonts/Lato-Bold.woff) format('woff'), 	
	url(./fonts/Lato-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Lato';
	font-weight: 900;
    src: url(./fonts/Lato-Heavy.eot);
    src: local('Lato-Heavy'), 
	url(./fonts/Lato-Heavy.eot?#iefix) format('embedded-opentype'), 
	url(./fonts/Lato-Heavy.woff2) format('woff2'), 
	url(./fonts/Lato-Heavy.woff) format('woff'), 	
	url(./fonts/Lato-Heavy.ttf) format('truetype');
}

html, body{width:100%; overflow-x:hidden;}
.mobile_wrap {width:100%; font-family:'Lato','NotoSans',sans-serif;}
.mobile_container {width:100%; margin:0 auto;}


.scrollOff {position:fixed; top:0; left:0; right:0; bottom:0; height:100%; overflow:hidden; touch-action:none;}
/* m_header */
.m_header{width:100%; background:#fff; height:70px; padding:0 4%; box-sizing:border-box; border-bottom:1px solid #eee;}
.m_header .logo{float:left; width:100%; max-width:160px; height:32px; margin-top:19px; /*background:url(/m/image/m_logo.png) 50% 50% no-repeat;*/ background:url(/m/image/main_logo_1.png) 50% 50% no-repeat; /*background-size:cover;*/ background-size:contain;}
.m_header .logo a{display:block; width:100%; height:100%;  font-size:0; text-indent:-9999px;}
.m_header ul{float:right;}
.m_header ul li{float:left;}
.m_header ul li a{display:block; margin-left:22px; color:#444; font-size:14px; font-weight:500; line-height:70px; letter-spacing:-0.065rem;}
.m_header .nav_btn{display:block; width:26px; height:17px; margin:26.5px 0 0 30px; background:url(/m/image/ico/m_menu_btn.png) 50% 50% no-repeat; font-size:0; text-indent:-9999px;}

@media screen and (max-width:420px){
	.m_header .logo{max-width:120px; background-size:contain;}
	.m_header ul li a{margin-left:8px;}
	.m_header .nav_btn{margin:26.5px 0 0 15px;}
}

/* m_gnb */
.mobile_gnb{position:fixed; right:-200%; top:0; width:100%; height:100vh; background:#fff; z-index:200;}
.gnb_top{width:100%; height:70px; padding:0 4%; background:#0048b5; box-sizing:border-box;}
.gnb_top > ul{float:left; line-height:70px;}
.gnb_top > ul > li{float:left; padding-right:15px; margin-right:15px;}
.gnb_top > ul > li:nth-child(1){background:url(/m/image/gnb_line.png) right center no-repeat;}
.gnb_top li a{display:block; color:#fff; font-size:17px; font-weight:500; letter-spacing:-0.105rem;}
.gnb_top > .close_btn{float:right; display:block; width:20px; height:20px; margin:25px 0 0; background:url(/m/image/ico/close_btn.png) 50% 50% no-repeat; font-size:0; text-indent:-9999px;}

.quick_menu{width:100%; height:90px; border-bottom:1px solid #ddd;}
.quick_menu > li{position: relative; float:left; width:25%; height:100%; background:#f5f5f5; border-right:1px solid #ddd; box-sizing:border-box; text-align:center;}
.quick_menu > li > a{position:absolute; top:50%; left:0; width:100%; color:#444; font-size:15px; font-weight:500;  line-height:17px; letter-spacing:-0.085rem;  display:block; transform:translateY(-50%);}
.quick_menu > li:last-child{border-right:none;}

@media screen and (max-width:420px){
	.quick_menu > li > a {padding:0 5px; font-size:14px; /*font-weight:normal;*/ word-break:keep-all; box-sizing:border-box;}
}


/* menu */
.menu{width:100%; height:calc(100vh - 160px); padding:0 4% 80px; /* 30px; */ box-sizing:border-box; overflow-y:auto;}
.menu > li{width:100%;}
.menu > li > span{position:relative; display:block; width:100%; height:65px; border-bottom:1px solid #ddd; color:#222; font-size:19px; font-weight:500; letter-spacing:-0.105rem; line-height:65px;}
.menu > li > span:after{content:''; display:block; position:absolute; right:30px; top:50%; width:20px; height:20px; background:url(/m/image/ico/menu_off.png) 50% 50% no-repeat; transform:translateY(-50%);}
.menu > li.on > span:after{height:2px; background:url(/m/image/ico/menu_on.png) 50% 50% no-repeat;}
.menu > li.on{padding-bottom:25px; border-bottom:1px solid #ddd;}
.menu > li.on > span{border-bottom:0; color:#0048b5}
.depth{display:none; text-indent:20px;}
.menu > li.on .depth{display:block;}
.depth > li{line-height:40px;}
.depth > li > a{display:block; color:#333; font-size:17px; letter-spacing:-0.105rem}

/* footer */

.footer{width:100%; background:#fff; border-top:1px solid #e8e8e8;}
.footer_link{width:100%; height:55px; padding:0 4%; box-sizing:border-box; line-height:58px;}
.footer_link ul{border-bottom:1px solid #ddd; box-sizing:border-box; text-align:center;}
.footer_link li{display:inline-block; margin:0 2%;}
.footer_link li a{display:inline-block; color:#333; font-size:16px; font-weight:500; line-height:23px; letter-spacing:-0.065rem;}
.footer_info{width:100%; padding:20px 0 25px; color:#666; font-size:14px; font-weight:500; text-align:center; line-height:23px;}
.company li{width:100%;}
.company li span{display:inline-block;}
.company li span:last-child{padding-left:12px; margin-left:12px; background:url(/m/image/footer_line.png) left center no-repeat;}
.company li em{color:#111; font-family:'Lato', sans-serif; font-size:14px; font-weight:500; line-height:23px;}
.count{width:100%; padding:10px 0 0;}
.count li{display:inline-block; color:#333; font-size:14px; font-weight:500; line-height:23px; letter-spacing:-0.065rem;}
.count li:last-child{padding-left:12px; margin-left:12px; background:url(/m/image/footer_line.png) left center no-repeat;}
.count span{color:#0048b5; letter-spacing:normal;}

@media screen and (max-width:420px){
	.footer_link li{display:inline-block; margin:0 1%;}
	.footer_link li a{font-size:14px;}
	.company li{padding:0 5px; box-sizing:border-box;}
	.company li span{display:block;}
	.company li span:last-child{background:none;}
}

/* scroll_btn */
.go_top{position:fixed; bottom:40px; right:15px; display:block; width:52px; height:52px; margin-bottom:-20rem; border-radius:8px; text-indent:-9999px; background: url(/m/image/ico/top_btn.png) 50% 50% no-repeat; box-sizing:border-box; transition:all 0.5s; z-index:999;}