/*  공지사항 리스트*/
.noticeList{width: 95%; max-width: 860px; margin: 0 auto; padding: 120px 0; }
.subTitle{width: 100%; display: block; font-size: 21px; color: #333; font-weight: 500; border-bottom: 1px solid #e5e5e5; margin-bottom: 64px; padding-bottom: 20px; }
.noticeList > div{}
.noticeList > div > ul{margin-bottom: 40px; width: 100%; border-top: 1px solid #acacac; }
.noticeList > div > ul > li{width: 100%; height: 52px; display: table; border-bottom: 1px solid #e5e5e5; }
.noticeList > div > ul > li:after{content: ''; display: block; clear: both; }
.noticeList > div > ul > li > *{display: table-cell; vertical-align: middle; }
.noticeList > div > ul > li > p{}
.noticeList > div > ul > li > p.no{width: 40px; text-align: center; font-size: 15px; color: #595959; }
.noticeList > div > ul > li > p.date{display: none; text-align: center; font-size: 13px; color: #595959; }
.noticeList > div > ul > li > p.qna{display: block; }
.noticeList > div > ul > li > h4{}
.noticeList > div > ul > li > h4 > a{font-size: 14px; color: #333; }
.noticeList > div > ul > li > h4 > a > strong{background-color: #ff3636;color: #fff;border-radius: 4px;padding: 2px 4px;font-size: 12px;margin-right: 4px; }
.noticeList > div > ul > li > h4:hover > a{color: #B692FF; font-weight: 700; }
/*  공지사항 리스트*/

/*  공지사항 뷰  */
.noticeView{max-width: 860px; width: 95%; margin: 0 auto; padding: 120px 0; font-size: 14px; line-height: 1.75; color: #333; }
.noticeView > div > ul{width: 100%; padding-bottom: 8px; margin-bottom: 20px; border-bottom: 1px solid #acacac; }
.noticeView > div > ul > li{color: #595959; font-size: 14px; }
.noticeTop{border-top: 1px solid #acacac; padding: 20px 0 4px; }
.viewTitle{font-size: 16px; text-align: center; color: #333; margin-bottom: 20px; line-height: 1.5; }
.viewContent{border-bottom: 1px solid #acacac; border-top: 1px solid #acacac; padding: 20px; }
.viewContent p{margin-bottom: 4px; }
.viewContent ol, .viewContent ul{list-style: auto; padding-left: 20px; }
.viewContent table{border-bottom: 1px solid #ccc; margin-bottom: 8px; }
.viewContent tr{border-top: 1px solid #efefef; }
.viewContent th, .viewContent td{padding: 8px 12px; }
.noticeView img{max-width: 100%; margin: 12px auto; }
/*.noticeView ul, .noticeView li{list-style-type: revert; list-style-position: outside; }*/
.noticeView ul{padding-left: 16px; }
/*  공지사항 뷰  */

/*  회사소개  */
.company-container{margin: 0 auto; padding: 0; max-width: 100%; }
.company-container * {line-height: 1.5; word-break: keep-all; }
.company-container section{padding: 60px 0; }
.imgPhone{filter: drop-shadow(4px 4px 8px rgba(0,0,0,.25)); }
.titleText{text-align: center; margin-bottom: 36px; }
.titleText > h3{font-size: 24px; font-weight: 700; color: #2b2b2b; margin: 0 auto; margin-bottom: 12px; width: 80%; }
.titleText > h3 > span{color: #7253B0; }
.titleText > h6{font-size: 13px; color: #595959; line-height: 1.5; width: 80%; margin: 0 auto; }
.parallax{width: 80%; text-align: center; position: relative; padding-bottom: 167%; height: 0; margin: 0 auto; }
.parallax > div{width: 100%; height: 85%; padding: 12px; overflow: hidden; margin: 15% auto 0; position: absolute; top: 0; left: 0; }
.parallax > div > img{margin: 0 auto; display: block; width: 100%; }
.parallax > img{position: absolute; top: 0; width: 100%; left: 0; }
.company3, .company4, .company6, .company7{background-color: #F8F8F8; }
.tabList{width: auto; font-size: 0; border-bottom: 1px solid #797979; display: inline-block; margin: 32px auto 12px; padding: 0; }
.tabList > li{display: none; display: inline-block; text-align: center; cursor: pointer; font-size: 11px; padding: 8px 0; margin: 0 6px; }
.changeImg{padding: 0; width: 100%; margin: 0 auto; }
.changeImg img{width: 80%; margin: 0 auto; display: block; }
.tabList > li:first-child{margin-left: 0; }
.tabList > li:last-child{margin-right: 0; }
.tabText{padding: 0; width: 85%; margin: 0 auto; }
.tabText > li{display: none; font-size: 12px; color: #797979; word-break: keep-all; }
.changeImg > li{display: none; }
.tabList > li.on{font-weight: 700; border-bottom: 4px solid #333; }
.tabText > li.on{display: block; }
.changeImg > li.on{display: block; }
.precautions{font-size: 13px; color: #ef8585; margin-top: 12px; }

.company-container > section.company1{height: 420px; padding: 0; background-image: url("/images/community/bg1.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; display: table; width: 100%; }
.company-container > section.company8{height: 420px; padding: 0; background-image: url("/images/community/bg2.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; display: table; width: 100%; }
.company1 > div{color: #fff; text-align: center; padding: 20px 0; display: table-cell; vertical-align: middle; }
.company1 > div > h3{font-size: 28px; margin: 0 auto 40px; }
.company1 > div > h5{font-size: 14px; margin-bottom: 12px; }
.company1 > div > img{margin-bottom: 40px; width: 200px; }
.company1 > div > ul{margin: 0 auto; padding: 0; }
.company1 > div > ul > li{border-radius: 50px; background-color: #fff; height: 38px; width: 120px; margin: 0 4px; display: inline-block; }
.company1 > div > ul > li > a{font-weight: 700; color: #333; text-align: center; width: 100%; height: 100%; display: block; line-height: 36px; }
.company1 > div > ul > li.btnJoin{background-color: #7253B0; }
.company1 > div > ul > li.btnJoin > a{color: #fff; }
.company6 > h3{text-align: center; }
.company6 > ul{width: 95%; margin: 0 auto; text-align: center; font-size: 0; padding: 0;  }/*#A492CA#7253B0;*/
.company6 > ul.company61{margin-bottom: 12px; }
.company6 > ul > li{width: 24%; height: 0; padding-bottom: 24%; display: inline-block; border-radius: 500px; position: relative; overflow: hidden; border: 4px solid #A492CA; margin: 0 .5%; transition: all ease .4s; }
.company6 > ul > li:hover{transform:scale(1.06); box-shadow: 0 4px 16px rgb(0, 0, 0, .25); }
.company6 > ul.company62 > li{border: 4px solid #7253B0; }
.company6 > ul > li div{display: table; position: absolute; width: 100%; height: 100%; text-align: center; }
.company6 > ul > li h6{color: #595959; font-weight: normal; display: table-cell; vertical-align: middle; font-size: 11px; }
.company6 > ul > li h6 > span{font-weight: 700; color: #333; }

.company7{}
.company7 > p{text-align: center; font-size: 14px; color: #999; }
.companyNews{margin-bottom: 20px; }
.companyNews img{box-shadow: 4px 4px 16px rgba(0,0,0,.25); cursor: pointer; }
.companyNews .slick-list{overflow: visible; }
.companyNews .slick-slide{margin: 0 1%; }
.newsViewBox{max-width: 100%; width: 100%; height: 100%; background-color: rgba(0,0,0,.75); position: fixed; left: 0; top: 0; display: none; z-index: 1000; align-items: center; justify-content: center; }
.newsViewBox > div{max-width: 650px; max-height: 920px; width: 95%; height: 540px; background-color: #fff; overflow-x: hidden; overflow-y: auto; position: relative; }
.newsPageView{width: 100%; height: 100%; padding: 8px; }
.newsPageView > div > h3{color: #333; font-weight: 700; border-top: 4px solid #544995; text-align: center; font-size: 24px; }
.newsPageView > div > h3 > span{color: #544995; }
.newsPageView > div > h4{background-color: #544995; color: #fff; text-align: center; margin-bottom: 8px; padding: 4px 8px; font-size: 16px; }
.newsPageView > div > div{padding: 4px 0; }
.newsPageView > div > div.clearfix{color: #797979; border-top: 1px solid #acacac; border-bottom: 1px solid #acacac; padding: 4px 0; }
.newsPageView > div > div.clearfix > h6{margin: 0; color: #797979; font-weight: 700; font-size: 14px;}
.newsPageView > div > div.clearfix > p{margin: 0; margin-top: 4px; color: #595959; font-size: 12px; line-height: 16px; }
.newsPageView > div > h5{color: #333; border-bottom: 1px solid #acacac; margin: 0; font-size: 16px; font-weight: 700; padding: 8px 0; }
.newsPageView > div > h5 > span{color: #544995; }
.newsPageView > div > img{width: 100%; margin: 8px 0; }
.newsPageView > div > div > p{color: #333; }
.newsPageView > div > div > p > span{font-weight: 700; }
.newsPageView > div > div > .newP1{font-size: 13px; }
.newsPageView > div > div > .newP2{font-size: 12px; }
.newsPageView > div > a{width: 100%; color: #595959; font-weight: 300; padding: 4px 0; display: block; border-top: 1px solid #333; font-size: 12px; position: relative; bottom: 12px; left: 0; margin-top: 20px; }
.newsPageView > button{position: absolute; right: 4px; top: 20px; }

.company8 > div{padding: 40px 0; }
.company8 > div > h3{text-align: center; color: #fff; font-weight: 700; font-size: 24px; }
.company8 > div > h5{text-align: center; color: #fff; font-weight: normal; font-size: 15px; }
.company8 > div > ul{margin: 48px auto 60px; padding: 0; text-align: center; }
.company8 > div > ul > li{background-color: #f7eee9; border-radius: 500px; display: inline-block; width: 30%; height: 0; padding-bottom: 30%; position: relative; overflow: hidden; }
.company8 > div > ul > li:nth-of-type(2){margin: 0 1.5%; }
.company8 > div > ul > li > div{width: 100%; height: 100%; display: table; position: absolute; left: 0; top: 0; }
.company8 > div > ul > li > div > p{color: #333; display: table-cell; vertical-align: middle; font-size: 12px; font-weight: normal; }
.company8 > div > ul > li > div > p > span{display: block; font-size: 16px; font-weight: 700; color: #7253B0; }
.company8 > div > div{width: 90%; margin: 0 auto; font-size: 0; text-align: center; }
.company8 > div > div > a{font-size: 16px;font-weight: 700;display: block;margin: 0 auto;height: 48px;background-color: #d5a791;color: #fff;font-weight: 700;border-radius: 8px;line-height: 46px;vertical-align: middle;width: 45%;box-shadow: 0 3px 15px rgb(0 0 0 / 20%); display: inline-block; margin: 0 2.5%; }
.company8 > div > div > a:hover{color: #fff; background-color: #7253B0; }

.addCompany1{text-align: center; }
.addCompany1 img{max-width: 100%; margin: 20px auto; }
.addCompany1 h3{color: #2b2b2b;font-size: 24px;font-weight: 700;margin: 0 auto 12px;width: 80%;}
.addCompany1 h3 > span{color: #7253b0; font-weight: 700; }
.addCompany1 h4{text-align: center; color: #fff; font-weight: 700; display: inline-block; font-size: 21px;  background-color: #7253b0; border-radius: 20px; margin-bottom: 20px; padding: 4px 20px; }
.addCompany1 h5{text-align: center; color: #595959; font-weight: normal; font-size: 16px; }
.addCompany1 h5 > strong{font-weight: 700; color: #7253b0; }
.addCompany2{}
.addCompany2 img{max-width: 100%; margin: 20px auto; }
/*  회사소개  */


/*  뉴스레터  */
.newsletter{margin: 0 auto; max-width: 100%; padding: 0; }
.newsletterTop{background-color: #1B1B1B; }
.newsletterTop > div{max-width: 860px; margin: 0 auto; height: 60px; line-height: 60px; padding-top: 13px; }
.newsletterTop > div > h4{color: #fff; font-size: 21px; font-weight: 700; line-height: 40px; }
.newsletterTop > div > h4 > span{font-weight: 300; }
.newsletterTop > div > h4 > span:before{content: ''; display: inline-block; width: 2px; height: 16px; background-color: #fff; vertical-align: middle; margin: 0 8px; }
.newsletterTop > div > select{color: #fff; text-align: center; border: 1px solid #fff; border-radius: 4px; font-size: 14px; }
.newsletterTop > div > select > option{color: #333; }
.newsletterView {padding: 8px; }
.newsletterView > .viewTitle{width: 860px; margin: 0 auto; margin-top: 40px; border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 12px 8px; }
.newsletterView > .viewTitle > h5{font-size: 21px; }
.newsletterView > .viewTitle > p{margin: 0; font-size: 14px; color: #797979; }
.newsletterView > .newsletterBox{padding: 8px; }
.newsletterView > a{background-color: #ccc; text-align: center; width: 92px; height: 36px; line-height: 36px; font-size: 16px; font-weight: 700; color: #333; border-radius: 4px; margin: 24px auto; }
.newsList{max-width: 860px; margin: 0 auto; }
.newsList > ul{width: 100%; margin: 0 auto; padding: 0; }
.newsList > ul > li{width: 49%; float: left; margin-top: 80px; }
.newsList > ul > li > a{width: 100%; display: block; height: 0; padding-bottom: 141.4%; background-color: #ccc; margin-bottom: 4px; }
.newsList > ul > li > h5{text-align: center; }
.newsList > ul > li > h5 > a{font-size: 18px; color: #595959; }
.newsList > ul > li:hover > h5 > a{font-weight: 700; color: #333; }
/*  뉴스레터  */

/* 제휴 서비스 */
.affiliateService{background: linear-gradient(-28deg, #1F54A8 0%, #619FFF 100%); position: relative; }
canvas {bottom: 0;left: 0;position: absolute;right: 0;top: 0; width: 100%; height: 100%; }
#c1 {opacity: 0;}
#c2 {background: #000;}
.affiliateService .bgCircle{border: 20px solid #FA8581; width: 400px; height: 400px; border-radius: 400px; box-shadow: inset -4px -12px 8px rgba(0, 0, 0, 0.5), inset -12px 16px 16px rgba(255, 255, 255, .5); position: absolute; }
.affiliateServiceBody{width: 100%; max-width: 1280px; margin: 0 auto; position: relative; z-index: 200; overflow: hidden; padding: 24px 0; }
.affiliateServiceBody > .titleBox{text-align: center; margin-bottom: 12px; }
.affiliateServiceBody > .titleBox > .pageTitle{color: #fff; font-weight: bold; font-size: 16px; margin-bottom: 4px; }
.affiliateServiceBody > .titleBox > .subTitle{border: 0; color: #fff; font-size: 12px; font-weight: normal; margin: 0; padding: 0; }
.affiliateServiceList{}
.affiliateServiceList > ul{width: 80%; margin: 0 auto; }
.affiliateServiceList > ul > li{background: rgba( 255, 255, 255, 0.25 ); float: left; width: 100%; height: 0; padding-bottom: 62.5%; border-radius: 16px; overflow: hidden; position: relative; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); box-shadow: 0 0 12px 0 rgba( 31, 38, 135, 0.37 ); border-left: 1px solid rgba( 255, 255, 255, 0.5 ); border-top: 1px solid rgba( 255, 255, 255, 0.5 ); margin-bottom: 12px; cursor: pointer; }/*background: rgba( 255, 255, 255, 0.15 );*/ 
.affiliateServiceList > ul > li > div{position: absolute; width: 100%; height: 100%; padding: 16px; }
.affiliateImg{width: 60%; padding-bottom: 30%; height: 0; position: absolute; }
.affiliateImg > img{text-align: left;-o-object-fit: contain;object-fit: contain; width: 100%; height: 100%; object-fit: contain; position: absolute; display: block; -o-object-position: center left; object-position: center left; }
.affiliateCompany{position: absolute; bottom: 16px; right: 16px; text-align: right; }
.affiliateCompany h5{font-size: 12px; color: #efefef; font-weight: 500; }
.affiliateCompany h6{font-size: 16px; color: #fff; font-weight: bold; line-height: 1.3; }
.glow{position: absolute;width: 100%;height: 100%;background: linear-gradient(105deg,transparent 30%,rgb(255 210 76 / 80%) 40%,rgb(174 157 201 / 60%) 50%, transparent 60%);filter: brightness(1.5) opacity(0.25);mix-blend-mode: color-dodge;background-size: 150% 150%;background-position: center center;transition: all 0.1s;left: 0;top: 0; }

.affiliateServiceView{overflow-y: auto; }
.affiliateServiceView > .affiliateServiceBox{width: 90%; margin: 10% auto; max-width: 920px; border-radius: 24px; position: relative; }
.affiliateServiceBox > button{padding: 0; position: absolute; top: 12px; right: 10px; margin: 0; background-color: transparent; }
.affiliateServiceBox > button:hover{box-shadow: none; }
.affiliateServiceBox > button > img{width: 28px; }
.affiliateServiceTitle{padding: 20px 0; }
.affiliateServiceTitle > h5{text-align: center; font-size: 18px; font-weight: bold; color: #212121; margin-bottom: 4px; }
.affiliateServiceTitle > h6{text-align: center; font-size: 14px; font-weight: normal; color: #595959; }
.affiliateServiceContent{width: 100%; }
.affiliateServiceContent > div{width: 100%; }
.affiliateServiceContent > div > img{width: 100%; display: block; }
.affiliateServiceContent > iframe{width: 100%; }
.affiliateServiceBox{font-size: 16px; }
.affiliateServiceBox *{font-size: 16px; }
/* 제휴 서비스 */

@media all and (min-width: 480px){

    /*  회사소개  */
    .company-container > section.company1{height: 460px; }
    .parallax{width: 340px; padding-bottom: 0; height: 710px; }
    .tabText{width: 90%; }
    .titleText > h3{font-size: 31px; margin-bottom: 20px; }
    .titleText > h6{font-size: 16px; margin-bottom: 40px; }
    .tabList > li{font-size: 14px; padding: 8px 16px; margin: 0 4px; }
    .changeImg{width: 380px;height: 680px; }
    .company1 > div > h3{font-size: 42px; }
    .company1 > div > h5{font-size: 16px; }
    .company1 > div > img{width: 240px; }
    
    .company6 > ul{width: 98%; }
    .company6 > ul.company61{margin-bottom: 20px; }
    .company6 > ul > li h6{font-size: 12px; }
    .newsViewBox > div{height: 680px; }
    .company8 > div > ul > li > div > p{font-size: 16px; }
    .company8 > div > ul > li > div > p > span{font-size: 21px; }
    
    /* 제휴 서비스 */
    .affiliateServiceView > .affiliateServiceBox{border-radius: 32px; }
    .affiliateServiceBody{padding: 36px 0; }
    .affiliateServiceBody > .titleBox{margin-bottom: 20px; }
    .affiliateServiceList > ul > li > div{padding: 8px; }
    .affiliateImg{width: 50%; padding-bottom: 35%; height: 0; position: absolute; }
    .affiliateServiceList > ul{width: 98%; }
    .affiliateServiceList > ul > li{width: 48%; margin: 0 1% 2%; padding-bottom: 31%; }
    .affiliateServiceBox{width: 80%; }
}
@media all and (max-width: 767px){
    
    /*  회사 소개  */
    .companyNews img{width: 85%; display: block; margin: 12px auto; }
    
    /*  뉴스레터  */
    .newsList > ul > li:nth-of-type(2n+1){clear: both; margin-right: 1%; }
}
@media all and (min-width: 768px){
    .noticeList > div > ul > li{height: 56px; }
    .noticeList > div > ul > li > p.no{width: 52px; }
    .noticeList > div > ul > li > p.date{display: table-cell; width: 84px; }
    .noticeView{}
    .viewTitle{font-size: 18px; }
    
    /*  회사소개  */
    section > div{max-width: 1280px; margin: 0 auto; width: 100%; padding: 0 2.5%; }
    .company-container section.company2, .company-container section.company3{padding: 120px 0; }
    .company-container > section.company1{height: 580px; }
    .tabList > li{padding: 8px; margin: 0; font-size: 13px; }
    .tabText{width: 100%; }
    .tabText > li{font-size: 14px; }
    .titleText > h3{width: 100%; }
    .titleText > h6{width: 100%; }
    section.company1 > div{max-width: 1280px; margin: 80px auto 0; width: 80%; display: block; text-align: left; }
    .company1 > div > h5{font-size: 18px; }
    .company1 > div > img{margin-bottom: 80px; }
    .company1 > div > ul > li{height: 52px; width: 180px; margin: 0 8px; }
    .company1 > div > ul > li > a{font-size: 24px; line-height: 50px; }
    .parallax{margin: 0 auto; }
    .parallax > div{height: 540px; margin-top: 58px; }
    .company2 .titleText{text-align: right; margin-top: -120px; }
    .company4 .titleText{text-align: right; margin-top: 60px; }
    .company2 > div{ display: flex;flex-direction: row; align-items: center;}
    .company4 > div{ display: flex;flex-direction: row; }
    .company2 > div > div, .company4 > div > div{width: 50%; }
    /*.company2 > div{padding: 180px 0; }*/
    .company3 .titleText{text-align: left; margin-top: -120px; }
    .company5 .titleText{text-align: left; margin-top: 80px; }
    .company3 > div{ display: flex;flex-direction: row-reverse; align-items: center; }
    .company5 > div{ display: flex;flex-direction: row-reverse; }
    .company3 > div > div, .company5 > div > div{width: 50%; }
    
    .company6 > ul.company61{margin-bottom: 28px; }
    .company6 > ul > li{width: 168px; height: 168px; margin: 0 8px; padding: 0; border: 8px solid #A492CA; }
    .company6 > ul.company62 > li{border: 8px solid #7253B0; }
    .company6 > ul > li h6{font-size: 16px; }
    
    .companyNews{position: relative; height: 680px; }
    .companyNews > div{position: absolute; left: 50%; transition: all ease .4s; }
    .companyNews > div:hover{z-index: 700; }
    .companyNews > div:hover > img{box-shadow: 4px 4px 20px rgb(0 0 0 / 50%); }
    .companyNews img{width: 400px; }
    .companyNews1{z-index: 500; margin-left: -200px; }
    .companyNews2{z-index: 450; transform: rotate(-6deg); margin-left: -320px; margin-top: 28px; }
    .companyNews3{z-index: 400; transform: rotate(7deg); margin-left: -76px; margin-top: 20px; }
    .newsViewBox{}
    .newsViewBox > div{width: 100%; height: auto; padding: 20px; }
    .newsPageView{position: relative; }
    .newsPageView > div{height: 760px; }
    .newsPageView > div > div:after{content: ''; display: block; clear: both; }
    .newsPageView > div > div > .newP1{float: left; width: 49%; }
    .newsPageView > div > div > .newP2{float: right; width: 49%; }
    .newsPageView > button{right: 8px; }
    
    .company8 > div > ul > li > div > p{font-size: 21px; }
    .company8 > div > ul > li > div > p > span{font-size: 32px; }
    .company8 > div > div{width: auto; }
    .company8 > div > div > a{height: 80px;line-height: 80px;width: 45%; font-size: 18px; }
    
    /*  뉴스레터  */
    .newsList > ul > li{width: 32%; margin-left: 2%; }
    .newsList > ul > li:nth-of-type(3n+1){clear: both; margin-left: 0; }
    
    /* 제휴 서비스 */
    .affiliateServiceBody{padding: 60px 0; }
    .affiliateServiceBody > .titleBox{margin-bottom: 32px; }
    .affiliateServiceBody > .titleBox > .pageTitle{font-size: 24px; }
    .affiliateServiceBody > .titleBox > .subTitle{font-size: 18px; }
    .affiliateServiceList > ul > li > div{padding: 20px; }
    .affiliateCompany{bottom: 20px; right: 20px; }
    .affiliateCompany h5{font-size: 16px; }
    .affiliateCompany h6{font-size: 21px; }
    .affiliateServiceView > .affiliateServiceBox{width: 80%; border-radius: 36px; padding: 20px; }
    .affiliateServiceContent{}
    .affiliateServiceBox > button{right: 16px; top: 16px; }
    .affiliateServiceBox > button > img{width: 36px; }
    .affiliateServiceTitle > h5{font-size: 24px; }
    .affiliateServiceTitle > h6{text-align: center; font-size: 16px; font-weight: normal; color: #595959; }
    .affiliateServiceContent > div{border-radius: 32px; }
}
@media all and (min-width: 1280px){
    .noticeList{width: 100%; }
    .noticeView{}
    
    /*  회사소개  */
    section > div{width: 100%; }
    section.company1 > div{width: 100%; }
    .tabList > li{padding: 8px 20px; margin: 0 4px; font-size: 16px; }
    .titleText > h3{font-size: 38px; margin-bottom: 12px; }
    .titleText > h6{font-size: 18px; }
    .tabText{width: 480px; display: inline-block; }
    .tabText > li{font-size: 16px; }
    .company-container > section.company1{height: 640px; }
    
    .company6 > ul{width: 100%; }
    .company6 > ul > li{width: 220px; height: 220px; margin: 0 20px; }
    .company6 > ul > li h6{font-size: 21px; }
    
    .companyNews{position: relative; height: 1080px; }
    .companyNews > div{position: absolute; left: 50%; }
    .companyNews img{width: 100%; }
    .companyNews1{margin-left: -325px; }
    .companyNews2{margin-left: -560px; }
    .companyNews3{margin-left: -76px; }
    .newsViewBox > div{height: 860px; }

    .company8 > div > h3{font-size: 48px; }
    .company8 > div > h5{font-size: 28px; }
    .company8 > div > div > a{height: 80px;line-height: 80px;width: 420px;font-size: 18px; }
    .company8 > div > ul{margin: 62px auto 120px; }
    .company8 > div > ul > li{width: 260px; padding-bottom: 260px; }
    .company8 > div > ul > li:nth-of-type(2){margin: 0 8%; }
    
    /*  뉴스레터  */
    .newsList > ul > li{width: 248px; margin-left: 58px; }
    .newsList > ul > li:nth-of-type(3n+1){margin-left: 0; }
    
    /* 제휴 서비스 */
    .affiliateServiceBody{padding: 80px 0; }
    .affiliateServiceBody > .titleBox{margin-bottom: 40px; }
    .affiliateServiceList > ul > li{width: 31.333333%; padding-bottom: 20.5%; }
    .affiliateImg{width: 60%; padding-bottom: 30%; }
    .affiliateServiceList > ul > li h5{font-size: 18px; }
    .affiliateServiceList > ul > li h6{font-size: 24px; }
    .affiliateServiceView > .affiliateServiceBox{width: 100%; border-radius: 40px; }
}

