@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,700,800');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);


* { box-sizing:border-box; } 
* img { max-width:100%; }
html { font-size:16px; } 
BODY, TR, TD, INPUT, SELECT, OPTIN, TEXTAREA {  font-family: 'Noto Sans KR', sans-serif;font-weight:normal; word-break:break-all;}
html, body, div, span, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, select, textarea, table, col, colgroup, tfoot { margin:0; padding:0; font-family: 'Noto Sans KR', sans-serif; }	
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ol, ul, li { list-style:none; padding:0; margin:0; }
table { border-collapse:collapse; border-spacing:0; border:0 none; }
dl, dt, dd { margin: 0; padding:0; }
address { display:inline; }
legend  caption { display:none; height:0; width:0; }
button { border:none; margin:0; padding:0; cursor: pointer; vertical-align: middle; background: none; text-indent: 0; outline: none;   selector-dummy: expression(this.hideFocus=true); border:none; font-family: 'Noto Sans KR', sans-serif;}
img { outline:none; selector-dummy: expression(this.hideFocus=true); border:none; }
a { selector-dummy: expression(this.hideFocus=true); border:none;  text-decoration:none; color:#222; }
a:hover {text-decoration:none !important; }

: focus { outline:none; }
form { margin:0px; }
img { border:0px; max-width:100%;}
label { cursor:pointer; }
input, button { vertical-align: middle;}

body { min-width:1200px; font-size:16px; }
#contents { width:100%; margin:0 auto; }
.banner_area { margin:0px auto; text-align:center; width:100%; }
.banner_area img { max-width:100%; }
.pc_only { }
.m_only { display:none; }


@media(max-width:1000px){
html { font-size:11px; } 
body { min-width:0 }
.pc_only { display:none; }
.m_only { display:inline-block; }
}


html {
  --scrollbarBG: #eeeeee;
  --thumbBG: #fd651a;
}
body::-webkit-scrollbar {
  width: 9px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
}




#contents { width:100%; max-width:100%; }

.section_service { text-align:center; width:100%;  } 
.section_service .main_img { text-align:center;  height:500px; }
.section_service .main_img img { width:100%; min-width:100%;  height:500px; object-fit:cover; }
.section_service .service_1  { max-width:1400px;  display:block; margin:0px auto 0; overflow:hidden; background:#fff; padding:50px 0; }
.section_service .service_1 p { color:#fd651a; font-size:50px; font-weight:800; letter-spacing:-2px; line-height:65px; }
.section_service .service_2 { background:#ffc0a0; text-align:center; }


#section1 .div_half { display:flex ; height:100vh; width:100%; background:#eee; }
#section1 .left { width:40%; height:100%; flex-shrink:0;  background:url('../image/section1_bg.jpg') no-repeat;	background-position:center right;		background-size: cover;
display:flex; justify-content:center; align-items:center; }
#section1 .left .text { color:#fff; text-align:center; background:url('../image/1page_box.png') no-repeat; width:575px; height:223px; background-position:bottom center; } 
#section1 .left .text .p1 { font-size:1.7rem; }
#section1 .left .text .p2 { font-size:2.2rem; border-bottom:2px solid #fff; display:inline-block;}
#section1 .left .text .p3 { font-size:4rem; font-weight:600; white-space:nowrap; }
#section1 .left .text .p3 strong { font-size:4.4rem; }
#section1 .right { background:#fd651a; width:60%;  height:100%; flex-shrink:0; display:flex; flex-wrap:wrap;flex-direction:column;  justify-content:center; padding:0 4.375rem; }
#section1 .right .title { color:#fff; margin-bottom:3.2rem }
#section1 .right .title h3 { font-size:2rem; font-weight:600; letter-spacing:-1px; }
#section1 .right .title p { font-size:1.5rem; }
#section1 .right .cont { color:#fff;  display:flex; flex-wrap:wrap; justify-content:space-between; max-width:100%; padding:0; text-align:left; }
#section1 .right .cont li { width:calc(100% / 3 - 1.87rem); border:2px solid #fff; border-radius:1.25rem; margin:1.25rem 0; padding:2.5rem 0 3.125rem 2rem; }
#section1 .right .cont li i { font-size:2.5rem;  color:#fff; font-weight:500;  position:relative; display:block; margin-bottom:0.625rem; font-style:normal; }
#section1 .right .cont li i::after { position:absolute; width:30px; height:1px; background:#fff; content:""; left:0; top:3.43rem; }
#section1 .right .cont li strong { font-size:1.875rem; color:#fff; font-weight:500; margin-bottom:0.3rem; position:relative; display:block; }
#section1 .right .cont li p { font-size:1.125rem; line-height:1.5rem; }


#section20 { background:#eee; padding:150px 0 50px; }
#section20 .title { margin-bottom:3rem; }
#section20 .title .p1 { font-size:3rem; font-weight:800; letter-spacing:-1px; }
#section20 .title .p2 { font-size:1.5rem; }
#section20 .inner { width:100%; padding:0px 0 0; text-align:center;}
#section20 .inner .swiper-container { width:100%; margin:0 auto; padding:0 2.5% 70px; }
#section20 .inner .swiper-slide { width:calc(100% / 4); max-width:300px; }
#section20 .inner .swiper-slide .s-box { background:#fff; border-radius:20px; padding:10px; margin:0 15px; overflow:hidden; }
#section20 .inner .swiper-button-prev{width:50px;height:50px;margin-top:-60px;background:#fd651a ; left:3rem; border-radius:25px; color:#fff;  }
#section20 .inner .swiper-button-next{width:50px;height:50px;margin-top:-60px;background:#fd651a ; right:3rem; border-radius:25px;   color:#fff; }
#section20 .inner .swiper-button-prev:after,
#section20 .inner .swiper-button-next:after { width:20px !important; font-size:20px !important; }
#section20 .swiper-pagination { text-align:center; position:static; margin-top:2rem; }
#section20 .swiper-pagination .swiper-pagination-bullet { background:rgba(0,0,0,0.2); width:10px; height:10px; border-radius:5px; margin:0 10px; }
#section20 .swiper-pagination .swiper-pagination-bullet-active { background:#fd651a;width:10px; height:10px; border-radius:5px; }






.txt2 { background:#eeecff; padding:150px; 0; text-align:center; margin:0px auto 0; }
.txt2 .title p { font-size:20px; }
.txt2 .title strong { color:#6e5bff;  font-size:40px; font-family:"GmarketSansBold"}
.txt2 .mdm {  margin:50px auto; }
.txt2 .mdm ul  {display:flex; justify-content:space-between; }
.txt2 .mdm li { width: calc(20% - 20px); background:#fff; border-radius:20px; border:2px solid #6e5bff; padding:20px; }
.txt2 .mdm li span { background:#6e5bff; height:50px; width:50px; line-height:52px; text-align:center; display:block; border-radius:25px; margin:0 auto; font-size:20px; color:#fff; font-family:"GmarketSansMedium" }
.txt2 .mdm li strong { font-size:23px; font-family:"GmarketSansBold" ; font-weight:normal; margin:20px auto; display:block; line-height:26px; }
.txt2 .mdm li p { font-size:18px ;font-family:"GmarketSansMedium" ; text-align:left; color:#666; }
@media(max-width:1000px){
.txt2 { background:#eeecff; padding:50px 20px; text-align:center; margin:50px auto 0; }
.txt2 .title p { font-size:14px; }
.txt2 .title strong { color:#6e5bff;  font-size:25px; font-family:"GmarketSansBold"}
.txt2 .mdm {  margin:20px auto; }
.txt2 .mdm ul  {display:flex; justify-content:space-between; flex-wrap:wrap; }
.txt2 .mdm li { width:100%; background:#fff; border-radius:20px; border:2px solid #6e5bff; padding:20px; margin:10px 0; }
.txt2 .mdm li span { background:#6e5bff; height:50px; width:50px; line-height:52px; text-align:center; display:block; border-radius:25px; margin:0 auto; font-size:20px; color:#fff; font-family:"GmarketSansMedium" }
.txt2 .mdm li strong { font-size:23px; font-family:"GmarketSansBold" ; font-weight:normal; margin:20px auto; display:block; line-height:26px; }
.txt2 .mdm li p { font-size:16px ;font-family:"GmarketSansMedium" ; text-align:left; color:#666; }
}







#section6 {  background:#fff; color:#222 ; padding:100px 0; }
#section6 .title { text-align:center; margin-bottom:40px }
#section6 .title p.p1 { font-size:30px; font-weight:600;color:#222 ; letter-spacing:-1px; line-height:43px; }
#section6 .title p.p2 { font-size:65px; font-weight:600;  letter-spacing:-3px;  }
#section6 .title p.p3 { font-size:25px;   }

#section6 .cont { color:#222; display:flex; flex-wrap:wrap; justify-content:center; max-width:1300px; margin:0 auto; }
#section6 .cont li { width:calc(100% / 3 - 40px); text-align:center; padding:0px 0px; background:#ffe2d4; border-radius:15px; margin:15px ; padding:15px; }
#section6 .cont li img { object-fit:cover; margin:0 auto 0.6rem; border-radius:18px; width:100%; }
#section6 .cont li span { display:block; text-align:center; font-size:23px; letter-spacing:-1px;  color:#222; }



.service_3 { padding:120px 0; background:#ffd9c6; text-align:center; font-size:34px; letter-spacing:-1px; font-weight:600; color:rgba(0,0,0,0.9); }