@charset "utf-8";
.verw h1,
.verw h2,
.verw h3,
.verw h4,
.verw h5,
.verw h6{margin:0;}

#header h1{margin: .67em 0;}
/*homepage_sub01 start*/

@media all and (max-width:1024px){
.inner{width:93.75%; padding:0;}
}

@media all and (max-width:768px){
#header h1{margin: 0;}
}

/*homepage_sub01 공통*/
.homepage_sub01 > .inner > .txt_box > .mini_tit{font-size: 24px; line-height: 66px; color:#666666; font-family: 'Audiowide', cursive; ;}
.homepage_sub01 > .inner > .txt_box > .main_tit{font-size: 64px; font-weight: 200; letter-spacing: -3.2px; color:#222222; padding-left: 0;}
.homepage_sub01 > .inner > .txt_box > p{font-size: 24px; margin-top: 50px;line-height: 42px;}
.homepage_sub01 > .inner > .txt_box > .main_tit.w_tit{color:#ffffff;}
.homepage_sub01 > .inner > .txt_box > .main_tit > span{font-weight: 700;}
@media all and (max-width:800px){
    .homepage_sub01 > .inner > .txt_box > .main_tit{font-size: 40px;}
}
@media all and (max-width:550px){
    .homepage_sub01 > .inner > .txt_box > .main_tit{font-size: 28px;}
    .homepage_sub01 > .inner > .txt_box > p{font-size: 18px;}
    .homepage_sub01 > .inner > .txt_box > p br.pc_only{display: none;}
}

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


.homepage_sub01_visual{background: url(/img/sub01/homepage_sub01_bg01.jpg) no-repeat top center / cover; padding: 17.5% 0 18%;}
.homepage_sub01_visual .inner .txt_box .tit{font-size: 100px; font-family: 'Audiowide', cursive; line-height: 120px; color:#ffffff; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.50);}
.homepage_sub01_visual .inner .txt_box .txt{font-family: 'pre-r'; font-size: 24px; line-height:   140px; letter-spacing: -1.08px; color:#ffffff; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.50);}

@media all and (max-width:1200px){
    .homepage_sub01_visual .inner .txt_box .tit{font-size: 70px; line-height: normal;}
    .homepage_sub01_visual{padding: 25.5% 0 5%;}
}
@media all and (max-width:800px){
    .homepage_sub01_visual .inner .txt_box .tit{font-size: 40px;}
}
@media all and (max-width:550px){
    .homepage_sub01_visual .inner .txt_box .img_box{width: 50%;}
    .homepage_sub01_visual .inner .txt_box .tit{font-size: 28px;}

}
.homepage_sub01_con01{background: url(/img/sub01/homepage_sub01_bg02.jpg)no-repeat top center / cover; padding: 8% 0 12%;}
.homepage_sub01_con01 > .inner{display: flex; flex-direction: column;}

.homepage_sub01_con01 > .inner > .img_box{margin-top:7%;}
.homepage_sub01_con01 > .inner > .img_box{position: relative;}
.homepage_sub01_con01 > .inner > .img_box > li{width: 58%; height: 900px;}
.homepage_sub01_con01 > .inner > .img_box > li:nth-child(2){position: absolute; right:0; top:0;}
.homepage_sub01_con01 > .inner > .img_box > li:nth-child(3){position: absolute; left:45%; top:50%; width: 40%;}
@media all and (max-width:1400px){
    .homepage_sub01_con01 > .inner > .img_box > li{height: auto}
}
@media all and (max-width:1200px){
    .homepage_sub01_con01 > .inner > .img_box > li:nth-child(2){top:50%; transform: translateY(-50%);}
}
@media all and (max-width:800px){
    .homepage_sub01_con01 > .inner > .txt_box > p br.pc_only{display: none;}
    .homepage_sub01_con01 > .inner > .txt_box > p{margin-top: 20px;}
}

.homepage_sub01_con02{background: url(/img/sub01/homepage_sub01_bg03.jpg)no-repeat top right / cover; padding: 8% 0 0;}
.homepage_sub01_con02 > .inner{display: flex; flex-direction: column;}
.homepage_sub01_con02 > .inner > .txt_box > p {color: #ffffff;}
.homepage_sub01_con02 > .inner > .img_box{margin:0 auto; margin-top:7%; position: relative; padding-bottom: 30%; overflow: hidden; }
.homepage_sub01_con02 > .inner > .img_box .fix_img{position: relative; z-index: 3; box-shadow: 8px 24px 18px 0px rgba(71, 71, 71, 0.65);}
.homepage_sub01_con02 > .inner > .img_box .long_img{position: absolute; top:10px; left:0; animation:long_img01 13s infinite linear;}

@keyframes long_img01{
    0%{transform:translate(0px,10px);}
    50%{transform:translate(0px,-75%);}
    1000%{transform:translate(0px,10px);}
}
@media all and (max-width:1200px){
    .homepage_sub01_con02 > .inner > .img_box{width: 85%;}
}
@media all and (max-width:1000px){
    .homepage_sub01_con02 > .inner > .txt_box > p br{display: none;}
}
.homepage_sub01_con03{background: #e5e5e5; overflow: hidden; margin-bottom: 160px;}
.homepage_sub01_con03 > .inner{display: flex;}
.homepage_sub01_con03 > .inner > .txt_box{width: 35%;  padding:18% 0; box-sizing: border-box;}

.homepage_sub01_con03 > .inner > .txt_box > .option_list{margin-top:85px; font-size: 24px; line-height: 80px; color:#222222; letter-spacing: -1.2px;}
.homepage_sub01_con03 > .inner > .txt_box > .option_list > li{border-bottom:1px solid #626262; display: flex; padding:0 10px; align-items: center;}

.homepage_sub01_con03 > .inner > .txt_box > .option_list > li > .option_tit{font-weight: 700; width: 126px;}
.homepage_sub01_con03 > .inner > .txt_box > .option_list > li > .option_con{font-weight: 300; margin-left:130px;}
.homepage_sub01_con03 > .inner > .txt_box > .option_list > li > .option_con > ul{display: flex; justify-content: space-between;}
.homepage_sub01_con03 > .inner > .txt_box > .option_list > li > .option_con > ul > li{width: 64px; height: 64px;  border-radius: 50%; box-sizing: border-box; margin-right:18px;}
.homepage_sub01_con03 > .inner > .txt_box > .option_list > li > .option_con > ul > li:nth-child(1){background-color: #161415;}
.homepage_sub01_con03 > .inner > .txt_box > .option_list > li > .option_con > ul > li:nth-child(2){background-color: #f7f7f7;}
.homepage_sub01_con03 > .inner > .txt_box > .option_list > li > .option_con > ul > li:nth-child(3){background-color: #ffffff; border: 1px solid #dcdcdc; margin-right: 0;}

.homepage_sub01_con03 > .inner > .img_box{position: relative; width: 65%; box-sizing: border-box;}
.homepage_sub01_con03 > .inner > .img_box > div{position: absolute; filter: drop-shadow(0px 61px 62px rgba(26, 25, 25, 0.35)); transform: rotate(-20deg); width: 50%;}
.homepage_sub01_con03 > .inner > .img_box > div:nth-child(1){top:300px; left:150px;}
.homepage_sub01_con03 > .inner > .img_box > div:nth-child(2){bottom:-200px; right:-200px;}
.homepage_sub01_con03 > .inner > .img_box > div:nth-child(3){top:0; left:0;}

@media all and (max-width:1400px){
    .homepage_sub01_con03 > .inner{flex-direction: column;}
    .homepage_sub01_con03 > .inner > .txt_box{width: 100%; padding: 18% 0 0; background-color: #e5e5e5; position: relative; z-index: 10;}
    .homepage_sub01_con03 > .inner > .img_box{height: 1000px; width: 100%;}
    .homepage_sub01_con03 > .inner > .img_box > div:nth-child(1){left: 150px; top: 150px;}
    .homepage_sub01_con03 > .inner > .img_box > div:nth-child(2){right:0; bottom: -100px;}
    .homepage_sub01_con03 > .inner > .img_box > div{width: 35%;}
}

@media all and (max-width:1000px){
    .homepage_sub01_con03{margin-bottom: 13%;}
    .homepage_sub01_con03 > .inner > .img_box{height:650px;}
    .homepage_sub01_con03 > .inner > .img_box > div{width: 32%;}
    .homepage_sub01_con03 > .inner > .img_box > div:nth-child(2){right:100px;}
}

@media all and (max-width:800px){
    .homepage_sub01_con03 > .inner > .img_box{height: 550px;}
    .homepage_sub01_con03 > .inner > .img_box > div{width: 40%;}
    .homepage_sub01_con03 > .inner > .img_box > div:nth-child(1){left: 50px;}
    .homepage_sub01_con03 > .inner > .img_box > div:nth-child(2){right: 50px;}
    .homepage_sub01_con03 > .inner > .txt_box > .option_list{margin-top: 25px;}

    .homepage_sub01_con03 > .inner > .txt_box > .option_list > li > .option_con > ul > li{width: 45px; height: 45px;}
    .homepage_sub01_con03 > .inner > .txt_box > .option_list > li > .option_con{margin-left: 0; margin-bottom: 10px;}
    .homepage_sub01_con03 > .inner > .txt_box > .option_list > li > .option_con > ul{justify-content: space-around;}
    
}

@media all and (max-width:550px){
    .homepage_sub01_con03 > .inner > .img_box{height: 340px;}
    .homepage_sub01_con03 > .inner > .img_box > div:nth-child(1){top:100px}
    .homepage_sub01_con03 > .inner > .img_box > div:nth-child(2){right:0; bottom: -50px;}
    .homepage_sub01_con03 > .inner > .txt_box > .option_list > li:first-child{justify-content: space-between;}
}

/*homepage_sub02 start*/

.homepage_sub02_visual{background: url(/img/homepage_sub02_bg01.png) no-repeat top center / cover; padding: 15% 0 23.5%;}
.homepage_sub02_visual .full_img{position: absolute; top:0; left:0; z-index: 9;}
.homepage_sub02_visual .inner .txt_box{text-align: center; position: relative; z-index: 11;}
.homepage_sub02_visual .inner .txt_box .tit{font-size: 100px; font-family: 'mt-b'; line-height: 120px; color:#ffffff; padding-top:3%;}
.homepage_sub02_visual .inner .txt_box .txt{font-family: 'pre-r'; font-size: 24px; line-height: 140px; letter-spacing: -1.08px; color:#ffffff;}

@media all and (max-width:1200px){
    .homepage_sub02_visual .inner .txt_box .tit{font-size: 80px;}
    .homepage_sub02_con03 > .inner > .txt_box > .option_list > li > .option_con{margin-left:80px;}
}

.homepage_sub02_con01 .inner{padding:300px 0; position: relative;}
.homepage_sub02_con01 .inner .img_box{position: absolute; bottom:100px; left:0; z-index: 10;}

.homepage_sub02_con02{background: url(/img/homepage_sub02_bg02.jpg) no-repeat top center / cover;}
.homepage_sub02_con02 .inner .left_box{width: 50%;}
.homepage_sub02_con02 .inner .left_box .txt_box .tit{letter-spacing: -0.025em; color:#ffffff;}
.homepage_sub02_con02 .inner .left_box .txt_box .tit h3{font-size: 120px; font-family:
'mt-b';}
.homepage_sub02_con02 .inner .left_box .txt_box .tit p{font-size: 48px; font-family:'mt-l'}
.homepage_sub02_con02 .inner .left_box .img_box{transform: translateY(100px);}


/* 20250609 추가 */
/* 포트폴리오 */
.homepage_sub01_con01 > .inner > .img_box.new_font_box_yo {
	margin-top: 20%;
}
.homepage_sub01_con01 > .inner > .img_box.new_font_box_yo > li:nth-child(2) {
    right: 20%;
    bottom: 12%;
    top: unset;
}

.homepage_sub01_con01 > .inner > .img_box.new_font_box_yo > li:nth-child(3) {
    width: 58%;
    right: unset;
    top: unset;
    left: 43%;
    bottom: 24%;
}

.homepage_sub01_con01.new_font_yo {
    padding-bottom: 0;
}

@media all and (max-width:1400px) {
    .homepage_sub01_con01.new_font_yo {
    padding-bottom: 10%;
}
}

@media all and (max-width:768px) {
    .homepage_sub01_con01.new_font_yo {
    padding-bottom: 20%;
}
.homepage_sub01_con01 > .inner > .img_box.new_font_box_yo {
	margin-top: 25%;
}
}