@charset "UTF-8";

/** layout **/
#topWrap {width: 100%; height: 40px; border-bottom: solid 1px #D7DCE8;}
#topWrap2 {background:#fff; top:0; width: 100%; /* height:162px; */ height:125px; z-index:70;}
#bodyWrap {clear:both; position: relative; margin:0 auto; width: 100%;}
#footerWrap {clear:both; width:100%; padding-top:50px;}

ul, li, dl, dt, dd {margin:0;padding:0;list-style:none;}


html, body {font-size: 14px; line-height:21px; color:#222;}
a:hover, a:active {text-decoration:none;}

/** 오른쪽 퀵메뉴 **/
.quickmenu p.tit_quick_cate:hover{font-weight: bold; cursor: pointer;}

/** 적립 마일리지  **/
.mileagespan {background: #FF5C00; font-size: 12px; line-height: 1; display: inline-block; padding: 5px; color: #fff;}

/** topmenu **/
.topCont {margin:0 auto; width: 1150px; height: 40px;}
.navi {width: 900px; z-index: 1;}
.navi ul li.bleft {border-left: solid 1px #333;}
.navi ul li {float:left; width: 180px; line-height: 40px;border-right: solid 1px #333;}

.navi ul li.navi01on a{background:#fff; color:#0072cb;}
.navi ul li.navi02on a{background:#fff; color:#0b3c9e;}
.navi ul li.navi03on a{background:#fff; color:#db7093;}
.navi ul li.navi04on a{background:#fff; color:#d1bc2d;}
.navi ul li.navi05on a{background:#fff; color:#4060a0;}

.navi ul li.navi01 a:hover {background:#fff; color:#0072cb;}
.navi ul li.navi02 a:hover {background:#fff; color:#0b3c9e;}
.navi ul li.navi03 a:hover {background:#fff; color:#db7093;}
.navi ul li.navi04 a:hover {background:#fff; color:#d1bc2d;}
.navi ul li.navi05 a:hover {background:#fff; color:#4060a0;}
.navi ul li a {display:block; color:#fff;font-size:14px; text-decoration:none;  text-align: center;}
.navi_left ul li a:hover{font-weight: bold; text-decoration: none;}
.navi_right {float: right;}
.navi_right ul li {float:left; padding-left:10px;}
.navi_right ul li.bright {background: url(../../../images/cms/index/bright.jpg) center right no-repeat;padding-right:10px;}
.navi_right a { display:block; color:#888B9A; font-size:13px; text-decoration:none; text-align: center;line-height: 40px;}
.navi_right ul li.favo {background: url(../../../images/cms/index/icon_fa.png)10px center no-repeat; padding-left:30px;}
.navi_right ul li a:hover{text-decoration: none; color:#66a752;}

/** schmenu **/
.mainsearch {margin:0 auto; width: 1150px; }
.mainsearch h1 {position: absolute; left: 0;}
.mainsearch h2 {float: right; display: none;}
.mainsearch h2 span{font-size:28px;  color:#15619c;}
.sch_cont ul.sch {position: relative; height: 40px;  z-index:405;}
.sch_cont .sch li {float: left; height: 40px;}
.sch_cont .sch li.input {}
.sch_cont .sch li.input input { height: 40px; line-height: 40px; font-size: 16px; border: 0;}
.sch_cont .sch li.btn {float: right; width: 30px;}
.seach_keyword {display:none;}
.seach_keyword ul{margin-left:15px; margin-top:3px; position:absolute; z-index:305; width:395px;  background:#fff; border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; border-left: solid 1px #ddd;}
.seach_keyword ul li{height:34px; line-height:34px; cursor:pointer; padding:0 10px;}
.seach_keyword ul li.over {background:#f5f5f5; color:#084d82;}

/** maincategory **/
.maincategory {width: 100%; border-top: solid 1px #D7DCE8; border-bottom: solid 1px #D7DCE8;}
.category_con {position:relative; margin:0 auto; width: 1150px; z-index:301; display: flex;}
.category_con .allcategory {width:180px; height: 50px; background:#F3F5F9;}
.category_con .subcategory ul {display: flex; align-items: center; height: 50px;}
.category_con .subcategory ul li {padding-left:40px; }
.category_con .subcategory ul li a { display:block; font-size: 16px; color: #3F4254;}
.category_con .subcategory ul li a:hover { font-weight: bold; color: #66A752; text-decoration: none;}
.category_con .subcategory ul li a::before {content: ""; display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin-right: 8px; }
.category_con .subcategory ul li:nth-child(1) a::before {background: url(../../../images/cms/layout/icon_subcategory01.png) no-repeat;}
.category_con .subcategory ul li:nth-child(2) a::before {background: url(../../../images/cms/layout/icon_subcategory02.png) no-repeat;}
.category_con .subcategory ul li:nth-child(3) a::before {background: url(../../../images/cms/layout/icon_subcategory03.png) no-repeat;}
.category_con .subcategory ul li:nth-child(4) a::before {background: url(../../../images/cms/layout/icon_subcategory04.png) no-repeat;}
.category_con .subcategory ul li:nth-child(5) a::before {background: url(../../../images/cms/index/icon_fa.png) no-repeat;}

/** maincategory layer**/
.layer11 {position:absolute; border: solid 1px #666; background:#fff; width:1150px;  height: auto; left:0px; display:none; padding:20px 0 20px 10px; z-index:302;}
.layer22 {position:relative; margin:0 auto; width: 1150px;}

.ban h2{font-size:14px; height:25px;  border-bottom: 2px solid #333; padding:0 8px 10px 8px; margin-bottom:10px; letter-spacing:-0.5;}
.layer11 ul li {padding:0 8px 10px 8px;}
.layer11 ul li a{line-height:18px; font-size:13px;}
.layer11 ul li a:hover {color:#1c6aa6; text-decoration:underline;}
.ban {width:160px; height:260px;  border-right: 1px dashed #ccc; padding:0 8px 22px 8px; margin-bottom:20px; }
.ban ul{overflow:auto; height:205px;}
.layer_ban {float:left;}
/* .close {text-align:right; position:absolute; top:-8px; right:-40px;} */
.categoryClose{text-align:right; position:absolute; top:-1px; right:-40px;}

/** deptcategory **/
.sidebarmenu {position:relative; float:left; width:180px; background-color: #fff; z-index:190;}
.sidebarmenu ul{ margin: 0; padding: 0; width:180px; height:400px; border-bottom: 1px solid #e7e7e7;}
.sidebarmenu ul li{line-height:31px;color:#fff; font-size: 16px;}
.sidebarmenu ul li a{
display: block;
overflow: auto;
color: #3F4254;
text-decoration: none;
padding:5px 10px 5px 20px;
border-bottom: 1px solid #D7DCE8;
line-height: 31px;}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{color: #3F4254;}
.sidebarmenu ul li a:hover{background-color: #66A752;color: #fff;}

.side {position:relative; left:0px; top:0px;}
.side ul.lay_con {position:absolute; height:400px; background: #fff; color:#444; left:180px; z-index:500; display:none; border:1px solid #67b849; padding:10px 0 10px 0; font-size:14px; border-radius: 0 10px 10px 0;}
.side ul.lay_con li ul {float:left; width:190px; padding-left:15px;}
.side ul.lay_con li:first-child {border-left:none;}
.side ul.lay_con li ul li a:link, .side ul.lay_con li ul li a:active {display:block; color: #444; line-height:18px; padding:5px 10px 5px 0;} 
.side ul.lay_con li ul li a:visited {color:#444;}
.side ul.lay_con li ul li a:hover {color:#67b849; text-decoration:underline;}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li {float:left; height:1%; }
* html .sidebarmenu ul li a {height:1%;}
/* End */
	
	
/** 메인전체배경 롤링 이미지  **/
.scroller {position:absolute; left:0; top:0; z-index:1; width:100%;}
.scroller .visual {position: relative; width: 100%; height: 400px; background: url(../../../images/cms/index/visual.png) center top no-repeat;}
.scroller-inner {position:relative; width:100%; height: 400px; overflow: hidden;}
.scroller-inner .window { }
.scroller-inner .window ol.teaser-items {
	position:relative;
	width:100%;
	height:400px;
    margin:0;
    padding:0;
}
.scroller-inner .window ol.teaser-items li {
	height:400px;
	width: 100%;
    margin:0;
    padding:0;
    display: none;
    text-align:center;
}


.scroller-inner .window ol.teaser-items li div {width:1150px; margin:0 auto;}
.scroller-inner .window ol.teaser-items li img {padding-right:50px;}

.scroller-inner .teaser-header {
	height:40px;
	width:100%;
    position:absolute;
    bottom:2px;
	z-index:5;
}
.scroller-inner .teaser-header ol {position:relative; width:1150px; margin:0 auto; padding-left:180px;}
.scroller-inner .teaser-header ol li {
    float:left;
    width:185px;
    border-top:1px solid #e7e7e7;
    border-left:1px solid #e7e7e7;
    border-bottom:1px solid #e7e7e7;
    white-space:nowrap;
    text-align:center;
}
.scroller-inner .teaser-header ol li a {opacity:1; background:#fff; font-size:13px; display:block; cursor:pointer;}
            
/** main content **/
.mainCont {width: 100%; background:#fff;}
.mainbox {width: 1150px; margin:0 auto;}
.rightGroup {position:relative; left:0; width: 230px;float: left; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-left:1px solid #e7e7e7; background:#fafafa; z-index:20;}
.rightGroup2 {position:relative; left:740px; width: 230px;float: left; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-left:1px solid #e7e7e7; background:#fafafa; z-index:20;}

.loginBox {width: 230px; height: 136px; padding:10px;}
.loginBox h2 {font-size:16px;  line-height: 20px;  margin-bottom:10px;}
.loginBox h2 p {display: block; width:200px; font-weight: 100; font-size:14px; padding-top:10px;} 
.loginBox span {margin-left:2px;}
.btn_g a {margin-left:35px; display:inline-block; width: 140px;  font-size:14px; line-height:32px; color:#fff; background:#0072cb; text-align:center;}
.btn_g2 {float:right; margin-left:5px; display:block; font-size:13px; width: 110px; line-height:24px; text-align:center; border: solid 1px #555;}
.btn_g a:visited{color: #fff;}

.CSBox {width: 230px; height: 88px; text-align: center; padding: 10px; border-bottom: solid 1px #e7e7e7; border-top: solid 1px #e7e7e7; }
.CSBox ul li{float:left;  width:100px; height:77px; font-size: 12px; line-height:15px;}
.CSBox ul li a:hover {}
.CSBox ul li.bl {border-left: dashed 1px #ccc;}
.CSBox ul li.bt {border-top: dashed 1px #ccc; padding-top:7px;}
.CSBox h2 { font-size: 16px; color: #333; text-align: left; margin-bottom:5px;}
.CSBox span {display:block;}

.tell {font-size: 24px; padding: 5px 0; color: #000;}
.tell img {vertical-align: middle;}
.time {font-size: 13px; line-height: 18px; padding-top: 10px;}

/* .infoBox {cursor:pointer; width:230px; height:178px; color:#333; background:url(../../../images/cms/index/icon_manual.png) 20px 10px no-repeat; padding:9px 20px 15px 72px;} */
.infoBox {cursor:pointer; width:230px; height:178px; color:#333; padding:10px; border-top: solid 1px #e7e7e7;}
#newMember h2 {float:left; font-size:16px; text-align:left; margin-bottom: 8px;}
#newMember h2 span { color: #0072cb; }
#newMember { width:210px; height:160px; overflow:hidden; position:relative; }
#newMember ul{ background: #f2f2f2; position:absolute; top:25px;}
#newMember ul li{float:left; font-size: 12px; position:relative; }
#newMember ul li div {padding:3px 3px 3px 10px;}
#newMember ul li:first-child {margin-left:0;}
#newMember ul li:nth-child(5) {margin-left:10px;}
#newMember .btn {position:absolute; height:12px; right:0; top:0;}
#newMember .btn span {display: inline-block;
	width:12px; height:12px;
	margin:0 2px;
	text-indent:-999px;
	border-radius:10px;
	background:#999;
	cursor:pointer;
	overflow:hidden;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);}
#newMember .btn span.on {background: #67b849;}

/** 전체 제품  **/
.p4_txt {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:13px; padding:10px 0 0 0; color:#555;} /** 전체 제품 상품명  **/
.font05 {font-size:14px; line-height:24px; border-bottom:solid 1px #e7e7e7; color:#fc5a0a; padding-bottom:8px;} /** 전체 제품 가격  **/

/** 인증별 제품현황 **/
.certification_box {clear:both; width:100%; padding:20px 0; border-bottom:solid 1px #D7DCE8}
.certification {display: flex; width: 1150px; margin:0 auto;}
.certification h2 {position: relative; font-size:18px; float:left; background:#0072cb; width:180px;text-align: center; color:#fff; padding-top:47px;}
.certification ul {padding:17px 0 0 197px;}
.certification ul li {float:left; text-align: center; font-size:13px; width:105px;}
.certification ul li img {padding-bottom:10px;}
.certification ul li a:hover { color:#379b12;}
.certification .etc_box {padding:5px 0 5px 30px; width:360px; vertical-align: top; display: inline-block}
.certification .etc_box div {padding:4px 0 3px 25px; width:250px;}
.fl_right {float:right}
/* 숫자 건일 경우 */
.count0 {font-size:15px; padding:0 3px; font-weight:bold;}
.count0 a:hover{text-decoration:underline;color:#666; }

a.roll img.over {display: none;}
a.roll:hover img {display: none;}
a.roll:hover img.over {display: inline;}

/** 이달의 할인상품 **/
.product01 {width: 1150px; margin:0 auto; height: 540px;}
.discount {width: 370px; float:left;}
.discount h2 {float:left; font-size:20px; padding-bottom:15px; }
.discount h2 span{float:right; padding:10px 0 0 0;}
.discount_p {width: 340px; height:490px; border:solid 1px #e7e7e7; text-align: center; padding:23px 0; background:#f6f6f6;}
.discount_p p img {margin:20px 0 21px 0; width:280px; height:280px;}
.tit_p {overflow:hidden;white-space:nowrap; text-overflow:ellipsis;font-size:17px; padding:0 20px 10px 20px;}

/** 이달의 할인상품 롤링**/
.slides2 {position:relative;width:340px;}
.slides2 .slide2 {overflow:hidden; position:relative;width: 340px; height:490px}
.slides2 .slide2 li{width: 340px;height:490px}
.slides2 .slide2 li a{}
.slides2 a.prev2,.slides2 a.next2 {display:inline-block;z-index:100;overflow:hidden;position:absolute;top:260px;width:35px;height:35px;background:url(../../../images/cms/index/sp_page2.png) 0 0 no-repeat;line-height:999px;vertical-align:top}
.slides2 a.prev2 {right:305px;background-position:0 0}
.slides2 a.prev2:hover {background-position:0 -41px}
.slides2 a.next2 {right:0;width:35px;background-position:-41px 0}
.slides2 a.next2:hover {background-position:-41px -41px}
.slides2 .page2 {z-index:100;position:absolute;top:6px;right:0;width: 340px;text-align:right;}
.slides2 .page2 li {display:inline-block;_display:inline;margin:0 2px;_zoom:1}
.slides2 .page2 li a {display:inline-block;overflow:hidden;width:12px;height:12px;background:url(../../../images/cms/index/sp_page.png) 0 0 no-repeat;line-height:999px;vertical-align:top}
.slides2 .page2 li.current a {background-position:0 -12px}

/* 첫 공개! 이달의 신상품  */
.new_product {width:780px; float:left;}

#focus {width:780px; height:531px; overflow:hidden; position:relative;}
#focus h2 {float:left; font-size:20px; padding:0 0 15px 0; }
#focus ul {height:580px; position:absolute;}
#focus ul li {float:left; width:780px; height:580px; overflow:hidden; position:relative; top:41px;}
#focus ul li div {float:left; margin-left:10px; margin-bottom:10px; width:187px; height:240px; padding:10px; border:solid 1px #e7e7e7; text-align:center;}
#focus ul li div:first-child {margin-left:0;}
#focus ul li div:nth-child(5) {margin-left:0;}

#focus .btn {position:absolute; height:12px; right:0; top:0;}
#focus .btn span {display: inline-block;
	width:12px; height:12px;
	margin:0 2px;
	text-indent:-999px;
	border-radius:10px;
	background:#999;
	cursor:pointer;
	overflow:hidden;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);}
#focus .btn span.on {background: #67b849;}



/* 이달의 인기상품 롤링 */
.frame {overflow: hidden; position: relative;}
.frame ul {margin: 0; padding: 0; position: absolute;}
.frame ul li { float: left; margin: 0 1px 0 0; padding: 0; text-align:center;}
.frame ul li img { }
.frame ul li.active { color: #fff; background: #a03232; }

.pages {margin:0; padding-right: 10px; padding-top: 10px; text-align: right;}
.pages li {
	display: inline-block;
	width:12px; height:12px;
	margin:0 2px;
	text-indent:-999px;
	border-radius:10px;
	background:#999;
	cursor:pointer;
	overflow:hidden;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);}
.pages li:hover {background: #999;}
.pages li.active {background: #67b849;}

.product02 {width:1150px; margin:0 auto; padding-top:60px;}
.product02 h2 {font-size:20px; padding-bottom:15px;  }
.product02_2 {border:solid 1px #e7e7e7; width:1150px; height:740px;}
.product_p2 {float:left; width:327px;}
.product_p2_txt {text-align:center; width:267px; margin:0 auto;}
.product_p3 {float:left; border:solid 1px #e7e7e7; width:287px; height:369px; text-align:center; padding-top:20px;}
.product_p3_txt {text-align:center; width:250px; margin:0 auto;}


/** 중간 풀사이즈 배너 **/
.banner_center {clear:both; margin-top:30px; width:100%; height:200px; background:url(../../../images/cms/index/banner_bg.png)repeat-x;}
.banner_img {width:1150px; height:200px; margin:0 auto; }
.banner_img img{width:1150px; height:200px;}

/** 카테고리별 인기 아이템 **/
.product05_2 {border:solid 1px #e7e7e7; width:1150px; height:313px;}
.product_p5 {float:left; border-left:solid 1px #e7e7e7; width:290px; height:315px; padding:20px;}

.product06_2 {}
.product_p6 {float:left; border-left:solid 1px #e7e7e7; width:212px; height:312px; padding:11px; text-align:center;}
.product_p6:first-child{border-left:none;}

.top_tab2 {width:300px; float: left;}
.top_tab2 > ul li { border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding-bottom:10px; font-size:14px; width:100px; text-align:center; float:left;}

.top_tab2 > ul li a.ca01 {background: url(../../../images/cms/index/icon_ca01.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca01, .top_tab2 > ul li a:visited.ca01 {background: url(../../../images/cms/index/icon_ca01on.png) center 8px no-repeat;}
.top_tab2 > ul li a.ca02 {letter-spacing:-0.1em; background: url(../../../images/cms/index/icon_ca02.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca02, .top_tab2 > ul li a:visited.ca02 {background: url(../../../images/cms/index/icon_ca02on.png) center 8px no-repeat;}
.top_tab2 > ul li a.ca03 {background: url(../../../images/cms/index/icon_ca03.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca03, .top_tab2 > ul li a:visited.ca03 {background: url(../../../images/cms/index/icon_ca03on.png) center 8px no-repeat;}
.top_tab2 > ul li a.ca04 {background: url(../../../images/cms/index/icon_ca04.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca04, .top_tab2 > ul li a:visited.ca04 {background: url(../../../images/cms/index/icon_ca04on.png) center 8px no-repeat;}
.top_tab2 > ul li a.ca05 {background: url(../../../images/cms/index/icon_ca05.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca05, .top_tab2 > ul li a:visited.ca05 {background: url(../../../images/cms/index/icon_ca05on.png) center 8px no-repeat;}
.top_tab2 > ul li a.ca06 {background: url(../../../images/cms/index/icon_ca06.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca06, .top_tab2 > ul li a:visited.ca06 {background: url(../../../images/cms/index/icon_ca06on.png) center 8px no-repeat;}
.top_tab2 > ul li a.ca07 {background: url(../../../images/cms/index/icon_ca07.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca07, .top_tab2 > ul li a:visited.ca07 {background: url(../../../images/cms/index/icon_ca07on.png) center 8px no-repeat;}
.top_tab2 > ul li a.ca08 {background: url(../../../images/cms/index/icon_ca08.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca08, .top_tab2 > ul li a:visited.ca08 {background: url(../../../images/cms/index/icon_ca08on.png) center 8px no-repeat;}
.top_tab2 > ul li a.ca09 {background: url(../../../images/cms/index/icon_ca09.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca09, .top_tab2 > ul li a:visited.ca09 {background: url(../../../images/cms/index/icon_ca09on.png) center 8px no-repeat;}
.top_tab2 > ul li a.ca10 {background: url(../../../images/cms/index/icon_ca10.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca10, .top_tab2 > ul li a:visited.ca02 {background: url(../../../images/cms/index/icon_ca10on.png) center 8px no-repeat;}
.top_tab2 > ul li a.ca11 {background: url(../../../images/cms/index/icon_ca11.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca11, .top_tab2 > ul li a:visited.ca11 {background: url(../../../images/cms/index/icon_ca11on.png) center 8px no-repeat;}
.top_tab2 > ul li a.ca12 {background: url(../../../images/cms/index/icon_ca12.png) center 8px no-repeat;width:100px; height:67px; padding-top:58px;}
.top_tab2 > ul li a:hover.ca12, .top_tab2 > ul li a:visited.ca12 {background: url(../../../images/cms/index/icon_ca12on.png) center 8px no-repeat;}

.top_tab2 > ul li.left0 {border-left:0px;}
.top_tab2 > ul li.bottom0 {border-bottom:0px;}
.top_tab2 > ul li a { color:#333; display:block;}
.top_tab2 > ul li a:hover, .top_tab2 > li a:visited { color:#389b12;}
.off2 {background:#fff; }
.on2 { background:#eee; }

.con_bottom2 { width:848px; float: left;}
.con_bottom2 > div {height:100%; display:none;}
.con_bottom2 > div:first-child { display:block; }

.rr {height:41px; line-height:41px;}
.rr a {display:block;}
.rr a a:hover, a:visited {}

/** 인증별 인기제품 **/
.product03 {width: 1150px; margin:0 auto; padding-top:60px;}
.product03 h2 {font-size:20px; padding-bottom:15px;  }
.product03_2 {width: 1148px; margin:0 auto; padding-top:60px;}
.product03_2 h2 {font-size:20px; padding-bottom:15px;  }
.product04_2 {padding-top:60px;}
.product_p4 {float:left; width:190px;  margin:25px 0 20px 33px;}
.product_p4_txt {text-align:center; width:190px;}
.box_line {border:solid 1px #e7e7e7; width:190px; height:190px;}

.top_tab { width:100%; height:46px; border:solid 1px #e7e7e7;}
.top_tab > ul li { font-size:15px; width:164px; height:45px; border-left:1px solid #e3e3e3; text-align:center; line-height:45px; float:left; }
.top_tab > ul li:first-child {border-left:0px; }
.top_tab > ul li a {display:block; color:#333;}
.top_tab > ul li a:hover, .top_tab > ul li a:visited {display:block;  color:#333;}
.top_tab3 { width:100%; height:46px; border:solid 1px #e7e7e7;}
.top_tab3 > ul li { font-size:15px; width:191px; height:45px; border-left:1px solid #e3e3e3; text-align:center; line-height:45px; float:left; }
.top_tab3 > ul li:first-child {border-left:0px; }
.top_tab3 > ul li a {display:block; color:#333;}
.top_tab3 > ul li a:hover, .top_tab > ul li a:visited {display:block;  color:#333;}
.off { border-bottom:1px solid #e7e7e7; background-color:#f5f5f5;}
/*.on { border-bottom:0px solid #fff; background-color:#fff; } 20240307 angela */
.con_bottom { width:100%; height:325px; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7;}
.con_bottom > div { width:100%; height:100%; display:none;}
.con_bottom > div:first-child { display:block; }


/** total_info **/
.total_info {width: 1150px; margin:0 auto; height: 190px; padding:50px 0;}
/*
.notice {margin-right:40px; border-top:solid 4px #333; border-bottom:solid 1px #555; padding:20px 10px; float: left; width: 355px; height: 185px; display: inline-block;}
.notice h2 {font-size:18px; padding-bottom:10px;  color:#000;}
.notice li{font-size:14px; line-height: 28px; color:#555;}
.notice li a {line-height: 28px; color:#555;}
.notice li a:hover {color:#1c6aa6; text-decoration:underline;}
.more {font-size:14px; float:right;}
.more a:hover {color:#1c6aa6;}
*/
.cs {color:#555; margin-right:40px; font-size:13px; border-top:solid 4px #333; border-bottom:solid 1px #555; padding:20px 10px; float: left; width: 355px;height: 185px;}
.cs h2 {font-size:18px; padding-bottom:10px;  color:#0072cb;}
.tel {background: url(../../../images/cms/index/icon_tel2.png) center left no-repeat; font-size:26px; color:#222;  padding:10px 0 10px 40px;}

.alliance {background: url(../../../images/cms/index/bg_shop.png) bottom right no-repeat; color:#555; font-size:13px; float: left; width: 355px; height: 185px; border-top:solid 4px #333; border-bottom:solid 1px #555; padding:20px 10px;}
.alliance h2 {font-size:18px; color:#00cbba; padding-bottom:10px; }
.alliance button {width: 150px; border:solid 1px #444; background:#fff; height: 36px; color: #444; line-height: 26px; cursor: pointer;}
.alliance button:hover {background:#eee;}


/** footer **/
.footLink {/*border-top:solid 1px #e7e7e7; border-bottom:solid 1px #e7e7e7; width: 100%; height:46px; padding-top:10px;*/}
.footLink ul {/*margin:0 auto; width:1150px; */}
.footLink ul li {/*line-height: 28px; color: #555;*/}
.footLink ul li a {color:#555;}
.footLink ul li a:hover{font-weight: bold; text-decoration: none;}
.footLink ul li:nth-child(6) {padding-right:10px;}

.footCont {/*background:#aeaeae; width:100%; color:#fff; font-size:13px; padding-top:20px;*/}
.footCont ul {margin:0 auto; width:1150px;/* height:230px;*/}
.footCont ul li{float:left;line-height:18px;}
.footCont ul li h3{border-bottom:solid 1px #fff; font-size:14px;  padding-bottom:10px; margin-bottom:10px;}
a.f14 {font-size:14px; color:#fff; width:150px; height:18px; line-height:28px; text-decoration:underline; background: url(../../../images/cms/index/icon_p.png) right no-repeat; padding-right:15px;}

.footBanner {width: 1150px; margin:0 auto; color:#777;}
.footBanner ul{margin-top:20px;}
.footBanner ul li{float: left; background:#f4f4f4; width:105px; height:90px; line-height:16px; padding:10px; margin-left:8px;}
.footBanner ul li:first-child {margin-left:0;}
.footBanner ul li:nth-child(5) {width:115px;}
.footBanner ul li:nth-child(6) {width:123px;}
.footBanner ul li h2{font-size:13px;  padding-bottom:8px;}
.footBanner ul li p{font-size:14px;}

/*회원가입 모달 팝업*/
.modal {display: none;  position: fixed; z-index: 999; left: 0; top:0; width:100%; height:100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.modal::after {display: block;}
.modal-content {background-color: #fefefe; margin:2% auto; /*padding: 20px;*/ border:1px solid #888; width:35%; height:85%; min-width: 600px; overflow:auto; border-radius: 20px;}
.popHeadEnd .close {position: absolute; right: 10px; top: 15px; display:block; background:url(../../../images/ajLogis/ico_pu_close.png) no-repeat center right; width:16px; height:16px;}
.popHeadEnd .close:hover {cursor: pointer; }
.close_complete {color: #aaa; float: right; font-size: 50px; font-weight: bold; margin-top: 7px;}
.close_complete:hover {cursor: pointer;}
.close_complete2 {position:relative; color:#777; font-size: 50px; font-weight: bold; top:45px; right:20px; float:right; z-index:1001;}
.close_complete2:hover {cursor: pointer;}

.modal-complete {display: none; padding-top:120px; position: fixed; z-index: 999; left: 0; top:0; width:100%; height:100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.modal-content-complete {background:#fff; margin:0 auto; padding-bottom:20px; border:1px solid #888;}

.loginBoxModal {
    width: 100%;
height: auto;margin: 0 auto;text-align: center;display: flex;flex-flow: column;gap:30px;position:absolute;
/* z-index: 999; */
/* top:130px; */
left: 50%;transform: translateX(-50%);color: #737272;background-color: #fff;
    padding: 50px;
/*     border-radius: 30px; */
/*     border: solid 1px #ddd; */
    }
    
.loginBoxModal .close{position: absolute; right: 10px; top: 15px; display:block; background:url(../../../images/ajLogis/ico_pu_close.png) no-repeat center right; width:16px; height:16px;}
.loginBoxModal .close:hover{cursor: pointer; }

.loginPage {border-top:0px solid #bbb;}
.loginPage ul li {border-bottom:1px solid #bbb; } 
.loginPage ul li dt{padding:19px 40px 19px 40px; font-size:19px; font-weight:bold; color:#535353;}
.loginPage ul li dd{position:relative;height:0; overflow:hidden;}
.loginPage ul li dd p{padding:10px 10px 10px 10px;line-height:25px;font-size:16px; background:#fff;}
.loginPage ul li .hand {cursor: pointer;}
.loginPage ul li .hand_over {background:#f4f4f5; cursor: pointer;}

.loginPage_table {width:100%; font-size:13px; border-top:3px solid #0072cb;}
.loginPage_table th{padding:5px; border:1px solid #ccc; background:#e5e5e5; font-size:14px; font-weight:bold; color:#161616; height:34px; text-align: center;}
.loginPage_table td{padding:5px; border:1px solid #ccc; text-align:left; line-height:100%; background:#ffffff}
.loginPage_table input[type="text"]{width:100%; height:25px; border:1px solid #ccc; vertical-align: middle;} 
.loginPage_table input::placeholder {color:gray; opacity: 1;}
.loginPage_table input:-ms-input-placeholder {color:gray; opacity: 1;}
.loginPage_table img{margin:5px; max-width:100%; vertical-align: middle;}

.showInfo .info{ display:none; position:absolute; z-index:1000; border:1px solid #ccc; background-color:#f7f7f7;; padding:10px; width:695px; height:850px; font-size:9px; box-shadow:5px 5px 5px #A6A6A6; left: 235px; overflow: auto;}
.showInfo .info img{width:680px;}
.showInfo:hover .info{display: inline-block;}
/*
.info {display:none; position:absolute; z-index:1000; border:1px solid #ccc; background-color:#f7f7f7;; padding:10px; width:500px; font-size:9px; box-shadow:5px 5px 5px #A6A6A6;}
*/
a:link.btn_gp, a:visited.btn_gp {border-radius:2px; margin-left:4px; font-weight:bold; display:inline-block; min-width: 60px; padding:0 10px; font-size:13px; height:25px; line-height:25px; color:#fff; background:#0072cb; text-align:center;}
a:hover.btn_gp, a:active.btn_gp {border-radius:2px; margin-left:4px; font-weight:bold; display:inline-block; min-width: 60px; padding:0 10px; font-size:13px; height:25px; line-height:25px; color:#fff; background:#0072cb; text-align:center;}
.right_close {float: right;}

/*로그인 페이지*/
.login_bg {background:#f5f5f5;}
#bodyWrap_login {margin:0 auto; width: 100%; padding:90px 0 30px 0; background:#f5f5f5;}
.login-wrap{width:566px; margin:0 auto; background:#fff;}
.login-cnt{padding:25px 53px 40px 55px; border:1px solid #d3d3d3; -moz-box-shadow:0 0 6px #d3d3d3; -webkit-box-shadow:0 0 6px #d3d3d3; box-shadow: 0 0 6px #d3d3d3;}
.login-cnt2{position:relative; bottom:38px; right:10px;}
.login-cmd-box{position:relative; margin-top:27px;}
.login-cmd-box > div{width:345px;}
.login-cmd-box input {width:280px;}
.login-id span{padding-right:22px;}
.login-pw span{padding-right:10px;}
.login-cmd-box .login-pw{margin:10px 0 16px;}
.login-cmd-box .id-save{font-size:13px; line-height:17px;}
.login-cmd-box .id-save .chk{width:20px; margin-right:6px;}
.login-info{color: #777; margin-top:20px; border-top:1px solid #e6e6e6; text-align:right;}
.login-info .customer-info{display:inline-block; margin:24px 11px 0 0; font-size:16px; line-height:9px;}
.login-footer{padding:12px 0 0 0; color: #999; background:#f5f5f5;}
.login-footer .address{font-size:13px;}
a.btn-login{position:absolute; top:0; right:0; width:99px; height:72px; border-radius:2px; background:#1c6aa6; color:#fff; font-size:18px; line-height:72px; text-align:center; }
a.btn-login:hover{text-decoration:none;}
a.btn-join{display:inline-block; padding:5px 18px 5px; border-radius:2px; border:1px solid #bbb; color:#555; font-size:14px;}
a.btn-join:hover{text-decoration:none;}
.join {text-align:center; padding-top:20px;}

/** 패딩, 마진 **/
.pb20 {padding-bottom:20px;}
.pb40 {padding-bottom:40px;}
.pb10 {padding-bottom:10px;}
.pt16 {padding-top:16px;}
.pt20 {margin-top:20px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr5 {padding-right:5px;}
.pt10 {padding-top:8px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}
.mb10 {margin-bottom:10px;}
.mt80 {margin-top:80px;}
.ml25 {margin-left:25px;} 
.pb11 {padding-bottom:11px;}
.p4 {padding:0 4px;}
.p90 {padding:0 90px;}
.p2 {padding:0 2px;}
.mt50 {margin-top:50px;}

/** 폰트 **/
.font01 {font-size:16px; text-decoration:line-through; color:#666;}
.font02 {font-size:20px; color:#1c6aa6; }
.font03 {font-size:15px; color:#444; line-height:30px;}
.font04 {font-size:20px; color:#333; }
.font06 {font-size:13px; color:#555; font-weight:400;}
.font07 {font-size:14px; color:#444; }
.font08 {font-size:14px; color:#fc5a0a;;  line-height: 28px;}
.font_bold {}
.f28 {font-size:28px;  line-height:38px;}
.font_gray1 {font-size:13px; color:#777; margin-left:15px;}
.font_gray2 {font-size:13px; color:#666;}

/** 상품 이미지 사이즈 **/
.s150 img {height:120px; width:120px;}
.s200 img {height:190px; width:190px;}
.s240 img {height:240px; width:240px;}
.s280 img {height:280px; width:280px;}
.s300 img {height:1200px; width:900px;}
.s800 img {width:800px;} /*상품상세설명*/

/** 정렬 **/
.right { }
.left {float:left;}
.center {text-align: center;}
.clear {clear:both}

/** 메인 탭 스타일 **/
.tab20 {width: 20%; border-right: solid 1px #333; display: inline-block;}

.tab20 > ul li {border:none; position:relative; font-size: 17px; padding: 15px 0 15px 0; cursor:pointer;transition:800ms ease all;outline:none;background-color:#fff;}
.tab20 > ul li:first-child {border-left:0px; }
.tab20 > ul li a {margin-left:50px;}
.tab20 > ul li:hover{background:#f5f5f5;color:#3052a4;}
.tab20 > ul li:before,.tab20 > ul li:after{content:'';position:absolute;top:0;right:0;height:2px;
  width:0;
  background: #3052a4;
  transition:400ms ease all;
}
.tab20 > ul li:after{right:inherit; top:inherit;left:0;bottom:0;}
.tab20 > ul li:hover:before,.tab20 > ul li:hover:after{width:100%;transition:800ms ease all;}
.tab80 {padding-left:50px; width: 80%; float: right; margin-top: -52px;}
.tab80 > div { width:100%; height:100%; display:none;}
.tab80 > div:first-child { display:block; }