@charset "utf-8";
@import url("reset.css");
@import url("font.css");
/*
#HEADER #GNB .logo_wh {fill: #ffffff;}
#HEADER #GNB .logo_blue {fill:#005BAC;}
#HEADER #GNB .logo_gray {fill:#727171}
#HEADER #GNB .logo svg {overflow: visible; enable-background: new 0 0 379.14 114.87;}
.fclear{*zoom:1}
.fclear:after{display:block;content:"";clear:both;}
.ir_text {text-indent: -9999px;overflow: hidden;font-size: 0 ;height: 0;}
.ir_text >*{text-indent: -9999px;overflow: hidden;font-size: 0 ;height: 0;}
.cap{text-transform: uppercase !important;}


*/

#WRAP {position:relative; width:100%; overflow:hidden;margin: 0 auto}
#WRAP.styleNone {position:static; width:auto; overflow: unset; margin: 0 auto}

/*  desktop css */
.section{position: relative; padding:0px; width:100%; margin:0 auto; box-sizing: border-box;}
.m-only {display:none;}
.web-only {display:block;}

#skipNavi {width: 100%; overflow: hidden; position: relative; z-index: 9999;}
#skipNavi a {margin: 0px; width: 1px; height: 1px; text-align: center; line-height: 0; overflow: hidden; font-size: 0px; display: block;}
#skipNavi a:focus { height: 30px;color:#ffffff;  line-height: 1; font-size: 12px; font-weight: 700; width: auto; margin: 0px; padding: 15px 0px 0px 15px; background: #005BAC;}
#skipNavi a:hover  {height: 30px; color:#ffffff;  line-height: 1; font-size: 12px; font-weight: 700; width: auto; margin: 0px; padding: 15px 0px 0px 15px; background: #005BAC;}
#skipNavi a:active {height: 30px; color:#ffffff;  line-height: 1; font-size: 12px; font-weight::700; width: auto; margin: 0px; padding: 15px 0px 0px 15px; background: #005BAC;}

/* HEADER-GNB */
#HEADER{height: 88px; width: 100%; position: fixed; top: 0px; left: 0; z-index: 999; transition: top 0.3s;}
#HEADER.main{background-color: rgba(255,255,255,.0);   }
#HEADER.main.fix{background-color: rgba(255,255,255,1);   }
#HEADER.sub{background-color: rgba(255,255,255,.8)!important; border-bottom: 1px solid rgba(0,0,0,.1); z-index: 99}
#HEADER.active{top:-88px}
#HEADER #GNB{position: relative;width: 100%;margin: 0 auto;padding: 0px; box-sizing: border-box;}
#HEADER #GNB .gnb_dim{content: '';position: absolute; top: 88px;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,.2);visibility: hidden;opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;}
#HEADER.m_enter #GNB .gnb_dim{visibility: visible; opacity: 1}
#HEADER #GNB .gnb_inner{position: relative;width: 100%;height: 100%;text-align: center; margin: 0 auto}
#HEADER #GNB .gnb_inner .gnb_bg{width: 100vw; height:0; position: absolute;left: 50%;top: 88px;z-index: 3;background: #fff;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;}
#HEADER #GNB .gnb_inner .gnb_bg.on{height: 280px;border-top: 1px solid rgba(0,0,0,0);}

#HEADER #GNB .gnb_inner .logo_area{position: absolute;left: 0;top:50%;transform: translate(0, -50%);z-index: 6; padding-left: 50px}
#HEADER #GNB .gnb_inner .logo_area .logo{display: block;width: 120px;}
#HEADER #GNB .gnb_inner .logo_area .logo img{width: 100%}
#HEADER.main #GNB .gnb_inner .logo_area .logo img.logo_c{display:none}
#HEADER.main #GNB .gnb_inner .logo_area .logo img.logo_wh{display:block}
#HEADER.main.fix #GNB .gnb_inner .logo_area .logo img.logo_c{display:block}
#HEADER.main.fix #GNB .gnb_inner .logo_area .logo img.logo_wh{display:none}
#HEADER #GNB .gnb_inner .depth1_area{position: relative;z-index: 5;height: 88px;line-height: 88px;font-size: 0}
#HEADER.m_enter #GNB .gnb_inner .depth1_area{border-bottom: 1px solid rgba(0,0,0,.1)}
#HEADER.m_enter.main #GNB .gnb_inner {background-color: #FFFFFF}
#HEADER.m_enter.main #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a{color: rgba(0,0,0,.6);}
#HEADER.m_enter.main #GNB .gnb_inner .logo_area .logo img.logo_c{display: block}
#HEADER.m_enter.main #GNB .gnb_inner .logo_area .logo img.logo_wh{display:none}

#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul{font-size: 0;display: inline-block;margin:0 auto;width: calc(100% - 395px);max-width: 880px}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li{display: inline-block;vertical-align: top;height: 88px;width:20%;max-width: 176px;text-align: center;position: relative}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a{font-size: 1.125rem;display: block;position: relative;color: rgba(0,0,0,.57);text-align: center; font-weight: 600;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a.on{color: #000}

#HEADER.main.fix #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a{font-size: 18px;display: block;position: relative;color: rgba(0,0,0,.57);text-align: center; font-weight: 600;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;}
#HEADER.main.fix #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a.on{color: #000}
#HEADER.main #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a{color: rgba(255,255,255,.9);}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area{position: relative;left: 0;right: 0;z-index: 5;border-right: 1px solid rgba(0,0,0,.06);height: 0;overflow: hidden;border-top: 1px solid transparent;
	border-top: 1px solid transparent;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li.depth1_1 .depth2_area{border-left: 1px solid rgba(0,0,0,.06)}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner{padding: 24px 0 26px}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div{font-size: 16px;line-height: 1;width: 100%;padding: 7px 0; font-weight: 400}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a{display: block;line-height: 23px}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a span{display: inline-block;position: relative}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a span:before{content: '';position: absolute;width: 0%;height: 1px;left: 0;bottom: 0;background: #005BAC;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	-ms-transition: width 0.3s;
	-o-transition: width 0.3s;
	transition: width 0.3s;}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a span.blank{padding-right: 18px}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a span.blank:after{content: '';position: absolute;right: 0;top: 50%;margin-top: -7px;width: 12px;height: 12px;
	background:url(../images/common/icon-openwin.svg) no-repeat 0 0; padding: 8px 0px}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a.on{color: #005BAC; font-weight: 600}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a.on span:before{width: 100%;}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a:hover{color: #005BAC}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a:hover span:before{width: 100%;}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a:hover span.blank:after{background:url(../images/common/icon-openwin.svg) no-repeat 0 0; padding: 8px 0px}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li:before{content: '';position: absolute;width: 0%;height:2px;background: #005BAC;left: 0;bottom:-2px;z-index: 6;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	-ms-transition: width 0.3s;
	-o-transition: width 0.3s;
	transition: width 0.0s;
}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul.over>li:hover:before{width: 100%}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a:hover{color: #000}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul.over>li:hover>a{color: #000}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul.over>li>a+.depth2_area{height: 280px}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul.over>li>a:hover+.depth2_area{background: #fafafa;border-top-color:rgba(0,0,0,.1)}
#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul.over>li:hover>a+.depth2_area{background: #fafafa;border-top-color:rgba(0,0,0,.1)}

#HEADER #GNB .gnb_inner .util_area{position: absolute;top: 50%;right: 0;transform: translate(0, -50%);z-index: 10;font-size: 1.25vw; padding-right: 50px; font-weight: 400}
#HEADER #GNB .gnb_inner .util_area>div{display: inline-block;/*vertical-align: middle*/}
#HEADER #GNB .gnb_inner .util_area .language_area{position: relative;z-index: 1}

#HEADER.main #GNB .gnb_inner .util_area .language_area{position: relative;z-index: 1; color: #FFFFFF}
#HEADER.main.fix #GNB .gnb_inner .util_area .language_area{position: relative;z-index: 1; color: #000}
#HEADER.m_enter.main #GNB .gnb_inner .util_area .language_area{color: #000}
.language_area span{font-size: 15px; padding-top: 6px}
#HEADER #GNB .gnb_inner .util_area .other_menu{}
#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu span {display: block; width: 100%; height: 2px; background: #000; margin-top: 4px }
#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu span:first-child {margin-top: 0}
#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu .line {font-size: 0;margin-top: 4px;display: none;}
#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu .line:first-child{margin-top: 0}
#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu span{display: inline-block;width: 3px;height: 3px;background: #000;margin-left: 4px}
#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu span:first-child {margin-left: 0}
#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu {display: block; margin-left: 13px; position: relative; font-size: 13px; color: #FFFFFF;  white-space: nowrap;background-color: #0c419a; border-radius: 16px; padding: 3px 15px 5px;  }
#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu img {display: inline-block; vertical-align: middle; width: 34px; -webkit-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -ms-transition: opacity 0.1; -o-transition: opacity 0.1; transition: opacity 0.1s; }
#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu img.on {position: absolute; top: 0; left: 0; opacity: 0; }
#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu p {letter-spacing: -0.08em}
#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu:hover img.off {opacity: 0 }
#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu:hover img.on {opacity: 1 }

#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu:hover {	background-color:#1475cc;	font-weight: normal}
#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu :active {	position:relative;	top:0px;
}

#HEADER #GNB .gnb_inner .depth2_container{position: absolute;top: 88px;left: 50%; right: 0;width: 100vw;overflow: hidden; background:#005EB8; 
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner{position: relative;width: 100%}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div {position: relative; width: 100%; height: 0; display: none; overflow: hidden;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
}
/*사업분야 2*/
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.on{display: block}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down{height: 45px; background-color: #0c419a; color: #FFFFFF}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down.naviDepth1_Business {height: 88px; background-color: #0c419a; color: #FFFFFF}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul {font-size: 0; display: inline-block; margin: 0 auto; text-align: center; height: 44px; line-height: 44px; vertical-align: top }
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul > li {display: inline-block; margin: 0 35px; height:44px; line-height: 44px; vertical-align: top }
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a{position:relative;transition:all 0.3s;display: inline-block;font-size:17px;color:#fff;opacity:0.57; font-weight: 600  }
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a span.blank {    padding-right: 18px;}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a span {    display: inline-block;    position: relative;}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a span.blank:after{content: '';position: absolute;right: 0;top: 50%;margin-top: -12px; width: 12px; height: 12px;
	background:url(../images/common/icon-openwin.svg) no-repeat 0 -10px; padding: 8px 0px}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a.on{opacity:1;}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a.on:after{width: 100%}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a:hover{opacity:1;}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a:hover:after{width: 100%;}
#HEADER #GNB .gnb_inner .depth2_container .depth1_open {position:absolute; top:25px; left:28px; z-index:9; display: none;}
#HEADER #GNB .gnb_inner .depth2_container .depth1_open a {display: block;}
#HEADER #GNB .gnb_inner .depth2_container .depth1_open a span {width:20px; height:2px; background-color:#fff; margin-bottom:4px; display: block; transition:all 0.3s;}
#HEADER #GNB .gnb_inner .depth2_container .depth1_open a span:last-child {margin-bottom:0;}
#HEADER #GNB .gnb_inner .depth2_container .depth1_open.on a span:nth-of-type(1){transform:translate(0, 6px) rotate(-45deg);}
#HEADER #GNB .gnb_inner .depth2_container .depth1_open.on a span:nth-of-type(2){opacity:0;}
#HEADER #GNB .gnb_inner .depth2_container .depth1_open.on a span:nth-of-type(3){transform:translate(0, -6px) rotate(45deg);}

/*사업분야 3D */
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container { height: 44px; display: none; background-color: #ebebeb; color: #333; box-shadow:inset -2px 3px 16px 3px #ddd;}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container li li { height: 40px; line-height: 40px}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container span {
    font-size: 15px!important;
    color: #000;
    opacity: 0.5;
    font-weight: 600;
    padding-right: 28px; padding: 4px 12px 4px 10px; border: 0px rgba(183,183,183,1.00) solid; margin-right: 20px; background-color: rgb(0 0 0 / 18%); border-radius: 30px
}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container span.n2 {margin-left: 40px}
    
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container li li a {color: #000}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container li li a:after{content: '';position: absolute;width: 0%;height: 1.5px; top: 40px; background-color:#2b52fd;left: 0; 
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container li li.on a:after{content: '';position: absolute;width: 0%;height: 1.5px; top: 40px; background-color:#2b52fd;left: 0; 
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container li li a.on{opacity:1;}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container li li.on a{opacity:1;}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container li li a.on:after{width: 100%}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container li li.on a:after{width: 100%}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container li li a:hover{opacity:1;}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container li li a:hover:after{width: 100%;}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container {display: none;}
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container.on {display: block;}
.naviDepth3_Business_corporation_naviDepth3-01 {display: none; opacity:0; }
.naviDepth3_Business_corporation_naviDepth3-01.on {display: block; opacity:1;}
.naviDepth3_Business_finance_naviDepth3-02 {display: none; opacity:0;}
.naviDepth3_Business_finance_naviDepth3-02.on {display: block; opacity:1;}

/* LNB */
#LNB .lnb_bg{content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,.6);visibility: hidden;opacity: 0;z-index: 999;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#LNB .lnb_area{position: fixed;right: 0;top: 0;width: 448px;height: 100vh;z-index: 999;background: #000;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: translate(100%,0);
	-moz-transform: translate(100%,0);
	-ms-transform: translate(100%,0);
	-o-transform: translate(100%,0);
	transform: translate(100%,0);
}
#LNB .lnb_inner{position: relative;width: 100%;height: 100%}

#LNB .lnb_inner .btn_lnb_close {position: absolute; top: 32px; right: 33px; width: 22px; height: 22px; display:none;}
#LNB .lnb_inner .btn_lnb_close:before {content:''; position:absolute;width:100%; height:100%;background:url("../../static/images/common/ico_close_black.png") no-repeat 0 0 / contain;}
#LNB .lnb_inner .lnb_tab{background: #fff;width: 100%;height: 88px;padding: 0 24px}
#LNB .lnb_inner .lnb_tab ul{font-size: 0}
#LNB .lnb_inner .lnb_tab ul li{display: inline-block;vertical-align: top;margin: 0 3px}
#LNB .lnb_inner .lnb_tab ul li:first-child{margin-left: 0}
#LNB .lnb_inner .lnb_tab ul li:last-child{margin-right: 0}
#LNB .lnb_inner .lnb_tab ul li a{display: inline-block;padding: 0 8px;line-height: 88px;font-size: 18px;color: rgba(0,0,0,.42);position: relative; font-size:16px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#LNB .lnb_inner .lnb_tab ul li a:before{content: '';position: absolute;bottom: 0;left: 0;width: 0%;height: 2px;background: #000;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	-ms-transition: width 0.3s;
	-o-transition: width 0.3s;
	transition: width 0.3s;}
#LNB .lnb_inner .lnb_tab ul li a span{display: inline-block}
#LNB .lnb_inner .lnb_tab ul li a span.plus{display: none}
#LNB .lnb_inner .lnb_tab ul li a.on {color: #000}
#LNB .lnb_inner .lnb_tab ul li a.on:before {width: 100%}
#LNB .lnb_inner .lnb_tab ul li a:hover {color: #000}
#LNB .lnb_inner .lnb_tab ul li a:hover:before {width: 100%}
#LNB .lnb_inner .lnb_cnt{position: relative;width: 100%;height: calc(100vh - 88px);min-height:  calc(100vh - 88px);overflow: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;display: none;
}
#LNB .lnb_inner .lnb_cnt.on{display: block}
#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile{display: none}
#LNB .lnb_inner .lnb_cnt .pane{position: absolute;width: 5px;right: 6px;top: 0;bottom: 0;z-index: 10;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
#LNB .lnb_inner .lnb_cnt .pane > .slider{position: relative;margin: 0 1px;padding: 5px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#LNB .lnb_inner .lnb_cnt .pane > .slider:after{content: '';display: block;width: 100%;height: 100%;background: rgba(255,255,255,.6)}
#LNB .lnb_inner .lnb_cnt .lnb_cnt_bg{position: absolute;top: 50%;left: 50%;width: 100%;height: calc(100vh - 88px);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-ms-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
}
#LNB .lnb_inner .lnb_cnt .lnb_cnt_bg:before{content: '';position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.2)}
#LNB .lnb_inner .lnb_cnt .lnb_cnt_bg img{display: none}
#LNB .lnb_inner .lnb_cnt ul{position: absolute;overflow: scroll;overflow-x: hidden;top: 0;right: 0;bottom: 0;left: 0;z-index: 9}
#LNB .lnb_inner .lnb_cnt ul li{position: relative }
#LNB .lnb_inner .lnb_cnt ul li a{display: block;width: 100%;height: 88px;line-height: 30px;position: relative;color: #fff;border-top: 1px solid rgba(255,255,255,.06);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
#LNB .lnb_inner .lnb_cnt:before{content: '';position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.2);z-index: 1}
#LNB .lnb_inner .lnb_cnt ul li:first-child a{border-top: 0}
#LNB .lnb_inner .lnb_cnt ul li a:before{content: '';position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.15);opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	visibility: hidden;}
#LNB .lnb_inner .lnb_cnt ul li a:after {content: ''; position: absolute; right: 40px; top: 50%; margin-top: -8px; background: url("../images/common/ico_arrow_white_right.png") no-repeat 0 0 / contain; width: 10px; height: 16px; visibility: hidden; opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;}
#LNB .lnb_inner .lnb_cnt ul li a span{display: inline-block;padding: 22px 35px 22px 32px;position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;}
#LNB .lnb_inner .lnb_cnt ul li a span.blank:before{    content: '';
    position: absolute;
    left: 40px;
    top: 25%;
    margin-top: -2px;
    background: url(../images/common/icon-openwin.svg) no-repeat 30px 0px / 0.8em auto;
    width: 1em;
    height: 1em;
    opacity: 0.5;
    visibility: visible;
    z-index: 4;
    padding: 8px 15px;}
#LNB .lnb_inner .lnb_cnt ul li a:hover span{padding-left: 40px}

#LNB .lnb_inner .lnb_cnt ul li a:hover:before{visibility: visible;opacity: 1}
#LNB .lnb_inner .lnb_cnt ul li a:hover:after {visibility: visible; opacity: 1 }

#LNB .lnb_inner .lnb_cnt ul li a span p{font-size: 12px; line-height: 1em; opacity: 0.6}
#LNB .lnb_inner .lnb_cnt ul li .ajuF_bg {position: absolute; top:0; left: 0; height: 88px; width: 100%; z-index: -1;opacity: 0.2   }
#LNB .lnb_inner .lnb_cnt ul li .ajuF_bg:hover  {z-index: -1;opacity: 1!important  }


#LNB {opacity: 0}
#LNB.on{ opacity: 1}
#LNB.on .lnb_bg{visibility: visible; opacity: 1!important}
#LNB.on .lnb_area{
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);}
#LNB.on .lnb_inner .btn_lnb_close{display:block;}

#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile.li_lnb_navi{display:none;}
#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile{ display:none;}
#LNB .lnb_inner .lnb_cnt.lnb_navi{display:none;}
#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile.m_m  { display:none;}

/* FOOTER */
#FOOTER { position: relative; background-color: #141414; padding: 40px 60px; color: #7a7c7f; font-size: 15px; z-index: 50; font-weight: 500; }
#FOOTER .f_menu li {  display: inline; }
#FOOTER .f_menu li a { color: #7a7c7f; font-size: 15px; }
#FOOTER .f_menu li:after { content: "I"; display: inline-block; margin: 0 10px; font-weight: 100; }
#FOOTER .f_menu li:last-child:after { content: ""; }
#FOOTER .address { margin: 15px 0 0; }
#FOOTER .subsidiary_btn { position: absolute; right: 60px; top: 40px; }
#FOOTER .subsidiary_btn a { display: inline-block; border: 1px solid #7a7c7f; color: #7a7c7f; width: 196px; height: 45px; padding-left: 20px; background:url("../../static/images/common/btn_subsidiary.png") 95% 50% no-repeat; line-height: 43px; }
#FOOTER .subsidiary_btn_close { position: absolute; right: 60px; top: 40px; }
#FOOTER .subsidiary_btn_close a { display: inline-block; border: 1px solid #7a7c7f; color: #7a7c7f; width: 196px; height: 45px; padding-left: 20px; background: url("../../static/images/common/btn_subsidiary_close.png") 95% 50% no-repeat; line-height: 43px; }
#FOOTER .subsidiary_all { position: absolute; left: 0; bottom: 140px; width: 100%; background-color: #2a2a2a; padding: 40px 0; z-index: 50; border-bottom: 1px solid #56575a; text-align: center; display: none; }
#FOOTER .subsidiary_group { display: table; margin: 0 auto; }
#FOOTER .subsidiary_group li { display: table-cell; padding: 10px 80px; border-left: 1px solid #4b4c4e; height: 190px; text-align: left; }
/*#FOOTER .subsidiary_group li:nth-child(4) {padding-right: 50px; }
#FOOTER .subsidiary_group li:nth-child(5) { border-left: none; padding-left: 0; }*/
#FOOTER .subsidiary_group li:last-child { border-right: 1px solid #4b4c4e; }
#FOOTER .subsidiary_group li .subsidiary_title { color: #FFF; font-size: 18px; font-weight: 700; margin-bottom: 20px; }
#FOOTER .subsidiary_group li a { font-size: 16px; color: #7a7c7f; display: block; font-weight: 400; line-height: 1.8em;}
#FOOTER .subsidiary_group li a[lang='en'] { font-size: 15px; letter-spacing: 0;  }
#FOOTER .subsidiary_group li p { font-size: 16px; color: #7a7c7f; display: block; font-weight: 400; line-height: 1.8em}
#FOOTER .f_menu li a:hover { color: #FFF; }
#FOOTER .subsidiary_group li a:hover { color: #FFF; text-decoration: underline; }   
#FOOTER { width: calc(100vw -0px);}
#FOOTER .btn_top a{display: block}
#FOOTER .btn_top a img{width:20px;height:24px;}
#FOOTER .btn_top a img.btn_ver_w{display: none}

/* ================================== is Top Banner ================================== 
#WRAP.isTopBanner #HEADER{position: relative}
#WRAP.isTopBanner #HEADER.fix{position: fixed}
#WRAP.isTopBanner .container{margin-top: 0}
#WRAP.isTopBanner .container.isTopBanner{margin-top: 88px}*/


/* 4Depth */
.tab_st01 {position: relative; z-index: 9;}
.tab_st01 .inner { display: flex;  justify-content: center;  gap: 10px;  margin: 20px 0 40px; }
.tab_st01 .inner li { }
.tab_st01 .inner li a { display: block; min-width: 185px; height: 45px; line-height: 45px; text-align: center; border-radius: 27px; background-color: #efefef; font-size: 17px; font-weight: 500;  color: #222;  cursor: pointer; }
.tab_st01 .inner li a:hover { background-color: #e1e1e1; color: #222; }
.tab_st01 .inner li a.on { color: #fff; background-color: #222222 }
.tab_st01 .inner li a.on:hover { color: #e1e1e1;  }

/* 4Depth 1 */
.tab_st02 { text-align: center; margin: 30px 0 }
.tab_st02 .inner { display: inline-block; *display: inline; zoom: 1; transform: translate(-50%,0); }
.tab_st02 .inner li { float: left; margin-left: -1px; z-index: 1; position: relative; left: 50%; background: url("../../static/images/common/tab_line2.gif") right 50% no-repeat; padding: 0 25px; }
.tab_st02 .inner li:last-child { background-image: none; }
.tab_st02 .inner li a { position: relative; display: block; line-height: 32px; font-size: 15px; font-weight: 400; }
.tab_st02 .inner li a span { transition: all 0.4s; width: 0; left: 50%; transform: translate(-50%,0); }
.tab_st02 .inner li a.on { color: #005bac; font-weight: 600 }
.tab_st02 .inner li a.on span { position: absolute; bottom: -1px; display: block; width: 100%; height: 3px; background-color: #005bac; }

.tab_st02 .inner li a:hover { color: #005bac; }
.tab_st02 .inner li a:hover span { position: absolute; bottom: -1px; display: block; width: 100%; height: 3px; background-color: #005bac; }

.box_width1500 { max-width: 1450px; margin: 0 auto; position: relative}
.subTitleWrap_pb50 h2 { padding: 160px 5% 50px!important; }

/*스크롤다운*/
.scroll_down { position: absolute;left: 50%; bottom:10%; width: 100px; height: 80px; z-index: 2;  color: rgba(255,255,255,1.00); z-index: 99   }
.subNavi_AjuPhilosophy_wel  .scroll_down { position: absolute;left: 50%; bottom:18%; width: 100px; height: 80px; z-index: 2;  color: rgba(255,255,255,1.00); z-index: 99   }
.scroll_down>div { position: absolute;  width: 25px; height: 40px; border-radius: 35px; border: 2px solid #FFF; margin-left: 24px}
.scroll_down p {position: absolute; color: rgba(255,255,255,1.00); font-size: 15px; bottom: 0; text-align: center; text-shadow: 2px 2px 2px #000;  }
.scroll_down>div>span { position: absolute; bottom: 10px; left: 50%; margin-left: -1px; width: 5px; height: 8px; border-radius: 3px; border: 0px solid #FFF; background-color: #fff; display: inline-block; animation: mouseWheel 1.0s ease infinite; -webkit-animation: mouseWheel 1.0s ease infinite; -ms-animation: mouseWheel 1.0s ease infinite; }
@keyframes mouseWheel {
	0% { transform: translate(0,0); opacity: 1.0; }
	50% { transform: translate(0,-5px); opacity: 1.0; }
	100% { transform: translate(0,0); opacity: 1.0; }
}
.scroll_down.on{
  display:none;
}


@media screen and (max-width: 1680px) {
 #FOOTER .subsidiary_group li { padding: 10px 40px; }
}

/*  desktop 125% css  */
/* @media (min-width: 1480px) and (max-width: 1536px) { */
@media all and (max-width: 1536px) {
	#HEADER { height:calc(88px - 1.25vw); }
	#HEADER #GNB .gnb_inner {height:calc(88px - 1.25vw); }
	#HEADER.active{top:-66px}
	#HEADER #GNB .gnb_dim{top:calc(88px - 1.25vw); }
	#HEADER #GNB .gnb_inner .gnb_bg{top:calc(88px - 1.25vw); }
	#HEADER #GNB .gnb_inner .gnb_bg.on{height:calc(280px - 3.8vw); }
	#HEADER #GNB .gnb_inner .logo_area .logo { width: calc(120px - 1.25vw);}
	#HEADER #GNB .gnb_inner .logo_area {    padding-left: calc(50px - 1.25vw);}
	#HEADER #GNB .gnb_inner .depth1_area{ height:calc(88px - 1.25vw);line-height:calc(88px - 1.25vw);}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul { width: calc(100% - 50%);max-width:calc(880px - 1.25vw); }
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li{height: calc(88px - 1.25vw);}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a{font-size: calc(18px - 0.25vw)}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li:before {height:calc(2px - 0.05vw)}
	
	#HEADER.main.fix #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a{font-size: calc(18px - 0.25vw)}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div{font-size: calc(16px - 0.20vw);}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a{line-height: calc(23px - 0.2vw)}

	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul.over>li>a+.depth2_area{height: calc(280px - 3.8vw)}
	#HEADER #GNB .gnb_inner .depth2_container{top: calc(88px - 1.25vw); }

	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down{height:calc(45px - 1.25vw); }
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a span:before { height: calc(1px - 0.05vw)}

	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner {
	padding: 17px 0 19px;}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div { padding: 5px 0;}

	.language_area span{font-size:calc(15px - 0.2vw); padding-top: 4px}
	#HEADER #GNB .gnb_inner .util_area { font-size: 1.25vw; padding-right: calc(50px - 1.25vw);}

	/*사업분야 2*/
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down{height:calc(45px - 0.25vw);}
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down.naviDepth1_Business {height: calc(88px - 0.5vw);}
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul {height: calc(44px - 0.25vw); line-height:  calc(44px - 0.25vw);  }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul > li { height: calc(44px - 0.25vw); line-height:  calc(44px - 0.25vw); }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a{font-size:calc(17px - 0.25vw); }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a.on{opacity:1;}
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a.on:after{width: 100%}
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a:hover{opacity:1;}
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a:hover:after{width: 100%;}
	#HEADER #GNB .gnb_inner .depth2_container .depth1_open {position:absolute; top:calc(25px - 1.25vw);; left:calc(28px - 0.25vw);}
	#HEADER #GNB .gnb_inner .depth2_container .depth1_open a span {width:calc(20px - 0.25vw); height:calc(0px - 1.25vw);}
	#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu {    margin-left:calc(13px - 0.2vw);    font-size: calc(13px - 0.2vw);}

	/*사업분야 3D */
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container { height:calc(44px - 0.25vw);}
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container li li { height:calc(44px - 0.25vw); line-height:calc(44px - 0.25vw);}
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container span {
		font-size: calc(15px - 0.25vw)!important;
		padding-right: calc(28px - 0.25vw); padding: 4px 12px 4px 10px; margin-right: calc(20px - 0.25vw);}
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container span.n2 {margin-left: calc(40px - 0.25vw);}    
	/*#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container li li a:after{ top:calc(40px - 1.25vw);}
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container li li.on a:after{top:calc(40px - 1.25vw);}*/
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container li li a:after{ top:calc(40px - 0.20vw);}
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container li li.on a:after{top:calc(40px - 0.20vw);}

		/* LNB */
	#LNB .lnb_area{ width: calc(448px - 5vw);}
	#LNB .lnb_inner .btn_lnb_close {top: calc(32px - 0.25vw); right:calc(33px - 0.25vw); width:calc(22px - 0.25vw); height: calc(22px - 0.25vw);}	
	#LNB .lnb_inner .lnb_tab{ height:calc(88px - 1.25vw); padding: 0 calc(24px - 0.25vw)}	
	#LNB .lnb_inner .lnb_tab ul li{ margin: 0 2px}
	#LNB .lnb_inner .lnb_tab ul li a{padding: 0 6px;line-height:calc(88px - 1.25vw); font-size:calc(16px - 0.18vw); }
	#LNB .lnb_inner .lnb_tab ul li a:before{height: 1px;}

	#LNB .lnb_inner .lnb_cnt{position: relative;width: 100%;height: calc(100vh - 66px); min-height:  calc(100vh - 66px); }	
	#LNB .lnb_inner .lnb_cnt .pane{width: 4px;right: 5px;}
		#LNB .lnb_inner .lnb_cnt .pane > .slider{padding: 4px 0;}	
	#LNB .lnb_inner .lnb_cnt .lnb_cnt_bg{height: calc(100vh - 66px);}

	#LNB .lnb_inner .lnb_cnt ul li a{height:calc(88px - 1.25vw);line-height:calc(30px - 1.25vw);  font-size:calc(16px - 0.18vw);}
	#LNB .lnb_inner .lnb_cnt ul li a:after {right: 40px; margin-top: -6px; width: calc(10px - 0.1vw); height: calc(16px - 0.1vw); }
	#LNB .lnb_inner .lnb_cnt ul li a span{padding: 18px 35px 18px 32px;}

	#LNB .lnb_inner .lnb_cnt ul li a:hover span{padding-left: calc(40px - 0.25vw);}

	#LNB .lnb_inner .lnb_cnt ul li a span p{font-size: calc(12px - 0.1vw); line-height: 2em}
	#LNB .lnb_inner .lnb_cnt ul li .ajuF_bg {height:calc(88px - 1.25vw); }
    
    #FOOTER .subsidiary_all {    padding: 20px 0;}
    #FOOTER .f_menu li a {font-size: 13px;}
    #FOOTER .address { font-size: 13px;}
    #FOOTER .subsidiary_btn a, #FOOTER .subsidiary_btn_close a {font-size: 13px;}
    #FOOTER .subsidiary_group li { height: 170px;}
    #FOOTER .subsidiary_group li .subsidiary_title {font-size: 16px}
    #FOOTER .subsidiary_group li a {    font-size: 13px}
    #FOOTER .subsidiary_group li p {    font-size: 13px;}
	
	/*스크롤다운*/
	.subNavi_AjuPhilosophy_wel .scroll_down { bottom:40%; width: 90px; left: 48% }
	.scroll_down { bottom:35%; width: 90px; left: 48% }
	.scroll_down>div { margin-left: 25px}
	

	.tab_st01 .inner li a {
		min-width: 142px;
		height: 34px;
		line-height:34px;
		font-size:14px;
	}

}
@media all and (max-width: 1500px) {
	#HEADER { height:calc(88px); }
	#HEADER #GNB .gnb_inner {height:calc(88px); }
	#HEADER.active{top:-66px}
	#HEADER #GNB .gnb_dim{top:calc(88px); }
	#HEADER #GNB .gnb_inner .gnb_bg{top:calc(88px); }
	#HEADER #GNB .gnb_inner .gnb_bg.on{height:calc(280px); }
	#HEADER #GNB .gnb_inner .logo_area .logo { width: calc(120px);}
	#HEADER #GNB .gnb_inner .logo_area {    padding-left: calc(50px);}
	#HEADER #GNB .gnb_inner .depth1_area{ height:calc(88px);line-height:calc(88px);}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul { width: calc(100% );max-width:calc(880px); }
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li{height: calc(88px);}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a{font-size: calc(18px)}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li:before {height:calc(2px )}
	
	#HEADER.main.fix #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a{font-size: calc(18px)}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div{font-size: calc(16px);}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a{line-height: calc(23px )}

	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul.over>li>a+.depth2_area{height: calc(280px)}
	#HEADER #GNB .gnb_inner .depth2_container{top: calc(88px); }

	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down{height:calc(45px); }
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a span:before { height: calc(1px)}

	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner {
	padding: 17px 0 19px;}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div { padding: 5px 0;}

	.language_area span{font-size:calc(15px); padding-top: 6px}
	#HEADER #GNB .gnb_inner .util_area { font-size: 1.25vw; padding-right: calc(50px);}

	/*사업분야 2*/
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down{height:calc(45px);}
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down.naviDepth1_Business {height: calc(88px);}
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul {height: calc(44px); line-height:  calc(44px);  }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul > li { height: calc(44px); line-height:  calc(44px); }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div>ul>li a{font-size:calc(17px); }
	#HEADER #GNB .gnb_inner .depth2_container .depth1_open {position:absolute; top:calc(25px);; left:calc(28px);}
	#HEADER #GNB .gnb_inner .depth2_container .depth1_open a span {width:calc(20px); height:calc(0px);}
	#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu {    margin-left:calc(13px);    font-size: calc(13px);}

	/*사업분야 3D */
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container { height:calc(44px);}
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container li li { height:calc(44px); line-height:calc(37px);}
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container span {
		font-size: calc(15px)!important;
		padding-right: calc(28px); padding: 4px 12px 4px 10px; margin-right: calc(20px);}
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container span.n2 {margin-left: calc(40px);}    
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container li li a:after{ top:calc(40px);}
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container li li.on a:after{top:calc(40px);}

		/* LNB */
	#LNB .lnb_area{ width: calc(448px);}
	#LNB .lnb_inner .btn_lnb_close {top: calc(32px); right:calc(33px); width:calc(22px); height: calc(22px);}	
	#LNB .lnb_inner .lnb_tab{ height:calc(88px); padding: 0 calc(24px)}	
	#LNB .lnb_inner .lnb_tab ul li{ margin: 0 2px}
	#LNB .lnb_inner .lnb_tab ul li a{padding: 0 6px;line-height:calc(88px ); font-size:calc(16px ); }
	#LNB .lnb_inner .lnb_tab ul li a:before{height: 1px;}

	#LNB .lnb_inner .lnb_cnt{position: relative;width: 100%;height: calc(100vh); min-height:  calc(100vh); }	
	#LNB .lnb_inner .lnb_cnt .pane{width: 4px;right: 5px;}
		#LNB .lnb_inner .lnb_cnt .pane > .slider{padding: 4px 0;}	
	#LNB .lnb_inner .lnb_cnt .lnb_cnt_bg{height: calc(100vh);}

	#LNB .lnb_inner .lnb_cnt ul li a{height:calc(88px);line-height:calc(30px);  font-size:calc(16px);}
	#LNB .lnb_inner .lnb_cnt ul li a:after {right: 40px; margin-top: -8px; width: calc(10px); height: calc(16px); }/**/
	#LNB .lnb_inner .lnb_cnt ul li a span{padding: 22px 35px 22px 32px;}/**/

	#LNB .lnb_inner .lnb_cnt ul li a:hover span{padding-left: calc(40px);}

	#LNB .lnb_inner .lnb_cnt ul li a span p{font-size: calc(12px); line-height: 1em}/**/
	#LNB .lnb_inner .lnb_cnt ul li .ajuF_bg {height:calc(88px); }
    
    #FOOTER .subsidiary_all { padding: 40px 0; }
    #FOOTER .f_menu li a {font-size: 15px;}
    #FOOTER .address { font-size: 15px;}
    #FOOTER .subsidiary_btn a, #FOOTER .subsidiary_btn_close a {font-size: 15px;}
    #FOOTER .subsidiary_group li .subsidiary_title {font-size: 18px}
    #FOOTER .subsidiary_group li a {    font-size: 16px; word-break: keep-all;}
    #FOOTER .subsidiary_group li p {    font-size: 16px; word-break: keep-all;}
	
	/*스크롤다운*/
	.scroll_down { bottom:10%; }
	
}
	
@media all and (max-width: 1280px) {

	img{max-width:100%;}
	.section{padding: 0px;}

	/* HEADER */
	#HEADER #GNB{padding: 0px}
	#HEADER #GNB .gnb_inner{max-width: 1240px}
	#HEADER #GNB .gnb_inner .gnb_bg.on{height: 306px}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul{width: calc(100% - 337px)}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li{max-width: 152px}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a{font-size: 18px}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div{font-size: 14px;padding: 0}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a{line-height: 32px}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li .depth2_area .depth2_area_inner>div a span:before{bottom: 4px}
	#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul.over>li>a+.depth2_area{height: 306px}
	#HEADER #GNB .gnb_inner .util_area .clear_line{display: none}
	#HEADER #GNB .gnb_inner .util_area .search_area {margin-left: 20px }
	#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu {margin-left: 13px; }

	
	.tab_st02 .inner li a:hover { color: #005bac; }
	.tab_st02 .inner li a:hover span { position: absolute; bottom: -1px; display: block; width: 100%; height: 3px; background-color: #005bac; }


}



/*  Tablet  */
@media all and (max-width: 1080px) {
	body { word-break: keep-all;  }
	.section{padding: 0px;}
	.web-only {display:none;}
	.m-only {display:block;}
	
	/* HEADER */
	#HEADER{height: 76px}
	#HEADER.active{top:-76px}
	#HEADER #GNB{padding: 0 16px}
	#HEADER #GNB .gnb_inner{height: 76px}
	#HEADER #GNB .gnb_inner .depth1_area{display: none}
    #HEADER #GNB .gnb_inner .logo_area { padding-left: 3px;}
    #HEADER #GNB .gnb_inner .util_area { padding-right: 3px;}
	#HEADER #GNB .gnb_inner .logo_area .logo{width: 88px}
    
    #HEADER.main #GNB .gnb_inner .logo_area .logo img.logo_c{display:block}
    #HEADER.main #GNB .gnb_inner .logo_area .logo img.logo_wh{display:none}
	#HEADER #GNB .gnb_inner .util_area .language_area{margin-right: 0px}
    #HEADER.main #GNB .gnb_inner .util_area .language_area {color: #000; }
    #HEADER #GNB .gnb_inner .util_area>div {vertical-align: middle;}
	#HEADER #GNB .gnb_inner .util_area .language_area a.btn_lang_select{font-size: 14px;}
	#HEADER #GNB .gnb_inner .util_area .language_area a.btn_lang_select img {width: 20px; height: 20px; padding-right: 6px }
	#HEADER #GNB .gnb_inner .util_area .clear_line{display: inline-block;margin: 0 auto}
	#HEADER #GNB .gnb_inner .util_area .search_area {width: 20px; height: 20px; margin-left: 14px }
	#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu {margin-left: 22px; width: 25px; margin-top: 4px;margin-bottom: 4px; background-color:rgba(255,255,255,0.00);  border-radius: 0px;  padding: 10px;}
	#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu p {display: none }
    #HEADER.main #GNB .gnb_inner .util_area .other_menu a.btn_menu { width: 25px;}
    #HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu:hover {	background-color:#FFFFFF;}
    #HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu {}
	#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu img.off {display: none }
	#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu img.on {display: none }
    
	#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu .line {display: block; margin-top: 3px; }
	#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu .line:first-child {margin-top: 0 }
	#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu .line span {display: none }
	#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu .line span:first-child {display: block; width: 100%; height: 3px; background-color:rgba(0,0,0,0.8);  }
	#HEADER #GNB .gnb_inner .depth2_container{top: 76px}
	#HEADER #GNB .gnb_inner .util_area .search_area a.btn_show_search img{width: 20px;height: 20px;}
	#HEADER #GNB .gnb_inner .util_area .search_area a.btn_show_search img.img_w{display: none}
	#HEADER #GNB .gnb_inner .util_area .search_area a.btn_show_search img.img_m{display: inline-block}
	#HEADER #GNB .gnb_inner .util_area .search_area a.btn_show_search:hover img.on {opacity: 0 }
	#HEADER #GNB .gnb_inner .util_area .search_area a.btn_show_search:hover img.off {opacity: 1 }
	#HEADER #GNB .gnb_inner .util_area .search_area a.btn_show_search.on img.on {opacity: 1 }
	#HEADER #GNB .gnb_inner .util_area .search_area a.btn_show_search.on img.off {opacity: 0 }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div.down {height: 44px; }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div:before{content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 44px; z-index: 9;pointer-events:none;
		background: -webkit-linear-gradient(to right, rgba(0,87,171,.97), rgba(14,42,201,0));
		background: -moz-linear-gradient(to right, rgba(0,87,171,.97), rgba(14,42,201,0));
		background: -ms-linear-gradient(to right, rgba(0,87,171,.97), rgba(14,42,201,0));
		background: -o-linear-gradient(to right, rgba(0,87,171,.97), rgba(14,42,201,0));
		background: linear-gradient(to right, rgba(0,87,171,.97), rgba(14,42,201,0));}
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div:after{content: ''; position: absolute; top: 0; right: 0; width: 30px; height: 44px; z-index: 9;pointer-events:none;
		background: -webkit-linear-gradient(to left, rgba(0,87,171,.97), rgba(14,42,201,0));
		background: -moz-linear-gradient(to left, rgba(0,87,171,.97), rgba(14,42,201,0));
		background: -ms-linear-gradient(to left, rgba(0,87,171,.97), rgba(14,42,201,0));
		background: -o-linear-gradient(to left, rgba(0,87,171,.97), rgba(14,42,201,0));
		background: linear-gradient(to left, rgba(0,87,171,.97), rgba(14,42,201,0));}
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul {height: 44px; line-height: 44px; width: 100%; text-align: center; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; box-sizing: border-box; font-size: 0; padding: 0 26px; position:relative;}
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul > li {height: 44px; line-height: 44px; margin: 0 13px; }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul > li:first-child {margin-left: 0 }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul > li:last-child {margin-right: 0 }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul > li a {font-size: 14px; }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul > li a:after {bottom: 12px; }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul > li a:hover {color: rgba(255, 255, 255, .57); }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul > li a:hover:after {width: 0% }
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul > li a span.blank{ padding-right:16px;}
    

	/* LNB */
	#LNB .lnb_bg{background: rgba(0,0,0,.8);}
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile.li_lnb_navi{display:inline-block;}
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile.m_m  { display:inline-block;}
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_pc{display:none;}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_pc{display:none;}
	#LNB .lnb_inner .lnb_cnt.on{display:block;}

	#LNB .lnb_area{width:328px;}
	#LNB .lnb_inner .btn_lnb_close{right:auto; left:auto; right: 25px;  top:22px; width:30px; height:30px;  }
	
	
/*	#LNB .lnb_inner .btn_lnb_close:before{background-image:url(../images/common/m_ico_close_white.png);}*/
	#LNB .lnb_inner .btn_lnb_close:before { content: ""; position: absolute; right: 0px; top: 9px; width: 22px; height: 3px; transform: rotate(45deg);  -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); background: #000;}
	#LNB .lnb_inner .btn_lnb_close:after { content: ""; position: absolute; right: 0px; top: 9px; width: 22px; height: 3px; transform: rotate(-45deg);  -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg);  background: #000;}
	
	
	#LNB .lnb_inner .lnb_tab{height:64px; padding-left:0;}
	#LNB .lnb_inner .lnb_tab ul li{margin:0;}	
	#LNB .lnb_inner .lnb_tab ul li a{height:40px; line-height:40px; padding:0 20px;color:#000; text-align: center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_navi a{ text-align: left;}
	#LNB .lnb_inner .lnb_tab ul li a:before{display:none;}
	#LNB .lnb_inner .lnb_tab ul li a span.plus{position:absolute;display:inline-block;top:50%; right:16px; margin-top:-1px;width:20px;}
	/*#LNB .lnb_inner .lnb_tab ul li a span.plus:before{content: ""; position: absolute; top: 0; right: 0; width: 12px; height: 2px;}
	#LNB .lnb_inner .lnb_tab ul li a span.plus:after{content: ""; position: absolute; top: 0; right: 0; width: 12px; height: 2px; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;}
	#LNB .lnb_inner .lnb_tab ul li a.on span.plus:after{-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg)}*/
	
#LNB .lnb_inner .lnb_tab ul li a.on span.plus:before { content: ""; position: absolute; right: 0; top: 0; width: 12px; height: 2px; transform: rotate(45deg);  -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); }
#LNB .lnb_inner .lnb_tab ul li a.on span.plus:after { content: ""; position: absolute; right: 0; top: 0; width: 12px; height: 2px; transform: rotate(-45deg);  -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); }

	#LNB .lnb_inner .lnb_tab ul li a{;}	
	#LNB .lnb_inner .lnb_tab ul li a.on span {padding-right: 15px;}
	
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile.li_lnb_navi a.on{width:70px;}
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile.m_m {width: 190px; text-align: right; padding-right: 60px}
	#LNB .lnb_inner .lnb_tab ul li a.on{width:160px;}
/*	#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile a{color:#fff;background:#005BAC; padding: 15px 20px; border-radius: 30px; height:40px}*/
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile a{    color: #fff;    background: #005BAC;    /* padding: 15px 20px; */    border-radius: 30px;    height: 40px;}
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile a span.plus:before{background:#fff;}
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile a span.plus:after{background:#fff;}
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile.li_lnb_navi a{color:#000;background:#fff;}
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile.li_lnb_navi a span.plus:before{background:#005BAC;}
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile.li_lnb_navi a span.plus:after{background:#005BAC;}
	#LNB .lnb_inner .lnb_tab ul li.li_lnb_mobile{ display:inline-block;}
	#LNB .lnb_inner .lnb_tab ul { padding: 12px 0 0 0 }
	/* LNB 메뉴 */
	

	#LNB .lnb_inner .lnb_cnt.isMobile ul li {
		border-bottom: 1px rgba(0,0,0,0.08) solid
	}	
	#LNB .lnb_inner .lnb_cnt.isMobile{transition: none}
	#LNB .lnb_inner .lnb_cnt.lnb_navi{background-color: #fff;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi:before{display:none;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi:after{display:none;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul{padding-top:28px;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi.isMobile ul{border-top: 1px solid rgba(0,0,0,.06);  position:relative;padding:0;-webkit-overflow-scrolling: touch;overflow-y: scroll;bottom: unset;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#LNB .lnb_inner .lnb_cnt.lnb_navi.isMobile ul li:first-child{margin-top: 15px}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li a{color: #000; height:63px; line-height:63px; padding:0 24px 0 20px; font-size:21px;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li a{border-top:none;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li a:before{display:none;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li a span{padding:0;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li a:hover span{padding-left: 0}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li a.depth1:after{content: ''; position: absolute; right: 30px; top: 50%; margin-top: -8px; background: url("../images/common/m_ico_arrow_lnb_black.png") no-repeat 0 0 / contain; width: 15px; height: 15px;visibility:visible;opacity:1;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;}
	
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li a.depth1.active:after{content: ''; position: absolute; top: 50%; margin-top: -8px; background: url("../images/common/m_ico_arrow_lnb_blue.png") no-repeat 0 0 / contain; width: 15px; height: 15px; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
	
	
	
	
	
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li .depth2_area{display:none;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li .depth2_area .depth2_area_inner{background:#f3f4f5; padding:6px 0 15px; margin:0px auto 0px;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li .depth2_area .depth2_area_inner a{height:36px; line-height:36px; position:relative;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li .depth2_area .depth2_area_inner a.on{color:#005BAC;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li .depth2_area .depth2_area_inner a span{margin-left:15px; font-size:15px; position:relative;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li .depth2_area .depth2_area_inner a.on span:before{content:''; position:absolute;width:100%;height:1px;bottom:-7px;left:0;right:0;background:#005BAC;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li.on .depth2_area{display:block;}

	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li.language_area{padding-top:120px; padding-bottom:30px;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li.language_area .lnb_lang_inner{font-size:0; padding-left:24px;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li.language_area .lnb_lang_inner li{display:inline-block;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li.language_area .lnb_lang_inner li a{padding:0;display:inline-block; font-size:12px; margin-right:22px;width:auto; line-height:1; height:auto;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li.language_area .lnb_lang_inner li a span{color:rgba(0,0,0,0.42); position:relative;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li.language_area .lnb_lang_inner li.on a span{color:#000;}
	#LNB .lnb_inner .lnb_cnt.lnb_navi ul li.language_area .lnb_lang_inner li.on a span:before{content:''; position:absolute;width:100%;height:2px;background:#000;left:0;bottom:-7px;}

	/* LNB 계열사 */
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile{display: block}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile .lnb_cnt_bg{position: absolute;top: 50%;left: 50%;width: 100%;height: calc(100vh - 64px);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-transition: background 0.3s;
		-moz-transition: background 0.3s;
		-ms-transition: background 0.3s;
		-o-transition: background 0.3s;
		transition: background 0.3s;
	}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile .lnb_cnt_bg:before{content: '';position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.4)}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile .lnb_cnt_bg img{display: none}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile.isMobile .lnb_cnt_bg{transition: unset}


	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile{background-color: #000;}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile:before{content: '';position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.2)}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile ul li a{height:74px; line-height:22px; font-size:16px; margin: 0px 0 0 20px}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile ul li a:before{content: '';position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.15);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		visibility: hidden;opacity: 0;
	}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile.isMobile ul{-webkit-overflow-scrolling: touch;}
	#LNB .lnb_inner .lnb_cnt ul li a span{padding:0 24px 0 24px; display:inline;}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile ul li a:hover span{padding-left: 24px;}

	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile ul li a:after {content: ''; position: absolute; right: 40px; top: 50%; margin-top: -8px; background: url("../images/common/ico_arrow_white_right.png") no-repeat 0 0 / contain; width: 10px; height: 16px; visibility: hidden; opacity: 0;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile ul li a:hover:before{ display:none;}
	#LNB .lnb_inner .lnb_cnt.lnb_companies_mobile ul li a:hover:after { display:none;}
    #LNB .lnb_inner .lnb_cnt.lnb_companies_mobile ul li div {height: 74px}
    
    #LNB .lnb_inner .lnb_cnt.lnb_companies_mobile ul li a span.blank:before{content: '';position: absolute;right: 0; top: 70%;margin-top: -2px;  background: url("../images/common/icon-openwin.svg") no-repeat center bottom/ 1em auto;; width: 1em; height: 1em; opacity: 0.5; visibility: visible; z-index: 4 }
    #LNB .lnb_inner .lnb_cnt.lnb_companies_mobile ul li a:hover span{padding-left: 40px}


    #LNB .lnb_inner .lnb_cnt.lnb_companies_mobile.lnb_companies_mobile ul li a span p{font-size: 12px; line-height: 1em; opacity: 0.6}
    #LNB .lnb_inner .lnb_cnt.lnb_companies_mobile ul li div {position: absolute; top:0; left: 0; height: 74px; width: 100%; z-index: -1;opacity: 0.2   }
    #LNB .lnb_inner .lnb_cnt.lnb_companies_mobile ul li div:hover  {z-index: -1;opacity: 1!important  }
   


	/* TOP_SEARCH */
	#TOP_SEARCH .search_area{top: 76px}
	#TOP_SEARCH .search_area.on{ height:120px;}
	#TOP_SEARCH .search_area .search_box{ height:120px;}
	#TOP_SEARCH .search_area .search_box .search_box_inner{ padding:44px 6%;}
	#TOP_SEARCH .search_area .search_box .search_box_inner .g_search{ font-size:24px; line-height:32px;width:calc(100% - 24px)}
	#TOP_SEARCH .search_area .search_box .search_box_inner a.btn_top_search{ width:24px;}
	#TOP_SEARCH .search_area .search_box .search_box_inner a.btn_top_search img{ width:24px;}
	#TOP_SEARCH .search_area .search_box .search_box_inner a.btn_top_search:hover img.off{opacity: 1}
	#TOP_SEARCH .search_area .search_box .search_box_inner a.btn_top_search:hover img.on{opacity: 0}
    
    #skipNavi{display: none}
    #skipNavi a {display: none}
    
	/* FOOTER */	
	#FOOTER .subsidiary_all { padding: 0; }
    #FOOTER .subsidiary_group li { width:25%; display: inline-block; float: left; padding: 30px; height: 190px; }
	#FOOTER .subsidiary_group li:last-child { border-right: none; }
    
	
}

/*  Mobile */
@media all and (max-width: 768px) {
	/*메인*/
    #MAIN .container{margin: 0px auto 0}
	#MAIN .container .content {margin-top: 80px; padding: 0 15px;}
	
	

	/* HEADER */
	#HEADER{height: 64px}
	#HEADER.active{top:-64px}
	#HEADER.main{background-color: rgba(255,255,255,1);   }
	#HEADER #GNB .gnb_inner{height: 64px}
	#HEADER #GNB .gnb_inner .logo_area .logo{width: auto; height: 32px;}
	#HEADER #GNB .gnb_inner .logo_area .logo img {width: auto; height: 35px;}
	#HEADER #GNB .gnb_inner .util_area .language_area a{ padding: 7px}
	#HEADER #GNB .gnb_inner .util_area .clear_line{display: none}
	#HEADER #GNB .gnb_inner .util_area .other_menu a.btn_menu {margin-left:9px }
	#HEADER #GNB .gnb_inner .depth2_container{top: 64px}
	
	#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner>div.down .depth3_container span.n2 {margin-left: 10px;}

	/* TOP_SEARCH */
	#TOP_SEARCH .search_area{top: 64px}

	/* FOOTER */
	#FOOTER {    width: calc(100vw - 0px);}
	#FOOTER { padding: 80px 0px 20px 0px; text-align: center; }
	#FOOTER .subsidiary_all { height: 350px; overflow-y: auto; overflow-x: hidden; }
	#FOOTER .subsidiary_group { padding-top: 15px; }
	#FOOTER .subsidiary_btn,
	#FOOTER .subsidiary_btn_close { position: absolute; right: 50%; top: 20px; transform: translate(50%,0); width: 90%; margin: 0 auto; }
	#FOOTER .subsidiary_btn a,
	#FOOTER .subsidiary_btn_close a { width: 94%; text-align: left; }
	#FOOTER .subsidiary_all { bottom: 165px; }
	#FOOTER .subsidiary_group li { width: 100%; padding: 10px 20px; height: auto; line-height: 24px; }
	/*#FOOTER .subsidiary_group li:nth-child(4) { padding-bottom: 0; }
	#FOOTER .subsidiary_group li:nth-child(5) { border-top: none; padding: 0 0 10px 20px; }
	#FOOTER .subsidiary_group li:nth-child(5) .subsidiary_title { display: none; }*/
	#FOOTER .subsidiary_group li .subsidiary_title { margin-bottom: 0; }
	#FOOTER .f_menu li:after {margin: 0 5px;}
	#FOOTER .f_menu li a {font-size: 14px;}
	#FOOTER .address {font-size: 14px;}
    /*#FOOTER .btn_top{position: absolute; top:-30px; right:20px; }*/
    
    /* 4D */
    
    .tab_st01 .inner { gap: 5px;}
    .tab_st01 .inner li a { min-width: auto; height: 40px; line-height: 40px; font-size: 0.9375rem; padding: 0 15px}
    
    .tab_st02 .inner li { padding: 0 10px; }
	.tab_st02 .inner li a { font-size: 0.9375rem; }
	.tab_st02 .inner li a.hide { display: none; }
	.tab_st02.sabo { margin-top: 40px; }
	.tab_st02.sabo .inner li { padding: 0 10px; }
	
	.scroll_down { display: none}

	
	

}
@media all and (max-width: 374px) {
	#LNB.on .lnb_area{width:274px;}
	#LNB .lnb_inner .lnb_tab ul li a{width:137px;}
	#LNB .lnb_inner .lnb_tab ul li a.on{width:137px;}
    
    /* 4D */
    .tab_st02 .inner li { padding: 0 10px; }
    .tab_st02 .inner li a { font-size: 15px; }
    .tab_st02 .inner li a.hide { display: none; }
    .tab_st02.sabo { margin-top: 40px; }
    .tab_st02.sabo .inner li { padding: 0 5px; }

}



/* btn ########### */
.action_btn3 {display: inline-block; position: relative;}
.action_btn3 .lb_box { display: block; padding: 11px 15px;}
.action_btn3 .lb_box:after {content: ''; display: block; clear: both;}
.action_btn3 .lb {display: block; position: relative; z-index: 1; float: left; color:#333; font-weight: 300; letter-spacing: 0; font-size: 16px!important }
.action_btn3 .cir_lt, .action_btn3 .cir_rt {display: block; position: absolute; left: 0; top: 50%; width: 40px; height: 40px; margin-left: 0; background-color: #EFF4FF; border-radius: 20px; transform: translateY(-50%);}
.action_btn3 .cir_lt {width: 40px; opacity: 1; transition: width .3s ease .3s, opacity 0s ease .3s;}
.action_btn3 .cir_rt {width: 100%; opacity: 0; transition: width .3s ease 0s, opacity 0s ease .3s, left .3s ease 0s, margin-left .3s ease;}
.action_btn3:hover .cir_lt {width: 100%; opacity: 0; transition: width .3s ease 0s, opacity 0s ease .3s;}
.action_btn3:hover .cir_rt {left: 100%; margin-left: -40px; width: 40px; opacity: 1; transition: width .3s ease .3s, opacity 0s ease .3s, left .3s ease .3s, margin-left .3s ease .3s;}
.action_btn3 .ico_plus {display: block; position: relative; z-index: 1; float: right; width: 9px; height: 9px; margin: 8px 0 0 25px; background: url('../images/common/ico_plus.png') no-repeat; transition: transform .3s ease .15s;}
.action_btn3:hover .ico_plus {transform: rotate(90deg);}

.action_btn4 {display: inline-block; position: relative; z-index: 10; cursor: pointer}
.action_btn4 .lb_box { display: block; padding: 11px 15px;}
.action_btn4 .lb_box:after {content: ''; display: block; clear: both;}
.action_btn4 .lb {display: block; position: relative; z-index: 1; float: left; color:#c1c1c1; font-weight: 300; letter-spacing: 0 }
.action_btn4 .cir_lt, .action_btn3 .cir_rt {display: block; position: absolute; left: 0; top: 50%; width: 100%; height: 40px; margin-left: 0; background-color:rgba(255,255,255,0.08); border-radius: 20px; transform: translateY(-50%);}
.action_btn4 .cir_lt {width: 40px; opacity: 1; transition: width .3s ease .3s, opacity 0s ease .3s;}
.action_btn4 .cir_rt {width: 100%; opacity: 0; transition: width .3s ease 0s, opacity 0s ease .3s, left .3s ease 0s, margin-left .3s ease;}
.action_btn4:hover .cir_lt {width: 100%; opacity: 1; transition: width .3s ease 0s, opacity 0s ease .3s; background-color:rgba(255,255,255,0.2);}
.action_btn4:hover .cir_rt {left: 100%; margin-left: -40px; width: 40px; opacity: 1; transition: width .3s ease .3s, opacity 0s ease .3s, left .3s ease .3s, margin-left .3s ease .3s;}
.action_btn4 .ico_plus {display: block; position: relative; z-index: 1; float: right; width: 9px; height: 9px; margin: 8px 0 0 25px; background: url('../images/common/ico_plus_4.png') no-repeat; transition: transform .3s ease .15s;}
.action_btn4:hover .ico_plus {transform: rotate(90deg);}

  .btn.gray {
    border: solid 1px #cccccc;
    color: #1a1a1a;
    background: transparent;
	font-size: 14px!important;padding: 6px 20px 8px; border-radius: 30px; letter-spacing: 0.03em
  }
  .btn.gray:hover {
    border: solid 1px #cccccc;
    background: #f5f5f5;
  }

  .btn.grayW {
    border: solid 1px rgba(99,99,99,1.00);
    color:rgba(255,255,255,0.7);
    background: transparent;
	font-size: 14px!important;padding: 6px 20px 8px; border-radius: 30px; letter-spacing: 0.03em
  }
  .btn.grayW:hover {
    border: solid 1px #cccccc;
    background:rgba(255,255,255,0.20);
  }

.btn_more.on {
    transform: translateY(0);
    opacity: 1;
}

.btn_more_txt {  
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: #000;
	opacity: 1;
}

.btn_more_txt:after {
    content: '';
	display: inline-block;	
	width: 40px;
    height: 13px;
    background: url(../images/common/ico_arrow_bk_right.png) 0 0 no-repeat;
    background-size: 21%; margin-left: 5px; margin-right: -20px
    ;}

.btn_more_txt:hover {
    text-decoration: underline;
    text-decoration-thickness: from-font;
}


/* btn ########### */
.btn_center { width: 100%; text-align: center; display: flex; gap: 10px; justify-content: center; padding-bottom: 50px}
.btn_b { position: relative; display: inline-block; height: 55px; line-height: 53px; border: 1px solid #005bac; background-color: #005bac; color: #FFF; font-weight: 700; padding: 0 50px; }
.btn_w { position: relative; display: inline-block; height: 55px; line-height: 53px; border: 1px solid #005bac; background-color: #FFF; color: #005bac; font-weight: 700; padding: 0 50px; }
.btn_b span,
.btn_w span { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 0 50px; height: 53px; transform: scaleX(0); transition: all 0.3s ease-out; overflow: hidden; z-index: -1; }

.btn_g { position: relative; display: inline-block;  border: 0px solid #005bac; background-color:rgba(0,0,0,0.7); color: #fff; font-weight: 700; padding: 0 50px; border-radius: 40px; font-size: 1.125rem; padding: 12px 50px }
.btn_gw { position: relative; display: inline-block;  border: 1px solid rgba(0,0,0,0.7); background-color: #FFF; color: #222; font-weight: 700; padding: 0 50px;border-radius: 40px; font-size: 1.125rem; padding: 12px 50px }
.btn_gw_m { position: relative; display: inline-block;  border: 1px solid rgba(0,0,0,0.7); background-color: #FFF; color: #222; font-weight: 600; padding: 0 50px;border-radius: 40px; font-size: 15px; padding: 12px 50px }
/*.btn_g span, .btn_gw span { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 0 50px; height: 53px; transform: scaleY(1); transition: all 0.3s ease-out; overflow: hidden; z-index: -1; border-radius: 40px}*/
.btn_gw_s { position: relative; border: 1px solid rgba(0,0,0,0.7); background-color: #FFF; color: #222; font-weight: 600; border-radius: 40px; font-size: 15px; padding: 7px 15px; margin: 0 5px }
.btn_gw_s_openwin { position: relative; border: 1px solid rgba(0,0,0,0.7); background-color: #FFF; color: #222; font-weight: 600; border-radius: 40px; font-size: 15px; padding: 7px 15px; margin: 0 5px; background: url(../images/common/icon-openwin.svg) 85px 12px no-repeat; padding: 10px 40px 10px 20px;  }

@media screen and (min-width: 1025px) {
  .btn_b:hover { color: #005bac; z-index: 1; }
  .btn_b:hover span { background-color: #FFF; transform: scaleX(1); }
  .btn_w:hover { color: #FFF; z-index: 1; }
  .btn_w:hover span { background-color: #005bac; transform: scaleX(1); }
  .btn_g:hover { color: rgba(255,255,255,0.9);z-index: 1; background-color: rgba(0,0,0,1.00) }
  .btn_g:hover span { background-color: #005bac;  }
  .btn_gw:hover { color: rgba(0,0,0,0.9);z-index: 1; background-color: rgba(0,0,0,.05) }
  .btn_gw:hover span { background-color: #005bac;  }
  .btn_gw_s:hover {  color: rgba(0,0,0,0.9); background-color: rgba(0,0,0,.05)  }
  .btn_gw_s_openwin:hover {  color: rgba(0,0,0,0.9); background-color: rgba(0,0,0,.05)  }
}

@media screen and (max-width: 768px) {
	.btn_b { height: 40px; line-height: 38px; padding: 0 30px; font-size: 15px; }
	.btn_w { height: 40px; line-height: 38px; padding: 0 30px; font-size: 15px; }
	
	.btn_g { font-size: 15px; padding: 12px 30px }
	.btn_gw { font-size: 15px; padding: 12px 30px }
	.btn_gw_m {font-size: 14px; padding: 12px 30px }
	.btn_gw_s {  font-size: 13px; padding: 5px 7px; margin: 2px 0px 5px; border: 1px solid rgba(0,0,0,0.2); }
	.btn_gw_s_openwin {font-size: 13px; margin: 2px 0px 5px; background: url(../images/common/icon-openwin.svg) 55px 8px no-repeat; padding: 5px 25px 5px 7px; border: 1px solid rgba(0,0,0,0.2); }
	

}
/*
	popup
 ----------------------------------------*/
.popup { position: fixed; z-index: 200; left: 50%; top: 50%; display: none; }
.all_body { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.7); z-index: 100; }
.btn_pop_close { position: absolute; top: 15px; right: 15px; background: url("../images/popup/btn_close.png") left top no-repeat; background-size: 20px; width: 20px; height: 20px; display: block; text-indent: -99999px; z-index: 10; }
.btn_pop_close.btn_pop_close2 { background: url("../images/popup/btn_close2.png") left top no-repeat; background-size: 20px; }

@media screen and (max-width: 768px) {
	.popup  { width: 95%; min-width: 300px; }
}

/*	btn_top*/
.btn_top { display: none; position: fixed; z-index: 51;bottom: 65px; right: 10px; width:35px; height: 35px; border: 1px solid #e5e6e8; background: #FFF url("../images/common/btn_top.png") 50% 50% no-repeat; background-size: 10px 12px; text-indent: -99999px; border-radius: 50px}
.btn_top:hover { background: #005bac url("../images/common/btn_top_on.png") 50% 50% no-repeat; background-size:10px 12px; border: 1px solid #005bac; }
.btn_top.Business  { display: block; position: fixed; z-index: 51;bottom: 1.5rem; right: 10px; width:35px; height: 35px; border: 1px solid #e5e6e8; background: #FFF url("../images/common/btn_top.png") 50% 50% no-repeat; background-size: 10px 12px; text-indent: -99999px; border-radius: 50px; opacity: .5;}
.btn_top.Business:hover { background: #005bac url("../images/common/btn_top_on.png") 50% 50% no-repeat; background-size:10px 12px; border: 1px solid #005bac; }


@media screen and (max-width: 768px) {
  .btn_top { width: 35px; height: 35px; background-size: 35%; right: 50%; transform: translate(50%, 0); bottom:5px; opacity: .5; }
  .btn_top:hover { background-size: 35% }
  .btn_top.Business { display: none; width: 35px; height: 35px; background-size: 35%; right: 50%; transform: translate(50%, 0); bottom:5px; opacity: .5; }
  .btn_top.Business:hover { background-size: 35% }
}
.ellipsis {display: inline-block; max-width:100%;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;}
.ellipsis_line{
	position: relative;
	transition: all 0.3s;
	white-space: normal;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.ellipsis_line3{
	position: relative;
	/*font-size: 14px;*/
	transition: all 0.3s;
	white-space: normal;
	word-wrap: break-word;
	line-height: 25px;
	max-height: 100px;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}