@charset "utf-8";

#container {background:none; letter-spacing:-0.05em; padding-bottom:70px; }
#container:before{z-index:-1;background:#f2f2f2 url(/council/img/main/mbg_new.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; }
.mtop_icon {position:relative; padding:80px 50px 35px 50px; } 
.mtop_icon ul li {float:left; width:25%;}
.mtop_icon ul li a {display:block; text-align:center; font-size:16px; font-weight:400; color:#fff; transition:all .3s;}
.mtop_icon ul li a:before {content:''; display:block; width:100px; height:100px; background-image:url(/council/img/main/micon.png); background-repeat:no-repeat; background-color:#efeded; border-radius:50%; margin:0 auto; margin-bottom:10px; transition:all .3s;}

.mtop_icon ul li.list01 a:before {background-position:0 0;}
.mtop_icon ul li.list02 a:before {background-position:-100px 0;}
.mtop_icon ul li.list03 a:before {background-position:-200px 0;}
.mtop_icon ul li.list04 a:before {background-position:-300px 0;}
.mtop_icon ul li.list05 a:before {background-position:-400px 0;}
.mtop_icon ul li.list06 a:before {background-position:-500px 0;}
.mtop_icon ul li.list07 a:before {background-position:-600px 0;}

.mtop_icon ul li.list01 a:hover:before {background-color:#4384db; background-position:-0px -100px;}
.mtop_icon ul li.list02 a:hover:before {background-color:#4384db; background-position:-100px -100px;}
.mtop_icon ul li.list03 a:hover:before {background-color:#4384db; background-position:-200px -100px;}
.mtop_icon ul li.list04 a:hover:before {background-color:#4384db; background-position:-300px -100px;}
.mtop_icon ul li.list05 a:hover:before {background-color:#4384db; background-position:-400px -100px;}
.mtop_icon ul li.list06 a:hover:before {background-color:#4384db; background-position:-500px -100px;}
.mtop_icon ul li.list07 a:hover:before {background-color:#4384db; background-position:-600px -100px;}


.mtop_icon button {text-indent:-999999px;  z-index:3000;/*border:1px solid #dedede;  */}
.mtop_icon button.slick-prev { position:absolute; border-radius:50%; width:10px; height:10px; margin-right:10px; background:#e29e0d;/*background:url(/common/img/bul.png) no-repeat -121px -1px;*/ position:absolute; bottom:-15px; right:50%; }
.mtop_icon button.slick-next { position:absolute; border-radius:50%; width:10px; height:10px; background:#fff; /*background:url(/common/img/bul.png) no-repeat -118px -41px; */position:absolute;  bottom:-15px; left:50%; margin-left:-1px; }


@media only screen and (max-width:1000px) {	
	.mtop_icon {padding:30px 0px 20px 0px; }	
}



@media only screen and (max-width:760px) {	
	.mtop_icon ul li a:before{width: 80px;height: 80px;}
	.mtop_icon ul li.list01 a:before {background-position:-10px -10px;}
	.mtop_icon ul li.list02 a:before {background-position:-110px -10px;}
	.mtop_icon ul li.list03 a:before {background-position:-210px -10px;}
	.mtop_icon ul li.list04 a:before {background-position:-310px -10px;}
	.mtop_icon ul li.list05 a:before {background-position:-410px -10px;}
	.mtop_icon ul li.list06 a:before {background-position:-510px -10px;}
	.mtop_icon ul li.list07 a:before {background-position:-610px -10px;}
	.mtop_icon ul li.list01 a:hover:before {background-color:#4384db; background-position:-10px -110px;}
	.mtop_icon ul li.list02 a:hover:before {background-color:#4384db; background-position:-110px -110px;}
	.mtop_icon ul li.list03 a:hover:before {background-color:#4384db; background-position:-210px -110px;}
	.mtop_icon ul li.list04 a:hover:before {background-color:#4384db; background-position:-310px -110px;}
	.mtop_icon ul li.list05 a:hover:before {background-color:#4384db; background-position:-410px -110px;}
	.mtop_icon ul li.list06 a:hover:before {background-color:#4384db; background-position:-510px -110px;}
	.mtop_icon ul li.list07 a:hover:before {background-color:#4384db; background-position:-610px -110px;}
}



.middlebox {position:relative; margin-bottom:30px;}
.middlebox .mbox { width:28.3%; background:#f2f2f2; margin-right:0.83%; float:left; text-align:left; height:315px; box-sizing:border-box; padding:40px 40px 10px 40px; color:#fff;} 
.middlebox .mbox h3 {color:#fff; font-weight:600;  font-size:30px; margin-bottom:22px; }


.middlebox .mbox.b01 {background:#3f9fb3 url(/council/img/main/box_1bg.png) no-repeat right bottom;}
.middlebox .mbox.b01 a{display:block; height:100%; color:#fff;}
.middlebox .mbox.b01 a:hover{text-decoration: underline;}

.middlebox .mbox.b02 {position:relative; background:#c68804 url(/council/img/main/box_2bg_new.png) no-repeat right bottom;}
.middlebox .mbox.b02 span{font-size:22px;}
.middlebox .mbox.b02 a.btn1{position:absolute;  bottom:43px; left:40px; border:1px solid #f1cf86; padding:5px 20px; color:#fff; font-size:13px;}
.middlebox .mbox.b02 a.btn1:hover{background:#f1cf86; color:#000;}

.middlebox .mbox.b03 {position:relative; background:#8e9524 url(/council/img/main/congress_bg.png) no-repeat right bottom; width:41.6666%; margin-right:0px; z-index:1200;}
.middlebox .mbox.b03 .reader-slide { font-size:0;}
.middlebox .mbox.b03 .reader-slide .img { width:32%; display:inline-block; vertical-align:top;}
.middlebox .mbox.b03 .reader-slide .img img {width:100%; height:100%; max-height:175px;}
.middlebox .mbox.b03 .reader-slide .txt { width:63%; margin-right:5%; color:#fff; display:inline-block; vertical-align:middle;}
.middlebox .mbox.b03 .reader-slide .btxt { font-size:20px; display:block; letter-spacing:-0.09em;  white-space: normal; line-height: 1.4em;  overflow:hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.middlebox .mbox.b03 .reader-slide .stxt { font-size:14px; margin:10px 0; display:block;   white-space: normal; }
.middlebox .mbox.b03 .reader-slide .stxt li{background:url(/council/img/main/dot.png) no-repeat 0 10px; padding-left:10px;}
.middlebox .mbox.b03 .reader-slide .date { float:left; margin-top:24px;  border:1px solid #d6d8a7; margin-right:5px;font-size:12px; display:block;}
.middlebox .mbox.b03 .reader-slide .date a{color:#fff; padding:5px 30px; display:block;}
.middlebox .mbox.b03 .reader-slide .date a:hover{background:rgba(255,255,255,0.6); color:#333;}
.middlebox .mbox.b03 .control{ position:absolute ; right:40px; top:20px; font-size:0; text-align:right;}
.middlebox .mbox.b03 .control a{display:inline-block; vertical-align:top;width:35px; height:35px; margin-left:1px;}
.middlebox .mbox.b03 .control a:hover { background-color:#242b34 !important;}
.middlebox .mbox.b03 .control a.prev-slide{background:url(/inews/img/main/slider01_prev.png) no-repeat 0 0;}
.middlebox .mbox.b03 .control a.next-slide{background:url(/inews/img/main/slider01_next.png) no-repeat 0 0;}
.middlebox .mbox.b03 .control a.stop-slide{background:url(/inews/img/main/slider01_stop.png) no-repeat 0 0;}
.middlebox .mbox.b03 .control a.start-slide{background:url(/council/img/main/slider01_play.png) no-repeat 0 0;}
.middlebox .mbox.b03 .control a.more {background:url(/inews/img/main/slider01_more.png) no-repeat 0 0;}





.newsbox {background:#fff; padding:40px; margin-bottom:40px; }

#board { margin-bottom:10px; position:relative; min-height:295px;   width:60%; float:left;  }
#board ul {position:relative; } 
#board ul > li > div > a.title {z-index:1; width:20%; line-height:50px; height:50px; text-align:center; font-size:18px; color:#333;  display:block; position:absolute;  box-sizing:border-box;  background:#f2f1f1; color:#333; border-right:1px solid #d4d4d7;  border-top:1px solid #d4d4d7;  border-bottom:1px solid #d4d4d7;}
#board ul > li:nth-child(1) > div > a.title {top:0; left:0; border-left:1px solid #d4d4d7;}
#board ul > li:nth-child(2) > div > a.title {top:0; left:20%;}
#board ul > li:nth-child(3) > div > a.title {top:0; left:40%;}
#board ul > li.on > div > a.title {color:#333; background:#f8f8f8; border-bottom:none; }
#board ul > li:not(.on) div.mnews, #board ul > li:not(.on) a.more{display:none;}
#board ul > li.on div.nolist { padding:100px 0px 10px 0px; text-align:center; width:100%;}

.mnews {position:relative;}
.mnews ul {padding:70px 0px 0px 0px;}
.mnews ul li a {display:block;}
/*.mnews ul li {width:100%; box-sizing:border-box; clear:both; margin-bottom:10px; position:relative; padding-left:8px;}
.mnews ul li:before {content:''; display:block; width:3px; height:3px; background:#333; position:absolute; top:10px; left:0; border-radius:50%;}
.mnews ul li:after {clear:both; content:''; display:block;}

.mnews ul li a p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:inline-block; }
.mnews ul li a p.title {width:70%; float:left;}
.mnews ul li a p.detail {display:none;}
.mnews ul li a p.date {float:right; width:30%; text-align:right; color:#666; font-size:13px;}
.mnews ul li a:hover {color:#ff6600;}*/
.mnews ul li{ padding-left:0px; margin-bottom:10px; padding-bottom:8px;}
.mnews ul li:before {display:none;}
.mnews ul li a p.title {width:87%; float:right; color:#000; font-size:17px; margin-bottom:3px; margin-top:0px;  white-space:nowrap; overflow: hidden; text-overflow: ellipsis; display:block; word-break:break-all; font-weight: 100;}
.mnews ul li a p.detail {display:block; width:87%; float:right;  display:block; word-break:break-all; font-size:15px; line-height:21px; color:#666; height:42px; font-weight: 100;   overflow: hidden;} 
.mnews ul li a p.date {font-weight: 100; float:none; width:70px; height:70px; text-align:center; color:#666; font-size:13px; background:#fff; position:relative; padding:9px 0 40px 0; box-sizing:border-box; border:1px solid #dedede;}
.mnews ul li a p.date span {font-size:22px; position:absolute; top:29px; left:0; display:block; text-align:center; width:100%; }
.mnews ul li a:hover p.title {color:#047ed6; text-decoration: underline;}
.mnews ul li a:hover p.detail{text-decoration: underline;}
.mnews ul li a:hover p.date {background:#333; color:#fff;}

#board a.more { position:absolute; top:4px; right:0; background:url(/council/img/main/btn_arim.png) no-repeat 0 0; width:35px; height:35px; text-indent: -999999999999px; }


.mnews a.more { position:absolute; top:0; right:0; width:30px; height:30px; text-indent:-99999px;}
.mnews a.more:after {position:absolute; top:0; left:0; content:'+'; border:1px solid #dedede; display:block; color:#666; width:30px; height:30px; text-indent:0px; font-size:24px; font-weight:200; text-align:center;}

#news_box { min-height:315px; max-height:315px; overflow:hidden; width:35%; float:right; position:relative;}
#news_box p.title1{background:#e84242 url(/council/img/main/calendar.png) no-repeat right 50%; height:90px; line-height: 90px; color:#fff; font-size:24px; padding-left:20px;}
#news_box  ul {padding:24px 20px 0px 20px;}
#news_box  ul li {width:100%; box-sizing:border-box; clear:both; margin-bottom:8px; position:relative; padding-left:8px; font-size:16px;}
#news_box  ul li:before {content:''; display:block; width:3px; height:3px; background:#333; position:absolute; top:10px; left:0; border-radius:50%;}
#news_box  ul li:after {clear:both; content:''; display:block;}
#news_box  ul li a {display:block; width: 100%; overflow: hidden;}
#news_box  ul li a p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:inline-block; }
#news_box  ul li a p.title {width:70%; float:left; color:#3b3b3b;}
#news_box  ul li a p.detail {display:none;}
#news_box  ul li a p.date {float:right; width:30%; text-align:right; color:#666; font-size:13px;}
#news_box  ul li a:hover {color:#ff6600; }
#news_box  ul li a:hover p.title {text-decoration: underline;}

#news_box .btn-more { width:150px; height:40px; line-height:40px; text-align:center; margin:30px auto 0; display:block; clear:both;}
#news_box .btn-more span { padding-left:40px; background:url(/council/img/main/board_more.png) no-repeat left center; color:#666; display:inline-block;}


.gujung01 {position:relative; width:100%; margin:0 1.5% 0px 0.5%; border-bottom:0!important;}
.gujung01 .tit { margin-bottom:35px;}
.gujung01 .tit .btxt { margin-right:7px;  font-size:30px; font-weight:600; color:#363636; }
.gujung01 .tit .stxt { font-size:20px; color:#aaaaaa; }
.gujung01 .tit .more { float:right; font-size:13px; color:#444; letter-spacing:-0.09em; display:block;}
.gujung01 .tit .more span {padding-right:15px; background:url(/news/img/main/photo-more.png) no-repeat 95% center; display:inline-block;}
.gujung01 ul {position:relative; margin:0 -0.5%; height:400px;}
.gujung01 li {  margin:0 0.2% 0px 0%; }
.gujung01 li:last-child{margin-right:0;}
.gujung01 li:hover .btxt a, .msec-gujung li:hover .stxt { text-decoration:underline;}
.gujung01 li:hover img {transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);}
.gujung01 .img {position:relative; overflow:hidden; height:270px;}
.gujung01 .img img {width:100%; height:100%; transition:all 1.0s;-webkit-transition:all 1.0s;-moz-transition:all 1.0s;}
.gujung01 .img .over { width:100%; height:100%; background:url(/img/news/Main/photo-over02.png) repeat; position:absolute; left:0; right:0; top:0; bottom:0; display:none;}
.gujung01 .img span{position:absolute; right:0; top:0px; padding:10px 30px; font-size:14px; color:#fff;}
.gujung01 span.text1{background-color:rgba(77,85,95,0.9);}
.gujung01 span.text2{background-color:rgba(226,158,13,0.9);}
.gujung01 .img .over .more { width:62px; height:62px; position:absolute; left:50%; top:50%; margin-left:-31px; margin-top:-31px; font-size:0;  display:block;}
.gujung01 .txt { background:#fff; padding:20px 20px; overflow:hidden;}
.gujung01 .txt .btxt a { font-size:17px;  color:#333; display:block; white-space:nowrap;overflow: hidden; text-overflow:ellipsis; width:100%; margin-bottom:25px;}
.gujung01 .txt .info .date { float:left; font-size:13px; color:#888; margin-right:6px; position:relative; padding-left:20px;  background:url(/council/img/main/icon-view02.png) no-repeat left center;}


.gujung01 .control a{display:inline-block; vertical-align:top;width:40px; height:40px; margin:0; padding:0px; box-sizing:border-box; border:1px solid #ccc;}
.gujung01 .control a.stop-slide{background:url(/eng/img/main/slider01_stop.png) no-repeat -1px -1px; position:absolute; top:0; right:15px;}
.gujung01 .control a.start-slide{background:url(/eng/img/main/slider01_play.png) no-repeat -1px -1px; position:absolute; top:0; right:15px;}
.gujung01 .control a.prev-slide{background:#fff url(/common/img/bul.png) no-repeat -121px -1px; position:absolute; top:0; right:93px;}
.gujung01 .control a.next-slide{background:#fff url(/common/img/bul.png) no-repeat -118px -41px; position:absolute; top:0; right:54px;}


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

}







.midlink {position:relative; border-top:1px solid #dedede; text-align:center; padding:20px 0px;  box-sizing:border-box; position:relative; clear:both; background:#fff;}
.midlink:before{z-index:-1;background:#f2f2f2; width:2000px; height:100%; top:0px; position:absolute;left:50%; display:block; content:"";margin-left: -1000px; display:block; content:""}
.midlink ul {width:100%; box-sizing:border-box; padding:0 20px;}
.midlink li {display:block; width:100%; text-align:center; position:relative;margin-left:-1px;}
.midlink li:before {content:''; width:1px; height:50px; background:#dedede; position:absolute; top:20px; left:0;}
.midlink li a { display:block;}
.midlink li a:before {content:''; width:94px; height:94px; display:block; transition:all .2s; margin:0 auto 10px auto;}

.midlink li.c01 a:before {background:url(/welfare/img/main/micon.png) no-repeat -1880px 0;}
.midlink li.c02 a:before {background:url(/welfare/img/main/micon.png) no-repeat -1974px 0;}
.midlink li.c03 a:before {background:url(/welfare/img/main/micon.png) no-repeat -2068px 0;}
.midlink li.c04 a:before {background:url(/welfare/img/main/micon.png) no-repeat -2162px 0;}
.midlink li.c05 a:before {background:url(/welfare/img/main/micon.png) no-repeat -2256px 0;}
.midlink li.c06 a:before {background:url(/welfare/img/main/micon.png) no-repeat -2350px 0;}
.midlink li.c07 a:before {background:url(/welfare/img/main/micon.png) no-repeat -2444px 0;}
.midlink li.c08 a:before {background:url(/welfare/img/main/micon.png) no-repeat -2538px 0;}

.midlink li.c01 a:hover:before {background:url(/welfare/img/main/micon.png) no-repeat -1880px -94px;}
.midlink li.c02 a:hover:before {background:url(/welfare/img/main/micon.png) no-repeat -1974px -94px;}
.midlink li.c03 a:hover:before {background:url(/welfare/img/main/micon.png) no-repeat -2068px -94px;}
.midlink li.c04 a:hover:before {background:url(/welfare/img/main/micon.png) no-repeat -2162px -94px;}
.midlink li.c05 a:hover:before {background:url(/welfare/img/main/micon.png) no-repeat -2256px -94px;}
.midlink li.c06 a:hover:before {background:url(/welfare/img/main/micon.png) no-repeat -2350px -94px;}
.midlink li.c07 a:hover:before {background:url(/welfare/img/main/micon.png) no-repeat -2444px -94px;}
.midlink li.c08 a:hover:before {background:url(/welfare/img/main/micon.png) no-repeat -2538px -94px;}

.midlink li a:hover:before  {background-color:#3aaee9;}
.midlink button {text-indent:-999999px; width:40px; height:40px; z-index:3000; border:1px solid #dedede;}
.midlink button.slick-prev { position:absolute; background:url(/common/img/bul.png) no-repeat -121px -1px; position:absolute; bottom:-50px; right:50%; }
.midlink button.slick-next { position:absolute; background:url(/common/img/bul.png) no-repeat -118px -41px; position:absolute;  bottom:-50px; left:50%; margin-left:-1px; }


.finfo {position:relative; padding:30px 0;}
.finfo:before {z-index:-1;background:#f2f2f2; width:2000px; height:100%; top:0px; position:absolute;left:50%; display:block; content:"";margin-left: -1000px; display:block; content:""}
.finfo dl { width:23.5%; background:#f2f2f2; margin-right:2%; float:left; box-sizing:border-box; padding:30px 1% 10px 1%; position:relative;}
.finfo dl:before {content:''; width:1px; height:180px; background:#dedede; position:absolute; top:20px; right:0;}
.finfo dl dt span.call {font-size:54px; font-weight:600; display:block; margin-bottom:20px;}
.finfo dl dt span.tit {color:#424242; font-weight:600; font-size:20px; display:block; margin-bottom:25px; }
.finfo dl dd {line-height:22px;}

.finfo dl.f01 { background:url(/welfare/img/main/finfo_01.png) no-repeat 90% 10px;}
.finfo dl.f01 dt {color:#cf5fb6;}
.finfo dl.f02 { background:url(/welfare/img/main/finfo_02.png) no-repeat 90% 10px;}
.finfo dl.f02 dt {color:#625ebf;}
.finfo dl.f03 { background:url(/welfare/img/main/finfo_03.png) no-repeat 90% 10px;}
.finfo dl.f03 dt {color:#d78f29;}
.finfo dl.f04 {margin-right:0; background:url(/welfare/img/main/finfo_04.png) no-repeat 90% 10px;}
.finfo dl.f04:before{display:none;}
.finfo dl.f04 dt {color:#2ea4a0;}



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

}


@media only screen and (max-width:1024px) {
.main_copy {width:35%; margin:0 auto; text-align:center; padding:70px 0px;}
.midlink {position:relative; border-top:1px solid #dedede; text-align:center; padding:20px 0px 70px;  box-sizing:border-box; position:relative; clear:both; background:#fff;}




}

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

		.gujung01 { width:100%; margin:0 0.5% 0px 0.5%;}
		.gujung01 .t-none { display:none;}
		.gujung01 .stxt { display:none;}
		.gujung01 li { width:48%;}
		.gujung01 li:last-child{display:none;}

		

}

@media only screen and (max-width:640px) {
	.gujung01{ width:100%; padding:0; margin-top:30px;}
	.gujung01 .img{ height:auto;}
	.gujung01 li:nth-child(2){display:none;}
	.gujung01 li { width:100%;}
}



@media only screen and (max-width:910px) {
	.middlebox .mbox { width:100%; margin-bottom:10px; height:240px;  padding:37px 25px 35px 25px;}
	
	.middlebox {margin-bottom:0px;}
	.middlebox .mbox.b02 a.btn1{bottom:20px; left:20px;}
	.middlebox .mbox.b03 {width:100%; height:300px; }
	.middlebox .mbox h3 {font-weight:normal; }
	.middlebox .mbox.b03 .reader-ctrl{right:20px;}
	.middlebox .mbox.b03 .control{ position:absolute ; right:25px; top:37px; font-size:0; text-align:right;}
	.middlebox .b03.mbox .reader-slide .txt, .middlebox .b03.mbox .reader-slide .img{margin-top:10px;}

	
	.newsbox{padding:20px;}
	#board{width:100%;}
	#news_box{width:100%;}

	#news_box p.title1{height:70px; line-height: 70px;}
	#news_box ul{padding:24px 0px 0px 0px;}

	
}


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

	.mnews ul li a p.title {width:80%; }
	.mnews ul li a p.detail {width:80%;} 
}


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

	.mnews ul li a p.title {width:70%; }
	.mnews ul li a p.detail {width:70%;} 
}





@media only screen and (max-width:500px) {
	#board ul > li > div > a.title{width:30%;}
	#board ul > li:nth-child(2) > div > a.title{left:30%}
	#board ul > li:nth-child(3) > div > a.title{left:60%}
	.newsbox{padding:10px;}
	.mnews ul li a p.date span{font-size:18px;}
}

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

.main_copy {width:60%; padding:50px 0px 30px 0px;}
.mtop_icon {/*margin-bottom:30px;*/}
.mtop_icon ul li {float:left; }
.mtop_icon ul li a {font-size:16px;}
.mtop_icon ul li.list01 {position:relative; top:0px; left:0;}
.mtop_icon ul li.list02 {position:relative; top:0px; left:0;}
.mtop_icon ul li.list03 {position:relative; top:0px; left:0;}
.mtop_icon ul li.list04 {position:relative; top:0px; left:0;}


.mnews {width:100%; float:none; margin-bottom:30px;}

#news_box { min-height:10px; max-height:500px; overflow:hidden; width:100%; float:right; position:relative;}
#popup ul.Slide01 li a {display:block; overflow:hidden;}
#popup ul.Slide01 li img {  border:1px solid #dedede; box-sizing:border-box; height:auto; min-width:100%;}


.finfo dl {width:48%; padding:30px 2% 20px 2%; position:relative;}
.finfo dl:before {content:''; width:1px; height:100%; background:#dedede; position:absolute; top:0px; right:0;}
.finfo dl.f02:before{content:''; width:100%; height:1px; background:#dedede; position:absolute; top:112px; right:104%;}
.finfo dl.f04:before{display:block; width:100%; height:1px; background:#dedede; position:absolute; top:0px; right:4%;}

}
@media only screen and (max-width:460px) {
.mtop_icon ul li {float:left; margin-bottom:10px;}
.middlebox .mbox ul li {float:left; width:100%;}
.middlebox .mbox.b03 .reader-slide .date a{padding:5px 10px;}
.mtop_icon {padding:30px 0px 40px 0px; }	
}

@media only screen and (max-width:360px) {
.finfo dl {text-align:center;}
.finfo dl.f01, .finfo dl.f02, .finfo dl.f03, .finfo dl.f04 {background-image:none;}
}


/***»ó´Ü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;}
}

/* ÇàÁ¤»ç¹«°¨»ç ±¸¹ÎÁ¦º¸ ·¹À̾î Æ˾÷ */
.lp05 { display:none; top: -24px; left: -2%; width: 650px; z-index: 99999;}
.layerpop { position: absolute; }
.lp05 > .inr { width: 560px;}
.layerpop > .inr { position: absolute; top: 55px; right: 0; left: 0; z-index: 10; margin: auto; background: #3d4448; padding: 3px 3px 0px 3px; }
.layerpop .c_wrap { text-align: right; padding: 10px 20px;}
.layerpop .c_wrap > #ttclose { display: inline-block; margin-right: 20px;}
.layerpop .c_wrap > a { text-align: right; color: #fff;}
.layerpop .c_wrap > a { text-align: right; color: #fff;}