/** 상단배너 **/
#sub_wrap{
	width:1024px;  margin:0px auto 0px auto; clear:both; position:relative; z-index:10;
	min-height:800px;
}
#sub_path{
	width:100%; float:left; margin:15px 0px 35px 0px;
}
#sub_path p.home{
	float:left;
	background-image: url(../_img/com/path_home.gif);
	background-repeat: no-repeat;
	background-position: left center; padding-left:20px; margin-right:20px; color:333pc; font-size:13px
}
#sub_path .cate{
	float:left;
	background-image: url(../_img/com/cate_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:20px;
	margin-right:20px; display:block; }
#sub_path .cate select{
	padding:2px 2px; width:220px; border:1px solid #ccc;
}
/** 히트상품 **/
#slideshow {
	width:1024px;
	position:relative; float:left
}
#slideshow #slidesContainer {
  margin:0 auto;
 	width:1024px;

  overflow:auto;
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:1024px;
}

.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:170px;
  left:0px;
  background:transparent url(../_img/com/ar_left03.png) no-repeat 0 0; z-index:1
}
#rightControl {
  top:170px;
  right:0px;
  background:transparent url(../_img/com/ar_right03.png) no-repeat 0 0;
}

*:first-child+html  #leftControl {
  top:-40px;
  left:0px;
  background:transparent url(../_img/com/ar_left01.png) no-repeat 0 0
}
*:first-child+html  #rightControl {
  top:-40px;
  right:-20px;
  background:transparent url(../_img/com/ar_right01.png) no-repeat 0 0;
}

#title_bar {
  margin:0px auto 10px auto;
  width:1024px;
}
#pageContainer {
  margin:0px auto;
  width:1024px;
}

.slide img {
  margin:0 0px;
}
#sub_hit{
	width:100%; float:left;
}
#sub_hit .hit_title{
	width:100%; float:left; height:42px; border-bottom:1px solid #ccc; margin-bottom:0px
}
#sub_hit .hit_title p.title{float:left;
}
#sub_hit .hit_title p.more{float:right; margin-top:10px
}


#sub_hit #slideshow   #slidesContainer{
	width:100%; float:left;
}
#sub_hit #slideshow   #slidesContainer .slide  .list_box{
	width:1024px; float:left;
}
#sub_hit #slideshow   #slidesContainer .slide   .list_box ul li.pro_box{
	width:332px; float:left; border:1px solid #cccccc; height:370px; background-color:#f9f9f9; position:relative;
}
#sub_hit #slideshow   #slidesContainer .slide   .list_box ul li.pro_box p.por_img{
	width:100%; float:left; border-bottom:1px solid #cccccc; height:277px; background-color:#fff; text-align:center
}
#sub_hit #slideshow   #slidesContainer .slide   .list_box ul li.pro_box .icon_best{ position: absolute; left:0px; top:0px; width:100%; height:50px; text-align:right
}
#sub_hit #slideshow   #slidesContainer .slide   .list_box ul li.pro_box .icon_point{ position: absolute; left:150px; bottom:92px
}
#sub_hit #slideshow   #slidesContainer .slide   .list_box ul li.pro_box .icon_box{
	width:290px; float:left; margin-left:20px; margin-bottom:5px
}
#sub_hit #slideshow   #slidesContainer .slide   .list_box ul li.pro_box .info_box{
	width:300px; float:left; margin-left:20px;
}
#sub_hit #slideshow   #slidesContainer .slide   .list_box ul li.pro_box .info_box .left{
	width:170px; float:left;
}
#sub_hit #slideshow   #slidesContainer .slide   .list_box ul li.pro_box .info_box .left p.code{
	width:100%; float:left; font-size:14px; color:#4db3de
}
#sub_hit #slideshow   #slidesContainer .slide  .list_box ul li.pro_box .info_box .left p.title{
	width:100%; float:left; font-size:11px; color:#666; line-height:15px
}
#sub_hit #slideshow   #slidesContainer .slide   .list_box ul li.pro_box .info_box .right{
	width:120px; float:right;
}
#sub_hit #slideshow   #slidesContainer .slide   .list_box ul li.pro_box .info_box .right p.price1{
	width:100%;
	float:left;
	text-align:right;
	color:#999;
	font-size:12px;
	text-decoration: line-through; margin-bottom:5px
}
#sub_hit #slideshow   #slidesContainer .slide  .list_box ul li.pro_box .info_box .right p.price2{
	width:100%; float:left; text-align:right;  font-size:23px; color:#378ac9;  font-family: 'Arimo', sans-serif;
}
#sub_hit #slideshow   #slidesContainer .slide   .list_box ul li.sp_box{
	width:14px; float:left; height:370px
}
/** 서브 카테고리 리스트 정렬**/
#sub_wrap .list_number {
	float:left; width:700px; margin:20px 0px 0px 0px; font-size:14px; color:#000
}
#sub_wrap .list_bar{
	float:left; width:100%; border-bottom:1px solid #cccccc;
}

#sub_wrap .list_bar .tab{
	float:left;  border-right:1px solid #cccccc; margin-top:10px
}

#sub_wrap .list_bar .tab ul li.on{
	float:left;
}
#sub_wrap .list_bar .tab ul li.on a{
	float:left;
	padding:8px 8px;
	background-color:#9e9e9e;
	border-left:1px solid #9e9e9e;
	border-top:1px solid #9e9e9e;
	font-size:12px;
	color:#fff;
	text-decoration: none;
}
#sub_wrap .list_bar .tab ul li.off{
	float:left;
}
#sub_wrap .list_bar .tab ul li.off a{
	float:left;
	padding:8px 8px;
	background-color:#f5f5f5;
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;

	font-size:12px;
	color:#666;
	text-decoration: none;
}

#sub_wrap .list_bar .list_st_box{
	float:right; width:460px; margin:0px 0px 0px 0px;
}
#sub_wrap .list_bar .list_st_box .btn_box{
	float:right; width:245px;
}

#sub_wrap .list_bar .list_st_box .select_box{
	float:left; width:150px; text-align:left
}
#sub_wrap .list_bar .list_st_box .select_box select{ width:140px; height:26px; margin:0px 0px 0px 0px;
}
#sub_wrap .list_bar .list_st_box .select_icon{
	float:right;
}
#sub_wrap .list_bar .list_st_box .select_icon ul li{
	float:left;
}

#sub_wrap .cate_listbox{
	float:left; width:100%; position:relative
}
#sub_wrap .cate_listbox ul li{
	float:left; width:100%; padding:20px 0px; border-bottom:1px solid #ccc;  position:relative; 
}
#sub_wrap .cate_listbox ul li.bgcolor{
	float:left; width:100%; padding:20px 0px; border-bottom:1px solid #ccc;  position:relative; background-color:#f7f7f1
}
#sub_wrap .cate_listbox ul li p.img{
	float:left; width:150px; margin-left:15px
}
#sub_wrap .cate_listbox ul li p.pro_title{ position: absolute;top: 60px; left:190px; width:380px; color:#000;  font-size:14px
}
#sub_wrap .cate_listbox ul li p.pro_cate_text{position: absolute; top: 150px; left:190px; width:380px; color:#999; font-size:11px; line-height:15px
}
#sub_wrap .cate_listbox ul li .pro_price{  position: absolute; top: 80px; left:850px; width:150px; color:#339900; float:left
}
#sub_wrap .cate_listbox ul li .product_only_me_price{
	position: absolute;
	top: 95px;
	left: 600px;
	width: 255px;
	float: left;
	color: #f44336;
	margin-top: 10px;
}
#sub_wrap .cate_listbox > ul > li:not(:first-of-type) input.br-cl-ch[type="checkbox"] + label{margin-top: 66px;}
#sub_wrap .cate_listbox ul li input.br-cl-ch[type="checkbox"]{
	display: none;
  }
  #sub_wrap .cate_listbox ul li input.br-cl-ch[type="checkbox"] + label{
	display: inline-block;
	width: 18px;
	height: 18px;
	border:1px solid  #9E9E9E;
	position: relative;
	border-radius: 3px;
	float: left;
  }
  #sub_wrap .cate_listbox ul li input.br-cl-ch[type="checkbox"]:checked + label::after{
	content:'';
	background: url(../_img/product/list-check-after.png) no-repeat center center;
	width: 18px;
	height: 18px;
	background-size: 22px;
	text-align: center;
	position: absolute;
	left: -1px;
	top:-1px;
  }

#sub_wrap .cate_listbox ul li label{
	border: 1px solid #9E9E9E; width: 13px; height: 12px; background-color: #fff;
}
.pro_price2 {
	position: absolute;
	top: 60px;
	left: 571px;
	width: 150px;
	color: #339900;
	float: left;
}
p.me_price1{
	color:#f44336;
	font-size:24px;
	float:left;
	line-height:26px;
	font-weight:bold;
}
p.me_price2{
	color:#f44336;
	font-size:14px;
	float:left;
	line-height:20px;
	margin-top:8px
}
.product_only_me_btn{
	position: absolute;
	top: 70px;
	left: 850px;
	width: 120px;
	height: 35px;
	background-color: #f1f1f1;
	border-color: lightgrey;
}
.product_only_me_btn:hover{
	color:#000;
}
#sub_wrap .cate_listbox ul li .pro_price_after{
	position: absolute;
	top: 60px;
	left:850px;
	width:150px;
	color:#999;
	float:left;
	font-size:12px;
	text-decoration: line-through;
}
#sub_wrap .cate_listbox ul li .pro_price p.price1{ color:#378ac9;  font-size:24px; float:left; line-height:26px; font-weight:bold
}
#sub_wrap .cate_listbox ul li .pro_price p.price2{ color:#378ac9;  font-size:14px; float:left; line-height:20px; margin-top:8px
}
#sub_wrap .cate_listbox ul li .pro_delivery{ position: absolute; top: 120px; left:850px; width:120px; font-size:12px; color:#666; float:left
}
#sub_wrap .cate_listbox ul li .pro_code{ position: absolute;top: 30px; left:190px; width:150px; font-size:14px; color:#4db3de ;float:left
}
#sub_wrap .cate_listbox ul li .pro_content{ position: absolute;top: 24px; left:260px; width:165px; font-size:11px; color:#666; float:left
}
#sub_wrap .cate_listbox ul li .pro_content dl{ width:100px; float:left; display:block; border-top:1px solid #eee;
}
#sub_wrap .cate_listbox ul li .pro_content dl dt{ width:50px; float:left;display:block; font-size:11px;  border-bottom:1px solid #eee;
}
#sub_wrap .cate_listbox ul li .pro_content dl dd{ width:50px; float:left;display:block; font-size:11px;  border-bottom:1px solid #eee;
}
#sub_wrap .cate_listbox ul li .pro_seller{  position: absolute;top: 40px; left:890px; width:100px;
}
#sub_wrap .cate_listbox ul li .pro_seller p.title{ width:100%; font-size:14px ; color:#000
}
#sub_wrap .cate_listbox ul li .pro_seller p.stext{ width:100%; font-size:11px ; color:#999; line-height:13px
}
#sub_wrap .cate_listbox ul li .pro_seller p.sbtn{ width:100%; margin-top:5px
}


#sub_wrap .pageing{width: 100%;  text-align: center; overflow: hidden; height:50px; padding-top:20px; margin-bottom:30px; float:left}
#sub_wrap .pageing .page_inbox{ display: inline-block; vertical-align: middle; border:1px solid #c4c4c4; width:auto; margin:0 auto ;height:30px}

*:first-child+html .pageing{width: 100%;  text-align: center;  height:50px; padding-top:20px; margin-bottom:30px; float:left; margin:0 auto ;}
*:first-child+html #sub_wrap .pageing .page_inbox{ border:1px solid #c4c4c4; margin-left:320px;  float:left;}

#sub_wrap .pageing .page_inbox p.bback_icon{ float:left; text-align:center;border-right:1px solid #c4c4c4; height:28px; width:26px; background:#f5f5f5}
#sub_wrap .pageing .page_inbox p.bback_icon img{ margin-top:7px}

#sub_wrap .pageing .page_inbox p.back_icon{ float:left; text-align:center;border-right:1px solid #c4c4c4; height:28px; width:26px; background:#f5f5f5}
#sub_wrap .pageing .page_inbox p.back_icon img{ margin-top:7px}

#sub_wrap .pageing .page_inbox p.number{ float:left; text-align:center;  background:#fff; font-size:13px; height:28px;}
#sub_wrap .pageing .page_inbox p.number a{
	float:left;
	text-align:center;
	background:#fff;
	padding:7px 10px 0px 10px;
	text-decoration: none; color:#666; font-size:13px
}
#sub_wrap .pageing .page_inbox p.number a.on{
	float:left;
	text-align:center;
	background:#fff;
	height:28px;
	padding:7px 10px 5px 10px;
	text-decoration: none; color:#f61540; font-size:13px; border-right:1px solid #c4c4c4; border-left:1px solid #c4c4c4; background-color:#f7f7f7
}
#sub_wrap .pageing .page_inbox p.number a.on:first-child {border-left:none;}
#sub_wrap .pageing .page_inbox p.number a.on:last-child {border-right:none;}

#sub_wrap .pageing .page_inbox p.nnext_icon{ float:left; text-align:center; height:28px;  border-left:1px solid #c4c4c4;width:26px; background:#f5f5f5}
#sub_wrap .pageing .page_inbox p.nnext_icon img{ margin-top:7px}

#sub_wrap .pageing .page_inbox p.next_icon{ float:left; text-align:center; height:28px; border-left:1px solid #c4c4c4;width:26px; background:#f5f5f5}
#sub_wrap .pageing .page_inbox p.next_icon img{ margin-top:7px}




/** 서브 카테고리 베스트**/
#sub_wrap .cate_listbox2 {
	width:100%;
	float:left;
}
#sub_wrap .cate_listbox2 .cate_list_title{
	width:100%;
	float:left;
	margin-bottom:10px;
	text-align:left
}

#sub_wrap .cate_listbox2  {
	width:100%;
	float:left;
}
#sub_wrap .cate_listbox2  ul li{
	float:left;margin:20px 30px 0px 0px;

}
#sub_wrap .cate_listbox2  ul li.nomargin{
	float:left; margin-right:0px

}
.list_st2 {
	float:left;
	width:180px;
	height:320px;

}

.list_st2.new_img {
	float:left;
	width:100%;
	margin-bottom:20px; text-align:center
}
.list_st2 p.icon {
	float:left;
	width:100%;
	text-align:left;
}
.icon_out {position:relative; width:100%; height:1px
}
.icon_best { position:relative; top:-20px ; left:0px
}
.list_st2 p.pro_code{ color:#4db3de ;font-size:14px;float:left;
	width:100%;
}
.list_st2 p.new_title01 {
	float:left;
	width:100%;
	font-size:12px;
	color:#333333;
	text-align:left;
	letter-spacing:-0.5px
}
.list_st2 p.new_title01 a{
	float:left;
	width:100%;
	font-size:12px;
	color:#333333;
	text-align:left;
	letter-spacing:-0.5px;
	text-decoration: none; line-height:20px
}
.list_st2 p.new_title01 a:hover {
	float:left;
	width:100%;
	font-size:12px;
	color:#333333;
	text-align:left;
	letter-spacing:-0.5px;
	text-decoration: none;line-height:20px
}
.list_st2 p.new_title02 {
	float:left;
	width:100%;
	height:32px;
	overflow: hidden;
	font-size:12px;
	color:#999;
	text-align:left;
/* 	letter-spacing:-0.5px; */
	margin-bottom:10px
}
.list_st2 p.new_title02 a{
	float:left;
	width:100%;
	font-size:12px;
	color:#353535;
	text-align:left;
/* 	letter-spacing:-0.5px; */
	text-decoration: none; line-height:16px
}
.list_st2p.new_title02 a:hover {
	float:left;
	width:100%;
	font-size:12px;
	color:#353535;
	text-align:left;
	letter-spacing:-0.5px;
	line-height:16px;
	text-decoration: none;
}
.list_st2 p.icon {
	display: flex;
	float:left;
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
	align-items: center;
}
.list_st2 p.new_price {
	float:left;
	width:100%;
	font-size:18px;
	color:#378ac9;
	text-align:left;font-family:"NanumBarunGothic", nbg, dotum, sans-serif; font-weight:bold

}
.list_st2 p.new_price1 {
	float:left;
	width:100%;
	font-size:12px;
	color:#999;
	text-align:left;
	letter-spacing:-0.5px; loat:left; margin-right:10px; font-size:12px;
	text-decoration: line-through;
}


/* ---- 상품 상세 > 관련상품 css ------ */
.regard_box {
	width:100%;
	float:left;
	margin-bottom:30px;
}
.regard_box .regard_more{
	width:100%;
	float:left;
	text-align:right; padding-top:15px
}


.regard_box ul li{
	float:left;margin:10px 30px 0px 0px;

}
.regard_box  ul li.nomargin{
	float:left; margin-right:0px

}

.list_st3 {
	float:left;
	width:180px;
	height:320px;

}

.list_st3.new_img {
	float:left;
	width:100%;
	margin-bottom:20px; text-align:center
}
.list_st3 p.icon {
	float:left;
	width:100%;
	text-align:left;
}
.icon_out {position:relative; width:100%; height:1px
}
.icon_best { position:relative; top:-20px ; left:0px
}
.list_st3 p.pro_code{ color:#4db3de ;font-size:14px;float:left;
	width:100%;
}
.list_st3 p.new_title01 {
	float:left;
	width:100%;
	font-size:12px;
	color:#333333;
	text-align:left;
	letter-spacing:-0.5px
}
.list_st3 p.new_title01 a{
	float:left;
	width:100%;
	font-size:12px;
	color:#333333;
	text-align:left;
	letter-spacing:-0.5px;
	text-decoration: none; line-height:20px
}
.list_st3 p.new_title01 a:hover {
	float:left;
	width:100%;
	font-size:12px;
	color:#333333;
	text-align:left;
	letter-spacing:-0.5px;
	text-decoration: none;line-height:20px
}
.list_st3 p.new_title02 {
	float:left;
	width:100%;
	font-size:12px;
	color:#353535;
	text-align:left;
	letter-spacing:-0.5px;
	margin-bottom:10px
}
.list_st3 p.new_title02 a{
	float:left;
	width:100%;
	font-size:12px;
	color:#353535;
	text-align:left;
	letter-spacing:-0.5px;
	text-decoration: none; line-height:16px
}
.list_st3 p.new_title02 a:hover {
	float:left;
	width:100%;
	font-size:12px;
	color:#353535;
	text-align:left;
	letter-spacing:-0.5px;
	line-height:16px;
	text-decoration: none;
}
.list_st3 p.icon {
	float:left;
	width:100%; margin-bottom:10px
}
.list_st3 p.price2{
	float:right;
	font-size:18px;
	color:#378ac9;
	text-align:left;font-family:"NanumBarunGothic", nbg, dotum, sans-serif; font-weight:bold

}
.list_st3 p.price2 .won_color3{  font-size:17px;
	color:#187BC2;font-family:"NanumBarunGothic", nbg, dotum, sans-serif; line-height:17px;
}
.list_st3 p.price2 .won_color4{  font-size:12px;
	color:#187BC2;font-family:"NanumBarunGothic", nbg, dotum, sans-serif; font-weight:normal; margin-left:3px;
}
.list_st3 p.price1{
	float:left;
	font-size:11px;
	color:#999;
	text-align:left;
	letter-spacing:0px; float:left; font-size:12px;
	text-decoration: line-through;
}



/* ---- 상품 상세 css ------ */
#detail_wrap{ width:100%; float:left}
#detail_wrap .products_top{ width:100%; float:left; margin-bottom:50px;  position:relative;}
#detail_wrap .products_top .left{ width:461px; float:left; position:relative}
#detail_wrap .products_top .left p.img{ width:100%; float:left; margin-bottom:10px}
#detail_wrap .products_top .left p.zoom{ width:100%; float:left; margin:10px 0px; text-align:center}
#detail_wrap .products_top .down{width:461px; float:left; left:0px;}
#detail_wrap .products_top .down .linebox{ width:100%; float:left; height:55px; line-height:55px; text-align:center}
#detail_wrap .products_top .down .linebox .inbox{ width: 31.5%; float:left; height:55px; line-height:15px; background-color: #faf9f8; text-align:center; margin-left: 1.5%; padding-top: 13px; padding-bottom: 15px; cursor: pointer; }
#detail_wrap .products_top .down .linebox2{ width:100%;  float:left; line-height:55px; border-bottom:1px solid #eee;}
#detail_wrap .products_top .down .linebox2 p.img{ float:left; vertical-align:middle; float:left; margin-top:15px; margin-right:15px; line-height:30px}
#detail_wrap .products_top .down .linebox2 p{ float:left; vertical-align:middle; float:left; margin-top:15px; margin-right:15px; line-height:30px}
#detail_wrap .products_top .right{ width:531px; float:right; position:relative}
#detail_wrap .products_top .right .title{ width:100%; float:left; margin-bottom:20px; font-size:18px; color:#000; }
/* 상품명 pre 먹이면서 동시에 줄바꿈을 크로스브라우징 되면서 해야한다. 하단 스크립트 추가 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-break:break-all;
}
#detail_wrap .products_top .right .detail_box{ width:100%; float:left; border:1px solid #e2e2e2; }
#detail_wrap .products_top .right .detail_box .detail01{ width:100%; float:left; background-color:#f6f6f6; padding:15px 0px}
#detail_wrap .products_top .right .detail_box .detail01 .inbox{ width:470px; margin:0px auto}
#detail_wrap .products_top .right .detail_box .detail01 .inbox .left_box{ float:left; width:235px; border-right:1px solid #ccc}
#detail_wrap .products_top .right .detail_box .detail01 .inbox .left_box dl{ width:100%; float:left;}
#detail_wrap .products_top .right .detail_box .detail01 .inbox .left_box dl dt{ width:40%; float:left; color:#666; font-size:14px;  margin-top:5px}
#detail_wrap .products_top .right .detail_box .detail01 .inbox .left_box dl dd{ width:60%; float:left; margin-top:5px}
#detail_wrap .products_top .right .detail_box .detail01 .inbox .right_box{  width:200px;; float:right;}
#detail_wrap .products_top .right .detail_box .detail01 .inbox .right_box dl{ width:100%; float:left;}
#detail_wrap .products_top .right .detail_box .detail01 .inbox .right_box dl dt{ width:40%; float:left; color:#666; font-size:14px;  margin-top:5px}
#detail_wrap .products_top .right .detail_box .detail01 .inbox .right_box dl dd{ width:60%; float:left; margin-top:5px}

#detail_wrap .products_top .right .detail_box .detail01 .inbox .left_box2{ float:left; width:100%; }
#detail_wrap .products_top .right .detail_box .detail01 .inbox .left_box2 dl{ width:100%; float:left;}
#detail_wrap .products_top .right .detail_box .detail01 .inbox .left_box2 dl dt{ width:20%; float:left; color:#666; font-size:14px;  margin-top:5px}
#detail_wrap .products_top .right .detail_box .detail01 .inbox .left_box2 dl dd{ width:80%; float:left; margin-top:5px}
#detail_wrap .products_top .right .detail_box .detail01 .inbox .left_box2 dl dd p.text1{ width:30%; float:left;}
#detail_wrap .products_top .right .detail_box .detail01 .inbox .left_box2 dl dd p.text2{ width:50%; float:left; }

#detail_wrap .products_top .right .detail_box .detail02{ width:100%; float:left;  padding:15px 0px; border-bottom:1px solid #e2e2e2}
#detail_wrap .products_top .right .detail_box .detail02 .inbox{ width:470px; margin:0px auto}
#detail_wrap .products_top .right .detail_box .detail02 .inbox  dl{ width:100%; float:left;}
#detail_wrap .products_top .right .detail_box .detail02 .inbox  dl dt{ width:30%; float:left; color:#666; font-size:14px;  margin-top:5px}
#detail_wrap .products_top .right .detail_box .detail02 .inbox  dl dd{ width:70%; float:left; margin-top:5px}


#detail_wrap .products_top .right .detail_box .detail03{width:100%; float:left;  padding:15px 0px;  border-bottom:1px solid #e2e2e2}
#detail_wrap .products_top .right .detail_box .detail03 .inbox{ width:470px; margin:0px auto}
#detail_wrap .products_top .right .detail_box .detail03 .inbox dl{ width:100%; float:left;}
#detail_wrap .products_top .right .detail_box .detail03 .inbox dl dt{ width:20%; float:left; color:#666; font-size:14px;  margin-top:5px;}
#detail_wrap .products_top .right .detail_box .detail03 .inbox dl dd{ width:80%; float:left; margin-top:5px;}

#detail_wrap .products_top .right .detail_box .detail04{ width:100%; float:left;  padding:15px 0px;}
#detail_wrap .products_top .right .detail_box .detail04 .inbox{ width:470px; margin:0px auto}
#detail_wrap .products_top .right .detail_box .detail04 .inbox  dl{ width:100%; float:left;}
#detail_wrap .products_top .right .detail_box .detail04 .inbox  dl dt{ width:20%; float:left; color:#666; font-size:14px;  margin-top:5px; }
#detail_wrap .products_top .right .detail_box .detail04 .inbox  dl dd{ width:80%; float:left; line-height:30px; }
#detail_wrap .products_top .right .detail_box .detail04 .inbox  dl dd .input_st1{ width:50px; float:left; margin-right:5px; line-height:30px}
#detail_wrap .products_top .right .detail_box .detail04 .inbox  dl dd .input_st1 input{ width:50px; border:1px solid #ccc; height:25px; float:left; text-align: center}
#detail_wrap .products_top .right .detail_box .detail04 .inbox  dl dd .input_st2{width:19px; float:left;  line-height:30px}
#detail_wrap .products_top .right .detail_box .detail04 .inbox  dl dd .input_st2 img{float:left}

#detail_wrap .products_top .right .detail_box .detail04 .inbox  dl dd p{ float:left; line-height:30px}

#detail_wrap .products_top .right .detail_box2 { width:100%; float:left; border:1px solid #afafaf ; }
#detail_wrap .products_top .right .detail_box2 .inbox{ width:470px; margin:10px auto 0px auto; height:35px; border-bottom:1px solid #e2e2e2;}
#detail_wrap .products_top .right .detail_box2 .inbox .in01{ width:270px;float:left;line-height:30px;}

#detail_wrap .products_top .right .detail_box2 .inbox .in02{ width:80px;float:left;}
#detail_wrap .products_top .right .detail_box2 .inbox .in02 .input_st1{ width:50px; float:left; margin-right:5px; line-height:30px; }
#detail_wrap .products_top .right .detail_box2 .inbox .in02 .input_st1 input{ width:50px; border:1px solid #ccc; height:25px; float:left;}
#detail_wrap .products_top .right .detail_box2 .inbox .in02 .input_st2{width:19px; float:left; line-height:25px}

#detail_wrap .products_top .right .detail_box2 .inbox .in02 .input_st2 img{float:left;}

#detail_wrap .products_top .right .detail_box2 .inbox .in03{ float:right; text-align:right; line-height:30px; color:#000 }
#detail_wrap .products_top .right .detail_box2 .inbox .in03 p{  float:left; line-height:30px; color:#000 }
#detail_wrap .products_top .right .detail_box2 .inbox .in03 img{ margin-top:8px; margin-left:10px; float:left; }
#detail_wrap .products_top .right .detail_box2 .line_box{ width:100%; float:left; border-bottom:1px solid #e2e2e2; height:1px;}

#detail_wrap .products_top .right .detail_box3 { width:100%; float:left; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;background-color:#f6f6f6 }
#detail_wrap .products_top .right .detail_box3 .inbox{ width:470px; margin:10px auto 10px auto; height:35px}
#detail_wrap .products_top .right .detail_box3 .inbox .in01{height:35px; float:left; height:35px; line-height:35px;}
#detail_wrap .products_top .right .detail_box3 .inbox .in02{
	height:35px;
	float:right;
	background-image: url(../_img/product/detail_price.gif);
	background-repeat: no-repeat;
	background-position: left center; padding-left:35px; font-size:23px; color:#187BC2; line-height:35px;

}
#detail_wrap .products_top .right .detail_box4 { width:100%; float:left;}
#detail_wrap .products_top .right .detail_box4 img{ float:left;}
#detail_wrap .products_top .right .detail_box4 p.left{ float:left;font-size : 13px ;  color : #4db3de; width:300px; padding-top:25px; text-align:center}
#detail_wrap .products_top .right .detail_box4 p.right{ float:right;width:157px; padding-top:10px }



#detail_wrap .products_tab{ width:100%; float:left;}

#detail_wrap .products_tab .tab{ float:left; width:100%;}
#detail_wrap .products_tab .tab ul{ float:left; width:100%;  border-bottom:1px solid #5c86d0}
#detail_wrap .products_tab .tab ul li.on{
	float:left;
	background-color:#5c86d0;
	width:204px;
	color:#fff;
	font-size:14px;
	height:50px;
	line-height:50px;
	border-bottom:none;
	background-image: url(../_img/product/icon_ar01.gif);
	background-repeat: no-repeat;
	background-position: 148px center;
	 border:1px solid #5c86d0;text-align:center
}
#detail_wrap .products_tab .tab ul li.on a{
	float:left;
	width:204px;
	color:#fff;
	font-size:14px;
	height:50px;
	line-height:50px;
	text-decoration: none; text-align:center


}
#detail_wrap .products_tab .tab ul li.off1{ float:left; background-color:#f9f9f9; width:204px;  color:#999999; font-size:14px; height:40px; line-height:40px;  border-top:1px solid #dedede;  border-left:1px solid #dedede; text-align:center;  margin-top:10px }
#detail_wrap .products_tab .tab ul li.off1 a{  float:left;  background-color:#f9f9f9; width:204px;  color:#999999; font-size:14px; height:39px; line-height:39px; text-align:center;
}
#detail_wrap .products_tab .tab ul li.off1 a:hover{float:left;color:#999999;background-color:#cecece; width:100%; box-sizing:border-box; color:#fff; text-align:center;
}
#detail_wrap .products_tab .tab ul li.off{ float:left;  background-color:#f9f9f9; width:204px;  color:#999999; font-size:14px; height:40px; line-height:40px;  border-top:1px solid #dedede;  border-right:1px solid #dedede; text-align:center; margin-top:10px}
#detail_wrap .products_tab .tab ul li.off a{   float:left;  background-color:#f9f9f9; width:204px;  color:#999999; font-size:14px; height:39px; line-height:39px; text-align:center;
}
#detail_wrap .products_tab .tab ul li.off a:hover{  float:left;color:#999999;background-color:#cecece; width:100%; box-sizing:border-box; color:#fff; text-align:center;
}
#detail_wrap .products_tab .tab ul li.off2{ float:left; width:204px;   height:40px;padding-left:120px; margin-top:10px}

#detail_wrap .products_tab .cont01{ width:100%; float:left; }
#detail_wrap .products_tab .cont01 .info_box{ width:100%; float:left;  padding-top:20px}
#detail_wrap .products_tab .cont01 .info_box .title{ width:100%; float:left; margin-bottom:10px}
#detail_wrap .products_tab .cont01 .info_box .title img{float:left; margin-right:10px}
#detail_wrap .products_tab .cont01 .info_box .tb{ width:100%; float:left;}
#detail_wrap .tb_01_box{
 width:100%;
 border:1px solid #d6d6d6; float:left; border-bottom:none
}
#detail_wrap .tb_02_box{
 width:100%;
 border:1px solid #5c86d0; float:left; background-color:#fbfbfb
}
#detail_wrap .tb_02_box .inbox{ margin:20px 0px 20px 30px}
#detail_wrap .tb_02_box .inbox ul li{
	padding-left:25px;
	background-image: url(../_img/product/icon_ar03.gif);
	background-repeat: no-repeat;
	background-position: left center; line-height:30px
}

#detail_wrap .products_tab .delivery{ width:100%; float:left; border:1px solid #cccccc; border-top:none; background-color:#fcfcfc; padding:30px 0px; display:block}
#detail_wrap .products_tab .delivery ul li{ width:92%;  float:left; margin-left:40px;}
#detail_wrap .products_tab .delivery ul li.line{ width:92%;  float:left; border-bottom:1px solid #cccccc; margin:40px 0px 40px 40px}
#detail_wrap .products_tab .delivery ul li p.img{ width:230px; float:left}
#detail_wrap .products_tab .delivery ul li p.text{ float:left; font-size:12px ;color:#8F8F8F;}



#openBanner{ width:100%;
	background-repeat: no-repeat;
	background-position: center top; text-align:center; float:left;
}
#openBanner .img{ text-align:center; z-index:1000
}
#openBanner-buttonWrap{
	width:100%;
	background-color:#fff;
	top:5px;

}
#openBanner-button{  float:left;
}

/** 고객센터 **/
.cs_line{	width:100%;	position:relative; float:left; border-top:1px solid #ccc; margin-top:-20px}
#cs_left{	width:191px;	position:relative; float:left}
#cs_left .title_b{	width:100%;	 float:left; height:86px; margin-top:7px; text-align:center}
#cs_left .cs_menu{	width:100%; float:left; }
#cs_left .cs_menu ul{	width:100%; float:left; }
#cs_left .cs_menu ul li.noitce{	font-size:13px;width:100%;	float:left;	box-sizing:border-box;	border:1px solid #cccccc;	background-image: url(../_img/service/customer_icon01.png);	background-repeat: no-repeat;	background-position: 10px center; height:39px}
#cs_left .cs_menu ul li.noitce a{	height:39px; line-height:39px; margin-left:40px}
#cs_left .cs_menu ul li.m_menu{	width:100%;		float:left;	box-sizing:border-box;	border:1px solid #cccccc; border-top:none; height:39px; line-height:39px; }
#cs_left .cs_menu ul li.m_menu a{	height:39px; line-height:39px; margin-left:15px; font-size: 13px;	}
#cs_left .cs_menu ul li.m_menu a:hover{	height:39px; line-height:39px; margin-left:15px	; color:#11588d;  font-size: 13px;}
#cs_left .cs_menu ul li.s_menu{	width:100%;		float:left;	box-sizing:border-box;	border:1px solid #cccccc; border-top:none; background-color:#fff; padding:15px 0px; display: none; overflow: hidden;}
#cs_left .cs_menu ul li.s_menu a{width:100%; display: block;	height:25px; line-height:25px; margin-left:15px	; color:#999999; font-size:13px}
#cs_left .cs_menu ul li.s_menu a:hover{width:100%;	height:25px; line-height:25px; margin-left:15px	; color:#333; font-size:13px}
#cs_left .cs_menu ul li.s_menu > strong{color: #333; display: block; padding-left: 10px; margin-bottom: 5px; font-size: 13px;}
#cs_left .cs_menu ul li.s_menu > strong:not(:first-of-type){margin-top: 10px;}
#cs_left .cs_11{	width:100%; float:left;}
#cs_left .m_menu > div:first-of-type{cursor: pointer; display: flex; align-items: center; height: 100%; padding-left: 10px; background-color: #eee; font-size: 14px;}
#cs_left .title-menu{cursor: pointer; height: 39px; display: flex; align-items: center; padding-left: 10px; color: #fff; font-size: 14px;}
#cs_right{	width:825px;	 float:right;  margin-top:5px}
#cs_right .notice{	width:380px;	float:left;  margin-top:30px}
#cs_right .notice .title_bar{
	width:100%;
	float:left;
	border-bottom:2px solid #666666;
	height:62px;
	background-image: url(../_img/service/cs_notice01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#cs_right .notice .title_bar .title {width:250px; float:left; margin-left:70px; margin-top:5px}
#cs_right .notice .title_bar .title p.img{width:100%; float:left;}
#cs_right .notice .title_bar .title p.text{width:100%; float:left; font-size:12px; color:#999}
#cs_right .notice .title_bar .more{float:right; margin-top:30px}

#cs_right .notice ul {width:100%; float:left;}
#cs_right .notice ul li{width:100%; float:left; border-bottom:1px solid #ccc; height:40; line-height:40px}
#cs_right .notice ul li p.list{float:left; height:40px; line-height:40px; width:290px}
#cs_right .notice ul li p.list a{float:left; height:40px; line-height:40px;  font-size:13px; color:#666}
#cs_right .notice ul li p.list a:hover{float:left; height:40px; line-height:40px;  font-size:13px; color:#000}
#cs_right .notice ul li p.date{float:right; height:40px; line-height:40px; width:80px; font-size:12px; color:#999}


#cs_right .info{	width:370px;	float:right; margin-top:30px}
#cs_right .info .title_bar{
	width:100%;
	float:left;

	height:62px;
	background-image: url(../_img/service/cs_my01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#cs_right .info .title_bar .title {width:240px; float:left; margin-left:70px; margin-top:5px}
#cs_right .info .title_bar .title p.img{width:100%; float:left;}
#cs_right .info .title_bar .title p.text{width:100%; float:left; font-size:12px; color:#999}
#cs_right .info .title_bar .more{float:right; margin-top:30px}
#cs_right .info .info_box{
	width:100%;
	float:left;
	border:3px solid #6696c8;
	height:270px;
}
#cs_right .info .info_box .a_box{
	width:100%;
	float:left;
	border-bottom:1px solid #ccc;
	height:90px; background-color:#fbfbfb; margin-bottom:20px
}
#cs_right .info .info_box .a_box p.a_text{
	width:100%;
	float:left; font-size:16px; color:#000; text-align:center; margin-top:30px
}
#cs_right .info .info_box .a_box p.b_text{
	width:100%;
	float:left; font-size:12px; color:#999;  text-align:center;
}
#cs_right .info .info_box .b_box{
	width:320px; margin:0px auto 0px auto;
}
#cs_right .info .info_box .b_box .stitle_bar{
	width:100%;  float:left;
}
#cs_right .info .info_box .b_box .stitle_bar p.title{
	float:left; font-size:18px; color: #1468be; width:100px; margin-bottom:10px;
}
#cs_right .info .info_box .b_box .stitle_bar .btn{
	 float:right;
}
#cs_right .info .info_box .b_box .info_cont{
	width:100%; float:left; margin-top:10px
}
#cs_right .info .info_box .b_box .info_cont ul li{
	width:50%; float:left; margin-bottom:5px
}
#cs_right .info .info_box .b_box .info_cont2 ul li{
	width:100%; float:left; margin-bottom:5px
}

#cs_right .faq{	width:100%;	float:left; margin-top:30px}
#cs_right .faq .title_bar{
	width:100%;
	float:left;
	border-bottom:1px solid #ccc;
	height:62px;
	background-image: url(../_img/service/cs_faq01.gif);
	background-repeat: no-repeat;
	background-position: left top;}
#cs_right .faq .title_bar .title {width:400px; float:left; margin-left:70px; margin-top:5px}
#cs_right .faq .title_bar .title p.img{width:100%; float:left;}
#cs_right .faq .title_bar .title p.text{width:100%; float:left; font-size:12px; color:#999}
#cs_right .faq .title_bar .more{float:right; margin-top:30px}
#cs_right .faq .icon_bar{
	width:100%;
	float:left;
	height:140px;}
#cs_right .faq .icon_bar ul{width:740px; margin:20px auto}

#cs_right .faq .icon_bar ul li.icon{float:left; width:120px; }
#cs_right .faq .icon_bar ul li.icon p.img{float:left; width:100%; text-align:center; margin-bottom:5px}
#cs_right .faq .icon_bar ul li.icon p.text{float:left; width:100%; text-align:center; font-size:14px ; color:#666}
#cs_right .faq .icon_bar ul li.icon p.text a{ font-size:14px ; color:#666}
#cs_right .faq .icon_bar ul li.line{float:left; width:1px; height:95px; border-left:1px solid #eee}
#cs_right .faq .list_box{
	width:100%;
	float:left;}


/* faq */
.faq_container {
	width: 100%; border-top:1px solid #cccccc; float:left
}
h5 { font-size:14px;
	text-align:center;
	padding: 20px 0;
	color: #aaa;
}
h5 span { color: #666; }
h5 small{
	font: 0.3em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 0.5em;
	display: block;
	color: #666;
}

h6.acc_trigger {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	font-size: 14px;
	color:#000;
	float: left;
	border-bottom:1px solid #cccccc;
	background-image: url(../_img/service/icon_q.gif);
	background-repeat: no-repeat;
	background-position: 20px 5px;
}
h6.w_acc_trigger {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	font-size: 14px;
	color:#000;
	float: left;
	border-bottom:1px solid #cccccc;
	background-image: url(../_img/info_page/icon_q.gif);
	background-repeat: no-repeat;
	background-position: 20px 5px;
}
h6.acc_trigger a p.no{
	color:#666666;
	text-decoration: none;
	display: block;  float:left; width:40px; text-align:center
}
h6.acc_trigger a p.no_70{
	color:#666666;
	text-decoration: none;
	display: block;  float:left; width:70px; text-align:center
}
h6.acc_trigger a p.cate{
	color:#666666;
	text-decoration: none;
	display: block;margin-right:10px; float:left; width:100px;text-align:center
}
h6.acc_trigger a p.cate_130{
	color:#666666;
	text-decoration: none;
	display: block;margin-right:10px; float:left; width:130px;text-align:center
}
h6.acc_trigger a {
	color:#666666;
	text-decoration: none;
	display: block;
	padding: 10px 0 10px 60px;
	font-weight: normal; line-height:18px ;
}
h6.acc_trigger a:hover {
	color:#333333; font-weight: normal;
	text-decoration: none;
	display: block;
	padding: 10px 0 10px 60px;

	line-height:18px
}
h6.active {background-position: 20px 5px;}
.acc_container {
	margin: 0px 0px 0px 0px; padding: 0px;
	overflow: hidden;
	font-size: 12px;
	width: 100%;
	clear: both;
	background: #f9f9f9;
	border-bottom: 1px solid #d6d6d6;
	border-top:none;
}
.acc_container .block {
	padding: 20px 20px 20px 60px;
	background-image: url(../_img/service/icon_a.gif);
	background-repeat: no-repeat;
	background-position: 20px 20px;
}
.acc_container .block p {
	padding: 5px 0;
	margin: 0px 0;
}
.acc_container h7 { font-size:12px;
	margin: 0 0 2px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.acc_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}

#cs_right .tax_invoice .title_bar{
	width:100%;
	float:left;

	height:88px;
	background-image: url(../_img/service/icon_taxbill.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#cs_right .tax_invoice .title_bar .title {width:600px; float:left; margin-left:90px; margin-top:5px}
#cs_right .tax_invoice .title_bar .title p.img{width:100%; float:left; margin-bottom:5px}
#cs_right .tax_invoice .title_bar .title p.text{width:100%; float:left; font-size:12px; color:#999; line-height:16px}

#cs_right .order_all{width:100%;	float:left; display:block }
#cs_right .order_all .title_bar{
	width:100%;
	float:left;

	height:88px;
	background-image: url(../_img/service/order_img01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#cs_right .order_all .title_bar .title {width:600px; float:left; margin-left:90px; margin-top:5px}
#cs_right .order_all .title_bar .title p.img{width:100%; float:left; margin-bottom:5px}
#cs_right .order_all .title_bar .title p.text{width:100%; float:left; font-size:12px; color:#999; line-height:16px}


#cs_right .order_all .title_bar2{
	width:100%;
	float:left;
	height:88px;
	background-image: url(../_img/service/order_img04.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#cs_right .order_all .title_bar2 .title {width:600px; float:left; margin-left:90px; margin-top:8px;height:70px;}
#cs_right .order_all .title_bar2 .title p.img{width:100%; float:left; margin-bottom:5px}
#cs_right .order_all .title_bar2 .title p.text{width:100%; float:left; font-size:12px; color:#999; line-height:16px}


#cs_right .order_all .search{
	width:100%;
	float:left;
	border:1px solid #c4c4c4;
	background-color:#f7f7f7;
	padding:30px 0px 20px 0px;
	background-image: url(../_img/service/order_img03.gif);
	background-position: 20px center;
	background-repeat: no-repeat;
}
#cs_right .order_all .search .search_in{  width:650px; float:left; margin-left:160px}
#cs_right .order_all .search .search_in .dot_text{
	width:100px;
	float:left;
	background-image: url(../_img/service/ar_icon.gif);
	background-repeat: no-repeat;
	background-position: left 5px;  margin-bottom:10px
}
#cs_right .order_all .search .search_in .dot_text p{ margin-left:10px; font-size:14px; color:#333}
#cs_right .order_all .search .search_in .input_box{ width:510px; float:left; margin-bottom:10px;font-size:11px}
#cs_right .order_all .search .search_in .input_box p{float:left; margin-right:2px}
#cs_right .order_all .search .search_in .input_box p .input_st{height:24px; margin-top:-1px; border:1px solid #ccc}
#cs_right .order_all .search .search_in .input_box p select{height:22px;}
#cs_right .order_all .search .search_in .input_box label { margin-right:10px;}


.order_list_box{
	width:100%;
	float:left;
}

.order_list_box .tab{
	float:left;  border-right:1px solid #cccccc;
}

.order_list_box .tab ul li.on{
	float:left;
}
.order_list_box .tab ul li.on a{
	float:left;
	padding:8px 8px;
	background-color:#9e9e9e;
	border-left:1px solid #9e9e9e;
	border-top:1px solid #9e9e9e;
	font-size:12px;
	color:#fff;
	text-decoration: none;
}
.order_list_box .tab ul li.off{
	float:left;
}
.order_list_box .tab ul li.off a{
	float:left;
	padding:8px 8px;
	background-color:#f5f5f5;
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;

	font-size:12px;
	color:#666;
	text-decoration: none;
}

.order_list_box .list_st_btn{
	float:right;
}
.order_list_box .list_st_btn ul li.on{
	float:left;
	padding:0px 15px 0px 10px;
	background-image: url(../_img/service/ar_icon01.gif);
	background-repeat: no-repeat;
	background-position: right center; color:#000; margin-left:5px
}
.order_list_box .list_st_btn ul li.on a{color:#000;
}
.order_list_box .list_st_btn ul li.off{
	float:left;
	padding:0px 15px 0px 10px;
	background-image: url(../_img/service/ar_icon01_off.gif);
	background-repeat: no-repeat;
	background-position: right center; color:#999;margin-left:5px
}
.order_list_box .list_st_btn ul li.off a{ color:#999;
}
.order_list_box .list_st{	float:left; width:100% }


#cs_right .order_all .icon_info{
	width:100%;
	float:left;
	border:1px solid #d7d7d7;
	background-color:#fefefe;
	padding:20px 0px; display:block;
}
#cs_right .order_all .icon_info .inbox{
	width:95%; margin:0px auto; display:block
}
#cs_right .order_all .icon_info .inbox ul li{
	width:100%; border-bottom:1px  dotted #ccc; padding:10px 0px; float:left
}
#cs_right .order_all .icon_info .inbox ul li p.icon{ float:left; width:80px; margin-right:10px}
#cs_right .order_all .icon_info .inbox ul li p.text{ float:left; color:#666}
#cs_right .order_all .icon_info .inbox ul li.noline{ border-bottom:none
}

/* 통합검색 CSS */
#search_union .order_all{width:100%;	float:left; display:block }
#search_union .order_all .title_bar{
	width:100%;
	float:left;

	height:88px;
	background-image: url(../_img/service/order_img01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#search_union .order_all .title_bar .title {width:600px; float:left; margin-left:90px; margin-top:5px}
#search_union .order_all .title_bar .title p.img{width:100%; float:left; margin-bottom:5px}
#search_union .order_all .title_bar .title p.text{width:100%; float:left; font-size:12px; color:#999; line-height:16px}


#search_union .order_all .title_bar2{
	width:100%;
	float:left;
	height:88px;
	background-image: url(../_img/service/order_img04.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#search_union .order_all .title_bar2 .title {width:600px; float:left; margin-left:90px; margin-top:8px;height:70px;}
#search_union .order_all .title_bar2 .title p.img{width:100%; float:left; margin-bottom:5px}
#search_union .order_all .title_bar2 .title p.text{width:100%; float:left; font-size:12px; color:#999; line-height:16px}


#search_union .order_all .search{
	width:100%;
	float:left;
	border:1px solid #c4c4c4;
	background-color:#f7f7f7;
	padding:30px 0px 20px 0px;
	/* background-image: url(../_img/service/order_img03.gif); */
	background-position: 50px center;
	background-repeat: no-repeat;
}
#search_union .order_all .search .search_in{  width:100%; float:left; padding-left:20px; padding-right:20px;}
#search_union .order_all .search .search_in .dot_text{
	width:100px;
	float:left;
	background-image: url(../_img/service/ar_icon.gif);
	background-repeat: no-repeat;
	background-position: left 5px;  margin-bottom:10px
}
#search_union .order_all .search .search_in .dot_text p{ margin-left:10px; font-size:14px; color:#333}
#search_union .order_all .search .search_in .input_box{ width:280px; float:left; margin-bottom:10px;font-size:11px}
#search_union .order_all .search .search_in .input_box p{float:left; margin-right:2px}
#search_union .order_all .search .search_in .input_box p .input_st{height:24px; margin-top:-1px; border:1px solid #ccc}
#search_union .order_all .search .search_in .input_box p select{height:22px;}
#search_union .order_all .search .search_in .input_box label { margin-right:5px;}
#search_union .order_all .search .search_in .input_box input{margin-right:5px;}


#search_union .order_all .search .search_in .input_search_box{ width:590px; float:left; margin-bottom:10px;font-size:11px}
#search_union .order_all .search .search_in .input_search_box p{float:left; margin-right:2px}
#search_union .order_all .search .search_in .input_search_box p .input_st{height:24px; margin-top:-1px; border:1px solid #ccc}
#search_union .order_all .search .search_in .input_search_box p select{height:22px;}


/* 공지사항 등의 게시판 css */
.servce_select_on {background-color:#4899d5; color: #fff;}
.servce_select_on a {color: #fff;}
.subs_a_on {color:#333333 !important;}

#cs_right .cont_all{width:100%;	float:left; display:block }
#cs_right .cont_all .title_bar{
	width:100%;
	float:left;

	height:88px;
	/* background-image: url(../_img/service/order_img01.gif); */
	background-repeat: no-repeat;
	background-position: left top;
}

#cs_right > .cont_all > .title_bar > .title_icon {position:relative;float:left;width:90px;height:67.03px;}
#cs_right > .cont_all > .title_bar > .title {width:700px; float:right; margin-top:5px;text-align:left;}
#cs_right > .cont_all > .title_bar > .title > p.img{width:100%; float:left; margin-bottom:5px}
#cs_right > .cont_all > .title_bar > .title > p.text{width:100%; float:left; font-size:12px; color:#999; line-height:16px}

#cs_right .cont_all .title_bar .title2 {width:600px; float:left;  margin-top:15px}
#cs_right .cont_all .title_bar .title2 p.img{width:100%; float:left; margin-bottom:5px}
#cs_right .cont_all .title_bar .title2 p.text{width:100%; float:left; font-size:12px; color:#999; line-height:16px}


/* 엑셀주문하기 */
.excel_step{width:100%; float:left}
.excel_step ul li{float:left}
.excel_step ul li.opacity{opacity: 0.5;}
.excel_step ul li.w-sp{float:left; width:29px; height:71px}

.excel_info{
	width:100%;
	float:left;
	border:1px solid #ccc;
	background-color:#fcfcfc;
	padding:20px 0px;
}

.excel_info .inbox{width:90%; margin:0px auto}
.excel_info .inbox .title{width:100%; float:left;  }
.excel_info .inbox .line{width:100%; float:left;  margin:20px 0px; border-bottom:1px solid #ccc; height:1px}
.excel_info .inbox .title p.img{width:220px; float:left;margin-right:20px}
.excel_info .inbox .title .excelinfo_text{width:300px; float:left; color:#666; font-size:11px; line-height:18px}
.excel_info .inbox .title .excelinfo_text ul li{width:100%;
	float:left;
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left:10px;
	background-image: url(../_img/service/ar_icon2.gif);}
.excel_info .inbox .title .excel_btn{width:150px; float:right;  margin-top:10px; text-align:center}
.excel_info .inbox .title .excel_btn p{width:100%; float:left;  margin-top:10px; text-align:center; font-size:11px; color:#999}



.inbox .title .excelinfo_text2{width:450px; float:left; color:#666; font-size:11px; line-height:18px}
.inbox .title .excelinfo_text2 ul li{width:100%;
	float:left;
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left:10px;
	background-image: url(../_img/service/ar_icon2.gif);}


.excel_info .inbox .excel_notice{width:100%; float:left;}
.excel_info .inbox .excel_notice p.excel_title{width:100%; float:left; font-size:18px; color:#000; margin-bottom:10px}
.excel_info .inbox .excel_notice .excel_text{width:100%; float:left; font-size:12px; color:#666}
.excel_info .inbox .excel_notice .excel_text ul li{
	width:100%;
	float:left;
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left:10px;
	background-image: url(../_img/service/ar_icon2.gif);
}

.excel_input{width:100%; float:left; text-align:center}
.excel_input p{display: inline-block; vertical-align: middle;}
.excel_input p input{width:250px; height:40px; line-height:40px; border:1px solid #ccc; background-color:#fdfcfc}


.excel_info2{width:100%; float:left;}


.excel_order1{
	width:100%;
	float:left;

	background-color:#fcfcfc;
	padding:10px 0px;
}
.excel_order1 p.text1{	float:left; font-size:14px; color:#000; margin-left:15px; margin-right:50px}
.excel_order1 p.text2{float:left; font-size:14px; color:#000; }
.excel_order1 p.text3{float:right; font-size:14px;margin-right:15px ; color:#000; }


.excel_order2{
	width:100%;
	float:left;
	border:2px solid #666;
	background-color:#fcfcfc;
	padding:15px 0px;
}
.excel_order2 p.text1{width:400px;	float:left; font-size:16px; color:#000; text-align:center}
.excel_order2 p.text2{width:50px;	float:left; font-size:14px; }
.excel_order2 p.text3{float:right; font-size:14px;margin-right:15px ; }


.excel_coupon{
	width:100%;
	float:left;
}

.excel_coupon .title{width:100%;	float:left; margin-bottom:10px}
.excel_coupon .coupon_box{width:100%;	float:left;border:1px solid #999;
	background-color:#fcfcfc;
	padding:15px 0px;	}
.excel_coupon .coupon_box .inbox{width:90%; margin:0px auto}
.excel_coupon .coupon_box .inbox dl{width:100%; float:left}
.excel_coupon .coupon_box .inbox dl dt{width:20%; float:left; font-size:14px; color:#000; margin-bottom:5px}
.excel_coupon .coupon_box .inbox dl dd{width:80%; float:left; margin-bottom:5px}
.excel_coupon .coupon_box .inbox dl dd input{ border:1px solid #ccc; background-color:#fff; }


.popup_in{width:100%;float:left;}
.popup_in .title{width:100%;float:left; text-align:center; margin-bottom:30px;  text-align: center; overflow: hidden;margin-top:20px; }
.popup_in .title p{ font-size:20px; border-bottom:1px solid #333; padding-bottom:5px;  display: inline-block; vertical-align: middle; color:#000}
.popup_in .box_a{width:100%;float:left; }
.popup_in .stitle{width:100%;float:left; font-size:16px; color:#333; margin-bottom:5px}
.popup_in .stitle2{width:100%;float:left; font-size:16px; color:#3399cc; margin-bottom:5px}
.popup_in  .tb_box{width:100%;float:left;}
.popup_in  .text_box{width:100%;float:left; margin-top:10px; font-size:12px; color:#999; line-height:18PX}
.popup_in  .text_box2{width:100%;float:left; margin-top:10px; font-size:11px; color:#f42800; line-height:15PX}
.popup_in .btn{width:100%;float:left; text-align:center;  margin-top:30px;   text-align: center; overflow: hidden;}
.popup_in .btn a{ display: inline-block; vertical-align: middle; }

.point_text{ width:100%; float: left}
.point_text .img_box{ width:90px;  float: left; border-right:1px solid #ccc; height:150px}
.point_text .text_box{ width:670px;  float: right; font-size:12px}


/* 적립금 내역 */
#cs_right .cont_all .search2{
	width:100%;
	float:left;
	border:1px solid #c4c4c4;
	background-color:#f7f7f7;
	padding:30px 0px 20px 0px;
	background-image: url(../_img/service/notice_img03.gif);
	background-position: 30px center;
	background-repeat: no-repeat;
}
#cs_right .cont_all .search2 .search_in{  width:700px; float:left; margin-left:80px}
#cs_right .cont_all .search2 .search_in .dot_text{
	width:100px;
	float:left;
}
#cs_right .cont_all .search2 .search_in .dot_text2{
	width:80px;
	float:left;
	background-image: url(../_img/service/ar_icon.gif);
	background-repeat: no-repeat;
	background-position: left 5px;  margin-bottom:10px
}
#cs_right .cont_all .search2 .search_in .dot_text p{ margin-left:10px; font-size:14px; color:#333}
#cs_right .cont_all .search2 .search_in .dot_text2 p{ margin-left:10px; font-size:14px; color:#333}
#cs_right .cont_all .search2 .search_in .input_box{  float:left; margin-bottom:10px;  width:600px;}
#cs_right .cont_all .search2 .search_in .input_box p{float:left; margin-right:2px}
#cs_right .cont_all .search2 .search_in .input_box p .input_st{height:24px; margin-top:-1px; border:1px solid #ccc}
#cs_right .cont_all .search2 .search_in .input_box p select{height:22px;}
.m_l10{margin-left:10px}


/* 2015-01-19 채진선 : 긴급 알림 추가 */
#cs_right .cont_all .search4{
	width:100%;
	float:left;
	border:1px solid #c4c4c4;
	background-color:#f7f7f7;
	padding:30px 0px 20px 0px;
}
#cs_right .cont_all .search4 .search_in{  width:730px; float:left; margin-left:40px}
#cs_right .cont_all .search4 .search_in .dot_text{
	width:100px;
	float:left;
	background-image: url(../_img/service/ar_icon.gif);
	background-repeat: no-repeat;
	background-position: left 5px;  margin-bottom:10px
}
#cs_right .cont_all .search4 .search_in .dot_text p{ margin-left:10px; font-size:14px; color:#333}
#cs_right .cont_all .search4 .search_in .input_box{ width:630px; float:left; margin-bottom:10px;}
#cs_right .cont_all .search4 .search_in .input_box p{float:left; margin-right:2px}
#cs_right .cont_all .search4 .search_in .input_box p .input_st{height:24px; margin-top:-1px; border:1px solid #ccc}
#cs_right .cont_all .search4 .search_in .input_box p select{height:22px;}


/* 채진선 : 긴급/알림 메모 부분에서 내용이 길어질경우 짤른다.  */
.str_cut_line{height:2.2em; width:100%;display:block;overflow:hidden;}

/* 입점,납품 신청 */
#ft_center, .ft_center{
	padding-left: 62px;
	padding-right: 22px;
}

#ft_center .btn{
	height: 45px;
	text-align: center;
}
#ft_center .btn_left{
	display: inline-block;
	width: 247px;
	height: 52px;
	background-image: url(../_img/info_page/btn_left.png?v=1.17.217);
}
#ft_center .btn_right{
	display: inline-block;
	margin-left: 35px;
	width: 247px;
	height: 52px;
	background-image: url(../_img/info_page/btn_center.png?v=1.17.217);
}

/* 판매자 지원센터*/
.ft_center .seller_nav_edu{
	width: 942px;
	height: 242px;
	border: #EFEFEF solid 7px;
	padding-left: 10px;
}
.ft_center .seller_nav_edu .nav_edu_box{
	float: left;
	margin-left: 30px;
	margin-top: 48px;
}
.ft_center .seller_nav_edu .nav_edu_box #edu_box_title{
	font-size: 17px;
	color: #A400A2;
	font-weight: bold;
	font-family: 나눔바른고딕;
	margin-top: 15px;
}
.ft_center .seller_nav_field{
	display: inline-block;
	width: 68px;
	height: 17px;
	background: #5c5c5c;
	color: #FFFFFF;
	font-size: 14px;
	font-family: 나눔바른고딕;
	padding-left: 8px;
}
.ft_center .seller_nav_value{
	margin-left: 10px;
	font-size: 14px;
	color: #333333;
	font-family: 나눔바른고딕;
}
.ft_center .seller_nav_map{
	width: 100%;
	height: 293px;
}
.ft_center .nav_map_location{
	float: left;
	width: 460px;
	height: 293px;
	border: #EFEFEF solid 3px;
}
.ft_center .nav_map_info{
	float: left;
	width: 460px;
	height: 293px;
	border: #EFEFEF solid 3px;
	padding-left: 30px;
	margin-left: 20px;
}
.ft_center .nav_map_info .map_info_field{
	font-family: 나눔바른고딕;
	font-size: 14px;
	font-weight: bold;
	color: #363535;
}
.ft_center .nav_map_info .map_info_value{
	font-family: 나눔바른고딕;
	font-size: 14px;
	color: #363535;
}
.ft_center .nav_map_info .map_info_guide{
	font-family: 나눔바른고딕;
	font-size: 14px;
	color: #FF5E5E;
}

/* 템플릿 서비스 센터*/
.template_cate_box{
	cursor: pointer;
	float:left;
	width:169px;
	height:365px;
	border: #E2E2E2 solid 1px;
	margin-right:16px;
}
.template_view_box{
	float:left;
	width:637px;
	height:365px;
	border: #E2E2E2 solid 1px;
	margin-left:16px;
}
.template_line{
	background:#E2E2E2;
	width:100%;
	height:1px;
}
.template_field_font{
	font-family:나눔바른고딕;
	font-weight:bold;
	font-size:15px;
	color:#333333;
}
.template_value_font{
	font-family:나눔바른고딕;
	font-size:14px;
	color:#333333;
}
.template_important_font{
	font-family:나눔바른고딕;
	font-size:14px;
	color:#FF3333;
}
.template_price_font{
	font-family:나눔바른고딕;
	font-weight:bold;
	font-size:24px;
	color:#006699;
}
.view_box_row_57{
	width:637px;
	height:57px;
}
.view_box_row_88{
	width:637px;
	height:88px;
}
.view_box_row_100{
	width:637px;
	height:100px;
}
.box_row_field{
	display: table-cell;
	vertical-align: middle;
	background:#F7F7F7;
	width:181px;
	height:inherit;
	text-align:center;
}
.box_row_value{
	display: table-cell;
	vertical-align: middle;
	padding-left:30px;
	width:456px;
	height:inherit;
}

/* 템플릿 결제 */
#payment_insert{
	width: 1024px;
	background: white;
}
#payment_insert_box{
	border-top: #333333 solid 2px;
	border-bottom: #333333 solid 2px;
	width: 100%;
	background: white;
	display: flex;
}
#payment_list{
	width: 1024px;
	border: none;
	background: white;
}
#payment_insert_close{
	background-image: url('../_img/info_page/popup_close.png');
	cursor: pointer;
	position: absolute;
	left: 665px;
	top: 20px;
	width: 15px;
	height: 15px;
}
#payment_insert_close:hover{
	opacity:0.5;
	filter:alpha(opacity:'50');
}
#payment_list_close{
	background-image: url('../_img/info_page/popup_close.png');
	cursor: pointer;
	position: absolute;
	left: 965px;
	top: 20px;
	width: 15px;
	height: 15px;
}
#payment_list_close:hover{
	opacity:0.5;
	filter:alpha(opacity:'50');
}
#payment_list_box_0{
	border-top: #333333 solid 2px;
	border-bottom: #333333 solid 2px;
}
#btn_edu_form{
	display: inline-block;
	background-image: url('../_img/info_page/support_off2_bt01.gif');
	cursor: pointer;
	width: 320px;
	height: 55px;
}
#btn_edu_form:hover{
	opacity:0.85;
	filter:alpha(opacity:'85');
}
#btn_edu_view{
	margin-left: 20px;
	display: inline-block;
	background-image: url('../_img/info_page/support_off2_bt02.gif');
	cursor: pointer;
	width: 320px;
	height: 55px;
}
#btn_edu_view:hover{
	opacity:0.85;
	filter:alpha(opacity:'85');
}
.payment_line{
  width: 100%;
  height: 2px;
  background: #333333;
}
.pay_type_none{display: none;}
.pay_type_selected{display: block;}
.input_mini{
	width: 50px;
	height: 19px;
	background-color: #f7f7f7;
}
.input_mini_180{
	width: 180px;
	height: 19px;
	background-color: #f7f7f7;
}
.input_normal{
	height: 24px;
}
.payment_insert_important_blue{
	border-bottom: #cdcdcd solid 1px;
	width: 100%;
	height: 40px;
	padding-left: 15px;
	padding-top: 10px;
	font-size: 14px;
	color: #164dff;
	font-weight: bold;
	font-family: 나눔바른고딕;
}
.payment_insert_important_red{
	font-size: 14px;
	color: #d70000;
	font-family: 나눔바른고딕;
}
.payment_insert_price{
	font-size: 14px;
	color: #006699;
	font-weight: bold;
	font-family: 나눔바른고딕;
}.payment_insert_field{
	border-bottom: #cdcdcd solid 1px;
	width: 160px;
	height: 40px;
	background: #ececec;
	padding-left: 35px;
	padding-top: 10px;
}
.payment_insert_field_120{
	border-bottom: #cdcdcd solid 1px;
	width: 160px;
	height: 120px;
	background: #ececec;
	padding-left: 35px;
	padding-top: 50px;
}
.payment_insert_field_text{
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	font-family: 나눔바른고딕;
}
.payment_insert_field_star{
	color: #d70000;
	font-size: 14px;
	font-weight: bold;
	font-family: 나눔바른고딕;
}
.payment_insert_inputbox{
	border-bottom: #cdcdcd solid 1px;
	width: 100%;
	height: 40px;
	padding-left: 15px;
	padding-top: 8px;
}
.payment_insert_value{
	border-bottom: #cdcdcd solid 1px;
	width: 100%;
	height: 40px;
	padding-left: 15px;
	padding-top: 10px;
}
.payment_insert_value_120{
	border-bottom: #cdcdcd solid 1px;
	width: 100%;
	height: 120px;
	padding-left: 15px;
	padding-top: 8px;
}
.payment_insert_value_radio{
	display: inline-block;
	margin-right: 10px;
	margin-top: 3px;
}
.payment_insert_submit_cover{
	text-align: center;
}
.payment_insert_submit{
	display: inline-block;
	background-image: url('../_img/info_page/newPayment_btn.jpg');
	cursor: pointer;
	width: 179px;
	height: 61px;
}
.payment_insert_submit:hover{
	opacity:0.7;
	filter:alpha(opacity:'70');
}

.payment_list_field{
	border-bottom: #cdcdcd solid 1px;
	width: 100%;
	height: 40px;
	background: #ececec;
	padding-top: 10px;
	text-align: center;
}
.payment_list_field_50{
	float: left;
	width: 50px;
	height: 100%;
}
.payment_list_field_140{
	float: left;
	width: 140px;
	height: 100%;
}
.payment_list_field_150{
	float: left;
	width: 150px;
	height: 100%;
}
.payment_list_field_400{
	float: left;
	width: 400px;
	height: 100%;
}
.payment_list_field_text{
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	font-family: 나눔바른고딕;
}
.payment_list_value{
	border-bottom: #cdcdcd solid 1px;
	width: 100%;
	height: 160px;
	text-align: center;
}
.payment_list_non_value{
	border-bottom: #cdcdcd solid 1px;
	width: 100%;
	text-align: center;
/*	padding-left: 35px;*/
	padding-top: 10px;
	padding-bottom: 10px;

}
.payment_list_value_50{
	float: left;
	width: 50px;
	padding-top: 70px;
}
.payment_list_value_140{
	float: left;
	width: 140px;
	padding-top: 70px;
}
.payment_list_value_150{
	float: left;
	width: 150px;
	padding-top: 70px;
}
.payment_list_value_400{
	float: left;
	width: 400px;
	padding-left: 20px;
	padding-top: 20px;
	text-align: left;
}
.payment_list_value_text{
	color: #333333;
	font-size: 14px;
	font-family: 나눔바른고딕;
}
.payment_list_value_text_link{
	cursor: pointer;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	font-family: 나눔바른고딕;
}
.payment_list_value_text_link:hover{
	color: blue;
}

.rotate {
	transform: rotate(180deg);
	transition: transform 0.3s ease;
}
.toggle-icon{
	transition: transform 0.3s ease;
}
.title-menu-detail{display: none; position: absolute; width: 834px; background-color: #fff; z-index: 999; left: 191px; top: 93px; border: 1px solid #cccccc; border-left: none;}
.detail-title{border-bottom: 1px solid #ccc; display: flex; align-items: center; justify-content: space-between; height: 39px; padding: 0 15px;}
.detail-title > strong{color: #333; }
.detail-title > div:first-of-type{display: flex; align-items: center;}
.detail-title > div:first-of-type > button:last-of-type{border: none; background: transparent; margin-left: 15px;}
.detail-title > div:first-of-type > button:first-of-type{background-color: #fff; border: 1px solid #ccc; padding: 3px 5px;}
.detail-list{display: flex; padding: 20px 15px;}
.detail-list > div:first-of-type{width: 78%;}
.detail-list > div:last-of-type{width: 22%;}
.detail-list > div:first-of-type > ul{display: flex; width: 25%; flex-wrap: wrap;}
.detail-list > div:first-of-type > ul > li{width: 25%; margin-bottom: 15px; }
.detail-list > div:last-of-type > strong,
.detail-list > div:first-of-type > ul > li > strong{margin-bottom: 10px; display: block; font-size: 13px; color: #333;}
.detail-list > div:last-of-type > ol > li > a,
.detail-list > div:first-of-type > ul > li > ol > li > a{font-size: 13px;}
.detail-list > div:last-of-type > ol > li,
.detail-list > div:first-of-type > ul > li > ol > li{margin-bottom: 3px;}
.favorite-menu-list{background-color: #eee; justify-content: space-between; height: 40px; padding: 0 15px; align-items: center;}
.favorite-menu-list > div:first-of-type{display: flex; align-items: center;}
.favorite-menu-list > div:first-of-type > strong{white-space: nowrap; color: #333; font-size: 13px; margin-right: 10px; display: inline-block;}
.favorite-icon{margin-right: 5px; cursor: pointer;}
#favorite-list{display: flex; align-items: center;}
#favorite-list > li{background-color: #fff; border-radius: 10px; padding: 3px 5px;}
#favorite-list > li:not(:first-of-type){margin-left: 10px;}
.favorite-save{background-color: #0062A5; color: #fff; border: none; font-size: 13px; padding: 3px 10px;}
.favorite-setting{cursor: pointer;}
#favorite-list-tag{ border: 1px solid #ccc; border-bottom: none;}
#favorite-list-tag > li{display: block; height: 30px;  width: 100%;  display: flex; align-items: center; padding-left: 15px; font-size: 13px;}