@charset "utf-8";

/* 
* layout CSS Document
* KOWEB
*/

body, html {height:100%;}
.inner {width:1465px; margin:0 auto; position:relative; height:100%;}

#wrap {overflow:hidden; width:100%;}
#wrap.main header {background:transparent;}
#wrap.main:after {content:''; position: fixed; right:100px; top:0; height:100%; width:1px; background:rgba(0, 0, 0, 0.2);}

/*header*/
header {position:fixed; top:0; left:0; height:100px; z-index:100; width:100%; background:#fff;}
header:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:rgba(0, 0, 0, 0.2); z-index:-1;}
header h1 {position:absolute; left:100px; top:50%; transform: translateY(-50%); width:162px; height:70px; z-index: 300;}
header h1 a {display:block; width:100%; height:100%; background: url(/images/common/ics_logo_black.png)no-repeat center left; background-size:contain;}
header nav ul.dept1 {display:flex; justify-content: center;}
header nav ul.dept1 > li {position: relative; height:100px;}
header nav ul.dept1 > li:after {content:''; position:absolute; bottom:0; left:50%; transform: translateX(-50%); width:0px; height:2px; background:#007db6; transition: 0.3s;}
header nav ul.dept1 > li:hover:after {width:100%;}
header nav ul.dept1 > li > a {display:block; color:#1b1b1b; font-size:20px; padding:35px 60px 0; font-family: 'Montserrat'; font-weight:500;}
header nav ul.dept2 {display:none; min-height:229px; position:absolute; left:0; width:100%; top:100px; text-align: center; padding:15px 0;}
header nav ul.dept2 > li {padding:10px;}
header nav ul.dept1 > li:hover ul.dept2 {background:#fafafa;}
header nav ul.dept2 > li > a {font-size:18px; color:#000; font-weight:300;}
header nav ul.dept2 > li:hover > a {color:#007db6; text-decoration: underline;}

header.on {background:#fff !important;}
header.on:after {background:rgba(0, 0, 0, 0.1);}
header.on h1 a {background:url(/images/common/ics_logo_black.png)no-repeat center left !important;}
header.on nav ul.dept1 > li > a {color:#000;}
header.on nav ul.dept2 {display:block;}
header.on #mNaviOpen span.line {background:#1b1b1b !important;}

/* Language */
header .langBox {position: absolute; right: 132px; top: 34px; cursor: pointer;}
header .langBox.en {display: none;}
header .langBox a {font-size: 15px; color: #1e1e1e; width: 100px; height: 35px; border-radius: 30px; display: block; background-color: #f8f8f8; font-family: 'Montserrat', sans-serif; font-weight: 500; line-height: 35px;}
header .langBox a i {position: relative; padding-right: 30px;}
header .langBox a i::before {content: ''; position: absolute; left: 10px; top: 3px; background: url('../images/common/lang_icon.png')no-repeat; width: 13px; height: 13px;}
header .langBox_m {display: none;}

body.fp-viewing-white header:after { background:rgba(255, 255, 255, 0.2);}
body.fp-viewing-white header nav > ul > li > a {color:#fff;}
body.fp-viewing-white header h1 a {background:url(/images/common/ics_logo.png)no-repeat center left; background-size:contain;}
body.fp-viewing-white #mNaviOpen span.line {background:#fff;}
body.fp-viewing-white #wrap.main:after {background:rgba(255, 255, 255, 0.2);}

/*nav */
#mNaviOpen {position:absolute; height:100px; width:100px; right:0; top:0; display:flex; justify-content: center; align-items: center; z-index:300;}
#mNaviOpen.close {background:#007db6;}
#mNaviOpen .bt_menu { width:30px; height:18px; transform: translateY(0); z-index:900; color:#000; font-size:13px; font-weight:bold;}
#mNaviOpen .bt_menu span.line {position:absolute; display:block; width:100%; height:1px; background:#1b1b1b; transition:0.3s;}
#mNaviOpen.close .bt_menu span.line {background:#fff;}
#mNaviOpen .bt_menu span.line:nth-child(1) {top:0;}
#mNaviOpen .bt_menu span.line:nth-child(2) {top:50%; width:50%; right:0;}
#mNaviOpen .bt_menu span.line:nth-child(3) {top:100%; opacity: 0.5;}
#mNaviOpen .bt_menu:hover span.line:nth-child(2) {width:100%;}
#mNaviOpen.close .bt_menu span.line:nth-child(2) {display:none;}
#mNaviOpen.close .bt_menu span.line:nth-child(1) {transform: rotate(-45deg); top:50%;}
#mNaviOpen.close .bt_menu span.line:nth-child(3) {transform: rotate(45deg); top:50%; opacity: 1;}

.lnb_full {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000 url(/images/common/full_nav_bg.jpg)no-repeat center; background-size:cover;}
.lnb_full .wrap {display:flex; justify-content: center; height:100%; align-items: center;}
.lnb_full .dept1 {display:flex;}
.lnb_full .dept1 > li {text-align: center; margin:0 30px;}
.lnb_full .dept1 > li > a {color:#fff; font-family: 'Montserrat'; font-weight:600; font-size:45px;}
.lnb_full .dept1 > li:hover > a {color:#007db6;}
.lnb_full .dept1 > li > a:after {content:''; display:block; width:2px; height:31px; background:#fff; margin:20px auto;}
.lnb_full .dept1 > li:hover > a:after {background-color:#007db6;}
.lnb_full .dept1 > li:nth-child(5) > a:after {display:none;}
.lnb_full .dept2 > li {padding:10px 0;}
.lnb_full .dept2 > li > a {display:inline-block; position: relative; font-size:24px; color:#fff; font-weight: 200;}
.lnb_full .dept2 > li > a:after {content:''; position: absolute; bottom:0; left:50%; transform: translateX(-50%); width:0px; height:1px; background:#fff; transition: 0.3s;}
.lnb_full .dept2 > li:hover > a:after {width:100%;}
.lnb_full .m_lnb_side {display:none;}

#nav_bg {display:none; position:absolute; top:100px; height:235px; background:#fff url(/images/common/nav_bg.png)no-repeat right bottom -20px; width:100%; left:0; z-index:-1;}
#nav_bg:before {content:''; position:absolute; bottom:-50px; left:0; width:360px; height:115%; background:url(/images/common/nav_slide_bg.png)no-repeat bottom -15px left;}
header.nav_open #nav_bg {display:block;}

#nav_gr {position: absolute; display:none; height:100vh; width:100%; top:100px; background:rgba(2, 8, 16, 0.6); z-index:-2;}
#nav_gr.on {display:block;}

/*footer*/
#btn_top {position:absolute; right:64px; top:-37px; width:74px; height:74px; background:#000; border-radius: 50%; display:flex; flex-direction: column; justify-content: center; align-items: center; box-shadow:0px 17px 20px #141516; z-index:1;}
#btn_top span:before {content:''; display:block; width:30px; height:20px; background:url(/images/common/btn_top_arrow.png)no-repeat center;}
#btn_top span {color:#adadad; font-family: 'Montserrat'; font-weight: 600; font-size:15px;}


footer {background:#303c46; position: relative;}
footer .logo_area {position: relative; padding:80px 180px 80px 100px; border-bottom:1px solid rgba(255, 255, 255, 0.1);}
footer .btn_request {position:absolute; top:50%; right:180px; transform: translateY(-50%);}
footer .btn_request a {color:#fff; border-bottom:1px solid #fff; padding:20px 100px 20px 0;}
footer .btn_request a:after {content:''; position:absolute; right:0; top:calc(50% - 12px); width:24px; height:24px; background: url(/images/common/footer_arrow.png)no-repeat center; transition: 0.3s;}
footer .btn_request a em {font-family: 'Montserrat'; color:#fff; font-size:32px; font-weight: 600; line-height: 1em; vertical-align: middle; margin-right:20px;}
footer .info_area {display:flex; justify-content: space-between; padding:20px 180px 20px 100px; border-bottom:1px solid rgba(255, 255, 255, 0.1);}
footer .info_area p span {font-size:18px; margin-right:20px; color:#fff; font-weight:200;}
footer .info_area .link ul li {display:inline-block;}
footer .info_area .link ul li:after {content:''; display:inline-block; width:1px; height:10px; background:#fff; vertical-align: middle; margin:0 20px;}
footer .info_area .link ul li:last-child:after {display:none;}
footer .info_area .link ul li a {color:#fff; font-weight:300; font-size:18px; vertical-align: middle;}
footer .copyright {padding:45px 180px 45px 100px;}
footer .copyright {color:#5c6770; font-size:18px; text-transform: uppercase;}