@charset "utf-8";
.main_visual.pc{display:block;}
.main_visual.mo{display:none;}
@media screen and (max-width: 1920px){
	#main .sec_2 .content .mySwiper_main {width: 1920px; margin-left: -960px;}
	#main .main_visual .img_box{top: -98px;	right: -298px;}
	#main .main_visual .img_box .middle{gap: 24px;}
	#main .main_visual .img_box .bottom{margin-left: 230px; gap: 24px;}
}
@media screen and (max-width: 1550px){
	#main .main_visual .img_box{transform: scale(0.93) rotate(-36deg); top: -137px; right: -172px;}
	#main .main_visual .img_box .bottom{margin-left: 0;}
	#main .main_visual .txt_box{padding-left: 100px;}
}
@media screen and (max-width: 1400px){
	.sub.sample .sec_1 .content{gap: 40px;}
	.product-box .product-left .item_inbox{width: 80%; height: unset;}
	.market.detail .product-box .con_box{max-width: 627px; margin: 0;}
	.market.detail .product-right{max-width: 300px; left: 63%;}
	.market.detail .product-right ul.product_btn{gap: 8px;}
	.market.detail .product-box .product-left{padding: 60px 0 0 60px;}
	.market .product-detail_b{width: 65.9%;}
	.market.detail .product-box .con_box{margin: 0 auto;}
	.market.detail .product-box .con_box .con .box li {width: 18%;}
	.market.detail .product-box .con_box .con .box li .inbox{padding: 22px 0;}
	.market.detail .product-box .con_box {max-width: 736px; margin: 0;}
	.market.m_item .product-right{width: 45%; float: right; padding-left: 40px;}
	#main .main_visual .img_box{transform: scale(0.9) rotate(-36deg);}
	#main .main_visual .img_box .bottom {margin-left: -156px;}
	.market.detail .product-box .con_box .con h2 > br{display: none;}
	.market.detail .product-right .product-title{padding-top: 40px;}
	.market.detail .product-option .txt_area span .hover{left: 30%; font-size: 1.2rem; padding: 12px;}
	.market.detail .product-option .txt_area span.l25 .hover {left: 34%;}
	.market.detail .product-option .txt_area span .hover::before{left: -5.5%;}
	.market table.item_detail_table td .hover {top: -15px; max-width: 300px;}
	.market table.item_detail_table tr:nth-child(7) td .hover {left: 238px;}
	.market table.item_detail_table td .hover::before{left: -3.5%;}
}

@media screen and (max-width: 1280px) {
	#main .sec_2 .content .mySwiper_main {width: 1280px; margin-left: -640px;}
	#main .sec_2 .swiper-button-next, #main .sec_2 .swiper-button-prev{top: 87.5%;}
	#main .sec_2 .swiper-button-next {right: 12%;}
	#main .sec_2 .swiper-button-prev{left: 12%;}
	.sub.service .sec_2 .content{flex-wrap: wrap; max-width: 738px; margin: 0 auto;}
	.sub.confirm #tab02 .con_1 .flex{justify-content: center; gap: 20px;}
	.sub.confirm #tab02 .con .box .img{height: 140px;}
	.sub.confirm #tab02 .con .box .img::after{width: 58%; height: 59%;}
	.product-box .product-left .item_inbox {width: 70%;}
	.market .product-detail_b {width: 60.9%;}
	.market.detail .product-box .con_box {max-width: 690px;}
	#main .main_visual .txt_box {padding-left: 0;}
	#main .main_visual .img_box {transform: scale(0.8) rotate(-36deg);}
	#main .main_visual .img_box .bottom {margin-left: -24%;}
	.market.detail .product-right{left: 60%;}
	.market table.item_detail_table td .hover{max-width: 250px;}
	.market table.item_detail_table td .hover::before {left: -4.5%;}
	.sub.service .sec_2 .line{display: none;}
	.sub.service .sec_1 .bottom .con_box .animation-container{line-height: 90px;}
	.sub.service .sec_1 .bottom .con_box .animation-container span.h_d{display: block; width: 100%;}
     
     .market.detail .product-box .con_box .demoview .btxt{font-size:5.0rem;}
     .market.detail .product-box .con_box .demoview .btn_demo{max-width:400px; font-size:4.0rem;}
     .market.detail .product-box .con_box .demoview .stxt{font-size:2.0rem;}
} 

@media screen and (max-width: 1024px){
     
     .main_visual.pc{display:none;}
	.main_visual.mo{display:block;}
	.main_visual.mo img{width: 100%;}
     
	.navbar{background: transparent;}
	.navbar .pull-left{width: 100%;}
	.navbar-toggle {display: flex; flex-direction: column; align-items: end; padding: 0; z-index: 999; transition: 0.3s;}
	.navbar-toggle.on .icon-bar:nth-child(1){transform: rotate(45deg);}
	.navbar-toggle.on .icon-bar:nth-child(2){display: none;}
	.navbar-toggle.on .icon-bar:nth-child(3){transform: rotate(-45deg); margin-top: -3px;}
	.m_bg{width: 100%; height: 100vh; position: fixed; top: 0; right: -120%; transition: 0.3s;}
	.m_bg .bg_filter{position: absolute; width: 100%; height: 100%; filter: blur(5px); background: rgba(255,255,255,0.8);}
	.m_bg.on{right: 0;}
	.container .menu {width: auto; padding: 103px 40px; box-sizing: border-box; height: 100vh; background: #fff; width: 100%; min-width: 400px;}
	.container .menu li {float: none; width: fit-content; margin: 0 auto; text-align: center; height: auto; position: relative; z-index: 99;}
	.container .menu li a { width: 100%; box-sizing: border-box; padding: 16px 0; display: block;}
	.menu li a.current::before{top: 60%; z-index: -1;}
	.menu li + li{padding-left: 0;}
	.menu .dropdown-menu { position: relative; top: 0; }
	.size{padding: 0 30px;}
	.main{padding-top: 0;}
	#main .sec_2 .content .mySwiper_main {width: 1024px; margin-left: -512px;}
	#main .main_m{padding-top: 0;}
	#main .main_visual .txt_box {padding-top: 100px;}
	#main .main_visual .txt_box span{display: none;}
	#main .main_visual .txt_box a.more {margin: 12px 0 0 0;}
	#main .main_visual .img_box.box_1{display: none !important;}
	#main .main_visual .img_box.box_2 {display: flex !important; flex-direction: unset; height: fit-content; transform: rotate(-36deg); top: 406px; right: -27px;}
	#main .main_visual .img_box.box_2.pc{display: flex !important; gap: 16px;}
	#main .main_visual .img_box.box_2.mo{display: none !important;}
	#main .main_visual .img_box.box_2 .con1{flex-direction: column; justify-content: flex-end; gap: 36px; width: 497px;}
	#main .main_visual .img_box img{width: 100%; height: 100%; flex-basis: fit-content;}
	#main .main_visual .img_box.box_2 .con2_wrap{display: flex; flex-direction: column; gap: 26px; margin-top: -84px;}
	#main .main_visual .img_box.box_2 .con2_1, #main .main_visual .img_box.box_2 .con2_2{width: 100%; align-items: end; gap: 16px;}
	#main .main_visual .img_box.box_2 .con1{gap: 16px;}
	#main .sec_1 .btn .plus{display: none;}
	#main .sec_1 .hide{display: block;}
	#main .sec_2 .swiper-button-next p, #main .sec_2 .swiper-button-prev p{display: none}
	#main .sec_2 .swiper-pagination-bullets.swiper-pagination-horizontal{max-width: 76%;}
	#main .sec_2 .swiper-button-next{right: 2%;}
	#main .sec_2 .swiper-button-prev{left: 2%;}
	#main .sec_3 .content.content_1{display: none;}
	#main .sec_3 .content.content_2{display: flex; gap: 27px;}
	#main .sec_3 .content.content_2 .con{gap: 24px;}
	#main .sec_4 .content{gap: 21px;}
	#main .sec_4 .swiper-button-next span, #main .sec_4 .swiper-button-prev span{color: #000;}
	#main .sec_4 .swiper-button-prev span{transform: rotate(-180deg);}
	#main .sec_5 .title h2 > br{display: none;}

	.sub .title{padding-top: 125px;}
	.sub.confirm #tab01 .con_left .img{margin: 0 auto;}
	.tabcontent #tab01{flex-direction: column; gap: 0;}
	.sub.confirm #tab01 .con_left h2{text-align: center;}
	.sub.confirm #tab01 .con_right{padding-left: 0; margin: 0 auto;}
	.sub.confirm #tab02 .f_d{flex-direction: column;}
	.sub.confirm #tab02 .left{max-width: 100%; padding-bottom: 44px;}
	.sub.confirm #tab02 .left p{max-width: 100%;}
	.sub.confirm #tab02 .left p > br{display: none;}
	.sub.confirm #tab02 button {padding-top: 12px;}
	.sub.confirm #tab02 .con_2{padding-bottom: 80px;}
	.sub.price .section .content_2 .con_box ul li.hide{display: flex;}
	.sub.price .section .content_2 .con_box ul li.l_hide{display: none;}
	.sub.price .section .content_2 .con_box ul li span b > br {display: none;}
	.sub.question .sec_2 .content{padding: 100px 0 73px 0;}
	.sub.question .sec_2 .title h2 > br {display: none;}
	.sub.sample .sec_1 .content{grid-template-columns: 1fr 1fr; gap: 24px;}
	.market .product-detail_b{height: 408px;}
	.product-box .product-left .item_inbox {width: 60%;}
	.sub.sample .sec_2 .content .title{padding-top: 0;}
	.sub.sample .sec_1 .content .con .list{height: 100%;}
	.sub.sample .sec_1 .content .con .hover span{padding: 30px 8px; box-sizing: border-box;}
	.market.detail .product-right {left: 55%;}
	.market.detail .product-left .product-right{max-width: 527px; margin: 0 auto;}
	.market.detail .product-box .con_box {max-width: 527px; margin: 0;}
	.market.detail .product-sample .content{display: none;}
	.market.detail .product-sample .content_mySwiper{display: block; padding-top: 60px;}
	.market.m_item .product-box{display: flex; flex-direction: column; align-items: center; gap: 30px;}
	.market.m_item .product-box .product-left{width: 100%;}
	.market.m_item .product-box .product-left .item_inbox{width: 100%; height: auto;}
	.market.m_item .product-left .item > div{right: 17%; margin: 0 auto;}
	.market.m_item .product-right{padding:0 ; max-width: unset; width: 80%;}
	.market .pr_bg{width: 100%;}
	.market table.item_detail_table td .hover::before {left: -3%;}
	.market table.item_detail_table td .hover {max-width: 350px; top: -8px; left: 205px;}
	.market table.item_detail_table tr:nth-child(7) td .hover {left: 247px;}
     
     .market.detail{padding-top:100px;}
     
	footer .size{padding: 0 30px;}
	footer .container{align-items: start;}
	footer .right span + span {padding-left: 14px; margin-left: 14px;}
	footer .top_btn{display: none;}
     
     .sub.about #particles, .sub.about .cont_area{min-height:880px;}
     .sub.about .sec.sec_2 .content{padding-top:80px; max-width:600px;}
     .sub.about .sec .top p{font-size:2rem;}
     .sub.about .sec .top p.big_t{font-size:5rem;}
     
     .sub.about .section.sec_2 .content{grid-template-columns:1fr 1fr 1fr; gap:40px;}
     .popup .popup-inner{margin:20px;}
     
     
}

@media screen and (max-width: 1000px){
	footer .right span{float: unset;}
	footer .right span + span{border-left: none; padding: 0; margin: 0;}
}

@media screen and (max-width: 960px){
	#main .sec_1 .content .con .txt p > br{display: none;}
	#main .sec_4 .content1{display: none;}
	#main .sec_4 .content.swiper{display: block !important; width: 90%; margin: 0 auto;}
	#main .sec_4 .content.content2{gap: 0;}
	#main .sec_4 .swiper-button-next{right: 26px;}
	#main .sec_4 .swiper-button-prev{left: 26px;}
	#main .sec_4 .swiper-button-next, #main .sec_4 .swiper-button-prev{display: inline-block; top: 54%;}
	.sub.price .section .content_1 {display: none;}
	.sub.price .section .mySwiper_money_2{display: block !important; width: 90%; margin: 0 auto; padding: 0;}
	.sub.price .section .swiper-button-next, .sub.price .section .swiper-button-prev {display: inline-block; top: 50%;}
	.sub.price .section .swiper-button-next {right: 6px;}
	.sub.price .section .swiper-button-prev {left: 6px;}
	.sub.price .section .content_2 .con_box.flex{flex-direction: column; gap: 4px;}
	.sub.price .section .content_2 .con_left{max-width: 100%;}
	.sub.price .section .content_2 .con_box ul li{padding: 0 24px;}
	.sub.price .section .content_2 .con_right{padding-left: 0; max-width: 100%;}
	.section-faq{padding: 22px 0 150px 0;}
	.sub.question .bbsSearch #searchForm{padding: 28px 0 0 0;}
	.sub.confirm #tab02 .con .box .txt{font-size: 1.6rem; line-height: 2rem;}
	.sub.confirm #tab02 .con_1 .flex{gap: 8px;}
	.theme_select .select_btns{display: none;}
	.market.detail .product-right{display: none;}
	.market .product-detail_b{width: 100%;}
	.market.detail .product-box .product-left{max-width: unset; margin: 0 auto; padding: 40px 0 0 0; width: 100% !important;}
	.market.detail .product-left .item{justify-content: center;}
	.market.detail .product-left .product-right{display: block !important;}
	.market.detail .product-option .txt_area span .hover {top: 13%; left: 17%;}
	.market.detail .product-option .txt_area span .hover::before{top: 16%; left: -11px;}
	.market.detail .product-option .txt_area span.l25 .hover {left: 20%;}
	.product-box .product-left .item_inbox{width: 100%; max-width: 527px; margin: 0 auto;}
	.market.detail .product-right ul.product_btn{justify-content: center;}
	.market.detail .product-box .con_box{margin: 0 auto;}
	.market.m_item .product-right{width: 100%;}
	.market.m_item .product-left .item > div {right: unset;}
	.market.detail .product-right ul.product_btn li.application{max-width: 84%;}
	.btn_fixed{display: flex; z-index: 99;}
	.tabnav li a{font-size: 1.5rem; gap: 8px;}
	.faq-box_question p{width: 13%;}
     
     .product-right{padding:60px 0 0 90px;}
     .market.detail .product-right .product-title{padding-top:20px;}
}

@media screen and (max-width: 768px) {
	.pdf_down{position: static;text-align: center;}
	.navbar .size{padding: 0 15px;}
	.navbar-toggle{right: 0;}
	.size{padding: 0 20px;}
	.navbar { height: auto}
	.logo { position: relative; float: none !important;  width: 100%; border: 0 none; border-radius: 0; box-sizing: border-box;}
	a.more{margin: 38px auto 0 auto;}
	.big_tab{display: none;}
	.sm_select{display: block; width: 200px; float: right; padding-right: 20px; z-index: 9; position: relative;}

	.help-block.pc { display: none }
	.help-block.mo { display: block; float: left;width: 100%;padding: 0px 5px;}
	#main .sec_2 .swiper-pagination-clickable .swiper-pagination-bullet {width: 12px; height: 12px;}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 var(--swiper-pagination-bullet-horizontal-gap,3px) !important;}
	#main .main_visual .img_box.box_2{top: 540px; right: 0px; gap: 16px;}
	#main .main_visual .img_box.box_2 .con1{width: 100%;}
	#main .main_visual .img_box.box_2 .con1, #main .main_visual .img_box.box_2 .con2_1, #main .main_visual .img_box.box_2 .con2_2, #main .main_visual .img_box.box_2 .con2_wrap{gap: 16px;}
	#main .main_visual .img_box.box_2 .con2_2{width: 130%;}
	#main .main_visual .img_box.box_2 .con2_wrap{margin-top: -170px;}
	#main .main_visual .txt_box {padding-top: 50px;}

	#main .sec_1 .content{flex-direction: column;}
	#main .sec_1 .content .con{max-width: 100%; display: flex; align-items: start; justify-content: center;}
	#main .sec_1 .content .con .img {width: 95px;}
	#main .sec_1 .content .con .txt p > br{display: block;}

	
	#main .sec_2 .content{flex-direction: column;}
	#main .sec_2 .content .con:first-child { display: none; }
	#main .sec_2 .content .con:last-child { display: none; }
	#main .sec_2 .content .con{max-width: 100%; display: flex; align-items: start; justify-content: center;}
	#main .sec_2 .content .con .img {width: 95px;}
	#main .sec_2 .content .con .div{text-align: start;}
	#main .sec_2 .content .con .txt p > br{display: block;}

	#main .sec_3 .content{flex-direction: column;}
	#main .sec_3 .content .con:first-child { display: none; }
	#main .sec_3 .content .con:last-child { display: none; }
	#main .sec_3 .content .con{max-width: 100%; display: flex; align-items: start; justify-content: center;}
	#main .sec_3 .content .con .img {width: 95px;}
	#main .sec_3 .content .con .div{text-align: start;}
	#main .sec_3 .content .con .txt p > br{display: block;}

	#main .sec_2 .swiper-pagination-bullets.swiper-pagination-horizontal {top: 84%;}
	#main .sec_2 .swiper-button-next, #main .sec_2 .swiper-button-prev{display: none;}

	#main .sec_3 .content.content_2{gap: 10px;}
	#main .sec_3 .content.content_2 .con{gap: 12px;}
	#main .sec_4 .content .con .btm .txt_area {padding: 0 20px;}
	#main .sec_5 .footer_pc{display: none;}
	#main .sec_5 .footer_m{display: block;}

	.sub.service .sec_1 .top .box{max-width: 50%;}
	.sub.service .sec_1 .top .box p{text-align: end; font-size: 1.5rem; line-height: 2.0rem; padding: 20px !important;}
	.sub.service .sec_1 .top .box.box1 p, .sub.service .sec_1 .top .box.box3 p{padding: 20px;}
	.sub.service .sec_1 .top .box p em{display: none;}
	.sub.service .sec_1 .top .box p > br{display: none;}
	.sub.service .sec_1 .top .box.left p {text-align: start;}
	.sub.service .sec_1 .top .box::after{top: 85%;}
	.sub.service .sec_1 .top .box.box2::after, .sub.service .sec_1 .top .box.box3::after{top: 90%;}
	.sub.service .sec_1 .top .t_middle {padding-right: 0;}
	.sub.service .sec_1 .top .t_middle .box.left{margin-right: 40px;}
	.sub.service .sec_1 .top .t_middle .box.left > p {max-width: 350px;}
	.sub.service .sec_1 .top .t_bottom .box.left{margin-right: 0;}
	.sub.service .sec_1 .top .box.box1 p{padding: 24px 30px;}
	.sub.service .sec_1 .top ul.flex {gap: 17px;}
	.sub.service .sec_1 .bottom .con_box .content{justify-content: space-around; padding-top: 60px;}
	.sub.service .sec_1 .bottom .con_box p{max-width: 366px; margin: 0 auto; padding: 60px 0 92px 0;}
	.sub.service .sec_1 .bottom .con_box p > br{display: none;}
	.sub.service .sec_1 .bottom .con_box > h2 {font-size: 5rem; line-height: 6.0rem;}
	.sub.service .sec_1 .bottom .con_box .content .con .txt h4{font-size: 2.0rem;}
	.sub.service .sec_1 .bottom .con_box .animation-container {font-size: 6rem;	line-height: 60px;}

	.sub.service .sec_2 .pc {display: none;}
	.sub.service .sec_2 .mo {display: block;}

	.sub.service .sec_4 .content {flex-direction: column;}
	.sub.service .sec_4 .content .txt {width: 100%; max-width: 570px; margin: 0 auto; padding: 0;}
	.sub.price .section .swiper-button-next {right: -6px;}
	.sub.price .section .swiper-button-prev {left: -6px;}
	.request .content_footer .con_wrap{flex-wrap: wrap; gap: 36px; padding: 40px 0;}
	.request .content_footer .con_wrap .con{width: 100%;}
	.request .content_footer{margin-top: 60px;}
	.sub.price .section .content_2{padding-bottom: 150px; padding-bottom: 80px;}
	.sub.price .section .content_2 .con_box ul li{flex-direction: column; align-items: start; justify-content: center;	gap: 0;}
	.sub.price .section .content_2 .con_box ul li p em{display: inline-block; margin-right: 8px;}
	.sub.price .section .content .con .top h2{font-family: 'Pretendard'; font-size: 5.0rem; letter-spacing: normal; line-height: 4.8rem;}
     .sub.price .section .content .con:last-child .top h2{font-size: 4.0rem;}
	.sub.price .section .content .con .btm .txt_area {padding: 0 25px;}
	.sub.question .sec_2 .content{background: url(../images/sec_5_bg_m.jpg) no-repeat center center; background-size: cover;}
	.faq-box_question p {width: 16%;}
	.faq-box_answer{padding: 0 4% 0 3%;}
     .theme_select .request_btn{position:relative; padding: 0 0 0 10px; width: 40px; height: 50px; justify-content: center;}
     .theme_select .request_btn span{
         content: "";
         position: absolute;
         top: 0;
         left: -9999px;
         width: 100%;
         height: 100%;
     }
  
	#theme_wrap .close_btn{width: 50px; height: 50px; line-height: 50px;}
	.sub.confirm #tab02 .con_1 {padding: 80px 0;}
	.sub.confirm #tab02 .con_1 .flex{flex-wrap: wrap; gap: 20px;}
	.sub.confirm #tab02 .con_1 .box{display: flex; flex-direction: column; align-items: center; justify-content: center;}
	.sub.confirm #tab02 .con .box .txt {padding-top: 24px;}
	.writeform li:last-child > span{padding: 20px 4px !important; margin-top: 0 !important;}
	.board .well{display: flex; align-items: center;}

	footer{background-color: #fff; padding: 0;}
	footer .size {padding: 0;}
	footer .company span:last-child p:nth-child(1){display: block;}
	footer .container{flex-direction: column-reverse; align-items: center; justify-content: center;}
	footer .company span p.privacy_1{display: none;}
	footer p.privacy_2{display: inline-block; padding-top: 15px;}
	footer h1 {width: 195px; height: 30px; margin: 0 auto;}
	footer h1 a{background-size: 195px 30px;}
	footer .company{padding-left: 0; text-align: center;}
	#main footer .left{padding: 0;}
	footer .left{padding: 41px 0;}
     
     .sub .sec_2 .title h2{font-size:3rem; line-height: 1.2;}
     .sub .title span{font-size:1.6rem;}
     .sub.sample .sec_2 .content{padding:40px 0;}
     
     .sub.sample .sec_1 .content{gap:10px;}
     .sub.sample .sec_1 .content .con .list_txt {padding:20px;}
     .sub.sample .sec_1 .content .con .list_txt .p_title{font-size:2.0rem; line-height: 1.2; margin-bottom:8px;}
     .sub.sample .sec_1 .content .con .list_txt ul > li{font-size:1.2rem; line-height: 1.2; }
     .sub.sample .sec_1 .content .con .list_txt ul > li > span{font-size:1.2rem}
     .sub.sample .sec_1 .content .con .list_txt .p_keyword > div{gap:2px;}
     .sub.sample .sec_1 .content .con .list_txt .p_keyword > div > p{font-size:1.1rem; height:20px; line-height:20px; padding:2px 6px;}
     .sub.sample .sec_1 .content .con .h_btn{padding:20px;}
     .sub.sample .sec_1 .content .con .h_btn a{max-width:49%; width:49%; height:50px; line-height: 50px; font-size:1.3rem;}
     .sub.sample .sec_1 .content .con .h_btn a.more_view::before{background-size:14px; left:5%;}
     .sub.sample .sec_1 .content .con .h_btn a.demo_view::before{background-size:18px; left:5%;}
     
     .sub.about #particles, .sub.about .cont_area{min-height:700px; height:700px;}
     .sub.about .cont_area{padding:0 20px; box-sizing: border-box;}
     .sub.about .sec.sec_2 .content{padding-top:70px; max-width:480px;}
     .sub.about .sec.sec_2 .content .con .img{height:20px;}
     .sub.about .sec .top p{font-size:1.6rem; letter-spacing: -0.5px;}
     .sub.about .sec .top p.big_t{font-size:4rem;}
     .sub.about .sec.sec_3{padding-top:30px;}
     .sub.about .sec.sec_4{padding-top:40px;}
     .sub.about .section.sec_2 .content{grid-template-columns:1fr 1fr; gap:30px;}
     .popup .popup-inner{margin:20px;}
     
     .sub.about .sec_2 .title h2{font-size:5.0rem;}
     .sub.about .sec_2 .title{padding-top:100px;}
}
@media screen and (max-width: 650px){
	.sub.price .section .content .con .btm .txt_area > span {font-size: 1.4rem;}
}

@media screen and (max-width: 600px){
	.sub.service .sec_1 .top .box.left,.sub.service .sec_1 .top .t_middle .box.left{margin-right: 0;}
	.sub.service .sec_1 .top .t_bottom{padding-right: 0;}
	.sub.price .section .content_2 .con_box ul li{padding: 24px;}
	.sub.confirm #tab02 .con .box .img {width: 120px; height: 120px;}
	table.ap_info tbody tr > td {width: 70%;}
	#main .main_visual .img_box.box_2{width: 120%; transform: scale(0.9) rotate(-36deg); top: 587px; right: 0px;}
	.market table.item_detail_table td .hover {max-width: 300px; top: -16px; left: 192px;}
	.market table.item_detail_table td .hover::before {left: -3.8%;}
	.market table.item_detail_table tr:nth-child(7) td .hover {left: 233px;}
	.sub.service .sec_1 .bottom .con_box .animation-container {font-size: 5rem; line-height: 50px;}
	.faq-box_question > p{width: 17%;}
}

@media screen and (max-width: 568px){
	#main .main_visual .txt_box {padding-top: 0;}
	#main .main_visual .txt_box h2 {font-size: 4.0rem; line-height: 42px; max-width: 345px; padding-bottom: 13px;}
	#main .main_visual .img_box.box_2 {width: 128vw; transform: scale(0.7) rotate(-36deg); top: 218px; right: -152px;}
	#main .main_visual .img_box.box_2 .con1 {width: 90%; margin-bottom: 120px;}
	#main .main_visual .img_box.box_2 .con2_1{width: 130%;}
	#main .sec_4 .content.swiper{width: 80%;}
	#main .sec_4 .swiper-button-next {right: 14px;}
	#main .sec_4 .swiper-button-prev {left: 14px;}
	#main .sec_4 .content .con .top {background: linear-gradient(-174deg, #961a17 80%, #fff 20%);}
	#main .sec_4 .content .con .top i{color: #fff;}
	#main .sec_4 .content .con .top h2 {color: #fff;	transition: 0.3s;}
	#main .sec_4 .content .con .top h2 p {color: #fff;}
	#main .sec_4 .swiper-button-next, #main .sec_4 .swiper-button-prev{top: 60%;}
	
	.sub.service .sec_1 .bottom .con_box > h2{font-size: 6rem;}
	.sub.service .sec_1 .bottom .con_box .content .con .img{width: 80px; height: 74px; margin: 0 auto;}
	.sub.question .sec_2 .title h2{font-size: 3.2rem; line-height: 4.8rem; padding-bottom: 0;}
	.sub.question .sec_2 .title span{font-size: 1.4rem; max-width: 240px; margin: 0 auto;}
	.sub.question .tabmenu{height: 140px;}
	.faq-box_question span, .faq-box_answer em{font-size: 1.4rem;}
	.faq-box_answer{font-size: 1.4rem; padding: 0 4% 0 4.4%;}
	.faq-box > ul > li .div .arrow{font-size: 1.3rem;}
	.theme_select h1{font-size: 2.0rem; line-height: 2.4rem;}
	.theme_pop .theme_view{width: 90% !important; padding: 0 15px;}
	.market.detail .product-left .item > div{padding: 3px;}
	.product-box .product-left .item_inbox,.market.detail .product-left .product-right, .market.detail .product-box .con_box .con{padding: 0 15px; box-sizing: border-box;}
	.market .product-detail_b {height: 280px;}
	.market.detail .product-box .con_box .con > div h4{font-size: 1.6rem; letter-spacing: -0.025rem;}
	.market.detail .product-box .con_box .con > div p{font-size: 1.4rem; font-weight: 300; line-height: 2.0rem; letter-spacing: -0.025rem;}
	.market.detail .product-right .product-title{font-size: 3.2rem; letter-spacing: -0.025rem; padding-top: 30px;}
	.market.detail .product-box .con_box{padding-top: 48px; padding-bottom: 63px;}
	.market.detail .product-box .con_box .con h2{font-size: 2.0rem; line-height: 2.8rem; padding-bottom: 46px;}
	.market.detail .product-box .con_box .img{padding-bottom: 41px;}
	.market.detail .product-box .con_box .con .box li .inbox{font-size: 1.2rem; line-height: 1.9rem; padding: 14px 0;}
	.market.detail .product-box .con_box .con .box{padding-bottom: 41px;}
	.market.detail .product-sample{padding: 40px 0 50px;}
	.market.detail .product-sample .title h2{font-size: 3.2rem;}
	.market.detail .product-sample .title span{font-size: 1.4rem; max-width: 240px;	margin: 0 auto;}
	.market.detail .product-sample .content_mySwiper{padding-top: 20px;}
     .market.detail .product-sample .content_mySwiper.btn{padding-top: 0;}
	.market.detail .product-left .item{gap: 10px;}
	.market.detail .product-left .item > div,.market.detail .product-left .item > div > img{border-radius: 8px;}
	.market.m_item .product-box .product-left .item_inbox{padding: 0; /*height: 600px;*/}
	.product-no > tbody > tr > td{font-size: 1.4rem; line-height: 3.0rem;}
	.product-no > tbody > tr > td b{font-size: 1.8rem; letter-spacing: -0.025rem;}
	.filebox label, table.ap_info tbody tr > td > input::placeholder{font-size: 1.4rem;}
	.market .pr_bg{height: 300px;}
	.market table.item_detail_table td.pc_b{display: none;}
	.market .product-right table tbody tr td.mob{display: block;}
	.market table.item_detail_table tbody > tr{display: flex; align-items: flex-start; justify-content: space-between;}
	.market .product-right table tbody tr td:nth-child(3){display: flex !important; gap: 6px; line-height: 23px; width: 0; align-items: center;} /*수량 미노출처리 231218*/
	.market .product-right table tbody tr td:nth-child(3) > div{margin-right: 6px;}
	.market table.item_detail_table td > span.essential {margin-left: 0; padding: 0 4px; font-size: 1.2rem; line-height: 24px;}
	.market.detail .product-option .txt_area span .hover {top: 0; left: 90px; max-width: 250px; width: fit-content;}
	.market.detail .product-option .txt_area span.l25 .hover {top: 4px;	left: 105px;}
	.market.detail .product-box .con_box .con > div{padding-bottom: 0;}
	.market.detail .product-box .con_box .con > div + div {padding-bottom: 30px; margin-bottom:30px;}
     .market.detail .product-box .con_box .con_2 > div:last-child{padding-bottom: 0; margin-bottom:0;}
     
	.market table.item_detail_table td .hover {max-width: 250px; top: -24px;}
	.market table.item_detail_table td .hover::before {left: -4%;}
	.market table.item_detail_table tr:nth-child(7) td .hover {top: -81px; left: 65px; max-width: 330px; padding: 10px 12px;}
	.market table.item_detail_table tr:nth-child(7) td .hover::before{border-top: 20px solid #961a17; border-bottom: none;	border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; transform: translateX(-50%); background: none; top: 91%; left: 45.5% !important;}
	.sub.service .sec_1 .bottom .con_box .animation-container{font-size: 9.3vw; line-height: 44px;}
	.sub.price .section .content .con .btm .txt_area > span {font-size: 1.6rem;}
	.radio_box label:before{width: 20px; height: 20px; line-height: 16px;}
	.faq-box_question{flex-direction: column; gap: 0; align-items: start; padding: 10px 0;}
	.faq-box > ul > li .div{padding: 0 3px;}
	.faq-box_answer{padding: 20px 3px;}
	.sub.question .bbsSearch #searchForm{padding: 0;}
	.sub.question .title{padding-bottom: 29px;}
	.sub.question .bbsSearch{margin-bottom: 44px;}
	.sm_select {width: 100%; padding-right: 0;}
	.faq-box_question p{font-weight: 700; width: 100%;}
	.faq-box_question span p{font-weight: 300;}
	.faq-box_question span{line-height: 2rem; padding: 0;}
	.sub.question .tabcontent{padding: 0;}
	.sub.question .bbsSearch .searchWord {max-width: 100%;}
	.sub.question .bbsSearch .searchWord #sval{max-width: 90%;}
	.sub.question .bbsSearch .searchWord span{left: 89.5%;}
	.nice-select .list{border-radius: 0 0 25px 25px !important;}
	.select_drop.slide .list li{padding-left: 29px; font-size: 1.6rem; line-height: 50px;}
	.nice-select .option{min-height: 50px !important;}
	span.current{font-size: 1.6rem; font-weight: 800; letter-spacing: -0.5px;}
	.nice-select{background: #eeefef !important; border-radius: 25px !important; padding: 0 29px !important;}
	.nice-select:after{right: 29px !important;}
	.select_drop.open{border-radius: 25px 25px 0 0 !important; border: none !important; background: #000 !important; color: #fff !important;}
	.nice-select.open:after{border-bottom: 2px solid #fff !important; border-right: 2px solid #fff !important;}
	.navbar .pull-left a{transform: scale(0.8); margin-left: -12px;}
     #sangsangsol_logo{left:162px !important; height:50px !important; top:18px !important;}
	.section-faq{padding: 22px 0 60px 0;}
}	
@media screen and (max-width: 500px){
	#main .sec_2 .content .mySwiper_main{width: 600px; margin-left: -300px;}
	.sub.confirm #tab02 table.ap_info tbody tr.site > th{float: unset;}
	#main .main_visual .img_box.box_2 {width: 153vw;}
	#main .main_visual .img_box.box_2 .con1{width: 100%;}
	#main .main_visual .img_box.box_2 .con2_wrap{width: 100%;}
	.market table.item_detail_table td .hover::before{border-top: 20px solid #961a17; border-bottom: none;	border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; transform: translateX(-50%); background: none; top: 92%; left: 43%;}
	.market table.item_detail_table tr:nth-child(7) td .hover{top: -107px; left: 97px;	max-width: 250px;}
	.market table.item_detail_table td .hover {max-width: 250px; top: -120px; left: 61px;}
	#main .sec_2 .swiper-pagination-clickable .swiper-pagination-bullet{width: 10px; height: 10px;}
     
     .market.detail .product-box .con_box .demoview .btxt{font-size:3.0rem;}
     .market.detail .product-box .con_box .demoview .btn_demo{max-width:320px; font-size:3.0rem; border-radius: 15px;}
     .market.detail .product-box .con_box .demoview .stxt{font-size:1.6rem;}
     .market.detail .product-box .con_box .demoview{padding:60px 0;}
     .market.detail .product-box .con_box .demoview .btn_demo{margin:30px auto;}
     
     .sub.sample .sec_1 .content{ grid-template-columns:1fr;}
     .sub.sample .sec_1 .content .con .h_btn a{max-width:120px;}
     
      .sub.about #particles, .sub.about .cont_area{min-height:600px; height:600px;}
     .sub.about .cont_area{padding:0 20px; box-sizing: border-box;}
     .sub.about .sec.sec_2 .content{padding-top:40px; max-width:320px;}
     .sub.about .sec .top p{font-size:1.4rem; letter-spacing: -0.5px;}
     .sub.about .sec .top p.big_t{font-size:2.8rem;}
     .sub.about .sec.sec_3{padding-top:20px;}
     .sub.about .sec.sec_4{padding-top:30px;}
     .sub.about .section.sec_2 .content{grid-template-columns:1fr 1fr; gap:10px;}
     .popup .popup-inner{margin:20px;}
     .sub.about .section.sec_2 .content .con .list_txt{padding:15px;}
     .sub.about .section.sec_2 .content .con .list_txt .p_title{font-size:1.6rem;}

     .mbr{display:block;}
     
     .sub.about a.more{margin:20px auto 0 ;}
}
@media screen and (max-width: 450px){
	.sub.service .sec_1 .bottom .con_box .animation-container span.h_d {display: none;}
}
@media screen and (max-width: 420px){
	.size {padding: 0 15px;}
     .navbar .pull-left h1{height:70px;}
     .navbar .pull-left{height:70px;}
     #main .main_visual.mo{margin-top:70px;}
	.navbar .pull-left a {transform: scale(0.7); margin-left: -30px;}
     #sangsangsol_logo{left:136px !important; height:50px !important; top:10px !important;}
	#main .main_visual .img_box.box_2.pc{transform: scale(0.65) rotate(-36deg); top: 244px;	right: -137px;}
	#main .sec_1 .content{gap: 58px;}
	#main .sec_1 .content .con .txt p{font-size: 1.5rem; line-height: 2.0rem;}
	a.more::after{margin-left: 30px;}
	#main .sec_2 .swiper-pagination-bullets.swiper-pagination-horizontal {top: 80%; max-width: 70%;}
	#main .sec_3 .content.content_2{display: none;}
	#main .sec_3 .content.content_3{display: flex; gap: 17px;}
	#main .sec_3 .content.content_3 .con{gap: 19px;}
	#main .sec_5 .title h2{font-size: 2.4rem; line-height: 3.6rem;}
	#main .sec_5 .title span{max-width: 240px;}
	#main .title{padding-bottom: 40px;}

	.sub .title{padding-top: 100px ; padding-bottom: 38px;}
	.sub .title h2 {font-size: 3.2rem; line-height: 3.8rem; padding-bottom: 0; padding-top: 25px}
     
     .sub.about .sec_2 .title h2{font-size:3.2rem;}
     .sub.about .sec_2 .title{padding-top:60px;}
     
	.sub .title span > br{display: none;}
	.sub .title span {font-size: 1.4rem; line-height: 2.4rem;}
	.sub.service .sec_1 .top{gap: 35px;}
	.sub.service .sec_1 .bottom .con_box > h2 {font-size: 4rem; line-height: 5rem;}
	.sub.service .sec_1 .bottom .con_box p{max-width: 266px; font-size: 1.8rem; line-height: 2.4rem;}
	.sub.service .sec_2 .content{flex-direction: column;}
	.sub.service .sec_2 .content .inner{gap: 12px;}
	.sub.service .sec_2 .content .box{display: flex; align-items: center; gap: 40px;}
	.sub.service .sec_2 .content .box .txt{padding-top: 0; text-align: start;}
	.sub.service .sec_2 .content .box{width: 100%;}
	.sub.service .sec_2 .line{display: block; transform: rotate(90deg); width: 800px; top: 45%; left: -314px;}
	.sub.service .sec_2 .content .box .img{width: 144px; height: 144px;}
	.sub.price .section .swiper-button-next {right: -10px;}
	.sub.price .section .swiper-button-prev {left: -10px;}
	.sub.service .sec_2 .content .box .txt p{font-size: 1.4rem;}
	.sub.service .sec_2 .content .box .img::after{width: 50%; height: 52%;}
	.status table.ap_info {margin-bottom: 87px;}
	.status .pull-right {width: 90%; margin: 0 auto;}
	.status .content{padding-bottom: 120px;}
	.tabnav li a{padding: 0 18px; gap: 20px; font-size: 1.4rem;}
	.sub.confirm #tab01 table.item_detail_table td.pop{font-size: 1.6rem;}
	.sub.confirm #tab01 table.item_detail_table td.pop p{font-size: 1.4rem;}
	.sub.confirm #tab01 .con_left h2{padding: 40px 0 20px 0;}
	.sub.confirm #tab01 .con_left h2 b{display: block;}
	.sub.confirm #tab01 .con_left h2 b::before{top: 43%; left: 14%;}
	.sub.question .sec_2 .title h2{font-size: 2.4rem; line-height: 3.6rem;}
	.product-no > tbody > tr > td{line-height: 2rem;}
	table.ap_info tbody tr > th{font-size: 1.4rem;}
	.filebox label, table.ap_info tbody tr > td > input::placeholder, .sub.confirm #tab02 table.ap_info tbody tr textarea.input::placeholder, .filebox .upload-name::placeholder{font-size: 1.3rem; flex-wrap: wrap;}
	.sub.sample .sec_1 .content{grid-template-columns: 1fr;}
	.btn_fixed li{height: 60px;}
	.flip-card{width: 220px;}
     
    .market.detail .product-box .con_box .demoview .btxt{font-size:2.6rem;}
    .market.detail .product-box .con_box .demoview .btn_demo{font-size:2.6rem; max-width:280px;}
    .market.detail .product-box .con_box .demoview .btn_demo:before{width:48px; height:33px;}

	footer .right span a{font-size: 1.8rem;}
     
     .sub.about .cont_area{top:240px;}
     .sub.about .section.sec_2 .content .con .list_txt .p_title{font-size:1.4rem; line-height: 1;}
     .sub.about .section.sec_2 .content .con .list_txt p{font-size:1.2rem; line-height: 1.2;}
     .popup .popup-inner{margin:10px;}
     .popup .popup-inner{padding:20px;}
     .popup .popup-title h2{font-size:2.0rem; }
     .sub.about .sec_2 .title{padding-top:40px;}
	
}
@media screen and (max-width:400px){
	#main .main_visual .img_box.box_2.pc {width: 180vw; right: -188px;}
	#main .title span {max-width: 250px;}
     
}

@media screen and (max-width: 380px){
    html{font-size: 60%;}
	#main .sec_1 .content .con .txt p{max-width: 210px;}
	#main .sec_1 .content .con .txt p > br{display: none;}		
	#main .sec_3 .content.content_3{gap: 10px;}
	#main .sec_3 .content.content_3 .con{gap: 12px;}
	#main .sec_5 .title h2 {font-size: 2.2rem;}
	.sub.question .sec_2 .title h2{font-size: 2.2rem;}
	.sub.confirm #tab02 .con_1 .flex{gap: 8px;}
	.sub.confirm #tab02 .con_1 li {max-width: 140px;}
	table.ap_info tbody tr > th{font-size: 1.2rem;}	
	.market .product-right table.product-no tbody tr:nth-child(2) > td{font-size: 1.3rem;}
	.market table.item_detail_table tr:nth-child(7) td .hover{left: 78px;}
	.market table.item_detail_table tr:nth-child(7) td .hover::before{left: 53.5% !important;}
     
     .market.detail .product-box .con_box .demoview .btxt{font-size:2.4rem;}
     .market.detail .product-box .con_box .demoview .btn_demo{max-width:80%; font-size:2.4rem; border-radius: 10px; marign:20px 10%;}
     .market.detail .product-box .con_box .demoview .stxt{font-size:1.4rem;}
     .market.detail .product-box .con_box .demoview .btn_demo:before{width:40px; height:28px;}
}

@media screen and (max-width: 320px){
     html{font-size: 50%;}
}