.body-sub,
.subContents,
.contents {margin:0;}


/* 공통 콘텐츠 타이틀*/

.con-title {margin-bottom: 40px; position: relative; padding-left: 40px;}
.con-title::after {content: ""; position: absolute; top: 2px; left: 0; width: 24px; height: 34px; background: url(../images/contents/title_icon.png) no-repeat center / 100%;}
.con-title h2 {font-size: 32px; font-weight: 500; color: #222; word-break: break-all;}

@media only screen and (max-width: 1024px) {
	.con-title {margin-bottom: 25px; padding-left: 30px;}
	.con-title::after { width: 20px; height: 26px; top: 0px;}

	.con-title h2 {font-size: 28px;}
}

@media only screen and (max-width: 480px) {
	.con-title {margin-bottom: 15px;}
	.con-title h2 {font-size: 20px;}
}


/*공통 텍스트 콘텐츠*/
.con__text {margin-bottom:40px;}
.con__text p{font-size:22px; color:#666; line-height:1.3; word-break: break-all;}

.con__text2 {margin-bottom:40px;}
.con__text2 p{font-size:22px; color:#666; line-height:1.3; padding-left: 20px; position: relative; word-break: break-all;}
.con__text2 p::after{ content: ""; position: absolute; top: 10px; left: 0; width: 6px; height: 6px; background: #000; border-radius: 50%;}

@media only screen and (max-width: 1024px) {
	.con__text {margin-bottom:30px;}
	.con__text p{font-size:20px;}

	.con__text2 {margin-bottom:30px;}
	.con__text2 p{font-size:20px;}

}

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

	.con__text p{font-size:18px;}
	.con__text2 p{font-size:18px;}

}
@media only screen and (max-width: 480px) {

	.con__text {margin-bottom:20px;}
	.con__text p{font-size:16px;}

	.con__text2 {margin-bottom:20px;}
	.con__text2 p{font-size:16px;}

}





/* 공통 */
.fx{display: flex; display: -ms-flex; display: -webkit-flex;}
.col_a{color:#f48120 !important; vertical-align: baseline;}
.col_b{color:#29155a;}
.bg_a{background:#5a4099;}
.bg_b{background:#29155a;}
.h_type1{font-size:60px; color:#222; font-weight: 300; text-align: center; position: relative;}
.h_type1 span{position: relative;}
.p_type1{font-size:20px; font-weight: 400; color:#222; line-height: 1.6;}

@media(max-width:1024px){
	.h_type1{font-size:50px;}
	.p_type1{font-size:18px;}
}

@media(max-width:768px){
	.h_type1{font-size:40px;}
	.p_type1{font-size:16px;}
}

@media(max-width:425px){
	.h_type1{font-size:30px;}
	.p_type1{font-size:14px;}
}


/* 다운로드 버튼 */
.bnt-wrap {display: flex; justify-content: center; margin-top: 40px; }
.bnt-wrap .bnt.nth-1 {margin-right: 40px;}
.bnt-wrap .bnt a {display: block;  color: #fff;}

.bnt-wrap.type1 .bnt {width: 200px; height: 50px; padding: 20px; text-align: left; cursor: pointer; background: #e9822c url(../images/contents/down_ico.png) center right 20px no-repeat; color: #fff; font-size: 14px; font-weight: 600;}
.bnt-wrap.type1 .bnt:hover { background: #000 url(../images/contents/down_ico.png) center right 20px no-repeat;  }
.bnt-wrap.type2 .bnt {width: 250px; height: 50px; padding: 20px; text-align: left; cursor: pointer; background: #e9822c url(../images/contents/link_ico.png) center right 20px no-repeat; color: #fff; font-size: 14px; font-weight: 600;}
.bnt-wrap.type2 .bnt:hover { background: #000 url(../images/contents/link_ico.png) center right 20px no-repeat;  }
.product .bnt-wrap.type2 {margin-top: 80px;}


@media only screen and (max-width: 1024px){
	.bnt-wrap {margin-top: 30px; }

	.bnt-wrap .bnt.nth-1 {margin-right: 30px;}
	.product .bnt-wrap.type2 {margin-top: 60px;}

}

@media only screen and (max-width: 768px){
	.bnt-wrap {margin-top: 20px; }

	.bnt-wrap.type1 .bnt {width: 180px;}
	.product .bnt-wrap.type2 {margin-top: 40px;}

}

@media only screen and (max-width: 640px){
	.bnt-wrap .bnt.nth-1 {margin-right: 3px;}
}

@media only screen and (max-width: 480px){
	.bnt-wrap {margin-top: 20px; flex-direction: column; justify-content: center; align-items: center;}

	.bnt-wrap.type1 .bnt {width: 180px; }
	.bnt-wrap .bnt.nth-1 { margin-bottom: 10px; margin-right: 0;}

}

/* 테이블 */
.table.type1 {border-left: none; border-right: none; border-bottom: 1px solid #ddd;}
.table.type1.bd {border-bottom: 1px solid #000;}
.table.type1 tr { text-align: center; border-bottom:1px solid #ddd;}
.table.type1 tr:last-child {border-bottom: 0;}
.table.type1 th {font-size: 20px; color: #fff; font-weight: 600; vertical-align: middle; text-align: center; background: #f48120; padding: 20px 5px;}
.table.type1 td{padding: 20px 0 ;}
.table.type1 td p {font-size: 18px; line-height: 1.3; color: #444; font-weight: 400;}
.table.type1 td li {font-size: 18px; line-height: 1.3; color: #444; font-weight: 400; text-align: left; padding-left: 15px; position: relative;}
.table.type1 td li::after {content: ""; width: 5px; height: 1px; background: #444; position: absolute; top: 8px; left: 0;}

@media only screen and (max-width: 1024px){
	.table.type1 th {font-size: 18px; padding: 20px 5px;}
	.table.type1 td{padding: 20px 0 ;}
	.table.type1 td p {font-size: 16px; }
	.table.type1 td li {font-size: 16px; padding-left: 15px; }

}
@media only screen and (max-width:768px){

	.table.type1 {width: 100%; overflow-x: scroll;}
	.table.type1 table {min-width: 760px;}

	.table.type1 th { padding: 15px 5px;}
	.table.type1 td{padding: 15px 0 ;}
	.table.type1 td li {font-size: 14px; padding-left: 15px; }

}

/* 탭 */
.tab-wrap {text-align: center; margin: 100px 0;}
.tab {display: flex;}
.tab li {width: 100%; }
.tab li a {display: block; color: #666; padding: 25px 10px; font-size: 18px; font-weight: 500; border: 1px solid #e5e5e5;}

.tab li.active a,
.tab li:hover a {color: #fff; font-weight: 700; border: 1px solid #f48120; background: #f48120;}


.tab-wrap.board {margin-bottom: 60px;}

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

}

@media only screen and (max-width: 1024px){
	.tab-wrap { margin: 80px 0;}
	.tab li a { padding: 20px 10px; font-size: 16px; }

}

@media only screen and (max-width: 768px){
	.tab-wrap { margin: 60px 0;}
	.tab-wrap.board {margin-bottom: 40px;}

}

@media only screen and (max-width: 480px){
	.tab-wrap { margin: 40px 0;}
	.tab {flex-direction: column;}
	.tab li a { padding: 15px 10px; font-size: 14px; }

}

/* ★★★★★★★★★★ 1.회사소개 ★★★★★★★★★★ */

/* 010101_회사개요 */
.company .content1 {padding: 0 0 100px;}
.company .content1 .bg_box {width: 100%; height: 500px; border-radius: 40px; padding: 120px 0 340px ; background: url(../images/contents/010101_bg01.jpg) no-repeat center;}
.company .content1 .bg_box h2 { font-size: 36px; line-height: 1.3; color: #fff; font-weight: 500; margin-left: 25%; padding-left: 80px; word-break: break-all;}
.company .content1 .bg_box .fnt_l {font-size: 1.2em;}
.company .content1 .text_box {width: 75%; margin-left: 25%; padding: 80px 80px 0; background: #fff; border-top-left-radius: 40px; margin-top: -150px; word-break: break-all;}
.company .content1 .text_box p {font-size: 20px; color: #222; font-weight: 400; margin-bottom: 40px; line-height: 1.3;}
.company .content1 .text_box p.right {text-align: right;}
.company .content1 .text_box p.right .sign_img {vertical-align: bottom; margin-left: 40px;}

.company .content2 {background: #fdf7f1; padding: 100px 0;}
.company .content2 .con-wrap{ display: flex; justify-content: space-between; }
.company .content2 .con-wrap .img_box{width: 350px; height: 340px; padding-right: 80px; border-radius: 20px; background: url(../images/contents/010101_bg02.png) no-repeat center / cover;}
.company .content2 .con-wrap .item_box{ display: flex; flex-wrap: wrap;  font-size: 0; width: calc(100% - 430px);}
.company .content2 .con-wrap .item_box .item{display: inline-block; line-height: 1.5; width: 33.3%; vertical-align: top;}
.company .content2 .con-wrap .it_title{font-size: 20px; color: #f48120; font-weight: 600; text-decoration: underline; margin-bottom: 20px;}
.company .content2 .con-wrap .it_text{font-size: 18px; color: #666666; }

.company .content3 {padding: 100px 0 0;}
.company .content3 .con-bar {width: 100%; display: flex; flex-direction: row;}
.company .content3 .con-bar .item {position: relative; height: 210px; padding: 40px;}
.company .content3 .con-bar .item h3 {font-size: 25px; color: #492609; font-weight: 600; word-break: break-all; line-height: 1.1;}
.company .content3 .con-bar .item p {font-size: 18px; color: #492609; font-weight: 500; line-height: 1.5; margin-top: 30px; position: relative;}
.company .content3 .con-bar .item p::after {content: ""; position: absolute; top: -15px; left: 0; width: 20px; height: 1px; background: #492609;}
.company .content3 .con-bar .item::after {}
.company .content3 .con-bar .item.nth-1 { background: #f48120; width: 50%; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
.company .content3 .con-bar .item.nth-2 { background: #f7a662; width: 30%; content: "20%";}
.company .content3 .con-bar .item.nth-3 { background: #fbd9bc; width: 20%; content: "10%";  border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.company .content3 .con-bar .item.nth-1::after { content: "70%"; position: absolute; bottom: -15px; right: -10px; font-size: 80px; color: #fff; font-weight: 700;}
.company .content3 .con-bar .item.nth-2::after { content: "20%"; position: absolute; bottom: -15px; right: -10px; font-size: 80px; color: #fff; font-weight: 700;}
.company .content3 .con-bar .item.nth-3::after { content: "10%"; position: absolute; bottom: -15px; right: -10px; font-size: 80px; color: #fff; font-weight: 700;}

@media only screen and (max-width: 1440px){
	.company .content1 .bg_box { height: 400px;  padding: 120px 0 340px ; }
	.company .content1 .bg_box h2 { font-size: 32px; margin-left: 15%; padding-left: 80px;}
	.company .content1 .text_box {width: 85%; margin-left: 15%; padding: 80px 80px 0; background: #fff; }

	.company .content2 .con-wrap .img_box{width: 320px; height: 340px; }
	.company .content2 .con-wrap .item_box{ display: flex; flex-wrap: wrap;  font-size: 0; width: calc(100% - 360px);}
	.company .content2 .con-wrap .it_title{font-size: 20px; margin-bottom: 20px;}
	.company .content2 .con-wrap .it_text{font-size: 18px; }

	.company .content3 .con-bar .item {height: 240px; padding: 30px;}
	.company .content3 .con-bar .item h3 {font-size: 22px; }
	.company .content3 .con-bar .item p {font-size: 18px; margin-top: 30px; }
	.company .content3 .con-bar .item p::after {content: ""; position: absolute; top: -15px; left: 0; width: 20px; height: 1px; background: #492609;}
	.company .content3 .con-bar .item.nth-1 { width: 50%; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
	.company .content3 .con-bar .item.nth-2 { width: 30%; }
	.company .content3 .con-bar .item.nth-3 { width: 20%; }
	.company .content3 .con-bar .item.nth-1::after { bottom: -12px; right: -8px; font-size: 70px; }
	.company .content3 .con-bar .item.nth-2::after { bottom: -12px; right: -8px; font-size: 70px; }
	.company .content3 .con-bar .item.nth-3::after { bottom: -12px; right: -8px; font-size: 70px; }
	
}

@media only screen and (max-width: 1024px){
	.company .content1 {padding: 0 0 80px;}
	.company .content1 .bg_box { height: 300px;  padding: 80px 0 280px ; }
	.company .content1 .bg_box h2 { font-size: 28px; margin-left: 10%; padding-left: 60px;}
	.company .content1 .text_box {width: 90%; margin-left: 10%; padding: 60px 60px 0;margin-top: -100px;}
	.company .content1 .text_box p {font-size: 18px; margin-bottom: 20px;}
	.company .content1 .text_box p.right .sign_img { margin-left: 20px;}

	.company .content2 {padding: 80px 0;}
	.company .content2 .con-wrap .img_box{width: 240px; height: 440px; }
	.company .content2 .con-wrap .item_box{ width: calc(100% - 260px);}
	.company .content2 .con-wrap .item_box .item {width: 50%;}

	.company .content3 {padding: 80px 0 0;}

	.company .content3 .con-bar .item {height: 220px; padding: 30px;}
	.company .content3 .con-bar .item h3 {font-size: 20px; }
	.company .content3 .con-bar .item p {font-size: 16px; margin-top: 30px; }
	.company .content3 .con-bar .item p::after {content: ""; position: absolute; top: -15px; left: 0; width: 20px; height: 1px; background: #492609;}
	.company .content3 .con-bar .item.nth-1 { width: 40%; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
	.company .content3 .con-bar .item.nth-2 { width: 35%; }
	.company .content3 .con-bar .item.nth-3 { width: 25%; }
	.company .content3 .con-bar .item.nth-1::after { bottom: -12px; right: -8px; font-size: 60px; }
	.company .content3 .con-bar .item.nth-2::after { bottom: -12px; right: -8px; font-size: 60px; }
	.company .content3 .con-bar .item.nth-3::after { bottom: -12px; right: -8px; font-size: 60px; }
	
}

@media only screen and (max-width: 768px){
	.company .content1 {padding: 0 0 60px;}
	.company .content1 .bg_box { height: 280px;  padding: 50px 0 220px ; }
	.company .content1 .bg_box h2 { font-size: 25px; margin-left: 10%; padding-left: 40px;}
	.company .content1 .text_box {width: 90%; margin-left: 10%; padding: 40px 40px 0; margin-top: -80px;}
	.company .content1 .text_box p {font-size: 18px; margin-bottom: 20px;}
	.company .content1 .text_box p.right .sign_img { margin-left: 20px;}
	.company .content1 .text_box p.right .sign_img img{ width: 150px;}

	.company .content2 {padding: 60px 0;}
	.company .content2 .con-wrap {flex-direction: column;}
	.company .content2 .con-wrap .img_box{width: 100%; height: 200px;}
	.company .content2 .con-wrap .item_box{ width: 100%;}
	.company .content2 .con-wrap .item_box .item{margin-top: 20px; font-size: 16px;}
	.company .content2 .con-wrap .it_title{font-size: 18px; margin-bottom: 10px;}

	.company .content3 {padding: 60px 0 0;}
	.company .content3 .con-bar .item {height: 200px; padding: 30px;}
	.company .content3 .con-bar .item h3 {font-size: 20px; }
	.company .content3 .con-bar .item p {font-size: 16px; margin-top: 30px; }
	.company .content3 .con-bar .item p::after {content: ""; position: absolute; top: -15px; left: 0; width: 20px; height: 1px; background: #492609;}
	.company .content3 .con-bar .item.nth-1 { width: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 0; }
	.company .content3 .con-bar .item.nth-2 { width: 60%; border-bottom-left-radius: 20px;}
	.company .content3 .con-bar .item.nth-3 { width: 40%; border-top-right-radius: 0; }
	.company .content3 .con-bar .item.nth-1::after { bottom: -12px; right: -8px; font-size: 60px; }
	.company .content3 .con-bar .item.nth-2::after { bottom: -12px; right: -8px; font-size: 60px; }
	.company .content3 .con-bar .item.nth-3::after { bottom: -12px; right: -8px; font-size: 60px; }
	.company .content3 .con-bar {flex-wrap: wrap;}

}

@media only screen and (max-width: 480px){
	.company .content1 .bg_box { height: 280px;  padding: 50px 0 220px ;border-radius:20px; }
	.company .content1 .bg_box h2 { font-size: 22px; margin-left: 8%; padding-left: 30px;}
	.company .content1 .text_box {width: 92%; margin-left: 8%; padding: 30px 30px 0; margin-top: -60px; border-top-left-radius: 20px;}
	.company .content1 .text_box p {font-size: 15px; margin-bottom: 10px;}
	.company .content1 .text_box p.right .sign_img { margin-left: 10px;}
	.company .content1 .text_box p.right .sign_img img{ width: 120px;}
	.company .content2 .con-wrap .item_box .item {width: 100%;}

	.company .content3 .con-bar .item {height: 150px; padding: 20px;}

	.company .content3 .con-bar .item.nth-1 { width: 100%;}
	.company .content3 .con-bar .item.nth-2 { width: 100%; border-bottom-left-radius: 0;}
	.company .content3 .con-bar .item.nth-3 { width: 100%; border-bottom-left-radius: 20px;}
}

/* 010201_경영이념 */
.management .content1 {padding-bottom: 100px;}
.management .content1 .con-box {display: flex; align-items: center; border: 4px solid #f48120; border-top-left-radius: 40px; border-bottom-right-radius: 40px; padding: 20px;}
.management .content1 .con-box .item.nth-1 { width: 30%; text-align: center; border-right: 4px solid #f48120; padding: 30px 0 10px;}
.management .content1 .con-box .item.nth-2 { width: 70%; text-align: center; font-size: 28px; font-weight: 500; color: #222; line-height: 1.3;}  
.management .content2 {background: #fdf7f1;  padding: 100px 0;}
.management .content2 .con-box {text-align: center;}
.management .content3 {padding: 100px 0 0;}
.management .content3 .con-box {width: 100%; background: #e9822c; display: flex; flex-direction: row; }
.management .content3 .con-box .item {width: 50%; padding: 50px; color: #fff; font-size: 26px; font-weight: 500; line-height: 1.1; word-break: break-all;}
.management .content3 .con-box .item.nth-2 {position: relative;}
.management .content3 .con-box .item.nth-2::after {position: absolute; content: ""; top: 0; left: 0; background: #cf6b17; width: 1px; height: 90px;  }

@media only screen and (max-width: 1440px){
	.management .content1 .con-box .item.nth-1 img {width: 200px;}
	.management .content1 .con-box .item.nth-2 { font-size: 24px; }  
	
}

@media only screen and (max-width: 1024px){
	.management .content1 {padding-bottom: 80px;}
	.management .content2 {padding: 80px 0;}
	.management .content3 {padding: 80px 0 0;}
	.management .content1 .con-box .item.nth-1 img {width: 160px;}
	.management .content1 .con-box .item.nth-1 { width: 35%; }
	.management .content1 .con-box .item.nth-2 { width: 65%; font-size: 22px;}  
	
	.management .content3 .con-box .item {padding: 40px; font-size: 20px; }
	.management .content3 .con-box .item.nth-2::after { height: 70px;  }

}

@media only screen and (max-width: 768px){
	.management .content1 {padding-bottom: 60px;}
	.management .content2 {padding: 60px 0;}
	.management .content3 {padding: 60px 0 0;}
	.management .content1 .con-box {flex-direction: column;}
	.management .content1 .con-box .item.nth-1 { border-bottom: 4px solid #f48120; border-right: 0; padding: 20px 0;}
	.management .content1 .con-box .item.nth-1 { width: 100%; }
	.management .content1 .con-box .item.nth-2 { width: 100%; font-size: 20px; padding-top: 20px ;}  

	.management .content3 .con-box {flex-direction: column;}
	.management .content3 .con-box .item {padding: 30px; font-size: 20px; width: 100%; }
	.management .content3 .con-box .item.nth-2::after {position: absolute; content: ""; top: 0; left: 0; background: #cf6b17; width: 100px; height: 1px;  }

}

@media only screen and (max-width: 480px){
	.management .content3 .con-box .item {padding: 25px 15px; font-size: 18px; }
	.management .content1 .con-box .item.nth-2 {font-size: 18px;}  

}

/* 010301_회사연혁 */
.history { background: linear-gradient(to right, #f48120 30%, #f2f2f2 30%) ; width: 100%; height: 870px; padding: 100px 0 120px; margin-bottom: -120px;}
.history::before { background: url(../images/contents/010301_bg.png) no-repeat center;}
.history .content {display: flex; }
.history .content .item.nth-1 {width: 500px; height: 650px; border-radius: 10px; background: url(../images/contents/010301_img.png) no-repeat center; margin-right: 150px; }
.history .content .item.nth-2 { margin-top: 70px;}
.history .content .item.nth-2 h3 {font-size: 46px; font-weight: 700; color: #222; margin-bottom: 80px; }
.history .content .item.nth-2 .text-box {}
.history .content .item.nth-2 .text-box .txt_item {display: flex; align-items: flex-start; margin-bottom: 40px;}
.history .content .item.nth-2 .text-box .txt_item .year{min-width: 60px; color: #f48120; font-size: 26px; font-weight: 700; display: inline-block; margin-right: 100px; position: relative; width: 60px;}
.history .content .item.nth-2 .text-box .txt_item .year::after{content: ""; width: 10px; height: 2px; background: #a7a79c; position: absolute; top: 50%; right: -60px; }
.history .content .item.nth-2 .text-box .txt_item .mon-list {display: inline-block;}
.history .content .item.nth-2 .text-box .txt_item .mon {margin-bottom: 4px; display: flex;}
.history .content .item.nth-2 .text-box .txt_item .mon span{display: inline-block; word-break: break-all; min-width: 25px;}
.history .content .item.nth-2 .text-box .txt_item .mon span.nth-1{font-size: 18px; color: #888; font-weight: 700; margin-right: 20px; width: 25px;}
.history .content .item.nth-2 .text-box .txt_item .mon span.nth-2{font-size: 18px; color: #888; font-weight: 400;}
@media only screen and (max-width: 1440px){
	.history .content .item.nth-1 { margin-right: 100px; }
	.history .content .item.nth-2 h3 {font-size: 44px; margin-bottom: 60px; }

}

@media only screen and (max-width: 1024px){
	.history { height: auto; padding: 80px 0 80px; margin-bottom: -80px;}
	.history .content .item.nth-1 { margin-right: 80px; }
	.history .content .item.nth-2 { margin-top: 0;}
	.history .content .item.nth-2 h3 {font-size: 40px; margin-bottom: 40px; }
	.history .content .item.nth-2 .text-box .txt_item .year{font-size: 24px; margin-right: 60px; width:60px;}
	.history .content .item.nth-2 .text-box .txt_item .year::after{content: ""; width: 10px; height: 2px;right: -35px; }
	.history .content .item.nth-2 .text-box .txt_item .mon-list {display: inline-block;}
	.history .content .item.nth-2 .text-box .txt_item .mon {margin-bottom: 4px; display: flex;}
	.history .content .item.nth-2 .text-box .txt_item .mon span{display: inline-block;}
	.history .content .item.nth-2 .text-box .txt_item .mon span.nth-1{font-size: 18px; color: #888; font-weight: 700; margin-right: 20px; width: 25px;}
	.history .content .item.nth-2 .text-box .txt_item .mon span.nth-2{font-size: 18px; color: #888; font-weight: 400;}
	
}

@media only screen and (max-width: 768px){
	.history { background: linear-gradient(to bottom, #f48120 30%, #f2f2f2 30%); height: auto; padding: 40px 0 60px; margin-bottom: -60px;}

	.history .content {display: flex; flex-direction: column; }

	.history .content .item.nth-1 { margin-right: 0; width: 100%; height: 350px; margin-bottom: 20px;}
	.history .content .item.nth-2 .text-box .txt_item {margin-bottom: 20px;}
}

@media only screen and (max-width: 640px){
	.history .content .item.nth-2 .text-box .txt_item .year {min-width: 60px;}
	.history .content .item.nth-2 .text-box .txt_item .mon span.nth-1 {min-width: 25px;}
}

@media only screen and (max-width: 480px){
	.history .content .item.nth-2 .text-box .txt_item {flex-direction: column;}
	.history .content .item.nth-2 .text-box .txt_item .year {margin-bottom: 10px;}
	.history .content .item.nth-2 .text-box .txt_item .year::after {display: none;}
	.history .content .item.nth-2 .text-box .txt_item {margin-bottom: 30px;}

}

/* 010401_조직도 */
.orgarnization { padding: 0 0 120px; margin-bottom: -120px; background: url(../images/contents/010401_org-bg.png) bottom no-repeat; background-size: 85%;  text-align: center;}
.orgarnization .org_img {text-align: center;}
.orgarnization .org_img .mo_ver {display: none;}

@media only screen and (max-width: 1440px){
	.orgarnization {background-size: 100%; }
	
}

@media only screen and (max-width: 1024px){
	.orgarnization { padding: 0 0 100px; margin-bottom: -100px;}

}

@media only screen and (max-width: 768px){
	.orgarnization { padding: 0 0 80px; margin-bottom: -80px;}

	.orgarnization .org_img .pc_ver {display: none;}
	.orgarnization .org_img .mo_ver {display: block;}

}

@media only screen and (max-width: 480px){
	.orgarnization { padding: 0 0 60px; margin-bottom: -60px;}

}



/* 010501_ci소개 */
.ci .content1 .logo_box {background: url(../images/contents/010401_ci_bg.png); text-align: center; border: 1px solid #ececec; padding: 100px 0;}
.ci .content2 {padding: 100px 0 0;}
.ci .content2 .clr-wrap {font-size: 0;}
.ci .content2 .clr-wrap .item{color: #fff; width: 25%; display: inline-block;}
.ci .content2 .clr-wrap .item .clr_box{padding: 40px 30px 30px 40px; }
.ci .content2 .clr-wrap .item h4{font-size: 24px; font-weight: 600; margin-bottom: 20px;}
.ci .content2 .clr-wrap .item h5{font-size: 20px; font-weight: 600; margin-bottom: 20px;}
.ci .content2 .clr-wrap .item p{font-size: 18px; font-weight: 600;}
.ci .content2 .clr-wrap .item .clr_text {text-align: right;}
.ci .content2 .clr-wrap .item .clr_text p { display: inline-block; vertical-align: text-bottom; text-align: left; line-height: 1.3;}
.ci .content2 .clr-wrap .item .clr_text p + p { margin-left: 15px;}
.ci .content2 .clr-wrap .item.nth-1 .clr_box {background: #e6922a;}
.ci .content2 .clr-wrap .item.nth-1 h4 {color: #e6922a;}
.ci .content2 .clr-wrap .item.nth-2 .clr_box {background: #abaca8;}
.ci .content2 .clr-wrap .item.nth-2 h4 {color: #abaca8;}
.ci .content2 .clr-wrap .item.nth-3 .clr_box {background: #a89164;}
.ci .content2 .clr-wrap .item.nth-3 h4 {color: #a89164;}
.ci .content2 .clr-wrap .item.nth-4 .clr_box {background: #a9abad;}
.ci .content2 .clr-wrap .item.nth-4 h4 {color: #a9abad;}

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

}

@media only screen and (max-width: 1024px){
	.ci .content2 {padding: 80px 0 0;}
	.ci .content2 .clr-wrap .item .clr_box{padding: 24px; }
	.ci .content2 .clr-wrap .item h4{font-size: 22px; margin-bottom: 10px;}
	.ci .content2 .clr-wrap .item h5{font-size: 18px; margin-bottom: 20px;}
	.ci .content2 .clr-wrap .item p{font-size: 16px; }
	.ci .content2 .clr-wrap .item .clr_text p + p { margin-left: 10px;}

}

@media only screen and (max-width: 768px){
	.ci .content1 .logo_box { padding: 80px 0;}
	.ci .content1 .logo_box img{width: 250px;}

	.ci .content2 {padding: 60px 0 0;}
	.ci .content2 .clr-wrap .item{width: 50%;}

	.ci .content2 .clr-wrap .item h4{font-size: 20px; margin-bottom: 10px;}
	.ci .content2 .clr-wrap .item h5{font-size: 16px; margin-bottom: 20px;}
	.ci .content2 .clr-wrap .item p{font-size: 14px; }

	.ci .content2 .clr-wrap .item.nth-1,
	.ci .content2 .clr-wrap .item.nth-2{margin-bottom: 20px;}

}

@media only screen and (max-width: 480px){
	.ci .content1 .logo_box { padding: 60px 0;}
	.ci .content1 .logo_box img{width: 180px;}


	.ci .content2 .clr-wrap .item h4{font-size: 18px; margin-bottom: 10px;}
}

@media only screen and (max-width: 360px){
	.ci .content2 .clr-wrap .item{width: 100%;}
	.ci .content2 .clr-wrap .item.nth-3{margin-bottom: 20px;}


}

/* 010601_오시는길 */
.location .info {font-size: 0; border-top: 1px solid #f48120; padding: 40px 0 60px; background: url(../images/contents/010501_bg.png) top 30px right 0 no-repeat;}
.location .info p{display: inline-block;}
.location .info p span {vertical-align: bottom;}
.location .info p span.nth-1{ color: #f48120; font-size: 26px; font-weight: 600;margin-right: 15px;}
.location .info p span.nth-2,
.location .info p a.nth-2{ color: #222; font-size: 20px; font-weight: 400; display: inline-block; }
.location .info p a.nth-2 {cursor: pointer;}
.location .info p.nth-1 {width: 50%;}
.location .info p.nth-2, .location .info p.nth-3 {width: 25%;}
.location .map {height: 600px;}
.location .info p button{background-color:#fff;border:1px solid #f48120;border-radius:5px;font-size:16px;color:#222;font-weight:400;padding:5px 15px; margin-left: 20px;}
.location .info p button:hover{background-color:#f48120;color:#fff;}

@media only screen and (max-width: 1440px){
	.location .info p span.nth-1{ font-size: 24px; margin-right: 10px;}
	.location .info p span.nth-2,
	.location .info p a.nth-2{ font-size: 18px; }
	.location .info p button{font-size:14px;padding:5px 15px; margin-left: 10px;}

}

@media only screen and (max-width: 1240px){
	.location .info p button {padding: 5px 10px; margin-left: 5px;}
}

@media only screen and (max-width: 1024px){
	.location .info { padding: 20px 0 40px; }
	.location .map {height: 500px;}
	.location .info p.nth-1 {width: 100%; margin-bottom: 20px;}
	.location .info p.nth-2, .location .info p.nth-3 {width: 50%;}
	.location .info p button{ margin-left: 20px;}

}

@media only screen and (max-width: 768px){
	.location .info p span.nth-1{ font-size: 22px; margin-right: 10px;}
	.location .info p span.nth-2,
	.location .info p a.nth-2{ font-size: 16px; }

	.location .map {height: 400px;}
	.location .info p.nth-1 {width: 100%; margin-bottom: 10px;}
	.location .info p.nth-2, .location .info p.nth-3 {width: 50%;}
	.location .info p button{padding:5px 10px; margin-left: 10px;}

}

@media only screen and (max-width: 480px){
	.location .info p.nth-2, .location .info p.nth-3 {width: 100%;}
	.location .map {height: 350px;}
	.location .info p > * {display: block;}
	.location .info p span.nth-1{ font-size: 20px; margin-bottom: 10px;}
	.location .info p {margin-top: 10px;}
	.location .info p button{padding:5px 10px; margin-left: 0; margin-top: 10px;}
	.location .info {background: url(../images/contents/010501_bg.png) bottom 30px right 0 no-repeat;}

}

/* ★★★★★★★★★★ 2.사업안내 ★★★★★★★★★★ */

/* 020101_사업영역 */
.business .item-wrap {display: flex; flex-wrap: wrap;}
.business .item-wrap .item {display: flex; flex-direction: column; justify-content: space-between; padding: 40px; width: calc(50% - 20px); height: 300px; margin-bottom: 40px;}
.business .item-wrap .item:last-child {margin-bottom: 0;}
.business .item-wrap .item:nth-child(even) {margin-left: 40px;}
.business .item-wrap .item h4 {color: #fff; font-size: 30px; font-weight: 600;  margin-bottom: 40px; word-break: break-all;}
.business .item-wrap .item .txt p {color: #fff; font-size: 20px; font-weight: 400; position: relative; padding-left: 14px; margin-bottom: 4px;}
.business .item-wrap .item .txt p::after { content: ""; position: absolute; top: 6px; left: 0; width: 4px; height: 4px; background: #f48120;}
.business .item-wrap .item .link-wrap {display: flex; justify-content: end; ;}
.business .item-wrap .item .link-wrap .link_bnt {width: 60px; height: 60px; border-radius: 50%; background: #fff url(../images/contents/link_arrow.png) center no-repeat; }
.business .item-wrap .item .link-wrap .link_bnt a { display: block; }
.business .item-wrap .item .link-wrap .link_bnt:hover {background: #f48120 url(../images/contents/link_arrow-w.png) center no-repeat; cursor: pointer; }

.business .item-wrap .item.nth-1 {background: url(../images/contents/business01.png) center no-repeat ; background-size: cover;}
.business .item-wrap .item.nth-2 {background: url(../images/contents/business02.png) center no-repeat ; background-size: cover;}
.business .item-wrap .item.nth-3 {background: url(../images/contents/business03.png) center no-repeat ; background-size: cover;}
.business .item-wrap .item.nth-4 {background: url(../images/contents/business04.png) center no-repeat ; background-size: cover;}
.business .item-wrap .item.nth-5 {background: url(../images/contents/business05.png) center no-repeat ; background-size: cover;}

@media only screen and (max-width: 1440px){
	.business .item-wrap .item h4 {font-size: 26px; margin-bottom: 40px; }
	
}

@media only screen and (max-width: 1024px){
	.business .item-wrap .item { padding: 30px; width: calc(50% - 10px); height: 260px; margin-bottom: 20px;}
	.business .item-wrap .item:nth-child(even) {margin-left: 20px;}
	.business .item-wrap .item h4 {font-size: 26px; margin-bottom: 30px; }
	.business .item-wrap .item .txt p { font-size: 18px; }
	.business .item-wrap .item .link-wrap .link_bnt {width: 50px; height: 50px; background-size: 40%;}
	
}

@media only screen and (max-width: 768px){
	.business .item-wrap .item { padding: 30px 20px; height: 280px; }
	.business .item-wrap .item h4 {font-size: 24px; margin-bottom: 20px; }
	.business .item-wrap .item .txt p { font-size: 16px; padding-left: 10px;}
	.business .item-wrap .item .txt p::after { content: ""; position: absolute; top: 4px; left: 0; width: 3px; height: 3px; background: #f48120;}

}

@media only screen and (max-width: 480px){
	.business .item-wrap .item { width: 100%; height: auto;}
	.business .item-wrap .item:nth-child(even) {margin-left: 0;}
	.business .item-wrap .item h4 {font-size: 22px; margin-bottom: 20px; }

}

/* 020301_설비현황 */
.content + .content {margin-top: 100px;}
.content .con-wrap .img_box { width: 100%; background: #f2f2f2; text-align: center; padding: 80px; }
.content .con-wrap .img_box + .table {margin-top: 40px;}

.content .con-wrap .img_box .t_img {display: flex; flex-direction: column;}
.content .con-wrap .img_box .t_img p {color:#222; font-size: 20px; font-weight: 600; text-align: left; margin-bottom: 10px; }
.content .con-wrap .img_box .t_img + .t_img {margin-left: 40px;}

.content .con-wrap .img_box.type2 {display: flex; flex-direction: row; justify-content: center; }

.content .con-wrap .img_box.type3 {display: flex; flex-direction: column; }
.content .con-wrap .img_box.type3 .img_box-wrap {display: flex; flex-direction: row; justify-content: center; }
.content .con-wrap .img_box.type3 .img_box-wrap + .img_box-wrap {margin-top: 40px;}


.content .con-wrap .img_box.type4 {padding: 40px;display: flex; flex-direction: row; justify-content: center; }
.content .con-wrap .img_box.type4 .t_img {width: 50%;}
.content .con-wrap .img_box.type4 .t_img p { font-size: 26px; margin-bottom: 20px; text-align: center; }
.content .con-wrap .img_box.type4 span {font-size: 18px; font-weight: 500; margin-top: 20px; word-break: break-all;}
.content .con-wrap .img_box.type4 .t_img + .t_img {margin-left: 20px;}
@media only screen and (max-width: 1440px){
	.content .con-wrap .img_box { padding: 60px; }
	.content .con-wrap .img_box.type4 {padding: 30px;}
	.content .con-wrap .img_box.type4 .t_img p { font-size: 24px; }

}

@media only screen and (max-width: 1240px){
	.content .con-wrap .img_box.type2 {padding: 40px; flex-wrap: wrap;}
	.content .con-wrap .img_box .t_img {width: calc(50% - 15px);}
	.content .con-wrap .img_box .t_img + .t_img {margin-left: 30px; margin-top: 30px;}
	.content .con-wrap .img_box .t_img:nth-of-type(2) {margin-top: 0;}
	.content .con-wrap .img_box .t_img:nth-of-type(3) {margin-left: 0;}
}

@media only screen and (max-width: 1024px){
	.content + .content {margin-top: 80px;}
	.content .con-wrap .img_box { padding: 60px; }
	.content .con-wrap .img_box + .table {margin-top: 30px;}

	.content .con-wrap .img_box { padding: 40px; }
	.content .con-wrap .img_box .t_img p {font-size: 18px; }
	.content .con-wrap .img_box.type4 .t_img {width: 100%;}
	.content .con-wrap .img_box.type4 .t_img p { font-size: 22px; }
	.content .con-wrap .img_box.type4 .t_img + .t_img {margin-left: 10px;}
	.content .con-wrap .img_box.type4 span {font-size: 16px; margin-top: 15px;}
	.content .con-wrap .img_box.type4 {padding: 30px 20px;}

}

@media only screen and (max-width:768px){
	.content + .content {margin-top: 60px;}
	.content .con-wrap .img_box { padding: 40px 20px; }
	.content .con-wrap .img_box + .table {margin-top: 20px;}
	.content .con-wrap .img_box { padding: 30px; }
	.content .con-wrap .img_box .t_img p {font-size: 16px; }

	.content .con-wrap .img_box.type4 {padding: 30px;}
	.content .con-wrap .img_box.type4 .t_img + .t_img {margin-left: 20px;}

}

@media only screen and (max-width: 640px){
	.content .con-wrap .img_box.type2 {padding: 20px;}
}

@media only screen and (max-width: 480px){
	.content + .content {margin-top: 40px;}

	.content .con-wrap .img_box { padding: 20px 15px; }
	.content .con-wrap .img_box .t_img {width: 100%;}
	.content .con-wrap .img_box .t_img:nth-of-type(2) {margin-top: 30px;}
	.content .con-wrap .img_box .t_img p {font-size: 15px; }
	.content .con-wrap .img_box .t_img + .t_img {margin-left: 0;}

	.content .con-wrap .img_box.type3 .img_box-wrap {flex-wrap: wrap; }
	.content .con-wrap .img_box.type3 .img_box-wrap + .img_box-wrap {margin-top: 0;}
	.content .con-wrap .img_box.type3 .t_img {margin-top: 20px;}

	.content .con-wrap .img_box.type4 {flex-direction: column;}
	.content .con-wrap .img_box.type4 .t_img + .t_img {margin-left: 0; margin-top: 30px;}
	.content .con-wrap .img_box.type4 .t_img p { font-size: 20px; }

}
@media only screen and (max-width: 400px){
	.content .con-wrap .img_box.type2 { flex-direction: column; }
	.content .con-wrap .img_box .t_img + .t_img {margin-left: 0; margin-top: 20px;}

}

/* ★★★★★★★★★★ 3.제품소개 ★★★★★★★★★★ */


.product .border_item-wrap {font-size: 0;}
.product .border_item-wrap .border_item { font-size: 0; background: #000; padding: 30px; border-radius: 20px; display: inline-block; width: calc(25% - 67.5px); margin-right: 90px; text-align: center;}
.product .border_item-wrap .border_item:last-child { margin-right: 0;}
.product .border_item-wrap .border_item p {font-size: 20px; color: #fff; font-weight: 600; margin-top: 20px; word-break: break-all;}

.product .border_item-wrap.type1 .border_item { position: relative;  }
/* .product .border_item-wrap.type1 .border_item::after { position: absolute; top: 50%; right:-20%; transform: translateY(-50%); content: ""; width: 20px; height: 34px; background: url(../images/contents/product_arrow.png) center no-repeat; } */
/* .product .border_item-wrap.type1 .border_item:last-child::after { display: none; } */
.product .border_item-wrap.type2 .border_item {margin-top: 40px;}
.product .border_item-wrap.type2 .border_item:nth-child(1),
.product .border_item-wrap.type2 .border_item:nth-child(2),
.product .border_item-wrap.type2 .border_item:nth-child(3),
.product .border_item-wrap.type2 .border_item:nth-child(4) {margin-top: 0;}
.product .border_item-wrap.type2 .border_item p {text-align: left;}
.product .border_item-wrap.type2 .border_item:nth-child(4n) { margin-right: 0;}

@media only screen and (max-width: 1440px){
	.product .border_item-wrap .border_item p {font-size: 18px;margin-top: 20px;}
	.product .border_item-wrap .border_item { padding: 20px; width: calc(25% - 45px); margin-right: 60px; }

}

@media only screen and (max-width: 1024px){
	.product .border_item-wrap .border_item { padding: 20px; width: calc(25% - 30px); margin-right: 40px; }
	.product .border_item-wrap .border_item p {font-size: 16px;margin-top: 15px;}

}

@media only screen and (max-width: 768px){
	.product .border_item-wrap .border_item { padding: 20px; width: calc(50% - 20px); margin-right: 30px; }
	.product .border_item-wrap.type1 .border_item.nth-1, 
	.product .border_item-wrap.type1 .border_item.nth-2 { margin-bottom: 30px; }
	.product .border_item-wrap.type2 .border_item {margin-top: 30px;}
	.product .border_item-wrap.type2 .border_item:nth-child(3),
	.product .border_item-wrap.type2 .border_item:nth-child(4) {margin-top: 30px;}
	.product .border_item-wrap .border_item:nth-child(even) { margin-right: 0; }

}

@media only screen and (max-width: 480px){
	.product .border_item-wrap .border_item {width: calc(50% - 10px); margin-right: 20px; }
	.product .border_item-wrap.type1 .border_item.nth-1, 
	.product .border_item-wrap.type1 .border_item.nth-2 { margin-bottom: 20px; }
	.product .border_item-wrap.type2 .border_item {margin-top: 20px;}
	.product .border_item-wrap.type2 .border_item:nth-child(3),
	.product .border_item-wrap.type2 .border_item:nth-child(4) {margin-top: 20px;}
}
@media only screen and (max-width: 400px){
	.product .border_item-wrap .border_item { width: 100%; margin-right: 0;}
	.product .border_item-wrap.type1 .border_item.nth-1, 
	.product .border_item-wrap.type1 .border_item.nth-2,
	.product .border_item-wrap.type1 .border_item.nth-3 { margin-bottom: 20px; }

}

.product .content .txt-wrap {padding: 40px 20px; font-size: 0;}
.product .content .txt-wrap .img {width: 240px; text-align: center; display: inline-block;}
.product .content .txt-wrap ul {display: inline-block; width: calc(100% - 240px);}
.product .content .txt-wrap li {font-size: 22px; font-weight: 500; color: #fff; position: relative; padding-left: 20px; line-height: 1.3; word-break: break-all;}
.product .content .txt-wrap li::after {content: ""; position: absolute; width: 6px; height: 6px; background: #fff; border-radius: 50%; top: 10px; left: 0; }
.product .content .txt-wrap li p {font-size: 18px; font-weight: 500; color: #fff; position: relative; line-height: 1.3; margin-bottom: 20px;}
.product .content .txt-wrap li:last-child p {margin-bottom: 0;}
.product .content .txt-wrap.type1 {background: #e9822c;}
.product .content .txt-wrap.type2 {background: #444;}



.txt-wrap + .con-wrap {margin-top: 40px;}
.con-wrap + .txt-wrap {margin-top: 40px;}


@media only screen and (max-width: 1440px){
	.product .content .txt-wrap li {font-size: 20px; padding-left: 20px; }

}

@media only screen and (max-width: 1024px){
	.product .content .txt-wrap {padding: 30px 10px; }
	.product .content .txt-wrap .img {width: 200px; }
	.product .content .txt-wrap li {font-size: 18px; padding-left: 15px; }
	.product .content .txt-wrap li::after {width: 4px; height: 4px; top: 8px; left: 0; }
	.product .content .txt-wrap li p {font-size: 16px; }

	.txt-wrap + .con-wrap {margin-top: 20px;}
	.con-wrap + .txt-wrap {margin-top: 20px;}


}

@media only screen and (max-width: 768px){
	.product .content .txt-wrap {padding: 30px 20px; }

	.product .content .txt-wrap li {font-size: 16px; padding-left: 12px; }
	.product .content .txt-wrap li p {font-size: 14px; }

}

@media only screen and (max-width: 480px){
	.product .content .txt-wrap .img {width: 100%; margin-bottom: 30px;}
	.product .content .txt-wrap ul {width: 100%;}

}


.product .img_list {display: flex; flex-wrap: wrap; margin: 0 -5px;}
.product .img_list img {margin: 0 5px 5px; }

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

}

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

}

@media only screen and (max-width: 768px){
	.product .img_list {justify-content: center;}

}

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

}

.half {font-size: 0;}
.half .half-wrap {width: calc(50% - 20px); display: inline-block;}
.half-wrap + .half-wrap { margin-left: 40px;}
.half .half-wrap .txt-wrap {padding: 40px;}
.half .half-wrap .txt-wrap.full ul {display: inline-block; width: 100%;}
.half .half-wrap .txt-wrap.nono ul li {padding-left: 0;}
.half .half-wrap .txt-wrap.nono ul li::after {display: none;}
.cont + .cont { margin-top: 60px; }

.txt2_box {font-size: 0;}
.product .content .txt-wrap2 {padding: 40px; font-size: 0; background: #444; display: inline-block; width: calc(33.3% - 16.5px); vertical-align: top;}
.txt-wrap2 + .txt-wrap2 {margin-left: 25px;}
.product .content .txt-wrap2 h5 {font-weight: 500; font-size: 26px; color: #f48120; margin-bottom: 10px; word-break: break-all;}
.product .content .txt-wrap2 li {font-size: 20px; font-weight: 500; color: #fff; position: relative; padding-left: 15px; line-height: 1.3; word-break: break-all;}
.product .content .txt-wrap2 li::after {content: ""; position: absolute; width: 5px; height: 1px; background: #fff; border-radius: 50%; top: 12px; left: 0; }

.content.top {background: #fdf7f1; padding: 100px 0; margin-bottom: 100px; text-align: center;}
.content.top h4 {font-size: 36px; font-weight: 600; margin-bottom: 60px; line-height: 1.3; word-break: break-all;}
.content.top .top_img-box {display: flex; align-items: center; justify-content: center;}
.content.top .top_img-box .top_img p { color: #666; font-size: 22px; margin-top: 10px; }
.content.top .top_img-box .top_img.nth-2 {margin: 0 60px;}


@media only screen and (max-width: 1440px){
	.content.top h4 {font-size: 34px;}
	.half-wrap + .half-wrap { margin-left: 30px;}

	.product .content .txt-wrap2 {padding: 30px; width: calc(33.3% - 16.5px); }
	
}

@media only screen and (max-width: 1024px){
	.half .half-wrap {width: calc(50% - 10px);}
	.half-wrap + .half-wrap { margin-left: 20px;}
	.half .half-wrap .txt-wrap {padding: 20px;}
	.cont + .cont { margin-top: 40px; }

	.content.top { padding: 80px 0; margin-bottom: 80px; }
	.content.top h4 {font-size: 32px; margin-bottom: 40px;}
	.content.top .top_img-box .top_img p { color: #666; font-size: 18px; margin-top: 10px; }
	.content.top .top_img-box .top_img.nth-2 {margin: 0 20px;}

	.product .content .txt-wrap2 h5 { font-size: 24px; }
	.product .content .txt-wrap2 li {font-size: 18px;}
	.txt-wrap2 + .txt-wrap2 {margin-left: 15px;}
	.product .content .txt-wrap2 {width: calc(33.3% - 10px); }

	.half .half-wrap {width: 100%;}
	.half-wrap + .half-wrap { margin-left: 0; margin-top: 40px;}
}

@media only screen and (max-width: 768px){
	.content.top { padding: 60px 0; margin-bottom: 60px; }
	.content.top .top_img-box { flex-direction: column; }
	.content.top h4 {font-size: 26px; margin-bottom: 40px;}

	.content.top .top_img-box .top_img.nth-2 {margin: 0 20px 40px;}
	.product .content .txt-wrap2 {width: 100%; }
	.txt-wrap2 + .txt-wrap2 {margin-left: 0; margin-top: 15px;}
	.product .content .txt-wrap2 h5 { font-size: 20px; }
	.product .content .txt-wrap2 li {font-size: 16px;}
	.product .content .txt-wrap2 {padding: 20px;}
}

@media only screen and (max-width: 480px){
	.half-wrap + .half-wrap {  margin-top: 20px;}
	.content.top h4 {font-size: 24px; margin-bottom: 30px;}
	.content.top .top_img-box .top_img p { font-size: 16px; }
	.content.top .top_img-box .top_img.nth-2 {margin: 20px ; width: 30px;}

}


/* contact_us */
.contact_us {margin-bottom: 20px;}
.contact_us h5 { font-size: 36px; font-weight: 600; margin-bottom: 60px; line-height: 1.3; }
.contact_us-wrap { padding: 40px 50px; background: url(../images/contents/map-info-bg.png) #fdf7f1 center right 44px no-repeat; font-size: 0;}
.contact_us-wrap .contact_us-text{ display: inline-block; width: 50%;}
.contact_us-wrap .contact_us-text:last-child{margin-bottom: 0;}
.contact_us-wrap .contact_us-text-title { font-weight: 500; border-radius: 100px; width: 100px; padding: 8px 0; background: #000; text-align: center; font-size: 18px; color: #ffffff; display: inline-block; letter-spacing: -0.025em;}
.contact_us-wrap .contact_us-text-content {font-weight: 500; display: inline-block; color: #484848; font-size: 18px; padding-left: 30px; margin-left: 20px; letter-spacing: -0.025em; position: relative;  line-height: 1.2;}
.contact_us-wrap .contact_us-text-content .ct_bold {vertical-align: baseline; font-weight: 700; display: inline-block; color: #484848; font-size: 20px; margin-left:10px; letter-spacing: -0.025em; position: relative;  line-height: 1.2;}
.contact_us-wrap .contact_us-text-content::after { position: absolute; top: 2px; left: 0; content: ""; width: 20px; height: 20px; }

.contact_us-wrap .contact_us-text .contact_us-text-content::after {background: url(../images/contents/contact_us-icon02.png) no-repeat left; background-size: contain;}


@media(max-width:1440px){
    .contact_us-wrap { padding: 30px ;}
    .contact_us-wrap .contact_us-text-content { font-size: 18px; padding-left: 30px; margin-left: 10px; }

	.contact_us h5 { font-size: 32px; margin-bottom: 40px; }

}
@media(max-width:1240px){
    .contact_us-wrap .contact_us-text-content { margin-top: 10px; }
}
@media(max-width:1024px){
	.contact_us-wrap .contact_us-text-title {display: block;}
	.contact_us h5 { font-size: 28px; margin-bottom: 30px; }

    .contact_us-wrap { padding: 30px ; font-size: 0;}
    .contact_us-wrap .contact_us-text-title { width: 85px; padding: 8px 0; font-size: 16px;  }
    .contact_us-wrap .contact_us-text-content { font-size: 16px; padding-left: 20px; margin-left: 0; }
    .contact_us-wrap .contact_us-text-content::after { position: absolute; top: 5px; left: 0; content: ""; width: 16px; height: 16px; }
}

@media(max-width:860px){
    .contact_us-wrap { padding: 30px ;}
    .contact_us-wrap .contact_us-text:first-child {margin-top: 0;}
    .contact_us-wrap .contact_us-text-title { width: 85px; padding: 8px 0; font-size: 16px; display: inline-block;}
    .contact_us-wrap .contact_us-text-content { font-size: 16px; padding-left: 30px; margin-left: 10px; margin-top: 0; display: inline-block; }

}

@media(max-width:768px){
	.contact_us h5 { font-size: 26px; }

    .contact_us-wrap .contact_us-text{margin-bottom: 20px;}
    .contact_us-wrap .contact_us-text-title { width: 85px; padding: 8px 0; font-size: 16px; }
    .contact_us-wrap .contact_us-text-content { font-size: 16px; padding-left: 30px; margin-top: 10px; word-break: break-word;}
    .contact_us-wrap .contact_us-text-content .ct_bold {font-size: 18px;}
	.contact_us-wrap .contact_us-text {display: block; width: 100%; margin-top: 10px;}

}

@media(max-width:425px){
	.contact_us-wrap { padding: 20px ;}
	.contact_us h5 { font-size: 24px; }
	.contact_us-wrap .contact_us-text-content .ct_bold {font-size: 16px;}

}
@media(max-width:350px){
    .contact_us-wrap .contact_us-text-content {padding-left: 0;}
    .contact_us-wrap .contact_us-text .contact_us-text-content::after {display: none;}
}



/* 제품 카테고리 */
.product_tab{position: relative;margin-bottom: 65px}
.product_tab ul{overflow: hidden; max-width: 1350px;margin: 0 auto;}
.product_tab ul .slick-track {display: flex; align-items: center;}
.product_tab ul li{position: relative;text-align: center;font-size: 18px;font-weight: 600;line-height: 2;border-radius: 20px;padding: 0 20px 0 55px}
.product_tab ul li a{color: #222}
.product_tab ul li.on,.product_tab ul li.slick-current {background: #f48120;padding: 5px 20px 5px 55px}
.product_tab ul li.on::before,.product_tab ul li.slick-current::before{content: "";width: 26px;height: 24px;position: absolute;background: url("../images/contents/tab_h.png") center no-repeat;top: 50%;left: 30px;transform: translate(-50%, -50%);}
.product_tab ul li.on a,.product_tab ul li.slick-current a{color: #fff}
.product_tab ul li::after{content: "";position: absolute;top: 50%;left: calc(100% - -20px);transform: translate(-50%, -50%);width: 4px;height: 4px;background: #f48120;z-index: 99;border-radius: 100%}
.product_tab .tab_control{font-size: 0}
.product_tab .tab_control .prev{cursor: pointer;position: absolute;top: 50%;left: 0%;transform: translate(-50%, -50%);width: 17px;height: 30px;background: url("../images/contents/p_arrow_prev.png") center no-repeat}
.product_tab .tab_control .next{cursor: pointer;position: absolute;top: 50%;left: 100%;transform: translate(-50%, -50%);width: 17px;height: 30px;background: url("../images/contents/p_arrow_next.png") center no-repeat}

.product_tab .slick-list {margin:0 -20px;}
.product_tab .slick-slide {margin:0 20px;}
/* 제품 카테고리 */


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

}

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

}

@media only screen and (max-width: 640px){
	.product_tab ul li {font-size: 16px; padding: 5px 0; line-height: 1.1;}
}

@media only screen and (max-width: 480px){
	.product_tab ul li{font-size: 16px;}
	.product_tab .slick-list {margin:0 -10px;}
	.product_tab .slick-slide {margin:0 10px;}
	.product_tab ul li::after{display: none;}

}












/* 온라인문의 */


.customer .content1 {position: relative; z-index: 1;}
.customer .content1 .con-box {display: flex; align-items: center; border: 4px solid #f48120; border-top-left-radius: 40px; border-bottom-right-radius: 40px; padding: 20px; background-color: #fff;}
.customer .content1 .con-box .item.nth-1 {width: 30%; text-align: center; border-right: 4px solid #f48120; padding: 30px 0 10px;}
.customer .content1 .con-box .item.nth-2 {width: 70%; text-align: left; padding-left: 3%;}
.customer .content1 .con-box .item.nth-2 p:nth-child(1) {font-size: 28px; color:#222; font-weight: 500; line-height: 32px; padding-bottom: 15px; word-break: break-all;}
.customer .content1 .con-box .item.nth-2 p:nth-child(2) {font-size: 18px; color:#464646; font-weight: 400; line-height: 24px; word-break: break-all;}

.customer .content2 .color-box {width:100%; height: 244px; background-color:#fdf7f1;}
.customer .content2 .item {float: left; width: 40%; margin: 0 5%; padding: 73px 0;}
.customer .content2 .item img {float: left; padding: 0 44px;}
.customer .content2 .item .nth-1 {font-size: 26px; font-weight: 700; color:#383838; padding: 12px 0;}
.customer .content2 .item .nth-2 {font-size: 35px; font-weight: 600; color:#f48120;}

.customer .content3 {width: 100%; overflow: hidden; z-index: 1; position: absolute; top: 404px;}
.customer .content3 .enquiry_box {float: left; width: 32.5%; height: 292px; padding-top: 80px; background-repeat: no-repeat; text-align: center; background-size: cover; background-position: center; }
.customer .content3 .enquiry_box:nth-child(1) {background-image: url(../images/contents/customer_img01.png); border-top-left-radius: 50px;}
.customer .content3 .enquiry_box:nth-child(2) {margin: 0 1.25%;	background-image: url(../images/contents/customer_img02.png);}
.customer .content3 .enquiry_box:nth-child(3) {background-image: url(../images/contents/customer_img03.png); border-bottom-right-radius: 50px;}
.customer .content3 .tit_box {display: inline-block; padding: 0 10px; height: 40px; background-color:#e6812d; border-radius:20px; margin: auto;}
.customer .content3 .tit_box p {font-size: 22px; color: #fff; font-weight: 700; text-align: center; line-height: 40px;}
.customer .content3 .contact_box {padding-top: 40px;}
.customer .content3 .contact_box p{font-size: 28px; font-weight: 500; color: #fff; text-align: center;}
.customer .content3 .contact_box p:nth-child(2) {font-size: 22px; padding-top: 12px;}
.customer .content3 .contact_box .color_org {color:#e9822c; font-weight: 600;}

.customer>.color-box1 {background-color:#fdf7f1; width: 100%; height: 100px; z-index: -1; position: absolute; top: 120px;}
.customer>.color-box2 {background-color:#fdf7f1; width: 150px; height: 150px; z-index: -1; position: relative; margin-bottom: 100px;} 


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

	.customer .content1 .con-box .item.nth-2 { font-size: 24px; }
}
@media only screen and (max-width: 1178px){
	.customer .content2 .item .nth-1 {font-size: 22px; padding: 12px 0;}
	.customer .content2 .item .nth-2 {font-size: 28px;}
}

@media only screen and (max-width: 1024px){
	.customer .content1 .con-box .item.nth-1 img {width: 160px;}
	.customer .content1 .con-box .item.nth-1 { width: 35%; }
	.customer .content1 .con-box .item.nth-2 { width: 65%; font-size: 22px;}  
		
	.customer .content2 .item {width: 40%; margin-top: 0; padding: 50px 0 ;}
	.customer .content2 .item img {float: left; padding: 0 30px;}
	.customer .content2 .item .nth-1 {font-size: 22px; padding: 6px 0;}  
	.customer .content2 .item .nth-2 {font-size: 24px;}  
	
	.customer .content3 {top: 350px;}
	.customer .content3 .tit_box {height: 35px;}
	.customer .content3 .tit_box p {font-size: 18px;line-height: 36px;}
	.customer .content3 .contact_box {padding-top: 35px;}
	.customer .content3 .contact_box p{font-size: 22px;}
	.customer .content3 .contact_box p:nth-child(2) {font-size: 18px;}
	.customer .content3 .con-box .item {padding: 40px; font-size: 20px; }
	.customer .content3 .con-box .item.nth-2::after { height: 70px;  }



}

@media only screen and (max-width: 768px){
	.customer .content1 .con-box {flex-direction: column;}
	.customer .content1 .con-box .item.nth-1 { border-bottom: 4px solid #f48120; border-right: 0; padding: 20px 0;}
	.customer .content1 .con-box .item.nth-1 { width: 100%; }
	.customer .content1 .con-box .item.nth-2 { width: 100%; font-size: 20px; padding-top: 20px ;}  
	

	.customer .content2 {position: relative;}
	.customer .content2 .color-box {width:100%; margin-top: 20px;}
	.customer .content2 .item {clear: both; width: 100%; margin: 0;}
	.customer .content2 .item:nth-child(1) {padding: 40px 0 20px 0; }
	.customer .content2 .item:nth-child(2) {padding: 20px 0 40px 0;  background-color:#fdf7f1; margin-bottom: 20px;}
	.customer .content2 .item img {padding: 0 44px;}
	.customer .content2 .item .nth-1 {font-size: 26px; padding: 12px 0;}
	.customer .content2 .item .nth-2 {font-size: 20px;}

	.customer .content3 {position: relative; top:0;}
	.customer .content3 .con-box {flex-direction: column;}
	.customer .content3 .con-box .item {padding: 30px; font-size: 20px; width: 100%; }
	.customer .content3 .enquiry_box {width: 100%; height: 180px; padding-top: 35px;}
	.customer .content3 .enquiry_box:nth-child(1) {border-top-left-radius: 30px;}
	.customer .content3 .enquiry_box:nth-child(2) {margin: 10px 0;}
	.customer .content3 .enquiry_box:nth-child(3) {border-bottom-right-radius: 30px;}
	.customer .content3 .tit_box {height: 38px;}
	.customer .content3 .tit_box p {font-size: 18px; line-height: 38px;}
	.customer .content3 .contact_box {padding-top: 20px;}
	.customer .content3 .contact_box p{font-size: 26px;}
	.customer .content3 .contact_box p:nth-child(2) {font-size: 20px; padding-top: 10px;}

	.customer .color-box1 {display: none;}
	.customer .color-box2 {display: none;}
}

@media only screen and (max-width: 480px){
	.customer .content2 .item {width: 100%; text-align: center;}
	.customer .content2 .item img {padding: 0 20px; float: none;} 
	.customer .content2 .item .nth-1 {font-size: 20px; padding: 5% 0 8px 0;}
	.customer .content2 .item .nth-2 {font-size: 18px;}

	.customer .content3 .contact_box p {font-size: 20px;}
	}

	.cont-item {display: none; position: relative; }
	.cont-item.on {display: block;}