/* 기본 */
.contents .inner {margin: 0 auto; max-width: 1400px;}

@media only screen and (max-width: 1440px) {
	.contents .inner {margin: 0 20px;}
}

br {opacity: 0 !important; visibility: hidden !important; font-family:'dotum' !important;}


/* contents-search */
.contents-search {width: 100%; padding: 45px 35px; margin-bottom: 50px;
	background: #fafafa; border: 1px solid #e5e5e5;
	position: relative;
}

.search-results {
	font-size: 15px; color: #666;
}
.search-results * {display: inline-block;}
.search-results img {margin-right: 10px;}
.search-results p {font-size: 15px;}

.contents-search-input {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%;}
.contents-search-input * {display: inline-block; height: 40px; }
.contents-search-input select {padding: 10px 40px 10px 20px; border: 1px solid #e5e5e5; min-width: 150px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url('../images/common/lnb_open.png') no-repeat 90% 50%; background-size: 10px;}
.contents-search-input input { width: calc(100% - 240px); border: 1px solid #e5e5e5; padding-left: 10px;}
.contents-search-input input::-moz-placeholder {color: #666; opacity: 1; }
.contents-search-input input:-ms-input-placeholder {color: #666;}
.contents-search-input input::-webkit-input-placeholder {color: #666;}

.contents-search-input input.contents_search-btn {background: #222 url('../images/common/search-w-ico.png') center no-repeat; background-size: 30% auto; font-size: 0; padding: 10px 30px; cursor: pointer; border: 0; width: auto; border: 0;}
.contents_search-btn img {height: auto;}

@media only screen and (max-width: 1024px) {
	.contents-search {padding: 40px 20px 15px;}
	.search-results {text-align: center;}
	.contents-search-input input {width: calc(100% - 240px);}
}

@media only screen and (max-width: 480px) {
	.contents-search {padding: 20px;}
	.contents-search-input {top: 0; left: 0; transform: translate(0, 0); margin-bottom: 15px;}
	.contents-search-input select {width: 100%; margin-bottom: 5px;}
	.contents-search-input input {width: calc(100% - 65px);}
}


/* 통합검색 */
.product-search-results {padding: 0 0 80px; border-bottom: 1px dashed rgba(7, 54, 84, 0.3);}
.colors-search-results {padding: 80px 0;}
.contents-search_title {font-size: 32px; font-weight: 300; color: #999;
	border-bottom: 1px solid #eaeaea; padding-bottom: 30px;
}
.contents-search_title span {vertical-align: baseline;}
.contents-search_title span.o, .text-list_text span.o {color: #ff0000; font-weight: 700;}

.search_text-list {display: none;}
.search_text-list.active {display: block;}
.search_text-list a {display: block; padding: 40px 35px; border-bottom: 1px solid #eaeaea; background: #fafafa;}

.search_text-list .text-list_title {font-size: 20px; font-weight: 500; color: #222; margin-bottom: 10px; line-height: 1.4;}
.search_text-list .text-list_text {font-size: 16px; margin-bottom: 30px; line-height: 1.4; color: #666;}
.search_text-list .text-list_text span {font-weight: 500; vertical-align: baseline;}

.search_text-list .text-list-link {font-size: 15px; color: #666; padding: 10px 0 0 70px; max-height: 31px; position: relative; line-height: 1.4;}
.search_text-list .text-list-link .link-mark {padding: 5px 15px;
	border-radius: 30px; background: #073654; 
	color: #fff; font-size: 13px; font-weight: 500; vertical-align: baseline;
	position: absolute; top: 50%; left: 0; transform: translateY(-30%);
}


@media only screen and (max-width: 1024px) {
	.contents-search_title {font-size: 28px;}
	.search_text-list .text-list_title {font-size: 18px;}
	.search_text-list .text-list-link {font-size: 14px;}
}

@media only screen and (max-width: 640px) {
	.contents-search_title {font-size: 20px;}
}

@media only screen and (max-width: 480px) {
	.contents-search_title {font-size: 16px;}

	.search_text-list a {padding: 20px 15px;}
}


/* 검색결과없음 */
.search_text-list-zero {display: none; padding: 70px 10px; border: 1px solid #e6e6e6; text-align: center;}
.search_text-list-zero.active {display: block;}

.search_text-list-zero .text-box h4 {display: inline-block; border-bottom: 1px solid #073654;
	font-size: 30px; font-weight: 500; color: #073654; white-space: nowrap;
	margin-bottom: 30px;
}

.search_text-list-zero .text-box p span {margin-bottom: 20px;}

.search_text-list-zero .text-box span {display: inline-block; padding-left: 25px; 
	font-size: 16px; color: #666; line-height: 1.3;
	position: relative;
}
.search_text-list-zero .text-box span:after {content: ""; width: 17px; height: 15px; 
	background: url('../images/common/list-zero-ico.png') center no-repeat;
	position: absolute; top: 0; left: 0;
}


@media only screen and (max-width: 1240px) {
	.search_text-list-zero {padding: 50px 80px;}
}
@media only screen and (max-width: 1024px) {
	.search_text-list-zero {padding: 50px;}
}
@media only screen and (max-width: 768px) {
	.search_text-list-zero {padding: 30px;}
	.search_text-list-zero .list-zero-img {width: 100%; margin-bottom: 30px;}
	.search_text-list-zero .text-box {width: 100%; padding: 0;}
}
@media only screen and (max-width: 640px) {
	.search_text-list-zero {text-align: left;}
	.search_text-list-zero .text-box h4 {font-size: 25px;}
}
@media only screen and (max-width: 480px) {
	.search_text-list-zero {padding: 30px;}
	.search_text-list-zero .text-box h4 {font-size: 20px;}
}


/* 공통 */
.cont_title01{position:relative;font-size:30px;line-height:1.2em;font-weight:normal;color:#222;}
.cont_title02{overflow:hidden;position:relative;width:100%;height:auto;padding-top:14px;font-size:28px;font-weight:normal;color:#222}

.about_box01{overflow:hidden;width:100%;height:359px;margin:30px 0 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#fafafa}

/* 오시는길 */

.directions-wrap > div { width: 100%; }
.directions-wrap > div:last-child {margin-top: 150px; }
.directions-wrap h3 { font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 700; color: #222; margin-bottom: 50px;}
.directions-wrap .directions-map { width: 100%; height: 500px; border: 1px solid #ececec; margin-bottom: 65px; min-width: 320px;}
.directions-wrap .directions-map iframe{width: 100%; height: 100%;}
.directions-wrap .address{ width: 100%; }
.directions-wrap .address h4{ font-family: 'Montserrat', sans-serif; line-height: 1.4; font-size: 25px; font-weight: 700; color: #333; text-align: center; margin-bottom: 25px;}
.directions-wrap .address p{font-family: 'Montserrat', sans-serif; line-height: 1.4; font-size: 20px; font-weight: 500; color: #333; text-align: center; margin-bottom: 80px;}

.directions-wrap .number > div { width: 33%; display: inline-block;}
.directions-wrap .number > div:nth-child(2) {text-align: center;}
.directions-wrap .number > div:last-child { text-align: right;}
.directions-wrap .number p {font-size: 20px; color: #333;}
.directions-wrap .number span {font-size: 22px; margin-right: 10px; font-weight: 700;}
.directions-wrap .number .border{width: 50px; height: 50px; border: 6px solid #d90a1c; display: inline-block; margin-right: 20px; font-weight: 900; font-size: 30px; color: #d90a1c; line-height: 40px;  text-align: center;}


@media only screen and (max-width:1024px){
	.directions-wrap h3 { font-size: 28px; margin-bottom: 45px;}
	.directions-wrap .address h4{ font-size: 22px; margin-bottom: 20px;}
	.directions-wrap .address p{ font-size: 20px; margin-bottom: 70px;}
	.directions-wrap .number p {font-size: 20px;}

    .directions-wrap .number > div {width: 49%; text-align: left;}
    .directions-wrap .number > div:nth-child(2) {text-align: left;}
    .directions-wrap .number > div:last-child {width: 100%; text-align: left; margin-top: 1.5em;} 

}
@media only screen and (max-width:840px){
	.directions-wrap h3 { font-size: 28px; margin-bottom: 35px;}
	.directions-wrap .address h4{ font-size: 22px; margin-bottom: 15px;}
	.directions-wrap .address p{ font-size: 20px; margin-bottom: 55px;}
	.directions-wrap .number p {font-size: 20px;}

	.directions-wrap .directions-map { margin-bottom: 45px;}
	.directions-wrap > div:last-child {margin-top: 100px; }

}
@media only screen and (max-width:624px){
	.directions-wrap .directions-map{height: 400px;}
    .directions-wrap .number > div {width: 100%; margin-top: 1.5em;}
	.directions-wrap .number > div:first-child { margin-top: 0;}

	.directions-wrap .address h4{  line-height: 1.3;}
	.directions-wrap h3 { font-size: 24px; margin-bottom: 25px;}
	.directions-wrap .address h4{ font-size: 20px; margin-bottom: 15px;}
	.directions-wrap .address p{ font-size: 18px; margin-bottom: 45px;}
	.directions-wrap .number span {font-size: 20px;}
	.directions-wrap .number p {font-size: 18px;}
}
@media only screen and (max-width:480px){
	.directions-wrap .directions-map{height: 300px;}

	.directions-wrap h3 { font-size: 22px; margin-bottom: 25px;}
	.directions-wrap .address h4{ font-size: 18px; margin-bottom: 15px;}
	.directions-wrap .address p{ font-size: 16px; margin-bottom: 45px;}
	.directions-wrap .number span {font-size: 18px;}
	.directions-wrap .number p {font-size: 16px;}
}




/* 연혁 */
.history-wrap .top h4 {text-align: center; line-height: 1.4; font-weight: 500; font-size: 35px; color: #222; font-family: 'Montserrat', sans-serif; margin-bottom: 90px;}
.history{position: relative; }
.history .logo{text-align: center; padding-bottom: 90px; position: relative;}
.history .logo::before{content: ""; width: 2px; height: 78%; background: #dadada; position: absolute; z-index:-1; top:35px; left: 50%;}

.history-wrap .img-wrap {width: 100%; margin-top: 75px; display: flex; flex-direction: row; position: absolute; }
.history-wrap .img-wrap div:last-child{margin-right: 0; }
.history-wrap .img-wrap.iw1{top: 50%; right: -50px; }
.history-wrap .img-wrap.iw2{ top: 50%; left: -50px; justify-content: flex-end;}
.history-wrap .img-wrap div{width: 100px; height: 100px; margin-right: 50px; }
.history-wrap .img-wrap .i1{background: url(../images/contents/history-img01.jpg) no-repeat; background-size: cover;}
.history-wrap .img-wrap .i2{background: url(../images/contents/history-img02.jpg) no-repeat; background-size: cover;}
.history-wrap .img-wrap .i3{background: url(../images/contents/history-img03.jpg) no-repeat; background-size: cover;}
.history-wrap .img-wrap .i4{background: url(../images/contents/history-img04.jpg) no-repeat; background-size: cover;}
.history-wrap .img-wrap .i5{background: url(../images/contents/history-img05.jpg) no-repeat; background-size: cover;}
.history-wrap .img-wrap .i6{background: url(../images/contents/history-img06.jpg) no-repeat; background-size: cover;}
.history-wrap .img-wrap .i7{background: url(../images/contents/history-img07.jpg) no-repeat; background-size: cover; width: 80%; }

.history-item.type1 {text-align: right; margin-right: 50%; padding-right: 50px;}
.history-item.type1::before {top: 35px; right: -2px; height: 78%;}
.history-item.type1 h4.year::after {position: absolute; top: 25%; right: -52px; transform: rotate(45deg) ;}

.history-item.type2 {text-align: left; margin-left: 50%; padding-left: 50px;}
.history-item.type2::before {top: 35px; left: 0; height: 78%; }
.history-item.type2 h4.year::after {position: absolute; top: 25%; left: -52px; transform: rotate(45deg); }


.history-item {padding-bottom: 90px; position: relative;}
.history-item::before {content: ""; width: 2px; background: #dadada; position: absolute;}
.history-item h4.year {font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 25px; color: #666; margin-bottom: 20px; position: relative;}
.history-item h4.year::after {content: ""; width: 4px; height: 14px; background: #d90a1c; }
.history-item .text {line-height: 1.2; font-size: 0; margin-bottom: 10px;}
.history-item .text::after {display: block; content: ""; clear: both;}
.history-item p {width: calc(100% - 35px); display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 400; color: #666;}
.history-item .text div p {padding-left: 10px; margin-bottom: 10px; position: relative;}
.history-item .text div p::before {content: ""; width: 5px; height: 1px; background: #666; position: absolute; top: 12px; left: 0;}



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

	.history-wrap .top h4 {font-size: 30px;}

	.history-item h4.year {font-size: 22px;}
	.history-item p {font-size: 16px;}

	.history-wrap .img-wrap div{width: 80px; height: 80px; margin-right: 30px; }

}

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

	.history-item.type1 {text-align: left; padding-left: 50px; margin-right: 0;}
	.history-item.type1::before {left: 0;}
	.history-item.type1 h4.year::after { left: -50px; }

	.history-item.type2 {margin-left: 0;}

	.history-wrap .img-wrap.iw2{ justify-content: flex-start; padding-left: 50px;}
	.history-wrap .img-wrap.iw1{right: 0; }

	.history-wrap .img-wrap {position: relative;}

	.history-wrap .top h4 br{display: none;}
	.history .logo, .history .logo::before{ display: none; }

	.history-wrap .img-wrap { margin-top: 50px; }

	.history-wrap .top h4 {font-size: 28px;}
	.history-item h4.year {font-size: 20px;}
	.history-item p {font-size: 16px;}
}

@media only screen and (max-width: 640px){
	.history-wrap .img-wrap {display: none;}

	.history-item.type1, .history-item.type2 {padding-left: 25px;}
	.history-item.type1 h4.year::after, .history-item.type2 h4.year::after {left: -25px;}

	.history-wrap .top h4 {font-size: 26px;}
	.history-item h4.year {font-size: 18px;}
	.history-item p {font-size: 15px;}

}

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


	.history-wrap .top h4 {font-size: 22px;}
	.history-wrap .top p {font-size: 16px;}

	.history-item h4.year {margin-bottom: 15px;}


}

/* 회사소개 */

/* one */
.one { display: flex; flex-direction: row; justify-content: space-between;}
.one .pic {width: 40%; background: url(../images/contents/company01.jpg) no-repeat; background-size: contain; }
.one .pic2{display: none;}
.one .title {color: #222;padding-bottom: 60px;}
.one .title h5{margin-bottom: 20px;}
.one .title h5 span {font-family: 'Montserrat', sans-serif; font-size: 40px; font-weight: 700; color: #ff0000; }
.one .title h5 span:last-child { color: #c1c1c1;}
.one .title h4 {font-family: 'Montserrat', sans-serif; font-size: 40px; line-height: 1.3; font-weight: 400; color: #222; }
.one .txt {position: relative;width: 55%;font-size: 18px;color: #666;line-height: 1.8; }
.one .txt .text p {font-family: 'Montserrat', sans-serif;font-size: 20px;line-height: 1.3;font-weight: 400;color: #666; }
.one .txt .text p:last-child {margin-top: 40px;}
.one .txt .text p span{font-weight: 700; color: #222;}
.one .txt .text p span:last-child{font-weight: 500; color: #666;}
.company .img {display: block; font-size: 0; margin-top: 100px;}
.company .img li {display: inline-block; width: 23.5%;}
.company .img li+li {margin-left: 2%;}
.company .img li img {width: 100%;}


  /* two */
  .two {margin-top: 100px;width: 100%; height: 450px; padding: 90px 0 0; background: #b4c2cb; position: relative;}
  .two::after {content: ""; position: absolute; bottom: -400px; width: 100%; height: 500px; background-color: #b4c2cb; z-index: -1;}
  .two h4 {font-size: 42px;color: #222;font-weight: 300;text-align: center;margin-bottom: 80px; }
  .two .company-product{display: flex;flex-direction: row; justify-content: space-between; position: absolute; left: 0; right: 0;}
  .company-product .product-img{ padding:10px;width: 250px; height: 250px; position: relative; display: flex; flex-direction: row; justify-content: center;align-items: center;}
  .company-product .product-img:nth-child(1){background: url(../images/contents/company02.jpg) no-repeat; background-size: cover;}
  .company-product .product-img:nth-child(2){background: url(../images/contents/company03.jpg) no-repeat; background-size: cover;}
  .company-product .product-img:nth-child(3){background: url(../images/contents/company04.jpg) no-repeat; background-size: cover;}
  .company-product .product-img:nth-child(4){background: url(../images/contents/company05.jpg) no-repeat; background-size: cover;}
  .company-product .product-img:nth-child(5){background: url(../images/contents/company06.jpg) no-repeat; background-size: cover;}
  .company-product .product-img .first{font-family: 'Montserrat', sans-serif;font-size: 30px;font-weight: 700;color: #fff; text-shadow: 2px 2px 6px #444; text-align: center;}
  .company-product .product-img .second{display: none;}
  .company-product .product-img .plus{position: absolute; bottom: 5px; right: 5px; width: 30px; height: 30px; background: url(../images/contents/plus-img.png) 100% no-repeat; background-size: 100%;}
  .company-product .product-img::after{content: ""; position: absolute; top: 0; left: 0; background: #000; opacity: 0; width: 250px; height: 250px; transition: all 0.5s ease;}
  .company-product .product-img:hover::after{opacity: 0.5;}
  .company-product .product-img:hover .first{display: none;}
  .company-product .product-img:hover .second{display: block; text-align: center; line-height: 1.3; font-family: 'Montserrat', sans-serif; color: #fff; font-size: 20px; font-weight: 400; transition:all 0.5s ease-out; z-index: 1;}
  .company-product .product-img:hover .plus{display: none;}


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

	/* one */
	.one .pic {width: 35%;}
	.one .txt {width: 60%; }
	.one .title {padding-bottom: 50px;}
	.one .title h5{margin-bottom: 15px;}
	.one .txt .text p:last-child {margin-top: 30px;}
	.one .title h5 span {font-size: 35px;}
	.one .title h4 {font-size: 35px;}
	.one .txt {font-size: 18px;}
	.one .txt .text p {font-size: 20px;}

	/* two */
	.two {margin-top: 90px; padding: 80px 0 0; height: 400px;}
	.two h4 {font-size: 42px; margin-bottom: 75px; }
	.company-product .product-img{ width: 230px; height: 230px;}
	.company-product .product-img::after{ width: 230px; height: 230px;}
	.company-product .product-img .first{font-size: 28px; }
	.company-product .product-img:hover .second{font-size: 18px;}
}

@media only screen and (max-width: 1240px) {
	/* one */
	.one .title {padding-bottom: 35px;}
	.one .title h5{margin-bottom: 10px;}
	.one .txt .text p:last-child {margin-top: 15px;}
	.one .title h5 span {font-size: 28px;}
	.one .title h4 {font-size: 28px;}
	.one .txt {font-size: 17px;}
	.one .txt .text p {font-size: 18px;}

	/* two */
	.two {margin-top: 80px; padding: 70px 0 0; height: 320px;}
	.two h4 {font-size: 40px; margin-bottom: 70px; }
	.company-product .product-img{ width: 18%; height: 200px;}
	.company-product .product-img::after{ width: 100%; height: 100%;}
	.company-product .product-img .first{font-size: 26px; }
	.company-product .product-img:hover .second{font-size: 18px;}

	.company-product .product-img:hover .second{ font-size: 18px; }

}


@media only screen and (max-width: 1024px) {
	.one .pic{display: none;}
	.one .pic2{display: block; width: 33%; float: left; margin: 0 3% 2.5% 0;}
	.one .txt {width: 100%;}

	/* one */
	.one .title {padding-bottom: 25px;}
	.one .title h5{margin-bottom: 10px;}
	.one .txt .text p:last-child {margin-top: 15px;}
	.one .title h5 span {font-size: 26px;}
	.one .title h4 {font-size: 26px;}
	.one .txt {font-size: 17px;}
	.one .txt .text p {font-size: 17px;}

	/* two */
	.two {margin-top: 60px; padding: 60px 0 0; height: 500px;}
	.two h4 {font-size: 34px; margin-bottom: 65px; }

	.two .company-product{flex-wrap: wrap; justify-content: space-evenly;}
	.company-product .product-img{ width: 30%; }
	.company-product .product-img:nth-child(1),
	.company-product .product-img:nth-child(2),
	.company-product .product-img:nth-child(3){ margin-bottom: 2%; }
	.company-product .product-img::after{ width: 100%;}
	.company-product .product-img .first{font-size: 24px; }
	.company-product .product-img:hover .second{font-size: 17px;}

	.company-product .product-img .plus{width: 15px; height: 15px;}

}

@media only screen and (max-width: 768px) {	
	/* one */
	.one .title {padding-bottom: 20px;}
	.one .title h5 span {font-size: 24px;}
	.one .title h4 {font-size: 24px;}
	.one .txt {font-size: 16px;}
	.one .txt .text p {font-size: 16px;}

	/* two */
	.two {margin-top: 55px; padding: 50px 0 0;}
	.two h4 {font-size: 32px; margin-bottom: 55px; }

	.two .company-product{flex-wrap: wrap; justify-content: space-evenly;}
	.company-product .product-img{ width: 30%; }
	.company-product .product-img:nth-child(1),
	.company-product .product-img:nth-child(2),
	.company-product .product-img:nth-child(3){ margin-bottom: 2%; }

	.company-product .product-img::after{ width: 100%;}
	.company-product .product-img .first{font-size: 24px;}
	.company-product .product-img:hover p{font-size: 17px;}

	.company-product .product-img .plus{width: 30px; height: 30px;}

	.company-product .product-img:hover .second{ font-size: 20px; }


}
@media only screen and (max-width: 640px) {
	.title h5 img{width: 220px;}

	.one .pic2{display: none;}

	.company .img {margin-top: 80px;}
	.company .img li {width: 49%; margin-top: 20px;}
	.company .img li:nth-of-type(3) {margin-left: 0;}

	.two{height: 1200px;}
	.company-product .product-img{ width: 100%; }
	.company-product .product-img{ margin-bottom: 2.5%; }
}

@media only screen and (max-width: 480px) {
	.title h5 img{width: 180px;}

	.company .img {margin-top: 50px;}
	.company .img li {margin-top: 5px;}

	.company-product .product-img .first{font-size: 26px;}
	.company-product .product-img:hover .second{font-size: 20px;}

}


/* 제품 기본정보 */

/* 아이콘 */
.product_ico-wrap {font-size: 0; width: 70%; margin: 0 auto 80px;}
.product_ico-wrap li {display: inline-block; vertical-align: top; width: calc(20% - 8px); text-align: center; margin-right: 10px; margin-top: 30px;}
.product_ico-wrap li:nth-of-type(5n) {margin-right: 0;} 
.product_ico-wrap li p {font-size: 16px; font-weight: 500; color: #00243b; text-transform: uppercase;}
.product_ico-wrap li img {border: 10px solid #00243b; margin-bottom: 20px;}

/* 탭 */
.product_tab {width: 100%; font-size: 0;}
.product_tab li {display: inline-block;}
.product_tab li a {display: block; height: 100px; text-transform: uppercase; font-size: 16px; font-weight: 500; color: #073654; text-align: center; padding: 40px 10px; border: 1px solid #00243b; border-right: 0 ; position:relative;}
.product_tab li:last-child a {border-right: 1px solid #00243b;}
.product_tab li a:hover,
.product_tab li.active a {background: #00243b; font-size: 22px; font-weight: 700; color: #fff;}
.product_tab li.active a::after{content: ''; width: 20px; height: 20px; position: absolute; top:0; left: 50%; border:4px solid #ff0000; margin:-14px 0 0 -14px; font-size:13px; color:#fff; background-color:#00243b; line-height:20px;}

.product_tab.type1 li {width: 33.3333%;}
.product_tab.type2 li {width: 50%;}
.product_tab.type3 li {width: 25%;}

/* 타이틀 */
.product-item .product-title{font-size: 24px; font-weight: 700; margin:80px 0 40px 13px; color: #222; position: relative; text-transform: uppercase;}
.product-item .product-title::after{content: ""; width: 19px; height: 19px; position: absolute; top:-12px; left: -12px; background: url('../images/contents/after_img2.png');}

.product-item .txt{font-weight: 400; line-height: 1.4; color: #333; font-size: 20px;}


/* 카테고리 검색 */
.category-input {margin-top: 50px; font-size: 0; text-align: right;}
.category-input p {display: inline-block; font-size: 22px; font-weight: 400; color: #00243b; margin-right: 10px;}
.category-input select {display: inline-block; padding: 10px 40px 10px 20px; border-color: #00243b; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../images/common/lnb_open.png') no-repeat 90% 50%; background-size: 10px;}


/* 컬러 */
.product_color {margin-top: 50px; font-size: 0;}
.product_color li {display: inline-block; width: 20.5%; margin: 60px 6% 60px 0;}
.product_color li:nth-of-type(4n) {margin-right: 0;}

.product_color li a {display: block; position: relative;}
.product_color li a .category {font-size: 16px; font-weight: 500; color: #00243b; text-align: center; width: 100%; padding: 10px; border: 10px solid #ddd; border-bottom: 0; position: absolute; left: 0; bottom: 100%; transition:all 0.3s ease-in-out;}
.product_color li a:hover .category {border-color:#ff0000;}
.product_color li a .name {font-size: 28px; font-weight: 500; color: #fff; background: rgba(0, 36, 59, 0.3); text-align: center; padding: 25px 10px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; transition:all 0.3s ease-in-out;}
.product_color li a:hover .name {background: rgba(0, 36, 59, 1); top:0; transform: translateY(0); padding:15px 10px;}

.product_color .admin-check {margin-top: 15px; text-align: center;}

.product_color li a .thumb span {display: inline-block; background-size: cover; background-position: center;}

/* 다운로드 */
.product_down {margin-top: 50px;}

/* 표 */
.con-product-table-wrap {min-width: 100%; text-align: left; text-transform: uppercase;}
.con-product-table-wrap+.con-product-table-wrap {margin-top: 65px;}
.con-product-table-wrap .table-title,
.sub-title {font-size: 22px; font-weight: 500; color: #222; padding-left: 15px; margin-bottom: 15px; position: relative;}
.con-product-table-wrap .table-title::after,
.sub-title::after {content: ""; width: 8px; height: 2px; background: #00243b; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.con-product-table {border-top: 3px solid #00243b; font-size: 18px;}
.con-product-table td {border-left: 1px solid #d9d9d9;}
.con-product-table td:first-child {border-left: 0;}
.con-product-table tr {border-bottom: 1px solid #d9d9d9;}
.con-product-table thead th {padding: 20px 10px 20px 45px; font-size: 20px; font-weight: 500; color: #00243b; background: #e7e7e7; border-bottom: 1px solid #d9d9d9;}
.con-product-table thead th+th {border-left: 1px solid #d9d9d9;}
.con-product-table tbody th {padding: 20px 10px 20px 45px; color: #00243b; font-size: 20px; font-weight: 500; background: #f7f7f7;}
.con-product-table td {padding: 20px 10px 20px 45px; line-height: 1.3; font-weight: 400; font-size: 20px;}

.con-product-table .down {text-align: center; color: #00243b; padding: 20px 10px; width: 200px;}
.con-product-table .down a {display: block; padding: 20px 10px; font-size: 0; background: url('../images/contents/product_down-ico.png') center no-repeat; background-size: contain;}

.con-product-table table td {border-left: 1px solid #d9d9d9;}

.con-product-table-wrap .caption {min-width: 440px; font-size: 18px; font-weight: 400; color: #666; margin-top: 10px;}

/* 이미지 */

.product-item.img {font-size: 0;}
.product-item.img .img {display: inline-block; width: 49%; margin: 0 2% 20px 0;}
.product-item.img .img:nth-of-type(2n-1) {margin-right: 0;}
.product-item.img .img img {width: 100%;}

.product-item.img .img.type1 {width: 100%; text-align: center; background: #f5f5f5; padding: 20px 0;}
.product-item.img .img.type1 img {width: auto;}

.product-item.img .size {font-size: 0; display: inline-block; vertical-align: top; width: 100%;}
.product-item.img .size li {display: inline-block; font-size: 0; vertical-align: top;}
.product-item.img .size li:last-child {margin-right: 0;}

.product-item.img .size li.type1 {width: 36%;}
.product-item.img .size li.type2 {width: 64%;}

.product-item.img .size li.type2 div {display: inline-block; width: calc(50% - 5px); text-align: center; vertical-align: top;}
.product-item.img .size li.type2 div:nth-of-type(1) img {max-width: 50%;}

.product-item.img .size li.type1 div+div {margin-top: 10px;}
.product-item.img .size li.type2 div+div {margin-left: 10px;}

.product-item.img .size li p {font-size: 18px; font-weight: 400; color: #555;}
.product-item.img .size li.type1 p {margin-bottom: 10px;}
.product-item.img .size li.type2 p {margin-top: 10px;}


.product-item .txt+.txt {margin-top: 30px;}
.product-item .txt p {padding-left: 10px; position: relative; margin-bottom: 5px; line-height: 1.3;}
.product-item .txt p:after {content: ""; width: 5px; height: 5px; border-radius: 50%; background: #00243b; position: absolute; top: 13px; left: 0; transform: translateY(-50%);}

.product-item.multi .img {text-align: center; margin-bottom: 30px;}
.product-item.multi .img img {margin-right: 30px;}
.product-item.multi .img img:last-child {margin-right: 0;}

.product-item.multi .img br {display: none;}


.product-item.type2 {display: inline-block; width: 48%; vertical-align: top;}
.product-item.type2+.product-item.type2 {margin-left: 2%;}
.product-item.type2 .img {width: 100%;}


@media only screen and (max-width: 1400px) {
	.con-product-table th,
	.con-product-table td,
	.con-product-table thead th {padding: 20px 10px 20px 45px; font-size: 18px;}
	.con-product-table-wrap .caption {font-size: 16px;}
}

@media only screen and (max-width: 1240px) {
	.product_ico-wrap {width: 100%;}

	.product_tab.type3 li {width: 50%;}
	.product_tab.type3 li:nth-of-type(2) a {border-right: 1px solid #00243b; border-bottom: 1px solid #00243b;}
	.product_tab.type3 li:nth-of-type(3) a,
	.product_tab.type3 li:nth-of-type(4) a {border-top: 0;} 

	.con-product-table th,
	.con-product-table td, 
	.con-product-table thead th, 
	.con-product-table tbody th {padding: 20px 10px 20px 20px;}
}

@media only screen and (max-width: 1024px) {
	.product-item.type2 {width: 100%;}
	.product-item.type2+.product-item.type2 {margin-left: 0;}

	.product_ico-wrap li,
	.product_ico-wrap li:nth-of-type(5n) {width: calc(33.3333% - 10px); margin-right: 10px;}
	.product_ico-wrap li:nth-of-type(3n) {margin-right: 0;}

	.product-item.multi .img br {display:block;}
	.product-item.multi .img img:nth-of-type(2n) {margin-right: 0;}

	.product-item .txt {font-size: 18px;}
	.product-item .txt p:after {top: 13px;}
	
	.product_color li {width: 47%;}
	.product_color li:nth-of-type(2n) {margin-right: 0;}
	.product_color li a .name {font-size: 20px;}

	.product-item.img .size li.type1 {width: 100%; margin-bottom: 30px;}
	.product-item.img .size li.type2 {width: 100%;}
	.product-item.img .size li.type2 div {width: 66%;}
	.product-item.img .size li.type2 div:nth-of-type(1) {width: 33%; margin-right: 1%; text-align: left;}
	.product-item.img .size li.type2 div:nth-of-type(1) img {max-width: 100%;}
	.product-item.img .size li.type2 div+div {margin: 0;}

	.con-product-table-wrap {width: 100%; overflow-x: scroll;}
	.con-product-table-wrap .con-product-table {min-width: 440px;}

}

@media only screen and (max-width: 768px) {
	.product-item.img .img {width: 100%; margin: 0 0 10px;}
}

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

	.product_tab li,
	.product_tab.type1 li,
	.product_tab.type2 li,
	.product_tab.type3 li {width: 100%;}
	.product_tab li a,
	.product_tab.type1 li a,
	.product_tab.type2 li a,
	.product_tab.type3 li a {border-top: 1px solid #00243b; border-bottom: 0; border-right: 1px solid #00243b;}
	.product_tab li:last-child a {border-bottom: 1px solid #00243b;}

	.product_tab.type3 li:nth-of-type(4) a {border-top: 1px solid #00243b;} 

	.product_tab li.active a::after {top: 50%; left: 0; }


	.product-item .txt {font-size: 16px;}
}

@media only screen and (max-width: 480px) {
	
	.product_tab li a, 
	.product_tab.type1 li a, 
	.product_tab.type2 li a, 
	.product_tab.type3 li a {padding: 20px 10px; height: 60px; font-size: 18px;}


	.con-product-table th, .con-product-table td {padding: 10px; font-size: 16px;}

	.product-item.img .size+.size {margin-top: 30px;}
	.product-item.img .size.type2 li+li {margin-top: 50px;}

	.product_ico-wrap li p {font-size: 12px;}

	.product_ico-wrap li,
	.product_ico-wrap li:nth-of-type(3n),
	.product_ico-wrap li:nth-of-type(5n) {width: calc(50% - 10px); margin-right: 10px;}
	.product_ico-wrap li:nth-of-type(2n) {margin-right: 0;}

	.category-input {text-align: left;}
	.category-input select {display: block; margin: 10px 0 0; width: 100%;}

	.product_color {margin-top: 100px;}
	.product_color li {width: 100%; margin: 0 0 60px;}
	.product_color li a .name {font-size: 18px;}

	.product-item.img .size li.type2 div {width: 100%;}
	.product-item.img .size li.type2 div:nth-of-type(1) {width: 100%; margin: 0 0 20px; text-align: left;}
	.product-item.img .size li.type2 div:nth-of-type(1) img {max-width: 50%;}
}

@media only screen and (max-width: 420px) {
	.product-item.multi .img img {margin: 0; display: block;}
}

.text-upper {text-transform: uppercase;}