@charset "utf-8";

/* style.css 의 값을 재설정 */
#bo_v_con {margin:10px 0 30px;width:100%;line-height:1.7em;min-height:10px;word-break:break-all;overflow:hidden}
/* theme/basic/css/basic.css 의 값을 재설정 */
$bo_list_total { padding-bottom:5px; }
.btn_bo_user { padding-bottom:5px; }
.tbl_frm01 th {width:110px;text-align:right}


/* common */
.f_left{float:left;}
.f_right{float:right;}
.clear{clear:both;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}

.mb50{margin-bottom:50px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}


/* 기본테이블 */
.bo_tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border-bottom:1px solid #ccc;} 
.bo_tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.bo_tbl_head01 {margin:0 0 10px}
.bo_tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.bo_tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fafafa;height:40px}
.bo_tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.bo_tbl_head01 tfoot th, .bo_tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.bo_tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.bo_tbl_head01 td {color:#666;background:transparent;padding:10px 5px;border-top:1px solid #ccc;line-height:1.4em;height:60px;word-break:break-all}
.bo_tbl_head01 tbody tr:hover td{background:#fafafa;}
.bo_tbl_head01 a:hover {text-decoration:underline}

/* 폼 테이블 */
.bo_tbl_frm01 {margin:0 0 20px}
.bo_tbl_frm01 table {width:100%;border-collapse:collapse;border-bottom:1px solid #e9e9e9;}
.bo_tbl_frm01 tr {border-bottom:1px solid #ccc;}
.bo_tbl_frm01 th {width:110px;padding:7px 13px;border:0px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f5f8f9;text-align:right}
.bo_tbl_frm01 td {padding:7px 10px;border-top:1px solid #ccc;background:transparent}
.wr_content textarea,.bo_tbl_frm01 textarea,.form_01 textarea, .frm_input {border:0px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.bo_tbl_frm01 textarea {padding:2px 2px 3px}
.bo_tbl_frm01 select {height:40px;}
.frm_input {height:40px;}
.full_input{width:100%}
.half_input{width:49.5%}
.bo_tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.bo_tbl_frm01 a {text-decoration:none}
.bo_tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.bo_tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

#store_bo_sch {border:0px solid #ccc;background:#transparent;border-radius:3px}
#store_bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#store_bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#store_bo_sch select{border:0;margin:0px 5px ;height:38px;float:left;border-right:1px solid #ddd;}
#store_bo_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left}
#store_bo_sch .sch_btn{height:38px;float:left;background:none;border:0;width:40px;font-size:15px}

/* 현재 읽고 있는 게시글 위치 */
.td_current { border-left:1px solid #e8180c; }

/* 아이콘 */
.ico_store_state2{letter-spacing:-0.09em;display: inline-block;width:24px;height:22px;/*border-radius:20px;border:1px #6a6a6a solid;*/position: relative;font-size:8px;line-height:22px;font-style: normal;text-align: center;vertical-align: middle;font-size:0;}
.ico_store_state2:before{content:'';display: inline-block;width:24px;;height:22px;position: absolute;left:2px;top:-3px;z-index: -1;/*border-radius:16px;*/}
.ico_store_state2.ico_new{font-size:0; z-index:999;}
.ico_store_state2.ico_new:before{background-image:url('./img_custom/store_icon_new.png');background-size:cover; z-index:999;}

/* 아이콘 */
.ico_store_state{letter-spacing:-0.09em;display: inline-block;width:33px;height:31px;/*border-radius:20px;border:1px #6a6a6a solid;*/position: relative;font-size:8px;line-height:32px;font-style: normal;text-align: center;vertical-align: middle;font-size:0;}
.ico_store_state:before{content:'';display: inline-block;width:33px;;height:31px;position: absolute;left:2px;top:1px;z-index: -1;/*border-radius:16px;*/}
/*.ico_store_state.ico_open:after{color:#000;content:'OPEN';padding-left:2px;}*/
.ico_store_state.ico_open:before{background-image:url('./img_custom/store_icon_open.png');background-size:cover; z-index:999;}
/*.ico_store_state.ico_ready:after{color:#fff;content:'READY';padding-left:2px;}*/
.ico_store_state.ico_ready:before{background-image:url('./img_custom/store_icon_ready.png');background-size:cover; z-index:999;}
/*.ico_store_state.ico_close:after{color:#fff;content:'READY';padding-left:2px;}*/
.ico_store_state.ico_close:before{background-image:url('./img_custom/store_icon_close.png');background-size:cover; z-index:999;}

/* 아이콘 */
.lt-ie9 .ico_store_state{letter-spacing: 0;font-size:9px;}
.lt-ie9 .ico_store_state:before{left:0px;top:0px;z-index: -1;}

.t_center{text-align:center;}
.fixed_bold{font-weight: bold;color:#000;}
.t_left{text-align:left;}
.t_right{text-align:right;}
.v_mid{vertical-align:middle;}
.t_over{display:inline-block;position: relative;width:100%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align: middle;position: relative;box-sizing:border-box;color:#555;padding-right:20px;}

.store_frm01 {margin:0 0 20px}
.store_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.store_frm01 th {width:120px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.store_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.store_frm01 textarea,.store_frm01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

/* 매장찾기 */
.sub_store{ width:100%; }
.store_cont .inner{padding:0 50px;}

.store_cont .tbl_search{box-sizing:border-box;position: relative;padding-left:0px;padding-right:0px; width:100%;}

.store_cont .tbl_search .store_address_warp{width:30%; top:0; float:left;}
.store_cont .tbl_search .store_address_warp select:first-child{margin-right:0px;}
.store_cont .tbl_search .store_address_warp .store_address_select1{width:95%; height:45px; height:45px; border:1px solid #CCC;}

.store_cont .tbl_search .store_address_warp2{width:30%; top:0; float:left;}
.store_cont .tbl_search .store_address_warp2 select:first-child{margin-right:0px;}
.store_cont .tbl_search .store_address_warp2 .store_address_select2{width:95%; height:45px;}

.store_cont .tbl_search .store_address_warp3{width:30%; top:0; float:left; padding-right:0px;}
.store_cont .tbl_search .store_address_warp3 input{width:100%; height:40px;}

.store_cont .tbl_search .store_address_warp4{width:10%; top:0; float:left; padding-left:0px;}
.store_cont .tbl_search .store_address_warp4 button{width:90%;}

.store_map_wrap{height:518px;background:#f9f9f9;margin-bottom:60px;position: relative;}
.store_cont .table caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.store_cont .table tbody td{padding:0 5px;}
.store_cont .table tbody td .btn_gray1{background: #f9f9f9;border-color:#ddd;color:#555;}
.store_cont .table tbody .on td{font-weight: bold;}
.store_cont .table tbody .on td .btn_gray1, .store_cont .table tbody td .btn_gray1:hover{background: #555;border-color:#555;color:#fff;}
.store_cont .table tbody .on .store_name{color:#ec5757;}

.store_location{width:80px;}
.store_state{width:50px;}
.store_address{width:25%;}
.store_cont .table tbody td.store_name{position: relative;}

.store_detail_img{position: absolute;left:0;top:0;bottom:0;right:0;display: none;}
.store_detail_img:before{content:'';display: block;position: absolute;width:100%;height:100%;background: #000;opacity:.5;}
.store_detail_img img{width:100%;position: relative;}
.store_detail_close{font-size:0;position: absolute;right:0;top:0;background: #333;width:60px;height:60px;z-index: 3;text-align: center;line-height: 60px;}
.store_detail_close:after{content:"X";font-family:arial;color:#fff;font-size:40px;}

/* 매장찾기 상세 */
.store_info{text-align: left;}
.store_cont .table .store_info td{box-sizing:border-box;padding:0 1.4285em;}
.store_cont .table .store_info dd{margin:10px 0;}
.store_cont .table .store_info dd p{position: relative;padding:2px 0 12px 87px;}
.store_cont .table .store_info dd p strong{position: absolute;left:0;top:50%;width:87px;display: inline-block;margin-top:-11px;}


/* 검색창 */
.tbl_search{margin:0em 0 1em;text-align:right;}
.tbl_search select{width:10em;height:38px;}
.tbl_search input{width:15em;height:38px;}
.thumb_list_wrap .tbl_search{box-sizing:border-box;padding:0 8px;}

/* 버튼 */
.button{display: inline-block;vertical-align: middle;box-sizing:border-box;text-align:center;cursor: pointer;text-decoration: none !important;}
.button:hover{text-decoration: none;}
.btn_large{font-size:1.4285em;line-height:60px;width:232px;height:60px;}
.btn_mid{font-size:1.4285em;line-height:60px;width:160px;height:60px;}

.btn_small{font-size:1em;line-height:40px;width:70px;height:40px;}
.btn_blk{background:#000;color:#fff;border:1px #000 solid;}
.btn_wht{background:#fff;color:#000;border:1px #000 solid;}
.btn_gray1{background:#555;color:#fff;border:1px #555 solid;}
.btn_gray2{background:#f9f9f9;color:#555555;border:1px #dddddd solid;}

.hvr-underline-from-left.btn_large:before{border-width:2px;}
.hvr-underline-from-left.btn_small:before{border-width:1px;}
.hvr-underline-from-left:before{background:#666;}
.btn_blk.hvr-underline-from-left:before{background:#999;}
.btn_gray1.hvr-underline-from-left:before{background:#fff;}


.btn_blk.hvr-reveal:before{border-color:#999;}
.btn_wht.hvr-reveal:before{border-color:#999;}
.btn_gray1.hvr-reveal:before{border-color:#999;}
.btn_gray2.hvr-reveal:before{border-color:#999;}

.btn_reply{display: inline-block;vertical-align: middle;box-sizing:border-box;text-align:center;font-size:0;}
.btn_reply:before{font-family:fontAwesome;font-weight:normal;font-size:20px;color:#7c7c7c;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); border-radius:36px;display:inline-block;text-align:center;height:36px;line-height:36px;min-width:36px;margin:0 5px;box-sizing:border-box;cursor:pointer;}
.reply_modify:before{content:"\f040";}
.reply_delete:before{content:"\f014";}
.btn_reply.on:before{color:#000;background:#ffe158;}
.btn_reply:hover:before{color:#000;background:#ffe158;}


/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */
@media only screen and (max-width: 1730px){
}
@media only screen and (max-width: 1300px){
}

@media only screen and (max-width: 1250px){
	/* 매장찾기 */
	.store_cont .inner{padding: 0 0.7142em;}
}

@media only screen and (max-width: 1024px){


	/* 매장찾기 */
	.store_cont .tbl_search{padding-left:0px;}
	
	.store_cont .tbl_search .store_address_warp{width:30%;}
	.store_cont .tbl_search .store_address_warp select{width:100%;}
	
	.store_cont .tbl_search .store_address_warp2{width:30%;}
	.store_cont .tbl_search .store_address_warp2 select{width:100%;}
	
	.store_map_wrap{margin-bottom:30px;}
	.store_address, .store_open_time, .store_state{display: none;}

	/*
	.store_cont .table thead{display: none;}
	.store_cont .table tbody td .btn_gray1{width:100%;}
	.store_cont .table tbody td{display: block;width:auto;line-height:4.1428em;padding:0 0 0 5.5em;text-align:left;border:0 none;position: relative;}
	.store_cont .table tbody td:before{content: attr(data-th);width:5.5em;padding-left:10px;display: inline-block;position: absolute;left:0;line-height:4.1428em;color:#000;font-weight:bold;}
	.store_cont .table tbody tr{border-bottom:1px #ddd solid; }
	.store_cont .table td .ico_new{background:#ec5757;position: relative;right:auto;top:0;margin-left:10px;}
	*/
	/*
	.store_cont .table tbody tr td.store_location, .store_cont .table tbody tr td.store_name{background:#f9f9f9;font-weight: bold;line-height:4.1428em;font-size:1em;}
	.store_cont .table tbody tr td.store_address{width:100%;text-align: center;}
	.store_cont .table tbody tr td.store_address span{padding-right:0;}
	*/
}

@media only screen and (max-width: 900px){

	/* 매장찾기 */
	.store_map_wrap{height:450px;}
}

@media only screen and (max-width: 760px){
	/** 매장찾기 **/
	#sub_tit_wrap.sub_store .sub_tit_ico{width:200px;height:281px;bottom:-115px;right:-50px;}
	.store_detail_close{width:40px;height:40px;line-height: 40px;}
	.store_detail_close:after{font-size:25px;}

	/* 매장찾기 상세 */
	.store_view.table thead th{padding:0 1.4285em;}

	/* 아이콘 */
	.ico_new{position: absolute;right:10px;top:50%;margin-top:-8px;width:14px;height:14px;margin-left:0;}
	.ico_store_state.ico_new:before{width:16px;height:14px;left:1px;}
	.ico_store_state.ico_new:after{font-size:10px;line-height:14px;}

}

@media only screen and (max-width: 640px){
	/** 매장찾기 **/
	#sub_tit_wrap.sub_store .sub_tit_ico{width:120px;height:168px;bottom:-60px;right:-33px;}
	.store_map_wrap{height:400px;}
	/*
	.store_cont .tbl_search{padding-left:0;padding:0;}
	.store_cont .tbl_search .store_address_warp{width:100%;position: relative;}
	.store_cont .tbl_search .store_address_warp:after{content:'';clear:both;display: block;}
	.store_cont .tbl_search .store_address_warp select{width:49.5%;margin-left:0.5%;}
	.store_cont .tbl_search .store_address_warp:first-child select{margin-left:0;margin-right:0.5%;}
	.store_cont .tbl_search .store_input_wrap{display: block;box-sizing:border-box;padding-right:110px;margin-top:10px;}
	.store_cont .tbl_search .button{top:auto;bottom:0;}
	*/
}

@media only screen and (max-width: 480px){

	/* 매장찾기 */
	/*
	.store_cont .tbl_search .button{width:100px;}
	*/
	.store_cont .table tbody td .btn_gray1{width:100%;}
	.store_location{width:15%;}
	.store_view_detail{width:15%;}
	.store_map_wrap{height:300px;}

	/* 매장찾기 상세 */
	.store_cont .table .store_info dd p{padding:2px 0 12px 60px;}
	.store_cont .table .store_info dd p strong{width:60px;}
	
	.store_address_search_button {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
}

@media only screen and (max-width: 400px){
}
