a {color:#000;text-decoration:none} a:focus, a:hover {color:#c4161c;text-decoration:none} .gnb_wrap ul,.gnb_wrap li {list-style:none;} /* 전체 가로폭 설정 */ #gnb .gnb_wrap {max-width:1200px;} .container {width:1200px !important;} #gnb .gnb_wrap,.container { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } #sideBar, #topSpacer{display:none;} #hd{-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;} #hd.scDown{margin-top:0;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;} #hd {min-width:320px; position:fixed; width:100%; left:0px; top:0px; z-index:9999; /* background:#fff; */} #hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #snbOpen, #sideBarCover, #snbMvAr, #snbMvArBottom{display:none;} #hd_wrapper {position:relative;margin:0 auto;padding:0px 0;width:100%;zoom:1} #hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} #sbn_side{position:absolute;top:20px;right:0} /* 본문 바로가기 */ #skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} #skip_to_container a:focus, #skip_to_container a:active {top:0;width:100%;height:40px;background:#21272e;color:#fff;font-size:12px;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em} /* 최상단 링크버튼 영역 ------------------------------------------------------------------------------*/ #tnb_wrap.tnb_wrap{position:relative;margin:0 auto;width:100%;height:35px;background:none;z-index:2;} .topetcbox {position:relative;} .topetcbox .tl_left {float:left;height:34px;overflow:hidden;padding-left:1px;} .topetcbox .tl_right {float:right;} .topetcbox .tl_left a, .topetcbox .tl_right a {display:inline-block;float:left;padding:0 1em;line-height:34px;} .topetcbox .tl_left a {font-size:14px;} .topetcbox .tl_left a {display:inline-block;padding:0 10px;color:#fff;height:35px; line-height:35px;font-size:14px;} .topetcbox .tl_left a:focus, .topetcbox .tl_left a:hover {color:#24a8d8;} #tnb {position:relative;top:0px;right:0;width:100%;margin:0 auto; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .scDown #tnb {top:0px;} #tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden} #tnb ul {position:relative;top:0;margin:0 auto;width:100%;zoom:1} #tnb ul:after {display:block;visibility:hidden;clear:both;content:""} #tnb li {float:left;margin-bottom:-1px;font-size:0.92em;margin:0;padding:0;} #tnb a {padding:0 10px;color:#fff;height:35px; line-height:35px;font-size:12px;} #tnb a:focus, #tnb a:hover {color:#24a8d8;} #tnb .tnb_admin a{color:#ff0000;} #tnb .tnb_left{float:left} #tnb .tnb_left a{;padding:0 14px} #tnb .tnb_cart{border-right:1px solid #ddd;} #tnb .tnb_community{border-right:1px solid #ddd} #tnb .tnb_community i{font-size:15px} #tnb .tnb_community{background:#e7e7e7;font-weight:bold;} #tnb .tnb_community:focus, #tnb .tnb_community:hover {color:#333;border-bottom:0} #tnb .tnb_community a{color:#253dbe;border-bottom:1px solid #e7e7e7} #tnb .tnbIco{font-size:12px;} #tnb_wrap.tnbDown {position:absolute;top:-35px;} #tnb .info_color {display:inline-block;line-height:35px;color:#fff;font-size:12px;letter-spacing:-0.05em;} .no_line { border-left:none !important; } /* 상단로고 ------------------------------------------------------------------------------*/ #logo, #logo2 {float:left;} #logo {padding:0px;margin:0px 0px 0px 24px;} #logo a, #logo2 a {display:block;padding:0;overflow:hidden;text-indent:-5000px;} #logo a{height:80px;background:url(../../../images/logo_white.png) no-repeat center;} #logo img{display:block;height:60px;width:auto;} #logo2 {background:#fff;} #logo2 a{height:40px;background:url(../../../images/logo_color.png) no-repeat left center;background-size:80%;} #logo2 img{display:block;height:60px;width:auto;} #logo, #logo a, #logo2, #logo2 a, #logo img, #logo2 img { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } /* .scDown #logo img{height:60px;} */ .scDown #logo a {background:url(../../../images/logo_down.png) no-repeat center;} /* 상단메뉴 ------------------------------------------------------------------------------*/ #gnb{position:relative;display:block;background:RGBA(255,255,255,0);z-index:1;} #gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden} #gnb .gnb_wrap{ margin:0 auto;width:100%;max-width:100%;height:80px;position:relative;border:none;border-bottom:1px solid rgba(255,255,255,0.3);padding:0px 0px 0px 0px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } /* #gnb #gnb_1dul {font-size:1.083em;padding: 0;zoom:1;} */ #gnb #gnb_1dul {position:relative;display:inline-block;padding: 0;zoom:1;} #gnb ul:after {display:block;visibility:hidden;clear:both;content:""} #gnb .gnb_1dli{float:left;position:relative;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;} #gnb .gnb_1dli .gnb_1da{height:80px;line-height:80px;padding:0 20px;font-size:18px;font-weight:400; color:#fff;position:relative;word-break: keep-all;word-wrap: break-word; } #gnb .gnb_1dli:hover .gnb_1da{color:#e9011f;text-decoration:none;font-weight:400;} #gnb .gnb_1dli .gnb_1da u{display:block;width:1px;height:3px;position:absolute;left:50%;bottom:0px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;} #gnb .gnb_1dli .gnb_1da u {/* display:none; */} #gnb .gnb_1dli:hover .gnb_1da u{background:#e9011f;width:50%;margin-left:-25%;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;} .gnb_1dli .bg{display:inline-block;width:0px;height:0px;overflow:hidden;text-indent:-999px} .gnb_1da {display:inline-block;font-weight:400;color:#fff;text-decoration:none;} .gnb_2dul {display:none;position:absolute;top:80px; left:50%; margin-left:-90px;width:180px;padding: 0; /* border:1px solid #1d477f; */ background:rgba(0,0,0,0.8); border-top:0px; overflow:hidden;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;} #gnb .gnb_1dli:hover .gnb_2dul {display:block;} .gnb_2dli{/* border-top:1px solid #2b2b2b; */ width:100%; -webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;} .gnb_2dli:first-child{border:0} .gnb_2da {display:block;padding:13px;line-height:1.4em;font-size:14px;font-weight:400;color:#fff; text-align:left;text-decoration:none;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;} a.gnb_2da:hover{background:#e9011f; color:#fff;padding-left:18px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;text-decoration:none;} .gnb_3da {display:block;padding:5px;padding-left:20px;line-height:1.4em;font-size:14px;font-weight:400;color:#fff; text-align:left;text-decoration:none;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;} a.gnb_3da:hover{background:#e9011f; color:#333;padding-left:28px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;text-decoration:none;} a.gnb_3da:before {content:" - ";} .gnb_1dli_air .gnb_2da {} .gnb_1dli_on .gnb_2da {} .gnb_2da:focus, .gnb_2da:hover {color:#fff} .gnb_1dli_over .gnb_2dul {display:block;} .gnb_1dli_over2 .gnb_2dul {display:block;} .gnb_wrap .gnb_empty {height:80px;;width:100%;text-align:center;line-height:80px;color:#666} .gnb_wrap .gnb_empty a{color:#000;text-decoration:underline} .gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555} .gnb_right {position:relative;display:inline-block;float:right;} .gnb_right li {display:inline-block;float:left;height:80px;} .gnb_right li .flg_set #flg {top:28px;margin-top:0px;left:0px;} .gnb_right li.li_lang_text {position:absolute;left:-90px;top:20px;font-size:16px;color:#fff;} .scDown .gnb_right li.li_lang_text {color:#333;} .fp-viewing-003 .gnb_right li.li_lang_text {color:#333;} /*------------------------------------------------------------------------------ active 메뉴 설정 ------------------------------------------------------------------------------*/ #gnb #gnb_1dul > li.active > a {color:#e9011f;font-weight:600;} #gnb #gnb_1dul > li .gnb_2dul .gnb_2dul_box li.active a {color:#e9011f;font-weight:600;} #gnb #gnb_1dul > li .gnb_2dul .gnb_2dul_box li.active a:hover {color:#fff;} /* 상단메뉴 ------------------------------------------------------------------------*/ #gnb .gnb_menu_btn {background:none;color:#fff;width:50px;height:80px;border:0;vertical-align:top;font-size:18px} #gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0} #gnb .gnb_mnal {} .scDown #gnb .gnb_menu_btn {color:#333;} #gnb_all {display:none;position:absolute;top:0;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow:0 2px 5px rgba(0,0,0,0.2)} #gnb_all h2 {position:relative;display:inline-block;width:100%;font-size:18px;line-height:1.2em;padding:5px 20px;margin:0;text-align:left;border-bottom:1px solid #e7eeef} #gnb_all .gnb_al_ul {position:relative;display:table;width:100%;height:100%;font-size:14px;text-align:left;overflow:hidden;} #gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""} #gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0} #gnb_all .gnb_al_li {display:table-cell;float:none;width:20%;height:100%;min-height:215px;padding:20px;border-left:1px solid #e7eeef} #gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#e9011f} #gnb_all .gnb_al_li li {line-height:2em} #gnb_all .gnb_al_li li a {color:#555} #gnb_all .gnb_al_li li a:hover {text-decoration: underline;} #gnb_all_bg {display:none;background:rgba(0,0,0,0.6);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999} .gnb_2dul .gnb_2dul_box {border:none;} .scDown #gnb {background:#fff;border-bottom:1px solid #e9e9e9;padding:0px 0;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;} .scDown #gnb .gnb_1dli .gnb_1da {color:#333;text-shadow:none;font-weight:600;} .scDown #gnb .gnb_1dli:hover .gnb_1da {color:#e9011f;} #sideBar {float:left;width:20%;} #snb{width:100%; margin-top:-50px;} #snb {width:100%;} #snb > li.snb{width:100%;display:none;} #snb > li.snb.active{display:block !important;} #snb > li > h2{width:100%;background:#000;} #snb > li > h2 a{display:block;background:#000; text-align:center; padding:80px 10px; color:#fff;} #snb > li > h2 a b{display:block;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #snb > li > h2 a sub{display:block;padding-top:10px;font-family:vardana;font-size:12px;letter-spacing:0.05em;font-weight:normal;filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #snb > li .snb2dDown{display:none;} #snb > li > ul{} #snb > li > ul > li{border-bottom: 1px solid #ddd;} #snb > li > ul > li a{display:block;padding:15px;color:#666;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;} #snb > li > ul > li a b{font-size:13px;} #snb > li > ul > li a:hover{background:#f3f3f3;padding-left:20px;color:#000;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;} #snb > li > ul > li.snb2d.active a{background:#ddd;color:#000;} #snb > li > ul > li a{overflow:hidden;} #snb > li > ul > li a i{float:right;} .snbCS{border:1px solid #ddd; padding:20px;} .snbCS dt{padding-bottom:10px;font-size:16px; font-weight:bold; color:#333;} .snbCS dd{font-size:11px;color:#999;} .snbCS dd strong{display:block;font-size:18px; padding-bottom:10px; color:#666;} .snbCS dd b{display:block;font-size:11px;} .snbHome {position:relative;display:block;width:100%;padding:1em 0;border-bottom:1px solid #f2f2f2;background:#f9f9f9;} .snbHome > a {padding:0.5em 1em;border:1px solid #ddd;background:#fff;font-size:14px;} /* 화면낭독기 사용자용 */ #hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden} .msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} /* 쇼핑몰 */ .style_subimg10 { display:inline-block; width:100%; padding: 0 0 !important;background:url(../../../images/sub_topimg06.jpg) no-repeat center; background-size:100%; } .style_subimg10 .container h2 { text-align:center; color:#fff; margin:0 0 0 0; font-family: 'Noto Sans KR', 'Open Sans', 'Nanum Gothic', sans-serif;} .style_subimg10 .container p { text-align:left; color:#fff; font-size:1.5em; line-height:1.5em; margin:0 0 0 0; } .stiz10 {display:inline-block;width:100%;padding:8em 0 3.5em 0;} /* 상단메뉴 갯수 설정 */ /* #gnb_1dul li.menuDan1 {width:100%;} #gnb_1dul li.menuDan2 {width:50%;} #gnb_1dul li.menuDan3 {width:33.3333%;} #gnb_1dul li.menuDan4 {width:25%;} #gnb_1dul li.menuDan5 {width:20%;} #gnb_1dul li.menuDan6 {width:16.6666%;} #gnb_1dul li.menuDan7 {width:14.2857%;} #gnb_1dul li.menuDan8 {width:12.5%;} #gnb_1dul li.menuDan9 {width:11.1111%;} #gnb_1dul li.menuDan10 {width:10%;} */ /* 상단이미지 */ .subtopzone {position:relative;overflow:hidden;width:100%; margin-top:0px; padding: 0 0 !important; } .subtopzone .container h2 { font-size:20px;line-height:1.5em;font-weight:400;text-align:center; color:#fff; margin:0 0 0 0; font-family: 'Noto Sans KR', 'Open Sans', 'Nanum Gothic', sans-serif;} .subtopzone .container p { text-align:center; color:#fff; font-size:0.65em; line-height:1.5em; margin:0 0 0 0; } .style_subimg0, .style_subimg1, .style_subimg2, .style_subimg3, .style_subimg4, .style_subimg5, .style_subimg6, .style_subimg7, .style_subimg8 { position:absolute; top:0; left:0; height: 100%; width: 100%; background-position:center; background-size:cover; z-index:1; transform: scale(1.2);transition: all 10s; } .style_subimg0, .style_subimg1, .style_subimg2, .style_subimg3, .style_subimg4, .style_subimg5, .style_subimg6, .style_subimg7, .style_subimg8 {transform: scale(1);} .style_subimg0 { background:url(../../../images/sub_top/sub_topimg00.jpg) no-repeat center; background-size:110%; } .style_subimg1 { background:url(../../../images/sub_top/sub_topimg01.jpg) no-repeat center; background-size:110%; } .style_subimg2 { background:url(../../../images/sub_top/sub_topimg02.jpg) no-repeat center; background-size:110%; } .style_subimg3 { background:url(../../../images/sub_top/sub_topimg03.jpg) no-repeat center; background-size:110%; } .style_subimg4 { background:url(../../../images/sub_top/sub_topimg04.jpg) no-repeat center; background-size:110%; } .style_subimg5 { background:url(../../../images/sub_top/sub_topimg05.jpg) no-repeat center; background-size:110%; } .style_subimg6 { background:url(../../../images/sub_top/sub_topimg06.jpg) no-repeat center; background-size:110%; } .style_subimg7 { background:url(../../../images/sub_top/sub_topimg07.jpg) no-repeat center; background-size:110%; } .style_subimg8 { background:url(../../../images/sub_top/sub_topimg08.jpg) no-repeat center; background-size:110%; } .style_subimg0, .style_subimg1, .style_subimg2, .style_subimg3, .style_subimg4, .style_subimg5, .style_subimg6, .style_subimg7, .style_subimg8 {animation: mainroll 3s 0.5s both;} @keyframes mainroll { 0% { background-size:110%;background-position:center; } 100% { background-size:100%;background-position:center; } } .style_subimg0 .container p, .style_subimg1 .container p, .style_subimg2 .container p, .style_subimg3 .container p, .style_subimg4 .container p, .style_subimg5 .container p, .style_subimg6 .container p, .style_subimg7 .container p, .style_subimg8 .container p { text-align:left; color:#fff; font-size:1.5em; line-height:1.5em; margin:0 0 0 0; } /* 서브상단 배경이미지 가림막 */ .bgBlock {position:absolute;top:0;left:0;height: 100%;width: 100%;background-position:center;background-size:cover;z-index:2;} .bB_B {background-color:rgba(0,0,0,0.5);} /* 상단이미지 영역 */ .stiz1,.stiz2,.stiz3,.stiz4,.stiz5,.stiz6,.stiz7,.stiz8,.stiz9 {position:relative;padding:7em 0 4em 0;z-index:3;} .stiz1 {display:inline-block;width:100%;} .stiz2 {display:inline-block;width:100%;} .stiz3 {display:inline-block;width:100%;} .stiz4 {display:inline-block;width:100%;} .stiz5 {display:inline-block;width:100%;} .stiz6 {display:inline-block;width:100%;} .stiz7 {display:inline-block;width:100%;} .stiz8 {display:inline-block;width:100%;} .stiz9 {display:inline-block;width:100%;} /**************************************************************************************************************************************** fullpage 페이지별 컬러변경 ****************************************************************************************************************************************/ #gnb_1dul li.menuDan1, #gnb_1dul li.menuDan2, #gnb_1dul li.menuDan3, #gnb_1dul li.menuDan4, #gnb_1dul li.menuDan5, #gnb_1dul li.menuDan6, #gnb_1dul li.menuDan7, #gnb_1dul li.menuDan8, #gnb_1dul li.menuDan9, #gnb_1dul li.menuDan10 {padding:0 0;} #tnb .gsel-lang {position: relative;width:100px;z-index:2200} #tnb .gsel-lang dl {height:30px;transition:height .25s ease;overflow:hidden;} #tnb .gsel-lang dt a {display:block;line-height:1.5em;padding:5px 0px 12px; color:#fff;font-size:13px;font-weight:400;} #tnb .gsel-lang dd {width:100%;overflow:hidden;} #tnb .gsel-lang dd ul {width:100%;background:#fff;border:1px solid #DDD;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-sizing:border-box} #tnb .gsel-lang dd a {display:block;padding:0.5em 0.5em;font-size:1.5em;border-top:1px solid #e8e8e8;text-align:center;height:30px;color:#666;line-height:1.5em;} #tnb .gsel-lang dd li:first-child a {border-top:0; color:#666;font-size:1.5em;} #tnb .gsel-lang dd a:link, #tnb .gsel-lang dd a:focus, #tnb .gsel-lang dd a:active {color:#333; text-decoration: none;font-weight:400;} #tnb .gsel-lang dd li a:hover { color:#ec0d09;text-decoration: none;} #tnb ul li ul li {width:100%;margin-bottom:0;} .fp-viewing-001 #logo a {background: url(../../../images/logo_white.png) no-repeat center;} .fp-viewing-002 #logo a {background: url(../../../images/logo_white.png) no-repeat center;} .fp-viewing-003 #logo a {background: url(../../../images/logo_down.png) no-repeat center;} .fp-viewing-004 #logo a {background: url(../../../images/logo_white.png) no-repeat center;} .fp-viewing-005 #logo a {background: url(../../../images/logo_white.png) no-repeat center;} .fp-viewing-006 #logo a {background: url(../../../images/logo_white.png) no-repeat center;} .fp-viewing-007 #logo a {background: url(../../../images/logo_white.png) no-repeat center;} .fp-viewing-001 #gnb .gnb_wrap {border-bottom: 1px solid rgba(255,255,255,0.2);} .fp-viewing-002 #gnb .gnb_wrap {border-bottom: 1px solid rgba(255,255,255,0.2);} .fp-viewing-003 #gnb .gnb_wrap {border-bottom: 1px solid rgba(0,0,0,0.2);background:#fff;} .fp-viewing-004 #gnb .gnb_wrap {border-bottom: 1px solid rgba(255,255,255,0.2);} .fp-viewing-005 #gnb .gnb_wrap {border-bottom: 1px solid rgba(0,0,0,0.2);} .fp-viewing-006 #gnb .gnb_wrap {border-bottom: 1px solid rgba(255,255,255,0.2);} .fp-viewing-007 #gnb .gnb_wrap {border-bottom: 1px solid rgba(255,255,255,0.2);} .fp-viewing-001 #gnb .gnb_1dli .gnb_1da { color:#fff; } .fp-viewing-002 #gnb .gnb_1dli .gnb_1da { color:#fff; } .fp-viewing-003 #gnb .gnb_1dli .gnb_1da { color:#333; } .fp-viewing-004 #gnb .gnb_1dli .gnb_1da { color:#fff; } .fp-viewing-005 #gnb .gnb_1dli .gnb_1da { color:#fff; } .fp-viewing-006 #gnb .gnb_1dli .gnb_1da { color:#fff; } .fp-viewing-007 #gnb .gnb_1dli .gnb_1da { color:#fff; } .fp-viewing-003 #gnb .gnb_menu_btn {color:#333;} /******************************************************************************************************* 반응형 설정 ********************************************************************************************************/ @media (max-width:1680px) { /* #gnb .gnb_wrap {max-width:1200px;} */ .container {width:1200px !important;} } @media (max-width:1380px) { .gnb_right li.li_lang_text {display:none;} } @media (max-width:1280px) { /* #gnb .gnb_wrap {width:1000px;} */ .container {width:1000px !important;} #gnb .gnb_1dli .gnb_1da {padding:0 10px;font-size:16px;} .dan07 {width:25%;} } @media (max-width:1077px) { #gnb .gnb_1dli .gnb_1da {padding:0 5px;font-size:14px;} } @media (max-width:1016px) { /* #gnb .gnb_wrap {width:95%;} */ .container {width:95% !important;} } @media (max-width:1010px) { #logo a {width:160px;background-size:100%;} .dan_left, .dan_right {width:100%;} .page_sub h3 {margin-bottom:1em;} .dan_right dl dt, .dan_right dl dd {width:100%;} .dan_right dl dt {padding-bottom:5px;} .dan_right dl dd {padding-top:5px;} .dan30, .dan70 {width:100%;} } @media (max-width:920px) { .dan04 {width:50%;} } @media (max-width:900px) { .subtopzone .container h2 {font-size:16px;line-height:1.5em;} #gnb .gnb_mnal {display:none;} .style_history li dl dt, .style_history li dl dd {width:100%;} .style_history li dl dt {padding:0;} } @media (max-width: 840px){ .dan07 {width:50%;} #gnb {background-color:#35363A;} .stiz1,.stiz2,.stiz3,.stiz4,.stiz5,.stiz6,.stiz7,.stiz8,.stiz9 { padding:5.5em 0 3em;} #gnb {background-color:#fff;padding:0;} #ctt {padding:0;} #gnb_all, #gnb_all_bg {display:none !important;} .lang_right {display:none;} #logo a, #gnb .gnb_wrap {height:51px;background-size:100%;} #logo a, #logo2 a, #footer .logo, #gnb_all h2 span {width:180px;} .gnb_wrap ul, .gnb_wrap li {display:none;} #logo a, .scDown #logo a, .fp-viewing-001 #logo a, .fp-viewing-002 #logo a, .fp-viewing-003 #logo a, .fp-viewing-004 #logo a, .fp-viewing-005 #logo a {background: url(../../../images/logo_down.png) no-repeat center;background-size:80%;} } @media (max-width: 500px){ .stiz1,.stiz2,.stiz3,.stiz4,.stiz5,.stiz6,.stiz7,.stiz8,.stiz9 { padding:4.5em 0 2em;} .menu_sub li a {font-size:12px;} .style_history li {padding-left:0px;} .style_history li h5 {position:relative;width:100%;top:0px;padding:0px;} }