/*---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=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
:root {
	/*color*/

	--color-basic:#fff;
	/*font-size*/
	--font-size-13: 0.813rem;
	--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-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_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_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){

}

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

}

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

}


/*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;}

/* 위에서 아래 */
.j_motion.top_to_bottom { transform: translateY(-25px); }
.j_motion.top_to_bottom.on { transform: translateY(0); opacity: 1; }

/* 아래에서 위 */
.j_motion.bottom_to_top { transform: translateY(25px); }
.j_motion.bottom_to_top.on { transform: translateY(0); opacity: 1; }

/* 왼쪽에서 오른쪽 */
.j_motion.left_to_right { transform: translateX(-25px); }
.j_motion.left_to_right.on { transform: translateX(0); opacity: 1; }

/* 오른쪽에서 왼쪽 */
.j_motion.right_to_left { transform: translateX(25px); }
.j_motion.right_to_left.on { transform: translateX(0); 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_01-1{transition-delay: .1s !important;}
.j_delay_01-2{transition-delay: .2s !important;}
.j_delay_01-3{transition-delay: .3s !important;}
.j_delay_01-4{transition-delay: .4s !important;}
.j_delay_01-5{transition-delay: .5s !important;}




/*color*/
	
.font_bs {color:var(--color-basic);}
/*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);}

/*--- common ---*/
.gmar_b{ font-family: 'GmarketSansBold', sans-serif;}
.gmar_m{ font-family: 'GmarketSansMedium', sans-serif;}

.j_inner {max-width:1480px; width:92%; margin:0 auto;}

.img_box {position:relative;}
.img_box img {max-width:100%; margin:0 auto; display:block;}
.pos_img {position:absolute;left:0; top:0;}

/*--- header ---*/

#j_header {height:80px; position:fixed; left:0; top;0; width:100%; z-index:90; transition:0.28s;}
#j_header.active {background:#000;}
.hd_logo {display:inline-block; height:100%; line-height:80px;}



@media screen and (max-width:767px){
.hd_logo {line-height:60px;}
.hd_logo img {width:50%;}
#j_header {height:60px;}
}


/*main*/

.mainVisual {color:#fff;width:100%; height:100vh; background:url(/img/main/mv01.jpg) no-repeat center / cover; position:relative;}
.mvDesc {text-align:center; width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.mvDesc h4 {letter-spacing:0.09em;  }
.mvDesc h4 i {padding:10px 0; border-top:1px solid rgba(255,255,255, 0.3); border-bottom:1px solid rgba(255,255,255, 0.3);}
.mvDesc h2 {margin-top:40px; line-height: 1.1em;}
.mvDesc h2 b {color:#00ff24}
.mvDesc h3 {line-height:1.3em; margin-top:45px;}
.mvDesc h3 i {position:relative;}
.mvDesc h3 i::before {content:''; position:absolute; left:-47px; top:-20px; background:url(/img/icon/main_icon01.png) no-repeat center / cover; width:47px; height:35px;z-index:1;}
.mvDesc h3 i::after {content:''; position:absolute; right:-47px; top:-20px; background:url(/img/icon/main_icon02.png) no-repeat center / cover; width:47px; height:35px; z-index:1;}
.mvDesc p {line-height:1.25em; margin-top:20px;}
.mvBtn {margin:42px auto 0 auto;justify-content:center; display:flex; align-items:center; gap:19px; width:100%; max-width:365px; height:65px; text-align:center; border-radius:5px; background:#0063ff;}
.mvBtn img {display:block;}

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

}

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

}

@media screen and (max-width:720px){
.mvDesc h2 {font-size:30px;}
.mvDesc h3 {font-size:16px; margin-top:20px;}
.mvDesc h3 i::after {width:20px; height:15px; right: -21px; top: -10px;}
.mvDesc h3 i::before {width:20px; height:15px; left: -21px; top: -10px;}
.mvDesc h4 {font-size:12px;}
.mvDesc p {font-size:20px;}
.mvBtn {font-size:14px;    max-width: 225px;height: 40px; gap:10px; margin: 22px auto 0 auto;}
.mvBtn img {width:50%;}
}


/*section01*/

.ms_01 {background:#0063ff; padding-bottom:150px;}
.ms01Content {display:flex;}
.ms01Content li {width:calc((100% - 28px*4)/5); margin-right:28px;}
.ms01Content li figure { box-shadow: -7px 7px 20px 8px rgba(0, 0, 0, 0.1); border-radius:23px; overflow:hidden;}
.ms01Content li figure img {width:100%;}
.ms01Content li:nth-of-type(5n){margin-right:0;}


@media screen and (max-width:720px){
.ms01Content {flex-wrap:Wrap;}
.ms01Content li {width:calc((100% - 20px)/2); margin-right:20px;}
.ms01Content li:nth-of-type(2n){margin-right:0;}
.ms01Content li:nth-of-type(n + 3){margin-top:20px;}
.ms_01 {padding-bottom:50px;}
}



/*section02*/

.ms_02 {background:url(/img/main/ms02_bg.jpg) no-repeat center / cover; width:100%; height:100%;}

@media screen and (max-width:720px){
.ms_02 {background:url(/img/main/ms02_bg_m.png) no-repeat center / cover; width:100%; height:100%;}
}


/*section03*/

.ms_03 {background:#f9f9f9; padding:130px 0;}
.ms03Lt {padding-left:175px; box-sizing:border-box;width:calc(100% - 1120px);}
.ms03Lt h2 i {position:relative; line-height:0;}
.ms03Lt h2 i::before {content:'';position:absolute;width:106px; height:38px; content:''; left:0; top:-52%; background:url(/img/icon/ms03_icon.png) no-repeat center /cover;}
.ms03Lt figure {margin:30px 0;}
.ms03Lt p {line-height:1.6em;}

.ms03_contentWrap {display:flex;}
.ms03Rt {width:1120px;}
.ms03Swip  {padding-bottom:20px;}
/* .ms03Swip::after {content:''; position:absolute; left:-100%; width:100%; height:100%; background:#f9f9f9; top:0;} */
.ms03Swip .swiper-slide {background:#fff; border-radius:20px; overflow:hidden;box-shadow: 18px 11px 20px 0px rgba(0, 0, 0, 0.1);}
.ms03Swip .swiper-slide figure img {width:100%;}
.ms03_descBox {text-align:Center; padding:30px 50px 28px; position:relative;}
.ms03_descBox h2 {margin-top:15px;}

.ms03_descBox h2 i {position:relative;}
.ms03_descBox h2 i::after {bottom:-5px; left:50%; transform:translateX(-50%); z-index:-1; width:0; position:absolute; content:''; background:#d4e5ff; border-radius:8.5px; height:17px; opacity:0; transition:1s;}
.ms03Swip .swiper-slide.swiper-slide-active .ms03_descBox h2 i::after  {width:100px; opacity:1;}
.ms03_descBox p {margin-top:20px;}
.ms03_circle {position:absolute; left:50%; transform:translateX(-50%); width:61px; height:61px; border-radius:61px; background:#fff; top:-30px;display: flex;align-items: center;justify-content: center;}
.ms03_circle span{display:flex; width:51px; height:51px; border-radius:51px; align-items:center; justify-content:center; background:#f1f6ff; color:#a6bcdd; letter-spacing:0.075em;}

.ms03PageBox {position:absolute; height:10px; width:100%; margin-top:37px;}
.ms03PageBox .ms03Page {width:auto; bottom:0; left:unset;}
.ms03PageBox .ms03Page .swiper-pagination-bullet {width:10px; height:10px; margin:0 5px; background:#dedede; opacity:unset;}
.ms03PageBox .ms03Page .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#00ff24;}


@media screen and (max-width:1700px){
.ms03Lt {padding-left:105px;}
}

@media screen and (max-width:1620px){
.ms03Lt {padding-left:80px;}
.ms03Lt {width:calc(100% - 990px);}
.ms03Rt {width:990px;}
}

@media screen and (max-width:1620px){
.ms03Lt {padding-left:80px;}
.ms03Lt {width:calc(100% - 820px);}
.ms03Rt {width:820px;}
.ms03_descBox {padding:25px 30px;}
}

@media screen and (max-width:1280px){
.ms03_contentWrap {flex-wrap:wrap; width: 92%;margin: 0 auto;}
.ms03Lt {width:100%; padding-left:0; text-align:center;}
.ms03Rt {width:100%; margin-top:50px;}
.ms03_descBox {padding:25px 30px;}
.ms03PageBox {margin-top:20px;}
.ms03PageBox .ms03Page {left: 50%;transform: translateX(-50%);}

}
@media screen and (max-width:767px){
.ms03_descBox {padding:25px 20px;}
.ms03Lt figure {margin:15px 0;}
.ms_03 {padding:80px 0;}


}

@media screen and (max-width:720px){
.ms03Lt h2 {font-size:30px;}
.ms03Lt h2 i::before {width:49px; height:15px;}
.ms03Lt figure img {width:60%;}
}


.ms_04 {position:relative; background:#050b26;}
.sec04content {padding-bottom:150px;}
.sec04TableWrap { max-width:1290px; margin:0 auto; border-radius:10px; overflow:hidden;}
.sec04Table {width:100%;}
.sec04Table thead {background:#0b3e8e;}
.sec04Table thead th {text-align:center; font-size:var(--font-size-20); font-weight:700; color:#fff;padding:18px; word-break:keep-all;}
.sec04Table thead th:nth-of-type(1) {width:16%;}
.sec04Table thead th:nth-of-type(2) {width:20%;}
.sec04Table thead th:nth-of-type(3) {width:14%;}
.sec04Table thead th:nth-of-type(4) {width:20%;}
.sec04Table thead th:nth-of-type(5) {width:30%;}

.sec04Table tbody tr td {text-align:center; color:#fff; font-size:var(--font-size-18); font-weight:500;padding:18px; position:relative; word-break:keep-all;}
.sec04Table tbody tr {position:relative;}
.sec04Table tbody tr::after {content:''; position:absolute; width:calc(100% - 30px); left:50%; bottom:0; transform:translateX(-50%); background:rgba(255,255,255,0.2); height:1px;}

.sec04Table tbody tr td:nth-of-type(1) {width:16%;} 
.sec04Table tbody tr td:nth-of-type(2) {width:20%;} 
.sec04Table tbody tr td:nth-of-type(3) {width:14%;} 
.sec04Table tbody tr td:nth-of-type(4) {width:20%;} 
.sec04Table tbody tr td:nth-of-type(5) {width:30%;} 

.sec04Table tbody {display:block; max-height:278px; overflow-y:scroll; background:rgba(255,255,255, 0.11); min-width:720px;}
.sec04Table tbody::-webkit-scrollbar {width:8px;}
.sec04Table tbody::-webkit-scrollbar-thumb {border-radius:10px; min-height:60px; background:rgba(255,255,255,0.3); }
.sec04Table tbody::-webkit-scrollbar-track {background:transparent;}
.sec04Table thead, .sec04Table tbody tr {display: table;width: 100%;}

.sec04TableWrap::-webkit-scrollbar {width:8px;} 
.sec04TableWrap::-webkit-scrollbar-thumb {border-radius:10px; min-height:60px; background:rgba(255,255,255,0.3); }
.sec04TableWrap::-webkit-scrollbar-track {background:transparent;}

@media screen and (max-width:1020px){
.sec04Table thead th {padding:10px;}
.sec04Table tbody tr td {padding:10px;}
}

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

.sec04Table thead th {font-size:15px; padding:5px;}
.sec04Table tbody tr td {font-size:14px; padding:5px;}
.sec04content {padding-bottom:80px;}
}


.ms_05 {padding:150px 0; background:url(/img/main/ms05_bg.jpg) no-repeat center / cover; width:100%; position:relative;}
.ms_05::after {content:'';}
.msformTit {text-align:center;}
.msformTit p {line-height:1.6em; margin-top:30px;}

/*msform*/

.msformContent {max-width:511px; margin:50px auto 0 auto; width:92%;}
.msformBox {display:flex; flex-direction: column; gap:20px; width:100%;}
.msformBox li {width:100%;}
.msformBox li input {width:100%;padding:0px 24px; font-size:var(--font-size-20); font-weight:700; border-radius:5px; height:55px; line-height:55px; background:#fff;}
.msformBox li input::placeholder {color:#0063ff; font-weight:700;}
.msformBox .j_form_btn {width:100%; text-align:Center; background:#0063ff; border-radius:5px; color:#fff; font-size:var(--font-size-24); font-weight:700; height:65px; line-height:65px; }
.mainAgree {margin-top:22px;}

.mainAgree input[type=checkbox] + label {display:flex; align-items:center;}
.mainAgree input[type=checkbox] + label span {width:20px; height:20px; display:block; border-radius:3px; border:1px solid #d7d7d7; cursor:pointer; background:#fff;}

.mainAgree input[type=checkbox] + label b {margin-left:7px; margin-right:7px;}
.mainAgree input[type=checkbox] + label a {cursor:pointer;}
.mainAgree input[type=checkbox]:checked + label span {background:url(/img/icon/form_chk_new.png) no-repeat center / cover; width:20px; height:20px; border:none;}
.mainAgree .form_chk_box {display:none;}


@media screen and (max-width:767px){
.msformBox li input {height:45px; }
.msformBox {gap:15px;}
.msformBox .j_form_btn {height:45px; line-height:45px;}
.msformContent {margin: 30px auto 0 auto;}
}

@media screen and (max-width:720px){
.ms_05 {padding:50px 0;}
.msformTit h2 {font-size:23px;}
}






/*footer*/
.ml26 {margin-left:26px; position:relative;}
.ml26::after {content:''; position:absolute; left:-15px; top:50%; transform:translateY(-50%); width:1px; height:15px; background:#999999;}
footer {padding:80px 0; margin-bottom:80px;}
.ft_top {display:flex; justify-content:space-between;}
.ft_link {display:flex; gap:34px;}
.ft_bot p {color:#999; line-height:1.875em;}
.copy_p {margin-top:36px;}


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


@media screen and (max-width:1020px){
.ft_top {flex-wrap:wrap; flex-direction: column-reverse; gap:20px; }
.ft_bot {margin-top:20px;}
.ft_link {width:100%;}
footer {padding:80px 0; margin-bottom:80px;}
}




@media screen and (max-width:767px){
.ml26 {margin-left:13px;}
.ml26::after {display:none;}
.ml76 {margin-left:0; !important;}
footer {margin-bottom:100px;}
}

@media screen and (max-width:720px){
footer {padding:50px 0;}
.ft_top { gap:25px; }
.ft_bot {margin-top:10px;}
.ft_link {width:100%;}
.ml26 {margin-left:13px;}
.ml26::after {display:none;}
.ml0 {margin-left:0 !important;}
.copy_p {margin-top:18px;}
.ft_logo img{ width:30%;}
}





/*--- quick_bar ---*/

.quick_bar {width:100%; background:#00f022;position:fixed; bottom:0; left:0;z-index:50; height:80px; }
.qucik_lt {display:flex; gap:16px; align-items:center;}
.quick_input_box {display:flex; align-items:center; height:100%;}
.quick_input_box .q_input_wrap {display:flex;gap:9px; align-items: center;}
.quick_input_box .q_input_wrap input {height:50px; padding:0 13px; box-sizing:border-box; border:1px solid #fff; color:#000; max-width:240px; border-radius:5px; background:#fff;}
.q_lt_input {display: flex;gap: 16px;align-items: center;}
.q_lt_input div input::placeholder {color:#999; font-weight:500;}
.quick_inner {display:flex; justify-content: space-between; height:100%;}

.q_form_btn_wrap button{width:240px; height:55px; display:flex; align-items:center; justify-content:center; border-radius:5px; line-height:55px; background:#000; 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:20px; height:20px; display:block; border-radius:3px; border:1px solid #d7d7d7; cursor:pointer; background:#fff;}

.agree_box2 input[type=checkbox] + label b {margin-left:7px; margin-right:7px;}
.agree_box2 input[type=checkbox] + label a {cursor:pointer;}
.agree_box2 input[type=checkbox]:checked + label span {background:url(/img/icon/form_chk_new.png) no-repeat center / cover; width:20px; height:20px; border:none;}

.callBox {display:flex; align-items:center; gap:13px; margin-right:57px;}
.callBox a {display:flex; align-items:center; gap:15px; }
.callBox h2 {color:#fff; margin-top:8px;}
.mr17 {margin-right:17px;}
.mo_call {display:none;}

@media screen and (max-width:1420px){
.qucik_lt h2 {font-size:20px;}
.quick_input_box .q_input_wrap input {max-width:150px;}
.q_form_btn_wrap button {width:150px; font-size:15px;}
}

@media screen and (max-width:1140px){
.qucik_lt {gap:8px;}
.quick_logo {width:25%;}
.quick_logo img {width:100%;}
.qucik_lt h2 {font-size:18px;}
}

@media screen and (max-width:1080px){
.quick_input_box .q_input_wrap input {max-width:120px;}
.q_form_btn_wrap button {width:120px; font-size:13px;}
}

@media screen and (max-width:1020px){
.quick_input_box .q_input_wrap input {height:40px;}
.q_form_btn_wrap button {height:40px;}
.qucik_lt {flex-wrap:wrap; width:100%; justify-content: center;}
.quick_inner {    flex-wrap: wrap; justify-content: center;}
.quick_logo {display:none;}

}

@media screen and (max-width:720px){
.quick_bar {height: auto;padding:10px 0;}
.q_lt_input {gap:5px;}
.qucik_lt h2 {font-size:14px;}
.quick_input_box .q_input_wrap {flex-wrap:wrap;}
.q_form_btn_wrap button {width:100%;}
.q_lt_input {width:100%; margin-top:5px;}
.quick_input_box {width:100%; height:auto;}
.quick_input_box .q_input_wrap {gap:5px;}
.q_form_btn_wrap {width:100%;}
.quick_input_box .q_input_wrap input {width:100%; max-width:none;}
.q_lt_input div {width:100%;}
.agree_box2 input[type=checkbox] + label span {width:12px; height:12px;}
}




/* add_pop */
.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: #00f022;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;}
}

/*side*/

.side_menu {position:fixed; right:50px; top:50%; width:201px; z-index:90; transform:translateY(-50%);}
.side_menu>ul { display:flex; flex-direction: column; gap:10px;}
.side_menu>ul>li>a {display:block;}
.side_menu>ul>li>a img {width:100%;}

/* admin menu */
.side_menu>ul>li.b_adm_list a{display:flex; align-items: center; justify-content: center; color:#fff; width:120px; height:40px; border-radius:6px; text-align:center; background-color:#111; border:1px solid #666;  margin: 0 0 auto auto; }

@media screen and (max-width:767px){
.side_menu>ul>li.b_adm_list a {width:80px;}
.side_menu {width:120px; right:3px; top:65%;}
}

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

}



/*formPop*/

#add_wrap_03 {display:none; z-index:9998; background: rgba(0, 0, 0, .7);}
#add_wrap_03 .add_pop_inner {max-width:450px; height:590px;position:relative; overflow:unset;}
#add_wrap_03 .add_pop_con {height:calc(100% - 86px); padding:43px 40px; box-sizing:border-box; overflow:unset;  border-radius:25px 25px 0 0; /* box-shadow: 15px 20px 20px 2px rgba(0, 0, 0, 0.1); */}
#add_wrap_03 .add_pop_close {position:absolute; right:20px; top:20px;}
#add_wrap_03.add_pop_wrap * {color:#000;}
.popBtn {width:100%; background:#0063ff; border-radius:0 0 25px 25px; overflow:hidden; position:absolute; bottom:0; left:0; height:86px; width:100%; text-align:center; line-height:86px; color:#fff !important; font-size:var(--font-size-24); font-weight:700;}
.popFormTit {text-align:center;}
.popFormTit h2 {margin-top:13px;}
.popFormTxt {margin-top:50px;}
.newPopForm {margin-top:50px;}
.form_item .form_area {display:flex;}
.form_item .form_area:nth-of-type(1) {display:none;}
.form_item .form_area:nth-of-type(2) {display:none;}
#add_wrap_03 .mainAgree {display:none;}
.form_item .form_area label {width:82px; color:#0063ff !important; font-size:var(--font-size-16); font-weight:700; display:block;}
.form_item .form_area input {width:calc(100% - 82px); padding-bottom:10px; border-bottom:1px solid #000;}
.form_item .form_area input::placeholder {color:#7e7e7e; font-size:var(--font-size-15); font-weight:400;}
.form_item .form_area + .form_area {margin-top:30px;}



#add_wrap_03 .mainAgree input[type=checkbox] + label {    justify-content: flex-end;}
.form_pop_close {position:absolute; right: -45px;top: -22px; width:40px; height:40px;}

@media screen and (max-width:720px){
#add_wrap_03 .add_pop_con {padding:40px 20px;}
.form_pop_close {    right: 0px;top: 0px;}

.form_pop_close img {width:70%;}
#add_wrap_03 .add_pop_inner {height:550px; }
.popBtn {height:60px; line-height:60px; border-radius:0 0 15px 15px;}
#add_wrap_03 .add_pop_con {height:calc(100% - 60px); border-radius:15px 15px 0 0; }
}