@charset "utf-8";

@font-face{font-family:'Noto Sans Korean';font-style:normal;font-weight:100;src:local('Noto Sans Thin'),local('NotoSans-Thin'),url('../webfonts/NotoSansKR-Thin-Hestia.eot'),url('../webfonts/NotoSansKR-Thin-Hestia.eot?#iefix') format('embedded-opentype'),url('../webfonts/NotoSansKR-Thin-Hestia.woff') format('woff'),url('../webfonts/NotoSansKR-Thin-Hestia.otf') format('opentype')}
@font-face{font-family:'Noto Sans Korean';font-style:normal;font-weight:300;src:local('Noto Sans Light'),local('NotoSans-Light'),url('../webfonts/NotoSansKR-Light-Hestia.eot'),url('../webfonts/NotoSansKR-Light-Hestia.eot?#iefix') format('embedded-opentype'),url('../webfonts/NotoSansKR-Light-Hestia.woff') format('woff'),url('../webfonts/NotoSansKR-Light-Hestia.otf') format('opentype')}
@font-face{font-family:'Noto Sans Korean';font-style:normal;font-weight:350;src:local('Noto Sans DemiLight'),local('NotoSans-DemiLight'),url('../webfonts/NotoSansKR-DemiLight-Hestia.eot'),url('../webfonts/NotoSansKR-DemiLight-Hestia.eot?#iefix') format('embedded-opentype'),url('../webfonts/NotoSansKR-DemiLight-Hestia.woff') format('woff'),url('../webfonts/NotoSansKR-DemiLight-Hestia.otf') format('opentype')}
@font-face{font-family:'Noto Sans Korean';font-style:normal;font-weight:400;src:local('Noto Sans Regular'),local('NotoSans-Regular'),url('../webfonts/NotoSansKR-Regular-Hestia.eot'),url('../webfonts/NotoSansKR-Regular-Hestia.eot?#iefix') format('embedded-opentype'),url('../webfonts/NotoSansKR-Regular-Hestia.woff') format('woff'),url('../webfonts/NotoSansKR-Regular-Hestia.otf') format('opentype')}
@font-face{font-family:'Noto Sans Korean';font-style:normal;font-weight:500;src:local('Noto Sans Medium'),local('NotoSans-Medium'),url('../webfonts/NotoSansKR-Medium-Hestia.eot'),url('../webfonts/NotoSansKR-Medium-Hestia.eot?#iefix') format('embedded-opentype'),url('../webfonts/NotoSansKR-Medium-Hestia.woff') format('woff'),url('../webfonts/NotoSansKR-Medium-Hestia.otf') format('opentype')}
@font-face{font-family:'Noto Sans Korean';font-style:normal;font-weight:700;src:local('Noto Sans Bold'),local('NotoSans-Bold'),url('../webfonts/NotoSansKR-Bold-Hestia.eot'),url('../webfonts/NotoSansKR-Bold-Hestia.eot?#iefix') format('embedded-opentype'),url('../webfonts/NotoSansKR-Bold-Hestia.woff') format('woff'),url('../webfonts/NotoSansKR-Bold-Hestia.otf') format('opentype')}
@font-face{font-family:'Noto Sans Korean';font-style:normal;font-weight:900;src:local('Noto Sans Black'),local('NotoSans-Black'),url('../webfonts/NotoSansKR-Black-Hestia.eot'),url('../webfonts/NotoSansKR-Black-Hestia.eot?#iefix') format('embedded-opentype'),url('../webfonts/NotoSansKR-Black-Hestia.woff') format('woff'),url('../webfonts/NotoSansKR-Black-Hestia.otf') format('opentype')}

/*@import url('https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css');*/

body {font-family: 'Noto Sans Korean', '돋움',dotum,Helvetica,sans-serif;font-size: 14px;letter-spacing: 0em;}

input[type="text"],input[type="password"],input[type="number"],input[type="email"],input[type="file"],input[type="url"],textarea,textarea.form-control{font-size:12px;}
table caption {display:none}
.dropdown-menu, h4, .h4, h3, .h3, h2, .h2 {font-size:12px;font-weight:900}
h2, .h2 {font-weight:bold}
legend {display:none}
p {margin:0;}
.input-group-addon {font-size:12px;}
.blankclear {padding:0;position:relative;}
#sev_hhtml, #sev_thtml {padding:5px}

#hd { width: 100%; padding-bottom: 0; }
#hd .head-logo { padding: 15px 0;text-align:center;}
#hd .head-logo a {font-size:0;text-indent:-999px;overflow:hidden;}
#hd nav { text-align: center; }
#hd .icon-bar {background: #000;}

#hd .wrap-top-smenu {background: #f6f6f6;border-bottom: 1px solid #eaeaea;}
#hd .top-smenu {background: #f6f6f6;}
#hd .top-smenu > .user-login {font-size:12px;font-family:'돋움',Dotum,Verdana,applegothic;letter-spacing:-1px;padding:13px 0 10px}
#hd .top-smenu > .top-smenu-ul {list-style:none;margin:0;padding:10px 0}
#hd .top-smenu > .top-smenu-ul:after {display:block;visibility:hidden;clear:both;content:""}
#hd .top-smenu p {color:#fff}
#hd .top-smenu > .top-smenu-ul > li {float:left;padding:0 7px;}
#hd .top-smenu > .top-smenu-ul > li:last-child {padding:0 0 0 10px;}
#hd .top-smenu > .top-smenu-ul > li a {color:#000;font-size:12px;font-family:'돋움',Dotum,Verdana,applegothic;letter-spacing:-1px}
#hd .top-smenu > .top-smenu-ul > li:last-child  a {padding: 3px 17px;background: #000;border-radius: 14px;color: #fff;}
#hd .top-smenu > .top-smenu-ul > li .tp-btn-point {padding: 3px 7px;background: #f00;border-radius: 14px;color: #fff;}

#hd .wrap-logo {position:relative;min-height:50px;}
#hd .wrap-logo .wrap-asidebar {position: absolute;top: 50%;right: 0;margin-top: -25px;}
#hd .wrap-logo .bx-search {display:none;position: absolute;width:320px;;top: 50%;right: 0;margin-top: -25px;}
#hd .wrap-logo .bx-search .quick-menu {margin-top:7px;}
#hd .wrap-logo .bx-search .quick-menu > ul {margin:0;padding:0;list-style:none}
#hd .wrap-logo .bx-search .quick-menu > ul > li {float:left;}
#hd .wrap-logo .bx-search .quick-menu > ul > li > a {display: block;text-align: center;color: #291d19;padding:0 10px;background: #fff url('./img/in_main_menu_bar3.gif') no-repeat 0 50%;}
#hd .wrap-logo .bx-search .quick-menu > ul > li:first-child > a {background: #fff;}

.sidebar-menu .button-in-bar {list-style:none;padding:0;margin:0}
.sidebar-menu .button-in-bar:after {display:block;visibility:hidden;clear:both;content:""}
.sidebar-menu .button-in-bar > li {float:left;width:33.333%;text-align:center;}

.bx-main-menu {position:relative; border-top: 1px solid #e0e0e0;}
.bx-main-menu {margin:0;}
.bx-main-menu a.mnbtn {padding:14px 9px;text-decoration:none;font-size: 16px;font-weight: 400;}
.bx-main-menu #bx-catelist {position:relative;display:none;float:left;width:220px;text-align:center;background-color:#e51b13}
.bx-main-menu #bx-catelist .btn-cate {color:#fff;display:block;}
.bx-main-menu #menu-list {}
.bx-main-menu #menu-list a.mnbtn {padding:14px 15px;}
.bx-main-menu #menu-list .mnlist {overflow:hidden;white-space: nowrap;position:relative;zoom:1}
.bx-main-menu #menu-list .mnlist.initialized {padding:0 30px}
.bx-main-menu #menu-list .mnlist:after {display:block;visibility:hidden;clear:both;content:""}
.bx-main-menu #menu-list .mnlist .horizon-item a.mnbtn{display:block;}
.bx-main-menu #menu-list .mnlist .horizon-item a.mnbtn:hover{background:#dfdfdf;color:#000}
.bx-main-menu #menu-list .mnlist .horizon-prev{position:absolute;top:0;left:0;width:30px;height:48px;z-index:999;background:url('../img/prev_btn2.png') no-repeat 50% 50% #fff;border:0;opacity:0.9;filter:alpha(opacity=90);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';}
.bx-main-menu #menu-list .mnlist .horizon-next{position:absolute;top:0;right:0;width:30px;height:48px;z-index:999;background:url('../img/next_btn2.png') no-repeat 50% 50% #fff;border:0;opacity:0.9;filter:alpha(opacity=90);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';}
.bx-main-menu .wrap-asidebar-in-menu {position: absolute;top: 50%;left: 0;margin-top: -27px;}
.bx-main-menu .wrap-asidebar-in-menu .navbar-toggle {display:none}
.bx-main-menu .wrap-asidebar-in-menu .icon-bar {background: #909090;}
.bx-main-menu .wrap-notice {display:none;position: absolute;top:0px;right:0px;width:250px;float:right;height: 48px;line-height: 50px;overflow: hidden;background: #fff url('./img/in_main_menu_bar2.gif') no-repeat 0 16px;padding-left: 12px;}
.bx-main-menu .wrap-notice .flex-direction-nav { width: 27px; border: 1px solid #e1e5e7; position: absolute; top: 5px; right: 0; }
.bx-main-menu .wrap-notice .flex-direction-nav a { display: block; width: 27px; height: 18px; text-indent: -50000px; outline: 0; }
.bx-main-menu .wrap-notice .flex-direction-nav a.flex-prev { height: 19px; background: url('./img/in_main_menu_arrow_up.gif') no-repeat 50% 50%; border-bottom: 1px solid #e1e5e7; }
.bx-main-menu .wrap-notice .flex-direction-nav a.flex-next { background: url('./img/in_main_menu_arrow_down.gif') no-repeat 50% 50%; }
.bx-main-menu .wrap-notice .top-notice-slide .slides li > a {font-size: 12px;color: #131313;}


.quick-menu {position:relative;height: 48px;line-height: 50px;overflow: hidden;padding-left: 12px;}
.quick-menu .flex-direction-nav { width: 27px; border: 1px solid #e1e5e7; position: absolute; top: 5px; right: 0; }
.quick-menu .flex-direction-nav a { display: block; width: 27px; height: 18px; text-indent: -50000px; outline: 0; }
.quick-menu .flex-direction-nav a.flex-prev { height: 19px; background: url('./img/in_main_menu_arrow_up.gif') no-repeat 50% 50%; border-bottom: 1px solid #e1e5e7; }
.quick-menu .flex-direction-nav a.flex-next { background: url('./img/in_main_menu_arrow_down.gif') no-repeat 50% 50%; }
.quick-menu .top-notice-slide .slides li > a {font-size: 12px;color: #131313;}

.sub-block {height:140px;background:#fff;}

.btn-gray,a.btn-gray{color:#fff;background-color:#9E9E9E;border-color:#9E9E9E}.btn-gray:focus,.btn-gray:active:focus,.btn-gray.active:focus,.btn-gray.focus,.btn-gray:active.focus,.btn-gray.active.focus,a.btn-gray:focus,a.btn-gray:active:focus,a.btn-gray.active:focus,a.btn-gray.focus,a.btn-gray:active.focus,a.btn-gray.active.focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn-gray:hover,.btn-gray:focus,.btn-gray.focus,a.btn-gray:hover,a.btn-gray:focus,a.btn-gray.focus{color:#fff;background-color:#7a7473}.btn-gray.btn-xs{font-size:11px;font-family:'돋움',Dotum,Verdana,applegothic;letter-spacing:-1px}
.btn-whitegray,a.btn-whitegray{color:#404040;background-color:#fff;border-color:#ccc}.btn-whitegray:focus,.btn-whitegray:active:focus,.btn-whitegray.active:focus,.btn-whitegray.focus,.btn-whitegray:active.focus,.btn-whitegray.active.focus,a.btn-whitegray:focus,a.btn-whitegray:active:focus,a.btn-whitegray.active:focus,a.btn-whitegray.focus,a.btn-whitegray:active.focus,a.btn-whitegray.active.focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn-whitegray:hover,.btn-whitegray:focus,.btn-whitegray.focus,a.btn-whitegray:hover,a.btn-whitegray:focus,a.btn-whitegray.focus{color:#404040;background-color:#d4d3d3}.btn-whitegray.btn-xs{font-size:11px;font-family:'돋움',Dotum,Verdana,applegothic;letter-spacing:-1px}
.btn-dyellow,a.btn-dyellow{color:#fff;background-color:#b79239;border-color:#b79239}.btn-dyellow:focus,.btn-dyellow:active:focus,.btn-dyellow.active:focus,.btn-dyellow.focus,.btn-dyellow:active.focus,.btn-dyellow.active.focus,a.btn-dyellow:focus,a.btn-dyellow:active:focus,a.btn-dyellow.active:focus,a.btn-dyellow.focus,a.btn-dyellow:active.focus,a.btn-dyellow.active.focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn-dyellow:hover,.btn-dyellow:focus,.btn-dyellow.focus,a.btn-dyellow:hover,a.btn-dyellow:focus,a.btn-dyellow.focus{color:#fff;background-color:#c7a553}.btn-dyellow.btn-xs{font-size:11px;font-family:'돋움',Dotum,Verdana,applegothic;letter-spacing:-1px}
.btn-red,a.btn-red{color:#fff;background-color:#c3002f;border-color:#c3002f}.btn-red:focus,.btn-red:active:focus,.btn-red.active:focus,.btn-red.focus,.btn-red:active.focus,.btn-red.active.focus,a.btn-red:focus,a.btn-red:active:focus,a.btn-red.active:focus,a.btn-red.focus,a.btn-red:active.focus,a.btn-red.active.focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn-red:hover,.btn-red:focus,.btn-red.focus,a.btn-red:hover,a.btn-red:focus,a.btn-red.focus{color:#fff;background-color:#da234f}.btn-red.btn-xs{font-size:11px;font-family:'돋움',Dotum,Verdana,applegothic;letter-spacing:-1px}

.admin-desc {}
.contents {margin-bottom:30px;}
.section-page {position:relative;}
#container_wrap {border-top: 2px solid #555;margin:10px 0 0;border-bottom:1px solid #ccc;background:#fff;padding:15px;}
#container_wrap.shop {margin-left:-10px;margin-right:-10px;}
#container_wrap .desc {margin:0;}
#container_wrap .desc li {padding:1px 0;font-size: 12px;font-family: dotum, dotumche, 돋움, 돋움체, "돋움", "돋움체", sans-serif;letter-spacing:-1px;color:#777777}
#container_wrap .desc li i {color:#c51a1a;margin:0 5px 0 0}
.layout-sub #npage {background: url('../img/bg_body_all2.png');}
.layout-sub #npage #npage-sub {background: url('../img/bg_body_head.png') repeat-x;}
.layout-sub #npage #npage-sub .navigate {font-size: 12px;font-family: dotum, dotumche, 돋움, 돋움체, "돋움", "돋움체", sans-serif; margin:50px 0 10px;}

#wside {display:none;position:absolute;top:0;left:0;}
#wside .bx-category {background-color:#fff;border:1px solid #dfdfdf;padding:15px;}
#wside .bx-category h3 {font-size: 1.55em;}
#wside .bx-category .list {}
#wside .bx-category .list li {padding:4px 0}
#wside .bx-category .list li a {color:#5a5a5a}
.section-content {background-color:#fff;padding:10px;}

#sct, #sit, #sod_frm, #listtype {background-color:#fff;padding:0 10px 10px}
#sod_fin {background-color:#fff;padding:10px}
#sod_fin {margin-top:10px;}

.required,textarea.required{background-image:url('../img/checkmark_2.png')!important;background-repeat:no-repeat!important;background-position: right 50% !important;background-size:14px 7px}

/* 새창 기본 스타일 */
.new_win {position:relative;}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;margin:0;padding:10px 20px;background:#333;color:#fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-color:#253dbe;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#253dbe;font-weight:bold}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:right}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url('../img/close_btn.gif') no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:40px;font-weight:bold;font-size:1.083em;float:right}

#find_info #captcha legend {border:none;}

.top-visual-wrap {}

/* 메인화면 슬라이더 */
#wrap-visual {position:relative;width:100%;}
#wrap-visual .DG-wrapper { margin:0 auto;}
#wrap-visual #wrap-slider-arrow { z-index:100;position:absolute;top:50%;width:100%;}
#wrap-visual .vs-slider-arrow {position:relative;}
#wrap-visual .vs-slider-arrow .vs-btn { z-index:100;display:block;width:35px;height:65px;text-align:center;margin-top:-30px;width:35px;height:65px;background-color:#000;opacity:0.2;filter:alpha(opacity=20);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
#wrap-visual .vs-slider-arrow .vs-btn:hover {opacity:0.8;filter:alpha(opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';}
#wrap-visual .vs-slider-arrow .vs-btn.flex-prev {position:absolute;left:5%;}
#wrap-visual .vs-slider-arrow .vs-btn.flex-next {position:absolute;right:5%;}
#wrap-visual .vs-slider-arrow .vs-btn > span {display:block;width:35px;height:65px;}
#wrap-visual .vs-slider-arrow .vs-btn > span.left { background:url('../img/main_slide_arrow_left.png') no-repeat center center;}
#wrap-visual .vs-slider-arrow .vs-btn > span.right { background:url('../img/main_slide_arrow_right.png') no-repeat center center;}

#wrap-visual .vs-slider-arrow > span:hover > .bg { opacity:0.7;filter:alpha(opacity=70);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';}
#wrap-visual .vs-slider-page { width:100%;position:absolute;left:0;bottom:25px;text-align:center;z-index:100;}
#wrap-visual .vs-slider-page .bx-pager-item { display:inline-block;}
#wrap-visual .vs-slider-page .bx-pager-item a { display:inline-block;font-size:0;width:22px;height:4px;background:#b5b5b5;margin:0 4px;}
#wrap-visual .vs-slider-page .bx-pager-item a.active { background:#e51b13;}

#wrap-visual .flex-control-nav { width: 100%; margin: 0; padding: 0; list-style: none; text-align: center; font-size: 0; line-height: 0; position: absolute; bottom: 43px; left: 0; z-index: 100; }
#wrap-visual .flex-control-nav li { display: inline-block; vertical-align: bottom; padding: 0 5px; }
#wrap-visual .flex-control-nav li a { display: block; width: 50px; height: 6px; background: rgba(255,255,255,0.5); text-indent: -50000px; outline: 0; }
#wrap-visual .flex-control-nav li a.flex-active { height: 12px; background: rgba(255,255,255,1); }

#wrap-visual #vs-slider {margin:0;}
#wrap-visual #vs-slider > li { text-align:center;position: relative;}
#wrap-visual #vs-slider > li > img {width:100%}
#wrap-visual #vs-slider a.link-area { display:block;width:700px;height:430px;position:absolute;top:0;left:50%;margin-left:-317px;z-index:101;}

.watch-cart {margin:30px -15px 10px}
.watch-cart .custom-navigation {list-style:none}
.watch-cart .custom-navigation li {float:left}
.watch-cart .custom-navigation a {display:inline-block;text-indent: -50000px;width: 27px;outline: 0;height:27px;border: 1px solid #e1e5e7;}
.watch-cart .custom-navigation a.flex-prev {background:url('./img/in_main_menu_arrow_left.gif') no-repeat 50% 50%;}
.watch-cart .custom-navigation a.flex-next {border-left:0;background:url('./img/in_main_menu_arrow_right.gif') no-repeat 50% 50%;}
#watch-list {margin:10px 0}
#watch-list h2 {position:relative;margin:10px 0;font-size:14px;}
#watch-list h2 .page-info {position:absolute;top:-7px;right:0}
#watch-list .slides .img {width:100%;}
#watch-list .slides .info .figcaption {display:block;border-bottom:1px solid #dfdfdf}
#watch-list .slides .info .sct_cost {padding:10px 0;text-align: left;}
#watch-list .slides .info .sct_cost .org-price {text-decoration: line-through;}
#watch-list .slides .info .sct_cost .disc-per {color: #d10011;}
#cart-list {margin:30px 0}
#cart-list h2 {position:relative;margin:10px 0;font-size:14px;}
#cart-list h2 .page-info {position:absolute;top:-7px;right:0}
#cart-list .slides .img {width:100%;}
#cart-list .slides .info .figcaption {display:block;border-bottom:1px solid #dfdfdf}
#cart-list .slides .info .sct_cost {padding:10px 0;text-align: left;}
#cart-list .slides .info .sct_cost .org-price {text-decoration: line-through;}
#cart-list .slides .info .sct_cost .disc-per {color: #d10011;}

#bx-cate-tablet {display:none;float:left;}
#bx-cate-tablet .navbar-toggle {display:block;margin-right: 0px;}
#bx-cate-tablet .navbar-toggle .icon-bar {background: #000;}

.inslide-banner {display:none}

.inside-cate-menu {display: none;position: absolute;top: 0;left: 0; margin-top:48px;z-index: 150;width: 220px;background: rgba(255, 255, 255, 0.9);}
.inside-cate-menu:after {display:block;visibility:hidden;clear:both;content:""}
.inside-cate-menu > ul {width:100%;padding-top:7px;height:100%;margin:0;}
.inside-cate-menu > ul li {}
.inside-cate-menu > ul a.canode1 {display:block;padding:10px 14px;text-decoration:none;color: #353535;font-size: 13px;font-weight: normal;}
.inside-cate-menu > ul a.canode1:hover {background-color:#e51b13;color:#fff}
.inside-cate-menu > ul a.canode1 .fa.ca-more {line-height:1.5}
.inside-cate-menu .depth2 { display: block; background: #fff; border:1px solid #dfdfdf;text-align: left; position: absolute; top:0px; left:220px;width:700px; z-index: 105;padding:30px;min-height:100%;}
.inside-cate-menu .depth2 .depth2-title {padding:10px 0px 14px;margin-bottom:10px;color:#000;font-size:14px;border-bottom:1px solid #dfdfdf}
.inside-cate-menu .depth2 ul {padding:0;}
.inside-cate-menu .depth2 li { display: inline-block;}
.inside-cate-menu .depth2 li:first-child { padding-left: 0; background: none; }
.inside-cate-menu .depth2 li > a { display: block; padding: 10px 25px 10px 0; font-size:13px;letter-spacing:-1px; color: #020202;}
.inside-cate-menu .depth2 li > a:hover { font-weight: 700; color: #000; }
.inside-cate-menu .depth2 a.canode2 {text-decoration:none;display:inline-block;color:#656565;position:relative;padding:5px 10px;position:relative;border:1px solid #dfdfdf;border-radius:12px;margin:0px 5px 7px 0}
.inside-cate-menu .depth2 a.canode2:hover {background-color:#000;color:#fff;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
.layout-sub .inside-cate-menu > ul {border: 1px solid #dfdfdf;}

.bx-main-menu #bx-catelist .btn-cate.active > .fa-angle-down {
    transform: rotate(-180deg);
}

.vs-slider-string {position:absolute;top:10%;left:0;margin-left:0px;text-align:center;width: 100%;}
.vs-slider-string .btn-more {padding-top:10px;}
.vs-slider-string .btn-more a {display:inline-block;border-radius:2px;padding:7px 15px;color:#fff;background-color:#000;border:1px solid #fff;font-size:12px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}

.vs-slider-string .desc {font-size:14px;font-weight:100;color:#fff;text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;}
.vs-slider-string .desc, .vs-slider-string .btn-more {-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out;opacity:0;-webkit-transform:translate3d(0,15px,0);-moz-transform:translate3d(0,15px,0);-o-transform:translate3d(0,15px,0);-ms-transform:translate3d(0,15px,0);transform:translate3d(0,15px,0);}
#vs-slider li.flex-active-slide .vs-slider-string .desc, #vs-slider li.flex-active-slide .vs-slider-string .btn-more {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

#main2 .content_box { margin: 0 auto;  border: 1px solid #e5e5e5;  position: relative; z-index: 100; }
#main2 h2 { min-width: 1200px; padding: 57px 0 60px; border-bottom: 1px solid #e5e5e5; font-weight: 500; font-size: 28px; text-align: center; color: #212121; }
#main2 h2 img { display: inline-block; margin-right: 5px; vertical-align: bottom; }
#main2 ul,
#main2 ol { margin: 0; padding: 0; list-style: none; }
#main2 .slides li img { width: 100%; }

#main2 .tabs { margin: 0; padding: 33px 0 0; list-style: none; position: absolute; top: 0; left: -8px; }
#main2 .tabs:after { clear: both; display: block; content: ''; }
#main2 .tabs li { padding-top: 14px; }
#main2 .tabs a { display: inline-block; padding-left: 25px; background: url(./img/main2_tabs.gif) no-repeat; background-position: 0 50% !important; font-size: 14px; color: #bababa; text-decoration: none; position: relative; z-index: 100; }
#main2 .tabs a.flex-active { background: url(./img/main2_tabs_o.gif) no-repeat; background-position: 0 50% !important; font-size: 18px; color: #363636; }
#main2 .flex-direction-nav { width: 100%; height: 100%; margin: 0 auto; padding: 0; list-style: none; font-size: 0; line-height: 0; position: absolute; top: 0; left:0; }
#main2 .flex-direction-nav a { display: block; width: 23px; height: 45px; position: absolute; top: 50%; z-index: 100; }
#main2 .flex-direction-nav a.flex-prev { background: url(./img/btn_prev_23x45.gif) no-repeat; left: 36px; }
#main2 .flex-direction-nav a.flex-next { background: url(./img/btn_next_23x45.gif) no-repeat; right: 36px; }

.bx-good-type {margin:20px 0;}
.bx-good-type.stripe {background:url('../img/bg.gif') repeat;}
.bx-good-type .title {text-align:center;margin-bottom:10px;}
.bx-good-type .title h2 {font: normal 22px/1.25 'Roboto','Noto Sans KR',sans-serif;margin-top:20px;}
.bx-good-type .title h2 strong {font-weight:900;}

#wz-ft { clear: both; margin: 0 auto; background: #f7f7f7; border-top: 1px solid #e5e5e5; text-align: center;}
#wz-ft h1 { margin: 0; padding: 28px 0 14px; font-size:0;text-align:center }
#wz-ft address { margin: 0; padding: 0; font-style: normal; font-size: 16px; line-height: 26px; color: #2c2c2c;}
#wz-ft .copyright { padding: 15px 0 25px; font-size: 12px; color: #a1a1a1; }
#wz-ft p {margin:0;}
#wz-ft p span {font-size:14px;}
#wz-ft p span:before { display: inline-block; content: ''; width: 10px; height: 10px; margin: 0 19px; background: url(./img/footer_bar.gif) no-repeat; }
#wz-ft p span:first-child:before { content: none; }

button.btn-submit{margin:0;padding:0 20px;vertical-align:middle;background:#000;border:0;font-family:'Roboto',sans-serif;font-size:16px;font-weight:300;color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;text-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;padding:15px;}

.btn-link-1{display:inline-block;margin:5px;padding:5px 15px 5px 15px;background:#19b9e7;font-size:14px;font-weight:300;color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.btn-link-1:hover,.btn-link-1:focus,.btn-link-1:active, a.btn-link-1:hover,a.btn-link-1:focus,a.btn-link-1:active {outline:0;opacity:.6;color:#fff}
a.btn-link-1:link {color:#fff}
.btn-link-1.btn-link-1-facebook{background:#4862a3}
.btn-link-1.btn-link-1-twitter{background:#55acee}
.btn-link-1.btn-link-1-google-plus{background:#dd4b39}
.btn-link-1 i{padding-right:5px;vertical-align:middle;font-size:20px;line-height:20px}
.btn-link-2{display:inline-block;height:50px;margin:5px;padding:15px 20px 0 20px;background:rgba(0,0,0,0.3);border:1px solid #fff;font-size:16px;font-weight:300;line-height:16px;color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.btn-link-2:hover,.btn-link-2:focus,.btn-link-2:active,.btn-link-2:active:focus{outline:0;opacity:.6;background:rgba(0,0,0,0.3);color:#fff}
#mb_login .form-box, #mb_register .form-box{margin-top:20px;}
.form-box{border: 1px solid #dfdfdf;}
.form-top{overflow:hidden;padding:0 25px 15px 25px;background:#f9f9f9;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;text-align:left}
.form-top-left{float:left;width:75%;padding-top:25px}
.form-top-left h3{margin-top:0}
.form-top-right{float:left;width:25%;padding-top:5px;font-size:66px;color:#ddd;line-height:100px;text-align:right}
.form-bottom{padding:25px;background:#fff;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;text-align:left}
.form-bottom form textarea{height:100px}
.form-bottom form button.btn-submit{width:100%}
.form-bottom form .input-error{border-color:#19b9e7}

/* 상품진열관련 */
.glist{position:relative;clear:both;margin:0 5px;padding:1em 0 4em;list-style:none;text-align:center}
.glist:after {display:block;visibility:hidden;clear:both;content:""}
.glist .grid_li {position:relative;float:none;width:100%;}
.glist .grid_li .wrap_li {position: relative;margin:0 5px 15px;}
.glist .grid_li .frame-image {position:relative;display:block;margin:0;height:auto;background:#3085a3;text-align:center;cursor:pointer}
.glist .grid_li .frame-image:after {display:block;visibility:hidden;clear:both;content:""}
.glist .grid_li .frame-image img{position:relative;display:block;height:100%;width:100%;opacity:.8}
.glist .grid_li .frame-image .figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;z-index:1000;}
.glist .grid_li .frame-image .figcaption::before,
.glist .grid_li .frame-image .figcaption::after{pointer-events:none}
.glist .grid_li .frame-image .figcaption {position:absolute;top:0;left:0;width:100%;height:100%}
.glist .grid_li .frame-image h2{word-spacing:-0.15em;font-weight:500;font-family: 'Noto Sans Korean', '돋움',dotum,Helvetica,sans-serif;}
.glist .grid_li .frame-image h2 span{font-weight:800}
.glist .grid_li .frame-image h2 {margin:0}
.glist .grid_li .info {}
.glist .grid_li .info .figcaption {display:block;border-bottom:1px solid #dfdfdf}
.glist .grid_li .info h2 {margin:15px 0 10px;font-size:14px;}
.glist .grid_li .info .sct_basic {padding:10px 0 5px;text-align:left}
.glist .grid_li .info .sct_txt{font-weight:bold;font-size:1.083em;margin:10px 10px 5px;line-height:1.3em;text-align:left}
.glist .grid_li .info .sct_cost{padding:0px 0px 10px;text-align:left;}
.glist .grid_li .info .sct_cost .org-price {text-decoration: line-through;}
.glist .grid_li .info .sct_cost .disc-per {color: #d10011;}

.glist .grid_li .frame-image{background:#34495e}
.glist .grid_li .frame-image .figcaption{padding:1em}
.glist .grid_li .frame-image img{}
.glist .grid_li .frame-image img{opacity:.85}
.glist .grid_li .frame-image h2{position:absolute;bottom:7%;left:0;padding:0 7% 0 7%;text-align:right;font-size:11px;width:50%;}
.glist .grid_li .frame-image:hover h2 {text-align:left}
.glist .grid_li .frame-image:hover h2 {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

/* 스마트에디터 테이블 */
.__se_tbl,.__se_tbl th,.__se_tbl td{border:0;}
.__se_tbl table {clear:both;width:100%;border-collapse:collapse;border-spacing:0;}
.__se_tbl tbody, .__se_tbl tr, .__se_tbl td {vertical-align:middle}
.__se_tbl caption{display:none}
.__se_tbl th{padding:4px 0;border:1px solid #dcdcdc;color:#666;background-color: #fbfbfb;}
.__se_tbl tbody td{padding:4px 0;border:1px solid #e5e5e5;color:#4c4c4c;background-color: #fff;}

#sit_hhtml .se2_quote4 {background-color:#fff}

#noard1 {margin-top:20px;margin-bottom:10px}
#noard1:after { clear: both; display: block; content: '';}
#noard1 > div {float:left}
#noard1 > div.left {width:402px;padding: 0 10px 0 0;}
#noard1 > div.center {width:320px;padding: 0 10px 0 0;}
#noard1 > div.right {width:410px}
#noard1 .title {border-bottom: 2px solid #333333;font-size: 16px;font-weight: bold;padding: 10px 0 9px;}

#noard2 {margin-top:20px;margin-bottom:10px;background-color:#000}
#noard2:after { clear: both; display: block; content: '';}
#noard2 > div {float:left}
#noard2 > div.left {width:402px;padding: 0 10px 0 0;}
#noard2 > div.center {width:320px;padding: 0 10px 0 0;}
#noard2 > div.right {width:410px}
#noard2 .title {border-bottom: 2px solid #333333;font-size: 16px;color:#fff;font-weight: bold;padding: 10px 0 9px;}
#noard2 .right .usemlist {padding:15px 0 10px}

/* 하단 */
footer{color:#777;display:block;vertical-align:bottom;background-color:#2B2B2B;padding:15px 0 0;border-top:#252525 5px solid;z-index:101}
footer hr{border:0;margin:0;padding:0;border-top:#1a1a1a 1px solid;border-bottom:#3d3d3d 1px solid}
footer .f-title{color:#fff;margin:8px 0 18px;font-size:14px;font-weight:700;font-family:'Rubik',sans-serif}
footer .f-left {padding-top:9px;margin-bottom:20px;}
footer .f-left .logo-ft{margin-bottom:5px}
footer .f-left .link{margin-bottom:10px}
footer .f-left .link li{padding:3px 0 0}
footer .f-left .link li a{color:#b3b3b3}
footer .f-left .svr-list {padding:0;margin:8px 0 0;list-style:none;border-top:1px solid #bfbfbf;border-left:1px solid #bfbfbf;background:#252525}
footer .f-left .svr-list:after { clear: both; display: block; content: '';}
footer .f-left .svr-list li {float:left;width:50%;border-right:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;}
footer .f-left .svr-list li a {display:block;text-align:center;padding:3px 0;color:#bfbfbf;font-size:12px;letter-spacing:-1px;}
footer .f-center {margin-bottom:20px;}
footer .f-center .call-center {margin:0}
footer .f-center .call-center .cnumber {font-size:18px;color:#fff;font-weight:bold}
footer .f-center .call-center .cnumber a {color:#fff;}
footer .f-center .call-center .fax {font-size:12px;color:#fff;}
footer .f-center .corp-info{color:#fff;margin-top:13px;}
footer .f-center .corp-info li{padding:0 0 4px;color:#bfbfbf}
footer .f-center .btn-link{font-family:'dotum';font-size:12px;font-weight:400;letter-spacing:-1px;height:auto;display:inline-block;margin:0 4px;padding:0 7px;height:24px;border:0;background:#444;color:#fff!important;text-decoration:none;vertical-align:middle;line-height:2em}
footer .f-center .desc{color:#bfbfbf;font-family:'dotum';font-size:12px;font-weight:400;letter-spacing:-1px}
footer .f-right .deposit-info dd{padding:3px 0 0;color:#fff}
footer .f-right .deposit-info dd .link {margin:5px 0 0;padding:0;list-style:none}
footer .f-right .deposit-info dd .link li {float:left;padding:0 3px 3px 0;}
footer .f-right .deposit-info .label {font-family:'dotum';font-size:12px;font-weight:400;letter-spacing:-1px;}
footer .copyright{background-color:#252525;padding:20px 0;margin:16px 0 0}

#wrap-visual #vs-slider > li > .centered > img {width:100%;}

@media (max-width: 767px) { /* xs */
	
	#hd .head-logo {margin: 15px 0;}
	#hd .navbar-toggle {margin-right: 10px;}
	#hd .top-smenu > .top-smenu-ul {margin:0;}	
	.container.bx-main-menu {padding-right:0;padding-left:0;}
	
	#wrap-visual .flex-control-nav { bottom: 22px;}
	#wrap-visual .flex-control-nav li a { width: 20px; height: 6px;}
	#wrap-visual .flex-control-nav li a.flex-active { height: 9px;}
	
	#main2 .tabs { display: table; width: 100%; padding: 0; text-align: center; position: relative; top: -3.5px; left: 0; }
	#main2 .tabs li { display: table-cell; padding: 0; }
	#main2 .tabs a { padding: 13.5px 0; background-position: 50% 0 !important; background-size: 7.5px 7.5px;}
	#main2 .tabs a.flex-active { background-position: 50% 0 !important; background-size: 7.5px 7.5px; font-weight: 700; font-size: 14px; }
	#main2 .flex-direction-nav a { display: block; width: 11.5px; height: 22.5px; background-size: cover !important; top: 50%; }
	
	#wz-ft address {line-height:18px;}
	#wz-ft p span {font-size:11px;letter-spacing:-1px;color:#5f5f5f}
	#wz-ft p span:before { width: 10px; margin: 0 7px;}

	#sod_frm .od_prd_list th:nth-child(n+2), #sod_frm .od_prd_list td:nth-child(n+2) {display:none}	

	.wz-table-responsive table th, .wz-table-responsive table td {display:none}
	.wz-table-responsive table td.td_chk, .wz-table-responsive table td.td_visible {display:table-cell}
	.wz-table-responsive td .post-info {margin-top:5px;font-size:11px;letter-spacing:-1px;color:#5f5f5f}

	.sct_10 .sct_li {width:100%}

	.glist .grid_li {float:left;width:50%;}
	.glist .grid_li:nth-child(odd) {clear:both}

	.bx-main-menu #menu-list a.mnbtn {padding:14px 10px;font-size:12px;}
	#sit_pvi_slide {width:200px !important;height:200px !important;}
	#sit_pvi_slide .slide_img img {width:200px !important;height:200px !important;}

	#noard1 > div {float:none}
	#noard1 > div.left {width:100%;padding:0;}
	#noard1 > div.center {width:100%;padding:10px 0 0;}
	#noard1 > div.right {width:100%;padding:0;}
	
	#noard2 > div {float:none}
	#noard2 > div.left {width:100%;padding:0;}
	#noard2 > div.center {width:100%;padding:10px 0 0;}
	#noard2 > div.right {width:100%;padding:10px 0 0;}

	#menu-list > .mnlist {margin-bottom:-1px;}
	#menu-list > .mnlist {border-top: 2px solid #eee;}
	#menu-list > .mnlist > .horizon-item {float: left;position: relative;width: 25%;border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;text-align: center;overflow:hidden}
	#menu-list > .mnlist > .horizon-item:nth-child(4n) {border-right: 0;}
	#menu-list > .mnlist > .horizon-item:nth-child(4n+1) {clear: both;}
	.wrap-logo #menu-list .mnlist .horizon-item a.mnbtn {display:block}
}
@media (min-width: 768px) { /* sm */
	
	#hd .head-logo {text-align:left;padding:25px 0;min-height:70px;}
	#hd .wrap-logo .bx-search {display:block;}
	.contents {margin-left:-15px;margin-right:-15px;}

	.sod_left{display: table-cell;width:500px;background:#fafafa;padding:20px;vertical-align:top;}
	.sod_right{display: table-cell;background:#efefef;padding:20px;vertical-align:top;-webkit-box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.2);	-moz-box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.2);	box-shadow: inset 7px 0 11px -5px #cecece;height:100%}

	#sod_frm .od_prd_list th:nth-child(n+5), #sod_frm .od_prd_list td:nth-child(n+5) {display:none}

	.bx-good-type .sct_10 {margin-right:-20px}

	.sct_10 .sct_li {width:33.33%}
	
	.glist{margin:0px;}
	.glist .grid_li {float:left;width:25%;}
	.glist .grid_li:nth-child(4n+1) {clear:both}
	.glist .grid_li .wrap_li {margin:0 5px 10px}
	.glist .grid_li .frame-image h2 {font-size:14px}
    .glist .grid_li .sct_cost {font-size: 14px;}

	#bx-cate-tablet {display:block}

}
@media (min-width: 992px) { /* md */

	.sub-block {height:200px;}
	#hd .top-smenu > .top-smenu-ul.in-user {margin-top:0px;}

	#hd .head-logo {width:220px;float:left;text-align:center;}
	#mb_login .content-wrap {width:460px;}
	#mb_register .content-wrap {width:660px;}

	.bx-main-menu .wrap-notice {display:block;}

	#sod_frm .od_prd_list th:nth-child(n+2), #sod_frm .od_prd_list td:nth-child(n+2) {display:table-cell}

	#wside {display:block;width:180px}
	#eside {margin-left:200px;}
	.section-content {min-height:300px;}

	#wrap-visual .vs-slider-arrow .vs-btn.flex-prev {position:absolute;left:10%;}
	#wrap-visual .vs-slider-arrow .vs-btn.flex-next {position:absolute;right:10%;}

	#watch-list {padding-left:0;}
	#cart-list {padding-right:0;margin:10px 0}
	#bx-cate-tablet {display:block}

}
@media (min-width: 1200px) { /* lg */
	
	.sod_left{width:790px;}

	#wrap-visual #vs-slider > li > .centered > img {width:auto;}
	.vs-slider-string {left:50%;margin-left: -300px;text-align:left}
	.vs-slider-string .desc {font-size:30px;}
	#wrap-visual #vs-slider > li > img {width:auto}
	
	.inslide-banner {display:block;position:absolute;top:0;right:50%;margin-right:-584px;z-index:100;}
	.inslide-banner ul { float:right;padding-top:20px;}
	.inslide-banner ul li { margin-bottom:7px;}
	.inslide-banner ul li img {-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9; }
	#wrap-visual .bx-wrapper img {width:auto}

	.bx-main-menu #bx-catelist {display:block}
	.inside-cate-menu {display:hidden;}
	.layout-main .inside-cate-menu.active {display:block;}
	.bx-main-menu #menu-list {margin-left:230px;}
	
	#wrap-visual .vs-slider-arrow {width:1170px;margin:0 auto;}
	#wrap-visual .vs-slider-arrow .vs-btn.flex-prev {position:absolute;left:240px;}
	#wrap-visual .vs-slider-arrow .vs-btn.flex-next {position:absolute;right:190px;}

	#bx-cate-tablet {display:none}

}
