@charset "utf-8";
* {word-break:keep-all;letter-spacing:-0.025em;word-spacing:-0.025em;}

img {max-width:100%;}

#wrap {padding-top:152px;}

#header {background:#fff;position:absolute;left:0;top:0;width:100%;box-sizing:border-box;border-bottom:1px solid #ccc;overflow:hidden;transition:height 0.3s;height:152px;z-index:200;}
#header .top {border-bottom:1px solid #ccc;padding:0 10px;}
#header .top .inner {max-width:1200px;margin:0 auto;position:relative;height:90px;}
#header .top .logo {position:absolute;left:0;top:22px;}
#header .top .logo * {display:block;}
#header .top .tnb {position:absolute;right:0;top:50%;margin-top:-7px;font-size:0;}
#header .top .tnb li {display:inline-block;position:relative;padding:0 15px;}
#header .top .tnb li ~ li:before {content:"";display:block;width:1px;height:12px;position:absolute;left:0;top:50%;margin-top:-5px;background:#ddd;}
#header .top .tnb li:last-child {padding-right:0;}
#header .top .tnb li a {display:block;font-size:14px;font-weight:300;line-height:1em;letter-spacing:-0.05em;}
#header .nav .inner {max-width:1200px;margin:0 auto;position:relative;height:60px;}
#header .nav .btn {position:absolute;left:0;top:0;}
#header .nav .btn li {float:left;}
#header .nav .btn li a {display:block;height:60px;font-size:16px;color:#fff;text-align:center;}
#header .nav .btn li a:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#header .nav .btn li a span {display:inline-block;vertical-align:middle;}
#header .nav .btn li a i {font-size:24px;display:inline-block;margin-right:5px;vertical-align:middle;}
#header .nav .btn .btn1 a {background:#325aa4;width:130px;}
#header .nav .btn .btn2 a {background:#888;width:140px;}
#header .nav .btn .btn2 a span:before {content:"전체메뉴";}
#header .nav .gnb {position:absolute;right:10px;top:0;}
#header .nav .gnb > li {float:left;position:relative;}
#header .nav .gnb > li > a {display:block;padding:0 32px;}
#header .nav .gnb > li > a > span {display:block;height:60px;line-height:60px;font-size:20px;color:#000;font-weight:500;position:relative;}
#header .nav .gnb > li > a > span:before {content:"";display:block;position:absolute;left:50%;bottom:-1px;width:0;height:3px;background:#4772c7;transition:0.3s;opacity:0;}
#header .nav .gnb > li:hover > a > span,
#header .nav .gnb > li.active > a > span {color:#4772c7;}
#header .nav .gnb > li:hover > a > span:before,
#header .nav .gnb > li.active > a > span:before {opacity:1;width:100%;left:0;}
#header .nav .gnb > li > ul {display:block;position:absolute;left:0;top:100%;box-sizing:border-box;padding:20px 0 0 32px;min-width:100%;display:none;height:220px;}
#header .nav .gnb > li > ul > li ~ li {margin-top:10px;}
#header .nav .gnb > li > ul > li > a {display:block;font-size:14px;line-height:1.3em;position:relative;padding-left:7px;}
#header .nav .gnb > li > ul > li > a:before {content:"·";display:block;position:absolute;left:0;top:0;}
#header .nav .gnb > li > ul > li:hover > a,
#header .nav .gnb > li > ul > li.active > a {color:#659cfe;}
#header:before {content:"";display:block;position:absolute;left:0;top:152px;background:#f7f7f7;height:220px;width:100%;}
#header .menu {display:none;position:absolute;right:-10px;top:0;width:50px;height:50px;background:#325aa4;color:#fff;border:none;font-size:24px;}

.gnb-on #header {height:371px;}
.gnb-on #header .nav .gnb > li > ul {display:block;animation:fadeInUp 0.3s;}
.gnb-on #header .nav .btn li a .axi-menu2:before {content:"\e937";}
.gnb-on #header .nav .btn .btn2 a span:before {content:"메뉴닫기";}

#nav {position:fixed;left:0;top:0;z-index:1000;left:0;top:0;width:100%;height:0;overflow:hidden;transition-delay:0.5s;box-sizing:border-box;padding-right:40px;}
#nav .bg {position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background:rgba(0,0,0,0.75);transition:0.5s;opacity:0;}
#nav .inner {width:calc(100% - 40px);position:absolute;transform:translate3d(-30px,0,0);top:0;height:100%;overflow:auto;z-index:10;background:#fff;transition:0.5s;opacity:0;}
#nav .close {position:absolute;right:10px;width:32px;height:32px;border:none;background:#fff;border:2px solid #333;color:#333;box-sizing:border-box;top:50%;margin-top:-16px;font-size:20px;}
#nav .top {position:relative;height:50px;}
#nav .top .logo {left:10px;top:13px;position:absolute;font-weight:normal;width:150px;}
#nav .top .logo * {display:block;}
#nav .tnb {text-align:center;font-size:0;overflow:hidden;background:#325aa4;}
#nav .tnb:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#nav .tnb li {display:inline-block;text-align:center;box-sizing:border-box;vertical-align:middle;position:relative;}
#nav .tnb li ~ li:before {content:"";display:block;width:1px;height:14px;background:#ddd;width:1px;top:50%;margin-top:-7px;position:absolute;opacity:0.5;}
#nav .tnb li a {display:block;height:35px;line-height:35px;font-size:14px;letter-spacing:-0.075em;padding:0 10px;color:#fff;}
#nav .gnb a {letter-spacing:-0.05em;word-spacing:-0.025em;}
#nav .gnb > li {border-bottom:1px solid #ddd;}
#nav .gnb > li > a {display:block;padding:13px 15px;font-size:20px;font-weight:600;color:#333;position:relative;}
#nav .gnb > li > a:before {
	content:'\f107';
	font-family:axicon;
	position:absolute;
	line-height:1em;
	right:15px;
	top:50%;
	margin-top:-10px;
}
#nav .gnb > li.active > a,
#nav .gnb > li.active > a {color:#325aa4;}
#nav .gnb > li.active > a:before {content:'\f106';}
#nav .gnb > li.active > ul {display:block;}
#nav .gnb li ul {background:#f3f3f3;padding:7px 0;border-top:1px solid #ddd;display:none;}
#nav .gnb li ul li:first-child {border-top:none;}
#nav .gnb li ul li a {padding:5px 15px;display:block;font-size:17px;color:#555;}

.nav-on #nav {height:100%;transition-delay:0s;}
.nav-on #nav .inner {opacity:1;transform:translate3d(0,0,0);}
.nav-on #nav .bg {opacity:1;}


@media all and (max-width:1200px){
	#header .nav .gnb {right:0;}
	#header .nav .gnb > li > a {padding:0 20px;}
}

@media all and (min-width:1001px){
	.head-fix #header {position:fixed;top:-91px;}
}

@media all and (max-width:1000px){
	#wrap {padding-top:50px;}
	#header {position:fixed;overflow:visible;border-bottom:none;height:50px;box-shadow:0 1px 1px rgba(0,0,0,0.1);}
	#header:before {display:none;}
	#header .top {border-bottom:none;}
	#header .top .logo {top:13px;width:220px;}
	#header .top .inner {height:auto;}
	#header .top .tnb {display:none;}
	#header .nav {display:none;}
	#header .menu {display:block;}
}

#vis,
#vis .vis {position:relative;height:600px;overflow:hidden;}
#vis .vis {background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
#vis .vis1 {background-image:url(../images/vis1.jpg);}
#vis .vis2 {background-image:url(../images/vis2.jpg);}
#vis .vis3 {background-image:url(../images/vis3.jpg);}
#vis .vis .inner {max-width:1120px;margin:0 auto;}
#vis .vis .txt {color:#fff;padding-top:110px;}
#vis .vis .txt dt {font-size:44px;font-family:'Nanum Myeongjo',serif;letter-spacing:-0.05em;position:relative;opacity:0;transition:1s cubic-bezier(0.77, 0, 0.175, 1);transform:scale(0.9,0.9);}
#vis .vis .txt dd {font-size:44px;margin-top:10px;font-weight:300;letter-spacing:-0.05em;position:relative;opacity:0;transition:1s cubic-bezier(0.77, 0, 0.175, 1);transform:scale(0.9,0.9);transition-delay:0.5s;}
#vis .vis .txt dd strong {font-weight:500;letter-spacing:-0.05em;}
#vis .vis2 .txt dd {font-size:30px;line-height:1.4em;text-indent:-92px;padding-left:92px;}

#vis .float {background:rgba(78,116,180,0.9);position:absolute;left:0;bottom:0;width:100%;z-index:100;}
#vis .float .inner {max-width:1200px;margin:0 auto;position:relative;text-align:center;font-size:0;}
#vis .float .inner:after {content:"";display:block;clear:both;}
#vis .float a {width:16.66666%;float:left;box-sizing:border-box;height:180px;padding-top:20px;transition:background 0.3s;}
#vis .float a > * {display:block;}
#vis .float a strong {font-size:16px;font-weight:500;color:#fff;line-height:1.2em;margin-top:10px;}
#vis .float a:hover {background:#59c19e;}

#vis .vis.active .txt dt {transform:scale(1,1) translate3d(0,0,0) !important;opacity:1 !important;}
#vis .vis.active .txt dd {transform:scale(1,1) translate3d(0,0,0) !important;opacity:1 !important;}


#vis .bx-pager {position:absolute;z-index:100;bottom:210px;left:50%;margin-left:-100px;width:200px;text-align:center;}
#vis .bx-pager .bx-pager-item {display:inline;}
#vis .bx-pager .bx-pager-item a {
	display:inline-block;
	margin:0 5px;
	width:10px;
	height:10px;
	border:3px solid #fff;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
	border-radius:50%;
	transition:0.3s;
}
#vis .bx-pager .bx-pager-item a.active {background:#fff;}

@media all and (max-width:1000px){
	#vis {height:auto;}
	#vis .vis {height:250px;}
	#vis .vis .inner {height:100%;padding:0 20px;box-sizing:border-box;white-space:nowrap;}
	#vis .vis .inner:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
	#vis .vis .txt {padding-top:0;display:inline-block;vertical-align:middle;word-break:normal;max-width:100%;}
	#vis .vis .txt dt {font-size:18px;}
	#vis .vis .txt dd {font-size:18px;margin-top:7px;}
	#vis .vis2 .txt dd {font-size:13px;text-indent:0;padding-left:0;}

	#vis .float {position:relative;}
	#vis .float a {width:33.33333%;height:auto;padding:10px;border-left:1px solid rgba(78,116,180,1);}
	#vis .float a:nth-child(3n+1) {border-left:none;}
	#vis .float a:nth-child(n+4) {border-top:1px solid rgba(78,116,180,1);}
	#vis .float a img {width:40px;}
	#vis .float a strong {font-size:12px;margin-top:5px;font-weight:normal;letter-spacing:-0.075em;}
	#vis .float a:hover {background:none;}

	#vis .bx-pager {position:absolute;z-index:100;bottom:210px;left:50%;margin-left:-100px;width:200px;text-align:center;}
	#vis .bx-pager .bx-pager-item {display:inline;}
	#vis .bx-pager .bx-pager-item a {display:inline-block;margin:0 5px;width:10px;height:10px;border:3px solid #fff;text-align:left;text-indent:-9999px;overflow:hidden;border-radius:50%;transition:0.3s;}
	#vis .bx-pager .bx-pager-item a.active {background:#fff;}
}

#main {background:#f3f6fb;padding:30px 10px 50px;overflow:hidden;}
#main > .inner {max-width:1200px;margin:0 auto;}
#main .one:after {content:"";display:block;clear:both;}
#main .one .box {float:left;box-sizing:border-box;}
#main .one .box .in {box-sizing:border-box;height:280px;}
#main .one .box1 {width:67%;padding-right:15px;}
#main .one .box2 {width:33%;padding-left:15px;}

#main .one .box1 .in {background:#fff;position:relative;}
#main .one .box1 .tab {font-size:0;height:60px;background:#325aa4;}
#main .one .box1 .tab button {color:#fff;width:200px;height:60px;border:none;background:none;font-size:22px;font-weight:500;position:relative;}
#main .one .box1 .tab button.active {background:#fff;color:#273e6a;}
#main .one .box1 .tab button.active:before {
	content:"";
	border:8px solid transparent;
	border-top:8px solid #325aa4;
	display:block;
	height:0;
	left:50%;
	margin-left:-8px;
	position:absolute;
	top:100%;
	width:0;
}
#main .one .box1 .area {padding:50px 20px 0;}
#main .one .box1 .area .item {display:none;}
#main .one .box1 .area .item.active {display:block;}
#main .one .box1 .area .item:after {content:"";display:block;clear:both;}
#main .one .box1 .area .item > div {box-sizing:border-box;width:50%;float:left;}
#main .one .box1 .area .item .first {padding:0 15px 0 110px;min-height:112px;position:relative;}
#main .one .box1 .area .item .first .date {text-align:center;border:1px solid #ccc;width:100px;height:112px;box-sizing:border-box;padding-top:28px;color:#213253;position:absolute;left:0;top:0;}
#main .one .box1 .area .item .first .date dt {font-size:20px;font-weight:300;}
#main .one .box1 .area .item .first .date dd {font-size:28px;font-weight:bold;}
#main .one .box1 .area .item .first .info dt {margin-top:-3px;}
#main .one .box1 .area .item .first .info dt a {display:block;font-size:20px;color:#222;position:relative;padding-left:10px;line-height:1.25em;height:2.5em;overflow:hidden;}
#main .one .box1 .area .item .first .info dt a:before {content:"";display:block;width:3Px;height:3px;border-radius:50%;background:#4772c6;position:absolute;left:0;top:12px;}
#main .one .box1 .area .item .first .info dd {font-size:18px;font-weight:300;color:#999;height:3.6em;line-height:1.2em;overflow:hidden;margin-top:3px;}
#main .one .box1 .area .item .list {padding-left:15px;}
#main .one .box1 .area .item .list dl {position:relative;padding-right:80px;font-size:16px;font-weight:300;}
#main .one .box1 .area .item .list dl ~ dl {margin-top:13px;}
#main .one .box1 .area .item .list dl dt a {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#222;padding-left:7px;position:relative;}
#main .one .box1 .area .item .list dl dt a:before {content:"";display:block;width:3px;height:3px;border-radius:50%;background:#4772c6;position:absolute;left:0;top:9px;}
#main .one .box1 .area .item .list dl dd {position:absolute;right:0;top:0;color:#999;}
#main .one .box1 .area .item .more {display:block;width:60px;height:60px;line-height:60px;text-align:center;color:#fff;position:absolute;right:0;top:0;font-size:24px;}

#main .one .box2 .in {background:#18366f;text-align:center;font-size:0;padding:0 10px;}
#main .one .box2 .in:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#main .one .box2 .ver {display:inline-block;vertical-align:middle;max-width:100%;box-sizing:border-box;}
#main .one .box2 dl dt {font-size:22px;font-weight:500;color:#13c5f9;}
#main .one .box2 dl dd {font-size:44px;font-weight:bold;color:#fff;margin:13px 0 24px;line-height:1em;}
#main .one .box2 .email {font-size:24px;color:#fff;}
#main .one .box2 .date {font-size:18px;color:#fff;margin-top:15px;}
#main .one .box2 .date span {color:#13c5f9;}
#main .one .box2 ul {margin-top:30px;}
#main .one .box2 ul li {display:inline-block;vertical-align:top;margin:0 5px;}
#main .one .box2 ul li a {display:block;height:38px;box-sizing:border-box;line-height:36px;border:1px solid #d1d7e2;color:#fff;font-size:16px;width:112px;}

@media all and (max-width:1000px){
	
	#main {padding:20px 10px;}
	#main .one .box .in {height:auto;}
	#main .one .box1 {width:100%;padding:0;}
	#main .one .box2 {width:100%;padding:0;margin-top:10px;}

	#main .one .box1 .tab {height:35px;}
	#main .one .box1 .tab button {width:25%;height:35px;font-size:14px;}
	#main .one .box1 .tab button.active:before {border:4px solid transparent;border-top:4px solid #325aa4;margin-left:-4px;}
	#main .one .box1 .area {padding:20px 10px;}
	#main .one .box1 .area .item > div {width:100%;}
	#main .one .box1 .area .item .first {padding:0 0 0 70px;min-height:60px;position:relative;}
	#main .one .box1 .area .item .first .date {width:60px;height:57px;padding-top:11px;}
	#main .one .box1 .area .item .first .date dt {font-size:13px;}
	#main .one .box1 .area .item .first .date dd {font-size:18px;margin-top:3px;}
	#main .one .box1 .area .item .first .info dt {margin-top:3px;}
	#main .one .box1 .area .item .first .info dt a {font-size:15px;padding-left:7px;height:auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	#main .one .box1 .area .item .first .info dt a:before {top:7px;}
	#main .one .box1 .area .item .first .info dd {font-size:12px;height:2.6em;line-height:1.3em;margin-top:5px;}
	#main .one .box1 .area .item .list {padding:15px 0 0;}
	#main .one .box1 .area .item .list dl {padding-right:65px;font-size:13px;}
	#main .one .box1 .area .item .list dl ~ dl {margin-top:7px;}
	#main .one .box1 .area .item .list dl dt a:before {top:7px;}
	#main .one .box1 .area .item .more {width:40px;height:35px;line-height:35px;font-size:20px;}

	#main .one .box2 .in {padding:20px 10px;}
	#main .one .box2 dl dt {font-size:18px;}
	#main .one .box2 dl dd {font-size:30px;margin:5px 0 10px;}
	#main .one .box2 .email {font-size:18px;}
	#main .one .box2 .date {font-size:15px;}
	#main .one .box2 ul {margin-top:15px;}
	#main .one .box2 ul li {margin:0 3px;}
	#main .one .box2 ul li a {height:32px;line-height:30px;font-size:13px;width:80px;}
}

#main .two {margin-top:30px;padding-right:50%;font-size:0;position:relative; min-height:250px;}
#main .two .ban {position:relative;}
#main .two .ban > .roll > .item:nth-child(n+2) {display:none;}


#main .two .ban .bx-controls-direction a,
#main .two .bx-controls-auto-item a {
	position:absolute;
	display:block;
	top:10px;
	width:30px;
	height:30px;
	text-indent:-9999px;
	background:#000;
	text-align:left;
	color:#fff;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	opacity:0.7;
}

#main .two .ban .bx-controls-direction a:after,
#main .two .bx-controls-auto-item a:after {font-family:axicon;display:block;text-indent:0;line-height:30px;text-align:center;font-size:18px;}

#main .two .ban .bx-controls-direction .bx-prev {right:72px;}
#main .two .ban .bx-controls-direction .bx-next {right:10px;}
#main .two .ban .bx-controls-direction .bx-prev:after {content:"\f104";}
#main .two .ban .bx-controls-direction .bx-next:after {content:"\f105";}

#main .two .bx-controls-auto-item a {z-index:110;right:41px;}
#main .two .bx-controls-auto-item .bx-start:after {content:"\e748";}
#main .two .bx-controls-auto-item .bx-stop:after {content:"\e745";}

#main .two .btn {position:absolute;right:0;top:0;width:50%;height:100%;}
#main .two .btn:after {content:"";display:block;clear:both;}
#main .two .btn .box {float:left;box-sizing:border-box;padding-left:30px;height:100%;width:50%;}
#main .two .btn .box .in {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;height:100%;white-space:nowrap;text-align:center;}
#main .two .btn .box .in:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#main .two .btn .box1 .in {background-image:url(../images/mbtn1.jpg);}
#main .two .btn .box2 .in {background-image:url(../images/mbtn2.jpg);}
#main .two .btn .box .ver {display:inline-block;vertical-align:middle;max-width:100%;white-space:normal;color:#fff;}
#main .two .btn .box .ver dd {font-size:30px;font-weight:500;line-height:1em;margin:20px 0;}
#main .two .btn .box .ver p a {display:inline-block;width:120px;height:40px;border:1px solid #fff;line-height:38px;text-align:center;color:#fff;font-size:18px;}

@media all and (max-width:1000px){
	#main .two {margin-top:10px;padding-right:0;min-height:auto;}
	#main .two .ban .item img {width:100%;}
	#main .two .btn {position:relative;margin-top:10px;width:100%;}
	#main .two .btn .box {padding-left:0;height:130px;}
	#main .two .btn .box1 {padding-right:5px;padding-left:0;}
	#main .two .btn .box2 {padding-left:5px;}
	#main .two .btn .box img {width:25px;}
	#main .two .btn .box .ver dd {font-size:16px;margin:10px 0;}
	#main .two .btn .box .ver p a {width:80px;height:32px;line-height:30px;font-size:13px;}
	
	#main .two .ban .bx-controls-direction a,
	#main .two .bx-controls-auto-item a {top:5px;width:26px;height:26px;}

	#main .two .ban .bx-controls-direction a:after,
	#main .two .bx-controls-auto-item a:after {line-height:26px;font-size:18px;}

	#main .two .ban .bx-controls-direction .bx-prev {right:59px;}
	#main .two .ban .bx-controls-direction .bx-next {right:5px;}

	#main .two .bx-controls-auto-item a {right:32px;}
}

#main .thr {margin:30px -5px 0;font-size:0;text-align:center;}
#main .thr .box {display:inline-block;box-sizing:border-box;width:20%;padding:0 5px;vertical-align:top;}
#main .thr .box .in {display:block;border:1px solid #ccc;}

@media all and (max-width:1000px){
	#main .thr {margin:10px -2px 0;}
	#main .thr .box {width:33.33333%;padding:0 2px;}
	#main .thr .box:nth-child(n+4) {margin-top:4px;}
}


#footer {border-top:1px solid #ccc;}
#footer .one {padding:0 10px;}
#footer .one .inner {max-width:1200px;margin:0 auto;}
#footer .one .fnb {font-size:0;}
#footer .one .fnb li {display:inline-block;position:relative;}
#footer .one .fnb li ~ li {margin-left:15px;padding-left:15px;}
#footer .one .fnb li ~ li:before {content:"";display:block;width:1px;height:12px;background:#ddd;position:absolute;left:0;top:50%;margin-top:-6px;}
#footer .one .fnb li a {font-size:16px;font-weight:300;display:block;height:60px;line-height:60px;}
#footer .two {background:#f6f6f6;padding:25px 10px;}
#footer .two .inner {max-width:1200px;margin:0 auto;box-sizing:border-box;/*padding-left:318px;*/position:relative;}
#footer .two h2 {position:absolute;left:0;top:50%;margin-top:-23px;}
#footer .two address {font-size:14px;font-weight:300;line-height:1.6em;}
#footer .two address span {display:inline-block;margin-right:10px;}
#footer .two .copy {font-size:12px;color:#a7a7a7;margin-top:10px;font-weight:300;}

@media all and (max-width:1000px){
	#footer {text-align:center;}
	#footer .one .fnb li ~ li {margin-left:10px;padding-left:10px;}
	#footer .one .fnb li a {font-size:13px;height:40px;line-height:40px;}
	#footer .two .inner {padding-left:0;}
	#footer .two h2 {position:relative;top:0;margin-top:0;margin-bottom:15px;}
	#footer .two h2 img {width:140px;}
	#footer .two address {font-size:12px;line-height:1.5em;}
	#footer .two address span {margin:0 7px;}
	#footer .two .copy {font-size:12px;}
}


#svis {background:url(../images/svis1.jpg) no-repeat 50% 0;background-size:cover;position:relative;z-index:50;}
#svis .inner {max-width:1200px;margin:0 auto;position:relative;height:250px;}
#svis .txt {position:absolute;left:0;top:65px;width:100%;color:#fff;text-align:center;}
#svis .txt dt {font-size:36px;font-weight:bold;line-height:1em;}
#svis .txt dd {font-size:16px;margin-top:13px;}

#svis .snb {position:absolute;left:0;bottom:0;width:100%;background:rgba(255,255,255,0.88);font-size:0;box-sizing:border-box;padding-left:50px;}
#svis .snb > li {display:inline-block;position:relative;margin-left:-1px;vertical-align:top;}
#svis .snb > li > a,
#svis .snb > li > span {display:block;height:50px;line-height:50px;border-left:1px solid transparent;border-right:1px solid #ccc;position:relative;color:#333;font-size:16px;z-index:20;}
#svis .snb > li > span {padding:0 50px 0 20px;cursor:pointer;min-width:150px;}
#svis .snb > li > span:before {content:"\e114";font-family:axicon;position:absolute;right:15px;top:0;color:#bbb;}
#svis .snb > li:first-child {margin-left:0;position:absolute;left:0;top:0;width:50px;}
#svis .snb > li:first-child > a {background:#325aa4;color:#fff;width:50px;text-align:center;font-size:30px;border-right:none;border-left:none;}
#svis .snb > li:first-child + li {margin-left:0;}

#svis .snb li ul {display:none;position:absolute;left:0;top:100%;min-width:100%;border-top:none;background:#fff;box-sizing:border-box;box-shadow:0 0 5px 1px rgba(0,0,0,0.15);z-index:10;}
#svis .snb li ul li {border:1px solid #ccc;}
#svis .snb li ul li ~ li {margin-top:-1px;}
#svis .snb li ul li a {display:block;font-size:16px;white-space:nowrap;padding:13px 20px;color:#999;}
#svis .snb > li.on > span,
#svis .snb > li:hover > span {color:#000;background:#fff;border-left:1px solid #ccc;}
#svis .snb > li.on > span:before,
#svis .snb > li:hover > span:before {content:"\e115";}
#svis .snb > li.on > ul,
#svis .snb > li:hover > ul {display:block;/* animation:fadeInUp 0.3s;*/}
#svis .snb li ul li a:hover {color:#fff;background:#325aa4;}

.sub2 #svis {background-image:url(../images/svis2.jpg);}
.sub3 #svis {background-image:url(../images/svis3.jpg);}
.sub4 #svis {background-image:url(../images/svis4.jpg);}
.sub5 #svis {background-image:url(../images/svis5.jpg);}
.sub99 #svis {background-image:url(../images/svis99.jpg);}

#sub {padding:60px 10px 100px;position:relative;overflow:hidden;}
#sub > .inner {max-width:1200px;margin:0 auto;}

#tit {margin-bottom:65px;}
#tit h3 {font-size:46px;color:#000;font-weight:500;position:relative;line-height:1em;padding-top:10px;text-align:center;}
#tit h3:before {content:"";display:block;width:50px;height:3px;background:#6a8fd5;position:absolute;left:50%;margin-left:-25px;top:0;}

#content {min-height:30vh;}

@media all and (max-width:1000px){
	#svis .inner {height:70px;}
	#svis .txt {top:17px;}
	#svis .txt dt {font-size:18px;}
	#svis .txt dd {font-size:13px;margin-top:7px;}
	#svis .snb {display:none;}

	#sub {padding:25px 10px;}
	#tit {margin-bottom:15px;}
	#tit h3 {font-size:20px;}
	#tit h3:before {width:30px;height:2px;margin-left:-15px;}

}

.__blue {color:#325aa4 !important;}
.__blue2 {color:#789adb !important;}
.__black {color:#000 !important;}
.__red {color:#e62117 !important;}

.__tit1 {margin-bottom:25px;}
.__tit1 h3 {position:relative;font-size:26px;font-weight:500;color:#325aa4;padding-top:10px;line-height:1em;}
.__tit1 h3:before {content:"";display:block;position:absolute;left:0;top:0;width:20px;height:2px;background:#325aa4;}

.__tit2 {margin-bottom:15px;}
.__tit2 h3 {position:relative;font-size:20px;font-weight:500;line-height:1em;padding-left:22px;color:#6a757d;}
.__tit2 h3:before {content:"";display:block;position:absolute;left:0;top:1px;background:url(../images/tit-dot.gif) no-repeat 0 50%;background-size:contain;width:17px;height:20px;}

.__txt20 {font-size:20px;line-height:1.6em;color:#6a757d;}
.__txt20 strong {font-weight:500;}
.__txt18 {font-size:18px;line-height:1.6em;}
.__txt16 {font-size:16px;line-height:1.7em;}

.__btn1 {display:inline-block;box-sizing:border-box;height:40px;line-height:38px;border:1px solid #ddd;background:#fff;color:#333;padding:0 13px;font-size:16px;font-weight:300;text-align:center;}
.__btn1.green {background:#59c19e;border-color:#59c19e;color:#fff;}
.__btn1.gray {background:#a7a7a7;border-color:#a7a7a7;color:#fff;}
.__btn1.black {background:#555;border-color:#555;color:#fff;}
.__btn1.blue {background:#7396d8;border-color:#7396d8;color:#fff;}
.__btn1.blue2 {background:#5075b4;border-color:#5075b4;color:#fff;}
.__btn1.type2 {width:90px;padding:0;}

.__btn2 {display:inline-block;box-sizing:border-box;height:48px;line-height:46px;border:1px solid #7396d8;background:#7396d8;color:#fff;font-size:16px;font-weight:300;text-align:center;width:120px;}
.__btn2.blue {background:#325aa4;border-color:#325aa4;}

.__dotlist > li {position:relative;padding-left:0.8em;}
.__dotlist > li:before {content:"·";display:block;position:absolute;left:0;top:0;text-indent:0;}
.__dotlist > li ~ li {margin-top:0.25em;}
.__dotlist.hypen > li:before {content:"-";}
.__dotlist.star > li:before {content:"*";}

@media all and (max-width:1000px){
	.__tit1 {margin-bottom:10px;}
	.__tit1 h3 {font-size:17px;padding-top:7px;}
	.__tit1 h3:before {width:15px;}
	
	.__tit2 {margin-bottom:7px;}
	.__tit2 h3 {font-size:15px;padding-left:15px;}
	.__tit2 h3:before {top:0;width:12px;height:15px;}


	.__txt20 {font-size:16px;line-height:1.5em;}
	.__txt18 {font-size:14px;line-height:1.5em;}
	.__txt16 {font-size:13px;line-height:1.5em;}

	.__btn1 {height:30px;line-height:28px;padding:0 10px;font-size:13px;}
	.__btn1.type2 {width:70px;}
	.__btn2 {height:40px;line-height:38px;font-size:14px;width:90px;}
}

.__toparea {position:relative;margin-bottom:25px;}
.__toparea .rig {position:absolute;right:0;bottom:0;}
.__toparea .__tit1 {margin-bottom:0;}

.__botarea {position:relative;margin-top:30px;}
.__botarea .cen {text-align:center;}

.__form1 {display:inline-block;box-sizing:border-box;max-width:100%;height:40px;width:100%;border:1px solid #ccc;padding-left:10px;}

.__tbl-write {width:100%;table-layout:fixed;border-top:2px solid #325aa4;}
.__tbl-write.auto {table-layout:auto;}
.__tbl-write tr > * {border-bottom:1px solid #ccc;padding:10px 15px;box-sizing:border-box;}
.__tbl-write tr th {border-right:1px solid #ccc;width:180px;background:#f4f4f4;text-align:left;font-size:18px;font-weight:normal;color:#000;height:60px;}
.__tbl-write tr th .impor:before {content:"*";}
.__tbl-write tr td {font-size:16px;line-height:1.5em;}
.__tbl-write tr td .dib {display:inline-block;font-size:13px;}
.__tbl-write tr td label {display:inline-block;margin-right:15px;}
.__tbl-write .__tbl-list th {width:auto;}

@media all and (max-width:1000px){
	.__form1 {height:30px;padding-left:5px;}
	.__tbl-write tr > * {padding:5px;}
	.__tbl-write tr th {width:80px;font-size:13px;height:auto;}
	.__tbl-write tr td {font-size:12px;}
	.__tbl-write tr td .dib {font-size:12px;display:block;margin-top:5px;}
	.__tbl-write tr td label {margin-right:10px;}


	.__toparea {margin-bottom:10px;}
	.__toparea .rig {position:relative;margin-top:5px;}

	.__botarea {margin-top:20px;}
}


.__tbl-list {width:100%;border-top:2px solid #325aa4;table-layout:auto;}
.__tbl-list.fix {table-layout:fixed;}
.__tbl-list tr > * {border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:18px 10px;line-height:1.4em;}
.__tbl-list tr > *:last-child {border-right:none;}
.__tbl-list thead th {background:#f4f4f4;font-size:18px;font-weight:normal;color:#000;text-align:center;}
.__tbl-list tr td {text-align:center;font-size:16px;font-weight:300;line-height:1.4em;}
.__tbl-list tr td strong {font-weight:500;}
.__tbl-list tr .subject {text-align:left;}
.__tbl-list tr .subject a {display:inline-block;max-width:85%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.__tbl-list tr .file {font-size:24px;color:#4772c7;}
.__tbl-list .reply .subject a:before {content:"\e6c7";font-family:axicon;color:#ff9600;display:inline-block;margin-right:10px;}


@media all and (max-width:1000px){
	.__tbl-list tr > * {padding:5px;}
	.__tbl-list thead th {font-size:12px;}
	.__tbl-list tr td {font-size:12px;}

	.__tbl-list.responsive colgroup,
	.__tbl-list.responsive thead {display:none;}
	.__tbl-list.responsive,
	.__tbl-list.responsive tbody,
	.__tbl-list.responsive tfoot,
	.__tbl-list.responsive tr {display:block;}
	.__tbl-list.responsive tr {font-size:0;border-bottom:1px solid #ccc;padding:8px 0;overflow:hidden;}
	.__tbl-list.responsive tr td {text-align:left;display:inline-block;vertical-align:middle;max-width:100%;height:auto;position:relative;box-sizing:border-box;margin-left:-1px;padding:2px 7px;}
	.__tbl-list.responsive tr td:after {content:"";display:block;width:1px;height:12px;position:absolute;left:0;top:50%;margin-top:-6px;background:#ccc;}
	.__tbl-list.responsive tr > * {padding:0;border-right:none;}
	.__tbl-list.responsive tr td {border-bottom:none;color:#999;font-size:13px;}
	.__tbl-list.responsive tr .subject {width:100%;margin-left:0;margin-left:0;margin-bottom:5px;text-align:left !important;}
	.__tbl-list.responsive tr .subject:after {display:none;}
	.__tbl-list.responsive tr .subject > a ~ * {margin-left:3px;}
	.__tbl-list.responsive .notice {background:#f4f4f4;}
	.__tbl-list.responsive .notice:before {content:"[공지]";display:block;font-size:14px;padding:0 7px;color:#000;}
	.__tbl-list tr .file {font-size:18px;}
	
	.__tbl-list .reply .subject a:before {content:"\e039";transform:rotate(180deg);}
	

	.__tbl-list .mtxt:before {content:""attr(data-th)" :";display:inline-block;margin-right:5px;}
	.__ovx {overflow-x:auto;}
	.__ovx > table {min-width:700px !important;}
}

.__tab1 {font-size:0;margin:0 -2px;margin-bottom:50px;font-size:0;}
.__tab1:after {content:"";display:block;clear:both;}
.__tab1 li {width:50%;box-sizing:border-box;padding:0 2px;float:left;text-align:center;}
.__tab1 a {display:block;height:54px;background:#f8f8f8;border:5px solid #bcbcbc;border-bottom:none;color:#000;transition:0.3s;}
.__tab1 a:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__tab1 a span {display:inline-block;vertical-align:middle;font-size:20px;margin-bottom:5px;}
.__tab1 .active a {background:#325aa4;border-color:#325aa4;color:#fff;}

@media all and (max-width:1000px){
	.__tab1 {margin:0 -1px;margin-bottom:15px;}
	.__tab1 li {padding:0 1px;}
	.__tab1 a {height:33px;border:3px solid #bcbcbc;border-bottom:none;}
	.__tab1 a span {font-size:14px;margin-bottom:3px;}
}


.__login {border-top:2px solid #325aa4;border-bottom:1px solid #ccc;padding:60px 10px;}
.__login .inner {max-width:600px;margin:0 auto;}
.__login .tit {text-align:center;margin-bottom:50px;}
.__login .tit h3 > * {display:inline-block;vertical-align:middle;}
.__login .tit h3 span {font-size:50px;font-weight:bold;color:#688dd4;}
.__login .tit h3 img {margin-right:15px;}
.__login .tit p {margin-top:35px;font-size:18px;color:#6a757d;line-height:1.7em;}
.__login .area {max-width:420px;margin:0 auto;position:relative;}
.__login .area .form {position:relative;padding-right:110px;}
.__login .area .form button {display:block;position:absolute;right:0;top:0;width:90px;height:100%;background:#5075b4;border:none;color:#fff;font-size:16px;}
.__login .area .form li {position:relative;}
.__login .area .form li:before {content:"";font-family:axicon;position:absolute;left:0;bottom:5px;color:#ccc;font-size:24px;width:40px;text-align:center;}
.__login .area .form .text:before {content:"\f007";}
.__login .area .form .pass:before {content:"\e6ce";}
.__login .area .form li ~ li {margin-top:10px;}
.__login .area .form li input {display:block;width:100%;box-sizing:border-box;border:none;border-bottom:1px solid #ccc;height:40px;text-indent:40px;font-size:16px;}
.__login .area .form li input::-webkit-input-placeholder {color:#ccc;}
.__login .area .form li input:-moz-placeholder {color:#ccc;}
.__login .area .form li input::-moz-placeholder {color:#ccc;}
.__login .area .form li input:-ms-input-placeholder {color:#ccc;}
.__login .area .link {margin-top:40px;font-size:0;}
.__login .area .link li {display:inline-block;position:relative;}
.__login .area .link li a {display:block;font-size:16px;font-weight:300;color:#333;}
.__login .area .link li ~ li {padding-left:21px;margin-left:20px;}
.__login .area .link li ~ li:before {content:"";display:block;position:absolute;left:0;top:50%;margin-top:-7px;height:14px;background:#ddd;width:1px;}

@media all and (max-width:1000px){
	.__login {padding:20px 10px;}
	.__login .tit {margin-bottom:20px;} 
	.__login .tit h3 span {font-size:30px;}
	.__login .tit h3 img {margin-right:10px;width:40px;}
	.__login .tit p {margin-top:15px;font-size:13px;line-height:1.5em;}
	.__login .area .form {padding-right:90px;}
	.__login .area .form button {width:80px;font-size:14px;}
	.__login .area .form li:before {bottom:7px;font-size:20px;width:30px;}
	.__login .area .form li ~ li {margin-top:10px;}
	.__login .area .form li input {height:35px;text-indent:35px;font-size:14px;}
	.__login .area .link {margin-top:20px;font-size:0;text-align:center;}
	.__login .area .link li a {font-size:14px;}
	.__login .area .link li ~ li {padding-left:16px;margin-left:15px;}
}


.__agree {border:1px solid #ccc;border-top:2px solid #325aa4;}
.__agree .area {padding:28px 15px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;font-size:16px;font-weight:300;line-height:1.7em;height:300px;}
.__agree .lab {border-top:1px solid #ccc;padding:15px;text-align:right;background:#f4f4f4;}
.__agree .lab label {font-size:18px;color:#000;}

.__agree2 {padding:20px 0;border-bottom:1px solid #ccc;}
.__agree2 h3 {font-size:18px;color:#000;font-weight:normal;margin-bottom:15px;}
.__agree2 ul li {padding-left:10px;position:relative;font-size:16px;font-weight:300;}
.__agree2 ul li:before {content:"·";position:absolute;left:0;top:0;font-weight:bold;}
.__agree2 ul li ~ li {margin-top:7px;}
.__agree2 ul li strong {font-weight:500;}
.__agree2 .lab {font-size:16px;margin-top:20px;}
.__agree2 .lab label {display:inline-block;}
.__agree2 .lab label ~ label {margin-left:20px;}

@media all and (max-width:1000px){
	.__agree .area {padding:15px 10px;font-size:13px;line-height:1.5em;height:150px;}
	.__agree .lab {padding:10px;}
	.__agree .lab label {font-size:13px;}

	.__agree2 {padding:10px 0;}
	.__agree2 h3 {font-size:14px;margin-bottom:10px;}
	.__agree2 ul li {padding-left:8px;font-size:12px;}
	.__agree2 ul li ~ li {margin-top:5px;}
	.__agree2 .lab {font-size:13px;margin-top:15px;}
	.__agree2 .lab label ~ label {margin-left:10px;}
}

.__search {text-align:right;margin-bottom:10px;font-size:0;}
.__search input[type=text] {display:inline-block;width:200px;height:36px;border:1px solid #ccc;box-sizing:border-box;padding-left:10px;font-size:14px;}
.__search button {display:inline-block;width:36px;height:36px;border:none;color:#fff;font-size:18px;margin-left:5px;background:#325aa4;}

@media all and (max-width:1000px){
	.__search {text-align:center;margin-bottom:5px;}
	.__search input[type=text] {width:150px;height:32px;font-size:13px;padding-left:7px;}
	.__search button {width:32px;height:32px;font-size:16px;margin-left:3px;}

}


.__paging {font-size:0;}
.__paging .arr,
.__paging .num {
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
	width:30px;
	height:30px;
	text-align:center;
	color:#a6a6a6;
	z-index:0;
	margin:0 2px;
	position:relative;
}
.__paging .num {font-size:15px;line-height:30px;}
.__paging .arr i {font-size:18px;display:block;line-height:30px;}
.__paging .num:hover,
.__paging .arr:hover {color:#000;}
.__paging .num.active {color:#ff484f;text-decoration:underline;}
.__paging .prev {margin-right:15px;}
.__paging .next {margin-left:15px;}

@media all and (max-width:1000px){
	.__paging .arr,
	.__paging .num {width:24px;height:24px;margin:0 1px;}
	.__paging .num {font-size:14px;line-height:24px;}
	.__paging .arr i {font-size:16px;line-height:24px;}
	.__paging .prev {margin-right:10px;}
	.__paging .next {margin-left:10px;}
}


.__board-view {border-top:2px solid #325aa4;border-bottom:1px solid #ccc;}
.__board-view .top {border-bottom:1px solid #ccc;position:relative;overflow:hidden;}
.__board-view .top h3 {font-size:18px;font-weight:normal;color:#000;line-height:1.3em;background:#f4f4f4;padding:17px;}
.__board-view .top .info {padding:17px;border-top:1px solid #ccc;font-size:14px;line-height:1.3em;}
.__board-view .top .info:after {content:"";display:block;clear:both;}
.__board-view .top .info .file {float:left;padding-left:80px;position:relative;}
.__board-view .top .info .file strong {position:absolute;left:0;top:0;}
.__board-view .top .info .file a {display:inline-block;line-height:1em;font-weight:300;color:#999;}
.__board-view .top .info .file a:after {content:"\e122";font-family:axicon;color:#4772c7;display:inline-block;margin-left:8px;}
.__board-view .top .info .file li {line-height:1em;}
.__board-view .top .info .file li ~ li {margin-top:5px;}
.__board-view .top .info .sum {float:right;}
.__board-view .top .info .sum li {display:inline-block;vertical-align:top;}
.__board-view .top .info .sum li ~ li {margin-left:45px;}
.__board-view .top .info strong {font-size:14px;font-weight:500;display:inline-block;position:relative;padding-right:15px;margin-right:15px;}
.__board-view .top .info strong:before {content:"";display:block;position:absolute;right:0;top:50%;margin-top:-6px;height:12px;width:1px;background:#ddd;}
.__board-view .top .info span {font-size:14px;color:#999;font-weight:300;display:inline-block;}
.__board-view .con {padding:30px;min-height:30vh;font-size:16px;line-height:1.7em;white-space:normal !important;}
.__board-view .con * {max-width:100% !important;height:auto !important;}
.__board-view .cate {font-size:18px;margin-bottom:5px;color:#222;}

.__board-pn {border-top:1px solid #ccc;margin-top:-1px;border-bottom:1px solid #ccc;}
.__board-pn > dl {position:relative;padding-left:135px;}
.__board-pn > dl ~ dl {border-top:1px solid #e3e3e3;}
.__board-pn > dl > dt {position:absolute;left:0;top:0;width:135px;text-align:center;}
.__board-pn > dl > dt > a {height:60px;color:#6a757d;font-size:15px;display:block;}
.__board-pn > dl > dt > a span {display:inline-block;vertical-align:middle;font-weight:500;}
.__board-pn > dl > dt > a:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__board-pn > dl > dt > a:before {content:"";font-family:axicon;display:inline-block;margin-right:15px;vertical-align:middle;color:#4772c7;}
.__board-pn > dl > dd {padding-left:10px;}
.__board-pn .prev > dt > a:before {content:"\f1b2";}
.__board-pn .next > dt > a:before {content:"\f1af";}
.__board-pn dl dl {position:relative;padding-right:120px;}
.__board-pn dl span,
.__board-pn dl dd a {height:60px;line-height:60px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:15px;color:#6a757d ;}


@media all and (max-width:1000px){
	.__board-view .top h3 {font-size:15px;padding:10px;}
	.__board-view .top .info {padding:10px;font-size:13px;}
	.__board-view .top .info .file {float:none;padding-left:62px;}
	.__board-view .top .info .file a:after {margin-left:5px;}
	.__board-view .top .info .file li {line-height:1em;}
	.__board-view .top .info .file li ~ li {margin-top:5px;}
	.__board-view .top .info .sum {float:none;margin-top:5px;}
	.__board-view .top .info .sum li {display:block;}
	.__board-view .top .info .sum li ~ li {margin-left:0;margin-top:5px;}

	.__board-view .top .info strong {font-size:12px;padding-right:10px;margin-right:10px;}
	.__board-view .top .info span {font-size:12px;}

	.__board-view .con {padding:20px 10px;font-size:13px;line-height:1.5em;}
	.__board-view .con * {font-size:13px !important;}

	.__board-pn > dl {padding-left:80px;}
	.__board-pn > dl > dt {width:80px;}
	.__board-pn > dl > dt > a {height:40px;font-size:13px;}
	.__board-pn > dl > dt > a:before {margin-right:7px;}
	.__board-pn dl dl {padding-right:0;}
	.__board-pn dl span,
	.__board-pn dl dd a {height:40px;line-height:40px;font-size:13px;}

}


.__popBasic {position:fixed;z-index:5000;left:0;top:0;width:100%;height:100%;display:none;font-size:0;text-align:center;box-sizing:border-box;padding:10px;}
.__popBasic:before {content:"";display:inline-block;vertical-align:middle;width:0;height:100%;}
.__popBasic .bg {cursor:pointer;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
.__popBasic .inner {
	vertical-align:middle;
	box-sizing:border-box;
	background:#fff;
	z-index:10;
	display:inline-block;
	overflow:hidden;
	position:relative;
	max-width:100%;
	padding:25px 0 0;
	width:860px;
	text-align:left;
}
.__popBasic .title {position:relative;margin:0 30px 25px;}
.__popBasic .title h3 {font-size:30px;font-weight:normal;letter-spacing:-0.075em;color:#325aa4;}
.__popBasic .title .close {
	display:block;
	position:absolute;
	right:0;
	top:0;
	background:url(../images/pop-close.gif) no-repeat;
	background-size:100% 100%;
	border:none;
	width:30px;
	height:30px;
	text-indent:-9999px;
}
.__popBasic .wrap {font-size:14px;max-height:calc(100vh - 200px);overflow:auto;padding:0 30px;box-sizing:border-box;}
.__popBasic .wrap:after {content:"";display:block;width:100%;height:25px;}
.__popBasic .wrap.privacy {font-size:16px;line-height:1.7em;}

@media all and (max-width:1000px){
	.__popBasic .inner {padding:15px 0 0;}
	.__popBasic .title {margin:0 15px 10px;}
	.__popBasic .title h3 {font-size:18px;}
	.__popBasic .title .close {width:20px;height:20px;}
	.__popBasic .wrap {font-size:12px;padding:0 15px;max-height:calc(100vh - 120px);}
	.__popBasic .wrap:after {height:20px;}
	
	.__popBasic .wrap.privacy {font-size:13px;line-height:1.5em;}
}


.__greeting .area {display:none;}
.__greeting .area.active {display:block;animation:fadeInUp 0.5s;}
.__greeting .area:after {content:"";display:block;clear:both;}
.__greeting .area > * {display:block;float:left;box-sizing:border-box;}
.__greeting .area .img {width:45.8%;padding-right:50px;}
.__greeting .area .info {width:54.2%;}
.__greeting .area .info h3 {font-size:28px;font-weight:500;color:#325aa4;line-height:1.2em;}
.__greeting .area .info p {font-size:16px;color:#333;line-height:1.9em;margin:35px 0 50px;text-align:justify;}
.__greeting .area .info dl {font-size:18px;font-weight:500;color:#333;font-size:18px;text-align:right;}
.__greeting .area .info dl dd {margin-top:15px;}
.__greeting .area .info dl dd img {display:inline-block;margin-left:15px;}

@media all and (max-width:1000px){
	.__greeting .area .img {width:100%;padding-right:0;text-align:center;}
	.__greeting .area .info {width:100%;margin-top:20px;}
	.__greeting .area .info h3 {font-size:18px;}
	.__greeting .area .info p {font-size:13px;line-height:1.5em;margin:15px 0 20px;text-align:left;}
	.__greeting .area .info dl {font-size:14px;}
	.__greeting .area .info dl dd {margin-top:10px;}
	.__greeting .area .info dl dd img {margin-left:10px;width:80px;}

}


.__history {position:relative;padding-bottom:50px;}
.__history:before {content:"";display:block;width:1px;height:100%;position:absolute;left:16px;top:0;background:#ccc;}
.__history .box {position:relative;padding-left:243px;}
.__history .box ~ .box {margin-top:90px;}
.__history .box h3 {position:absolute;left:0;top:0;line-height:1em;font-size:32px;color:#000;padding-left:70px;font-weight:normal;}
.__history .box h3:before {content:"";display:block;position:absolute;left:0;top:50%;margin-top:-16px;width:16px;height:16px;background:#fff;border-radius:50%;border:8px solid #838383;}
.__history .box:first-child h3:before {border-color:#325aa4;}
.__history .box dl {padding-left:24%;border-bottom:1px solid #ebebeb;border-top:1px solid #ebebeb;font-size:18px;position:relative;}
.__history .box dl:before,
.__history .box dl:after {content:"";display:block;position:absolute;left:0;width:24%;height:1px;background:#a8a8a8;}
.__history .box dl:before {top:-1px;}
.__history .box dl:after {bottom:-1px;}
.__history .box dl ~ dl {margin-top:-1px;}
.__history .box dl > * {box-sizing:border-box;}
.__history .box dl dt {position:absolute;left:20px;font-weight:500;top:50%;line-height:1em;margin-top:-9px;}
.__history .box dl dd {padding:17px;font-weight:300;line-height:1.5em;}
.__history .box dl dd p ~ p {margin-top:10px;}

@media all and (max-width:1000px){
	.__history {padding-bottom:20px;}
	.__history:before {display:none;}
	.__history .box {padding-left:0;}
	.__history .box ~ .box {margin-top:30px;}
	.__history .box h3 {position:relative;font-size:18px;padding-left:30px;}
	.__history .box h3:before {margin-top:-10px;width:10px;height:10px;border:5px solid #838383;}
	.__history .box .area {margin-top:10px;}
	.__history .box dl {padding-left:24%;font-size:14px;}
	.__history .box dl dt {left:10px;margin-top:-7px;}
	.__history .box dl dd {padding:10px;}
	.__history .box dl dd p ~ p {margin-top:5px;}

}

.__rule {font-size:0;margin:0 -15px;}
.__rule .box {display:inline-block;vertical-align:top;box-sizing:border-box;width:25%;padding:0 15px;text-align:center;}
.__rule .box .in {height:250px;border-radius:15px;background:#325aa4 url(../images/rule-bg.png) no-repeat 100% 100%;box-sizing:border-box;padding:0 10px;}
.__rule .box ul {height:172px;white-space:nowrap;}
.__rule .box ul:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__rule .box ul li {display:inline-block;vertical-align:middle;white-space:normal;font-size:26px;font-weight:500;color:#fff;line-height:1.2em;}
.__rule .box .btn a {display:inline-block;box-sizing:border-box;border:1px solid #fff;width:160px;height:40px;line-height:38px;font-size:16px;color:#fff;}

.__rule .box:nth-child(n+5) {margin-top:30px;}
.__rule .box:nth-child(2) .in,
.__rule .box:nth-child(3) .in,
.__rule .box:nth-child(4) .in {background-color:#5075b4;}
.__rule .box:nth-child(5) .in,
.__rule .box:nth-child(6) .in,
.__rule .box:nth-child(7) .in {background-color:#84a5e2;}

@media all and (max-width:1000px){
	.__rule {margin:0 -5px;text-align:center;}
	.__rule .box {width:50%;padding:0 5px;}
	.__rule .box .in {height:120px;border-radius:10px;}
	.__rule .box ul {height:70px;}
	.__rule .box ul li {font-size:15px;}
	.__rule .box .btn a {width:100px;height:34px;line-height:32px;font-size:14px;}
	.__rule .box:nth-child(n+3) {margin-top:10px;}
}

.__loc .top .root_daum_roughmap {width:100% !important;}
.__loc .top .wrap_map {height:450px !important;}
.__loc .bot {margin-top:40px;background:#325aa4;padding:10px 30px;}
.__loc .bot .td {padding:20px 0;vertical-align:middle;}
.__loc .bot dt {width:90px;}
.__loc .bot dd.td {color:#fff;font-size:16px;font-weight:300;line-height:1.5em;padding:20px 0 20px 25px;}


@media all and (max-width:1000px){
	.__loc {margin:0 -10px -25px;}
	.__loc .top .wrap_map {height:250px !important;}
	.__loc .bot {margin-top:0;background:#325aa4;padding:5px 15px;}
	.__loc .bot .__dtbl,
	.__loc .bot .__dtbl .tr {display:block;}
	.__loc .bot .__dtbl .tr {font-size:0;}
	.__loc .bot .td {display:inline-block;vertical-align:middle;box-sizing:border-box;padding:5px 0;}
	.__loc .bot dt {width:30px;}
	.__loc .bot dd.td {width:calc(100% - 30px);font-size:13px;line-height:1.4em;padding:10px 0 10px 10px;white-space:normal;}

}

.__hprocess .td {text-align:center;vertical-align:middle;}
.__hprocess .arr {width:60px;color:#ccc;font-size:37px;}
@media all and (max-width:1000px){
	
	.__hprocess,
	.__hprocess .tr {display:block;}
	.__hprocess .tr {font-size:0;text-align:center;}
	.__hprocess .td {display:inline-block;padding:5px;box-sizing:border-box;}
	.__hprocess .cicle {width:30%;}
	.__hprocess .arr {width:5%;font-size:20px;}
}


.__calendar-top {text-align:center;font-size:0;margin-bottom:20px;}
.__calendar-top > * {display:inline-block;vertical-align:middle;}
.__calendar-top a {width:32px;height:32px;border:2px solid #ccc;text-align:center;line-height:32px;color:#325aa4;font-size:18px;}
.__calendar-top strong {font-size:38px;color:#000;margin:0 30px;font-weight:normal;}

@media all and (max-width:1000px){
	.__calendar-top {margin-bottom:10px;}
	.__calendar-top a {width:24px;height:24px;line-height:24px;font-size:16px;}
	.__calendar-top strong {font-size:24px;margin:0 25px;}
}


.__graybox {border:1px solid #ccc;padding:15px;background:#f4f4f4;}

@media all and (max-width:1000px){
	.__graybox {padding:10px;}
}



.__faq {border-top:1px solid #ddd;}
.__faq dl {border-bottom:1px solid #ddd;}
.__faq dl > * {position:relative;font-size:16px;letter-spacing:-0.05em;}
.__faq dl dt {padding:15px 50px 15px 70px;}
.__faq dl dt:before {
	content:"\f107";
	font-family:axicon;
	position:absolute;
	right:15px;
	top:50%;
	color:#ddd;
	font-size:24px;
	display:block;
	margin-top:-12px;
}
.__faq dl dd {padding:20px 15px 20px 70px;line-height:1.5em;border-top:1px solid #ddd;display:none;}
.__faq .active dt:before {content:"\f106";}
.__faq dl .ico {
	display:block;
	width:31px;
	height:31px;
	border:1px solid #ddd;
	border-radius:3px;
	line-height:31px;
	text-align:center;
	color:#325aa4;
	font-size:18px;
	font-weight:500;
	position:absolute;
	left:15px;
}
.__faq dl dt .ico {top:8px;background:#325aa4;border-color:#325aa4;color:#fff;}
.__faq dl dd .ico {top:15px;}


@media all and (max-width:1000px){
	

	.__faq dl > * {font-size:13px;}
	.__faq dl dt {padding:10px 30px 10px 40px;}
	.__faq dl dt:before {right:5px;font-size:18px;line-height:1em;margin-top:-9px;}
	.__faq dl dd {padding:10px 5px 10px 40px;line-height:1.4em;}
	.__faq dl .ico {width:24px;height:24px;line-height:22px;font-size:16px;left:5px;}
	.__faq dl dt .ico {top:5px;}
	.__faq dl dd .ico {top:5px;}
}


.__pdf img {width:25px;}

@media all and (max-width:1000px){
	.__pdf img {width:20px;}
}


@media all and (max-width:1000px){
	
}


@media all and (max-width:1000px){
	
}


@media all and (max-width:1000px){
	
}