@charset "utf-8";
/* Space */
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt55 {margin-top: 55px;}
.mt60 {margin-top: 60px;}
.mt65 {margin-top: 65px;}
.mt70 {margin-top: 70px;}
.mt75 {margin-top: 75px;}
.mt80 {margin-top: 80px;}
.mt85 {margin-top: 85px;}
.mt90 {margin-top: 90px;}
.mt95 {margin-top: 95px;}
.mt100 {margin-top: 100px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb60 {margin-bottom: 60px;}
.mb65 {margin-bottom: 65px;}
.mb70 {margin-bottom: 70px;}
.mb75 {margin-bottom: 75px;}
.mb80 {margin-bottom: 80px;}
.mb85 {margin-bottom: 85px;}
.mb90 {margin-bottom: 90px;}
.mb95 {margin-bottom: 95px;}
.mb100 {margin-bottom: 100px;}

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}
.ml55 {margin-left: 55px;}
.ml60 {margin-left: 60px;}
.ml65 {margin-left: 65px;}
.ml70 {margin-left: 70px;}
.ml75 {margin-left: 75px;}
.ml80 {margin-left: 80px;}
.ml85 {margin-left: 85px;}
.ml90 {margin-left: 90px;}
.ml95 {margin-left: 95px;}
.ml100 {margin-left: 100px;}

.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}
.mr55 {margin-right: 55px;}
.mr60 {margin-right: 60px;}
.mr65 {margin-right: 65px;}
.mr70 {margin-right: 70px;}
.mr75 {margin-right: 75px;}
.mr80 {margin-right: 80px;}
.mr85 {margin-right: 85px;}
.mr90 {margin-right: 90px;}
.mr95 {margin-right: 95px;}
.mr100 {margin-right: 100px;}

.t-right {text-align: right;}
.t-color1 {color: #005da2;}
.t-color2 {color: #cd0000;}
.t-strong {font-family: 'Noto Regular';}

.container {width: 100%; max-width: 1270px; margin: 0 auto;height: 100%;}
.wrap-intro {background: url('../images/bg-intro.jpg') no-repeat center top; 
    background-size: cover;}
.wrap-logo {padding: 50px 0 75px 0; text-align: center}
.wrap-slogan {text-align: center; color: #fff; text-shadow: 2px 2px 7px rgba(0, 0, 0, .8);}
.wrap-slogan .big-slogan {font-family: 'S-CoreDream-3Light'; font-size: 55px;}
.wrap-slogan .big-slogan em {font-family: 'S-CoreDream-5Medium';}
.wrap-slogan .samll-slogan span {display: block;}
.wrap-slogan .samll-slogan .eng {padding-top: 15px; font-family: 'TitilliumWeb-Light'; font-size: 26px;}
.wrap-slogan .samll-slogan .kor {padding-top: 20px; font-family: 'S-CoreDream-2ExtraLight'; font-size: 18px;}
.wrap-good {margin-top: 80px;font-family:'S-CoreDream-2ExtraLight';font-size: 24px;text-align: center;color: #fff;text-align: center;text-shadow: 2px 2px 7px rgba(0, 0, 0, .8);line-height: 2;}
.wrap-good p {position: relative; display: inline-block;}
.wrap-good p::after {content: ''; position: absolute; left: -10px; top: -5px; width: 64px; height: 56px; background: url('../images/ico-good.png') no-repeat center center;}
.wrap-good p::before {content: ''; position: absolute; right: -10px; top: -5px; width: 64px; height: 56px; background: url('../images/ico-good.png') no-repeat center center;}
.wrap-good span {font-family: 'S-CoreDream-5Medium';}
.wrap-good em {font-family: 'S-CoreDream-5Medium'; color: #fff000}
.wrap-banner {padding: 60px 20px 80px 20px; width:100%;}
.wrap-banner ul {display: inline-block; width: 100%; border-top: 1px solid rgba(255,255,255,.5); border-left: 1px solid rgba(255,255,255,.5);}
.wrap-banner ul.row4 li {width: 25%;}
.wrap-banner ul li {float: left; width: 20%; border-right: 1px solid rgba(255,255,255,.5); text-align: center; transition: .4s;}
.wrap-banner ul li.color1 {background: rgba(0, 58, 146, .8); transition: .4s;}
.wrap-banner ul li.color1:hover {background: rgba(0, 58, 146, 1); transition: .4s;}
.wrap-banner ul li.color2 {background: rgba(14, 135, 114, .8); transition: .4s;}
.wrap-banner ul li:hover.color2 {background: rgba(14, 135, 114, 1); transition: .4s;}
.wrap-banner ul li a {display: block; padding: 30px 0; color: #fff;}
.wrap-banner ul li.color2 a {color: #f6ff00}
.wrap-banner ul > li {border-right: 1px solid rgba(255,255,255,.5); border-bottom: 1px solid rgba(255,255,255,.5);}
.wrap-banner .desc {margin-top: 20px;}
/* .wrap-banner {color: rgba(0, 0, 0, 0.377);} */
.pop2 {width:100%;height:800px;}
.banner-text {color: white;text-align: center;font-family:'S-CoreDream-3Light';font-size: 35px;}

@media all and (max-width: 1270px) {
    .container {padding: 0 20px;}
    .pop2 {width:100%;height:800px;}
    .banner-text {font-size: 30px;}
	.wrap-banner ul li a {height: 200px;}
}

@media all and (max-width: 910px) {
    .wrap-slogan .big-slogan {font-size: 35px;}
    .wrap-slogan .samll-slogan .eng {font-size: 23px;}
    .wrap-good {font-size: 22px}
    .pop2 {width:100%;height:800px;}
    .banner-text {font-size: 25px;}
}

@media all and (max-width: 640px) {
    .wrap-logo {padding: 40px 0 30px;}
    .wrap-slogan .big-slogan {font-size: 25px;}
    .wrap-slogan .samll-slogan .eng {font-size: 20px;}
    .wrap-slogan .samll-slogan .kor {font-size: 16px;}
    .wrap-slogan .samll-slogan .kor br {display: none;}
    .wrap-banner {padding: 40px 20px 40px 20px;}
    .wrap-good {margin-top: 30px; font-size: 20px}
    .wrap-good p::after {display: none;}
    .wrap-good p::before {display: none;}
    .wrap-banner ul li {width: 50%; border-bottom: 1px solid rgba(255,255,255,.5);}
    .wrap-banner ul.row4 li.color2 {width: 100%}
    .wrap-banner ul.row4 li {width: 33.333%}
    .wrap-banner ul.row5 li.color2 {width: 100%}
    .wrap-banner ul.row5 li {width: 50%}
    .pop2 {width:100%;height:1600px;}
    .banner-text {font-size: 20px;}
}

@media all and (max-width: 330px) {
    .pop2 {width:100%;height:1800px;}
    .banner-text {font-size: 20px;}
}

@media all and (max-width: 240px) {
    .pop2 {width:100%;height:2000px;}
    .banner-text {font-size: 20px;}
}

/* Footer */
.wrap-footer {background: #3d434d;}
.wrap-footer .footer-bottom {font-size: 0px; border-bottom: 1px solid #51565f;}
.wrap-footer .footer-bottom ul {display: inline-block; width: 100%;}
.wrap-footer .footer-bottom li {float: left; margin-right: 30px; padding: 15px 30px 15px 0; background: url('../images/dot-footer-bottom.png') no-repeat right center;}
.wrap-footer .footer-bottom li:last-child {background: none;}
.wrap-footer .footer-bottom li a {position: relative; font-family: 'Noto Light'; font-size: 16px; color: #fff;}
.wrap-footer .footer-bottom li a.private {color: #ffa304;}
.wrap-footer .footer-bottom li a.private:after {background: #ffa304;}
.wrap-footer .footer-bottom li a:after {content: ''; position: absolute; left: 0; bottom: -3px; width: 0; height: 1px; background: rgba(255,255,255,.5); transition: 0s;}
.wrap-footer .footer-bottom li a:hover:after {width: 100%; transition: 0.4s;}
.wrap-footer .footer-info {position: relative; z-index: 0; display: table; width: 100%;}
.wrap-footer .footer-logo,
.wrap-footer .footer-contact,
.wrap-footer .box-footer-jump{display: table-cell; vertical-align: middle;}
.wrap-footer .footer-logo {width: 170px;}
.wrap-footer .footer-contact {padding: 46px 0 46px 35px; font-family: 'Noto Light'; font-size: 16px;}
.wrap-footer .footer-address {color: #fff;}
.wrap-footer .footer-address span {margin-right: 15px;}
.wrap-footer .footer-address span:last-child {margin-right: 0;}
.wrap-footer .footer-copyright {color: rgba(255,255,255,.3);}

.wrap-footer .box-footer-jump {width: 640px;}
.wrap-footer .footer-jump {display: inline-block; width:317px; padding-left: 20px;}
.wrap-footer .footer-jump > div {position:relative;  z-index: 900; }
.wrap-footer .footer-jump .default-jump {float:left; width:78%; height:50px; padding:0 20px; background:#fff url('../images/arrow-jump-open.png') no-repeat right center; line-height:47px; font-size:17px; text-align:left; color:#fff;}
.wrap-footer .footer-jump .default-jump a {font-family: 'Noto Light'; color:#5c5c5c;}
.wrap-footer .footer-jump .go-btn {float:left; width:22%; height:50px; background:#183366 url('../images/arrow-jump.png') no-repeat center center; text-indent: -9999px; transition: .4s}
.wrap-footer .footer-jump .go-btn:hover {background-color: #1e4691;}
.wrap-footer .footer-jump .jump-menu-list {overflow:hidden; max-height:0px; position:absolute; bottom:9px; left:0px; width:78%; margin: 0 0 -10px 0; transition: max-height 0.8s ease;}
.wrap-footer .footer-jump .jump-menu-list.on {overflow: auto; max-height: 300px; transition: max-height 0.8s ease;}
.wrap-footer .footer-jump .jump-menu-list ul {background:#2b3543; border:1px solid #3c4654; border-bottom:0px;}
.wrap-footer .footer-jump .jump-menu-list a {cursor:pointer; padding:10px 15px; border-bottom:1px solid #3c4654; display:block; color:#fff; font-size:15px;}

@media all and (max-width: 1300px) {
    .wrap-footer .footer-contact {padding: 24px 0;}
    .wrap-footer .footer-logo {display: none;}
    .wrap-footer .box-footer-jump {position: absolute; left: 0; bottom: 40px; width: 100%;}
    .wrap-footer .footer-jump {padding-left: 0; padding-right: 20px;}
}

@media all and (max-width: 755px) {
    .wrap-footer .box-footer-jump {bottom: 20px;}
    .wrap-footer .footer-jump {float: none; margin-bottom: 10px;}
}

@media all and (max-width: 600px) {
    .wrap-footer .footer-bottom ul {padding: 10px 0;}
    .wrap-footer .footer-bottom li {padding: 6px 30px 6px 0;}
}