@charset "utf-8";

/*subPage CSS*/

article#article-conent{ font-size:1.0em; color: #222; line-height: 2em;  font-weight:300; letter-spacing:0.5px; word-wrap: break-word; background:#fff; }
article#article-conent .container{max-width: 1040px; margin:0 auto; padding:0px; }

	#head-section{margin:25px 0px; }

	/* 요약 */
	#content-section .head-section{	margin:0px 0px 25px 0px;}
	#content-section .head-section .abstract{text-align: justify; padding-left: 15px; border-left: 4px solid rgba(0,0,0,0.6);}

	#content-section a{	color: #222;}
	#content-section h3{ font-size: 1.250em; font-weight: 600; margin: 0px 0px 15px 0px; line-height:32px; text-align:left; word-break:keep-all;}
	#content-section h3 span{font-size: 1.0em; }
	#content-section h3.poem { font-size: 2.3em !important; font-family: 'Nanum Myeongjo'; margin: 0px 0px 25px 0px;}
	#content-section h4{ font-size: 1.188em; margin: 0px 0px 20px 0px; line-height: 1.6em; text-align:left; word-break:keep-all; }
	/*#content-section p, #content-section div {	text-align:justify; margin: 0px 0px 25px 0px; background:#fff; font-size:1.063em; line-height: 1.5em; }*/
	#content-section p {	text-align:justify; line-height: 1.5em; background:#fff; font-size:1.063em;}
	#content-section p strong { display:inline-block; font-weight:500;}
	#content-section p b {font-weight: 600;}
	#content-section p.poem { padding-left:0; margin:0 auto; font-family: 'Nanum Myeongjo'; font-weight: 600; line-height: 2em; }
	#content-section .p-con{ width:100%; text-align: justify; margin:35px auto 25px;}
	#content-section .p_img{ margin:45px auto;}
	#content-section .cnt-copy{	font-size: 0.8em;}
	#content-section .box_dotted{padding: 15px 25px; border: 2px dotted rgb(204, 204, 204); overflow: hidden; box-sizing: border-box; }
	#content-section .nomargin {margin-bottom:0px;}
	#content-section .po_relative { position:relative; }

	#content-section p img {max-width:100%; width:auto;}
	#content-section .border {border: 1px solid #ccc}
	#content-section .left{text-align:left; }
	#content-section a.u_line{text-decoration:underline !important;}
	#content-section a.btn{padding: 5px 15px; border-radius: 5px; font-size: 1.063em; color:#fff; font-weight: 500; line-height:29px; margin:0 auto; transition:all .3s; box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1); background-color:#F8B300;}
	#content-section a.btn:hover{background-color:#F88600;}
	#content-section a.btn.blue{background-color:#2C8BEB;}
	#content-section a.btn:hover.blue{background-color:#036DD8;}
	#content-section a.btn.red{background-color:#CC0000;}
	#content-section a.btn:hover.red{background-color:#B50000;}
	#content-section a.btn.pink{background-color:#D92E9B;}
	#content-section a.btn:hover.pink{background-color:#C50881;}
	#content-section a.btn.brown{background-color:#B4790B;}
	#content-section a.btn:hover.brown{background-color:#8C5B00;}
	#content-section span.fr {display:inline-block; float:right; margin:0 0 20px 40px;} 

	#content-section ul {background-color:#fff;}
	#content-section ul li { position:relative; padding:0 0 10px 20px; line-height:1.6em;}
	#content-section ul li:before {content: "※"; position:absolute; left:0; top:0; }
	#content-section ul li:last-child {padding-bottom:0px; }
	#content-section ul li strong {font-weight: 500;}
	#content-section ul li b {font-weight: 500;}
	#content-section ul.normal li:before {content: " "; position:absolute; left:0; top:0; font-size:0px; color:#fff;} 
	#content-section ul.normal li {padding:0 0 10px 0px;}
	#content-section ul.round li:before {content: "●"; position:absolute; left:0; top:0; font-size:12px; color:#666;}
	#content-section ul.round2 li:before {content: "●"; position:absolute; left:0; top:0; font-size:5px; color:#666;}
	#content-section ul.round2 li {padding:0 0 10px 15px;}
	#content-section ul.dash li:before {content: "－"; position:absolute; left:0; top:0; font-size:12px; color:#000;}
	#content-section ul.square li:before {content: ""; position:absolute; left:0; top:7px; width:12px; height:12px; border:1px solid #666;}

	#content-section dl {}
	#content-section dl dt {float:left; padding-bottom:10px;  line-height:1.6em;}
	#content-section dl dd {float:none; width:auto; padding-bottom:10px;  line-height:1.6em;}
	#content-section dl dt:last-child { padding-bottom:0px;}
	#content-section dl dd:last-child { padding-bottom:0px;}

	/*color*/
	#content-section .color333{	color: #333;}
	#content-section .color666{	color: #666;}
	#content-section .colorbrown {color: #AC7001;}
	#content-section .colorbrown:before {content: ""; color:#fff; position:absolute; left:0; top:-10px; width:36px; height:3px; border-radius:3px; background:#DA8E00;}
	#content-section .colorred {color: #CC0000;}
	#content-section .colorred:before {content: ""; color:#fff; position:absolute; left:0; top:-10px; width:36px; height:3px; border-radius:3px; background:#EE1E1E;}
	#content-section .colorgreen {color: #28A800;}
	#content-section .colorgreen:before {content: ""; color:#fff; position:absolute; left:0; top:-10px; width:36px; height:3px; border-radius:3px; background:#6DBB10;}
	#content-section .colorpink {color: #E9154C;}
	#content-section .colorpink:before {content: ""; color:#fff; position:absolute; left:0; top:-10px; width:36px; height:3px; border-radius:3px; background:#F84271;}
	#content-section .colorblue {color: #0062BE;}
	#content-section .colorblue:before {content: ""; color:#fff; position:absolute; left:0; top:-10px; width:36px; height:3px; border-radius:3px; background:#0075C2;}
	#content-section .font-small{	font-size:0.9em;}
	#content-section .font-big{font-size:1.25em;}
	#content-section .bold {font-weight:600;}
	#content-section .title_txt{font-size:1.375em; line-height:1.6em; font-family:'NanumSquare';}
	#content-section .color_brown {color: #AC7001;}
	#content-section .color_red {color: #CC0000;}
	#content-section .color_green {color: #28A800;}
	#content-section .color_pink {color: #E9154C;}
	#content-section .color_blue {color: #0062BE;}

	.news_table{ width: 100%; max-width: 940px; border-collapse: collapse; border: 1px solid #ccc;}
	.news_table thead th{ padding: 10px 10px; text-align: center; border-right: 1px solid #ccc; background:#F6F6F6; font-size: 1em; color:#000;  font-weight:500; box-sizing: border-box;}
	.news_table tbody td{ padding: 10px 10px; text-align: center; border-top: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 1em; line-height: 1.6em; box-sizing: border-box;}
	.news_table tbody td.left{	text-align: left;}
	.news_table tbody td.right{text-align: right;}
	.news_table tbody td img.img {width:100%;}
	.news_table.bg thead th{ background:#B3D9F2; }
	.news_table tbody td.title{ background:#ECF4F9; font-size: 1.25em; line-height:30px; font-weight:bold;	}
	.news_table tbody td.stitle{background:#F6F6F6;  font-size: 1em;	font-weight:bold;}
	.news_table tbody td.title2{ background:#F4E8CF; font-size: 1.25em; line-height:30px; font-weight:bold;	}
	.news_table tbody td.stitle2{background:#FCF5E7;  font-size: 1em;	font-weight:bold; padding: 10px 0px;	}
	.news_table tbody td.titles{ font-size: 1.0em; line-height:26px; font-weight:500;	}
	.news_table tbody td.bg{background:#ECF4F9; }
	.news_table tbody td.bg_y{background:#FFFF6F; }
	.news_table tbody td b {font-weight:500; }


	.img_table{ width: 100%; max-width: 940px; overflow: hidden; border-collapse: collapse; }
	.img_table div.column {box-sizing: border-box; display: table-cell; padding:0px; margin:0px;}
	.img_table div img {width:100%; }
	.img_table div.no2 {width:50% !important; padding:0 0.25%;}
	.img_table div.no3 {width:33.333% !important; padding:0 0.25%;}
	.img_table div.column span{display:inline-block; font-size:1em; line-height:24px; color:#666; padding:5px 3px 0 3px; text-align:left; }

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12
{	padding-left:0px !important;	padding-right:0px !important;}
article#article-conent .cnt-ava{	margin:15px 0px 35px 0px;	display: inline-block;}
article#article-conent .cnt-ava .ava-box{}
article#article-conent .cnt-ava .ava-info{}
article#article-conent .ava-no-padding{padding:0px;}
article#article-conent .ava-no-padding .ava-box{padding:0px;}
article#article-conent .ava-no-padding img{width: 100%;}

article section section {	margin:0px !important;	padding-top:0px !important;	padding-bottom:0px !important;}

/* 정렬 */
.al { text-align:left !important; }
.ar { text-align:right !important; }
.ac { text-align:center !important; }

@media (max-width:768px) {
	.img_table div.no2 {display:block; clear:both; width:100% !important; padding:0 0% 0px 0%;}
	.img_table div.no3 { display:block; clear:both; width:100% !important; padding:0 0% 0px 0%;}
	.img_table div.column:last-child {padding:0 0% 0px 0%;}
}

@media (max-width:600px) {
	.news_table{ width: 100%; max-width: 100%;}
	#content-section span.fr {clear:both; display:block; width:100%; text-align:center; float:none; margin:0 auto 30px;} 
}
@media (max-width:600px) {
	article#article-conent{ font-size:0.98em; font-weight:400; letter-spacing:-0.3px;}
	#content-section h4{font-size: 1.10em; line-height: 1.6em; letter-spacing:-0.5px; font-weight:500;}
	#content-section p, #content-section div { line-height: 1.75em; }
	#content-section p.poem {font-size:1.063em; line-height: 1.85em; }
	#content-section .p-con{line-height: 1.70em; }
	#content-section .p_img{ margin:30px auto;}
	#content-section .box_dotted{padding: 15px 20px;}

	#content-section .title_txt{font-size:1.25em; line-height:1.5em;}
	#content-section .bold {font-weight:500;}

	.news_table thead th{ padding: 8px 5px;	font-size:0.92em; word-break:keep-all; }
	.news_table tbody td{ padding: 8px 5px;	font-size:0.90em; line-height: 1.5em;}
}
@media (max-width:420px) {
	#content-section .head-section .abstract{padding-left: 10px;}
	#content-section .box_dotted{padding: 10px 15px;}
}

.w10 {width:10%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w33 {width:33.33%;}
.w40 {width:50%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w80 {width:80%;}
.w90 {width:90%;}

/*height space*/
.sp0 { height: 0px; width:1px; font-size: 0; line-height: 0; clear:both; margin:0; padding:0;}
.sp5 { height: 5px; width:1px; font-size: 0; line-height: 0; clear:both; margin:0px !important; padding:0px !important;}
.sp10 { height: 10px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp15 { height: 15px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp20 { height: 20px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp25 { height: 25px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp30 { height: 30px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp35 { height: 35px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp40 { height: 40px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp45 { height: 45px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp50 { height: 50px; width:1px; font-size: 0; line-height: 0; clear:both; }

/* 윗 마진 */
#content-section .mt5{margin-top: 5px}
#content-section .mt10{margin-top: 10px}
#content-section .mt15{margin-top: 15px}
#content-section .mt20{margin-top: 20px}
#content-section .mt30{margin-top: 30px}
#content-section .mt40{margin-top: 40px}
#content-section .mt50{margin-top: 50px}
#content-section .mt60{margin-top: 60px}
#content-section .mt70{margin-top: 70px}
#content-section .mt80{margin-top: 80px}
#content-section .mt90{margin-top: 90px}
#content-section .mt100{margin-top: 100px}

/* 아래 마진 */
#content-section .mb5{margin-bottom: 5px}
#content-section .mb10{margin-bottom: 10px}
#content-section .mb15{margin-bottom: 15px}
#content-section .mb20{margin-bottom: 20px}
#content-section .mb30{margin-bottom: 30px}
#content-section .mb40{margin-bottom: 40px;}
#content-section .mb50{margin-bottom: 50px}
#content-section .mb60{margin-bottom: 50px}
#content-section .mb70{margin-bottom: 70px}
#content-section .mb80{margin-bottom: 80px}
#content-section .mb90{margin-bottom: 90px}
#content-section .mb100{margin-bottom: 100px}

/* 왼쪽 패팅 */
#content-section .pl20{ padding-left:20px; }






#content-section .promotion-01{}
#content-section .promotion-01 .ava-box{	margin-bottom: 25px;}
#content-section .promotion-01 .ava-thum{	overflow: hidden;	height: 220px;	position: relative;}
#content-section .promotion-01 .ava-thum img{	width:100%;}
#content-section .promotion-01 .ava-info{	position: absolute;	padding: 0px 25px 0px;	 color: #FFF;	bottom: 0px;}
#content-section .promotion-01 .ava-info h4{}
#content-section .promotion-01 .ava-info h3{font-weight: 800;	 margin-top:10px;}

#content-section .promotion-02{}
#content-section .promotion-02 .ava-banner img{width:100%;	margin:0 auto;}
#content-section .promotion-02.colum-title{position: relative;margin-top:90px;}
#content-section .promotion-02.colum-title hr{border-top: 1px solid #CCCCCC;}
#content-section .promotion-02.colum-title .po-ca{position: absolute;bottom: -25px;}
#content-section .promotion-02.colum-title .po-ca img{	max-height: 150px;}
#content-section .promotion-02 .ava-info{}
#content-section .promotion-02 .ava-box{margin-bottom: 25px;}
#content-section .promotion-02 .ava-box img{width:100%;}
#content-section .promotion-02 .ava-info h4{	font-size:15px;	font-weight: 500;}
#content-section .promotion-02 .ava-info p{	margin:0px;	font-size:14px;line-height: 18px;margin-top: 10px;	margin-bottom: 10px;}
#content-section .promotion-02 .ava-info p.under-border{border-bottom: 1px solid #848484; padding-bottom: 8px;}
#content-section .promotion-02 .ava-info h3{font-weight: 800;	margin-top:10px;}


#content-section	#location {width:100%; text-align:center; margin-bottom:50px; }
#content-section	#location h4 { position:relative; display:inline-block; font-size:1.8em; font-weight:800; line-height:40px; font-family:'nanummyeongjo';}
#content-section	#location h4:after {content: ""; position: absolute; top: -10px; margin-left:-25px; left:50%; right:50%; top:130%; width:50px;  height:2px; background:#333; }
#content-section 	#location h4.non:after {width:0px; }

.title span{ font-size:1.0em;}