@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);


html,body{margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif;}
.sitewidth{max-width:1150px;margin:0 auto;}


.padding-bottom-30{padding-bottom:30px;}
.padding-bottom-60{padding-bottom:60px;}
 

a{text-decoration:none;}

#header{background-color:#064170;}
#header .top{background-color:#232a2f;height:35px;border-bottom:1px solid #fff;}
#header .top .info{margin:0;padding:0;list-style:none;color:#fff;line-height:35px;display:inline-block;font-size:14px;}
#header .top .info li{display:inline-block;margin:0 10px 0 0;}
#header .top .holiday{color:#fff;line-height:35px;float:right;vertical-align:top;font-size:14px;}


#header .menu{height:60px;}
#header .menu .inner{position:relative;}
#header .menu .logo{display:inline-block;padding:7px 10px;vertical-align:top;height:45px;}
#header .menu .logo img{height:45px;}
#header .menu .gnb{position:absolute;right:0;top:0;}
#header .menu .gnb .gnb_menu{margin:0;padding:0;list-style:none;display:inline-block;vertical-align:middle;}
#header .menu .gnb .gnb_menu li{float:left;}
#header .menu .gnb .gnb_menu li a{color:#fff;text-decoration:none;display:block;line-height:60px;padding:0 15px;font-size:14px;}
#header .menu .gnb .gnb_menu li a:hover{background-color:#232a2f;}
#header .menu .gnb .member_menu{margin:0;padding:0;list-style:none;display:inline-block;vertical-align:middle;}
#header .menu .gnb .member_menu li{float:left;margin:0 0 0 10px;}
#header .menu .gnb .member_menu li a{color:#fff;text-decoration:none;display:block;line-height:30px;padding:0 15px;font-size:14px;border:1px solid #efefef;}
#header .menu .gnb .member_menu li a:hover{background-color:#232a2f;}


@media screen and (max-width: 980px) {
	#header .menu{height:105px;}
	#header .menu .gnb{position:relative;}
	#header .menu .gnb .gnb_menu{margin:0;padding:0;list-style:none;display:block;}
	#header .menu .gnb .member_menu{position:absolute;top:-45px;right:5px;}
	#header .menu .gnb .gnb_menu{background-color:#084c82;overflow:auto;}
	#header .menu .gnb .gnb_menu li{width:25%;text-align:center;}
	#header .menu .gnb .gnb_menu li a{line-height:45px;padding:0 4px;white-space:nowrap;font-size:13px;overflow-x:hidden;text-overflow:ellipsis;}
}

@media screen and (max-width: 600px) {
	#header .top{padding:0 5px;}
	#header .top .info{font-size:11px;}
	#header .top .holiday{font-size:11px;}
}


#content{min-height:800px;}
#content .guide_banner{background-color:#efefef;height:200px;background-size:cover;background-position:Center center;}
#content .guide_banner .shadow{background-color:rgba(0,0,0,0.5);height:100%;}
#content .guide_banner .inner{color:#fff;font-weight:600;font-size:30px;padding:70px 0 0;}
#content .navigator{padding:15px 0;border-bottom:1px solid #efefef;}
#content .navigator ul{margin:0;padding:0;list-style:none;}
#content .navigator ul li{display:inline-block;vertical-align:middle;}
#content .navigator ul li:after{content:'\f054';display:inline-block;padding:0 3px 0 6px;font-family:'fontAwesome';font-weight:100;color:#999;vertical-align:middle;}
#content .navigator ul li:last-child:after{content:'';}
#content .navigator ul li a{color:#999;font-size:13px;text-decoration:none;}
#content .navigator ul li i{font-size:18px;vertical-align:middle;}
#content .contents{padding:20px 0;}

/*사이드메뉴 컨텐츠제목*/
#content .header {
    font-size: 20px;
    font-weight: 400;
    padding: 0 0 30px;
}

#content  .header .subtitle {
    font-size: 12px;
    font-weight: 300;
}

@media screen and (max-width: 1150px) {
	#content .guide_banner .inner{padding:70px 10px 0;}
	#content .navigator{padding:15px 10px;}
}

@media screen and (max-width: 600px) {
	#content .guide_banner{height:150px;}
	#content .guide_banner .inner{padding:50px 10px 0;text-align:Center;font-size:25px;}
}


#footer{background-color:#232628;padding:30px 0;}
#footer .box_title{display:block;margin-bottom:20px;font-weight:500;color:#fff;font-size:15px;}

#footer .footer_ul{margin:0;padding:0;list-style:none;overflow:auto;}
#footer .footer_ul .footer_li{float:left;width:25%;}
#footer .footer_ul .footer_li .box{padding:10px;}

#footer .logo{text-align:center;opacity:0.6;}
#footer .logo img{width:40%;}

#footer .notice{margin:0;padding:0;list-style:none;}
#footer .notice li{position:relative;margin-bottom:15px;overflow:auto;}
#footer .notice li:last-child{margin-bottom:0;}
#footer .notice li .thumb{float:left;width:80px;height:60px;background-color:#0099cc;}
#footer .notice li .text{margin:0 0 0 90px;font-size:12px;color:#888;}

#footer .introduce{margin:0;padding:0;overflow:auto;}
#footer .introduce li{padding-bottom:5px;}
#footer .introduce li a{color:#ccc;text-decoration:none;font-size: 13px}

#footer .contact{margin:0;padding:0;list-style:none;}
#footer .contact li{position:relative;margin-bottom:10px;overflow:auto;}
#footer .contact li:last-child{margin-bottom:0;}
#footer .contact li .icon{float:left;width:22px;height:22px;line-height:22px;font-size:15px;text-align:center;color:#3696ac;border:3px solid #3696ac;border-radius:50%;}
#footer .contact li .text{margin:0 0 0 40px;font-size:12px;color:#ccc;font-size: 13px}

#footer .company_info{margin:0;padding:0;list-style:none;}
#footer .company_info li{position:relative;margin-bottom:10px;overflow:auto;}
#footer .company_info li:last-child{margin-bottom:0;}
#footer .company_info li .text{margin:0;font-size:12px;color:#ccc;font-size: 13px}

@media screen and (max-width: 980px) {
	#footer{padding:0;}
	#footer .footer_ul .footer_li{width:50%;}
	#footer .footer_ul .footer_li .box{border-bottom:1px solid #333333;padding:20px;height:200px;}
	#footer .footer_ul .footer_li:last-child .box{border-bottom:0;}
}


@media screen and (max-width: 600px) {
	
	#footer .logo img{width:30%;}
	#footer .footer_ul .footer_li{width:auto;float:none;}
	#footer .footer_ul .footer_li .box{height:auto;}
}





/*리모트 컨트롤*/
#remote_control{position:fixed;right:50%;top:170px;margin-right:-700px;width:90px;z-index:10;}
#remote_control.fixed{top:10px;}
#remote_control .menu{margin:5px 0 0;padding:0;list-style:none;z-index:1;}
#remote_control .menu li{border:1px solid #ddd;text-align:center;margin-bottom:5px;background-color:#fafafa;}
#remote_control .menu li .box{padding:8px 5px;font-size:12px;font-weight:400;}
#remote_control .menu li a{color:#333;text-decoration:none;}

#remote_control .recent{margin:5px 0 0;padding:0;list-style:none;background-color:#fafafa;z-index:1;border:1px solid #ddd;}
#remote_control .recent li{border-bottom:1px solid #efefef;text-align:center;}
#remote_control .recent li:first-child{background-color:#dd0000;color:#fff;font-size:14px;line-height:20px;padding:10px 0;font-weight:bold;}
#remote_control .recent li:nth-child(2){background-color:#fff;color:#000;font-size:12px;line-height:30px;}
#remote_control .recent li:last-child{border-bottom:0;}
#remote_control .recent li .box{margin:5px;border:1px solid #ddd;background-color:#fff;padding-bottom:75%;background-size:cover;background-position:center center;}
#remote_control .recent li .box img{width:100%;}
#remote_control .recent li a{color:#333;}

#remote_control .bank_info{border:1px solid #ddd;background-color:#fff;text-align:center;padding:5px;}
#remote_control .bank_info img{width:80%;}

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