@charset "utf-8";

/*common*/
.has-mark p.unmarked:before {content:'*'; position: absolute; left: 0em;}
.wrap .kv .obj {height: 101%;}
footer .footer__btm ul{width: 39%;}
footer .footer__btm ul li a, footer .footer__btm p{font-weight: 300;}
/*gnb*/
header .gnb-wrap > div .seah-info li:last-child > * {text-align: left;}
header .gnb-wrap > div .seah-info li > div {font-size: 0;}
header .gnb-wrap > div .seah-info li > div .info-cont {display: inline-block; vertical-align: top;}
header .gnb-wrap > div .seah-info li > div .info-cont + .info-cont {padding-left: 1em;}
/* header .gnb-wrap > div .info-cont {width: 50%;} */

.wrap .content-box .tit-wrap .tit {font-size: 28px; line-height: 1.4;}

/*products*/
.wrap.products-wrap .xsmall-tit {line-height: 1.33;}
.wrap.products-wrap .medium-tit {line-height: 1;}
.wrap.products-wrap .col2 .col.half-box .obj {width: 46.42%;}
.wrap.products-wrap .col2 .col.half-box .txt {width: 53.58%; padding: 33px 30px;}
.wrap.products-wrap .col2 .half-box .txt .desc {margin-top: 10px;}
.wrap.products-wrap  .list-wrap ul > li:nth-child(1) { border-bottom: 1px solid #c1c1c1; }

.wrap.special-steel-wrap .product-detail .col3 ul .col .has-mark p:before {left: 3.3em;}
.wrap.special-steel-wrap .product-detail .col3 ul .col p.txt-indent-2 {text-indent: -45px;padding-left: 58px;}
.wrap.special-steel-wrap .product-detail .col3 ul .col .has-mark p.txt-indent-2:before {left: 2.3em;}


/*제품 카탈로그*/
.wrap .table-wrap .table .tr.thead span.th.title {text-align: center; padding-left: 0;}

/*지속가능경영*/
.wrap.sub section.overview.bottom-line:after { content: ''; display: block; width: 1200px; height: 1px; background-color: #d0d4d7; margin: 0 auto; position: relative; bottom: -120px;}
.wrap .table-wrap table caption {font-size: 16px; line-height: 1.89;}

/*인증*/
.search-form {display: block;}
.padding_desc > p + p{margin-top: 10px;}


.full-text{width: 830px; margin: 0 auto;}

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

	.wrap .content-box .tit-wrap .tit {font-size: 1.94vw;}

	/*products*/
	.wrap.products-wrap .col2 .col.half-box .txt {padding: 2.29vw 2.08vw;}
	.wrap.products-wrap .col2 .half-box .txt .desc {margin-top: 0.69vw;}

	/*지속가능경영*/
	.wrap.sub section.overview.bottom-line:after {width: 83.33vw; bottom: -8.33vw;}
	.wrap .table-wrap table caption {font-size: 1.11vw; line-height: 1.89;}

	.padding_desc > p + p{margin-top: 0.69vw;}

    .full-text{width: 57.64vw;}
}

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



	/*main*/
	footer .footer__top .familysite.active .option-list {left: 100px;}

	.wrap .content-box .tit-wrap .tit {font-size: 20px;}
	
	/*지속가능경영*/
	.wrap .table-wrap table caption {font-size: 11px;}

	/*인증*/
	.search-form input {width: calc(100% - 13px);}
}

@media screen and (max-width: 768px) {
	.full-text{width: inherit;}
	.quick-container .quick-btn {display: none !important;}
	.wrap .kv .obj img{width : auto;}
	
	.has-mark p.unmarked:before {content:'*'; position: absolute; left: -0.3em;}
	.wrap .content-box .tit-wrap .tit {font-size: 6.64vw; line-height: 1.39; }
	
	/*products*/
	.wrap .content-box + .content-box {margin-top: 13.02vw;}

	.wrap.products-wrap .xsmall-tit {line-height: 1.33;}
	.wrap.products-wrap .medium-tit {line-height: 1;}
	.wrap.products-wrap .col2 .col.half-box .obj {width: 100%;}
	.wrap.products-wrap .col2 .col.half-box .txt {width: 100%; padding: 6.77vw 3.91vw 4.82vw;}
	.wrap.products-wrap .col2 .half-box .txt .desc {margin-top: 1.30vw;}

	.wrap.products-wrap .list-wrap ul > li {padding: 1.43vw 0 8.20vw 0;}
	.wrap.products-wrap .list-wrap ul > li + li {padding-top: 7.03vw;}
	.wrap.products-wrap .list-wrap ul > li .tit p { font-size: 5.60vw; line-height: 1.47; padding: 0 3.65vw 2.86vw;}
	.wrap.products-wrap .list-wrap ul > li .desc {padding-left: 6.25vw;}

	.wrap.catalog .file-btn {display: none;}

	/*지속가능경영*/
	.wrap.sub section.overview.bottom-line:after {width: 88.80vw; bottom: -25.93vw;}
	.wrap .table-wrap table caption {font-size: 3.39vw; line-height: 2.08;}

	/*제안/제보하기*/
	.quick-wrap .quick-form .tit {margin-bottom: 7.94vw;}
	.quick-wrap .quick-form .row.result .item label:last-child {margin-top: 1.82vw;}
	.quick-wrap .quick-form .row.result .item label span.desc {font-size: 3.65vw; line-height: 2; margin-left: 2.60vw;}
	.wrap .check-box .mark, .wrap .radio-btn .mark {vertical-align: middle;}

	/*인증*/
	.search-form button {width: 5.60vw; height: 4.82vw; background: no-repeat url('/resources/icon/search-icon-m.png') center / contain; opacity: 0.6;}

	.padding_desc > p + p{margin-top: 2.69vw;}
	footer .footer__btm ul{width: 100%;}
}