@charset "utf-8";

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

a:hover,a:focus{text-decoration:none}

body.index {width:100%;background:#fff}
.tts{overflow:hidden;position:absolute;width:0;height:0;line-height: 0;font-size:0;text-indent:-99999px;}

#wrap {width:100%;min-width:1400px;}
/* #header {position:relative;height:77px;padding-top:18px;box-sizing:border-box;width:1400px;margin:0 auto;}
#header_sub{position:relative;height:77px;padding-top:18px;box-sizing:border-box;width:1200px;margin:0 auto;}180409
#header h1, #header_sub  h1{float:left;}180409
#header .btn_go, #header_sub .btn_go{margin-left:20px;margin-top:9px;}180411
#header .right{position:absolute; top:36px;right:0;}
#header_sub .sub_right{position:absolute; top:10px;right:0;}180409 */

#container_wrap {overflow:hidden;display:block;width:100%; }
#container {margin:0 auto;width:1400px;}
#container_SUB {position:relative;padding:30px 0;background:#e9f1fb;} /*180409*/
#container_SUB .inner{z-index:1;}
#container_SUB:before,
#container_SUB:after{display:block;content:'';position:absolute;left:0;right:0;z-index:0;}
#container_SUB:before{top:0;height:673px;background:url(/static/images/vt/2021vt/bg_container_SUB1.jpg) no-repeat;}
#container_SUB:after{bottom:0;height:664px;background:url(/static/images/vt/2021vt/bg_container_SUB2.jpg) no-repeat;}

.notice {position:relative; overflow:hidden;width:1400px;height:48px;margin:0 auto; background:url(../portal/images/2018/notice_bg.gif) no-repeat 0 0}/*180411*/
.notice ul{display:inline-block;overflow:hidden;min-width:803px;}
.notice li {float:left;width:160px;height:48px;text-indent:-9999px}
.notice li.notice_focus {width:163px;}
.notice li a{display:block;width:100%;height:100%;}
.notice li.bg1{background:url(/portal/images/2018/notice_bg1.png) no-repeat 0 0}
.notice li.bg2{background:url(/portal/images/2018/notice_bg2.png) no-repeat 0 0}
.notice li.bg3{background:url(/portal/images/2018/notice_bg3.png) no-repeat 0 0}
.notice li.bg4{background:url(/portal/images/2018/notice_bg4.png) no-repeat 0 0}
.notice li.bg5{width:163px;background:url(/portal/images/2018/notice_bg5.png) no-repeat 0 0}
.notice li.bg1:hover,.notice li.bg1:focus{background:url(/portal/images/2018/notice_bg1_on.png) no-repeat 0 0}
.notice li.bg2:hover,.notice li.bg2:focus{background:url(/portal/images/2018/notice_bg2_on.png) no-repeat 0 0}
.notice li.bg3:hover,.notice li.bg3:focus{background:url(/portal/images/2018/notice_bg3_on.png) no-repeat 0 0}
.notice li.bg4:hover,.notice li.bg4:focus{background:url(/portal/images/2018/notice_bg4_on.png) no-repeat 0 0}
.notice li.bg5:hover,.notice li.bg5:focus{width:163px;background:url(/portal/images/2018/notice_bg5_on.png) no-repeat 0 0}

.content_box + .content_box{margin-top:15px;margin-bottom:20px; position: relative}
.content_box:after {clear:both;content:'';display:block}
.content_box .left {position:relative;width:1040px;float:left}
.content_box .right{position:relative;margin-left:15px;width:345px;float:left}

.top_left{position:absolute; left:48px;top:30px;z-index:2;height:625px;}
.top_left .d_day {width:215px;height:103px;padding:48px 0 0 58px;box-sizing:border-box;margin-bottom:25px;background:url(/portal/images/2018/dday_bg.png) no-repeat 0 0;text-align:left}
.top_left .d_day .num.first{position:relative;padding-right:16px}
.top_left .d_day .num.first:after{content:'';display:inline-block;width:10px;height:2px;background:#272727;position:absolute; right:0;top:50%;margin-top:-1px}
.top_left .d_day .num{display:inline-block;width:38px;height:35px;line-height:32px;text-align:center;font-size:27px;font-weight:bold;color:#fff;background:url(/portal/images/2018/dday_num_bg.png) no-repeat 0 0; vertical-align: top}

.top_left .left_box{width:215px;height:376px;background:#428e9c;box-shadow:2px 1px 10px rgba(0, 0, 0, 0.4)}
.top_left .left_box li{width:100%;height:45px;line-height:45px;border-top:1px solid #66b2c0; border-bottom:1px solid #115d6b;}
.top_left .left_box li a{display:block;border:1px solid #4c9fab;box-sizing:border-box;padding-left:60px;position:relative;color:#fff;font-size:15px;font-weight:bold;letter-spacing:-1px}
.top_left .left_box li a:hover,.top_left .left_box li a:focus{background:#f54a7e;box-shadow:0 3px 7px rgba(0, 0, 0, 0.2)}
.top_left .left_box li a:before{content:"";display:block;width:30px;height:30px;position:absolute; left:20px;top:50%;margin-top:-15px;background:url(http://www.nec.go.kr/portal/images/2018/sp.png) no-repeat 0 0}

/*top_left .left_box li 180614 수정 전체*/
.top_left .left_box li:nth-child(1) a:before{background-position:-30px -60px}
/*.top_left .left_box li:nth-child(2) a:before{background-position:-0px 0}*/
.top_left .left_box li:nth-child(2) a:before{background-position:-30px 0}
.top_left .left_box li:nth-child(3) a:before{background-position:-60px 0}
.top_left .left_box li:nth-child(4) a:before{background-position:-60px -30px}
/*.top_left .left_box li:nth-child(5) a:before{background-position:-90px 0}*/
.top_left .left_box li:nth-child(5) a:before{background-position:-60px -60px}
.top_left .left_box li:nth-child(6) a:before{background-position:0 -30px}
.top_left .left_box li:nth-child(7) a:before{background-position:-30px -30px}
.top_left .left_box li:nth-child(8) a:before{background-position:-0px -60px}
.top_left .left_box li:nth-child(10) a:before{background-position:-30px -60px}


.top_center{position:relative}
.top_center .visual { position: relative;overflow: hidden;z-index:1}
.top_center .visual a{display:block;}
.top_center .visual  a img{vertical-align:middle;width:100%;height:100%;max-width:100%;}
.top_center .visual .slick-slide{float:left}
/* .top_center .visual_wrap  button{background: url(/portal/images/2018/visual_ctrl.png) no-repeat ;text-indent:-99999em;width:46px;height:45px;border:0 none;} */
.top_center .visual_wrap .visual_ctrl {position: absolute;bottom: 30px;right: 30px;z-index:1000}
.top_center .visual_wrap .visual_ctrl .visualStop {background-position:-92px 0;}
.top_center .visual_wrap .visual_ctrl .visualPlay {display: none;background-position:-138px 0;}

.top_center .visual_wrap .slick-arrow{position:absolute;top:50%;margin-top:-20px;width:40px;height:40px;text-indent:-999em;z-index:1000;border:0;cursor:pointer;}
.top_center .visual_wrap .slick-arrow.slick-prev{left:0;background:rgba(0,0,0,0.6) url(/portal/images/2020vt/visualCtrl_prev.png) center center no-repeat;}
.top_center .visual_wrap .slick-arrow.slick-next{right:0;background:rgba(0,0,0,0.6) url(/portal/images/2020vt/visualCtrl_next.png) center center no-repeat;}

.info_top{padding:0 20px 16px;margin-bottom:10px;background:#e5eff1}
.info_top h2{height:49px;}
.info_top ul:after{clear:both;content:'';display:block}
.info_top li{float:left; width:145px;height:55px;margin-top:10px;}
.info_top li:nth-child(2n){margin-left:15px;}


.right_ab{position: absolute; right: 0; top:-72px;margin-left:15px;width:345px;}

.info_bottom{position:relative;z-index:1}
.info_bottom .info { position: relative;overflow: hidden;z-index:1}
.info_bottom .info a{display:block;}
.info_bottom .info  a img{vertical-align:middle;width:100%;height:100%;max-width:100%;}
.info_bottom .info .slick-slide{float:left}
.info_bottom .slick-dots button{background: url(/portal/images/2018/visual_ctrl.png) no-repeat ;text-indent:-99999em;width:23px;height:23px;border:0 none;background-size:auto 23px}
.info_bottom .info_ctrl {position: absolute;bottom: 20px;right: 20px;z-index:1000}
.info_bottom .info_ctrl .infoStop {background-position: -48px 0;}
.info_bottom .info_ctrl .infoPlay {display: none;background-position:-72px 0;}
.info_bottom .slick-arrow{position:absolute;top:50%;margin-top:-20px;width:40px;height:40px;text-indent:-999em;z-index:1000;border:0;cursor:pointer;}
.info_bottom .slick-arrow.slick-prev{left:0;background:rgba(0,0,0,0.6) url(/portal/images/2020vt/visualCtrl_prev.png) center center no-repeat;}
.info_bottom .slick-arrow.slick-next{right:0;background:rgba(0,0,0,0.6) url(/portal/images/2020vt/visualCtrl_next.png) center center no-repeat;}

.slider + .slider{margin-left:10px;}
.slider { position: relative;float:left;width:340px;height:219px;box-sizing:border-box;padding:13px 18px 17px;background:#f6f7f9}
.slider h2{position:relative;display:inline-block;padding-left:16px;margin-bottom:10px;font-size:18px;}/*180411*/
.slider h2:before{content:'';display:block;width:7px;height:20px;position:absolute; left:0;top:50%;margin-top:-10px;background:#ef4f7f;border-radius:3px;}
#event.slider h2:before{background:#6290e8;}
#hongbo.slider h2:before{background:#9062ab;}
.slider .item,.slider > ul {overflow: hidden;}
.slider .item  a{display:block;}
.slider .item  a img{vertical-align:middle;width:100%;height:100%;max-width:100%;}
.slider .item .slick-slide{float:left}
.slider .slick-dots {position:absolute; right:38px;top:20px;}
.slider .slick-dots li{position: relative;display: inline-block;margin: 0 3px;padding: 0;cursor: pointer;text-align:center;float:none;}
.slider .slick-dots li button{background: url(/portal/images/2018/slidePaging_off.gif) no-repeat center center;text-indent:-99999em;margin:-5px 0 0 0;display:inline-block;width:20px;padding:0;text-align:center;height:20px;border:0;padding:1px;}
.slider .slick-dots li.slick-active button, .slider .slick-dots li.slick-active button:hover{background: url(/portal/images/2018/slidePaging_on.gif) no-repeat left center;width:41px;}
.slider .slider_ctrl {position: absolute;top: 18px;right: 18px;}
.slider .slider_ctrl .btnStop {background: url(/portal/images/2018/pop_stopBtn.gif) no-repeat center center;}
.slider .slider_ctrl .btnPlay {display: none;background: url(/portal/images/2018/pop_playBtn.gif) no-repeat center center;}
.slider .slider_ctrl button {border:0 none;width: 20px;height: 20px;z-index: 100;display: block;text-indent: -99999em;padding: 0; margin:-3px 0 0 0;}

.main_menu{position:relative;height:73px;}/*180411*/
.main_menu ul{position:absolute;left:73px;top:0}
.main_menu li{float:left;}
.main_menu li:first-child{}
.main_menu li a{display:block;width:100%;height:100%;}
.main_menu.bg1 li:first-child a{background-position:0 -146px}
.main_menu.bg1 li:nth-child(2) a{background-position:-90px -146px}
.main_menu.bg1 li:nth-child(3) a{background-position:-180px -146px}
.main_menu.bg2 li:first-child a{background-position:0 0}
.main_menu.bg2 li:nth-child(2) a{background-position:-90px 0}
.main_menu.bg2 li:nth-child(3) a{background-position:-180px 0}
.main_menu.bg3 li:first-child a{background-position:0 -73px}
.main_menu.bg3 li:nth-child(2) a{background-position:-90px -73px}
.main_menu.bg3 li:nth-child(3) a{background-position:-180px -73px}


/*투개표정보*/
.vote_open{display: block; width: 100%; background-color: #d1d1e8; background-image: url(/portal/images/2018/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%; }

.slider > div.item{height:140px;overflow:hidden;}
.info_bottom > div.info{height:350px;overflow:hidden;}

/* #footer {background: #f4f4f4;border-top: 1px solid #dee3eb;}
#footer a {font-size: 13px;letter-spacing: -1px;}
#footer .footer_bg {max-width:1400px;margin:0 auto;}
#footer .footer_bg_sub {max-width:1200px;margin:0 auto;}180409
#footer .f_menu {width: 100%;margin: 0 auto;overflow: hidden;border-bottom: 1px solid #e5e5e5;margin-top: 11px;padding-bottom:13px;}
#footer .f_menu ul {overflow: hidden;float: left;margin-top: 10px;}
#footer .f_menu ul li {float: left;background: url(/portal/images/2018/line.gif) no-repeat left 50%;padding: 0 9px;}
#footer .f_menu .f_sns {float: right;margin-bottom: 3px;}
#footer .f_menu .f_sns img {vertical-align: middle;}
#footer .bgn {background: none !important;}
#footer .foot {padding: 0 0 35px 0;width: 100%;overflow: hidden;position: relative;}
#footer .f_logo {float: left;padding: 10px 26px 0 0;}
#footer .f_logo img {width: 240px;}
#footer .f_add {float: left;padding-top: 23px;color: #474a5b;font-size: 0.95em;line-height: 1.4;}
#footer .f_add address {margin-bottom: 1px;}
#footer .fb {font-weight: bold !important;}
#footer .f_add .addB {font-weight: bold;color: #f05291;display: inline-block !important;}
#footer .family {float: right;padding: 25px 0 0 0;}
#footer .family .familySel {cursor: pointer;border: 0;background: #f8f8f8 url(/portal/images/2018/bu_select.gif) 95% no-repeat;width: 205px;overflow: hidden;display: inline-block;border: 1px solid #474a5b;float: left;}
#footer .family .familySel select {height: 32px;border: none;background: transparent;width: 115%;min-width: 90px;font-size: 13px;padding-left: 8px;letter-spacing: -1px;}
#footer .family .input_img {vertical-align: top;display: inline;}
#footer .mark {position: absolute;top: 15px;right: 500px;border: 0;padding: 0;background: none;}
 */

#bgW { display: none; background: rgba(0, 0, 0, 0.7); position: fixed; width: 100%; z-index: 200; top: 0; height: 100%; }