/* 공통사용 중앙정렬 가이드 */

#toparea_warp { position:relative; width:100%; z-index:60;border-bottom:1px solid #c69183; } /*gnb 상단보더값 삭제위치*/
#toparea_warp.fixed { position:fixed; top:0; margin-top:0;  transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;  background:#fff;  }

 
.guide_contents {  position:relative;  width:1250px; margin:0 auto; min-width:950px; }
.guide_100p { width:100%; margin:0 auto; }
.guide_90p { width:90%; margin:0 auto;}

@media all and (min-width:1px) and (max-width:1280px) {
	.guide_contents { width:950px; }
}

 

/* 분류페이지 - 상품 할인율 추가 */
 .leftper,
 .leftper2,
 .leftper3 { position:absolute; right:7px; top:7px; z-index:27;  font-family:Tahoma; }
 .leftper .percent,
 .leftper2 .percent2,
 .leftper3 .percent3 { width:40px; height:40px; line-height:40px; border-radius:0px; color:#fff;  background:#df3a28; text-align:center; display:none;  }
 .leftper .cost,
 .leftper2 .cost2,
 .leftper3 .cost3 { font-size:15px; font-weight:600; display:inline-block !important; }
 .leftper .mark,
 .leftper2 .mark2,
 .leftper3 .mark3 { font-size:9px; font-weight:400; margin-left:1px; display:inline-block !important;}
 .leftper2 {  z-index:28; }
 .leftper3 {  z-index:29; } 
 

.detailfer  .leftper,
.detailfer  .leftper2,
.detailfer  .leftper3 { position:absolute; left:-590px; top:3px; width:40px; height:40px; }


@media all and (min-width:1px) and (max-width:1280px) {
.detailfer  .leftper,
.detailfer  .leftper2,
.detailfer  .leftper3 { position:absolute; left:-391px;  }
}



 

 /* 공통 딜레이 타임지정 */ 
.trans2 { transition: .2s; -webkit-transition: .2s; -moz-transition: .2s;   } 
.trans3 { transition: .3s; -webkit-transition: .3s; -moz-transition: .3s;   } 
.trans5 { transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;   } 
.del3s {  transition-delay:0.5s;  }


/* 한스타일 공통 화살표 */
.hannavi_1 { position: absolute; text-align: center; display: block; width: 50px; height: 50px; line-height: 50px; top: 50%; margin-top: -25px; z-index:12; border:1px solid #e9e9e9; color:#111; cursor:pointer;  background: url(../../han/images/bg/bg_white.png) repeat;  opacity:1; }
.hannavi_1_area .hannavi_1 { opacity:0;  border:1px solid #fff; color:#111;  } 
.hannavi_1_area:hover .hannavi_1 { opacity:.7; }  
.hannavi_1_area:hover .hannavi_1:hover,
.hannavi_1:hover  {  opacity:1; text-decoration:none; border:1px solid #fff; }
.hannavi_1 .fa {width:50px;height:50px;line-height:50px; text-align:center; display:block;  font-size:30px; }
.hannavi_1.dark {  border:1px solid #111; color:#fff; background: url(/han/images/bg/bg_00070.png) repeat; }

.hannavi_1.mover_left { left:-20px; }
.hannavi_1.mover_right { right:-20px; }
.hannavi_1_area:hover .hannavi_1.mover_left { left:-1px; }
.hannavi_1_area:hover .hannavi_1.mover_right { right:-1px; }

.hannavi_1.medium { width: 30px; height: 30px; line-height: 30px; }
.hannavi_1.medium .fa {width:30px;height:30px;line-height:30px; font-size:20px; }

.hannavi_small { position: absolute; text-align: center; display: block; width: 25px; height: 25px; line-height: 25px; z-index:12;  }
.hannavi_small .fa { line-height: 25px; color:#111; font-size:25px;  opacity:.5; }
.hannavi_1_area:hover .fa  {  opacity:1; }

.hannavi_mini { position:absolute; left:15px;  width:20px; height:20px; line-height:20px; border-radius:0;  opacity:0; text-align:center; text-decoration:none; z-index:100;  -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s; }
.hannavi_mini.mover_top { top:0px; }
.hannavi_mini.mover_bottom { top:41px; }
.hannavi_mini_area:hover > .mover_top { background:url(../../han/images/bg/bg_00050.png) repeat;    opacity:1;  top:10px; }
.hannavi_mini_area:hover > .mover_bottom { background:url(../../han/images/bg/bg_00050.png) repeat;    opacity:1;  top:31px;  }
.hannavi_mini .fa  { font-size:11px; width:20px;  height:20px; display:block;  line-height:18px; color:#fff;    }
.hannavi_mini:hover { -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; transition: 0s;  }

.hannavi_mini2 { position:absolute; top:0px;  width:30px; height:30px; line-height:30px; border-radius:0;  opacity:0; text-align:center; text-decoration:none; z-index:12;  -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s; }
.hannavi_mini2.mover_left { left:-10px; }
.hannavi_mini2.mover_right { left:41px; }
.hannavi_mini_area:hover > .mover_left { background:url(../../han/images/bg/bg_00050.png) repeat;    opacity:1;  left:0px; }
.hannavi_mini_area:hover > .mover_right { background:url(../../han/images/bg/bg_00050.png) repeat;    opacity:1;  left:31px;  }
.hannavi_mini2 .fa  { font-size:16px; width:30px;  height:30px; display:block;  line-height:28px; color:#fff;    }
.hannavi_mini2:hover { -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; transition: 0s; text-decoration:none; }





/* 한스타일 공통 페이징 */
.hanpage_1 { position: absolute; height: 18px;  width:100%;  display:table; font-size: 0px; line-height: 0;  z-index:10; }
.hanpage_1 a,
.hanpage_1 li { background: none; width: 8px; height: 8px;  border-radius:50%; display: inline-block; cursor: pointer; margin: 0 2px; border:3px solid #fd7054;  text-decoration:none;  transition: .2s; -webkit-transition: .2s; -moz-transition: .2s;  }
.hanpage_1 a span { font-size:0; }
.hanpage_1 a:hover { border-color:#111; }
.hanpage_1 a.selected {  background:#fff; }
 
.hanpage_2 { position: absolute; height: 10px;  width:100%;  display:table; font-size: 0px; line-height: 0;  z-index:10; }
.hanpage_2 a,
.hanpage_2 li { background: none; width: 5px; height: 5px;  border-radius:50%; display: inline-block; cursor: pointer; margin: 0 1.5px; border:3px solid #dcdcdc;  text-decoration:none;  transition: .2s; -webkit-transition: .2s; -moz-transition: .2s;  }
.hanpage_2 a span { font-size:0; }
.hanpage_2 a:hover { border-color:#111; }
.hanpage_2 a.selected { }








/* 한스타일 공통 슬라이더 */
.carousel_guide { position:relative;	z-index:-1;	display:block; }
.carousel_guide img { width:100%; }
.simple_slide  { position:relative;	width: 100%; height: auto; cursor:pointer;	overflow:hidden; }
.simple_slide ul { position:absolute; width: 100%; height: auto; top:0;	left:0;	z-index:8; }
.simple_slide ul li img { width: 100%; height: auto; display:block; }
 

 

/* 한스타일 공통 H2 */
.h2_han {  font-family:'Noto Sans KR'; font-weight:400;   font-size:29px; line-height:30px; letter-spacing:-1px; color:#33353d; text-align:center; padding-bottom:10px; }
.h2_han span { font-family: 'Nanum Gothic'; font-weight:400;  font-size:14px;   color:#b5b5b5;   letter-spacing:-0.5px;   display:block;}
.h2_han_small { width:auto;  height:40px; line-height:35px;  color:#33353d; text-align:left;  font-size:24px; letter-spacing:-1px; font-family:'Noto Sans KR'; font-weight:400; }
.h2_han_small span { font-family: 'Nanum Gothic'; font-weight:400;  font-size:13px;   color:#b5b5b5; margin-left:7px; letter-spacing:-0.5px; }

.h2_han_big { position:relative;  font-family:'Noto Sans KR'; font-weight:400;   font-size:27px;  color:#d64545; text-align:center;   }
.h2_han_big_in {   position:relative; width:auto; min-height:60px; margin:0 auto; background:#fff; display:table; z-index:5; padding:0 30px;}
.h2_han_big span { font-family: 'Nanum Gothic'; font-weight:400;  font-size:16px; line-height:22px;  color:#888;    display:block; text-align:center; margin-bottom:30px; }
.h2_han_big .dline { position:absolute; left:1%; width:98%; top:35px; border-bottom:1px dashed #fd7054; z-index:-1;}




/* 한스타일 공통 more */
.more_han {  position: absolute; top:25px; right:2px;  text-align: center; display: block;  width: 36px; height: 36px; line-height: 36px;  border:1px solid #e9e9e9; color:#111; cursor:pointer;  }
.more_han .fa { width:36px;height:36px;line-height:36px; text-align:center; font-size:12px; }
.more_han:hover {  border:1px solid #fff; color:#fff; }
 
.more_han.medium { width: 30px; height: 30px; line-height: 30px; }
.more_han.medium .fa {width:30px;height:30px;line-height:30px; font-size:11px; }


 



/* 공통사용 상하간격 공백 / 100퍼센트 배경패턴 */
.hanblank_1 { position:relative; width:100%; height:1px; display:block; clear:both; } 
.hanblank_2 { position:relative; width:100%; height:2px; display:block; clear:both; } 
.hanblank_5 { position:relative; width:100%; height:5px; display:block; clear:both; } 
.hanblank_10 { position:relative; width:100%; height:10px; display:block; clear:both; }
.hanblank_20 { position:relative; width:100%; height:20px; display:block; clear:both; }
.hanblank_30 { position:relative; width:100%; height:30px; display:block; clear:both; }
.hanblank_40 { position:relative; width:100%; height:40px; display:block; clear:both; }
.hanblank_50 { position:relative; width:100%; height:50px; display:block; clear:both; }
.hanblank_60 { position:relative; width:100%; height:60px; display:block; clear:both; }
.hanblank_70 { position:relative; width:100%; height:70px; display:block; clear:both; }
.hanblank_80 { position:relative; width:100%; height:80px; display:block; clear:both; }
.hanblank_90 { position:relative; width:100%; height:90px; display:block; clear:both; }
.hanblank_100 { position:relative; width:100%; height:100px; display:block; clear:both; }
.hanblank_110 { position:relative; width:100%; height:110px; display:block; clear:both; }
.hanblank_120 { position:relative; width:100%; height:120px; display:block; clear:both; }
.hanblank_130 { position:relative; width:100%; height:130px; display:block; clear:both; }
.hanblank_140 { position:relative; width:100%; height:140px; display:block; clear:both; }
.hanblank_150 { position:relative; width:100%; height:150px; display:block; clear:both; }
.hanblank_160 { position:relative; width:100%; height:160px; display:block; clear:both; }
.hanblank_170 { position:relative; width:100%; height:170px; display:block; clear:both; }
.hanblank_180 { position:relative; width:100%; height:180px; display:block; clear:both; }
.hanblank_190 { position:relative; width:100%; height:190px; display:block; clear:both; }
.hanblank_200 { position:relative; width:100%; height:200px; display:block; clear:both; }