﻿/*-------------------------------------------------- ★서브페이지 (모바일 기준) ---------------------------------------------------*/
@media screen and (max-width:1399px) {

    /*메인비쥬얼*/
    .main-visual{position:relative; overflow:hidden;}
    .bx-wrapper{box-shadow:none; border:none; margin-bottom:0;}
    .slider .mv-1{padding:30px 0 50px;}
    .slider .mv-1 .container{padding-left:0; padding-right:0;}
    .main-visual .text{margin-top:30px}
    .bx-wrapper img.pc-only{display:none}
    .bx-wrapper .bx-pager{position:absolute; width:40px; left:50%; bottom:12px; margin-left:-20px; text-align:center}
    .bx-wrapper .bx-pager.bx-default-pager a{width:8px; height:8px; border-radius:50%;}
    
    /*메인 타이틀*/
    .main-solution,.main-doc,.main-special{padding-top:30px; padding-bottom:30px; }
    .tit{margin-bottom:30px; text-align:center; color:#111;}
    .tit h3{display:inline-block; margin-bottom:10px; font-size:1.6rem; border-bottom:2px solid #111; font-weight:600;}
    .tit h5{font-size:1rem; font-weight:400;}
    
    /*메인솔루션*/
    .main-solution{}
    .main-solution .banner{padding-left:0; padding-right:0; width:50%; border:1px solid #fff;}
    /* .main-solution .banner:nth-child(1) {background:#f7f7f7!important;}
    .main-solution .banner:nth-child(2) {background:#f7f7f7!important;}
    .main-solution .banner:nth-child(3) {background:#f7f7f7!important;}
    .main-solution .banner:nth-child(4) {background:#f7f7f7!important;}
    .main-solution .banner:nth-child(5) {background:#f7f7f7!important;}
    .main-solution .banner:nth-child(6) {background:#f7f7f7!important;}
    .main-solution .banner:nth-child(7) {background:#f7f7f7!important;}
    .main-solution .banner:nth-child(8) {background:#f7f7f7!important;} */
    .main-solution .banner a{display:block;  height: 100%; width: 100%;}
    .main-solution .banner .tit{position:relative; padding:22px 2px; margin-bottom:0; border:2px solid #b7b8b8; text-align:center; }
    .main-solution .banner h4{margin-bottom:10px; font-size:1.2rem; color:#FFF}
    .main-solution .banner p{font-size:.9rem; line-height:140%; letter-spacing:-2px;color:#FFF}
    .plus-view{display:none}
    
    /*메인의료진*/
    .main-doc{padding-top:0; padding-bottom:0; width:100%; background:url('../images/main/m_doc_bg.png') right top no-repeat; background-size:cover;
    }
    .main-doc a{display:block; width:100%; height:100%;}
    .main-doc .container{position:relative;}
    .main-doc .doc-history{padding:30px; background:#fff; color:#111;}
    .main-doc .doc-history h3{margin-bottom:20px; font-size:1.6rem; line-height:140%; font-weight:300;}
    .main-doc .doc-history h3 .bold{display:inline-block; }
    .main-doc .doc-history ul{margin-bottom:30px; font-size:.9rem;}
    .main-doc .doc-history ul li{position:relative; text-indent:16px;}
    .main-doc .doc-history ul li::before{position:absolute; content:'●'; left:0; top:0; 
    font-size:.4rem; color:#a2c1f4; text-indent:-4px;}
    .main-doc .doc-img{padding:40px 80px 0;}
    
    /*메인스페셜*/
    .main-special{}
    .main-special .special-banner{padding-left:0; padding-right:0; height:230px; border:8px solid #fff;}
    .main-special .special-banner a{display:block; width:100%; height:100%; padding:16px 24px;}
    .main-special .s-b-review h4{padding-top:14px; margin-bottom:14px; font-size:1.6rem; font-weight:600;}
    .main-special .s-b-review p{font-size:1rem; line-height:140%;}
    .main-special .s-b-review p .bold{display:block; font-weight:600;}
    .main-special .s-b-interior h4{padding-top:14px; margin-bottom:14px; font-size:1.6rem; font-weight:600;}
    .main-special .s-b-interior p{font-size:1rem; line-height:140%;}
    .main-special .s-b-interior p .bold{display:block; font-weight:600;}
    .main-special .s-b-equpment {text-align:center;}
    .main-special .s-b-equpment h4{padding-top:10px; margin-bottom:8px; font-size:1.4rem; font-weight:600; letter-spacing:-.04em;}
    .main-special .s-b-equpment p{font-size:.9rem;}
    }
    
    
    /*---------------------------------------------------★서브페이지 (피씨 기준)--------------------------------------------------*/
    @media screen and (min-width:1400px) {
    
    /*메인비쥬얼*/
    .main-visual{position:relative; height:780px; overflow:hidden;}
    .bx-wrapper{box-shadow:none; border:none;}
    .main-visual .text{margin-top:120px}
    .main-visual .img{margin-top:50px; width:500px;}
    .bx-wrapper .bx-pager{position:absolute; width:170px; left:50%; bottom:30px; margin-left:-85px; text-align:center}
    .bx-wrapper .bx-pager.bx-default-pager a{width:12px; height:12px; border-radius:50%;}
    .bx-wrapper .bx-pager.bx-default-pager a{background:#9ea0a2; transition:all .2s;}
    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active,
    .bx-wrapper .bx-pager.bx-default-pager a:focus{width:42px; border-radius:20px; background:#fff}
    
    .main-visual .text ul.book{margin-top:80px;}
    .main-visual .text ul.book li{position:relative; padding-left:0; padding-right:0; cursor:pointer}
    .main-visual .text ul.book li .b-tooltip{position:absolute; top:-20px; padding:12px; border-radius:12px;
    font-size:.9rem;background:#fff; transition:all .2s; opacity:0; transition:all .4s;}
    .main-visual .text ul.book li .b-tooltip h6{margin-bottom:8px; font-size:1rem; font-weight:600; line-height:140%; color:#287ec7;}
    .main-visual .text ul.book li .b-tooltip p{line-height:160%;}
    
    .main-visual .text ul.book li:hover .b-tooltip{opacity:1; top:-30px;}
    
    /*메인 타이틀*/
    .main-solution,.main-doc,.main-special{padding-top:50px; padding-bottom:50px; }
    .tit{margin-bottom:50px; text-align:center; color:#111;}
    .tit h3{display:inline-block; margin-bottom:20px; font-size:2.2rem; border-bottom:2px solid #111; font-weight:600;}
    .tit h5{font-size:1.2rem; font-weight:400;}
    
    
    /*메인솔루션*/
    .main-solution{}
    .main-solution .banner{padding-left:0; padding-right:0; height:270px; border:4px solid #fff; transition:all .8s}
    .main-solution .banner a{display:block;  height: 100%; width: 100%;}
    .main-solution .banner .tit{position:relative; padding-top:60px; text-align:center; z-index:99;}
    .main-solution .banner .tit::before{position:absolute; content:''; display:block; width:100%; height:100%;
    background:rgba(255,255,255,.2); filter: blur(50px); z-index:-1;}
    .main-solution .banner h4{margin-bottom:20px; font-size:1.8rem; }
    .main-solution .banner p{margin-bottom:20px; font-size:1.1rem; line-height:140%;}
    .plus-view{display:inline-block; width:20px; height:20px; line-height:16px; border:1px solid #fff;}
    
    .main-solution .banner .tit{color:#fff;}
    .main-solution .banner .tit::before{
    background:rgba(78,80,90,.1);}
    .main-solution .banner .plus-view{border:1px solid #fff;}
    
    .main-solution .banner:hover{background-size:110%!important}
    
    /*메인의료진*/
    .main-doc{margin-top:120px; padding-top:0; padding-bottom:0; width:100%; background:url('../images/main/m_doc_bg.png') center no-repeat; background-size:cover;
    }
    .main-doc a{display:block; width:100%; height:100%;}
    .main-doc .container{position:relative;}
    .main-doc .doc-history{position:relative; top:0px; padding:50px 60px; background:#fff; color:#111; transition:all 1s;}
    .main-doc .doc-history ul{margin-bottom:30px;}
    .main-doc .doc-history ul li{position:relative; text-indent:16px;}
    .main-doc .doc-history ul li::before{position:absolute; content:'●'; left:0; top:0; 
    font-size:.4rem; color:#a2c1f4; text-indent:-4px;}
    .main-doc .doc-history h3{margin-bottom:50px; font-size:2.4rem; line-height:140%; font-weight:300;}
    .main-doc .doc-history h3 .bold{display:inline-block; }
    .main-doc .doc-img{position:absolute; right:30px; bottom:0;}
    .main-doc a:hover .doc-history{top:-50px;}
    
    /*메인스페셜*/
    .main-special{width:90%}
    .main-special .special-banner{padding-left:0; padding-right:0; height:340px; border:8px solid #fff;}
    .main-special .special-banner a{display:block; width:100%; height:100%; padding:30px 30px; transition:all .5s;}
    .main-special .s-b-review h4{padding-top:20px; margin-bottom:20px; font-size:3.5rem;font-family:'GangwonEduHyeonokT';font-weight:600; color:#468700;}
    .main-special .s-b-review p{font-size:1.4rem; line-height:140%;}
    .main-special .s-b-review p .bold{display:block; font-weight:600;}
    .main-special .s-b-interior h4{padding-top:28px; margin-bottom:20px; font-size:2.2rem; font-weight:600; color:#11b79d;}
    .main-special .s-b-interior p{font-size:1.4rem; line-height:140%;}
    .main-special .s-b-interior p .bold{display:block; font-weight:600;}
    .main-special .s-b-equpment {text-align:center;}
    .main-special .s-b-equpment h4{padding-top:30px; margin-bottom:20px; font-size:2rem;
    font-weight:600; letter-spacing:-.04em; color:#4562d6}
    .main-special .special-banner a:hover{top:-10px; box-shadow:2px 10px 10px rgba(1,1,1,.2)}
    
    }