@charset "utf-8";


@font-face {
  font-family:"han";
  src: url("../css/yhan.woff") format("woff2"),
       url("../css/yhan.woff") format("woff"),
       url("../css/yhan.ttf") format("truetype"),
       url("../css/yhan.otf") format("embedded-opentype"),
       url("../css/yhan.svg") format("svg");
}

/* reset */
html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, table, thead, tbody, th, td, form, fieldset, legend, input, textarea, button, select {padding:0; margin:0;}
body { font-family:"han"; font-size:16px; font-weight:400; color:#333; min-width:1200px; letter-spacing:0px; line-height:1.5;  -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; min-width:1200px;}
h1, h2, h3, h4, h5, h6 {font-size:100%; color:#000; letter-spacing:-0.5px;}
fieldset, img, button {border:0;}
textarea, input{}
img, input, button {vertical-align:top;}
table {border-collapse:collapse;}
table th, table td{background-clip:padding-box;}
address, em{font-style:normal;}
ol, ul {list-style:none;}
hr {display:none;}
a {text-decoration:none; color:#333; letter-spacing:0px;}
a:hover, a:focus {text-decoration:none;}
legend {position:absolute; left:-9999px; top:0;}
caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
button {background:none;  cursor:pointer; font-size:16px;}
button::-moz-focus-inner {padding:0; border:0;}
sup {font-size:14px;}
iframe{border:0; margin:0;  vertical-align:top;}
video{display:block;}
input[type="text"]{padding:0 15px; border:1px solid #ccc; line-height:45px; height:45px; box-sizing:border-box; font-size:15px; color:#333;}
input[type="text"].w100{width:100%;}
textarea{padding:18px; border:1px solid #ccc; font-size:16px; color:#333; box-sizing:border-box;}
textarea::placeholder{font-size:16px; color:#333;}
/*select{opacity:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}*/

.blind {display:block; overflow:hidden; position:absolute !important; left:0; top:0; width:0px; height:0px; padding:0; margin:0; font-size:0 ;line-height:0; text-indent:-9999px;}
.behind{overflow:hidden; text-indent:-9999px; font-size:0;}

.point_txt{color:#0079cc;} 

.btn_area a{margin-left:20px;}
.btn_area a:first-child{margin-left:0;}

.fl{ float:left;}
.fr{ float:right;}

@font-face {
font-family: 'NOTDEF';
src: url("../images/GJJCQJW--GB1-0.woff2.txt") format("woff2"),
       url("../images/GJJCQJW--GB1-0.woff.txtt") format("woff"),
       url("../images/GJJCQJW--GB1-0.ttf.txt") format("truetype"),
       url("../images/GJJCQJW--GB1-0.eot.txt") format("embedded-opentype"),
       url("../images/GJJCQJW--GB1-0.svg.txt") format("svg");
}



@font-face {
	font-family: "dinb";
	src:url("../css/dinb.ttf.txt") format("truetype"),
		url("../css/dinb.eot.txt") format("embedded-opentype");
	font-weight: normal;
	font-style: normal;
}


.btn{display:inline-block; min-width:160px; height:45px; line-height:45px; padding:0 20px; text-align:center; background:#043285; color:#fff; box-sizing:border-box;}
.btn:after{display:inline-block; vertical-align:middle; width:5px; height:9px; margin-left:8px; margin-top:4px; background-image:url(../images/btn_arrow_ico_w.png); background-position:0 50%; background-repeat:no-repeat; content:"";}
.btn.plain:after{display:none; content:"";}

.btn_l{display:inline-block; min-width:190px; height:45px; line-height:45px; padding:0 20px; text-align:center; background:#043285; color:#fff; box-sizing:border-box;}
.btn_l:after{display:inline-block; vertical-align:middle; width:5px; height:9px; margin-left:8px; background-image:url(../images/btn_arrow_ico_w.png); background-position:0 50%; background-repeat:no-repeat; content:"";}

.btn.white{background:#fff; line-height:43px; border:1px solid #ccc; color:#333; box-sizing:border-box;}
.btn.white:after{background-image:url(../images/btn_arrow_ico_g.png); content:"";}

.btn_c{display:inline-block; width:160px; height:45px; line-height:45px; text-align:center; background:#043285; color:#fff; box-sizing:border-box;}
.btn_c.darkgray{background:#333;}

.btn.list:after{display:none;}

.btn_download{display:inline-block; width:160px; height:45px; line-height:45px; vertical-align:middle; background:#333; text-align:center; color:#fff; box-sizing:border-box;}
.btn_download:after{display:inline-block; width:15px; height:13px; margin-left:8px; margin-top:-4px; background:url(../images/ico_download.png) 0 50% no-repeat; content:"";}
.btn_download.large{width:auto; padding:0 20px;}

/*.btn_more{display:inline-block; width:160px; height:45px; line-height:43px;/* border:1px solid #ccc;*/ background:#fff; box-sizing:border-box; text-align:center;  color:#333;}
.btn_more:after{display:inline-block; vertical-align:middle; width:13px; height:10px; margin-left:8px; background-image:url(../images/btn_more_ico_g.png); background-position:0 50%; background-repeat:no-repeat; content:"";}
*/
.btn_on_air{display:inline-block;width:160px;height:45px;line-height:45px;vertical-align:middle;border:1px solid #ccc;background:#fff;text-align:center;color:#333;box-sizing:border-box;}
.btn_on_air:after{display:inline-block;width:15px;height:15px;margin-left:8px;background:url(../images/ico_on_air.png) 0 50% no-repeat;content:"";}

.btn_privacy{display:inline-block; min-width:190px; height:45px; line-height:45px; padding:0 17px; text-align:center; background:#fff; border:1px solid #333; color:#333; box-sizing:border-box;}
.btn_privacy:after{display:inline-block; vertical-align:middle; width:5px; height:9px; margin-left:8px; background-image:url(../images/btn_arrow_ico_g.png); background-position:0 50%; background-repeat:no-repeat; content:"";}


/* basic_table */
.basic_table{width:100%; border-top:1px solid #000; border-bottom:1px solid #000; }
.basic_table tbody th{padding:21px 15px; background-color:#f3f3f3; text-align:center; font-size:20px; font-weight:400; color:#333;}
.basic_table tbody td{padding:12px 40px; font-size:16px; color:#333;}
.basic_table tbody th, .basic_table tbody td{border-top:1px solid #ccc;}
.basic_table tbody tr:first-child th, .basic_table tbody tr:first-child td{border-top:0;}
.basic_table td .txt1{margin-bottom:12px;}



/* layout */
body.on{overflow:hidden; height:100%;}
.header{height:100px;}
#wrap{position:relative; width:100%; min-width:1300px; margin:0 auto;}
#gnb{width:100%; max-width:1920px; margin:0 auto; z-index:1000;}
#content{width:100%; min-width:1140px; padding:100px 0 160px;}

/* header */
.header .header_inner{position:relative; z-index:1000; width:100%; min-width:1200px; height:100px; margin:0 auto; background-color:#fff; box-sizing:border-box;}
.header[data-fixed="fixed"] .header_inner{position:fixed; left:0; top:0; background:#fff; border-bottom:1px solid #ccc;}
.header .gnb_dim{overflow:hidden; position:absolute; left:0; top:100px; width:100%; background:#f3f3f3;}
.header .gnb_dim:after{position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ccc; content:"";}
.header h6{overflow:hidden; position:absolute; left:0; top:0; width:102px; height:91px; margin-left:6%;  background:url(../images/logo.png) no-repeat 0 48%}
.header h6 a{display:block; width:100%; padding-top:68px; font-size:31px;}
.header .utill_area{position:absolute; right:0; top:0; width:245px; z-index:1000;}
.header h6 a b{font-size:13px; font-weight: 100; margin-left:18px; letter-spacing:8px; font-family: 'NOTDEF'; color: #000;}


.gnb ul:after{display:block; clear:both; content:""; }
.gnb .gnb_list{width:770px; margin:0 auto;  font-family: "han";}
.gnb .gnb_list > li{float:left; width:auto; margin-left:54px;}
.gnb li:first-child{margin-left:0;}
.gnb li .tit{display:inline-block; position:relative; line-height:100px; font-size:17px; font-family: "han"; letter-spacing:-0.3px; color:#000;  }
.gnb li .tit:after{opacity:0; position:absolute; left:50%; bottom:0; width:0; height:0; background:#1428a0; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); transition:width .4s ease-in-out; -webkit-transition:width .4s ease-in-out; -moz-transition:width .4s ease-in-out; content:"";}
.gnb li.on .tit:after,
.gnb li.active .tit:after{opacity:1; width:100%; height:3px; content:"";}
.gnb li.active .tit:after{transition:none; content:"";}
.gnb .depth2_wrap{overflow:hidden; position:absolute; left:0; top:100px; z-index:9991000; width:100%; height:0; -webkit-transition:0.3s height ease-in-out; transition:0.3s height ease-in-out; -moz-transition:0.3s height ease-in-out;}
.gnb .depth2_wrap .gnb_inner{width:836px; padding:42px 0 37px 0; margin:0 auto; box-sizing:border-box; opacity:0;}
.gnb .on .gnb_inner{opacity:1; -webkit-transition:.3s opacity ease-in-out; transition:.3s opacity ease-in-out; -moz-transition:.3s opacity ease-in-out;}

.gnb .depth1_list{width:830px; margin:0 auto;}
.l13{ left:21px !important;}
.gnb .depth1_list > li{position:relative; float:left; margin-left:42px; padding-left:42px; height:100%; text-align:left;}
.gnb .depth1_list > li:before{position:absolute; left:0; top:0; width:1px; height:100%; background-color:#ddd; content:""; opacity: 0;}
.gnb .on .depth1_list > li:before{opacity: 1;-webkit-transition:.6s opacity ease-in-out; transition:.6s opacity ease-in-out; -moz-transition:.6s opacity ease-in-out;}
.gnb .depth1_list > li:first-child{margin-left:0; padding-left:0;}
.gnb .depth1_list > li:first-child:before{display:none; content:"";}
.gnb .depth1_list > li > a{display:block; font-weight:600; letter-spacing:-0.3px; color:#1428a0; font-size:16px;}
.gnb .depth2_area{overflow:hidden;}
.gnb .depth2_area .depth2_list{float:left; width:auto; margin-right:54px;}
.gnb .depth2_area .depth2_list.last{margin-right:0;}
.gnb .depth2_list{padding-top:16px;}
.gnb .depth2_list li{margin-top:20px;line-height:12px;}
.gnb .depth2_list li:first-child{margin-top:0;}

.depth1_list li.customer a{margin-bottom:20px;}
.depth1_list li.customer a:last-child{margin-bottom:0;}

.gnb li.company .depth1_list{height:180px; padding-left:182px;}
.gnb li.newsroom .depth1_list{width:607px; height:92px;}
.gnb li.product6 .depth1_list{height:158px;}
.gnb li.customer .depth1_list{width:770px; height:122px; }
.gnb li.sustainability .depth1_list{width:500px; height:145px; padding-left:309px;}

.gnb .depth2_list li a{display:block; font-size:15px; color:#000; }
.gnb .gnb_btn_area{overflow:hidden; width:810px; margin:0 auto; padding-top:30px;}
.gnb .gnb_btn_area a{position:relative; float:left; width:350px; height:78px; margin-left:22px; padding:16px 20px; background:#fff; border:1px solid #e2e2e2;  border-radius:5px; box-sizing:border-box;}
.gnb .gnb_btn_area a:first-child{margin-left:0;}
.gnb .gnb_btn_area a:after{position:absolute; right:25px; top:50%; width:10px; height:17px; margin-top:-8px; background:url(../images/btn_arrow_ico_l.png) 0 0 no-repeat; content:"";}
.gnb .gnb_btn_area strong{display:block; margin-bottom:7px; font-size:18px; font-weight:600; line-height:1em; color:#333;}
.gnb .gnb_btn_area p{font-size:14px;}

.gnb_list li.on .depth1_list{display:block;}
.gnb_list li.on .gnb_inner{opacity:1; z-index:100;}

/* gnb online museum banner */
.gnb li.company .gnb_btn_area{margin-left:-30px;}
.gnb li.company .gnb_btn_area a{width:780px; height:auto;}
.gnb li.company .gnb_btn_area a strong{font-size:18px; font-weight:600; color:#043285; margin-bottom:9px;}
.gnb li.company .gnb_btn_area a p{max-width:90%; word-break:keep-all;}

.header .utill_menu{width:184px;}
.header .utill_menu:after{display:block; clear:both; content:"";}
.header .utill_menu .utill_menu_inner{position:relative; float:left; width:60px;}
.header .utill_menu_inner > a{position:relative; display:block; width:60px; padding:40px 0; height:100px; box-sizing:border-box; font-size:15px; text-align:center; color:#333; letter-spacing:0;}
.header .utill_menu_inner > a.btn_inq{text-indent:-9999px; background:url(../images/ico_inq.png) center 49% no-repeat; }
.header .utill_menu_inner > a:after{position:absolute; left:0; top:46px; margin-top:-1px; width:1px; height:10px; background:#ddd; content:"";}
.header .utill_menu_inner:first-child > a:after{display:none; content:"";}
.header .utill_menu_inner ul{display:none; position:absolute; left:0; top:100px; width:100%; height:auto; border:1px solid #e2e2e2; background:#fff;}
.header .utill_menu_inner ul:after{position:absolute; left:0; top:-4px; width:100%; height:4px; background:#043285; content:"";}
.header .utill_menu_inner.on ul{display:block;}
.header .utill_sns{padding:15px 0;}
.header .utill_sns li{overflow:hidden; margin-top:12px;}
.header .utill_sns li:first-child{margin-top:0;}
.header .utill_sns li a{display:block; width:30px; height:30px; margin:0 auto; border-radius:100%; background-color:#ededed; background-image:url(../images/utill_sns_ico.png); background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; font-size:0;}
.header .utill_sns li.youtube a{background-position:-30px 0;}
.header .utill_sns li.blog a{background-position:-60px 0;}
.header .utill_sns li.naver a{background-position:-90px 0;}
.header .utill_sns li.linkedin a{background-position:-120px 0;}
.header .utill_lang{padding:20px 0;}
.header .utill_lang li{margin-top:20px; text-align:center;}
.header .utill_lang li a{font-size:15px; color:#333; letter-spacing:0; line-height:1em;}
.header .utill_lang li:first-child{margin-top:0;}

.header .srch_pop_btn{overflow:hidden; position:absolute; right:0; top:0; z-index:1100; width:60px; height:100px; background-color:#043285; background-image:url(../images/btn_srch_ico.png); background-size:22px 21px; background-repeat:no-repeat; background-position:50% 50%;
font-size:0; text-indent:-9999px;}
.header .srch_area{display:none; position:fixed; left:0; top:0px; z-index:1000; width:100%; height:310px; background:rgba(0,0,0,.6);}
.header .srch_area.on{display:block;}
.header .srch_close_btn{overflow:hidden; position:absolute; right:0; top:0;width:60px; height:100px; background:#043285 url(../images/srch_pop_close.png) center center no-repeat; font-size:0; text-indent:-9999px;}
.header .srch_cont_wrap{position:absolute; left:0; top:100px; width:100%; max-width:1920px; height:200px; background:url(../images/srch_pop_bg.jpg) 0 0 no-repeat; background-size:cover; font-family: "han";}
.header .srch_area .srch_inner{width:718px; margin:0 auto; padding:38px 0 0 0;}
.header .srch_box{width:100%; background:#fff; }

.srch_btn_area{border-top:1px solid #7fa6d3; margin-top:20px; padding-top:20px; }

.header .srch_box fieldset{position:relative; width:100%; height:55px; background:#fff;}
.header .srch_box input[type="text"]{width:673px; height:40px; padding:0 0 0 20px; border:0 none; line-height:40px; box-sizing:border-box; border:none;}
.header .srch_box button{overflow:hidden; position:absolute; right:5px; top:50%; width:45px; height:45px; margin-top:-22px; background:url(../images/btn_srch_ico_l.png) 50% 50% no-repeat #333; background-size:22px 23px; text-indent:-9999px; font-size:0;}
.header .srch_btn_area a{margin-left:9px;}
.header .srch_btn_area a:first-child{margin-left:0;}
.header .srch_btn_area .btn_round{display:inline-block; min-width:140px; height:43px; line-height:45px; padding:0 20px; border-radius:5px; background:#eee; color:#000; box-sizing:border-box; text-align:center;}
.header .srch_btn_area .btn_round:after{display:inline-block; vertical-align:middle;  width:5px; height:9px; margin-left:8px; background:url(../images/btn_arrow_ico_m.png) 0 50% no-repeat; background-size:5px 9px; content:"";}

.srch_dim{display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.srch_dim.on{display:block;}

#srchBtn{ background:url(../images/btn_srch_ico_l.png) 50% 50% no-repeat #333; width:34px; height:34px; margin-top:3px;}
input {border: 0;}



/*--footer--*/
.footer{color: #fff; overflow: hidden;background: #333; padding:6px 0 20px 0;}
.ft-inner{padding:20px 0; overflow: hidden;border-bottom: 1px solid rgba(255, 255, 255, 0.07);}
.ft-inner .ft-tel{float: left;padding-left: 40px; height:30px; background: url(../images/ft_tel.png) no-repeat 0 center;}
.ft-inner .ft-tel span{font-size: 14px;color: rgba(255, 255, 255, 0.6);}
.ft-inner .ft-tel a{font-size: 18px;color: #fff;}
.ft-inner .ft-menu{overflow: hidden;text-align: right;font-family: "han";}
.ft-inner .ft-menu a{display: inline-block;margin-left: 45px;font-size:16px;color: #fff;font-family: "han";}
.ft-inner .ft-menu a:hover{color: #0c5aab;}
.ft-bottom{padding:13px 0 5px 0; line-height:37px;}
.ft-bottom .copyright{float: left;font-size: 14px;color: rgba(255, 255, 255, 0.6);}
.ft-bottom .copyright p{color: rgba(255, 255, 255, 0.6);}
.ft-bottom .copyright span{display: inline-block;margin-right: 20px;color: rgba(255, 255, 255, 0.6);}
.ft-bottom .copyright a{color: rgba(255, 255, 255, 0.6);}
.ft-bottom .copyright a:hover{color: #0c5aab;text-decoration: underline;}
.ft-bottom .flinks{float: right;}
.ft-bottom .flinks dl{position: relative;height: 40px;}
.ft-bottom .flinks dt{width: 125px;text-align: center;background: #043285;background: -moz-linear-gradient(45deg, #043285 0%, #00328d 100%);background: -webkit-linear-gradient(45deg, #043285 0%, #00328d 100%);background: linear-gradient(45deg, #043285 0%, #00328d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043285', endColorstr='#00328d', GradientType=1 );}
.ft-bottom .flinks dt a{display: block;color: #fff;font-size: 14px;}
.ft-bottom .flinks dt a:after{display: inline-block;margin-left: 10px;font-family: "iconfont";content: "\e63c";transition: all .5s;font-size: 10px;}
.ft-bottom .flinks dd{display: none;position: absolute;right: 0;bottom: 100%;width: 300%;overflow: hidden;background: #043285;background: -moz-linear-gradient(45deg, #043285 0%, #00328d 100%);background: -webkit-linear-gradient(45deg, #043285 0%, #00328d 100%);background: linear-gradient(45deg, #043285 0%, #00328d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043285', endColorstr='#00328d', GradientType=1 );}
.ft-bottom .flinks dd a{display: block;float: left;width: 25%;font-size: 14px;color: #fff;text-align: center;}
.ft-bottom .flinks dd a:hover{text-decoration: underline;}
.ft-bottom .flinks dl:hover dt a:after{transform: rotate(90deg);}
.ft-bottom .flinks dl:hover dd{display: block;}




.w1200{ width:1200px; margin:auto;}

.hth{display: block; font-weight: 600; line-height: 1em; letter-spacing: -0.3px; color: #1428a0; font-size: 16px;}