/*reset*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

*{margin:0;padding:0;box-sizing:border-box}
html{font-size:20px}
li{list-style:none}
img{border:0;max-width:100%;vertical-align:top}
body, td, p, input, button, textarea, select,a{font-family:"Noto Sans KR",sans-serif}
h1,h2,h3,h4,h5,h6,strong,th,b,dt,em{font-weight:600}
em,i{font-style:normal}
a,a:hover,a:active,a:focus{text-decoration:none;color:#000}

/*common*/    
:root{
    --main-color:#0d57a0;
    --main-color-light:#1271cf;
    --main-color-dark:#083c6f;
    --point-color:#ff0000;
}    


._pc,
._mo{display:none}
.center{text-align:center}
.container{position:relative;max-width:1380px;margin:0 auto;padding:0 50px}
.container.max{max-width:1920px}


	 @keyframes textLoop_left {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(-100%);
        }
      }

	  @keyframes textLoop_right {
        0% {
          transform: translate3d(-100%, 0, 0);
        }
        100% {
          transform: translate3d(0, 0, 0);
        }
      }

/*_pc*/
@media all and (min-width:1025px) {	
    ._pc{display:block}	

	/*header*/
	.header{position:fixed;left:0;top:0;width:100%;z-index:200;background:rgba(0,0,0,0.5)}
	.header .container{display:flex;justify-content:space-between;align-items:center;max-width:none;padding:0 40px;height:90px}
    .header h1 img{display:block;max-height:70px}
	.header .menu{display:flex;gap:10px;;}
	.header .menu li{flex:1;position:relative;text-align:center}			
	.header .menu li > a{display:block;font-size:20px;color:#fff;white-space:nowrap;padding:0 30px;line-height:50px;}
	.header .menu li > a:hover{background:rgba(255,255,255,0.1);border-radius:50px}
	.header .menu li.contact a{background:var(--main-color);border-radius:50px}
    .header .menu li.contact a:hover{background:var(--main-color-light)}
    
	/*main*/
    .main{}     
    
    .msec1{position:relative;;text-align:center;background:url('../images/ms1_bg.jpg') no-repeat center /cover;padding:140px 0}
    .msec1 .counter{position:relative;}
    .msec1 .counter .inner{display:flex;width:70%;max-width:1300px;margin:0 auto}
    .msec1 .counter .inner em{display:block;font-size:clamp(14px,1.6vw,28px);color:#666;margin:0 0 10px;font-weight:800}
    .msec1 .counter .inner div{flex:1;font-size:clamp(20px,3.5vw,70px);font-weight:900;text-align:center;color:var(--main-color)}
    
    
    .msec2{background:var(--main-color);text-align:center}


	.msec_add1{background:#dcdcdc;text-align:center}
	.msec_add2{;text-align:center}
	.msec_add3{background:url('../images/ms_add3_bg.jpg') repeat-x 0 0 /auto 100%;text-align:center}

    
    .msec3{margin:100px 0}
    .msec3 .tit{margin-bottom:100px;}

    .msec3 .swiper-slide{max-width:300px;padding:0 15px}
    .msec3 .swiper-slide img{border-radius:20px;overflow:hidden}
    
    
    .msec4{padding:100px 0;text-align:center}
    .msec4 .tit{font-size:40px;font-weight:600}
    .msec4 .desc{font-size:22px;margin:20px 0 100px;color:#777}
    .msec4 .flow_text{display:flex;;position:relative;overflow:hidden;margin:50px 0;}    
    .msec4 .flow_text:before{content:'';position:absolute;z-index:10;left:0;top:0;height:100%;width:200px;background:linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);}
    .msec4 .flow_text:after{content:'';position:absolute;z-index:10;right:0;top:0;height:100%;width:200px;background:linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%);}
     
    .msec4 .flow_text .list{display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;}
     
    .msec4 .flow_text .list li{width:245px;padding:0 10px}
    .msec4 .flow_text--left .list{animation: textLoop_left 60s linear infinite}
	.msec4 .flow_text--right .list{animation: textLoop_right 60s linear infinite}

    
    .msec5{background:#f5f5f5;padding:100px 0}
    .msec5 .tit_con .tit{font-size:24px;font-weight:900;color:var(--main-color);text-transform:uppercase}
    .msec5 .tit_con .desc{font-size:40px;font-weight:600}
    .msec5 .tit_con .desc strong{color:var(--main-color)}
    
    .msec5 .stit_con{display:flex;align-items:flex-end;gap:50px;margin:60px 0 40px}
    .msec5 .stit_con .tit{flex:1;font-size:20px}
    .msec5 .stit_con .tit em{display:block;font-size:30px;font-weight:600}
    .msec5 .stit_con .desc{flex:1;font-size:26px}
    .msec5 .stit_con .desc span{color:var(--main-color)}
    .msec5 .stit_con .desc span em{font-size:34px;font-weight:900}
    
    .msec5 .thumb_con{display:flex;gap:50px}
    .msec5 .thumb_con img{border-radius:20px;overflow:hidden}
    
    
    .msec6{margin:100px 0}
    .msec6 .tit_con .tit{font-size:24px;font-weight:900;color:var(--main-color);text-transform:uppercase}
    .msec6 .tit_con .desc{font-size:30px;margin:50px 0}
    .msec6 .tit_con .desc strong{font-size:40px;}
    .msec6 .tit_con .desc strong em{color:var(--main-color)}
    .msec6 .thumb{text-align:center;margin:50px 0}


	 .msec7{background:#f5f5f5;padding:100px 0;text-align:center}
	 .msec7 .tit_con .tit{font-size:40px;font-weight:600;color:var(--main-color);text-transform:uppercase;margin:0 0 80px}
	 .msec7 .tit_con .tit b{color:#000}
	 .msec7 .list{display:flex;gap:20px}



    
    .form_sec{position:relative;background:#000;padding:50px 0;color:#fff;border-bottom:1px solid rgba(255,255,255,0.2)}   
    .form_sec .container{max-width:1000px}
    .form_sec .tit{font-size:30px;font-weight:600;text-align:center}    
    .form_sec .tit strong{display:block;font-size:26px}
    .form_sec .inner{display:flex;justify-content:center;gap:15px;margin:30px 0;}
    .form_sec .inner input[type="text"],
    .form_sec .inner input[type="submit"]{flex:1;background:#fff;color:#000;width:100%;height:60px;line-height:60px;border:0;padding:0 10px;;font-size:20px}
	.form_sec .inner input[type="text"]{font-size:16px}
    .form_sec .inner input[type="submit"]{background:var(--main-color);color:#fff;;cursor:pointer;font-weight:600;}
    .form_sec .inner input[type="submit"]:hover{background:var(--main-color-light)}
    .form_sec .inner ::placeholder {color:#aaa}
	.form_sec .inner .kakao{flex:1;height:60px;line-height:60px;background:#ffe600;text-align:center;font-weight:500}
    .form_sec .inner .kakao span{display:inline-block;padding-left:50px;background:url('../images/sns_katalk.png') no-repeat 0 center /50px}

    .form_sec .agree_con{display:flex;gap:10px;align-items:center}
    .form_sec .agree_con label{display:flex;gap:10px}
    .form_sec .agree_con input[type="checkbox"]{width:24px;height:24px;border:0;}
    .form_sec .agree_con .open_agree{color:#fff;line-height:30px}
    

    
    /*agree_win*/
    .agree_win{display:none}
    .agree_win.on{display:flex;justify-content: center;align-items: center; position:fixed;z-index:300;left:0;width:100%;top:0;height:100%;background:rgba(0,0,0,0.5)}
    .agree_win .box{position:relative;width:100%;max-width:700px;height:80%;background:#fff;padding:10px 0;border-radius:10px;overflow:hidden}
    .agree_win .box .close{position:absolute;right:30px;top:25px;width:30px;height:30px;cursor:pointer}
    .agree_win .box .close:before{content:'';position:absolute;top:calc(50% - 1.5px);width:100%;height:4px;background:#000;transform:rotate(45deg);border-radius:3px}
    .agree_win .box .close:after{content:'';position:absolute;top:calc(50% - 1.5px);width:100%;height:4px;background:#000;transform:rotate(-45deg);border-radius:3px}
    .agree_win .box .inner{height:100%;padding:20px 50px 20px 40px;overflow:auto} 
    .agree_win .box .tit{font-size:30px;font-weight:800;margin:10px 0}
    .agree_win .box .con{font-size:20px;line-height:1.5;margin:30px 0}
    .agree_win .box .con dl{}
    .agree_win .box .con dt{margin:30px 0 5px;font-weight:600}
    .agree_win .box .con dd{padding-left:15px;text-indent:-10px}
        
    
    
	/*footer*/
    .footer{padding:50px 0;background:#000;color:#fff}    
    .footer .container{display:flex;gap:100px;align-items: center;font-size:16px}
    .footer .logo img{max-height:100px}
    .footer .info{}
    .footer .info dt,
    .footer .info b{font-weight:600;margin-right:10px}    
    .footer .info dt{font-size:20px;margin-bottom:20px}
    .footer .info dd{margin:5px 0;font-weight:300}
    .footer .info a{color:#fff}
    .footer .info .copyright{margin-top:30px}
    
    
    /*quick*/
    .quick_menu{position:fixed;z-index:50;right:20px;bottom:20px}  
    .quick_menu .move{position:absolute;z-index:10;bottom:0;transition:0.3s}
    .quick_menu a{display:block;margin:10px 0;border-radius:50%;overflow:hidden;width:74px}
    
    .scroll .quick_menu .move{bottom:calc(74px + 10px)}

}


/*_mobile*/
@media all and (max-width:1024px) {
    html{font-size:14px}
    .container{padding:0 15px}
	._mo{display:block}


	/*header*/
	.header{position:fixed;left:0;top:0;width:100%;z-index:200;background:rgba(0,0,0,0.5)}
	.header .container{display:flex;justify-content:space-between;align-items:center;max-width:none;padding:0 15px;height:60px}
    .header h1 img{display:block;max-height:45px}
	.header .menu{display:flex;gap:10px;;}
	.header .menu li{flex:1;position:relative;text-align:center}			
	.header .menu li > a{display:block;font-size:12px;color:#fff;white-space:nowrap;padding:0 20px;line-height:30px;}
	.header .menu li > a:hover{background:rgba(255,255,255,0.1);border-radius:50px}
	.header .menu li.contact a{background:var(--main-color);border-radius:50px}
    
    
    
	/*main*/
    .main{}     
    
    .msec1{position:relative;max-width:1920px;margin:0 auto;text-align:center;background:url('../images/ms1_bg.jpg') no-repeat center /cover;padding:60px 0}
    .msec1 .counter{position:relative}
    .msec1 .counter .inner{display:flex;flex-wrap:wrap;width:90%;max-width:1300px;margin:0 auto}    
    .msec1 .counter .inner div{width:50%;font-size:clamp(24px,5vw,40px);font-weight:900;text-align:center;color:var(--main-color);margin:10px 0}
    .msec1 .counter .inner div em{display:block;font-size:clamp(14px,3vw,28px);color:#666;margin:0 0 5px;font-weight:800}
    
    
    .msec2{background:var(--main-color);text-align:center}


	.msec_add1{background:#dcdcdc;text-align:center}
	.msec_add2{;text-align:center}
	.msec_add3{background:url('../images/ms_add3_bg.jpg') repeat-x 0 0 /auto 100%;text-align:center}

    
    .msec3{margin:50px 0}
    .msec3 .tit{margin-bottom:50px}
    .msec3 .swiper-slide{max-width:280px;padding:0 5px}
    .msec3 .swiper-slide img{border-radius:10px;overflow:hidden}
    
    
    .msec4{padding:50px 0;text-align:center}
    .msec4 .tit{font-size:20px;font-weight:600}
    .msec4 .desc{font-size:14px;margin:10px 0 50px;color:#777}
    .msec4 .flow_text{display:flex;;position:relative;overflow:hidden;margin:20px 0;}    
    .msec4 .flow_text:before{content:'';position:absolute;z-index:10;left:0;top:0;height:100%;width:20px;background:linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);}
    .msec4 .flow_text:after{content:'';position:absolute;z-index:10;right:0;top:0;height:100%;width:20px;background:linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%);}
     
    .msec4 .flow_text .list{display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;}
     
    .msec4 .flow_text .list li{width:120px;padding:0 10px}
    .msec4 .flow_text--left .list{animation: textLoop_left 60s linear infinite}
	.msec4 .flow_text--right .list{animation: textLoop_right 60s linear infinite}

    
    .msec5{background:#f5f5f5;padding:50px 0}
    .msec5 .tit_con .tit{font-size:14px;font-weight:900;color:var(--main-color);text-transform:uppercase}
    .msec5 .tit_con .desc{font-size:24px;font-weight:600}
    .msec5 .tit_con .desc strong{color:var(--main-color)}
    
    .msec5 .stit_con{margin:30px 0 20px}
    .msec5 .stit_con .tit{font-size:12px}
    .msec5 .stit_con .tit em{display:block;font-size:16px;font-weight:600}
    .msec5 .stit_con .desc{flex:1;font-size:16px}
    .msec5 .stit_con .desc span{color:var(--main-color)}
    .msec5 .stit_con .desc span em{font-size:24px;font-weight:900}
    
    .msec5 .thumb_con{display:flex;gap:10px}
    .msec5 .thumb_con img{border-radius:10px;overflow:hidden}
    
    
    .msec6{margin:50px 0}
    .msec6 .tit_con .tit{font-size:14px;font-weight:900;color:var(--main-color);text-transform:uppercase}
    .msec6 .tit_con .desc{font-size:20px;margin:30px 0}
    .msec6 .tit_con .desc strong{font-size:24px;}
    .msec6 .tit_con .desc strong em{color:var(--main-color)}
    .msec6 .thumb{text-align:center;margin:30px 0}


	 .msec7{background:#f5f5f5;padding:50px 0;text-align:center}
	 .msec7 .container{padding:0 5px}
	 .msec7 .tit_con .tit{font-size:20px;font-weight:600;color:var(--main-color);text-transform:uppercase;margin:0 0 40px}
	 .msec7 .tit_con .tit b{color:#000}
	 .msec7 .list{display:flex;flex-wrap:wrap;gap:20px 4px}
	 .msec7 .list li{width:calc((100% - 4px )/2)}



    
    .form_sec{position:relative;background:#000;padding:30px 0;color:#fff;border-bottom:1px solid rgba(255,255,255,0.2)}  
    .form_sec .container{max-width:1000px}
    .form_sec .tit{font-size:18px;font-weight:600;text-align:center}    
    .form_sec .tit strong{display:block;font-size:16px}
    .form_sec .inner{display:flex;flex-direction:column;gap:10px;margin:20px 0;}
    .form_sec .inner input[type="text"],
    .form_sec .inner input[type="submit"]{background:#fff;color:#000;height:40px;line-height:40px;border:0;padding:0 10px;min-width:300px;font-size:14px}
    .form_sec .inner input[type="submit"]{background:var(--main-color);color:#fff;min-width:200px;cursor:pointer;font-weight:600}
    .form_sec .inner input[type="submit"]:hover{background:var(--main-color-dark)}
    .form_sec .inner ::placeholder {color:#aaa}
	.form_sec .inner .kakao{flex:1;height:40px;line-height:40px;background:#ffe600;text-align:center;font-weight:500}
    .form_sec .inner .kakao span{display:inline-block;padding-left:40px;background:url('../images/sns_katalk.png') no-repeat 0 center /36px}
    
    .form_sec .agree_con{display:flex;gap:10px;align-items:center}
    .form_sec .agree_con label{display:flex;gap:10px}
    .form_sec .agree_con input[type="checkbox"]{width:20px;height:20px;border:0;}
    .form_sec .agree_con .open_agree{color:#fff;line-height:30px}
    

    
    
    /*agree_win*/
    .agree_win{display:none}
    .agree_win.on{display:flex;justify-content: center;align-items: center; position:fixed;z-index:300;left:0;width:100%;top:0;height:100%;background:rgba(0,0,0,0.5)}
    .agree_win .box{position:relative;width:100%;max-width:700px;height:80%;margin:0 4%;background:#fff;padding:10px 0;border-radius:10px;overflow:hidden}
    .agree_win .box .close{position:absolute;right:20px;top:15px;width:25px;height:25px;cursor:pointer}
    .agree_win .box .close:before{content:'';position:absolute;top:calc(50% - 1.5px);width:100%;height:3px;background:#000;transform:rotate(45deg);border-radius:3px}
    .agree_win .box .close:after{content:'';position:absolute;top:calc(50% - 1.5px);width:100%;height:3px;background:#000;transform:rotate(-45deg);border-radius:3px}
    .agree_win .box .inner{height:100%;padding:10px 30px;overflow:auto} 
    .agree_win .box .tit{font-size:20px;font-weight:800}
    .agree_win .box .con{font-size:14px;line-height:1.5;margin:30px 0}
    .agree_win .box .con dl{}
    .agree_win .box .con dt{margin:30px 0 5px;font-weight:600}
    .agree_win .box .con dd{padding-left:15px;text-indent:-10px}
    

    
    
    /*footer*/
    .footer{padding:30px 0;background:#000;color:#fff;text-align:center}
    .footer .logo img{max-height:60px}
    .footer .info{margin-top:20px;font-size:12px}
    .footer .info dt,
    .footer .info b{font-weight:600;margin-right:10px}    
    .footer .info dt{font-size:16px;margin-bottom:20px}
    .footer .info dd{margin:5px 0;font-weight:300}
    .footer .info a{color:#fff}
    .footer .info .copyright{margin-top:30px}
    
    
    /*quick*/
    .quick_menu{position:fixed;z-index:50;right:10px;bottom:10px}  
    .quick_menu .move{position:absolute;z-index:10;bottom:0;transition:0.3s}
    .quick_menu a{display:block;margin:5px 0;border-radius:50%;overflow:hidden;width:46px}
    
    .scroll .quick_menu .move{bottom:calc(46px + 5px)}



}