/*ALL CSS-----------------------------------------------------*/
@font-face {
    font-family: 'Paperlogy-3Light';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-4Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-5Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-6SemiBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-7Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-style: normal;
}
@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

body{font-family: 'Paperlogy-4Regular';}


.fw_l{font-family: 'Paperlogy-3Light';}
.fw_m{font-family: 'Paperlogy-5Medium';}
.fw_sb{font-family: 'Paperlogy-6SemiBold';}
.fw_b{font-family: 'Paperlogy-7Bold';}

.fs_12{font-size:0.75rem; }
.fs_14{font-size:0.874rem; }
.fs_22{font-size:1.375rem; }
.fs_25{font-size:1.563rem; }
.fs_30{font-size:1.875rem; }
.fs_80{font-size:5rem; }

@media screen and (max-width: 1080px){ 
	.fs_25{font-size:20px; }
	.fs_30{font-size:22px; }
  .fs_80{font-size:55px; }
}
@media screen and (max-width: 720px){ 
	.fs_25{font-size:18px; }
	.fs_30{font-size:18px; }
	.fs_80{font-size:45px; }
}

/*스크롤 모션*/
.b_motion .b_item {transition: transform .8s, opacity 0.6s ease; opacity: 0; transform: translate3d(0px, 50px, 0);}
.b_motion .b_item.b_tr {transform: translate3d(-50px, 0, 0);}
.b_motion .b_item.b_tl {transform: translate3d(50px, 0, 0);}
.b_motion .b_item.b_move {opacity: 1 !important; transform: translateZ(0) !important;}

.b_item.b_delay_01{transition-delay: .3s;}
.b_item.b_delay_02{transition-delay: .6s;}
.b_item.b_delay_03{transition-delay: .9s;}
.b_item.b_delay_04{transition-delay: 1.2s;}



.b_inner{max-width:1260px; width:92%; margin:0 auto; }

#b_header{position:fixed; width:100%; height:100px; left:0; top:0; z-index:10; }
#b_header .b_inner{display:flex; align-items:center; justify-content:space-between; height:100%; }
#b_header h1 a{display:block; }
#b_header .b_util_box{display:flex; align-items:center; }
#b_header #b_gnb{display:flex; align-items:flex-start; column-gap:70px;}
#b_header #b_gnb li{color:#fff; font-weight:bold; }
#b_header #b_gnb li a{display:block; padding:5px; text-align:center; }
#b_header .b_toggle_btn{width:24px; height:30px; flex-direction: column; align-items: center; row-gap: 5px; justify-content: center; display:none;}
#b_header .b_toggle_btn span{display:block; width:100%; height:2px; background-color:#fff; border-radius:10px; }

/*사이트맵*/
.b_site_wrap{position: fixed; right: 0; top: 0; width: 100%; background-color: rgba(0,0,0,.6); height: 100%; z-index: 50; display: none;}
.b_site_wrap #b_site_map{max-width: 360px; width: 94%; background-color: #ff5f21; position:absolute; right: 0; top: 0; height: 100%; }
#b_site_map .b_close_btn{width: 24px; height: 24px; display: flex; align-items: center; margin: 8% 8% 0px auto; transform: rotate(45deg);}
#b_site_map .b_close_btn span{height: 2px; width: 100%; display: block; background-color: #fff; position: relative; border-radius:10px;}
#b_site_map .b_close_btn span::after{content:''; width: 2px; height:24px; background-color: #fff; position:absolute; left: 50%; top:50%; transform: translate(-50%,-50%);}
#b_site_map nav{margin-top: 70px;}
#b_site_map #b_gnb {max-width: 300px; width: 100%; margin: 0 auto;}
#b_site_map #b_gnb li{ color: #fff; margin-bottom: 20px; font-size: 1.5rem;}
#b_site_map #b_gnb li a{margin: 0 auto; display: block; width: fit-content; text-align:center; }

/*퀵메뉴*/
#b_quick_menu{position: fixed; right: 30px; bottom: 30px; z-index:5;}
#b_quick_menu ul li{box-shadow:0 0 25px rgba(0,0,0,.17); }
#b_quick_menu ul li:first-child{margin-bottom:10px; }
#b_quick_menu ul li a{display:flex; align-items:center; justify-content:center; width:85px; height:85px; border-radius:15px; flex-direction:column;  }
#b_quick_menu ul li:first-child a{background-color:#fff; color:#e74100; }
#b_quick_menu ul li:last-child a{background-color:#ffeb3b; color:#2b1b18;  }
#b_quick_menu ul li p{margin-top:7px; }

@media screen and (max-width: 1080px){ 
	#b_header{height:80px; }
	#b_header h1 img{width:60px; }
	#b_header nav{display:none;} 
	#b_header .b_toggle_btn{display: flex;}
	#b_quick_menu ul li a{width:70px; height:70px; border-radius:10px;}
	#b_quick_menu ul li:first-child img{width:22px;}
	#b_quick_menu ul li:last-child img{width:26px;}
}
@media screen and (max-width: 720px){ 
	#b_header{height:70px; }
	#b_header h1 img{width:50px; }
	#b_header .b_toggle_btn{width:28px; height:28px; row-gap: 5px; }

	#b_site_map .b_close_btn{margin: 7% 5% 0px auto;}

	#b_quick_menu{right: 10px; bottom: 20px;}
}

/*더보기 공통스타일*/
.b_link_btn{display:flex; align-items:center; justify-content:center; height:70px; width:250px; border:1px solid #fff; border-radius:8px; transition: .2s; }
.b_link_btn img{margin-left:15px; transition: .2s; }
.b_link_btn:hover{background-color:#111; transition: .3s; border-color:#111; }
.b_link_btn:hover img{margin-left:30px; transition: .3s; }

/*메인비주얼*/
.b_mv_sec{height:950px; background:url(/img/domoad/pc/mv_bg.jpg) no-repeat center / cover;}	
.b_mv_sec .b_inner{height:100%; display:flex; align-items:center; justify-content:space-between; position:relative; }
.b_mv_sec .b_txt_box{color:#fff;}
.b_mv_sec .b_txt_box h2{margin:30px 0; word-break:keep-all; }
.b_mv_sec .b_txt_box > span{line-height:1.4; display:block; margin-bottom:30px; }
.b_scr_box{position:absolute; left:50%; bottom:30px; transform:translateX(-50%); color:#fff; text-align:center; display:flex; align-items:center; flex-direction:column; }
.b_mv_sec .b_scr_box .b_shape{width:27px; height:38px; border:1px solid #fff; border-radius:20px; margin-bottom:10px; display:flex; justify-content:center; padding-top:12px;}
.b_mv_sec .b_scr_box .b_shape span{display:block; width:3px; height:3px; border-radius:50%; background-color:#fff; animation-name: circle_motion; animation-duration:1s;     animation-iteration-count: infinite;}

@keyframes circle_motion{ 
	0%{transform:translateY(0px);} 
	100%{transform:translateY(10px); opacity:.1;} 
}

@media screen and (max-width: 1280px){
	.b_mv_sec .b_img_box img{width:380px;}
}
@media screen and (max-width: 1080px){
	.b_mv_sec{height:700px; }
	.b_mv_sec .b_img_box img{width:300px;}
}
@media screen and (max-width: 720px){ 
	.b_mv_sec{height:850px; } 
	.b_mv_sec .b_inner{flex-direction: column; justify-content:center; }
	.b_mv_sec .b_txt_box{text-align:center; }
	.b_mv_sec .b_txt_box h2 {margin: 15px 0;}
	.b_mv_sec .b_txt_box > span{margin-bottom: 20px;}
	.b_scr_box{bottom: 15px;}
	.b_mv_sec .b_scr_box .b_shape{margin-bottom: 5px;}

	.b_link_btn{height: 60px; width: 200px; margin:0 auto; }
	.b_link_btn img{width:15px;}
}




.sec_01{background:url(/img/domoad/pc/sec01_bg.jpg) no-repeat center / cover;}
.sec_02{background:url(/img/domoad/pc/sec02_bg.jpg) no-repeat center / cover;}
.sec_03{background:url(/img/domoad/pc/sec03_bg.jpg) no-repeat center / cover;}
.sec_04{background:url(/img/domoad/pc/sec04_bg.jpg) no-repeat center / cover;}
.sec_05{background:url(/img/domoad/pc/sec05_bg.jpg) no-repeat center / cover; position:relative; }
.sec_05 .b_btn_wrap{position:absolute; left:50%; transform:translateX(-50%); top:65%; }
.sec_05 .b_link_btn{background-color:#ff5f21; border:0; width:360px; color:#fff; }
.sec_05 .b_link_btn:hover{background-color:#e74100; transition: .3s;}

.b_section .img_wrap img{display:block; max-width:100%; margin:0 auto; }
.b_section .pc_ver{display:block; }
.b_section .mo_ver{display:none; }

@media screen and (max-width: 1080px){ 
	.sec_05 .b_link_btn{height: 60px; width: 260px;}
}
@media screen and (max-width: 720px){ 
	.b_section .pc_ver{display:none; }
  .b_section .mo_ver{display:block; }

	.sec_05 .b_link_btn{height: 60px; width: 200px;}
}


#b_footer {background-color:#060606; padding:90px 0; font-family: 'SUIT-Regular';}
#b_footer .b_inner {display:flex; align-items:center; justify-content:space-between; }
#b_footer address span{color:#999; font-size:0.874rem; margin-right: 16px;}
#b_footer address .b_line{position:relative; }
#b_footer address .b_line:after{content:''; width:1px; height:12px; background-color:#999; position:absolute; right:-9px; top:50%; transform:translateY(-50%); }
#b_footer .b_copyright{color:#999; margin-top:30px; }
#b_footer .b_ft_right{display:flex; align-items:flex-end; flex-direction:column; }
#b_footer .b_pop_list {display:flex; align-items:center; column-gap:20px; }
#b_footer .b_pop_list span{color:#999; cursor:pointer; font-size:0.938rem;}
#b_footer .b_pop_list li:last-child span{color:#eee; font-weight:bold; }
#b_footer h1{margin-top:30px; }
#b_footer h1 a{display:block; }


@media screen and (max-width: 720px){ 
	#b_footer{padding: 40px 0;}
	#b_footer .b_inner{flex-direction:column-reverse; }
	#b_footer .b_ft_right{flex-direction:column-reverse; align-items: center; margin-bottom:20px; }
	#b_footer h1 {margin-top: 0; margin-bottom: 20px;}
	#b_footer h1 img{width:60px; }
	#b_footer .b_copyright{text-align:center; margin-top:15px; }
	#b_footer address {text-align:center; }
	#b_footer address .b_line:after{height:10px;}
	#b_footer address span:nth-child(5):after{display:none; }
/*	#b_footer address span{margin-right: 10px;}*/

}


/* 개인정보처리방침 팝업 */
.add_pop_wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);z-index: 9999;display: none;}
.add_pop_wrap *{color: #fff;}
.add_pop_inner{position: absolute;top: 50%;left: 50%;width: 94%;max-width: 800px;height: 600px;border-radius: 15px;overflow: hidden;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;}
#add_wrap_02 .add_pop_inner{height: 600px;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}
.add_pop_tit{background: #ff5f21;color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 25px;}
.add_pop_close{width: 20px;height: 60px;position: relative;}
.add_pop_close span{position: absolute;top: 29px;left: 0;width: 20px;height: 2px;background: #fff;z-index: 1;transition: transform .3s ease; }
.add_pop_close span:nth-child(1){transform: rotate(45deg);}
.add_pop_close span:nth-child(2){transform: rotate(-45deg);}
.add_pop_close:hover span{transform: rotate(0);}
.add_pop_con{background: #FFF;padding: 22px 25px;overflow-y: scroll;height: calc( 100% - 60px );}
.add_pop_con h5{font-size: 1rem;font-weight: bold;margin-bottom: 10px; color:#000;}
.add_pop_con p{font-size: 14px;line-height: 160%;margin-bottom: 25px; color:#000;}

@media (max-width: 780px){ 
	.add_pop_con p{font-size: 12px;}
}



.br_720o{display:none; }
@media screen and (max-width: 720px){
  .br_720o{display:block; }
}