@charset "utf-8"; /* Layout ***********************************************************************/ #header .container.pc{position: relative; margin:0 auto; } #header .container.mobile{display: none;} #header .container:after{display: block; content: ''; clear: both;} #header .nav_bg.mobile{display: none;position: fixed;z-index: 9998;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/s_img/m_nav_bg.png) repeat;} #header .nav.mobile{display: none;position: fixed;z-index: 9999;top: 0;right: 0;width: 300px;height: 100%;background: #fff;overflow-y: scroll;} #header .nav.mobile{} #header .nav.mobile .top_box{position: relative;height: 65px;} #header .nav.mobile .top_box ul.language{position:absolute; left: 15px;top:25px;width: 220px;border-radius: 0;border: none; } #header .nav.mobile .top_box ul.language:after{display: block;content: '';clear: both;} #header .nav.mobile .top_box ul.language li{float: left;width: 50px;margin-left: 0; display:inline;} #header .nav.mobile .top_box ul.language li a{display: inline;width: 50px;font-size: 16px;color: #747474;font-weight: normal;padding: 0;} #header .nav.mobile .top_box ul.language li.on a{color: #1e83d0;font-weight: 500;} #header .nav.mobile .top_box .close{position: absolute;top: 0;right: 15px;} #header .nav.mobile .top_box .close img{width: 22px;margin-top: 22px;} #header .nav.mobile .bot_box{position: relative;height: 65px;} #header .nav.mobile .bot_box ul.q_link{position:absolute; left:1%;top:25px;width:99%;border-radius: 0;border: none; } #header .nav.mobile .bot_box ul.q_link:after{display: block;content: '';clear: both;} #header .nav.mobile .bot_box ul.q_link li{float: left;width:32%;margin:0 1% 0 0; display:inline; background:#1e83d0;text-align:center; } #header .nav.mobile .bot_box ul.q_link li a{display: inline;height:36px; line-height:36px; text-align:center; font-size: 15px; letter-spacing:-0.05em; color: #fff;font-weight: normal;padding: 0;} #header .nav.mobile .gnb_box{} #header .nav.mobile .gnb_box ul{} #header .nav.mobile .gnb_box ul li{position: relative;border-top: 1px solid #ccc;} #header .nav.mobile .gnb_box ul li.last{border-bottom: 1px solid #b7b7b7;} #header .nav.mobile .gnb_box ul li span.icon{position: absolute;top: 0;right: 10px;display: block;width: 30px;height: 60px;background: url(../img/s_img/m_gnb_box_li_bullet.png) no-repeat center center;background-size:25px;} #header .nav.mobile .gnb_box ul li.on span.icon{background: url(../img/s_img/m_gnb_box_li_bullet_on.png) no-repeat center center; background-size:25px;} #header .nav.mobile .gnb_box ul li a{display: block;height: 60px;line-height: 60px;font-size: 18px;color: #181818;font-weight: normal;padding: 0 0 0 15px;} #header .nav.mobile .gnb_box ul li ul{display: none;border-top: 1px solid #ccc;background: #efefef;padding: 30px 25px 15px 25px;} #header .nav.mobile .gnb_box ul li ul li{border: none;margin-bottom: 15px;} #header .nav.mobile .gnb_box ul li ul li a{height: auto;line-height:1.2;font-size: 16px;font-weight: 300;padding: 0;background: none;} #header .nav.mobile .foot_box{padding: 30px 15px;} #header .nav.mobile .foot_box p{font-size: 15px;color: #303030;font-weight: normal;line-height: 1.5;} #header .nav.mobile .foot_box p.address{margin-bottom: 8px;} #header .nav.mobile .foot_box p strong{font-weight: normal;} #header.on{background: #fff; border-bottom: 1px solid #e1e1e1;} #header.on .gnb .depth1{color: #272727;} #header.on .navi-bg{top: 99px;} #header{position:fixed; top: 0;left: 0; z-index: 9998 !important;width: 100%; height:125px; margin:0px auto; padding:0px; /*background:#fff url('../img/s_img/top_line.gif') repeat-x 0 0;*/ background:#fff; } #header:after{content:"";clear:both;display:block} #header .container .pc{ margin:0 auto; padding:0; position:relative; } #header .top_wrap{width:1200px; margin:0 auto; position:relative;z-index:99999 !important; } #header h1.logo{float: left;padding: 0 0 0 0px; z-index:99999 !important; } #header h1.logo img{margin-top:59px; z-index:99999;} #header .t_menu{position: absolute;top: 0px;right:0px;height:35px;line-height: 25px; float:left; z-index:120;} #header .t_menu li{width:110px; height:35px; float:left; display:inline;} #header .t_menu li:after {content:""; clear:both; display:block;} #header .t_menu li.t1{background:#1e83d0 url('../img/s_img/top_cart.png') no-repeat 90% 8px;} #header .t_menu li.t2{background:#76839e url('../img/s_img/top_amenu.png') no-repeat 92% 9px;} #header .t_menu li.t3{background:#647189;} #header .t_menu li.t1 a{padding-right:5px !important; } #header .t_menu li.t2 a{padding-right:12px !important; } #header .t_menu li a{color: #fff;display:block; padding:0px;font-size: 14px;font-weight: 300; text-align:center; line-height:35px;} #header .t_menu li a:hover{} #header .t_menu li.t1 a{padding-right:5px !important;} #header .t_menu li.t2 button{padding-right:5px !important;} #header .t_menu li.on a{background:#636363;} #header .t_menu li.util_site{ z-index:120; /*padding-right:0 !important;*/ text-align:center !important;} #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;} #header .t_menu li.util_site button:hover, #header .t_menu > .util_site button:focus{} #header .out{position: absolute;top: 0px;left:220px;width:180px; height:35px; line-height:35px; background:none;} #header .out a{color: #333;display:inline-block;padding: 0 10px 0 10px;font-size:14px; font-weight:600; text-align:center;} #header .news{position: absolute;top: 0px;left:0px;width:220px; height:35px; line-height: 34px; background:#213152;} #header .news li{width:110px; height:35px; float:left; display:inline;} #header .news li:after {content:""; clear:both; display:block;} #header .news li a{color: #fff;display: block;padding: 0 0 0 0px;font-size:14px; font-weight:600; text-align:center;} #header .news li.t1{background:#005aab; } #header .news li.t2{background:#647189; } /*전체메뉴*/ .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:20%; 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} #header .language{position:absolute; top:0px; right:0px; width:110px; height:35px; border-right:1px solid #e0e2e3; line-height: 35px;} #header .language a{color:#fff; display:block; padding:0 0 0 0px; font-size:14px; font-weight:600; text-align:center;} #header .language li:hover{text-decoration:underline; color:#222;} #header .language .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; } #header .language 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;} #header .language 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;border-top:1px solid #e0e2e3;} #header .language ul.select_con li.last{ border-left: none; border-bottom:none;} /* gnb */ #gnb {position:relative; top:35px; /*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:20%; } #tm li.th1 a {display:block; height:90px; line-height:90px; text-align:center; font-size:20px; color:#333; font-weight:600; letter-spacing:-0.03em; } #tm li.th1 a:hover{color:#1e83d0; 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:#1e83d0; 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;} #tm li.th1 .special_m p em{color:#1e83d0;} #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: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; } @media (max-width: 1600px) { .gnb ul li{width: 130px;margin: 0 28px;} }/* 1600px End */ @media (max-width: 1500px) { .gnb ul li{width: 120px;margin: 0 20px;} .gnb .depth1{font-size: 16px;} .gnb ul li ul li a{font-size: 13px;} }/* 1500px End */ @media (max-width: 1400px) { .gnb ul li{width: 110px;margin: 0 15px;} .gnb .depth1{font-size: 15px;} .gnb ul li ul li a{font-size: 12px;} }/* 1400px End */ @media (max-width: 1200px) { .gnb .depth1{font-size: 14px;} .gnb ul li ul li a{font-size: 12px;} }/* 1200px End */ @media (max-width: 1199px) { #header{position: fixed !important; top: 0;left: 0;height: 65px; background:#fff !important; z-index:9998 !important; border-bottom: 1px solid #ccc;} #header .inner{width:100%;} #header .top_box{display: block;} #header .container.pc{display: none;} #header .container.mobile{display: block;padding: 0 10px;height: 70px; background:none;} #header .container.mobile:after{display: block;content: '';clear: both;} #header .container.mobile h1.logo{padding: 0;float: left;width:60%; } #header .container.mobile h1.logo img{margin-top:0px; width:125px; } #header .container.mobile .menu{position: relative;z-index: 3;float: right;width: 35px;text-align: right;} #header .container.mobile .menu img{width: 32px;margin-top: 25px;} #header.on{border-bottom: none;} #header .container.pc{display: none;} #header .container.mobile{display: block;background: #fff;height: 65px;border-bottom: 1px solid #ccc;} #header .container.mobile h1.logo{float: left;padding: 0 0 0 0px;} #header .container.mobile h1.logo img{margin-top:17px;width:160px;} #header .container.mobile .menu{float: right;padding: 0 0px 0 0;} #header .container.mobile .menu img{width: 30px;margin-top: 21px;} }/* 1199px End */ @media (max-width: 768px) { #header{position: fixed;top: 0;left: 0;height:60px; background:#3e73ad !important; } #header .container.mobile h1.logo img{margin-top:19px; width:120px; } #header .container.mobile .menu img{width: 32px;margin-top:20px;} }/* 768px End */