/*---common css---*/


@font-face {
    font-family: 'GenKJwajinOTF-Rg';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GenKJwajinOTF-Rg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




:root {
	/*color*/
	--color-base: #000;
	--color-kakao: #ffc401;
	--color-kakao-text: #442f01;
	--color-naver: #00c13a;
	--color-point01: #f6c54f;
	--color-point02: #222;
	--color-point03: #073d23;



	/*font-size*/
	--font-size-14: 0.875rem;
	--font-size-15: 0.938rem;
	--font-size-16: 1rem; 
	--font-size-17: 1.0625rem; 
	--font-size-18: 1.125rem;
	--font-size-20: 1.25rem; 
	--font-size-21: 1.313rem; 
	--font-size-22: 1.375rem; 
	--font-size-23: 1.438rem; 
	--font-size-24: 1.5rem;
	--font-size-25: 1.563rem; 
	--font-size-29: 1.813rem;
	--font-size-30: 1.875rem;
	--font-size-32: 2rem;
	--font-size-33: 2.063rem;
	--font-size-35: 2.188rem;
	--font-size-36: 2.25rem;
	--font-size-42: 2.625rem; 
	--font-size-45: 2.813rem; 
	--font-size-55: 3.438rem; 
	--font-size-60: 3.75rem;
	--font-size-65: 4.063rem;
	--font-size-67: 4.188rem; 
	--font-size-70: 4.375rem; 
	--font-size-75: 4.688rem; 
	--font-size-100: 6.25rem;


	/*font-weight*/
	--font-r:400;
	--font-m:500;
	--font-sb:600;
	--font-b:700;
	--font-eb:800;
	--font-bl:900;
}

/*font size*/
.fs_14{font-size: var(--font-size-14);}
.fs_15{font-size: var(--font-size-15);}
.fs_16{font-size: var(--font-size-16);} 
.fs_17{font-size: var(--font-size-17);} 
.fs_18{font-size: var(--font-size-18);}
.fs_20{font-size: var(--font-size-20);} 
.fs_21{font-size: var(--font-size-21);} 
.fs_22{font-size: var(--font-size-21);} 
.fs_23{font-size: var(--font-size-23);} 
.fs_24{font-size: var(--font-size-24);}
.fs_25{font-size: var(--font-size-25);} 
.fs_29{font-size: var(--font-size-29);} 
.fs_30{font-size: var(--font-size-30);} 
.fs_32{font-size: var(--font-size-32);} 
.fs_33{font-size: var(--font-size-33);} 


.fs_35{font-size: var(--font-size-35);} 
.fs_36{font-size: var(--font-size-36);} 
.fs_42{font-size: var(--font-size-42);} 
.fs_45{font-size: var(--font-size-45);}
.fs_55{font-size: var(--font-size-55);}
.fs_60{font-size: var(--font-size-60);}
.fs_65{font-size: var(--font-size-65);} 
.fs_67{font-size: var(--font-size-67);} 
.fs_70{font-size: var(--font-size-70);} 
.fs_75{font-size: var(--font-size-75);} 

.fs_100{font-size: var(--font-size-100);}

@media screen and (max-width:1280px){
.fs_30 {font-size:22px;}

}



@media screen and (max-width:780px){
.fs_32 {font-size:22px;}
.fs_36 {font-size:20px}
.fs_45 {font-size:25px;}
.fs_70 {font-size:25px;}
.fs_75 {font-size:35px;}

}


/*font-color*/

.fc_point01 {color: var(--color-point01);}
.fc_point02 {color: var(--color-point02);}
.fc_point03 {color: var(--color-point03);}
.fc_f {color:#fff;}



/*font weight*/
.font_r{font-weight: var(--font-r);}
.font_m{font-weight: var(--font-m);}
.font_sb{font-weight: var(--font-sb);}
.font_b{font-weight: var(--font-b);;}
.font_eb{font-weight: var(--font-eb);}
.font_bl{font-weight: var(--font-bl);}

.lh_auto {line-height:auto;}

.font_p {font-family: 'GenKJwajinOTF-Rg';}

/*text-motion*/
.j_motion.common_motion{transform: translateY(25px);opacity: 0;transition: transform .8s ease, opacity .4s;}
.j_motion.common_motion.on {transform: translateY(0);opacity: 1;}

.stamp_motion.common_motion{animation-name:stamp_ani;}
.stamp_motion.common_motion.on {transform: translateY(0);opacity: 1;}

@keyframes stamp_ani {
    0% {transform: scale(1); opacity: 0;}
    95% {transform: scale(4); opacity: 0;}
    100% {transform: scale(1); opacity: 1;}
}

.j_delay_01{transition-delay: .2s !important;}
.j_delay_02{transition-delay: .4s !important;}
.j_delay_03{transition-delay: .6s !important;}
.j_delay_04{transition-delay: .8s !important;}
.j_delay_05{transition-delay: 1s !important;}
.j_delay_06{transition-delay: 1.2s !important;}
.j_delay_07{transition-delay: 1.4s !important;}
.j_delay_08{transition-delay: 1.6s !important;}
.j_delay_09{transition-delay: 1.8s !important;}
.j_delay_10{transition-delay: 2s !important;}
.j_delay_11{transition-delay: 2.2s !important;}
.j_delay_12{transition-delay: 2.4s !important;}
.j_delay_13{transition-delay: 2.6s !important;}


/*common*/
.texc {text-align:center;}
.main figure img {display:block; width:100%; margin:0 auto;}
.pos_img {position:absolute; left:0; bottom:0; width:100%; height:100%;} 
.common_01 {transform: translateY(50px); opacity: 0; transition: transform .8s ease, opacity .4s;}

.j_motion.common_motion.on .common_01{ transform: translateY(0); opacity: 1;}

.mo_780 {display:none;}

@media screen and (max-width:780px){
.mo_780 {display:block;}
.pc_780 {display:none;}
}


.mt5 {margin-top:5px;}
.mt12 {margin-top:12px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt34 {margin-top:34px;}
.mt40 {margin-top:40px;}
.mt44 {margin-top:44px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt105 {margin-top:105px;}
.mt120 {margin-top:120px;}
.mt130 {margin-top:130px;}
img {max-width:100%; display:block;}
.texc {text-align:center;}
.main_section { margin:0 auto; width:100%;}
.bc_img img{width:100%;}
.mo_img {display:none;}

@media screen and (max-width:720px){
.pc_img {display:none;}
.mo_img {display:block;}
.mt44 {margin-top:24px;}
.mt55 {margin-top:24px;}
.mt60 {margin-top:30px;}
.mt70 {margin-top:35px;}
.mt80 {margin-top:53px;}
.mt105 {margin-top:50px;}
.mt120 {margin-top:60px;}
.mt130 {margin-top:65px;}
}



/*---header---*/

#j_header {height:100px; position:fixed; left:0; top:0; width:100%; transition:0.28s; z-index:99;}
#j_header.active {background:#000;}

@media screen and (max-width:780px){
.hd_logo_w {width:70%; display:block;}
}
.hd_logo_b {display:none;}
.j_hd_con {height:100%;}
.hd_logo_b {display:none;}
.j_hd_con .j_gnb {display:flex; height:100%;}
.j_hd_con .j_gnb li + li {padding-left:50px;}
.j_hd_con .j_gnb > li {height:100%;}
.j_hd_con .j_gnb > li > a {display:block; height:100%; line-height:100px; font-size:1.25rem;  font-weight:500; transition:0.28s;}
.j_hd_con .j_gnb > li > a i {position:relative;}
.j_hd_con .j_gnb > li > a i:after {content:''; position:absolute; bottom:-5px; height:3px; width:0; background:rgb(233, 187, 75, 1); left:0; transition: width .3s ease;}
.j_hd_con .j_gnb > li.menu-active > a i:after {width:100%;}
.j_hd_con {display:flex; align-items:center; justify-content:space-between;}
.j_hd_con .menu_btn > a {display: flex !important; align-items:center;}
.j_hd_con .menu_btn_inr {border-radius: 18px; height: 36px; display: flex; padding: 9px 12px 9px 15px; background: #000; align-items: center;}
.j_hd_con .menu_btn_txt_pc {margin-right:20px;}


/*mobile_wrap*/

.mobile_wrap {position:absolute;  width:65%; height:100vh; top:0; right:0; padding:40px; background:#fff; transition: transform 0.4s; transform:translateX(100%); box-shadow: 5px 20px 24px 0px rgba(0, 0, 0, 0.11); z-index:99;}
.mobile_wrap.on {transform:translateX(0);}
.mo_inner {height:100%; color:#000;}
.mo_inner > .j_gnb {height:100%; display: flex; height: 100%;  flex-direction: column; justify-content: center; align-items: center; width: 100%; text-align: center;}
.mo_inner > .j_gnb > li {font-size: 19px; word-break: keep-all;}

.mo_inner .j_gnb > li a {display:block; padding:20px 0; font-weight:700; transition:0.28s;}
.mo_inner .j_gnb > li a:hover {color:#ffb5b7;}
.mo_inner .menu_btn_inr img {display: none;}
.btn_box {display:none;}
.close_btn {position:absolute; right:10px; top:10px; width: 30px; height: 30px;}
.close_btn span {background:#000; width:20px; height:2px;  display:block;  position:absolute; transform:translate(0);}
.close_btn span:nth-of-type(1) {transform: rotate(45deg);}
.close_btn span:nth-of-type(2) {transform: rotate(-45deg);}


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

.j_hd_con .j_gnb li + li {padding-left:20px;}
}

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

#j_header {height:60px;}
.j_hd_con .j_gnb {display:none;}
.mobile_wrap {display:block; background:#fff;}
.btn_box {display:block;}
}

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

}


/*main_visual*/
.main_visual {display:flex;}
.main_visual .img_box {width:43.7%;}
.youtube {position: relative; overflow: hidden; width: calc( 57.4% / 2 );}
.youtube div { height: 100%;  aspect-ratio: 16/9; position: absolute; left: 50%; transform: translateX(-50%);}
.youtube iframe {border: none;}

.youtube:after {position:absolute; left:0; top:0; right:0; width:552px; height:100%; z-index:99; content:'';}
.mv_vd {position:relative; height:979px; overflow: hidden; box-sizing:border-box;}
.mv_vd .embed-container {position:absolute; left:50%; transform:translateX(-50%); height:100%; aspect-ratio: 16/ 9;}
.mv_vd .embed-container iframe {width:100%; height:100%;}

.m_youtube:after {position:absolute; left:0; top:0; right:0; width:552px; height:100%; z-index:99; content:'';} 
.shorts-container {
 position: relative;
 width: 100%;
 height: 0;
 padding-bottom: 88%;
}


.shorts-iframe {
 position: absolute !important;
 width: 100% important;
 height: 100% important;
 left: 0 important;
 top: 0 important;
 border: none important;
}


.m_youtube {display:none; position:relative;}

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


}

@media screen and (max-width:720px){
.main_visual .img_box {width:100%;}
.youtube {display:none;}
.main_visual {flex-wrap:wrap; }
.m_youtube {display:flex;width:100%;}
.m_youtube li{width:50%; position:relative;}
.m_youtube li:after {display:none;position:absolute; left:0;top:0; width:100%; height:100%; z-index:20; content:'';}
}



/*section01*/

#j_section01 {background:#000;}
.sec01_inner {max-width:1830px; width:100%; margin:0 auto;}
.sec01_list {display:flex;}
.sec01_list > li {width:calc((100% - 16px*3)/4); margin-right:16px; border:1px solid #f6c54f; position:relative; height:898px;}
.sec01_list > li:nth-of-type(4) {margin-right:0;}
.sec01_list > li:after {content:''; width:21px; height:4px; background:#f6c54f; position:absolute; left:50%; top:233px; transform:translateX(-50%);}
.sec01_txt_box { text-align: center; position: absolute;top: 0;left: 0; width: 100%;padding: 53px 13px; box-sizing:border-box; z-index: 2;}

.sec01_content {padding-bottom:130px; box-sizing:border-box;}

.sec01_list * {transition: all .3s ease; -webkit-transition: all .3s ease;word-break: keep-all;}
.sec01_list > li:hover {}
.sec01_list > li:nth-of-type(1) .sec01_video_box {background:url('/img/bc_section/sec01_video_box_bg01.jpg') no-repeat center / cover;}
.sec01_list > li:nth-of-type(2) .sec01_video_box {background:url('/img/bc_section/sec01_video_box_bg02.jpg') no-repeat center / cover;}
.sec01_list > li:nth-of-type(3) .sec01_video_box {background:url('/img/bc_section/sec01_video_box_bg03.jpg') no-repeat center / cover;}
.sec01_list > li:nth-of-type(4) .sec01_video_box {background:url('/img/bc_section/sec01_video_box_bg04.jpg') no-repeat center / cover;}
.sec01_list > li .sec01_video_box:hover iframe {opacity:1;} 
.sec01_video_box {position:absolute; bottom:0; left:0; width:100%; height:490px; background-size: cover !important; overflow: hidden; z-index:1; }

.sec01_video_box iframe {position: absolute; top: 0; left: 50%;  width: 1600px;height: 100%;  margin-left: -800px; z-index: 1; opacity: 0;}


@media screen and (max-width:1480px){
.sec01_list {flex-wrap:wrap;}

.sec01_list > li {width:calc((100% - 16px)/2);}
.sec01_list > li:nth-of-type(n + 3) {margin-top:16px;}
.sec01_list > li:nth-of-type(2) {margin-right:0px;}
}

@media screen and (max-width:720px){
.sec01_content {padding-bottom:80px;}
.sec01_list > li {width:100%; margin-right:0;}
.sec01_list > li:nth-of-type(n + 2) {margin-top:16px;}
.sec01_video_box iframe {opacity:1;}
.sec01_txt_box {padding:40px 13px;}
.sec01_list > li:after {top:165px;}
.sec01_video_box  {bottom:8%;}
}







/*section02*/

#j_section02 {padding:120px 0 232px 0; position:relative; background:url('/img/bc_section/j_section04_bg.jpg')  no-repeat center / cover; }

.sec04_swip {overflow:visible;}
.sec04_swip .swiper-wrapper{	transition-timing-function: linear;}
.sec04_swip .swiper-slide figure img {border-radius:20px; overflow:hidden; box-shadow: 7px 7px 10px 0 rgba(0,0,0,0.1); width:100%;}
.sec04_hp_box {position:absolute; right: 13%;top: 30%; z-index:20;}



@media screen and (max-width:1580px){
.sec04_hp_box {    right: 7%; top: 36%;}
.sec04_hp_box figure img {width:80%;}
}


@media screen and (max-width:1280px){
.sec04_hp_box {    right: 0%; top: 36%;}
.sec04_hp_box figure img {width:70%;}
}

@media screen and (max-width:1080px){
.sec04_hp_box {    right: 0%;top: 40%;}
.sec04_hp_box figure img {width:60%;}


}



@media screen and (max-width:779px){
#j_section02 {padding:80px 0 116px 0;}
.sec04_hp_box {    right: -23%;top: 35%;}
.sec04_hp_box figure img {width:60%;}
}

@media screen and (max-width:720px){
#j_section02 {padding:60px 0 116px 0;}
.sec04_hp_box {    right: -23%;top: 35%;}
.sec04_hp_box figure img {width:60%;}

.new_j_section_desc p {font-size:20px;}
}


/*section03*/

#j_section03 {background:url('/img/bc_section/j_section02_bg.jpg') no-repeat center / cover; width:100%; padding:120px 0 160px 0;}
.sec02_list {box-sizing:border-box; font-size:0; display:flex; margin-top:64px;}
.sec02_list li {display:table; width:calc((100% - 14px*3)/4); margin-right:14px; vertical-align:top; background:rgba(7, 61, 35, 0.9); border-radius:15px; padding:50px 20px; box-sizing:border-box; }
.sec02_list li .sec02_desc_box {display:table-cell;  }
.sec02_list li .sec02_desc_box p {word-break:keep-all;}
.sec02_list li:nth-of-type(4) {margin-right:0;}


.sec02_2_list {display:flex; flex-wrap:wrap; justify-content: center; margin-top:50px;}
.sec02_2_list li {width:calc((100% - 20px*2)/3); margin-right:20px;}
.sec02_2_list li:nth-of-type(3n){margin-right:0;}
.sec02_2_list li:nth-of-type(n + 4) {margin-top:40px;}



@media screen and (max-width:1480px){
.sec02_list {flex-wrap:wrap;}
.sec02_list li {width:calc((100% - 14px)/2);}
.sec02_list li:nth-of-type(2n) {margin-right:0;}
.sec02_list li:nth-of-type(n + 3) {margin-top:14px;}
}

@media screen and (max-width:1080px){
.sec02_2_list li {width:calc((100% - 20px)/2); margin-right:20px;}
.sec02_2_list {flex-wrap:wrap; justify-content:unset;}
.sec02_2_list li:nth-of-type(2n){margin-right:0;}
.sec02_2_list li:nth-of-type(3n){margin-right:20px;}
.sec02_2_list li:nth-of-type(n + 3){margin-top:20px;}

}


@media screen and (max-width:720px){
#j_section03  {padding:60px 0 80px 0;}
.sec02_list li {width:100%; margin-right:0;}
.sec02_list li:nth-of-type(n + 2 )  {margin-top:20px;}

.sec02_2_list li {width:100%; margin-right:0;}
.sec02_2_list li:nth-of-type(n + 2 ) {margin-top:20px;}
.sec02_2_list li:nth-of-type(3){margin-right:0px;}
}


/*section04*/



#j_section04 {position:relative; margin:0 auto; width:100%; height:1134px; background:url('/img/bc_section/j_section03_bg.jpg') no-repeat center / cover;  box-sizing:border-box;}


@media screen and (max-width:1800px){
#j_section04 { height: 1050px;}

}

@media screen and (max-width:1680px){
#j_section04 { height: 982px;}

}


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

#j_section04 { height: 870px;}


}

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

#j_section04 { height: 750px;}


}

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

#j_section04 { height: 630px;}


}

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

#j_section04 { height: 853px;}


}



@media screen and (max-width:780px){
#j_section04 {background:url('/img/bc_section/j_section03_bg_m.jpg')}
}




#j_section05 {background:url('/img/bc_section/j_section05_bg.jpg') no-repeat center / cover; width:100%; padding:100px 0 120px 0;}

#horizontal-accordion { width: 100%;}
.site-container {width: 100%; max-width: 1480px; margin: 0 auto;padding: 60px 30px;}
#horizontal-accordion .horizontal-accordion-container {display: flex; height: 680px; width: 100%;}
#horizontal-accordion .horizontal-accordion-item {position: relative; flex: 0 0 124px; background-position: center; background-size: cover; transition: flex-grow 500ms ease; cursor:pointer;}
#horizontal-accordion .horizontal-accordion-item:before {content: ''; position: absolute;top: 0; right: 0;bottom: 0; left: 0; }
#horizontal-accordion .horizontal-accordion-content-ctn {position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0;transition: opacity 300ms ease;}
#horizontal-accordion .horizontal-accordion-item.selected {flex-grow: 20;}
#horizontal-accordion .horizontal-accordion-item.selected:before {}
#horizontal-accordion .horizontal-accordion-item.selected .horizontal-accordion-content-ctn {opacity: 1;}
.acco_t_box {display:none;}



#horizontal-accordion .horizontal-accordion-item.selected:nth-child(1) {
    background-image: url('/img/bc_section/sec05_img01-a.jpg');
}

#horizontal-accordion .horizontal-accordion-item:nth-child(1) {
    background-image: url('/img/bc_section/sec05_img01-1.jpg');
}

#horizontal-accordion .horizontal-accordion-item.selected:nth-child(2) {
    background-image: url('/img/bc_section/sec05_img02-a.jpg');
}
#horizontal-accordion .horizontal-accordion-item:nth-child(2) {
    background-image: url('/img/bc_section/sec05_img02-1.jpg');
}

#horizontal-accordion .horizontal-accordion-item.selected:nth-child(3) {
    background-image: url('/img/bc_section/sec05_img03-a.jpg');
}
#horizontal-accordion .horizontal-accordion-item:nth-child(3) {
    background-image: url('/img/bc_section/sec05_img03-1.jpg');
}

#horizontal-accordion .horizontal-accordion-item.selected:nth-child(4) {
    background-image: url('/img/bc_section/sec05_img04-a.jpg');
}
#horizontal-accordion .horizontal-accordion-item:nth-child(4) {
    background-image: url('/img/bc_section/sec05_img04-1.jpg');
}

#horizontal-accordion .horizontal-accordion-item.selected:nth-child(5) {
    background-image: url('/img/bc_section/sec05_img05-a.jpg');
}
#horizontal-accordion .horizontal-accordion-item:nth-child(5) {
    background-image: url('/img/bc_section/sec05_img05-1.jpg');
}



#horizontal-accordion .horizontal-accordion-content-ctn .title {font-size: 6rem;font-weight: 800; text-transform: uppercase;color: white;  letter-spacing: 2px; margin-bottom: 20px;}
.site-container_m {display:none;}


@media screen and (max-width:1600px){
#horizontal-accordion .horizontal-accordion-item.selected:nth-child(1) { background-image: url('/img/bc_section/sec05_img01-2.jpg');}
#horizontal-accordion .horizontal-accordion-item.selected:nth-child(2) { background-image: url('/img/bc_section/sec05_img02-2.jpg');}
#horizontal-accordion .horizontal-accordion-item.selected:nth-child(3) { background-image: url('/img/bc_section/sec05_img03-2.jpg');}
#horizontal-accordion .horizontal-accordion-item.selected:nth-child(4) { background-image: url('/img/bc_section/sec05_img04-2.jpg');}
#horizontal-accordion .horizontal-accordion-item.selected:nth-child(5) { background-image: url('/img/bc_section/sec05_img05-2.jpg');}

.acco_t_box {display:block; position:absolute; left:57px; bottom:57px;   }
.acco_t_box h2 {display:block;}
.acco_t_box h3 {color:#f6c54f; word-break:keep-all;}
.acco_t_box p {color:#f6c54f; word-break:keep-all;}
.ac_tit {background:#073d23; height:70px; width:394px; text-align:center; line-height:84px; width: 100%; max-width: 394px;}

}

@media screen and (max-width:1280px){
	.acco_t_box {left:22px;}
	.1680_br {display:none;}
}
@media screen and (max-width:1080px){
.site-container {display:none;}
.site-container_m {display:block;}
.site-container_m ul {display:flex; flex-wrap:wrap; margin-top:60px;}
.site-container_m ul li {width:100%;}
.site-container_m ul li figure img {width:100%; max-width:auto;}
.site-container_m ul li:nth-of-type(n + 2) {margin-top:20px;}
}


.sec05_content02 ul{display:flex; align-items:center; }
.sec05_content02 li {width:50%;}
.sec05_content02 li figure img {margin:0 auto;}

@media screen and (max-width:1080px){
.sec05_content02 ul {flex-wrap:wrap;}
.sec05_content02 ul li {width:100%; margin-top:40px;}
}

@media screen and (max-width:720px){
.sec05_content02 li figure img {width:70%;}
}





.sec05_cont03_list {max-width:1260px; width:100%; display:flex; margin:60px auto 0 auto;}
.sec05_cont03_list li {width:calc((100% - 27px*3)/4); margin-right:27px;}
.sec05_cont03_list li:nth-of-type(4) {margin-right:0;}


@media screen and (max-width:1080px){
.sec05_cont03_list {flex-wrap:wrap;}
.sec05_cont03_list li {width:calc((100% - 27px)/2); margin-right:27px;}
.sec05_cont03_list li figure img {width:100%; max-width:auto;}
.sec05_cont03_list li:nth-of-type(2n) {margin-right:0;}
.sec05_cont03_list li:nth-of-type(n + 3) {margin-top:27px;}
}

@media screen and (max-width:720px){
#j_section05 {padding:50px 0 60px 0;}
}





#j_section06 {background:#000; padding:125px 0; box-sizing:border-box; position:relative;}
.sec06_cont01 {display:flex; }
.sec06_cont01 li {width:calc((100% - 36px*2)/3); margin-right:36px;}
.sec06_cont01 li:nth-of-type(3) {margin-right:0;}


.sec06_center_list {display:flex;justify-content:space-between; max-width:1005px; margin:20px auto 0 auto;}
.sec06_center_list li {background:#073d23; border-radius:60px; width:475px; height:120px; text-align:center; padding:8.5px 30px; box-sizing:border-box; display:flex; align-items:center; justify-content:center;}
.sec06_center h3 {word-break: keep-all;}

@media screen and (max-width:1080px){
.sec06_cont01 {flex-wrap:wrap;}
.sec06_cont01 li {width:100%; margin-right:0;}
.sec06_cont01 li figure img {margin:0 auto;}
.sec06_cont01 li + li {margin-top:40px;}

.sec06_center_list {flex-wrap:wrap; max-width:600px; justify-content:center;}
.sec06_center_list li {width:100%;  max-width: 313px; height: 100px; width: 100%;}

.sec06_center_list li + li {margin-top:20px;}

}

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

.sec06_center_list { max-width:360px;}
}





.sec06_cont02 {display:flex;}
.sec06_cont02 li {width:calc((100% - 23px*3)/4); margin-right:23px;}
.sec06_cont02 li:nth-of-type(4n) {margin-right:0;}

@media screen and (max-width:1080px){
.sec06_cont02 {flex-wrap:wrap;}
.sec06_cont02 li {width:calc((100% - 23px)/2); margin-right:23px; }
.sec06_cont02 li figure img {width:100%; max-width:auto;}
.sec06_cont02 li:nth-of-type(2n) {margin-right:0;}
.sec06_cont02 li:nth-of-type(n + 3) {margin-top:23px;}
}

@media screen and (max-width:720px){
#j_section06 {padding:60px 0;}

}



#j_section07 {background:url('/img/bc_section/j_section07_bg_1.jpg') no-repeat center / cover; height:1336px; position:relative;}


@media screen and (max-width:1680px){
#j_section07 {height:980px;}
}

@media screen and (max-width:1580px){
#j_section07 {height:931px;}
}
@media screen and (max-width:1380px){
#j_section07 {height:880px;}
}
@media screen and (max-width:1280px){
#j_section07 {height:740px;}
}
@media screen and (max-width:1080px){
#j_section07 {height:633px;}
}
@media screen and (max-width:940px){
#j_section07 {height:550px;}
}

.mo_img_780 {display:none;}

@media screen and (max-width:780px){
.pc_img_780 {display:none;}
.mo_img_780 {display:block;}
#j_section07 {background:url('/img/bc_section/j_section07_bg_m-1.jpg') no-repeat center / cover; height:900px; }
}





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

}




#j_section08 {background:url('/img/bc_section/j_section08_bg.jpg') no-repeat center / cover;}
#j_section08 figure img {margin:0 auto;}


@media screen and (max-width:780px){
#j_section08 {background:url('/img/bc_section/j_section08_bg_m.jpg') no-repeat center / cover;}

}


#j_section09 {background:url('/img/bc_section/j_section09_bg.jpg') no-repeat center / cover; padding-bottom:130px;}
#j_section09 figure img {margin:0 auto;}






/*문의*/
.w573{max-width:573px;}
.di_f {display:flex; align-items: end;}
.inq_box {max-width:1100px; margin:0 auto; width:100%; background:#312710; padding:75px 99px; border-radius:5px;}

.inq_box h2 b {color:#c2c2c2; margin-left:26px; position:relative;}
.inq_box h2 b:before {content:'';width:6px; height:6px; background:#f6c54f; border-radius:50%; position:absolute; top:50%; left:-15px; transform:translateY(-50%);}

.inq_box ul li + li {margin-top:19px;}
.j_form_box {display:flex; align-items:center;}
.j_form_box label {width:191px;}
.j_form_box label i {position:relative;}
.j_form_box label i:after {right:-13px; top:0px; position:absolute; content:''; width:6px; height:6px; background:#f6c54f; border-radius:50%}
.j_form_box .field_box {width:calc(100% - 191px);}
.j_form_box .field_box input {width:100%; box-sizing:border-box; padding:10px 20px; background:rgba(255, 255, 255, 0.3); border-radius:3px;}
.j_form_box .field_box input::placeholder {color:#c2c2c2;}
.j_form_box .field_box textarea {padding:16px 20px; box-sizing:border-box; background:rgba(255, 255, 255, 0.3); border-radius:3px; width:100%;}
.j_form_box .field_box textarea::placeholder {color:#c2c2c2;}
.j_form_box .field_box.di_f p {margin-left:16px;} 


.j_radio_list {display:flex; align-items:center;}
.j_radio_list > div {width:191px;}
.j_radio_list .j_radio_field {width:calc(100% - 191px); display:flex;}
.j_radio_list .j_radio_field .radio_box {width:50%; text-align:center; color:#fff;}
.j_radio_list .j_radio_field .radio_box:nth-of-type(1) {border-radius:5px 0px 0 5px; overflow:hidden;} 
.j_radio_list .j_radio_field .radio_box:nth-of-type(2) {border-radius:0px 5px 5px 0px; overflow:hidden;} 
.j_radio_field .radio_box input[type=radio] + label span {    background:rgba(255, 255, 255, 0.3); display: block;line-height: 47px; transition: all .3s; cursor:pointer;}
.j_radio_field .radio_box input[type=radio] {position: absolute;top: 0; left: 0; width: 0;height: 0; opacity: 0;  outline: 0; z-index: -1; overflow: hidden; display:none;}
.j_radio_field .radio_box input[type=radio]:checked + label span {background-color:#f6c54f; color:#000;}


.j_form_box label.ag_box {display:flex; width:100%; align-items:center;}
.agree_box input[type=checkbox] {position: absolute;top: 0; left: 0; width: 0;height: 0; opacity: 0;  outline: 0; z-index: -1; overflow: hidden; display:none;}
.agree_box input[type=checkbox] + label span {width:22px; height:22px; border-radius:50%; background:transparent; border:1px solid #fff; display:block; margin-right:9px; cursor:pointer; display:block;}
.agree_box input[type=checkbox]:checked + label span {background:url('/img/bc_icon/inq_chk.png') no-repeat 50% 50%;}
.agree_box input[type=checkbox] + label b {color:#999;margin-right: 5px; cursor:pointer;}

.form_btn {width:260px; height:75px; line-height:75px; text-align:center; background:#f6c54f; border-radius:10px; color:#fff;}




@media screen and (max-width:720px){
.j_form_box {flex-wrap:wrap;}
.j_form_box label {width:100%;}
.inq_box {width:92%; padding:20px 9px;}
.j_form_box .field_box {width:100%; margin-top:10px;}
.w206{max-width:206px;}
#j_section09 {padding-bottom:75px;}
}





/*quic_bar*/

.quick_bar {width:100%; background:#ab0f1b; height:100px; position:fixed; bottom:0; left:0; z-index:80;}
.quick_inner {display:flex; align-items:center; height:100%; padding-left:127px;}
.quick_input_box {display:flex; align-items:center; margin-left:50px;}
.quick_input_box ul {display:flex; align-items:center; gap:10px;}
.quick_input_box li input {height:54px; padding:13px; box-sizing:border-box; border:1px solid #e5e5e5; color:#000;}
.quick_input_box li:nth-of-type(1) input {max-width:176px;}
.quick_input_box li:nth-of-type(2)input {max-width:225px;}
.quick_input_box li:nth-of-type(3) input {max-width:176px;}
.quick_input_box h2 {margin-right:10px; height:36px;}

.form_btn_wrap02 {background:#000; color:#fff; width:150px; height:50px; text-align:center; border-radius:3px; line-height:50px;}

.quick_logo2 {position:absolute; left:0; top:-50%; width:124px; height:124px;}

.agree_box2 input {position: absolute;top: 0; left: 0; width: 0;height: 0; opacity: 0;  outline: 0; z-index: -1; overflow: hidden; display:none;}
.agree_box2 input[type=checkbox] + label {display:flex;}
.agree_box2 input[type=checkbox] + label span {width:22px; height:22px; display:block; border-radius:3px; border:1px solid #a6a6a6;}
.agree_box2 input[type=checkbox] + label b {margin-left:10px; margin-right:22px;}
.agree_box2 input[type=checkbox]:checked + label span {background:url('/img/bc_icon/chk02.png') no-repeat 50% 50%;}

@media screen and (max-width:1757px){
.quick_logo2 {width:80px;}
.quick_inner {padding-left:50px;}
}

@media screen and (max-width:1683px){
.quick_input_box h2 {font-size:35px;}
.quick_input_box {margin-left:20px;}
}

@media screen and (max-width:1586px){
.quick_logo2 {width:60px; top:-30%;}
.quick_inner {padding-left:28px;}
.agree_box2 input[type=checkbox] + label b {margin-right:10px;}
.quick_input_box li:nth-of-type(1) input {max-width:126px;}
.quick_input_box li:nth-of-type(2)input {max-width:180px;}
.quick_input_box li:nth-of-type(3) input {max-width:126px;}
}

@media screen and (max-width:1400px){
.quick_inner {padding-left:20px;}
.quick_input_box h2 {font-size:30px;}
.quick_input_box li:nth-of-type(1) input {max-width:80px;}
.quick_input_box li:nth-of-type(2)input {max-width:160px;}
.quick_input_box li:nth-of-type(3) input {max-width:80px;}
}


@media screen and (max-width:1255px){
.quick_bar {display:none;}
}




/*bc_side_bar*/

.bc_side_bar {position:fixed; right:0px; top:260px; z-index:90;} 
.bc_side_bar ul li figure {/* box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.15); */ border-radius:13px; overflow:hidden; width:80%;}
.bc_side_bar ul li:nth-of-type(1) figure {border:1px solid #fff;}
.bc_side_bar ul li:nth-of-type(2) figure {border:1px solid #fff;}
.bc_side_bar ul li:nth-of-type(3) figure {border:1px solid #fff;}
.bc_side_bar ul li:nth-of-type(4) figure {box-shadow:unset; border:none;}
.bc_side_bar ul li + li {margin-top:14px;}
.quick_side {display:none; width:134px; height:134px; border-radius:134px; color:#fff; background:#ab0f1b; font-weight:700; justify-content: center; font-size: 30px; align-items: center;}
.quick_side a {display:flex; width:100%; height:100%;align-items: center;justify-content: center;}


#popup_form_02 {position: fixed;top: 0; left: 0; width: 100%; height: 100vh; background: rgba(246, 197, 79, .95);z-index: 2000; display: none;}

.pf_wrap {display: flex;justify-content: center; align-items: center;flex-direction: column;  height: 100%;}
.pf_form {    width: 100%; max-width: 650px;}
.pf_form_box ul {margin-top:30px;}
.pf_form_box ul li input{width:100%; background:rgba(255, 255, 255, 0.3); padding:13px;}
.pf_form_box ul li + li {margin-top:20px;}
.q_btn {    background: #000;color: #fff; width: 100%;height: 50px; text-align: center;border-radius: 3px;line-height: 50px;}
.quick_btn {position:absolute; top:10%; left:0%; cursor:pointer;}
.quick_btn span {width:40px; height:7px; background:#000; display:block; position:Absolute;}
.quick_btn span:nth-child(1) {transform: rotate(45deg);}
.quick_btn span:nth-child(2) {transform: rotate(-45deg);}

@media screen and (max-width:1255px){
.quick_side {display:flex;}
}

@media screen and (max-width:1080px){
.bc_side_bar {right:-10px;}
.bc_side_bar ul li figure {width:80%;}
.quick_side {width:107px; height:107px;}
}

@media screen and (max-width:720px){
.quick_side {width:70px; height:70px; font-size:15px;}
.bc_side_bar {right:-50px;}
.bc_side_bar ul li figure {width:50%;}
.quick_btn {left:0%; top:10%;}
}







/*footer*/






/*게시판 이너*/
.bo_pd {padding:150px 0;}
.bo_section {max-width:1400px; margin:0 auto;}





/*---개인정보처리방침, 이용약관 팝업 추가---*/
.add_pop_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.9);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: 250px;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}

.add_pop_tit{background: #f6c54f;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;}
}




.j_footer {background:#000; padding:60px 0 60px; margin-bottom:95px;};
	.j_footer p i {display:inline-block;}
	.j_footer .j_inner {text-align:center;}
	.ft_logo a {display:block;}
	.ft_logo a img {margin:0 auto;}



@media screen and (max-width:1255px){
.j_footer {margin-bottom:0;}

}