@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	" board｜errors｜goods｜service｜layout/board｜layout/display｜layout/goods "
	" layout/popup.html "

	위 폴더 및 페이지 커스텀 및 layout, navigation, button, company 관련 편집 css 파일 입니다.

	** header, footer, main 관련은 /css/skin.css 에 있습니다.

───────────────────────────────────────────────────────────*/








/*───────────────────────────────────────────────────────────
	
	common.css 커스텀 css 아래에 작성

───────────────────────────────────────────────────────────*/

/*───────────────────────────────────────────────────────────

	 SUB COMMON
	 
───────────────────────────────────────────────────────────*/
	/* 상단 타이틀 && 서브 비주얼 */
		.sub_visual{width:100%;height:220px;box-sizing:border-box;background-size:cover !important;background-repeat:no-repeat !important;background-position:center !important;}
		#side_box {padding-top:65px;}
		#side_box .sub_menu {font-size: var(--title-70); text-align: left;}
		#side_box .sub_menu h2 {font-size:101%; font-weight: bold; color: var(--black-color01);font-family:var(--font-type01);}
		#side_box .sub_menu .sub_depth {box-sizing: border-box; margin-top:43px;}
		#side_box .sub_menu ul {display: flex; flex-wrap: wrap; gap:40px;}
		#side_box .sub_menu ul li {position: relative;font-size:var(--title-20);color: var(--black-color08);font-weight:400;font-family:var(--font-type01);}
		#side_box .sub_menu ul li a {font-size:inherit;color:inherit;font-weight:inherit;font-family:inherit;}
		#side_box .sub_menu ul li span{font-size:109%;color:inherit;font-weight:inherit;font-family:inherit;}
		#side_box .sub_menu ul li.on{color: var(--point-color01);font-weight:500;transition: all 0.3s;}
		
		/* over */
            @media screen and (min-width:1023px){
                #side_box .sub_menu ul li:hover, #side_box .sub_menu ul li:hover a {color: var(--point-color01); transition: all 0.3s;}
            }
		
		@media only screen and (max-width:1240px) {
		}
		@media only screen and (max-width:1023px) {
			.sub_visual{height:180px;}
		}
		@media only screen and (max-width:860px) {
			#side_box {padding-top: 50px;}
			#side_box .sub_menu .sub_depth {margin-top: 10px;}
			#side_box .sub_menu ul{gap:10px 20px;}

		}
		@media only screen and (max-width:640px) {
			.sub_visual{height:0;padding-bottom:30%;}
		}
		@media only screen and (max-width:500px) {
			.sub_visual{padding-bottom:34%;}

			#side_box {padding-top: 54px;}
			#side_box .sub_menu ul{gap:8px 10px;}
			
		}

/*───────────────────────────────────────────────────────────

	 회사소개 - ceo 인사말
	 
───────────────────────────────────────────────────────────*/
	.comp_visual{width:100%;box-sizing:border-box;display: flex;align-items: center;padding:216px 0 210px;}
	.comp_visual.about_visual{background:url('../images/sub/about_visual.jpg')no-repeat center;background-size:cover;}
	.comp_visual .txt_box{font-size:var(--title-20);color:var(--point-white);font-weight:700;font-family:var(--font-type01);}
	.comp_visual .txt_box span{font-size:109%;color:inherit;font-weight:500;font-family:inherit;}
	.comp_visual .txt_box h3{font-size:var(--title-40);color:inherit;font-weight:inherit;font-family:inherit;margin-top: 36px;letter-spacing: -0.04em;line-height: 1.5;}

	.about_greeting{position: relative;overflow:hidden;padding-top:84px;}
	.about_greeting:before{width:479px;height:479px;content:"";box-sizing:border-box;border-radius:100%;border:100px solid var(--point-color01);position: absolute;right:-260px;top:-210px;opacity:0.2;}
	.about_greeting:after{width:64px;height:64px;content:"";box-sizing:border-box;border-radius:100%;background:linear-gradient(52deg, #80000A 16.85%, #E60012 78.85%);position: absolute;left:-32px;bottom:27.5%;}
	.about_greeting h4{font-size:var(--title-80);color:var(--point-color01);font-weight:700;letter-spacing:-0.03em;}
	.about_greeting .txt{font-size:var(--title-20);color:var(--black-color06);font-weight:400;box-sizing:border-box;padding-left:100px;margin-top:24px;}
	.about_greeting .txt p{font-size:89%;color:inherit;font-weight:inherit;font-family:var(--font-type01);line-height:1.7;letter-spacing:-0.04em;}
	.about_greeting .txt p strong{font-size:inherit;color:var(--black-color03);font-weight:500;font-family:inherit;}
	.about_greeting .txt p + p{margin-top:32px;}
	.about_greeting .sign{display: flex;justify-content: flex-end;align-items: center;font-size:var(--title-20);color:var(--black-color03);font-weight:400;font-family:var(--font-type01);margin-top:74px;padding-right:158px;}
	.about_greeting .sign span{font-size:80%;color:inherit;font-weight:inherit;font-family:inherit;letter-spacing:-0.04em;}
	.about_greeting .sign p{font-size:130%;color:inherit;font-weight:600;font-family:inherit;margin-left:15px;}

	#wrap .about_info{position: relative;margin-top:61px;}
	#wrap .about_info:before{width:30px;height:30px;content:"";box-sizing:border-box;border-radius:100%;background: #ddd;position: absolute;right: -68px;top:15.5%;opacity:0.5;}
	.about_info .info_box{width:100%;box-sizing:border-box;display: flex;justify-content: space-between;flex-wrap:wrap;border-radius:30px;border:1px solid #ddd;background:url('../images/sub/about_logo.svg')no-repeat left bottom;padding:60px 88px 57px 130px;}
	.about_info .info_box .tit{font-size:var(--title-40);color:var(--black-color00);font-weight:400;}
	.about_info .info_box .tit span{font-size:var(--title-20);color:inherit;font-weight:inherit;letter-spacing:-0.03em;display: block;}
	.about_info .info_box .tit p{font-size:91%;color:inherit;font-weight:500;letter-spacing:-0.03em;margin-top:12px;}

	.about_info .info_box .info{width:64%;}
	.about_info .info_box .info dl{position: relative;display: flex;flex-wrap:wrap;font-size:var(--title-20);color:var(--black-color00);font-weight:500;align-items: flex-start;}
	.about_info .info_box .info dl + dl{margin-top:35px;}
	.about_info .info_box .info dl dt{font-size:109%;color:inherit;font-weight:inherit;box-sizing:border-box;padding-left:11px;position: relative;width:100px;}
	.about_info .info_box .info dl dt:before{width:6px;height:6px;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color01);position: absolute;top:12px;left:0;}
	.about_info .info_box .info dl dd{width:calc(100% - 100px);box-sizing:border-box;padding-left:60px;}
	.about_info .info_box .info ul li{display: flex;flex-wrap:wrap;font-size:var(--title-20);color:var(--black-color06);font-weight:400;font-family:var(--font-type01);}
	.about_info .info_box .info ul li + li{margin-top:7px;}
	.about_info .info_box .info ul li .year, .about_info .info_box .info ul li .des{font-size:89%;font-family:inherit;box-sizing:border-box;}
	.about_info .info_box .info ul li .year{color:var(--black-color03);font-weight:500;}
	.about_info .info_box .info ul li .des{color:inherit;font-weight:inherit;position: relative;padding-left:30px;width:calc(100% - 56px);letter-spacing:-0.03em;}	
	.about_info .info_box .info ul li .des:before{width:1px;height:10px;content:"";background: #ddd;position: absolute;top:7px;left:15px;}
	
	#wrap .about_list{margin-top:120px;}
	.about_list ul{}
	.about_list ul li{display: flex;align-items: center;}
	.about_list ul li:nth-of-type(2n){flex-direction: row-reverse;}
	.about_list ul li + li{margin-top: 80px;}
	.about_list ul li > div{box-sizing:border-box;}
	.about_list ul li .img_box{width:46.6%;border-radius:30px;overflow:hidden;font-size:0;}
	.about_list ul li .img_box img{}
	.about_list ul li .txt_box{width:53.4%;padding-left:120px;font-family:var(--font-type01);font-size:var(--title-20);color:var(--black-color06);font-weight:400;}
	.about_list ul li:nth-of-type(2n) .txt_box{padding:0 120px 0 0;text-align: right;}
	.about_list ul li .txt_box span{display: block;font-size:inherit;color:var(--point-color01);font-weight:500;font-family:inherit;}
	.about_list ul li .txt_box h4{font-size:var(--title-40);color:var(--black-color03);font-weight:700;font-family:inherit;margin-top:10px;letter-spacing:-0.03em;}
	.about_list ul li .txt_box p{font-size:89%;color:inherit;font-weight:inherit;font-family:inherit;margin-top:20px;letter-spacing:-0.03em;line-height:1.6;}

	@media only screen and (max-width:1350px) {
		#wrap .about_info:before{right:-45px;}
	}
	@media only screen and (max-width:1250px) {
		.about_greeting:before{width:25vw;height:25vw;border-width:5vw;right:-12%;top:-12%;;}
		.about_greeting .txt{padding-left:40px;}
		.about_greeting .txt p br{display: none;}
		.about_greeting .sign{padding-right:0;}
	}
	@media only screen and (max-width:1200px) {
		.about_info .info_box{padding:60px 50px 57px 50px;background-size:auto 45%;}
		.about_info .info_box .tit{width:25%;}
		.about_info .info_box .info{width:75%;box-sizing:border-box;padding-left:20px;}

		.about_list ul li .txt_box{padding-left:60px;}
		.about_list ul li:nth-of-type(2n) .txt_box{padding-right:60px;}
	}
	@media only screen and (max-width:1024px) {
		.about_info .info_box .info dl dt:before{top:10px;}
	}
	@media only screen and (max-width:860px) {
		.comp_visual{padding:150px 0 150px;}
		.comp_visual .txt_box h3 br{display: none;}

		.about_greeting{padding-top:50px;}
		.about_greeting:before{top:-7%;}
		.about_greeting:after{width:40px;height:40px;left:-20px;}
		.about_greeting .txt{padding-left:15px;margin-top:15px;}
		.about_greeting .txt p + p{margin-top:15px;}
		.about_greeting .sign{margin-top:40px;}

		#wrap .about_info:before{display: none;}
		.about_info .info_box{background-size:auto 30%;}
		.about_info .info_box .tit{width:100%;}
		.about_info .info_box .info{width:100%;padding:40px 0 0 0;}
		.about_info .info_box .info dl dd{padding-left:60px;}

		#wrap .about_list{margin-top:100px;}
		.about_list ul li + li{margin-top:50px;}
		.about_list ul li .txt_box{padding-left:30px;}
		.about_list ul li:nth-of-type(2n) .txt_box{padding-right:30px;}
		.about_list ul li .txt_box p br{display: none;}
	}
	@media only screen and (max-width:640px) {
		.comp_visual .txt_box h3{margin-top:15px;}

		.about_info .info_box{padding:30px 20px 50px 20px;}
		.about_info .info_box .info dl dd{padding-left:20px;}
		.about_info .info_box .info ul li .des{width:calc(100% - 50px);padding-left:20px;}
		.about_info .info_box .info ul li .des:before{left:9px;top:6px;}

		.about_list ul li, .about_list ul li:nth-of-type(2n){flex-direction: column;align-items: flex-start;}
		.about_list ul li .txt_box, .about_list ul li:nth-of-type(2n) .txt_box{text-align: left;padding:20px 0 0 0;width:100%;}
		.about_list ul li .txt_box h4{margin-top:5px;}
		.about_list ul li .txt_box p{margin-top:15px;}
		.about_list ul li .img_box{width:75%;}
	}
	@media only screen and (max-width:500px) {
		.comp_visual{padding:70px 0 70px;}

		#wrap .about_info{margin-top:35px;}
		.about_info .info_box{border-radius:15px;}
		.about_info .info_box .tit p{margin-top:5px;}
		.about_info .info_box .info dl + dl{margin-top:25px;}
		.about_info .info_box .info dl dt{width:auto;padding-left:8px;}
		.about_info .info_box .info dl dt:before{width:4px;height:4px;}
		.about_info .info_box .info dl dd{width:100%;padding:5px 0 0 0;}

		#wrap .about_list{margin-top:75px;}
		.about_list ul li .img_box{width:100%;border-radius:15px;}
	}

/*───────────────────────────────────────────────────────────

	 회사소개 - 연혁
	 
───────────────────────────────────────────────────────────*/
	.sub_history:before{width:391px;height:391px;content:"";box-sizing:border-box;border-radius:100%;border:100px solid var(--point-color01);opacity:0.1;position: fixed;right:-13%;top:47%;}	
	.sub_history .history_tab{display: flex;align-items: center;position: sticky;top:100px;left:0;background:var(--point-white);margin-top:33px;z-index:3;}
	.sub_history .history_tab a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;width:25%;border-bottom:1px solid #ddd;font-size:var(--title-20);color:var(--black-color08);font-weight:400;padding:14px 0;letter-spacing:-0.05em;position: relative;text-align: center;}
	.sub_history .history_tab a:after{width:0;height:2px;content:"";background:var(--point-color01);position: absolute;bottom:-1px;left:0;transition:width 0.5s;}
	.sub_history .history_tab a span{font-size:inherit;color:inherit;font-weight:inherit;}
	.sub_history .history_tab a.on{color:var(--point-color01);font-weight:500;}
	.sub_history .history_tab a.on:after{width:100%;}

	.sub_history .history_cont{position: relative;margin-top:76px;}
	.sub_history .history_cont:before, .sub_history .history_cont .line{width:1px;content:"";position: absolute;top:0;left:50%;}
	.sub_history .history_cont:before{background: #d9d9d9;height:100%;}
	.sub_history .history_cont .line{background:var(--point-color01);transition:height 0.5s}
	.sub_history .history_cont .circle{position: absolute;left:50%;transform:translate(-50%);transition:all 0.5s;}

	.sub_history .history_box{display: flex;flex-wrap:wrap;align-items: flex-start;padding-top:155px;}
	.sub_history .history_box + .history_box{padding-top:184px;}
	.sub_history .history_box > div{width:50%;box-sizing:border-box;}
	.sub_history .history_box .des_box{position: sticky;left:0;top:166px;font-size:var(--title-20);color:var(--black-color08);font-weight:400;padding-right:70px;margin-top:27px;}
	.sub_history .history_box .des_box h3{font-size:var(--title-60);color:var(--black-color00);font-weight:400;line-height:1;}
	.sub_history .history_box .des_box h3 span{font-size:86%;color:inherit;font-weight:inherit;}
	.sub_history .history_box .des_box h3 strong{font-size:inherit;color:inherit;font-weight:700;}
	.sub_history .history_box .des_box h3 em{font-size:inherit;color:var(--point-color01);font-weight:inherit;}
	.sub_history .history_box .des_box p{font-size:109%;color:inherit;font-weight:inherit;margin-top:35px;}
	.sub_history .history_box .des_box .img{width:100%;font-size:0;box-sizing:border-box;border-radius:40px;overflow:hidden;margin-top:58px;}
	.sub_history .history_box:nth-last-child(1) .des_box .img,
	.sub_history .history_box:nth-last-child(2) .des_box .img{border:1px solid #ddd;}

	.sub_history .year_box{padding-left:60px;}
	.sub_history .year_box > strong{font-size:var(--title-80);color:var(--black-color09);font-weight:700;letter-spacing:-0.05em;transition:all 0.5s;}
	.sub_history .history_box.on .year_box > strong{color:var(--point-color01);}
	.sub_history .year_box .year_cont{margin-top:45px;}
	.sub_history .year_box .year_cont dl{box-sizing:border-box;padding-left:15px;position: relative;}
	.sub_history .year_box .year_cont dl:before{width:5px;height:5px;content:"";background:var(--point-color01);box-sizing:border-box;border-radius:100%;position: absolute;top:13px;left:0;}
	.sub_history .year_box .year_cont dl + dl{margin-top:30px;}
	.sub_history .year_box .year_cont dl dt, .sub_history .year_box .year_cont dl dd{font-size:var(--title-20);color:var(--black-color06);font-weight:400;}
	.sub_history .year_box .year_cont dl dt{}
	.sub_history .year_box .year_cont dl dd{font-family:var(--font-type01);margin-top: 4px;line-height: 1.6;letter-spacing: -0.05em;}

	@media only screen and (max-width:1350px) {
		.sub_history:before{width:16vw;height:16vw;border-width:3vw;right:-9%;top:40%;}
	}
	@media only screen and (max-width:1200px) {
		.sub_history .year_box .year_cont dl dd br{display: none;}
	}
	@media only screen and (max-width:1024px) {
		.sub_history .history_tab{top:80px;}

		.sub_history .history_cont{margin-top:60px;}	
		.sub_history .history_box{padding-top:90px;}
		.sub_history .history_box + .history_box{padding-top:120px;}
		.sub_history .history_box .des_box{padding-right:40px;}
		.sub_history .history_box .des_box p{margin-top:15px;}
		.sub_history .history_box .des_box .img{width:85%;margin-top:30px;}

		.sub_history .year_box{padding-left:40px;}
		.sub_history .year_box .year_cont{margin-top:25px;}
		.sub_history .year_box .year_cont dl + dl{margin-top:20px;}
		.sub_history .year_box .year_cont dl:before{top:11px;}
	}
	@media only screen and (max-width:860px) {
		.sub_history:before{display: none;}
		.sub_history .history_tab{margin-top:0;}
	}
	@media only screen and (max-width:767px) {
		
	}
	@media only screen and (max-width:640px) {
		.sub_history .history_tab{top:60px;}

		.sub_history .history_cont{padding-left:50px;}
		.sub_history .history_cont:before{left:9px;}
		.sub_history .history_cont .line{left:9px;}
		.sub_history .history_cont .circle{left:0;transform:none;}
		.sub_history .history_box{display: block;padding-top:30px;}
		.sub_history .history_box + .history_box{padding-top:80px;}
		.sub_history .history_box > div{width:100%;padding:0 !important;}
		.sub_history .history_box .des_box{position: static;margin-top:0;}
		.sub_history .history_box .des_box h3 br, .sub_history .history_box .des_box p br{display: none;}
		.sub_history .history_box .des_box .img{width:100%;height:0;padding-bottom:80%;position: relative;overflow:hidden;}
		.sub_history .history_box .des_box .img img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-height:initial;}

		.sub_history .year_box{margin-top:40px;}
		.sub_history .year_box .year_cont{margin-top:10px;}
		.sub_history .year_box .year_cont dl:before{top:10px;}
	}
	@media only screen and (max-width:500px) {
		.sub_history .history_tab{top:54px;}
		.sub_history .history_tab a{padding:10px 10px;}

		.sub_history .history_cont{margin-top:40px;padding-left:30px;}
		.sub_history .history_box{padding-top:20px;}
		.sub_history .history_box + .history_box{padding-top:30px;}
		.sub_history .history_box .des_box p{margin-top:10px;}
		.sub_history .history_box .des_box .img{margin-top:20px;border-radius:20px;}

		.sub_history .year_box{margin-top:20px;}
		.sub_history .year_box .year_cont dl{padding-left:10px;}
		.sub_history .year_box .year_cont dl + dl{margin-top:15px;}
		.sub_history .year_box .year_cont dl:before{top:8px;}
	}

/*───────────────────────────────────────────────────────────

	 회사소개 - ESG
	 
───────────────────────────────────────────────────────────*/
	.sub_esg{}
	.comp_visual.esg_visual{background:url('../images/sub/esg_visual.jpg')no-repeat center;background-size:cover;padding:240px 0 246px;}

	.sub_esg .esg_list{margin-top:170px;}
	.sub_esg .esg_list > li{display: flex;flex-wrap:wrap;align-items: center;}
	.sub_esg .esg_list > li + li{margin-top:80px;}
	.sub_esg .esg_list > li:nth-of-type(2n){flex-direction: row-reverse;}
	.sub_esg .esg_list > li .img{width:46.6%;font-size:0;box-sizing:border-box;border-radius:30px;overflow:hidden;}
	.sub_esg .esg_list > li .txt_box{width:53.4%;padding-left:160px;font-family:var(--font-type01);font-size:var(--title-20);color:var(--black-color03);font-weight:600;box-sizing:border-box;}
	.sub_esg .esg_list > li:nth-of-type(2n) .txt_box{padding:0 30px 0 70px;}
	.sub_esg .esg_list > li .txt_box h4{font-size:var(--title-40);color:var(--black-color00);font-weight:700;letter-spacing:-0.05em;}
	.sub_esg .esg_list > li .txt_box h4 em{font-size:inherit;font-weight:inherit;}
	.sub_esg .esg_list > li:nth-child(1) .txt_box h4 em{color:#00BBB4;}
	.sub_esg .esg_list > li:nth-child(2) .txt_box h4 em{color:#F63535;}
	.sub_esg .esg_list > li:nth-child(3) .txt_box h4 em{color:#17A4E0;}
	.sub_esg .esg_list > li .txt_box h5{font-size:129%;color:inherit;font-weight:inherit;margin-top:38px;letter-spacing:-0.05em;}
	.sub_esg .esg_list > li ul{font-size:var(--title-20);color:var(--black-color06);font-weight:400;margin-top:28px;}
	.sub_esg .esg_list > li ul li{font-size:89%;color:inherit;font-weight:inherit;box-sizing:border-box;padding-left:16px;position: relative;}
	.sub_esg .esg_list > li ul li:before{width:4px;height:4px;content:"";box-sizing:border-box;border-radius:100%;background:var(--black-color06);position: absolute;top:10px;left:0;}
	.sub_esg .esg_list > li ul li + li{margin-top:14px;}


	@media only screen and (max-width:1024px) {
		.comp_visual.esg_visual{padding:180px 0;}

		.sub_esg .esg_list > li .txt_box{padding-left:80px;}
		.sub_esg .esg_list > li:nth-of-type(2n) .txt_box{padding:0 20px 0 40px;}
	}
	@media only screen and (max-width:860px) {
		.sub_esg .esg_list{margin-top:120px;}
		.sub_esg .esg_list > li + li{margin-top:50px;}
		.sub_esg .esg_list > li .txt_box{padding-left:40px;}
		.sub_esg .esg_list > li:nth-of-type(2n) .txt_box{padding:0 40px 0 0px;}
		.sub_esg .esg_list > li .txt_box h5{margin-top:20px;}
		.sub_esg .esg_list > li ul{margin-top:20px;}
		.sub_esg .esg_list > li ul li + li{margin-top:10px;}
		.sub_esg .esg_list > li ul li:before{top:9px;}
	}
	@media only screen and (max-width:640px) {
		.comp_visual.esg_visual{padding:140px 0;}

		.sub_esg .esg_list > li{flex-direction: column !important;align-items: flex-start;}
		.sub_esg .esg_list > li .img{width:90%;}
		.sub_esg .esg_list > li .txt_box{padding:30px 0 0 0 !important;width:100%;}
	}
	@media only screen and (max-width:500px) {
		.comp_visual.esg_visual{padding:70px 0;}

		.sub_esg .esg_list{margin-top:70px;}
		.sub_esg .esg_list > li .img{width:100%;border-radius:20px;}
		.sub_esg .esg_list > li .txt_box h5{margin-top:10px;}
		.sub_esg .esg_list > li ul{margin-top:10px;}
		.sub_esg .esg_list > li ul li{padding-left:10px;}
		.sub_esg .esg_list > li ul li:before{top:8px;}
	}

/*───────────────────────────────────────────────────────────

	 회사소개 - 오시는 길
	 
───────────────────────────────────────────────────────────*/
	.sub_location{}
	.sub_location .location_tab{display: flex;align-items: center;background:var(--point-white);margin-top:30px;margin-bottom:40px;z-index:3;}
	.sub_location .location_tab a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;width:25%;border-bottom:1px solid #ddd;font-size:var(--title-20);color:var(--black-color08);font-weight:400;padding:14px 0;letter-spacing:-0.05em;position: relative;text-align: center;}
	.sub_location .location_tab a:after{width:0;height:2px;content:"";background:var(--point-color01);position: absolute;bottom:-1px;left:0;transition:width 0.5s;}
	.sub_location .location_tab a span{font-size:89%;color:inherit;font-weight:inherit;}
	.sub_location .location_tab a.on{color:var(--point-color01);font-weight:500;}
	.sub_location .location_tab a.on:after{width:100%;}

	.sub_location .location_wrap{display: none;}
	.sub_location .location_wrap.on{display: block;}
	.sub_location .location_wrap .map_box{width:100%;height:0;padding-bottom:560px;overflow:hidden;position: relative;}
	.sub_location .location_wrap .map_box > div{width:100%;height:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
	.sub_location .location_wrap .root_daum_roughmap .wrap_map{width:100%;height:100%;}
	.sub_location .location_wrap .root_daum_roughmap .map{width:100%;height:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
	.sub_location .location_wrap .map_box iframe{}
	.sub_location .location_wrap .info_box{display: flex;flex-wrap:wrap;align-items: flex-start;}
	.sub_location .location_wrap .info_box .tit{box-sizing:border-box;background:var(--black-color01);box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.20);width:270px;font-size:var(--title-20);font-weight:400;padding:37px 40px 40px;margin-top:-94px;}
	.sub_location .location_wrap .info_box .tit span{font-size:89%;color:rgba(255,255,255,0.5);font-weight:inherit;}
	.sub_location .location_wrap .info_box .tit .name{padding-top:89px;font-size:var(--title-20);color:var(--point-white);font-family:var(--font-type01);}
	.sub_location .location_wrap .info_box .tit .name p{font-weight:400;}
	.sub_location .location_wrap .info_box .tit .name strong{font-size:146%;font-weight:600;letter-spacing:-0.03em;display: block;margin-top:8px;}
	.sub_location .location_wrap .info{box-sizing:border-box;width:calc(100% - 270px);padding-left:80px;margin-top:75px;}
	.sub_location .location_wrap .info dl{display: flex;flex-wrap:wrap;font-size:var(--title-20);color:var(--black-color03);font-weight:600;}
	.sub_location .location_wrap .info dl + dl{margin-top:19px;}
	.sub_location .location_wrap .info dl dt{font-size:inherit;color:inherit;font-weight:inherit;font-family:var(--font-type01);width:89px;}
	.sub_location .location_wrap .info dl dd{box-sizing:border-box;font-size:89%;color:var(--black-color06);font-weight:400;width:calc(100% - 89px);padding-left:63px;margin-top:4px;}

	@media only screen and (max-width:1024px) {
		.sub_location .location_tab{margin-top:20px;}
		.sub_location .location_wrap .map_box{padding-bottom:55vw;}
		.sub_location .location_wrap .info_box .tit{padding:37px 25px 40px;margin-top:-70px;}
		.sub_location .location_wrap .info{padding-left:40px;margin-top:50px;}
	}
	@media only screen and (max-width:860px) {
		.sub_location .location_tab{margin-top:0;}
		.sub_location .location_wrap .info_box .tit{width:230px;}
		.sub_location .location_wrap .info_box .tit .name{padding-top:50px;}

		.sub_location .location_wrap .info dl dt{width:80px;}
		.sub_location .location_wrap .info dl dd{width:calc(100% - 80px);padding-left:25px;margin-top:2px;}
	}
	@media only screen and (max-width:640px) {
		.sub_location .location_wrap .info_box{width:100%;flex-direction: column;}
		.sub_location .location_wrap .info_box .tit{padding:25px 25px 30px;width:100%;margin:0;}
		.sub_location .location_wrap .info{width:100%;padding:0 15px;margin-top:30px;}
	}
	@media only screen and (max-width:500px) {
		.sub_location .location_tab{align-items: stretch;margin-bottom:25px;}
		.sub_location .location_tab a{padding:8px 10px;}

		.sub_location .location_wrap .map_box{padding-bottom:100%;}
		.sub_location .location_wrap .info_box .tit .name{padding-top:30px;}
		.sub_location .location_wrap .info{margin-top:20px;}
		.sub_location .location_wrap .info dl + dl{margin-top:10px;}
		.sub_location .location_wrap .info dl dt{width:70px;}
		.sub_location .location_wrap .info dl dd{width:calc(100% - 70px);padding-left:20px;}

	}

/*───────────────────────────────────────────────────────────

	 회사소개 - CI
	 
───────────────────────────────────────────────────────────*/
	/*ci*/
	.sub_ci > div + div{margin-top:150px;}
	.sub_ci .ci_box{text-align: center;}
	.sub_ci .ci_box ul{display: flex;flex-wrap:wrap;gap:60px;}
	.sub_ci .ci_box ul li{width:calc(50% - 30px);background:repeating-linear-gradient( 0deg, var(--border-color01) 0 1px, transparent 1px 10px),repeating-linear-gradient(90deg, var(--border-color01) 0 1px, transparent 1px 10px);padding:30px 30px 80px;box-sizing:border-box;}
	.sub_ci .ci_box ul li > div + div{margin-top:80px;}
	.sub_ci .ci_box ul li span{display: block;font-size:var(--title-20);color:var(--black-color00);font-weight:500;margin-bottom:30px;text-align:left;}
	.sub_ci .ci_box ul li .img{text-align: center;}
	.sub_ci .ci_box ul li .img + .img{margin-top:40px;}

	.sub_ci .ci_box .ci_color{display:inline-flex;align-items: stretch;box-sizing:border-box;border:2px solid var(--black-color00);justify-content: center;margin-top:50px;}
	.sub_ci .ci_box .ci_color .color_box{width:300px;background:var(--point-color05);box-sizing:border-box;border-right:2px solid var(--black-color00);}
	.sub_ci .ci_box .ci_color .txt{text-align: center;}
	.sub_ci .ci_box .ci_color .txt > div{box-sizing:border-box;font-size:var(--title-20);color:var(--black-color00);font-weight:500;padding:15px 10px;}
	.sub_ci .ci_box .ci_color .txt > div + div{border-top:2px solid var(--black-color00);;}
	
	@media only screen and (max-width:1024px) {
		.sub_ci > div + div{margin-top:120px;}
		.sub_ci .ci_box ul{gap:30px;}
		.sub_ci .ci_box ul li{width:calc(50% - 15px);}
		.sub_ci .ci_box ul li .img{max-width:60%;margin:0 auto;}
	}
	@media only screen and (max-width:860px) {
		.sub_ci .ci_box ul li{padding:20px 20px 60px;}
		.sub_ci .ci_box ul li span{margin-bottom:20px;}
		.sub_ci .ci_box ul li .img{max-width:75%;}
		.sub_ci .ci_box ul li > div + div{margin-top:50px;}
		.sub_ci .ci_box ul li .img + .img{margin-top:20px;}
		
		.sub_ci .ci_box .ci_color{width:60%;}
		.sub_ci .ci_box .ci_color .color_box{width:60%;}
		.sub_ci .ci_box .ci_color .txt{width:40%;}
	}
	@media only screen and (max-width:640px) {
		.sub_ci > div + div{margin-top:80px;}
		.sub_ci .ci_box .ci_color{flex-direction: column;}
		.sub_ci .ci_box .ci_color .color_box{width:100%;height:120px;border-right:none;border-bottom:2px solid var(--black-color00);}
		.sub_ci .ci_box .ci_color .txt{width:100%;display: flex;align-items: center;}
		.sub_ci .ci_box .ci_color .txt > div{width:50%;}
		.sub_ci .ci_box .ci_color .txt > div + div{border:none;border-left:2px solid var(--black-color00);}
	}
	@media only screen and (max-width:479px) {
		.sub_ci .ci_box ul{flex-direction: column-reverse;}
		.sub_ci .ci_box ul li{width:100%;padding:20px 20px 30px;}
		.sub_ci .ci_box ul li .img{max-width:55%;}
		.sub_ci .ci_box ul li > div + div{margin-top:30px;}
		
		.sub_ci .ci_box .ci_color{width:100%;margin-top:40px;}
		.sub_ci .ci_box .ci_color .color_box{height:80px;}
	}
	
	/*seven*/
	.sub_ci .seven_box h3{font-size:var(--title-60);color:var(--black-color00);font-weight:600;text-align: center;}
	.sub_ci .seven_box .intro_box{display: flex;flex-wrap:wrap;gap:80px;margin-top:60px;}
	.sub_ci .seven_box .intro_box > div{width:calc(50% - 40px);position: relative;}
	.sub_ci .seven_box .intro_box > div + div:before{width:40px;height:40px;content:"";clip-path:polygon(calc(50% - 2px) 0, calc(50% - 2px) calc(50% - 2px), 0 calc(50% - 2px), 0 calc(50% + 2px), calc(50% - 2px) calc(50% + 2px), calc(50% - 2px) 100%, calc(50% + 2px) 100%, calc(50% + 2px) calc(50% + 2px), 100% calc(50% + 2px), 100% calc(50% - 2px), calc(50% + 2px) calc(50% - 2px), calc(50% + 2px) 0);background:var(--black-color00);position: absolute;left:-60px;top:50%;transform:translateY(-50%);}
	.sub_ci .seven_box .intro_box .img{width:100%;height:0;padding-bottom:90%;position: relative;overflow:hidden;box-sizing:border-box;border-radius:20px 20px 0 0;}
	.sub_ci .seven_box .intro_box .img img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index: 2;object-fit:cover;}
	.sub_ci .seven_box .intro_box .img .img_txt{position: absolute;z-index: 3;box-sizing:border-box;padding:0 30px;text-align: center;bottom:20px;font-size:var(--title-40);color:var(--black-color00);width:100%;}
	.sub_ci .seven_box .intro_box .img .img_txt strong{font-size:150%;color:inherit;font-weight:700;display: block;line-height:1;}
	.sub_ci .seven_box .intro_box .img .img_txt span{font-size:130%;color:inherit;font-weight:700;line-height:1;}
	.sub_ci .seven_box .intro_box .txt{box-sizing:border-box;border-radius:0 0 20px 20px;background:var(--black-color00);padding:30px 0;}
	.sub_ci .seven_box .intro_box .txt p{font-size:var(--title-20);color:var(--point-white);font-weight:500;text-align: center;}
	
	.sub_ci .choice_box{margin-top:100px;text-align: center;}
	.sub_ci .choice_box > h4{font-size:var(--title-40);color:var(--black-color00);font-weight:500;text-align: center;}
	.sub_ci .choice_box > h4 strong{display: block;font-size:var(--title-60);color:inherit;font-weight:700;}
	.sub_ci .choice_box > p{margin-top:60px;font-size:var(--title-20);color:var(--black-color00);font-weight:500;line-height:1.7;}
	.sub_ci .choice_box > p strong{display: block;font-size:150%;color:inherit;font-weight:600;padding-bottom:20px;}
	.sub_ci .choice_box ul{display: flex;flex-wrap:wrap;gap:15px;margin-top:40px;}
	.sub_ci .choice_box ul li{width:calc(100% / 7 - 13px);background: #696363;}
	.sub_ci .choice_box ul li .img{width:100%;height:0;padding-bottom:100%;position: relative;overflow:hidden;}
	.sub_ci .choice_box ul li .img img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index: 2;object-fit:cover;}
	.sub_ci .choice_box ul li dl{box-sizing:border-box;text-align: center;font-size:var(--title-20);color:var(--point-white);font-weight:500;}
	.sub_ci .choice_box ul li dl dt{font-size:inherit;color:inherit;font-weight:inherit;box-sizing:border-box;padding:15px 10px;}
	.sub_ci .choice_box ul li dl dd{box-sizing:border-box;border-top:2px solid var(--point-white);font-size:inherit;color:inherit;font-weight:inherit;padding:25px 10px;text-transform: capitalize;}
	.sub_ci .choice_box ul li dl dd span{display: block;font-size:89%;color:var(--black-color12);font-weight:400;}
	
	@media only screen and (max-width:1024px) {
		.sub_ci .seven_box{margin-top:120px;}
		.sub_ci .seven_box .intro_box{margin-top:40px;}

		.sub_ci .choice_box > p br{display: none;}
		.sub_ci .choice_box ul{justify-content: center;}
		.sub_ci .choice_box ul li{width:calc(100% / 4 - 12px);}
	}
	@media only screen and (max-width:640px) {
		.sub_ci .seven_box .intro_box{margin-top:30px;gap:60px;}
		.sub_ci .seven_box .intro_box > div{width:calc(50% - 30px);}
		.sub_ci .seven_box .intro_box > div + div:before{width:30px;height:30px;left:-55px;}
		.sub_ci .seven_box .intro_box .img .img_txt{padding:0 15px;bottom:10px;}
		.sub_ci .seven_box .intro_box .txt{padding:20px 10px;}
		
		.sub_ci .choice_box{margin-top:60px;}
		.sub_ci .choice_box > p{margin-top:40px;}
		.sub_ci .choice_box > p strong{padding-bottom:10px;}
		.sub_ci .choice_box ul{justify-content: flex-start;}
		.sub_ci .choice_box ul li{width:calc(50% - 7.5px);}
	}
	@media only screen and (max-width:479px) {
		.sub_ci .seven_box .intro_box > div{width:100%;}
		.sub_ci .seven_box .intro_box > div + div:before{left:50%;top:-45px;transform:translate(-50%, 0);}
		.sub_ci .seven_box .intro_box .img{border-radius:10px 10px 0 0;}
		.sub_ci .seven_box .intro_box .txt{border-radius:0 0 10px 10px;}
	}
	
	/*moment*/
		.sub_ci .moment_box{box-sizing:border-box;position: relative;}
		.sub_ci .moment_box .center{width:250px;display: flex;align-items: center;justify-content: center;aspect-ratio:1;box-sizing:border-box;border-radius:100%;text-align: center;background:var(--black-color00);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:0 20px;z-index:4;font-size:var(--title-20);}
		.sub_ci .moment_box .center p{font-size:120%;color:var(--point-white);font-weight:500;}
		.sub_ci .moment_box ul{box-sizing:border-box;border-radius:20px;overflow:hidden;display: flex;flex-wrap:wrap;}
		.sub_ci .moment_box ul li{width:50%;height:0;padding-bottom:32%;position: relative;overflow:hidden;}
		.sub_ci .moment_box ul li img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover}
		
		@media only screen and (max-width:860px) {
			.sub_ci .moment_box .center{width:200px;}
		}
		@media only screen and (max-width:640px) {
			.sub_ci .moment_box .center{width:150px;}
		}
		@media only screen and (max-width:479px) {
			.sub_ci .moment_box ul{border-radius:10px;}
			.sub_ci .moment_box .center p{font-size:100%;}
			.sub_ci .moment_box .center{width:150px;padding:0 10px;}
		}
		
/*───────────────────────────────────────────────────────────

	 사업안내 - OEM/ODM
	 
───────────────────────────────────────────────────────────*/
	.sub_oem .business_box{position: relative;}
	.sub_oem .business_box > a{position: absolute;top:-80px}
	.sub_oem .business_box + .business_box{margin-top:170px;}
	.sub_oem .business_box .bg_box{width:100%;height:0;padding-bottom:560px;position: relative;overflow:hidden;}
	.sub_oem .business_box .oem_bg.bg_box{background:url('../images/sub/oem_bg.jpg')no-repeat center;background-size:cover;}
	.sub_oem .business_box .odm_bg.bg_box{background:url('../images/sub/odm_bg.jpg')no-repeat center;background-size:cover;}

	.sub_oem .business_box .txt_box{background:var(--point-white);margin-top:-53px;padding-top:97px;}
	.sub_oem .business_box .txt_box .tit{text-align: center;font-size:var(--title-20);color:var(--black-color06);font-weight:400;}
	.sub_oem .business_box .txt_box .tit span{font-size:120%;color:var(--point-color01);font-weight:500;}
	.sub_oem .business_box .txt_box .tit h3{font-size:var(--title-60);color:var(--black-color03);font-weight:700;margin-top:9px;letter-spacing:-0.03em;}
	.sub_oem .business_box .txt_box .tit p{font-size:89%;color:inherit;font-weight:inherit;font-family:var(--font-type01);margin-top: 21px;line-height: 1.6;letter-spacing: -0.03em;}
	
	.sub_oem .business_box .icon_box{display: flex;flex-wrap:wrap;box-sizing:border-box;padding:0 49px;margin-top:121px;}
	.sub_oem .business_box .icon_box li{width:33.3333%;box-sizing:border-box;text-align: center;}
	.sub_oem .business_box .icon_box li + li{border-left:1px solid #ddd;}
	.sub_oem .business_box .icon_box .icon{height:60px;display: flex;align-items: center;justify-content: center;}
	.sub_oem .business_box .icon_box .icon img{max-height:60px;}
	.sub_oem .business_box .icon_box .txt{font-size:var(--title-20);color:var(--black-color06);font-weight:400;margin-top:23px;}
	.sub_oem .business_box .icon_box .txt dt{font-size:109%;color:var(--black-color00);font-weight:500;}
	.sub_oem .business_box .icon_box .txt dd{font-size:80%;color:inherit;font-weight:inherit;line-height:1.6;margin-top:13px;}

	@media only screen and (max-width:1024px) {
		.sub_oem .business_box + .business_box{margin-top:120px;}
		.sub_oem .business_box .bg_box{padding-bottom:55vw;}
		.sub_oem .business_box .txt_box{padding-top:60px;}
		.sub_oem .business_box .icon_box{padding:0;margin-top:80px;}
	}
	@media only screen and (max-width:860px) {
		.sub_oem .business_box + .business_box{margin-top:100px;}
		.sub_oem .business_box .icon_box li{padding:0 10px;}
		.sub_oem .business_box .icon_box .txt dd br{display: none;}
	}
	@media only screen and (max-width:640px) {
		.sub_oem .business_box + .business_box{margin-top:80px;}
		.sub_oem .business_box .txt_box{margin-top:-40px;padding-top:30px;}
		.sub_oem .business_box .txt_box .tit p{margin-top:10px;}
		
		.sub_oem .business_box .icon_box{margin-top:30px;}
		.sub_oem .business_box .icon_box li{width:100%;padding:30px 10px;}
		.sub_oem .business_box .icon_box li + li{border:none;}
		.sub_oem .business_box .icon_box .txt{margin-top:15px;}
		.sub_oem .business_box .icon_box .txt dd{margin-top:5px;}
	}
	@media only screen and (max-width:500px) {
		.sub_oem .business_box + .business_box{margin-top:60px;}
		.sub_oem .business_box .icon_box li{padding:20px 10px;}
		.sub_oem .business_box .icon_box .icon{height:50px;}
	}

/*───────────────────────────────────────────────────────────

	 제품소개 - 리스트
	 
───────────────────────────────────────────────────────────*/
	.sub_cate_wrap{margin-top:26px;}
	.sub_cate_wrap ul{display: flex;}
	.sub_cate_wrap ul li{width:100%;font-size:var(--title-20);color:var(--black-color08);font-weight:400;border-bottom:1px solid #ddd;position: relative;font-family:var(--font-type01);position: relative;}
	.sub_cate_wrap ul li a{display: flex;align-items: center;justify-content: center;width:100%;font-size:89%;color:inherit;font-weight:inherit;font-family:inherit;text-align:center;padding:16px 0;}
	.sub_cate_wrap ul li.on{color:var(--point-color01);font-weight:500;}
	.sub_cate_wrap ul li.on:after{width:100%;height:2px;content:"";background:var(--point-color01);position: absolute;bottom:-1px;left:0;}
	.list_Galleryform{margin-top:60px;}
	.list_Galleryform ul{display: flex;flex-wrap:wrap;width:calc(100% + 30px);margin-left:-15px;}
	.list_Galleryform ul li{margin:0 15px 70px;width:calc(100% / 3 - 30px);position: relative;text-align: center;}
	.list_Galleryform ul li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:3;}
	.list_Galleryform ul li .thumb{width:100%;position: relative;overflow:hidden;border-radius: 30px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);}
	.list_Galleryform ul li .thumb .img{width:100%;height:0;padding-bottom:100%;box-sizing:border-box;overflow:hidden;position: relative;}
	.list_Galleryform ul li .thumb .img img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
	.list_Galleryform ul li .thumb .ov_box{display:none;}
	.list_Galleryform ul li .txt{font-size:var(--title-20);color:var(--black-color00);font-weight:600;font-family:var(--font-type01);margin-top:40px;}
	.list_Galleryform ul li .txt .name{font-size:129%;color:inherit;font-weight:inherit;font-family:inherit;letter-spacing:-0.03em;}
	.list_Galleryform ul li .txt .des{font-size:89%;color:var(--black-color05);font-weight:400;font-family:inherit;margin-top:17px;letter-spacing:-0.03em;}
	.sub_list .list_array + .list .no_data {display: flex; justify-content: center; align-items: center; min-height: 160px;}
	
	@media only screen and (min-width:1024px) {
		.list_Galleryform ul li .thumb .ov_box{display: block;width:calc(100% - 40px);position: absolute;bottom:20px;left:20px;border-radius:25px;height:50px;display: flex;align-items: center;justify-content: center;box-sizing:border-box;background:var(--point-color01);font-size:var(--title-20);color:var(--point-white);font-weight:500;opacity:0;transform:translateY(100px);transition:all 0.3s;}	
		.list_Galleryform ul li .thumb .ov_box span{font-size:89%;color:inherit;font-weight:inherit;}
		.list_Galleryform ul li:hover .thumb .ov_box{opacity:1;transform:translateY(0);}
	}
	@media only screen and (max-width:1024px) {
		.list_Galleryform ul{width:calc(100% + 20px);margin-left:-10px;}
		.list_Galleryform ul li{margin:0 10px 50px;width:calc(100% / 3 - 20px);}
	}
	@media only screen and (max-width:860px) {
		.list_Galleryform{margin-top:50px;}
		.list_Galleryform ul li .txt{margin-top:18px;}
		.list_Galleryform ul li .txt .des{margin-top:10px;}
	}
	@media only screen and (max-width:640px) {
		.sub_cate_wrap{margin-top:0;}
		.list_Galleryform ul li{width:calc(50% - 20px);}
	}
	@media only screen and (max-width:500px) {
		.sub_cate_wrap ul li a{padding:12px 5px;}

		.list_Galleryform{margin-top:40px;}
		.list_Galleryform ul{width:calc(100% + 15px);margin-left:-7.5px;}
		.list_Galleryform ul li{margin:0 7.5px 40px;width:calc(100% / 2 - 15px);}
		.list_Galleryform ul li .thumb{border-radius:15px;}
		.list_Galleryform ul li .txt{margin-top:12px;}
	}

/*───────────────────────────────────────────────────────────

	 제품소개 - 뷰
	 
───────────────────────────────────────────────────────────*/
	.sub_good_view{}
	.sub_good_view .goods_info{background-size:cover;box-sizing:border-box;padding:0;margin-top:5px;overflow:hidden;}
	.sub_good_view .goods_info .w_custom{display: flex;flex-wrap:wrap;justify-content: space-between;align-items: center;height:100%;}
	.sub_good_view .goods_info .w_custom > div{box-sizing:border-box;}
	.sub_good_view .goods_info .txt{width:54%;padding-right:30px;}	
	.sub_good_view .goods_info .txt h3{font-size:var(--title-60);color:var(--point-white);font-weight: 600;}
	.sub_good_view .goods_info .txt h3 span{font-size:92%;color:inherit;font-weight:inherit;}
	.sub_good_view .goods_info .txt p{font-size:var(--title-20);color:var(--point-white);font-weight:400;font-family:var(--font-type01);margin-top:20px;}
	.sub_good_view .goods_info .txt p span{font-size:129%;color:inherit;font-weight:inherit;font-family:inherit;}
	.sub_good_view .goods_info .img{width:46%;position: relative;overflow:hidden;height:0;padding-bottom:46%;}
	.sub_good_view .goods_info .img img{max-width: initial;position: absolute;width: 50%;max-height: initial;top: 50%; left: 50%;transform: translate(-50%, -50%);}
	.sub_good_view .prd_detail{margin-top:135px;}
	.sub_good_view .prd_detail .tit{font-size:var(--title-30);color:var(--black-color00);font-weight: 600;}
	.sub_good_view .prd_detail h4{font-size:104%;color:inherit;font-weight:inherit;box-sizing:border-box;padding-left:30px;position: relative;}
	.sub_good_view .prd_detail h4:before{width:10px;height:10px;content:"";background: var(--point-color01);position: absolute;left:0;top:50%;transform:translateY(-50%);}
	.sub_good_view .prd_detail ul{margin-top:28px;}

	@media only screen and (max-width:1024px) {
		.sub_good_view .goods_info .img{margin-right:0;}
		.sub_good_view .prd_detail{margin-top:100px;}
		.sub_good_view .prd_detail h4{padding-left:20px;}
	}
	@media only screen and (max-width:860px) {
		.sub_good_view .goods_info .txt{width:45%;}
		.sub_good_view .goods_info .img{width:55%;padding-bottom:55%;}
	}
	@media only screen and (max-width:640px) {
		.sub_good_view .goods_info .w_custom{justify-content: center;}
		.sub_good_view .goods_info .txt{width:100%;padding:30px 0 0 0;}
		.sub_good_view .goods_info .txt p{margin-top:10px;}
		.sub_good_view .goods_info .img{width:62%;padding-bottom:62%;}

		.sub_good_view .prd_detail{margin-top:70px;}
		.sub_good_view .prd_detail h4:before{width:7px;height:7px;}
		.sub_good_view .prd_detail ul{margin-top:15px;}
	}
	@media only screen and (max-width:500px) {
		.sub_good_view .goods_info{margin-top:0;}
		.sub_good_view .goods_info .img{width:90%;padding-bottom:90%;}
		
		.sub_good_view .prd_detail{margin-top:40px;}
		.sub_good_view .prd_detail h4{padding-left:12px;}
		.sub_good_view .prd_detail h4:before{width:5px;height:5px;}
	}