@charset "utf-8";
::selection{color:#fff;background-color:#640D15;}
::-moz-selection{color:#fff;background-color:#640D15;}
.show1220,
.show768,
.show486{display:none !important;}
.rad{font-family:'Rajdhani' !important;}
.tl-50{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);}
.tly-50{position:absolute;top:50%;width:100%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}
.tlx-50{position:absolute;left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);}
.preload{display:none;}
.ita{font-style:italic !important;}
.tdu{text-decoration:underline !important;}
.justi{text-align:justify !important;}

@font-face{
	font-family: 'NanumSquareNeo';
    font-weight: 300;
    src: url('../fonts/NanumSquareNeoTTF-aLt.woff') format('woff')
}
@font-face{
	font-family: 'NanumSquareNeo';
    font-weight: 400;
    src: url('../fonts/NanumSquareNeoTTF-bRg.woff') format('woff')
}
@font-face{
	font-family: 'NanumSquareNeo';
    font-weight: 700;
    src: url('../fonts/NanumSquareNeoTTF-cBd.woff') format('woff')
}
@font-face{
	font-family: 'NanumSquareNeo';
    font-weight: 800;
    src: url('../fonts/NanumSquareNeoTTF-dEb.woff') format('woff')
}
@font-face{
	font-family: 'NanumSquareNeo';
    font-weight: 900;
    src: url('../fonts/NanumSquareNeoTTF-eHv.woff') format('woff')
}
/* main */
 /*#################### container #######################*/

 #container{width:100%;}
 body{font-family: 'NanumSquareNeo'; letter-spacing: normal; word-break: keep-all;}


 @media screen and (max-width: 767px){
 
     .main_visual{background-color: #222222; width: 100%; height: 720px; position: relative;}
     .main_visual video{width: 100%; height: 720px; object-fit: cover; opacity: 0.7;}
     .main_visual .txt_box{position: absolute; bottom: -5%; left: 50%; transform: translate(-50%, -50%); width: 92%; text-align: center; color: #ffffff;animation: circle 7s 2s linear forwards; opacity: 0;}
     @keyframes circle{
        from{
            opacity:0;
        }
        to{
            opacity:1;
        }
    }
     .main_visual .txt_box span{display: block; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 50px;}
     .main_visual .txt_box > p{font-size: 20px; margin-bottom: 25px;}
     .main_visual .txt_box h1{font-size: 60px; margin-bottom: 30px;}
     .main_visual .txt_box h1 img{display: block; margin: 0 auto;}
     .main_visual .txt_box div{width: 92%; margin: 0 auto; border-left: 2px solid #0860C7; border-right: 2px solid #0860C7; display: flex; justify-content: space-between; align-items: center; padding: 0 15px; }
     .main_visual .txt_box div p{width: 40%; font-size: 12px; line-height: 18px;}
     .main_visual .txt_box div p:nth-of-type(1){width: 40%;}
     .main_visual .txt_box div img{width: 100%; max-width: 25px;}
 
     .title_box{width: 92%; margin: 0 auto 50px; text-align: center;}
     .title_box > span{display: block; font-size: 13px; color: #A5A5A5; font-weight: 400; margin-bottom: 20px;}
     .title_box h3{font-size: 20px; line-height: 30px; color: #0860C7; font-weight: 400; margin-bottom: 30px;}
     .title_box h3 img{width: 100%; max-width: 13px;}
     .title_box h3 b{font-weight: 800;}
     .title_box p{font-size: 14px; line-height: 22px; color: #000000;}
     .title_box p b{font-weight: 800;}
 
     .s_01{width: 100%; padding-top: 100px; margin-bottom: 150px;}
     .s_01 ul{width: 100%;}
     .s_01 ul li{width: 100%; height: 480px; position: relative; padding: 70px 0 100px;}
     .s_01 ul li .txt_box{width: 92%; margin: 0 auto; color: #ffffff;}
     .s_01 ul li .txt_box > span{display: block; font-size: 30px; line-height: 40px; font-weight: 400; color: #0860C7; margin-bottom: 20px;}
     .s_01 ul li .txt_box h4{font-size: 20px; line-height: 30px; margin-bottom: 20px;}
     .s_01 ul li .txt_box h4 span{display: inline-block; color: #0860C7; font-weight: 800;}
     .s_01 ul li .txt_box h4 img{width: 100%; max-width: 13px;}
     .s_01 ul li .txt_box p{font-size: 14px; line-height: 22px; margin-bottom: 50px;}
     .s_01 ul li .txt_box strong{display: block; font-size: 10px; text-transform:uppercase; letter-spacing: 1px; font-weight: 300;}
     /* .s_01 ul li:nth-of-type(1){background: url("/img/s1_bg01.png")no-repeat left 35% center / cover; padding: 100px 0; text-align: right;} */
     .s_01 ul li:nth-of-type(1){background: url("/img/s1_bg02.png")no-repeat right 25% center / cover; padding: 60px 0; text-align: center;}
     .s_01 ul li:nth-of-type(2){background: url("/img/s1_bg03.png")no-repeat right center / cover; text-align: center; z-index: -1;}
     .s_01 ul li:nth-of-type(3){background: url("/img/s1_bg04.png")no-repeat center / cover; z-index: -2; text-align: left;}
     /* .s_01 ul li:nth-of-type(1) .txt_box{position: absolute; top: 30%; right: 15%; width: 50%; text-align: right;}
     .s_01 ul li:nth-of-type(2) .txt_box{position: absolute; top: 30%; left: 15%; width: 50%; text-align: left;} */
     .s_01 ul li:nth-of-type(1) > img{position: absolute; bottom: -145px; left: -70%; opacity: 0.8;}
     .s_01 ul li:nth-of-type(1) div img{margin-bottom: 20px;}
     /* .s_01 ul li:nth-of-type(3) .txt_box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; text-align: center;} */
     .s_01 ul li:nth-of-type(2) > img{display: none; position: absolute; bottom: -100px; right: -25%; z-index: 9;}
     .s_01 ul li:nth-of-type(3) > img{position: absolute; bottom: -13%; right: -50px; max-width: 120%; opacity: 0.8; z-index: 9;}
 
     .s_02{width: 100%;}    
     .s_02 ul > li{padding-top: 30px;}
     .s_02 ul > li:nth-of-type(1){background: url("/img/s2_s1bg01.png")no-repeat center / cover; }
     .s_02 ul > li > div:nth-of-type(1){width: 92%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-direction: column-reverse;}
     .s_02 ul > li > div:nth-of-type(1) .img_box{width: 70%; order:1; margin: 0 auto 30px;}
     .s_02 ul > li > div:nth-of-type(1) .txt_box{text-align: center; margin-bottom: 30px;}
     .s_02 ul > li > div:nth-of-type(1) .txt_box p{font-size: 30px; font-weight: 800; color: #000000; margin-bottom: 10px;}
     .s_02 ul > li > div:nth-of-type(1) .txt_box span{font-size: 20px; font-weight: 400;}
     .s_02 ul > li > div:nth-of-type(1) .txt_box strong{display: block; font-size: 15px; line-height: 20px; color: #0860C7; font-weight: 600; margin-bottom: 50px;}
     .s_02 ul > li > div:nth-of-type(1) .txt_box ol{color: #000000; margin-top: 30px;}
     .s_02 ul > li > div:nth-of-type(1) .txt_box ol li{font-size: 14px; line-height: 22px; margin-bottom: 10px;}
     .s_02 ul > li > div:nth-of-type(2){background-color: #0860C7; text-align: center; color: #ffffff; padding: 50px 10px;}
     .s_02 ul > li > div:nth-of-type(2) strong{display: block; font-size: 16px; line-height: 26px; margin-bottom: 15px;}
     .s_02 ul > li > div:nth-of-type(2) p{font-size: 12px; line-height: 18px;}
 
     .s_03{width: 100%; background: url("/img/s3_bg.png")no-repeat left center / cover; width: 100%; min-height: 670px; padding: 100px 0;}
     .s_03 .title_box{text-align: left; width: 92%; text-align: center;}
     .s_03 .title_box span{color: #ffffff;}
     .s_03 .title_box h3{color: #ffffff;}
     .s_03 ul{width: 92%; margin: 0 auto;}
     .s_03 ul li{width: 20%; height: 410px; background-color: #00408B; text-align: center; padding: 70px 10px 5px; color: #ffffff;}
     .s_03 ul li .h_icon{display: none;}
     .s_03 ul li img{display: block; width: 100%; max-width: 80px; margin: 0 auto 30px;}
     .s_03 ul li div{width: 100%; height: 170px;}
     .s_03 ul li div strong{display: block; font-size: 20px; line-height: 30px; margin-bottom: 10px;} 
     .s_03 ul li div p{font-size: 12px; line-height: 16px;}
     .s_03 ul li > p{font-size: 7px; text-transform: uppercase; letter-spacing: 1px; border-top: 1px solid #DEDEDE; padding-top: 25px;}
     .s_03 ul .slick-current{background-color: #F19802;}
     .s_03 ul .slick-current.slick-active .h_icon{display: block;}
     .s_03 ul .slick-current.slick-active .d_icon{display: none;}
     .s_03 .arrow_bar{display: none; background-color: #ffffff; width: 2px; height: 26px; position: absolute; bottom: 20%; left: 9.2%;}
     .s_03 .slick-arrow{position: absolute; z-index: 9; bottom: 0; width: 16px; height: 29px;}
     .s_03 button{text-indent: -9999px;}
     .s_03 .slick-prev{background: url("/img/arrow01_prev.png") no-repeat center / cover; left: -47%;}
     .s_03 .slick-next{background: url("/img/arrow01_next.png") no-repeat center / cover; left: -40%;}
 
     .s_04{width: 100%; background: url("/img/s4_bg.png")no-repeat center / cover;}
     .s_04 > div:nth-of-type(1){width: 92%; margin: 0 auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 100px 0;}
     .s_04 > div:nth-of-type(1) .txt_box{margin-bottom: 50px;}
     .s_04 > div:nth-of-type(1) .txt_box .title_box{text-align: left; margin: 0 auto 30px; text-align: center;}
     .s_04 > div:nth-of-type(1) .txt_box .title_box h3{color: #ffffff;}
     .s_04 > div:nth-of-type(1) .txt_box .title_box h3 span{color: #0860C7;}
     .s_04 > div:nth-of-type(1) .txt_box .title_box p{color: #ffffff;}
     .s_04 > div:nth-of-type(1) .txt_box > img{width: 100%; margin: 0 auto 30px;}
     .s_04 > div:nth-of-type(1) .txt_box >p{font-size: 16px; line-height: 22px; text-align: center; color: #ffffff;}
     .s_04 > div:nth-of-type(2){background-color: #0860C7; display: flex; justify-content: space-between; flex-direction: column; align-items: center; padding: 50px 0;}
     .s_04 > div:nth-of-type(2) > p{font-size: 25px; line-height: 35px; text-align: center; margin-bottom: 30px; color: #ffffff;}
     .s_04 > div:nth-of-type(2) ul{display: flex; width: 100%;justify-content: space-between;}
     .s_04 > div:nth-of-type(2) ul li{width: 25%; color: #ffffff; text-align: center; font-size: 14px; line-height: 22px; padding: 0 5px;}
     .s_04 > div:nth-of-type(2) ul li p{font-size: 12px; line-height: 18px;}
     .s_04 > div:nth-of-type(2) ul li:not(:last-child){border-right: 1px solid #e1e1e1;}
     .s_04 > div:nth-of-type(2) ul li span{display: inline-block; background-color: #00408B; padding: 3px 10px; border-radius: 20px; margin-bottom: 15px; font-size: 12px;}
 
     .s_05{padding: 100px 0; width: 92%; margin: 0 auto; position: relative;}
     .s_05 .slider-for{margin-bottom: 10px; position: relative;}
     .s_05 .slider-for li img{width: 100%;}
     .s_05 .slider-nav{width: 100%;}
     .s_05 .slider-nav li{width: 20%;}
     .s_05 .slider-nav li img{width: 99%;}
     .s_05 .arrow_bar{display: none; background-color: #0860C7; width: 2px; height: 26px; position: absolute; top: 335px; left: 48%;}
     .s_05 .slick-arrow{position: absolute; z-index: 9; top: 45%; width: 16px; height: 29px;}
     .s_05 button{text-indent: -9999px;}
     .s_05 .slick-prev{background: url("/img/arrow02_prev.png") no-repeat center / 80%; left: 3%;}
     .s_05 .slick-next{background: url("/img/arrow02_next.png") no-repeat center / 80%; right: 3%;}
 
     .s_06{width: 100%;}
     .s_06 > div:nth-of-type(2){display: flex; justify-content: space-between; flex-direction: column;}
     .s_06 > div:nth-of-type(2) .map_area{width: 100%;}
     .s_06 > div:nth-of-type(2) .map_area .map{width: 100% !important;}
     .s_06 > div:nth-of-type(2) .map_area ul{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; color: #ffffff;}
     .s_06 > div:nth-of-type(2) .map_area ul li{width: 100%;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(1){ background-color: #0860C7; padding: 30px 20px;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(1) p{font-size: 14px; line-height: 22px;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(1) p:nth-of-type(2){background-color: #ffffff; color: #00408B; padding: 5px 10px; border-radius: 20px; font-weight: 800;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(1) p:not(:last-child){margin-bottom: 10px;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(1) p:nth-of-type(2) span{background-color: #00408B; color: #ffffff; padding: 5px 7px; border-radius: 50px;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(2){background-color: #00C300; padding: 30px 5px;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(2) a{display: block; text-align: center; font-size: 14px; line-height: 22px;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(2) a img{display: block; margin: 0 auto 10px;}
     .s_06 > div:nth-of-type(2) .info_area{width: 100%; height: 480px; background: url("/img/s6_bg.png")no-repeat center / cover; padding:70px 30px; text-align: center; color: #ffffff;}
     .s_06 > div:nth-of-type(2) .info_area img:nth-of-type(1){width: 100%; max-width: 55px; margin-bottom: 20px;}
     .s_06 > div:nth-of-type(2) .info_area h3{font-size: 35px; font-weight: 800; margin-bottom: 20px;}
     .s_06 > div:nth-of-type(2) .info_area p{font-size: 16px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #7A7A7A;}
 
 }
 @media screen and (min-width: 768px) and (max-width: 1279px){
 
     .main_visual{background-color: #222222; width: 100%; height: 969px; position: relative;}
     .main_visual video{width: 100%; height: 969px; object-fit: cover;  opacity: 0.7;}
     .main_visual .txt_box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 92%; text-align: center; color: #ffffff; animation: circle 7s 2s linear forwards; opacity: 0;}
     @keyframes circle{
        from{
            opacity:0;
        }
        to{
            opacity:1;
        }
    }
     .main_visual .txt_box span{display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 50px;}
     .main_visual .txt_box > p{font-size: 30px; margin-bottom: 30px;}
     .main_visual .txt_box h1{font-size: 60px; margin-bottom: 30px;}
     .main_visual .txt_box h1 img{display: block; margin: 0 auto;}
     .main_visual .txt_box div{width: 100%; margin: 0 auto; border-left: 2px solid #0860C7; border-right: 2px solid #0860C7; display: flex; justify-content: space-between; align-items: center; padding: 0 50px; }
     .main_visual .txt_box div p{font-size: 18px; line-height: 26px;}
     .main_visual .txt_box div p:nth-of-type(1){width: 40%;}
 
 
     .title_box{width: 92%; margin: 0 auto 100px; text-align: center;}
     .title_box > span{display: block; font-size: 18px; color: #A5A5A5; font-weight: 400; margin-bottom: 20px;}
     .title_box h3{font-size: 40px; line-height: 55px; color: #0860C7; font-weight: 400; margin-bottom: 30px;}
     .title_box h3 b{font-weight: 800;}
     .title_box p{font-size: 18px; line-height: 26px; color: #000000;}
     .title_box p b{font-weight: 800;}
 
     .s_01{width: 100%; padding-top: 150px; margin-bottom: 150px;}
     .s_01 ul{width: 100%;}
     .s_01 ul li{width: 100%; height: 585px; position: relative;}
     .s_01 ul li .txt_box{color: #ffffff;}
     .s_01 ul li .txt_box > span{display: block; font-size: 45px; line-height: 55px; font-weight: 400; color: #0860C7; margin-bottom: 20px;}
     .s_01 ul li .txt_box h4{font-size: 35px; line-height: 45px; margin-bottom: 20px;}
     .s_01 ul li .txt_box h4 span{display: inline-block; color: #0860C7; font-weight: 800;}
     .s_01 ul li .txt_box p{font-size: 18px; line-height: 30px; margin-bottom: 50px;}
     .s_01 ul li .txt_box strong{font-size: 14px; text-transform:uppercase; letter-spacing: 1px; font-weight: 300;} 
     /* .s_01 ul li:nth-of-type(1){background: url("/img/s1_bg01.png")no-repeat center / cover;} */
     .s_01 ul li:nth-of-type(1){background: url("/img/s1_bg02.png")no-repeat center / cover;}
     .s_01 ul li:nth-of-type(2){background: url("/img/s1_bg03.png")no-repeat center / cover; z-index: -1;}
     .s_01 ul li:nth-of-type(3){background: url("/img/s1_bg04.png")no-repeat center / cover; z-index: -2; }
     .s_01 ul li:nth-of-type(1) .txt_box{position: absolute; top: 10%; left: 15%; width: 60%; text-align: left;}
     .s_01 ul li:nth-of-type(2) .txt_box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; text-align: center; z-index: 9;}
     .s_01 ul li:nth-of-type(1) > img{width: 50%; position: absolute; bottom: -25%; left: -30%; opacity: 0.9; z-index: 9;}
     .s_01 ul li:nth-of-type(2) div img{margin-bottom: 20px;}
     .s_01 ul li:nth-of-type(3) .txt_box{position: absolute; top: 15%; right: 15%; width: 50%; text-align: right;}
     .s_01 ul li:nth-of-type(2) > img{position: absolute; top: -100px; right: -400px; z-index: 5; opacity: 0.6;}
     .s_01 ul li:nth-of-type(3) > img{position: absolute; bottom: -20%; left: -30%; opacity: 0.6;}
 
     .s_02{width: 100%;}    
     .s_02 ul > li{padding-top: 30px;}
     .s_02 ul > li:nth-of-type(1){background: url("/img/s2_s1bg01.png")no-repeat center / cover; }
     .s_02 ul > li > div:nth-of-type(1){width: 92%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-direction: column-reverse;}
     .s_02 ul > li > div:nth-of-type(1) .img_box{order:1; width: 60%; margin:0 auto 30px;}
     .s_02 ul > li > div:nth-of-type(1) .txt_box{text-align: center; margin-bottom: 30px;}
     .s_02 ul > li > div:nth-of-type(1) .txt_box p{font-size: 30px; font-weight: 800; color: #000000; margin-bottom: 10px;}
     .s_02 ul > li > div:nth-of-type(1) .txt_box span{font-size: 20px; font-weight: 400;}
     .s_02 ul > li > div:nth-of-type(1) .txt_box strong{display: block; font-size: 15px; line-height: 20px; color: #0860C7; font-weight: 600; margin-bottom: 50px;}
     .s_02 ul > li > div:nth-of-type(1) .txt_box ol{color: #000000; margin-top: 30px;}
     .s_02 ul > li > div:nth-of-type(1) .txt_box ol li{font-size: 14px; line-height: 22px; margin-bottom: 10px;}
     .s_02 ul > li > div:nth-of-type(2){background-color: #0860C7; text-align: center; color: #ffffff; padding: 50px 10px;}
     .s_02 ul > li > div:nth-of-type(2) strong{display: block; font-size: 18px; line-height: 26px; margin-bottom: 15px;}
     .s_02 ul > li > div:nth-of-type(2) p{font-size: 14px; line-height: 22px;}
 
     .s_03{width: 100%; background: url("/img/s3_bg.png")no-repeat left center / cover; width: 100%; min-height: 670px; padding: 100px 0;}
     .s_03 .title_box{text-align: left; width: 92%; text-align: center;}
     .s_03 .title_box span{color: #ffffff;}
     .s_03 .title_box h3{color: #ffffff;}
     .s_03 ul{width: 92%; margin: 0 auto;}
     .s_03 ul li{width: 20%; height: 410px; background-color: #00408B; text-align: center; padding: 70px 10px 5px; color: #ffffff;}
     .s_03 ul li .h_icon{display: none;}
     .s_03 ul li img{display: block; width: 100%; max-width: 80px; margin: 0 auto 30px;}
     .s_03 ul li div{width: 100%; height: 170px;}
     .s_03 ul li div strong{display: block; font-size: 20px; line-height: 30px; margin-bottom: 10px;} 
     .s_03 ul li div p{font-size: 14px; line-height: 22px;}
     .s_03 ul li > p{font-size: 9px; text-transform: uppercase; letter-spacing: 1px; border-top: 1px solid #DEDEDE; padding-top: 25px;}
     .s_03 ul .slick-current{background-color: #F19802;}
     .s_03 ul .slick-current.slick-active .h_icon{display: block;}
     .s_03 ul .slick-current.slick-active .d_icon{display: none;}
     .s_03 .arrow_bar{display: none; background-color: #ffffff; width: 2px; height: 26px; position: absolute; bottom: 20%; left: 9.2%;}
     .s_03 .slick-arrow{position: absolute; z-index: 9; bottom: 0; width: 16px; height: 29px;}
     .s_03 button{text-indent: -9999px;}
     .s_03 .slick-prev{background: url("/img/arrow01_prev.png") no-repeat center / cover; left: -47%;}
     .s_03 .slick-next{background: url("/img/arrow01_next.png") no-repeat center / cover; left: -40%;}
 
     .s_04{width: 100%; background: url("/img/s4_bg.png")no-repeat center / cover;}
     .s_04 > div:nth-of-type(1){width: 92%; margin: 0 auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 100px 0;}
     .s_04 > div:nth-of-type(1) .txt_box{margin-bottom: 50px;}
     .s_04 > div:nth-of-type(1) .txt_box .title_box{text-align: left; margin: 0 auto 30px; text-align: center;}
     .s_04 > div:nth-of-type(1) .txt_box .title_box h3{color: #ffffff;}
     .s_04 > div:nth-of-type(1) .txt_box .title_box h3 span{color: #0860C7;}
     .s_04 > div:nth-of-type(1) .txt_box .title_box p{color: #ffffff;}
     .s_04 > div:nth-of-type(1) .txt_box > img{width: 100%; margin: 0 auto 30px;}
     .s_04 > div:nth-of-type(1) .txt_box >p{font-size: 16px; line-height: 22px; text-align: center; color: #ffffff;}
     .s_04 > div:nth-of-type(2){background-color: #0860C7; display: flex; justify-content: space-between; flex-direction: column; align-items: center; padding: 50px 0;}
     .s_04 > div:nth-of-type(2) > p{font-size: 25px; line-height: 35px; text-align: center; margin-bottom: 30px; color: #ffffff;}
     .s_04 > div:nth-of-type(2) ul{display: flex; width: 100%;justify-content: space-between;}
     .s_04 > div:nth-of-type(2) ul li{width: 25%; color: #ffffff; text-align: center; font-size: 14px; line-height: 22px; padding: 0 5px;}
     .s_04 > div:nth-of-type(2) ul li:not(:last-child){border-right: 1px solid #e1e1e1;}
     .s_04 > div:nth-of-type(2) ul li span{display: inline-block; background-color: #00408B; padding: 3px 15px; border-radius: 20px; margin-bottom: 15px; font-size: 12px;}
 
     .s_05{padding: 100px 0; width: 92%; margin: 0 auto; position: relative;}
     .s_05 .slider-for{margin-bottom: 10px; position: relative;}
     .s_05 .slider-for li img{width: 100%;}
     .s_05 .slider-nav{width: 100%;}
     .s_05 .slider-nav li{width: 20%;}
     .s_05 .slider-nav li img{width: 99%;}
     .s_05 .arrow_bar{display: none; background-color: #0860C7; width: 2px; height: 26px; position: absolute; top: 335px; left: 48%;}
     .s_05 .slick-arrow{position: absolute; z-index: 9; top: 45%; width: 16px; height: 29px;}
     .s_05 button{text-indent: -9999px;}
     .s_05 .slick-prev{background: url("/img/arrow02_prev.png") no-repeat center / 80%; left: 3%;}
     .s_05 .slick-next{background: url("/img/arrow02_next.png") no-repeat center / 80%; right: 3%;}
 
     .s_06{width: 100%;}
     .s_06 > div:nth-of-type(2){display: flex; justify-content: space-between; flex-direction: column;}
     .s_06 > div:nth-of-type(2) .map_area{width: 100%;}
     .s_06 > div:nth-of-type(2) .map_area .map{width: 100% !important;}
     .s_06 > div:nth-of-type(2) .map_area ul{width: 100%; display: flex; justify-content: space-between; color: #ffffff;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(1){width: 70%; background-color: #0860C7; padding: 30px 20px;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(1) p{font-size: 14px; line-height: 22px;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(1) p:nth-of-type(2){display: inline-block; background-color: #ffffff; color: #00408B; padding: 5px 10px; border-radius: 20px; font-weight: 800;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(1) p:not(:last-child){margin-bottom: 10px;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(1) p:nth-of-type(2) span{background-color: #00408B; color: #ffffff; padding: 5px 7px; border-radius: 50px;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(2){width: 30%; background-color: #00C300; padding: 30px 5px;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(2) a{display: block; text-align: center; font-size: 14px; line-height: 22px;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(2) a img{display: block; margin: 0 auto 10px;}
     .s_06 > div:nth-of-type(2) .info_area{width: 100%; height: 560px; background: url("/img/s6_bg.png")no-repeat center / cover; padding:70px 30px; text-align: center; color: #ffffff;}
     .s_06 > div:nth-of-type(2) .info_area img:nth-of-type(1){width: 100%; max-width: 55px; margin-bottom: 20px;}
     .s_06 > div:nth-of-type(2) .info_area h3{font-size: 35px; font-weight: 800; margin-bottom: 20px;}
     .s_06 > div:nth-of-type(2) .info_area p{font-size: 16px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #7A7A7A;}
 
 }
 @media screen and (min-width:1280px){
 
     .main_visual{background-color: #222222; width: 100%; height: 969px; position: relative;}
     .main_visual video{width: 100%; height: 969px; object-fit: cover;  opacity: 0.7;}
     .main_visual .txt_box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 92%; text-align: center; color: #ffffff; animation: circle 7s 2s linear forwards; opacity: 0;}
     @keyframes circle{
        from{
            opacity:0;
        }
        to{
            opacity:1;
        }
    }
     .main_visual .txt_box span{display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 50px; }
     .main_visual .txt_box > p{font-size: 30px; margin-bottom: 30px;}
     .main_visual .txt_box h1{font-size: 60px; margin-bottom: 30px;}
     .main_visual .txt_box h1 img{display: block; margin: 0 auto;}
     .main_visual .txt_box div{width: 35%; margin: 0 auto; border-left: 2px solid #0860C7; border-right: 2px solid #0860C7; display: flex; justify-content: space-between; align-items: center; padding: 0 50px; }
     .main_visual .txt_box div p{font-size: 18px; line-height: 26px;}
     .main_visual .txt_box div p:nth-of-type(1){width: 40%;}
 
 
     .title_box{width: 92%; margin: 0 auto 100px; text-align: center;}
     .title_box > span{display: block; font-size: 18px; color: #A5A5A5; font-weight: 400; margin-bottom: 20px;}
     .title_box h3{font-size: 40px; line-height: 55px; color: #0860C7; font-weight: 400; margin-bottom: 30px;}
     .title_box h3 b{font-weight: 800;}
     .title_box p{font-size: 18px; line-height: 26px; color: #000000;}
     .title_box p b{font-weight: 800;}
 
     .s_01{width: 100%; padding-top: 150px; margin-bottom: 150px;}
     .s_01 ul{width: 100%;}
     .s_01 ul li{width: 100%; height: 585px; position: relative;}
     .s_01 ul li .txt_box{color: #ffffff;}
     .s_01 ul li .txt_box > span{display: block; font-size: 45px; line-height: 55px; font-weight: 400; color: #0860C7; margin-bottom: 20px;}
     .s_01 ul li .txt_box h4{font-size: 35px; line-height: 45px; font-weight: 300; margin-bottom: 20px;}
     .s_01 ul li .txt_box h4 span{display: inline-block; color: #0860C7; font-weight: 800;}
     .s_01 ul li .txt_box p{font-size: 18px; line-height: 30px; margin-bottom: 50px;}
     .s_01 ul li .txt_box strong{font-size: 14px; text-transform:uppercase; letter-spacing: 1px; font-weight: 300;} 
     /* .s_01 ul li:nth-of-type(1){background: url("/img/s1_bg01.png")no-repeat center / cover;} */
     .s_01 ul li:nth-of-type(1){background: url("/img/s1_bg02.png")no-repeat center / cover;}
     .s_01 ul li:nth-of-type(2){background: url("/img/s1_bg03.png")no-repeat center / cover; z-index: -1;}
     .s_01 ul li:nth-of-type(3){background: url("/img/s1_bg04.png")no-repeat center / cover; z-index: -2; }
     .s_01 ul li:nth-of-type(1) .txt_box{position: absolute; top: 25%; left: 17%; width: 50%; text-align: left;}
     .s_01 ul li:nth-of-type(2) .txt_box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; text-align: center;}
     .s_01 ul li:nth-of-type(1) > img{position: absolute; bottom: -120px; left: -22%; opacity: 0.9; z-index: 9;}
     .s_01 ul li:nth-of-type(2) div img{margin-bottom: 20px;}
     .s_01 ul li:nth-of-type(3) .txt_box{position: absolute; top: 25%; right: 17%; width: 50%; text-align: right;}
     .s_01 ul li:nth-of-type(2) > img{position: absolute; top: -100px; right: -400px; z-index: 9;}
     .s_01 ul li:nth-of-type(3) > img{position: absolute; top: 0; left: -180px;}
 
     .s_02{width: 100%;}    
     .s_02 ul > li{padding-top: 50px;}
     .s_02 ul > li:nth-of-type(1){background: url("/img/s2_s1bg01.png")no-repeat center / cover;}
     .s_02 ul > li > div:nth-of-type(1){width: 60.41%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
     .s_02 ul > li > div:nth-of-type(1) div{width: 50%;}
     .s_02 ul > li > div:nth-of-type(1) .img_box{order:1;}
     .s_02 ul > li > div:nth-of-type(1) .txt_box{padding-right: 50px;}
     .s_02 ul > li > div:nth-of-type(1) .txt_box p{font-size: 30px; font-weight: 800; color: #000000; margin-bottom: 10px;}
     .s_02 ul > li > div:nth-of-type(1) .txt_box span{font-size: 20px; font-weight: 400;}
     .s_02 ul > li > div:nth-of-type(1) .txt_box strong{display: block; font-size: 15px; line-height: 20px; color: #0860C7; font-weight: 600; margin-bottom: 50px;}
     .s_02 ul > li > div:nth-of-type(1) .txt_box ol{color: #000000; margin-top: 30px;}
     .s_02 ul > li > div:nth-of-type(1) .txt_box ol li{font-size: 16px; line-height: 22px; margin-bottom: 10px;}
     .s_02 ul > li > div:nth-of-type(2){background-color: #0860C7; text-align: center; color: #ffffff; padding: 50px 0;}
     .s_02 ul > li > div:nth-of-type(2) strong{display: block; font-size: 20px; line-height: 30px; margin-bottom: 15px;}
     .s_02 ul > li > div:nth-of-type(2) p{font-size: 16px; line-height: 24px;}
 
     .s_03{width: 100%; background: url("/img/s3_bg.png")no-repeat center / cover; position: relative; width: 100%; min-height: 670px;}
     .s_03 .title_box{text-align: left; width: 30%; position: absolute; top: 30%; left: 7%;}
     .s_03 .title_box span{color: #ffffff;}
     .s_03 .title_box h3{color: #ffffff;}
     .s_03 ul{width: 60%; position: absolute; top: 15%; right: 5%;}
     .s_03 ul li{width: 20%; height: 435px; background-color: #00408B; text-align: center; padding: 70px 30px 5px; color: #ffffff;}
     .s_03 ul li .h_icon{display: none;}
     .s_03 ul li img{display: block; margin: 0 auto 30px;}
     .s_03 ul li div{width: 100%; height: 150px;}
     .s_03 ul li div strong{display: block; font-size: 25px; line-height: 35px; margin-bottom: 10px;} 
     .s_03 ul li div p{font-size: 15px; line-height: 22px;}
     .s_03 ul li > p{font-size: 10px; text-transform: uppercase; letter-spacing: 1px; border-top: 1px solid #DEDEDE; padding-top: 25px;}
     .s_03 ul .slick-current{background-color: #F19802;}
     .s_03 ul .slick-current.slick-active .h_icon{display: block;}
     .s_03 ul .slick-current.slick-active .d_icon{display: none;}
     .s_03 .arrow_bar{display: inline-block; background-color: #ffffff; width: 2px; height: 26px; position: absolute; bottom: 20%; left: 9.2%;}
     .s_03 .slick-arrow{position: absolute; z-index: 9; bottom: 0; width: 16px; height: 29px;}
     .s_03 button{text-indent: -9999px;}
     .s_03 .slick-prev{background: url("/img/arrow01_prev.png") no-repeat center / cover; left: -47%;}
     .s_03 .slick-next{background: url("/img/arrow01_next.png") no-repeat center / cover; left: -40%;}
 
     .s_04{width: 100%; background: url("/img/s4_bg.png")no-repeat center / cover;}
     .s_04 > div:nth-of-type(1){width: 72%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 150px 0;}
     .s_04 > div:nth-of-type(1) .txt_box{width: 45%;} 
     .s_04 > div:nth-of-type(1) .img_box{width: 45%;}
     .s_04 > div:nth-of-type(1) .txt_box .title_box{text-align: left; margin: 0 0 30px;}
     .s_04 > div:nth-of-type(1) .txt_box .title_box h3{color: #ffffff;}
     .s_04 > div:nth-of-type(1) .txt_box .title_box h3 span{color: #0860C7;}
     .s_04 > div:nth-of-type(1) .txt_box .title_box p{color: #ffffff;}
     .s_04 > div:nth-of-type(1) .txt_box > img{margin-bottom: 30px;}
     .s_04 > div:nth-of-type(1) .txt_box >p{font-size: 16px; line-height: 22px; color: #ffffff;}
     .s_04 > div:nth-of-type(2){background-color: #0860C7; display: flex; justify-content: space-between; align-items: center; padding: 20px 300px;}
     .s_04 > div:nth-of-type(2) > p{font-size: 25px; line-height: 35px; color: #ffffff;}
     .s_04 > div:nth-of-type(2) ul{display: flex; width: 70%;justify-content: space-between;}
     .s_04 > div:nth-of-type(2) ul li{width: 25%; color: #ffffff; text-align: center; font-size: 16px; line-height: 22px;}
     .s_04 > div:nth-of-type(2) ul li:not(:last-child){border-right: 1px solid #e1e1e1;}
     .s_04 > div:nth-of-type(2) ul li span{display: inline-block; background-color: #00408B; padding: 5px 10px; border-radius: 20px; margin-bottom: 10px;}
 
     .s_05{padding: 150px 0; width: 70%; margin: 0 auto; position: relative;}
     .s_05 .slider-for{margin-bottom: 20px; position: relative;}
     .s_05 .slider-for li img{width: 100%;}
     .s_05 .slider-nav{width: 100%;}
     .s_05 .slider-nav li{width: 20%;}
     .s_05 .slider-nav li img{width: 99%;}
     .s_05 .arrow_bar{display: inline-block; background-color: #0860C7; width: 2px; height: 26px; position: absolute; top: 335px; left: 48%;}
     .s_05 .slick-arrow{position: absolute; z-index: 9; top: -65px; width: 16px; height: 29px;}
     .s_05 button{text-indent: -9999px;}
     .s_05 .slick-prev{background: url("/img/arrow02_prev.png") no-repeat center / cover; left: 45%;}
     .s_05 .slick-next{background: url("/img/arrow02_next.png") no-repeat center / cover; left: 50%;}
 
     .s_06{width: 100%;}
     .s_06 > div:nth-of-type(2){display: flex; justify-content: space-between;}
     .s_06 > div:nth-of-type(2) .map_area{width: 50%;}
     .s_06 > div:nth-of-type(2) .map_area .map{width: 100% !important;}
     .s_06 > div:nth-of-type(2) .map_area ul{width: 100%; height: 117px; display: flex; justify-content: space-between; color: #ffffff;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(1){width: 80%; background-color: #0860C7; padding: 25px 0 0 50px;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(1) p{font-size: 18px; margin-bottom: 10px;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(1) p:nth-of-type(2){display: inline-block; background-color: #ffffff; color: #00408B; padding: 10px; border-radius: 20px; font-weight: 800;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(1) p:nth-of-type(2) span{background-color: #00408B; color: #ffffff; padding: 7px 10px; border-radius: 50px;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(2){width: 20%; background-color: #00C300; padding: 25px;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(2) a{display: block; text-align: center; font-size: 16px; line-height: 22px;}
     .s_06 > div:nth-of-type(2) .map_area ul li:nth-of-type(2) a img{display: block; margin: 0 auto 10px;}
     .s_06 > div:nth-of-type(2) .info_area{width: 50%; height: 732px; background: url("/img/s6_bg.png")no-repeat center / cover; padding:100px 30px; text-align: center; color: #ffffff;}
     .s_06 > div:nth-of-type(2) .info_area img{margin-bottom: 20px;}
     .s_06 > div:nth-of-type(2) .info_area h3{font-size: 50px; font-weight: 800; margin-bottom: 10px;}
     .s_06 > div:nth-of-type(2) .info_area p{font-size: 18px; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #7A7A7A;}
  
 
 }
 
 /* 다츠애드 2026-09-22 : 진료시간 텍스트 */
.s_06 .hours_text{width:92%; max-width:560px; margin:0 auto; padding:40px 0 60px;}
.s_06 .hours_text h3{font-size:24px; font-weight:800; margin-bottom:18px; color:#0860C7; text-align:center;}
.s_06 .hours_text .clinic-hours{width:100%; border-collapse:collapse; margin-bottom:16px;}
.s_06 .hours_text .clinic-hours caption{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0);}
.s_06 .hours_text .clinic-hours th,
.s_06 .hours_text .clinic-hours td{padding:13px 8px; border-bottom:1px solid #e5e5e5; font-size:16px;}
.s_06 .hours_text .clinic-hours th{width:42%; text-align:left; font-weight:700; color:#333;}
.s_06 .hours_text .clinic-hours td{text-align:right; color:#555;}
.s_06 .hours_text .hours-note{font-size:14px; color:#0860C7; margin-bottom:14px; text-align:center;}
.s_06 .hours_text > p{font-size:15px; line-height:1.8; color:#555; text-align:center;}
.s_06 .hours_text > p a{color:#0860C7; font-weight:700;}

@media screen and (max-width: 767px){
    .s_06 .hours_text{padding:30px 0 40px;}
    .s_06 .hours_text h3{font-size:20px;}
    .s_06 .hours_text .clinic-hours th,
    .s_06 .hours_text .clinic-hours td{font-size:14px; padding:11px 6px;}
    .s_06 .hours_text .hours-note{font-size:13px;}
    .s_06 .hours_text > p{font-size:14px;}
}
@media screen and (min-width:1280px){
    .s_06 .hours_text{padding:60px 0 80px;}
    .s_06 .hours_text h3{font-size:28px;}
}


/* 다츠애드 2026-09-23 : 자주 묻는 질문 */
.s_07{width:100%; padding:80px 0;}
.s_07 .faq_list{width:92%; max-width:900px; margin:0 auto;}
.s_07 .faq_item{border-bottom:1px solid #e5e5e5; padding:26px 0;}
.s_07 .faq_item:first-child{border-top:2px solid #0860C7;}
.s_07 .faq_item h4{font-size:19px; font-weight:800; color:#0860C7; margin-bottom:12px; line-height:1.5;}
.s_07 .faq_item h4::before{content:'Q. '; font-weight:800;}
.s_07 .faq_item p{font-size:16px; line-height:1.85; color:#444;}
.s_07 .faq_item p a{color:#0860C7; font-weight:700;}
.s_07 .faq_item ul{margin:12px 0 0 18px;}
.s_07 .faq_item li{font-size:16px; line-height:1.9; color:#444; list-style:disc;}

@media screen and (max-width: 767px){
    .s_07{padding:50px 0;}
    .s_07 .faq_item{padding:20px 0;}
    .s_07 .faq_item h4{font-size:17px;}
    .s_07 .faq_item p,
    .s_07 .faq_item li{font-size:15px; line-height:1.75;}
}
@media screen and (min-width:1280px){
    .s_07{padding:100px 0;}
    .s_07 .faq_item h4{font-size:21px;}
}