@charset "utf-8";



#container {background:none; letter-spacing:-0.05em; padding-bottom:60px;}
#container:before{z-index:-1;background:#55504c url(/library/img/main/mbg.jpg) no-repeat 0 -5px; width:2000px; height:100%; top:0; position:absolute;left:50%; display:block; content:"";margin-left: -1000px; display:block; content:""; }

#mcon { position:relative; box-sizing:border-box;}

.mtop {position:relative; margin-bottom:63px;}
.main_copy {position:relative; float:left; width:42%; text-align:left; padding:83px 0 0 25px; box-sizing:border-box;}
.main_copy .mtit_m{display:none;}

.gasear {position:relative; float:right; width:30%; box-sizing:border-box; padding:128px 0px 0 0;}
.gasear p {background:rgba(255,255,255, 0.3); border:5px solid #ffffff;  display:inline-block; line-height:56px; box-sizing:border-box; width:100%; padding:0px 20px; text-align:center; }
.gasear p a {background: url('/common/img/s_sear.png') no-repeat right 50%; padding-right:30px;color:#fff; font-size:18px;}
.top_sch{position:relative; float:left; width:58%; box-sizing:border-box; padding:128px 25px 0 0; }
.top_sch .topsear { background:rgba(255,255,255, 0.3); border:5px solid #ffffff;  display:inline-block; line-height:56px; box-sizing:border-box; width:100%; }
.top_sch .topsear label {color:#fff; padding:0 25px 0 25px; font-size:16px; border-right:1px solid #dedede; margin-right:20px; }
.top_sch .topsear input[type=text] {border:none; color:rgba(255,255,255,1); padding:0 10px; width:50%;  font-size:16px;  height:50px;  background: transparent;  }
.top_sch .topsear a {border:none; float:right;margin-top:-2px;}
.top_sch .topsear a img {}

.top_sch .topsear input::-webkit-input-placeholder{color:#fff; font-weight: 100;}
.top_sch .topsear input::-moz-placeholder{color:#fff; font-weight: 100;}
.top_sch .topsear input::-ms-input-placeholder{color:#fff; font-weight: 100;}

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

	.mtop {position:relative; margin-bottom:42px;}
	.main_copy {padding:40px 0 0 0px; width:100%; text-align: center;}
	.main_copy .mtit{display:none;}
	.main_copy .mtit_m{display:block; text-align: center;}
	.top_sch{padding:24px 0px 0 0; width:100%;}
	.top_sch .topsear input[type=text] {padding:0 0 0 10px; width:50%; font-size:13px; color:#fff;}
	
.gasear {position:relative; float:none; width:100%; box-sizing:border-box; padding:60px 0 0 0px;}
}


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

	.top_sch .topsear label {display:none;}
}



#popup {position:relative; float:left; width:50%; }
#popup ul {position:relative;}
#popup ul li img {width:100%; height:300px;}
#popup div.control {position:absolute; top:32px; right:15px;}
#popup div.control button {background:rgba(255,255,255,1); width:40px; height:40px; float:left; margin-left:3px; text-indent:-99999px; border-radius:50%}
#popup div.control button.prev-slide {background:url(/library/img/main/btn_01.png) no-repeat 0px 0;}
#popup div.control button.next-slide {background:url(/library/img/main/btn_02.png) no-repeat 0px 0;}
#popup div.control button.stop-slide {background:url(/library/img/main/btn_03.png) no-repeat 0px 0;}
#popup div.control button.start-slide {background:url(/library/img/main/btn_07.png) no-repeat 0px 0;}


.reader { float:left; padding: 38px 42px 36px 32px; width:50%; background:#c1d4ea; box-sizing:border-box; position:relative; height:300px; box-sizing:border-box;}
.reader h3{ margin-bottom:25px; color:#333333; font-size:22px;}
.reader .reader-slide { font-size:0;}
.reader .reader-slide .img { width:21.66%; display:inline-block; vertical-align:top;}
.reader .reader-slide .img img {width:100%; height:100%; max-height:180px;}
.reader .reader-slide .txt { width:73.3%; margin-left:5%; color:#333; display:inline-block; vertical-align:middle;}
.reader .reader-slide .bca  { font-size:15px; display:block; letter-spacing:-0.09em;  white-space: normal; line-height: 1.4em; height:1.2em; overflow:hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 0; -webkit-box-orient: vertical;}
.reader .reader-slide .btxt { font-size:20px; display:block; letter-spacing:-0.09em;  white-space: normal; line-height: 1.4em; height:2.0em; overflow:hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.reader .reader-slide .stxt { font-size:14px; margin:10px 0; display:block; white-space: normal; line-height: 1.6em; height:8em; overflow:hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

.reader .control{ position:absolute ; right:32px; top:32px; font-size:0; text-align:right;}
.reader .control a{display:inline-block; vertical-align:top;width:35px; height:35px; margin-left:3px; background:rgba(255,255,255,1); width:40px; height:40px; float:left; margin-left:2px; text-indent:-99999px; border-radius:50%}
.reader .control a.prev-slide{background:url(/library/img/main/btn_04.png) no-repeat 0px 0}
.reader .control a.next-slide{background:url(/library/img/main/btn_05.png) no-repeat 0px 0}
.reader .control a.stop-slide{background:rgba(255,255,255,1) url(/common/img/bul.png) no-repeat -120px -120px;}
.reader .control a.start-slide{background:rgba(255,255,255,1) url(/common/img/bul.png) no-repeat -120px -80px;}
.reader .control a.next-more {background:url(/library/img/main/btn_06.png) no-repeat 0px 0}



@media only screen and (max-width:768px) {
  #popup {width:100%; }	
  #popup ul li img {width:100%; height:auto;}
 .reader { padding: 38px 25px 30px 25px; width:100%;  height:auto; }
 .reader .control{ position:absolute ; right:25px; top:38px; font-size:0; text-align:right;}
 .reader .reader-slide .stxt{height:5em;}
 .reader .reader-slide .img { width:40%;}
.reader .reader-slide .txt { width:55%;}	

}



.midlink {position:relative;  text-align:center; box-sizing:border-box; position:relative; clear:both; }
.midlink ul {width:100%; box-sizing:border-box; }
.midlink li {display:block; width:100%; text-align:center; position:relative; margin-left:-1px;}
.midlink li a { display:block; height:158px; background:rgba(255,255,255,0.8); box-sizing:border-box; color:#383838;}
.midlink li a:before {content:''; width:150px; height:100px; display:block; transition:all .2s; margin:0 auto;}

.midlink li.c01 a:before {background:url(/library/img/main/icon_02.png) no-repeat 0px 0;}
.midlink li.c02 a:before {background:url(/library/img/main/icon_02.png) no-repeat -150px 0;}
.midlink li.c03 a:before {background:url(/library/img/main/icon_02.png) no-repeat -300px 0;}
.midlink li.c04 a:before {background:url(/library/img/main/icon_02.png) no-repeat -450px 0;}
.midlink li.c05 a:before {background:url(/library/img/main/icon_02.png) no-repeat -600px 0;}
.midlink li.c06 a:before {background:url(/library/img/main/icon_02.png) no-repeat -750px 0;}
.midlink li.c07 a:before {background:url(/library/img/main/icon_02.png) no-repeat -900px 0;}
.midlink li.c08 a:before {background:url(/library/img/main/icon_02.png) no-repeat -1050px 0;}
.midlink li.c09 a:before {background:url(/library/img/main/icon_02.png) no-repeat -1200px 0;}
.midlink li a:hover { background:rgba(0,130,217,1); color:#fff;}

.midlink li.c08 a {background: rgba(0,130,217,1); color: #fff;}
.midlink li.c08 a:hover {background: rgb(8 86 158);}

.midlink button {text-indent:-999999px; width:40px; height:40px; z-index:3000;}
.midlink button.slick-prev { position:absolute; background:rgba(0,0,0,0) url(/common/img/bul.png) no-repeat -137px -1px; position:absolute; left:20px; top:54px;}
.midlink button.slick-next { position:absolute; background:rgba(0,0,0,0) url(/common/img/bul.png) no-repeat -137px -41px; position:absolute;  right:-15px; top:54px;}


#board {position:relative; background:#fff;  box-sizing:border-box; width:100%; box-sizing:border-box; }
#board ul {position:relative;}
#board ul > li > div > p.title,
#board ul > li > div > a.title {z-index:1; width:100%; line-height:60px; height:60px; text-align:center; font-size:20px; color:#333;  display:block; position:absolute;  box-sizing:border-box;  background:#3e4751; color:#fff; }
#board ul > li:nth-child(1) > div > p.title,
#board ul > li:nth-child(1) > div > a.title {top:0; left:0;}
#board ul > li:nth-child(2) > div > p.title,
#board ul > li:nth-child(2) > div > a.title {top:0; left:50%;}

#board ul > li.on > div > p.title,
#board ul > li.on > div > a.title {color:#333; background:#fff; padding-left:20px; font-size:22px; }
#board ul > li.on > div > p.title:before,
#board ul > li.on > div > a.title:before{background:url(/library/img/main/tab_arr.png) no-repeat 0 3px; display:inline-block; content:""; height:22px; width:22px; padding-bottom:3px; padding-left:10px; }
#board ul > li:not(.on) div.mnews, #board ul > li:not(.on) a.more{display:none;}
#board ul > li.on div.nolist { padding:60px 25px 0px 25px; text-align:left; width:100%; box-sizing:border-box; }





.mbox {position:relative; width:32%;float:left; text-align:left; padding-right:2%; margin-left:2%; border-right:1px solid #dddddd; padding-bottom:30px; box-sizing:border-box;}
.mbox h3 {color:#333333;  font-size:20px; margin-bottom:25px;}
.mbox.b01 {margin-top:20px;}
.mbox.b02 {margin-top:20px;}
.mbox.b03 { margin-top:20px;}
.mbox:nth-child(1){ margin-left:0%; height:280px;}
.mbox:nth-child(3){padding-right:0%; margin-left:2%;}

.mbox ul li {margin-bottom:15px;}
.mbox ul li a { position:relative; font-size:14px; display:block;  overflow:hidden; color:#717171;}
.mbox ul li a:hover span.txt {text-decoration: underline;}
.mbox ul li a:after {content:""; display:block; clear:both;}
.mbox ul li a span.name{display:none;}
.mbox ul li a span.date{float:right; width:30%; font-size:12px; color:#767676; text-align:right;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mbox ul li a span.txt{float:left; width:70%; color:#717171; word-break:break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing:border-box; padding-left:8px;}
.mbox ul li a span.txt:before {content:''; display:inline-block; width:2px; height:2px; background:#82878c; position:absolute; top:10px; left:0; }
.mbox a.btn_more{position:absolute; top:0px; right:24px;}
.mbox:nth-child(3) {padding-right:0%; margin-right:0%; border-right:none; }







.mbox table{width:100%;border-collapse:collapse}
.mbox caption{display:none}
.mbox th{height:34px;font-size:15px;font-family:Arial, Helvetica, sans-serif;color:#545454; text-align: center;}
.mbox td{height:30px;font-size:14px;font-family:Arial, Helvetica, sans-serif;text-align:center;color:#545454}
.mbox td a span{ width:23px; height:23px; display:block; margin:0 auto;}

.mbox .option{position:absolute;top:0px;right:0px}
.mbox .option *{}
.mbox .option .prev{float:left;display:block;width:26px;height:26px;background:url(/library/img/main/cal_left_img.jpg) no-repeat 0px 0px;text-indent:-9999em;overflow:hidden}
.mbox .option .next{float:left;display:block;width:26px;height:26px;background:url(/library/img/main/cal_right_img.jpg) no-repeat 0px 0px;text-indent:-9999em;overflow:hidden}
.mbox .option strong{float:left;display:block;padding:0 5px;font-size:20px;color:#222}
.mbox .option span{float:left;display:block; font-size:20px; padding:0 15px; color:#323232;}
.mbox .option select{display:none;padding:2px 5px;padding-right:30px;padding-right:5px;color:#333;border:1px solid #d1c883;background:#fff9c8 url(../img/select_arrow.png) no-repeat 93% 50%;border-radius:0;-webkit-appearance:none}
.mbox .day{position:relative}
.mbox .day ul{clear:both;margin:0 0px;padding:10px 0;float:right;overflow:hidden}
.mbox .day li{float:left;position:relative;padding:0 15px;line-height:18px;font-size:11px;font-weight:400;letter-spacing:-1px;color:#707070}
.mbox .day li em{position:absolute;top:4px;left:0;display:block;width:11px;height:8px}
.mbox .day .d1 em{background:#258F93}
.mbox .day .d2 em{background:#9E253F}
.mbox .day .d3 em{background:#2355B0}
.mbox .c_rd{color:#c23a57}
.mbox .c_rd a span{color:#fff}
.mbox .c_bl{color:#2286a2}
.mbox .c_bl a span{color:#fff}


.mbox .today{color:#fff;background:#258F93}
.mbox .today a span{color:#fff}
.mbox .holi{color:#fff;background:#d4381f;}
.mbox .holi a span{color:#fff; }
.mbox .sun{color:#ff0000;}

.mbox .sat{color:#092db5;}
.mbox .event{background:#4563c1; color:#fff; border-radius:3px;}
.mbox .event span{color:#fff!important;}

.tab_con1{ position:relative; padding:0 25px 0 25px; text-align:left; width:100%; box-sizing:border-box; border-top:1px solid #dddddd; background:#fff;} 

#quicklink { position:relative; min-height:237px; box-sizing:border-box; width:66%; float:left; box-sizing:border-box; border-right:1px solid #ddd;}
#quicklink ul {position:relative;}
#quicklink ul > li > div > p.title,
#quicklink ul > li > div > a.title {z-index:1; line-height:1.2em; height:50px; text-align:center; padding-left:28px; font-size:18px; color:#333333;  display:block;   box-sizing:border-box; margin-top:15px; }

#quicklink ul > li > div > p.title:before,
#quicklink ul > li > div > a.title:before{background:url(/library/img/main/tab_arr.png) no-repeat 0 3px; display:inline-block; content:""; height:22px; width:22px; padding-bottom:3px; padding-left:10px; transform:translateY(4px);}
#board ul > li:not(.on) 

/* #quicklink ul > li:nth-child(1) > div > a.title {top:0; left:0; border-right:none;}
#quicklink ul > li:nth-child(2) > div > a.title {top:0; left:50%;} */
#quicklink ul > li.on > div > p.title,
#quicklink ul > li.on > div > a.title {color:#333; background:#fff; border-bottom:0; }
#quicklink ul > li:not(.on) div.inner, #board ul > li:not(.on) a.more{display:none;}
#quicklink ul > li.on div.nolist { padding:0px 0px 10px 0px; text-align:center; width:100%;}
#quicklink ul > li.on div.nolist .mbox {width:48%;}
#quicklink ul > li.on div.nolist .mbox.b02 {border-right:0; padding-right:0;}

#quicklink .inner {position:relative;}

#quicklink .mbox.b02 a.btn_more{right:10px;}

/* #quicklink .inner ul {padding:80px 20px 0px 20px;}
#quicklink .inner ul li {margin-bottom:14px;}
#quicklink .inner ul li a { position:relative; font-size:14px; display:block; overflow:hidden; color:#717171;}
#quicklink .inner ul li a:hover span.txt {text-decoration: underline;}
#quicklink .inner ul li a:after {content:""; display:block; clear:both;}
#quicklink .inner ul li a span.name{display:none;}
#quicklink .inner ul li a span.date{float:right; width:30%; font-size:12px; color:#acacac; text-align:right;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#quicklink .inner ul li a span.txt{float:left; width:70%; color:#717171; word-break:break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing:border-box; padding-left:15px;}
#quicklink .inner ul li a span.txt:before {content:''; display:inline-block; width:2px; height:2px; background:#82878c; position:absolute; top:10px; left:0; } */



#movie{position:relative; width:calc(34% - 1px); float:right; box-sizing:border-box; text-align:left!important; padding-left:25px; padding-top:30px;}
#movie h3{ margin-bottom:37px; color:#333333; font-size:22px; background:url(/library/img/main/bar.jpg) no-repeat 0 0; padding-top:15px;}
#movie h3 strong {display:inline-block; margin-bottom:5px; font-weight:400;}
#movie .reader-slide1 li{width:100%; float:left;}
#movie .reader-slide1 .img {width:40%; display:inline-block; vertical-align:top;}
#movie .reader-slide1 .img img {width:100%; height:100%; height:165px;}
#movie .reader-slide1 .txt { width:50%; margin-left:2%; color:#333; display:inline-block; vertical-align:middle;}
#movie .reader-slide1 .bca  { font-size:15px; display:block; letter-spacing:-0.09em;  white-space: normal; line-height: 1.4em; height:1.2em; overflow:hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 0; -webkit-box-orient: vertical;}
#movie .reader-slide1 .btxt { font-size:18px; display:block; width:70%; color:#717171; word-break:break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing:border-box; }
#movie .reader-slide1 .stxt { font-size:14px; margin:10px 0; display:block; white-space: normal; line-height: 1.6em; height:9em; overflow:hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
#movie a.btn_more{position:absolute; right:0px; top:30px;}

#movie .reader-slide1 li:not(:first-child) {display:none;}


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

	#quicklink {width:100%; border:0;}


	.mbox {width:100%!important;  padding-right:0%; margin-right:0%; border-right:none; }
	.mbox.b02 {margin-left:0;}
	.mbox ul li {margin-bottom:10px;}
	.mbox:last-child{border-bottom:none;}
	.mbox a.btn_more{position:absolute; top:0px; right:0px;}

	#movie {width:100%; padding-left:0; padding-bottom:30px;}
	#movie .reader-slide1 li{width:100%;}
	#movie .reader-slide1 li:not(:first-child) {display:block;}

	#board ul > li > div > a.title span{display:none;}


}

@media only screen and (max-width:688px) {
	#quicklink {width:100%;}
	#movie{width:100%; margin-top:30px;}
	#quicklink .inner ul{padding:0 10px 0px 10px}
}

@media only screen and (max-width:400px) {
	#quicklink ul > li > div > a.title {text-align:center; padding-left:0px; font-size:15px; }

}



/***���gnb***/
.topgnb {display: none;}

@media only screen and (max-width:1024px) {
	.sitelink1 {display: none;}
	.topgnb {display: block;}
	.subtop_gnb .slick-list {width: 86%; margin: 0 auto;}
	.subtop_gnb button {position: absolute; display: inline-block; vertical-align: top; width: 7%; height: 39px;  text-indent:-99999px;}
	.subtop_gnb button.slick-prev {left: 0; top: 0; background: #fff url(/common/img/gnb_prev.png) no-repeat center;}
	.subtop_gnb button.slick-next {right: 0; top: 0; background: #fff url(/common/img/gnb_next.png) no-repeat center; border-left: 1px solid #c1c8cc;}
}





#virusPopup {position: absolute; top: 0;	left: 50%;	width: 500px;	margin-left: -300px; box-szing:border-box;	padding: 0 4px 4px;	color: #000;	background: #254d78;	z-index: 99999;}
#virusPopup .cB::after {content:''; display:block; clear:both;}
#virusPopup img {	max-width: 100%;}
#virusPopup .popupHeader {	display: block;	position: relative;}
#virusPopup .popupHeader h2 {	display: block;	padding: 10px 0;	font-size: 30px;	color: #fff;	text-align: center;}
#virusPopup .popupHeader h2 span {	display: block;	font-size: 16px;	color: #ffdc88;}
#virusPopup .popupHeader a {	display: block;	position: absolute;	top: 10px;	right: 10px;	width: 70px;	line-height: 25px;	height: 25px;	font-weight: 600;	color:white;	font-size: 20px;}

@media all and (max-width:800px) {
  #virusPopup { width: auto; left: 0; right: 0; margin-left: 0; }
  #virusPopup .popupHeader h2 { font-size: 18px;}
}



.mtel{line-height:50px; background: #3e4751;  color: #fff;   display: flex; align-items: center;  justify-content: center;}
.mtel p{font-weight:200; margin: 0 20px;   position: relative;}
.mtel p:after{content: ''; display: block; height: 17px;width: 1px;background: rgba(255,255,255,20%); position: absolute;right: -19px; top: 50%; transform: translate(0, -50%);}
.mtel p:last-child{margin-right:0;}
.mtel p:last-child:after{display:none;}
.mtel p span{font-weight:400; background:url(/library/img/main/m_tel.png) no-repeat 0 center; margin-right:10px; padding-left:25px; }
@media all and (max-width:764px) {
.mtel{line-height:auto; padding:20px; display:block;} 
.mtel p:after{display:none;}
.mtel p{margin:0;}
}