@charset "utf-8";

@media (max-width: 1600px){
	.s1_1 .team ul li .wrap {padding: 50px 20px;}
}

@media (max-width: 1400px){
	.s1_1 .team ul li .wrap .profile .info h5 {font-size: 24px; line-height: 32px;}

	/* s2_2 */
	.s2_2 .table-wrap table tr td.pipe.w100::after {width: 190px; background-size: 190px 34px;}
	.s2_2 .table-wrap table tr td.pipe.w80::after {width: 160px; background-size: 160px 34px;}
	/* .s2_2 .table-wrap table tr td.pipe.w45::after {width: 90px; background-size: 90px 34px;} */
}

@media (max-width: 1200px) {
	#sub .container-fluid {padding: 0 15px 0 230px;}
	.sub-menu {max-width: 200px; padding-right: 0;}	
	.sub-menu .category {height: 120px;}
	.article-header .arti-tit h5 > br {display: none;}
	.s2_1 .article-header .arti-tit h5 > br {display: block;} 

	/* s1_1 */
	.s1_1 .team ul li .wrap .profile .info span {font-size: 16px;}
}

@media (max-width: 1024px) {
	.sub-menu {display: none;}
	#sub .container-fluid {padding: 0 15px;}

	/* btn-drop */
	.s-lnb {position: relative;}
	.btn-drop {display: block; width: 100%; height: 100%; position: relative; text-align: left; padding: 0 20px; color: #fff;}
	.btn-drop::after {position: absolute; content:''; top: 50%; right: 20px; transform: translateY(-50%); width: 22px; height: 22px; background: url(../images/sub/ico_arrow_down.png) 50% 50% no-repeat; background-size: auto; transition: all .15s linear;}
	.s-lnb.active .btn-drop::after {transform: translateY(-50%) rotate(180deg);}
	.lnb .s-lnb ul {position: absolute; width: 100%; top: 100%; right: 0; display: none; z-index: 1; background-color: #fff; overflow: hidden;}
	.lnb .lnb-wrap .s-lnb ul li {display: block; border: 1px solid #ddd; border-top: 0;}
	.lnb .lnb-wrap .s-lnb ul li.active {border-color: #0082cd;}
	.lnb .lnb-wrap .s-lnb ul li > a {background: none; color: #666; cursor: pointer; transition: all .2s linear;}
	.lnb .lnb-wrap .s-lnb ul li > a:hover {color: #0082cd;}
	.lnb .lnb-wrap .s-lnb ul li.active > a { background-color: #0082cd; color: #fff;}
	.s-lnb.active ul {display: block;} 

	.sub_1_1_ .lnb .s-lnb.active .btn-drop::after, .sub_4_1_ .lnb .s-lnb.active .btn-drop::after {transform: translateY(-50%) rotate(0deg);}
	.sub_1_1_ .lnb .s-lnb ul, .sub_4_1_ .lnb .s-lnb ul {display: none;}

	/* s1_1 */
	.s1_1 .team ul li .wrap {padding: 50px 20px;}
	.s1_1 .team ul li .wrap .profile {flex-wrap: wrap;}
	.s1_1 .team ul li .wrap .profile .pic {margin-right: 0; margin: 0 auto;}
	.s1_1 .team ul li .wrap .profile .info {max-width: 100%; text-align: center; margin-top: 20px;}
	.s1_1 .team ul li .wrap .profile .info h5 > br {display: none;}
	.s1_1 .team ul li .wrap .about {padding-left: 20px;}

	/* s2_2 */
	.s2_2 .table-wrap table tr th {font-size: 16px;}
	.s2_2 .table-wrap table tr td {font-size: 16px;}
	
	/* s2_3 */
	.s2_3 .cnt ul li {padding: 35px 20px 35px 100px; min-height: auto;}
	.s2_3 .cnt ul li::before {width: 65px; height: 65px; background-size: 65px auto;}
	.s2_3 .cnt ul li dl dt {max-width: 230px; font-size: 20px;}
	.s2_3 .cnt ul li dl dd p {font-size: 16px; line-height: 24px;}
}

@media (max-width: 768px) {
	/* 공통 */
	.real-cont {padding: 80px 0 100px;}
	.lnb {height: 50px;}
	.lnb .lnb-wrap .sub_cate {line-height: 50px;}
	.lnb .lnb-wrap .s-lnb ul li > a {line-height: 50px;}
	.lnb > .container-fluid {padding: 0 !important;}

	.page-header {height: 400px; padding-top: 180px;}
	.page-header .container-fluid h3 {font-size: 40px;}
	.page-header .container-fluid p {font-size: 18px; padding-top: 20px;}
	section {padding: 80px 0 100px;}

	.article-header {flex-wrap: wrap;}
	.article-header figure {margin-right: 0; margin: 0 auto;}
	.article-header .arti-tit {max-width: 100%; text-align: center; margin-top: 0;}
	.article-header .arti-tit span {font-size: 16px;}
	.article-header .arti-tit h5 {font-size: 26px; line-height: 34px;}
	.article-header .arti-tit p {font-size: 16px; line-height: 24px; padding-top: 15px;}

	/* s1_1 */
	.s1_1 article ~ article {margin-top: 60px;}
	.s1_1 .cnt {flex-wrap: wrap; margin-top: 40px;}
	.s1_1 .cnt::after {width: 100px; height: 100px; background-size: 100px auto;}
	.s1_1 .cnt .img-box {width: 100%;}
	.s1_1 .cnt .img-box ~ .img-box {margin-top: 80px;}
	.s1_1 .cnt .img-box p {padding: 10px 0; font-size: 16px;}

	.s1_1 .history {margin-top: 40px;}
	.s1_1 .history ul::before {left: 120px;}
	.s1_1 .history ul li .year {max-width: 120px; padding-left: 20px; font-size: 28px;}
	.s1_1 .history ul li .txt {padding-left: 30px;}
	.s1_1 .history ul li .txt dl dt {font-size: 16px; max-width: 40px;}
	.s1_1 .history ul li .txt dl dd p {font-size: 16px;}

	.s1_1 .team {margin-top: 40px;}
	.s1_1 .team ul li {width: 100%;}
	.s1_1 .team ul li ~ li {margin-top: 40px;}
	.s1_1 .team ul li .wrap {padding: 30px;}
	.s1_1 .team ul li .wrap .about {padding-left: 0;}
	.s1_1 .team ul li .wrap .about p {font-size: 16px;}

	/* s2_1 */
	.s2_1 article ~ article {margin-top: 60px;}
	.s2_1 .article-header .arti-tit h5 > br.mo {display: block;}
	.s2_1 .arti01 .cnt {flex-wrap: wrap; margin-top: 40px;}
	.s2_1 .arti01 .cnt .img-box {width: 100%;}
	.s2_1 .arti01 .cnt .img-box ~ .img-box {margin-top: 40px;}
	.s2_1 .banner {font-size: 16px; line-height: 24px; padding: 10px 0;}
	.s2_1 .banner > br.mo {display: block;}

	.s2_1 .arti02 .cnt {margin-top: 40px;}

	/* s2_2 */
	.s2_2 article small {display: block;}
	.s2_2 .table-wrap {overflow: auto;}
	.s2_2 .table-wrap table colgroup {display: none;}
	.s2_2 .table-wrap table tr th {line-height: 57px; width: 100px;}
	.s2_2 .table-wrap table tr td {line-height: 57px;}
	.s2_2 .table-wrap table tr td.pipe.w100::after {width: 150px; background-size: 150px auto;}
	.s2_2 .table-wrap table tr td.pipe.w80::after {width: 130px; background-size: 130px auto;}
	.s2_2 .table-wrap table tr td.pipe.w45::after {width: 50px; background-size: 50px 20px;}

	/* s2_3 */
	.s2_3 article ~ article {margin-top: 60px;}
	.s2_3 .article-header .arti-tit {margin-top: 40px;}
	.s2_3 .cnt {margin-top: 40px;}
	.s2_3 .cnt ul li::before {width: 55px; height: 55px; background-size: 55px auto;}
	.s2_3 .cnt ul li dl {flex-wrap: wrap;}
	.s2_3 .cnt ul li dl dt {max-width: 100%;}
	.s2_3 .cnt ul li dl dd {max-width: 100%; width: 100%; margin-top: 15px;}
	
	.s2_3 .btn-contact {max-width: 150px; margin-top: 60px;}
	.s2_3 .btn-contact a {line-height: 50px; font-size: 16px; background-position: calc(100% - 20px) 50%; padding: 0 20px;}
	.s2_3 .btn-contact a:hover {background-position: calc(100% - 15px);}

}

@media (max-width: 480px) {
	.lnb .lnb-wrap .home {max-width: 45px;}
	.lnb .lnb-wrap .sub_cate {padding: 0 10px; background-position: calc(100% - 10px) 50%; max-width: 150px;}
	.btn-drop::after {right: 10px;}

	.article-header .arti-tit h5 {font-size: 22px;}

	/* s1_1 */
	.s1_1 .history ul {padding: 40px 0;}
	.s1_1 .history ul::before {left: 70px;}
	.s1_1 .history ul li ~ li {margin-top: 30px;}
	.s1_1 .history ul li .year {padding-left: 0; font-size: 18px; max-width: 70px; padding-top: 2px;}
	.s1_1 .history ul li .txt {padding-left: 20px; padding-top: 0;}
	.s1_1 .history ul li .txt::before {top: 4px;}
	.s1_1 .history ul li .txt dl ~ dl {margin-top: 10px;}
	.s1_1 .history ul li .txt dl dt {font-size: 14px; line-height: 20px;}
	.s1_1 .history ul li .txt dl dd p {font-size: 14px; line-height: 20px;}
	.s1_1 .history ul li .txt dl dd p ~ p {padding-top: 5px;}

	.s1_1 .team ul li {min-height: auto;}
	.s1_1 .team ul li .wrap {padding: 25px 15px;}
	.s1_1 .team ul li .wrap .profile .info h5 {font-size: 20px;}
	.s1_1 .team ul li .wrap .about {margin-top: 20px;}
	.s1_1 .team ul li .wrap .about p {font-size: 14px; line-height: 24px;}

	/* s2_2 */
	.s2_2 .table-wrap table tr th {font-size: 14px; line-height: 45px;}
	.s2_2 .table-wrap table tr td {font-size: 14px; line-height: 45px;}


	/* s2_3 */
	.s2_3 .cnt ul li {padding: 20px 5px 20px 80px;}
	.s2_3 .cnt ul li:before {left: 5px;}
	.s2_3 .cnt ul li dl dt {font-size: 18px;}
	.s2_3 .cnt ul li dl dd p {font-size: 14px; padding-left: 10px;}
	.s2_3 .article-header .arti-tit h5 {padding-top: 15px;}
}