@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
html, body {width:100%;}
img { border:0; }
ul {list-style:none;}
body {	
overflow-x:visible;	
font-family:'Malgun Gothic', gulim, '굴림';	
color:#666;	font-size:12px;
letter-spacing:normal;
/* scrollbar-face-color: #2e8af1; */
-wekit-text-size-adjust:none; }
#wrap {	width:100%;}

button:focus, input:focus, select:focus, option:focus, textarea:focus {outline: none;}

input {font-family:gulim, '굴림';}

.hidden {display:none;}
.pointer {cursor:pointer;}

a {text-decoration:none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}


#order_hide_div { z-index:150;background-color:#000;width:100%;height:100%;display: none; position: absolute;moz-opacity:0.7; -ms-filter:"alpha(opacity:0.7)"; filter:alpha(opacity:70); opacity:0.7; }

/* loading */
.loadingImgDiv { width:990px;height:650px;margin: 0 auto; z-index:998;position:fixed; }
.loading {	background-color:black;moz-opacity:0.5; -ms-filter:"alpha(opacity:0.5)"; filter:alpha(opacity:50); opacity:0.5; width:100%;height:100%;z-index:998;top:0px;position:fixed; }
.loadingDiv { z-index:998;position:fixed;width:100%;height:650px;top:100px; text-align:center;}
.loadingDivSub {margin: 0 auto;width:990px;}

/* 네비 */
#navi_wrap {width:1160px;height:20px;padding-top:15px;padding-bottom:15px;}

/* left_categroy*/
.navi_list {width:190px;height:422px;}
.navi_list > ul {padding-top:10px; padding-left:13px; padding-bottom:15px;}

/* n페이징 */
#pageUl {list-style-type:none;margin:0;padding:0;}
#pageLi {display:inline;width:12px;height:12px;border:1px solid #bbb;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;font-family:dotum;font-weight:bold;cursor:pointer;}
#pageLi:hover {background-color:#eee;}


/* body_wrap */
#body_wrap {width:100%;height:100%;position:relative;left:0;}

#contents_1 {position:relative;width:100%;height:424px;}
.contents_1_container {margin:0 auto;width:990px;height:422px;border-bottom:2px solid #000;}
.navi_dropdown {position:relative;width:190px;height:422px;float:left;background-image:url('../img/navi_dropdiwn_bg.gif');}

/* All Category View */
.contents_1_ban {position:relative;width:260px;height:422px;float:right;}
.contents_1_ban1, contents_1_ban2 {width:260px;height:211px;}

/*말줄임표 처리 */
.ellipsis{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;/*-webkit-line-clamp: 2; //라인 수 지정*/}

/* hot event page */
.pagination{float:right;position:absolute;margin:-245px 0 0 440px;z-index:100;width:39px;}
.pagination li { float:left;/*오른쪽으로 나열시킴*/ margin:0 2px;list-style:none;} 
.pagination li a {display:block;width:9px;height:9px;padding-top:12px;background:url('../img/con_dot.png'); background-position:0 0;overflow:hidden;	padding:0;text-indent:-9999px;}
.pagination li.current a{background-position:9px 0;/* 선택된 메뉴일때*/}			


/* contents_line */
#contents_line {position:relative;width:100%;height:9px;}
.contents_line_container {margin:0 auto;width:990px;height:9px;background-image:url('../img/dot_line.gif');}

/* contents_5 */
#contents_5 {position:relative;width:100%;}
.contents_5_container {margin:0 auto;width:990px;height:152px;}
.small_ban_1, .small_ban_2 {margin-top:24px;}
.small_ban_1 {width:493px;height:128px;float:left;}
.small_ban_2 {width:493px;height:128px;float:right;}


/* contents_6 hit_item_list / brand_item_list */

#contents_6 {position:relative;width:100%;height:308px;}

.contents_6_container {margin:0 auto;width:990px;height:308px;}
.hit_item, .brand_item {margin-top:24px;}
.hit_item {width:493px;height:260px;float:left;}
.hit_item_img {width:202px;height:260px;float:left;}
.hit_item_list {width:291px;height:260px;float:right;}

.hit_item_list_con {	width:291px;	height:260px;	float:left;}
.hit_item_list_con .slides_control > ul {	width:263px;	height:215px;	margin-top:40px;	margin-left:14px;}
.hit_item_list_con .slides_control > ul > li {	float:left;}
.hit_item_inner1, .hit_item_inner2 {	width:131px;height:215px;	position:relative;	margin-right:1px;}
.hit_item_inner2 {	margin-right:0;}
.hit_item_img {width:131px;	height:131px;}
.hit_item_text {	width:131px;	height:70px;	padding-top:10px;	float:left;text-align:center; margin-top:8px;}
.hit_item_name > a {	text-decoration:none;	line-height:6px;	letter-spacing:0px;	font-family:dotum,"돋움";	font-size:12px;	color:#333;}
.hit_item_count > a {	text-decoration:none;	font-family:dotum,"돋움";	font-size:16px;	color:#F30;	font-weight:600;}
.hit_item_name > a:hover {	text-decoration:underline;}
/* contents_6 banner pagination */
.rollingBtn { width:8px; height:8px; z-index:10; display:block; background-color:#c0c0c0; float:left; margin-right:3px; float:left; text-decoration:none; border-radius:8px; }
.rollingBtn_on { width:8px; height:8px; display:block; background-color:#0FB0DE; float:left; margin-right:3px; border-radius:8px; }
.rollingBtn > a { text-decoration:none;}

.rollingBtn2 { width:8px; height:8px; z-index:10; display:block; background-color:#c0c0c0; float:left; margin-right:3px; float:left; text-decoration:none; border-radius:8px; }
.rollingBtn_on2 { width:8px; height:8px; display:block; background-color:#FF6B6B; float:left; margin-right:3px; border-radius:8px; }
.rollingBtn2 > a { text-decoration:none;}


/* contents_7 */
#contents_7 { position:relative; width:100%; height:416px; background:#eee; }
#purpose { width:990px; margin:0 auto; }
#Purpose_list_subject{ height:84px; }
#purpose_list_subject_0, #purpose_list_subject_3 { width:248px; margin-top:24px; height:60px; float:left; }
#purpose_list_subject_1, #purpose_list_subject_2 { width:247px; margin-top:24px; height:60px; float:left; }
#purpose_list_subtitle { height:48px; background:#0067CC; }
#purpose_list_subtitle_slash { width:6px;height:15px; background:url('img/purpose_bt_line.gif') no-repeat; }


/* list, item */
#list_wrap{position:relative;}


/* 페이징 */
#Paging { width:990px;height:70px; margin-top:37px; }
#list_View_Paging{height:34px;margin:0 auto;}
#list_View_Paging > a{color:#000;text-decoration:none;}
#list_view_prevBtn{width:25px; height:22px; padding-left:12px; padding-right:12px; padding-top:10px;padding-bottom:10px; margin-left:1px;margin-right:1px;color:#000; display:inline;}
#list_view_pageBtn{width:17px; height:23px; border:#ccc 1px solid; padding-left:11px; padding-right:11px; padding-top:9px;margin-left:1px;padding-bottom:10px;color:#000;background-color:#fcfcfc;display:inline;}
#list_view_pageBtn_selected{width:17px; height:23px; border:#ccc 1px solid; padding-left:11px; padding-right:11px; padding-top:9px;margin-left:1px;padding-bottom:10px;color:#000;background-color:#fcfcfc;display:inline;}
#list_view_rightBtn{width:25px; height:22px; padding-left:12px; padding-right:12px; padding-top:10px;padding-bottom:10px; margin-left:1px;margin-right:1px;color:#000;display:inline;}

#Paging_oil { width:430px;height:70px; margin-top:37px; }
#oil_Paging{height:34px;margin:0 auto;}
#oil_Paging > a{color:#000;text-decoration:none;}
#oil_prevBtn{width:25px; height:22px; padding-left:12px; padding-right:12px; padding-top:10px;padding-bottom:10px; margin-left:1px;margin-right:1px;color:#000; display:inline;}
#oil_pageBtn{width:17px; height:23px; border:#ccc 1px solid; padding-left:11px; padding-right:11px; padding-top:9px;margin-left:1px;padding-bottom:10px;color:#000;background-color:#fcfcfc;display:inline;}
#oil_pageBtn_selected{width:17px; height:23px; border:#ccc 1px solid; padding-left:11px; padding-right:11px; padding-top:9px;margin-left:1px;padding-bottom:10px;color:#000;background-color:#fcfcfc;display:inline;}
#oil_rightBtn{width:25px; height:22px; padding-left:12px; padding-right:12px; padding-top:10px;padding-bottom:10px; margin-left:1px;margin-right:1px;color:#000;display:inline;}

#Paging_bo { width:1160px;height:70px; margin-top:37px; }
#bo_Paging{height:34px;margin:0 auto;}
#bo_Paging > a{color:#000;text-decoration:none;}
#bo_prevBtn{width:25px; height:22px; padding-left:12px; padding-right:12px; padding-top:10px;padding-bottom:10px; margin-left:1px;margin-right:1px;color:#000; display:inline;}
#bo_pageBtn{width:17px; height:23px; border:#ccc 1px solid; padding-left:11px; padding-right:11px; padding-top:9px;margin-left:1px;padding-bottom:10px;color:#000;background-color:#fcfcfc;display:inline;}
#bo_pageBtn_selected{width:17px; height:23px; border:#ccc 1px solid; padding-left:11px; padding-right:11px; padding-top:9px;margin-left:1px;padding-bottom:10px;color:#000;background-color:#fcfcfc;display:inline;}
#bo_rightBtn{width:25px; height:22px; padding-left:12px; padding-right:12px; padding-top:10px;padding-bottom:10px; margin-left:1px;margin-right:1px;color:#000;display:inline;}
.vm{vertical-align: middle;}


/* ================ 리뉴얼 페이지 ================ */
/* 아이콘 */
.IcoSp{background:url('../img/IconSprite.png') no-repeat}
em{font-style:normal}
/* 페이징 */
.PagingWrap{display:table;padding:20px 0;margin:0 auto}
.PagingWrap > li{float:left;margin:0 1px;padding:3px 9px;cursor:pointer;font-size:14px;font-weight:bold;border-radius:5px;color:#a1a1a1;border: 1px solid transparent}
.PagingWrap > li > i{display:inline-block;vertical-align:2px;width:8px; height:8px; border-left:2px solid #d0d0d0; border-bottom:2px solid #d0d0d0;}
.PagingWrap > li > .LeftAngle{transform: rotate(45deg)}
.PagingWrap > li > .RightAngle{transform: rotate(-135deg)}
.PagingWrap > .PgBtnNow{border:1px solid #9a9a9a;color:#9a9a9a}
.PagingWrap > .PgArrow{padding:4px 5px;border:0}
/* .PagingWrap > .PgBtnStart > i:nth-child(2), .PagingWrap .PgBtnEnd > i:nth-child(2){margin-left:-2px;} */
.PagingWrap > .PgBtnPrev{margin-right:5px}
.PagingWrap > .PgBtnNext{margin-left:5px}
.None{display:none}

/*이벤트*/
.EventBox{position:relative;}
.EventIcon, .EvLink{display:inline-block;max-width:75px;min-width:55px;padding:1px 3px;vertical-align:middle;font-weight:normal; border-radius:5px; transition: all .3s ease-in-out;}
.EvLink{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;display:flex; align-items:center;justify-content:center;}
.EventBox:hover .EventIcon{opacity:0}
.EventBox:hover .EvLink{opacity:1}

/* 할인가 표기 */
.ItSalePriceBox{font-size:13px;display:inline-block;margin-left:5px;font-family:'nt-M'}
.ItSalePriceBox.Block{margin-left:0; display:block;}
.ItSalePriceBox.Absolute{margin-left:0;position:absolute;top:-5px;white-space:nowrap;}
.ItRegularPrice{color:#999;text-decoration: line-through;font-weight:normal;}
.ItSalePer{color:#ff0038;font-size:14px;font-weight:bold;margin-right:2px;}