/* BASIC css start */
@font-face {
    font-family: 'BookkMyungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/BookkMyungjo-Lt.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'BookkMyungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/BookkMyungjo-Bd.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}


section{width:100%; margin-bottom:120px;}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex--v-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex--h-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.root_daum_roughmap .section_address .phone{display:none;}
.root_daum_roughmap .section_address .address{display:none;}


.txt_box{width:50%; height:100%;}
.txt_inner{position:relative; width:100%; text-align:center;}


.sec01{}
.sec01 .bnr{flex:1; height:841px; background:url(/design/nuan0518/brand/sect01_img.png); background-size:cover; background-position: center;}
.sec01 .txt{flex:1; text-align:center;}
.sec01 .txt_inner h1{font-family: 'BookkMyungjo'; font-size:34px; font-weight:bold; line-height:50px; }
.sec01 .txt_inner h2{font-family: 'BookkMyungjo'; font-size:25px; font-weight:bold; line-height:35px; }
.sec01 .txt_inner p{font-size:16px; line-height:25px; padding:40px 0;}
.sec01 .txt_inner span{font-family: 'BookkMyungjo'; font-size:16px; font-weight:bold; position:absolute; left:50%; transform: translateX(50%);}

.sec02{
    background:url(/design/nuan0518/brand/sect02_img.png);
    position: relative;
    width: 100%;
    height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #000;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.sec02 .txt{position:absolute; display:flex; max-width: calc(100% - 32px); width:100%; padding:1rem;}
.sec02 .txt .cont{width:100%;}
.sec02 .txt .cont h1{position:relative; font-family: 'BookkMyungjo'; font-size:35px; margin-bottom:10px; font-weight:bold; line-height:55px;}
.sec02 .txt .cont h1:after{content:''; width:1px; height:50px; background:#5f4541; position:absolute; top:140px; left:50%; transform: translateX(50%);}
.sec02 .txt .cont p{font-size:20px; padding-top:95px; line-height:40px;}

.sec03 .bnr{flex:1; height:841px; background:url(/design/nuan0518/brand/sect03_img.png); background-size:cover; background-position: center;}
.sec03 .txt{flex:1;}
.sec03 .txt p{font-size:25px; line-height:45px;}

.sec04 .bnr{flex:1; height:841px;  background:url(/design/nuan0518/brand/sect04_img.png); background-size:cover; background-position: center;}
.sec04 .txt{flex:1;}
.sec04 .txt p{font-size:25px; line-height:45px;}


.sec05 .bnr{flex:1;  display:flex; align-items: flex-start; justify-content: center; }
.sec05 .txt{flex:1;}
.sec05 .txt_inner{width:60%; text-align:left;}
.sec05 .txt h1{font-size:40px;}
.sec05 .txt h2{font-size:20px; padding-top:50px; }
.sec05 .txt p{font-size:16px; padding-top:10px;}



@media (max-width:1024px) {
    .sec01{flex-direction: column; margin-top:50px;}
    .sec01 .bnr{display:none; flex:none; width:100%;}
    .sec01 .txt{flex:none; width:100%;}
    .sec01 .txt_inner h1{font-size:25px;}
    .sec01 .txt_inner p{font-size:15px;}
    .sec01 .txt_inner span{font-size:20px;}
    
    
    .txt_inner{width:100%; padding:0 20px;}
    
    .sec02 .txt{flex-direction: column; gap:50px;}
    .sec02 .txt .cont h1{font-size:25px; line-height:35px;}
    .sec02 .txt .cont h1:after{top:80px; height:25px;}
    .sec02 .txt .cont p{font-size:15px; line-height: 25px; padding-top:40px;}
    
    .sec03{flex-direction: column; margin-top:150px;}
    .sec03 .bnr{flex:none; width:100%; order:1;}
    .sec03 .txt{flex:none; width:100%; order:2; padding-top:25px;}
    .sec03 .txt p{font-size:15px; line-height: 25px;}
    
    .sec04{flex-direction: column; margin-top:150px; margin-bottom:0;}
    .sec04 .bnr{flex:none; width:100%; order:1;}
    .sec04 .txt{flex:none; width:100%; order:2; padding-top:25px;}
    .sec04 .txt p{font-size:15px; line-height: 25px;}
    
    .sec05{flex-direction: column; margin-top:150px;}
    .sec05 .txt_inner{width:90%;}
    .sec05 .bnr{flex:none; width:100%; order:1; height:auto;}
    .sec05 .txt{flex:none; width:100%; order:2; padding-top:25px;}
    .sec05 .txt h1{font-size:25px;}
    .sec05 .txt h2{font-size:20px;}
    .sec05 .txt p{font-size:15px; padding-top:10px;}
    
    
}
/* BASIC css end */