@charset 'euc-kr';

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
/*
³ëÅä»ê½º 'Noto Sans KR - 3,4,5,7,9'
³ª´®½ºÄù¾î 'NanumSquare - 3,4,7,8'
*/


body { min-width:320px; }
.pc { display: none !important;	 }
.mobile { display: block !important; }
* a, a:hover, a:visited { text-decoration: none; }


/* header */
header {position:fixed;top:0;left:0;right:0;z-index:999999;min-height:50px;background-color: #fff !important; }
.all_menu {position:absolute;right:20px;top:16px;display:none;width:20px;height:18px;font-size:0;line-height:0;margin: 0; padding: 0; cursor: pointer; background: transparent; outline:none; border: 0;}
.all_menu .ico_cate, .all_menu .ico_cate:before, .all_menu .ico_cate:after {display:block;position:absolute;left:0;width:100%;height:2px;background:#252525;content:'';-webkit-transition: .25s ease-in;transition: .25s ease-in}
.all_menu .ico_cate {top:8px}
.all_menu .ico_cate:before {top:-8px}
.all_menu .ico_cate:after {top:8px}
.all_menu.close .ico_cate {background-color:transparent}
.all_menu.close .ico_cate:before {transform:rotate(135deg);top:0}
.all_menu.close .ico_cate:after {transform:rotate(45deg);top:0}


header .gnb_wrap {width:100%; height: 50px;}
header .gnb_wrap h1 {position:absolute;top:0px;right: 0; bottom: 0; left:0;margin:auto;float:none; text-align: center;}
header h1 img { width: auto; height: 30px; margin-top: 10px;}
header .all_menu {display:block}
header .gnb_m {display: none;position:fixed;right:-100%;width:100%;top:50px;bottom:0;height:auto;padding-bottom:65px;overflow-x:hidden;overflow-y:auto;z-index:102;background-color:#fff;-webkit-transition: .25s ease-in;transition: .25s ease-in;}
header .gnb_m.block,.gnb_m.block .gnb_fix {right:0}
header .gnb_m > ul { border-top: 1px solid #e1e1e1; }
header .gnb_m > ul > li > ul {position:static}
header .gnb_m > ul > li {position:relative;float:none;width:auto}
header .gnb_m > ul > li > a:after {bottom:0}
header .gnb_m > ul > li > ul {height:auto;width:100%}
header .gnb_m > ul > li > span {position:relative;display:block;height:50px;padding-left:27px;line-height:50px;font-size:16px;color:#363636;text-align:left;}
header .gnb_m > ul > li:before {content:'';position:absolute;z-index:2;left:15px;top:23px;width:3px;height:3px;background-color:#dcddde;border-radius:50%}
header .gnb_m > ul > li > span:after {position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#e1e1e1;content:''}
header .gnb_m > ul > li.on {background-color:#f1f2f2}
header .gnb_m > ul > li.on > span {color:#015bae;font-weight: 600;background-color:#fff}
header .gnb_m > ul > li.on > span:before {transform:rotate(180deg)}
header .gnb_m > ul > li > span:before {content:'';position:absolute;right:20px;top:50%;margin-top:-4px;width:10px;height:7px;transition: .25s ease-in; background: url('/images/common/gnb_arr.svg') 0 0 no-repeat; }
header .gnb_m > ul > li > ul {padding:0;border-bottom:1px solid #e3e6e8d;display: none;}
header .gnb_m > ul > li > ul > li:first-child {padding-top:0}
header .gnb_m > ul > li > ul > li > a {display: block;width: 100%;padding-left:27px;font-size:15px;text-align:left;line-height:50px;cursor: pointer;}
header .gnb_m > ul > li > ul > li.on > a, header .gnb_m > ul > li > ul > li > a:hover { text-decoration: underline;}
header .gnb_m > ul > li > ul > li ~ li {border-top:1px solid #e3e6e8}

.gnb_fix {position:fixed;z-index:3;right:-100%;bottom:0;width:100%;height:65px;padding-top:12px;text-align:center;border-top:1px solid #1e1a1b;background-color:#fff;-webkit-transition: .25s ease-in;transition: .25s ease-in}
.gnb_fix:after {content:'';display:table;clear:both}
.gnb_fix .global_m, .gnb_fix .select_history {position:static;display: block;width:calc(100% - 20px);margin:0 10px;vertical-align:middle}
.global_m ul { overflow: hidden; text-align: center;}
.global_m ul li {display: inline-block;}
.global_m ul li a { padding: 3px 12px;line-height: 22px; border: 1px solid #ccc; font-size: 12.5px; color: #898989; text-align: center; box-sizing: border-box; letter-spacing: 0px; font-weight: 400; display: block; margin-top: 5px; }
.global_m ul li + li { margin-left: 1px; }
.global_m ul li a:hover { background: #ccc; color: #fff; }

/**** visual****/
.visual {width:100%; min-width:320px; height:50vw; min-height:220px; margin-bottom:0px; margin-top: 50px; position:relative; overflow:hidden; }
.visual .swiper-container { height:50vw; min-height:220px; }
.visual .swiper-slide {width:100%; height:100%;}
.swiper-slide.visual_01{ background:url("/images/main/visu_01.jpg") center no-repeat; background-size:auto 100%; text-align:center; color:#fff;}
.swiper-slide.visual_02{ background:url("/images/main/visu_02.jpg") center no-repeat; background-size:auto 100%; text-align:center; color:#fff;}
.swiper-slide.visual_03{ background:url("/images/main/visu_03.jpg") center no-repeat; background-size:auto 100%; text-align:center; color:#fff;}
.swiper-slide.visual_04{ background:url("/images/main/visu_04.jpg") center no-repeat; background-size:auto 100%; text-align:center; color:#fff;}
.swiper-slide.visual_05{ background:url("/images/main/visu_05.jpg") center no-repeat; background-size:auto 100%; text-align:center; color:#fff;}

.visuTxt_wrap { width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: -8vw; z-index: 99; display: flex; flex-direction:column; justify-content: center; align-items: center; margin: 0 auto; text-align: center;}
.visuTxt01 { color: #fff; font-size: 2vw; }
.visuTxt02 { color: #72d7fc; font-size: 3vw; font-weight: 600; line-height: 125%; text-shadow: 5px 0px 10px rgba(0,0,0,0.4); margin-top: 2vw; }
.quick { width: 95%;position: absolute; left: 50%; transform:translate(-50%,0); bottom: 5%; z-index: 99999;}
.quick:before { content:''; width: 100%; height: 1px; background: #8695ad; position: absolute; left: -100%; top: 0;bottom: 0; margin: auto 0;display: block;}
.quick:after { content:''; width: 100%; height: 1px; background: #8695ad; position: absolute; left: 100%; top: 0;bottom: 0; margin: auto 0;display: block;}
.quick li { float: left; width: 18%; height: 17vw; min-height:55.25px; font-size: 1.5vw; border: 2px solid #fff; border-radius: 180px; display: flex; justify-content: center; align-items: center; flex-direction:column; color: #fff; position: relative; cursor: pointer; transition:0.3s; } 
.quick li img { width: 30%; height: 5.3vw; margin-bottom: 10px; max-width:56px; }
.quick li:hover { color: #2668b1; background: #fff; }
.quick li + li { margin-left: 2.5%; }
.quick li:after { content:''; width: 15.5%; height: 1px; background: #8695ad; display: block; position: absolute; left: -15.5%; top: 0; bottom: 0; margin: auto 0;}
.quick li:first-child:after { content:none; }


/* mContents_wrap */
.mContents_wrap { width: 95%; margin: 0px auto; overflow: hidden;}
.mContents { width: 100%; float: none; min-height:312px; margin: 30px 0; box-sizing: border-box;}
.mContents:nth-child(2n-1) { padding-right: 0%;}
.mContents:nth-child(2n) { float: none; padding-left: 0px; }
.mContents_wrap h3.mTitle { font-size: 26px; color: #000; display: flex; justify-content: space-between; align-items: center;}
.mContents_wrap h3.mTitle a { font-size: 14px; border-radius: 100px; color: #000; border: 1px solid #000; text-align: center; padding: 3px 35px 5px; }
.mContents_wrap h3.mTitle:hover a { color: #fff; }
.mContents_wrap h5 { color: #2668b1; font-size: 14.5px; } 
.mBoard_list_wrap01 { border-right: 0;	 }

.mBoard { width: 100%; border: 1px solid #d4d4d4; box-sizing: border-box; padding: 30px 25px 0px;}
.mBoard_list { margin-top: 15px; float: none;}
.mBoard_list li { border-bottom: 1px solid #e5e5e5;padding-left:10px; overflow: hidden; box-sizing: border-box; padding-bottom: 5px; }
.mBoard_list li + li { margin-top: 13px; }
.mNotice_txt { float: left; width: calc(100% - 80px); font-size: 14.5px; position: relative; overflow: hidden;cursor: pointer; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.mNotice_txt:hover { color: #000; }
.mNotice_date { width: 70px; text-align: right; float: right;}

.mQuick_wrap { background: #f1f1f1; }
.mQucik_list01 { background: url('/images/main/mContent_bg.jpg') right 0 no-repeat;}
.mQuick_txt { font-size: 14.5px; margin-top: 20px;}
.mQuick { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; }
.mQuick li { width: 32%; height: 30vw; min-height:97px; border-radius: 200px; display: flex; justify-content: center; align-items: center; flex-direction:column; color: #fff; font-size: 14.5px; cursor: pointer; box-sizing: border-box; transition:0.3s; padding: 0 5px;}
.mQuick li img { margin-top: 10px; }
.mQuick01 li { background: #1678d3 url('/images/main/blue_bg.png') center repeat; border: 2px solid #1678d3; }
.mQuick02 li { background: #12bbb9 url('/images/main/Turquoise_bg.png') center repeat; border: 2px solid #12bbb9; }
.mQuick01 li:hover { background: transparent; color: #1678d3; }
.mQuick02 li:hover { background: transparent; color: #12bbb9; }

.mGallery.swiper-container { width: 100%; box-sizing: border-box; overflow: hidden;}
.mGallery .mTitle { margin-bottom: 20px; }
.mGallery .swiper-slide { height: auto; border: 1px solid #e8e8e8;  box-sizing: border-box; cursor: pointer; } 
.mGallery .swiper-slide:hover img { opacity: 0.6; }
.mGallery_img { text-align: center; width: 100%; height: 23.4vw; position: relative;} 
.mGallery_img:before { content:''; width: 100%; height: 100%; background: #000; position: absolute; left: 0; top: 0; z-index: -1;}
.mGallery_img img { width: 100% !important; height: 100% !important; transition:0.3s;}
.mGallery_txt { font-weight: bold; color: #000; padding: 25px 10%; }
.mGallery_title { color: #000; line-height: 130%; }
.mGallery_date{ margin-top: 10px; line-height: 120%; font-size: 11.5px; }

.mGallery_wrap { width: calc(95% - 30px) !important;position: relative; margin: 50px auto; overflow: visible; }
.mGallery_wrap .swiper-button-prev { width: 35px; height: auto; top: 30px; bottom:0; margin: auto 0; left: -27px; background: url(/images/main/left_btn.png) 30% center no-repeat; background-size: 14px;}
.mGallery_wrap .swiper-button-next { width: 35px; height: auto; top: 30px; bottom:0; margin: auto 0; right: -27px; background: url(/images/main/right_btn.png) 70% center no-repeat; background-size: 14px;}
.mGallery_wrap .swiper-button-prev:hover { background: url(/images/main/left_btn_ov.png) 30% center no-repeat; background-size: 14px;}
.mGallery_wrap .swiper-button-next:hover { background: url(/images/main/right_btn_ov.png) 70% center no-repeat; background-size: 14px;}

@media all and (max-width:600px){/**/
	.mGallery_img { text-align: center; width: 100%; height: 34.6vw; }
}/**/


/* Banner */
.banner_list_wrap { width: 100%; height: auto; padding: 10px;border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;  }
.banner_list { width: 95%; height: auto; overflow: hidden; margin: 0 auto; padding: 0 56px; box-sizing: border-box; position: relative;}
.banner_list .swiper-wrapper { transition-timing-function: linear; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content:center; }
.banner_list .swiper-slide { width: auto; display: table-cell; vertical-align: middle; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content:center; }
.banner_list .swiper-slide img { cursor: pointer; height: 33px; } 
/*.banner_list .swiper-button-prev { width: 30px; height: 100%; top: 21px; left: 0px; background: #fff url('/images/main/ban_left.png') left center no-repeat; z-index: 999;}
.banner_list .swiper-button-next { width: 30px; height: 100%; top: 21px; right: 0px; background: #fff url('/images/main/ban_right.png') right center no-repeat; z-index: 999;}
.banner_list .swiper-button-prev:hover { background: #fff url('/images/main/ban_left_ov.png') left center no-repeat; }
.banner_list .swiper-button-next:hover { background: #fff url('/images/main/ban_right_ov.png') right center no-repeat; }*/
@media all and (max-width:700px){/**/
	.banner_list .swiper-wrapper { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content:center; }
	.banner_list .swiper-slide img { margin-right: 10px; }
}/**/


/* Footer */
footer { width: 100%; background: #363636; padding: 35px 0;}
.footer_wrap { width: 90%; margin: 0 auto; position: relative; overflow: hidden; color: #acacac; font-size: 11.5px; text-align: center; display: block;}
.footer_wrap .footer_txt { color: #888888; font-size: 11.5px; }
.footer_wrap .footer_terms a { margin-top: 10px; display: inline-block; font-size: 10px; line-height: 20px; text-align: center; width: 120px; color: #777; border: 1px solid #7c7c7c; margin-left: -4px; transition:0.3s; }
.footer_wrap .footer_terms a:hover { color: #fff; border: 1px solid #fff; position: relative; z-index: 1; }


/**** sVisual ****/
.sVisual { width:100%; height: 30vw; min-height:200px; margin-top: 50px; background-size:cover; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; position: relative; font-size: 5vw; font-weight: 700;text-shadow: 1px 1px 5px rgba(0,0,0,0.8); line-height: 130%; color: #fff; position: relative; padding-top: 0px; background: url('/images/sub/sVisu_03.jpg') 0 0 no-repeat; background-size:cover; }
.sVisual img { width: 50px; }
/*.sVisual01 { background: url('/images/sub/sVisu_01.jpg') 0 0 no-repeat; background-size: cover;} 
.sVisual02 { background: url('/images/sub/sVisu_02.jpg') 0 0 no-repeat; background-size: cover;} 
.sVisual03 { background: url('/images/sub/sVisu_03.jpg') 0 0 no-repeat; background-size: cover;} 
.sVisual04 { background: url('/images/sub/sVisu_04.jpg') 0 0 no-repeat; background-size: cover;} */


/**** sContainer ****/
.sContainer { width: 100%; height: 100%; margin: 0 auto; overflow: hidden; }
.sContainer .title { width: 95%; margin: 0 auto; text-align: center; display:block; padding: 35px 0; margin-bottom: 35px;}
.sContainer .title h2 {font-size:26px; color:#111; font-weight: 700; letter-spacing: -0.5px; line-height: 130%; padding-top: 5px; display: block; margin-bottom: 5px; text-align: center;  }
.sContainer .title h2 span:before { content:''; display: block; }
.sContainer .title .location { display: none; } 


/**** sContentsr ****/
.sContents { width: 95%;  margin: 0 auto 40px; min-height:400px; box-sizing: border-box; position: relative; text-align: justify; word-break:keep-all;}
.sContents h4 {font-size:22px; color:#111; font-weight:600; line-height:100%; margin: 30px 0 15px;}
.sContents h4:nth-child(1) { margin-top: 0; }
.sContents h5 { font-size: 17px; margin-bottom:10px; font-weight: 500; background:url('/images/common/conTitle.jpg') no-repeat left 0px; padding-left: 30px; color: #2668b1; background-size: 20px;}
.boardTable + h5 { margin-top: 20px; }
.sContents .imgBox { margin-bottom: 20px; }
.sContents .imgBox img { max-width:100%; }


/* sContainer sub_nav */
.m_area_subnav { width:100%; height:35px; line-height:35px; color: #fff; background: #363636; box-sizing: border-box; position: relative; }
.m_area_subnav .sub_arr { position: absolute; right: 2.5%; top: 14.5px; transform:rotate(180deg); cursor: pointer; transition:0.3s; }
.m_area_subnav .sub_arr.rotate { transform:rotate(0deg);  }
.m_area_subnav .m_sub_nav_title { font-size: 14px; display: block; padding-left: 2.5%; cursor: pointer; }
.m_area_subnav .m_sub_nav { width:100%; padding:0; margin:auto; border-bottom: 1px solid #ddd; background: #fff; box-shadow: 0 2px 15px rgba(0,0,0,0.2); padding:0 2.5%; display: none;	position: absolute; left: 0; top: 35px;	 z-index: 99; }
.m_area_subnav .m_sub_nav:after { clear:both; display:block; content:'';}
.m_area_subnav .m_sub_nav li { width:100%; height:100%;	margin:0; font-size:14px; line-height: 35px; color:#111; float:left; display:block;	 display:block; cursor: pointer; }
.m_area_subnav .m_sub_nav li:hover { color: #015bae; }

.sub_tab { width: 100%; margin: 0 auto 40px; overflow: hidden; border: 1px solid #d7d7d7; border-bottom: 0;}
.sub_tab li { float: left; line-height: 30px; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;text-align: center; }
.sub_tab li:nth-child(3n) { border-right: 0; }
.sub_tab li:hover { color: #0f75bc; }
.sub_tab li.on { background: #595959; color: #fff; }
.sub_tab.s6 li { width: 33.33%; }
.sub_tab.s6 li a { display: block; width: 100%; height: 100%; }


/* ÀÎ»ç¸» */
.greeting_img01 img { width: 100%; margin-bottom: 35px;}
.greeting_title { color: #227abf; font-size: 18px; font-weight: 600; margin: 30px 0 10px;}
.greeting_name { font-size: 16px; color: #111; margin-top: 30px; font-weight: 400; text-align: right; float: left; margin: 20px 40px 5px 0 ;}
.greeting_name img:nth-child(1) { width: 150px; margin-bottom: 15px; }
.greeting_name img.greeting_name_img { width: 120px; }



@media all and (max-width:530px){/**/
	.greeting_name { float: none; margin: 0 auto 30px; text-align: center; }
}/**/



/* ÇÐÈ¸ ¼Ò°³ */
.intro_title { text-align: center; }
.intro_title div { font-size:22px; color:#111; font-weight:600; line-height:100%; margin: 40px 0 35px; position: relative; overflow: hidden;} 
.intro_title div:before { content:''; width: 100%; height: 1px; background: #227abf; position: absolute; left: -600px; top: 0;bottom: 0; margin: auto 0;display: block;}
.intro_title div:after { content:''; width: 100%; height: 1px; background: #227abf; position: absolute; left: 600px; top: 0;bottom: 0; margin: auto 0;display: block;}
.intro_title span { color: #2668b1; }
.introduction { padding: 0 2.5%; } 
.introduction li { width: 33%; height: 170px; background: url('/images/sub/intro_bg.jpg') 0 0 repeat; float: left; margin-right: 0.5%; margin-bottom: 20px; border: 1px solid #227abf; padding: 0 15px; color: #fff; font-size: 14px; text-align: left; word-break:break-all; line-height: 140%; }
.introduction li:nth-child(4n) { margin-right: 0.5%; }
.introduction li:nth-child(3n) { margin-right: 0; }
.introduction li .intro_num { width: 40px; height: 40px; line-height: 40px; background: #fff; color: #227abf; font-size: 22px; font-weight: 500; text-align: center; margin-left: -15px; margin-bottom: 10px; }

@media all and (max-width:530px){/**/
	.introduction li { width: 49%; height: 190px; margin-right: 1%; }
	.introduction li:nth-child(2n) { margin-right: 0%; }
	.introduction li:nth-child(3n) { margin-right: 1%; }
}/**/


/* À§Ä¡ ¹× ¿¬¶ôÃ³  */
.map_iframe { width: 100%; height: 280px;}
.map_list { padding: 20px 0; border-bottom: 1px solid #d4d4d4; display: block; }
.map_list.dotList li + li { margin-bottom: 0; margin-top: 5px; }


/* Á¤°ü */
.rule {	 }
.rule > dt { height:30px; line-height:30px; text-align:center; color:#333; font-weight:400; background:#f3f3f3; clear: both; margin-top: 30px; margin-bottom: 10px;}
.rule > dd {background:none; }
.rule > dd > dl {display:inline-block;}
.rule > dd > dl > dt { color:#252525; font-weight:400; margin-top: 20px; margin-bottom: 5px}
.rule > dd > dl > dt:nth-child(1) { margin-top: 0px; }
.rule > dd > dl > dt > span.sect { display: block; margin-bottom: 5px; color: #0f75bc; }
.rule > dd > dl > dd > span {display:block; margin-bottom:5px; margin-bottom: 0;}
.rule .numList { margin-left: 20px; }
.rule .numList li { list-style-type: decimal !important; margin-left: 10px; }

.rule.criteria > dd > dl > dd > ul li { margin-left: 10px;}
.rule.criteria > dd > dl > dd > ul li .tableTitle { text-align: center; margin-top: 15px; margin-bottom: 10px; color: #111; }
.rule.criteria > dd > dl > dd.ruleBox { border: 1px solid #ddd; margin-top: 15px; padding: 20px; box-sizing: border-box;}
.rule.criteria > dd > dl > dd > ul.ml0 > li { margin-left: 0; margin-bottom: 5px; }

.ruleBtn_wrap { width: 100%; border: 5px solid #eee; padding: 15px 20px; margin-top: 30px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-start; }
.ruleBtn_wrap div { padding: 5px 18px; color: #111; }
.ruleBtn_wrap div:nth-child(1) { width: calc(100% - 95px); text-align: left; justify-content: flex-start !important; flex-wrap:nowrap;}
.ruleBtn_wrap img { width: 15px; margin-right: 8px; vertical-align: top; }
.ruleBtn { background: linear-gradient(#fdfdfd, #f1f1f1); border: 1px solid #e8e8e8; padding: 7.5px 15px; font-size: 10px; font-weight: 400; cursor: pointer; transition:0.3s;}
.ruleBtn:hover { background: linear-gradient(#f1f1f1, #f1f1f1); }

.subGuide .down {width:280px !important; height: 40px; line-height: 18px; border:3px solid #015bae; text-decoration:none !important; background: #015bae url('/images/sub/downBtn.png') no-repeat 85% 6px; display:inline-block; font-weight:500 !important; color: #fff; border-radius: 0; padding-right: 70px; background-size: 25px; font-size: 14px; }
.subGuide .down:hover {background-position:85% -78px; background-color:#015bae; color:#fff !important; border:3px solid #015bae;}

.mem_guide .payment_guide { font-size: 11.5px; }

.sub_tab { width: 100%; margin: 0 auto 40px; overflow: hidden; border: 1px solid #d7d7d7; border-bottom: 0;}
.sub_tab li { float: left; line-height: 30px; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;text-align: center; }
.sub_tab li:nth-child(3n) { border-right: 0; }
.sub_tab li:hover { color: #015bae; }
.sub_tab li.on { background: #595959; color: #fff; }

.sub_tab.s6 li { width: 33.33%; }
.sub_tab.s6 li a { display: block; width: 100%; height: 100%; }










