@charset "utf-8";



/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:16px;font-family:'Pretendard-Regular','Malgun Gothic', dotum, sans-serif;background:#fff;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard-Regular','Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Pretendard-Regular','Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Pretendard-Regular','Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}


:root {
  --primary-color: #22a9ed;
}


input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}





/**/
.intro_wrapper {overflow:hidden; background: linear-gradient(to top, #FFF 60%, #d9f1ff 40%); padding-top:120px; min-height:100%; }
.at-container {max-width:1410px; width:100%; margin:0 auto; position:relative;}
.mobile_br {display:none;}
.intro_title {text-align:center;}
.intro_title .icon {display:inline-block; width:297px; height:65px;}
.intro_title .icon.gb_icon {background:url(../img/gb_logo.png) no-repeat; background-size:100%;}
.intro_title h1 {font-size:50px; color:#0b2230;}

.intro_container {max-width:1410px; margin:0 auto;}
.intro_menu {margin-top:40px; display:flex; justify-content:center; gap:30px; flex-wrap:wrap;}
.intro_menu li {position:relative; width:23.6%;border:1px solid #cdcdcd; border-radius:20px; overflow:hidden; padding-bottom:70px; transition:.3s all; -webkit-transition:.3s all; background:#FFF;}
.intro_menu li:hover {transform:translate(0px, -20px); box-shadow:0px 0px 20px rgba(0,0,0,0.1);}
.intro_menu li .img img {max-width:100%;}
.intro_menu li .info {padding:25px; text-align:center;}
.intro_menu li .info h3 {font-size:24px; color:#0b2230; letter-spacing:-1px; line-height:160%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.intro_menu li .info p {min-height:20px; font-size:16px; color:#5f5f5f; font-weight:500; letter-spacing:-0.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.intro_menu li .info small {color:#888; letter-spacing:-0.5px; line-height:120%; margin-top:5px; display:block;}
.intro_menu li .btn_set {position:absolute; bottom:30px; width:100%; display:flex; justify-content:center; gap:10px; margin-top:25px; padding:0 10px;}
.intro_menu li .btn_set a {display:inline-flex; align-items:center; justify-content:center; color:#FFF; border-radius:50px;max-width:140px; background:#014099; width:100%; height:48px; transition:.3s all; -webkit-transition:.3s all;}
.intro_menu li .btn_set a.link_btn01 {background:#014099;}
.intro_menu li .btn_set a.link_btn01:hover {background:#00275f;}
.intro_menu li .btn_set a.link_btn02 {background:#d22e46;}
.intro_menu li .btn_set a.link_btn02:hover {background:#93192b; }

.intro_container2 {position:relative; max-width:1060px; margin:50px auto;}
.applySlider {overflow:hidden;}
.intro_menu2 {height:auto !important;}
.intro_menu2 li {height:auto !important; border:1px solid #cdcdcd; border-radius:20px; overflow:hidden; padding-bottom:70px; transition:.3s all; -webkit-transition:.3s all; background:#FFF;}
.intro_menu2 li img {max-width:100%;}
.intro_menu2 li .info {padding:25px; text-align:center;}
.intro_menu2 li .info h3 {font-size:22px; color:#0b2230; letter-spacing:-1px; line-height:160%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.intro_menu2 li .info p {min-height:20px; font-size:16px; color:#5f5f5f; font-weight:500; letter-spacing:-0.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.intro_menu2 li .info small {color:#888; letter-spacing:-0.5px; line-height:120%; margin-top:5px; display:block;}
.intro_menu2 li .btn_set {position:absolute; bottom:30px; width:100%; display:flex; justify-content:center; gap:10px; margin-top:25px; padding:0 10px;}
.intro_menu2 li .btn_set a {display:inline-flex; align-items:center; justify-content:center; color:#FFF; border-radius:50px;max-width:140px; background:#014099; width:100%; height:48px; transition:.3s all; -webkit-transition:.3s all;}
.intro_menu2 li .btn_set a.link_btn01 {background:#014099;}
.intro_menu2 li .btn_set a.link_btn01:hover {background:#00275f;}
.intro_menu2 li .btn_set a.link_btn02 {background:#d22e46;}
.intro_menu2 li .btn_set a.link_btn02:hover {background:#93192b; }

.intro_container2 .swiper-prev {position:absolute; left:-60px; width:50px; height:50px; display:flex; align-items:center; justify-content:center; font-size:25px; border:1px solid #000; z-index:9; top:calc(50% - 25px); background:#FFF; cursor:pointer; }
.intro_container2 .swiper-next {position:absolute; right:-60px; width:50px; height:50px; display:flex; align-items:center; justify-content:center; font-size:25px; border:1px solid #000; z-index:9; top:calc(50% - 25px); background:#FFF; cursor:pointer;}



@media (max-width:1200px) {
.intro_container2 { margin:70px auto 50px auto; padding:0 20px;}
.intro_container2 .swiper-prev {left:auto; right:70px; width:40px; height:40px;  font-size:20px;  top:-50px;}
.intro_container2 .swiper-next {right:20px; width:40px; height:40px; font-size:20px;  top:-50px;}


}

.intro_footer {position:relative; padding-left:230px; margin-top:50px; padding-bottom:20px; }
.intro_footer .footer_logo {position:absolute; left:0; top:0;}
.intro_footer .intro_copyright {line-height:140%;}
.intro_footer .intro_copyright h1 {color:#000; font-size:15px; font-weight:normal; font-weight:500;}
.intro_footer .intro_copyright address {font-size:15px; font-style:normal; color:#838383;}
.intro_footer .intro_copyright p {font-size:15px; font-style:normal; color:#838383; margin-top:20px;}

.intro_footer.second { padding-bottom:50px; margin-top:10px;}
.intro_footer.second .footer_logo img {width:200px;}




@media (max-width:1410px) {

.intro_container {padding:0 20px;}

}

@media (max-width:992px) {

.intro_title .icon {width:220px; height:58px;}
.intro_title h1 {font-size:40px; line-height:140%;}

.intro_menu li {width:48%; margin-bottom:20px;}
.intro_menu li .img img {width:100%;}

}

@media (max-width:767px) {

.intro_wrapper {padding-top:80px;}
.intro_title h1 {font-size:34px; line-height:140%;}

.intro_menu li .info {padding:20px 10px;}
.intro_menu li .info h3 {font-size:22px;}
.intro_menu li .info p {font-size:15px;}
.intro_menu li .btn_set {margin-top:20px;}
.intro_menu li .btn_set a {font-size:16px;}


.intro_footer {padding-left:0px; margin-top:50px; padding-bottom:20px; }
.intro_footer .footer_logo {position:relative; left:0; top:0;} 
.intro_footer .intro_copyright h1 {font-size:14px;
.intro_footer .intro_copyright address {font-size:14px;}
.intro_footer .intro_copyright p {font-size:14px; }

.intro_footer.second { padding-bottom:50px; margin-top:10px;}
.intro_footer.second .footer_logo img {width:200px;}


}


@media (max-width:500px) {

.mobile_br {display:block;}

.intro_wrapper {padding-top:60px;}
.intro_title .icon {width:200px; height:50px;}
.intro_menu li {width:100%; margin-bottom:20px; padding-bottom:70px;}
.intro_title h1 {font-size:26px; line-height:140%;}

.intro_menu li .info h3 {font-size:20px;}
.intro_menu li .info p {font-size:14px;}
.intro_menu li .btn_set {margin-top:15px; gap:5px;}
.intro_menu li .btn_set a {font-size:14px;}

.intro_container2 { margin:50px auto 50px auto;}
.applySlider {overflow: visible; display:block; height:auto;}
.intro_menu2.swiper-wrapper {display:block; flex-wrap:wrap; transform:none !important;}
.intro_menu2.swiper-wrapper li.swiper-slide {  width: 100% !important; margin-bottom:20px;}
.intro_menu2 li img {width:100% !important; max-width:auto !important;}

.intro_container2 .swiper-prev {display:none;}
.intro_container2 .swiper-next {display:none;}

}