@charset "utf-8";
/* SIR 지운아빠 */

/* branch */
div#area_box,
div#bo_list {clear: both;}

div#area_box{overflow: hidden;width:100%;margin:30px auto;padding:0 16px;scroll-margin-top:72px;}
.area_box_top{display:flex;flex-flow:row nowrap;justify-content:center;align-items: center;gap:40px;margin-bottom: 50px;}
.area_box_top > div{width:50%;}
div#area_map {position:relative;min-width: 290px;max-width: 600px;border:1px solid #e8e8e8;}
div#area_map img {width:100%;}
#search_box{min-width:320px;}

div#area_box_adm,
div#bo_list {clear: both;}
div#area_box_adm{overflow: hidden;margin: 0 auto;width:1200px;}
div#area_map_adm {float:left;width: 300px;border:1px solid #e8e8e8;line-height:330px;}
div#search_box_adm {float:left;margin-left:10px;width: 890px;}

/* 목록 버튼 */
#adm_bo_list a.btn_b01 {display:inline-block;padding:0 10px;height:23px;border:1px solid #d9ded9;background:#f5f6fa;color:#000;text-decoration:none;line-height:2.15em;vertical-align:middle}
#adm_bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {text-decoration:none}
#adm_bo_list a.btn_b02 {display:inline-block;padding:0 10px;height:23px;border:1px solid #000;background:#333;color:#fff;text-decoration:none;line-height:2.15em;vertical-align:middle}
#adm_bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {text-decoration:none}
#adm_bo_list a.btn_admin {display:inline-block;padding:0 10px;height:23px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;line-height:2.15em;vertical-align:middle} /* 관리자 전용 버튼 */
#adm_bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {text-decoration:none}

fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

/* 읽기 버튼 */
/* #bo_v a.btn_b01 {display:inline-block;padding:0 10px;height:23px;border:1px solid #d9ded9;background:#f5f6fa;color:#000;text-decoration:none;line-height:2.15em;vertical-align:middle}
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {text-decoration:none}
#bo_v a.btn_b02 {display:inline-block;padding:0 10px;height:23px;border:1px solid #000;background:#333;color:#fff;text-decoration:none;line-height:2.15em;vertical-align:middle}
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {text-decoration:none}
#bo_v a.btn_admin {display:inline-block;padding:0 10px;height:23px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;line-height:2.15em;vertical-align:middle} */

/* 관리자 전용 버튼 */
/* #bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {text-decoration:none}
#bo_v a.btn_b10 {display:inline-block;padding:0 10px;height:23px;background:#333;color:#fff;text-decoration:none;line-height:2.15em;vertical-align:middle}
#bo_v a.btn_b10:focus, #bo_v a.btn_b10:hover {text-decoration:none} */


/* 쓰기 버튼 */
/* #bo_w .btn_confirm {text-align:center} 서식단계 진행 */
/* #bo_w .btn_submit {padding:0 10px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer}
#bo_w button.btn_submit {height:22px;font-size:1em}
#bo_w fieldset .btn_submit {height:22px;font-size:1em}
#bo_w .btn_cancel {display:inline-block;padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa;line-height:2em;color:#000;}
#bo_w button.btn_cancel {display:inline-block;padding:0 10px;height:24px;border:1px solid #ccc;background:#fafafa;line-height:2em}
#bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {text-decoration:none !important} */
/* 우편번호검색버튼 등 */
/* #bo_w a.btn_frmline, #bo_w button.btn_frmline{display:inline-block;padding:0 7px 0 5px;height:22px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:2em}  */
/* #bo_w button.btn_frmline {font-size:1em} */

/* ### 기본 스타일 커스터마이징 시작 ### */

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list a.btn_b01 {}
#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {}
#bo_list a.btn_b02 {}
#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {}
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 {}
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}
#bo_v a.btn_b02 {}
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit {}
#bo_w button.btn_submit {}
#bo_w fieldset .btn_submit {}
#bo_w .btn_cancel {}
#bo_w button.btn_cancel {}
#bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {}
#bo_w a.btn_frmline, #bo_w button.btn_frmline {} /* 우편번호검색버튼 등 */
#bo_w button.btn_frmline {}

/* 기본 테이블 */
/* 목록 테이블 */
#adm_bo_list .tbl_head01 { margin:0; padding:0;}
#bo_list .tbl_head01 caption {}
#bo_list .tbl_head01 thead th { border-top:1px solid #000; border-bottom:1px solid #000; background:#fff;}
#bo_list .tbl_head01 thead a {}
#bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_list .tbl_head01 tfoot th {}
#bo_list .tbl_head01 tfoot td {}
#bo_list .tbl_head01 tbody th {}
#bo_list .tbl_head01 th{border-top:1px solid #000; border-bottom:1px solid #000;}
#bo_list .tbl_head01 td {border-bottom:1px solid #333;}
#bo_list .tbl_head01 a {}
#bo_list td.empty_table {}

/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_info {}
#bo_w .frm_address {}
#bo_w .frm_file {}

#bo_w .tbl_frm01 {}
#bo_w .tbl_frm01 th {}
#bo_w .tbl_frm01 td {}
#bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input {}
#bo_w .tbl_frm01 textarea {}
/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}

/* 필수입력 */
#bo_w .required, #bo_w textarea.required {}

#bo_w .cke_sc {}
#bo_w button.btn_cke_sc{}
#bo_w .cke_sc_def {}
#bo_w .cke_sc_def dl {}
#bo_w .cke_sc_def dl:after {}
#bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {}
#bo_w .cke_sc_def dt {}
#bo_w .cke_sc_def dd {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 게시판 목록 */
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_chk {width:30px;text-align:center}
#bo_list .td_date {width:60px;text-align:center}
#bo_list .td_datetime {width:110px;text-align:center}
#bo_list .td_group {width:100px;text-align:center}
#bo_list .td_mb_id {width:100px;text-align:center}
#bo_list .td_mng {width:80px;text-align:center}
#bo_list .td_name {width:100px;text-align:left}
#bo_list .td_nick {width:100px;text-align:center}
#bo_list .td_num {width:50px;text-align:center}
#bo_list .td_numbig {width:80px;text-align:center}

#bo_list .td_subject {width:40%;text-align:left}
#bo_list .td_location {text-align:left}

#bo_list .txt_active {color:#5d910b}
#bo_list .txt_expired {color:#ccc}

#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin-bottom:10px;padding-left:1px;width:100%;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:90px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}

.td_subject img {margin-left:3px}

/* 게시판 목록 공통 */
.bo_fx {display:flex;flex-flow:row nowrap;align-items:center;gap:16px;margin:10px 0 5px 0px;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;padding-top:5px}
.btn_bo_user {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:16px;}
.btn_bo_user a{padding: 0 10px;
		line-height:25px;
    height: 25px;
    border: 1px solid #181818;
    background: #181818;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;}
.btn_bo_adm {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:5px;}
.btn_bo_adm li {}
.btn_bo_adm input {padding:0 10px;height:25px;border:1px solid #e8180c !important;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;cursor:pointer}
.bo_notice td {background:#f5f6fa}
.bo_notice td a {font-weight:bold}
.td_num strong {color:#000}
.bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */
.bo_current {color:#e8180c}
#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

#bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:right}
#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right}
.autosave_close {cursor:pointer}
.autosave_content {display:none}

/* 게시판 읽기 */
#bo_v {margin-bottom:20px;padding-bottom:20px}

#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em; display: none;}

#bo_v_title {padding:10px 0;font-size:1.2em}

#bo_v_info {padding:0 0 10px;border-bottom:1px solid #ddd}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}

#bo_v_file {}
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_file a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_link {}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_link a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}

#bo_v_bot {width:90%;margin:0 auto;zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}

#bo_v_atc {min-height:200px;height:auto !important;height:200px}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {margin:0 auto 10px;width:90%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con {width:90%;margin:0 auto 30px;line-height:1.7em;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_con .bo_v_con_tit{width:150px;padding:10px 0;text-align:center;font-size:24px;background:#dadada;}
#bo_v_con .bo_v_con_con{padding:20px;font-size:14px;line-height:1.6;border:1px solid #ddd;}

#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

/* 게시판 댓글 */
#bo_vc {margin:0 0 20px;padding:20px 20px 10px;border:1px solid #e5e8ec;background:#f5f8f9}
#bo_vc h2 {margin-bottom:10px}
#bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc}
#bo_vc header {position:relative;padding:15px 0 5px}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc_empty {margin:0;padding:20px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}

#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc_w #char_cnt {display:block;margin:0 0 5px}

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 20px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}
.select_area_description{
	margin-top:30px;
	font-size:13px;
}
select.frm_input{
	-webkit-appearance: none ;
	appearance: none ;
	-moz-appearance: none ;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==) #fff right center no-repeat !important;
    padding-right: 1.5em;
	}
select.frm_input::-ms-expand {
    display: none;
}
.search_jijeom{
	border-top:1.3px dashed #ccc;
	border-bottom:1.3px dashed #ccc;
	padding:10px 15px;
	background:#fafafa;
}
.search_jijeom table{
	width:100%;
	border-collapse:collapse;
	margin:0px;
	padding:0px;
	text-align:center;
}
.search_jijeom table td{
	padding:3px 0;
}
.search_jijeom table select{
	width:97%;
	height:45px;
	font-size:15px;
	padding:8px 8px;
	outline:none;
}
.e4eaec{
	border:1px solid #e4eaec;
	padding:5px 8px;
	width:98.5%;
	margin:0px auto;
	background:#fff;
	display:flex;flex-flow:row nowrap;justify-content: space-between;align-items: center;gap:5px;
}
.e4eaec input[type=text]{
	height:25px;
	font-size:16px;
	padding:8px 5px;
	background:#fff;
	border:0px;
	outline:none;
	width:calc(100% - 36px);
	border-right:1px solid #ccc;
	box-shadow:none;
}
.e4eaec button{
	background:transparent;
	border:0px;
	font-size:25px;
}
.sebu_img, .sebu_txt{
	text-align:center;
}
.sebu_img div{
	text-align:center;
	display:inline-block;
	width:80px;
	padding:8px 0px;
	margin-top:10px;
	padding-bottom:3px;
}
.sebu_txt div{
	text-align:center;
	display:inline-block;
	width:80px;
	padding:4px 0px;
}
.sebu_infobox{
	margin:10px 0px;
	padding:5px;
	font-size:13px;
	border:2px solid #eee;
	background:#fafafa;
	color:#666;
	text-align:center;
}
.__str_service{
	display:none;
}
#wr_401.__str_service + label{
	background-image:url(./img/hole_off.png);
	background-repeat:no-repeat;
	background-size:50px 50px;
	width:50px; height:50px;
	cursor:pointer;
	display:inline-block;
}
#wr_401.__str_service:checked + label{
	background-image:url(./img/hole_on.png);
}

#wr_402.__str_service + label{
	background-image:url(./img/take_off.png);
	background-repeat:no-repeat;
	background-size:50px 50px;
	width:50px; height:50px;
	cursor:pointer;
	display:inline-block;
}
#wr_402.__str_service:checked + label{
	background-image:url(./img/take_on.png);
}
#wr_403.__str_service + label{
	background-image:url(./img/deli_off.png);
	background-repeat:no-repeat;
	background-size:50px 50px;
	width:50px; height:50px;
	cursor:pointer;
	display:inline-block;
}
#wr_403.__str_service:checked + label{
	background-image:url(./img/deli_on.png);
}


.map_name_link a{position:absolute;width:10%;height:5%;}
.map_name_link .map_busan{top: 67%;left: 70%;}
.map_name_link .map_jeju{top:91%;left:21.7%;width:13%;}
.map_name_link .map_seoul{top: 22%;
    left: 24%;}
.map_name_link .map_incheon{top: 21%;
    left: 7%;}
.map_name_link .map_chungbuk{    top: 35%;
    left: 39%;}
.map_name_link .map_chungnam{top: 42%;
    left: 19%;}
.map_name_link .map_ulsan{top: 60%;
    left: 75%;}
.map_name_link .map_jeonnam{top: 74%;
    left: 20%;}
.map_name_link .map_gwangju{top: 67%;
    left: 27%;}
.map_name_link .map_gyeongnam{top: 62.5%;
    left: 51%;}
.map_name_link .map_jeonbuk{top: 56%;
    left: 27%;}
.map_name_link .map_daegu{top: 55%;
    left: 59%;}
.map_name_link .map_gyeongbuk{top: 41.5%;
    left: 59%;}
.map_name_link .map_daejeon{    top: 46%;
    left: 36.5%;}
.map_name_link .map_sejong{    top: 40.6%;
    left: 31%;}
.map_name_link .map_gyeonggi{top: 28.4%;
    left: 28%;}
.map_name_link .map_gangwon{top: 18.6%;left: 51.4%;}


@media all and (max-width:1200px){
	.area_box_top{gap:20px;}
}


@media all and (max-width:767px){
	.area_box_top{flex-direction:column;margin-bottom:20px;}
	.area_box_top > div{width:90%}
	div#area_map{max-width:400px;}
}


/* =========================================================
   STORE SEARCH BOARD
========================================================= */

#area_box.store_board {
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    padding: 80px 2.5rem 120px;
    overflow: visible;
}


/* =========================================================
   SEARCH
========================================================= */

.store_search_section {
    position: relative;
    width: 100%;
    margin-bottom: 110px;
}


.store_search_layout {
    display: grid;
    grid-template-columns: minmax(360px, 0.9fr) minmax(480px, 1.1fr);
    align-items: stretch;
    gap: clamp(40px, 6vw, 100px);
}


/* =========================================================
   MAP
========================================================= */

#area_box .store_map {
    position: relative;
    width: 100%;
    min-width: 0;
    max-width: 620px;
    margin: 0 auto;
    border: 0;
    border-radius: 24px;
    background: #f8f8f8;
    overflow: hidden;
}


#area_box .store_map > img {
    display: block;
    width: 100%;
    height: auto;
}


/*
 * 기존 지역 클릭 영역 유지
 */

#area_box .map_name_link {
    position: absolute;
    inset: 0;
}


#area_box .map_name_link a {
    position: absolute;
    z-index: 5;
}



/* =========================================================
   SEARCH PANEL
========================================================= */

#area_box #search_box.store_search {
    display: flex;
    min-width: 0;
    align-items: center;
}


.store_search_inner {
    width: 100%;
    max-width: 680px;
}


.store_search_title {
    margin-bottom: 48px;
}


.store_search_eng {
    display: block;
    margin-bottom: 18px;

    color: var(--color-primary, #ff2b37);

    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .02em;
}


.store_search_title h2 {
    margin: 0;

    color: var(--color-text, #171617);

    font-size: clamp(32px, 3vw, 48px);
    font-weight: 600;
    line-height: 1.28;
    letter-spacing: -.04em;
}


.store_search_title p {
    margin: 24px 0 0;

    color: #777;

    font-size: 17px;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: -.02em;
}



/* =========================================================
   SEARCH FORM
========================================================= */

.store_search_form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}


.store_select_grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}


.store_field {
    min-width: 0;
}


.store_field > label {
    display: block;
    margin-bottom: 10px;

    color: #333;

    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
}


#area_box .store_field select,
#area_box .store_field input[type="text"] {
    width: 100%;
    height: 58px;

    margin: 0;
    padding: 0 18px;

    border: 1px solid #ddd;
    border-radius: 10px;

    background-color: #fff;

    color: #171617;

    font-family: inherit;
    font-size: 16px;
    font-weight: 400;

    outline: none;

    box-shadow: none;

    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}


#area_box .store_field select {
    padding-right: 46px;

    background-position:
        calc(100% - 18px) center !important;
}


#area_box .store_field select:focus,
#area_box .store_field input[type="text"]:focus {
    border-color: #171617;

    box-shadow:
        0 0 0 3px rgba(23, 22, 23, .06);
}


.store_keyword {
    position: relative;
}


#area_box .store_keyword input[type="text"] {
    padding-right: 70px;
}


.store_search_button {
    position: absolute;
    top: 50%;
    right: 7px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 44px;
    height: 44px;

    padding: 0;

    border: 0;
    border-radius: 8px;

    background: #171617;

    color: #fff;

    font-size: 17px;

    cursor: pointer;

    transform: translateY(-50%);

    transition:
        background .25s ease,
        transform .25s ease;
}


.store_search_button:hover {
    background:
        var(--color-primary, #ff2b37);
}



/* =========================================================
   RESULT
========================================================= */

.store_result_section {
    width: 100%;
}


.store_result_header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 30px;

    margin-bottom: 30px;
}


.store_result_eng {
    display: block;

    margin-bottom: 12px;

    color:
        var(--color-primary, #ff2b37);

    font-size: 15px;
    font-weight: 600;
    line-height: 1;
}


.store_result_header h2 {
    margin: 0;

    color: #171617;

    font-size: clamp(26px, 3vw, 36px);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.04em;
}


.store_result_count {
    margin: 0;

    color: #777;

    font-size: 16px;
    line-height: 1.5;
}


.store_result_count strong {
    color:
        var(--color-primary, #ff2b37);

    font-weight: 600;
}



/* =========================================================
   RESULT LIST
========================================================= */

.store_result_list {
    width: 100%;
    border-top: 2px solid #171617;
}



.store_result_item {
    display: grid;

    grid-template-columns:
        110px
        minmax(220px, 1.25fr)
        minmax(220px, 1.25fr)
        minmax(140px, .8fr)
        minmax(140px, .85fr)
        minmax(140px, .85fr);

    align-items: stretch;

    min-height: 90px;

    border-bottom: 1px solid #e8e8e8;

    background: #fff;
}


/* 관리자 체크박스 포함 = 7열 */

.store_result_item:has(.store_check) {
    grid-template-columns:
        50px
        110px
        minmax(220px, 1.25fr)
        minmax(220px, 1.25fr)
        minmax(140px, .8fr)
        minmax(140px, .85fr)
        minmax(140px, .85fr);
}


/* =========================================================
   HEAD
========================================================= */

/*
 * 헤더는 마지막 월광고비 + 월노출횟수를
 * 계약내역 하나의 영역으로 합침
 */

.store_result_head {
    display: grid;

    grid-template-columns:
        110px
        minmax(220px, 1.25fr)
        minmax(220px, 1.25fr)
        minmax(140px, .8fr)
        minmax(280px, 1.7fr);

    min-height: 88px;

    background: #fafafa;

    border-bottom: 1px solid #ddd;

    color: #333;

    font-size: 15px;
    font-weight: 600;

    text-align: center;
}


/* 관리자 체크박스 */

.store_result_head:has(.store_check) {
    grid-template-columns:
        50px
        110px
        minmax(220px, 1.25fr)
        minmax(220px, 1.25fr)
        minmax(140px, .8fr)
        minmax(280px, 1.7fr);
}


/* 일반 헤더 */

.store_result_head > .store_head_basic,
.store_result_head > .store_check {
    display: flex;

    align-items: center;
    justify-content: center;

    padding: 18px 12px;

    border-right: 1px solid #e4e4e4;
}





/* 계약내역 */

.store_result_head .store_head_contract {
    display: grid;

    grid-template-rows:
        42px
        46px;

    padding: 0;

    /* border-right: 1px solid #171617; */
}


.store_head_contract_title {
    display: flex;

    align-items: center;
    justify-content: center;

    border-bottom: 1px solid #e4e4e4;

    color: #333;

    font-size: 15px;
    font-weight: 600;
}


.store_head_contract_sub {
    display: grid;

    grid-template-columns:
        1fr
        1fr;
}


.store_head_contract_sub span {
    display: flex;

    align-items: center;
    justify-content: center;

    padding: 8px 12px;

    color: #555;

    font-size: 14px;
    font-weight: 500;

    line-height: 1.3;
}


.store_head_contract_sub span:first-child {
    border-right: 1px solid #e4e4e4;
}




/* ROW */

.store_result_item {
    min-height: 90px;

    border-bottom: 1px solid #e8e8e8;

    background: #fff;

    transition: background .2s ease;
}


.store_result_item > div {
    display: flex;

    align-items: center;
    justify-content: center;

    min-width: 0;

    padding: 18px 14px;

    border-right: 1px solid #eee;

    color: #555;

    font-size: 16px;
    line-height: 1.5;

    text-align: center;
}


.store_result_item > div:last-child {
    border-right: 0;
}

.store_result_item:hover {
    background: #fafafa;
}




/* 지역 */
.store_area {
    color: #171617 !important;

    font-weight: 600;
}



/* 방송사 */

.store_company {
    min-height: 90px;
}


.store_company_value {
    display: flex;

    width: 100%;

    align-items: center;
    justify-content: center;
}


.store_company_logo {
    display: flex;

    width: 100%;
    max-width: 150px;
    height: 54px;

    align-items: center;
    justify-content: center;
}


.store_company_logo img {
    display: block;

    max-width: 100%;
    max-height: 48px;

    width: auto;
    height: auto;

    object-fit: contain;
}


.store_company_name {
    color: #171617;

    font-size: 16px;
    font-weight: 600;

    text-decoration: none;

    transition: color .2s ease;
}


.store_company_name:hover {
    color: var(--color-primary, #ff2b37);
}

.store_exposure_value {
    display: inline-block;

    font-family:
        Arial,
        "Noto Sans KR",
        sans-serif;

    white-space: nowrap;
}


/* 관리자 */

.store_check {
    text-align: center;
}


.store_check input[type="checkbox"] {
    width: 17px;
    height: 17px;

    accent-color: var(--color-primary, #ff2b37);
}


/* 모바일 전용 라벨 */

.store_mobile_label {
    display: none;
}

/* =========================================================
   EMPTY
========================================================= */

.store_result_empty {
    padding: 90px 20px;

    border-top: 2px solid #171617;
    border-bottom: 1px solid #e8e8e8;

    text-align: center;
}


.store_result_empty strong {
    display: block;

    color: #333;

    font-size: 20px;
    font-weight: 600;
}


.store_result_empty p {
    margin: 10px 0 0;

    color: #888;

    font-size: 16px;
    line-height: 1.6;
}



/* =========================================================
   BOARD BUTTON
========================================================= */

#area_box .bo_fx {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin: 28px 0 0;
}


#area_box .btn_bo_user,
#area_box .btn_bo_adm {
    display: flex;

    align-items: center;

    gap: 8px;

    margin: 0;
    padding: 0;

    list-style: none;
}


#area_box .btn_bo_user a,
#area_box .btn_bo_adm input {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 90px;
    height: 44px;

    margin: 0;
    padding: 0 18px;

    border: 1px solid #ddd;
    border-radius: 7px;

    background: #fff;

    color: #333;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;

    line-height: 1;

    cursor: pointer;

    text-decoration: none;
}


#area_box .btn_bo_user .btn_b02 {
    border-color: #171617;

    background: #171617;

    color: #fff;
}


#area_box .btn_bo_adm input {
    border-color: #ddd !important;

    background: #fff;

    color: #555;
}



/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    #area_box.store_board {
        padding-top: 60px;
        padding-bottom: 90px;
    }


    .store_search_section {
        margin-bottom: 80px;
    }


    .store_search_layout {
        grid-template-columns:
            minmax(300px, .9fr)
            minmax(380px, 1.1fr);

        gap: 40px;
    }


    #area_box .store_map {
        align-self: center;
    }


    .store_search_title {
        margin-bottom: 35px;
    }


    .store_search_title h2 {
        font-size: 34px;
    }


    .store_search_title p {
        margin-top: 18px;

        font-size: 16px;
    }


    #area_box .store_field select,
    #area_box .store_field input[type="text"] {
        height: 54px;
    }

		/* TABLET - 검색 결과 테이블 */
		.store_result_item {
				grid-template-columns:
						90px
						minmax(160px, 1.2fr)
						minmax(150px, 1.1fr)
						minmax(110px, .8fr)
						minmax(115px, .85fr)
						minmax(115px, .85fr);
		}

		.store_result_item:has(.store_check) {
				grid-template-columns:
						42px
						90px
						minmax(160px, 1.2fr)
						minmax(150px, 1.1fr)
						minmax(110px, .8fr)
						minmax(115px, .85fr)
						minmax(115px, .85fr);
		}


		/* 헤더도 실제 데이터와 동일한 열 기준 */
		.store_result_head {
				grid-template-columns:
						90px
						minmax(160px, 1.2fr)
						minmax(150px, 1.1fr)
						minmax(110px, .8fr)
						minmax(230px, 1.7fr);
		}

		.store_result_head:has(.store_check) {
				grid-template-columns:
						42px
						90px
						minmax(160px, 1.2fr)
						minmax(150px, 1.1fr)
						minmax(110px, .8fr)
						minmax(230px, 1.7fr);
		}


		/* 태블릿에서는 여백과 글자만 조금 축소 */
		.store_result_item > div {
				padding-left: 10px;
				padding-right: 10px;
				font-size: 15px;
		}

		.store_result_head > .store_head_basic,
		.store_result_head > .store_check {
				padding-left: 8px;
				padding-right: 8px;
		}

		.store_result_head {
				font-size: 14px;
		}

		.store_head_contract_title {
				font-size: 14px;
		}

		.store_head_contract_sub span {
				padding-left: 8px;
				padding-right: 8px;
				font-size: 14px;
		}

		.store_company_logo {
				max-width: 130px;
		}


}



/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    #area_box.store_board {
        padding:
            40px 20px
            70px;
    }


    .store_search_section {
        margin-bottom: 65px;
    }


    .store_search_layout {
        display: flex;

        flex-direction: column;

        gap: 45px;
    }


    #area_box .store_map {
        width: 100%;
        max-width: 430px;

        border-radius: 18px;
    }


    #area_box #search_box.store_search {
        width: 100%;
    }


    .store_search_inner {
        max-width: none;
    }


    .store_search_title {
        margin-bottom: 32px;
    }


    .store_search_eng {
        margin-bottom: 14px;

        font-size: 14px;
    }


    .store_search_title h2 {
        font-size: 30px;
    }


    .store_search_title p {
        margin-top: 16px;

        font-size: 16px;
        line-height: 1.65;
    }


    .pc_br {
        display: none;
    }


    .store_search_form {
        gap: 18px;
    }


    .store_select_grid {
        grid-template-columns: 1fr;

        gap: 18px;
    }


    .store_field > label {
        margin-bottom: 8px;

        font-size: 15px;
    }


    #area_box .store_field select,
    #area_box .store_field input[type="text"] {
        height: 54px;

        font-size: 16px;
    }


    /* RESULT */

    .store_result_header {
        align-items: flex-end;

        margin-bottom: 22px;
    }


    .store_result_header h2 {
        font-size: 26px;
    }


    .store_result_eng {
        font-size: 14px;
    }


    .store_result_count {
        font-size: 14px;
    }


    .store_result_head {
        display: none;
    }


    .store_result_list {
        display: flex;

        flex-direction: column;

        gap: 14px;

        border-top: 0;
    }


    .store_result_item,
    .store_result_item:has(.store_check) {
        position: relative;

        display: grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        min-height: 0;

        padding: 0;

        border: 1px solid #e5e5e5;
        border-radius: 14px;

        background: #fff;

        overflow: hidden;
    }


    .store_result_item:hover {
        background: #fff;
    }


    .store_result_item > div {
        display: block;

        padding: 18px;

        border-right: 0;
        border-bottom: 1px solid #eee;

        text-align: left;
    }


		.store_result_item .store_area {
        grid-column: 1 / 2;
    }


    .store_result_item .store_company {
        grid-column: 2 / 3;

        min-height: 0;
    }

		.store_result_item .store_price,
    .store_result_item .store_exposure {
        border-bottom: 0;
    }



    .store_result_item .store_check {
        position: absolute;

        top: 12px;
        right: 12px;

        z-index: 2;

        width: auto;

        padding: 0;

        border: 0;
    }


    .store_name {
        padding-right: 35px !important;
    }


    .store_name a {
        font-size: 18px;
        line-height: 1.4;
    }


    .store_mobile_label {
        display: block;

        margin-bottom: 8px;

        color: #999;

        font-size: 14px;
        font-weight: 400;
        line-height: 1.4;
    }

		.store_result_item > div > span:not(.store_mobile_label) {
        color: #333;

        font-size: 16px;
        font-weight: 500;
    }


    .store_name
    .store_mobile_label {
        display: none;
    }


		.store_company_value {
        justify-content: flex-start;
    }


    .store_company_logo {
        justify-content: flex-start;

        max-width: 130px;
        height: 36px;
    }


    .store_company_logo img {
        max-height: 34px;
    }


    .store_company_name {
        font-size: 16px;
    }



    .store_tel {
        display: flex;

        align-items: center;

        margin-top: 18px;

        text-align: left;
    }


    .store_tel a {
        color: #555;

        font-size: 16px;
    }


    .store_map_link {
        margin-top: 20px;

        text-align: left;
    }


    .store_map_link a {
        width: 100%;
        height: 46px;

        border-color: #e2e2e2;

        border-radius: 8px;
    }


    /* BUTTON */

    #area_box .bo_fx {
        flex-direction: column;

        align-items: stretch;

        margin-top: 22px;
    }


    #area_box .btn_bo_user,
    #area_box .btn_bo_adm {
        width: 100%;
    }


    #area_box .btn_bo_user li {
        flex: 1;
    }


    #area_box .btn_bo_user a {
        width: 100%;
        height: 46px;
    }


    #area_box .btn_bo_adm {
        flex-wrap: wrap;
    }


    #area_box .btn_bo_adm li {
        flex: 1;
    }


    #area_box .btn_bo_adm input {
        width: 100%;
        min-width: 0;
        height: 42px;
    }


    .store_result_empty {
        padding: 65px 20px;

        border-top: 1px solid #ddd;
    }

}



/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    #area_box.store_board {
        padding-left: 16px;
        padding-right: 16px;
    }


    .store_search_title h2 {
        font-size: 27px;
    }

    .store_result_header {
        gap: 15px;
    }

		.store_result_item,
    .store_result_item:has(.store_check) {
        grid-template-columns: 1fr;
    }


    .store_result_item .store_area,
    .store_result_item .store_company {
        grid-column: auto;
    }


    .store_result_item .store_price {
        border-bottom: 1px solid #eee;
    }


    .store_result_item .store_exposure {
        border-bottom: 0;
    }

}




/* =========================================================
   STORE WRITE
========================================================= */

#bo_w.center_board {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 80px 2.5rem 120px;
}

#bo_w #fwrite {
    width: 100% !important;
}

.store_write_wrap {
    width: 100%;
}


/* HEADER */

.store_write_header {
    margin-bottom: 50px;
}

.store_write_eng {
    display: block;
    margin-bottom: 16px;

    color: var(--color-primary, #ff2b37);

    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}

.store_write_header h2 {
    margin: 0;

    color: #171617;

    font-size: clamp(30px, 4vw, 42px);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.04em;
}

.store_write_header p {
    margin: 15px 0 0;

    color: #777;

    font-size: 16px;
    line-height: 1.7;
}


/* BOX */

.store_write_box {
    overflow: hidden;

    border: 1px solid #e5e5e5;
    border-radius: 20px;

    background: #fff;
}


/* SECTION */

.store_write_section {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);

    padding: 50px;

    border-bottom: 1px solid #e8e8e8;
}

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


/* SECTION TITLE */

.store_write_section_title {
    padding-right: 45px;
}

.store_write_section_title > span {
    display: block;

    margin-bottom: 20px;

    color: var(--color-primary, #ff2b37);

    font-size: 14px;
    font-weight: 600;
}

.store_write_section_title h3 {
    margin: 0;

    color: #171617;

    font-size: 21px;
    font-weight: 600;
    line-height: 1.4;
}

.store_write_section_title p {
    margin: 10px 0 0;

    color: #999;

    font-size: 14px;
    line-height: 1.6;
}


/* FIELD */

.store_write_fields {
    min-width: 0;
}

.store_write_row {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    align-items: center;

    min-height: 82px;

    border-bottom: 1px solid #eee;
}

.store_write_row:first-child {
    border-top: 1px solid #171617;
}

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

.store_write_row > label {
    padding: 20px 20px 20px 0;

    color: #333;

    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}

.store_write_row > label strong {
    margin-left: 3px;

    color: var(--color-primary, #ff2b37);

    font-weight: 600;
}

.store_write_control {
    min-width: 0;

    padding: 13px 0;
}


/* INPUT */

#bo_w .store_write_control .frm_input,
#bo_w .store_write_control input[type="text"],
#bo_w .store_write_control input[type="password"],
#bo_w .store_write_control select {
    display: block;

    width: 100%;
    max-width: 720px;
    height: 54px;

    margin: 0;
    padding: 0 16px;

    border: 1px solid #ddd;
    border-radius: 9px;

    background-color: #fff;

    color: #171617;

    font-family: inherit;
    font-size: 16px;
    font-weight: 400;

    outline: none;
    box-shadow: none;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

#bo_w .store_write_control select {
    padding-right: 45px;
}

#bo_w .store_write_control .frm_input:focus,
#bo_w .store_write_control input:focus,
#bo_w .store_write_control select:focus {
    border-color: #171617;

    box-shadow:
        0 0 0 3px rgba(23, 22, 23, .05);
}

#bo_w .store_write_control input::placeholder {
    color: #aaa;
}


/* AUTOSAVE */

#bo_w #autosave_wrapper {
    width: 100%;
    max-width: 720px;
}

#bo_w #autosave_wrapper .frm_input {
    max-width: none;
}


/* FILE */

.store_write_file_row {
    align-items: start;
}

.store_write_file_row > label {
    padding-top: 28px;
}

.store_file_input {
    width: 100%;
    max-width: 720px;
}

#bo_w .store_file_input input[type="file"] {
    display: block;

    width: 100%;

    padding: 9px;

    border: 1px solid #ddd;
    border-radius: 9px;

    background: #fafafa;

    color: #555;

    font-family: inherit;
    font-size: 14px;
}

#bo_w .store_file_input input[type="file"]::file-selector-button {
    height: 34px;

    margin-right: 14px;
    padding: 0 15px;

    border: 0;
    border-radius: 6px;

    background: #171617;

    color: #fff;

    font-family: inherit;
    font-size: 14px;

    cursor: pointer;
}

#bo_w .store_file_description {
    margin-top: 10px !important;
}

.store_file_delete {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-top: 12px;

    color: #777;

    font-size: 14px;
    line-height: 1.5;

    cursor: pointer;
}

.store_file_delete input {
    width: 17px;
    height: 17px;

    margin: 0;

    accent-color: var(--color-primary, #ff2b37);
}


/* CAPTCHA */

.store_write_captcha {
    padding-top: 5px;
}


/* BUTTON */

.store_write_buttons {
    display: flex;

    justify-content: center;
    align-items: center;

    gap: 10px;

    margin-top: 35px;
}

.store_write_buttons a,
.store_write_buttons input {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 130px;
    height: 52px;

    margin: 0;
    padding: 0 25px;

    border-radius: 8px;

    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;

    text-decoration: none;

    cursor: pointer;
}

.store_write_cancel {
    border: 1px solid #ddd;

    background: #fff;

    color: #555;
}

#bo_w .store_write_submit {
    border: 1px solid #171617;

    background: #171617;

    color: #fff;

    transition:
        background .2s ease,
        border-color .2s ease;
}

#bo_w .store_write_submit:hover {
    border-color: var(--color-primary, #ff2b37);

    background: var(--color-primary, #ff2b37);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    #bo_w.center_board {
        padding-top: 60px;
        padding-bottom: 90px;
    }

    .store_write_section {
        grid-template-columns: 180px minmax(0, 1fr);

        padding: 40px;
    }

    .store_write_section-title {
        padding-right: 30px;
    }

    .store_write_row {
        grid-template-columns: 160px minmax(0, 1fr);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    #bo_w.center_board {
        padding:
            40px 20px
            70px;
    }

    .store_write_header {
        margin-bottom: 32px;
    }

    .store_write_eng {
        margin-bottom: 12px;

        font-size: 14px;
    }

    .store_write_header h2 {
        font-size: 28px;
    }

    .store_write-header p {
        margin-top: 10px;

        font-size: 16px;
    }


    /* BOX */

    .store_write_box {
        border: 0;
        border-radius: 0;
    }


    /* SECTION */

    .store_write_section {
        display: block;

        padding: 35px 0;

        border-bottom: 1px solid #ddd;
    }

    .store_write_section:first-child {
        padding-top: 0;
    }

    .store_write_section_title {
        margin-bottom: 28px;
        padding-right: 0;
    }

    .store_write_section_title > span {
        margin-bottom: 10px;
    }

    .store_write_section_title h3 {
        font-size: 20px;
    }


    /* FIELD */

    .store_write_row {
        display: block;

        min-height: 0;

        padding: 18px 0;
    }

    .store_write_row:first-child {
        border-top: 1px solid #171617;
    }

    .store_write_row > label {
        display: block;

        padding: 0;

        margin-bottom: 9px;

        font-size: 15px;
    }

    .store_write_control {
        padding: 0;
    }

    #bo_w .store_write_control .frm_input,
    #bo_w .store_write_control input[type="text"],
    #bo_w .store_write_control input[type="password"],
    #bo_w .store_write_control select {
        width: 100%;
        max-width: none;
        height: 52px;

        font-size: 16px;
    }

    #bo_w #autosave_wrapper {
        max-width: none;
    }


    /* FILE */

    .store_write_file_row > label {
        padding-top: 0;
    }

    .store_file_input {
        max-width: none;
    }


    /* BUTTON */

    .store_write_buttons {
        gap: 8px;

        margin-top: 28px;
    }

    .store_write_buttons a,
    .store_write_buttons input {
        flex: 1;

        min-width: 0;
        height: 50px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    #bo_w.center_board {
        padding-left: 16px;
        padding-right: 16px;
    }

}


/* =========================================================
   BROADCASTER VIEW
========================================================= */

.broadcaster_view {
    padding-top: 80px;
    padding-bottom: 100px;
}


/* HEADER
--------------------------------------------------------- */

.broadcaster_view_header {
    margin-bottom: 50px;
}

.broadcaster_view_eng {
    display: block;
    margin-bottom: 20px;

    color: var(--color-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
}

.broadcaster_view_title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
}

.broadcaster_view_title h2 {
    margin: 0;

    color: var(--color-text);
    font-size: clamp(32px, 3vw, 48px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.04em;
}

.broadcaster_view_title p {
    margin: 14px 0 0;

    color: var(--color-text-sub);
    font-size: 16px;
    line-height: 1.7;
}


/* REGION */

.broadcaster_view_region {
    display: flex;
    align-items: center;
    gap: 12px;

    flex-shrink: 0;
    padding-bottom: 4px;
}

.broadcaster_view_region span {
    color: #999;
    font-size: 14px;
    font-weight: 600;
}

.broadcaster_view_region strong {
    color: var(--color-text);
    font-size: 20px;
    font-weight: 700;
}



/* CONTENT BOX
--------------------------------------------------------- */

.broadcaster_view_box {
    overflow: hidden;

    border-top: 2px solid var(--color-text);
    border-bottom: 1px solid var(--color-border);
}



/* SECTION
--------------------------------------------------------- */

.broadcaster_view_section {
    display: grid;

    grid-template-columns:
        minmax(190px, 260px)
        minmax(0, 1fr);

    gap: 50px;

    padding: 50px 0;

    border-bottom: 1px solid var(--color-border);
}

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


/* SECTION TITLE */

.broadcaster_view_section_title {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.broadcaster_view_section_title > span {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    border-radius: 50%;

    background: var(--color-bg-dark);

    color: var(--color-text-white);
    font-size: 14px;
    font-weight: 700;
}

.broadcaster_view_section_title h3 {
    margin: 1px 0 7px;

    color: var(--color-text);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
}

.broadcaster_view_section_title p {
    margin: 0;

    color: #999;
    font-size: 14px;
    line-height: 1.6;
}



/* COMPANY
--------------------------------------------------------- */

.broadcaster_view_company_content {
    display: grid;

    grid-template-columns:
        minmax(200px, 300px)
        minmax(0, 1fr);

    gap: 40px;
}


/* LOGO */

.broadcaster_view_logo {
    min-width: 0;
}

.broadcaster_view_label {
    display: block;

    margin-bottom: 12px;

    color: #999;
    font-size: 14px;
    font-weight: 500;
}

.broadcaster_view_logo_image {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 160px;

    padding: 30px;

    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);

    background: #fafafa;
}

.broadcaster_view_logo_image img {
    display: block;

    max-width: 100%;
    max-height: 100px;

    width: auto;
    height: auto;

    object-fit: contain;
}

.broadcaster_view_no_logo {
    color: #aaa;
    font-size: 14px;
}



/* BASIC INFO
--------------------------------------------------------- */

.broadcaster_view_info {
    border-top: 1px solid var(--color-border);
}

.broadcaster_view_row {
    display: grid;

    grid-template-columns:
        minmax(150px, 200px)
        minmax(0, 1fr);

    align-items: center;

    min-height: 70px;

    border-bottom: 1px solid var(--color-border);
}

.broadcaster_view_row .broadcaster_view_label {
    margin: 0;

    color: #888;
    font-size: 15px;
}

.broadcaster_view_row strong {
    color: var(--color-text);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;
}



/* CONTRACT
--------------------------------------------------------- */

.broadcaster_contract_grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);

    overflow: hidden;
}

.broadcaster_contract_item {
    min-width: 0;

    padding: 28px 30px;

    border-right: 1px solid var(--color-border);

    background: #fafafa;
}

.broadcaster_contract_item:last-child {
    border-right: 0;
}

.broadcaster_contract_item span {
    display: block;

    margin-bottom: 12px;

    color: #999;
    font-size: 14px;
    font-weight: 500;
}

.broadcaster_contract_item strong {
    display: block;

    color: var(--color-text);
    font-size: clamp(20px, 1.6vw, 26px);
    font-weight: 600;
    line-height: 1.4;

    word-break: break-word;
}



/* BUTTON
--------------------------------------------------------- */

.broadcaster_view_buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-top: 35px;
}

.broadcaster_view_buttons_left,
.broadcaster_view_buttons_right {
    display: flex;
    align-items: center;
    gap: 10px;
}

.broadcaster_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 110px;
    height: 52px;

    padding: 0 25px;

    border: 1px solid #ddd;
    border-radius: 8px;

    background: #fff;

    color: #555;
    font-size: 15px;
    font-weight: 600;

    transition: var(--transition);
}

.broadcaster_btn:hover {
    border-color: #bbb;

    color: var(--color-text);
}

.broadcaster_btn_update {
    border-color: var(--color-bg-dark);

    background: var(--color-bg-dark);

    color: var(--color-text-white);
}

.broadcaster_btn_update:hover {
    border-color: var(--color-primary);

    background: var(--color-primary);

    color: #fff;
}

.broadcaster_btn_delete:hover {
    border-color: var(--color-primary);

    color: var(--color-primary);
}



/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .broadcaster_view {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .broadcaster_view_header {
        margin-bottom: 40px;
    }

    .broadcaster_view_section {
        grid-template-columns: 180px minmax(0, 1fr);

        gap: 30px;

        padding: 40px 0;
    }

    .broadcaster_view_company_content {
        grid-template-columns: 200px minmax(0, 1fr);

        gap: 30px;
    }

    .broadcaster_view_row {
        grid-template-columns: 130px minmax(0, 1fr);
    }

    .broadcaster_contract_item {
        padding: 24px 20px;
    }

}



/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .broadcaster_view {
        padding-top: 45px;
        padding-bottom: 60px;
    }

    .broadcaster_view_header {
        margin-bottom: 30px;
    }

    .broadcaster_view_eng {
        margin-bottom: 12px;

        font-size: 14px;
    }

    .broadcaster_view_title {
        display: block;
    }

    .broadcaster_view_title h2 {
        font-size: 30px;
    }

    .broadcaster_view_title p {
        margin-top: 10px;

        font-size: 15px;
    }

    .broadcaster_view_region {
        margin-top: 20px;
        padding: 0;
    }


    /* SECTION */

    .broadcaster_view_section {
        display: block;

        padding: 30px 0;
    }

    .broadcaster_view_section_title {
        margin-bottom: 25px;
    }


    /* COMPANY */

    .broadcaster_view_company_content {
        display: block;
    }

    .broadcaster_view_logo {
        margin-bottom: 25px;
    }

    .broadcaster_view_logo_image {
        min-height: 130px;

        padding: 25px;
    }

    .broadcaster_view_logo_image img {
        max-height: 80px;
    }


    /* INFO */

    .broadcaster_view_row {
        grid-template-columns: 120px minmax(0, 1fr);

        min-height: 64px;
    }

    .broadcaster_view_row .broadcaster_view_label {
        font-size: 14px;
    }

    .broadcaster_view_row strong {
        font-size: 15px;
    }


    /* CONTRACT */

    .broadcaster_contract_grid {
        grid-template-columns: 1fr;
    }

    .broadcaster_contract_item {
        padding: 20px;

        border-right: 0;
        border-bottom: 1px solid var(--color-border);
    }

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

    .broadcaster_contract_item span {
        margin-bottom: 7px;
    }

    .broadcaster_contract_item strong {
        font-size: 20px;
    }


    /* BUTTON */

    .broadcaster_view_buttons {
        margin-top: 25px;
    }

    .broadcaster_btn {
        min-width: 90px;
        height: 48px;

        padding: 0 18px;

        font-size: 14px;
    }

}



/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .broadcaster_view_title h2 {
        font-size: 27px;
    }

    .broadcaster_view_region strong {
        font-size: 18px;
    }

    .broadcaster_view_section_title > span {
        width: 34px;
        height: 34px;

        flex-basis: 34px;
    }

    .broadcaster_view_section_title h3 {
        font-size: 18px;
    }

    .broadcaster_view_row {
        display: block;

        padding: 16px 0;
    }

    .broadcaster_view_row .broadcaster_view_label {
        margin-bottom: 7px;
    }


    /* 버튼 */

    .broadcaster_view_buttons {
        display: grid;
        grid-template-columns: 1fr;

        gap: 10px;
    }

    .broadcaster_view_buttons_left,
    .broadcaster_view_buttons_right {
        display: grid;
        grid-template-columns: repeat(2, 1fr);

        width: 100%;
    }

    .broadcaster_view_buttons_left {
        grid-template-columns: 1fr;
    }

    .broadcaster_btn {
        width: 100%;
        min-width: 0;
    }

}