@charset "utf-8";
@import url("fonts.css");
/* font-family: "Noto Sans KR"
thin   100
light   300
regular   400
medium   500
bold   700
black  900 */
/* font-family: 'NotoSans'; Light: 300;Regular: 400;Medium: 500;Bold: bold; */
/* font-family: 'S-Core-Dream'; 2ExtraLight: 200;3Light: 300;4Regular: 400;5Medium: 500;6Bold: 600;7ExtraBold: bold; */

*{margin: 0;padding: 0;text-decoration: none;list-style: none;font-family: "NotoSans",sans-serif;box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin: 0;padding: 0;word-wrap: break-word;word-break: break-all;}
ul, li, p, a, label, span, strong, input, select, textarea{font-size: inherit;color: inherit;font-family: inherit;box-sizing: border-box;}
body, html{width: 100%;height: 100%;}
input,select,img,label{vertical-align: top;}
a{display: inline-block;}
img{border: 0;max-width: 100%;}
strong{font-weight: bold;}
select{height: 44px;padding: 0 32px 0 8px;background: #fff url('/images/aiuos/html/select_bg1.png') no-repeat right 10px center;background-size: 14px;border: 1px solid #dcdcdc;-webkit-appearance: none;-moz-appearance: none;word-wrap: break-word;border-radius: 5px;}
select::-ms-expand{display: none;}
input[type="text"], input[type="password"]{width: 100%;height: 44px;padding: 0 8px;border: 1px solid #dcdcdc;border-radius: 5px;} 
textarea{display: block;resize: none;height: 188px;width: 100%;padding: 8px;border: 1px solid #dcdcdc;border-radius: 5px;}
table{border-collapse: collapse;width: 100%;border-collapse: separate;border-collapse: collapse;width:100%;border-spacing:0;table-layout: fixed;}
table caption{overflow: hidden;width: 0px;height: 0px;font-size: 0;line-height: 0;}
.blind{position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block !important;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;opacity: 0 !important;}
.clearfix::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}

#skip-nav a {position: absolute; left: -3000%;}
#skip-nav a:focus {display: block; left: 0; top: 0; z-index: 10000000000; width: 100%; height: 30px; line-height: 30px; background: #485068; color: #fff; text-align: center;}

.FL{float: left;}
.FR{float: right;}
.TL{text-align: left !important;}
.TC{text-align: center !important;}
.TR{text-align: right !important;}
.VT{vertical-align: top !important;}
.VM{vertical-align: middle !important;}
.VB{vertical-align: bottom !important;}

.m-auto{margin: auto !important;}
.mt0{margin-top: 0 !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.ml0{margin-left: 0 !important;}
.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.mr5{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}


body{width: 100%;height: 100%;font-size: 15px;}
#wrap{min-width: 1200px;overflow: hidden;}

#header{padding: 30px 0;}
#header .wid{width: calc(100% - 30px);max-width: 1596px;margin: 0 auto;}
#header .logo{font-size: 0;overflow: hidden;}
#header .logo > a{float: left;display: block;}
#header .logo > a:last-child{margin: 5px 0 0 44px;position: relative;}
#header .logo > a:last-child::before{position: absolute;top: 0;left: -23px;background: #014195;width: 2px;height: 30px;content:"";}

#footer{background: #565455;padding: 50px 0;}
#footer .wid{width: calc(100% - 30px);max-width: 1596px;margin: 0 auto;position: relative;display: flex;flex-wrap: wrap;align-items: center;}
#footer .logo{font-size: 0;}
#footer .go-top{opacity: 0;transition: 0.4s;position: fixed;right: calc((100% - 1400px) / 2 - 32px);bottom: 20px;z-index: -1;}
body.fixed #footer .go-top{opacity: 1;z-index: 9;}

.footer-text1{width: calc(100% - 371px);padding-left: 5.2%;color: #fff;font-size: 18px;font-weight: 500;line-height: 1.25;}
.footer-text1 > li:not(:first-child){margin-top: 4px;}
.footer-text1 > li{word-break: keep-all;}


#center{padding-bottom: 100px;}
.wid-1400{width: calc(100% - 30px);max-width: 1400px;margin: 0 auto;}
.wid-1320{width: calc(100% - 30px);max-width: 1320px;margin: 0 auto;}
#floor1.main-wrap{position: relative;height: calc(100vh - 132px);overflow: hidden;}
#floor1.main-wrap::before{display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(rgba(28, 38, 91, 0.2), rgba(28, 38, 91, 0.2)), url('/images/aiuos/html/floor_ai_img.jpg') no-repeat center;background-size: cover;z-index: -1;opacity: 1;transform: scale(1.1, 1.1);transition: transform 15s ease-out, opacity 1s ease 0.1s;animation: scaleBackground 15s ease-out forwards;content:"";}
@keyframes scaleBackground{
	0%{transform: scale(1.1, 1.1);}
	100%{transform: scale(1, 1);}
}
.main-slogan1{padding-top: 120px;color: #fff;font-size: 60px;line-height: 1.22;font-family: 'ONEMobile';text-shadow: 3px 3px 6px #000;word-break: keep-all;}
.main-gps1{position: absolute;top: calc(50% - 136px);right: calc((100% - 1400px) / 2 - 170px);width: 144px;padding: 0 14px 14px;text-align: center;background: rgba(255, 255, 255, 0.8);border-radius: 8px;box-shadow: 3px 3px 8px 4px rgba(0, 0, 0, 0.6);}
.main-gps1 > dt{position: relative;top: -10px;margin-bottom: -4px;height: 58px;width: 100%;padding-top: 5px;color: #fff;font-size: 23px;font-family: 'ONEMobile';background: linear-gradient(#5096ad,#39627d,#39627d,#214a69);border-radius: 0 0 12px 12px;display: flex;align-items: center;justify-content: center;}
.main-gps1 > dt::before,
.main-gps1 > dt::after{position: absolute;top: 0;content:"";}
.main-gps1 > dt::before{left: -6px;border-right: 6px solid #1e4c6b;border-top: 10px solid transparent;}
.main-gps1 > dt::after{right: -6px;border-left: 6px solid #1e4c6b;border-top: 10px solid transparent;}
.main-gps1 > dd:not(:last-child){border-bottom: 1px solid #c4c4c4;}
.main-gps1 > dd{padding: 15px 0;color: #555;font-size: 18px;font-weight: 500;line-height: 1.2;letter-spacing: -0.5px;word-break: keep-all;}
.main-gps1 > dd > a{display: block;}

#floor2.main-wrap{margin: -32px auto 70px;}
.main-gps2{background: #015595;border-radius: 8px;position: relative;z-index: 1;}
.main-gps2 > ul{padding: 0 20px;color: #fff;font-size: 22px;font-family: 'ONEMobile';display: flex;flex-wrap: wrap;justify-content: right;}
.main-gps2 > ul > li{padding: 0 30px;}
.main-gps2 > ul > li > a{display: block;height: 64px;display: flex;align-items: center;word-break: keep-all;}

#floor3.main-wrap{position: relative;margin-bottom: 250px;}
#floor3.main-wrap::before{position: absolute;top: 0;left: 0;z-index: -1;width: calc((100% - 1320px) / 2);height: 100%;background: #1c76af;content:"";}
#floor3.main-wrap::after{position: absolute;bottom: -46px;right: 0;z-index: -1;width: calc((100% - 1320px) / 2);height: 4px;background: #0995de;content:"";}
#floor3.main-wrap > div{position: relative;padding-right: 8%;}
#floor3.main-wrap .main-title1{color: #effffa;}
#floor3.main-wrap .main-title1::after{background: #fff;}
.text-photo1{background: #1c76af;min-height: 373px;display: flex;flex-wrap: wrap;align-items: center;}
.text-photo1 > dt{width: 64.5%;padding: 20px 0 40px;color: #fff;font-size: 21px;font-weight: 500;}
.text-photo1 > dt > p{padding-left: 8%;line-height: 1.6;word-break: keep-all;}
.text-photo1 > dd{position: absolute;right: 0;bottom: -200px;width: 35.5%;overflow: hidden;border-radius: 15px;box-shadow: 3px 3px 8px 4px rgba(0, 0, 0, 0.3);}
.main-title1{margin-bottom: 18px;display: table;color: #1c76af;font-size: 50px;font-family: 'ONEMobile';position: relative;}
.main-title1::after{position: absolute;top: calc(50% - 2px);right: -122px;width: 95px;height: 4px;background: #1c76af;content:"";}

#floor4.main-wrap{position: relative;}
#floor4.main-wrap::before{display: none;margin: 0 auto 20px;width: 500px;height: 292px;background: url('/images/aiuos/html/floor4_bg1.png') no-repeat center;background-size: contain;content:"";}
.main-notice1{position: relative;padding-right: 38%;}
.main-notice1::before{position: absolute;top: 0;right: -100px;width: calc(38% + 70px);height: 100%;background: url('/images/aiuos/html/floor4_bg1.png') no-repeat center;background-size: contain;content:"";}
.main-notice1 > dl:not(:first-child){margin-top: 28px;}
.main-notice1 > dl > dt{margin-bottom: 15px;color: #434343;font-size: 25px;font-family: 'ONEMobile';}
.main-notice1 > dl > dt > a{display: table;padding-right: 34px;background: url('/images/aiuos/html/floor4_bg2.png') no-repeat right top 2px;}
.main-notice1 > dl > dd{padding: 25px 30px;color: #777;font-size: 21px;font-weight: 300;background: #f9f9f9;border: 1px solid #d5d5d5;border-radius: 8px;}