@charset "utf-8";

*{font-family:'Malgun Gothic', 맑은고딕, sans-serif;color:#303030}

a:hover,a:focus{text-decoration:none}
img {max-width:100%; line-height:0px;border:0;vertical-align: middle;}
.tts{overflow:hidden;position:absolute;width:0;height:0;line-height: 0;font-size:0;text-indent:-99999px;}


html,body.index{width:100%;overflow-x:hidden;min-width:320px;}

#wrap {position:relative; width:100%; max-width:720px; height:auto; margin:0 auto;}

#header{position:relative;width:100%;padding:10px 2% 20px ;box-sizing:border-box;overflow:hidden;}
#header h1{float:left;width:45%;text-align:left}
#header .btn_go{position:absolute; right:2%;top:20px;width:40%;}

#container{width:100%;overflow:hidden;}
.notice{position:relative;z-index:1;}
.notice:after{clear:both;content:'';display:block;}
.notice li{float:left;width:20%;}

.d_day{width:100%;position:relative;}
.d_day .num{position:absolute; left:52%;bottom:51%;letter-spacing:-2px}
.d_day .num span{font-size:70px;font-weight:800;color:#9c428e;line-height:1;}



@media all and (min-width:481px) and (max-width:640px){
	.d_day .num span{font-size:50px;}
}

@media all and (min-width:320px) and (max-width:480px){
	.d_day .num span{font-size:36px;}
}

.info_top{padding:3%;background:#d7e9f2}
.info_top h2{text-align:center;width:40%;margin:0 auto 2%;}
.info_top ul:after{clear:both;content:'';display:block;}
.info_top li{float:left;width:25%;}
.info_top li a{display:block;padding:3%}

ul.left_box {position:relative;overflow:hidden; width: 100%;background:url(../m/vt/images/mobile/left_box_bg.png) repeat-x top left ; padding-top:3px;  }  /*180411*/
ul.left_box li{float:left; width:50%; box-sizing: border-box; background-image:  url(../m/vt/images/mobile/left_box_Libg.png); background-position: left bottom; background-color: #5c62ab; box-shadow: 0px 2px 1px 1px #50559b; display: table; min-height: 41px; line-height: 1em}
ul.left_box li:nth-child(11), ul.left_box li:nth-child(12){background-image:none; } /*180430 */
ul.left_box li img{display: table-cell; vertical-align: middle}

.slide{position:relative;width:100%;overflow:hidden;}
.slide  a img{vertical-align:middle;width:100%;height:100%;max-width:100%;}
.slide .slick-slide{float:left;}
.slide .slick-dots {text-align: center; padding: 1.5% 0; background: #5a5a5a}  /*180605*/
.slide .slick-dots li{position: relative;display: inline-block;margin: 0 3px;padding: 0;cursor: pointer;text-align:center;float:none;}
.slide .slick-dots li button{background:#bcbcbc; text-indent:-99999em; margin:0; display:inline-block; width:12px; height:12px; padding:0; text-align:center; border:0; padding:1px; border-radius: 30px}
.slide .slick-dots li.slick-active button, .slide .slick-dots li.slick-active button:hover{background: #bcbcbc; width:50px;}

.main_menu{position:relative;overflow:hidden}
.main_menu h2{float:left;width:25%;}
.main_menu ul:after{clear:both;content:'';display:block;}
.main_menu li{float:left;width:25%;}

#footer{overflow:hidden;background:#ccc;display:table;table-layout:fixed;width:100%}
#footer .copy{display:table-cell;width:25%;padding:10px;box-sizing:border-box;background:#848488;color:#fff;font-size:14px;vertical-align:middle;}
#footer .f_sns{display:table-cell;width:85%;padding:10px 40px;box-sizing:border-box;overflow:hidden;vertical-align:middle;}
#footer .f_sns a{display:block;float:left;width:12.5%}

@media all and (min-width:320px) and (max-width:480px){
#footer .copy{font-size:10px;letter-spacing:-1px;}
}

/*@media all and (min-width:320px) and (max-width:480px){
#footer .copy{float:none;width:100%;text-align:center;height:auto;padding:10px}
#footer .f_sns{float:none;width:100%;}
}*/


/* Slider */
.slick-slider{position: relative;display: block;-moz-box-sizing: border-box; box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;
-webkit-touch-callout: none;-khtml-user-select: none;-moz-touch-action: pan-y;-ms-touch-action: pan-y;-o-touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-list{ position: relative;display: block;overflow: hidden;margin: 0; padding: 0;}



/*서브 레이아웃*/
.content_area{width: 100%;  box-sizing: border-box; padding: 1.5em 1.2em}


/* Paging */
ul.paging {margin:25px auto; text-align:center; font-size:12px; vertical-align:top;}
ul.paging li {display:inline-block;  vertical-align:top;float:none;margin-right:5px; }
ul.paging li:first-child {margin-left:0;}
ul.paging a {display:inline-block;  border:1px solid #b2b2b2; width:27px; padding:7px 0 6px; vertical-align:top;  text-align:center; color:black;}
ul.paging li.num  {vertical-align:top;padding: 0 2px;}
ul.paging li.num a  {display:inline-block;width:27px; padding:0; height:27px; text-align:center; color:black; background-color:#fff;border: none;}
ul.paging li.num a.on span{background:#333; color:#fff;}
ul.paging a.icon { height:27px; padding:0; vertical-align:top}
ul.paging a.first {background:#fff url("/images/m2/common/pagingBg1.gif") no-repeat 50% 50% !important; width:27px;}
ul.paging a.next {background:#fff url("/images/m2/common/pagingBg2.gif") no-repeat 50% 50% !important; width:27px;}
ul.paging a.prev {background:#fff url("/images/m2/common/pagingBg3.gif") no-repeat 50% 50% !important; width:27px;}
ul.paging a.last {background:#fff url("/images/m2/common/pagingBg4.gif") no-repeat 50% 50% !important; width:27px;}
ul.paging a.first span, ul.paging a.next span, ul.paging a.prev span, ul.paging a.last span{font-size:0;line-height:0;overflow:hidden;white-space:nowrap;}
ul.paging li span{display:block;float:left;line-height:27px;padding:0 11px; text-align:center;}

.paging{overflow:hidden;clear:both;margin:0 auto;padding:0px;text-align:center;zoom:1}
#content .paging img{vertical-align:bottom;_margin-bottom:2px}
.paging a{display:-moz-inline-box;display:inline-block;_position:relative;color:#666;font-family:'돋움', Dotum;font-size:12px;font-weight:bold;line-height:25px;text-decoration:none !important;*vertical-align:bottom
}
.paging a span{display:block;_display:inline;position:relative;top:0;zoom:1;float:left;*vertical-align:bottom
}
.paging a.first, .paging a.next, .paging a.prev, .paging a.last{position:relative;/*top:9px;*/ background:none !important;font-family:'돋움', Dotum, '굴림', Gulim, AppleGothic, Sans-serif;font-size:12px}
.paging a.prev{margin-left:4px}
.paging a.next{margin-right:4px}
.paging a:hover {color:#fff;}


/*투개표정보*/  /*180612*/
.vote_open{display: block; width: 100%; background-color: #d1d1e8; background-image: url(/m/vt/images/mobile/vote_open_bg.png); background-repeat: no-repeat; background-size: contain; }
.vote_open ul{padding: 0 4% 3% 6%}
.vote_open ul li{display: inline-block; width: 46%; margin-right: 3%; margin-bottom: 3% }
.vote_open ul li:nth-child(2),.vote_open ul li:nth-child(4){margin-right:0%; }