/*********************************************
*******************리스트********************
**********************************************/

.list_inner_wrap{
	float:left; 
	width:100%;
	background:#fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
	padding:10px 0 0 0;
}

/*랜딩용리스트스타일*/
.list_landing_type{
	box-sizing: border-box;
   -webkit-box-sizing: border-box;
   position:relative;
   overflow:hidden;
	float:left;
	margin-bottom:10px;
	width:100%;
	background:#222;
	margin-top:-10px;
	border:10px solid #222;
	padding-top: 2px;
	padding-bottom:2px;
}

.list_landing_type .img_box{
	width:100%;
}

.list_landing_type .img_box img{
	width:100%;
}

.list_landing_type .info_ld_box{
	position:absolute;
	bottom:2px;
	width:100%;
	left:0;
}


.list_landing_type .info_ld_box .inner_ctn{
	margin:0 auto;
	background:rgba(255,255,255,0.80);
	padding:10px;
	height:60px;
	width:100%;

}

.list_landing_type .info_ld_box .logo{
	float:left;
	margin-right:10px;
}

.list_landing_type .info_ld_box .logo img{
	width:80px;
}
.list_landing_type .info_ld_box .txt{
	float:left;
	text-align:left;
	width:70%;
}

.list_landing_type .info_ld_box .txt b{
	clear:both;
	display:block;
	font-weight:500;
	font-size:14px;
	line-height:17px;
	vertical-align:middle;
	margin-top:4px;
}

.list_landing_type .info_ld_box .txt a{
	color:#4a89dc;
}

.list_landing_type .info_ld_box .txt span{
	clear:both;
	display:block;
	font-size:12px;
	color:#767676;
	line-height:17px;
	vertical-align:middle;
	overflow:hidden;
	height:17px;
	text-overflow: ellipsis; 
	white-space: nowrap;
}

/*리스트더보기*/
.btn_list_more{float:left; width:100%; background:#fff; text-align:center; line-height:48px;vertical-align:middle;font-size:15px;}
.btn_list_more img{vertical-align:top; width:10px;margin-top:22px;}

/*컬렉션 리스트*/
.list_type_collection{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position:relative;
	overflow:hidden;
	float:left;
	width:100%;
	padding:0 5px;
}

.list_type_collection .list_info{
	float:left;
	width:50%;
	padding: 0 5px;
	margin-bottom:10px;
}

.list_type_collection .list_info .inner{ float:left; width:100%;height:200px;overflow:hidden;position:relative;color:#fff;}
.list_type_collection .list_info .inner a{color:#fff;}


.list_type_collection .list_info .inner .btn_wrap_box{width:100%;position:absolute; bottom:0; background:rgba(0,0,0,0.60); text-align:right;line-height:25px; vertical-align:middle;padding-right:10px;}
.list_type_collection .list_info .inner .btn_wrap_box .new_bt_brand_plus{float:left;display:block; text-align:center;background:rgba(231,74,57,0.80);width:40%;font-size:14px;letter-spacing:0.05em;padding-bottom:1px;}
.list_type_collection .list_info .inner .btn_wrap_box .bt_inquiry{float:left;display:block; text-align:right;width:60%;vertical-align:middle;font-size:14px; padding-bottom:1px;}
.list_type_collection .list_info .inner .btn_wrap_box .bt_inquiry img{width:14px; vertical-align:middle;margin-right:3px;margin-bottom:3px;}

.list_type_collection .list_info .inner .btn_wrap_box .bt_inquiry_full{float:left;display:block; text-align:right;width:100%;vertical-align:middle;font-size:14px; padding-bottom:1px;}
.list_type_collection .list_info .inner .btn_wrap_box .bt_inquiry_full img{width:14px; vertical-align:middle;margin-right:3px;margin-bottom:3px;}

.list_type_collection .list_info .inner .name_box{
	width:100%;
	position:absolute; 
	bottom:26px;
	height:175px;
}

.list_type_collection .list_info .inner .name_box .name{position:absolute; bottom:0;z-index:3;float:left; width:100%; padding-left:10px; padding-bottom:5px;}
.list_type_collection .list_info .inner .name_box .back_img{position:absolute; bottom:0;z-index:2;}
.list_type_collection .list_info .inner .name_box .back_img img{width:100%;}


.list_type_collection .list_info .inner .img_box{width:100%;}
.list_type_collection .list_info .inner .img_box img{ width:100%;}



/*연관컨텐츠 리스트*/
.list_type_brandplus{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position:relative;
	overflow:hidden;
	float:left;
	width:100%;
	padding:0 5px;
}

.list_type_brandplus .list_info_bp{
	float:left;
	width:50%;
	padding: 0 5px;
	margin-bottom:18px;

}


.list_type_brandplus .list_info_bp .img_box{
	float:left;
	width:100%;
	height:150px;
	overflow:hidden;
	display:block;
	position:relative;
}

.list_type_brandplus .list_info_bp .img_box img{
	width:100%;
}

.list_type_brandplus .list_info_bp .img_box .outline{
	border:1px solid rgba(0,0,0,0.05);
	float:left;
	width:100%;
	height:150px;
	background:transparent;
	position:absolute;
	top:0;
	left:0;
}

.list_type_brandplus .list_info_bp .title{float:left; width:100%; margin:8px 2px 5px 2px; line-height:19px; height:36px; overflow:hidden;font-size:15px;letter-spacing:-0.02;}
.list_type_brandplus .list_info_bp .tag{float:left; width:100%; line-height:16px; height:30px; overflow:hidden; font-size:12px; color:#858585; margin:0 2px;}

.list_type_brandplus .list_info_bp .like{
	float:left; width:100%;
	line-height:12px; 
	font-size:12px;
	color:#cccccc;
	margin:6px 2px 0 2px; 
	background:url(../../../image/mobile/iwd_2017/list_icon_like.png) no-repeat;
	background-size:8px ;
	background-position:left ;
	padding-left:10px;
}


/*데일리 이벤트 리스트*/
.list_type_dailyevent{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position:relative;
	overflow:hidden;
	float:left;
	width:100%;
	padding:0 5px;
}





/*브랜드플러스 업체 배너*/
.bp_list_info_area{float:left; width:100%;margin-bottom:40px;margin-top:10px;overflow:hidden;}
.bp_list_info_area .inner_box{ display:inline-block; overflow:hidden;width:100%;}
.bp_list_info_area .inner_box .text_info{position:absolute; width:80%;color:#fff;padding:10px 15px;z-index:3;}
.bp_list_info_area .inner_box .text_info .flag{float:left;background:rgba(231,74,57,0.8); font-size:12px; font-family:georgia; font-style:italic;letter-spacing:0.05em;padding:0 5px; line-height:17px; vertical-align:middle;margin-top:6px;}
.bp_list_info_area .inner_box .text_info .txt{float:left; clear:both; font-size:14px; font-weight:700;margin-top:5px;}
.bp_list_info_area .inner_box .text_info .exp{float:left; clear:both; font-size:12px; line-height:13px; margin-top:2px;}

.bp_list_info_area .inner_box .alpha_box {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:rgba(0,0,0,0.25);
	height:100%;
	z-index:2;

}

.bp_list_info_area .inner_box .img_box {
	width:100%;
	z-index:1;overflow:hidden;
}
.bp_list_info_area .inner_box .img_box img{width:100%;height:auto;}


.btn_rolling_box{float:left; width:100%;text-align:center;vertical-align:middle; margin-top:10px;line-height:10px;}
.btn_rolling_box span{display:inline-block; background:#b7b7b7; padding:0 4px; border-radius:100px; width:10px; height:10px;}
.btn_rolling_box .on{background:#5c5c5c;}

/**
 * Image Slider Pager (dot style)
 *
.hd_pg{float:left; width:100%;text-align:center;vertical-align:middle; margin-bottom:-10px;line-height:10px;font-size:0;}
.hd_pg a{padding:0 2px;}
.hd_pg span{display:inline-block; background:#b7b7b7; padding:0 4px; border-radius:100px; width:10px; height:10px;}
.hd_pg .on{background:#5c5c5c;}

 */




/*********************************************
******************상세페이지********************
**********************************************/
/*타이틀-업체 상세*/
.tt_store_name{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float:left; 
	width:100%;
	background:rgba(39,109,201,0.8);
	text-align:center;
	font-size:15px;
	position:relative;
	line-height:43px; 
	vertical-align:middle;
	color:#fff;
	position:relative;
	margin-top:5px;
    
    padding:0 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
    display: block;
}

.tt_store_name a{
	color:#fff; 
	background:url(../../../image/mobile/iwd_2017/view_icon_more.png) no-repeat;
	background-size:10px;
	background-position:right center;
	padding-right: 15px;
}


.tt_store_name .btn_back{
	position:absolute;
	background:url(../../../image/mobile/iwd_2017/title_btn_view_back.png) no-repeat;
	background-size:21px;
	background-position:center center ;
	width:40px; 
	height:43px;
	left:0;
	top:1px;
}


/*타이틀-업체 스타*/
.tt_star_name{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float:left;
	width:100%;
	background:rgba(251,109,155,0.8);
	text-align:center;
	font-size:15px;
	position:relative;
	line-height:43px;
	vertical-align:middle;
	color:#fff;
	position:relative;
	margin-top:5px;

}

.tt_star_name a{
	color:#fff;
	background:url(../../../image/mobile/iwd_2017/view_icon_more.png) no-repeat;
	background-size:10px;
	background-position:right center;
	padding-right: 15px;
}


.tt_star_name .btn_back{
	position:absolute;
	background:url(../../../image/mobile/iwd_2017/title_btn_view_back.png) no-repeat;
	background-size:21px;
	background-position:center center ;
	width:40px;
	height:43px;
	left:0;
	top:1px;
}



/*상세-화보보기*/
.pictorial_box{
	float:left;
	width:100%;
	position:relative;
}

.pictorial_box .pictorial_list{
	width:100%;
	position:absolute;
	top:0;
	z-index:2;

}

.pictorial_box .pictorial_list li{ clear:both; float:left; width:100%; background:rgba(0,0,0,0.3);margin-bottom:1px;text-align:center; color:#fff;padding:11px; line-height:15px;vertical-align:middle;}

.pictorial_box .display_wrap{float:left; width:100%; height:350px; overflow:hidden; line-height:350px;}
.pictorial_box .display_wrap img{width:100%;}


.pictorial_box .btn_rolling_box{position:absolute; bottom:15px;float:left; width:100%;text-align:center;vertical-align:middle; margin-top:10px;line-height:10px;}
.pictorial_box .btn_rolling_box span{display:inline-block; background:#fff; padding:0 4px; border-radius:100px; width:10px; height:10px;}
.pictorial_box .btn_rolling_box .on{background:#4a89dc;}


/*상세-공유하기*/
.dt_share_area{
	float:left; 
	width:100%;
	background:#f2f2f2;
	padding:0 10px;
	height:43px;
	position:relative;
}

.dt_share_area .info_view{ 
	float:left;
	background:url(../../../image/mobile/iwd_2017/dt_icon_view.png) no-repeat;
	background-size:24px;
	background-position:left, center;
	line-height:43px; 
	vertical-align:middle;
	color:#bdbcbc;
	padding-left: 28px;
}

.dt_share_area .share_box{ 
	float:right;
	background:url(../../../image/mobile/iwd_2017/dt_icon_share.png) no-repeat;
	background-size:18px;
	background-position:center, center;
	width:18px;
	line-height:43px;
	vertical-align:middle;
	text-indent:-999px;
	margin-right:3px;
}

/*상세-공유하기-팝업레이어*/
.dt_share_area .share_pop_layer{
	position:absolute; 
	float:left; 
	width:100%;
	background:#fff;
	border-bottom:1px solid #e6e9eb;
	left:0;
	top:43px;
	border-top:1px solid #e6e9eb;

}

.dt_share_area .share_pop_layer .tt_share{
	float:left; 
	width:100%;
	padding:0 10px; 
	border-bottom:1px solid #e6e9eb;
	font-size:15px;
	background:#fff;
	line-height:48px; 
	vertical-align:middle;
	font-weight:600;


}

.dt_share_area .share_pop_layer .tt_share .txt{float:left;font-weight:600;}
.dt_share_area .share_pop_layer .tt_share .btn_close{
	float:right;
	background:url(../../../image/mobile/iwd_2017/dt_btn_share_close.png) no-repeat;
	background-size:14px;
	background-position:center right;
	text-indent:-999px;
	width:48px;
	height:48px;
}

.dt_share_area .share_pop_layer .share_sns_icon{float:left; width:100%; text-align:center;padding:15px 0;}
.dt_share_area .share_pop_layer .share_sns_icon a{display:inline-block; margin-right:5px;}
.dt_share_area .share_pop_layer .share_sns_icon a:last-child{margin-right:0;}
.dt_share_area .share_pop_layer .share_sns_icon img{width:46px;}



/***************상세내용보기*************/
/*감싸기*/
.dt_store_intro{float:left; width:100%; background:#fff; border-bottom:1px solid #b2b3b4; padding:20px 0;}

/*소개*/
.introduce_txt{float:left; width:100%; padding:0 10px 20px 10px;}

/*기본정보*/
.intro_data_list{float:left; width:100%;border-top:1px solid #e6e9eb;}
.intro_data_list dl{float:left; width:50%;text-align:center;border-bottom:1px solid #e6e9eb; border-right:1px solid #e6e9eb;padding:20px 0 ;line-height:18px;vertical-align:middle;}
.intro_data_list dl:nth-child(even){border-right:0 none;}
.intro_data_list dl:nth-child(5){ width:100%;clear:both;padding-bottom:0; border-bottom: 0 none;}

.intro_data_list dt{float:left; width:100%; font-weight:600;margin-bottom:3px;}
.intro_data_list dd{float:left; width:100%;}
.intro_data_list dd a{color:#4a89dc; text-decoration:underline;}
.intro_data_list dd img{width:15px; margin-top:1px;}


/*기본정보*/
.intro_data_list_type02{float:left; width:100%;border-top:1px solid #e6e9eb;}
.intro_data_list_type02 dl{float:left; width:50%;text-align:center;border-bottom:1px solid #e6e9eb; border-right:1px solid #e6e9eb;padding:20px 0 ;line-height:18px;vertical-align:middle;}
.intro_data_list_type02 dl:nth-child(3){border-right:0 none;}
.intro_data_list_type02 dl:nth-child(1){ width:100%;clear:both;border-bottom:1px solid #e6e9eb}
.intro_data_list_type02 dl:nth-child(4){ width:100%;clear:both;border-bottom:1px solid #e6e9eb;}
.intro_data_list_type02 dl:nth-child(5){ width:100%;clear:both;padding-bottom:0;border-bottom: 0 none;}

.intro_data_list_type02 dt{float:left; width:100%; font-weight:600;margin-bottom:3px;}
.intro_data_list_type02 dd{float:left; width:100%;}
.intro_data_list_type02 dd a{color:#4a89dc; text-decoration:underline;}
.intro_data_list_type02 dd img{width:15px; margin-top:1px;}




/*상세정보*/
.store_detail_info{float:left; width:100%; padding:0 10px;}
.store_detail_info dl{float:left; width:100%;line-height:18px;margin-bottom:20px;}
.store_detail_info dl:last-child{margin-bottom:5px;}
.store_detail_info dt{float:left; width:100%; color:#4a89dc; margin-bottom:4px;font-weight:600;}
.store_detail_info dd{float:left; width:100%; }


/*평균이용금액*/
.price_aver_info{float:left; width:100%; padding:0 10px;}
.price_aver_info dl{float:left; width:100%;}
.price_aver_info dt{float:left; width:100%; margin-bottom:15px;}
.price_aver_info dd{float:left; width:100%;}
.price_aver_info dd img{width:100%;}

/*별점등록하기*/
.grade_view_info{float:left; width:100%;}
.grade_view_info dl{float:left; width:100%;padding:15px 10px;border-bottom:1px solid #e6e9eb}
.grade_view_info dl:first-child{padding-top:0;}
.grade_view_info dt{float:left; font-size:11px; color:#9c9c9c;width:100%;margin-bottom:10px;line-height:11px;}
.grade_view_info dt .grade_star{
	float:left;text-indent:-999px;
	background:url(../../../image/mobile/iwd_2017/store_grade_star.png) no-repeat;
	background-size:80px;
	background-position:left top ;
	width:80px;
	height:12px;
	position:relative;
}

.grade_view_info dt .grade_star .gr_star_on{
	position:absolute;
	top:0;
	left:0;
	float:left;text-indent:-999px;
	background:url(../../../image/mobile/iwd_2017/store_grade_star_on.png) no-repeat;
	background-size:80px;
	background-position:left top ;
	height:12px;
	
}

.grade_view_info dt .reg_man_info{float:right;}
.grade_view_info dd{float:left;width:100%;}


.grade_reg_area{float:left; width:100%; padding:10px 10px 0 10px;}
.grade_reg_area .tt_grade{
	float:left; 
	width:100%;
	padding:10px 0 10px 0; 
	font-size:15px;
	line-height:15px; 
	vertical-align:middle;
	font-weight:600;
}
.grade_reg_area textarea{float:left; width:100%; padding:10px; border:1px solid #d5d5d5; background:#efefef; color:#666666; height:100px;border-radius:0; }
.grade_reg_area .btn_reg_grade{display:block;float:left; width:100%; background:#8b8b8b; color:#fff;text-align:center;line-height:40px; vertical-align:middle;margin-top:5px;}

/*별점선택*/
.grade_reg_area .star_select_box{float:left; width:100%;text-align:center;}
.grade_reg_area .star_select_box .info_txt{float:left; width:100%;color:#fc5e91;font-size:14px; line-height:14px;margin-bottom:10px;}
.grade_reg_area .star_select_box .star_box{float:left; width:100%; margin-bottom:25px;}
.grade_reg_area .star_select_box .star_box img{width:167px;}

.star_select_numbox{float:left; width:100%; position:fixed; bottom:0;}
.star_select_numbox li{float:left; width:100%; text-align:center; padding:10px 0;background:#fff; border-top:1px solid #e6e9eb;}
.star_select_numbox img{width:130px;}


/*문의하기버튼*/
.store_iq_area{float:left; width:100%; border-top:1px solid #4a89dc; border-bottom:1px solid #4a89dc; background:#4a89dc;color:#fff;margin-top:10px;margin-bottom:10px;}
.store_iq_area a{color:#fff; display:inline-block;text-align:center;}
.store_iq_area .btn_store_iquiry{float:left; line-height:42px; vertical-align:middle;width:100%;font-size:16px;}
.store_iq_area .btn_store_iquiry img{width:21px; vertical-align:middle;margin-right:7px;}
.store_iq_area .btn_ctn_top{
	float:right;
	background:url(../../../image/mobile/iwd_2017/dt_icon_top.png) no-repeat;
	background-size:58px ;
	background-position:center center;
	text-indent:-999px;
	width:58px;
	height:57px;
}

/*문의하기버튼-스타*/
.star_iq_area{float:left; width:100%; border-top:1px solid #fb6d9b; border-bottom:1px solid #fb6d9b; background:#fb6d9b;color:#fff;margin-top:10px;margin-bottom:10px;}
.star_iq_area a{color:#fff; display:inline-block;text-align:center;}
.star_iq_area .btn_store_iquiry{float:left; line-height:42px; vertical-align:middle;width:100%;font-size:16px;}
.star_iq_area .btn_store_iquiry img{width:21px; vertical-align:middle;margin-right:7px;}
.star_iq_area .btn_ctn_top{
	float:right;
	background:url(../../../image/mobile/iwd_2017/dt_icon_top.png) no-repeat;
	background-size:58px ;
	background-position:center center;
	text-indent:-999px;
	width:58px;
	height:57px;
}

/*지도보기*/

.store_map_api{float:left; width:100%; height:380px;border-bottom:1px solid #e6e9eb;}




/* =======================
===== 한복/예물/예단/예복 =====
====================== */





.sub_menu_list {
    display: table;
    width:100%;
    table-layout: fixed;
    background:#fff;
    padding:0 15px;
    border-bottom:1px solid #e6e9eb;
}

.sub_menu_list .list_item {
    display: table-cell;
    
}

.sub_menu_list .list_item .item_link {
    position: relative;
    display: block;
    text-align: center;
    color:#767676;
    
}

.sub_menu_list .list_item .item_link_menu {
    padding:0;
    font-family: HelveticaNeue-Light, AppleSDGothicNeo-Light, sans-serif-light, sans-serif;
    color:#767676;
    position: relative;
    display: inline-block;
    padding:0 5px;
    height:40px;
    white-space: nowrap;
    font-size:15px;
    line-height:40px;
    
}

.sub_menu_list .list_item.is_active .item_link_menu {
	color:#262626;
}

.sub_menu_list .list_item.is_active .item_link_menu:before {
    height:2px;
    position: absolute;
    right:0; bottom:-1px; left:0;
    display: block;
    background: #222;
    content:"";
}

.conts_box {
    display: block;
    overflow: hidden;
    background:#fff;
    position: relative;
}

.conts_box:after {
    content: "";
    display: block;
    height:10px;
    background:#e9ecef;
}

.conts_box .hb_pr {
    display: block;
    width:100%;
    padding:20px 15px 10px 15px;
}

.conts_box .hb_pr_tit {
    display: block;
    padding-bottom:10px;
    margin-bottom:15px;
    border-bottom:1px solid #e6e9eb;
}

.conts_box .b_txt {
    color:#000;
    font-size:17px;
    letter-spacing: -1px;
    text-align: left;
    vertical-align:middle;
    line-height:30px;
    font-weight: 400;
}

.conts_box .b_txt:before {
    display:inline-block;
    background:url(../../../image/mobile/iwd_2017/list_08v1.png) no-repeat;
    background-size:300px auto;
    -webkit-background-size:300px auto;
    
    width:30px;
    height:30px;
    margin-right:6px;
    vertical-align: top;
    content:"";
}

.conts_box .b_txt.hb:before { /* 한복 아이콘 */
    background-position: 0 0;
}

.conts_box .b_txt.jw:before { /* 예물 아이콘 */
    background-position: 0 -32px;
}

.conts_box .b_txt.yd:before { /* 예단 아이콘 */
    background-position: 0 -65px;
}

.conts_box .b_txt.td:before { /* 예복 아이콘 */
    background-position: 0 -98px;
}

.conts_box .b_txt.se:before { /* 예복 아이콘 */
    background-position: 0 -133px;
}

.conts_box .hb_pr_bd {
    display: block;
    margin-bottom:10px;
}

.conts_box .hb_txt_t {
    display: block;
    font-size: 15px;
    line-height: 18px;
    margin-bottom:3px;
    color:#000;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.conts_box .hb_txt_s {
    color:#767676;
}

.hb_btn_box {
    display: block;
    clear:both;
    width:100%;
    position: relative;
    margin-top:-10px;
}

.hb_btn_box {
    display:table;
    width:100%;
    table-layout: fixed;
    border-top:1px solid #e6e9eb;
    border-bottom:1px solid #dcdcdc;
    background:#f2f2f2;
}

.hb_btn_box .item {
    display:table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.hb_btn_box .btn_box {
    display: block;
    width:100%;
    height:50px;
    padding:11px 0 9px;
    border:none;
    color:#444;
    line-height:30px;
    background:#f2f2f2;
    text-align:center;
}
.hb_btn_box .btn_box2 {
    display: block;
    width:100%;
    height:50px;
    padding:11px 0 9px;
    border:none;
    color:#444;
    line-height:30px;
    background:#f2f2f2;
    text-align:center;
}

.hb_btn_box .item .btn_box .ico {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    vertical-align: top;
    text-align:center;
}

.hb_btn_box .item .btn_box2 .ico {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    vertical-align: top;
    text-align:center;
}

.hb_btn_box .item .btn_box .ico:before {
    background:url(../../../image/mobile/iwd_2017/list_08v1.png)no-repeat;
    background-size:300px auto;
    background-position: -35px 0;
    width:30px;
    height:30px;
    display:inline-block;
    margin-right:5px;
    content: "";
}

.hb_btn_box .item .btn_box2 .ico:before {
    background:url(../../../image/mobile/iwd_2017/list_08v1.png)no-repeat;
    background-size:300px auto;
    background-position: -70px 0;
    width:30px;
    height:30px;
    display:inline-block;
    margin-right:5px;
    content: "";
}

.hb_btn_box .item:before {
    display: block;
    position: absolute;
    top:50%;
    left:0;
    width:1px;
    height:12px;
    margin-top:-6px;
    background: #c7c8c8;
    content:"";
}

.item_lst_area {
    display:block;
    background:#fff;
    margin:0 0 5px;
    padding:0 4px 10px 5px;
}

.item_lst_area .card_list {
    overflow: hidden;
}

.item_lst_area .card_list > li {
    position: relative;
    float:left;
    width:50%;
    padding:5px 4px 4px 5px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    font-family: HelveticaNeue,AppleSDGothicNeo-Regular,sans-serif;
}

.item_lst_area .cardset {
    display: block;
    overflow: hidden;
    position: relative;
    background:#fff;
}

.item_lst_area .cardset .crad_wrap {
    display: block;
    position: relative;
}

.item_lst_area .cardset .thumb_img {
    overflow: hidden;
    height:100px;
    position: relative;
    background:#e4e7ea;
}

.item_lst_area .cardset .thumb_img:after {
    position: absolute;
    top:0; right:0; bottom:0; left:0;
    width:100%;
    height:100%;
    border-left:1px solid rgba(0,0,0,.06);
    border-right:1px solid rgba(0,0,0,.06);
    border-top:1px solid rgba(0,0,0,.06);
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    content:"";
}

.item_lst_area .cardset .thumb_img img {
    display: block;
    width:100%;
}

.item_lst_area .cardset .thumb_img1 {
    overflow: hidden;
    /* height:150px; */
    position: relative;
    background:#fff;
}

.item_lst_area .cardset .thumb_img1:after {
    position: absolute;
    top:0; right:0; bottom:0; left:0;
    width:100%;
    height:100%;
    border-left:1px solid rgba(0,0,0,.06);
    border-right:1px solid rgba(0,0,0,.06);
    border-top:1px solid rgba(0,0,0,.06);
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    content:"";
}

.item_lst_area .cardset .thumb_img1 img {
    display: block;
    width:100%;
}

.tt_ctn_wrap2 {
    display: block;
	width:100%;
	padding:17px 10px; 
	border-bottom:1px solid #e6e9eb;
	font-size:15px;
	background:#fff;
	line-height:15px; 
	vertical-align:middle;
	margin-top:10px;
    margin-bottom:10px;
	font-weight:600;

}

.item_lst_area .cardset .card_t_info {
    padding:12px 12px 8px;
    border-left:1px solid rgba(0,0,0,.06);
    border-right:1px solid rgba(0,0,0,.06);
    border-bottom:1px solid rgba(0,0,0,.06);
}

.item_lst_area .cardset .card_t_info .c_info_g {
    overflow: visible;
    margin:0;
    background:inherit;
    box-shadow: none;
}

.item_lst_area .cardset .card_t_info .tit {
    overflow: hidden;
    font-size: 14px;
    line-height: 17px;
    display:-webkit-box;
    color:#333;
    flex-direction: column;
    text-overflow: ellipsis;
    height:35px;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    -webkit-flex-direction:column;
    word-wrap: break-word;
}

.item_lst_area .cardset .card_t_info .date {
    color:#888;
    font-size:13px;
    line-height:16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top:5px;
    letter-spacing: -0.3px;
}

.item_lst_area .cardset .card_t_info .name {
    color:#333;
    font-size:13px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top:12px;
}

.item_lst_area .cardset .card_t_info .cate {
    color:#9e9e9e;
    font-size:13px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top:5px;
}

.item_lst_area .cardset .card_t_info .cate > em {
    color:#4a89dc;
    padding-left:4px;
}

.item_lst_area .cardset .card_t_info .s_name {
    color:#9e9e9e;
    font-size:13px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item_lst_area .cardset .card_t_info .s_tit {
    color:#333;
    font-size:15px;
    line-height:18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top:3px;
    font-weight: bold;
}

.item_lst_area .cardset .card_t_info .s_text {
    color:#888;
    font-size:13px;
    line-height:17px;
    overflow: hidden;
    margin-top:10px;
    letter-spacing: -0.3px;
    display:-webkit-box;
    flex-direction: column;
    text-overflow: ellipsis;
    height:32px;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    -webkit-flex-direction:column;
    word-wrap: break-word;
    margin-bottom:6px;
}

.item_lst_area .cardset .card_t_info .pay {
    color:#4a89dc;
    font-size:15px;
    line-height:18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top:10px;
    margin-bottom:10px;
    font-weight: bold;
}

.item_lst_area .cardset .card_t_info em {
    font-weight: 400;
    font-size: 14px;
    margin-left:3px;
}

.item_lst_area .cardset  .inquiry {
    display: block;
    position: relative;
    height: 45px;
    background:#fbfbfb;
    border:1px solid rgba(0,0,0,.06);
    margin-top:-1px;
    text-align:center;
    line-height: 43px;
    font-size:14px;
    color:#838383;
    letter-spacing: -0.5px;
    vertical-align: middle;
}

.item_lst_area .cardset  .inquiry .ico_q {
    display: inline-block;
    background:url(../../../image/mobile/iwd_2017/list_08v1.png) no-repeat;
    background-size:300px auto;
    background-position: -108px 0;
    width:15px;
    height:15px;
    margin-right:4px;
    vertical-align: middle;
    margin-top:-2px;
}



.item_lst_area .cardset .iq_btn_box {
    display:table;
    width:100%;
}

.iq_btn_box .b_item {
    display:table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.iq_btn_box .btn_box {
    display: block;
    width:100%;
    height:45px;
    padding:9px 0 11px;
    border:none;
    color:#9e9e9e;
    line-height:13px;
    text-align:center;
    letter-spacing: -0.7px;
    font-size:14px;
}

.iq_btn_box .btn_box2 {
    display: block;
    width:100%;
    height:40px;
    padding:9px 0 11px;
    border:none;
    color:#9e9e9e;
    line-height:13px;
    text-align:center;
    letter-spacing: -0.7px;
    font-size:14px;
}

.iq_btn_box .b_item .btn_box .ico {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    vertical-align: top;
    text-align:center;
}

.iq_btn_box .b_item .btn_box2 .ico {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    vertical-align: top;
    text-align:center;
}

.iq_btn_box .b_item .btn_box .ico:before {
    background:url(../../../image/mobile/iwd_2017/list_08v1.png)no-repeat;
    background-size:300px auto;
    background-position: -129px 0;
    width:14px;
    height:13px;
    display:inline-block;
    margin-right:3px;
    content: "";
}

.iq_btn_box .b_item .btn_box2 .ico:before {
    background:url(../../../image/mobile/iwd_2017/list_08v1.png)no-repeat;
    background-size:300px auto;
    background-position: -147px 0;
    width:14px;
    height:13px;
    display:inline-block;
    margin-right:3px;
    content: "";
}

.iq_btn_box .b_item .btn_box2:before {
    display: block;
    position: absolute;
    bottom:0;
    left:0;
    width:1px;
    height:45px;
    margin-top:-6px;
    background: #ececec;
    content:"";
}





.sr_opt_depth {
    position: relative;
    height:39px;
    background:#fff;
    display: block;
    width:100%;
    border-bottom:1px solid #e6e9eb;
}

.sr_opt_depth .sr_service {
    float:left;
    position: relative;
    z-index: 100;
    height:39px;
    font-size: 13px;
    font-weight: normal;
    line-height: 39px;
    color:#000;
}

.sr_opt_depth .sr_service .lst_ord {
    display: inline-block;
    position: relative;
    height:38px;
    padding:0 20px 0 10px;
    border:0;
    background:#fff;
    font-size: 14px;
    line-height: 39px;
    color:#555;
    text-align: right;
}

.sr_opt_depth .sr_service .search_img {
    right:7px;
}

.sr_opt_depth .search_img {
    background:url(../../../image/mobile/iwd_2017/list_08v1.png) no-repeat;
    background-size:300px auto;
}

.sr_opt_depth .search_img {
    display: block;
    overflow: hidden;
    position: absolute;
    right:10px;
    top:19px;
    width:6px;
    height:3px;
    background-position: -167px -5px;
    content: "";
}

.sr_opt_depth .sr_service.on .search_img {
    background-position: -177px -5px;
}

.sr_opt_depth .sel_box.on .search_img {
    background-position: -177px -5px;
}

.sr_opt_depth .sel_box1.on .search_img {
    background-position: -177px -5px;
}

.sr_opt_depth .sr_service.on .lst_select {
    display: block;
}

.sr_opt_depth .sr_service .lst_select {
    left:-1px;
    width:108px;
}

.sr_opt_depth .lst_select {
    display: none;
    position: absolute;
    top:38px;
    padding:7px 0;
    border:1px solid #b8bdd3;
    background:#fff;
}

.sr_opt_depth .lst_select li {
    overflow: hidden;
    position: relative;
    height:34px;
    font-size: 14px;
    line-height: 34px;
    letter-spacing: -0.5px;
}

.sr_opt_depth .lst_select li.on a {
    font-weight: bold;
    color:#4a89dc;
}

.sr_opt_depth .lst_select li a {
    display: block;
    position: relative;
    padding-left:13px;
    color:#555;
}

.sr_opt_depth .sr_service.on .lst_select1 {
    display: block;
}

.sr_opt_depth .sr_service .lst_select1 {
    left:-1px;
    width:127px;
}

.sr_opt_depth .lst_select1 {
    display: none;
    position: absolute;
    top:38px;
    padding:7px 0;
    border:1px solid #b8bdd3;
    background:#fff;
}

.sr_opt_depth .lst_select1 li {
    overflow: hidden;
    position: relative;
    height:34px;
    font-size: 14px;
    line-height: 34px;
    letter-spacing: -0.5px;
}

.sr_opt_depth .lst_select1 li.on a {
    font-weight: bold;
    color:#4a89dc;
}

.sr_opt_depth .lst_select1 li a {
    display: block;
    position: relative;
    padding-left:13px;
    color:#555;
}




.sr_opt_depth .sr_type {
    position: absolute;
    right:0; top:0;
    z-index: 3500;
    height:38px;
}

.sr_opt_depth .sel_box {
    float:left;
    position: relative;
    margin-right:20px;
}

.sr_opt_depth .sel_box .lst_ord {
    display: inline-block;
    position: relative;
    height:38px;
    padding-right:20px;
    border:0;
    background:#fff;
    font-size: 14px;
    line-height: 38px;
    color:#555;
    text-align: right;
}

.sr_opt_depth .sel_box.on .lst_select {
    display: block;
}

.sr_opt_depth .sel_box .lst_select {
    right:0px;
    width:115px;
}


.sr_opt_depth .sel_box1.on .lst_select {
    display: block;
}

.sr_opt_depth .sel_box1 .lst_select {
    right:0px;
    width:105px;
}

.sr_opt_depth .sel_box1.on .lst_select1 {
    display: block;
}

.sr_opt_depth .sel_box1 .lst_select1 {
    right:0px;
    width:115px;
}

.sr_opt_depth .lst_select {
    display: none;
    position: absolute;
    top:38px;
    padding:7px 0;
    border:1px solid #c8cdd3;
    background:#fff;
} 



.sr_opt_depth .sel_box1 {
    float:left;
    position: relative;
}

.sr_opt_depth .sel_box1 .lst_ord {
    display: inline-block;
    position: relative;
    height:38px;
    padding-right:20px;
    border:0;
    background:#fff;
    font-size: 14px;
    line-height: 38px;
    color:#555;
    text-align: right;
}






/* ----- 상세페이지 (한복/예물/예복/웨딩슈즈/웨딩카/폐백/부케) -----*/

.sr_war_btn {
    overflow: hidden;
    display: block;
    position: relative;
    clear:both;
    background:#f9f9fa;
}

.sr_war_btn:after {
    content: "";
    display: block;
    height:10px;
    background:#e9ecef;
}

.btn_sr_war {
    position: relative;
    padding:0 15px;
    border-bottom:1px solid #b2b3b4;
}

.btn_war_link {
    display: block;
    padding:17px 0px;
}

.btn_war_tit {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    color:#262626;
    letter-spacing: -0.5px;
}

.sr_war_btn .txt_more {
    position: absolute;
    top:20px;
    right:0;
    color:#888;
    font-size: 15px;
    line-height: 17px;
    text-decoration: underline;
}

.btn_war_ico {
    display: inline-block;
    background:url(../../../image/mobile/iwd_2017/list_08v1.png) no-repeat;
    background-size:300px auto;
    background-position:-187px 0;
    width:15px;
    height:16px;
    margin-right:3px;
    vertical-align: top;
    margin-top:2px;
}

.conts_area {
    position: relative;
    border-bottom:1px solid #b2b3b4;
}

.pay_table {
    display: block;
    width:100%;
    margin-top:7px;
}

.table_type_01 {
    width:100%; 
    font-size: 13px;
    background:#fff;
}

.table_type_01 th {
    background:#f7f7f7;
    border-top:1px solid #aaaaaa;
    border-bottom:1px solid #ededed;
    line-height:15px;
    padding:13px 10px;
}

.table_type_01 tr {
    border-bottom:1px solid #ededed;
}

.table_type_01 .th_t {
    text-align: left;
    padding:13px 10px 13px 20px;
    color:#8b8b8b;
    font-weight: normal;
    line-height: 18px;
}

.table_type_01 .th_t b {
    color:#333;
    font-weight: bold;
}

.table_type_01 td {
    text-align: center;
    color:#8b8b8b;
    line-height: 15px;
    padding:13px 12px;
    font-family: HelveticaNeue,AppleSDGothicNeo-Regular,sans-serif;
}

.table_type_01 .td_t {
    text-align: left;
    padding:13px 12px 13px 14px;
    color:#8b8b8b;
    font-weight: normal;
    line-height: 18px;
}

.table_type_01 .td_t b {
    color:#333;
    font-weight: bold;
}

.table_type_01 td.t_td_bold {
    color:#333;
    font-weight: 500;
}



.table_type_02 {
    width:100%; 
    font-size: 13px;
    background:#fff;
    border-top:1px solid #aaaaaa;
}

.table_type_02 th {
    background:#f7f7f7;
    border-bottom:1px solid #ededed;
    line-height:15px;
    padding:13px 10px;
}

.table_type_02 tr {
    border-bottom:1px solid #ededed;
}

.table_type_02 td {
    text-align: left;
    padding:13px 12px 13px 14px;
    color:#8b8b8b;
    line-height: 17px;
    font-family: HelveticaNeue,AppleSDGothicNeo-Regular,sans-serif;
}

.table_type_02 span {
    display: block;
    margin-bottom:6px;
}

.table_type_02 span:last-child {margin-bottom:0;}

.table_type_02 h4 {
    font-size:13px;
    color:#333;
    margin-bottom:7px;
    font-family: HelveticaNeue,AppleSDGothicNeo-Medium,sans-serif;
}




.cui_b {
    background: #fff;
    float:left;
}

.cb_list_wrap {
    padding-bottom:8px;
    float:left;
}

.cb_list {padding:0 15px;}

.cb_litem {
    padding:10px 0; 
    float:left; 
    width:100%;
    border-bottom: 1px solid #e6e9eb;
}

.cb_litem:last-child {
    border-bottom:0;
}

.cb_link {
    display: block;
    position: relative;
}

.cb_table {
    display: table;
    table-layout: fixed;
    width:100%;
}

.cb_mcell {
    display: table-cell;
    width:32.17%;
}

.cb_mw {
    position: relative;
}

.cb_mw:after {
    content:"";
    display: block;
    position: absolute;
    top:0; left:0; right:0; bottom:0;
    border:1px solid rgba(0,0,0,.05);
}

.cb_tcell {
    display: table-cell;
    width:67.83%;
    vertical-align: middle;
}

.cb_tw {
    padding-left:15px;
}

.cb_t {
    color: #333;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    font-size: 15px;
    line-height: 19px;
    vertical-align: 0;
    letter-spacing: -1px;
}

.cb_st {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top:6px;
    font-size: 13px;
    line-height: 15px;
    vertical-align: 0;
    letter-spacing: -0.3px;
    color:#888;
}



.conts_box_pu {
    display: block;
    background:#fff;
    position: relative;
    overflow: hidden;
    margin-bottom:30px;
}

.conts_box_pu .hb_pr {
    display: block;
    width:100%;
    padding:20px 15px 10px 15px;
}

.conts_box_pu .hb_pr_tit {
    display: block;
    padding-bottom:10px;
    margin-bottom:15px;
    border-bottom:1px solid #e6e9eb;
}

.conts_box_pu .b_txt {
    color:#000;
    font-size:17px;
    letter-spacing: -1px;
    text-align: left;
    vertical-align:middle;
    line-height:30px;
    font-weight: 400;
}

.conts_box_pu .b_txt:before {
    display:inline-block;
    background:url(../../../image/mobile/iwd_2017/list_08v1.png) no-repeat;
    background-size:300px auto;
    -webkit-background-size:300px auto;
    background-position: 0 0;
    width:30px;
    height:30px;
    margin-right:6px;
    vertical-align: top;
    content:"";
}

.conts_box_pu .b_txt1 {
    color:#000;
    font-size:17px;
    letter-spacing: -1px;
    text-align: left;
    vertical-align:middle;
    line-height:30px;
    font-weight: 400;
}

.conts_box_pu .b_txt1:before {
    display:inline-block;
    background:url(../../../image/mobile/iwd_2017/list_08v1.png) no-repeat;
    background-size:300px auto;
    -webkit-background-size:300px auto;
    background-position: 0 -32px;
    width:30px;
    height:30px;
    margin-right:6px;
    vertical-align: top;
    content:"";
}

.conts_box .hb_pr_bd {
    display: block;
    margin-bottom:10px;
}

.conts_box .hb_txt_t {
    display: block;
    font-size: 15px;
    line-height: 18px;
    margin-bottom:3px;
    color:#000;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.conts_box .hb_txt_s {
    color:#767676;
}


.conts_box_pu .h_b_tit {
    font-size:15px;
    font-weight: 600;
    letter-spacing:-0.5px;
    color:#262626;
    display: block;
    text-align:left;
    margin-bottom:8px;
}

.ad_pu {padding:0 15px;}

.btn_qui_box {
    display: block;
    width:100%;
    position: relative;
}

.btn_qui_box .btn_qui {
    background:#f9f9fa;
    padding:15px 0;
    border-top:1px solid #e1e1e1;
    border-bottom:1px solid #e1e1e1;
    text-align:center;
    color:#555;
    letter-spacing: -0.3px;
    font-size:15px;
    position: relative;
    display: block;
    font-weight: 700;
}

.btn_qui_box .ico_hb {
    display: inline-block;
    background:url(../../../image/mobile/iwd_2017/list_08v1.png)no-repeat;
    background-size:300px auto;
    background-position:-209px 0;
    width:17px;
    height:16px;
    vertical-align: top;
    margin-right:5px;
    margin-top:2px;
}

.btn_qui_box .ico_jw {
    display: inline-block;
    background:url(../../../image/mobile/iwd_2017/list_08v1.png)no-repeat;
    background-size:300px auto;
    background-position:-234px 0;
    width:18px;
    height:15px;
    vertical-align: top;
    margin-right:5px;
    margin-top:2px;
}

.btn_qui_box .ico_pp {
    display: inline-block;
    background:url(../../../image/mobile/iwd_2017/list_08v1.png)no-repeat;
    background-size:300px auto;
    background-position:-108px 0;
    width:15px;
    height:15px;
    vertical-align: top;
    margin-right:4px;
    margin-top:2px;
}




.dt_info_box {
    position: relative;
    padding:24px 15px 22px;
}

.dt_info_box .tit {
    display: block;
    font-size: 18px;
    line-height:18px;
    font-weight: 400;
    color:#000;
    word-wrap: break-word;
    margin-bottom:6px;
    letter-spacing: -0.5px;
}

.dt_info_box .s_txt {
    font-family: HelveticaNeue,AppleSDGothicNeo-Regular,sans-serif;
    font-size: 15px;
    color:#999;
    letter-spacing: -0.3px;
}

.ct_cng {
    background:#4a89dc;
    display:inline-block;
    padding:2px 7px 1px 8px;
    border-radius: 16px;
    -webkit-border-radius:16px;
    color:#fff;
    font-family: HelveticaNeue-light,AppleSDGothicNeo,Sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0px;
    vertical-align: top;
    margin-left:3px;
    margin-top:-2px;
}

.dt_info_box .price_box {
    display: block;
    margin-top:15px;
    line-height: 20px;
    color:#000;
}

.dt_info_box .price {
    color:#000;
    display: block;
    font-size: 19px;
    font-weight: 300;
    font-family: HelveticaNeue,AppleSDGothicNeo-Regular,sans-serif;
}

.dt_info_box .won {
    font-size: 16px;
    padding-left: 2px;
    vertical-align: 1px;
}


.prdt_if_box {
    display: block;
    padding:20px 15px 15px 15px;
    border-top:1px solid #e6e9eb;
    position: relative;
}

.prdt_if_box .tit {
    display: inline-block;
    font-size: 16px;
    line-height:18px;
    font-weight: 400;
    color:#000;
    word-wrap: break-word;
    margin-bottom:6px;
    letter-spacing: -0.5px;
}

.prdt_if_box .g_info_fd {
    position: absolute;
    right:20px;
    top:20px;
    width:18px;
    height:10px;
    background-position: -263px 0;
    overflow: hidden;
    z-index: 10;
    display: block;

    padding:10px;
    white-space: nowrap;
    cursor: pointer;
    font-size: 1px;
    color:transparent;
}

.prdt_if_box .g_info_fd.on {
    position: absolute;
    right:20px;
    top:20px;
    width:18px;
    height:10px;
    background-position: -283px 0;
    overflow: hidden;
    z-index: 10;
    display: block;

    padding:10px;
    white-space: nowrap;
    cursor: pointer;
    font-size: 1px;
    color:transparent;
}

.g_info_fd {
    background:url(../../../image/mobile/iwd_2017/list_08v1.png)no-repeat;
    background-size: 300px auto;
}

.prdt_if_op {
    position: relative;
    margin:10px 15px 0;
    padding-bottom:20px;
    word-wrap: break-word;
    word-break: break-all;
}

.prdt_if_op dl {
    overflow: hidden;
    position: relative;
    z-index: 9;
    line-height: 18px;
    margin-top:10px;
}

.prdt_if_op .if_op_t {
    clear: both;
    float:left;
    position: relative;
    width:70px;
    font-size: 15px;
    color:#94959d;
    letter-spacing: -0.5px;
    padding:3px 0;
}

.prdt_if_op .if_op_dsc {
    position: relative;
    padding-left:70px;
    font-size: 15px;
    color:#454545;
    padding:3px 0;
    overflow: hidden;
}

.bo_box_at {
    position: relative;
    display: block;
    background:#fff;
}




.item_area {
    display: block;
    padding:10px 0;
}

.item_area .item_area_tit {
    padding:10px 20px 15px 15px;
    font-size: 17px;
    color:#000;
    letter-spacing:-0.3px;
    font-weight: 400;
    font-family: HelveticaNeue,AppleSDGothicNeo-Medium,sans-serif;
    border-bottom:1px solid #e6e9eb;
}

.item_area .item_box {
    padding:20px 15px 0 15px;
}

.item_area .item_box_stit {
     font-size: 15px;
    color:#000;
    letter-spacing: -0.3px;
    font-weight: 600;
    font-family: HelveticaNeue,AppleSDGothicNeo-Medium,sans-serif;
    margin-bottom:5px;
    line-height: 16px;
}

.item_area .item_box_stxt {
    font-size: 15px;
    color:#555;
    font-family: HelveticaNeue-Light, AppleSDGothicNeo-Light, sans-serif-light, sans-serif;
    display: block;
    line-height:21px;
    letter-spacing: -0.3px;
    margin-bottom:30px;
}

.item_area .item_box_stxt:last-child {
    margin-bottom:0;
}

.stxt_t {
    display: block;
    padding-bottom:20px;
    color:#000;
}

.stxt_tt {
    color:#ec8c82;
    margin-top:10px;
    display: block;
}

.mg {margin-bottom:20px;}

.item_area .m_t_txt {
    font-size: 15px;
    color:#555;
    letter-spacing: -0.3px;
    font-weight: 400;
    font-family: HelveticaNeue,AppleSDGothicNeo-Medium,sans-serif;
    margin-bottom:5px;
    line-height: 21px;
    padding:10px 15px;
    display: block;
}

.img_p_box {
    padding:10px 15px;
    display: block;
    text-align: center;
    vertical-align: top;
}

.power_grade.type1 {
    background:#fa6c9a;
    vertical-align: top;
    margin-right:4px;
    height: 18px;
    line-height: 18px;
}

.power_grade {
    display: inline-block;
    min-width: 17px;
    padding:0 5px 0 7px;
    font-family: tahome;
    font-size: 11px;
    font-weight: 800;
    color:#fff;
    letter-spacing: 1px;
    text-align: center;
    margin-top:1px;
}

.item_lst {
    display:block;
    overflow: hidden;
}

.item_lst .cate_title {
    height:50px;
    line-height:50px;
    color:#000;
    font-size:16px;
    font-weight: 700;
    letter-spacing:-0.5px;
    text-align:left;
    padding-left:20px;
    border-bottom:1px solid #edf0f1;
}

.item_lst li {
    display:block;
    border-bottom:1px solid #edf0f1;
}

.link_noti {
    display:block;
    position: relative;
    padding:14px 20px 12px;
    /* padding:14px 20px 12px 0; */
}

.link_noti .info_noti {
    display:block;
    overflow:hidden;
    float:none;
    width:auto;
    max-height:40px;
    font-size:16px;
    line-height: 20px;
    white-space:pre-line;
    word-break: break-all;
    word-wrap: break-word;
    color:#000;
}

.o_i_box {
    display:block;
    background:#f9fafa;
    padding:18px 20px;
    border-top:1px solid #edf0f1;
}

.o_i_box .o_i_txt {
    color:#444;
    line-height:22px;
    white-space:pre-line;
    word-break: break-all;
    word-wrap: break-word;
    font-size:15px;
}

.sub_text {
    display: block;
    padding:15px;
    text-align: left;
    color:#000;
    letter-spacing: -0.3px;
    line-height: 21px;
    border-top:1px solid #e6e9eb;
}

.dt_img {
    vertical-align: top;
    text-align: center;
    padding: 0px 10px 10px;
    overflow: hidden;
}





.scroll_img {
    display: block;
    overflow: hidden;
    width:100%;
    vertical-align: top;
    margin-bottom:10px;
}

.scroll_img .cs_l {
    width:100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.scroll_img .cs_l:after {
    content: "";
    display: table;
    table-layout: fixed;
    clear:both;
}

.scroll_img .cs_item {
    float:left;
    width:50%;
    padding:0 3px 6px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.scroll_img .cs_a {
    display: block;
    position: relative;
}

.scroll_img .cs_mw {
    position: relative;
}

.scroll_img .cs_mw:before {
    content: "";
    display: block;
    position: absolute;
    right:0; bottom:0; left:0;
    height:35px;
    background:-webkit-gradient(linear,0 0,0 100%,color-stop(0,transparent),color-stop(100%,rgba(0,0,0,.40)));
}

.scroll_img .cs_mw:after {
    content: "";
    display: block;
    position: absolute;
    top:0; left:0; right:0; bottom:0;
    border:1px solid rgba(0,0,0,0.05);
}

.scroll_img .cs_m {
    min-height: 109px;
}

.scroll_img .cx_tw {
    position: absolute;
    right:0; bottom:0; left:0;
    padding:6px 7px;
}

.scroll_img .cs_t {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font: 13px;
    font-family: HelveticaNeue-Medium,AppleSDGothicNeo-Medium,Sans-serif;
    line-height: 16px;
    letter-spacing: -1px;
    color:#fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.15);
}

.pg_bt_area {
    text-align:center;
    background:#fff;
    padding-bottom:40px;
    clear:both;
    overflow:hidden;
    width:100%;
    padding:0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    display:block;
    position: relative;
}

.pg_bt_area .cs_page_num_b {
    width:100%;
    display:block;
    float:left;
    position: relative;
    min-height:44px;
}

.pg_bt_area .cs_page_num_b .cs_page_num {
    position: absolute;
    bottom:15px;
    left:50%;
    width:115px;
    height:30px;
    text-align:center;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    z-index: 1;
}

.pg_bt_area .cs_page_num_b .cs_page_num .cs_btn_prev {
    position: absolute;
    bottom:0; left:0;
    width:30px;
    height:29px;
    padding-left:10px;
    padding-top:0;
    border:1px solid #e6e6e6;
    background-color:#fff;
    font-size:14px;
    line-height:1.267em;
}

.pg_bt_area .cs_page_num_b .blind {
    position: absolute;
    clip:rect(0 0 0 0);
    width:1px;
    height:1px;
    margin:-1px;
    overflow:hidden;
}

.pg_bt_area .cs_page_num_b .cs_page_num .cs_btn_prev:after {
    content:"";
    display:block;
    width:7px;
    height:13px;
    background:url(../../../image/mobile/iwd_2017/list_08v1.png) no-repeat;
    background-position: -293px -22px;
    background-size:300px auto;
}

.cs_np {
    font-size:15px;
    line-height:30px;
    vertical-align: middle;
    color:#555;
}

.cs_np .cs_num {color:#111; font-weight: bold;}

.pg_bt_area .cs_page_num_b .cs_page_num  .cs_btn_next {
    position: absolute;
    right:0; bottom:0;
    width:30px;
    height:29px;
    padding-left:11px;
    padding-top:0;
    border:1px solid #e6e6e6;
    background-color:#fff;
}

.pg_bt_area .cs_page_num_b .cs_page_num .cs_btn_next:after {
    content:"";
    display:block;
    width:7px;
    height:13px;
    background:url(../../../image/mobile/iwd_2017/list_08v1.png) no-repeat;
    background-position: -281px -22px;
    background-size:300px auto;
}

.ly_content {
    display: table;
    table-layout: fixed;
    width:100%;
    height:100%;
    text-align: center;
    background:#f1f1f5;
}


.pd_tab {
    display: -webkit-box;
    display: box;
    overflow: hidden;
    position: relative;
    padding-bottom:12px;
    padding-top:5px;
    width:100%;
    font-size: 15px;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
}

.pd_tab li {
    display: -webkit-box;
    display: box;
    width:1%;
    border-left:1px solid #e9e9ef;
    background:#f1f1f5;
    text-align:center;
    -webkit-box-orient:vertical;
    -webkit-box-flex:1;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.pd_tab li a {
    display: block;
    height:38px;
    line-height:38px;
    font-size:15px;
    font-family: '나눔고딕',NanumGothic,HelveticaNeue-Light,AppleSDGothicNeo-Regular;
    color:#666;
    vertical-align: top;
}

.pd_tab li .pd_tab_selected:first-child {
    border-left:none;
}

.pd_tab_selected {
    background:#4a89dc !important;
}

.pd_tab .pd_tab_selected a {color:#fff;}

.d_d_txt {
    margin-bottom:15px;
    display: block;
}





.content_list {
    display: block;
    width:100%;
    overflow: hidden;
}

.imp_lst {
    position: relative;
}

.imp_lst li {
    margin-bottom:10px;
    width:100%;
}

.content_list .inner_box {
    margin-top:0;
    position: relative;
    border:1px solid #e1e4e7;
    border-width:1px 0;
}

.content_list .lnk {
    display: block;
    cursor: pointer;
}

.content_list  .thmb {
    position: relative;
    display: block;
    float:left;
}

.content_list .thmb_img_box {
    float:left;
    width:50%;
}

.content_list .thmb_img_box img {
    height:100%;
    width:100%;
}

.content_list .txtb {
    position: relative;
    background:#fff;
    padding:11px 13px 14px 14px;
    display: block;
    clear: both;
}

.content_list .txtb:before {
    position: absolute;
    left:0;
    top:-1px;
    display: block;
    width:100%;
    height: 1px;
    background:rgba(0.0.0.0.05);
    content:"";
}

.content_list  .numb_area {
    margin-bottom:4px;
    height: 14px;
}

.content_list .txtb .bt {
    display: inline-block;
    font-size: 14px;
    text-decoration: underline;
    font-family: HelveticaNeue,sans-serif;
    font-weight: bold;
    color:#4a89dc;
    line-height: 15px;
    vertical-align: top;
    margin-right:4px;
}

.content_list .txtb .name_txt {
    display: inline-block;
    height: 14px;
    color:#808080;
    font-size:13px;
    line-height: 15px;
    font-family: HelveticaNeue-Roman;
    vertical-align: top;
}

.content_list .txtb .title_txt {
    margin-bottom:13px;
}

.content_list .txtb .title_txt .sjt {
    display: block;
    overflow: hidden;
    height: 19px;
    padding-right:10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 19px;
    font-size: 16px;
    font-weight: normal;
    color:#000;
    letter-spacing: -0.3px;
}

.content_list .txtb .info_sub {
    color:#808080;
    letter-spacing: -0.5px;
    line-height:19px;
    font-size:14px;
    margin-bottom:7px;
}

.content_list .imp_btn_box {
    background:#f9f9fa;
    padding:10px 0 13px 0;
     border-top:1px solid #e1e1e1;
    border-bottom:1px solid #8e8f90;
    text-align: center;
    color:#333;
    letter-spacing: -0.5px;
    font-size: 14px;
    position: relative;
    display: block;
    vertical-align: top;
}
.content_list .imp_btn_box .ico_pp {
    display: inline-block;
    background: url(../../../image/mobile/iwd_2017/list_08v1.png)no-repeat;
    background-size:300px auto;
    background-position: -108px 0;
    width:15px;
    height:15px;
    vertical-align: top;
    margin-right:4px;
    margin-top:3px;
}

.flick_pg {
    padding:9px 0;
    text-align:center;
    font-size:0;
    line-height:0;
    position: absolute;
    bottom:5px; left:0;
    z-index: 1000;
    width:100%;
}

.flick_pg > span.on {
    background:#fff;
}

.flick_pg > span {
    width:10px;
    height:10px;
    margin:0 3px;
    background:#fff;
}

.flick_pg > span {
    display:inline-block;
    overflow:hidden;
    width:8px;
    height:8px;
    margin:1px 2px;
    color:transparent;
    font-size:0;
    border-radius: 4px;
    vertical-align: top;
    background:rgba(255, 255, 255, 0.30)
}

.u_hc {
    position: absolute;
    clip:rect(0 0 0 0);
    width:1px;
    height:1px;
    margin:-2px;
    overflow:hidden;
}




.btn_notice_area {
    display: block;
    padding-top:15px;
    background:#fff;
    text-align:center;
}

.btn_notice_area .btn_box {
    width:100%;
    display: block;
    margin:0 auto;
    border:1px solid #3f63bf;
    background:#fff;
    height:36px;
    line-height: 36px;
    font-size: 15px;
    color:#2d53b5;
    vertical-align: top;
}





/* ===== 이용약관 ===== */
.item_area .item_area_tit2 {
    padding:5px 20px 15px 15px;
    font-size: 17px;
    color:#000;
    letter-spacing:-0.3px;
    font-weight: 400;
    font-family: HelveticaNeue,AppleSDGothicNeo-Medium,sans-serif;
    border-bottom:1px solid #aaaaaa;
	text-align: center;
}

 .info_noti_t {
    display:inline-block;
    overflow:hidden;
    float:none;
    width:auto;
    max-height:40px;
    font-size:15px;
    line-height: 18px;
    white-space:pre-line;
    word-break: break-all;
    word-wrap: break-word;
    color:#454545;
	padding-right:70px;
	 font-weight: 600;
}

.link_noti .g_info_fd_t {
    position: absolute;
    right:20px;
    top:50%;
	margin-top:-5px;
    width:18px;
    height:10px;
    background-position: -263px 0;
    overflow: hidden;
    z-index: 10;
    display: block;
    padding:10px;
    white-space: nowrap;
    cursor: pointer;
    font-size: 1px;
    color:transparent;
}

.link_noti .g_info_fd_t.on {
    position: absolute;
    right:20px;
    top:50%;
	margin-top:-5px;
    width:18px;
    height:10px;
    background-position: -283px 0;
    overflow: hidden;
    z-index: 10;
    display: block;
    padding:10px;
    white-space: nowrap;
    font-size: 1px;
    color:transparent;
}

.g_info_fd_t {
    background:url(../../../image/mobile/iwd_2017/list_08v1.png)no-repeat;
    background-size: 300px auto;
}

.g_info_fd_g {
    background:url(../../../image/mobile/iwd_2017/list_08v1.png)no-repeat;
    background-size: 300px auto;
}

.link_noti .g_info_fd_g {
    position: absolute;
    right:10px;
    top:50%;
	margin-top:-8px;
    width:9px;
    height:17px;
    background-position: -291px -45px;
    overflow: hidden;
    z-index: 10;
    display: block;
    padding:10px;
    white-space: nowrap;
    cursor: pointer;
    font-size: 1px;
    color:transparent;
}

.o_i_box .o_i_txt2 {
    color:#444;
    line-height:24px;
    white-space:pre-line;
    word-break: break-all;
    word-wrap: break-word;
    font-size:14px;
	display: block;
}

.o_i_box .o_i_txt2 a {
	display: block;
	text-decoration: none;
}





.section {
	display:block;
	position: relative;
	padding:20px 25px 70px 25px;
	background:#fff;
}

.big_txt {
	color:#333;
	margin-top:20px;
	letter-spacing: -1px;
	font-size: 19px;
	font-weight: bold;
	padding-bottom:10px;
	line-height: 25px;
}

.big_txt_at {
	color:#333;
	margin-top:60px;
	letter-spacing: -1px;
	font-size: 18px;
	font-weight: bold;
	line-height: 26px;
}

.tit_box {
	color:#454545;
	margin-top:30px;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -1px;
}

.bd_txt {
	font-size: 15px;
	line-height: 24px;
	margin-top:15px;
	color:#333;
	letter-spacing: -0.3px;
	display: block;
}

.bd_txt2 {
	font-size: 15px;
	line-height: 24px;
	color:#333;
	letter-spacing: -0.3px;
	display: block;
}

.bd_txt_b {
	font-size: 14px;
	line-height: 25px;
	color:#333;
	letter-spacing: -0.3px;
	display: block;
}

.section ol {
	padding-left:16px;
}

.section li.sub_first_letter {
	color:#878787;
}

.section li {
	position: relative;
	list-style: none;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: -0.5px;
	color:#333;
}

.first_letter {
	margin:0 4px 0 -16px;
}

.sub_first_letter {
	color:#878787;
}

.m_t {
	margin-top:15px;
}



table {
	border-collapse: collapse;
	border-spacing:0;
	width:100%;
}

.g_table {
	width:100%;
	display: block;
	margin-top:5px;
}

.g_table table {
	border:1px solid #aaaaaa;
	box-sizing: border-box;
	
}

.g_table th {
	background:#f7f7f7;
	height:34px;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
	color:#454545;
	letter-spacing:-1px;
	font-size:12px;
}

.g_table th:last-child {border-right:0;}

.g_table tr {
	border-bottom:1px solid #aaa;
}

.g_table td {
	padding:7px 10px;
	border-right:1px solid #aaa;
	letter-spacing: -0.5px;
	font-size:12px;
	line-height: 16px;
	color:#454545;
	
}
.g_table td:last-child {border-right:0;}
.g_table td:first-child {text-align: center;}

.bd_txt_b a:link {
	text-decoration: underline;
	color:#000;
	display: inline-block;
}

.section dl {
	padding:5px 0 0px 0px;
	font-size: 14px;
	color:#666;
	line-height: 25px;
	letter-spacing: -0.5px;
}

.section dt {
	color:#333;
}

.section dd {
	color:#333;
	line-height: 24px;
	font-size: 14px;
	letter-spacing: -1px;
}

.section .ol_lnk {
	color:#458ce7;
	text-decoration: underline;
	display: inline-block;
	overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: nowrap;
}

.txt_r_color {color:#C00;}










/* ============================
========== 리스트 반응형 ==========
============================ */

@media screen and (min-width:320px) {
    .item_lst_area .card_list > li {width:50%;}
    
    .item_lst_area .cardset .thumb_img {
    overflow: hidden;
    height:95px;
    position: relative;
    background:#e4e7ea;
    }
    
    .item_lst_area .cardset .thumb_img1 {
    overflow: hidden;
    height:110px; /* 추후에 정사각형 썸네일이 완성되면 없애기 */
    position: relative;
    background:#fff;
    }
    
    .content_list .thmb_img_box {
    float:left;
    width:50%;
    height:220px;
    }

    
}

@media screen and (min-width:375px) {
    .item_lst_area .card_list > li {width:50%;}
    
    .item_lst_area .cardset .thumb_img {
    overflow: hidden;
    height:110px;
    position: relative;
    background:#e4e7ea;
    }
    
    .item_lst_area .cardset .thumb_img1 {
    overflow: hidden;
    height:150px; /* 추후에 정사각형 썸네일이 완성되면 없애기 */
    position: relative;
    background:#fff;
    }
    
    .content_list .thmb_img_box {
    float:left;
    width:50%;
    height:270px;
    }

    
}

@media screen and (min-width:414px) {
    .item_lst_area .card_list > li {width:50%;}
    
    .item_lst_area .cardset .thumb_img {
    overflow: hidden;
    height:110px;
    position: relative;
    background:#e4e7ea;
    }
    
    .item_lst_area .cardset .thumb_img1 {
    overflow: hidden;
    height:170px; /* 추후에 정사각형 썸네일이 완성되면 없애기 */
    position: relative;
    background:#fff;
    }

    
}



@media screen and (min-width:621px) {
    .item_lst_area .card_list > li {width:25%;}
    
    .item_lst_area .cardset .thumb_img {
    overflow: hidden;
    height:120px;
    position: relative;
    background:#e4e7ea;
    }
    
    .item_lst_area .cardset .thumb_img1 {
    overflow: hidden;
    height:170px; /* 추후에 정사각형 썸네일이 완성되면 없애기 */
    position: relative;
    background:#fff;
    }

    
}