@charset "utf-8";

@media (max-width: 1900px) {
	.s12 .contact-wrap.wrap2 .row2 .check span {margin-right: 0;}
}

@media (max-width: 1600px) {
	section {padding-left: 15px;}
	.real-cont {padding-left: 15px;}

	.s11 .arti04 .brand ul li a dl dd > br {display: none;}

	.s11_1 .client p > br {display: none;}
}

@media (max-width: 1400px) {
	.s11 .arti03 .inner .left {padding-right: 30px;}
	.s11 .arti03 .inner .left .csr p > br {display: none;}
	.s11 .arti03 .inner .left .client {flex-wrap: wrap;}
	.s11 .arti03 .inner .right {padding-left: 30px;}

	.s12 .contact-wrap.wrap2 .row2 .check span {max-width: 130px;}
	.s12 .contact-wrap.wrap2 .row2.etcInquiry .check span{max-width:unset;}

	/* 통합검색페이지 */
	#sch_res_detail .frm_input {max-width: 350px; margin-right: 20px;}
}

@media (max-width: 1200px) {
	.s11 .arti02 ul li {width: 25%; min-height: 80px;}
	.s11 .arti02 ul li:nth-of-type(8n) {border-right: 0;}
	.s11 .arti02 ul li:nth-of-type(4n) {border-right: 1px solid #ddd;}

	.s11 .arti03 .inner .left .csr {padding-bottom: 20px;}
	.s11 .arti03 .inner .left .client {padding-top: 20px;}
	.s11 .arti03 .inner .left .client a {margin-top: 10px;}

	.s11 .arti03 .inner .right ul {width: calc(100% + 20px); margin: 22px -10px 0;}
	.s11 .arti03 .inner .right ul li {padding: 0 10px;}

	.s11 .arti04 .brand ul li {width: 33.33333%;}

	/* 통합검색페이지 */
	#sch_res_detail select {max-width: 120px;}
	#sch_res_detail .frm_input {max-width: 250px; margin-right: 10px;}
}

@media (max-width: 1024px) {
	section {width: 100%; padding-top: 150px; padding-left: 0;}
	.real-cont {width: 100%; padding-top: 150px; padding-left: 0;}

	.s11_1 .s-tit {position: static; height: auto; padding-top: 0;}
	.s11_1 .client {margin-top: 20px;}
	.s11_1 .client p {text-align: justify; word-break: break-word;}

	.s12 .contact-wrap .row .label {max-width: 120px;}
	.s12 .contact-wrap .row .label label {font-size: 14px;}
	.s12 .contact-wrap.wrap3 .row .label {font-size: 14px;}
	.s12 .contact-wrap.wrap3 .row {padding: 20px 10px;}
	.s12 .contact-wrap.wrap3 .row.p35 {padding: 25px 10px 30px;}
	.s12 .contact-wrap.wrap3 .row.p30 {padding: 25px 10px;}
	.s12 .contact-wrap .row input {font-size: 14px;}
	.s12 .contact-wrap .row input::placeholder {font-size: 13px;}
	.s12 .contact-wrap.wrap3 .row textarea {font-size: 14px;}
	.s12 .contact-wrap.wrap3 .row textarea::placeholder {font-size: 13px;}
	input[type='date']::before {font-size: 14px;}
	.s12 .contact-wrap.wrap3 .row .radio .radiobox label {font-size: 14px;}

	.s12 .contact-wrap.wrap2 .row2 .check span label {font-size: 14px;}

	/* 통합검색페이지 */
	.form-wrapper {width: 100%; padding-top: 150px;}
	#sch_res_detail .frm_input {max-width: 300px; margin-right: 10px;} 
}

@media (max-width: 768px) {
	.sub-list .cnt-list ul li {width: 50%;}
	.sub-list .cnt-list ul li:nth-of-type(2) ~ li {margin-top: 40px;}
	.sub-list .cnt-list ul li:nth-of-type(3) ~ li {margin-top: 40px;}
	.sub-list .cnt-list ul li a dl {margin-top: 15px;}

	.s11 .arti02 ul li p {font-size: 12px;}

	.s11 .arti03 .inner {flex-wrap: wrap;}
	.s11 .arti03 .inner .left {max-width: 100%; padding-right: 0; border-right: 0;}
	.s11 .arti03 .inner .left .client {padding-bottom: 20px;}
	.s11 .arti03 .inner .left .client a {margin-top: 0px;}
	.s11 .arti03 .inner .right {max-width: 100%; padding: 0; padding-top: 20px; border-top: 1px solid #ddd;}

	.s11 .arti04 .brand ul li {width: 50%;}

	.s12 .contact-wrap.wrap2 .row2.h-auto {height: 120px;}
	.s12 .contact-wrap.wrap2 .row2.h-auto .label {line-height: 119px;}
	.s12 .contact-wrap.wrap2 .row2 .check {padding-left: 20px;}
	.s12 .contact-wrap.wrap2 .row2 .check span {max-width: 110px;}
	/* .s12 .contact-wrap.wrap2 .row2 .check span label {font-size: 14px;} */
	.s12 .contact-wrap.wrap2 .row2 .check span label::before {margin-right: 5px;}
	.s12 .contact-wrap.wrap2 .row2 .label {font-size: 14px; padding-left: 15px; max-width: 120px;}

	.s12 .contact-wrap .row .label {max-width: 100px;}

	/* 통합검색페이지 */
	#sch_res_detail {padding-bottom: 15px;}
	#sch_res_detail .sch_wr {position: relative; padding-bottom: 60px;}
	#sch_res_detail select {max-width: 130px;}
	#sch_res_detail .frm_input {max-width: 600px; margin-right: 0;}
	#sch_res_detail .btn_submit {max-width: 120px; bottom: 10px;}
	.chk_box {max-width: 200px; height: 60px; display: flex; align-items: center;}
	.chk_box {position: absolute; bottom: 0; left: 0;}
	
	.sch_res_list ul li {width: 50%;}
	.sch_res_list ul li:nth-of-type(2)~ li {margin-top: 30px;}
	.sch_res_list ul li .inner a dl {margin-top: 15px;}
	.sch_more {padding: 30px 0;}
}

@media (max-width: 640px){
	.s12 article ~ article {margin-top: 50px;}
	.s12 .arti03 .article-header.show {margin-top: 50px;}
	.s12 .contact-wrap.wrap3.on ~ .contact-wrap.wrap3.on {margin-top: 40px;}
	.s12 .contact-wrap.wrap3 .wrap-tit {padding: 0 10px; line-height: 44px;}
	.s12 .contact-wrap.wrap3 .row {width: 100%;}
	.s12 .contact-wrap .row {width: 100%; padding: 15px 10px;}
	.s12 .contact-wrap .row:nth-of-type(2n) {padding-left: 10px;}
	.s12 .contact-wrap.wrap3 .row.p30 {padding: 15px 10px;}
	.s12 .contact-wrap.wrap3 .row.p35 {padding: 20px 10px;}
	.s12 .contact-wrap .row input {height: 40px; padding: 0 5px;}
	.s12 .contact-wrap .row input::placeholder {font-size: 11px;}
	.s12 .contact-wrap.wrap3 .row textarea {padding: 10px;}
	.s12 .contact-wrap.wrap3 .row textarea::placeholder {font-size: 11px; line-height: 15px;}
	input[type='date']::before {font-size: 11px;}

	#sch_res_board {flex-wrap: wrap; padding-top: 30px;}
	#sch_res_board li {margin-top: 10px; padding-right: 20px;}
	#sch_res_board li:after {right: 10px;}
	#sch_res_board a {font-size: 15px;}
}

@media (max-width: 480px) {
	section {padding-top: 130px;}
	.real-cont {padding-top: 130px;}

	.sub-list .category ul li {padding: 0 8px;}
	.sub-list .category ul li a {font-size: 14px;}
	.sub-list .category .year_link {font-size: 14px;}
	.board-top {margin-bottom: 30px;}
	.sub-list .category {margin-top: 0;}
	.sub-list .cnt-list ul li {width: 100%;}
	.sub-list .cnt-list ul li ~ li {margin-top: 40px;}
	.sub-list .cnt-list ul li a dl dt {font-size: 14px;}
	.sub-list .cnt-list ul li a dl dt span {font-size: 14px;}
	.sub-list .cnt-list ul li a dl dd {font-size: 14px;}

	.board-view .title {flex-wrap: wrap; padding: 15px 0;}
	.sub-view .title dl {max-width: 100%;}
	.sub-view .title dl dt {font-size: 16px;}
	.sub-view .title dl dt span {font-size: 16px;}
	.sub-view .title dl dd {font-size: 16px; line-height: 22px;}
	.sub-view .title .tit-btn {margin-top: 10px; margin-left: auto;}
	.board-view .content-box .text {padding-bottom: 30px;}

	.pg_wrap {margin: 40px auto 20px;}

	.s11 article h5 {font-size: 16px; line-height: 28px;}
	.s11 .arti01 h5 {font-size: 17px; line-height: 28px;}
	.s11 .arti01 p {font-size: 14px; line-height: 24px; margin-top: 20px;}
	.s11 .arti01 p ~ p {margin-top: 25px;}
	.s11 .arti01 p:last-child {margin-top: 30px;}

	.s11 .arti02 {margin-top: 60px;}
	.s11 .arti02 ul li {width: 33.3333%;}
	.s11 .arti02 ul li:nth-of-type(4n) {border-right: 0;}
	.s11 .arti02 ul li:nth-of-type(3n) {border-right: 1px solid #ddd;}
	.s11 .arti02 ul li:last-child {border-right: 1px solid #ddd;}

	.s11 .arti03 {margin-top: 60px;}
	.s11 .arti03 .inner .left .csr p {font-size: 14px; line-height: 22px;}
	.s11 .arti03 .inner .left .client a {max-width: 130px; padding: 0 10px; font-size: 14px; background-position: calc(100% - 10px) 50%; line-height: 45px;}
	.s11 .arti03 .inner .right ul {flex-wrap: wrap;}
	.s11 .arti03 .inner .right ul li {width: 50%;}
	.s11 .arti03 .inner .right ul li:nth-of-type(2) ~ li {margin-top: 20px;}

	.s11 .arti04 {margin-top: 60px;}
	.s11 .arti04 .brand ul li {width: 100%; min-height: auto;}
	.s11 .arti04 .brand ul li a dl {padding-bottom: 30px;}

	.s12 .contact-wrap.wrap3 .wrap-tit {font-size: 14px;} 
	.s12 .contact-wrap.wrap2 .row2 .label {padding-left: 10px; max-width: 100px; font-size: 12px;}
	.s12 .contact-wrap.wrap2 .row2 .check {padding-left: 10px;}
	.s12 .contact-wrap.wrap2 .row2 .check span label {font-size: 12px;}
	.s12 .contact-wrap.wrap3 .row .radio .radiobox label {font-size: 12px;}
	.s12 .contact-wrap .row input {font-size: 12px;}
	.s12 .contact-wrap.wrap3 .row textarea {font-size: 12px; line-height: 18px;}
	.s12 .contact-wrap.wrap3 .row .label {font-size: 12px;}
	.s12 .contact-wrap .row .label label {font-size: 12px;}
	.s12 .article-header h6 {font-size: 15px;}


	.s12 .bottom-area #captcha #captcha_info {font-size: 12px; text-align: center;}
	.s12 .form-agree .checkbox label {font-size: 14px;}
	.btn-pack.large {font-size: 14px;}


	#sch_result {min-height: 50px;}

	#sch_res_detail select {max-width: 100px; font-size: 14px; padding: 0 5px; background-position: calc(100% - 5px) 50%;}
	#sch_res_detail .frm_input {max-width: 300px; padding: 0 5px; font-size: 14px;}
	.chk_box input[type="radio"] + label {font-size: 14px; padding-left: 20px;}
	.chk_box label ~ label {margin-left: 10px;}
	#sch_res_detail .btn_submit {font-size: 14px; height: 40px; max-width: 80px;}

	.sch_res_list ul li {width: 50%;}
	.sch_res_list ul li ~ li {margin-top: 0px;}
	.sch_res_list ul li .inner a dl dt {font-size: 14px;}
	.sch_res_list ul li .inner a dl dt span {font-size: 14px;}
	.sch_res_list ul li .inner a dl dd {font-size: 14px;}
	.sch_more {font-size: 14px;}
	.sch_more a {padding-right: 25px; background-size: 15px auto;}

	#sch_result .empty_list {font-size: 14px; margin-bottom: 10px;}

}