@charset "utf-8";

body.open {overflow:hidden;}

#wrap {position:relative;}
.container {width:100%; position:relative; z-index:10; padding-top:184px;}
.con {margin:0 auto; width:1480px; position:relative;}
.entire {position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
/* header */
header {width:100%; position:fixed; left:0; top:0; z-index:99; background:none; transition:0.5s ease-out; background:#fff; border-bottom:1px solid #EEEEEE;}
header.on {top:-100px;}
header:after {content:""; display:block; clear:both;}
header .con {position:relative;}
header .logo {display: inline-block; vertical-align: top; width:259px;}
header .logo img {image-rendering: -webkit-optimize-contrast; max-width:100%;}

.header-topbar {background:#000; height:35px;}
.header-topbar ul {}
.header-topbar ul li {float:left;}
.header-topbar ul li a {color:#fff; width:194px; display:inline-block; line-height:35px; font-size:16px;font-weight:700; text-align:center;}
.header-topbar ul li.on a {background:#df1808;}

.header-section-1 {border-bottom:1px solid #EEEEEE;}
.header-section-1 .flex-box {display: flex; justify-content: space-between; align-items: center; height: 90px;}
.header-section-1 .sns-link {margin-right:10px;}
.header-section-1 .sns-link ul {font-size:0;}
.header-section-1 .sns-link ul li {display:inline-block; position:relative; position:relative;}
/* .header-section-1 .sns-link ul li::after {content:""; position:absolute; width:1px; height:15px; background:#eee;}
.header-section-1 .sns-link ul li:last-child::after {content:none;} */
.header-section-1 .sns-link ul li a {color:#999; padding:0 7.5px; font-size:14px; color:#999;}


.header-section-2 {}
.header-section-2 .flex-box {display: flex; justify-content: space-between; align-items: center; height: 58px;}
.header-section-2 .gnb {margin-left:-42px;}
.header-section-2 .gnb ul {font-size:0;}
.header-section-2 .gnb ul li {display:inline-block; vertical-align: top; text-align: center;}
.header-section-2 .gnb ul li:not(:last-child){width: 200px;}
.header-section-2 .gnb ul li a {color:#333333; font-size:18px; font-weight:700; line-height:60px; padding:0 42.5px;}
.header-section-2 .lang {margin-right:-8px;}
.header-section-2 .lang ul {font-size:0;}
.header-section-2 .lang ul li {display:inline-block; vertical-align: top; margin:0 8px;}
.header-section-2 .lang ul li a {color:#CCCCCC; font-size:16px; font-weight:700; line-height:60px; padding:0 5px;}
.header-section-2 .lang ul li.on a {color:#F79200;}
.header-section-2 .gnb ul li a img{image-rendering: -webkit-optimize-contrast; max-width:100%; vertical-align: middle; height: 24px; padding-right: 10px;}

.sub-header {background:#fff; font-size:0; border-top:1px solid #EEEEEE; /*margin-bottom:-1px;*/ display:none; position:absolute; left:0; top:100%; width:100%;}
.sub-header .con {}
.sub-header .sub-menu {display:none; background:#fff;}
.sub-header .sub-menu[style*='display: block'] { display: flex !important; }
.sub-header .sub-menu-name {background:#007CCC; min-height:363px; width:200px; position:relative;}
.sub-header .sub-menu-name::before {content:""; position:absolute; right:100%; top:0; height:100%; width:9999px; background:#007CCC;}
.public .sub-header .sub-menu-name {min-height:231px;}
.sub-header .sub-menu-name .box {display:flex; width:169px; justify-content: space-between; position:absolute; right:30px; top:40px;}
.sub-header .sub-menu-name .box .name {color:#fff; font-size:18px; font-weight:700;}
.sub-header .sub-menu-name .box .arr {color:#fff; font-size:18px;}
.sub-header .sub-menu-value {padding:40px 0 0 45px; min-height:363px; }
.sub-header .sub-menu-value ul {}
.sub-header .sub-menu-value ul li {margin-bottom:25px;}
.sub-header .sub-menu-value ul li a {color:#555555; font-size:16px; font-weight:600;}

.sub_header {background:#fff; display:none; position:absolute; left:-8px; width:100%;}
.sub_header .con {text-align:left;}
.sub_menu_wrap {display:flex;     justify-content: flex-end;  display: inline-block; font-size:0; padding-right:0; vertical-align: top; margin-left:-34px;}
.sub_menu_wrap .sub_menu_box {padding:15px 0 20px; display: inline-block; vertical-align: top; width:200px;}
.sub_menu_wrap .sub_menu_box .sub_menu {}
.sub_menu_wrap .sub_menu_box .sub_menu li {}
.sub_menu_wrap .sub_menu_box .sub_menu li a {font-size:16px; font-weight:600; color:#555555; padding:12px 0; text-align:center; display:inline-block; width:100%;}
.sub_menu_wrap .sub_menu_box .sub_menu li a:hover, .sub_menu_wrap .sub_menu_box .sub_menu li a.on {color:#0064F9;}


header .sub_menu_bg {position:absolute; display:none; left:0; top:101px; width:100%; height:350px; background:#fff;}
header .gnb .sub_menu {display:none; position:absolute; left:0; top:100%; font-size:0; width:100%; height:350px; border-left:1px solid #e1e1e1;}
header .gnb .sub_menu .sub_menu_box {display:none;}

header.scroll .header-section-1, header.scroll .header-topbar {display:none;}
header.scroll .logo {margin-right:0;}
header.scroll .logo a {height:60px; display:flex; justify-content: center; align-items: center;}
header.scroll .header-section-2 .gnb {margin-left:0;}
header.scroll .sub_header .con{left: 300px;}


/* 헤더 삼등분 */
/*header .logo {position:absolute; left:37px; top:0;}*/
header .gnb {}
/*header .right_menu {position:absolute; right:0; top:0;}*/

/* 헤더 white */
/*header.white {background:#fff; border-bottom:1px solid #e1e1e1;}*/
/*header.white .logo .logo_img img.normal {display:none;}*/
/*header.white .logo .logo_img img.white {display:block;}*/
/*header.white .right_menu .lang_box .lang_tit .ic img.normal {display:none;}*/
/*header.white .right_menu .lang_box .lang_tit .ic img.white {display:block;}*/
/*header.white .gnb ul li a {color:#111;}*/
/*header.white .right_menu .lang_box .lang_tit .lang_name {color:#111;}*/
/*header.white .right_menu .link_box a {color:#111;}*/
/*header.white .right_menu .menu_box {background:none;}*/
/*header.white .right_menu .menu_box img.normal {display:none;}*/
/*header.white .right_menu .menu_box img.white {display:inline-block;}*/

/*header.mainwhite {background:#fff; border-bottom:1px solid #e1e1e1;}*/
/*header.mainwhite .logo .logo_img img.normal {display:none;}*/
/*header.mainwhite .logo .logo_img img.white {display:block;}*/
/*header.mainwhite .right_menu .lang_box .lang_tit .ic img.normal {display:none;}*/
/*header.mainwhite .right_menu .lang_box .lang_tit .ic img.white {display:block;}*/
/*header.mainwhite .gnb ul li a {color:#111;}*/
/*header.mainwhite .right_menu .lang_box .lang_tit .lang_name {color:#111;}*/
/*header.mainwhite .right_menu .link_box a {color:#111;}*/
/*header.mainwhite .right_menu .menu_box {background:none;}*/
/*header.mainwhite .right_menu .menu_box img.normal {display:none;}*/
/*header.mainwhite .right_menu .menu_box img.white {display:inline-block;}*/
header.white {background:#fff; border-bottom:1px solid #EEEEEE; /*border-bottom:none;*/}
header.white .logo .logo_img img.normal {display:none;}
header.white .logo .logo_img img.color {display:inline;}
header.white .gnb ul.main_menu li a {color:#444;}
header.white .lang-dropbox .lang-dropbox-name {color:#444;}

header.only-white {background:#fff; border-bottom:1px solid #EEEEEE; /*border-bottom:none;*/}
header.only-white .logo .logo_img img.normal {display:none;}
header.only-white .logo .logo_img img.color {display:inline;}
header.only-white .gnb ul.main_menu li a {color:#444;}
header.only-white .lang-dropbox .lang-dropbox-name {color:#444;}

.main_menu li:hover .sub-menu-value{display: block;}
.sub-menu-value {padding:40px 0 0 45px; display: none; background-color: #fff; position: absolute; width: 100%;}
.sub-menu-value ul {}
.sub-menu-value ul li {margin-bottom:25px;}
.sub-menu-value ul li a {color:#555555; font-size:16px; font-weight:600;}

/* mo_header */
#mo_header {display:none; position:fixed; left:0; top:0; z-index:99; width:100%; background:rgb(255 255 255); box-shadow: rgb(0 0 0 / 18%) 1px 1px 10px;}
#mo_header .logo {width:300px; margin-left:20px;}
#mo_header .logo img {max-width:100%;}
#mo_header .logo img.normal {}
#mo_header .logo img.white {display:none;}
#mo_header .flex-con {display:flex;     justify-content: space-between; align-items: center; height:80px;}

.set_nav_btn {    justify-content: space-between; align-items: center; margin-right:20px; cursor:pointer; font-size:30px; color:#000;}
/*.set_nav_btn {width:33px; height:100%; top:0px; right:15px; cursor: pointer; z-index: 30; position: absolute;}*/
.set_nav_btn .line {   width: 33px; height: 3px; top: 26px;   left: 0; background-color: #fff; position: absolute;}
.set_nav_btn .line + .line { top: 34px; position: absolute;}
.set_nav_btn .line + .line + .line { top:42px; position: absolute;}


#mo_menu {display:none; position:absolute;   top:0; right:-100%; transition:all 0.4s ease;-webkit-transition: all 0.4s ease; background:#fff; width:76%; z-index:101; height:100%; padding-left:4%;}
#mo_menu.open {right:0; overflow-y:scroll; overflow-x:hidden;}
#mo_menu .mo-menu-top {position:relative; display:flex; align-items: center; justify-content: space-between; padding:20px 0;}
#mo_menu .logo {background:#fff; display: inline-block; vertical-align: top;}
#mo_menu .lang {display:flex; margin-right:100px;}
#mo_menu .lang a {font-size:35px; color:#CCCCCC; margin:0 10px;}
#mo_menu .lang a.on {color:#F79200;}
#mo_menu .mo_close {cursor:pointer; width:45px; position:absolute; top:30px; right:17px;}
#mo_menu .mo_close img {max-width:100%; height:auto;}
#mo_menu .logo .logo_img {display: inline-block; width:340px;}
#mo_menu .logo .logo_img img {max-width:100%; height:auto;}
#mo_menu .logo .logo_txt {color:#fff; font-size:16px; font-weight:400; display: inline-block; vertical-align: top; padding-top:13px; word-spacing:5px;}
#mo_menu .logo .logo_txt .ll {font-style:italic; color:#fff;}
/*#mo_menu .mo_menu_list {width:100%;  }*/
/*#mo_menu .mo_menu_list ul {width:100%; display: inline-block; vertical-align: top;  }*/
/*#mo_menu .mo_menu_list ul li {display: inline-block; width:100%; border-bottom:1px solid #eee;}*/
/*#mo_menu .mo_menu_list ul li a {display: inline-block; width:100%; font-size:24px; font-weight:400; line-height:65px; padding-left:30px;}*/

/* white mo_header */
#mo_header.mainwhite {background:none;}
#mo_header.mainwhite .logo img.normal {display:none;}
#mo_header.mainwhite .logo img.white {display:block;}
#mo_header.mainwhite .set_nav_btn .line {background:#000;}

#mo_menu .mo_menu_list {background:#fff; }
#menu_ul {margin-top:15px;}
#menu_ul li {border-bottom:1px solid #efefef; cursor:pointer;}
#menu_ul li.on {background:#fff;}
#menu_ul li .main_menu {text-align:left; height:100%; height:85px; position:relative;}
#menu_ul li .main_menu .link {display:inline-block; text-align:left; height:85px; position:absolute; left:0; top:0; width:100%; box-sizing:border-box;-moz-box-sizing:border-box; padding-right:92px; z-index:1;}
#menu_ul li .main_menu .link a {font-size:35px; font-weight:400; color:#232323;     line-height: 85px; display:inline-block; padding:0 0 0 7%; width:100%; box-sizing:border-box;-moz-box-sizing:border-box;}
#menu_ul li .main_menu .more {display:inline-block; vertical-align: top; float:right; position:relative; z-index:2;}
#menu_ul li .main_menu .more a {display:inline-block; padding:30px 25px 0; line-height: 85px;}
#mo_menu #menu_ul .sub_menu li a span.new_data {    font-family: 'Montserrat Black' !important;    font-size: 28px;    color: #009fd7;    margin-left: 2px;} /* NEW */
#menu_ul li.on .main_menu {background:#004fc5;}
#menu_ul li.on .main_menu .link a {color:#fff;}
#menu_ul li .sub_menu {display:none;}
#menu_ul li .main_menu_2 .link a img{ height: 24px; vertical-align: middle; padding-right: 10px;}
#menu_ul li .main_menu_2 {text-align:left; height:100%; height:85px; position:relative;}
#menu_ul li .main_menu_2 .link {display:inline-block; text-align:left; height:85px; position:absolute; left:0; top:0; width:100%; box-sizing:border-box;-moz-box-sizing:border-box; padding-right:92px; z-index:1;}
#menu_ul li .main_menu_2 .link a {font-size:35px; font-weight:400; color:#232323;     line-height: 85px; display:inline-block; padding:0 0 0 7%; width:100%; box-sizing:border-box;-moz-box-sizing:border-box;}
#menu_ul li .main_menu_2 .more {display:inline-block; vertical-align: top; float:right; position:relative; z-index:2;}
#menu_ul li .main_menu_2 .more a {display:inline-block; padding:0 25px; line-height: 85px;}
/* #menu_ul li.on .sub_menu  {display:block;} */
#menu_ul li .sub_menu li {text-align:left;}
#menu_ul li .sub_menu li a {line-height:80px; /* margin-left:80px; */ font-size:28px;     padding-left: 80px;    width: 100%;    box-sizing: border-box;-moz-box-sizing: border-box; display:inline-block; color:#444;}
#menu_ul li .sub_menu li a.on {font-size:28px;   color:#009fd7; }
#mo_menu .mo_down_btn { border-radius:5px; box-sizing:border-box;-moz-box-sizing:border-box; padding:0 15px; background:#f0f0f0; margin-top:45px; }
#mo_menu .mo_down_btn a {color:#fff; font-size:28px; line-height:90px;   display:inline-block; width:100%;background:#72bb2a; border-radius:5px;-moz-border-radius:5px; -ebkit-border-radius:5px;}
#mo_menu .mo_down_btn img {margin:0 10px; position:relative; bottom:5px;}
#mo_menu .menu_footer {width:100%; box-sizing:border-box;-moz-box-sizing:border-box; padding:0 20px; text-align:left; font-size:21px; color:#555555; line-height:29px; margin-top:80px; margin-bottom:30px;}
#mo_menu .m_footer_link {width:100%; padding:0 20px; box-sizing:border-box;-moz-box-sizing:border-box; margin-top:50px;}
#mo_menu .m_footer_link ul {width:100%; display:inline-block;}
#mo_menu .m_footer_link ul li {width:50%; float:left; text-align:left;}
#mo_menu .m_footer_link ul li a {font-size:36px;   line-height:120px; display:inline-block; text-align:left;}
#mo_menu .menu_footer .tel {margin-right:75px;}
#mo_menu .menu_footer .ftext {position:relative;}
#mo_menu .menu_footer span a {color:#555555; position:relative; margin-left:25px; display:inline-block;}
#mo_menu .menu_footer span span.lineh {width:1px; height:18px; background:#999999; display:inline-block; position:absolute; left:45px; top:7px;}


#mo_menu .etc_menu {margin-top:100px;}
#mo_menu .etc_menu ul {font-size:0;}
#mo_menu .etc_menu ul li {display: inline-block; vertical-align: top; text-align:center; width:46%; margin-right:4%; margin-bottom:4%; border-radius:10px; overflow:hidden;}
#mo_menu .etc_menu ul li .link_box {display:table; width:100%; background:#f5f5f5;}
#mo_menu .etc_menu ul li.on .link_box {background:#F79200;}
#mo_menu .etc_menu ul li .link_box .img {display:table-cell; height:120px; vertical-align:middle; width:100%; font-size:20px; color:#232323;}
#mo_menu .etc_menu ul li.on .link_box .img {color:#fff;}
#mo_menu .etc_menu ul li .link_box .txt {color:#232323; font-size:24px; font-weight:400; width:100%; display:table-row; height:50px;}
#mo_menu .mo_copyright {font-size:12px; text-align:center; line-height:80px; padding-bottom:30px;}


.mo_bb {display:none; z-index:100; background:rgba(0,0,0,0.5); width:100%; height:100%; position:fixed; left:0; top:0; cursor:pointer;}
.mo_bb.open {display:block;}

/* allmenu */
#allmenu {position:fixed; width:100%; height:100%; z-index:9999; left:0; top:0; background:#1e5cb9; display:none;}
#allmenu .con {font-size:0; width:1200px; margin:0 auto; position:absolute; left:0; top:0; bottom:0; right:0; height:50%; margin:auto;}
#allmenu dl {width:25%; display: inline-block;vertical-align: top; border-right:1px solid #608bcc; padding-left:40px; height:100%;}
#allmenu dl:last-child {border-right:none;} 
#allmenu dt {font-family: 'Roboto', sans-serif; color:#fff; font-size:42px; font-weight:400; margin-bottom:35px;}
#allmenu dt a {}
#allmenu dd {display: inline-block; width:100%;}
#allmenu dd a {color:#fff; font-size:22px; font-weight:300; line-height:60px;}
#allmenu dd ul {}
#allmenu dd ul li {display: inline-block; width:100%;}
#allmenu dd ul li a {display: inline-block; color:#b7d0f0; font-size:20px; font-weight:400; line-height:36px;}
#allmenu .close {position:absolute; right:135px; top:90px; cursor:pointer;}



/* footer */
.section05 {height:401px !Important;}
.section05 .fp-tableCell {height:401px !Important;}
#footer {border-top:1px solid #DDDDDD;}
#footer .con {}
#footer .footer-1 {background:#fff; padding:45px 0;} 
#footer .footer-1 .con {display:flex; justify-content: flex-start; align-items: flex-start;}
#footer .footer-1 .flogo {display: inline-block;}
#footer .footer-1 .flogo img {max-width:100%;}
#footer .footer-1 .left {width:295px;}
#footer .footer-1 .right {}
#footer .footer-1 .right .txt-1 {color:#222222; font-size:14px; font-weight:500; line-height:28px;}
#footer .footer-1 .right .txt-2 {color:#666666; font-size:14px; margin-top:50px;}
#footer .footer-1 .map-info {margin-top:60px;}
#footer .footer-1 .map-info dl {}
#footer .footer-1 .map-info dl dd {color:#aaaaaa; font-size:16px; font-weight:300; margin-bottom:25px;}
#footer .footer-1 .map-info dl dd span {color:#666666; margin-right:10px;}
#footer .footer-1 .fsitemap {}
#footer .footer-1 .fsitemap dl {display: inline-block;  vertical-align: top; margin:0 35px;}
#footer .footer-1 .fsitemap dt {margin-bottom:27px; text-align:center;}
#footer .footer-1 .fsitemap dt a {font-family: 'Montserrat', serif; font-weight:400; font-size:16px; color:#fff;}
#footer .footer-1 .fsitemap dd {margin-bottom:22px; text-align:center;}
#footer .footer-1 .fsitemap dd a {font-size:16px; font-weight:300; color:#fff; opacity:0.65;}
#footer .footer-2 {background:#121214;}
#footer .footer-2 .con {display:flex; justify-content: space-between;}
#footer .footer-2 .copyright {font-size:14px; color:#BBBBBB; line-height:50px; height:50px;}
#footer .footer-2 .copyright span {font-weight:400;}
#footer .footer-2 .flink {font-size:0;}
#footer .footer-2 .flink li {display: inline-block; position:relative;}
#footer .footer-2 .flink li::after {content:""; background:#393939; width:1px; height:15px; position:absolute; right:0; top:17px;}
#footer .footer-2 .flink li:last-child::after {content:none;}
#footer .footer-2 .flink li a {font-size:14px; color:#999999; padding:0 24px; line-height:50px;}

#footer.common-style .footer-1 {background:#F9F9F9;}
#footer.common-style .footer-1 .flogo .normal {display:none;}
#footer.common-style .footer-1 .flogo .gray {display:block;}
#footer.common-style .footer-2 {background-color: #fff;}
#footer.common-style .footer-1 .fsitemap dt a {color:#444444; opacity: 1;}
#footer.common-style .footer-1 .fsitemap dd a {color:#666666; opacity: 0.65;}
#footer.common-style .footer-2 .flink li::after {background:#ddd;}

/* 22-07-06 푸터수정 */
#footer.r2 {padding-bottom:40px; border-top:1px solid #DDDDDD;}
#footer.r2.page-6 {background:#FBFBFB;}
#footer.r2 .footer-1 {background:none; padding:40px 0 40px;}
#footer.r2 .footer-2 {background:none;}
#footer.r2 .footer-2 .flink li a {color:#666666; font-size:15px;}
#footer.r2 .footer-2 .flink li:first-child a {color:#FF9900; padding-left:0;}
#footer.r2 .footer-2 .flink li::after {background:#DDDDDD;}
#footer.r2 .footer-3 .copyright {color:#999999; font-size:14px; font-weight:200; letter-spacing:0;}
#footer.r2 .footer-3 .copyright span {font-weight:400;}


.error-404-wrap {text-align:center; padding:100px 0;}
.error-404-wrap h1 {font-size:30px;}
.error-404-wrap h2 {font-size:200px;}
.error-404-wrap p {font-size:30px; font-weight:700;}
.error-404-wrap button {}

.btn-wrap {margin:40px 0;}
.btn-wrap.left {text-align:left;}
.btn-wrap.right {text-align:right;}
.btn-wrap.center {text-align:center;}
.btn-wrap .button-white {border:1px solid #CCCCCC; border-radius:5px; text-align:center; font-size:13px; line-height:18px; padding:5px 30px; color:#999999; background:none; outline:none; cursor:pointer;}

.scrolltop { position: fixed; right: 40px; bottom: 40px; display: none; z-index: 9999; cursor: pointer; }

.tbl-tx table {table-layout:fixed; border:1px solid #222222; width: 1050px;}
.tbl-tx table th {background:#FBFBFB; font-size:18px; font-weight:600; color:#333; border-bottom: 1px solid#222222; padding: 15px; vertical-align: middle;}
.tbl-tx table td {font-weight:500; color:#444; font-weight:500; font-size:18px; line-height:30px; text-align: center; padding: 15px;}
.tbl-tx table th:not(:last-child),
.tbl-tx table td:not(:last-child){border-right: 1px solid #222222; vertical-align: middle;}