@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);
/* CSS Document */

#wrap { width:100%; height:100%; }
#wrap .wrapper { max-width:640px; height:100%; margin:0 auto; }
.main #wrap .wrapper {background:#f0f3f6;}
#top { width:640px; margin: 0 auto; height:120px; position:relative; z-index:300; background: #145ca1;}
#top .logo { width:100%; margin:0 auto; text-align: center; padding-top: 28px;}
#top span { position:absolute; }
#top .open_menu { width:65px;  left:0px; top: 0; display: block; height: 62px; padding: 38px 0 0 20px; }
#top .call { width:83px; right:0px; top: 0; display: block; padding-top: 31px;} 

/*메뉴관련*/
.menu_wrap { position:fixed; top:0; left:0; width:75%; height:100%; background:#fff left top repeat; z-index:500; overflow-y:scroll;}
.menu_wrap:after {clear:both;content:"";display:block;}

.menu_wrap h1 {  position:absolute; width:138px; height:38px; top:25px; right:98px; display:block; z-index:55; }


#menu_in { width: 480px; float: right;}
#menu_in li {}
#menu_in li h2 a { float:right; min-width:480px; height: 79px; border-bottom: 1px solid #cecece; display:block;  background:url(../images/common/bg_menu_off.png) 20px center no-repeat; }
#menu_in li h2.no_list a { background:#bdff00 278px 18px no-repeat;}
#menu_in li h2 a img { padding:16px 0 0 30px;}
#menu_in .menu_sub { width:100%; }
#menu_in .menu_sub ol { width:100%; background:#dbdbdf; overflow:hidden; padding:20px 0; }
#menu_in .menu_sub ol li{ width:100%; height:58px; text-align:left; }
#menu_in .menu_sub ol li a {  float:right; min-width:423px; margin:0; font-size: 24px; color: #696767; line-height: 58px;display:block; font-family: 'nanumsquare', sans-serif; font-weight: 700;} 
#menu_in .menu_sub ol li a img { padding:13px 0 0 15px ;  }
#menu_in .menu_sub ol li.on { background-color:#ed217c }
#menu_in .menu_sub ol li.list_last a { border-bottom:none;}

#menuall_wrap .title{ height: 120px; background: #145ca1;  position: relative; }
#menuall_wrap .title h2{ float: right; min-width: 460px; text-align:left; margin: 16px 0 0 0px; }
#menuall_wrap .title ul{width: 173px; float: right; text-align: center; position: absolute; right: 0; top: 0;}
#menuall_wrap .title ul li{border-left: 1px solid #6f99c1; text-align: center; float: left; width: 49%; line-height: 120px;}
#menuall_wrap .title ul li a{display:block}
#menuall_wrap .title ul li img{vertical-align: middle;}
#menu_in li  span{line-height:79px; color:#202020; font-size:28px; padding-left:55px; font-family: 'nanumsquare', sans-serif; display:block;}
#menu_in li  span.active{background: url(../images/common/bg_menu_close.png) 90% 60% no-repeat; color:#696767;}
/* visual */
#container {position:relative; width:640px; height:100%;}
#container .main_visual { position:relative; width:640px; height:456px; padding:0; margin:0; background-color:#d1e3e9;}
#container .control {position:absolute; top:44.5%; left:0; width:100%; }
.control span {width:68px; height:75px;}
.control .arr_left {float:left; text-align: right;}
.control .arr_right {float:right;}
.visual_img { text-align: center; margin-top: 27px;overflow: hidden; height: 575px;}
.mvisual { position:relative; width:640px; height:625px; margin:0 auto; overflow:hidden; }
.mvisual .pager { position:absolute; z-index:9; width:116px; height:28px; bottom:0px; left:273px; margin:0 auto; }
.mvisual .pager .nav-item { float:left; margin-right:10px; border-radius:12px; width:12px; height:12px;background:#fff; text-indent:-5000px; font-size:0; cursor:pointer;}
.mvisual .pager .nav-current { background:#000; width: 30px; }

.section1{ position: relative; background:#286183; padding:13px;}
.section1 h3{ text-align: center; padding: 15px 0 30px 0;}
.section1 ul{overflow: hidden; width: 594px; margin: 0 auto; padding-bottom: 10px;}
.section1 ul li{float: left; width: 297px; text-align: center; margin-bottom: 13px;}
.section1 ul li a, .section2 li a, .section4 li a{display:block;line-height: 0;}


.section2, .section4{position: relative; padding-top:1px; text-align:center;}
.section2 ul, .section4 ul{width:100%; overflow:hidden;position: relative;}
.section2 li, .section4 li{float:left; margin-bottom:1px;}


.section3{ position: relative; height:559px; overflow: hidden;}
.section3 ul{ position: relative;  box-sizing: border-box; margin-left: -20px; }/* margin-left: -680px; */
.section3 .bx-viewport { height:559px !important;}
.section3 li{ float:left; margin-left:20px; width:640px !important;}


.section5{background: #fff; margin:6px 0; border-top:1px solid #d3d4d4; border-bottom:1px solid #d3d4d4; padding: 25px;}
.section5 h3{padding-bottom:20px !important;}
.section5 li a{font-size:17px; padding:7px 0; display:block;}
.section5 ul{overflow:hidden; padding-bottom:20px;}

.section6 ul{overflow:hidden; padding-bottom:20px; margin-left: 1px;}
.section6 li{float:left; margin-left:10px;}
.section6 li:first-child{margin-left:0px;}

.visual { position:relative; width:640px; height:618px; margin:0 auto; overflow:hidden;  background:url('../images/main/sec2.jpg') no-repeat left center; }
h2.title, .story h3, #footer h2{margin:0; padding:0; font-size:0; line-height:0}
.story ul{overflow:hidden; background:url('../images/main/sec4.jpg') no-repeat center top; padding:40px 50px 0 50px; height:211px;}
.story li, .story li a{font-size:18px; color:#444; line-height:34px; letter-spacing: -0.5px;}
.story li span.date{    margin-right: 15px;}
.story li span.title{overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; width:300px; display: inline-block; vertical-align: middle;}
.story li span.more{float:right; margin-left: 15px;}
.story li span.more img{vertical-align:middle;}

.main_ban{padding:19px;overflow: hidden; background: #dadfe7;}
.main_ban li{float:left; padding:0; margin:0;}
.main_ban li a{width:100%; display:block; line-height: 0;}

.quick_icon li{float:left; border-left:1px solid #d1d1d1; border-top:1px solid #dadee7; }
.quick_icon li:first-child{border-left:0;}
/* event */
.cont { width:640px; height:100%; }
.cont .event_tit { width:447px; height:87px; margin:0 auto; margin-top:67px; margin-bottom:26px;}
.cont .event { position:relative; overflow:hidden; width:640px; height:324px; }
.cont .board { width:640px; height:100%; }
.cont .board:after { display:block; content:""; clear:both; }

.board_in { width:640px; height:100%; margin-top:50px; }
.board_in:after { display:block; content:""; clear:both; }
.board_in .b_txt { height:271px; }
.board_in .b_go { width:339px; height:271px;  }
.board_in .b_txt, .b_go { float:left; }
.board_in  ul { margin-top:30px; }
.board_in  ul li { width:247px;  font-size:20px; height:40px; line-height:40px; background:url(../images/main/b_line.png) left bottom repeat-x; }
.board_in .b1 { width:266px; margin-left:35px; }
.board_in .b2 { width:281px; margin-left:20px; }


/* footer */
.main #footer{margin-top:0;}
#footer { width:640px; height:100%;margin-top: 0px;}
.f_board { width:640px; height:378px; background:url(../images/common/schedule_bg.jpg) no-repeat; position:relative; }
.f_board .f_b_tit { width:120px; height:28px; top:45px; left:20px; position:absolute;  }
.f_board ul { width:287px; height:180px; position:absolute; top:160px; left:20px; padding-left:15px; }
.f_board ul li { width:287px;  font-size:20px; height:40px; line-height:40px; background:url(../images/common/f_line.gif) left bottom repeat-x; }
.f_board ul li a  { color:#232323; }

.f_btn { width:640px; height:57px; background:url(../images/common/foot_icon_bg.gif) no-repeat; }
.f_btn ul {}
.f_btn ul li { float:left; width:25%; text-align:center;}
.f_btn ul li a{ line-height:57px; display: block;}
.f_btn ul li a img {vertical-align: middle; }

.f_info { width:640px; padding-bottom:50px; background:#464646; position:relative; text-align: center; }
.f_info h5 { width:124px; height:42px; position:absolute; top:20px; left:20px; }
.f_info .info_in { width:468px; position:absolute; top:26px; left:100px; }
.f_info .info_in li {float:left; text-align:center; border-left:1px solid #686868; width:33%}
.f_info .info_in li a{color:#c8c8c8; font-size:16px;}
.f_info .info_in li:first-child{border:0;}
.f_info p { padding-top: 30px; color:#c8c8c8; font-size:16px; line-height:24px;} 
.f_info p a{ color:#c8c8c8; font-size:16px; line-height:24px;}

/* sub */

.s_cont { width:640px; height:100%; }
.s_cont_tit { width:640px; padding: 30px 0px; position:relative; margin:0px 0; background: #eaeaea; height: 60px;}
.s_cont_tit h2 { width:530px; margin:0 auto; text-align: center;}
.s_cont_tit .s_txt { text-align: center; font-size: 18px; color: #969696; display:block;margin-top: 11px; font-family: 'nanumsquare', sans-serif;font-weight: 400; position: absolute; width: 530px; top: 20px;}
.s_cont_tit .s_tit { color:#000; text-align: center;  font-size: 46px; display: block; font-family: 'nanumsquare', sans-serif; letter-spacing: -2px;    height: 52px;    position: absolute;    line-height: 60px;width: 530px; left: 50%; margin-left: -265px; vertical-align: top;}
.s_cont_tit .s_tit span{ font-family: 'Noto Sans', sans-serif;}

.s_cont_tit .btn { width:640px; position:absolute; top:36px; background:none; border:none;}
.s_cont_tit .btn span { width:27px; height:49px; position:absolute; }
.s_cont_tit .b_left { top:0; left:15px; }
.s_cont_tit .b_right { top:0; right:15px; }
.s_cont_tit .b_left a, .s_cont_tit .b_right a{display:block;}


/* .s_cont_img */
.s_cont_img { width:640px; height:100%; font-size:0; min-height: 400px;}
.s_cont_img h3{background:#41be60; padding:20px; margin-bottom: 20px; color: #fff; font-family: 'nanumsquare', sans-serif; font-size:30px;letter-spacing: -3px; font-weight: 100;}
.s_cont_img h3 strong{padding-bottom: 10px; display: inline-block; color: #b4ffc7;}
.s_cont_img h3 span{}
.s_cont_img p{ font-family: 'nanumsquare', sans-serif; font-size:0px;}
.s_cont_img td p{font-size:20px;  padding: 0 10px;}
.s_cont_img p.title_img{font-size:0; padding:0; line-height:0;}
.s_cont_img img {max-width:100%;}
.s_cont_img td img{width:auto;}
.s_cont_img .s_01 { width:640px; height:100%; margin-bottom:30px; }
.s_cont_img .s_02 { width:488px; height:57px; margin:0 auto; display:block; margin-top:30px; }

.s_cont_img .title_img{margin-bottom:50px;}

.pb50{padding-bottom:50px;}
.pb110{padding-bottom:110px;}
.mt50{margin-top:50px;}
.pt20{padding-top:17px;}
.pt50{padding-top:50px;}
.pt110{padding-top:110px;}
.pd110{padding:110px 0; }

ul.sub5_menu{width:100%; margin:0 auto; overflow:hidden; margin-bottom:50px;}
ul.sub5_menu li{float:left; width: 24.6%;border: 1px solid #282c37;}
ul.sub5_menu li.on, ul.sub5_menu li:hover{background:#282c37;}
ul.sub5_menu li.on a, ul.sub5_menu li a:hover{color:#fff;}
ul.sub5_menu li a:hover{text-decoration: underline;}
ul.sub5_menu li a{display:block; width:100%;    font-size: 25px; color: #282c37; font-weight: 500; padding: 25px 0; text-align: center;}
ul.sub5_menu.menu3 li{width:33.1%}
ul.sub5_menu.menu05_08 li{width:49.6%}


.sub05 .title_img{margin:0}
.sub05_02 ul.sub5_menu li{width: 49.6%;}


/* sub01_06 map */
.s_map { width:620px; height:580px; border:10px solid #cccccc; display:block; margin-top:-4px; }


/* sub02_02 tab */

.s_t { width:640px; }
.s_tab li { width:158px; height:58px; background:#fff; text-align:center; float:left; border:1px solid #D4D4D4; }
.s_tab li a { font-size:17px; width:158px; height:28px; display:block; padding-top:22px; }
.s_tab li.on {background:#37363C;}
.s_tab li.on a { color:#fff; }

/* sub02_03 tab */
.s_3 li { width:158px ; }
.s_3 li a { width:158px ; }

.s_6 li { width:318px ; }
.s_6 li a { width:318px ; }

/* sub03_02 tab */
.s_4 li { width:211px;}
.s_4 li a { width:211px;}


/* sub03_04 tab */

.s_5 li { width:318px; }
.s_5 li a { width:318px; }