html::-webkit-scrollbar { background-color: #ddd; overflow:hidden;border-radius:10px; width: 10px; }
html::-webkit-scrollbar-button {display:none;}
html::-webkit-scrollbar-thumb {background-color: #333;border-radius:10px; }
html::-webkit-scrollbar-track {border-radius:10px;}

/* 문의하기, top 버튼 */
.contact_icon_wrap { opacity: 0; position: fixed; bottom: 140px; right: 80px; cursor: pointer;z-index: 9996;  transition: 0.3s; transition-delay: 0.3s;  transform: translateX(10px);}
.contact_icon_wrap.on { opacity: 1;}
.contact_icon_wrap .contact_btn_pt { display: none;transition: 0.3s; font-size: 1.2rem; color: #fff; padding: 10px 15px; border-radius: 20px; background: #ef7b1b; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.contact_icon_wrap .contact_btn_pt.on { display: block;}
.contact_icon_wrap .contact_btn_pt img { width: 30px;}
.contact_icon_wrap:hover .contact_btn_pt { transform:translateY(-10px);}
.top_btn_wrap {opacity: 0; transition: 0.3s; transition-delay: 0.3s;}
.top_btn_wrap.on {opacity: 1;}
#top_btn { /*opacity: 0; */ display: none;  background: #fff; color:#ef7b1b; font-weight: 700; border-radius: 50%;  position:fixed; transition:0.2s;bottom:70px;right:80px;width:50px;height:50px;border:none;text-align:center; font-size:1rem;z-index:90; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
#top_btn:hover{transform:translateY(-10px); color:#555;}
#top_btn.on {  opacity: 1; display: block;}


.point_clr { color: #0bb37f;}

	/* nav */
.fixed_nav { position: fixed; right: 100px; top: 6%; opacity: 0; transition: 0.3s;}
.fixed_nav.active { opacity: 1; z-index: 9997;}
.fixed_nav ul:before { content: ''; position: absolute; top: 4px; right: -25px; width: 2px; height: 189px; background: #dbdcdc;}
.fixed_nav ul li { margin: 15px 0; cursor: pointer;} 
.fixed_nav ul li {  color: #b5b5b5; width: 66px; text-align: right; font-size: 16px;}
.fixed_nav ul li.on { color: #ef7b1b;}
.fixed_nav ul li:hover,
.fixed_nav ul li.on{ font-weight: 700;}
.fixed_nav ul li:after { content: ''; background:#dcdddd;width: 10px; height: 10px; border-radius: 50%;position: absolute; top: 0; right: -29px; }
.fixed_nav ul li:nth-child(1):after {top: 4px;}
.fixed_nav ul li:nth-child(2):after {top: 40px;}
.fixed_nav ul li:nth-child(3):after {top: 77px;}
.fixed_nav ul li:nth-child(4):after {top: 112px;}
.fixed_nav ul li:nth-child(5):after {top: 148px;}
.fixed_nav ul li:nth-child(6):after {top: 184px;}
.fixed_nav ul .hover_line { transition: 0.3s; position: absolute; top: 0; right: -36px; border-radius: 50%; border: 3px solid #ffd5b2; padding: 4px;}
.fixed_nav ul .hover_line p { width: 10px; height: 10px; background: #ef7b1b; border-radius: 50%;}
.fixed_nav ul li:nth-child(1) {margin-top:0;}
.fixed_nav ul li:nth-last-child(2) {margin-bottom:0;}
.fixed_nav ul li:nth-child(1).on ~ .hover_line { top: 0;}
.fixed_nav ul li:nth-child(2).on ~ .hover_line { top: 33px;}
.fixed_nav ul li:nth-child(3).on ~ .hover_line { top: 70px;}
.fixed_nav ul li:nth-child(4).on ~ .hover_line { top: 105px;}
.fixed_nav ul li:nth-child(5).on ~ .hover_line { top: 141px;}
.fixed_nav ul li:nth-child(6).on ~ .hover_line { top: 177px;}


@keyframes main_on_up {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes main_on {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

#main_banner { background: url(/img/main_bg.png) no-repeat; background-position-x: center; overflow: hidden;}
#main_banner .inner { width: 100%; max-width: 1230px;  padding: 50px 15px 0; margin: 0 auto; display: flex; flex-direction: column; justify-content: flex-end; align-items: center;}
#main_banner .inner .text_wrap { text-align: center; margin-bottom: 15px; }
#main_banner .inner .text_wrap p:nth-child(1) {  opacity: 0;animation:main_on 0.5s forwards; animation-delay: 0.3s;font-size: 1.8rem; font-weight: 600; margin-bottom: 15px; line-height: 1.2;}
#main_banner .inner .text_wrap p:nth-child(2) {  opacity: 0;animation:main_on_up 0.5s forwards; animation-delay: 1s; animation-duration: 1s;font-family: 'TheJamsil'; font-size: 3.2rem; line-height: 1.1;}
#main_banner .inner .text_wrap p:nth-child(2) span { font-family: 'TheJamsil';}
#main_banner .inner .img_wrap { text-align:center; padding-left: 57px; opacity: 0; animation:main_on_up 0.5s forwards; animation-delay: 1.5s;animation-duration: 1s}
#main_banner .inner .img_wrap img { width: 100%; max-width: 741px;}

#count_contain {background: #f3f7fa; padding: 65px 0;}
#count_contain .inner { width: 100%; max-width: 1230px; padding: 0 15px; margin: 0 auto; display: flex; justify-content:space-between;}
#count_contain .inner .left { width: 53%; display: flex; flex-direction: column; justify-content: space-between;}
#count_contain .inner .left .text_wrap { padding-top: 30px;}
#count_contain .inner .left .text_wrap p:nth-child(1) { font-size: 1.5rem; font-weight: 600; margin-bottom: 5px;}
#count_contain .inner .left .text_wrap p:nth-child(2) { font-size: 2.3rem; font-weight: 700; line-height: 1;}
#count_contain .inner .left .side { display: flex; justify-content: space-between; flex-wrap: wrap;}
#count_contain .inner .left .side li { width: 49%; margin: 15px 0 0; padding: 17px 0; background: #fff; border-radius: 15px; border: 1px solid #ddd; display: flex; justify-content:center; align-items:center;}
#count_contain .inner .left .side li p { font-size: 1.2rem; margin-right: 8px; font-weight: 600; width: 55%; text-align: center;}
#count_contain .inner .left .side li h3 { font-weight: 700; width: 25%; text-align: center;}
#count_contain .inner .left .side li:nth-child(1) h3 { color:#348bca;}
#count_contain .inner .left .side li:nth-child(2) h3 { color:#ec47a1;}
#count_contain .inner .left .side li:nth-child(3) h3 { color:#23b485;}
#count_contain .inner .left .side li:nth-child(4) h3 { color:#f9b94c;}
#count_contain .inner .right { width: 44%;}
#count_contain .inner .right img { width: 100%;}


#info_contain { padding: 100px 0;}
#info_contain .inner { width: 100%; max-width: 1230px; margin: 0 auto; padding: 0 15px;}
#info_contain .inner .tit_wrap { text-align:center;}
#info_contain .inner .tit_wrap .sub { font-size: 1.5rem; font-weight: 600; color: #444;}
#info_contain .inner .tit_wrap .tit { font-size: 2.3rem; font-weight: 700;}
#info_contain .inner ul { display: flex; justify-content:space-between;margin-top: 80px;}
#info_contain .inner ul li { width: 24%;padding: 20px 20px 40px; color: #fff; background:#bdbdbd;transition: 0.6s; }
#info_contain .inner ul li > span { border-bottom: 1px solid #ddd; padding-bottom:10px; font-size: 1.7rem;}
#info_contain .inner ul li p:nth-child(2) { margin-top:30px; font-size: 1.3rem; height: 54px; display: flex; align-items: center; font-weight: 700;}
#info_contain .inner ul li p:nth-child(3) { margin-top:30px; font-size: 1.3rem;}

#info_contain .inner ul li p .text_bold { position: relative;font-weight: 700; color: #f7f700;}
#info_contain .inner ul li:nth-child(1) p .text_bold:before {     content: '';
    background: url(/img/content2_img_1.png) no-repeat;
    background-size: cover;
    width: 150px;
    height: 45px;
    position: absolute;
    left: -24px;
    top: -7px;
    opacity: 73%; }
#info_contain .inner ul li:nth-child(2) p .text_bold:before {     content: '';
    background: url(/img/content2_img_2.png) no-repeat;
    background-size: cover;
    width: 150px;
    height: 45px;
    position: absolute;
    left: 41px;
    top: 4px;
    opacity: 73%; }
#info_contain .inner ul li:nth-child(3) p .text_bold:before {     content: '';
    background: url(/img/content2_img_3.png) no-repeat;
    background-size: cover;
    width: 70px;
    height: 40px;
    position: absolute;
    right: -60px;
    top: 23px;
    opacity: 73%; }
#info_contain .inner ul li:nth-child(4) p .text_bold:before {     content: '';
    background: url(/img/content2_img_4.png) no-repeat;
    background-size: cover;
    width: 26px;
    height: 20px;
    position: absolute;
    right: -22px;
    top: -14px;
    opacity: 73%; }
#info_contain .inner ul li:nth-child(1) { }
#info_contain .inner ul li:nth-child(2) { transition-delay: 0.5s;}
#info_contain .inner ul li:nth-child(3) { transition-delay: 1s;}
#info_contain .inner ul li:nth-child(4) { transition-delay: 1.5s;}

#info_contain .inner ul li.on:nth-child(1) { background: #348bca;}
#info_contain .inner ul li.on:nth-child(2) { background: #f05b78;}
#info_contain .inner ul li.on:nth-child(3) { background: #23b485;}
#info_contain .inner ul li.on:nth-child(4) { background: #f1ae3c;}



#partner_contain { width: 100%; background: #f5f5f5;overflow: hidden;}
#partner_contain .inner { width: 100%; max-width:1230px; padding: 100px 15px; margin: 0 auto;}
#partner_contain .inner .tit_wrap { text-align:center;}
#partner_contain .inner .tit_wrap .sub { font-size: 1.5rem; font-weight: 600; color: #444;}
#partner_contain .inner .tit_wrap .tit { color: ; font-size: 2.3rem; font-weight: 700;}
#partner_contain .inner .btn_wrap { margin: 60px auto; text-align: center;}
#partner_contain .inner .btn_wrap span { background: none; color:#22bc8f; padding: 8px 30px; font-size: 1.3rem; cursor: pointer; margin: 0 10px; border-radius: 30px; border: 2px solid #14b877;}
#partner_contain .inner .btn_wrap span.on,
#partner_contain .inner .btn_wrap span.on:hover { font-weight: 700;color: #fff; background: linear-gradient(90deg, #1bb67f, #65ce7b); border: 2px solid #65ce7b;}
#partner_contain .inner .btn_wrap span:hover {  font-weight: 700;}
#partner_contain .inner .swiper { overflow: visible; width: 100%;}
#partner_contain .inner .swiper .swiper-slide {  overflow: hidden; filter: opacity(65%); display: flex; justify-content:space-around;}
#partner_contain .inner .swiper .swiper-slide-active { filter: opacity(100%); }
#partner_contain .inner .swiper .swiper-slide .img_wrap { width: 160px; height: 160px; margin: 0 5px;background: #fff; border-radius: 50%; display: flex;  align-items: center;  overflow: hidden;}
#partner_contain .inner .swiper .swiper-slide .img_wrap img { width: 100%; }
#partner_contain .inner .swiper .swiper-button-prev { left: var(--swiper-navigation-sides-offset,-20px);}
#partner_contain .inner .swiper .swiper-button-next { right: var(--swiper-navigation-sides-offset,-20px);}
#partner_contain .inner .swiper .swiper-button-prev,
#partner_contain .inner .swiper .swiper-button-next { background:#cbc9c866; width: 50px; height: 50px; line-height: 50px; border-radius:50%;}
#partner_contain .inner .swiper .swiper-button-prev:after,
#partner_contain .inner .swiper .swiper-button-next:after { font-size: 2rem; text-align:center; color: #fff;}

#partner_contain .inner ul { position: relative; width: 100%;}
#partner_contain .inner ul li { position: ;display: none; justify-content:center; flex-wrap: wrap;transition: 0.3s;}
#partner_contain .inner ul li.circ {}
#partner_contain .inner ul li .img_wrap { background: #fff;}
#partner_contain .inner ul li.on {display: flex; position: unset;}


#result_contain { }
#result_contain .inner { width: 100%; max-width:1230px; padding: 100px 15px 140px; margin: 0 auto; overflow: hidden;}
#result_contain .inner .tit_wrap { text-align:center; }
#result_contain .inner .tit_wrap p.tit { font-size: 2.4rem; font-weight: 700; margin-bottom: 15px;}
#result_contain .inner .tit_wrap p.info { font-size: 1.4rem; font-weight: 600; }
#result_contain .inner ul { margin-top: 80px;}
#result_contain .inner ul li { display: flex; justify-content:space-between; align-items: center;}
#result_contain .inner ul li img { max-width: 570px; width: 49%;     animation-delay: 0.8s;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
#result_contain .inner ul li:nth-child(1) img { transform: rotate(5deg); }
#result_contain .inner ul li:nth-child(2) img { transform: rotate(-5deg); }
#result_contain .inner ul li:nth-child(3) img { transform: rotate(5deg); }
#result_contain .inner ul li .text_wrap { width: 48%; padding-left: 125px; position: relative;}
#result_contain .inner ul li:nth-child(1) .text_wrap:before { content:''; width: 150px; height: 150px; position: absolute; top:20%; left: 0; transform: translateY(-50%); background: url(/img/content5_icon_1.png); background-size: contain; opacity: 20%;}
#result_contain .inner ul li:nth-child(2) .text_wrap:before { content:''; width: 150px; height: 150px; position: absolute; top:20%; left: 0; transform: translateY(-50%); background: url(/img/content5_icon_2.png); background-size: contain; opacity: 20%;}
#result_contain .inner ul li:nth-child(3) .text_wrap:before { content:''; width: 150px; height: 150px; position: absolute; top:20%; left: 0; transform: translateY(-50%); background: url(/img/content5_icon_3.png); background-size: contain; opacity: 20%;}
#result_contain .inner ul li .text_wrap p.tit { font-size: 2.2rem; border-bottom: 1px solid #888; font-weight: 700; padding-bottom: 15px; margin-bottom: 15px; width: 80%;}
#result_contain .inner ul li .text_wrap p.info { font-size: 1.5rem; font-weight: 600; color: #555;}


#marketing_contain { padding: 100px 0; background: #e5efe8;}
#marketing_contain .inner { width: 100%; max-width:1230px; margin: 0 auto; padding: 0 15px;}
#marketing_contain .inner .tit_wrap { text-align:center; }
#marketing_contain .inner .tit_wrap p.tit { font-size: 2.4rem; font-weight: 700; margin-bottom: 15px; line-height: 1.1;}
#marketing_contain .inner ul { display: flex; justify-content: space-between; height: 500px;}
#marketing_contain .inner ul li { width: 33%; position: relative;}
#marketing_contain .inner ul li > * { position: absolute;}
#marketing_contain .inner ul li.media_wrap,
#marketing_contain .inner ul li.customers { background: url(/img/content5_bg.png) no-repeat; background-size: cover;}
#marketing_contain .inner ul li.media_wrap > img:nth-child(1) { top: 0; left: 0; width: 3.75rem; }
#marketing_contain .inner ul li.media_wrap > img:nth-child(2) { top: 6.25rem; right: 1.25rem; width: 3.75rem}
#marketing_contain .inner ul li.media_wrap > img:nth-child(3) { top: 25.75rem; left: 1.5rem; width: 3.75rem}
#marketing_contain .inner ul li.media_wrap * img { width:6.25rem;}
#marketing_contain .inner ul li.media_wrap .img_wrap { width: fit-content; transition:1s; opacity: 0; padding: 0.5rem 1.875rem; border-radius: 30px; background: #fff;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; top: 50%; right: -70%;}
#marketing_contain .inner ul li.media_wrap .img_wrap.on { opacity: 1;}
#marketing_contain .inner ul li.media_wrap .ig img { width: 5rem;}
#marketing_contain .inner ul li.media_wrap .kk img { width: 5rem;}
#marketing_contain .inner ul li.media_wrap .tt img { width: 5rem;}
#marketing_contain .inner ul li.media_wrap .no img { width: 5rem;}

#marketing_contain .inner ul li.media_wrap .nv.on { top: 6.5rem; right: 11rem; }
#marketing_contain .inner ul li.media_wrap .fb.on { top: 24.8rem; right: 1.625rem; }
#marketing_contain .inner ul li.media_wrap .gg.on { top: 21rem; right: 14rem; }
#marketing_contain .inner ul li.media_wrap .ig.on { top: 18.75rem; right: 0; }
#marketing_contain .inner ul li.media_wrap .kk.on { top: 11.8rem; right: 4.375rem; }
#marketing_contain .inner ul li.media_wrap .tt.on { top: 15.5rem; right: 14rem; }
#marketing_contain .inner ul li.media_wrap .no.on { top: 2rem; right: 4.375rem; }

#marketing_contain .inner ul li.showm img { top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 315px; z-index: 10;} 
#marketing_contain .inner ul li.customers img:nth-child(1) { top: 5rem; left: 0rem; width: 3.75rem; }
#marketing_contain .inner ul li.customers img:nth-child(2) { top: 0rem; right: 3.125rem; width: 3.75rem; }
#marketing_contain .inner ul li.customers img:nth-child(3) { top: 26.25rem; right: 3.125rem; width: 3.75rem; }
#marketing_contain .inner ul li.customers .word { font-family: 'TheJamsil'; opacity: 0;background: #fff; border-radius: 30px; padding: 0.3rem 1.875rem;font-weight: 400; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; top: 50%; left: -70%; transition: 1s; transition-delay: 1s;}
#marketing_contain .inner ul li.customers .word.on { opacity: 1;}
#marketing_contain .inner ul li.customers .word:nth-of-type(1) { color: #faba4d;}
#marketing_contain .inner ul li.customers .word:nth-of-type(2) { font-size: 1.7rem; padding: 0.5rem 3.125rem; color: #348ccb;}
#marketing_contain .inner ul li.customers .word:nth-of-type(3) { color: #23b586; font-size: 1.5rem; padding: 0.3rem 2.5rem;}
#marketing_contain .inner ul li.customers .word:nth-of-type(4) { color: #f15f7b; font-size: 1.2rem; padding: 0.3rem 2.5rem;}
#marketing_contain .inner ul li.customers .word:nth-of-type(5) { color: #947369; font-size: 1.2rem; padding: 0.3rem 1.5rem;}
#marketing_contain .inner ul li.customers .word:nth-of-type(6) { font-size: 1.7rem; padding: 0.5rem 3.125rem; color: #ed409f;}
#marketing_contain .inner ul li.customers .word:nth-of-type(7) { font-size: 1.7rem; padding: 0.5rem 3.125rem; color: #caa9d1;}

#marketing_contain .inner ul li.customers .word.on:nth-of-type(1) { top:2.5rem; left: 5.625rem; }
#marketing_contain .inner ul li.customers .word.on:nth-of-type(2) { top: 6.25rem; left: 9.375rem;}
#marketing_contain .inner ul li.customers .word.on:nth-of-type(3) { top: 11rem; left: 2.5rem; }
#marketing_contain .inner ul li.customers .word.on:nth-of-type(4) { top: 13.125rem; left: 13.5rem;}
#marketing_contain .inner ul li.customers .word.on:nth-of-type(5) { top: 16.8rem; left: 1.25rem; }
#marketing_contain .inner ul li.customers .word.on:nth-of-type(6) { top: 18.125rem; left:10rem;}
#marketing_contain .inner ul li.customers .word.on:nth-of-type(7) { top: 23.75rem; left: 3.125rem;}



#news_contain { width: 100%; }
#news_contain .inner { width: 100%; max-width:1230px; padding: 100px 15px 70px; margin: 0 auto; position: relative;}
#news_contain .inner .tit_wrap .tit { color: #333; font-size: 2.3rem; font-weight: 700; padding: 20px 0; border-bottom: 1px solid #555;}
#news_contain .inner .adm_bnt {top: 70px; background:#ddd;}


#link_contain {}
#link_contain .inner { max-width: 1230px; width: 100%; margin: 0 auto; padding: 0 15px 100px; }
#link_contain .inner ul { display: flex; justify-content: center;}
#link_contain .inner ul li { width: 30%; margin: 0 8px; border: 1px solid #ddd; border-radius: 10px; transition: 0.3s;}
#link_contain .inner ul li:hover {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
#link_contain .inner ul li a { padding: 15px 25px; display: flex; justify-content: space-between; align-items: center;}
#link_contain .inner ul li a .text_wrap p { font-size: 1.3rem; font-weight: 600; margin-bottom: 8px;}
#link_contain .inner ul li a .text_wrap span { color: #888; padding: 3px 13px 3px 5px; border-bottom: 1px solid #aaa; position: relative;}
#link_contain .inner ul li a .text_wrap span:after { content: ''; position: absolute; width: 10px; height: 1px; transform: rotate(45deg); bottom:3px; right: -1px; background: #aaa;}
#link_contain .inner ul li a .img_wrap img { width: 70px; transition: 0.3s;}
#link_contain .inner ul li:hover a .img_wrap img { filter: drop-shadow(2px 2px 2px #dfdfdf);}

#contact_contain { background:#eef2e4;}
#contact_contain .inner { max-width: 1230px; width: 100%; margin: 0 auto; padding: 0 15px 70px; position: relative; z-index: 1;display: flex; justify-content: space-between;}
#contact_contain .inner .text_wrap { position: relative;}
#contact_contain .inner .text_wrap .tit { position: absolute; top: 2px; left: 50%; transform: translateX(-50%); font-size: 8rem; color: #dfe3cf; font-weight:900; z-index: -1;line-height: 0.7;}
#contact_contain .inner .text_wrap .info { padding:85px 0; text-align: center; font-size: 2.5rem; font-weight: 900;}
#contact_contain #bg_wrap_sct5 { padding: 95px 0 0; width: 57%;}
#contact_contain #bg_wrap_sct5 .form-group:nth-child(2) { margin-bottom: 100px;}
#contact_contain #bg_wrap_sct5 .form-group:nth-child(3) { margin-bottom: 70px;}
#contact_contain #bg_wrap_sct5 .form-group ul.btn_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 35px; margin: 30px 0; position: relative;}
#contact_contain #bg_wrap_sct5 .form-group ul.btn_wrap li { width: 19%; } 
#contact_contain #bg_wrap_sct5 .form-group .form_tit { font-size: 1.5rem;font-weight: 600; margin-bottom: 30px;}
#contact_contain #bg_wrap_sct5 .form-group .form_tit span { color: #80a51f; font-weight: 700;}
#contact_contain #bg_wrap_sct5 .form-group ul.btn_wrap li input[type="radio"] { display: none;}
#contact_contain #bg_wrap_sct5 .form-group ul.btn_wrap li label { border: 1px solid #888; transition: 0.2s; background: #fff; border-radius: 30px; padding: 9px 10px; font-size: 1.3rem; line-height: 1.2; width: 100%; color: #2d2d2d; text-align:center;}
#contact_contain #bg_wrap_sct5 .form-group ul.btn_wrap li label:hover { background: #ebebeb;cursor: pointer;}

#contact_contain #bg_wrap_sct5 .form-group ul.btn_wrap li input[type="radio"]:checked + label { background: linear-gradient(90deg, #1bb67f, #6fd27a); color: #fff; font-weight: 700;}
#contact_contain #bg_wrap_sct5 .form-group ul.btn_wrap li input[type="radio"]:checked + label:before { background-position-x: right;}

#contact_contain #bg_wrap_sct5 .form-group ul.btn_wrap li.etc_wrap {  display: flex; justify-content: space-between; flex-wrap:wrap;}
#contact_contain #bg_wrap_sct5 .form-group ul.btn_wrap li.etc_wrap input[type="text"] { transition: 0.2s;position: absolute; color: #23b97f; padding: 12px 30px; background: #fff; height: 100%;  width: 0; opacity: 0; left: 35px; bottom: -130%; border-radius: 30px; font-size: 1.3rem; border: 1px solid #888;}
#contact_contain #bg_wrap_sct5 .form-group ul.btn_wrap li.etc_wrap input[type="text"]:focus { box-shadow: none !important; }
#contact_contain #bg_wrap_sct5 .form-group ul.btn_wrap li.etc_wrap input[type="radio"]:checked ~ input[type="text"] { opacity: 1;   width: 95%; }
#contact_contain #bg_wrap_sct5 .form-group ul.btn_wrap li.etc_wrap .input_name { opacity: 0; transition: 0.2s; position: absolute;  top: 68px; left: 66px; z-index: 1; font-size: 1.4rem; }
#contact_contain #bg_wrap_sct5 .form-group ul.btn_wrap li.etc_wrap input[type="radio"]:checked ~ .input_name { opacity: 1; }
#contact_contain #bg_wrap_sct5 .form-group input[type="text"],
#contact_contain #bg_wrap_sct5 .form-group input[type="tel"] { position: relative;color: #23b97f; padding: 9px 30px 9px 110px; background: #fff; height: 0%; width: 100%; border-radius: 30px; font-size: 1.3rem; border: 1px solid #888;}
#contact_contain #bg_wrap_sct5 .form-group .input_wrap { position: relative;}
#contact_contain #bg_wrap_sct5 .form-group:nth-child(3) .input_wrap:before { content:'회사명 :'; position: absolute; top: 8px; left: 66px; z-index: 1; font-size: 1.4rem; }
#contact_contain #bg_wrap_sct5 .form-group:nth-child(4) .input_wrap:before { content:'연락처 :'; position: absolute; top: 8px; left: 66px; z-index: 1; font-size: 1.4rem; }
#contact_contain #bg_wrap_sct5 .form-group .caption { padding-left: 35px; margin-top: 20px; margin-bottom: 5px;}
#contact_contain #bg_wrap_sct5 .form-group .input_wrap { padding-left: 35px;}
#contact_contain #bg_wrap_sct5 .icenter { display: flex; justify-content:center; align-items: flex-end; margin-top: 40px;}
#contact_contain #bg_wrap_sct5 .icenter .form_span2 label input { display: none;}
#contact_contain #bg_wrap_sct5 .icenter .form_span2 label b{ position: relative; margin-left: 60px;}
#contact_contain #bg_wrap_sct5 .icenter .form_span2 label b:before { content:'';  cursor: pointer; position: absolute; left: -30px; top: 0px; border-radius: 3px; text-align:center; background: #fff; width: 20px; height: 20px; text-align: center; font-size: 1.3rem; border: 1px solid #aaa;}
#contact_contain #bg_wrap_sct5 .icenter .form_span2 label b a { text-decoration: underline;}
#contact_contain #bg_wrap_sct5 .icenter .form_span2 label input:checked + b:before { content: '\2713'; background: #97d7a5; line-height: 18px; border: 1px solid #fff;}
#contact_contain #bg_wrap_sct5 .anb-contact { padding-left: 35px; margin-top: 15px; text-align:center;}
#contact_contain #bg_wrap_sct5 .anb-contact .anb-submit { width: 40%; background: linear-gradient(90deg, #1bb67f, #6fd27a); border-radius: 30px; padding: 9px 0; height: unset; line-height: 1.3; color: #fff; border: 1px solid #fff; }
#contact_contain #bg_wrap_sct5 .anb-contact .anb-submit b { font-size: 1.2rem;}


#bg_wrap_modal { background: #00000047; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1; opacity: 0;transition: 0.2s;}
#bg_wrap_modal.on { opacity: 1;z-index: 9998; }
#contact_wrap {   min-width: 900px; max-height: 90vh; overflow-y: scroll;background: #fff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;  padding: 45px 120px; border-radius: 20px; position: fixed; top:100%; left: 50%; transform: translateX(-50%); transition: 0.3s; z-index: 9999;}
#contact_wrap::-webkit-scrollbar { background-color: #ddd; overflow:hidden;border-radius:10px; width: 10px; }
#contact_wrap::-webkit-scrollbar-button {display:none;}
#contact_wrap::-webkit-scrollbar-thumb {background-color: #333;border-radius:10px; }
#contact_wrap::-webkit-scrollbar-track {border-radius:10px;}

#contact_wrap.on { top:50%; left: 50%; transform: translate(-50%,-50%);}
#contact_wrap .tit { position: absolute; top: 2px; left: 50%; transform: translateX(-50%); font-size: 8rem; color: #f0f3e5; font-weight:900; z-index: -1;line-height: 0.7;}
#contact_wrap .info { padding:30px 0 ; text-align: center; font-size: 2.2rem; font-weight: 900;}
#contact_wrap .cls_btn { cursor: pointer; position: absolute; top: 85px; right: 60px; font-size: 1.8rem; color: #777}
#contact_wrap .cls_btn:hover { color: #333;}

#bg_wrap_modal .inner .text_wrap { position: relative;}
#bg_wrap_modal .form-group:nth-child(2) { margin-bottom: 100px;}
#bg_wrap_modal .form-group:nth-child(3) { margin-bottom: 70px;}
#bg_wrap_modal .form-group ul.btn_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 35px; margin: 20px 0; position: relative;}
#bg_wrap_modal .form-group ul.btn_wrap li { width: 19%; } 
#bg_wrap_modal .form-group .form_tit { font-size: 1.5rem;font-weight: 600; margin-bottom: 20px;}
#bg_wrap_modal .form-group .form_tit span { color: #80a51f; font-weight: 700;}
#bg_wrap_modal .form-group ul.btn_wrap li input[type="radio"] { display: none;}
#bg_wrap_modal .form-group ul.btn_wrap li label { border: 1px solid #888; transition: 0.2s; background: #fff; border-radius: 30px; padding: 9px 5px; font-size: 1.3rem; width: 100%; color: #2d2d2d; text-align:center;}
#bg_wrap_modal .form-group ul.btn_wrap li label:hover { background: #ebebeb;cursor: pointer;}
#bg_wrap_modal .form-group ul.btn_wrap li label span { line-height: 1.1;}

#bg_wrap_modal .form-group ul.btn_wrap li input[type="radio"]:checked + label { background: linear-gradient(90deg, #1bb67f, #6fd27a); color: #fff; font-weight: 700;}
#bg_wrap_modal .form-group ul.btn_wrap li input[type="radio"]:checked + label:before { background-position-x: right;}

#bg_wrap_modal .form-group ul.btn_wrap li.etc_wrap {  display: flex; justify-content: space-between; flex-wrap:wrap;}
#bg_wrap_modal .form-group ul.btn_wrap li.etc_wrap input[type="text"] { position: absolute; color: #23b97f; padding: 10px 30px; background: #fff; height: 100%;  width: 95%; opacity: 0; left: 35px; bottom: -130%; border-radius: 30px; font-size: 1.3rem; border: 1px solid #888;}
#bg_wrap_modal .form-group ul.btn_wrap li.etc_wrap input[type="text"]:focus { box-shadow: none !important; }
#bg_wrap_modal .form-group ul.btn_wrap li.etc_wrap input[type="radio"]:checked ~ input[type="text"] { opacity: 1; }
#bg_wrap_modal .form-group ul.btn_wrap li.etc_wrap .input_name { opacity: 0; transition: 0.2s; position: absolute;  top: 68px; left: 66px; z-index: 1; font-size: 1.3rem; }
#bg_wrap_modal .form-group ul.btn_wrap li.etc_wrap input[type="radio"]:checked ~ .input_name { opacity: 1; }
#bg_wrap_modal .form-group input[type="text"],
#bg_wrap_modal .form-group input[type="tel"] { position: relative;color: #23b97f; padding: 10px 105px; background: #fff; height: 0%; width: 100%; border-radius: 30px; font-size: 1.3rem; border: 1px solid #888;}
#bg_wrap_modal .form-group .input_wrap { position: relative;}
#bg_wrap_modal .form-group:nth-child(3) .input_wrap:before { content:'회사명 :'; position: absolute; top: 10px; left: 60px; z-index: 1; font-size: 1.4rem; }
#bg_wrap_modal .form-group:nth-child(4) .input_wrap:before { content:'연락처 :'; position: absolute; top: 10px; left: 60px; z-index: 1; font-size: 1.4rem; }
#bg_wrap_modal .form-group .caption { padding-left: 35px; margin-top: 20px; margin-bottom: 5px;}
#bg_wrap_modal .form-group .input_wrap { padding-left: 35px;}
#bg_wrap_modal .icenter { display: flex; justify-content:center; align-items: flex-end; margin-top: 40px;}
#bg_wrap_modal .icenter .form_span2 label input { display: none;}
#bg_wrap_modal .icenter .form_span2 label b{ position: relative; margin-left: 60px;}
#bg_wrap_modal .icenter .form_span2 label b:before { content:''; cursor: pointer; position: absolute; left: -30px; top: 0px; border-radius: 3px; text-align:center; background: #fff; width: 20px; height: 20px; text-align: center; font-size: 1.3rem; border: 1px solid #aaa;}
#bg_wrap_modal .icenter .form_span2 label b a { text-decoration: underline;}
#bg_wrap_modal .icenter .form_span2 label input:checked + b:before { content: '\2713'; background: #97d7a5; line-height: 18px; border: 1px solid #fff;}
#bg_wrap_modal .anb-contact { padding-left: 35px; margin-top: 15px; text-align:center;}
#bg_wrap_modal .anb-contact .anb-submit { width: 40%; background: linear-gradient(90deg, #1bb67f, #6fd27a); border-radius: 30px; padding: 10px 0; height: unset; line-height: 1.3; color: #fff; border: 1px solid #fff; }
#bg_wrap_modal .anb-contact .anb-submit b { font-size: 1.2rem;}





footer { background: #fefefe;}
footer .inner { max-width: 1230px; margin: 0 auto; padding: 50px 15px; display: flex; justify-content: space-between; align-items: center;}
footer .inner .pt_info { color: #333;}
footer .inner .pt_link { color: #888;}
footer .inner .pt_link .adm_link { color: #666;}
footer .inner .pt_link .agree-text { color:#333 ; font-weight: 700;}


#bo_list { margin: 0 auto ; max-width: 1200px; width: 100%; min-height: 72vh;}
.main_link { display: block; margin: 0 auto;     width: fit-content;}
.main_link img { width: 180px;}
.adm_bnt { position: absolute ; color:#333; background: #fff; border-radius: 20px; padding: 5px 20px; top: 30px;}