@charset "utf-8";

body {
    font-family:'Pretendard-r';
    font-size: 16px;
    color: #fff;
    background: #000;
}


/* =========================== SNB */
#sh_snb {display:inline-block;position:relative;z-index:10;padding:0 40px;text-align:center;}
#sh_snb li {display:inline-block;position:relative;height:55px;font-size:17px;line-height:55px}
#sh_snb li:first-child:before {display:none}
#sh_snb li a {position:relative;font-weight:500; color: #fff; height: 55px; min-width: ; display: block; padding: 0 50px}
#sh_snb li a.on{background-color: #e95464;  color:#fff}

/* =========================== PAGE */
#greeting{font-size:15px;font-weight:400;line-height:1.8;color:#fff;font-family:'Pretendard'}
#greeting .tit_area{position: relative; padding:0 0 40px 0;}
#greeting .tit_area .title{font-size:40px; line-height:1.3; color:#fff; font-weight: 500;}
#greeting .tit_area .title:after {
    content: "";
    position: absolute;
    top: 95%;
    left: 0px;
    transform: translateY(-50%);
    width: 50px;
    height: 5px;
    background-color: #e95464;}
#greeting .tit_area p{}
#greeting .img{/*height:420px;background:url(../img/sub/greeting_img.jpg) center no-repeat;background-size:cover;*/}
#greeting .cont{padding:80px 0 0 0}
#greeting .cont ul{display: flex; gap: 30px; padding-top: 50px;}
#greeting .cont ul img{width: 100%;}
#greeting .cont .pl{white-space:normal; word-break:keep-all; color: rgba(255, 255, 255, .4); font-size: 18px; width: 90%;}	
#greeting .cont .st{font-size: 28px; padding: 10px 0; color: #fff;}
#greeting .cont .btn{font-size: 16px; color: #fff; border: 1px solid #777;padding: 8px 10px; margin-top: 50px; width: 200px; text-align: center;}
#greeting .cont .btn a{color: #fff;}
#greeting .doctor{width: 500px; padding:0px 40px 50px 40px; background-color: #222; position: absolute; margin: -300px 500px;}


/* =========================== 공지사항*/
#subcont{font-size:15px;font-weight:400;line-height:1.8;color:#fff;font-family:'Pretendard'}
#subcont .tit_area{position: relative; padding:0 0 40px 0;}
#subcont .tit_area .title{font-size:40px; line-height:1.3; color:#fff; font-weight: 500;}
#subcont .tit_area .title:after {
    content: "";
    position: absolute;
    top: 95%;
    left: 0px;
    transform: translateY(-50%);
    width: 50px;
    height: 5px;
    background-color: #e95464;}
#subcont .event{padding:50px 0 0 0}
#subcont .event div{display: flex; gap:20px}
#subcont .event img{width: 280px;}
#subcont .event img:before{content:""; position: absolute; background: center url(/site/views/img/sub/hoverimg.png) rgba(0, 0, 0, 0.4) no-repeat; background-size: 30%; top: 0;
    left: 0;
    width: 100%;
    height: 100%;}
#subcont .event a{}
#subcont .event img a:hover{background: rgba(0, 0, 0, 0.2);}

@media(max-width:480px){
#subcont .event img{width: 100%;}
#subcont .event div{display: flex; gap:20px; flex-direction: column;} 
.evevt{display: block !important;}

}



#map{font-size: 15px; font-weight: 400; line-height: 1.8; color: #fff;}
#map .tit_area{position: relative; padding: 0 0 40px 0;}
#map .tit_area .title::after{
    content: "";
    position: absolute;
    top: 95%;
    left: 0px;
    transform: translateY(-50%);
    width: 50px;
    height: 5px;
    background-color: #e95464;
}
#map .tit_area .title{font-size: 40px; line-height: 1.3; color: #fff; font-weight: 500;}
#map .cont{display: flex; text-align: center}
#map .cont div{width: 33.3%; position: relative; padding-top: 32px;}
#map .cont div p {font-size: 24px; font-weight: 400; margin-bottom: 20px; opacity: 0.35;}
#map .cont div h5{font-size: 18px; font-weight: 300; line-height: 1.44; margin-bottom: 8px; letter-spacing:0px}
#map .cont div:not(:last-child)::after {
    position: absolute;
    content: "";
    right: 0;
    top: 30px;
    width: 1px;
    height: 150px;
    background-color : rgba(255, 255, 255, 0.2);
}
#map .btn_list{margin: 50px 50px; display: flex; justify-content: center; gap: 20px;}
#map .btn_list .item{display: flex; align-items: center; border: 1px solid #777;}
#map .btn_list .item .txt{font-size: }
#map .btn_list .item a{display: flex; align-items: center; font-size: 15px; color: #fff; padding: 15px 58px 15px 55px; font-weight: 300;}
#map .btn_list .item a .ico{margin: -7px 10px 0 0; height: 1.4em; flex-shrink: 0; vertical-align: middle}
#map .btn_list .item a .ico img{height: 100%}


@media(max-width:480px){
#map{padding:0; color: #fff;}	
#map .tit_area{font-size:22px; color: #fff; padding: 0}
#map .tit_area .title {font-size: 32px; line-height: 1.4; color: #fff; font-weight: 600; padding-left: 0; letter-spacing: 0.5px;}
#map .tit_area .title:after {
    content: "";
    position: absolute;
    top: 130%;
    left: 0px;
    transform: translateY(-50%);
    width: 45px;
    height: 4px;
    background-color: #e95464;}     
#map .cont{display: flex; text-align: center; flex-direction: column; padding: 20px 0 10px 0;}
#map .cont div{width: 90%; margin: 0 auto}
#map .cont div:not(:last-child){padding-bottom: 50px; margin-bottom: 10px; border-bottom: 1px solid #333;}
#map .cont div:not(:last-child)::after { background-color : rgba(255, 255, 255, 0);}
#map .cont div p{font-size: 4.8vw; font-weight: 400; margin-bottom: 5px; opacity: 0.35;}  
#map .cont div h5{font-size: 4vw; font-weight: 400; line-height: 1.44; margin-bottom: 0;}
    
#map .btn_list{margin: 0; gap:10px}
#map .btn_list .item{width: 50%;}
#map .btn_list .item a {padding: 10px 20px 10px 22px;} 
}


#sh_content{padding: 100px 0 150px}
#sh_content .title{text-align: left; width: 1200px; margin: 0 auto 0px;}
#sh_content .title p{color: #555; margin: 30px 0 10px 0; font-size: 16px}
#sh_content .title h3{font-size: 53px; font-weight: 400; font-family: "Pretendard"; margin-bottom: 16px; color: #fff;}
#sh_content .title h3::after{position: absolute; content: ""; width: 650px; height: 2px; background-color: rgba(255, 255, 255, 0.4); transform: translateY(-50%); right: 0;}
#sh_content .doctors .doctor{display: flex; align-items: center; padding-top: 0}
#sh_content .doctors .doctor:not(:last-child) {margin-bottom: 180px;}
#sh_content .doctors .doctor .img{width: 322px; height: 400px; position: relative}
#sh_content .doctors .doctor .img img{position: relative; z-index: 11}
#sh_content .doctors .doctor .img:after{
    z-index: 10;
    position: absolute;
    content: "";
    top: 10px;
    left: -39px;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: #fff;
    filter: blur(30px);
    -webkit-filter: blur(30px);
    opacity: 0.16;    
}
#sh_content .doctors .doctor .info2{margin-left: 180px}
#sh_content .doctors .doctor .info2 .tit{width: 496px; display: flex; align-items: flex-end; padding-bottom: 32px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
#sh_content .doctors .doctor .info2 .tit h4{font-size: 38px; font-weight: 600; color: #fff; margin-right: 15px;}
#sh_content .doctors .doctor .info2 .tit p{font-size: 20px; font-weight: 400; color: #777;}
#sh_content .doctors .doctor .info2 .tit p b{font-size: 20px; font-weight: 400;}
#sh_content .doctors .doctor .info2 .profile{padding-top: 60px;}
#sh_content .doctors .doctor .info2 .profile p{font-size: 28px; font-weight: 500; color: #fff; margin-bottom: 15px; font-weight: 300}
#sh_content .doctors .doctor .info2 .profile ul{display: flex}
#sh_content .doctors .doctor .info2 .profile ul li{width: max-content; font-size: 18px; font-weight: 400; color: #777; line-height: 1.89;}
#sh_content .doctors .doctor .info2 .profile ul li:last-child{margin-left: 60px}
#sh_content .doctors .doctor .img img .pc_img{display: block}
#sh_content .doctors .doctor .img img .mo_img{display: none; margin: 0 auto}

.pc_img{display: block; width: 420px; margin-left: -30px}
.mo_img{display: none;}

.mobr {display: none;}


#sh_sub_banner .sub_visual{width:100%;height:auto;/*background:url(../img/sub/sub_main_banner.jpg)no-repeat;animation:main 25s linear infinite; filter: brightness(0.5);*/}
#sh_sub_banner .sub_visual img{width: 100%;}

@media(max-width:768px){
#sh_content .doctors .doctor{display: flex; align-items: center; flex-direction: column-reverse;}    
#sh_content .doctors .doctor .info2{margin: 0 auto; width: 100%;}
#sh_content .doctors .doctor .info2 .tit{width: 100%; display: flex; align-items: flex-end; padding-bottom: 4.5333333333vw; border-bottom: 1px solid rgba(95, 87, 72, 0.26);}  
#sh_content .doctors .doctor .info2 .tit h4{font-size: 5.8666666667vw; font-weight: 700; color: #fff; margin-right: 3.2vw;}
#sh_content .doctors .doctor .info2 .tit p{font-size: 4vw; font-weight: 400; color: #48433c;}
#sh_content .doctors .doctor .info2 .tit p b{font-size: 4vw; font-weight: 400;}
#sh_content .doctors .doctor .info2 .profile{padding-top: 4.2666666667vw;}
#sh_content .doctors .doctor .info2 .profile p{font-size: 6.4vw; font-weight:400; color:#fff; margin-bottom: 3.2vw;}
#sh_content .doctors .doctor .info2 .profile ul{flex-direction: column;}
#sh_content .doctors .doctor .info2 .profile ul li{width: max-content; font-size: 4vw; font-weight: 400; color: #777; line-height: 1.89;}
#sh_content .doctors .doctor .info2 .profile ul li:last-child{margin-left: 0}

#sh_sub_banner .sub_visual{display: :none;}
#sh_content .doctors .doctor .img img .pc_img{display: none}
#sh_content .doctors .doctor .img img .mo_img{display: block; margin: 0 auto}
.pc_img{display: none}
.mo_img{display: block; margin: 0 auto}      
}

@media(max-width:480px){
#sh_content{padding: 150px 20px 100px 20px}
#sh_content .title{text-align: left; width: auto; margin: 0 auto 0; display: flex; flex-direction: column-reverse; }
#sh_content .title p{color: #555; margin-bottom: 10px;line-height: 1.3;font-size:16px; font-weight: 400; margin: 0;}
#sh_content .title h3{margin-bottom: 2.1333333333vw; position: relative; font-size: 38px; word-break: break-all; letter-spacing: 0;}
#sh_content .title h3::after{background-color: rgba(255, 255, 255, 0.0);}
#sh_content .doctors .doctor{width: auto; margin: 0 auto; padding: 0;}
#sh_content .doctors .doctor:not(:last-child) {margin-bottom: 16vw;}
#sh_content .doctors .doctor .img{width: 60.8vw; height: 75.7333333333vw; position: relative; margin: 20px 0 50px 0;}
#sh_content .doctors .doctor .img img{position: relative; z-index: 11;}    
#sh_content .doctors .doctor .img img .pc_img{display: none}
#sh_content .doctors .doctor .img img .mo_img{display: block; margin: 0 auto}
#sh_content .doctors .doctor .img:after{
        z-index: 10;
        position: absolute;
        content: "";
        top: -calc(2.6666666667vw);
        left: -5.3333333333vw;
        width: 75.7333333333vw;
        height: 75.7333333333vw;
        border-radius: 50%;
        background: #fff;
        filter: blur(8vw);
        -webkit-filter: blur(8vw);
        opacity: 0.16;
    }
#sh_content .doctors .doctor .info2{margin: 0 auto; width: 100%;}
#sh_content .doctors .doctor .info2 .tit{width: 100%; display: flex; align-items: flex-end; padding-bottom: 4.5333333333vw; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}  
#sh_content .doctors .doctor .info2 .tit h4{font-size: 26px; font-weight: 700; color: #fff; margin-right: 3.2vw;}
#sh_content .doctors .doctor .info2 .tit p{font-size: 4vw; font-weight: 400; color: #777;}
#sh_content .doctors .doctor .info2 .tit p b{font-size: 4vw; font-weight: 400;}
#sh_content .doctors .doctor .info2 .profile{padding-top: 4.2666666667vw;}
#sh_content .doctors .doctor .info2 .profile p{font-size: 20px; font-weight:300; color:#fff; margin-bottom: 3.2vw;}
#sh_content .doctors .doctor .info2 .profile ul{flex-direction: column;}
#sh_content .doctors .doctor .info2 .profile ul li{width: max-content; font-size: 4vw; font-weight: 400; color: #777; line-height: 1.89;}
#sh_content .doctors .doctor .info2 .profile ul li:last-child{margin-left: 0}

#sh_sub_banner .sub_visual{display: :none;}

.mobr {display: block;}
.pc_img{display: none}
.mo_img{display: block; margin: -20px 0 50px -60px; width: 320px;}     
    
}


/* 온라인 예약 */

/* 온라인 예약 끝 */


/* 게시판 */
/* -------- 리스트 시작 [s] */
#sh_bo_list{font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#fff;font-family:'Pretendard'}

/* 테이블 공통 */
.sh_tbl_common{width:100%;border-top:1px solid #fff}
.sh_tbl_common table{width:100%}
.sh_tbl_common th{border-bottom:1px solid #555;font-size:15px;font-weight:normal;color:#fff; vertical-align: middle;font-family:'Pretendard'} 
.sh_tbl_common td{border-bottom:1px solid #555;font-size:14px;color:#777}


/* 게시판 분류 type1 */
#bo_cate_ul_box{margin-bottom:30px;padding-left:1px}
#bo_cate_ul_box:after{display:block;content:"";visibility:hidden;clear:both}
#bo_cate_ul_box li{float:left;min-width:20%;text-align:center}
#bo_cate_ul_box li a{display:block;height:47px;margin:-1px 0 0 -1px;padding:0 15px;vertical-align: middle;border:1px solid #e1e1e1;font-size:15px;line-height:47px;color:#fff;background-color:#f6f6f6}
#bo_cate_ul_box li a:hover{background-color:#222}
#bo_cate_ul_box #bo_cate_on{border-top:2px solid #fff;color:#fff;line-height:45px;background-color:#111;font-family:'Pretendard'}

/* 게시판 분류 type2 */
#bo_cate_ul_line{margin-bottom:25px;text-align:center}
#bo_cate_ul_line:after{display:block;content:"";visibility:hidden;clear:both}
#bo_cate_ul_line li{display:inline-block;vertical-align:top;margin:0 15px}
#bo_cate_ul_line li a{display:block;padding:2px 3px;font-size:17px;color:#fff}
#bo_cate_ul_line #bo_cate_on{border-bottom:2px solid #777;color:#fff;font-family:'Pretendard'}

/* rss */
#sh_bo_list .list_top{position:relative;margin-bottom:12px}
#sh_bo_list .list_top:after{display:block;content:"";visibility:hidden;clear:both}
#sh_bo_list .list_top a{display:block;position:absolute;left:0;bottom:0;width:50px;height:24px;margin-top:18px;border-radius:2px;border:1px solid #e1e1e1;font-size:12px;text-align:center;line-height:21px;color:#aaa;background-color:#f6f6f6}
#sh_bo_list .list_top a i{padding-right:5px}

/* 검색 
#sh_bo_sch{float:right;padding-right:10px;border-radius:2px;border:1px solid #e1e1e1}
#sh_bo_sch select{width:90px;height:40px;padding:0 0 0 10px;border:none;font-size:14px;color:#777;-webkit-appearance:none;appearance:none;background:url(/skin/board/sh_basic/img/select_arr.png) 95% center no-repeat ;font-family:'notokr-regular'}
#sh_bo_sch select::-ms-expand{display:none}
#sh_bo_sch input[type=text]{width:150px;height:40px;padding-left:5px;border:none;font-size:14px;color:#777}
*/

/* 리스트 */
#sh_list_tbl tbody tr:hover{background-color:#222}
#sh_list_tbl .bo_notice:hover{background-color:#222}
#sh_list_tbl th{height:60px} 
#sh_list_tbl td{height:60px}
#sh_list_tbl td.num{width:10%;text-align:center; vertical-align: middle;}
#sh_list_tbl td.num .fa-bell-o{color:#0054a6}
#sh_list_tbl td.subject{font-size:15px;color:#fff;vertical-align: middle;}
#sh_list_tbl td.subject .fa-lock{display:inline-block;vertical-align:1px;margin-right:5px;padding:2px 4px 1px;border:1px solid #e1e1e1;border-radius:2px;font-size:12px;color:#bbb;background-color:#f6f6f6}
#sh_list_tbl td.subject .fa-download{padding-left:5px;font-size:14px;color:#bbb}
#sh_list_tbl td.subject .new{display:inline-block;vertical-align:2px;width:14px;height:15px;margin-left:5px;border-radius:2px;font-size:10px;font-weight:500;line-height:15px;color:#fff;text-align:center;background-color:#0054a6;font-family:'Poppins'}
#sh_list_tbl td.subject .new.flash{display:none}
#sh_list_tbl td.subject .fa-long-arrow-right{padding-right:8px;font-size:14px;color:#0054a6}
#sh_list_tbl td.name{width:11%;text-align:center; vertical-align: middle;}
#sh_list_tbl td.datetime{width:11%;text-align:center; vertical-align: middle;}
#sh_list_tbl .bo_notice{background-color:#f5f6f8}
#sh_list_tbl .notice{color:#0054a6}
#sh_list_tbl .notice:after{display:inline-block;content:"";width:1px;height:10px;margin:0 12px;background-color:#ccc}
#sh_list_tbl .cate_link span{color:#0054a6}
#sh_list_tbl .cate_link span:after{display:inline-block;content:"";width:1px;height:10px;margin:0 12px;background-color:#ccc}

/* 리스트 버튼 */
#sh_bo_list .btn_area{position:relative;margin:20px 0}
#sh_bo_list .btn_area:after{display:block;content:"";visibility:hidden;clear:both}
#sh_bo_list .adm_btns{position:absolute;top:0;left:0}
#sh_bo_list .adm_btns li{display:inline-block;vertical-align:top;margin-right:2px}
#sh_bo_list .w_btn{float:right}
#sh_bo_list .w_btn:hover{background-color:#0064c5}
/* -------- 리스트 끝 [e] */

/* -------- 글쓰기 시작 [s] */
#sh_bo_w{font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#666;font-family:'notokr-regular'}

/* 라이트 */
#sh_write_tbl label{font-size:15px}
#sh_write_tbl th{width:16%;padding:10px 0;line-height:1.6;background-color:#f5f6f8}
#sh_write_tbl td{padding:10px 0 10px 10px}
#sh_write_tbl .cate_wrap{display:inline-block;position:relative;min-width:181px;padding-left:10px;border-radius:2px;border:1px solid #e1e1e1}
#sh_write_tbl .cate_wrap:after{content:"\f107";position:absolute;right:10px;top:6px;font-size:15px;font-family:'fontawesome'}
#sh_write_tbl .sh_select{min-width:160px;height:40px;border:none;font-size:15px;color:#777;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:'notokr-regular'}
#sh_write_tbl .sh_select:focus, #sh_write_tbl .sh_select:active{border:none!important}
#sh_write_tbl .sh_input{height:40px;padding:0 20px 0 12px;border:1px solid #e1e1e1;border-radius:2px;font-size:15px;color:#777;font-family:'notokr-regular'}
#sh_write_tbl .sh_input:focus, #sh_write_tbl .sh_input:active{border:1px solid #e1e1e1!important;outline:none}
#sh_write_tbl .frm_address{margin-top:5px}
#sh_write_tbl .zip_btn{width:125px;height:40px;margin-left:2px;border:none;border-radius:2px;font-size:14px;color:#fff;background-color:#555;font-family:'notokr-medium'}
#sh_write_tbl .read{background-color:#f5f6f8}
#sh_write_tbl textarea, #sh_write_tbl .txtarea{width:100%;height:100px;padding:12px;border:1px solid #e1e1e1;border-radius:2px; box-shadow:none}
#sh_write_tbl textarea:focus, #sh_write_tbl textarea:active{border:1px solid #e1e1e1!important}
#sh_write_tbl .frm_file{height:auto;padding:0;font-size:14px}
#sh_write_tbl .ps{font-size:14px;color:#ff567f}
#sh_write_tbl span.ps{padding-left:10px}
#sh_write_tbl .privacy{font-size:13px;background-color:#f5f6f8}
#sh_write_tbl .agr_area{text-align:right}
#sh_write_tbl .agr_area p{display:inline-block;vertical-align:middle}
#sh_write_tbl .agr_area input{margin-left:10px}
#sh_write_tbl .agr_area label{vertical-align:middle;font-size:14px}

.img_pc{display: block;}
.img_m{display: none;}

.sub_btn{width: 320px; border: 1px solid #777; color: #fff; padding: 15px; margin: 0 auto; text-align: center;}
.sub_btn a{color: #fff;}

/* 라이트 버튼 */
#sh_bo_w .btn_area{position:relative;margin:20px 0;text-align:center}
/* -------- 글쓰기 끝 [e] */

/* -------- 뷰 시작 [s] */
#sh_bo_v{border-top:1px solid #555;font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#666;font-family:'notokr-regular'}
#sh_bo_v .tit{min-height:60px;padding:15px;border-bottom:1px solid #eee;font-size:17px;color:#222;background-color:#f5f6f8;font-family:'notokr-medium'}
#sh_bo_v .tit .cate{color:#0054a6}
#sh_bo_v .tit .cate:after{display:inline-block;content:"";width:1px;height:10px;margin:0 12px;background-color:#ccc}

/* 탭메뉴 */
/* 탭 전체 스타일 */
.tabs {
  margin-top: 50px;
  padding: 70px 0 40px 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width:100%;
  margin: 0 auto;}

/* 탭 스타일 */
.tab_item {
  width: calc(100%/3);
  height: 55px;
  background-color: #1d1d1d;
  line-height: 55px;
  font-size: 16px;
  text-align: center;
  color: #777;
  display: block;
  float: left;
  text-align: center;
  font-weight: 400;
  transition: all 0.2s ease;
  border-bottom: 2px solid #555;
}
.tab_item:hover {
  opacity: ;
}

/* 라디오 버튼 UI삭제*/
input[name="tab_item"] {
  display: none;
}

/* 탭 컨텐츠 스타일 */
.tab_content {
  display: none;
  padding-top: 40px;
  clear: both;
  overflow: hidden;
}


/* 선택 된 탭 콘텐츠를 표시 */
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

/* 선택된 탭 스타일 */
.tabs input:checked + .tab_item {
  background-color: #000;color: #fff;border-bottom: 2px solid #000; border-left: 2px solid #777; border-right: 2px solid #777; border-top: 2px solid #777;
  border-top-left-radius: 5px;border-top-right-radius: 5px;font-weight: 700;}



@media(max-width:1024px){
#greeting{padding:20px;font-size:14px;line-height:1.6}
#greeting .tit_area{padding:0;font-size:28px;line-height:1.4;color:#fff;word-break:keep-all}
#greeting .img{height:10px;margin:15px 0}
#greeting .cont{padding-top:30px}
#greeting .cont .sign{margin-top:20px}
#greeting .cont .sign span{margin-left:0;font-size:15px}

#subcont{padding:20px;font-size:14px;line-height:1.6}
#subcont .tit_area{padding:0;font-size:28px;line-height:1.4;color:#fff;word-break:keep-all}
#subcont .img{height:10px;margin:15px 0}
#subcont .cont{padding-top:30px}
#subcont .cont .sign{margin-top:20px}
#subcont .cont .sign span{margin-left:0;font-size:15px}
}

@media(max-width:768px){
#greeting .cont ul{display: flex; gap: 10px; padding-top: 30px; flex-direction: column-reverse; margin-bottom: 30px;}
#greeting .cont ul img{width: 100%;}
#greeting .cont .pl{white-space:normal; word-break:keep-all; color: rgba(255, 255, 255, .4); font-size: 16px; width: 90%;}	
#greeting .cont .st{font-size: 22px; padding: 10px 0; color: #fff;}
#greeting .cont .btn{font-size: 15px; color: #fff; border: 1px solid #777; padding: 8px 10px; margin-top: 10px; width: 70%; text-align: center;}
#greeting .cont .btn a{color: #fff;}
#greeting .cont .st :after{content: ""; position: absolute; padding-left: 10px; width: 10px; height: 10px; border-radius: 50px; background-color: #e95464; top:50%}

#subcont .cont ul{display: flex; gap: 10px; padding-top: 30px; flex-direction: column-reverse; margin-bottom: 30px;}
#subcont .cont ul img{width: 100%;}
#subcont .cont .pl{white-space:normal; word-break:keep-all; color: rgba(255, 255, 255, .4); font-size: 16px; width: 90%;}	
#subcont .cont .st{font-size: 22px; padding: 10px 0; color: #fff;}
#subcont .cont .btn{font-size: 15px; color: #fff; border: 1px solid #777; padding: 8px 10px; margin-top: 10px; width: 70%; text-align: center;}
#subcont .cont .btn a{color: #fff;}
#subcont .cont .st :after{content: ""; position: absolute; padding-left: 10px; width: 10px; height: 10px; border-radius: 50px; background-color: #e95464; top:50%}
}

@media(max-width:480px){
#greeting{padding:0; color: #fff;}	
#greeting .tit_area{font-size:22px; color: #fff; padding: 0;}
#greeting .tit_area .title {
    font-size: 32px;
    line-height: 1.4;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.5px;}
#greeting .tit_area .title:after {
    content: "";
    position: absolute;
    top: 130%;
    left: 0px;
    transform: translateY(-50%);
    width: 45px;
    height: 4px;
    background-color: #e95464;} 
#greeting .doctor {position: relative; margin: 0;}
#greeting .cont div img{width: 100%;}






#subcont{padding:0; color: #fff;}	
#subcont .tit_area{font-size:22px; color: #fff; padding: 0;}
#subcont .tit_area .title {
    font-size: 32px;
    line-height: 1.4;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.5px;}
#subcont .tit_area .title:after {
    content: "";
    position: absolute;
    top: 130%;
    left: 0px;
    transform: translateY(-50%);
    width: 45px;
    height: 4px;
    background-color: #e95464;} 
#subcont .doctor {position: relative; margin: 0;}
#subcont .cont div img{width: 100%;} 

.img_pc{display: none;}
.img_m{display: block; width: 100%;}
    
/* 탭 전체 스타일 */
.tabs {
  margin-top: 50px;
  padding: 70px 0 40px 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width:100%;
  margin: 0 auto;}
    
.sub_btn{width:100%;}

}