@charset 'UTF-8'; .mainContent #footer .ftMenuWrap { display: none!important}

.mainContent #footer .footerLanguage { display: block}

.mainInner { width: 1100px; margin: 0 auto}

.mainInner>h3,.mainInner>p { text-align: center}

.mainInner>h3 { margin: -10px 0 18px; font-size: 30px}

.mainInner>h3+p { font-size: 18px}

.mainRow { overflow: hidden; margin-top: 20px}

.mainRow:first-child { margin-top: 0}

[class*=mainCol] { float: left; position: relative; height: 205px; margin-left: 20px; padding: 25px 30px 30px; background-color: #fff}

[class*=mainCol]:first-child { margin-left: 0}

[class*=mainCol] h3 { position: relative; margin-bottom: 27px; font-size: 20px}

[class*=mainCol] h3 a { font-weight: 700}

[class*=mainCol] p strong { margin-left: 10px; font-size: 20px}

[class*=mainCol] .btnWrap { overflow: hidden; position: absolute; bottom: 30px; left: 30px; width: 200px; margin: 0}

[class*=mainCol] .btnWrap a { float: left; height: 38px; margin-right: -1px; padding: 0 12px; border: 1px solid #fff; font-size: 14px; text-align: center; line-height: 38px}

[class*=mainCol] .btnWrap.col02 a { width: 49%; padding: 0}

[class*=mainCol] p { margin-top: 0}

.mainCol01 { width: 293px}

.mainCol02 { width: 667px}

.mainColMedia { overflow: hidden; width: 727px; height: 416px; padding: 0}

[class*=mainCol][class*=bgColor] * { color: #fff}

.bgColor01 { background-color: #008ace}

.bgColor02 { background-color: #2763ba}

.bgColor03 { background-color: #3298b7}

.iconList { padding-top: 12px}

[class*=iconCir]:before,[class*=iconCir]>.b { content: ''; display: inline-block; vertical-align: middle; width: 40px; height: 40px; margin-right: 10px; background: url(/global/asset/img/main/spr_main_global.png) no-repeat 0 0}

[class*=iconCir]+[class*=iconCir] { margin-top: 10px}

.iconCir02:before,.iconCir02>.b { background-position: -42px 0}

.iconCir03:before,.iconCir03>.b { background-position: -84px 0}

.iconCir04:before,.iconCir04>.b { background-position: -126px 0}

.iconCir05:before,.iconCir05>.b { background-position: -168px 0}

.iconCir06:before,.iconCir06>.b { background-position: -210px 0}

.mainSnsWrap { overflow: hidden; margin-top: 20px}

.mainSnsWrap a+a { margin-left: 10.6px}

h3 [class*=moreBtn] { display: inline-block; overflow: hidden; position: relative; vertical-align: middle; width: 20px; height: 20px; margin: -3px 0 0 3px; border: 1px solid #ccc; color: transparent; text-indent: 100%; white-space: nowrap}

.ie7Only h3 [class*=moreBtn] { margin-top: 4px}

[class*=moreBtn]:before,[class*=moreBtn]>.b { content: ''; display: inline-block; position: absolute; top: 5px; left: 5px; width: 10px; height: 10px; background: url(/global/asset/img/main/spr_main_global.png) no-repeat -91px -75px}

.mainIssueWrap { position: relative}

.mainIssueWrap h3 { margin-bottom: 35px}

.mainIssueWrap .numWrap { position: absolute; top: 30px; right: 140px; color: #999; white-space: nowrap}

.mainIssueWrap .numWrap em { color: #2763ba}

.mainIssue .feSlPaging { display: none!important}

.mainIssue .feSlNavi { position: absolute; top: 30px; right: 30px; width: 88px; height: 30px}

.mainIssue .feSlNavi [class*=btn] { overflow: hidden; position: absolute; top: 0; width: 30px; height: 30px; border: 1px solid #ccc; color: transparent; font-size: 1px; background: url(/global/asset/img/main/spr_slideBtn.png) no-repeat 0 50%}

.mainIssue .feSlNavi .btnAuto,.mainIssue .feSlNavi .btnStop { left: 29px}

.mainIssue .feSlNavi .btnAuto { background-position: -28px 50%}

.mainIssue .feSlNavi .btnStop { background-position: -56px 50%}

.mainIssue .feSlNavi .btnPrev { left: 0}

.mainIssue .feSlNavi .btnNext { right: 0; background-position: 100% 50%}

.mainIssue .feSlItem { overflow: hidden; width: 665px; height: 140px; margin-top: 5px}

.mainIssue .feSlItem a { float: left; width: 318px}

.mainIssue .feSlItem a+a { margin-left: 29px}

.mainIssue .feSlItem a div { float: left; position: relative; width: 145px; height: 140px; margin-top: -3px}

.mainIssue .feSlItem img { float: left; width: 135px; height: 140px; margin-right: 20px}

.mainIssue .feSlItem strong { display: block; overflow: hidden; height: 100px; color: #000}

.mainIssue .feSlItem span { display: inline-block; position: absolute; bottom: 0; left: 0; color: #888}

.mainLocation div { overflow: hidden; width: 353px; height: 183px; margin: 0 -25px -30px -30px}

.mainColBro { height: 360px}

.mainColBro h3 { margin-bottom: 30px}

.mainColBro>div { position: relative}

.mainColBro div+div { margin-top: 28px}

.mainColBro img { position: absolute; top: 0; left: 0; width: 103px; height: 137px}

.mainColBro div p { padding-left: 122px}

.mainColBro div p strong { display: inline-block; overflow: hidden; height: 95px; margin-top: -5px; font-size: 16px}

.mainColBro div .btnType02 { width: 56px; margin: 1px 0 0 9px}

.mainVisual { position: relative; height: 460px; padding-bottom: 50px}

.mainVisual .feSlItem { width: 100%; height: 460px; text-align: center}

.mainVisual .feSlNavi { position: absolute; top: 50%; left: 50%; width: 1100px; margin-left: -550px}

.mainVisual [class*=btn] { overflow: hidden; position: absolute; top: -43px; width: 20px; height: 39px; color: transparent; font-size: 1px; background: url(/global/asset/img/main/spr_slideVisualBtn.png) no-repeat}

.mainVisual .btnPrev { left: 0; background-position: 0 0}

.mainVisual .btnNext { right: 0; background-position: 100% 0}

.mainVisual .feSlPaging { overflow: hidden; position: absolute; bottom: 65px; left: 0; z-index: 10; width: 100%; text-align: center}

.mainVisual .feSlPaging li { display: inline-block; vertical-align: middle; height: 16px; margin: 0 5px}

.ie7Only .mainVisual .feSlPaging li { display: inline; vertical-align: middle; zoom:1 } 

.mainVisual .feSlPaging li a { display: block; overflow: hidden; width: 13px; height: 14px; margin-top: 1px; text-indent: 100%; white-space: nowrap; background: url(/global/asset/img/main/spr_main_global.png) no-repeat -62px -74px}

.mainVisual .feSlPaging li.current a { background-position: -77px -74px}

.mainMap dl { overflow: hidden; margin-bottom: 40px}

.footerLanguage { display: none; background-color: #22263b}

.footerLanguage ul { padding: 15px 0}

.footerLanguage ul li { float: left; width: 156px; margin: 0}

.footerLanguage ul li a { position: relative; padding-left: 30px; color: #fff}

.footerLanguage a:before,.footerLanguage a>.b { content: ''; position: absolute; top: 50%; left: 0; width: 20px; height: 14px; margin-top: -7px; background: url(/global/asset/img/main/spr_main_global.png); background-repeat: no-repeat; background-position: -62px -42px}

.footerLanguage .ch a:before,.footerLanguage .ch a>.b { background-position: -84px -41px}

.footerLanguage .ja a:before,.footerLanguage .ja a>.b { background-position: -106px -42px}

.footerLanguage .mn a:before,.footerLanguage .mn a>.b { background-position: -128px -42px}

.footerLanguage .ru a:before,.footerLanguage .ru a>.b { background-position: -150px -42px}

.footerLanguage .ar a:before,.footerLanguage .ar a>.b { background-position: -172px -42px}

.footerLanguage .fr a:before,.footerLanguage .fr a>.b { background-position: -194px -42px}

.footerLanguage .vi a:before,.footerLanguage .vi a>.b { background-position: -62px -58px}

.footerLanguage .es a:before,.footerLanguage .es a>.b { background-position: -84px -58px}

.footerLanguage .bn a:before,.footerLanguage .bn a>.b { background-position: -106px -58px}

.footerLanguage .nl a:before,.footerLanguage .nl a>.b { background-position: -128px -58px}

.footerLanguage .th a:before,.footerLanguage .th a>.b { background-position: -150px -58px}

.footerLanguage .id a:before,.footerLanguage .id a>.b { background-position: -172px -58px}

.footerLanguage .pt a:before,.footerLanguage .pt a>.b { background-position: -194px -58px}

.footerLanguage .en a:before,.footerLanguage .en a>.b { background-position: -216px -42px}

[class*=iconSns] { float: left; vertical-align: top; width: 40px; height: 40px; font-size: 0; line-height: 0; background-image: url(/global/asset/img/patients/spr_patients.png); background-repeat: no-repeat; background-position: -107px 0}

.iconSns02 { background-position: -149px 0}

.iconSns03 { background-position: -191px 0}

.iconSns04 { background-position: -233px 0}

.iconSns05 { background-position: -275px 0}

.iconSns06 { background-position: -317px 0}

[class*=starPoint] { display: block; width: 105px; height: 16px; margin: 11px 0 19px; background-image: url(/global/asset/img/patients/spr_patients.png); background-repeat: no-repeat; background-position: 0 0}

.starPoint01 { background-position: 0 -18px}

.starPoint02 { background-position: 0 -36px}

.starPoint03 { background-position: 0 -54px}

.starPoint04 { background-position: 0 -72px}

.starPoint05 { background-position: 0 -90px}

.viewTitle [class*=starPoint] { margin: 20px auto 35px}

.contImg { display: block; margin: 30px auto 15px}

.multiSearch { margin-bottom: -1px; padding: 28px 0; border-bottom: 1px solid #000}

.multiSearch>div { margin-bottom: 20px}

.multiSearch .lblTxt { margin-left: 8px}

.multiSearch .lblTxt+.feFoRadio { margin-left: 25px}

.multiSearch input[type=text] { width: 413px; margin-left: 5px}

.multiSearch .btnType03 { width: 84px; margin: 0 0 0 5px; padding: 0}

.selectType { width: 207px; padding-right: 39px}

.selectType span { border-right: 1px solid #ccc}

.multiSearch .feFoSelect:after,.multiSearch .feFoSelect>.a { width: 8px; background: url(/global/asset/img/common/spr_common_global.png) no-repeat -8px 0}

.multiSearch .tooltip { margin: 1px 0 0 5px}

.multiSearch .tooltip:after,.multiSearch .tooltip>.a { top: -25px; left: 13px; width: 375px; height: 133px; background: url(/global/asset/img/find/img_tooltip_find.png) no-repeat 0 0}

.findContent [class*=thumbType] { border-color: #ccc; border-top-width: 1px}

.medicalTeamList { width: 100%; margin-top: 30px; padding-top: 0; border-top: 0}

.medicalTeamList>.contTextWrap { margin-top: 0; margin-bottom: 20px}

.medicalTeamList .teamList02+.contTextWrap { margin-top: 10px}
.medicalTeamList .teamList02 { display: flex; flex-wrap: wrap; gap: 10px; } 
.medicalTeamList .treatItemWrap { float: left; position: relative; width: 190px; height: 98px; padding: 0 5px; border: 1px solid #ccc; color: #666; text-align: center; line-height: 98px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; } 

.medicalTeamList .treatItemWrap span { display: inline-block; vertical-align: middle; line-height: 1.4}

.ie7Only .medicalTeamList .treatItemWrap span { line-height: 1.6}

.medicalTeamList div:nth-child(4n) { margin-right: 0}

.medicalTeamList .treatItemWrap.nthChild4n { margin-right: 0}

.medicalTeamList .treatLink { overflow: hidden; position: absolute; top: -1px; left: -1px; width: 100%; min-height: 60px; padding: 20px; background-color: #2763ba; opacity: 0; box-sizing: border-box; } 

.medicalTeamList .treatLink p { margin: 5px 0 12px; padding-bottom: 15px; border-bottom: 2px solid #fff; color: #fff; text-align: center}

.medicalTeamList .treatLink a { display: block; float: none; width: auto; color: #fff; font-size: 14px; text-align: left; line-height: 1.7}

.medicalTeamList .treatLink a+a { margin-top: 10px}

.medicalTeamList .treatLink a:before,.medicalTeamList .treatLink a>.b { content: ''; display: inline-block; vertical-align: middle; width: 4px; height: 4px; margin-top: -4px; margin-right: 10px; background-color: #fff}

.ourContent .thumbType01 { border-top-width: 1px; border-top-color: #ccc}

.ourContent .thumbType01+.btnWrap { margin: 40px 0 30px}

.ourContent .thumbType01+.btnWrap button { width: 125px}

.boardTypeForm.formSearch { margin-top: 0; padding-top: 6px; padding-bottom: 7px; border-color: #888; border-top-color: #000}

.boardTypeForm.formSearch td,.boardTypeForm.formSearch th { padding-top: 11px; border-top: 0}

.formSearch [class*=dateWrap] { float: left; position: relative}

.formSearch [class*=dpInp] { width: 123px; border-right: 1px solid #ccc; color: #000}

.formSearch .ui-datepicker-trigger { position: absolute; top: 11px; right: 10px}

.formSearch .dateTxt { float: left; margin: 0 9px; line-height: 40px}

.formSearch [class*=dpInp]+.btnSubmit { width: 68px}

.btnWidth button { width: 132px}

.pointBoard .title { margin-bottom: 12px}

.pointBoard .btnWrap { margin-top: 30px; display: flex; flex-wrap: wrap; } 

.nearContent .boardInfo { margin-top: 35px}

.appContent table .alignL img,.contactContent table .alignL img { display: block}

.appContent table .alignL img+img,.contactContent table .alignL img+img { margin-top: 15px}

.appContent .contTitleWrap .supText { margin-top: 9px}

.appContent .boardTypeForm { margin-top: 0; margin-bottom: 15px}

.appContent .contTitleWrap { margin-bottom: 30px}

.appContent .tableType01+.contTitleWrap { margin-top: 45px}

.appContent .infoWrap,.interContent .infoWrap { position: relative; margin-top: 50px}

.appContent .infoWrap p,.interContent .infoWrap p { margin-bottom: 6px}

.appContent .infoWrap .snsWrap,.interContent .infoWrap .snsWrap { position: absolute; top: 30px; right: 0; width: auto; display: flex; gap: 10px; flex-wrap: wrap; } 

.appContent .infoWrap em,.interContent .infoWrap em { font-size: 20px}

.appContent .infoWrap em span { font-size: 14px}

.appContent .localeInfo span,.interContent .localeInfo span { min-width: 40px}

.appContent .localeInfo li:before,.appContent .localeInfo li>.b,.interContent .localeInfo li:before,.interContent .localeInfo li>.b { top: 7px}

.appContent .localeInfo .iconType04,.interContent .localeInfo .iconType04 { /* width: 230px */}

.appContent .localeInfo b,.interContent .localeInfo b { font-size: 20px; letter-spacing: -1px}

.appContent .referenMark+.boxTypeGray li { color: #333}

.appContent .boxTypeGray>ul,.interContent .boxTypeGray>ul { margin-top: 8px}

.appContent .boxTypeGray ul ul { margin-bottom: 0; margin-left: 13px}

.appContent .msgBox.iconType06:before,.appContent .msgBox.iconType06>.b { width: 51px; height: 50px; margin-left: -25px; background: url(/global/asset/img/common/spr_msg.png) no-repeat -253px -1px}

.appContent .appointment { padding: 40px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc}

.appContent .appointment div { text-align: center}

.appContent .appointment div+div { margin-top: 10px}

.appContent .appointment label { display: inline-block; width: 130px; color: #666; text-align: left}

.appContent .appointment input[type=password],.appContent .appointment input[type=text] { width: 225px}

.appContent .thumbType01 { border-top: 1px solid #ccc}

.appContent .thumbType01 .btnType03 { width: auto}

.interContent .lightTxtIntro { margin-bottom: 25px}

.interContent .contImg { margin: 25px auto 15px}

.interContent .contTitleWrap+.listType02 { margin-top: 24px}

.interContent .colorType03 .listType01 li:before,.interContent .colorType03 .listType01 li>.b { content: ''; position: absolute; top: 12px; left: 0; width: 5px; height: 1px; background-color: #666}

.interContent .boxTypeGray~img { margin: 35px auto 0}

.interContent .contTextWrap { margin-top: 48px}

.interContent .contTitleWrap+.contTextWrap { margin-top: 32px}

#content.blogContent { width: 100%; max-width: none; margin: 0; padding-right: 0; padding-left: 0; } 

#header.headerBlog { height: 80px}

#header.headerBlog:before,#header.headerBlog>.b { top: 80px}

#header.headerBlog h1 { height: 80px; order: 2; } 

#header.headerBlog h1 a { top: 25px}

.headerBlog .innerWrap { z-index: 10; background-color: #fff; display: flex; justify-content: space-between; align-items: center; width: 100%;max-width: 1120px;box-sizing: border-box;}

.headerBlog .docSearchBtn { width: 165px; height: 31px; padding-left: 30px; border: 0; font-size: 18px; background: 0 0; order: 1; position: relative; } 

.headerBlog .docSearchBtn:before,.headerBlog .docSearchBtn>.b { content: ''; position: absolute; top: 0; left: 0; width: 31px; height: 31px; background: url(/global/asset/img/common/spr_common.png) no-repeat -32px -27px}

.headerBlog .utilMenu { margin: 0; order: 3; } 

.headerBlog .utilMenu li { float: left; margin: 0 0 0 22px}

.headerBlog .utilMenu li:before { display: none}

.docSearchWrap { display: none; position: absolute; top: 81px; left: 0; z-index: 5; width: 100%; background-color: #fff}

.docSearchWrap .closeBtn { overflow: hidden; position: absolute; top: 40px; right: 10px; width: 37px; height: 37px; border: 0; text-indent: 100%; white-space: nowrap; background: url(/global/asset/img/blog/spr_blog.png) no-repeat -45px 0}

.docSearchWrap .inner { position: relative; width: 100%;max-width: 1120px; margin: 0 auto; padding: 40px 10px;box-sizing: border-box;}

.docSearch { position: relative; width: 460px; margin: 0 auto 30px; padding: 0 65px 10px 0; border-bottom: 2px solid #2763ba}

.docSearch input[type=text] { width: 100%; padding: 0; border: 0; color: #2763ba; font-family: 'Noto Sans KR Bold','Noto Sans CJK KR','Noto Sans KR','맑은 고딕',sans-serif; font-size: 26px; font-weight: 700}

.docSearch input::-webkit-input-placeholder { color: #2763ba}

.docSearch input:-ms-input-placeholder { color: #2763ba}

.docSearch input::-moz-placeholder { color: #2763ba}

.docSearch input:-moz-placeholder { color: #2763ba}

.docSearch input::placeholder { color: #2763ba}

.docSearch button { overflow: hidden; position: absolute; top: 0; right: 10px; width: 43px; height: 43px; border: 0; text-indent: 100%; white-space: nowrap; background: url(/global/asset/img/blog/spr_blog.png) no-repeat 0 0}

.blogDoctor { background-color: #f2f6fb}

.blogDoctor>.inner { width: 100%; max-width: 1140px; padding: 0 20px; margin: 0 auto; display: flex; justify-content: space-between; box-sizing: border-box; } 

.doctorSlide { float: left; position: relative;width: 512px;height: 100%;height: 680px;}
.doctorSlide .swiper-pagination{bottom: 50px !important;}
.doctorSlide .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 6px !important;}

.doctorSlide .feSlNavi { display: none}

.doctorSlide .feSlPaging { position: absolute; bottom: 30px; left: 0; z-index: 1; width: 100%; text-align: center}

.doctorSlide .feSlPaging li { display: inline-block; margin: 0 5px}

.ie7Only .doctorSlide .feSlPaging li { display: inline}

.doctorSlide .feSlPaging a { display: block; overflow: hidden; width: 10px; height: 10px; border: 1px solid #999; border-radius: 100%; text-indent: 100%; white-space: nowrap; background-color: #fff}

.doctorSlide .feSlPaging .current a { border-color: #2763ba; background-color: #2763ba}

.doctorSlide .feSlItem { width: 512px; height: 660px}

.docSearchWrap { display: none; position: absolute; top: 81px; left: 0; z-index: 5; width: 100%; background-color: #fff}

.docSearchWrap .closeBtn { overflow: hidden; position: absolute; top: 40px; right: 10px; width: 37px; height: 37px; border: 0; text-indent: 100%; white-space: nowrap; background: url(/global/asset/img/blog/spr_blog.png) no-repeat -45px 0}

.docSearchWrap .inner { position: relative; width: 100%;max-width: 1120px; margin: 0 auto; padding: 40px 10px;box-sizing: border-box;}

.docSearch { position: relative; width: 460px; margin: 0 auto 30px; padding: 0 65px 10px 0; border-bottom: 2px solid #2763ba}

.docSearch input { width: 100%; padding: 0; border: 0; color: #2763ba; font-family: 'Noto Sans KR Bold','Noto Sans CJK KR','Noto Sans KR','맑은 고딕',sans-serif; font-size: 26px; font-weight: 700}

.docSearch input::-webkit-input-placeholder { color: #2763ba}

.docSearch input:-ms-input-placeholder { color: #2763ba}

.docSearch input::-moz-placeholder { color: #2763ba}

.docSearch input:-moz-placeholder { color: #2763ba}

.docSearch input::placeholder { color: #2763ba}

.docSearch button { overflow: hidden; position: absolute; top: 0; right: 10px; width: 43px; height: 43px; border: 0; text-indent: 100%; white-space: nowrap; background: url(/global/asset/img/blog/spr_blog.png) no-repeat 0 0}

.docList .noData { padding: 107px 0; color: #666}

.docList .searchTotal { color: #666}

.docList .searchTotal em { color: #2763b9}

.docList ul { overflow-y: scroll; height: 212px; margin-top: 10px}

.docList li { float: left; width: 216px; margin-top: 30px; font-size: 18px}

.docList li a { overflow: hidden}

.docList li img { float: left; width: 60px; height: 76px; margin-right: 10px}

.docList li em { display: block; color: #2763b9; font-size: 14px}

.docList li small { margin-left: 3px}

.doctorInfo { float: right; width: 510px; padding-top: 60px;padding-bottom: 20px;}

.doctorInfo .btnWrap { overflow: hidden}

.doctorInfo .btnWrap [class*=btnType] { float: right; width: 188px; margin: 0}

.doctorInfo .btnWrap [class*=btnType]:first-child { float: left}

.doctorInfo .name { position: relative}

.doctorInfo .name em { display: block; margin-bottom: 25px; font-size: 44px; font-weight: 400; letter-spacing: -2.2px; font-weight: 600;}

.doctorInfo .name span { margin-left: 18px; font-size: 30px}

.doctorInfo .desc+.desc { margin-top: 15px}

.doctorInfo .desc strong { display: block; margin-bottom: 6px; font-size: 20px}

.doctorInfo .desc p+p { margin-top: 6px}

.doctorInfo .btnBig { width: 214px; margin-top: 30px}

.doctorInfo .snsWrap { position: absolute; top: 25px; right: 0; white-space: nowrap}

.doctorInfo .snsWrap a { display: inline-block; overflow: hidden; width: 26px; height: 26px; margin-left: 5px; text-indent: 100%; white-space: nowrap}

.doctorInfo .snsWrap .bl { background: url(/global/asset/img/common/spr_common.png) no-repeat -208px -125px}

.doctorInfo .snsWrap .fb { background: url(/global/asset/img/common/spr_common.png) no-repeat -236px -125px}

.doctorInfo .snsWrap .hp { background: url(/global/asset/img/common/spr_common.png) no-repeat -264px -125px}
.doctorInfo__sns{display: none;}

.blogMenu { position: relative; border: 1px solid #ccc; border-width: 1px 0; background-color: #fff}

.blogMenu ul { overflow: hidden; width: 100%; max-width: 1140px; padding: 0 20px; margin: 0 auto; box-sizing: border-box; } 

.blogMenu li { float: left; height: 80px; margin-left: 80px; line-height: 80px}

.blogMenu li:first-child { margin-left: 0}

.blogMenu a { font-size: 20px; transition: .2s color}

.blogMenu li.current a { color: #2763ba}
#wrap:has(.blogCont) { min-width: auto; width: 100%; } 
.blogCont { width: 100%; max-width: 1140px; padding: 0 20px; margin: 60px auto 0; box-sizing: border-box; } 

.blogCont .lightTxt { margin-bottom: 25px; font-size: 32px; letter-spacing: -1.6px}

.blogCont p { color: #000}

.langContent .item { min-height: 136px}

.langContent .thumbType01 .txtWrap li { color: #000}

.langContent .snsList { overflow: hidden; zoom:1 } 

.langContent .snsList div,.langContent .snsList span { float: left}

.langContent .snsList div { overflow: hidden}

.langContent .snsList div p { float: left; width: 240px}

.billingContent [class*=listType] { margin-top: 5px}

.international04Img { margin-top: 23px}

.relativeLi { position: relative}

.relativeLi img { position: absolute; top: -25px; right: 0}

.international05Img { margin-top: 40px}

.serviceContent .contTitleWrap { margin: 50px 0 32px}

.serviceContent .thumbType02 .item { position: relative; min-height: 245px}

.serviceContent .thumbType02 .itemImg { position: absolute; top: 30px; left: 0}

.serviceContent .thumbType02 .itemDesc { padding-left: 225px}

.serviceContent .thumbType02 .itemDesc a+p { margin-top: 13px}

.serviceContent .thumbType02 em { display: block; font-size: 20px}

.serviceContent .thumbType02 em+p { margin-top: 7px}

.serviceContent .boxTypeGray li { color: #000}

.serviceContent .imgWrap { margin-top: 24px}

.serviceContent .imgWrap img+img { display: inline-block; margin-left: 5px}

.serviceContent .contTextBtn a { float: right; padding: 0 20px}

.serviceContent .colorB { color: #000}

.serviceContent .tableType01+.colorB { margin-top: 14px}

.serviceContent .colorB+.tableType01 { margin-top: 22px}

.serviceContent .tableType01 td p { color: #000}

.serviceContent .tableType01 td .listType01 { margin-top: 0}

.contactContent .listType03>li,.serviceContent .listType03>li { color: #333}

.contactContent .listType03>li:before,.contactContent .listType03>li>.b,.serviceContent .listType03>li:before,.serviceContent .listType03>li>.b { content: ''; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; background-color: #000}

.contactContent .contactList { margin-top: 48px}

.contactContent [class*=contacItem] { position: relative; min-height: 87px; margin-top: 33px; padding-left: 100px}

.contactContent [class*=contacItem]:first-child { margin-top: 0}

.contactContent [class*=contacItem] em { display: block; margin-bottom: 9px; font-size: 20px}

.contactContent [class*=contacItem]:after,.contactContent [class*=contacItem]>.a { content: ''; display: block; position: absolute; top: 7px; left: 0; width: 80px; height: 80px; background: url(/global/asset/img/patients/spr_contact.png) no-repeat 0 0}

.contactContent .contacItem02:after,.contactContent .contacItem02>.a { background-position: -82px 0}

.contactContent .contacItem03:after,.contactContent .contacItem03>.a { background-position: -164px 0}

.contactContent .contacItem04:after,.contactContent .contacItem04>.a { background-position: -246px 0}

.contactContent .contacItem05:after,.contactContent .contacItem05>.a { background-position: -328px 0}

.contactContent .contacItem06:after,.contactContent .contacItem06>.a { background-position: -410px 0}

.numbering>li { position: relative; margin-top: 5px; padding-left: 15px; color: #333}

.numbering .num { position: absolute; top: 0; left: 0}

.numbering.noMargin li { margin-top: 0}

.issContent [class*=listType],.rightsContent [class*=listType] { margin-top: 0}

.issContent [class*=listType] li,.rightsContent [class*=listType] li { margin-top: 3px}

.issContent .btnWrap,.issContent [class*=listType] li .btnWrap { margin: 14px 0}

.issContent .underLine { display: inline-block; font-weight: 700}

.emerServiceImg { margin-bottom: 13px}

.homeCareImg { margin-top: 14px}

.inquiryList li { padding-left: 85px}

.inquiryList span { position: absolute; top: 0; left: 12px}

.locaContent [class*=contTitleIcon]:before,.locaContent [class*=contTitleIcon]>.b { content: ''; display: inline-block; vertical-align: middle; width: 28px; height: 28px; background-image: url(/global/asset/img/directions/spr_guide.png); background-repeat: no-repeat; background-position: 0 -65px}

.locaContent .contTitleIcon02:before,.locaContent .contTitleIcon02>.b { width: 22px; height: 30px; background-position: -30px -65px}

.locaContent .contTitleIcon03:before,.locaContent .contTitleIcon03>.b { width: 28px; height: 28px; background-position: -109px -65px}

.locaContent .contTitleIcon04:before,.locaContent .contTitleIcon04>.b { width: 28px; height: 25px; background-position: -54px -65px}

.locaContent .contTitleIcon05:before,.locaContent .contTitleIcon05>.b { width: 23px; height: 29px; background-position: -84px -65px}

.locaContent [class*=contTitleIcon] b { vertical-align: middle; padding-left: 10px}

.locaContent .trafficTbl td { padding: 17px 5px 21px 16px}

.locaContent [class*=tableType] img,.locaContent [class*=tableType] span { display: inline-block; vertical-align: middle}

.locaContent [class*=tableType] img { padding: 0 4px}

.locaContent [class*=tableType] td{line-height: 2;}

.locaContent [class*=tableType] span { margin-left: 3px}

.locaContent .airportBusInfo { display: block; margin-top: 14px}

.convenContent [class*=tabType] li:first-child a { margin-left: -1px}

.convenContent [class*=tabType] .lastChild { border-top: 1px solid #ccc}

.ie7Only .convenContent .tabTypeCol3 li.current { width: 266px}

.convenContent .noData { padding: 5px 0; color: #000; text-align: center}

.convenContent [class*=listType] li { padding-left: 12px}

.eduIntroContent .videoWrap { margin-bottom: 25px; width: 100%; } 
.eduIntroContent .videoWrap iframe { width: 100% !important; } 

.eduIntroContent .boxTypeGray .contTextWrap { margin-top: 0}

.eduIntroContent .engList li { position: relative; margin-top: 12px; padding-left: 18px}

.eduIntroContent .engList li:first-child { margin-top: 0}

.eduIntroContent .engList li b { position: absolute; top: 0; left: 0}

.professContent [role=button] { vertical-align: top; margin-bottom: 15px; margin-left: 5px}

.ie7Only .professContent .longTxt { letter-spacing: -1px}

.professContent .downloadList thead { display: none}

.professContent .downloadList td { padding: 12px 20px; font-size: 14px}

.professContent .downloadList td p { position: relative; min-height: 30px; padding-right: 130px; line-height: 30px}

.professContent .downloadList [role=button] { position: absolute; top: 50%; right: 0; margin-top: -15px; margin-left: 0}

.ie7Only .professContent .downloadList [role=button] { margin-top: -17px}

.professContent .engList li { position: relative; margin-top: 10px; padding-left: 18px}

.professContent .engList i { position: absolute; top: 0; left: 0; font-style: normal}

.greContent .greetingsWrap { padding-right: 370px; background: url(/global/asset/img/about/img_intro_director.png) no-repeat right top}

.greContent .lightTxtIntro { margin-bottom: 25px}

.greContent .president { margin-top: 37px; color: #000; font-size: 20px}

.greContent .president b { display: inline-block; margin-top: 10px; padding-right: 95px}

[class*=hstyItem] { position: relative; width: 100%; padding-bottom: 40px; background: url(/global/asset/img/about/bg_history.jpg); display: flex; background-position: center;background-repeat: repeat-y;} 

[class*=hstyItem] img { padding-right: 30px; width: 50%; box-sizing: border-box; } 

[class*=hstyItem] .text { float: right; width: 50%; padding-left: 30px; box-sizing: border-box; } 

[class*=hstyItem] h3 { font-size: 32px}

[class*=hstyItem] h3:before,[class*=hstyItem] h3>.b { content: ''; display: block; position: absolute; top: 0; left: 50%; width: 13px; height: 13px; margin-left: -6px; background: url(/global/asset/img/about/bul_history.png) no-repeat center center}

[class*=hstyItem] .text em { display: inline-block; vertical-align: top; width: 100%; margin-top: 8px; font-size: 20px; letter-spacing: -1px}

[class*=hstyItem] button { margin-top: 16px}

.hstyItem01 img { padding-right: 0; padding-left: 30px; } 
.hstyItem02 { flex-direction: row-reverse; } 
.hstyItem01 .text { float: left; padding-right: 30px; padding-left: 0; text-align: right}

.hstyLastChild { padding-bottom: 0; background: 0 0}

.thumbTypeHsty { position: relative; margin: 0 0 60px 0; border: 0}
.thumbTypeHsty .feSlMask{overflow: hidden;}

.thumbTypeHsty .feSlItem { width: 760px; height: 330px}

.thumbTypeHsty .feSlPaging { bottom: -32px}

.thumbTypeHsty+em { display: block; margin-bottom: 8px; font-size: 20px}

[class*=hstylayer] p { color: #666}

[class*=hstylayer] p+p { margin-top: 15px}

.hstyRowWrap { margin-top: 20px; border-top: 2px solid #000}

.hstyRow { overflow: hidden; padding: 26px 0}

.hstyRow+.hstyRow { border-top: 1px solid #ccc}

.hstyRow strong { float: left; width: 96px; font-size: 20px}

.hstyRow ul { float: left; width: 660px}

.hstyRow li { position: relative; margin-top: 13px; padding-left: 76px; font-size: 18px; word-break: keep-all; line-height: 1.56}

.hstyRow li:first-child { margin-top: 0}

.hstyRow li span { position: absolute; top: 0; left: 0}

.visionContent .imgWrap { margin-top: 30px; text-align: center}

.visionContent .coreValueWrap li { position: relative; height: 109px; margin-top: 30px; padding-top: 18px; padding-left: 165px}

.visionContent .coreValueWrap li:before,.visionContent .coreValueWrap li>.b { content: ''; position: absolute; top: 0; left: 0; width: 127px; height: 127px; background-image: url(/global/asset/img/about/spr_vision.png); background-repeat: no-repeat}

.visionContent .coreValueWrap .coreValue02:before,.visionContent .coreValueWrap .coreValue02>.b { background-position: -129px 0}

.visionContent .coreValueWrap .coreValue03:before,.visionContent .coreValueWrap .coreValue03>.b { background-position: -258px 0}

.visionContent .coreValueWrap .coreValue04:before,.visionContent .coreValueWrap .coreValue04>.b { background-position: -387px 0}

.visionContent .coreValueWrap .coreValue05:before,.visionContent .coreValueWrap .coreValue05>.b { background-position: -516px 0}

.visionContent .coreValueWrap li strong { font-size: 20px}

.collaboContent .boxTypeGray { padding: 40px 40px 25px}

.collaboContent .boxTypeGray>ul>li { position: relative; min-height: 40px; margin-top: 35px; padding: 0 116px 0 35px; color: #666}

.collaboContent .boxTypeGray>ul>li:first-child { margin-top: 0}

.collaboContent .boxTypeGray>ul>li img { position: absolute; top: 0; left: 0}

.collaboContent .boxTypeGray>ul>li button { position: absolute; top: 0; right: 0; background-color: transparent}

.collaboColor01 { color: #02348b}

.collaboColor02 { color: #2763ba}

.collaboColor03 { color: #008ace}

.collaboColor04 { color: #2ca48f}

.collaboColor05 { color: #2d92a4}

.layerCollabo02 .contTitleWrap { margin-top: 0}

.layerCollabo02 .tableLayer { margin-bottom: 30px}

.layerCollabo02 .tableLayer td,.layerCollabo02 .tableLayer th { border-right: none; border-left: none}

.layerCollabo03 .layerContent,.layerCollabo05 .layerContent { padding: 50px 70px}

.layerCollabo03 .ulLayer li,.layerCollabo04 .ulLayer li,.layerCollabo05 .ulLayer li { float: left; width: 370px}

.layerCollabo03 .ulLayer>li+li,.layerCollabo04 .ulLayer>li+li,.layerCollabo05 .ulLayer>li+li { margin-left: 20px}

.layerCollabo03 .contTextWrap,.layerCollabo04 .contTextWrap,.layerCollabo05 .contTextWrap { margin-top: 0}

.layerCollabo03 .contTextWrap>:first-child,.layerCollabo04 .contTextWrap>:first-child,.layerCollabo05 .contTextWrap>:first-child { width: 100%}

.layerCollabo03 .layerContent img { margin-top: 30px}

.layerCollabo04 .layerContent .contTextWrap { margin-bottom: 20px}

.layerCollabo04 .layerContent b { display: block; margin-bottom: 30px; text-align: center}

.layerCollabo04 .layerContent p { margin: 35px 0 22px}

.layerCollabo04 .layerContent .colorType01 { margin: 20px 0}

.layerCollabo04 .layerContent .colorType01 li { float: none; color: #000}

.layerCollabo05 .layerContent img { display: block; margin-top: 13px; margin-bottom: 14px}

.branchContent .contTitleWrap>:first-child { font-size: 28px}

.branchContent img+p { margin-top: 10px}

.branchContent .contTextWrap>:first-child { width: 100%}

.ie7Only .custoContent .desc { letter-spacing: -1px}

.custoContent .autoPrevention input,.custoContent .autoPrevention>div { float: left}

.custoContent .autoPrevention>div { width: 148px; height: 38px; margin-left: 10px; border: 1px solid #ccc}

.custoContent .autoPrevention>div img { width: 148px; height: 38px}

.custoContent .terms ul:first-child { margin-top: 0}

.custoContent p+[class*=btnWrap] { margin-top: 35px}

.custoContent .boxTypeGray p { margin-top: 10px}

.custoContent .boxTypeGray .btnWrap { margin-top: 20px}

.thumbTypeCont .thumb { overflow: hidden; width: 230px; height: 100%}
.thumbTypeCont .thumb img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; } 

.thumbTypeCont .txtWrap { width: 100%}
.thumbTypeCont .thumb+.txtWrap { width: calc(100% - 260px); } 
.thumbTypeCont .thumb+.txtWrap p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: auto; margin-top: 8px !important; } 
.thumbTypeCont .thumb+.txtWrap p + p { display: none; } 
.thumbTypeCont .title strong { max-width: 95%; font-size: 20px}

.thumbTypeCont p { overflow: hidden}

.thumbTypeCont p:first-child { margin-top: -5px}

.thumbTypeCont span { display: block; margin-top: 5px; color: #888}

.thumbTypeCont p { height: 80px}

.langEN .asideWrap .phoneNum li:first-child span { margin-top: 28px}

.thumbType01 .btnWrap.widthAuto a { width: auto}

.langRU .asideWrap .phoneNum strong { margin-top: 20px}

.langRU .asideWrap .phoneNum li:first-child strong { margin-top: 0}

.langRU [class*=gnbLayerWrap] { height: 424px}

.langRU .gnbLayerWrap02 { height: 420px}

.langRU .gnbList>li { vertical-align: middle; margin: 5px 14px}

.langRU .gnbList>li>a { padding: 12px 8px; text-align: center; line-height: 1}

.langRU.mainContent .gnbList>li { margin: 10px 14px}

.langRU.mainContent .bgColor01 .iconCir03 { position: relative; padding-left: 50px}

.langRU.mainContent .bgColor01 .iconCir03:before,.langRU.mainContent .bgColor01 .iconCir03>.b { position: absolute; left: 0}

.langRU .appContent .boardTypeForm .inputRow div { width: 492px}

.langRU .ourContent .thumbType01 .btnWrap a { width: auto}

.langRU .langContent .thumbType01 .txtWrap li { padding-left: 150px}

.langRU .collaboContent .boxTypeGray>ul>li { padding: 0 162px 0 35px}

.langRU .ftMenuList01 { font-size: 14px}

.langMN .asideWrap .phoneNum strong { margin-top: 20px}

.langMN .asideWrap .phoneNum li:first-child strong { margin-top: 0}

.langMN .gnbLayerWrap03 { height: 434px}

.langMN .gnbList>li { vertical-align: middle; margin-top: 2px}

.langMN .gnbList>li>a { padding: 12px 8px; text-align: center; line-height: 1.2}

.langMN.mainContent .gnbList>li { margin-top: 7px}

.langMN .thumbType01 .btnWrap a { width: auto}

.langMN .locaContent [class*=tabType] .txtRow a { font-size: 14px; line-height: 1.5}

.langMN .ftMenuList01 { font-size: 14px}

.rtl .supText { float: left}

.rtl .feFoSelect:after,.rtl .feFoSelect>.a { right: auto; left: 15px}

.rtl .boardTypeForm td,.rtl .boardTypeForm th { padding: 10px 20px 10px 10px}

.rtl .boardTypeForm td { padding-right: 0}

.rtl .boardTypeForm .desc02 { margin-right: 18px; margin-left: 0; zoom:1 } 

.rtl .boardTypeForm .lblTxt { margin: 0 2px 0 15px}

.rtl .boardTypeForm .inputRow div { float: left}

.rtl .boardTypeForm .inputRow .inputText { margin-right: 130px; margin-left: 0}

.rtl .boardTypeForm .inputRow div .inputText { margin-right: 0}

.rtl .boardTypeForm .innerRow em { padding-right: 0; padding-left: 10px}

.rtl .boardTypeForm .inputRow em { top: 47px}

.rtl .persInforWrap .terms li { padding-right: 15px; padding-left: 0}

.rtl .persInforWrap .terms li span { right: 0; left: auto}

.rtl .feFoCheck { margin-right: 0; margin-left: 9px}

.rtl.appContent .infoWrap .snsWrap,.rtl.interContent .infoWrap .snsWrap { right: auto; left: 0}

.rtl [class*=iconSns] { float: right}

.rtl.appContent .infoWrap .snsWrap a+a,.rtl.interContent .infoWrap .snsWrap a+a { margin-right: 10px; margin-left: 0}

.rtl .localeInfo li { float: right; padding-right: 45px; padding-left: 0}

.rtl .localeInfo li:before,.rtl .localeInfo li>.b { right: 0; left: auto}

.rtl.ourContent [class*=thumbType] .title span { margin-right: 10px; margin-left: 0}

.rtl .thumbType01 .txtWrap li { padding-right: 102px; padding-left: 0; zoom:1 } 

.rtl .thumbType01 li span { right: 0; left: auto}

.rtl .thumbType01 .btnWrap a { width: auto}

.rtl [class*=btnWrap].alignR [class*=btnType] { margin: 0 0 0 10px}

.rtl [class*=thumbType] .item .txtWrap { float: right}

.rtl.langContent .snsList div,.rtl.langContent .snsList span { float: right}

.rtl.langContent .snsList div p { float: right}

.rtl .referenMark { padding-right: 20px; padding-left: 0}

.rtl .referenMark span { margin-right: 0; margin-left: 5px}

.rtl .relativeLi img { right: auto; left: 0}

.rtl .numbering>li { padding-right: 15px; padding-left: 0}

.rtl .numbering>li div { right: 0; left: auto}

.rtl .imgList .numbering>li { width: 238px}

.rtl.serviceContent .itemDesc [role=button] { margin-right: 0}

.rtl [class*=btnType] .btnIconDown:after,.rtl [class*=btnType] .btnIconDown>.a { margin: 0 10px 0 0}

.rtl [class*=btnType] .btnIconLink:after,.rtl [class*=btnType] .btnIconLink>.a { margin: 0 9px 0 0}

.rtl.locaContent [class*=contTitleIcon] b { padding-right: 10px; padding-left: 0; zoom:1 } 

.rtl.locaContent [class*=tabType] li { float: right}

.rtl [class*=thumbType] .title strong { float: right}

.rtl.collaboContent .boxTypeGray>ul>li { padding: 0 35px 0 116px}

.rtl.collaboContent .boxTypeGray>ul>li img { right: 0; left: auto}

.rtl.collaboContent .boxTypeGray>ul>li button { right: auto; left: 0}

.rtl .layerScroll .innerScroll { padding-right: 0; padding-left: 20px}

.rtl .viewFileWrap a { margin-right: 0; margin-left: 15px; padding-right: 28px; padding-left: 0}

.rtl .viewFileWrap em { margin-right: 0; margin-left: 15px}

.rtl .viewFileWrap a:before,.rtl .viewFileWrap a>.b { right: 0; left: auto}

.rtl .viewNavWrap em { margin-right: 0; margin-left: 30px; padding-right: 0; padding-left: 30px; zoom:1 } 

.rtl .viewNavWrap em:after,.rtl .viewNavWrap em>.a { right: 55px}

.rtl .faqList>li:first-child a,.rtl .faqList>li>div { padding: 20px 70px 20px 60px}

.rtl .faqList>li>a:before,.rtl .faqList>li>a>.b,.rtl .faqList>li>div:before,.rtl .faqList>li>div>.b { right: 20px; left: auto}

.rtl .faqList>li>a:after,.rtl .faqList>li>a>.a { right: auto; left: 20px}

.rtl.contactContent [class*=contacItem] { padding-right: 100px; padding-left: 0}

.rtl.contactContent [class*=contacItem]:after,.rtl.contactContent [class*=contacItem]>.a { right: 0; left: auto}

.rtl.serviceContent .contTextBtn a { float: left}

.blogDoctor .drSnsUrl { margin-top: 30px}

.storiesCont .item { height: 200px; } 

.storiesCont p { height: 130px}

.bg_yellow { background: #fffa9c}

.btnAllWrap { margin-top: 65px; display: block; width: 100%; overflow: hidden}

.btnAllWrap+[class*=tabTypeCol] { margin: 20px 0 15px}

.mapContWrap>img { width: 100%}

.contTitleWrap.contTitleBtnWrap { overflow: hidden}

.contTitleWrap.contTitleBtnWrap .fl_l { float: left}

.contTitleWrap.contTitleBtnWrap .btnWrap { margin-top: 0}

.contTitleWrap.contTitleBtnWrap .btnWrap a { float: left}

[class*=tableType] .boldTxt { font-size: 24px; font-weight: 700; color: #000; letter-spacing: -.5px}

[class*=tableType] .boldTxt strong { font-size: 16px; display: block}

[class*=tableType] .bdLZero { border-left: none}

[class*=tableType] .bdRZero { border-right: none}

.mapTipWrap { display: flex; margin-top: 45px; overflow: hidden; align-items: center; gap: 50px; } 

.mapTipWrap .imgBox { } 

.mapTipWrap .txtBox { } 

.mapTipWrap .txtBox p { background: url(../images/map/TIP.jpg) 0 0 no-repeat}

.mapTipWrap .txtBox.txtBox02 p { margin-top: 140px}

.mapTipWrap .txtBox p strong { font-size: 22px; font-weight: 700}

.mapTipWrap .txtBox p em { font-weight: 700; color: #008ace}

.numberList { margin-top: 25px}

.numberList li { margin-top: 5px}

.numberList dl { overflow: hidden}

.numberList dl dt { float: left; width: 20px; line-height: 26px}

.numberList dl dd { float: left; width: calc(100% - 20px); line-height: 26px}

.speech_bubbleTxt { font-size: 18px; line-height: 22px}

.speech_bubbleBox { position: relative}

.speech_bubbleTxt .speech_bubbleBtn { position: relative; width: 22px; height: 22px; border: none; background: 0 0; font-size: 0; cursor: pointer}

.speech_bubbleTxt .speech_bubbleBtn::after { content: '?'; position: absolute; top: 0; left: 0; width: 20px; height: 20px; border: 1px solid #917560; border-radius: 50%; font-size: 16px; color: #917560; line-height: 1.2; } 

.speech_bubble { display: none; position: absolute; top: 40px; left: 50%; padding: 20px; width: 600px; font-size: 16px; line-height: 24px; color: #2e2e2e; background: #fefeeb; border: 1px solid #bababa; transform: translateX(-50%); z-index: 10}

.speech_bubble::before { content: ''; position: absolute; width: 0; height: 0; top: -10px; left: 50%; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #bababa; transform: translateX(-50%)}

.speech_bubble::after { content: ''; position: absolute; width: 0; height: 0; top: -9px; left: 50%; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fefeeb; transform: translateX(-50%)}

.speech_bubbleBtn.active+.speech_bubble { display: block}

.speech_bubble .speech_bubbleClose { position: absolute; top: 10px; right: 10px; width: 15px; height: 15px; text-indent: -9999em; border: none; background: url(../images/btn_speech_bubbleClose.png) 0 0 no-repeat; cursor: pointer}

.parkNew li { position: relative; width: calc(50% - 10px); height: 362px; margin-left: 0; background-color: #f0f2f4}

.parkNew img { margin-bottom: 0; width: 392px; height: 232px}

.parkNew strong { display: block; margin-top: 18px; padding: 0 30px; font-size: 22px}

.parkNew p { margin-top: 0; padding: 0 30px}

.parkNew p span { border-bottom: 1px solid}

.parkNew .mark { background-color: #2763ba}

.parkNew .mark i { position: absolute; bottom: 0; right: 0; width: 148px; height: 131px; background: url(/asset/img/guide/img_parkNew_mark.png) no-repeat 0 0}

.parkNew .mark p,.parkNew .mark strong { color: #fff}

 .visa-table td{padding: 0 20px}
 .doctorSlide .feSlWrap{background-color: #f2f6fb;}

@media screen and (max-width: 1024px) { /* doctorInfo */
.blogDoctor{position: relative;}
 .blogDoctor>.inner { flex-direction: column; align-items: center; } 
 .doctorSlide { width: 100%; height: 660px;} 
 .doctorSlide .feSlMask { width: 100% !important; height: 660px !important; } 
 .doctorSlide .feSlWrap { width: 100% !important; height: 100% !important; } 
 .doctorSlide .feSlItem { width: 100%; display: flex;justify-content: center;}
 .doctorSlide .feSlItem img { width: 100%; height: 100% !important; object-fit: contain; object-position: center top; } 
 .doctorInfo { width: 100%; padding-left: 0; padding-top: 20px; } 
 .doctorInfo .name{position: absolute;top: 10px;z-index: 10;padding-right: 40px;}

 /* video */
 .eduIntroContent .videoWrap iframe { height: calc((100vw - 40px) / 1.78); } 

 /* .multiSearch */
 .multiSearch input[type=text] { width: calc(100% - 361px); } 

 /* medicalTeamList */
 .medicalTeamList .treatItemWrap { width: calc((100% - 30px) / 4); } 

 /* 서브페이지 팝업 */
 .layerWrap{width: calc(100% - 40px); margin-left: 0 !important;left: 50%;transform: translateX(-50%);}
 .layerContent {padding: 20px;}
 .layerWrap h1{padding: 10px 20px; font-size: 18px;}
 .layerWrap .layerCloseBtn { top: 16px;right: 20px;}
 .layerCollabo03 .layerContent,
 .layerCollabo05 .layerContent{padding: 20px;}
 .layerCollabo03 .ulLayer li,
 .layerCollabo04 .ulLayer li,
 .layerCollabo05 .ulLayer li {width: auto;}
 .layerCollabo03 .ulLayer>li+li,
 .layerCollabo04 .ulLayer>li+li,
 .layerCollabo05 .ulLayer>li+li{margin-left: 0; margin-top: 10px;}

 .thumbTypeHsty .feSlItem{height: 100%;}
 .disableOutline .thumbTypeHsty .feSlItem img{width: 100%;height: 100% !important;object-fit: cover;}

 .feSlMask{width: 100% !important;height: calc((100vw - 120px) * 0.45) !important;}
 .feSlWrap{width: auto !important;height: 100% !important;}
 .speech_bubble{width: 280px; left: -100%;}
 .hstyRow ul{width: 100%;}

    /* blog  */
    .blogContent:has(.doctorInfo) .tableType01:not(.date-table) table {border-bottom: 1px solid #ccc;width: 100%;}
    .blogContent:has(.doctorInfo) .tableType01:not(.date-table) table colgroup{display: none;}
    .blogContent:has(.doctorInfo) .tableType01:not(.date-table) table th,
    .blogContent:has(.doctorInfo) .tableType01:not(.date-table) table td{display: block;text-align: left;border-bottom: none;padding: 8px 8px !important;}
    .blogContent:has(.doctorInfo) .tableType01:not(.date-table) table th{font-weight: 500;color: #111;}
    .blogContent:has(.doctorInfo) .tableType01:not(.date-table) table td{border-top: 1px solid #ccc;}

    .blogContent:has(.doctorInfo) .tableType01.date-table table th{color: #111;font-weight: 500;}
    .blogContent:has(.doctorInfo) .tableType01.date-table table th,
    .blogContent:has(.doctorInfo) .tableType01.date-table table td{padding: 8px !important;text-align: left;}

 }


@media screen and (max-width: 720px) { 
    /* text */
    .contTitleWrap { margin: 20px 0 15px 0; } 
    .branchContent .contTitleWrap>:first-child { font-size: 22px; } 
    .branchContent .contTextWrap>:first-child { font-size: 18px; } 
    .contTitleWrap > :first-child { font-size: 20px; } 
    .lightTxtIntro { font-size: 22px; } 
    .listText > li { margin-top: 20px; } 
    .listText .title { font-size: 18px; } 
    .listText p, .listText ul { margin-top: 5px; } 
    .contTitleWrap > :first-child { font-size: 20px; } 
    .multiSearch .tooltip:after, .multiSearch .tooltip>.a{left: auto;right: -16px; background-size: 100% 100%; width: 305px; height: 112px; background-position: center left -17px;}

    /* boxTypeGray */
    .collaboContent .boxTypeGray { padding: 20px; } 
    .collaboContent .boxTypeGray>ul>li { padding-right: 0; padding-bottom: 50px; } 
    .collaboContent .boxTypeGray>ul>li button { left: 35px; bottom: 0; right: auto; top: auto; width: calc(100% - 35px); } 

    /* History */
    [class*=hstyItem] { flex-direction: column-reverse; background: none; } 
    [class*=hstyItem] .text { padding: 0; width: 100%; padding-top: 10px; } 
    [class*=hstyItem] img { width: 100%; padding: 0; } 
    [class*=hstyItem] h3:before,
    [class*=hstyItem] h3>.b { display: none; } 
    [class*=hstyItem] h3 { font-size: 20px; } 
    [class*=hstyItem] .text em { font-size: 16px; } 
    .hstyItem01 .text { text-align: left; } 

    /* Greetings */
    .greContent .greetingsWrap { padding-right: 0; padding-top: 350px; background-position: center top; background-size: auto 400px; } 
    .greContent .lightTxtIntro { font-size: 22px; margin-bottom: 16px; margin-top: 20px; } 
    .greContent .greetingsWrap p:not(.lightTxtIntro) br{display: none;}

    /* board */
    .boardSearch { float: none; width: 100%; } 
    .boardSearch .keyword { height: 40px; width: calc(100% - 88px); box-sizing: border-box;} 
    .boardSearch:has(.feFoSelect) .keyword { width: calc(100% - 208px); } 
    [class*="boardType"] { margin-top:20px; } 
    .boardTypeTbl col { display: none; } 
    .boardTypeTbl thead { display: none; } 
    .boardTypeTbl tr { display: flex; flex-direction: column; gap: 10px; padding: 20px 0; position: relative; } 
    .boardTypeTbl tr:not(:first-of-type) { border-top: 1px solid #ccc; } 
    .boardTypeTbl tr td:first-of-type { display: none; } 
    .boardTypeTbl tr td:last-of-type { position: absolute; right: 0; bottom: 20px; width: max-content; } 
    .boardTypeTbl tr td:last-of-type::before { content: "Hit : "; } 
    .boardTypeTbl tr td { display: block; width: 100%; border-top: none; text-align: left; padding: 0; } 
    .boardTypeTbl td a { font-size: 16px; max-width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: initial; } 
    .boardTypeTbl td.alignL, .boardTypeTbl th.alignL { padding-left: 0; } 

    /* doctorInfo */
    .doctorInfo{padding-top: 5px;}
    .doctorSlide{height: 400px;}
    .doctorSlide .feSlMask { height: 400px !important; } 
    .doctorSlide .feSlItem { height: 100%; } 
    .doctorSlide .swiper-pagination{bottom: 20px !important;}
    .doctorInfo .name{padding-right: 30px;}
    .doctorInfo .name em { font-size: 20px; margin-bottom: 15px; letter-spacing: -0.5px;} 
    .doctorInfo .snsWrap{top: 2px;}
    .doctorInfo .desc strong { font-size: 16px; } 
    .doctorInfo .btnBig { width: 100%; box-sizing: border-box; } 
    .blogContent:has(.doctorInfo) .tableType01:not(.date-table) table {border-bottom: 1px solid #ccc;}
    .blogContent:has(.doctorInfo) .tableType01:not(.date-table) table colgroup{display: none;}
    .blogContent:has(.doctorInfo) .tableType01:not(.date-table) table th,
    .blogContent:has(.doctorInfo) .tableType01:not(.date-table) table td{display: block;text-align: left;border-bottom: none;padding: 8px 8px !important;}
    .blogContent:has(.doctorInfo) .tableType01:not(.date-table) table th{font-weight: 500;font-size: 14px;color: #111;}
    .blogContent:has(.doctorInfo) .tableType01:not(.date-table) table td{border-top: 1px solid #ccc;}
    .blogContent:has(.doctorInfo) .tableType01.date-table table colgroup col:first-child{width: 125px !important;min-width: auto;}
    .doctorInfo__sns{display: block;position: absolute;top: 10px;right: 20px;z-index: 10;}
    .doctorInfo__sns--btn{cursor: pointer;border-radius: 100px;background-color: #fff;}
    .doctorInfo__sns-list{display: none;}
    .doctorInfo__sns-item{display: flex;justify-content: center;margin-top: 5px;}
    .doctorInfo__sns-item--link{border-radius: 100%;overflow: hidden;background-color: #fff;}

    /* blog */
    #header.headerBlog { height: 60px; } 
    #header.headerBlog h1 { order: 1; height: 60px; } 
    #header.headerBlog h1 a{top: 16px;width: 200px;background-position: right center !important;background-size: contain !important;}
    #header.headerBlog:before, #header.headerBlog>.b{top: 60px;}
    .headerBlog .utilMenu { display: none; } 
    .headerBlog .docSearchBtn { order: 2; font-size: 14px; width:25px; padding-left: 20px;text-align: right;font-size: 0;} 
    .headerBlog .docSearchBtn:before { width: 25px; height: 25px; background-size: 360px; background-position: -23px -19px; top: 2px; } 
    #content.blogContent { padding-top: 60px; } 
    .blogCont{margin-top: 30px;}
    .blogCont [class*="tableType"] col { width: auto !important; min-width: 150px; } 
    .blogCont p{font-size: 14px;}
    .blogMenu ul { display: flex; gap: 20px; } 
    .blogMenu li { margin: 0; padding: 0;  text-align: center; height: 60px;} 
    .blogMenu a { display:flex; width:100%; height: 100%; align-items: center; justify-content: center; box-sizing: border-box; font-size: 14px; line-height: 1.5;color: rgba(255, 255, 255, 0.7);} 
    .docSearchWrap{top: 61px !important;}
    .docSearchWrap .inner{padding: 40px 10px 20px 10px;}
    .docSearchWrap .closeBtn{top: 10px;width: 20px;height: 20px;background-size: auto 100%;background-position:  -20px 0;right: 20px;}
    .docSearchWrap .docSearch{width: 100%;box-sizing: border-box;padding: 0 40px 5px 0;margin-bottom: 20px;}
    .docSearchWrap .docSearch button{width: 25px;height: 25px;background-size: auto 100%;top: 3px;}
    .docSearchWrap .docSearch input[type=text]{font-size: 16px;height: 30px;}
    .docList ul{height: 250px;}
    .docList li{margin-top: 20px;width: 100%;}
    .blogMenu{background: linear-gradient(to right, #118ccf 40%, #236bbe);}
    .blogMenu li.current a{color: #fff;font-weight: 700;}

    .blogContent:has(.doctorInfo) .tableType01.date-table table{width: 100%;}
    

    /* .multiSearch */
    .multiSearch { padding: 20px 0; } 
    .selectType { width: 100%; box-sizing: border-box; margin-bottom: 10px; } 
    .multiSearch input[type=text] { margin-left: 0; width: calc(100% - 92px); } 

    /* boxType */
    [class*=boxType] { padding: 20px; } 

    /* professContent */
    .professContent .downloadList td p { padding-right: 0; padding-bottom: 35px; } 
    .professContent .downloadList [role=button] { margin-bottom: 0; top: auto; bottom: 0; left: 0; } 

    /* medicalTeamList */
    .medicalTeamList .treatItemWrap { width: calc((100% - 10px) / 2); } 

    /* contactContent */
    .contactContent [class*=contacItem] { margin-top: 25px; padding-left: 80px; } 
    .contactContent [class*=contacItem] em { font-size: 18px; } 
    .contactContent [class*=contacItem]:after, 
    .contactContent [class*=contacItem]>.a { width: 70px; height: 70px; background-size: 425px; top: 0; } 
    .contactContent .contacItem02:after, 
    .contactContent .contacItem02>.a { background-position: -71px 0; } 
    .contactContent .contacItem03:after, 
    .contactContent .contacItem03>.a { background-position: -142px 0; } 
    .contactContent .contacItem04:after, 
    .contactContent .contacItem04>.a { background-position: -213px 0; } 
    .contactContent .contacItem05:after, 
    .contactContent .contacItem05>.a { background-position: -284px 0; } 
    .contactContent .contacItem06:after, 
    .contactContent .contacItem06>.a { background-position: -355px 0; } 

    /* starPoint */
    [class*=starPoint] { margin: 5px 0 10px; } 

    /* pointBoard */
    .pointBoard .title { margin-bottom: 10px; } 
    .pointBoard .btnWrap { margin-top: 20px; } 

    /* map */
    .mapTipWrap { margin-top: 30px; } 
    .mapTipWrap { flex-direction: column; align-items: start; gap: 0px; } 
    .mapTipWrap .txtBox p strong { font-size: 20px; } 

    /* imgList */
    .parkNew li { width: 100%; height: auto; } 
    .parkNew img { width: 100%; } 
    .parkNew strong { margin-top: 0; padding: 0 10px; padding-top: 10px; font-size: 18px; margin-bottom: 10px; } 
    .parkNew p { padding: 0 10px; padding-bottom: 10px; } 

    /* interContent */
    .appContent .infoWrap .snsWrap, 
    .interContent .infoWrap .snsWrap { position: initial; margin-top: 20px; } 

    /* Appointment */
    .msgBox { padding: 80px 0 30px 0; } 
    .msgBox em { font-size: 22px; } 
    .appContent .appointment { padding: 30px 0; } 
    .appContent .appointment div { display: flex; align-items: center; } 
    .appContent .appointment label { width: 100px; } 
    .appContent .appointment input[type=password], 
    .appContent .appointment input[type=text] { width: calc(100% - 100px); box-sizing: border-box; } 

    /* persInfor */
    .persInforWrap .terms { padding: 20px; } 
    .persInforWrap .checkWrap { padding: 20px; } 

    /* relativeLi */
    .relativeLi img { position: initial; } 

    /* serviceContent */
    .serviceContent .thumbType02 .itemDesc { padding-left: 0; padding-top: 200px; } 
    .serviceContent .thumbType02 .itemImg { top: 20px; left: 50%; transform: translateX(-50%); } 
    /* .serviceContent .thumbType02 .item { align-items: center; } */

    /* thumbType */
    .thumbTypeCont .item { height: auto; } 
    .thumbTypeCont .thumb { width: 100%; margin-right: 0 !important; height: calc((100vw - 40px) / 2); } 
    .thumbTypeCont .thumb+.txtWrap { width: 100%; margin-top: 15px; } 
    .thumbTypeCont .title strong { font-size: 18px; } 

    /* table */
    [class*=tableType] .boldTxt { font-size: 20px; } 

    /* location */
    .imgList li { width: 100%; } 
    /* .disableOutline img { width: 100%; }  */
    .disableOutline table img { max-width: 100% !important; height: auto !important; width: auto; } 

    /* 서치 헤더 */
    .collaboContent .boxTypeGray>ul>li img { width: auto; } 

    .appContent .localeInfo b{font-size: 18px;line-height: 1.8;}

    .find-table{display: block;}
    .find-table tbody{display: block;}
    .find-table tbody tr{display: block;}
    .find-table tbody td{display: block;}

    .visa-table td{padding: 0 20px;max-width: 100%;}
    .visa-table td p:nth-child(2) span{font-size: 20px !important;}
    .visa-table td p span{font-size: 18px !important;}

    .editWarp:has(.dpCode_IMA):has(.dpCode_IMA) table{display: block;left: 0 !important;}
    .editWarp:has(.dpCode_IMA) table tbody{display: flex;flex-wrap: wrap;gap: 15px;}
    .editWarp:has(.dpCode_IMA) table tbody tr:not(:nth-child(2n)){display: none;}
    .editWarp:has(.dpCode_IMA) table tbody tr{display: flex;flex-direction: column;width: 100%;gap: 15px;justify-content: space-around;}
    .editWarp:has(.dpCode_IMA) table tbody tr:nth-child(2n) td{width: 100% !important;}
    .editWarp:has(.dpCode_IMA) table tbody td{height: auto;font-weight: 500;}
    .editWarp:has(.dpCode_IMA) table tbody td a{width: 100%;display: block;}
    .editWarp:has(.dpCode_IMA) table tbody td a img{width: 100%;}
    .editWarp:has(.dpCode_IMA) table tbody tr td::before{margin-bottom: 5px;display: block;}
    .editWarp:has(.dpCode_IMA) table tbody tr:nth-child(2) td:nth-child(1)::before{content: "Allergic diseases";}
    .editWarp:has(.dpCode_IMA) table tbody tr:nth-child(2) td:nth-child(2)::before{content: "Skin prick test";}
    .editWarp:has(.dpCode_IMA) table tbody tr:nth-child(2) td:nth-child(3)::before{content: "Methacholine bronchial challenge test";}
    .editWarp:has(.dpCode_IMA) table tbody tr:nth-child(4) td:nth-child(1)::before{content: "Induced sputum exam";}
    .editWarp:has(.dpCode_IMA) table tbody tr:nth-child(4) td:nth-child(2)::before{content: "Exhaled nitric oxide test";}
    .editWarp:has(.dpCode_IMA) table tbody tr:nth-child(4) td:nth-child(3)::before{content: "Allergy provocation test";}

    /* .viewContent */
    .viewContent iframe{max-width: 100%;height: auto !important;}
}