/*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:16px}
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;letter-spacing:-0.8px;font-size:1rem}
p{line-height:1.6}
h1,h2,h3,h4,h5,h6,strong,th,b,dt,em{font-weight:800}
em,i{font-style:normal}
a,a:hover,a:active,a:focus{text-decoration:none;color:#000}

/*common*/    
:root{
    --main-color:#004972;
    --main-color-dark:#203749;
}    

input[type="checkbox"]:focus {
    outline: 2px solid #000; /* Å׵θ® */
}

._pc,
._tablet,
._mo{display:none}
.container{position:relative;max-width:1280px;margin-left:auto !important;margin-right:auto !important}

/*_pc*/
@media all and (min-width:1001px) {	
    html{font-size:20px}
    ._pc{display:block}	

	/*header*/
	#header{position:fixed;left:0;top:0;width:100%;z-index:200;background:rgba(0,0,0,0.5)}
	.hsec1 .container{display:flex;justify-content:space-between;align-items:center;max-width:none;padding:0 40px}
    
	.hsec1 .menu{display:flex;position:relative;z-index:10;height:90px;line-height:90px;}
	.hsec1 .menu li{flex:1;position:relative;text-align:center}			
	.hsec1 .menu li > a{display:block;font-size:20px;color:#fff;white-space:nowrap;padding:0 30px;}
	.hsec1 .menu li > a:hover{background:rgba(0,0,0,0.5);}

    
	/*main*/
    #main{}      
    
    
    .msec1{} 
    
    .msec2{}   
    
    .msec3{}    
    
    .msec4{}
    
    .msec5{}
    
    .msec6{}
    
    .form_sec_mini{position:relative;padding:50px 0;overflow:hidden}   
	.form_sec_mini:before{content:'';position:absolute;left:0;width:100%;top:0;height:100%;background:url('/images/form_bg.jpg') no-repeat center /cover;filter: blur(5px) brightness(0.8);transform:scale(1.1)}
    .form_sec_mini .agreeG{display:flex;justify-content: space-between}
    .form_sec_mini .agreeG label{display:flex;gap:10px;align-items:center;color:#fff}
    .form_sec_mini .agreeG input[type="checkbox"]{width:24px;height:24px;border-radius:10px;border:0;}
    .form_sec_mini .agreeG a{background:rgba(0,0,0,0.5);color:#fff;line-height:30px;padding:0 20px;border-radius:5px}
        
    .form_sec_mini .formG{display:flex;gap:15px;margin-top:10px}
    .form_sec_mini .formG input[type=text],
    .form_sec_mini .formG input[type="submit"],
    .form_sec_mini .formG select{flex:1;width:100%;border-radius:8px;border:0;height:60px;line-height:60px;background:#fff;padding:0 20px;font-size:20px}    
    .form_sec_mini .formG input[type="submit"]{background:var(--main-color);color:#fff;font-size:24px;font-weight:600;text-align:center;cursor:pointer}
    .form_sec_mini .formG input[type="submit"]:hover{background:var(--main-color-dark)}
    .form_sec_mini .formG ::placeholder {color:#aaa}
    
    
    .form_sec{position:relative;;padding:100px 0;overflow:hidden}
    .form_sec:before{content:'';position:absolute;left:0;width:100%;top:0;height:100%;background:url('/images/form_bg.jpg') no-repeat center /cover;filter: blur(5px) brightness(0.8);transform:scale(1.1)}
    .form_sec .headG{position:relative;text-align:center}
    .form_sec .headG .tit{color:#fff;font-size:40px}
    .form_sec .formG{position:relative;max-width:720px;margin:50px auto;color:#fff}    
    .form_sec .formG li{margin:20px 0}
    .form_sec .formG li.half{display:flex;gap:20px}
    .form_sec .formG .agree{display:flex;justify-content: space-between;align-items:center;}
    .form_sec .formG .agree label{display:flex;gap:10px;align-items:center}
    .form_sec .formG .agree a{background:rgba(0,0,0,0.5);color:#fff;line-height:30px;padding:0 20px;border-radius:5px}
    .form_sec .formG input[type=text],
    .form_sec .formG select,
    .form_sec .formG textarea{width:100%;border-radius:10px;border:0;height:60px;line-height:60px;background:#fff;padding:0 20px;font-size:20px}
    .form_sec .formG textarea{padding:10px 20px;height:150px}
    .form_sec .formG input[type="checkbox"]{width:30px;height:30px;border-radius:10px;border:0;}
    .form_sec .formG input[type="submit"]{width:100%;height:80px;line-height:80px;background:var(--main-color);border-radius:6px;;border-radius:10px;color:#fff;font-size:30px;font-weight:600;border:0;text-align:center;margin-top:40px;cursor:pointer}
    .form_sec .formG input[type="submit"]:hover{background:var(--main-color-dark)}
    .form_sec .formG ::placeholder {color:#aaa}

    
    

    
    /*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:40px 0;border-radius:30px;overflow:hidden}
    .agree_win .box .close{position:absolute;right:30px;top:25px;width:25px;height:25px;cursor:pointer}
    .agree_win .box .close:before{content:'';position:absolute;top:calc(50% - 1.5px);width:100%;height:3px;background:var(--main-color);transform:rotate(45deg)}
    .agree_win .box .close:after{content:'';position:absolute;top:calc(50% - 1.5px);width:100%;height:3px;background:var(--main-color);transform:rotate(-45deg)}
    .agree_win .box .inner{height:100%;padding:0 40px;overflow:auto} 
    .agree_win .box .tit{font-size:30px;font-weight:800}
    .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*/
    .fsec1{padding:50px 0;background:#000;color:#fff}    
    .fsec1 .container{}
    .fsec1 .companyG{display:flex;gap:100px}
    .fsec1 .companyG .info{}
    .fsec1 .companyG .info dt,
    .fsec1 .companyG .info b{font-weight:600}    
    .fsec1 .companyG .info dt{font-size:20px;margin-bottom:20px}
    .fsec1 .companyG .info dd{margin:5px 0;font-weight:300}
    .fsec1 .companyG .info a{color:#fff}
    .fsec1 .companyG .info .copyright{margin-top:30px}
    .fsec1 .go_top:hover{background:var(--main-color-hover)}


	/*quick*/
	.quick_menu{position:fixed;top:50%;transform:translateY(-50%);right:20px;background:rgba(46,18,92,1);border-radius:10px;;text-align:center;width:74px}
	.quick_menu a{display:block;font-size:14px;color:#fff;padding-top:35px;margin:30px 0}
	.quick_menu .tel{background:url('/images/ico_tel.png') no-repeat center 0;animation: colorChange 1s infinite alternate;}
	.quick_menu .selfqa{background:url('/images/ico_selfqa.png') no-repeat center 0}
	.quick_menu .location{background:url('/images/ico_pos.png') no-repeat center 0}
	.quick_menu .katalk{background:url('/images/ico_katalk.png') no-repeat center 0}


	@keyframes colorChange {
		0% {color: #fff;}
		100% {color: #ffd800;}
	}

}
@media all and (max-width:1300px) {
    .hsec1 .menu ._pc{display:none}
    
}

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


	/*header*/
	#header{position:fixed;left:0;top:0;width:100%;z-index:200;background:rgba(0,0,0,0.5)}
	.hsec1 .container{display:flex;justify-content:space-between;align-items:center;max-width:none;padding:0 4%}
    .hsec1 h1 img{height:40px}
    
	.hsec1 .menu{display:flex;position:relative;z-index:10;height:60px;line-height:60px;}
	.hsec1 .menu li{flex:1;position:relative;text-align:center}			
	.hsec1 .menu li > a{display:block;font-size:14px;color:#fff;white-space:nowrap;padding:0 10px;}
	.hsec1 .menu li > a:hover{background:rgba(0,0,0,0.5);}
    
    
    
	/*main*/
    #main{}   
    
    .msec1{} 
    
    .msec2{}   
    
    .msec3{}    
    
    .msec4{}
    
    .msec5{}
    
    .msec6{}
    
    
    .form_sec_mini{position:relative;padding:30px 0;overflow:hidden}   
	.form_sec_mini:before{content:'';position:absolute;left:0;width:100%;top:0;height:100%;background:url('/images/form_bg.jpg') no-repeat center /cover;filter: blur(5px) brightness(0.8);transform:scale(1.1)}
    .form_sec_mini .agreeG{display:flex;justify-content: space-between}
    .form_sec_mini .agreeG label{display:flex;gap:10px;align-items:center;color:#fff}
    .form_sec_mini .agreeG input[type="checkbox"]{width:20px;height:20px;border-radius:5px;border:0;}
    .form_sec_mini .agreeG a{background:rgba(0,0,0,0.5);color:#fff;line-height:30px;padding:0 20px;border-radius:5px}
        
    .form_sec_mini .formG{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
    .form_sec_mini .formG input[type=text],
    .form_sec_mini .formG input[type="submit"],
    .form_sec_mini .formG select{flex:1;width:100%;border-radius:8px;border:0;height:45px;line-height:45px;background:#fff;padding:0 10px}    
    .form_sec_mini .formG select{flex:none}
    .form_sec_mini .formG input[type="submit"]{flex:none;width:100%;background:var(--main-color);color:#fff;font-weight:600;text-align:center;cursor:pointer}
    .form_sec_mini .formG input[type="submit"]:hover{background:var(--main-color-dark)}
    .form_sec_mini .formG ::placeholder {color:#aaa}
    

    
    .form_sec{position:relative;background:red;padding:100px 0;overflow:hidden}
    .form_sec:before{content:'';position:absolute;left:0;width:100%;top:0;height:100%;background:url('/images/form_bg.jpg') no-repeat center /cover;filter: blur(5px) brightness(0.8);transform:scale(1.1)}
    .form_sec .headG{position:relative;text-align:center}
    .form_sec .headG .tit{color:#fff;font-size:20px}
    .form_sec .formG{position:relative;max-width:720px;margin:30px auto;color:#fff}    
    .form_sec .formG li{margin:10px 0}
    .form_sec .formG li.half{display:flex;gap:10px}
    .form_sec .formG .agree{display:flex;justify-content: space-between;align-items:center}
    .form_sec .formG .agree label{display:flex;gap:10px;align-items:center}
    .form_sec .formG .agree a{background:rgba(0,0,0,0.5);color:#fff;line-height:25px;padding:0 20px;border-radius:5px}
    .form_sec .formG input[type=text],
    .form_sec .formG select,
    .form_sec .formG textarea{width:100%;border-radius:5px;border:0;height:45px;line-height:45px;background:#fff;padding:0 10px}
    .form_sec .formG textarea{padding-top:10px;padding-bottom:10px;height:150px}
    .form_sec .formG input[type="checkbox"]{width:20px;height:20px;border-radius:10px;border:0;}
    .form_sec .formG input[type="submit"]{width:100%;height:50px;line-height:50px;background:var(--main-color);border-radius:6px;;border-radius:10px;color:#fff;font-weight:600;border:0;text-align:center;cursor:pointer}
    .form_sec .formG input[type="submit"]:hover{background:var(--main-color-dark)}
    .form_sec .formG ::placeholder {color:#aaa}
    
    

    
    
    /*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:30px 0;border-radius:20px;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:var(--main-color);transform:rotate(45deg)}
    .agree_win .box .close:after{content:'';position:absolute;top:calc(50% - 1.5px);width:100%;height:3px;background:var(--main-color);transform:rotate(-45deg)}
    .agree_win .box .inner{height:100%;padding:0 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*/
    .fsec1{padding:30px 0 60px;background:#000;color:#fff}    
    .fsec1 .container{text-align:center}
    .fsec1 .companyG{}
    .fsec1 .companyG .logo img{height:50px}
    .fsec1 .companyG .info{margin-top:20px}
    .fsec1 .companyG .info dt,
    .fsec1 .companyG .info b{font-weight:600}    
    .fsec1 .companyG .info dt{font-size:20px;margin-bottom:20px}
    .fsec1 .companyG .info dd{margin:5px 0;font-weight:300}
    .fsec1 .companyG .info a{color:#fff}
    .fsec1 .companyG .info .copyright{margin-top:30px}


	

	/*quick*/
	.quick_menu{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;width:100%;background:rgba(46,18,92,1);border-radius:10px 10px 0 0;;text-align:center;padding:15px 0}
	.quick_menu a{display:block;font-size:14px;color:#fff;padding-top:35px;}
	.quick_menu .tel{background:url('/images/ico_tel.png') no-repeat center 0;animation: colorChange 1s infinite alternate;}
	.quick_menu .selfqa{background:url('/images/ico_selfqa.png') no-repeat center 0}
	.quick_menu .location{background:url('/images/ico_pos.png') no-repeat center 0}
	.quick_menu .katalk{background:url('/images/ico_katalk.png') no-repeat center 0}


	@keyframes colorChange {
		0% {color: #fff;}
		100% {color: #ffd800;}
	}

	.grecaptcha-badge{display:none !important}




}