#header {position:absolute;}

#sub {width:100%;position:relative;}

.sub_visual {position:relative;}
.sub_visual img {width:100%;}
.sub_visual .drag {position:absolute;bottom:5%;left:45%;width:10%;}

.sub_visual2.sub--bg {background: #080808;}
.sub_visual2 {text-align:center;padding-top:100px;color: #fff;}
.sub_visual2 h2{font-size:25px;text-shadow: 2px 3px 3px grey;}
.sub_visual2 h2::after{content:"";background:#969696;width:30px;height:2px;display:block;margin:12px auto 12px;}
.sub_visual2 img {width:100%;}
.sub_visual2 ul{display: flex;flex-wrap: wrap;justify-content: center;padding:4vw 0;}
.sub_visual2 ul li{display:inline;width: 30%;font-size:3vw;margin: 1vw 1.5vw;font-weight:300;color:#e6e6e6;}
.sub_visual2 ul li.on{color:#1b549b;font-weight:700;}

.sub_visual2.bk ul li {color: #333;}
.sub_visual2.bk ul li.on{font-weight:700;color:#1b549b;}
.sub_visual2.bk {color: #333;}

.sub_content {position:relative;min-height:300px;}
.sub_content2 {color: #fff;}

.sub_home {width:100%;height:20px;font-size:13px;color:#fff;line-height:20px;font-weight:300;text-align:center;position:absolute;top:40px;left:0;z-index:11;}
.sub_home .home_icon {display:inline-block;margin:0 20px;}
.sub_home .home_icon a {display:block;height:100%;}
.sub_home .tit {display:inline-block;position:relative;padding:0 20px;border-left:1px solid #fff;margin-left:-5px;}
.sub_home .tit ul {display:none;position:absolute;top:20px;left:0;z-index:11;width:100%;}
.sub_home .tit ul li {height:28px;border:1px solid #d9d9d9;border-top:0;}
.sub_home .tit ul li a {display:block;background:#fff;font-size:12px;color:#333;line-height:28px;}
.sub_home .tit ul li.on a {background:#f5f5f5;}
.sub_home .stit {display:inline-block;position:relative;padding:0 20px;border-left:1px solid #fff;margin-left:-5px;}
.sub_home .stit ul {display:none;position:absolute;top:20px;left:0;z-index:11;width:100%;}
.sub_home .stit ul li {height:28px;border:1px solid #d9d9d9;border-top:0;}
.sub_home .stit ul li a {display:block;background:#fff;font-size:12px;color:#333;line-height:28px;}
.sub_home .stit ul li.on a {background:#f5f5f5;}
.sub_home span {font-size:12px;vertical-align:top;}

.sub--bg1 {background: #080808 url(../images/sub-bg-01.png) no-repeat center top;background-size: cover;}
.sub--bg2  {background: #080808;background-image: url(/web/images/sub-bg-04c.png),url(/web/images/sub-bg-04b.png);background-repeat:no-repeat;background-position: top, bottom;}
.sub--bg3 {background: #080808 url(../images/sub-bg-03.png) no-repeat center top;}
.sub--bg4 {background:#080808;background-image: url(../images/sub-bg-02.png),url(../images/sub-bg-04.png);background-repeat:no-repeat;background-position: top, bottom;}


.s11_con {width:100%;}
.s11_con .message {width:90%;margin:0 auto;position:relative;z-index:2;padding:50px 0;box-sizing:border-box;text-align:center;}
.s11_con .message .title {font-size:36px;color:#fff;line-height:36px;font-weight:700;}
.s11_con .message .title span {color:#1b549b;display:block;}
.s11_con .message .title:before {content:'';position:absolute;top:130px;left:0;z-index:1;width:21px;height:21px;border:1px solid #a1a1a1;box-sizing:border-box;background:#fff;border-radius:50%;}
.s11_con .message .title:after {content:'';position:absolute;top:135px;left:5px;z-index:2;width:11px;height:11px;background:#1b549b;border-radius:50%;}
.s11_con .message .con {font-size:15px;color:#e6e6e6;line-height:18px;font-weight:300;position:relative;}
.s11_con .message .con span {display:inline-block;font-size:22px;font-weight:500;padding-left:20px;}
.s11_con .history {width:90%;margin:0 auto;position:relative;z-index:2;padding:60px 0;box-sizing:border-box;}
.s11_con .history:after {content:'';position:absolute;top:0;bottom:0;right:10px;width:1px;background:#9c9c9c;}
.s11_con .history .title {position:relative;font-size:36px;color:#fff;line-height:36px;font-weight:700;text-align:right;padding-right:40px;}
.s11_con .history .title span {color:#1b549b;display:block;}
.s11_con .history .title:before {content:'';position:absolute;top:10px;right:0;z-index:1;width:21px;height:21px;border:1px solid #a1a1a1;box-sizing:border-box;background:#fff;border-radius:50%;}
.s11_con .history .title:after {content:'';position:absolute;top:15px;right:5px;z-index:2;width:11px;height:11px;background:#1b549b;border-radius:50%;}
.s11_con .history .tit {position:relative;font-size:15px;color:#fff;line-height:20px;text-align:right;padding-right:40px;margin-top:30px;}
.s11_con .history .tit:before {content:'';position:absolute;top:0;right:0;z-index:1;width:21px;height:21px;border:1px solid #a1a1a1;box-sizing:border-box;background:#fff;border-radius:50%;}
.s11_con .history .tit:after {content:'';position:absolute;top:5px;right:5px;z-index:2;width:11px;height:11px;background:#1b549b;border-radius:50%;}
.s11_con .history .con {padding:0 10px 0 0;font-size:15px;color:#fff;line-height:18px;font-weight:300;position:relative;}
.s11_con .history .con .tt1 {display:block;margin:10px 0 5px;background:#1b549b;font-size:15px;color:#fff;line-height:30px;font-weight:700;padding:0 10px;}
.s11_con .history .con .tt1 span {font-weight:300;}
.s11_con .history .con .tt2 {display:inline-block;margin:15px 0 5px;border:1px solid #fff;font-size:15px;color:#fff;line-height:20px;font-weight:700;padding:0 10px;}

.s12_con {width:100%;position:relative;z-index:2}
.s12_con .history1 {width:90%;margin:0 auto;position:relative;padding:50px 0;box-sizing:border-box;}
.s12_con .history1:after {content:'';position:absolute;top:0px;bottom:0;left:50px;width:1px;background:#999;}
.s12_con .history1 .con {
	position: relative;
	margin-top: 15px;
	margin-bottom: 30px;
	display: flex;
	padding-left: 80px;
}
.month {color: #fff;}

.s12_con .history1 .con .title1 {position:absolute;top:0;left:0;padding-right:30px;font-size:10px;color:#fff;line-height:38px;font-weight:300;}
.s12_con .history1 .con .title1:before {content:'';position:absolute;top:8px;left:40px;z-index:1;width:21px;height:21px;border:1px solid #a1a1a1;box-sizing:border-box;background:#080808;border-radius:50%;}
.s12_con .history1 .con .title1:after {content:'';position:absolute;top:13px;left:45px;z-index:2;width:11px;height:11px;background:#1b549b;border-radius:50%;}
.s12_con .history1 .con .title2 {position:absolute;top:0;left:-7px;padding-right:30px;font-size:17px;color:#fff;line-height:35px;font-weight:300;font-family: 'Lato', sans-serif;}
.s12_con .history1 .con .title2:before {content:'';position:absolute;top:8px;left:47px;z-index:1;width:21px;height:21px;border:1px solid #a1a1a1;box-sizing:border-box;background:#080808;border-radius:50%;}
.s12_con .history1 .con .title2:after {content:'';position:absolute;top:13px;left:52px;z-index:2;width:11px;height:11px;background:#1b549b;border-radius:50%;}
.s12_con .history1 .con ul {}
.s12_con .history1 .con ul li {font-size:14px;color:#fff;line-height:20px;font-weight:300;}
.s12_con .history1 .con ul li:first-child{margin-bottom:3px;font-weight:500;padding-top:7px;}
.s12_con .history1 .con ul li:last-child{font-size:12px;color: #e6e6e6;}
.s12_con .history1 .con ul li.tt {font-size:14px;color:#1b549b;line-height:20px;font-weight:900;padding:0;border-top:0;}
.s12_con .history1 .con ul li.tt span {font-weight:300;}
.s12_con .history1 .con ul li:first-child {border-top:0;padding-top: 7px;}
.s12_con .history2 {width:90%;margin:0 auto;position:relative;padding:30px 0 60px;box-sizing:border-box;}
.s12_con .history2:after {content:'';position:absolute;top:0;bottom:0;left:10px;width:1px;background:#999;}
.s12_con .history2 .con {position:relative;margin-top:15px;}
.s12_con .history2 .con .title1 {position:absolute;top:0;left:0;padding-left:30px;font-size:15px;color:#fff;line-height:38px;font-weight:300;}
.s12_con .history2 .con .title1:before {content:'';position:absolute;top:8px;left:0;z-index:1;width:21px;height:21px;border:1px solid #a1a1a1;box-sizing:border-box;background:#fff;border-radius:50%;}
.s12_con .history2 .con .title1:after {content:'';position:absolute;top:13px;left:5px;z-index:2;width:11px;height:11px;background:#1b549b;border-radius:50%;}
.s12_con .history2 .con .title2 {position:absolute;top:0;left:0;padding-left:30px;font-size:15px;color:#fff;line-height:38px;font-weight:300;}
.s12_con .history2 .con .title2:before {content:'';position:absolute;top:11px;left:3px;z-index:1;width:15px;height:15px;border:1px solid #a1a1a1;box-sizing:border-box;background:#fff;border-radius:50%;}
.s12_con .history2 .con .title2:after {content:'';position:absolute;top:15px;left:7px;z-index:2;width:7px;height:7px;background:#4d7eba;border-radius:50%;}
.s12_con .history2 .con ul {padding-left:110px;}
.s12_con .history2 .con ul li {font-size:15px;color:#fff;line-height:18px;font-weight:300;padding:10px 0;border-top:1px dashed #bcbcbc;}
.s12_con .history2 .con ul li.tt {background:#1b549b;font-size:15px;color:#fff;line-height:38px;font-weight:900;padding:0 10px;border-top:0;}
.s12_con .history2 .con ul li.tt span {font-weight:300;}
.s12_con .history2 .con ul li:first-child {border-top:0;}

.s13_con {padding:60px 0;}
.s13_con img {width:90%;margin-left:5%;}

.s14_con_tit {width: 90%;margin: auto;}
.s14_con_tit img{max-width: 100%;}
.s14_con_wrap {}
.s14_con {width: 90%;margin: auto;position:relative;z-index:2;padding:40px 0;}
.s14_con:after {content:'';position:absolute;top:50px;bottom:0;left:30px;width:1px;background:#999;}
.s14_con .con {position:relative;margin-bottom:30px;padding-left:60px;letter-spacing: 0.1rem;}
.s14_con .con:before {content:'';display: inline-block;background: url(../../web/images/sub_icon.png);background-size:cover;position:absolute;top:6px;left:16px;z-index:1;width:30px;height:30px;box-sizing:border-box;}
.s14_con .con .title {display:inline-block;font-size:14px;color:#fff;line-height:38px;font-weight:500;text-align: left;}
.s14_con .con p {font-size:12px;color:#e6e6e6;line-height:18px;font-weight:300;}

.s21_con {padding:60px 0;overflow:hidden;text-align:center;background: #080808;color: #FFF;}
.s21_con ul{width:90%;margin:0 auto;}
.s21_con ul li {position:relative;margin-bottom:20px;}
.s21_con ul li:last-child{margin-bottom:0;}
.s21_con ul li .port_txt{text-align:left;margin-top:5px;}
.s21_con ul li .port_txt p:first-child{font-size:20px;font-weight:500;font-family: "NanumSquare", "NotoSansKR", sans-serif, "Malgun Gothic", "맑은 고딕";}
.s21_con ul li .port_txt p:last-child{font-size:16px;font-weight:300;opacity:0.5;}
.s21_con ul li a {display:block;}
.s21_con ul li img {width:100%;}
.s21_con ul li .over {position:absolute;bottom:0;left:0;width:100%;height:60px;background:rgba(6,51,107,0.9);font-size:18px;color:#fff;line-height:60px;font-weight:700;}
.s21_con ul li .over img {display:inline-block;width:16px;margin-top:-5px;margin-right:10px;}
.s21_con .plus {margin-top:30px;}
.s21_con .plus img {width:30px;}

.s21_con .more{margin-top:50px;display:inline-block;}
.s21_con .more img{width:80px;}

.s21_con_view {width:90%;margin:0 auto;padding:60px 0;}
.s21_con_view .title {display:inline-block;background:#1b549b;font-size:14px;color:#fff;line-height:38px;font-weight:700;padding:0 10px;}
.s21_con_view .bx-roll {width:100%;position:relative;}
.s21_con_view .bx-roll > ul li {width:100%;}
.s21_con_view .bx-roll .swiper-slide img {width:88%;height:100%;}
.s21_con_view .bx-roll .bx-pager .more {position:absolute;top:0;right:0;width:158px;height:210px;background:url(../images/s21_more.png) no-repeat center top 66px #4d7eba;}
.s21_con_view .bx-roll .bx-pager .more a {display:block;height:100%;box-sizing:border-box;padding-top:120px;font-size:20px;color:#fff;line-height:24px;font-weight:300;text-align:center;}

.s22_con_wrap {background: #000;}
.s22_con {width:90%;margin:0 auto;padding:60px 0;}
.s22_con table {width:100%;}
.s22_con table tr {display:flex;align-items:center;flex-wrap:wrap;}
.s22_con table td {text-align:center;width: 49%;height: 70px;display:flex;align-items:center;margin: 1% 1% 0 0;}
.s22_con table td img {width:90%;}

.s31_con_wrap {background: #080808;}
.s31_con {width:90%;margin:0 auto;padding:60px 0;}
.s31_con .tab {border:1px solid #e6e6e6;border-right:0;width:100%;height:40px;margin:0 auto;box-sizing:border-box;}
.s31_con .tab ul li {float:left;width:25%;border-right:1px solid #e6e6e6;box-sizing:border-box;}
.s31_con .tab ul li a {display:block;font-size:12px;color:#000;line-height:38px;font-weight:300;text-align:center;background:#c0c0c0;}
.s31_con .tab ul li.on a {height:39px;background:#1b549b;color:#fff;}
.s31_con .list {margin-top:5px;}
.s31_con .list dl {border-bottom:1px solid #e6e6e6;font-size:12px;color:#595959;line-height:18px;font-weight:300;text-align:center;overflow:hidden;padding:15px 0;}
.s31_con .list dl dt {float:left;width:15%;border-right:1px solid #595959;margin-top:9px;}
.s31_con .list dl dd {float:left;width:60%;padding-left:5%;text-align:left;}
.s31_con .list dl dd h3 {font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.s31_con .list dl .box {float:right;display:block;width:15%;height:30px;background:#4d7eba;color:#fff;line-height:30px;margin:3px 0;}

.s31_con_view {width:90%;margin:0 auto;padding:60px 0;}
.s31_con_view .title {border-top:1px solid #e6e6e6;}
.s31_con_view .title dl {overflow:hidden;display:table;width:100%;border-bottom:1px solid #e6e6e6;font-size:12px;color:#383838;line-height:18px;font-weight:300;background:#ececec;}
.s31_con_view .title dl dt {display:table-cell;vertical-align:middle;width:20%;box-sizing:border-box;}
.s31_con_view .title dl dd {display:table-cell;vertical-align:middle;width:80%;box-sizing:border-box;padding:5px 5%;font-size:13px;background:#fff;text-align:left;}
.s31_con_view .title dl dd h3 {font-weight:500;}
.s31_con_view .con {padding:5%;border-bottom:1px solid #e6e6e6;font-size:12px;color:#383838;line-height:18px;font-weight:300;position:relative;padding-left:25%;}
.s31_con_view .con .con_tit{background:#ececec;position:absolute;top:0;lefT:0;width:20%;height:100%;}
.s31_con_view .con .con_tit span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;text-align:center;}
.s31_con_view .btn {margin-top:25px;text-align:center;}
.s31_con_view .btn dl dt {display:inline-block;width:35%;height:30px;background:#e6e6e6;}
.s31_con_view .btn dl dt a {display:block;font-size:14px;color:#fff;line-height:30px;}
.s31_con_view .btn dl dd {display:inline-block;width:35%;height:30px;background:#1b549b;margin-left:10px;}
.s31_con_view .btn dl dd a {display:block;font-size:14px;color:#fff;line-height:30px;}

.s31_con_write {width:90%;margin:0 auto;padding:60px 0;}
.s31_con_write .title {font-size:18px;color:#383838;line-height:20px;font-weight:500;text-align:center;}
.s31_con_write .title span {display:block;color:#383838;}
.s31_con_write .con {margin-top:15px;border-top:1px solid #e6e6e6;font-size:12px;color:#383838;line-height:38px;font-weight:300;}
.s31_con_write .con dl {border-bottom:1px solid #e6e6e6;text-align:center;padding:10px 0;}
.s31_con_write .con dl dt {display:inline-block;vertical-align:middle;width:23%;text-align:left;}
.s31_con_write .con dl dd {display:inline-block;vertical-align:middle;width:75%;position:relative;}
.s31_con_write .con dl dd input {border:1px solid #a0a0a0;width:100%;height:38px;box-sizing:border-box;padding:0 10px;vertical-align:top;font-size:13px;}
.s31_con_write .con dl dd p {font-size:12px;color:#a0a0a0;line-height:20px;text-align:left;}
.s31_con_write .btn {margin-top:20px;text-align:center;}
.s31_con_write .btn dl dt {display:inline-block;width:35%;height:30px;background:#e6e6e6;}
.s31_con_write .btn dl dt a {display:block;font-size:14px;color:#fff;line-height:30px;}
.s31_con_write .btn dl dd {display:inline-block;width:35%;height:30px;background:#1b549b;margin-left:10px;}
.s31_con_write .btn dl dd a {display:block;font-size:14px;color:#fff;line-height:30px;}
.title{text-align:center;}
.com{font-size:22px;margin-top:7vw;}
.p1{font-size:18px;margin:5vw 0 2vw 0;font-weight:300;}
.p2{font-size:15px;font-weight:300;}
.amin{display:inline-block;background:#1b549b;width:120px;height:40px;line-height:40px;color:#fff;font-size:15px;margin-top:8vw;}

.file_label{background:#4d7eba;color:#fff;display:inline-block;width:20%;line-height:37px;position:absolute;right:0;top:-20px;font-size:13px;}
.s31_con_write .con dl dd input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
/* named upload */


.s41_con_wrap {background: #080808;}
.s41_con {padding:50px 0;overflow:hidden;}
.s41_con .con {width:90%;margin:0 auto;overflow:hidden;position:relative;}
.s41_con .con > input {border:1px solid #e6e6e6;width:100%;height:40px;box-sizing:border-box;padding:0 10px;background:transparent;font-size:14px;color:#fff;margin-bottom:15px;}
.s41_con .con > textarea {border:1px solid #e6e6e6;width:100%;height:86px;box-sizing:border-box;padding:5px 10px;background:transparent;font-size:14px;color:#fff;}
.s41_con .con label {display:inline-block;margin-top:15px;font-size:14px;color:#fff;line-height:20px;}
.s41_con .con .btn {margin-top:20px;}
.s41_con .con .btn a {display:block;width:160px;height:40px;background:#1b549b;font-size:14px;color:#fff;line-height:40px;text-align:center;}
.s41_con .map {margin-top:30px;}

.map_ul_content {background: #080808;padding-bottom: 80px;}
.map_ul{width:90%;margin:0 auto;border-top:1px solid #bcbcbc;color: #fff;}
.map_ul li{border-bottom:1px solid #bcbcbc;font-size:3.5vw;padding:3vw 0;}
.map_ul li span:first-child{display:inline-block;width:20vw;text-align:center;position:relative;}
.map_ul li span:first-child::after{content:"";width:1px;height:3vw;background:#000;display:inline-block;position:absolute;right:1.3vw;top:1.3vw;}



.email1{width:30% !important;}
.email2{width:30% !important;margin-left:20px;}
.email3{width:30% !important;height:40px;vertical-align:top;float:right;padding:0 10px;color:#fff;font-size:14px;border:1px solid #e6e6e6;}
.dot{position:absolute;top:65px;font-size:14px;left:31%;}

.page {margin-top:25px;text-align:center;}
.page .btn {display:inline-block;}
.page ul {display:inline-block;vertical-align:middle;padding:0 10px;}
.page ul li {display:inline-block;width:35px;height:35px;font-size:15px;line-height:35px;font-weight:300;text-align:center;margin:0 2px;box-sizing:border-box;background:#c0c0c0;}
.page ul li.on{background:#1b549b;}
.page ul li a {display:block;color:#fff;}
.page ul li strong {display:block;background:#c0c0c0;color:#fff;width:100%;height:100%;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #b3b3b3;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #b3b3b3;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #b3b3b3;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #b3b3b3;
}



.drag {
	animation-name: bounce;
	animation-duration: 1.3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;		
}
@keyframes bounce {
	from {transform: translate(0,  0px);}
	65%  {transform: translate(0, 11px);}
	to {transform: translate(0, 0px);}    
}