@charset "utf-8";





body {font-family: 'Noto Sans KR', sans-serif;font-weight: 400; font-size: 10px; word-break:keep-all; word-wrap:break-word;  color: #112037; line-height: 1.4; background: #fff;  letter-spacing:-0.04em }

dt, dl, dd{ display: block; position: relative; line-height: 1.4}
div ul{font-size: 0}
div ul li{font-size: 10px; vertical-align: top; position: relative; justify-content:center; align-items:center; flex-direction: column}

#wrap {display: block;  width: 100%; word-break:keep-all; word-wrap:break-word}

.sound_only{display: none}
.mobile{display: block!important}
.mobile2{display:block}
.web{display: none}

/* #header */
#header {z-index: 999; position: relative; height: 50px;  padding-top: 14px}
#header img{width: 40%}
#header .topR{float: right; text-align: right; margin-top: 4px}
#header .topR img{width: 30px}

/* 메인메뉴 */

.inner{display: block; width: 96%; margin: 0 auto; position: relative; }
.hidden{display: none}
/* #footer */

.ls6{letter-spacing:  -0.06em !important;}

#footer{background: #112037; position: relative;   padding: 25px 0; color: #fff}
#footer dl{font-weight: 300; line-height: 2 }
#footer dl + dl{margin-top: 15px}
#footer img{position: relative; right: 0; top: 0px; margin-bottom: 20px}


/* index */
.title01{text-align:center; padding: 70px 0;}
.title01 h2{font-size: 3.750em; font-weight: 900; text-transform: uppercase}
.title01 h3{font-size: 1.625em; font-weight: 400; margin-top: 15px}


.mainBox01{height: auto; background: url(https://sbveye.speedgabia.com/landing/box01_img01.png) top center no-repeat; background-size: cover; color: #fff; text-align: center; padding-top: 100px}
.mainBox01 h2{font-size: 2.000em; font-weight: 400; }
.mainBox01 h3{font-size: 5.01em; font-weight: 700; margin-top: 15px}
.mainBox01b{background: rgba(17, 32, 55, 0.8); border-radius: 10px 10px 0 0; padding: 40px 0 27px; margin-top: 50px}
.mainBox01b ul li{display: inline-flex; width: 50%; height: 102px; padding-top: 0px; line-height: 1.4 }
.mainBox01b ul li + li{border-left: #fff 1px solid}
.mainBox01b ul li dl{font-size: 1.350em; color: #d7b073; font-weight: 500; position: absolute; width: 100%; top: 0; margin-top: -15px}
.mainBox01b ul li dt{font-size: 4.002em;}
.mainBox01b ul li dd{font-size: 2.250em;font-weight: 500; line-height: 1}
.mainBox01b ul li:nth-child(1), .mainBox01b ul li:nth-child(2){margin-bottom: 50px}
.mainBox01b ul li:nth-child(3){border-left: none}
.mainBox01b ul li:nth-child(1) dl, .mainBox01b ul li:nth-child(2) dl{margin-top: -30px; line-height: 1.2}

.mainBox02{height: auto; background: url(https://sbveye.speedgabia.com/landing/box02_img01.png) top left no-repeat; background-size: 160% auto;padding-top: 30vw}
.mainBox02 dl{position: relative; background: #fff; width: 96%; right: 0; top: 0px; line-height: 2; font-size: 1.325em; font-weight: 500; box-shadow: 0px 3px 15px #f5f6f6 ;  letter-spacing: -0.06em; margin-left: 2%; padding: 0px 0}

.mainBox03{background: url(https://sbveye.speedgabia.com/landing/box03_img01.png) bottom center no-repeat #f8f8f8; margin-top: 70px; padding-top: 100px}
.mainBox03 h3{text-align: center; font-size: 4.38em; font-weight: 900; text-transform: uppercase; margin-bottom: 70px}

.mainBox03b ul li{display:flex; width: 100%; height: auto; text-align: left; align-items:flex-start; letter-spacing:  -0.06em; }
.mainBox03b ul li + li{width: 100%;}
.mainBox03b ul li dt.t1{text-align: left ;font-size: 2.750em; line-height: 0.8}
.mainBox03b ul li dt.t1 font{font-weight: 400; font-size: 0.624em; padding-left: 20px}
.mainBox03b ul li dt.t1 span{background: #112037; color: #fff; padding: 3px 25px 5px; border-radius: 50px; font-size: 0.372em;}
.mainBox03b ul li dt.t1 span + span{margin-left: 15px}
.mainBox03b ul li dt.t1 span.on{color: #112037; background: #fff; border: #112037 2px solid}
.mainBox03b ul li dt.t2{font-size: 2.375em; font-style: italic;  line-height: 1.2; margin-top: 20px ; position: relative}
.mainBox03b ul li dt.t2 span{margin-left: 20px; font-weight: 300; font-size: 0.498em;  letter-spacing:  -0.02em; font-style: normal}
.mainBox03b ul li dt.t2 span.lr{ float: right; margin-top: 10px }
.mainBox03b ul li dt.t2 span.lr2{position: absolute; right: 0; bottom: -20px; margin-top: 10px}
.mainBox03b ul li dl{font-size: 1.250em; padding-left: 0px; position: relative; margin-top: 20px; font-weight: 500; line-height: 1.3; margin-bottom: 20px}
.mainBox03b ul li dl span{left: 0px; font-size: 1.063em; padding: 0 3px; border-bottom: #d7b073 10px solid; position: relative; font-weight: 700; line-height: 0.2; top: 10px; margin-bottom: 10px; display: inline-block}
.mainBox03b ul li dd{color: #333333;font-size: 1.125em; margin-top: 8px; padding-left: 10px; line-height: 1.2 }
.mainBox03b ul li dd:before {content:"ㆍ"; position: absolute; left: 0 }
.mainBox03b ul li:nth-child(1) img{width: 100%; margin-bottom: 20px}


.mainBox03c{border-radius:20px 20px 0 0; overflow: hidden; background: #fff; box-shadow: 0px 3px 15px #f5f6f6 ; margin-top: 20px}
.mainBox03c ul li{display: inline-flex; width: 50%; height: 53px; align-items:flex-start; padding-left: 50px; position: relative; letter-spacing: -0.06em; line-height: 1; cursor:pointer}
.mainBox03c ul li span{position: absolute; left: 10px; top:12px; background: #eeeeee; width: 36px; height: 36px; border-radius: 72px; overflow: hidden}
.mainBox03c ul li span img{width: 36px}
.mainBox03c ul li dt{font-size: 1.325em; line-height: 1.2}
.mainBox03c ul li dl{font-size: 1.113em; font-weight: 300;  line-height: 1.2}
.mainBox03c ul li + li{border-left: #e7e7e7 1px solid}
.mainBox03c ul li:nth-child(5){border-left: none}
.mainBox03c ul li:nth-child(1), .mainBox03c ul li:nth-child(2), .mainBox03c ul li:nth-child(3), .mainBox03c ul li:nth-child(4){border-bottom: #e7e7e7 1px solid}
.mainBox03c ul li.on{background: #112037; color: #fff;}
.mainBox03c ul li.on:hover{background: #112037; color: #fff;}

.mainBox04 ul li{display: inline-block; width: 100%; margin-bottom: 50px; text-align: center; }
.mainBox04 ul:nth-child(2) li{width: 50%; margin-bottom: 70px}
.mainBox04 ul li dt{font-size: 2.250em; margin: 28px 0 15px}
.mainBox04 ul li dl{font-size: 1.250em; letter-spacing: -0.04em; line-height: 1.4}
.mainBox04 ul:nth-child(2) li dt{font-size: 1.688em}
.mainBox04 ul:nth-child(2) li dl{font-size: 1.125em}
.mainBox04 ul li img{width: 90%;}

.mainBox05{background: url(https://sbveye.speedgabia.com/landing/box05_img01.png) top center no-repeat; background-size: cover; color: #fff; padding-bottom: 70px}

.mainBox05b {position: relative; }
.mainBox05b ul li{display: block; width: 100% !important; text-align: center}
.mainBox05b ul li dt{font-size: 1.625em; margin-top: 30px}
.mainBox05b ul li dl{font-size: 1.250em}

.mainBox05b .lbtn{position: absolute; top:50%; margin-top: -37px; left: 0}
.mainBox05b .Rbtn{position: absolute; top:50%; margin-top: -37px; right: 0}
.mainBox05b .lbtn img{width: 37px}
.mainBox05b .Rbtn img{width: 37px}


.mainBox05c{margin: 50px 0 25px}
.mainBox05c dt{font-size: 1.875em}
.mainBox05c span{font-weight: 400}

.mainBox05d ul{padding: 30px 0 30px; text-align: center; background: #fff; border-radius: 20px}
.mainBox05d img{width: 100%;}
.mainBox05d .pagination{text-align: center; margin-top: 0px}
.mainBox05d .pagination a{display:inline-block; width: 13px; height: 13px; background: rgba(255, 255, 255, 0.3); border-radius: 50px}
.mainBox05d .pagination a + a{margin-left: 8px}
.mainBox05d .pagination a.on{background: rgba(255, 255, 255, 1); }

.mainBox06{padding-bottom: 70px}
.mainBox06 ol{background: #112037; padding: 40px 0; text-align: center; border-radius: 20px; }
.mainBox06 iframe{border-radius: 20px}
.mainBox06 dl{text-align: center; font-size: 0; margin-top: 45px}
.mainBox06 dl iframe + iframe{margin-left: 2%; margin-top: 20px}

.mainBox06 .iframe01{width: 100%; height: 55vw}
.mainBox06 .iframe02{width: 48%; height: 25vw}

.mainBox07{background: #f8f8f8}
.mainBox07 ol{margin-bottom: 20px; text-align: center}
.mainBox07 article{padding-bottom: 20px; padding-left: 50px; position: left;}
.mainBox07 article img{position: absolute; left: 10px; width: 30px}
.mainBox07 article dt{font-size: 2.500em; font-weight: 900; letter-spacing: -0.06em}
.mainBox07 article dl{font-size: 1.625em}

.mainBox08{background: url(https://sbveye.speedgabia.com/landing/box08_img01.png) bottom center no-repeat; background-size: 100% auto;  padding-bottom: 100px}
.mainBox08 ul{padding: 0 10px}
.mainBox08 ul li{display: block; width: 100%; }
.mainBox08 ul li dl{font-size: 1.875em; line-height: 35px}
.mainBox08 ul li dl span{background: #f0f0f0; border-radius: 50px; padding: 0 10px; font-weight: 900; margin-right: 10px; line-height: 35px; display: inline-block}
.mainBox08 ul li:nth-child(1), .mainBox08 ul li:nth-child(2), .mainBox08 ul li:nth-child(3){margin-bottom: 20px}
.mainBox08 ul li:nth-child(2) dl{line-height: 1.4; padding-left: 100px; padding-top: 3px }
.mainBox08 ul li:nth-child(2) span{position: absolute; left: 0; top: 0}

.mainBox08 ul li:nth-child(3) dl{line-height: 1.4; padding-left: 150px; padding-top: 3px }
.mainBox08 ul li:nth-child(3) span{position: absolute; left: 0; top: 0}

.mainBox08 ul li:nth-child(4) dl{line-height: 1.4; padding-left: 150px; padding-top: 3px }
.mainBox08 ul li:nth-child(4) span{position: absolute; left: 0; top: 0}


.quick{background: url(https://sbveye.speedgabia.com/landing/quick_img01.png) top center no-repeat; background-size: cover; border-radius: 200px; overflow: hidden; position: fixed; top:50%; left: 80%; margin-left: 0px; z-index: 9999; color: #fff}
.quick a{display: flex; width: 70px; height: 70px; justify-content:center; align-items:center; flex-direction: column; font-size: 1.125em; font-weight: 700; text-align: center; line-height: 1.2; cursor:pointer}
.quick a img{margin-top: 5px; width: 30%;}

.requstBox01{position: fixed; top:30%; left: 2%; margin-left: 0px; background: #f8f8f8; width: 96%; z-index: 99999}
.requstBox01 dt{line-height: 35px; padding-left: 10px; font-size: 1.750em; border-bottom: #d5d5d5 1px solid; background: #fff }
.requstBox01 a.btn{width: 100%; text-align: center; background: #0d71ab; color: #fff; line-height: 35px; font-size: 1.750em; font-weight: 700}
.requstBox01 p{text-align: center; width: 100%; font-size: 1.000em; padding: 12px 0 13px}
.requstBox01 dl{margin-top: 10px; line-height: 30px; padding-left: 80px; position: relative; padding-right: 10px}
.requstBox01 dl span{position: absolute; left:10px; font-size: 1.375em; font-weight: 700}
.requstBox01 dl input[type="text"]{height: 30px; font-size: 1.000em; padding-left: 10px; border: #d2d2d2 1px solid; width: 100%;}
.requstBox01 dl:nth-child(5) input{width: 31%}
.requstBox01 dl select{height: 40px; font-size: 1.000em; padding-left: 10px; border: #d2d2d2 1px solid; width: 100%;}
.requstBox01 dl input[type="button"]{font-size: 1.250em; background: none; border-radius: 50px; line-height: 24px; width: 80px; text-align: center; border: none; font-weight: 700}
.requstBox01 dl input[type="button"].on{background: #0d71ab; color: #fff}
.requstBox01 dl input[type="button"] + input[type="button"]{margin-left: 10px}