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

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {
	/*color*/

	--color-point: #41190c;
	/*font-size*/
	--font-size-13: 0.813rem;
	--font-size-14: 0.875rem;
	--font-size-16: 1rem; 
	--font-size-17: 1.0625rem; 
	--font-size-18: 1.125rem;
	--font-size-19: 1.188rem;
	--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-26: 1.625rem;
	--font-size-27: 1.688rem; 
	--font-size-28: 1.75rem; 
	--font-size-30: 1.875rem; 

	--font-size-31: 1.938rem; 
	--font-size-32: 2rem; 
	--font-size-34: 2.125rem; 
	--font-size-35: 2.188rem; 
	--font-size-36: 2.25rem; 
	--font-size-37: 2.313rem; 
	--font-size-38: 2.375rem; 	

	--font-size-40: 2.5rem; 	
	--font-size-42: 2.625rem; 
	--font-size-43: 2.688rem; 

	--font-size-45: 2.813rem; 
	--font-size-48: 3rem; 
	--font-size-50: 3.125rem;
	--font-size-55: 3.438rem;

	--font-size-58: 3.625rem;

	--font-size-60: 3.75rem;

	--font-size-70: 4.375rem;
	--font-size-72: 4.5rem;
	--font-size-80: 5rem;
	--font-size-85: 5.313rem;

	--font-size-90: 5.625rem;
	--font-size-100: 6.25rem;
	--font-size-120: 7.5rem;

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

/*font size*/
.fs_13{font-size: var(--font-size-13);}
.fs_14{font-size: var(--font-size-14);}
.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_19{font-size: var(--font-size-19);}
.fs_20{font-size: var(--font-size-20);}
.fs_21{font-size: var(--font-size-21);}
.fs_22{font-size: var(--font-size-22);}
.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_26{font-size: var(--font-size-26);}
.fs_27{font-size: var(--font-size-27);} 
.fs_28{font-size: var(--font-size-28);} 
.fs_30{font-size: var(--font-size-30);} 
.fs_31{font-size: var(--font-size-31);}
.fs_32{font-size: var(--font-size-32);}
.fs_34{font-size: var(--font-size-34);}
.fs_35{font-size: var(--font-size-35);}
.fs_36{font-size: var(--font-size-36);}
.fs_37{font-size: var(--font-size-37);}
.fs_38{font-size: var(--font-size-38);}
.fs_40{font-size: var(--font-size-40);}
.fs_42{font-size: var(--font-size-42);}
.fs_43{font-size: var(--font-size-43);}
.fs_45{font-size: var(--font-size-45);}
.fs_48{font-size: var(--font-size-48);}
.fs_50{font-size: var(--font-size-50);}

.fs_55{font-size: var(--font-size-55);}

.fs_58{font-size: var(--font-size-58);}

.fs_60{font-size: var(--font-size-60);}

.fs_70{font-size: var(--font-size-70);}
.fs_72{font-size: var(--font-size-72);}
.fs_80{font-size: var(--font-size-80);}
.fs_85{font-size: var(--font-size-85);}
.fs_90{font-size: var(--font-size-90);}
.fs_100{font-size: var(--font-size-100);}
.fs_120{font-size: var(--font-size-120);}


@media screen and (max-width:1420px){
	.fs_80 {font-size:var(--font-size-60);}
	.fs_100 {font-size:var(--font-size-90)}
}

@media screen and (max-width:1020px){
	.fs_80 {font-size:var(--font-size-50);}
	.fs_70 {font-size:var(--font-size-45);}
	.fs_90 {font-size:var(--font-size-48);}
}

/*color*/
	
.font_p {color:var(--color-point);}



@media screen and (max-width:767px){
.fs_70 {font-size:var(--font-size-32);}
.fs_90 {font-size:var(--font-size-43);}
.fs_100 {font-size:var(--font-size-45)}
}


/*--- common ---*/
.img_box {position:relative;}
.img_box img {width:100%; margin:0 auto; display:block;}
.pos_img {position:absolute;left:0; top:0; width:100%;}
.font_mons {font-family: "Montserrat", sans-serif;}
.font_pop {font-family: "Poppins", serif;}
.areaPd {padding:135px 0;}

.mo_img {display:none !important;}
@media screen and (max-width: 767px) {
	.pc_img {display:none !important;}
	.mo_img {display:block !important;}
}



/*font weight*/
.font_l{font-weight: var(--font-l);}
.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);}



.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;}

/*------------------------------------------------------------------------------------------------------------*/

/*header*/

#ttp_header {height:100px; position:fixed; width:100%; left:0; top:0; z-index:50; transition:0.28s;}
#ttp_header.active {background:#8a3b15;}
#ttp_header > .hdInner {max-width:1480px; width:92%; margin:0 auto; height:100%; display:flex;  justify-content:center;}
#ttp_header > .hdInner > .ttp_gnb {display:flex; align-items:center; height:100%;}
#ttp_header > .hdInner > .ttp_gnb > li {height:100%; margin-right:80px;}
#ttp_header > .hdInner > .ttp_gnb > li:nth-of-type(4) {margin-right:310px;}

#ttp_header > .hdInner > .ttp_gnb > li > a {display:block; height:100%; font-size: var(--font-size-18); font-weight:700; line-height:100px; color:#fff; justify-conetent:center;}
.hd_logo {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.hd_logo a img {width:100%;}
#ttp_header .b_toggle_btn{width:25px; height:25px; display:none;}
#ttp_header .b_toggle_btn span{width:100%; height:2px; display:block; background-color:#fff; }
#ttp_header .b_toggle_btn span:nth-child(2){margin:5px 0; }


#b_site_map{position:fixed; right:-100%; top:0; width:100%; height:100%; max-width:360px; background-color:#ffb71c; z-index:50; transition:right .5s;}
#b_site_map.open{right:0; transition:right .7s;}
#b_site_map .b_close_btn{width:35px; height:35px; display:flex; align-items:center; justify-content:center; flex-direction:column; margin:20px 20px 0 auto; }
#b_site_map .b_close_btn:hover{transform:rotate(90deg); transition:transform .3s;}
#b_site_map .b_close_btn span{display:block; width:90%; height:2px; background-color:#fff; }
#b_site_map .b_close_btn span:first-child{transform:rotate(45deg)}
#b_site_map .b_close_btn span:last-child{margin-top:-1px;transform:rotate(-45deg)}
#b_site_map nav{width:90%; margin:100px auto 0 auto; }
#b_site_map .ttp_gnb li {border-bottom:1px solid rgba(255,255,255,.3); }
#b_site_map .ttp_gnb li:first-child {border-top:1px solid rgba(255,255,255,.3); }
#b_site_map .ttp_gnb li > a{color:#fff; height:65px; display:flex; align-items:center; font-size:1.8rem; font-weight:bold; padding-left:20px; transition:background-color .3s; }
#b_site_map .ttp_gnb li:hover > a{background-color:rgba(255,255,255,.1); transition:background-color .3s; }

.b_site_bg{position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.8); display:none; z-index:40; }




@media screen and (max-width: 1580px) {
	#ttp_header > .hdInner > .ttp_gnb > li {margin-right:40px}
	#ttp_header > .hdInner > .ttp_gnb > li:nth-of-type(4) {margin-right:255px;}
	#ttp_header > .hdInner > .ttp_gnb > li:nth-of-type(8) {margin-right:0px;}
	.hd_logo {left:53%;}
}

@media screen and (max-width: 1091px) {
	#ttp_header {height:80px;}
	#ttp_header > .hdInner > .ttp_gnb {display:none}
	#ttp_header .hdInner {justify-content: flex-end;  align-items: center;}
	#ttp_header .b_toggle_btn{display:block; }
	.hd_logo {left:50%;} 
}

@media screen and (max-width: 767px) {
	#ttp_header {height:60px;}
	#ttp_header > .hdInner > .ttp_gnb {display:none}
	#ttp_header .hdInner {justify-content: flex-end;  align-items: center;}
	#ttp_header .b_toggle_btn{display:block; }
	.hd_logo {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); display: flex;
        justify-content: center;} 
	.hd_logo a {display:block; width:100%; max-width:150px;}
	#b_site_map {max-width:275px;}
}



/*mainVisual*/

.mainVisual {width:100%; height:100%;}
.mv_bg {width:100%; }
.mv_bg.bg01 {background:url(/img/main/mv01.jpg) no-repeat center / cover; width:100%;}
.mv_bg.bg02 {background:url(/img/main/mv02.jpg) no-repeat center / cover; width:100%;}
.mv_bg.bg03 {background:url(/img/main/mv03.jpg) no-repeat center / cover; width:100%;}
.mv_bg.bg04 {background:url(/img/main/mv04.jpg) no-repeat center / cover; width:100%;}
.mvSwip li figure img {width:100%;}
.mvSwip li.swiper-slide-active .mv_bg {position:absolute; z-index:-1; animation-name:mv_bg; animation-duration:4s; animation-timing-function:linear;}



/*flow_line*/

.flowLine .ttp_bot_slide{position:relative; background-color:#ffc523; overflow:hidden; height:75px;}
.flowLine .ttp_bot_slide .ttp_wrap{height:100%; display:flex; align-items:center; position:absolute; left:0; top:0; animation-name:logo_motion; animation-duration:25s; animation-timing-function:linear; animation-iteration-count: infinite;}
.flowLine .ttp_bot_slide img{display:block; margin-right:30px; }

@media screen and (max-width: 1280px) {
.flowLine .ttp_bot_slide img {width:500px;}
}

@media screen and (max-width: 767px) {
.flowLine .ttp_bot_slide img {width:500px;}
.flowLine .ttp_bot_slide .ttp_wrap{ animation-duration:10s;}

}


/*section01*/

.sec01cont__list {display:flex;}
.sec01cont__list li {width:calc(100% / 3); position:relative;}
.sec01cont__list li figure img {width:100%; display:block;}

.sec01cont__list li::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center; transition: transform 1s ease, opacity 1s ease; z-index:10;}
.sec01cont__list li::after {content: ''; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);  /* 기본 크기 설정 */opacity: 1;                                 /* 초기 상태에서 보이게 설정 */transition: transform 1s ease, opacity 1s ease;z-index: 10;}


.sec01cont__list li:nth-of-type(1){ background:url('/img/main/sec01cont__list_bg01-1.jpg') no-repeat center / cover;}
.sec01cont__list li:nth-of-type(3){ background:url('/img/main/sec01cont__list_bg03-1.jpg') no-repeat center / cover;}
.sec01cont__list li:nth-of-type(1)::before {background:#06433c;}
.sec01cont__list li:nth-of-type(2)::before {background:#141e47;}
.sec01cont__list li:nth-of-type(3)::before {background:#cb0e15;}

.sec01cont__list li:nth-of-type(1)::after {background:url('/img/main/sec01_li01-1.png') no-repeat center / cover; width:517px; height:361px;}
.sec01cont__list li:nth-of-type(2)::after {background:url('/img/main/sec01_li02-2.png') no-repeat center / cover; width:517px; height:361px;}
.sec01cont__list li:nth-of-type(3)::after {background:url('/img/main/sec01_li03-1.png') no-repeat center / cover; width:517px; height:361px;}

.sec01cont__list li:hover::before { transform: scale(0);opacity: 0;}
.sec01cont__list li:hover::after {transform: translate(-50%, -50%) scale(0);  /* 축소 애니메이션 */ opacity: 0;  /* 투명도 변화 */}


.sec01cont__list li:nth-of-type(1) {z-index:1;}
.sec01cont__list li:nth-of-type(2) {background:#0d1227; z-index:0;}
.sec01cont__list li:nth-of-type(3) {z-index:1;}

.sec01Tit {text-align:center; width:100%; padding:176px 30px;}
.sec01Tit h2 {color:#fff; line-height:1.42em;}
.sec01Tit p {color:#fff; margin-top:25px; line-height:1.75em;}
.sec01Tit p em {font-weight:700;}
.sec01Tit p b {font-weight:700; position:relative;}
.sec01Tit p b:after {content:''; width:43px; height:31px; background:url(/img/icon/star.png) no-repeat center / cover; position:absolute; top:-30px; left:-30px;}
.sec01Tit p b:before {content:''; width:215px; height:10px; background:url(/img/icon/yellowLine.png) no-repeat center / cover; position:absolute; bottom:-10px; left:0;}

.textLine {position: absolute; top: 35px; width:200%; transform: rotate(20deg); /* 20도 회전 */ left: -63%; z-index:-1;}
.textLine .ttp_bot_slide{position:relative; background-color:transparent; overflow:hidden; height:91px;}
.textLine .ttp_bot_slide .ttp_wrap{height:100%; display:flex; align-items:center; position:absolute; left:0; top:0; animation-name:logo_motion; animation-duration:6s; animation-timing-function:linear; animation-iteration-count: infinite;}
.textLine .ttp_bot_slide img{display:block; margin-right:30px; }

.textLine.textLineV2 {position: absolute;bottom: 35px; width:200%; transform: rotate(20deg); /* 20도 회전 */ left: -63%; top:auto;z-index:-1;}
.textLine.textLineV2  .ttp_bot_slide .ttp_wrap{height:100%; display:flex; align-items:center; position:absolute; left:0; top:0; animation-name:logo_motion02; animation-duration:6s; animation-timing-function:linear; animation-iteration-count: infinite;}

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

.sec01cont__list li:nth-of-type(1)::after {width: 430px;height: 300px;}
.sec01cont__list li:nth-of-type(2)::after {width: 430px;height: 300px;}
.sec01cont__list li:nth-of-type(3)::after {width: 430px;height: 300px;}

}

@media screen and (max-width: 1460px) {
.sec01cont__list li:nth-of-type(1)::after {width: 300px;height: 209px;}
.sec01cont__list li:nth-of-type(2)::after {width: 300px; height: 209px;}
.sec01cont__list li:nth-of-type(3)::after {width: 300px; height: 209px;}

}


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

.textLine .ttp_bot_slide img {width:500px;}
.sec01Tit h2 {font-size: var(--font-size-25);}
.sec01Tit p {font-size: var(--font-size-20); margin-top:10px;}

}

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

.sec01cont__list li:nth-of-type(1)::after { width: 220px; height: 154px;}
.sec01cont__list li:nth-of-type(2)::after { width: 220px;height: 154px;}
.sec01cont__list li:nth-of-type(3)::after { width: 220px; height: 154px;}

}



@media screen and (max-width: 920px) {
.sec01Tit h2 {font-size: var(--font-size-20);}
.sec01Tit p {font-size: var(--font-size-16); margin-top:10px;}
.sec01cont__list li:nth-of-type(2) {padding:0;}

}


@media screen and (max-width: 767px) {
.sec01cont__list li.ttp_motion.on::before{ transform: scale(0);opacity: 0;}
.sec01cont__list li.ttp_motion.on::after{ transform: scale(0);opacity: 0;}


.sec01cont__list {flex-wrap:wrap;}
.sec01cont__list li {width:100%;}
.sec01cont__list li:nth-of-type(2) {}
.sec01Tit h2 {font-size: var(--font-size-30);}
.sec01Tit p {font-size: var(--font-size-24); margin-top:10px;}
.textLine .ttp_bot_slide img {width:500px;}
}


/*section02*/

#section02 {background:#f9f9f9;}
.sec02cont__tit.track_up {opacity:0;} 
.sec02cont__list li {opacity:0;}

.sec02cont__tit h2 {color:#41190c; text-align:Center; line-height:1.17em;}
.sec02cont__list {display:flex; max-width:920px;     margin: 0 auto; margin-top:60px; width:92%;}
.sec02cont__list li {width:calc((100% - 80px*2)/3); margin-right:80px; display: flex;flex-direction: column;align-items: center; position:relative;}
.sec02cont__list li:nth-of-type(1)::after {display:none;}
.sec02cont__list li:nth-of-type(3){margin-right:0;}
.sec02cont__list li::after {content:''; position:absolute; left:-40px; width:1px; height:100%; background:rgba(0,0,0, .1); top:0;}
.sec02cont__list li span {display:block; width:100%; text-align:center; background:#ffc522; color:#222222; border-radius:17.5px; padding:3px 0;}
.sec02cont__list li h4 {color:#222222; margin-top:15px;}
.sec02cont__list h4 b { visibility: hidden;  /* 애니메이션 전 숨김 */}

.sec02cont__list02 {display:flex; max-width:1320px; margin:0 auto; margin-top:50px; width:92%;} 
.sec02cont__list02 li {width:calc((100% - 45px*2)/3); margin-right:45px; border-radius:30px; overflow:hidden; box-shadow: 9px 15px 20px 2px rgba(0, 0, 0, 0.1);}
.sec02cont__list02 li figure img {width:100%;}
.sec02cont__list02 li:nth-of-type(3){margin-right:0;}

.sec02Desc {padding:48px 0; text-align:center;}
.sec02Desc p {color:#555; line-height:1.5em; margin-top:18px; word-break:keep-all;}
.sectionLine ul {display:flex; background:rgba(255,197,34, .2); align-items:center;}
.sectionLine ul li {padding:39px 0;}
.sectionLine ul li:nth-of-type(1) {background:#322114; width:580px;}
.sectionLine ul li:nth-of-type(2) {width:calc(100% - 580px); background:transparent}
.sectionLine ul li h2 {color:#fff; text-align:Center;}
.sectionLine ul li h2 em {color:#ffc522;}

.sectionLine .flowLine .ttp_bot_slide {background-color:transparent;}
.sectionLine .flowLine .ttp_bot_slide img {margin-right:80px;}


@media screen and (max-width: 1280px) {
.sectionLine ul li:nth-of-type(1) {width:290px;}
.sectionLine ul li:nth-of-type(2) {width:calc(100% - 290px);}
.sectionLine .flowLine .ttp_bot_slide img {width:1100px;}

}


@media screen and (max-width: 1080px) {
.sec02Desc h2 {font-size: var(--font-size-28);} 
.sec02Desc p {font-size: var(--font-size-16);}
.areaPd {padding:80px 0;}
.sec02cont__list h4 b {font-size: var(--font-size-40);}
}

@media screen and (max-width: 920px) {
.sec02Desc {padding:20px 0;}
.sec02cont__list02 li {    width: calc((100% - 20px* 2) / 3); margin-right:20px; }

}


@media screen and (max-width: 767px) {
.areaPd {padding:40px 0;}
.sec02cont__tit h2 {font-size:28px;}
.sec02cont__list {flex-wrap:wrap; margin-top:20px;}
.sec02cont__list li span {max-width:200px; margin:0 auto;}
.sec02cont__list02  {flex-wrap:wrap;}
.sec02cont__list li {width:100%; margin-right:0;}
.sec02cont__list li + li {margin-top:20px;}
.sec02cont__list02 li {width:100%; margin-right:0;  max-width: 350px; margin: 0 auto;}
.sec02cont__list02 li + li {margin-top:20px;}
.sec02cont__list02 li:nth-of-type(3) {margin-right:auto;}
.sectionLine ul {flex-wrap:wrap;}
.sectionLine ul li:nth-of-type(1) {width:100%;}
.sectionLine ul li:nth-of-type(2) {width:100%;}
.sectionLine ul li h2 {font-size:25px;}
.sectionLine ul li h2 em {font-size:30px;}
}



/*section03*/

#section03 {z-index:1; background:url(/img/main/sec03_bg.jpg) no-repeat center / cover; width:100%; height:100%; position:relative; padding:260px 0 135px;}
.sec03__item {position:absolute; left:0; top:0; width:100%; height:100%;}
.sec03Tit.track_up {opacity:0;}
.sec03_01 {background:url(/img/main/sec03_item01.png) no-repeat center / cover; z-index:0;}
.sec03_02 {background:url(/img/main/sec03_item02.png) no-repeat center / cover; z-index:0;}
.sec03_03 {background:url(/img/main/sec03_item03.png) no-repeat center / cover; z-index:0;}

.sec03Inner {max-width:1650px; width:92%; margin:0 auto;}
.sec03Tit {text-align:Center;}
.sec03Tit h4 {margin-top:35px; line-height:1.4em;}
.sec03__content {padding-top:230px; text-align:center; position:relative; z-index:1}

.sec03TabNav {display:flex; max-width:638px; width:100%; margin:0 auto; margin-top:60px;}
.sec03TabNav > li {width:33.33%;}
.sec03TabNav > li a {display:block; text-align:center; width:100%; color:#41190c; padding:5px 0;}
.sec03TabNav > li a.active {background:#ffc522; color:#fff;}

.sec03TabContent ul {display:flex; flex-wrap:wrap; margin-top:60px; }
.sec03TabContent ul li {padding:8px;border:1px solid #e0e0de; background:#fff; border-radius:10px; overflow:hidden; width:calc((100% - 30px*3)/4); margin-right:30px;}
.sec03TabContent ul li figure {border:1px solid rgba(131,130,130, 0.2);}
.sec03TabContent ul li figure img {width:100%;}
.sec03TabContent ul li:nth-of-type(4n) {margin-right:0;}
.sec03TabContent ul li:nth-of-type(n+5) {margin-top:30px;} 

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

}

@media screen and (max-width: 1080px) {
#section03 {padding:80px 0;}
.sec03__content {padding-top:80px;}
.sec03TabContent ul li {width:calc((100% - 15px* 3) / 4); margin-right:15px;}
}

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


}


@media screen and (max-width: 767px) {
#section03 {padding:40px 0;} 
.sec03__content {padding-top:40px;}
.sec03Tit h2{font-size:40px;}
.sec03Tit h3 {font-size:25px;}
.sec03Tit h4 {font-size:16px; margin-top:20px;}
.sec03__content h2 {font-size:40px;}
.sec03TabContent ul {margin-top:30px;}
.sec03TabContent ul li {width:calc((100% - 10px) /2 ); margin-right:10px;}
.sec03TabContent ul li:nth-of-type(2n) {margin-right:0;}
.sec03TabContent ul li:nth-of-type(n + 3) {margin-top:10px;}
.sec03TabContent ul li:nth-of-type(n+5) {margin-top:10px;} 

.sec03TabNav > li a {font-size:18px;}
}


/*section04*/

#section04 {position:relative; background:url(/img/main/sec04_bg.jpg) no-repeat center / cover; width:100%; height:100%; padding:120px 0 60px;}
#section04::after {content:''; width:100%; height:214px; bottom:0; left:0; background:#fff; position:absolute; z-index:0;}

.sec04Inner {max-width:1280px; margin:0 auto; width:92%;}

.sec04Desc.track_up {opacity:0;}
.sec04Desc {color:#fff; text-align:center;}
.sec04Desc h3{color:#ffc523; margin-top:20px}
.sec04Desc p {color:#fff; margin-top:18px;}


.sec04__content {margin-top:60px; position:relative; z-index:1;}
.sec04__content::after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:419px; height:305px; background:url(/img/main/bread_01.png) no-repeat center / cover;}
#section04.ttp_motion.on .sec04__content::after {animation:bounce-in-top 1.1s both}

.sec04_list {display:flex;}
.sec04_list li {box-shadow:4px 8px 20px 2px rgba(0, 0, 0, 0.1); display:flex; align-items:center; justify-content:center;width:calc((100% - 325px)/2); margin-right:325px; border-radius:489px; height:489px; overflow:hidden; background:#f9f6ea;}
.sec04_list li:nth-of-type(2n) {margin-right:0; border:2px solid #ffc523;}

.sec04ContBox {text-align:center;}
.sec04ContBox h2 {margin-top:10px;}
.sec04ContBox h2 {color:#fdc20d; margin:30px 0;}
.sec04ContBox span {max-width:250px; margin:0 auto; width:100%; display:block; border-radius:25px; text-align:Center; color:#fff; background:#502d1f; padding:10px;}


.sectionLine02 {padding-bottom:110px;}
.sectionLine02 .ttp_bot_slide{position:relative; background-color:#fff; overflow:hidden; height:227px;}
.sectionLine02 .ttp_bot_slide .ttp_wrap{height:100%; display:flex; align-items:center; position:absolute; left:0; top:0; animation-name:logo_motion; animation-duration:25s; animation-timing-function:linear; animation-iteration-count: infinite;}
.sectionLine02 .ttp_bot_slide img{display:block;}


@media screen and (max-width: 1420px) {
.sec04_list li {    width: calc((100% - 278px) / 2);margin-right: 278px;}

}

@media screen and (max-width: 1280px) {
.sec04_list li {border-radius:25px;}
.sec04__content::after {    width: 318px;height: 239px;}

}

@media screen and (max-width: 1080px) {
#section04 {padding:80px 0;}
.sec04_list li {height:auto; padding:40px 10px;}
.sec04ContBox h5 {font-size:18px;}
.sec04ContBox h3 {font-size:25px;}
.sec04ContBox h2 {font-size:30px;}
.sec04ContBox h2 b{font-size:30px;}
}

@media screen and (max-width: 920px) {
.sec04_list li {width: calc((100% - 150px) / 2); margin-right: 150px;}
.sec04__content::after { width: 200px;height: 153px;}
}

@media screen and (max-width: 767px) {
.sec04Desc h2 {font-size:34px;}
.sec04Desc h3 {font-size:25px;}
.sec04Desc p {font-size:16px;}
#section04 {padding:40px 0;} 
.sec04_list {flex-wrap:wrap;}
.sec04_list li {width:100%; margin-right:0;}
.sec04_list li + li {margin-top:150px;}
.sec04__content::after { width: 300px;height: 219px; }
.sectionLine02 .ttp_bot_slide img {width:2000px;}
.sectionLine02 {padding-bottom:40px;}
.sectionLine02 .ttp_bot_slide .ttp_wrap{animation-duration:10s;}
}


/*section05*/

#section05 {padding:110px 0 125px; background:#fffbf2;}
.sec05Inner {max-width:1296px; margin:0 auto; width:92%;}
.sec05_list {display:flex;}
.sec05_list .sec05Desc p {color:#555; margin-top:34px; line-height:1.4em;}
.sec05_list li:nth-of-type(1) {width:584px; padding-top:105px; box-sizing:border-box;}
.sec05_list li:nth-of-type(2) {width:calc(100% - 584px);}
.sec05_list li figure img {width:100%;}
@media screen and (max-width: 1420px) {

}

@media screen and (max-width: 1280px) {
.sec05_list li:nth-of-type(1) {width:480px;}
.sec05_list li:nth-of-type(2) {width:calc(100% - 480px);}
}

@media screen and (max-width: 1080px) {
#section05 {padding:80px 0;}
.sec05_list li:nth-of-type(1) {width:400px;}
.sec05_list li:nth-of-type(2) {width:calc(100% - 400px);}
}

@media screen and (max-width: 960px) {
.sec05_list {flex-wrap:wrap;}
.sec05_list li:nth-of-type(1) {width:100%; text-align:center; padding-top:0;}
.sec05_list li:nth-of-type(2) {width:100%; max-width: 450px; margin: 0 auto;}
}

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

}

@media screen and (max-width: 767px) {
#section05 {padding:40px 0;} 
.sec05Desc  h2 {font-size:40px;}
.sec05Desc p {font-size:16px;}
}

/*section06*/

.sec06Wrap {display:flex;}
.sec06Lt {width: calc(100% - 806px);}
.sec06Rt {padding-bottom:106px; align-items: end; display:flex; position:relative;background:url(/img/main/sec06Rt_bg.jpg) no-repeat center / cover; max-width:806px; padding-left:20px; }
.sec06Desc {position:absolute; top:106px; right:135px;}
.sec06Desc h2{color:#fff; text-align:right;}
.sec06Swip .swiper-slide figure img {display: block; width: 100%;height: 100%;object-fit: cover;}

.sec06Swip02 .swiper-slide figure {border-radius:15px; overflow:hidden;}
.sec06Swip02 .swiper-slide figure img {display: block; width: 100%;height: 100%;object-fit: cover;}
.sec06Swip02 .swiper-slide{ opacity: 0.6}


@media screen and (max-width: 1580px) {
.sec06Desc {top:56px;}
}

@media screen and (max-width: 1480px) {
.sec06Desc {top:10px; right:50px;}
.sec06Desc h2 {opacity:0.1; font-size:40px;}
.sec06Rt {padding-bottom:30px;}
}

@media screen and (max-width: 1280px) {
.sec06Lt {width: calc(100% - 640px);}
.sec06Rt {width:640px;}
}

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

.sec06Lt {width: calc(100% - 440px);}
.sec06Rt {width:440px;}

}

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

}

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

}

@media screen and (max-width: 767px) {
.sec06Lt {width: calc(100% - 350px);}
.sec06Rt {width:350px;}
}

@media screen and (max-width: 720px) {
.sec06Wrap {flex-wrap:Wrap;}
.sec06Lt {width:100%;}
.sec06Rt {width:100%; padding:20px 0;}
.sec06Desc h2 {display:none;}
}


/*section07*/
#section07 {background:#f4eece; padding:125px 0; position:relative;}
.sec07_item01 {background:url(/img/main/sec07_item01.png) no-repeat center / cover; position:absolute; left:0; top:0; width:100%; height:100%}
.sec07_item02 {background:url(/img/main/sec07_item02.png) no-repeat center / cover; position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;}
.sec07_item03 {position:absolute; left:-5%; top:50%;}
.sec07_item03 figure img {max-width:100%; z-index:0; animation: rotate_circle 15s linear 0s infinite normal;}
.sec07Inner {max-width:1280px;width:92%; margin:0 auto;}
.sectionLogo {text-align:center;}
.sec07Desc {text-align:center;}
.sec07Desc h2 {margin-top:45px;}
.sec07Desc h3{margin-top:38px; line-height:1.4em;}
.sec07Desc span {padding:8px 0;display:block; text-align:center; width:100%; max-width:350px; margin:60px auto 0 auto; border-radius:25px; background:#ffc522;}
.sec07__content { position:relative; z-index:1;background:rgba(255,255,255, .5);  border-radius:35px; padding:65px 0 65px; margin-top:47px; box-shadow: 9px 15px 20px 2px rgba(0, 0, 0, 0.1);}
.sec07__content .sec07_item_list {display:flex; justify-content:center;gap:46px; }
.sec07__content .sec07_item_list div {width:284px; height:284px; border-radius:284px; text-align:Center; padding:14px; box-sizing:border-box;}
.sec07__content .sec07_item_list div figure {flex-direction:column; display:flex; align-items:center; justify-content:end;  width:100%; height:100%; border:2px solid #fff; border-radius:50%; position:relative; padding-bottom:25px;}
.sec07__content .sec07_item_list div:nth-of-type(1) {background:#ffd881;}
.sec07__content .sec07_item_list div:nth-of-type(2) {background:#b8b5af;}
.sec07__content .sec07_item_list div:nth-of-type(3) {background:#ffd881;}
.sec07_item_list figure p {margin-top:10px;}

.sec07__content h2{color:#1b1515; line-height:0.9;}
.sec07__content h4 {color:#022222; text-align:Center; margin-bottom:60px;;}


.sec07-2Tit {margin-top:125px;}
.sec07-2Tit h2{ text-align:center;}
.sec07List {margin-top:63px; display:flex; justify-content:space-between;}
.sec07List li figure img {width:100%}


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

.sec07List {gap:40px;}

}



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

#section07 {padding:80px 0;}

}

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

.sec07__content .sec07_item_list {gap:20px;}
}

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

.sec07__content .sec07_item_list div {width:200px; height:200px; border-radius: 200px;}
}

@media screen and (max-width: 767px) {
#section07 {padding:40px 0;} 
.sec07Desc h2 {font-size:40px; margin-top:25px;}
.sec07Desc h3 {font-size:16px;}
.sec07Desc span {font-size:18px; max-width:255px;}
.sec07__content {margin-top:25px;}
.sec07__content {padding:20px;}
.sec07__content .sec07_item_list {flex-wrap:wrap;}
.sec07__content .sec07_item_list div {width:100%; border-radius:30px; max-width:380px; margin:0 auto;}
.sec07__content .sec07_item_list div figure {border-radius:30px;}
.sec07_item03 { position: absolute; left: -5%;top: 60%; width: 50%;}
.sec07-2Tit {margin-top:80px;}
.sec07List {flex-wrap:wrap;}
.sec07List li {width:100%; max-width:380px; margin:0 auto; }
.sec07_item_list figure img {width:45%;}
.sec07_item_list figure p {margin-top:0;}
.sec07_item_list div:nth-of-type(1) figure p {margin-top:0;}
.sec07_item_list div:nth-of-type(2) figure p {margin-top:0;}
.sec07_item_list div:nth-of-type(3) figure p {margin-top:5px;}
.sec07__content h2 {margin-top:10px;}
.sec07__content .sec07_item_list div figure {padding-bottom:15px;}
}


/*section08*/
#section08 {position:relative; background:url(/img/main/sec08_bg.jpg)  no-repeat center / cover; padding:125px 0 130px;}
.sec08Inner {max-width:1268px; margin:0 auto; width:92%;}
 #section08 .sec08Desc {opacity:0;} 
.sec08Desc {text-align:center;}
.sec08Desc h2 {color:#111; word-break:keep-all;}
.sec08Desc h3 {margin-top:40px; color:#222; word-break:keep-all;}
.sec08Desc h4 {margin-top:25px; color:#333333; word-break:keep-all;}
.sec08List {display:flex; align-items:center; margin-top:20px;}
.sec08List figure img {max-width:100%; display:block; margin:0 auto;}


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

#section08 {padding:80px 0;}

}

@media screen and (max-width: 767px) {
#section08 {padding:40px 0;background:url(/img/main/sec08_bg_m.jpg)  no-repeat center / cover;}
.sec08List {flex-wrap:wrap}
.sec08List li {width:100%;}
.sec08Desc h2 {font-size:40px;}
.sec08Desc h3 {font-size:23px; margin-top:20px;}
.sec08Desc h4 {font-size:16px; margin-top:15px;}
.sec08List figure img { margin:0 auto;}
}


/*section09*/

#section09 {background:#ffaa00; padding:85px 0; position:relative;}
#section09::after {content:''; position:absolute; right:0; bottom:0; width:1772px; height:219px; background:url(/img/main/sec09_item01.png) no-repeat center / cover;}
.sec09Desc h2 {line-height:1.4em;}
.sec09Inner {max-width:1650px; margin:0 auto; width:92%;}
.sec09Wrap {display:flex; gap:104px;}

#section09.ttp_motion.on .sec09__item {animation: bounce-top 0.9s ease-in both;}
.sec09__item figure img {width:100%;}

@media screen and (max-width: 1280px) {
.sec09Wrap {gap:0;}
.sec09Desc  {width:460px;}
.sec09__item {width:calc(100% - 460px);}

}

@media screen and (max-width: 767px) {
.sec09Wrap {flex-wrap:wrap;}
.sec09Desc {width:100%;}
.sec09__item {width:100%;}
.sec09__item figure{max-width:350px; margin:0 0 auto auto;}
.sec09Desc h2 {font-size:30px;}
#section09::after { width: 300px; height: 30px;}

}

#section10 {background:#f5f5f5; padding:125px 0;}
#section10 .sec10Desc {opacity:0; text-align:center;} 
.sec10Inner {max-width:1480px; width:92%; margin:0 auto;}
.sec10Desc h4 {margin-top:30px;}
.sec10__content {margin-top:70px;}
.sec10__content figure img {width:100%;}


@media screen and (max-width: 1080px) {
#section10 {padding:80px 0;}
}

@media screen and (max-width: 767px) {
#section10 {padding:40px 0;}
.sec10Desc h2{font-size:40px;}
.sec10Desc h4 {font-size:16px; margin-top:15px; word-break:keep-all; }
.sec10__content {margin-top:35px;}
}


#section11 {background:#e5dfc1;}
#section11 figure.img_box {max-width:1920px; margin: 60px auto 0 auto;}
.sec11Desc {gap:18px; flex-direction: column;display: flex;align-items: center; padding:125px 0 0px;}

@media screen and (max-width: 1080px) {
.sec11Desc {padding:80px 0 0;}
}

@media screen and (max-width: 767px) {
.sec11Desc{padding:40px 0 0;}
.sec10Desc h2{font-size:40px;}
.sec10Desc h4 {font-size:16px; margin-top:15px; line-height:1.4em;}
.sec10__content {margin-top:35px;}
}




#section12 {background:#231716; padding-bottom:135px;}

.sec12FormBox {border-radius:30px; background:rgba(255,255,255,0.10); overflow:hidden; max-width:1097px; padding:55px 80px 100px; box-sizing:border-box; margin:0 auto; }
.sec12Inner {max-width:1650px; width:92%; margin: 0 auto;}
.sec12FormBox > h2 {text-align:Center; color:#fff;}

/*문의*/
.mt34 {margin-top:34px;}
.w573{max-width:573px;}
.di_f {display:flex; align-items: end;}

.inq_box {margin:0 auto; width:100%; margin-top:35px;}
.inq_box h2 {color:#fff;}
.inq_box h2 b {color:#c2c2c2; margin-left:26px; position:relative;}
.inq_box h2 b:before {content:'';width:6px; height:6px; background:#ffc522; 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; color:#fff;}
.j_form_box label i:after {right:-13px; top:0px; position:absolute; content:''; width:6px; height:6px; background:#ffc522; 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; color:#fff;}
.j_form_box .field_box input::placeholder {font-size:16px;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%; color:#fff;}
.j_form_box .field_box textarea::placeholder {font-size:16px; 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; color:#fff;}
.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:#ffc522; color:#fff;}

.j_form_box label {color:#fff;}
.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:url('/img/icon/inq_icon.png') no-repeat center / cover; display:block; margin-right:9px; cursor:pointer; display:block;}
.agree_box input[type=checkbox]:checked + label span {background:url('/img/icon/inq_chk.png') no-repeat 50% 50%;}
.agree_box input[type=checkbox] + label b {color:#999;margin-right: 5px; cursor:pointer;}
.ag_box {margin-top:20px;}
.ag_box a {color:#fff;}
.form_btn {width:100%; height:75px; line-height:75px; text-align:center; background:#ffc522; border-radius:10px; color:#fff; margin-top:40px;}

.new_field_box {display:flex; gap:6px;}

.j_form_box.new_textare_box {align-items:unset;}
.j_form_box .field_box textarea {height:165px;}

@media screen and (max-width:767px){
.sec12FormBox {padding:15px;}
.j_form_box {flex-wrap:Wrap;}
.j_form_box label {width:100%;}
.j_radio_list {flex-wrap:wrap;}
.j_radio_list > div {width:100%;}
.j_form_box .field_box {width:100%; margin-top:10px;}
.j_form_box .field_box textarea {width:100%;}
.j_radio_list .j_radio_field {width:100%; margin-top:10px;}
.j_form_box .field_box input {width:100%;}
.inq_box {margin-top:20px;}
.form_btn {height:40px; line-height:40px; font-size:18px; margin-top:20px;}
.sec12Tit {font-size:40px; color:#fff; font-weight:700; text-align:Center; padding:40px 0;}
#section12 {padding-bottom:40px;}
}



/*--- quick_bar ---*/

.quick_bar {width:100%; background:#ffb71c; height:75px; position:fixed; bottom:0; left:0;z-index:50; }
.quick_inner {display:flex; align-items:center; height:100%;}
.quick_input_box {display:flex; align-items:center; margin-left:40px;}
.quick_input_box ul {display:flex; align-items:center; gap:10px;}
.quick_input_box li input {background:#fff;height:50px; padding:13px; box-sizing:border-box; border:1px solid #fff; color:#000; max-width:167px; border-radius:5px;}
.w176 {max-width:176px !important;}
.w225 {max-width:225px !important;}
.w167 {max-width:167px !important;}
.quick_inner {display:flex;     justify-content: space-between;}
.q_form_btn_wrap  {margin-left:22px;}
.q_form_btn_wrap button{width:150px; height:50px; display:flex; align-items:center; justify-content:center; border-radius:5px; background:#8a3b15; color:#fff; }
.q_form_btn_wrap button i {margin-left:13px;}
.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; align-items:center;}
.agree_box2 input[type=checkbox] + label span {width:24px; height:24px; display:block; border-radius:3px; background:#fff; cursor:pointer;}

.agree_box2 input[type=checkbox] + label b {margin-left:10px;}
.agree_box2 input[type=checkbox] + label a {cursor:pointer;}
.agree_box2 input[type=checkbox]:checked + label span {background:url('/img/icon/inq_chk02.png') no-repeat center / cover; width:24px; height:24px;}

.callBox {display:flex; gap:13px; margin-right:31px;}
.callBox h2 {color:#000; margin-top:8px;}

@media (max-width: 1720px){ 
	.callBox  {margin-right:10px;}
.w176 {max-width:150px !important;}
.w225 {max-width:150px !important;}
.w167 {max-width:150px !important;}
}

@media (max-width: 1550px){ 
.callBox  {margin-right:10px;}
.w176 {max-width:150px !important;}
.w225 {max-width:150px !important;}
.w167 {max-width:150px !important;}
.callBox h2 {font-size:20px;}
.callBox a {font-size:30px;}
.q_form_btn_wrap {margin-left:0;}
}

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

.quick_side {display:none; width:134px; height:134px; border-radius:134px; color:#fff; background:#ffb71c; font-weight:700; justify-content: center; font-size: 30px; align-items: center;  top:auto;bottom:50px;right: 20px; position:fixed;  box-shadow: 6px 9px 24px 0px rgba(0, 0, 0, 0.11); z-index:49;}
.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(255, 183, 28, .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.7); padding:13px; color:#000; font-weight:900;}
.pf_form_box ul li input::placeholder {color:#838383;}
.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:#fff; display:block; position:Absolute;}
.quick_btn span:nth-child(1) {transform: rotate(45deg);}
.quick_btn span:nth-child(2) {transform: rotate(-45deg);}

.pf_wrap h2 {font-size:var(--font-size-31); font-weight:700; color:#fff; margin-top:30px;}

@media screen and (max-width:1460px){
.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:19px;}
.bc_side_bar {right:-50px;}
.bc_side_bar ul li figure {width:50%;}
.quick_btn {left:0%; top:10%;}
}

@media screen and (max-width: 768px){
  .hd_pops {top:100px !important; left:30px !important;}
  .hd_pops_con {width:307px !important; height:218px !important;}
}

/*---개인정보처리방침, 이용약관 팝업 추가---*/
.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: #8a3b15;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;}
}



/*footer */
.ml19 {margin-left:19px;}
footer {background:#151515; padding:80px 0; margin-bottom:75px;}
.ftInner {max-width:775px; margin:0 auto; width:92%}
.ftInner p {color:#656565; font-size:14px; font-weight:400; text-align:Center; line-height:1.7em;}
.ftInner h4 {font-size:15px; font-weight:400; color:#5c5c5c; text-align:Center; margin-top:18px;}

@media screen and (max-width:1460px){
footer {margin-bottom:0;}
}

@media screen and (max-width:767px){
footer {padding:40px 0;}
}