@charset "utf-8";

/* 전체선택 */
	.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
	.chk_box {position:relative}
	.chk_box input[type="checkbox"] + label {position:relative;color:#676e70}
	.chk_box input[type="checkbox"] + label:hover {color:#2172f8}
	.chk_box input[type="checkbox"] + label span {float:left; width:15px; height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
	.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label {padding-left:20px}
	.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
	.chk_box input[type="checkbox"]:checked + label {color:#000}
	.chk_box input[type="checkbox"]:checked + label span {background:url(/img/chk2.png) no-repeat 50% 50% #fff; border-color:#0091db; border-radius:3px}

	/* list head */

	#bo_list {position:relative;}
	#bo_list h2 {margin:0; padding:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden}


		#board_head {position:relative; margin-bottom:30px;}
		#bo_sch {background:#fafafa; padding:25px 0; text-align: center; margin-bottom:50px; }
		#bo_sch:after {content:""; display:block; visibility:hidden; clear:both; }
		#bo_sch legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden}
		#bo_sch select{margin-right:10px; height:44px; width:130px; }
		#bo_sch .sch_input{height:44px; border:0; padding:0; background-color:transparent; width:300px; }
		#bo_sch .sch_btn {height:44px; margin-left:-4px; background-color:#c3a44c; border:0; width:100px; font-size:17px; color:#fff; line-height:44px; }
		#bo_sch select,
		#bo_sch .sch_input {padding:0 10px; background-color: #fff; border:1px solid #ddd; font-size:15px; line-height:42px; color:#888; }

		#bo_sch select::-ms-expand{display:none; }
		#bo_sch select {background:#fff url('../../../img/bg_select_arr.gif') no-repeat right 10px center; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

		#bo_sch input::placeholder {font-size:15px; color:#999; }
		#bo_sch :-ms-input-placeholder {font-size:15px; color:#999; }
		#bo_sch ::-webkit-input-placeholder {font-size:15px; color:#999;}

	/* 카테고리 */
		#bo_cate {position: relative;/* float:left; *//* top: 100px; */margin-bottom: 20px;}
		#bo_cate h2 {position:absolute; font-size:0; line-height:0; overflow:hidden;}
		#bo_cate ul {zoom:1}
		#bo_cate ul:after {display:block; visibility:hidden; clear:both; content:""}
		#bo_cate li {float:left; position:relative;}
		#bo_cate li+li {padding-left:30px;}
		#bo_cate li+li:before {content:""; display:inline-block; position:absolute; left:15px; top:10px; width:1px; height:10px; background:#ddd;}
		#bo_cate a {display:block; font-size:14px; color:#666; font-weight:300; line-height:30px;}
		#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {color:#0091db;}
		#bo_cate #bo_cate_on {color:#0091db;}


/* list */
	.faqArea {width:100%; position:relative; margin-bottom:30px; border-top:2px solid #555; border-bottom:1px solid #555; font-size:0; line-height:0;}
	.faqArea>li {position:relative;}
	.faqArea>li+li{border-top:1px solid #ddd;}
	.faqArea>li .checkIn {position: absolute; top:26px; left:19px; z-index:3;}
	.faqArea>li .checkIn label {width:15px; height:15px; display:inline-block; position:relative; padding:0; font-size:0; line-height:0; cursor:pointer;}
	.faqArea>li .q {display:block; position:relative; padding:20px 90px 20px 65px; color:#666; font-weight:400; font-size:16px; line-height:1.6; box-sizing:border-box;}
	.faqArea>li .q:before{content: "Q"; display:inline-block; width:33px; height:33px; position:absolute; left:15px; top:17px; background-color:#039de5; font-size:1.20rem; line-height:31px; color: #ffffff; text-align:center; box-sizing:border-box; border-radius:3px;font-weight:400;}

	/*  관리자 로그인 했을 경우 */
		.faqArea>li.ad .q {padding-left:105px;}
		.faqArea>li.ad .q:before {left:55px;}

	.faqArea>li .q .bo_v_cate {width:140px; display:inline-block; color:#000000; font-weight:500;}

	.faqArea>li .q>.bul {width:20px; height:20px; display:block; position:absolute; top:50%; right:20px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
	.faqArea>li .q>.bul:before,
	.faqArea>li .q>.bul:after {content: ""; display:block; position:absolute; background-color:#666; top:50%; left:50%;}
	.faqArea>li .q>.bul:before {width:20px; height:1px; margin:-0.5px 0 0 -10px;}
	.faqArea>li .q>.bul:after {width:1px; height:20px; margin:-10px 0 0 -0.5px;}

	.faqArea>li .a {display:none; position:relative; padding:20px 90px 20px 105px; background-color:#f8f8f8; border-top:1px solid #ddd; color:#666; font-size:1rem ; font-weight:400; line-height:1.6; box-sizing:border-box;}
	.faqArea>li .a:before{content: "A"; width:33px; height:33px; display:inline-block; position:absolute; top:17px; left:55px; background-color:#fff;  border:1px solid #039de5; border-radius:3px; text-align:center; color:#039de5; font-size:1.20rem; line-height:31px; box-sizing:border-box;font-weight:500;}
	.faqArea>li .a .btnBox {text-align: right; display:inline-block; position: absolute; right:30px; bottom:30px;}
	

	/*  게시물이 없는 경우 */
		.faqArea>li.noPost {width:100%; height:240px; display:table; font-size:15px; line-height:1; color:#666; text-align:center; box-sizing:border-box;}
		.faqArea>li.noPost>p {display:table-cell; vertical-align:middle;}


	/* btn style */
		#bo_btn_top{margin:20px 0}
		#bo_btn_top:after {content:""; display:block; visibility:hidden; clear:both;}
		.btn_bo_user {float:right;margin:0;padding:0;list-style:none;}
		.btn_bo_user li {float:left; margin-left:5px}

		#bo_list a.btn_b01 {}
		#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {background:#fff; color: #ff960e;}
		#bobo_list_gall a.btn_b02 {min-width:100px; height:42px; background:#c5a74e; border:1px solid #c5a74e; font-size:15px; line-height:40px; font-weight:400; font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;}
		#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {background:#fff; color: #c5a74e;}
		#bo_list a.btn_admin {min-width:100px;height:42px;background:#677c91;font-size:15px;line-height:42px;font-weight:400;font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;}
		#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {}

		.bo_fx {float:right; margin-top:20px; zoom:1; }
		.bo_fx:after {display:block; visibility:hidden; clear:both; content:""; }
		.bo_fx ul {margin:0; padding:0; list-style:none}
		.bo_fx .btn_b01,
		.bo_fx .btn_b02,
		.bo_fx .btn_b03 {min-width:100px;height:42px;font-size:15px;line-height:40px;font-weight:400;font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;cursor:pointer}




/* [e] list style */

/* [s] view style */
	
	#bo_v_top {margin-bottom:30px; zoom:1}
	#bo_v_top:after {display:block; visibility:hidden; clear:both; content:""}
	#bo_v_top ul {padding:0; list-style:none; word-break:break-all;}

	/* header */
		#bo_v {margin-bottom:20px; padding:0; background:#fff; border-top:2px solid #555; box-sizing:border-box}
		#bo_v_title {}
		#bo_v_title .titArea {width:100%; padding:20px 30px; border-bottom:1px solid #ddd;}
		#bo_v_title .titArea .titcate {vertical-align:middle; padding-bottom:10px;}
		#bo_v_title .titArea .titcate .bo_v_cate {padding:5px 15px; border:1px solid #C38441; text-align:center; color:#C38441; font-size:15px; line-height:29px; font-weight:500;}
		#bo_v_title .titArea .v_tit {width:100%; vertical-align:top;}
		#bo_v_title .titArea .v_tit .bo_v_tit {display:block; font-weight:500; font-size:18px; margin:0; word-break:break-all; color:#333; line-height:1.4;}

		#bo_v_info {width:100%; min-height:60px; padding:0 20px; margin:0px; text-align:right; font-size:15px; color:#666; border-bottom:1px solid #ddd;}
		#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""}
		#bo_v_info span {display:inline-block; padding: 0 19px; position: relative; vertical-align:top; line-height:65px; color:#888;}.single_view_info > *:after {content: '';display: block;width: 1px;height: 13px;position: absolute;right: 0;top: 50%;margin-top: -6.5px;background: #d4d4d4;}
		#bo_v_info > *:after {content: '';display: block;width: 1px;height: 13px;position: absolute;right: 0;top: 50%;margin-top: -6.5px;background: #d4d4d4;}
		#bo_v_info > *:last-child {padding-right: 0;}
		#bo_v_info > *:last-child:after {display: none;}
		#bo_v_info h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
		#bo_v_info h2:after {display:none;}
		#bo_v_info b {display:inline-block; padding-right:7px; font-weight:400; color:#333;}
		#bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal}

		#bo_v_info .sound_only:after {display:none;}
		#bo_v_info .sv_member {font-weight:600; color: #444; padding-left:0px;}
		#bo_v_info .if_date {margin:0;color:#888}

	/* contents */
		#bo_v_atc {min-height:200px; height:auto !important; padding:30px; font-size:15px; border-bottom:1px solid #ddd;}
		#bo_v_atc_title {position:absolute; font-size:0; line-height:0; overflow:hidden}

		#bo_v_con {width:100%; line-height:1.6; min-height:200px; 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_img {width:100%; overflow:hidden; zoom:1}
		#bo_v_img:after {display:block; visibility:hidden; clear:both; content:""}
		#bo_v_img a.view_image {display:block}
		#bo_v_img img {margin-bottom:20px; max-width:100%; height:auto}

		#bo_v_share {position:relative; margin:20px 0 0; text-align:right;}
		#bo_v_share:after {display:block; visibility:hidden; clear:both; content:""}
		#bo_v_share .btn {color:#555; font-weight:500; font-size:15px; line-height:34px; width:100px; height:36px; border-radius:0; border-color:#ddd;}
		#bo_v_share .btn:hover {background:#f7941c; color:#fff; border-color:#f7941c;}
		#bo_v_share .btn i {margin-right:5px; color:#4b5259; vertical-align:middle}
		#bo_v_share .btn:hover i {color:#fff;}

	/* 첨부파일 */
		#bo_v_file {width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; display:table;}
		#bo_v_file .title {padding:20px; display: table-cell; width:15%; color: #333; font-size:16px; font-weight:600; text-align:center;}
		#bo_v_file ul {margin:0; list-style:none}
		#bo_v_file .add_file {display:table-cell; padding:20px; border-left:1px solid #ddd;}
		#bo_v_file li {position:relative;}
		#bo_v_file li+li {padding-top:10px;}
		#bo_v_file a {display:inline-block; font-size:15px; color:#888; text-decoration:underline; word-wrap:break-word}
		#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {color:#0091db;}
		#bo_v_file img {float:left;margin:0 10px 0 0}
		.bo_v_file_cnt  {position:absolute; top:5px; right:10px; color:#888; font-size:0.92em}

	/* 관련링크 */
		#bo_v_link {width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; display:table;}
		#bo_v_link .title {padding:20px; display: table-cell; width:15%; color: #333; font-size:16px; font-weight:600; text-align:center;}
		#bo_v_link ul {margin:0;padding:5px 0;list-style:none}
		#bo_v_link .add_link {display:table-cell; padding:20px; border-left:1px solid #ddd;}
		#bo_v_link li {position:relative;}
		#bo_v_link li+li {padding-top:10px;}
		#bo_v_link a {display:inline-block; font-size:15px; color:#888; text-decoration:underline;word-wrap:break-word}
		#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {color:#0091db;}
		.bo_v_link_cnt {position:absolute; top:5px; right:10px; color:#888; font-size:0.92em}

		#bo_v_file+#bo_v_link {border-top:none;}


	/* 관리자 버튼 */
		#bo_v_top a.btn {width:80px;}

		.bo_v_left {float:left; margin:20px 0;}
		.bo_v_left li {float:left;margin-right:5px}

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


	/* PageNavigation Style */
		.pageNavigation {display:table; width:100%; max-width:1400px; height:180px; margin:50px auto; position:relative; border-top: 2px solid #0091db;}
		.pageNavigation_link, .pageNavigation_title {display:table-cell; width:50%; height:100%; position: relative; font-size:15px; font-weight:400; text-align:center; vertical-align:middle; color: #555;}
		.pageNavigation_next, .pageNavigation_title_next {padding-left:90px; padding-right:50px;}
		.pageNavigation_prev, .pageNavigation_title_prev {padding-right:90px; padding-left:50px;}
		.pageNavigation_link span {display: block;padding-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; word-wrap: normal;}
		.pageNavigation_link b {display:inline-block; position:relative; font-size:22px; line-height:1; letter-spacing:0.05em; font-weight:600; text-transform:uppercase;}
		.pageNavigation_list {display:block; width:73px; height:73px; position:absolute; top:50%; left:50%; margin-top:-36.5px; margin-left:-36.5px; font-size:0; border:1px solid #0091db; background:rgba(0, 0, 0, 0) url('../../../img/ico_list.png') no-repeat center center; background-size: 18px 18px;z-index: 1;-webkit-transition: background 300ms;transition: background 300ms;}
		.pageNavigation_list.pageNavigation_link {font-size: 0;}
		.pageNavigation_list:hover {background:#0091db url('../../../img/ico_list_ov.png') no-repeat center center; background-size:18px 18px;}
		.pageNavigation_prev, .pageNavigation_next {max-width: 0;}
		.pageNavigation_link:hover span {color:#0091db;}
		.pageNavigation_link:hover b {color:#0091db;}

/* [e] view style */

/* [s] write style */

	#bo_w {}
	#bo_w .write_div {position:relative;}
	#bo_w .write_div:after {content:""; display:block; visibility:hidden; clear:both;}

	#bo_w .bo_write .wr_content textarea {padding:12px; line-height:30px;}

	#bo_w input[type=text],
	#bo_w input[type=password],
	#bo_w input[type=file],
	#bo_w select,
	#bo_w textarea {width:100%; height:50px; padding:0 12px; background-color:#fff; border:1px solid #dfdfdf; font-weight:400; font-size:15px; line-height:50px; color:#666; box-sizing: border-box; vertical-align:middle; display:inline-block;}
	
	#bo_w select::-ms-expand{display:none;}
	#bo_w select {background:#fff url('../../../img/bg_select_arr.gif') no-repeat right 20px center; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

	#bo_w .chk_box input[type="checkbox"]:checked + label span {background:url(/img/chk.png) no-repeat 50% 50% #fff; border-color:#0091db; border-radius:3px}

		/* 옵션선택 */
			#bo_w .write_div.optionCheck {margin:20px 0; text-align:right;}
			#bo_w .write_div.optionCheck li {display:inline-block; text-align:left; margin:0 5px 0 0;}
			#bo_w .write_div.optionCheck li+li {margin-left:10px;}
			#bo_w .write_div.optionCheck li label {vertical-align:baseline}
			#bo_w .write_div.optionCheck .chk_box input[type="checkbox"] + label {position:relative; padding-left:28px; font-size:15px; line-height:22px; color:#666;}
			#bo_w .write_div .chk_box input[type="checkbox"] + label span {width:20px; height:20px; top:1px;}

		/* 옵션 table */	
			#bo_w .bo_write {margin:0 0 50px 0; padding:0; background-color:#fff; border-top:2px solid #555;}
			#bo_w .bo_write table{width:100%; margin-bottom:-1px; border-spacing:0;}
			#bo_w .bo_write  table th {height:50px; padding:15px 20px; background-color:#f9f9fa; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:500; font-size:16px; line-height:24px; color:#333; text-align:left; vertical-align: middle; border-collapse:collapse; empty-cells:show; box-sizing: border-box;}
			#bo_w .bo_write  table td {height:50px; padding:15px; border-bottom:1px solid #ddd; font-weight: 300; font-size:15px; line-height:1.3; color:#666; text-align:left; vertical-align: middle; border-collapse:collapse; empty-cells:show; box-sizing: border-box;}

			#bo_w button.btn_cke_sc {height:40px; line-height:40px; padding:0 20px;}

		/* 임시저장된글 */
			#bo_w #autosave_wrapper {display:flex; justify-content:space-between; }
			#bo_w #autosave_wrapper input[type=text]{width:100%;}
			#bo_w #autosave_wrapper #btn_autosave {height:50px; line-height:50px; white-space: nowrap; margin:0 0 0 10px;}

			#autosave_wrapper {position:relative}
			#autosave_pop {display:none; z-index:10; position:absolute !important; top:50px; right:0; width:350px; height:auto !important; height:180px; max-height:180px; border:1px solid #565656; background:#fff; -webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
			#autosave_pop:before {content:""; position:absolute; top:-8px; right:45px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #000 transparent}
			#autosave_pop:after {content:""; position:absolute; top:-7px; right:45px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #fff transparent}
			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:center; margin:0 !important}
			#autosave_pop button {margin:0; padding:0; border:0}
			#autosave_pop ul {padding:15px; border-top:1px solid #e9e9e9; list-style:none; overflow-y:scroll; height:130px; border-bottom:1px solid #e8e8e8}
			#autosave_pop li {padding:8px 5px; border-bottom:1px solid #fff; background:#eee; 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; font-size:0.92em; font-style:italic; color:#999}
			
			.autosave_close {cursor:pointer; width:100%; height:36px; background:none; color:#888; font-weight:500; font-size:14px;}
			.autosave_close:hover {background:#f3f3f3; color:#0091db;}
			.autosave_content {display:none}
			.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%; text-indent:-999px; overflow:hidden; height:20px; width:20px}

		/* btn */
			#bo_w .btn_confirm {text-align:center;}
			#bo_w .btn_confirm>* {width:200px; height:56px; margin:0; padding:0px; font-weight:400; font-size:18px; line-height:56px; display:inline-block; border-radius:0;}
			#bo_w .btn_confirm>*+*{margin-left:10px;}
			#bo_w .btn_confirm .btn_submit {background:#0091db;}
			#bo_w .btn_confirm .btn_cancel{}

			#bo_w .c_scroll,
			#bo_w .c_scroll {height:180px; overflow:hidden; overflow-y:auto; padding:30px;}
			#bo_w .wrap_private{border:1px solid #ccc;}

			#bo_w .fregister_agree {/* position:absolute;top:0;right:0;;padding:15px */margin-top:15px;font-size:16px;margin-bottom:30px;}

/* [e] write style */