<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* ---------------------------------- main */
/* 
	main visual 
*/
.main-visual {overflow:hidden; position:relative; width:100%;}
.main-visual .slick &gt; div {position:relative; height:884px; text-align:center;}
.main-visual .slick &gt; div a {position:relative; display:block; width:100%; height:884px; color:#fefefe;}
.main-visual .slick &gt; div a .visual-text {position:absolute; top:50%; left:50%;  margin-left: auto; margin-right: auto; padding:30px 20px 40px 20px; width:1040px; font-size:0;-webkit-transform: translateY(-50%)translateX(-50%);-ms-transform: translateY(-50%)translateX(-50%);transform: translateY(-50%)translateX(-50%);}
.main-visual .slick &gt; div a .visual-text &gt; div {display:inline-block; vertical-align:top;}
.main-visual .slick &gt; div a .visual-text .text-inner {width:100%;}
.main-visual .slick &gt; div a .visual-text .img-box {width:176px;}
.main-visual .slick &gt; div a .visual-text .img-box img {z-index:111;}

/* .main-visual .slick &gt; div a .visual_text {position:absolute; top:0; left:0; z-index:11; display:block; width:100%; height:100%; background: rgba(0,0,0,.4); opacity:0;} */

.main-visual .slick &gt; div a h1 {z-index:111; font-weight:800; font-size:64px; line-height:1.4; color:#fff; word-break:keep-all; letter-spacing:-2px;}
.main-visual .slick &gt; div a h2 {z-index:111; font-weight:400; font-size:64px; line-height:1.4; color:#fff; word-break:keep-all; letter-spacing:-1px;}
.main-visual .slick &gt; div a p {z-index:111; font-weight:700; font-size:24px; line-height:1.4; color:#fff; word-break:keep-all; letter-spacing:-1px;margin-top: 40px;}
.main-visual .slick_txt * {position:relative; transition:font-size 0.5s ; opacity:0;}

/* .main-visual .item1 a {background:url('/html/_skin/seil/img/main/main/main_visual01.jpg') no-repeat center top; background-size:cover;} */
/* .main-visual .item2 a {background:url('/html/_skin/seil/img/main/main/main_visual02.jpg') no-repeat center top; background-size:cover;} */
/* .main-visual .item3 a {background:url('/html/_skin/seil/img/main/main/main_visual03.jpg') no-repeat center top; background-size:cover;} */
/* visual pager */
.main-visual .slick-dots {position:absolute; bottom:34px; left:0; width:100%; text-align:center; font-size:0; line-height:0;}
.main-visual .slick-dots li {display:inline-block; margin:0 6px; width:auto; height:auto;}
.main-visual .slick-dots li button {display:block; padding:0; width: 16px;height: 16px;background: none;border: 3px solid #fff;border-radius: 50%;-webkit-transition: .5s all;-ms-transition: .5s all;transition: .5s all;transform-origin: center;}
.main-visual .slick-dots li.slick-active button {background: #003e7e;width: 49px;border-radius: 20px;border-color: #003e7e;}
.main-visual .slick-dots li button:before {display:none;}

.main-visual .slick-prev:before,
.main-visual .slick-next:before {display:none;}

@media screen and (min-width:1201px) {
}
@media screen and (max-width:1200px) {
	.main-visual .slick &gt; div ,
	.main-visual .slick &gt; div a {height:calc(100vh - 80px);}
	.main-visual .slick &gt; div a .visual-text {width:85%;}	
	.main-visual .slick &gt; div a h1 {padding:0 30px; font-size:36px; line-height:1.2;}
	.main-visual .slick &gt; div a h2 {font-size: 36px;}
	.main-visual .slick &gt; div a p {font-size:20px;}
}
@media screen and (max-width:950px) { 
	/* .main-visual .slick &gt; div a h1 {font-size:40px;}	 
	.main-visual .slick &gt; div a h2 {margin-top: 13px; font-size:24px;}
	.main-visual .slick &gt; div a p {} */
}
@media screen and (max-width:767px) {
	.main-visual .slick &gt; div a h1 {padding:0; font-size:20px; letter-spacing:-1px;}
	.main-visual .slick &gt; div a h2 {padding:0; font-size:20px; letter-spacing:-1px;}
	.main-visual .slick &gt; div a p {font-size:16px;margin-top: 20px;}
	.main-visual .slick &gt; div a p:before {margin-left:-25px; width:50px;}
	.bx-controls .bx-pager-item a {border-width:2px;}
	.main-visual .slick &gt; div a .visual-text {padding:30px 50px 40px;}
	.main-visual .slick &gt; div a .visual-text .text-inner {width:100%;}
}
@media screen and (max-width:640px) { 
	.main-visual .slick &gt; div ,
	.main-visual .slick &gt; div a {height:520px;}
	.main-visual .slick &gt; div a p {}
	.main-visual .slick &gt; div a .visual-text { padding:30px 30px 40px;}
}

/* 
	main contents 
*/
.main-section {padding:30px 0 60px; text-align:center;}
.main-conts-title {position:relative; margin-bottom:20px; padding-top:20px; font-weight:700; font-size:46px; line-height:1; letter-spacing:-0.5px;}
.main-conts-title strong {font-weight: 700;}
.main-conts-title + p {margin-bottom:50px; font-weight:400; font-size:20px; line-height:1.4;letter-spacing:-0.5px; word-break:keep-all;}

@media screen and (max-width:1200px) {
	.main-section {padding:60px 0;}
	.main-conts-title {font-size: 36px;}
	.main-conts-title + p {padding:0 30px;}
}
@media screen and (max-width:767px) {
	.main-section {padding:50px 0;}
	.main-conts-title {font-size:20px;}
	.main-conts-title:before {margin-left:-25px; width:50px;}
	.main-conts-title + p {margin-bottom:30px; font-size:14px;}
}
@media screen and (max-width:640px) { 
}

/* section01 */

/*==================================================================== ys =========================================================================================*/


* { padding: 0; margin: 0; box-sizing: border-box;}
ol,ul { list-style: none; }
a { text-decoration: none; }
img {vertical-align: middle;}
.cb::after {content: ""; display: block; clear: both;}

/*================================== ys ==============================================================*/

/* 메인 시작 =======================*/
body{font-family: 'Noto Sans KR', sans-serif;}
.ctW{width: 100%;position: relative;}
.ctW .ct{width: 1200px;margin: 0 auto;}
.ctMainSlide{height: 1370px;width: 100%;position: relative;}/*1987*/
.ctMainSlide .swiper-container{}
.ctMainSlide .swiper-container .swiper-wrapper{}
.ctMainSlide .swiper-container .swiper-wrapper .swiper-slide{height: 1190px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.ctMainSlide .swiper-container .swiper-wrapper .slide1{background-image: url('../img/main/m1.jpg');}
.ctMainSlide .swiper-container .swiper-wrapper .slide2{background-image: url('../img/main/m11.png');}

.ctMainSlide .slideText{position: absolute;left: 50%;transform: translateX(-50%);z-index: 9;color: #fff;margin-top: 420px;font-family: 'Roboto', sans-serif; }
.ctMainSlide .slideText h2{font-size: 18px;font-weight: 500;letter-spacing: 2px;}
.ctMainSlide .slideText h1{width: 100%; font-size: 57px;letter-spacing: 1px;padding:20px 0 30px;margin-bottom: 15px; position: relative;word-break: keep-all;}
.ctMainSlide .slideText h1::after{content: '';width: 37px;height: 1px;background: #fff;position: absolute;bottom: 0px;left: 0;}
.ctMainSlide .slideText p{font-weight: 100;letter-spacing: 1px;line-height: 30px;word-break: keep-all;
    font-family: 'Noto Sans KR', sans-serif;}
.swiper-container-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    left: auto;
    right: 0;
    width: 120px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.swiper-pagination-bullet-active{height: 40px !important;transition: all .5s;}
.swiper-pagination-bullet{background: #fff;opacity: .8;width: 12px;height: 12px;border-radius: 12px;margin-bottom: 12px !important;}
.swiper-pagination &gt; span{display: block;}    

.ctW .ctMain{width: 90%;padding: 0 5%;position: relative;}/*height: 797px;*/
.ctW .ctMain .main1{background: #f8f8f8;width: 100%; padding: 30px 0 30px;position: absolute;top: -236px;z-index: 9999999;}
.ctW .ctMain .main1 .main1Ul{float: left;position: relative;left: 50%;transform: translateX(-50%); width: 1200px;}
.ctW .ctMain .main1 .main1Ul li{float: left;padding:30px;position: relative; width: 33.3%;}
.ctW .ctMain .main1 .main1Ul li::after{content: '';width: 1px;height: 275px;background: #ddd;position: absolute;right: 0;top: 0;}
.ctW .ctMain .main1 .main1Ul li:last-of-type::after{display: none;}
.ctW .ctMain .main1 .main1Ul li .img{text-align: center;}
.ctW .ctMain .main1 .main1Ul li .img img{}
.ctW .ctMain .main1 .main1Ul li .text{text-align: center;}
.ctW .ctMain .main1 .main1Ul li .text h1{font-size: 25px;color: #333;padding-bottom: 35px;padding-top: 10px;font-weight: 500;}
.ctW .ctMain .main1 .main1Ul li .text p{font-size: 16px;color: #333;height: 70px;display: none;}
.ctW .ctMain .main1 .main1Ul li .btn{width: 163px;height: 56px;border: 1px solid #5a5a5a;text-align: center;line-height: 56px;margin: 0 auto;}
.ctW .ctMain .main1 .main1Ul li .btn a{font-size: 15px;color: #333;display: block;}

.ctW .ctMain .main2{position: absolute;top: 317px;z-index: 99999999;width: 100%;display: none;}
.ctW .ctMain .main2 .main2Ul{float: left;left: 50%;transform: translateX(-50%);position: relative;}
.ctW .ctMain .main2 .main2Ul li{width: 598px;height: 359px;
    background-repeat: no-repeat;background-position: center;background-size: cover;float: left;}
.ctW .ctMain .main2 .main2Ul .a1{background-image: url('../img/main/m6.jpg');}
.ctW .ctMain .main2 .main2Ul .a2{background-image: url('../img/main/m5.jpg');}
.ctW .ctMain .main2 .main2Ul .a1 a{color: #fff;}
.ctW .ctMain .main2 .main2Ul .a1 a p::after{content: '';width: 30px;height: 30px;background-image: url('../img/main/m7.png');
background-repeat: no-repeat;background-position: center;background-size: cover;position: absolute;top: 30px; left: 50%;transform: translateX(-50%);}
.ctW .ctMain .main2 .main2Ul .a2 a{color: #333;}
.ctW .ctMain .main2 .main2Ul .a2 a p::after{content: '';width: 30px;height: 30px;background-image: url('../img/main/m8.png');
    background-repeat: no-repeat;background-position: center;background-size: cover;position: absolute;top:60px;left: 50%;transform: translateX(-50%);}
.ctW .ctMain .main2 .main2Ul li a{display: block;text-align: center;height: 100%;}
.ctW .ctMain .main2 .main2Ul li a h1{font-size: 25px;font-weight: 500;margin-bottom: 10px;padding-top: 130px;} 
.ctW .ctMain .main2 .main2Ul li a p{font-size: 18px;font-weight: 300;position: relative;} 

/* 메인 끝   =======================*/

.history_wrap dl dd {word-break: break-word;}

/* 푸터 */
footer{height: 90px;background: #080808;color: #fff;line-height: 90px;}
footer h1{text-align: center;color: #888;font-size: 18px;font-weight: 400;}
/* 푸터 끝 */

/* 헤더 */
#header .gnb &gt; ul &gt; li &gt; a{color: #333;}
#header .w-lang dd a{color: #333;}
#header{position: fixed;top: 20px;width: 90%;border-bottom: 1px solid rgba(255,255,255,.2);background: #fff;z-index: 9999999999;left: 50%;transform: translateX(-50%);transition: all .3s;}
#header.down{width: 100%;top: 0;z-index: 9999999999;
    -webkit-box-shadow: 0px 7px 5px -4px rgba(0,0,0,0.08);-moz-box-shadow: 0px 7px 5px -4px rgba(0,0,0,0.08);box-shadow: 0px 7px 5px -4px rgba(0,0,0,0.08);}
/* 헤더 끝 */

/* 헤드 서브 */
.headSub{width: 100%;height: 540px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.headSub.sub1{background-image: url('../img/main/h1.png');}
.headSub.sub2{background-image: url('../img/main/h2.png');}
.headSub.sub3{background-image: url('../img/main/h3.png');}
.headSub.sub4{background-image: url('../img/main/h4.png');}
.headSub.sub5{background-image: url('../img/main/h5.png');}
.headSub.sub6{background-image: url('../img/main/h6.png');}
.headSub &gt; h2{font-size: 60px;color: #fff;text-align: center;padding-top: 270px;font-weight: 500;}
/* 헤드 서브 */

#subWrap{overflow: visible;}
/* left_menu */
.location-wrap{display: none;}
#leftMenu{display: block;position: relative;z-index: 9999999;width: 100%;top: -100px;}
#leftMenu ul{float: left;position: relative;left: 50%;transform: translateX(-50%);}
#leftMenu ul li{padding: 0 10px;word-break: keep-all;text-align: center; display: table;}
#leftMenu ul li.on{background: transparent;}
#leftMenu ul li.on a{padding-top: 10px;color: #fff;}
#leftMenu ul li a{color: #fff;border-bottom: none;font-size: 16px;font-weight: 300; display: table-cell; vertical-align: middle;}
#leftMenu ul li{float: left;}

.leftBusiness ul li{width: 150px;}
.leftBusiness ul li a{height: 80px;overflow: hidden;}
/* #leftMenu ul li.on:after{display: none;} */
/* .leftBusiness ul li{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;width: 200px;height: 66px;}
.leftBusiness ul li &gt; a{height: 66px;}
.leftBusiness ul li.on{border-bottom: 1px solid #fff;} */
/* .leftBusiness &gt; ul &gt; li::after{content: '';width: 100%;height: 1px;background: #fff;position: absolute;bottom: 0px;} */
/* left_menu end */

/*======= sub1 =======*/
.ctS11{background-repeat: no-repeat;background-position:bottom;background-size: contain;background-image: url('../img/main/s11.png');padding-bottom: 282px;}
.ctS11 .ct{}
.ctS11 .ct .sub11Title{text-align: center;}
.ctS11 .ct .sub11Title h1{font-size: 25px;color: #333;padding: 50px 0 40px;word-break: keep-all;}
.ctS11 .ct .sub11Title p{font-size: 16px;color: #898989;padding-bottom: 80px;font-weight: 400;word-break: keep-all;}
.ctS11 .ct .s11Content1{margin-bottom: 100px;}
.ctS11 .ct .s11Content1 ul{}
.ctS11 .ct .s11Content1 ul li{float: left; width:55%;}
.ctS11 .ct .s11Content1 ul li:first-child {width: 45%}
.ctS11 .ct .s11Content1 ul .a1{}
.ctS11 .ct .s11Content1 ul .a1 img{width: 90%;}
.ctS11 .ct .s11Content1 ul .a2{padding-top: 0;}
.ctS11 .ct .s11Content1 ul .a2 h1{font-size: 40px;color: #333;font-weight: 400;padding-bottom: 37px;word-break: keep-all; line-height:42px;}
.ctS11 .ct .s11Content1 ul .a2 p{font-size: 16px;color: #898989;line-height: 26px;word-break: keep-all;}
.ctS11 .ct .s11Content2{}
.ctS11 .ct .s11Content2 .wrap{width: 100%;padding: 0 110px;background: #fff;padding-bottom: 74px;}
.ctS11 .ct .s11Content2 .wrap table{border-collapse: collapse;border-top: 1px solid #333;width: 100%;}
.ctS11 .ct .s11Content2 .wrap table tr{border-bottom: 1px solid #dddddd;}
.ctS11 .ct .s11Content2 .wrap table tr th{font-size: 16px;color: #333;width: 180px;height: 75px;font-weight: 500;vertical-align: middle;}
.ctS11 .ct .s11Content2 .wrap table tr td{font-size: 16px;color: #666;height: 75px;vertical-align: middle; padding-left: 20px;}

.ctS13{background-repeat: no-repeat;background-position:bottom;background-size: contain;background-image: url('../img/main/s14.png');}
.ctS1{margin-bottom: 150px;}
.ctS1 .ct .s12Content1{border-bottom: 1px solid #dddddd;padding-bottom: 50px;padding-top: 50px;}
.ctS1 .ct .s12Content1 ul{}
.ctS1 .ct .s12Content1 ul li{float: left;}
.ctS1 .ct .s12Content1 ul .left{font-size: 45px;color:#333;width: 45%;font-weight: 300;line-height: 55px;word-break: keep-all; height: 100px;}
.ctS1 .ct .s12Content1 ul .right{font-size: 16px;color: #888;width: 100%;line-height: 30px;word-break: keep-all;}
.ctS1 .ct .s12Content2{padding-top: 100px;}
.ctS1 .ct .s12Content2 img{}

.ctW .subTitle{text-align: center;}
.ctW .subTitle h1{font-size: 52px;color: #222;font-weight: 300;letter-spacing: 8px;padding-top: 80px;padding-bottom: 0px;}

.ctS1 .ct .s14Content1{width: 1200px;height: 480px;padding-top: 100px;}
.ctS1 .ct .s14Content1 .img{background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url('../img/main/s15.png');width: 100%;height: 480px;}
.ctS1 .ct .s14Content1 img{width: 100%;}
.ctS1 .ct .s14Content2{margin-top: 100px;}
.ctS1 .ct .s14Content2 ul{}
.ctS1 .ct .s14Content2 ul li{float: left;padding-top: 22px;}/*height: 180px;*/
.ctS1 .ct .s14Content2 &gt; ul &gt; li:first-of-type{border-bottom: 1px solid #ddd;}
.ctS1 .ct .s14Content2 &gt; ul &gt; li &gt; ul{padding-bottom: 35px;}
/* .ctS1 .ct .s14Content2 ul li:first-of-type{border-bottom: 1px solid #ddd;}
.ctS1 .ct .s14Content2 ul li:nth-of-type(2){border-bottom: 1px solid #ddd;} */
.ctS1 .ct .s14Content2 ul li h1{font-size: 35px;color: #333;font-weight: 300;}
.ctS1 .ct .s14Content2 ul li p{font-size: 16px;color: #888;word-break: keep-all;}
.ctS1 .ct .s14Content2 ul .left{width: 310px;}
.ctS1 .ct .s14Content2 ul .right{width: 890px;}

.ctS1 .ct .s15Content1{}
.ctS1 .ct .s15Content1.wrap{width: 100%;}
.ctS1 .ct .s15Content1 .wrap ul{width: 102%;}
.ctS1 .ct .s15Content1 .wrap ul li{float: left;width: 23%;margin-right: 2%;}
.ctS1 .ct .s15Content1 .wrap ul li .img{text-align: center; }
.ctS1 .ct .s15Content1 .wrap ul li .text{padding: 25px 0 70px;height:40px; text-align: center;font-size: 18px;color: #222;line-height: 25px;}
.ctS1 .ct .s15Content1 .wrap ul li.prev-post,
.ctS1 .ct .s15Content1 .wrap ul li.next-post {width: 100%;}

.ctS16{background-image: url('../img/main/s24.png');
    background-repeat: no-repeat;background-position: right;background-size: cover;}
.ctW .s16Content1{}
.ctW .s16Content11{padding: 60px 0 50px;}
.ctW .s16Content12{padding:80px 0;}
.ctW .s16Content1 ul{}
.ctW .s16Content1 ul li{float: left;}
.ctW .s16Content1 ul .left{width: 315px;}
.ctW .s16Content1 ul .right{width: 885px;}
.ctW .s16Content1 ul li h1{font-size: 45px;color: #333;font-weight: 300;}
.ctW .s16Content1 ul li .p1{font-size: 16px;color: #888;line-height: 37px; word-break: break-word;}
.ctS16G{background: #f5f5f5;}
.ctS16G .ct{padding: 100px 0;}
.ctS16G .ct .promotion img{width: 100%;}
.ctS16G .ct .p2{font-size: 16px;padding-top: 20px;
    color: #666;
    font-weight: 400;
    float: right;
    word-break: keep-all;}
.ctS16G .ct .s16Content2{}
.ctS16G .ct .s16Content2 ul .right{}
.qwerdiv{width: 900px;float: right;}
.ctS16G .ct .s16Content2 ul .right ul{width: 920px;margin-right: -20px;}
.ctS16G .ct .s16Content2 ul .right ul li{float: left;width: 210px;margin-right: 20px;background: #fff;margin-bottom: 20px;}
/* .ctS16G .ct .s16Content2 ul .right ul li .wrap{height: 210px;} */
.ctS16G .ct .s16Content2 ul .right ul li .wrap2{background-repeat: no-repeat;background-position: center;background-size: cover;}
.ctS16G .ct .s16Content2 ul .right ul li .wrap2 .img{opacity: 1;}
.ctS16G .ct .s16Content2 ul .right ul li .wrap2 .text{opacity: 1;}
.ctS16G .ct .s16Content2 ul .right ul li .img{text-align: center;padding-top: 35px;}
.ctS16G .ct .s16Content2 ul .right ul li .img img{width: 30%;}
.ctS16G .ct .s16Content2 ul .right ul li .text{text-align: center;padding-top: 35px;padding-bottom: 10px;}
.ctS16G .ct .s16Content2 ul .right ul li .text h1{font-size: 16px;color: #222;font-weight: 300;height: 54px; word-break: break-word; line-height: 20px;}
.ctS16G .ct .s16Content2 ul .right .p2{font-size: 16px;color: #666;font-weight: 400;float: right;word-break: keep-all;}

.ctW .ct .s17Content1{width: 100%;padding-top: 130px;}
.ctW .ct .s17Content1 ul{width: 1220px;margin-right: -20px;}
.ctW .ct .s17Content1 ul li{float: left;margin-right: 20px;}
.ctW .ct .s17Content1 ul li div{height: 690px;}
.ctW .ct .s17Content1 ul li p{font-size: 16px;color: #555;padding-top: 17px;padding-left: 15px;}
.ctW .ct .s17Content2{}
.ctW .ct .s17Content2 .wrap{width: 980px;margin: 0 auto;padding-top: 90px;}
.ctW .ct .s17Content2 .wrap table{border-collapse: collapse;width: 100%;border-top: 1px solid #333;}
.ctW .ct .s17Content2 .wrap table tr{height: 100px;}
.ctW .ct .s17Content2 .wrap table tr th{font-size: 18px;color: #333;border-bottom: 1px solid #ddd;vertical-align: middle;}
.ctW .ct .s17Content2 .wrap table tr td{font-size: 18px;color: #666;border-bottom: 1px solid #ddd;padding-left: 70px;vertical-align: middle;}

.ctW .ct .subTitle2{}
.ctW .ct .subTitle2 h1{padding-bottom: 0; word-break: break-word;}
.ctW .ct .subTitle2 p{font-size: 16px;color: #666;padding-top: 30px;}
.ctW .ct .s18Content1{padding-top: 50px;padding-bottom: 50px;border-bottom: 1px solid #ddd;}
.ctW .ct .s18Content1 ul{}
.ctW .ct .s18Content1 ul li{float: left;}
.ctW .ct .s18Content1 ul .left{width: 300px;}
.ctW .ct .s18Content1 ul .left h1{font-size: 45px;color: #333;font-weight: 300;}
.ctW .ct .s18Content1 ul .right{width: 900px;}
.ctW .ct .s18Content1 ul .right ul{width: 915px;margin-right: -15px;}
.ctW .ct .s18Content1 ul .right ul li{width: 213.5px;margin-right: 15px;margin-bottom: 15px;}
.ctW .ct .s18Content1 ul .right ul li img{width: 100%;}
.ctW .ct .s18Content2{padding-top: 50px;border-bottom: none;}
/*======= sub1 end =======*/

/*======= sub4 =======*/
.ctW .ct .s18Content1 ul .right h1{font-size: 16px;font-weight: 500;color: #444;padding-bottom: 22px;}
.ctW .ct .s18Content1 ul .right p{font-size: 16px;color: #888;font-weight: 400;line-height: 30px;padding-bottom: 50px; word-break: break-word;}
.ctW .ct .s18Content1 ul .right p:last-of-type{padding-bottom: 0;}
.ctW .ct .s18Content1 ul .right .p2{padding-bottom: 50px !important;}

.ctW .ct .s18Content1 ul .left h2{font-size: 25px;color: #333;font-weight: 600;}
/*======= sub4 end =======*/

/*======= sub6 =======*/
.ctS6{background-repeat: no-repeat;background-position: center 160px;background-size: cover;background-image: url('../img/main/s62.png');margin-bottom: 0;padding-bottom: 400px;}
.ctW .ct .s6Content1{padding-top: 130px;}
.ctW .ct .s6Content1 .wrap{width: 100%;height: 360px;}
.ctW .ct .s6Content1 .wrap ul{}
.ctW .ct .s6Content1 .wrap ul li{float: left;height: 360px;width: 50%;position: relative;}
.ctW .ct .s6Content1 .wrap ul .left{background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url('../img/main/s61.png');}
.ctW .ct .s6Content1 .wrap ul .right{background: #fff;}
.ctW .ct .s6Content1 .wrap ul .right .sWrap{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width:80%;}
.ctW .ct .s6Content1 .wrap ul .right .sWrap table{}
.ctW .ct .s6Content1 .wrap ul .right .sWrap table tr{height: 70px;}
.ctW .ct .s6Content1 .wrap ul .right .sWrap table tr th{font-size: 18px;color:#333;font-weight: 500;}
.ctW .ct .s6Content1 .wrap ul .right .sWrap table tr td{font-size: 18px;color: #666;padding-left: 70px;}
.ctW .ct .s6Content1 .wrap ul .right .sWrap table tr td img{width: 22px;margin-left: 5px;}
/*======= sub6 end =======*/

/*=======sub5 =======*/
.listWrap2 .board-wrap &gt; ul{width: 102%;}
.listWrap2 .board-wrap &gt; ul &gt; li{float: left;width: 23%;margin-right: 2%;}
.listWrap2 .board-wrap &gt; ul &gt; li .img img{width: 100%;}
.listWrap2 .board-wrap &gt; ul &gt; li .text{padding-top: 27px;padding-bottom: 17px;}
/*=======sub5 end =======*/

/*=================== sub2 제품 ======================*/
.ctList .ct{}
.ctList .ct .sProContent{}
.ctList .ct .sProContent .productList{padding: 30px 0;border-bottom: 1px solid #dddddd;}
.ctList .ct .sProContent .productList ul{}
.ctList .ct .sProContent .productList ul li{float: right;width: 50%;}
.ctList .ct .sProContent .productList ul .left{padding-right: 20px;}
.ctList .ct .sProContent .productList ul .left &gt; p{font-size: 16px;
    color: #333;
    line-height: 30px;
    font-weight: 400;
    word-break: break-word;}
.ctList .ct .sProContent .productList ul .left .h1{font-size: 45px;color: #333;line-height: 60px;font-weight: 300;padding-bottom: 35px;word-break: keep-all;}
.ctList .ct .sProContent .productList ul .left .p1{font-size: 16px;color: #333;line-height: 30px;font-weight: 400;word-break: break-word;}
.ctList .ct .sProContent .productList ul .right{overflow: hidden;}
.ctList .ct .sProContent .productList ul .right .img{float: left;width: 100%;}/*border: 1px solid #ddd;*/
.ctList .ct .sProContent .productList ul .right .img img{width: 100%;height: 100%;}
.ctList .ct .sProContent .productList ul .right p{line-height: 30px;font-size: 16px;color: #333;font-weight: 400;width: 100% !important;word-break: keep-all;}
.ctList .ct .sProContent .productList ul .right p ul li { font-size: 16px; margin-bottom: 5px; color:#999; }
.ctList .ct .sProContent .productList ul .right p ul li:before {content:"-"; display: inline-block; margin-right: 3px;}
/*=================== sub2 제품 끝 ===================*/

/* 연혁 */
.hisWrap{padding:30px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
/* 연혁 끝 */

.pcImg1{}
.mobileImg1{display: none;}
.ctS16G .ct .promotion .im2{display: none;}

/* 갤러리 */
.board-wrap .gallery-list{border-top: none;border-bottom: none;}
/* 갤러리 끝 */

/* REFERENCE */
.ctS1 .ct .subReferTitle{padding-bottom: 80px;}
.ctS1 .ct .subReferTitle h1{font-size: 25px;color: #333;font-weight: 500;}
.ctS1 .ct .subRefer{}
.ctS1 .ct .subRefer .p2{display: none;}
.ctS1 .ct .subRefer img{width: 100%;}
/* REFERENCE end */
#cc .p1{display: none;}
/*================================================================================ 영문  */
.ctWEn .ctMain .main1 .main1Ul li{width: 33.33%;word-break: keep-all;}
.ctWEn .ctMain .main2 .main2Ul li a p{word-break: keep-all;}
.ctWEn.ctS11 .ct .s11Content1 ul .a2{width: 710px;}
.ctWEn.ctS11 .ct .s11Content2 .wrap table tr th{width: 230px;}
.ctWEn.ctS16G .ct .s16Content2 ul .right ul li .text h1{height: 85px;word-break: keep-all;}
/* .ctWEn.ctW .s16Content1 ul .left{width: 280px;} */
.ctWEn.ctW .s16Content1 ul .left h1{font-size: 35px;}
.ctWEn.ctW .ct .s17Content2 .wrap table tr td{padding-top: 20px;vertical-align: middle;padding-bottom: 20px;}
.ctWEn.ctW .ct .s6Content1 .wrap ul .right .sWrap{width: fit-content;}
/*================================================================================ 영문 끝*/
.goog-te-gadget{margin-bottom: 20px;margin-top: 20px;}
#leftMenu &gt; ul &gt; li a{}
.board-search-wrap p:nth-of-type(3){width: 80px;}


.listWrap .basic-board-row{width: 1200px;}
/*================= max ===================*/
/* 191119 */
.ctS1 .ct .s15Content1 .CerWrap1{}
.ctS1 .ct .s15Content1 .CerWrap2{display: none;}
/* 19119 end */

/* 11 21*/
.ctS1 .ct .s15Content1 .CerWrap1 .board-wrap{padding: 0;}
/* 11 21 end */

@media(max-width:1219px){
    /* 메인 */
    .ctMainSlide{height: auto;}
    .ctW .ctMain{width: 100%;padding: 0;height: auto;}
    .ctW .ctMain .main1{position: relative;top: 0;overflow: hidden;padding: 120px 0;}
    .ctW .ctMain .main1 .main1Ul li{padding: 0 20px;margin-bottom: 80px;}
    .ctW .ctMain .main1 .main1Ul li:last-of-type{margin-bottom: 0;}
    .ctW .ctMain .main2{position: relative;top: 0;overflow: hidden;padding: 120px 30px;}
    .ctW .ctMain .main2 .main2Ul{overflow: hidden;width: 100%;}
    .ctW .ctMain .main2 .main2Ul li{width: 50%;}
    .ctW .ctMain .main1 .main1Ul li::after{display: none;}
    #header .logo a img{
        display: block;
        background-image: url('../img/main/wlogo.png');
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-repeat: no-repeat;
        width: 106px; /* Width of new image */
        height: 41px; /* Height of new image */
        padding-left: 106px;
    }
    /* 메인 끝 */
    .ctW .ct{width: 100%;}
    #header .w-lang dd a{color: #fff;}

    #header{
        position: fixed;
        top: 0;
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,.2);
        background: rgba(0,0,0,.2);
        z-index: 1000;
    }

    /* sub1 */
    .br12None{display: none;}
    .ctS1 .ct .s12Content2 img{width: 100%;}
    .ctS1 .ct .s12Content1{margin: 0 30px;}
    .ctS1 .ct .s12Content2{margin: 0 30px;}

    .ctS1 .ct .s15Content1{padding: 0 30px;}
    .ctS1 .ct .s15Content1 .wrap{width: 100%;}
    .ctS1 .ct .s15Content1 .wrap ul{width: 102%;margin-right: -2%;}
    .ctS1 .ct .s15Content1 .wrap ul li{width: 31.33%;margin-right: 2%;}
    .ctS1 .ct .s15Content1 .wrap ul li .img img{width: 100%;}

    .ctW .s16Content1 ul .left{width: 100%;}
    .ctW .s16Content1 ul .right{width: 100%;}
    .qwerdiv{width: 100%;}
    .ctS16G .ct .s16Content2 ul .right ul{margin: 0 auto;}

    .ctW .ct .s17Content1{padding:0 30px;padding-top: 70px;}
    .ctW .ct .s17Content2{padding: 0 30px;}
    .ctW .ct .s17Content1 ul{width: 102%;}
    .ctW .ct .s17Content1 ul li{width: 48%;margin-right: 2%}
    .ctW .ct .s17Content1 ul li iframe{width: 100% !important;}
    .ctW .ct .s17Content2 .wrap{width: 100%;}

    .ctW .ct .s18Content1{margin-left: 30px;margin-right: 30px;}
    .ctW .ct .s18Content1 ul .left{width: 100%;}
    .ctW .ct .s18Content1 ul .right{width: 100%;}
    .ctW .ct .s18Content1{padding-top: 120px;padding-bottom: 120px;}
    .ctW .ct .s18Content1 ul .left h1{padding-bottom: 70px;}
    .ctW .ct .s18Content1 ul .right ul{width: 100%;}

    .ctS6{padding-left: 30px;padding-right: 30px;}
    .ctW .ct .s6Content1 .wrap ul .right .sWrap{width: 100%; padding: 10px;}
    .ctW .ct .s6Content1 .wrap ul .right .sWrap table{margin: 0 auto;}

    .ctList .ct{padding: 0 30px;}

    .ctList .ct .sProContent .productList ul li{width: 100% !important;float: none;}
    /* .ctList .ct .sProContent .productList ul .left{order: 2} */
    .ctList .ct .sProContent .productList ul .right .img{width: 100%;}
    .ctList .ct .sProContent .productList ul .left .h1{padding-top: 30px;font-size: 35px;}
    .ctList .ct .sProContent .productList ul .right .img{}
    .ctList .ct .sProContent .productList ul #aa .img{width: 31.333% !important;}
    .ctList .ct .sProContent .productList ul #bb .img{width: 48% !important;}
    .pImg12{margin-left: 2% !important;}
    .pImg2{margin-left: 2% !important;margin-right: 2% !important;}
    .ctList .ct .sProContent .productList ul .left .h1{line-height: 44px;}

    /* 모바일일때 이미지3개인 p태그 삭제 , p태그추가 */
    .ctList .ct .sProContent .productList ul #aa p{display: none;}
    #cc .p1{display: block;}

    /* sub1 end */

    /* sub3 */
    .ctS1 .ct .subReferTitle{padding-top: 70px;}
    .ctS1 .ct .subRefer .p2{display: block;}
    .ctS1 .ct .subRefer .p1{display: none;}
    .ctList{padding: 0 30px;}
    /* sub3 end */

    /* 연혁 */
    .history_tit{width: 100% !important;padding-bottom: 30px;}
    .hisWrap{padding-left: 30px;padding-right:30px;}
    /* 연혁 끝 */
    /* 레프트 메뉴 */
    #leftMenu{display: none;}
    .headSub &gt; h2{padding-top: 214px;}
    /* 레프트 메뉴 끝 */

    /* en */
    .ctWEn.ctS11 .ct .s11Content2 .wrap table tr td{padding-top: 20px;padding-bottom: 20px;word-break: keep-all;}
    /* .ctWEn.ctW .ct .s6Content1 .wrap ul .right .sWrap{width: auto;} */
    /* en end */
    .listWrap .basic-board-row{width: 100%;}
}
@media(max-width:960px){
    /* 메인 */
    .ctW .ctMain .main2 .main2Ul li{width: 100%;}
    .swiper-pagination &gt; span{display: inline-block;}
    .swiper-pagination-bullet-active{height: 12px !important;width: 40px !important;}
    .swiper-container-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{top: auto;right: auto;left:50%;transform: translateX(-50%);bottom: 30px;}
    /* 메인 끝 */

    /* sub1 */
    .br9None{display: none;}
    .ctS11 .ct .s11Content1 ul .a2{padding-left: 0;}
    .ctS11 .ct .s11Content1 ul .a1 img{width: 100%;}
    .pcImg1{display: none;}
    .mobileImg1{display: inline-block;}
    .ctS1 .ct .s12Content2{padding: 100px 30px 0;}
    .ctS1 .ct .s12Content1 ul .left{width: 100%;font-size: 40px;margin-bottom: 20px;}
    .ctS1 .ct .s12Content1 ul .right{width: 100%;}

    .ctS1 .ct .s14Content1{padding: 0 30px;width: 100%;height: 380px;margin-top: 100px;}
    .ctS1 .ct .s14Content1 .img{height: 380px;}
    .ctS1 .ct .s14Content2{margin-top: 0;}

    .ctS16 .ct{padding: 0 30px;}
    .ctS16G .ct{padding-left:30px;padding-right: 30px;}
    .ctW .s16Content12{padding-left:30px;padding-right: 30px;}
    .ctS16G .ct .promotion .im2{display: block;}
    .ctS16G .ct .promotion .im1{display: none;}
    .ctS16G .ct .s16Content2 ul .right ul{width: 102%;}
    .ctS16G .ct .s16Content2 ul .right ul li{width: 23%;margin-right: 2%}
    .ctS16G .ct .s16Content2 ul .right ul li .text h1{font-size: 16px;}
    .ctS16G .ct{padding-top: 120px;padding-bottom: 120px;}
    .ctW .s16Content12{padding-top: 120px;padding-bottom: 120px;}
    .ctW .s16Content11{padding-bottom: 120px;padding-top: 90px;}

    .ctW .ct .s18Content1 ul .right ul{width: 102%;}    
    .ctW .ct .s18Content1 ul .right ul li{width: 31.33%;margin-right: 2%;}
    .ctW .ctMain .main1 .main1Ul li{width: 100%;}

    .ctS1 .ct .s14Content2 ul li:first-of-type{border-bottom: none;}    
    .ctS1 .ct .s14Content2 ul li:nth-of-type(2){border-bottom: none;}

    /* sub1 end */
    .tableWrap1{overflow-x: scroll;}
    .tableWrap1 .basic-board-row{width: 1200px;}
}
@media(max-width:768px){
    /* .form-wrap .category-tab{overflow-x: scroll;}
    .form-wrap .category-tab ul{width: 500px;} */

    .board-search-wrap p:nth-of-type(3){width: 100% !important;}
    .listWrap2 .board-wrap &gt; ul &gt; li{float: left;width: 48%;margin-right: 2%;}
    .headSub &gt; h2{font-size: 40px;}
    /* 메인 */
    .ctW .ctMain .main2 .main2Ul li a h1{padding-top: 100px;}
    .ctMainSlide .swiper-container{height: 100vh;}
    .ctMainSlide .slideText{margin-top: 150px;width: 100%;padding: 0 20px;}
    .ctMainSlide .slideText h1{font-size: 40px;}
    .ctMainSlide .slideText h2{font-size: 18px;}
    .ctMainSlide .slideText p{font-size: 17px;line-height: 25px;}
    /* 메인 끝 */
    #header .logo a img{
        display: block;
        background-image: url('../img/main/wlogo.png');
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-repeat: no-repeat;
        width: 77.55px; /* Width of new image */
        height: 30px; /* Height of new image */
        padding-left: 77.55px;
        background-position: center;background-size: cover;

    }
    
    /* sub1 */
    .ctS11{padding-bottom: 100px;}
    .ctS11 .ct .s11Content2 .wrap{width: 90%;margin: 0 auto;padding: 0 60px;padding-bottom: 74px;}
    .ctS11 .ct .s11Content2 .wrap table tr td{font-size: 15px;width: 100%;display: block;height: auto;padding-bottom: 15px;}
    .ctS11 .ct .s11Content2 .wrap table tr th{width: 100%;display: block;text-align: left;height: auto;padding-top: 15px;padding-bottom: 5px;}
    .ctS11 .ct .s11Content1{padding: 0 10px;margin-bottom: 100px;}
    .ctS11 .ct .s11Content1 ul .a2{padding-top: 80px;}
    .ctS11 .ct .s11Content1 ul .a2 h1{font-size: 28px;padding-bottom: 15px;}
    .ctS11 .ct .sub11Title{padding: 0 10px;}
    .ctS11 .ct .s11Content1 ul li{width: 100%;text-align: center;}
    .ctS11 .ct .s11Content1 ul li:first-child {width: 100%;}
    .ctS11 .ct .s11Content1 ul .a2 h1{text-align: left}
    .ctS11 .ct .s11Content1 ul .a2 p{text-align: left}

    .ctS1 .ct .s14Content2 ul li{height: auto;}
    .ctS1 .ct .s14Content2 ul{padding: 0 30px;}
    .ctS1 .ct .s14Content2 ul .left{width: 100%;border-bottom: 0;padding-top: 30px;}
    .ctS1 .ct .s14Content2 ul .right{width: 100%;padding-top: 30px;padding-bottom: 0;}
    .ctS1 .ct .s14Content2 ul li h1{font-size: 25px;}
    .ctS1 .ct .s14Content2 ul li p{font-size: 15px;}

    .ctS1 .ct .s15Content1 .wrap ul{width: 102%;margin-right: -2%;}
    .ctS1 .ct .s15Content1 .wrap ul li{width: 48%;margin-right: 2%;}
    .ctS1 .ct .s15Content1 .wrap ul li .img img{width: 100%;}
    .ctW .subTitle h1{font-size: 33px; letter-spacing: 10px;}
    .ctS1 .ct .s15Content1 .wrap ul li.prev-post,
    .ctS1 .ct .s15Content1 .wrap ul li.next-post {width: 100%;}

    .ctS16G .ct .s16Content2 ul .right ul{width: 102%;}
    .ctS16G .ct .s16Content2 ul .right ul li{width: 48%;margin-right: 2%}
    .ctS16G .ct .s16Content2 ul .right ul li .text h1{font-size: 16px;}
    .ctW .s16Content1 ul .left h1{padding-bottom: 50px;}

    .ctW .ct .s17Content1 ul{width: 100%;}
    .ctW .ct .s17Content1 ul li{width: 100%;}
    .ctW .ct .s17Content1 ul li p{padding-bottom: 40px;}

    .ctW .ct .s18Content1 ul .right ul{width: 102%;}    
    .ctW .ct .s18Content1 ul .right ul li{width: 48%;margin-right: 2%;}

    .ctW .ct .s6Content1 .wrap ul li{width: 100%;}

    .ctList .ct .sProContent .productList ul .left .h1{font-size: 30px;}
    /* sub1 end */
    .ctList{padding: 0;} 
    .ctList .ct {padding: 0 10px;}
    .board-wrap .category-tab ul li {margin: 0 2px;}
    .board-wrap .category-tab ul li a {font-size: 12px; line-height: 30px;}
    
    
    /* en */
    .ctWEn.ctS11 .ct .s11Content1 ul .a2{width: 100%;}
    /* en end */
}
@media(max-width:360px){
    /* 메인 */
    .ctW .ctMain .main2 .main2Ul li a h1{padding-top: 100px;}
    .ctMainSlide .swiper-container{height: 100vh;}
    .ctMainSlide .slideText{margin-top: 150px;width: 100%;padding: 0 20px;}
    .ctMainSlide .slideText h1{font-size: 27px;}
    .ctMainSlide .slideText h2{font-size: 13px;}
    .ctMainSlide .slideText p{font-size: 13px;line-height: 20px;}
    /* 메인 끝 */
    .listWrap2 .board-wrap &gt; ul{width: 100%;}
    .listWrap2 .board-wrap &gt; ul &gt; li{float: left;width: 100%;}
}
/*================= max ===================*/

@media(max-width:360px){
    /* 메인 */
    .ctW .ctMain .main2 .main2Ul li{height: 200px;}
    .ctW .ctMain .main2 .main2Ul li a p{font-size: 12px;}
    .ctW .ctMain .main2 .main2Ul li a h1{padding-top: 50px;font-size: 20px;}
    .ctW .ctMain .main2 .main2Ul .a1 a p::after{top: 30px;}
    .ctW .ctMain .main2 .main2Ul .a2 a p::after{top: 30px;}
    .ctW .ctMain .main1 .main1Ul li .text p{font-size: 12px;height: 70px;}
    .ctW .ctMain .main1 .main1Ul li .btn{width: 120px;height: 45px;line-height: 45px;}
    footer h1{font-size: 12px;}
    /* 메인 끝 */

    /* sub1 */
    .ctS11 .ct .s11Content2 .wrap{padding: 0 20px;padding-bottom: 74px;}
    .ctS11 .ct .s11Content2 .wrap table tr th{font-size: 14px;}
    .ctS11 .ct .s11Content2 .wrap table tr td{font-size: 10px;}
    .ctS11 .ct .sub11Title h1{font-size: 12px;padding: 77px 0 13px;}
    .ctS11 .ct .sub11Title p{font-size: 12px;padding-bottom: 35px;}
    .ctS11 .ct .s11Content1 ul .a2 h1{font-size: 19px;padding-bottom: 15px;}
    .ctS11 .ct .s11Content1 ul .a2 p{font-size: 14px;}

    .ctS1 .ct .s15Content1 .wrap ul{width: 100%;}
    .ctS1 .ct .s15Content1 .wrap ul li{width: 100%;}
    .ctS1 .ct .s15Content1 .wrap ul li .img img{width: 100%;}
    .ctW .subTitle h1{font-size: 30px;}
    /* sub1 end */
}
@media(min-width:360px) and (max-width:450px){
    /* 메인 */
    .ctW .ctMain .main2 .main2Ul li{height: 200px;}
    .ctW .ctMain .main2 .main2Ul li a p{font-size: 13px;}
    .ctW .ctMain .main2 .main2Ul li a h1{padding-top: 50px;}
    .ctW .ctMain .main2 .main2Ul .a1 a p::after{top: 30px;}
    .ctW .ctMain .main2 .main2Ul .a2 a p::after{top: 30px;}
    .ctW .ctMain .main1 .main1Ul li .text p{font-size: 14px;}
    footer h1{font-size: 13px;}
    /* 메인 끝 */

    /* sub1 */
    .ctS11 .ct .s11Content2 .wrap{padding: 0 20px;padding-bottom: 74px;}
    .ctS11 .ct .s11Content2 .wrap table tr td{font-size: 12px;}
    .ctS11 .ct .s11Content1 ul .a2 p{font-size: 14px;}
    .ctS11 .ct .s11Content1 ul .a2 h1{font-size: 25px;}
    .ctS11 .ct .sub11Title p{padding-bottom: 35px;}
    .ctS11 .ct .sub11Title h1{padding: 77px 0 13px;font-size: 22px;}
    /* sub1 end */
    .ctS11 .ct .s11Content2 .wrap table tr td {padding-left: 0;}
    
}
@media(min-width:450px) and (max-width:768px){
    .ctS11 .ct .s11Content2 .wrap{padding: 0 50px;padding-bottom: 74px;}
    .ctS11 .ct .s11Content2 .wrap table tr td{font-size: 13px;}
    .ctS11 .ct .s11Content2 .wrap table tr th{font-size: 15px;}
}
@media(min-width:768px) and (max-width:960px){
    /* sub1 */
    .br9None{display: none;}
    .ctS11 .ct .s11Content1 ul{padding: 0 20px;}
    .ctS11 .ct .s11Content1 ul .a1 img{width: 100%;}
    .ctS11 .ct .s11Content1 ul li{width: 50%;}
    .ctS11 .ct .s11Content1 ul .a2{padding-left:0 !important; padding-top: 70px; width: 100%;}
    .ctS11 .ct .s11Content1 ul .a2 h1{font-size: 31px;}

    .ctS1 .ct .s14Content2 ul{padding: 0 30px;}
    .ctS1 .ct .s14Content2 ul .left{width: 30%;}
    .ctS1 .ct .s14Content2 ul .right{width: 70%;}
    .ctS1 .ct .s14Content2 ul li h1{font-size: 25px;}
    .ctS1 .ct .s14Content2 ul li p{font-size: 15px;}
    /* sub1 end */
     /* en */
     .ctWEn.ctS11 .ct .s11Content1 ul .a2{width: 50%;}
     .ctW .s16Content1 ul li h1{padding-bottom: 20px;}
     /* en end */
     .listWrap2 .board-wrap &gt; ul &gt; li{float: left;width: 31.333%;margin-right: 2%;}
}
@media(min-width:960px) and (max-width:1219px){
    /* sub1 */
    .ctS11 .ct .s11Content1 ul{padding: 0 20px;}
    .ctS11 .ct .s11Content1 ul .a1 img{width: 100%;}
    .ctS11 .ct .s11Content1 ul li{width: 50%;}
    .ctS11 .ct .s11Content1 ul .a2{padding-left: 45px; padding-top: 0;}

    .ctS1 .ct .s14Content2 ul{padding: 0 30px;}
    .ctS1 .ct .s14Content2 ul .left{width: 30%;}
    .ctS1 .ct .s14Content2 ul .right{width: 70%;}
    .ctS1 .ct .s14Content2 ul li h1{font-size: 31px;}
    .ctS1 .ct .s14Content2 ul li p{font-size: 15px;}
    /* sub1 end */

    .listWrap2 .board-wrap &gt; ul &gt; li{float: left;width: 31.333%;margin-right: 2%;}

    /* en */
    .ctWEn.ctS11 .ct .s11Content1 ul .a2{width: 50%;}
    .ctW .s16Content1 ul li h1{padding-bottom: 20px;}
    /* en end */
}
@media(min-width:1219px) and (max-width:1340px){
    /* 메인 */
    .ctW .ctMain{width: 96%;padding: 0 2%;}
    .ctW .ctMain .main1 .main1Ul li{padding: 0 20px;}
    .ctW .ctMain .main2 .main2Ul li{width: 50%;padding: 0 75px;}
    /* 메인 끝 */
    #header .header-bottom{width: 100%;}
    #header .gnb &gt; ul &gt; li{padding: 0 20px;}
    #header .gnb{width: 100%;}
    #header .w-lang{padding-right: 20px;}
    #header .logo{padding-left: 20px;}
    /* #header .gnb{width: auto;}
    #header .header-bottom{width: auto;} */
}
/*================================== ys end ==============================================================*/

/*==================================================================== ys end  =========================================================================================*/</pre></body></html>