@charset "utf-8";


#main_wrap{background-color:#F0F0F0;padding:50px 0;}
#main_content{position:relative;width:1280px;margin:0 auto;}


@media screen and (max-width:768px) {
	#main_wrap{padding:30px 0;}
	#main_content{width:92%;margin:0 auto;}
}

@media screen and (max-width:480px) {
	#main_wrap{padding:20px 0;}
	#main_content{width:auto; margin:0 12px;}
}



#main_section1{position:relative;}

/*메인비주얼*/
#main_visual{position:relative;width:650px;height:450px;}
#main_visual .typo{position:absolute;top:50%;left:0;width:100%;margin-top:-50px;text-align:center;z-index:1000;}
#main_visual .typo .eng{font-size:10px;line-height:22px;letter-spacing:0.4px;color:#fff;font-weight:400;opacity:0.50;display:none;}
#main_visual .typo .slogan{font-size:40px;line-height:44px;font-weight:600;color:#fff;letter-spacing:-2px;text-shadow:1px 1px 2px rgba(0,0,0,0.4);padding:10px 0;}
#main_visual .typo .slogan span{color:#05d9ff;}
#main_visual .bg{position:relative;}

#main_visual ul.slick-dots{position:absolute;left:50%;bottom:20px;width:320px;margin-left:-160px;margin-top:70px;text-align:center;z-index:11;}
#main_visual ul.slick-dots li{display: inline-block;margin:0 3px;}
#main_visual ul.slick-dots li button{font-size: 0;display: block;height:3px;width:10px;border-radius:0px;background-color:#fff;-webkit-transition:all 0.3s; /* Safari */transition: all 0.3s;cursor:pointer;opacity:0.5;}
#main_visual ul.slick-dots li.slick-active button{background:#05d9ff;opacity:1;}


/*공지사항*/
.bd_box{position:absolute;width:366px;height:215px;background-color:#fff;border:1px solid #dddddd;padding:18px 25px 0px;}
.bd_box .title{position:relative;border-bottom:2px solid #0f2c7a;padding-bottom:10px;}
.bd_box .title h3{font-size:22.0px;font-weight:500;line-height:30px;color:#0f2c7a;}
.bd_box .title a{position:absolute;top:2px;right:0;font-size:13px;}
.bd_box ul{padding-top:17px;}
.bd_box li{position:relative;font-size:15.4px;line-height:29px;padding-right:40px;}
.bd_box li a{display:block;background:url(/img/spot_ul2.gif) no-repeat 0 center;padding-left:10px;}
.bd_box li span{display:block;position:absolute;top:1px;right:0;font-size:14px;color:#777;}
.bd_box li a:hover{opacity:0.5;}

#notice{top:0;left:670px;}
#free_bd{top:235px;left:670px;}

#main_login{position:absolute;top:0;right:0;width:224px;height:215px;}
#main_login .login_wrap{background-color:#293d6f;padding:17px 17px 12px;}
#main_login input{width:100%;height:38px;background-color:#eceef2;margin-bottom:5px;font-size:14.6px;font-weight:300;}
#main_login input[type='text'], #main_login input[type='password']{text-indent:5px;}
#main_login input[type='submit']{background-color:#4e8dde;color:#fff;font-weight:500;height:44px;font-size:17px;cursor:pointer}
#main_login a.btn_join{display:block;line-height:51px;background:url(/img/icon/login_arrow.png) no-repeat right center #1291d2;font-size:17.2px;color:#fff;padding-left:18px;}
#main_login a.btn_join img{padding-right:7px;}
#main_login .welcome{height:134px;text-align:center;color:#fff;padding-top:13px;line-height:24px;}
#main_login .welcome span{color:#4AD9FF;font-weight:500;}
#main_login .btn_logout{display:block;width:120px;line-height:36px;background-color:#4e8dde;color:#fff;border-radius:3px;font-weight:500;font-size:15px;margin:18px auto 0;}

#main_vote{position:absolute;top:235px;right:0;width:224px;height:215px;}
#main_vote .top_wrap{border:1px solid #ddd;border-bottom:none;background-color:#fff;}
#main_vote h3{font-size:22.0px;font-weight:500;line-height:50px;color:#0f2c7a;background-color:#d9e7fa;text-align:center;}
#main_vote .subject{background:url(/img/main/bg_vote.gif) no-repeat 0 0;padding:34px 15px 15px;text-align:center;}
#main_vote .subject p{font-size:15px;color:#222;line-height:22px;height:44px;overflow:hidden;}
#main_vote .btn{font-size:0;}
#main_vote .btn a{display:inline-block;width:50%;font-size:15px;font-weight:500;color:#fff;line-height:30px;height:71px;padding-top:37px;text-align:center;}
#main_vote .btn a:first-child{background:url(/img/icon/icon_vote.png) no-repeat center 12px #293d6f;}
#main_vote .btn a:last-child{background:url(/img/icon/icon_vote_result.png) no-repeat center 12px #1291d2;}
#main_vote .btn a:hover{opacity:0.6;}


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

#main_visual{width:100%;height:auto;}
#main_visual .typo{margin-top:-30px;}
#main_visual .typo .slogan{font-size:34px;line-height:40px;letter-spacing:-2px;padding:0;}

#main_visual ul.slick-dots{display:none !important;}


/*공지사항*/
.bd_box{position:relative;width:100%;height:auto;padding:18px 25px 20px;}
.bd_box .title{padding-bottom:10px;}
.bd_box .title h3{font-size:22.0px;line-height:30px;}
.bd_box .title a{top:2px;font-size:13px;}
.bd_box ul{padding-top:17px;}
.bd_box li{font-size:15.4px;line-height:29px;padding-right:40px;}
.bd_box li a{padding-left:10px;}
.bd_box li span{top:1px;right:0;font-size:14px;}

#notice{top:auto;left:auto;margin-top:15px;}
#free_bd{top:auto;left:auto;margin-top:15px;}

#main_login{position:relative;top:auto;right:auto;width:100%;height:auto;}
#main_login .login_wrap{padding:8px;}
#main_login .login_wrap form{font-size:0;}
#main_login input{width:39%;margin:0 1% 0 0;}
#main_login input[type='submit']{width:20%;margin-right:0;height:38px;font-size:15px;}
#main_login a.btn_join{line-height:44px;font-size:16px;padding-left:15px;}
#main_login a.btn_join img{padding-right:5px;width:22px;}

#main_vote{position:relative;top:auto;right:auto;width:100%;height:auto;margin-top:15px;}
#main_vote .subject{background:none;padding:30px 15px 30px;}
#main_vote .subject p{font-size:15px;color:#222;line-height:22px;height:auto;overflow:auto;}
}

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

#main_visual .typo{margin-top:-20px;}
#main_visual .typo .slogan{font-size:23px;line-height:30px;letter-spacing:-1px;}

/*공지사항*/
.bd_box{padding:15px 15px 15px;}
.bd_box .title{padding-bottom:7px;}
.bd_box .title h3{font-size:19.0px;line-height:25px;}
.bd_box ul{padding-top:12px;}
.bd_box li{font-size:15px;line-height:25px;padding-right:40px;}
.bd_box li a{padding-left:8px;}
.bd_box li span{font-size:14px;}


#main_vote h3{font-size:19.0px;line-height:42px;}
#main_vote .subject{background:none;padding:20px 15px 25px;}
#main_vote .subject p{font-size:15px;color:#222;line-height:22px;height:auto;overflow:auto;}
#main_vote .btn a{line-height:46px;height:auto;padding-top:0;}
#main_vote .btn a:first-child{background-image:none;}
#main_vote .btn a:last-child{background-image:none;}
}






#main_section2{position:relative;background-color:#fff;border:1px solid #dddddd;padding:20px 25px 22px;margin-top:20px;}
#main_section2 .title{position:relative;border-bottom:2px solid #0f2c7a;padding-bottom:10px;}
#main_section2 .title h3{font-size:22.0px;font-weight:500;line-height:30px;color:#0f2c7a;}
#main_section2 .title a{position:absolute;top:2px;right:0;font-size:13px;}
#main_section2 ul{margin-top:20px;font-size:0;}
#main_section2 li{display:inline-block;width:18.4%;margin:0 2% 0 0;vertical-align:top;text-align:center;}
#main_section2 li:last-child{margin-right:0;}
#main_section2 li a{display:block;}
#main_section2 li a p.subject{font-size:15.4px;font-weight:500;color:#333;line-height:22px;padding-top:15px;}
#main_section2 li a p.date{font-size:13.4px;color:#777;line-height:20px;}
#main_section2 li a:hover{opacity:0.5;}

@media screen and (max-width:768px) {
#main_section2{padding:20px 25px 22px;margin-top:15px;}
#main_section2 .title{padding-bottom:10px;}
#main_section2 .title h3{font-size:22.0px;line-height:30px;}
#main_section2 .title a{top:2px;font-size:13px;}
#main_section2 ul{margin-top:20px;}
#main_section2 li{width:48%;margin:0 4% 4% 0;}
#main_section2 li:last-child{margin-right:0;display:none;}
#main_section2 li:nth-child(2n){margin-right:0;}
#main_section2 li a p.subject{font-size:15.4px;line-height:22px;padding-top:15px;}
#main_section2 li a p.date{font-size:13.4px;line-height:20px;}
}
@media screen and (max-width:480px) {
#main_section2{padding:15px 15px 10px;}
#main_section2 .title{padding-bottom:7px;}
#main_section2 .title h3{font-size:19px;line-height:25px;}
#main_section2 ul{margin-top:15px;}
#main_section2 li a p.subject{font-size:14.2px;line-height:20px;padding-top:12px;}
#main_section2 li a p.date{font-size:12.4px;line-height:18px;}
}



#main_section3{margin-top:20px;}
#main_section3 ul{font-size:0;}
#main_section3 li{display:inline-block;width:23.5%;margin:0 2% 0 0;vertical-align:top;text-align:center;background-color:#fff;border:1px solid #dddddd;}
#main_section3 li:last-child{margin-right:0;}
#main_section3 li a{display:block;padding:20px 0;font-size:18.2px;font-weight:500;color:#333;line-height:22px;}
#main_section3 li a img{vertical-align:middle;padding-right:12px;}
#main_section3 li a:hover{opacity:0.5;}

@media screen and (max-width:768px) {
#main_section3{margin-top:15px;}
#main_section3 li{width:48.5%;margin:0 3% 3% 0;}
#main_section3 li:nth-child(2n){margin-right:0;}
#main_section3 li a{padding:16px 0;font-size:17px;line-height:22px;}
#main_section3 li a img{padding-right:4px;width:44px;height:auto;}
}
@media screen and (max-width:480px) {
#main_section3 li a{padding:12px 0;font-size:15px;line-height:22px;}
#main_section3 li a img{padding-right:0px;width:28px;}
#main_section3 li:first-child a{letter-spacing:-1.5px;}
}



#footer_banner{background-color:#fff;border-top:1px solid #ddd;}
#footer_banner ul{font-size:0;padding:10px 0;text-align:center;width:1280px;margin:0 auto;}
#footer_banner ul li{display:inline-block;vertical-align:top;}

@media screen and (max-width:768px) {
	#footer_banner{display:none;}
}