@charset "utf-8";

body.open {overflow:hidden;}

#wrap {position:relative;}
.container {width:100%; position:relative; z-index:10;}
.con {margin:0 auto; width:1480px;}

/* header */
#header {width:100%; position:absolute; left:0; top:0; z-index:100; transition:0.5s;    /*transition-delay: 1s;*/}
#wrap.main #header {background:rgba(0,0,0,0.08);}
#header.on {top:-100px;}
#header:after {content:""; display:block; clear:both;}
#header .con {text-align:center; height: 100px; width: 1640px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
#header .gnb {display: inline-block; vertical-align: top; position:relative;}
#header .gnb ul.main_menu {align-items: center; display: flex; font-size:0; justify-content: right;}
#header .gnb ul.main_menu li:not(:first-child){margin-left: 4.57%;}
#header .gnb ul.main_menu li {display: block; text-align:center;}
#header .gnb ul.main_menu li a {display: block; width:100%; font-weight:700; font-size:16px; color:#fff; /*width:180px;*/ position:relative; z-index:1;}
#header .gnb ul.main_menu li a::after {top: 35px; content:none; z-index:1; position:absolute; left:50%; bottom:-10px; transform:translateX(-50%); display:inline-block; background:url("/assets/images/main-menu-arrow.png") no-repeat; width:28px; height:34px;}
#header .gnb ul.main_menu li a.on::after {content:""; }
#header .logo {display: block;}
#header .logo .logo_img {display: block;}
#header .logo .logo_img img {max-width: 200px; width: 100%; height:auto;}
#header .logo .logo_img img.white {display:none;}
#header .logo .logo_txt {color:#fff; font-size:16px; font-weight:400; display: inline-block; vertical-align: top; padding-top:7px; word-spacing:5px;}
#header .logo .logo_txt .ll {font-style:italic; color:#fff;}
#header .right_menu {display: flex; align-items: center; vertical-align: top; justify-content: space-between;}
#header .right_menu > div {display: block; margin-left: 30px;}
#header .right_menu > div a img{max-width: 180px; width: 100%;}
/* #header .right_menu .catalog-down {position:absolute; top:50%; transform:translateY(-50%); right:0;} */
/* #header .right_menu .lang_box {position:absolute; top:50%; transform:translateY(-50%); left:0;} */
#header .right_menu .lang_box .lang_tit {width: 100%; cursor:pointer; display: flex;}
#header .right_menu .lang_box .lang_tit .ic {display: inline-block; padding-right:7px; vertical-align: middle;}
#header .right_menu .lang_box .lang_tit .ic img.white {display:none;}
#header .right_menu .lang_box .lang_tit .lang_name {display: inline-block; font-weight:600; color:#ffffff; font-size:14px;}
#header .right_menu .lang_box .lang_tit .lang_name:first-child {margin-right:15px;}
#header .right_menu .lang_box .lang_tit .lang_name a {display: inline-block; font-weight:600; color:#ffffff; font-size:14px; position:relative;}
#header .right_menu .lang_box .lang_tit .lang_name.on a {color:#DB2029; border-bottom:1px solid #DB2029; padding-bottom:3px;}

#header .right_menu .link_box {display:inline-block;}
#header .right_menu .link_box a {color:#fff; font-family: 'Roboto', sans-serif; font-weight:900; font-size:14px; padding:0 25px;}

#header .right_menu .menu_box {padding:0 30px; background:rgba(0,0,0,0.2); cursor:pointer;}
#header .right_menu .menu_box img {line-height:100px;}
#header .right_menu .menu_box img.white {display:none;}

#header .sub_menu_bg {position:absolute; display:none; left:0; top:101px; width:100%; height:350px; background:#fff;}
#header .sub_menu {font-size:0; width:1620px; margin:0 auto;}
#header .sub_menu .sub_menu_box {display:none; padding-top:48px; padding-bottom:10px;}
#header .depth1 {text-align:left;}
#header .depth1 > li {width:385px; display: inline-block; vertical-align: top; margin:0 10px 30px;}
#header .depth1-tit {border:1px solid #70707061; border-radius:10px; text-align:left;}
#header .depth1-tit > a {font-size:16px; font-weight:600; color:#333333; line-height:60px; padding:0 30px; display: inline-block; width:100%; position:relative;}
#header .depth1-tit > a .ic {position:absolute; right:30px; top:50%; transform:translateY(-50%); color:#CCCCCC;}
#header .depth1-con {padding-left:30px;}
#header .depth2 {margin-top:20px;}
#header .depth2 li {margin-bottom:18px;}
#header .depth2 li a {font-size:16px; font-weight:500; line-height:1.56; color:#666666;}

#header .sub_menu_con {}

/* 헤더 삼등분 */
/* #header .logo {position:absolute; left:37px; top:20px;}
#header .gnb {}
logo#header .right_menu {position:absolute; right:50px; top:0; height:100px; width:300px;} */
#header .logo {width: 12.19%;}
#header .gnb {width: 71.95%; padding-right: 5.93%; box-sizing: border-box;}
#header .right_menu {width: 15.86%;}

/* 헤더 white */
#header.white {background:#fff !Important; 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 a {color:#999999;}
#header.white .right_menu .lang_box .lang_tit .lang_name.on a {color:#DB2029;}
#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;}

#sub-header {position:absolute; left:0; top:100%; width:100%; background:#F8F8F8; }
#sub-header .sub-header-con { }

/* mo_header */
#mo_header {display:none; position:absolute; left:0; top:0; z-index:99; width:100%; background:rgba(0,0,0,0.3); padding-bottom:13px;}
#mo_header .con {text-align:left;}
#mo_header .logo {display:inline-block; margin-top:15px; margin-left:15px;}
.set_nav_btn {width:33px; height:100%; top:0px; right:15px; cursor: pointer; z-index: 30; /* border-right: 1px solid #dddddd; */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 .logo {background:#fff; display: inline-block; vertical-align: top; padding:30px 0px; width:100%; margin-left:6%;}
#mo_menu .mo_close {position:absolute; right:18px; top:18px; cursor:pointer; width:45px; right:27px; top:39px;}
#mo_menu .mo_close img {max-width:100%; height:auto;}
#mo_menu .logo .logo_img {display: inline-block; width:auto;}
#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 .logo img.normal {}
#mo_header .logo img.white {display:none;}
#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:55px;}
#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:0 25px; 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.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;}
#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%;}
#mo_menu .etc_menu ul li .link_box {display:table; width:100%; background:#f5f5f5;}
#mo_menu .etc_menu ul li .link_box .img {display:table-cell; height:120px; vertical-align:middle; width:100%;}
#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;}

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


/* footer */
#footer {background:#F6F6F6; padding:40px 0 0 0;}
#footer .con {width:1640px;}
#footer .footer-1 {text-align:left;}
#footer .footer-1 .flogo {display: inline-block;}
#footer .footer-1 .fmenu {float:right;}
#footer .footer-1 .fmenu ul {}
#footer .footer-1 .fmenu ul:after {content:""; display:block; clear:both;}
#footer .footer-1 .fmenu ul li {float:left;}
#footer .footer-1 .fmenu ul li:not(:first-child){margin-left: 24px;}
#footer .footer-1 .fmenu ul li a {display: inline-block; line-height:25px; font-size:16px; font-weight:600; color:#CCCCCC;}
#footer .footer-1 .fmenu ul li:first-child a {color:#000;}
#footer .footer-1 .fmenu ul li a:hover {color:#000;}
#footer .footer-2 {margin-top:75px;}
#footer .footer-2 .fcustomer {position:relative; padding-left:225px;}
#footer .footer-2 .fcustomer:after {content:""; display:block; clear:both;}
#footer .footer-2 .fcustomer .name {text-align:left; width:200px; float:left; position:absolute; left:0; top:0;}
#footer .footer-2 .fcustomer .name .t1 {font-size:20px; color:#666666; font-weight:500;}
#footer .footer-2 .fcustomer .name .t2 {float:right; margin-top:45px;}
#footer .footer-2 .fcustomer .name .t2 a {display:flex; align-items: center; }
#footer .footer-2 .fcustomer .name .t2 a img {margin-left:10px;}
#footer .footer-2 .fcustomer .list {float:left;}
#footer .footer-2 .fcustomer .list ul {display:flex;}
#footer .footer-2 .fcustomer .list ul li {background:#fff; display:flex; width:275px; height:100px; justify-content: center; align-items: center; margin-right:12px;}
#footer .footer-2 .fcustomer .list ul li:last-child {margin-right:0;}
#footer .footer-2 .fcustomer .list ul li img {max-height:45px;}
#footer .footer-3 {margin-top:88px;}
#footer .footer-3 .con:after {content:""; display:block; clear:both;}
#footer .footer-3 .t1 {float:left; font-weight:500; font-size:20px; line-height:30px; color:#666666;}
#footer .footer-3 .t2 {float:none; overflow:hidden; font-weight:275; font-size:14px; line-height:24px; padding-left:5%;}
/* #footer .footer-3 .con {position:relative; padding-left:805px;} */
/* #footer .footer-3 .left {width:685px; float:left; position:absolute; left:0; top:0;} */
#footer .footer-3 .con{display: flex;}
#footer .footer-3 .con > div{width: 48%;}
#footer .footer-3 .con .right{margin-left: 4%;}
#footer .footer-3 .right {float:left; width:920px;}
#footer .footer-3 .right .t2 ul {display: flex; flex-wrap: wrap;}
#footer .footer-3 .right .t2 ul:after {content:""; display:block; clear:both;}
#footer .footer-3 .right .t2 ul li {position:relative; padding-left:30px; color:#666666; font-size:12px; font-weight:275; line-height:18px; margin-bottom:17px; letter-spacing:0; float:left; width:50%;}
#footer .footer-3 .right .t2 ul li .ic {position:absolute; left:0; font-size:15px; text-align:center; display: inline-block; width:22px; color:#666666;}
#footer .footer-4 {margin-top:76px; background:#EBEBEB;}
#footer .footer-4 .con {text-align:left;}
#footer .footer-4 .copyright {color:#333333; font-weight:275px; font-size:14px; line-height:50px; height:50px; display: inline-block;}
#footer .footer-4 .sns {float:right;}
#footer .footer-4 .sns ul {}
#footer .footer-4 .sns ul:after {content:""; display:block; clear:both;}
#footer .footer-4 .sns ul li {float:left;}
#footer .footer-4 .sns ul li a {line-height:50px; display: inline-block; color:#666666; font-size:12px; padding:0 23px; position:relative;}
#footer .footer-4 .sns ul li a:after {content:""; background:#CCCCCC; width:1px; height:15px; display: inline-block; position:absolute; right:0; top:17px;}
#footer .footer-4 .sns ul li:last-child a:after {content:none;}



body.active{overflow: hidden;}
.header_mo{display: none;}
.header_mo.on,
.header_mo.on .top,
.header_mo.on .hamburger{top:-80px;}

.header_mo.on.active,
.header_mo.on.active .top{top:0px;}
.header_mo.on.active .hamburger{top: 30px;}

/* 햄버거 버튼 */
.header_mo .hamburger{cursor: pointer; background-color: transparent; border: none; padding: 0; width: 20px; display: block; position: fixed; top: 30px; right: 6%;}
.header_mo .hamburger span{display: block; width: 20px; border-bottom: 3px solid #aaaaaa; transition: all 0.4s;}
.header_mo .hamburger span:not(:last-child){margin-bottom: 4px;}
.header_mo.active .hamburger span{border-color: #DB2029;}
.header_mo.active .hamburger span:nth-child(1){transform: translateY(8px) rotate(45deg);}
.header_mo.active .hamburger span:nth-child(3){transform: translateY(1px) rotate(-45deg);}
.header_mo.active .hamburger span:nth-child(2){display: none;}   
/* 햄버거 버튼 */

.header_mo{position: fixed; height: 80px; width: 100%; left: 0; top: 0; z-index: 999; font-family: 'pretendard'; background-color: #fff; padding: 0 6%; box-sizing: border-box;}
.header_mo.active{height: 100%;}
.header_mo .top{left: 0; top: 0; display: flex; align-items: center; padding: 0 5%; justify-content: space-between; position: fixed; width: 100%; height: 80px; background-color: #fff;}
.header_mo .top h1{max-width: 150px;}
.header_mo .top h1 a{display: block; line-height: 0;}
.header_mo .top h1 a img{width: 100%; line-height: 0;}
.header_mo .nav{background-color: #fff; position: fixed; width: 100%; height: calc(100% - 80px); top: 80px; left: 0;}
.header_mo .nav{display: none; padding: 0 5%; box-sizing: border-box; height: calc(100% - 75px); overflow-y: auto; overflow-x: hidden;}
.header_mo.active .nav{display: block;}
.header_mo .nav > ul{margin-top: 30px; padding-bottom: 30px;}
.header_mo .nav > ul li a{line-height: 50px; font-size: 17px; font-weight: 500; color: #555555; text-decoration: none;}    
.header_mo .nav > ul > li:not(:last-child){border-bottom: 1px solid #EEEEEE;}
.header_mo .nav > ul > li > a{display: block; position: relative;}
.header_mo .nav > ul > li > a.active{color: #DB2029;}
.header_mo .nav > ul > li > a > span:nth-child(2){position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.header_mo .nav > ul > li > a > span:nth-child(2) img{transform: rotate(0deg); transition: 0.5s ease-in-out;}
.header_mo .nav > ul > li > a.active > span:nth-child(2) img{transform: rotate(-180deg);}  
.header_mo .mo_sub_menu{display: none;}
.header_mo .nav .right_menu{justify-content: space-between; padding-bottom: 30px; align-items: center; display: flex; flex-wrap: wrap; width: 100%; position: sticky; top: 100%;}
.header_mo .nav .right_menu .lang_tit{display: flex; align-items: center;}
.header_mo .nav .right_menu .lang_tit .lang_name:not(:first-child){margin-left: 15px;}
.header_mo .nav .right_menu .lang_tit .lang_name a{display: block; padding: 10px 15px; border-radius: 5px; color: #DB2029; font-size: 14px;}
.header_mo .nav .right_menu .lang_tit .lang_name.on a{background-color: #DB2029; color: #fff;}
/* #mobile_header  */