@charset "UTF-8";

/* wrap */
.wrap{min-width: 1400px; width: 100%;}
.inner{margin: 0 auto; width: 1200px;}
.w1200{margin: 0 auto; width: 1200px;}

/* common */
.pc_only{display: block !important;}
.mo_only{display: none !important;}

/* header */
.header{width: 100%; height: 220px; border-bottom:5px solid #334877;}
.header h1{margin: 0 auto; padding: 50px 0 35px; width: 374px;}
.header .blogLink{position: absolute; left: 0; top: 67px; width: 45px;}

.pcGnb .gnb{font-size: 0;}
.pcGnb .gnb > li{display: inline-block; position: relative; width: calc(100% / 6); height: 50px;}
.pcGnb .gnb > li > a{display: block; width: 100%; height: 100%; line-height: 50px; text-align: center; font-size: 20px; color: #393d41;}
.pcGnb .gnb > li:hover > a{font-weight: 700; color: #52baca;}
.pcGnb .gnb > li.active > a{font-weight: 700; color: #52baca;}

.pcGnb .gnb .sub{display: none; z-index: 10; position: absolute; left: 0; top: 100%; padding-top: 5px; width: 100%; background-color: #7eccdc;}
.pcGnb .gnb .sub > li{border-bottom: 1px solid #65a4c2;}
.pcGnb .gnb .sub > li:last-of-type{border: none;}
.pcGnb .gnb .sub > li > a{display: block; width: 100%; height: 52px; line-height: 52px; font-size: 20px; text-align: center; color: #fff;}

/* footer */
.footer{width: 100%; height: 250px; font-size: 0; background-color: #222938;}
.footer .inner > div{display: inline-block; vertical-align: top;}
.footer .leftCon{padding-top: 92px; width: 485px;}
.footer .leftCon .logo{opacity: 0.5; width: 300px;}
.footer .rightCon{padding-top: 50px; width: calc(100% - 485px);}
.footer .rightCon .ftMenu{margin-bottom: 50px; font-size: 0;}
.footer .rightCon .ftMenu li{display: inline-block;}
.footer .rightCon .ftMenu li::after{content:""; display: inline-block; margin: 0 10px; width: 2px; height: 14px; background-color: #91949c; vertical-align: -1px;}
.footer .rightCon .ftMenu li:last-of-type::after{display: none;}
.footer .rightCon .ftMenu li a{font-size: 16.16px; font-weight: 700; color: #91949c; letter-spacing: -2px;}
.footer .rightCon .address {}
.footer .rightCon .address p{margin-bottom: 15px;}
.footer .rightCon .address p span{font-size: 16.16px; font-weight: 500; color: #91949c; letter-spacing: -1px;}
.footer .rightCon .address p span::after{content:""; display: inline-block; margin: 0 10px; width: 1px; height: 14px; background-color: #91949c; vertical-align: -1px;}
.footer .rightCon .address p span:last-of-type::after{display: none;}
.footer .rightCon .copy{font-size: 16.16px; font-weight: 500; color: #91949c; letter-spacing: -1px;}

/* contenst */

.contents{}

.mainVisual{overflow: hidden; position: relative;}

.quickMenu{padding: 50px 0;}
.quickMenu ul{ font-size: 0;}
.quickMenu ul li{position: relative; display: inline-block; margin-right: 27px; width: 280px; height: 380px; vertical-align: top;}
.quickMenu ul li:first-of-type{margin-right: 26px;}
.quickMenu ul li:last-of-type{margin-right: 0;}
.quickMenu ul li a .img{position: relative;}
.quickMenu ul li a .img::after{content:""; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.quickMenu ul li a span{position: absolute; z-index: 2; left: 0; bottom: 0; padding-left: 20px; width: 100%; height: 90px; line-height: 90px; font-size: 30px; font-weight: 700; color: #fff; letter-spacing: -2px;}
.quickMenu ul li a span strong{display: inline !important;}
.quickMenu ul li a span::after{content:""; position: absolute; right: 20px; top: 50%; transform:translateY(-50%); width: 35px; height: 36px; background: url("/common/img/layout/ico_more.png") no-repeat center center;}
.quickMenu ul li:nth-of-type(2n-1) a span{background-color: rgba(66,164,185,0.6);}
.quickMenu ul li:nth-of-type(2n) a span{background-color: rgba(51,72,119,0.6);}
.quickMenu ul li:nth-of-type(2n-1) a .img::after{background-color: rgba(66,164,185,0.6);}
.quickMenu ul li:nth-of-type(2n) a .img::after{background-color: rgba(51,72,119,0.6);}

.deviceCon{padding-top: 80px; background-repeat: no-repeat; background-position: center center;}
.deviceCon.device1{height: 851px; background-image: url("/common/img/contents/device_img01.jpg")}
.deviceCon.device2{height: 600px; background-image: url("/common/img/contents/device_img02.jpg")}
.deviceCon .title{width: 804px;}
.deviceCon .title p{font-size: 30px; line-height: 1.55; letter-spacing: -3px;}
.deviceCon .title h3{margin-top: 5px; padding-bottom: 40px; font-size: 50px; font-weight: 700; color: #334877; line-height: 1.3; border-bottom: 3px solid #334877; letter-spacing: -2px;}
.deviceCon .title h3 span{display: block; font-weight: 500;}
.deviceCon .detail{margin-top: 50px; width: 804px; margin-bottom: 40px;}
.deviceCon .detail dl{margin-bottom: 15px;}
.deviceCon .detail dl dt{margin-bottom: 10px; font-size: 26.6px; font-weight: 500; letter-spacing: -2px;}
.deviceCon .detail dl dd{font-size: 23.3px; line-height: 1.5; letter-spacing: -3px;}

.timeCon{font-size: 0;}
.timeCon > div{display: inline-block; vertical-align: top;}
.timeCon .leftCon{padding: 100px 0; margin-right: 35px; width: 772px;}
.timeCon .leftCon h3{padding-bottom: 20px; font-size: 33.33px; font-weight: 500;}
.timeCon .leftCon .detail{position: relative; padding: 55px 0 55px 208px; height: 334px; border-top: 3px solid #334877; border-bottom: 3px solid #334877;}
.timeCon .leftCon .detail:before{content:""; position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 182px; height: 188px; background: url("/common/img/layout/ico_time.png") no-repeat center center;}
.timeCon .leftCon .detail dl{margin-bottom: 25px; font-size: 0;}
.timeCon .leftCon .detail dl dt{display: inline-block; font-size: 26.66px; font-weight: 500; color: #606060;}
.timeCon .leftCon .detail dl dd{display: inline-block; font-size: 20px; font-weight: 500; color: #334877; letter-spacing: -2px;}
.timeCon .leftCon .detail dl dd span{font-size: 26.66px; font-weight: 700;}
.timeCon .leftCon .detail dl dd::before{content:"";  display: inline-block; margin: 0 10px; width: 2px; height: 25px; background-color: #606060; vertical-align: -4px;}
.timeCon .leftCon .detail dl dd.last::before{content:"";  display: inline-block; margin: 0 10px; width: 2px; height: 25px; background-color: #ffffff; vertical-align: -4px;}

.timeCon .banner{position: relative; width: 393px; height: 587px; background-color: #334877;}
.timeCon .banner p{position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); width: 100%; text-align: center; color: #fff;}
.timeCon .banner p strong{display: block; margin-bottom: 10px; font-size: 40px; font-weight: 500;}
.timeCon .banner p strong img{margin-right: 5px; width: 44px; vertical-align: middle;}
.timeCon .banner p span{font-size: 40px; font-weight: 700;}

.subVisual{position: relative;}
.subVisual .img{overflow:hidden; position: relative; width: 100%; height: 650px;}
.subVisual .img img{position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 1920px;}
.subVisual .txt {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center;}
.subVisual .txt p{margin-bottom: 15px; font-size: 50px; font-weight: 500; color: #ffc600; letter-spacing: -1px;}
.subVisual .txt h2{font-size: 66.66px; font-weight: 700; color: #fff; letter-spacing: -1px;}

.introMenu{font-size: 0;}
.introMenu li{display: inline-block; position: relative;}
.introMenu li::after{content:""; position: absolute; right: 0; top: 50%; transform:translateY(-50%); width: 1px; height: 14px; background-color: #303030;}
.introMenu li:nth-of-type(1){width: 265px;}
.introMenu li:nth-of-type(2){width: 261px; text-align: center;}
.introMenu li:nth-of-type(3){width: 238px; text-align: center;}
.introMenu li:nth-of-type(4){width: 278px; text-align: center;}
.introMenu li:nth-of-type(5){width: 158px; text-align: right;}
.introMenu li:nth-of-type(5)::after{display: none;}
.introMenu li a{line-height: 60px; font-size: 20px;}

.introTitl{position: relative;}
.introTitl h3{font-size: 33.33px; font-weight: 500; line-height: 180px; text-align: center;}
.introTitl span{z-index: -1; opacity: 0.3; position: absolute; left: 46%; top: 47%; font-size: 50px; font-style: italic; color: #ffc600;}

.meritsCon{background-position: center center; background-repeat: no-repeat;}
.meritsCon.right{text-align: right;}
.meritsCon h3{margin-bottom: 30px; font-size: 33.33px; letter-spacing: -1px;}
.meritsCon h3 span{font-size: 80px; color: #ffefca; font-style: italic;}
.meritsCon p{font-size: 20px; line-height: 1.5; letter-spacing: -1px;}

.merits01{padding-top: 140px; height: 476px; background-image: url("/common/img/contents/merits_img01.jpg");}
.merits01_01{padding-top: 85px; height: 430px; background-image: url("/common/img/contents/merits_img01_01.jpg");}
.merits02{padding-top: 100px; height: 430px; background-image: url("/common/img/contents/merits_img02.jpg");}
.merits03{padding-top: 100px; height: 430px; color: #fff; background-image: url("/common/img/contents/merits_img03.jpg");}

.meritsList{padding: 100px 0 66px;}
.meritsList h3{margin: 0 auto; padding-top: 40px; width: 515px; height: 178px; font-size: 43.36px; text-align: center; letter-spacing: -1px; background: url("/common/img/contents/img_leaf.png") no-repeat center center;}
.meritsList h3 span{display: block; margin-top: 10px; font-size: 43.33px; color: #334877; font-weight: 700;}
.meritsList ul{padding-top: 100px; font-size: 0;}
.meritsList ul li{display: inline-block; margin: 0 34px 34px 0; padding: 30px 35px; width: 583px; height: 574px; box-shadow: 0 0 15px rgba(0,0,0,0.1); vertical-align: top;}
.meritsList ul li:nth-of-type(2n){margin-right: 0;}
.meritsList ul li .img{text-align: center;}
.meritsList ul li .img img{width: auto;}
.meritsList ul li .txt{}
.meritsList ul li .txt h4{margin-top: 40px; font-size: 26.66px; font-weight: 700; letter-spacing: -3px; color: #334877; text-align: center;}
.meritsList ul li .txt h4::after{content:""; display: block; margin: 23px auto 35px; width: 24px; height: 2px; background-color: #334877;}
.meritsList ul li .txt p{font-size: 20px; font-weight: 500; line-height: 1.5; text-align: justify; word-break: break-all;}

.doctorCon{}
.doctorCon .tit{}
.doctorCon .tit.line{position: relative;}
.doctorCon .tit.line::after{content:""; position: absolute; left: 0; bottom: 5px; width: 100%; height: 2px; background: linear-gradient(to left , #334877 , #7eccdc);}
.doctorCon .tit .name{opacity: 0.3; font-size: 71px; font-style: italic; color: #c1c8d6;}
.doctorCon .tit h3{display: inline-block; padding: 10px 0 30px; font-size: 50px; font-weight: 700; letter-spacing: 15px;}
.doctorCon .tit h3 span{font-size: 33.33px; letter-spacing: -3px; font-weight: 400;}
.doctorCon .tit .sub{display: inline-block; font-size: 33.33px; letter-spacing: -1px; font-weight: 400; color: #334877;}
.doctorCon .tit .sub::before{content:""; display: inline-block; margin: 0 25px 0 20px; width: 2px; height: 28px; background-color: #334877; vertical-align: middle;}

.doctorCon .detail{}
.doctorCon .detail h3{margin-bottom: 30px; padding: 0 30px; width: 148px; height: 38px; font-size: 26.66px; line-height: 38px; color: #fff; letter-spacing: -2px; border-radius: 19px; background-color: #334877;}
.doctorCon .detail ul{margin-bottom: 40px;}
.doctorCon .detail ul:last-of-type{margin-bottom: 0;}
.doctorCon .detail ul li{font-size: 23.33px; line-height: 1.5; letter-spacing: -1px;}

.doctorInfo{position: relative; background-position: center top; background-repeat: no-repeat;}
.doctorInfo::before{content:""; position: absolute; left: 0; top: 145px; width: 55%; height: 2px; background-color: #384f7d;}
.doctor1 .doctorInfo{background-image: url("/common/img/contents/introduce_doctor1.jpg")}
.doctor2 .doctorInfo{background-image: url("/common/img/contents/introduce_doctor2.jpg")}
.doctor3 .doctorInfo{background-image: url("/common/img/contents/introduce_doctor3.jpg")}
.doctor4 .doctorInfo{background-image: url("/common/img/contents/introduce_doctor4.jpg")}
.doctor5 .doctorInfo{background-image: url("/common/img/contents/introduce_doctor5.jpg")}
.doctorInfo.nopicture {background-image: none;}
.doctorInfo.nopicture::before {display: none;}

.doctorWrap.center{text-align: center;}
.doctorWrap.center .tableStyle{margin: 0 auto; float: none;}

.officeTime{padding: 16px 0 100px; font-size: 0;}
.officeTime.pb50{padding-bottom: 50px;}
.officeTime2{padding: 16px 0 100px; font-size: 0; margin-top:150px}
.officeTime2.pb50{padding-bottom: 50px;}
.tableStyle{width: 588px;}
.tableStyle.oddTable{float: left;}
.tableStyle.evenTable{float: right;}
.tableStyle h4{width: 100%; height: 40px; font-size: 23.33px; line-height: 40px; text-align: center; color: #fff; background-color: #6478a4;}
.tableStyle table{width: 100%; text-align: center; border-bottom: 2px solid #cdcdcd;}
.tableStyle table thead tr th{height: 44px; font-size: 20px; font-weight: 500; background-color: #eaecf1; border-top: 2px solid #cdcdcd; border-bottom: 2px solid #cdcdcd;}
.tableStyle table tbody tr th{height: 41px; font-size: 20px; border-bottom: 1px solid #e3e3e3; background-color: #f9f9f9;}
.tableStyle table tbody tr td{height: 41px; font-size: 12px; color: #334877; letter-spacing: -2px; font-weight: 500; border-bottom: 1px solid #e3e3e3;}
.tableStyle table tbody tr:last-of-type th{border: none;}
.tableStyle table tbody tr:last-of-type td{border: none;}
.tableStyle table tbody tr td.no{background-color: #eee;}
.tableStyle table tbody tr td span{display: inline-block; width: 12px; height: 12px; border-radius: 50px; background-color: #334877;}

.interiorCon{position: relative; padding:50px 0 100px;}
.interiorCon .swiper-container{width: 998px;}
.interiorCon .gallery-top{margin-bottom: 20px;}
.interiorCon .gallery-thumbs{}
.interiorCon .gallery-thumbs .swiper-slide{position: relative; margin-right: 18px; width: 185px !important;}
.interiorCon .gallery-thumbs .swiper-slide::after{content:""; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);}
.interiorCon .gallery-thumbs .swiper-slide.swiper-slide-thumb-active::after{display: none;}
.interiorCon .gallery-thumbs .swiper-slide:first-of-type{margin-right: 19px;}
.interiorCon .gallery-thumbs .swiper-slide:last-of-type{margin-right: 0;}

.interiorCon .swiper-button-next,
.interiorCon .swiper-button-prev{width: 33px; height: 38px; margin-top: 0; top: 40%; transform:translateY(-50%);}
.interiorCon .swiper-button-next{background: url("/common/img/layout/ico_arrow_right.png") no-repeat center center;}
.interiorCon .swiper-button-prev{background: url("/common/img/layout/ico_arrow_left.png") no-repeat center center;}

.scheduleInfoWrap{overflow: hidden;}
.scheduleInfoWrap img{position: relative; left: 50%; transform:translateX(-50%); width: 1920px;}

.mapWrap{padding: 50px 0 100px;}
.mapWrap #map{width: 100%; height: 700px; background: #eee;}
.mapWrap .detail{width: 100%; height: 50px; line-height: 50px; font-size: 26.66px; color: #fff; font-weight: 700; letter-spacing: -1px; text-align: center; background-color: #334877;}

.transWrap{margin-bottom: 100px; text-align: center;}
.transWrap h3{display: inline-block; margin: 0 auto 30px; font-size: 33.33px; line-height: 60px; font-weight: 700; color: #334877; text-align: center; letter-spacing: -1px; border-bottom: 5px solid #334877;}
.transWrap h3 img{vertical-align: middle;}
.transWrap.bus h3 img{width: 56px;}
.transWrap.train h3 img{width: 45px;}

.transWrap .kindWrap{padding: 30px 0; border: 1px solid #a4b4d8; background-color: #f2f6ff;}
.transWrap .kindWrap .kindCon{font-size: 0;}
.transWrap .kindWrap .kindCon + .kindCon{margin-top: 20px;}
.transWrap .kindWrap .kindCon dt{display: inline-block; margin-right: 20px; height: 35px; line-height: 35px; text-align: center; font-size: 20px; letter-spacing: -2px; font-weight: 700; color: #fff; border-radius: 5px; vertical-align: top;}
.transWrap .kindWrap .kindCon dd{display: inline-block; margin-right: 20px; height: 35px; line-height: 35px; text-align: center; font-size: 20px; font-weight: 500; color: #fff; border-radius: 5px; vertical-align: top;}
.transWrap .kindWrap .kindCon dd:last-of-type{margin-right: 0;}
.transWrap .kindWrap .kindCon dd.small{width: 52px;}
.transWrap .kindWrap .kindCon dd.big{width: 93px;}

.transWrap.bus .kindWrap .kindCon{padding-left: 289px; text-align: left;}
.transWrap.bus .kindWrap .kindCon dt{width: 254px; background-color: #a4b4d8;}
.transWrap.bus .kindWrap .kindCon dd.green{background-color: #3cc344;}
.transWrap.bus .kindWrap .kindCon dd.red{background-color: #fb5852;}
.transWrap.bus .kindWrap .kindCon dd.blue{background-color: #386de8;}

.transWrap.train .kindWrap .kindCon dt{width: 93px; background-color: #55aeff;}
.transWrap.train .kindWrap .kindCon dd{color: #303030;}

.directionsWrap{padding: 100px 0; background-color: #a4b4d8;}

.sub-conts .center-box{overflow: hidden;}
.sub-conts .center-box img{position: relative; left: 50%; transform: translateX(-50%); width:1920px;}

.memberWrap{padding-bottom: 100px;}

.memberMenu{padding: 50px 0 22px;}
.memberMenu ul{font-size: 0;}
.memberMenu ul li{display: inline-block; width: 20%;}
.memberMenu ul li a{display: block; width: 100%; height: 67px; font-size: 20px; color: #7286b2; text-align: center; line-height: 67px; background-color: #f2f6ff; border: 1px solid #a4b4d8;}
.memberMenu ul li.active a{font-weight: 700; background-color: #a4b4d8; border-color: #a4b4d8; color: #fff;}

.memberCon{padding: 40px 35px; border: 1px solid #a4b4d8; border-top-width: 8px; font-size: 16px; font-weight: 500; letter-spacing: -1px; line-height: 1.5;}
.memberCon h2{margin-bottom: 45px; font-size: 50px; font-weight: 700; text-align: center; color: #7286b2; letter-spacing: -1px;}
.memberCon h3{margin-bottom: 3px; font-size: 16px; font-weight: 500; letter-spacing: -1px;}
.memberCon dl{margin-bottom: 30px;}
.memberCon dl .circle{font-size: 10px; vertical-align: middle;}
.memberCon dl dt{line-height: 1.4;}
.memberCon dl dd{line-height: 1.4;}
.memberCon dl dd .mt30{margin-top: 30px;}
.memberCon dl dd ul{line-height: 1.4;}
.memberCon dl dd ul li{line-height: 1.4;}

.unpaidWrap{padding: 50px 0 100px;}
.unpaidCon {}
.unpaidCon h2{margin-bottom: 20px; width: 100%; height: 65px; line-height: 65px; font-size: 20px; font-weight: 700; text-align: center; color: #fff; letter-spacing: -1.5px; background-color: #a4b4d8;}
.unpaidCon table{width: 100%;}
.unpaidCon table th,
.unpaidCon table td{padding: 15px 20px; border: 1px solid #ddd; font-size: 24.33px;}
.unpaidCon table th{background-color: #f9f9f9; font-weight: 500;}
.unpaidCon table td span{font-size: 15.5px; letter-spacing: -2px;}
.unpaidCon table td.name{text-align: center;}
.unpaidCon table td.cash{text-align: right; letter-spacing: -1px;}

.popupWrap{display: none; z-index: 9999; position:absolute; left: 50%; top: 150px; transform:translateX(-50%); white-space: nowrap; font-size: 0;}
.popupWrap.open{display: block;}
.popupWrap .inner{display: none; margin-right: 50px; width: 560px; box-shadow:3px 3px 10px 3px rgba(0,0,0,0.5);}
.popupWrap .inner:last-of-type{margin-right: 0;}
.popupWrap .inner.show{display: inline-block;}
.popupWrap .inner img{width: 100%;}
.popupWrap .inner .btnWrap{padding: 10px; background-color: #334877;}
.popupWrap .inner .btnWrap a.checkBtn{float: left; padding-top: 1px; font-size: 12px; color: #fff;}
.popupWrap .inner .btnWrap a.closeBtn{float: right; display: block; width: 12px;}

.mapCon{background-color: #f3f3f3;}
.mapCon h2{font-size: 50px; font-weight: 700; color: #376cb2; text-align: center;}
.mapCon .imgWrap{margin: 70px 0 50px;}
.mapCon ul li{position: relative; margin-bottom: 10px; padding-left: 35px; font-size: 26px; font-weight: 500;}
.mapCon ul li:last-of-type{margin-bottom: 0;}
.mapCon ul li::before{content:""; position: absolute; left: 13px; top: 9px; width: 5px; height: 5px; background-color: #434343; border-radius:50%;}
.mapCon ul li span{font-weight: 700; color: #376cb2;}

@media all and (max-width:1280px){

}