@charset "utf-8"; /* Layout ***********************************************************************/ #wrap {width:100%; height:auto; overflow:hidden; position:relative;} #header{position:fixed; top: 0;left: 0; z-index: 9998 !important;width: 100%; height:100px; margin:0px auto; padding:0px; background:#fff; } #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:24px; z-index:99999;} #wrap #header .t_menu{position: absolute;top: 0px;right:110px;height:35px;line-height: 25px; float:left; z-index:120;} #wrap #header .t_menu li{width:110px; height:35px; float:left; display:inline;} #wrap #header .t_menu li.t1{background:#1e83d0 url('../img/s_img/top_cart.png') no-repeat 92% 8px;} #wrap #header .t_menu li.t2{background:#76839e url('../img/s_img/top_amenu.png') no-repeat 92% 9px;} #wrap #header .t_menu li.t3{background:#647189;} #wrap #header .t_menu li.t1 a{padding-right:5px !important; } #wrap #header .t_menu li.t2 a{padding-right:12px !important; } #wrap #header .t_menu li a{color: #fff;display:block; padding:0px;font-size: 14px;font-weight: 300; text-align:center; line-height:35px;} #wrap #header .t_menu li a:hover{} #wrap #header .t_menu li.t1 a{padding-right:5px !important;} #wrap #header .t_menu li.t2 button{padding-right:5px !important;} #wrap #header .t_menu li.on a{background:#636363;} #wrap #header .t_menu li.util_site{ z-index:120; /*padding-right:0 !important;*/ text-align:center !important;} #wrap #header .t_menu li.util_site button{width:110px; text-align:center !important; display:block; color: #fff !important; /*padding: 0 0 0 0px;*/ font-size: 14px;font-weight: 300; text-align:center !important; line-height:35px;} #wrap #header .t_menu li.util_site button:hover, #wrap #header .t_menu > .util_site button:focus{} #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;} /*전체메뉴*/ .allmenu_wrap{clear:both; display:none; position:absolute; top:0px; left:0;width:100%; min-height:360px !important; opacity:1; z-index:99999; background:#fff url('../img/s_img/allmenu_bgline.gif') repeat-x 0px 0 !important; border-bottom:2px solid #38434b;} .allmenu_wrap .inner{position:relative; padding:15px 35px; width:1200px; margin:0 auto; /*border:2px solid #e94f0c; border-radius:15px;*/ } .allmenu_wrap .tit{font-size:28px; font-weight:400; color:#fff; margin-bottom:10px; margin-top:10px;} /*.allmenu_wrap .tit + .allmenu_box{margin:20px; float:left;}*/ .allmenu_box{float:left; margin:0px; width:16%; margin-top:45px; padding:0px 0 5px 0; height:200px; border-right:1px solid #dfdfdf; text-align:center;} .allmenu_box.last{border-right:none !important;} .allmenu_box:after{display:block; clear:both; content:''} .allmenu_box h3.map_tit{width:100%; margin:0px !important; padding:0px 0 0 10px !important; font-weight:600; font-size:18px; color:#333; } .allmenu_list{margin:20px !important;padding:0px !important; /*border-bottom:1px solid #47656e;*/ } .allmenu_list li{margin-top:0px; } .allmenu_list li a{font-size:15px; color:#333; font-weight:400; padding-left:0px; line-height:28px; letter-spacing:-0.07em; } .allmenu_list li a:hover{text-decoration:underline; color:#333;} .allmenu_list .site_sub {padding-left:0px; } .allmenu_list .site_sub li{padding:0px 0 0 0px;} .allmenu_list .site_sub li a{color:#d1dde9; font-size:12px; font-weight:normal;} .allmenu_list .site_sub li a:hover{color:#fff; font-size:12px; text-decoration:underline !important;} .allmenu_list.v2 > li{min-height:106px} .allmenu_wrap .btn_close{position:absolute;top:20px;right:25px;width:35px;height:35px;background:url('../img/s_img/all_close.png') no-repeat;} .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:110px; height:35px; border-right:1px solid #e0e2e3; line-height: 35px;} #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:110px; height:35px; line-height:35px; letter-spacing:-0.05em; 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;border-right:1px solid #e0e2e3; border-bottom:1px solid #e0e2e3;} #wrap #header .language1 ul.select_con{border-bottom: 1px solid #e0e2e3; border-left: 1px solid #e0e2e3; border-right: 1px solid #e0e2e3; position:absolute; top:35px; left:0px; width:110px; z-index:2; background-color: #fff; opacity: 1; color:#333;} #wrap #header .language1 ul.select_con li{height:35px; line-height:35px; font-size:14px; color:#555; font-weight:normal; text-align: center;letter-spacing:-0.05em; cursor:pointer; border-bottom:1px solid #e0e2e3;} #wrap #header .language1 ul.select_con li.last{ border-left: none; border-bottom:none;} /* gnb */ #gnb {position:relative; top:10px; /*left:0; width:100%;*/ margin:0 auto; height:auto; z-index:1 !important; /*border-top:1px solid #ddd;*/ } #gnbwrap {position:relative; width:100%;height:90px;} #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:25%; } #tm li.th1 a {display:block; height:90px; line-height:80px; text-align:center; font-size:20px; color:#333; font-weight:600; letter-spacing:-0.03em; } #tm li.th1 a:hover{color:#203c73; 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:#203c73; font-weight:600;} #tm li.th1 .special_m {position:absolute; left:0; /*width:240px;*/ width:20%; top:90px; 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;font-weight:normal;} #tm li.th1 .special_m p em{color:#203c73; display:block; font-weight:normal;} #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; font-weight:normal; } #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;} #tm li.th1 ul.th2 li span em.pc_cut{display:block;font-weight:normal; } /*메뉴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:90px; background:#f5f5f5; }