@charset "euc-kr";

@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: 300;
    src: url(./fonts/Lato-Light.eot);
    src: local('Lato-Light'), 
	url(./fonts/Lato-Light.eot?#iefix) format('embedded-opentype'), 
	url(./fonts/Lato-Light.woff2) format('woff2'), 
	url(./fonts/Lato-Light.woff) format('woff'), 	
	url(./fonts/Lato-Light.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:700;
    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');
}


body, html{width:100%; margin:0; padding:0; font-family:'Lato', 'NotoSans', sans-serif; font-weight:400; overflow-x:hidden;}
.clearfix:after{content:""; display:block; clear:both;}

.header{position:relative; width:100%; height:100px; background:#fff;}
.header .sub_bg{display:none; width:100%; height:250px; background:#fff; border-top:1px solid #eee; position: absolute; left:0; top:100px; z-index:150; box-sizing:border-box; box-shadow:2px 3px 4px 0px rgba(0, 0, 0, 0.1);}
.inner_header{position:relative; width:100%; min-width:1294px; max-width:1200px; margin:0 auto;}
.inner_header .logo{float:left; width:182px; height:48px; margin:26px 70px 0 0;}
.inner_header .logo a{display:block; width:100%; height:100%; background:url(/KOR/image/new_logo.png) no-repeat 50% 50%; background-size:contain; font-size:0; text-indent:-9999px;}
.inner_header .gnb{float:left;}
.inner_header .gnb .menu{font-size:0;}
.inner_header .menu > li{position:relative; display:inline-block; line-height:100px; text-align:center;}
.inner_header .menu > li > a{display:block; padding:0 35px; color:#111; font-size:20px; font-weight:500; letter-spacing:-0.065em; transition:all 0.3s;}
.inner_header .menu > li:after{width:0; height:2px; background:#0e928d; position:absolute; bottom:-2px; left:0; content:''; display:block; z-index:200; transition:width 0.3s;}
.inner_header .menu > li:hover:after{width:100%;}
.inner_header .menu > li:hover > a{color:#0e928d;}
.inner_header .menu .sub_menu{display:none; position:absolute; left:0; top:100px; width:100%; padding:28px 0; height:250px; /*height:0; overflow:hidden;*/ text-align:center; z-index:200; box-sizing:border-box;}
.inner_header .menu .sub_menu li{line-height:39px; width:100%;}
.inner_header .menu .sub_menu a{display:inline-block; color:#666; font-size:15px; font-weight:500; letter-spacing:-0.045em; line-height:normal;}
.inner_header .menu .sub_menu a:hover, .inner_header .menu .sub_menu a:focus{border-bottom:1px solid #0e928d; color:#0e928d;}
.inner_header .tnb{float:right; margin-right:90px; font-size:0;}
.inner_header .tnb li{display:inline-block; line-height:100px;}
.inner_header .tnb li a{display:block; margin-left:28px; color:#888; font-size:15px; transition:color .3s;}
.inner_header .tnb li a:hover{color:#0e928d;}
.inner_header .btn_allmenu{display:block; position:absolute; right:0; top:29px; width:42px; height:42px; border:1px solid #0e928d; background:url(/KOR/image/ico/btn_menu.png) no-repeat 50% 50%; font-size:0; text-indent:-9999px; box-sizing:border-box;}
.header .all-menu{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(24, 96, 93, 0.97); z-index:300;}
.header .all-menu .menu_wrap{width:100%; max-width:1200px; margin:0 auto;}
.header .all-menu .close_btn{float:right; display:inline-block; width:38px; height:38px; margin:32px 0 30px; background:url(/KOR/image/ico/btn_close.png) no-repeat 50% 50%; font-size:0; text-indent:-9999px}
.header .all-menu .close_btn:hover{animation-name:btnRotate; animation-duration:0.5s;}
@keyframes btnRotate{
	0%{transform:rotate(360deg)
	} 100% {transform: rotate(0)}
}
.header .all-menu{text-align:center;}
.header .all-menu .menu_list{width:100%; padding:130px 0 0; clear:both; font-size:0;}
.header .all-menu .menu_list > li{display:inline-block; width:200px; margin:0 20px; vertical-align:top; text-align:left;}
.header .all-menu .menu_list > li > strong{display:block; width:100%; padding:0 0 22px 32px; border-bottom:2px solid rgba(255, 255, 255, 0.3); color:#fff; font-size:25px; font-weight:500; letter-spacing:-0.045em; box-sizing:border-box;}
.header .all-menu .menu_list .sub_list a{display:block; width:100%; margin:25px 0 0; padding-left:32px; color:#fff; font-size:17px; font-weight:500; letter-spacing:-0.045em; box-sizing:border-box; transition:all 0.3s;}
.header .all-menu .menu_list .sub_list a:hover{color:#01cfc7;}
.header.open .sub_bg{display:block;}
.header.open .inner_header .menu .sub_menu{display:block;}

.footer{width:100%; background:#f6f6f6;}
.inner_footer{width:100%; max-width:1200px; margin:0 auto;}
.inner_footer .txt{float:left; width:calc(100% - 142px);}
.inner_footer .foot_lnk{font-size:0; padding:48px 0 27px;}
.inner_footer .foot_lnk li{position:relative; display:inline-block; padding-right:15px; margin-right:15px;}
.inner_footer .foot_lnk li:after{content:''; display:block; position:absolute; right:0; top:50%; width:1px; height:14px; margin:-7px 0 0; background:#ddd;}
.inner_footer .foot_lnk li:last-of-type:after{display:none;}
.inner_footer .foot_lnk li a{display:block; color:#666; font-size:16px; font-weight:500; letter-spacing:-0.085em; line-height:21px; transition:all 0.3s;}
.inner_footer .foot_lnk li.accent a{color:#0e928d;}
.inner_footer .foot_lnk li a:hover{color:#000;}
.inner_footer .company_info span{color:#999; font-size:15px; font-weight:500; letter-spacing:-0.085em; line-height:25px;}
.inner_footer .contact span{color:#999; font-size:15px; font-weight:500; line-height:25px;}
.inner_footer .copyright{padding:12px 0 68px; color:#bbb; font-size:15px; line-height:25px;}

.inner_footer .foot_logo{float:right; width:142px; height:69px; margin:86px 0 0; background:url(/KOR/image/new_foot_logo.jpg) no-repeat 50% 50%; background-size:contain; font-size:0; text-indent:-999px;}

.btn_top{display:block; position:fixed; bottom:0; right:0; width:60px; height:60px; background:rgba(0, 0, 0, 0.6) url(/KOR/image/ico/btn_top.png) no-repeat 50% 50%; font-size:0; text-indent:-9999px; cursor:pointer;}

.sub_head{position:relative; width:100%; height:280px; background:url(/KOR/image/sub_head_bg01.jpg) no-repeat 50% 50%; background-size:cover;}
.sub_head .sub_tit{text-align:center;}
.sub_head .sub_tit h2{padding:70px 0 20px; color:#fff; font-size:50px; font-weight:700; letter-spacing:-0.085em;}
.sub_head .sub_tit p{color:#fff; font-size:20px; font-weight:500; letter-spacing:-0.065em;}
.sub_head .sub_tit p span{letter-spacing:normal;}
.sub_head .sub_menu{display:table; width:100%; max-width:1200px; height:60px; position: absolute; bottom:0; left:50%; transform:translateX(-50%); table-layout:fixed;}
.sub_head .sub_menu li{display:table-cell; height:100%;}
.sub_head .sub_menu li a, .sub_head .sub_menu li .not_lnk{position:relative; display:block; width:100%; height:100%; background:#fff; color:#999; font-size:20px; font-weight:500; letter-spacing:-0.065em; line-height:60px; text-align:center;}
.sub_head .sub_menu li a:after, .sub_head .sub_menu li .not_lnk:after{content:''; display:block; position:absolute; right:0; top:50%; width:1px; height:22px; margin:-11px 0 0; background:rgba(0, 0, 0, 0.15);}
.sub_head .sub_menu li:last-of-type a:after, .sub_head .sub_menu li:last-of-type .not_lnk:after{display:none;}
.sub_head .sub_menu .on a, .sub_head .sub_menu .on .not_lnk{background:#115b58; color:#fff;}
.sub_head .sub_menu .on a:after, .sub_head .sub_menu .on .not_lnk:after{display:none;}
.sub_body{width:100%; max-width:1200px; min-width:1200px; margin:0 auto 100px;}
.sub_body .page_tit{width:100%; padding:80px 0 50px; text-align:center;}
.sub_body .page_tit h3{margin:0 0 15px; color:#111; font-size:35px; font-weight:700; letter-spacing:-0.085em; line-height:39px;}
.sub_body .page_tit .path span{display:inline-block; margin-right:9px; padding-left:15px; background:url(/KOR/image/ico/path_arrow.png) no-repeat 0% 50%;   color:#666; font-size:14px; font-weight:500; letter-spacing:-0.065em; line-height:18px;}
.sub_body .page_tit .path .home{padding-left:20px; background:url(/KOR/image/ico/ico_home.png) no-repeat 0% 50%; box-sizing:border-box;}
.sub_body .content_wrap{width:100%;}


.select-container {width: 100%; display: flex; justify-content: flex-end; align-items: center; margin: 0 0 24px;}
.select-container .select {position: relative; z-index: 999; flex: none; height: 50px; width: 192px; box-sizing: border-box; font-size: 17px; color: #666; border: 1px solid #ddd; background: #fff url(/KOR/image/ico/select_arrow.png) calc(100% - 20px) 50% no-repeat; background-size: 12px auto;}
.select-container .select .current {width: 100%; height: 100%;}
.select-container .select .current a {padding: 0 52px 0 20px; height: 100%; width: 100%; display: flex; justify-content: flex-start; align-items: center; box-sizing: border-box;}
.select-container .select .select-lst {padding: 4px 0; border: 1px solid #000; box-sizing: border-box; background: #fff; box-shadow: 1px 1px 10px rgba(0,0,0,0.3); width: 100%; position: absolute; top: 100%; left: 0; display: none;}
.select-container .select .select-lst a {display: block; padding: 0 52px 0 20px; box-sizing: border-box; line-height: 34px; font-size: 17px;}
.select-container .select .select-lst a:hover {background: rgb(25, 103, 215); color: #fff;}
.select-container .select.active {outline: 2px solid #115b58; border-radius: 4px;}
.select-container .select.active .select-lst {display: block; }