/* ===================================
    Reset
====================================== */

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

html
{
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section
{
    display: block;
}

body
{
	font-size:1rem;
	line-height:1.769em;
	font-weight:400;
	font-family: 'Noto Sans KR', "맑은 고딕", "Malgun Gothic" , "Apple Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;
	background-color: transparent;
	color: #222;
	letter-spacing:-0.01em;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust:none; 
	
	 display:box;
	 display:-moz-box; 
	 display:-webkit-box;  
	 box-orient : vertical;
	 -moz-box-orient : vertical;
	 -webkit-box-orient : vertical; 

}


hr
{
    overflow: visible;
    box-sizing: content-box;
    height: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: #111111;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}

h1 {
  font-size: 70px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}



p {
  font-size: 1rem;
}

img {
  max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
  outline: none;
}
a,
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
  color: #222;
}

ul,
ol {
  padding: 0;
  margin: 0;
  list-style:none;
}

.section-title {
  margin-bottom: 40px;
}
.section-title.sidebar-title {
  margin-bottom: 36px;
}
.section-title.sidebar-title h5 {
  font-family: "Lato", sans-serif;
}
.section-title.sidebar-title h5:after {
  height: 36px;
  top: -8px;
}
.section-title.sidebar-title-b {
  margin-bottom: 30px;
  font-family: "Lato", sans-serif;
}
.section-title.sidebar-title-b h6:after {
  height: 20px;
  top: 0;
}

.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6 {
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: relative;
}

.section-title2 {
  display: flex;
  align-items: center; 
  flex-direction: column;
}

.section-title2 h2 {
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: relative;
  font-size: 2.5rem;
}

@media (max-width: 1199.98px){
	.section-title2 h2 {
	  font-size: 2rem;
	}
}
@media (max-width: 767.98px){
	.section-title2 h2 {
	  font-size: 1.5rem;
	}
}



svg{  overflow: hidden;    vertical-align: middle; }
table{ border-collapse: collapse;}
caption{ padding-top: 1rem;  padding-bottom: 1rem;   caption-side: bottom;    text-align: left;    color: #8898aa;}
th{ text-align: inherit;}
label{ display: inline-block;   margin-bottom: .5rem;}

button{ border-radius: 0;}
button:focus{ outline: 1px dotted;    outline: 5px auto -webkit-focus-ring-color;}
input,button,select,optgroup,textarea{ font-size: inherit;    line-height: inherit;    margin: 0;}
button,input{ overflow: visible;}
button,select{ text-transform: none;}
select{ word-wrap: normal;}
button,[type='button'],[type='reset'],[type='submit']{    -webkit-appearance: button;}
button:not(:disabled),[type='button']:not(:disabled),[type='reset']:not(:disabled),[type='submit']:not(:disabled){    cursor: pointer;}
button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner{    padding: 0;    border-style: none;}
input[type='radio'],input[type='checkbox']{    box-sizing: border-box;    padding: 0;}
input[type='date'],input[type='time'],input[type='datetime-local'],input[type='month']{    -webkit-appearance: listbox;}
textarea{    overflow: auto;    resize: vertical;}
fieldset{    min-width: 0;    margin: 0;    padding: 0;    border: 0;}
legend{    font-size: 1.5rem;    line-height: inherit;    display: block;    width: 100%;    max-width: 100%;    margin-bottom: .5rem;    padding: 0;    white-space: normal;    color: inherit;}

hr{    margin-top: 2rem;    margin-bottom: 2rem;    border: 0;    border-top: .0625rem solid rgba(0, 0, 0, .1);}
small{ font-size: 80%;}
small,.small{    font-size: 80%;    font-weight: 300;}
mark,.mark{    padding: .2em;    background-color: #fcf8e3;}



@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1440px;
  }
}




/* =================================== float====================================== */

.aL{text-align: left !important;}
.aC{text-align: center !important;}
.aR{text-align: right !important;}


.fl { float:left !important; }
.fr { float:right !important; }
.fr + * { clear:both; }

.clear { clear:both; }





/* =================================== font weight ====================================== */
.fontw100 {font-weight:100}
.fontw200 {font-weight:200}
.fontw300 {font-weight:300}
.fontw400 {font-weight:400}
.fontw500 {font-weight:500}
.fontw600 {font-weight:600}
.fontw700 {font-weight:700}
.fontw800 {font-weight:800}
.fontw900 {font-weight:900}

.text-lowercase{    text-transform: lowercase !important;}
.text-uppercase{    text-transform: uppercase !important;}
.text-capitalize{    text-transform: capitalize !important;}
.font-italic{    font-style: italic !important;}
.text-hide{    font: 0/0 a;    color: transparent;    border: 0;    background-color: transparent;    text-shadow: none;}
.text-decoration-none{    text-decoration: none !important;}
.text-break{    word-break: break-word !important;    overflow-wrap: break-word !important;}
.text-reset{    color: inherit !important;}
.visible{    visibility: visible !important;}
.invisible{    visibility: hidden !important;}






/* =================================== font size ====================================== */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{    font-weight: 400;    line-height: 1.5;    margin-bottom: .5rem;    color: #32325d;}
h1,.h1{    font-size: 2.5rem;}
h2,.h2{    font-size: 2rem;}
h3,.h3{    font-size: 1.75rem;}
h4,.h4{    font-size: 1.5rem;}
h5,.h5{    font-size: 1.25rem;}
h6,.h6{    font-size: 1rem;}

.fontS1{    font-size: 3.3rem;    font-weight: 600;    line-height: 1.5;}
.fontS2{    font-size: 2.75rem;    font-weight: 600;    line-height: 1.5;}
.fontS3{    font-size: 2.1875rem;    font-weight: 600;    line-height: 1.5;}
.fontS4{    font-size: 1.6275rem;    font-weight: 600;    line-height: 1.5;}
.fontS5{    font-size: 1.25rem;    font-weight: 300;}
.fontS6{    font-size: 0.875rem;    font-weight: 300;}
.fontS7{    font-size: 0.75rem;   font-weight: 300;}
.fontS8{    font-size: 0.7143rem;   font-weight: 300;}

.underline {text-decoration:underline;}


/* =================================== font color ====================================== */

.fblack {color:#000;}
.fwhite {color:#fff;}
.fred {color:#DF2519;}
.fred a{color:#DF2519;}
.fred2 {color:#820000;}
.fblue {color:#2176C6;}
.fbluegreen {color:#518df9;}
.fpink {color:#f9587d}
.fgold {color:#b8883c;}
.fgreen {color:#758d0a;}
.fbrown {color:#9F2C00;}
.fbrown2 {color:#cc6912;}
.forg {color:#ff5612;}
.fgray {color:#cccccc;}


.text-white{    color: #fff !important;}
.text-primary{    color: #5e72e4 !important;}

a.text-primary:hover,a.text-primary:focus{    color: #233dd2 !important;}

.text-secondary{    color: #f4f5f7 !important;}
a.text-secondary:hover,a.text-secondary:focus{    color: #c8cdd7 !important;}

.text-success{    color: #2dce89 !important;}
a.text-success:hover,a.text-success:focus{    color: #1f8f5f !important;}

.text-info{    color: #11cdef !important;}
a.text-info:hover,a.text-info:focus{    color: #0b90a8 !important;}

.text-warning{    color: #fb6340 !important;}
a.text-warning:hover,a.text-warning:focus{    color: #ea3005 !important;}

.text-danger{    color: #f5365c !important;}
a.text-danger:hover,a.text-danger:focus{    color: #d40b33 !important;}

.text-light{    color: #adb5bd !important;}
a.text-light:hover,a.text-light:focus{    color: #838f9b !important;}

.text-dark{    color: #212529 !important;}
a.text-dark:hover,a.text-dark:focus{    color: black !important;}

.text-default{    color: #172b4d !important;}
a.text-default:hover,a.text-default:focus{    color: #050a12 !important;}

.text-white{    color: #fff !important;}
a.text-white:hover,a.text-white:focus{    color: #d9d9d9 !important;}

.text-neutral{    color: #fff !important;}
a.text-neutral:hover,a.text-neutral:focus{    color: #d9d9d9 !important;}

.text-darker{    color: black !important;}
a.text-darker:hover,a.text-darker:focus{    color: black !important;}

.text-body{    color: #525f7f !important;}
.text-muted{    color: #8898aa !important;}
.text-black-50{    color: rgba(0, 0, 0, .5) !important;}
.text-white-50{    color: rgba(255, 255, 255, .5) !important;}



/* =================================== line height ====================================== */
.line-height-10 {line-height:10px}
.line-height-15 {line-height:15px}
.line-height-20 {line-height:20px}
.line-height-25 {line-height:25px}
.line-height-30 {line-height:30px}
.line-height-35 {line-height:35px}
.line-height-40 {line-height:40px}
.line-height-45 {line-height:45px}
.line-height-50 {line-height:50px}





/*==============================    Margin ================================*/

.mg0{margin:0px}









/*==============================버튼 ================================*/




/* button */
.bu_al_red {position: relative; border:2px solid #D31F21; background-color:#D31F21; color:#fff; font-size:1.2rem; font-weight:600; display:inline-block; padding:14px 0; min-width:120px; text-align:center; transition:all 0.4s ease;}
.bu_al_red:before{border: 0px; content: ''; position: absolute; width: 0;height: 0; top: -1px; left: 0;}
.bu_al_red:after{bottom: -1px;right: 0px; content: ''; position: absolute; width: 0;height: 0; }
.bu_al_red:hover {background-color:#fff; color:#D31F21; border:2px solid #ececec;}
.bu_al_red:hover:before{ border-top: 2px solid;border-right: 2px solid; border-color: #D31F21; transition: border-color 0s, width 0.1s, height 0.2s; transition-delay: 0s, 0.2s, 0.3s; width: 100%; height: 100%;}
.bu_al_red:hover:after { border-bottom:2px solid; border-left: 2px solid; transition: border-color 0s, width 0.3s, height 0.4s; transition-delay: 0s, 0.4s, .6s; width: 100%; height: 100%;border-color: #D31F21;}







.wid100pro { position: relative; width:100% !important; display:inline-block;}

.wid50pro { position: relative; width:48% !important; display:inline-block;}


.bu_al_red2 {position: relative; border:2px solid #D31F21; background-color:#D31F21; color:#fff; font-size:1.2rem; font-weight:600; display:inline-block; padding:14px 0; min-width:120px; text-align:center;}
.bu_al_red2:hover {background-color:#fff; color:#D31F21; border:2px solid #D31F21;}


.btn-search {position: relative; border:1px solid #D31F21; background-color:#D31F21; color:#fff; font-size:0.9286rem; font-weight:400; display:inline-block; padding:4px 0; min-width:100px; text-align:center; transition:all 0.4s ease;  border-radius: 0.25rem;}
.btn-search:hover {background-color:#fff; color:#D31F21; border:1px solid #ccc;}
.btn-search:hover:before{ border-top: 1px solid;border-right: 1px solid; border-color: #D31F21; transition: border-color 0s, width 0.1s, height 0.2s; transition-delay: 0s, 0.2s, 0.3s; width: 100%; height: 100%;}
.btn-search:hover:after { border-bottom:1px solid; border-left: 1px solid; transition: border-color 0s, width 0.3s, height 0.4s; transition-delay: 0s, 0.4s, .6s; width: 100%; height: 100%;border-color: #D31F21;}


/*==============================테이블================================*/




.btn-default {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
  font-size:80%;
}

.btn-default:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-default:focus, .btn-default.focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-default.disabled, .btn-default:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark {font-size:80%;}






/*---------------------
  speedestimate Form
-----------------------*/

#speedestimate-sect {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999; /* 다른 요소 위에 보이게 */
}



/* 1199px 이하 */
@media (max-width: 1199px) {
  #speedestimate-sect {
    position: static;   /* 기본 흐름으로 */
    top: auto;
    left: auto;
    transform: none;
  }
}





.speedestimate {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 1rem;
  padding:1.5rem; 
  width:18rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.modal-body .speedestimate {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0px;
  padding:2rem; 
  width:100%;
}


@media only screen and (max-width: 1199.98px) {
	.speedestimate-section {
		 width: 100%;
		 padding:10px;
	}

	.speedestimate {
	  padding:20px; 
	  border-radius: 2rem;
	  width:100%;
	  margin-bottom:2rem;
	}


	.pc-only {
	  display: none;
	}

}



.request .form-group {
  position: relative;
  width: 100%;
  display: block;
  }


.request .form-group .select-wrap, .request .form-group .input-wrap {
    position: relative;
	z-index: 20;
}


.request .form-control {
  border: transparent;
  background: #fff !important;
  color: rgba(0, 0, 0, 1) !important;
  font-size: 1rem;
  font-weight: 400;
  border-radius: 0px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; 
  height:2.5rem;
  }

  .request .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(0, 0, 0, 0.5); }
  .request .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(0, 0, 0, 0.5); }
  .request .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(0, 0, 0, 0.5); }
  .request .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(0, 0, 0, 0.5); }

.request textarea.form-control {
  height: inherit !important; }

.request .form-check {
  display: flex;
  align-items: center;
}

.request .form-check-input[type="checkbox"] {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 5px;
  margin-top: 0; /* 부트스트랩 기본값 제거 */
}

.request .form-check-label {
  color: #ffffff;
  margin-left: 10px;
  margin-bottom: 0; /* label 기본 margin 제거 */
  font-size:0.9rem;
}

select {
  position: relative;
  z-index: 9999;
}



/*---------------------
  Chooseus Section
-----------------------*/
.chooseus-section {
  padding-bottom: 55px;  
  background: url(/images/main/sanggong-bg.jpg);
}

.chooseus-text {
  margin-bottom: 3rem;
}
.chooseus-text .section-title { 
  margin-bottom: 2rem;
  position:relative;
  display: block;
  text-align: center;
}
.chooseus-text p {
  font-size: 2rem;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.05em;
  line-height: 45px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
	.chooseus-text p {
	  font-size: 1.2rem;
	  line-height: 35px;
	  text-align: center;
	}

}
.chooseus-text p  span{
  color: #fffc00;
  font-weight: 700;
}

.chooseus-text .coopimg {
  margin: 2rem auto;
  position: relative;
  display: flex;
  justify-content: center;
  max-width:70rem;
}


/*---갤러리--*/
.gallerySwiper {
  padding: 20px 0;
}

.gallerySwiper .swiper-slide {
  text-align: center;
  height: 17rem;
  overflow: hidden;
}

.gallerySwiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 12px;
}






/*---------------------
  coopmove
-----------------------*/
.coopmove-section {
  background: #fff;
}

.coopmove-section .coopmove-item {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  background: #410094 url(/images/main/coop-bg.jpg) no-repeat left top;
  height: 600px;
}

@media (max-width:1199.98px) {
	.coopmove-section .coopmove-item {
	  height: auto;
	}
}
.coopmove-section .coopmove-item .coopmove-left {
  width: 100%;
  height: 600px;
  display: flex;              /* ⬅️ 추가 */
  justify-content: center;    /* 가로 중앙 */
  align-items: center;        /* 세로 중앙 */
  text-align: center;
}


.coopmove-section .coopmove-item .coopmove-left img {
  display: block;
  max-width: 100%;
  height: auto;
}

.coopmove-section .coopmove-item .coopmove-right {
  position:relative;
  width: 100%;
  height: 600px;
  display: flex;              /* ⬅️ 추가 */
  justify-content: center;    /* 가로 중앙 */
  align-items: center;        /* 세로 중앙 */
  text-align: center;
}
.coopmove-section .coopmove-item .coopmove-right .chrignt{
  z-index: 98;
  position: absolute;
  bottom:0px;
  right:0;
}

.youtube-wrap {
  position: relative;
  width: 70%;
  padding-top: 56.25%; /* 16:9 비율 */
}

.youtube-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width:1199.98px) {
	.coopmove-section .coopmove-item .coopmove-left {
	  height: auto;
	  padding-top:2rem;
  }

  .coopmove-section .coopmove-item .coopmove-right {
	  height: auto;
	  padding:2rem 0;
  }
  .coopmove-section .coopmove-item .coopmove-right .chrignt{
  display: none;
  }

  .youtube-wrap {
  width: 100%;
}

}


/*---------------------
  Team Section
-----------------------*/
.team-section {
  background: #f5f5f5;
}


.ts-item {
  border-radius: 1rem;
  background: #ffffff;
  text-align: center;
  padding: 30px 20px 30px 20px;
  height: 350px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12);
}

@media (max-width: 1199.98px) {
	.ts-item {

	  height: auto;
	  margin-bottom:2rem;
	}
}

.ts-item:hover {
  background: #004bb2;
}
.ts-item:hover .ts-text img {
  height: 100px;
  width: 150px;
}
.ts-item:hover .ts-text h4 {
  color: #ffffff;
}
.ts-item:hover .ts-text span {
  margin-bottom: 20px;
  color: #ffffff;
}
.ts-item .ts-text img {
   width: 100%;
  height: 160px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.ts-item .ts-text h4 {
  color: #111111;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
  margin-top: 25px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ts-item .ts-text span {
  color: #000000;
  display: block;
  font-weight: 400;
  margin-bottom: 50px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ts-item .ts-text p {
  color: #ffffff;
  margin-bottom: 8px;
}
.ts-item .ts-text .ts-social a {
  font-size: 1.1rem;
  display: inline-block;
  color: #ffffff;
  background: linear-gradient(to bottom, #ffc000, #e28500);
  border-radius: 0.5rem;
  padding:0.7rem;
  width:100%;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);

  display: flex;          /* 한줄 row */
  align-items: center;        /* 세로 가운데 */
  justify-content: center;    /* 가로 가운데 */
  gap: 0.5rem;
}
.ts-item .ts-text .ts-social a:hover {
  background: linear-gradient(to bottom, #e28500, #c93d00);
}


.btnblue a {
  font-size: 1.1rem;
  display: inline-block;
  color: #ffffff;
  background: linear-gradient(to bottom, #0077fe, #0042c5);
  border-radius: 0.5rem;
  padding:0.7rem;
  width:100%;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);

  display: flex;          /* 한줄 row */
  align-items: center;        /* 세로 가운데 */
  justify-content: center;    /* 가로 가운데 */
  gap: 0.5rem;
}
.btnblue a:hover {
  background: linear-gradient(to bottom, #0046c8, #002b81);
}


/*---------------------
  service Section  생활서비스
-----------------------*/
.service-section {
	background: #f5f5f5;
}
.service-section .section-title2 {
  margin-bottom: 2rem;
}

.servcerow > .col-md-4 {
  display: flex;
}

.service-item {
  border-radius: 1rem;
  background: #e05b63;
  padding: 30px 20px;
  margin-bottom: 1rem;

  display: flex;
  flex-direction: column;
  flex: 1;  /* 같은 높이 */
}

/* 내부 텍스트 영역도 flex */
.service-item .ts-text {
  display: flex;
  flex-direction: column;
  flex: 1;
}




.service-item:hover {
  background: linear-gradient(to bottom, #e05b63, #9920b7);
}
.service-item:hover .ts-text .imgbox {
  width: 100%;
  height: 160px;
}


.service-item .ts-text .imgbox {
  width: 100%;
  height: 170px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}

.service-item .ts-text .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;   /* 가로 꽉 + 높이 잘림 */
  object-position: center;
  display: block;
}

.service-item .ts-text h5 {
  text-align: left;
}
.service-item .ts-text h5 span {
  color: #000000;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
  margin-top: 25px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background: #ffed3d;
  border-radius: 0.5rem;
   display: inline-block;
   padding:0.5rem;
   font-size:0.9rem;
}
.service-item .ts-text p {
  color: #ffffff;
  display: block;
  font-weight: 400;
  margin-bottom: 20px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: left;
  min-height:50px;
}
.service-item:hover .ts-text p {
  margin-bottom: 30px;
}

.service-item .ts-social {
  margin-top: auto;
}

.service-item .ts-text .ts-social a {
  font-size: 1.1rem;
  display: inline-block;
  color: #000000;
  background: #ffffff;
  border-radius: 0.5rem;
  padding:0.7rem;
  width:100%;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);

  display: flex;          /* 한줄 row */
  align-items: center;        /* 세로 가운데 */
  justify-content: center;    /* 가로 가운데 */
  gap: 0.5rem;
}


@media (max-width: 1199.98px){
	.service-item {
	  height: auto;
	}
	.service-item .ts-text p {
	 height: auto;	 
	}
}



/*---------------------
  skybanner-section 사다리차배너
-----------------------*/
.skybanner {
  border-radius: 1rem;
  overflow: hidden;
  background: #410094 url(/images/main/skycar.png) no-repeat left top;
  min-height:200px;
  color:#ffffff;
}


.skybanner .lefttxt {
  display: flex;
  justify-content: center; 
  flex-direction: column; 
  min-height:200px;
  padding-left:5rem;
}


.skybanner .lefttxt h2 {
	color:#ffffff;
	font-weight: 700;
	margin-bottom:1rem;
}
.skybanner .lefttxt p{
	color:#ffffff;
	font-size:1.2rem;
}

.skybanner .rightttxt {
  display: flex;
  justify-content: center; 
  flex-direction: column; 
  min-height:200px;
}

.skybanner .rightttxt  h4 {
	color:#ffffff;
	font-weight: 600;
	margin-bottom:1rem;
}
.skybanner .rightttxt  p{
	color:#ffea00;
	font-size:3rem;
	font-weight: 700;
}

@media only screen and (max-width:1199.98px) {

	.skybanner {
	  min-height:auto;
	  padding:1rem;
	}

	.skybanner .lefttxt {
	  padding-left:1rem;
	  min-height:auto;
	}

	.skybanner .lefttxt h2 {
		font-size:1.5rem;
		margin-bottom:0.5rem;
	}
	.skybanner .lefttxt p{
		font-size:1.0rem;
	}

	.skybanner .rightttxt {
	   min-height:auto;
	}

	.skybanner .rightttxt  h4 {
		font-size:1.0rem;
		margin-bottom:0.5rem;
	}
	.skybanner .rightttxt  p{
		font-size:2rem;
	}

}


/*---------------------
  kakao Section
-----------------------*/
.kakao-section {
  overflow: hidden;
  padding-top: 2rem;
  background: #ffcc33;
}


.kakao-section .ka-text {

  display: flex;
  flex-direction: column; 
  height:100%; 
  justify-content: center;
  gap: 10px;
}



.kakao-section .ka-text h2 {
	color:#ffffff;
	font-weight: 700;
	font-size:3rem;
	line-height:3rem; 
}

.kakao-section .ka-text h3 {
	color:#000000;
	font-weight: 400;
	font-size:2rem;
	line-height:1.2rem; 
}
.kakao-section .ka-text h3 span {
	font-weight: 600;
}

.kakao-section .ka-text p{
	color:#000000;
	font-size:1.4rem;
	margin-bottom:2rem;
}

.kakao-section .ka-text p span{
	font-weight: 600;
}

.ka-send {
    font-size: 1.5rem;
    display: inline-block;
    color: #ffffff;
    background:#000000;
    border-radius: 0.5rem;
    padding: 1rem;
	max-width:250px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;	
	font-weight: 500;
}

.ka-send:hover, .ka-send:focus {
	color: #ffffff;
	background:#0042c5;
}


.kakao-section .ka-img img {
  animation: floatX 6s ease-in-out infinite;
}
@keyframes floatX {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}


@media (max-width:1199.98px){
	.kakao-section .ka-text h3{
		font-size:1.5rem;
		line-height:1rem; 
	}

	.kakao-section .ka-text h2 {
		font-size:1.7rem;
		line-height:2rem; 
	}

	.kakao-section .ka-text p {
		font-size:1.1rem;
	}

	.ka-send {
		font-size: 1.2rem;
		padding: 0.5rem;
		max-width:200px;
	}


}

@media (max-width: 767.98px){
	.kakao-section .ka-text{
	   align-items: center;
	}
	.kakao-section .ka-text   h3{
		font-size:1.2rem;
		text-align: center;
	}


	.kakao-section .ka-text h2 {
		font-size:1.5rem;
		text-align: center;
	}

	.kakao-section .ka-text p{
		text-align: center;
	}
	.ka-send {
		font-size: 1.2rem;
		padding: 1rem;
		max-width:auto;
		width:100%;
		text-align: center;
	}
    .kakao-section .ka-img {
		text-align: center;
	}
	.kakao-section .ka-img img {
		 width:70%;
	}

}

.set-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.spad {
  padding-top: 60px;
  padding-bottom: 60px;
}
.spad-2 {

  padding-bottom: 70px;
}

.navbar-white { 
 background:#ffffff;
 box-shadow: 0 1px 5px rgba(0,0,0,0.15);
}
.navbar {
	padding:0.5rem 0;
}
.nav-item > a {
    color: #000000 !important;
    font-size: 1.3rem !important;
    font-weight: 500;
	padding:1rem;
}

@media (max-width:1199.98px) {
	.nav-item > a {
		font-size: 1.1rem !important;
		padding:0.5rem;
		border: 1px dotted #aec4d8;
	}
	.dropdown-menu a {
		font-size: 1.05rem !important;
		}
}

@media (max-width:500px) {
	.navbar-nav .nav-link {
		padding-left: 1rem;
	}
}


.nav-item a:hover,.nav-item a:focus {
    color: #0844df !important;
}
.header-banner a{
    display: flex;
    align-items: center; 
	flex-direction: column;
}
.header-banner p{
 font-size: 1.1rem;
 font-weight: 600;
 color: #000000;
 line-height: 0.2rem;
}

.top_ba {
border-bottom: 2px solid #0045a0;
}

.telbox {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #23409b;
  text-decoration: none;
  position: relative;
}

/* 왼쪽 아이콘 */
.telbox::before {
  content: "";
  width: 2.8rem;
  height: 2.8rem;
  flex-shrink: 0;

  background-color: #23409b;

  -webkit-mask-image: url(/images/main/phone-call.svg);
  mask-image: url(/images/main/phone-call.svg);

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: contain;
  mask-size: contain;
}


.telbox p{
 color:#000000;
 font-size:1.3rem;
 line-height: 0.2rem;
}
.telbox h1{
 color:#ff4e00;
 font-size:2.2rem;
 font-weight: 600;
 line-height: 1.2rem;
}

.navbar-toggler {
background-color: #001187;
}


/* mainvisu */


.mvmenu {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;

  background-color: #000000;

  -webkit-mask-image: url(/images/menu-burger.svg);
  mask-image: url(/images/menu-burger.svg);

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: contain;
  mask-size: contain;
}


#myCarousel {
margin-top:170px;
}

@media (max-width:1199.98px) {
	#myCarousel {
		margin-top:60px;
	}
	.top_ba {
	border-bottom: 0px solid #0045a0;
	}
}


.hc-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}


.hc-inner .hc-inner-text {
  position: relative;
  top:3rem;
  display: flex;
  flex-direction: column;   /* 세로 정렬 */
  justify-content: center;  /* 세로 가운데 */
  align-items: center;      /* 가로 가운데 */
  gap: 2rem;
}

.hc-inner .hc-inner-text.in2{
  top: 2.5rem;
  gap: 2rem;
}

.hc-inner .hc-inner-text.in3{
  top: 2rem;
  gap: 2rem;
}

.hc-inner .ch-section {
  position: relative;
  top:5rem;
}

.hc-inner .txth1 {
  font-size:3.3rem;
  color:#fff200;
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height:4rem; 
}

.hc-inner .txth2 {
  font-size:2rem;
  line-height: 40px;
  color:#ffffff;
  font-weight: 400;
  text-align: center;
  letter-spacing: -0.05em;  
}

.hc-inner-text img {
  width: auto;
  max-width: none;
  height: auto;
}

@media (max-width:1610px) {

	.hc-inner {
	  gap: 1rem;
	}


	.hc-inner .hc-inner-text {
	  top:2.6rem;
	  gap: 1.6rem;
	}

	.hc-inner .hc-inner-text.in2{
	  top: 1rem;
	  gap: 2rem;
	}

	.hc-inner .hc-inner-text.in3{
	  top: 1rem;
	  gap: 2rem;
	}

	.hc-inner .txth1 {
	  font-size:2.8rem;
	  line-height:3rem; 
	}

	.hc-inner .txth2 {
	  font-size:1.8rem;
	  line-height: 1.8rem;
	}
}



@media (max-width:1199.98px) {

	.hc-inner .hc-inner-text.in2 img{
	  width:110%;
	}

	.hc-inner .hc-inner-text.in3 img{
	  width:110%;
	}
}


@media (max-width: 767.98px){

	.hc-inner {
	  gap: 1.0rem;
	}
	.hc-inner .ch-section {
	  display: none;
	}

	.hc-inner .hc-inner-text {
	  top:2.6rem;
	  gap: 1rem;
	}

	.hc-inner .hc-inner-text.in1 img.katalk{
		width:100%;
	}


	.hc-inner .hc-inner-text.in2{
	  top: 4rem;
	}

	.hc-inner .hc-inner-text.in2 img{
	  width:90%;
	}

	.hc-inner .hc-inner-text.in3{
	  top: 3rem;
	}

	.hc-inner .hc-inner-text.in3 img{
	  width:115%;
	}

	.hc-inner .hc-inner-text .txth1 span{
		display: block;
	}
	.hc-inner .txth1 {
	  font-size:1.8rem;
	  line-height:2rem; 
	}

	.hc-inner .txth2 {
	  font-size:1.2rem;
	  line-height: 1.8rem;
	}
}


.mlogo {
max-width:150px;
margin-top:5px;
}


.mlr5rem {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.ftwhite {
 color:#ffffff;
}

#sel2 .col-6 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.modal-header h3{
font-weight: 600;
}