@charset "utf-8";

/* 게시판 쓰기 */
#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 !important;top:34px;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:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover{background:#f3f3f3;color:#3597d9}
.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;}

.dpp_bd_wrap {padding-top:0px; }

/* 리스트 게시판 */

#dpp_ct.dpp_ct.fine {border: 0; padding: 0; margin: 0; margin-bottom: 40px;}
#dpp_ct.dpp_ct.fine li {min-width: auto; margin: 0;}
#dpp_ct.dpp_ct.fine li + li {margin-left: 60px;}
#dpp_ct.dpp_ct.fine a {color: #a5a5a5; font-size: 28px; line-height: 40px; height: auto; border-radius: 0; padding: 0; padding-bottom: 15px;}
#dpp_ct.dpp_ct.fine #bo_cate_on {background: none; color: #212224; border-bottom: 3px solid #212224; }

.dpp_basic_tbl > li.dpp_tbl_td.fine:nth-child(1) > div {border-top: 2px solid #000;}
.dpp_basic_tbl > li.dpp_tbl_td.fine > div {padding: 30px 0;}
.dpp_basic_tbl > li.dpp_tbl_td.fine > div.fine_date {padding-top: 30px;}
.dpp_basic_tbl > li > div.dpp_td_chk.fine {width: 90px; vertical-align: top;}
.dpp_basic_tbl > li > div.fine_date {position: relative; width: 220px; text-align: left; vertical-align: top;}
.dpp_basic_tbl > li > div.fine_date:before {content: ""; position: absolute; top: 30px; right: 40px; width: 1px; height: 50px; background: #b2b2b2;} 

.dpp_basic_tbl > li > div.fine_date .dpp_td_cate {display: inline-block; height: 50px; line-height: 50px; padding: 0 50px; color: #fff; font-size: 18px;}
.dpp_td_cate.bg1 {background: #cca372;}
.dpp_td_cate.bg2 {background: #d5b48b;}
.dpp_td_cate.bg3 {background: #e3ceb3;}
.dpp_td_cate.bg4 {background: #dcdcdc;}

.dpp_basic_tbl > li > div.fine_txt_wrap {text-align: left; vertical-align: top;}
.dpp_basic_tbl > li > div.fine_txt_wrap .fine_notice_title {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #000; font-size: 23px; line-height: 1.2; height: 1.2em; font-weight: 900;}
.dpp_basic_tbl > li > div.fine_txt_wrap .fine_notice_date {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #868787; font-size: 14px; line-height: 1.2; height: 1.2em; font-weight: 300; margin-top: 10px;}
.dpp_basic_tbl > li > div.fine_txt_wrap .dpp_td_cate {display: inline-block; height: 35px; line-height: 33px;padding: 0 30px; color: #fff; font-size: 18px;}
.dpp_basic_tbl > li > div.fine_txt_wrap .dpp_td_cate.mob {display: none;}
.dpp_basic_tbl > li > div.fine_txt_wrap2 .mob_date {display: none;}
.dpp_page_wrap.fine strong {border-radius: 50%;}

.dpp_basic_tbl > li > div.fine_txt_wrap2 {text-align: right;}
.fine_txt_wrap2 {width: 360px; vertical-align: middle;}
.fine_txt_wrap2 .download {display: inline-block; vertical-align: middle; height: 50px; line-height: 50px; padding: 0 40px; background: #eaeaea; color: #000; font-size: 18px; font-weight: 700; border-radius: 50px;}
.fine_txt_wrap2 .download .down_ic {display: inline-block; vertical-align: middle; width: 18px; height: 14px; background: url("/images/download_ic.png") center no-repeat; background-size: 100%; margin-left: 20px; margin-top: -5px;} 
.fine_txt_wrap2 .d_day {display: inline-block; vertical-align: middle; color: #000; font-size: 40px; font-weight: 500; margin-left: 40px;}

.fine_carrer_wrap h3 {position: relative; color: #000; font-size: 40px; line-height: 50px; font-weight: 700;}
.fine_carrer_wrap h3:before {content: ""; position: absolute; top: 40px; left: -95px; width: 65px; height: 2px; background: #000;}
.fine_carrer_menu {margin: 40px 0 90px;}
.fine_carrer_menu ul {position: relative; margin: 0 -50px;}
.fine_carrer_menu ul:after {content: ""; display: block; clear: both;}
.fine_carrer_menu ul li {position: relative; float: left; width: 20%; padding: 0 50px;}
.fine_carrer_menu ul li + li:before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 25px; background: url("/images/car_arrow.png") center no-repeat; background-size: 100%;}
.fine_carrer_menu .fine_car_inner {display: table-cell; width: 220px; height: 220px; text-align: center; vertical-align: middle; border-radius: 50%; background: #f1f1f1;}
.fine_carrer_menu ul li:last-child .fine_car_inner {background: #dcc19f;}
.fine_car_inner em {display: block; color: #956020; font-size: 18px; line-height: 26px; font-weight: 900;}
.fine_car_inner h4 {color: #000; font-size: 25px; line-height: 35px; font-weight: 700;}

.dpp_search_box.fine {position: relative;}
.dpp_search_box.fine:after {content: ""; display: block; clear: both;}
.dpp_bd_search.fine .dpp_search_in {float: right;}
.dpp_select_box.fine select {border: 0; border-bottom: 1px solid #d6d6d6;}
.dpp_inputArea.fine {position: relative;}
.dpp_inputArea.fine input {border: 0; border-bottom: 1px solid #d6d6d6;}
button.dpp_input_btn {position: absolute; top: 0; right: 0; outline: 0; border: 0; background: none;}
button.dpp_input_btn img {width: 28px;}


@media (max-width: 1700px) {
	.fine_carrer_wrap h3 {padding-left: 110px;}
	.fine_carrer_wrap h3:before {left: 0;}
}

@media (max-width: 1500px) {
	.fine_carrer_menu ul { margin: 0 -3.33vw;}
	.fine_carrer_menu ul li {padding: 0 3.33vw;}
	.fine_carrer_menu ul li + li:before {width: 1.07vw; height: 1.67vw;}
	.fine_carrer_menu .fine_car_inner { width: 13.33vw; height: 13.33vw;}
	.fine_car_inner em {  font-size: 1.20vw; line-height: 1.73vw; }
	.fine_car_inner h4 { font-size: 1.67vw; line-height: 2.33vw; }
}

@media screen and (max-width: 1200px) {
	
	/* 리스트 게시판 */

	#dpp_ct.dpp_ct.fine {margin-bottom: 20px;}
	#dpp_ct.dpp_ct.fine li + li {margin-left: 40px;}
	#dpp_ct.dpp_ct.fine a {font-size: 20px; line-height: 30px;padding-bottom: 10px;}

	.dpp_basic_tbl > li.dpp_tbl_td.fine > div {padding: 20px 0;}
	.dpp_basic_tbl > li.dpp_tbl_td.fine > div.fine_date {padding-top: 20px;}
	.dpp_basic_tbl > li > div.dpp_td_chk.fine {width: 50px;}
	.dpp_basic_tbl > li > div.fine_date {width: 160px;}
	.dpp_basic_tbl > li > div.fine_date:before {top: 20px; right: 35px; height: 40px;} 

	.dpp_basic_tbl > li > div.fine_date .dpp_td_cate {height: 40px; line-height: 40px; padding: 0 30px; font-size: 14px;}
	.dpp_basic_tbl > li > div.fine_txt_wrap .fine_notice_title {font-size: 18px; }
	.dpp_basic_tbl > li > div.fine_txt_wrap .fine_notice_content {font-size: 14px; }

	.fine_txt_wrap2 {width: 200px;}
	.fine_txt_wrap2 .download {height: 40px; line-height: 40px; padding: 0 15px; font-size: 16px; border-radius: 50px;}
	.fine_txt_wrap2 .download .down_ic {width: 18px; height: 14px; margin-left: 10px; margin-top: -5px;} 
	.fine_txt_wrap2 .d_day {font-size: 25px; margin-left: 20px;}

	.fine_carrer_wrap h3 {padding-left: 55px; font-size: 25px;}
	.fine_carrer_wrap h3:before {top: 30px; width: 40px;}

}

@media (max-width: 768px) {

	/* 리스트 페이지 */

	#dpp_ct.dpp_ct.fine li + li {margin-left: 20px;}
	#dpp_ct.dpp_ct.fine a {font-size: 15px; line-height: 22px; padding-bottom: 5px;}
	#dpp_ct.dpp_ct.fine #bo_cate_on {border-bottom: 1px solid #212224;}

	.dpp_basic_tbl > li.dpp_tbl_td.fine > div.dpp_td_chk.fine {margin-bottom: 10px; text-align: left;}
	.dpp_basic_tbl > li.dpp_tbl_td.fine:nth-child(1) > div {border-top: 0; padding: 0;}
	.dpp_basic_tbl > li.dpp_tbl_td.fine > div {padding: 0;}
	.dpp_basic_tbl > li.dpp_tbl_td.fine > div.fine_date {display: none;}
	.dpp_basic_tbl > li > div.fine_txt_wrap .fine_notice_title {font-size: 16px;}
	.dpp_basic_tbl > li > div.fine_txt_wrap .dpp_td_cate {height: 20px; line-height: 18px; padding: 0 10px; font-size: 14px;}
	.dpp_basic_tbl > li > div.fine_txt_wrap .dpp_td_cate.mob {display: inline-block; margin-bottom: 5px;}
	.dpp_basic_tbl > li > div.fine_txt_wrap2 .mob_date {display: inline-block; margin-top: 5px; color: #868787; font-size: 13px; font-weight: 300;}

	.fine_carrer_menu ul { margin: -1.95vw -1.30vw;}
	.fine_carrer_menu ul li {width: 50%; padding: 1.95vw 1.30vw;}
	.fine_carrer_menu ul li + li:before {width: 2.08vw; height: 3.26vw; left: -3.91vw;}
	.fine_carrer_menu ul li:nth-child(odd):before {display: none;}
	.fine_carrer_menu .fine_car_inner { width: 36.46vw; height: 36.46vw;}
	.fine_car_inner em {  font-size: 3.13vw; line-height: 4.56vw; }
	.fine_car_inner h4 { font-size: 3.39vw; line-height: 4.56vw; }

	.dpp_basic_tbl > li > div.fine_txt_wrap2 {position: relative; display: block; width: 100%; text-align: left; margin-top: 15px;}
	.dpp_basic_tbl > li > div.fine_txt_wrap2:after {content: ""; display: block; clear: both;}
	.fine_txt_wrap2 .download {height: 35px; line-height: 35px; padding: 0 15px; font-size: 16px; border-radius: 50px; margin-left: 5px;}
	.fine_txt_wrap2 .download .down_ic {width: 18px; height: 14px; margin-left: 10px; margin-top: -5px;} 
	.fine_txt_wrap2 .d_day {font-size: 18px; margin-left: 10px; font-weight: 900;}

	.fine_carrer_wrap h3 {padding-left: 20px; font-size: 20px;}
	.fine_carrer_wrap h3:before {top: 30px; width: 15px;}

	.fine_mob_text_wrap {float: left;}

	button.dpp_input_btn {top: 50%; transform: translateY(-50%);}
	button.dpp_input_btn img {width: 14px;}

	.dpp_bd_search.fine .dpp_search_in {float: none;}

}