@charset "utf-8"; 
 

@import url('https://fonts.googleapis.com/css?family=Lato');
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);

/* { font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; }*/
/* default */
  
body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table,  ul, dd, dt, li, 
tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn,
em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, input,textarea
/*{font-family'Noto Sans KR',Malgun Gothic, '맑은 고딕','MGothic', '돋움',dotum,verdana,arial,sans-serif; padding:0; margin:0; font-size:12px; color:#222;}*/
{font-family: 'Nanum Gothic','NanumGothic','nanum gothic','nanumgothic',nanum,dotum,Tahoma,Geneva,sans-serif; padding:0; margin:0; font-size:12px; color:#222;}

select {padding:0 1px;}
em {font-style:normal}
p, td, li, dd, dt, .block, th {word-break:keep-all; word-wrap:break-word;} 
th, td {word-break:break-all;}
img, fieldset {border:0 none;}
img {vertical-align:top;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;} 
dl, ul, ol, li {list-style:none;}
legend, .hide, .home span {position:absolute; width: 0; line-height:0; height: 0; font-size: 0; top:0; left:-10000px; overflow:hidden;}
.hidden {position:absolute; left:-10000px;}
/* caption {overflow:hidden;position:absolute; left:0; top:0; width:0; height:0; font-size:0; line-height:0;} */
caption {width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; position:static;}
select { border:1px solid #d5d5d5;}
a {text-decoration:none; color:#222; font-family:  'Nanum Gothic','NanumGothic','nanum gothic','nanumgothic'}
a:hover,a:active,a:focus{text-decoration:none;  }
iframe {border:none; overflow:hidden;}
strong {font-weight:bold;}
/* * {box-sizing:border-box;} */
html {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
*, *:before, *:after {box-sizing: inherit;}
img { box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}




.util-clearfix:after{visibility:hidden;display:block;height:0;font-size:0;content:'\0020';clear:both}
.util-clearfix{zoom:1}


/*공간*/
.p_lr {padding:0 5px !important;}
.pt-0 {padding-top:0px !important;}
.mt-0{margin-top:0;}
.mt-5{margin-top:5px !important;}
.mt-10{margin-top:10px !important;}
.mt-12{margin-top:12px !important;}
.mt-15{margin-top:15px !important;}
.mt-20{margin-top:20px !important;}
.mt-25{margin-top:25px !important;}
.mt-30{margin-top:30px !important;}
.mt-40{margin-top:40px !important;}
.mt-50{margin-top:50px !important;}
.ml-14{margin-left:14px !important;}




 
 
#wrap{width:100%;}


 /******상단 S*******/
header{width:100%}
.header_top_banner{position:relative;}
.header_top_banner div{float:left;}
.header_top_banner:after{display:block; clear:both; content:"";}
.header_top_banner .header_top_left{width:50%; text-align:right; background:#2373aa;}
.header_top_banner .header_top_right{width:50%; text-align:left; background:#64d2e9;}
.header_top_banner .header_top_center{position:absolute; width:8px; height:80px; top:0; left:50%; margin-left:-6px;}


header .header_top{width:100%; background:#f8f8f8; height:32px;}
header .header_top a{display:inline-block; height:32px; line-height:32px;}
header .header_top:after{content:'';display:block; clear:both;}
header .header_Con{width:1080px; margin:0 auto; position: relative; }
 
header .top_text{float:left; font: bold 11px; line-height:32px; color:#666;}
header .top_text span{font: bold 11px; color:#000;}
header .utilLink{float:right;}

header .utilLink a{display:inline-block; margin:0 17px;position: relative;}
header .utilLink a:after{content:'|'; display:inline-block;  position:absolute; right:-17px; top:0}
header .utilLink a:last-child:after{display:none;}

header  h1{border:none !important; background:none !important; margin:57px 0 42px}

header  .topSearch{position:absolute;  left:366px;  top: 0; border:1px #dedede solid; border-radius:20px; width:341px; height:38px; padding:2px 17px 0 15px}
header  .topSearch input{border:none; width:280px; height:30px;}
header  .topSearch img{float:right; margin-top:5px;}


header .topUtil{position:absolute;  right:0;  top: -18px;  }
header .topUtil .top_icon li{float:left; text-align:center; margin-left:36px; }
header .topUtil .top_icon li a{ font-size:14px; font-weight:bold;  }
header .topUtil .top_icon li a img{display:block; margin:auto; margin-bottom:10px}
header .topUtil .top_icon li a:hover{color:#f95450}
header .topUtil .top_icon:after{display:block; clear:both; content:"";}
 

header  .person_area{position:absolute;  right:0;  top: 0;}
header .person_area .person_menu > li.mypage	{ width:95px }
header .person_area .person_menu > li{float:left; text-align:center;}
header .person_area .person_menu > li a{font-size:11px;position: relative;display:inline-block; margin:0 17px; }
header .person_area .person_menu > li a:after{content:'|'; display:inline-block;  position:absolute; right:-17px; top:0}
header .person_area .person_menu > li:last-child a:after{display:none;}
header .person_area .person_menu li.mypage .ico i{width:7px; height:4px; margin-left:7px; display:inline-block; background:url(/img/ico_mymenu_off.gif) no-repeat; margin-bottom:2px}
header .person_area .person_menu li.mypage .ico.on  i{width:7px; height:4px; margin-left:7px; display:inline-block; background:url(/img/ico_mymenu_on.gif) no-repeat; margin-bottom:2px}


   
header .person_area .person_menu .mypage .sub	{ position:relative; top:0px; right:30px; width:150px; padding-top:8px; display:none; z-index:9999 }
header .person_area .person_menu .sub.on	{ display:block }
header .person_area .person_menu .sub > .arrow	{ position:absolute; top:1px; left:70px; width:13px; height:8px; background:url(/img/person_menu_arrow.gif) no-repeat;font-size:0 }
 
header .person_area .person_menu .sub .content	{ padding:10px 18px; border:1px solid #757672; background:#FFF }
 
header .person_area .person_menu .sub .content .mypage_sublist	{ margin-top:5px }
 
header .person_area .person_menu .sub .content .mypage_sublist li	{ position:relative;  }
header .person_area .person_menu .sub .content .mypage_sublist li a{ color:#333; margin:0 0px; line-height:25px; height:25px}
header .person_area .person_menu .sub .content .mypage_sublist li a:hover	{ color:#f4614d }
header .person_area .person_menu .sub .content .mypage_sublist li a:after{display:none;}

 
 


header .lnb_wrap {position:relative; width:1080px; margin:auto;}
header .lnb_wrap .lnb_container {position:relative;/*margin-bottom:10px;*/ ;}
header .lnb_wrap .lnb_container:after{content:'';display:block; clear:both;}
header .lnb_container > li.m_list {float:left;}
header .lnb_container > li.m_list img, header .lnb_container > li.m_list a {display:block;}
header .lnb_container > li.m_list > a {height:37px; line-height:37px;   z-index:999;   text-align:center; display:inline-block; padding:0 35px;  }
header .lnb_container > li.m_list > a  span{display:inline-block;  font-size:14px;text-align:center;  font-family:'Lato'}
header .lnb_container > li.m_list > a  span.active{ color:#2373A8; border-bottom:none;position:relative; }
header .lnb_container > li.m_list > a  span.active:after{content:'';display:inline-block;position:absolute; top:7px; left:0; width:100%;  height:2px; background:#2373A8; }

header .lnb_container .list_cnt {display:none;position:absolute;left:0px;top:36px;width:1080px; padding:13px 0px 26px; border-bottom:1px solid #79accb;border-left:1px solid #79accb;border-right:1px solid #79accb;background:#fff; z-index:900}
header .lnb_container .list_cnt;after{display:block; clear:both; content:'';}
header .lnb_container .list_cnt > ul.s_ul {overflow:hidden; width:180px;    float:left; margin:0 22px;z-index:900}


header .lnb_container > li.m_list > a.AllBrand {width:187px; background:url(/img/top_allbrand.gif) no-repeat;  }





header .lnb_container .list_cnt .cateBrand{float:right; width:475px;  }

.cateBrandWrap{width:450px;}
.cateBrandWrap:after{content:''; display:block; clear:both;}
.cateBrandBanner{float:left; width:226px;}
.cateBrandBanner img{border:1px solid #ddd}
.cateBrandLogo{float:right; width:210px;}
.cateBrandLogo li{border:1px dashed #ddd; text-align:center; height:74px; vertical-align:middle; border-bottom:none;}
.cateBrandLogo li:last-child{border-bottom:1px dashed #ddd; height:75px}
.cateBrandLogo li img{display:block; margin:0 auto; margin-top:8px; margin-bottom:5px}
.cateBrandLogo li a:hover{text-decoration:none;}


header  .gnb_container {position:relative; padding:0;width:100%; margin: 0 auto; height:37px; border-top:1px solid #f1f1f1; border-bottom:1px solid #79accb;}
header  .gnb_container li {float:left;padding-right:0;}
 
header .lnb_container .title { height:23px;border-bottom:1px solid #000;font-weight:bold; line-height:23px; color:#000; float:none; margin-bottom:7px}
header .lnb_container .s_list {float:none;  padding:3px 0px }
 


header .lnb_wrap .brand_container {position:absolute;right:0;top:0;width:235px;height:35px;/*border-top:1px solid #910311;border-left:1px solid #910311;border-right:1px solid #910311;background:#910311;*/  }
header .lnb_wrap .brand_container.active {/*border-top:1px solid #c60c30;border-left:1px solid #c60c30;border-right:1px solid #c60c30;*/  }
header .brand_container .brand_view {display:none;position:absolute;left:-845px;top:40px;width:1080px;height:447px;border:1px solid #c60c30;  background:#fff;z-index:0}
header .brand_container.active .brand_view {display:block;;z-index:1}
.brand_btn{z-index:999}
header .brand_container .brand_view .special_banner {position:absolute;left:19px;bottom:19px;}
header .brand_view .loading img {margin:150px 0 0 440px;}
header .brand_view .top_area {height:26px;padding:13px 12px 11px 11px;border-bottom:1px solid #c60c30;}
header .brand_view .top_area .btn {float:left;margin-top:1px;}
header .brand_view .search {float:right;}
header .brand_view .search input {float:left;width:158px;height:22px;margin:0 3px 0 0;padding:0 0 0 10px;border:1px solid #d9d9d9;background:#efefef;font-size:11px;line-height:24px;color:#8e8e8e;}
header .brand_view .search a {float:left;display:inline-block;width:38px;height:24px;line-height:24px;background:#333;font-size:11px;text-align:center;color:#fff;}
header .brand_view .category_area {display:none;padding:15px 19px 0 19px;}
header .brand_view .category_area.active {display:block;}
header .category_area .dep_list {overflow:hidden;padding-left:13px;}
header .category_area .dep_list li {float:left;margin-right:31px;}
header .category_area .dep_list li a {font-size:14px;font-weight:bold;line-height:22px;font-family:'Nanum Gothic';color:#3e3e3e;}
header .category_area .dep_list li a.active , header .category_area .dep_list li a:hover {color:#da291c;}
header .category_area .dep2_list {overflow:hidden;margin-top:14px;padding:9px 0 9px 14px;background:#f4f4f4;}
header .category_area .dep2_list li {float:left;width:174px;}
header .category_area .dep2_list a {display:inline-block;height:21px;padding-left:7px;background:url(/img/common/brand_icon_off.gif) no-repeat 0 9px;font-size:11px;line-height:21px;}
header .category_area .dep2_list a.active , header .category_area .dep2_list a:hover {background:url(/img/common/brand_icon_on.gif) no-repeat 0 9px;color:#da291c;}


 
 /******하단 S*******/ 
 

 footer {margin:100px auto 0 auto;  width:100% }
.csWrap:after, .footerMenu ul:after{content:'';display:block; clear:both;}

.csWrap{width:1080px; margin:0 auto; border-top:2px #000 solid; padding:18px 0}
.csWrap h3{font-size:18px; margin:7px 0 10px 0px; font-weight:bold; font-family:'Lato';}

.csWrap .notice{float:right; width:320px; margin-right:15px}
.csWrap .notice h3{margin-left:0}
.csWrap .notice h3 a{float:right;}

.csWrap .guide{float:left; min-height:290px; border-left:1px #e8e8e8 solid; border-right:1px #e8e8e8 solid; width:360px;}
.csWrap .guide h3{margin-left:25px}
.csWrap .guide ul{margin:0 15px}
.csWrap .guide ul:after{content:'';display:block; clear:both;}
.csWrap .guide li{float:left; width:33.3333333%; text-align:center; margin-bottom:20px}
.csWrap .guide li img {  display: block;   margin: auto; margin-bottom:10px}

.csWrap .cscenter{float:left; width:360px;}
 
.csWrap .cscenter .call, .csWrap .cscenter .bankinfo {margin-left:25px}
.csWrap .cscenter .call p.mtm {font-size:14px; padding:10px 0 15px}
.csWrap .cscenter .call p.mtm a{font-size:14px; color:#fa5454; text-decoration:underline;}
.csWrap .cscenter .call strong{    display: block; color: #fa5454;   font-weight: bold; font-size: 30px; font-family:'Lato'; }
.csWrap .cscenter .call p, .csWrap .cscenter .call  b, .csWrap .cscenter .call  span{color:#666 }
.csWrap .cscenter .bankinfo {margin-top:20px}
.csWrap .cscenter .bankinfo strong{display: block;  font-weight: bold; font-size:13px; line-height:140%; color:#666  }

.footerMenu{border-top:3px #333333 solid; border-bottom:1px #e0e0e0 solid; width:100%; background:#f7f7f7;}
.footerMenu .footerutilLink{width:1080px; margin:0 auto;}
.footerMenu li{float:left;   margin: 0 13px}
.footerMenu li a{display:block; position:relative;line-height:38px; height:38px;}
.footerMenu li a:after{content:'|'; display:block; position:absolute; right:-12px; top:0 }
.footerMenu li:last-child a:after{display:none;}

.footerCompany{width:1080px; margin:0 auto;}
.footerCompany .logo{float:left; width:160px; margin-top:50px}
.footerCompany .copyright{float:right; width:830px; padding:30px 0 20px}
.footerCompany .copyright p{color:#666; line-height:160%; padding-bottom:7px}
.footerCompany:after{content:'';display:block; clear:both;}



 

 



.pagination{padding:30px 0 53px 0;text-align:center}
.pagination li{display:inline-block;margin:0 3px;height:24px}
.pagination li a{display:block;width:24px;line-height:24px;font-size:12px;color:#666}
.pagination li a img{vertical-align:top}
.pagination li a.on{background-color:#7d7d7d;font-weight:bold;color:#fff}
.pagination_line{padding:20px 0 25px 0;text-align:center}.pagination_line li{display:inline-block;margin:0 3px;height:26px}
.pagination_line li a{display:block;width:24px;height:24px;border:1px solid #d5d5d5;background-color:#f0f0f0;line-height:22px;font-size:12px;color:#666}
.pagination_line li a img{width:auto;height:12px}
.pagination_line li a.on{border-color:#666;background-color:#666;color:#fff}
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-track{width:1000%;overflow:hidden}.slick-list{position:relative;display:block!important;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.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)}
.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block;outline:0}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}



.banner_nav{position:absolute;left:0;bottom:20px;width:100%;font-size:0;line-height:0;text-align:center;z-index:2}

.banner_nav li{display:inline-block;margin:0 3px;vertical-align:bottom;width:auto!important;float:none!important}
.banner_nav li:first-child{margin-left:0}
.banner_nav li button{display:block;overflow:hidden;width:12px;height:12px;background:#cdcdcd;font-size:0;line-height:0; border:none;}
.banner_nav .slick-active button{background:#838383}
.main_cont .banner_nav li button{border-radius:6px; box-shadow:inset 1px 1px 2px #333}
.ic_sale_40_square{display:block;position:absolute;left:0;top:0;box-sizing:border-box;width:39px;height:42px;line-height:40px;background:#ef3f3b;color:#fff;text-align:center;font-weight:bold;vertical-align:middle;border-radius:50%} 






/************************************************************
전체레이아웃
*************************************************************/

 
#container{width:1080px; margin:0 auto; position:relative;padding-top:17px;}
#container:after { content:""; display:block;clear:both; }

#container .contentFull_area{width:100%}
.contentFull_area h3{margin-bottom: 10px; color: #333;   font-size: 16px;   font-weight: bold;  background: none; padding: 0;}


#container .sidebar{float:left; width:193px}
.sidebar .side-menu {  width: 193px; border:1px solid #d5d5d5;  }
.sidebar .side-menu  h2{

		margin-bottom:17px; padding-left:13px; position:relative;
		height:70px;
		background:#fff;

}
.sidebar .side-menu  h2:before{  content:''; display:block; width:190px; height:1px;position:absolute;left:0px;bottom:0px; border-bottom:1px #2273AA solid  }


.sidebar .side-menu  h2 a{color:#000; font-weight:bold; font-size:20px;  }
.sidebar .side-menu  h2 a span{display:block; padding-top:5px; color:#2273AA;  font-size:12px;  }
.sidebar .side-menu  h2 a p{color:#000; font-weight:bold; font-size:16px;  padding:12px 0 0 0; font-family:'Lato';}
.sidebar .side-menu  h2 a p.mallShop{font-size:20px; padding-top:17px}


.sidebar .side-menu .side-menubox {
    width: 190px;
    height: auto;
    margin-bottom: 10px;
     border-top: 0 none;
}
.sidebar .side-menu .side-menubox h3{ margin:0 0px; font-weight:bold; font-size:14px; border-top:1px #ddd solid;  border-bottom:1px #ddd solid;  line-height:40px; height:40px; padding-left:15px}
.sidebar .side-menu .side-menubox h3:first-child{border-top:none; margin-top:-15px}
.sidebar .side-menu .side-menubox ul  {margin:15px 0}
.sidebar .side-menu .side-menubox ul li:first-child {  background: none;}
.sidebar .side-menu .side-menubox ul li {
  /*  background: url("/img/sub/snb_line.gif") no-repeat 0 0;*/
	vertical-align: middle;
    text-align: left;
}
.sidebar .side-menu .side-menubox ul li a {
    font-size:12px; line-height:24px; color:#000; padding-left:23px;
}
.sidebar .side-menu .side-menubox ul li span {
    display: block;
    font-weight: bold;
    color: #333;
}
.sidebar .side-menu .submenu ul li {
    background: none;
    height: 20px;
    padding: 0;
}

.sidebar .side-menu .submenu ul li a {
    display: block;
    /*background: url("/img/sub/dot_gray.gif") no-repeat 4px 10px;*/
    font-weight: normal;
    color: #888;
}
 


#container .content_area {float:right; width:850px}
#container .content_area h3{margin-bottom: 10px; color: #333;   font-size: 16px;   font-weight: bold;  background: none; padding: 0}
.divHelpT{color:#000; font-size:14px; font-weight:bold; padding-left:20px background:url(/img/blt_circle.png) no-repeat left 50%;}
.page_stit{margin-bottom: 10px; color: #333;   font-size: 16px;   font-weight: bold;  background: none; padding:20px 0 7px 0;}
 

/******이동경로  *******/
.location {width:100%; height:30px; border-bottom:1px #D8D8D8 solid; margin:0px 0 20px 0px}
.place {float:left;}
.place > li {float:left; line-height:25px; margin-right:7px; padding-left:11px; display:inline-block;  background:url('/img/bg_place.gif') 0 50% no-repeat; color:#666; font-weight:bold}
.place > li > a {display:block; line-height:25px;  }
.place li.home { margin:0 7px 0 0; padding:0px 0 0 19px; display:inline-block; background:url('/img/icon_home.png') 0 50% no-repeat; font-weight:normal;}
.place li.caterout {font-size:16px;}

 
 
 

/************************************************************
quick sidemenu
*************************************************************/
.sidemenu{position: fixed;  right:50%;  width: 120px;  margin-right: -680px; z-index: 1;  background:#f9f9f9;}
 
 sidemenu .pageTopBtn{text-align:center;width:80px;  margin-top:15px}
.sidemenu .pageTopBtn a{font-size:10px; font-family:arial; }

.quickMenu dt{text-align:center; height:48px; line-height:48px; border-top:1px #dedede solid; border-bottom:1px #dedede solid; font-weight:bold;}
.quickMenu dd{padding:7px 0 7px 11px; font-size:11px; border-bottom:1px #dedede solid}
.quickMenu dd a{font-size:11px; display:block; line-height:140%}

.quickMenu li{padding:7px 0 7px 11px; font-size:11px; border-bottom:1px #dedede solid; background:#2373aa; color:#fff}
.quickMenu li a{color:#fff}
.quickMenu li span{float:right; margin-right:11px; font-weight:bold; color:#fff; font-size:11px}

.cardEvent{background:url(/img/cardEventBg.gif) no-repeat top center; text-align:center; }
.cardEvent a{display:block;  height:101px; }
.cardEvent span{font-family:nanumsquare; font-weight:bold; color:#f95450; padding-top:10px; display:block;}

.sidemenu .BntTop{text-align:center; display:block; margin:20px 0}
.sidemenu .BntTop img{margin:0 auto}



/************************************************************
서브상단
*************************************************************/
.subTop_box{background: linear-gradient(to bottom, #2373AA, #FDBBBB); width:100%; margin: 0 auto; position:relative; padding:5px; z-index:2; margin-bottom:30px; }
 

.box_contents{border:5px #fff solid; background:#fff; position:relative;}
.box_contents div{font-size:24px; font-weight:bold; margin-top:20px;}
.box_contents div  span{display:block; color:#2373AA; margin-bottom:2px}
.box_contents div strong{font-size:24px; color:#c52a28;}
.box_contents p{padding-top:17px; padding-bottom:20px; width:500px; line-height:160%}
.box_contents div, .box_contents p{margin-left:40px;}
.box_contents p span{color:#F06259; margin:20px 0;}
.box_contents p span.red{color:#F06259; display:block; margin:0;}
.box_contents p strong{font-weight:normal; line-height:14px; color:#1D66AF;}
.box_contents img{width:92px; height:92px;  position:absolute; top:30px; right:30px;}


 
 




/******상품목록 스타일*******/

.product_box{}
.product_box a{display:block; text-align:center; position: relative;}
.product_box img{margin:0 auto;}
.product_box .prodList span{display:block}
.product_box .prodList .brand{font-size:14px; font-weight:bold;  padding-top:5px}
.product_box .prodList .price .sale{font-size:14px; color:#f95450}
.product_box .saleP{ position:absolute; width:50px; height:50px; border-radius:25px; background:#f95450; color:#fff; right:0px; top:-20px; text-align:center; line-height:50px; font-size:15px}
.prodImg{float:left; border:1px #e6e6e6 solid;}
.listL{text-align:left !important; float:right; margin:10px}



/******탭 스타일*******/
.tabStyle_con {position:relative; margin-top:0px; margin-bottom:10px; *margin-bottom:30px; overflow:hidden;}
.tabStyle_con.first {margin-top:30px;}
.tabStyle_con li {float:left; width:33.33%; *width:33.3%; height:54px; margin-bottom:10px;}
.tabStyle_con li a {display:block; margin-left:-1px; padding:8px 10px;  font-size:13px; font-weight:bold; text-align:center; border:1px solid #d6d6d6; background:#fff;}
.tabStyle_con li.on {background: url("/img/tab_con_on.png") no-repeat center 33px;}
.tabStyle_con li.on a {color:#fff; padding:9px 10px; border:0px;background:#4380C2;}
.tabStyle_con li.on a, .viewTab_con4 li a:hover {color:#fff; text-decoration:none;}
.tabStyle_con li.on a span{color:#fff;}
.tabStyle_con li:first-child a{margin-left:0}

.tabStyle_con4 li {width:25%;}
.tabStyle_con2 li {width:50%;}
.tabStyle_con5 li {width:20%;}
.tabStyle_con6 li {width:16.66%;}
.tabStyle_con7 li {width:14.28%;}
.tabStyle_con8 li {width:12.5%;}



/****** 장바구니******/
.cartTop{margin-bottom:30px}
.carttext{padding:20px 0 0 20px; width:100%; border:1px solid #ddd; margin:65px 0 16px;}
.carttext div p{background:url(/img/cartInfo.png) no-repeat 10px top; padding:0 0 10px 30px; color:#6c6c6c; font-size:13px; line-height:16px;}
.carttext div p span{color:#fa5454; font-size:13px;}
.carttext table tr td p strong{display:block; font-size:20px; color:#7d7d7d; padding-left:10px; margin:10px 0;}
.carttext table tr td p strong span{font-size:20px; color:#fa5454;}
.carttext ul li{background:url(/img/cartli.png) no-repeat 0 25px; padding-left:13px; color:#6c6c6c; padding-top:10px; line-height:18px;}
.carttext ul li span{color:#fa5454;}
.carttext ul li  b{color:#6c6c6c;}

.carttext2{padding:20px 0 45px 20px; width:100%; border:1px solid #ddd; margin:65px 0 16px;}
.carttext2 div{padding:10px 0 0 10px; color:#000; font-size:14px; font-weight:bold;}
.carttext2 div ul li.t{padding-top:10px; color:#fa5454;}
.carttext2 div ul li{padding-left:15px; color:#6c6c6c;  line-height:18px; font-weight:normal;}
.carttext2 > p strong{display:block; font-size:20px; color:#7d7d7d; padding-left:10px; margin:10px 0;}
.carttext2 > p strong span{font-size:20px; color:#2373aa;}




/****** 로그인******/

.LoginForm{width:645px; margin:0 auto; padding:30px 0 0 0}
.LoginForm ul:after{content:'';display:block; clear:both;}
.LoginForm li{float:left; width:50%; text-align:center; height:50px; line-height:50px; border:1px #ededed solid; border-bottom:1px #000 solid; }
.LoginForm li a{font-size:14px; color:#666}
.LoginForm li.on{border:1px #000 solid; border-bottom:1px #fff solid;}
.LoginForm li.on a{font-size:18px; color:#000}
.LoginForm li:nth-child(even) {border-left:none;}
.LoginForm li.on:nth-child(even) {border-left:1px #000 solid;}

.LoginForm .LoginFormBox{padding:25px}

.LoginForm .LoginFormBox .boxText{padding:20px; background:#f4f4f4; color:#666; line-height:180%}

.LoginForm .LoginFormBox th{text-align:left; width:85px}
.LoginForm .LoginFormBox td{padding:5px 0}
.LoginForm .LoginFormBox td input{border:1px #ddd solid; width:370px; line-height:40px; height:40px}

a.login_Btn{display:inline-block; padding:0; color:#fff; background:#2373aa; width:130px; height:90px; text-align:center; line-height:90px; font-size:20px;}

.LoginLine{width:100%; height:1px; border-top:1px #ddd dotted; margin:10px 0}
.LoginForm .LoginFormBox dl{margin-bottom:20px}
.LoginForm .LoginFormBox dl:after{content:'';display:block; clear:both;}
.LoginForm .LoginFormBox dt{float:left; width:410px; height:35px; line-height:35px}
.LoginForm .LoginFormBox dd{float:right; width:130px; height:35px}
.LoginForm .LoginFormBox dd a{background:#959595; width:130px; height:32px; line-height:32px; text-align:center; color:#fff; display:block}
.LoginForm .LoginFormBox dd a.naver {background:url(/img/member/btn_naver.gif) no-repeat; padding-left:25px}



.PopLoginForm{padding:0 20px}
.PopLoginForm td input{width:100%; height:40px; line-height:40px; border:1px solid #d3d3d3; padding: 0 8px;}

.popLoginBtn {display:block; color:#fff; background:#2373aa; width:100%; height:50px; text-align:center; line-height:50px; font-size:16px; font-weight:bold;}
.popEtcBtn {text-align:center; padding:20px 0 20px 0; border-bottom:1px #ddd solid;}
.popEtcBtn a{display:inline-block; margin:0 12px; position:relative; }
.popEtcBtn a:after{content:''; display:block; position:absolute; top:3px; right:-15px; width:1px; height:10px; border-left:1px #ddd solid;}
.popEtcBtn a:last-child:after{display:none;}
.popEtcBtn a strong{color:#FD514F}
.popnonMember{padding:30px 0 0 0; vertical-align:middle line-height:23px}
.popnonMember span{height:23px; line-height:23px}
.popnonMember a{float:right; background:#ff; border:1px #333 solid; height:23px;display:inline-block;   padding:0 20px 0 7px;  line-height:23px; background:url(/img/ico_arrow4x5_b.png) no-repeat 95% 50%;}



/****** 검색페이지******/

.prodSearchTop{margin:25px 0}
.prodSearchTop:after{content:''; display:block; clear:both;}
.prodSearchTop .prodSearchWord{float:left;}
.prodSearchTop .prodSearchForm{float:right;     border: 1px #dedede solid; border-radius:20px;     padding: 0px 17px 0 15px; margin-top:15px}
.prodSearchTop .prodSearchWord strong{color:#2273aa; font-size:35px; font-family:"Lato"}
.prodSearchTop .prodSearchWord span{display:inline-block; margin-left:10px; font-size:16px; font-weight:bold}

.prodSearchTop .prodSearchForm input { border: none;   width: 200px;   height: 30px; margin-left:10px}
.prodSearchTop .prodSearchForm  img {   float: right;  margin-top: 5px;}






 /* Slider */
.slick-prev, .slick-next {   font-size: 0;  line-height: 0;    position: absolute;    top: 50%;     display: block;  width: 20px;    height: 20px; padding: 0;  -webkit-transform: translate(0, -50%);  -ms-transform: translate(0, -50%);   transform: translate(0, -50%);  cursor: pointer; color: transparent; border: none; outline: none;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{opacity: 0.7;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity: 1;}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity: 1;}
.slick-prev:before,.slick-next:before{  font-size: 20px;   line-height: 1;  opacity: 1;  color: white;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; width:20px; height:37px; display:block;}
.slick-prev{left: 0px;}
[dir='rtl'] .slick-prev {  right: 0px;  left: auto; }
.slick-prev:before{ content: ''; margin-left:7px; }
[dir='rtl'] .slick-prev:before{ content: '';}
.slick-next{  right: 0px;}
[dir='rtl'] .slick-next{  right: auto;  left: 0px;}
.slick-next:before{  content: ' '; margin-left:7px;}
[dir='rtl'] .slick-next:before{  content: '';}