a {color:#000;text-decoration:none} a:focus, a:hover {color:#c4161c;text-decoration:none} .gnb_wrap ul,.gnb_wrap li {list-style:none;} #sideBar, #topSpacer{display:none;} #hd{} #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 {min-width:320px; position:fixed; width:100%; left:0px; top:0px; z-index:9999; /* border-bottom:1px solid #000;*/} #hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #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} .topetcbox {position:relative;} .topetcbox .tl_left {float:left;height:34px;padding-left:1px;} .topetcbox .tl_left a {display:inline-block;float:left;padding:10px 10px 0;color:#fff;height:35px; line-height:35px;font-size:14px;} .topetcbox .tl_left a:hover {color:rgba(191,30,46,1);} .topetcbox .tl_left a i {display:inline-block;float:left;font-size:2em;} .topetcbox .tl_left a span {display:inline-block;text-indent: -5000px;overflow:hidden;} .topetcbox .tl_right {float:right;height:34px;} .topetcbox .tl_right a {display:inline-block;float:left;padding:0 1em;line-height:34px;} #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_wrap.tnb_wrap{position:relative;margin:0 auto;width:100%;height:35px;background:none;} #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:right;margin-bottom:-1px;font-size:0.92em;margin:0;padding:0;} #tnb a {display:inline-block;padding:0 10px;color:#fff;height:35px; line-height:35px;font-size:12px;} #tnb a:focus, #tnb a:hover {color:rgba(191,30,46,1);} #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;} #hd_qnb{float:right;margin-top:20px} #hd_qnb:after {display:block;visibility:hidden;clear:both;content:""} #hd_qnb li{float:left;font-size:1.083em;line-height:15px;position:relative;text-align:center;margin:0 10px} #hd_qnb li span {display:block;margin-top:5px;font-size:0.92em} #hd_qnb li a{display:block} #hd_qnb li i{display:inline-block;width:40px;line-height:40px;border-radius:25px;background:#fff;text-align:center;margin:0;color:#fff} #hd_qnb .visit .visit-num{display:inline-block;line-height:18px;padding:0 5px;border-radius:10px;background:#f04e00;color:#fff;font-size:10px;position:absolute;top:0;right:0} #hd_qnb li .fa-question{background:#e83a5f;font-size:20px} #hd_qnb li .fa-question:hover{background:#e41b45} #hd_qnb li .fa-comments{background:#82c13f;font-size:16px} #hd_qnb li .fa-comments:hover{background:#5aa708} #hd_qnb li .fa-users{background:#f0ba00;font-size:15px} #hd_qnb li .fa-users:hover{background:#f06f00} #hd_qnb li .fa-history{background:#8522c4;font-size:15px} #hd_qnb li .fa-history:hover{background:#6700a9} /* 메인메뉴 */ /* 로고를 상단에 배치 */ /* #logo {display:inline-block; position:relative;margin:0 auto;clear:both;} */ /* 로고와 메뉴를 같은 라인에 배치 */ #logo {float:left;} #logo a{display:block;padding:0;width:206px;height:60px;overflow:hidden;background:url(../../images/logo.png) no-repeat center;text-indent:-5000px;} #logo img{display:block;height:60px;width: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 #logo img{height:60px;} */ .scDown #logo a {background:url(../../images/logo_down.png) no-repeat center;} #gnb{position:relative;background:RGBA(255,255,255,0);} #gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden} #gnb .gnb_wrap{margin:0 auto;width:100%; max-width:1200px;height:60px;position:relative;border:none;border-bottom:1px solid rgba(255,255,255,0.2);} /* #gnb #gnb_1dul {font-size:1.083em;padding: 0;zoom:1;} */ #gnb #gnb_1dul {float:right;font-size:1.083em;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:60px;line-height:60px;padding:0 20px; font-size:0.8em; color:#fff;position:relative;word-break: keep-all;word-wrap: break-word;} #gnb .gnb_1dli:hover .gnb_1da{color:#fff;text-decoration:none;} #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:rgba(191,30,46,1);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:60px; left:50%; margin-left:-120px;width:240px;padding: 0; /* border:1px solid #1d477f; */ background:rgba(0,0,0,0.6); 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{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:rgba(191,30,46,1); 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_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 .gnb_menu_btn {background:none;color:#fff;width:50px;height:60px;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;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:block;font-size:18px;line-height:1.2em;padding:15px 20px;margin:0;text-align:left;border-bottom:1px solid #e7eeef} #gnb_all h2 a {font-size:12px;margin-left:5em;} #gnb_all .gnb_al_ul {font-size:14px;text-align:left;} #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 {float:left;width:25%;min-height:250px;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:#3a8afd} #gnb_all .gnb_al_li li {line-height:1.2em;margin-bottom:1em;} #gnb_all .gnb_al_li li a {color:#555} #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} .scDown #gnb {background:#fff;border-bottom:1px solid #e9e9e9;-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;} .scDown #gnb .gnb_1dli:hover .gnb_1da {color:#1d477f;} #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:12px;} /* 본문 바로가기 */ #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 {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em} /* 화면낭독기 사용자용 */ #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%;} */ /**************************************************************************************************************************************** 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-image: url(../../images/logo.png);} .fp-viewing-002 #logo a {background-image: url(../../images/logo.png);} .fp-viewing-003 #logo a {background-image: url(../../images/logo_down.png);} .fp-viewing-004 #logo a {background-image: url(../../images/logo.png);} .fp-viewing-005 #logo a {background-image: url(../../images/logo.png);} .fp-viewing-006 #logo a {background-image: url(../../images/logo.png);} .fp-viewing-007 #logo a {background-image: url(../../images/logo.png);} .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(0,0,0,0.2);} .fp-viewing-003 #gnb .gnb_wrap {border-bottom: 1px solid rgba(0,0,0,0.2);} .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(255,255,255,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:#333; } .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-001 #gnb .gnb_menu_btn { color:#fff; } .fp-viewing-002 #gnb .gnb_menu_btn { color:#333; } .fp-viewing-003 #gnb .gnb_menu_btn { color:#333; } .fp-viewing-004 #gnb .gnb_menu_btn { color:#fff; } .fp-viewing-005 #gnb .gnb_menu_btn { color:#fff; } .fp-viewing-006 #gnb .gnb_menu_btn { color:#fff; } .fp-viewing-007 #gnb .gnb_menu_btn { color:#fff; } /*------------------------------------------------------------------------*/ .selectmenu {display:block !important;} .select_topimg {display:block !important;} /******************************************************************************************************* 반응형 설정 ********************************************************************************************************/ @media (max-width:1280px) { #gnb .gnb_wrap {width:95%;} } @media (max-width:840px) { .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, .fp-viewing-006 #logo a, .fp-viewing-007 #logo a {background-image: url(../../images/logo.png);} #gnb_all, #gnb_all_bg {display:none !important;} }