@charset "utf-8";
#wrap {position:relative;padding-top:70px;}
#header {position:fixed;top:0;left:0;width:100%;z-index:200;}
#header .inner {width:1200px;margin:0 auto;position:relative;z-index:10;}
#header .logo {position:absolute;left:0;top:20px;z-index:10;}
#header .logo * {display:block;}
#header .lang {position:absolute;right:0;top:18px;z-index:10;}
#header .lang span {display:block;width:133px;height:32px;line-height:32px;position:relative;font-size:12px;color:#555;border:1px solid #b4b4b4;text-indent:10px;}
#header .lang span:before {content:"\f0d7";font-family:axicon;position:absolute;right:10px;top:50%;line-height:1em;margin-top:-7px;font-size:14px;}
#header .lang ul {position:absolute;left:0;top:100%;width:100%;display:none;}
#header .lang ul li {margin-top:-1px;}
#header .lang ul li a {display:block;border:1px solid #b4b4b4;background:#f5f5f5;height:32px;line-height:32px;text-indent:10px;color:#555;}
#header .lang:hover ul {display:block;}
#header .nav {text-align:center;font-size:0;background:#fff;height:70px;overflow:hidden;transition:0.5s;}
#header .nav .gnb {display:inline-block;position:relative;}
#header .nav .gnb > li {display:inline-block;vertical-align:top;box-sizing:border-box;position:relative;z-index:50;}
#header .nav .gnb > li > a {font-size:18px;font-weight:500;color:#000;padding:0 25px;letter-spacing:-0.025em;display:block;height:70px;line-height:70px;position:relative;}
#header .nav .gnb > li > a:before {content:"";display:block;position:absolute;left:50%;bottom:0;width:0;height:4px;background:#1f1f7f;opacity:0;transition:0.3s;}
#header .nav .gnb > li:hover > a,
#header .nav .gnb > li.active > a {color:#1f1f7f;}
#header .nav .gnb > li:hover > a:before,
#header .nav .gnb > li.active > a:before {width:100%;left:0;opacity:1;}
#header .nav .gnb li ul {position:absolute;left:50%;margin-left:-300px;width:600px;font-size:0;display:none;}
#header .nav .gnb li ul li {display:inline-block;vertical-align:top;}
#header .nav .gnb li ul li a {display:block;height:40px;line-height:40px;font-size:14px;color:#555;padding:0 15px;}
#header .nav .gnb li ul li:hover a,
#header .nav .gnb li ul li.active a {color:#1f1f7f;}
#header .nav .gnb li:hover ul {display:block;}
#header .nav:before {content:"";display:block;position:absolute;left:0;top:70px;width:100%;height:1px;background:#ddd;}

#header .etc {position:absolute;right:150px;top:25px;z-index:10;}
#header .etc ul li {display:inline-block;vertical-align:top;box-sizing:border-box;position:relative;padding:0 9px;}
#header .etc li a {font-size:12px;font-weight:bold;color:#666;font-weight:normal;}

.menu-on #header .nav {height:111px;}

#vis,
#vis .vis {position:relative;overflow:hidden;height:572px;}
#vis .vis {text-align:center;}
#vis .vis:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#vis .vis1 .bg {background-image:url(../images/vis1.jpg);}
#vis .vis2 .bg {background-image:url(../images/vis2.jpg);}
#vis .vis .bg {background-repeat:no-repeat;background-position:50% 0;display:block;position:absolute;left:0;top:0;width:100%;height:100%;transition:5s cubic-bezier(0.47, 0, 0.745, 0.715);transform:scale(1,1);background-attachment:fixed;}
#vis .vis.active .bg {transform:scale(1.15,1.15);}
#vis .txt {position:fixed;left:0;top:215px;width:100%;text-align:center;font-size:0;color:#fff;z-index:100;}
#vis .txt dt {font-size:50px;line-height:65px;font-weight:700;transform:scale(1.2,1.2);transition-delay:0.3s;}
#vis .txt dd {font-size:22px;line-height:30px;margin-top:20px;transform:scale(1.2,1.2);transition-delay:0.8s;}

#vis .bx-pager {position:absolute;z-index:150;bottom:100px;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;
	vertical-align:middle;
	margin:0 12px;
	width:8px;
	height:8px;
	background:#fff;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
	border-radius:50%;
}
#vis .bx-pager .bx-pager-item a.active {background:none;border:3px solid #fff;}

#main {background:#e5e5e5;padding:55px 0;}
#main .inner {width:1280px;margin:0 auto;transition:1s;transition-delay:0.9s;}
#main .inner:after {content:"";display:block;clear:both;}
#main .box {text-align:center;float:left;width:33.333333%;height:280px;background-color:#f5f5f5;background-repeat:no-repeat;background-position:50% 100%;display:block;box-sizing:border-box;padding-top:40px;}
#main .box1 {background-image:url(../images/main-bg1.jpg);transform:translate3d(0,-30px,0);transition-delay:0.3s;}
#main .box2 {background-image:url(../images/main-bg2.jpg);transform:translate3d(0,-30px,0);transition-delay:0.6s;background-color:#fff;}
#main .box3 {background-image:url(../images/main-bg3.jpg);transform:translate3d(0,-30px,0);transition-delay:0.9s;}
#main .box > * {display:block;}
#main .box strong {font-size:16px;color:#000;}
#main .box span {margin-top:7px;font-size:12px;line-height:1.4em;}
#main .action {box-shadow:0 0 10px 1px rgba(0,0,0,0.15);}

#element {width:1200px;margin:0 auto;position:relative;box-sizing:border-box;padding:55px 0;}
#element:after {content:"";display:block;clear:both;}
#element:before {content:"";display:block;position:absolute;left:50%;top:0;width:1px;height:100%;background:#ddd;}
#element .box {width:550px;box-sizing:border-box;position:relative;}
#element .box .tit {position: left:0;top:0;}
#element .box .tit h3 {font-size:18px;font-weight:normal;color:#191caa;margin-bottom:12px;}
#element .box1 {float:left;padding-left:125px;}
#element .box1 .area dl {position:relative;padding-right:100px;font-size:14px;}
#element .box1 .area dl ~ dl {margin-top:10px;}
#element .box1 .area dl dt a {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#333;}
#element .box1 .area dl dt a:before {content:"- ";}
#element .box1 .area dl dd {position:absolute;right:0;top:0;}
#element .box2 {float:right;padding-left:115px;}
#element .box2 .area dl {padding:0 15px;}
#element .box2 .area dl ~ dl {border-top:1px dashed #333;margin-top:20px;padding-top:20px;}
#element .box2 .area dl dt a {display:block;font-size:16px;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#element .box2 .area dl dd {font-size:14px;margin-top:5px;}

#footer {width:1280px;margin:0 auto;border-top:1px solid #686868;padding:25px 0;text-align:center;}
#footer .fnb {font-size:0;}
#footer .fnb li {display:inline-block;vertical-align:top;box-sizing:border-box;position:relative;padding:0 9px;}
#footer .fnb li:before {content:"";display:block;position:absolute;left:-1px;width:2px;height:2px;top:50%;margin-top:-1px;background:#000;}
#footer .fnb li:first-child:before {display:none;}
#footer .fnb li a {font-size:12px;font-weight:bold;color:#000;font-weight:bold;}
#footer address {margin-top:15px;}
#footer .copy {margin-top:2px;}

#svis {background:url(../images/svis1.jpg) no-repeat 50% 0;background-attachment:fixed;position:relative;z-index:10;height:304px;}
#svis .txt {position:fixed;left:0;top:155px;color:#fff;text-align:center;width:100%;}
#svis .txt dt {font-size:44px;font-weight:bold;line-height:1em;}
#svis .txt dd {font-size:22px;letter-spacing:-0.1em;margin-top:15px;}
#svis .snb {position:absolute;left:0;bottom:0;width:100%;background:rgba(0,0,0,0.55);z-index:100;border-top:1px solid rgba(255,255,255,0.2);text-align:center;font-size:0;}
#svis .snb li {display:inline-block;vertical-align:top;}
#svis .snb li a {display:block;height:58px;line-height:58px;transition:0.3s;font-size:16px;color:#929292;padding:0 10px;margin:0 15px;position:relative;}
#svis .snb li a:before {content:"";display:block;position:absolute;left:50%;bottom:0;width:0;height:5px;background:#fff;opacity:0;transition:0.3s;}
#svis .snb li:hover a,
#svis .snb li.active a {color:#fff;font-weight:500;}
#svis .snb li:hover a:before,
#svis .snb li.active a:before {width:100%;opacity:1;left:0;}

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

#sub {width:1200px;margin:0 auto;padding:35px 0 100px;}

#tit {position:relative;margin-bottom:40px;padding-bottom:25px;border-bottom:1px solid #ddd;}
#tit h2 {font-size:30px;color:#333;font-weight:normal;line-height:1em;}
#tit .navi {position:absolute;right:0;bottom:25px;font-size:12px;}
#tit .navi > * {display:inline-block;vertical-align:middle;}
#tit .navi em {margin:0 5px;}

.tb0 #tit {border-bottom:none;padding-bottom:0;margin-bottom:30px;}
.tb0 #tit .navi {bottom:0;}

#content {min-height:30vh;}

.__ani {position:relative;opacity:0;transition:1s cubic-bezier(0.77, 0, 0.175, 1);}
.action .__ani {transform:scale(1,1) translate3d(0,0,0) !important;opacity:1 !important;}


.__about:after {content:"";display:block;clear:both;}
.__about .img {float:left;}
.__about .info {float:right;width:675px;}
.__about .info dt {font-size:28px;line-height:42px;color:#3851a3;}
.__about .info dt span {display:inline-block;border-bottom:1px solid #8c9fc0;letter-spacing:-0.075em;}
.__about .info dd {font-size:16px;line-height:24px;color:#444;margin-top:20px;}


.__history-top {background:url(../images/history-bg.gif) no-repeat;height:262px;font-size:0;color:#000;padding-left:40px;margin-bottom:50px;}
.__history-top:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__history-top span {display:inline-block;vertical-align:middle;font-size:32px;line-height:1.3em;}

.__history:after {content:"";display:block;clear:both;}
.__history .lef {float:left;margin-left:50px;}
.__history .rig {float:right;}
.__history > div {position:relative;width:530px;padding-left:30px;box-sizing:border-box;}
.__history > div:before {content:"";display:block;position:absolute;left:0;width:1px;height:100%;background:#ddd;}

.__history .box ~ .box {margin-top:50px;}
.__history .box h4 {font-size:30px;font-weight:300;color:#3a3aa9;line-height:1em;position:relative;margin-bottom:20px;}
.__history .box h4:before {content:"";display:block;width:4px;height:4px;border-radius:50%;border:5px solid #f2f2f2;left:-37px;top:10px;background:#3a3aa9;position:absolute;}
.__history .box .area dl {position:relative;padding-left:40px;font-size:16px;line-height:1.4em;}
.__history .box .area dl ~ dl {margin-top:10px;}
.__history .box .area dl dt {position:absolute;left:0;top:0;}


.__cert:after {content:"";display:block;clear:both;}
.__cert .box {float:left;margin-left:61px;width:254px;position:relative;}
.__cert .box:nth-of-type(4n+1) {clear:both;margin-left:0;}
.__cert .box:nth-of-type(n+5) {margin-top:80px;padding-top:55px;}
.__cert .box:nth-of-type(4n+1):before {content:"";position:absolute;left:0;top:0;width:1200px;border-top:1px dashed #aaa;}
.__cert .box:first-child:before {display:none;}
.__cert .box .info {font-size:14px;line-height:28px;margin-top:10px;letter-spacing:-0.05em;}


.__loc .top:after {content:"";display:block;clear:both;}
.__loc .top .lef {float:left;}
.__loc .top .rig {float:left;}
.__loc .top .rig .wrap_controllers {display:none;}
.__loc .mid {padding:20px 10px;font-size:0;}
.__loc .mid dl {display:inline-block;vertical-align:top;margin-right:70px;font-size:18px;}
.__loc .mid dl dt {display:inline-block;font-weight:bold;color:#3851a3;}
.__loc .mid dl dd {display:inline-block;color:#444;}
.__loc .bot {border-top:1px dashed #ddd;padding:25px 10px 0;}
.__loc .bot dl dt {font-size:18px;font-weight:bold;color:#3851a3;}
.__loc .bot dl dd {margin-top:15px;}
.__loc .bot dl dd p {position:relative;padding-left:70px;font-size:16px;line-height:1.5em;}
.__loc .bot dl dd p ~ p {margin-top:15px;}
.__loc .bot dl dd p strong {display:block;position:absolute;left:0;top:0;font-weight:normal;color:#333;}
.__loc .bot dl dd p span {display:block;}


.__engin {overflow:hidden;font-size:0;text-align:center;}
.__engin .inner {margin:0 -20px;}
.__engin .box {display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 22px;width:33.33333%;text-align:left;margin-bottom:50px;}
.__engin .box dl {border:1px solid #e6e6e6;box-shadow:2px 2px 0 #ccc;box-sizing:border-box;height:235px;padding:25px 10px 0;position:relative;}
.__engin .box dl:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:2px;background:#1f1f7f;}
.__engin .box:nth-of-type(1) dl,
.__engin .box:nth-of-type(2) dl,
.__engin .box:nth-of-type(3) dl {height:200px;}
.__engin .box dl dt {font-size:18px;font-weight:bold;color:#000;}
.__engin .box dl dd {font-size:16px;line-height:1.5em;margin-top:15px;}

.__toptxt {text-align:center;}
.__toptxt dt {font-size:26px;letter-spacing:-0.05em;color:#1f1f7f;line-height:1.3em;position:relative;padding-bottom:30px;margin-bottom:30px;}
.__toptxt dt:before {content:"";display:block;position:absolute;left:50%;margin-left:-50px;width:100px;height:1px;background:#1f1f7f;bottom:0;}
.__toptxt dd {font-size:18px;color:#333;letter-spacing:-0.05em;}

.__3d {background:#f8f8f8;text-align:center;padding:45px 0;font-size:0;}
.__3d li {display:inline-block;margin:0 20px;}
.__3d li:first-child {margin-bottom:60px;}

.__imgtxt .txt {border:1px solid #ddd;border-top:none;text-align:center;padding:25px 10px;color:#1f1f7f;margin-top: -5px;}
.__imgtxt .txt dl dt {font-size:22px;line-height:1.3em;letter-spacing:-0.05em;}
.__imgtxt .txt dl dd {font-size:18px;margin-top:25px;letter-spacing:-0.05em;}

.__imgtxt2:after {content:"";display:block;clear:both;}
.__imgtxt2 .box {float:right;width:589px;}
.__imgtxt2 .box:first-child {float:left;}
.__imgtxt2 .txt {border:1px solid #ddd;border-top:none;text-align:center;padding:25px 20px;box-sizing:border-box;height:195px;margin-top: -5px;}
.__imgtxt2 .txt dl dt {font-size:18px;letter-spacing:-0.05em;font-weight:bold;color:#1f1f7f;}
.__imgtxt2 .txt dl dd {font-size:14px;line-height:22px;margin-top:15px;letter-spacing:-0.025em;}

.__tit1 {margin-bottom:15px;}
.__tit1 h3 {font-size:18px;color:#000;font-weight:bold;}
.__tit1 img {display:inline-block;margin:0 3px -2px 0;}
.__tit1 span{float: right; right:0; bottom:0; font-size:13px;color:#555;font-weight:normal;line-height: 41px;}
.__tit1 span em{font-size:11px;color:#fff;padding:0 5px;}

.__tit2 {margin-bottom:15px;position:relative;}
.__tit2 h3 {font-size:20px;font-weight:bold;color:#212257;}
.__tit2 .rig {position:absolute;right:0;bottom:0;}

.__tbl1 {border-top:1px solid #000;table-layout:fixed;width:100%;}
.__tbl1 tr > * {border:1px solid #bdbfc6;border-top:none;font-size:14px;text-align:center;padding:20px 25px;}
.__tbl1 tr th {color:#000;font-weight:normal;text-align:center;}
.__tbl1 .subject {text-align:left;}
.__tbl1 .subject a {display:inline-block;max-width:85%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}


.__rigtxt {position:relative;padding-left:125px;}
.__rigtxt .__tit1 {position:absolute;left:0;top:0;}
.__rigtxt .txt {font-size:14px;line-height:28px;}

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

.__paging {font-size:0;}
.__paging a {
	display:inline-block;_display:inline;
	box-sizing:border-box;
	border:1px solid transparent;
	text-align:center;
	vertical-align:middle;
	color:#333;
	z-index:0;
	margin:0 3px;
	position:relative;
}
.__paging .num {font-weight:bold;width:28px;height:28px;line-height:26px;font-size:13px;}
.__paging .arr {border-color:#999;}
.__paging .num:hover,
.__paging .arr:hover {border-color:#000;color:#000;}
.__paging .num.active {border-color:#555;color:#fff;background:#666;}

.__search {text-align:center;font-size:0;}
.__search .txt,
.__search button {display:inline-block;box-sizing:border-box;vertical-align:top;}
.__search .txt {width:290px;height:35px;border:1px solid #ddd;background:#f7f7f7;text-indent:10px;}
.__search button {margin-left:5px;height:35px;background:#575757;border:1px solid #575757;font-size:12px;color:#fff;width:75px;}


.__tbl-list {width:100%;table-layout:fixed;border-top:1px solid #000;}
.__tbl-list tr > * {text-align:center;font-size:14px;padding:18px 10px;border-bottom:1px solid #bdbfc6;}
.__tbl-list tr th {color:#222;font-weight:normal;}
.__tbl-list tr .subject {text-align:left;}
.__tbl-list tr .subject a {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:85%;display:inline-block;vertical-align:middle;}
.__tbl-list tr .notice {color:#3f60bf;font-size:12px;}

.__ico-new {display:inline-block;width:21px;height:21px;line-height:23px;vertical-align:middle;border-radius:50%;background:#3f60bf;color:#fff;font-weight:bold;font-family:돋움,dotum,sans-serif;font-size:12px;text-align:center;}

.__board-view {border-top:1px solid #000;border-bottom:1px solid #bdbfc6;}
.__board-view .top {border-bottom:1px solid #bdbfc6;}
.__board-view .top h3 {padding:18px 25px;font-size:14px;color:#000;font-weight:normal;}
.__board-view .top .info {padding:18px 25px;border-top:1px solid #bdbfc6;overflow:hidden;}
.__board-view .top .info li {float:left;width:50%;font-size:14px;}
.__board-view .top .info li strong {font-weight:normal;color:#333;}
.__board-view .top .info .date {text-align:right;}
.__board-view .con {min-height:300px;font-size:14px;line-height:1.6em;padding:40px 25px;}


.__btn1 {display:inline-block;width:183px;height:52px;line-height:50px;box-sizing:border-box;color:#fff;text-align:center;background:#212257;border:1px solid #212257;font-size:14px;}
.__btn2 {display:inline-block;padding:0 20px;height:43px;line-height:41px;box-sizing:border-box;color:#000;font-size:14px;background:#ebebeb;}


.__rec-step {overflow:hidden;}
.__rec-step li {position:relative;width:364px;box-sizing:border-box;font-size:0;border:1px solid #212257;height:102px;text-align:center;color:#212257;float:left;margin-left:54px;}
.__rec-step li:first-child {margin-left:0;}
.__rec-step li:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__rec-step li ~ li:before {content:"";display:block;position:absolute;right:100%;margin-right:1px;width:54px;height:1px;background:#212257;top:50%;}
.__rec-step li span {font-size:16px;display:inline-block;vertical-align:middle;letter-spacing:-0.05em;}


.__dtbl {display:table;}
.__dtbl .tr {display:table-row;}
.__dtbl .td {display:table-cell;}

.__rec-info {width:100%;}
.__rec-info .td {vertical-align:top;padding:10px 0;font-size:16px;}
.__rec-info > dl > dt {font-weight:bold;color:#555;width:150px;}
.__rec-info .td dl {background:#f6f6f6;border:1px solid #ddd;padding:17px;font-size:14px;color:#333;}
.__rec-info .td dl dt {font-weight:bold;}
.__rec-info .td dl dd {margin-top:5px;line-height:1.5em;}


.__line {border:none;border-top:1px dashed #aaa;width:100%;display:block;}

.__rec-bo {width:100%;table-layout:fixed;}
.__rec-bo .tr > dt {width:92px;}
.__rec-bo .tr > dd {padding-left:15px;}
.__rec-bo .tr .td {padding-top:10px;padding-bottom:10px;vertical-align:middle;}
.__rec-bo .tr .td dl {font-size:16px;}
.__rec-bo .tr .td dl dt {font-weight:bold;color:#333;letter-spacing:-0.05em;}
.__rec-bo .tr .td dl dd {margin-top:3px;letter-spacing:-0.05em;}


.__inq {border-bottom:1px solid #ddd;padding-bottom:50px;}
.__inq h3 {font-size:16px;font-weight:normal;margin-bottom:10px;font-weight:normal;color:#333;letter-spacing:-0.05em;}
.__inq .area:after {content:"";display:block;clear:both;}
.__inq .area .lef .txt {height:410px;background:#f7f7f7;border:1px solid #ddd;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;padding:15px;font-size:13px;line-height:1.6em;}
.__inq .area .lef {float:left;width:540px;}
.__inq .area .rig {float:right;width:600px;}


.__form1 {display:inline-block;box-sizing:border-box;border:1px solid #ddd;background:#f7f7f7;height:35px;max-width:100%;padding-left:7px;font-size:14px;width:100%;}
textarea.__form1 {padding:15px;}

.__tbl-write {table-layout:fixed;width:100%;}
.__tbl-write tr > * {font-size:14px;padding:8px 0;}
.__tbl-write tr th {text-align:left;width:85px;font-weight:500;color:#333;}

.__sitemap {overflow:hidden;font-size:0;}
.__sitemap .gnb {margin:0 -15px;}
.__sitemap .gnb > li {box-sizing:border-box;width:25%;vertical-align:top;padding:0 15px;text-align:center;display:inline-block;}
.__sitemap .gnb > li > a {display:block;font-size:22px;color:#222256;padding-bottom:20px;border-bottom:1px solid #222256;}
.__sitemap .gnb > li > a em {display:block;font-size:14px;color:#8686da;}
.__sitemap .gnb li ul {margin-top:25px;}
.__sitemap .gnb li ul li {position:relative;}
.__sitemap .gnb li ul li a {display:block;font-size:18px;color:#333;}
.__sitemap .gnb li ul li ~ li {margin-top:40px;}
.__sitemap .gnb li ul li ~ li:before {content:"-";display:block;position:absolute;left:0;width:100%;top:-35px;text-align:center;font-size:18px;color:#333;}


.__privacy {font-size:14px;line-height:20px;color:#333;white-space:pre-wrap;}
.__privacy span {font-size:16px;color:#333585;}