/* COMMON */
.sub-visual { height: 300px; text-align: center; }
.sv1 { background: url('/child/img/sub/sv1.jpg') no-repeat center / cover; }
.sv2 { background: url('/child/img/sub/sv2.jpg') no-repeat center / cover; }
.sv3 { background: url('/child/img/sub/sv3.jpg') no-repeat center / cover; }
.sv4 { background: url('/child/img/sub/sv4.jpg') no-repeat center / cover; }
.sv5 { background: url('/child/img/sub/sv5.jpg') no-repeat center / cover; }
.sv6 { background: url('/child/img/sub/sv6.jpg') no-repeat center / cover; }
.sub-visual h3 { font-size: 40px; color: #fff; font-weight: 200; }
.sub-visual p { margin-bottom: 13px; line-height: 26px; font-size: 20px; color: #fff; }
.sub-visual p:last-child { margin-bottom: 0; }
.sub-visual-dark h3 { color: #333 !important; }
@media (max-width: 1024px){
    .sub-visual { height: 250px; }
    .sub-visual h3 { font-size: 30px; }
    .sub-visual p { font-size: 18px; }
}
@media (max-width: 768px){
    .sub-visual { height: 150px; }
    .sub-visual h3 { font-size: 20px; }
    .sub-visual p { font-size: 16px; }
}


/* 약관 */
@media(max-width:768px){
    .terms-area * { font-size: 13px !important; }
}


/* 공지사항 */
.notice-title { text-align: center; margin-bottom: 60px; font-size: 60px; font-weight: 600; line-height: 1;  letter-spacing: -0.09em; }

/* 병원찾기 */
.spot-wrap { text-align: center; margin-bottom: 40px; }
.spot-wrap h3 { margin-bottom: 40px; font-size: 60px; font-weight: 600; line-height: 1;  letter-spacing: -0.09em; }
.spot-wrap p { font-size: 24px; font-weight: 300; color: #999999;  }
.spot-search-area:before { content: ''; z-index: 1; position: absolute; left: calc(50vw - 720px); bottom: 0;  width: 421px; height: 430px; background: url('/child/img/sub/spot/nurse.png') center no-repeat; }
.spot-search-area:after { content: ''; z-index: 1; position: absolute; right: calc(50vw - 700px); bottom: 0;  width: 365px; height: 472px; background: url('/child/img/main/m22.png') center no-repeat;background-size: auto 472px;  }



@media(max-width:1024px){
    .notice-title { margin-bottom: 30px; font-size: 36px;}

    .spot-wrap { margin-bottom: 30px; }
    .spot-wrap h3 { margin-bottom: 30px; font-size: 36px; }
    .spot-wrap p { font-size: 18px; font-weight: 300; }

    .spot-search-area:before,
    .spot-search-area:after { content: none; }

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


/* Sub Tab List */
/* .sub-tab-area { z-index: 2; position: relative; margin: -55px auto 0; width: 100%; background: rgba(4,74,179,.8); }
.sub-tab-list { margin: auto; max-width: 1050px; width: 100%; }
.sub-tab-list:after { content: ''; display: block; clear: both; }
.sub-tab-list li { float: left; text-align: center; }
.sub-tab-list li a { display: block; height: 55px; font-size: 18px; font-weight: 200; color: rgba(255,255,255,1); }
.sub-tab-list li:last-child a { }
.sub-tab-list li a:hover { background: rgba(0,0,0,.1); }
.sub-tab-list li.on a { color: #333333; background: #fff; }
.sub-tab-list li a:hover span:after,
.sub-tab-list li.on a span:after { width: 100%; }
.l-1 li { width: 100%; }
.l-2 li { width: 50%; }
.l-3 li { width: 33.33333%; }
.l-4 li { width: 25%; }
.l-5 li { width: 20%; }
.l-6 li { width: 16.66666%; }

.i-emergency { display: inline-block; vertical-align: -5px; margin-right: 5px; width: 32px; height: 25px; background: url('/child/img/icon/i-emergency.png') no-repeat; }

@media (max-width: 1024px){
}
@media (max-width: 768px){
    .sub-tab-area { margin-top: -40px; padding: 0 15px; }
    .sub-tab-list li a { height: 40px; line-height: 16px; font-size: 14px; }
    .sub-tab-list li.on a { font-size: 14px; }
}
@media (max-width: 550px){
    .sub-tab-area { margin-top: 0; padding: 0; }
    .sub-tab-list { background: rgba(0,0,0,.2); }
    .sub-tab-list li a,
    .sub-tab-list li.on a { font-size: 13px; }
    .sub-tab-list li a { border-left-color: rgba(255,255,255,.2); }
    .l-5 li { width: 33.33333%; }
    .l-5 li a { border-bottom: 1px solid rgba(255,255,255,.2); }
    .l-5 li:last-child a { position: relative; border-right: none; }
    .l-5 li:last-child a:before { content: ''; position: absolute; top: 0; right: -1px; width: 1px; height: 100%; background: rgba(255,255,255,.2); }
} */


@media (max-width:1024px){

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

}