@charset "utf-8";


/***************************************** 게시판 공통 *****************************************/
.board_wrap {width:100%; margin-bottom:100px;}
.board_total {font-size:1.15em; color:#666; }
.board_total span {font-size:1em; margin:0 5px;}
.board_total span.red {color:#e00a0a;}
.board_total span.bold {font-weight:700;}
.go_list {margin: 0 auto;  text-align: center;  display: block;  border: 1px solid #333;  width: 150px;  font-size: 1.15em;  padding: 10px;  transition:0.1s background ease;}
.go_list:hover {background:#333; color:#fff; transition:0.1s background ease; text-decoration:none;}
.exp_tit {font-size:1.41em; font-weight:700; }
.exp_text {padding:50px 0; margin:10px 0 50px;  border-bottom:1px solid #ddd; border-top:1px solid #ddd; font-size:1.15em;}



/***************************************** 게시판_검색 *****************************************/
.board_search_wrap {width:100%;}
.board_search_wrap .board_search {width:100%; margin:10px 0 50px;}
.board_search_in {width:100%; background:#f8f8f8; padding:40px 15px;}
.board_search_text {font-size:1.15em;}
.board_search_text .red {color:#e00a0a; font-size:1em; font-weight:700;}
.search_tit {margin-bottom:10px; font-size:1.15em; font-weight:700; color:#333;}
.search_common {display:block; font-size:1.1em;}
.search_01 {overflow:hidden; clear:both; width:80%; margin:0 auto; background:#fff; border:1px solid #ddd; border-right:none; border-radius:5px;}
.search_01 .search_common {float:left;}
.search_01 .search_list01 {position:relative; width:18%; margin-right:2%; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhfrhz.zbxcb.tb.xe%2Spff%2S..%2Svzntrf%2Sfryrpg_neebj.cat') right center no-repeat; background-size:7%;}
.search_01 .search_list01:before {position:absolute; left:;}
.search_01 .search_list02 {position:relative; width:60%;}
.search_01 .search_list02:before {position:absolute; left:0; top:0; display:block; content:""; width:1px; height:30px; background:#e8e8e8; margin-top:10px;}
.search_01 .search_list03 {width:18%; margin-left:2%; text-align:center; background:#666666; color:#fff; height:50px; line-height:50px;}
.search_01 .search_list03:hover {text-decoration:none; color:inherit; background:#333;  color:#fff;}
.search_01 .search_common select {width:100%; border:none; font-size:1em; height:50px; padding-left:10px;-webkit-appearance:none; -moz-appearance:none; appearance:none; background:transparent;}
.search_01 .search_common select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
.search_01 .search_common input {width:100%; border:none;  font-size:1em; height:50px; padding:0 10px 0 20px;}
.search_category {overflow:hidden; clear:both;  width:80%; margin:30px auto 0;}
.cate_common {float:left; width:32%; margin-right:2%; }
.cate_common:last-child {margin-right:0;}
.cate_common select {font-size:1.1em; width:100%; height:50px; border-radius:5px; border:1px solid #e8e8e8; padding-left:20px; -webkit-appearance:none; -moz-appearance:none; appearance:none;
background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhfrhz.zbxcb.tb.xe%2Spff%2S..%2Svzntrf%2Sfryrpg_neebj.cat') #fff right 15px center no-repeat; background-size:4%;}



/***************************************** 특별전_리스트 *****************************************/
.special_wrap {width:100%; margin-top:15px; }
.special_wrap:after {clear:both; display:block; content:"";}
.special_wrap .speci_list {float:left; width:31%; margin:0 3.5% 30px 0; }
.special_wrap .speci_list:nth-child(3n) {margin-right:0;}
.special_wrap .speci_list a {position:relative; display:block; width:100%; height:100%;border:1px solid #ddd; transition:0.3s box-shadow ease;}
.speci_img {position:relative; width:100%; height:250px; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.speci_hoimg {background:rgba(0,0,0,0.5); width:100%; height:100%; opacity:0;  transition:0.3s all ease;}
.speci_hoimg:before {position:absolute; left:50%; top:50%; display:block; content:""; width:3px; height:30px; background:#fff; transform:translate(-50%, -50%); -webkit-transform : translate(-50%, -50%);  
-moz-transform : translate(-50%, -50%);  -ms-transform : translate(-50%, -50%); -o-transform : translate(-50%, -50%); }
.speci_hoimg:after {position:absolute; left:50%; top:50%; display:block; content:""; width:30px; height:3px; background:#fff; transform:translate(-50%, -50%); -webkit-transform : translate(-50%, -50%);  
-moz-transform : translate(-50%, -50%);  -ms-transform : translate(-50%, -50%); -o-transform : translate(-50%, -50%);}
.speci_text {position:relative; padding:25px 15px 20px;}
.speci_tit {font-size:1.29em; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.speci_txt {font-size:1em; color:#b1b1b1; margin-top:10px;}
.speci_pro {position:absolute; left:15px; top:-45px; font-size:1.15em; color:#fff; padding:20px;}
.speci_pro.ing {background:rgba(10,102,19,0.8);}
.speci_pro.complete {background:rgba(92,95,92,0.8);}
.special_wrap .speci_list a:hover {color:inherit; text-decoration:none; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.3); transition:0.3s box-shadow ease;}
.special_wrap .speci_list a:hover .speci_hoimg {opacity:1; transition:0.3s all ease;}


/***************************************** 특별전_보기페이지 *****************************************/
.special_view_wrap {width:100%;}
.speci_view_tit {position:relative; font-size:2.3em; font-weight:700; line-height:2;}
.speci_view_tit:before {position:absolute; left:0; top:0; display:block; content:""; width:40px; height:5px; background:#0a6613; }
.speci_view_info {width:100%; overflow:hidden; clear:both; margin:30px 0 70px;}
.speci_view_img {float:left; width:55%; height:auto;}
.speci_view_img img {width:100%;}
.speci_view_txt {float:left; width:45%; padding:15px 30px;}
.spaci_view_pro {width: 70px;  text-align: center;  font-size: 1.15em;  margin-bottom: 20px; padding: 5px 0; color: #fff;}
.spaci_view_pro.ing {border: 1px solid #0a6613; background: #0a6613; }
.spaci_view_pro.complete {border: 1px solid #5c5f5c; background: #5c5f5c;}
.speci_view_txt dl {overflow:hidden; clear:both; margin-bottom:5px;}
.speci_view_txt dl dt {float:left; font-size:1.15em; margin-right:5px;}
.speci_view_txt dl dd {float:left; font-size:1.15em;}
.speci_view_exp {}



/***************************************** 소장전시품_리스트 *****************************************/

.collection_list_wrap {}
.collection_wrap {width:100%; margin-top:15px;}
.collection_wrap:after {clear:both; display:block; content:"";}
.collection_wrap .colle_list {float:left; width:23.5%; margin:0 2% 30px 0;}
.collection_wrap .colle_list:nth-child(4n) {margin-right:0;}
.collection_wrap .colle_list a {position:relative; display:block; width:100%; height:100%; border:1px solid #ddd; transition:0.2s box-shadow ease; }
.colle_img {position:relative; display:block; width:100%; height:200px;}
.colle_img img {position:relative; left:50%; top:50%; transform:translate(-50%,-50%); display:block; max-width:100%; max-height:100%; padding:20px; -webkit-transform : translate(-50%, -50%);  
-moz-transform : translate(-50%, -50%);  -ms-transform : translate(-50%, -50%); -o-transform : translate(-50%, -50%); }
.colle_hoimg {position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); width:100%; height:100%; opacity:0;  transition:0.2s all ease;}
.colle_hoimg:before {position:absolute; left:50%; top:50%; display:block; content:""; width:3px; height:30px; background:#fff; transform:translate(-50%, -50%); -webkit-transform : translate(-50%, -50%);  
-moz-transform : translate(-50%, -50%);  -ms-transform : translate(-50%, -50%); -o-transform : translate(-50%, -50%); }
.colle_hoimg:after {position:absolute; left:50%; top:50%; display:block; content:""; width:30px; height:3px; background:#fff; transform:translate(-50%, -50%); -webkit-transform : translate(-50%, -50%);  
-moz-transform : translate(-50%, -50%);  -ms-transform : translate(-50%, -50%); -o-transform : translate(-50%, -50%);}
.colle_text {padding:20px 15px; background:#f8f9fa; text-align:center;}
.colle_tit {font-size:1.29em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.colle_txt {font-size:1em; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.colle_stxt {color:#03752b; font-size:1em; margin-top:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.collection_wrap .colle_list a:hover {color:inherit; text-decoration:none; box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2); transition:0.2s box-shadow ease;}
.collection_wrap .colle_list a:hover .colle_hoimg {opacity:1; transition:0.2s all ease;}



/***************************************** 소장전시품_보기페이지 *****************************************/
.collection_view_wrap {width:100%;}
.colle_view_tit {position:relative; font-size:2.3em; font-weight:700; line-height:2;}
.colle_view_tit:before {position:absolute; left:0; top:0; display:block; content:""; width:40px; height:5px; background:#0a6613; }
.colle_view_info {width:100%; overflow:hidden; clear:both; margin:30px 0 70px; background:#f8f9fa; border:1px solid #e8e8e8;}
.colle_view_img {float:left; width:50%; height:auto; padding:30px; background:#fff; border-right:1px solid #e8e8e8;}
.colle_view_img img {width:100%; border:1px solid #ddd;}
.colle_view_txt {float:left; width:50%; padding:30px 30px;}
.colle_view_txt dl {overflow:hidden; clear:both; margin-bottom:5px;}
.colle_view_txt dl dt {float:left; font-size:1.15em; margin-right:5px;}
.colle_view_txt dl dd {float:left; font-size:1.15em;}
.colle_view_exp {}



/***************************************** 교육신청 list *****************************************/
.sub_eduapp .search_wrap {
	margin: 0 0 30px;
    padding: 25px 15px;
    background: #f5f5f6;
    text-align: center;
}

.sub_eduapp .search_wrap .list_sch_wrap {
	text-align: center;
}

.sub_eduapp .search_wrap .list_sch_wrap .sub_sch_wrap{
	float: none;
}

.sub_eduapp .search_wrap .list_sch_wrap .sub_sch_wrap .s_btn{
	background: #3f3f3f;
	font-weight: normal;
}



.sub_eduapp .search_wrap .skip {
	position: absolute;
	top: 0%;
    height: 0;
    font-size: 0;
}
.sub_eduapp .search_wrap > select {
	width: 130px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ddd;
    color: #666;
    vertical-align: middle;
}
.sub_eduapp .search_wrap > input[type="text"] {
    width: 260px;
    height: 35px;
    line-height: 35px;
	border: 1px solid #ddd;
    color: #666;
    vertical-align: middle;
}
.sub_eduapp .search_wrap input[type="submit"] {
    width: 39px;
    height: 35px;
    background: #63676d url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhfrhz.zbxcb.tb.xe%2Spff%2S..%2Svzntrf%2Sfrnepu.wct")no-repeat center;
    font-size: 0;
	overflow: visible;
    cursor: pointer;
    -webkit-appearance: button;
	border: 0;
}
.sub_eduapp .edu_app_box {
	width: 100%;
}
.sub_eduapp .edu_app_box .edu_appinfo::after {
	clear: both; display: block; content: "";
}
.sub_eduapp .edu_app_box .edu_appinfo {
	padding: 35px 40px;
	margin: 0 0 40px;
    width: 100%;
    border: 1px solid #d9d9d9;

	position: relative;
}
/* .sub_eduapp .edu_app_box .edu_appinfo .appinfo_img {
	float: left;
    width: 25%;
	height: 220px;
    overflow: hidden;
    border: 1px solid #ddd;

    position: relative;
}
.sub_eduapp .edu_app_box .edu_appinfo .appinfo_img > img {
	max-width: 150%;
    height: 100%;
	box-sizing: border-box;
    overflow: hidden;

    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
} */
.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt {
    padding-left: 80px;
    width: 75%;
}
.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .txt_top {
	margin: 10px 0 0;
}
.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .txt_top > span {
	display: inline-block;
    margin-right: 10px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
}
.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .txt_top > span.on_1 {
	border: 1px solid #ddd;
    background: #fff;
}
.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .txt_top > span.on_2 {
	background: #777;
    color: #fff;
} 
.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .txt_top > span.on , .sub_eduview .view_tit .tit_top > span.on_1.on{
	background: #2550af;
    color: #fff;
}
.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .tit {
	margin: 20px 0 10px;
    padding: 0 130px 0 0;
    font-size: 23px;
    font-weight: bold;
	word-break: keep-all;
}
.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .txt_bottom .list_1st {
	margin: 10px 0;
    padding: 0;
}
.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .txt_bottom .list_1st > li {
	width: 100%;
    margin-bottom: 5px;
    padding-left: 0;
    background: none;
    font-size: 14px;
	word-break: keep-all;
}
.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .txt_bottom .list_1st > li > em {
	display: inline-block;
    width: 120px;
    font-weight: bold;
	font-style: unset;
	font-size: 1.1em;

	position: relative;
}
.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .txt_bottom .list_1st > li > em::after {
	display: block;
    width: 1px;
    height: 10px;
    background-color: #aeaeae;
    /*content: "";*/

	position: absolute;
    top: 5px; right: 0;
}
.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .txt_bottom .list_1st > li > span {
	display: inline-block;
    padding-left: 20px;
	font-size: 1.1em;
	position:relative;
}

.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .txt_bottom .list_1st > li > span:before {
	
	display: block;
    width: 1px;
    height: 10px;
    background-color: #aeaeae;
    content: "";

	position: absolute;
    left: 0px; top: 5px;
	

}



.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .txt_bottom .list_1st > li:nth-child(4) > span {
	padding-right: 20px;
}
.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .txt_bottom .list_1st > li > a {
	border: 1px solid #ddd;
	padding: 5px; 
	margin-left: 15px;
}
.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .txt_bottom .list_1st > li > a:hover {
	font-weight: bold;
}
.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .ebtn {
	display: block;
    width: 105px;
    height: 105px;
    margin-top: -52.5px;
    padding: 25px 0 0;
	color: #fff;
    text-align: center;
    font-size: 15px;
    background: #3f3f3f url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhfrhz.zbxcb.tb.xe%2Spff%2S..%2Svzntrf%2Snee.cat")no-repeat center 70%;
	transition: 200ms;

	position: absolute;
    right: 110px; top: 50%;
}
.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .ebtn:hover {
	background: #015ea9 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhfrhz.zbxcb.tb.xe%2Spff%2S..%2Svzntrf%2Snee.cat")no-repeat center 70%;
}



/***************************************** 교육신청 view *****************************************/
.sub_eduview {
	padding: 0 15px;
}
.sub_eduview .view_tit {
	text-align: center;
}
.sub_eduview .view_tit .tit_top {
	margin-bottom: 15px;
}
.sub_eduview .view_tit .tit_top > span {
	display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
}
.sub_eduview .view_tit .tit_top > span.on_1 {
	border: 1px solid #ddd;
    background: #fff;
}
.sub_eduview .view_tit .tit_top > span.on_2 {
	background: #777;
    color: #fff;
} 
.sub_eduview .view_tit .tit_top > span.on_3 {
	background: #2550af;
    color: #fff;
}
.sub_eduview .view_tit .title {
	font-size: 2.3em;
	font-weight: bold;
	margin-bottom: 40px;
	word-break: keep-all;
}
.sub_eduview .view_tit .list_1st::after {
	clear: both; display: block; content: "";
}
.sub_eduview .view_tit .list_1st {
	padding: 0 15px 25px;
	border-bottom: 1px solid #192d4c;
}
.sub_eduview .view_tit .list_1st > li {
	float: left;
	width: 50%;
	text-align: left;
	padding: 3px 0;
}
.sub_eduview .view_tit .list_1st > li.w_100 {
	width: 100%;
}

.sub_eduview .view_tit .list_1st > li > em {
	display: inline-block;
	width: 120px;
	font-style: normal;
	font-size: 1.3em;
	font-weight: 700;

	position: relative;
}
.sub_eduview .view_tit .list_1st > li > em::before {
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	background: #192d4c;

	position: absolute;
	top: 50%; left: -10px;
	transform: translateY(-50%);
}
.sub_eduview .view_tit .list_1st > li > span {
	font-size: 1.2em;
}
.sub_eduview .view_tit .list_1st > li > span p {
	display: inline-block;
    margin-right: 20px;
}
.sub_eduview .view_tit .list_1st > li > span p a {	
	color: #333;
}


.sub_eduview .view_cont .btn_area {
	text-align: center;
	padding: 60px 0;
}
.sub_eduview .view_cont .btn_area .btn01 {
	display: inline-block;
    padding: 12px 15px;
    border: 1px solid #2c406b;
    background: #fff;
    color: #404040;
    vertical-align: middle;
}
.sub_eduview .view_cont .btn_area .btn02 {
	display: inline-block;
    padding: 12px 15px;
	border: 1px solid #2c406b;
    background: #2c406b;
    color: #fff;
    vertical-align: middle;
}
.sub_eduview .view_cont .btn_area .btn02 > span {
	color: #fff;
}
.sub_eduview .view_cont .view_cont_  {
	padding: 25px 0px;
}



/***************************************** 신청폼 공통 *****************************************/
.sub_form_add .form_middle {
	padding: 60px;
	margin-bottom: 100px;
	border: 1px solid #ddd;
}
.sub_form_add .form_middle > h3 {
	font-size: 2.1em;
	font-weight: bold;
	word-break: keep-all;
	text-align: center;
	margin-bottom: 50px;
}


.sub_form_add .form_middle .form_group > label {
	font-size: 1.3em;
}

.sub_form_add .form_middle .clear {
	clear: both; display: block; content: "";
}
.sub_form_add .form_middle .form_group {
	margin: 0 1%;
}
.sub_form_add .form_middle .form_group:not(.not_float) {
	float: left;
	width: 48%;
	margin-bottom: 20px;
}
.sub_form_add .form_middle .form_group .form_wrap > input {
	height: 40px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #404040;
}
.sub_form_add .form_middle .form_group:not(.not_100) .form_wrap > input {
	width: 100%;
	margin-bottom: 8px;
}
.sub_form_add .form_middle .not_100 .form_wrap > input {
	width: 31.5%;
}
.sub_form_add .form_middle .not_float {
	padding-top: 25px;
}
.sub_form_add .form_middle .not_float .form_wrap .accept_span {
	padding-left: 6px;
}
.sub_form_add .form_middle .not_float .form_wrap .person_Link {
	margin-left: 30px;
}
.sub_form_add .form_middle .not_float .form_wrap .person_Link > a {
	display: inline-block;
	padding: 12px 10px;
    background: #ddd;
}
.sub_form_add .form_middle .form_actions {
	text-align: center;
    padding-top: 60px;
}
.sub_form_add .form_middle .form_actions > a:nth-child(1) {
	display: inline-block;
    padding: 12px 25px;
    border: 1px solid #2c406b;
    background: #fff;
    color: #404040;
    vertical-align: middle;
}
/* .sub_form_add .form_middle .form_actions > a:nth-child(2) {
	display: inline-block;
    padding: 12px 25px;
    border: 1px solid #2c406b;
    background: #2c406b;
    color: #fff;
    vertical-align: middle;
} */
.sub_form_add .form_middle .form_actions > input {
	height: 45px;
	padding: 0 13px;
	background: #2c406b;
	border-radius: 0;
}

.sub_form_add .form_middle .form_group .form_wrap > input.post_input {
	width: 32%;
}

.sub_form_add .form_middle .form_group .form_wrap > .add_search {
	display: inline-block;
	margin-left: 10px;
	padding: 0px 0px;
}

.sub_form_add .form_middle .form_group .form_wrap > input.chk_accept {
	width: 20px;
	margin-bottom: unset !important;
}
.sub_form_add .form_middletop {
	margin-bottom: 40px;
    padding: 20px;
    border: 1px solid #ddd;
}
.sub_form_add .form_middletop > div > h3 {
	font-size: 1.4em;
    margin-bottom: 15px;
    padding-left: 32px;
    word-break: keep-all;
    position: relative;
}
.sub_form_add .form_middletop > div > h3::before {
	background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhfrhz.zbxcb.tb.xe%2Spff%2S..%2Svzntrf%2Serfreir_vasb.cat") no-repeat center;
    background-color: #0a6613;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    content: "";

    position: absolute;
    top: 2px; left: 0;
}
.sub_form_add .form_middletop > div:first-child {
	margin-bottom: 15px;
}
.sub_form_add .form_middletop > div > p {
	font-size: 1.1em;
    padding: 4px 0;
    padding-left: 31px;
    word-break: keep-all;

    position: relative;
}
.sub_form_add .form_middletop > div > p::before {
	content: "";
    background-color: #0a6613;
    width: 3px;
    height: 3px;

    position: absolute;
    top: 11px; left: 20px;
}
.sub_form_add .form_middle .form_group .form_label {
	padding-left: 10px;
	font-weight: 500;

	position: relative;
}
.sub_form_add .form_middle .form_group .form_label::before {
	content: "";
    background-color: #0a6613;
    width: 3px;
    height: 3px;

    position: absolute;
    top: 8px; left: 0;
}
.sub_form_add .form_middle .form_group .form_wrap {
	margin-top: 5px;
}
.sub_form_add .form_middle .f_group6 > .form_wrap > textarea {
	height: 136px !important;
}
.sub_form_add .form_middle .f_group7 > .form_wrap {
	font-size: 1.1em;
	padding: 13.25px 0;
}

.sub_form_add .form_middle .f_group7 > .form_wrap {
	font-size: 1.1em;
	padding: 13.25px 0;
}
.sub_form_add .form_middle input.price_input {
	text-align: right;
    padding-right: 20px;
	color: #f90000;
}

.sub_form_add .form_group .relative_css {
	position: relative;
}
.sub_form_add .form_group .relative_css span.input_span{
	position: absolute;
    right: 0px;
    top: 10px;	
}



/***************************************** 단체예약 *****************************************/
.ui-datepicker-current-day a{
	color: #fff!important;
    background: #fd0000!important;
}

.ui-datepicker-today {
	opacity: 1 !important;
}

.ui-datepicker-today span {
	color: #fff !important;
    background: #bfe764 !important;
	
}

table.ui-datepicker-calendar td.closedday span.ui-state-default{
	background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhfrhz.zbxcb.tb.xe%2Svzntrf%2Spybfr_vpba.cat) no-repeat center center !important;
	background-size: 40% !important;
}


.edu_reserve {
	margin-bottom: 100px;
}
.edu_reserve .reser_top {
	margin-bottom: 40px;
    padding: 20px;
    border: 1px solid #ddd;
}
.edu_reserve .reser_top > div > h3 {
	font-size: 1.4em;
    margin-bottom: 15px;
	padding-left: 32px;
	word-break: keep-all;

	position: relative;
}
.edu_reserve .reser_top > div > h3::before {
	background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhfrhz.zbxcb.tb.xe%2Spff%2S..%2Svzntrf%2Serfreir_vasb.cat") no-repeat center;
    background-color: #0a6613;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    content: "";

    position: absolute;
    top: 2px; left: 0;
}
.edu_reserve .reser_top > div > p {
	font-size: 1.1em;
	padding: 4px 0;
	padding-left: 31px;
	word-break: keep-all;

	position: relative;
}
.edu_reserve .reser_top > div > p::before {
	content: "";
    background-color: #0a6613;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 11px; left: 20px;
}

.edu_reserve .reser_top > div > p.none_marker::before {	
    background-color: #fff;
  
}
.edu_reserve .reser_bottom::after {
	clear: both; content: ""; display: block;
}
.edu_reserve .reser_bottom {
	border: 1px solid #ddd;
}
.edu_reserve .reser_bottom > div {
	float: left;
	width: 50%;
	padding: 30px 2.5% 30px;
}
.edu_reserve .reser_bottom .calendar_box {
	border: none !important;
}
.edu_reserve .reser_bottom .calendar_box .ui-datepicker {
	width: 100%;
	border: none;
}
.edu_reserve .reser_bottom .calendar_box .ui-widget-header {
	background: none;
	border: none;
	padding: 14px 0;
}
.edu_reserve .reser_bottom .calendar_box .ui-datepicker .ui-datepicker-title {
	font-family: 'Noto Sans KR';
	font-size: 1.3em;
} 
.edu_reserve .reser_bottom .calendar_box .ui-datepicker .ui-datepicker-prev,
.edu_reserve .reser_bottom .calendar_box .ui-datepicker .ui-datepicker-next {
	top: 50%;
	transform: translateY(-50%);
}
.edu_reserve .reser_bottom .calendar_box .ui-datepicker table {
	border-spacing: 0 !important;
    border-collapse: separate !important;
	height: 438px;
	margin: unset;
}
.edu_reserve .reser_bottom .calendar_box .ui-datepicker th {
	height: 50px;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
}
.edu_reserve .reser_bottom .calendar_box .ui-datepicker td {
	padding: 0;
	border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}
.edu_reserve .reser_bottom .calendar_box .ui-datepicker td:nth-child(7n) {
	border-right: none;
}
.edu_reserve .reser_bottom .calendar_box .ui-datepicker td:nth-child(7n) > a {
	color: #2550af;
}
.edu_reserve .reser_bottom .calendar_box .ui-datepicker td:nth-child(1) > a {
	color: #de1c1c;
}
.edu_reserve .reser_bottom .calendar_box .ui-state-default, 
.edu_reserve .reser_bottom .calendar_box .ui-widget-content .ui-state-default {
	background: none;
	height: 100%;
	border: none;
}
.edu_reserve .reser_bottom .calendar_box .ui-state-highlight, 
.edu_reserve .reser_bottom .calendar_box .ui-widget-content .ui-state-highlight {
	background: #def3e0;
}
.edu_reserve .reser_bottom .calendar_box .ui-state-hover, 
.edu_reserve .reser_bottom .calendar_box .ui-datepicker-prev-hover,
.edu_reserve .reser_bottom .calendar_box .ui-datepicker-next-hover {
	background: none;
	border: none;
}

.edu_reserve .reser_bottom .reser_check {
	border-left: 1px solid #ddd;
}
.edu_reserve .reser_bottom .reser_check > h3 {
	font-size: 1.5em;
	padding-left: 45px;
	margin: 19px 0;

	position: relative;
}
.edu_reserve .reser_bottom .reser_check > h3::before {
	background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhfrhz.zbxcb.tb.xe%2Spff%2S..%2Svzntrf%2Serfreir_obbxvat.cat") no-repeat center;
	background-size: 60%;
	width: 30px;
	height: 30px;
	content: "";
	border-radius: 50%;
	background-color: #0a6613;

	position: absolute;
	top: 0; left: 5px;
}
.edu_reserve .reser_bottom .reser_check .reser_checkwarp {
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
}
.edu_reserve .reser_bottom .reser_check .reser_checkwarp > ul::after {
	clear: both; content: ""; display: block;
}
.edu_reserve .reser_bottom .reser_check .reser_checkwarp > ul:nth-child(1) {
	border-top: 1.3px solid #d3d3d3;
}
.edu_reserve .reser_bottom .reser_check .reser_checkwarp > ul:not(:last-child) {
	border-bottom: 1px solid #d3d3d3;
}
.edu_reserve .reser_bottom .reser_check .reser_checkwarp > ul > li {
	float: left;
	width: 33.3%;
	padding: 10px 0;
	font-size: 1.1em;
}
.edu_reserve .reser_bottom .reser_check .reser_checkwarp > ul > li:not(:last-child) {
	border-right: 1px solid #d3d3d3;
}
.edu_reserve .reser_bottom .reser_check .reser_checkwarp > ul > li:not(:nth-child(2)) {
	text-align: center;
}
.edu_reserve .reser_bottom .reser_check .reser_checkwarp > ul:nth-child(1) > li {
	text-align: center;
	font-weight: bold;
}
.edu_reserve .reser_bottom .reser_check .reser_checkwarp > ul:not(:nth-child(1)) > li:nth-child(2) {
	padding-left: 12px;
}
.edu_reserve .reser_bottom .reser_check .reser_checkwarp > ul:not(:nth-child(1)) > li:last-child > a {
	padding: 5px;
	border-radius: 5px;
}
.edu_reserve .reser_bottom .reser_check .reser_checkwarp > ul:not(:nth-child(1)) > li:last-child > a.on {
    background: #0a6613;
    color: #fff;
}
.edu_reserve .reser_bottom .reser_check .reser_checkwarp > ul:not(:nth-child(1)) > li:last-child > a.off {
    background: #fff;
	border: 1px solid #ddd;
	color: #707070;
	cursor: default;
}
.edu_reserve .reser_bottom .reser_check .reser_btn {
	text-align: right;
	margin-top: 35px;
}
.edu_reserve .reser_bottom .reser_check .reser_btn > a {
	padding: 15px;
    color: #fff;
    background: #909090;
	font-size: 1.2em;
}





/***************************************** 설문지 *****************************************/
.selmoonji {width:100%;}
.selmoonji_title {position:relative; font-size:2em; text-align:center; line-height:2; margin-bottom:50px; font-weight:700;}
.selmoonji_title:before {position:absolute; left:50%; bottom:0; display:block; content:""; width:300px; max-width:100%; height:3px; background:#333; transform:translateX(-50%);}
	
.selmoonji_wrap {border:1px solid #ddd; padding:50px 30px;}
.selmoonji_list { margin-bottom:50px;}
.selmoonji_list:last-child {margin-bottom:0;}
.sel_question {font-size:1.29em; font-weight:700; margin-bottom:10px;}
.selmoonji_ul {padding-left:12px;}
.selmoonji_ul li {position:relative; line-height:1.8; font-size:1.29em;}

.selmoonji_ul li input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.selmoonji_ul li input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.selmoonji_ul li input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.selmoonji_ul li input[type="radio"] + label:active:before, .selmoonji_ul li input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.selmoonji_ul li input[type="radio"]:checked + label {color:#0074ab; font-weight:700;}
.selmoonji_ul li input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #1397d6; }
.selmoonji_ul li input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 8px; left: 4px; width: 8px; height: 8px; background: #1397d6; border-radius: 100%;  box-shadow: inset 0px 0px 10px rgb(0 0 0 / 30%);}

.selmoonji_ul li input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.selmoonji_ul li input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.selmoonji_ul li input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.selmoonji_ul li input[type="checkbox"] + label:active:before, .selmoonji_ul li input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.selmoonji_ul li input[type="checkbox"]:checked + label {color:#0074ab; font-weight:700;}
.selmoonji_ul li input[type="checkbox"]:checked + label:before { background: #E9ECEE; border-color: #1397d6; }
.selmoonji_ul li input[type="checkbox"]:checked + label:after { content: ''; position: absolute; top: 8px; left: 4px; width: 8px; height: 8px; background: #1397d6; border-radius: 100%;  box-shadow: inset 0px 0px 10px rgb(0 0 0 / 30%);}
	
.check_test { margin-left:10px; padding:0 8px; width:250px; box-sizing:border-box; border:1px solid #868686; border-radius:3px;}
.check_test::placeholder {color:#adadad;}

.selmoonji_text {width:100%; height:200px; overflow-y:auto; font-size:1.15em; padding:15px;}








/*---------------------------------------------------------------------------------------------------------------------------*/
/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
	
	/*게시판 공통*/
	.board_wrap {padding:0 15px;}

    /* 교육신청 list */
	.sub_eduapp .edu_app_box {
		padding: 0 15px;
	}

	/* 교육신청 접수 확인 */
	.sub_form_add {
		padding: 0 15px;
	}
	.sub_form_add .form_middle .form_group {
		margin: unset;
	}
	.sub_form_add .form_middle .form_group:not(.not_float) {
		float: none;
		width: 100%;
	}
	.sub_form_add .form_middle .not_100 .form_wrap > input {
		width: 32.1%;
	}

	/* 단체예약 */
	.edu_reserve {
		padding: 0 15px;
	}


	/* 설문지 */
	.selmoonji {padding:0 15px;}
	
}


/* 반응형 중간기기 998px 사이즈 이하*/
@media all and (max-width:998px){

	/*특별전_리스트*/
	.special_wrap .speci_list {width:48.5%; margin:0 3% 30px 0;}
	.special_wrap .speci_list:nth-child(3n) {margin-right:3%;}
	.special_wrap .speci_list:nth-child(even) {margin-right:0%;}

	/*소장품_리스트*/
	.collection_wrap .colle_list {float:left; width:32%; margin:0 2% 30px 0;}
	.collection_wrap .colle_list:nth-child(4n) {margin-right:2%;}
	.collection_wrap .colle_list:nth-child(3n) {margin-right:0%;}

	/* 교육신청 view */
	.sub_eduview .view_tit .title {
		font-size: 2.1em;
	}
	.sub_eduview .view_tit .list_1st > li {
		float: none;
		width: 100%;
	}

	/* 교육신청 접수 확인 */
	.sub_form_add .form_middle {
		padding: 35px;
	}
	.sub_form_add .form_middletop {
		border: unset;
		border-bottom: 1px solid #ddd;
	}
	.sub_form_add .form_middle .not_100 .form_wrap > input {
		width: 31.8%;
	}

	/* 단체예약 */
	.edu_reserve .reser_bottom > div {
		float: none;
		width: 100%;
	}
	.edu_reserve .reser_bottom .reser_check {
		border-left: none;
		border-top: 1px solid #ddd;
	}
}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		

	/*특별전_보기페이지*/
	.speci_view_img {float:none; width:100%;}
	.speci_view_txt {float:none; width:100%; padding:15px;}

	/*소장품_리스트*/
	.colle_img {height:150px;}

	/*게시판_검색*/
	.board_search_in {padding:30px 20px;}
	.search_01 {width:100%;}
	.search_category {width:100%;}
	
	/* 교육신청 list */
	.sub_eduapp .edu_app_box .edu_appinfo .appinfo_img {
		float: none;
		width: 100%;
	}
	.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt {
		float: none;
		padding-left: unset;
		width: 100%;
	}
	.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .txt_bottom .list_1st {
		margin: 12px 0;
	}
    .sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .ebtn {
		display: block;
		position: static;
		width: 100%;
		background: #3f3f3f;
		padding: 10px;
		height: unset;
		margin-top: unset;
	}
	.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .ebtn:hover {
		background: #3f3f3f;
	}

	/* 교육신청 접수 확인 */
	.sub_form_add .form_middle .form_group {
		margin-bottom: 20px;
	}
	.sub_form_add .form_middle .not_100 .form_wrap > input {
		width: 30.5%;
	}
}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
   
	/*특별전_리스트*/	
	.special_wrap .speci_list {width:100%; margin:0 0% 30px 0;}
	.special_wrap .speci_list:nth-child(3n) {margin-right:0;}
	.speci_img {height:180px;}
	.speci_tit {font-size:1.15em;}

	/*소장품_리스트*/
	.collection_wrap .colle_list {float:left; width:49%; margin:0 2% 15px 0;}
	.collection_wrap .colle_list:nth-child(3n) {margin-right:2%;}
	.collection_wrap .colle_list:nth-child(2n) {margin-right:0%;}
	.colle_img {height:120px;}
	.colle_tit {font-size:1.15em;}
	.colle_txt {font-size:0.9em;}

	/*게시판_검색*/
	.search_01 {border-right:1px solid #ddd;}
	.search_01 .search_list03 {width:100%; margin-left:0; height:40px; line-height:40px;}
	.search_01 .search_list01 {width:30%;}
	.search_01 .search_list02 {width:68%;}
	.cate_common {width:100%; margin:0 0 10px;}
	
	/* 교육신청 list */
	.sub_eduapp .search_wrap > select,
	.sub_eduapp .search_wrap > input[type="text"],
	.sub_eduapp .search_wrap input[type="submit"] {
		width: 100%;
		margin: 1px 0;
	}
	.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .txt_top {overflow:hidden; clear:both; border-right:1px solid #ddd;}
	.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .txt_top > span { display:block; width:33.33%; height:40px; line-height:40px; float:left; margin-right:0;}
	.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .txt_top > span.on_1 { border:none; border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
	.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .txt_top > span.on, .sub_eduview .view_tit .tit_top > span.on_1.on {border-top:1px solid #2550af; border-bottom:1px solid #2550af;}
	.sub_eduapp .edu_app_box .edu_appinfo .appinfo_txt .tit {padding:0;}

	/* 교육신청 접수 확인 */
	.sub_form_add .form_middle .not_100 .form_wrap > input {
		width: 29%;
	}

	/* 설문지 */
	.selmoonji_wrap {padding:30px 15px;}
	.check_test {margin:5px 0 0 0; display:block;}

}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	
	
	/* 교육신청 접수 확인 */
	.sub_form_add .form_middle .not_100 .form_wrap > input {
		width: 27%;
	}
}