@charset "utf-8";
/* max css var.3 / date : 2020-09-03 / modify : 2021-08-17 / name : koh won ji */
*{margin:0;padding:0}.skip,legend{position:absolute}a,abbr,address,article,aside,audio,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,header,hgroup,hr,html,i,iframe,img,ins,kbd,li,main,mark,nav,ol,output,p,pre,q,ruby,s,samp,section,small,span,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,u,ul,var,video,button,input,textarea,select{padding:0;margin:0;border:0;font:inherit;vertical-align:baseline;box-sizing:border-box}body{line-height:1;font-family:'din-2014','Noto Sans KR','Malgun Gothic',sans-serif;font-size:18px;font-weight:300; color:#2f2f2f;letter-spacing:-.04em; word-break:keep-all}a{text-decoration:none;color:inherit}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,hr{display:none}legend{height:0;font-size:0;line-height:0;overflow:hidden;text-indent:-20000px}address,cite,em{font-style:normal}button,label{cursor:pointer}button{border:0;background:0;display:inline-block;font-size:inherit;letter-spacing:-.04em;outline:none;color:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:none;color:inherit}.skip{visibility:hidden;top:0;left:0}
a:hover {color:#0f477a !important;}img{max-width:100%}

@media screen and (max-width: 1366px) {
	body {font-size:16px;}
}
@media screen and (max-width: 900px) {
	body {font-size:15px;}
}

::selection {background: rgba(5, 149, 205, 0.85); /* Safari */ color: #fff;}
::-moz-selection {background: rgba(5, 149, 205, 0.85); /* Firefox */ color: #fff;}

/* browser_msg */
#max_browser_msg{width:100%;height:auto;background:#222;padding:15px;box-sizing:border-box;text-align:center;position:relative}#max_browser_msg p,#max_browser_msg mark{color:#fff;line-height:140%;font-size:12px;letter-spacing:0}#max_browser_msg mark{background:#f0bd41;color:#000;padding:0 5px}#max_browser_msg .bt_browser_upgrade{display:inline-block;font-size:12px;background:#fff;padding:5px 30px;margin:15px 0 0 0}#max_browser_msg .bt_close_browser{position:absolute;top:0;right:0;background:#fff;font-size:11px;padding:10px 10px}
.sound_only{font-size:0px;}
/* skip navigation */
.skip_nav {position:relative; z-index:999;}
.skip_nav a {display:inline-block; position:absolute; top:-100px; left:-999px; border:1px solid #24242c; background:#31313b; color:#fff;}
.skip_nav a:focus, .skip_nav a:active {display:inline-block; top:0; left:0; cursor:pointer; zoom:1; padding:5px 8px 4px; margin-right:9px; background:#31313B; font-weight:normal; font-size:11px; line-height:1.4;}

/* icon */
.max-ico {display:block; position:relative; /* overflow:hidden; */}
.max-ico:before, .max-ico:after {content:''; display:block; position:absolute; box-sizing:border-box;}

.i-plus-circle {width:3.333em; height:3.333em; border-radius:100%; background-color:#0f477a;}
.i-plus-circle:before, .i-plus-circle:after {width:1.667em; height:.278em; background-color:#fff; top:1.5em; left:.833em;}
.i-plus-circle:after {width:.278em; height:1.667em; top:.833em; left:1.5em;}

.i-close {width:24px; height:24px;}
.i-close:before, .i-close:after {width:24px; height:1px; background-color:currentColor; position:absolute; top:12px; left:1px; transform:rotate(-45deg);}
.i-close:after {transform:rotate(45deg);}

.i-arrow {width:32px; height:32px;}
.i-arrow:before {width:12px; height:12px; border:2px solid currentColor; border-left-width:0; border-top-width:0; border-bottom-width:0; transform:rotate(-45deg); top:13px; right:4px;}
.i-arrow:after {width:30px; height:2px; border-radius:50px; background-color:currentColor; top:18px; left:0;}

.i-menu {width:1.778em; height:1.778em;}
.i-menu:before {width:80%; height:1px; background:currentColor; top:.444em; left:3px; box-shadow:0 .444em currentColor, 0 .889em currentColor;}

/* header */
#max_header {width:100%; height:auto; position:absolute; top:100%; left:0; transform:translateY(-100%); z-index:99; color:#fff; background-color:rgba(255,255,255,.08);}
#max_header.fixed {position:fixed; top:0; left:0; transform:translateY(0); z-index:99; background-color:#fff; color:#2f2f2f;}
#max_header.sub-header {/* position:relative; */ top:0; transform:translateY(0); background-color:#fff; color:#2f2f2f;}

/* header : inner, logo */
#max_header .hd-inner {width:100%; position:relative; z-index:3; transition:all .3s ease; border-top:1px solid #fff;}
#max_header .hd-inner:after {content:''; display:block; opacity:0; width:100%; height:1px; background-color:#d8d8d8; position:absolute; bottom:0; left:0;}
#max_header .hd-inner .hd-gp {width:100%; /* max-width:1533px; */ height:auto; padding:24px 10vw; margin:0 auto; position:relative; z-index:2;}
#max_header .logo {width:4.778em; height:1.889em;}
#max_header .logo a {display:block; width:100%; height:100%; background:url("../image/common/logo.png") 0 0 / cover no-repeat; font-size:0;}

/* lnb, gnb */
#lnb {width:100%; max-width:974px; height:auto; font-weight:500; font-size:20px; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:3;}
#lnb > ul {width:100%; display:flex; text-align:center;}
#lnb > ul > li {flex-grow:1; max-width:243px; height:auto;}
#lnb > ul > li a {display:block; width:100%; height:auto; padding:31px 0; position:relative;}
#lnb > ul > li a:before {content:''; display:block; width:0; height:4px; background-color:#0f477a; position:absolute; left:0; bottom:0; transition:width .3s ease;}
#lnb > ul > li.active a {color:#0f477a;}
#lnb > ul > li.active a:before {width:100%;}
#lnb > ul > li.inactive a {color:#2f2f2f;}

.gnb {position:absolute; top:30px; right:10vw; z-index:3; font-weight:500; font-size:20px; letter-spacing:0;}
.bt-menu {display:none; width:2.667em; height:2.667em; padding:.444em; position:absolute; top:18px; right:5vw; background-color:#fff; color:#000; border-radius:100%;}

/* lnb : sub menu */
.lnb-sub-menu {width:100%; height:0; opacity:0; position:absolute; top:0; left:0; transform:translateY(-100%); transition:all .3s ease; visibility:hidden; background-color:#fff; color:#000;}
.lnb-sub-menu .menu-wrap {width:100%; max-width:974px; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:2;}
.lnb-sub-menu .menu-gp {width:100%; display:flex; text-align:center; font-size:16px;}
.lnb-sub-menu .menu-gp > li {flex-grow:1; max-width:243px; height:auto; background-color:#fff; padding:24px 0; border-left:1px solid #d8d8d8;}
.lnb-sub-menu .menu-gp > li .sub-menu {}
.lnb-sub-menu .menu-gp > li .sub-menu li {}
.lnb-sub-menu .menu-gp > li .sub-menu li a {display:block; width:100%; padding:8px 0;}
.lnb-sub-menu .menu-gp > li .sub-menu li a span {display:inline-block; padding:0 8px 8px; position:relative;}
.lnb-sub-menu .menu-gp > li .sub-menu li a span:after {content:''; display:block; width:0; height:1px; background-color:currentColor; position:absolute; bottom:0; left:0; transition:width .3s ease;}
.lnb-sub-menu .menu-gp > li .sub-menu li a:hover span:after {width:100%;}
.lnb-sub-menu .menu-gp > li:last-child {border-right:1px solid #d8d8d8;}
.bg_layer {width:100%; height:248px; background-color:#fff; position:absolute; top:0; left:0; z-index:1; transition:all .3s ease;}
.bg_nav {display:none; width:100%; height:100vh; background-color:rgba(0,0,0,.5); position:absolute; top:0; left:0; z-index:-1; transition:all .3s ease;}
/* header : hover */
#max_header .hd-inner.hover, 
#max_header.fixed .hd-inner {background-color:#fff; color:#2f2f2f;}

#max_header .hd-inner.hover:after,
#max_header.fixed .hd-inner:after,
#max_header.sub-header .hd-inner:after {opacity:1;}

.lnb-sub-menu.active {visibility:visible; height:auto; opacity:1; top:100%; transition:all .3s ease;}
.bg_nav.active {display:block;}

@media screen and (max-width: 1533px) {
	/* header : inner, logo */
	#max_header .hd-inner .hd-gp {padding-left:5vw; padding-right:5vw;}
	/* lnb, gnb */
	.gnb {right:5vw;}
}
@media screen and (max-width: 1280px) {
	#max_header {top:0; transform:translateY(0); background-color:transparent;}
	#max_header.sub-header {background-color:transparent;}
	#max_header .hd-inner {border-top:none;}
	#max_header .hd-inner:after {display:none;}
	#lnb, .gnb, .lnb-sub-menu {display:none;}
	.bt-menu {display:block;}
}

/* full menu */
.full-menu {display:none; width:100%; height:100%; padding:24px 5vw; position:fixed; top:0; left:0; z-index:99; color:#fff;}
.full-menu:after {content:''; display:block; width:inherit; height:100vh; background-color:#272727; position:absolute; top:0; left:0; z-index:-1;}
.full-menu .logo a {}
.full-menu .inner {width:100%; max-width:900px; height:auto; padding-top:7vh; margin:0 auto;}
.full-menu .f-nav {width:100%; height:auto; padding:0 2em;}
.full-menu .f-nav > li {width:100%;}
.full-menu .f-nav > li:not(:nth-child(1)) {margin-top:2em;}
.full-menu .f-nav > li > a {display:block; padding:.8em 0; font-weight:700; border-bottom:1px solid #8c8c8c; cursor:default;}
.full-menu .f-nav > li > a:hover {color:#fff !important;}
.full-menu .f-nav > li .depth-2 {}
.full-menu .f-nav > li .depth-2 ul {display:flex; flex-wrap:wrap;}
.full-menu .f-nav > li .depth-2 ul li {width:33.33%;}
.full-menu .f-nav > li .depth-2 ul li a {display:block; font-size:.85em; padding:1em 0 .5em; color:#ababab;}
.full-menu .bt-close {width:2.667em; height:2.667em; padding:.444em; position:absolute; top:18px; right:5vw; background-color:#fff; color:#2f2f2f; border-radius:100%; box-shadow:0 0 13px rgba(0,0,0,.75);}

/* container */
#max_container {width:100%; height:auto;}

/* footer */
#max_footer {width:100%; height:auto; padding:2em 10vw; font-size:.889em; background-color:#f6f6f6;}
#max_footer p {display:inline-block; vertical-align:middle; width:5.375em; height:2.125em; background:url("../image/common/f_logo.png") 0 0 / 100% no-repeat;}
#max_footer cite {display:inline-block; letter-spacing:0;}
#max_footer cite a {color:#616161 !important; cursor:default;}
#max_footer .bt-top {display:block; position:fixed; bottom:32px; right:32px; z-index:1; width:54px; height:54px; line-height:54px; padding:0 11px; border:1px solid #7d7d7d; background-color:#fff; color:#212121; text-transform:uppercase; text-align:center;}

@media screen and (max-width: 1533px) {
	#max_footer {padding-left:7vw; padding-right:7vw;}
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 568px) {
}

/* color */
.c-blue {color:#0f477a;}
#max_wrap {width:100%; height:auto; min-width:360px; margin:0 auto; overflow:hidden;}

/* font size */
.fb35 {font-weight:700; font-size:1.944em; letter-spacing:-0.04em;}
.fb38 {font-weight:700; font-size:2.111em; letter-spacing:-0.06em;}
.fb40 {font-weight:700; font-size:2.222em;}
.fb44 {font-weight:700; font-size:2.444em; letter-spacing:-0.06em;}
.f48 {font-size:2.667em;}
.fb50 {font-weight:700; font-size:2.778em; letter-spacing:-0.06em;}
.fb60 {font-weight:700; font-size:3.333em;}
@media screen and (max-width: 1366px) {
	.fb38 {font-size:2em;}
	.f48 {font-size:2.3em;}
	.fb50 {font-size:2.4em;}
}
@media screen and (max-width: 900px) {
	.fb35 {font-size:1.3em;}
	.fb38 {font-size:1.35em;}
	.fb40 {font-size:1.4em;}
	.fb44 {font-size:1.5em;}
	.f48 {font-size:1.7em;}
	.fb50 {font-size:1.8em;}
	.fb60 {font-size:2em;}
}

/* sub page : contents layout */
.page-wrap {width:100%; height:auto; padding:8.889em 10vw;}
/* sub page : sub visual */
.sub-visual {width:100%; height:18.778em; background-size:cover; background-position:top center; background-repeat:no-repeat; text-align:center; display:table;}
.sub-visual h3 {display:table-cell; vertical-align:middle; color:#fff; font-weight:700; font-size:2.444em; padding-top:1.6em;}
.sub-visual.ceo {background-image:url("../image/common/bg_sub_visual1.jpg");}
.sub-visual.certificate {background-image:url("../image/common/bg_sub_visual2.jpg");}
.sub-visual.organization {background-image:url("../image/common/bg_sub_visual3.jpg");}
.sub-visual.directions {background-image:url("../image/common/bg_sub_visual4.jpg");}
.sub-visual.busi {background-image:url("../image/common/bg_sub_visual5.jpg");}
.sub-visual.vision {background-image:url("../image/common/bg_sub_visual6.jpg");}
.sub-visual.quality {background-image:url("../image/common/bg_sub_visual7.jpg");}
.sub-visual.environment {background-image:url("../image/common/bg_sub_visual8.jpg");}
.sub-visual.contact {background-image:url("../image/common/bg_sub_visual9.jpg");}

@media screen and (max-width: 1533px) {
	.page-wrap {padding-left:7vw; padding-right:7vw;}
}
@media screen and (max-width: 1366px) {
	.page-wrap {padding-top:6em; padding-bottom:6em;}
}
@media screen and (max-width: 900px) {
	.page-wrap {padding-top:3em; padding-bottom:3em;}

	.sub-visual {height:12em;}
	.sub-visual h3 {font-size:2em;}
}

/* sub page : sub menu */
.sub-menu-fix {width:100%; height:auto; position:fixed; top:-6.25em; left:0; background-color:#f4f4f4; z-index:99; text-align:center; font-size:.889em; color:#818181; transition:top .3s ease;}
.sub-menu-fix.on {top:0;}
.sub-menu-fix li {display:inline-block; margin:0 3%;}
.sub-menu-fix li a {display:block; padding:2em;}
.sub-menu-fix li a:after {content:''; display:block; width:0; height:1px; background-color:currentColor; margin-top:4px; transition:width .3s ease;}
.sub-menu-fix li a:hover:after {width:100%;}
.sub-menu-fix li a:hover, .sub-menu-fix li .current {color:#2f2f2f !important; font-weight:500;}
.sub-menu-fix li .current:after {width:100%;}

@media screen and (max-width: 900px) {
	.sub-menu-fix {display:none;}
}

/* popup layer set */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:fixed; z-index:1000; visibility:visible; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.2);}

.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#fff;color:#000;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:1em;border:0;color:#000;font-size:16px}
.hd_pops_footer .hd_pops_reject {background:#fff;text-align:left}
.hd_pops_footer .hd_pops_close {background:#fff;position:absolute;top:0;right:0}

@media screen and (max-width: 568px) {
	.hd_pops {top:50% !important; left:50% !important; width:86.66%; transform:translate(-50%, -50%);}
	.hd_pops_con {width:100% !important; height:100% !important; line-height:0;}
	.hd_pops_con img {max-width:100%;}
	.hd_pops_close {padding:.45em;}
}