@charset "utf-8";

/* main1 */
#main1{}
#main1 #mVisual{width: 100%;}
#main1 #mVisual .mv{width: 100%; height: 100%; min-height: 100vh; background-size: cover; background-position: center center; position: relative; overflow: hidden;}
/*#main1 #mVisual .mv::after{content: ''; background: url(/images/main/mv_txt.png) no-repeat left; width: 45%; background-size: cover; height: 100%;  display: block; position: absolute; top: 0; left: 0;opacity: 0.98;}*/
#main1 #mVisual .mv1{background-image: url(/images/main/mv1.png);}
#main1 #mVisual .mv .inner{height: 100%; min-height: 100vh;}
#main1 #mVisual .mv .txt{position: absolute;  z-index: 99; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; padding: 60px 0; width: 90%; border-radius: 0;}
/* #main1 #mVisual .mv .txt::before{content: '['; position: absolute; top: 50%; font-size:200px; color: #fff; left: 20%; transform: translatey(-50%);}
#main1 #mVisual .mv .txt::after{content: ']'; position: absolute; top: 50%; font-size:200px; color: #fff; right: 20%; transform: translatey(-50%);} */
#main1 #mVisual .mv .txt h4{font-weight: normal; border: 1px solid #fff; border-right: 0; border-left: 0; color: #fff; font-size: 2rem; padding: 5px 20px; display: inline-block; font-family: 'GmarketSans'; margin-bottom: 20px;}
#main1 #mVisual .mv .txt h3{color: #fff; font-size: 6.5rem;  font-family: 'GimhaeGayaB'; font-weight: normal;letter-spacing: -0.05em;}
#main1 #mVisual .mv .txt h3 span{color: #438fff; }
/*#main1 #mVisual .mv .txt h3 span{font-weight: 400;}*/
#main1 #mVisual .mv .txt h3 strong{font-size: 5.2rem; display: block;  padding: 30px 0; line-height: 1.1em; word-break: keep-all; max-width: 800px; margin-left: auto; margin-right: auto; font-weight: normal;}
#main1 #mVisual .mv .txt h3 strong span.dot{font-weight: bold;text-emphasis-style : dot;text-emphasis-position:30px;}
#main1 #mVisual .mv .txt h3 strong span.underline{font-size: 4rem; position: relative; display: inline-block; margin-top: 10px;}
#main1 #mVisual .mv .txt h3 strong span.underline::before{position: absolute; content: ''; width: 103%; height: 45px; background-color: #3a6ebb; top: 50%;left: 50%; transform: translate(-50%, -50%); z-index: -1;}
#main1 #mVisual .mv .txt p{color: #fff; font-weight: 400; font-size: 2rem; line-height: 1.6em; word-break: keep-all;}
#main1 #mVisual .mv .txt p span{font-weight: 500;}
#main1 #mVisual .mv .txt ul{margin-top: 30px; color: #fff; display: flex; flex-wrap: wrap; gap: 10px; flex-direction: column;justify-content: center; align-content: center; font-family: 'GmarketSans';}
#main1 #mVisual .mv .txt ul li{padding: 10px 30px;font-size: 2rem; text-align: center; border-radius: 100px;width: 500px; background: #ffffff4f;}
#main1 #mVisual .mv .txt ul li span{color: #c4e0ff;}
#main1 #mVisual .mv .txt .btn{}
#main1 #mVisual .mv .txt .btn a{background-color: rgba(255,255,255,0.85);   font-weight: 500; font-size: 1.8rem; line-height: 2.5em; padding: 0 2em; display: inline-block; margin-top: 1.5em; color: #212121;}
#main1 #mVisual .mv video{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; min-width: 100%; min-height: 100%;}
#main1 #mVisual .inner{width: 100%;}
/*#main1 #mVisual .inner::after{content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); left: 0; top: 0; position: absolute; display: block;}*/
#main1 #mVisual .inner::after{content: ''; width: 100%; height: 100%; background:linear-gradient(120deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); left: 0; top: 0; position: absolute; display: block;}
#main1 #mVisual .mv2 .inner::after{display: none;}
#main1 #mVisual .slick-dots{transform: translateX(-50%);}
#main1 #mVisual .slick-dots li{width: 12px; height: 12px; margin: 5px;}
#main1 #mVisual .slick-dots li.slick-active{background-color: #fff;}
#main1 .middle {
    position: absolute;
    bottom: 3%;
    left: 50%;
    transform: translateX(-50%);
	z-index: 99;
}

#main1 .mouse {
    width: 22px;
    height: 36px;
    border: 2px solid #fff;
    border-radius: 50px;
}

#main1 .mouse::before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    top: 8px;
    background-color: #fff;   
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    opacity: 1;
    animation: mouse 1.5s infinite;
}

@keyframes mouse {
    from {
        opacity: 1;
        top: 8px;
    }
    to {
        opacity: 0;
        top: 25px;
    }
}

@media all and (max-width:1600px){
    #main1 #mVisual .mv .txt::before{ left: 10%;}
    #main1 #mVisual .mv .txt::after{right: 10%;}
}

@media all and (max-width:1240px){
    #main1 #mVisual .mv::after{width: 420px;}
    /*
    #main1 #mVisual .mv .txt h4{font-size: 1em;}
    #main1 #mVisual .mv .txt h3{font-size: 2em;}
    #main1 #mVisual .mv .txt p{font-size: 1.125em;}
    */
	#main1 #mVisual .mv .txt h4{font-size: 1.8rem;}
	#main1 #mVisual .mv .txt h3{font-size: 5rem;}
	#main1 #mVisual .mv .txt h3 strong{font-size: 4.5rem; padding: 20px 0;}
    #main1 #mVisual .mv .txt h3 strong span.underline{font-size: 3rem;}
    #main1 #mVisual .mv .txt .btn a img{max-width: 180px;}
}
@media all and (max-width:940px){
    #main1 #mVisual .mv .txt h3 strong{font-size: 4rem;}
    #main1 #mVisual .mv .txt::before{ left: 0%;font-size: 160px;}
    #main1 #mVisual .mv .txt::after{right: 0%; font-size: 160px;}
}
@media all and (max-width:640px){
    /*
    #main1 #mVisual .mv1{background-image: url(/images/main/mv1_m.png);}
    #main1 #mVisual .mv2{background-image: url(/images/main/mv2_m.png);}
    */
    #main1 #mVisual .mv2{background-image: url(/images/main/mv2_mo_240703.jpg);}
    #main1 #mVisual .slick-dots{bottom: 2%;}
    #main1 #mVisual .mv{min-height: 680px;}
    #main1 #mVisual .mv::after{width: 100%; top: 55%; opacity: 0.8}
    #main1 #mVisual .mv .inner{width: 100%; min-height: 680px;}
    #main1 #mVisual .mv .txt{ top: 50%; transform: translate(-50%, -45%); padding: 50px 0 70px; width: 96%; border-radius: 0px 0px 0 0;}
	#main1 #mVisual .mv .txt h3{font-size: 4.5rem; margin-bottom: 10px;}
	#main1 #mVisual .mv .txt h3 strong{font-size: 3.5rem; padding: 15px 0;}
    #main1 #mVisual .mv .txt h3 strong span.underline{font-size: 2.5rem;}
    #main1 #mVisual .mv .txt h3 strong span.underline::before{height: 35px;}
	#main1 #mVisual .mv .txt p{font-size: 1.6rem; width: 85%; margin-left: auto; margin-right: auto;}
    #main1 #mVisual .mv .txt .btn a img{max-width: 160px;}
	#main1 .mouse{width: 20px; height: 32px;}
	#main1 .mouse::before{width: 4px; height: 4px;}

    #main1 #mVisual .mv .txt::before{display: none;}
    #main1 #mVisual .mv .txt::after{display: none;}


    #main1 #mVisual .mv .txt ul li{padding: 10px 30px;font-size: 1.6rem;width: 80%;}
}
@media all and (max-width:500px){
	#main1 #mVisual .mv .txt h3{font-size: 4rem;}
	#main1 #mVisual .mv .txt h3 strong{font-size: 4rem; padding: 12px 0;}
    #main1 #mVisual .mv .txt h3 strong span.underline{font-size: 1.8rem;}
#main1 #mVisual .mv .txt h3 strong span.underline::before{height: 25px;}
}


#main2{width: 100%; height: 100%; margin: 50px 0;}
/* #main2{width: 100%; height: 820px;} */
#main2 .s-inner{display: flex; flex-wrap: wrap; position: relative; padding: 130px 0;}
#main2 .s-inner::before{content: ''; width: 93%; height: 81%; background-color: #e2eaf5; position: absolute; top: 13%; right: 0;z-index: -1;}
/* #main2 .s-inner::before{content: ''; width: 93%; height: 70%; background-color: #e2eaf5; position: absolute; top: 23%; right: 0;z-index: -1;} */
#main2 .s-inner::after{content: 'NEUROSURGERY'; font-family: 'GmarketSans'; position: absolute; bottom: 10%; left: 150px; font-size: 4rem; color: #e2eaf5; font-weight: 700; letter-spacing: 6px;text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;}
#main2 .img{width: 40%;}
#main2 .img img{width: 100%;}
#main2 .career{width: 60%; display: flex; justify-content: flex-end; position: relative;}
#main2 .career::after{content: 'GYEONGJU BEST'; font-family: 'GmarketSans'; position: absolute; top: -10px;right: 0; font-size: 6.5rem; color: #e2eaf5; font-weight: 700; line-height: 0rem;}
#main2 .career .txt{padding: 110px 60px 0; width: 100%; font-family: 'DaeguCatholicUniversity'; color: #212121; }
#main2 .career .txt h4{color: #3a6ebb; font-size: 2rem; margin-bottom: 10px;}
/* #main2 .career .txt h4{color: #3a6ebb; font-size: 2rem; margin-bottom: 20px;} */
#main2 .career .txt h3{font-size: 4.5rem; margin-bottom: 30px;}
#main2 .career .txt h3 span{font-size: 3rem; margin-left: 20px;}
#main2 .career .txt .c_list{width: 100%; font-family: 'Pretendard'; font-weight: bold; font-size: 1.8rem;}
#main2 .career .txt .c_list .c_item{display: flex; flex-wrap: wrap; margin-bottom: 20px;}
#main2 .career .txt .c_list ul{width: 50%;}
#main2 .career .txt .c_list ul li{margin-bottom: 10px;}

#main2-1{width: 100%; height:100%;}
#main2-1 .s-inner{display: flex; flex-wrap: wrap; position: relative; padding: 130px 0;}
#main2-1 .s-inner::before{content: ''; width: 93%; height: 82%; background-color: #e2eaf5; position: absolute; top: 13%; left: 0;z-index: -1;}
/* #main2-1 .s-inner::before{content: ''; width: 93%; height: 70%; background-color: #e2eaf5; position: absolute; top: 23%; left: 0;z-index: -1;} */
#main2-1 .s-inner::after{content: 'PAIN CLINIC'; font-family: 'GmarketSans'; position: absolute; bottom: 10%; right: 150px; font-size: 4rem; color: #e2eaf5; font-weight: 700; letter-spacing: 6px;text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;}
#main2-1 .img{width: 40%;}
#main2-1 .img img{width: 100%;}
#main2-1 .career{width: 60%; display: flex; justify-content: flex-end; position: relative;}
#main2-1 .career::after{content: 'ASAN ONE TOP'; font-family: 'GmarketSans'; position: absolute; top: -47px; left: 0; font-size: 6.5rem; color: #e2eaf5; font-weight: 700;}
#main2-1 .career .txt{padding: 110px 60px 0; width: 100%; font-family: 'DaeguCatholicUniversity'; color: #212121;}
#main2-1 .career .txt h4{color: #3a6ebb; font-size: 2rem; margin-bottom: 10px;}
#main2-1 .career .txt h3{font-size: 4.5rem; margin-bottom: 30px;}
#main2-1 .career .txt h3 span{font-size: 3rem; margin-left: 20px;}
#main2-1 .career .txt .c_list{width: 100%; font-family: 'pretendard'; font-weight: bold; font-size: 1.8rem;}
#main2-1 .career .txt .c_list .c_item{display: flex; flex-wrap: wrap;  margin-bottom: 20px;}
#main2-1 .career .txt .c_list ul{width: 50%;}
#main2-1 .career .txt .c_list ul li{margin-bottom: 10px;}

#main2-2{width: 100%; height: 100%;}
#main2-2 .s-inner{display: flex; flex-wrap: wrap; position: relative; padding: 130px 0;}
#main2-2 .s-inner::before{content: ''; width: 93%; height: 77%; background-color: #e2eaf5; position: absolute; top: 17%; right: 0;z-index: -1;}
#main2-2 .s-inner::after{content: 'PAIN CLINIC'; font-family: 'GmarketSans'; position: absolute; bottom: 10%; left: 150px; font-size: 4rem; color: #e2eaf5; font-weight: 700; letter-spacing: 6px;text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;}
#main2-2 .img{width: 40%;}
#main2-2 .img img{width: 100%;}
#main2-2 .career{width: 60%; display: flex; justify-content: flex-end; position: relative;}
#main2-2 .career::after{content: 'ASAN ONE TOP'; font-family: 'GmarketSans'; position: absolute; top: -30px;right: 0; font-size: 6.5rem; color: #e2eaf5; font-weight: 700;}
#main2-2 .career .txt{padding: 110px 60px 0; width: 100%; font-family: 'DaeguCatholicUniversity'; color: #212121;}
#main2-2 .career .txt h4{color: #3a6ebb; font-size: 2rem; margin-bottom: 10px;}
#main2-2 .career .txt h3{font-size: 4.5rem; margin-bottom: 30px;}
#main2-2 .career .txt h3 span{font-size: 3rem; margin-left: 20px;}
#main2-2 .career .txt .c_list{width: 100%; font-family: 'pretendard'; font-weight: bold; font-size: 1.8rem;}
#main2-2 .career .txt .c_list .c_item{display: flex; flex-wrap: wrap;  margin-bottom: 20px;}
#main2-2 .career .txt .c_list ul{width: 50%;}
#main2-2 .career .txt .c_list ul li{margin-bottom: 10px;}


#main2-3{width: 100%; height:100%; margin-bottom: 10%;}
#main2-3 .s-inner{display: flex; flex-wrap: wrap; position: relative; padding: 130px 0;}
#main2-3 .s-inner::before{content: ''; width: 93%; height: 82%; background-color: #e2eaf5; position: absolute; top: 17%; left: 0;z-index: -1;}
#main2-3 .s-inner::after{content: 'PAIN CLINIC'; font-family: 'GmarketSans'; position: absolute; bottom: 10%; right: 150px; font-size: 4rem; color: #e2eaf5; font-weight: 700; letter-spacing: 6px;text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;}
#main2-3 .img{width: 40%;}
#main2-3 .img img{width: 100%;}
#main2-3 .career{width: 60%; display: flex; justify-content: flex-end; position: relative;}
#main2-3 .career::after{content: 'ASAN ONE TOP'; font-family: 'GmarketSans'; position: absolute; top: -0.8em; left: 0; font-size: 6.5rem; color: #e2eaf5; font-weight: 700;}
#main2-3 .career .txt{padding: 110px 60px 0; width: 100%; font-family: 'DaeguCatholicUniversity'; color: #212121;}
#main2-3 .career .txt h4{color: #3a6ebb; font-size: 2rem; margin-bottom: 10px;}
#main2-3 .career .txt h3{font-size: 4.5rem; margin-bottom: 30px;}
#main2-3 .career .txt h3 span{font-size: 3rem; margin-left: 20px;}
#main2-3 .career .txt .c_list{width: 100%; font-family: 'pretendard'; font-weight: bold; font-size: 1.8rem;}
#main2-3 .career .txt .c_list .c_item{display: flex; flex-wrap: wrap;  margin-bottom: 20px;}
#main2-3 .career .txt .c_list ul{width: 50%;}
#main2-3 .career .txt .c_list ul li{margin-bottom: 10px;}

@media all and (max-width:1540px){
    #main2 .s-inner::after{font-size: 3rem;}
    #main2 .career::after{font-size: 5.5rem; line-height: 1rem;}
    #main2-1 .s-inner::after{font-size: 3rem;}
    #main2-1 .career::after{font-size: 5.5rem; top: 5px;}
    #main2-2 .s-inner::after{font-size: 3rem;}
    #main2-2 .career::after{font-size: 5.5rem; top: 5px;}
    #main2-3 .s-inner::after{font-size: 3rem;}
    #main2-3 .career::after{font-size: 5.5rem; top: 5px;}
}

@media all and (max-width:1280px){
    #main2 .career::after{font-size: 4.5rem; line-height: 2.5rem;}
    #main2-1 .career::after{font-size: 4.5rem; top: 37px;}
    #main2-2 .career::after{font-size: 4.5rem; top: 37px;}
    #main2-3 .career::after{font-size: 4.5rem; top:-0.4em;}
}

@media all and (max-width:1024px){
    #main2{height: 100%;margin: 30px 0;}
    #main2 .s-inner{margin: 13% auto 5%; padding: 50px 0;}
    #main2 .s-inner::before{width: 100%; height: 100%; top: 0;}
    #main2 .s-inner::after{bottom: 0.5%; left: 20px;}
    #main2 .img{width: 90%; margin: 0 auto 10px; order: 2;}
    #main2 .career{width: 100%; order: 1;}
    #main2 .career::after{right: 0; top: -75px;}
    #main2 .career .txt{padding: 0 50px 50px;}

    #main2-1{height: 100%;}
    #main2-1 .s-inner{margin: 13% auto 5%; padding: 50px 0;}
    #main2-1 .s-inner::before{width: 100%; height: 100%; top: 0;}
    #main2-1 .s-inner::after{bottom: 0.5%; right: 20px;}
    #main2-1 .img{width: 90%; margin: 0 auto 10px; order: 2;}
    #main2-1 .career{width: 100%; order: 1;}
    #main2-1 .career::after{left: 0;  top: -100px;}
    #main2-1 .career .txt{padding: 0 50px 50px;}

    #main2-2{height: 100%;}
    #main2-2 .s-inner{margin: 13% auto 5%; padding: 50px 0;}
    #main2-2 .s-inner::before{width: 100%; height: 100%; top: 0;}
    #main2-2 .s-inner::after{bottom: 0.5%; right: 20px;}
    #main2-2 .img{width: 90%; margin: 0 auto 10px; order: 2;}
    #main2-2 .career{width: 100%; order: 1;}
    #main2-2 .career::after{left: 0;  top: -100px;}
    #main2-2 .career .txt{padding: 0 50px 50px;}

    #main2-3{height: 100%;}
    #main2-3 .s-inner{margin: 13% auto 5%; padding: 50px 0;}
    #main2-3 .s-inner::before{width: 100%; height: 100%; top: 0;}
    #main2-3 .s-inner::after{bottom: 0.5%; right: 20px;}
    #main2-3 .img{width: 90%; margin: 0 auto 10px; order: 2;}
    #main2-3 .career{width: 100%; order: 1;}
    #main2-3 .career::after{left: 0;  top: -100px;}
    #main2-3 .career .txt{padding: 0 50px 50px;}
}

@media all and (max-width:640px){
    #main2 .s-inner{padding: 30px 0;}
    #main2 .s-inner::after{font-size: 2rem; bottom: 1%;}
    #main2 .career::after{font-size: 3.5rem; top: -65px; line-height: 5.5rem;}
    #main2 .career .txt{padding: 0 30px 30px;}
    #main2 .career .txt h4{font-size: 1.8rem; margin: 10px 0;}
    #main2 .career .txt h3{font-size: 3.5rem; margin-bottom: 20px;}
    #main2 .career .txt h3 span{font-size: 2.5rem; margin-left: 20px;}
    #main2 .career .txt .c_list{font-size: 1.6rem;}
    #main2 .career .txt .c_list ul{width: 100%;}

    #main2-1 .s-inner{padding: 30px 0;}
    #main2-1 .s-inner::after{font-size: 2rem; bottom: 1%;}
    #main2-1 .career::after{font-size: 3.5rem; top: -65px;}
    #main2-1 .career .txt{padding: 0 30px 30px;}
    #main2-1 .career .txt h4{font-size: 1.8rem; margin: 10px 0;}
    #main2-1 .career .txt h3{font-size: 3.5rem; margin-bottom: 20px;}
    #main2-1 .career .txt h3 span{font-size: 2.5rem; margin-left: 20px;}
    #main2-1 .career .txt .c_list{font-size: 1.6rem;}
    #main2-1 .career .txt .c_list ul{width: 100%;}

    #main2-2 .s-inner{padding: 30px 0;}
    #main2-2 .s-inner::after{font-size: 2rem; bottom: 1%;}
    #main2-2 .career::after{font-size: 3.5rem; top: -65px;}
    #main2-2 .career .txt{padding: 0 30px 30px;}
    #main2-2 .career .txt h4{font-size: 1.8rem; margin: 10px 0;}
    #main2-2 .career .txt h3{font-size: 3.5rem; margin-bottom: 20px;}
    #main2-2 .career .txt h3 span{font-size: 2.5rem; margin-left: 20px;}
    #main2-2 .career .txt .c_list{font-size: 1.6rem;}
    #main2-2 .career .txt .c_list ul{width: 100%;}

    #main2-3 .s-inner{padding: 30px 0;}
    #main2-3 .s-inner::after{font-size: 2rem; bottom: 1%;}
    #main2-3 .career::after{font-size: 3.5rem; top: -65px;}
    #main2-3 .career .txt{padding: 0 30px 30px;}
    #main2-3 .career .txt h4{font-size: 1.8rem; margin: 10px 0;}
    #main2-3 .career .txt h3{font-size: 3.5rem; margin-bottom: 20px;}
    #main2-3 .career .txt h3 span{font-size: 2.5rem; margin-left: 20px;}
    #main2-3 .career .txt .c_list{font-size: 1.6rem;}
    #main2-3 .career .txt .c_list ul{width: 100%;}
}

@media all and (max-width:430px){
    #main2 .s-inner::after{font-size: 1.3rem; bottom: 1.5%;}
    #main2 .career::after{font-size: 2.5rem; line-height: 6.5rem;}
    #main2-1 .s-inner::after{font-size: 1.3rem; bottom: 1.5%;}
    #main2-1 .career::after{font-size: 2.5rem; top: -55px;}
    #main2-2 .s-inner::after{font-size: 1.3rem; bottom: 1.5%;}
    #main2-2 .career::after{font-size: 2.5rem; top: -55px;}
    #main2-3 .s-inner::after{font-size: 1.3rem; bottom: 1.5%;}
    #main2-3 .career::after{font-size: 2.5rem; top: -55px;}
}


.c-h3{font-family: 'pretendard'; color: #069f89; font-size: 2.3rem;margin-bottom: 20px;}
.cert{width: 100%; display: flex; justify-content: space-evenly; margin-bottom: 10%;}
.cert li{width: 40%; max-width: 500px;}
.cert li img{width: 100%;}

@media all and (max-width:1024px){
    .cert{justify-content: space-between;}
    .cert li{width: 48%; max-width: 500px;}
}
@media all and (max-width:580px){
    .c-h3{font-size: 2rem;}
    .cert{flex-wrap: wrap;}
    .cert li{width: 100%; max-width: 500px;}
    .cert li:nth-child(2){margin-top: 30px;}
}

#main3{width: 100%; height: 100%; position: relative; background: url('/images/main/main3_bgtxt.png') no-repeat 95% 9.5%; background-size: 57%; margin-bottom: 15%;}
#main3::before{content: ''; width: 75%; height: 590px; background-color: #3a6ebb; position: absolute; top: 10%; left: 0; z-index: -1; border-radius: 0 466px 0 0; opacity: 0.15;}
.t-txt{margin-left: 160px; padding-top: 220px; color: #212121;}
.t-txt h4{font-family: 'Montserrat', sans-serif; font-size: 1.8rem; font-weight: 400; letter-spacing: 1.5px;}
.t-txt h3{font-family: 'DaeguCatholicUniversity'; font-size: 5.0rem; margin-top: 15px;}
.t-txt p{font-family: 'pretendard'; font-size: 1.8rem; margin-top: 20px; letter-spacing: 0.5px;}
#main3 .m_list{width: 100%; display: flex; flex-wrap: wrap; padding: 0 60px; justify-content: space-between;}
#main3 .m_list li{width: 14.583%;  position: relative; margin-top: 80px;box-shadow: 2px 2px 8px #00000070; border-radius: 100% 100% 100% 0; box-sizing: border-box; transition: 0.5s; cursor: pointer; overflow: hidden;}
#main3 .m_list li .img{width: 100%;}
#main3 .m_list li .img img{width: 100%; transition: 0.5s;}
#main3 .m_list li .txt{position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 85%;}
#main3 .m_list li .txt h3{color: #fff; font-family: 'DaeguCatholicUniversity'; font-size: 4rem; transition: 0.5s;}
#main3 .m_list li .txt span{display: none; transition: 0.5s;}
#main3 .m_list li:hover .img img{transform: scale(1.1); transition: 0.5s;}
#main3 .m_list li:hover .txt h3{display: none; transition: 0.5s;}
#main3 .m_list li:hover .txt span{display: block; color: #fff; font-family: 'pretendard'; font-size: 2rem;  transition: 0.5s;}


@media all and (max-width:1400px){
    #main3 .m_list li{width: 15.583%;}
    #main3 .m_list li .txt h3{font-size: 3.5rem;}
    #main3 .m_list li .txt span{font-size: 1.8rem;}

}

@media all and (max-width:1240px){
    #main3::before{width: 90%; height: 500px;border-radius: 0 370px 0 0;}
    .t-txt{margin-left: 60px;}
    .t-txt h4{font-size: 1.6rem;}
    .t-txt h3{font-size: 4.0rem;}
    .t-txt p{font-size: 1.6rem;}
    #main3 .m_list li{width: 30%;}
    #main3 .m_list li .txt h3{font-size: 3.5rem;}
    #main3 .m_list li .txt span{font-size: 1.8rem;}
}

@media all and (max-width:840px){
    .t-txt{margin-left: 40px;}
    #main3 .m_list{padding: 0 40px; margin-top: 30px;}
    #main3 .m_list li{margin-top: 25px;}
}

@media all and (max-width:680px){
    #main3 .m_list{padding: 0 40px; margin-top: 30px;}
    #main3 .m_list li{width: 45%; margin-top: 30px;}
}

@media all and (max-width:480px){
    .t-txt{margin-left: 20px;padding-top: 150px;}
    #main3{background-position: 95% 2.5%;}
    #main3::before{top: 2%; width: 100%; border-radius: 0 160px 0 0;}
    #main3 .m_list li{width: 100%;}
}


#main4{ width: 100%; height: 100%;}
#main4 .top_img {width: 100%; height: 500px; margin: 0px auto; background-repeat: no-repeat; background-position: 20% center; background-attachment: fixed; text-align: right; color: #fff; letter-spacing: -0.03em; background-size: cover;}
#main4 .top_img{height: 52vh;}
#main4 .top_img .inner{padding-top: 0; margin-bottom: 0; display: flex; justify-content: end; align-items: center; height: 100%; width: 100%; padding-right: 100px;}
#main4 .top_img h4{font-size: 1.8rem; font-family: 'Montserrat'; font-weight: 300; margin-bottom: 20px; letter-spacing: 1px;}
#main4 .top_img h3{font-size: 4rem; font-family: 'DaeguCatholicUniversity';margin-bottom: 35px;}
#main4 .top_img p{font-size: 1.8rem; font-family: 'pretendard';}


@media all and (max-width:960px){     
    #main4 .top_img h4{font-size: 1.6rem; margin-bottom: 10px;}
    #main4 .top_img h3{font-size: 3rem;margin-bottom: 25px;}
    #main4 .top_img p{font-size: 1.6rem;}
}
@media all and (max-width:768px){
    #main4 .top_img{max-height:400px; text-align: center;}
    #main4 .top_img .inner{padding-right: 0px;justify-content: center;}
}


#main5{width: 100%; height: 100%; margin: 10% 0; position: relative;}
#main5::before {content: ''; width: 75%; height: 590px; background-color: #3a6ebb; position: absolute; top: 35%; right: 0; border-radius: 466px 0 0 0; opacity: 0.15;}
#main5 .t-txt{position: absolute; padding: 0;}
#main5 .proc{width: 1600px; margin: 0 auto; position: relative;}
#main5 .proc .dots_custom{width: 20%; font-size: 2.0rem; top: 50%; position: absolute; font-family: 'pretendard'; transform: translateY(-50%);}
#main5 .proc .dots_custom li{width: 70%; border-bottom: 2px solid #ddd;; padding: 20px 10px;}
#main5 .proc .dots_custom li a{color: #868686;}
#main5 .proc .dots_custom li.slick-active{width: 100%; border-bottom: 2px solid #000; padding: 20px 10px; font-weight: bold; color: #212121;}
#main5 .proc .dots_custom li.slick-active a{color: #212121;}
#main5 .proc .proc_list .proc_item{display: flex; justify-content: end;}
#main5 .proc .proc_list .proc_item .img{width: 795px;}
#main5 .proc .proc_list .proc_item .img img{width: 100%; }
#main5 .proc .proc_list .proc_item .txt{width: 27%; text-align: right; margin-top: 215px; color: #3c3c3c;}
#main5 .proc .proc_list .proc_item .txt h2{font-size: 4.5rem; font-family: 'GmarketSans'; color: #e2eaf5; margin-bottom: 15px;}
#main5 .proc .proc_list .proc_item .txt h1{font-size: 8.4rem; font-family: 'GmarketSans'; margin-bottom: 80px; color: #fff;}
#main5 .proc .proc_list .proc_item .txt h3{font-size: 4.0rem; font-family: 'DaeguCatholicUniversity';position: relative; margin-bottom: 100px;}
#main5 .proc .proc_list .proc_item .txt h3::before{content: ''; width: 90px; height: 2px; background-color: #212121; position: absolute; right: 0; bottom: -100%;}
#main5 .proc .proc_list .proc_item .txt p{font-size: 1.8rem; font-family: 'pretendard';}



@media all and (max-width:1650px){
    #main5{margin: 13% 0;}
    #main5 .proc{width: 95%;}
    #main5 .proc .dots_custom{left: 7%;}
    #main5 .proc .proc_list .proc_item .img{width: 700px; position: absolute; right: 27%;}
    #main5 .proc .proc_list .proc_item .txt{margin-top: 190px;}
}

@media all and (max-width:1520px){
    #main5{margin: 13% 0;}
    #main5 .t-txt{position: relative;}
    #main5 .proc{width: 95%;}
    #main5 .proc .dots_custom{left: 9%; width: 15%; font-size: 1.6rem;}
    #main5 .proc .dots_custom li{padding: 15px 5px;}
    #main5 .proc .dots_custom li.slick-active{padding: 15px 5px;}
    #main5 .proc .proc_list .proc_item .img{width: 560px; position: absolute; right: 27%;}
    #main5 .proc .proc_list .proc_item .txt{margin-top:25px; width: 35%; margin-bottom: 40px;}
}

@media all and (max-width:1240px){
    #main5 .proc .dots_custom{left: 3%;}
    #main5 .proc .dots_custom li{padding: 10px 2px;}
    #main5 .proc .dots_custom li.slick-active{padding: 10px 2px;}
    #main5 .proc .proc_list .proc_item .txt{margin-top: 55px; margin-bottom: 80px;}
    #main5 .proc .proc_list .proc_item .txt h2{font-size: 3.5rem; margin-bottom: 15px;}
    #main5 .proc .proc_list .proc_item .txt h1{font-size: 6.0rem; margin-bottom: 80px;}
    #main5 .proc .proc_list .proc_item .txt h3{font-size: 3.0rem; margin-bottom: 100px;}
    #main5 .proc .proc_list .proc_item .txt h3::before{width: 60px;}
    #main5 .proc .proc_list .proc_item .txt p{font-size: 1.6rem;}
}

@media all and (max-width:1100px){
    #main5::before {width: 85%; height: 500px;}
    #main5 .proc .proc_list .proc_item .img{width: 450px; right: 30%;}    
    #main5 .proc .proc_list .proc_item .txt{width: 50%;}
}

@media all and (max-width:860px){
    #main5 .proc .dots_custom{width: 90%; top: 5%; left: 50%;  display: flex;transform: translateX(-50%); text-align: center; justify-content: space-between;}
    #main5 .proc .dots_custom li{width: 24%;}
    #main5 .proc .dots_custom li.slick-active{width:24%;}
    #main5 .proc .proc_list{padding-top: 150px;}
    #main5 .proc .proc_list .proc_item .img{width: 350px; left: 3%;}  
    #main5 .proc .proc_list .proc_item .txt{margin-top: 5px; width: 100%;}
    #main5 .proc .proc_list .proc_item .txt h1{margin-bottom: 50px;}
}

@media all and (max-width:640px){
    #main5::before {width: 100%; height: 460px; border-radius: 0;}
    #main5 .proc{width: 90%;}
    #main5 .proc .dots_custom{font-size: 1.4rem;}
    #main5 .proc .proc_list .proc_item .img{width: 300px; left: 0%;}
    #main5 .proc .proc_list .proc_item .txt{margin-top: 40px;}
    #main5 .proc .proc_list .proc_item .txt h2{font-size: 2.5rem;}
    #main5 .proc .proc_list .proc_item .txt h1{font-size: 4.0rem;}
    #main5 .proc .proc_list .proc_item .txt h3{font-size: 2.5rem; margin-bottom: 60px;}
    #main5 .proc .proc_list .proc_item .txt h3::before{width: 40px;}
    #main5 .proc .proc_list .proc_item .txt p{font-size: 1.4rem;}
}
@media all and (max-width:540px){
    #main5::before {width: 100%; height: 460px; border-radius: 0; top: 54.2%;}
    #main5 .proc{width: 90%;}
    #main5 .proc .dots_custom{font-size: 1.4rem;}
    #main5 .proc .proc_list{padding-top: 130px;}
    #main5 .proc .proc_list .proc_item .img{width: 100%; left: 0%;}
    #main5 .proc .proc_list .proc_item .txt{margin-top: 108%;}
    #main5 .proc .proc_list .proc_item .txt h2{font-size: 2.5rem; margin-bottom: 0px;}
    #main5 .proc .proc_list .proc_item .txt h1{font-size: 4.0rem; margin-bottom: 10px;}
    #main5 .proc .proc_list .proc_item .txt h3{font-size: 3rem; margin-bottom: 60px;}
    #main5 .proc .proc_list .proc_item .txt h3::before{width: 40px;}
    #main5 .proc .proc_list .proc_item .txt p{font-size: 1.5rem;line-height: 2.5rem;}
}
@media all and (max-width:410px){
    #main5::before {height: 410px;}
}


#main6{background: #d5e0f1; background-size: cover; padding:20px 0 160px; font-family: 'pretendard'; color: #212121;}
#main6.main6_2{background-color: #f3f3f3;}
#main6 .m_tit{text-align: center; margin-top: 80px;}
#main6 .m_tit h4{ font-size: 1.8rem; font-weight: normal;color: #111a24; font-family: 'Montserrat';}
#main6 .m_tit h3{color: #111a24; font-size: 5rem; font-family: 'DaeguCatholicUniversity'; margin-top: 15px;}
#main6 .m_tit p{color: #111a24; font-size: 1.8rem; font-family: 'pretendard'; margin-top: 20px;}
#main6 .tab{display: flex; justify-content: center; margin-top: 40px; position: relative; z-index: 9; max-width: 1240px; margin-left:  auto; margin-right: auto;}
#main6 .tab li{width: 50%; margin: 0;text-align: center; font-size: 1.8rem; padding: 20px 0; background-color: #ddd; cursor: pointer; font-weight: 500; color: #999; transition: .5s;}
#main6 .tab li.on{background-color: #fff; color: #222;}
#main6 .tabcontent1{margin-top: 0; display: block;}
#main6 .tabcontent1.on{display: block;}
#main6 .tabcontent1 .cont{background-color: #fff; padding: 0; margin-top: 60px; display: flex; }
#main6.main6_2 .tabcontent1 .cont{justify-content: space-between;}
#main6 .tabcontent1 .cont .txt{padding: 80px; width: 50%; height: 760px;}
#main6 .tabcontent1 .cont .txt .tit{font-size: 3.6rem; font-weight: 300; line-height: 1.2em; color: #000; margin-top: 0;}
#main6 .tabcontent1 .cont .txt .tit span{font-weight: 800; color: #25373e;}
#main6 .tabcontent1 .cont .txt p{font-size: 1.8rem; font-weight: 300; margin-top: 30px;}
#main6 .tabcontent1 .cont .txt p span{font-weight: 600;}
#main6 .tabcontent1 .cont .txt ul{}
#main6 .tabcontent1 .cont .txt ul h3{font-size: 2.5em; color: #fff; background-color: #3a6ebb; border-radius: 0; width: 100%; padding: 8px 20px; display: inline-block; margin-top: 35px; margin-bottom: 15px;}
#main6 .tabcontent1 .cont .txt ul h3 span{font-weight: 400;}
#main6 .tabcontent1 .cont .txt ul li{position: relative; padding-left: 0.75em; line-height: 1.75em; font-size: 1.8rem;}
#main6 .tabcontent1 .cont .txt ul li::before{content: '·'; position: absolute; left: 0;}
#main6 .tabcontent1 .cont .img{width: 50%; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-right: 0;position: relative; margin-right: -70px;}
#main6 .tabcontent1 .list{display: flex; margin-top: 35px; border-bottom: 1px solid #eee; padding-bottom: 20px;}
#main6 .tabcontent1 .list2{display: flex; margin-top: 35px; border-bottom: 1px solid #eee; padding-bottom: 20px;}
#main6 .tabcontent1 .list dd{opacity: 0.5; color: #000; font-weight: 600; font-size: 2rem; margin-right: 30px; cursor: pointer;}
#main6 .tabcontent1 .list2 dd{opacity: 0.5; color: #000; font-weight: 600; font-size: 2rem; margin-right: 30px; cursor: pointer;}
#main6 .tabcontent1 .list dd:last-child{margin-right: 0;}
#main6 .tabcontent1 .list2 dd:last-child{margin-right: 0;}
#main6 .tabcontent1 .list dd.on{opacity: 1;}
#main6 .tabcontent1 .list2 dd.on{opacity: 1;}
#main6 .tabcontent1 ol{display: flex; justify-content: space-between; margin-top: 70px;}
#main6 .tabcontent1 ol li{text-align: center; border-right: 1px solid #595b5c; width: 25%;}
#main6 .tabcontent1 ol li:last-child{border-right: 0;}
#main6 .tabcontent1 ol li .img{}
#main6 .tabcontent1 ol li .img img{max-width:85px; width: 100%;}
#main6 .tabcontent1 ol li h3{font-size: 1.5em;  margin: 20px 0 15px;}
#main6 .tabcontent1 ol li h3 span{font-weight: 300;}
#main6 .tabcontent1 ol li p{color: #111a24; font-size: 1.0625em; font-weight: 300;}
#main6 #tab1 .cont .img{background-image: url(/images/main/main6_tab1.jpg);}
#main6 #tab2 .cont .img{background-image: url(/images/main/main6_tab2.jpg);}
#main6 .tabs{display: none;}
#main6 .tabss{display: none;}
#main6 .tabs.on{display: block;}
#main6 .tabss.on{display: block;}


@media all and (max-width:1240px){
    #main6{padding: 20px 0 120px;}
    #main6 .tabcontent1 .cont{display: flex;}
    #main6 .tabcontent1 .cont .txt{text-align: left; padding: 60px; height: auto;}
    
    #main6 .tabcontent1 .cont .txt ul li::before{position: static; padding-right: 0.75em;}
    #main6 .tabcontent1 .cont .img{margin-right: 0; text-align: center; margin-top:0;}
    #main6 .tabcontent1 .cont .img img{width: 100%;max-width: 60vw;}
}

@media all and (max-width:976px){
    #main6 .m_tit{text-align: center; margin-top: 50px;}
    #main6 .m_tit h4{ font-size: 1.6rem;}
    #main6 .m_tit h3{font-size: 4rem; margin-top: 15px;}
    #main6 .m_tit p{font-size: 1.6rem; margin-top: 25px;}
    #main6 .tabcontent1 .cont{flex-direction: column; margin-top: 40px;}
    #main6 .tabcontent1 .cont .txt,
    #main6 .tabcontent1 .cont .img{width: 100%;}
    #main6 .tabcontent1 .cont .img{height: 40vw; order: -1;}
    #main6 .tabcontent1 .cont .txt{padding: 40px; min-height: 77vw;}
    #main6 .tabcontent1 .cont .txt .tit{font-size: 3rem;}
    #main6 .tabcontent1 .cont .txt ul h3{font-size: 2rem;}
}

@media all and (max-width:690px){
    #main6{padding: 20px 0 80px;}
    #main6 .tabcontent1 .cont{padding: 30px;}
    #main6 .tabcontent1 .cont .txt .tit{margin-top: 15px;}
    #main6 .tabcontent1 .cont .txt p {margin-top: 15px;font-size: 1.6rem;line-height: 2.6rem;}
    #main6 .tabcontent1 .cont .txt p br{display: none;}
    #main6 .tabcontent1 .cont .txt ul h3{margin: 20px 0 10px;}
    #main6 .tabcontent1 .cont .img.icon img{max-width: 13vw !important;}
    #main6 .tabcontent1 ol{flex-wrap: wrap; margin-top: 45px;}
    #main6 .tabcontent1 ol li{width: 50%; margin-bottom:3.5em;}
    #main6 .tabcontent1 ol li:nth-child(2){border-right: 0;}
    #main6 .tabcontent1 ol li .img img{max-width: 16vw;}
    #main6 .tab li{margin: 0 5px;}
    #main6 .tab li a img{width: 100%; max-width: 42vw;}
}

@media all and (max-width:640px){
    #main6 .tabcontent1 .cont .txt{padding: 10px; min-height: 90vw;}
    #main6 .tabcontent1 .list,
    #main6 .tabcontent1 .list2{margin-top: 20px;}
}

@media all and (max-width:480px){
    #main6{padding: 20px 0 60px;}
    #main6 .tabcontent1 .cont .txt{min-height: 105vw;}
}


#main7{background: #3a6ebb; background-size: cover; padding: 120px 0;font-family: 'pretendard';}
#main7 .m_tit{text-align: center; margin-top: 80px;}
#main7 .m_tit h4{ font-size: 1.8rem; font-weight: normal;color: #111a24; font-family: 'Montserrat';}
#main7 .m_tit h3{color: #111a24; font-size: 5rem; font-family: 'DaeguCatholicUniversity'; margin-top: 15px;}
#main7 .m_tit p{color: #111a24; font-size: 1.8rem; font-family: 'pretendard'; margin-top: 20px;}
#main7 .cont{background-color: #fff; padding: 20px 100px 90px;}
#main7 .cont .info{display: flex; margin-top: 70px;}
#main7 .cont .info > .img{width: 50%;}
#main7 .cont .info > .img img{width: 100%;}
#main7 .cont .info .txt_wrap{width: 50%; padding-left: 90px;}
#main7 .cont .info .txt_wrap .txt_box{margin: 40px 0px;}
#main7 .cont .info .txt_wrap .txt_box h3{font-size: 2.5rem; color: #fff; padding: 10px 30px; background-color: #3a6ebb; text-align: center; border-radius: 30px; display: inline-block; min-width: 332px;}
#main7 .cont .info .txt_wrap .txt_box .txt{display: flex; margin-top: 20px;}
#main7 .cont .info .txt_wrap .txt_box .txt .img{margin: 10px 50px 0;}
#main7 .cont .info .txt_wrap .txt_box .txt p{font-size: 1.8rem;}
#main7 .grade > h3{color: #fff; text-align: center; font-weight: 300; font-size: 3.6rem; margin: 50px 0;}
#main7 .grade > h3 span{font-weight: 600;}
#main7 .grade ul{display: flex;}
#main7 .grade ul li{width: 20%; background-color: #fff; text-align: center; padding: 25px 0 35px;}
#main7 .grade ul li:nth-child(2){background-color: #e6edf6;}
#main7 .grade ul li:nth-child(3){background-color: #b5c9e5;}
#main7 .grade ul li:nth-child(4){background-color: #9db6dd;}
#main7 .grade ul li:nth-child(5){background-color: #6b92cc;}
#main7 .grade ul li .icon{text-align: center;}
#main7 .grade ul li .icon img{max-width: 17px; width: 100%;}
#main7 .grade ul li h3{font-size:2.3rem; font-weight: 500;}
#main7 .grade ul li h3.white{color: #fff;}
#main7 .grade ul li .bar{width: 100%; height: 1px; background-color: #dedede; margin: 20px 0;}
#main7 .grade ul li p{font-weight: 300; font-size: 1.6rem;}
#main7 .grade ul li p.white{color: #fff;}

@media all and (max-width:1240px){
    #main7{padding: 90px 0;}
    #main7 .cont .info .txt_wrap{padding-left: 3em;}
    #main7 .cont .info .txt_wrap .txt_box{margin: 1.5em 0;}
    #main7 .grade > h3{margin: 40px 0;}
}
@media all and (max-width:1000px){
    #main7{padding: 70px 0;}
    #main7 .cont{padding: 20px 65px 60px;}
    #main7 .cont .info{flex-wrap: wrap; margin-top: 45px;}
    #main7 .cont .info > .img, #main7 .cont .info .txt_wrap{width: 100%; text-align: center;}
    #main7 .cont .info > .img img{max-width: 60vw;}
    #main7 .cont .info .txt_wrap{text-align: center; padding-left: 0; margin-top: 2em;}
    #main7 .cont .info .txt_wrap .txt_box .txt{justify-content: center;}
    #main7 .cont .info .txt_wrap .txt_box .txt .img{margin: 10px 30px 0;}
    #main7 .grade > h3{margin: 30px 0;}
    #main7 .grade ul{flex-wrap: wrap; justify-content: center;}
    #main7 .grade ul li{width: 49.33333%;}
}
@media all and (max-width:690px){
    #main7{padding: 50px 0;}
    #main7 .m_tit{margin-top: 20px;}
    #main7 .m_tit h3{font-size: 4rem;}
    #main7 .cont{padding: 20px 20px 35px;}
    #main7 .cont .info{margin-top: 10px;}
    #main7 .cont .info .txt_wrap .txt_box h3{min-width: auto;font-size: 2rem;}
    #main7 .cont .info .txt_wrap .txt_box .txt p{font-size: 1.6rem;}
    #main7 .cont .info .txt_wrap .txt_box .txt p br{display: none;}
    #main7 .cont .info .txt_wrap .txt_box .txt{margin-top: 10px;}
    #main7 .cont .info .txt_wrap .txt_box .txt .img{margin:0px 10px 0;}
    #main7 .cont .info .txt_wrap .txt_box .txt .img img{max-width: 10vw;}
    #main7 .grade > h3{font-size: 3rem;}
}
@media all and (max-width:480px){
    #main7 .grade ul li{width: 100%;}
}


#main8{width: 100%; height:980px; display: flex;flex-wrap: wrap; position: relative;}
#main8 .l-box{width: 39%; background: url('/images/main/main8_bg_250520.png') no-repeat right 50%;}
#main8 .l-box .t-txt{color: #fff; padding-top: 240px;}
#main8 .r-box{width: 61%; position: relative;}
#main8 .r-box::before{content: ''; width: 120%; height: 480px; background-color: #3a6ebb; position: absolute; top: 50%; right: 0; transform: translateY(-50%); opacity: 0.15; z-index: -1;}
#main8 .r-box .eqip{display: flex;align-items: center; height: 100%;}
#main8 .eqip .txt{width: 50%; color: #212121;padding: 0 30px; }
#main8 .eqip .txt h4{font-family: 'DaeguCatholicUniversity'; font-size: 2rem; color: #3a6ebb; margin-bottom: 15px;}
#main8 .eqip .txt h1{font-family: 'DaeguCatholicUniversity'; font-size: 4.5rem;margin-bottom: 140px;}
#main8 .eqip .txt h3{font-family: 'DaeguCatholicUniversity'; font-size: 3rem;margin-bottom: 25px;}
#main8 .eqip .txt p{font-family: 'pretendard'; font-size: 1.8rem;}
#main8 .eqip .img{width: 50%; height: 100%;}
#main8 .eqip .img img{width: 453px;}
#main8 .slick-slide {min-height: 980px;}


@media all and (max-width:1600px){
    #main8 .slick-prev{left:-28.5vw;}
    #main8 .slick-next{left:-24.5vw;}
    #main8 .eqip .img{width: 45%;}
    #main8 .eqip .img img{width: 100%;}
    #main8 .eqip .txt{width: 55%;}
}

@media all and (max-width:1400px){
    #main8 .l-box .t-txt{margin-left: 130px;}
    #main8 .eqip .txt h4{font-size: 1.8rem; margin-bottom: 15px;}
    #main8 .eqip .txt h1{font-size: 4rem;margin-bottom: 140px;}
    #main8 .eqip .txt h3{font-size: 2.5rem;margin-bottom: 25px;}
    #main8 .eqip .txt p{font-size: 1.6rem;}
}

@media all and (max-width:1280px){
    #main8 .l-box{width: 100%; background-size:cover;background-position: left 50%; background-size: 110%;}
    #main8 .l-box .t-txt{margin-left: 60px; padding-top: 150px; padding-bottom: 150px;}
    #main8 .r-box{width: 100%;}
    #main8 .r-box::before{width: 100%; height: 550px;}
    #main8 .eqip .img{width: 25%;}
    #main8 .eqip .txt{width: 65%; padding: 0 80px;}
    #main8 .slick-slide {min-height: 550px;}
    #main8 .slick-prev{left: 60px; top: -20%; }
    #main8 .slick-next{left: 120px; top: -20%;}
}

@media all and (max-width:830px){
    #main8{height: 820px;}
    #main8 .l-box{background-position: left 50%; background-size: 110%;}
    #main8 .l-box .t-txt{margin-left: 30px; padding-top: 91px; padding-bottom: 91px;}
    #main8 .r-box::before{height: 500px;}
    #main8 .eqip .img{width: 30%;}
    #main8 .eqip .txt{width: 65%; padding: 0 10px 0 30px;}
    #main8 .eqip .txt h1{margin-bottom: 70px;}
    #main8 .slick-slide {min-height: 500px;}
    #main8 .slick-prev{left: 300px; top: -22%; }
    #main8 .slick-next{left: 365px; top: -22%;}
}

@media all and (max-width:640px){
    #main8{height: 100%;}
    #main8 .l-box{width: 100%; background-size:cover;background-position: left 50%; background-size: 120%;}
    #main8 .l-box .t-txt{margin-left: 30px; padding-top: 13%; padding-bottom: 13%;}
    #main8 .r-box{width: 100%;}
    #main8 .r-box::before{width: 100%; height: 100%;}
    #main8 .eqip{flex-wrap: wrap;}
    #main8 .eqip .img{ width: 40%; margin:45px auto;}
    #main8 .eqip .txt{width: 100%; padding: 0 20px 0 20px; margin-top: 30px;}
    #main8 .eqip .txt h1{margin-bottom: 70px;}
    #main8 .eqip .txt h4{font-size: 1.6rem; margin-bottom: 5px;}
    #main8 .eqip .txt h1{font-size: 2.5rem;margin-bottom: 2px;}
    #main8 .eqip .txt h3{font-size: 2.0rem; margin-bottom: 10px;}
    #main8 .eqip .txt p{font-size: 1.4rem;}
    #main8 .eqip .txt p br{display: none;}
    #main8 .slick-slide {min-height: 100%;}
    #main8 .slick-prev{left: 75%; top: -8%; }
    #main8 .slick-next{left: 85%; top: -8%;}
}
@media all and (max-width:470px){
    #main8 .slick-prev{left: 75%; width: 30px; height: 30px;}
    #main8 .slick-next{left: 85%; width: 30px; height: 30px;}
}


#main9{width: 100%; height: 100%; position: relative; padding-bottom: 8%;}
#main9::before{content: ''; position: absolute; width: 100%; height: 61%; border-radius: 50% 50% 0 0; background-color: #e2eaf5; bottom: 0;}
#main9 .t-txt{padding-top: 50px;}
#main9 .inte{width: 100%; margin-top: 50px;}
#main9 .tour{width: 1000px; padding: 20px;}
#main9 .swiper-slide-active{padding-top: 0;}
#main9 .tour img{width: 100%;}
#main9 .tour p{text-align: center; font-size: 1.6rem; margin-top: 10px;}

@media screen and (max-width:1080px){
    #main9 .tour{padding: 20px 0;}
    #main9 .swiper-slide-active{padding-top: 0;}
}

@media screen and (max-width:580px){
    #main9::before{height: 40%; border-radius: 0;}
}


#main10{width: 100%; height: 100%; position: relative;}
#main10 .info-box{position: absolute;  z-index: 100; background-color: #3a6ebb; width: 600px; height: 520px; opacity: 0.95; top: 50%; right: 160px; transform: translateY(-50%);}
#main10 .info-box .txt{margin:35px; color: #fff;}
#main10 .info-box .txt .time{padding: 20px; border-bottom: 1px solid #ffffff96; letter-spacing: 0.5px;}
#main10 .info-box .txt .time h2{ font-size: 3.5rem; font-family: 'DaeguCatholicUniversity'; margin-bottom: 25px;}
#main10 .info-box .txt .time .day{display: flex; width: 100%; justify-content: space-between; margin-bottom: 25px; line-height: 28px;}
#main10 .info-box .txt .time .day1{width: 23%;font-size: 1.8rem; font-family: 'pretendard'; font-weight: 600;}
#main10 .info-box .txt .time .day2{width: 77%;font-size: 1.8rem; font-family: 'pretendard'; font-weight: 400;}
#main10 .info-box .txt .time h4{font-size: 1.8rem; font-family: 'pretendard'; font-weight: 600;}
#main10 .info-box .txt .ad{padding: 20px;}
#main10 .info-box .txt .ad p{font-size: 2.0rem; font-family: 'pretendard'; font-weight: 600; margin-bottom: 10px; display: flex; align-items: center; letter-spacing: 0.5px;}
#main10 .info-box .txt .ad p img{margin-right: 10px;}
#main10 .info-box .txt .load{ text-align: right; margin-top: 20px;}
#main10 .info-box .txt .load a{text-align: center;font-size: 1.6rem; font-family: 'pretendard'; font-weight: 700; color: #212121; width: 25%; height: 40px; background-color: #fff; display: inline-block; line-height: 40px;}

@media screen and (max-width:1400px){
    #main10 .info-box{right: 50px;}
}

@media screen and (max-width:1200px){
    #main10{display: flex; flex-wrap: wrap;}
    #main10 .info-box{position: relative; width: 100%; height: 100%; opacity: 0.95; top: 0; right: 0; transform: translateY(0); order:2;}
    #main10 .map{order:1; width: 100%; height: 400px;}
}

@media screen and (max-width:480px){
    #main10 .info-box .txt{margin:20px;}
    #main10 .info-box .txt .time{padding: 10px;}
    #main10 .info-box .txt .time h2{ font-size: 2.8rem;  margin-bottom: 15px;}
    #main10 .info-box .txt .time .day{margin-bottom: 15px; line-height: 23px;}
    #main10 .info-box .txt .time .day1{width: 20%;font-size: 1.4rem;font-weight: 600;}
    #main10 .info-box .txt .time .day2{width: 80%;font-size: 1.4rem; font-weight: 400;}
    #main10 .info-box .txt .time h4{font-size: 1.6rem;}
    #main10 .info-box .txt .ad{padding: 10px;}
    #main10 .info-box .txt .ad p{font-size: 1.6rem; margin-bottom: 5px;}
    #main10 .info-box .txt .load a{font-size: 1.6rem; font-family: 'pretendard'; font-weight: 700; color: #212121; width: 28%; height: 30px; line-height: 30px;}
}


/* main11 */
#main11{background-color: #fff;font-family: 'DaeguCatholicUniversity';}
#main11 .inner{display: flex; justify-content: center; align-items: center;}
#main11 .inner .img{width: 50%; text-align: center; border-right: 1px solid #eee; padding: 36px 0;}
#main11 .inner .img img{width: 100%; max-width:530px;}
#main11 .inner .img p{font-size: 1.8rem; margin-top: 20px; padding: 20px; border: 1px solid #dedede; display: inline-block; color: #000;}
#main11 .inner .txt_box{width: 50%; padding-left: 60px;}
#main11 .inner .txt_box .txt{margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dashed #dedede;}
#main11 .inner .txt_box .txt:last-child{border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
#main11 .inner .txt_box .txt h3{font-size: 2.4rem; margin-top: 30px; color: #000;}
#main11 .inner .txt_box .txt ul{margin-top: 15px; width: 100%; max-width: 446px;font-family: 'pretendard';}
#main11 .inner .txt_box .txt ul li{position: relative; font-size: 1.9rem; line-height: 1.8em; display: flex; justify-content: space-between; padding-left: 0.75em;}
#main11 .inner .txt_box .txt ul li::before{content: '·'; position: absolute; left: 0;}
#main11 .inner .txt_box .txt ul li.tel{font-weight: 500;}
#main11 .inner .txt_box .txt ul li span{font-weight: 500; line-height: 1.4em;}
#main11 .inner .txt_box .txt ul li small{font-size: 0.875em; text-align: right;}
#main11 .inner .txt_box .txt ul li.tel span{font-size: 1.6875em; color: #0f181f; font-weight: 700;}

@media all and (max-width:1240px){
    #main11 .inner .img{width: 48%; padding-right: 2%;}
    #main11 .inner .txt_box{padding-left: 40px;}
}
@media all and (max-width:690px){
    #main11 .inner{flex-wrap: wrap;}
    #main11 .inner .img, #main11 .inner .txt_box{width: 100%;}
    #main11 .inner .img{border-right: 0;}
    #main11 .inner .txt_box{margin-top: 0em; margin-bottom: 4em; padding-left: 0;}
}
@media all and (max-width:480px){
    .google{height: 350px !important;}
}