@charset "utf-8";
#wrap {width:100%; overflow:hidden; min-width:320px;}

#header {width:100%; height:55px; overflow:hidden; text-align:center; box-shadow: 0 0 5px #aaa; position:fixed; top:0; left:0; z-index:9999; background:#fff;}
#header img {height:55px;}
#header #gnb_area {float:left; height:55px; overflow:hidden;}
#header h1 {display:inline-block; height:55px;}
#header .call_area {float:right; height:55px; overflow:hidden; border-left:1px solid #d5d2d3;}

/* GNB 영역 */
#gnb {width:100%; height:100%; position:fixed; top:0; left:0; transition: transform 300ms; transform: translate(-100%, 0px); -ms-transition: -ms-transform 300ms; -webkit-transition: -webkit-transform 300ms; -moz-transition: -moz-transform 300ms; -o-transition: -o-transform 300ms; -ms-transform: translate(-100%, 0px); -webkit-transform: translate(-100%, 0px); -moz-transform: translate(-100%, 0px); -o-transform: translate(-100%, 0px); z-index:9999;}

#gnb .gnb_wrap {width:80%; height:100%; overflow-y:scroll;  position:relative; z-index:15; background:#fff;}

/* 국기바: 한 줄 고정 + 넘치면 가로 스크롤 */
#gnb .foreigner{
  float:none;                 /* float 제거 */
  display:flex;
  flex-wrap:nowrap;           /* 줄바꿈 금지 */
  overflow-x:auto;            /* 좁으면 좌우 스크롤 */
  -webkit-overflow-scrolling:touch;
  align-items:center;
  justify-content:flex-start;

  height:40px;
  padding:10px 10px;
  box-sizing:border-box;

  border-top:1px solid #d6d2d3;
  border-right:1px solid #d6d2d3;

  white-space:nowrap;         /* 혹시 모를 줄바꿈 방지 */
}

#gnb .foreigner a{
  flex:0 0 auto;              /* 각 국기 고정폭 */
  display:block;
}

#gnb .foreigner img{
  display:block;
  margin-right:10px;
  height:16px;                /* 현재 line-height 16에 맞춤 */
  width:auto;
}

/*
#gnb .foreigner a:last-child img{ margin-right:0; }
#gnb .foreigner{float:right ; background:none; height:40px; vertical-align:middle,box-sizing:border-box; padding:10px 0; text-align:center; border-top:1px solid #d6d2d3; border-right:1px solid #d6d2d3;line-height:16px; }
#gnb .foreigner img {margin-right:10px}
*/

#gnb .title {width:100%; height:55px; overflow:hidden; text-align:center; box-shadow: 0 0 5px #aaa; padding-right:15px; box-sizing:border-box;}
#gnb .title img {height:55px;}
#gnb .title .gnb_btn {float:left; height:55px; overflow:hidden;}
#gnb .title  h2 {display:inline-block; height:55px;}
#gnb .title .close {float:right; height:55px; overflow:hidden;}

#gnb .login_area {width:100%; overflow:hidden; border-bottom:3px solid #dddddd}
#gnb .login_area a {float:left; width:50%;}
#gnb .login_area a img {width:100%;}
#gnb .gnbarea {width:100%;display:inline-block; float:left;}
#gnb .gnbarea ul li {width:100%; font-size:12px;}
#gnb .gnbarea ul li .depth01 {display:inline-block; width:100%; height:50px; padding-left:18px; line-height:50px; background:url('/images/common/header/icon_gnb_off_20170629.png') no-repeat 95% center; box-sizing:border-box; color:#666666; border-bottom:1px solid #ebebeb; font-weight:600; font-size:16px; background-size:5%;}
#gnb .gnbarea ul li .depth01.on {background:#fff url('/images/common/header/icon_gnb_on_20170629.png') no-repeat 95% center; color:#9c1c6c; border-bottom:3px solid #9c1c6c; background-size:5%;}
#gnb .gnbarea ul li .depth02_menu li {float:left; width:50%; height:40px; background:#feedf4; border-bottom:1px solid #fef1f6; overflow:hidden; box-sizing:border-box;}
#gnb .gnbarea ul li .depth02_menu li a {display:inline-block; width:100%; height:40px; line-height:40px; padding-left:18px; box-sizing:border-box; color:#333;}
#gnb .gnbarea ul li .depth02_menu li:nth-child(odd) {border-right:1px solid #fef1f6;}
#gnb_black_bg  {background:#000; opacity: 0.8; position: fixed; width: 100%; height: 100%; left: 0px; right: 0px; top: 0px; text-indent:-9999px; cursor:default; z-index:0; filter: alpha(opacity=80); z-index:998;}
#contents {width:100%; overflow:hidden;}

/* 메인배너 */
.mainbnr {width:100%; position:relative; margin-top:55px;}
.mainbnr ul li img {width:100%;}
.mainbnr ul li .list4_btn{position:absolute;right:10%;bottom:5%;width:30%}
.mainbnr .mainbnr_pagination {position:absolute; bottom:2%; left:0; width:100%; text-align:center; z-index:99;}
.mainbnr .mainbnr_pagination .swiper-pagination-bullet {display:inline-block; width:10px; height:10px; text-indent:-9999em; margin:0 0 0 5px; font-size:0; line-height:0; opacity:1; background:#d6d6d6; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.4);}
.mainbnr .mainbnr_pagination .swiper-pagination-bullet-active { background:#a00b67 }

/*  빠른상담 영역  */
.quick_advice {width:100%; overflow:hidden;}
.quick_advice ul li {float:left; width:20%;}
.quick_advice ul li img {width:100%;}

/* 지점별 바로가기 */
.branch_infor {width:100%; overflow:hidden;}
.branch_infor ul li {float:left; width:25%; height:40px; font-size:15px; text-align:center; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; box-sizing:border-box; font-weight:600; color:#1f1f1f;}
.branch_infor ul li:nth-child(4), .branch_infor ul li:nth-child(8), .branch_infor ul li:nth-child(12), .branch_infor ul li:nth-child(16) {border-right:0;} 
.branch_infor ul li a {display:block; width:100%; height:40px; line-height:40px; }

/* 공지사항 */
.notice_area {width:100%; height:30px; overflow:hidden;}
.notice_area .title {float:left; width:20%; height:30px; font-size:12px; background:#dddddd; color:#5f1442; text-align:center; line-height:30px; font-weight:600;}
.notice_area .notice_conts {float:left; width:76%; height:30px; background:#eeeeee; line-height:30px; padding:0 2%; overflow:hidden;}
.notice_area .notice_conts .notice_title {display:block; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; white-space: nowrap;}

/* 전체상담문의 실시간현황 */
.total_advice_area {width:100%; overflow:hidden; border-top:3px solid #a00b67; box-sizing:border-box; margin-bottom:10%;}
.total_advice_area .total_advice_title {height:40px; line-height:16px; padding:4px 3%; box-sizing:border-box; overflow:hidden;}
.total_advice_area .total_advice_title .title_area {float:left; background:url('/images/main/icon_total_advice_title.png') no-repeat right 1px;  background-size:auto 30px; padding-right:4%;}
.total_advice_area .total_advice_title .title_area .title {display:block; font-size:14px; font-weight:600; color:#5f1442; letter-spacing:-1.5px;  padding-right:23px; }
.total_advice_area .total_advice_title .title_area .detaile {color:#333333; letter-spacing:-1.5px;}
.total_advice_area .total_advice_title .counsel_select {float:right; height:26px; line-height:26px; margin:4px 0; background:#a00b67 url('/images/main/icon_total_advice_btn.png') no-repeat 95% center;  padding:0 2% 0 3%; color:#fff; font-size:12px;}
.total_advice_rolling {width:100%; height:150px; overflow:hidden;}
.total_advice_area ul li {width:100%; padding:0 3%; box-sizing:border-box; overflow:hidden; height:30px; font-size:12px; line-height:30px; color:#fff;}
.total_advice_area ul li:nth-child(odd) {background:#ba85a6;}
.total_advice_area ul li:nth-child(even) {background:#a16589;}
.total_advice_area ul li .number {float:left; width:15%;}
.total_advice_area ul li .board_title {float:left; width:32%;}
.total_advice_area ul li .board_title .icon_new {display:inline-block; height:14px; padding-left:4px;}
.total_advice_area ul li .board_title .icon_new img {height:14px;}
.total_advice_area ul li .branch {float:left; width:18%; text-align:right;}
.total_advice_area ul li .date {float:left; width:25%; text-align:right;}
.total_advice_area ul li .condition {float:left; width:10%; text-align:right; font-weight:600;}
.total_advice_area ul li .condition.ing {color:#ffee5c}
.total_advice_area ul li .condition.end {color:#d1d1d1}

/*서브페이지 배너*/
.subpage_bnr {width:94%; padding:0 3% 2%; overflow:hidden;}
.subpage_bnr ul li {float:left; width:49.5%; overflow:hidden; margin-bottom:1%;}
.subpage_bnr ul li:nth-child(odd) {margin-right:1%;}
.subpage_bnr ul li img {width:100%;}

/* 주요메뉴 및 이벤트 바로가기 */
.major_event_area {width:94%; overflow:hidden; padding:2% 3%; background:#ffffff; margin-bottom:5%;}
.major_menu_area a {display:block; margin-bottom:5px;}
.major_menu_area a img {width:100%;}

.event_area {width:100%; overflow:hidden; position:relative; margin-bottom:5px;}
.event_area img {width:100%;}
.event_area .rosaceaClinic_bnr .btn_area {position:absolute; top:65%; left:5.5%;}
.event_area .rosaceaClinic_bnr .btn_area a {display:inline-block; width:30%; }
.event_area .rosaceaClinic_bnr .btn_area a img {width:100%;}
.event_area .event_pagination {position:absolute; bottom:5%; left:0; width:100%; text-align:center; z-index:99;}
.event_area .event_pagination .swiper-pagination-bullet {display:inline-block; width:10px; height:10px; text-indent:-9999em; margin:0 0 0 5px; font-size:0; line-height:0; opacity:1; background:#d6d6d6; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.4);}
.event_area .event_pagination .swiper-pagination-bullet-active { background:#a00b67 }

.sns_event_area {width:100%; overflow:hidden; position:relative;}
.sns_event_area img {width:100%;}
.sns_event_area .sns_pagination {position:absolute; bottom:5%; left:0; width:100%; text-align:center; z-index:99;}
.sns_event_area .sns_pagination .swiper-pagination-bullet {display:inline-block; width:10px; height:10px; text-indent:-9999em; margin:0 0 0 5px; font-size:0; line-height:0; opacity:1; background:#d6d6d6; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.4);}
.sns_event_area .sns_pagination .swiper-pagination-bullet-active { background:#a00b67 }

/* 게시판메뉴 배너영역 */
.board_bnr_area {width:94%; padding:0 3% 10%; overflow:hidden;}
.board_bnr_area ul li {float:left; width:33%; height:90px; overflow:hidden; text-align:center; box-sizing:border-box;}
.board_bnr_area ul li:nth-child(2) {width:34%; border-left:1px solid #dddddd; border-right:1px solid #dddddd;}
.board_bnr_area ul li .title {display:block; font-size:16px; font-weight:600; color:#333333; padding-bottom:15px; margin-bottom:15px;}
.board_bnr_area ul li.type01 {background:url('/images/main/icon_board_type01.png') no-repeat center 15%; background-size:35px auto;}
.board_bnr_area ul li.type02 {background:url('/images/main/icon_board_type02.png') no-repeat center 19%; background-size:40px auto;}
.board_bnr_area ul li.type03 {background:url('/images/main/icon_board_type03.png') no-repeat center 15%; background-size:35px auto;}
.board_bnr_area ul li a {display:block; width:100%; height:90px; padding-top:70px; box-sizing:border-box;}

/* 고객상담센터 */
.customer_advice_area {width:94%; overflow:hidden; padding:10% 3%; background:#eeeeee; text-align:center;}
.customer_advice_area .call_advice {width:100%; overflow:hidden; margin-bottom:15px;}
.customer_advice_area .call_advice .title {display:inline-block; font-size:24px; font-weight:600; color:#333; background:url('/images/main/icon_call_advice.png') no-repeat left center; background-size:28px auto; padding-left:32px; letter-spacing:-1px;}
.customer_advice_area .call_advice .tell_number {display:block; font-size:42px; font-weight:600; color:#9c1c6c; margin-bottom:15px;}
.customer_advice_area .call_advice .time_area {display:inline-block;}
.customer_advice_area .call_advice .time_area > div {width:100%; height:30px; overflow:hidden; margin-bottom:3px;}
.customer_advice_area .call_advice .time_area .icon01 {float:left; display:inline-block; width:85px; height:30px; font-size:15px; background:#555555; border-radius:25px; text-align:center; line-height:30px; color:#fff; font-weight:600; margin-right:10px;}
.customer_advice_area .call_advice .time_area .icon02 {float:left; display:inline-block; width:85px; height:30px; font-size:15px; background:#5f1442; border-radius:25px; text-align:center; line-height:30px; color:#fff; font-weight:600; margin-right:10px;}
.customer_advice_area .call_advice .time_area .time {float:left; line-height:30px; font-size:16px; font-weight:600; letter-spacing:-1px;}
.customer_advice_area .automatic_response {width:100%; height:45px; line-height:45px; text-align:center; background:#fff; border-radius:10px; font-size:16px; font-weight:600;}
.customer_advice_area .automatic_response .title {color:#333333;}
.customer_advice_area .automatic_response .callnumber {color:#9c1c6c;}

.family_go {width:100%; height:55px; overflow:hidden;}
.family_go ul li {float:left; width:33.33%; height:55px; box-sizing:border-box; padding:10px 0; text-align:center; border-top:1px solid #d6d2d3; border-right:1px solid #d6d2d3; font-size:14px; font-weight:600; line-height:16px;}
.family_go ul li img {height:35px;}

/* SNS 배너 */
.sns_area {width:100%; overflow:hidden;}
.sns_area ul li {float:left; width:14.28%; overflow:hidden;}
.sns_area ul li img {width:100%;}

/* 유틸메뉴 */
.utile_menu {width:100%; height:40px; overflow:hidden;}
.utile_menu ul li {float:left; width:20%; line-height:40px; font-size:12px; font-weight:300; box-sizing:border-box;text-align:center;}
.utile_menu ul li.center {}
.utile_menu ul li.exception {}
.utile_menu ul li.right {text-align:right;}


/* 하단 지점 정보 */
.branch_infor_bottom {width:94%; overflow:hidden; padding:3%; background:#777777; text-align:center; }
.branch_infor_bottom img {width:100%;}

#footer {width:94%; overflow:hidden; background:#555555; padding:3% 3% 15% 3%; color:#cccccc; letter-spacing:-0.5px; text-align:center;}
#footer .hospital_infor {display:block; margin-bottom:3px;}
#footer .hospital_infor .point_color {color:#e639ff;}
#footer .copyright img {width:100%; }



/* 하단고정 */
.footer_fixed {width:100%; overflow:hidden; position:fixed; bottom:0; left:0; z-index:99;}
.footer_fixed .bnr_area {width:100%; overflow:hidden;}
.footer_fixed a {float:left; width:50%;}
.footer_fixed a img {width:100%;}

#HTTP_MSN_mbcall_layer {bottom:11%!important;}


/* 하단고정 */
.footer_fixed_re {width:100%; overflow:hidden; position:fixed; bottom:0; left:0; z-index:99;}
/*.footer_fixed_re a {float:left; width:33.33%;} */
.footer_fixed_re a {float:left; width:25%;}
.footer_fixed_re a img {width:100%;}

/* 하단고정 2026*/
.footer_fixed_new {width:100%; overflow:hidden; position:fixed; bottom:0; left:0; z-index:99;}
/*.footer_fixed_re a {float:left; width:33.33%;} */
.footer_fixed_new a {float:left; width:20%;}
.footer_fixed_new a img {width:100%;}



/* 이벤트 레이어팝업 */
#main_event_pop {width:350px; height:387px; position:fixed; z-index:9999999999; top:50%; left:50%; margin:-280px 0 0 -200px}
#main_event_pop .title {width:371px; height:60px; background:#AD2A83; overflow:hidden;}
#main_event_pop .title .tit_txt {float:left; width:520px; height:60px; line-height:60px; color:#fff; font-size:18px; letter-spacing:-0.75px; font-weight:600; padding-left:30px;}
#main_event_pop .title .close {float:left; width:40px; height:40px; padding:10px 5px; cursor:pointer;}

#main_event_pop .main_event {width:350px; height:572px; overflow:hidden; }
#main_event_pop .main_event ul {width:350px; height:492px; overflow:hidden; margin:0 30px;}
#main_event_pop .main_event ul li p {margin:0; display:inline-block;}


#main_event_pop .main_event_pager {width:350px; height:40px; margin:20px 15px 20px 30px;}
#main_event_pop .main_event_pager a {float:left; width:23%; height:40px; line-height:38px; text-align:center; border:2px solid #979797; box-sizing:border-box; margin-right:2%; font-size:13px; font-weight:600;}
#main_event_pop .main_event_pager a.active {border:2px solid #AD2A83;}

#main_event_pop .bx-controls-direction {position:absolute; top:50%; left:10px; width:360px; height:25px; overflow:hidden;margin-top:-12.5px}
#main_event_pop .bx-controls-direction .bx-prev {position:static;top:auto;margin-top:0px;width:15px; height:25px; float:left; background:url('/images/main/btn_event_pop_left.png') no-repeat; text-indent: -9999px;margin-left:20px}
#main_event_pop .bx-controls-direction .bx-next {float:right; background:url('/images/main/btn_event_pop_right.png')no-repeat; width:30px; height:25px;text-indent:100%;white-space:nowrap;overflow:hidden;}

#main_event_pop .today_check {width:350px; height:0px; margin:0; text-align:right; color:#ffffff;line-height:40px; font-size:13px;}
#main_event_pop .today_check input {margin:0; vertical-align:middle;}
#main_event_pop .today_check span {background:#787878; color:#fff; width:50px; height:23px; display:inline-block; text-align:center; border:0; font-size:12px; line-height:23px; cursor:pointer;}

#popup_bg {position:fixed; top:0; left:0; background:url('/images/main/bg_black.png') left top repeat; width:100%; height:100%; z-index:9999999;}


/*
#main_event_pop .bx-controls-direction .bx-next {position:static;top:auto;margin-top:0px; margin-right:-40px; width:60px; height:25px; float:right; background:url('/images/main/btn_event_pop_right.png') no-repeat; text-indent: -999px;z-index:9999999999;}

*/