@charset "utf-8";

/****************************************/
/* Name: DESIGN WAVE
/* PART: LAYOUT STYLE
/* Version: 1.0
/* Author: Kim Bo Reum
/****************************************/
/*=============================================================
						공통사용
=============================================================*/
/*#smart_wrapper {overflow: hidden;}*/
@media screen and (max-width: 980px) {
	#hd_pop  { z-index:99999 }
	.hd_pops { width: 90%; top:20px !important; left:50% !important; transform: translate(-50%,0) !important;}
	.hd_pops_con { width:100% !important; height:auto !important }
	.hd_pops_con img { width:100% !important }
}

*:focus {outline: none !important;}

h2 {font-size:41px;}
h3 {font-size:35px;}
h4 {font-size:29px;}
h5 {font-size:25px;}
h6 {font-size:21px;}

.playball {font-family: 'Playball', cursive; color: #0054a6}
.NSsc {font-family: 'Noto Sans SC', sans-serif;}
.point_blue {color: #0054a6 !important}
.point_lightBlue {color: #78cced !important}



/*체크박스*/
.single input[type=checkbox] {display:none;}
.single input[type=checkbox] + label{position:relative; display:inline-block; cursor:pointer; padding-left:23px; font-size:18px; color:#fff;}
.single input[type=checkbox] + label:before {position:absolute; left:0; top:2px; display:inline-block; width:15px; height:15px; overflow: hidden; background:url("/_img/utility/checked.png") no-repeat center; background-color: #efefef; margin-right:10px;  background-size:8px; border:1px solid #ededed; content: "";}
.single input[type=checkbox]:checked + label:before {content: "";  /* 체크모양 */ font-size:18px; font-weight:800; color:#fff; background-color: #00a9b0 !important; border:1px solid #00a9b0; background-size:12px; text-align:center; line-height:18px;}


/*라디오박스*/
.single input[type=radio] {display:none;}
.single input[type=radio] + label{position:relative; display:inline-block; cursor:pointer; padding-left:25px; font-size:15px; color:#fff;}
.single input[type=radio] + label:before {position:absolute; left:0; top:2px; display:inline-block; width:15px; height:15px; overflow: hidden; background:url("/_img/utility/checked.png") no-repeat center; background-color: #efefef; margin-right:10px;  background-size:8px; border:1px solid #ededed; content: "";}
.single input[type=radio]:checked + label:before {content: "";  /* 체크모양 */ font-size:18px; font-weight:800; color:#fff; background-color: #00a9b0 !important; border:1px solid #00a9b0; background-size:12px; text-align:center; line-height:18px;}


@media screen and (max-width:1200px) {
    h2 {font-size:37px;}
    h3 {font-size:32px;}
    h4 {font-size:27px;}
}

@media screen and (max-width:980px) {
    h2 {font-size:35px;}
    h3 {font-size:29px;}
    h4 {font-size:25px;}
    h5 {font-size:21px;}
    h6 {font-size:18px;}
}

@media screen and (max-width:768px) {
    h2 {font-size:31px;}
    h3 {font-size:25px;}
    h4 {font-size:21px; line-height: 1.35;}
    h5 {font-size:19px;}
    h6 {font-size:17px;}
}

/*=============================================================
                            헤더
=============================================================*/
#smart_header {position: sticky; top: -111px; left: 0; z-index: 999;}
#smart_header .head_contents {position: relative; width: 1100px; margin: 0 auto; box-sizing: border-box;}

#utility_wrap {width: 100%; border-bottom: 1px solid #eee; }
#utility_wrap .head_contents {display: flex; flex-wrap: wrap; justify-content: space-between}
#utility_wrap ul.utility_list {}
#utility_wrap ul.utility_list li {font-size: 13px; margin: 0 20px; float: left; font-family: 'Noto Sans '}
#utility_wrap ul.utility_list li a {color: #333; display: block; padding: 10px 0}
#utility_wrap ul.utility_list li a.blog {background: url("/_img/resource/sns_ico.jpg") no-repeat center left; background-size: 21px; padding-left: 25px;}
#utility_wrap ul.utility_list.sns li:first-of-type {margin-left: 0;}
#utility_wrap ul.utility_list.modi li:last-of-type {margin-right: 0;}

#logo_wrap {width: 100%; border-bottom: 1px solid #eee;}
#logo_wrap .logo {padding: 25px 0; text-align: center; display: block; text-indent: -99999px;}
#logo_wrap .logo a {display: block; width: 270px; height: 60px; background-image: url("/_img/common/logo.png"); background-repeat:  no-repeat; background-position: center; background-size: 100%; margin: 0 auto;}
/*#logo_wrap .logo img {width:270px;}*/
#logo_wrap .main_cs_call {position: absolute; top: 50%; transform: translate(0,-50%); right: 0;}
#logo_wrap .main_cs_call ul {}
#logo_wrap .main_cs_call ul li {display: flex;  justify-content: flex-end; }
#logo_wrap .main_cs_call ul li span {font-size: 14px; border-radius: 50px; color: #fff; font-weight:500; padding: 5px 16px; margin-right: 10px; position: relative; }
#logo_wrap .main_cs_call ul li span em {width: 30px; height: 30px; display: block; border-radius: 100%; text-align: center; line-height: 30px; background: #ff3535; position: absolute; top: 0; left: 0;}
#logo_wrap .main_cs_call ul li span em i {font-size: 11px; font-style: normal;}
#logo_wrap .main_cs_call ul li h4 strong {}
#logo_wrap .main_cs_call ul li.call1 span {background: #4964bd;}
#logo_wrap .main_cs_call ul li.call1 h4 {color: #4964bd;}
#logo_wrap .main_cs_call ul li.call2 {margin-top: 5px; font-size: 17px; font-weight: 700;}
#logo_wrap .main_cs_call ul li.call2 span {background: #363c5a; /*padding-left: 35px;*/}
#logo_wrap .main_cs_call ul li.call2 h4 {color: #363c5a;}
#logo_wrap .main_cs_call p {font-size: 12px; display: block; line-height: 1.34; position: absolute; top: 1px; right: -170px; background: #f4f5f9; box-sizing: border-box; padding: 10px 15px; text-align: center; border-radius: 7px; font-weight: 600;}
#logo_wrap .main_cs_call p::after {position: absolute; left: -20px; bottom: 5px; width: 20px; height: 21px; background: url(/_img/resource/talk_tail.png) center no-repeat; content: '';}


#logo_wrap .main_cs_call a {display: none; float: left; margin: 0 5px; font-size: 11px;}
#logo_wrap .main_cs_call a span {display: block; width: 35px; height: 35px; margin-top: -18px; border-radius: 100%; background: #073190; text-align: center; overflow: hidden; line-height: 35px;}
#logo_wrap .main_cs_call a span img {display: inline-block; width: 48%;}
#logo_wrap .main_cs_call a.call1 span {background: #4964bd;}
#logo_wrap .main_cs_call a.call2 span {background: #363c5a;}
#logo_wrap .main_cs_call a.call2 span img {width: 62%}

#logo_wrap .family_haspital {position: absolute; top: 35px; left: 0;}

#gnb_wrap {position: sticky; position: -webkit-sticky; top:0; width: 100%; border-bottom: 1px solid #eee; background: #fff;}
#gnb_wrap::after {width: 100%; height:370px; position:absolute; top: 60px; left: 0;  background: #ecf1f7; content: ''; transition: .3s; display: none; z-index: 99}
#smart_header.on #gnb_wrap::after {display: block;}
#gnb_wrap .head_contents {padding-left: 60px !important; padding-right: 190px;}
#gnb_wrap .all_menu {position: absolute; top: 0; left: 0; width: 60px; height:60px; cursor: pointer; background: #363c5a}
#gnb_wrap .all_menu .btn-category {position:relative; width:20px; height:18px; cursor:pointer; margin: 20px auto}
#gnb_wrap .all_menu .btn-category .bar {position: absolute; left:0; width:100%; height:2px; border:0; background:#fff; transition:opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0.3s, 0.3s, 0s}
#gnb_wrap .all_menu .btn-category .bar:nth-child(1) {top:0; transform:rotate(0)}
#gnb_wrap .all_menu .btn-category .bar:nth-child(2) {top:8px; opacity:1}
#gnb_wrap .all_menu .btn-category .bar:nth-child(3) {top:16px; transform:rotate(0)} 
#gnb_wrap .all_menu .btn-category.map {}
#gnb_wrap .all_menu .btn-category.map .bar {background:#000; transition:background 1s, opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0s, 0s, 0s, 0.3s; }
#gnb_wrap .all_menu .btn-category.map .bar:nth-child(1) {top:11px; background:#fff; transform:rotate(-45deg)}
#gnb_wrap .all_menu .btn-category.map .bar:nth-child(2) {opacity:0}
#gnb_wrap .all_menu .btn-category.map .bar:nth-child(3) {top:11px; background:#fff; transform:rotate(45deg)}
#gnb_wrap #quick_counsel {position: absolute; top: 0; right: 0; height: 60px; width: 190px; background: #f4f5f9; border: 1px solid #eee; border-width: 0 1px;}
#gnb_wrap #quick_counsel a {color: #1a1a1a; text-align: center; line-height: 60px; font-size: 18px; display: block;}


ul#gnb {width: 100%; display: flex;}
ul#gnb>li {position: relative; font-size: 18px; width: 20%; text-align: center; line-height: 60px; float: left; z-index: 555; font-weight: 500; letter-spacing: -0.5px;}
ul#gnb>li::after {position:absolute; bottom: 0; left: 50%; margin-left: -25%; width: 50%; height: 4px; background: #363c5a; content: ''; display: none;}
ul#gnb>li a {color:#363c5a; text-decoration: none;}
ul#gnb li a:hover{color:#363c5a;}
ul#gnb ul.gnb-dep2 {position: absolute; top: 60px; left:0; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; padding: 25px 0; display: none;}
ul#gnb ul.gnb-dep2 li {font-size: 17px; padding: 7px 0; line-height: 1.5;}
ul#gnb ul.gnb-dep2 li a:hover {color:#363c5a}
ul#gnb ul.gnb-dep2.on {display: block;}

ul#gnb>li.on::after {display: block;}
ul#gnb>li.on>a {color:#363c5a; font-weight: 600}

ul#quick_menu {position: absolute; right: 0; top: 0;}
ul#quick_menu li {float: left; width: 115px; line-height: 73px; font-size: 17px;  box-sizing: border-box; text-align: center; background: #363c5a;}
ul#quick_menu li a {color:#fff;}



@media screen and (max-width:1200px) {
    #smart_header .head_contents {width: 100%; box-sizing: border-box; padding: 0 20px;}
    
    #gnb_wrap .head_contents {padding-right: 150px;}
    #gnb_wrap #quick_counsel {width: 150px;}
    
    #logo_wrap .main_cs_call {right: 20px;}
    #logo_wrap .main_cs_call p {display: none;}
}

@media screen and (max-width:980px) {
    #smart_header {top:0; width: 100%; z-index: 999; background:#fff; box-shadow: 0 -5px 5px rgba(0,0,0,.3)}
    #utility_wrap {display: none;}
    
    #logo_wrap {height: 60px; border-bottom: 0}
    #logo_wrap .family_haspital {display: none;}
    #logo_wrap .logo {padding: 10px;}
    #logo_wrap .logo a {width: 245px; height: 40px; background-image: url("/_img/common/res-logo.png");}
    #logo_wrap .main_cs_call {right: 10px; transform: translate(0, 0); top: 23px;}
    #logo_wrap .main_cs_call ul {display: none;}
    #logo_wrap .main_cs_call a {display: block;}
    
    
    #gnb_wrap {border-bottom: 0}
    #gnb_wrap #quick_counsel {display: none;}
    #gnb_wrap .all_menu {top: -58px; background-color: transparent;}
    #gnb_wrap .all_menu .btn-category {width: 25px;}
    #gnb_wrap .all_menu .btn-category .bar {background: #333;}
    /*#gnb_wrap .all_menu .btn-category .bar {background: #111}*/
    ul#gnb {display: none;}
    
    
    
    
}

@media screen and (max-width:768px) {
}


/*전체메뉴*/
#gnbM {position:fixed; top:0; left:-1000%; width:100%; height:100%; background:url("/_img/common/all_menu_bg.jpg") no-repeat center; background-size:cover; z-index:9999; overflow-y:auto; -webkit-transition:all 0.7s;-moz-transition:all 0.7s;-o-transition:all 0.7s;-ms-transition:all 0.7s;transition:all 0.7s; box-sizing:border-box; overflow:hidden; display:table;}
#gnbM p {position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 13px; padding: 20px 0; color: #fff; opacity: .5}
#gnbM .vertical_wrapper {width: 100%; height: 100%; display: table;}
#gnbM .vertical_wrapper #gnbNavigation {width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
#gnbM .vertical_wrapper #gnbNavigation .inner_section-col {border-bottom: 1px solid rgba(255,255,255,0.3);}
#gnbM .vertical_wrapper #gnbNavigation .inner_section-col:last-of-type {border-bottom: 0;}
#gnbM .vertical_wrapper #gnbNavigation .inner_section-col > ul {overflow:hidden; box-sizing: border-box; width: 1420px; margin: 0 auto;}
#gnbM .vertical_wrapper #gnbNavigation .inner_section-col > ul > li {position:relative; float:left; width:33.3%; min-height: 230px;  box-sizing:border-box; font-size:27px; margin:30px 0; padding-left: 240px; padding-top: 30px; border-left: 1px solid rgba(255,255,255,0.3);}
#gnbM .vertical_wrapper #gnbNavigation .inner_section-col > ul > li:nth-of-type(3n) {border-right:1px solid rgba(255,255,255,0.3);}
#gnbM .vertical_wrapper #gnbNavigation .inner_section-col > ul > li > a {position: absolute; top: 30px; left: 40px;  display:block; color:#fff; text-decoration:none; line-height:1; font-weight:600; box-sizing: border-box;}
#gnbM .vertical_wrapper #gnbNavigation .inner_section-col > ul > li > a span {margin-bottom: 10px; display: block;}
#gnbM .vertical_wrapper #gnbNavigation .inner_section-col > ul > li .gnb-2dep {overflow:hidden;}
#gnbM .vertical_wrapper #gnbNavigation .inner_section-col > ul > li .gnb-2dep li {font-size:18px; margin-bottom:20px;}
#gnbM .vertical_wrapper #gnbNavigation .inner_section-col > ul > li .gnb-2dep li a {color:#fff; transition: .3s; text-decoration: none; position: relative;}
#gnbM .vertical_wrapper #gnbNavigation .inner_section-col > ul > li .gnb-2dep li a::after {width: 0; height: 1px; background: #78cced; position: absolute; left: 0; bottom: 0; transition: .3s; content: '';}
#gnbM .vertical_wrapper #gnbNavigation .inner_section-col > ul > li .gnb-2dep li a:hover {color:#78cced}
#gnbM .vertical_wrapper #gnbNavigation .inner_section-col > ul > li .gnb-2dep li a:hover::after {width: 100%;}
#gnbM .utility_list {width: 100%; flex-wrap: wrap; justify-content: center; margin: 20px 0; display: none;}
#gnbM .utility_list li {text-align: center; font-size: 14px; padding: 0 15px; position: relative;}
#gnbM .utility_list li::after {position: absolute; top: 2px; left: 0; width: 1px; height: 15px; background: rgba(255,255,255,0.3); content: '';}
#gnbM .utility_list li:first-of-type::after {display: none;}
#gnbM .utility_list li a {color: #fff; }

#gnbM.open{left:0;}
#gnbM.open #gnbNavigation> ul > li {animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);}

.menu_close {position: absolute;right: 0;top: 0;width: 8.5rem;height: 8.5rem;text-align: center; cursor:pointer; z-index: 9}
.menu_close span {display:inline-block;position:relative;margin-top: 28%;width: 5.2rem; height: 5.2rem;color:#333;}
.menu_close span::before,
.menu_close span::after {content: '';display: block;position: absolute;left: 0;width: 100%;border-bottom: 0.1rem solid #fff;}
.menu_close span::before {top:50%;transform: rotate(-45deg);}
.menu_close span::after {bottom:50%;transform: rotate(45deg);}


@media screen and (max-width:980px) {
    #gnbM {padding: 40px 25px;}
    #gnbM .vertical_wrapper #gnbNavigation { display: block;}
    #gnbM .vertical_wrapper #gnbNavigation .inner_section-col {border-bottom: none;}
    #gnbM .vertical_wrapper #gnbNavigation .inner_section-col > ul {width: 100%;}
    #gnbM .vertical_wrapper #gnbNavigation .inner_section-col > ul > li {width: 100%;; min-height: auto; padding: 20px 0; font-size: 19px; margin: 0; border-bottom: 1px solid rgba(255,255,255,0.2); border-left: 0;}
    #gnbM .vertical_wrapper #gnbNavigation .inner_section-col > ul > li:nth-of-type(3n) {border-right: 0}
    #gnbM .vertical_wrapper #gnbNavigation .inner_section-col > ul > li > a {position: relative; top: auto; left: auto;}
    #gnbM .vertical_wrapper #gnbNavigation .inner_section-col > ul > li > a span {margin-bottom: 0}
    #gnbM .vertical_wrapper #gnbNavigation .inner_section-col > ul > li .gnb-2dep {display: none; padding-left: 20px; box-sizing: border-box;}
    #gnbM .vertical_wrapper #gnbNavigation .inner_section-col > ul > li .gnb-2dep li {position: relative; margin-bottom: 0; margin-top: 10px; font-size: 16px;}
    #gnbM .vertical_wrapper #gnbNavigation .inner_section-col > ul > li .gnb-2dep li::before {content: '-'; color: #fff; padding-right: 5px;}
    
    #gnbM .utility_list {display: flex;}
    .menu_close span {width: 3.2rem; height: 3.2rem;}
    
}


/*=============================================================
                            푸터
=============================================================*/
#smart_footer {width: 100%; border-top: 1px solid #eee;}
#fnb {width: 100%; border-bottom: 1px solid #eee;}
#fnb ul {display: flex; flex-wrap: wrap; justify-content: center;}
#fnb ul li {font-size: 17px; text-align: center; padding: 20px 40px; position: relative;}
#fnb ul li::after {position: absolute; top: 50%; margin-top: -7px; left: 0; width: 1px; height: 15px; background: #eee; content: '';}
#fnb ul li:first-of-type::after {display: none;}
#fnb ul li a {color: #636363;}

#foot_info {padding: 40px 0}
#foot_info h1 {text-align: center; margin-bottom: 20px;}
#foot_info h1 img {width: 200px; padding: 0 10px;}
#foot_info h1 img.fa {width: 250px;}
#foot_info p {text-align: center; font-size: 16px; color: #9a9a9a; margin: 5px 0; font-family: 'Noto Sans Kr'}
#foot_info p span {padding: 0 10px;}
#foot_info p#copyright {font-size: 13px; color: #bbb}

@media screen and (max-width:980px) {
    #fnb ul li {font-size: 16px; padding: 20px;}
    
}

@media screen and (max-width:768px) {
    #fnb ul li {font-size: 14px; padding: 15px 10px;}
    #foot_info {padding: 30px 15px; box-sizing: border-box;}
    #foot_info h1 img {width: 140px;}
    #foot_info h1 img.fa {width: 180px;}
    #foot_info p {font-size: 14px;}
    #foot_info p span {padding: 0 5px;}
    
}

/*하단고정상담창*/
#bottom_fixed-quick_counsel {position: fixed; bottom: -100px; left: 0; width: 100%; background: rgba(0,0,0,0.8); z-index: 99; padding: 25px 0; transition: .5s;}
#bottom_fixed-quick_counsel .inner {position: relative; width: 1200px; margin: 0 auto; display:flex; justify-content: space-between}
#bottom_fixed-quick_counsel ul {margin-top: 8px;}
#bottom_fixed-quick_counsel ul li {float: left; margin-right: 30px;}
#bottom_fixed-quick_counsel ul li:last-of-type {margin-right: 0;}
#bottom_fixed-quick_counsel ul li span {font-size: 17px; color: #fff; font-weight: 500; padding-right: 15px;}
#bottom_fixed-quick_counsel ul li select,#bottom_fixed-quick_counsel ul li input[type='text'] {width: 170px; height: 40px; border: 1px solid #fff; box-sizing:border-box; background-color:transparent; padding: 10px; color: #fff; font-size: 17px;}
#bottom_fixed-quick_counsel ul li select .options {color: #212121}
#bottom_fixed-quick_counsel .single {padding-top: 14px;}
#bottom_fixed-quick_counsel .single input[type=checkbox] + label {padding-left: 27px;}
#bottom_fixed-quick_counsel .single input[type=checkbox] + label::before {border-radius: 100%; border: none; background-color: transparent; width: 11px; height: 11px; top: 6px; left: 6px;}
#bottom_fixed-quick_counsel .single input[type=checkbox] + label::after {border-radius: 100%; border: 1px solid #fff; box-sizing: border-box; width: 23px; height: 23px; content: ''; display: block; position: absolute; top: 0; left: 0;}
#bottom_fixed-quick_counsel .single input[type=checkbox]:checked + label:before {background-color: #fff !important;}
#bottom_fixed-quick_counsel .single label {color: #fff; font-size: 14px; font-family: 'Noto Sans Kr'; font-weight: 300;}
#bottom_fixed-quick_counsel .single label a {color: #fff; padding-left: 5px;}
#bottom_fixed-quick_counsel button {width: 200px; height: 50px; background: #818FD6; border: 0; font-size: 18px; color: #fff; float: right;}
#bottom_fixed-quick_counsel #btn_qc_toggle {position: absolute; top: -40px; left: 50%; transform: translateX(-50%); width: 92px; height: 40px; content: ""; background:url("/_img/resource/up_down.png") center center no-repeat; cursor: pointer;} 
#bottom_fixed-quick_counsel #btn_qc_toggle::after {content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 10px; border: 2px solid #fff; border-bottom: 2px solid transparent; border-right: 2px solid transparent; transform: translate(-50% ,25%) rotate(45deg);}

#bottom_fixed-quick_counsel.on {bottom: 0;}
#bottom_fixed-quick_counsel.on #btn_qc_toggle::after {transform: translate(-50% ,-50%) rotate(225deg);}

@media screen and (max-width:1200px) {
    #bottom_fixed-quick_counsel {bottom: -298px}
    #bottom_fixed-quick_counsel .inner {width: 100%; box-sizing: border-box; padding: 0 20px; display: block;}
    #bottom_fixed-quick_counsel ul {display: flex; flex-wrap: wrap; justify-content: space-between}
    #bottom_fixed-quick_counsel ul li {margin-right: 0; width: 100%; position: relative; box-sizing: border-box; padding-left: 80px; margin-top: 10px;}
    #bottom_fixed-quick_counsel ul li#part {width: 100%;}
    #bottom_fixed-quick_counsel ul li#name, #bottom_fixed-quick_counsel ul li#phone {width: 49%;}
    #bottom_fixed-quick_counsel ul li:first-of-type {margin-top: 0}
    #bottom_fixed-quick_counsel ul li span {position: absolute; top: 10px; left: 0; }
    #bottom_fixed-quick_counsel ul li select, #bottom_fixed-quick_counsel ul li input[type='text'] {width: 100%;}
    #bottom_fixed-quick_counsel button {width: 100%; margin-top: 10px;}
}

@media screen and (max-width:980px) {    
    #bottom_fixed-quick_counsel #btn_qc_toggle {width: 80px;  background-size: 100%; top: -38px;}
    #bottom_fixed-quick_counsel ul li {padding-left:70px;}
    #bottom_fixed-quick_counsel ul li#name, #bottom_fixed-quick_counsel ul li#phone  {width: 100%;}
    #bottom_fixed-quick_counsel ul li span {font-size: 15px; top: 13px;}
    #bottom_fixed-quick_counsel ul li select,#bottom_fixed-quick_counsel ul li input[type='text'] {font-size: 15px;}
    #bottom_fixed-quick_counsel button {font-size: 16px;}
    #bottom_fixed-quick_counsel .single input[type=checkbox] + label {padding-left: 24px;}
    #bottom_fixed-quick_counsel .single input[type=checkbox] + label::before { width: 7px; height: 7px; top: 8px; left: 5px;}
    #bottom_fixed-quick_counsel .single input[type=checkbox] + label::after { width: 17px; height: 17px; top: 3px;}
    
    #bottom_fixed-quick_counsel #btn_qc_toggle::after {width: 8px; height: 8px; border-width: 1px;}
}



/*우측플로팅메뉴*/
#right_float-quick_remote {position: fixed; right: 30px; bottom: 30px; width:100px; height: 580px; border-radius: 50px; z-index: 100; background: #434B70; overflow: hidden; transition: 0.3s;}
#right_float-quick_remote .call_num {width: 100%; height: 160px; box-sizing: border-box; padding:20px 0; font-size: 25px; text-align: center; background: #363c5a; color: #fff; line-height: 1.1;}
#right_float-quick_remote .call_num span {background: url("/_img/resource/quick_ico05.png") no-repeat center top; padding-top: 40px; display: block; background-size: 30px;}
#right_float-quick_remote .call_num strong {display: block;}
#right_float-quick_remote .remoteBox {width: 100%; height: 90px; box-sizing:border-box; border-bottom: 1px solid rgba(255,255,255,0.1); padding: 15px 0; text-align: center;}
#right_float-quick_remote .remoteBox:hover {background: #818FD6}
#right_float-quick_remote .remoteBox a {font-size: 15px; color: #fff; }
#right_float-quick_remote .remoteBox a::before {background-position: center; background-size: 25px; background-repeat: no-repeat; content: ''; display: block; width: 30px; height: 30px; margin: 0 auto 10px auto;}
#right_float-quick_remote .remoteBox.counsel a::before {background-image: url("/_img/resource/quick_ico01.png");}
#right_float-quick_remote .remoteBox.reserve a::before {background-image: url("/_img/resource/24-hours.png"); background-size: 28px;}
#right_float-quick_remote .remoteBox.schedule a::before {background-image: url("/_img/resource/quick_ico03.png");}
#right_float-quick_remote .remoteBox.location a::before {background-image: url("/_img/resource/quick_ico04.png");}
#right_float-quick_remote .remoteBox.blog a::before {background-image: url("/_img/resource/quick_ico06.png");}
#right_float-quick_remote .remote_close {text-align: center; padding: 13px 0; cursor: pointer;}
#right_float-quick_remote .remote_close .float_open {display: none;}

#right_float-quick_remote.toggle {height: 100px;}
#right_float-quick_remote.toggle .call_num, #right_float-quick_remote.toggle .remoteBox {display: none;}
#right_float-quick_remote.toggle .remote_close .float_open {display: inline-block; padding: 30px 0}
#right_float-quick_remote.toggle .remote_close .float_close {display: none;}


@media screen and (max-width:1200px) {
    #right_float-quick_remote {width: 70px; right: 20px; bottom: 20px; height: 520px;}
    #right_float-quick_remote .call_num {font-size: 18px; height: auto; padding: 15px 0;}
    #right_float-quick_remote .call_num span {background-size: 20px; padding-top: 30px;}
    #right_float-quick_remote .remoteBox {height: auto; padding: 10px 0;}
    #right_float-quick_remote .remoteBox a {font-size: 12px;}
    #right_float-quick_remote .remoteBox a::before {background-size: 20px; margin: 0 auto;}
    #right_float-quick_remote .remoteBox.reserve a::before {background-size: 23px;}
    #right_float-quick_remote .remote_close img {width: 15px;}
    
    
    #right_float-quick_remote.toggle {height: 70px;}
    #right_float-quick_remote.toggle .remote_close .float_open {padding: 15px 0}
}

@media screen and (max-width:980px) {
    #right_float-quick_remote {right: 10px; bottom: 10px; width: 50px; height: 360px; box-shadow: 0 0 5px rgba(0,0,0,0.3)}
    #right_float-quick_remote .call_num {font-size: 15px;}
    #right_float-quick_remote .remoteBox a span {display: none;}
    #right_float-quick_remote.toggle {height: 50px;}
    #right_float-quick_remote.toggle .remote_close .float_open {padding: 5px 0}
}