/* BASIC css start */
#preview_wrap { display:none}
.door { position:fixed; top: 50%; RIGHT: 0px; margin-top: -50px; z-index:5;}
/* ===== 아이콘 ===== */
.side-r-box .r_icon { display:block; text-align:center; width: 30px; height: 30px; background:#D6D6D6; border-radius: 0%; -webkit-border-radius: 0%; border-bottom:1px solid #fff }
.side-r-box .r_icon i { padding:0px !important; width:15px !important; color:#fff; line-height:30px;}
.side-r-box .r_icon:hover i{color:#333;}
.side-r-box .ka { display:block; text-align:center; width: 30px; height: 30px; background:#feed44; border-radius: 0%; -webkit-border-radius: 0%; border-bottom:1px solid #fff }
.side-r-box .ka i { padding:0px !important; width:18px !important; color:#513921; line-height:30px;}
.side-r-box .ka:hover i{color:#333;}
/* ============= 상단영역 =============== */
#header { position:relative; margin:0 auto; border-bottom:1px solid #F6F6F6; z-index:5; width:100%; }
#header .top-inner-box.fixed {width:100%; position:fixed; margin:0 auto; top:0px; background:rgba(255,255,255,0.97); height:40px; border-bottom:1px solid ##ddd; z-index:6} */
#header .top-inner-box {width:100%; margin:0 auto; background:rgba(255,255,255,0.97); z-index:6; border-bottom:1px solid #ddd;}
#header .top-inner { width:1300px;margin:0 auto; height:40px; padding:0; }
#header .top-inner ul.top-inner-left {float:left;text-align:center }
#header .top-inner ul.top-inner-left > li { float:left;position:relative;margin-left:15px;white-space:nowrap }
#header .top-inner ul.top-inner-left > li > a{ font-size:11px;line-height:40px;color:#666;letter-spacing:0.5px;white-space:nowrap }
#header .top-inner ul.top-inner-left > li.board > a {color:#333; letter-spacing:0.5px }
#header .top-inner ul.top-inner-left > li:hover > a{ color:#333; font-weight:bold;}
/*
#header .top-inner ul.top-inner-left > li.home{ width:50px; }
*/
#header .top-inner ul.top-inner-left > li:first-child { position:absolute; height:0;margin-left:0;overflow:hidden;-o-transition:height 0.3s 0.3s ease;-ms-transition:height 0.3s 0.3s ease;-moz-transition:height 0.3s 0.3s ease;-webkit-transition:height 0.3s 0.3s ease;transition:height 0.3s 0.3s ease;}
/* #header .top-inner-box.fixed ul.top-inner-left > li:first-child {height:40px;-o-transition:height 0.3s 0.6s ease;-ms-transition:height 0.3s 0.6s ease;-moz-transition:height 0.3s 0.6s ease;-webkit-transition:height 0.3s 0.6s ease;transition:height 0.3s 0.6s ease;}*/
#header .top-inner ul.top-inner-left > li:nth-child(2){margin-left:0;-o-transition:margin-left 0.3s 0.6s ease;-ms-transition:margin-left 0.3s 0.6s ease;-moz-transition:margin-left 0.3s 0.6s ease;-webkit-transition:margin-left 0.3s 0.6s ease;transition:margin-left 0.3s 0.6s ease;}
/* #header .top-inner-box.fixed ul.top-inner-left > li:nth-child(2) {margin-left:70px;-o-transition: margin-left 0.3s 0.3s ease;-ms-transition:margin-left 0.3s 0.3s ease;-moz-transition:margin-left 0.3s 0.3s ease;-webkit-transition:margin-left 0.3s 0.3s ease;transition:margin-left 0.3s 0.3s ease;}*/
#header .top-inner ul.top-inner-left > li:before {float:left;display:block;content:""; width:1px;height:9px;background:#d7d7d7;margin-top:16px;margin-left:-6px;margin-right:10px }
#header .top-inner ul.top-inner-left > .add:before { float:left;display:block;content:""; width:0px;height:9px;background:#d7d7d7;margin-top:16px;margin-left:-6px;margin-right:10px }
#header .top-inner ul.top-inner-left li i{ font-size:13px;line-height:40px;margin:0 5px 0 0;}
#header .top-inner ul.top-inner-left > li.board:after{content:""; display:none; }
#header .top-inner ul.top-inner-left > li.board:hover:after{display:block }
#header .top-inner ul.top-inner-left > li.board:hover ul.-ly {display:block }
#header .top-inner ul.top-inner-left > li.board ul.-ly {display:none; }
#header .top-inner ul.top-inner-left > li.board ul.-ly li { min-width:100px;text-align:left; border-top:1px solid #eee; }
#header .top-inner ul.top-inner-left > li.board ul.-ly li:first-child{border-top:0px solid #ddd;}
#header .top-inner ul.top-inner-left > li.board ul.-ly li a {display:block;font-size:11px;line-height:30px;padding:0 13px;color:#999}
#header .top-inner ul.top-inner-left > li.board ul.-ly li:hover a{background:#efefef }
#header .top-inner .top-inner-right {float:right;text-align:center ; }
#header .top-inner .top-inner-right li { float:left; position:relative; margin-right:15px; white-space:nowrap ; }
#header .top-inner .top-inner-right li a { font-size:11px;line-height:42px;color:#333;letter-spacing:0.5px;white-space:nowrap }
#header .top-inner .top-inner-right li.join a {color:#333; font-weight:bold; letter-spacing:0.5px }
#header .top-inner .top-inner-right li:hover > a{ color:#333; font-weight:bold; }
#header .top-inner .top-inner-right li .count{margin:0 0 0 3px;padding:3px 5px;background:#777;border-radius:4px;text-align:center;color:#fff;font-size:10px;font-weight:400;}
#header .top-inner .top-inner-right ul > li:before { float:left;display:block;content:""; width:1px;height:9px;background:#d7d7d7;margin-top:16px;margin-left:-6px;margin-right:10px }
#header .top-inner .top-inner-right .log:before { float:left;display:block;content:""; width:0px;height:9px;background:#d7d7d7;margin-top:16px;margin-left:-6px;margin-right:10px }
#header .top-inner .top-inner-right li.myshop > a { color:#333; letter-spacing:0.5px }
#header .top-inner .top-inner-right li.myshop:after{ content:""; display:none; }
#header .top-inner .top-inner-right li.myshop:hover:after{display:block ;}
#header .top-inner .top-inner-right li.myshop:hover ul.-ly {display:block; }
#header .top-inner .top-inner-right li.myshop ul.-ly { display:none;}
#header .top-inner .top-inner-right li.myshop ul.-ly li { min-width:100px;text-align:left; border-top:1px solid #eee; margin-right:0px;}
#header .top-inner .top-inner-right li.myshop ul.-ly li:first-child{border-top:0px solid #ddd;}
#header .top-inner .top-inner-right li.myshop ul.-ly li a {display:block;font-size:11px;line-height:30px;padding:0 13px;color:#999}
#header .top-inner .top-inner-right li.myshop ul.-ly li:hover a{background:#efefef; }
/* 레이어메뉴 */
.-ly {position:absolute;top:40px;left:50%; margin-left:-50px; padding:5px; border:1px solid #eee;background-color:rgba(255,255,255,0.95);z-index:90 ; }
.-ly:after, .-ly:before { bottom: 100%;left: 50%; border: solid transparent;content: " ";height: 0;width: 0; position: absolute;pointer-events: none;}
.-ly:after {border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 5px;margin-left: -5px;}
.-ly:before {border-color: rgba(221, 221, 221, 0);border-bottom-color: #dddddd; border-width: 6px;margin-left: -6px;}
/* 포인트무비 */
#header .top-inner .top-inner-right li.join { position:relative; }
#header .top-inner .top-inner-right li.join .pointBox {position:absolute;z-index:90;top:22px; left:50%;-o-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0); }
#header .top-inner .top-inner-right li.join .pointBox > i{ display:block;color:#666;font-size:20px }
#header .top-inner .top-inner-right li.join .pointBox > span{ margin:-9px 0 0 0;display:block;padding:1px 10px;background:#666;border-radius:5px;font-size:10px;line-height:18px;color:#fff;letter-spacing:0.5px }
#header .top-inner .top-inner-right li.join .pointBox { -o-animation:animate-pointBox 0.7s linear infinite;-ms-animation:animate-pointBox 0.7s linear infinite;-moz-animation:animate-pointBox 0.7s linear infinite;-webkit-animation:animate-pointBox 0.7s linear infinite;animation:animate-pointBox 0.7s linear infinite;}
@-o-keyframes animate-pointBox{50%{margin-top:4px }}
@-ms-keyframes animate-pointBox{50%{margin-top:4px }}
@-moz-keyframes animate-pointBox{50%{margin-top:4px }}
@-webkit-keyframes animate-pointBox{50%{margin-top:4px }}
@keyframes animate-pointBox{50%{margin-top:4px }}
/* 검색창 */
.sch-box { position:relative; }
.sch-box .sch { background:#ddd; height:26px; width:180px; border-radius:4px; margin-top:7px; }
.sch-box .sch input { border:0 }
.sch-box .sch .keyword { background:none; width:140px;height:22px;padding:2px 0px 0 0px;line-height:20px;font-size:11px;color:#666 ; }
.sch-box .sch i { font-size:14px; }
.sch-box .sch a { display:inline-block;color:#fff;font-size:14px; position:absolute;top:-5px;right:7px }
.sch-box .sch:hover { background:#000; }
.sch-box .sch:hover .keyword, .sch-box .sch:hover i { color:#fff; }
#header-inner {position: relative; margin:0 auto; background:#fff; width:100%; text-align: center; }
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 상단슬라이드배너영역 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
#top_Box { position:absolute; left:50% !important; margin-left:-650px; top:25px; width:200px; height:100px; z-index:2; }
.topmslide .s-item { position:relative;display:block; height:100px; text-align:center; margin:0 auto;}
.topmslide .s-item img{ text-align:center; /* height:px; */ }
.topmslide .slick-slider {text-align:center; position: relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.topmslide .slick-slider:hover .slick-next,.topmslide .slick-slider:hover .slick-prev{display:block !important;}
.topmslide .invisible{visibility: hidden;}
.topmslide .slick-list{position: relative;overflow: hidden;display:block;margin:0;padding:0;px}
.topmslide .slick-list:focus{outline: none;}
.topmslide .slick-list.dragging{cursor: pointer;cursor: hand;}
.topmslide .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.topmslide .slick-track{position: relative;left:0;top:0;display:block;}
.topmslide .slick-track:before,.slick-track:after{content: "";display: table;}
.topmslide .slick-track:after{clear:both;}
.topmslide .slick-loading .slick-track{visibility: hidden;}
.topmslide .slick-slide{float: left;height:100%;min-height:1px;display: none;}
[dir="rtl"] .topmslide .slick-slide{float: right;}
.topmslide .slick-slide img{display:block;}
.topmslide .slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide {display:block;}
.topmslide .slick-loading .slick-slide{visibility: hidden;}
.topmslide .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.topmslide .slick-prev,.topmslide .slick-next{position:absolute;display:block !important;cursor: pointer;width:32px;height:60px;font-size:0;top:50%;margin-top:-25px;outline: none;padding:0;border:0; opacity:0; filter:alpha(opacity=0);background:transparent; z-index:2;} /* 화살표 처음위치 */
.topmslide .slick-prev{left:50%;margin-left:-85px;background:url(/design/storyis/96wiz/slide3_prev.png) 50% 50% no-repeat; } /* 이전화살표 이미지경로 */
.topmslide .slick-next{right:50%;margin-right:-85px;background:url(/design/storyis/96wiz/slide3_next.png) 50% 50% no-repeat; } /* 다음화살표 이미지경로 */
.topmslide:hover .slick-prev{margin-left:-130px;opacity:1;filter:alpha(opacity=100);} /* 이전마우스오버시 위치 */
.topmslide:hover .slick-next{margin-right:-130px;opacity:1;filter:alpha(opacity=100);} /* 다음마우스오버시 위치 */
.topmslide .slick-prev:hover{background:url(/design/storyis/96wiz/slide3_prev.png) 50% 50% no-repeat; opacity:0.5; filter:alpha(opacity=50);} /* 이전화살표 마우스오버시 효과 */
.topmslide .slick-next:hover{background:url(/design/storyis/96wiz/slide3_next.png) 50% 50% no-repeat; opacity:0.5; filter:alpha(opacity=50);} /* 다음화살표 마우스오버시 효과 */
.topmslide .slick-prev,.topmslide .slick-next{-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
.topmslide .slick-slider{margin-bottom:0;}
.topmslide .slick-dots{position:absolute;bottom:-20px;padding:0;display:block;list-style: none;display:block;text-align:center;width:100%;}
.topmslide .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
.topmslide .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
.topmslide .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.topmslide .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.topmslide .slick-dots li button:before{display:block;width:8px;height:8px;content: "";;background:#888; border-radius:100px;border:0px solid #888;font-size:0;text-align:center;color: white;opacity:1;-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
.topmslide .slick-dots li.slick-active button:before { background:#333; width:20px; /* 도트사이즈 */ opacity: 1; } /* 현재도트사이즈 */
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ // 상단슬라이드배너 - 끝 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
/* ============= 로고영역 =============== */
#header-inner .hd_logo_box {position: relative; margin:0 auto; height: 150px;}
#header-inner .hd_logo {position: relative; height: 100px; top:25px; left: 35px; text-align: center;}
#header-inner .hd_logo img{ width: 250px; }
/* - 수정전
#header-inner .hd_logo_box { position:relative;height:150px;margin:0 auto; clear:both;}
#header-inner .hd_logo {position:relative; z-index:2; top:25px; width:300px; height:100px; margin:0 auto; text-align:center;}
#header-inner .hd_logo img{ position:absolute; left:0; text-align: center; }
#header-inner .hd_logo .off{top:0;visibility:visible;filter:alpha(opacity=100);opacity:1.0;-webkit-opacity:1.0;}
#header-inner .hd_logo:hover .off{top:-15px;visibility:hidden;filter:alpha(opacity=0);opacity:0;-webkit-opacity:0;}
#header-inner .hd_logo .on{top:15px;visibility:hidden;filter:alpha(opacity=0);opacity:0;-webkit-opacity:0;}
#header-inner .hd_logo:hover .on{top:0;visibility:visible;filter:alpha(opacity=100);opacity:1.0;-webkit-opacity:1.0;}
*/
/* ============= 주메뉴영역 =============== */
#header #hd_Allbox.fixed {width:100%; position:fixed; margin:0 auto; background:rgba(255,255,255,.97);box-shadow:0 3px 4px rgba(0,0,0,0.15); border-top:0px solid #eee; border-bottom:1px solid #eee; top:40px;}
#header #hd_Allbox {width:100%; margin:0 auto; background:rgba(255,255,255,.97);box-shadow:none; border-top:1px solid #666; border-bottom:1px solid #eee;transition:box-shadow 1s ease;-webkit-transition:box-shadow 1s ease; }
#hd_Allbox { width:100%; margin:0 auto; height:50px; border:0px solid #FF9696; filter:alpha(opacity=100); opacity:1; }
#hd_menu { width:1350px; margin:0 auto; height:50px; position:relative; text-align: center; }
#hd_menu:after { content: ""; display: block; clear: both; margin:0 auto; }
#hd_menu .menu { display:inline-block; *display:inline; border:0px solid #000 ; vertical-align:top; } /* 메뉴간격 */
#hd_menu .menu > a { display:block; font-size:11px; color:#333;font-weight:300; padding:0 33px; line-height:48px; height:50px; font-family: 'Roboto','Nanum Square', "Nanum Gothic" }
#hd_menu .menu a:hover { color:#c0c0c0; }
#hd_menu .red a{ color:#ff0000 }
#hd_menu .blue a{ color:#0ca500 }
#hd_menu .ssub-list .subAll { width:625px; clear:both; display:none; position:absolute; overflow: hidden; background:#f5f5f5; ; margin: 0 auto; padding: 25px;}
#hd_menu .ssub-list .subAll.mm3 { top: 50px; left: 50%; margin-left:-500px; }
#hd_menu .ssub-list .subAll.mm4 { top: 50px; left: 50%; margin-left:-400px; }
#hd_menu .ssub-list .subAll.mm5 { top: 50px; left: 50%; margin-left:-300px; }
#hd_menu .ssub-list .subAll.mm6 { top: 50px; left: 50%; margin-left:-200px; }
#hd_menu .ssub-list .subAll.mm7 { top: 50px; left: 50%; margin-left:-100px; }
#hd_menu .ssub-list .subAll.mm8 { top: 50px; left: 50%; margin-left:0px; }
#hd_menu .ssub-list .subAll.mm9 { top: 50px; left: 50%; margin-left:0px; }
#hd_menu .ssub-list .subAll.mm10 { top: 50px; left: 50%; margin-left:0px; }
#hd_menu .ssub-list .subAll.mm11 { top: 50px; left: 50%; margin-left:0px; }
#hd_menu .ssub-list .subbox { text-align:left; overflow: hidden; }
#hd_menu .ssub-list .subbox .subcate { float: left; width:150px; min-height:270px; border-right:1px solid #ddd; margin-right:25px; padding-right:25px; }
#hd_menu .ssub-list .subbox h2 { display: block; font-size: 12px;text-align: left; font-weight:bold; color: #333;letter-spacing:0px;border-bottom: 1px solid #ccc; margin-bottom: 15px; padding-bottom: 5px; font-family: 돋움, sans-serif; }
#hd_menu .ssub-list .subbox .subcate li { text-align: left; margin-bottom:5px; }
#hd_menu .ssub-list .subbox .subcate li a { height:20px !important; line-height:20px !important; text-align:left; font-size:12px !important; color:#666; font-family: 돋움, sans-serif; padding-left:0px !important; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
#hd_menu .ssub-list .subbox .subcate li a:hover { padding-left:0px !important; color:#999; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
#hd_menu .ssub-list .subbox .subimg { float: left; }
#hd_menu .ssub-list .subbox .subimg li { display:inline-block; *display:inline; margin-left:30px; }
/* BASIC css end */