@charset "utf-8";



#wrap {overflow:hidden; width:100%; min-width:320px; margin:auto;}

#top_ban {position:fixed; top:0; left:0; width:100%; z-index:1000000; height:40px; background:#f65f4a;}
#top_ban .swiper-container {}
#top_ban .swiper-slide {background:#f65f4a;}
#top_ban .swiper-container p {font-size:15px; color:#ffffff; line-height:40px; text-align:center;}
#top_ban .swiper-container i {display:block; position:absolute; top:0; width:22px; height:40px; background:no-repeat center; background-size:auto 100%; -webkit-animation: pulse 1s ease-in-out Infinite alternate; animation: pulse 1s ease-in-out Infinite alternate;}
#top_ban .swiper-container .icon01 {left:15px; background-image:url('../images/common/top_ban_icon01.png');}
#top_ban .swiper-container .icon02 {right:15px; background-image:url('../images/common/top_ban_icon02.png');}


#header {position:fixed; top:40px; left:0; z-index:100001; min-width:320px; width:100%; height:80px; background:#fff;}
#header img {max-width:100%;}
#header .header_top {position:relative; z-index:3; height:41px; border-bottom:1px solid #e2e2e2; background:#fff;}
#header .btn_menu {position:absolute; top:50%; left:4.16%; height:40px; margin-top:-20px;}
#header .btn_menu img {width:23px; height:40px;}
#header .logo {text-align:center;}
#header .logo img {width:auto; height:40px;}
#header .btn_search {overflow:hidden; position:absolute; top:10px; right:4.16%; width:20px; height:20px; text-indent:-999px; background:url('../images/common/btn_search.png') no-repeat center; background-size:18px auto;}
#header .btn_search.on {background-image:url('../images/common/icon_total_search_close.png'); background-size:20px auto;}

.total_search {position:absolute; top:-20px; left:0; z-index:2; width:100%; padding:10px 15px; background:#fff; transition:top 0.4s;}
.total_search .fbox {position:relative; border-radius:20px; height:40px; padding-left:48px; padding-right:48px; background:#ececec;}
.total_search input[type="text"] {border:0; width:100%; height:40px; font-size:15px; text-align:center; background:transparent;}
.total_search input[type="image"] {position:absolute; left:30px; top:11px; width:18px;}
.total_search.open {top:41px;}

.header_bottom ul {display: -ms-flexbox; display: flex; text-align:center; background:linear-gradient(115deg, #ea3742 0%, #ef6131 100%);}
.header_bottom li {flex-grow: 1; flex-shrink: 1;}
.header_bottom a {display:inline-block; position:relative; padding:0 10px; font-size:14px; color:#ffc7c9; line-height:40px; letter-spacing:0;}
.header_bottom li.on a {color:#fff;}
.header_bottom li.on a:after {position:absolute; left:0; right:0; bottom:0; height:3px; background:#fff; content:'';}


#main {margin-top:121px;}

#gnb {position:fixed; top:40px; left:-120%; z-index:101; width:80%; min-width:240px; height:100%; background:#fff; transition:left 0.4s;}
#gnb.open {left:0;}
.gnb_top {}
.gnb_top .top {position:relative; padding:0 20px; height:85px; background:linear-gradient(to right, #fa4554, #fb6a3b);}
.gnb_logo {padding-top:15px; text-align:left;}
.gnb_logo img {width:57px; }
.gnb_util {position:absolute; top:22px; right:20px;}
.gnb_util > li {position:relative; display:inline-block; float:left; margin-left:15px;}
.gnb_util a {display:block;}
.gnb_util img {width:20px;}
.t_lang {display:none; position:absolute; top:28px; left:-15px; z-index:102; width:95px; margin-left:0; border-radius:5px; background:#333333;}
.t_lang:before {position:absolute; top:-5px; left:25px; width:30px; height:20px; margin-left:-15px; background:url('../images/icon/icon_up_arr.png') no-repeat center; background-size:30px auto; content:'';}
.t_lang li+li {border-top:1px solid #484848;}
.t_lang a {position:relative; z-index:103; display:block; padding:8px 0 8px 40px; font-family: 'Roboto', sans-serif; font-size:12px; color:#999999;}
.t_lang a:after {position:absolute; top:6px; left:10px; width:20px; height:20px; background:url('../images/icon/icon_flag.png') no-repeat; background-size:20px auto; content:'';}
.t_lang li.s01 a:after {background-position:0 0;}
.t_lang li.s02 a:after {background-position:0 -30px;}
.t_lang li.s03 a:after {background-position:0 -60px;}
.t_lang li.s04 a:after {background-position:0 -90px;}
.t_lang.open {display:block;}

.gnb_login_box {position:relative; z-index:3; height:115px; margin:-25px 20px -113px; border-radius:5px; background:#fff;}
.user_thumb {display:inline-block; width:100%; padding:20px 10px; }
.user_thumb .img_wrap {overflow:hidden; position:relative; float:left; width:40px; height:40px; padding:0; border-radius:50%; border:1px solid #ddd;}
.user_thumb .img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;}
.user_thumb .sbox {height:40px; margin-top:0; margin-left:45px; padding-top:12px; font-size:11px; color:#888888;}
.user_thumb .sbox .name {color:#222222; font-weight:bold; border-bottom:1px solid #222;}
.gnb_login_link {overflow:hidden; text-align:center; border-top:1px solid #ddd;}
.gnb_login_link li {position:relative; float:left; width:33.333%;}
.gnb_login_link li+li:before {position:absolute; top:50%; left:0; width:1px; height:11px; margin-top:-6px; background:#ddd; content:'';}
.gnb_login_link li a {display:block; font-size:12px; color:#666666; line-height:35px;}
.gnb_quick {overflow:hidden; margin-left:-1px; padding:137px 15px 24px; text-align:center; background:#e9e9e9;}
.gnb_quick li {float:left; width:25%;}
.gnb_quick a {display:block; font-size:13px; color:#222;}
.gnb_quick a img {display:block; width:19px; margin:0 auto 10px;}

.gnb_scroll {overflow:auto; position:absolute; top:266px; left:0; right:0; bottom:0; width:100%; background:#fff;}

.gnb_list {position:relative; padding-bottom:10px;}
.gnb_list > li {}
.gnb_list > li > a {position:relative; display:block; padding-left:15px; font-size:15px; color:#3d3d3d; line-height:40px; border-bottom:1px solid #ddd; }
.gnb_list > li > a:after {position:absolute; top:50%; right:8%; width:13px; height:8px; margin-top:-4px; background:url('../images/common/icon_gnb_arr.png') no-repeat center; background-size:13px auto; content:''; transition:all .4s;}  
.gnb_list > li.on > a:after {transform:rotate(-180deg);}
.gnb_list > li.no_child > a:after {transform:rotate(-90deg);}
.gnb_list .depth2 {display:none; padding:5px 0; background:#f0f0f0; border-top:1px solid #000000;}
.gnb_list .title {display:none;}
.gnb_list .sub a {position:relative;}
.gnb_list .sub a:after {display:none; position:absolute; right:15px; top:50%; width:16px; height:16px; margin-top:-8px;  content:'';}
.gnb_list .sub li.has_child > a:after {display:block;}
.gnb_list .depth2 > li > a {display:block; padding-left:20px; font-size:15px; color:#3d3d3d; line-height:39px;}
.gnb_list .depth3 {border-top:1px solid #cbcbcb;}
.gnb_list .depth3 > li > a {display:block; border-bottom:1px solid #cbcbcb; padding-left:20px; font-size:15px; color:#888888; line-height:39px;}
.gnb_list .depth3 > li > a:after {display:none !important;}
.gnb_list .depth3 {display:none;}
.gnb_list .depth4 {display:none;}
.gnb_list > li.on .depth2 {display:block;}
.gnb_list .depth2 > li.on > a {color:#f47339; font-weight:bold;}
.gnb_list .depth2 > li.on > a:after {background:transform:rotate(180deg);}
.gnb_list .depth2 > li.on > ul {display:block;}

#gnb_banner {position:relative; border-bottom:1px solid #ddd; padding-bottom:10px;}
#gnb_banner .swiper-slide {position:relative; padding:0 10px 10px;}
#gnb_banner .swiper-slide a {display:block; overflow:hidden;}
#gnb_banner .img_wrap {float:left; position:relative; width:72px; height:72px; padding:0;}
#gnb_banner .img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;}
#gnb_banner .sbox {margin-left:84px;}
#gnb_banner .branch_name {font-size:12px; color:#0c0c0c; line-height:1.375;}
#gnb_banner .t01 {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:#0c0c0c; line-height:1.375;}
#gnb_banner .price_cont {margin-top:10px;}
#gnb_banner .price_cont * {display:inline-block; vertical-align:baseline;}
#gnb_banner .dc {font-family: 'Roboto', sans-serif; font-size:17px; color:#ff0d72; font-weight:bold;}
#gnb_banner .dc_price {margin-left:8px; font-family: 'Roboto', sans-serif; font-size:13px; color:#222222; font-weight:bold;}
#gnb_banner .price {margin-left:8px; font-family: 'Roboto', sans-serif; font-size:10px; color:#676767; font-weight:bold;}
#gnb_banner .won {font-size:10px; }
#gnb_banner .swiper-pagination {position:relative; bottom:auto; left:auto;}
#gnb_banner .swiper-pagination-bullet-active {background:#ff0d72;}

.dimmed_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; background:rgba(0,0,0,0.6); transition:all 0.4s;}
.dimmed_bg.on {display:block;}



.bottom_cont {padding:35px 15px; background:#f9f9f9;}
.bottom_cont h2 {font-size:20px; font-weight:bold;}
.bottom_cont .press {border:1px solid #cbcbcb; padding:23px;}
.bottom_cont .press li {margin-top:14px;}
.bottom_cont .press li {font-size:14px; color:#565656; font-weight:300;}
.bottom_cont .press li a {display:block; position:relative; margin-right:20px; padding-right:30px;}
.bottom_cont .press span {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bottom_cont .press .new {position:absolute; top:0; right:0; width:18px;}

.bottom_cont {padding:35px 15px; background:#f9f9f9;}
.bottom_cont .doctor_ban {color:#fff; text-align:center;}
.bottom_cont .doctor_ban a {display:block; padding:35px 20px; background:url('../images/common/doctor_bg.jpg') no-repeat center; background-size:cover;}
.bottom_cont .doctor_ban div {display:inline-block; padding-left:90px; text-align:left; background:url('../images/common/icon_doctor.png') no-repeat 0 center; background-size:72px auto;}
.bottom_cont .doctor_ban h2 {font-size:20px; font-weight:bold;}
.bottom_cont .doctor_ban p {margin-top:5px; font-size:14px; line-height:20px;}








#q_counsel {position:fixed; bottom:-280px; left:0; margin-bottom:0; z-index:10000000; width:100%; min-width:320px; height:275px; padding:25px 15px 20px; text-align:center; background:#f4f3f3; transition:all .4s;}
#q_counsel * {vertical-align:middle;}
#q_counsel h2 {display:inline-block; margin-bottom:18px; padding-left:35px; font-size:23px; background:url('../images/common/icon_qcounsel.png') no-repeat 0 center; background-size:26px auto;}
#q_counsel.open {bottom:74px; margin-bottom:0;}
#q_counsel .btn_counsel_close {position:absolute; top:20px; right:15px; width:18px; height:18px;}
#q_counsel .btn_counsel_close img {width:100%;}
#q_counsel .qrow {position:relative; padding-left:65px;}
#q_counsel .qrow+.qrow {margin-top:5px;}
#q_counsel .qrow label {position:absolute; top:0; left:0; width:65px; font-size:14px; color:#1b1b1b; line-height:30px; text-align:left;}
#q_counsel input[type="text"] {width:100%; height:30px; padding:0 10px; font-size:14px; color:#444444; border:0; background:#fff; border-radius: 0px;}
#q_counsel .tel_box {overflow:hidden;}
#q_counsel .tel_box select {float:left; width:33.333%; height:30px; font-size:14px; color:#444; border:0; background:#fff; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding:0 20px 0 10px;}
#q_counsel .tel_box input[type="text"] {float:left; width:32%; margin-left:1.33%;}
#q_counsel textarea {width:100%; height:80px; padding:5px 10px 0;  font-size:14px; color:#444; line-height:1.42; border:0; background:#fff;}
#q_counsel .agree {margin:10px 0 10px; text-align:center;}
#q_counsel .agree label,
#q_counsel .agree label a {color:#888888;}
#q_counsel .agree * {vertical-align:middle;}
#q_counsel .btn_submit {overflow:hidden; width:100%; height:50px; text-indent:-999px; background:url('../images/common/btn_submit.jpg') no-repeat center #ee300c; background-size:auto 50px;}

.qdimmed_bg {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000000; background:rgba(0,0,0,0.8);}



.btn_top {position:fixed; right:15px; bottom:89px; z-index:1000; transition:opacity 0.4s;}
.btn_top img {width:42px;}
.btn_top.bhide {opacity:0;}


#bottom_board {padding:35px 4.16% 0;}
#bottom_board dl {position:relative; height:265px; border:1px solid #cccccc;}
#bottom_board dt {float:left; width:50%; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc;}
#bottom_board dt:first-child {border-left:0;}
#bottom_board dt a {display:block; font-size:18px; color:#222222; line-height:44px; font-weight:bold; text-align:center;}
#bottom_board dt.on {border-bottom:0;}
#bottom_board dd {display:none; position:absolute; top:45px; left:0; right:0; bottom:0; padding:20px;}
#bottom_board dt.on+dd {display:block;}
#bottom_board .list01 li {position:relative; padding:0 85px 0 82px;}
#bottom_board .list01 li+li {margin-top:8px;}
#bottom_board .list01 .name {position:absolute; top:0; left:0; width:72px; font-size:14px; color:#fff; line-height:24px; text-align:center; background:#ff0d72;}
#bottom_board .list01 a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word; font-size:14px; color:#676767; line-height:24px;}
#bottom_board .list01 .date {position:absolute; top:0px; right:0; font-size:14px; color:#989898; letter-spacing:0em; line-height:24px;}
#bottom_board .btn_more {position:absolute; bottom:20px; right:20px; left:20px; border:1px solid #ff0d72; border-radius:3px; font-size:15px; color:#ff0d72; font-weight:bold; line-height:39px; text-align:center;}
#bottom_board .btn_more * {vertical-align:middle;}
#bottom_board .btn_more span {display:inline-block;}
#bottom_board .btn_more:after {display:inline-block; width:13px; height:13px; margin-left:10px; vertical-align:middle; background:url('../images/common/icon_plus.png') no-repeat center; background-size:contain; content:'';}
#bottom_board .news {background:#fff;}
#bottom_board .news .img_wrap {position:relative; width:340px; height:220px;}
#bottom_board .news .img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;}
#bottom_board .news .box {position:relative; padding:37px 30px 35px;}
#bottom_board .news .box .btn_more {position:absolute; top:42px; right:30px;}
#bottom_board .list02 {margin-top:-12px;}
#bottom_board .list02 li {padding:16px 0; font-size:14px;}
#bottom_board .list02 li+li {border-top:1px solid #d9d9d9;}
#bottom_board .list02 .stit {color:#ff0d72;}
#bottom_board .list02 a {display:block; margin-top:2px; color:#676767; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word; letter-spacing:-0.075em;}



#bottom_counsel {position:relative; padding:15px 4.16% 35px; text-align:center;}
#bottom_counsel * {vertical-align:middle;}
#bottom_counsel:after {position:absolute; left:0; right:0; bottom:0; height:176px; background:url('../images/common/bottom_counsel_bg.jpg') no-repeat center; background-size:cover; content:'';}
#bottom_counsel .qtitle {display:inline-block; margin-bottom:5px; padding-right:30px; font-size:20px; color:#fff; font-weight:bold; background:url('../images/common/icon_smile.png') no-repeat right center; background-size:20px auto;}
#bottom_counsel .fbox {position:relative; z-index:2; padding:22px 20px 25px; background:#2f3e53;}
#bottom_counsel .mrow {overflow:hidden;}
#bottom_counsel .mrow.mrow {margin-top:5px;}
#bottom_counsel input[type="text"] {width:100%; height:35px; padding:0; padding-left:12px; font-size:14px; color:#989898; border:0; background:#fff;}
#bottom_counsel select {float:left; width:49%; height:35px; font-size:14px; color:#989898; border:0; background:#fff; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding:0; padding-left:12px; background: #fff url('../images/common/bottom_counsel_sel_arr.png') 100% 50% no-repeat !important; background-size:27px auto !important;}
#bottom_counsel select+select {margin-left:2%;}
#bottom_counsel .btn_submit {width:100%; margin-top:10px; font-size:17px; color:#fff; text-align:center; line-height:40px; font-weight:bold; background:#ff0d72;}
#bottom_counsel .agree_box {margin-top:10px; text-align:left;}
#bottom_counsel .btn_privacy {display:inline-block; margin-left:8px; font-weight:400;}

.mcheckbox {display:inline-block; position:relative; text-align:left; font-size:12px; color:#fff;}
.mcheckbox input {position:absolute; left:0; top:50%; width:15px; height:15px; margin-top:-10px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0}
.mcheckbox label {padding-left:23px;}
.mcheckbox label:before {position:absolute; top:50%; left:0; width:15px; height:15px; margin-top:-8px; border:1px solid #3c3c41; background:#fff; content:'';}
.mcheckbox input:checked + label:before {background:url('/images/icon/icon_checkbox.png') no-repeat center #fff; background-size:9px auto;}


#footer {padding:25px 0 80px; color:#bebdbe; text-align:center; background:#413f40;}
#footer .blogo {width:67px; margin-bottom:12px;}
#f_menu {max-width:310px; margin:0 auto;}
#f_menu li {display:inline-block; padding:0 6px;} 
#f_menu a {display:block; font-size:14px; line-height:20px;}
#footer #address {padding:12px 15px; font-size:13px; color:#bebdbe; line-height:1.3;}
#footer .copyright {margin-top:5px;}

#bottom_quick {position:fixed; bottom:0; left:0; right:0; z-index:1000;}
#bottom_quick ul {overflow:hidden;}
#bottom_quick li {float:left; width:25%;}
#bottom_quick li a {display:block; height:80px; padding-top:50px; font-size:14px; color:#777777; text-align:center; background:no-repeat center top #ffffff; background-size:90px auto;}
#bottom_quick li.s01 a {background-image:url('../images/common/icon_quick01.png');}
#bottom_quick li.s02 a {background-image:url('../images/common/icon_quick02.png');}
#bottom_quick li.s03 a {background-image:url('../images/common/icon_quick03.png');}
#bottom_quick li.s04 a {background-image:url('../images/common/icon_quick04.png');}

.btn_top {position:absolute; bottom:95px; right:25px; width:40px;}




.f_branch {margin-top:0;}
.f_branch .btn_bsinfo {display:inline-block; position:relative; margin-bottom:20px; padding-right:23px; font-size:13px; color:#bebdbe; text-align:left;}
.f_branch .btn_bsinfo:after {position:absolute; top:50%; right:0; width:12px; height:7px; margin-top:-3px;  background:url('../images/common/icon_up_arr.png') no-repeat; transform:rotate(180deg); background-size:contain; content:''; transition:all 0.4s;}
.f_branch .btn_bsinfo.on:after {transform:rotate(0);}

#bsinfo {position:relative; overflow:hidden;height:0; background:#eeeeef;}
#bsinfo.open { height:auto; }
.bsinfo_table {width:100%;}
.bsinfo_table th {padding-bottom:15px; font-size:13px; color:#1d1d1b; font-weight:500; line-height:1.1; border-bottom:1px solid #111111;}
.bsinfo_table td {font-size:12px; padding-top:3px; color:#6d6d6a; text-align:center;}
.bsinfo_table th,
.bsinfo_table td {padding:5px;}
.bsinfo_table tr+tr td {border-top:1px solid #cecfd0;}