@charset "utf-8";

/* CSS Document */


/*-----------------------------------------------------------------------------------------------------------
공통css
-----------------------------------------------------------------------------------------------------------*/
body		{ background:#f2f2f2}
#wrapper	{max-width: 550px;margin:0 auto; position:relative; background:#fff;}
.con_wrap	{ max-width:320px; margin:0 auto; position:relative}

/* 상단 */
#headbar		{ position: relative;   z-index: 10; min-height:80px; }
	#headbar p.t1 	{position:absolute;left:7px;top:15px;z-index:10;}
	#headbar p.t2 	{position:absolute;right:0px;top:0px;z-index:10;}
	#headbar p.t2  img	{ height:100%}
	#headbar h1 	{position:absolute;	text-align:left;width:100%;left:7px;top:15px;}
	#headbar h1 img	{ height:51px}

#menu	{ position:absolute; width:100%; background:rgba(195,12,35,0.9); top:70px; height:40px; z-index:100}
	#menu li	{ float:left; width:20%; text-align:center; line-height:40px}
	#menu li a	{ color:#fff; letter-spacing:-1px; font-size:14px;}

/*side_menu*/
#side_wrap { width:240px; height:100%; background:#a08750; position:fixed; box-shadow: 5px 0px 5px #181818; right:-250px; z-index:9999; top:0px; overflow-y:auto; overflow-x:hidden; }
	#side_wrap .title { width:100%; height:120px; margin:30px 0 0 0; padding:0; border-bottom:#cab17a 1px solid; text-align: center }
	#side_wrap .title img { margin-top:12px;  }
	#side_wrap .menu { height:55px; margin:0; padding:0 0 0 35px; border-bottom:#cab17a 1px solid; text-align:left; cursor:pointer; color:#eee; line-height:3.4em; font-size:1em; }
	#side_wrap .menu img { margin:20px 0 20px 20px; height:15px; }
	#side_wrap .menu a { color:#fff; }
	
	#side_wrap .sub_menu { margin:0; padding:10px 0 10px 50px; background:#1e4729; font-size:1em; text-align:left; display:none; }
	#side_wrap .sub_menu li { width:100%; margin:0; padding:10px 0 10px 0; }
	#side_wrap .sub_menu li a { color:#f2f2f2; }
	
	#side_wrap .close_btn { cursor:pointer; position:absolute; top:10px; right:0px; }
	#side_wrap .close_btn img { width:52%; }
	#side_wrap .link { margin:10px 0 0 40px; text-align:left; }
	#side_wrap .link img { height:25px; }
	
	#side_wrap .sub_menu .sub_sub { width:100%; display:none; }
	#side_wrap .sub_menu .sub_sub a { color:#666; }
	
	#side_wrap .sub_menu .sub_sub_01 { width:100%; display:none; }
	#side_wrap .sub_menu .sub_sub_01 a { color:#666; }
	
	#side_wrap .sub_menu .sub_sub_02 { width:100%; display:none; }
	#side_wrap .sub_menu .sub_sub_02 a { color:#666; }
	
	#side_wrap .sub_menu .sub_sub_03 { width:100%; display:none; }
	#side_wrap .sub_menu .sub_sub_03 a { color:#666; }
	
	#side_wrap .sub_menu .sub_sub_04 { width:100%; display:none; }
	#side_wrap .sub_menu .sub_sub_04 a { color:#666; }
	
	#side_wrap .sub_menu .sub_sub_05 { width:100%; display:none; }
	#side_wrap .sub_menu .sub_sub_05 a { color:#666; }
	/* #side_wrap li.menu:nth-last-child(2) { width:100%; margin:20px 0 0 0; text-align:center; } */
	
	#bg { width:100%; height:100%; position:fixed; top:0; bottom:0; background:#000; opacity:0.7; display:none; z-index:999; }



#contents		{ clear:both;background: #e9e0cd}
/* 하단 */
#footer			{position:relative; max-width: 550px;min-height:110px;background:#fff; margin:0 auto;padding:0  0px 0 20px;border-top: 1px solid #000;}
	#bottom 			{position: absolute;bottom: 0px;right: 0px; content: ""; height:52px;width: 53px; text-align:center; background: url(/img/common/top.jpg) no-repeat #000; }
	#bottom a			{height:52px;width: 53px; /* padding:5px 45px;*//* border:1px solid #919191;*/  font-size: 0px;}
/*	#bottom a:hover		{color:#000; border:1px solid #fff; background:#CCC}*/
	 
.sns_link {width: 100%;height: 67px;display: inline-block;margin:  0px 0}
.sns_link a.sns{margin: 20px 5px;display: inline-block}
/*.sns_link span.link{float: right;width: 67%;margin-bottom: 20px; border-left: 1px solid #000;border-bottom: 1px solid #000;height: 67px;box-sizing: border-box;padding: 20px;text-align: left;font-family: 'Noto Sans KR';font-weight: 400;color: #000}
*/
	.site_link{display:block;position:absolute;top:0px;right: 0px; width: 65%; float:right;border: 0px ;border-left: 1px solid #000;border-bottom: 1px solid #000;height: 67px;box-sizing: border-box;/*padding: 20px;*/text-align: left;font-family: 'Noto Sans KR';font-weight: 400;color: #000;margin-bottom: 20px;   }
		.site_link .sitelink_cont{display:block;position:relative;}
		.site_link .sitelink_cont {display:block;width:100%;height:67px;border: 0px ; }
		.site_link .sitelink_cont button{display:block;width:100%;height:67px;margin:0;padding:0 0 0  20px;background:url('/img/main/more2.png') no-repeat 95% 45%;font-size: 1rem;;font-weight: 400;/*border:none;border-right:1px solid #8b8f97;*/color:#000;text-align:left;border: 0px ;}
/*		.site_link .sitelink_cont:first-child button{border-left:1px solid #8b8f97;border: 0px ;}*/
		.site_link .layer{display:none;position:absolute;left: 0px;;bottom:  0px;width:100%;z-index:100;/*padding:10px 5%;*/background:#000;}
		.site_link .layer .close{position:absolute;right:10px;top:10px;width:40px;height:40px;background:url('/img/common/btn_close.png') no-repeat ;font-size:0;line-height:0;text-indent:-9999px;z-index:10;}
		.site_link .link_part{width:96%;padding:2%;}
		.site_link .link_part p{width:88%;height:26px;padding:7px 0 0 2%;color:#fff;font-weight:normal;}
		.site_link .link_part ul{padding:15px 0;background-color:#000;border-radius:5px;}
		.site_link .link_part ul li{display:block;float:left;width:50%;}
		.site_link .link_part ul.float_none li{float:none;width:100%;}
		.site_link .link_part ul li a{display:block;padding:15px 0 0 15px;/*background: url('/img/common/dot.gif') no-repeat 6px 9px;*/color:#fff;border: 0px ;}

/*	.site_link	{height:auto; width:100%}
	.site_link .sitelink_cont{float:none;width:100%;border-bottom:1px solid #8b8f97;}
	.site_link .sitelink_cont p button{background-position:95% 50%;}
*/


.add{ clear:both; padding: 25px 0 10px 0; line-height:160%;font-style:normal; font-size:0.9em; text-align:left; color:#333;font-family: 'Noto Sans KR';}
.add span{ width: 52px; font-size:0.9em; text-align:left; color:#333;display: inline-block;font-family: 'Noto Sans KR';font-weight: 400}
address			{ clear:both; padding: 0px 0 10px 0; line-height:160%;font-style:normal; font-size:0.8em; text-align:left; color:#686868}

/*-----------------------------------------------------------------------------------------------------------
메인css
-----------------------------------------------------------------------------------------------------------*/
	 
/* 메인이미지 */	
	#main_roll{  padding-top:0;  }
	#main_roll:after{display:block; content:""; clear:both;}
	#main_roll .visual{float:left; width:100%; height:auto;box-sizing: border-box;overflow: hidden }
	#main_roll .visual img{ width:100%;  }
	#main_roll .r_ban{float:right;}
/*	#main_roll .r_ban p{margin-bottom:10px;}*/
	#main_roll .r_ban p:last-child{margin-bottom:0;}







#main_img		{ width:100%;/* height:340px; background:url(/image/main/main_img.jpg) no-repeat center;*/}






#main_visual 	{ width:100%; margin: 0; padding-top:1%; float:left; }
#main_visual img{ width:100%; }

	.contentsBox3 { width:88%; margin:0 6%; padding: 5% 0;box-sizing: border-box}
	.contentsBox2 {width:100%;  margin:0 0%; background: #fff; padding: 5% 6%;box-sizing: border-box}
	.contentsBox  {width:88%;  margin:0 6%; border-top:1px solid #fff; padding: 5% 0; display: inline-block;box-sizing: border-box}


 

 .popupzone_wrap {
    width: 100%;
    float: left;
    position: relative;
}

.main_slide {
     width: 100%;
}

.main_slide > ul > li  {
   float: left
 
}
.main_slide > ul > li a {
    display: block;text-align: center;margin:45px 0
 
}

.main_slide > ul li a img,
.main_slide > ul li > img {
    /*height: 100%;*/
    width: 80%;
 
}

.main_slide .con_ctrl {
    position: absolute;
    right: -20px;
    top:  -45px;
    z-index: 1; 
    padding: 9px 0px;width:130px;box-sizing: border-box;
}
.main_slide .con_ctrl > span.tt {
    display: block;
    float: left;width: 40%;text-align: left;
    height: 40px;
    padding: 0 3px;
    font-size: 21px;
     font-family: 'S-CoreDream-5Medium';
   
}
 
.main_slide .con_ctrl > span {
    display: block;
    float: left;
    height: 40px;
    padding: 0 10px;
    font-size: 1.2rem;
    font-family: arial;
    line-height: 40px; 
    color: #000;
}
 
.main_slide .con_ctrl > button,
.main_slide .con_ctrl > a {
    display: block;
    float: left;
    width: 31px;
    height: 40px;
    background: url(/img/main/ctr.png) no-repeat;
    color: #000;
    text-indent: -9999px;
    line-height: 40px;/*margin-left: 15px;*/border: 0px
}

.main_slide .con_ctrl > button.pop_prev {
    background-position:0px 0px;}

.main_slide .con_ctrl > button.pop_stop {
    background-position: -70px 0px;}

.main_slide .con_ctrl > button.pop_play {
    background-position: -70px 0px;}

.main_slide .con_ctrl > button.pop_next {
    background-position: -75px 0px; } 

.main_slide2 {
     width: 100%;
}

.main_slide2 > ul > li a {
    display: block;text-align: center;margin: 45px 0
 
}

.main_slide2 > ul li a img,
.main_slide2 > ul li > img {
    /*height: 100%;*/
    width: 80%;
    /*border-radius: 40px 40px 0 0 ; */
}

.main_slide2 .con_ctrl {
    position: absolute;
      right: -20px;
    top:  -45px;
    z-index: 1;
 
    /*background: rgba(0, 0, 0, 1.0); */
    padding: 9px 0px;width:130px;box-sizing: border-box
}
.main_slide2 .con_ctrl > span.tt {
    display: block;
    float: left;width: 40%;text-align: left;
    height: 40px;
    padding: 0 3px;
    font-size: 21px;
     font-family: 'S-CoreDream-5Medium';
   
}
 
.main_slide2 .con_ctrl > span {
    display: block;
    float: left;
    height: 40px;
    padding: 0 10px;
    font-size: 1.2rem;
    font-family: arial;
    line-height: 40px; 
    color: #000;
}
 
.main_slide2 .con_ctrl > button,
.main_slide2 .con_ctrl > a {
    display: block;
    float: left;
    width: 31px;
    height: 40px;
    background: url(/img/main/ctr.png) no-repeat;
    color: #000;
    text-indent: -9999px;
    line-height: 40px;/*margin-left: 15px;*/border: 0px
}

.main_slide2 .con_ctrl > button.pop_prev {
    background-position:0px 0px;}

.main_slide2 .con_ctrl > button.pop_stop {
    background-position: -70px 0px;}

.main_slide2 .con_ctrl > button.pop_play {
    background-position: -70px 0px;}

.main_slide2 .con_ctrl > button.pop_next {
    background-position: -75px 0px; } 

 
	
	.board_list	{ width: 100%;margin: 20px 0;/*margin:10px 40px;*/} 
	.board_list a { position: relative; color:#333;padding-left: 20px;font-family: 'Noto Sans KR';line-height: 40px;font-weight: 400;font-size: 1.1rem; height: 40px;display: inline-block;width: 100%;box-sizing: border-box;color: #000;white-space: nowrap;      /* 줄바꿈 금지 */
  overflow: hidden;         /* 넘치는 부분 숨김 */
  text-overflow: ellipsis;}
	.board_list a:after{position: absolute;display:block; content:""; top:18px;left: 5px; /*clear:both;*/width: 4px;height: 4px;border-radius: 50%;background: #000;}

	p.more		{ position:absolute; top:15px; right:5px;}
	p.more a	{ color:#888 !important; font-size:2em; font-weight:normal;}


 

	.main_tt	{ padding:0px 0 0 0px; position:relative; clear:both}
	.main_tt > h3	{ font-size:2em; font-weight:700; padding-top:10px;	font-family: 'Noto Sans KR';color:#000; /*letter-spacing:-0.5px*/}
	.main_tt > h3 img	{ margin-right: 15px}
	.main_tt > h4	{ font-size:1em; font-weight:400; padding-top:10px;	font-family: 'Noto Sans KR';color:#777;; letter-spacing:-0.5px}
 
@media screen and (max-width:374px){
	.main_tt > h3	{ font-size:1.8em; }
}





.section4 {width: 100%;height:135px;margin-top: 40px;  position: relative; text-align: center; } 
 
.section4 .inner { position:relative; width:90%;height: 135px; padding: 0px 5%; margin: 0 auto;  display: inline-block;overflow: hidden } 
 
.section4 .slide .item {  position:relative;/*margin:0 3%!important; width: 129px!important;height:135px;*//* float: left;*//*text-align: right; */} 

.section4 .slide .item a { float: left;position:relative;  display: inline-block; /*margin:0 6%; width: 149px!important;height:135px;*/box-sizing: border-box;     transition:all 0.3s ease-out 0s; } 
 .section4 .slide .item a img {  position:relative; /*border-radius: 10px;*//*width: 129px; height: 135px; margin:0 3%;*/} 
 
 .section4 .slick-slide { margin:0 0% 0 0.5%; width: 139px!important;/* padding: 0 10px 0 30px!important;*/ /* 슬라이드 간 간격 확보 */
  box-sizing: border-box;
}


.section4 .prev{ position: absolute; top:0%; transform: translateY(-50%); width: 32px; height:32px; transition: all .3s;  background: url(/img/main/ctr.png) no-repeat; background-position: 0 0px;border: 0px;z-index: 9;cursor: pointer;} 
.section4 .next { position: absolute; top:0%; transform: translateY(-50%); width: 32px; height:32px;  transition: all .3s;   background: url(/img/main/ctr.png) no-repeat; background-position:-80px 0;border: 0px;z-index: 9;cursor: pointer;} 
/*.section4 .prev:hover,.mvsual .prev:focus{  background: url(/img/main/ctr.png) no-repeat #fff; } 
.section4 .next:hover,.mvsual .next:focus {  background: url(/img/main/ctr.png) no-repeat #fff; } */
/*.section4 .prev:hover:before,.mvsual .prev:focus:before,
.section4 .next:hover:before,.mvsual .next:focus:before { border-color: #fff}
.section4 .prev:before,.mvsual .prev:before,
.section4 .next:before,.mvsual .next:before { border-color: #000;}*/
.section4 .prev {  left:-10px;top:70px } 
.section4 .next { right:-10px;top:70px  } 

 

button.button {width: 32px;height: 32px;margin-top: 0px; font-size: 0;vertical-align: top;position: relative;display: inline-block;z-index: 3; position: absolute; top:-30px; right:97px;  transform: translateY(-50%);  border-radius: 50% ; }
button[data-control="play"] { display: none; }
button[data-control]:before,
button[data-control]:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
/*button[data-control="prev"]:before,
button[data-control="next"]:before { width: calc(100%/2.5); height: calc(100%/2.5); border-width: 1px; border-style: solid; border-color: #333; transform: rotate(45deg); }
button[data-control="prev"]:before { right: -5px; border-width: 0 0 2px 2px; }
button[data-control="next"]:before { right: 5px; border-width: 2px 2px 0 0; }
button[data-control="prev"]:before,
button[data-control="next"]:before { width:9px; height: 9px; border-color: #000; }*/
button[data-control="play"]:before { right: -2px; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #000; border-style: solid; width: 0; height: 0;display: none }
button[data-control="stop"]:before { width: 2px; height: 14px; box-shadow: -3px 0 #000, 3px 0 #000;display: none }

 
 

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;  min-height:1px}[dir=rtl] 
.slick-slide{float:right;  }
.slick-slide img{display:block; width: 127px;height: 132px }
.slick-slide.slick-loading img{display:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
/*.slick-slide img {display: block;width:100%;  height: auto;}*/



/*-----------------------------------------------------------------------------------------------------------
검색
-----------------------------------------------------------------------------------------------------------*/

div.main_sch			{clear:both; width:98%;margin: 30px 1% 60px; height:65px; border:1px solid #9f864e;  border-radius: 10px; background: #fff;margin-top: 50px;overflow: hidden;display: inline-block}
		div.main_sch select		{float:left;}
		div.main_sch .tf_keyword	{float:left; width:70%; height:65px;line-height: 65px!important; border:none; margin-left:15px; font-size:1.2rem;font-weight: 500 ; font-family: 'Noto Sans KR'; color:#888!important; background: #fff ;box-sizing: border-box}	
		div.main_sch .btn_search	{float:right; width:65px; height:65px; color:#fff; font-size:28px; text-align:center; background:#9f864e;/*border-radius:0 9px 9px 0;*/border: 0px  }	



@media screen and (max-width:374px){
	div.main_sch			{ height:auto;  }
	div.main_sch .tf_keyword	{float:left; width:98%; height:57px; border:none; margin-left:2%; padding-right: 10%; box-sizing: border-box; font-size:0.9rem;font-weight: 500 ; font-family: 'Noto Sans KR'; color:#888!important; background: #fff }	
		div.main_sch .btn_search	{float:left; width:100%;  height:65px; color:#fff; font-size:28px; text-align:center; background:#9f864e;/*border-radius:0 9px 9px 0;*/border: 0px  }	
}
/*-----------------------------------------------------------------------------------------------------------
박물관 개관 및 휴관 안내
-----------------------------------------------------------------------------------------------------------*/


.tel{width: 100%; margin-top: 25px;display: inline-block;}
.tel li{width: 100%;line-height: 35px; margin-bottom: 10px;font-size: 1.3rem;font-weight: 400;color: #000;font-family: 'Noto Sans KR'; }
.tel li span{font-size: 1.3rem;font-weight: 600;width: 130px; color: #a0864f;padding-left: 45px;box-sizing: border-box ;text-align: justify;line-height: 30px;display: inline-block;text-decoration: underline ;text-underline-offset:7px; text-decoration-thickness: 1px; margin-right: 20px;font-family: 'Noto Sans KR';}
.tel li span.bg1{ background: url(/img/main/icon_3.png) no-repeat 5px top}
.tel li span.bg2{ background: url(/img/main/icon_4.png) no-repeat 5px top;letter-spacing: 0.2px}
.tel li span.bg3{ background: url(/img/main/icon_5.png) no-repeat 5px top;letter-spacing: 1.4px}
/*.tel li  {font-size: 1.3rem;font-weight: 400;color: #000;width:  calc(100% - 140px);display: inline-block}*/

.tel li strong.f_red{font-size: 1.1rem;font-weight:500;color: #bb5353; display: inline-block;margin-left: 155px;}


.tel_btn{width: 100%; margin-top: 25px;margin-bottom: 40px; display: inline-block;}
.tel_btn li{width: 48%; box-sizing: border-box;height: 80px;display: inline-block;float: left}
.tel_btn li:first-child{margin-right: 4%; }
.tel_btn li a{padding: 15px;height: 80px; width: 100%; padding-left: 90px;line-height: 25px;color: #fff;font-size: 1.1rem;font-weight: 500;display: inline-block;box-sizing: border-box;font-family: 'Noto Sans KR';}
.tel_btn li a.btn1{  background: url(/img/main/icon_6.png) no-repeat 25px 50% #9f864e; }
.tel_btn li a.btn2{  background: url(/img/main/icon_7.png) no-repeat 25px 50% #1e4729; }

@media screen and (max-width:430px){
	.tel li{ font-size: 1.2rem;  }
   .tel li span{ font-size: 1.2rem;width: 110px;  }
 .tel li strong.f_red{ margin-left: 130px;}
	
 .tel_btn li a{ padding: 15px 5px 15px 15px;  padding-left: 60px; letter-spacing: -0.5px}
	.tel_btn li a.btn1{  background: url(/img/main/icon_6.png) no-repeat 15px 50% #9f864e;background-size: 40px }
.tel_btn li a.btn2{  background: url(/img/main/icon_7.png) no-repeat 15px 50% #1e4729;;background-size:40px  }
}


@media screen and (max-width:374px){
	.tel li{ font-size: 1.1rem; letter-spacing: -1px}
   .tel li span{ font-size: 1.1rem;width: 100px;  }
 .tel li strong.f_red{ margin-left: 120px;}
	
.tel_btn li{width:100%;  height: 60px; }	
 
.tel_btn li:first-child{margin-right: 0%;margin-bottom: 8px; }	
.tel_btn li a br{display: none}	
	
	 .tel_btn li a{ padding: 5px 5px 5px 15px; height: 60px;  padding-left: 70px; letter-spacing: -0.5px;display: grid;align-content: center}
}


/*-----------------------------------------------------------------------------------------------------------
서브css
-----------------------------------------------------------------------------------------------------------*/
#subTit{position:relative; padding:6px 0; border-top:2px solid #1e4729; border-bottom:1px solid #ddd; text-align:center; color:#333;box-sizing: border-box;height: 53px/*background: #a08750*/}
#subTit .mPrv{position:absolute; top:0; left:0; border-right:1px solid #ddd; }
	#subTit .mNxt{position:absolute; top:0; right:0; border-left:1px solid #ddd;  }
	#subTit > h2	{ font-size:1.3rem; font-weight:500; color:#333; text-align:center; line-height:38px;font-weight: 500;font-family: 'Noto Sans KR';}
	#subTit a{display:block; padding:14px 20px;/*background: #fff*/}
	#subTit a img{height:15px;}
	
	.mobileMenu{display:block}
	#gnbM{display:block}
	#mobileSub{display:block}	
	.mobileSubmenu{display:none; position:absolute; top:128px; left:0; width:94%; padding:10px 3%; border-bottom:1px solid #ddd; background:#a08750; z-index:888}
	.mobileSubmenu a{display:block; padding:10px 2%; border-bottom:1px solid #e9dfcd; color:#555; font-size:15px; color:#fdf9f2}




@media screen and (max-width:374px){
	#subTit a{display:block; padding:16px 20px;/*background: #fff*/}
}


/*-----------------------------------------------------------------------------------------------------------
교육
-----------------------------------------------------------------------------------------------------------*/
.m_scheduleForm {
   /* border : 1px solid #fff;*/
    border-radius: 10px;
    margin-bottom: 10px; margin-top: 20px;
    overflow: hidden;background: #fff;border : 1px solid #1e4729;
}
/*.m_scheduleForm.today {
    border: 1px solid #333;  
}*/
.m_scheduleForm h4 {
    display: flex;
    align-items: center;
    font-size: 17px;color: #fff;
    font-weight: 600;
    background-color: #1e4729;
    padding: 15px 20px;
}
.m_scheduleForm h4 > span {
    /*font-size: var(--basic-font);*/
    margin: 0 5px;
}
.m_scheduleForm h4 > strong {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    background-color: #333;
    border-radius: 20px;
    padding: 2px 8px;
}
.m_scheduleForm > ul > li {
    border-bottom: 1px dashed #ddd;
    margin: 0 5%;
    padding: 20px 0px;width: 90%;box-sizing: border-box
}
.m_scheduleForm > ul > li:last-child {
    border: none; /*border-bottom: 1px solid #9f864e;*/
}
.m_scheduleForm > ul > li > dl {width: 100%; display:inline-block;
/*    display: flex;
    gap: 20px;*/ 
}
.m_scheduleForm > ul > li > dl > dt  {float: left;
  width: 90px;
}
.m_scheduleForm > ul > li > dl > dt > span {
    display: inline-block;
    color: #fff;
    font-weight: 500;
    min-width: 50px;
    text-align: center;
    border-radius: 5px;
    padding: 8px 10px;font-size: 14px;
    background-color: #999;/*margin-bottom: 10px*/
}
.m_scheduleForm > ul > li > dl > dd > a {width: calc(100% - 100px);float: left;
   /* margin-bottom: 8px;*/font-weight: 400;font-family: 'Noto Sans KR';font-size: 1rem;color: #000
}
.m_scheduleForm > ul > li > dl > dd > a:last-child {
    margin-bottom: 0;
}
.m_scheduleForm > ul > li > dl > dd > a > span {
    display: inline-block;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 1px 5px;
    margin-right: 2px;
}
.m_scheduleForm > ul > li > dl > dt > span.post {
    background-color: #999;
}
.m_scheduleForm > ul > li > dl > dt > span.accept {
    background-color: #999;
}
.m_scheduleForm > ul > li > dl > dt > span.issue {
   /* background-color: #499acd; */background-color: #d20d08;
}
.m_scheduleForm > ul > li > dl > dt > span.contract {
    background-color: #6b9447;
}
.m_scheduleForm .underline:hover {
    text-decoration: underline;
}