@charset "utf-8";
* {box-sizing:border-box;}

#wrap {position:relative;padding-top:201px;}

#header {position:absolute;left:0;top:0;width:100%;z-index:200;}
#header .head {border-bottom:1px solid #dfe1e9;background:#f6f6f6;}
#header .head .inner {width:1280px;height:38px;position:relative;margin:0 auto;}
#header .head .menu {position:absolute;left:0;top:0;font-size:0;}
#header .head .menu > * {display:inline-block;vertical-align:top;height:39px;line-height:38px;border-right:1px solid #dfe1e9;font-size:14px;}
#header .head .menu dt {background:#fff;color:#5e5e5e;font-weight:500;border-left:1px solid #dfe1e9;padding:0 15px;}
#header .head .menu dt i {display:inline-block;margin-left:5px;position:relative;bottom:-1px;}
#header .head .menu dd a {display:block;color:#8b8b8b;background:#f6f6f6;letter-spacing:-0.05em;padding:0 15px;}
#header .head .menu dd:hover a,
#header .head .menu dd.active a {background:#fff;color:#f37858;}
#header .head .tnb {position:absolute;right:0;top:0;font-size:0;}
#header .head .tnb ul,
#header .head .tnb li {display:inline-block;}
#header .head .tnb ul ~ ul {margin-left:18px;}
#header .head .tnb li a {display:block;height:38px;line-height:38px;color:#a1a1a1;}
#header .head .tnb .link li {position:relative;}
#header .head .tnb .link li ~ li {margin-left:9px;padding-left:10px;}
#header .head .tnb .link li ~ li:before {content:"";display:block;width:1px;height:10px;position:absolute;left:0;top:50%;margin-top:-5px;background:#d1d1d1;}
#header .head .tnb .link li a {font-size:13px;letter-spacing:-0.05em;}
#header .head .tnb .lang li ~ li {margin-left:11px;}
#header .head .tnb .lang li a {font-size:12px;}
#header .head .tnb .lang li a img {display:inline-block;margin-right:5px;vertical-align:middle;position:relative;top:-1px;}
#header .head .tnb .lang li a span {display:inline-block;vertical-align:baseline;}
#header .mid {width:1280px;height:105px;margin:0 auto;position:relative;}
#header .mid .logo {position:absolute;left:50%;top:50%;margin:-16.5px 0 0 -130.5px;}
#header .mid .logo a,
#header .mid .logo img {display:block;}
#header .mid .ban {position:absolute;left:0;top:27px;}
#header .mid .ban2 {position:absolute;left:240px;top:19px; font-size:16px; color:#1c1c1c; height:67px; background:url(../images/asan_bedge.png) no-repeat 0 2px; padding-left: 75px;  padding-top:13px;}
#header .mid .ban2 span {font-size:14px; color:#6c6c6c;}
#header .mid .link {position:absolute;right:0;top:32px;white-space:nowrap;}
#header .mid .link li {display:inline-block;vertical-align:top;}
#header .mid .link li > * {display:inline-block;}
#header .mid .link li ~ li {margin-left:15px;}
#header .mid .link li a {display:block;font-size:0;line-height:38px;height:38px;}
#header .mid .link li img {margin-right:7px;vertical-align:top;}
#header .mid .link li span {vertical-align:baseline;font-size:16px;color:#6c6c6c;}
#header .mid .ban2 {position:absolute;left:0;top:19px; font-size:16px; color:#1c1c1c; background:url(../images/ch_bedge.png) no-repeat 0 2px; height:67px; padding-left: 75px; padding-top:13px; }
#header .mid .ban2 span {font-size:14px; color:#6c6c6c;}


#nav {border-top:1px solid #dfe1e9;border-bottom:2px solid #ff7e00;transition:0.3s;position:relative;overflow:hidden;height:57px;}
#nav:before {content:"";display:block;position:absolute;left:0;top:54px;height:300px;background:#ff7e00;width:100%;}
#nav .inner {width:1280px;height:54px;margin:0 auto;padding-left:54px;position:relative;}
#nav .mnu {position:absolute;left:0;top:0;border:none;background:url(../images/head-menu.gif) no-repeat;border:none;text-indent:-9999px;width:54px;height:54px;}
#nav .gnb:after {content:'';display:block;clear:both;}
#nav .gnb > li {float:left;width:16.66666%;text-align:center;position:relative;}
#nav .gnb > li > a {display:block;height:54px;line-height:54px;font-size:18px;color:#6c6c6c;letter-spacing:-0.05em;}
#nav .gnb > li:hover > a,
#nav .gnb > li.active > a {background:#ff7e00;color:#fff;}
#nav .gnb > li > ul {display:block;position:absolute;top:100%;width:100%;padding:20px 0;}
#nav .gnb > li > ul > li > a {display:block;font-size:15px;font-weight:300;padding:2px 0;color:#fff;}
#nav .gnb > li > ul > li:hover > a {text-decoration:underline;}

#nav:hover {height:240px;}


#vis {font-size:0;text-align:center;}
#vis,
#vis .vis {position:relative;overflow:hidden;height:550px;}
#vis .vis {background-repeat:no-repeat;background-position:50% 0;white-space:nowrap;}
#vis .vis:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#vis .vis dl {display:inline-block;vertical-align:middle;}
#vis .vis dl dd {margin-top:20px;color:#fff;font-size:24px;font-weight:500;line-height:1.5em;letter-spacing:-0.05em;}
#vis .vis dl > * {transform:translate3d(0,-20px,0);opacity:0;}
#vis .vis[aria-hidden='false'] dl > * {animation:visAni 1s;animation-fill-mode:forwards;}
#vis .vis[aria-hidden='false'] dl dt {animation-delay:0.1s;}
#vis .vis[aria-hidden='false'] dl dd {animation-delay:0.4s;}

#vis .vis1 {background-image:url(../images/vis1.jpg);}
#vis .vis4 {background-image:url(../images/main_ban_Local.jpg?1);}
#vis .vis5 {background-image:url(../images/main_vis_02.jpg?1);}
#vis .vis3 {background-image:url(../images/doc_lee.png);}
#vis .vis2 {background-image:url(../images/main_ban_1st.jpg?2);}
#vis .vis6 {background-image:url(../images/main_ban_enad.png?1);}

#vis .bx-controls {position:absolute;left:0;bottom:70px;text-align:center;width:100%;z-index:100;}
#vis .bx-controls * {display:inline-block;vertical-align:middle;}
#vis .bx-controls .bx-pager-item {margin-right:10px;}
#vis .bx-controls .bx-pager-item a {width:16px;height:16px;border:2px solid #fff;border-radius:50%;}
#vis .bx-controls .bx-pager-item .active {background:#fff;}

#vis .bx-controls-auto-item .bx-start:before,
#vis .bx-controls-auto-item .bx-stop:before {font-size:20px;color:#fff;font-family:axicon;}
#vis .bx-controls-auto-item .bx-start:before {content:"\e748";}
#vis .bx-controls-auto-item .bx-stop:before {content:"\e745";}

@keyframes visAni {
	0 {transform:translate3d(0,-20px,0);opacity:0;}
	100% {transform:translate3d(0,0,0);opacity:1;}
}

#service {width:1280px;margin:0 auto;padding:40px 0;}
#service:after {content:'';display:block;clear:both;}
#service .reserve {float:left;display:block;background:#f89828 url(../images/ico-reserve.png) no-repeat 33px 50%;height:140px;width:640px;padding-left:105px;position:relative;}
#service .reserve span {font-size:16px;font-weight:300;line-height:1.3em;display:block;padding-top:39px;color:#fff;letter-spacing:-0.08em;}
#service .reserve em {display:block;position:absolute;right:22px;top:50%;margin-top:-23px;width:142px;height:46px;line-height:46px;background:#fff;color:#f89828;font-weight:300;text-align:center;font-size:16px;}
#service .link {float:left;width:365px;}
#service .link:after {content:'';display:block;clear:both;}
#service .link a {display:block;float:left;width:50%;text-align:center;padding-top:19px;position:relative;}
#service .link a:before {content:"";display:block;width:1px;height:94px;background:#d5d5d5;position:absolute;right:0;top:24px;}
#service .link a span {display:block;margin-top:10px;font-size:16px;color:#000;}
#service .cs {width:240px;float:right;margin-top:15px;}
#service .cs dl dt {font-size:14px;color:#9c9c9c;font-weight:300;}
#service .cs dl dd {font-size:36px;margin:3px 0 10px;}
#service .cs p {font-size:14px;color:#9c9c9c;letter-spacing:-0.05em;line-height:1.3em;}


#info {background:#e7e4de;padding:55px 0 77px;}
#info .inner {width:870px;margin:0 auto;}
#info .tit {text-align:center;margin-bottom:40px;}
#info .tit h3 {font-size:36px;font-weight:500;color:#ff6000;letter-spacing:-0.075em;}
#info .tit p {font-size:16px;font-weight:300;color:#717171;margin-top:13px;}
#info .form {background:#fff;border-radius:5px;position:relative;overflow:hidden;}
#info .form input[type=text] {height:60px;display:block;width:100%;border:none;text-indent:23px;font-size:16px;letter-spacing:-0.075em;border-radius:5px;}
#info .form button {border:none;background:url(../images/btn-search.png) no-repeat;position:absolute;right:15px;top:0;text-indent:-9999px;width:60px;height:60px;}

#main {width:1280px;margin:0 auto;padding:145px 0 90px;}
#main .one:after {content:'';display:block;clear:both;}
#main .one .ban {float:left;width:523px;}
#main .one .link {width:720px;float:right;font-size:0;}
#main .one .link .area a:nth-child(1),
#main .one .link .area a:nth-child(2),
#main .one .link .area a:nth-child(3),
#main .one .link .area a:nth-child(4) {height:157px;padding-top:0;}
#main .one .link .area a {display:inline-block;vertical-align:top;box-sizing:border-box;width:25%;height:183px;border-bottom:1px solid #d0d0d0;text-align:center;padding-top:25px;}
#main .one .link .area a span {display:block;font-size:16px;color:#717171;margin-top:20px;}

#main .one .bx-controls {margin-top:30px;text-align:center;font-size:0;}
#main .one .bx-controls * {display:inline-block;vertical-align:middle;}
#main .one .bx-controls .bx-pager-item {margin-right:10px;}
#main .one .bx-controls .bx-pager-item a {width:16px;height:16px;border:2px solid #959595;border-radius:50%;}
#main .one .bx-controls .bx-pager-item .active {background:#f89828;border-color:#f89828;}

#main .one .bx-controls-auto-item .bx-start:before,
#main .one .bx-controls-auto-item .bx-stop:before {font-size:20px;color:#959595;font-family:axicon;}
#main .one .bx-controls-auto-item .bx-start:before {content:"\e748";}
#main .one .bx-controls-auto-item .bx-stop:before {content:"\e745";}

#main .two {margin-top:70px;display:block;height:420px;background:url(../images/main-two-bg_Doc.jpg) no-repeat 50% 0;text-align:center;}
#main .two span {display:block;color:#fff;font-size:36px;line-height:1em;color:#fff;font-weight:300;letter-spacing:-0.05em;padding:140px 0  19px;}

#main .thr {margin-top:85px;}
#main .thr:after {content:'';display:block;clear:both;}
#main .thr .board {width:600px;float:left;}
#main .thr .board h3 {font-size:40px;font-weight:300;color:#515050;line-height:1.1em;margin-bottom:36px;letter-spacing:-0.05em;}
#main .thr .board .tab:after {content:'';display:block;clear:both;}
#main .thr .board .tab a {float:left;display:block;padding:0 29px;height:43px;line-height:41px;border:1px solid #d5d5d5;font-size:14px;font-weight:300;color:#6d6d6d;}
#main .thr .board .tab a ~ a {margin-left:-1px;}
#main .thr .board .tab .active {color:#000;border-bottom:none;}
#main .thr .board .tab .active:after {content:"\f0da";font-family:axicon;display:inline-block;margin-left:5px;position:relative;bottom:-2px;}
#main .thr .board .con {padding-top:15px;position:relative;display:none;}
#main .thr .board .con.active {display:block;}
#main .thr .board .con .link {display:block;border-bottom:1px solid #ececec;padding:14px 100px 14px 0;position:relative;}
#main .thr .board .con .link strong {font-weight:300;color:#515050;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;letter-spacing:-0.05em;}
#main .thr .board .con .link span {position:absolute;right:0;top:50%;margin-top:-0.5em;line-height:1em;font-size:14px;color:#929292;}
#main .thr .board .con .more {position:absolute;right:0;bottom:100%;height:30px;line-height:28px;font-size:14px;color:#888;padding:0 13px;border:1px solid #d5d5d5;}

#main .thr .ban {float:right;width:640px;overflow:hidden;}
#main .thr .ban a {float:left;}
#main .thr .ban a ~ a {margin-left:2px;}

#footer {background:#31354e;position:relative;z-index:100;}
#footer .inner {width:1280px;margin:0 auto;position:relative;}
#footer .one {background:#22263b;}
#footer .one .fnb {font-size:0;}
#footer .one .fnb li {display:inline-block;vertical-align:top;margin-right:14px;}
#footer .one .fnb li a {display:block;height:61px;line-height:61px;color:#b5b7c5;font-weight:300;letter-spacing:-0.05em;font-size:16px;}
#footer .one .flt {position:absolute;right:0;top:0;font-size:0;}
#footer .one .flt > li {display:inline-block;vertical-align:top;width:100px;margin-left:35px;position:relative;}
#footer .one .flt > li > span {display:block;height:61px;line-height:61px;color:#b5b7c5;font-size:16px;font-weight:300;position:relative;cursor:pointer;}
#footer .one .flt > li > span:before {content:"\f0d8";display:block;position:absolute;right:0;top:50%;margin-top:-0.5em;line-height:1em;font-family:axicon;}
#footer .one .flt > li > ul {display:none;position:absolute;left:0;bottom:100%;min-width:100%;border:1px solid #22263b;background:#fff;margin-bottom:-2px;white-space:nowrap;}
#footer .one .flt > li > ul > li {border-bottom:1px solid #22263b;}
#footer .one .flt > li > ul > li > a {display:block;padding:5px 10px;font-size:14px;}
#footer .one .flt > li:hover > span {color:#fff;}
#footer .one .flt > li:hover > span:before {content:"\f0d7";}
#footer .one .flt > li:hover > ul {display:block;}
#footer .two .menu {font-size:0;}
#footer .two .menu li {display:inline-block;margin-right:25px;}
#footer .two .menu li a {display:block;height:59px;line-height:59px;font-size:16px;font-weight:500;color:#b5b7c5;letter-spacing:-0.05em;}
#footer .two .menu li a ative {display:block;height:59px;line-height:59px;font-size:16px;font-weight:500;color:#ffd800;letter-spacing:-0.05em;}
#footer .two .sns {position:absolute;right:0;top:50%;margin-top:-12.5px;white-space:nowrap;}
#footer .two .sns li {display:inline-block;vertical-align:top;margin-left:20px;}
#footer .thr {border-top:1px solid #22263b;padding:25px 0;}
#footer .thr address span {font-size:14px;color:#b5b7c5;margin-right:20px;display:inline-block;}
#footer .thr .copy {font-size:14px;color:#b5b7c5;margin-top:12px;}
#footer .thr .cert {position:absolute;right:0;top:50%;white-space:nowrap;}
#footer .thr .cert img,
#footer .thr .cert span {display:inline-block;vertical-align:middle;}
#footer .thr .cert span {font-size:14px;color:#b5b7c5;margin-left:5px;}