@charset "utf-8";

:root {
  --main-color:#157d71;
}

html{scroll-behavior: auto;}
.boGalleryView .slick-dots li + li{margin-left:8px;}
.boGalleryView .slick-dots button{background:rgb(204, 204, 204);}

#sub{background: #fff;}

#sub-visual{position:relative;height:633px;z-index:35;}
#sub-visual > div{width: 100%; height: 100%; position: absolute; left: 50%; top: 0; transform: translate(-50%);}
#sub-visual .visual-img{display:block;position:absolute; left: 50%; transform: translate(-50%); width:100%; object-fit:cover; height:100%;}
#sub-visual .inner{height:100%;display:flex;align-items:center;justify-content:flex-start; padding-top: 56px;}
#sub-visual h2{color:#fff; }
#sub-visual h2 strong{display:block; font-size:80px;  font-weight:600;}
#sub-visual h2 p{font-size: 23px; font-weight: 500; line-height: 1.4; padding-top: 11px;}


#breadcrumb-wrap .breadcrumb{display: flex; align-items: center; padding-top: 25px; margin-bottom: 39px;}
#breadcrumb-wrap .breadcrumb li{padding-right: 9px; margin-right: 9px; position: relative;}
#breadcrumb-wrap .breadcrumb li a{position: relative; color: #1e2124; padding: 0 0.4rem; display: inline-flex;}
#breadcrumb-wrap .breadcrumb li a:hover{background: #eef2f7; border-radius: 5px;}
#breadcrumb-wrap .breadcrumb li.home a{display: flex; gap: 6px; align-items: center;}
#breadcrumb-wrap .breadcrumb li.home a::before{content: ''; width: 12px; height: 12px; background: url(/page/idq2025/images/sub/home.png)no-repeat; display: block;}
#breadcrumb-wrap .breadcrumb li a{text-decoration: underline; text-underline-position: under;}
#breadcrumb-wrap .breadcrumb li::before{content: ''; width: 6px; height: 10px; background: url(/page/idq2025/images/sub/ico-left-arrow.png)no-repeat;
position: absolute; right: -3px; top: 8px;}
#breadcrumb-wrap .breadcrumb li:last-child::before{display: none;}

#content-title h3{font-size: 35px; font-weight: 600; color: #1e2124; padding-bottom: 9px; text-align: center; border-bottom: 1px solid #e0e0e0;}

.tab-wrapper{display: flex; align-items: center;  margin-top: 41px;  position: relative; width: 100%; overflow: hidden;}
.tab-container{width: 100%;}
.tab-list{display: flex; white-space: nowrap;  transition: scroll 0.3s ease;}
.tab-item{position: relative; flex: 1; display: flex; align-items: center; justify-content: center;  font-size: 19px; height: 54px; font-weight: 500; color: #131416;  border-width: 1px 1px 0 1px;}
.tab-list a{border-bottom: 2px solid #cdd1d5;}
.tab-list a.active{color: #ff7417; border-bottom: 3px solid #ff7417; font-weight: 700;}


.sub-icon-bx{background: #edeff0; border-radius: 22px; overflow: hidden; display: flex; gap: 42px; padding: 26px 52px; align-items: center;}
.sub-icon-bx img{display: block; margin: -60px 0;}
.sub-icon-bx > div p{font-size: 18px; color: #1e2124;}
.sub-icon-bx > div strong{font-size: 18px; font-weight: 700;}


#sub .titLv{color: #1c1c1c; font-weight: 700; padding-top:5px; word-break:keep-all; font-size: 6rem; margin-bottom: 1.5rem; display: inline-flex; position: relative;}
#sub .titLv.v1{color: #fff;}
#sub .titLv:before{content:''; display:block; width:14px; height: 14px; background: #d42121; border-radius: 50%; position: absolute; right: -28px; bottom: -1px;}
#sub .titLv:not(:first-child){margin-top: 3rem;}

#sub .listLv{font-weight:400; margin-left:0px !important; color: #000; font-size: 1.7rem; position: relative; font-weight: 500;}
#sub p.listLv, #sub div.listLv, #sub span.listLv, #sub .listLv > li, #sub .listLv > dt, #sub .listLv > dd{padding-left: 42px; padding-top:0; margin-bottom: 3px;}
#sub p.listLv:before, #sub div.listLv:before, #sub span.listLv:before, #sub .listLv > li:before, #sub .listLv > dt:before{border-width:0;transform:none;top: 6px;left: 24px;width:11px;height:17px;background: url(/page/idq2025/images/sub/blit2.png) no-repeat center center /cover;}
#sub p.listLv2, #sub div.listLv2, #sub span.listLv2, #sub .listLv2 > li, #sub .listLv2 > dt, #sub .listLv2 > dd{font-weight: 500; padding-left: 16px; margin-bottom:5px; font-size: 1.7rem; color: #000;}
#sub p.listLv2:before, #sub div.listLv2:before, #sub span.listLv2:before, #sub .listLv2 > li:before, #sub .listLv2 > dt:before{top: 12px; width: 8px; height: 2px; background: #000;}
#sub p.listLv3, #sub div.listLv3, #sub span.listLv3, #sub .listLv3 > li, #sub .listLv3 > dt{margin-bottom:5px;padding-left:34px;font-size: 1.7rem;color: #000;}
#sub p.listLv3:before, #sub div.listLv3:before, #sub span.listLv3:before, #sub .listLv3 > li:before, #sub .listLv3 > dt:before{top:11px;left: 24px;background: #000;width: 4px;height: 4px; border-radius: 50%;}
#sub .listLv > li > .listLv2, #sub .listLv2 > li > .listLv3, #sub .listLv3 > li > .listLv4{margin-top:3px;}
#sub .imptBox{border:0px;background:#f5f8fa;border-radius:15px; font-size: 1.8rem;}
#sub .imptBox span{color: #ff282a;}
#sub .contsBtn{border: 1px solid #000;color: #000;font-weight:400;position:relative;z-index:1;}
#sub .skinBtnBo:before, #sub .contsBtn:before{display:none;}
#sub .skinBtnBo{color:#222;font-weight:400;position:relative;border:1px solid #222;background: #33363d; border-radius: 5px; color: #fff;}

#sub .contsBtn:hover, #sub .skinBtnBo:hover{background: #33363d;color: #fff;}
#sub .contsBtn:hover:after, #sub .skinBtnBo:hover:after{content:'';position:absolute;z-index:-1;top:2px;bottom:2px;left:2px;right:2px;/* background:#fff; */display:block;border-radius:3px;}

#sub input.skinBtnBo:hover{border-color:#303030;color: #fff;}
#sub .contsBtn > a:after{filter:brightness(0) grayscale(0);}
#sub .contsBtn:hover > a:after{filter:brightness(200) grayscale(1);}

#sub .boSrchArea input[type="submit"], #sub .skinBtnBo.ctrlFile-btnFile{color:rgb(255, 255, 255);}
#sub .skinTb:before{border-top: 2px solid #0c0c0d; top: 0;}
#sub .skinTb{font-size: 1.8rem;margin-top: 1rem;margin-bottom:1.5rem;margin-left: 0px;}
#sub .skinTb-th, #sub .skinTb > tr > th, #sub .skinTb > thead > tr > th, #sub .skinTb > tbody > tr > th, #sub .skinTb > tfoot > tr > th{font-weight:700;background-color: #f7f7f7;color: #1b1b1b;border-color: #cacaca;border-width: 0px 1px 1px 1px;}
#sub .skinTb > thead > tr > th{border-bottom-color: #cacaca;}
#sub .boSrchArea .boMeta, #sub .skinTb > tr > td, #sub .skinTb > thead > tr > td, #sub .skinTb > tbody > tr > td, #sub .skinTb > tfoot > tr > td{font-weight:500; border-width: 0 1px 1px 1px; border-color: #cacaca; color: #1b1b1b;}
#sub .skinIptTxt{border-radius: 4px; font-size: 17px; color: #131416; font-weight: 400;}
#sub .skinIptTxt::placeholder{color: #6c6c6c;}
#sub .emailAddr .skinIptTxt{width: 20%; font-weight: 400;}
#sub .emailAddr .skinSelectBox,
#sub .city .skinSelectBox{margin-left: 12px; border-radius: 4px; width: 20%; color: #131416; font-weight: 400; font-size: 17px;}
#sub .city .skinSelectBox{margin-left: 0;}
#sub .titLv span{font-size: 15px; color: #ee2346; text-align: right; flex: 1; font-weight: 400;}
.skinTb td > img{display: block; margin: 0 auto;}
#sub .caution{position: relative; display: flex; font-weight: 500; font-size: 1.7rem;  color: #cb0010; word-break: keep-all; margin: 5px 0px;}
#sub .caution.v2{color: #2f5ab3;}
.icoComment{display: none;}
#sub .skinTb-sbj{font-weight:500 !important;}

#sub .skinTb tbody th{border-right-width:1px !important;}
#sub .skinTb-th{padding: 1rem 3rem; font-size: 17px; border-left: 1px solid #dadce0; border-right: 1px solid #dadce0;}
#sub .skinTb-th h3{font-size: 20px; font-weight: 700;}
#sub .skinTb-th strong,
#sub .skinTb-td strong{font-weight: 700;}
#sub .skinTb-td{font-weight: 400; font-size: 17px; color: #131416; min-height: 40px;}
#sub .skinTb-td .check{display: inline-block; padding-left: 8px;}
#sub .skinTb-td .check label{vertical-align: 1px;}
#sub .skinTb-td .people{padding-right: 17px; text-align: right;}
#sub .skinTb-td .people::placeholder{text-align: right; color: #8a949e;}
#sub .skinTb-td .request{border-radius: 4px; border-color: #c2c2c2; color: #131416; font-family:'Pretendard'; font-size: 17px;}
#sub .skinTb-td .request::placeholder{color: #8a949e; font-size: 17px;}
#sub .skinTb-td .hour{display: flex; flex-wrap: wrap; gap: 5px;}
#sub .skinTb-td .hour span{display: flex;  align-items: center; justify-content: center; border-radius: 4px; color: #131416; width: 116px; height: 40px; border: 1px solid #c2c2c2;}
#sub .skinTb > tbody > tr > td .file{display: flex; align-items: center; justify-content: center;}
#sub .skinTb > tbody > tr > td .file span{display: flex; background: url(/page/idq2025/images/sub/listico-file.png)no-repeat; width: 20px; height: 20px; font-size: 0;}
#sub .skinTb-th em{color: #ee2346; padding-left: 5px;}
#sub .skinTb-th[data-hidden="mob"]{border-right: 0 !important;}
#sub .skinTb .skinTb-conts img{max-width: 100%;}
#sub .skinTb-td table > tbody > tr > td{border-style: solid !important; border-width: 1px !important;}
#sub .skinTb-td ol,
#sub .skinTb-td ul{list-style-position: inside;}

#sub .skinTb-wrapper,
#sub .titLv3 + .titLv3{margin-top:0; margin-bottom: 2.5rem;}
#sub .titLv3 + .titLv2,
#sub .titLv2 + .titLv2,
#sub .skinTb-wrapper + .titLv2,
#sub .skinTb-wrapper + .titLv3,
#sub .titLv2 + .imptBox,
#sub .titLv2 + .skinTb-wrapper{margin-top: 2rem;}
#sub .titLv + .titLv2,
#sub .listLv + .titLv2,
#sub .listLv2 + .titLv2,
#sub .listLv3 + .titLv2,
#sub .skinTb-wrapper + .titLv,
#sub .listLv4 + .titLv2{margin-top: 2.3rem;}
#sub .skinTb .listLv2, #sub .skinTb .listLv3, #sub .skinTb .listLv4 {margin:10px 0 10px 10px;}
#sub .ui-datepicker-trigger{margin-top: 5px;}

.listLv a{text-decoration: none;}
.listLv a:hover{text-decoration: underline; text-underline-position: under;}
.listLv .icon-btn:hover{color: #fff;}

#sub .boMultiSrch-group{justify-content:flex-end;}
#sub .boMeta-pt:before{display: none;}
#sub .boMeta-pt{color:#2c2c2c;}

 #sub .caution01{display: flex; font-weight: 400; font-size: 1.6rem; color: #e12828;  word-break: keep-all; margin: 5px 0;} 

.icon-btn{display:inline-flex;align-items:center;height: 46px; margin-right: 5px; border:1px solid #ccc;border-radius:10px;color:#444;transition:all .1s;padding-right:15px;background: #fff;}
.icon-btn:hover{text-decoration:none !important;color:#fff;background: #0c0c0d; border-color: #0c0c0d;}
.icon-btn span{padding:0 20px;border-right:1px solid #cbcbcb;margin-right:10px;}
.icon-btn img{width:24px;}
.icon-btn:hover img{filter:invert(1) brightness(200);}

.board-btn{display:inline-flex;align-items:center;height:46px;border:1px solid #ccc;border-radius:10px;color:#444;padding:0 15px;font-size:15px;}
.board-btn + .board-btn{margin-left:5px;}
.board-btn:hover{text-decoration:none !important;color:#fff;background:#435053;border-color:#435053;}
.board-btn.v2:hover{background:#fe6c0b;border-color:#fe6c0b;}

.sub-btn{display: flex; gap: 20px; justify-content: center;}
.sub-btn a{display: flex; padding: 0 15px; border: 1px solid #0c0c0d; font-size: 18px; justify-content: center; align-items: center; color: #131416; height: 46px; border-radius: 6px; background: #f1f1f1;}
.sub-btn a:hover{text-decoration: none !important;}
.sub-btn a.v2{background: #0c0c0d; border-color: #0c0c0d; color: #fff;}
.boSrchArea input[type="submit"]{margin-left: 5px;}
.skinTb .skinTb-conts{border: 1px solid #d8d8d8; border-width: 0 1px 1px;}

.skinSelectBox{font-size: 17px; border-radius: 4px; color: #6c6c6c;}
#sub textarea::placeholder{font-weight: 400; font-size: 1.7rem;}



@media (max-width:1440px){
  html{font-size: 9px;}


  #sub-visual{height: 389px;}
  #sub-visual .visual-img{left: auto; right: 0; transform: none; height: 389px;}

  #sub .skinTb-th, #sub .skinTb > tr > th, #sub .skinTb > thead > tr > th, #sub .skinTb > tbody > tr > th, #sub .skinTb > tfoot > tr > th{font-weight:500;}
  #sub .skinTb a{font-size:15px !important;display:inline-block;}
  #text{font-size:13px !important}
  #sub .titLv2 + .pgraph,
  #sub .titLv2 + .listLv,
  #sub .titLv3 + .pgraph,
  #sub .titLv3 + .listLv{padding-left:0px;}
  #sub .skinTb-th{padding: 1rem;}

  .tab-item{font-size: 16px; height: 45px;}

  .sub-icon-bx img{width: 180px;}
  .sub-icon-bx p{font-size: 15px;}

  .icon-btn{height: 40px;border-radius:5px;padding-right:10px;font-size: 13px;}
  .icon-btn span{padding:0 10px;margin-right:5px;}
  .icon-btn img{width:20px;}

    .board-btn{height:40px;border-radius:5px;padding:0 13px;font-size:13px;}


  .listLv + .icon-btn{margin:15px 0 0 15px;}
  .titLv2 + .icon-btn,
  .titLv3 + .icon-btn{margin:5px 0 0 15px;}

  .board-btn{height:40px;border-radius:5px;padding:0 13px;font-size:14px;}
  }

  @media (max-width:991px) {
    #sub-visual{height: 300px;}

    #sub-visual .visual-img{height: 300px;}
    #sub-visual h2 strong{font-size: 40px;}
    #sub-visual h2 p{font-size: 20px;}

    #breadcrumb-wrap .breadcrumb{padding-top: 20px; margin-bottom: 20px;}

    #content-title h3{font-size: 35px;}

    .sub-icon-bx{padding: 26px 32px;}

    .tab-item{font-size: 18px; height: 50px;}

    .sub-btn a{font-size: 16px; height: 40px; line-height: 40px;}
    .skinSelectBox,
    #sub .skinIptTxt{font-size: 15px; }

  }

@media (max-width:716px) {

  html{font-size: 8.2px;}
   #sub-visual .visual-img{height: 200px;}
  #sub .inner{padding: 0 16px;}
  .sub-icon-bx > div p,
  .sub-icon-bx > div strong{font-size: 14px;}
  #sub .skinBtnBo{height: 4rem; font-size: 14px !important;}

  #sub-visual h2{padding-top: 40px;}

  .skinSelectBox,
  #sub .skinIptTxt{height: 4rem; font-size: 14px !important;}

  #sub .skinTb-th h3{font-size: 16px;}

  #sub .room .skinTb{padding-bottom: 40px;}
  #sub .city .skinSelectBox{width: auto;}
  #sub .skinTb-th{font-size: 15px;}
  #sub .skinTb-td{font-size: 15px; }
  #sub .skinTb-td .check label{vertical-align: 2px;}
  #sub .titLv span{font-size: 14px;}
  #sub .emailAddr .skinSelectBox{font-size: 14px; margin-left: 5px;}
  #sub .emailAddr .skinIptTxt,
  #sub .emailAddr .skinSelectBox{width: 28%;}
  #sub .emailAddr .skinSelectBox{width: 32%;}
  #sub .skinIptTxt{font-size: 13px;}
  #sub .skinTb-td .hour span{width: 99px; height: 35px; font-size: 15px;}

  .contsArea{padding: 40px 0 !important;}
  #sub p.listLv3, #sub div.listLv3, #sub span.listLv3, #sub .listLv3 > li, #sub .listLv3 > dt{padding-left:33px;}

  #sub p.listLv3:before, #sub div.listLv3:before, #sub span.listLv3:before, #sub .listLv3 > li:before, #sub .listLv3 > dt:before{top: 9px; left: 23px;}
  #sub p.listLv, #sub div.listLv, #sub span.listLv, #sub .listLv > li, #sub .listLv > dt, #sub .listLv > dd{padding-left: 20px;}
  #sub p.listLv:before, #sub div.listLv:before, #sub span.listLv:before, #sub .listLv > li:before, #sub .listLv > dt:before{left: 2px; top: 4px;}
  #sub p.listLv2:before, #sub div.listLv2:before, #sub span.listLv2:before, #sub .listLv2 > li:before, #sub .listLv2 > dt:before{top: 10px;}
  #sub .listLv2, #sub .listLv3, #sub .listLv4{margin-left: -10px;}


  #sub-visual{height: 200px;}
  #sub-visual h2 strong{font-size: 25px;}
  #sub-visual h2 p{font-size: 14px;}
  #sub-visual h2 p br{display: none;}
  #sub-visual.v2 .visual-img{left: calc(50% - 60px);}
  #sub-visual.v3 .visual-img{left: calc(50% - 120px);}
  #sub-visual.v4 .visual-img{width: 429px;  left: calc(50% - 60px);}
  #sub-visual.v5 .visual-img{width: 429px;  left: calc(50% + 60px);}

  #breadcrumb-wrap .breadcrumb{padding-top: 10px; margin-bottom: 10px;}
  #breadcrumb-wrap .breadcrumb li a{font-size: 14px;}

  #content-title h3{font-size: 25px;}

  .tab-wrapper{width: auto; margin-right: -20px; margin-top: 25px;}
  .tab-container{width: 100%;}
  .tab-list{padding: 0; overflow-x: auto; width: 100%; padding-bottom: 10px;  border-bottom: 0;}
  .tab-item{font-size: 14px; width: 200px; height: 35px; flex: none;}

  .sub-icon-bx img{width: 100px;}
  .sub-icon-bx p br{display: none;}

  .sub-icon-bx{padding: 15px; gap: 20px;}

  .sub-btn{gap: 10px;}
  .sub-btn a{height: 35px; line-height: 35px; font-size: 14px; padding: 0 10px;}

  .btnBoPrev, .btnBoNext{display: flex; align-items: flex-start; flex-direction: column;}
  .skinTb-data-resList.skinTb-data-group >tbody >tr >td{border-width: 0 1px 1px;}
  
}

/* pager */
#sub .pager{display: flex; justify-content: center; align-items: center; width: 100%;}
#sub .pager-link {display: inline-block;min-width: 35px;height: 35px;padding: 0 2px;background-color:#fff;border-color: #d2d2d2;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;line-height: 33px;vertical-align: middle;font-size:14px;color: #222 !important;border: 0;border-radius: 50%;border: 1px solid transparent;}
#sub .pager-link.active {background: #0c0c0d;color: #fff !important;}
#sub .pager-link-data-next,
#sub .pager-link-data-last,
#sub .pager-link-data-prev,
#sub .pager-link-data-first {font-size: 0;background: #fff !important;/* border: 1px solid #b6b6b6; */margin: 0 1px;}
#sub .pager-link-data-next {background:url(/page/idq2025/images/common/ico-paging-narr.png) no-repeat center center /7px 12px !important;margin-left: 7px;}
#sub .pager-link-data-last {background:url(/page/idq2025/images/common/ico-paging-narr2.png) no-repeat center center /13px 12px !important;}
#sub .pager-link-data-prev {background:url(/page/idq2025/images/common/ico-paging-parr.png) no-repeat center center /7px 12px !important;margin-right: 7px;}
#sub .pager-link-data-first {background:url(/page/idq2025/images/common/ico-paging-parr2.png) no-repeat center center /13px 12px !important;}

#sub .contsArea .pager a{text-decoration:none;}

@media (max-width:1440px){
  #sub .pager ,
  #sub .pager01{margin:14px auto 0;padding: 10px 0px 5px;text-align: center;}
  #sub .pager-link {min-width: 26px;height: 26px;line-height: 26px;font-size:13px;}
  #sub .pager-link-data-next,
  #sub .pager-link-data-last,
  #sub .pager-link-data-prev,
  #sub .pager-link-data-first {font-size: 0;background: #fff !important;/* border: 1px solid #b6b6b6; */margin: 0px;}
  #sub .pager-link-data-next {background:url(/page/idq2025/images/common/ico-paging-narr.png) no-repeat center center /6px 10px !important;margin-left: 5px;}
  #sub .pager-link-data-last {background:url(/page/idq2025/images/common/ico-paging-narr2.png) no-repeat center center /11px 10px !important;}
  #sub .pager-link-data-prev {background:url(/page/idq2025/images/common/ico-paging-parr.png) no-repeat center center /6px 10px !important;margin-right: 5px;}
  #sub .pager-link-data-first {background:url(/page/idq2025/images/common/ico-paging-parr2.png) no-repeat center center /11px 10px !important;}
}



@media screen and (max-width: 720px){
	#sub .pager-link-data-ellipsis {min-width: 6px;border-width: 0;-webkit-background-size: 4px;background-size: 4px;font-size: 0;}
	#sub .pager,
  #sub .pager01{margin-top:5px;}
}

@media screen and (max-width: 420px){
	#sub .pager-link:nth-child(n+3).pager-link:nth-last-child(n+3) {display: none;}
	#sub .pager-num {display: inline-block;padding:0 3px;vertical-align:-1px;font-size:14px;font-weight:500;color:#222;}
}


.img-modal-bx{display:flex;align-items:center;justify-content:space-between;}
.img-modal-bx .img-zoom-modal + .img-zoom-modal{margin-left:15px;}
.img-zoom-modal{position:relative;display:block;margin:25px 0px;flex:1 1 0%;}
.img-zoom-modal:after {content:"확대축소";transition:all 0.2s ease 0s;width:40px;height:40px;background:url("/page/common/images/zoom_w.png") center center / 25px 25px no-repeat rgba(0, 0, 0, 0.7);border-radius:50%;position:absolute;bottom:10px;right:10px;display:block;font-size:0px;}
.img-zoom-modal:before {content:"확대축소";transition:all 0.2s ease 0s;width:50px;height:50px;opacity:0;background:url("/page/common/images/zoom_w.png") center center / 30px 30px no-repeat rgba(0, 0, 0, 0.7);border-radius:50%;position:absolute;left:50%;top:50%;display:block;font-size:0px;margin:-25px 0px 0px -25px;}
.img-zoom-modal:hover:after{opacity:0;}
.img-zoom-modal:hover:before{opacity:0.6;}
.img-zoom-modal img{display:block;margin:0px auto;max-width:100%;}
#img-modal{width:auto;padding:60px 0px;background:rgb(25, 25, 25);position:fixed;z-index:5000;inset:0px;animation:0.35s ease 0s 1 normal both running img-modal;}
#img-modal .thumb{width:auto;margin:0px auto;display:flex;align-items:center;justify-content:center;height:calc(100vh - 120px);overflow:hidden;background:rgb(239, 239, 239);}
#img-modal .thumb img{display:block;}
#img-modal .contsBtn{display:block;margin:30px auto 0px;max-width:125px;background:rgb(255, 255, 255);border-radius:0px;}
#img-modal .close{display:block;position:absolute;right:15px;top:13px;width:24px;height:24px;filter:invert(1);font-size:30px;line-height:1;}
#img-modal .close:hover{transform:scale(1.1);}
#img-modal .title-bx{color:rgb(241, 241, 241);position:absolute;bottom:0px;left:0px;width:100%;background:rgb(17, 17, 17);height:60px;padding:0px 310px 0px 0px;z-index:10;}
#img-modal .title-bx h1{padding-left:20px;height:60px;line-height:58px;font-weight:300;font-size:17px;border-left: 5px solid #0059e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#img-modal .title-bx .btn-bx{position:absolute;right:10px;top:12px;height:36px;}
#img-modal .title-bx .btn-bx a{display:inline-block;vertical-align:top;border:1px solid rgb(170, 170, 170);height:36px;line-height:34px;color:rgb(170, 170, 170);font-size:14px;font-weight:300;min-width:100px;text-align:center;}
#img-modal .title-bx .btn-bx i{margin-right:3px;}
#img-modal .title-bx .btn-bx a + a{margin-left:3px;}
.boSrch{flex-wrap:wrap;justify-content:flex-start;}
.yrSrch-btnBo,
.boSrchPeriod-btnBo{width:100%;margin-left:0;height:36px;background:#333;font-size:14px;line-height:32px;display:block;}
.boSrch .boSrchPeriod-btnBo{margin-top:10px;}
.spSrch .boSrchPeriod-group:nth-child(2) .boSrchPeriod-btnBo{margin-top:10px;}
.spSrch .boSrchPeriod-group{width:100% !important;}
.spSrch .boSrchPeriod-group + .boSrchPeriod-group{margin-top:10px;}
.boSrchArea fieldset{width:100%; display: block;}
.boSrchArea .txSrch{display: flex; justify-content: flex-end;}

@media (max-width:1440px){
  .img-modal-bx .img-zoom-modal + .img-zoom-modal{margin-left:10px;}
  #img-modal{padding:50px 0px;}
  #img-modal .thumb{height:calc(100vh - 100px);}
  #img-modal .title-bx{height:50px;padding:0px 115px 0px 0px;}
  #img-modal .title-bx h1{padding-left:15px;height:50px;line-height:48px;font-size:15px;border-left-width: 3px;}
  #img-modal .title-bx .btn-bx{top:9px;height:32px;}
  #img-modal .title-bx .btn-bx a{height:32px;line-height:30px;min-width:32px;font-size:0px;}
  #img-modal .title-bx .btn-bx i{margin-right:0px;font-size:16px;vertical-align:middle;}
  #img-modal .title-bx .btn-bx a + a{margin-left:3px;}
  #img-modal .close{right:10px;top:11px;font-size:28px;}
  .img-zoom-modal:before{display:none !important;}
  .img-zoom-modal:after{transform:scale(0.85);transform-origin:100% 100%;opacity:1 !important;}
}
@media (max-width:716px) {
  .img-modal-bx{overflow-x:auto;padding:0px 0px 0px 15px;margin:0px -15px;}
  .img-modal-bx .img-zoom-modal{min-width:340px;margin:10px 7px 10px 0px !important;}
  .img-zoom-modal {margin:20px -15px;}
  #img-modal .title-bx{height:50px;padding:0px 90px 0px 0px;}
  #img-modal .title-bx h1{font-size:14px;}
  #img-modal .title-bx .btn-bx{right:10px;}
  #img-modal .title-bx .btn-bx i{font-size:15px;}
  #img-modal .title-bx .btn-bx a + a{margin-left:1px;}
  #img-modal .close{right:6px;}
  .img-zoom-modal:after {transform:scale(0.7);right:5px;bottom:5px;}
  .boSrchPeriod-btnBo{margin-top:0 !important;}
  .bjSrch label{font-size:14px;}
  .yrSrch-btnBo,
  .boSrch .boSrchPeriod-btnBo{margin-top: 0 !important;}
  .yrSrch + div .boSrchPeriod-iptTxt{width:auto !important;flex:1;}
  .yrSrch + div .boSrchPeriod-group{width:100% !important;display:flex;align-items:center;margin-top: 5px;}
  .yrSrch + div .boSrchPeriod-group + .boSrchPeriod-group{margin-top:-5px;}
  .boSrchPeriod-label{font-size:14px;min-width: 60px;margin-top: 7px;}
  .yrSrch label{font-size:14px;}
  .bjSrch .yrSrch-iptTxt{margin-bottom:5px;}
  .boSrchPeriod-group{display:flex;flex-wrap:wrap;}
  .boSrchArea .txSrch{flex-direction: column;}
  .boSrchArea select{min-height: 34px; line-height: 34px;}
  .boSrchArea .skinIptTxt{min-height: 34px; height: 3.4rem !important; line-height: 34px;}
  #sub .skinTb > tbody > tr > td.skinTb-name{border-right: none;}
}
@keyframes img-modal{
  0%{opacity:0;transform:translateY(50%);}
  100%{opacity:1;transform:translateY(0%);}
}

.ui-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:2000;display:flex;justify-content:center;align-items:center;}
.ui-modal .bx{background:#fff;border-radius:10px;padding:20px 20px 20px;box-shadow:3px 3px 10px 0px rgba(0,0,0,.3);max-width:300px;width:90%;display:flex;align-items:center;min-height:130px;position:relative;}
.ui-modal h2{font-weight:500;font-size:18px;line-height:1.4;margin-bottom:13px;text-align:center;word-break:keep-all;}
.ui-modal h2 + span{margin:-10px 0 12px;font-size:13px;display:block;text-align:center;color:#aaa;font-weight:300;word-break:keep-all;}
.ui-modal select{height:32px;line-height:32px;border:1px solid #bbb;padding-left:10px;flex:3;}
.ui-modal input[type="password"],
.ui-modal input[type="text"]{height:32px;line-height:32px;border:1px solid #bbb;padding-left:15px;flex:3;}
.ui-modal .ui-flex + .ui-flex{margin-top:15px;}
.ui-modal .ui-flex{display:flex;width:100%;flex-wrap:wrap;}
.ui-modal form{width:100%;}
.ui-modal input[type="submit"]{flex:1;height:32px;line-height:32px;text-align:center;background:#111;font-size:14px;color:#fff;}
.ui-modal .ui-flex a{flex:1;height:32px;line-height:32px;text-align:center;background:#111;font-size:14px;color:#fff;}
.ui-modal .ui-flex a + input[type="submit"]{margin-left:5px;}
.ui-modal input[type="password"] + input[type="submit"],
.ui-modal input[type="text"] + input[type="submit"],
.ui-modal select + input[type="submit"]{margin-left:5px}
.ui-modal select ~ input[type="password"],
.ui-modal select ~ input[type="text"]{margin-left:5px;flex-basis:60%;flex-grow:0;width:100%}
.ui-modal .ui-flex > div{padding:3px 0;flex:1;flex-basis:50%;white-space:nowrap;height:30px;line-height:27px;}
.ui-modal .ui-flex > div label{font-size:14px;font-weight:400;overflow:hidden;max-width:calc(100% - 30px);text-overflow:ellipsis;white-space:nowrap;}
.ui-modal .ui-flex > div label + input[type="radio"]{margin-left:10px;}
.ui-modal .ui-flex > div input[type="radio"],
.ui-modal .ui-flex > div input[type="checkbox"]{margin: 9px 3px 0 0;vertical-align:top;}

@media (max-width:1640px){
  .ui-modal .bx{padding:15px 15px 15px;max-width:280px;min-height:120px;}
  .ui-modal h2{font-size:16px;margin-bottom:11px;}
  .ui-modal h2 + span{margin:-8px 0 10px;font-size:12px;}
  .ui-modal select{height:30px;line-height:30px;padding-left:5px;}
  .ui-modal input[type="password"],
  .ui-modal input[type="text"]{height:30px;line-height:30px;padding-left:10px;}
  .ui-modal .ui-flex + .ui-flex{margin-top:5px;}
  .ui-modal input[type="submit"]{height:30px;line-height:30px;font-size:12px;}
  .ui-modal input[type="password"] + input[type="submit"],
  .ui-modal input[type="text"] + input[type="submit"],
  .ui-modal select + input[type="submit"]{margin-left:5px}
  .ui-modal select ~ input[type="password"],
  .ui-modal select ~ input[type="text"]{margin-left:5px;}
  .ui-modal .ui-flex > div{padding:3px 0;flex:1;flex-basis:50%;white-space:nowrap;height:30px;line-height:27px;}
  .ui-modal .ui-flex > div label{font-size:13px;}
  .ui-modal .ui-flex > div label + input[type="radio"]{margin-left:10px;}
  .ui-modal .ui-flex > div input[type="radio"],
  .ui-modal .ui-flex > div input[type="checkbox"]{margin:8px 1px 0 0;}
  .ui-modal .close{transform:scale(.8);top:-35px;transform-origin:100% 50%;padding-bottom:1px;}
}


.contsArea{position:relative;padding: 80px 0px 80px 0px;z-index:initial;flex:1;color: #000;}

#sub textarea{width:100%;}
#sub textarea + .skinBtnBo{width:100%;margin-top:5px;}

@media screen and (max-width: 991px){
.contsArea{padding: 80px 0px;}
}
@media screen and (max-width: 716px){
	.skinTb-data-resList >tbody,
	.skinTb-data-resList >tbody >tr,
	.skinTb-data-resList >tbody >tr >td,
	.skinTb-data-resList >.skinTb-tr,
	.skinTb-data-resList >.skinTb-tr >.skinTb-th,
	.skinTb-data-resList >.skinTb-tr >.skinTb-td {align-items:stretch;}
}

@keyframes up{ 
  0%{transform:translateX(20%);opacity:0;}
  100%{transform:translateX(0%);opacity:1;} 
}

/* 공공누리 */
.fmSatis-contact{background: #e6e8ea; border: none; justify-content: center;}
.fmSatis-contact > div span{color: #000; font-weight: 300; padding-left: 25px;}
.fmSatis-contact img[src*=kogl]{margin: 0;}

@media (max-width:716px) {
  .fmSatis-contact > div span{font-size: 14px; padding-left: 15px;}
}

/* 이메일무단수집거부 */
.pgraph{padding-top: 0; font-size: 18px;}

/* 공지사항 */
#sub .skinTb > tbody > tr > td .file span{display: flex; background: url(/page/idq2025/images/sub/listico-file.png)no-repeat; width: 20px; height: 20px; font-size: 0;}
#sub .skinTb > tbody > tr > td  a.bulletin{overflow: hidden;  display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; text-overflow: ellipsis; max-width: 900px; margin: 0 auto;}

/*컴퍼니*/
.company{position:relative;}
.company h4{line-height:1.2;color:#313131;font-size:60px;position:relative;padding-left:112px;font-weight:700;margin-bottom:40px;}
.company h4:after{content:'';display:block;background:url(/page/idq2025/images/sub/bg_sol.png) no-repeat center center;background-size:cover;width:87px;height:42px;position:absolute;left:0;top:13px;image-rendering:-webkit-optimize-contrast;}
.company h6{font-size:24px;font-weight:700;color:#ac1617;line-height:1.2;}

.company .section01{position:relative;}
.company .section01 .bx01{position:relative;}
.company .section01 .bx01:before{content:'';background:#f7f7f7 url(/page/idq2025/images/sub/bg_company01.jpg) no-repeat center top;background-size:cover;z-index:-1;position:absolute;width:1920px;left:50%;margin-left:-960px;bottom:0;top:0;background-attachment:fixed;}
.company .section01 .bx01 .slogan{text-align:center;display:block;font-weight:800;color:#323232;line-height:1.3;font-size:48px;}
.company .section01 .bx01 .slogan span{display:block;font-size:20px;font-weight:500;margin-top:7px;}
.company .section01 .bx01 .slogan span em{font-size:28px;}
.company .section01 .bx01 .slogan br{display:none;}
.company .section01 .bx01 ul{display:flex;margin-top:60px;}
.company .section01 .bx01 ul li + li{margin-left:90px;}
.company .section01 .bx01 ul li{flex:1;position:relative;}
.company .section01 .bx01 ul li:after{content:'';display:block;background:url(/page/idq2025/images/common/icon02.png) no-repeat center center;background-size:cover;width:33px;height:12px;position:absolute;right:-60px;top:150px;}
.company .section01 .bx01 ul li:last-child:after{display:none;}
.company .section01 .bx01 ul li div{width:300px;height:300px;margin:0 auto 33px;border-radius:50%;font-weight:500;display:flex;align-items:center;justify-content:center;background:#f1f2f6;color:#313131;font-size:22px;text-align:center;}
.company .section01 .bx01 p{color:#313131;word-break:keep-all;font-weight:400;}

.company .section01 h5{position:relative;line-height:1.1;z-index:1;padding-bottom:0px;}
.company .section01 h5 span,
.company .section02 h5 span,
.company .section03 h5 span,
.company .section04 h5 span,
.company .section05 h5 span{display:block;color:#1c1c1c;font-weight:700;font-size:60px;line-height:1.1;}
.company .section03 h5 span,
.company .section04 h5 span,
.company .section05 h5 span{margin-bottom: 40px;}
.company .section02 h5 span{color: #fff;}
.company .pt-section h5 span{color: #000;}
.company .section01 h5 span:after,
.company .section02 h5 span::after,
.company .section03 h5 span::after,
.company .section04 h5 span::after,
.company .section05 h5 span::after{background:#d62e2f;border-radius:50%;width:11px;height:11px;content:'';display:inline-block;vertical-align:middle;margin:24px 0 0 9px;}
.company .section01 h5 em{display:block;z-index:-1;position:absolute;left:35px;bottom:0;color:#efefef;font-size:110px;font-weight:700;letter-spacing:-3px;}
.company .section01 h5 em:after{background:#efefef;border-radius:50%;width:11px;height:11px;content:'';display:inline-block;vertical-align:middle;margin:47px 0 0 9px;}
.company .section02 .history-text h5 span::after{display: none;}

.company .section01 .bx02{padding:77px 0 80px;}
.company .section01 .bx02 ul{margin-top:75px;}
.company .section01 .bx02 li{display:flex;}
.company .section01 .bx02 li + li{margin-top:70px;}
.company .section01 .bx02 li h6{flex-basis:170px;}
.company .section01 .bx02 li > div{flex:1;}

.company .section01 .bx02 .ty01{display:flex;}
.company .section01 .bx02 .ty01 div{flex:1;position:relative;}
.company .section01 .bx02 .ty01 div + div{margin-left:-40px;}
.company .section01 .bx02 .ty01 strong{display:flex;height:120px;border:1px dashed #d62e2f;margin-bottom:23px;align-items:center;justify-content:center;color:#313131;font-size:18px;flex-direction:column;font-weight:400;line-height:1.2;background:#fff;border-radius:60px;}
.company .section01 .bx02 .ty01 strong span{font-size:22px;font-weight:700;margin-top:5px;}
.company .section01 .bx02 .ty01 div:nth-child(2){z-index:2;}
.company .section01 .bx02 .ty01 div:nth-child(2) strong{border-color:#626262;}
.company .section01 .bx02 .ty01 div:nth-child(3) strong{border-color:#0068b7;}
.company .section01 .bx02 .ty01 p{padding:3px 35px 0;line-height:1.4;word-break:keep-all;position:relative;}
.company .section01 .bx02 .ty01 p:after{content:'-';position:absolute;top:3px;left:23px;}
.company .section01 .bx02 .ty02{font-size:24px;font-weight:500;color:#313131;margin-top:-5px;}
.company .section01 .bx02 .ty03{text-align:center;color:#fff;background: url(/page/idq2025/images/sub/bg_company02.jpg) no-repeat right bottom;  background-size:cover;padding:38px 15px;}
.company .section01 .bx02 .ty03 p{line-height:1.4;font-size:16px;font-weight:300;} 
.company .section01 .bx02 .ty03 p strong{font-size:18px;}
.company .section01 .bx02 .ty03 p + p{margin-top:12px;}

.company .section01 .bx03{position:relative;z-index:2;padding:78px 0 130px;}
.company .section01 .bx03:before{content:'';background:url(/page/idq2025/images/sub/bg_company03.jpg) no-repeat center top;background-size:cover;z-index:-1;position:absolute;width:1920px;height:530px;left:50%;margin-left:-960px;top:0;}
.company .section01 .bx03 h5 span{color:#fff;}
.company .section01 .bx03 h5 em{opacity:.1;color:#fff;}
.company .section01 .bx03 .copy{position:absolute;color:#fff;right:0;top:105px;font-size:28px;font-weight:300;line-height:1.5;}
.company .section01 .bx03 ul{margin-top:95px;display:flex;}
.company .section01 .bx03 li{flex:1;background:#fff;border:1px solid #bfbfbf;padding:90px 0 77px;text-align:center;border-radius:20px;}
.company .section01 .bx03 li + li{margin-left:40px;}
.company .section01 .bx03 li span{display:block;line-height:1.1;margin-top:53px;color:#313131;font-weight:300;font-size:20px;}
.company .section01 .bx03 li strong{display:block;line-height:1.1;margin-top:33px;color:#313131;font-weight:800;font-size:26px;}
.company .section01 .bx03 li:before{content:'';display:block;margin:0 auto;background:url(/page/idq2025/images/common/sp_idq02.png) no-repeat -133px -136px;background-size:520px 1000px;width:94px;height:92px;image-rendering:-webkit-optimize-contrast;}
.company .section01 .bx03 li:nth-child(2):before{background-position-x:-254px;}
.company .section01 .bx03 li:nth-child(3):before{background-position-x:-374px;}

.company .section01 .bx03 dl{margin-top:77px;overflow:hidden;color:#313131;font-size:16px;}
.company .section01 .bx03 dt{float:left;clear:both;padding-right:11px;margin-right:8px;position:relative;font-weight:700;margin-bottom:11px;line-height:1.2;display:block}
.company .section01 .bx03 dt:after{content:'';display:block;width:2px;height:15px;background:#313131;position:absolute;right:0;top:50%;margin-top:-7.5px;}
.company .section01 .bx03 dd{float:left;font-weight:300;margin-bottom:11px;line-height:1.2;overflow:hidden;display:block}

.company .section01 .bx04{padding:0 0 135px}
.company .section01 .bx04 > div{margin-top:60px;padding:50px 0 100px 365px;position:relative;z-index:2;}
.company .section01 .bx04 > div:before{content:'';display:block;position:absolute;left:-20px;z-index:-1;;top:0;bottom:0;background:url(/page/idq2025/images/sub/bg_bu01.png) no-repeat left bottom;background-size:cover;width:500px}
.company .section01 .bx04 > div a{display:block;float:left;height:110px;transition:all .2s .2s !important;line-height:109px;position:relative;width:calc((100% - 90px) / 2);padding-left:43px;color:#313131;font-weight:700;font-size:36px;border-bottom:1px solid #d2d2d2;}
.company .section01 .bx04 > div a:nth-child(2n){margin-left:90px}
.company .section01 .bx04 > div a em{display:block;position:absolute;top:0;left:0;color:#d62e2f;font-weight:500;font-size:20px;}
.company .section01 .bx04 > div a:hover{text-decoration:none;color:#d62e2f;}

.company .section01 .bx05{padding:0 0 65px;}
.company .section01 .bx05 .img-bx{display:block;overflow:hidden;border:1px solid #c9c9c9;margin:70px 0 20px;position:relative;}
.company .section01 .bx05 img{display:block;width:auto;image-rendering:-webkit-optimize-contrast;width:100%;}
.company .section01 .bx05 p{color:#313131;font-weight:300;font-size:16px;margin-top:10px;word-break:keep-all;}


@media (max-width:1399px) {
  .company h4{font-size:40px;padding-left:77px;margin-bottom:35px;}
  .company h4:after{top:4px;transform:scale(.75);transform-origin:0% 50%;}
  .company h6{font-size:22px;}

  .company .section01 .bx01{padding:0 0 50px;}
  .company .section01 .bx01:before{width:1400px;margin-left:-700px;}
  .company .section01 .bx01 .slogan{font-size:36px;}
  .company .section01 .bx01 .slogan span{font-size:17px;margin-top:7px;}
  .company .section01 .bx01 .slogan span em{font-size:25px;}
  .company .section01 .bx01 ul{margin-top:45px;}
  .company .section01 .bx01 ul li + li{margin-left:35px;}
  .company .section01 .bx01 ul li{flex:1;}
  .company .section01 .bx01 ul li:after{right:-35px;top:120px;transform:scale(.8);}
  .company .section01 .bx01 ul li div{width:240px;height:240px;margin:0 auto 28px;font-size:20px;}
  .company .section01 .bx01 p{color:#313131;word-break:keep-all;font-weight:400;font-size:14px;}

  .company .section01 h5{padding-bottom:50px;}
  .company .section01 h5 span{font-size:32px;}
  .company .section01 h5 span:after{transform:scale(.9);transform-origin:0% 50%;}
  .company .section01 h5 em{left:30px;bottom:0;color:#efefef;font-size:85px;font-weight:700;letter-spacing:-3px;}
  .company .section01 h5 em:after{transform:scale(.9);transform-origin:0% 50%;}

  .company .section01 .bx02{padding:50px 0 50px;}
  .company .section01 .bx02 ul{margin-top:45px;}
  .company .section01 .bx02 li{display:block;}
  .company .section01 .bx02 li + li{margin-top:55px;}
  .company .section01 .bx02 li h6{margin-bottom:20px;}

  .company .section01 .bx02 .ty01 div + div{margin-left:-20px;}
  .company .section01 .bx02 .ty01 strong{height:100px;margin-bottom:18px;font-size:16px;}
  .company .section01 .bx02 .ty01 strong span{font-size:18px;;margin-top:4px;}
  .company .section01 .bx02 .ty01 p{padding:2px 25px 0;font-size:15px;}
  .company .section01 .bx02 .ty01 p:after{top:1px;left:13px;}
  .company .section01 .bx02 .ty02{font-size:20px;margin-top:-4px;}
  .company .section01 .bx02 .ty03{padding:30px 15px;}
  .company .section01 .bx02 .ty03 p{font-size:15px;} 
  .company .section01 .bx02 .ty03 p strong{font-size:16px;}
  .company .section01 .bx02 .ty03 p + p{margin-top:10px;}

  .company .section01 .bx03{padding:53px 0 90px;}
  .company .section01 .bx03:before{width:1400px;height:430px;margin-left:-700px;}
  .company .section01 .bx03 .copy{top:70px;font-size:21px;}
  .company .section01 .bx03 ul{margin-top:65px;}
  .company .section01 .bx03 li{padding:60px 0 45px;border-radius:15px;}
  .company .section01 .bx03 li + li{margin-left:25px;}
  .company .section01 .bx03 li span{margin-top:32px;font-size:18px;}
  .company .section01 .bx03 li strong{margin-top:20px;font-size:22px;}
  .company .section01 .bx03 li:before{transform:scale(.8);}
  .company .section01 .bx03 dl{margin-top:55px;font-size:15px;}
  .company .section01 .bx03 dt:after{width:1px;height:14px;margin-top:-7px;}

  .company .section01 .bx04{padding:0 0 90px}
  .company .section01 .bx04 > div{margin-top:45px;padding:35px 0 80px 305px;}
  .company .section01 .bx04 > div:before{opacity:.8;}
  .company .section01 .bx04 > div a{height:86px;line-height:84px;width:calc((100% - 50px) / 2);padding-left:38px;font-size:24px;}
  .company .section01 .bx04 > div a:nth-child(2n){margin-left:50px}
  .company .section01 .bx04 > div a em{font-size:18px;}

  .company .section01 .bx05{padding:0 0 40px;}
  .company .section01 .bx05 .img-bx{margin:45px 0 18px;}
  .company .section01 .bx05 img{width:auto;margin-left:-200px;height:145px}
  .company .section01 .bx05 p{font-size:15px;margin-top:10px;}

  .company .pt-section h5 span{font-size: 32px;}
  .company .pt-section h5 span::after{transform: scale(.7);}

}

@media (max-width:991px) {
  .company h4{font-size:36px;padding-left:65px;margin-bottom:30px;}
  .company h4:after{top:1px;transform:scale(.6);}
  .company h6{font-size:20px;}

  .company .section01 .bx01{padding:0 0 40px;}
  .company .section01 .bx01:before{width:1000px;margin-left:-500px;}
  .company .section01 .bx01 .slogan{font-size:32px;}
  .company .section01 .bx01 .slogan span{font-size:15px;margin-top:6px;}
  .company .section01 .bx01 .slogan span em{font-size:22px;}
  .company .section01 .bx01 ul{margin-top:35px;display:block;}
  .company .section01 .bx01 ul li + li{margin:25px 0 0;}
  .company .section01 .bx01 ul li{flex:1;}
  .company .section01 .bx01 ul li:after{display:none;}
  .company .section01 .bx01 ul li div{width:auto;height:auto;margin:0 0 13px;font-size:18px;display:block;border-radius:0;padding:10px 0 10px 20px;border-radius:30px;}
  .company .section01 .bx01 ul li div br{display:none;}
  .company .section01 .bx01 p{color:#313131;word-break:keep-all;font-weight:400;font-size:14px;}

  .company .section01 h5{padding-bottom:0px;}
  .company .section01 h5 span,
  .company .section02 h5 span,
  .company .section03 h5 span,
  .company .section04 h5 span,
  .company .section05 h5 span{font-size:28px;}
  .company .section01 h5 span:after{transform:scale(.8);}
  .company .section01 h5 em{left:20px;font-size:70px;letter-spacing:-2px;white-space:nowrap;}
  .company .section01 h5 em:after{transform:scale(.8);margin-top:30px;}

  .company .pt-section h5 span{font-size: 28px;}

  .company .section03 h5 span, 
  .company .section04 h5 span, 
  .company .section05 h5 span{margin-bottom: 30px;}

  .company .section01 .bx02{padding:35px 0 35px;}
  .company .section01 .bx02 ul{margin-top:30px}
  .company .section01 .bx02 li + li{margin:30px 0 0;}
  .company .section01 .bx02 li h6{margin-bottom:15px;}

  .company .section01 .bx02 .ty01{display:block;}
  .company .section01 .bx02 .ty01 div + div{margin:22px 0 0;}
  .company .section01 .bx02 .ty01 strong{height:72px;margin-bottom:15px;font-size:15px;}
  .company .section01 .bx02 .ty01 strong span{font-size:16px;margin-top:3px;}
  .company .section01 .bx02 .ty01 p{padding:2px 25px 0;font-size:14px;}
  .company .section01 .bx02 .ty01 p:after{top:1px;left:15px;}
  .company .section01 .bx02 .ty02{font-size:18px;margin-top:-3px;}
  .company .section01 .bx02 .ty03{padding:23px 15px;}
  .company .section01 .bx02 .ty03 p{font-size:14px;} 
  .company .section01 .bx02 .ty03 p strong{font-size:15px;}
  .company .section01 .bx02 .ty03 p + p{margin-top:7px;}

  .company .section01 .bx03{padding:40px 0 50px;}
  .company .section01 .bx03:before{width:1000px;height:350px;margin-left:-500px;}
  .company .section01 .bx03 .copy{top:50px;font-size:18px;}
  .company .section01 .bx03 ul{margin-top:45px;}
  .company .section01 .bx03 li{padding:40px 0 30px;border-radius:15px;}
  .company .section01 .bx03 li + li{margin-left:15px;}
  .company .section01 .bx03 li span{margin-top:13px;font-size:16px;}
  .company .section01 .bx03 li strong{margin-top:15px;font-size:20px;}
  .company .section01 .bx03 li:before{transform:scale(.65);}
  .company .section01 .bx03 dl{margin-top:35px;font-size:14px;}
  .company .section01 .bx03 dt:after{width:1px;height:12px;margin-top:-7px;}

  .company .section01 .bx04{padding:0 0 65px}
  .company .section01 .bx04 > div{margin-top:35px;padding:30px 0 60px 205px;}
  .company .section01 .bx04 > div:before{opacity:.8;}
  .company .section01 .bx04 > div a{height:72px;line-height:70px;width:calc((100% - 35px) / 2);padding-left:32px;font-size:21px;}
  .company .section01 .bx04 > div a:nth-child(2n){margin-left:35px}
  .company .section01 .bx04 > div a em{font-size:17px;}

  .company .section01 .bx05{padding:0 0 30px;}
  .company .section01 .bx05 .img-bx{margin:35px 0 15px;}
  .company .section01 .bx05 img{width:auto;margin-left:-210px;height:120px}
  .company .section01 .bx05 p{font-size:14px;margin-top:10px;}

}

@media (max-width:760px) {
  .company div.pt-section{padding-right:0px;}
  .company h4{font-size:28px;padding-left:48px;margin-bottom:23px;}
  .company h4:after{top:-4px;transform:scale(.45);}
  .company h6{font-size:18px;}

  .company .section01 .bx01{padding:0 0 30px;}
  .company .section01 .bx01:before{width:800px;margin-left:-400px;}
  .company .section01 .bx01 .slogan{font-size:24px;}
  .company .section01 .bx01 .slogan span{font-size:14px;margin-top:5px;}
  .company .section01 .bx01 .slogan span br{display:block;}
  .company .section01 .bx01 .slogan span em{font-size:18px;}

  .company .section01 .bx01 ul{margin-top:25px;}
  .company .section01 .bx01 ul li + li{margin:22px 0 0;}
  .company .section01 .bx01 ul li{flex:1;}
  .company .section01 .bx01 ul li:after{display:none;}
  .company .section01 .bx01 ul li div{width:auto;height:auto;margin:0 0 12px;font-size:15px;display:block;border-radius:0;padding:10px 0 10px 0px;text-align:center;border-radius:20px;}
  .company .section01 .bx01 ul li div br{display:none;}
  .company .section01 .bx01 p{font-size:13px;}

  .company .section01 h5{padding-bottom:0px;}
  .company .section01 h5 span,
  .company .section02 h5 span,
  .company .section03 h5 span,
  .company .section04 h5 span,
  .company .section05 h5 span{font-size:24px;}
  .company .section01 h5 span:after{transform:scale(.7);}
  .company .section01 h5 em{left:20px;font-size:52px;letter-spacing:-2px;}
  .company .section01 h5 em:after{transform:scale(.7);margin-top:30px;}

  .company .section03 h5 span, 
  .company .section04 h5 span, 
  .company .section05 h5 span{margin-bottom: 23px;}

  .company .section01 .bx02{padding:30px 0 30px;}
  .company .section01 .bx02 ul{margin-top:25px}
  .company .section01 .bx02 li + li{margin:25px 0 0;}
  .company .section01 .bx02 li h6{margin-bottom:13px;}

.company .section01 h5 span:after, .company .section02 h5 span::after, .company .section03 h5 span::after, .company .section04 h5 span::after, .company .section05 h5 span::after{margin: 10px 0 0 9px;}

  .company .section01 .bx02 .ty01{display:block;}
  .company .section01 .bx02 .ty01 div + div{margin:18px 0 0;}
  .company .section01 .bx02 .ty01 strong{height:64px;margin-bottom:13px;font-size:14px;}
  .company .section01 .bx02 .ty01 strong span{font-size:15px;margin-top:2px;}
  .company .section01 .bx02 .ty01 p{padding:2px 25px 0;font-size:13px;}
  .company .section01 .bx02 .ty01 p:after{top:1px;left:15px;}
  .company .section01 .bx02 .ty02{font-size:16px;margin-top:-4px;}
  .company .section01 .bx02 .ty03{padding:20px 15px;margin:0 -15px 0;text-align:left;}
  .company .section01 .bx02 .ty03 p{font-size:13px;padding-left:25px;position:relative;} 
  .company .section01 .bx02 .ty03 p strong{font-size:14px;position:absolute;top:0;left:0;}
  .company .section01 .bx02 .ty03 p + p{margin-top:6px;}

  .company .section01 .bx03{padding:30px 0 35px;}
  .company .section01 .bx03:before{width:800px;height:300px;margin-left:-400px;}
  .company .section01 .bx03 .copy{font-size:15px;position:relative;right:auto;top:auto;margin-top:13px;}
  .company .section01 .bx03 ul{margin:35px -15px 0;}
  .company .section01 .bx03 li{padding:25px 0 20px;border-radius:15px;}
  .company .section01 .bx03 li + li{margin-left:10px;}
  .company .section01 .bx03 li span{margin-top:2px;font-size:15px;}
  .company .section01 .bx03 li strong{margin-top:12px;font-size:18px;}
  .company .section01 .bx03 li:before{transform:scale(.55);}
  .company .section01 .bx03 dl{margin-top:30px;font-size:13.5px;}
  .company .section01 .bx03 dt{float:none;margin-bottom:5px;}
  .company .section01 .bx03 dd{float:none;}
  .company .section01 .bx03 dt:after{display:none;}

  .company .section01 .bx04{padding:0 0 45px}
  .company .section01 .bx04 > div{margin-top:25px;padding:20px 0 45px 20px;}
  .company .section01 .bx04 > div:before{opacity:1;left:-380px;}
  .company .section01 .bx04 > div a{height:62px;line-height:60px;width:calc((100% - 20px) / 2);padding-left:30px;font-size:19px;}
  .company .section01 .bx04 > div a:nth-child(2n){margin-left:20px}
  .company .section01 .bx04 > div a em{font-size:15px;}

  .company .section01 .bx05{padding:0 0 25px;}
  .company .section01 .bx05 .img-bx{margin:25px -15px 13px;}
  .company .section01 .bx05 img{width:auto;margin-left:-210px;height:90px}
  .company .section01 .bx05 p{font-size:13px;margin-top:9px;}

  .company .pt-section h5 span{font-size: 24px;}


}

.company .section02{padding-top:90px;}
.company .section02 .history-text{display:flex;color:#fff; justify-content: center; position:relative;z-index:2;height:411px;flex-direction:column;margin-top:67px;}
.company .section02 .history-text:before{content:'';display:block;position:absolute;z-index:-1;bottom:0;top:0;right:0;left:-258px;background:url(/page/idq2025/images/sub/bg_history01.jpg) no-repeat right center;background-size:cover;}
.company .section02 .history-text h5{font-weight:700;font-size:46px;}
.company .section02 .history-text p{margin-top:13px;line-height:1.6;font-size:28px;font-weight:300;}


.company .section02 .history-bx{position:relative;z-index:3;}
.company .section02 .history-bx .btn-bx{position:absolute;right:0;z-index:3;top:-270px;height:520px;display:flex;padding:0 30px 45px;align-items:flex-end;justify-content:center;width:490px;}
.company .section02 .history-bx .btn-bx:before{content:'';display:block;z-index:-2;position:absolute;top:0;left:0;bottom:0;right:-258px;background:url(/page/idq2025/images/sub/history_2021.jpg) no-repeat center center;background-size:cover;}
.company .section02 .history-bx .btn-bx:after{content:'';display:block;z-index:-3;position:absolute;top:0;left:0;bottom:0;right:-258px;background:url(/page/idq2025/images/sub/history_2009.jpg) no-repeat center center;background-size:cover;}
.company .section02 .history-bx .btn-bx.page1:before,
.company .section02 .history-bx .btn-bx.page2:after{z-index:-1;animation:page-move1 .5s 1 both ease;}

@keyframes page-move1{ 
  0%{transform:translate(100%, 0%);opacity:.5;}
  100%{transform:translate(0%, 0%);opacity:1;}
}

.company .section02 .history-bx .btn-bx a{flex:1;white-space:nowrap;;flex-basis:50%;position:relative;text-align:center;height:68px;line-height:64px;font-size:30px;font-weight:500;color:#fff;opacity:.5;transition:all .2s;border-bottom:5px solid #fff;}
.company .section02 .history-bx .btn-bx a + a{margin-left:30px;}
.company .section02 .history-bx .btn-bx a:hover{text-decoration:none;opacity:.75;}
.company .section02 .history-bx .btn-bx a:after{content:'';display:block;width:13px;height:13px;border-radius:50%;background:#d62e2f;position:absolute;top:-2px;right:50%;opacity:0;transition:all .2s;}
.company .section02 .history-bx .btn-bx a.active{opacity:1;pointer-events:none;}
.company .section02 .history-bx .btn-bx a.active:after{right:0;opacity:1;}

.company .section02 .year-bx{position:relative;z-index:2;padding:135px 0 80px}
.company .section02 .year-bx:after{content:'';display:block;width:2px;position:absolute;top:0;bottom:0;left:50%;margin-left:-1px;background:#6a6f7a;}
.company .section02 .year-bx:before{content:'';display:block;position:absolute;z-index:-1;bottom:0;top:0;background:url(/page/idq2025/images/sub/bg_history02.jpg) no-repeat center bottom;background-size:cover;width:1920px;left:50%;margin-left:-960px}
.company .section02 .year-bx > div:not(:first-child){display:none;}
.company .section02 .year-bx .item + .item{margin-top:-40px;}
.company .section02 .year-bx .item{position:relative;margin-right:50%;padding-right:110px;text-align:right;animation:page-move2 .5s 1 both ease;z-index:2;}
.company .section02 .year-bx .item:nth-child(2n){margin-right:0;margin-left:50%;padding-right:0;padding-left:110px;text-align:left;}
.company .section02 .year-bx .item strong{display:block;color:#5e6065;font-size:60px;font-weight:700;line-height:1.2;margin-bottom:32px;}
.company .section02 .year-bx .item p{color:#fff;}
.company .section02 .year-bx .item p span{display:block;line-height:1.4;margin-top:6px;font-size:16px;font-weight:300;padding:0 10px;position:relative;word-break:keep-all;}
.company .section02 .year-bx .item p span:after{content:'';display:block;width:2px;height:2px;border-radius:50%;background:#fff;position:absolute;top:10px;right:0px;}
.company .section02 .year-bx .item:nth-child(2n) p span:after{right:auto;left:0}

.company .section02 .year-bx .item:nth-child(2){animation-delay:.2s;}
.company .section02 .year-bx .item:nth-child(3){animation-delay:.4s;}
.company .section02 .year-bx .item:nth-child(4){animation-delay:.6s;}
.company .section02 .year-bx .item:nth-child(5){animation-delay:.8s;}
.company .section02 .year-bx .item:nth-child(6){animation-delay:1s;}
.company .section02 .year-bx .item:nth-child(7){animation-delay:1.2s;}
.company .section02 .year-bx .item:nth-child(8){animation-delay:1.4s;}
.company .section02 .year-bx .item:nth-child(9){animation-delay:1.6s;}
.company .section02 .year-bx .item:nth-child(10){animation-delay:1.8s;}
.company .section02 .year-bx .item:nth-child(11){animation-delay:2s;}
.company .section02 .year-bx .item:nth-child(12){animation-delay:2.2s;}
.company .section02 .year-bx .item:after{content:'';display:block;width:19px;height:21px;background:url(/page/idq2025/images/sub/icon01.png) no-repeat center center;background-size:cover;position:absolute;right:-9px;top:22px;}
.company .section02 .year-bx .item:nth-child(2n):after{right:auto;left:-9px}

@keyframes page-move2{ 
  0%{transform:translate(0%, 120%);opacity:0;}
  100%{transform:translate(0%, 0%);opacity:1;}
}

@media (max-width:1399px) {
  .company .section02{padding-top:45px;}
  .company .section02 .history-text{height:210px;margin-top:40px;}
  .company .section02 .history-text h5{font-size:30px;}
  .company .section02 .history-text p{margin-top:4px;font-size:18px;}
  .company .section02 .history-bx .btn-bx{top:-100px;height:180px;padding:0 40px 25px 25px;width:380px;right:-50px;}
  .company .section02 .history-bx .btn-bx:before,
  .company .section02 .history-bx .btn-bx:after{right:-20px;filter:brightness(.5);}
  .company .section02 .history-bx .btn-bx a{height:52px;line-height:50px;font-size:21px;border-bottom:1px solid #fff;padding:0 5px 0 5px;}
  .company .section02 .history-bx .btn-bx a + a{margin-left:20px;}
  .company .section02 .history-bx .btn-bx a:after{width:8px;height:8px;top:2px;}

  .company .section02 .year-bx{padding:85px 0 65px}
  .company .section02 .year-bx:before{width:1400px;left:50%;margin-left:-700px}
  .company .section02 .year-bx .item + .item{margin-top:-30px;}
  .company .section02 .year-bx .item{padding-right:50px;}
  .company .section02 .year-bx .item:nth-child(2n){padding-left:50px;}
  .company .section02 .year-bx .item strong{font-size:42px;margin-bottom:27px;}
  .company .section02 .year-bx .item p span{margin-top:5px;font-size:14px;}
  .company .section02 .year-bx .item:after{top:18px;transform:scale(.75);transform-origin:50% 0%;}
}

@media (max-width:991px) {
  .company .section02{padding-top:35px;}
  .company .section02 .history-text{height:150px;margin-top:30px;}
  .company .section02 .history-text h5{font-size:26px;}
  .company .section02 .history-text p{margin-top:3px;font-size:16px;}
  .company .section02 .history-bx .btn-bx{top:-90px;height:130px;padding:0 40px 20px 20px;width:365px;right:-50px;}
  .company .section02 .history-bx .btn-bx a{height:46px;line-height:44px;font-size:20px;padding:0 5px 0 5px;}
  .company .section02 .history-bx .btn-bx a + a{margin-left:15px;}
  .company .section02 .history-bx .btn-bx a:after{width:6px;height:6px;top:4px;}
  .company .section02 .year-bx{padding:55px 0 45px}
  .company .section02 .year-bx:before{width:1000px;margin-left:-500px}
  .company .section02 .year-bx:after{width:1px;;left:20px;margin-left:0px;}
  .company .section02 .year-bx .item{padding:0 0 0 50px !important;margin:0 !important;text-align:left !important;}
  .company .section02 .year-bx .item + .item{margin-top:23px !important;}
  .company .section02 .year-bx .item strong{font-size:32px;margin-bottom:12px;}
  .company .section02 .year-bx .item p span{margin-top:4px;font-size:13px;}
  .company .section02 .year-bx .item:after{top:14px;transform:scale(.6);transform-origin:50% 0%;right:auto !important;left:11px !important}
  .company .section02 .year-bx .item p span:after{left:0 !important;right:auto !important}
}

@media (max-width:760px) {
  .company .section02{padding-top:25px;}
  .company .section02 .history-text{height:150px;margin-top:25px;justify-content:flex-start;padding-top:13px;}
  .company .section02 .history-text h5{font-size:22px;}
  .company .section02 .history-text p{margin-top:2px;font-size:14px;}
  .company .section02 .history-bx .btn-bx{top:-40px;height:80px;padding:0 20px 15px 20px;width:auto;right:-15px;left:30px;}
  .company .section02 .history-bx .btn-bx a{height:42px;line-height:40px;font-size:19px;padding:0 5px 0 5px;}
  .company .section02 .history-bx .btn-bx a + a{margin-left:15px;}
  .company .section02 .year-bx{padding:65px 0 35px}
  .company .section02 .year-bx:before{width:800px;margin-left:-400px}
  .company .section02 .year-bx:after{width:1px;left:0px;margin-left:0px;}
  .company .section02 .year-bx .item{padding:0 0 0 25px !important;margin:0 !important;text-align:left !important;}
  .company .section02 .year-bx .item + .item{margin-top:22px !important;}
  .company .section02 .year-bx .item strong{font-size:26px;margin-bottom:10px;}
  .company .section02 .year-bx .item p span{margin-top:4px;font-size:12px;padding-left:8px;}
  .company .section02 .year-bx .item:after{top:9px;transform:scale(.5);transform-origin:50% 0%;right:auto !important;left:-9px !important}
  .company .section02 .year-bx .item p span:after{left:0 !important;right:auto !important;top:7px;}
}


.company .section03{position:relative;padding:90px 0 60px;z-index:2;}
.company .section03:before{content:'';display:block;position:absolute;top:0;right:-258px;width:855px;height:560px;background:url(/page/idq2025/images/sub/bg_customer.png) no-repeat center center;background-size:cover;}
.company .section03 .thanks{color:#313131;font-size:28px;font-weight:300;padding-top:3px;}
.company .section03 .thanks strong{font-weight:500;}
.company .section03 .slick{margin:105px -12px 0;position:relative;}
.company .section03 .slick:before{content:'';display:block;width:1px;height:32px;position:absolute;top:-12px;right:130px;background:#bcbcbc;}
.company .section03 .slick h6{transition:all .25s;position:absolute;top:0;left:12px;}
.company .section03 .slick h6.active{opacity:0;}
.company .section03 .slide{position:relative;padding-top:25px;}
.company .section03 .slide > div img{display:block;float:left;margin:23px 12px 0px 12px;width:calc((100% - 109.2px) / 5) !important;border:7px solid #e9e9e9;transition:all .2s;}
.company .section03 .slide > div img:nth-of-type(5n){margin-right:0;}
.company .section03 .slick-arrow{position:absolute;image-rendering:-webkit-optimize-contrast;top:-23px;right:3px;font-size:0;z-index:10;width:94px;height:54px;background:url(/page/idq2025/images/common/sp_idq02.png) no-repeat -176px -253px;background-size:520px 1000px;}
.company .section03 .slick-arrow.prev{right:165px;background-position-x:-11px;}
.company .section03 .slick-arrow:active{transform:scale(.95);}

.company .section03 .slick-current img{animation:page-move4 .3s .3s 1 both ease;}
.company .section03 .slick-current img:nth-child(2){animation-delay:.35s;}
.company .section03 .slick-current img:nth-child(3){animation-delay:.4s;}
.company .section03 .slick-current img:nth-child(4){animation-delay:.45s;}
.company .section03 .slick-current img:nth-child(5){animation-delay:.5s;}
.company .section03 .slick-current img:nth-child(6){animation-delay:.55s;}
.company .section03 .slick-current img:nth-child(7){animation-delay:.6s;}
.company .section03 .slick-current img:nth-child(8){animation-delay:.65s;}
.company .section03 .slick-current img:nth-child(9){animation-delay:.7s;}
.company .section03 .slick-current img:nth-child(10){animation-delay:.75s;}
.company .section03 .slick-current img:nth-child(11){animation-delay:.8s;}
.company .section03 .slick-current img:nth-child(12){animation-delay:.85s;}
.company .section03 .slick-current img:nth-child(13){animation-delay:.9s;}
.company .section03 .slick-current img:nth-child(14){animation-delay:.95s;}
.company .section03 .slick-current img:nth-child(15){animation-delay:1s;}


@keyframes page-move4{ 
  0%{opacity:.3;transform:scale(.5);}
  100%{opacity:1;transform:scale(1);}
}

@media (max-width:1399px) {
  .company .section03{padding:50px 0 45px;}
  .company .section03:before{transform:scale(.6);transform-origin:100% 0%;right:-20px}
  .company .section03 .thanks{font-size:20px;padding-top:0px;}
  .company .section03 .slick{margin:75px -5px 0;}
  .company .section03 .slick:before{display:none;}
  .company .section03 .slick h6{left:5px;}
  .company .section03 .slide{position:relative;padding-top:28px;}
  .company .section03 .slide > div img{margin:10px 5px 0px 5px;width:calc((100% - 45.2px) / 5) !important;border:3px solid #e9e9e9;}
  .company .section03 .slick-arrow{top:-23px;right:1px;transform:scale(.8);transform-origin:100% 50%;}
  .company .section03 .slick-arrow.prev{right:95px;}
  .company .section03 .slick-arrow:active{transform:scale(.75);}

}

@media (max-width:991px) {
  .company .section03{padding:40px 0 35px;}
  .company .section03:before{transform:scale(.5);}
  .company .section03 .thanks{font-size:17px;padding-top:0px;}
  .company .section03 .slick{margin:60px -3px 0;}
  .company .section03 .slick h6{left:3px;}
  .company .section03 .slide{position:relative;padding-top:30px;}
  .company .section03 .slide > div img{margin:6px 3px 0px 3px;width:calc((100% - 31.2px) / 5) !important;border:2px solid #e9e9e9;}
  .company .section03 .slick-arrow{top:-23px;transform:scale(.7);}
  .company .section03 .slick-arrow.prev{right:75px;}
  .company .section03 .slick-arrow:active{transform:scale(.65);}
}


@media (max-width:760px) {
  .company .section03{padding:35px 0 23px;}
  .company .section03:before{transform:scale(.4);}
  .company .section03 .thanks{font-size:16px;padding-top:0px;}
  .company .section03 .slick{margin:45px -3px 0;}
  .company .section03 .slick h6{left:3px;}
  .company .section03 .slide{position:relative;padding-top:30px;}
  .company .section03 .slide > div img{margin:6px 3px 0px 3px;width:calc((100% - 17.2px) / 3) !important;border:2px solid #e9e9e9;}
  .company .section03 .slide > div img:nth-child(5n){margin-right:3px;}
  .company .section03 .slide > div img:nth-child(3n){margin-right:0px;}

  .company .section03 .slick-arrow{top:-23px;transform:scale(.6);}
  .company .section03 .slick-arrow.prev{right:65px;}
  .company .section03 .slick-arrow:active{transform:scale(.55);}

}

.company .section04{padding:90px 0 40px;}
.company .section04 .bx01{padding-top:28px;}
.company .section04 .bx01 > div{height:220px;border:1px solid #e5e5e5;display:flex;border-width:1px 0;}
.company .section04 .bx01 > div + div{margin-top:-1px;}
.company .section04 .bx01 em{flex-basis:250px;padding:40px 0 0 55px;line-height:1.1;color:#d4d4d4;font-size:72px;font-weight:700;position:relative;}
.company .section04 .bx01 em:after{content:'';display:block;position:absolute;right:45px;bottom:50px;width:90px;height:90px;background:url(/page/idq2025/images/common/sp_idq02.png) no-repeat -17px -333px;background-size:520px 1000px;}
.company .section04 .bx01 > div:nth-child(2) em:after{background-position-x:-137px;}
.company .section04 .bx01 > div:nth-child(3) em:after{background-position-x:-252px;}
.company .section04 .bx01 > div:nth-child(4) em:after{background-position-x:-373px;}
.company .section04 .bx01 p{display:flex;flex:1;padding-left:45px;flex-direction:column;justify-content:center;}
.company .section04 .bx01 strong{line-height:1.3;color:#313131;font-weight:700;font-size:28px;margin-bottom:15px;word-break:keep-all;}
.company .section04 .bx01 span{line-height:1.3;margin-top:5px;padding-left:11px;position:relative;word-break:keep-all;}
.company .section04 .bx01 span:after{content:'-';position:absolute;top:0px;left:0px;}

.company .section04 .bx02{position:relative;margin-top:80px;padding-bottom:80px;z-index:2;}
.company .section04 .bx02:before{content:'';display:block;position:absolute;top:85px;bottom:0;left:-260px;right:-260px;background:#f0f0f0;z-index:-1;}
.company .section04 .cul{position:relative;padding:75px 0 20px;z-index:2;}
.company .section04 .cul:before{content:'';background:url(/page/idq2025/images/sub/bg_company04.jpg) no-repeat right top;background-size:cover;z-index:-1;position:absolute;left:-260px;top:0;bottom:0;right:0;}
.company .section04 .cul h6{color:#fff;}
.company .section04 .cul > div{margin-top:80px}
.company .section04 .cul > div p{float:left;width:50%;min-height:160px;padding:0 100px 0 0;position:relative;line-height:1.5;font-size:18px;font-weight:400;word-break:keep-all;color:#fff;}

.company .section04 .wel{padding-top:75px;}
.company .section04 .wel h6 + span{display:block;line-height:1.4;margin-top:15px;color:#313131;font-weight:400;font-size:20px;word-break:keep-all;}
.company .section04 .wel div{margin-top:30px;background:#fff;border:5px solid #d2d2d2;position:relative;padding:50px 30px 57px 80px;}
.company .section04 .wel div:after{content:'';display:block;height:5px;width:260px;position:absolute;left:-5px;top:-5px;background:#000;}
.company .section04 .wel div p{line-height:1.3;margin-top:10px;padding-left:11px;position:relative;word-break:keep-all;font-weight:300;}
.company .section04 .wel div p:after{content:'-';position:absolute;top:0px;left:0px;}

.company .section04 .bx03{position:relative;margin-top:70px;}
.company .section04 .bx03 h6 + span{display:block;line-height:1.4;margin-top:15px;color:#313131;font-weight:400;font-size:20px;word-break:keep-all;}
.company .section04 .bx03 h6 + span + em{display:block;line-height:1.2;margin-top:8px;color:#777;font-weight:400;font-size:20px;word-break:keep-all;text-decoration:underline;}
.company .section04 .bx03 div{margin:35px -10px 0;background:url(/page/idq2025/images/sub/hire_bg.jpg) no-repeat center center;background-size:cover;}
.company .section04 .bx03 div p{height:320px;float:left;width:20%;border:10px solid #fff;background:rgba(21,21,21,.9);position:relative;color:#fff;padding:190px 32px 0 32px;}
.company .section04 .bx03 div a{height:320px;float:left;width:40%;border:10px solid #fff;background: rgba(21, 21, 21, .9);position:relative;padding:33px;}
.company .section04 .bx03 div a span{display:flex;height:100%;width:100%;background:#fff;justify-content:center;align-items:center;color:#1b1b1b;font-size:24px;font-weight:700;transition:all .2s;}
.company .section04 .bx03 div a span:after{content:'';width:53px;height:53px;background:url(/page/idq2025/images/sub/icon03.png) no-repeat center center;background-size:cover;margin-left:17px;transition:all .2s;image-rendering:-webkit-optimize-contrast;}
.company .section04 .bx03 div a:hover{text-decoration:none;}
.company .section04 .bx03 div a:hover span{background:transparent;color:#fff;}
.company .section04 .bx03 div a:hover span:after{filter:brightness(100);}
.company .section04 .bx03 div p strong{display:block;line-height:1.1;position:absolute;top:50px;left:32px;font-size:30px;font-weight:500;}
.company .section04 .bx03 div p strong:after{content:'';display:block;position:absolute;right:-13px;top:-10px;width:6px;height:6px;border:2px solid rgba(255,255,255,.3);border-radius:50%;}
.company .section04 .bx03 div p span{font-weight:300;color:#ddd;display:block;word-break:keep-all;}



@media (max-width:1399px) {
  .company .section04{padding:45px 0 40px;}
  .company .section04 .bx01{padding-top:18px;}
  .company .section04 .bx01 > div{height:152px;}
  .company .section04 .bx01 em{flex-basis:190px;padding:20px 0 0 25px;font-size:62px;}
  .company .section04 .bx01 em:after{right:45px;bottom:50px;transform:scale(.7);transform-origin:100% 100%;}
  .company .section04 .bx01 p{flex:1;padding-left:25px;}
  .company .section04 .bx01 strong{font-size:20px;margin-bottom:8px;}
  .company .section04 .bx01 span{margin-top:5px;padding-left:10px;font-size:15px;}
  .company .section04 .bx02{margin-top:40px;padding-bottom:50px;}
  .company .section04 .cul{padding:45px 0 20px;}
  .company .section04 .cul:before{left:-20px;}
  .company .section04 .cul > div{margin-top:55px}
  .company .section04 .cul > div p{min-height:110px;padding:0 35px 0 40px;font-size:16px;}
  .company .section04 .cul > div p:after{top:-12px;transform:scale(.67);transform-origin:0% 0%;}
  .company .section04 .wel{padding-top:45px;}
  .company .section04 .wel h6 + span{margin-top:13px;font-size:17px;}
  .company .section04 .wel div{margin-top:25px;border:3px solid #d2d2d2;padding:35px 20px 42px 50px;}
  .company .section04 .wel div:after{height:3px;width:200px;left:-3px;top:-3px;}
  .company .section04 .wel div p{margin-top:8px;padding-left:10px;font-size:15px;}
  .company .section04 .bx03{margin-top:45px;}
  .company .section04 .bx03 h6 + span{margin-top:13px;font-size:17px;}
  .company .section04 .bx03 h6 + span + em{margin-top:7px;font-size:16px;}
  .company .section04 .bx03 div{margin:25px -5px 0;}
  .company .section04 .bx03 div p{height:220px;border:5px solid #fff;padding:125px 20px 0 20px;}
  .company .section04 .bx03 div a{height:220px;border:5px solid #fff;padding:23px;}
  .company .section04 .bx03 div a span{font-size:20px;}
  .company .section04 .bx03 div a span:after{margin-left:12px;transform:scale(.8);transform-origin:0% 50%;}
  .company .section04 .bx03 div p strong{top:25px;left:20px;font-size:20px;}
  .company .section04 .bx03 div p strong:after{right:-11px;top:-9px;width:5px;height:5px;}
  .company .section04 .bx03 div p span{font-size:14px;}

}


@media (max-width:991px) {
  .company .section04{padding:35px 0 30px;}
  .company .section04 .bx01{padding-top:13px;}
  .company .section04 .bx01 > div{min-height:100px;}
  .company .section04 .bx01 em{flex-basis:150px;padding:20px 0 0 25px;font-size:50px;}
  .company .section04 .bx01 em:after{right:45px;bottom:50px;transform:scale(.5);}
  .company .section04 .bx01 p{padding:10px 0 10px 5px;}
  .company .section04 .bx01 strong{font-size:18px;margin-bottom:5px;}
  .company .section04 .bx01 span{margin-top:4px;padding-left:10px;font-size:14px;}

  .company .section04 .bx02{margin-top:30px;padding-bottom:40px;}
  .company .section04 .cul{padding:40px 0 30px;}
  .company .section04 .cul > div{margin-top:35px}
  .company .section04 .cul > div p{min-height:auto;padding:0 35px 0 40px;font-size:14px;float:none;width:100%;}
  .company .section04 .cul > div p + p{margin-top:13px;}
  .company .section04 .cul > div p:after{top:-8px;transform:scale(.62);transform-origin:0% 0%;}

  .company .section04 .wel{padding-top:35px;}
  .company .section04 .wel h6 + span{margin-top:11px;font-size:16px;}
  .company .section04 .wel div{margin-top:23px;border:3px solid #d2d2d2;padding:25px 20px 30px 35px;}
  .company .section04 .wel div:after{height:3px;width:170px;left:-3px;top:-3px;}
  .company .section04 .wel div p{margin-top:8px;padding-left:10px;font-size:14px;}

  .company .section04 .bx03{margin-top:35px;}
  .company .section04 .bx03 h6 + span{margin-top:11px;font-size:16px;}
  .company .section04 .bx03 h6 + span + em{margin-top:6px;font-size:15px;}
  .company .section04 .bx03 div{margin:25px -3px 0;}
  .company .section04 .bx03 div p{height:140px;border:3px solid #fff;padding:65px 10px 0 15px;width:25%;}
  .company .section04 .bx03 div a{height:90px;border:3px solid #fff;padding:13px;width:100%;}
  .company .section04 .bx03 div a span{font-size:17px;background:transparent;color:#fff;}
  .company .section04 .bx03 div a span:after{margin-left:10px;transform:scale(.6);filter:brightness(100);}
  .company .section04 .bx03 div p strong{top:15px;left:15px;font-size:17px;}
  .company .section04 .bx03 div p span{font-size:12px;}

}


@media (max-width:760px) {
  .company .section04{padding:30px 0 20px;}
  .company .section04 .bx01{padding-top:8px;}
  .company .section04 .bx01 > div{min-height:100px;display:block;height:auto;padding:13px 0 10px;}
  .company .section04 .bx01 em{padding:0px 0 0 15px;font-size:40px;display:block;position:relative;}
  .company .section04 .bx01 em:after{right:auto;left:0px;bottom:-5px;transform:scale(.4);}
  .company .section04 .bx01 p{padding:8px 0 8px 5px;}
  .company .section04 .bx01 strong{font-size:16px;margin-bottom:4px;}
  .company .section04 .bx01 span{margin-top:4px;padding-left:10px;font-size:13.5px;}
  .company .section04 .bx02{margin-top:25px;padding-bottom:30px;}
  .company .section04 .cul{padding:30px 0 25px;}
  .company .section04 .cul > div{margin-top:30px}
  .company .section04 .cul > div p{padding:0 5px 0 40px;font-size:13px;}
  .company .section04 .cul > div p + p{margin-top:10px;}
  .company .section04 .cul > div p:after{top:-7px;transform:scale(.6);transform-origin:0% 0%;}
  .company .section04 .wel{padding-top:30px;}
  .company .section04 .wel h6 + span{margin-top:10px;font-size:15px;}
  .company .section04 .wel div{margin-top:21px;border:2px solid #d2d2d2;padding:20px 15px 25px 20px;}
  .company .section04 .wel div:after{height:2px;width:130px;left:-2px;top:-2px;}
  .company .section04 .wel div p{margin-top:8px;padding-left:10px;font-size:13px;}

  .company .section04 .bx03{margin-top:30px;}
  .company .section04 .bx03 h6 + span{margin-top:10px;font-size:15px;}
  .company .section04 .bx03 h6 + span + em{margin-top:5px;font-size:14px;}
  .company .section04 .bx03 div{margin:21px -1px 0;}
  .company .section04 .bx03 div p{height:105px;border:1px solid #fff;padding:57px 5px 0 15px;width:50%;}
  .company .section04 .bx03 div a{height:70px;border:1px solid #fff;padding:13px;width:100%;}
  .company .section04 .bx03 div a span{font-size:16px;}
  .company .section04 .bx03 div a span:after{transform:scale(.5);}
  .company .section04 .bx03 div p strong{top:15px;left:15px;font-size:15px;}
  .company .section04 .bx03 div p span{font-size:11px;}

}

.company .section05{padding:90px 0 0px;position:relative;}
.company .section05 .tab{position:relative;margin-top:5px;}
.company .section05 .tab a{display:block;float:left;width:50%;height:72px;transition:all .1s;line-height:70px;text-align:center;color:#313131;font-size:18px;font-weight:700;border:2px solid #000;border-color:transparent transparent #000; text-decoration: none;}
.company .section05 .tab a.active{border-color:#000 #000 transparent #000;pointer-events:none;}
.company .section05 .tab a + a{margin-left:-2px;}
.company .section05 .map-bx{padding-top:45px;}
.company .section05 .map-bx p{text-align:center;margin-bottom:33px;line-height:1.7;font-size:16px;color:#313131;}
.company .section05 .map-bx p strong{font-weight:500;}
.company .section05 .map-bx p strong:nth-of-type(n+2){padding-left:10px;}
.company .section05 #map{height:469px;}

.company .section05 .map-bx > div{visibility:hidden;max-height:0;}
.company .section05 .map-bx > div.active{visibility:visible;max-height:1000px;animation:page-move6 .6s 1 both ease;}

@keyframes page-move5{ 
  0%{opacity:.3;transform:scale(.5);}
  100%{opacity:1;transform:scale(1);}
}

@keyframes page-move6{ 
  0%{opacity:.3;transform:translateY(50%);}
  100%{opacity:1;transform:translateY(0%);}
}


@media (max-width:1399px) {
  .company .section05{padding:45px 0 0px;}
  .company .section05 .tab{margin-top:1px;}
  .company .section05 .tab a{height:62px;line-height:60px;font-size:16px;}
  .company .section05 .map-bx{padding-top:33px;}
  .company .section05 .map-bx p{margin-bottom:28px;line-height:1.7;font-size:15px;}
  .company .section05 .map-bx p strong:nth-of-type(n+2){padding-left:8px;}
  .company .section05 #map{height:380px;}
}

@media (max-width:991px) { 
  .company .section05{padding:35px 0 0px;}
  .company .section05 .tab{margin-top:0px;}
  .company .section05 .tab a{height:52px;line-height:50px;font-size:16px;}
  .company .section05 .map-bx{padding-top:30px;}
  .company .section05 .map-bx p{margin-bottom:25px;line-height:1.7;font-size:15px;}
  .company .section05 .map-bx p strong:nth-of-type(n+2){padding-left:6px;}
  .company .section05 #map{height:340px;}
}

@media (max-width:760px) {
  .company .section05{padding:30px 0 0px;}
  .company .section05 .tab{margin-top:0px;}
  .company .section05 .tab a{height:44px;line-height:42px;font-size:15px;}
  .company .section05 .map-bx{padding-top:23px;}
  .company .section05 .map-bx p{margin-bottom:21px;line-height:1.7;font-size:13px;}
  .company .section05 .map-bx p strong:nth-of-type(n+2){padding-left:4px;}
  .company .section05 #map{height:320px;}
}
.root_daum_roughmap{width: 100% !important; border-radius: 20px; border: 1px solid #b1b8be;}
.root_daum_roughmap .wrap_map{height: 500px !important;}
.root_daum_roughmap .cont{display: none;}
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4{display: none !important;}

.root_daum_roughmap .cont .section{display: none;}

@media (max-width:760px) {
  .root_daum_roughmap .wrap_map{height: 300px !important;}
}

/* AX/DX */
.ax::before{content: ''; background: #f0f2f4; width: 1920px; height: 100%; position: absolute; left: 50%; right: 0; top: 0; bottom: 0; margin-left: -960px;}
.ax .item01,
.ax .item02,
.ax .item03,
.ax .ai{position: relative; z-index: 1;}
.ax .item02{padding-top: 145px;}
.ax .item01 h5 span,
.ax .item02 h5 span{display:block;color:#1c1c1c;font-weight:700;font-size:60px;line-height:1.1;}
.ax .item01 h5 span::after,
.ax .item02 h5 span::after{background:#d62e2f;border-radius:50%;width:11px;height:11px;content:'';display:inline-block;vertical-align:middle;margin:14px 0 0 9px;}
.ax .item01 .item-txt,
.ax .item02 .item-txt{color: #1c1c1c; padding-top: 26px;}
.ax .item01 .item-txt strong,
.ax .item02 .item-txt strong{font-size: 26px; font-weight: 700;}
.ax .item01 .item-txt p,
.ax .item02 .item-txt p{font-size: 20px; font-weight: 500;}
.ax .data{padding-top: 70px; position: relative; z-index: 1; margin-top: 83px;}
.ax .data::after{content: ''; width: 1720px; height: 100%; background: #fff; border-radius: 48px; position: absolute; left: 50%; top: 0; z-index: -1; margin-left: -860px;}
.ax .data .dq{display: inline-block; padding-bottom: 47px;}
.ax .data .dq.v1{display: flex; justify-content: center; flex-direction: column; align-items: center; text-align: center;}
.ax .data .dq.v1 p{font-size: 20px; font-weight: 500; padding-top: 40px;}
.ax .data .dq img{display: inline-block; vertical-align: -4px;}
.ax .data .dq span{font-size: 26px; font-weight: 700;}
.ax .data .dq.v2 .box{display: flex; gap: 44px; align-items: center;}
.ax .data .dq.v2 .box + .box{margin-top: 40px;}
.ax .data .dq.v2 .box .box-img{flex-shrink: 0; width: 123px; height: 123px; background: #f0f2f4; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.ax .data .dq.v2 .box-txt{color: #1c1c1c;}
.ax .data .dq.v2 strong{font-size: 26px; font-weight: 700;}
.ax .data .dq.v2 p{font-size: 20px; font-weight: 500; line-height: 1.5; padding-top: 3px;}
.ax .item02 .img-zoom-modal{margin: 25px 0 0;}
.ax .item03{margin-top: 210px;}
.ax .item03::before{content: ''; background: url(/page/idq2025/images/sub/gpls_bg.png)no-repeat; width: 1920px; height: 100%; position: absolute; left: 50%; top: 0; margin-left: -960px; z-index: -1;}
.ax .item03 > p{font-size: 40px; font-weight: 700; color: #fff; padding: 150px 0 140px; text-align: center; line-height: 1.3;}
.ax .item03 .data{margin-top: 0;}
.ax .platform > strong{font-size: 40px; color: #111; text-align: center; font-weight: 700; display: block; padding: 100px 0 110px;}
.ax .platform_bx{display: flex; gap: 60px;}
.ax .platform_bx .service{flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center;}
.ax .platform_bx .service img{display: block; width: 426px; height: 279px; border-radius: 50px; object-fit: cover;}
.ax .platform_bx .service > div{color: #1c1c1c; padding-top: 31px;}
.ax .platform_bx .service > div strong{font-size: 26px; font-weight: 700;}
.ax .platform_bx .service > div p{font-size: 20px; font-weight: 500; line-height: 1.5;}

.ax .ai{margin-top: 107px; color: #fff; padding: 196px 0 164px; display: flex; gap: 188px;}
.ax .ai h3{font-size: 40px; font-weight: 700; line-height: 1.3;}
.ax .ai::before {
  content: ''; background: url(/page/idq2025/images/sub/ai_bg.png) no-repeat;  background-size: cover; position: absolute; left: 50%; top: 0; bottom: 0;
   width: 1920px; margin-left: -960px; z-index: -1;
}

.ax .ai > div ul li{font-size: 20px; padding-left: 14px; position: relative; font-weight: 500;}
.ax .ai > div ul li::before{content: ''; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 0; top: 14px; background: #fff;}
.ax .ai > div ul li + li{margin-top: 15px;}
.contsArea > .ax{margin-bottom: -80px;}

@media (max-width:1399px) {
  .ax .platform_bx{gap: 30px;}
  .ax .platform_bx .service img{width: 100%;}

  .ax .ai{gap: 150px;}
  .ax .ai h3{font-size: 30px;}
}

@media (max-width:991px) {
  .ax .item01 h5 span, .ax .item02 h5 span{font-size: 28px;}
  .ax .item01 .item-txt strong, .ax .item02 .item-txt strong{font-size: 20px;}
  .ax .item01 .item-txt p, .ax .item02 .item-txt p{font-size: 18px; line-height: 1.4;}

  .ax .data{margin-top: 40px; padding-top: 40px;}
  .ax .data .dq img{width: 46px;}

  .ax .data .dq span{font-size: 20px;}

  .ax .item02{padding-top: 80px;}

  .ax .item03{margin-top: 120px;}
  .ax .item03 > p{padding: 80px 0; font-size: 25px;}

  .ax .data .dq.v1 img{width: 200px;}
  .ax .data .dq.v1 p{font-size: 18px; padding-top: 30px;}

  .ax .platform > strong{padding: 80px 0; font-size: 25px;}

  .ax .data .dq.v2 .box{gap: 30px;}
  .ax .data .dq.v2 .box .box-img{width: 100px; height: 100px;}
  .ax .data .dq.v2 strong{font-size: 18px;}
  .ax .data .dq.v2 p{font-size: 16px;}
  .ax .data .dq.v2 p br{display: none;}
  .ax .data .dq.v2 img{width: 36px;}

  .ax .platform_bx{gap: 20px;}
  .ax .platform_bx .service img{height: 230px; border-radius: 20px;}
  .ax .platform_bx .service > div{padding-top: 20px;}
  .ax .platform_bx .service > div strong{font-size: 18px;}
  .ax .platform_bx .service > div p{font-size: 16px;}

  .ax .ai{padding: 120px 0;}
  .ax .ai > div ul li{font-size: 18px;}
}

@media (max-width:760px) {
  .ax .item01 h5 span, .ax .item02 h5 span{font-size: 24px;}
  .ax .item01 h5 span::after, .ax .item02 h5 span::after{transform: scale(.7);  transform-origin: 0% 50%;}
  .ax .item01 .item-txt, .ax .item02 .item-txt{padding-top: 15px;}
  .ax .item01 .item-txt strong, .ax .item02 .item-txt strong{font-size: 16px;}
  .ax .item01 .item-txt p, .ax .item02 .item-txt p{font-size: 14px; line-height: 1.4;}

  .ax .data{margin-top: 40px; padding-top: 40px;}
  .ax .data .dq{padding-bottom: 17px;}
  .ax .data .dq img{width: 36px;}

  .ax .data .dq span{font-size: 16px;}

  .ax .item02{padding-top: 40px;}

  .ax .item03{margin-top: 80px;}
  .ax .item03 > p{padding: 40px 0; font-size: 18px;}
  .ax .item03 > p br{display: none;}

  .ax .data .dq.v1 img{width: 150px;}
  .ax .data .dq.v1 p{font-size: 16px; padding-top: 20px;}

  .ax .platform > strong{padding: 40px 0; font-size: 18px; color: #fff; word-break: keep-all;}
  .ax .platform.v1 > strong{color: #111;}

  .ax .data .dq.v2 .box{gap: 20px; flex-direction: column;}
  .ax .data .dq.v2 .box .box-img{width: 100px; height: 100px;}
  .ax .data .dq.v2 strong{font-size: 16px;}
  .ax .data .dq.v2 p{font-size: 14px;}

  .ax .platform_bx{gap: 30px; flex-direction: column;}
  .ax .platform_bx .service img{height: 200px; border-radius: 20px;}
  .ax .platform_bx .service > div{padding-top: 10px;}
  .ax .platform_bx .service > div strong{font-size: 16px;}
  .ax .platform_bx .service > div p{font-size: 14px;}

  .ax .ai{padding: 80px 0 100px; margin-top: 60px; flex-direction: column; gap: 30px;}
  .ax .ai h3{font-size: 25px;}
  .ax .ai h3 br{display: none;}
  .ax .ai > div ul li{font-size: 16px;}
  .ax .ai > div ul li + li{margin-top: 5px;}
  .ax .ai > div ul li::before{top: 10px;}
}

/* ICT */
.ict .item01 h5 span{display:block;color:#1c1c1c;font-weight:700;font-size:60px;line-height:1.1;}
.ict .item01 h5 span::after{background:#d62e2f;border-radius:50%;width:11px;height:11px;content:'';display:inline-block;vertical-align:middle;margin:14px 0 0 9px;}
.ict .item01 h5 em{color: #878787; font-weight: 500; font-size: 20px; padding-top: 7px; display: inline-block;}
.ict .item01 p{font-weight: 700; font-size: 26px; color: #1c1c1c; line-height: 1.4; padding-top: 64px;}
.ict .item01 ul{padding-top: 16px;}
.ict .item01 ul li{color: #1c1c1c; font-size: 20px; font-weight: 500; padding-left: 14px; position: relative;}
.ict .item01 ul li::before{content: ''; width: 5px; height: 5px; background: #1c1c1c; border-radius: 50%; position: absolute; left: 0; top: 14px;}
.ict .item01 + .item01{margin-top: 113px;}
.ict .platform{position: relative; z-index: 1; padding: 79px 0 72px; margin-top: 65px; display: flex; gap: 41px;}
.ict .platform::before{content: ''; background: #f0f2f4; border-radius: 59px; width: 1720px; height: 100%; position: absolute; left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%);}
.ict .platform > div img{display: block; width: 319px; object-fit: cover; border-radius: 25px;}
.ict .platform > div span{font-size: 20px; color: #1c1c1c; font-weight: 500; padding-top: 22px; display: block; line-height: 1.4;}

@media (max-width:1440px) {
  .ict .platform > div img{width: 100%;}
}

@media (max-width:991px) {
  .ict .item01 h5 span{font-size: 28px;}
  .ict .item01 h5 em{font-size: 18px;}
  .ict .item01 p{font-size: 20px; padding-top: 44px;}
  .ict .item01 ul li{font-size: 18px;}
  .ict .item01 ul li::before{top: 11px;}
  .ict .item01 + .item01{margin-top: 60px;}
  .ict .platform{margin-top: 45px; gap: 20px; padding: 60px 0 40px;}
  .ict .platform > div span{font-size: 16px;}
  .ict .platform > div span br{display: none;}
}

@media (max-width:760px) {
  .ict .item01 h5 span{font-size: 24px;}
  .ict .item01 h5 em{font-size: 16px;}
  .ict .item01 p{padding-top: 15px; font-size: 16px;}
  .ict .item01 ul li{font-size: 15px;}
  .ict .item01 + .item01{margin-top: 40px;}
  .ict .platform{margin-top: 25px; flex-wrap: wrap;  padding: 40px 0 40px}
  .ict .platform > div{flex: 1 33%;}
  .ict .platform > div span{font-size: 14px; padding-top: 12px;}
}

/* solution  */
.solution .item02{position: relative; z-index: 1;}
.solution .item02::before{content: ''; background: #f0f2f4; padding: 68px 0; border-radius: 50px; position: absolute; left: 50%; top: 50%; width: 1720px; height: 100%; z-index: -1; transform: translate(-50%, -50%);}
.solution .item02 h5 span{display:block;color:#1c1c1c;font-weight:700;font-size:60px;line-height:1.1;}
.solution .item02 h5 span::after{background:#d62e2f;border-radius:50%;width:11px;height:11px;content:'';display:inline-block;vertical-align:middle;margin:14px 0 0 9px;}
.solution .item02 h5 em{color: #878787; font-weight: 500; font-size: 20px; padding-top: 7px; display: inline-block;}
.solution .item02 p{font-weight: 700; font-size: 26px; color: #1c1c1c; line-height: 1.4; padding-top: 64px;}
.solution .item02 ul{padding-top: 16px;}
.solution .item02 ul li{color: #1c1c1c; font-size: 20px; font-weight: 500; padding-left: 14px; position: relative;}
.solution .item02 ul li::before{content: ''; width: 5px; height: 5px; background: #1c1c1c; border-radius: 50%; position: absolute; left: 0; top: 14px;}
.solution .admin{padding: 171px 0 167px; display: flex; gap: 20px;}
.solution .admin > div{flex: 1; position: relative; padding: 71px 28px 44px;  border: 1px solid #e0e2e3; border-radius: 20px; width: 453px; height: 317px;}
.solution .admin.v2 > div,
.solution .admin.v3 > div,
.solution .admin.v4 > div{height: 224px;}
.solution .admin.v4 > div{padding: 71px 5px 44px 12px;}
.solution .admin.v3,
.solution .admin.v4{padding: 171px 0 0; }
.solution > strong{font-weight: 500; color: #d42121; padding : 25px 0 162px; display: block; font-size: 18px;}
.solution > strong.v2{padding: 25px 0 0;}
.solution .admin > div > img{display: block; position: absolute; left: 50%; transform: translateX(-50%); top: -60px;}
.solution .admin > div strong{font-size: 26px; color: #1c1c1c; font-weight: 700; line-height: 1.2;}
.solution .admin > div ul{padding-top: 6px;}
.solution .admin > div ul li{color: #1c1c1c; line-height: 1.6; font-size: 20px; font-weight: 500; padding-left: 13px; position: relative;}
.solution .admin > div ul li + li{margin-top: 4px;}
.solution .admin > div ul li::before{content: ''; width: 5px; height: 5px; background: #1c1c1c; position: absolute; left: 0; top: 14px; border-radius: 50%;}
.solution .admin > div em{position: absolute; left: 28px; bottom: 0px; width: 100%; z-index: 1; color: #fff; font-size: 18px; font-weight: 500;}
.solution .admin > div em::before{content: ''; background: url(/page/idq2025/images/sub/admin-bg.png)no-repeat; width: 100%; height: 33px; position: absolute; left: -28px; bottom: 0; z-index: -1; border-radius: 0 0 20px 20px;}
.solution .admin > div .framework{display: flex; justify-content: flex-end; padding-top: 26px;}

@media (max-width:1440px) {
  .solution .admin > div{height: auto;}
}

@media (max-width:991px) {
  .solution .item02::before{padding: 48px 0;}
  .solution .item02 h5 span{font-size: 28px;}
  .solution .item02 h5 em{font-size: 18px;}
  .solution .item02 p{font-size: 20px; padding-top: 44px;}
  .solution .item02 ul li{font-size: 18px;}
  .solution .item02 ul li::before{top: 12px;}
  .solution .admin{padding: 140px 0 100px;}
  .solution .admin > div{padding: 61px 15px 24px; width: 100%; height: 380px;}
  .solution .admin > div > img{width: 90px; top: -48px;}
  .solution .admin > div strong{font-size: 22px;}
  .solution .admin > div ul li{font-size: 16px;}
  .solution .admin > div ul li::before{top: 9px;}
  .solution .admin > div em{font-size: 13px; left: 0; text-align: center; bottom: 10px; line-height: 1.2;}
  .solution .admin > div em::before{left: 0; bottom: -15px; height: 50px; background-size: cover;}
  .solution .admin.v2 > div, .solution .admin.v3 > div, .solution .admin.v4 > div{height: auto;}
  .solution .admin.v3, .solution .admin.v4{padding: 140px 0 0;}
  .solution > strong{padding: 25px 0 100px; font-size: 16px;}
}

@media (max-width:760px) {
  .solution .item02 h5 span{font-size: 24px;}
  .solution .item02 h5 em{font-size: 16px;}
  .solution .item02 p{padding-top: 15px; font-size: 16px;}
  .solution .item02 ul li{font-size: 15px;}
  .solution .item02::before{padding: 24px 0;}
  .solution .admin{flex-direction: column; padding: 100px 0 80px; gap: 80px;}
  .solution .admin > div{flex: none; height: 270px;}
  .solution .admin > div > img{width: 80px; top: -44px;}
  .solution .admin > div strong{font-size: 20px;}
  .solution .admin > div ul li{font-size: 15px;}
  .solution .admin > div em{font-size: 14px;}
  .solution .admin > div .framework{padding-top: 16px;}
  .solution > strong{padding: 10px 0 70px; font-size: 14px;}
  .solution .admin.v3, .solution .admin.v4{padding: 100px 0 0;}
  .solution > strong.v2 {padding: 10px 0 0;}
}

/*서포트*/
.support{position:relative;}
.support h5{color:#1c1c1c;font-weight:700;font-size:60px;line-height:1.1;}
.support h5:after{content:'';display:inline-block;vertical-align:middle;margin:15px 0 0 8px;width:12px;height:12px;border-radius:50%;background:#d82e39;}
.support .bx1{position:relative;z-index:2;color:#1c1c1c;padding:0 0 86px;}
.support .bx1 h5{font-size: 60px; padding-bottom:36px;}
.support .bx1 p{line-height:1.3;font-size:20px;font-weight:500;word-break:keep-all;}
.support .bx1 p:last-child{font-weight: 700; padding-top: 46px;}

.support .bx2{position:relative;z-index:3;padding:0px 0 80px;}
.support .bx2:before{content:'';display:block;z-index:-1;position:absolute;top:0;bottom:0;right:-260px;left:-260px;background:#f0f0f0;}
.support .bx2 .tit-bx{position:relative;padding:85px 0 75px;z-index:1;}
.support .bx2 .tit-bx span{display:block;line-height:1.2;margin-top:15px;color:#1c1c1c;font-weight:500;font-size:20px;}
.support .bx2 .tit-bx:before{content:'';display:block;z-index:-1;left:50%;margin-left:270px;position:absolute;bottom:0;background:url(/page/idq2025/images/sub/bg_support02.jpg) no-repeat center center;background-size:cover;width:706px;height:525px;}
.support .bx2 a{display:block;width:300px;top:110px;left:530px;height:54px;transition:all .15s;border-radius:27px;background:#fff;border:1px solid #d7d0d0;line-height:52px;padding-left:30px;color:#1c1c1c;font-weight:700;font-size:20px;position:absolute;}
.support .bx2 a:hover{text-decoration:none;background:#1b1b1b;color:#fff}
.support .bx2 a:hover strong{color:#da3631}
.support .bx2 a:after{content:'⟶';position:absolute;right:25px;font-weight:100;font-size:26px;top:0;bottom:0;line-height:47px}

.support .bx2 ul{position:relative;}
.support .bx2 ul li{border:1px solid #a0a0a0;border-width:1px 0;position:relative;display:flex;height:88px;padding:5px 0;}
.support .bx2 ul li + li{margin-top:-1px;}
.support .bx2 ul li em{flex-basis:55px;align-items:center;justify-content:center;color:#da3631;font-weight:700;font-size:20px;display:flex;flex-shrink:0;}
.support .bx2 ul li p{display:flex;align-items:center;font-size:20px;font-weight:500;color:#1c1c1c;}
.support .bx2 ul li p span{display:block;word-break:keep-all;line-height:1.4;}
.support .bx2 ul li p span strong{font-weight: 700;}

.support .bx3{position:relative;padding:80px 0 0px;display:flex;}
.support .bx3 .tit-bx{flex-basis:495px;display:flex;flex-direction:column;justify-content:center;}
.support .bx3 .tit-bx > div{margin-top: 38px;}
.support .bx3 .tit-bx span{line-height:1.5;color:#1c1c1c;font-size:20px;font-weight:500;}
.support .bx3 .info-bx{display:flex;align-items:center;flex:1}
.support .bx3 .info-bx > div{border-radius:20px;background:url(/page/idq2025/images/sub/bg_support03.jpg) no-repeat right bottom;background-size:cover;color:#fff;padding:53px 20px 50px 45px;flex:1}
.support .bx3 .info-bx > div + div{margin-left:25px;background:url(/page/idq2025/images/sub/bg_support04.jpg) no-repeat left bottom;background-size:cover;}

.support .bx3 .info-bx h6{font-size:30px;font-weight:700;line-height:1.1;display:inline-block;position:relative;margin-bottom:97px;}
.support .bx3 .info-bx p{font-size:18px;font-weight:300;line-height:1.7;}
.support .bx3 .info-bx p a{color:#fff;}


@media (max-width:1399px) {
  .support{padding-top:15px;}
  .support h4{font-size:36px;padding-left:78px;margin-bottom:22px;}
  .support h4:after{transform:scale(.75);transform-origin:0% 0%;top:6px;}
  .support h4 + span{font-size:18px;}

  .support h5{font-size:30px;}
  .support h5:after{margin:12px 0 0 8px;width:8px;height:8px;}

  .support .bx1:before{left:-20px;}
  .support .bx1 h5{padding-bottom:23px;}
  .support .bx1 p{font-size:15px;}

  .support .bx2{padding:0px 0 45px;}
  .support .bx2 .tit-bx{padding:40px 0 35px;}
  .support .bx2 .tit-bx span{margin-top:12px;font-size:16px;}
  .support .bx2 .tit-bx:before{display:none;}
  .support .bx2 a{width:250px;top:auto;left:auto;height:46px;line-height:44px;padding-left:20px;font-size:15px;position:relative;margin-top:18px;}
  .support .bx2 a:after{right:15px;font-size:22px;top:0;bottom:0;line-height:38px}

  .support .bx2 ul li{height:72px;padding:5px 0;}
  .support .bx2 ul li em{font-size:16px;}
  .support .bx2 ul li p{padding-left:5px;font-size:16px;}

  .support .bx3{padding:50px 0 0px;}
  .support .bx3 .tit-bx{flex-basis:365px;}
  .support .bx3 .tit-bx span{margin-top:30px;font-size:15px;}
  .support .bx3 .tit-bx span + span{margin-top:23px;}
  .support .bx3 .info-bx > div{border-radius:15px;padding:33px 15px 30px 25px;}
  .support .bx3 .info-bx > div + div{margin-left:15px;}

  .support .bx3 .info-bx h6{font-size:24px;margin-bottom:70px;}
  .support .bx3 .info-bx p{font-size:15px;}

}

@media (max-width:991px) { 
  .support{padding-top:10px;}
  .support h4{font-size:32px;padding-left:67px;margin-bottom:20px;}
  .support h4:after{transform:scale(.64);transform-origin:0% 0%;top:6px;}
  .support h4 + span{font-size:16px;}

  .support h5{font-size:26px;}
  .support h5:after{margin:10px 0 0 7px;width:7px;height:7px;}

  .support .bx1{padding: 0 0 46px;}
  .support .bx1:before{left:-20px;}
  .support .bx1 h5{padding-bottom:20px; font-size: 28px;}
  .support .bx1 p{font-size:14px;}

  .support .bx2{padding:0px 0 35px;}
  .support .bx2 .tit-bx{padding:30px 0 25px;}
  .support .bx2 .tit-bx span{margin-top:11px;font-size:15px;}
  .support .bx2 a{width:235px;height:44px;line-height:42px;padding-left:20px;font-size:15px;position:relative;margin-top:17px;}
  .support .bx2 a:after{right:15px;font-size:18px;top:0;bottom:0;line-height:37px}

  .support .bx2 ul li{height:70px;padding:5px 0;}
  .support .bx2 ul li em{font-size:16px; flex-basis: 40px;}
  .support .bx2 ul li p{padding-left:5px;font-size:15px;}

  .support .bx3{padding:35px 0 0px;display:block;}
  .support .bx3 .tit-bx{margin-bottom:20px;}
  .support .bx3 .tit-bx span{margin-top:13px;font-size:14px;word-break:keep-all;}
  .support .bx3 .tit-bx span + span{margin-top:4px;}
  .support .bx3 .tit-bx span br{display:none;}

  .support .bx3 .info-bx > div{border-radius:10px;padding:27px 15px 25px 20px;}
  .support .bx3 .info-bx > div + div{margin-left:10px;}

  .support .bx3 .info-bx h6{font-size:22px;margin-bottom:45px;}
  .support .bx3 .info-bx p{font-size:14px;}
  .support .bx3 .tit-bx > div{margin-top: 28px;}
}

@media (max-width:760px) {
  .support{padding-top:5px;}
  .support h4{font-size:28px;padding-left:48px;margin-bottom:15px;}
  .support h4:after{transform:scale(.47);top:7px;}
  .support h4 + span{font-size:14px;}

  .support h5{font-size:22px;}
  .support h5:after{margin:8px 0 0 7px;width:6px;height:6px;}

  .support .bx1:before{left:-20px;}
  .support .bx1 h5{padding-bottom:20px; font-size: 24px;}
  .support .bx1 p{font-size:13px;}
  .support .bx1 p:last-child{padding-top: 16px;}
  .support .bx1 p br{display:none;}

  .support .bx2{padding:0px 0 30px;}
  .support .bx2 .tit-bx{padding:27px 0 20px;}
  .support .bx2 .tit-bx span{margin-top:10px;font-size:14px;}
  .support .bx2 a{width:215px;height:42px;line-height:42px;padding-left:20px;font-size:14px;position:relative;margin-top:15px;}
  .support .bx2 a:after{right:15px;font-size:16px;top:0;bottom:0;line-height:34px}

  .support .bx2 ul li{height:76px;padding:5px 0;}
  .support .bx2 ul li em{flex-basis:30px;font-size:15px;}
  .support .bx2 ul li p{padding-left:5px;font-size:13px;}

  .support .bx3{padding:30px 0 0px;}
  .support .bx3 .tit-bx{margin-bottom:18px;}
  .support .bx3 .tit-bx span{margin-top:12px;font-size:14px;}
  .support .bx3 .tit-bx span + span{margin-top:3px;}
  .support .bx3 .tit-bx span br{display:none;}

  .support .bx3 .tit-bx > div{margin-top: 18px;}

  .support .bx3 .info-bx{display:block;}
  .support .bx3 .info-bx > div{border-radius:5px;padding:21px 10px 18px 15px;}
  .support .bx3 .info-bx > div + div{margin:5px 0 0;}

  .support .bx3 .info-bx h6{font-size:18px;margin-bottom:20px;}
  .support .bx3 .info-bx h6:after{right:-13px;top:-8px;width:5px;height:5px;}
  .support .bx3 .info-bx p{font-size:13px;}
}