@charset "utf-8";

@import "reset.css";
@import "main.css";


#wrapper {width:100%;min-width:320px;}


/* Skip Navigation */
#accessibility-contents {position:absolute;width:100%;height:0;}
#skipNav {position:absolute;left:0;top:0;width:100%;z-index:999;}
#skipNav a {display:block;width:100%;height:0px;background:#333;line-height:30px;color:#fff;text-align:center;font-weight:bold;overflow:hidden;}
#skipNav a:focus, #skipNav a:active {height:30px;}


.new_win:after {content:"";display:inline-block;width:10px;height:10px;margin-left:5px;background:url(../images/common/ico_new_win.png) no-repeat;vertical-align:middle;}

/* header */
#header {position:relative;background-color:#159ede;background-image:url(../images/main/header_bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;text-align:center;}
#header > .inner {position:relative;margin:0 auto;width:1040px;}
#header .site_link {position:absolute;top:0;left:50%;margin-left:-600px;width:1200px;text-align:right;z-index:3;}
#header .site_link a {display:inline-block;height:50px;line-height:50px;font-size:14px;}
#header .event_btn_wrap {position:absolute;top:50%;right:2%;margin-top:-21px;z-index:3;}
#header .event_btn {display:block;width:115px;height:42px;line-height:42px;border-radius:42px;color:#0edefe;background:#25344f;text-align:center;}
#header .event_btn:after {content:"";display:block;width:115px;height:19px;background:url(../images/main/btn_shadow.png) no-repeat 0 0;}
#header .event_btn:hover {text-decoration:underline;}

/* 온라인 투표 참여 안내 */
#header .event_info_wrap {display:none;position:absolute;top:44px;right:0;min-width:430px;padding:10px 15px;box-sizing:border-box;background:#fff;text-align:left;word-break: keep-all;z-index:5;}
#header .event_info_wrap .inner {position:relative;}
#header .event_info_wrap .inner > .tit {color:#333;font-weight:bold;}
#header .event_info_wrap .event_info_box {margin:5px 0;padding:10px;border:1px solid #ccc;box-sizing:border-box;}
#header .event_info_wrap .event_info_list {}
#header .event_info_wrap .event_info_list li {position:relative;margin-top:3px;padding:0 0 0 70px;}
#header .event_info_wrap .event_info_list li:first-child {margin-top:0;}
#header .event_info_wrap .event_info_list li .tit {position:absolute;top:0;left:0;display:inline-block;width:60px;height:24px;line-height:24px;color:#fff;font-size:13px;border-radius:24px;background:#159ede;text-align:center;}
#header .event_info_wrap .event_info_list li .con {display:inline-block;color:#333;font-size:14px;line-height:1.3;}
#header .event_info_wrap .txt1 {color:#333;}
#header .event_info_wrap .txt_red {color:#ff407c;}
#header .event_info_wrap .guide_box {margin-top:5px;font-size:13px;}
#header .event_info_wrap .pc_block {display:block;}
#header .event_info_wrap .event_info_close {position:absolute;top:0;right:0;width:20px;height:20px;background:url(../images/main/event_info_close_btn.png) no-repeat center center;text-indent:-9999px;}

/* footer */
#footer {padding:35px 0;background:#333;}
#footer > .inner {position:relative;margin:0 auto;padding-left:180px;width:1200px;box-sizing:border-box;}
#footer .f_logo {position:absolute;top:5px;left:0;}
#footer p {color:#999;font-size:14px;}
#footer p span {display:inline-block;}
#footer .emph {color:#fff;}


#topGo {display:none;position:fixed;bottom:5%;right:5%;z-index:900;}
#topGo a {display:block;width:45px;height:45px;line-height:45px;color:#fff;border-radius:50%;background:rgba(0, 0, 0, 0.7);text-align:center;}





/* 테블릿 */
@media screen and ( max-width:1024px ){


	/* header */
	#header .site_link {margin-left:-47%;width:94%;}
	#header > .inner {width:100%;}


	/* footer */
	#footer > .inner {width:94%;}

	
    
}



/* 모바일 */
@media screen and ( max-width:768px ){

	/* header */
	#header .site_link a {height:35px;line-height:35px;}
	#header .event_btn_wrap {position:relative;top:auto;right:auto;margin-top:0;}
	#header .event_btn {margin:0;width:100%;border-radius:0;}
	#header .event_btn:after {display:none;}

	/* 온라인 투표 참여 안내 */
	#header .event_info_wrap {top:55px;right:auto;left:50%;margin-left:-47%;min-width:auto;width:94%;border:1px solid #000;}
	#header .event_info_wrap .pc_block {display:none;}

	/* footer */
	#footer {padding:20px 0;}
	#footer > .inner {padding-left:0;width:94%;}
	#footer p {font-size:13px;}
	#footer .f_logo {display:none;}

}




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


}