@charset "utf-8";
:root{
    --main-color:#034e87;
}

/*sub_visual*/
.sub_visual{width: 100%;  background: var(--bg) no-repeat center center /cover;color: #fff; padding: 8.36% 0; margin-top: 100px; background-color: #000;}
.sub_visual h2{font-size: var(--fz-48); letter-spacing: 0.075em; line-height: 1.291em;}
.sub_visual p{font-size: var(--fz-24); letter-spacing: 0.025em; line-height: 1.833em; margin-top: 20px;}

/* 공통 */
.sub_tit{text-align: center;}
.sub_tit .sub_top{color:#5f92b8; font-weight: 700; font-size: var(--fz-20); letter-spacing: -0.025em; margin-bottom: 10px; display: block; font-family:'Montserrat';}
.sub_tit h3{font-size: var(--fz-40); letter-spacing: -0.025em;  font-family:'Montserrat';}
.sub_tit p{font-size: var(--fz-20); padding-top: 25px; line-height: 1.7em; margin: 0 auto; letter-spacing: -0.025em;}

.sub_tit.left {text-align: left;}

/*full_page*/
.full_visual{background: var(--bg) no-repeat center center /cover; height: 100vh;}
.full_visual .txt_box{text-align: center;}
.full_visual .txt_box b{font-size: var(--fz-24); font-weight: 600; color: #76c2fc; letter-spacing: 0.075em;}
.full_visual .txt_box h3{font-size: var(--fz-90); font-weight: 700; letter-spacing: 0.075em; margin: 20px 0; line-height: 1.193em; color:#fff;}

@media all and (max-width:640px){
    .full_visual .txt_box h3{font-size: 54px;}
}

.sub_txt.center {text-align: center;}
.sub_txt.center h4 {justify-content: center;}
.sub_txt h4{font-size: var(--fz-60); font-weight: 700; letter-spacing: -0.025em; color:#222222; display: flex; align-items: center; flex-wrap: wrap;}
.sub_txt.white h4{color:#fff;}
.sub_txt h4 span{display: inline-block; border-radius: 26.5px; background-color: var(--main-color); padding: 20px 30px; font-weight: 700; font-size: var(--fz-20); letter-spacing: -0.025em; color:#fff; margin-right: 20px;}

.sub_txt p{font-size: var(--fz-24); font-weight: 500; letter-spacing: -0.025em; line-height: 1.5em; margin-top: 30px;}
.sub_txt p.white{color:#fff;}

.note {font-size: var(--fz-16); letter-spacing: -0.025em; color: #444;}
.note.right {text-align: right;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * custom input, select, textarea *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
input.type01 {border: 1px solid #ddd; height: 40px; padding: 0 20px; box-sizing: border-box; font-weight: 300; font-size: var(--fz-18); letter-spacing: 0.025em; color: #666; outline: none;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * list *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
ul.bar_list {list-style: '-'; padding-left: 0.5em; box-sizing: border-box;}
ul.bar_list > li {padding-left: 0.25em; box-sizing: border-box;}