@charset "utf-8";

/* ===================================
    sub layout
====================================== */
/* //// subtop //// */
.sub .subtop{width:100%;height:100vh;max-height:500px;margin:114px auto 0;background-repeat:no-repeat;background-position:center center;background-size:cover;text-align:center;}
.sub .subtop .container{height:100%;}
.sub.accident .subtop{background-image:url('/img/sub/accident/accident.jpg');}
.sub.bodyshape .subtop{background-image:url('/img/sub/bodyshape/bodyshape.jpg');}
.sub.diet .subtop{background-image:url('/img/sub/diet/diet.jpg');}
.sub.goodkmh .subtop{background-image:url('/img/sub/goodkmh/goodkmh.jpg');}
.sub.hairloss .subtop{background-image:url('/img/sub/hairloss/hairloss.jpg');}
.sub.pain .subtop{background-image:url('/img/sub/pain/pain.jpg');}
.sub.provision .subtop{background-image:url('/img/sub/bbs.jpg');}
.sub.privacy .subtop{background-image:url('/img/sub/bbs.jpg');}
.sub.goodkmhnotice .subtop{background-image:url('/img/sub/bbs.jpg');}
.sub.goodkmhinterview .subtop{background-image:url('/img/sub/bbs1.jpg');}
.sub.goodkmhmedia .subtop{background-image:url('/img/sub/bbs1.jpg');}
.sub.goodkmhbfaf .subtop{background-image:url('/img/sub/bbs1.jpg');}
@media (max-width: 768px) {
    .sub .subtop{max-height:none;margin:70px auto 0;}
}

/* //// subnav //// */
#subnav{border-top:1px solid #eee;border-bottom:1px solid #eee}
#subnav .container > ul {display: flex;font-size:1.125rem;}
#subnav .home{width: 60px;height:60px;background-color: #388dc8;display: flex;justify-content: center;align-items: center;}
#subnav .home img{justify-self: center;align-self: center;}
#subnav .sbox{position:relative;top:0;left: 0;}
#subnav .sbox > a{line-height: 20px;padding: 20px;display: block;position: relative;top: 0;left: 0;color: #666666;}
#subnav .sbox > a:after {display: block;content: "";clear: both;width: 5px;height: 12px;background-image: url(/img/sub/snav_arrow_r.png);background-position: center;background-repeat: no-repeat;background-size: 100%;right: -2px;position: absolute;top: 50%;transform: translateY(-50%);}
#subnav .sbox:last-child > a:after {display: block;content: "";clear: both;position: absolute;top: 50%;right: 0;width: 15px;height: 15px;transform: translateY(-50%);background-repeat: no-repeat;background-position: center;background-size: 100%;background-image: url(/img/sub/snav_arrow.png);}
#subnav .sbox > ul {display: none;position: absolute;top: 100%;left: 0;width: 200px;margin-top: 1px;z-index: 10;box-shadow: 0 0 8px 3px rgba(0,0,0,0.05);}
#subnav .sbox.on > ul {display: block;}
#subnav .sbox > ul a{display: block;padding:12px 15px;background: #666666;color: #fff;font-size: 1rem;}

/* //// sub common //// */
.sub .section_title .eng-font{text-transform:uppercase;}
.sub .section_cont{margin-top:50px;}

.shadow {box-shadow: 5px 7px 10px rgb(0 0 0 / 10%);background:#fff;}
.corner_cut{border-radius:15px;overflow:hidden;}

/* //// meaning //// */
.sub .meaning{position:relative;}
.sub .meaning .relative{padding-top:50px;padding-bottom:90px;}
.sub .meaning .graytext{color:#ebebeb;text-transform:uppercase;margin:0 auto 45px;}
.sub .meaning .meaning_logo{position:absolute;top:0;bottom:auto;left:auto;right:0;}
.sub .meaning .meaning_img{width:62.5%;max-width:880px;height:390px;background-color:#9c9c9c;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.sub .meaning .meaning_text{width:50%;padding:70px 50px;position:absolute;top:auto;bottom:0;left:auto;right:0;margin:auto;z-index:2;}
.sub .meaning .section_cont{margin-top:30px;}
/* meaning background image */
.sub.neckwaist .meaning .meaning_img{background-image:url('/img/sub/pain/meaning_neckwaist.jpg')}
.sub.shoulder .meaning .meaning_img{background-image:url('/img/sub/pain/meaning_shoulder.jpg')}
.sub.joint .meaning .meaning_img{background-image:url('/img/sub/pain/meaning_joint.jpg')}
.sub.childhoodobesity .meaning .meaning_img{background-image:url('/img/sub/diet/meaning_childhoodobesity.jpg')}
.sub.woman .meaning .meaning_img{background-image:url('/img/sub/diet/meaning_woman.jpg')}
.sub.man .meaning .meaning_img{background-image:url('/img/sub/diet/meaning_man.jpg')}
.sub.partialobesity .meaning .meaning_img{background-image:url('/img/sub/diet/meaning_partialobesity.jpg')}
.sub.herbalmedicine .meaning .meaning_img{background-image:url('/img/sub/diet/meaning_herbalmedicine.jpg')}
.sub.neckback .meaning .meaning_img{background-image:url('/img/sub/bodyshape/meaning_neckback.jpg')}
.sub.pelvis .meaning .meaning_img{background-image:url('/img/sub/bodyshape/meaning_pelvis.jpg')}
.sub.spine .meaning .meaning_img{background-image:url('/img/sub/bodyshape/meaning_spine.jpg')}
.sub.male .meaning .meaning_img{background-image:url('/img/sub/hairloss/meaning_male.jpg')}
.sub.female .meaning .meaning_img{background-image:url('/img/sub/hairloss/meaning_female.jpg')}
.sub.areata .meaning .meaning_img{background-image:url('/img/sub/hairloss/meaning_areata.jpg')}
.sub.seborrhecia .meaning .meaning_img{background-image:url('/img/sub/hairloss/meaning_seborrhecia.jpg')}
.sub.aftereffect .meaning .meaning_img{background-image:url('/img/sub/accident/meaning_aftereffect.jpg')}
.sub.hospitalization .meaning .meaning_img{background-image:url('/img/sub/accident/meaning_hospitalization.jpg')}
@media(max-width:768px){
    .sub .meaning{padding-bottom:0;}
    .sub .meaning .relative{padding:0;}
    .sub .meaning .meaning_logo{position:relative;text-align:center;}
    .sub .meaning .graytext{margin:45px auto 10px;}
    .sub .meaning .meaning_img{width:100%;padding-top:44.3181%;max-height:390px;max-width:none;height:0;position:relative;}
    .sub .meaning .meaning_text{width:100%;padding:40px 5%;margin-top:30px;position:relative;}
}

/* //// symptom //// */
.sub .symptom .box{margin-top:50px;}
.sub .symptom .box_wrap3 .box:nth-child(-n+3){margin-top:0}
.sub .symptom .box_wrap4 .box:nth-child(-n+4){margin-top:0}
.sub .symptom .box p{margin-top:20px;}
@media(max-width:990px){
    .sub .symptom .box_wrap3 .box {margin-right:0}
    .sub .symptom .box_wrap3 .box:nth-child(-n+3) {margin-top:50px}
    .sub .symptom .box_wrap3 .box:nth-child(-n+2) {margin-top:0}

    .sub .symptom .box_wrap4 .box:nth-child(-n+4){margin-top:50px;}
    .sub .symptom .box_wrap4 .box:nth-child(-n+2){margin-top:0;}
    .sub .symptom .box{width:50%;padding:0 5%;}
}

/* //// cause //// */
.sub .cause{position:relative;background-color:#f4f4f4;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.sub .cause .half-1{background:#fff;padding:30px 40px;}
.sub .cause .num{width:40px;height:40px;border-radius:50%;background:#388dc8;flex-shrink:0}
.sub .cause .num p{display:inline-block;}
.sub .cause .txt{padding-left:30px;}
.sub .cause .txt .color-point{margin-bottom:10px;}
/* cause background image */
.sub.neckwaist .cause{background-image:url('/img/sub/pain/cause_neckwaist.jpg')}
.sub.shoulder .cause{background-image:url('/img/sub/pain/cause_shoulder.jpg')}
.sub.joint .cause{background-image:url('/img/sub/pain/cause_joint.jpg')}
.sub.diet .cause{background-image:url('/img/sub/diet/cause_childhoodobesity.jpg')}
.sub.neckback .cause{background-image:url('/img/sub/bodyshape/cause_neckback.jpg')}
.sub.spine .cause{background-image:url('/img/sub/bodyshape/cause_spine.jpg')}
.sub.pelvis .cause{background-image:url('/img/sub/bodyshape/cause_pelvis.jpg')}
.sub.hairloss .cause{background-image:url('/img/sub/hairloss/cause_male.jpg')}
@media(max-width:990px){
    .sub .cause .half-1:nth-child(-n+2){margin-top:2%;}
}
@media(max-width:500px){
    .sub .cause .half-1{padding:30px 20px;}
    .sub .cause .txt{padding-left:10px;}
}

/* //// cause (banner) //// */
.sub .cause_banner{background:url('/img/sub/accident/process_aftereffect.jpg')no-repeat center center /cover;}
.sub .cause_banner .cause_banner_txt{width:50%;margin:auto 0 auto auto;}
@media(max-width:1024px){
    .sub .cause_banner{background:url('/img/sub/accident/process_aftereffect.jpg')no-repeat left center /cover;}
    .sub .cause_banner .cause_banner_txt{width:100%;margin:0;padding:20px 5%;background:rgba(255,255,255,0.8);}
}
@media(max-width:768px){
    .sub .cause_banner .cause_banner_txt .section_title{text-align:center;}
}

/* //// system (box) //// */
.sub .system_boxwrap .relative{padding-bottom:70px;}
.sub .system_boxwrap .system_img{width:50%;max-width:960px;height:667px;position:absolute;top:auto;bottom:0;left:auto;right:0;margin:auto;background-color:#9c9c9c;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.sub .system_boxwrap .system_text{width:59.375%;padding:90px;position:relative;/*position:absolute;top:0;bottom:auto;left:0;right:auto;margin:auto;*/z-index:2;}
.sub .system_boxwrap .list{margin-bottom:50px;}
.sub .system_boxwrap .list:last-child{margin-bottom:0;}
.sub .system_boxwrap .iconimg{flex-shrink:0}
.sub .system_boxwrap .txt{padding-left:15px;}
.sub .system_boxwrap .txt p:first-child{margin-bottom:10px;}
/* system background image */
.sub .system_boxwrap .system_img{background-image:url('/img/sub/pain/system_neckwaist_bg.jpg')}

@media(max-width:1024px){
    .sub .system_boxwrap .system_text{width:80%;padding:80px;}
}
@media(max-width:768px){
    .sub .system_boxwrap .system_img{width:100%;height:50%;max-width:none;}
    .sub .system_boxwrap .system_text{width:100%;padding:50px 5%;}
}

/* //// system (list) //// */
.sub .system_listwrap .half-1{margin-top:4%;}
.sub .system_listwrap .half-1:nth-child(-n+2){margin-top:0;}
.sub .system_listwrap .half-1 .half_inner:last-child{margin-top:8.2%;}
.sub .system_listwrap .half-1 .txt{max-width:640px;padding:0 5%;margin:0 auto;}
.sub .system_listwrap .half-1 .bold500{margin:30px 0;}
.sub .system_listwrap .half-1 .txt .listinner .txtwrap{margin-bottom:8.2%;}
.sub .system_listwrap .half-1 .txt .listinner .txtwrap:last-child{margin-bottom:0;}
.sub .system_listwrap .half-1 .txt .listinner .txtwrap .icon{width:60px;height:60px;border-radius:50%;background:#388dc8;flex-shrink:0}
.sub .system_listwrap .half-1 .txt .listinner .txtwrap .txt{max-width:none;padding:0 0 0 5%;}
.sub .system_listwrap .half-1 .txt .listinner .txtwrap .txt .bold500{margin:0 auto;}
@media(max-width:990px){
    .sub .system_listwrap .half-1{margin-top:6%;}
    .sub .system_listwrap .half-1:nth-child(-n+2){margin-top:6%;}
    .sub .system_listwrap .half-1:nth-child(1){margin-top:0;}
    .sub .system_listwrap .half-1 .half_inner:last-child{margin-top:12.2%;}
    .sub .system_listwrap .half-1 .txt .listinner .txtwrap{margin-bottom:12.2%;}
    .sub .system_listwrap .half-1 .txt .listinner .txtwrap:last-child{margin-bottom:0;}
    .sub .system_listwrap .half-1 .bold500{margin:30px 0 5px;}
}


/* //// treatment //// */
.sub .treatment .half-1{margin-top:4%;}
.sub .treatment .half-1:nth-child(-n+2){margin-top:0;}
.sub .treatment .half-1 .txt{max-width:640px;padding:0 5%;margin:0 auto;}
.sub .treatment .half-1 .bold500{margin:30px 0;}
@media(max-width:990px){
    .sub .treatment .half-1{margin-top:6%;}
    .sub .treatment .half-1:nth-child(-n+2){margin-top:6%;}
    .sub .treatment .half-1:nth-child(1){margin-top:0;}
    .sub .treatment .half-1 .bold500{margin:30px 0 5px;}
}

/* //// treatment (square) //// */
.sub .treatment_square{}
.sub .treatment_square .box_wrap4 .box:nth-child(-n+4){margin-top:0}
.sub .treatment_square .box{margin-top:50px;}
.sub .treatment_square .box .txtbox{width:80%;margin:0 auto;text-align:center;padding-top:40px;background:#fff;position:relative;top:-40px;}
.sub .treatment_square .box .txtbox .num{width:40px;height:40px;border-radius:50%;background:#388dc8;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);}
.sub .treatment_square .box .txtbox .num p{display:inline-block;}
@media(max-width:990px){
    .sub .treatment_square .box_wrap4 .box:nth-child(-n+4){margin-top:50px;}
    .sub .treatment_square .box_wrap4 .box:nth-child(-n+2){margin-top:0;}
    .sub .treatment_square .box{width:50%;padding:0 5%;}
}





/* //// who //// */
.sub .who .section_cont{flex-direction:row-reverse;}
.sub .who .who_img{width:50%;}
.sub .who .who_txt{width:50%;padding:10% 0 10% 5%;}
.sub .who .who_txt_long{padding:5%;}
.sub .who .who_txt_shot{padding:10% 5%;}
.sub .who .who_txt.shadow{background:#388dc8;}
.sub .who .who_txt .inner{width:100%;}
.sub .who .who_txt .inner .txtwrap{width:100%;margin-bottom:25px;}
.sub .who .who_txt .inner .txtwrap:last-child{margin-bottom:0;}
.sub .who .who_txt .inner .txtwrap .num{flex-shrink:0;}
.sub .who .who_txt .inner .txtwrap .txt{padding-left:5%;}

.sub .who.who_asymmetry .who_img{width:68%;max-width:950px;margin-top:65px;}
.sub .who.who_asymmetry .who_txt{width:32%;}
.sub .who.who_asymmetry .who_txt_shot{padding:5%;}
@media(max-width:768px){
    .sub .who .section_cont{flex-direction:column;}
    .sub .who .who_img{width:100%;}
    .sub .who .who_txt{width:100%;margin-top:30px;}
    .sub .who .who_txt_long{padding:10% 5%;}

    .sub .who.who_asymmetry .who_img{width:100%;margin-top:0;}
    .sub .who.who_asymmetry .who_txt{width:100%;}
    .sub .who.who_asymmetry .who_txt_shot{padding:5%;}
}


/* //// necessity //// */
.sub .necessity{position:relative;background-color:#9c9c9c;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.sub .necessity .box_wrap3{max-width:900px;margin:auto;margin-bottom:3%;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.sub .necessity .box_wrap4{max-width:1200px;margin:auto;margin-bottom:3%;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.sub .necessity .box_wrap3 .box:nth-child(-n+3){margin-top:0}
.sub .necessity .box_wrap4 .box:nth-child(-n+4){margin-top:0}
.sub .necessity .box{margin-top:50px;max-width:240px;}
.sub .necessity .cir{display:inline-block;width:100%;height:0;padding-top:100%;border-radius:50%;border:3px solid #388dc8;position:relative;}
.sub .necessity .cir p{width:90%;position:absolute;top:50%;left:50%;bottom:auto;right:auto;transform:translate(-50%, -50%);}
/* necessity background image */
.sub.diet .necessity{background-image:url('/img/sub/diet/cause_diet.jpg')}

@media(max-width:1240px){
    .sub .necessity .box_wrap4{max-width:670px;}
    .sub .necessity .box_wrap4 .box{max-width:320px;}
    .sub .necessity .box_wrap4 .box{width:49%;margin-right:2%}
    .sub .necessity .box_wrap4 .box:nth-child(-n+4){margin-top:50px;}
    .sub .necessity .box_wrap4 .box:nth-child(-n+2){margin-top:0;}
    .sub .necessity .box_wrap4 .box:nth-child(2n) {margin-right:0}
    /* .sub .necessity .box_wrap4 .box{max-width:none;} */
    .sub .necessity .cir{width:70%;padding-top:70%;}
}
@media(max-width:990px){
    .sub .necessity .box_wrap3{max-width:670px;}
    .sub .necessity .box_wrap3 .box{width:49%;margin-right:2%}
    .sub .necessity .box_wrap3 .box:nth-child(-n+3) {margin-top:50px}
    .sub .necessity .box_wrap3 .box:nth-child(-n+2) {margin-top:0}
    .sub .necessity .box_wrap3 .box:nth-child(2n) {margin-right:0}
    .sub .necessity .box_wrap4 .box{max-width:240px;}

    .sub .necessity .cir{width:100%;padding-top:100%;}
}
@media(max-width:768px){
    .sub .necessity .box_wrap3 .box:nth-child(-n+3){margin-top:20px}
    .sub .necessity .box_wrap3 .box:nth-child(-n+2) {margin-top:0}
    .sub .necessity .box_wrap4 .box:nth-child(-n+4){margin-top:20px;}
    .sub .necessity .box_wrap4 .box:nth-child(-n+2){margin-top:0;}
    .sub .necessity .box_wrap3 .box,
    .sub .necessity .box_wrap4 .box{margin-top:20px}
}

/* //// part //// */
.sub .part .box{text-align:center;padding:5%;}
.sub .part .box_wrap4 .box{padding:5% 2%;}
.sub .part .box .iconwrap{width:100px;height:100px;border-radius:50%; background:#388dc8;margin:0 auto;}
.sub .part .box .bold500{margin:40px auto 25px;}

@media(max-width:990px){
    .sub .part .box{margin-top:20px;}
    .sub .part .box:nth-child(1){margin-top:0;}
}
@media(max-width:768px){
    .sub .part .box_wrap4 .box{padding:5%;}
    .sub .part .box .bold500{margin:25px auto 10px;}
}

/* //// effect //// */
.sub .effect .box .bold500{margin:28px auto 25px;}

/* //// precautions //// */
.sub .precautions{background:url('/img/sub/diet/precautions_herbalmedicine.jpg')no-repeat center center /cover;}
.sub .precautions.section{padding:120px 0 95px;}
.sub .precautions .section_title{background:#388dc8;display:inline-block;}
.sub .precautions .section_title.section{padding:120px 60px 35px 40px;}
.sub .precautions .section_cont .precautions_txt .txtwrap{margin-bottom:10px;}
.sub .precautions .section_cont .precautions_txt .txtwrap:last-child{margin-bottom:0;}
.sub .precautions .section_cont .precautions_txt .txtwrap .num{margin-right:10px;}
@media(max-width:1024px){
    .sub .precautions.section{padding:80px 0 65px;}
    .sub .precautions .section_title.section{padding:80px 20px 35px 20px;}
}
@media(max-width:768px){
    .sub .precautions.section{padding:80px 0;}
}

/* //// qna //// */
.sub .qna .qna_txt{max-width:1000px;margin:0 auto;}
.sub .qna .qna_txt ol{margin-bottom:15px;}
.sub .qna .qna_txt ol:last-child{margin-bottom:0;}
.sub .qna .qna_txt ol li{padding:20px 40px;}
.sub .qna .num{width:46px;height:46px;border-radius:50%;flex-shrink:0;}
.sub .qna .bg-point .num{background:#fff;}
.sub .qna .bg-white .num{background:#388dc8;}
.sub .qna .num p{display:inline-block;}
.sub .qna .txt{padding-left:30px;}
@media(max-width:500px){
    .sub .qna .qna_txt ol li{padding:10px 20px;}
    .sub .qna .txt{padding-left:10px;}
}

/* //// process //// */
.sub .process{background:url('/img/sub/hairloss/process_seborrhecia.jpg')no-repeat center center /cover;}
.sub .process .process_txt{width:50%;margin:auto 0 auto auto;}
.sub .process .process_txt .txtwrap{margin-bottom:15px;}
.sub .process .process_txt .txtwrap:last-child{margin-bottom:0;}
.sub .process .process_txt .num{width:150px;padding:10px 0;flex-shrink:0;border-radius:50px;border:2px solid #388dc8;text-align:center;}
.sub .process .process_txt .num p{display:inline-block;}
.sub .process .process_txt .txt{padding-left:20px;}
@media(max-width:1024px){
    .sub .process{background:url('/img/sub/hairloss/process_seborrhecia.jpg')no-repeat left center /cover;}
    .sub .process .process_txt{width:100%;margin:0;padding:20px 5%;background:rgba(255,255,255,0.8);}
}
@media(max-width:768px){
    .sub .process .process_txt .section_title{text-align:center;}
    .sub .process .process_txt .num{width:90px;padding:5px 0;}
    .sub .process .process_txt .txt{padding-left:5px;}
}

/* //// traffic accident clinic //// */
.sub .traffic_accident_clinic{background:url('/img/sub/accident/traffic_accident_clinic.jpg')no-repeat top center /contain;}
.sub .traffic_accident_clinic .tac_text{padding:90px 5%;background:#fff;}
.sub .traffic_accident_clinic .tac_text_cont{margin-top:50px;}
.sub .traffic_accident_clinic .tac_text_cont .steplist{width:90%;padding:45px 90px;border-radius:90px;border:6px solid #f4f4f4;margin:auto auto 20px;}
.sub .traffic_accident_clinic .tac_text_cont .steplist:last-child{margin-bottom:0;}
.sub .traffic_accident_clinic .tac_text_cont .steplist .steplist_title{width:35%;}
.sub .traffic_accident_clinic .tac_text_cont .steplist .steplist_title .iconimg{padding-right:20px;}
.sub .traffic_accident_clinic .tac_text_cont .steplist .steplist_cont{width:65%;border-left:2px solid #388dc8;padding-left:25px;}
@media(max-width:768px){
    .sub .traffic_accident_clinic{background:url('/img/sub/accident/traffic_accident_clinic.jpg')no-repeat center center /cover;}
    .sub .traffic_accident_clinic .tac_text_cont .steplist{width:100%;padding:25px 5%;border:4px solid #f4f4f4;}
    .sub .traffic_accident_clinic .tac_text_cont .steplist .steplist_title{width:140px;flex-shrink:0;}
    .sub .traffic_accident_clinic .tac_text_cont .steplist .steplist_title .iconimg{padding-right:10px;}
    .sub .traffic_accident_clinic .tac_text_cont .steplist .steplist_cont{width:100%;padding-left:15px;}
}
@media(max-width:500px){
    .sub .traffic_accident_clinic .tac_text_cont .steplist{width:100%;padding:20px 7%;border:4px solid #f4f4f4;}
}

/* //// information //// */
.sub .information{position:relative;}
.sub .information .section_cont{margin-top:0;}
.sub .information:after{content:'';display:block;position:absolute;width:100%;height:40%;top:auto;bottom:0;left:0;right:0;margin:auto;background:#388dc8;z-index:1;}
.sub .information .container{position:relative;z-index:2;}
.sub .information .inner{padding-left:70px;}
.sub .information .btnwrap{margin-top:115px;}
.sub .information .btnwrap_pc{display:flex;}
.sub .information .btnwrap_m{display:none;}
.sub .information .btnwrap .swiper-button-prev{position:relative;top:auto;bottom:auto;left:auto;right:auto;width:44px;height:44px;margin-top:auto;margin-right:18px;border:1px solid #fff;}
.sub .information .btnwrap .swiper-button-next{position:relative;top:auto;bottom:auto;left:auto;right:auto;width:44px;height:44px;margin-top:auto;border:1px solid #fff;}
.sub .information .btnwrap .swiper-button-prev:after{content:'';background:url('/img/sub/accident/inf_prev.png')no-repeat;width:27px;height:10px;}
.sub .information .btnwrap .swiper-button-next:after{content:'';background:url('/img/sub/accident/inf_next.png')no-repeat;width:25px;height:8px;}
@media(max-width:990px){
    .sub .information .inner{padding-left:0;}
    .sub .information .btnwrap{margin-top:50px;}
    .sub .information .btnwrap_pc{display:none;}
    .sub .information .btnwrap_m{display:flex;}
    .sub .information .section_cont .half:nth-child(1){order:2;margin-top:80px;}
}

/* //// 잘보는한의원 탭메뉴 //// */
.sub .goodkmh_tabmenu{max-width:1050px;width:90%;margin:0 auto;border:1px solid #e1e1e1;}
.sub .goodkmh_tabmenu a{width:calc(100% / 5);padding:10px 0;text-align:center;transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;}
.sub .goodkmh_tabmenu a p{display:inline-block;color:#bfbfbf;}
.sub .goodkmh_tabmenu a:hover{background:#388dc8;}
.sub .goodkmh_tabmenu a:hover p{color:#fff;font-weight:500;}

.sub.doctor .goodkmh_tabmenu .doctor_act,
.sub.directions .goodkmh_tabmenu .directions_act,
.sub.department .goodkmh_tabmenu .department_act,
.sub.counsel .goodkmh_tabmenu .counsel_act,
.sub.floor .goodkmh_tabmenu .floor_act{background:#388dc8;}
.sub.doctor .goodkmh_tabmenu .doctor_act p,
.sub.directions .goodkmh_tabmenu .directions_act p,
.sub.department .goodkmh_tabmenu .department_act p,
.sub.counsel .goodkmh_tabmenu .counsel_act p,
.sub.floor .goodkmh_tabmenu .floor_act p{color:#fff;font-weight:500;}
@media(max-width:768px){
    .sub .goodkmh_tabmenu a{width:calc(100% / 2);}
    .sub .goodkmh_tabmenu a:last-child{width:100%;}
}

/* //// 진료과목 //// */
.sub .subject .box_wrap4{width:100%;flex-wrap:wrap;}
.sub .subject .box_wrap4 .box{height:415px;margin-bottom:1.25%;}
.sub .subject .box_wrap4 .box:nth-child(-n+4){margin-top:0}

.sub .subject .box_wrap4 .box:nth-child(1){background:url('/img/main/sec01_pic01.jpg')no-repeat center center /cover;}
.sub .subject .box_wrap4 .box:nth-child(2){background:url('/img/main/sec01_pic02.jpg')no-repeat center center /cover;}
.sub .subject .box_wrap4 .box:nth-child(3){background:url('/img/main/sec01_pic03.jpg')no-repeat center center /cover;}
.sub .subject .box_wrap4 .box:nth-child(4){background:url('/img/main/sec01_pic04.jpg')no-repeat center center /cover;}

.sub .subject .box_wrap4 .box a{width:100%;height:100%;position:relative;color:#fff;overflow:hidden;}
.sub .subject .box_wrap4 .box a:hover{color:#111;}
.sub .subject .box_wrap4 .box a:after{content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:1;opacity:1;transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;background:rgba(0,0,0,0.3);}
.sub .subject .box_wrap4 .box a:hover:after{opacity:0;}

.sub .subject .box_wrap4 .box a .box_txt{position:relative;z-index:2;}
.sub .subject .box_wrap4 .box a .moreview{position:absolute;top:auto;bottom:60px;left:0;right:0;margin:auto;text-align:center;z-index:2;}
.sub .subject .box_wrap4 .box a .moreview p{width:45%;max-width:160px;display:inline-block;padding:10px 0;color:#fff;border:1px solid #fff;background:none;transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;}
.sub .subject .box_wrap4 .box a .moreview .btnoff{display:inline-block;border:1px solid #fff;}
.sub .subject .box_wrap4 .box a .moreview .btnon{display:none;border-color:#388dc8;background:#388dc8;}
.sub .subject .box_wrap4 .box a:hover .moreview .btnoff{display:none;}
.sub .subject .box_wrap4 .box a:hover .moreview .btnon{display:inline-block;}
@media(max-width:1440px){
    .sub .subject .box_wrap4 .box{width:49%;}
    .sub .subject .box_wrap4 .box:nth-child(2n){margin-right:0;}
    .sub .subject .box_wrap4 .box:nth-child(-n+2){margin-top:0;}
    .sub .subject .box_wrap4 .box:nth-child(-n+4){margin-top:3%;}
    .sub .subject .box_wrap4 .box{margin-bottom:2%;}
}
@media(max-width:1024px){
    .sub .subject .box_wrap4 .box{height:285px;}
    .sub .subject .box_wrap4 .box a .moreview{bottom:30px;}
}

/* //// 온라인상담·예약 //// */
.sub .counseling .counseling_wrap a{max-width:410px;width:100%;height:422px;}
.sub .counseling .counseling_wrap a:nth-child(1){margin-right:80px;}
.sub .counseling .counseling_wrap a .box{width:inherit;height:inherit;}
.sub .counseling .counseling_wrap .kakao{background:url('/img/sub/goodkmh/counseling_kakao_bg.jpg')no-repeat center center /cover;}
.sub .counseling .counseling_wrap .naver{background:url('/img/sub/goodkmh/counseling_naver_bg.jpg')no-repeat center center /cover;}
.sub .counseling .counseling_wrap a .box .inner{display:inline-block;}
.sub .counseling .counseling_wrap a .box .inner .iconwrap{position:relative;top:0;width:100px;height:100px;border-radius:50%;background:#fff;margin:0 auto;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.sub .counseling .counseling_wrap a:hover .box .inner .iconwrap{top:-10px;}
.sub .counseling .counseling_wrap a .box .inner .txt{margin:20px auto 45px;}
.sub .counseling .counseling_wrap a .box .inner .txt .eng{text-transform:uppercase;}
.sub .counseling .counseling_wrap a .box .inner .btn p{display:inline-block;margin-right:10px;}
@media(max-width:990px){
    .sub .counseling .counseling_wrap{flex-direction:column;}
    .sub .counseling .counseling_wrap a:nth-child(1){margin-right:0;margin-bottom:50px;}
}

/* //// 둘러보기 //// */
.sub .medical_inf .inner{max-width:1000px;width:90%;margin:0 auto;position:relative;}
.sub .medical_inf .inner .lSSlideOuter .lSPager.lSGallery li{opacity:0.5;border:3px solid #fff;}
.sub .medical_inf .inner .lSSlideOuter .lSPager.lSGallery li.active,
.sub .medical_inf .inner .lSSlideOuter .lSPager.lSGallery li:hover{opacity:1;border-color:#388dc8;}
.sub .medical_inf .inner .btnwrap a{position:absolute;top:50%;width:68px;height:68px;display:inline-block;margin:auto;transform:translateY(-70%);z-index:90;cursor:pointer;}
.sub .medical_inf .inner .btnwrap .goToPrevSlide{background:url('/img/sub/goodkmh/floor_prev.jpg')no-repeat center center /cover;left:-5%;}
.sub .medical_inf .inner .btnwrap .goToNextSlide{background:url('/img/sub/goodkmh/floor_next.jpg')no-repeat center center /cover;right:-5%;}
@media(max-width:768px){
    .sub .medical_inf .inner .btnwrap a{width:50px;height:50px;}
}

/* //// 진료안내·오시는길 //// */
.sub .medical_schedule .infowrap{width:100%;padding:0 70px;border:6px solid #f4f4f4;}
.sub .medical_schedule .infowrap .boxlist{width:100%;margin:0 auto;padding:50px 0;border-bottom:1px solid #f4f4f4;}
.sub .medical_schedule .infowrap .boxlist:last-child{border-bottom:none;}
.sub .medical_schedule .infowrap .boxlist .boxlist_title{width:25%;}
.sub .medical_schedule .infowrap .boxlist .boxlist_title .iconimg{padding-right:20px;}
.sub .medical_schedule .infowrap .boxlist .boxlist_cont{width:75%;padding-left:25px;}
.sub .medical_schedule .infowrap .boxlist .boxlist_cont .txt:nth-child(1){margin-right:70px;}
@media(max-width:768px){
    .sub .medical_schedule .infowrap{width:100%;padding:0 5%;border:4px solid #f4f4f4;}
    .sub .medical_schedule .infowrap .boxlist{padding:25px 0;flex-direction:column;}
    .sub .medical_schedule .infowrap .boxlist .boxlist_title{width:100%;margin-bottom:15px;}
    .sub .medical_schedule .infowrap .boxlist .boxlist_title .iconimg{padding-right:10px;}
    .sub .medical_schedule .infowrap .boxlist .boxlist_cont{width:100%;padding-left:0;flex-direction:column;}
    .sub .medical_schedule .infowrap .boxlist .boxlist_cont .txt:nth-child(1){margin-right:0;margin-bottom:15px;}
}

/* //// 의료진소개 //// */
.sub .doctor_intro .graytext{color:#ebebeb;margin-bottom:40px;}
.sub .doctor_intro .doctor_intro_wrap{padding:100px 0;border-bottom:1px solid #f4f4f4;}
.sub .doctor_intro .doctor_intro_wrap:last-child{padding-bottom:0;border-bottom:none;}
.sub .doctor_intro01 .doctor_intro_wrap{padding:0;border-bottom:none;}
.sub .doctor_intro .doctor_intro_wrap .doctor_intro_img{width:48%;}
.sub .doctor_intro .doctor_intro_wrap .doctor_intro_txt{width:48%;padding-top:5%;}
.sub .doctor_intro01 .doctor_intro_wrap .doctor_intro_txt{padding-top:0;}
.sub .doctor_intro .doctor_intro_wrap .doctor_intro_txt .txt:nth-child(1){margin-right:60px;}
.sub .doctor_intro .doctor_intro_wrap .doctor_intro_txt .txt:nth-child(1) .eng-font{line-height:1;}
@media(max-width:768px){
    .sub .doctor_intro .doctor_intro_wrap{padding:80px 0;}
    .sub .doctor_intro .doctor_intro_wrap .doctor_intro_img{width:60%;margin:0 auto 50px;}
    .sub .doctor_intro01 .doctor_intro_wrap .doctor_intro_img{width:100%;margin:0 auto 50px;}
    .sub .doctor_intro .doctor_intro_wrap .doctor_intro_txt{width:100%;}
    .sub .doctor_intro .doctor_intro_wrap .doctor_intro_txt .txt{width:100%;}
    .sub .doctor_intro .doctor_intro_wrap .doctor_intro_txt .txt:nth-child(1){margin-right:0;margin-bottom:20px;}
}

/* //// 인사말 //// */
.sub .meaning.strength_greeting .relative{padding-bottom:0;}
.sub .meaning .meaning_logo.strength_greeting{top:auto;bottom:0;}
.sub .strength_greeting .swiper-container{padding-top:80px;}
.sub .strength_greeting .swiper-slide{position:relative;}
.sub .strength_greeting .swiper-slide .eng-font{display:inline-block;position:absolute;top:0;left:0;bottom:auto;right:auto;margin:auto;transform:translateY(-50%);line-height:1;}
.sub .different .different_wrap{width:100%;}
.sub .different .different_wrap .inner{width:100%;}
.sub .different .different_wrap .inner .picwrap{width:50%;height:300px;}
.sub .different .different_wrap .inner01 .picwrap{background:url('/img/sub/goodkmh/different_greeting01.jpg')no-repeat center center /cover;}
.sub .different .different_wrap .inner02 .picwrap{background:url('/img/sub/goodkmh/different_greeting02.jpg')no-repeat center center /cover;}
.sub .different .different_wrap .inner03 .picwrap{background:url('/img/sub/goodkmh/different_greeting03.jpg')no-repeat center center /cover;}

.sub .different .different_wrap .inner .txtwrap{position:relative;width:50%;}
.sub .different .different_wrap .inner .txtwrap .txt{width:100%;}
.sub .different .different_wrap .inner.txtpic .txtwrap .txt{text-align:right;padding-right:10%;}
.sub .different .different_wrap .inner.pictxt .txtwrap .txt{text-align:left;padding-left:10%;}

.sub .different .different_wrap .inner .txtwrap .gs_line{position:relative;width:60%;height:2px;background:#388dc8;}
.sub .different .different_wrap .inner.pictxt .txtwrap .gs_line{left:calc(-20% - 20px);margin:0 0 30px;}
.sub .different .different_wrap .inner.txtpic .txtwrap .gs_line{right:calc(-20% - 20px);margin:0 0 30px auto;}
@media(max-width:768px){
    .sub .strength_greeting{padding-bottom:80px;}
    .sub .different .different_wrap .inner.txtpic{flex-direction:column-reverse;}
    .sub .different .different_wrap .inner.pictxt{flex-direction:column;}
    .sub .different .different_wrap .inner .picwrap{width:100%;height:auto;padding-top:42.8571vw;margin:0 auto 30px;}
    .sub .different .different_wrap .inner .txtwrap{width:100%;margin:0 auto;}
    .sub .different .different_wrap .inner.txtpic .txtwrap .txt{text-align:left;padding-right:0;}
    .sub .different .different_wrap .inner.pictxt .txtwrap .txt{padding-left:0;}
    .sub .different .different_wrap .inner .txtwrap .gs_line{width:75%;}
    .sub .different .different_wrap .inner.txtpic .txtwrap .gs_line{left:0;right:auto;margin:0 auto 30px 0;}
    .sub .different .different_wrap .inner.pictxt .txtwrap .gs_line{left:0px;}
}
@media(max-width:500px){
    .sub .different .different_wrap .inner .txtwrap .txtcont p br{display:none;}
}






/* //// bottom_slide //// */
.bottom_slide .swiper-slide{text-align:center;}
.bottom_slide .swiper-slide .imgbdiv{position:relative;display:inline-block;margin:0 auto;max-width:840px;}
.bottom_slide .swiper-slide .imgbdiv:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:10;}
.bottom_slide .swiper-slide.swiper-slide-active .imgbdiv:after{display:none;}
.bottom_slide .swiper-slide .inner{position:absolute;width:70%;top:50%;bottom:auto;left:50%;right:auto;margin:auto;transform:translate(-50%, -50%);text-align:center;z-index:5;}
.bottom_slide .swiper-slide .inner .txt{background:none;padding:80px 0;padding:16% 0;}
.bottom_slide .swiper-slide .inner .txt p:first-child{margin-bottom:25px;}
.bottom_slide .swiper-slide.swiper-slide-active .inner .txt{background:rgba(255,255,255,0.8);}
.bottom_slide .swiper-slide .inner .iconimg{width:60px;height:60px;margin:auto;position:relative;bottom:-30px;border-radius:50%;background:#388dc8;}

.bottom_slide .swiper-button-prev{left:calc((100% - 1090px)/2);width:50px;height:50px;border-radius:50%;background:#3c3c3b;}
.bottom_slide .swiper-button-next{right:calc((100% - 1090px)/2);width:50px;height:50px;border-radius:50%;background:#3c3c3b;}
.bottom_slide .swiper-button-prev:after{content:'';background:url('/img/sub/pain/bottomslide_prev.png')no-repeat;width:11px;height:18px;}
.bottom_slide .swiper-button-next:after{content:'';background:url('/img/sub/pain/bottomslide_next.png')no-repeat;width:11px;height:18px;}
@media(max-width:1440px){
    .bottom_slide .swiper-container{padding-top:80px;}
    .bottom_slide .swiper-button-prev{top:30px;left:8%;}
    .bottom_slide .swiper-button-next{top:30px;left:calc(8% + 60px);right:auto;}
}
@media(max-width:990px){
    .bottom_slide .swiper-slide .inner{width:90%;}
    .bottom_slide .swiper-slide .inner .iconimg{width:55px;height:55px;}
    .bottom_slide .swiper-slide .inner .txt{padding:7% 5%;}
    .bottom_slide .swiper-slide .inner .txt p:first-child{margin-bottom:10px;}
}
@media(max-width:768px){
    .bottom_slide .swiper-slide .inner .iconimg{display:none;}
    .bottom_slide .swiper-slide .inner .txt p:first-child{margin-bottom:5px;}
}