@charset "utf-8"; /* Layout ***********************************************************************/ #wrap {width:100%; height:100%; overflow:hidden; position:relative;} #header{position:fixed; top: 0;left: 0; z-index: 9998 !important;width: 100%; height:94px; margin:0px auto; padding:0px; background:#fff; border-bottom:1px solid #d0971e;} #header:after{content:"";clear:both;display:block} .container .pc{ margin:0 auto; padding:0; position:relative; } .top_wrap{width:1200px; margin:0 auto; position:relative;z-index:99999 !important; } #wrap #header h1.logo{float: left;padding: 0 0 0 0px; z-index:99999 !important; } #wrap #header h1.logo img{margin-top:30px; z-index:99999;} #wrap #header .t_menu{position: absolute;top: 0px;left: 0px;height:40px;line-height: 25px; float:left;} #wrap #header .t_menu li{width:110px; height:40px; float:left; display:inline;} #wrap #header .t_menu li.t1{background:#193660;} #wrap #header .t_menu li.t2{background:#667386;} #wrap #header .t_menu li a{color: #fff;display: block;padding: 0 0 0 0px;font-size: 14px;font-weight: 300; text-align:center; line-height:38px;} #wrap #header .news{position: absolute;top: 0px;right:84px;width:84px; height:40px; line-height: 38px; background:#0277bd;} #wrap #header .news a{color: #fff;display: block;padding: 0 0 0 0px;font-size:14px; font-weight:600; text-align:center;} #wrap #header .out{position: absolute;top: 0px;right:0px;width:180px; height:35px; line-height:35px; background:none;} #wrap #header .out a{color: #333;display:inline-block;padding: 0 10px 0 10px;font-size:14px; font-weight:600; text-align:center;} .skip {visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none} .blind {visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none} span.blind {visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none} #wrap #header .language1{position:absolute; top:0px; right:0px; width:84px; height:40px; border-right:1px solid #ccc; line-height: 38px;} #wrap #header .language1 a{color:#fff; display:block; padding:0 0 0 0px; font-size:14px; font-weight:600; text-align:center;} #wrap #header .language1 li:hover{text-decoration:underline; color:#222;} #wrap #header .language1 .select{width:84px; height:40px; line-height:38px; letter-spacing:-0.2px; text-indent: -10px; font-size: 14px; font-weight:600; text-align:center; opacity: 0.7;color: #333; background: #fff url(../img/s_img/language_arrow.png) no-repeat 90% center;cursor: pointer;} #wrap #header .language1 ul.select_con{border: 1px solid #ccc; position:absolute; top:40px; left:0px; width:84px; z-index:2; background-color: #fff; opacity: 1; color:#333;} #wrap #header .language1 ul.select_con li{height:40px; line-height:38px; font-size:14px; color:#555; font-weight:normal; text-align: center;letter-spacing:-0.2px; cursor:pointer; border-bottom:1px solid #ccc;} #wrap #header .language1 ul.select_con li.last{ border-left: none; border-bottom:none;} /* gnb */ #gnb {position:relative; top:0px; /*left:0; width:100%;*/ margin:0 auto; height:auto; z-index:1 !important; } #gnbwrap {position:relative; width:100%;height:95px;} #tm {width:1200px; height:100% ;margin:0 auto !important; z-index:950; position:relative; padding: 0px 0px 0px 220px;} #tm:after {content:""; clear:both; display:block;} #tm ul{padding-left:200px;} #tm li.th1 {float:left; width:20%; } #tm li.th1 a {display:block; height:95px; line-height:95px; text-align:center; font-size:20px; color:#333; font-weight:600; letter-spacing:-0.03em; } #tm li.th1 a:hover{color:#dcae26; font-weight:600 !important; } #tm li.th1.long {width:24% !important; } #tm li.th1.long a{letter-spacing:-0.05em;} #tm li.th1 a span {display:inline-block; vertical-align:top;} #tm li.th1 a.current span { height:50px; color:#dcae26; font-weight:600;} #tm li.th1 .special_m {position:absolute; left:0; /*width:240px;*/ width:20%; top:95px; height:100%; z-index:990; background:#f5f5f5 url(../img/s_img/gnb_leftbg.png) no-repeat right 0;} #tm li.th1 .special_m p {color:#666; font-size:14px; line-height:22px; margin:30px 0 0px 10px; letter-spacing:-0.03em;} #tm li.th1 .special_m p strong {display:inline-block; color:#555; font-size:28px; font-weight:500; line-height:1.2; padding-bottom:15px; margin-top:10px; letter-spacing:-0.03em; padding-right:30px; background:url(../img/s_img/tit_arr.png) no-repeat 96% 12px; } #tm li.th1 .special_m p.double strong{line-height:1em;} #tm li.th1 .special_m p span{display:block;} #tm li.th1 .special_m p em{display:block;} #tm li.th1 .special_m span.btn {display:block; margin:0 0 0 18%;} #tm li.th1 .special_m span.btn a {display:inline-block; vertical-align:top; color:#fff; font-size:1em; font-weight:normal; border:2px solid #9cc9e1; margin:0 0 10px 0; padding:6px 30px 6px 10px; height:auto; line-height:normal;} #tm li.th1 .special_m span.btn a:hover, #tm li.th1 .special_m span.btn a:active, #tm li.th1 .special_m span.btn a:focus {text-decoration:none;} #tm li.th1 ul.th2 {/*width:920px;*/width:76%; position:absolute; right:0; top:40px; margin:60px 0 0 0; padding:25px 0 0 0; /*height:100%;*/ background:none; min-height:219px; } #tm li.th1 ul.th2:after {content:""; display:block; clear:both;} #tm li.th1 ul.th2 li {float:left; width:130px; margin:0 0 20px 0; height:100%; text-align:center; } #tm li.th1 ul.th2 li span{display:block; padding-top:10px; color:#444; font-size:14px; line-height:1.2; } #tm li.th1 ul.th2 li a {display:block; color:#fff; font-weight:normal; text-align:center; letter-spacing:-1px; height:auto; padding:0px; width:88px; height:88px; margin:0 auto; line-height:normal; /*background:#d7dee4; border-radius:50%;*/} #tm li.th1 ul.th2 li a.on, #tm li.th1 ul.th2 li a:hover, #tm li.th1 ul.th2 li a:active, #tm li.th1 ul.th2 li a:focus {text-decoration:none; } #tm li.th1 ul.th2 li a[target="_blank"] {} #tm li.th1 ul.th2 li a[target="_blank"].on, #tm li.th1 ul.th2 li a[target="_blank"]:hover, #tm li.th1 ul.th2 li a[target="_blank"]:active, #tm li.th1 ul.th2 li a[target="_blank"]:focus {} #tm li.th1 ul.th2 li ul {position:relative; width:100%; padding:10px 0 0 0; } #tm li.th1 ul.th2 li ul li {float:none; width:auto; margin:2px 0 0 10px; background:url(/gmi/cni/redaeh/gnb_depth3.gif) no-repeat left 8px; } #tm li.th1 ul.th2 li ul li a {display:inline-block; color:#636363; vertical-align:top; font-weight:normal; letter-spacing:-2px; font-size:14px; line-height:1.28em; padding:0px 8px; height:auto; background:none; border:none;} #tm li.th1 ul.th2 li ul li a.on, #tm li.th1 ul.th2 li ul li a:hover, #tm li.th1 ul.th2 li ul li a:active, #tm li.th1 ul.th2 li ul li a:focus {color:#009e9b; background:none;} #tm li.th1 ul.th2 li ul li a[target="_blank"] {background:url(/gmi/cni/new_open.gif) no-repeat 90% 4px; padding:0 30px 0 8px;} #tm li.th1 ul.th2 li ul li a[target="_blank"]:hover, #tm li.th1 ul.th2 li ul li a[target="_blank"]:active, #tm li.th1 ul.th2 li ul li a[target="_blank"]:focus {color:#01679e; background:url(/gmi/cni/new_open.gif) no-repeat 90% 4px;} /*�޴�1*/ #tm li.th1.n1 ul.th2 li.th2_1 a{background:url(../img/s_img/n1_ico01.png) no-repeat center center;} #tm li.th1.n1 ul.th2 li.th2_2 a{background:url(../img/s_img/n1_ico02.png) no-repeat center center;} #tm li.th1.n1 ul.th2 li.th2_3 a{background:url(../img/s_img/n1_ico03.png) no-repeat center center;} #tm li.th1.n1 ul.th2 li.th2_4 a{background:url(../img/s_img/n1_ico04.png) no-repeat center center;} #tm li.th1.n1 ul.th2 li.th2_5 a{background:url(../img/s_img/n1_ico05.png) no-repeat center center;} #tm li.th1.n1 ul.th2 li.th2_6 a{background:url(../img/s_img/n1_ico06.png) no-repeat center center;} #tm li.th1.n1 ul.th2 li.th2_7 a{background:url(../img/s_img/n1_ico07.png) no-repeat center center;} #tm li.th1.n1 ul.th2 li.th2_1 a:hover{background:url(../img/s_img/n1_ico01_on.png) no-repeat center center;} #tm li.th1.n1 ul.th2 li.th2_2 a:hover{background:url(../img/s_img/n1_ico02_on.png) no-repeat center center;} #tm li.th1.n1 ul.th2 li.th2_3 a:hover{background:url(../img/s_img/n1_ico03_on.png) no-repeat center center;} #tm li.th1.n1 ul.th2 li.th2_4 a:hover{background:url(../img/s_img/n1_ico04_on.png) no-repeat center center;} #tm li.th1.n1 ul.th2 li.th2_5 a:hover{background:url(../img/s_img/n1_ico05_on.png) no-repeat center center;} #tm li.th1.n1 ul.th2 li.th2_6 a:hover{background:url(../img/s_img/n1_ico06_on.png) no-repeat center center;} #tm li.th1.n1 ul.th2 li.th2_7 a:hover{background:url(../img/s_img/n1_ico07_on.png) no-repeat center center;} /*�޴�2*/ #tm li.th1.n2 ul.th2 li.th2_1 a{background:url(../img/s_img/n2_ico01.png) no-repeat center center;} #tm li.th1.n2 ul.th2 li.th2_2 a{background:url(../img/s_img/n2_ico02.png) no-repeat center center;} #tm li.th1.n2 ul.th2 li.th2_3 a{background:url(../img/s_img/n2_ico03.png) no-repeat center center;} #tm li.th1.n2 ul.th2 li.th2_4 a{background:url(../img/s_img/n2_ico04.png) no-repeat center center;} #tm li.th1.n2 ul.th2 li.th2_5 a{background:url(../img/s_img/n2_ico05.png) no-repeat center center;} #tm li.th1.n2 ul.th2 li.th2_6 a{background:url(../img/s_img/n2_ico06.png) no-repeat center center;} #tm li.th1.n2 ul.th2 li.th2_7 a{background:url(../img/s_img/n2_ico07.png) no-repeat center center;} #tm li.th1.n2 ul.th2 li.th2_8 a{background:url(../img/s_img/n2_ico08.png) no-repeat center center;} #tm li.th1.n2 ul.th2 li.th2_9 a{background:url(../img/s_img/n2_ico09.png) no-repeat center center;} #tm li.th1.n2 ul.th2 li.th2_1 a:hover{background:url(../img/s_img/n2_ico01_on.png) no-repeat center center;} #tm li.th1.n2 ul.th2 li.th2_2 a:hover{background:url(../img/s_img/n2_ico02_on.png) no-repeat center center;} #tm li.th1.n2 ul.th2 li.th2_3 a:hover{background:url(../img/s_img/n2_ico03_on.png) no-repeat center center;} #tm li.th1.n2 ul.th2 li.th2_4 a:hover{background:url(../img/s_img/n2_ico04_on.png) no-repeat center center;} #tm li.th1.n2 ul.th2 li.th2_5 a:hover{background:url(../img/s_img/n2_ico05_on.png) no-repeat center center;} #tm li.th1.n2 ul.th2 li.th2_6 a:hover{background:url(../img/s_img/n2_ico06_on.png) no-repeat center center;} #tm li.th1.n2 ul.th2 li.th2_7 a:hover{background:url(../img/s_img/n2_ico07_on.png) no-repeat center center;} #tm li.th1.n2 ul.th2 li.th2_8 a:hover{background:url(../img/s_img/n2_ico08_on.png) no-repeat center center;} #tm li.th1.n2 ul.th2 li.th2_9 a:hover{background:url(../img/s_img/n2_ico09_on.png) no-repeat center center;} #tm li.th1.n2 ul.th2 li.th2_8 {position:absolute; left:0px; top:190px; } #tm li.th1.n2 ul.th2 li.th2_9 {position:absolute; left:130px; top:190px; } /*�޴�3*/ #tm li.th1.n3 ul.th2 li.th2_1 a{background:url(../img/s_img/n3_ico01.png) no-repeat center center;} #tm li.th1.n3 ul.th2 li.th2_2 a{background:url(../img/s_img/n3_ico02.png) no-repeat center center;} #tm li.th1.n3 ul.th2 li.th2_3 a{background:url(../img/s_img/n3_ico03.png) no-repeat center center;} #tm li.th1.n3 ul.th2 li.th2_4 a{background:url(../img/s_img/n3_ico04.png) no-repeat center center;} #tm li.th1.n3 ul.th2 li.th2_1 a:hover{background:url(../img/s_img/n3_ico01_on.png) no-repeat center center;} #tm li.th1.n3 ul.th2 li.th2_2 a:hover{background:url(../img/s_img/n3_ico02_on.png) no-repeat center center;} #tm li.th1.n3 ul.th2 li.th2_3 a:hover{background:url(../img/s_img/n3_ico03_on.png) no-repeat center center;} #tm li.th1.n3 ul.th2 li.th2_4 a:hover{background:url(../img/s_img/n3_ico04_on.png) no-repeat center center;} /*�޴�4*/ #tm li.th1.n4 ul.th2 li.th2_1 a{background:url(../img/s_img/n4_ico01.png) no-repeat center center;} #tm li.th1.n4 ul.th2 li.th2_2 a{background:url(../img/s_img/n4_ico02.png) no-repeat center center;} #tm li.th1.n4 ul.th2 li.th2_3 a{background:url(../img/s_img/n4_ico03.png) no-repeat center center;} #tm li.th1.n4 ul.th2 li.th2_4 a{background:url(../img/s_img/n4_ico04.png) no-repeat center center;} #tm li.th1.n4 ul.th2 li.th2_5 a{background:url(../img/s_img/n4_ico05.png) no-repeat center center;} #tm li.th1.n4 ul.th2 li.th2_6 a{background:url(../img/s_img/n4_ico06.png) no-repeat center center;} #tm li.th1.n4 ul.th2 li.th2_7 a{background:url(../img/s_img/n4_ico07.png) no-repeat center center;} #tm li.th1.n4 ul.th2 li.th2_8 a{background:url(../img/s_img/n4_ico08.png) no-repeat center center;} #tm li.th1.n4 ul.th2 li.th2_1 a:hover{background:url(../img/s_img/n4_ico01_on.png) no-repeat center center;} #tm li.th1.n4 ul.th2 li.th2_2 a:hover{background:url(../img/s_img/n4_ico02_on.png) no-repeat center center;} #tm li.th1.n4 ul.th2 li.th2_3 a:hover{background:url(../img/s_img/n4_ico03_on.png) no-repeat center center;} #tm li.th1.n4 ul.th2 li.th2_4 a:hover{background:url(../img/s_img/n4_ico04_on.png) no-repeat center center;} #tm li.th1.n4 ul.th2 li.th2_5 a:hover{background:url(../img/s_img/n4_ico05_on.png) no-repeat center center;} #tm li.th1.n4 ul.th2 li.th2_6 a:hover{background:url(../img/s_img/n4_ico06_on.png) no-repeat center center;} #tm li.th1.n4 ul.th2 li.th2_7 a:hover{background:url(../img/s_img/n4_ico07_on.png) no-repeat center center;} #tm li.th1.n4 ul.th2 li.th2_8 a:hover{background:url(../img/s_img/n4_ico08_on.png) no-repeat center center;} #tm li.th1.n4 ul.th2 li.th2_8 {position:absolute; left:0px; top:170px; } /*�޴�5*/ #tm li.th1.n5 ul.th2 li.th2_1 a{background:url(../img/s_img/n5_ico01.png) no-repeat center center;} #tm li.th1.n5 ul.th2 li.th2_2 a{background:url(../img/s_img/n5_ico02.png) no-repeat center center;} #tm li.th1.n5 ul.th2 li.th2_3 a{background:url(../img/s_img/n5_ico03.png) no-repeat center center;} #tm li.th1.n5 ul.th2 li.th2_4 a{background:url(../img/s_img/n5_ico04.png) no-repeat center center;} #tm li.th1.n5 ul.th2 li.th2_5 a{background:url(../img/s_img/n5_ico05.png) no-repeat center center;} #tm li.th1.n5 ul.th2 li.th2_6 a{background:url(../img/s_img/n5_ico06.png) no-repeat center center;} #tm li.th1.n5 ul.th2 li.th2_7 a{background:url(../img/s_img/n5_ico07.png) no-repeat center center;} #tm li.th1.n5 ul.th2 li.th2_1 a:hover{background:url(../img/s_img/n5_ico01_on.png) no-repeat center center;} #tm li.th1.n5 ul.th2 li.th2_2 a:hover{background:url(../img/s_img/n5_ico02_on.png) no-repeat center center;} #tm li.th1.n5 ul.th2 li.th2_3 a:hover{background:url(../img/s_img/n5_ico03_on.png) no-repeat center center;} #tm li.th1.n5 ul.th2 li.th2_4 a:hover{background:url(../img/s_img/n5_ico04_on.png) no-repeat center center;} #tm li.th1.n5 ul.th2 li.th2_5 a:hover{background:url(../img/s_img/n5_ico05_on.png) no-repeat center center;} #tm li.th1.n5 ul.th2 li.th2_6 a:hover{background:url(../img/s_img/n5_ico06_on.png) no-repeat center center;} #tm li.th1.n5 ul.th2 li.th2_7 a:hover{background:url(../img/s_img/n5_ico07_on.png) no-repeat center center;} /*�޴�6*/ #tm li.th1.n6 ul.th2 li.th2_1 a{background:url(../img/s_img/n6_ico01.png) no-repeat center center;} #tm li.th1.n6 ul.th2 li.th2_2 a{background:url(../img/s_img/n6_ico02.png) no-repeat center center;} #tm li.th1.n6 ul.th2 li.th2_3 a{background:url(../img/s_img/n6_ico03.png) no-repeat center center;} #tm li.th1.n6 ul.th2 li.th2_1 a:hover{background:url(../img/s_img/n6_ico01_on.png) no-repeat center center;} #tm li.th1.n6 ul.th2 li.th2_2 a:hover{background:url(../img/s_img/n6_ico02_on.png) no-repeat center center;} #tm li.th1.n6 ul.th2 li.th2_3 a:hover{background:url(../img/s_img/n6_ico03_on.png) no-repeat center center;} #animate {position:absolute; top:0px; left:0; width:100%; height:100%; overflow:hidden; z-index:998; background:#fff url(../img/s_img/gnb_over_line.png) repeat-x 0 0; border-bottom:1px solid #ddd;} .animate_line {width:20%; height:100%; position:absolute; left:0; top:95px; background:#f5f5f5; }