#skip a {position:absolute;top:-9999px;z-index:9999;display:block;width:100%;background:#333;font-size:16px;font-family: sh;font-weight:bold;color:#fff;text-align:center;}
#skip a:hover,#skip a:focus {top:0;padding:15px 0;}




.__in {width: 1200px;margin: 0 auto;}
#wrap {min-width: 1200px;position: relative;overflow: hidden;}


#header {background: #fff;}
#header .hd-in {height: 100px;position: relative;}
#header .hd-in .logo {position: absolute;top: 14px;left: 0;}
#header .hd-in .logo2 {position: absolute;top: 30px;left: 198px;}
#header .hd-in nav {position: absolute;top: 0;right: 0;}
#header .hd-in nav .bg {display: none;position: fixed;top: 100px;left: 0;z-index: 69;width: 100%;height: 50px;background: rgba(0,0,0,0.8);}
#header .hd-in nav .gnb:after {display: block;clear: both;content: "";}
#header .hd-in nav .gnb > li {float: left;margin-left: 80px;position: relative;}
#header .hd-in nav .gnb > li:first-child {margin-left: 0;}
#header .hd-in nav .gnb > li > a {display: block;font-size: 18px;color: #333;line-height: 100px;height: 100px;}
#header .hd-in nav .gnb > li > ul {display: none;position: absolute;top: 100px;z-index: 70;width: 1000px;}
#header .hd-in nav .gnb > li:nth-child(4) > ul {left: -40px;}
#header .hd-in nav .gnb > li:nth-child(5) > ul {left: -95px;}
#header .hd-in nav .gnb > li > ul > li {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;margin-right: 50px;}
#header .hd-in nav .gnb > li > ul > li a {display: block;height: 50px;line-height: 50px;font-size: 15px;color: #fff;}
#header .hd-in nav .gnb > li > ul > li:hover a,
#header .hd-in nav .gnb > li > ul > li.active a {text-decoration: underline;}
#header .hd-in nav:hover .bg {display: block;}
#header .hd-in nav .gnb > li:hover > ul {display: block;}



#footer .fnb {background: #f8f8f8;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}
#footer .fnb ul {position: relative;}
#footer .fnb ul:after {display: block;clear: both;content: "";}
#footer .fnb ul li {float: left;}
#footer .fnb ul li:before,
#footer .fnb ul li a {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
#footer .fnb ul li:before {content: "";width: 1px;height: 12px;background: #ccc;margin: 0 18px;}
#footer .fnb ul li:first-child:before {display: none;}
#footer .fnb ul li a {height: 40px;line-height: 40px;font-size: 14px;color: #666;}
#footer .fnb .gotop {position: absolute;top: 0;right: 0;}
#footer .fnb .gotop:before {display: none;}
#footer .fnb .gotop a {display: block;background: #444;width: 60px;text-align: center;height: 40px;line-height: 40px;font-size: 15px;color: #fff;}
#footer .ft-in {position: relative;padding: 33px 0;min-height: 49px;}
#footer .ft-in h2 {position: absolute;top: 41px;left: 0;}
#footer .ft-in address {display: block;margin-left: 163px;}
#footer .ft-in address b {display: block;font-size: 15px;color: #666;line-height: 26px;font-family: sh;font-weight: normal;}
#footer .ft-in address span {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;font-size: 15px;color: #666;line-height: 26px;}
#footer .ft-in address .copy {display: block;padding-top: 10px;font-size: 15px;color: #999;line-height: 20px;}



#main .__tit {display: block;padding: 45px 0 25px;text-align: center;}
#main .__tit h3 {display: block;font-size: 34px;color: #333;font-family: sh;font-weight: bold;line-height: 38px;}
#main .__tit p {display: block;padding-top: 5px;font-size: 16px;color: #666;line-height: 22px;}
#main .__button:after {display: block;clear: both;content: "";}
#main .__button li {float: left;height: 355px;margin-left: 15px;text-align: center;}
#main .__button li:first-child {margin-left: 0;}
#main .__button li .img {display: block;margin-bottom: 15px;height: 211px;overflow: hidden;background: #000;}
#main .__button li .img img {display: block;}
#main .__button li .img:hover img {opacity: 0.5;}
#main .__button li .sbj {display: block;font-size: 20px;color: #333;font-family: sh;font-weight: normal;line-height: 25px;}
#main .__button li .txt {display: block;padding-top: 5px;font-size: 15px;color: #666;font-family: sh;font-weight: normal;line-height: 20px;}
#main .__button li .more {display: block;margin: 23px auto 0;width: 118px;height: 33px;line-height: 33px;border: 1px solid #999;font-size: 15px;color: #fff;font-family: sh;font-weight: 200;border-radius: 5px;}
#main .__button li .more:hover {background: #f58020;color: #fff;border: 1px solid #f58020;}
#main .visual {position: relative;}
#main .visual .slogan {position: absolute;top: 268px;left: 50%;z-index: 60;margin-left: -257px;}
#main .visual .pager {position: absolute;bottom: 0;left: 0;z-index: 60;width: 100%;text-align: center;font-size: 0;background: #0b223c;}
#main .visual .pager a {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;width: 400px;height: 55px;line-height: 55px;font-size: 18px;color: #fff;}
#main .visual .pager a:hover {background: rgba(245, 128, 32, 0.88);color: #fff;}
#main .visual .pager a.active {background: #f58020;color: #fff;}
#main .notice-bar {background: #004089;height: 45px;overflow: hidden;}
#main .notice-bar .__in {position: relative;padding-left: 135px;width: 1065px;}
#main .notice-bar .__in dt {position: absolute;top: 0;left: 0;padding-right: 22px;font-size: 16px;color: #fff;line-height: 45px;height: 45px;padding-left: 27px;background: url(../image/icon-notice.gif) no-repeat 0 50%;}
#main .notice-bar .__in dt:after {display: block;content: "";width: 1px;height: 12px;background: #fff;position: absolute;top: 50%;right: 0;margin-top: -6px;}
#main .notice-bar .__in dd ul li:after {display: block;clear: both;content: "";}
#main .notice-bar .__in dd ul li a {float: left;height: 45px;line-height: 45px;font-size: 15px;color: #fff;max-width: 850px;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#main .notice-bar .__in dd ul li a:hover {text-decoration: underline;}
#main .notice-bar .__in dd ul li span {float: right;height: 45px;line-height: 45px;font-size: 15px;color: #fff;margin-right: 50px;}
#main .notice-bar .bx-controls-direction {position: absolute;top: 11px;right: 0;z-index: 60;}
#main .notice-bar .bx-controls-direction a {display: block;width: 10px;height: 6px;overflow: hidden;background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;text-indent: -999px;}
#main .notice-bar .bx-prev {background-image: url(../image/notice-prev.gif);margin-bottom: 9px;}
#main .notice-bar .bx-next {background-image: url(../image/notice-next.gif);}
#main .operation {padding-bottom: 50px;background: url(../image/operation-bg.jpg) no-repeat 50% 100%;background-size: cover;}
#main .operation li {position: relative;}
#main .operation li .img {background: #f58020;}
#main .operation li .more {display: none;}
#main .operation li:hover .img {height: 355px;margin-bottom: 0;}
#main .operation li:hover .img img {opacity: 0.05;}
#main .operation li:hover .sbj,
#main .operation li:hover .txt,
#main .operation li:hover .more {position: absolute;z-index: 10;text-align: center;}
#main .operation li:hover .sbj {width: 100%;color: #fff;top: 115px;}
#main .operation li:hover .txt {width: 100%;color: #fff;top: 152px;}
#main .operation li:hover .more {display: block;border: 1px solid #fff;background: none;top: 200px;margin-top: 0;left: 135px;}
#main .company {padding-bottom: 50px;background: url(../image/company-bg.jpg) no-repeat 50% 100%;background-size: cover;}
#main .company .__tit h3,
#main .company .__tit p,
#main .company .__button li .sbj,
#main .company .__button li .txt,
#main .company .__button li .more {color: #fff;}
#main .company .__button li .img img {transition: all 0.3s;}
#main .infomation {background: #153e6e;padding: 28px 0;}
#main .infomation .__in:after {display: block;clear: both;content: "";}
#main .infomation dl {float: left;width: 400px;box-sizing: border-box;position: relative;min-height: 100px;background-repeat: no-repeat;}
#main .infomation dl dt {display: block;font-size: 18px;color: #fff;font-family:sh;font-weight: bold;}
#main .infomation dl dt:after {display: block;clear: both;content: "";width: 1px;height: 60px;background: #5c789a;position: absolute;top: 50%;left: 0;margin-top: -30px;}
#main .infomation dl:first-child dt:after {display: none;}
#main .infomation dl dd {display: block;padding-top: 10px;font-size: 15px;color: #fff;line-height: 26px;}
#main .infomation dl.add {padding-left: 124px;background-image: url(../image/icon-add.gif);background-position: 58px 50%;}
#main .infomation dl.tel {padding-left: 146px;background-image: url(../image/icon-tel.gif);background-position: 83px 50%;}
#main .infomation dl.email {padding-left: 148px;background-image: url(../image/icon-email.gif);background-position: 82px 50%;}
#main .infomation dl.email dd {padding-top: 20px;}


#sub .visual {display: block;margin-bottom: 50px;background-repeat: no-repeat;background-position: 50% 0;background-size: cover;padding: 72px 0;text-align: center;}
#sub .visual.vis1 {background-image: url(../image/sub01.jpg);}
#sub .visual.vis2 {background-image: url(../image/sub01.jpg);}
#sub .visual.vis3 {background-image: url(../image/sub01.jpg);}
#sub .visual.vis4 {background-image: url(../image/sub01.jpg);}
#sub .visual.vis5 {background-image: url(../image/sub01.jpg);}
#sub .visual h3 {display: block;margin-bottom: 10px;font-size: 40px;color: #fff;font-family: sh;font-weight: normal;line-height: 44px;}
#sub .visual .navi {text-align: center;}
#sub .visual .navi:before {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;content: "홈";padding-left: 20px;background: url(../image/navi-home.png) no-repeat 0 50%;font-size: 16px;color: #fff;font-family: sh;font-weight: 200;}
#sub .visual .navi li {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;padding-left: 30px;background: url(../image/navi-arrow.png) no-repeat 10px 50%;font-size: 16px;color: #fff;font-family: sh;font-weight: 200;}
#sub .snb {text-align: center;font-size: 0;}
#sub .snb li {display: inline-block;zoom: 1;*display: inline;vertical-align: top;margin-left: -1px;border: 1px solid #ddd;background: #f9f9f9;position: relative;z-index: 1;}
#sub .snb li a {display: block;font-size: 16px;color: #666;height: 43px;line-height: 43px;}
#sub .snb li.active {z-index: 2;border-color: #153e6e;background: #153e6e;}
#sub .snb li.active a {color: #fff;}
#sub .snb1 li {width: 240px;}
#sub .snb2 li {width: 600px;}
#sub .snb3 li {width: 1200px;}
#sub .snb4 li {width: 400px;}
#sub .snb5 li {width: 600px;}
#sub .__tit {display: block;margin-bottom: 20px;}
#sub .__tit h4 {padding-left: 26px;background: url(../image/tit-dot.gif) no-repeat 0 7px;font-size: 26px;color: #333;}
#sub .__tit h5 {padding-left: 26px;background: url(../image/tit-box.png) no-repeat 0 7px;font-size: 24px;color: #333;}


#content {padding: 55px 0;font-size: 14px;color: #333;}

#sub.sub13 .__table table th,
#sub.sub13 .__table table td {padding: 5px 18px;height: 35px;}
#sub.sub22 .bg {margin-top: 80px;margin-bottom: 70px;}
#sub.sub22 .bg .__tit {margin-bottom: -80px;position: relative;z-index: 10;}
#sub .partner {position: relative;z-index: 10;padding: 50px 0 70px;}
#sub .partner:after {display: block;content: "";position: absolute;top: 0;left: 50%;z-index: -1;width: 2000px;margin-left: -1000px;height: 100%;background: url(../image/partner-bg.jpg) no-repeat 50% 100%;background-size: cover;}
#sub .partner ul {margin-top: 55px;font-size: 0;}
#sub .partner ul li {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;width: 298px;background: #fff;border: 1px solid #ddd;margin-left: -1px;margin-bottom: -1px;}
#sub .partner ul li a {display: block;position: relative;padding: 25px;text-align: center;}
#sub .partner ul li a span {display: block;height: 130px;line-height: 130px;overflow: hidden;}
#sub .partner ul li a span img {max-width: 100%;max-height: 100%;}
#sub .partner ul li a b {display: block;font-size: 16px;color: #666;font-family: sh;font-weight: normal;letter-spacing: -0.02em;line-height: 20px;}
#sub .address {margin-top: 30px;font-size: 0;}
#sub .address dl {display: inline-block;zoom: 1;*display: inline;vertical-align: top;width: 30%;font-size: 12px;}
#sub .address dl:last-child {width: 40%;text-align: right;}
#sub .address dl dt,
#sub .address dl dd {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
#sub .address dl dt img {display: block;margin-right: 18px;}
#sub .address dl dd {font-size: 18px;color: #333;line-height: 24px;}
#sub .address dl dd span {font-size: 16px;color: #666;line-height: 20px;}
#sub .address dl dd ul {font-family:empty;font-size: 0;min-width: 518px;}
#sub .address dl dd ul li {margin-left: 10px;margin-bottom: 10px;display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
#sub .address dl dd ul li a {display: block;width: 198px;border: 1px solid #ddd;background: #f9f9f9;height: 48px;line-height: 48px;text-indent: 25px;font-size: 18px;color: #333;letter-spacing: -0.02em;text-align: left;padding-right: 49px;background: url(../image/icon-dl.gif) no-repeat 100% 50%;background-size: contain;}
#sub.sub52 .address {text-align: center;}
#sub.sub52 .address .__tit h4 {text-align: left;}
#sub.sub52 .address dl {text-align: left;}
#sub.sub51 .address dl {width: 30%;margin-bottom: 20px;}
#sub.sub51 .address dl:first-child {width: 40%;}
#sub.sub51 .address dl:last-child {width: 25%;text-align: left;}
#sub.sub51 .address dl dt {font-size: 16px;}
#sub.sub51 .address dl dt img {margin-right: 10px;}
#sub.sub51 .address dl dd {font-size: 14px;}
#sub.sub51 .address dl dd span {font-size: 13px;}
#sub .ceo {position: relative;}
#sub .ceo .image {position: absolute;top: 66px;left: 0;z-index: 1;width: 410px;height: 465px;overflow: hidden;}



.__imgb {display: block;position: relative;left: 50%;}

.__table table {width: 100%;table-layout: fixed;}
.__table table th,
.__table table td {border: 1px solid #ddd;height: 40px;padding: 40px;}
.__table table thead th {height: 43px;padding: 0;background: #004089;font-size: 16px;color: #fff;font-family: sh;font-weight: normal;letter-spacing: -0.02em;}
.__table table tbody th {padding: 40px 20px;font-size: 16px;color: #666;font-family: sh;font-weight: normal;letter-spacing: -0.02em;}
.__table table tbody th.bg1 {background: #f4f8fd;color: #333;}
.__table table tbody th.bg2 {background: #f9f9f9;color: #333;}
.__table table tbody td {font-size: 16px;color: #666;letter-spacing: -0.02em;}

ul.__dot li {display: block;margin-top: 18px;padding-left: 16px;position: relative;font-size: 16px;color: #666;letter-spacing: -0.02em;line-height: 22px;}
ul.__dot li:first-child {margin-top: 0;}
ul.__dot li:after {display: block;content: "";width: 7px;height: 7px;border-radius: 50%;background: #f58020;position: absolute;top: 7px;left: 0;}

.__txtbox {background: #f1f1f1;border: 1px solid #ddd;border-top: 2px solid #153e6e;padding: 40px 0;text-align: center;}
.__txtbox dt,
.__txtbox dd {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
.__txtbox dt {margin-right: 25px;font-size: 24px;color: #153e6e;font-family: sh;font-weight: bold;line-height: 28px;}
.__txtbox dd {font-size: 16px;color: #666;line-height: 22px;}

.__number {padding: 28px 0;border-top: 1px dashed #ddd;}
.__number.first {border-top: 0;}
.__number dt {font-size: 20px;color: #153e6e;font-family: sh;font-weight: normal;}
.__number dd {display: block;}
.__number dd ul li {position: relative;margin-top: 15px;padding-left: 32px;}
.__number dd ul li em {position: absolute;top: 4px;left: 0;width: 20px;height: 20px;line-height: 20px;text-align: center;background: #153e6e;font-size: 12px;color: #fff;border-radius: 50%;}
.__number dd ul li b {font-size: 18px;color: #333;font-family: sh;font-weight: normal;}
.__number dd ul li p {padding-top: 5px;font-size: 16px;color: #666;line-height: 24px;}