@charset "euc-kr";
@charset "utf-8";

.wrap {width:100%; height:100%; min-width:1240px; position:relative;}

/* header */
#header {width:100%; position:relative; z-index:6;}
.org {background:rgba(186,186,191,0.5);}
.black_bg {display:none; position:fixed; background:rgba(0,0,0,0.5); width:100%; height:100%; top:80px;}
/* 20-02-12 */
.white_bg {display:none; position:absolute; width:100%; height:510px; background:rgba(40,65,188,0.6); top:80px;}
.white_bg:after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(10,12,24,0.4);}
/* //20-02-12 */
.org .gnb_wrap .gnb .logo {float:left; width:279px;}
.org .gnb_wrap .gnb .logo a {margin:20px 60px 0 0; background:url("../img/logo.png") no-repeat; width:139px; height:42px; display:block; font-size:0;}
.gnb_wrap {height:80px;}
.gnb_wrap .gnb {width:1200px; left:50%; margin-left:-600px; position:absolute; top:0; z-index:10;}
/*.gnb_wrap .gnb > ul {max-width:1100px; height:100%; margin:0 auto;}*/
.gnb_wrap .gnb > ul > li {float:left;}
.gnb_wrap .gnb > ul > li:nth-child(1) {width:120px;}
.gnb_wrap .gnb > ul > li:nth-child(2) {width:130px;}
.gnb_wrap .gnb > ul > li:nth-child(3) {width:140px;}
.gnb_wrap .gnb > ul > li:nth-child(4) {width:140px;}
.gnb_wrap .gnb > ul > li:nth-child(5) {width:140px;}
.gnb_wrap .gnb > ul > li:nth-child(6) {width:100px;}
.gnb_wrap .gnb > ul > li > a {display:block; height:80px; line-height:80px; font-weight:500; color:#fff; font-size:14px; text-align:left; font-weight:bold; text-transform:uppercase;}
.gnb_wrap .gnb > ul > li:hover > a {color:#2462d5;}
.gnb_wrap .gnb > ul > li > ul { display:none; height:440px; padding-top:30px;}
.gnb_wrap .gnb > ul > li > ul li {line-height:32px;}
.gnb_wrap .gnb > ul > li > ul li span {display:block; height:80px; line-height:80px; font-weight:500; color:#2462d5; font-size:14px; text-align:left; font-weight:bold; text-transform:uppercase; }
/* 20-02-12 */
.gnb_wrap .gnb > ul > li > ul li + li { margin-top:39px;}
.gnb_wrap .gnb > ul > li > ul li a {display:block; width:100%; height:100%; font-size:16px; color:#ffffff; line-height:1.125;}
.gnb_wrap .gnb > ul > li > ul li a:hover {color:#20c374;}
.gnb_wrap .gnb .depth3 {padding:39px 0 0;}
.gnb_wrap .gnb .depth3 li { line-height:28px;}
.gnb_wrap .gnb .depth3 li + li { margin-top:18px;}
.gnb_wrap .gnb .depth3 li a { position:relative; width:auto; padding-left:10px; padding-right:10px; font-size:14px; color:rgba(255,255,255,0.5); line-height:1.14; letter-spacing:normal;}
.gnb_wrap .gnb .depth3 li a:before { content:''; display:block; position:absolute; left:0; top:7px; width:2px; height:2px; background:rgba(255,255,255,0.5)}
/* //20-02-12 */
.gnb .lang {position:absolute; top:30px; right:0px;}
.gnb .lang > a { font-size:14px; color:#111111; font-weight:bold;}
.gnb .lang > a:after { content:''; display:inline-block; width:9px; height:6px; margin-top:-2px; margin-left:12px; vertical-align:middle; background:url('../img/icon_header_lang.png') no-repeat; transition:all .3s ease;}
.gnb .lang .subLang { display:none; position:absolute; top:30px; left:-5px; border:1px solid #e5e5e5; background:#fff;}
.gnb .lang .subLang a { display:block; padding:5px 15px;}

.gnb .lang.on > a:after { transform:rotate(180deg);}


/* header on*/
.org.on {background:#fff;}
.org.on .gnb_wrap {border-bottom:1px solid #e5e5e5; height:79px;}
.org.on .gnb_wrap .gnb .logo a {background:url("../img/logo.jpg") no-repeat;}
.org.on .gnb_wrap .gnb > ul > li > a {color:#222;}
.org.on .gnb_wrap .gnb > ul > li:hover > a {color:#2462d5;}


/* sub_menu */
.sub_menu {position:relative; width:100%; height:60px; border-bottom:1px solid #ebebeb;}
.sub_menu:before { content:''; display:block; position:absolute; top:0; left:0; bottom:0; width:50%; background:#303030;}
.sub_menu .lnb_con { position:relative; z-index:2; width:1200px; height:60px; margin:0 auto; background:#fff;}
.sub_menu .lnb_con .here {display:block; width:160px; height:60px; line-height:60px; padding-left:20px; font-size:14px; color:#111; background:url("../img/sub_arrow.jpg") no-repeat 90% 50%; cursor:pointer;}
.sub_menu .lnb_con .home {float:left;width: 60px;}
.sub_menu .lnb_con ul {transition-duration:500ms; width:180px; height:0; overflow:hidden; position:absolute; top:60px; left:0; background:#fff; z-index:1;}
.sub_menu .lnb_con ul li:first-of-type {border-top:1px solid #ebebeb;}
.sub_menu .lnb_con ul li a {display:block; height:40px; text-align:left; line-height:40px; padding-left:20px; font-size:13px; color:#666; border:1px solid #ebebeb; border-top:0;}
.sub_menu .lnb_con .depth1 {width: 100%;position:relative;border-right:1px solid #ebebeb;max-width: 180px;}
.sub_menu .lnb_con .depth1 ul.view {height:206px;}
.sub_menu .lnb_con .depth2 {width: 100%;position:relative;border-right:1px solid #ebebeb;max-width: 240px;box-sizing: border-box;}
.sub_menu .lnb_con .depth2 ul {width:240px;}
.sub_menu .lnb_con .depth2 .here {width:220px; color:#222; font-weight:500;}
.sub_menu .lnb_con .dep2_1 ul.view {height:83px;}
.sub_menu .lnb_con .dep2_2 ul.view {height:124px;}
.sub_menu .lnb_con .dep2_3 ul.view {height:206px;}
.sub_menu .lnb_con .dep2_4 ul.view {height:42px;}
.sub_menu .lnb_con .depth3 {position:relative;border-right:1px solid #ebebeb;position: absolute;top: 0;left: 482px;}
.sub_menu .lnb_con .depth3 .here {color:#222; width:239px; font-weight:500;}
.sub_menu .lnb_con .depth3 ul {width:260px;}
.sub_menu .lnb_con .depth3 ul.view {height:124px;}

/* footer */
#footer {position:relative; margin:0px auto 0; background:#1d1d1e;}
#footer .footerBox { width:1200px; margin:0 auto;}
#footer .menu { padding:40px 0 60px;}
#footer .menu ul {font-size:0; display:inline-block;}
#footer .menu ul li {display:inline-block;}
#footer .menu ul li a {color:#fff; font-size:12px; font-weight:bold; border-right:1px solid #313132; padding:0 10px; line-height:1;} 
#footer .menu ul li:last-of-type a {border-right:0;}
#footer .menu .intranet {float:right;}
#footer .menu .intranet a {color:#fff; font-weight:500;}
#footer .info {padding:0px 0 50px 0; overflow:hidden;}
#footer .info .logo {float:left; margin-right:145px;}
#footer .info .right_txt {float:left; margin-top:10px; font-size:12px; color:#999; font-weight:400; line-height:20px; letter-spacing:0.3px;}
#footer .info .right_txt .bar {font-weight:normal; color:#e5e5e5; font-size:10px; margin:0 10px;}
#footer .info .right_txt .addr {color:#fff; font-weight:500;}
#footer .info .right_txt p {display:inline-block; color:#fff;}
#footer .info .right_txt .copy {display:block; font-weight:300; color:#b6b6b6;}
#footer .info .right_txt span {color:#fff; display:inline-block; font-weight:500;}
#footer .info .top_btn {float:right;}
.gnb-inner{display: flex;width: calc(100% - 60px);}