html{font-size:2.6666666vw; }
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}
body, select,input,textarea { font-size:1.3rem;   }
img{max-width:100%}

.nom{display:none; position:absolute; width:0; height:0; overflow:hidden;}
#bodyWrap{width:auto}
.wrap{width:auto; margin:0;}
/* 팝업레이어 */
#hd_pop {margin:0 auto;width:auto;height:0}
.hd_pops { margin:2vw; background:#fff; top:0 !important; left:0 !important;}
.hd_pops.mobile {display:none; }
.hd_pops img{max-width:100%;}
.hd_pops_con {width:auto !important; height:auto !important;}
.hd_pops.mobile {display:block;}
.hd_pops.pc {display:none;}



#header{ z-index:20;  height:6rem; width: 100%;}
#header h1{float:none; text-align:center; padding:1.5rem 0; z-index:1;  }
#header h1 img{height:3rem; }
#header ul{display: none;}

#header.top{background-color: #FFF; position: fixed;}

#btnMobileCall{display:block; position:absolute; top:0; left:0; border:0; background:none; width:6rem; height:6rem; line-height:6rem; text-align:center; font-size:2.5rem; z-index:3;}
#btnMobileMenu{display:block; position:absolute; top:0; right:0; border:0; background:none; width:6rem; height:6rem; line-height:6rem; text-align:center; font-size:2.5rem;z-index:3;}

#btnAllmenu{display:none;}
#topMenu{display:none;}

#mobileMenu{position:fixed;  display:block; left:0; right:0; bottom:0; top:0;  z-index:99; visibility: hidden;opacity: 0; transition: all 200ms; background:rgba(0,0,0,.8)  }
#mobileMenu h2{text-align:center; padding:1.5em 0; border-bottom:1px solid var(--color-line); }
#mobileMenu h2 img{height:3rem;}
#mobileMenu ol{border-bottom:1px solid var(--color-line); line-height:4rem; text-align:center; background:var(--color-bg)}
#mobileMenu ol:after {display:block;visibility:hidden;clear:both;content:""}
#mobileMenu ol li{display:inline-block; padding:0 1em}
#mobileMenu .btn_close{position:absolute; right:0; top:0; overflow:hidden; color:#FFF; font-size:3rem; width:6rem; height:6rem; line-height:6rem; text-align:center;}

#mobileMenu section{position:absolute; left:-20%; top:0; width:calc(100% - 6rem); height:100%; background:#FFF; overflow:auto; transition: all 200ms; z-index:2;}
#mobileMenu dl {margin:4rem;border-top:1px solid var(--color-line2); }
#mobileMenu dl dd{border-bottom:1px solid var(--color-line2); }
#mobileMenu dl dd > a{position:relative; display:block;   font-size:1.1em;   line-height:4rem;}
#mobileMenu dl dd > a:after{ position:absolute; top:50%; right:0; width:1em; height:1em; line-height:1em; margin-top:50%; margin-top:-.5em; content:"\ee60c"; font-family:'iconfont'; transition: all 0.3s ease; transform: scale(.7); opacity:.5}
#mobileMenu dl dd.active > a:after{ transform:rotate(90deg) scale(.7); }
#mobileMenu dl dd > ul{position:relative; max-height:0; overflow:hidden;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#mobileMenu dl dd.active > ul{max-height:500px;  border-top:1px solid var(--color-line); }
#mobileMenu dl dd > ul a{display:block; padding-left:10px;  border-bottom:1px solid #FFF; line-height:2.6em;}
#mobileMenu dl dd > ul a:before{content:"- "; }

#mobileMenu.open{visibility: visible; opacity: 1;}
#mobileMenu.open section{left:0;}

#main_visual li{ height:auto;  background-size:cover;}

.jp_point{top:0}

#ma{padding: 5rem 4rem; overflow: hidden; }
#ma h6{font-size:1.2em; }
#ma h3{font-size:2em; position:relative; z-index: 2;}
#ma ul{margin-top:2em; }
#ma ul li{position:relative; font-size: 1em; line-height: 1.6em; padding:1em 0}
#ma ul li:before{top:1.25em; left:-1.5em;}
#ma .daram_img1{display: none;}
#ma .daram_img2{width:8em; top:28em; left:50%; margin-left:8em}

.m_header{height:8rem; background-size: cover;}
.m_header h3{ font-size:2em;}
.m_header small{font-size:.8em; }
.m_header h6{font-size:1em;}


#mb section{background-size:cover;  padding:1em 0;}
#mb section dl{padding:1em; display: block;}
#mb section dl dt{width:50%; float:right;}
#mb section dl dd{ display:block; padding:1em 0; width: 100%;}
#mb section dl dd h4 small{font-size:.8em; }
#mb section dl dd .ul_1{color: #e1ffda; font-size: 1em; margin-top:1.5em; }
#mb section dl dd .ul_2{font-size: .9em; line-height:2.25em; margin-top:1.5em; }
#mb section dl.dtr dd{text-align: left;}


#mc section{background-size:cover;padding:3.5em 1em;}
#mc h4{font-size: 2em; }
#mc section h6{font-size: 1.1em; }
#mc .treatment{padding:2em; display: block;}
#mc .treatment:nth-of-type(1){background-size:cover;}
#mc .treatment:nth-of-type(2){background-size:cover;}
#mc .treatment dt{width:50%; float: right;}
#mc .treatment dd{display: block; width:auto}
#mc .treatment dd h4{font-size:1.5em; }
#mc .treatment dd p{ font-size: 1em;}
#mc .treatment:not(.dtr) dt{position:absolute; top:1em; left:0; width:10em; margin-left:-0.5em}
#mc .recom{background-size:cover; padding:2em 1em;}
#mc .recom dl{ margin-top:2em; gap:1rem; display: block;}
#mc .recom dl dd{ margin:.4em 0; width: auto; font-size: 1.1em;}


#md section{background-size:cover;padding: 2em 1em;}
#md section dl{padding: 1em 0; display: block; }
#md section dl dt{width: 40%; float: right;}
#md section dl dd{text-align: left; display: flex; justify-content: center; flex-direction: column;}
#md section dl dd h4{font-size:1.8em; line-height: 1.3em; font-weight: 800;}
#md section dl dd h4 span{color: var(--color-yellow);}
#md section dl dd p{font-size:1.25em; line-height: 1.3em; font-weight:300; margin-top: 1em;}
#md section dl dd p strong{color: var(--color-yellow);}

#md .time{ }
#md .time h4{font-size:2em;}
#md .time dl{margin-top: 0; flex-wrap: wrap;}
#md .time dl dd{width: 50%; margin-top: 2em;}

#md .seraphine{ padding:2em 1em;}
#md .seraphine > img{width: 70%;}
#md .seraphine > h4{font-size:2em; }
#md .seraphine > h6{font-size:1.1em;}
#md .seraphine > h5{background-color: var(--color-main); color: var(--color-aga); font-size: 1.75em; font-weight: 700; line-height: 1.8em; border-radius: 2em; width: auto; margin:1em auto 0; }
#md .seraphine > h5 span{color: var(--color-yellow);}
#md .seraphine .dls_1{width:auto; margin:1em auto ;}
#md .seraphine .dls_1 dd{width:100%; padding:1em; margin-right:0; margin-bottom: -1px;}
#md .seraphine .dls_1 dd:nth-child(4 + n){width:100%}
#md .seraphine .dls_1 dd p{font-size: 1em; margin-top:.5em;}
#md .seraphine .dls_1 dd p br{display: none;}
#md .seraphine .dls_2 dt{font-size: 1.5em; line-height:6em;}
#md .seraphine .dls_2 dd ul{font-size:1em; }

#md .correction article{  padding: 2em 1em; }
#md .correction article img{width: 70%;}
#md .correction  h4{font-size:2em;}
#md .correction  p{font-size: 1em; }
#md .correction .dls_3{padding:1em 0;}
#md .correction .dls_3 dd{padding:0 .5em;}
#md .correction .dls_3 dd img{width:15em}
#md .correction .dls_3 h5{font-size:1.5em;}
#md .correction .dls_3 h6{font-size:1em;}
#md .correction .dls_3 p{ }


#me{ }
#me article{display:block; text-align: left; padding:2em 1em;}
#me article h4{font-size:1.8em; }
#me article > p{font-size:1em;}


#me .dls_4{ padding:2em 1em; }
#me .dls_4 dt{width:40%; }
#me .dls_4 dd{margin-left:0; padding-left:5%; width:60%;}
#me .dls_4 dd h4{font-size:2em; }
#me .dls_4 dd p{font-size:1em;  }


#mf{}
#mf section{background-size: cover;}
#mf article{display: block; padding:2em 1em}
#mf article h4{font-size:2em;}
#mf article .dls_5{text-align: left;}
#mf article h6{font-size: 1.1em;}
#mf article > p {font-size:1em;}

#mf article .dls_5{display: block;}
#mf article .dls_5 dt{width:35%; float: right;}

#mf article .dls_6{width: auto; font-size:1em; margin:1em auto; gap:.5em; display: block;}
#mf article .dls_6 dd{ width:100%; margin-top:.5em;}
#mf article .dls_6 dd p{padding:1em}


#mg{ }
#mg section{background-size: cover;}
#mg article{display:block; padding:2em 1em}
#mg article > p{color: #939393; font-size: 1.1em;}
#mg article > h4{font-size: 2em;  }
#mg article > .dlw h5{ font-size:1.5em;}
#mg article > .dlw h6{font-size: 1.2em;}
#mg article > .dlw p{font-size: 1em;}

#mh{}
#mh section{background-size: cover;padding:2em 1em; }
#mh section .dls_7{display: block;}
#mh section .dls_7 dt{width:26%; float:left; margin-right:1em}
#mh section .dls_7 dd{margin-left:0;  text-align: left;}
#mh section h4{font-size: 2em;}
#mh section p{font-size:1em; line-height:140% }
#mh section .dls_8{gap:.5em; margin-top: 1em;}
#mh section .dls_8 dd{width:8em; height:8em; border:.2em solid #E4E4E4; font-size:1em}
#mh section ul{display:block}
#mh section ul li{ font-size:1em; padding:.6em 0em; margin-top:.3em}



#mi{}
#mi section{padding:2em 1em;}
#mi section h4{font-size: 2em; }
#mi section p{font-size:1em}

#mj{  padding:3em 1em}
#mj h4{font-size: 2em; }
#mj p{font-size:1em}

#visit{ width:auto; }
#visit section dl dd{ height:20rem;}
#visit aside dd{  height:4em;   }


#mk dl{display: block;}
#mk dt{width:100%;height:20em; }
#mk dd{width: 100%; padding:1em; }
#mk dd h4{font-size: 2em;}
#mk dd ul{font-size:1em;  }
#mk dd ul li label{width:5.5em; }






#footer dl{display: block; text-align: center;}
#footer dl dt{padding-right:0; margin-right:0; border-right:0}
#footer dl dt img{height:6rem; }
#footer dl dd {margin-top:1em;}
#footer dl dd address{font-size:.9em;}
#footer dl dd p{font-size:.8em;}



#quickBtns{position:sticky; top:auto; right:0; left:0; bottom:0;  z-index:10; text-align:center; }
#quickBtns dt{display: flex;}
#quickBtns dt a{width:25%;  height:auto; border-radius:0; padding:.6em 0; margin:0}
#quickBtns dt a img{width:2.5em;}
#quickBtns dt a p{font-size:.9em;}
 
/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 tr {display:block; border-bottom:1px solid #EEE; padding:10px 0}
.tbl_frm01 th {width:auto; display:block; border:0; padding:0;}
.tbl_frm01 td {display:block; border:0; padding:0}
.tbl_frm01 td .frm_input{width:100%;}
.tbl_frm01 td #reg_mb_zip{width:20%;}


.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}