/* 기본레이아웃 구조 */
html, body{
	height:100%;
}

#wrap{
	height:100%;
	width:auto;
}
#contents{
	/* padding-bottom:20px; */
	padding: 0 10px 0 10px;
	margin: 120px auto;
}
#footer{

}
.img_preview{max-width:100%; height:auto !important;}
.freeimg img { max-width:100%; height:auto !important;}
.freeimg {word-break:break-all;}
.free_img {max-width:100%; height:auto !important;}
.free_img5 img{max-width:100%; height:auto; width:160px; margin-bottom:5px; vertical-align:middle;}
.tbfixed table{table-layout:fixed; width:100%;}
.small_img img{width:25%;}

.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}

/* 최상단 소스 */
.top{
	padding:10px 15px 0px 15px;
}
.top_logo{
	position:relative;
	text-align:center;
}
.right {position:absolute; right:0; top:10px;}
.left {position:absolute; left:0; top:10px;}


.search_box {padding:0 10px 10px 10px; position:relative;}
.search_input {width:100%; outline-style:none; border:none; height:22px;}
.input_n {height:23px; line-height:23px; vertical-align:middle;  border:1px solid #dbdbdb;}

.top_category {
	background:url(../../mobile_img/bgpart_top_category.gif) repeat-x top ;
	background-size:30px 40px;
	-webkit-background-size:30px 40px;
	background:url(../../mobile_img/bgpart_top_category.gif) repeat-x top \0ie+9;
	background:url(../../mobile_img/bgpart_top_category.gif) repeat-x top \9;
	font-family:"Mukta",sans-serif;
	font-size:15px;
	padding:13px;
	border-bottom:1px solid #e4e4e4;
	position:relative;
	cursor:pointer;
}

.table_shadow {
	box-shadow: 0 5px 5px 0 #ddd;
}

.top_menu{
	width:25%;
	border-right:1px solid #8f79c2;
	border-bottom:1px solid #7d7d7d;
	line-height:50px;
	text-align:center;
	font-size:13px;
	cursor:pointer;
}
.top_menu_news{
	width:25%;
	border-right:1px solid #525252;
	border-bottom:1px solid #7d7d7d;
	line-height:50px;
	text-align:center;
	font-size:13px;
	cursor:pointer;
}
.top_menu_bd{
	width:25%;
	border-right:1px solid #ae7849;
	border-bottom:1px solid #7d7d7d;
	line-height:50px;
	text-align:center;
	font-size:13px;
	cursor:pointer;
}
.top_menu_car{
	width:25%;
	border-right:1px solid #b50b0b;
	border-bottom:1px solid #7d7d7d;
	line-height:50px;
	text-align:center;
	font-size:13px;
	cursor:pointer;
}
.top_menu_deal{
	width:25%;
	border-right:1px solid #378a86;
	border-bottom:1px solid #7d7d7d;
	line-height:50px;
	text-align:center;
	font-size:13px;
	cursor:pointer;
}
.top_menu_tour{
	width:25%;
	border-right:1px solid #3f9928;
	border-bottom:1px solid #7d7d7d;
	line-height:50px;
	text-align:center;
	font-size:13px;
	cursor:pointer;
}
.top_menu_food{
	width:25%;
	border-right:1px solid #db6714;
	border-bottom:1px solid #7d7d7d;
	line-height:50px;
	text-align:center;
	font-size:13px;
	cursor:pointer;
}
.top_menu_job{
	width:25%;
	border-right:1px solid #1f57a6;
	border-bottom:1px solid #7d7d7d;
	line-height:50px;
	text-align:center;
	font-size:13px;
	cursor:pointer;
}
.top_menu_alba{
	width:25%;
	border-right:1px solid #c31a83;
	border-bottom:1px solid #7d7d7d;
	line-height:50px;
	text-align:center;
	font-size:13px;
	cursor:pointer;
}


.width_50 td{width:50%;}
.width_33 td{width:33.3%;}
.width_25 td{width:25%;}


/* 직거래페이지 2단메뉴 */
#tabmenu {
	width:100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background:#dbdbdb;
}
#tabmenu li {
	float:left;
	width:50%;
	font-size:14px;
}

#tabmenu li:first-child {
	border:none;
}


#tabmenu li a {
	display: block;
	text-align:center;
	color:#5b5b5b;
	padding:10px 0 13px 0;
	background:#f4f4f4;
}


#tabmenu li a.selected {
	display: block;
	text-align:center;
	color: #fff;
	text-decoration: none;
	padding:10px 0 13px 0;
	text-align:center;
	background:#429e9a;
}



.round_box{
	border:1px solid #dbdbdb;
	background:#f3f3f3;
	border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	-khtml-border-radius:5px;
	-o-border-radius:5px;
	padding:5px;
}

.btn_small_stand{
	border:1px solid #afafaf;
	padding:8px 10px 8px 10px;
	display:inline-block; zoom:1; *display:inline; _display:inline;
	font-size:13px;
	letter-spacing:-1px;
	background:url(../../mobile_img/bgpart_small_stand.gif) #FFF repeat-x bottom;
	background-size:10px 20px;
	-webkit-background-size:10px 20px;
	background:url(../../mobile_img/bgpart_small_stand.gif) #FFF repeat-x bottom \0ie+9;
	background:url(../../mobile_img/bgpart_small_stand.gif) #FFF repeat-x bottom \9;
}

.log_small_stand{
	border:1px solid #afafaf;
	padding:8px 5px 8px 5px;
	display:inline-block; zoom:1; *display:inline; _display:inline;
	font-size:13px;
	letter-spacing:-1px;
	background:url(../../mobile_img/bgpart_small_stand.gif) #FFF repeat-x bottom;
	background-size:10px 20px;
	-webkit-background-size:10px 20px;
	background:url(../../mobile_img/bgpart_small_stand.gif) #FFF repeat-x bottom \0ie+9;
	background:url(../../mobile_img/bgpart_small_stand.gif) #FFF repeat-x bottom \9;
}

.btn_small_stand2{
	border:1px solid #afafaf;
	padding:5px 10px 5px 10px;
	display:inline-block; zoom:1; *display:inline; _display:inline;
	font-size:13px;
	letter-spacing:-1px;
	background:url(../../mobile_img/bgpart_small_stand.gif) #FFF repeat-x bottom;
	background-size:10px 20px;
	-webkit-background-size:10px 20px;
	background:url(../../mobile_img/bgpart_small_stand.gif) #FFF repeat-x bottom \0ie+9;
	background:url(../../mobile_img/bgpart_small_stand.gif) #FFF repeat-x bottom \9;
}


.btn_small_dark{
	border:1px solid #222222;
	padding:8px 10px 8px 10px;
	display:inline-block; zoom:1; *display:inline; _display:inline;
	font-size:13px;
	color:#FFF;
	letter-spacing:-1px;
	background:url(../../mobile_img/bgpart_category_top.gif) #444546 repeat-x bottom;
	background-size:10px 20px;
	-webkit-background-size:10px 20px;
	background:url(../../mobile_img/bgpart_category_top.gif) #444546 repeat-x bottom \0ie+9;
	background:url(../../mobile_img/bgpart_category_top.gif) #444546 repeat-x bottom \9;
}
.btn_small_dark:hover{
	border:1px solid #222222;
	padding:8px 10px 8px 10px;
	display:inline-block; zoom:1; *display:inline; _display:inline;
	font-size:13px;
	color:#FFF;
	letter-spacing:-1px;
	background:url(../../mobile_img/bgpart_category_top.gif) #444546 repeat-x bottom;
	background-size:10px 20px;
	-webkit-background-size:10px 20px;
	background:url(../../mobile_img/bgpart_category_top.gif) #444546 repeat-x bottom \0ie+9;
	background:url(../../mobile_img/bgpart_category_top.gif) #444546 repeat-x bottom \9;
}

.btn_small_dark2{
	text-align:center;
	font-weight:bold;
	padding:15px 0 15px 0;
	display:inline-block; zoom:1; *display:inline; _display:inline;
	font-size:13px;
	color:#FFF;
	letter-spacing:-1px;
	background:url(../../mobile_img/bgpart_category_top.gif) #444546 repeat-x bottom;
	background-size:10px 20px;
	-webkit-background-size:10px 20px;
	background:url(../../mobile_img/bgpart_category_top.gif) #444546 repeat-x bottom \0ie+9;
	background:url(../../mobile_img/bgpart_category_top.gif) #444546 repeat-x bottom \9;
}
.btn_small_dark2:hover{
	text-align:center;
	font-weight:bold;
	padding:15px 0 15px 0;
	display:inline-block; zoom:1; *display:inline; _display:inline;
	font-size:13px;
	color:#FFF;
	letter-spacing:-1px;
	background:url(../../mobile_img/bgpart_category_top.gif) #444546 repeat-x bottom;
	background-size:10px 20px;
	-webkit-background-size:10px 20px;
	background:url(../../mobile_img/bgpart_category_top.gif) #444546 repeat-x bottom \0ie+9;
	background:url(../../mobile_img/bgpart_category_top.gif) #444546 repeat-x bottom \9;
}



.btn_big_stand{
	border:1px solid #333;
	width:130px;
	height:40px;
	line-height:40px;
	text-align:center;
	vertical-align:middle;
	color:#FFF;
	display:inline-block; zoom:1; *display:inline; _display:inline;
	font-size:13px;
	letter-spacing:-1px;
	background:url(../../mobile_img/bgpart_category_top.gif) repeat-x bottom;
	background-size:30px 40px;
	-webkit-background-size:30px 40px;
	background:url(../../mobile_img/bgpart_category_top.gif) repeat-x bottom \0ie+9;
	background:url(../../mobile_img/bgpart_category_top.gif) repeat-x bottom \9;
	cursor:pointer;
}
.btn_big_stand2{
	border:1px solid #afafaf;
	width:128px;
	height:38px;
	line-height:38px;
	text-align:center;
	vertical-align:middle;
	display:inline-block; zoom:1; *display:inline; _display:inline;
	font-size:13px;
	letter-spacing:-1px;
	background:url(../../mobile_img/bgpart_small_stand.gif) #FFF repeat-x bottom;
	background-size:10px 20px;
	-webkit-background-size:10px 20px;
	background:url(../../mobile_img/bgpart_small_stand.gif) #FFF repeat-x bottom \0ie+9;
	background:url(../../mobile_img/bgpart_small_stand.gif) #FFF repeat-x bottom \9;
	cursor:pointer;
}

.btn_more{
	border:1px solid #969696;
	border-bottom:2px solid #7d7d7d;
	padding:8px 0 8px 0;
	width:100%;
	text-align:center;
	display:inline-block; zoom:1; *display:inline; _display:inline;
	font-size:13px;
	letter-spacing:-1px;
	background:#f7f7f7;
	cursor:pointer;
}
.btn_more2{
	border:1px solid #b0b0b0;
	border-bottom:1px solid #626262;
	padding:5px 0 5px 0;
	width:100%;
	text-align:center;
	display:inline-block; zoom:1; *display:inline; _display:inline;
	font-size:13px;
	letter-spacing:-1px;
	background:#fafafa;
	cursor:pointer;
}


/* 상세페이지 */
.detail_left{
	width:60px;
	height:60px;
	border:none;
	outline-style:none;
	background:url('../../mobile_img/btn_detail_left.gif') no-repeat;
	background-size:60px 60px;
	-webkit-background-size:60px 60px;
	background:url('../../mobile_img/btn_detail_left.gif') repeat-x bottom \0ie+9;
	background:url('../../mobile_img/btn_detail_left.gif') repeat-x bottom \9;
}
.detail_right{
	width:60px;
	height:60px;
	border:none;
	outline-style:none;
	background:url('../../mobile_img/btn_detail_right.gif') no-repeat;
	background-size:60px 60px;
	-webkit-background-size:60px 60px;
	background:url('../../mobile_img/btn_detail_right.gif') repeat-x bottom \0ie+9;
	background:url('../../mobile_img/btn_detail_right.gif') repeat-x bottom \9;
}
.mobile_category_form1{
	width:80px;
	padding:8px;
	border-bottom:0px solid #dbdbdb;
	font-size:1em;
	vertical-align: top;
}
.mobile_category_form2{
	border-bottom:0px solid #dbdbdb;
	font-size:1em;
	padding:8px;
}

.detail_bar{
	/*background:url(../../mobile_img/bgpart_small_stand.gif) top;*/
	border-top:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	padding:10px;
	
}


.detail_bar .right img{position:absolute; right:10px; width:20px;}

.btn_detail img{
	width:95px;
	vertical-align:middle;
	margin-bottom:5px;
}
.btn_detail2 img{
	width:295px;
	max-width:100%;
	height:auto;
	vertical-align:middle;
	margin-bottom:5px;
}

.icon_contents{
	text-align:center;
	margin-bottom:10px;
}

.icon_contents li{
	display:inline-block;
}

.icon_contents img{
	width:70px;
	max-width:100%;
	height:auto;
	margin:5px;
}

.icon_ranking{
	position:absolute;
	top:-5px;
	left:-5px;
	width:60px;
	height:90px;
	background:url(../../mobile_img/icon_ranking_first.png) no-repeat top ;
	background-size:60px 90px;
	-webkit-background-size:60px 90px;
	background:url(../../mobile_img/icon_ranking_first.png) no-repeat top \0ie+9;
	background:url(../../mobile_img/icon_ranking_first.png) no-repeat top \9;
	font-weight:bold;
	font-size:20px;
	font-family:"Mukta",sans-serif;
	color:#FFF;
	padding:40px 5px 0 0;
	text-align:center;
}

.icon_ranking2{
	position:absolute;
	text-align:center;
	top:0px;
	left:0px;
	width:35px;
	height:45px;
	background:url(../../mobile_img/icon_ranking_second.png) no-repeat top ;
	background-size:35px 45px;
	-webkit-background-size:35px 45px;
	background:url(../../mobile_img/icon_ranking_second.png) no-repeat top \0ie+9;
	background:url(../../mobile_img/icon_ranking_second.png) no-repeat top \9;
	font-weight:bold;
	font-size:20px;
	font-family:"Mukta",sans-serif;
	color:#FFF;
	padding:3px 0 0 0;
}

.icon_ranking3{
	position:absolute;
	text-align:center;
	top:0px;
	left:9px;
	width:30px;
	height:40px;
	background:url(../../mobile_img/icon_ranking_second.png) no-repeat top ;
	background-size:30px 40px;
	-webkit-background-size:30px 40px;
	background:url(../../mobile_img/icon_ranking_second.png) no-repeat top \0ie+9;
	background:url(../../mobile_img/icon_ranking_second.png) no-repeat top \9;
	font-weight:bold;
	font-size:15px;
	font-family:"Mukta",sans-serif;
	color:#FFF;
	padding:5px 2px 0 0;
}

.table_layout table{table-layout:fixed;}

.area_menu td{
	width:25%;
	height:40px;
	line-height:40px;
	text-align:center;
	border-bottom:1px solid #dbdbdb;
	background:url(../../mobile_img/detail_bg.gif) repeat-x left top ;
	background-size:30px 40px;
	-webkit-background-size:30px 40px;
	background:url(../../mobile_img/detail_bg.gif) repeat-x left top \0ie+9;
	background:url(../../mobile_img/detail_bg.gif) repeat-x left top \9;
}

.top_near_bg {
	background:url(../../mobile_img/bg_near_dark.jpg) repeat-x top ;
	background-size:40px 50px;
	-webkit-background-size:40px 50px;
	background:url(../../mobile_img/bg_near_dark.jpg) repeat-x top \0ie+9;
	background:url(../../mobile_img/bg_near_dark.jpg) repeat-x top \9;
	font-family:"Mukta",sans-serif;
	width:100%;
	border-bottom:1px solid #e4e4e4;
	position:relative;
	cursor:pointer;
}

/* 아이폰 이미지크기를 위한 미디어쿼리 */
.thumb_b_list{text-align:center;}
@media screen and (max-width:340px) {
.thumb_b_list img {
    width:90px;
	height:67px
	}
.thumb_b_list{
	padding-left:3px
	}
}


/* 서브검색 */
.search_sub_box input{
	width:100%;
	height:32px;
	line-height:32px;
	border:1px solid #bebec1;
}

.search_sub_box input[type=checkbox]{
	width:15px;
	height:15px;
	vertical-align:middle;
}

.search_sub_box select{
	width:100% !important;
	height:32px;
	line-height:32px;
	border:1px solid #bebec1;
	margin-bottom:5px;
}


/*모바일 문의하기 폼*/
.detail_inquiry{width:100%; position:relative; z-index:10}
.detail_inquiry .icon_nemo{background:url('../../mobile_img/icon_nemo.gif') 8px 13px no-repeat; color:#7B7A7A; padding:12px 0 12px 30px}
.detail_inquiry td, .detail_memool_info th{border-bottom:1px solid #e5e5e5}
.detail_inquiry th{width:70px; text-align:left; border-bottom:1px solid #e5e5e5; vertical-align:top}
.detail_inquiry textarea{width:85% !important; margin:5px 0}
.detail_inquiry textarea + img{position:relative; top:-50px; right:0px}
.detail_inquiry input[type="text"]{width:50%; padding-left:5px; border:1px solid #dddddd; line-height:1.65em}
.detail_inquiry input[type="file"]{width:70%; padding-left:5px; border:1px solid #dddddd; line-height:1.65em}
.inquiry_privacy{border:1px solid #DEDEDE; height:300px; overflow-y:scroll;; padding:10px;}

/* 서브페이지 현재위치 */
#sub_location{padding:13px 20px 13px 10px; font-size:1.0em; border-bottom:2px  solid #e2e2e2;}
#sub_location a{font-weight:normal}
#sub_location img{max-width:100%}


.line_tb{border-top:1px solid #bebebe; border-bottom:none !important}
.line_tb_02{border-top:none !important; border-bottom:1px solid #8f8f8f !important; background:#ffffff !important}
.line_tb_03{border-top:none !important}
.line_tb_04{border-top:#2c2c2c !important; border-bottom:1px solid #2c2c2c !important; background:#7f7f81 !important}
.line_tb_05{border-top:3px solid #717171 !important}
.line_tb_06{border-bottom:1px solid #717171 !important}
.line_tb_07{border:none !important; background:#F5F5F5 !important}


.detail_memool_info{width:100%; position:relative; z-index:10}
.detail_memool_info .icon_nemo{background:url('../../mobile_img/icon_nemo.gif') 8px 13px no-repeat; color:#7B7A7A; padding:12px 0 12px 30px}
.detail_memool_info .icon_nemo_2{background:url('../../mobile_img/icon_nemo_02.gif') 10px 50% no-repeat; color:#7B7A7A; padding:12px 5px 12px 25px; text-align:left; letter-spacing:-1px}
.detail_memool_info .icon_nemo_3{background:url('../../mobile_img/icon_nemo.gif') 5px 22% no-repeat; color:#7B7A7A; padding:12px 5px 12px 23px; text-align:left; letter-spacing:-1px; vertical-align:top;}
.detail_memool_info .ne_p{background:url('../../mobile_img/icon_nemo_02.gif') 17px 45px no-repeat !important;}
.detail_memool_info td, .detail_memool_info th{border-bottom:1px solid #e5e5e5}
.detail_memool_info th{vertical-align:top; text-align:left; border-bottom:1px solid #e5e5e5}
.detail_memool_info .ex_input{width:95%; line-height:1.7em; border:1px solid #c1c1c1}
.detail_memool_info .ex_text{width:95%; border:1px solid #c1c1c1; margin:10px 0}
.detail_memool_info select{}

/* 유료결제 */
.m_search_pay select{width:100% !important; height:28px; margin-top:10px; padding-left:0px;  display:block; border:1px solid #cccccc; background:#fff url("../../mobile_img/select_bg.png") no-repeat right bottom; -webkit-appearance:none; border-radius:0;}
.m_search_pay select:last-child{margin-bottom:5px}


/* 메인페이지 컨텐츠영역*/
#con_ct{position:relative}
#con_ct .con_wrap{}
.blind_m{visibility:hidden; overflow:hidden; position:absolute; left:-999em; width:0; height:0; font-size:0; line-height:0}

/* 로그인창 */
.blind_m{visibility:hidden; overflow:hidden; position:absolute; left:-999em; width:0; height:0; font-size:0; line-height:0}
.login_form{
	position:relative; 
	margin:25px 0 0 0;
}
.login_form .id_pass_area{
	display:block; 
	background:#fff; 
	margin-top:5px;
}
.login_form .id_pass_area input{
	width:100%; 
	display:inline;
}
.login_form .log_area{
	display:block; 
	margin-top:5px;
}
.login_form .log_area button{
	width:100%; 
	color:#fff; 
	border-radius:5px;
}

.login_form .find_info{
	width:100%; 
	display:table; 
	table-layout:fixed; 
	border-collapse: collapse; 
	border-spacing:0;
	margin-top:25px;
}
.login_form .find_info a{
	position:relative;
	display:table-cell !important; 
	padding:15px 0 !important; 
	text-align:center !important; 
	border:1px solid #ededed !important; 
	float:none !important;
}
.input_chk{display:inline-block; margin:10px 0}
.input_chl label{line-height:1.5em; vertical-align:top}
.sns_log{position:relative; margin-bottom:10px; text-align:center}
.sns_log a{display:block; padding-bottom:5px; max-width:500px; margin:0 auto;}
.sns_log a img{width:100%}
.sns_log img{width:100%; max-width:500px; margin-bottom:5px}
.sns_log .join_btn{width: 100%;border-radius: 4px;color: #fff;font-weight: bold;font-size: 1.286em; line-height: 52px;border: 1px solid #626060; background: #727272 url('../../mobile_img/sch_arrow_2.png') 97% 18px no-repeat;background-size: 9px 14px; padding-bottom:0 !important}

.input_quadrangle {
	border-radius:0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

.sns_log{position:relative; margin-bottom:10px; text-align:center}
.sns_log a, .sns_log img{display:inline-block; padding-bottom:5px; max-width:100%}

.member_resi_btn img{width:170px; border:1px solid red;}

.desc_text{letter-spacing:-1px; padding:10px 7px; line-height:1.8em}


/* 회원가입 */
.member_join{width:100%; position:relative; z-index:10; border-collapse: separate; border-spacing: 0px 10px;}
.member_join .icon_nemo{color:#7B7A7A; padding:10px 0 5px 0; letter-spacing:-1px; font-size:0.9rem;}
.member_join .ne_p{background:url('../../mobile_img/icon_nemo_02.gif') 17px 45px no-repeat !important;}
.member_join td, .member_join th{padding:5px 5px 10px 0; font-size: 16px; font-weight: bold;}
.member_join td table td{border:none}
.member_join th{text-align:left; }
.member_join input[type="text"], .member_join input[type="password"]{ border:1px solid #e7e7e7;width:93%;height:38px;line-height:38px;font-weight:bold;font-size:16px;padding-left:5px;background:#f4f4f4;margin:2px 0;-webkit-border-radius:3px;}
.member_join select {border:1px solid #e7e7e7; height:40px;line-height:40px;font-weight:bold;font-size:16px;padding-left:5px;background: #f4f4f4; -webkit-border-radius:3px;}
.member_join input[name="user_hphone"]{width:140px}
.member_join .ex_input{width:95%; line-height:1.7em; border:1px solid #c1c1c1}
.member_join .ex_text{width:95%; border:1px solid #c1c1c1; margin:10px 0}
.member_resi_btn a {width:100%; display:block}
.member_resi_btn a img{max-width:100%; float:none; clear:both}
.member_join input[type=file]{border:1px solid #e7e7e7; width:93%; height:38px;line-height:38px;font-weight:bold;font-size:14px;padding-left:5px;background:#f4f4f4;margin:2px 0;-webkit-border-radius:3px;}
.member_join textarea{ width:93%; border:1px solid #e7e7e7; height:80px;line-height:38px;font-weight:bold;font-size:14px;padding-left:5px;background:#f4f4f4;-webkit-border-radius:3px;}
.member_join input[type=checkbox], .member_join input[type=radio]{vertical-align:middle;margin:-4px 0 0;cursor:pointer;}
.member_join .phone_style input[type='text']{width:55px !important}
.member_join .phone_style select{width:55px !important}
.member_join .workarea select {width:42%; border:1px solid #e7e7e7; height:38px;line-height:38px;font-weight:bold;font-size:14px;padding-left:5px;background: #f4f4f4 url(../../mobile_img/sel_arr_2x.gif) right 50% no-repeat;-webkit-background-size: 20px 8px;-webkit-border-radius:3px; margin-bottom:5px}
.member_join .input_searchbox_email{width:80px !important}

.complex_flex{display:flex; align-items: center;}
.complex_flex input,
.complex_flex select{
	width:100% !important
}


/* 마이페이지 */
.point{position:relative; overflow:hidden; color: #ffffff; font-weight:bold}
.point dt{float:left; clear:both; padding:8px;}
.point dd{_display:inline-block; zoom:1; float:right; padding:8px;}
.point a{color:#ffffff}

.menu_list ul, .menu_list_n ul{display:table; width:100%; text-align:center}
.menu_list ul li{display:table-cell; width:33.3%; padding:25px 0; float:left; line-height:250%; background:url('../../mobile_img/mypage_menu_bg.gif') right bottom no-repeat; cursor:pointer}
.menu_list_n ul li{display:table-cell; width:50%; padding:25px 0; float:left; line-height:250%; background:url('../../mobile_img/mypage_menu_bg.gif') right bottom no-repeat; cursor:pointer}
.menu_list ul li > span{}
.menu_list span, .menu_list_n span{display:block}
.menu_list .m_list_01, .menu_list_n .m_list_01{letter-spacing:-1px; font-size:0.85em}
.menu_list .m_list_02, .menu_list_n .m_list_02{font-size:1.8em}

.mypage_list li {
	background-size:10px 15px;
	-webkit-background-size:10px 15px;
	padding:13px;
	border-bottom:1px solid #dbdbdb;
	font-size:0.85em;
	letter-spacing:-1px;
}

/* 게시판 */
.board_wrap{position:relative}
.board_wrap h2{font-size:1.25em; padding:10px; margin:0; background:#f8f8f8;text-align:left; font-size:1.00em;}
.board_wrap .author{clear:both; overflow:hidden; border-bottom:1px solid #e0e0e0}
.board_wrap .author span{display:inline-block; padding:7px 0; font-size:0.95em; color:#868686}
.board_wrap .author .left_info{float:left; padding-left:5px}
.board_wrap .author .right_info{float:right; padding-right:5px}
.board_btn{text-align:right; padding:10px 5px;}
.board_wrap .detail_comment{padding:5px}

/* 비밀번호 입력창 */
.passform{padding:5px 10px; background:#f8f8f8; font-size:0.95em; border:1px solid #C9C9C9}
.passform label{width:70px; display:inline-block; padding-right:5px}
.passform input{width:100px; vertical-align:baseline}
.dobae_text{background-color:#999999;color:#ffffff; font-size:1.00em; vertical-align:middle}

/* 게시판 등록 */
.board_wrap .board_post{overflow:hidden; list-style:none;}
.board_wrap .board_post label{width:18%; float:left; padding-left:5px; clear:both; color:#777; font-size:0.75em;}
.board_wrap .board_post li{_display:inline-block; overflow: hidden; line-height:1.9em; color:#000; zoom:1; border-bottom:1px solid #DBDBDB}
.board_wrap .board_post li input{width:75%; vertical-align:top; margin:4px 0 0 5px; border:1px solid #cdcdcd; padding:2px 0 2px 4px}
.board_wrap .board_post li input[type="file"]{margin:0; padding:0 0 0 4px; border:none; vertical-align:middle}
.board_wrap .board_post li input[type="checkbox"]{width:initial; margin:0 0 0 5px; padding:0 0 0 4px; vertical-align:middle}

.board_wrap .post{padding:10px; background:#f9f9f9;}
.board_wrap .resist_dobae{padding:10px}
.board_wrap .resist_dobae label{padding:5px 10px 0 0}




/* 장바구니 */
.basket_btn{padding:10px 0 20px 0; overflow:hidden; text-align:center}
.basket_btn a{display:inline-block; padding-bottom:10px}
.basket_btn .btn_left{float:left}
.basket_btn .btn_right{float:right}
.basket_btn a img{max-width:100%; height:auto;}
.basket_btn em{display:block; text-align:right}
.basket_btn2 img{margin:5px;}


/* 카피라이터 */
.copyright_top td:first-child {border-left:none;}
.copyright_top td{
	width:25%;
	font-size:13px;
	border-left:1px solid #cdcdcd;
	text-align:center;
}

.copyright_top a{
	display:inline-block;
	width:100%;
	padding:10px 0px;
}



.reply_write td{
	padding:5px;
}






/* 폰트모음 */
.font_st_20_bold{
	font-size:1.45em;
	font-weight:bold;
	letter-spacing:-2px;
	color: #626262;
}

.font_st_15_bold{
	font-size:1.0em;
	font-weight:bold;
	color: #626262;
}

.font_st_21_bold{
	font-size:1.60em;
	font-weight:bold;
}

.font_st_30_bold{
	font-size:2.60em;
	font-weight:bold;
}

.font_st_13{
	font-size:0.85em;
}

.font_st_12{
	font-size:1em;
}

.font_st_11{
	font-size:0.65em;
}

.font_st_10{
	font-size:0.55em;
}

.select_100 select{
	width:100%;
}


/*2016-06-29 beancan*/
.input_title_st {
height:43px;
color:#686868;
background:#f6f6f6  url('../img/bbs_img/icon_bullet_title.gif') no-repeat 10px center;
text-align:left;
padding-left:10px;
font-size:1.000em;
line-height:1.000em;
border-bottom:1px solid #e7e7e6;
}

.input_content_st {
background:#ffffff;
text-align:left;
border-bottom:1px solid #e7e7e6;
padding:7px;
}

.input_border_mobile input[type=text]{
-webkit-border-radius:0;
-webkit-appearance:none;
border:1px solid #ababab;
height:29px;
background:#f5f5f5;
padding-left:3px;
font-size:font-size:1em;
line-height:line-height:1em;;
}

.input_border_mobile input[type=password]{
-webkit-border-radius:0;
-webkit-appearance:none;
border:1px solid #ababab;
height:29px;
background:#f5f5f5;
padding-left:3px;
font-size:font-size:1em;
line-height:line-height:1em;;
}

.input_border_mobile input[type=checkbox]{
vertical-align:middle;
margin-top:-3px;
}

.input_border_mobile input[type=radio]{
vertical-align:middle;
margin-top:-3px;
}

.input_border_mobile textarea{
-webkit-border-radius:0;
-webkit-appearance:none;
border:1px solid #ababab;
}

/*달력형 게시판_대형*/
.bbs_calendar table {border-collapse:collapse; }
.bbs_calendar table td {border:1px solid #ececec; width:14.2%; background:#none;}
.bbs_calendar table td:hover {background:#fdfdfd;}
.bbs_calendar table td a {background:none;}
.bbs_calendar table td a:hover {color:#000;}
.bbs_calendar table td table td {border:none;}
.bbs_calendar table td table td:hover {background:none;}

/*달력형 게시판_소형*/
.bbs_calendar_small table {border-collapse:collapse; }
.bbs_calendar_small table td {border:1px solid #ececec; width:14.2%; background:#none; vertical-align:middle;}
.bbs_calendar_small table td table td {border:none;}
.bbs_calendar_small table td table td:hover {background:none;}



.btn_map_sub {display:block; text-align:center; background:#ffffff; border:1px solid #dbdbdb; font-size:12px; color:#333333 !important; padding:10px 0; border-radius:5px; margin:10px;}

@media screen and (max-width: 600px)
{
	.btn_list {/*width:360px;*/ margin:0 auto; }
	.btn_map {display:block; text-align:center; background:#ffffff; border:1px solid #dbdbdb; font-size:12px; color:#333333 !important; padding:13px 0; border-radius:10px; margin-bottom:10px;}
	.btn_reservation {display:block;  text-align:center; background:#6e6e6e; font-size:12px; color:#FFFFFF !important; padding:13px 0; border-radius:10px;  margin-bottom: 10px;}
}

@media screen and (min-width: 601px) and (max-width: 1000px)
{
	.btn_list {width:510px; margin:0 auto; }
	.btn_map {display:block; text-align:center; background:#ffffff; border:1px solid #dbdbdb; font-size:12px; color:#333333 !important; padding:13px 0; border-radius:10px; margin-bottom:10px;}
	.btn_reservation {display:block;  text-align:center; background:#6e6e6e; font-size:12px; color:#FFFFFF !important; padding:13px 0; border-radius:10px; margin-bottom: 10px;}
}

@media screen and (min-width: 1001px)
{
	.btn_list {width:1040px; margin:0 auto; }

	.btn_media {table-layout:fixed;}
	.btn_map {display:block; text-align:center; background:#ffffff; border:1px solid #dbdbdb; font-size:12px; color:#333333 !important; padding:13px 0; border-radius:10px; float:left; width:49%;}
	.btn_reservation {display:block;  text-align:center; background:#6e6e6e; font-size:12px; color:#FFFFFF !important; padding:13px 0; border-radius:10px; float:right; width:50%;}
}

/* 예약없을때
@media screen and (min-width: 1001px)
 {
  .btn_list {width:1040px; margin:0 auto; }

  .btn_media {table-layout:fixed;}
  .btn_map {display:block; text-align:center; background:#ffffff; border:1px solid #dbdbdb; font-size:12px; color:#333333 !important; padding:13px 0; border-radius:10px; margin-bottom:10px;}

}
*/


/* 서브 등록폼 */
.detail_add_tit_box{padding-bottom:5px}
.detail_add_tit{font-size:11px; font-family:Dotum; letter-spacing:-1px; color:#aaa;}

.near_search2 select{width:100% !important;height:32px; border:1px solid #bebec1; padding: 0 10px;background: #fff }

.detail_menu_price{}
.menu_order{padding:20px; background:#f1f1f1; border-top:2px solid #dedede !important; border:1px solid #deded}
.menu_order li{line-height:26px}
.menu_select select{
	border-radius:0;
	-webkit-border-radius:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	height: 24px;
	line-height: 24px;
	border: 1px solid #bebec1;
	margin-bottom: 10px;
	padding: 0 10px;
	background-size: 20px 18px;
}
/*주문페이지 */
.wrap_menu_order{padding:0 10px}
.wrap_menu_order h2{padding:28px 30px 23px 0; position:relative; font-family:'"Mukta",sans-serif'}
.wrap_menu_order h2 span{position:absolute; right:0; top:26px;}
.wrap_menu_order h2 label{ font-size:0.714em; color:#50555c; font-weight:normal}
/* 주문페이지 달력 */
.pop_cal{border-bottom:1px solid #f3f3f3; table-layout: fixed;}
.pop_cal td, .pop_cal2 td{font-family:tahoma; line-height:24px; letter-spacing:1px; text-align:center}
.pop_cal2 .calendar_td{padding:2px}
.pop_cal2 .calendar_td table{table-layout:fixed}

/* 주문페이지 */
.mypage_bb{border-bottom:3px solid #717171}
.menu_area{background:#fafafa; border:1px solid #c1c1c1; padding:5px}
.meun_order_info{width:100%; table-layout: fixed;}
.meun_order_info th{position:relative; width:25%; font-weight:normal; line-height:46px; text-align:left;}
.meun_order_info .output input[type="text"], .meun_order_info .output input[type="text"],.meun_order_info .output input[type="file"]{width:97%; border: 1px solid #bebec1; display: inline-block; _display: inline; line-height: 28px; height: 28px; padding-left: 3px; }
.meun_order_info .output select, .meun_order_info .output select{width:90px; padding:7px 8px; border:1px solid #bebec1; vertical-align: bottom; margin-bottom:3px}
.meun_order_info .request{width:98%; height:40px;  border:1px solid #d9d9d9; line-height:17px; border:1px solid #bebec1}

.settlement2{background:#363b3e; overflow:hidden; margin-top:10px}
.settlement2 ul{list-style:none; margin:10px 20px 14px 10px; padding:0; overflow:hidden;}
.settlement2 ul li{position:relative; font-size:15px; color:#fff; font-family:'"Mukta",sans-serif'; font-weight:bold; letter-spacing:-1px; text-align:right}
.settlement2 .price{font-size:28px; letter-spacing:-1px; position:relative; top:3px; padding-left:5px}

.condition{padding:15px 6px}
.condition span{display:inline-block; margin-right:15px; letter-spacing:-1px; color:#424242}
.condition b{display:inline-block; width:10px; height:10px}
.condition select{-webkit-appearance:none; -moz-appearance:none; border-radius:0; -webkit-border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:64px; padding:6px 8px; border:1px solid #bebec1; font-size:1em; vertical-align: bottom; }
.condition .date{-webkit-appearance:none; -moz-appearance:none; border-radius:0; -webkit-border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:85px; border: 1px solid #bebec1; display: inline-block; _display: inline; line-height:33px; height:33px; padding-left: 3px;  vertical-align:middle; font-size:1em; }
.alarm{ font-size:0.857em; margin-top:10px; padding:15px 18px; border:1px solid #e8e8e8; color:#565656; line-height:20px}

/* 주문완료페이지 */
.meun_order_info_done{width:100%; table-layout: fixed;}
.meun_order_info_done th{position:relative; width:25%; border-bottom:1px solid #ddd; font-weight:normal; line-height:46px; text-align:left; padding-left:10px;}
.meun_order_info_done .output{background:#fff; border-bottom:1px solid #ddd; padding-left:10px}
.meun_order_info_done .output input[type="text"], .meun_order_info .output input[type="text"],.meun_order_info .output input[type="file"]{width:97%; border: 1px solid #bebec1; display: inline-block; _display: inline; line-height: 28px; height: 28px; padding-left: 3px; }
.meun_order_info_done .output select, .meun_order_info .output select{width:90px; padding:7px 8px; border:1px solid #bebec1; vertical-align: bottom; margin-bottom:3px; -webkit-appearance:none; -moz-appearance:none; border-radius:0; -webkit-border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.meun_order_info_done .request{width:98%; height:40px;  border:1px solid #d9d9d9; line-height:17px; border:1px solid #bebec1}


.cate_sch_btn{display:block; text-align:left; padding-left:10px; letter-spacing:-0.5px; position:relative; background:url('../../mobile_img/theme_arrow.png') 97% 10px no-repeat}


/* 와이드맵 - 카테고리 선택 */
.nomal_fake_select{
	position:relative;
	width: 100%;
	border: 0 none;
	background: #fff;
	color: #666;
	border: 1px solid #e5e5e5;
	transition: 0.2s ease-in-out;
	transition-property: color, background-color, border;
	border-radius: 0.3em;
	height: 40px;
	vertical-align: middle;
	display: inline-block;
	line-height:38px;
	font-size:14px;
}


/* 팝업레이어 */

.modal_popup_wrap {
	box-sizing:border-box;
	padding:10px 10px;
	height:100% !important;
}
.modal_popup_layer {
	box-sizing:border-box;
	border-radius:20px 20px 20px 20px;
	width:100%;
	height:100%;
	border:1px solid #eaeaea;
	background-color:#fafafa;
	overflow:hidden;
}


.modal_popup_layer_title {
	position:relative;
	height:65px;
	border-bottom:1px solid #eaeaea;
}
.modal_popup_layer_title_text {
	position:absolute;
	top:17px;
	left:15px;
	color:#333;
	font-size:1.286em;
	line-height:1.286em;
	font-weight:bold;
}
.modal_popup_layer_title_close {
	position:absolute;
	top:17px;
	right:15px;
	color:#666;
}
.modal_popup_layer_contents {
	box-sizing:border-box;
	padding:15px;
	height:calc(100% - 65px);
	overflow:auto;
}


.modal_popup_bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.3);
	overflow:hidden;
	z-index:9999999;
}


.modal_popup_layer_close {
	margin:25px 0px;
	text-align:right;
	color:#666;
}

/* 채널 스타일 */
.content_box{
	border:1px solid #e6e4e4;
	border-bottom:1px solid #a4a4a4;
	background:#fff;
	margin:10px;
	padding:10px;
}

/* 썸네일 width 100 */
.free_thumb_img img{width:100% !important; height:auto !important; border-radius: 10px; aspect-ratio: 5 / 5; object-fit: cover;}

.member_area{
	position:relative; 
	padding:15px 10px 50px 10px; 
	background:#f8f8f8
}
.member_area .member_area_inner  .title{
	position:relative; 
	letter-spacing:-1.5px; 
	color:#333333; 
	text-align:center; 
	font-weight:bold;
}
.member_area .member_area_inner .member_form{
	position:relative; 
	margin:15px 0 10px 0;
}
.member_area .member_area_inner .member_form .id_pass_area{
	display:block; 
	background:#fff; 
	margin-top:5px;
}
.member_area .member_area_inner .member_form .id_pass_area input{
	width:100%; 
	display:inline;
}
.member_area .member_area_inner .member_form .log_area{
	display:block; 
	margin-top:5px;
}
.member_area .member_area_inner .member_form .log_area button{
	width:100%; 
	color:#fff; 
	border-radius:5px;
}
.member_area .member_area_inner .info_title{
	margin-top:30px;
	padding:20px;
	background:#fff;
	border:1px solid #eaeaea;
}
.member_area .member_area_inner .info_title p{
	line-height:1.6;
	font-size:0.857em;
	letter-spacing:-1px;
	color:#999999;
}

.real_name{
	border:1px solid #f2f2f2; 
	margin-top:15px;
	background:#fff;
}
.real_article{
	overflow:hidden;
}
.real_article li{
	padding:20px;
	float:left;
	box-sizing: border-box;
}
.real_article li ul{
	width:100%;
}
.real_article li ul.fix_display{
	display:flex;
	justify-content:space-between;
}
.real_article li ul:after{
	content:''; 
	display:block; 
	clear:both; 
	overflow:hidden;
}
.real_article li ul li{
	float:left;
	padding:0;
}
.real_article li ul li.fix_width{
	float:none;
	text-align:right;
	padding-left:20px;
	margin-left: auto;
	box-sizing: border-box;
}
.real_article li ul li.fix_width .log_area{
	margin:0 !important;
}
.real_article .ipin_chk,
.real_article .cp_chk{
	float:left;
}
.real_article .ipin_chk dt, 
.real_article .cp_chk dt{
	font-weight:500;
	line-height:1.4;
	font-size:0.857em;
	letter-spacing:-1px;
	margin-bottom:20px;
	color:#999
	text-align:left;
}
.real_article .ipin_chk .txt, 
.real_article .cp_chk .txt{
	line-height:1.4;
	font-size:0.857em;
	letter-spacing:-1px;
	text-align:left;
	color:#999;
	font-weight:400;
	}
.real_article .ipin_chk .chk_btn, 
.real_article .cp_chk .chk_btn{
	display:block; 
	cursor:pointer;
}


/* 회원정보수정 */
.m_w_100{
	width: 100% !important;
}
.happy_member_join_form .join_input_a_01{
	width:calc(100% - 125px) !important;
}
.happy_member_join_form .join_input_a_03{
	margin-top:5px !important;
	width:calc(100% - 135px) !important;
}
.happy_member_join_form .join_select_r_01{
	display:block;
}
.happy_member_join_form .join_select_r_01 select{
	width:100% !important;
	margin-bottom:5px;
}
.happy_member_join_form .join_input_r_01 input{
	width:calc(100% - 115px) !important;
}
.zzim_upche{
	border:1px solid #f43142 !important;
	color:#f43142 !important;
}
.zzim_upche svg{
	color:#f43142 !important;	
}
.btn_m_join { 
	width:100%;
	font-size:0.8rem !important;
	margin:5px 0px 0px 0px !important;
	padding:10px 10px;
	cursor:pointer;
	border-radius:3px !important;
	font-family:'맑은고딕';
	text-align:center;
	background-color: #8d8e98;
	border:1px solid #9a9a9a;
	vertical-align:middle;
	color:#FFFFFF;
}
.h_btn_st13 {
	font-size:0.8rem !important;
	padding:10px 10px;
	cursor:pointer;
	border-radius:3px !important;
	font-family:'맑은고딕';
	text-align:center;
	background-color: #f4f4f4;
	color:#333333;
	vertical-align:middle;
	border:1px solid #dbdbdb;
}

/* 일반 */
.join_input_s {
	width:100% !important;
}
.guide_txt { 
	margin-left:10px; 
	color:#999; 
}

/* 이메일 */
.join_input_e_01 { 
	width:30% !important;
}
.join_input_e_02 { 
	width:30% !important;
}
.join_select_e { 
	width:30% !important; 
	margin-left:3px !important;
}
/* 연락처 */
.join_select_p { 
	width:30% !important;
}
.join_input_p_01 { 
	width:30% !important;
}
.join_input_p_02 { 
	width:30% !important;
}
/* 주소 */
.join_input_a_01 {
	width:80px !important;
}
.join_input_a_02 {
	width:100% !important;
}
.join_input_a_03 {
	width:100% !important; 
	margin-top:5px !important;
}

/* 도로명 */
.join_select_r_01 select {
	width:30% !important; 
	margin-right:5px; 
	margin-bottom:5px;
}
.join_input_r_01 input {
	width:100% !important; 
}

/* 자기소개 (textarea) */
.join_textarea {
	width:100% !important; 
	height:150px !important;
}

.happy_map_rows_box{
	margin:10px;
	background:#fff;
	padding:15px;
	border:1px solid #cecece;
	border-radius:5px;
	box-shadow:0 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:0 1px 3px rgba(0,0,0, .3);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0, .3);
}
.happy_map_rows_line{
	background:#eaeaea;
	display:inline-block;
	width:1px;
	height:10px;
	margin:0 5px;
}
.happy_map_sns img{
	width:20px;
	height:auto;
}
.happy_map_rows_star img { width:84px; height:auto; }


.life_th{
	background:url('../../img/icon_arrow_red.png') left center no-repeat;
	text-align:left;
	font-size:0.85em !important;
	padding-left:5px;
}
.life_td{
	font-size:0.85em !important;
}
.life_input{
	width: calc(100% - 98px) !important;
}
.empty_bbs,
.no_goods{
	display:block;
	padding:20px 0 !important;
	text-align:center;
}

/* 20221118 버튼 css 추가 장민주 */

.btn {
	padding: 12px 30px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .5px;
	transition: all .5s;
	border: 1px solid #ee574c;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.btn-primary {
	background: #ee574c !important;
	color: #fff;
	border-color: #ee574c !important;
	border: none;
}

.ssml {
	padding: 6px 15px !important;
}

/* 20221118 실시간 댓글 리스트 css 추가 장민주 */

.custom-font {
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    /* display: -webkit-box; */
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
	font-weight: 400;
}

.custom-title {
	color: #000;
    display: block;
    font-size: 15px;
    /* font-weight: 600; */
    line-height: 20px;
    word-break: normal;
}

.font-13 {font-size: 13px; color: #666; line-height: 15px;}
.img-radius img {border-radius: 10px; aspect-ratio: 5/5; object-fit: cover;}
.custom_ellipsis .custom-title {padding:2px; width: 70%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.custom_ellipsis .font-13 {padding:2px; width: 70%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
[class^='btn'] {border-radius: 0.3em;}

.width32 {width:32%;}
.mb-5px {margin-bottom: 5px;}

/* 20221129 페이징 화살표 제거  */
.page_prev_no , .page_next {display:none;}

.btn.btn-primary.blue {background: #183b56 !important; color: #fff; border-color: #183b56!important; border: none;}

.btn.btn-primary.ssml.blue {padding: 5px 5px; border-radius: 0.4rem; background-color: #4c91ee !important; border: none;}
.btn.btn-primary.ssml.orange {padding: 5px 5px; border-radius: 0.4rem; background-color: #F37720 !important; border: none;}

.btn.btn-primary.map.blue {padding: 5px 5px; border-radius: 0.4rem; background-color: #4c91ee !important; border: none;}

.icon_ranking4 {
	position: absolute;
    background: #fff;
    color: #183b56;
    border-radius: 50rem;
    display: inline-block;
    padding: 0.35em 0.65em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    z-index: 999;
    right: 0;
    top: 25px;
}

.img-ratio5 {
	width: 100%; 
	aspect-ratio: 5/5; 
	object-fit: cover; 
	object-position: center;
}

.custom-ellipsis-title {    text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; /* -webkin-line-clamp 는 원하는 라인수를 뜻함 */ -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #183b56 !important; font-size:1.25rem; }
.blog-4 .tab-content .body-content p {font-size: 16px !important ;}

.btn.btn-primary.outline {border-radius: 0.4rem;background-color: #fff !important;border: 2px solid #183b56!important;color: #183b56; padding: 10px !important;}

.btn.btn-primary.outline.blue {border-radius: 0.4rem;background-color: #fff !important;border: 2px solid #4c91ee!important;color: #4c91ee; padding: 10px !important;}

#btn_category_img {cursor: pointer; font-size: 35px;vertical-align: middle;}

a.mdi.mdi-heart {
    font-size: 17px;
    vertical-align: middle;
	margin-left: 10px;
}

#btn_search_img { width: 32px; height: 32px; cursor: pointer; top: 10px; position: absolute; left: 10px;}

/* 모바일 상세페이지 이미지 오른쪽으로 치우친거 제거 */
div#mflick ul {padding-left: 0px;}

/* 로그인박스 display 조절 */
@media screen and (max-width: 991px) {
	#login_box1 {display:none !important;}
	#login_box2 {display:block !important;}
	/* gnb에 화면 줄였을때 카테고리별 메인링크에 대한 css 20221223 장민주 추가 */
	.mainLink {display:block;}
}

@media screen and (min-width: 992px) {
	/* gnb에 화면 늘렸을때 카테고리별 메인링크에 대한 css 20221223 장민주 추가 */
	.mainLink {display:none;}
}

/* .map-button {display:inline-block;margin-top:3px; white-space: nowrap; color:#183b56;} */

.search-box1 {border:1px solid #7d7d7d; padding:3px 0 3px 5px; position: relative; width: 150px;display: inline-block;}

/* 모바일 로그인박스 레이어 20221223 장민주 추가 */
.layer {
    position: fixed;
    width: 40%;
    left: 50%;
    margin-left: -20%; 
    height: 140px;
    top: 85%;
    margin-top: -150px;
    overflow: auto;

   
    border: 1px solid #000;
    background-color: #eee;
    padding: 1em;
    box-sizing: border-box;
	border-radius: 0.5rem;
}

@media (max-width: 600px) {
    .layer {
        width: 80%;
        margin-left: -40%;
    }
}


.hidden {
    display: none;
}

.logout-box1 {
	position: absolute;
    top: 45px;
    right: 10px;
}

.search-box2 {
	width: 100%;
	border: 1px solid #000;
}

@media (max-width: 991px) {
    .second-search {
        display:block;
		width: 88%;
		padding-left: 9px;
		margin-top: 5px;
    }

	.search-box1, .map-button, .map-menu {
		display: none;
	}

	.map-button2 {
		display: block;
	}

	.navbar-collapse {
	    max-height: 450px;
	    overflow-y: auto;
	    padding: 0;
	    position: absolute;
	    left: 0px;
	    right: 0px;
	    top: 110px !important;
	    background: #fff;
	    padding-bottom: 10px;
	    padding-left: 25px;
	}
}

@media (min-width: 992px) {
    .second-search {
        display:none !important;
    }

	.search-box1, .map-button, .map-menu {
		display: block;
	}

	.map-button2 {
		display: none;
	}
}

.map-button2 {font-weight: bold; color: #183b56;}

.testimonial .testi-slider .testi-box .tab-image {
	text-align: center;
}

.btn2 {    padding: 12px 20px; font-size: 12px; font-weight: 600; letter-spacing: .5px; transition: all .5s; border: 1px solid #ee574c; border-radius: 40px; overflow: hidden; position: relative; outline: none !important;}
.btn-primary2 {background: #ee574c; color: #fff; border-color: #ee574c !important; border: 1px solid; outline: none !important;}
.btn-primary2-blue {background: #183b56; color: #fff; border-color: #183b56 !important; border: 1px solid; outline: none !important;}
.btn-primary2-outline {background: #fff; color: #ee574c !important; border-color: #ee574c !important; border: 1px solid; outline: none !important;}


/* 상세페이지 관련 css 20221227 jmj */
strong {color: #626262;}
.sns_img img {width: 35px; height: 35px; aspect-ratio: 5/5; object-fit: cover; object-position: center; border-radius: 1rem;}
.sns_img { display:none; position: absolute; right: -5px; top: 40px; padding: 5px; border: 1px solid #ddd; background-color: #fff; border-radius: 5px; box-shadow: 1px 2px 4px #000;}
#sns_layer_btn {/*border: 1px solid #183b56;*/ border-radius: 1rem; padding: 7px; margin-bottom: 15px;}
.detail_bar {border-bottom: none; margin-bottom: 10px;  padding: 20px 0 0 0;}
.detail_bar strong {color: #183b56;}
.freeimg span, .freeimg p {color: #626262;}
.button-margin a {margin-right: 5px;}
.button-margin input {margin-right: 5px;}
.button-margin button {margin-right: 5px;}
img[id^=slide_img] {border-radius: 20px; width:100%; height: 100%; object-fit: cover;}
/* ul[id^=slide_page] {padding-right: 1.5rem !important;} */
a.mdi.mdi-heart {margin-left: 0;}
body {font-size: 15px; font-family: "Mukta","Noto Sans KR",sans-serif; color:#183b56;}
h1, h2, h3 ,h4, h5, h6 { font-family: "Roboto",sans-serif; font-weight: 500; line-height: 1.4; color: #183b56; margin-top: 0; margin-bottom: 0.5rem;}
.h2, h2 {font-size: calc(1.325rem + .9vw);}
h1 {font-size: 1.7rem !important;}
p {margin-top: 0; margin-bottom: 1rem;}
#today-total {display: block; width: 200px; background-image: none; text-align: left; font-size: 15px;white-space: nowrap;}
.breadcrumb-item a:nth-last-child(1) {color:#ee574c !important}
.breadcrumb-item a {font-size: 13px;}
.clearfix:after{content:""; display:black; clear:both;}
.like_menu {height: 36px;width: 36px;line-height: 36px;box-shadow: 0px 3px 10px 0px rgb(31 134 239 / 30%);text-align: center;border-radius: 50%;}

input.btn2.btn-primary2:disabled {
    background: rgba(238, 87, 76, 0.6);
    color: rgba(255, 255, 255, 1);
    border-color: rgba(238, 87, 76, 0.6) !important;
}

input.btn2..btn-primary2-blue:disabled {
    background: rgba(24, 59, 86, 0.6);
    color: rgba(255, 255, 255, 1);
    border-color: rgba(24, 59, 86, 0.6) !important;
}

input.btn2.btn-primary2-outline:disabled {
    background: rgba(255, 255, 255, 0.6);
    color: rgba(238, 87, 76, 0.6) !important;
    border-color: rgba(238, 87, 76, 0.6) !important;
}