* {box-sizing:border-box;}
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

@media only screen and (min-width: 767px) {
br.mobile2 {display:none}
}

@media only screen and (max-width: 767px) {
br.mobile::before {
        content: " "; 
        display: inline;
    }


}

/************************************

기본 분기스타일

***********************************/

/* 데스크탑 스타일 - 화면 너비 1024px 이상 */
@media only screen and (min-width: 1024px) {

}

/* 태블릿 스타일 - 화면 너비 768px 이상 1024px 미만 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {

}

/* 모바일 스타일 - 화면 너비 480px 이상 768px 미만 */
@media only screen and  (max-width: 767px) {
}

/* 작은 모바일 스타일 - 화면 너비 480px 미만 */
@media only screen and (max-width: 479px) {

}







/************************************
기본 분기스타일
***********************************/


/* 데스크탑 스타일 - 화면 너비 1024px 이상 */
@media only screen and (min-width: 1024px) {
}

/* 태블릿 스타일 - 화면 너비 768px 이상 1024px 미만 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
/* body {border:6px solid red} */

}

/* 모바일 스타일 - 화면 너비 480px 이상 768px 미만 */
@media only screen and  (max-width: 767px) {
/* body {border:6px solid blue}
 */}

/* 작은 모바일 스타일 - 화면 너비 480px 미만 */
@media only screen and (max-width: 479px) {
/* body {border:6px solid green !important}
 */
}


/************************************
기본 넓이 지정(width_area)
***********************************/
#nheader #header_inner, #ContWrap,
.mviusal_wp .mct .mct_inner,
.width_area {max-width:1200px; width:96%;}


/* 데스크탑 스타일 - 화면 너비 1024px 이상 */
@media only screen and (min-width: 1024px) {
}

/* 태블릿 스타일 - 화면 너비 768px 이상 1024px 미만 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {

}

/* 모바일 스타일 - 화면 너비 480px 이상 768px 미만 */
@media only screen and  (max-width: 767px) {

}

/* 작은 모바일 스타일 - 화면 너비 480px 미만 */
@media only screen and (max-width: 479px) {

}






/************************************
기본 넓이 지정(width_area)
***********************************/
#pcn-snb div.pcn-wrap,
#nheader #header_inner,
.width_area {max-width:1200px; width:96%; }



/* 데스크탑 스타일 - 화면 너비 1024px 이상 */
@media only screen and (min-width: 1024px) {
}

/* 태블릿 스타일 - 화면 너비 768px 이상 1024px 미만 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {

}

/* 모바일 스타일 - 화면 너비 480px 이상 768px 미만 */
@media only screen and  (max-width: 767px) {
}

/* 작은 모바일 스타일 - 화면 너비 480px 미만 */
@media only screen and (max-width: 479px) {

}



/************************************
header 
***********************************/



#pcn-gnb  {
	position: absolute;
	right: 0px;
	top: 40px;
	cursor: pointer;
	z-index: 999;
}

#pcn-gnb .tm_dep1 li {
	float: left;
	display: block;
	font-size: 19px;
	color: #222;
	font-weight: bold;
	letter-spacing: -0.05em;
	padding: 34px 11px;
	text-align: center;
	background: #e8e8e8;
	box-sizing: border-box;
	height: 90px;
}

#pcn-gnb .tm_dep1> li {background:#fff; padding-top:36px;  min-width:110px;} 
}

#pcn-gnb .tm_dep1 li.pos7 {
}

#pcn-gnb .tm_dep1 li.pos2 { width:130px;
}
#pcn-gnb .tm_dep1 li.pos3 {
}
#pcn-gnb .tm_dep1 li.pos4 {
}
#pcn-gnb .tm_dep1 li.pos5 {
}
#pcn-gnb .tm_dep1 li.pos6 {
}

#pcn-snb {
	position: absolute;
	width: 100%;
	height: 0px;
	overflow: hidden;
	top: 130px;
	left: 0px;
	z-index: 1000;
	background: url(../images/smenu_bg.gif) repeat-x left bottom #fff;
}
#pcn-snb div.pcn-wrap {
	position: relative;
	margin: 0 auto;
}
#pcn-snb div.pcn-wrap div.slogan {
	position: absolute;
	left: 0;
	top: 0;
	width: 447px;
	background: url(../images/menu_bg.jpg) no-repeat;
	height: 205px;
	box-sizing: border-box;
	padding: 27px 0 0 35px;
}
#pcn-snb div.pcn-wrap div.slogan .t1 {
	font-family: 나눔명조, Nanum Myeongjo;
	font-size: 1.8em;
	color: #222;
	line-height: 1.2;
}
#pcn-snb div.pcn-wrap div.slogan .t2 {
	font-size: 1.3em;
	color: #999;
	line-height: 1.2;
	margin-top: 20px;
	line-height: 1.5;
}

#pcn-snb div.pcn-wrap  > div {position:absolute;  top:0;}

#pcn-snb div.pcn-wrap div.snb01 {
	right: 790px;
	width: 130px;    
}
#pcn-snb div.pcn-wrap div.snb02 {
	right: 282px;  width:130px;  

}

#pcn-snb div.pcn-wrap div.snb07{
	right: 685px; 
	width: 110px; 
}

#pcn-snb div.pcn-wrap div.snb03 {
	right: 575px; 
	width: 115px;    
}
#pcn-snb div.pcn-wrap div.snb04 {
	right: 409px;  
	width: 175px;  
}
#pcn-snb div.pcn-wrap div.snb05 {
	right: 140px;
	width: 150px;  
}
#pcn-snb div.pcn-wrap div.snb06 {
	right: 0px;
	width: 140px; 
}

#pcn-snb div.pcn-wrap div ul {
	text-align: center;
	box-sizing: border-box;
}
#pcn-snb div.pcn-wrap div ul li a {
	position: relative;
	display: block;
	font-size: 1.2em;
	color: #666;
	line-height: 1.4;
	margin-bottom: 7px;
}
#pcn-snb div.pcn-wrap div ul li a:hover {
	color: #a5272f;
	font-weight: bold;
}


/* 작은 데스크탑 스타일2  */
@media only screen and (min-width: 1024px) and (max-width: 1190px)  {
#nheader  {height:200px;}
#nheader #header_inner h1.logo {position:relative; width:100%; top:auto; left:auto; text-align:center; padding-top:67px;}
#nheader   #pcn-gnb {position:relative; }
#nheader   #pcn-gnb,
#pcn-snb div.pcn-wrap {margin-left:auto; margin-right:auto; width:936px;}
#pcn-gnb .tm_dep1 {padding-top:20px;}
#pcn-gnb .tm_dep1 li {padding-top:15px; padding-bottom:15px; height:auto;}
#pcn-snb {top:180px; left:0; }
#pcn-snb div.pcn-wrap div.slogan {display:none;}
#pcn-snb div.pcn-wrap > div {transform:translateX(-8%); }

}


/* 데스크탑 스타일 - 화면 너비 1024px 이상 */
@media only screen and (min-width: 1024px) {
.snsiconarea {display:inline-block; padding-left:20px;}
.snsiconarea img {padding:0px 3px;}
.menu-icon,
.sidebar {display:none}
}

/* 데스크탑 제외 */
@media only screen and (max-width: 1023px) {
#nheader #header_inner h1.logo {left:50%; transform:translateX(-50%)}
.main_new #nheader #header_inner h1.logo img {mix-blend-mode: difference;}



#pcn-gnb {display:none;}
 .menu-icon {  position:absolute; top:66px;  right:3%;  z-index:90; cursor: pointer;  }
.menu-icon span {color:#000; }
.close-icon {display:none;}
.menu-icon span,
 .close-icon span {display: block;  cursor: pointer;font-size:40px;font-variation-settings: 'wght' 600}
.menu-open .close-icon {display:block; right:300px; color:#fff;  position:fixed; top:20px;  }

.menu-open >  .menu-icon {display:none}
        .sidebar {
            position: fixed;
            right: -290px;
            top: 0;
            width: 290px;
            height: 100%;
            background: #fff;
            color: #000; 
            transition: right 0.3s ease;
            z-index: 999999999999999999999998;
        }
        .sidebar.open {  right: 0; }

        .sidebar li {  padding: 13px 15px; border-bottom: 1px solid rgba(0,0,0,0.1)}

			 .sidebar .submenu li {border:none}


        .sidebar   li.important {color:#e63434; }
        .sidebar   li.important .toggle-icon{font-weight:900;}



			 .sidebar .submenu {
					max-height: 0;
					overflow: hidden;
					opacity:0;   box-sizing:border-box;
					transition: max-height 0.4s ease;
				}

				.sidebar li.open > .submenu {
				   opacity:1; background:#fff; padding:10px; margin:10px 0px;
					max-height: 500px; /* 예를 들어, 최대 높이를 설정 */
				}

				.sidebar li.important.open{
				 
				}



        .sidebar  .submenu li  a {font-size:16px; line-height:23px;}
	 .sidebar .submenu  li {padding:6px 15px;}
        .toggle-icon {font-weight:bold; cursor:pointer;  
		font-weight:700; font-size:19px; line-height:36px; padding:10px 10px;}
    .toggle-icon.open { color:blue;}
        .toggle-icon::after {
            content: '\e5cc';   font-family: 'Material Symbols Outlined';
            float: right; opacity:0.2;
        }
        li.open >  .toggle-icon::after {
            content: '\e313';   font-family: 'Material Symbols Outlined'; color:#623e49; opacity:0.2;
        }

        .sidebar li.open {background:#eee;}
        .sidebar  li.open  .toggle-icon {}
            body.menu-open:before {content:''; z-index:90;background-color: rgba(0, 0, 0, 0.5);
			position:fixed; top:0; left:0; width:100vh; height:100vh; }

			.ngbn_mobile {background: #623e49; text-align:Center; display:flex; ;}
			.ngbn_mobile a { color:#fff; text-align:Center; font-size:14px; padding:10px 3px; line-height:30px; flex:1 1 50%;}
			.ngbn_mobile a:last-child {border-left:1px solid rgba(255,255,255,0.2)}
			.ft_zin, .ft_zot, .ft_prt {display:none !important}

			.ft_cont a {padding:0px 5px;}
            }


/* 태블릿 스타일 - 화면 너비 768px 이상 1024px 미만 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {

}

/* 모바일 스타일 - 화면 너비 480px 이상 768px 미만 */
@media only screen and  (max-width: 767px) {
.ngbn {display:none;}
			.ft_cont {text-align:Center; width:100% !important;}

}

/* 작은 모바일 스타일 - 화면 너비 480px 미만 */
@media only screen and (max-width: 479px) {

}

/************************************
메인비쥬얼 새로운거
***********************************/

.mvisual_new_wrap {overflow:hidden; width:100%; position:relative;}
.mvisual_new .slick-slide img{width:100%;}
.mvisual_new .slick-dots {margin-top:30px;}

.mvisual_new.slick-dotted.slick-slider {margin-bottom:0 !important;}

 .mvisual_new_wrap   .custom-next2,
.mvisual_new_wrap  .custom-prev2{position:absolute; background:rgba(0,0,0,0.4); border:none; border-radius:50%; 
height:40px; width:40px; text-align:center;  cursor:pointer; box-shadow:5px 5px 10px rgba(0,0,0,0.2); color:#fff;
display:block !important; bottom:20px; z-index:999999;  box-sizing:border-box; }


.mvisual_new .slick-dots {position:absolute; text-align:center; margin:0px; padding:0px; bottom:30px !important; }
.mvisual_new .slick-dots li {display:inline-block; padding:0px 10px;}


.mvisual_new .slick-dots li button {width:20px; height:20px; background:#623e49; text-indent:-99999px;}
.mvisual_new .slick-dots li.slick-active button { background:#ae3038;}


.mvisual_new_wrap   .custom-prev2 span {padding-left:5px;}
.mvisual_new_wrap  .custom-next2 span {padding-left:4px;}

.mvisual_new_wrap   .custom-next2 span,
.mvisual_new_wrap  .custom-prev2 span {vertical-align:middle; font-size:20px;}

.mvisual_new_wrap  .custom-next2{left:calc(50% + 10px); }
.mvisual_new_wrap  .custom-prev2 {left:calc(50% - 40px);  }
@media only screen and  (min-width: 1024px) {
.mvisual_new .slick-track,
 .mvisual_new_wrap .slick-list {height:727px !important}
 
 }


.main_new {}
.mainv img{max-width:100%;}





@media only screen and  (min-width: 768px) {
 .mvisual_new_wrap .custom-next2, .mvisual_new_wrap .custom-prev2 {display:none !important;}
.mainv {display:none}


 }


/* 모바일 스타일 - 화면 너비 480px 이상 768px 미만 */
@media only screen and  (max-width: 767px) {
.mvisual_new.slick-slider {display:none}
.main_new #nheader {position:absolute; top:0; lefT:0; 
background: linear-gradient(180deg, rgba(98,62,73,1) 0px, rgba(98,62,73,1) 40px,  rgba(255,255,255,0) 40px, rgba(255,255,255,0) 100%);




}






/* .mvisual_new .slick-track,
 .mvisual_new_wrap .slick-list {height:270px !important} */

.mvisual_new .slick-slide {width:100%; overflow:hidden;}
.mvisual_new .slick-slide img {width:170%; margin-left:-35%;}

/* .mvisual_new .slick-slide img{width:180%;  max-width:180%; margin-left:-45%;} */

.mvisual_new_wrap .mvisual_new .slick-dots {display:none !important }


}



/************************************
메인비쥬얼
***********************************/




.mviusal_wp,
.mviusal_wp .mvisual  { position: relative; box-sizing:border-box; width: 100%;}
.mviusal_wp .mvisual {overflow:hidden;}
.mviusal_wp .mvisual .slick-track {}
.mviusal_wp .mvisual .slick-track,
.mviusal_wp .mvisual .slick-track a,
.mviusal_wp .mvisual .mimg_view72 {
	width: 100% !important; 
}

.mviusal_wp .mvisual .slick-slide img {object-fit:cover; max-width:100%;}


.mviusal_wp .mct {
	width: 100%; 
}
.mviusal_wp .mct .mct_inner {
	position: relative;
	margin: 0 auto;
overflow:hidden; display:flex; flex-wrap:wrap;
	height: 215px;
}



.mviusal_wp .mct .mct_inner .mct_link1 {
width:340px;
}






.mviusal_wp .mct .mct_inner .mct_link4 .mctl4_txt,
.mviusal_wp .mct .mct_inner .mct_link2 .mctl2_txt,
.mviusal_wp .mct .mct_inner .mct_link1 .mctl1_txt {
	position: absolute;
	left: 125px;
	top: 35px;
	width: 200px;
}



.mviusal_wp .mct .mct_inner .mct_link1 .mctl1_txt .mctlt_tl {
	font-size: 1.5em;
	color: #fff;
	font-weight: 800;
}
.mviusal_wp .mct .mct_inner .mct_link1 .mctl1_txt .mctlt_txt {
	font-size: 1.10em;
	color: #e3bdbf;
	line-height: 1.5;
	margin-top: 10px;
	font-family: 'Montserrat', 'NanumSquare';
	letter-spacing: -0.03em;
}
.mviusal_wp .mct .mct_inner .mct_link1 .mctl1_txt .mctlt_txt span {
	color: #ffcc00;
	font-weight: bold;
}
.mviusal_wp .mct .mct_inner .mct_link1 .mctl1_btn {
	position: absolute;
	left: 355px;
	top: 0;
	width: 90px;
}
.mviusal_wp .mct .mct_inner .mct_link1 .mctl1_btn a {
	display: block;
	width: 90px;
	text-align: center;
	background: #a2988b;
	height: 45px;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	box-sizing: border-box;
	padding-top: 10px;
}
.mviusal_wp .mct .mct_inner .mct_link1 .mctl1_btn a:hover {
	background: #8d8172;
	text-decoration: none;
}
.mviusal_wp .mct .mct_inner .mct_link2 {
	width: 345px;
}


.mviusal_wp .mct .mct_inner .mct_link2 .mctl2_txt .mctlt_tl {
	font-size: 1.5em;
	color: #fff;
	font-weight: bold;
}
.mviusal_wp .mct .mct_inner .mct_link2 .mctl2_txt .mctlt_txt {
	font-size: 1.10em;
	color: #e3bdbf;
	line-height: 1.5;
	margin-top: 10px;
	font-family: 'Montserrat', 'NanumSquare';
	letter-spacing: -0.03em;
}
.mviusal_wp .mct .mct_inner .mct_link2 .mctl2_txt .mctlt_txt span {
	color: #ffcc00;
	font-weight: bold;
}
.mviusal_wp .mct .mct_inner .mct_link2 .mctl2_btn {
	position: absolute;
	left: 350px;
	top: 0;
	width: 90px;
}
.mviusal_wp .mct .mct_inner .mct_link2 .mctl2_btn a {
	display: block;
	width: 90px;
	text-align: center;
	background: #35a2fe;
	height: 45px;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	box-sizing: border-box;
	padding-top: 10px;
}
.mviusal_wp .mct .mct_inner .mct_link2 .mctl2_btn a:hover {
	background: #188df0;
	text-decoration: none;
}
.mviusal_wp .mct .mct_inner .mct_link3 {
background:rgba(113,80,90,1);
	width: 170px; padding-left:30px; box-sizing:border-box;
}


.mviusal_wp .mct .mct_inner .mct_link3 ul {display:flex; 
height:100%;  flex-direction:column;
      justify-content: center; box-sizing:border-box;

}
.mviusal_wp .mct .mct_inner .mct_link3 ul li {
	position: relative;   box-sizing:border-box; overflow:hidden;
}
.mviusal_wp .mct .mct_inner .mct_link3 ul li a {
	display: block;
	position: relative;
	margin-bottom: 4px;
	font-size: 1.3em;
	line-height:1.9em;
	color: #fff;
	font-weight: bold;
}
.mviusal_wp .mct .mct_inner .mct_link3 ul li a:hover {
	font-weight: bold;
	color: #f6cc00;
	text-decoration: none;
}
.mviusal_wp .mct .mct_inner .mct_link3 ul li a i {
	position: absolute;
	right: 0;
	top: 6px;
}


.mct.innew_wrap { overflow:hidden;  }
.mviusal_wp .mct.innew_wrap {background: rgb(166,40,48); 
background: linear-gradient(90deg, rgba(166,40,48,1) 0%, rgba(166,40,48,1) 71%,
rgba(113,80,90,1) 71%,rgba(113,80,90,1) 100%); }
.mviusal_wp .mct.innew_wrap .mct_inner .mct_link3 {flex:1}
.mviusal_wp .mct.innew_wrap  .mct_inner .mct_link4 .mctl4_btn,
.mviusal_wp .mct.innew_wrap  .mct_inner .mct_link2 .mctl2_btn,
.mviusal_wp .mct.innew_wrap .mct_inner .mct_link1 .mctl1_btn {
top:135px; left:125px; overflow:hidden; width:200px;}
.mviusal_wp .mct.innew_wrap .mct_inner .mct_link4 .mctl4_btn a,
.mviusal_wp .mct.innew_wrap .mct_inner .mct_link2 .mctl2_btn a,
.mviusal_wp .mct.innew_wrap .mct_inner .mct_link1 .mctl1_btn a {margin-right:10px; display:inline-block;}
.mviusal_wp .mct .mct_inner  > div {   padding-top:15px ;padding-bottom:15px;background:rgba(166,40,48,1); flex: 0 1 auto; position:relative;}

.mviusal_wp .mct .mct_inner .mct_link4 {
	width: 325px;
}

.mviusal_wp .mct .mct_inner .mct_link1 .mctl1_pic,
.mviusal_wp .mct .mct_inner .mct_link4 .mctl4_pic,
.mviusal_wp .mct .mct_inner .mct_link2 .mctl2_pic {
	position: absolute;
	left: 0;
	top: 35px;
}

.mviusal_wp .mct .mct_inner .mct_link4 .mctl4_txt .mctlt_tl {
	font-size: 1.5em;
	color: #fff;
	font-weight: bold;
}
.mviusal_wp .mct .mct_inner .mct_link4 .mctl4_txt .mctlt_txt {
	font-size: 1.10em;
	color: #e3bdbf;
	line-height: 1.5;
	margin-top: 10px;
	font-family: 'Montserrat', 'NanumSquare';
	letter-spacing: -0.03em;
}
.mviusal_wp .mct .mct_inner .mct_link4 .mctl4_txt .mctlt_txt span {
	color: #ffcc00;
	font-weight: bold;
}
.mviusal_wp .mct .mct_inner .mct_link4 .mctl4_btn {
	position: absolute;
	left: 350px;
	top: 0;
	width: 90px;
}
.mviusal_wp .mct .mct_inner .mct_link4 .mctl4_btn a {
	display: block;
	width: 90px;
	text-align: center;
	background: #e6b72c;
	height: 45px;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	box-sizing: border-box;
	padding-top: 10px;
}
.mviusal_wp .mct .mct_inner .mct_link4 .mctl4_btn a:hover {
	background: #dbab1d;
	text-decoration: none;
}



.mviusal_wp .m_view {
	position: absolute;
	width: 100%; 
	left: 0;
	bottom: 30px;
	z-index: 10;
	z-index: 5000;
}
.mviusal_wp .m_view .mv_inner {
	position: relative;
	margin: 0 auto; text-align:center;
	text-align: center;
}
.mviusal_wp .m_view .mv_inner a {
	display: inline-block;
	margin: 0 4px;
}

.nav_arrow {background:red; position:absolute; top:50px; transform:translateY(0%);  border:5px solid blue;z-index:5000; }
.nav_arrow  li span {height:50px; height:50px;}

/* 데스크탑 스타일 - 화면 너비 1024px 이상 */
@media only screen and (min-width: 1024px) {
.mviusal_wp .mct .mct_inner  {flex-wrap:nowrap;}
}

@media only screen and (max-width: 1240px) {
.mviusal_wp .mct.innew_wrap{background:none;}
.mviusal_wp .mct .mct_inner  {background:none; width:100%; height:auto; }
.mviusal_wp .mct .mct_inner > div {flex: 1 1 33.3%; overflow:hidden;box-sizing:border-box;  width:400px;height:220px;}
.mviusal_wp .mct .mct_inner  {flex-wrap:wrap; }
.mviusal_wp .mct .mct_inner .mct_link3 {   overflow:hidden; box-sizing:border-box;    height: 130px;  display:flex;
		 align-items: center; /* 세로 중앙 정렬 */
      justify-content: center; /* 가로 중앙 정렬 */ padding-left:0px;
      flex-direction: column; /* 세로 방향으로 정렬 */
}
.mviusal_wp .mct .mct_inner .mct_link3 ul {flex-direction:row; width:100%;}
.mviusal_wp .mct .mct_inner .mct_link3 li {flex: 1 1 25%;
margin:10px; padding:20px; box-sizing:border-box; background:rgba(0,0,0,0.2)}
.mviusal_wp .mct.innew_wrap .mct_inner .mct_link3 {flex-basis:100%; width:100%;}
}

/* 데스크탑 스타일 - 화면 너비 1024px 이상 */

@media only screen and (max-width: 1023px) {
.mviusal_wp .mct .mct_inner  { background:rgba(166,40,48,1); 		 align-items: center; /* 세로 중앙 정렬 */
      justify-content: center; /* 가로 중앙 정렬 */ 
      flex-direction: column; /* 세로 방향으로 정렬 */}
.mviusal_wp .mct .mct_inner > div {flex: 1 1 auto;  width:600px !important;  height:170px;}
.mviusal_wp .mct.innew_wrap .mct_inner .mct_link4 .mctl4_btn,
.mviusal_wp .mct.innew_wrap .mct_inner .mct_link2 .mctl2_btn,
.mviusal_wp .mct.innew_wrap .mct_inner .mct_link1 .mctl1_btn {
    top: auto; bottom: 20px;
    left: 355px; 
}

.mviusal_wp .mct.innew_wrap .mct_inner .mct_link3 {width:100% !important;}


}


/* 태블릿 스타일 - 화면 너비 768px 이상 1024px 미만 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {

}

@media only screen and  (min-width: 768px) {

}


/* 모바일 스타일 - 화면 너비 480px 이상 768px 미만 */
@media only screen and  (max-width: 767px) {
.ins_wrapin_visual{position:relative; overflow:hidden; display:none}
.slider_mobilemain .slick-slide img {width:100%;}

	.mviusal_wp .m_view .mv_inner img { width:13px;}
.mviusal_wp .m_view .mv_inner a{  margin:0 2px;}
.mviusal_wp .m_view {bottom:10px;}
.mviusal_wp .mct .mct_inner .mct_link3 ul {width:100%; height:auto !important; overflow:hidden;
flex-wrap:wrap; display:flex; box-sizing:border-box; padding:10px 10px !important;}
.mviusal_wp .mct .mct_inner .mct_link3 li {flex-basis:45%; width:45%; overflow:hidden; 
margin:3px; padding:10px 10px; box-sizing:border-box; background:rgba(0,0,0,0.2)}
.mviusal_wp .mct.innew_wrap .mct_inner .mct_link3 {flex-basis:100%; width:100%; overflow:hidden;}
.mviusal_wp .mct .mct_inner .mct_link3 li  a {width:100%;}

.mv_inner {display:none;}
.mviusal_wp .mct .mct_inner .mct_link3 ul li a {font-size:14px; line-height:22px;}
.mviusal_wp .mct .mct_inner .mct_link4 .mctl4_btn a,
.mviusal_wp .mct .mct_inner .mct_link2 .mctl2_btn a,
.mviusal_wp .mct .mct_inner .mct_link1 .mctl1_btn a { height: 32px;  padding-top: 6px;}
.mperf .intit, .mperf .intit_desc {height:auto !important;}
.mperf .intit_desc {padding:5px 0px 15px 0px;}
.list_exhibi .intit {height:75px !important}
.mperf .mperf_inner .list_exhibi_wrap { gap: 0px 10px !important; }
.edu_event_wrap {margin-top:20px; }

}

/* 모바일 스타일 - 화면 너비 480px 이상 768px 미만 */
@media only screen and  (max-width: 640px) {

.mviusal_wp .mct .mct_inner > div {
  padding-top: 5px; padding-bottom:5px; }
.mviusal_wp .mct .mct_inner > div {width:100% !important; height:181px; }
.mviusal_wp .mct .mct_inner .mct_link4,
.mviusal_wp .mct .mct_inner .mct_link2 {border-top:1px solid rgba(0,0,0,0.2)}

.mviusal_wp .mct .mct_inner > div > div {margin-left:20px; }
.mviusal_wp .mct .mct_inner .mct_link3 {flex-direction:column;}
.mviusal_wp .mct .mct_inner .mct_link3 {box-sizing:border-box; }
.mviusal_wp .mct.innew_wrap .mct_inner .mct_link4 .mctl4_btn,
.mviusal_wp .mct.innew_wrap .mct_inner .mct_link2 .mctl2_btn, 
.mviusal_wp .mct.innew_wrap .mct_inner .mct_link1 .mctl1_btn {
    top: 135px;  left: 125px;}

.mviusal_wp .mct.innew_wrap .mct_inner .mct_link4 .mctl4_btn,
.mviusal_wp .mct.innew_wrap .mct_inner .mct_link2 .mctl2_btn,
.mviusal_wp .mct.innew_wrap .mct_inner .mct_link1 .mctl1_btn {
    top: auto; bottom: 20px;}


}


/* 작은 모바일 스타일 - 화면 너비 480px 미만 */
@media only screen and (max-width: 479px) {



}





/************************************
전시 행사 교육
***********************************/



.mperf {
	position: relative;
	width: 100%; box-sizing:border-box;
	background: #f0f0f0  url(../images/mpf_bg.gif);
	padding:50px 0px;
}



.mperf .mperf_inner {
	position: relative;
	margin: 0 auto; 
	display:flex;
      gap: 20px 20px;   justify-content: space-between 
}

.mperf .ex_list_wrap, .mperf .edu_event_wrap { width:calc(50% - 20px); }
.grey777 {color:#777}
.mperf .mperf_inner > div {}
.mperf .mperf_inner .ex_list_wrap {overflow:hidden;}
.bxslider1 li a , .bxslider2 li a, .mperf .list_exhibi a{display:block; overflow:hidden; padding:0; margin:0; text-decoration:none !important}
.mperf .list_exhibi a img {padding:10px 0 0 0; margin:0;}
.bxslider1 li img, .bxslider2 li img {padding:0; margin-top:5px;}
.mperf .mperf_inner .list_exhibi_wrap {overflow:hidden; padding-top:56px; gap:0px 20px; box-sizing:border-box; display:flex; }
.mperf .list_exhibi {flex:1 1 50%;  word-break: keep-all;  text-align:center;}
.pexhib_first {padding-top:60px;}



.eve-cate{display:inline-block; box-sizing:border-box; background:#000; color:#fff; border-radius:2px; padding:5px 8px 2px 8px; font-size:0.9rem; line-height:1.2; margin-right:5px }
.eve-cate.c01{background:#ff7e00; color:#fff;}
.eve-cate.c02{background:#0b86e7; color:#fff;}
.eve-cate.c03{background:#52b822; color:#fff;}
.mperf  .intit {font-size: 1.5em; line-height:1.4; margin-bottom:5px; box-sizing:border-box; letter-spacing: -0.05em; color: #a71b24; font-weight:600; height: auto !important}
.mperf  .intit_desc{font-size:0.8rem; line-height:1.4; height:auto !important; margin-bottom:5px; box-sizing:border-box; word-break: keep-all;}
.mperf   img {width:100%; margin-top:5px}
.mperf .mperf_inner .pexhib_img img {max-width:100%; border: 1px solid transparent;	box-sizing: border-box; margin-top:10px}
.mperf .mperf_inner .pexhib_img img:hover {border: 1px solid #ae3038;  margin-top:30px}

.mperf .mperf_inner .pexhib_title {
	margin-bottom:5px;
	width:100%;
	background: url(../images/bullet_lnb1.gif) no-repeat center 10px #ae3038;
	box-sizing: border-box;
	text-align: center;
	font-weight: 800;
	font-size: 1.6em; line-height:2.0em;
	padding-top: 13px; padding-bottom:6px;
	color: #fff;
}
.mperf .mperf_inner .edu_event, .mperf .mperf_inner .edu_event2 {overflow: hidden;}



.mperf .mperf_inner .eel_ctl {
	    position: relative;
    font-size: 2em;
    letter-spacing: -0.05em;
    color: #222;
    line-height: 1.2;
    padding: 0 0 0 15px;
    border-left: 5px solid #a71b24;
    font-weight:700;
}

.mperf .mperf_inner .eel_ctl a {margin-left:10px;}
.mperf .mperf_inner .edu_event .mtab_st2 li, .mperf .mperf_inner .edu_event2 .mtab_st2 li {
	float: left
}
.mperf .edu_event {margin-top:10px;}
.mperf .edu_event2 {margin-top:25px;}

.mperf .mperf_inner .edu_event .p_view, .mperf .mperf_inner .edu_event2 .p_view {
	position: relative;margin-top: 15px; 
}

.mperf .slick-prev2::before, 
.mperf .slick-next2::before,
.mperf .slick-prev::before, 
.mperf .slick-next::before{display:none}

.mperf .slick-prev2, 
.mperf .slick-prev {left:0px; }
.mperf .slick-next2, 
.mperf .slick-next {right:0px; }

.mperf .slick-prev2,
.mperf .slick-prev,
.mperf .slick-next2,
.mperf .slick-next{width:auto; height:auto;}


.mperf .slick-prev img,
.mperf .slick-next img {width:17px;}


#pdisplay_1 ,
#pdisplay_2 {box-sizing:border-box; padding-left:30px; padding-right:30px;}


.mperf .mperf_inner  .bxslider1,
.mperf .mperf_inner  .bxslider2 {  display: flex;  flex-wrap: nowrap;    }
    .mperf .mperf_inner  .bx-viewport {
      overflow: hidden !important; 
    }

.mperf .mperf_inner  .bx-viewport {
    width: 92% !important;
}
.mperf .mperf_inner .bx-wrapper {
	margin: 0 1rem !important
}
.mperf .mperf_inner .bxslider1 li, 
.mperf .mperf_inner .bxslider2 li {
	text-align:center; box-sizing:border-box; padding:0px 10px;
}


.bxslider1 li img,
.bxslider2 li img{
	width:100% !important;
} 

@media only screen and (min-width: 1024px) and (max-width: 1260px) {
.mperf .edu_event2 {margin-top:30px;}
.mperf img {margin-top:10px;}

}

@media only screen and (min-width: 1024px) and (max-width: 1160px) {
.mperf .edu_event2 {margin-top:30px;}
}




@media only screen and (min-width: 1024px) {
.mimg_view72.onlymobile {display:none;}
.mperf .slick-prev span,
.mperf .slick-next span{display:none}

}


@media only screen and (max-width: 1023px) {

.mviusal_wp .m_view .mv_inner img {width:100%;}


.mperf .mperf_inner { gap: 15px 0px;}
.mperf .ex_list_wrap { width:calc(60% - 20px); }
.mperf .edu_event_wrap { width:calc(40% - 20px); }



.mperf .slick-prev img,
.mperf .slick-next img {width:11px; display:none}

.mperf .slick-prev,
.mperf .slick-next{color:rgba(0,0,0,0.4) !important;   margin-top:30px;width:auto; height:auto;}
.mperf .slick-prev{left:-3px;}
.mperf .slick-next{right:-3px;}
.mperf .slick-prev span,
.mperf .slick-next span { font-variation-settings: 'wght' 300 !important;   font-size:30px !important; }









#pdisplay_1 ,
#pdisplay_2 { padding-left:20px; padding-right:20px;}
.mperf .mperf_inner .edu_event .p_view, .mperf .mperf_inner .edu_event2 .p_view {margin-top: 20px; }
.mperf .intit {padding-bottom:6px;}
.mperf .edu_event2 { margin-top:20px;}

}



@media only screen and (max-width: 830px) {
.mperf .mperf_inner { gap: 15px 0px; flex-direction:column;}
.mperf .ex_list_wrap { width:100%; }
.mperf .edu_event_wrap { width:100%; }
#pdisplay_1 ,
#pdisplay_2 { padding-left:20px; padding-right:20px;}
.mperf .mperf_inner .edu_event .p_view, .mperf .mperf_inner .edu_event2 .p_view {margin-top: 20px; }
.mperf .intit {padding-bottom:6px;}
.mperf .edu_event2 { margin-top:20px;}
.list_exhibi_wrap.mperf img {margin-top: 0px;}

}


/* 태블릿 스타일 - 화면 너비 768px 이상 1024px 미만 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {


}




/* 데스크탑 스타일 - 화면 너비 1024px 이상 */
@media only screen and (min-width: 1024px) {

}



/* 모바일 스타일 - 화면 너비 480px 이상 768px 미만 */
@media only screen and  (max-width: 767px) {
.mperf {background:none;}
.mviusal_wp .mvisual .mimg_view72 img {width:180%; max-width:180%; margin-left:-40%;}
/* .mimg_view72.onlyweb,
.mviusal_wp .m_view .mv_inner {display:none !important;} */


.mperf img {margin-top:3px;}
.mperf .mperf_inner .ex_list_wrap {margin-top:20px;}
.mperf .mperf_inner .list_exhibi_wrap {padding-top:0px;  flex-wrap:wrap; }

.eve-list a{display: flex !important; flex-wrap:wrap; /*  flex-flow: column-reverse; */}



.mperf .list_exhibi {flex-basis: 100% !important;  padding-top:30px; margin-top:10px;}
.mperf .list_exhibi .intit {height:auto !important; padding-bottom:10px; flex-basis: 100% !important; }
.mperf .list_exhibi  .intit_desc{height:auto !important; text-align:left; padding:0; display:none;} 




.mperf {padding:20px 0px;}
.mperf .mperf_inner .eel_ctl a {position:absolute; right:10px; top:0;}
.bxslider1 li img, .bxslider2 li img,
.mperf .list_exhibi a img,
.mperf .mperf_inner .pexhib_img img{border:1px solid #eee;}
.mperf .mperf_inner .pexhib_img img {margin-top:10px;}
.mperf .mperf_inner .pexhib_title { background-image:none;  padding:6px 10px; margin-bottom:10px;}
.today_liter .ee_left .eel_ctl, .mperf .mperf_inner .pexhib_title, .edu_event2 .eel_ctl, .edu_event .eel_ctl  {font-size: 20px !important;  line-height:1 !important; padding:12px 10px}
.today_liter .ee_right .eer_date { padding: 10px 20px !important; height: 40px !important; font-size: 1.3em !important;}
.edu_event2 .eel_ctl, .edu_event .eel_ctl  {background-color:#7d6f70; border:none !important; 
overflow:hidden; color:#fff !important;  text-align:center; padding:12px 10px !important;}
.edu_event2 .eel_ctl a, .edu_event .eel_ctl a {color:#fff; background:rgba(0,0,0,0.6); padding:12px 20px; right:0 !important;}
.mperf_inner.width_area  {width:100%; !important;}
.edu_event2, .mperf .ex_list_wrap {margin-left:auto; margin-right:auto; width:96%;}
.edu_event {background:#eee; padding:10px 2% 20px; box-sizing:border-box;}
#left {margin-top:0; background:#a5272f;  border:none;box-shadow:none;}
#left  h2 {display:none;}
ul#lnb li a, ul#lnb li a:link, ul#lnb li a:visited, ul#lnb li a:hover, ul#lnb li a:focus, ul#lnb li a:active, ul#lnb li a.hover:link, ul#lnb li a.hover:visited{color:rgba(255,255,255,0.7);}
ul#lnb li a.hover{color:rgba(255,255,255,1) !important;}
#lnb li.mobile_none{display:none !important}
#SubVisual {display:none;}
#ContWrap {width:100% !important;}
#ContWrap #content {padding-left:2%; padding-right:2%; box-sizing:border-box;}


}


/* 작은 모바일 스타일 - 화면 너비 600px 미만 */
@media only screen and (max-width: 600px) {
.eve-cate{padding:4px 7px 2px 7px; font-size:0.8rem; font-weight:400; margin-right:5px }
.list_exhibi {overflow:hidden;}
.mperf .mperf_inner .eel_ctl {margin-top:20px;}
.list_exhibi .intit_desc {padding:0;  line-height:1.4; text-align:left; margin-bottom:0; margin-top:10px;}
.list_exhibi .intit {padding-bottom:0; line-height:1.4; box-sizing:border-box; margin:0; margin-top:5px !important;}
.bxslider1 li img, .bxslider2 li img {margin-top: 0px;}

.mperf .intit {padding-bottom:0; font-size:17px}
.mperf .intit_desc { padding: 0; margin-top:3px;line-height: 1.4; font-size:14px; display:inline-block; width:100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.mperf .list_exhibi {text-align:Center; box-sizing:border-box; padding:15px !important; background:#f4e6e7;}


}



@media only screen and (max-width: 420px) {

.mperf .intit {font-size:16px}
.mperf .intit_desc {font-size:13px}


}



/************************************
공지사항
***********************************/

.mboard_media {
	position: relative;
	width: 100%; 
 overflow:hidden; padding:50px 0px;
}
.mboard_media .mboard_media_inner {margin-left:auto; margin-right:auto}
.mboard_media .board_wrap { display:flex; flex-direction:row; padding-bottom:50px;
gap:20px 0px; justify-content: space-between; width:100%; }
.mboard_media .mboard_media_inner .mboard1 {flex-basis:calc(50% - 20px); overflow:hidden; 
	background: #f6f6f6;
	border-top: 1px solid #a6272f;
	box-sizing: border-box;
	padding: 30px;
}


.mboard_media .mboard_media_inner .mboard1 .mb_tl {
	position: relative;
	width: 100%; 
	font-size: 1.6em;
	font-weight: 800;
	color: #222;
}
.mboard_media .mboard_media_inner .mboard1 .mb_tl .btn_more{
	position: absolute;
	right: -10px;
	top: -6px;
}
.mboard_media .mboard_media_inner .mboard1 .mb_tl .btn_more a {
	display: block;
	padding: 10px;
}

.mboard_media .mboard_media_inner .mboard1 .mb_list_la {
	position: relative;
	margin-top: 30px;
	cursor: pointer;
}
.mboard_media .mboard_media_inner .mboard1 .mb_list_la .mbll_tl{
	position: relative;
	font-size: 1.4em;
	font-weight: bold;
	color: #666;
}
.mboard_media .mboard_media_inner .mboard1 .mb_list_la .mbll_ct {
	position: relative;
	font-size: 1.2em;
	color: #888;
	margin-top: 15px;
	line-height: 1.5;
}
.mboard_media .mboard_media_inner .mboard1 .mb_list_la:hover .mbll_tl {
	color: #ae3038;
}
.mboard_media .mboard_media_inner .mboard1 .mb_list_la:hover .mbll_ct {
	color: #666;
}
.mboard_media .mboard_media_inner .mboard1 .mb_list {
	position: relative;
	margin-top: 35px;
	width: 100%;
}
.mboard_media .mboard_media_inner .mboard1 .mb_list li {
	position: relative;
	margin-bottom: 6px;
}
.mboard_media .mboard_media_inner .mboard1 .mb_list li a {
	padding-left: 13px;
	font-size: 1.3em;
	width: 230px;
	color: #444;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: url(../images/bullet_ar.png) no-repeat 2px center;
}
.mboard_media .mboard_media_inner .mboard1 .mb_list li a:hover {
	color: #111;
	text-decoration: none;
}
.mboard_media .mboard_media_inner .mboard1 .mb_list li span.date {
	position: absolute;
	right: 3px;
	top: 0;
	color: #888;
	text-align: right;
	font-family: 'Montserrat', 'NanumSquare';
}
.mboard_media .mboard_media_inner .mmedia {
	width: 370px
}
.mboard_media .mboard_media_inner .mmedia .media_area {
	position: relative;
	width: 100%;
	height: 257px;
	background: #222;
}
.mboard_media .mboard_media_inner .mmedia .mv_list {
	position: relative;
	width: 100%;
 height:100%;
}
.mboard_media .mboard_media_inner .mmedia .media_tl {
	position: relative;
	width: 100%;
	font-size: 1.6em;
	font-weight: bold;
	color: #222;
	margin-top: 15px;
}
.mboard_media .mboard_media_inner .mmedia .media_list_btn {
	position: absolute;
	right: 0;
	bottom: -5px;
	text-align: right;
}
.mboard_media .mboard_media_inner .mmedia .media_list_btn li {
	display: inline-block;
	padding: 2px 10px;
	background: #e8e8e8;
	font-size: 0.9em;
	font-family: 'Montserrat'
}
.mboard_media .mboard_media_inner .mmedia .media_list_btn li.on {
	background: #a71b24;
	color: #fff;
	font-weight: bold;
}


/* 데스크탑 스타일 - 화면 너비 1024px 이상 */
@media only screen and (min-width: 1024px) {

}

/* 태블릿 스타일 - 화면 너비 768px 이상 1024px 미만 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.mboard_media .mboard_media_inner .mboard1 {
		flex-basis:100%;
		padding: 20px;
	}
}

/* 모바일 스타일 - 화면 너비 480px 이상 768px 미만 */
@media only screen and  (max-width: 767px) {
	.mboard_media .board_wrap { margin-top:30px;}
	.mboard_media .mboard_media_inner .mboard1 {
		padding: 20px;  width:100%;
	}
	.mboard_media .mboard_media_inner .mboard1 .mb_list_la {margin-top:15px;}
	.mboard_media .mboard_media_inner .mboard1 .mb_list_la .mbll_tl {border-top:1px solid #ddd; padding-top:12px;
	font-weight:700; font-size:15px; line-height:27px;}
/* 	.mboard_media .mboard_media_inner .mboard1 .mb_list_la .mbll_ct {display:none;} */
.mboard_media .mboard_media_inner .mboard1 .mb_list_la .mbll_ct {margin-top:4px;}
.mboard_media .mboard_media_inner .mboard1 .mb_list li a {font-size:13px !important;}
.mboard_media { padding:0px 0px 30px -0px;}
.mboard_media .mboard_media_inner .mboard1 .mb_list {margin-top:19px;}
/* 	.mboard_media .mb_list {display:none;} */

}




/* 작은 모바일 스타일 - 화면 너비 480px 미만 */
@media only screen and (max-width: 479px) {

}

/************************************
오래전 오늘의 문학
***********************************/

.board_wrap2 {overflow:hidden; padding:20px 0px;  display:flex;  justify-content: space-between  }
.board_wrap2  > div { overflow:hidden;   box-sizing: border-box;	position: relative; }
.board_wrap2 .today_liter {width:calc(100% - 390px); display:flex; flex-wrap:wrap; flex-direction:row;  padding-right:20px;}
	.today_liter .ee_left { width:230px;  box-sizing:border-box; overflow:hidden; padding-right: 30px;  box-sizing:border-box;}
	.today_liter .ee_right {width:calc(100% - 230px);  }

.today_liter .ee_left .eel_ctl {
    position: relative;
    font-size: 2.3em;
    letter-spacing: -0.05em;
    color: #222;
    line-height: 1.2;
    padding: 0px 0 2px 15px;
    border-left: 5px solid #a71b24;
    font-weight:800;
}

.today_liter .ee_left .eel_tl {
	font-size: 1.5em;
	letter-spacing: -0.05em;
	color: #a71b24;
	font-weight: 700;
	margin-top: 20px;
}

.today_liter .ee_left .eel_txt {
	font-size: 1.2em;
	letter-spacing: -0.05em;
	color: #777;
	margin-top: 10px;
}
.today_liter .ee_left .btn_more {
	margin-top: 20px;
	color: #999;
	font-size: 1.10em;
}

.today_liter .ee_left .btn_more img {
	vertical-align: middle;
	margin-right: 7px;
}
.today_liter .ee_left .btn_more a:hover {
	color: #ae3038;
	text-decoration: none;
}



.today_liter .ee_right .eer_date {
	background: #a71b24;
	box-sizing: border-box;
	padding: 14px 20px;
	height: 50px;
	color: #fff;
	font-family: 'Montserrat', 'NanumSquare';
	font-size: 1.8em
}

.today_liter .ee_right .mbrl_list {
	padding: 22px 20px;
	box-sizing: border-box;
	margin-top: 12px;
	background: #fff;
	cursor: pointer;
	height: 190px;
	overflow: hidden;
}
.today_liter .ee_right .mbrl_list li {
	background: url(../images/bullet3.gif) no-repeat 4px center;
	padding: 0 20px 0 18px;
	font-size: 1.2em;
	margin-bottom: 8px;
	color: #333;
	font-family: 'Montserrat', 'NanumSquare';
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%; box-sizing:border-box;
}




/* 데스크탑 스타일 - 화면 너비 1024px 이상 */
@media only screen and (max-width: 1023px) {
.board_wrap2 {display:none; }

.mboard_media .mboard_media_inner .mmedia,
.board_wrap2 .today_liter { padding-right:0; flex-basis: calc(50% - 10px); margin:0;}
.today_liter .ee_right .eer_date {margin-top:20px;}
	.today_liter .ee_left { width:100%;   padding-right: 0px;  }
	.today_liter .ee_right {width:100%}
	.today_liter .ee_left .eel_txt br,
	.today_liter .ee_left .eel_ctl br,
	.today_liter .ee_left .eel_tl  br {display:none}
.today_liter .ee_left .btn_more {position:absolute; top:0; right:0;}
.mboard_media .mboard_media_inner .mmedia .media_area {height:350px;}


}

@media only screen and  (max-width: 767px) {
.today_liter .ee_left .btn_more {margin-top:0;}
.mboard_media .board_wrap {padding-bottom:6px; flex-direction:column;}
.board_wrap2 {flex-direction:column;}
.mboard_media .mboard_media_inner .mmedia,
.board_wrap2 .today_liter { width:100%; flex-basis:100%; margin:10px 0px;}
.mboard_media .mboard_media_inner .mmedia .media_area {height:300px;}
.mperf .mperf_inner .eel_ctl,
.today_liter .ee_left .eel_ctl {    font-size: 2em;}


.today_liter .ee_right .mbrl_list {height:auto;}
.mboard_media .mboard_media_inner .mmedia .mv_list iframe {height:300px;}
.mboard_media .board_wrap {gap:10px 10px;}
.mviusal_wp .mct.innew_wrap .mct_inner {padding:10px 0px 0px 0px;}
.mviusal_wp .mct.innew_wrap .mct_inner .mct_link1 .mctl1_btn {
    top: 115px;
    left: 125px;
}


.mviusal_wp .mct .mct_inner .mct_link4 .mctl4_txt, .mviusal_wp .mct .mct_inner .mct_link2 .mctl2_txt, .mviusal_wp .mct .mct_inner .mct_link1 .mctl1_txt {
    left: 125px;
    top: 15px;
}

.mviusal_wp .mct .mct_inner .mct_link1 .mctl1_pic,
.mviusal_wp .mct .mct_inner .mct_link4 .mctl4_pic,
.mviusal_wp .mct .mct_inner .mct_link2 .mctl2_pic {
	position: absolute;
	left: 0;
	top: 15px;
}
.today_liter .ee_left .eel_txt,
.today_liter .ee_left .eel_tl {display:none;}
.today_liter .ee_right .mbrl_list {margin-top:1px;}
.today_liter .ee_right .mbrl_list {padding-top:10px; padding-bottom:10px;}
.mboard_media .mboard_media_inner .mmedia .media_list_btn {bottom:0px; font-weight:600;}
}







/************************************
footer
***********************************/
#footer {
	width: 100%; overflow:hidden;
	padding:30px 0px;
	position: relative;
	background: #3f3f3f;
}
#footer .ft_inner {
	position: relative;
	margin: 0 auto; display:flex;
}

#footer .ft_inner .ft_logo { flex-basis:200px; }
#footer .ft_inner .ftwrap {flex:1; flex-direction:column; overflow:hidden; }
#footer .ft_inner .ft_menu { width:100%; display:flex; padding-bottom:10px;
}
#footer .ft_inner .ft_menu li {
	padding-right: 27px; 
}
#footer .ft_inner .ft_menu li a {
	color: #f6f6f6;
	font-size: 1.15em;
}
#footer .ft_inner .ft_menu li a:hover {
	color: #fff;
}
#footer .ft_inner address {
	color: #bababa;
	font-size: 1.15em;
}
#footer .ft_inner address span {
	margin-left: 15px
}
#footer .ft_inner .ft_copyr {
	color: #bababa; padding-top:10px;
	font-size: 0.95em;
	letter-spacing: 0.05em
}


#footer .ft_inner .ft_sel {
	width: 280px;
}





#footer .ft_inner .ft_sel .ft_sel_st {
	padding: 10px;
	border: none;
	background: #fff;
	width: 100%;
	font-family: 'Montserrat', 'NanumSquare', '돋음';
	font-size: 1.2em;
	color: #666;
}
#footer .ft_inner .ft_sel .ft_sel_st option {
	color: #555;
	font-size: 0.95em;
	padding: 4px 0;
}
div#groupfooter div.sel {
	width: 200px;
	float: right;
	margin-top: 10px;
}
div#groupfooter div.sel select#selectsite {
	float: left;
}
div#groupfooter div.sel select {
	width: 160px;
	height: 20px;
}
div#groupfooter div.sel a {
	float: right;
}
@media only screen and (max-width: 1150px) {
#footer .ft_inner .ft_sel {width:200px !important;}
}

@media only screen and (max-width: 1023px) {
#footer .ft_inner address span {display:block; margin-left:0 !important;}
}

@media only screen and (max-width: 880px) {
#footer .ft_inner .ft_logo{flex-basis: 170px !important;}
#footer .ft_inner .ft_sel {width:180px !important;}
	#footer .ft_inner .ft_menu li {  padding-right: 6px !important;}
#footer .ft_inner .ft_sel .ft_sel_st {
    padding: 10px;
    font-size: 1em;}
}


@media only screen and  (max-width: 767px) {
#footer .ft_inner {flex-direction:column;}
#footer .ft_inner .ft_logo{flex-basis: 100% !important; text-align:center;}
#footer .ft_inner .ft_logo img {height:27px;}

#footer .ft_inner .ftwrap {text-align:Center; }
#footer .ft_inner .ft_menu {padding-top:20px; justify-content: center ; text-align:center}
#footer .ft_inner .ft_sel {padding:20px 20px; width:100% !important;  box-sizing:border-box; text-align:center;}
 #footer address ,
	 #footer .ft_copyr{padding-left:10px; padding-right:10px; text-align:center; }
	#footer .ft_inner .ft_menu li {  padding-right: 3px !important;}
#footer .ft_inner .ft_sel .ft_sel_st { width:100%; height:40px; line-height:40px; border-radius:0px !important;}
}


/* 작은 모바일 스타일 - 화면 너비 480px 미만 */
@media only screen and (max-width: 479px) {

#footer .ft_inner address,
#footer .ft_inner .ft_menu li a { font-size:13px}
#footer .ft_inner .ft_menu li a  {font-}



}


/************************************
기증기탁자
***********************************/

@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');

.nanum-myeongjo-regular {
  font-family: "Nanum Myeongjo", serif;
  font-weight: 400;
  font-style: normal;
}


        .donation_wrap04 { width:100%; }
        .donation_wrap04 .section2 { border-radius:0px; color:#fff; text-align:center;
		background:#aa927d; padding:70px 40px; box-sizing:border-box; margin-bottom:30px;}

        .donation_wrap04 .section2  .title2 {text-align:center;  font-weight:600;
		font-size:34px; line-height:47px; font-family: "Nanum Myeongjo", serif;}

        .donation_wrap04 .section2  .subtitle2 {font-size:17px; line-height:40px; color:#222; letter-spacing:10px;}

        .donation_wrap04 .section2 h4 {font-size:14px; display:inline-block; color:#222; margin-bottom:30px;
		line-height:36px; border-top:1px solid #222; border-bottom:1px solid #222;}

        .donation_wrap04 .names2 { display:flex; flex-wrap:wrap; padding:30px 0px;}
        .donation_wrap04 .names2 div {flex:1 1 16%;}



        .donation_wrap04  div {font-size:21px;  font-weight:600; line-height:26px; padding:10px 0px;}
        .donation_wrap04  h5 {font-size:15px; line-height:22px}
        .donation_wrap04 h6 {font-size:13px; line-height:21px; padding-top:10px; color:#222;}

        .donation_wrap04 .inner_wrap {box-sizing:border-box; padding:10px 30px;  margin-top:0px;
		display:flex; flex-wrap:wrap;}
        .donation_wrap04 .inner_wrap .year2,
		 .donation_wrap04 .inner_wrap  .names2 div {font-size:17px; line-height:24px;}

    .donation_wrap04 .inner_wrap .year2 {color:yellow;  padding-top:0px; text-align:left; width:120px;}

    .donation_wrap04 .inner_wrap .names2 {flex:1;  text-align:left; padding:0;}
    .donation_wrap04 .inner_wrap .names2 div {padding:0px; padding-bottom:10px; flex: 0 1 100px;}




@media only screen and (max-width: 1150px) {
}

@media only screen and (max-width: 1023px) {
}

@media only screen and (max-width: 880px) {

}


@media only screen and  (max-width: 767px) {

        .donation_wrap04 .section2 {padding:40px 20px;}
        .donation_wrap04 .section2  .title2 {
		font-size:32px; line-height:41px; }
        .donation_wrap04 .names2 div {flex:1 1 30%;}
    .donation_wrap04 .inner_wrap .names2 div { flex: 0 1 100px;}




}


/* 작은 모바일 스타일 - 화면 너비 480px 미만 */
@media only screen and (max-width: 479px) {
        .donation_wrap04 .section2 {padding:40px 20px;}
        .donation_wrap04 .section2  .title2 {font-size:28px; line-height:31px; }

        .donation_wrap04 .section2 { padding:40px 10px; }
        .donation_wrap04 .section2  .subtitle2 {font-size:15px;}
        .donation_wrap04 .names2 { padding:25px 0px;}
        .donation_wrap04 .names2 div {flex:1 1 33%;}

        .donation_wrap04  div {font-size:18px; line-height:24px; }

    .donation_wrap04 .inner_wrap .year2 { width:80px;}

    .donation_wrap04 .inner_wrap .names2 div {padding:0px; padding-bottom:10px; flex: 0 1 80px;}




}





/************************************
구성원
***********************************/
.or_img {display:flex;  flex-wrap:wrap; padding:30px 0px;justify-content: space-between;}
.or_img {}

.ct_txt15 {text-align:center; padding:50px 10PX;  position:relative;font-size:20px; line-height:40px;}
.ct_txt15:before {content:''; position:absolute; top:30px; left:50%;
transform:translateX(-50%); width:80px; height:1px; background:#a5272f}



@media only screen and  (max-width: 767px) {

.or_img P { width:50%; text-align:center; padding-bottom:30px;}
.or_img P  img {max-width:100%;}


}


/* 작은 모바일 스타일 - 화면 너비 480px 미만 */
@media only screen and (max-width: 479px) {
.or_img P  img {max-width:90%;}

.ct_txt15 {font-size:17px; line-height:26px;}






}


/************************************

문학로드

***********************************/
.road_list_wrapin {overflow:hidden;  padding:30px 0px; position:relative}

.road_list_wrapin .icon_absolute1 {position:absolute; top:0px; right:50px;}
.road_list_wrapin .icon_absolute1 img {width:80px;}

.road_list_wrapin .icon_absolute2 {position:absolute; top:450px; left:44%; z-index:2;}
.road_list_wrapin .icon_absolute2 img {width:110px;}

.road_list_wrapin .icon_absolute3 {position:absolute; top:100px; left:50%; margin-left:-20px; z-index:2;}
.road_list_wrapin .icon_absolute3 img {width:120px;}


.road_list_wrapin .icon_absolute4 {position:absolute; bottom:120px; left:150px; z-index:2;}
.road_list_wrapin .icon_absolute4 img {width:105px;}



.road_list_wrapin .inner{float:left;  position:relative; z-index:1; margin-top:30px; box-sizing:border-box;  position:relative; border-style:solid; border-width:4px;
padding:40px 40px;/*  background:#eee;  */overflow:hidden; width:calc(50% - 15px);}
.road_list_wrapin .inner:nth-child(2n) {float:right;}
.road_list_wrapin .inner:nth-child(2) {margin-top:170px;}


.road_list_wrapin .inner h2 a { background:rgba(0,0,0,0.4); color:#fff; position:absolute; 
border-radius:20px; font-size:14px; line-height:33px; padding:0px 15px;
top:45px; right:40px;}
.road_list_wrapin .inner h3 {display:block !important;  font-size:15px !important; line-height:22px;  font-weight:normal;
padding-top:20px;}



.road_list_wrapin .inner:nth-child(1) h3 {color:#df1717;}
.road_list_wrapin .inner:nth-child(2) h3 {color:#ea9d09; }
.road_list_wrapin .inner:nth-child(3) h3 {color:#3abf09; }
.road_list_wrapin .inner:nth-child(4) h3 {color:#13910f; }
.road_list_wrapin .inner:nth-child(5) h3 {color:#04937f; }
.road_list_wrapin .inner:nth-child(6) h3 {color:#303295; }
.road_list_wrapin .inner:nth-child(7) h3 {color:#8732a6; }
.road_list_wrapin .inner:nth-child(8) h3 {color:#5b1c7d; }

 .road_list_wrapin .inner:nth-child(1) { border-color:#fd804f }
 .road_list_wrapin .inner:nth-child(2) { border-color:#f2bb74 }
 .road_list_wrapin .inner:nth-child(3) { border-color:#9fee83 }
 .road_list_wrapin .inner:nth-child(4) { border-color:#57827e }
 .road_list_wrapin .inner:nth-child(5) { border-color:#4fb3b3 }
 .road_list_wrapin .inner:nth-child(6) { border-color:#446cb9 }
 .road_list_wrapin .inner:nth-child(7) { border-color:#8d3bc6}
 .road_list_wrapin .inner:nth-child(8) { border-color:#50499f }



 .road_list_wrapin .inner:nth-child(1) h2 a { background:#fd804f }
 .road_list_wrapin .inner:nth-child(2) h2 a { background:#f2bb74 }
 .road_list_wrapin .inner:nth-child(3) h2 a { background:#9fee83 }
 .road_list_wrapin .inner:nth-child(4)  h2 a{ background:#57827e }
 .road_list_wrapin .inner:nth-child(5) h2 a { background:#4fb3b3 }
 .road_list_wrapin .inner:nth-child(6)  h2 a{ background:#446cb9 }
 .road_list_wrapin .inner:nth-child(7) h2 a { background:#8d3bc6}
 .road_list_wrapin .inner:nth-child(8) h2 a { background:#50499f }





.road_list_wrapin .inner h2  img{width:80%;}
.road_list_wrapin .inner .step_area,
.road_list_wrapin .inner .time_area {  padding-left:50px; overflow:hidden;  width:100%; 
word-break:word-break; 
box-sizing:border-box; font-size:15px; line-height:26px; padding-top:20px;}

.road_list_wrapin .inner .step_area{
background:url('../../images/courseicon2.png') no-repeat  left 18px;   background-size:auto 32px;}
.road_list_wrapin .inner .time_area {
background:url('../../images/timeicon2.png') no-repeat  left 18px;   background-size:auto 32px;}





@media only screen and  (max-width: 640px) {

.road_list_wrapin .inner{ margin-top:20px; border-width:3px;
padding:30px; width:100%;}
.road_list_wrapin .inner:nth-child(2) {margin-top:20px;}

.road_list_wrapin .icon_absolute1 {right:0px;}
.road_list_wrapin .icon_absolute1 img {width:40px;}
.road_list_wrapin .icon_absolute3,
.road_list_wrapin .icon_absolute2 {display:none}

.road_list_wrapin .icon_absolute4 {position:absolute; bottom:0px; left:250px; z-index:2;}
.road_list_wrapin .icon_absolute4 img {width:65px;}




}


/* 작은 모바일 스타일 - 화면 너비 480px 미만 */
@media only screen and (max-width: 479px) {
.ctn_tl { padding-left:0px; padding-right:0px !important;   display:block;  letter-spacing:-1px;
margin-left: 0px !important; background-position:top left; width:100% !important;  box-sizing:border-box;} 
.path_wp {display:none}

		}






/************************************

대관신청 1

***********************************/
.survey_wp td input{ line-height:40px; height:40px;}
.survey_wp td .don_req_btn {width:110px; text-align:center;}
.survey_wp.intn colgroup {display:none}




@media only screen and  (max-width: 640px) {
.survey_wp.intn tr{display:flex; flex-wrap:wrap;}
.survey_wp.intn tr th {width:30%; padding-top:21px;}
.survey_wp.intn tr td {width:70%;}
.survey_wp.intn tr td:last-child,
.survey_wp td .don_req_btn{width:100%;}



}


/* 작은 모바일 스타일 - 화면 너비 480px 미만 */
@media only screen and (max-width: 479px) {


		}


/************************************

대관신청 2

***********************************/
.cal_day div,
.calendar_wrap ul li {float:none;}
.cal_day,
.day_week {display:flex; flex-wrap:wrap; width:100%;}

.day_week li {width:auto;  flex: 1; }
.cal_day  > div {width:calc(100% / 7); box-sizing:border-box; overflow:hidden;}

.calendar_wrap { 
 margin-top:40px;
}
.
.mobiletable, .calendar_wrap {position: relative;  width:100%; }

.mobiletable{   margin-top:20px;  width:100%;}
.mobiletable table {min-width:800px; margin-top:0px !important;}
.mobiletable table caption{height:0}
.mobiletable .scroll-message-top,
.calendar_wrap .scroll-message {
    display: none;  position: sticky;
            top: 0; left:0;
    padding:10px !important; width:100%; color:#a5272f; margin-bottom:10px;
	box-sizing:border-box;
 font-size:14px;  border-radius:3px; background:#fbf0f0;
text-align:left; 

}

.mobiletable .scroll-message-top {padding:0px;}

.mobile-block{display:none}



@media screen and (max-width: 800px) {

.mobiletable {border-top:0px;}
.mobile-none{display:none}
.mobile-block{display:block;}
.mobile-block ul{background:#fafafa; border:1px solid #eee; padding:20px; margin-top:10px}
.mobile-block ul li{font-size:14px; line-height:1.4; padding-left:8px; position:relative}
.mobile-block ul li::before{content:''; display:block; width:3px; height:3px; background:#000; position:absolute; top:9px; left:0; border-radius:10px}
.mobile-block ul li:nth-child(n+2){margin-top:10px;}
.mobile-block ul li b{font-weight:700; font-size:16px; color:#000; display:inline-block; margin-bottom:3px}
.mobile-block ul li dl{display:flex; flex-flow:column}
.mobile-block ul li dd{padding-left:15px; position:relative; display:inline-block;}
.mobile-block ul li dd::before{content:'※'; display:inline-block; font-size:13px; position:absolute; top:0; left:0}
.mobile-block ul li dd:nth-child(n+2){margin-top:3px;}

.mobiletable .scroll-message-top,
.calendar_wrap .scroll-message {display:block;   } 
.mobiletable { overflow-x:scroll !important;}

.cal_day div {padding: 10px;}
.cal_day div p {padding:7px 5px 5px; margin-top:5px; border-radius:5px; position: initial; font-size:13px; line-height:1.2;  font-weight:500; word-break: break-all;}
.cal_day div p a{font-size:13px; line-height:1.2;  font-weight:500; word-break: break-all;}
.cal_day, .day_week {width:100%; max-width:100%;}

}


@media only screen and  (max-width: 1023px) {

.cal_title {height:auto !important; display:flex; flex-wrap:wrap;}
.cal_title img {max-width:90%;}
.st_month {flex:1; display:flex;flex-wrap:nowrap;}
.cal_month {float:none; display:flex; width:100%; flex-wrap:nowrap;}
.cal_month li {flex-basis:30px;}
.cal_month .st_month {flex:1; text-align:center; justify-content: center;}
.st_desc1 {width:100%;  border-top:1px solid #ddd; position:static; padding:13px 0px; text-align:Center;}


.survey_wp {padding: 50px 20px 0 20px;}
.survey_wp .survey_docu .surd_top_txt {
  font-size:29px;
}






}
@media screen and (max-width: 800px) {

.survey_wp td input[type='text']{width:100% !important;}
.survey_wp .survey_docu {padding: 30px 20px;}
.survey_wp td input[name='tel1'],
.survey_wp td input[name='tel2'],
.survey_wp td input[name='tel3']{width:calc(33% - 9.6px) !important;}
.survey_wp td input[name='count']{width:calc(100% - 20px) !important; margin-right:5px;}
.survey_wp td input[name='inEndDate'],
.survey_wp td input[name='inStartDate']{width:calc(50% - 40px) !important; margin-right:5px;}

.survey_wp td input[name='inEndDate']{margin-left:5px;}
.survey_wp td input[name='startDate'],
.survey_wp td input[name='endDate']{width:calc(50% - 40px) !important; margin-right:5px; margin-bottom:10px;}
.survey_wp td input[name='period']{width:calc(100% - 55px) !important;  margin-left:2px; margin-right:2px;}
.survey_wp label {font-size:14px; line-height:20px !important;}


}




/* 작은 모바일 스타일 - 화면 너비 600px 미만 */
@media only screen and (max-width: 600px) {
.survey_wp { padding-top:10px; padding-left:5px; padding-right:5px;}
.survey_wp .survey_docu {padding: 20px 10px;}
.board_write_wp1 {margin-top:20px;}
.survey_wp .survey_docu .surd_top_txt {font-size:21px; margin-top:20px;}
}



@media screen and (max-width: 420px) {
	.mobile-block ul{padding:15px; }
	.mobile-block ul li{font-size:13px; }
	.mobile-block ul li b{font-size:15px;}
	.mobile-block ul li dd{padding-left:13px;}
	.mobile-block ul li dd::before{font-size:11px; top:2px;}

}




/************************************

단체관람

***********************************/
.req_bottom {	position: relative; flex-wrap:wrap;	display:flex;	margin-top: 50px;box-sizing: border-box; margin-bottom:70px}
.req_bottom .rb_left {width: 300px;}
.req_bottom .rb_left .rbl_txt1 {font-weight:bold;	font-size: 22px;	color: #333;	letter-spacing: -0.05em;	line-height: 1.4;}
.req_bottom .rb_left .rbl_txt1 .col1 {color: #a5272f;}
.req_bottom .rb_left .rbl_txt2 {	margin-top: 10px; color: #999; font-size: 15px; line-height:1.4; 	letter-spacing: -0.03em;}
.req_bottom .rb_right {display:flex; box-sizing:border-box;  justify-content: space-between; text-align: center; align-items: center; width: calc(100% - 300px); padding-left: 30px;}
.req_bottom .rb_right  a {width:49%; }
.req_bottom .rb_right a.go_btn {font-size:18px; line-height:60px; height:60px;  text-align:Center; padding:0 5px;	background: #a5272f; border: 1px solid #a5272f; text-align: center; color: #fff; 	border-radius: 100px; font-weight: bold; box-sizing: border-box; text-decoration: none;}
.req_bottom .rb_right1 a.go_btn:hover, .req_bottom .rb_right2 a.go_btn:hover {background: #333;	border: 1px solid #333;}



.process-container {
    display: flex; padding-top:40px; padding-bottom:20px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.process-container .process-step {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(20% - 34px); 
    padding-top:calc(20% - 34px); 
    border: 2px solid #a52a2a;
    border-radius: 50%;
    position: relative;
    text-align: center;
    box-sizing: border-box;
}

.process-container .process-step .content {
    position: absolute;
    top: 0%;
    left: 50%; width:100%;
    transform: translate(-50%, 0%);
	padding-top:19px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.process-container .process-step .circle {
    font-size: 21px;
	font-weight:600;
    color: #333
}

.process-step .red-square { width: 4px;   height: 4px;  background-color: #a52a2a; margin: 10px 0;}
.process-container .process-step p {
    margin: 5px 0 0; 
    color: #a52a2a;
	font-size:16px; 
    line-height: 1.4;
}

.process-container .process-arrow { font-size: 24px;  color: #a52a2a;  width:30px; box-sizing:border-box; text-align:center;}




.reservation-step-wrap { padding-top:30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.reservation-step-wrap  .process-step {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    margin: 10px;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    background-color: #f0f0f0;
}




.reservation-step-wrap  .process-step.active {
    background: #a52a2a;
    color: white;
}

.reservation-step-wrap  .content {
    display: flex;  
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.reservation-step-wrap  .content  p:nth-child(1) {font-size:15px; line-height:23px;}
.reservation-step-wrap  .content  p:nth-child(2) {font-size:17px; font-weight:600; line-height:24px; padding-top:10px;}



.reservation-step-wrap  .process-arrow {
    font-size: 24px; font-weight:600;
    color: #aaa; transform:scale(1, 1.5);
    margin: 0 30px;
}

.reserve_desc li {overflow:hidden; padding:3px 0px 3px 10px;}
.wrap_time {position:fixed; height:auto !important; top:50%; left:50%;   padding-bottom:20px; width:85%; max-width:450px; transform:translate(-50%, -50%)}
.reserve_desc li input,
.reserve_desc li .inupt_person01 {box-sizing:border-box;}
.reserve_desc li input{border:1px solid #ccc;}
 


@media only screen and  (max-width: 1023px) {

.process-container .process-step {
  width:150px;
  padding-top: 150px;
}

}

@media only screen and (max-width: 767px) {
.req_bottom {margin-top: 30px;margin-bottom:40px}
.req_bottom .rb_left {border-right: none;width: 100%}
.req_bottom .rb_left .rbl_txt1 {font-size: 20px; text-align:center;}
.req_bottom .rb_left .rbl_txt2 {text-align:center;}
.req_bottom .rb_right {width: 90%; margin:0 auto; padding-left: 0px;}
.req_bottom .rb_right a.go_btn {font-size: 17px; line-height: 55px; height: 55px;}


#appform_table textarea {width:100% !important;  box-sizing:border-box; }



.reservation-step-wrap { padding-top:30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.reservation-step-wrap  .process-step {
    width: 140px;
    height: 140px;
}

.reservation-step-wrap  .content  p:nth-child(1) {font-size:14px; line-height:21px;}
.reservation-step-wrap  .content  p:nth-child(2) {font-size:16px;  line-height:21px; }
.reservation-step-wrap  .process-arrow {
    font-size: 14px;
    margin: 0 10px;
}


}



@media (max-width: 600px) {

#reserve_time {float:none; width:100%;  margin:0; height:auto; padding:10px 20px; gap:10px 30px; box-sizing:border-box; display:flex; flex-wrap:wrap;}
#reserve_time li {flex: 0 1 calc(33% - 20px); box-sizing:border-box;overflow:hidden;
height:auto;  margin:0;  float:none; padding:0px 0px;}
#reserve_time li  a {line-height:19px !important; }

.desc_wrap {width:100%; overflow:hidden; padding:10px 20px; box-sizing:border-box;}

.reserve_desc li{padding-left:10px; background-position:left 10px;}
   .process-container .process-arrow {
        display: none;
    }
  .process-container   .process-container { gap: 17px  }
   .process-container  .process-step {
        margin: 10px 0;
    }


.reservation-step-wrap .process-step {margin:10px 5px;}
.reservation-step-wrap  .content  p:nth-child(1) {font-size:12px; line-height:17px;}
.reservation-step-wrap  .content  p:nth-child(2) {font-size:13px;  line-height:18px; }
.reservation-step-wrap  .process-arrow {margin: 0 3px;}

.reservation-step-wrap .content p:nth-child(2) {display:none}
.reservation-step-wrap .active .content p:nth-child(2) {display:block}

.reservation-step-wrap  .process-step.active {
    width: 120px;
    height: 120px;
}

.reservation-step-wrap  .process-step {
    width: 60px; height: 60px;}
#appform_table {overflow:hidden; width:100%;}
#appform_table table td input[type='text'] {width:100%;}

#appform_table table td.sort_wrap02 input[type='text'] {width:calc(100% - 100px);}

td.sort_wrap02{display:flex; flex-wrap:wrap; box-sizing:border-box;}
td.sort_wrap02 input{}
td.sort_wrap02 label { width:calc(100% - 30px); }






}



/* 작은 모바일 스타일 - 화면 너비 480px 미만 */
@media only screen and (max-width: 479px) {
		.req_bottom {margin-top: 20px;margin-bottom:30px}
		.req_bottom .rb_left .rbl_txt1 {font-size: 18px;}
		.req_bottom .rb_left .rbl_txt2 {font-size: 14px; }
		.req_bottom .rb_right {width: 100%; flex-flow:column; }
		.req_bottom .rb_right  a {width:100% }
		.req_bottom .rb_right  a:nth-child(n+2){margin-top:5px;}
		.req_bottom .rb_right a.go_btn {font-size:16px; line-height:50px; height:50px;  }


		.process-container .process-step p {font-size:14px; }
		.process-container .process-step {width:147px; margin:2px 2px; padding-top: 147px;}
}




/************************************

단체관람안내

***********************************/

 



.req_inp_info {
	position: relative; box-sizing:border-box; text-align:Center;
	margin-top: 50px; overflow:hidden;
	border: 1px solid #e8e8e8;
	box-sizing: border-box;
	padding: 50px 40px 50px 40px;
}
.req_inp_info .rii_t1 {
	font-size: 1.5em;
	font-weight: bold;
	color: #333;
	text-align: center;
}
.req_inp_info .rii_t2 {
	font-size: 1.2em;
	color: #888;
	text-align: center;
}
.req_inp_info .rii_box { justify-content: stretch;
	position: relative; overflow:hidden; display:flex; width:96%;
	margin-top: 20px; max-width:500px; margin-left:auto; margin-right:auto; 
}
.req_inp_info .rii_box .inril {flex:1; padding-right:20px; overflow:hidden;}
.req_inp_info .rii_box .inril div {display:flex;}
.req_inp_info .rii_box .inril div.inp_name {padding-bottom:10px;}


.req_inp_info .rii_box .inril div span {
	font-size: 1.2em;
	color: #333; width:100px;
	font-weight: bold; text-align:left;
}

.req_inp_info .rii_box .inril div input {
flex:1;
}


.req_inp_info .rii_box .inp_btn .req_ch_btn {
	width: 135px;
	text-align: center; height:100%;
	border: none;
	color: #fff;
	background: #a5272f;
	cursor: pointer;
	font-weight: bold;
	font-size: 1.5em;
	box-sizing: border-box;
}

.req_inp_info .rii_box .inp_btn .req_ch_btn:hover {
	background: #8b1c23;
	color: #fff000;
	text-decoration: none;
}





/* 데스크탑 스타일 - 화면 너비 1024px 이상 */
@media only screen and (min-width: 1024px) {

}

/* 태블릿 스타일 - 화면 너비 768px 이상 1024px 미만 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {

}

/* 모바일 스타일 - 화면 너비 480px 이상 768px 미만 */
@media only screen and  (max-width: 767px) {



.appoint_list  {border:none; }
.appoint_list colgroup {display:none}
.appoint_list  tbody { display:flex; flex-wrap:column; flex-wrap:wrap; gap: 10px 0px;}
.appoint_list thead {display:none}
.appoint_list tbody tr { display:flex;  flex-wrap:wrap; width:100%;  
border:1px solid #ddd; box-sizing:border-box; padding:10px; }
.appoint_list tbody tr td {width:100%;  line-height:26px; display:flex; box-sizing:border-box; border:none; border-top:1px solid #ddd;}
.appoint_list tbody tr td:before {width:100px; background:#eee; margin-right:10px;}
.appoint_list tbody tr td:nth-child(1) {border:none}
.appoint_list tbody tr td:nth-child(1):before {content:'번호';}
.appoint_list tbody tr td:nth-child(2):before {content:'신청일자';}
.appoint_list tbody tr td:nth-child(3):before {content:'신청자';}
.appoint_list tbody tr td:nth-child(4):before {content:'작성일자';}
.appoint_list tbody tr td:nth-child(5):before {content:'상태';}





.req_inp_info .rii_box {flex-direction:column; gap:10px 0px;}
.req_inp_info .rii_box .inril { width:100%; padding-right: 0px;}

.req_inp_info .rii_box .inp_btn .req_ch_btn {width: 100%; padding:10px 0px;}

}

/* 작은 모바일 스타일 - 화면 너비 480px 미만 */
@media only screen and (max-width: 479px) {
.req_inp_info {padding-left:30px; padding-right:30px;}

}




/************************************

대구문학로드 신청

***********************************/


.newwrapiconin {position:relative;}
.newwrapiconin .icon_absolute11 {position:absolute; top:0px; right:50px; display:none}
.newwrapiconin .icon_absolute11 img {width:80px;}
.newwrapiconin .icon_absolute22 {position:absolute; top:230px; left:460px; z-index:2; }
.newwrapiconin .icon_absolute22 img {width:95px;}
.newwrapiconin .icon_absolute33 {position:absolute; top:900px; right:0px; z-index:3; }
.newwrapiconin .icon_absolute33 img {width:122px;}
.newwrapiconin .icon_absolute44 {position:absolute; top:360px; right:70px; z-index:2;  }
.newwrapiconin .icon_absolute44 img {width:95px;}



@media only screen and (max-width: 1023px) {

.newwrapiconin .icon_absolute22,
.newwrapiconin .icon_absolute33,
.newwrapiconin .icon_absolute44{display:none}




}

/* 태블릿 스타일 - 화면 너비 768px 이상 1024px 미만 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {

}
/* 모바일 스타일 - 화면 너비 480px 이상 768px 미만 */
@media only screen and  (max-width: 767px) {
}

/* 작은 모바일 스타일 - 화면 너비 480px 미만 */
@media only screen and (max-width: 479px) {

}






/************************************

이메일 무단수집거부

***********************************/
.EmailBox2 p {text-align:center; padding-top:20px;}
.EmailBox2  h2 {text-align:center; color:#000; font-size:20px; line-height:37px; padding:30px 0px; margin-bottom:30px;}
	.EmailBox2  h2 strong {color:red;}
.EmailBox2  dl  {box-sizing:Border-box; background:#f3f3f3; border:1px solid #ddd; padding:40px 40px;  overflow:hidden;}
	.EmailBox2  dl  dt {font-size:18px; font-weight:700;  color:#000; line-height:30px; padding-bottom:10px;}
	.EmailBox2  dl  dd li {padding:3px 0px;font-size:15px; line-height:23px;}



/* 데스크탑 스타일 - 화면 너비 1024px 이상 */
@media only screen and (min-width: 1024px) {

}

/* 태블릿 스타일 - 화면 너비 768px 이상 1024px 미만 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {

}
/* 모바일 스타일 - 화면 너비 480px 이상 768px 미만 */
@media only screen and  (max-width: 767px) {
.EmailBox2  h2 {text-align:center; color:#000; font-size:17px; line-height:28px; padding:20px 0px; ;}
.EmailBox2  dl  {padding:20px 20px; }
	.EmailBox2  dl  dt {font-size:17px; }
	.EmailBox2  dl  dd li {font-size:14px; line-height:21px;}




}

/* 작은 모바일 스타일 - 화면 너비 480px 미만 */
@media only screen and (max-width: 479px) {

}




@media only screen and (max-width: 767px) {
    .nobr br {  display: none;   }
    .nobr br::before {
        content: " "; 
        display: inline;
    }

    }







/************************************

시설안내

***********************************/


.facl_top { box-sizing:border-box; display:flex;
	width: 100%; 
	flex:wrap;
}

.facl_top .ft_txt {
	font-family: 나눔명조, Nanum Myeongjo;
	font-size: 3.0em;
	line-height: 1.3;
	color: #222; flex:1;
	
}
.facl_top .facl_tab {
	width: 300px; 
}
.facl_top .facl_tab .ftab {
	width:100%; display:flex;
}
.facl_top .facl_tab .ftab li {
flex :1 1 auto;
}
.facl_top .facl_tab .ftab li a {
	display: block;
	padding: 30px 20px; text-align:Center;
	box-sizing: border-box;
	font-family: 'Montserrat', 'Nanum Square', '돋음';
	font-size: 2.0em;
	color: #fff;
}


.facl_top .facl_tab .ftab li a.t1 {
	background: #a5272f; color:#fff;

}
.facl_top .facl_tab .ftab li a.t2 {
	background: #e8e8e8;
	color: #555
}

.floor_desc {font-size:0.9rem; color:#F00; margin-top:1rem}


.floor_desc_detail_wrap {overflow:hidden; display:flex; box-sizing:border-box;  flex-direction:column; padding:20px 0px; gap:10px 0px;}
.floor_desc_detail_wrap .innerwrap {border-top:1px solid #ddd;  width:100%;  overflow:hidden; display:flex;
box-sizing:border-box; padding:30px 0px;}

.floor_desc_detail_wrap .innerwrap:nth-child(1) {border-top:none}
.floor_desc_detail_wrap .innerwrap p {width:260px;}
	.floor_desc_detail_wrap .innerwrap p img {width:100%;}

.floor_desc_detail_wrap .innerwrap dl {flex:1; box-sizing:border-box; padding-right:40px;}
	.floor_desc_detail_wrap .innerwrap dl dt {font-size:18px; line-height:30px; color: #333;  font-weight: 600; padding-bottom:20px;}
	.floor_desc_detail_wrap .innerwrap dl dd{ font-size:15px; line-height:23px;}

		h4.main_tit01 {color:#ff8f2c; font-size:16px; font-weight:600; margin-top:15px; display:inline-block; line-height:30px; 
		padding-right:40px; position:relative; margin-top:40px;}
		h4.main_tit01:before{content:'';  background:#ff8f2c; position:absolute; right:0;
		height:1px; width:25px; top:50%; transform:translateY(-50%)}

		.piece_img {display:flex;  flex-wrap:wrap; justify-content: space-between; overflow:hidden; padding:30px 0px;}




/* 데스크탑 스타일 - 화면 너비 1024px 이상 */
@media only screen and (min-width: 1024px) {

}

/* 태블릿 스타일 - 화면 너비 768px 이상 1024px 미만 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {

}
/* 모바일 스타일 - 화면 너비 480px 이상 768px 미만 */
@media only screen and  (max-width: 767px) {
		.piece_img  {gap:0px; text-align:center;}
		.piece_img img{ max-width:100%; }
		.piece_img  p {width:100%; padding:20px 20px; text-align:center;}

		.piece_img a{width:calc(100%/3 - 10px); text-align:center;}
		.piece_img a:nth-child(n+4){margin-top:15px}
.floor_desc_detail_wrap .innerwrap{flex-flow:column;}
.floor_desc_detail_wrap .innerwrap dl { padding-right:0px; flex: initial; width:100%}
.floor_desc_detail_wrap .innerwrap dl dt { font-size: 18px; line-height: 1.5; padding-bottom: 10px;}
.floor_desc_detail_wrap .innerwrap p{width:100%; display:inline-block; margin-top:15px; box-sizing:border-box;}

.ct_tl4 {font-size: 18px;}
.ct_txt4 {font-size: 15px;}
.ct_tl4.mt_50{margin-top:10px}
.d_list li .d_list_dep1 li{font-size:15px;line-height:1.4}
.d_list li .d_list_dep1 li:nth-child(n+2){margin-top:5px}

.don_bottom .db_left,
.don_bottom .db_right {width:100%;}

}

/* 작은 모바일 스타일 - 화면 너비 480px 미만 */
@media only screen and (max-width: 400px) {
.piece_img a{width:49%; text-align:center;}
.piece_img a:nth-child(n+3){margin-top:15px}

.floor_desc_detail_wrap .innerwrap dl dt { font-size: 16px;}
.floor_desc_detail_wrap .innerwrap dl dd {font-size: 14px; line-height: 1.5}
.d_list li .d_list_dep1 li{font-size:14px}

.ct_tl4 {font-size: 16px;}
.ct_txt4 {font-size: 14px;}
}




@media only screen and (max-width: 767px) {
	 .facl_top .ft_txt {font-size: 26px;  }
    .facl_top .facl_tab .ftab li a { padding: 20px 10px;  font-size: 20px;}
.facl_top .facl_tab {width:140px}

}








/************************************

기본 분기스타일

***********************************/

.sort_wrap02.agewrap {display:flex; box-sizing:border-box;}
.sort_wrap02.agewrap p{flex:0 1 auto; padding-right:16px;}

/* 데스크탑 스타일 - 화면 너비 1024px 이상 */
@media only screen and (min-width: 1024px) {

}

/* 태블릿 스타일 - 화면 너비 768px 이상 1024px 미만 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {

}

/* 모바일 스타일 - 화면 너비 480px 이상 768px 미만 */
@media only screen and  (max-width: 767px) {
.sort_wrap02.agewrap p{flex:0 1 100%; padding-right:0px;}

}

/* 작은 모바일 스타일 - 화면 너비 480px 미만 */
@media only screen and (max-width: 479px) {

}