/* 미디어쿼리 css */
@media (min-width: 1300px){
	.gnb, .gnb_sub {
		display: flex;
	}
	.mb_menu_wrap.show {
		display: none;
	}
}

/* ------------------------------------ */
/* ~ 1299px */
/* ------------------------------------ */
@media (max-width: 1299px) {
	.inner {
		width: 1000px;
		padding: 60px 0;
	}
	/* 헤더 */
	.header_inner {
		width: 100%;
	}
	.header_inner .header_tit {
		height: 34px;
		padding: 0 20px;
	}
	.mb_menu_btn {
		display: flex;
		margin-right: 10px;
	}
	.gnb, .gnb_sub {
		display: none;
	}
	.mb_menu_wrap .gnb_sub {
		display: flex;
		justify-content: space-between;
		padding: 0 12px;
	}
	.mb_menu_wrap .gnb_sub .header_btn .btn {
		height: 40px;
		padding: 11px;
		font-size: 14px;
	}
	/* 타이틀 */
	.section_tit {
		font-size: 48px;
		line-height: 56px;
	}
	/* 비주얼 */
	.spot_list_wrap .three_con {
		justify-content: center;
		text-align: center;
	}
	.spot_box .txt_box {
		text-align: left;
	}
	.spot_box .txt_box h5 {
		max-width: 100%;
		font-size: 18px;
		line-height: 28px;
	}
	.spot_box .txt_box p {
		font-size: 14px;
		line-height: 22px;
	}
	.spot_box .txt_box p br {
		display: inline-block;
		content: " ";
		padding: 0 2px;
    }
	/* vcon구역 */
	.product_box .txt_box h3 {
		font-size: 38px;
		line-height: 50px;
	}
	.product_box .txt_box p {
		font-size: 16px;
		line-height: 24px;
	}
	/* .product_box .txt_box p br {
		display: inline-block;
		content: " ";
		padding: 0 2px;
	} */
	.product_box .btn_popup {
		display: none;
	}
	.product_box .btn_link {
		display: flex;
	}
	/* 서브 */
	.vcon.bg_gray::before {
		height: 450px;
	}
	/* 푸터 */
	.footer_inner {
		width: 1000px;
	}
}

/* ------------------------------------ */
/* ~ 1024px */
/* ------------------------------------ */
@media (max-width: 1024px) {
	.inner {
		width: 760px;
		padding: 60px 0;
	}
	/* 타이틀 */
	.section_tit, .platform_tit h3 {
		margin-bottom: 0;
		padding-bottom: 12px;
		font-size: 34px;
		line-height: 45px;
	}
	.section_desc, .platform_tit p {
		padding-bottom: 40px;
		font-size: 15px;
		line-height: 24px;
		text-wrap: pretty;
	}
	/* 비주얼 */
	.spot_list_wrap .three_con > li.cells {
		width: 50%;
	}
	.spot_box .txt_box {
		text-align: left;
	}
	.spot_box .txt_box h5 {
		max-width: 100%;
		font-size: 21px;
		line-height: 30px;
	}
	.spot_box .txt_box p {
		font-size: 14px;
		line-height: 22px;
	}
	/* vcon 구역 */
	.product_wrap > .two_con {
		flex-direction: column;
        margin: 10px auto 20px;
		padding: 20px 40px;
        width: inherit;
		border-radius: 24px;
        background-color: #fff;
        box-shadow: 0 2px 10px rgba(42, 39, 65, .1);
    }
	.product_wrap > .two_con li.cells {
		width: 100%;
		margin: 0;
	}
	.product_wrap > .two_con:nth-child(odd) li.cells:nth-child(1){
		order: 2;
	}
	.product_wrap > .two_con:nth-child(odd) li.cells:nth-child(2){
		order: 1;
	}
	.product_img_box {
		width: 400px;
		margin: 0 auto;
	}
	.product_box {
		text-align: center;
	}
	.product_box .txt_box h3 {
		font-size: 30px;
		line-height: 39px;
	}
	.product_box .txt_box p {
		font-size: 15px;
		line-height: 24px;
		text-wrap: pretty;
    }
	.product_box .btn_link {
		margin: 15px auto 0;
	}
	/* 푸터 */
	.footer_inner {
		width: 760px;
	}
	.footer_inner .two_con > li.cells {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	/* 서브페이지 */
	.section_industries {
		height: 400px;
	}
	.section_industries .two_con > li.cells {
		width: 100%;
	}
	.section_industries .two_con > li.cells:nth-child(2) {
		display: none;
	}
	.section_industries_sub .product_wrap > .vcon:nth-child(odd) .product_box,
	.section_platform_sub .product_wrap > .vcon:nth-child(odd) .product_box {
		margin: 0 auto;
	}
	.section_industries_sub .product_wrap > .vcon,
	.section_platform_sub .product_wrap > .vcon {
		padding: 0;
		width: 600px;
	}
	.section_industries_sub .product_wrap .product_box,
	.section_platform_sub .product_wrap .product_box {
		width: 100%;
	}
	.section_industries_sub .product_wrap > .two_con li.cells,
	.section_platform_sub .product_wrap > .two_con li.cells {
		margin: 0;
	}
	.section_industries_sub .product_wrap .product_img_box,
	.section_platform_sub .product_wrap .product_img_box {
		width: 100%;
	}
	.section_industries_sub .product_wrap .product_img_box::before,
	.section_platform_sub .product_wrap .product_img_box::before {
		opacity: 0;
	}
	.section_industries_sub .product_wrap .product_img_box .ratio,
	.section_platform_sub .product_wrap .product_img_box .ratio,
	.section_platform_sub .product_wrap .product_img_box iframe  {
		border-radius: 0 0 20px 20px;
		box-shadow: none;
	}
	.section_industries_sub .product_wrap .product_box .txt_box,
	.section_platform_sub .product_wrap .product_box .txt_box {
		padding: 26px 26px 14px;
	}
	.section_industries_sub .product_wrap .product_box .txt_box h3,
	.section_platform_sub .product_wrap .product_box .txt_box h3 {
		margin-top: 0;
		text-align: left;
		font-size: 24px;
		line-height: 36px;
	}
	.section_industries_sub .product_wrap .product_box .txt_box p,
	.section_platform_sub .product_wrap .product_box .txt_box p {
		max-width: 100%;
		margin: 10px 0;
		text-align: left;
	}
	 
	.section_platform_sub .product_box .txt_box h4 {
		text-align: left;
		font-size: 14px;
	}
	.section_industries_list .industries_list > li.cells {
		width: calc(50% - 30px);
	}
	.section_industries_list .industries_list > li.cells:nth-child(even) {
		margin-top: 0;
	}
	.vcon.bg_gray::before {
		content: none;
	}
	.section_industries.jewelry {
		background: #f2f4f6 url(../img/jewelry_main.png) 50% 50% no-repeat
	}
	.section_industries.cosmetic {
		background: #f2f4f6 url(../img/cosmetic_main.png) 50% 50% no-repeat
	}
	.section_industries.furniture {
		background: #f2f4f6 url(../img/furniture_main.png) 50% 50% no-repeat
	}
	.section_industries.jewelry,
	.section_industries.cosmetic,
	.section_industries.furniture  {
		align-items: baseline;
		height: calc(100vh - 370px);
		background-size: 500px 500px;
		background-position: 55% 130%;
	}
	/* 인풋 */
	input, textarea, select {
		height: 44px;
		font-size: 14px;
	}
	.user-label {
		font-size: 14px;
	}

	/* waitscroll */
	.vcon li.cells.image {
		transition-delay: 300ms;
	}
	.vcon li.cells.text {
		transition-delay: 100ms;
	}
}


/* ------------------------------------ */
/* ~ 800px */
/* ------------------------------------ */
@media (max-width: 801px) {
	body {
		max-width: 100%;
	    overflow-x: hidden;
	}
	.inner {
		width: 600px;
	}
	.gnb_list .nav_list li a {
		font-size: 18px;
        font-weight: 700;
        color: #888;
        padding: 10px;
	}
	/* 비주얼 */
	.spot_list_wrap .three_con > li.cells {
		width: 100%;
		margin: 10px auto;
	}
	.spot_box {
		width: fit-content;
		height: fit-content;
		margin: 0 auto;
	}
	.spot_box .img_box {
        height: 230px;
    }
	/* 서브페이지 */
	.section_industries_sub .product_wrap > .vcon, 
	.section_platform_sub .product_wrap > .vcon {
		width: fit-content;
		padding: 0;
	}
	.contact_form .row + .row {
		margin-top: 12px;
	}
	/* 푸터 */
	.footer_inner {
		width: 600px;
	}
	
	.section_industries_sub .product_wrap .product_box .txt_box p br,
	.section_platform_sub .product_wrap .product_box .txt_box p br{
		display: inline-block;
		content: " ";
		padding: 0 2px;
	 }
}

/* ------------------------------------ */
/* ~ 601px */
/* ------------------------------------ */
@media (max-width: 601px) {
	.inner {
		width: 460px;
	}
	/* 비주얼 */
	.spot_list_wrap .three_con {
		width: fit-content;
		margin: 0 auto;
	}
	.spot_list_wrap .three_con > li.cells {
		width: fit-content;
	}
	.spot_box {
		height: fit-content;
		margin: 0 auto;
	}
	.spot_box .img_box {
        height: 230px;
    }
	.product_img_box {
		width: 300px;
	}
	.contact_form,.contact_btn {
		width: inherit;
	}
	/* 푸터 */
	.footer_inner {
		width: 400px;
	}
	.footer_inner .two_con > li.cells > .vcon {
		margin: 0 auto;
		width: auto;
	}
	.footer_inner .two_con > li.cells > .vcon.three_con li.cells {
		width: calc(50% - 30px);
	}
	.footer_inner .copy {
		font-size: 10px;
	}
	.footer_inner .rang_btn p {
		font-size: 12px;
	}
	.foot_logo, .foot_logo img {
		width: 100px;
	}
	.foot_info {
		margin-top: 20px;
		font-size: 13px;
	}
}

@media (max-width: 480px) {
	.inner,
	.header_inner,
	.footer_inner {
		width: 380px;
	}
	/* 서브 */
	.section_industries.jewelry > .inner .vcon,
	.section_industries.cosmetic > .inner .vcon,
	.section_industries.furniture > .inner .vcon {
		margin-top: 30px;
	}
}