@charset "utf-8";
@import url(main.css?ver=2024);
@import url(board.css?ver=2024);
@import url(member.css?ver=2024);
@import url(sub.css?ver=2024);
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700);
/* common */
body, input, textarea, select, button {
	font-family: 'NanumSquare', 'Montserrat', '맑은 고딕';
	font-size: 75%;
	line-height: 1.8em;
	color: #777;
	font-weight: normal
}

*{word-break:keep-all}


label {
	cursor: pointer
}
a:link, a:visited {
	text-decoration: none;
}
a:hover, a:focus, a:active {
	text-decoration: underline
}
.wd100per {width:100%;}
img, fieldset {
	border: 0;
}
img {
	vertical-align: top;
}
input, select {
	vertical-align: middle;
}
ul, ol {
	list-style: none;
}
em, address, caption, th {
	font-style: normal;
}
a {
	text-decoration: none;
	color: #777;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
	color: #000;
}
em, cite, address, optgroup {
	font-style: normal
}
kbd, samp, code {
	font-family: monospace
}
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
	margin: 0;
	padding: 0
}
/*font*/
.fontblue {
	color: #18588a;
}
/* skip */
#skipNavigation, .skip, hr, legend, .add {
	position : absolute;
	width : 0;
	height : 0;
	font-size : 0;
	line-height : 0;
	overflow : hidden;
	visibility: hidden;
}
/* .MainBg {
	background: url("../image/common/bg_body_main.gif") repeat-x 0 85px;
}
.SubBg {
	background: url("../image/common/bg_body_sub.gif") repeat-x 0 85px;
} */


/* layout WonJi's */
div#wrap {
	width: 100%;
}
div#header {
	width: 100%;
	height: 93px;
	position: absolute;
	z-index: 200;
}
div#headeris {
	width: 1000px;
	height: 85px;
	margin: 0 auto;
}
div#Maincontainer {
	width: 100%;
	height: 693px;
	margin: 0 auto;
	position: relative;
	top: 85px;
	background: url("../image/main/bg_visual.gif") no-repeat center 0;
}
div#Subcontainer {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
/* header */
div.gnb {
	width: 240px;
	height: 16px;
	float: right;
	padding: 9px 0 0 0;
}
div.gnb ul {
	float: left;
}
div.gnb ul li {
	float: left;
	padding: 2px 0 0 13px;
}
div.gnb span {
	float: right;
}
div.sta {
	width: 148px;
	height: 45px;
	float: left;
	padding: 25px 0 0 4px;
}
div.lnb {
	width: 780px;
	float: right;
	padding: 10px 0 0 0;
	position: relative;
	margin-top: 30px;
}
div.lnb ul li {
	float: left;
	padding: 0 0 0 45px;
}
/*div.lnb ul li{float:left; padding:0 0 0 77px;}*/
div.lnb p {
	position: absolute;
	top: 60px;
	left: 260px;
}
ul.horizontal-dropdown a {
	display: block;
	padding: 10px 0;
}
/*sub nav*/
/*ul.horizontal-dropdown ul {position: absolute; min-width:247px; margin:0; top:47px; left:0; background:url("../image/common/bg_submenu1.gif") no-repeat; overflow:hidden;}*/
ul.horizontal-dropdown ul {
	position: absolute;
	min-width: 247px;
	margin: 0;
	top: 47px;
	left: 0;
	overflow: hidden;
}
ul.horizontal-dropdown ul li {
	background: transparent;
	float: left;
	padding: 0;
}
ul.horizontal-dropdown ul li a {
	position: relative;
	top: 0;
	left: 0;
	color: #fff;
	font-size: 95%;
	letter-spacing: -1px;
	font-weight: bold;
	display: block;
	float: left;
	padding: 10px 7px;
}
ul.horizontal-dropdown ul li a:hover {
	color: #fff001;
	text-decoration: none;
}
/*대구문학소개*/
ul.horizontal-dropdown ul.submenu1 {
	left: 20px;
	background: #000;
	padding-left: 8px;
}
/*문학자료기증ㆍ기탁*/
ul.horizontal-dropdown ul.submenu2 {
	left: 470px;
	padding-left: 8px;
}
/*대구문학아카이브*/
ul.horizontal-dropdown ul.submenu3 {
	left: 170px;
	background: url("../image/common/bg_submenu8_1.gif") no-repeat;
	padding-left: 8px;
}
/*커뮤니티 ul.horizontal-dropdown ul.submenu4{left:540px; background:url("../image/common/bg_submenu6.gif") no-repeat; padding-left:8px;}*/
ul.horizontal-dropdown ul.submenu4 {
	left: 530px;
	background: url("../image/common/bg_submenu6.gif") no-repeat;
	padding-left: 8px;
}
/*교육/행사*/
ul.horizontal-dropdown ul.submenu5 {
	left: 350px;
	background: url("../image/common/bg_submenu7.gif") no-repeat;
	padding-left: 8px;
}


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

SubVisual

***********************************/
#SubVisual {
	position: relative;
	width: 100%;
	height: 150px;
	margin: 0;
}

.sv1 {
	background: url(../images/sv1.jpg) no-repeat center 0 #f4f4f4;
}
.sv2 {
	background: url(../images/sv2.jpg) no-repeat center 0 #f4f4f4;
}
.sv3 {
	background: url(../images/sv3.jpg) no-repeat center 0 #f4f4f4;
}
.sv4 {
	background: url(../images/sv4.jpg) no-repeat center 0 #f4f4f4;
}
.sv5 {
	background: url(../images/sv5.jpg) no-repeat center 0 #f4f4f4;
}
.sv6 {
	background: url(../images/sv6.jpg) no-repeat center 0 #f4f4f4;
}
.sv7 {
	background: url(../images/sv7.jpg) no-repeat center 0 #f4f4f4;
}



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

#SubVisual {
	height: 100px;
}

}



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

#ContWrap

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

#ContWrap {
	margin-left:auto; margin-right:auto;
	position: relative;
	 display:flex;
}
#ContWrap::after {
	content: "";
	display: block;
}


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

	#ContWrap {
	margin-top:-135px;
	}


}

@media only screen and (max-width: 1023px) {
#ContWrap {flex-direction:column}
}



/* 태블릿 스타일 - 화면 너비 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) {

}


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

#left + #content  레이아웃 크기 스타일 잡기

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

#content,
#left {
	box-sizing:border-box; position: relative; overflow:hidden;
}




@media only screen and (min-width: 1235px) {
	#left {	width:250px;}
}

@media only screen and (min-width:1024px) and (max-width: 1234px) {
	#left {	width:190px; }
}

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

	#left {	 border-right:1px solid  #e7e7e7; }
	#content {flex:1;   padding-top:0px; padding-bottom:80px;}
}



@media only screen and (max-width: 1023px) {
	#left { margin-top:-30px; margin-bottom:30px;}
		#content {flex:1;  padding-bottom:50px;}

}



/* 태블릿 스타일 - 화면 너비 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) {

}




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

#left 

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

#left h2 {
	width: 100%;
	height: 140px;
	color: #fff;
	font-weight: normal;
	font-size: 2.0em;
	letter-spacing: -0.05em;
	background: #a5272f;
	padding: 44px 0 0 0;
	text-align: center;
	box-sizing: border-box;
}

#left h2 .en_txt {
	font-size: 0.4em;
	color: rgba(255,255,255,0.5);
	letter-spacing: 0.09em;
	margin-bottom: 5px; 
}
#left h2 .en_txt span {
	color: #989898; 
}

ul#lnb {
	margin-top: 18px;
	box-sizing: border-box;
}
ul#lnb li {
	line-height: 1.3;
	box-sizing: border-box;
	margin: 0 auto;
	box-sizing: border-box;
}

ul#lnb li a,
ul#lnb li a:link,
ul#lnb li a:visited {
	padding: 10px 0;
	display: block;
	color: #777;
	font-size: 1.40em;
	border-color: #ede5e4;
	border-style: none none none none;
	border-width: 0
}
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: #a5272f;
	font-size: 1.40em;
	text-decoration: none;
	font-weight: 800;
	letter-spacing: -0.05em;
}
ul#lnb li ul {
	margin: 0 0 0 0;
	padding: 16px 0 16px 0;
	border-top: 1px solid #e6e6e6;
}



ul#lnb li ul li {
	border-bottom: none;
}

ul#lnb li ul li a {
	padding: 4px 0 4px 36px;
	display: block;
	color: #777;
	font-size: 1.2em;
	font-weight: 400;
	border: none;
	background: none
}
ul#lnb li ul li a:link {
	padding: 4px 0 4px 36px;
	display: block;
	color: #777;
	font-size: 1.2em;
	font-weight: 400;
	border: none;
	background: none
}
ul#lnb li ul li a:visited,
ul#lnb li ul li a:hover,
ul#lnb li ul li a:active,
ul#lnb li ul li a.hover,
ul#lnb li ul li a.hover:link,
ul#lnb li ul li a.hover:visited {
	color: #222;
	font-size: 1.2em;
	font-weight: 700;
	text-decoration: none;
	border: none;
	padding-left: 36px;
}


div.snb {
	float: right; 
	width: 219px;
	height: auto;
	background: url("../image/common/bg_leftmenu.gif") no-repeat right top;
}
div.snb p {
	width: 215px;
	height: 46px;
	padding: 33px 0 0 4px;
}
div.snb ul.Nav {
	width: 208px;
	height: 300px;
}
div.snb ul.Nav li {
	border-bottom: 1px solid #dedede;
	padding: 2px;
}
div.snb ul.Nav li a {
	display: block;
	width: 179px;
	height: 21px;
	padding: 7px 0 0 20px;
	text-decoration: none;
}
div.snb ul.Nav li.on a {
	background: url("../image/common/bg_submenu_on.png") 0 0;
	border: 1px solid #5e75ad;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
div.snb ul.Navnone {
	border-bottom: 0px;
}

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



	ul#lnb li {width: 100%; }
	ul#lnb li ul li a:hover,
	ul#lnb li ul li a:focus,
	ul#lnb li ul li a:active,
	ul#lnb li ul li a.hover,
	ul#lnb li ul li a.hover:link,
	ul#lnb li ul li a.hover:visited {
		background: url(../images/bullet_lnb_dep1.gif) no-repeat 20px center;
	}
ul#lnb li {padding:0px 20px;  }

		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 {
			background: url(../images/bullet_lnb.gif) no-repeat right center;
		}

	}



@media only screen and  (max-width: 1023px) {
	#left {display:flex; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box; 
	position:relative; box-shadow:5px 5px 5px rgba(0,0,0,0.1);  background:#fff;   align-items: stretch;  align-items: center;    }

	 #left  h2 ,  #left ul#lnb {margin-top:0;   box-sizing:border-box; position:relative; z-index:3; }
	#left h2 {
	  display: flex; flex-direction:column;
	  justify-content: center;
	  align-items: center; 
	  width:230px;
	  height: 100%; padding:15px 10px 25px 10px;
	}
	#left ul#lnb {
	  flex: 1; padding:15px 15px;
	  display: flex; flex-wrap:wrap;
	   justify-content: space-between;
	}
	#left ul#lnb li {  padding-left: 16px;
  padding-right: 16px;  }

}


@media only screen and (min-width: 768px) and (max-width: 1023px) {
	#left h2 {background:none; }
#left:before{content:'';position:Absolute; z-index:1; height:100vh; top:0; left:0; width: 230px; background:#a5272f;}
}




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

	#left { margin-top:-80px; flex-direction:column;  }
	#left:before{display:none;}
	#left h2 { width:100%; }

#left h2 {
    font-size: 1.7em; font-weight:600;
	padding:13px 0px;}
	#left ul#lnb li { padding-left:0px; padding-right:0px;}

.ctn_tl {width:auto;    background:none !important; position:relative; text-align:Center; height:auto !important; padding-bottom:10px !important;
text-align:center; display:inline-block; width:100%; margin-left:-40px; padding-top:0px !important; height:auto;}
.ctn_tl:before {content:''; 	background: url(../images/ctn_tl_bullet.png) no-repeat center center;
width:40px; height:40px; margin-right:10px;
display:inline-block; vertical-align:middle;}

.path_wp {display:flex; align-items: stretch;  align-items: center; justify-content: center;  }

#contWarp {padding-top:10px !important}
     #left ul#lnb {
            padding: 0;
            background: #a99294;
            width: 100%;
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            margin: 0;
        }
        #left ul#lnb li .hover {
            background: #a5272f;
        }
        #left ul#lnb li {
            display: flex;
            flex: 1 0 0;
            word-break: break-all;
            border-right: 1px solid rgba(255, 255, 255, 0.2);
            box-sizing: border-box;
        }
        #left ul#lnb li:first-child {
            border-left: none; /* 첫 번째 li 요소의 좌측 경계선 제거 */
        }
        #left ul#lnb li a {
            padding: 13px 0;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%; font-size:15px; line-height:19px;
            text-align: center;
            text-decoration: none;
            height: 100%;
        }
        #left ul#lnb li a:hover {
            background: #a5272f;
        }
ul#lnb li a,
ul#lnb li a:link,
ul#lnb li a:visited {padding: 0px 0; margin:0px; }
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 {font-size:16px; line-height:25px;}

}



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

}







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

#content 

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


.ctn_tl {
	position: relative;
	box-sizing: border-box;
	height: 90px;
	background: url(../images/ctn_tl_bullet.png) no-repeat 40px center;
	padding: 34px 0 0 90px;
	font-size: 2.0em;
	color: #111;
}


.path_wp {
	position: relative;
	box-sizing: border-box;
	height: 50px;
	background: #fff;
	border-bottom: 1px solid #e7e7e7;
}
.path_wp p.home {
	position: relative;
	float: left;
	box-sizing: border-box;
	text-align: center;
	background: url(../images/path_bg.gif) no-repeat right 0;
	height: 50px;
	width: 50px;
	color: #777;
	font-size: 1.3em;
	padding-top: 15px;
}
.path_wp p.p1 {
	position: relative;
	float: left;
	box-sizing: border-box;
	text-align: center;
	background: url(../images/path_bg.gif) no-repeat right 0;
	height: 50px;
	color: #777;
	font-size: 1.2em;
	padding: 14px 15px;
}
.path_wp p.p2 {
	position: relative;
	float: left;
	box-sizing: border-box;
	text-align: center;
	height: 50px;
	color: #a5272f;
	font-size: 1.2em;
	padding: 14px 15px;
}

/* contents */
div#Subcontainer div#content div.path {
	width: 950px;
	height: 40px;
	border-bottom: 1px solid #cfcfcf;
	padding: 24px 0 0 0;
	margin: 0 0 0 18px;
	position: relative
}
div#Subcontainer div#content div.path h3 {
	float: left;
	display: block;
	width: auto;
	height: auto;
	padding: 0 8px 0 0;
	background: url("../image/common/sub_tit_line.gif") repeat-x 0 100%
}
div#Subcontainer div#content div.path p {
	float: right;
	position: absolute;
	top: 10px;
	right: 0;
	height: 10px;
	font: normal 11px 'Dotum';
	letter-spacing: -1px;
	padding: 30px 0 0 16px;
	background: url("../image/common/ico_home.gif") no-repeat 0 30px;
}
div#Subcontainer div#content div.path2 {
	width: 984px;
	height: 40px;
	border-bottom: 1px solid #cfcfcf;
	padding: 24px 0 0 0;
	margin: 0 0 0 18px;
	position: relative
}
div#Subcontainer div#content div.path2 h3 {
	float: left;
	display: block;
	width: auto;
	height: auto;
	padding: 0 8px 0 0;
	background: url("../image/common/sub_tit_line.gif") repeat-x 0 100%
}
div#Subcontainer div#content div.path2 p {
	float: right;
	position: absolute;
	top: 10px;
	right: 0;
	height: 10px;
	font: normal 11px 'Dotum';
	letter-spacing: -1px;
	padding: 30px 0 0 16px;
	background: url("../image/common/ico_home.gif") no-repeat 0 30px;
}



#contWarp {
	width: 100%; 
	padding-top:40px;
	box-sizing: border-box;
}
#contWarp h3 {
	font-size: 0;
}


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

@media only screen and (min-width:1024px) and (max-width: 1234px) {
}

@media only screen and (min-width: 1024px) {
	#contWarp {
		padding-left:50px;
	}


}

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

/* 태블릿 스타일 - 화면 너비 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) {

}




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

이육사소개

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

.tab_wp {
	position: relative; overflow:hidden; background:#fff;}
.tab_wp:before {content:''; z-index:1; position:absolute; bottom:0; left:0; height:1px; width:100%; background:#2d3951}

.tab_wp ul { position:relative; z-index:2;
	overflow: hidden; box-sizing:border-box;
	width: 100%;  display:flex;
  border-left: 1px solid #e6e6e6;
}


.tab_wp ul li { font-size: 1.3em;
	flex: 1 1 auto;  	 line-height:3.6em;
	box-sizing: border-box;
	border: 1px solid #e6e6e6;
	border-left:none;
}

.tab_wp ul li a:hover,
.tab_wp ul li.t_pre {
	border: 1px solid #2d3951; border-bottom:1px solid #fff;
	color: #222;  	font-weight:800;
	text-align: center;
	box-sizing: border-box;
}



.tab_wp ul li a {
	font-size:inherit;
	line-height:inherit; display:block;
	text-align: center;
	border-bottom: none;
	background: #f8f8f8;
	color: #888;
	font-weight:500;
	box-sizing: border-box;
}

.tab_wp ul li a:hover {background: #000; color: #fff; border: none; text-decoration: none;}

.lee-top.mt60{margin-top:60px;}
.lee-txt{font-size: 1.3em; line-height: 1.7; padding: 0;}
.lee-txt b{color:#000; font-size: 1.5em;}
.lee-txt span{display:block; text-align:right; margin-top:30px; font-weight:600; color:#444}
.lee-top .flex{display:flex;  word-break:keep-all; flex-flow:row; justify-content: space-between; align-items:flex-end}



@media only screen and (min-width: 1024px) {
.lee-top img{width:calc(100% - 630px);}
.lee-top p.lee-txt{width:600px;}
}


@media only screen and (max-width: 1023px) {
.lee-top img {width:300px; }
.lee-top p.lee-txt{width:calc(100% - 360px);}

}



/* 모바일 스타일 - 화면 너비 480px 이상 768px 미만 */
@media only screen and  (max-width: 767px) {
	.lee-top img {width:80%; max-width:250px }
	.lee-top p.lee-txt{width:100%; text-align:Center;  padding-top:30px;}
	.lee-top .flex {
		display: flex;
		flex-direction: column-reverse; /* 자식 요소들을 역순으로 세로 배치 */
		align-items: center; /* 자식 요소들을 수평으로 가운데 정렬 */
		justify-content: center; /* 자식 요소들을 수직으로 가운데 정렬 */
			}
       	.lee-top .flex span {text-align:Center;   }
.tab_wp ul li a, .tab_wp ul li { font-size:14px; line-height:45px;}
.lee-txt b { font-size:20px !important; line-height:27px !important;}


}

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

}







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

세부컨텐츠

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




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

@media only screen and (min-width:1024px) and (max-width: 1234px) {
}

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

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

/* 태블릿 스타일 - 화면 너비 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) {

}







/* business */
.Purpose div.purposeDirection {
	margin-top: 40px
}
.break {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pt150 {
	padding-top: 150px;
}
.pt20 {
	padding-top: 20px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb20 {
	padding-bottom: 20px;
}
.pr10 {
	padding-right: 10px;
}
.mt_20 {
	margin-top: 20px;
}
.mt_30 {
	margin-top: 30px;
}
.mt_50 {
	margin-top: 50px;
}
.mb_20 {
	margin-bottom: 20px;
}
.mb_5 {
	margin-bottom: 5px;
}
.ml_30 {
	margin-left: 30px;
}
.mlr_2 {
	margin-left: 2px;
	margin-right: 2px
}
.fs1 {
	font-size: 1.1em
}
/* 2017 */
#nheader {
	position: relative;
	width: 100%;
	height: 130px;
	background:#fff;
background: linear-gradient(180deg, rgba(98,62,73,1) 0px, rgba(98,62,73,1) 40px,  rgba(255,255,255,1) 40px, rgba(255,255,255,1) 100%);

	z-index: 80;
}


#nheader #header_inner {
	position: relative;
	height: 130px;
	margin: 0 auto;
	z-index: 80
}
#nheader #header_inner h1.logo {
	position: absolute;
	left: 0;
	top: 64px;
	width: 171px;
	height: 42px;
}
#nheader #header_inner .ft_cont {
	position: absolute;
	left: 0;
	top: 8px;
	width: 500px
}

#nheader #header_inner .ft_cont img {margin-right:2px; height:23px; vertical-align:middle;}



#nheader #header_inner .ft_cont a.ft_zin, #nheader #header_inner .ft_cont a.ft_zot {
	position: relative;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	padding: 1px 0 0 0;
	text-align: center;
	display: inline-block;
	background: #fff;
	color: #a71b24;
	font-size: 0.85em;
	margin-right: 1px;
	vertical-align: top;
}
#nheader #header_inner .ft_cont a.ft_prt {
	position: relative;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	padding: 1px 0 0 0;
	text-align: center;
	display: inline-block;
	background: #fff;
	color: #222;
	font-size: 1.2em;
	margin-right: 1px;
	vertical-align: top;
}
#nheader #header_inner .ft_cont a.ft_facebook {
	position: relative;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	padding: 1px 0 0 0;
	text-align: center;
	display: inline-block;
	background: #3c5a98;
	color: #fff;
	font-size: 1.2em;
	vertical-align: top;
}
#nheader #header_inner .ngbn {
	position: absolute;
	right: 0;
	top: 7px;
	width: 480px;
	height: 40px;
	text-align: right;
}
#nheader #header_inner .ngbn ul {
	position: relative;
	overflow: hidden;
}
#nheader #header_inner .ngbn ul li {
	display: inline-block;
	margin-left: 10px;
}
#nheader #header_inner .ngbn ul li a {
	display: block;
	color: #e0d8db;
	font-size: 1.1em;
}
#nheader #header_inner .ngbn ul li a:hover {
	color: #fff;
	text-decoration: none;
}
#nheader #header_inner .ngbn ul li a.col1 {
	display: block;
	color: #e0b00f;
	font-size: 1.1em;
}
#nheader #header_inner .ngbn ul li a.col1:hover {
	color: #ffcc00;
	text-decoration: none;
}

.left_common {
	position: relative;
	width: 250px;
	margin-top: 31px;
}
.left_common .lc_1 {
	position: relative;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	box-sizing: border-box;
	padding: 25px 20px;
	background: url(../images/ico1.gif) no-repeat 85% 25px;
	cursor: pointer;
}
.left_common .lc_2 {
	position: relative;
	border-bottom: 1px solid #e7e7e7;
	box-sizing: border-box;
	padding: 25px 20px;
	background: url(../images/ico2.gif) no-repeat 85% 28px;
	cursor: pointer;
}
.left_common .lc_3 {
	position: relative;
	border-bottom: 1px solid #e7e7e7;
	box-sizing: border-box;
	padding: 25px 20px;
	background: url(../images/ico3.gif) no-repeat 85% 28px;
	cursor: pointer;
}
.left_common .lc_1 .txt_tl, .left_common .lc_2 .txt_tl, .left_common .lc_3 .txt_tl {
	font-size: 1.65em;
	color: #222;
	font-weight: bold;
}
.left_common .lc_1 .txt_link, .left_common .lc_2 .txt_link, .left_common .lc_3 .txt_link {
	font-size: 1.1em;
	color: #888;
	margin-top: 10px;
}
.left_common .lc_1 .txt_link i, .left_common .lc_2 .txt_link i, .left_common .lc_3 .txt_link i {
	color: #555;
	font-size: 1.35em;
	vertical-align: middle
}
.left_common .lc_1:hover .txt_link, .left_common .lc_2:hover .txt_link, .left_common .lc_3:hover .txt_link {
	color: #a5272f;
}
.left_common .lc_1:hover .txt_link i, .left_common .lc_2:hover .txt_link i, .left_common .lc_3:hover .txt_link i {
	color: #a5272f;
}

#tmenu {
	position: absolute;
	left: 311px;
	top: 66px;
	width: 900px;
	cursor: pointer;
	z-index: 999;
}
#tmenu .tm_dep1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 900px;
}
#tmenu .tm_dep1 li {
	float: left;
	display: block;
	font-size: 1.6em;
	color: #222;
	font-weight: bold;
	letter-spacing: -0.05em;
	padding: 8px 20px;
	text-align: center;
	background: #e8e8e8;
	box-sizing: border-box;
}
#tmenu .tm_dep1 li.pos1 {
	width: 88px;
	background: #fff
}
#tmenu .tm_dep1 li.pos2 {
	width: 203px;
	background: #fff
}
#tmenu .tm_dep1 li.pos3 {
	width: 134px;
	background: #fff
}
#tmenu .tm_dep1 li.pos4 {
	width: 209px;
	background: #fff
}
#tmenu .tm_dep1 li.pos5 {
	width: 96px;
	background: #fff
}
#tmenu .tm_dep1 li.pos6 {
	width: 165px;
	background: #fff
}
/*#tmenu .tm_dep1 li.pos1 { position:absolute; left:0; top:0; }
#tmenu .tm_dep1 li.pos2 { position:absolute; left:96px; top:0; }
#tmenu .tm_dep1 li.pos3 { position:absolute; left:289px; top:0; }
#tmenu .tm_dep1 li.pos4 { position:absolute; left:427px; top:0; }
#tmenu .tm_dep1 li.pos5 { position:absolute; left:637px; top:0; }
#tmenu .tm_dep1 li.pos6 { position:absolute; left:736px; top:0; }*/
#tmenu .tm_dep1 li:last-child {
	padding-right: 0;
}
#tmenu .tm_dep1 li:hover {
	color: #222;
}
#tmenuwp {
	position: absolute;
	left: 0;
	top: -100px;
	width: 100%;
	height: 200px;
	background: #fff;
	border-bottom: 2px solid #a5272f;
	box-sizing: border-box;
	border-top: none;
	z-index: 1;
}
#tmenuwp .tm_list {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}
#tmenuwp .tm_list .m1 {
	position: absolute;
	left: 308px;
	top: 0;
	width: 100px;
}
#tmenuwp .tm_list .m2 {
	position: absolute;
	left: 430px;
	top: 0;
	box-sizing: border-box;
	width: 140px;
}
#tmenuwp .tm_list .m3 {
	position: absolute;
	left: 619px;
	top: 0;
	width: 100px;
}
#tmenuwp .tm_list .m4 {
	position: absolute;
	left: 765px;
	top: 0;
	width: 150px;
}
#tmenuwp .tm_list .m5 {
	position: absolute;
	left: 921px;
	top: 0;
	width: 150px;
}
#tmenuwp .tm_list .m6 {
	position: absolute;
	left: 1086px;
	top: 0;
	width: 100px;
}
#tmenuwp .tm_list ul {
	text-align: center;
	box-sizing: border-box;
	margin-top: 10px;
}
#tmenuwp .tm_list ul li a {
	position: relative;
	display: block;
	font-size: 1.2em;
	color: #666;
	line-height: 1.4;
	margin-bottom: 7px;
}
#tmenuwp .tm_list ul li a:hover {
	color: #a5272f;
	font-weight: bold;
}
#tmenuwp .tm_close_wp {
	position: absolute;
	right: -8px;
	top: 180px;
	height: 40px;
	text-align: right;
	z-index: 990;
}
#tmenuwp .tm_close_wp .tm_close {
	position: absolute;
	right: 8px;
	top: 0;
	display: block;
	width: 80px;
	cursor: pointer;
	background: #a5272f;
	padding: 8px 15px 10px 15px;
	color: #fff;
	font-family: 'Montserrat', 'Nanum Square';
	font-size: 1.2em;
}
#tmenuwp .tm_close_wp .tm_close span {
	font-size: 1.1em;
	color: #fff;
	vertical-align: middle;
	margin-left: 10px;
}

/* .gt_top { position:relative; font-family:나눔명조, Nanum Myeongjo; font-size:3.3em; color:#222; line-height:1.2; 
 padding-top:40px; background:url(../images/gt_top.gif) no-repeat 10% top;} */
.gt_top {
	position: relative;
	font-family: 나눔명조, Nanum Myeongjo;
	font-size: 3.3em;
	color: #222;
	line-height: 1.2;
	padding-top: 70px;
	background: url(../images/gt_top.gif) no-repeat 10% top;
	min-height: 127px;
}
.gt_txt {
	position: relative;
	font-size: 1.3em;
	margin-top: 30px;
	line-height: 1.7;
	padding: 0;
}
.gt_img {
	margin-top: 35px;
}
.int_top {
	position: relative;
	width: 100%;
	height: 305px;
	background: url(../images/int_img.jpg) no-repeat 190px  top;
	margin-top: 40px;



}




.int_top .int_txt1 {
	position: absolute;
	left: 0;
	top: 30px;
	background: url(../images/bar1.gif) no-repeat left top #fff;
	padding: 20px 15px 20px 0;
	font-size: 2.1em;
	color: #222;
	line-height: 1.3;
}
.int_top .int_txt2 {
	position: absolute;
	left: 0;
	bottom: 30px;
	font-size: 0.9em;
	color: #a7a7a7;
	line-height: 1.6;
}




/* 모바일 스타일 - 화면 너비 480px 이상 768px 미만 */
@media only screen and  (max-width: 767px) {
.int_top {background:none; overflow:hidden; position:relative; padding-bottom:200px; height:auto; overflow:hidden;}
.int_top:after {content:''; position:absolute; bottom:0; left:0; width:100%;
height:200px;
background:url('/images/int_img.jpg') no-repeat center center; background-size:cover;}

.int_top .int_txt1,
.int_top .int_txt2 {position:relative; top:auto; left:auto;}
.int_top .int_txt2 {padding-top:20px;}




}






.dona_top {
	position: relative;
	background: url(../images/do_ico.jpg) no-repeat right top;
	width: 100%;
	height: 185px;
	box-sizing: border-box;
	padding: 20px 0 0 0
}
.dona_top .dt_txt1 {
	position: relative;
	color: #222;
	font-size: 1.95em;
	line-height: 1.2;
}
.dona_top .dt_txt2 {
	position: relative;
	color: #3b97d3;
	font-size: 1.4em;
	margin-top: 20px;
	line-height: 1.4;
	font-weight: bold;
}
.dona_txt {
	position: relative;
	margin-top: 30px;
	font-size: 1.3em;
	color: #777;
	line-height: 1.6;
}
.dona_txt span {
	color: #222;
	font-weight: bold;
}
.don_bottom {
	position: relative;
	margin-top: 20px;
	overflow: hidden;
}
.don_bottom .db_left {
	float: left;
	width: 50%;
	background: url(../images/do_ico1.gif) no-repeat left top;
	padding-left: 144px;
	box-sizing: border-box;
	height: 140px;
}
.don_bottom .db_right {
	float: left;
	width: 50%;
	background: url(../images/do_ico2.gif) no-repeat left top;
	padding-left: 144px;
	box-sizing: border-box;
	height: 140px;
}
.don_bottom .db_left .db_txt1, .don_bottom .db_right .db_txt1 {
	position: relative;
	font-size: 1.2em;
	color: #333;
	overflow: hidden;
}
.don_bottom .db_left .db_txt2, .don_bottom .db_right .db_txt2 {
	margin-top: 12px;
}
.don_bottom .db_left .db_txt2 li, .don_bottom .db_right .db_txt2 li {
	font-size: 1.15em;
	color: #666;
	margin-bottom: 4px;
}
.don_bottom .db_left .db_btn {
	margin-top: 35px;
}
.don_bottom .db_left .db_btn a.don_btn {
	position: relative;
	box-sizing: border-box;
	padding: 12px 40px;
	text-align: center;
	border: 1px solid #a81c25;
	background: #a81c25;
	color: #fff;
	font-size: 1.3em;
	margin-top: 20px;
	letter-spacing: -0.05em;
}
.don_bottom .db_left .db_btn a.don_btn:hover {
	border: 1px solid #a81c25;
	background: #a81c25;
	color: #ffde00;
	font-weight: bold;
}
.don_bottom .db_left .db_btn a.don_btn i {
	margin-left: 20px;
}

.don_req_top {
	position: relative;
	margin-top:30px;
	background: url(../images/don_req_top.gif) no-repeat TOP RIGHT;
	height: 234px;
    background-size:cover;
}





.don_req_top .drt_txt {
	position: absolute;
	left: 30px;
	top: -30px;
	font-size: 3.0em;
	letter-spacing: -0.05em;
	color: #a5272f;
	line-height: 1.2;
}
.don_req_top .drt_txt span {
	font-weight: bold;
	padding-bottom: 5px;
	background: url(../images/smenu_bg.gif) repeat-x left bottom;
}




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

/* 작은 모바일 스타일 - 화면 너비 480px 미만 */
@media only screen and (max-width: 479px) {
.ct_txt1 br {display:none}
	.don_req_top {background-size:auto 110px; margin-top:60px; height:130px;}

}





/************************************
*이용안내*
***********************************/


.enter_top {
	position: relative;
	margin: 30px 0 0 0;
	background: url(../images/enter_top_001.jpg) no-repeat;
	height: 243px;
}

.enter_top.mt70{
	margin-top:70px
}

.enter_top .et_txt {
	position: absolute;
	left: 30px;
	top: -30px;
	font-size: 3.0em;
	letter-spacing: -0.05em;
	color: #a5272f;
	line-height: 1.2;
}
.enter_top .et_txt span {
	font-weight: bold;
	padding-bottom: 5px;
	background: url(../images/smenu_bg.gif) repeat-x left bottom;
}
.enter_top .et_txt1 {
	position: absolute;
	left: 30px;
	top: 110px;
	font-size: 1.5em;
	letter-spacing: -0.05em;
	color: #333;
	line-height: 1.2;
}
.enter_top .et_txt2 {
	position: absolute;
	left: 30px;
	top: 140px;
	font-size: 1.4em;
	letter-spacing: -0.05em;
	color: #777;
	line-height: 1.4;
}



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

	.don_req_top .drt_txt ,
.enter_top .et_txt {
	font-size: 23px;
}

.enter_top {padding-top:60px; padding-right:40px; padding-bottom:20px; height:auto;}
.enter_top .et_txt1 {padding-bottom:15px;}
.enter_top .et_txt1,
.enter_top .et_txt2 {
	position:relative; top:auto;
}

iframe {max-height:400px;}
.enter_top {position:relative;
margin-top:60px;
}


}



/************************************
*시설안내*
***********************************/


.lee-hall{margin-top:60px;}
.lee-hall ul{box-sizing:border-box; width:100%}
.lee-hall ul li{width:100%; padding-left:200px; box-sizing:border-box; position:relative}
.lee-hall ul li:nth-child(n+2){margin-top:40px}
.lee-hall ul li img{width:100%; display:block; }
.lee-hall ul li div{position:absolute; bottom:30px; left:0; width:300px; padding:30px; background:#fff; border-top:3px solid #a5272f; box-shadow:5px 5px 10px rgba(0,0,0,.2); box-sizing:border-box}
.lee-hall ul li div p{font-size:1.5em; color:#222; font-weight:600}
.lee-hall ul li div span{display:inline-block; font-size:1.2em; font-weight:400; margin-top:15px; line-height:1.4}

/* 작은 모바일 스타일 - 화면 너비 480px 미만 */
@media only screen and (max-width: 479px) {
.lee-hall ul li{ padding-left:0px; padding-bottom:95px;}
.lee-hall ul li div{width:90%; bottom:0px;  padding:20px;}
	.d_list li {
	   background-position:5px 8px; font-size:15px; line-height:23px;
		padding-left: 12px; padding-right:12px;

	}


}


.tab_wp1 {

	position: relative;
	height: 49px;
	border-bottom: 1px solid #535353;
}
.tab_wp1 ul {
	position: absolute;
	overflow: hidden;
	width: 100%;
}
.tab_wp1 ul li {
	float: left;
	text-decoration: -0.05em;
	font-size: 1.3em;
	width: 14.2857%;
	box-sizing: border-box;
}
.tab_wp1 ul li.t_pre {
	display: block;
	border: 1px solid #2d3951;
	border-bottom: none;
	padding: 12px 0px; text-align:center;
	background: #fff;
	color: #222;
	text-align: center;
	font-weight: bold;
	box-sizing: border-box;
	height: 50px;
	letter-spacing: -0.05em;
}
.tab_wp1 ul li a {
	display: block;
	border: 1px solid #e6e6e6;
	border-bottom: none;
	padding: 14px 0px; text-align:Center;
	background: #f8f8f8;
	color: #888;
	text-align: center;
	font-weight: bold;
	box-sizing: border-box;
	height: 49px;
	letter-spacing: -0.05em;



}

.tab_wp1 ul li a:hover {
	background: #a5272f;
	color: #fff;
	border: 1px solid #a5272f;
}
.tab_wp1 ul li a.tab_on {
	display: block;
	border: 1px solid #535353;
	border-bottom: none;
	padding: 10px 18px;
	background: #fff;
	color: #222;
	text-align: center;
	font-weight: bold;
	box-sizing: border-box;
	height: 50px;
	width: 25%;
	box-sizing: border-box;
}
.bd_top {
	position: relative;
	background: url(../images/top_ico.gif) no-repeat left center;
	color: #a81c25;
	font-size: 1.35em;
	padding: 5px 0 0 50px;
	box-sizing: border-box;
	height: 32px;
	letter-spacing: -0.05em;
}
.board_list_wrap {
	width: 100%;
	margin-top: 25px;
	border-top: 1px solid #a81c25
}
.board_list_wrap1 {
	width: 100%;
	margin-top: 15px;
	border-top: 1px solid #a81c25
}
.table_board {
	width: 100%;
}
.table_board th {
	padding: 12px 0 12px 0;
	text-align: center;
	color: #333;
	border-color: #dadada;
	border-style: none none solid none;
	border-width: 0 0 1px 0;
	background: #f7f7f7;
	font-size: 1.25em;
}
.table_board td {
	padding: 16px 0;
	border-color: #e8e8e8;
	border-style: none none solid none;
	border-width: 0 0 1px 0;
	text-align: center;
	color: #888891;
	font-size: 1.2em;
	font-family: 'Microsoft Yahei', 'Nanum Square', 'Montserrat', '맑은 고딕';
}
.table_board td.num {
	font-size: 1.05em;
	color: #888891
}
.table_board tr.br_bg {
	background: #fbf3f3;
}
.table_board td.notice {
	font-weight: bold;
	color: #2a3072
}
.table_board td.date {
	color: #888891;
	font-size: 1.05em
}
.table_board td.cate {
	color: #a81e21
}
.table_board td.use {
	color: #f03a47
}
.table_board td.suj {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.4
}
.table_board td.suj a {
	color: #555;
	text-decoration: none;
	font-size: 1.05em;
	letter-spacing: 0;
}
.table_board td.suj a:hover {
	color: #000;
	font-size: 1.05em
}
.table_board td.homepage {
	text-align: center;
}
.table_board td.homepage a {
	text-decoration: none;
	font-size: 1.05em;
	letter-spacing: 0;
	background: #f2f2f2;
	color: #444;
	display: block;
	padding: 5px 6px;
}
.table_board td.homepage a:hover {
	color: #222;
	background: #e5e5e5;
}
.table_board td a.viewBt {
	display: block;
	background: #f8f8f8;
	color: #444;
	border: 1px solid #e3e3e3;
	text-decoration: none;
	padding: 6px;
	width: 60%;
	margin: 0 auto;
}
.table_board td a.viewBt:hover {
	background: #333;
	border: 1px solid #333;
	color: #fff;
}
.table_board1 {
	width: 100%;
	border-left: 1px solid #e8e8e8;
}
.table_board1 th {
	padding: 12px 0 12px 0;
	text-align: center;
	color: #333;
	border-color: #e8e8e8;
	border-style: solid;
	border-width: 0 1px 1px 0;
	background: #f7f7f7;
	font-size: 1.25em;
}
.table_board1 td {
	padding: 16px 0;
	border-color: #e8e8e8;
	border-style: solid;
	border-width: 0 1px 1px 0;
	text-align: center;
	color: #888891;
	font-size: 1.2em;
	font-family: 'Montserrat', 'Nanum Square', '돋음';
}
.table_board td.num {
	font-size: 1.05em;
	color: #888891
}
.table_board tr.br_bg {
	background: #fbf3f3;
}
.table_board td.notice {
	font-weight: bold;
	color: #2a3072
}
.table_board td.date {
	color: #888891;
	font-size: 1.05em
}
.table_board td.cate {
	color: #a81e21
}
.table_board td.use {
	color: #f03a47
}
.table_board td.suj {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.4
}
.table_board td.suj a {
	color: #555;
	text-decoration: none;
	font-size: 1.05em;
	letter-spacing: 0;
}
.table_board td.suj a:hover {
	color: #000;
	font-size: 1.05em
}
.table_board td a.viewBt {
	display: block;
	background: #f8f8f8;
	color: #444;
	border: 1px solid #e3e3e3;
	text-decoration: none;
	padding: 6px;
	width: 60%;
	margin: 0 auto;
}
.table_board td a.viewBt:hover {
	background: #333;
	border: 1px solid #333;
	color: #fff;
}
.board_write_wrap {
	width: 100%;
	margin-top: 20px;
	border-top: 1px solid #e9e9e9
}
.board_write_wrap1 {
	width: 100%;
	margin-top: 20px;
	border-top: 1px solid #f04031
}
.board_write_wp {
	margin: 20px 0 0 0; width:100%; overflow:hidden;
	border-top: 1px solid #666; 
}
.board_write_wp1 {
	margin: 40px 0 0 0;
	border-top: 1px solid #e4e4e4
}
.table_w {
	width: 100%
}
.table_w th {
	padding: 8px 12px;
	color: #666;
	text-align: left;
	border-color: #e9e9e9;
	border-style: none none solid none;
	border-width: 0 0 1px 0;
	font-weight: normal;
	background: #f6f6f6;
	font-size: 1.2em;
}
.table_w td {
	padding: 8px 12px;
	text-align: left;
	border-color: #e9e9e9;
	border-style: none none solid none;
	border-width: 0 0 1px 0;
	font-size: 1.2em;
}
.table_w th.ness {
	text-align: left;
	background: url(../images/member/ico/ico_ness.gif) no-repeat right center;
	padding-left: 20px;
	font-size: 1.2em;
}
.table_w1 {
	width: 100%
}
.table_w1 th {
	padding: 8px 12px;
	color: #333;
	text-align: left;
	border-color: #e9e9e9;
	border-style: none none solid none;
	border-width: 0 0 1px 0;
	font-weight: normal
}
.table_w1 td {
	padding: 8px 12px;
	text-align: left;
	border-color: #e9e9e9;
	border-style: none none solid none;
	border-width: 0 0 1px 0
}
.table_w1 th.ness {
	background: url(../images/ico_ch.gif) no-repeat right center
}
.table_w2 {
	width: 100%;
	font-size: 1.25em;
	line-height: 1.5;
}
.table_w2 th {
	padding: 12px 12px;
	color: #333;
	text-align: left;
	border-color: #e9e9e9;
	border-style: none none solid none;
	border-width: 0 0 1px 0;
	font-weight: bold
}
.table_w2 td {
	padding: 12px 12px;
	text-align: left;
	border-color: #e9e9e9;
	border-style: none none solid none;
	border-width: 0 0 1px 0
}
.table_w2 th.ness {
	background: url(../images/ico_ch.gif) no-repeat right center
}
.table_w3 {
	width: 100%
}
.table_w3 th {
	padding: 12px 12px;
	color: #666;
	text-align: left;
	border-color: #e9e9e9;
	border-style: none none solid none;
	border-width: 0 0 1px 0;
	font-weight: normal;
	background: #f6f6f6;
	font-size: 1.2em;
}
.table_w3 td {
	padding: 12px 12px;
	text-align: left;
	border-color: #e9e9e9;
	border-style: none none solid none;
	border-width: 0 0 1px 0;
	font-size: 1.2em;
	color: #333;
}
.table_w3 th.ness {
	text-align: left;
	background: url(../images/member/ico/ico_ness.gif) no-repeat right center;
	padding-left: 20px;
	font-size: 1.2em;
}
.don_down {
	position: relative;
	overflow: hidden;
	width: 870px;
	margin-top: 40px;
}
.don_down ul {
	position: relative;
	width: 900px;
	overflow: hidden;
}
.don_down ul li {
	float: left;
	width: 15.7%;
	margin-right: 0.6%;
}
.don_down ul li a {
	background: #623e49;
	box-sizing: border-box;
	display: block;
	padding: 20px;
	text-align: center;
	color: #fff;
	font-size: 1.3em;
	text-decoration: none;
	height: 160px;
}
.don_down ul li a:hover {
	background: #4e2f39;
	text-decoration: none
}
.don_down ul li i {
	margin-top: 10px;
}
.bd_wr_btn1 {
	position: relative;
	display: inline-block;
	padding: 12px 20px;
	background: #a5272f;
	border: none;
	font-size: 1.3em;
	color: #fff;
	cursor: pointer;
}
.bd_wr_btn2 {
	position: relative;
	display: inline-block;
	padding: 12px 20px;
	background: #623e49;
	border: none;
	font-size: 1.3em;
	color: #fff;
	cursor: pointer;
}
.bd_wr_btn3 {
	position: relative;
	display: inline-block;
	padding: 12px 20px;
	background: #444;
	border: none;
	font-size: 1.3em;
	color: #fff;
	cursor: pointer;
}
.bd_wr_btn1:hover {
	background: #961e26;
	color: #fff;
}
.bd_wr_btn2:hover {
	background: #51323b;
	color: #fff;
}
.bd_wr_btn3:hover {
	background: #333;
	color: #fff;
}
.btn_cancel {
	position: relative;
	display: inline-block;
	padding: 6px 20px;
	background: #ff6600;
	border: none;
	font-size: 1.0em;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
}
.btn_cancel:hover {
	background: #ef4c05;
	color: #fff;
}
.survey_wp {
	position: relative;
	background: #f2f2f2;
	box-sizing: border-box;
	padding: 50px 40px 0 40px;
}
.survey_wp .survey_docu {
	position: relative;
	background: #fff;
	border: 2px solid #333;
	box-sizing: border-box;
	border-bottom: none;
	padding: 40px 30px
}
.survey_wp .survey_docu .surd_top_txt {
	font-family: 나눔명조, Nanum Myeongjo;
	font-size: 3.3em;
	color: #222;
	line-height: 1.2;
	text-align: center;
}
.f_inp {
	border: 1px solid #b4b4b4;
	font-size: 1.0em;
	background: #fff;
	box-sizing: border-box;
	height: 36px;
	color: #555;
	padding: 4px 10px;
}
.req_top_bg {position: relative; border-bottom:1px solid #000;	background: url(../images/req_top_bg.gif) no-repeat top left;	background-size: 100% auto;	width: 100%;	box-sizing: border-box; padding: 60px 30px 30px 30px; overflow:hidden;}
.req_top_bg .rtb_txt1 {position: relative; color: #333;	font-size: 18px;font-weight: bold; letter-spacing: -0.03em;}
.req_top_bg .rtb_list {	margin-top: 10px;}
.req_top_bg .rtb_list li {position: relative; color: #666; font-size: 14px; line-height:1.4; padding-left:13px}
.req_top_bg .rtb_list li:nth-child(n+2){margin-top:8px}
.req_top_bg .rtb_list li::before{content:'arrow_forward_ios'; display:inline-block; position:absolute; top:0; left:0; font-family: 'Material Symbols Outlined'; font-size:12px; color:#888}
.req_top_bg .rtb_list li span.col1 {	font-weight: bold; color: #ff5a00;}
.req_top_bg .rtb_list li span.col2 {font-weight: bold; color: #9c38ea;}
.req_top_bg .rtb_list li span.col3 {font-weight: bold;color: #a5272f;}
.guide_txt1 {position: relative; color: #ff6600; font-size: 1.1em;}

.refer{margin-top:5px;}
.refer li{color:#f00; font-size:14px; line-height:1.4; padding-left:15px; font-weight:bold; position:relative}
.refer li:nth-child(n+2){margin-top:2px}
.refer li::before{content:'※'; display:inline-block; font-size:13px; position:absolute; top:0; left:0;}

.che-list{width:100%}
.che-list li{display:flex; flex-wrap:wrap; align-items: flex-start; font-size:14px; line-height:1.3;}
.che-list li input{width:14px; margin: 0 !important; margin-top:2px !important; margin-right:5px !important}
.che-list li label{width:calc(100% - 30px)}
.che-list li:nth-child(n+2){margin-top:5px;}
.che-list li p.etc{display:inline-block; width:100%; padding-left:20px; box-sizing:border-box; font-size:14px;}
.che-list li p.etc input[type="text"]{width:calc(100% - 60px) !important; border:1px solid #ddd !important;  line-height:26px; font-size:14px;}

.agree-check{width:100%; margin-top:15px; padding-top:15px; box-sizing:border-box; border-top:1px dashed #ddd; display:flex; flex-wrap:wrap; justify-content: space-between;}
.agree-check p{display:inline-block; width:calc(100% - 150px); font-size:16px; font-weight:bold; color:#000}
.agree-check ul{width:130px; display:flex; flex-wrap:wrap; justify-content:flex-end}
.agree-check ul li{display:flex; flex-wrap:wrap; align-items:center; font-size:15px; font-weight:bold}
.agree-check ul li input{margin:0 !important; margin-top:2px !important; margin-right:5px !important}
.agree-check ul li:nth-child(n+2){margin-left:15px;}



/* 작은 모바일 스타일 - 화면 너비 480px 미만 */
@media only screen and (max-width: 767px) {
	.req_top_bg {background:none; border:1px solid #222; padding: 25px 20px 20px 20px; margin-bottom:20px;}
	.req_top_bg .rtb_txt1 {font-size: 17px;}
	.req_top_bg .rtb_list li {font-size: 14px; line-height:1.4; padding-left:13px}
	.req_top_bg .rtb_list li::before{font-size:12px; }
	.req_bottom .rb_right  {padding-top:20px; padding-left:0;}
	.req_bottom .rb_left , 	.req_bottom .rb_right {width:100%; border:none;}
	.rbl_txt2 br {  display: none;   }
	.rbl_txt2 br::before {content: " ";     display: inline;  }
	.req_bottom .rb_right a.go_btn { font-size: 17px; line-height: 42px; height:42px;}
	
	.tbst th {padding: 12px 5px; font-size: 16px !important;}

	.refer li{font-size:13px; padding-left:13px; }
	.refer li::before{font-size:11px; top:2px;}

	.che-list li{ font-size:13px;}
	.che-list li input{width:13px; }
	.che-list li p.etc{padding-left:15px; font-size:13px;}
	.che-list li p.etc input[type="text"]{line-height:24px; font-size:13px;}


	.agree-check{flex-flow:column;}
	.agree-check p{width:100%; font-size:15px;}
	.agree-check ul{width:100%; justify-content:flex-start; margin-top:5px;}
	.agree-check ul li{font-size:14px;}
	.agree-check ul li input{margin:0 !important; margin-top:-3px !important; margin-right:3px !important; }
	
	.table_board1 th {padding: 10px; font-size: 14px;}
	.table_board1 td {	font-size:13px; line-height:1.4;}
}


@media only screen and (max-width: 420px) {
	.req_top_bg {padding: 20px 15px 15px 15px; margin-bottom:15px;}
	.req_top_bg .rtb_txt1 {font-size: 16px;}
	.req_top_bg .rtb_list li {font-size: 13px;padding-left:11px}
	.req_top_bg .rtb_list li:nth-child(n+2) {margin-top: 5px;}
	.req_top_bg .rtb_list li::before{font-size:10px; }
	.req_bottom .rb_right  {padding-top:16px;}
	.req_bottom .rb_right a.go_btn { font-size: 16px; line-height: 40px; height:40px;}

	.tbst th {padding: 10px 5px; font-size: 14px !important;}

	.agree-check p{ font-size:14px;}
	.agree-check ul li{font-size:13px;}
	.agree-check ul li input{margin:0 !important; margin-top:0px !important; margin-right:3px !important; }
	.agree-check ul li:nth-child(n+2){margin-left:12px;}
}







.books_history_top {
	position: relative;
	background: url(../images/history_book.jpg) no-repeat;
	height: 303px;
	box-sizing: border-box;
	padding: 30px 40px 0 20px;
}
.books_history_top .bht_t1 {
	position: relative;
	font-family: 나눔명조, Nanum Myeongjo;
	font-size: 3.0em;
	color: #222;
	line-height: 1.2;
}
.books_history_top .bht_t2 {
	font-family: 나눔명조, Nanum Myeongjo;
	font-size: 4.0em;
	color: #a5272f;
	margin-top: 20px;
	line-height: 1.2;
}
.books_history_top .bht_t3 {
	font-size: 1.4em;
	color: #999;
	margin: 30px 0 0 10px;
	line-height: 1.4;
}
.book_his_list {
	position: relative;
	box-sizing: border-box;
	margin: 70px 0 0 0;
	padding: 0 0 0 30px;
	overflow: hidden; overflow:hidden; display:flex;
}



.book_his_list .bhl_left_date {
	box-sizing: border-box; flex-direction:column;
	width: 180px;   display:flex;
	height: 180px;  box-sizing:border-box;
	background: #a5272f;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	font-family: 'Montserrat', 'Nanum Square';
	text-align: center;
	color: #fff;
	font-size: 2.5em;
    justify-content: center;
}


.book_his_list .bhl_left_date .contr {
	text-align: center;
	font-size: 0.6em; padding-top:10px;
}



.book_his_list .bhl_left_date .contr a.btn_prev, .book_his_list .bhl_left_date .contr a.btn_next {
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.4em;
}
.book_his_list .bhl_left_date .contr a.btn_prev:hover, .book_his_list .bhl_left_date .contr a.btn_next:hover {
	color: #ffde00;
}
.book_his_list .bhl_right_list {
	position: relative;
flex:1; box-sizing:border-box; padding-left:90px;
	box-sizing: border-box;
}
.book_his_list .bhl_right_list .brl_search {
	position: relative;
}
.book_his_list .bhl_right_list .brl_search fieldset {
	display: inline;
	font-size: 95%;
	color: #5d5d5d;
	font-weight: bold;
}
.book_his_list .bhl_right_list .brl_search fieldset * {
	vertical-align: middle;
}
.book_his_list .bhl_right_list .brl_search fieldset legend {
	display: none;
}
.book_his_list .bhl_right_list .brl_search fieldset .selectbox {
	width: 80px;
	padding: 5px;
	font-size: 1.2em;
}

.book_his_list .bhl_right_list .brl_search div.button,
.book_his_list .bhl_right_list .brl_search fieldset .searchKeyword input.input ,
.book_his_list .bhl_right_list .brl_search fieldset .selectbox  {	line-height: 40px !important;
	height:40px; box-sizing:border-box; width:15%; font-size:17px !important; box-sizing:border-box; }



.book_his_list .bhl_right_list .brl_search fieldset .searchKeyword input.input {
	vertical-align: top;
	padding: 4px 6px 9px 6px;
	border-top: 1px solid #abadb3;
	border-right: 1px solid #abadb3;
	border-left: 1px solid #e2e3ea;
	border-bottom: 1px solid #e2e3ea;
width:calc(70% - 100px);	
}

.book_his_list .bhl_right_list .brl_search div.button {
	display: inline-block;
	background: #444;
	color: #fff;
	box-sizing: border-box;
	width: 90px;
	text-align: center;
}
.book_his_list .bhl_right_list .brl_search div.button input {
	color: #fff;
}
.book_his_list .bhl_right_list .brl_sta {
	position: relative;
	margin-top: 20px;
	font-size: 1.2em;
	color: #666;
}
.book_his_list .bhl_right_list .brl_sta span.col1 {
	color: #ff6600;
	font-weight: bold;
}
.book_his_list .bhl_right_list .brl_list {
	border-top: 2px solid #a5272f;
	border-bottom: 1px solid #e8e8e8;
	padding: 25px 0;
	box-sizing: border-box;
	margin-top: 12px;
}
.book_his_list .bhl_right_list .brl_list ul li {
	background: url(../images/bullet3.gif) no-repeat 4px center;
	padding-left: 18px;
	font-size: 1.2em;
	margin-bottom: 8px;
	color: #777;
	font-family: 'Montserrat', 'Nanum Square';
}




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


/* 모바일 스타일 - 화면 너비 480px 이상 768px 미만 */
@media only screen and  (max-width: 767px) {
	.books_history_top { background-position: 60px top;  background-size:auto 200px;}
	.books_history_top .bht_t1 { font-size: 21px;}
	.books_history_top .bht_t2 {font-size:29px;}
	.book_his_list .bhl_left_date { font-size: 21px;}
.book_his_list .bhl_right_list {padding-left:20px;}

.book_his_list .bhl_right_list .brl_sta {padding-left:0;}

.book_his_list {margin-left:0; padding:0;}
.book_his_list .bhl_left_date {
	width: 130px;  
	height: 130px;  
}


}

/* 작은 모바일 스타일 - 화면 너비 480px 미만 */
@media only screen and (max-width: 479px) {
.book_his_list .bhl_right_list {padding:0; }
.book_his_list {
    flex-direction: column;
    margin-top: 10px;
}
.books_history_top {height: 280px !important;}
.book_his_list .bhl_left_date {
    margin-bottom: 30px;
  display:flex !important;
  flex-direction:row;
    justify-content: space-between;
	flex-wrap: nowrap !important; /* wrap을 nowrap으로 수정 */
    border-radius: 0;
    width: 100%;
    overflow: hidden;
    text-align: left;
    height: auto !important;
    padding: 15px 20px;
    box-sizing: border-box;

}

.book_his_list .bhl_left_date .date_txt {
    flex-grow: 1; /* 남은 공간을 차지하도록 설정 */
	padding-top:5px;
}

.book_his_list .bhl_left_date .contr {
    flex-shrink: 0; /* 크기가 줄어들지 않도록 설정 */ padding-top:0;
}



}






.login_wp {
	position: relative;
	overflow: hidden;
}
.login_wp .login_left {
	position: relative;
	float: left;
	width: 60%;
	box-sizing: border-box;
	border-right: 1px solid #e8e8e8;
	padding: 40px 20px
}
.login_wp .login_left .log_l_t1 {
	font-size: 1.5em;
	color: #333;
}
.login_wp .login_left .log_l_t2 {
	font-size: 3.5em;
	color: #333;
	font-family: 나눔명조, Nanum Myeongjo;
	margin-top: 15px;
}
.login_wp .login_left .log_l_t3 {
	font-size: 1.3em;
	color: #888;
	margin-top: 25px;
}
.login_wp .login_left .log_inp_id {
	position: relative;
	margin-top: 30px;
	height: 40px;
	border-bottom: 1px solid #333;
	width: 400px
}
.login_wp .login_left .log_inp_id .ip_id_txt {
	color: #333;
	z-index: 10;
	font-size: 1.2em;
	vertical-align: middle
}
.login_wp .login_left .log_inp_id .ip_id {
	position: absolute;
	left: 80px;
	top: 0;
	height: 36px;
	font-size: 1.2em;
	color: #666;
	background: #fff;
	border: 1px solid #fff;
	z-index: 0;
	width: 316px;
	padding: 0 0 10px 0;
	box-sizing: border-box;
}
.login_wp .login_left .log_inp_pw {
	position: relative;
	margin-top: 30px;
	height: 40px;
	border-bottom: 1px solid #333;
	width: 400px
}
.login_wp .login_left .log_inp_pw .ip_pw_txt {
	color: #333;
	z-index: 10;
	font-size: 1.2em;
	vertical-align: middle
}
.login_wp .login_left .log_inp_pw .ip_pw {
	position: absolute;
	left: 80px;
	top: 0;
	height: 36px;
	font-size: 1.2em;
	color: #666;
	background: #fff;
	border: 1px solid #fff;
	z-index: 0;
	width: 316px;
	padding: 0 0 10px 0;
	box-sizing: border-box;
}
.login_wp .login_left .btn_login {
	position: relative;
	margin-top: 20px;
	width: 80px;
	text-align: center;
	color: #a5272f;
	border: 1px solid #a5272f;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	font-weight: bold;
	height: 80px;
	background: #fff;
	font-size: 1.5em;
}
.login_wp .login_left .btn_login:hover {
	border: 1px solid #a5272f;
	background: #a5272f;
	color: #fff;
}
.login_wp .login_right {
	position: relative;
	float: left;
	width: 40%;
	box-sizing: border-box;
	padding: 40px 0 40px 50px;
}
.login_wp .login_right .log_r_t1 {
	font-size: 1.85em;
	color: #333;
	letter-spacing: -0.05em;
	line-height: 1.4;
}
.login_wp .login_right .log_r_t2 {
	font-size: 1.3em;
	color: #888;
	margin-top: 15px;
}
.login_wp .login_right .link_j {
	position: relative;
	margin-top: 50px;
}
.login_wp .login_right .link_j li {
	position: relative;
	margin-bottom: 5px;
}
.login_wp .login_right .link_j li a {
	display: block;
	font-size: 1.3em;
	color: #a5272f;
}
.login_wp .login_right .link_j li a:hover {
	display: block;
	font-size: 1.3em;
	color: #a5272f;
	font-weight: bold;
}
.login_wp .login_right .link_j li a i {
	margin-right: 20px;
}

.guide_program {
	position: relative;
	background: url(../images/ico_guide_program.gif) no-repeat center 50px #f2f2f2;
	box-sizing: border-box;
	padding: 250px 0 100px 0
}
.guide_program .gp_txt1 {
	font-family: 나눔명조, Nanum Myeongjo;
	font-size: 2.60em;
	color: #222;
	line-height: 1.3;
	text-align: center;
}
.guide_program .gp_txt2 {
	font-size: 1.5em;
	color: #a5272f;
	line-height: 1.3;
	text-align: center;
	margin-top: 20px;
}
.guide_program .gp_txt3 {
	font-size: 1.3em;
	color: #666;
	line-height: 1.3;
	text-align: center;
	margin-top: 25px;
}
.guide_program .gp_txt4 {
	position: relative;
	overflow: hidden;
	font-size: 1.3em;
	color: #666;
	line-height: 1.3;
	text-align: center;
	margin-top: 30px;
}
.etk_txt1 {
	font-family: 나눔명조, Nanum Myeongjo;
	font-size: 2.0em;
	color: #222;
	line-height: 1.3;
	margin-top: 30px;
	letter-spacing: -0.05em;
}
.etk_txt1 span {
	color: #a5272f;
	font-weight: bold;
}



/************************************
교육프로그램안내
***********************************/


.edu_ev_guide {
	position: relative;
	overflow: hidden;
display:flex;
flex-wrap:wrap;
gap:0px 20px;
}
.edu_ev_guide .ee_list {
flex: 1 1 calc(50% - 20px);
	position: relative;
	box-sizing: border-box;
	padding: 0 30px 0 30px;
	border-left: 1px solid #e8e8e8;
	margin-top: 50px;
}
.edu_ev_guide .ee_list .eel_txt1 {
	font-weight: bold;
	color: #a5272f;
	font-size: 1.6em;
	letter-spacing: -0.05em;
}
.edu_ev_guide .ee_list .eel_txt2 {
	color: #666;
	font-size: 1.3em;
	line-height: 1.6;
	margin-top: 20px;
}



/* 모바일 스타일 - 화면 너비 480px 이상 768px 미만 */
@media only screen and  (max-width: 767px) {
	.ct_tl3 { font-size: 23px; line-height: 1.5; padding-top:20px;}
	.edu_ev_guide .ee_list { flex: 1 1 100%; }

}


@media only screen and  (max-width: 479px) {
	.ct_tl3 { font-size:18px; margin-bottom:15px;}
	.edu_ev_guide .ee_list {margin-top:10px; border:1px solid #ddd; flex: 1 1 100%;  padding:23px;}

}







.naver_blog {
	position: relative;
}


.backNone { background:none !important; }
.pad0 { padding:0px !important; }




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

문학관 소개

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

.max100,
.gt_img img{max-width:100%;}

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




}

@media only screen and (min-width:1024px) and (max-width: 1234px) {
}

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

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

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

}

/* 모바일 스타일 - 화면 너비 480px 이상 768px 미만 */
@media only screen and  (max-width: 767px) {
.top_guide2 h1.title_top {font-size:26px; line-height:33px;}
.gt_top {font-size:26px; background-size:auto 110px; background-position:top right;}
.btn_al  a{max-width:48%;}
a.bt_b1 {padding: 18px 20px;}

#left ul#lnb{flex-wrap:wrap; justify-content: flex-start; flex: initial;}
#left ul#lnb li {flex: initial; width:calc(100%/4); margin:0; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
#left ul#lnb li a {padding: 10px 5px; font-size: 15px; line-height: 1.3; height: auto;}
#left ul#lnb li:nth-child(4n){border-right:none }
}


/* 작은 모바일 스타일 - 화면 너비 440px 미만 */
@media only screen and (max-width: 440px) {
.gt_top {font-size:22px; background-size:auto 90px; background-position:top right; padding-top: 50px; min-height: auto; padding-right:30px; line-height:1.3}
.gt_txt {font-size: 14px; margin-top: 20px; line-height: 1.5;}
.gt_txt span{font-size:18px !important;}

.btn_al  a{max-width:100%; width:100%; margin:3px 0px;}
a.bt_b1 {padding: 18px 0px; }

#left ul#lnb li {width:calc(100%/3)}
#left ul#lnb li:nth-child(4n){border-right:1px solid rgba(255, 255, 255, 0.2); }
#left ul#lnb li:nth-child(3n){border-right:none }
#left ul#lnb li a {font-size: 14px; }
}




@media only screen and (max-width: 400px) {
.tab_wp ul{display:flex; flex-wrap:wrap;}
.tab_wp ul li{width:50%; line-height:40px;}
.tab_wp ul li a{line-height:40px;}
.tab_wp ul li a:hover, .tab_wp ul li.t_pre {border-bottom: 1px solid #2d3951;}
#left ul#lnb li {width:calc(100%/2)}
#left ul#lnb li:nth-child(3n){border-right:1px solid rgba(255, 255, 255, 0.2); }
#left ul#lnb li:nth-child(2n){border-right:none }

}