@charset "utf-8";
.ui-datepicker-trigger {display:none;}
.forDesk {display:block;}
.forMo {display:none;}
.wrap {position:relative;}
.inner {position:relative; width:100%; max-width:1280px; margin:0 auto;}
.inner.osPart {padding:0 82px;}
select {display:inline-block; flex:1 0 auto; height:44px; line-height:42px; border:1px solid #ddd; border-radius:4px; -webkit-appearance: none; -moz-appearance:none; appearance: none; background:#FFF url(../img/ar_select.svg) no-repeat right 10px center; background-size:12px; padding:0 32px 0 10px; box-sizing:border-box;}
select:focus {border:1px solid #007A8C;}
input[type="text"] {background:transparent; padding:0 20px; border:0; border-radius:8px; color:#222; font-size:16px; font-weight:500;}
button {border-radius:8px; border:0;}
.dim {position:fixed; left:0; top:142px; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:3000; display:none;}
.popDim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:4000; display:none;}

/* comn svg */
.svgIco svg {width:100%; height:100%; display:block; overflow:visible;}
.svgIco svg * {stroke:currentColor; transition: stroke .2s ease, fill .2s ease;}
.svgIco svg path:not([fill]),
.svgIco svg rect:not([fill]),
.svgIco svg circle:not([fill]),
.svgIco svg ellipse:not([fill]),
.svgIco svg polygon:not([fill]) {fill:none;}
.svgIco svg [fill]:not([fill="none"]) {fill: currentColor;}
.svgIco svg [stroke]{stroke: currentColor;}
.svgIco svg [fill]:not([fill="none"]){fill: currentColor;}
/* 혹시 fill만 있는 요소에 stroke가 묻는걸 확실히 차단 */
.svgIco svg :not([stroke]){stroke: none;}

.gloHeader {position:sticky; left:0; top:0; width:100%; background:#FFF; border-bottom:1px solid #aaa; z-index:3100;}
.gloHeader .topSec {display:flex; justify-content:space-between; align-items:center; flex-flow:row wrap; padding:8px 0;}
.gloHeader .topSec .logo {display:block;}
.gloHeader .topSec .logo a {display:block; width:146px; height:48px; background:url(../img/logo.svg) no-repeat 50% 50%; background-size:100%;}
.gloHeader .topSec .topFunc {display:flex; flex-flow:row wrap; gap:24px; align-items:center;}
.gloHeader .topSec .topFunc ul {display:flex; flex-flow:row wrap; gap:25px; align-items:center;}
.gloHeader .topSec .topFunc ul li {position:relative;}
.gloHeader .topSec .topFunc ul li a {display:flex; align-items:center; gap:6px; position:relative; color:#777; font-size:14px;}
.gloHeader .topSec .topFunc ul li a:before {content:''; width:18px; height:18px;}
.gloHeader .topSec .topFunc ul li a.mychart:before {background:url(../img/tico_mychart.svg) no-repeat 50% 50%; background-size:100%;}
.gloHeader .topSec .topFunc ul li a.login:before {background:url(../img/tico_login.svg) no-repeat 50% 50%; background-size:100%;}
.gloHeader .topSec .topFunc ul li a.logout:before {background:url(../img/tico_logout.svg) no-repeat 50% 50%; background-size:100%;}
.gloHeader .topSec .topFunc ul li .global {display:flex; align-items:center; gap:6px; position:relative;}
.gloHeader .topSec .topFunc ul li .global a {display:block; padding:2px; border-radius:50%;}
.gloHeader .topSec .topFunc ul li .global a.on {background:#007A8C;}
.gloHeader .topSec .topFunc ul li .global a img {width:18px; height:18px;}
.gloHeader .topSec .siteMenu {position:relative;}
.gloHeader .topSec .siteMenu a {display:block; width:24px; height:24px; background:url(../img/ico_menu.svg) no-repeat 50% 50%; background-size:100%;}

.comnNavi {display:flex; justify-content:space-between; align-items:center; flex-flow:row wrap;}
.comnNavi .naviSec {display:flex; gap:60px; align-items:center; flex-flow:row wrap;}
.comnNavi .naviSec .naviMenu {position:relative;}
.comnNavi .naviSec .naviMenu > a {display:block; text-align:center; padding:27px 0; position:relative; color:#222; font-size:20px; font-weight:700;}
.comnNavi .naviSec .naviMenu > a.on {color:#00667C;}
.comnNavi .naviSec .naviMenu > a.on:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#00667C;}
.comnNavi .searchSec {position:relative; width:296px; display:flex; align-items:center; gap:8px; background:#EFEFEF; border-radius:100px; padding:0 24px; flex:0 0 auto;}
.comnNavi .searchSec input[type="text"] {display:block; width:calc(100% - 30px); border:0; height:46px; line-height:46px; background:transparent; color:#222; font-size:16px;}
.comnNavi .searchSec button {width:22px; height:22px; background:url(../img/tico_search.svg) no-repeat 50% 50%; background-size:100%; text-indent:-9999px; flex:0 0 auto;}

.subMenuWrap {position:fixed; left:0; top:143px; width:100%; height:auto; z-index:3100; background:#FFF; display:none;}
.subMenuWrap .inner {display:flex; gap:66px; padding:56px 0; align-items:flex-start;}
.subMenuWrap .inner > div {position:relative;}
.subMenuWrap .inner .subMenu {width:calc(100% - 362px); flex:0 0 auto; display:flex; flex-flow:row wrap; align-items:flex-start; gap:26px;}
.subMenuWrap .inner .subMenu .smSet {display:flex; align-items:flex-start; width:100%;}
.subMenuWrap .inner .subMenu .smSet > a {display:block; width:160px; color:#00667C; font-size:18px; font-weight:700; flex:0 0 auto;}
.subMenuWrap .inner .subMenu .smSet ul {display:flex; width:calc(100% - 160px); flex-flow:row wrap; gap:8px 0;}
.subMenuWrap .inner .subMenu .smSet ul li {display:block; width:25%;}
.subMenuWrap .inner .subMenu .smSet ul li a {display:flex; color:#777; font-size:16px; font-weight:500; position:relative; align-items:center; gap:8px;}
.subMenuWrap .inner .subMenu .smSet ul li a:hover {color:#00667C;}
.subMenuWrap .inner .subMenu .smSet ul li a:hover:after {content:''; width:8px; height:16px; background:url(../img/ar_tail_grn.svg) no-repeat 50% 50%; background-size:6px auto;}
.subMenuWrap .inner .subMenu .smSet.wide > a {width:100%;}
.subMenuWrap .inner .subMenu .smSet.end {margin-bottom:0;}

.subMenuWrap .inner .menuPr {width:calc(100% - 836px); border-radius:16px; padding:40px;}
.subMenuWrap .inner .menuPr .title {color:#FFF; font-size:20px; line-height:1.6;}
.subMenuWrap .inner .menuPr.stats {background:url(../img/img_menu_stats.png) no-repeat 50% 50%; background-size:cover;}
.subMenuWrap .inner .menuPr.stats .prBox {position:relative; margin-top:32px; display:flex; align-items:stretch; flex-flow:row wrap;}
.subMenuWrap .inner .menuPr.stats .prBox:before {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100%; height:1px; background:#E5E5E5; opacity:0.2;}
.subMenuWrap .inner .menuPr.stats .prBox:after {content:''; position:absolute; left:50%; top:0; transform:translate(-50%, 0); width:1px; height:100%; background:#E5E5E5; opacity:0.2;}
.subMenuWrap .inner .menuPr.stats .prBox .per {width:50%; padding:21px 0; text-align:center; color:#FFF; font-size:14px;}
.subMenuWrap .inner .menuPr.stats .prBox .per em {display:block; color:#FFF; font-size:74px; font-weight:200; line-height:1.0; margin-bottom:5px;}

.subMenuWrap .inner .menuService {width:296px; height:256px; flex:0 0 auto;}
.subMenuWrap .inner .menuService .menuLunch {display:flex; justify-content:flex-start; padding:20px 0; border-radius:16px; background:#FFF; border:1px solid #E5E5E5;}
.subMenuWrap .inner .menuService .menuLunch > a {display:block; width:33.33334%; padding:0 20px; color:#777; font-size:14px; text-align:center; line-height:1.4; position:relative;}
.subMenuWrap .inner .menuService .menuLunch > a:after {content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#E5E5E5;}
.subMenuWrap .inner .menuService .menuLunch > a:last-child:after {display:none;}
.subMenuWrap .inner .menuService .bnrDream {display:block; position:relative; background:url(../img/img_menu_dream.png) no-repeat 50% 50%; background-size:100%; border-radius:16px; overflow:hidden; margin:16px 0;}
.subMenuWrap .inner .menuService .bnrDream:after {content:''; display:block; height:auto; overflow:hidden; padding-bottom:100%;}
.subMenuWrap .inner .menuService .bnrDream a {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:flex-end; flex-flow:column wrap; justify-content:flex-end; padding:16px 23px;}
.subMenuWrap .inner .menuService .bnrDream .title {color:#FFF; font-size:16px; margin-bottom:4px; text-align:right;}
.subMenuWrap .inner .menuService .bnrDream .bnrCont {display:flex; justify-content:space-between; align-items:center; width:100%;}
.subMenuWrap .inner .menuService .bnrDream .bnrCont .txt {color:#FFF; font-size:14px; line-height:1.3; text-align:right;}
.subMenuWrap .inner .menuService .bnrDream .bnrCont .percentage {color:#FFF; font-size:49px; font-weight:200;}
.subMenuWrap .inner .menuService .menuCs {position:relative; height:100%; border-radius:16px; background:#007A8C; overflow:hidden;}
.subMenuWrap .inner .menuService .menuCs a {width:100%; height:100%; padding:32px; display:flex; flex-direction:column; justify-content:space-between; background:url(../img/img_header_pr.png) no-repeat right bottom; background-size:170px;}
.subMenuWrap .inner .menuService .menuCs .csNum {display:flex; flex-direction:column; color:#FFF; font-size:38px; font-weight:400;}
.subMenuWrap .inner .menuService .menuCs .csNum span {display:block; font-size:14px; font-weight:700; line-height:1.8;}
.subMenuWrap .inner .menuService .menuCs .opTime {display:flex; flex-direction:column; gap:6px; color:#FFF; font-size:14px;}

.footer {position:relative;}
.footer .mizSns {display:flex; gap:12px;}
.footer .mizSns a {display:block; width:32px; height:32px;}
.footer .mizSns a .svgIco {color:#FFF;}

.mIntroHospital {position:relative; padding:110px 0; transition:.4s all;}
.mIntroHospital:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 36, 44, 0.2);}
.mIntroHospital.bgStr01 {background:url(../img/guide_img01.jpg) no-repeat 50% 50%; background-size:cover;}
.mIntroHospital.bgStr02 {background:url(../img/guide_img02.jpg) no-repeat 50% 50%; background-size:cover;}
.mIntroHospital.bgStr03 {background:url(../img/guide_img03.jpg) no-repeat 50% 50%; background-size:cover;}
.mIntroHospital > .inner {display:flex; justify-content:space-between; align-items:flex-end; z-index:10; padding:0 0 40px;}
.mIntroHospital > .inner.hosFunc {border-top:1px solid rgba(255, 255, 255, 0.1); padding-top:24px; align-items:center; padding:24px 0 0;}
.mIntroHospital > .inner.hosFunc .btns {display:flex; justify-content:flex-end; align-items:center; gap:8px;}
.mIntroHospital > .inner.hosFunc .btns a {display:flex; align-items:center; color:#FFF; font-size:14px; font-weight:500; padding:10px 14px; border:1px solid #FFF; border-radius:100px; position:relative; transition:.4s all;}
.mIntroHospital > .inner.hosFunc .btns a:hover {border:1px solid #FD9879; background:#FD9879;}
.mIntroHospital > .inner.hosFunc .btns a:before {content:''; width:16px; height:16px;}
.mIntroHospital > .inner.hosFunc .btns a.btnResult:before {background:url(../img/mico_result.svg) no-repeat 50% 50%; background-size:100%;}
.mIntroHospital > .inner.hosFunc .btns a.btnMap:before {background:url(../img/mico_map.svg) no-repeat 50% 50%; background-size:100%;}
.mIntroHospital > .inner.hosFunc .btns a.btnTel:before {background:url(../img/mico_tel.svg) no-repeat 50% 50%; background-size:100%;}

.mIntroHospital .txtSec {flex:1 0 auto; color:#FFF;}
.mIntroHospital .txtSec .gTxt {font-size:26px; font-weight:700;}
.mIntroHospital .txtSec .gTitle {font-size:56px; font-weight:700; line-height:1.3; margin:16px 0;}
.mIntroHospital .txtSec .gDesc {font-size:24px; font-weight:500; line-height:1.6;}
.mIntroHospital .txtSec a.btnIntro {display:inline-flex; align-items:center; gap:20px; color:#FFF; font-size:16px; padding:14px 16px; background:#007A8C; border-radius:8px; margin-top:40px;}
.mIntroHospital .txtSec a.btnIntro:after {content:''; display:inline-block; width:8px; height:22px; background:url(../img/ar_tail_w.svg) no-repeat 50% 50%; background-size:100%;}
.mIntroHospital .imgSec {width:61%; position:relative;}
.mIntroHospital .imgSec .linkSet {position:absolute; left:0; top:0; width:100%; height:100%; display:flex;}
.mIntroHospital .imgSec .linkSet a {display:block; width:33.33334%; height:100%;}
.mIntroHospital .imgSec .strSet {display:none; pointer-events:none;}
.mIntroHospital .imgSec .strSet .txt {display:flex; justify-content:center; align-items:center; color:#FFF; font-size:16px; gap:10px; margin-top:32px;}
.mIntroHospital .imgSec .strSet .txt strong {font-size:20px; font-weight:700;}

.copyright {background:#222;}
.copyright .btmMenu {border-bottom:1px solid #444;}
.copyright .btmMenu .inner {display:flex; align-items:center; gap:55px;}
.copyright .btmMenu .inner a {display:block; position:relative; color:#777; font-size:16px; font-weight:600; padding:40px 0;}
.copyright .btmMenu .inner a.active {color:#BEBEBE;}
.copyright .btmMenu .inner a:after {content:''; position:absolute; right:-27px; top:50%; transform:translate(0, -50%); width:1px; height:16px; background:#555;}
.copyright .btmMenu .inner a:last-child:after {display:none;}

.copyright .copyInfoSec {position:relative; padding:32px 0 56px;}
.copyright .copyInfoSec .inner {display:flex; justify-content:space-between;}
.copyright .copyInfoSec .hosSummary {color:#777; font-size:14px; font-weight:600; line-height:1.8;}
.copyright .copyInfoSec .hosSummary span {display:inline-block; padding-right:12px; margin-right:10px; position:relative;}
.copyright .copyInfoSec .hosSummary span:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:12px; background:#555;}
.copyright .copyInfoSec .hosSummary span:nth-child(2):after {display:none;}
.copyright .copyInfoSec .hosSummary span:last-of-type:after {display:none;}
.copyright .copyInfoSec .hosSummary .txtCopyright {display:block; margin-top:20px;}
.copyright .copyInfoSec .hosCertify {display:block;}
.copyright .copyInfoSec .hosCertify .certify {display:flex; gap:16px;}
.copyright .copyInfoSec .hosCertify .mizSns {justify-content:flex-end; width:100%; margin-top:16px;}

.subComnWrap {position:relative; padding:80px 0 130px;}
.subComnWrap.depart {padding:0 0 130px;}
.subComnWrap.center {padding:0 0 130px;}
.subComnWrap.mizmedi {padding:0;}
.subComnWrap.clinic {padding:80px 0 0;}
.subComnWrap.guide {padding:130px 0;}
.comnBox {position:relative; border:1px solid #E5E5E5; border-radius:16px; background:#FFF; padding:40px; box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.10);}
.comnBox .title {color:#222; font-size:20px; font-weight:700;}
.comnBox.active {border:1px solid #007A8C; box-shadow: 0 0 10px 0 rgba(0, 122, 140, 0.25);}
.comnBox.guide {display:flex; gap:80px;}
.comnBox.regiKind {display:flex; align-items:center; gap:24px; flex-flow:column wrap;}
.comnBox.regiKind .title {color:#007A8C; font-size:24px; font-weight:700;}
.comnBox.regiKind .title span {display:block; text-align:center; color:#777; font-size:16px; font-weight:400; margin:8px 0 10px;}
.comnBox.noPad {padding:0;}
.comnBox.marSet {margin-bottom:56px;}

.pTitleSec {position:relative; display:flex; justify-content:space-between; width:100%; max-width:1280px; margin:0 auto;}
.pTitleSec.ty01 {padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #ddd;}
.pTitleSec.bdrNone {border-bottom:0;}
.pTitleSec .titleBox {position:relative;}
.pTitleSec .titleBox h1 {display:flex; align-items:center; color:#222; font-size:38px; font-weight:700; gap:6px;}
.pTitleSec .titleBox h1 span {font-size:26px;}
.pTitleSec .titleBox .desc {color:#777; font-size:18px; line-height:1.4; margin-top:8px;}

.myTitleSec {position:relative; display:flex; justify-content:space-between; align-items:center;}
.myTitleSec .title {color:#222; font-size:20px; font-weight:700;}
.myTitleSec a {display:flex; align-items:center; gap:4px; color:#999; font-size:14px; font-weight:500;}
.myTitleSec a:after {content:''; width:16px; height:16px; background:url(../img/myico_plus.svg) no-repeat 50% 50%; background-size:100%;}
.myTitleSec a:hover {color:#222;}

.pageTitleSec {position:relative; display:flex; justify-content:space-between; align-items:center; flex-flow:row wrap; margin:8px 0 32px;}
.pageTitleSec.bdrBtm {padding-bottom:32px; border-bottom:1px solid #E5E5E5;}
.pageTitleSec .title {color:#222; font-size:20px; font-weight:700; display:flex; align-items:center; gap:18px;}
.pageTitleSec .title > a.txtBtn {color:#007A8C; font-size:16px; font-weight:400; display:flex; align-items:center; gap:4px;}
.pageTitleSec .title > a.txtBtn:after {content:''; display:inline-block; width:8px; height:22px; background:url(../img/ar_tail_grn.svg) no-repeat 50% 50%; background-size:100%;}
.pageTitleSec .desc {color:#777; font-size:16px; margin-top:6px; width:100%;}
.pageTitleSec .descList {display:flex; margin-top:8px; width:100%; flex-direction:column; gap:4px;}
.pageTitleSec .descList li {color:#777; font-size:16px; position:relative; padding-left:14px; line-height:1.3;}
.pageTitleSec .descList li:after {content:''; position:absolute; left:4px; top:7px; width:3px; height:3px; background:#777; border-radius:50%;}
/*
.pageTitleSec a.txtBtn {position:absolute; right:0; top:50%; transform:translate(0, -50%); color:#777; font-size:16px; font-weight:500; display:flex; align-items:center; gap:4px;}
.pageTitleSec a.txtBtn:after {content:''; display:inline-block; width:8px; height:22px; background:url(../img/ar_tail_g.svg) no-repeat 50% 50%; background-size:100%;}
*/
.subDepMenu {position:relative; border-bottom:1px solid #E5E5E5; margin-bottom:56px;}
.subDepMenu .menuSet {display:flex; align-items:stretch; gap:40px;}
.subDepMenu .menuSet a {display:block; position:relative; color:#999; font-size:18px; font-weight:600; padding:0 0 9px 0;}
.subDepMenu .menuSet a:hover {color:#222;}
.subDepMenu .menuSet a.on {color:#222;}
.subDepMenu .menuSet a.on:after {content:''; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#222;}

/** comn Btns Style **/
a.btn {display:inline-block; padding:14px 32px; font-size:16px; font-weight:500; border-radius:8px; text-align:center;}
a.btn.cancel {border:1px solid #E5E5E5; color:#777;}
a.btn.cancel:hover {background:#f0f0f0;}
a.btn.delete {border:1px solid #E5E5E5; color:#777;}
a.btn.delete:hover {background:#f0f0f0;}
a.btn.edit {border:1px solid #E5E5E5; color:#777;}
a.btn.edit:hover {background:#f0f0f0;}
a.btn.list {border:1px solid #007A8C; color:#007A8C;}
a.btn.list:hover {background:#F2F8F9;}
a.btn.confirm {background:#007A8C; border:1px solid #007A8C; color:#FFF;}
a.btn.green {background:#007A8C; border:1px solid #007A8C; color:#FFF;}
a.btn.ligrn {background:#71B8C3; border:1px solid #71B8C3; color:#FFF;}
a.btn.lineG {background:#FFF; border:1px solid #007A8C; color:#007A8C;}
a.btn.lineG:hover {background:#FD9879; border:1px solid #FD9879; color:#FFF;}
a.btn.selDoc {border:1px solid #ddd; color:#777; padding:14px 26px;}
a.btn.selDoc:hover {border:1px solid #FD9879; background:#FD9879; color:#FFF;}
a.btn.selDoc.on{border:1px solid #FD9879; background:#FD9879; color:#FFF;}
a.btn.point {border:1px solid #E5E5E5; color:#777;}
a.btn.point:hover {border:1px solid #FD9879; background:#FD9879; color:#FFF;}

a.myBtn {display:flex; justify-content:space-between; align-items:center; padding:14px 16px; border-radius:8px; background:#F2F8F9; color:#007A8C; font-size:16px; font-weight:500; margin-top:24px;}
a.myBtn:after {content:''; display:inline-block; width:8px; height:22px; background:url(../img/ar_tail_grn.svg) no-repeat 50% 50%; background-size:100%;}
a.myBtn:hover {background:#007A8C; color:#FFF;}
a.myBtn:hover:after {background:url(../img/ar_tail_w.svg) no-repeat 50% 50%; background-size:100%;}

a.txtBtn {color:#222; font-size:16px; font-weight:400; display:flex; align-items:center; gap:4px;}
a.txtBtn:after {content:''; display:inline-block; width:8px; height:22px; background:url(../img/ar_tail_g.svg) no-repeat 50% 50%; background-size:100%;}

/** popup Style **/
.msgPop {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:420px; background:#FFF; border-radius:8px; padding:32px; z-index:4100; display:none;}
.msgPop.youthBirth {max-width:540px;}
.msgPop.changePw {max-width:600px;}
.msgPop.doMemOut {max-width:600px;}
.msgPop.confirmMemOut {max-width:600px;}
.msgPop.paidInfo {max-width:600px;}
.msgPop.costHospital {padding:10px 10px 116px; max-width:550px;}
.msgPop.costHospital .msgPopCont {height:auto; max-height:calc(800px - 116px); overflow:hidden; overflow-y:auto; padding:22px;}
.msgPop .msgPopCont {position:relative;}
.msgPop .msgPopCont .popTitle {color:#007A8C; font-size:24px; font-weight:700;}
.msgPop .msgPopCont .popDesc {color:#222; font-size:16px; line-height:1.4; margin-top:8px;}
.msgPop .msgPopCont .pMidTitle {color:#222; font-size:16px; font-weight:500; margin-bottom:8px;}
.msgPop .msgPopCont .popAgree {position:relative; margin:32px 0 0;}
.msgPop .msgPopCont .popAgree .popOpTime {margin-bottom:16px;}
.msgPop .msgPopCont .popAgree .popOpTime ul {display:flex; align-items:stretch; gap:20px;}
.msgPop .msgPopCont .popAgree .popOpTime ul li {display:block; color:#777; font-size:14px; line-height:1.4;}
.msgPop .msgPopCont .popAgree .popOpTime ul li:last-child {margin-bottom:0;}
.msgPop .msgPopCont .popPrivacy {margin-top:16px;}
.msgPop .msgPopCont .popPrivacy .pTerms {position:relative; padding:16px; border-radius:4px; background:#f9f9f9;}
.msgPop .msgPopCont .popPrivacy .pTerms .scrollBox {height:80px; overflow:hidden; overflow-y:auto;}
.msgPop .msgPopCont .popPrivacy .pTerms .prTxt {color:#222; font-size:14px; font-weight:700; margin-bottom:4px;}
.msgPop .msgPopCont .popPrivacy .pTerms .txt {color:#222; font-size:14px; font-weight:500; line-height:1.3; margin-bottom:12px; padding-left:13px;}
.msgPop .msgPopCont .popPrivacy .comnChk {margin-top:12px; color:#222; font-size:14px; font-weight:500;}
.msgPop .msgPopCont .findInfo {display:flex; flex-direction:column; gap:6px; margin-top:20px;}
.msgPop .msgPopCont .findInfo.marBtm {margin:20px 0;}
.msgPop .msgPopCont .findInfo li {display:block; color:#777; font-size:16px; padding-left:14px; position:relative;}
.msgPop .msgPopCont .findInfo li:after {content:''; position:absolute; left:4px; top:7px; width:3px; height:3px; background:#777; border-radius:50%;}
.msgPop .msgPopCont .missingPoint {display:flex; flex-direction:column; gap:6px; margin-top:20px; background:#f9f9f9; padding:20px; border-radius:16px;}
.msgPop .msgPopCont .missingPoint li {display:block; color:#777; font-size:16px; padding-left:14px; position:relative;}
.msgPop .msgPopCont .missingPoint li:after {content:''; position:absolute; left:4px; top:7px; width:3px; height:3px; background:#777; border-radius:50%;}
.msgPop .msgPopCont .missingPoint li span {color:#007A8C;}
.msgPop .msgPopCont .missingPoint.small li {font-size:14px; line-height:1.4;}

.msgPop .msgPopCont .popTab {display:flex; position:relative; margin-bottom:30px;}
.msgPop .msgPopCont .popTab a {display:block; width:50%; text-align:center; padding:10px 0; border:1px solid #E5E5E5; border-radius:8px 8px 0 0; color:#777; font-size:16px; font-weight:400;}
.msgPop .msgPopCont .popTab a.on {background:#444; border:1px solid #444; color:#FFF;}
.msgPop .msgPopCont .findCont {position:relative; text-align:center; display:none;}
.msgPop .msgPopCont .findCont .fcTitle {color:#222; font-size:16px; line-height:1.4; margin-bottom:20px;}
.msgPop .msgPopCont .findCont a.btnVerify {display:block; background:#007A8C; color:#FFF; font-size:16px; font-weight:700; border-radius:8px; padding:16px; margin:0 auto; width:200px;}
.msgPop a.pinBtn {display:block; padding:14px 0; text-align:center; color:#FFF; font-size:16px; font-weight:500; background:#007A8C; border-radius:4px;}
.msgPop a.pinBtn.verify {margin-top:24px;}
.msgPop .popCau {position:relative; color:#777; font-size:14px; line-height:1.3; margin-top:24px; padding-left:12px;}
.msgPop .popCau:after {content:'*'; position:absolute; left:0; top:0;}
.msgPop .popResultTxt {margin-top:8px; color:#222; font-size:16px;}
.msgPop .popResultTxt strong {font-weight:700; color:#007A8C;}
.msgPop .popResultTxt a {color:#007A8C; font-weight:700;}

.msgPop .msgPopCont .popInputNum {display:flex; justify-content:center; align-items:center; margin:20px 0;}
.msgPop .msgPopCont .popInputNum span {width:100px; text-align:center; color:#222; font-size:20px; font-weight:700; flex:0 0 auto;}
.msgPop .msgPopCont .popInputNum span.at {width:30px; flex:0 0 auto;}
.msgPop .msgPopCont .popInputNum input[type="text"] {width:calc(100% - 130px); border:1px solid #E5E5E5; height:40px; line-height:38px; text-align:center; color:#222; font-size:20px; font-weight:700;}

.msgPop .msgPopCont .popTableSec {position:relative; margin:30px 0 0;}
.msgPop .msgPopCont .popTableSec .legendTxt {text-align:right; margin-bottom:10px; color:#777; font-size:14px;}
.msgPop .msgPopCont .popTableSec .legendTxt em {color:#FF6200; font-weight:700;}
.msgPop .msgPopCont .popTableSec .comnTable {position:relative; border:1px solid #E5E5E5; border-radius:16px; overflow:hidden;}

.msgPop .chTitle {color:#222; font-size:30px; font-weight:300; position:relative; border-bottom:1px solid #E5E5E5; padding-bottom:24px; margin-bottom:24px;}
.msgPop .chTitle > a.popClose {position:absolute; right:0; top:10px; width:40px; height:40px;}
.msgPop .chTitle > a.popClose:before {content:''; position:absolute; left:50%; top:0; transform:translate(-50%, 0) rotate(45deg); width:1px; height:20px; background:#222;}
.msgPop .chTitle > a.popClose:after {content:''; position:absolute; left:50%; top:0; transform:translate(-50%, 0) rotate(-45deg); width:1px; height:20px; background:#222;}
.msgPop .chTitleSec {position:relative;}
.msgPop .chTitleSec .title {color:#007A8C; font-size:24px; font-weight:700;}
.msgPop .chTitleSec .desc {color:#777; font-size:16px; margin-top:8px;}
.msgPop .calCont {display:flex; flex-direction:column;}
.msgPop .calCont .perCal {position:relative; padding-top:40px;}
.msgPop .calCont .perCal .pcalTitle {color:#222; width:100%; font-size:18px; font-weight:700; margin-bottom:16px; display:flex; justify-content:space-between; align-items:center;}
.msgPop .calCont .perCal .pcalTitle a.btnInfoRoom {position:relative; display:flex; align-items:center; color:#777; font-weight:500; font-size:14px; gap:8px;}
.msgPop .calCont .perCal .pcalTitle a.btnInfoRoom:after {content:''; width:18px; height:18px; border:1px solid #777; border-radius:50%; background:#FFF url(../img/ar_tail_g.svg) no-repeat 50% 50%; background-size:16px 16px;}
.msgPop .calCont .perCal .calBox {position:relative; display:flex; align-items:stretch; gap:12px;}
.msgPop .calCont .perCal .calBox .inCal {position:relative; width:calc(50% - 6px); border-radius:16px; border:1px solid #E5E5E5; box-shadow: 0 0 6px 0 rgba(0, 122, 140, 0.05); padding:24px;}
.msgPop .calCont .perCal .calBox .inCal > label {color:#AEAEAE; font-size:16px; font-weight:700;}
.msgPop .calCont .perCal .calBox .inCal ul {display:flex; flex-direction:column; gap:8px; margin-top:16px;}
.msgPop .calCont .perCal .calBox .inCal ul li {display:block;}
.msgPop .calCont .perCal .calBox .inCal ul li label {color:#777; font-size:14px; font-size:14px;}
.msgPop .calCont .perCal .calBox .inCal.on {border:1px solid #007A8C; box-shadow:none; background:#F2F8F9;}
.msgPop .calCont .perCal .calBox .inCal.on > label {color:#007A8C;}
.msgPop .calCont .perCal .calBox > a {flex:1; border-radius:16px; border:1px solid #E5E5E5; box-shadow: 0 0 6px 0 rgba(0, 122, 140, 0.05); padding:24px; color:#AEAEAE; font-size:16px; font-weight:700; text-align:center;}
.msgPop .calCont .perCal .calBox > a:hover {background:#f9f9f9;}
.msgPop .calCont .perCal .calBox > a.on {border:1px solid #007A8C; box-shadow:none; background:#F2F8F9; color:#007A8C;}
.msgPop .calCont .perCal .calBox.room {flex-wrap:wrap;}
.msgPop .calCont .perCal .calBox.room > a {flex:0 0 auto; flex-wrap:wrap; width:calc(25% - 9px);}
.msgPop .comnCauTxt {padding:0;}
.msgPop .comnCauTxt li.plat {padding-left:6px; color:#222;}
.msgPop .comnCauTxt li.plat:after {display:none;}

.msgPop .calResult {position:absolute; left:0; bottom:0; padding:30px 120px 30px 20px; background:#007A8C; width:100%; border-radius:0 0 8px 8px;}
.msgPop .calResult .condition {color:#8AD2D9; font-size:14px; margin-bottom:4px;}
.msgPop .calResult .totalCost {color:#FFF; font-size:14px;}
.msgPop .calResult .totalCost br {display:none;}
.msgPop .calResult .totalCost em {font-size:24px; font-weight:500;}
.msgPop .calResult a.btnTel {position:absolute; right:20px; top:50%; transform:translate(0, -50%); display:flex; justify-content:center; align-items:center; color:#FFF; font-size:16px; font-weight:500; border:1px solid #FFF; border-radius:8px; padding:20px;}

.popBtns {display:flex; justify-content:flex-end; align-items:center; gap:8px; margin-top:32px;}
.popBtns > a {display:flex; align-items:center; padding:10px 20px; color:#777; font-size:14px; font-weight:500; border:1px solid #E5E5E5; border-radius:100px;}
.popBtns > a:hover {background:#007A8C; border:1px solid #007A8C; color:#FFF;}
.popBtns > a.popClose:hover {background:#444; border:1px solid #444; color:#FFF;}

.hGuidePop {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:1000px; height:auto; max-height:90%; background:#FFF; border-radius:8px; padding:32px; z-index:4100; display:none;}
.hGuidePop .hGuideCont {position:relative;}
.hGuidePop .hGuideCont .titleSec {position:relative; margin-bottom:16px;}
.hGuidePop .hGuideCont .cate {display:flex; align-items:center; gap:8px; margin-bottom:6px;}
.hGuidePop .hGuideCont .cate span {display:inline-block; padding:5px 12px; color:#FFF; font-size:14px; font-weight:500; background:#80BCC9; border-radius:4px;}
.hGuidePop .hGuideCont .cate em {color:#80BCC9; font-size:14px; font-weight:500;}
.hGuidePop .hGuideCont .subject {color:#222; font-size:20px; font-weight:600; line-height:1.3;}
.hGuidePop .hGuideCont .conTxt {height:auto; max-height:600px; overflow:hidden; overflow-y:auto; background:#f9f9f9; border-radius:8px; padding:20px; color:#222; font-size:16px; line-height:1.4;}
.hGuidePop .hGuideCont .conTxt div, .hGuidePop .hGuideCont .conTxt div p, .hGuidePop .hGuideCont .conTxt div span,
.hGuidePop .hGuideCont .conTxt p, .hGuidePop .hGuideCont .conTxt span {color:#222; font-size:16px; line-height:1.4;}
.hGuidePop .hGuideCont .relTreat {display:flex; align-items:center; gap:10px; padding:20px 20px 0;}
.hGuidePop .hGuideCont .relTreat span {display:block;}
.hGuidePop .hGuideCont .relTreat span a {display:inline-block; color:#007A8C; font-size:16px; font-weight:500; position:relative;}
.hGuidePop .hGuideCont .relTreat span a:hover:after {content:''; position:absolute; left:0; bottom:-2px; width:100%; height:1px; background:#007A8C;}
.hGuidePop .popBtns {margin-top:20px;}

/** paging **/
.pagingWrap {display:flex; justify-content:center; align-items:center; gap:5px; margin:60px 0;}
.pagingWrap a {display:inline-flex; justify-content:center; align-items:center; border-radius:50%; color:#000; font-size:16px; width:40px; height:40px; line-height:1.0; font-weight:400;}
.pagingWrap a.dir {border:2px solid transparent; width:30px;}
.pagingWrap a.dir.first {background:url(../img/btn_dir_end.svg) no-repeat 50% 50%; background-size:auto 36px; transform:rotate(180deg);}
.pagingWrap a.dir.forward {background:url(../img/btn_dir.svg) no-repeat 50% 50%; background-size:auto 36px; transform:rotate(180deg);}
.pagingWrap a.dir.back {background:url(../img/btn_dir_end.svg) no-repeat 50% 50%; background-size:auto 36px;}
.pagingWrap a.dir.backword {background:url(../img/btn_dir.svg) no-repeat 50% 50%; background-size:auto 36px;}
.pagingWrap a.on {background:#000; color:#FFF; font-weight:700; position:relative;}