@import url("./style_sub.css");
br {visible:hidden;}
#location{border-bottom: 1px solid #e6e6e6;}
.location{display: table;}
.location > li{display: table-cell;vertical-align: middle;padding: 0 20px;border-right: 1px solid #e6e6e6;}
.location > li.home, .location > li.home a{padding: 0;}
.location > li.home span{display: none;}
.location > li > a{font-weight: 700;padding-right: 100px;}
.location > li:last-child > a{color: #00aeef;}
.location-2 > a{background: url(../images/sub/l2_btn.gif) no-repeat 96% center;}
#sub-banner{height: 155px;padding-top: 120px;}
#sub-banner h2{text-align: center;font-size: 40px;color: #fff;font-weight: 400;font-weight: normal;}
#sub-banner.bg1{background: url(../images/sub/sub_banner1.jpg) no-repeat center top;}
#sub-banner.bg2{background: url(../images/sub/sub_banner2.jpg) no-repeat center top;}
#sub-banner.bg3{background: url(../images/sub/sub_banner3.jpg) no-repeat center top;}
#sub-banner.bg4{background: url(../images/sub/sub_banner4.jpg) no-repeat center top;}
#sub-banner.bg5{background: url(../images/sub/sub_banner5.jpg) no-repeat center top;}
#sub-banner.bg6{background: url(../images/sub/sub_banner6.jpg) no-repeat center top;}

/* 20200422 조직도 추가*/
.info4-group-organization-box { height: 160px; margin: 0 auto; margin-top: 30px; font-size: 20px;}
.organization-box-top {width: 50%; position:relative;}
.float-left {float: left; position: relative;}
.float-right {float: right; position: relative;}
.organization-box-top .float-left:nth-child(1){ margin-top: 20px;}
.organization-box-top .float-left:nth-child(2){ position:absolute; left: 50%; transform: translateX(-50%);}
.organization-box-top .float-right:nth-child(3){ margin-top: 20px;}
.organization-box-top .float-left:nth-child(1)::before {content: " "; width: 430%; height: 1px; background: #1084d4; position: absolute; left: 16%; top: 62px;}
.organization-box-top .float-left:nth-child(2)::before {content: " "; width: 1px; height: 120px; background: #ddd; position: absolute; left: 51%; top: 80px;}
.organization-box-circle {border: 1px solid #1084d4; border-radius:100%;width: 120px; height: 120px; position: relative;}
.organization-box-top div .blue {border: 1px solid #1084d4; background: #fff; box-sizing: border-box;}
.organization-box-top div .blue:hover {border: 5px solid #1084d4;}
.organization-box-top div .blue:hover a { line-height:111px;}
.organization-box-top div .blue a {color: #1084d4; line-height: 120px; font-size: 20px;}
.background-blue{/*background:#1084d4;*/ width: 160px; height: 160px; background: linear-gradient( 45deg, #206eb4, #32bcf7); border: 0px; box-sizing: border-box;}
.background-blue a {color: #fff; line-height: 160px; font-size: 24px;}
.background-blue:hover {background: #1084d4; border: 10px solid #32bcf7;}
.background-blue:hover a {line-height: 144px;}


.organization-box-m {width: 48%; margin-top: 70px; position: relative;}
.organization-box-m::before {content: " "; width: 77.5%; height: 1px; background: #ddd; position: absolute; left: 50%; top: -30px; transform: translateX(-50%);}
.organization-box-m .float-left::before {content: " "; width: 1px; height: 210px; background: #ddd; position: absolute; left:70px; top: -30px;}
.organization-box-m .float-right::before {content: " "; width: 1px; height: 255px; background: #ddd; position: absolute; left:70px; top: -30px;}
.organization-box-m div div {width: 140px; height: 140px; background: #fff; box-sizing: border-box;}
.organization-box-m div .green {border: 1px solid #3d9b40;}
.organization-box-m div .red {border: 1px solid #da2f59;}
.organization-box-m div .green:hover{border: 5px solid #3d9b40;}
.organization-box-m div .red:hover{border: 5px solid #da2f59;}


.organization-box-m div div a {line-height: 140px; font-size: 20px;}
.organization-box-m div .green a {color: #3d9b40;}
.organization-box-m div div:hover a { line-height:131px;}
.organization-box-m div .red a {color: #da2f59;}
.organization-box-bottom {width: 71%; height: 95px; margin-top: 45px; margin-left: 209px;}
.org-left-w { height: 100%; float: left; position:relative; cursor:pointer;}
.organization-box-bottom-L .float-left, .organization-box-bottom-L .float-right {width: 50%;}


.organization-box-bottom-L {width: 42%;}
.organization-box-bottom-L::before {content: " "; width: 50%; height: 1px; background: #ddd; position: absolute; left: 50%; top: -25px; transform: translateX(-50%);}
.organization-box-bottom-R {width: 52%; float: right;}
.organization-box-bottom-R::before {content: " "; width: 66.5%; height: 1px; background: #ddd; position: absolute; left: 50%; top: -25px; transform: translateX(-50%);}
.organization-box-bottom-R .float-left,.organization-box-bottom-R .float-right {width:33.3%; }



.organization-box-bottom-R div:hover p a { border-bottom: 3px solid #eb8e4e; color:#eb8e4e;}
.organization-box-bottom-L div:hover p a {border-bottom: 3px solid #3e958f; color:#3e958f;}

.team-circle-out{width:25px; height:25px; border: 1px solid #3e958f; border-radius:100%; margin: 0 auto; margin-bottom: 5px; background: #fff; position: relative;}
.team-circle-in {width:15px; height:15px; background:#3e958f; border-radius:100%; margin: 0 auto; margin-top:5px;}
.orange-border {border: 1px solid #eb8e4e; background: #fff; position: relative;}
.orange-background {background: #eb8e4e;}

.org-left-w .float-left:nth-child(1) .team-circle-out::before {content: " "; width: 1px; height: 24px; background: #ddd; position: absolute; left:12px; top: -25px;}
.org-left-w .float-right .team-circle-out::before {content: " "; width: 1px; height: 24px; background: #ddd; position: absolute; left:12px; top: -25px;}
.organization-box-bottom-R .float-right .team-circle-out::before {left:11px;}
.organization-box-bottom-R .float-left:nth-child(1) .team-circle-out::before{left:12px;}

/*20200410 추가*/
.sub-ulout-box-circle { left: 0px; position: absolute; width: 100%; overflow: hidden;}
.sub-ul-box-rect{margin: 0 auto; width: 495px; color: #fff;}
.sub-ul-box-rect li h4 {text-align: center;}
.sub-ul-box-rect li h4 strong {font-size: 28px; /*border-bottom: 1px solid #fff;*/}
.sub-ul-box-rect li p {padding-top:9px;}
.sub-ul-box-circle {width: 990px; margin: 0 auto;}
.sub-box-circle {border: 5px solid #fff;width: 180px; height: 180px; border-radius:100%; float: left;color: #fff; margin-left: 90px; box-sizing: border-box;}
.sub-box-circle:nth-child(1){margin-left: 0px;}
.sub-box-circle p {text-align:center; line-height: 176px; font-size: 20px;}
#sub-ulout-box-divtext {top:102px;}
#sub-ulout-box-div-circle {top:236px;}

.location-2{position: relative;}
.this-location{display: none;position: absolute;z-index: 20;top: 65px;left: -1px;width: calc(100% - 20px);padding: 20px 10px;background: #fff;border: 1px solid #e6e6e6;}
.this-location a{font-weight: 600;}
.sub-title{font-size: 40px;font-weight: 800;padding: 97px 0 77px;text-align: center;}
.sub-title span{font-weight: 400;}
.sub-title p{margin-top: 20px;font-size: 20px;font-weight: 600;}
.sub-title p i{color: #00aeef;font-weight: 600;}
.sub-top-bg{width: 100%;overflow: hidden;position: relative;}
.sub-top-bg > img{position: relative;left: calc(50% - 960px);}
.sub-top-bg.top-bg1300 > img {left: calc(50% - 650px);}
.sub-container-2{padding-top: 10px; padding-bottom: 20px;overflow: hidden; background: #f9f9f9;}
.sub-container{padding: 0 0 30px;overflow: hidden;}
.sub-container:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}

.sub6-a{margin-top: 80px;}
.sub6-title-box{background: url(../images/sub/sub6_1_bg.png) no-repeat left bottom;padding-bottom: 450px;float: left;margin-top: 0px;}
.sub6-title{font-size: 40px;font-weight: 400;}
.sub6-title strong{font-weight: 800;}
.sub6-title strong span{color: #00aeef;}
.sub-welcome{width: 850px;float: right;}
.sub-welcome p{font-weight: 600;margin-bottom: 30px;color: #474747;}
.sub-welcome .ceo{margin-top: 75px;}
.sub-container > .sub6-2-box:nth-child(2n){background: #f9f9f9;}
.sub-container > .sub6-2-box:nth-child(1){padding-top: 0;}
.sub6-2-box > div{display: table;width: 100%;padding: 80px 0;max-width: 1300px;}
.sub6-2-box > div > div{display: table-cell;width: 50%;vertical-align: middle;}
.sub6-2-box > div > div.img{width: 610px; overflow: hidden;}
.sub6-2-box > div > div.txt{padding-left: 82px;width: calc(100% - 692px);}
.sub6-2-box > div > div dt{font-size: 28px;font-weight: 800;background: url(../images/sub/sub6_2_icon.png) no-repeat left top;padding-left: 30px;line-height: 20px;margin-bottom: 20px;}
.sub6-2-box > div > div dd{padding: 10px 0;border-bottom: 1px solid #e6e6e6;background: url(../images/sub/blue_icon.png) no-repeat left 21px;padding-left: 12px;font-weight: 700;}
.sub6-2-box > div > div dd strong{display: inline-block;width: 80px;color: #00aeef;font-weight: 800;}
.h3-title{font-size: 28px;font-weight: 800;background: url(../images/sub/sub6_2_icon.png) no-repeat left top;padding-left: 30px;line-height: 20px;min-height: 27px;  position: relative;}
.mg-top80{margin-top: 80px;}
.the-logo{display: table;width: 100%;margin-top: 38px;}
.the-logo .bg1{background: url(../images/sub/sub6_3_bg1.gif) no-repeat 100% 100%;height: 320px;}
.the-logo .bg2{background: url(../images/sub/sub6_3_bg2.gif) no-repeat 100% 100%;height: 561px;}
.the-logo .bg3{background: url(../images/sub/sub6_3_bg3.gif) no-repeat 100% 100%;height: 321px;}
.the-logo .bg4{background: url(../images/sub/sub6_3_bg4.gif) no-repeat 100% 100%;height: 761px;}
.the-logo > div{display: table-cell;vertical-align: middle;text-align: center;}
.down-box{margin-top: 50px;margin-left: -20px;}
.down-box li{float: left;margin-left: 20px;width: calc(100% / 3 - 20px);}
.down-box li a{display: block;height: 80px;line-height: 80px;color: #fff;padding-left: 5%;font-weight: 700;font-size: 20px;text-align: left;}
.down-box li a.bg1{background: #00aeef url(../images/sub/flie_down.png) no-repeat 90% center;}
.down-box li a.video{background: #00aeef url(../images/sub/video_btn.png) no-repeat 90% center;}
.down-box li a.bg2{background: #1a6dc4 url(../images/sub/flie_down.png) no-repeat 90% center;}
.down-box li a.bg3{background: #2a2f37 url(../images/sub/flie_down.png) no-repeat 90% center;}
.down-box.x2{text-align: center;}
.down-box.x2 li{float: none;display: inline-block;}
.h4-title{font-size: 20px;margin-top: 30px;}
.h4-title.info{ font-size: 18px; line-height:1.6; font-weight: normal;}
.h4-title.blue{color: #00aeef;}
.h4-title span{font-size:40px; color: #00aeef; font-weight: 700;}
.color-box{margin-top: 40px;}
.color-box > li{display: table;width: 200px;height: 200px;float: left;margin-left: 20px;}
.color-box > li:first-child{margin-left: 0;}
.color-box > li span{display: table-cell;vertical-align: middle;text-align: center;color: #fff;}
.color-box > li.bg1{background: #0084ca url(../images/sub/sub6_3_color1.gif) no-repeat left top;}
.color-box > li.bg2{background: #e43258 url(../images/sub/sub6_3_color2.gif) no-repeat left top;}
.color-box > li.bg3{background: #eb880e url(../images/sub/sub6_3_color3.gif) no-repeat left top;}
.color-box > li.bg4{background: #5bbc2b url(../images/sub/sub6_3_color4.gif) no-repeat left top;}
.color-box > li.bg5{background: #7d7d7d url(../images/sub/sub6_3_color5.gif) no-repeat left top;}
.color-box > li.bg6{background: #000 url(../images/sub/sub6_3_color6.gif) no-repeat left top;}
.sub6-3-gray{padding: 77px 0 138px;background: #f3f8fa;}
.sub6-center-text{text-align: center;margin-top: 50px;font-weight: 700;}
.sub6-center-text strong{font-size: 20px;display: block;margin-bottom: 27px;}
.sub6-center-text strong span{color: #00aeef;}
.color-box > li.bg2-1{background: #6ab52a url(../images/sub/sub6_3_color7.gif) no-repeat left top;}
.color-box > li.bg2-2{background: #e55428 url(../images/sub/sub6_3_color8.gif) no-repeat left top;}
.color-box > li.bg2-3{background: #747070 url(../images/sub/sub6_3_color9.gif) no-repeat left top;}
.sub6-left-text{margin-top: 30px;font-weight: 700;}
.sub6-left-text.blue{color: #1a6dc4;}
.sub6-left-text.red{color: #e50000; margin-top: 5px;font-weight: 400;}}
.sub6-left-text i{text-decoration: underline;font-weight: 700;}
.sub6-left-text span {font-weight:normal;}
.sub6-left-text span em { color: #00aeef; font-style: normal;}
a.target-link{border: 2px solid #00aeef;padding: 11px 30px;background: #fff;border-radius: 38px;font-weight: 700;margin-top: 23px;}
.sub-search{border: 1px solid #f3f3f3;background: #f6fdff;position: relative;padding: 38px 194px;}
.sub-search select{height: 48px;font-weight: 700;background: #fff url(../images/sub/sub_select_down.png) no-repeat 99% center;border: 1px solid #0eb3f0;}
.sub-search input[type="text"]{border: 1px solid #0eb3f0;background: #fff;}
.select1-input1 select{width: 198px;}
.select1-input1 input[type="text"]{width: calc(100% - 402px);height: 36px;}
.select1-input1 button{border: 0;background: #1a6dc4;color: #fff;text-align: center;line-height: 48px;width: 180px;font-weight: 700;}
.img-click{background: #fff;margin-top: 20px;border: 1px solid #ebebeb;padding: 20px 0;text-align: center;}

dl.table{width:100%; letter-spacing: -0.05em;margin-top: 40px;}
dl.table dt{border-top: #00aeef 2px solid; border-bottom: #d9d9d9 1px solid; background-color: #f6fdff;}
dl.table dt > ul{overflow:hidden;display: table;width: 100%;}
dl.table dt > ul > li{padding:20px 20px; width:20%; display:table-cell; box-sizing:border-box; text-align:center; font-weight:bold;font-weight: 800;border-right: 1px solid #d9d9d9;}
dl.table dt > ul > li:last-child{width: auto;border-right:none;}
dl.table dd > ul{overflow:hidden; border-bottom:1px solid #d9d9d9; color:#333; position:relative; display: table; width:100%;}
dl.table dd > ul > li{padding:20px 20px; width:20%; /* float:left; */ display: table-cell; vertical-align: middle; box-sizing:border-box; text-align:center; border-right:1px solid #d9d9d9; }
dl.table dd.job > ul > li{width: 16.67% !important;}
dl.table dd.job > ul > li:last-child{width: auto !important;}
dl.table dd > ul > li:last-child{width: auto;border-right:none;text-align: left;}
dl.table.table-col-3 dd > ul > li:last-child > ul > li{position: relative;padding-left: 10px;}
dl.table.table-col-3 dd > ul > li:last-child > ul > li:before{content: "·";color: #333;display: inline-block;position: absolute;left: 0;top: -1px;}
dl.table.table-col-4 dt > ul > li, dl.table.table-col-4 dd > ul > li{width: calc(100% / 3);}
dl.table.table-col-4 dd > ul > li:last-child{text-align: center;}

.gray-box{padding: 40px 45px;background: #f9f9f9;margin-top: 43px;}
.gray-box h4{color: #1a6dc4;}
.black-icon{margin-top: 20px;}
.black-icon > li{padding: 2px 0;position: relative;padding-left: 10px;font-weight: 600;}
.black-icon > li:before{content: "▪";display: block;position: absolute;left: 0;top: 1px;}

.table-style-2{border-top: 2px solid #00aeef;margin-top: 20px;}
.table-style-2 thead th{border-bottom: #d9d9d9 1px solid; background-color: #f6fdff;border-right: #d9d9d9 1px solid;padding: 15px;font-weight: 800;}
.table-style-2 thead th:last-child{border-right: 0;}
.table-style-2 tbody th{padding: 20px;border-bottom: #d9d9d9 1px solid;border-right: #d9d9d9 1px solid;font-weight: 800;background-color: #f6fdff;}
.table-style-2 tbody td{font-weight: 600;border-bottom: #d9d9d9 1px solid; border-right: #d9d9d9 1px solid;padding: 20px;text-align: center;}
.table-style-2 tbody td.td-left{text-align: left;}
.table-style-2 tbody td.td-left b{display: inline-block;}
.table-style-2 tbody td:last-child{border-right: 0;}
.table-style-2.no-line th, .table-style.no-line td{border-right: 0;}

.table-style{border-top: 2px solid #00aeef;margin-top: 20px;}
.table-style thead th{border-bottom: #d9d9d9 1px solid; background-color: #f6fdff;border-right: #d9d9d9 1px solid;padding: 20px;font-weight: 800;}
.table-style thead th:last-child{border-right: 0;}
.table-style tbody th{padding: 20px;border-bottom: #d9d9d9 1px solid;border-right: #d9d9d9 1px solid;font-weight: 800;background-color: #f6fdff;}
.table-style tbody td{font-weight: 600;border-bottom: #d9d9d9 1px solid; border-right: #d9d9d9 1px solid;padding: 20px;text-align: center;}
.table-style tbody td.td-left{text-align: left;}
.table-style tbody td.td-left div.box {padding: 15px; background: #f3f3f3; border: 1px solid #eee; margin-top: 8px;}
.table-style tbody td.td-left span {font-size: 15px; font-weight:normal;}
.table-style tbody td.td-left b{display: inline-block;}
.table-style tbody td:last-child{border-right: 0;}
.table-style.no-line th, .table-style.no-line td{border-right: 0;}
.table-style.sub thead th,
.table-style.sub tbody th,
.table-style.sub tbody td {padding:10px 0;}
.ul-txt > li{position: relative;padding-left: 10px;text-align: left;}
.ul-txt > li:before{content: "·";display: inline-block;position: absolute;left: 0;top: 0;}
.ul-txt > li > ul{margin-top: 3px;}
.ul-txt > li > ul > li{position: relative;padding-left: 10px;text-align: left;}
.ul-txt > li > ul > li:before{content: "-";display: inline-block;position: absolute;left: 0;top: 0;}

.table-write table {width: 100%;border-collapse: collapse;}
.table-write table tr {border-bottom: 1px solid #cccccc;}
.table-write table tr:first-child {border-top: 1px solid #000;}
.table-write table tr th{padding: 15px;text-align: left;font-weight: 800;}
.table-write table tr td {padding: 15px;}
.table-write table tr td input, .table-write table tr td textarea {background: #f5f5f5;border: 0;font-size: 14px;letter-spacing: -0.05em;padding: 12px 10px 12px;}
.table-write table tr td .emailbox { width: 250px}
.table-write table tr td .select_email { width: 250px}
.table-write table tr td textarea {width: 100%;resize: none;}
.table-write table tr td .select_info {width: 190px;padding: 12px 0; padding-left:10px; color: #999999;border: 1px solid #dbdbdb;}
.table-write table tr td .title {width: 100%;}
.table-write table tr td .select_email {margin-bottom: 8px; margin-left:5px; padding: 9px 124px 9px 12px;border: 1px solid #dbdbdb;color: #999999;}
.table-write table tr td .select_file {color: #999999;display: inline-block;margin-right: 10px;border: 1px solid #dbdbdb;padding: 12px 18px;}
.table-write table tr td p {color: #999999;}
.table-write table tr td p.file_text {display: inline;}
.table-write table tr td select{background: url(../images/sub/sub_select_down.png) no-repeat 98% center;}
.btn_gp a { display: inline-block;}
.btn_gp { text-align: center; margin-top: 50px}
.btn_gp a{width: 218px;line-height: 81px;font-size: 18px;text-align: center;font-weight: 800;}
.btn_gp .backpg {margin-right: 15px; border: 1px solid #cccccc}
.btn_gp .sb_contact {background: #1a6dc4; color: white}


.btn_link a { display: inline-block;}
.btn_link a{width: 200px;line-height: 30px;font-size: 14px;text-align: center;font-weight: 600;}
table.btn_link a {width:90px;}
.btn_link .sb_contact {background: #1a6dc4; color: white}
.btn_link .sb_contact_icon {width: 30px; height: 30px; background-repeat:no-repeat; vertical-align: top;}
.btn_link .sb_contact_icon.facebook-icon{background-image: url('/2020/images/sub/facebook_icon.png');}
.btn_link .sb_contact_icon.instar_icon{background-image: url('/2020/images/sub/insta_icon.png');}
.btn_link .sb_contact_icon.youtube-icon{background-image: url('/2020/images/sub/youtube_icon.png');}
.btn_link .sb_contact_icon.blog-icon{background-image: url('/2020/images/sub/blog_icon.png');}

.btn_link-2 a { display: inline-block;}
.btn_link-2 a{width: 250px;line-height: 30px;font-size: 14px;text-align: center;font-weight: 600;}
.btn_link-2 .sb_contact {background: #1a6dc4; color: white}

.my-map{text-align: center;padding: 0;}
.my-map > div{background: #00aeef;text-align: center;padding: 25px 0 27px;color: #fff;letter-spacing: -1px;}
.transport{margin-top: 78px;}
.transport > div{border: 1px solid #00aeef;width: calc(48% - 74px);padding: 49px 37px;height: 400px;position: relative;}
.transport > div h4{text-align: center;font-size: 28px;font-weight: 800;color: #00aeef;}
.transport1{float: left;}
.transport2{float: right;}
.addr-txt{position: absolute;top: 183px;left: 37px;width: calc(100% - 74px);letter-spacing: -1px;}
.addr-txt h5{font-size: 28px;font-weight: 400;margin-bottom: 15px;}
.addr-txt h5 strong{color: #1a6dc4;}
.addr-txt li{font-weight: 600;}
.my-map.img-click img{width: 100%;}
.sub-top-bg-txt{position: absolute;top: 280px;left: 180px; right: 180px; display: table; }
.sub-top-bg-txt li{display: table-cell;vertical-align: middle;}
.sub-top-bg-txt li:last-child{padding-left: 115px;color: #fff;}
.sub-top-bg-txt h4{padding-bottom: 9px;margin-bottom: 9px;}
.sub-top-bg-txt h4 strong{font-size: 28px;border-bottom: 1px solid #fff;}
.top-bg1300 .sub-top-bg-txt {top: 140px; left:0px; right: 0px;}
.top-bg1300 .sub-top-bg-txt li:last-child {padding-left:75px;}
.top-bg1300 .sub-top-bg-txt li p {font-size:18px;}
.top-bg1300 .top-bg-b{position: absolute; top: 110px; left: 0; right: 0; bottom: 0px; background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.5));}

.sub-top-bg-txt2 {position: absolute;top: 326px;left: 40px;display: table;}
.sub-top-bg-txt2 li{display: table-cell;vertical-align: middle;}
.sub-top-bg-txt2 li:last-child{padding-left: 115px;color: #fff;}
.sub-top-bg-txt2 h4{padding-bottom: 9px;margin-bottom: 9px;}
.sub-top-bg-txt2 h4 strong{font-size: 28px;border-bottom: 1px solid #fff;}

.sub-top-bg-txt3 {position: absolute;top: 106px;left: 40px;display: table;}
.sub-top-bg-txt3 li{display: table-cell;vertical-align: middle;}
.sub-top-bg-txt3 li:last-child{padding-left: 115px;color: #fff;}
.sub-top-bg-txt3 h4{padding-bottom: 9px;margin-bottom: 9px;}
.sub-top-bg-txt3 h4 strong{font-size: 28px;border-bottom: 1px solid #fff;}

.gray-bg{background: #f9f9f9;padding-bottom: 99px;overflow: hidden;padding-bottom: 20px;}
.video-caption{text-align: center;font-weight: 600;}
.tab-style{margin-top: 30px;display: table;width: 100%;border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;}
.tab-style li{display: table-cell;float: left;border-bottom: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;height: 78px;width: calc(100% / 4);box-sizing:border-box;text-align: center;}
.tab-style li a{display: table;width: 80%;text-align: center;padding: 0 10%;font-weight: 600;}
.tab-style li a span{display: table-cell;vertical-align: middle;height: 78px;}
.tab-style li a.on{background: url(../images/sub/sub1_1_tab_on.gif) no-repeat 100% 100%;color: #fff;background-size: 100% 100%;}
.tab-style.x2 li{width: calc(100% / 2);}
.tab-style.x3 li{width: calc(100% / 3);}
.sky-box{background: #daeaf7;padding: 30px 0;margin-top: 30px;}
.gray-box2{background: #f9f9f9;padding: 30px 0;margin-top: 30px;}

.pd-left10{padding-left: 10px;}
.sub-1-num{margin-top: 10px;}
.sub-1-num > li{float: left;background: #fff;margin: 10px 10px 10px 10px ;width: 305px;height: 280px;padding-top: 10px;padding-bottom: 30px;box-shadow: 0 0 20px #ddd;}
.sub-1-num > li p{text-align:center;}
.sub-1-num > li .num{color: #1a6dc4;font-size: 40px;font-weight: 800;font-weight:bold;}
.sub-1-num > li .img{height: 84px;margin-top: 15px;}
.sub-1-num > li .img img{vertical-align: bottom;}
.sub-1-num > li .title{margin-top: 15px;font-size: 20px;font-weight: 700;}
.sub-1-num > li .txt{font-weight: 600;margin-top: 10px;}
.sub-1-num > li .class{margin-top: 10px;font-size: 14px;font-weight: 400;}
.sub-1-num.short > li{height: 240px;}
.sub-1-num.short2 > li{height: 280px;}
.sub-1-num.min-h > li {min-height: 280px;}
.sub-1-num.x3 > li{width: calc(100% / 3 - 20px);}
.sub-1-num.x5 > li{width: calc(100% / 5 - 20px);}
.x5.min-h > li {height: 300px;}

.sub-1-num.x2 > li{width: calc(100% / 2 - 20px); height: auto; box-shadow: none;}

.sub-2-num{margin-top: 10px;}
.sub-2-num > li{float: left;background: #fff;margin: 10px 10px 10px 10px ;width: 305px;height: 280px;padding-top: 10px;padding-bottom: 50px;box-shadow: 0 0 20px #ddd;}
.sub-2-num > li p{text-align:center;}
.sub-2-num > li .num{color: #1a6dc4;font-size: 40px;font-weight: 800;font-weight:bold;}
.sub-2-num > li .img{height: 84px;margin-top: 15px;}
.sub-2-num > li .img img{vertical-align: bottom;}
.sub-2-num > li .title{margin-top: 15px;font-size: 20px;font-weight: 700;}
.sub-2-num > li .txt{font-weight: 600;margin-top: 10px;}
.sub-2-num > li .class{margin-top: 10px;font-size: 14px;font-weight: 400;}
.sub-2-num.short > li{height: 240px;}
.sub-2-num.short2 > li{height: 280px;}
.sub-2-num.x3 > li{width: calc(100% / 3 - 20px);}
.sub-2-num.x5 > li{width: calc(100% / 5 - 20px);}



.sub-3-num{margin-top: 10px;}
.sub-3-num > li{float: left;background: #fff;margin: 10px 10px 10px 10px ;width: 305px;height: 280px;padding-top: 10px;padding-bottom: 70px;box-shadow: 0 0 20px #ddd;}
.sub-3-num > li p{text-align:center;}
.sub-3-num > li .num{color: #1a6dc4;font-size: 40px;font-weight: 800;font-weight:bold;}
.sub-3-num > li .img{height: 84px;margin-top: 15px;}
.sub-3-num > li .img img{vertical-align: bottom;}
.sub-3-num > li .title{margin-top: 15px;font-size: 20px;font-weight: 700;}
.sub-3-num > li .txt{font-weight: 600;margin-top: 10px;}
.sub-3-num > li .class{margin-top: 10px;font-size: 14px;font-weight: 400;}
.sub-3-num.short > li{height: 240px;}
.sub-3-num.short2 > li{height: 280px;}
.sub-3-num.x3 > li{width: calc(100% / 3 - 20px);}
.sub-3-num.x5 > li{width: calc(100% / 5 - 20px);}


.h5-title{margin-top: 20px;font-size: 17px;font-weight: 700;}
.h5-title.blue{color: #00aeef;}
.h5-title span{font-size:16px; font-weight: normal;}
.support-box{margin-top: 5px;}
.support-box > dl{float: left;width: calc(48% - 42px);padding: 0 20px;border: 1px solid #ebebeb;margin-top: 5px;}
.support-box > dl:nth-child(2n){float: right;}
.support-box > dl dt{display: table-cell;height: 77px;vertical-align: middle;padding-right: 20px;font-weight: 700;position: relative;}
.support-box > dl dd:after{content: "";width: 1px;height: 30px;background: #3cc1f3;position: absolute;top: 24px;left: 0;}
.support-box > dl dd{display: table-cell;height: 77px;vertical-align: middle;padding-left: 20px;font-weight: 600;position: relative;}
.support-box > dl dd strong{font-weight: 700;}
.support-box.info > dl{width: 100%;}
.tab-con{display: none;}
.h6-title{margin-top: 50px;color: #e43258;font-size: 16px;position: relative;padding-left: 10px;}
.h6-title:before{content: "";width: 4px;height: 4px;background: #e43258;display: block;position: absolute;left: 0;top: 10px;}
.down-box2{margin-top: 50px;margin-left: -20px;}
.down-box2 li{float: left;margin-left: 20px;width: calc(88% / 3 - 20px);text-align: center;padding: 50px 2%;color: #fff;letter-spacing: -1px;}
.down-box2 li.bg1{background: #00aeef;}
.down-box2 li.bg2{background: #1a6dc4;}
.down-box2 li.bg3{background: #2a2f37;}
.down-box2 li strong{display: inline-block;color: #e43258;font-size: 15px;position: relative;margin-bottom: 24px;padding-left: 10px;}
.down-box2 li strong:before{content: "";width: 4px;height: 4px;background: #e43258;display: block;position: absolute;left: 0;top: 10px;}
.tab-con2{display: none;padding-top: 0px;}
.sub2-3-2-2018-floor1{display: table;width: 100%;}
.sub2-3-2-2018-floor1 > div{display: table-cell;}
.sub2-3-2-2018-floor1 .img{width: 20%;}
.sub2-3-2-2018-floor1 .txt{width: 76%;padding-left: 4%;padding-top: 64px;vertical-align: top;}
.sub2-3-2-2018-floor1 .txt a.title{color: #00aeef;font-size: 20px;margin-bottom: 20px;font-weight: 700;}
.sub2-3-2-2018-floor1 a.btn{border: 1px solid #1eb8f1;width: 233px;text-align: center;line-height: 60px;font-weight: 700;margin-top: 30px;}
.tab-style2{display: table;width: 100%;margin-top: 60px;}
.tab-style2 > li{display: table-cell;width: calc(100% / 5);border: 1px solid #e6e6e6;background: #f5f5f5;}
.tab-style2 > li a{display: block;padding: 30px 0;text-align: center;font-weight: 700;}
.tab-style2 > li.on{border: 1px solid #1a6dc4;border-bottom: 1px solid #fff;}
.tab-style2 > li.on a{color: #1a6dc4;background: #fff;}
.tab-style2.x2 > li{width: calc(100% / 2);}
.tab-style2.x3 > li{width: calc(100% / 3);}
.main-map{margin-top: 40px;}
.main-map .map{position: relative;float: left;}
.main-map .map a{font-size: 18px;color: #009de7;position: absolute;font-weight: 700;}
.main-map .map a.on{padding: 1px 2px;color: #fff;background: #009de7;border-radius: 5px;}
.main-map .map a.map1{top: 135px;left: 154px;}
.main-map .map a.map2{top: 293px;left: 108px;}
.main-map .map a.map3{bottom: 14px;right: 60px;}
.main-map .map a.map4{bottom: 114px;left: 95px;}
.main-map .map a.map5{bottom: 168px;right: 186px;}
.main-map .map a.map6{top: 314px;right: 120px;}
.main-map .map a.map7{top: 255px;left: 220px;}
.main-map .map a.map8{top: 84px;left: 171px;}
.main-map .map a.map9{top: 121px;right: 171px;}
.main-map .map a.map10{bottom: 228px;left: 140px;}
.map-about{float: right;width: 666px;overflow-y: auto;height: 750px;}
.map-about li{float: left;margin: 8px;background: #fff;width: 138px; height: 90px; padding:20px 30px 20px 30px;text-align: center;}
.map-about li .num{margin-top: 0px;font-size: 20px;font-weight: 800;}
.map-about li .num strong{font-size: 40px;color: #00aeef;}
.map-about li .txt{font-weight: 700;}

.map-about::-webkit-scrollbar {width : 10px;height: 1px;}
.map-about::-webkit-scrollbar-thumb {border-radius: 10px;background-color: skyblue;background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);}
.map-about::-webkit-scrollbar-track {box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);background: #ededed;border-radius: 10px;}
.sub2-401-box{margin-top: 40px;}
.sub2-401-box li{background: #fff;padding: 100px 0 48px;text-align: center;height: 169px;}
.sub2-401-box li.poster {padding: 40px 0 48px; height: 230px;}
.sub2-401-box .left{float: left;width: 49%;}
.sub2-401-box .right{float: right;width: 49%;padding-top: 118px;height: 151px;}
.sub2-401-box p{margin-top: 40px;font-size: 15px;}
.sub2-4-tab2{margin-top: 60px;}
.sub2-4-tab2 li{float: left;padding: 30px 0;border: 1px solid #1a6dc4;font-weight: 800;text-align: center;width: 48%;}
.sub2-4-tab2 li:last-child{float: right;}
.sub2-4-tab3{padding-top: 20px;}
.sub2-4-tab3 .img, .sub2-4-tab3 .txt{width: 48%;}
.sub2-4-tab3 .floor1 .img{float: left;}
.sub2-4-tab3 .img img{width: 100%;}
.sub2-4-tab3 .floor1 .txt{float: right;}
.sub2-4-tab3 .txt .title{font-size: 20px;margin: 25px 0;font-weight: 600;}
.sub2-4-tab3 li{margin-bottom: 5px;}
.sub2-4-tab3 .floor2 .img{float: right;}
.sub2-4-tab3 .floor2 .txt{float: left;}
.sub2-4-tab3 .txt-con{line-height: 26px;letter-spacing: -1px;}
.sub2-4-tab3 .img{text-align: center;}
.table-box > .left{float: left;width: 48%;}
.table-box > .right{float: right;width: 48%;}
.table-box .table-style{background: #fff;}
.td-float p{float:left;font-weight: 600;}
.td-float p.img{margin: 0 50px;}
a.sub-slide-btn{width: 160px;line-height: 50px;color: #fff;font-size: 15px;background: #1a6dc4 url(../images/sub/past_open.png) no-repeat 90% center;position: absolute;right: 0;top: -15px;padding: 0 20px;}
a.sub-slide-btn.on{background: #1a6dc4 url(../images/sub/past_close.png) no-repeat 90% center;}
.sub-slide{display: none;}
.vedio-sub{margin-top: 80px;text-align: center;}
.vedio-sub img{width: 100%;}
.imgx3, .imgx4{margin-top: 20px; margin-left: -9px;}
.imgx3 > li{margin-left: 10px;width: calc(100% / 3 - 10px);float: left;}
.imgx3 > li img, .imgx4 > li img{width: 100%;}
.imgx4 > li{margin-left: 10px;width: calc(100% / 4 - 20px);float: left;}
.h6-title.black{color: #474747;}
.table-box.x2 > div{width: calc(100% / 2 - 10px);margin-left: 10px;}
.table-box.x2{margin-left: -10px;}
.table-box.x3 > div{width: calc(100% / 3 - 10px);margin-left: 10px;}
.table-box.x3{margin-left: -10px;}
@media screen and (max-width: 1024px) {
	.table-box.x2 > div{width: calc(100% - 10px);}
	.table-box.x2{margin-left: 0;}
	.table-box.x3 > div{width: calc(100% - 10px);}
	.table-box.x3{margin-left: 0;}
}
.table-paging{margin-top: 30px;}
.table-paging th{background: #00aeef;color: #fff;padding: 20px;text-align: left;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.table-paging td{padding: 20px;text-align: left;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.search-box{margin-top: 60px;}
.view-box{padding: 0 100px;}
.iframe-box{width: 80%;margin: 0 auto !important;}
.iframe-box iframe{width: 100%;}
.table-state{margin-bottom: 20px;}

.info4-box{display: none;}
.info4-group{background: #fff;margin-top: 50px;border: 1px solid #ebebeb;padding: 65px 0;text-align: center;}
.info4-group img{max-width: 1065px;width: 100%;}

.mg-top5{margin-top: 5px;}
.mg-top20{margin-top: 20px;}
.mg-top50{margin-top: 50px;}
.mg-top60{margin-top: 60px;}
.mg-top0{margin-top: 0px;}
/* ---- sns ---- */
.grid2{margin:0 -0.938em 0; font-size:16px;}
.grid2:after{content: ''; display:block; clear:both;}
.grid2 .grid-item{padding:0 0.938em; margin-bottom:30px;width:33.33%; height:auto; float:left; border-color:hsla(0, 0%, 0%, 0.5); line-height:0;  box-sizing:border-box;}
.grid2 .grid-item > a{display:block; background:#000; box-shadow:0 5px 8px rgba(0,0,0,0.3);}
.grid2 .grid-item > a > .lap{background:#fff; -webkit-transition:0.4s all; transition:0.4s all;}
.grid2 .grid-item .gr_img{width:100%}
.grid2 .grid-item .gr_img img{width:100%}
.grid2 .grid-item .gr_txt{padding:1.875em; line-height:1; border-bottom:1px solid #eeeeee; line-height:1.625;}
.grid2 .grid-item .gr_txt .tx1{font-size:1.250em; font-weight:700; color:#3d3d3d;}
.grid2 .grid-item .gr_txt .tx2{margin-top:0.625em; font-size:1em; font-weight:300; color:#666666; letter-spacing:-0.05em;}
.grid2 .grid-item .gr_txt .tx3{margin-top:0.625em; font-size:1em; font-weight:300; color:#999999; letter-spacing:-0.05em;}
.grid2 .grid-item .gr_tag{padding:0.938em 1.875em; line-height:1;}
.grid2 .grid-item .gr_tag p{font-size:1em; font-weight:500; color:#999999;}
.grid2 .grid-item .gr_tag p.twitter{color:#55acee;}
.grid2 .grid-item .gr_tag p.instagram{color:#d73083;}
.grid2 .grid-item .gr_tag p.facebook{color:#3b5998;}
.grid2 .grid-item .gr_tag p .icon{margin-right:5px; width:1.875em; height:1.875em;}
.grid2 .grid-item .gr_tag p .icon,
.grid2 .grid-item .gr_tag p span{display:inline-block; vertical-align:middle;}
.grid2:hover .grid-item:not(:hover) .lap{opacity:0.5;}
@media screen and (max-width:1023px){
	.grid2{font-size:14px;}
 	.grid2 .grid-item{width:50%;}
}
@media screen and (max-width:640px){
	.grid2{font-size:11px;}
 	.grid2 .grid-item{width:100%;}
	.grid2 .grid-item .gr_txt{padding:1em;}
	.grid2 .grid-item .gr_txt .tx1{font-size:1.1em;}
	.grid2 .grid-item .gr_txt .tx2{font-size:0.8em;}
	.grid2 .grid-item .gr_txt .tx3{font-size:0.8em;}
	.grid2 .grid-item .gr_tag{padding: 0.938em 1em;}
	.grid2 .grid-item .gr_tag p{font-size:0.8em;}
	
}
.search_con .searchInput{height: auto;padding: 20px 30px 19px;}
.search_con{height: auto;}
.search_tab ul{width: calc(100% - 1px);}
.search_tab ul li{width: calc(100% / 5 - 1px);}
.result_area .results{width: 100%;}
.search_tab ul li:last-child{border-right: 1px solid #e2e2e2;}
.search_tab ul li:nth-child(5){border-bottom: 1px solid #e2e2e2;}
.bg-sky{background: url(../images/sub/bg_sky.jpg) no-repeat center top;background-size: 100% 100%;padding: 28px 1% 35px;}
.map-v-title{text-align: center;font-size: 40px;font-weight: 800;color: #494949;letter-spacing: -1px;}
.map-v-title select{background: #494949 url(../images/sub/m_v_select.png) no-repeat 96% center;color: #b7b7b7;line-height: 50px;width: 130px;padding: 0 20px;height: 50px;vertical-align: 10px;}
.map-v-title span{font-size: 50px;font-weight: normal;}
.map-v-title .info{font-size: 16px;; color: #3965b3}
.map-v-con{margin-top: 30px;position: relative;}
.map-v-con h3{font-size: 22px;color: #3965b3;letter-spacing: -1px;white-space: nowrap;}
/*.sub-container.gray-bg iframe{height: 100%;}*/
.map-v-con ul{width: calc(100% / 2 - 278px);}
.map-v-con ul.float-left{float: left;}
.map-v-con ul.float-right{float: right;}
.map-v-con li{float: left;/*width: calc(100% / 2 - 10px);*/margin: 4px;width: 307px;transition: all 0.3s ease;}
.map-v-con li .bor{border: 2px solid #3965b3;background: #fff;padding: 15px 10px 11px;position: relative;height: 150px;}
.map-v-con li h4{text-align: center;font-size: 17px;letter-spacing: -1px;}
.map-v-con li .bor p{font-size: 48px;color: #474747;font-weight: 800;text-align: center;margin: 15px 0;}
.map-s-name span{letter-spacing: -1px;display: inline-block;color: #5cae1d;font-size: 17px;text-align: center;font-weight: 700;position: relative;padding: 0 10px;white-space:nowrap;}
.map-s-name span:first-child{padding-left: 0;}
.map-s-name span:last-child{padding-right: 0;}
.map-s-name span:after{content: "";height: 17px;width: 2px;background: #5cae1d;position: absolute;left: 1px;top: 6px;}
.map-s-name span:first-child:after{display: none;}
.map-s-name{width: 90%;text-align: center;margin: 0 auto;}
.map-v-con li .bor a{position: absolute;width: 15px;height: 18px;z-index: 10;}
.map-v-con li .bor a.map-v-prev{top: calc(50% - 9px);left: 2%;}
.map-v-con li .bor a.map-v-next{top: calc(50% - 9px);right: 2%;}
.map_v{position: absolute;top: 0;left: calc(50% - 261px);}
@media screen and (max-width:1870px){
	.map-v-con li{width: calc(100% - 10px);}
	
}
@media screen and (max-width:1280px){
/*	.map-v-con li{width: calc(100% - 10px);}*/
	
}