@charset "utf-8";

/* CSS Reset */
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body{line-height:1.2}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,h5,h6,input,textarea,select,button{font-family:NanumGothic,'나눔고딕',Dotum,'돋움',Segoe UI,sans-serif;font-size:12px;color:#333}
img,fieldset,iframe{border:0 none}
ul li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
cite,em,address{font-style:normal}
em{font-weight:bold}
label{display:inline-block;position:relative;cursor:pointer}
button{background:none;border:0 none;cursor:pointer}
a{color:#454545;text-decoration:none}
a:hover,a:focus{color:inherit;text-decoration:underline}
a:active{color:inherit;text-decoration:none}
hr{display:none}
legend{display:block;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0} /* For Screen Reader */
textarea{overflow-x:hidden;overflow-y:auto;resize:none}
table{border-collapse:collapse;border-spacing:0}
section,article,aside,hgroup,header,footer,nav,figure,figcaption,time,mark,canvas,video,audio,details,summary{display:block} /* HTML 5 */

/* Common */
.blind{display:block;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;border:0 none;font-size:0;line-height:0;text-indent:100%;white-space:nowrap} /* For Screen Reader */
caption.blind{display:table-caption;visibility:hidden;position:static;text-indent:0}
.show{display:block}
.hide{display:none}
.bold{font-weight:bold}
mark,.mark{padding:2px 1px 1px;font-weight:bold;color:#fff;background-color:#6dcbd3}
.ellipsis{overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}

/* Layout */
#wrap{position:relative;width:100%;height:100%}
#header, #container, #footer{min-width:1000px}

/* Header */
#header{background:#4661b7 url(/images/vote/bg-header-right.png) 100% 0 no-repeat}
.bg-header{position:absolute;top:219px;left:0;width:234px;height:265px;background:url(/images/vote/bg-header-left.png) 0 0 no-repeat}
.header-wrap .tit-vote{width:583px;height:229px;margin:0 auto;padding-top:110px;background:url(/images/vote/tit-vote.png) 0 110px no-repeat}
.header-wrap .btn-area{*zoom:1;width:265px;margin:74px auto 0}
.header-wrap .btn-area:after{display:block;clear:both;content:''}
.header-wrap .btn-area .btn{float:left;position:relative;height:37px;padding-bottom:4px;background-position:0 0;background-repeat:no-repeat;vertical-align:top;line-height:1px;text-align:center;cursor:pointer}
.header-wrap .btn-area .btn:hover{text-decoration:none}
.header-wrap .btn-area .btn div{display:block;position:relative;top:0;left:0;height:37px;line-height:37px;font-size:18px;font-weight:bold;color:#fff}
.header-wrap .btn-area .btn-join div{left:4px;width:125px}
.header-wrap .btn-area .btn-vote div{width:132px}
.header-wrap .btn-area .btn-join{width:129px;background-image:url(/images/vote/btn-join.png)}
.header-wrap .btn-area .btn-vote{width:136px;background-image:url(/images/vote/btn-vote.png)}
.header-wrap .lnb{margin-top:32px;padding:66px 0 49px;border-top:3px solid #203e90;background-color:#304d72}
.header-wrap .lnb-wrap{*zoom:1}
.header-wrap .lnb-wrap:after{display:block;clear:both;content:''}
.header-wrap .lnb-wrap ul{float:right;position:relative;left:-50%}
.header-wrap .lnb-wrap li{float:left;position:relative;left:50%;margin-left:57px;font-size:17px;color:#fff;text-align:center}
.header-wrap .lnb-wrap .first-none{margin-left:0}
.header-wrap .lnb-wrap img{display:block;margin-bottom:6px}
.header-wrap .d-day{position:absolute;top:25px;left:35px}
.header-wrap .d-day strong{display:block;margin-bottom:3px;line-height:1.4;font-size:18px;font-weight:normal;color:#fff}
.header-wrap .d-day span{display:block;font-size:23px}
.header-wrap .d-day p{*zoom:1}
.header-wrap .d-day p:after{display:block;clear:both;content:''}
.header-wrap .d-day p span{float:left;width:32px;height:39px;line-height:39px;background:url(/images/vote/bg-d-day.png) 0 0 no-repeat;font-size:25px;color:#b4d3fc;text-align:center}
.header-wrap .inquiry{position:absolute;top:25px;right:35px;padding-left:60px;background:url(/images/vote/icon-inquiry.png) 0 0 no-repeat;font-size:23px;color:#fff;letter-spacing:-1px;text-align:center}

/* Content */
#content .content-price{padding:45px 0 37px;background-color:#ee6c6c;text-align:center;color:#fff}
.content-price .desc-price{font-size:27px}
.content-price .desc-price .tit-type{font-size:25px}

#content .content-x_messenger{padding:55px 0;background-color:#b6d9fd;text-align:center}
.content-x_messenger .desc-x_messenger{margin-bottom:25px;font-size:30px;color:#5a5a5a;letter-spacing:-1px}
.content-x_messenger .desc-x_messenger img{vertical-align:middle}
.content-x_messenger .desc-x_messenger span{font-size:35px}

#content .content-mms_editor{padding:55px 0;background-color:#9ec8f4;text-align:center}
.content-mms_editor .desc-mms_editor{margin-bottom:25px;font-size:30px;color:#5a5a5a;letter-spacing:-1px}
.content-mms_editor .desc-mms_editor img{vertical-align:middle}
.content-mms_editor .desc-mms_editor span{font-size:35px}

#content .content-apply{position:relative;padding:74px 0 50px;border-top:7px solid #203e90;background:#4f63a2 url(/images/vote/bg-apply-left.png) 0 218px no-repeat}
.content-apply .bg-apply{position:absolute;top:0;right:0;width:429px;height:225px;background:url(/images/vote/bg-apply-right.png) 0 0 no-repeat}
.content-apply .content-apply-wrap{position:relative;text-align:center}
.content-apply .desc-apply{font-size:25px;color:#fff}
.content-apply .desc-apply strong{font-size:42px}
.content-apply .desc-apply span{*zoom:1;*display:inlnie;display:inline-block;margin-right:10px;font-size:38px}
.content-apply .list-apply-flow{*zoom:1;margin-top:48px}
.content-apply .list-apply-flow:after{display:block;clear:both;content:''}
.content-apply .list-apply-flow ul{float:right;position:relative;left:-50%}
.content-apply .list-apply-flow .item{float:left;position:relative;left:50%;width:245px;background:url(/images/vote/icon-apply-arrow.png) 100% 20% no-repeat}
.content-apply .list-apply-flow .last-none{background:none}
.content-apply .list-apply-flow .tit{display:block;width:123px;height:123px;line-height:1.1;margin:0 auto;padding-right:22px;background:url(/images/vote/bg-apply-item.png) 0 0 no-repeat;font-size:19px;letter-spacing:-1px}
.content-apply .list-apply-flow .tit span{display:block;color:#4f63a2}
.content-apply .list-apply-flow .desc{margin-top:9px;margin-left:-22px;font-size:17px;color:#fff;letter-spacing:-2px}
.content-apply .btn-area{*zoom:1;width:265px;margin:65px auto 0}
.content-apply .btn-area:after{display:block;clear:both;content:''}
.content-apply .btn-area .btn{float:left;position:relative;height:37px;padding-bottom:4px;background-position:0 0;background-repeat:no-repeat;vertical-align:top;line-height:1px;text-align:center;cursor:pointer}
.content-apply .btn-area .btn:hover{text-decoration:none}
.content-apply .btn-area .btn div{display:block;position:relative;top:0;left:0;height:37px;line-height:37px;font-size:18px;font-weight:bold;color:#fff}
.content-apply .btn-area .btn-join div{left:4px;width:125px}
.content-apply .btn-area .btn-vote div{width:132px}
.content-apply .btn-area .btn-join{width:129px;background-image:url(/images/vote/btn-join.png)}
.content-apply .btn-area .btn-vote{width:136px;background-image:url(/images/vote/btn-vote.png)}

#content .content-procedure{padding:0}
.content-procedure h3{margin-bottom:23px;font-size:24px}
.content-procedure .content-procedure-wrap{width:750px;margin:0 auto;line-height:1.6}
.content-procedure .list-procedure{font-size:19px;letter-spacing:-2px;color:#4f4f4f}
.content-procedure .list-procedure li{margin-bottom:20px;padding-left:20px}
.content-procedure .list-procedure > ul > li > .tit{*zoom:1;display:inline-block;*display:inline;margin-bottom:5px;margin-left:-20px;padding:5px 10px 5px 30px;border-radius:5px;background-color:#37487f;color:#fff}
.content-procedure .list-procedure .tit{display:block;margin-bottom:5px;font-weight:normal}
.content-procedure .list-procedure .tit .bu{*zoom:1;display:inline-block;*display:inline;width:20px;margin-left:-20px}
.content-procedure .list-procedure .color{color:#4f63a2}

#content .content-message{padding:0}
.content-message h3{margin-bottom:33px;font-size:24px}
.content-message .content-message-wrap{position:relative;width:750px;margin:0 auto}
.content-message .phonemsgbox{width:100px;height:84px;font-family:돋움체,tahoma;font-size:9pt;color:#303030;overflow:hidden;border-style:none;border-top-width:0px;border-bottom-width:0px;background:none}
.content-message .tab_emoticon{font-size:12px;z-index:10;display:block;float:left;width:50px !important;height:30px;background:##fff;text-align:center;line-height:30px;color:#484747 !important;border:1px solid #fff;font-weight:bold;margin:0 !important;padding:0 !important}
.content-message .tab_emoticon:hover{z-index:20;background:#fff;border:1px solid #37487f;color:#484747}
.content-message .tab_emoticon.over{z-index:20;background:#fff;border:1px solid #37487f;color:#484747}
.content-message .tab_emoticon.tab_1{position:absolute;top:0;left:114px !important}
.content-message .tab_emoticon.tab_2{position:absolute;top:0;left:114px !important}
/*.content-message .tab_emoticon.tab_2{position:absolute;top:0;left:163px !important}*/
.content-message .tab_controll{clear:both;float:left;width:100%;display:block;text-align:center;padding:10px 0 0}
.content-message .tab_controll a{font-weight:bold;display:inline-block;width:20px;height:20px;line-height:20px;border:0 none;font-size:12px}
.content-message .tab_controll a.over{color:#fe3675 !important;width:20px;height:20px;line-height:20px;border:0 none;font-size:12px}
.content-message #centerimo1{position:relative;display:block;width:624px;height:370px;margin:15px auto 20px}
.content-message #centerimo2{position:relative;display:none;width:632px;height:370px;margin:15px auto 20px}
.content-message .emotion_cont{display:inline;text-align:left;width:155px; height:100px; float:left; background:url(http://img.surem.com/images/main/emo_bg.gif) no-repeat;  padding:23px 1px 0px 0px;margin:0}
.content-message .emotion_cont .phonemsgbox{margin-left:13px}
.content-message .mmstext0{border:0 none;height:258px;line-height:15px;width:115px}
.content-message .emotion_cont2{width:158px; height:360px; position:relative;  float:left; background:url(/common/visualphone2009/img/savemms/open_savemms_bg.gif); background-repeat:no-repeat;overflow:hidden}
.content-message .emotion_cont2_inner{width:113px; height:285px; padding:24px 0px 0px 10px; float:left;}
.content-message .emotion_cont2_inner textarea{overflow-x:hidden}
.content-message .btn_emotion_cont2{width:65px; height:20px; position:absolute; top:315px; left:40px; padding:0px 0px 0px 0px; float:left}
.content-message .emotion_cont_sms_area{height:380px}
.content-message .emotion_cont_mms_area{height:380px}

#content .content-regulations{padding:0}
.content-regulations h3{margin-bottom:23px;font-size:24px}
.content-regulations .content-regulations-wrap{width:750px;margin:0 auto;font-size:19px;letter-spacing:-1px;line-height:1.6}
.content-regulations .h_election{display:block;font-weight:bold;color:#37487f;padding:30px 0 10px 15px}
.content-regulations .h_election span{color:#777}
.content-regulations .h_election.long{letter-spacing:-1px;padding-top:30px}
.content-regulations .btn_vote{margin-left:25px;text-decoration:underline}
.content-regulations .law{margin-left:25px}
.content-regulations .law dt{*zoom:1;display:inline-block;*display:inline;margin-top:23px;margin-bottom:5px;padding:5px 10px;border-radius:5px;background-color:#37487f;color:#fff}
.content-regulations .law dd{margin:0;padding-left:26px}
.content-regulations .law dd span{display:inline-block;width:10px;margin-left:-10px}
.content-regulations .law dd span.depth{margin-left:13px}
.content-regulations .p_call{color:rgb(255,2,0);font-weight:bold;margin:25px 0 35px 25px}
.content-regulations .join_area{clear:both;position:relative;margin:0 0 20px 15px;height:80px}
.content-regulations .join_area .btn_reg{display:block;float:left;width:157px;height:31px;font-weight:bold;border:1px solid #37487f;color:#37487f;text-align:center;line-height:31px}
.content-regulations .join_area .btn_reg:hover{background:#37487f;color:#fff}
.content-regulations .join_area img{position:absolute;top:7px;left:155px}
.content-regulations .join_area span{position:absolute;top:50px;left:170px;letter-spacing:-1px}

#content .content-poster{padding:0}
.content-poster .content-poster-wrap{width:750px;margin:0 auto;font-size:19px;letter-spacing:-1px;line-height:1.6}
.content-poster h3{margin-bottom:23px;font-size:24px}
.content-poster .h_election{display:block;font-weight:bold;color:#37487f;padding:30px 0 10px 15px}
.content-poster .h_election span{color:#777}
.content-poster .h_election.long{letter-spacing:-1px;padding-top:30px}
.content-poster .p_poster{margin-bottom:12px;margin-left:25px}
.content-poster .poster_blank{margin-left:25px}
.content-poster .poster_qna{margin-left:45px}
.content-poster .list_poster{margin:10px 0 10px 45px !important;}
.content-poster .list_poster li span{display:inline-block;margin-left:-10px}
.content-poster .tit_poster{display:block;margin-left:35px;margin-top:30px}
.content-poster .img_poster{display:block;margin-left:25px;margin-bottom:30px}
.content-poster .img_poster img{width:250px;vertical-align:top;margin:0 10px}
.content-poster .img_poster img.first{width:231px;height:409px}
.content-poster .join_area{clear:both;position:relative;margin:0 0 20px 15px;height:80px}
.content-poster .join_area .btn_reg{display:block;float:left;width:157px;height:31px;font-weight:bold;border:1px solid #37487f;color:#37487f;text-align:center;line-height:31px}
.content-poster .join_area .btn_reg:hover{background:#37487f;color:#fff}
.content-poster .join_area img{position:absolute;top:7px;left:155px}
.content-poster .join_area span{position:absolute;top:50px;left:170px;letter-spacing:-1px}

#content .content-qna{padding:0}
.content-qna .content-qna-wrap{width:750px;margin:0 auto;font-size:19px;letter-spacing:-1px;line-height:1.6}
.content-qna h3{margin-bottom:23px;font-size:24px}
.content-qna .list-qna{}
.content-qna .list-qna .bu{*zoom:1;display:inline-block;*display:inline;width:25px;margin-left:-25px}
.content-qna .list-qna dt{display:block;margin-bottom:5px;padding-left:25px;font-weight:bold}
.content-qna .list-qna dd{margin-bottom:30px;padding-bottom:30px;padding-left:25px;border-bottom:1px solid #ccc}
.content-qna .list-qna .last-none{margin-bottom:0;padding-bottom:0;border:0 none}
.content-qna .list-qna dd a{display:block;margin-top:5px;text-decoration:underline}


.snb{position:absolute;top:100%;left:0;width:175px;height:100%;background-color:#8d5242}
.snb li a{display:block;width:150px;height:50px;line-height:50px;padding-left:25px;font-size:19px;letter-spacing:-1px;color:#fff}
.snb li a:hover{background-color:#ac786a;text-decoration:none}
.snb li .on{background-color:#ac786a}
.snb .view{position:absolute;top:7px;right:-83px;width:83px;height:59px;background:url(/images/vote/btn-quick.png) 0 0 no-repeat}

@-webkit-keyframes open-snb {
	0%{left:-175px}
	100%{left:0}
}
@keyframes open-snb {
	  0%{left:-175px}
    100%{left:0}
}
@-webkit-keyframes close-snb {
	0%{left:0}
    100%{left:-175px}
}
@keyframes close-snb {
	0%{left:0}
    100%{left:-175px}
}

@media (min-width:0) and (max-width:1025px) {
	.snb{left:-175px;animation-name:close-snb;animation-duration:2s;-webkit-animation-name:close-snb;-webkit-animation-duration:2s}
}

@media all and (min-width:1025px) {
	.snb{left:0;animation-name:open-snb;animation-duration:2s;-webkit-animation-name:open-snb;-webkit-animation-duration:2s}
}