@charset "utf-8";

/* text indent */
.visual_area .btn > a,
.visual_area .bx-pager-link,
.visual_area .bx-controls-auto a,
.pop_area .bx-controls > div a,
.pop_m_area .bx-controls > div a{text-indent:100%;overflow:hidden;white-space:nowrap;}

.visaul_section{position:relative;}
.visaul_section > div:nth-of-type(1){position:relative;z-index:99;}
.visual_area ul li{position:absolute;left:0px;top:0px;width:100%;background-repeat:no-repeat;background-position:center top;}
.visual_area .btn > a{display:block;position:absolute;top:50%;z-index:99;margin-top:-34px;background:url(../images/main/sp_main.png) no-repeat 0 0;width:54px;height:67px;}
.visual_area .btn > a.prev{left:0px;}
.visual_area .btn > a.next{right:0px;background-position:-54px 0px;}
.visual_area .bx-controls > div,
.visual_area .bx-pager-item{display:inline-block;}
.visual_area .bx-controls > div{line-height:23px;height:23px;}
.visual_area .bx-controls{position:absolute;bottom:43px;left:50%;z-index:99;}
.visual_area .bx-pager-link{display:inline-block;width:12px;height:12px;border-radius:30em;background:#fff;margin:4px;}
.visual_area .bx-pager-item{margin:0 5px;vertical-align:middle;}
.visual_area .bx-pager-link.active{border:4px solid #c41530;margin:0px;}
.visual_area .bx-controls-auto{margin-left:5px;}
.visual_area .bx-controls-auto a{display:inline-block;background:url(../images/main/sp_main.png) no-repeat -281px 0px;width:19px;height:19px;margin-bottom:-2px;}
.visual_area .bx-controls-auto a.bx-start{background-position:-262px 0px;}

/* weather */
.weather_area{position:absolute;}
.weather_area span[class^="DB"]{float:left;display:inline-block;width:93px;height:80px;background-repeat:no-repeat;background-position:50% 50%;text-indent:100%;overflow:hidden;white-space:nowrap;}
.weather_area .DB01{background-image:url(../images/weather/DB01.png)}
.weather_area .DB02{background-image:url(../images/weather/DB02.png)}
.weather_area .DB03{background-image:url(../images/weather/DB03.png)}
.weather_area .DB04{background-image:url(../images/weather/DB04.png)}
.weather_area .DB05{background-image:url(../images/weather/DB05.png)}
.weather_area .DB06{background-image:url(../images/weather/DB06.png)}
.weather_area .DB07{background-image:url(../images/weather/DB07.png)}
.weather_area .DB08{background-image:url(../images/weather/DB08.png)}
.weather_area .group{float: left; margin: 10px 0 0 10px;}
.weather_area .wt_date{display:block; font-weight:400; font-size:13px; color:#fff; letter-spacing:-1px;}
.weather_area .wt_deg{display:block; margin: 5px 0 0; font-weight:100; font-family:sans-serif; font-size:32px; line-height:1.3; color: #fff;}

/* total search */
.search_area{position:absolute;left:50%;top:150px;width:490px;height:46px;margin-left:-245px;border:3px solid #fff;background:rgba(0,0,0,0.5);border-radius:30em;}
.search_area label{display:inline-block;padding-left:25px;line-height:46px;color:#fff;font-family:'Nanum Square';font-size:18px;letter-spacing:-1px;}
.search_area label:after{content:'';display:inline-block;margin-left:25px;margin-bottom:-2px;width:1px;height:20px;background:rgba(204,204,204,0.3);}
.search_area input[type="text"]{background:transparent;border:0px;width:315px;color:#fff;}
.search_area input[type="submit"]{display:inline-block;width:26px;height:26px;background:url(../images/main/sp_main.png) no-repeat -274px -24px;border:0px;}
	
/* popupzone + notice */
.middle_section > div:after{content:'';display:block;clear:both;}

/* popup zone */
.pop_area{position:relative;}
.pop_area .bx-controls{position:absolute;bottom:30px;left:30px;}
.pop_area .bx-controls > div{display:inline-block;line-height:19px;height:19px;vertical-align:middle;}
.pop_area .bx-pager{background:#fff;border:1px solid #000;padding:0 7px;box-sizing:border-box;letter-spacing:-1px;font-size:12px;}
.pop_area .bx-controls > div a{display:inline-block;width:22px;height:19px;line-height:19px;margin-left:3px;box-sizing:border-box;background:url(../images/main/sp_main.png) no-repeat -117px 0px;}
.pop_area .bx-controls > div a.bx-next{background-position:-139px 0px;}
.pop_area .bx-controls > div a.bx-stop{background-position:-161px 0px;}
.pop_area .bx-controls > div a.bx-start{background-position:-183px 0px;}

/* mobile popupzone */
.pop_m_area{margin-top:15px;position:relative;}
.pop_m_area ul > li img{width:100%;}
.pop_m_area .bx-controls{padding-top:10px;text-align:center;color:#848484;}
.pop_m_area .bx-controls > div a{display:inline-block;width:22px;height:19px;line-height:19px;margin-left:3px;position:absolute;bottom:-2px;box-sizing:border-box;background:url(../images/main/sp_main.png) no-repeat -117px 0px;}
.pop_m_area .bx-controls > div a.bx-next{background-position:-139px 0px;right:50%;margin-right:-50px;}
.pop_m_area .bx-controls > div a.bx-prev{left:50%;margin-left:-50px;}

/* notice */
.notice_area{position:relative;}
.notice_area h2{position:relative;font-family:'Nanum Square';font-size:18px;letter-spacing:3px;color:#333;}
.notice_area h2 > span{color:#2f7658;}
.notice_area h2:before{content:'';display:inline-block;position:absolute;left:0px;top:50%;height:1px;margin-top:-2px;background:#333;}
.notice_area dl{margin-top:30px;border-bottom:1px solid #d6d6d6;}
.notice_area dl:after{content:'';display:block;clear:both;}
.notice_area dt{float:left;font-weight:600;margin-bottom:-1px;}
.notice_area dt > a{display:block;background:#fff;border:1px solid #d6d6d6;padding:10px 0px;text-align:center;color:#848484;letter-spacing:-1px;}
.notice_area dt:nth-of-type(2) > a{border-left:0px;border-right:0px;}
.notice_area dd{position:absolute;left:0px;top:120px;width:100%;}
.notice_area dt > a.on{border:1px solid #333;}
.notice_area .title{color:#333;letter-spacing:-1px;font-weight:600;}
.notice_area .title > span{display:inline-block;padding:1px 5px;border-radius:3px;margin-right:5px;background:#333;font-size:13px;color:#fff;font-weight:400;}
.notice_area dd > a:nth-of-type(1){display:block;position:relative;border-bottom:1px solid #d6d6d6;}
.notice_area dd > a .date{display:block;margin-top:5px;color:#333;font-weight:600;}
.notice_area dd > a .title,
.notice_area dd > a .txt{padding-right:58px;}
.notice_area dd > a:nth-of-type(1):after{content:'';display:block;background:url(../images/main/sp_main.png) no-repeat -167px -26px;width:17px;height:33px;position:absolute;right:0px;top:50%;margin-top:-25px;}
.notice_area .txt{display:block;color:#848484;margin-top:10px;height:45px;line-height:21px;overflow:hidden;}
.notice_area dd ul{padding-top:15px;}
.notice_area dd ul > li{position:relative;margin-bottom:10px;}
.notice_area dd ul > li > a{display:block;color:#333;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.notice_area dd ul > li > .date{position:absolute;right:0px;top:0px;}
.notice_area dd ul > li:before{content:'';display:block;width:3px;height:3px;background:#333;position:absolute;left:0px;top:50%;margin-top:-2px;}

a.more{display:inline-block;position:absolute;right:0px;top:0px;color:#848484;line-height:19px;}
a.more:before{content:'';display:inline-block;width:19px;height:19px;background:url(../images/main/sp_main.png) no-repeat -136px -24px;margin-right:5px;vertical-align:middle;}

.sns_section:after{content:'';display:block;clear:both;}
.sns_section > div{position:relative;box-sizing:border-box;}
.sns_section > div > h2{font-size:20px;color:#38936d;font-weight:400;letter-spacing:-1px;}
.sns_section > div > h2 > span{color:#2f7658;font-weight:600;}
.sns_section dt{position:absolute;top:25px;}
.sns_section ul > li {margin-top:15px;}
.sns_section ul > li > div{border:1px solid #d6d6d6;box-sizing:border-box;}
.sns_section ul > li > div > a{display:block;margin:21px 21px 15px;}
.sns_section ul > li > div > a > img{border:1px solid #000;width:100%;}
.sns_section ul > li .txt{display:block;margin-top:10px;}
.sns_section .write{position:relative;border-top:1px solid #d6d6d6;padding:15px 21px 15px 55px;font-weight:600}
.sns_section .write > span{display:block;color:#848484;font-weight:400;}
.sns_section .write:after{content:'';display:block;background:url(../images/main/sp_main.png) no-repeat -239px -27px;width:27px;height:29px;position:absolute;left:21px;top:50%;margin-top:-15px;}
.sns_section .sns_count{position:absolute;right:21px;top:50%;margin-top:-16px;font-weight:400;}
.sns_section .sns_count span{vertical-align:middle;}
.sns_section .sns_count span[class^="ico_"]{display:inline-block;position:relative;padding:7px 0;width:34px;height:32px;box-sizing:border-box;border-radius:4px;text-indent:100%;overflow:hidden;white-space:nowrap;text-align:center;}
.sns_section .sns_count span[class^="ico_"]:before,
.sns_section dt a:before{content:'';display:block;width:23px;height:21px;background:url(../images/main/sp_main.png) no-repeat 0 -79px;position:absolute;left:50%;top:50%;margin-left:-11px;margin-top:-11px;}
.sns_section .sns_count .ico_fa,
.sns_section dt:nth-of-type(2) > a.on{background:#365fab;border:1px solid #365fab;}
.sns_section .ico_fa:before{background-position:0 -79px !important;}
/* .sns_section .sns_count .ico_tw,
.sns_section dt:nth-of-type(3) > a.on{background:#3399cc;border:1px solid #3399cc;}
.sns_section .ico_tw:before{background-position:-23px -79px !important;} */
.sns_section .sns_count .ico_in,
.sns_section dt:nth-of-type(3) > a.on{background:#ec469c;border:1px solid #ec469c;}
.sns_section .ico_in:before{background-position:-46px -79px !important;}
/* .sns_section .sns_count .ico_ko,
.sns_section dt:nth-of-type(5) > a.on{background:#fab800;border:1px solid #fab800;}
.sns_section .ico_ko:before{background-position:-69px -79px !important;} */
.sns_section .sns_count .count{display:inline-block;position:relative;background:#e4e4e4;border:1px solid #e0e0e0;border-radius:4px;width:34px;height:32px;padding:6px 0px;box-sizing:border-box;text-align:center;margin-left:5px;}
.sns_section .sns_count .count:before{content:'';display:block;border-right:7px solid #e3e3e3;border-top:7px solid transparent;border-bottom:7px solid transparent;position:absolute;left:-7px;top:7px;}

/* support */
.sns_section ul > li > div > a{position:relative;}
.support_area .txt{width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;}
.support_area .date{color:#848484;position:absolute;right:0px;bottom:0px;}

/* issue */
.issue_area .title{border-bottom:1px solid #d6d6d6;margin:0 -21px;padding:0 21px 10px;font-size:16px;letter-spacing:-1px;color:#333;font-weight:600;}
.issue_area a > span{display:block;}
.issue_area .vote{position:relative;padding-top:10px;}
.issue_area .vote ul{position:absolute;right:0px;top:13px;}
.issue_area .vote ul > li{display:inline-block;margin-top:0px;font-size:13px;padding:0 3px 0 7px;border-left:1px solid #a5a5a5;line-height:13px;}
.issue_area .vote ul > li:first-child{border-left:0px;}
.issue_area .vote span[class^="type"]{display:inline-block;padding:3px 7px;border-radius:3px;color:#fff;font-size:13px;font-weight:600;}
.issue_area .vote .type01{background:#f5b404;}
.issue_area .vote .type02{background:#71d000;}
.issue_area .vote .type03{background:#384ec9;}
.issue_area .channel{padding:0px 21px 15px;color:#848484;}
.issue_area .channel strong{color:#333;}
.issue_area .channel .date{margin-left:5px;padding-left:5px;border-left:1px solid #a5a5a5;}

@media screen and (min-width:769px){
	.visaul_section{position:relative;min-width:1260px;max-width:1600px;height:606px;margin:0 auto;}
	.visaul_section > div:nth-of-type(1){width:1260px;margin:0 auto;}
	.visual_area ul li{height:606px;}
	.visual_area .bx-controls{margin-left:-50px;}
	.weather_area{left:65px;top:45px;}
	
	/* popupzone + notice */
	.middle_section{background:#f7f7f7;max-width:1600px;min-width:1260px;margin:0 auto;}
	.middle_section > div{width:1260px;margin:0 auto;padding:70px 0px;}
	.middle_section .pop_area{float:left;width:591px;}
	.middle_section .notice_area{float:right;width:591px;}
	.pop_m_area{display:none;}
	
	/* notice */
	.notice_area dd ul > li > a{width:80%;}
	.notice_area .title{font-size:16px;}
	.notice_area dd ul > li{padding-left:10px;}
	.notice_area dd > a:nth-of-type(1){padding-bottom:15px;}
	.notice_area dt{width:27%;font-size:18px;}
	.notice_area dt > a.on{background:#f7f7f7;border-bottom:1px solid #f7f7f7;color:#333;}
	.notice_area .more{top:-55px;}
	.notice_area h2{padding-left:70px;}
	.notice_area h2:before{width:61px;}
	
	/* sns */
	.sns_section{width:1260px;margin:70px auto 40px;padding-bottom:20px;background:url(../images/main/bg_sns.gif) repeat-y center top;}
	.sns_section > div{position:relative;float:left;width:33%;box-sizing:border-box;}
	.sns_section > div:nth-of-type(1){padding-right:27px;}
	.sns_section > div:nth-of-type(2){width:34%;padding:0 27px;}
	.sns_section > div:nth-of-type(3){padding-left:27px;}
	.sns_section > div > h2 > span{display:block;font-size:30px;}
	.sns_section dt > a{display:block;background:#898989;padding:7px 10px;width:34px;height:32px;box-sizing:border-box;border:1px solid #898989;border-radius:4px;text-indent:100%;overflow:hidden;white-space:nowrap;}
	.sns_section dt:nth-of-type(1) > a{color:#fff;width:auto;text-indent:0px;overflow:visible;white-space:normal;}
	.sns_section dt:nth-of-type(1) > a.on{background:#38936d;border:1px solid #38936d;}
	.sns_section dt:nth-of-type(1) > a:before{display:none;}
	.sns_section dt:nth-of-type(1){right:107px;}
	.sns_section dt:nth-of-type(2){right:67px;}
	.sns_section dt:nth-of-type(3){right:27px;}
	/*
	.sns_section dt:nth-of-type(1){right:187px;}
	.sns_section dt:nth-of-type(2){right:147px;}
	.sns_section dt:nth-of-type(3){right:107px;}
	.sns_section dt:nth-of-type(4){right:67px;}
	.sns_section dt:nth-of-type(5){right:27px;}
	 */
	
	.sns_section a.more{right:25px;top:30px;}
	.sns_section a.more:before{background-position:-117px -24px;}
	.issue_area a.more{right:0px !important;}
	
	.sns_section .mCustomScrollbar{height:1100px;padding-top:15px;}
	.social_area ul > li:first-child,
	.support_area ul > li:first-child{margin-top:0px;}
}

@media screen and (max-width:768px){
	/* footer main */
	#footer{border-top:0px !important;}
	
	.search_area,
	.pop_area{display:none;}
	.visual_area ul li{height:303px;background-size:cover;}	
	.bx-controls-auto{display:none !important;}
	.visual_area .bx-controls > div{margin-left:-50%;}
	.weather_area{left:20px;top:20px;}
	#contaniner{background:#f7f7f7;padding-bottom:15px;}
	
	/* notice */
	.notice_area{background:#fff;padding:15px;margin-top:15px;}
	.notice_area dd{box-sizing:border-box;padding:0 15px;top:110px;}
	.notice_area dd > a .date,
	.notice_area dd > a .txt,
	.notice_area dd > a:nth-of-type(1):after,
	.notice_area dd ul > li > .date,
	.notice_area dd ul > li:before{display:none;}
	.notice_area{height:260px;}
	.notice_area .title{font-size:15px;}
	.notice_area dd ul > li{border-bottom:1px solid #d6d6d6;padding-bottom:10px;}
	.notice_area dd ul > li:last-child{border-bottom:0px;}
	.notice_area dd > a:nth-of-type(1){padding-bottom:10px;line-height:21px;}
	.notice_area .title > span{font-size:12px;line-height:14px;}
	.notice_area dt{width:33%;font-size:16px;}
	.notice_area dt:nth-of-type(2){width:34%;}
	.notice_area dt > a.on{border-bottom:1px solid #fff !important;color:#2f7658;}
	.notice_area .more{top:-95px;right:15px;}
	.notice_area h2{padding-left:40px;}
	.notice_area h2:before{width:31px;}
	.notice_area dl{margin-top:20px;}
	
	/* sns */
	.sns_section > div{background:#fff;margin-top:15px;padding:15px;}
	.sns_section > div > h2 > span{margin-right:5px;}
	.sns_section dt{top:34px;}
	.sns_section dt > a{display:block;height:40px;padding:0px 30px;line-height:40px;box-sizing:border-box;}
	.sns_section dl{position:relative;padding-top:40px;margin-top:10px;border-top:1px solid #d6d6d6;}
	.sns_section dl:before{content:'';display:block;width:100%;height:1px;background:#d6d6d6;}
	.sns_section dt{top:0px;}
	.sns_section dt a:before{display:none;}
	.sns_section dt:nth-of-type(1){left:0;}
	.sns_section dt:nth-of-type(2){left:90px;}
	.sns_section dt:nth-of-type(3){left:210px;}
	/* 	
	.sns_section dt:nth-of-type(1){left:0;}
	.sns_section dt:nth-of-type(2){left:50px;}
	.sns_section dt:nth-of-type(3){left:126px;}
	.sns_section dt:nth-of-type(4){left:188px;}
	.sns_section dt:nth-of-type(5){left:278px;}
	 */
	
	.sns_section dt:after{content:'';display:block;width:1px;height:15px;background:#d6d6d6;position:absolute;right:-3px;top:50%;margin-top:-8px;}
	.sns_section dt:nth-of-type(5):after{display:none;}
	.sns_section dt a.on{position:relative;background:#fff !important;border:0px !important;font-weight:600;color:#2f7658;}
	.sns_section dt a.on:after{content:'';display:block;width:100%;height:2px;background:#2f7658;position:absolute;left:0px;bottom:0px;}
	
	.sns_section a.more{right:20px;top:18px;color:#333;}
	.sns_section a.more:before{display:none;}
	.sns_section a.more:after{content:'>';display:inline-block;margin-left:5px;color:#333;font-size:13px;}
	
	.support_area ul{border-top:1px solid #d6d6d6;margin-top:10px;}
	.support_area ul:after{content:'';display:block;clear:both;}
	.support_area ul > li{float:left;width:50%;}
	.support_area ul > li > div{border:0px;}
	.support_area ul > li > div > a{margin:0 10px 50px 0;padding-top:50%;}
	.support_area ul > li:nth-child(2n) > div > a{margin:0 0 50px 10px;}
	.support_area ul > li:nth-of-type(5){display:none;}
	.support_area ul > li > div > a > img{width:100%;height:100%;position:absolute;left:0px;top:0px;}
	.support_area .txt{position:relative;bottom:-45px;width:100%;}
	.support_area .date{display:block;position:relative;bottom:-45px;margin-top:5px;}
	
	.issue_area ul > li .txt,
	.issue_area .channel{display:none;}
	.issue_area ul{margin-top:10px;}
	.issue_area ul > li > div{border:0px;}
	.issue_area ul > li > div > a{margin:0px;padding:10px 0px;border-top:1px solid #d6d6d6;}	
	.issue_area ul > li{margin-top:0px;}
	.issue_area .title{margin:0px;padding:0px;border-bottom:0px;}
	.issue_area .vote ul{position:static;margin-top:0px;display:inline-block;}
	
}

@media screen and (max-width:430px){
	.notice_area h2{width:auto;margin:0;}	
	.sns_section dt > a{padding:0px 15px;font-size:13px;letter-spacing:-2px;}	
	.sns_section dt:nth-of-type(1){left:0;}
	.sns_section dt:nth-of-type(2){left:56px;}
	.sns_section dt:nth-of-type(3){left:135px;}
	/* 
	.sns_section dt:nth-of-type(1){left:0;}
	.sns_section dt:nth-of-type(2){left:40px;}
	.sns_section dt:nth-of-type(3){left:99px;}
	.sns_section dt:nth-of-type(4){left:147px;}
	.sns_section dt:nth-of-type(5){left:215px;}
	.sns_section dt:nth-of-type(5) > a{padding-right:3px;}
	.sns_section dt:nth-of-type(1) > a{padding-left:5px;}
	 */
}