@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+Thai&family=Noto+Serif+JP:wght@200..900&family=Noto+Serif+KR:wght@200..900&display=swap');


@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}




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

dt, dl, dd{ display: block; position: relative; line-height: 1.6}
div ul{font-size: 0}
div ul li{font-size: 16px; 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: none !important}
.mobile2{display:none}


/* #header */
#header {z-index: 999; position: relative; height: 100px;  padding-top: 28px}
#header .topR{float: right; text-align: right; margin-top: 7px}
#header .topR img{width: 40px}

/* 메인메뉴 */

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

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

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


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


.mainBox01{height: 862px; background: url(https://sbveye.speedgabia.com/landing/box01_img01.png) top center no-repeat; background-size: cover; color: #fff; text-align: center; padding-top: 200px}
.mainBox01 h2{font-size: 2.000em; font-weight: 400; text-align: left}
.mainBox01 h3{font-size: 5.01em; font-weight: 700; margin-top: 15px; text-align: left}
.mainBox01b{background: rgba(17, 32, 55, 0.8); border-radius: 30px 30px 0 0; padding: 80px 0 55px; margin-top: 110px}
.mainBox01b ul li{display: inline-flex; width: 25%; height: 142px; padding-top: 0px; line-height: 1.4 }
.mainBox01b ul li + li{border-left: #fff 1px solid}
.mainBox01b ul li dl{font-size: 1.750em; color: #d7b073; font-weight: 500; position: absolute; width: 100%; top: 0; margin-top: -30px}
.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) dl{margin-top: -50px; line-height: 1.2}

.mainBox02{height: 500px; background: url(https://sbveye.speedgabia.com/landing/box02_img01.png) top center no-repeat; background-size: cover;}
.mainBox02 dl{position: absolute; background: #fff; width: 600px; right: 0; top: 70px; line-height: 2; font-size: 1.625em; font-weight: 500; box-shadow: 0px 3px 15px #f5f6f6 ;  letter-spacing: -0.06em; padding: 50px 0 50px 30px }

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

.mainBox03b ul li{display: inline-flex; width: 540px; height: 670px; text-align: left; align-items:flex-start; letter-spacing:  -0.06em; }
.mainBox03b ul li + li{width: 660px;}
.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; }
.mainBox03b ul li dt.t2 span.lr2{position: absolute; right: 0; bottom: 0}
.mainBox03b ul li dl{font-size: 1.250em; padding-left: 160px; 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: absolute; font-weight: 700; line-height: 0.2; top: 10px}
.mainBox03b ul li dd{color: #333333;font-size: 1.125em; margin-top: 8px; padding-left: 20px; line-height: 1.2 }
.mainBox03b ul li dd:before {content:"ㆍ"; position: absolute; left: 0 }

.mainBox03c{border-radius:20px 20px 0 0; overflow: hidden; background: #fff; box-shadow: 0px 3px 15px #f5f6f6 ;}
.mainBox03c ul li{display: inline-flex; width: 25%; height: 93px; align-items:flex-start; padding-left: 100px; position: relative; letter-spacing: -0.06em; line-height: 1; cursor:pointer}
.mainBox03c ul li span{position: absolute; left: 20px; top:12px; background: #eeeeee; width: 72px; height: 72px; border-radius: 72px; overflow: hidden}
.mainBox03c ul li dt{font-size: 1.625em; line-height: 1.2}
.mainBox03c ul li dl{font-size: 1.313em; 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: 33.333%; margin-bottom: 100px; text-align: center; }
.mainBox04 ul:nth-child(2) li{width: 25%; margin-bottom: 140px}
.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}

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

.mainBox05b {position: relative; text-align: center}
.mainBox05b ul li{display: inline-block; width: 33.333%; 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: -175px; left: 0}
.mainBox05b .Rbtn{position: absolute; top:50%; margin-top: -175px; right: 0}
.mainBox05b .zIndex1{z-index: 1}

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

.mainBox05d ul{padding: 50px 0 30px; text-align: center; background: #fff; border-radius: 20px}
.mainBox05d .mainBox05d__div{padding: 50px 0 30px; text-align: center; background: #fff; border-radius: 20px}
.mainBox05d .mainBox05d__div > div{padding: 50px 0 30px; text-align: center; background: #fff; border-radius: 20px}
.mainBox05d ol{text-align: center; margin-top: 30px}
.mainBox05d div a{display:inline-block; width: 27px; height: 27px; background: rgba(255, 255, 255, 0.3); border-radius: 50px; cursor: pointer;}
.mainBox05d div a + a{margin-left: 8px}
.mainBox05d div a.on{background: rgba(255, 255, 255, 1); }

.mainBox06{padding-bottom: 140px}
.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; display: flex; justify-content: space-between}
.mainBox06 dl iframe + iframe{margin-left: 44px}

.mainBox06 .iframe__box { z-index: 1; cursor: pointer; position: absolute; }

.mainBox06 .iframe01{width: 1110px; height: 624px}
.mainBox06 .iframe02{width: 285px; height: 160px; z-index: -1;}

.mainBox07{background: #f8f8f8}
.mainBox07 ol{margin-bottom: 80px}
.mainBox07 article{padding-bottom: 40px; padding-left: 125px; position: left;}
.mainBox07 article img{position: absolute; left: 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: cover;  padding-bottom: 200px}
.mainBox08 ul{padding: 0 40px}
.mainBox08 ul li{display: inline-block; width: 50%; }
.mainBox08 ul li dl{font-size: 1.875em; line-height: 65px}
.mainBox08 ul li dl span{background: #f0f0f0; border-radius: 50px; padding: 0 30px; font-weight: 900; margin-right: 20px; line-height: 65px; display: inline-block}
.mainBox08 ul li:nth-child(1), .mainBox08 ul li:nth-child(2){margin-bottom: 40px}
.mainBox08 ul li:nth-child(3) dl, .mainBox08 ul li:nth-child(4) dl{letter-spacing: -0.07em}
.mainBox08 ul li:nth-child(3) dl span, .mainBox08 ul li:nth-child(4) dl span{margin-right: 10px}

.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: 50%; margin-left: 610px; z-index: 9999; color: #fff}
.quick a{display: flex; width: 140px; height: 140px; justify-content:center; align-items:center; flex-direction: column; font-size: 1.125em; font-weight: 700; text-align: center; line-height: 1.4; cursor:pointer}
.quick a img{margin-top: 5px}

.requstBox01{position: fixed; top:30%; left: 50%; margin-left: 80px; background: #f8f8f8; width: 520px; z-index: 99}
.requstBox01 dt{line-height: 75px; padding-left: 25px; 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: 67px; font-size: 1.750em; font-weight: 700}
.requstBox01 input.btn{width: 100%; text-align: center; background: #0d71ab; color: #fff; line-height: 67px; font-size: 1.750em; font-weight: 700}
.requstBox01 p{text-align: center; width: 100%; font-size: 1.000em; padding: 24px 0 26px}
.requstBox01 dl{margin-top: 20px; line-height: 40px; padding-left: 160px; position: relative; padding-right: 25px}
.requstBox01 dl span{position: absolute; left:25px; font-size: 1.375em; font-weight: 700}
.requstBox01 dl input[type="text"]{height: 40px; font-size: 1.000em; padding-left: 20px; 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: 20px; border: #d2d2d2 1px solid; width: 100%;}
.requstBox01 dl input[type="button"]{font-size: 1.250em; background: none; border-radius: 50px; line-height: 34px; width: 120px; 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: 30px}

.requstBox01 dl input[type="radio"] {font-size: 1.250em; background: none; border-radius: 50px; line-height: 34px; margin-right: 50px; text-align: center; border: none; font-weight: 700}
.foreign_consult_wr_5 {margin-right: 10px; margin-bottom: 0 !important;}
.foreign_consult_flex_div {display: flex; align-items: center;}
.foreign_consult_input, .foreign_consult_label {margin: 0 !important;}
.flex_between_padding {justify-content: space-between; padding: 0 20px;}
.requstBox01 dl .foreign_consult_wr_4 {margin-right: 10px;}
.requstBox01 dl .foreign_consult_wr_4,  .requstBox01 dl input[type="radio"]{cursor: pointer;}
.requstBox01 dl input[type="radio"] {margin-top: 0!important;}
.requstBox01 dl input[type="radio"] + input[type="radio"]{margin-left: 30px}