@charset "utf-8";


#main_visual {position:relative; overflow:hidden;}
#main_visual .txt {position:absolute; top:0; left:0; width:100%; opacity:0; transition:all 0.5s 0s;}
#main_visual .txt01 {-webkit-transform: translate3d(50px, 0px, 0);  transform: translate3d(50px, 0px, 0);}
#main_visual .txt02 {-webkit-transform: translate3d(-50px, 0px, 0);  transform: translate3d(-50px, 0px, 0);}
#main_visual .txt03 {-webkit-transform: translate3d(0, 50px, 0);  transform: translate3d(0, 50px, 0);}
#main_visual .active .txt01 {transition:all 0.7s 0.6s;}
#main_visual .active .txt02 {transition:all 0.7s 1s;}
#main_visual .active .txt03 {transition:all 0.7s 1s;}
#main_visual .swiper-slide {position:relative; padding-bottom:65.277%; background:no-repeat center; background-size:cover;}
#main_visual .swiper-slide a {position:absolute; top:0; left:0; right:0; bottom:0;}
#main_visual .swiper-slide.slide01 {background-image:url('/images/main/main_visual01_bg.jpg');}
#main_visual .swiper-slide.slide02 {background-image:url('/images/main/main_visual02_bg.jpg');}
#main_visual .swiper-slide.slide03 {background-image:url('/images/main/main_visual03_bg.jpg');}
#main_visual .swiper-slide.slide04 {background-image:url('/images/main/main_visual04_bg.jpg');}
#main_visual .swiper-slide.slide05 {background-image:url('/images/main/main_visual05_bg.jpg');}
#main_visual .swiper-slide.active .txt {opacity:1; -webkit-transform: translate3d(0, 0px, 0);  transform: translate3d(0, 0px, 0);}
#main_visual .swiper-button-prev,
#main_visual .swiper-button-next {width:40px; height:76px; margin:0; margin-top:-38px; opacity:.5; background:no-repeat center; transition:opacity 0.3s;}
#main_visual .swiper-button-prev {left:160px; background-image:url('../images/main/visual_prev.png');}
#main_visual .swiper-button-next {right:160px; background-image:url('../images/main/visual_next.png');}
#main_visual .swiper-button-prev:hover,
#main_visual .swiper-button-next:hover {opacity:1;}
#main_visual .page_wrap {position:absolute; bottom:17px; left:0; right:0; text-align:center;}
#main_visual .swiper-pagination {display:inline-block; position:relative; bottom:0; width:auto; z-index:100; font-size:0;}
#main_visual .swiper-pagination:after {position:absolute; top:50%; left:3px; right:3px; height:1px; margin-top:0px; background:rgba(255,255,255,0.3); content:'';}
#main_visual .swiper-pagination .progress {position:absolute; top:50%; left:5px; width:1px; height:1px; margin-top:0px; background:rgba(255,255,255,1); transition:all 0.7s;}
#main_visual .swiper-pagination-bullet {position:relative; z-index:2; width:14px; height:14px; background:none; opacity:1;}
#main_visual .swiper-pagination-bullet:before {position:absolute; top:0; left:0; right:0; bottom:0; border-radius:50%; transform:scale(0.5); background:#ff0d72; opacity:0; transition:all 0.3s; content:'';}
#main_visual .swiper-pagination-bullet:after {position:absolute; top:3px; left:3px; right:3px; bottom:3px; border-radius:50%; background:#fff; content:'';}
#main_visual .swiper-pagination-bullet+.swiper-pagination-bullet {margin-left:34px;}
#main_visual .swiper-pagination-bullet-active {}
#main_visual .swiper-pagination-bullet-active:before {opacity:1; transform:scale(1);}


#hotdeal h2 {margin:30px 0 15px; font-size:20px; color:#222222; text-align:center; line-height:1;}
.hotdeal_swiper {position:relative; padding:0 0 4.16% 4.16%; background:no-repeat right top; background-size:360px auto;}
.hotdeal_swiper+.hotdeal_swiper {margin-top:15px;}
.hotdeal_swiper .hotdeal_top {height:140px; padding-top:35px; color:#222222; line-height:1.2;}
.hotdeal_swiper .hotdeal_top h3 {font-size:20px; font-weight:bold;}
.hotdeal_swiper .hotdeal_top p {margin-top:5px; font-size:13px;}
#hotdeal_swiper01 {background-image:url('../images/main/hotdeal_bg01.jpg'); background-color:#ffdf88;}
#hotdeal_swiper02 {background-image:url('../images/main/hotdeal_bg02-2.jpg'); background-color:#dbea8b;}
#hotdeal_swiper03 {background-image:url('../images/main/hotdeal_bg03.jpg'); background-color:#a6d7ef;}
#hotdeal_swiper04 {background-image:url('../images/main/hotdeal_bg04-2.jpg'); background-color:#e2cad9;}
#hotdeal_swiper05 {background-image:url('../images/main/hotdeal_bg05.jpg'); background-color:#a3b9fa;}
#hotdeal_swiper06 {background-image:url('../images/main/hotdeal_bg06-2.jpg'); background-color:#6ae1cb;}
.hotdeal_swiper .swiper-container {margin-right:-20%;}
.hotdeal_swiper .swiper-slide {position:relative; height:auto; background:#fff;}
.hotdeal_swiper .rtxt {position:absolute; top:30px; right:15px; font-size:10px;}

#event {margin-right:-55%; padding:35px 0 35px 4.16%; background:#f7f7f7;}
#event .swiper-slide {width:280px;}
#event img {width:100%;}

#m_doctor {overflow:hidden; position:relative; padding:23px 0 35px; background:#e2e2e2;}
#m_doctor:before {position:absolute; top:-27px; right:7.77%; width:55px; height:55px; background:url('../images/main/doctor_obj01.png'); background-size:contain; content:'';}
#m_doctor h2 {text-align:center;}
#m_doctor h2 img {width:153px;}
#m_doctor_swiper {margin-right:-55%; padding:14px 0 0 4.16%;}
#m_doctor_swiper .swiper-slide {position:relative; width:280px; height:300px; padding:25px 10px 0 20px; background:#fff;}
#m_doctor_swiper .img_wrap {position:absolute; right:0; bottom:0; width:100%; height:100%; background:url('../images/main/doctor_bg.jpg') no-repeat center bottom; background-size:100% auto;}
#m_doctor_swiper .img_wrap img {position:absolute; left:auto; top:auto; right:-24%; bottom:-18%; width:90%; height:auto;}
#m_doctor_swiper .txt_box {position:relative; z-index:2;}
#m_doctor_swiper .t01 {font-size:17px; line-height:1.25; letter-spacing:-0.09em;}
#m_doctor_swiper .t01 em {font-weight:bold;}
#m_doctor_swiper .t02 {margin-top:20px; color:#676767; line-height:20px;}
#m_doctor_swiper .t03 {margin-top:11px;}
#m_doctor_swiper .t03 span {font-size:13px; color:#ff0d72; letter-spacing:0em; vertical-align:baseline;}
#m_doctor_swiper .t03 em {display:inline-block; margin-left:5px; font-size:15px; color:#222222; font-weight:bold; vertical-align:baseline;}
#m_doctor_swiper .t04 {margin-top:1px; font-size:13px; color:#222;}
#m_doctor_swiper .mbtn_view {display:inline-block; margin-top:13px; padding:0 12px; border:1px solid #989898; font-size:13px; color:#989898; line-height:29px;}


#ranking {padding:35px 15px; background:url('../images/main/ranking_bg.jpg') no-repeat center top #213a5b; background-size:100% auto;}
#ranking .keyword .fbox {position:relative; height:40px; padding-left:50px; padding-right:20px; border-radius:20px; background:#fff;}
#ranking .keyword input[type="image"] {position:absolute; top:12px; left:30px; width:18px;}
#ranking .keyword input[type="text"] {width:100%; height:40px; border:0; font-size:15px; color:#939393; text-align:center;}
#ranking .keyword .hashtag {margin-top:10px; text-align:center;}
#ranking .keyword .hashtag a,
#ranking .keyword .hashtag span {display:inline-block; padding:0 5px; font-size:13px; color:#d8d8d8; line-height:21px;}
#ranking .ranking_list {position:relative; padding-top:20px;}
#ranking .ranking_list .title {display:inline-block; padding-right:26px; font-size:17px; color:#ffffff; letter-spacing:-0.075em; font-weight:700; line-height:22px; background:url('../images/main/icon_graph.png') no-repeat right 0; background-size:20px auto;}
#ranking .ranking_list .list {margin-top:17px;}
#ranking .ranking_list li {position:relative; margin-bottom:5px; border:1px solid rgba(255,255,255,0.2); border-radius:3px;}
#ranking .ranking_list li a {display:block; position:relative; font-weight:bold;}
#ranking .ranking_list li a:after {position:absolute; top:50%; right:20px; width:6.5px; height:12px; margin-top:-6px; background:url('../images/main/icon_lanking_arr.png') no-repeat; background-size:contain; content:'';}
#ranking .ranking_list .num {position:absolute; top:1px; left:0; width:35px; font-family: 'roboto',sans-serif; font-size:13px; color:#a6aab0; font-weight:500; line-height:40px; text-align:center; transition:all .4s; -webkit-transition:all .4s;}
#ranking .ranking_list li span {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:35px; font-size:14px; color:#d3d3d3; line-height:40px; transition:all .4s; -webkit-transition:all .4s;}
#ranking .bar {position:absolute; top:175px; left:0; right:0; border-radius:3px; height:42px; background:#ff0d72; transition:all 0.4s;}
#ranking.active .ranking_list li {opacity:1; transform:translateY(0px);}
#ranking .ranking_list li.on .num {color:#fff; background:rgba(255,255,255,0);}
#ranking .ranking_list li.on span {color:#fff;}
#ranking.active .list li {opacity:1; transform:translateY(0px);}

#ranking .ranking_list li:nth-child(5n)~li {display:none;}
#ranking .ranking_list.open li:nth-child(5n)~li {display:block;}

.btn_lanking_more {position:relative; width:100%; margin-top:15px; border:1px solid #ffffff; border-radius:3px; font-size:15px; color:#fff; line-height:40px; text-align:center;}
.btn_lanking_more:after {position:absolute; top:50%; right:20px; width:6.5px; height:12px; margin-top:-6px; transform:rotate(90deg); background:url('../images/main/icon_lanking_arr.png') no-repeat; background-size:contain; content:'';}
.btn_lanking_more .txt02 {display:none;}
#ranking .ranking_list.open .btn_lanking_more:after {transform:rotate(270deg);}
#ranking .ranking_list.open .btn_lanking_more .txt01 {display:none;}
#ranking .ranking_list.open .btn_lanking_more .txt02 {display:inline;}



#selfigram .top01 {position:relative; padding:15px 0 12px; text-align:center; background:url('../images/main/selfigram_tit_bg.jpg') no-repeat center; background-size:cover;}
#selfigram .top01 .title {width:98px;}
#selfigram .top01 .icon01 {position:absolute; top:14px; left:4.16%; width:20px;}
#selfigram .top01 .icon02 {position:absolute; top:14px; right:4.16%; width:19px;}
#selfigram .top02 {position:relative; z-index:2; height:35px; padding:5px 4.16%; background:rgba(255,255,255,0.4);}
#selfigram .top02 img {width:138px;}
#selfigram .inwrap .title {position:absolute; top:-58px; left:4.16%; margin-top:55.55%; font-size:27px; color:#fff; font-weight:bold; line-height:1.1;}
#selfigram .inwrap {position:relative; margin-top:-35px; padding:61.111% 4.15% 35px; background:url('../images/main/selfigram_bg2.jpg') no-repeat top center #ff5780; background-size:100% auto;}
#selfigram ul {overflow:hidden; margin:-1px;}
#selfigram li {float:left; width:33.33%; padding:1px;}
#selfigram ul img {width:100%;} 


#doctor_tips {background:url('../images/main/doctor_tips_bg.jpg') no-repeat 0 0 #eaeaf0; background-size:360px auto;}
#doctor_tips .inwrap {position:relative; padding:90px 0 35px 4.16%;}
#doctor_tips .btn_doctortips_home {position:absolute; top:35px; right:4.16%; padding:0 15px; font-size:13px; color:#fff; line-height:35px; text-align:center; background:#858586;}
#doctor_tips .swiper-slide {width:120px;}
#doctor_tips .img_wrap {position:relative; padding-bottom:113%;}
#doctor_tips .img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;}
#doctor_tips .txt_box {padding:10px; background:#fff;}
#doctor_tips .t01 {font-size:12px; color:#676767; letter-spacing:-0.05em;}
#doctor_tips .t02 {min-height:43px; margin-top:6px; font-size:12px; color:#222222; letter-spacing:-0.075em;}
#doctor_tips .price {margin-top:4px;}
#doctor_tips .price * {display:inline-block; vertical-align:baseline; letter-spacing:-0.05em;}
#doctor_tips .count {font-size:14px; color:#222222; font-weight:bold;}
#doctor_tips .won {display:inline-block; font-size:16px;}

#doctor_tips .swiper-pagination {position:relative; width:100%; height:5px; margin-top:15px;}
#doctor_tips .swiper-pagination-progressbar {width:100%; background:#d8d7e0; position: relative;}
#doctor_tips .swiper-pagination-progressbar-fill {background:#ff0d72;}


#doctor_pop {display:none; position:fixed; top:50%; left:15px; right:15px; z-index:111111001; transform:translateY(-50%); padding:20px 0px 10px; background:#fff;}
#doctor_pop h2 {margin-bottom:20px; font-size:18px; color:#ff0d72; font-weight:bold; text-align:center;}
#doctor_pop .doctor_pop_scroll {overflow:hidden; height:500px; position:relative; -webkit-overflow-scrolling: touch;}
#doctor_pop .doctor_pop_scroll > div {-webkit-overflow-scrolling: touch;}
#doctor_pop .doctor_pop_cont {overflow:hidden;}
#doctor_pop .img_wrap {padding-bottom:104.545%; background:#f2f2f2;}
#doctor_pop .img_wrap img {height:auto; min-height:100%;}
#doctor_pop .img_box {width:50%; margin:0 auto 20px;}
#doctor_pop .img_box a {display:block; line-height:30px; font-size:15px; color:#fff; font-weight:bold; text-align:center; background:#ff0d72;}
#doctor_pop .img_box a * {vertical-align:middle;}
#doctor_pop .img_box a:before {display:inline-block; width:16px; height:20px; margin-right:6px; vertical-align:middle; background:url('/images/intro/icon_loc.png') no-repeat center; background-size:contain; content:'';}
#doctor_pop .tcont {position:relative; width:300px; padding:0 20px;}
#doctor_pop .branch_nm {font-size:13px; color:#999999;}
#doctor_pop .doctor_nm {margin-top:5px; font-size:20px; color:#222222; font-weight:bold;}
#doctor_pop .stit {width:60px; margin-top:6px;  border-radius:12px; font-size:12px; color:#fff; line-height:24px; text-align:center; background:#222222;}
#doctor_pop .profile {margin-top:6px; padding-right:10px; font-size:14px; line-height:1.7; color:#222222;}
#doctor_pop .btn_pop_close {position:absolute; top:20px; right:20px; width:20px;}
#doctor_pop .btn_pop_close img {width:100%;}
#doctor_pop .iScrollVerticalScrollbar {top:0 !important; right:0 !important; bottom:0 !important; width:6px !important; border:0; border-radius:0px; background:#ececec;}
#doctor_pop .iScrollIndicator {border:0 !important; border-radius:0px !important; background:#c0c0c0 !important;}


.doctor_pop_dimmed_bg {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:111111000; background:rgba(0,0,0,0.5);}