@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center}

/* 공통 */
.pgcm{font-size:16px;line-height:1.8;color:#777;font-family:var(--k-font)}
.pgcm p, .pgcm span, .pgcm ul li, .pgcm dl dd, .pgcm div{word-break:keep-all}
.pgcm .pl{white-space:pre-line}
.pgcm .tit_area b{display:block;font-size:14px;font-weight:700;color:var(--primary);font-family:var(--e-font), var(--k-font)}
.pgcm .tit_area p{padding:15px 0 30px;font-size:35px;font-weight:700;line-height:1.3;color:#222;font-family:var(--k-font)}
.pgcm .tit_area span{line-height:1.5}

/* p33 */
#p33 .mean{display:flex;align-items:flex-start;justify-content:space-between;padding:0 100px}
#p33 .mean .img_area{position:relative;padding-top:40px} 
#p33 .mean .img_area::before{content:"ABOUT US";display:inline-block;position:absolute;bottom:-19%;left:-110%;width:605px;z-index:-1;font-size:120px;font-weight:700;color:rgba(0, 0, 0, 0.03);font-family:var(--e-font)}
#p33 .why{padding:120px 0 108px}
#p33 .why .tit_area{text-align:center;padding:0 10px}
#p33 .why ul{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;position:relative;z-index:2;padding:70px 100px 0}
#p33 .why ul li{overflow:hidden;position:relative;width:100%;height:302px;transition:0.2s}
#p33 .why ul li img{width:100%;transition:0.2s}
#p33 .why ul li:hover img{transform:scale(1.1)}
#p33 .why ul li::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:30;background:linear-gradient(to top, rgba(0,0,0, 0.7), rgba(31, 87, 68, 0));opacity:0;transition:0.2s}
#p33 .why ul li:hover::before{opacity:1}
#p33 .why ul li P{position:relative;bottom:22%;z-index:32;padding-left:30px;font-size:19px;font-weight:700;color:#fff;opacity:0;transition:0.2s;font-family:var(--k-font)}
#p33 .why ul li:hover p{opacity:1}

/* 유튜브 그대로 재생 */
#p33 .video{position:relative}
#p33 .video .tit_area{display:flex;align-items:flex-start;justify-content:space-between;padding:0 100px 85px}
#p33 .video .tit_area b{color:#fff}
#p33 .video .tit_area p{color:#fff}
#p33 .video .tit_area span{padding-top:165px;line-height:1.8;color:rgba(255, 255, 255, 0.6)}
#p33 .video iframe{display:block;width:1200px;height:463px;margin:0 auto;border-radius:20px;position:relative}
#p33 .video::before{content:"";display:block;position:absolute;top:-258px;left:0;width:100%;height:839px;z-index:-1;background:url('/sh_page/img/p33_bg.jpg');background-size:cover;background-repeat:no-repeat}

/* 이미지 클릭 - 비디오 재생*/
#p33 .video .video_cont{overflow:hidden;position:relative;width:1200px;margin:0 auto}
#p33 .video .video_cont a{display:block;position:relative;width:100%;height:100%;cursor:pointer}
#p33 .video .video_cont a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:0.2s;background:rgba(0, 0, 0, 0.5)}
#p33 .video .video_cont a:hover::before{opacity:1}
#p33 .video .video_cont a .play{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:100%;border:1px solid #fff;background-color:rgba(255, 255, 255, 0.5); transition:0.2s}
#p33 .video .video_cont a .play i{font-size:16px;color:var(--primary);transition:0.2s}
#p33 .video .video_cont a:hover .play{background:#fff}
#p33 .video .video_cont a:hover i{color:var(--primary)}

#p33 .staff{padding:120px 100px 0}
#p33 .staff .wrap > li{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}
#p33 .staff .wrap > li:nth-child(2n){flex-direction:row-reverse}
#p33 .staff .wrap > li+li{margin-top:60px}
#p33 .staff .wrap > li img{width:100%}
#p33 .staff .wrap > li .txt{width:100%}
#p33 .staff .wrap > li .txt .sub_tit{padding-bottom:15px}
#p33 .staff .wrap > li .txt .sub_tit b{font-size:17px;font-weight:700;color:var(--primary)}
#p33 .staff .wrap > li .txt .sub_tit p{font-size:30px;font-weight:700;color:#222}
#p33 .staff .wrap > li .txt .cont{padding:30px;background:#f7f7f7}
#p33 .staff .wrap > li .txt .cont p{padding-bottom:15px;font-size:18px;font-weight:700;color:#222}
#p33 .staff .wrap > li .txt .cont ul{padding:30px;background:#fff}
#p33 .staff .wrap > li .txt .cont ul li{position:relative;padding-left:20px;line-height:1.8}
#p33 .staff .wrap > li .txt .cont ul li::before{content:"";display:inline-block;position:absolute;top:13px;left:0;width:4px;height:4px;border-radius:100%;background:var(--primary)}
#p33 .staff .tit_area p{padding-bottom:50px}

/* p34 */
#p34 .tit_area{text-align:center}
#p34 .wrap{padding-top:40px}
#p34 .wrap > div{display:flex;align-items:flex-start;justify-content:space-between}
#p34 .wrap > div+div{margin-top:60px}
#p34 .wrap .sub_tit{display:flex;align-items:center;gap:15px;width:30%;padding:30px 0 0 20px;border-top:1px solid var(--primary)}
#p34 .wrap .cont{width:70%;padding-top:30px;border-top:1px solid #e1e1e1}
#p34 .wrap .sub_tit b{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:5px;font-size:13px;font-weight:700;color:#fff;background:var(--primary);font-family:var(--e-font)}
#p34 .wrap .sub_tit span{font-size:20px;font-weight:700;color:#222}

/* 진료시간 */
#p34 .wrap .time .cont ul{display:flex;align-items:flex-start;gap:20px;margin:0 20px}
#p34 .wrap .time .cont ul li{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:40px 10px;background:rgba(31,87,68,0.05)}
#p34 .wrap .time .cont ul li .img_area{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:100%;background:#fff}
#p34 .wrap .time .cont ul li div{text-align:center}
#p34 .wrap .time .cont ul li p{padding:30px 0 5px;font-size:16px;font-weight:600;color:#777}
#p34 .wrap .time .cont ul li span{font-size:21px;font-weight:700;color:#222;font-family:var(--e-font)}
#p34 .wrap .time .cont > p{padding:10px 20px 0 0;font-size:16px;color:#f86b4f;text-align:right}

/* 오시는 길 */
#p34 .wrap .map .cont iframe{width:100%;height:370px}
#p34 .wrap .map .cont > ul{margin-top:20px;border-top:2px solid var(--primary)}
#p34 .wrap .map .cont > ul > li{display:flex;align-items:flex-start;gap:30px;padding:40px 20px;border-top:1px solid #e1e1e1}
#p34 .wrap .map .cont > ul > li .img_area{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:100%;background:rgba(31,87,68,0.05)}
#p34 .wrap .map .cont > ul > li .img_area i{font-size:22px;color:var(--primary)}
#p34 .wrap .map .cont > ul > li .txt_area{width:calc(100% - 90px);}
#p34 .wrap .map .cont > ul > li .txt_area b{font-size:18px;font-weight:700;color:#222}
#p34 .wrap .map .cont > ul > li .txt_area p{padding-top:2px;font-size:17px}
#p34 .wrap .map .cont > ul .subway ul{margin-top:15px;padding:15px;background:#f7f7f7}
#p34 .wrap .map .cont > ul .subway ul li{color:#222}
#p34 .wrap .map .cont > ul .subway ul li span{display:inline-block;margin-right:10px;padding:2px 20px;border-radius:30px;font-size:13px;font-weight:600;color:#fff;background:#E15F1F}
#p34 .wrap .map .cont > ul .bus ul{margin-top:10px;padding:15px 25px;border-radius:10px;background:#f7f7f7}
#p34 .wrap .map .cont > ul .bus ul li{position:relative;padding-left:15px}
#p34 .wrap .map .cont > ul .bus ul li::before{content:"";display:inline-block;position:absolute;top:11px;left:0;width:4px;height:4px;border-radius:100%;background:var(--primary)}
#p34 .wrap .map .cont > ul .bus ul li+li{margin-top:10px}

/* p36 */
#p36 .tit_area{text-align:center}
#p36 .list_wrap .list .sub_tit{display:flex;align-items:center;gap:15px;padding-bottom:25px;margin-bottom:20px;border-bottom:1px solid #e1e1e1}
#p36 .list_wrap .list .sub_tit b{display:flex;align-items:center;justify-content:center;width:35px;height:35px;font-size:13px;font-weight:700;color:#fff;background:var(--primary);font-family:var(--e-font)}
#p36 .list_wrap .list .sub_tit span{font-size:26px;font-weight:700;color:#222}
#p36 .list_wrap .list .video_wrap{width:100%;margin-top:20px}
#p36 .list_wrap .list .video_wrap iframe{width:100%}
#p36 .list_wrap .list+.list{margin-top:100px}
#p36 .list_wrap .list01 .cont > p{padding:20px 25px;background:#f7f7f7}
#p36 .list_wrap .list01 .cont ul{display:flex;align-items:flex-start;justify-content:space-between;width:100%}
#p36 .list_wrap .list01 .cont ul li{display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%;padding:40px}
#p36 .list_wrap .list01 .cont ul li::before{content:"";display:inline-block;position:absolute;right:5%;width:1px;height:245px;background:#e1e1e1}
#p36 .list_wrap .list01 .cont ul li:last-child::before{display:none}
#p36 .list_wrap .list01 .cont ul li div{display:flex;align-items:center;justify-content:center;width:68px;height:68px;margin-bottom:27px;border-radius:10px;background:#f7f7f7}
#p36 .list_wrap .list01 .cont ul li p{padding-bottom:10px;font-size:18px;font-weight:700;color:#222}
#p36 .list_wrap .list02 .cont p{padding:30px 50px;margin-bottom:20px;background:#f7f7f7}
#p36 .list_wrap .list02 .cont p span{display:block;padding-top:15px;font-weight:700;color:var(--primary);font-family:var(--e-font)}
#p36 .list_wrap .list02 .cont img{width:100%}
#p36 .list_wrap .list03 .cont{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}
#p36 .list_wrap .list03 .cont .txt{padding:30px;background:#f7f7f7}
#p36 .list_wrap .list02 .cont .txt{padding:46px}
#p36 .list_wrap .list03 .cont .txt div{padding-bottom:16px}
#p36 .list_wrap .list03 .cont .txt p{position:relative;padding-left:20px;padding-bottom:15px;font-size:18px;font-weight:700;color:#222}
#p36 .list_wrap .list03 .cont .txt p::before{content:"";display:inline-block;position:absolute;left:0;top:15px;width:4px;height:4px;border-radius:100%;background:var(--primary)}
#p36 .list_wrap .list03 .cont .txt span{display:block;padding:25px;background:#fff}
#p36 .list_wrap .list03 .cont .txt span b{display:block;padding:15px 0;color:var(--primary)}
#p36 .list_wrap .list04 .cont p{padding:30px;background:#f7f7f7}
#p36 .list_wrap .list04 .cont .img_area{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;width:100%;padding:50px;margin:20px 0;border:1px solid #e1e1e1}
#p36 .list_wrap .list04 .cont .img_area span{display:block;font-size:17px;font-weight:700;text-align:center;color:#222}
#p36 .list_wrap .list04 .cont a{display:inline-block;position:relative;left:50%;transform:translate(-50%);padding:15px 35px;font-size:15px;font-weight:700;color:#fff;background:var(--primary);transition:all 0.2s}
#p36 .list_wrap .list04 .cont a:hover{background:#222}
#p36 .list_wrap .list05 ul{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
#p36 .list_wrap .list05 ul li{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:10px;width:100%;padding:30px 50px;border:1px solid #e1e1e1}
#p36 .list_wrap .list05 ul li:nth-child(2),#p36 .list_wrap .list05 ul li:nth-child(3){border:none;background:#f7f7f7}
#p36 .list_wrap .list05 ul li .list_tit{display:flex;align-items:center;flex-direction:column;gap:15px;position:relative}
#p36 .list_wrap .list05 ul li .list_tit b{display:inline-block;padding:7px 50px;border-radius:50px;font-size:14px;font-weight:700;color:#fff;background:var(--primary)}
#p36 .list_wrap .list05 ul li .list_tit p{font-size:18px;font-weight:700;color:#222;font-family:var(--e-font)}
#p36 .list_wrap .list05 ul li .list_txt{padding:0 10px}
#p36 .list_wrap .list05 ul li .list_txt span{display:block;padding-bottom:15px;border-bottom:1px solid #e1e1e1;font-size:17px;font-weight:500;text-align:center}
#p36 .list_wrap .list05 ul li:nth-child(1) .list_txt span{border:none}
#p36 .list_wrap .list05 ul li .list_txt p{margin-top:20px;text-align:center}
#p36 .list_wrap .list05 ul li .list_txt p a{display:table;margin-top:23px;padding:12px 25px;border:1px solid #e1e1e1;color:#777;transition:0.2s}
#p36 .list_wrap .list05 ul li .list_txt p a i{padding-left:15px;color:rgba(0, 0, 0, 0.3);transition:0.2s}
#p36 .list_wrap .list05 ul li .list_txt p a:hover{color:#fff;background:#222}
#p36 .list_wrap .list05 ul li .list_txt p a:hover i{color:#fff}
#p36 .list_wrap .list05 ul li .list_txt p strong{font-weight:400;color:#222;text-decoration:underline}
#p36 .list_wrap .list06 .img_area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 30px;background:#f7f7f7}
#p36 .list_wrap .list06 .img_area p{padding-top:35px;font-weight:700;font-size:16px;color:#222;text-align:center}
#p36 .list_wrap .list06 .cont ul{display:grid;grid-template-columns:repeat(2,1fr);width:100%;margin-top:20px;border:1px solid #e1e1e1}
#p36 .list_wrap .list06 .cont ul li{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;position:relative;width:100%;padding:40px}
#p36 .list_wrap .list06 .cont ul li:nth-child(1), #p36 .list_wrap .list06 .cont ul li:nth-child(3){border-right:1px solid #e1e1e1}
#p36 .list_wrap .list06 .cont ul li:nth-child(3), #p36 .list_wrap .list06 .cont ul li:nth-child(4){border-top:1px solid #e1e1e1}
#p36 .list_wrap .list06 .cont ul li .box{display:flex;align-items:center;justify-content:center;width:68px;height:68px;margin-bottom:27px;border-radius:10px;background:#f7f7f7}
#p36 .list_wrap .list06 .cont ul li p{padding-bottom:10px;font-size:18px;font-weight:700;color:#222}
#p36 .list_wrap .list06 .cont ul li .txt{width:calc(100% - 68px);padding-top:20px}
#p36 .list_wrap .list07 .top ul{display:flex;align-items:center;justify-content:space-around;position:relative;padding:30px;border:1px solid #e1e1e1}
#p36 .list_wrap .list07 .top ul:before{content:"";display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:57px;height:37px;background:url(/sh_page/img/p36_icon08.png);background-repeat:no-repeat}
#p36 .list_wrap .list07 .cont p{padding-top:15px;font-size:18px;color:#222;font-weight:700;text-align:center}
#p36 .list_wrap .list07 .bottom{padding-top:30px}
#p36 .list_wrap .list07 .bottom div{display:flex;align-items:center;justify-content:center;padding:30px;border:1px solid #e1e1e1}
#p36 .bottom_tit{padding-top:100px}
#p36 .img_group{padding-top:50px}
#p36 .img_group li img{width:100%}

/* p39 */
#p39 .tit_area{text-align:center}
#p39 .top{padding:80px 100px;background:#f7f7f7}
#p39 .top ul{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}
#p39 .top ul li{padding:25px 35px;background:#fff}
#p39 .top ul li .sub_tit{display:flex;align-items:center;gap:10px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e1e1e1}
#p39 .top ul li .sub_tit b{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:5px;font-size:13px;font-weight:700;color:#fff;background:var(--primary);font-family:var(--e-font)}
#p39 .top ul li .sub_tit span{font-size:20px;font-weight:700;color:#222}
#p39 .top ul li p span{position:relative;display:inline-block;color:#222}
#p39 .top ul li p span::before{content:"";display:block;position:absolute;bottom:4px;left:0;width:100%;height:10px;background:rgba(31,87,68,0.1)}
#p39 .bottom{position:relative;padding:100px 0}
#p39 .bottom::before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:337px;z-index:-1;background:var(--primary)}
#p39 .bottom ul{display:flex;align-items:flex-start;justify-content:center;gap:10px;padding-top:75px}
#p39 .bottom ul li{display:flex;flex-direction:column;align-items:center;justify-content:center}
#p39 .bottom ul li b{display:block;padding-bottom:15px;font-size:16px;color:#222;font-weight:700;text-transform:uppercase;font-family:var(--e-font)}
#p39 .bottom ul li p{padding-top:20px;line-height:1.5;color:#fff;text-align:center}

/* p40 */
#p40 .tit_area{text-align:center}
#p40 .tit_area p{padding-bottom:25px}
#p40 .top{margin-top:50px}
#p40 .top li{display:flex;align-items:center;justify-content:center;gap:70px;padding:50px 70px}
#p40 .top li:first-child{background:rgba(31,87,68,0.05)}
#p40 .top li .txt{width:100%}
#p40 .top li .txt p{display:flex;align-items:center;gap:15px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e1e1e1}
#p40 .top li .txt p b{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:5px;font-size:13px;font-weight:700;color:#fff;background:var(--primary);font-family:var(--e-font)}
#p40 .top li .txt p span{font-size:27px;font-weight:700;line-height:1.5;color:#222}
#p40 .top li .txt > span{display:block;padding:25px;background:#fff}
#p40 .top li img{width:45%}
#p40 .top li .txt span b{display:inline-block;position:relative;color:#222}
#p40 .top li .txt span b::before{content:"";display:block;position:absolute;bottom:4px;left:0;width:100%;height:10px;background:rgba(31,87,68,0.1)}
#p40 .top li:nth-child(2){background:rgba(31,87,68,0.1)}
#p40 .top li:nth-child(2) p{align-items:flex-start}

/* p41 */
#p41 .tit_area{text-align:center}
#p41 .tit_area p{padding-bottom:25px}
#p41 .img_area{display:flex;align-items:center;justify-content:center;margin:50px 50px 30px;padding:50px 10px;border:1px solid #e1e1e1}
#p41 .cont{padding:60px 80px;margin:0 50px;background:#f7f7f7}
#p41 .cont .txt_area{display:flex;align-items:flex-start;justify-content:space-between;gap:10%}
#p41 .cont .txt_area > p{width:30%;font-size:26px;font-weight:700;line-height:1.5;color:#222}
#p41 .cont .txt_area .group{width:70%}
#p41 .cont .txt_area .group p{padding:25px 35px;line-height:1.5;background:#fff}
#p41 .cont .txt_area .group p b{font-weight:normal;color:#222;text-decoration:underline}
#p41 .cont .txt_area .group p span{display:inline-block;position:relative;font-weight:700;color:#222}
#p41 .cont .txt_area .group p span::before{content:"";display:inline-block;position:absolute;bottom:0;left:0;width:100%;height:10px;background:rgba(31,87,68,0.1)}
#p41 .cont .txt_area .group ul{display:flex;align-items:center;justify-content:space-between;margin-top:20px}
#p41 .cont .txt_area .group ul li img{width:100%}
/* adv */
#adv  .tit_area{padding:100px 0 0}
#adv .tit_area b{display:block;font-size:14px;font-weight:700;color:var(--primary);font-family:var(--e-font)}
#adv .tit_area p{font-size:30px;font-weight:700;text-align:center;color:#222}
#adv ul{display:flex;align-items:flex-start;justify-content:center;gap:20px;padding:50px;background:#f7f7f7}
#adv ul li{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:390px;width:100%;padding:30px;text-align:center;background:#fff}
#adv ul li p{padding:20px 0 10px;font-size:22px;font-weight:700;color:var(--primary)}
#adv ul li img{width:100%}

/* 반응형 [s] */

@media (max-width:1330px){
    #p36{padding:0 10px}
    #p39 .bottom ul li img{width:100%}
}
@media (max-width:1305px){   
    #p33 .staff .wrap > li{flex-direction:column}
    #p33 .staff .wrap > li:nth-child(2n){flex-direction:column}
    #p36 .list_wrap .list02 .cont .txt{width:100%;padding:35px}
    #p36 .list_wrap .list03 .cont{flex-direction:column}
    #p36 .list_wrap .list03 .cont img{width:70%;margin:0 auto}
    #p36 .list_wrap .list03 .cont .txt{width:100%}
    #p36 .list_wrap .list07 .cont p{font-size:16px}
    #p36 .list_wrap .list07 .top ul li img{width:100%}
    #p36 .list_wrap .list07 .bottom div img{width:100%}
}
@media (max-width:1260px){   
    .pgcm .tit_area span{white-space:normal;padding:0 15px}
    #p33 .mean{gap:50px}
    #p33 .mean .img_area::before{display:none}
    #p33 .video {padding:50px 0;background: url(/sh_page/img/p33_bg.jpg)}
    #p33 .video .tit_area{flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 20px 0}
    #p33 .video .tit_area span{padding-top:0;padding-bottom:30px}
    #p33 .video::before{top:0;background:none}
    #p33 .video .video_cont{width:100%;padding:0 20px}
    #p33 .video .video_cont a img{width:100%}
    #p33 .why ul{padding:20px}
    #p33 .why ul li{height:auto}
    #p33 .why ul li::before{display:none}
    #p33 .why ul li p{bottom:initial;padding-top:10px;padding-left:0;font-size:15px;color:#222;text-align:center;opacity:1}
    #p33 .why ul li img{width:100%}
    #p33 .staff{padding:70px 100px}
    #p33 .staff .tit_area{text-align:center}
    #p33 .staff .tit_area p{white-space:normal}
    #p40 .top li .txt span b::before{display:none}
    #p40 .top li .txt span b{display:inline}
    #p41 .cont .txt_area .group p span::before{display:none}
    #p41 .cont .txt_area .group p span{display:inline}
    #p41 .cont .txt_area .group p{line-height:1.8;white-space:normal}
    #p41 .cont{padding:30px}
}
@media (max-width:1180px){
    #p40 .top li{gap:50px;padding:40px}
}
@media (max-width:1110px){
    #p34 .wrap .sub_tit{width:22%}
    #p34 .wrap .cont{width:78%}
    #p39 .top ul li p{white-space:normal}
    #p39 .top ul li p span::before{display:none}
    #p39 .top ul li p span{display:inline}
    #p39 .top{padding:0 80px;background:#fff}
    #p39 .top ul li{padding:35px;background:#f7f7f7}
    #p39 .bottom{padding:70px 10px;margin-top:70px;background:var(--primary)}
    #p39 .bottom::before{display:none}
    #p39 .bottom ul li b{font-size:14px;color:#fff}
    #p39 .bottom .tit_area span{color:rgba(255, 255, 255, 0.6)}
    #p39 .bottom .tit_area p{color:#fff}
    #p39 .bottom .tit_area b{color:#fff}
    #p39 .bottom ul{flex-wrap:wrap;row-gap:40px;padding-top:65px}
    #p39 .bottom ul li p{font-size:15px}
    #p40 .top li{flex-direction:column}
    #p40 .top li:first-child{flex-direction:column-reverse}
    
}
@media (max-width:1080px){
    #p33 .mean{flex-direction:column;align-items:center;justify-content:center;gap:0;text-align:center}
    #p33 .why ul{padding:30px 30px 20px}
    #p33 .why{padding:80px 0}
    #p33 .video .tit_area{padding:40px 20px 0}
    #p33 .staff{padding:70px 80px}
    #p36 .list_wrap .list01 .cont ul{flex-direction:column}
    #p36 .list_wrap .list01 .cont ul li{padding:30px;border-bottom:1px solid #e1e1e1}
    #p36 .list_wrap .list01 .cont ul li::before{display:none}
    #p36 .list_wrap .list03 .cont img{width:100%}
}
@media (max-width:950px){
    #p34 .wrap > div{flex-direction:column;gap:20px}
    #p34 .wrap .sub_tit{width:100%;padding:0 0 0 20px;border-top:none}
    #p34 .wrap .cont{width:100%}
    #p36 .list_wrap .list04 .cont .img_area img{width:100%}
    #p39 .top{padding:0 50px}
    #p40 .top li img{width:100%}
    #p41 .img_area{padding:30px}
    #p41 .img_area img{width:100%}
    #p41 .cont{margin:0 10px}
    #p41 .cont .txt_area{flex-direction:column;align-items:center;justify-content:center;gap:30px;text-align:center}
    #p41 .cont .txt_area .group{width:100%}
    #p41 .cont .txt_area > p{width:100%}
    #p41 .img_area{margin:30px 10px 10px}
    #adv ul{gap:10px;padding:20px}
    #adv ul li{height:358px;padding:20px}
    #adv ul li p{font-size:18px}
    #adv ul li span{font-size:15px}
}

@media (max-width:768px){
    .pgcm .tit_area p{padding-bottom:20px;font-size:30px;white-space:normal}
    #adv .tit_area p{font-size:30px}
    #p33 .mean{padding:0  20px}
    #p33 .mean .img_area img{width:100%}
    #p33 .staff{padding:60px 50px}
    #p33 .staff .wrap > li{gap:35px}
    #p33 .staff .tit_area p{padding-bottom:40px}
    #p33 .why{padding-bottom:50px}
    #p34 .wrap .time .cont ul{gap:10px}
    #p34 .wrap .time .cont ul li{height:292px}
    #p34 .wrap .time .cont ul li span{font-size:18px}
    #p34 .wrap .time .cont ul li p{font-size:15px;text-align:center;line-height:1.5}
    #p39 .top{padding:0 20px}
    #p39 .top ul li .sub_tit span{font-size:17px}
    #p39 .top ul li .sub_tit b{width:30px;height:30px;font-size:12px}
    #p39 .top ul{gap:10px}
    #p40 .top li{gap:35px}
    #p40 .top li .txt p span{font-size:22px}
    #p40 .top li .txt p b{width:30px;height:30px;font-size:11px}
    #p40 .tit_area{padding:0 10px}
    #p40 .top{margin-top:28px}
    #p40 .top li .txt > span{font-size:15px}
    #p36 .list_wrap .list .sub_tit{padding-bottom:15px;margin-bottom:15px}
    #p36 .list_wrap .list .sub_tit span{font-size:20px}
    #p36 .list_wrap .list .sub_tit b{width:30px;height:30px;font-size:11px}
    #p36 .list_wrap .list+.list{margin-top:50px}
    #p36 .list_wrap .list04 .cont .img_area span{font-size:15px;line-height:1.5}
    #p36 .list_wrap .list04 .cont .img_area{padding:20px}
    #p36 .list_wrap .list04 .cont a{padding:10px 25px;font-size:14px}
    #p36 .list_wrap .list05 ul{grid-template-columns:repeat(1,1fr)}
    #p36 .list_wrap .list05 ul li{padding:30px 20px}
    #p36 .list_wrap .list05 ul li:nth-child(3){border:1px solid #e1e1e1;background:#fff}
    #p36 .list_wrap .list05 ul li:nth-child(4){border:none;background:#f7f7f7}
    #p36 .list_wrap .list06 .img_area img{width:100%}
    #p36 .list_wrap .list06 .img_area p{padding-top:30px;white-space:normal;font-size:15px}
    #p36 .img_group{padding-top:0}
    #adv .tit_area{padding-top:60px}
}
@media (max-width:700px){
    #p36 .list_wrap .list06 .cont ul{grid-template-columns:repeat(1,1fr)}
    #p36 .list_wrap .list06 .cont ul li{padding:30px}
    #p36 .list_wrap .list06 .cont ul li:nth-child(1){border-bottom:1px solid #e1e1e1}
    #p36 .list_wrap .list06 .cont ul li:nth-child(1), #p36 .list_wrap .list06 .cont ul li:nth-child(3){border-right:none}
    #p36 .list_wrap .list06 .cont ul li .txt{padding-top:0}
    #adv ul{flex-direction:column}
    #adv ul li{height:auto;padding:35px 30px}
}
@media (max-width:580px){
    #p36 .list_wrap .list04 .sub_tit{flex-direction:column;align-items:flex-start}
}
@media (max-width:550px){
    #p33 .staff{padding:60px 10px 0}
    #p33 .staff .wrap > li+li{margin-top:30px}
    #p33 .staff .wrap > li .txt .sub_tit{text-align:center}
    #p33 .staff .wrap > li .txt .sub_tit p{font-size:25px}
    #p33 .staff .wrap > li .txt .sub_tit b{font-size:15px}
    #p33 .staff .wrap > li .txt .cont p{font-size:17px;text-align:center}
    #p33 .video .tit_area{padding:20px 20px 0}
    #p33 .staff .tit_area p{padding-bottom:30px}
    #p34 .wrap{padding-top:20px}
    #p34 .wrap .time .cont ul{flex-direction:column}
    #p34 .wrap .time .cont ul li{flex-direction:row;gap:20px;justify-content:flex-start;height:auto;padding:25px}
    #p34 .wrap .time .cont ul li div{text-align:left}
    #p34 .wrap .time .cont ul li p{padding:0;text-align:left}
    #p34 .wrap .time .cont ul li span{text-align:left}
    #p34 .wrap .time .cont > p{text-align:center}
    #p34 .wrap .map .cont > ul > li .txt_area p{font-size:16px}
    #p39 .top ul{grid-template-columns:repeat(1, 1fr);margin-top:25px}
    #p39 .top ul li .sub_tit{padding-bottom:15px;margin-bottom:15px}
    #p39 .top ul li{padding:25px}
    #p39 .bottom ul{padding-top:40px}
    #p41 .cont .txt_area .group p{font-size:15px}
    #p36 .list_wrap .list03 .cont{gap:10px}
    #p36 .list_wrap .list02 .cont .txt{padding:20px}
    #p36 .list_wrap .list03 .cont .txt{padding:20px}
    #p36 .list_wrap .list03 .cont .txt span{padding:15px}
    #p36 .list_wrap .list04 .cont p{padding:20px}
    #p36 .list_wrap .list07 .top ul{padding:20px}
    #p36 .list_wrap .list07 .bottom div{padding:20px}
    #p36 .tit_area p{padding-bottom:30px}
    #p36 .list_wrap .list08 .sub_tit{flex-direction:column;align-items:flex-start}
}
@media (max-width:480px){
    .pgcm .tit_area p{font-size:22px}
    .pgcm .tit_area b{font-size:13px}
    .pgcm{font-size:15px}
    #p33 .mean .img_area{padding-top:25px}
    #p33 .why{padding:50px 0 60px}
    #p33 .why ul{flex-direction:column;align-items:center;justify-content:center}
    #p33 .video .video_cont a .play{width:45px;height:45px}
    #p33 .video .video_cont a .play i{font-size:10px}
    #p33 .staff .wrap > li .txt .cont{padding:20px}
    #p33 .staff .wrap > li .txt .cont ul{padding:20px}
    #p34 .wrap .sub_tit span{font-size:18px}
    #p34 .wrap .sub_tit b{width:30px;height:30px;font-size:12px}
    #p34 .wrap > div{gap:15px}
    #p34 .wrap .cont{padding-top:20px}
    #p34 .wrap .time .cont ul li .img_area{width:70px;height:70px}
    #p34 .wrap .time .cont ul li .img_area img{width:40%}
    #p36 .bottom_tit{padding-top:70px}
    #p36 .list_wrap .list03 .cont .txt p{font-size:17px}
    #p36 .list_wrap .list06 .cont ul li p{padding-bottom:5px;font-size:17px}
    #p36 .list_wrap .list06 .cont ul li .txt{width:100%}
    #p36 .list_wrap .list06 .cont ul li .box{margin-bottom:20px}
    #p39 .bottom{margin-top:45px;padding:45px 10px}
    #p40 .top li{padding:20px}
    #p40 .top li .txt p{flex-direction:column;gap:15px;align-items:center;justify-content:center;text-align:center}
    #p40 .top li .txt > span{text-align:center}
    #p41 .cont{margin-bottom:40px}
    #p41 .cont .txt_area .group p{padding:20px}
    #p41 .tit_area{padding:0 10px}
    #p41 .tit_area p{padding-bottom:20px}
    #adv .tit_area{padding-top:45px}
    #adv .tit_area p{font-size:22px}
    #adv .tit_area b{font-size:13px}
}
@media (max-width:380px){
    .pgcm .tit_area p{font-size:21px}
    #adv .tit_area p{font-size:21px}
    #p33 .why{padding-bottom:40px}
    #p33 .video .tit_area{padding-top:0}
    #p33 .staff .wrap > li{gap:25px}
    #p33 .staff .wrap > li .txt .cont p{font-size:15px}
    #p33 .staff .wrap > li .txt .sub_tit p{font-size:21px}
    #p33 .staff .wrap > li .txt .sub_tit b{font-size:14px}
    #p33 .staff .wrap > li+li{margin-top:20px}
    #p34 .wrap .time .cont ul li{flex-direction:column;align-items:center;justify-content:center}
    #p34 .wrap .time .cont ul li span{font-size:16px;text-align:center}
    #p34 .wrap .time .cont ul li p{text-align:center}
    #p34 .wrap .time .cont ul li div{text-align:center}
    #p34 .wrap .map .cont > ul > li{padding:30px 20px}
    #p34 .wrap .map .cont > ul > li .txt_area p{font-size:15px}
    #p34 .wrap .map .cont > ul > li .txt_area b{font-size:16px}
    #p34 .wrap .map .cont > ul > li{flex-direction:column;align-items:center;justify-content:center;text-align:center}
    #p34 .wrap .map .cont > ul > li .txt_area{width:100%}
    #p34 .wrap .map .cont > ul .bus ul li{text-align:left}
    #p39 .top{padding:0 10px}
    #p39 .bottom ul li{width:100%}
    #p40 .top li .txt p span{font-size:19px}
    #p41 .img_area{margin:20px 10px 10px}
    #p41 .cont{padding:20px}
    #p41 .cont .txt_area{gap:20px}
    #p41 .cont .txt_area > p{font-size:22px;line-height:1.3}
    #p36 .list_wrap .list .sub_tit span{font-size:19px}
    #p36 .list_wrap .list01 .cont ul li{padding:20px}
    #p36 .list_wrap .list01 .cont ul li div{margin-bottom:20px}
    #p36 .list_wrap .list01 .cont ul li p{padding-bottom:7px;font-size:17px}
    #p36 .list_wrap .list05 ul li{gap:5px}
    #p36 .list_wrap .list05 ul li .list_tit{gap:10px}
    #p36 .list_wrap .list05 ul li .list_tit b{padding:5px 35px}
    #p36 .list_wrap .list05 ul li .list_tit p{font-size:17px}
    #p36 .list_wrap .list06 .img_area{padding:20px}
    #p36 .list_wrap .list06 .cont ul li{flex-direction:column;gap:0}
    #p36 .list_wrap .list07 .cont p{font-size:15px}
    #p36 .list_wrap .list07 .top ul{padding:10px}
    #p36 .bottom_tit{padding-top:50px}
    #adv ul li{padding:20px}
}
/* 반응형 [e] */