@charset "utf-8"; 

/******************** wrapper ********************/
* {-webkit-text-size-adjust:none;}
#wrap {overflow:hidden; position:relative;}
body {color:#575757; font-style:normal;}
body, input, textarea, select, table, pre, button, table {font-family:'Noto Sans KR',"Malgun Gothic","맑은 고딕",sans-serif;}





/******************** header ********************/
#header {display:table; width:100%; height:65px; height:18.056vw; padding:0 15px; padding:0 4.167vw; background:#fff; box-sizing:border-box;}
#header .logo {display:table-cell; vertical-align:middle; color:#000; font-size:20px; font-size:5.556vw;}
#header .logo a {display:block; color:#000; font-weight:500; letter-spacing:-0.5px; letter-spacing:-0.139vw;}
#header .logo img {height:35px; height:9.722vw; vertical-align:top;}

/***** menu_close *****/
#header .menu_btn .ico_side:before {top:7px; top:1.944vw;}
#header .menu_btn .ico_side:after {top:14px; top:3.889vw;}
#header .menu_btn .ico_side:after, #header .menu_btn .ico_side:before {display:block; position:absolute; left:0; width:25px; width:6.944vw; height:3px; height:0.833vw; background-color:#59a7e0; content:"";}
#header .menu_btn .ico_side {display:block; position:absolute; right:15px; right:4.167vw; top:22px; top:6.111vw; width:25px; width:6.944vw; height:3px; height:0.833vw; background-color:#59a7e0; text-indent:-9999px;}
#header .menu_btn {position:absolute; right:0; top:0; width:65px; width:18.056vw; height:65px; height:18.056vw;}

/***** menu_open *****/
#menu {position:fixed; left:0px; top:0px; background-color:rgba(0,0,0,0.8); width:100%; height:100%; z-index:9999;}
.menu_box {position:fixed; right:0; top:0px; bottom:0; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; width:70%; min-height:100%; color:#3b3b3b; background:#fff; z-index:999;}
.menu_box a {display:block; color:#222; text-decoration:none;}
.menu_touch {position:fixed; top:0; left:0; bottom:0; overflow:hidden; width:20%; min-height:100%; z-index:999;}

/***** side_menu_top *****/
.side_menu_top {padding:20px; padding:5.556vw; border-bottom:1px solid #efefef; font-size:15px; font-size:4.167vw; color:#000; line-height:1;}
.menu_box_home {position:absolute; left:19px; left:5.278vw; top:22px; top:6.111vw; z-index:1000;}
.menu_box_home img {width:18px; width:5vw; height:16px; height:4.444vw;}
.menu_box_close {position:absolute; right:17px; right:4.722vw; top:20px; top:5.556vw; z-index:1000}
.menu_box_close img {width:15px; width:4.167vw; height:14px; height:3.889vw;}
.side_menu_top p {margin:0; letter-spacing:-1px; letter-spacing:-0.278vw;}
.side_menu_top span {display:inline-block; margin-top:14px; margin-top:3.889vw; padding:8px 15px; padding:2.22vw 4.167vw; border:1px dashed #b5b5b5; font-size:13.5px; font-size:3.75vw; border-radius:100px; text-align:center; line-height:1; color:#666;}
.side_menu_top span strong {margin-right:5px; margin-right:1.389vw; font-weight:bold; color:#777; }
.side_menu_top span a {display:inline-block; font-weight:bold; color:#479ddd;}

/***** 1depth *****/
.side_menu {font-size:15px; font-size:4.167vw;}
.side_menu li {border-bottom:1px solid #efefef; letter-spacing:-1px; letter-spacing:-0.278vw;}
.side_menu li span a:active {font-weight:500; color:#000;}
.side_menu li.on span a {font-weight:500; color:#000;}
.side_menu li span {padding:15px 20px; padding:4.167vw 5.556vw; display:block; font-weight:normal; background:url("/mobile/_wpcomm/HomeType/basic/image/common/menu_arrow.png") no-repeat right center; background-size:32px 8px; background-size:8.889vw 2.222vw;}

/***** 2depth *****/
.side_menu_2depth {padding:10px 25px; padding:2.778vw 6.944vw; border-top:1px solid #efefef; background:#f4f4f4;}
.side_menu_2depth li {border:none;  font-size:13px; font-size:3.611vw; color:#777; padding:5px 0; padding:1.389vw 0; line-height:2;}
.side_menu_2depth li a {display:initial; color:#777;}
.side_menu_2depth li a:active {background:url("/mobile/_wpcomm/HomeType/basic/image/common/menu_on.gif") repeat-x 0 87%; background-size:auto 3px; background-size:auto 0.833vw; color:#000; font-weight:500; color:#000;}
.side_menu_2depth li.on a {background:url("/mobile/_wpcomm/HomeType/basic/image/common/menu_on.gif") repeat-x 0 87%; background-size:auto 3px; background-size:auto 0.833vw; color:#000; font-weight:500; color:#000;}

/***** lnb 
#lnb {overflow:hidden; padding:0 15px; padding:0 4.167vw; text-align:center; background:#fff;}
#lnb ul {width:100%; overflow:hidden; overflow-x:auto; white-space: nowrap;}
#lnb ul li {display:inline-block; height:45px; height:12.5vw; padding:0 11px; padding:0 3.056vw;}
#lnb li a {display:block; font-size:14px; font-size:3.889vw; color:#555; font-weight:400; letter-spacing:-1px; letter-spacing:-0.278vw; line-height:45px; line-height:12.5vw; }
#lnb li:active a {background:url("/mobile/_wpcomm/HomeType/basic/image/common/menu_on.gif") repeat-x left bottom; background-size:auto 3px; background-size:auto 0.833vw; color:#000; font-weight:500;}
#lnb li.on a {background:url("/mobile/_wpcomm/HomeType/basic/image/common/menu_on.gif") repeat-x left bottom; background-size:auto 3px; background-size:auto 0.833vw; color:#000; font-weight:500;}
*****/




/******************** main ********************/
/***** 메인 *****/

/* main_visual */
.swiper-container { position:relative; z-index:1; overflow:hidden; width:100%; max-height:300px; max-height:83.333vw; }

.swiper-slide { position:relative; z-index:10; display:flex; }
.swiper-slide a { display:block; width:100%; line-height:0;}
.swiper-slide img { position:relative; z-index:20; height:auto; width:100%; }
.swiper-slide .box { position:absolute; top:0; left:0; z-index:100; width:100%; text-align:center;}
.swiper-slide .tit { margin:0; padding:110px 0 0; padding:30.556vw 0 0; width:100%; font-size:25.185px; font-size:7.870vw; color:#fff; line-height:1; letter-spacing:-3px; letter-spacing:-0.833vw; text-shadow:1px 0px 1px rgba(0, 0, 0, 0.2);word-break:keep-all; }
.swiper-slide .tit span {display:block; font-weight:bold; color:#479ddd; line-height:1.6; }
.swiper-slide .text { display:inline-block; margin:10px 0 0; margin:2.778vw 0 0; padding:3px 15px; padding:0.833vw 4.167vw; background:#70b0e0; font-size:13px; font-size:3.611vw; line-height:1.3; color:#fff; word-break:keep-all !important; }

.swiper-button-next,
.swiper-button-prev {display:none; position:absolute; z-index:100; top:38% !important; margin-top:0 !important; width:32.593px !important; width:10.185vw !important; height:32.593px !important; height:10.185vw !important; border:0.889px solid rgba(255, 255, 255, 0.7); border:0.278vw solid rgba(255, 255, 255, 0.7); border-radius:50%; box-sizing:border-box; opacity:0.5; }
.swiper-button-next { right:17.778px !important; right:5.556vw !important; left:auto !important; background:rgba(0, 0, 0, 0.5) url('/mobile/_wpcomm/HomeType/basic/image/main/btn_next.png') no-repeat 0 0 !important; background-size:100% 100% !important; }
.swiper-button-prev { left:17.778px !important; left:5.556vw !important; right:auto !important; background:rgba(0, 0, 0, 0.5) url('/mobile/_wpcomm/HomeType/basic/image/main/btn_prev.png') no-repeat 0 0 !important; background-size:100% 100% !important; }
.swiper-button-next:active,
.swiper-button-prev:active { opacity:1; }

.swiper-pagination { position:absolute; z-index:100; bottom:13.630px !important; bottom:4.259vw !important; }
.swiper-pagination-bullet { width:6px !important; width:1.667vw !important; height:6px !important; height:1.667vw !important; }
.swiper-pagination-bullet:active,
.swiper-pagination-bullet-active { width:17.185px !important; width:5.370vw !important; border-radius:7.259px !important; border-radius:2.269vw !important; background:#fabf00 !important; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 3px !important; margin:0 0.833vw !important; }


/* 메인배너 */
#main_banner {overflow:hidden;width:100%;padding:15px;padding:4.167vw;background:url("../image/main/main_banner_bg.jpg") no-repeat 0 0; background-size:cover; border-top:1px solid #79b2de; border-bottom:1px solid #79b2de; border-top:0.278vw solid #79b2de; border-bottom:0.278vw solid #79b2de; box-sizing:border-box;}
#main_banner li {float:left;width:33%; height:115px; height:31vw; margin:10px 0; margin:2.778vw 0;}
#main_banner li:last-child {background:none;}
#main_banner li a {display:block;}

#main_banner li.mb01 .icon {background:url("../image/main/main_icon01.png");}
#main_banner li.mb02 .icon {background:url("../image/main/main_icon02.png");}
#main_banner li.mb03 .icon {background:url("../image/main/main_icon03.png");}
#main_banner li.mb04 .icon {background:url("../image/main/main_icon04.png");}
#main_banner li.mb05 .icon {background:url("../image/main/main_icon05.png");}
#main_banner li.mb06 .icon {background:url("../image/main/main_icon06.png");}
#main_banner li.mb08 .icon {background:url("../image/main/main_icon08.png");}
#main_banner li.mb01 .icon, #main_banner li.mb02 .icon, #main_banner li.mb03 .icon, #main_banner li.mb04 .icon, #main_banner li.mb05 .icon, #main_banner li.mb06 .icon, #main_banner li.mb08 .icon {background-color:rgba(255,255,255,0.9);background-size:35px auto; background-size:9.722vw auto; background-repeat:no-repeat; background-position:50% 50%;}
#main_banner li .icon {width:65px; width:18.056vw; height:65px; height:18.056vw; margin:0 auto 12px; margin:0 auto 3.333vw; font-size:34px; font-size:9.444vw; text-align:center; border-radius:50px;border-radius:13.889vw; color:#000; box-sizing:border-box;}
#main_banner li .icon img {width:55%;}
#main_banner li .icon:active {background-color:#fff;}
#main_banner li p {margin:0;font-weight:bold;font-size:13px; font-size:3.611vw;text-align:center;letter-spacing:-1px;letter-spacing:-0.278vw;line-height:1.3; color:#005da4;}


/* 공지사항 */
#main_notice {position:relative;width:100%; padding:21px 0 0; padding:5.833vw 0 0; background-color:#fff; box-sizing:border-box;}
#main_notice h2 {font-size:20px; font-size:5.556vw; font-weight:bold; padding:0 15px; padding:0 4.167vw; margin:0 0 21px 0; margin:0 0 5.833vw 0; background:none;color:#333; letter-spacing:-1px; line-height:1.65;}
#main_notice ul {margin:0; padding:0; font-size:15px; font-size:4.167vw;}
#main_notice ul li {position:relative; padding:21px 15px;padding:5.833vw 4.167vw; background-color:#f7f7f7; border-bottom:1px dashed #ddd; border-bottom:0.278vw dashed #ddd;color:#666;}
#main_notice ul li:nth-child(even) {background-color:#fff;}
#main_notice ul li:last-child {border-bottom:0.278vw solid #79b2de}
#main_notice ul li a {color:#333;}
#main_notice ul li span.YearMonth {display:block; margin-top:5px; margin-top:1.389vw; font-size:13px; font-size:3.611vw; color:#479ddd; }
#main_notice ul li span.subject {width:280px; width:77.778vw;}

#main_notice .more {position:absolute; right:15px; right:4.167vw; top:21px; top:5.833vw; width:30px; width:8.333vw; height:30px; height:8.333vw; border:1px solid #9eacb6; text-align:center; line-height:1; box-sizing:border-box; }
#main_notice .more a {display:block; padding:7.667px; padding:2.129vw;}



/* 포토갤러리 */
#main_gallery {position:relative;width:100%; padding:21px 0 0; padding:5.833vw 0 0; background-color:#fff; box-sizing:border-box;}
#main_gallery h2 {font-size:20px; font-size:5.556vw; font-weight:bold; padding:0 15px; padding:0 4.167vw; margin:0 0 21px 0; margin:0 0 5.833vw 0;line-height:1; background:none;color:#333; letter-spacing:-1px; line-height:1.65;}
#main_gallery .list {overflow:hidden; padding:0 15px 15px; padding:0 4.167vw 4.167vw;}

#main_gallery .pic {float:left; width:50%;}
#main_gallery .pic a {display:block; line-height:0;}
#main_gallery .pic img {height:100px; height:27.778vw}
#main_gallery .more {position:absolute; right:15px; right:4.167vw; top:21px; top:5.833vw; width:30px; width:8.333vw; height:30px; height:8.333vw; border:1px solid #9eacb6; text-align:center; line-height:1; box-sizing:border-box; }
#main_gallery .more a {display:block; padding:7.667px; padding:2.129vw; }





/******************** footer ********************/
#footer {background-color:#eee; padding:24px 20px; padding:6.667vw 5.556vw; font-size:14px; font-size:3.889vw; text-align:center; color:#555;}
#footer p {margin:0;}
#footer .foot_menu {margin-bottom:20px; margin-bottom:5.556vw; text-align:center;}
#footer .foot_menu li {display:inline-block; padding:8px 20px; padding: 2.222vw 5.556vw; background-color:#fff; line-height:1;}
#footer .foot_menu li a { color:#000;}
#footer .foot_menu li.top {background-color:#333;}
#footer .foot_menu li.top a { color:#fff;}
#footer address {font-size:13px; font-size:3.611vw;}
#footer address a {color:#ccc;}
#footer .copy {margin-top:10px; margin-top:2.778vw; font-size:11px; font-size:3.056vw;}





/******************** sub ********************/
/***** visual *****/
#sub_visual {height:145px; height:40.278vw; background-color:#000;}
#sub_visual .title {padding-top:40px; padding-top:11.111vw; font-size:26px; font-size:7.222vw; text-align:center; line-height:1; letter-spacing:-1px; text-shadow:1px 1px 1px rgba(0,0,0,0.3); text-shadow:0.278vw 0.278vw 0.278vw rgba(0,0,0,0.3); letter-spacing:-0.278vw; color:#fff;}

/***** location *****/
#location {display:none; padding:5px 10px; padding:1.389vw 2.778vw; background-color:#f4f4f4; font-size:12px; font-size:3.333vw; border-bottom:1px solid #e9e9e9;}
#location strong{color:#000;}

/***** sub_content *****/
.content {min-height:300px; min-height:83.333vw; margin:-50px 15px 15px; margin:-13.889vw 4.167vw 4.167vw; padding:15px 20px 50px; padding:4.167vw 5.556vw 13.889vw; font-weight:300; letter-spacing:-0.5px; letter-spacing:-0.139vw; color:#666; background:#fff;}
.content h1.sub_title {font-size:19px; font-size:5.278vw; margin-bottom:20px; margin-bottom:5.556vw; font-weight:normal; color:#000;}






/******************** media 
@media all and (min-height:177.778vw) {
	.swiper-container {height:100%; background-size:100% 100%;}
	.swiper-pagination {height:97px; height:26.944vw;}
	.swiper-container .btn {position:absolute; top:auto; bottom:38%;}
}

********************/