@charset "utf-8";
/* CSS Document */

.clear{clear:both;}
.layout{margin:0 auto;}
.layout.best{width:1188px;}
.text_align{text-align:center; margin:20px 0;}
.blit_h1{background:url(../img/blit_h1.jpg) no-repeat left; font-size:20px; letter-spacing:-1px; line-height:22px; font-weight:bold; padding:0 0 10px 12px; margin:0 0 5px 0; background-position:0 4px; }
.blit_h1 span{font-size:14px; font-weight:normal; color:#999; letter-spacing:normal; display:inline-block; margin:0 0 0 5px;}
.blit_h1.order{float:left;}
.blit_h1.order2{margin:0 0 0 10px;}
.blit_h1.join{margin:30px 0 0;}
.sub_title{margin:50px 0 0; font-weight:bold; font-size:15px; line-height:16px; clear:both; position:relative;}
.sub_title.mypage{margin:30px 0 0 0; font-size:20px; line-height:22px;}
.sub_title.mypage_top{margin:0 0 20px 0; font-size:20px; line-height:22px;}
.sub_title.mypage .more_btn{display:block; position:absolute; right:0; top:3px; font-size:12px; color:#999; font-weight:normal;}
.sub_title.mypage .more_btn:hover{color:#ff4400; text-decoration:none;}
.sub_title.mp2{margin:30px 0 10px 0; font-size:14px; line-height:16px; font-weight:normal;}
.span_title1{font-size:15px; margin:0 20px 0 0; font-weight:normal; color:#333; position:relative; top:-2px;}
.mp_title2{margin:0 0 10px 3px; font-size:14px; color:#ff4400; font-weight:bold; letter-spacing:2px;}
.kt_btn1{border:1px solid #ccc; background:#f0f0f0; padding:4px 5px 6px; font-size:11px; line-height:12px; color:#666; cursor:pointer;  -webkit-appearance: none; -webkit-border-radius:0; border-radius:0; display:inline-block;}
.kt_btn1:hover{border:1px solid #ff4400; color:#ff4400; text-decoration:none;}
.kt_btn1.type2{padding:10px; font-size:13px; line-height:15px;}
.kt_btn1.type2:hover{text-decoration:none;}
.kt_btn1.right{position:absolute; right:0; border:none; background:#ff4400; color:#fff; font-size:12px; line-height:14px; padding:5px 8px;}
.kt_btn1.right:hover{background:#f52a00;}
.kt_btn1.right2{float:right; border:none; background:#ff4400; color:#fff; font-size:12px; line-height:14px; padding:5px 8px;}
.kt_btn1.right2:hover{background:#f52a00; color:#fff;}
.kt_btn1.search{background:#ff4400; border:1px solid #ff4400; color:#fff; padding:4px 8px 6px;}
.kt_btn1.search:hover{background:#f52a00;}
.kt_btn1.mileage{margin:15px 0 0 0;}
.kt_btn1.cart{padding:5px 8px 7px;}
.delete_btn{border:1px solid #ffe1d3; background:#fff0e7; padding:4px 5px 6px; font-size:11px; line-height:12px; color:#ff4400; cursor:pointer;  -webkit-appearance: none; -webkit-border-radius:0; border-radius:0;}
.delete_btn:hover{border:1px solid #ff4400; color:#ff4400;}
.delete_btn.web{display:inline-block;}
.delete_btn.mob{border-radius:10px; padding:2px 6px 4px; display:none;}
.delete_btn.cart{padding:5px 8px 7px;}


.inputbtn{background:#ff5500; border:1px solid #ff5500; color:#fff; display:inline-block; margin:0 2px 0 0; padding:10px 30px; text-align:center; border-radius:2px; font-size:15px; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0; cursor:pointer; min-width: 178px; height: 48px;}
.inputbtn.type1:hover{background:#f52a00;}
.inputbtn.type2{background:#f5f5f5; border:1px solid #ddd; color:#614f41;}
.inputbtn.type2:hover{border:1px solid #ff5500; color:#ff5500;}
.inputbtn.type3{padding:5px 30px;}
.inputbtn.type3:hover{background:#f52a00;}
.inputbtn.type4{background:#f5f5f5; padding:5px 30px; border:1px solid #ddd; color:#614f41;}
.inputbtn.type4:hover{border:1px solid #ff5500; color:#ff5500;}
.inputbtn.type5{width:auto; padding:10px 20px;}
.inputbtn.type_login{border-radius:3px;}
.inputbtn.type_login:hover{background:#f73500;}
.inputbtn.sc_input2{ padding:5px 15px; line-height:14px; width:auto;}

.kt_input1{border:1px solid #aaa; padding:2px 3px; font-size:12px; height:18px; color:#666;  -webkit-appearance: none; -webkit-border-radius:0; border-radius:0;}
.kt_input1.size5{width:40px;}
.kt_input1.size20{width:20%;}
.kt_input1.size25{width:25%;}
/* by 87parkjw */
.kt_input1.size25.m_size90{width:40%;}
.kt_input1.size50{width:50%;}
.kt_input1.size70{width:70%;}
.kt_input1.size90{width:90%;}
.kt_input1.calendar{width:20%;}
.kt_input1.calendar2{width:20%;}
.kt_input1.sc_input1{ border:1px solid #ddd; border-right:none; width:50%; padding:3px 3px;}

.kt_textarea{width:95%;}

.sebox02{float:left; display:block; float:left; border:none; border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:40px; text-align:center; color:#666; padding:3px 0; height:18px; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0;}

.num_action_btn{background:#ededed; display:block; float:left; color:#333; font-weight:bold; font-size:18px; border:1px solid #ddd; line-height:20px; padding:2px 0; width:24px; text-align:center; cursor:pointer;}
.num_action_btn:hover{text-decoration:none;}
.prod_delete_btn{color:#ff4400; margin:0 5px 0 5px; font-size:14px; font-weight:bold; border:1px solid #ff4400; line-height:14px; padding:2px 7px; width:18px; text-align:center; cursor:pointer;}
.prod_delete_btn:hover{text-decoration:none;}

.text_h28{}
.text_h28 tbody{}
.text_h28 th{padding:8px 0 8px 10px; font-weight:normal; background:#f3f3f3; border-top:1px solid #ddd; text-align:left;}


.text_h28 th.num_width01{width:51%;}
.text_h28 th.num_width02{width:28%;}
.text_h28 th.num_width03{width:15%;}


.text_opt_1{}
.text_opt_1 tbody{}
.text_opt_1 th{padding:8px 0 8px 10px;}
.text_opt_1 th.num_width01{width:50%;text-align:left;}
.text_opt_1 th.num_width02{width:22%;text-align:center;}
.text_opt_1 th.num_width03{width:25%;text-align:right;}
.text_opt_1 th.num_space{display: none;}

/* item_info 모바일 css by 87parkjw */
@media (max-width: 667px) {
	.text_opt_1 th.num_width01{width:95%;text-align:left; font-size: 14px; display: block;}
	.text_opt_1 th.num_width02{width:45%; margin: 0 auto; text-align:right; display: inline-block;}
	.text_opt_1 th.num_width03{width:45%;text-align:right; font-size: 12px; display: inline-block;}
/* 	.text_opt_1 th.num_space{width:35%; display: inline-block;} */
}


.left_menu{width:130px; margin:0 10px 0 0; padding:0 20px 20px; border:1px solid #ddd; float:left;}
.left_menu dl dt{font-weight:bold; font-size:16px; line-height:18px; padding:10px 0; margin:20px 0 15px 0;}
.left_menu dl dt a{display:block;}
.left_menu dl.on dt a{color:#ff4400;}
.left_menu dl dd{font-size:12px; line-height:14px; margin:10px 0; padding:0 0 0 10px; background:url(../img/mypage/li_blit1.gif) no-repeat left; background-position:0 5px;}
.left_menu dl dd a{display:block;}
.left_menu dl a:hover{text-decoration:none;}

.left_menu.mypage{padding:0; border:none; background:#fff;}
.left_menu.mypage dl dt{border-bottom:none; font-size:14px; margin:15px 0 10px 0; line-height:16px;}
.left_menu.mypage dl dt:first-child{margin-top:0;}
.left_menu.mypage dl dd{background:none; font-size:13px; padding:0 0 0 7px;}
.left_menu.mypage dl dd a:hover{text-decoration:none;}
.left_menu.mypage dl dd.on a{color:#ff4400;}
.left_menu.mypage dl dd span{display:inline-block; margin:0 5px;}


.artist_title {font-size:40px;letter-spacing: 5px;padding-left: 20px;}

.artist_index{width:100%; padding-bottom: 35px; }
.artist_index dl dt{display:none;}
.artist_index dl dd{position:relative; display:block; float:left; padding:0; text-align:center; width:3%; height: 34px; font-size:20px;border:1px solid #d7d7d7; margin:0 0 0 -1px; color:#333;}
.artist_index dl dd.etc_dd {position:relative; display:block; float:left; padding:0; text-align:center; width:6%; font-size:20px;border:1px solid #d7d7d7; margin:0 0 0 -1px; color:#333;}
.artist_index dl dd a{ padding:10px 0; height:16px; text-align:center; vertical-align: -webkit-baseline-middle;}
.artist_index dl dd:hover{ background-color: #d7d7d7}
.artist_index dl dd.on{background:url(../img/sub/sub_tab_abg_ov.gif) repeat-x top #fff; padding:0;  z-index:2;}
.artist_index dl dd.on a{padding:11px 0 10px;}
.artist_index dl dd span.mp_font3{font-size:9px; padding:1px 4px;}

.colts {width:1300px; margin:0 auto;}
.colts ul li{border:1px solid #eaeaea; background:#fff; position:relative; width:624px; margin:0 10px 20px; float:left;}
.colts ul li img{width:620px;}
.colts ul li:hover{border:1px solid #fa5700; z-index:1;}
.colts ul li a{display:block; float:left; padding:8px 2px; text-align:center; color:#fff;}



/* .content_menu {margin-top: -22px;} */
.content_menu ul li {
		float: left;
		height: 30px;
		width: 120px;
		background-color: #ff5500;
		margin-left: 1px;
		margin-right: 1px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
.content_menu ul li a{display: block;
		text-align: center;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		line-height: 30px;
		text-decoration: none;
	}
.content_menu ul li a:hover {
  		background: #df0101;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
}

/*.track1 {width:200px;}*/
/*.track2 {width:175px;}*/

.ft_left_1{ float:left; width:60%}
.ft_left_2{ float:left; width:40%}

@media (max-width:1432px){
	/* 	artist 알파벳 링크 페이지 테블릿 by 87parkjw */
	.artist_index dl dd{width:7%;}
}

@media (max-width:667px){
.ft_left_1{ float:left; width:100%}
.ft_left_2{ float:left; width:100%}
	
	.blit_h1{margin:0 5px; background-position:0 2px;}
	.blit_h1 span{font-size:12px; display:block; position:relative; margin:8px 0 0 -10px; line-height:14px;}
	.sub_title{margin:50px 5px 0;}
	.sub_title.mypage{margin:30px 5px 0;}
	.sub_title.mypage_top{margin:20px 5px; padding:20px 0 0 0; font-size:20px; line-height:22px;}
	.sub_title.mp2{margin:20px 5px 10px;}
	.mp_title2{margin:0 0 10px 8px;}
	.blit_h1.join{margin:30px 0 0 5px;}
	.kt_btn1.cart{padding:3px 5px 5px;}
	.delete_btn.web{display:none;}
	.delete_btn.mob{display:inline-block;}
	.delete_btn.cart{padding:3px 5px 5px;}
	.kt_input1.size20{width:90%;}
	.kt_input1.size25{width:25%;}
	/* 	by 87parkjw */
	.kt_input1.size25.m_size90{width:90%;}
	.kt_input1.size50{width:90%;}
	.kt_input1.size70{width:90%;}
	.kt_input1.size90{width:90%;}
	.kt_input1.calendar{width:30%;}
	.kt_input1.calendar2{width:20%;}
	.kt_btn1.right2{float:none; position:absolute; right:5px; top:-30px;}
	.kt_btn1.mileage{margin:30px 0 0 5px;}
	
	/* 	by 87parkjw */
	.kt_select1{width:100%;}
	.m_kt_select1{width:90%; margin-bottom: 5px;}
	.mrgn-btm3{margin-bottom: 3px;}

	.inputbtn.type3{padding:5px 10px;}
	.inputbtn.type4{padding:5px 10px;}
	.inputbtn.sc_input2{ padding:5px 8px;}
	
	.sebox02{width:30px; padding:2px 0; height:16px;}
	
	.num_action_btn{font-size:14px; border:1px solid #ddd; line-height:16px; padding:2px 0; width:20px;}
	.prod_delete_btn{margin:0 0 0 3px;}
	
	.text_h28 th{padding:8px 0 8px 5px;}
	.text_h28 th.num_width01{width:50%;}
	.text_h28 th.num_width02{width:26%;}
	.text_h28 th.num_width03{width:24%;}
	
	.left_menu{width:100%; margin:0; padding:0; border-top:1px solid #ddd; border-bottom:none; border-left:none; border-right:none; position:relative;}
	.left_menu dl dt{position:relative; display:block; float:left; padding:0; width:33%; font-size:12px; border:1px solid #d7d7d7; border-top:none; margin:0 0 0 -1px; color:#333;}
	.left_menu dl dt a{display:block; padding:10px 0; height:16px; text-align:center;}
	.left_menu dl dd{display:none;}
	.left_menu dl.on dt{background:url(../img/sub/sub_tab_abg_ov.gif) repeat-x top #fff; margin:-1px 0 0 -1px; z-index:2;}
	.left_menu dl.on dt a{padding:10px 0 11px; }
	.left_menu dl.on dd{display:block; float:left; padding:0; margin:0 0 0 7px;}
	.left_menu dl.on dd a{display:block; padding:0 5px 0 8px; height:16px; text-align:center;}
	.left_menu dl.on .cs_dd_wrap{position:absolute; top:50px; width:100%;}
	
	
	.left_menu.mypage{width:100%; margin:0; border-top:1px solid #ddd;}
	.left_menu.mypage dl dt{display:none;}
	.left_menu.mypage dl dd{position:relative; display:block; float:left; padding:0; text-align:center; width:33%; font-size:12px; border:1px solid #d7d7d7; border-top:none; margin:0 0 0 -1px; color:#333;}
	.left_menu.mypage dl dd a{display:block; padding:10px 0; height:16px; text-align:center;}
	.left_menu.mypage dl dd.on{background:url(../img/sub/sub_tab_abg_ov.gif) repeat-x top #fff; padding:0; margin:-1px 0 0 -1px; z-index:2;}
	.left_menu.mypage dl dd.on a{padding:11px 0 10px;}
	.left_menu.mypage dl dd span.mp_font3{font-size:9px; padding:1px 4px;}
	
	/* 	by 87parkjw */
	.artist_index{width:100%; padding-bottom: 35px; }
	.artist_index dl dt{display:none;}
	.artist_index dl dd{position:relative; display:block; float:left; padding:0; text-align:center; width:14%; height: 40px; font-size:22px;font-weight: bold; border:1px solid #d7d7d7; margin:0 0 0 -2px; color:#333;}
	.artist_index dl dd.etc_dd{position:relative; display:block; float:left; padding:0; text-align:center; width:14%; font-size:28px;font-weight: bold; border:1px solid #d7d7d7; margin:0 0 0 -1px; color:#333;}
	.artist_index dl dd a{display:block; height:42px; text-align:center;}
	.artist_index dl dd.on{background:url(../img/sub/sub_tab_abg_ov.gif) repeat-x top #fff; padding:0;  z-index:2;}
	.artist_index dl dd.on a{padding:11px 0 10px;}
	.artist_index dl dd span.mp_font3{font-size:9px; padding:1px 4px;}
	
	.colts {width:660px; margin:0 auto;}
	.colts ul li{border:1px solid #eaeaea; background:#fff; position:relative; width:624px; margin:0 10px 20px; float:left;}
	.colts ul li img{width:620px;}
	.colts ul li:hover{border:1px solid #fa5700; z-index:1;}
	.colts ul li a{display:block; float:left; padding:8px 2px; text-align:center; color:#fff;}
	
}
.kt_select1{border:1px solid #aaa; padding:2px 3px; font-size:12px; height:24px; color:#666;}
#gnb{width:100%; position:relative; height:34px; background:#f5f5f5; border-bottom:1px solid #eee;}
#hd{margin:35px auto 0;  border-bottom:2px solid #ff4400;}
#hd.best{border:none; width:1188px;}
#content{margin:20px auto;}
#content.best{margin:0 auto;}
#top-link{position:fixed; width:50px; height:50px; background:url(../img/w_up.png) no-repeat; overflow:hidden; right:10px; bottom:10px; z-index:100;}
#top-link:hover{background-position:-50px 0px;}
#m_menu{display:none;}
#m_menu h1 a{color:#fff;}
#footer{margin:20px auto;}
#footer.best{width:1188px;}

.m_content{position:relative; width:1250px;}
.sub{width:1432px;}
.s_content{position:relative; width:1432px;}
.detail{width:1150px;}
.d_content{position:relative; width:1150px;}
.other{width:1000px;}
.o_content{position:relative; width:100%;}



#gnb .gnbl{float:left; position:relative;}
#gnb .gnbr{float:right;}
#gnb a{display:block; float:left; position:relative; color:#6c6c6c; padding:8px; line-height:16px;}
#gnb a:hover{text-decoration:none; color:#f22e00;}
#gnb a.w_all_menu{border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5; padding:8px 10px ; display:none}
#gnb a.w_all_menu:hover{z-index:100;}
#gnb .w_allMenu_pop{position:absolute; left:0; top:35px; width:130px; height:98px; padding:10px 0 0 12px; background:#fff; border:1px solid #eee; border-top:none;}
#gnb .w_allMenu_pop a{float:none; padding:6px 0;}

#hd .logo{float:left;}
#hd .logo .logo-image{width:141px; height:27px; background:url(../img/logo.jpg) no-repeat; cursor:pointer;}
#hd .search{float:left; position:relative; margin:0 0 0 90px;}
#hd .search .search-input{width:585px; height:22px; border:3px solid #ff5500; border-right:none; padding:4px 5px 5px; -webkit-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.12); -moz-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.12); box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.12); font-size:14px;}
#hd .search .search-input-m{display:none;}
#hd .search .search-button{width:78px; color:#fff; font-weight:bold; font-size:14px; line-height:16px; background:#ff5500; height:37px; text-align:center; border:none; cursor:pointer; margin:0 0 0 -5px;}
#m_search{display:none;}

#hd .social_btn{clear:both; text-align:right;height:48px;}
#hd .social_btn a{display:inline-block; margin:0 0 0 10px; padding-top: 10px;}
#hd .social_btn a:hover{text-decoration:none;}

.search-wrap02{margin:5px 0 0 0;}
.search-wrap02 a{display:inline-block; margin:0 8px 0 0;}

.f_sitemap{background:#f8f6f7; border:1px solid #eaeaea; padding:25px 0;}
.f_sitemap.main ul li{margin:0 80px 0 60px; float:left;}
.f_sitemap.sub ul li{margin:0 115px 0 60px; float:left;}
.f_sitemap.detail ul li{margin:0 95px 0 60px; float:left;}
.f_sitemap.other ul li{margin:0 42px; float:left;}
.f_sitemap.best ul li{margin:0 100px 0 60px; float:left;}
.f_sitemap ul li:last-child{margin:0 0 0 60px;}
.f_sitemap ul li h1{margin:0 0 10px 0;}
.f_sitemap ul li h1 a{font-size:16px; color:#ff4400; font-weight:bold;}
.f_sitemap ul li h1 a:hover{text-decoration:none;}
.f_sitemap ul li a{display:block; padding:5px 0;}

.f_info{margin:25px 0 20px 0;}
.f_info .f_logo{width:142px; height:27px; margin:26px 0 0 0; background:url(../img/f_logo_w.png) no-repeat; float:left;}
.f_info .f_txt{float:left; margin:0 0 0 45px; font-size:12px; line-height:16px;}
.f_info .f_txt .copyright{font-size:10px; margin:15px 0 0 0; color:#aeaeae;}

.sub_prod{position:relative; margin:30px 0 50px; width:1210px; left:-10px;}
.sub_prod.best{margin:30px auto 50px; left:0px;}
.sub_prod ul li{border:1px solid #eaeaea; background:#fff; position:relative; width:220px; height:370px; margin:0 10px 20px; float:left;}
.sub_prod ul li:hover{border:1px solid #fa5700; z-index:1;}
.sub_prod ul li .prd_img{position:relative; overflow:hidden;}
.sub_prod ul li .prd_img .compare-btns{position:absolute; left:0; bottom:0; width:220px;}
.sub_prod ul li .prd_img .compare-btns a{background:url(../img/prod_btn_bg.png); display:block; float:left; padding:8px 0; text-align:center; width:110px; height:18px; line-height:16px; margin:0 1px 0 0; color:#fff;}
.sub_prod ul li .prd_img .compare-btns a:last-child{width:220px; margin:0;}
.sub_prod ul li .prd_img img{width:220px; height:220px;}
.sub_prod ul li .prd_price{margin:15px 10px 0; position:relative;}
.sub_prod ul li .prd_price span{display:block;}
.sub_prod ul li .prd_price span.pr_sale{text-decoration:line-through; color:#333; font-size:14px; line-height:14px; margin:0 0 8px 0;}
.sub_prod ul li .prd_price span.pr_big{font-weight:bold; font-size:14px; line-height:14px; color:#ff4417;}
.sub_prod ul li .prd_price span font.size{font-size:22px; line-height:22px;}
.sub_prod ul li .prd_price .prd_count{position:absolute; right:10px; top:5px; color:#999; font-size:12px; line-height:12px; font-weight:normal;}
.sub_prod ul li .prd_price .prd_rank{position:absolute; right:10px; top:-10px; color:#999; font-size:11px; line-height:11px; font-weight:normal;}
.sub_prod ul li .prd_subject{margin:10px 10px 0; height:34px; font-size:12px; line-height:18px; overflow:hidden;}
.sub_prod ul li .prd_date{padding:10px 10px; color:#999;}

.sub_prod.best_artist{position:relative; padding:0; float:right; margin:0; left:auto; width:220px;}
.sub_prod.best_artist ul li{margin:-1px 0 0;}

.sub_prod.detail_best_artist{position:relative; padding:0; left:0; margin:0; float:left; width:220px;}
.sub_prod.detail_best_artist ul li{margin:-1px 0 0;}

.sub_prod.webzine{margin:0; width:1190px; left:0;}
.sub_prod.webzine ul li{width:100%; height:100px; margin:0; padding:15px 0; border-top:none; border-right:none; border-left:none;}
.sub_prod.webzine ul li:hover{border-bottom:1px solid #eaeaea;}
.sub_prod.webzine ul li .prd_img{border:1px solid #eaeaea; position:relative; display:block; width:102px; float:left; overflow:hidden;}
.sub_prod.webzine ul li .prd_img:hover{border:1px solid #fa5700;}
.sub_prod.webzine ul li .prd_img a{display:block;}
.sub_prod.webzine ul li .prd_img img{width:100px; height:100px;}
.sub_prod.webzine ul li .prd_img .compare-btns2{position:absolute; left:0; bottom:0; width:102px;}
.sub_prod.webzine ul li .prd_img .compare-btns2 a{background:url(../img/prod_btn_bg.png); display:block; float:left; padding:3px 0 5px; text-align:center; width:50px; letter-spacing:-1px; height:12px; font-size:12px; line-height:12px; margin:0 1px 0 0; color:#fff;}
.sub_prod.webzine ul li .prd_img .compare-btns2 a:last-child{width:102px; margin:0;}
.sub_prod.webzine ul li .prd_subject{position:absolute; left:110px; width:600px;}
.sub_prod.webzine ul li .prd_subject a{font-size:14px; line-height:18px;}
.sub_prod.webzine ul li .prd_price{position:absolute; left:800px; top:10px;}
.sub_prod.webzine ul li .prd_price .prd_count{right:-140px; font-size:14px;}
.sub_prod.webzine ul li .prd_date{position:absolute; left:110px; bottom:10px;}



.paging{margin:15px 0; text-align:center;}
.paging a{display:inline-block; border:1px solid #bfbfbf; border-radius:3px; line-height:13px; padding:5px 8px 6px;}
.paging a:hover{text-decoration:none; border:1px solid #fa5700;}
.paging a.on{border:1px solid #fa5700; color:#fa5700; background:#ffede1;}

.paging2{margin:15px 0; text-align:center;}
.paging2 a{display:inline-block; position:relative; border:1px solid #ddd; padding:8px 15px; margin:0 -3px 0 -2px; transition:border 0.4s, color 0.4s;}
.paging2 a.prev{margin:0 5px;}
.paging2 a.next{margin:0 5px;}
.paging2 a:hover{text-decoration:none; border:1px solid #ff4400; z-index:100;}
.paging2 a.on{border:1px solid #ff4400; color:#fff; background:#ff4400; z-index:100;}



#cs_table div{ display: block; background:url(../img/top_down_blit.png) no-repeat top #fff; background-position:230px 14px; cursor: pointer;} 
#cs_table div.active{background-image:url(../img/top_up_blit.png);}
#cs_table ul{ list-style: none; padding: 0 0 0 0; } 
#cs_table ul{ display: none; padding:5px 0; border-bottom:1px solid #ddd;} 
#cs_table ul li { font-weight: normal; cursor: auto; background-color: #fff; padding:10px 20px;}
	
@media (max-width:1432px){
	.sub{width:1192px;}
/* 	.s_content{width:1192px;} */
	.s_content{width:100%;}
	.f_sitemap.sub ul li{margin:0 60px; }
	.sub_prod{width:968px;}
	.sub_prod.webzine{width:948px;}
	.sub_prod.webzine ul li .prd_subject{width:500px;}
	.sub_prod.webzine ul li .prd_price{left:700px;}
	.sub_prod.webzine ul li .prd_price .prd_count{right:-120px;}
	.sub_prod.best{width:1210px;}
}


@media (max-width:1249px){
	.m_content{width:1000px;}
	.f_sitemap.main ul li{margin:0 42px;}
}
@media (max-width:667px){
	.m_content{width:98%; margin:0 1%; height:auto;}
	.sub{width:100%;}
	.s_content{height:auto; width:100%;}
	.detail{width:100%;}
	.d_content{width:100%;}
	.other{width:100%;}
	.o_content{width:100%;}
	.other{width:100%;}
	.o_content{width:100%;}
	.layout.best{width:100%;}
	
	
	
	#gnb{display:none;}
	#hd{background:#fe6233; margin:0; height:47px; text-align:center; border:none;}
	#hd.best{width:100%;}
	#hd .logo{width:80px; float:none; display:inline-block; margin:15px 0 0 -10px;}
	#hd .logo .logo-image{width:80px; background:url(../img/m_logo.png) no-repeat; background-size:100%;}
	#hd .search{margin:0 0 7px 6px; top:-15px; float:none; display:inline-block; width:68%;}
	#hd .search .search-input{display:none;}
	#hd .search .search-input-m{display:block; width:100%; border:none; border-radius:4px; height:22px; padding:6px 5px 4px; box-shadow:none; background:#e8512a; color:#fff; text-align:center;}
	#hd .search .search-button{display:none;}
	#m_search{width:100%; height:100%; background:#eee; display:none; position:fixed; z-index:100; left:0; top:0;}
	#m_search .close_btn{position:absolute; right:20px; top:10px;}
	#m_search .ms_header{height:43px; background:linear-gradient(to bottom,  #e7e7e7 0%,#dfdfdf 100%);}
	#m_search .ms_input{padding:15px 10px; text-align:center;}
	#m_search .ms_input .ms_search{padding:6px; width:80%; height:24px; font-size:14px; border:1px solid #ddd; border-top:1px solid #bbbbbb; border-right:none; border-radius:0; border-top-left-radius:2px; border-bottom-left-radius:2px;}
	#m_search .ms_input .ms_search_btn{background:linear-gradient(to bottom,  #f9f9f9 0%,#efefef 100%); padding:8px; border:1px solid #ddd;border-bottom:1px solid #bbb; border-radius:0; border-top-right-radius:2px; border-bottom-right-radius:2px;}
	.search-wrap02{display:none;}
	
	#top-link{width:60px; height:60px; background:url(../img/m_up.png) no-repeat; background-size:100%; right:10px; bottom:15px; z-index:100;}
	#top-link:hover{background-position:0;}
	#menu-link{width:60px; height:60px; position:fixed; display:block; background:url(../img/menu_btn.png) no-repeat; background-size:100%; left:10px; bottom:15px; z-index:100;}
	#footer{margin:30px auto 0;}
	#footer.best{width:100%;}
	.f_sitemap{background:#575970; border:none; text-align:center; padding:10px 0;}
	.f_sitemap ul li{display:inline-block; float:none; padding:0 2.2%; margin:0; background:#63657c; border:1px solid #4c4e65; border-radius:4px;}
	.f_sitemap.main ul li{float:none; margin:0;}
	.f_sitemap.sub ul li{float:none; margin:0;}
	.f_sitemap.detail ul li{float:none; margin:0;}
	.f_sitemap.other ul li{float:none; margin:0;}
	.f_sitemap.best ul li{float:none; margin:0;}
	.f_sitemap ul li:last-child{margin:0;}
	.f_sitemap ul li h1{margin:0;}
	.f_sitemap ul li h1 a{font-size:11px; color:#b9bbd2; letter-spacing:-1px;}
	.f_sitemap ul li .fsm_sub{display:none;}
	.f_info{padding:15px 0 20px 0; margin:0; background:#575970;}
	.f_info .f_logo{float:none; width:80px; margin:0 auto; background:url(../img/f_logo_m.png) no-repeat; background-size:100%;} 
	.f_info .company{display:none;}
	.f_info .f_txt{float:none; text-align:center; margin:0; padding:0 30px; color:#a7a8b9;}
	.f_info .f_txt .copyright{font-size:10px; margin:5px 0 50px 0; color:#a7a8b9;}
	.f_info .f_txt .copyright a{color:#a7a8b9;}
	
	
	#m_menu{position:fixed; display:block; top:0; left:-260px; width:250px; height:100%; background:#fff; z-index:101;
	-webkit-box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.3);}
	#m_menu_bg{position:fixed; display:none; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.3; z-index:100;}
	#ats_movie_bg{position:fixed; display:none; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.3; z-index:100;}
	#ats_member_bg{position:fixed; display:none; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.3; z-index:100;}
	#m_menu h1{color:#fff; position:relative; background:#ff5500; font-weight:bold; padding:17px 10px 16px; line-height:14px; font-size:12px;}
	h1 .close_btn{position:absolute; right:15px; top:15px;}
	
	#accordion div { display: block; background:url(../img/top_down_blit.png) no-repeat top #fff; background-position:230px 14px; border-bottom:1px solid #ddd; font-weight: bold; cursor: pointer; padding:7px 10px;} 
	#accordion div a{font-size:14px;}
	#accordion div.active{background-image:url(../img/top_up_blit.png);}
	#accordion ul { list-style: none; padding: 0 0 0 0; } 
	#accordion ul{ display: none; padding:5px 0; border-bottom:1px solid #ddd;} 
	#accordion ul li { font-weight: normal; cursor: auto; background-color: #fff; }
	#accordion ul li a{display:block; padding:5px 10px;}
	
	.icon_menu{padding:15px 5px 5px; background:#f5f8fa; border-bottom:1px solid #e4eaee;}
	.icon_menu a{display:block; float:left; width:33%; text-align:center; margin:0 0 10px;}
	.icon_menu a img{width:55px;}
	.icon_menu a p{margin:0 0 5px 0;}
	
	.sub_prod{width:534px; margin:20px auto; left:auto;}
	.sub_prod.best{width:534px; margin:20px auto;}
	.sub_prod ul li{border:1px solid #eaeaea; width:172px; margin:0 2px 20px; height:310px; overflow:hidden; }
	.sub_prod ul li:hover{border:1px solid #eaeaea;}
	.sub_prod ul li .prd_img img{width:172px; height:172px;}
	.sub_prod ul li .prd_img .compare-btns{display:none;}
	.sub_prod ul li .prd_img .compare-btns a{width:87px;}
	.sub_prod ul li .prd_img .compare-btns a:last-child{width:86px;}
	.sub_prod ul li .prd_price{text-align:left;}
	.sub_prod ul li .prd_subject{text-align:left;}
	.sub_prod ul li .prd_date{text-align:left;}
	
	.sub_prod ul li .prd_price span.pr_sale{font-size:12px; line-height:12px;}
	.sub_prod ul li .prd_price span.pr_big{font-size:12px; line-height:12px; color:#ff4417;}
	.sub_prod ul li .prd_price span font.size{font-size:18px; line-height:18px;}
	.sub_prod ul li .prd_price .prd_count{right:5px; top:3px; font-size:11px; line-height:11px;}
	
	.sub_prod.detail_best_artist{display:none;}
	
	.sub_prod.webzine{width:96%; margin:0 2%;}
	.sub_prod.webzine ul li{height:80px; padding:10px 0;}
	.sub_prod.webzine ul li:hover{border-bottom:1px solid #eaeaea; border-left:none; border-right:none; border-top:none;}
	.sub_prod.webzine ul li .prd_img{width:82px;}
	.sub_prod.webzine ul li .prd_img img{width:80px; height:80px;}
	.sub_prod.webzine ul li .prd_img .compare-btns2{display:none;}
	.sub_prod.webzine ul li .prd_subject{position:absolute; top:0px; left:85px; width:70%;}
	.sub_prod.webzine ul li .prd_subject a{font-size:12px; line-height:14px;}
	.sub_prod.webzine ul li .prd_price{position:absolute; left:85px; top:58px; width:70%;}
	.sub_prod.webzine ul li .prd_price span{float:left;}
	.sub_prod.webzine ul li .prd_price span.pr_sale{margin:0 10px 0 0;}
	.sub_prod.webzine ul li .prd_price span.pr_big{position:relative; margin:-5px 0 0 0;}
	.sub_prod.webzine ul li .prd_price .prd_count{right:0px; top:0px;}
	.sub_prod.webzine ul li .prd_date{display:none;}
	
	
	.paging2 a{padding:3px 10px; margin:0 0 0 -4px;}
	.paging2 a.prev{margin:0 10px 0 5px;}
	.paging2 a.next{margin:0 5px;}
	
	.content_menu {display:none;}
	
	.social_btn img{width:140px;}
}

@media (max-width:420px){
	.sub_prod{width:356px;}
	.sub_prod.best{width:356px;}

	.content_menu {display:none;}
}

@media (max-width:327px){

	.blit_h1.order{font-size:18px; height:18px; overflow:hidden;}
	.f_sitemap ul li h1 a{font-size:10px;}
	.f_sitemap ul li{padding:0 1.2%;}
	#hd .logo{margin:14px 0 0 -5px;}
	#hd .search{margin:0 0 7px 6px; width:64%;}
	#top-link{right:5px; bottom:10px;}
	#menu-link{left:5px; bottom:10px;}
	.sub_prod{width:314px;}
	.sub_prod.best{width:314px;}
	.sub_prod ul li{width:150px;}
	.sub_prod ul li .prd_img img{width:150px; height:150px;}
	.sub_prod ul li .prd_price .prd_count{position:relative; display:block; left:0; top:0px; }
	
	.kt_input1.calendar{width:30%;}
	.kt_input1.calendar2{width:15%;}
	
	.text_h28 th.num_width01{width:41%;}
	.text_h28 th.num_width02{width:30%;}
	.text_h28 th.num_width03{width:29%;}
	.sub_prod.webzine ul li .prd_price .prd_count{padding:0 0 0 10px;}
	
	.content_menu {display:none;}
	
	.track1 {width:150px;}
	.track1 {width:135px;}
}

/* 배송지 입력 jp 버전 css by 87parkjw */
.payment-write-wrap .rspvn .p-top {margin-bottom: 5px;}
.payment-write-wrap .rspvn p .recipient-title {width: 12%; display: inline-block; vertical-align: bottom;}
.payment-write-wrap .rspvn p .recipient-title2 {width: 12%; display: inline-block; vertical-align: bottom; line-height:1.2em;}
.payment-write-wrap .rspvn p .recipient-space {width: 12%; display: inline-block;}
.payment-write-wrap .rspvn p .recipient-title-sub {font-size: 10px;}
.payment-write-wrap .rspvn p .font-sub {width: 79%; display: inline-block; color: red;}