@charset "utf-8";
/***
****pc default ***
***/

/*header menu*/
#haderNavi_in{
    width: 95%;
    margin:0 auto;
}
.logoimg{
    float: left;
    padding-top: 10px;
}
.logoimg a{
    display: inline-block;
    width: 286px;
    height: 55px;
    background: url('../images/top_logo.jpg') no-repeat scroll center 0  ;
}
.menu_list{
    vertical-align: middle;
    display: inline-block;
    float: right;
}
.menu_list ul{
    overflow:hidden;
}
.menu_list ul li{
    float:left;
    /*padding: 5px 10px;
    margin-right: 10px;*/
    font-weight: bold;
   /* padding-top: 30px;*/
}
.menu_list ul li a{
    display: block;
    height: 40px;
    vertical-align: bottom;
    margin: 35px 10px 0px 20px;
    color: #000;
    letter-spacing: -0.7px;
    /*text-shadow: 1px 1px #dddddd;*/
}
.menu_list ul li a:hover{
    color: #0099da;
}
.menu_button{
    display: none;
}

/*submenu*/
#submenu{
    width: 100%;
    height: 40px;
    position: absolute;
    z-index: 9999;
    background-color: #162060;
    opacity: 0.8; -moz-opacity:0.8;filter:alpha(opacity=70);
    display: none;
}

#submenu ul{
    width: 100%;
    margin: 0 auto;
    /*background-color: #8E46DF;*/
}

#submenu ul li{
    /*float: left;*/
    display: inline-block;
    padding:10px 10px;
}
#submenu ul li a{
    color: #FFF;
}
#submenu ul li a:hover{
    color: #ffdf46;
	font-weight: bold;
}

.submenu_list{
    display: none;
    text-align: right;
}

#sub_history li.last{
    padding-right: 2%;
}
#sub_event li.last{
    padding-right: 7%;
}
#sub_board li.last{
    padding-right: 11%;
}
#sub_info li.last{
    padding-right: 15%;
}
#sub_intro li.last{
    padding-right: 28%;
}

#submenuM{
    display: none;
}
.mobile_menu{display:none;}




/***
****tablet 980 ***
***/
@media screen and (max-width:980px){
.mobile_menu{display:none;}

/*default*/
#container{
    width: 100%;
    margin:0 auto;
    overflow: hidden;
}
.headerMargintop{
    margin-top: 0;
}
#headerNavi{
    position: relative;
	width:100%;
    height: 90px;
}
#top .top_box{
	display:block;width:100%;height:17px;margin:0 auto;padding:3px 10px 0 0;text-align:right;
	}
#top .top_box li{
	display:inline;margin:0;padding:0;font-size:11px;color:#808080;
	}

.logoimg a{
    display: inline-block;
    width: 250px;
    height: 46px;
    background: url(../images/top_logo.jpg) no-repeat ;
    background-size: contain;
}

#haderNavi_in{
    width: 95%;
    margin:0 auto;
    height: 100%;
}
/*
.menu_list, .menu_event{
    display: none;
}
.menu_button{
    padding-top: 23px;
    float: right;
    display: block;
    margin-right: 20px;
}
#submenu{
    display: none !important;
}
*/

/*모바일 메뉴*/
#menu_m_button{
    cursor: pointer;
}
#submenuM{
   /* display: block;*/
    position: relative;
    background-color: #FFFFFF;
}
#submenuM ul li a{
    color: #000;
}
#submenuM ul li a:hover{
    color: #000;
	font-weight: bold;
}
#submenuM >ul{
    border-top:1px solid #9CA3A9;;
}
#submenuM >ul >li{
    position:relative;
    border-bottom:1px solid #9CA3A9;
}


#submenuM >ul >li > span{
    width: 100%;
    padding: 15px 0 15px 20px;
    /*border-top: 1px solid #9CA3A9;*/
    display: block;
    cursor: pointer;
    font-weight:bold;
}

#submenuM >ul >li > p{
    position:absolute;
    top:16px;
    right:24px;
    cursor: pointer;
}

#submenuM >ul >li:before{
    clear:both;
}
.submenuM_S >ul >li>a{
    width: 100%;
    height: 25px;
    display: block;
    padding: 10px 0 0 20px;
    border-top:1px solid #9CA3A9;
    cursor: pointer;
    background-color: #ffdf46;
}
.submenuM_S{
    display: none;
}

.button_wrap span{
    width:35%;
}

/* 메인이미지부분 */
#m_visual{width:100%;height:343px;background:#ffdf46; float:left; margin:100px 0 20px 0;}
.main_visual {position:relative; width:100%; height:337px; overflow:hidden;}
.main_visual .slideshow {position:relative; top:0; left:50%; width:980px; height:337px; margin:0 auto; margin-left:-499px;overflow:hidden;}
.main_visual .slideshow ul {position:relative; top:0; left:0; width:980px; height:337px;}
.main_visual .slideshow li {float:left; width:980x; height:337px;}
.main_visual .prev {position:absolute; top:154px; left:50%; margin-left:-440px; z-index:900;}
.main_visual .next {position:absolute; top:154px; right:50%; margin-right:-440px; z-index:900;}

/* 메인페이지 컨텐츠 부분 */
#m_con{width:100%;height:380px;margin:0 0 30px 0;padding:0;float:left;}
#m_con #mc_box{width:640px;margin:0 auto;padding:0;}
#m_con #mc_boxl{width:320px;margin:0 auto;padding:0;float:left;}
#m_con #mc_boxl .board{width:320px;height:153px;margin:0 0 10px 0;padding:10px 0 10px 10px;float:left;border:1px solid #ececec; }
#m_con #mc_boxl .board .mb_tit{padding:10px 0 10px 0;}
#m_con #mc_boxr{width:320px;margin:0 auto;padding:0;float:left;}
#m_con #mc_boxl .board p{width:230px;height:100px;margin:8px 0 0 0;padding:0;}
#m_con #mc_boxl .board .b_td{height:16px;padding:8px 0 0 0;border-bottom:1px solid #EBEBEB;}
#m_con #mc_boxr .ban1{width:145px; height:174px;padding:0 10px 10px 0;text-align:center;border:0;float:left;}
#m_con #mc_boxr .ban2{width:300px; height:174px;margin:0;padding:0 10px 10px 0;text-align:right;float:left;}
#m_con #mc_boxr .ban3{display: none;}

/* footer */
#m_footer {clear:both;}
.footer_top_content {*zoom:1; width:100%;  border-top:1px solid #d9d9d9; overflow:hidden; margin:0 auto;}
.footer_top_content:after {content:" "; display:block; clear:both;}
.footer_top_content dl {padding-left:10px;}
.footer_top_content dl dt{float:left;margin:0 10px 0 0;}
.footer_top_content dl dd{float:left;margin:0 50px 0 0;vertical-align:middle;}
.footer_top_content dl dd.footer_rolling{float:left;margin:0 0 0 0;}

.footer_bottom_content {*zoom:1; position:relative; width:100%; border-top:1px solid #d9d9d9; padding:20px 0; margin:0 auto;}
.footer_bottom_content:after {content:" "; display:block; clear:both;}
.foot_logo {float:left; width:250px; font-size:18px; font-weight:700; color:#444; padding:20px 0 0 10px;}
.foot_info {float:left; }
.foot_info ul {height:22px; overflow:hidden;}
.foot_info li {float:left; font-size:12px; line-height:1; padding:0 0 0 25px;}
.foot_info li:first-child {padding:0;}
.foot_info li a {color:#996633;}
.foot_info .address {font-family: '나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','굴림','gulim','helvetica','sans-serif';font-size:11px;line-height:1.5em;color:#666;}

#footer {display: none;}

}

/***
**** mobile 640 ***
***/
@media screen and (max-width:640px){

.nopage_wrap p{
    font-size:1.1em;
}

.button_wrap span{
    padding:2%;
    margin-bottom:1%;
    font-size:0.9em;
    width:60%;
}

/*default*/
#container{
    width: 640px;
    margin:0 auto;
    overflow: hidden;
}
.headerMargintop{
    margin-top: 0;
}
#headerNavi{width:640px;}
#top .top_box{display:block;width:640px;}

/* 메인이미지부분 */
#m_visual{width:640px;height:220px;background:#ffdf46; float:left; margin:0 0 20px 0;}
.main_visual {position:relative; width:640px; height:220px; overflow:hidden;}
.main_visual .slideshow {position:relative; top:0; left:50%; width:640px; height:220px; margin:0 auto; margin-left:-320px;overflow:hidden;}
.main_visual .slideshow ul {position:relative; top:0; left:0; width:640px; height:220px;}
.main_visual .slideshow li {float:left; width:640x; height:220px;}
.main_visual .prev {position:absolute; top:110px; left:50%; margin-left:-320px; z-index:900;}
.main_visual .next {position:absolute; top:110px; right:50%; margin-right:-320px; z-index:900;}

/* 메인페이지 컨텐츠 부분 */
#m_con{width:100%;height:380px;margin:0 0 30px 0;padding:0;float:left;}
#m_con #mc_box{width:640px;margin:0 auto;padding:0;}
#m_con #mc_boxl{width:320px;margin:0 auto;padding:0;float:left;}
#m_con #mc_boxl .board{width:320px;height:153px;margin:0 0 10px 0;padding:10px 0 10px 10px;float:left;border:1px solid #ececec; }
#m_con #mc_boxl .board .mb_tit{padding:10px 0 10px 0;}
#m_con #mc_boxr{width:320px;margin:0 auto;padding:0;float:left;}
#m_con #mc_boxl .board p{width:230px;height:100px;margin:8px 0 0 0;padding:0;}
#m_con #mc_boxl .board .b_td{height:16px;padding:8px 0 0 0;border-bottom:1px solid #EBEBEB;}
#m_con #mc_boxr .ban1{width:145px; height:174px;padding:0 10px 10px 0;text-align:center;border:0;float:left;}
#m_con #mc_boxr .ban2{width:300px; height:174px;margin:0;padding:0 10px 10px 0;text-align:right;float:left;}
#m_con #mc_boxr .ban3{display: none;}

/* footer */
#m_footer {clear:both;}
.footer_top_content {*zoom:1; width:100%;  border-top:1px solid #d9d9d9; overflow:hidden; margin:0 auto;}
.footer_top_content:after {content:" "; display:block; clear:both;}
.footer_top_content dl {padding-left:10px;}
.footer_top_content dl dt{float:left;margin:0 10px 0 0;}
.footer_top_content dl dd{float:left;margin:0 50px 0 0;vertical-align:middle;}
.footer_top_content dl dd.footer_rolling{float:left;margin:0 0 0 0;}

.footer_bottom_content {*zoom:1; position:relative; width:100%; border-top:1px solid #d9d9d9; padding:20px 0; margin:0 auto;}
.footer_bottom_content:after {content:" "; display:block; clear:both;}
.foot_logo {float:left; width:250px; font-size:18px; font-weight:700; color:#444; padding:20px 0 0 10px;}
.foot_info {float:left; }
.foot_info ul {height:22px; overflow:hidden;}
.foot_info li {float:left; font-size:12px; line-height:1; padding:0 0 0 25px;}
.foot_info li:first-child {padding:0;}
.foot_info li a {color:#996633;}
.foot_info .address {font-family: '나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','굴림','gulim','helvetica','sans-serif';font-size:11px;line-height:1.5em;color:#666;}

#footer {display: none;}

}

/***
**** 320이하 ***
***/
@media screen and (max-width:320px){
#haderNavi_in{
    width: 320px;
    margin:0 auto;
}
}