@charset "utf-8";
@import url(../fonts/Roboto/style.css);
@import url(../fonts/scoredream/style.css);
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@font-face {
    font-family: 'InkLipquid';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
 i.fa{font-style:normal !important;}

mark {background-color:#; font-style:italic;font-weight:bold;}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
hr {display:block;height:0; border:0;border-top:0; margin:0;padding:0;}
input, select {vertical-align:middle;resize:none}
caption, th, td {font-weight:normal}
table caption {visibility:hidden;width:0;height:0;overflow:hidden}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}
img {border:0;vertical-align:middle; max-width:100%}
legend {display:none}

.full_width_bg{position:absolute; top:0; bottom: 0; z-index:-1; left:50%}


html{font-size:10px; }
@media (max-width:1320px){
 html{font-size:0.72vw; }
}

body{ }
body, select,input,textarea,button {font-size:2rem;  line-height:160%; font-family: "Pretendard","맑은 고딕","Nanum Gothic","Microsoft Yahei","Gulim", "dotum",Helvetica, sans-serif; color:var(--text-primary); letter-spacing:-.06em; }
input{font-size:1em;}
input::placeholder {font-size: 1em;}

iframe#hiddenframe {display:none;width:0;height:0}
label,button{cursor:pointer}
 input, button, select, textarea { outline: none;}
strong{font-weight:700}
b{font-weight:800}
.iconfont{font-size:1em;}
a{color:var(--text-primary); text-decoration:none}
a:hover, a:focus{color:var(--hover-primary);text-decoration:none}


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

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

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

.deg45{position:relative;transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.deg-45{position:relative;transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.deg90{position:relative;transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
.deg-90{position:relative;transform:rotate(-90deg);-ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);}
.deg180{position:relative;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}



.placeholdersjs { color: #aaa !important; }

@media (min-width:736px){
.nop{display:none; position:absolute; width:0; height:0; overflow:hidden;}
}
.clear{display:block; float:none; clear:both; border:0; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.wrap{width:1290px; margin:0 auto; position:relative; zoom:1;}
.wrap:after {display:block;visibility:hidden;clear:both;content:""}

@media (max-width:1320px){
.wrap{width:auto; margin:0 2vw; }

}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;left:0; right:0; height:0; width:1290px;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute; background:#fff; border-radius:1rem; overflow:hidden; box-shadow:.1em .1em .5em rgba(0,0,0,.3)}
.hd_pops.mobile {display:none;}
.hd_pops_con {}
.hd_pops_footer {padding:.5em;background:#000;background:var(--primary);color:#fff;display:flex; justify-content:space-between}
.hd_pops_footer button {margin-right:0;padding:0 1em;border:0;background:none;color:#fff; font-size:.9em;}



/*헤더*/
#header{ z-index:20;  height:8rem; height:12rem; padding: 3rem 5rem; display:flex; justify-content: space-between;  border-bottom:2px solid var(--border-secondary);  position: sticky; top:0; background-color: var(--bg-primary);}
#header h1{position: relative; padding:.5rem 0; z-index:2;}
#header h1 img{height:5rem; }

#header .outlogin{font-size: .8em; position:absolute; top:.8rem; right:6rem; display: flex;line-height: 2rem;}
#header .outlogin li{position:relative}
#header .outlogin li a{padding:0 1em; }
#header .outlogin li:nth-child(1)::after{position:absolute; top:0; right:0; content:"|"}

#btnMobileCall{display:none;}
#btnMobileMenu{display:none}

/*상단메뉴*/
#topMenu{position:relative;  margin-top:1rem}
#topMenu dl{position:relative;  display: -webkit-flex; display: flex;justify-content:center}
#topMenu dd > a{position:relative; text-align:center; z-index:2; display:block; font-size:1.1em; font-weight:600;  line-height:6rem; height:6rem; padding:0 1em;}
#topMenu dd:hover > a{color:var(--primary)}
#topMenu dd.active > a{color:var(--primary)}

#mobileMenu{display:none;}


/*메인비주얼*/
#main_visual{position:relative; z-index:1;  overflow:hidden; }
#main_visual ul{position:relative; z-index:1;}
#main_visual li{position:relative;background-position:center center;  width:100%;  background-repeat:no-repeat; height:60rem;  }
#main_visual .swiper-pagination{position:absolute; z-index:10; bottom:1em; width:100%; }
#main_visual .swiper-pagination-bullet{position:relative; width:1em; height:1em;margin:0 .5em;  background:#FFF; opacity:1; border-radius:1em; transition: all 0.3s ease; }
#main_visual .swiper-pagination-bullet-active{background-color: var(--primary-light);}
#main_visual .controll{position:absolute; top:50%; z-index:3; padding:0;height:0; left:0; right:0;  display:none}
#main_visual .controll a{position:absolute; top:-1em; width:2em; height:2em; line-height:2em; text-align:center; font-size:2em; padding:0; margin:0; background:rgba(0,0,0,.6); border:0; cursor:pointer; color:#; border-radius:2em; text-shadow: 0 0 .2em rgba(0,0,0,.5)}
#main_visual .controll .swiper_prev{left:0; transform:rotateY(180deg)}
#main_visual .controll .swiper_next{right:0;}

.container h4{font-size:2em; line-height:1.3em; } 
.container h5{font-size:1.5em; line-height:1.3em; } 
.container .cfm{color: var(--primary);} 
.container .cfl{color: var(--primary-light);} 
.container big{font-size:1.1em;} 

#ma{position: relative; background-color: #F5F5F5; padding:14rem 0; text-align: center; }
#ma dl{ --dw:16em; width: calc( 3 * var(--dw) ); margin:0 auto;}
#ma dl dd{width: var(--dw); margin-top:2em; border-left: 1px solid var(--border-primary); font-weight:700}
#ma dl dd:nth-child(3n + 1){border-left: 0;}

#mb{position: relative; height:40rem; background: url(/images/mb_bg.jpg) center no-repeat; text-align: center; color: #FFF; display: flex; justify-content: center; flex-direction: column;}
#mb h4{position:relative;}
#mb h4 img{}
#mb h4 big{position:relative; display: inline-block;  padding:.2em .5em; z-index:1 }
#mb h4 big:before{position:absolute; inset:0; border:.1em solid #AFAFE9; background-color:#FFF; padding:.1em .5em; border-radius: .5em; content:""; z-index:-1; opacity: .3;}

#mb h4 big span{ color:#fffbbf}
#mb h4 + h4{margin:.6em 0}
#mb ul{display: flex; justify-content: center; margin-top:1.5em}
#mb ul li{margin:0 1em; background-color:rgba(255,255,255,.2);  padding:.1em 2em;}

#mc{position: relative; padding:7rem 0; background: url(/images/mc_bg.jpg) center no-repeat; text-align: center;}
#mc .docter{margin:8rem 0 7rem; }
#mc .docter dt{z-index: 1; }
#mc .docter dt:before{position: absolute; top:5em; left:0; right:0; bottom:0; background:#EEEEEE; content:""; z-index: -1;}
#mc .docter dt figure{ }
#mc .docter dt span{position: absolute; bottom:1em; right:1em;}
#mc .docter dd{margin-left:2em; text-align: left;}
#mc .docter dd h5{font-size: 1.65em;}
#mc .docter dd h5 strong{font-size:2em;}
#mc .docter dd p{font-weight: 700; margin:1em 0;}
#mc .docter dd ul{font-size: .8em; margin-top:1em;}
#mc .docter dd ul li{position: relative; padding-left: 1.5em;margin:.45em 0;  }
#mc .docter dd ul li:before{position: absolute; left:0; content:"-"}
#mc .info{text-align: left; margin-left:8em;}
#mc .info dd h5{font-size: 1.1em;}
#mc .info dd p{font-size: .8em; }
#mc .info dd ul{font-size: .8em; margin-top:1em;}
#mc .info dd ul li{position: relative; padding-left: 1.5em; }
#mc .info dd ul li:before{position: absolute; left:0; content:"-"}
#mc .info dd:nth-child(2){margin-left:4em;}

#md{position: relative; padding:7rem 0; background: url(/images/md_bg.jpg) center no-repeat; }
#md .hd{ }
#md .hd dd{font-size: 1.25em; margin-left:2em; display: flex; justify-content: flex-end; flex-direction: column;}
#md .hd dd h6{font-size: 1.2em;}
#md .hd dd h3{font-size:2.2em; line-height:180%; }
#md .hd dd p{margin:1em 0; line-height:150%;}
#md .hd dd div{background-color: var(--primary-dark); color:#FFF; font-size:1.1em; padding:.2em .5em; margin-top:1em; letter-spacing: 0;}
#md .list{--dw:27rem; --gap:1rem;  width:calc( 4 * var(--dw) + 3 * var(--gap)); gap: var(--gap); margin:0 auto; margin-top:2em;}
#md .list dd{ width: var(--dw);}

#me{position: relative; padding:7rem 0; background: url(/images/me_bg.jpg) center no-repeat; text-align: center; color: #FFF;}
#me h4{margin:.7em 0}
#me dl{--dw:35rem; --gap:1rem;  width:calc( 3 * var(--dw) + 2 * var(--gap)); gap: var(--gap); margin:0 auto; margin-top:2em; }
#me dl dd{ width: var(--dw); margin-top:1.5em;}
#me dl dd h5{color: var(--primary-light); font-weight: 700; margin: .6em 0 .2em; font-size:2em;}

#mf{padding:8rem 0; text-align: center; background-color: #F5F5F5; position: relative; overflow:hidden;}
#mfSlide{margin-top:3em;}
#mfSlide li.swiper-slide{display: flex; justify-content: center; gap:1em}
#mfSlide li.swiper-slide p{font-size: 1.5em; font-weight:700; margin:.7em 0;}
#mfSlide .swiper-pagination{bottom:0; top:auto; height:1em; background: #C6C6C6;}
#mfSlide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: var(--primary);}


#mg{text-align:center;padding:7rem 0; background-color: #F3F3F3;}

#visit{position: relative; width: 120rem; margin:2em auto 0}
#visit ul{padding:0; margin:0; list-style:none;}
#visit section{position:relative; overflow:hidden; background:#EEE; padding:0; }
#visit section dl dd{text-align:center ;  }
#visit section dl dd div{padding-top:55%; background-size:cover; background-position:center; }
#visit section .controll{ position:absolute; top:50%; left:0; right:0; z-index:3;}
#visit section .controll button{ background:transparent; position:absolute; top:-1em; width:2em; height:2em; background:rgba(0,0,0,.8); border:0; font-size:1.3em; border-radius:50%;}
#visit section .controll button.prev{left:1em}
#visit section .controll button.next{right:1em}
#visit section .controll button.swiper-button-disabled{background:rgba(0,0,0,.2);}
#visit section .controll button:after{position:absolute; top:50%; width:15px; height:15px; border-style:solid;  border-width:2px; content:"";}
#visit section .controll button.prev:after{left:.8em; border-color:#FFF transparent transparent #FFF; transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top;  }
#visit section .controll button.prev:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
#visit section .controll button.next:after{right:.8em; border-color:#FFF #FFF transparent transparent ;  transform-origin:right top;-ms-transform-origin:right top;-webkit-transform-origin:right top;-moz-transform-origin:right top;-o-transform-origin:right top;  }
#visit section .controll button.next:after{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
#visit aside{position:relative; overflow:hidden;  margin-top:1em;  }

#visit aside dd{position:relative;  cursor:pointer;    }
#visit aside dd img{width:100%; height:auto; }
#visit aside dd div{ padding-top:100%; background-position:center; background-size:cover; }
#visit aside dd.swiper-slide:after{position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); content:"";}
#visit aside dd.swiper-slide-thumb-active:after{ background:rgba(0,0,0,0);   }


#mh .pt1{color:#FFF; text-align:center; padding:4em 0;background:url(/images/mh_bg.jpg) center no-repeat;}
#mh .pt1 dl{text-align:left; width: 1200px; margin:2em auto 0; }
#mh .pt1 dl dd{ width:46%;}
#mh .pt1 .icon{ padding-left:5rem;position:relative;}
#mh .pt1 .icon:before{position:absolute; top:0; left:0; width:3rem; height:3rem;  content:""; background-size:cover;  background-size:cover;}
#mh .pt1 .icon.clock:before{background-image:url(/img/icon_clock_w.png); }
#mh .pt1 .icon.call:before{background-image:url(/img/icon_call_w.png);}
#mh .pt1 .icon.addr:before{background-image:url(/img/icon_addr_w.png)}
#mh .work_time{font-size:1.3em; font-weight:300; line-height:140%;}
#mh .work_time ul{ }
#mh .work_time ul li{ height:2em}
#mh .work_time ul li b{display: -webkit-flex; display: flex;justify-content:space-between; float:left; width:3.5em; margin-right:1.5em; }
#mh .customer{font-size:1.1em;}
#mh .customer .addr{font-size:1.1em;}
#mh .customer .call{display:block; font-size:1.3em; margin:.5em 0}

#mh .pt2{}
#mh .pt2 .root_daum_roughmap{position:relative; width:100%; height:80rem;}
#mh .pt2 .root_daum_roughmap .wrap_map{width:100%; height:100%;}


#footer{position:relative; padding:3rem 0; background-color: var(--primary); color:#FFF;}
#footer dl{}
#footer dl dt{padding-right:2em; margin-right:2em; }
#footer dl dt svg{width:auto; height:4rem;}
#footer dl dt svg *{fill:#FFFFFF}

#footer dl dd address{font-size:.7em;line-height:140%;}
#footer dl dd p{font-size:.6em; letter-spacing: 0; }
#footer dl dd span{white-space: nowrap; padding-right:10px}

#quickBtns{position:fixed; top:20%; right:2rem; width:11.5rem; z-index:10; text-align:center; }
#quickBtns dt{padding:1em; border-radius:0;background:#EAEAEA; }
#quickBtns dt a{display:block;  font-size:.8em; font-weight:700;  padding:1rem 0;  }
#quickBtns dt a img{width:5rem;}
#quickBtns dt a + a{ border-top:1px solid #A7A7A7; }
#quickBtns dd {display: none;}

.subContainer{position: relative;  margin:0 auto;}
.subContainer > div{position: relative;}
.subContainer h3{font-size:2.75em;line-height:140%; }
.subContainer h4{font-size:2em;line-height:140%; }
.subContainer h5{font-size:1.5em;line-height:140%; }
.subContainer h6{font-size:1.35em;line-height:140%; }
.subContainer p{margin-top:1em;}
.subContainer .fine{font-weight:300}
.subContainer .big{font-size: 1.25em; line-height: 150%;}

.subContainer .cbm{background: var(--primary); color:#FFF; } 
.subContainer .cfm{color: var(--primary);} 
.subContainer .cfy{color:#fff8c0} 
.subContainer .cfl{color: var(--primary-light);} 
.subContainer .tc{text-align: center;}
.subContainer .round{padding:.3em 1em; border-radius: 1em; display: inline-block;} 
.subContainer .fmi{font-family: "InkLipquid"; font-size:1.125em;}
.subContainer .full_width{position: relative;}
.subContainer .full_width_bg{background-position: center; }
.subContainer .title{margin-bottom:1em; }
.subContainer .title:after{content: "YONSEI STARLIGHT SMILE DENTAL CLINIC"; font-size: 1.2rem; display: block; letter-spacing: .1em; line-height:1em; margin-top:1em;}

.subContainer ol{padding:0 0 0 0; list-style-type: none; counter-reset:sign-num;}
.subContainer ol > li{padding-left:1.5em; line-height:1.5em; position:relative;  text-align: left; margin:.3em 0}
.subContainer ol > li:before{position:absolute; left:0; top:.2em; counter-increment:sign-num; content:counter(sign-num); overflow:hidden;  font-size: .8em;  width:1.5em; height:1.5em; text-align: center; background-color: var(--sub-primary); color:#FFF; border-radius: 50%; line-height:1.5em;}



.sub_head{  height:25rem; text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.sub_head p{position:relative; z-index:1;  color:#feff9d; padding:1em 2em; font-size: 1.15em; font-weight:700;}
.sub_head p:before{position: absolute; inset:0;background-color: var(--primary);content:""; z-index:-1; opacity: .85;} 
 
 .sub_title{text-align: center; padding:.6em 0; color:#FFF; background-color: var(--primary);}
 
 .s_head{color:#FFF; }
 .s_head dl{width:1100px; margin:0 auto;}
 
 .dt_right{position: relative; text-align: left;}
 .dt_right dt{position: absolute; top:50%; right:0; transform: translateY(-50%);}
 
 .dt_left{position: relative; text-align: right;}
 .dt_left dt{position: absolute; top:50%; left:0; transform: translateY(-50%);}
 
 .s_s1{color:#FFF; }
 .s_s1 article{position: relative; display: inline-block; width: 105rem;}
 .s_s1 .dls1{margin-top:1em; background-color:#FFF;  text-align: left; color: var(--text-primary);}
 .s_s1 .dls1 dt{width: 40%; text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center;}
 .s_s1 .dls1 dt h5{background-color: var(--sub-primary); color:#FFF; padding:.2em 1em; border-radius:1em; margin-top:1em;}
 .s_s1 .dls1 dd{width: 60%;padding:1em }
 .s_s1 .dls1 dd ol{font-size: 1.2em;}
 
 .s_s1 .dt_right {margin-top:2em;}
 .s_s1 .dt_right dd ol{margin-top:1em; font-size:1.25em;  }
 .s_s1 .dt_right dd ol li{margin:.5em 0; font-weight: 300;}
 .s_s1 .dt_right dd ol li:before{background:#FFF; color: var(--sub-primary);}
 
 .s_s2{background-color: #F2F2F2;}
 .s_s2 .dt_right{padding:2em 0; }
 .s_s2 .step{margin-top:3em}
 .s_s2 .step dd{font-size: 1.1em; background-color: #FFF; padding:.3em 1em; border-radius:2em; margin:0 1em; font-weight: 700;}
 
 .s_s3{background-color: #F9F9F9;}
 .s_s3 .dt_left{padding:2em 0; }
 .s_s3 .step{margin-top:3em}
 .s_s3 .step dd{font-size: 1.1em; background-color: #FFF; padding:.3em 1em; border-radius:2em; margin:0 1em; font-weight: 700;}
 
 .s_s4{text-align: center; background:#F2F2F2}
 .s_s4 dl{width:1100px; margin:0 auto; display: grid; grid-template-columns: repeat(2, 1fr);  margin-top:2em}
 .s_s4 dl dd{border-left:1px dotted var(--primary);border-top:1px dotted var(--primary); display: block;  align-items: center; text-align: left; padding:1em 0 1em 1em}
 .s_s4 dl dd label{background-color: var(--primary); color:#FFF; padding:.2em .5em; border-radius:.3em; font-size:1.2em; }
 .s_s4 dl dd i{margin:0 1em;}
 .s_s4 dl dd span{font-size: 1.6em;}
 .s_s4 dl dd:nth-child( 1){border-top: 0;}
 .s_s4 dl dd:nth-child( 2){border-top: 0;}
 .s_s4 dl dd:nth-child(2n - 1){border-left: 0;}
 .s_s4 dl dd:nth-child(2n){padding-left:3em}
 
 .s_s5{color:#FFF; }
 .s_s5 dd small{ font-size:12px; letter-spacing: .1em; margin-top:1em;}
 .s_s5 dd dl{ margin-top: 1em; gap:1em;display: grid; grid-template-columns: repeat(2, 1fr); width: 62rem;}
 .s_s5 dd dl dd{background-color: #FFF; padding:1em; color: var(--text-primary); text-align: center;display: flex; justify-content: center; flex-direction: column; align-items: center; font-size: 1.2em;}
 
 
 .s2_2{--ddw:48rem; display: grid; grid-template-columns: repeat(2,1fr); width: calc(2 * var(--ddw) + 2em); margin:2em auto 0;  gap:2em}
 .s2_2 h5{margin-top:.8em}
 .s2_2 p{ font-size: 1.1em;}
 
 .s2_3{display: flex; justify-content: center; text-align: center; margin-top:2em;}
 .s2_3 dd{width: 30%;}
 .s2_3 dd h6{margin-top:.5em}
 
 .subContainer.sub3 .wrap{width: 100rem;}
 
 .s4_1 {margin:3em 0;}
 .s4_1 dd {margin-left:2em}
 .s4_1 dd ol{ font-size:1.25em;  }
 .s4_1 dd ol li{margin:.8em 0; font-weight: 300;}
 .s4_1 dd ol li:before{background:#FFF; color: var(--sub-primary);}
 
 .s4_2 dl{gap:2em; margin-top:2em;}
 .s4_2 dl h6{background-color: #796BAF; color:#FFF; padding:.2em;}
 .s4_2 dd{background-color: #F5F0FA;}
 .s4_2 dd p{padding:1em; margin:0}
 .s4_2 dd:nth-child(2){font-weight:700}
 .s4_2 dd:nth-child(2) h6{ color:#fff29e;}
 
 .s5_1 dd{width:24rem; text-align: center; background-color: #FFF; padding:1em 0;}
 .s5_1 dd p{color: var(--sub-primary); margin-top:.5em; }
 
 .s5_2{color:#FFF; }
 .s5_2 dl{ font-size: 1.2em; line-height: 140%; width: 120rem; margin:2em auto 0; text-align: left;}
 .s5_2 dl dd{position:relative; display: flex; padding:1em 0}
 .s5_2 dl dd strong{color:#fff697; font-size: 1.4em; width:10em; padding-left:1em; position:relative; 
 display: flex; justify-content: center; flex-direction: column;}
 .s5_2 dl dd strong:before{position: absolute; left:0; width:.6em; height:.6em; background:#FFF; top:50%; transform: translate(-50%,-50%); border-radius:50%; content:"";}
 .s5_2 dl dd:after{position: absolute; left:0; top:0; bottom:0; width:1px; background:#FFF; content:"";}
 .s5_2 dl dd:first-child:after{top:50%}
 .s5_2 dl dd:last-child:after{bottom:50%}
 
 
 .s6_1{margin-top: 2em; gap:1em;}
 .s6_1 dd small{ font-size:.9em; display: block; margin-top:1em;}
 .s6_1 dd h5{font-weight: 700;}
 
 .s6_2{margin-top: 2em; gap:1em;}
 .s6_2 h5{font-weight:700; padding:.2em;}
 .s6_2 p{margin:0; padding:1em; font-size:.9em; background:#F5F5F5}
 .s6_2 h5.cfm{background:#E7E7F6; margin-top:.5em}
 
 .s6_3{color: #FFF;}
 .s6_3 h3{position:relative; font-size: 2.5em;}
 .s6_3 h3:after{display: block; width:1px; height:2em; background:#FFF; content:""; margin:0 auto;}
 .s6_3 h3:before{position:absolute; width:.2em; height:.2em; left:50%;bottom:0; background-color: #FFF; border-radius:50%; content:""; transform: translateX(-50%);}
 .s6_3 dl{margin-top:2em; gap:2em}
 .s6_3 dl dd p{margin:0; position: absolute;inset: 0; display: flex; justify-content: center; flex-direction: column; font-size: 1.5em; font-weight:700; }
 
 
 .icon_hd{padding-bottom:2em;}
 .icon_hd:before{display:block; width:4em; height:2.5em; margin:0 auto; background:url(/img/logo_icon.svg) center no-repeat; background-size:cover; content:"";}
 .icon_hd h4{margin-top:.5em;}

 #reviewSlide{position: relative; overflow: hidden;}
 #reviewSlide .swiper-slide{display: flex; justify-content: center; gap:1em}
 #reviewSlide .swiper-slide figure{position:relative; }
 #reviewSlide .swiper-slide figure strong{position:absolute; left:1em; bottom:1em; font: size 1.1em; z-index:2}
 #reviewSlide .swiper-slide figure:nth-child(1) strong{color: #FFF}
 #reviewSlide .swiper-slide figure:nth-child(2) strong{color: var(--primary);}
 
 #reviewSlide article figure{position: relative; width:100%; height:42rem;}
 #reviewSlide article figure img{width: 100%; height:100%; object-fit: cover; }
 
 #reviewSlide article figure a{position:absolute; inset:0;display: flex; justify-content: center; flex-direction: column; align-items: center;  }
 #reviewSlide article figure a.nide_login{background-color: rgba(0,0,0,.6); color:#FFF;backdrop-filter:blur(100px)  }
 #reviewSlide aside{margin-top: 1em;}
 #reviewSlide aside .swiper-slide{gap:.4em; cursor: pointer;}
 #reviewSlide aside .swiper-slide figure:nth-child(1):before{position: absolute;inset:0;display: flex; justify-content: center; flex-direction: column; align-items: center; background-color: rgba(0,0,0,.6); color:#FFF;  font-size:.6em; line-height:130%; content:"클릭하여 \A 확인해보세요";white-space: pre; }
 #reviewSlide aside .swiper-slide.nide_login figure:before{position: absolute;inset:0;display: flex; justify-content: center; flex-direction: column; align-items: center; background-color: rgba(0,0,0,.6); color:#FFF;  font-size:.6em; line-height:130%; content:"로그인 후 자세히 \A확인 가능합니다.";white-space: pre;backdrop-filter:blur(10px) }
 
 
 
.review .controll{ position:absolute; left:0; right:0; bototm:0}
.review .controll button{ background:transparent; position:absolute;  width:2em; height:2em; background:var(--primary); color:#FFF; border:0; font-size:1em; border-radius:50%; bottom:1.7em}
.review .controll button.prev{left:-3em; transform: rotateY(180deg); }
.review .controll button.next{right:-3em;}
.review .controll button.swiper-button-disabled{background:rgba(0,0,0,.2);}



.subContainer .fw100{font-weight:100}
.subContainer .fw300{font-weight:300}
.subContainer .fw350{font-weight:350}
.subContainer .fw400{font-weight:400}
.subContainer .fw500{font-weight:500}
.subContainer .fw600{font-weight:600}
.subContainer .fw700{font-weight:700}
.subContainer .fw800{font-weight:800}
.subContainer .fw900{font-weight:900}


.subContainer .op1{ opacity:.1}
.subContainer .op2{ opacity:.2}
.subContainer .op3{ opacity:.3}
.subContainer .op4{ opacity:.4}
.subContainer .op5{ opacity:.5}
.subContainer .op6{ opacity:.6}
.subContainer .op7{ opacity:.7}
.subContainer .op8{ opacity:.8}
.subContainer .op9{ opacity:.9}


.subContainer .ls-05{ letter-spacing:-.05em}
.subContainer .ls-1{ letter-spacing:-.1em}
.subContainer .ls-2{ letter-spacing:-.2em}
.subContainer .ls-3{ letter-spacing:-.3em}
.subContainer .ls-4{ letter-spacing:-.4em}
.subContainer .ls-5{ letter-spacing:-.5em}
.subContainer .ls1{ letter-spacing:.1em}
.subContainer .ls2{ letter-spacing:.2em}
.subContainer .ls3{ letter-spacing:.3em}
.subContainer .ls4{ letter-spacing:.4em}
.subContainer .ls5{ letter-spacing:.5em}
.subContainer .ls6{ letter-spacing:.6em}
.subContainer .ls7{ letter-spacing:.7em}
.subContainer .ls8{ letter-spacing:.8em}
.subContainer .ls9{ letter-spacing:.9em}
.subContainer .ls10{ letter-spacing:1em}

.subContainer .pd-1{padding-top:.1em; padding-bottom:.1em}
.subContainer .pd-2{padding-top:.2em; padding-bottom:.2em}
.subContainer .pd-3{padding-top:.3em; padding-bottom:.3em}
.subContainer .pd-4{padding-top:.4em; padding-bottom:.4em}
.subContainer .pd-5{padding-top:.5em; padding-bottom:.5em}
.subContainer .pd-6{padding-top:.6em; padding-bottom:.6em}
.subContainer .pd-7{padding-top:.7em; padding-bottom:.7em}
.subContainer .pd-8{padding-top:.8em; padding-bottom:.8em}
.subContainer .pd-9{padding-top:.9em; padding-bottom:.9em}
.subContainer .pd1{padding-top:1em; padding-bottom:1em}
.subContainer .pd1-5{padding-top:1.5em; padding-bottom:1.5em}
.subContainer .pd2{padding-top:2em; padding-bottom:2em}
.subContainer .pd2{padding-top:2.5em; padding-bottom:2.5em}
.subContainer .pd3{padding-top:3em; padding-bottom:3em}
.subContainer .pd4{padding-top:4em; padding-bottom:4em}
.subContainer .pd5{padding-top:5em; padding-bottom:5em}
.subContainer .pd6{padding-top:6em; padding-bottom:6em}
.subContainer .pd7{padding-top:7em; padding-bottom:7em}
.subContainer .pd8{padding-top:8em; padding-bottom:8em}
.subContainer .pd9{padding-top:9em; padding-bottom:9em}
.subContainer .pd10{padding-top:10em; padding-bottom:10em}
.subContainer .pd12{padding-top:12em; padding-bottom:12em}


.subContainer .pdw-1{padding-left:.1em; padding-right:.1em}
.subContainer .pdw-2{padding-left:.2em; padding-right:.2em}
.subContainer .pdw-3{padding-left:.3em; padding-right:.3em}
.subContainer .pdw-4{padding-left:.4em; padding-right:.4em}
.subContainer .pdw-5{padding-left:.5em; padding-right:.5em}
.subContainer .pdw-6{padding-left:.6em; padding-right:.6em}
.subContainer .pdw-7{padding-left:.7em; padding-right:.7em}
.subContainer .pdw-8{padding-left:.8em; padding-right:.8em}
.subContainer .pdw-9{padding-left:.9em; padding-right:.9em}
.subContainer .pdw1{padding-left:1em; padding-right:1em}
.subContainer .pdw1-5{padding-left:1.5em; padding-right:1.5em}
.subContainer .pdw2{padding-left:2em; padding-right:2em}
.subContainer .pdw2-5{padding-left:2.5em; padding-right:2.5em}
.subContainer .pdw3{padding-left:3em; padding-right:3em}
.subContainer .pdw4{padding-left:4em; padding-right:4em}
.subContainer .pdw5{padding-left:5em; padding-right:5em}
.subContainer .pdw6{padding-left:6em; padding-right:6em}
.subContainer .pdw7{padding-left:7em; padding-right:7em}
.subContainer .pdw8{padding-left:8em; padding-right:8em}
.subContainer .pdw9{padding-left:9em; padding-right:9em}
.subContainer .pdw10{padding-left:10em; padding-right:10em}
.subContainer .pdw12{padding-left:12em; padding-right:12em}

@media (max-width:736px){
	.subContainer .pd-1{padding-top:.05em; padding-bottom:.05em}
	.subContainer .pd-2{padding-top:.1em; padding-bottom:.1em}
	.subContainer .pd-3{padding-top:.15em; padding-bottom:.15em}
	.subContainer .pd-4{padding-top:.2em; padding-bottom:.2em}
	.subContainer .pd-5{padding-top:.25em; padding-bottom:.25em}
	.subContainer .pd-6{padding-top:.3em; padding-bottom:.3em}
	.subContainer .pd-7{padding-top:.35em; padding-bottom:.35em}
	.subContainer .pd-8{padding-top:.4em; padding-bottom:.4em}
	.subContainer .pd-9{padding-top:.45em; padding-bottom:.45em}
	.subContainer .pd1{padding-top:.5em; padding-bottom:.5em}
	.subContainer .pd1-5{padding-top:.75em; padding-bottom:.75em}
	.subContainer .pd2{padding-top:1em; padding-bottom:1em}
	.subContainer .pd2{padding-top:1.25em; padding-bottom:1.25em}
	.subContainer .pd3{padding-top:1.5em; padding-bottom:1.5em}
	.subContainer .pd4{padding-top:2em; padding-bottom:2em}
	.subContainer .pd5{padding-top:2.5em; padding-bottom:2.5em}
	.subContainer .pd6{padding-top:3em; padding-bottom:3em}
	.subContainer .pd7{padding-top:3.5em; padding-bottom:3.5em}
	.subContainer .pd8{padding-top:4em; padding-bottom:4em}
	.subContainer .pd9{padding-top:4.5em; padding-bottom:4.5}
	.subContainer .pd10{padding-top:5em; padding-bottom:5em}
	.subContainer .pd12{padding-top:6em; padding-bottom:6em}

	.subContainer .pdw-1{padding-left:.1em; padding-right:.1em}
	.subContainer .pdw-2{padding-left:.1em; padding-right:.1em}
	.subContainer .pdw-3{padding-left:.15em; padding-right:.15em}
	.subContainer .pdw-4{padding-left:.2em; padding-right:.2em}
	.subContainer .pdw-5{padding-left:.25em; padding-right:.25em}
	.subContainer .pdw-6{padding-left:.3em; padding-right:.3em}
	.subContainer .pdw-7{padding-left:.35em; padding-right:.35em}
	.subContainer .pdw-8{padding-left:.4em; padding-right:.4em}
	.subContainer .pdw-9{padding-left:.45em; padding-right:.45em}
	.subContainer .pdw1{padding-left:.5em; padding-right:.5em}
	.subContainer .pdw1-5{padding-left:.75em; padding-right:.75em}
	.subContainer .pdw2{padding-left:1em; padding-right:1em}
	.subContainer .pdw2{padding-left:1.25em; padding-right:1.25em}
	.subContainer .pdw3{padding-left:1.5em; padding-right:1.5em}
	.subContainer .pdw4{padding-left:2em; padding-right:2em}
	.subContainer .pdw5{padding-left:2.5em; padding-right:2.5em}
	.subContainer .pdw6{padding-left:3em; padding-right:3em}
	.subContainer .pdw7{padding-left:3.5em; padding-right:3.5em}
	.subContainer .pdw8{padding-left:4em; padding-right:4em}
	.subContainer .pdw9{padding-left:4.5em; padding-right:4.5}
	.subContainer .pdw10{padding-left:5em; padding-right:5em}
	.subContainer .pdw12{padding-left:6em; padding-right:6em}
}