/*ALL CSS-----------------------------------------------------*/
/*@import url(//db.onlinewebfonts.com/c/7ca20c0818f170b89e9101bd2d04f470?family=RomainBPHeadlineRegular);*/


/*font size*/
.fs_14{font-size: 0.874rem;}
.fs_15{font-size: 0.938rem;}
.fs_16{font-size: 1rem;}
.fs_17{font-size: 1.063rem;}
.fs_18{font-size: 1.125rem;}
.fs_20{font-size: 1.25rem;}
.fs_22{font-size: 1.375rem;}
.fs_25{font-size: 1.563rem;}
.fs_30{font-size: 1.875rem;}
.fs_32{font-size: 2rem;}
.fs_40{font-size: 2.5rem;}

@media screen and (max-width: 1080px){
}
@media screen and (max-width: 720px){
		.fs_25{font-size: 16px;}
		.fs_30{font-size: 18px;}
		.fs_32{font-size: 18px;}
		.fs_40{font-size: 22px;}

/*    .fs_20{font-size: 15px;}*/
}


/*font weight*/
.fw_r{font-weight: 300;}
.fw_m{font-weight: 400;}
.fw_sb{font-weight: 500;}
.fw_b{font-weight: 700;}
.fw_eb{font-weight: 800;}
.fw_h{font-weight: 900;}

.b_color{color:#5d452b; }

/* text align center */
.txt_c{text-align: center;}

/* inner */
.b_inner{max-width: 1720px; width:94%; margin: 0 auto;}


/* header */
#b_header{position: fixed; height: 90px; width: 100%; z-index: 15; left:0; top:0; }
#b_header::after{content:''; width:100%; height:100%; background-color: #fff; left: 0; top: 0; z-index: 10; position: absolute; } 
#b_header .b_inner{max-width: 1920px; display: flex; justify-content: space-between; align-items: center; height: 100%; position: relative; width: 94%; margin: 0 auto; z-index: 15;}
#b_header .b_logo a{display: block; width: fit-content; }
#b_header nav{position: absolute; left: 50%; top: 0; height: 100%; transform: translateX(-50%); z-index: 5; max-width: 700px; width: 100%;}
#b_header #b_gnb {display: flex; align-items: center; height: 100%; justify-content: center;}
#b_header #b_gnb > li {height: 100%; position: relative; padding:0 30px;}

#b_header #b_gnb > li > a{color:#000; font-size: 1rem; font-weight: 400; padding: 5px; text-transform: uppercase; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; transition:padding .2s;}
#b_header #b_gnb .b_sub_list{position:absolute; left: 50%; bottom: 100%; transform: translateX(-50%); z-index: 10;  width: 100%; padding-top: 10px; height: 150px; display: block; opacity:0;}
#b_header #b_gnb .b_sub_list li{margin-bottom: 5px; position: relative; z-index: 5; }
#b_header #b_gnb .b_sub_list li a{text-align: center; display: block; padding:5px; width: fit-content; margin: 0 auto; color:#424242; }
#b_header #b_gnb.on .b_sub_list{bottom:unset; top: 100%; opacity:1; transition: top .4s, opacity .4s; transition-delay: .2s;}
#b_header #b_gnb .b_sub_list .b_tit_menu {margin-bottom:10px; }
#b_header #b_gnb .b_sub_list .b_tit_menu a{font-weight:bold; }

#b_header .b_toggle_btn{width: 25px; height: 25px; flex-direction: column; justify-content: center; display: none; row-gap: 6px; margin-left: 20px; transition:.2s; }
#b_header .b_toggle_btn span{display: block; width: 100%; height: 2px; background-color: #222;}
#b_header .b_util_box{display: flex; align-items: center; height: 100%;}
#b_header .b_util_box .b_ctt_btn{color:#000; text-align: center; font-weight: 600; display: flex; align-items: center; justify-content: center; border: 1px solid #715b42; border-radius: 50px; padding:15px 23px;}
#b_header .b_util_box .b_admin_btn{margin-right: 10px; }


#b_hd_bg{position: fixed; left:0; top:90px; width: 100%; height: 0px; background-color: #fff; z-index: 10; }
#b_hd_bg.on{transition:height .3s; height: 150px; }


@media screen and (max-width: 1080px){ 
	#b_header{height: 70px;}
	#b_header .b_logo img{width: 90px;} 
	#b_header nav{display:none; }
	#b_header .b_toggle_btn{display:flex; }
	#b_header .b_util_box .b_admin_btn{margin-right: 5px; }

}
@media screen and (max-width: 720px){
	#b_header .b_util_box .b_ctt_btn{padding: 10px 15px;}
	#b_header .b_toggle_btn{margin-left: 12px;}
}


/* 사이트맵 */
#b_site_map{position: fixed; left: 0; top:-100%; width: 100%; height: 100%; background-color: #fff; z-index: 10; padding-top:75px;  transition:top .3s; }
#b_site_map #b_gnb {border-top: 1px solid #eaeaea; }
#b_site_map #b_gnb > li{position: relative; border-bottom: 1px solid #eaeaea; }
#b_site_map #b_gnb > li > a{display: flex; align-items: center; position: relative; height: 52px; padding: 0 3%; font-size: 16px; font-weight: 500; text-transform: uppercase; transition:.3s; justify-content: center;}
#b_site_map #b_gnb .b_sub_list{background-color: #f9f9f9; padding: 10px 5%; display: none;}
#b_site_map #b_gnb .b_sub_list li{margin-bottom: 10px;}
#b_site_map #b_gnb .b_sub_list li:last-child{margin-bottom: 0px;}
#b_site_map #b_gnb .b_sub_list li a{display: block; padding: 5px; width: fit-content; font-weight: 400; margin: 0 auto;}
#b_site_map #b_gnb .b_sub_list li:hover a{color: #000; transition: color .3s; -webkit-text-stroke: 0.03em;}
#b_site_map #b_gnb > li.on > a{color: #715b42; transition:color .3s;}

#b_site_map #b_gnb .b_sub_list li.b_tit_menu{display:none; }

/* 사이트맵 오픈 */
#b_site_map.open{top:0; transition:top .7s;}
#b_header .b_toggle_btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg); transition:.2s; }
#b_header .b_toggle_btn.open span:nth-child(2){opacity:0; transform:translateX(5px); transition:.2s; }
#b_header .b_toggle_btn.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg); transition:.2s; }


@media screen and (max-width: 720px){
    #b_site_map{padding-top:75px; }
    #b_site_map #b_gnb > li > a{font-size: 13px; }
/*    #b_site_map #b_gnb > li.on > a{font-size: 12px; }*/
}





@media screen and (max-width: 1080px){

}











/* scroll motion */
.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_mv_box {margin-top:90px; overflow:hidden; margin-bottom: -2px;}
.b_mv_box img{width:100%; display:block; margin:0 auto; }

@media screen and (max-width: 1080px){
	.b_mv_box{margin-top:70px;}
}
@media screen and (max-width: 720px){
	.b_mv_box{margin-bottom: 0;}
}


#b_footer{background-color:#503b21; padding:40px 0; }
#b_footer .b_ft_top{display:flex; flex-direction:column; align-items:center; row-gap:30px; }
#b_footer .b_logo a{display:block; }
#b_footer .b_sns_list{display:flex; align-items:center; column-gap:20px; }
#b_footer .b_sns_list li img{width:30px; display:block;}
#b_footer .b_ft_mid{display:flex; align-items:flex-start; width:100%; margin:30px 0 20px; flex-wrap:wrap; }
#b_footer .b_ft_mid > div{width:100%; color:rgba(255,255,255,.7); text-align: center;}
#b_footer .b_ft_mid .b_box_01{margin-bottom:30px; }
#b_footer .b_ft_mid .b_tit_txt{margin-bottom:15px; color:#fff; }
#b_footer .b_ft_mid address span{display:inline-flex; align-items: flex-start; line-height:1.5; margin-bottom:5px; justify-content: center; margin-right:10px; }
#b_footer .b_ft_mid address span:nth-child(2){margin-right:0; }
#b_footer .b_ft_mid address span:nth-child(4){margin-right:0; }
#b_footer .b_ft_mid address span:last-child{margin-right:0; }
#b_footer .b_ft_mid address span b{margin-right:10px; color:#fff; }
#b_footer .b_ft_bot ul{display:flex; align-items:center; color:#fff; flex-wrap: wrap; justify-content: center;}
#b_footer .b_ft_bot ul li{margin-right:25px; position:relative; }
#b_footer .b_ft_bot ul li:last-child{margin-right:0px; }
#b_footer .b_ft_bot ul li:after{content:''; width:3px; height:3px; border-radius:50%; background-color:rgba(255,255,255,.3); position:absolute; right: -15px; top: 7px;}
#b_footer .b_ft_bot ul li:last-child:after{display:none;}
#b_footer .b_ft_bot .pop_open{cursor:pointer; }

@media screen and (max-width: 720px){
	#b_footer{padding:20px 0; }
	#b_footer .b_ft_top{row-gap: 20px;}
	#b_footer .b_logo img{width:90px; }
	#b_footer .b_sns_list{column-gap: 12px;}
	#b_footer .b_sns_list li img{width:20px; }
	#b_footer .b_ft_mid{margin: 20px 0 10px;}
	#b_footer .b_ft_mid .b_box_01 {margin-bottom: 15px;}
	#b_footer .b_ft_mid .b_tit_txt {margin-bottom: 10px;}
	#b_footer .b_ft_mid address span b {margin-right: 5px;}
	#b_footer .b_ft_bot ul{row-gap: 5px; text-align: center;}
	#b_footer .b_ft_bot ul li {margin-right: 15px;}
	#b_footer .b_ft_bot ul li:last-child{width:100%; margin-right:0; }
	#b_footer .b_ft_bot ul li:after{right: -9px; top: 6px;}
	#b_footer .b_ft_bot ul li:nth-child(2):after{display:none; }
}




/*---개인정보처리방침, 이용약관 팝업 CSS---*/
.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_inner{position: absolute;top: 50%;left: 50%;width: 94%;max-width: 650px;height: 600px;border-radius: 0px;overflow: hidden;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}
.add_pop_tit{background: #503b21;color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 20px;font-weight: bold;}
.add_pop_close{width: 20px;height: 40px;position: relative;}
.add_pop_close span{position: absolute;top: 18px;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: 20px;overflow-y: scroll;height: calc( 100% - 60px );}
.add_pop_con h5{font-size: 1rem;font-weight: bold;margin-bottom: 10px;}
.add_pop_con p{font-size: 14px;line-height: 160%;margin-bottom: 25px;
	-webkit-text-stroke: 0.015em; /*-- 기본폰트 나눔스퀘어/나눔스퀘어 라운드가 아닐 경우 제거 --*/
}