/* BASIC css start */
/* 공통 */
.clearFix {position:relative; zoom:1;}
.clearFix:after {content:"";display: block; clear: both;}
.comm-w {width:1280px; margin:0 auto;}
#container{border-top: none;margin-top: 0;}

.mg_tp15{margin-top:15px;}
.mg_bt15{margin-bottom:15px;}

.pd_tp15{padding-top:15px;}





/*------------------------- haeder -------------------------*/
/*최상단 띠배너*/
.top-banner{position:relative; height:120px; width:100%; overflow:hidden;}
.top-banner a img{position:absolute; left:50%; width:2560px; margin-left:-1280px;}
.top-banner span{position:absolute; /*right:calc(50% - 600px);*/ right:40px; top:48px; cursor:pointer;}


/* 로그인영역 */
#header_warp {background:#fff;}
/*.hd-navi {width:100%; height:35px;line-height:35px; background:#f9f9f9;}
.hd-navi .hd-container .hd-left {float:left; font-size: 0px; letter-spacing: 0px; word-spacing: 0px; display:none;}
.hd-navi .hd-container .hd-left li {display:inline-block;zoom:1;*display:inline;_display:inline; padding:0 19px; border-right:1px solid #e2e2e2;}
.hd-navi .hd-container .hd-left li:nth-child(1) {border-left:1px solid #e2e2e2;}
.hd-navi .hd-container .hd-left li > a {font-size:12px; color:#525252; display:block; line-height:35px;}
.hd-navi .hd-container .hd-right {float:right; font-size: 0px; letter-spacing: 0px; word-spacing: 0px;}
.hd-navi .hd-container .hd-right li {display:inline-block;zoom:1;*display:inline;_display:inline;}
.hd-navi .hd-container .hd-right li.join {position:relative;}
.hd-navi .hd-container .hd-right li.join .point {position: absolute; top: 32px; left:50%; margin-left:-31.5px; z-index: 100; display:block; height:20px; line-height:20px; width:63px; text-align:center; color:#fff; background:#725b50; font-size:11px; border-radius:50px;}
.hd-navi .hd-container .hd-right li.join .point:after {content:''; position:absolute; width:0; height:0; border-style:solid;border-width:4px; left:50%; margin-left:-2px;border-color:transparent transparent #725b50 transparent; top:-8px;}
.hd-navi .hd-container .hd-right li.cart > a {border:0px; padding-right:4px;}
.hd-navi .hd-container .hd-right li.cart > a > img {vertical-align:middle;}
.hd-navi .hd-container .hd-right li.cart span {display:inline-block;zoom:1;*display:inline;_display:inline; background:#d1161b; -moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px; min-width: 23px; min-height: 17px; line-height: 17px;  text-align:center; color:#fff;font-size:11px;}
.hd-navi .hd-container .hd-right li > a {font-size:13px; color:#666; padding: 0 12px; border-right:1px solid #e2e2e2;}
.hd-navi .hd-container .hd_favo{float:right;}
.hd-navi .hd-container .hd_favo a{display:block; border:1px solid #dddddd; border-radius:10px; height:21px; line-height:20px; padding:0 10px; font-size:13px; color:#666;}*/


.hd-wrap .hd-container .hd-right {float:right; font-size: 0px; letter-spacing: 0px; word-spacing: 0px; padding-top:20px;}
.hd-wrap .hd-container .hd-right li {display:inline-block;zoom:1;*display:inline;_display:inline;}
.hd-wrap .hd-container .hd-right li.join {position:relative;}
.hd-wrap .hd-container .hd-right li.join .point {position: absolute; top: 32px; left:50%; margin-left:-31.5px; z-index: 100; display:block; height:20px; line-height:20px; width:63px; text-align:center; color:#fff; background:#725b50; font-size:11px; border-radius:50px;}
.hd-wrap .hd-container .hd-right li.join .point:after {content:''; position:absolute; width:0; height:0; border-style:solid;border-width:4px; left:50%; margin-left:-2px;border-color:transparent transparent #725b50 transparent; top:-8px;}
.hd-wrap .hd-container .hd-right li.cart > a {border:0px; padding-right:4px;}
.hd-wrap .hd-container .hd-right li.cart > a > img {vertical-align:middle;}
.hd-wrap .hd-container .hd-right li.cart span {display:inline-block;zoom:1;*display:inline;_display:inline; background:#d1161b; -moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px; min-width: 23px; min-height: 17px; line-height: 17px;  text-align:center; color:#fff;font-size:11px;}
.hd-wrap .hd-container .hd-right li > a {font-size:13px; color:#666; padding: 0 12px; background:url(/design/samdacom2/wib2/img/common/col_line01.gif)no-repeat right 2px;}

.hd-wrap .hd-container .hd_favo{float:right; margin-top:16px;}
.hd-wrap .hd-container .hd_favo a{display:block; border:1px solid #dddddd; border-radius:10px; height:21px; line-height:20px; padding:0 10px; font-size:13px; color:#666;}




/* 로고영역 */
.hd-wrap .hd-container{position:relative;}
.hd-wrap .logo {position:absolute; left:0; top:33px;}
.hd-wrap .hd-banner {position: absolute; right: 0; top: 40px; width: 222px;}
.hd-wrap .hd-banner img{width: 100%;}
.hd-wrap .hd-banner > div {margin:0px !important;}
/* 검색창 */
.hd-wrap .serch_form {min-width:252px; text-align:center; padding: 38px 0;}
.hd-wrap .hd-search legend{display:none;}
.hd-wrap .hd-search form {position:relative; width:387px; margin:0 auto; height:44px;}
.hd-wrap .hd-search form fieldset > input {background: #ffffff; font-size:17px; /*border-radius: 5px;*/ overflow: hidden; width: 383px; height: 40px; margin: 0 auto; border:0; border-bottom: 3px solid #cf161b!important; padding-left:10px;}

.hd-wrap .hd-search input::-webkit-input-placeholder {
        color: #cf161b;
      }
.hd-wrap .hd-search input:-ms-input-placeholder {
        color: #cf161b;

      }
      
.hd-wrap .hd-search input::placeholder {
        color: #cf161b!important;
      }


.hd-wrap .hd-search input::placeholder{color:#cf1e24;}
.hd-wrap .hd-search form fieldset > input:-ms-input-placeholder {line-height:10px; color:#ef2554}
.hd-wrap .hd-search .top_search_cont .top_text_cont .top_srarch_text{width: 346px;height: 40px;float: left; padding:5px 16px 5px 16px; display:inline-block; zoom:1; _display:inline; *display:inline; font-size:13px; color:#5f5f5f;}
.hd-wrap .hd-search form .sch_btn {position:absolute; top:0; right:0; display:inline-block; zoom:1; _display:inline; *display:inline; padding:10px 10px 0px 0px;}
.hd-wrap .hd-search .search_cont{display:block; margin:0; font-size:0; background:#ffffff; position: absolute; top: 44px;left: 0; z-index: 99; border:1px solid #f5f5f5; width:385px;}
.hd-wrap .hd-search.hd-wrap .hd-search .search_cont .recent_box {width:260px !important;}
.hd-wrap .hd-search input[name='search']::placeholder{color:#3f3f3f;}
.best-searches {display:none; padding: 0 0 10px 0; font-size:0; letter-spacing:0; word-spacing:0;}
.best-searches li {display:inline-block; zoom:1; _display:inline; *display:inline; font-size:12px; color:#000;vertical-align: top; margin: 0 8px;}
.best-searches li a {color: #4b4b4b;font-size: 12px;}
.best-searches li:nth-child(4) > a {border-right:0px;}

/* 카테고리영역 */
.hd-cate {background: #fff;border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;}
.hd-cate .hd-container.hd-fixed{position: fixed; width:100%; top:0; left:0; z-index: 99; background: #514033;}
.hd-cate .all-category {position:relative; float:left; width:177px;text-align:center;background:#fff url("/design/samdacom2/wib2/img/common/menu-icon.png")no-repeat 23px center; border-left: 1px solid #ededed; border-right: 1px solid #ededed;}
.hd-cate .all-category > a {color:#434343; font-size:15px; font-weight:normal; height:50px; line-height:50px; padding-left:23px; display:block;}
.hd-cate .all-category > a > img {vertical-align:middle; padding-left:15px;}
.hd-cate .all-category > .all-category-content { display:none; position:absolute; top:50px; left:0; right:0; z-index:350; width:1170px !important; background:#fff; border:1px solid #e0e0e0; box-sizing:border-box; overflow-y: auto;overflow-x: hidden;}
.hd-cate .all-category > .all-category-content .category > li { width: 242px; height:274px; min-height:274px; float: left; margin-top:25px; text-align:left; padding:0px 25px; vertical-align:top;}
.hd-cate .all-category > .all-category-content .category > li:last-child {border-right:0px;}
.hd-cate .all-category > .all-category-content .category > li > a {display:block; font-weight:bold; font-size:15px; color:#373737;padding-bottom:9px;margin-bottom:13px;border-bottom:1px solid #8c8c8c;}
.hd-cate .all-category > .all-category-content .category > li > .sub-cate > li > a {font-size:13px; line-height:25px; color:#4b4b4b;}
.hd-cate .all-category > .all-category-content .category > li > .sub-cate > li > a:hover {opacity:0.5;}
.cate-wrap{width: 100%;}
.cate-wrap > ul {font-size: 0px;letter-spacing: 0px; word-spacing: 0px;}
.cate-wrap > ul > li {height:51px; line-height:50px;position:relative; display:inline-block;zoom:1;*display:inline;_display:inline; text-align:center;}
.cate-wrap > ul > li:nth-child(8) ~ li{display: none;}
.cate-wrap > ul > li:last-child a{background:none;}
.cate-wrap > ul > li:hover .sub-cate{height: auto;opacity: 1;top: 50px;visibility: visible;padding: 10px 15px; min-width: 160px; border: 1px solid #ddd;}
.cate-wrap > ul > li > a {font-size:15px; color:#434343; font-weight:normal; background: url("/design/samdacom2/wib2/img/common/cate-bg.png")repeat-y right center;
background-origin: padding-box; padding: 0 34.5px;}
.cate-wrap > ul > li > ul.sub-cate {position: absolute; left: 50%; margin-left: -95px;top: 40px;transition: top .3s ease; height: 0;overflow: hidden;visibility: hidden;
opacity: 0;box-shadow: 2px 2px 4px rgba(0,0,0,0.1); z-index: 99; width: 90px; background: #fff; position: absolute;left: 50%;margin-left: -95px;}
.cate-wrap > ul > li > ul.sub-cate > li > a {display: block;padding:0px 15px;font-size: 13px; color: #4b4b4b; letter-spacing: 1px; line-height: 28px; text-align: left;}
.cate-wrap > ul > li > ul.sub-cate > li > a:hover {opacity:0.5;}







.headerGnb {width:100%; /*border-top:1px solid #ededed; border-bottom:1px solid #ededed;*/ background:#fff; z-index:999;  border-bottom:1px solid #ddd;}

.headerGnb .gnbInner {width:1200px; height:50px; margin:0 auto; position:relative;}





nav.navList {position:relative; width:1280px; height:50px; line-height:50px; margin:0 auto; }
nav.navList li#allCate{text-align:left;}
nav.navList li#allCate i{padding-right:14px;}

nav.navList li#allCate,
nav.navList li#allCate:hover { /*background-color:rgba(0,0,0,0.8);*/ }
nav.navList li#allCate > a { color:#111; }
nav.navList li#allCate > a:hover { background-color:transparent; }
nav.navList .dropDownMenu > li:hover i{color:#d0161b;}

nav.navList .dropDownMenu .depthMenu a { padding:0 10px 0 50px; font-size:16px; font-weight: 600; line-height:52px; }
nav.navList .dropDownMenu .depthMenu a:hover { color: #fff; background-color:#363636; }
nav.navList .dropDownMenu a { color:#222; font-size:17px; }
nav.navList .dropDownMenu,
nav.navList .dropDownMenu ul { list-style:none; margin:0; padding:0; }
nav.navList .dropDownMenu li { position:relative; }
nav.navList .dropDownMenu a  { padding:10px 20px; display:block; text-decoration:none; }

/* Depth 1 Drop Down Menu */
nav.navList .dropDownMenu li.depthMenu { color:#434343; font-size:15px; line-height:52px; border-top:1px solid #ddd; }
nav.navList .dropDownMenu li.depthMenu:first-child{border:0;}
nav.navList .dropDownMenu li.depthMenu:hover {background-color:#fff; font:white; }
nav.navList .dropDownMenu > li { /*display:inline-block;*/ float:left; vertical-align:top;  text-align:center; /*margin-left:-4px;*/ width:12.5%; height:50px; line-height:50px; position:realtive;}
nav.navList .dropDownMenu > li:last-child a{background:none;}

nav.navList .dropDownMenu .depth01.on{background:#f5f5f5; }
nav.navList .dropDownMenu .depth01.on > a{color:#d0161b; font-weight: 600;}

/*
nav.navList .dropDownMenu > li:not(:nth-child(1)):before { content:""; width:1px; height:20px; position:absolute; left:0; top:15px; background-color:#ededed ; }
nav.navList .dropDownMenu > li:first-child { margin-left:0; }*/

nav.navList .dropDownMenu > li:hover{border-bottom:4px solid #d0161b; box-sizing:border-box;}

nav.navList .dropDownMenu > li > a {  display:inline-block; padding:0px;  /*border-right:1px solid #e5e5e5;*/ width:100%; background:url(/design/samdacom2/wib2/img/common/col_line01.gif)no-repeat right center; font-weight:600; line-height:50px;}
nav.navList .dropDownMenu > li > a:hover {background-color:transparent;  color:#d0161b;}
nav.navList .dropDownMenu > .special { background:url(http://ai.esmplus.com/oksamda/domae/mo/depth_1_03_ico.png)no-repeat center left; background-size:25px; background-position:10px;}
nav.navList .dropDownMenu > .special > a { padding-left:10px;}

/* Depth 2 */
nav.navList .dropDownMenu > li > ul {position:relative; text-align:left; /*width:100%;*/ width:209px; display:none; background:#fff; position:absolute; top:50px; left:-20px; z-index:9999999; border:1px solid #ddd; }
nav.navList .dropDownMenu > li:hover > ul { display:block; }
nav.navList .dropDownMenu ul li{position:static;}
nav.navList .dropDownMenu ul li a { padding:0 0px 0 50px; line-height:40px; font-size:14px;  }
nav.navList .dropDownMenu ul li a:hover {color: #d0161b;  /*background-color:rgba(0,0,0,0.8);*/  font-weight:600;}
/* Depth 3 */
nav.navList .dropDownMenu > li > ul > li > ul { text-align:left; display:none; background:#f5f5f5; position:absolute; left:100%; top:-1px; z-index:9999999; min-width:209px; border:1px solid #ddd; height:407px; border-left:0; padding:15px 0; box-sizing:border-box; }
nav.navList .dropDownMenu > li > ul > li:hover > ul { display:block; }
nav.navList .dropDownMenu ul ul li {position:relative; /*padding:10px 0;*/}
nav.navList .dropDownMenu ul ul li a {/*padding:0px 20px 0 42px;*/display:block; padding-left:42px;  line-height:35px;  }
nav.navList .dropDownMenu ul ul li:hover {}
nav.navList .dropDownMenu ul ul li:hover span{border-bottom:1px solid #e06467; /*background:url(/design/samdacom2/wib2/img/common/red_arrow.png)no-repeat 80% center;*/}
nav.navList .dropDownMenu ul ul li a:hover:after{
content: '';
   width: 100%;
   position: absolute;
   top:10px; right:20px;
   width:6px; height:11px;   
   background:url(/design/samdacom2/wib2/img/common/red_arrow.png)no-repeat;
}

/*navi 우측메뉴*/
.nav_right{position:absolute; top:0; right:0;}
.nav_right li{float:left; padding:0 15px;}
.nav_right li a{line-height:50px;}
.nav_right li span{position:absolute; top:10px; right:2px; font-size:12px; width:21px; height:21px; line-height:21px; color:#fff; text-align:center; border-radius:100%; background:#d0161b;}
.nav_right li.mem{padding:0 25px 0 0;}
.nav_right li.mem img{padding-right:13px;}
.nav_right li.mem a{color:#cb0909; font-weight:600; font-size:16px;}



.nav_right_scroll{ top:-1px; right:0; display:none; background:#fff;}
.nav_right_scroll li{float:left; padding:0 15px;}
.nav_right_scroll li a{line-height:50px;}
.nav_right_scroll li span{position:absolute; top:10px; right:2px; font-size:12px; width:21px; height:21px; line-height:21px; color:#fff; text-align:center; border-radius:100%; background:#d0161b;}
.nav_right_scroll li.mem{padding:0 25px 0 0;}
.nav_right_scroll li.mem img{padding-right:13px;}
.nav_right_scroll li.mem a{color:#cb0909; font-weight:600; font-size:16px;}

.fixed_bar{ position:fixed; width:100%; z-index:999; background:#fff; top:0; -webkit-box-shadow: 1px 10px 15px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 1px 10px 15px 0px rgba(0,0,0,0.35);
    box-shadow: 1px 10px 15px 0px rgba(0,0,0,0.35);}
.fixed_bar .nav_right{display:none;}
.fixed_bar .nav_right_scroll{display:block; position:absolute; }
.fixed_bar .nav_right_scroll fieldset{width:115px;}
.fixed_bar .nav_right_scroll input{border:0; width:115px; margin-top:10px;}
.fixed_bar .nav_right_scroll .fixed_search{border-bottom:1px solid #7f7f7f; height:45px; line-height:45px; padding:0; box-sizing:border-box;  width:145px; position:relative; margin-right:15px;}
.fixed_bar .nav_right_scroll .sch_btn{position:absolute; top:0; right:0;}
.fixed_bar .nav_right_scroll .sch_btn input{ width:19px; margin:0;}





/*
#preview_wrap{display: none !important;}

#hdWrap { margin-bottom: 30px; }
#hdWrap #header { position: relative; width: 1200px; margin-left: auto; margin-right: auto; }
#hdWrap #header .hd-logo { margin: 25px 0 10px 0; text-align: center; }
#hdWrap #header .hd-link { zoom: 1; overflow: hidden; padding: 10px 20px 10px 300px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#hdWrap #header .hd-menu { float: left; }
#hdWrap #header .hd-menu li { float: left; padding: 0 20px; border-right: 1px solid #ddd; }
#hdWrap #header .hd-menu li.last { border-right: 0; }
#hdWrap #header .hd-menu li a { display: inline-block; height: 16px; line-height: 18px; color: #aaa; font-size: 11px; letter-spacing: -1px; }
#hdWrap #header .hd-menu li a:hover { color: #333; }
#hdWrap #header .hd-search { float: right; width: 140px; }
#hdWrap #header .hd-search .input-keyword { width: 120px; background-color: #fafafa; border: 1px solid #ddd; }

#headerWrap .topWrap .utillMenu ul li .hd-search {padding:0; margin:0;border-bottom: 1px solid #484848;}
#headerWrap .topWrap .utillMenu ul li a input {width:14px; height:16px;}

#headerWrap {width:1200px;  margin:0 auto;}
#headerWrap .topWrap {overflow:hidden; margin-top:40px;}
#headerWrap .topWrap h1 {float:left; width:150px;}
#headerWrap .topWrap .utillMenu { float:right; margin-top:50px;}
#headerWrap .topWrap .utillMenu ul {overflow:hidden; }
#headerWrap .topWrap .utillMenu > ul > li {float:left; margin-left:20px;}
#headerWrap .topWrap .utillMenu ul li span,
#headerWrap .topWrap .utillMenu ul li a {color:#484848; font-size:14px; }
#headerWrap .topWrap .utillMenu ul li .sch_btn{  padding-bottom: 5px; display: inline-block;}
#headerWrap .topWrap .utillMenu ul li .MS_search_word{width:99px; border:0;}
#headerWrap .topWrap .utillMenu > ul > li.hd-cate-wrap a{ padding-bottom: 10px; display: block;}
#headerWrap .topWrap .utillMenu > ul > li.hd-cate-wrap:hover .hd-cate{ opacity: 1;}
#headerWrap .topWrap .utillMenu > ul > li.hd-cate-wrap .hd-cate{transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; position: absolute; z-index: 9; background: #fff; border: solid 1px #ccc;  padding: 10px 15px 5px; width: auto;}
#headerWrap .topWrap .utillMenu > ul > li.hd-cate-wrap .hd-cate li{line-height: 24px;}
#headerWrap .topWrap .utillMenu > ul > li.hd-cate-wrap .hd-cate li a{font-size: 12px;}
#headerWrap .topWrap .utillMenu > ul > li.hd-cate-wrap .hd-cate li a:hover{ transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0.5;}
*/

/* 사이드 메뉴 */
/*
#scroll-right {position: fixed; z-index: 80;  top: 0; right:0px; background: #fff; height: 100%; width: 130px;  padding: 20px; border-left: solid 1px #e6e6e6;padding-top: 60px;}
#scroll-right a{line-height: 23px;}

.side-menu .div-wrap{display: block; margin-bottom: 30px;}
.side-menu .board-btn a{display: block;}

.side-menu .tit{color: #242424; font-size: 13px; padding-bottom: 8px; margin-bottom: 10px; border-bottom: solid 1px #d4d4d4;}
.side-menu .side-cs-center .tel{font-weight: 500; font-size: 26px; color: #000; padding-bottom: 3px;}
.side-menu .side-cs-center .cont{line-height: 19px;}
.side-menu .side-bank-info .cont{line-height: 19px;}

#side-menu-wrap .right-btn{ width: 16px;  position: absolute; top: 45%; right: 170px;margin-top: -8px; cursor: pointer; border: solid 1px #e6e6e6; background: #fff; display: inline-block; padding: 15px 10px;}
#side-menu-wrap .right-btn .fa{ font-size: 22px; transform: rotate(180deg);}
#side-menu-wrap .right-btn .fa.rotate{ transform: rotate(0deg);padding-left: 3px;}
*/

/* 기본 측면메뉴 가리기
#aside{display: none;} */
/* BASIC css end */