.subvs{background-image: url('/img/sub05_bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; height: 420px;}
.subvs .title{text-align: center; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.subvs .title dl {color: #fff;}
.subvs .title dl dt{font-size: 24px;font-family: 'metropolis'; text-transform: uppercase; font-weight: 100; margin-bottom: 10px;}
.subvs .title dl dd{font-size: 52px; font-weight: 600;}
.submenuwrap{border-bottom: 1px solid #ccc; width: 100%; z-index: 99;}
.submenuwrap.on{background-color: #fff;}
.submenu{display: flex; justify-content: center; align-items: center; }
.submenu li{flex: 1; text-align: center; transition: 0.3s;}
.submenu li a{padding: 30px 0; display: block; color: #888; font-size: 20px; font-weight: 400;}
.submenu li.on a{color: #000; font-weight: 500; border-bottom: 2px solid #000;}
.subwrap{padding: 100px 0 120px;}

@media screen and (max-width: 900px){
    .subvs{height: 300px;}
    .subwrap{padding: 20% 0;}
    .submenu li a{font-size: 13px; padding: 15px 0;}
    .subvs .title dl{padding-top: 50px;}
    .subvs .title dl dt{font-size: 16px;}
    .subvs .title dl dd{font-size: 25px;}
}


/* 자료실 */
.tbwrap{border-top: 2px solid #000;}
.tbwrap table{width: 100%;}
.tbwrap table tr{border-bottom: 1px solid #ccc;}
.tbwrap table tr th{padding: 30px 15px; }
.tbwrap table tr td{color: #666; font-size: 18px; font-family: 'metropolis'; text-align: center; font-weight: 300; padding: 20px 15px;}
.tbwrap table tr td.nt{width: 80px;}
.tbwrap table tr td.nt span{color: #fff; background-color: #20775c; display: block; height: 30px; line-height: 30px;}
.tbwrap table tr td.title{text-align: left;}
.tbwrap table tr td a{font-size: 18px; color: #000; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden;}
.tbwrap table tr td.title a img{vertical-align: middle;}
.tbwrap table tr td:last-of-type{font-size: 16px;}

@media screen and (max-width: 900px){
    .tbwrap table tr th{font-size: 14px; padding: 20px 15px; white-space: nowrap;}
    .tbwrap table tr td.nt span{width: 54px; margin: 0 auto;}
    .tbwrap table tr td{font-size: 13px; }
    .tbwrap table tr td a{font-size: 14px; line-height: calc(23/14);}
    .tbwrap table tr td:nth-of-type(1){padding: 0;}
    .tbwrap table tr td:last-of-type{font-size: 13px;}

    .tbwrap table tr td.title a img{width: 8%;}
}


@media screen and (max-width: 500px){
    .tbwrap table tr th.title_{width: 100px;}
    .tbwrap table tr th.date_, .tbwrap table tr td.date_{display: none;}
}

/* 페이징 */
.page{text-align: center; display: flex; justify-content: center; align-items: center; margin-top: 60px;}
.page a{width: 32px; height: 32px; display: block; border: 1px solid #ccc;text-align: center; line-height: 32px; font-size: 14px; box-sizing: border-box; background-position: center; background-repeat: no-repeat; color: #888; margin: 0 2px;}
.page a.active{background-color: #000; border: #000; color: #fff;}

@media screen and (max-width: 900px){
    .page a{width: 25px; height: 25px; line-height: 25px; font-size: 13px;}
}

/* 검색박스 */
.searchbox{background-color: #f9f9f9; box-sizing: border-box; padding: 30px 0; border: 1px solid #ccc; margin-top: 30px;}
.searchbox .searchin{display: flex; justify-content: center; align-items: center; font-size: 14px; height: 40px;}
.searchbox .searchin select{border: 1px solid #ccc; outline: none;box-sizing: border-box; width: 9%; padding: 0 12px; margin-right: 10px; height: 100%;font-family: 'Noto Sans KR', sans-serif;}
.searchbox .searchin .rig{display: flex; align-items: center; height: 100%;}
.searchbox .searchin .rig input{border: 1px solid #ccc; outline: none;box-sizing: border-box; color: #000; height: 100%;padding: 0 15px;font-family: 'Noto Sans KR', sans-serif;}
.searchbox .searchin .rig .icon{background-color: #000;height: 100%; width: 40px; text-align: center; display: flex; justify-content: center; align-items: center;}

@media screen and (max-width: 900px){
    .searchbox{padding: 15px 0;}
    .searchbox .searchin{height: 35px;}
    .searchbox .searchin select{width: auto; margin-right: 3px;}
    .searchbox .searchin .rig input{width: 100%;}
    .searchbox .searchin .rig .icon{width: 20%;}
}


@media screen and (max-width: 450px){
    .searchbox{padding:15px 10px;}
    .searchbox .searchin{display: block; height: auto;}
    .searchbox .searchin select{width: 100%; margin-bottom: 10px; height: 35px;}
    .searchbox .searchin .rig input{height: 35px;}
    .searchbox .searchin .rig .icon{height: 35px;}
}
 
/* 문의하기 */
.inforlist{display: flex; flex-wrap: wrap;}
.inforlist li{width: calc(99.9%/4 - 75px/4); margin-right: 25px; position: relative;}
.inforlist li:nth-of-type(4n), .inforlist li:last-of-type{margin-right: 0;}
.inforlist li:last-of-type{width: 100%;}
.inforlist li:nth-of-type(-n+4) input{margin-bottom: 50px;}
.inforlist li label{position: absolute; bottom: 100%; font-size: 18px; font-weight: 600;}
.inforlist li label::after{content: ""; display: inline-block; width: 5px; height: 5px; background-color: #20775c; border-radius: 50%; vertical-align: middle; margin-left: 10px;}
.inforlist li input{width: 100%; outline: none; border: none; border-bottom: 1px solid #ccc; box-sizing: border-box;}
.rf textarea{width: 100%; height: 270px; max-height: 270px; outline: none; border: 1px solid #ccc; resize: none; margin-top: 20px; box-sizing: border-box; box-sizing: border-box; padding: 30px;}
.rf .text {width: 100%; background-color: #f9f9f9; display: flex; align-items: center; border: 1px solid #ccc; box-sizing: border-box; margin-top: 20px; padding: 20px; } 
.rf .text input[type="checkbox"]{width: 30px; height: 30px; border-radius: 50%; background-color: #fff; border: 1px solid #ccc; box-sizing: border-box; appearance: none; cursor: pointer; transition: 0.3s;}
.rf .text input[type="checkbox"]:checked{background-image: url('/img/secretcheck_icon.png'); background-color: #20775c;background-repeat: no-repeat; background-position: center;}
.rf .text p{font-size: 18px; color: #666; margin-left: 10px;}
.rf .text p span{color: #20775c;font-weight: 600; }
.rf .text > span{font-size: 16px; width: 100px; height: 38px; text-align: center; line-height: 38px; border: 1px solid #000; margin-left: 30px; cursor: pointer;}
.subbtn{color: #fff; background-color: #000; display: block; margin: 50px auto 0; cursor: pointer; width: 240px; height: 72px; line-height: 72px; text-align: center;}

.capchar{margin-top: 15px;}
.capchar p{margin-bottom: 6px;}
.capchar input{height: 24px;box-sizing: border-box;vertical-align: top; outline: none;border:  1px solid #ccc;}

.rf .wrap1280 > p{font-size: 20px; margin-bottom: 60px;}
.textwrap{margin-top: 40px;}
.textwrap strong{font-size: 18px; font-weight: 600;}

.rf .text > div{display: flex; align-items: center;}

@media screen and (max-width: 900px){
    .inforlist li{width: calc(99.9%/2 - 25px/2);}
    .inforlist li:nth-of-type(2n){margin-right: 0;}
    .inforlist li:last-of-type{margin-right: 0;}
    .inforlist li label{font-size: 13px;}
    .inforlist li:nth-of-type(-n+4) input{margin-bottom: 35px;}

    .rf .text{justify-content: space-between;}
    .rf .text p{font-size: 13px; word-break: keep-all; line-height: 1.3;}
    .rf .text > span{width: 110px; height: 25px; line-height: 25px; margin-left: 20px; font-size: 13px; }

    .subbtn{width: 110px; height: 45px; line-height: 45px; font-size: 13px;}

    .rf .wrap1280 > p{font-size: 15px; word-break: keep-all;}
    .textwrap strong{font-size: 13px;}
}

@media screen and (max-width: 450px){
    .rf .text{justify-content: space-between; padding: 20px 12px; display: block;}
    .rf .text > span{margin-left: 0; margin-top: 10px; display: block; width: 110px;}
    .rf .text input[type="checkbox"]{ height: 17px;}
}


/* 자료실 뷰페이지 */
.viewin{border-top: 2px solid #000;}
.viewin .title{text-align: center; padding: 50px 0;}
.viewin .title strong, .viewin .title span{display: block;}
.viewin .title strong{font-size: 32px; font-weight: 500;}
.viewin .title span{font-size: 18px; color: #888; font-family: 'metropolis'; margin-top: 25px;}
.viewin .filedown{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; display: block; padding: 20px 30px;  background-color: #f4f4f4; color: #000;}
.viewin .filedown img{vertical-align: middle; margin-right: 8px;}
.viewin .txtbox{color: #666; font-size: 18px; word-break: keep-all; line-height: calc(30/18); padding: 40px 0;}
.viewin .txtbox img{max-width: 100% !important; height: auto !important; }
.viewin .txtbox a{word-break: break-all;}
.viewin .txtbox::after{content: ""; display: block; clear: both;}
.viewin .viewlist{font-size: 14px; color: #888; border-top: 1px solid #ddd;}
.viewin .viewlist li {position: relative; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd; padding: 15px 20px;}
.viewin .viewlist li a{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.viewin .viewlist li .flexlef{display: flex; align-items: center;}
.viewin .viewlist li .flexlef .lef i{font-size: 24px; vertical-align: middle;} 
.viewin .viewlist li .flexlef .rig p{color: #333; margin-left: 15px;}

@media screen and (max-width: 900px){
    .viewin .title{padding: 35px 0;}
    .viewin .title strong{font-size: 15px; word-break: keep-all;}
    .viewin .title span{font-size: 13px; margin-top: 15px;}
    .viewin .filedown{font-size: 13px;}
    .viewin .txtbox{font-size: 14px;}

    .viewin .viewlist{font-size: 13px;}
    .viewin .viewlist li{display: block; padding: 15px;}
    .viewin .viewlist li .flexrig{margin-top: 5px;}
}

@media screen and (max-width: 500px){
    .viewin .title{padding: 25px 0;}
    .viewin .filedown{font-size: 13px; padding: 10px 15px;}
    .viewin .txtbox{padding: 30px 0;}
    .viewin .viewlist li .flexlef{display: block;}
    .viewin .viewlist li .flexlef .rig p{display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-left: 0;}
    .viewin .viewlist li .flexrig{margin-top: 10px;}
}

/* 커뮤니티 */
/* .cm .submenu{display: none;} */
.cm .subvs{background-image: url('/img/sub04_bg.jpg');}
.cm .subwrap{position: relative; display: flex; justify-content: center; align-items: center;}
.cm .cmbtn { text-align: center; margin-right: 60px;}
.cm .cmbtn span{font-size: 14px; color: #252525;}
.cm .cmbtn ul{width: 52px; height: 92px; border: 1px solid #ddd; background-color: #f9f9f9; margin: 10px auto; border-radius: 30px; display: flex; flex-direction: column; justify-content: space-evenly;}
.cm .cmbtn ul li{position: relative; width: 20px; height: 16px; margin: 0 auto; cursor: pointer; }
.cm .cmbtn ul li span{width: 100%; height: 3px; background-color: #000; position: absolute; top: 0; left: 0;}
.cm .cmbtn ul li span:nth-of-type(2){top: 50%;}
.cm .cmbtn ul li span:nth-of-type(3){top: 100%;}
.cm .cmbtn ul li.on{background-color: #000; border-radius: 50%; height: 20px;}
.cm .cmbtn ul li.on span{display: none;}
.cm .listtab{width: 67%;}
.cm .cardlist .cmty{flex-wrap: wrap;}
.cm .cardlist .cmty li{width: calc(99.9%/3 - 100px/3); margin-right: 50px;overflow: hidden;}
.cm .cardlist .cmty li:nth-of-type(3n){margin-right: 0;}
.cm .cardlist .cmty li:nth-of-type(-n+6){margin-bottom: 70px;}
.cm .cdcm{display: none;}
.cm .cdcm.on{display: block;}
.cm .cdcm .wrap1280{width: 100%;}

.cm ul.cmty li .txtbox p{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}

@media screen and (max-width: 900px){
    .cm .subwrap{display: block;}
    .cm .cmbtn{margin-right: 0; margin-bottom: 30px; display: flex; align-items: center; margin-left: 30px;}
    .cm .listtab{width: 100%;}
    .cm .cdcm .wrap1280{width: 90%;}
    .cm .cmbtn{margin-bottom: 15px;}
    .cm .cmbtn span{font-size: 13px;}
    .cm .cmbtn ul{margin: 0 30px; transform: rotate(90deg); width: 35px; height: 75px;}
    .cm .cmbtn ul li{transform: rotate(90deg); width: 15px; height: 10px;}
    .cm .cmbtn ul li.on{transform: rotate(90deg) translateY(1px); height: 15px;}

    .cm .cardlist .cmty li{width: calc(99.9%/2 - 15px/2); margin-right: 15px;}
    .cm .cardlist .cmty li:nth-of-type(3n){margin-right: 15px;}
    .cm .cardlist .cmty li:nth-of-type(2n){margin-right: 0;}
    .cm .cardlist .cmty li:nth-of-type(-n+8){margin-bottom: 25px;}

    ul.cmty li .txtbox{padding: 15px 10px;}
    ul.cmty li .txtbox strong{font-size: 14px; margin-bottom: 10px;}
    ul.cmty li .txtbox p{font-size: 13px; margin-bottom: 20px;}
    ul.cmty li .txtbox span{font-size: 13px;}
}

/* 사업분야 */
.bs {text-align: center;}
.bs .subwrap{padding-bottom: 0;}
.bs .subvs{background-image: url('/img/sub03_bg.jpg');}
.bs .wrap1280 .title dt{font-size: 40px; text-transform: uppercase;font-family: 'metropolis'; font-weight: 600;}
.bs .wrap1280 .title dd{font-size: 26px; line-height: calc(40/26); font-weight: 500; }
.bs .busi {padding-bottom: 100px;}
.bs .busi .title{margin-bottom: 60px;}
.bs .busi ul{display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.bs .busi ul:nth-of-type(2){margin: 25px 0;}
.bs .busi ul li{background-color: #20775c; color: #fff; border-radius: 30px; padding: 15px 20px; margin-right: 40px; font-size: 20px; font-weight: 300; margin-bottom: 5px;}
.bs .content{background-color: #f1f2f2; padding: 150px 0;}
.bs .content .title {margin-bottom: 100px;}
.bs .content ul li{display: flex; align-items: center;}
.bs .content ul li:nth-of-type(2){flex-direction: row-reverse; border-top: 1px solid #acacac; border-bottom: 1px solid #acacac; margin: 120px 0; padding: 120px 0;}
.bs .content ul li .imgbox{background-image: url('/img/content_img01.png'); background-position: center; background-size: cover; background-repeat: no-repeat; width: 50%;}
.bs .content ul li .imgbox::after{content: ""; display: block; padding-bottom: calc(400/600 * 100%);}
.bs .content ul li:nth-of-type(2) .imgbox{background-image: url('/img/content_img02.png'); margin-left: 80px;}
.bs .content ul li:nth-of-type(3) .imgbox{background-image: url('/img/content_img03.png');}
.bs .content ul li .text{text-align: left; margin-left: 80px;}
.bs .content ul li:nth-of-type(2) .text{margin-left: 0;} 
.bs .content ul li .text span{font-size: 40px; font-weight: 600;font-family: 'metropolis'; }
.bs .content ul li .text strong{font-size: 26px; font-weight: 600; display: block; margin-bottom: 20px; margin-top: 35px;}
.bs .content ul li .text p{font-size: 18px; font-weight: 300; line-height: calc(30/18);}

.bs .busi .mobul ul{display: none;}


@media screen and (max-width: 1000px){
    .bs .busi .mobul ul{display: flex;}
    .bs .busi .pcul ul{display: none;}

    .bs .wrap1280 .title dt{font-size: 20px; margin-bottom: 30px;}
    .bs .wrap1280 .title dd{margin-top: 0; font-size: 13px;}
    .bs .busi .title{margin-bottom: 45px;}
    .bs .busi ul{ margin: -10px -7.5px 0;}
    .bs .busi ul li{font-size: 13px; margin-right: 15px; margin: 10px 7.5px 0;}
}

@media screen and (max-width: 900px){
    .bs .content{padding: 15% 0;}
    .bs .content .title{margin-bottom: 0;}
    .bs .content .title dt{margin-bottom: 40px;}
    .bs .content ul li{display: block;}
    .bs .content ul li .imgbox{width: 100%; margin-bottom: 45px;}
    .bs .content ul li .text{margin-left: 0;}
    .bs .content ul li:nth-of-type(2){margin: 60px 0; padding: 60px 0;}
    .bs .content ul li:nth-of-type(2) .imgbox{margin-left: 0;}
    .bs .content ul li .text span{font-size: 23px;font-family: 'metropolis'; }
    .bs .content ul li .text strong{font-size: 18px; margin-bottom: 30px;}
    .bs .content ul li .text p{font-size: 14px; word-break: keep-all;}
    .bs .content ul li .text p br{display: none;}
}


/* 회사소개 */
.intro .subwrap{padding: 100px 0 250px;}
.subvswrap .title{text-align: center;}
.subvswrap .title dt{font-size: 40px; text-transform: uppercase; font-family: 'metropolis'; font-weight: 600; margin-bottom: 70px;} 
.subvswrap .title dd{font-size: 20px; font-weight: 400; line-height: calc(30/20);margin-top: 20px;}
.intro .sys .flexbox{display: flex; align-items: center; margin-top: 90px;}
.intro .sys .flexbox .lef{width: 43%; margin-right: 90px;}
.intro .sys .flexbox .lef .imgbox{background-image: url('/img/sys_img.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover;}
.intro .sys .flexbox .lef .imgbox::after{content: ""; display: block; padding-bottom: calc(450/550 * 100%);}
.intro .sys .flexbox .rig table{font-size: 20px;}
.intro .sys .flexbox .rig table tr{border-top: 1px solid #ccc;}
.intro .sys .flexbox .rig table tr:last-of-type{border-bottom: 1px solid #ccc;}
.intro .sys .flexbox .rig table th{display: flex; justify-content: space-between; padding: 25px 0;}
.intro .sys .flexbox .rig table th span{font-weight: 600;}
.intro .sys .flexbox .rig table td{font-weight: 300; padding: 25px 0; padding-left: 20px;}
.intro .sys .flexbox .rig table td.lineh{line-height: 1.3;}
.intro .root_daum_roughmap .wrap_controllers{display: none !important;}

.intro .ceo{padding: 150px 0;}
.intro .ceo .title{text-align: left; display: flex; align-items: flex-end; margin-bottom: 60px;}
.intro .ceo .title dt{ font-family: 'Noto Sans KR', sans-serif; margin-bottom: 0;}
.intro .ceo .title dd{font-family: 'metropolis'; font-weight: 600; margin-top: 0; margin-left: 15px;}
.intro .ceo .flexbox{display: flex; position: relative;flex-direction: row-reverse;justify-content: space-between;}
.intro .ceo .flexbox .lef{width: 40%; margin-right: 90px; position: sticky;  top: 55px; height: 500px;}
.intro .ceo .flexbox .lef .imgbox{background-image: url('/img/deus_ceo02.png'); background-position: center; background-size: cover; background-repeat: no-repeat; }
.intro .ceo .flexbox .lef .imgbox::after{content: ""; display: block; padding-bottom: 100%;}
.intro .ceo .flexbox .rig ul{position: relative;}
.intro .ceo .flexbox .rig ul::before{content: ""; display: block; width: 1px; height: 104%; background-color: #ccc; position: absolute;left: 0; top: -24px;
z-index: -1;}
.intro .ceo .flexbox .rig ul li {margin-bottom: 50px;}
.intro .ceo .flexbox .rig ul li:last-of-type{margin-bottom: 0;}
.intro .ceo .flexbox .rig ul li > span{font-size: 30px; font-family: 'metropolis'; font-weight: 600; display: block; margin-bottom: 10px;}
.intro .ceo .flexbox .rig ul li > span::before{content: ""; display: inline-block; width: 25px; height: 25px; background-color: #fff; border: 6px solid #20775c; box-sizing: border-box; border-radius: 50%;margin-left: -12px;
z-index: 1; margin-right: 15px;}
.intro .ceo .flexbox .rig ul li p{font-size: 20px;}
.intro .ceo .flexbox .rig ul li p::before{content: ""; display: inline-block; width: 13px; height: 13px; background-color: #fff; border: 3px solid #ccc; box-sizing: border-box; border-radius: 50%;margin-left: -6px;z-index: 1; margin-right: 20px;}
.intro .ceo .flexbox .rig ul li p span{font-size: 16px; color: #555;}
.intro .orga{background-color: #f3f3f3; padding: 150px 0;}

.intro .brand{padding: 150px 0;}
.intro .brand ul{display: flex;}
.intro .brand ul li {flex: 1; margin-right: 30px; border: 1px solid #ccc;}
.intro .brand ul li:last-of-type{margin-right: 0;}
.intro .brand ul li .imgbox{background-image: url('/img/award_img01.png'); background-position: center; background-size: 100% auto; background-repeat: no-repeat; transition: 0.3s;}
.intro .brand ul li:nth-of-type(2) .imgbox{background-image: url('/img/award_img04.png');}
.intro .brand ul li:nth-of-type(3) .imgbox{background-image: url('/img/award_img05.png');}
.intro .brand ul li:nth-of-type(4) .imgbox{background-image: url('/img/award_img02.png');}
.intro .brand ul li:nth-of-type(5) .imgbox{background-image: url('/img/award_img03.png');}
.intro .brand ul li:nth-of-type(6) .imgbox{background-image: url('/img/award_img06.png');}
.intro .brand ul li .imgbox::after{content: ''; display: block; padding-bottom: calc(567/400 * 100%);}
.intro .brand ul li:hover .imgbox{background-size: 105% auto;}

.intro .loca {position: relative;}
.intro .loca .title dt{font-family: 'Noto Sans KR', sans-serif; }
.intro .loca .mapwrap{position: relative;}
.intro .loca .mapwrap .root_daum_roughmap_landing{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.intro .loca .mapwrap .root_daum_roughmap .wrap_map{height: 100%;}
.intro .loca .mapwrap::after{content: ""; display: block; padding-bottom: calc(450/1280 * 100%);}
.intro .loca ul{display: flex;position: absolute;text-align: center;left: 50%;transform: translateX(-50%);bottom: -162px;z-index: 1;}
.intro .loca ul li{ flex: 1;text-align: center;background-color: #fff;padding: 40px; box-sizing: border-box; position: relative;} 
.intro .loca ul li::after{content: ""; display: block; width: 1px; height: 75%; background-color: #ccc; position: absolute; top: 50%;right: 0;  transform: translateY(-50%);}
.intro .loca ul li:last-of-type:after{display: none;}
.intro .loca ul li .txt{display: flex;flex-direction: column;align-items: center;justify-content: center; position: relative;}
.intro .loca ul li span{font-size: 22px; text-transform: uppercase;font-family: 'metropolis'; font-weight: 500; display: block; margin: 25px 0 20px;}
.intro .loca ul li p{font-size: 16px; word-break: keep-all;}
.intro .loca ul li:first-of-type p{line-height: calc(24/16);}

@media screen and (max-width: 1200px){
    .intro .sys .flexbox .lef{margin-right: 50px; margin-bottom: 45px;}
    .intro .sys .flexbox .rig table{font-size: 16px;}
    .intro .sys .flexbox .rig table th{padding: 25px 0;}
    .intro .sys .flexbox .rig table td{padding: 25px 0;padding-left: 20px;}
    
}

@media screen and (max-width: 1000px){
    /* .intro .loca ul li .txt img{width: 22%;} */
}

@media screen and (max-width: 900px){
    .intro .subwrap{padding: 15% 0 30%;}
    .intro .title dt{font-size: 20px; margin-bottom: 50px;}
    .intro .sys .flexbox{display: block; margin-top: 0;}
    .intro .sys .flexbox .lef{width: 100%; margin-right: 0;}
    .intro .sys .flexbox .rig table{font-size: 14px;}

    .intro .ceo{padding: 13.3333vw 0;}
    .intro .ceo .title{margin-bottom: 40px;}
    .intro .ceo .title dt{font-size: 20px;}
    .intro .ceo .title dd{font-size: 15px; line-height: normal;}
    .intro .ceo .flexbox{display: block;}
    .intro .ceo .flexbox .lef{position: static; height: auto; margin-right: 0; width: 100%; margin-bottom: 35px;}
    .intro .ceo .flexbox .rig ul li{margin-bottom: 35px;}
    .intro .ceo .flexbox .rig ul li > span{font-size: 18px;}
    .intro .ceo .flexbox .rig ul li > span::before{width: 18px; height: 18px; margin-left: -8px;}
    .intro .ceo .flexbox .rig ul li p{font-size: 14px;}

    .intro .orga, .intro .brand{padding: 13.3333vw 0;}
    .intro .brand ul li{margin-right: 12px;}

    .intro .loca ul li{padding: 25px; width: 200px;}
    .intro .loca ul li .txt img{width: 32px;}
    .intro .loca ul li span{font-size: 14px;margin: 20px 0 10px;}
    .intro .loca ul li p{font-size: 13px;}
}

@media screen and (max-width: 700px){
    .intro .subwrap{padding: 15% 0;}
    .intro .loca ul{display: block; position: static; transform: none; }
    .intro .loca ul li{width: 100%;border-bottom: 1px solid #eee; text-align: left;}
    .intro .loca ul li::after{display: none;}
    .intro .loca ul li:last-of-type{border-bottom: none;}
    .intro .loca ul li .txt{display: block;}
}


/* our mission */
.our .subvs{background-image: url('/img/sub02_bg.jpg');}
.our .subwrap{padding-top: 0;}
.center .title{background-color: #f2f2f2; padding: 150px 20px;} 
.center .title dt{margin-bottom: 0;}
.center .horiwrap01{background: url('/img/horibg01.jpg') no-repeat; height: 100vh; text-align: center; position: relative;background-position: center;background-size: cover;} 
.center .horiwrap01 .hori{display: flex; width: 100vw; height: 100%;}
.center .horiwrap01 .hori > div{flex: 0 0 auto; width: 100vw; height: 100vh; position: relative; display: flex; align-items: center; justify-content: center;}
.center .horiwrap01 .hori > div img{width: 60%;}
.center .horiwrap01 .hori > div .dot {display: flex; align-items: center; position: absolute; right: 0;}
.center .horiwrap01 .hori > div .dot li{width: 30px; height: 30px; border-radius: 50%; background-color: rgba(30, 119, 94, 0.5);}
.center .horiwrap01 .hori > div .dot li:nth-of-type(2){background-color: rgba(30, 119, 94, 0.7); width: 40px; height: 40px; margin: 0 30px;}
.center .horiwrap01 .hori > div .dot li:nth-of-type(3){background-color: rgba(30, 119, 94, 1); width: 50px; height: 50px;}

.horiwrap02 {padding: 0; height: 100vh; display: flex; justify-content: center; align-items: center;}
.horiwrap02 .title dt{text-transform: inherit;}
.horiwrap02 .hori{display: flex; width: 100vw; height: 100%;}
.horiwrap02 .hori > div{flex: 0 0 70%;  }

.archi{background-color: #c3d4cf; padding: 150px 0;}
.archi .wrap1280{position: relative;}
.archi .title dt{text-transform: inherit;}
.archi .textbox {display: flex; align-items: center; justify-content: center;}
.archi .textbox .ullist01{width: 45%;}
.archi .textbox .ullist01 ul{display: flex; flex-wrap: wrap;}
.archi .textbox .ullist01 ul li{background-color: #fff; background-color: #fff; width: 46%; text-align: center; margin-right: 20px;height: 270px;
display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 0 7px; box-sizing: border-box;}
.archi .textbox .ullist01 ul li:first-of-type{border-radius: 50px 0 0 0;}
.archi .textbox .ullist01 ul li:nth-of-type(2){border-radius: 0 50px 0 0;}
.archi .textbox .ullist01 ul li:nth-of-type(3){border-radius: 0 0 0 50px;}
.archi .textbox .ullist01 ul li:nth-of-type(4){border-radius: 0 0 50px 0;}
.archi .textbox .ullist01 ul li:nth-of-type(2n){margin-right: 0;}
.archi .textbox .ullist01 ul li:nth-of-type(-n+2){margin-bottom: 20px;}
.archi .textbox .ullist01 ul li p{font-size: 18px; line-height: calc(36/26);}
.archi .arrow{width: 90px; height: 90px; text-align: center; background-color: #fff; border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.archi .ullist02{width: 43%; margin-left: 30px;}
.archi .ullist02 li{background-color: #1e775e; width: 100%; height: 270px; box-sizing: border-box; border-radius: 50px; display: flex;flex-direction: column;justify-content: center;align-items: center;}
.archi .ullist02 li:first-of-type{margin-bottom: 20px;}
.archi .ullist02 li span{font-size: 60px; color: #fff; font-weight: 600;}
.archi .ullist02 li p{font-size: 28px; color: #fff; margin-top: 20px; text-align: center;}
.archi .oj{ position: absolute;left: -14%;bottom: -13%; z-index: 1;}

.market {padding-top: 150px;}
.market .title dt{text-transform: inherit;}
.market p{text-align: center; line-height: calc(40/26); font-size: 26px; font-weight: 500; margin-top: 90px;}

.hori01slide, .slidewrap{display: none;}

@media screen and (max-width: 1000px){
    .archi{padding: 15% 0;}
    .archi .title dt{font-size: 20px;}
    .archi .oj{display: none;}
    .archi .textbox{display: block;}
    .archi .textbox .ullist01{width: 100%;}
    .archi .arrow{margin: 30px auto;}
    .archi .arrow img{width: 20%;}
    .archi .textbox .ullist01 ul{justify-content: space-evenly;}
    .archi .textbox .ullist01 ul li{height: 170px;}
    .archi .textbox .ullist01 ul li p{font-size: 14px;}
    .archi .ullist02{width: 100%; margin-left: 0;}
    .archi .ullist02 li{height: 190px;}
    .archi .ullist02 li span{font-size: 20px;}
    .archi .ullist02 li p{font-size: 14px;margin-top: 10px;}
}

@media screen and (max-width: 900px){
    .center .title{padding: 15% 20px;}
    .center .title dt{font-size: 20px;}
    .center .title dd{font-size: 13px; word-break: keep-all;}

    .market{padding-top: 15%;}
    .market .title dt{font-size: 20px;}
    .market p{font-size: 14px; word-break: keep-all; margin-top: 60px;}

    .horiwrap01, .horiwrap02{display: none;}
    .hori01slide{display: block; padding: 15% 0; text-align: center; background-image: url('/img/horibg01.jpg'); background-repeat: no-repeat; position: relative;background-size: cover; background-position: center; overflow: hidden;}
    .hori01slide .swiper-slide img{width: 70%;}
    .hori01slide .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{transform: translateY(-20px);}
    .hori01slide .swiper-pagination-bullet{width: 10px; height: 10px; transition: 0.3s;background: #fff; opacity: 0.5;}
    .hori01slide .swiper-pagination-bullet-active{width: 20px; border-radius: 10px; background: #1e775e;opacity: 1;}

    .slidewrap {padding: 15% 0; overflow: hidden;}
    .slidewrap{display: block; position: relative; }
    .slidewrap .title dt{font-size: 20px; margin-bottom: 30px;}
    .slidewrap .swiper-pagination2{text-align: center;width: 100%; margin-top: 20px;}
    .slidewrap .swiper-pagination2 .swiper-pagination-bullet{width: 10px; height: 10px;transition: 0.3s; margin: 0 4px;}
    .slidewrap .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 20px; border-radius: 10px; background: #1e775e;opacity: 1;}
}


/* 오시는길 수정0203 */
.intro .loca ul li .txt {position: relative;}
.intro .loca ul li .txt a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* 상장 모달창 */
.modal-wrap, .modal-wrap02, .modal-wrap03{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; display: none; z-index: 9999;}
.modal-wrap .modal-bg{background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%;}
.modal-wrap .closebtn{width: 30px; height: 30px; cursor: pointer; position: absolute; right: 0; top: -30px; background-color: #000;}
.modal-wrap .closebtn span{position: absolute; width: 18px; height: 2px; top: 48%; left: 20%; background-color: #fff; transform: rotate(45deg);}
.modal-wrap .closebtn span:nth-child(2){transform: rotate(-45deg);}
.modal-wrap .modal-in{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.modal-wrap .modal-in img{width: 100%; height: 100%;}


/* brand awareness 상장 추가 */
.brand.add ul{ flex-wrap: wrap; max-width: 1000px; margin: 0 auto; }
.brand.add ul li{ flex: unset; width: 32%; margin-right: 1.5%; margin-bottom: 20px; }
.brand.add ul li:nth-of-type(3n){ margin-right: 0; }


@media screen and (max-width: 820px){
    .brand.add ul li{ margin-right: 0.9%; margin-bottom: 15px; }
}