@charset "utf-8";

/*FORM_STYLE*/
.btn_area{text-align:center;margin-top:30px}
.btn_area02{position:absolute;right:0;margin-top:30px}
.input_style01{padding:8px;font-size:13px;color:#757575;border:1px solid #cfcfcf;width:80%}
.input_style02{padding:8px;font-size:13px;color:#757575;border:1px solid #cfcfcf;width:20%}
.input_style03{padding:8px;font-size:13px;color:#757575;border:1px solid #cfcfcf;width:7%}
.select_style01{padding:8px;font-size:13px;color:#757575;border:1px solid #cfcfcf}

/*BUTTON_STYLE*/
.btn_black_b{font-family:'NanumSquare','Nanum Gothic','Dotum',sans-serif,cursive;font-size:18px;color:#fff;font-weight:700;background-color:#515151;padding:12px 50px;border:none;cursor:pointer;}
.btn_orange_b{font-family:'NanumSquare','Nanum Gothic','Dotum',sans-serif,cursive;font-size:18px;color:#fff;font-weight:700;background-color:#f39800;padding:12px 50px;border:none;cursor:pointer;}
.btn_orange_m{font-family:'NanumSquare','Nanum Gothic','Dotum',sans-serif,cursive;font-size:14px;color:#fff;font-weight:700;background-color:#f39800;padding:5px 10px;border:none;cursor:pointer;}
.btn_zipcode{font-size:13px;color:#fff;font-weight:700;background-color:#515151;padding:8px;border:none;cursor:pointer;}

.btn_align_left{text-align:left}
.btn_align_center{text-align:center}
.btn_align_right{text-align:right}

.btn_gray_ss{padding: 1px 5px;border:1px solid #cfcfcf;border-radius:3px;background-color:#f2f2f2;font-size: 7px;line-height:18px;color:#3f3f3f;font-weight:700;white-space:nowrap}
.btn_black_ss{padding: 1.5px 5px 3.5px 5px;border:0;border-radius:3px;background-color:#3b3b3b;font-size:12px;line-height:18px;color:#fff;font-weight:700;white-space:nowrap}

.btn_black_s{padding:5px 8px;border:0;border-radius:3px;background-color:#3b3b3b;font-size:12px;line-height:18px;color:#fff;font-weight:700;white-space:nowrap}
.btn_red_s{padding:5px 8px;border:0;border-radius:3px;background-color:#e34d4d;font-size:12px;line-height:18px;color:#fff;font-weight:700;white-space:nowrap}
.btn_blue_s{padding:5px 8px;border:0;border-radius:3px;background-color:#3065b5;font-size:12px;line-height:18px;color:#fff;font-weight:700;white-space:nowrap}
.btn_green_s{padding:5px 8px;border:0;border-radius:3px;background-color:#1e6a45;font-size:12px;line-height:18px;color:#fff;font-weight:700;white-space:nowrap}
.btn_gray_s{padding:5px 8px;border:1px solid #cfcfcf;border-radius:3px;background-color:#f2f2f2;font-size:12px;line-height:18px;color:#3f3f3f;font-weight:700;white-space:nowrap}


/*SEARCH*/
.b_search{margin-bottom:20px;text-align:right; display:flex; justify-content: flex-end; }
.b_search span{display:inline-block;}
.search_input{width:200px;height:35px;border:1px solid #d7d7d7;background-color:#fcfcfc;padding:0 10px;font-family:'Nanum Gothic','Dotum',cursive; margin-left:5px;}
.search_select{height:35px;border:1px solid #d7d7d7;background-color:#fcfcfc;font-family:'Nanum Gothic','Dotum',cursive;margin-left:5px;}
.b_search > span > a{width: 35px; height: 35px; background-color: #454545; display: flex; align-items: center;margin-left:5px;}
.b_search input.btn_black_s{margin-left:5px;}

/*BOARD_LIST*/
.bbs_ltype {border-collapse: collapse;width:100%;border:1px solid #000;border-width:1px 0 0 0}
.bbs_ltype tr{ text-align: center;}
.bbs_ltype thead th{padding:15px 5px;color:#000;font-weight:700;background-color:#f4f4f4;border-bottom:1px solid #dadada;}
.bbs_ltype tbody td{padding:15px 5px;color:#575757;border:1px solid #dadada;border-width:0 0 1px 0}
.bbs_ltype tbody td a{color:#575757;}
.bbs_ltype tbody td.subject{text-align: left; white-space: normal;}

/*PAGING*/
.paging{text-align:center;margin-top:30px}
.paging ol li{display:inline-block;width:38px;height:38px;color:#999999; border:1px #e3e3e3 solid;}
.paging ol li a{width:100%;height:100%;text-decoration:none;color:#999999;display:block;padding-top:8px;}
.paging ol li.on{border:1px #ff9c00 solid;background:#ff9c00;color:#fff;font-weight:800}  
.paging ol li.on a{color:#fff} 

/*BOARD_VIEW*/
.bbs_vtype{border-collapse:collapse;width:100%;border:1px solid #000;border-width:1px 0 0 0;}
.bbs_vtype tbody th{font-weight:700;height:50px;color:#000;text-align:center;border:1px solid #dadada;border-width:0 1px 1px 1px;font-size:13px;background-color:#f4f4f4}
.bbs_vtype tbody th:first-child{border-left:0}
.bbs_vtype tbody td{padding:15px;color:#575757;text-align:left;border-bottom:1px solid #dadada;border-width:0 0 1px 0;}
.bbs_vtype tbody td a{color:#575757}
.bbs_vtype tbody td.subject{color:#000;font-size:24px;line-height:30px;font-weight:700;}
.bbs_vtype tbody td.bbs_contents{padding:25px 25px;width:100%;color:#373737;line-height:22px;background:#fff;border-bottom:1px solid #fff}

.list_bottom{margin-top:30px;border:1px solid #e3e3e3;border-width:1px 0 0 0;width:100%;}
.list_bottom dl{height:100%;overflow:hidden;border-bottom:1px solid #e3e3e3}
.list_bottom dl dt{float:left;padding:20px 0 5px 20px;width:100px;color:#000}
.list_bottom dl dt a{color:#7a7979}
.list_bottom dl dd{float:left;padding:20px 10px;}
.list_bottom dl dd a{color:#7a7979}

/*BOARD_WRITE*/
.bbs_wtype{border-collapse:collapse;width:100%;border:1px solid #000;border-width:1px 0 0 0;}
.bbs_wtype thead th{padding:15px;color:#000;font-weight:700;background:#fff;border:1px solid #dadada;border-width:0 0 1px 1px}
.bbs_wtype thead th:first-child{border-left:0;}
.bbs_wtype tbody th{padding:15px;color:#000;font-weight:700;background:#fafafa;text-align:center;border:1px solid #dadada;border-width:0 1px 1px 1px}
.bbs_wtype tbody th:first-child{border-left:0}
.bbs_wtype tbody td{padding:15px;color:#464646;text-align:left;border:1px solid #dadada;border-width:0 0 1px 1px}
.bbs_wtype tbody td:first-child{border-left:0}
.bbs_wtype tbody td div.info_text{font-size:13px;color:#5b5b5b}

/* BOARD_WRITE */
.bbs_wtype_txt{font-size:13px;color:#535353;margin:0 0 10px 0}
.bbs_wtype{width:100%;border-top:1px solid #000;font-size:13px}
.bbs_wtype ul li:after{clear:both;content:'';display:block}
.bbs_wtype ul li{width:100%;}
.bbs_wtype ul li div.bbs_wtype_th{float:left;width:15%;color:#000;padding:10px 0 0 0;font-size:14px;color:#000}
.bbs_wtype ul li div.bbs_wtype_td{float:left;width:85%;color:#535353;font-size:13px;color:#595959}
.btn_zipcode{padding:10px 10px;color:#fff;background-color:#3d3d3d;border:0;cursor:pointer;font-size:13px;font-family: 'Nanum Gothic','Dotum', sans-serif , cursive}


/*CALENDAR*/
.schedule_info_top{width:100%;padding:30px 0;background-color:#3267a9;position:relative;margin-top:30px}
.schedule_info_top_btn01{position:absolute;top:25px;left:20px}
.schedule_info_top_btn02{position:absolute;top:25px;right:20px}
.schedule_info_top_date{font-size:24px;color:#fff;text-align:center}

.schedule_info {border-collapse: collapse;width:100%;border:1px solid #cdcdcd;font-size:13px}
.schedule_info thead th{padding:15px;color:#000;border:1px solid #cdcdcd;background-color:#f2f2f2}
.schedule_info thead th.sun{color:#f23a51;font-weight:800}
.schedule_info tbody tr {border-bottom:1px solid #cdcdcd;}
.schedule_info tbody td{min-height:150px;padding:15px;color:#595959;border:1px solid #ddd;line-height:18px;vertical-align:top}
.schedule_info tbody td a{color:#595959}
.schedule_info tbody td.today{background-color:#f8f8f8}
.schedule_info tbody td span.sun{color:#f23a51;font-weight:800}
.schedule_info tbody td li.title_edit{padding:10px 0 0 0;font-size:13px;line-height:20px}

/* 뷰 */
.calendar_calendar01 .cal_view {background-color:white; border:1px solid #565656; box-sizing: border-box; display:inline-block;width:500px; height:600px; padding: 20px; }
.calendar_calendar01 .view {position: relative;width: 100%; }
.calendar_calendar01 .view table {border-top:1px solid #565656;width: 100%;} 
.calendar_calendar01 .view table tr td {color:#5e5e5e; font-size: 12px; border-bottom:1px solid #dedede; padding: 15px 10px; line-height:140%;} 
.calendar_calendar01 .view table tr td.title {background:#f7f5f1; color:#242424; font-size: 16px; text-align:center; font-weight:bold;}
.calendar_calendar01 .view table tr td.tit {color:#242424; font-size:12px; text-align:left; font-weight:bold; }
.calendar_calendar01 .view table tr td.cont {padding:30px 15px; min-height:300px; vertical-align:top;}
.calendar_calendar01 .view table tr td a {color:#5e5e5e; font-size:12px; text-decoration:none;}
.calendar_calendar01 .view table tr td a:hover {color:#5e5e5e; font-size: 12px; text-decoration:underline;}
.calendar_calendar01 .view input {border:1px solid #c8c8c8; margin-right:5px; font-size: 13px; color:#5e5e5e;}
.calendar_calendar01 .view select {border:1px solid #c8c8c8; margin-right:5px; padding: 3px 4px; font-size: 13px; color:#5e5e5e;}


/* Popup */

#popHead {position:relative; height:60px; background-color:#3278c0;}
#popHead h2 {display:inline-block; *zoom:1; *display:inline; _display:inline; margin:18px 0 0 20px; color:#fff; font-size:20px; font-weight:600;}
#popHead a.close {display:block; position:absolute; top:0; right:0; width:60px; height:60px; background:url(/customs/inckcbacustoms/jsp/nc_module/images/board/basic01/btn_pop_close.png) no-repeat 22px 22px; text-indent:-9999px;}
#popHead a.close:hover {background-color:#333;}
#popBody {position:relative; overflow-y:auto; overflow-x:hidden; padding:30px; background-color:#fff; line-height:140%;}
#popBody .pw_input{width: 100%;}
.btnPopWrap { padding: 10px 30px;background-color: #f3f3f3;text-align: center;}


/*250728 수정*/ 
.paging ol{display: flex;justify-content: center;}
.paging ol li{margin: 0 3px;}
.paging ol li a{display: flex;align-items: center;justify-content: center;padding: 0;}

/* 250728 수정 팝업 */
.modal {display:none; position:fixed;top: 0;left: 0; z-index:100; width:100%; height:100%; overflow:auto; background:rgba(0, 0, 0, 0.7);}
.modal_in{ position:absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); padding:0 30px; width:100%;}
.pop_wrap{ max-width:600px; width:100%; background-color:#fff; margin:0 auto;}
.pophead{position:relative; height:50px; background-color:#3278c0;}
.close-popup {display:block; position:absolute; top:0; right:0; width:50px; height:50px; background:url(/customs/inckcbacustoms/jsp/nc_module/images/board/basic01/btn_pop_close.png) no-repeat 18px 18px; cursor:pointer;}
.close-popup:hover {background-color:#333;}
.popup_con{padding:0 20px;}
.popup_tit{font-size:24px; font-weight:700; text-align:center; padding:20px 0; border-bottom:1px solid #ddd;}
.pop_input{display:flex;}
.pop_input_con{width:50%; display:flex;}
.pop_input_con.pop_input_con02{width:100%;}
.pop_top_con > p {font-size:16px;padding-bottom: 10px;font-weight: 600;color: #000;line-height: 1;}
.pop_input_con > p{ width:120px; padding: 15px 5px; color: #000; font-weight: 700; background: #fafafa; text-align: center; border-bottom: 1px solid #dadada; border-right:1px solid #dadada;line-height: 1;}
.pop_input_con:nth-child(2){border-left:1px solid #dadada;}
.pop_input_wrap{border-top:1px solid #000;}
.pop_input_con input{border:none; width:calc(100% - 120px); border-bottom:1px solid #dadada;padding: 0 10px;}
input:focus {outline:none;}
.popup_top{padding-bottom:30px;}
.pop_top_con{padding-top:20px;}
.pop_input02 .pop_input_con{width:25%; display:block;}
.pop_input02 .pop_input_con > p {width:100%;}
.pop_input02 .pop_input_con:last-child > p {border-right:0;}
.pop_input02 .pop_input_con > input {width:100%;height: 35px;text-align: center;    border-right: 1px solid #dadada;}
.pop_input_txt{text-align:center; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada;line-height: 35px;}
.pop_input02 .pop_input_con:nth-child(2){border-left:0;}
.pop_input02 .pop_input_con:last-child > input {border-right:0;}
.popup_bottom{padding-bottom:30px;}
.pop_bt_txt1{text-align:center; word-break:keep-all;}
.pop_bt_txt2 {padding:30px 0; text-align:right;}
.pop_bt_txt3{text-align:center; font-size:20px; font-weight:600;}


@media screen and (max-width:1200px){
	
	/*FORM_STYLE*/
	.input_style01{width:100%}
	.input_style02{width:45%}
	.select_style01{padding:10px;}

	.btn_area02{position:relative;right:0;margin-top:20px;text-align:center}

}

@media screen and (max-width:700px){
	
	
	/*BUTTON_STYLE*/
	.btn_black_b{font-family:'NanumSquare','Nanum Gothic','Dotum',sans-serif,cursive;font-size:14px;color:#fff;font-weight:700;background-color:#515151;padding:10px 25px;border:none;cursor:pointer;}
	.btn_orange_b{font-family:'NanumSquare','Nanum Gothic','Dotum',sans-serif,cursive;font-size:14px;color:#fff;font-weight:700;background-color:#f39800;padding:10px 25px;border:none;cursor:pointer;}
	.btn_orange_m{font-family:'NanumSquare','Nanum Gothic','Dotum',sans-serif,cursive;font-size:12px;color:#fff;font-weight:700;background-color:#f39800;padding:5px 10px;border:none;cursor:pointer;}
	.btn_zipcode{font-size:11px;color:#fff;font-weight:700;background-color:#515151;padding:8px;border:none;cursor:pointer;}
	
	/* SEARCH */
	.b_search{margin-bottom:20px;text-align:center}
	.b_search span{display:inline-block}
	.search_input{width:150px;height:28px;border:1px solid #d7d7d7;background-color:#fcfcfc;padding:0 10px;font-family:'Nanum Gothic','Dotum',cursive;}
	.search_select{height:28px;border:1px solid #d7d7d7;background-color:#fcfcfc;font-family:'Nanum Gothic','Dotum',cursive;}

	/*BOARD_LIST*/
	.bbs_ltype {border-collapse: collapse;width:100%;border:1px solid #000;border-width:1px 0 0 0;font-size:12px}
	.bbs_ltype tr{ text-align: center;}
	.bbs_ltype thead th{padding:10px;color:#000;font-weight:700;background-color:#f4f4f4;border-bottom:1px solid #dadada;}
	.bbs_ltype tbody td{padding:10px;color:#575757;border:1px solid #dadada;border-width:0 0 1px 0}
	.bbs_ltype tbody td a{color:#575757;}
	.bbs_ltype tbody td.subject{text-align: left; white-space: normal;}

	/*PAGING*/
	.paging ol li a{padding-top:5px;}

	/*BOARD_VIEW*/
	.bbs_vtype tbody th{background-color:#fbfbfb}
	.bbs_vtype tbody td{padding:15px;border-width:0 0 1px 0;}
	.bbs_vtype tbody td div.subject{font-size:18px;line-height:24px;}
	.bbs_vtype tbody td div.subject_info{margin-top:5px}

	/*BOARD_WRITE*/
	.bbs_wtype thead th{padding:10px;}
	.bbs_wtype tbody th{padding:10px;}
	.bbs_wtype tbody td{padding:10px;}

	/* BOARD_WRITE */
	.bbs_wtype_txt{font-size:13px;color:#535353;margin:0 0 10px 0}
	.bbs_wtype{width:100%;border-top:1px solid #000;font-size:13px}
	.bbs_wtype ul li:after{clear:both;content:'';display:block}
	.bbs_wtype ul li{width:100%;border-bottom:1px solid #cdcdcd;padding:20px}
	.bbs_wtype ul li div.bbs_wtype_th{float:none;width:100%;color:#000;padding:0 0 10px 0;font-size:14px;color:#000}
	.bbs_wtype ul li div.bbs_wtype_td{float:none;width:100%;color:#535353;font-size:13px;color:#595959}
	.btn_zipcode{padding:10px 10px;color:#fff;background-color:#3d3d3d;border:0;cursor:pointer;font-size:13px;font-family: 'Nanum Gothic','Dotum', sans-serif , cursive;width:100%;margin:5px 0 10px 0}


	/*CALENDAR*/
	.schedule_info_top{width:100%;padding:30px 0;background-color:#3267a9;position:relative}
	.schedule_info_top_btn01{position:absolute;top:25px;left:20px}
	.schedule_info_top_btn02{position:absolute;top:25px;right:20px}
	.schedule_info_top_date{font-size:18px;color:#fff;text-align:center}

	.schedule_info {border-collapse: collapse;width:100%;border:1px solid #cdcdcd;font-size:12px}
	.schedule_info thead th{padding:10px;color:#000;border:1px solid #cdcdcd;background-color:#f2f2f2}
	.schedule_info tbody tr {border-bottom:1px solid #cdcdcd;}
	.schedule_info tbody td{min-height:100px;padding:15px;color:#595959;border:1px solid #ddd;line-height:18px;vertical-align:top}
	.schedule_info tbody td a{color:#595959}
	.schedule_info tbody td div.date_sun{color:#f23a51;font-weight:800;text-align:left}
	.schedule_info tbody td div.date_info{padding:10px 0 0 0;font-size:12px;line-height:18px}

	

}

/* 250728 수정 */
@media screen and (max-width:580px){
	.popup_tit{font-size:20px;}
	.pop_input{flex-wrap: wrap;}
	.pop_input_con{width: 100%;}
	.pop_input_con:nth-child(2){border-left:0;}
}