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

/* 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;z-index:2}
.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}
}
@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:23.875em;}
.header.active:after{content:'';display:block;position:absolute;top:7.25em;left:0;right:0;z-index:1100;background:#e9e9e9;height:1px}
.header .logo{position:absolute;z-index:100;left:0;top:0;}
.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/ejb_logo.png?v=181108) 0 .25em no-repeat;background-size:13.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 screen and (max-width: 1024px) {
	.header{height:12em}
	.header.active{height:27em}
	.header.active:after{top:12em}
	.header .logo{position:static;margin:0 auto;}
}
@media screen and (max-width: 768px) {
	.header{height:auto;overflow:visible;background:none}
	.header .logo a{height:5em;background-size:auto 5em;background-position:center}
	.top-gnb{display:none}
}

/* 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:16.6em;padding-right:17.5em;z-index:90}
.main-gnb-area:after{display: block; content: ''; clear:both;}
.main-gnb > ul{text-align:center;}
.main-gnb > ul > li{float:left;width:24.9%;position:relative;text-align:center;}
.main-gnb > ul > li > a{display:block;line-height:5.6em;font-size:1.125em;text-align:center;color:#333333}
.main-gnb > ul > li.on > a{color:#357ecf}
@media screen and ( max-width: 1024px ) {
	.main-gnb-area{padding-left:0;padding-right:0;padding-top:0}
	.main-gnb > ul > li > a{line-height:3.9em}
}
@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:1.875em;height:1.875em;display:block;overflow:hidden;text-indent:-9999px;background:url(../images/common/ico_menu.png) center no-repeat;background-size:1.875em auto}
@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}
	/* 190128 추가 */
	.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}
	/* //190128 추가 */
	.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}
	.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{}
.total-gnb-area > ul{padding-top:1.875em}
.total-gnb-area > ul > li{float:left;width:25%;position:relative;}
.total-gnb-area > ul > li > ul{padding-left:8em}
.total-gnb-area > ul > li > a{position:absolute;font-size:1.125em;color:#2a7adc;left:0;top:0.2em;display:block;text-align:right;width:6em}
.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 > li a{font-size:0.875em;color:#9e9e9e;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}
@media screen and (max-width: 1024px) {
	.total-gnb-area > ul > li > ul{padding-left:5em}
	.total-gnb-area > ul > li > a{font-size:1em;letter-spacing:-1px;width:4em}
	.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}
	.btn_moible_top:hover{color:#fff}
	.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:2px}
	.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.9em;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}
.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;font-size:0.9em}
	.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;}
}

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

	/* main-popup-area */
	.visual-area {position:relative;z-index:50;text-align:center;*zoom: 1;max-width:1920px; width:100%; min-width:1100px; margin:0 auto; overflow:hidden;}
	.visual-area ul li{ position: relative;right:0;max-width: 1920px;width: 100%;height:815px;min-width: 1100px;overflow: hidden;}
	.visual-area ul li .img img {display:block;width:1920px;max-width:1920px;height:815px;margin:0 auto;position:absolute;top:0;left:50%;vertical-align:top;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
	}
	.visual-area ul li .text{position:absolute;width:1100px;left:50%;top:20%;margin-left:-550px;text-align:left;z-index:100}
	.ie8 .visual-area ul li .img img, .ie7 .visual-area ul li .img img{margin-left:-960px}
	.visual-area .bx-pager{position:absolute;right:0;left:0;bottom:6.85em;text-align:center}
	.visual-area .bx-pager a{display:inline-block;width:2em;height:2em;overflow:hidden;text-indent:-99999px;background:url(../images/main/slider_off.png) center no-repeat;background-size:auto 1.6em;}
	.visual-area .bx-pager a.active{width:3.4em;background:url(../images/main/slider_on.png) center no-repeat;background-size:auto 1.4em}
	.visual-area .bx-pager .bx-pager-item{display:inline-block}
	.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{}
	.visual-area .bx-controls-direction > a{background-position:center;background-repeat:no-repeat;opacity:.5;overflow:hidden;text-align:left;text-indent:-999px;z-index:100;position:absolute;top:50%;margin-top:-25px;height:3.12em;width:2.5em;background-size:2.2em auto;
		transition: all .5s;
		-webkit-transition: all .5s;
	}
	.visual-area .bx-controls-direction .bx-prev{left:1.2%;background-image:url(../images/main/slider_prev.png)}
	.visual-area .bx-controls-direction .bx-next{right:1.2%;background-image:url(../images/main/slider_next.png)}
	.visual-area .bx-controls-direction a:hover{-webkit-transition: all .5s; /* Safari */transition: all .5s;}
	.visual-area .bx-controls-direction a:hover.bx-prev{left:.5%;opacity:1}
	.visual-area .bx-controls-direction a:hover.bx-next{right:.5%;opacity:1}
	.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: 1110px) {
		.visual-area ul li .text{left:10%;top:20%;margin-left:0;width:auto;}
		.visual-area ul li{max-width:1600px;min-width:auto;height:663px;}
		.visual-area ul li .img img{width:1600px;max-width:1600px;height:663px;}
		.ie8 .visual-area ul li .img img, .ie7 .visual-area ul li .img img{margin-left:-800px}
	}
	@media screen and (max-width: 1024px) {
		.visual-area{min-width:100%;font-size:0.7em}
		.visual-area ul li{max-width:1200px;min-width:auto;height:497px;}
		.visual-area ul li .img img{width:1200px;max-width:1200px;height:497px;}
		.ie8 .visual-area ul li .img img, .ie7 .visual-area ul li .img img{margin-left:-600px}
	}
	@media screen and (max-width: 768px) {
		.visual-mobile-area ul{position:absolute;}
		.visual-mobile-area ul li{position:relative;}
		.visual-mobile-area ul li .text{position:absolute;left:0;right:0;top:10%;text-align:center;}
		.visual-mobile-area ul li .text img{width:50%}
		.visual-mobile-area ul li img{max-width:100%}

		.visual-mobile-area .bx-pager{position:absolute;right:0;left:0;bottom:15%;text-align:center}
		.visual-mobile-area .bx-pager a{display:inline-block;width:1.5em;height:1.5em;overflow:hidden;text-indent:-99999px;background:url(../images/main/slider_off.png) center no-repeat;background-size:auto 1.2em;}
		.visual-mobile-area .bx-pager a.active{width:2.5em;background:url(../images/main/slider_on.png) center no-repeat;background-size:auto 1.2em}
		.visual-mobile-area .bx-pager .bx-pager-item{display:inline-block}
	}

	.main-visual-area{position:relative;}
	.main-visual-area .text{position:absolute;top:22%;left:58%;}
	.main-visual-area .text p img{height:6.1875em}
	.main-visual-area .text ul{}

	.main-visual-area .img{}
	.main-visual-area .img img{max-width:100%}

	.main-visual-list{padding-top:1em}
	.main-visual-list li{position:relative;float:left;width:7.8em;height:7.8em;margin-right:1em;background-repeat:no-repeat;background-size:7.75em;background-position:center}
	.main-visual-list li a{display:block;color:#fff;}
	.main-visual-list li a > span{display:block;}
	.main-visual-list li a > span.img{height:4em;height:4em;position:absolute;left:1em;right:1em;top:.7em;background-repeat:no-repeat;background-size:4em;background-position:center}
	.main-visual-list li a > span.txt{line-height:1.2em;font-size:0.9em;position:absolute;left:1em;right:1em;text-align:center;top:5.2em;letter-spacing:-1px}
	.main-visual-list li.line2 a > span.txt{margin-top:-.5em}
	.main-visual-list li.li01{background-image:url(../images/main/main_icon01.png?v=1);}
	.main-visual-list li.li02{background-image:url(../images/main/main_icon02.png?v=1);}
	.main-visual-list li.li03{background-image:url(../images/main/main_icon03.png?v=1);}
	.main-visual-list li .hart{background-image:url(../images/main/icon_hart.png?v=1);}
	.main-visual-list li .tree{background-image:url(../images/main/icon_tree.png?v=1);}
	.main-visual-list li .house{background-image:url(../images/main/icon_house.png?v=1);}

	@media screen and (max-width: 1208px) {
		.main-visual-area .text{font-size:0.8em}
	}
	@media screen and (max-width: 1024px) {
	}
	@media screen and (max-width: 768px) {
		.main-visual-area{position:relative;margin-top:-7em}
		.main-visual-area .text{position:static;}
		.main-visual-area .text p{display:none}

		.main-visual-list{padding-top:0;font-size:1.4em}
		.main-visual-list li{width:33.3%;margin:0;padding:0;text-align:center;}
		.main-visual-list li:first-child{width:33.4%}
		.main-visual-list li.li01{background:#2abfdd}
		.main-visual-list li.li02{background:#2893dd}
		.main-visual-list li.li03{background:#277ade}
	}

	.main-link-area{padding-top:3.125em;padding-bottom:3.125em}
	.main-link-area ul{text-align:center}
	.main-link-area ul li{float:left;width:16.66%}
	.main-link-area ul li a{display:block;border-left:1px solid #e0e0e0}
	.main-link-area ul li a:hover .txt{color:#389bd8;}
	.main-link-area ul li:first-child a{border-left:0}
	.main-link-area ul li .img{display:block;height:5.8em;background-position:center 0;background-repeat:no-repeat;background-size:8.125em auto}
	.main-link-area ul li .txt{display:block;color:#585858;font-size:1.125em;line-height:2em}
	.main-link-area ul li.li01 .img{background-image:url(../images/main/main_link01.png);}
	.main-link-area ul li.li02 .img{background-image:url(../images/main/main_link02.png);}
	.main-link-area ul li.li03 .img{background-image:url(../images/main/main_link03.png);}
	.main-link-area ul li.li04 .img{background-image:url(../images/main/main_link04.png);}
	.main-link-area ul li.li05 .img{background-image:url(../images/main/main_link05.png);}
	.main-link-area ul li.li06 .img{background-image:url(../images/main/main_link06.png);}
	@media screen and (max-width: 768px) {
		.main-link-area{padding-top:1em;padding-bottom:1em;font-size:0.9em}
		.main-link-area ul li{float:left;width:33.3%}
		.main-link-area ul li a{border-left:0}
	}

	.main-board-area{padding-bottom:3.125em}
	.main-board-tab{height:15.5em;border:1px solid #dcdcdc;margin-right:.7em}
	.main-board-tab .tab-link-area{}
	.main-board-tab .tab-link-area ul{border-bottom:1px solid #dcdcdc;padding-right:2.4em}
	.main-board-tab .tab-link-area ul li{position:relative;float:left;width:25%}
	.main-board-tab .tab-link-area ul li.on:after{display:block;content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:#036ed8}
	.main-board-tab .tab-link-area ul li.on a{color:#036ed8}
	.main-board-tab .tab-link-area ul li a{font-size:1.125em;line-height:2.8em;border-right:1px solid #dcdcdc;display:block;text-align:center;}
	.main-board-tab .tab-content{position:relative;display:none;height:12.3em}
	.main-board-tab .tab-content.on{display:block}
	.main-board-tab .tab-content ul{padding:1.3em 3em 1.2em 1.2em}
	.main-board-tab .tab-content .btn_more01{overflow:hidden;text-indent:-9999px;display:block;width:2.4em;height:3.2em;position:absolute;right:0;top:-3.2em;background:url(../images/common/icon_more01.png) center no-repeat}

	/* main-popup-area */
	.main-popup-area{height:15.5em;border:1px solid #dcdcdc;margin-left:.7em;position:relative;}
	.main-popup-area ul li{overflow:hidden;height:15.5em;text-align:center}
	.main-popup-area ul li img{height:15.5em;}
	.main-popup-area .bx-pager{position:absolute;right:1em;top:0.8em;text-align:center}
	.main-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;}
	.main-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}
	.main-popup-area .bx-pager .bx-pager-item{display:inline-block}
	.main-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;}
	.main-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}
	.main-popup-area .bx-controls-direction .bx-prev{left:1.2%;background-image:url(../images/main/slider_prev2.png)}
	.main-popup-area .bx-controls-direction .bx-next{right:1.2%;background-image:url(../images/main/slider_next2.png)}
	.main-popup-area .bx-controls-direction a:hover{-webkit-transition: all .5s; /* Safari */transition: all .5s;}
	.main-popup-area .bx-controls-direction a:hover.bx-prev{left:.5%;opacity:1}
	.main-popup-area .bx-controls-direction a:hover.bx-next{right:.5%;opacity:1}
	.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: 768px) {
		.main-board-area .col-row .col-6{width:auto;float:none;}
		.main-board-tab{margin-right:0;border-left:0;border-right:0;height:auto}
		.main-board-tab .tab-content{height:auto}
		.main-board-tab .tab-content ul{padding:.5em 1em;font-size:1.2em}

		.main-popup-area{margin-left:0;border-top:0;border-left:0;border-right:0}
		.main-popup-area .bx-pager{left:1em;top:inherit;bottom:-2em}
	}

	/* main-program-area */
	.main-program-search{background:#357ecf;padding-top:1.5em;padding-bottom:1.5em;}
	.main-program-search h2{position:absolute;left:0;top:0;font-size:1.375em;line-height:1.96em;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}

	.main-program-search .detail-search{max-height:0;height:0;overflow:hidden;transition: max-height 0.15s ease-out;}
	.main-program-search .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}
		.main-program-search .detail-search > .search-box.detail:first-child{padding-top:.5em}
		.main-program-search .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:#123c6b;border-radius:5em}
	.btn-search-program:hover{color:#fff}

	/* main-program-area */
	.main-program-area{background:#5fb0e4 url(../images/main/bg_main02.jpg) center no-repeat;padding-bottom:3.125em}
	.main-program-area .title{padding-top:4.6em;padding-bottom:2em;background:url(../images/main/img_main01.png) right bottom no-repeat}
	.main-program-area .title p{padding-top:1em;font-size:1.12em;color:#fff}
	@media screen and (max-width: 768px) {
		.main-program-area{background:none;padding:0}
		.main-program-area .title{display:none}
	}

	/* program-calendar-area */
	.program-calendar-area{position:relative;}
	.program-calendar-area .calendar-area{position:relative;width:12em;padding-bottom:10em;background:#357ecf}
	.program-calendar-area .program-area{position:absolute;left:12em;top:0;bottom:0;right:0;background:#fff}
	.program-calendar-area .guide-book-area{position:absolute;left:0;right:0;bottom:0;height:10em;background:#133c6a url(../images/main/text_guidebook.png) center 1.7em no-repeat;}
	.program-calendar-area .guide-book-area a{display:block;margin:9em 3em 0;text-align:center;line-height:2em;border:1px solid #fff;color:#fff;font-size:0.75em}
	.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{vertical-align:middle;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}
	.program-calendar-area .calendar-area .control > .icon_prev{background-image:url(../images/main/btn_calendar_prev.png)}
	.program-calendar-area .calendar-area .control > .icon_calendar{background-image:url(../images/main/btn_calendar.png)}
	.program-calendar-area .calendar-area .control > .icon_next{background-image:url(../images/main/btn_calendar_next.png)}

	@media screen and (max-width: 768px) {
		.program-calendar-area{font-size:1.2em}
		.program-calendar-area .calendar-area{padding-bottom:0;width:auto;padding-top:4em}
		.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}
		.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%}
		.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.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-bottom:.8em;padding-right:5em;padding-top:.3em}
	.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.8em}
	.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;position:absolute;right:0;top:50%;margin-top:-2em;line-height:4em;width:4em;text-align:center;color:#fff;border-radius: 5em;}
	.main-program-list .btn-program.request{background:#f3635d}
	.main-program-list .btn-program.request:hover{background:#d75953}
	.main-program-list .btn-program.view{background:#2f6ac2}
	.main-program-list .btn-program.view:hover{background:#275293}

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

	/* 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-gallery-area */
	.main-gallery-area{background:#f6f6f6;padding-bottom:3.125em;padding-top:3.125em}
	.main-gallery-list > ul > li{float:left;width:25%;background:#000}
	.main-gallery-list > ul > li > a{display:block;height:16em;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:2em 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{height:16em}
	.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 > span{display:block;text-align:center;position:absolute;left:0;top:0;bottom:0;right:0}

	@media screen and (max-width: 768px) {
		.main-gallery-list > ul > li{width:50%}
	}
	@media screen and (max-width: 340px) {
		.main-gallery-list > ul > li{width:100%}
	}


	/* rolling-area */
	.main-banner-area{border-bottom:1px solid #eee}
	.rolling-area{padding:2em 0}
	.banner-rolling{position:relative;padding-left:3em;padding-right:10em}
	.banner-rolling .rolling-viewer{overflow:hidden;padding-top:1em;padding-bottom:1em}
	.banner-rolling .rolling-viewer.open ul{height:auto;overflow:visible}
	.banner-rolling .rolling-viewer ul:after{content:'';clear:both;display:block;}
	.banner-rolling .rolling-viewer ul {zoom:1;clear:both;list-style:none;position:relative;height:2.25em;overflow:hidden;}
	.banner-rolling .rolling-viewer ul li{float:left;width:11em;height:2.25em;overflow:hidden;text-align:center;}
	.banner-rolling .rolling-viewer ul li a{display:block;text-align:center;background:#fff;}
	.banner-rolling .rolling-viewer ul li a img{height:2.25em}
	.banner-rolling .rolling-control{position:absolute;right:3em;top:50%;margin-top:-1em}
	.banner-rolling .rolling-control > a{display:inline-block;text-align:left;overflow:hidden;text-indent:-9999px;width:1.2em;height:2em;}
	.banner-rolling .rolling-control .open{background:url(../images/main/icon_list01.png) center no-repeat}
	.banner-rolling .rolling-control .stop{background:url(../images/main/icon_stop.png) center no-repeat}
	.banner-rolling .rolling-control .play{background:url(../images/main/icon_play.png) center no-repeat}
	.banner-rolling .rolling-control.on .open{background:url(../images/main/icon_list_close.png) center no-repeat}
	.banner-rolling .rolling-control.on .stop{display:none}
	.banner-rolling .rolling-control.on .play{display:none}
	.banner-rolling .rolling-button > a{overflow:hidden;position:absolute;top:50%;margin-top:-1em;text-align:left;background-repeat:no-repeat;background-position:center;text-indent:-99999px;display:block;width:2em;height:2em;}
	.banner-rolling .rolling-button > a:hover{opacity:1;}
	.banner-rolling .rolling-button > a.prev{left:0;background-image:url(../images/main/icon_arrow_prev.png);}
	.banner-rolling .rolling-button > a.next{right:0;background-image:url(../images/main/icon_arrow_next.png);}
	.banner-rolling.open .rolling-button{display:none}
	@media screen and (max-width: 768px) {
		.banner-rolling{padding-right:3em}
		.banner-rolling .rolling-control{display:none}
	}

/* sub page */
	/* content-area */
	.content-area{position:relative;z-index:100;top:-1px;background:#fff}

	/* content-top-area */
	.content-top-area{background:#264d8a url(../images/content/bg_content_top10.png) center no-repeat}
	.content-top-area.top10{background:#264d8a url(../images/content/bg_content_top10.png) center no-repeat}
	.content-top-area.top30{background:#4f9256 url(../images/content/bg_content_top30.png) center no-repeat}
	.content-top-area.top20{background:#2abedc url(../images/content/bg_content_top20.png) center no-repeat}
	.content-top-area.top40{background:#4b4e6a url(../images/content/bg_content_top40.png) center no-repeat}

	.content-top-area .title{text-align:center;padding-top:2.2em}
	.content-top-area .title > span{display:block;color:#ffffff}
	.content-top-area .title > span.kor{line-height:1em;font-size:2.25em;font-weight:normal;}
	.content-top-area .title > span.eng{padding-bottom:1.5em;font-size:0.875em;font-weight:normal;color:#fff;opacity:0.5}
	.content-top-area .location{padding-top:1.5em;padding-bottom:1.5em}
	.content-top-area .location ol{text-align:center}
	.content-top-area .location ol li{vertical-align:top;display:inline-block;font-size:0.875em;color:#fff;line-height:1.2em;padding-left:1.4em;background:url(../images/common/bg_location.png) left 50% no-repeat;background-size:1em auto}
	.content-top-area .location ol li:first-child{overflow:hidden;text-indent:-9999px;padding-left:0;width:1.14em;height:1.14em;background:url(../images/common/icon_home.png) center no-repeat;background-size:1em auto}
	.content-top-area .location ol li:last-child{color:#fff;}
	.content-top-area .location ol li span{vertical-align:middle}
	.content-top-area .location ol li a{color:#fff;vertical-align:middle;}
	@media screen and (max-width: 1024px) {
		.content-top-area{position:relative;z-index:100}
	}

	.content-list-area{background:#012e65;}
	.content-list-area ul{width:76em}
	.content-list-area ul li{float:left;position:relative;width:9.375em;border-left:1px solid #627ea0}
	.content-list-area ul li:first-child{border-left:0}
	.content-list-area ul li > a{display:block;text-align:center;font-size:0.875em;color:#fff;padding:1.2em 0}
	.content-list-area ul li.on > a{background:#fff;color:#575757}
	.content-list-area ul li.on:after{content:'';display:block;position:absolute;right:-1em;top:0;bottom:0;width:1em;background:url(../images/content/bg_content_list_shadow.png) left top no-repeat}
	.content-list-area.top30{background:#21684c}
	.content-list-area.top30 ul li{border-left-color:#75a190;width:33%;}
	.content-list-area.top20{background:#007ba7}
	.content-list-area.top20 ul li{border-left-color:#206178;width:33%;}
	.content-list-area.top40{background:#131844}
	.content-list-area.top40 ul li{border-left-color:#6d708b;width:16.3%;}

	@media screen and (max-width: 1024px) {
		.content-list-area{position:relative;z-index:90}
		.content-list-area .section{padding:0}
		.content-list-area ul{width:auto}
		.content-list-area ul li,
		.content-list-area.top20 ul li,
		.content-list-area.top30 ul li,
		.content-list-area.top40 ul li{width:25%;border-left:0}
		.content-list-area ul li > a{padding:1em 0;letter-spacing:-1px;border-right:1px solid #627ea0;border-bottom:1px solid #627ea0;margin:-1px -1px 0 0}
		.content-list-area ul li.on:after{display:none}
	}
	@media screen and (max-width: 1024px) {

	}

	/* 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;padding-top:3.75em}
	.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;padding-top:0}
	.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{padding:.2em 0}
	.content-menu > ul > li > ul > li > a{display:block;font-size:0.95em;line-height:1.4em;color:#828282;letter-spacing:-1px}
	.content-menu > ul > li > ul > li.on > a{color:#487ac5}
	@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 */
	.list_history_A{padding:2.5em 5em}
	.list_history_A dl{position:relative;padding-left:7.25em;}
	.list_history_A dl dt{position:absolute;left:0;top:0;color:#2a7adc;font-size:2.25em;line-height:1em;letter-spacing:-1px}
	.list_history_A dl dd > ul > li{position:relative;padding-bottom:.8em;padding-left:12.5em}
	.list_history_A dl dd > ul > li .date{display:block;position:absolute;left:0;top:0;color:#000}

	.list_history_B {background:url(../images/content/bg_history_b01.png) center top no-repeat}
	.list_history_B > .history_cont{float:left;width:50%;margin-top:-1.2em}
	.list_history_B > .history_cont .year{display:block;margin:0 auto;width:8.75em;line-height:2.875em;color:#fff;text-align:center;background:url(../images/content/bg_history_b02.png) center no-repeat;font-size:1.066em;background-size:8.75em auto;font-weight:normal;}
	.list_history_B > .history_cont dl{padding-left:3em;padding-right:3em}
	.list_history_B > .history_cont dl dt{padding-top:1.5em;padding-bottom:.7em;color:#5c8ff7;font-size:1.25em;font-weight:bold}
	.list_history_B > .history_cont dl dt:first-child{padding-top:3em;}
	.list_history_B > .history_cont dl ul li{color:#828282;position:relative;margin-bottom:1.2em;padding-left:3.5em}
	.list_history_B > .history_cont dl ul li .date{display:block;position:absolute;left:0;top:0;color:#000;font-weight:bold;}
	.list_history_B > .history_cont dl ul li .txt{display:block;padding-left:1em;background:url(../images/content/bg_history_b03.png) left 0.15em no-repeat;}
	@media screen and (max-width: 768px) {
		.list_history_B{background:none}
		.list_history_B > .history_cont{float:none;width:auto;margin-top:0;padding-bottom:3em}
		.list_history_B > .history_cont dl{padding-left:0em;padding-right:0em}
		.list_history_B > .history_cont dl dt:first-child{padding-top:.5em}
	}

	/* organ-list-area */
	.organ-list-area{position:relative;height:38em;background:url(../images/content/organ_line.png) center 8em no-repeat;background-size:auto 17.6875em}
	.organ-list-area > dl > dt{position:relative;z-index:20;display:block;text-align:center;color:#fff;line-height:9.5em;background:url(../images/content/organ_depth01.png) center no-repeat;background-size:auto 9.5em}
	.organ-list-area > dl > dt > .txt{font-size:1.5em;z-index:20;}
	.organ-list-area > dl > dd.depth02_1 > .txt{left:17em;}
	.organ-list-area > dl > dd.depth02_2 > .txt{z-index:20;top:14em;left:50%;margin-left:-5em;background:url(../images/content/organ_depth02_1.png) center no-repeat;background-size:100% 2.3em}
	.organ-list-area > dl > dd.depth02_3 > .txt{right:17em}
	.organ-list-area > dl > dd > .txt{z-index:20;font-size:1.25em;position:absolute;text-align:center;color:#fff;top:10em;width:10em;line-height:2.3em;padding-bottom:0.2em;background:url(../images/content/organ_depth02.png) center no-repeat;background-size:100% 2.3em}
	.organ-list-area .depth03 {text-align:center;padding-top:16em}
	.organ-list-area .depth03 li{vertical-align:top;display:inline-block;margin:0 1em;width:13.9em;height:10.7em;background:url(../images/content/organ_depth03.png) center 0 no-repeat;background-size:13.9em 10.7em}
	.organ-list-area .depth03 li dt{line-height:3.2em;color:#3e3e3e;font-weight:bold}
	.organ-list-area .depth03 li dd{padding-top:.6em;color:#888888}
	.organ-list-area .mark{text-align:left;overflow:hidden;text-indent:-9999px;display:inline-block;width:.5em;line-height:1em;color:red;background:url(../images/content/organ_mark.png) right 0 no-repeat}

	.organ-list{display:none}
	#organ-list01{display:block}

	@media screen and (max-width: 1208px) {
		.organ-list-area{font-size:0.94em}
	}
	@media screen and (max-width: 1024px) {
		.organ-list-area .depth03{padding-top:13em;}
		.organ-list-area{font-size:0.9em;height:auto}
		.organ-list-area{background:none}
		.organ-list-area > dl > dd > .txt{display:block;}
		.organ-list-area > dl > dd.depth02_1 > .txt{left:50%;margin-left:-12em}
		.organ-list-area > dl > dd.depth02_3 > .txt{right: inherit;left:50%;margin-left:2em}
		.organ-list-area > dl > dd.depth02_2 > .txt{}
		.organ-list-area > dl:after{z-index:10;content:'';display:block;position:absolute;left:50%;width:1px;top:0;height:18em;background:#ccc}
		.organ-list-area > dl:before{z-index:10;content:'';display:block;position:absolute;left:50%;top:14em;height:1px;width:18em;margin-left:-9em;background:#ccc}
	}
	@media screen and (max-width: 768px) {
		.organ-list-area > dl > dd.depth02_1 > .txt{margin-left:-11em}
		.organ-list-area > dl > dd.depth02_3 > .txt{margin-left:1em}
		.organ-list-area .depth03{padding-top:12em;padding-bottom:1em;}
		.organ-list-area .depth03 li{font-size:1.1em;height:auto;display:block;background:none;border:1px solid #eee;margin:0 1em .5em 1em;width:auto;}
		.organ-list-area .depth03 li dl dt{border-bottom:1px solid #eee;background:#f7f7f7}
		.organ-list-area .depth03 li dl dt a{display:block;padding:.7em 0}
		.organ-list-area .depth03 li dl dd{padding:0}
		.organ-list-area .depth03 li dl dd a{display:block;padding:.4em 0}
	}
	/* 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}

	.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}
	@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}


	/* 인사말 */
	@media screen and (max-width: 768px) {
		.greeting .col-row .col-5 img{height:16em}
		.greeting .col-row .col-5{text-align:center;padding-bottom:2.5em}
	}

	/* CI */
	.logo-list-area ul{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf}
	.logo-list-area ul > li{float:left;width:33.3%;border-left:1px solid #dfdfdf;margin-left:-1px}
	.logo-list-area ul > li:first-child{width:33.4%}
	.logo-list-area ul > li span{display:block;text-align:center}
	.logo-list-area ul > li span.img{padding:1.5em 0}
	.logo-list-area ul > li span.tit{padding:1em 0;background:#f4f4f4}
	.ci-button{text-align:center;padding-top:6em;padding-bottom:6em}
	.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}
	@media screen and (max-width: 768px) {
		.logo-list-area ul > li{float:none;width:auto}
		.logo-list-area ul > li:first-child{width:auto}
	}

	/* 윤리헌장 */
	.paper-area{height:70em;background:url(../images/content/bg_paper.png) center 0 no-repeat;background-size:80em auto;}
	.paper-area ul{padding:8em 10em 2.5em}
	.paper-area ul li{font-size:1.2em;padding-top:3em;padding-bottom:2.3em;line-height:1.4em;text-align:center;color:#5a5a5a;background:url(../images/content/blit_hana.png) center 0 no-repeat;background-size:auto 2.166em}
	@media screen and (max-width: 1208px) {
		.paper-area{background:none;border:1px solid #eee;height:auto;padding-bottom:4em}
		.paper-area ul{padding:4em 5em 0em;}
	}

	@media screen and (max-width: 768px) {
		.paper-area{font-size:0.9em}
		.paper-area ul{padding:4em 2em 0em;}
	}

	/* 찾아오시는길 */
	.map-area{}
	.location-tab .tab-content{display:block;height:0;overflow: hidden}
	.location-tab .tab-content.on{display:block;height:auto;}

	/* 사업소개 */
	.btn-direct-view{overflow:hidden;text-indent:-9999px;display:inline-block;width:93px;height:23px;background:url(../images/common/btn_direct_view.png) no-repeat}

	/* 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:3.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{font-size:1.06em;color:#333333;height:3.45em;overflow:hidden}
	.gallery_A > ul > li .info .tit > a{display:block;line-height:1.14em}
	.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%}
	}
	/* 홍보동영상 */
	.video-area{margin:4em 8em;height:32em;background:#000}
	@media screen and (max-width:768px) {
		.video-area{ margin:4em 0em;height:20em;}
	}

	/* 수련관 */
	.youth-img{padding-top:1em}

	/* 회원 */
	.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 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.foreigner:after{background-image:url(../images/member/ico-foreigner.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;}
	}

	.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-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}
	.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;}

	}

	.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}