@charset "utf-8";

#header_wrap { background-color: rgba(255, 255, 255, 1);}
#header_wrap #header { }
#header .header-inner { }
#header #logo {  }
#header #logo a { background:url('/assets/images/common/logo_navy.png') no-repeat left; }
#top_nav .gnb > li > a {color:#000; }

#sv_wrap {width: 170vw; border-radius: 0 0; overflow: hidden; transform: translateX(-35vw);}
#sv {width: 100vw; height: 500px; overflow: hidden; position: relative; transform:translateX(35vw); border-radius:0 0 80px 80px; overflow: hidden;}
#sv .sv_visual {width: 100%; height: 500px; display: block; background-size: cover; background-position: 50% 50%; transform:scale(1.2); animation: sv-bg-change 5s infinite;}
#sv .sv_visual.sv01{background-image: url('/assets/images/sub/sv_01.jpg');}
#sv .sv_visual.sv02{background-image: url('/assets/images/sub/sv_02.jpg');}
#sv .sv_visual.sv02_02{background-image: url('/assets/images/sub/sv_02_02.jpg');}
#sv .sv_visual.sv02_03{background-image: url('/assets/images/sub/sv_02_03.jpg');}
#sv .sv_visual.sv03{background-image: url('/assets/images/sub/sv_03.jpg');}
#sv .sv_visual.sv04{background-image: url('/assets/images/sub/sv_04.jpg');}
#sv .sv_visual.sv05{background-image: url('/assets/images/sub/sv_05.jpg');}
#sv .sv_visual.sv06{background-image: url('/assets/images/sub/sv_06.jpg');}
#sv .sv_tit_wrap {position: absolute; top: 50%; text-align:center; width:100%; transform:translateY(-50%); color: #fff;  /*overflow: hidden; */left: 10%; }
/* #sv .sv_tit_wrap > div {opacity: 0; animation:svTxt 0.7s 0.3s forwards;} */
#sv .sv_tit_wrap h3 {opacity: 0;animation:svTxt1 3s 1s forwards; text-align: left;position: absolute;transform: translateY(-50%);/* z-index: 6; */position: relative;top: 0; left: 5%; }
#sv .sv_tit_wrap p {opacity: 0; animation:svTxt 2.3s 1.3s forwards; display: inline-block; letter-spacing:0px; left: 5%; text-align: left;position: absolute; top: 95px;}

#sv .sv_tit_wrap span {opacity: 0; animation:svTxt 2.3s 1.3s forwards; display: inline-block; letter-spacing:8px; left: 70%;text-align: left;position: absolute; text-transform: uppercase;top: 50px;}

#sv .sv_tit_wrap .logo{opacity: 0; animation:svTxt 2.3s 1.3s forwards; display: inline-block; letter-spacing:5px; left: 15%;text-align: left;position: absolute; top: 95px;}
#sv .sv_tit_wrap .logo img {width:215px;}

.flex_con{display:flex;}

@keyframes sv-bg-change {
	0% {transform: scale(1);  animation-timing-function: ease-in;}
	50% {transform: scale(1.1);  animation-timing-function: ease-out;}
	100% {transform: scale(1); }
}

@keyframes svTxt {
    0% {
        transform:translateX(-70px);
        opacity:0;
    }
    100% {
        transform:translateX(0);
        opacity:1;
    }
}

@keyframes svTxt1 {
    0% {
        transform:translateX(70px);
        opacity:0;
    }
    100% {
        transform:translateX(0);
        opacity:1;
    }
}
@keyframes svTxt2 {
    0% {
        transform:translateX(-70px);
        opacity:0;
    }
    100% {
        transform:translateX(0);
        opacity:1;
    }
}
 
.s_tit_wrap {margin:0 0 70px;}
.s_tit_wrap .txt { text-transform:uppercase; letter-spacing:7px; color:#c1a28e;}
.s_tit_wrap h4 {}
.s_tit_wrap .title_logo {position: relative; padding: 0 10px 0 20px; bottom: 3px;}
.s_tit_wrap .num { border:1px solid #c3c3c3; background-color:#fff; padding:10px 0; border-radius:70px; width:17%; margin:0 auto; font-family: 'Barlow', sans-serif;}

.highlighter {/* display: inline-block; */font-weight: 600; position: relative; z-index: 1;}
.highlighter:after {content:'';display: block;width: calc(100% + 2px);height: 100%;background-color: #fbe7bc;opacity: .55;position: absolute;left: -2px;bottom: 0;z-index: -1;}

.pl70 { padding-left:70px;}
.pr70 { padding-right:70px;}
.pl50 { padding-left:50px;}
.pl30 { padding-left:30px;}


.con1 {padding: 160px 0 0; }
.title_box {position: relative; background-color:#c1a28e;color:#fff;padding: 15px 5px 15px 75px;border-radius:50px;margin-left:-5%;width: -webkit-fill-available;display: flex;justify-content: left;align-items: center; margin-right: 5%;}
.title_box .q{padding: 0 9px;position: absolute;display: flex;left: 0;}


.con2 {padding: 160px 0; background-color:#f8f2ee;}

.img_list { position:relative;}
.img_list li {display: flex;justify-content:space-between;align-items: start;padding:0 48px;}
.img_list li > div {}
.img_list li .img_box .img {width: auto;background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;overflow:hidden;border: none;border-radius: 20px;}
.img_list li .img_box .img img{ width:-webkit-fill-available;  transition:.5s; }
.img_list li .img_box:hover  img {transform:scale(1.05);}
.img_list li .txt_box .img {width: auto;/* height: 100%; */background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;overflow:hidden;border: none;margin: 85px 0 0 -140px; border-radius: 20px;}
.img_list li .txt_box .img img{transition:.5s;}
.img_list li .txt_box:hover  img {transform:scale(1.05);}
  
.con3 {padding: 160px 0;}
.con4 {padding: 160px 0; background-color:#f4f7f6;}


/* 서비스01 */
#service_01_point {}
#service_01_point h2 {font-size: 48px; font-weight: 600; color:#00457e ; line-height: 1.2; letter-spacing: -1px;}
.service_01_point {background-image: url('/assets/images/sub/service_01_topbg.jpg');background-repeat: no-repeat; background-size: 100%; background-position: 50% 0%; z-index: 0;} 
.sbox_wrap {display: block; }
.sbox_wrap .sbox {display: flex; flex-wrap: wrap; align-items: center; gap: 20px; text-align:left; font-weight: 500; color:#333 ; line-height: 1.3;  }
.sbox_wrap .sbox img, 
.sbox_wrap .sbox img p {flex: 0 0 calc((100% - 80px) / 2); padding: 40px;}
.sbox_wrap .sbox img {border-radius: 80px; overflow: hidden;}
.sbox_wrap .sbox:nth-child(even) {flex-direction: row-reverse; text-align:right; }

.accor-banner { display: flex; width: 100%;  height: 420px; overflow: hidden;}
.accor-banner p {letter-spacing: -1px; transition: color 0.4s ease-in-out;}
.accor-banner .banner { flex-grow: 1; height: 420px; transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.5s ease-in-out; display: flex; flex-direction: column; text-align: left; padding: 60px 40px; align-items: flex-start; justify-content:flex-start; border-radius: 20px; background-repeat: no-repeat;  margin-right: 14px; cursor: pointer; opacity: 0.9;}
.accor-banner .banner1 { background-image: url('/assets/images/sub/service_01_bg01.jpg'); color: #fff; }
.accor-banner .banner2 { background-image: url('/assets/images/sub/service_01_bg02.jpg'); color: #fff; }
.accor-banner .banner3 { background-image: url('/assets/images/sub/service_01_bg03.jpg'); color: #fff; }
.accor-banner .banner.expanded { width: 822px !important; background-position: center; opacity: 1;  /* transform: scale(1.02); */}
.accor-banner .banner.collapsed { width: 312px !important; background-size: cover;}
/* .accor-banner .banner1.collapsed { background-image: url('/assets/images/sub/service_01_bg01.jpg'); color: #fff; }
.accor-banner .banner2.collapsed { background-image: url('/assets/images/sub/service_01_bg02.jpg'); color: #fff; }
.accor-banner .banner3.collapsed { background-image: url('/assets/images/sub/service_01_bg03.jpg'); color: #fff; } */
.accor-banner .banner.collapsed .mtxt{ display: none;}
.accor-banner .banner:hover {  /* transform: scale(1.03); */opacity: 1; }
.accor-banner .banner1.expanded { /*background-image: url('/assets/images/sub/service_01_bg01.jpg')*/; color: #75cff4; background-size: cover; }
.accor-banner .banner2.expanded { /*background-image: url('/assets/images/sub/service_01_bg02.jpg')*/; color: #ee7953; background-size: cover; }
.accor-banner .banner3.expanded { /*background-image: url('/assets/images/sub/service_01_bg03.jpg')*/; color: #d581f8; background-size: cover; }
.accor-banner .banner.expanded .mtxt {color: rgba(255,255,255,.8)}
.accor-banner .banner1.expanded .num {color: #c2edff;}
.accor-banner .banner2.expanded .num {color: #efcbab;}
.accor-banner .banner3.expanded .num {color: #ffbfee;}
.accor-banner .banner .num { display: block; width: 80px; height: 80px; text-align: center; font-weight: bold; font-size: 72px; line-height: 1;transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out; font-family: 'Montserrat';}
.accor-banner .banner .num01 { background-color: #; color: #; }
.accor-banner .banner .num02 { background-color: #; color: #; }
.accor-banner .banner .num03 { background-color: #; color: #; }


/* 서비스02 */
.service_02_point {background-image: url('/assets/images/sub/service_02_topbg.jpg');background-repeat: no-repeat; background-size: 100%; background-position: 50% 0%; z-index: 0; } 
.sbox2_wrap {display: block; width: 100%;}
.sbox2_wrap .sbox2 {display: block; align-items: center; text-align:left; font-size: 30px; font-weight: 500; color:#333 ; line-height: 1.3; margin-top:-200px; border:#f1f1f1 1px solid; border-radius: 40px; background-color: #f9f9f9; z-index: -2; }
.sbox2_wrap .sbox2 img, 
.sbox2_wrap .sbox2 img p {flex: 0 0 calc((100% - 80px) / 2); padding: 40px;}
.sbox2_wrap .sbox2 img {width:540px; border-radius: 80px; overflow: hidden;}
.sbox2_wrap .sbox2 p { padding: 0 0 40px 40px;}
.sbox2_wrap .sbox2:first-child {margin-top:0;}
.sbox2_wrap .sbox2:nth-child(odd) {margin-right:55%;}
.sbox2_wrap .sbox2:nth-child(even) {flex-direction: row-reverse; text-align:left; margin-left:55%; }

.service02 .slider_wrap {margin-top:50px;}
.service02 .slider_wrap .list {margin-bottom:50px; }
.list {width: 900px; display:flex; gap:50px;}
.list_in {height:auto; text-align:left; background-color:#f5f5f5; border-radius:40px; padding:25px; margin:0 25px;}
.list_in img {width: 100%; border-radius:30px; filter:brightness(0.5);}
.list_in .txt{ display: flex; align-items: center; align-content: center; padding-left: 20px; }
.list_in h4 {font-weight:600; padding-right: 30px;}
.slick-center .list_in { background-color:#ff660a; transition: all 0.4s ease;}
.slick-center .list_in img {filter:brightness(1);}
.slick-center .list_in h4 {color:#ffdf5f;}
.slick-center .list_in p {color:#fff;}

/* 서비스03 */
.service_03_point {background-image: url('/assets/images/sub/service_03_topbg.jpg');background-repeat: no-repeat; background-size: 100%; background-position: 50% 0%; z-index: 0;} 
.sbox3_wrap {display: block; width: 100%;}
.sbox3_wrap .sbox3 {width: 100%; display: flex; align-items: center; text-align:left; font-size: 30px; font-weight: 500; color:#333 ; line-height: 1.3; border:#f1f1f1 0px solid; border-radius: 40px;  }
.sbox3_wrap .sbox3 img, 
.sbox3_wrap .sbox3 img p {flex: 0 0 calc((100% - 80px) / 2); padding: 40px;}
.sbox3_wrap .sbox3 img {width:100%; border-radius: 80px; overflow: hidden;}
.sbox3_wrap .sbox3 p {}
.sbox3_wrap .sbox3:first-child {margin-top:0;}
.sbox3_wrap .sbox3:nth-child(odd) {margin-right:15%;}
.sbox3_wrap .sbox3:nth-child(even) {text-align:left; margin-left:15%; }

.service03_tab .img_wrap.default {background:url('/assets/images/sub/service_03_bg01.jpg')no-repeat center;background-size:cover;}
.service03_tab .img_wrap.img1 {background:url('/assets/images/sub/service_03_bg01.jpg')no-repeat center;background-size:cover;}
.service03_tab .img_wrap.img2 {background:url('/assets/images/sub/service_03_bg02.jpg')no-repeat center;background-size:cover;}
.service03_tab .img_wrap.img3 {background:url('/assets/images/sub/service_03_bg03.jpg')no-repeat center;background-size:cover;}
.service03_tab {overflow:hidden; position:relative; padding:0 54px; }
.service03_tab .flex-box {display:flex; height:auto; border:#dddddd 1px solid;border-radius: 40px;}
.service03_tab .left {width:65%; border-radius: 40px 0 0 40px; overflow: hidden; display:flex; flex-wrap:wrap; align-items:center; position: relative; }
.service03_tab .right {width:35%; border-radius: 0 40px 40px 0; overflow: hidden; }
.service03_tab .click_wrap {width:100%; padding:0; margin: 0; }
.service03_tab .click_wrap ul {display:flex; padding:0; margin: 0; border-bottom:1px solid #dddddd;  box-sizing: border-box; }
.service03_tab .click_wrap ul:last-child {border-bottom: none;}
.service03_tab .click_wrap li {width:100%; padding:40px; height:auto; cursor:pointer; box-sizing: border-box; }
.service03_tab .click_wrap li.on { background: #4928c3; color:#fff; transition: background 0.5s ease; border-right: none; }
.service03_tab .img_wrap {width:100%; height:100%; }
.service03_tab .click_wrap li.on span {color:#ffdf5f}
.service03_tab .click_wrap li.on .yellowtxt {color: #fcffa3;}

/* 공통 이용방법 */
.steps_wrap {background-size: cover;}
.steps_wrap.bg01 {background-image: url('/assets/images/sub/steps_bg.jpg'); }
.steps_wrap.bg02 {background-image: url('/assets/images/sub/steps_bg2.jpg'); }
.steps_wrap.bg03 {background-image: url('/assets/images/sub/steps_bg3.jpg'); }
.steps_wrap .steps_box {display: flex; align-items: center; align-content: center; }
.steps_wrap .steps_box > div {width: 50%; }
.steps_wrap .steps_box .lt {text-align: center; position: sticky;
    top: 100px; /* 헤더 높이에 맞게 조정 */
    align-self: flex-start; /* ← flex 안에서 sticky 필수 */
    height: fit-content;}
.steps_wrap .steps_box .rt { }
.steps_wrap .steps_box .lt .txt_box {position: relative; top: 0 !important;}
.steps_wrap .steps_box .lt .tit_wrap {width: 100%; position: absolute; top: 50%; left: 0; transform:translateY(-50%);}
.steps_wrap .steps_box ul {}
.steps_wrap .steps_box .steps_list { padding: 0px 0 0 70px; margin-right: 75px; position: relative; min-height:195px;}
.steps_wrap .steps_box .steps_list + .steps_list {margin-top: 160px;}
.steps_wrap .steps_box .steps_list:first-child {margin-top: 160px;}
.steps_wrap .steps_box .steps_list:last-child {margin-bottom: 160px;}
.steps_wrap .steps_box .steps_list .txt_box { position: relative;  z-index: 1; padding-left: 10px;}
.steps_wrap .steps_box .steps_list .txt_box .num {position: relative; line-height: 1; font-size: 18px;}
.steps_wrap .steps_box .steps_list .txt_box h4 {position: relative; z-index: 1; font-size: 32px;}
.steps_wrap .steps_box .steps_list .txt_box p {font-size: 20px;}
.steps_wrap .steps_box .steps_list .txt_box .txt {}
.steps_wrap .steps_box .steps_list .img_box {position: relative;  }
.steps_wrap .steps_box .steps_list .img_box img {width: 600px; border-radius: 40px;}
.steps_wrap .slick_nav{display: none;}


.step_wrap {background-size: cover;}
.step_wrap.bg01 {background-image: url('/assets/images/sub/steps_bg.jpg'); }
.step_wrap.bg02 {background-image: url('/assets/images/sub/steps_bg2.jpg'); }
.step_wrap.bg03 {background-image: url('/assets/images/sub/steps_bg3.jpg'); }
.step_wrap .step_box {display: flex; }
.step_wrap .step_box > div {width: 50%; }
.step_wrap .step_box .lt {text-align: center; position: relative;}
.step_wrap .step_box .lt .txt_box {position: relative; top: 0 !important;}
.step_wrap .step_box .lt .tit_wrap {width: 100%; position: absolute; top: 50%; left: 0; transform:translateY(-50%);}
.step_wrap .step_box ul {}
.step_wrap .step_box .step_list { padding: 0 0 0 70px; margin-right: 75px; position: relative; min-height:195px;}
.step_wrap .step_box .step_list:first-child {margin-top: 160px;}
.step_wrap .step_box .step_list:last-child {margin-bottom: 160px;}
.step_wrap .step_box .step_list + .step_list {margin-top: 80px;}
.step_wrap .step_box .step_list .txt_box { position: relative;  z-index: 1; padding-left: 10px;}
.step_wrap .step_box .step_list .txt_box .num {position: relative; line-height: 1; font-size: 18px;}
.step_wrap .step_box .step_list .txt_box h4 {position: relative; z-index: 1;}
.step_wrap .step_box .step_list .img_box {position: relative;}
.step_wrap .step_box .step_list .img_box img {width: 600px; border-radius: 40px;}
.step_wrap .slick_nav{display: none;}

.step_wrap .step_box .step_list .img_box img { opacity:0; -webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); -webkit-transition:clip-path 1.1s cubic-bezier(.19, 1, .22, 1), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(.19, 1, .22, 1); transition:clip-path 1.1s cubic-bezier(.19, 1,.22,1), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(.19, 1, .22, 1); border-radius: 40px;}
.step_wrap .step_box .step_list.on .img_box img {opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);}

/* Product */
#product h2 {font-size: 48px; font-weight: 600; color:#00457e ; line-height: 1.2; letter-spacing: -1px;}
.product_box {display: block; border-radius: 10px; border:#00457e 1px solid; padding: 10px 10px 10px 0px;}
.product_box .listbox {display: flex; overflow: hidden; max-height: 0; opacity: 0; transition: max-height 0.5s ease, opacity 0.3s ease;}
.product_box .listbox.default {max-height: 500px; opacity: 1; }
.product_box.open .listbox.extra {max-height: 500px;opacity: 1;}
.product_box.open .listbox.extra:first-child {margin-top: 50px;} 
.product_box .listbox .left {white-space: nowrap; background:#5baefe; display: flex; justify-content: center; align-items: center; min-width:96px; max-width:96px;  height: 40px; padding: 10px 3px; margin: 0px 1px 1px 0px; color: #ffffff;}
.product_box .listbox .right {display: flex; flex-wrap: wrap; }
.product_box .listbox .right li {list-style: none; white-space: nowrap; display: flex; justify-content: center; align-items: center; min-width:107px; max-width:107px; height: 40px; padding: 10px 3px; background: #f6f6f6; margin: 0px 1px 2px 1px; font-size: 14px; line-height: 1.2;}
.product_box .listbox .right li.selected {background: #ff660a; color: #fff;}
.product_box .listbox .right li.orange { border: #ff660a 1px solid; color: #db590a;} 
.product_box .listbox .right li.blue {border: #00457e 1px solid; color:#073083} 
.product_box .listbox .right li.selected .num {background:#fff;}
.product_box .listbox .right li.none {background: #fff;}
.product_box .listbox .right li .num {zoom:0.8; width: 32px; text-align: center; color:#ff660a; background:#f6f6f6; padding:1px 2px; letter-spacing: -1.2px;}
.product_box .listbox .right li label {width: 78px; text-align: center;}
.product_box .more-btn {width: 108px; text-align: center; margin: 10px 0; cursor: pointer; font-size: 14px; color: #00457e; user-select: none; }

.product table {margin:0 auto; width:100%; border-collapse:collapse; }
.product table th {background-color:#00457e; color:#fff; line-height:1.3; font-size: 17px; text-align: center; font-weight:600; padding: 10px 10px 10px 0; } 
.product table th:nth-child(2),
.product table th:nth-child(3),
.product table th:nth-child(7) {width:15%;}
.product table th:last-child {padding-right: 0;} 
.product_table th.sort {position: relative; padding-right: 20px;cursor: pointer;}
.product_table th.sort::before { content: "▲"; position: absolute; right: 10px;top: 50%;transform: translateY(-8px); font-size: 8px;color: #fff;}
.product_table th.sort::after {content: "▼";position: absolute; right: 10px; top: 50%; transform: translateY(1px);font-size: 8px; color: #fff;}
.product_table th.sort.asc::before { color: #ffdf5f;}
.product_table th.sort.asc::after {color: #152440;}
.product_table th.sort.desc::before {color: #152440;}
.product_table th.sort.desc::after { color: #ffdf5f;}
.product table tr:nth-child(n) {background-color:#fff; }
.product table tr:nth-child(2n) {background-color:#f6f6f6; }
.product table tr {background-color:#fff; }
.product table tr td {height:60px; font-size:16px;text-align: center; line-height:1.3; color:#333; border-bottom:#eee 1px solid; padding: 15px 15px 10px 0;  } 
.product table tr td:nth-child(2),
.product table tr td:nth-child(3),
.product table tr td:nth-child(7) {text-align: left;} 
.product table tr td:first-child {padding-left: 5px;}
.product table tr td:last-child {padding-right: 0;}
#product .btn_mybox {text-align: right;}
#product .btn_mybox a {padding: 15px 40px; background:#333; border: #222 1px solid; color: #fff; font-weight: bold; border-radius: 30px;}
#product .btn_mybox a:hover {background:#ff660a; border: #db590a 1px solid; color: #fff; transition: 0.5s;} 
#product .btn_buy {background-color:#ff660a; color: #fff; border: #db590a 1px solid; border-radius: 5px; white-space: nowrap;}
#product .btn_buy:hover {background-color: #ff7700;transition: 0.5s;}

/* Contact US */
.contactbg {background-image: url('/assets/images/sub/contact_bg.jpg');background-repeat: no-repeat; background-size: 100%; background-position: 50% 0%;}
.contactbox {display:flex; }
.contactbox .left .bgimg {position: relative; width: 500px; z-index: 0;}
.contactbox .left .logoimg {position: absolute; width: 500px; top:0; left: 50%; transform: translateX(-50%); z-index: 1;}
.contactbox .left .img-bx { position: relative; overflow: hidden; border-radius: 40px;}
.contactbox .right.content-bx .inner-txt-bx{position:relative;z-index:0;}
.contactbox .right.content-bx .inner-txt-bx p {}
.contactbox .right {padding-left: 60px;}
.contactbox .right .inner-txt-bx .snsbox {display: flex; flex-direction: column; gap:20px; }
.contactbox .right .inner-txt-bx .snsbox>div {width: 340px; border-radius: 20px; } 
.contactbox .right .inner-txt-bx .snsbox .kakao {height: 140px; position: relative; background-color: #fff; border: #ffe800 10px solid; align-items: center; align-content: center;}
.contactbox .right .inner-txt-bx .snsbox .kakao .qr {position: absolute; top:0px; right:0px; width:120px; border-radius: 10px;}
.contactbox .right .inner-txt-bx .snsbox .telegram { height: 80px; background-color: #fff; border: #2aa9ec 10px solid; align-items: center; align-content: center;}
.contactbox .right .inner-txt-bx .snsbox .icon {width: 60px; padding-left: 10px;}
.contactbox .right.content-bx .inner-txt-bx p span.dot {position: relative; padding-right: 15px;}
.contactbox .right.content-bx .inner-txt-bx p span.dot:before {content:''; position: absolute; top:45%; transform: translateX(-50%); display: inline-block; align-items: center; align-content: center; border-radius: 100%; width: 5px; height: 5px; background-color: #00457e;}



.square_img_wrap2 {}
.square_img_list2 {font-size: 0; display:block;  }
.square_img_list2 li {display: inline-block;  width: calc(50% - 50px); margin: 0 25px 50px;  vertical-align: top; text-align:center;}
.square_img_list2 li .square_img {position: relative; overflow:hidden; border-radius:20px;}
/*.square_img_list2 li .num  {display: block;vertical-align: middle; 55px;font-size:26px;text-align: center; color: #127864 ;font-weight: 500; text-align:center; margin-bottom:30px;}*/
.square_img_list2 li .num  {display: block;vertical-align: middle; width: 200px;height: 55px;font-size:20px;text-align: center;line-height: 53px; border-radius:50px; background-color: #fff; border:2px solid  #9e7e66;  color: #9e7e66 ;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);top: 0;left: 0; margin: 0 auto -30px; z-index: 1; position: relative;}
.square_img_list2 li .square_img img {width:-webkit-fill-available; transition:.5s}
.square_img_list2 li:hover .square_img img {transform:scale(1.05);}
.square_img_list2 li .txt {background-color:#d6b9a3; color:#fff; padding:10px 0; border-radius:50px;  width: calc(50% - 10px); margin: 0 5px 10px; display: inline-block;}
.square_img_list2 li .txt1 {background-color:#d6b9a3; color:#fff; padding:10px 0; border-radius:50px;  width:-webkit-fill-available; margin: 0 5px 20px; display: inline-block;}
.square_img_list2 h3 { color:#896e60;}
.square_img_list2 li .square_img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg); opacity: 0;}
.square_img_list2 li .square_img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}
@keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}

.square_img_wrap3 {}
.square_img_list3 {font-size: 0; text-align:center;}
.square_img_list3 li {display: inline-block;  width: calc(33.33% - 30px); margin: 0 15px 50px;   vertical-align: top; text-align:center;}
.square_img_list3 li .square_img {position: relative; overflow:hidden;}
.square_img_list3 li .num  {display: block;vertical-align: middle; font-family: 'Barlow', sans-serif;width: 50px;height: 50px;font-size:20px;text-align: center;line-height: 47px;background-color: #c1a28e;  color:#fff; border-radius:80px;-webkit-transform:translateY(-2px);transform:translateY(-2px);/* position: absolute; */top: 0;left: 0;margin: -22px auto 20px;}
.square_img_list3 li .square_img img {width: 100%; transition:.5s}
.square_img_list3 li:hover .square_img img {transform:scale(1.05);}
.square_img_list3 li .square_img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg); opacity: 0;}
.square_img_list3 li .square_img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
.square_img_list3 li .txt { background-color:#9e7e66; color:#fff; padding:10px 0; border-radius:10px 10px; }

.square_img_wrap4 {}
.square_img_list4 {font-size: 0; text-align:center;}
.square_img_list4 li {display: inline-block;  width: calc(25% - 16px); margin: 0 8px 0; vertical-align: top; text-align:center; }
.square_img_list4 li .square_img {position: relative; overflow:hidden; border-radius:20px;}
.square_img_list4 li .num  {display: block;vertical-align: middle; font-family: 'Barlow', sans-serif;width: 50px;height: 50px;font-size:20px;text-align: center;line-height: 47px;background-color: #c1a28e;  color:#fff; border-radius:80px;-webkit-transform:translateY(-2px);transform:translateY(-2px);/* position: absolute; */top: 0;left: 0;margin: -22px auto 20px;}
.square_img_list4 li .square_img img {width: 100%; transition:.5s}
.square_img_list4 li:hover .square_img img {transform:scale(1.05);}
.square_img_list4 li .square_img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg); opacity: 0;}
.square_img_list4 li .square_img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}


.square_img_wrap5 {}
.square_img_list5 {font-size: 0; text-align:center;}
.square_img_list5 li {display: inline-block;  width: calc(20% - 16px); margin: 0 8px 0; vertical-align: top; text-align:center; }
.square_img_list5 li .square_img {position: relative; overflow:hidden; border-radius:20px;}
.square_img_list5 li .num  {display: block;vertical-align: middle; font-family: 'Barlow', sans-serif;width: 50px;height: 50px;font-size:20px;text-align: center;line-height: 47px;background-color: #c1a28e;  color:#fff; border-radius:80px;-webkit-transform:translateY(-2px);transform:translateY(-2px);/* position: absolute; */top: 0;left: 0;margin: -22px auto 20px;}
.square_img_list5 li .square_img img {width: 100%; transition:.5s}
.square_img_list5 li:hover .square_img img {transform:scale(1.05);}
.square_img_list5 li .square_img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg); opacity: 0;}
.square_img_list5 li .square_img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}




.bg {padding: 160px 0 0;    background:#695f5c url('/assets/images/sub/bg.jpg') 50% 50% no-repeat fixed; /* 배경 이미지 설정 */
      background-size: 0% 100%; /* 처음에는 이미지 크기를 0%로 설정 */
      background-position: left center; /* 배경 이미지의 시작 위치를 왼쪽으로 설정 */
      background-repeat: no-repeat; /* 반복되지 않도록 설정 */
      animation: growBackground 3s forwards; /* 5초 동안 애니메이션 효과 적용 */}

 @keyframes growBackground {
      0% {
        background-size: 0% 100%; /* 처음에는 이미지가 0% 크기로 시작 */
      }
      100% {
        background-size: 100% 100%; /* 끝날 때는 이미지가 100% 크기로 */
      }
    }

.chk_txt1 p {position: relative;padding: 0 0;line-height: 1.7;word-break:keep-all;width:725px;margin: 0 auto 12px;color: #fff;}
.chk_txt1 .txt {background-color: #c1a28e;color:#fff;width: 22%;border-radius:50px;position: relative;padding: 7px 10px 7px 55px;margin-right: 18px;display: inline-grid;} 
.chk_txt1 .txt .num {left: 5px;background-color:#6c6463;color:#fff;width: 38px;height: 38px;line-height: 33px;border-radius:30px;position: absolute;text-align: center;top: 4px;font-size: 28px;}


.con5 {padding: 160px 0; background-color:#d9e1e2;}
.con6 {padding: 160px 0; }
.con7 {padding: 160px 0; background-color:#f4f7f6;}

.s_tab {width: 100%;margin: 0 auto;text-align: center;font-size: 0; z-index:1;}
.s_tab li {display: inline-block; vertical-align: top; margin:0 5px; }
.s_tab li a {display: block;  text-align: center; height:50px; line-height:50px; font-size: 18px; font-weight: 400; color: #666; transition: .25s; border:1px solid #222; border-radius:60px;}
.s_tab li a::after {content: ''; background: #ddd; position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 0;  display: block;  z-index: -1;}
.s_tab li a.active,
.s_tab li a:hover{ background-color:#222; color: #fff; font-weight: 500; border-bottom:1px solid #222; }
.s_tab_con > .con { display: none;  /* 기본적으로 모든 내용을 숨김 */}
.s_tab_con > .con.active {display: block;  /* active 클래스가 있을 때만 보이게 함 */}



.s_tab .col-1 li{width:calc(50% - 2px);}
.s_tab .col-2 li{width:calc(50% - 30px);}
.s_tab .col-3 li{width:calc(32% - 30px);}
.s_tab .col-4 li{width:calc(25% - 30px);}
.s_tab .col-5 li{width:calc(20% - 30px);}
.s_tab .col-6 li{width:calc(16.66% - 30px);}
.s_tab .col-7 li{width:calc(14.285% - 30px);}

.s_tab1 {width: 100%;margin: 0 auto;text-align: center;font-size: 0; z-index:1;}
.s_tab1 li {display: inline-block; vertical-align: top; margin:0 5px; }
.s_tab1 li a {display: block;  text-align: center; height:50px; line-height:50px; font-size: 18px; font-weight: 400; color: #666; transition: .25s; border:1px solid #222; border-radius:60px;}
.s_tab1 li a::after {content: ''; background: #ddd; position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 0;  display: block;  z-index: -1;}
.s_tab1 li a.active,
.s_tab1 li a:hover{ background-color:#222; color: #fff; font-weight: 500; border-bottom:1px solid #222; }
.s_tab_con1 > .con1 { display: none;  /* 기본적으로 모든 내용을 숨김 */}
.s_tab_con1 > .con1.active {display: block; padding:0 25px;  /* active 클래스가 있을 때만 보이게 함 */ }

.s_tab1 .col-1 li{width:calc(50% - 2px);}
.s_tab1 .col-2 li{width:calc(50% - 30px);}
.s_tab1 .col-3 li{width:calc(32% - 75px);}
.s_tab1 .col-4 li{width:calc(25% - 30px);}
.s_tab1 .col-5 li{width:calc(20% - 30px);}
.s_tab1 .col-6 li{width:calc(16.66% - 30px);}
.s_tab1 .col-7 li{width:calc(14.285% - 30px);}


.s_tab2 {width: 100%;margin: 0 auto;text-align: center;font-size: 0; z-index:1;}
.s_tab2 li {display: inline-block; vertical-align: top; margin:0 5px; }
.s_tab2 li a {display: block;  text-align: center; height:50px; line-height:50px; font-size: 18px; font-weight: 400; color: #666; transition: .25s; border:1px solid #222; border-radius:60px;}
.s_tab2 li a::after {content: ''; background: #ddd; position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 0;  display: block;  z-index: -1;}
.s_tab2 li a.active,
.s_tab2 li a:hover{ background-color:#222; color: #fff; font-weight: 500; border-bottom:1px solid #222; }
.s_tab_con2 > .con2 { display: none; /* 기본적으로 모든 내용을 숨김 */}
.s_tab_con2 > .con2.active {display: block;   padding:0 25px; background-color:transparent !important; /* active 클래스가 있을 때만 보이게 함 */ }

.s_tab2 .col-1 li{width:calc(50% - 2px);}
.s_tab2 .col-2 li{width:calc(50% - 30px);}
.s_tab2 .col-3 li{width:calc(32% - 75px);}
.s_tab2 .col-4 li{width:calc(25% - 30px);}
.s_tab2 .col-5 li{width:calc(20% - 30px);}
.s_tab2 .col-6 li{width:calc(16.66% - 30px);}
.s_tab2 .col-7 li{width:calc(14.285% - 30px);}


.ss_tab {width: 100%;margin: 0 auto;text-align: center;font-size: 0; z-index:1;}
.ss_tab li {display: inline-block; vertical-align: top; margin:0 5px; }
.ss_tab li a {display: block;  text-align: center; height:50px; line-height:50px; font-size: 18px; font-weight: 400; color: #666; transition: .25s; border-bottom:3px solid #c3c2c2; }
.s_tab li a::after {content: ''; background: #ddd; position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 0;  display: block;  z-index: -1;}
.ss_tab li a.active,
.ss_tab li a:hover{  color: #222; font-weight: 500; border-bottom:3px solid #222; }
.ss_tab_con > .con { display: none;  /* 기본적으로 모든 내용을 숨김 */}
.ss_tab_con > .con.active {display: block;  /* active 클래스가 있을 때만 보이게 함 */}



.ss_tab .col-1 li{width:calc(50% - 2px);}
.ss_tab .col-2 li{width:calc(50% - 30px);}
.ss_tab .col-3 li{width:calc(32% - 55px);}
.ss_tab .col-4 li{width:calc(25% - 30px);}
.ss_tab .col-5 li{width:calc(20% - 30px);}
.ss_tab .col-6 li{width:calc(16.66% - 30px);}
.ss_tab .col-7 li{width:calc(14.285% - 30px);}



.con8 {padding: 160px 0; }

.con8 .square_img_list4 li .square_img {position: relative;overflow:hidden;border-radius: 0;}
.con8 .square_img_list4 li:hover .square_img img {transform:scale(1); transform: rotate(7deg);}

.s_bf {padding: 160px 0; background-color:#f4f7f6;}
.s_bf .inner {display: flex; align-items:flex-start; }
.s_bf .lt {width: 50%;}
.s_bf .rt {width: 50%;}
.s_bf .slick-dots { position: absolute; bottom: -50px; display:none !important;}
.s_bf .slick-dots li button:before {font-size: 12px;}
.s_bf .con .box4 {position:absolute;display:block;z-index:2;width:300px;height:405px; background: rgba(0,0,0, .4) url('/skin/board/beaf2/img/btn_thumb_login1.png') 50% 50% no-repeat; text-indent: -9999px;  z-index: 1; cursor:pointer;}
.s_bf .con1 .box4 {position:absolute;display:block;z-index:2;width:300px;height:405px; background: rgba(0,0,0, .4) url('/skin/board/beaf2/img/btn_thumb_login1.png') 50% 50% no-repeat; text-indent: -9999px;  z-index: 1; cursor:pointer;}
.s_bf .con2 .box4 {position:absolute;display:block;z-index:2;width:300px;height:405px; background: rgba(0,0,0, .4) url('/skin/board/beaf2/img/btn_thumb_login1.png') 50% 50% no-repeat; text-indent: -9999px;  z-index: 1; cursor:pointer;}
.s_bf .con .box5 {position:absolute;display:block;z-index:2;width:600px;height:202px; background: rgba(0,0,0, .4) url('/skin/board/beaf2/img/btn_thumb_login1.png') 50% 50% no-repeat; text-indent: -9999px;  z-index: 1; cursor:pointer;}

.s_bf .con1 .box5 {position:absolute;display:block;z-index:2;width:600px;height:222px; background: rgba(0,0,0, .4) url('/skin/board/beaf2/img/btn_thumb_login1.png') 50% 50% no-repeat; text-indent: -9999px;  z-index: 1; cursor:pointer;}
.s_bf .con2 .box5 {position:absolute;display:block;z-index:2;width:600px;height:222px; background: rgba(0,0,0, .4) url('/skin/board/beaf2/img/btn_thumb_login1.png') 50% 50% no-repeat; text-indent: -9999px;  z-index: 1; cursor:pointer;}
.s_bf .txt1 {position: relative; margin: 0 auto;  width: -webkit-fill-available; background-color:#f4f7f6; z-index:9; height:60px; line-height:60px;}


.s_bf .more{width:255px;font-family: 'Italiana', sans-serif;margin: 0 auto;cursor: pointer;/*background:linear-gradient(to right, #333 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; border-radius:300px;  background-color: transparent; border:1px solid #fff;*/position: relative;opacity:1;padding-top: 0;}
.s_bf .more p{display:flex;align-items:center;justify-content:center;height: 100%;letter-spacing:-0.02em;color: #222;text-align: center;/*text-transform: uppercase;*/transition:.75s;}
.s_bf .more p span{margin-left: 20px;filter: invert(1); transition:.25s;}
.s_bf .more:hover{/* background: #1a3369; */ border-color:#333; background-position:left bottom; }
.s_bf .more:hover p {color: #c1a28e;}
.s_bf .more:hover p span{margin-left: 30px;filter: invert(.5);}




.box1 {position: relative; text-align:center;}
.box1  ul {width: -webkit-fill-available; text-align: center;font-size: 0;display: flex;}
.box1  li {display: inline-block; vertical-align: top; width: calc(50% - 20px); margin: 0 10px 30px;  position: relative;}
.box1  li .txt_wrap {position: relative;left: 0;width: 100%; z-index: 1;display: block;padding:15px 0; background-color: #c1a28e;  color:#fff;  border-radius:50px;}


.img_list1 { position:relative; background-color:#c1a28e; border-radius:20px;}
.img_list1 li {display: flex;justify-content:space-between; align-items: center;}
.img_list1 li:nth-child(even) {/*flex-direction: row-reverse;*/}
.img_list1 li > div {width: 50%; }
.img_list1 li .img_box .img {width: 100%; /*height: 100%;*/ background-size:auto; background-repeat:no-repeat; background-position: 50% 50%; z-index:1; border-radius:20px; }
.img_list1 li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative; z-index:1}
.img_list1 li .txt_box .num {display: inline-block;vertical-align: middle;font-family: 'Italiana', sans-serif;width: 80px;height: 80px;font-size:38px;text-align: center;line-height: 78px;background-color: #c1a28e;color:#fff;border-radius:80px; margin-right: 15px;}


.img_list1 li .img_box .img img{ width:-webkit-fill-available;  transition:.25s;  /*box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.1);  border-radius: 20px;*/ }

.img_list1 li .img_box .img  {position: relative; overflow:hidden;}
.img_list1 li .img_box .img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg); opacity: 0;}
.img_list1 li .img_box .img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}
@keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}

.img_list1 li .img_box .img{transition:.25s;}
.img_list1 li .img_box .img:hover{border-radius:30px 0 30px 0;}
.img_list1 li .img_box:hover img {transform:scale(1.05);}
.img_list1 li .txt_box .img {width: 100%;background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;}
.img_list1 li .txt_box .img img{width:-webkit-fill-available;transition:.5s;}
.img_list1 li .txt_box:hover  img {transform:scale(1);}
.img_list1 li .txt_box .num4 {width: 80px;height: 60px;line-height:60px;text-align: center;background-color:#b79480;color:#fff;border-radius:50px;font-weight:500;font-size:22px;font-family: 'IvyMode', sans-serif;position: absolute;margin-left: -21%;top: -5%;}
.img_list1 li .txt_box .num5 {width: 120px;height: 45px;line-height:45px;text-align: center;background-color:#b79480;color:#fff;border-radius:50px;font-weight:500;font-size:18px;font-family: 'IvyMode', sans-serif;}



 
.num_list_box {font-size: 0;}
.num_list_box .num_list li {/*border-bottom: 1px solid #ddd;*/ text-align:left;  justify-content: left; margin-bottom:10px;}
.num_list_box .num_list li > p {display: inline-block; vertical-align:middle; }
.num_list_box .num_list li .num {width: 50px; height: 40px; line-height: 35px; text-align: center; background-color:#c1a28e; color:#fff; border-radius:50px; font-weight:600; font-size:20px;font-family: 'Italiana', sans-serif; }
.num_list_box .num_list li .txt { padding-left:0; font-weight:400; color:#fff; text-align:left; }

.gray_box_list3 {display: flex;flex-wrap:wrap;}
.gray_box_list3 li {width: 33.33%;background-color: #fff;border:1px solid #eff1f1;text-align: center; margin-right:-1px; margin-top:-1px;}

.gray_box_list3 li :before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 1;
    border-radius:0; 
	border :1px solid rgba(76,90,106,0);
	-webkit-transition:border-width .5s ease,border-color .5s ease; 
	-moz-transition:border-width .5s ease,border-color .5s ease; 
	-o-transition:border-width .5s ease,border-color .5s ease; 
	transition:border-width .5s ease,border-color .5s ease
}

.gray_box_list3 li :hover:before {
	border-width :8px; /* Change this line */
	border-color :rgba(212,174,133,0.7);/* Change this line */
	-webkit-transition:border-width .5s ease,border-color .5s ease; 
	-moz-transition:border-width .5s ease,border-color .5s ease; 
	-o-transition:border-width .5s ease,border-color .5s ease; 
	transition:border-width .5s ease,border-color .5s ease
}

.gray_box_list3 li:nth-child(odd) {background-color: #f9f9f9;}
.gray_box_list3 li h4 {display: block;position: relative; padding: 35px 25px;}
.gray_box_list3 li h4 .num {display: block;vertical-align: middle;font-family: 'Italiana', sans-serif;width: 38px;height: 38px;font-size:22px;text-align: center;line-height: 38px;background-color: #c1a28e;border-radius:50%;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);/* position: absolute; */top: 0;left: 0;margin: 0 auto 20px;}

.chk_txt p {position: relative;padding-left: 42px;line-height: 1.7;word-break:keep-all;margin-bottom: 10px;}
.chk_txt p:after {content:'';display: block;width:30px;height: 26px;background: url('/assets/images/sub/i_chk.png') 0 0 no-repeat;position: absolute;top: 3px;left: 0;}

.chk_txt2 p {position: relative; padding-left: 25px; line-height: 1.7; word-break:keep-all; margin-bottom: 5px;}
.chk_txt2 p:after {content:''; display: block; width: 7px; height: 7px; background-color:#c1a28e;  position: absolute; top: 12px; left:5px;}

.chk_list {width:-webkit-fill-available;position:relative;}
.chk_list li {font-weight: 500;position: relative;word-break:keep-all;border-radius: 80px;background-color: #c1a28e;color:#fff;padding: 12px 0;text-align:center;width: calc(50% - 5px);margin: 0 1px 10px;display: inline-block;}

.con4 .square_img_list2 li {display: inline-block;  width: calc(50% - 20px); margin: 0 10px 30px !important;  vertical-align: top; text-align:center;}
.con4 .square_img_list2 li .square_img img {width: 100%;transition:.5s}



.round { border:1px solid #c3c3c3;  padding:10px 0; border-radius:70px; width:170px; margin:0; font-family: 'Barlow', sans-serif; text-align:center;}

 .half li {width: calc(50% - 22px);margin: 0 10px;position: relative;transition:.5s;display: inline-block;}
 .half li p {line-height: 1.5;display: block;}
 .half li .txt_box {position: absolute;padding-left: 54%;align-items: center;padding-top: 10%;top: 0;}
 .half li .txt_box h3 {display: inline-block;position: relative; font-weight: 500; padding:20px 0 0 48%;    }
 .half li .txt_box p{}
 .half li img {}

.round4 {position: relative;text-align:center;width: 620px;display: inline-block;}
.round4  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: flex;position: relative;}
.round4  li {display: inline-block;vertical-align: top;width: 165px;height:150px;margin: 0 -5px 20px;padding:0 0 !important;border-radius:200px;border:1px solid #d6b9a3;color:#222;position: relative;text-align: center;align-items: center;justify-content: center;display: flex;position: relative;}
.round4  li:nth-child(2n)  {}
.round4  li .txt_wrap {position: relative;width: max-content;z-index: 1;margin: 0 auto;background-color: transparent;color: #c1a28e; font-weight:500; padding: 0 0;}


.round3 {position: relative; text-align:center;}
.round3  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: block;position: relative;}
.round3  li {display: inline-block;vertical-align: top;width: calc(33.33% - 20px);margin: 0 10px 20px;/* padding:70px 15px 0; */border-radius:100px;background-color: #c1a28e;color:#fff;position: relative;text-align: center;}
.round3  li:nth-child(2n)  {background-color: #d6b9a3;}
.round3  li .txt_wrap {position: relative;width: max-content;z-index: 1;height: 100px;display: flex;align-items: center;margin: 0 auto;}

.round33 {position: relative; text-align:center; margin-top:-50px;}
.round33  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: block;position: relative;}
.round33  li {display: inline-block;vertical-align: top;width: calc(25% - 20px);margin: 0 10px 20px;/* padding:70px 15px 0; */border-radius:100px;background-color: #c1a28e;color:#fff;position: relative;text-align: center;}
.round33  li:nth-child(2n)  {background-color: #d6b9a3;}
.round33  li .txt_wrap {position: relative;width: max-content;z-index: 1;height: 100px;display: flex;align-items: center;margin: 0 auto;}



.round1 {position: relative; text-align:center; width:80%; margin:0 0;}
.round1  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: block;position: relative;}
.round1  li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 0 10px; padding:7px 15px; border-radius:100px;background-color: transparent ;color:#fff;position: relative;text-align: center; border:1px solid #d6b9a3;}
.round1  li .txt_wrap {position: relative;width: max-content;z-index: 1;display: flex;align-items: center;margin: 0 auto;}

.implant_01 .round4  li {display: inline-block;vertical-align: top;width: 220px;height:130px;margin: 0 -5px 20px;padding:0 0 !important;border-radius:200px;border:1px solid #d6b9a3;color:#222;position: relative;text-align: center;align-items: center;justify-content: center;display: flex;position: relative;}


.s_title{display:flex; padding-bottom:70px;}
.s_title .lt {width: 25%;}
.s_title .rt {width: 75%;}


.cosmetic_01 .con3 { padding-top:100px;}
.cosmetic_01 .round3  li .txt_wrap {position: relative;width: max-content;z-index: 1;height: 70px;display: flex;align-items: center;margin: 0 auto;}
.cosmetic_01 .round3  li {margin: 0 20px 10px 0;}
.cosmetic_01 .num {display: inline-block;vertical-align: middle;font-family: 'Italiana', sans-serif;width: 80px;height: 80px;font-size:38px;text-align: center;line-height: 78px;background-color: #c1a28e;color:#fff;border-radius:80px; margin-right: 15px;}


.item_box {position: relative; text-align:center; margin:0 auto;}
.item_box  ul {text-align: center;font-size: 0;position: relative; display: flex;}
.item_box  li {display: inline-block ;vertical-align: top;width: calc(33.33% - 20px); margin: 0 10px 30px; padding:50px 15px; background-color: #f8f2ee; /*border:1px solid #c1a28e;*/ border-radius:30px; position: relative;}
.item_box  li:nth-child(2n) {background-color: #f6eae2;}
.item_box  li .txt_wrap {position: relative;left: 0;width: 100%;/* -webkit-transform: translateY(50%); *//* transform:translateY(-50%); */z-index: 1;display: block;}
.item_box  li .txt_wrap .num1 {display: block; font-weight:600;  line-height: 1; padding-bottom: 20px; letter-spacing:0; font-size:24px; margin:0 auto 20px;  border-bottom: 1px solid rgba(0,0,0,0.3) !important; width:80%;}
.item_box  li .txt_wrap .txt {display: block;  padding-bottom: 10px; margin:0 auto 15px; border-bottom: 1px solid rgba(0,0,0,0.7); width:60%;}

.case_title { background-color:#f8f3ee; width:20%; border-radius:50px; padding:8px 0; text-align:center; color:#9e7e66; margin:0 auto 50px;}


.num_img1{margin: 120px 0 0;}
.num_img1 ul { font-size: 0; text-align: center; display: flex;}
.num_img1  ul:after,
.num_img1  ul:before {content:''; display: block; position: absolute;}
.num_img1  ul:after {width: 300%; height: 2px;  background-image: linear-gradient(140deg, #d5b7a3 10%, #c1a28e 85%); left: -150%; z-index:0;}
.num_img1 ul li {width:calc(33.33% - 15px);margin-right:20px;display:inline-block;vertical-align:top;position:relative;/*border-top:2px solid #222; border-left:2px solid #222; border-right:2px solid #222; */background-color:#fff;margin-top: 80px;z-index:1;}
.num_img1 ul li:last-child{margin-right:0;}
.num_img1 ul li span{z-index:1;display:block;position:absolute;left:calc(50% - 35%);top: -110px;width:75%;height:55px;line-height:55px;background-color:#c1a28e;border-radius:100px;color: #fff;}
.num_img1 ul li i{ z-index:2; display:block;  text-align:center; font-size:22px; color:#ffff; font-weight:500; font-style:normal;}
.num_img1 ul li .text{ padding:30px 50px 30px; box-sizing:border-box;  text-align:left;}
.num_img1 ul li .text img { width:-webkit-fill-available;}
.num_img1 ul li  .round { padding:15px 0; background-color:#222; color:#fff; font-size:16px; margin:20px 0 30px; border-radius:50px;}
.num_img1 ul li span:after,
.num_img1 ul li span:before {content:''; display: block; position: absolute; left: 50%;}
.num_img1 ul li span:after {width: 1px;height: 55px;background-color: #c9b5a9;}

.square_img_list2 li .txt2 {background-color:#cacaca;}


.feature-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 80px 60px;
  margin: 0 auto;
  position: relative;
}

.feature-item {
  padding: 20px;
  text-align: center;
}

.feature-item h3 {
  font-family: 'Italiana', serif;
  color: #c1a28e;
}



/* 중앙 십자선: 여백 주기 위해 양쪽 나눠서 50%씩만 */
.cross-line-horizontal-left,
.cross-line-horizontal-right,
.cross-line-vertical-top,
.cross-line-vertical-bottom {
  position: absolute;
  background-color: #d4c3b9;
}

.cross-line-horizontal-left {
  top: 50%;
  left: 0;
  width: calc(50% - 30px);
  height: 1px;
  transform: translateY(-50%);
}

.cross-line-horizontal-right {
  top: 50%;
  right: 0;
  width: calc(50% - 30px);
  height: 1px;
  transform: translateY(-50%);
}

.cross-line-vertical-top {
  top: 0;
  left: 50%;
  height: calc(50% - 30px);
  width: 1px;
  transform: translateX(-50%);
}

.cross-line-vertical-bottom {
  bottom: 0;
  left: 50%;
  height: calc(50% - 30px);
  width: 1px;
  transform: translateX(-50%);
}



@media all and (max-width:1800px){
	
}




@media all and (max-width:820px){
.feature-section{gap:10px}
.feature-item{padding:20px 0}
.pl70 { padding-left: 0;}
.pr70 { padding-right: 0;}

#header #logo a { background-position: 10% 50%; }

#sv_wrap {width: 170vw;height:auto;border-radius: 0 0;overflow: hidden;transform: translateX(-35vw);}
#sv {width: 100vw;height: 300px !important;position: relative;transform:translateX(35vw); border-radius:0 0 40px 40px;}
#sv .sv_visual {width: 100%; background-size: 200%; background-position: 80% 40%; }
#sv .sv_visual.sv02_02 {background-position: 60% 50%;}
#sv .sv_tit_wrap {position: absolute;top: 65%;text-align:center;width:100%;transform:translateY(-50%);color: #fff;/*overflow: hidden; */width: -webkit-fill-available;left: 7%;margin-left: 0;}
/* #sv .sv_tit_wrap > div {opacity: 0; animation:svTxt 0.7s 0.3s forwards;} */
#sv .sv_tit_wrap h3 {opacity: 0;animation:svTxt1 3s 1s forwards;padding-left: 0;text-align: left;position: absolute;transform: translateY(-50%);/* z-index: 6; */position: relative;top: 0;}
#sv .sv_tit_wrap span {opacity: 0;animation:svTxt 2.3s 1.3s forwards;display: inline-block;letter-spacing: 5px;left: 0;text-align: left; position: absolute;text-transform: uppercase;top: 118px;}
#sv .sv_tit_wrap p {opacity: 0;animation:svTxt 2.3s 1.3s forwards;display: inline-block;letter-spacing:0px;left: 0;text-align: left;position: absolute;top: 40px; left: 20px;}
#sv .sv_tit_wrap .logo{opacity: 0;animation:svTxt 2.3s 1.3s forwards;display: inline-block;letter-spacing:5px;left: 0;text-align: left;position: absolute;top: 125px;}
#sv .sv_tit_wrap .logo img {width: 38%;}

.s_tit_wrap .title_logo img { width:100px;}

.con1 {padding: 80px 0 0;}

.s_tit_wrap {margin: 0 20px 50px;}
.s_tit_wrap .txt {text-transform:uppercase;letter-spacing: 3px;color:#c1a28e;}
.s_tit_wrap .num {border:1px solid #c3c3c3;background-color:#fff;padding:10px 0;border-radius:70px;width: 50%;margin:0 auto;font-family: 'Barlow', sans-serif;}
.s_tit_wrap .title_logo {position: relative;padding: 0 10px 0 0;bottom: 3px;}


.title_box {padding: 15px 5px 15px 65px; margin-right: 0;}
.title_box .q img { width:85%;}
.con2 {padding: 80px 0;}

.img_list { position:relative;}
.img_list li {display: block;justify-content:space-between;align-items: start; padding:0 10px;}
.img_list li > div {}
.img_list li .img_box .img {width: -webkit-fill-available;background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;overflow:hidden;border: none;border-radius: 20px;}
.img_list li .img_box .img img{ width:-webkit-fill-available;  transition:.5s; }
.img_list li .txt_box .img {width: auto;/* height: 100%; */background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;overflow:hidden;border: none;margin: 20px 0;border-radius: 20px;}
.img_list li .txt_box .img img{transition:.5s;}
.img_list li .txt_box:hover  img {transform:scale(1.15);}
  
.con3 {padding: 80px 0;}
.con4 {padding: 80px 0; background-color:#f4f7f6;}


	
    /*서비스01*/
    #service_01_point h2 {font-size: 24px; margin-bottom: 0px;}
    .service_01_point {background-size: 250%; background-position: 70% 0%;}
    .sbox_wrap {display: block;}
    .sbox_wrap .sbox {display: block; flex-wrap: wrap; align-items: center; gap: 10px; text-align:left; font-weight: 500; color:#333 ; line-height: 1;  }
    .sbox_wrap .sbox img, 
    .sbox_wrap .sbox p {flex: 0 0 calc((100% - 40px) / 2); padding: 20px;}
    .sbox_wrap .sbox p {padding: 0 20px; margin-top: -10px;  margin-bottom: 10px;}
    .sbox_wrap .sbox img {border-radius: 40px; overflow: hidden;}
    .sbox_wrap .sbox:nth-child(even) {flex-direction: row-reverse; text-align:right; }

    .banner_box_m { padding: 0px; box-sizing: border-box; }
	.accor-banner_m { flex-direction: column; height: auto; }
	.accor-banner_m .banner_m {width: 100%; height: 220px; transition: width 0.5s ease, background-image 0.5s ease; display: block; text-align: left;  padding: 25px 20px; align-items: center; justify-content: center; border-radius: 15px; background-size: cover; background-repeat: no-repeat; background-position: 100% 95%; margin-right: 0px; margin-bottom: 20px;}
	.accor-banner_m .banner1_m { background-image: url('/assets/images/sub/service_01_bg01.jpg'); color: #75cff4; background-position: 16% 50%; }
	.accor-banner_m .banner2_m { background-image: url('/assets/images/sub/service_01_bg02.jpg'); color: #ee7953; background-position: 40% 90%;}
	.accor-banner_m .banner3_m { background-image: url('/assets/images/sub/service_01_bg03.jpg'); color: #d581f8;}
	.accor-banner_m .banner_m .num_m {display: block; width: 30px; height: 30px; position: relative; top:0px; left:0; text-align: center; font-size: 30px; line-height: 40px; font-family: 'Montserrat'; color: #fff;}
	.accor-banner_m .banner_m .num01_m { background-color: #; color: #c2edff; }
	.accor-banner_m .banner_m .num02_m { background-color: #; color: #efcbab;}
	.accor-banner_m .banner_m .num03_m { background-color: #; color: #ffbfee;}
    .accor-banner_m .htxt {line-height: 1; padding-top: 10px; color: #00457e; font-weight: 800;}
	.accor-banner_m .htxt01 {color: #75cff4; }
	.accor-banner_m .htxt02 {color: #ee7953; }
	.accor-banner_m .htxt03 {color: #d581f8; }
    .accor-banner_m .mtxt {line-height: 1.2; color: rgba(255,255,255,.8)}
    .yellowline::after { height: 10px; }


    /* 서비스02 */
    .service_02_point {background-size: 200%; background-position: 30% 0%;}
	.sbox2_wrap {display: block; width: 100%;}
	.sbox2_wrap .sbox2 {display: block; align-items: center; font-size: 18px; line-height: 1.3; margin-top:10px; border-radius: 20px;}
	.sbox2_wrap .sbox2 img, 
	.sbox2_wrap .sbox2 p {flex: 0 0 calc((100% - 40px) / 2); padding: 20px;}
	.sbox2_wrap .sbox2 img {width:100%; border-radius: 40px; overflow: hidden;}
	.sbox2_wrap .sbox2 p {padding: 0 0 20px 20px;}
	.sbox2_wrap .sbox2:first-child {margin-top:0;}
	.sbox2_wrap .sbox2:nth-child(odd) {margin-right:0%;}
	.sbox2_wrap .sbox2:nth-child(even) {margin-left:0%; }

	.service02 {width: 100%; padding: 0;}
    .service02 .slider_wrap { margin-bottom: 0; padding: 0 0 0 0px; overflow: visible; }
    .service02 .slider_wrap .list {margin-bottom:10px; }
    .service02 .slider_wrap .slick-track {display: flex !important; gap: 10px; margin-left: 0px;}
    .service02 .slider_wrap .list:last-child {margin-right: 0;}
    .list {width: calc(100% - 40px); margin-right: 0px; }
	.list_in {width: 100%; border-radius:20px; padding:15px; margin:0px;}
	.list_in .txt{ display: block; align-items: center; align-content: center; padding-left: 20px; }
	.list_in img {width: 100%; border-radius:10px; filter:brightness(0.5);}

    /* 서비스03 */
    .service_03_point {background-size: 250%; background-position: 40% 0%;}
	.sbox3_wrap {display: block; width: 100%;}
	.sbox3_wrap .sbox3 {width: 100%; display: block; align-items: center; text-align:left; font-size: 18px; border-radius: 20px; margin-top: 10px; }
	.sbox3_wrap .sbox3 img, 
	.sbox3_wrap .sbox3 p {flex: 0 0 calc((100% - 0px) / 2); padding: 20px;}
	.sbox3_wrap .sbox3 img {width:100%; border-radius: 40px; overflow: hidden;}
	.sbox3_wrap .sbox3 p {padding:0 0 20px 20px;}
	.sbox3_wrap .sbox3:first-child {margin-top:0;}
	.sbox3_wrap .sbox3:nth-child(odd) {margin-right:0%;}
	.sbox3_wrap .sbox3:nth-child(even) {text-align:left; margin-left:0%; }

    .service03_tab {overflow:hidden; position:relative; padding:0 10px; }
	.service03_tab .flex-box {display:block; height:auto; border:#dddddd 1px solid;border-radius: 15px;}
	.service03_tab .left {display: none;}
	.service03_tab .right {width:100%; border-radius: 15px;  }
	.service03_tab .right {display:flex; flex-wrap:wrap; align-items:center; }
	.service03_tab .click_wrap {width:100%; padding:0; margin: 0;  }
	.service03_tab .click_wrap ul {display:block; padding:0; margin: 0; border-bottom:1px solid #dddddd;}
	.service03_tab .click_wrap ul:last-child {border-bottom: none;}
	.service03_tab .click_wrap li {width:100%; padding:20px; cursor:pointer;border-right:none; }
	.service03_tab .click_wrap li {transition: background 0.5s ease; border-right:none; }
	.service03_tab .click_wrap li img {width:100%; border-radius:10px; margin-top: 10px; margin:0 auto; display:none; }
	.service03_tab .click_wrap .li1 img,
	.service03_tab .click_wrap .li2 img,
	.service03_tab .click_wrap .li3 img {display:none!important;;}
	.service03_tab .click_wrap li.on img {display:block!important;;}
	.service03_tab .click_wrap li.on { color:#fff;  transition: background 0.5s ease; }
	.service03_tab .click_wrap .li1.on { border-top-left-radius:15px; border-top-right-radius:15px;}
	.service03_tab .click_wrap .li3.on { border-bottom-left-radius:15px; border-bottom-right-radius:15px;}

	/* 공통 이용방법 */
    .steps_wrap .steps_box {display: block; align-items: center; align-content: center; }
    .steps_wrap .steps_box > div {width: 100%; }
	.steps_wrap .steps_box .lt {}
	.steps_wrap .steps_box .lt .txt_box {position: relative; top: 80px !important;}
	.steps_wrap .steps_box .lt .tit_wrap {width: 100%; position: absolute; top: 50%; left: 0; transform:translateY(-50%);}
	.steps_wrap .steps_box .steps_list {min-height:auto; padding: 0;}
	.steps_wrap .steps_box .steps_list .img_box {position: static;}
	.steps_wrap .steps_box .steps_list .img_box img { width: 100%; border-radius: 10px; opacity:1; }
	.steps_wrap .steps_box .steps_list.on .img_box img { width: 100%; opacity:1; }
	.steps_wrap .steps_box .steps_list .txt_box {position: static; margin-top: 25px;}
	.steps_wrap .steps_box .steps_list .txt_box .num {top: 0; left: 0; font-size: 14px;}
	.steps_wrap .steps_box .steps_list .txt_box h4 {position: relative; z-index: 1; font-size: 22px;}
	.steps_wrap .steps_box .steps_list .txt_box p {font-size: 15px;}
	.steps_wrap .steps_box .lt .txt_box {height: auto !important;}


	.step_wrap {height: 500px; }
	.step_wrap .step_box {display: block;  }
	.step_wrap .step_box > div {width: 100%; }
	.step_wrap .step_box .lt {height:100px!important; margin-top: 0!important;}
	.step_wrap .step_box .lt .txt_box {position: relative; height:100px !important; top: 60px !important;}
	.step_wrap .step_box .lt .tit_wrap {width: 100%; position:relative; }
	.step_wrap .step_box .rt {}
	.step_wrap .step_box .step_list {min-height:auto; margin-right: 10px; padding: 0 20px 0 0;}
	.step_wrap .step_box .step_list .img_box {position: static;}
	.step_wrap .step_box .step_list .img_box img { width: 100%; border-radius: 20px; opacity:1;  -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);}
	.step_wrap .step_box .step_list.on .img_box img { width: 100%; opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);}
	.step_wrap .step_box .step_list .txt_box {position: static; margin-top: 0px; }
	.step_wrap .step_box .step_list .txt_box .num {top: 0; left: 0; font-size: 14px!important;}
	.step_wrap .step_box .step_list .txt_box h4 {position: relative; z-index: 1; font-size: 22px!important;}
	.step_wrap .step_box .step_list .txt_box p {font-size: 15px!important; margin-top: -20px;}
	.step_wrap .slick_nav{display: none; padding: 0;} 
    .step_wrap {
			overflow: visible; /* ★ 중요 */
		}
	
    .step_slide_list {
        overflow: visible; /* ★ 중요 */
    }

    .step_wrap .slick-list {
        overflow: visible; /* ★ 핵심 */
    }

    .step_wrap .slick-track {
        display: flex;
    }

    /* Product */
    #product h2 {font-size: 24px; }
    .product_box {border-radius: 10px; padding: 10px 3px 10px 0px;}
    .product_box.open .listbox.extra:first-child {margin-top: 50px;} 
    .product_box .listbox .left {min-width:66px; max-width:66px; font-size: 13px; height: 40px; padding: 10px 3px; margin: 0px 1px 1px 0px; color: #ffffff;}
    .product_box .listbox .right {display: flex; flex-wrap: wrap; }
    .product_box .listbox .right li {list-style: none; white-space: nowrap; display: flex; justify-content: center; align-items: center; min-width:90px; max-width:90px; height: 40px; padding: 10px 3px; background: #f6f6f6; margin: 0px 1px 2px 1px; font-size: 12px; line-height: 1.2;}
    .product_box .listbox .right li .num {zoom:0.8; width: 32px; text-align: center; color:#ff660a; background:#f6f6f6; padding:1px 2px; letter-spacing: -1.2px;}
    .product_box .listbox .right li label {width: 78px; text-align: center;}
    .product_box .more-btn {width: 66px; text-align: center; margin: 10px 0; cursor: pointer; font-size: 14px; color: #00457e; user-select: none; }

    .product table {margin:0 auto; width:100%; border-collapse:collapse; }
    .product table th {background-color:#00457e; color:#fff; line-height:1.3; font-size: 12px; text-align: center; font-weight:600; padding: 10px 3px 10px 0; width: 15%;} 
    .product table th:nth-child(2) {width: 24%;}
    .product table th:last-child {padding-right: 0;} 
    .product_table th.sort {position: relative; padding-right: 10px;cursor: pointer;}
    .product_table th.sort::before { content: "▲"; position: absolute; right: 3px;top: 50%;transform: translateY(-7px); font-size: 6px;color: #fff;}
    .product_table th.sort::after {content: "▼";position: absolute; right: 3px; top: 50%; transform: translateY(1px);font-size: 6px; color: #fff;}
    .product table tr td {height:auto; font-size:12px;text-align: center; line-height:1.3; color:#333; border-bottom:#eee 0px solid; padding: 0;  } 
    .product table tr:nth-child(n) {background-color:#fff; }
    .product table tr:nth-child(2n) {background-color:#fff; }
    .product table tr td:first-child {padding-left: 5px;}
    .product table tr td:last-child {padding-right: 0;}
    #product .btn_mybox {text-align: center;}
    #product .btn_mybox a {padding: 10px 30px; }
    #product .btn_buy {border-radius: 5px;}
    .m_product_box {display: block;}
    .m_product_box .m_product_list:nth-child(2n) {background-color: #f6f6f6;}
    .m_product_box .m_product_list {border-bottom:#ddd 1px solid; padding: 20px 0;}
    .m_product_box .m_product_list div {display: flex; }
    .m_product_box .m_product_list div p.td {width: 15%;}
    .m_product_box .m_product_list div p.td:first-child {text-align: left; padding-left: 5px;}
    .m_product_box .m_product_list div p.td:nth-child(2) {width: 24%;}
    .m_product_box .m_product_txt {width: 100%; text-align: left!important; border-top:#ddd 1px dashed; padding: 5px 0 0 5px; margin-top: 5px;}



    /* Contact US */
    .contactbg {background-size: 200%; background-position: 90% 0%;}
    .contactbox {display:block;}
    .contactbox .left {padding: 0 20px;}
    .contactbox .left .bgimg {position: relative; width: 100%; z-index: 0;}
    .contactbox .left .logoimg {position: absolute; width: 100%; top:0; left: 50%; transform: translateX(-50%); z-index: 1;}
    .contactbox .left .img-bx { position: relative; overflow: hidden; border-radius: 40px;}
    .contactbox .right.content-bx .inner-txt-bx{position:relative;z-index:0;}
    .contactbox .right.content-bx .inner-txt-bx p:first-child {text-align: center;}
    .contactbox .right.content-bx .inner-txt-bx p span.dot {position: relative; padding-right: 10px;}
    .contactbox .right.content-bx .inner-txt-bx p span.dot:before {content:''; position: absolute; top:50%; transform: translateX(-50%); display: inline-block; align-items: center; align-content: center; border-radius: 100%; width: 5px; height: 5px; background-color: #00457e;}
    .contactbox .right {padding:0 20px;}
    .contactbox .right .inner-txt-bx .snsbox {gap:10px; }
    .contactbox .right .inner-txt-bx .snsbox>div {width: 100%; border-radius: 20px; } 
    .contactbox .right .inner-txt-bx .snsbox .kakao {height: 110px; position: relative; border: #ffe800 5px solid; }
    .contactbox .right .inner-txt-bx .snsbox .kakao .qr {width:98px; border-radius: 15px;}
    .contactbox .right .inner-txt-bx .snsbox .telegram { height: 60px; border: #2aa9ec 5px solid; }
    .contactbox .right .inner-txt-bx .snsbox .icon {width: 40px; padding-left: 10px;}
    .contactbox .right.content-bx .inner-txt-bx p span.dot {padding-right: 8px;}
    .contactbox .right.content-bx .inner-txt-bx p span.dot:before {top:40%; width: 3px; height: 3px;}
		

.bg {padding: 80px 0 0;}




}