@charset "utf-8";

/*main-content*/
.main_searchbox_wrap{ background: #0058a7; margin-top:60px; padding: 20px 16px; }
.main_searchbox{ padding: 20px 16px; display: inline-block; background: #fff; border-radius: 10px; margin: 0 auto; width: 100%; box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2); }
.main_searchbox h2{ font-size: 20px; color: #000; }
.main_searchbox h2 .txt_blue { color: #0058a7; }
.list_div{ width: 100%; display: inline-block; }
.list_div .ui-input-text{ width:100%; height: 35px; }
.list_div .ui-input-text input::placeholder { font-size: 13px; color:#555; }
.main_searchbox input{ width:100%; padding-left:4px; border-color: #ddd !important; border-radius: 5px !important;; border-right: none !important; height: 100%; font-size: 15px; }
.list_div .btn_search { display: inline-block; background: #000; position: absolute; right: 0; top: 0; height: 35px; line-height: 2; width: 36px; text-align: center; border-radius: 0 5px 5px 0; }
.list_div .btn_search img{ width: 24px; }

.select_area { clear:both; width:100%; margin-bottom: 5px; position: relative; }
.select_area .ui-btn { padding:4px 1rem; height: 38px; line-height: 2; border-color: #ddd !important; border-radius: 5px; font-size: 15px; }

.search_area{ position: relative; width:100%; height: 35px; }
.tab_2 .txt_sm{ font-size: 12px; color:#333; background: #eee; padding: 15px; margin-top: 7px; border-radius: 5px; }

/* tabmenu */
.tabmenu { width: 100%; display:inline-block; margin: .6rem 0; border-bottom: 1px solid #333; }
.tabmenu li { width: 50%; float:left; text-align: center; padding:.5rem 0; }
.tabmenu a { font-size: 16px; color:#777 !important; }
.tabmenu li.on { border-bottom:3px solid #000; }
.tabmenu li.on a { display: block; color:#000 !important; }

.tab_1 {display:block;}
.tab_2 {display:none;}

.ui-content{ padding: 0 !important; letter-spacing: -1px; }

.main_banner{ width:100%; padding: 20px 12px; display: inline-block;  background: #f7f7f9; }
.main_banner li{ float: left; width: calc(20% - 6px); text-align: center; border-radius: 3px; margin:0 3px; }
.main_banner li a{ color: #000; display: block; }
.main_banner li img{ width: 100%; height: 70px; object-fit: contain; background:#fff; border: 1px solid #eee !important; border-radius: 5px; padding: .5rem .4rem; }
.main_banner p{ font-size: 13px; font-weight: bold; }
.main_banner small{ font-size: 10px; color: skyblue; }
.main_banner a :nth-child(2) {margin-top : 10px;}

.top5_box{ padding: 16px; position: relative; }
.top5_box h2{ font-size: 17px; height: 26px; padding-top: 3px; color:#000; }
.top5_box .events_list{ margin-top: 7px; display: flex; flex-direction: row; flex-wrap: wrap; }
.top5_box .events_list li{ font-size: 13px; font-weight: 600; margin: 0 1.5% 8px 1.5%; padding: 8px 10px; background: #f5f5f5; border-radius: 50px; }
.top5_box .events_list li:first-child{ margin-left: 0;}
.top5_box .events_list li:active{ background: #eee; text-decoration: underline; }

.slide_bn{ display: inline-block; position: relative; width:100%; }
.slide_bn img{  width:100%; height: auto; }
.slide_bn .bx-controls{ position: absolute; bottom: 10px; left: 40%; z-index: 50; }
.slide_bn .bx-pager-item {display: inline-block; vertical-align: bottom; }
.slide_bn .bx-default-pager a { background: #fff; text-indent: -9999px; display: block; width: 14px; height: 14px; margin: 0 7px; outline: 0; border-radius: 10px; }
.slide_bn .bx-default-pager a:hover, .slide_bn .bx-default-pager a.active, .slide_bn .bx-default-pager a:focus { background: none; border:2px solid #fff; box-sizing: border-box; }


.board{ padding: 16px; position: relative; }
.board h2{ font-size: 17px; height: 26px; color:#000; }
.board .more{ position: absolute; top: 15px; right: 16px;  width:18px }
.board .more img{ width: 100%; }
.board .board_list{ margin-top: 7px; font-size: 14px; }
.board .board_list li { width: 98%; line-height: 20px; padding-left: 3%; background:url('/images/mobile/bl/bl_list.gif') no-repeat left 9px; background-size: 3px; }
.board .board_list li a{ color: #333; font-weight: normal; } 
.board .board_list li a:active{ text-decoration: underline; color: #38c; }

.main_br{ height: 10px; background: #e5e9f1; margin-top: -5px; }

.txt_blue{ color:#2181c9; }

/* 720px 이상 해상도 */
@media screen and (min-width: 720px){	
    .slide_bn .bx-controls { left: 45%; }
}

/* 230522 추가 */
.popup_content .con .popup-txt1 {
	padding:20px 0 30px 0;
	font-size:16px; color:#333; font-weight:600; text-align:center; line-height:1.4; letter-spacing:-1px;
}
.popup_content .con .popup-txt1 .emphasis1 { color:#3372b7; }
.popup_content .con .popup-txt1 .emphasis1 { color:#3372b7; }
.popup_content .con .popup-btn-area1 { text-align:center; padding:10px 0 0 0; }
.popup_content .con .popup-btn-area1 .join-btn1 {
	display:inline-block; width:220px; height:35px; background-color:#333; box-sizing:border-box; padding:0 10px 0 10px;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;
	font-size:13px; color:#fff; font-weight:600; text-align:center; line-height:35px; letter-spacing:-1px; text-shadow:1px 1px 1px #111;
}
.popup_content .con .popup-btn-area2 { text-align:center; padding:5px 0 0 0; }
.popup_content .con .popup-btn-area2 .join-btn2 {
	display:inline-block; width:220px; height:35px; background:#f9e000 url("/images/mobile/btn/join_btn_icon_02.jpg") no-repeat 15px 9px/20px 20px; box-sizing:border-box; padding:0 10px 0 60px;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;
	font-size:13px; color:#fff; font-weight:600; text-align:left; line-height:35px; letter-spacing:-1px; text-shadow:1px 1px 1px #9f8f00;
}
.popup_content .con .popup-btn-area3 { text-align:center; padding:5px 0 40px 0; }
.popup_content .con .popup-btn-area3 .join-btn3 {
	display:inline-block; width:220px; height:35px; background:#00c73c url("/images/mobile/btn/join_btn_icon_03.jpg") no-repeat 17px 9px/17px 17px; box-sizing:border-box; padding:0 10px 0 60px;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;
	font-size:13px; color:#fff; font-weight:600; text-align:left; line-height:35px; letter-spacing:-1px; text-shadow:1px 1px 1px #00671f;
}

/* 팝업 */
#popup02{ position: absolute;  width: 91% !important; right: 0; top: 34vh; z-index: 9999; margin: 1em; }
#popup_out{ position: absolute;  width: 91% !important; right: 0; top: 20vh; z-index: 9999; margin: 1em; }
.popup_wrap{ display: none; position: relative; border: 1px solid #999999; background: #fff; width: 100% !important; }
#popup_partList{ position: absolute;  width: 91% !important; right: 0; top: 24vh; z-index: 1000; margin: 1em; }
.popup_box{  }
.pop_top{ background-color: #eff6fc; width: 100% !important; }
.pop_top h4{ display: inline-block; padding: 10px; font-weight: bold; font-size: 13px; color: #0f5ea5; }
.popup_close{ position: absolute; top: 7px; right: 8px; }
.popup_close03{ position: absolute; top: 7px; right: 8px; }
.popup_content{ width: 100% !important; display: inline-block; padding: 1.3em 1em; background-color: #fff; border-top:1px solid #ddd; }
.popup_tbl{ width: 100%; }
.popup_tbl th { background: none; }
.popup_tbl th, .popup_tbl td{ padding: .2em 0; }
.popup_tbl th label{ margin: 0 0 .2em !important; font-size: 13px; font-weight: bold; }
.popup_tbl input{ padding: .2em .4em !important; min-height:1.5em !important; }
.popup_tbl td div{ width: 68% !important; }
.popup_tbl td.txt{ padding: 8px 0 6px 0; font-size: 13px; }
.popup_tbl input{ line-height: 19px !important; }
.popup_tbl .pop_btn{ font-size: 12px; font-weight: normal; padding: 4px 5px; background: #f8f8f8; color: #555 !important; border: 1px solid #cdcdcd; border-radius: 2px; margin-left: 5px; display: inline-block; }
.popup_tbl .pop_bt_btn{ padding: 10px 0; }
.pop_bottom{ background: #f4f4f4; width: 100% !important; padding: 7px 0; text-align: center; border-top: 1px solid #ddd; }
.pop_bottom a{ padding: 4px 12px; color: #fff !important; font-weight: normal; font-size: 12px; display: inline-block; width: 76px; }
.pop_bottom a.use_ok{ background: #4f4f4f; border: 1px solid #333; border-radius: 3px; }
.pop_bottom a.use_no{ background: #959595; border: 1px solid #787878;  margin-left: 3px; border-radius: 3px; }

/* 팝업 배경 */
.popup_bg{ display: none; position:fixed; top:0; left:0; width:100%; height:100%; min-height:918px; background-color:#000; opacity: 0.3; z-index: 1002; opacity: 0.6; /* filter: alpha(opacity:'60'); */ }

@media only screen and (min-width: 768px) {
	#popup02{ position: absolute;  width: 50% !important; right: 20%; top: 20vh; z-index: 9999; padding: 2em; }
	#popup_out{ position: absolute;  width: 50% !important; right: 20%; top: 20vh; z-index: 9999; margin: 1em; }
	.popup_wrap{ display: none; position: relative; border: 1px solid #999999; background: #fff; width: 100% !important; }
	.my_list_box .txt{ width: 88%; }
	.guide_box img { width:60%; }
}