/* CSS 초기화 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video,textarea,input,select,button{margin:0; padding:0; border:0 none; font-size:100%; vertical-align:baseline; background:transparent;}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1;font-family:AppleSDGothicNeo-Regular,'Montserrat',sans-serif;color:#1a1b1f;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
dl,ul,ol,menu,li{list-style:none;}
blockquote,q{quotes: none /*따옴표 안생기게*/}
a{margin:0; padding:0; font-size:100%; text-decoration:none; vertical-align:baseline; color:#222; background:transparent;}
img{vertical-align:top;/* 인라인 수평맞추는것 */ width:100%;}
table{border-collapse:collapse; border-spacing:0;}
/* input{
margin:0;
padding:0;
box-sizing:content-box;
vertical-align:top;
appearance:none;
border:1px solid #e65d5d;
color:#e65d5d;
border-radius:0; 
font-family:NanumGothic,나눔고딕,'Nanum Gothic','맑은 고딕',HelveticaNeue,DroidSans,Sans-serif,Helvetica;
} */
/* input::-moz-input-placeholder{
color:#e65d5d;
}
input::-webkit-input-placeholder {
color:#e65d5d;
} */
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
hr {display: none;}
.blind,legend {display: block; position: absolute; left: 0; top: -9999em; overflow: hidden;}
.skip a {display: block; position: absolute; left: 0; top: -9999em; z-index: 9999; padding: 0 1em; background-color: #010101; color: #a0a0a0; line-height: 2.2;}
.skip a:focus {top: 0;}
.clearfix {zoom: 1;}
.clearfix:after {content: ''; display: block; clear: both;}
.s1140 {width: 1140px; margin: 0 auto;}
.m1140 {min-width: 1140px; margin: 0 auto;}
.ios .menu_bar{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);}
body {min-width: 320px; background: #E4E4E4; font-family: 'Pre';}

/* font */
/* font */
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
/* //font */

/* popup */
.popup {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; max-width: 500px; width: 100%; max-height: 100vh; height: auto; cursor: pointer; z-index: 11; box-shadow: 0px 0px 15px #00000085;}
.popup img {width: 100%; height: auto; max-height: 100vh;}
.dim {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgb(0 0 0 / 20%); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); z-index: 10;}


/* style */
.wrap {max-width: 600px; width: 100%; height: auto; padding-bottom: 60px; margin: 0 auto; box-sizing: border-box;}
.header {width: 100%;}
section {position: relative; width: 100%;}
div {width: 100%;}
.sec1 a {position: absolute; left: 0; width: 100%; height: 50%; z-index: 2;}
.sms {top: 0;}
.tel {bottom: 0;}

.sec2 .copy_btn {position: absolute; bottom: 0; left: 0; width: 100%; height: 20%; z-index: 2; text-indent: -9999px; color: transparent; overflow: hidden; cursor: pointer;}

.fixed {position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 5; max-width: 600px; width: 100%; height: auto;}
.fixed a {position: absolute; bottom: 0; width: 50%; height: 100%; z-index: 2;}
.fixed .tel2 {left: 0;}
.fixed .sms2 {right: 0;}

/* sec3 */
.sec3 {width: 100%; height: auto; background: #eeeeee;}
.sec3 .tit-img {width: 100%; height: auto;}
.sec3 .tit-img img {width: 100%; height: auto;}

.sec3 .sec3_ct {padding: 0 15px 31px; box-sizing: border-box;}

.sec3 .dl_box {display: flex; flex-flow: column; gap: 8px; width: 100%; height: auto; padding: 23px 35px; box-sizing: border-box; border-radius: 20px; background: #fff;}
.sec3 .dl_box dl {display: flex; align-items: center; justify-content: space-between;}
.sec3 .dl_box dl dt {font-size: 24px; font-weight: 900; line-height: 0.92; color: #0c56b9;}
.sec3 .dl_box dl:last-of-type dt {color: #9c9c9c;}
.sec3 .dl_box dl dd {font-size: 24px; font-weight: bold; line-height: 0.92; color: #000;}
.sec3 .dl_box dl dd span {}

/* slide_txt */
.sec3 .slide_txt {width: 100%; height: auto;}
.sec3 .slide_txt ul {display: flex; flex-flow: column; gap: 20px; height: 466px; padding: 20px 30px 38px; margin-top: 25px; box-sizing: border-box; background: #fff; border-radius: 20px;}
.sec3 .slide_txt ul .slick-list {height: 100% !important;}
.sec3 .slide_txt ul li {width: 100%; height: auto; margin-bottom: 25px;}
.sec3 .slide_txt ul li:last-of-type {margin-bottom: 0;}
.sec3 .slide_txt ul li img {width: 100%; height: auto;}


/* 미디어쿼리 */
@media screen and (max-width: 600px){
  .sec3 {width: 100%; height: auto; background: #eeeeee;}
  .sec3 .tit-img {width: 100%; height: auto;}
  .sec3 .tit-img img {width: 100%; height: auto;}
  .sec3 .sec3_ct {padding: 0vw 2.5vw 5.17vw; box-sizing: border-box;}
  .sec3 .dl_box {display: flex; flex-flow: column; gap: 1.33vw; width: 100%; height: auto; padding: 3.83vw 5.83vw; box-sizing: border-box; border-radius: 3.33vw; background: #fff;}
  .sec3 .dl_box dl {display: flex; align-items: center; justify-content: space-between;}
  .sec3 .dl_box dl dt {font-size: 4vw; font-weight: 900; line-height: 0.92; color: #0c56b9;}
  .sec3 .dl_box dl:last-of-type dt {color: #9c9c9c;}
  .sec3 .dl_box dl dd {font-size: 4vw; font-weight: bold; line-height: 0.92; color: #000;}
  .sec3 .dl_box dl dd span {}
  /* slide_txt */
  .sec3 .slide_txt {width: 100%; height: auto;}
  .sec3 .slide_txt ul {display: flex; flex-flow: column; gap: 3.33vw; height: 77.67vw; padding: 3.33vw 5vw 6.33vw; margin-top: 4.17vw; box-sizing: border-box; background: #fff; border-radius: 3.33vw;}
  .sec3 .slide_txt ul .slick-list {height: 100% !important;}
  .sec3 .slide_txt ul li {width: 100%; height: auto; margin-bottom: 3.5vw;}
  .sec3 .slide_txt ul li:last-of-type {margin-bottom: 0;}
  .sec3 .slide_txt ul li img {width: 100%; height: auto;}

  .popup {max-width: 90%; height: auto;}
}