@charset 'utf-8';
@import 'reset.css?v=190408';
@import 'common.css?v=190408';

/* layout */
html, body{width:100%;position:relative;z-index:1;}
.ie8 body{min-width:1208px}
.ie7 body{overflow-x:hidden;}
body.no{overflow:hidden}
.allwrap{position:relative;min-width:1208px;}
.header, .container, .footer{position:relative;z-index:1;}
.content{min-height:900px}
.section{width:1208px;margin:0 auto;position:relative;}
.container{overflow:hidden;padding-top:7.25em}

.blind{display:none;position:absolute;z-index:1000;left:0;top:0;right:0;bottom:0;background:url(../images/common/bg_black50.png)}
.blind#main-mobile-blind{z-index:1100}
@media ( max-width: 1208px ) {
	.allwrap{max-width:100%;min-width:auto}
	.section{width:auto;padding:0 1em}
	.section.no_padding{padding:0em}
}
@media ( max-width: 1024px ) {
	.allwrap{font-size:0.9em}
	.container{padding-top:12em}
		 #img1 {display: none;}
}
@media ( max-width: 768px ) {
	html, body{height:100%}
	body.no{overflow:hidden;}
	.allwrap{font-size:0.8em;min-width: 320px;height:100%;}
	.container{padding-top:5em}
	.m_data{display:block;}
	.pc_data{display:none;}
	.content{min-height:auto}
}

/* header */
.header_wrap{position:absolute;top:0;left:0;right:0;z-index:1100;background:#fff;}
.header-top{position:absolute;top:0;left:0;right:0;z-index:1200;}
.header{position:absolute;top:0;left:0;right:0;z-index:1100;overflow:hidden;height:7.25em;transition:height .3s;-webkit-transition:height .3s;background:#fff}
.header.active {height:62em;}
.header.active:after{content:'';display:block;position:absolute;top:7.25em;left:0;right:0;z-index:1100;background:#ffcd14;height:2px}
.header.active.sub{height:23em}
.header .logo{position:absolute;z-index:100;left:0;top:8px;}
.ie7 .header .logo{width:13.75em;}
.header .logo a{overflow:hidden;text-indent:-9999px;display:block;width:13.75em;height:7.25em;margin:0 auto;background:url(../images/common/hs_logo.png) 0 .25em no-repeat;background-size:10.75em auto}
.header-top .section{z-index:100}
.top-gnb{position:absolute;right:0;padding-right:15.5em;top:0;z-index:100}
.top-gnb > ul > li{float:left;padding-left:1.7em}
.top-gnb > ul > li > a{display:block;font-size:0.8125em;line-height:3.8em}
@media ( max-width: 1208px ) {
	.header .logo a{background-size:auto 5.4em;background-position:80% center}
}
@media screen and (max-width: 1024px) {
	.header{height:12em}
	.header.active{height:65em}
	.header.active:after{top:12em}
	.header.active.sub{height:30em}
	.header .logo{position:static;margin:0 auto;}
	.logo2{display: none;}
}
@media screen and (max-width: 768px) {
	.header{height:auto;overflow:visible;background:none}
	.top-gnb{display:none}
	.header .logo a{height:5em;background-size:auto 5em;}
}

/* family-site-area */
.family-site-area{position:absolute;right:0;top:0;width:15.5em}
.family-site-area dl dt > a{background:url(../images/common/bg_arrow04.png) 90% 50% no-repeat;position:relative;text-align:center;display:block;font-size:0.8125em;line-height:3.8em;padding-right:1.5em;font-weight:bold;color:#3ab0e7}
.family-site-area dl dd{display:none}
.family-site-area dl.on dt > a{background:#3ab0e7 url(../images/common/bg_arrow05.png) 90% 50% no-repeat;color:#fff}
.family-site-area dl.on dd{display:block;border:1px solid #eee;border-top:0;background:#fff}
.family-site-area dl dd > ul{padding:.8em 1.5em 2em}
.family-site-area dl dd > ul > li > a{color:#000;font-size:0.875em;line-height:2.4em;font-weight:bold}
.family-site-area dl dd > ul > li{padding-left:1em;background:url(../images/common/icon_plus.png) 0 .72em no-repeat}
.family-site-area dl dd > ul ul > li > a{color:#818181;font-size:0.875em;line-height:1.4em}

/* main-gnb  */
.main-gnb-area{position:relative;padding-top:1em;padding-left:12.5em;padding-right:16.5em;z-index:90}
.main-gnb-area:after{display: block; content: ''; clear:both;}
.main-gnb > ul{text-align:center;}
.main-gnb > ul > li{display:inline-block;padding:0 1em;text-align:center;}
.main-gnb > ul > li > ul > li{float:left;}
.main-gnb > ul > li > ul > li > a{position:static}

.main-gnb > ul > li > a{display:block;letter-spacing:-2px;line-height:5.95em;font-size:1.06em;text-align:center;color:#333333}
.main-gnb > ul > li.on > a{color:#deba00}
.main-gnb > ul > li.active > a{color:#000}
.main-gnb > ul > li > ul{display:none}
.main-gnb > ul > li.active > ul{display:block;}
.main-gnb > ul > li > ul{position:absolute;left:2em;right:2em;top:10em;padding-left:0em;padding-top:3em}
.main-gnb > ul > li > ul:after{width:9em;position:absolute;left:0;top:0;display:block;text-align:left;content:attr(data-menu);color:#ffcd14;font-size:1.25em;}
.main-gnb > ul > li > ul:before{position:absolute;left:0em;top:1.8em;content:'';display:block;width:1em;height:4px;background:#f4e1bb}
.main-gnb > ul > li > ul > li{min-height:1.4em;position:relative;display:block;text-align:left;padding-bottom:.2em;padding-right:1.5em}
.main-gnb > ul > li > ul > li:after{content:'';display:block;clear:both}
.main-gnb > ul > li > ul > li > a{display:block;font-size:0.93em;color:#333;}
.main-gnb > ul > li > ul > li > ul{position:relative;padding-top:.5em}
.main-gnb > ul > li > ul > li > ul > li{float:none;padding-bottom:0.2em}
.main-gnb > ul > li > ul > li > ul > li > a{display: block;line-height: 1.3em; position: relative;padding-left: 0.6em;font-size: 0.825em;color: #ababab;word-break: break-all;}
.main-gnb > ul > li > ul > li > ul > li > a:after{display:block;content:'-';position:absolute;left:0;top:0.65em;margin-top:-.5em;height:1em;width:0.6em}
.main-gnb > ul > li > ul > li > ul > li:hover a{color:#000}

@media screen and ( max-width: 1208px ) {
	.main-gnb-area{padding-left:7em;padding-right:12em}
	.main-gnb > ul > li{}
	.main-gnb > ul > li > a{font-size:0.96em;letter-spacing:-2px;}
	.main-gnb > ul > li > ul{left:1em;right:1em}
}
@media screen and ( max-width: 1024px ) {
	.main-gnb-area{padding-left:0;padding-right:0;padding-top:0;}
	.main-gnb > ul > li > ul{top:7em;left:2em;right:2em}
	.main-gnb > ul > li{padding:0 .7em;}
	.main-gnb > ul > li > a{line-height:3.9em;font-size:1.06em;}

}
@media screen and (max-width: 768px) {
	.main-gnb-area{position:static;}
	.main-gnb{display:none}
}

/* side-gnb */
.side-gnb{position:absolute;right:0;top:3em;padding-right:3em}
.side-gnb .btn-menu{display:block;position:absolute;right:0;top:0.2em;}
.total-search-area .search-box{position:relative;display:block;width:13em;height:2.32em;background:url(../images/common/bg_search_line.png) 0 0 no-repeat;background-size:auto 2.3125em}
.total-search-area .search-box label{display:block;padding-left:1em;padding-right:3.2em}
.total-search-area .search-box input[type="text"]{display:block;width:100%;background:transparent;border:0;padding:0.24em 0;}
.total-search-area .search-box .btn-search{position:absolute;right:.2em;top:0;display:block;overflow:hidden;text-indent:-9999px;height:2.3em;width:3em;background:url(../images/common/icon_search.png) center no-repeat;background-size:auto 1.375em }
.total-search-area .search-box input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #a2a2a2;}
.total-search-area .search-box input[type="text"]::-moz-placeholder { /* Firefox 19+ */color: #a2a2a2;}
.total-search-area .search-box input[type="text"]:-ms-input-placeholder { /* IE 10+ */color: #a2a2a2;}
.total-search-area .search-box input[type="text"]:-moz-placeholder { /* Firefox 18- */color: #a2a2a2;}
.btn-menu{width:2em;height:2em;display:block;overflow:hidden;text-indent:-9999px;background:url(../images/common/ico_menu.png) center no-repeat;background-size:2em auto}
.btn-menu.on{background-image:url(../images/common/ico_menu_off.png)}
@media screen and ( max-width: 1024px ) {
	.side-gnb{top:-4em}
}
@media screen and ( max-width: 768px ) {
	.side-gnb{position:static;}
	.side-gnb .btn-menu{right:inherit;left:0;top:0em;width:5em;height:5em;background-image:url(../images/common/ico_menu_m.png);background-size:3em auto}
	.total-search-area{position:absolute;top:-3em;left:4em;right:4em;font-size:1.2em;-webkit-transition: top .5s;transition: top .5s;}
	.total-search-area.on{top:0.8em;-webkit-transition: top .5s;transition: top .5s;}
	.total-search-area .search-box{float:right;width:90%;margin:0 auto;background:#fff;border:1px solid #eee;border-radius:1em}
	/* 190517 수정 */
	.btn-login-m{position:absolute;right:3.5em;top:0;width:5em;height:5em;display:block;background:url(../images/common/ico_login_m.png) center no-repeat;background-size:3em auto}
	.btn-mypage-m{position:absolute;right:3.5em;top:0;width:5em;height:5em;display:block;background:url(../images/common/ico_mypage_m.png) center no-repeat;background-size:3em auto}
	/* //190517 수정 */
	.btn-search-open{position:absolute;right:0;top:0;width:5em;height:5em;display:block;background:url(../images/common/ico_search_m.png) center no-repeat;background-size:3em auto}
	.btn-search-open.on{background-image:url(../images/common/ico_search_close_m.png);}
}

/* total-gnb-area */
.total-gnb-area{padding:0 4em}
.total-gnb-area > ul{padding-top:2.6em}
.total-gnb-area > ul > li{position:relative;margin-bottom:1.6em}
.total-gnb-area > ul > li > a{display:block;width:10em;font-size:1.125em;color:#ffcd14;}
.total-gnb-area > ul > li > a:after{position:absolute;height:4px;background:#f4e1bb;left:0;top:1.5em;width:1.2em;content:'';display:block;}
.total-gnb-area > ul > li > a > span{display:block;position:absolute;right:0;bottom:-.4em;height:3px;width:1.6em;background:#2a7adc;}
.total-gnb-area > ul > li > ul{padding-top:1.2em}
.total-gnb-area > ul > li > ul > li{float:left;padding-right:2.5em}
.total-gnb-area > ul > li > ul > li > a{font-weight:bold;font-size:0.875em;color:#585858;line-height:1.71em}
.total-gnb-area > ul > li > ul > li:hover > a{color:#000}
.total-gnb-area > ul > li > ul > li.on > a{color:#000}
.total-gnb-area > ul > li > ul > li{position:relative;margin-bottom:.3em;}
.total-gnb-area > ul > li > ul > li > ul{}
.total-gnb-area > ul > li > ul > li > ul > li{padding-top:.5em}
.total-gnb-area > ul > li > ul > li > ul > li > a{display:block;position:relative;padding-left:0.6em;font-size:0.82em;color:#ababab}
.total-gnb-area > ul > li > ul > li > ul > li > a:after{display:block;content:'-';position:absolute;left:0;top:50%;margin-top:-.5em;height:1em;width:0.6em}
.total-gnb-area > ul > li > ul > li > ul > li:hover a{color:#000}
@media screen and (max-width: 1024px) {
	.total-gnb-area > ul > li > a{font-size:1em;letter-spacing:-1px;}
	.total-gnb-area > ul > li > ul > li a{letter-spacing:-1px}
}
@media screen and (max-width: 768px) {
	.total-gnb-area{display:none}
}

/* mobile */
.main-mobile-area{display:none;transition:left .3s;-webkit-transition:left .3s;}
@media screen and (max-width: 768px) {
	.main-mobile-area{display:block;font-size:0.95em;position:absolute;top:0;bottom:0;left:-85%;z-index:2000;width:85%;background:#fff}
	.main-mobile-area.active{left:0;transition:left .3s;-webkit-transition:left .3s;}
	.btn-all-menu-close{overflow:hidden;text-indent:-9999px;z-index:1000;position:absolute;right:0;top:50%;margin-top:-2em;width:4em;height:4em;background:url(../images/common/ico_close2.png) center no-repeat;background-size:3em auto}
	.btn_moible_top{display:inline-block;border-radius:2em;padding:0 1.5em;background:#1154a7;color:#fff;line-height:2.5em}

	.mobile-top{position:relative;padding:1em 2em;background:#2a7adc}
	.mobile-top .txt{color:#fff}
	.mobile-top .txt span{display:inline-block;padding-right:1em}
	.mobile-quick-menu{font-size:0.9em;border-bottom:1px solid #e9e9e9}
	.mobile-quick-menu ul li{position:relative;float:left;width:33.3%}
	.mobile-quick-menu ul li a{position: relative;z-index: 101;display:block;padding-top:4.5em;padding-bottom:1em;border-left:1px solid #e9e9e9}
	.mobile-quick-menu ul li:first-child a{border-left:0}
	.mobile-quick-menu ul li:after{z-index: 100;content:'';display:block;position:absolute;left:50%;margin-left:-2em;top:.5em;background-position:center;background-size:3em auto;background-repeat:no-repeat;height:4em;width:4em}
	.mobile-quick-menu ul li a span{display:block;color:#6e6e6e;text-align:center}
	.mobile-quick-menu ul li.home:after{background-image:url(../images/common/icon_home2.png)}
	.mobile-quick-menu ul li.mypage:after{background-image:url(../images/common/icon_mypage.png)}
	.mobile-quick-menu ul li.reserve:after{background-image:url(../images/common/icon_reserve.png)}

	.all-menu-area{position:absolute;left:0;top:10.5em;bottom:0;right:0;overflow-y:auto}
	.all-menu-area > ul{margin-top:1px}
	.all-menu-area > ul > li{border-bottom:1px solid #e9e9e9;}
	.all-menu-area > ul > li > a{display:block;padding-left:2em;line-height:4em;color:#000;font-weight:bold;background:#fff url(../images/common/bg_arrow06.png) 90% center no-repeat;background-size:2em auto}
	.all-menu-area > ul > li > ul{font-size:0.95em;display:none;padding:.5em 1em;}
	.all-menu-area > ul > li > ul.on{display:block;}
	.all-menu-area > ul > li.on > ul{display:block}
	.all-menu-area > ul > li > ul > li > a{display:block;color:#666;line-height:2em;}
	.all-menu-area > ul > li > ul{position:relative;padding:2em 0 2em 11em;border-top:1px solid #e9e9e9;background:#f7f7f7;}
	.all-menu-area > ul > li > ul:before{position:absolute;left:6.8em;top:4.2em;height:2px;width:2em;content:'';background:#2a7adc;display:block;}
	.all-menu-area > ul > li > ul:after{position:absolute;left:0;top:1.9em;width:7em;text-align:right;font-size:1.25em;color:#2a7adc;content:attr(data-title);display:block;}
	.all-menu-area > ul > li > ul > li > ul{padding-left:1.5em;padding-bottom:.5em}
	.all-menu-area > ul > li > ul > li.on > a{font-weight:bold}
	.all-menu-area > ul > li > ul > li > ul > li{position:relative;}
	.all-menu-area > ul > li > ul > li > ul > li:before{content:'-';display:block;position:absolute;left:-0.6em;top:0}
	.all-menu-area > ul > li > ul > li > ul > li.on a{font-weight:bold}

	/* 하단 배너 */
	.mobile-family-list{padding-bottom:2em;}
	.mobile-family-list dl dt {padding:1em 1em 1em 5.5em;background:#222 url(../images/common/icon_building.png) 2em center no-repeat;background-size:2.5em auto}
	.mobile-family-list dl dt > span{display:block;font-size:1.3em;color:#fff;}
	.mobile-family-list dl dd > a{display:block;padding-left:5.5em;line-height:2.4em;color:#fff;background:#3ab0e7 url(../images/common/bg_arrow07.png) 90% center no-repeat;background-size:1em auto}
	.mobile-family-list dl dd{border-bottom:1px solid #2a99cd}
}


/* footer */
.footer_wrap{border-top:1px solid #e4e4e4;}
.footer-gnb-area{position:relative;padding-top:.5em}
.footer-gnb ul li{float:left;padding-right:1.8em}
.footer-gnb ul li a{display:block;font-size:0.8em;padding:1.4em 0;color:#797878}
.footer-gnb ul li a:hover, .footer-gnb ul li a.on{font-weight:bold;color:#000}
.footer-number{position:absolute;right:0;top:0}
.footer-number ul li{float:left;font-size:11px;padding:1.25em 0;padding-left:1.5em;color:#999999}
.footer-number ul li span.tit{color:#3399cc;}

.footer-address{padding-bottom:3em}
.footer-address address{padding-right:10em}
.footer-address p{color:#a3a3a3;font-size:0.875em;line-height:1.7em}
.footer-address p > span{color:#000;font-weight:bold}
.footer-address p.prohibit{padding-top:3em;font-size:11px}
.footer-address .family-area{position:absolute;right:0;top:0;}
.footer-address .family-area .familysite{float:left;height:2em;margin-left:1em}

.familysite{position:relative;width:15em;}
.familysite > a{display:block;padding:0 .6em;line-height:2.5em;font-size:0.8em;border-bottom:1px solid #eee;color:#6c6c6c;background:url(../images/common/bg_arrow01.png) 90% 50% no-repeat;background-size:0.8em auto}
.familysite > a.active{color:#222;border-bottom-color:#222;background-image:url(../images/common/bg_arrow02.png)}
.familysite ul{display:none;position:absolute;left:0;right:0;bottom:2em;padding:.5em 0;background:#fff}
.familysite ul li strong{display:block;text-align:center;line-height:2.2em;font-size:0.8em;background:#f1f1f1}
.familysite ul li a{display:block;padding:0 .6em;line-height:2.5em;font-size:0.8em;}
.familysite ul li a:hover{background:#eee}
@media screen and ( max-width: 1024px ) {
	.footer-gnb ul{text-align:center}
	.footer-gnb ul li{float:none;display:inline-block;text-align:center;padding:0}
	.footer-gnb ul li a{color:#000;padding:1.2em .5em;letter-spacing:-1px}
	.footer-number{display:none}
	.footer-address{margin:0;padding-top:0em;padding-bottom:0}
	.footer-address address{padding:5em 0 4em;}
	.footer-address .family-area{position:absolute;top:1em;left:0;right:0;margin-top:0;text-align:center}
	.footer-address .family-area .familysite{float:none;margin:.5em 0;display:inline-block;text-align:left}
	.footer-address p.prohibit{padding-top:1em;}
}
@media screen and ( max-width:360px ) {
	.footer-gnb{font-size:0.9em;}
}

/* layer-popup-area */
.layer-popup-area{position:absolute;left:13.6em;top:10em;width:420px;z-index:10000}
.layer-popup-area .inner{border:1px solid #000;background:#fff}
.layer-popup-area .popup-top{padding:1.3em 1.5em;background:url(../images/main/bg_popup_top.png) 0 0 no-repeat;}
.layer-popup-area.purple .popup-top{background-image:url(../images/main/bg_popup_top_purple.png);}
.layer-popup-area.red .popup-top{background-image:url(../images/main/bg_popup_top_red.png);}
.layer-popup-area.sky .popup-top{background-image:url(../images/main/bg_popup_top_sky.png);}
.layer-popup-area.green .popup-top{background-image:url(../images/main/bg_popup_top_green.png);}
.layer-popup-area .popup-top .title{color:#fff;font-size:1.375em;letter-spacing:-1px}
.layer-popup-area .popup-body{padding:1em 1.5em 1.5em;}
.layer-popup-area .popup-body > div{font-size:0.81em}
.layer-popup-area .popup-content p{line-height:1.4em}
.layer-popup-area .popup-file{padding-bottom:1em}
.layer-popup-area .popup-file li strong{display:inline-block;vertical-align:baseline;color:#3470b9}
.layer-popup-area .popup-file li a {color:#3470b9;vertical-align:baseline;}
.layer-popup-area .popup-file li .line{display:inline-block;padding:.2em 0;border-bottom:1px solid #99b7dc}
.layer-popup-area.red .popup-file li .line{border-bottom-color:#f9b1ae}
.layer-popup-area.red .popup-file li strong{color:#f3635d}
.layer-popup-area.red .popup-file li a{color:#f3635d}
.layer-popup-area.sky .popup-file li .line{border-bottom-color:#b0cded}
.layer-popup-area.sky .popup-file li strong{color:#629cdb}
.layer-popup-area.sky .popup-file li a{color:#629cdb}
.layer-popup-area.purple .popup-file li .line{border-bottom-color:#aba9d2}
.layer-popup-area.purple .popup-file li strong{color:#625fab}
.layer-popup-area.purple .popup-file li a{color:#625fab}
.layer-popup-area.green .popup-file li .line{border-bottom-color:#27b463}
.layer-popup-area.green .popup-file li strong{color:#27b463}
.layer-popup-area.green .popup-file li a{color:#27b463}
.layer-popup-area .popup-bottom{position:relative;padding:.8em 1.5em 1em;background:#f4f4f4;border-top:1px solid #d8d8d8}
.layer-popup-area .popup-bottom label , .layer-popup-area .popup-bottom a{font-size:0.875em;vertical-align:middle}
.layer-popup-area .popup-bottom label span{vertical-align:baseline}
.layer-popup-area .popup-bottom .btn-layer-popup-close{display:block;line-height:2em;position:absolute;right:1.5em;top:50%;margin-top:-1em}
.btn-layer-popup-close{padding-right:1.5em;background:url(../images/main/icon_popup_close.png) right 54% no-repeat;background-size:1em auto}
@media screen and ( max-width:768px ) {
	.btn-layer-popup-close{width:320px !important;margin-left:-160px !important;left:50% !important;}
}

/* main page */
	@media screen and ( max-width:768px ) {
		.main-content{font-size:0.8em}
	}

	/* main-visual-area */
	.main-visual-area{position:relative;padding-bottom:3.125em}
	@media screen and ( max-width:768px ) {
		.main-visual-area{padding-bottom:0}
	}
	
	/* visual-area */
	.visual-area{width:910px;height:25em;position:relative;}
	.visual-area ul li{overflow:hidden;height:25em;text-align:center}
	.visual-area ul li img{height:25em;width:100%}
	.visual-area .bx-pager{position:absolute;right:1em;top:0.8em;text-align:center}
	.visual-area .bx-pager a{display:inline-block;width:1em;height:1em;overflow:hidden;text-indent:-99999px;background:url(../images/main/slider_off.png?v=181012) center no-repeat;background-size:auto 1em;}
	.visual-area .bx-pager a.active{width:1.875em;background:url(../images/main/slider_on.png?v=181012) center no-repeat;background-size:auto 1em}
	.visual-area .bx-pager .bx-pager-item{display:none}
	.visual-area .bx-loading {min-height: 50px;background: url(../images/common/ajax-loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
	.visual-area .bx-controls-direction > a{display:block;overflow:hidden;text-indent:-999px;position:absolute;top:50%;margin-top:-1.725em;background-repeat:no-repeat;background-size:3.5em auto;height:3.5em;width:3.5em;background-position:center}
	.visual-area .bx-controls-direction .bx-prev{left:0;background-image:url(../images/main/slider_prev.png?v=1)}
	.visual-area .bx-controls-direction .bx-next{right:0;background-image:url(../images/main/slider_next.png?v=1)}
	.visual-area .bx-controls-direction a:hover{-webkit-transition: all .5s; /* Safari */transition: all .5s;}
	.bx-wrapper .bx-viewport {
		-webkit-transform: translatez(0);
		-moz-transform: translatez(0);
		-ms-transform: translatez(0);
		-o-transform: translatez(0);
		transform: translatez(0);
	}
	@media screen and (max-width: 1208px) {
		.visual-area{width:75%;}
	}	
	@media screen and (max-width: 1024px) {
		.visual-area{width:100%;}
	}
	@media screen and (max-width: 768px) {
		.visual-area{height:18em}
		.visual-area ul li{height:18em}
		.visual-area ul li img{height:18em}
	}
	
	/* sub-popup-area */
	.sub-popup-area{height:21.5em;border:1px solid #dcdcdc;margin-left:.7em;position:relative;}
	.sub-popup-area ul li{overflow:hidden;height:21.5em;text-align:center}
	.sub-popup-area ul li img{height:21.5em;}
	.sub-popup-area .bx-pager{position:absolute;right:1em;top:0.8em;text-align:center}
	.sub-popup-area .bx-pager a{display:inline-block;width:1em;height:1em;overflow:hidden;text-indent:-99999px;background:url(../images/main/slider_off.png?v=181012) center no-repeat;background-size:auto 1em;}
	.sub-popup-area .bx-pager a.active{width:1.875em;background:url(../images/main/slider_on.png?v=181012) center no-repeat;background-size:auto 1em}
	.sub-popup-area .bx-pager .bx-pager-item{display:inline-block}
	.sub-popup-area .bx-loading {min-height: 50px;background: url(../images/common/ajax-loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
	.sub-popup-area .bx-controls-direction > a{display:block;overflow:hidden;text-indent:-999px;position:absolute;top:50%;margin-top:-2em;background-repeat:no-repeat;background-size:4em auto;height:4em;width:4em;background-position:center}
	.sub-popup-area .bx-controls-direction .bx-prev{left:1.2%;background-image:url(../images/main/slider_prev2.png)}
	.sub-popup-area .bx-controls-direction .bx-next{right:1.2%;background-image:url(../images/main/slider_next2.png)}
	.sub-popup-area .bx-controls-direction a:hover{-webkit-transition: all .5s; /* Safari */transition: all .5s;}
	.sub-popup-area .bx-controls-direction a:hover.bx-prev{left:.5%;opacity:1}
	.sub-popup-area .bx-controls-direction a:hover.bx-next{right:.5%;opacity:1}
	
	.main-link-area{position:absolute;right:0;top:0;bottom:0;right:0;width:21%;border:1px solid #ddd}
	.main-link-area ul{text-align:center;height:100%;}
	.main-link-area ul li{position:relative;height:25%;background:#fff}
	.main-link-area ul li a{position:relative;z-index:100;display:block;border-top:1px solid #dddddd;height:100%}
	.main-link-area ul li a:hover .txt{color:#ffcd14;}
	.main-link-area ul li:first-child a{border-top:0}
	.main-link-area ul li:after{position:absolute;left:.5em;top:50%;margin-top:-3.25em;content:"";display:block;height:6.5em;width:6.5em;background-position:center;background-repeat:no-repeat;background-size:6.5em auto}
	.main-link-area ul li .txt{display:block;color:#000000;line-height:6.5em;padding-left:7em;text-align:left}
	.main-link-area ul li.li01:after{background-image:url(../images/main/main_link01.png?v=1);}
	.main-link-area ul li.li02:after{background-image:url(../images/main/main_link02.png?v=1);}
	.main-link-area ul li.li03:after{background-image:url(../images/main/main_link03.png?v=1);}
	.main-link-area ul li.li04:after{background-image:url(../images/main/main_link04.png?v=1);}

	@media screen and (max-width: 1024px) {
		.main-link-area{position:static;width:auto}
		.main-link-area ul{height:auto;zoom:1;}
		.main-link-area ul:after{content:'';display:block;clear:both;}
		.main-link-area ul li{float:left;width:25%;height:6.25em;}
	}
	@media screen and (max-width: 768px) {
		.main-link-area{}
		.main-link-area ul li{height:auto}
		.main-link-area ul li:after{top:0;margin-top:0em;left:50%;margin-left:-3.25em}
		.main-link-area ul li .txt{padding-left:0;padding-top:5em;text-align:center;line-height:2.5em}
		.main-link-area ul li a{border-top:0;border-left:1px solid #ddd}
		.main-link-area ul li:first-child a{border-left:0}
	}

	/* main-program-area */
	.main-program-search{background:#ffa40f;padding-top:1.5em;padding-bottom:1.5em;}
	.main-program-search h2{position:absolute;left:0;top:0;font-size:1.6em;line-height:1.6em;color:#fff;font-weight:normal;width:8em;text-align:right;}
	.main-program-search .search-box{padding-left:13em}
	.main-program-search .search-box.detail{padding-top:1em;}
	.main-program-search .search-button{position:absolute;right:0;top:0;color:#fff;font-weight:normal}
	.main-program-search .search-button > a{margin:0 .2em}
	.main-program-search .search-select{display:inline-block;margin:0 .2em;width:11em;padding:0 1em;border-radius:5em;background:#fff url(../images/main/bg_select_arrow.png) 85% 50% no-repeat;background-size:1em auto}
	.main-program-search .search-select select{-webkit-appearance: none; appearance: none;color:#000;background:transparent;border:0;width:90%;padding-right:5%;padding-left:5%}
	.main-program-search .search-input{display:inline-block;margin:0 .2em;width:16em;padding:0 1em;background:#fff;border-radius:5em}
	.main-program-search .search-input input{background:transparent;border:0;width:90%;padding-right:5%;padding-left:5%;color:#000;}
	.main-program-search .search-input input::-webkit-input-placeholder {color: #000;}
	.main-program-search .search-input input::-moz-placeholder {color: #000;}
	.main-program-search .search-input input:-ms-input-placeholder {color: #000;}
	.main-program-search .search-input input:-moz-placeholder {color: #000;}
	.main-program-search .input-search04 > input{width:4em;padding-left:2%;padding-right:2%;text-align:center}
	.main-program-search .input-search04 > span{vertical-align:middle;color:#000;line-height:1em}
	.main-program-search .input-search05{width:25em}
	.main-program-search .input-search05 > input{width:5.5em;padding-left:2%;padding-right:2%;text-align:center}
	.main-program-search .input-search05 > span{vertical-align:middle;color:#000;line-height:1em}
	.main-program-search img.ui-datepicker-trigger{cursor:pointer;width:2em}

	.detail-search{max-height:0;height:0;overflow:hidden;transition: max-height 0.15s ease-out;}
	.detail-search.on{max-height:7.3em;height:7.3em;transition: max-height 0.15s ease-out;}

	@media screen and (max-width: 1208px) {
		.main-program-search{font-size:0.85em}
	}
	@media screen and (max-width: 1024px) {
		.main-program-search{font-size:0.8em}
		.main-program-search .search-button{right:1em}
		.main-program-search .input-search01{width:8.4em;}
		.main-program-search .input-search02{width:10em;}
	}
	@media screen and (max-width: 768px) {
		.main-program-area .section{padding:0}
		.main-program-search{font-size:1.16em;}
		.main-program-search h2{position:static;margin:0 auto;text-align:center;}
		.main-program-search .search-box{padding-left:0;margin:.5em 2em }
		.main-program-search .search-select{display:block;margin-bottom:.5em;background:#fff url(../images/main/bg_select_arrow.png) no-repeat 90% center;background-size:1em auto;border-radius:2em;width:auto;}
		.main-program-search .search-input{display:block;margin-bottom:.5em;background:#fff;border-radius:2em;width:auto;}
		.main-program-search .search-button{position:static;text-align:center}
		.detail-search > .search-box.detail:first-child{padding-top:.5em}
		.detail-search.on{max-height:18em;height:18em}

		.main-program-search .input-search04{text-align:center}
		.main-program-search .input-search05{text-align:center}
	}

	.btn-search-program{display:inline-block;font-weight:bold;color:#fff;text-align:center;width:7.4em;line-height:2.7em;background:#000000;border-radius:5em}
	.btn-search-program:hover{color:#fff}

	/* scroll_wrap */
	.scroll_wrap{position:absolute;z-index:30;left:0;right:0px;top:0;bottom:0;overflow:hidden}
	.scroll_inner{position:absolute;z-index:30;left:0;right:-20px;top:0;bottom:0;overflow-y:scroll;overflow-x:hidden}
	.scroll_bar{position:absolute;z-index:50;left:100%;margin-left:-6px;top:0;height:100px;width:6px;background:#b0b0b0;border-radius:5px}
	.scroll_track{position:absolute;z-index:30;right:2px;top:0;width:2px;bottom:0;background:#dbdbdb;}
	@media screen and (max-width: 768px) {
		.scroll_wrap{position:static;overflow:visible}
		.scroll_inner{position:static;overflow-y:auto}
		.scroll_bar{position:static;display:none;}
		.scroll_track{position:static;display:none;}
	}

	/* main-program-area */
	.main-program-area{background:#f5f5f5;padding-bottom:3.125em;padding-top:3.125em}
	@media screen and (max-width: 768px) {
		.main-program-area{padding-top:0;padding-bottom:0}
	}

	/* program-calendar-area */
	.program-calendar-area{position:relative;}
	.program-calendar-area .calendar-area{position:relative;width:12em;padding-bottom:10em;background:#ffcd14}
	.program-calendar-area .program-area{position:absolute;left:12em;top:0;bottom:0;right:0;background:#fff}
	.program-calendar-area .calendar-box .date-area{padding:3em 0 5em}
	.program-calendar-area .calendar-box .date{line-height:1em;color:#fff;text-align:center}
	.program-calendar-area .calendar-box .day{line-height:1.3em;color:#fff;font-size:6.25em;text-align:center}
	.program-calendar-area .calendar-area .control{position:absolute;left:0;right:0;bottom:11.5em;text-align:center}
	.program-calendar-area .calendar-area .control input{display:none}
	.program-calendar-area .calendar-area .control > a, .program-calendar-area .calendar-area .control > img{display:inline-block;width:3.125em;height:3.125em;overflow:hidden;text-indent:-9999px;background-repeat:no-repeat;background-size:auto 3.125em;background-position:center} /* 190124 :: , .program-calendar-area .calendar-area .control > img 추가 */
	.program-calendar-area .calendar-area .control > .icon_prev{background-image:url(../images/main/btn_calendar_prev.png?v=1)}
	.program-calendar-area .calendar-area .control > .icon_calendar{background-image:url(../images/main/btn_calendar.png?v=1)}
	.program-calendar-area .calendar-area .control > .icon_next{background-image:url(../images/main/btn_calendar_next.png?v=1)}

	@media screen and (max-width: 768px) {
		.program-calendar-area{font-size:1.2em}
		.program-calendar-area .calendar-area{padding-bottom:0;width:auto}
		.program-calendar-area .calendar-box .date-area{padding:0;}
		.program-calendar-area .calendar-box .date{padding:1em 7% 1em 0;font-size:1.5em}
		.program-calendar-area .calendar-box{position:relative;}
		.program-calendar-area .calendar-area .control{bottom:50%;margin-bottom:1.56em}
		.program-calendar-area .calendar-area .control > a, .program-calendar-area .calendar-area .control > img{display:block;position:absolute;top:0} /* 190124 :: , .program-calendar-area .calendar-area .control > img 추가 */
		.program-calendar-area .calendar-area .control > .icon_prev{left:.5em;}
		.program-calendar-area .calendar-area .control > .icon_next{right:.5em}
		.program-calendar-area .calendar-area .control > .icon_calendar{left:70%}
		.program-calendar-area .calendar-area .control > img{left:70%} /* 190124 한줄 전체 추가 */
		.program-calendar-area .program-area{position:static;background:#f1f1f1;padding:1em}
		.program-calendar-area .guide-book-area{bottom:inherit;top:0;height:4em;background-image:url(../images/main/m_text_guidebook.png);background-position:2em center;background-size:auto 1.4em;}
		.program-calendar-area .guide-book-area a{position:absolute;right:0;top:50%;margin-top:-1.1em;padding:0 1em}
	}

	.main-program-list{position:absolute;top:1em;bottom:0em;width:44%}
	.main-program-list .btn-more{display:block;position:absolute;right:1.5em;top:.5em;margin-right:-2px;width:4em;line-height:2em;text-align:center;border:1px solid #dedede;color:#999999;background:#f5f5f5;}
	.main-program-list .btn-more:hover{background:#eee}
	.main-program-list.left{left:4%;}
	.main-program-list.right{right:4%;}
	.main-program-list .tit{line-height:2.5em;font-size:1.25em;color:#000;font-weight:normal;border-bottom:1px solid #eee}
	.main-program-list .box-list{position:absolute;top:4em;bottom:2em;left:0;right:0;overflow-y:auto}
	.main-program-list .box-list ul{padding-right:1.5em}
	.main-program-list .box-list ul > li{position:relative;padding-right:5em;margin-bottom:.8em}
	.main-program-list .box-list ul > li .cate{display:inline-block;line-height:1.8em;padding:0 .5em;border:1px solid #b6d0ee;color:#357ecf;font-size:0.75em}
	.main-program-list .box-list ul > li dl{padding-top:.5em}
	.main-program-list .box-list ul > li dl dt{color:#000;padding-bottom:.3em}
	.main-program-list .box-list ul > li dl dt a{color:#000;}
	.main-program-list .box-list ul > li dl dd{color:#828282;font-size:0.875em;line-height:1.3em}
	.main-program-list .btn-program{display:block;border-radius:5em;position:absolute;right:0;top:50%;margin-top:-2em;line-height:4em;width:4em;text-align:center;color:#fff}
	.main-program-list .btn-program.request{background:#f3635d}
	.main-program-list .btn-program.request:hover{background:#222}
	.main-program-list .btn-program.view{background:#ffcd14}
	.main-program-list .btn-program.view:hover{background:#61842f}

	@media screen and (max-width: 768px) {
		.main-program-list{position:relative;top:0;width:auto;background:#fff;margin-top:1em;}
		.main-program-list.left{left:0}
		.main-program-list.right{right:0}
		.main-program-list:first-child{margin-top:0}
		.main-program-list .btn-more{top:0.75em}
		.main-program-list .box-list{position:static;padding-top:1em}
		.main-program-list .tit{font-size:1.4em;text-align:center;color:#000}
		.main-program-list .box-list ul{padding:0 1.5em 1.5em}
	}


	/* main-banner-board-area */
	.main-banner-board-area{background:#eef0f7;padding-bottom:3.125em;padding-top:3.125em}
	.main-banner-board-area .banner-row{margin:0 -.4em;height:21.5em;}
	.main-banner-board-area .banner-row .banner{overflow:hidden;float:left;width:33.33%;height:21.5em;}
	.main-banner-board-area .banner-row .banner > div{display:block;margin:0 .4em;position:relative;}
	@media screen and (max-width: 768px) {
		.main-banner-board-area{padding:0}
		.main-banner-board-area .banner-row{height:auto;margin:0}
		.main-banner-board-area .banner-row .banner{float:none;width:auto;height:auto}
		.main-banner-board-area .banner-row .banner > div{margin:0}
	}

	/* main-board-area */
	.main-board-area{background:#fff;padding:1.8em 2em 2em;}
	.main-board-area .title{padding-bottom:.8em}
	.main-board-area .title span{font-size:1.2em;font-weight:normal;color:#000}
	.main-board-area ul{height:17em}
	.main-board-area ul li{height:4em;border-top:1px solid #e9e9e9;position:relative;}
	.main-board-area ul li .txt{display:block;line-height:1.1em;height:2.2em;overflow:hidden;padding-top:.5em;font-size:0.875em;color:#585858;}
	.main-board-area ul li .date{display:block;color:#999999;font-size:0.75em;}
	@media screen and (max-width: 768px) {
		.main-board-area .title{font-size:1.6em;font-weight:normal;text-align:center}
		.main-board-area ul{font-size:1.3em;min-height:auto}
		.main-board-area ul li .txt{height:auto;}
		.main-board-area ul li{height:auto;border-top:0;padding-top:1em;}
		.main-board-area ul li:first-child{padding-top:0}
	}

	/* main-banner-area */
	.main-banner-center-area{height:100%}
	@media screen and (max-width: 1024px) {
		.main-banner-center-area .img{height:100%}
		.main-banner-center-area img{width:100%;height:100%}
	}
	@media screen and (max-width: 768px) {
	}

	/* main-banner-right-area */
	.main-banner-right-area{height:100%;position:relative;}
	.main-banner-right-area .img-1{height:14.25em;position:relative;}
	.main-banner-right-area .img-2{position:absolute;left:0;right:0;bottom:0;height:6.8em}
	.main-banner-right-area .time-info{position:absolute;right:10%;top:18%}
	.main-banner-right-area .time-info dl{text-align:center}
	.main-banner-right-area .time-info dt{font-size:1.3em;color:#1c3974;letter-spacing:-2px}
	.main-banner-right-area .time-info dd{padding-top:.5em;padding-bottom:1em}
	.main-banner-right-area .time-info dd span{display:inline-block;padding:0 1em 0 .8em;line-height:1.6em;background:#dcf3fd;border-radius:1em;color:#000}
	.main-banner-right-area .time-info dd span:before{vertical-align:middle;content:'';display:inline-block;width:1.6em;height:1.6em;background:url(../images/common/icon-clock.png) no-repeat;background-size:1.5em auto;}
	.main-banner-right-area .time-info .hoilday{color:#000}
	.main-banner-right-area .time-info .hoilday span{color:#cb0000}
	@media screen and (max-width: 1024px) {

		.main-banner-right-area img{height:100%;width:100%}
	}
	@media screen and (max-width: 768px) {
		.main-banner-right-area .img-1{height:20em}
		.main-banner-right-area .img-2{height:auto;position:static}
	}

	/* main-gallery-area */
	.main-gallery-area{background:#ffffff;padding-bottom:3.125em;padding-top:3.125em}
	.main-gallery-area .title{padding:1em 0 2em}
	.main-gallery-area .title > span{display:block;font-weight:normal;text-align:center}
	.main-gallery-area .title > span.kor{font-size:2.375em;line-height:1.2em;color:#000;}
	.main-gallery-area .title > span.eng{font-size:0.875em;line-height:1em;color:#afafaf;text-transform:uppercase}
	.main-gallery-list > ul{margin:0 -.4em}
	.main-gallery-list > ul > li{float:left;width:33.33%;background:#fff}
	.main-gallery-list > ul > li > a{display:block;margin:0 .4em;position:relative;}
	.main-gallery-list > ul > li > a:hover > span.txt{z-index:70;}
	.main-gallery-list > ul > li > a > span.txt{z-index:50;color:#fff;font-size:1.375em;line-height:1.2em;padding:4em 2em 0}
	.main-gallery-list > ul > li > a > span.txt > .title{display:block;height:4.8em;overflow:hidden;}
	.main-gallery-list > ul > li > a > span.txt > .date{font-weight:normal;margin-top:1em;background:url(../images/main/bg_line01.png) top center no-repeat;display:block;padding-top:1em;font-size:0.85em}
	.main-gallery-list > ul > li > a > span.img{overflow:hidden;z-index:60}
	.main-gallery-list > ul > li > a > span.img img{display:block;height:18em;width:100%;}
	.main-gallery-list > ul > li > a > span.img:after{content:'';display:none;position:absolute;left:0;top:0;bottom:0;right:0;background:#000;opacity:0.7}
	.main-gallery-list > ul > li > a:hover > span.img:after{display:block;}
	.main-gallery-list > ul > li > a:hover > span.txt{display:block;}
	.main-gallery-list > ul > li > a > span.txt{display:none;text-align:center;position:absolute;left:0;top:0;bottom:0;right:0}

	@media screen and (max-width: 768px) {
		.main-gallery-list > ul > li > a > span.img img{height:11em}
		.main-gallery-list > ul > li > a{margin:0 .1em}
		.main-gallery-list > ul > li > a:hover > span.txt{display:none}
		.main-gallery-list > ul > li > a:hover > span.img:after{display:none;}
	}

	@media screen and (max-width: 340px) {
	}


/* sub page */
	/* content-list-area */
	.container.fixed{padding-top:10.67em;}
	.container.fixed .content-list-area{position:fixed;top:0;left:0;right:0;z-index:1200}
	.content-list-area{background:#ffcd14;position:relative;z-index:100}

	.content-list-area > .section > ul > li{float:left;position:relative;z-index:10;width:11em;background:url(../images/content/bg_loc_arrow.png) 90% center no-repeat;background-size:1em auto}
	.content-list-area > .section > ul > li:first-child{width:4.3em;background:url(../images/content/ico_loc_home.png) center no-repeat;background-size:3em auto}
	.content-list-area > .section > ul > li:first-child > a{border-left:1px solid #ffffff;overflow:hidden;text-indent:-9999px;}
	.content-list-area > .section > ul > li > a{border-right:1px solid #ffffff;display:block;text-indent:1em;font-size:0.875em;color:#fff;padding:1.143em 0;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
	.content-list-area > .section > ul > li.on > a{}
	.content-list-area > .section > ul > li > ul{display:none;position:absolute;border-top:1px solid #ffffff;border-left:1px solid #ffffff;border-right:1px solid #ffffff;left:-1px;top:3em;right:0;background:#ffcd14}
	.content-list-area > .section > ul > li > ul > li{border-bottom:1px solid #ffffff}
	.content-list-area > .section > ul > li > ul > li > a{display:block;line-height:1.2em;padding:.7em 1em;font-size:0.875em;color:#fff;}
	.content-list-area > .section > ul > li > ul > li.on > a{background: #d7a615}
	.content-list-area > .section > ul > li.on > ul{display:block}
	.content-list-area > .section > ul > li.path03{width:16em}
	@media screen and (max-width: 768px) {
		.content-list-area > .section{overflow-x:auto}
		.content-list-area > .section.off{overflow-x:initial;overflow-x:visible}
		.content-list-area > .section > ul{width:50em}
	}

	/* content-body */
	.content-top{padding-top:3.75em;padding-bottom:2em}
	.content-top h2{font-size:1.875em;font-weight:normal;color:#000;}
	.content-body{padding-bottom:5em;min-height:30em;} /* 190222 padding-top 제거해주세요.  */
	.content-body img{max-width:100%}

	/* content-menu */
	.content-menu-layout .content-top{padding-left:30.4%}
	.content-menu-layout .content-body{padding-left:30.4%;min-height:50em}
	.content-menu{position:absolute;left:0;top:3.6em;width:23%;font-size:0.95em}
	.content-menu h2{font-size:1.5em;padding:.5em .5em 1.5em;font-weight:normal;color:#000}
	.content-menu > ul{border-top:1px solid #dbdbdb}
	.content-menu > ul > li{border-bottom:1px solid #dbdbdb}
	.content-menu > ul > li > a{display:block;line-height:3.6em;font-size:1.07em;color:#666666;text-indent:2em;letter-spacing:-1px}
	.content-menu > ul > li > ul{display:none;padding:.8em 2em;background:#f5f5f5;}
	.content-menu > ul > li.on > ul{display:block;}
	.content-menu > ul > li.on > a{background:#000;color:#fff}
	.content-menu > ul > li > ul > li > a{display:block;font-size:0.95em;line-height:1.8em;color:#828282;letter-spacing:-1px}
	.content-menu > ul > li > ul > li.on > a{color:#deba00}
	@media screen and (max-width: 768px) {
		.content-menu-layout .content-top{padding-left:0}
		.content-menu-layout .content-body{padding-left:0}
		.content-menu{padding-top:2.5em;position:static;width:auto;margin-bottom:0}
		.content-detail{width:auto}
	}

	/* each content */
	.hanja{font-family:"Malgan Gothic", "맑은고딕";line-height:0.8em}

	.greeting{position:relative;}
	.greeting .bg-img{position:absolute;width:86.625em;z-index:10;height:42.625em;bottom:2em;background:url(../images/content/greeting_img02_new_01_2024.png) left bottom no-repeat;background-size:100% auto}
	.greeting .cont{padding-right:35em;position:relative;z-index:1}
	.youth .icon_doc{padding-bottom:11.5em;background:url(../images/content/youth_img01.png) bottom center no-repeat;background-size:auto 10em;}
	@media screen and (max-width: 768px) {
		.greeting .cont{padding-right:0;padding-bottom:15em}
		.greeting .bg-img{width:56em}
	}

	.history_A dl{position:relative;}
	.history_A dl dt{font-weight:bold;font-size:8.75em;color:#ebf2f9;line-height:1.6em;position:absolute;left:0;right:0;text-align:center;top:50%;margin-top:-0.8em}
	.history_A dl dt:before{content:'●';display:block;position:absolute;left:0;font-size:0.1em;line-height:2em;margin-top:-1em;top:50%;color:#d2d7fc}
	.history_A dl dt:after{content:'●';display:block;position:absolute;right:0;font-size:0.1em;line-height:2em;margin-top:-1em;top:50%;color:#d2d7fc}
	.history_A dl:after{content:'';display:block;position:absolute;left:0;right:0;top:50%;margin-top:-1px;height:2px;background:#d2d7fc}
	.history_A h3{font-size:1.875em;color:#333;text-align:center;font-weight:normal;}
	.history_A dl dd{position:relative;z-index:100}
	.history_A dl dd ul{text-align:center;}
	.history_A dl dd ul li{margin-top:5.6em;position:relative;display:inline-block;width:9em;margin-left:.5em;margin-right:.5em}
	.history_A dl dd ul li .month{position:absolute;top:-3em;left:50%;margin-left:-1.5em;width:3em;line-height:3em;background:url(../images/content/history_blit.png) center no-repeat;background-size:3em auto;text-align:center;color:#000}
	.history_A dl dd ul li .month span{}
	.history_A dl dd ul li .cont{letter-spacing:-1px}
	@media screen and (max-width: 1208px) {
		.history_A dl dd ul li{width:auto;}
		/* .history .list_G li{width:auto} */
	}
	@media screen and (max-width: 1024px) {
		.history .list_G{margin-top:1em}
		.history .list_G li span{margin:.2em;padding:.5em 1em;height:3.2em}
	}
	@media screen and (max-width: 768px) {
		.history .col-row .col-6{float:none;width:auto}
		.history .box_G{margin-left:0;margin-right:0;margin-bottom:1em}
		.history .col-row .col-2, .history .col-row .col-10{float:none;width:auto}
		.history .list_G li{width:50%}
	}
	.tbl_organization .col3{width:40em}
	.tbl_useinfo02 .col1{width:20em}
	.tbl_useinfo02 .col3{width:40em}

	/* facility */
	.page-tab-area .tab-content.on{position:relative;z-index:1}
	.page-tab-area .tab_B > ul > li.on > a{background:#ecb23d}
	.page-tab-area .tab_B > ul > li.more > a{background:#4b4e6a}

	.facility-list {padding-top:3.333em}
	.facility-list > ul{margin-left:-2em}
	.facility-list > ul > li{float:left;width:25%;margin-bottom:3em}
	.facility-list > ul > li > .inner{margin-left:2em;}
	.facility-list > ul > li .img{position:relative;z-index:100;height:13.33em;background:#e9e9e9}
	.facility-list > ul > li .img img{height:100%;width:100%}
	.facility-list > ul > li .img a{position:relative;z-index:10;display:block;overflow:hidden;height:100%;width:100%}
	.facility-list > ul > li a[href='javascript:;']{cursor:default;}
	.facility-list > ul > li .img .no_img{line-height:2em;margin-top:-1em;position:absolute;top:50%;left:0;right:0;text-align:center;}
	.facility-list > ul > li .info{height:4.5em;position:relative;z-index:101;margin-top:2px;padding:1.4em 1em 0;background:#f5f5f5;border:1px solid #e2e2e2}
	.facility-list > ul > li .info .tit{color:#000;font-weight:normal;font-size:1.2em;display:block}
	.facility-list > ul > li .info .cont{padding-top:.5em;color:#666666;font-weight:normal;font-size:0.933em;display:block}
	.facility-list > ul > li.youth .info:before{position:absolute;z-index:102;left:50%;margin-left:-2.5em;top:-2.5em;content:'';display:block;height:5em;width:5em;background:url(../images/content/ico_youth.png) center no-repeat;background-size:5em auto}
	.facility-list > ul > li .img img{
		-webkit-transition: transform .5s ease-in;
		transition: transform .5s ease-in;
	}
	.facility-list > ul > li:hover .img img{
		transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);
		-webkit-transition: transform .5s ease-in;
		transition: transform .5s ease-in;
	}
	@media screen and (max-width: 1024px) {
		.facility-list > ul > li{width:33.3%;}
	}
	@media screen and (max-width: 768px) {
		.facility-list > ul > li{width:50%;margin-bottom:1em}
		.facility-list > ul > li .img{height:10em}
		.facility-list > ul > li.youth .info:before{font-size:0.8em}
	}
	.facility-detail-content{display:none}
	.facility-view-area{position:absolute;top:23.75em;left:0;right:0;z-index:1000}
	.facility-view-area .inner{position:relative;border:4px solid #dedede;background:#fff}
	.facility-view-area h3{background:#f5f5f5;text-align:center;padding:.5em 0}
	.facility-view-area h3 .title{vertical-align:middle;line-height:2em;font-size:1.75em;color:#000;padding-left:.5em;display:inline-block;font-weight:normal;}
	.facility-view-area h3 .youth{vertical-align:middle;overflow:hidden;text-indent:-999px;display:inline-block;height:2.5em;width:8.75em;background:url(../images/content/ico_youth_view.png) center no-repeat;background-size:auto 2.5em}
	.facility-view-area .info{padding:3em 2.5em;height:18.2em;overflow-y: auto;}
	.facility-view-area .info .img{float:left;width:40%}
	.facility-view-area .info .img img{max-width:100%;width: 440px;height: 330px;}
	.facility-view-area .info .cont{float:right;width:57%;font-size:0.937em}
	.facility-view-area .info .cont ul{margin-top:-.8em}
	.facility-view-area .info .cont ul li{min-height:2em;position:relative;line-height:2em;padding-top:.8em;padding-bottom:.8em;padding-left:5em;border-bottom:1px solid #eee}
	.facility-view-area .info .cont ul li .sbj{font-weight:bold;display:block;position:absolute;left:0;top:.8em;color:#333333;letter-spacing:-1px}
	.facility-view-area .info .cont ul li p{line-height:2em}
	.btn_facility_close{overflow:hidden;text-indent:-999px;top:0;right:0;position:absolute;height:4.5em;width:4.5em;background:url(../images/content/ico_close.png) center no-repeat;background-size:2.5em auto;}
	@media screen and (max-width: 768px) {
		.facility-view-area{font-size:0.9em}
		.facility-view-area .info .img{float:none;width:auto}
		.facility-view-area .info .cont{float:none;width:auto;padding-top:1em}
	}

	/* activity */
	.activity-top{border-top:2px solid #ffcd14;padding-top:1em;padding-bottom:1.4em;}
	.activity-top li{color:#333}
	.activity-cont{padding-top:.5em}
	.activity-cont ul li{border-bottom:1px solid #dedede;min-height:2em}
	.activity-cont ul li{position:relative;padding-left:8em;padding-top:1em;padding-bottom:1em;line-height:2em;}
	.activity-cont ul li > .tit{position:absolute;width:7em;left:0;top:1em;line-height:2em;color:#000;font-weight:bold}
	.activity-cont ul li p{line-height:2em;}
	.activity-cont ul li p strong{color:#ffcd14} 
	.activity-button{padding-top:2em}
	.activity-detail{padding-top:2em}

	.btn-reg-activity{display:inline-block;color:#fff;text-align:center;width:11.5em;height:3.2em;line-height:3.2em;background:#5f59cf}
	.btn-reg-activity:hover{color:#fff;background:#47439c}

	.btn-activity-down-file {display: inline-block;padding: 0em 1.8em;line-height: 2.62em; font-size: 0.9em;border-radius: 3px; vertical-align: top;text-align: center; background: #575757;  color: #fff;}

	/* board-search */
	.board-search{text-align:right;}
	.board-search select{padding:.2em;width:10em;margin-right:.2em}
	.board-search input[type="text"]{width:15em;padding:.2em;margin-right:.2em}
	.board-search .btn-search{background:#666666;color:#fff;padding:0.6em 2em;font-weight:bold;border-radius:3px}
	@media screen and (max-width: 768px) {
		.board-search select{width:6em;vertical-align:middle}
		.board-search input[type="text"]{width:10em}
	}

	/* page-area */
	.page-area{padding:3em 0 5em;text-align: center;}
	.page-area .numList {display: inline-block;}
	.page-area .numList:after {content: "";display: block;clear: both;}
	.page-area .numList > li {float: left;color: #555; margin: 0 2px;}
	.page-area .numList > li > a{color:#afafaf;position: relative;display:block;text-align: center;border:1px solid #e5e5e5;line-height:2em;width:2em;}
	.page-area .numList > li.on > a, .page-area .numList > li:hover > a { border-color: #000;color:#000}
	.page-area .btn{vertical-align:top;overflow:hidden;text-indent:-9999px;display: inline-block;text-align:center;border:1px solid #e5e5e5;width:2em;height:2em;background-repeat:no-repeat;background-position:center;}
	.page-area .btn.btnFirst{background-image:url(../images/common/btn_paginate_home.gif)}
	.page-area .btn.btnPrev{background-image:url(../images/common/btn_paginate_prev.gif)}
	.page-area .btn.btnNext{background-image:url(../images/common/btn_paginate_next.gif)}
	.page-area .btn.btnLast{background-image:url(../images/common/btn_paginate_last.gif)}
	.page-area .btn:hover{border-color: #000}

	/* file-list */
	.file-list > li{margin-top:.5em}
	.file-list > li:first-child{margin-top:0}
	.file-list > li > a:hover{text-decoration:underline;}
	.file-list > li > .btn-file-view{margin-left:.5em}
	.btn-file-view{overflow:hidden;text-indent:-9999px;display:inline-block;width:75px;height:26px;background:url(../images/common/btn_file_view.png) no-repeat}
	.btn-file-view{overflow:hidden;text-indent:-9999px;display:inline-block;width:75px;height:26px;background:url(../images/common/btn_file_view.png) no-repeat}
	.btn_reg_file{display: inline-block;padding:0 1.5em;line-height:2.8em;color:#fff;text-align: center;font-weight:bold;text-indent: 2em;border-radius: 3px;background:#3bb0e6 url(../images/common/icon_file.png) 1em 50% no-repeat;background-size:2em}
	.btn_reg_file2{display: inline-block;padding:0 1.5em;line-height:1.8em;color:#fff;text-align: center;font-weight:bold;text-indent: 2em;border-radius: 3px;background:#3bb0e6 url(../images/common/icon_file.png) 1em 50% no-repeat;background-size:2em}
	.btn_reg_file:hover{color:#fff}
	
	/* board-view-top */
	.board-view-top{font-size:0.93333em;border-top:2px solid #808080}
	.board-view-top .col {border-bottom:1px solid #e5e5e5;}
	.board-view-top .col .tit{width:12em;border-right:1px solid #e5e5e5;position:absolute;top:0;bottom:0;left:0;display:block;background:#f7f7f7;color:#666;text-align:center;font-weight:bold}
	.board-view-top .col .tit span{display:block;position:absolute;left:0;right:0;top:50%;line-height:1em;margin-top:-0.5em;color:#000}
	.board-view-top .col .con{padding-left:14em;padding-right:2em;display:block;padding-top:1em;padding-bottom:1em}
	.board-view-top .row-col-2 > .col .tit{border-left:1px solid #e5e5e5}
	.board-view-top  .label-area{display:inline-block;padding-right:1em;line-height:2.5em}	
	.board-view-top  .label-area span{display:inline-block;vertical-align:middle}
	.board-reg-area{padding:1.5em 0;text-align:center}
	.btn-board-reg{display:inline-block;font-size:1.25em;padding:0 3.6em;line-height:2.8em;color:#fff;background:#3ab0e7}
	.btn-board-reg:hover{color:#fff}
	
	/* board-register-area */
	.board-register-area{padding-top:4em;font-size:0.93333em;}
	.board-register-area .title{font-size:1.6em;padding-bottom:.5em;font-weight:normal}
	.board-register-area .inner{position:relative;background:#eee;padding:2em 12em 2em 2em}
	.board-register-area .inner > ul{background:#fff}
	.board-register-area .col {border-bottom:1px solid #e5e5e5;}
	.board-register-area .col .tit{width:8.5em;border-right:1px solid #e5e5e5;position:absolute;top:0;bottom:0;left:0;display:block;background:#131844;text-align:center;font-weight:bold}
	.board-register-area .col .tit span{display:block;position:absolute;left:0;right:0;top:50%;line-height:1em;margin-top:-0.5em;color:#fff}
	.board-register-area .col .con{padding-left:10em;padding-right:2em;display:block;padding-top:.8em;padding-bottom:.8em;line-height:1.8em;}
	.board-register-area .row-col-2 > .col .tit{border-left:1px solid #e5e5e5}
	.board-register-area .btn-reg{top:2em;right:2em;bottom:2em;}
	.btn-reg{position:absolute;display:block;width:8em;background:#fe5a54}
	.btn-reg > span{position:absolute;left:0;right:0;top:50%;margin-top:-1em;line-height:2em;text-align:center;color:#fff;font-weight:bold}	
	@media screen and (max-width: 768px) {
		.board-register-area .inner{padding:.5em}
		.btn-reg{position:static;width:auto;text-align:center;margin-top:.5em}
		.btn-reg > span{display:block;position:static;padding:1em 0;margin-top:0}
	}

	/* mypage-list */
	.mypage-list{position: relative;padding-right:10em;font-size:0.93333em;border-top:2px solid #808080;margin-bottom:1.4em}
	.mypage-list .btn-area{position: absolute;right:0;top:0;bottom:0;width:10em;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
	.mypage-list .btn-area > .btn-center{display:block;text-align: center;position: absolute;top:50%;margin-top:-1.3em;left:0;right:0}
	.mypage-list .btn-area > .btn-center > a{margin:.2em 0}
	.mypage-list .btn-area > .btn-center.btn2{margin-top:-2.5em}
	.mypage-list .btn-area > .btn-center.btn3{margin-top:-3.7em}
	.mypage-list .col {border-bottom:1px solid #e5e5e5;}
	.mypage-list .col .tit{width:8em;border-right:1px solid #e5e5e5;position:absolute;top:0;bottom:0;left:0;display:block;background:#f7f7f7;color:#666;text-align:center;font-weight:bold}
	.mypage-list .col .tit span{display:block;position:absolute;left:.8em;top:50%;line-height:1em;margin-top:-0.5em;color:#000;letter-spacing: -1px;}
	.mypage-list .col .con{padding-left:9em;padding-right:2em;display:block;padding-top:1em;padding-bottom:1em}
	.mypage-list .row-col-3 > .col .tit{border-left:1px solid #e5e5e5}
	.mypage-list .row-col-2 > .col .tit{border-left:1px solid #e5e5e5}

	/* btn_program */
	.btn_program01{display:inline-block;color:#fff;line-height:2em;width:8em;background:#666666;border-radius:3px;border:1px solid #666666;text-align: center;}
	.btn_program01 > span{font-size:0.8em;vertical-align:top}
	.btn_program01:hover{color:#fff}
	.btn_program02{display:inline-block;color:#fff;line-height:2em;width:8em;color:#575757;background:#fff;border:1px solid #acacac;border-radius:3px;text-align: center;}
	.btn_program02 > span{font-size:0.8em;vertical-align:top}
	.btn_program02:hover{color:#575757}
	@media screen and (max-width: 768px) {
		.mypage-list{padding-right:0}
		.mypage-list .btn-area{position: static;border:0;width:auto;font-size:1.125em}
		.mypage-list .btn-area > .btn-center{position: static;margin-top:.5em}
		.mypage-list .btn-area > .btn-center.btn2{margin-top:.5em}
		.mypage-list .btn-area > .btn-center.btn3{margin-top:.5em}
	}

	.row-col-1{*zoom:1}
	.row-col-1:after{content:'';display:block;clear:both}
	.row-col-1 .col{position:relative;}
	.row-col-2{*zoom:1}
	.row-col-2:after{content:'';display:block;clear:both}
	.row-col-2 .col{position:relative;float:left;width:50%}
	.row-col-2 > .col:first-child .tit{border-left:0}
	.row-col-3{*zoom:1}
	.row-col-3:after{content:'';display:block;clear:both}
	.row-col-3 .col{position:relative;float:left;width:33.33%}
	.row-col-3 > .col:first-child .tit{border-left:0}
	.row-col-3 .col.w60{width:60%}
	.row-col-3 .col.w50{width:50%}
	.row-col-3 .col.w40{width:40%}
	.row-col-3 .col.w35{width:35%}
	.row-col-3 .col.w30{width:30%}
	.row-col-3 .col.w25{width:25%}
	.row-col-3 .col.w20{width:20%}
	.row-col-3 .col.narrow .tit{width:5em;}
	.row-col-3 .col.narrow .con{padding-left:6em;}
	@media screen and (max-width: 1208px) {
		.mypage-list .row-col-2 .col{float:none;width:auto}
		.mypage-list .row-col-2 .col .tit{border-left:0}
		.mypage-list .row-col-3 .col{float:none;width:auto !important}
		.mypage-list .row-col-3 .col.narrow .tit{width:8em;border-left:0}
		.mypage-list .row-col-3 .col.narrow .con{padding-left:9em;border-left:0}
	}
	@media screen and (max-width: 768px) {
		.row-col-2 .col{float:none;width:auto}
		.board-view-top .col .tit{width:8em}
		.board-view-top .row-col-2 > .col .tit{border-left:0}
		.board-view-top .col .con{padding-left:9em}
	}

	.board-view-content{border-bottom:1px solid #e5e5e5}
	.editor_content{min-height:200px;padding:3em}
	.editor_content img{max-width:100%}
	.board-view-bottom.right{text-align:right;}
	.board-view-bottom.left{text-align:left;}
	.board-view-bottom.center{text-align:center;}
	@media screen and (max-width: 768px) {
		.editor_content{padding:2em 1em}
	}

	.btn_board01{display:inline-block;font-weight:bold;color:#fff;padding:.5em 2em;background:#666666;border-radius:3px}
	.btn_board01:hover{color:#fff;background:#000}
	.btn_board02{display:inline-block;font-weight:bold;color:#fff;padding:.5em 2em;background:#519bec;border-radius:3px}
	.btn_board02:hover{color:#fff;background:#2e5f95}

	.tbl_faq .col1{width:15%}
	.tbl_faq .col3{width:10%}
	.tbl_faq .col4{width:10%}
	.tbl_faq .col5{width:10%}

	.tbl_free .col1{width:15%}
	.tbl_free .col3{width:10%}
	.tbl_free .col4{width:15%}
	.tbl_free .col5{width:10%}
	
	.btn-download{display:inline-block;font-size:1.25em;padding:0 3.6em;line-height:2.8em;color:#fff;background:#363636}
	.btn-download:hover{color:#fff}

	/* gallery */
	.gallery_A{padding-bottom:1em}
	.gallery_A > ul{zoom:1}
	.gallery_A > ul:after{clear:both;content:'';display:block;}
	.gallery_A > ul > li{float:left;width:20%}
	.gallery_A > ul > li .inner{margin:.3em;border:1px solid #e3e3e3;background:#fff;box-shadow:2px 2px 3px #ddd}
	.gallery_A > ul > li .info{position:relative;padding:2em 1em 1em;}
	.gallery_A > ul > li .info .cate{position:absolute;top:1.4em;left:1em;border:1px solid #357ecf;color:#357ecf;font-size:0.8em;padding:0 .5em;line-height:1.8em}
	.gallery_A > ul > li .info .tit{overflow:hidden;font-size:1.06em;line-height:1.1em;color:#333333;height:3.8em;}
	.gallery_A > ul > li .img{height:166px;text-align:center;overflow:hidden;}
	.gallery_A > ul > li .img img{height:166px}
	.gallery_A > ul > li .date{padding:1em 1em;color:#999999}
	.gallery_A > ul > li .date span{font-size:0.85em}
	@media screen and (max-width: 1024px) {
		.gallery_A > ul > li{width:25%}
	}
	@media screen and (max-width:768px) {
		.gallery_A > ul > li{width:50%}
	}


	/* 회원 */
	.member-text.text-area p{line-height:1.6em}

	/* login-area */
	.login-area{padding-top:3em}
	.login-box{position:relative;border:1px solid #e0e1e2;padding:4em 0;}
	.login-box .inner{position:relative;padding-left:10em;width:30em;margin:0 auto}
	.login-box .inner:after{position:absolute;left:3em;top:50%;margin-top:-3em;content:'';display:block;width:6em;height:6em;background:url(../images/member/bg_login.png) center no-repeat;background-size:6em auto}
	.login-box .inner ul{padding-right:9em;}
	.login-box .inner ul li{position:relative;padding-left:5em}
	.login-box .inner ul li:first-child{margin-bottom:1em}
	.login-box .inner ul li input{display:block;width:96%;padding-left:2%;padding-right:2%}
	.login-box .inner ul li label{display:block;width:5em;position:absolute;left:0;top:0;line-height:2.7em;color:#333333}
	.login-box .btn-login{position:absolute;right:0;top:0;bottom:0;display:block;background:#3ab0e7;width:7em}
	.login-box .btn-login span{position:absolute;top:50%;width:100%;margin-top:-1em;line-height:2em;text-align:center;display:block;text-align:center;color:#fff;font-size:1.25em}
	.login-box .btn-login:hover{background:#1479a8}
	.login-link{padding-top:3em;text-align:center;}
	.login-link label{display:inline-block;margin:0 1em}

	@media screen and (max-width:768px) {
		.login-box .inner{width:auto;margin:0 1.8em;padding-left:0}
		.login-box .inner:after{display:none}

		.login-link > a{display:block;margin:.5em 0}
		.login-link label{display:block;text-align:center;}
	}

	/* join-intro-area */
	.join-intro-area{}
	.join-intro-area .notice{padding:1em 3em;background:#3ab0e7;text-align:center}
	.join-intro-area .notice.left{text-align:left;}
	.join-intro-area .notice > *{color:#fff}
	.join-intro-area ul{border:1px solid #e0e1e2;border-top:0;padding:3em 0;}
	.join-intro-area.line-top ul{border-top:1px solid #e0e1e2}
	.join-intro-area ul li{position:relative;float:left;width:33.3%;}
	.join-intro-area ul.col-2 li{width:50%}
	.join-intro-area ul li:after{content:'';display:block;position:absolute;top:0;left:50%;margin-left:-3.5em;width:7em;height:7em;background-position:center;background-size:7em auto;background-repeat:no-repeat;}
	.join-intro-area ul li.public:after{background-image:url(../images/member/ico-public.png)}
	.join-intro-area ul li.child:after{background-image:url(../images/member/ico-child.png)}
	.join-intro-area ul li.group:after{background-image:url(../images/member/ico-group.png)}
	.join-intro-area ul li.ipin:after{background-image:url(../images/member/ico-ipin.png)}
	.join-intro-area ul li.phone:after{background-image:url(../images/member/ico-phone.png)}
	.join-intro-area ul li dl{padding-top:7em;padding-left:1em;padding-right:1em;padding-bottom:1em;border-left:1px solid #e0e1e2;text-align:center}
	.join-intro-area ul li dl dt{font-size:1.6em;color:#000}
	.join-intro-area ul li dl dd{padding-top:.5em;}
	.join-intro-area ul li:first-child dl{border-left:0}
	.btn-join-intro{display:block;text-align:center;background:#575757;color:#fff;width:8.5em;margin:1em auto;border-radius:.2em;padding:.6em 0;font-size:0.82em}
	.btn-join-intro:hover{color:#fff;background:#000}

	/* join-step-area */
	.join-step-area{background-size:100% auto;background-position:center;background-repeat:no-repeat;}
	.join-step-area.step01{background-image:url(../images/member/bg_join_step_01.png);}
	.join-step-area.step02{background-image:url(../images/member/bg_join_step_02.png);}
	.join-step-area.step03{background-image:url(../images/member/bg_join_step_03.png);}
	.join-step-area ul li{float:left;width:33.3%;text-align:center;padding:1.2em 0}
	.join-step-area ul li.on {color:#fff}
	.join-step-area ul li strong{display:inline-block;vertical-align:top;margin-top:-0.2em;font-size:0.8em;}
	.join-step-area ul li span{padding-left:.1em;font-size:1.125em;letter-spacing:-1px}
	@media screen and (max-width:1024px) {
		.join-step-area{background:none! important}
		.join-step-area ul{text-align:center}
		.join-step-area ul li{float:none;display:inline-block;width:auto;padding:1em 1.1em;border:1px solid #d8d8d8;border-radius:.5em}
		.join-step-area ul li.on {color:#fff;background:#3ab0e7}
		.join-step-area ul li strong{display:block;margin-top:0;}
	}

	.all-agree{border-bottom:1px solid #eee;padding-bottom:.6em}
	.agree-text-area{margin-top:.5em;border:1px solid #e0e1e2;overflow-y:auto;height:12em}
	.agree-text-area .inner{padding:2em}
	.agree-text-area .inner h4{padding-bottom:.5em;font-size:1.2em}
	.agree-text-area .inner h5{padding:1em 0 .5em 0;line-height:1.6em}
	.agree-text-area .inner p{padding:.4em 0;}
	.agree-text-area.h50{height:5em}
	.agree-text-area.h50 .inner{padding:.8em 2em}
	.agree-input{padding-top:.5em;font-size:0.9em;text-align:right}
	.agree-input input{}
	.agree-input span{display:inline-block;padding-right:.5em;}

	.tbl_join{border-top:2px solid #808080}
	.tbl_join .col1{width:12em}
	.tbl_join.tbl_join_select .col1{width:17em}
	.tbl_join table {font-size:0.875em}
	.tbl_join table tbody th{padding:.5em 1.5em;text-align:left;background:#f7f7f7;color:#333333;border-right:1px solid #e5e5e5;line-height: 1.2em}
	.tbl_join table tbody th .must{display:block;position:relative;}
	.tbl_join table tbody th .must:after{position:absolute;content:"*";left:-.6em;top:0;width:.5em;line-height:.5em;color:red;}
	.tbl_join table tbody th, .tbl_join table tbody td{border-bottom:1px solid #e5e5e5}
	.tbl_join table tbody td{height:2.6em;padding:.5em .5em .5em 1em}
	.tbl_join table tbody td input{height:1.6em;padding:0.3em;}
	.tbl_join table tbody td input[readonly]{background:#eee}
	.tbl_join table tbody td input:-ms-input-placeholder { color: #ccc }
	.tbl_join table tbody td input:-webkit-input-placeholder { color: #ccc }
	.tbl_join table tbody td select{height:1.6em;padding:0.3em;}
	.tbl_join table tbody td .label-area{display:inline-block;padding:0 .5em}
	.tbl_join table tbody td .help{display:inline-block;padding-left:.2em;line-height: 1.2em}
	.btn-join-form{display:inline-block;padding:0em 1.8em;line-height:2.62em;font-size:0.9em;border-radius:3px;vertical-align:top;text-align:center;background:#575757;color:#fff;}
	.btn-join-form:hover{color:#fff;background:#000}
	@media screen and (max-width:768px) {
		.tbl_join .col1{width:10em}
		.tbl_join.tbl_join_select .col1{width:10em}
		.tbl_join table tbody td input[type='text']{width:98%}
		.tbl_join table tbody td input[type='password']{width:98%}
		.tbl_join table tbody td select{width:98%;}
		.tbl_join table tbody td .help{padding-top:.5em}
		.btn-join-form{margin-top:.3em;}
	}

	/* in-search-area */
	.in-search-area{position: absolute;z-index: 1000;display:none;border:1px solid #000;width:20em;background: #fff}
	.in-search-area.on{display: block;}
	.in-search-area .inner{}
	.in-search-area .in-title-area{background: #3ab0e7;padding:0 1em;position: relative;z-index:500}
	.in-search-area .in-title-area h2{color:#fff;font-weight: normal;line-height: 3em}
	.in-search-area .in-title-area h2 span{font-size:1.2em;}
	.in-search-area .btn-in-close{overflow:hidden;text-indent:-9999px;position:absolute;z-index:501;right:0em;top:50%;margin-top:-1.5em;height:3em;width:3em;background:url(../images/common/ico_close3.png) center no-repeat;background-size:1.6em auto;}
	.in-search-area .input-area{text-align: center;}
	.in-search-area .input-area input {height: 1.6em;padding: 0.3em;}
	.in-search-area .in-content-area{padding:1.5em 1em}
	.in-search-area .in-content-area p{padding-top:1em;font-size:0.875em;text-align:center}
	.in-search-area .in-botton-area a{display: block;background: #f4f4f4;text-align: center;line-height: 3em}
	.in-search-area .in-botton-area a:hover{background: #eee}
	.in-search-area .in-botton-area a span{color:#000;vertical-align: middle;}
	.in-search-area .in-botton-area a i{display: inline-block;padding-left:.2em;vertical-align: middle;color:#000;font-style: normal;font-size: 1.8em}
	.btn-in-search{display:inline-block;padding:0em 1.8em;line-height:2.62em;font-size:0.9em;border-radius:3px;vertical-align:top;text-align:center;background:#575757;color:#fff;}
	.btn-in-search:hover{color:#fff;background:#000}
	@media screen and (max-width: 1024px) {
		.in-search-area{left:50% !important;margin-left:-10em}
	}

	
	.join-btn-area{padding-top:3em;text-align:center}
	.btn-join-fin01{display:inline-block;margin:0 .1em;font-weight:bold;color:#fff;padding:.5em 2.5em;line-height:1.4em;background:#666666;border-radius:3px;border:1px solid #666666}
	.btn-join-fin01:hover{color:#fff;background:#000}
	.btn-join-fin02{display:inline-block;margin:0 .1em;font-weight:bold;color:#333;padding:.5em 2.5em;line-height:1.4em;background:#fff;border-radius:3px;border:1px solid #333}
	.btn-join-fin02:hover{color:#000;background:#efefef}
	.btn-join-fin03{display:inline-block;margin:0 .1em;font-weight:bold;color:#fff;padding:.5em 2.5em;line-height:1.4em;background:#3ab0e7;border-radius:3px;border:1px solid #3ab0e7}
	.btn-join-fin03:hover{color:#fff;background:#1479a8;border-color:#1479a8}
	.join-fin-area{padding-top:3em}
	.join-fin-area .inner{position:relative;padding:12em 0em 3em;border:1px solid #e0e1e2;text-align:center}
	.join-fin-area .inner:after{content:'';display:block;position:absolute;top:4em;left:50%;margin-left:-3.5em;width:7em;height:7em;background-position:center;background-size:7em auto;background-repeat:no-repeat;background-image:url(../images/member/ico-moniter.png)}

	.find-fin-area{border-top:5px solid #3bb0e6;}
	.find-fin-area .inner{padding:6em 0 4em;text-align:center;border:1px solid #e0e1e2;border-top:0}
	.find-fin-area p strong{font-size:2em;color:#000}

	.tbl_mypage_list .col1{width:10%}
	.tbl_mypage_list .col3{width:15%}
	.tbl_mypage_list.tbl_B table tbody td > a {margin:.8em 0}
	@media screen and (max-width:768px) {
		.tbl_mypage_list .col3{width:20%}
		.tbl_mypage_list.tbl_B table tbody td > a{padding:0 1em}
	}
	.sign.s_reply{display:inline-block;font-size:0.8em;width:3em;text-align:center;margin-right:.5em;line-height: 1em;padding:.3em 0 .3em;background:#3ab0e7;color:#fff}
	

	/* sitemap-area */
	.sitemap-area > ul{margin-left:-1.8em}
	.sitemap-area > ul > li{float:left;width:25%;margin-bottom:2em}
	.sitemap-area > ul > li > a{margin-left:1.8em;display: block;border:1px solid #e5e5e5;padding:1.5em 0;text-indent: 2em}
	.sitemap-area > ul > li > a > span{color:#000;font-size: 1.5em;font-weight: bold}
	.sitemap-area > ul > li > ul{height:35em;margin-left:1.8em;border:1px solid #e5e5e5;border-top:0;padding:1.5em 2em}
	.sitemap-area > ul > li > ul > li{padding-bottom:.4em}
	.sitemap-area > ul > li > ul > li > a{font-size:0.93em}
	.sitemap-area > ul > li > ul > li > ul {padding-top:.5em;padding-bottom: 1em}
	.sitemap-area > ul > li > ul > li > ul > li{padding-bottom: .3em}
	.sitemap-area > ul > li > ul > li > ul > li > a{position: relative;display: block;padding-left:.8em;font-size:0.93em;color:#9e9e9e}
	.sitemap-area > ul > li > ul > li > ul > li > a:after{content:'-';display:block;position: absolute;left:0;top:50%;margin-top:-1em;line-height:2em;width:.5em;text-align: center;}
	@media screen and (max-width:1024px) {
		.sitemap-area > ul > li{width:33.3%;}
	}
	@media screen and (max-width:768px) {
		.sitemap-area > ul > li{width:50%;}
		.sitemap-area > ul > li > ul{height:30em}
		.sitemap-area > ul > li > a {text-align:center;text-indent:0}
		.sitemap-area > ul > li > a > span{font-size:1.2em}
	}
	
	
	
.cont{}
.cont table{border-top:2px solid #808080;}
.cont table thead th{height:3em;color:#000;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; border-right: 1px solid #e5e5e5;background:#f7f7f7;font-weight:bold; text-align:center;}
/* .cont table thead tr th:first-child{border-left:0} */
.cont table tbody td{border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-right: 1px solid #e5e5e5;text-align:center;padding-top:.8em;padding-bottom:.8em;color:#666666}
/* .cont table tbody tr td:first-child{border-left:0} */
.cont table tbody tr td.line{border-left:1px solid #e5e5e5}
/* .cont table tbody tr td.no_line{border-left:0} */
.cont table tbody td.left{padding-left:2em;padding-right:2em;text-align:left}
.cont table tbody tr.empty td, .tbl_C table tbody tr.empty th{background:#f8f8f8;border-bottom:1px solid #e5e5e5}
.cont table tbody tr td:first-child{border-right:1px solid #e5e5e5}
.cont.tbl_line table tbody tr td:first-child{border-left:1px solid #e5e5e5}
/* .cont.tbl_line table tbody tr td.no_line{border-left:0} */
@media only screen and (max-width : 1024px) {
	.cont{overflow-x:auto}
	.cont table{width:900px}
	.cont.tbl_small table{width:500px}
}
@media only screen and (max-width : 768px) {
	.cont table{width:700px}
	.cont.tbl_small table{width:100%}
	.cont.tbl_mobile{border:0;margin-bottom:0}
	.cont.tbl_mobile table{border-top:0}
	.cont.tbl_mobile colgroup{display:none}
	.cont.tbl_mobile table{width:100%;}
	.cont.tbl_mobile table thead{display:none}
	.cont.tbl_mobile table tbody{display:block}
	.cont.tbl_mobile table tbody tr:first-child{margin-top:0}
	.cont.tbl_mobile table tbody tr:last-child{margin-bottom:0}
	.cont.tbl_mobile table tbody tr{position:relative;display:block;margin:1em 0;border-top:2px solid #aaa; border-bottom:1px solid #aaa;}
	.cont.tbl_mobile table tbody td.left{padding-left:10em;}
	.cont.tbl_mobile table tbody td, .tbl_C table tbody td.no{min-height:1.2em;clear:both;display:block;padding-left:10em;padding-top:1em;padding-bottom:1em;padding-right:1em;line-height:1.4em;position:relative;text-align:left;overflow:hidden;}
	.cont.tbl_mobile table tbody td{border-left:0}
	.cont.tbl_mobile table tbody td:before{position:absolute;font-weight:bold;left:0;width:8em;padding:1em 0;text-align:center;top:0;bottom:0;line-height:1.2em;letter-spacing:-1px;content: attr(data-th); background:#fafafa;overflow:hidden;}
	.cont.tbl_mobile table tbody td > *{line-height:1.4em}
/* 	.cont table tbody tr td:first-child{border-right:0} */
}
	
	/* 190214 추가 개인정보취급방침 */
	.btn-new-popup{position:relative;display:inline-block;padding:0.8em 2.5em ;line-height:2em;color:#fff;background:#3ab0e7 }
	.btn-new-popup:hover{color:#fff}
	.btn-new-popup:after{position:absolute;right:2em;top:50%;margin-top:-1em;content:'';display:inline-block;height:2em;width:2em;font-size:1em;vertical-align:middle;background:url(../images/common/icon-new-window.png) no-repeat center;background-size:100%}
	.btn-new-popup span{font-size:1em;line-height:1.2em;padding-right:3em}	
	
	.privacy-popup-area{z-index:2000;display:none;position:absolute;left:50%;margin-left:-30em;margin-top:5em;width:60em;border:1px solid #000;box-shadow:1px 1px 5px #666}
	.privacy-popup-area.on{display:block;}
	.privacy-popup-area .popup-top{position:relative;background:#3ab0e7}
	.privacy-popup-area .popup-top h1{font-weight:normal;color:#fff;font-size:1.2em;padding:1em 3em 1em 1.5em;}
	.privacy-popup-area .btn-top-popup-close{overflow:hidden;text-indent:-9999px;position:absolute;z-index:501;right:1em;top:50%;margin-top:-1.5em;height:3em;width:3em;background:url(../images/common/ico_close3.png) center no-repeat;background-size:2em auto;}
	.privacy-popup-area .popup-body{padding:2em 2em;background:#fff;font-size:0.973em;height:40em;overflow-y:auto}
	.privacy-popup-area .popup-footer{background:#fff;border-top:1px solid #eee}
	.privacy-popup-area .btn-popup-close{display:block;text-align:center;font-size:1.125em;color:#000;line-height:3em;}
	.privacy-popup-area .btn-popup-close:hover{background:#f8f8f8}	
	@media screen and (max-width: 768px) {
		.privacy-popup-area{width:auto;left:1.5em;right:1.5em;margin-left:0}
	}

	.acitvity-sub-img{padding-top:1em}
	.acitvity-sub-img ul{padding:0;*zoom:1}
	.acitvity-sub-img ul:after{content:'';display:block;clear:both;}
	.acitvity-sub-img ul li{float:left;width:33.3%;padding-bottom:.5em}
	.acitvity-sub-img.col2 ul li{width:50%}
	.acitvity-sub-img.col4 ul li{width:25%}
	.acitvity-sub-img.col5 ul li{width:20%}
	.acitvity-sub-img.col6 ul li{width:16.66%}
	.acitvity-sub-img ul li .img{text-align:center;padding:0 .2em}
	.acitvity-sub-img ul li .img img{max-width:100%}
	.acitvity-sub-img ul li .txt{text-align:center;padding:.2em}
	@media screen and (max-width: 768px) {
		.acitvity-sub-img.col6 ul li{width:33.33%}
	}
	
	/* 2019.04.29 추가 */
	.tbl_reg_program .btn-program-area{padding:.5em 0}
	.tbl_reg_program .btn-program-area > a{margin: 0 .1em}
	/* 2019.04.29 추가 */
	
	/*팝업*/
.pop-div {
    position: fixed;
    z-index: 1000;
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.pop-div.disable {
    display:none;
}
.pop-div .pop-wrap {
    z-index: 1001;
	background: #fff;
	border:5px solid #357ecf;
	position:relative;
	margin: 15% auto; /* 15% from the top and centered */
	width: 80%; /* Could be more or less, depending on screen size */
}
.pop-div .pop-wrap .pop-header{
	position:relative;
}
.pop-div .pop-wrap .pop-header h1{
    text-align: left;
    padding: 22px 0 0 27px;
    font-size: 22px;
}
.pop-div .pop-wrap .pop-content h2{
    text-align: left;
    padding: 0 0 15px 0;
    font-size: 18px;
	color: #357ecf;
}
.pop-div .pop-wrap .pop-header .pop-close{
    display:block;
	width:32px;
	height:32px;
	position:absolute;
	right:15px;
	top:12px;
	background:url(../../images/memMng/pop-close.png) no-repeat;
	text-indent:-9999px;
}
.pop-div .pop-wrap .pop-content{
	padding:30px;
}
.pop-div .pop-btns{
	text-align:center;
	padding:25px 0;
}
.pop-div.hide-pop{
	display:none;
}
.pop-div .view-table,
.pop-div .list-table {
    margin-bottom: 0;
}

.reserveActive{
	background: #dbf1ff;
    font-weight: bold;
    color: #2d2d2d;
    padding: 1px;	
}