@charset "utf-8";

@media (max-width: 1400px) {
	/* s1-1 */
	.greeting .text-box:before {left: 540px;}
	.greeting .left-box {max-width: 540px; padding: 0 40px;}
	.greeting .right-box {padding: 112px 40px 0 60px;}
	/* s1-2 */
	.overview:before {background-size: 580px auto;}
	.overview .left-box {max-width: 470px; padding: 0 40px;}
	.overview .right-box {padding: 0 50px 0 60px;}
	/* s2-2 */
	.product-overview .text-box .flex > ul {padding-right: 20px;}
	/* s2-3 */
	.product-overview .slide {max-width:600px;}
	.product-overview .text-box {padding-left:60px;}
	.product-process .wrap {padding: 60px 50px 100px;}
	.product-process ul {bottom: 30px;}
}

@media (max-width: 1200px) {
	/* s2-1 */
	.product-overview .text-box b {font-size: 32px; margin-bottom: 20px;}
	.product-overview .text-box ul li {font-size: 18px; padding-left: 20px;}
	.product-overview .text-box ul li:before {top: 15px;}
	/* s2-3 */
	.product-overview .slide {max-width:550px;}
	.product-overview .text-box {padding-left:50px;}
	.product-overview .text-box p {font-size: 18px;}
	/* s2-3 */
	.product-slider-track .item img {max-width: 500px;}
	.utg .product-process ol > li {padding-right:62px;}
	.utg .product-process ol > li:before {width:62px;}
	.utg .product-process ol > li:after {right:16px;}
	/* s2-4 */
	.fmm .product-process ol {margin-right:-16px;}
	.fmm .product-process ol > li {padding-right:62px;}
	.fmm .product-process ol > li:before {width:62px;}
	.fmm .product-process ol > li:after {right:16px;}
	/* s2-6 */
	.lead .product-process ol {/* margin-right:-16px; */}
	.lead .product-process ol > li {padding-right:62px;} 
	.lead .product-process ol > li:before {width:62px;}
	.lead .product-process ol > li:after {right:16px;}
	/* s2-7 */
	.fc .product-process ol {margin-right:-16px;}
	.fc .product-process ol > li {padding-right:62px;} 
	.fc .product-process ol > li:before {width:62px;}
	.fc .product-process ol > li:after {right:16px;}
}

@media (max-width: 1024px) {
	/* sub-visual */
	.sub-visual {height:450px;}
	.sub-visual .title h2 {font-size:60px;}
	/* lnb */
	.path .home {display:flex; width:50px; height:100%;}
	.path .home a {height:18px;}
	.path .submenu .open {width:220px; line-height:70px; padding:0 30px; font-size:16px;}
	.path .submenu .open:after {right:25px;}
	.path .submenu .depth {top: calc(100% + 15px); width:calc(100% + 1px); padding:24px 30px;}
	.path .submenu .depth li:not(:last-child) {margin-bottom: 6px;}
	.path .submenu .depth a {font-size:16px;}
	/* sub-title */
	.page-title {padding:100px 0 50px;}
	.page-title h3 {font-size:45px; padding-top:16px;}
	.page-title h3 span {width:30px; height:6px;}
	/* sub */
	.real-cont {margin-bottom:120px;}
	/* s1-1 */
	.greeting .img-box {height: 300px;}
	.greeting .text-box {display: block; padding-bottom: 130px;}
	.greeting .text-box:before {display: none;}
	.greeting .left-box {max-width: none; width: 100%; padding: 0 20px;}
	.greeting .left-box .logo-box {width: 260px; height: 160px; padding: 30px 40px 25px; margin-top: -80px; margin-bottom: 30px;}
	.greeting .left-box .logo-box .icon {width: 38px; height: 40px;}
	.greeting .left-box .logo-box p {font-size: 18px;}
	.greeting .left-box h4 {font-size: 34px;}
	.greeting .right-box {width: 100%; flex: auto; padding: 40px 20px 0;}
	.greeting .right-box > p {font-size: 18px; margin-bottom: 25px;}
	.greeting .right-box .signature {font-size: 20px;}
	.greeting .right-box .signature p {margin-right: 20px;}
	/* s1-2 */
	.overview:before {width: 400px; height: 464px; background-size: 400px auto;}
	.overview .img-box {height: 300px;}
	.overview .text-box {display: block; padding: 50px 0 130px;}
	.overview .left-box {max-width: none; padding: 0 20px; border-right: none;}
	.overview .left-box h4 {font-size: 35px; margin-bottom: 40px;}
	.overview .right-box {width: 100%; flex: auto; padding: 0 20px;}
	.overview .right-box > p {font-size: 18px;}
	.overview .right-box > p:not(:last-child) {margin-bottom: 25px;}
	/* s1-3 */
	.history-top .img-box {height: 380px;}
	.history-top .tab-menu {bottom: 35px; padding-right: 25px;}
	.history-top .tab-menu ol li {padding-right: 30px;}
	.history-top .tab-menu ol li a {font-size: 18px; padding: 12px 0;}
	.history-details {padding: 100px 0 0;}
	.history-details .year-wrap .year {font-size: 45px; margin-top: -28px; padding: 0 40px;}
	.history-details .details-wrap {padding: 20px 40px 90px;}
	.history-details .year-wrap:last-child .details-wrap {padding-bottom: 130px;}
	.history-details .month-wrap .month {max-width: 40px; font-size: 18px;}
	.history-details .month-wrap ol li {font-size: 18px;}
	/* s1-4 */
	.biz .img-box {height: 300px; margin: 0 auto 70px;}
	.biz .map {margin-bottom: 30px;}
	.biz .map iframe {height:360px;}
	.biz .map .root_daum_roughmap {height:360px !important;}
	.biz .map .root_daum_roughmap .wrap_map {height:360px !important;}
	.biz .info dl {font-size: 18px; margin-bottom: 4px;}
	.biz .info dt {max-width: 70px; padding-left: 20px;}
	.biz .btn-wrap {display: flex; margin-top: 0;}
	.biz .btn-wrap a {width: 55px; height: 55px;} 
	/* s2-1 */
	.product-overview .text-box b {font-size: 26px; margin-bottom: 15px;}
	.product-overview .text-box ul li {font-size: 16px; padding-left: 16px;}
	.product-overview .text-box ul li:before {top: 13px;}
	/* s2-3 */
	.product-overview .wrap {margin-bottom:40px;}
	.product-overview .slide {max-width:400px;}
	.product-overview .slick-prev {left:20px;}
	.product-overview .slick-next {right:20px;}
	.product-overview .text-box {padding-left:30px;}
	.product-overview .text-box p {font-size:16px;}
	.product-table {margin-bottom:100px;}
	.product-table table colgroup col:nth-child(1),
	.product-table table colgroup col:nth-child(2) {width: 170px !important;}
	.product-table table thead th {font-size:18px; padding: 12px 10px;}
	.product-table table thead th:after {margin-top: -9px; height: 18px;}
	.product-table table tbody {font-size:16px;}
	.product-table table tbody th {padding:11px 10px;}
	.product-table table tbody td {padding:11px 10px;}
	.product-process {margin-bottom:90px;}
	.arti-title {margin-bottom:20px;}
	.arti-title h4 {font-size:40px; padding-top:12px;}
	.product-process .wrap {padding:40px 30px 60px;}
	.product-process .title {font-size: 30px; margin-bottom: 25px;}
	.product-process ol {margin-bottom:-20px; margin-right:-16px;}
	.product-process ol > li {padding-right:40px; margin-bottom:20px;}
	.product-process ol > li:last-child {padding-right:0;}
	.product-process ol > li:before {width:40px;}
	.product-process ol > li:after {margin-top:-13px; right:7px; width: 26px; height: 26px; background-size: 26px auto;}
	.product-process .circle {width:100px; height:100px;}
	.product-process .square {width:110px; height:70px;}
	.product-process .inner p {font-size:16px;}
	.product-process ul {bottom:25px; right:30px;}
	.product-process ul li {margin-left:22px; padding-left:28px; font-size:15px;}
	.product-process ul li:before {width:18px; height:18px; margin-top:-9px;}
	.product-process .text-box {margin-top: 40px; padding-top: 40px;}
	.product-process .text-box p.dot-list {font-size: 18px; padding-left: 14px;}
	.product-process .text-box p.dot-list:before {top: 12px;}

	.product-slider-track .item img {max-width: 420px;}

	.utg .product-process ol > li {padding-right:40px;}
	.utg .product-process ol > li:before {width:40px;}
	.utg .product-process ol > li:after {right:7px;}
	/* s2-4 */
	.fmm .product-process ol > li {padding-right:40px;}
	.fmm .product-process ol > li:before {width:40px;}
	.fmm .product-process ol > li:after {right:7px;}
	.product-process ul.block li {margin-bottom: 0;}
	/* s2-6 */
	.lead .product-process ol > li {padding-right:40px;} 
	.lead .product-process ol > li:before {width:40px;}
	.lead .product-process ol > li:after {right:7px;}
	/* s2-7 */
	.fc .product-process ol > li {padding-right:40px;} 
	.fc .product-process ol > li:before {width:40px;}
	.fc .product-process ol > li:after {right:7px;}
}

@media (max-width: 768px) {
	/* sub-visual */
	.sub-visual {height:350px;}
	.sub-visual .title h2 {font-size:45px;}
	/* lnb */
	.path .home {width:40px;}
	.path .home a {height:18px;}
	.path .submenu .open {width:200px; line-height:60px; padding:0 20px; font-size:15px;}
	.path .submenu .open:after {right:15px;}
	.path .submenu .depth {top: calc(100% + 15px); padding:24px 20px;}
	.path .submenu .depth li:not(:last-child) {margin-bottom: 6px;}
	.path .submenu .depth a {font-size:15px;}
	/* sub-title */
	.page-title {padding:70px 0 50px;}
	.page-title h3 {font-size:34px; padding-top:16px;}
	/* sub */
	.real-cont {margin-bottom:100px;}
	/* s1-1 */
	.greeting .img-box {height: 250px;}
	.greeting .text-box {padding-bottom: 100px;}
	.greeting .left-box {padding: 0 15px;}
	.greeting .left-box .logo-box {width: 200px; height: 130px; padding: 20px 25px; margin-top: -40px; margin-bottom: 20px;}
	.greeting .left-box .logo-box .icon {width: 38px; height: 40px;}
	.greeting .left-box .logo-box p {font-size: 16px;}
	.greeting .left-box h4 {font-size: 28px;}
	.greeting .right-box {padding: 20px 15px 0;}
	.greeting .right-box > p {font-size: 16px; margin-bottom: 20px;}
	.greeting .right-box .signature {font-size: 18px;}
	.greeting .right-box .signature p {margin-right: 15px;}
	.greeting .right-box .signature img {width: 90px;}
	/* s1-2 */
	.overview:before {width: 350px; height: 464px; background-size: 350px auto;}
	.overview .img-box {height: 250px;}
	.overview .text-box {padding: 30px 0 100px;}
	.overview .left-box {padding: 0 10px;}
	.overview .left-box h4 {font-size: 28px; margin-bottom: 20px;}
	.overview .right-box {padding: 0 10px;}
	.overview .right-box > p {font-size: 16px;}
	.overview .right-box > p:not(:last-child) {margin-bottom: 20px;}
	/* s1-3 */
	.history-top .img-box {height: 300px;}
	.history-top .tab-menu {bottom: 20px; padding-right: 10px;}
	.history-top .tab-menu ol li {padding-right: 20px;}
	.history-top .tab-menu ol li a {font-size: 16px; padding: 12px 0;}
	.history-details {padding: 70px 0 0;}
	.history-details:before {left: 15px;}
	.history-details .year-wrap {display: block;}
	.history-details .year-wrap > div {width: 100%;}
	.history-details .year-wrap .dot {top: 18px; left: 9px; margin-left: 0;}
	.history-details .year-wrap .year {font-size: 40px; margin-top: -28px; padding: 0 40px;}
	.history-details .year-wrap:nth-child(odd) .year {text-align: left;}
	.history-details .details-wrap {padding: 20px 20px 80px; margin-left: 20px;}
	.history-details .year-wrap:last-child .details-wrap {padding-bottom: 100px;}
	.history-details .year-wrap:nth-child(odd) .details-wrap .line {left: -5px;}
	.history-details .year-wrap:nth-child(even) .details-wrap .line {right: auto; left: -5px;}
	.history-details .year-wrap:nth-child(even) .month-wrap {flex-direction: row;}
	.history-details .month-wrap .month {max-width: 35px; font-size: 16px;}
	.history-details .year-wrap:nth-child(even) .month-wrap .month {text-align: left;}
	.history-details .month-wrap ol li {font-size: 16px;}
	.history-details .year-wrap:nth-child(even) .month-wrap ol li {text-align: left;}
	/* s1-4 */
	.biz .img-box {height: 250px; margin: 0 auto 50px;}
	.biz .map {margin-bottom: 20px;}
	.biz .map iframe {height:300px;}
	.biz .map .root_daum_roughmap {height:300px !important;}
	.biz .map .root_daum_roughmap .wrap_map {height:300px !important;}
	.biz .info-wrap {display: block;}
	.biz .info {width: 100%; flex: auto;}
	.biz .info dl {font-size: 16px;}
	.biz .info dt {max-width: 55px; padding-left: 10px;}
	.biz .info dd {width: 1%; flex: 1 1 auto;}
	.biz .btn-wrap {display: flex; justify-content: flex-end; margin-top: 30px;}
	.biz .btn-wrap a {width: 55px; height: 55px;} 
	/* s1-5 */
	.partner ul {margin: -5px;}
	.partner ul li {width: 50%; padding: 5px;}
	/* s2-1 */
	.product-overview .text-box b {font-size: 22px; margin-bottom: 10px;}
	.product-overview .text-box ul li {font-size: 16px; padding-left: 15px;}
	.product-overview .text-box ul li:before {top: 13px;}
	/* s2-3 */
	.product-overview .wrap {display: block; margin-bottom:40px;}
	.product-overview .slide {max-width:670px; margin: 0 auto 30px;}
	.product-overview .slick-prev {left:20px;}
	.product-overview .slick-next {right:20px;}
	.product-overview .text-box {width: 100%; flex: auto; padding: 0 10px}
	.product-overview .text-box p {font-size:16px;}
	.product-table {margin-bottom:80px;}
	.product-table table colgroup col:nth-child(1),
	.product-table table colgroup col:nth-child(2) {width: 80px !important;}
	.product-table table thead th {font-size:16px; padding: 12px 10px;}
	.product-table table thead th:after {margin-top: -8px; height: 16px;}
	.product-table table tbody {font-size:15px;}
	.product-table table tbody th {padding:10px 10px;}
	.product-table table tbody td {padding:10px 10px;}
	.product-process {margin-bottom:70px;}
	.arti-title {margin-bottom:15px;}
	.arti-title h4 {font-size:30px; padding-top:10px;}
	.product-process .wrap {padding:30px 20px 40px;}
	.product-process .title {font-size: 22px; margin-bottom: 20px;}
	.product-process ol {margin-bottom:-15px; margin-right:-16px;}
	.product-process ol > li {padding-right:40px; margin-bottom:15px;}
	.product-process ol > li:last-child {padding-right:0;}
	.product-process ol > li:before {width:40px;}
	.product-process ol > li:after {margin-top:-12px; right:8px; width: 24px; height: 24px; background-size: 24px auto;}
	.product-process .circle {width:90px; height:90px;}
	.product-process .square {width:100px; height:60px;}
	.product-process .inner p {font-size:15px;}
	.product-process ul {display: block; bottom:20px; right:20px;}
	.product-process ul li {margin-left:22px; padding-left:28px; font-size:15px;}
	.product-process ul li:before {width:18px; height:18px; margin-top:-9px;}
	.product-process .text-box {margin-top: 30px; padding-top: 30px;}
	.product-process .text-box p.dot-list {font-size: 16px; padding-left: 12px;}
	.product-process .text-box p.dot-list:before {top: 11px;}
	.product-slider-track .item img {max-width: 350px;}
	/* s2-4 */
	.fmm .product-process ol > li:after {right:8px;}
	/* s2-6 */
	.lead .product-process ol > li:after {right:8px;}
	/* s2-7 */
	.fc .product-process ol > li:after {right:8px;}
}

@media (max-width: 480px) {
	/* lnb */
	#sub #lnb .contain {padding-right: 0;}
	.path {justify-content: center;}
	.path .submenu .open {width:150px; line-height:60px; padding:0 15px; font-size:14px;}
	.path .submenu .depth {top: calc(100% + 15px); padding:20px 15px;}
	.path .submenu .depth li:not(:last-child) {margin-bottom: 2px;}
	.path .submenu .depth a {font-size:14px;}
	/* s1-2 */
	.overview:before {display: none;}
	/* s2-2 */
	.product-overview .text-box .flex {display: flex; flex-wrap: wrap;}
	.product-overview .text-box .flex > ul {width: 100%; padding-right: 0;}
	/* s2-3 */
	.product-slider-track .item img {max-width: 280px;}
}