@charset "utf-8";

body.open {overflow:hidden;}

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

/* header */
#header {width:100%; position:fixed; left:0; top:0; z-index:99; height:130px; transition:0.5s;}
#header .con {text-align:right; position:relative; width:100%;}
#header:after {content:""; display:block; clear:both;}
#header .gnb {display: inline-block; vertical-align: top; position:relative; margin-top:50px; margin-right:250px;}
#header .gnb ul.main_menu {display: inline-block; font-size:0; }
#header .gnb ul.main_menu li {display: inline-block; text-align:center;}
#header .gnb ul.main_menu li a {display: inline-block; width:100%; font-weight:500; font-size:18px; line-height:80px; color:#fff; color:#000;/*padding:0 40px;*/ padding:0 45px; position:relative;}
#wrap.wrap-main #header .gnb ul.main_menu li a {color:#000;}
#header .gnb ul.main_menu li:hover a:after {content:""; width:100%; height:2px; background:#e21318; position:absolute; left:0; bottom:0;}
#header .logo {display: inline-block; vertical-align: top; position:absolute; left:125px; top:40px;}
#header .logo .logo_img {}
#header .logo .logo_img img.normal {display:none;}
#header .logo .logo_img img.white {}
#wrap.wrap-main #header .logo .logo_img img.normal {display:block;}
#wrap.wrap-main #header .logo .logo_img img.white {display:none;}

#header .sub_menu_bg {position:absolute; display:none; left:0; top:130px; width:100%; height:270px; background:#fff; opacity:0.95;}
#header .gnb .sub_menu {display:none; position:absolute; left:0; top:100%; font-size:0; width:100%; height:250px; /*border-left:1px solid #e1e1e1;*/ padding-top:10px;}
#header .gnb .sub_menu ul{display: inline-block; padding-top:20px; height:100%; vertical-align: top;}
#header .gnb .sub_menu ul:nth-child(1){width: 20%;}
#header .gnb .sub_menu ul:nth-child(2){width: 20%;}
#header .gnb .sub_menu ul:nth-child(3){width: 24%;}
#header .gnb .sub_menu ul:nth-child(4){width: 16%;}
#header .gnb .sub_menu ul:nth-child(5){width: 20%;}
#header .gnb .sub_menu ul li {display: inline-block; width:100%;}
#header .gnb .sub_menu ul li a {font-size:14px; color:#444444; width:100%; text-align:center; line-height:30px; display: inline-block;}
#header .gnb .sub_menu ul li a span{font-size: 12px;}
#header .gnb .sub_menu ul li a:hover {color:#e21318;}

#header .right_menu {display: inline-block; position:absolute; right:140px; top:41px; }
#header .right_menu .lang_box {display: inline-block; position:absolute; top:-20px; right:12px;}
#header .right_menu .lang_box a {color:#fff; color:#000;}
#wrap.wrap-main #header .right_menu .lang_box a {color:#000;}
#header .right_menu .menu_box {display: inline-block;position:relative;}
#header .right_menu .switch_box {display: inline-block; position:absolute; top:-23px; right:87px;}
#header .right_menu .switch_box a {color:#fff; font-size:13px; background:#e21318; line-height:22px; display: inline-block; text-align:center; letter-spacing:0; white-space: nowrap; padding: 0 15px 3px;}

.set_nav_btn {width:53px;height:53px;top:8px;right:10px;cursor:pointer;z-index:30; position:absolute;}
.set_nav_btn .line {width:30px;height:2px;top:16px;left:14px;background-color:#fff; background:#000; position:absolute;}
#wrap.wrap-main #header .set_nav_btn .line {background:#000;}
#mo_header .mo_en {color:#fff; position:absolute; right:77px; top:24px; font-size:20px; font-weight:500;}
#mo_header .set_nav_btn .line {background:#fff;}
.set_nav_btn .line + .line {top:24.5px;}
.set_nav_btn .line + .line + .line{top:34px;}
.ab {position:absolute;}
.bar {
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
    }
    .set_nav_btn.on .top {
      -webkit-transform: translateY(9px) rotateZ(45deg);
      -moz-transform: translateY(9px) rotateZ(45deg);
      -ms-transform: translateY(9px) rotateZ(45deg);
      -o-transform: translateY(9px) rotateZ(45deg);
      transform: translateY(9px) rotateZ(45deg);
      
    }
    .set_nav_btn.on .bottom {
      -webkit-transform: translateY(-9px) rotateZ(-45deg);
      -moz-transform: translateY(-9px) rotateZ(-45deg);
      -ms-transform: translateY(-9px) rotateZ(-45deg);
      -o-transform: translateY(-9px) rotateZ(-45deg);
      transform: translateY(-9px) rotateZ(-45deg);
    }
    .set_nav_btn.on .middle {
      display:none;
      width:0;
    } 

/* 헤더 호버시 */
#header.white {background:#f2f4f5; border-bottom:1px solid #bbbbbb;}
#header.white .gnb ul.main_menu li a {color:#333333;}
#header.white .set_nav_btn .line {background:#000;}
#header.white .right_menu .lang_box a {color:#000;}
#header.white .logo .logo_img img.normal {display:block;}
#header.white .logo .logo_img img.white {display:none;}

#header.scroll {background:#f2f4f5; border-bottom:1px solid #bbbbbb;}
#header.scroll .gnb ul.main_menu li a {color:#333333;}
#header.scroll .set_nav_btn .line {background:#000;}
#header.scroll .right_menu .lang_box a {color:#000;}
#header.scroll .logo .logo_img img.normal {display:block;}
#header.scroll .logo .logo_img img.white {display:none;}

/* 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:20%; display: inline-block;vertical-align: top; border-right:1px solid #608bcc; text-align: center; 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 a span{font-size: 18px;}
#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; font-size:40px; color:#fff;}

/* mo_header */
#mo_header {display:none; position:fixed; left:0; top:0; z-index:99; width:100%;     background: rgba(0,0,0,0.3);}
#mo_header .logo {display: inline-block; margin-top:15px; margin-left:15px; padding-bottom:15px; height:55px;}
#mo_header .logo img {max-width:100%; max-height:100%;}
#mo_header .logo img.normal {display:none;}
#mo_header .logo img.white {display:block;}
#mo_header .menu {float:right; margin-top:30px; margin-right:3px; cursor:pointer;}

#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; font-size:35px;}
#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;}*/
#mo_menu .switch_menu {margin-top:20px; text-align:right; padding-right:30px;}
#mo_menu .switch_menu a {    color: #fff; font-size: 14px; background: #e21318; line-height: 28px; display: inline-block; padding:0 20px;}

#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:#e21318;}
#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;}

.sidebar{position: fixed; z-index: 11; top: 129px; right: 50px; width: 100px; border: 1px solid #e1e1e1; text-align: center; border-radius: 10px; overflow: hidden;}
.sidebar .side_logo{background-color: #bbbbbb; padding: 30px 10px 20px; transition: 0.5s ease-in;}
.sidebar ul{background-color: #fff;}
.sidebar ul li {height: 60px; display: flex; justify-content: center; flex-wrap: wrap; transition: 0.5s ease-in; font-size: 14px;}

.sidebar ul li:not(:last-child)::after{content: ''; border-bottom: 1px solid #e1e1e1; width: 75px; margin: 0;}
.sidebar ul li:not(:last-child) a{line-height: 60px;}
.sidebar ul li:last-child{padding: 20px 0; height: 80px;}
.sidebar ul li p{padding-bottom: 10px;}
.sidebar ul li span{color: red;}
.sidebar #topBtn{height: 60px; width: 100px; background-color: #fff; border: 0; border-radius: 0 0 10px 10px; font-size: 20px; transition: 0.5s ease-in;display: flex; align-items: center; justify-content: center;}
.sidebar div:hover { background-color: #fff;}
.sidebar ul li:hover,.sidebar #topBtn:hover{background-color: #666666;}
.sidebar ul li:hover a,
.sidebar ul li:hover a span{color: #fff;}
.sidebar #topBtn:hover{cursor: pointer;}


/* footer */
footer {background:#919293;}
footer .f_top { font-size:0; padding-bottom:55px; padding-top:40px;}
footer .f_top .con {position:relative;}
footer .f_top .con:after {content:""; display:block; clear:both;}
footer .f_top .f_left {display: inline-block;}
footer .f_top .f_left .ftext {}
footer .f_top .f_left .ftext .ft1 {color:#fff; font-size:16px; font-weight:100; line-height:30px; letter-spacing:0;}
footer .f_top .f_left .ftext .ft1 b {font-weight:400;}
footer .f_top .f_right {position:absolute; right:0; bottom:-30px;}
footer .f_top .f_right .flogo {}
footer .f_top .f_right .flogo img {max-width:100%; height:auto;}
footer .f_top .copyright {font-weight:100; font-size:16px; letter-spacing:0; color:#fff; margin-top:5px;}

.btn-wrap {}
.btn-wrap .btn {display: inline-block; outline:none; background:none;}