@charset "UTF-8";

/* Pretendard */
@font-face{
    font-family:'Pretendard-Bold';
    font-weight: 700;
    src:url("../font/Pretendard-Bold.woff2") format('woff2'), url("../font/Pretendard-Bold.woff") format('woff');
}

/* 남용행위유형 33 */
.cts33 .guide-txt{margin-bottom:4rem;}
@media all and (max-width:599px){
    .cts33 .guide-txt{margin-bottom:3rem;}
}

/* 기업결합신고 39 */
.cts39 .tbl .btn.sm{position:relative; min-width:23rem; font-size:var(--krds-btn-fz-xsm); justify-content:unset;}
.cts39 .tbl .btn.sm[class*=ico-]:after{position:absolute; right:1.2rem; width:1.6rem; height:1.6rem;}

/* 경제력집중억제 기본개념 46 */
.cts46 .cts46_box{position:relative; padding-top:13rem; padding-bottom:24.3rem; border-radius:1.2rem; border:0.1rem solid #c6c6c6; text-align:center; background:url('/site/www/img/contents/cts46_bg.png') no-repeat top 6.5rem center;}
.cts46 .cts46_box .cts46_title{display:flex; justify-content:center; align-items:center; width:20rem; height:20rem; margin:0 auto; border-radius:50%; background:linear-gradient(295deg, rgba(250,196,170,1) 0%, rgba(65,69,197,1) 90%);}
.cts46 .cts46_box .cts46_title span{color:#fff; font-size:2rem; line-height:3rem; letter-spacing:0; font-weight:700;}
.cts46 .cts46_box ul{}
.cts46 .cts46_box ul li{display:flex; position:absolute; justify-content:center; align-items:center; width:16rem; height:7rem; padding:0 1rem; border-radius:30rem; box-shadow:1.3rem 1.3rem 4rem 0 rgba(16,50,111,0.15);  background-color:rgba(255,255,255,0.6); color:#1d1d1d; word-break:keep-all;}
.cts46 .cts46_box ul li.n1{top:19.5rem; left:calc(50% - 37.5rem);}
.cts46 .cts46_box ul li.n2{top:31.3rem; left:calc(50% - 35.5rem);}
.cts46 .cts46_box ul li.n3{bottom:9.3rem; left:calc(50% - 26.5rem);}
.cts46 .cts46_box ul li.n4{bottom:6.3rem; left:0; right:0; margin:0 auto;}
.cts46 .cts46_box ul li.n5{bottom:9.3rem; right:calc(50% - 26.5rem);}
.cts46 .cts46_box ul li.n6{top:31.3rem; right:calc(50% - 35.5rem);}
.cts46 .cts46_box ul li.n7{top:19.5rem; right:calc(50% - 37.5rem);}
@media all and (max-width:1280px){
    .cts46 .cts46_box{padding:5rem 2rem; background:none;}
    .cts46 .cts46_box ul{position:relative; padding-top:3rem;}
    .cts46 .cts46_box ul:before{display:block; position:absolute; z-index:-1; top:0; left:0; right:0; width:1px; height:100%; margin:0 auto; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAAXNSR0IArs4c6QAAABJJREFUGFdjuPzw938GBMEABACJJAsLYRoI/gAAAABJRU5ErkJggg==') repeat-y; content:'';}
    .cts46 .cts46_box ul li{position:relative; top:auto!important; left:auto!important; right:auto!important; bottom:auto!important; width:30rem; margin:0 auto;}
    .cts46 .cts46_box ul li:before{display:block; position:absolute; top:-1rem; width:2rem; height:2rem; border-radius:50%; border:0.5rem solid #fff; background-color:#d3e1fb; content:'';}
    .cts46 .cts46_box ul li+li{margin-top:2rem!important;}
}
@media all and (max-width:599px){
    .cts46 .cts46_box{padding:3rem 2rem;}
    .cts46 .cts46_box .cts46_title{width:12rem; height:12rem;}
    .cts46 .cts46_box .cts46_title span{font-size:1.6rem; line-height:2.6rem;}
    .cts46 .cts46_box ul li{width:25rem; height:5rem;}
}

/* 경제력집중억제 주요제도 47 */
.cts47 .btn_wrap{margin:var(--krds-spacer-9) 0; text-align:center;}

/* 부당내부거래의유형 56 */
.cts56 .guide-txt{margin-bottom:4rem;}
.cts56 .helper-box.refer{margin-top:var(--krds-spacer-5);}
@media all and (max-width:599px){
    .cts56 .guide-txt{margin-bottom:3rem;}
}

/* 공동행위유형 64 */
.cts64 .guide-txt{margin-bottom:4rem;}
@media all and (max-width:599px){
    .cts64 .guide-txt{margin-bottom:3rem;}
}

/* 금지행위유형 74 */
.cts74 .guide-txt{margin-bottom:4rem;}
@media all and (max-width:599px){
    .cts74 .guide-txt{margin-bottom:3rem;}
}

/* 일반불공정거래행위 81 */
.cts81 .guide-txt{margin-bottom:4rem;}
@media all and (max-width:599px){
    .cts81 .guide-txt{margin-bottom:3rem;}
}

/* 특정불공정거래행위 82 */
.cts82 .guide-txt{margin-bottom:4rem;}
.cts82 .helper-box.refer{margin-top:var(--krds-spacer-5);}
@media all and (max-width:599px){
    .cts82 .guide-txt{margin-bottom:3rem;}
}

/* 재판매가격유지행위 기본개념 96 */
.cts96 .helper-box.refer{margin-top:var(--krds-spacer-5);}

/* 국제경쟁정책 기본개념 101 */
.cts101 .info-list{margin-top:var(--krds-spacer-5);}

/* 소비자정책일반 기본개념 107 */
.cts107 .tbl-wrap.scroll{margin-bottom:2rem;}
.cts107 .img-box.type2.n3{padding-bottom:5.3rem;}
@media all and (max-width:599px){
    .cts107  .img-box.type2.n3{padding:var(--krds-spacer-4) 0;}
}

/* 소비자정책일반 기본개념 109 */
.cts109 .img-box.n1{padding:0;}
.cts109 .img-box.n2{margin-bottom:3rem; padding:2rem 0;}
.cts109 .mark_list{display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap;}
.cts109 .mark_list .mark_item{width:33.33%; padding:1.9rem 1.5rem;}
.cts109 .mark_list .mark_title{display:block; margin-top:1.7rem; color:#555;}
@media all and (max-width:599px){
    .cts109 .mark_list .mark_item{width:50%; padding:1rem 2rem;}
    .cts109 .mark_list .mark_title{margin-top:1rem;}
}

/* 불공정약관심사 주요내용 115 */
.cts115 .guide-txt{margin-bottom:4rem;}
@media all and (max-width:599px){
    .cts115 .guide-txt{margin-bottom:3rem;}
}

/* 부당표시.광고 주요내용 123 */
.cts123 .guide-txt{margin-bottom:4rem;}
@media all and (max-width:599px){
    .cts123 .guide-txt{margin-bottom:3rem;}
}

/* 전자상거래 기본개념 144 */
.cts144 .img-box{padding-top:3rem; padding-bottom:1rem;}
.cts144 .img-box .img-box-title{display:block; margin-bottom:2.5rem; color:#1d1d1d; font-size:2.5rem; font-weight:700;}
@media all and (max-width:599px){
    .cts144 .img-box{padding:var(--krds-spacer-4);}
    .cts144 .img-box .img-box-title{margin-bottom:1.5rem; font-size:1.8rem;}
}

/* 하도급거래 관련제도 154 */
.cts154 .img-box{padding-top:4rem; padding-bottom:0.6rem;}
@media all and (max-width:599px){
    .cts154 .img-box{padding:var(--krds-spacer-4);}
}

/* 하도급거래 제도개선사항 155 */
.cts155 .accordion-item .btn-accordion{font-weight:400;}
.cts155 .accordion-item .btn-accordion span{font-weight:700;}
.cts155 .accordion-item .accordion-body h4:first-child{margin-top:0!important;}
.cts155 .accordion-item .accordion-body .text{color:#555;}
.cts155 .accordion-item .accordion-body .text span{font-weight:700;}
.cts155 .accordion-item .accordion-body .info-list > li span:not(.num){font-weight:700;}
.cts155 .accordion-item .accordion-body .helper-box{margin-top:var(--krds-spacer-3);}
.cts155 .accordion-item .accordion-body .img-box{padding-top:4rem; padding-bottom:3rem; background-color:#edf1f5;}

/* 하도급거래 상습 법위반사업자 157 */
.cts157 .icon-box:not(:first-child){margin-top:6.5rem;}
.cts157 .helper-box.refer{margin-top:2rem;}
@media all and (max-width:599px){
    .cts157 .icon-box:not(:first-child){margin-top:4rem;}
    .cts155 .accordion-item .accordion-body .img-box{padding:var(--krds-spacer-4);}
}

/* 가맹사업거래 관련제도 164 */
.cts164 .img-box{padding-top:2rem; padding-bottom:0.7rem;}
@media all and (max-width:599px){
    .cts164 .img-box{padding-bottom:2rem;}
}

/* 유통거래 관련제도 173 */
.cts164 .img-box{padding-top:0.6rem; padding-bottom:0.6rem;}

/* 대리점거래 관련제도 183 */
.cts180 .img-box{padding-top:0.6rem; padding-bottom:0.6rem;}

/* 위원회심결제도 주요내용 183 */
.cts187 .img-box{padding-top:4rem; padding-bottom:0.8rem;}
@media all and (max-width:599px){
    .cts187 .img-box{padding-top:2.5rem; padding-bottom:1.5rem;}
}

/* 기업거래정책 국정과제 194 */
.cts194{}
.cts194 .task_list{flex:1;}
.cts194 .task_item{display:flex; position:relative; min-height:23rem; border-radius:1.2rem; align-items:center;}
.cts194 .task_item:before{display:block; position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; border-radius:1.2rem; background-color:#eff5ff; content:'';}
.cts194 .task_item:after{display:block; position:absolute; top:0; left:38.7rem; bottom:0; width:5.7rem; height:6.6rem; margin:auto 0; background:url('/site/www/img/contents/cts194_arrow.png') no-repeat; content:'';}
.cts194 .task_item+.task_item{margin-top:3.2rem;}
.cts194 .task_item .task_title{display:flex; position:relative; width:36.9rem; min-height:23rem; padding-top:12.8rem; border-radius:1.2rem; border:0.1rem solid #d4e1f5; box-shadow:0.7rem 0.7rem 2rem 0 rgba(16,50,111,0.05); background-color:#fff; text-align:center;}
.cts194 .task_item .task_title:before{display:block; position:absolute; left:0; right:0; margin:0 auto; content:''; background-repeat:no-repeat; background-size:contain;}
.cts194 .task_item.n1 .task_title:before{top:5rem; width:5.1rem; height:5rem; background-image:url('/site/www/img/contents/cts194_icon01.svg');}
.cts194 .task_item.n2 .task_title:before{top:4rem; width:4.3rem; height:5.1rem; background-image:url('/site/www/img/contents/cts194_icon02.svg');}
.cts194 .task_item.n3 .task_title:before{top:4.2rem; width:5.3rem; height:4.9rem; background-image:url('/site/www/img/contents/cts194_icon03.svg');}
.cts194 .task_item .task_title span{width:100%; color:#003675; font-size:1.7rem; line-height:1.5rem;}
.cts194 .task_item .task_title em{display:block; margin-top:0.5rem; color:#2768ff; font-size:2.2rem; font-weight:700;}
.cts194 .task_item .task_content{position:relative; width:calc(100% - 36.9rem); padding-left:10.8rem; padding-right:2rem; color:#555;}
@media (max-width:1280px) and (min-width:1024px){
    .cts194 .task_item{flex-flow:column;}
    .cts194 .task_item:after{top:calc(50% - 1rem); left:0; right:0; bottom:auto; margin:0 auto; transform:rotate(90deg);}
    .cts194 .task_item .task_title{width:100%;}
    .cts194 .task_item .task_content{width:100%; padding:10rem 3rem 3rem;}
}
@media all and (max-width:1023px){
    .cts194 .task_item:after{left:33.2rem;}
    .cts194 .task_item .task_title{width:32rem;}
    .cts194 .task_item .task_content{width:calc(100% - 32rem); padding-left:8.5rem;}
}
@media all and (max-width:799px){
    .cts194 .task_item{flex-flow:column;}
    .cts194 .task_item:after{top:calc(50% - 1rem); left:0; right:0; bottom:auto; margin:0 auto; transform:rotate(90deg);}
    .cts194 .task_item .task_title{width:100%;}
    .cts194 .task_item .task_content{width:100%; padding:10rem 3rem 3rem;}
}
@media all and (max-width:599px){
    .cts194 .task_item:after{top:18.6rem; width:4rem; height:4.6rem; background-size:contain;}
    .cts194 .task_item .task_title{min-height:18rem; padding-top:9.8rem;}
    .cts194 .task_item.n1 .task_title:before,
    .cts194 .task_item.n2 .task_title:before,
    .cts194 .task_item.n3 .task_title:before{top:3rem;}
    .cts194 .task_item .task_title span{font-size:1.5rem;}
    .cts194 .task_item .task_title em{font-size:2rem;}
    .cts194 .task_item .task_content{padding:6rem 2rem 2.5rem;}
}

/* 통신판매사업자 253 */
.cts253 .box-line .btn-wrap{display:flex; gap:1rem; justify-content:center; flex-wrap:wrap;}

/* 국민신청실명제 296*/
@media all and (min-width:600px){
    .cts296 .icon-box .icon-box-wrap{padding-right:8rem;}
}

/* 신고방법안내(전체) 320 ~ */
.video-wrap{}
.video-wrap .video-box{position:relative; width:100%; height:60.3rem;}
.video-wrap .video-box iframe{width:100%; height:100%; border:none; border-radius:1.2rem;}
.video-wrap .video-text{display:block; position:relative; height:25rem; margin-top:1.2rem; padding:3.3rem 2.3rem 3.3rem 4rem; border-radius:1.2rem; border:0.1rem solid #c6c6c6;}
.video-wrap .video-text .video-text-inner{overflow-y:auto; max-height:18rem; padding-right:1rem; word-break:keep-all;}
.video-wrap .helper-box.refer{min-height:13.9rem; margin-top:1.2rem;}
@media all and (max-width:1023px){
    .video-wrap .video-box{height:50rem;}
}
@media all and (max-width:599px){
    .video-wrap .video-box{height:30rem;}
    .video-wrap .video-text{height:18rem; padding:2.2rem 1rem 2rem 2rem;}
    .video-wrap .video-text .video-text-inner{max-height:13.4rem;}
}

/* 상담 및 방문접수 안내/절차 327 */
.cts327 .icon-box .icon-box-wrap .btn{font-weight:700!important;}
.cts327 .icon-box .icon-box-wrap .btn:after{width:2rem!important; height:2rem!important;}
.cts327 .img-box{margin-top:3rem; padding-bottom:0.8rem;}
@media all and (max-width:599px){
    .cts327 .img-box{padding-bottom:var(--krds-spacer-4);}
}

/* 공정거래위원회 행정서비스헌장 333 */
.cts333 .charter{position:relative; padding:1rem 2.2rem 0 0.5rem;}
.cts333 .charter:before,
.cts333 .charter:after{display:block; position:absolute; z-index:-1; width:5.5rem; height:5.5rem; background:url('/site/www/img/contents/cts333_frame.png') no-repeat 0 0 / cover; content:'';}
.cts333 .charter:before{top:-0.2rem; left:-0.6rem;}
.cts333 .charter:after{top:-0.2rem; right:0.6rem; transform:rotate(90deg);}
.cts333 .charter .charter-frame{position:relative;}
.cts333 .charter .charter-frame:before,
.cts333 .charter .charter-frame:after{display:block; position:absolute; z-index:-1; width:5.5rem; height:5.5rem; background:url('/site/www/img/contents/cts333_frame.png') no-repeat 0 0 / cover; content:'';}
.cts333 .charter .charter-frame:before{bottom:-1.3rem; left:-1.1rem; transform:rotate(270deg);}
.cts333 .charter .charter-frame:after{bottom:-1.3rem; right:-1.6rem; transform:rotate(180deg);}
.cts333 .charter .charter-inner{position:relative; height:100%; border:0.1rem solid #b4c4d6; background:url('/site/www/img/contents/cts333_bg.png') no-repeat bottom center / contain;}
.cts333 .charter .charter-inner:before,
.cts333 .charter .charter-inner:after{display:block; position:absolute; width:calc(100% - 6rem); height:0.4rem; background:url('/site/www/img/contents/cts333_frame_line.png') repeat-x; content:'';}
.cts333 .charter .charter-inner:before{top:-1.3rem; left:3rem;}
.cts333 .charter .charter-inner:after{bottom:-1.4rem; left:3rem; transform:rotate(180deg);}
.cts333 .charter .charter-wrap{position:relative;}
.cts333 .charter .charter-wrap:before,
.cts333 .charter .charter-wrap:after{display:block; position:absolute; top:3rem; width:0.4rem; height:calc(100% - 6rem); background:url('/site/www/img/contents/cts333_frame_line2.png') repeat-y; content:'';}
.cts333 .charter .charter-wrap:before{left:-1.2rem;}
.cts333 .charter .charter-wrap:after{right:-1.7rem; transform:rotate(180deg);}
.cts333 .charter .charter-box{position:relative; padding:7rem 13rem 10.8rem 14.6rem; text-align:center;}
.cts333 .charter .charter-box:before,
.cts333 .charter .charter-box:after{display:block; position:absolute; width:12.4rem; height:12.4rem; background:url('/site/www/img/contents/cts333_deco.png') no-repeat 0 0 / cover; content:'';}
.cts333 .charter .charter-box:before{top:0; left:0;}
.cts333 .charter .charter-box:after{bottom:0; right:0; transform:rotate(180deg);}
.cts333 .charter .charter-box .charter-title{display:block; position:relative; margin-bottom:3.8rem; color:#1d1d1d; font-size:3rem; font-weight:700;}
.cts333 .charter .charter-box .charter-text{font-size:1.9rem; letter-spacing:-0.0125em; text-align:left;}
.cts333 .charter .charter-box .charter-list{position:relative; margin-top:3.2rem; margin-bottom:3.2rem; padding:3.4rem 3.5rem; border-radius:2rem; background-color:#edf1f5; text-align:left;}
.cts333 .charter .charter-box .charter-list ul li{position:relative; padding-left:3.5rem; font-size:1.7rem; letter-spacing:-0.01em; font-weight:700;}
.cts333 .charter .charter-box .charter-list ul li:before{display:block; position:absolute; top:0.2rem; left:0; width:2rem; height:2rem; background:url('/site/www/img/contents/cts333_icon.svg') no-repeat 0 0 / cover; content:'';}
.cts333 .charter .charter-box .charter-list ul li+li{margin-top:1.2rem;}
.cts333 .charter .charter-box .charter-logo{width:16.4rem; height:3.9rem; margin-top:4rem;}
@media all and (max-width:1280px){
    .cts333 .charter .charter-box{padding-left:8rem; padding-right:8rem;}
}
@media all and (max-width:799px){
    .cts333 .charter .charter-box{padding-left:5rem; padding-right:5rem;}
}
@media all and (max-width:599px){
    .cts333 .charter{margin-left:0.6rem; margin-right:-0.6rem;}
    .cts333 .charter .charter-box{padding:4.5rem 2.5rem 6.5rem 2.5rem;}
    .cts333 .charter .charter-box:before,
    .cts333 .charter .charter-box:after{width:8.4rem; height:8.4rem;}
    .cts333 .charter .charter-box .charter-title{margin-bottom:2rem; font-size:2.2rem;}
    .cts333 .charter .charter-box .charter-text{font-size:1.5rem;}
    .cts333 .charter .charter-box .charter-list{margin-top:2rem; margin-bottom:2rem; padding:2rem;}
    .cts333 .charter .charter-box .charter-list ul li{padding-left:2rem; font-size:1.4rem;}
    .cts333 .charter .charter-box .charter-list ul li:before{top:0.3rem; width:1.4rem; height:1.4rem;}
    .cts333 .charter .charter-box .charter-logo{height:3rem; margin-top:3rem;}
}

/* 불공정거래신고 신고하기 372 */
.cts372 .box-group-area{margin-top:3rem;}
.cts372 .accordion.n2{margin-top:2.5rem;}
.cts372 .btn-wrap{margin-top:4rem; text-align:center;}
.cts372 .btn-wrap .btn:hover{color:#fff;}

/* 개인정보처리방침 518 */
.guideline .box-line h4{margin-top:0!important; margin-bottom:3.5rem!important;}
.guideline .box-line .labeling-list{display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap; padding:0 2.5rem 0 2rem;}
.guideline .box-line .labeling-list .labeling-item{text-align:center; margin-bottom:2.5rem;}
.guideline .box-line .labeling-list .labeling-item .labeling-img{display:flex; height:8.9rem; justify-content:center; align-items:center;}
.guideline .box-line .labeling-list .labeling-item .labeling-img img{}
.guideline .box-line .labeling-list .labeling-item span{display:block; margin-top:1.7rem;}
.guideline .box-line p{margin-top:2.5rem; }
.guideline .guide-txt ul{display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap;}
.guideline .guide-txt li{width:50%; padding-right:2rem;}
.guideline .guide-txt li:nth-child(1),
.guideline .guide-txt li:nth-child(2){margin-top:0;}
.guideline .info-box{margin-top:5rem;}
.guideline .info-box h3 span{margin-right:1.2rem;}
.guideline .info-box h3 .info-box-icon{vertical-align:middle;}
.guideline .info-box h3 .info-box-icon.type1{width:3.5rem; height:4.0rem;}
.guideline .info-box h3 .info-box-icon.type2{width:3.7rem; height:3.7rem;}
.guideline .info-box h3 .info-box-icon.type3{width:3.6rem; height:3.6rem;}
.guideline .title-box .form-select{width:34.3rem;}
@media all and (max-width:1280px){
    .guideline .box-line .labeling-list{padding:0;}
}
@media all and (max-width:799px){
    .guideline .box-line .labeling-list .labeling-item{width:33.33%;}
    .guideline .guide-txt li{width:100%;}
    .guideline .guide-txt li:nth-child(2){margin-top:var(--krds-spacer-3);}
}
@media all and (max-width:599px){
    .guideline .box-line h4{margin-bottom:2.5rem!important;}
    .guideline .box-line .labeling-list .labeling-item .labeling-img{height:7rem;}
    .guideline .box-line .labeling-list .labeling-item .labeling-img img{height:100%;}
    .guideline .box-line .labeling-list .labeling-item:nth-child(1) .labeling-img img,
    .guideline .box-line .labeling-list .labeling-item:nth-child(2) .labeling-img img,
    .guideline .box-line .labeling-list .labeling-item:nth-child(6) .labeling-img img{height:92%;}
    .guideline .box-line .labeling-list .labeling-item span{margin-top:1rem;}
    .guideline .box-line p{margin-top:1rem;}
    .guideline .guide-txt li:nth-child(2){margin-top:0.5rem;}
    .guideline .info-box h3 span{margin-right:0.2rem;}
    .guideline .info-box h3 .info-box-icon.type1{width:2.6rem; height:3rem;}
    .guideline .info-box h3 .info-box-icon.type2{width:2.7rem; height:2.7rem;}
    .guideline .info-box h3 .info-box-icon.type3{width:2.7rem; height:2.7rem;}
    .guideline .title-box .form-select{width:100%;}
}

/* 신문불공정거래신고 374 */
.cts374 .btn-wrap{margin-top:4.2rem; text-align:center;}
.cts374 .btn-wrap .btn+.btn{margin-left:0.6rem;}
@media all and (max-width:599px){
    .cts374 .btn-wrap{margin-top:3rem;}
}

/* 불공정거래 신고하기 656 */
.cts656 .box-group-area.half{margin-top:4rem; margin-bottom:4rem;}
@media all and (max-width:599px){
    .cts656 .box-group-area.half{margin-top:3rem; margin-bottom:3rem;}
}

/* 적극행정 소리함 안내 392 */
.cts392 .icon-box{margin-bottom:2.4rem;}

/* 인사말 405 */
.cts405 .greeting{position:relative; margin-top:13.3rem;}
.cts405 .greeting .greeting-box{position:relative; z-index:-1; margin-bottom:8.4rem; padding:9.6rem 3rem 4.5rem 41.8rem; border-radius:1.2rem; background:#edf1f5 linear-gradient(137deg, rgba(32,156,255,0.06) 0%, rgba(104,224,207,0.06) 100%);}
.cts405 .greeting .greeting-box:before{display:block; position:absolute; left:1.9rem; bottom:0; width:34.5rem; height:37.6rem; background:url('/site/www/img/contents/cts405_img.png?v=22_1') no-repeat 0 0 / cover; content:'';}
.cts405 .greeting .greeting-box .title{position:relative; margin-bottom:5.5rem; color:#1d1d1d; font-size:3rem; letter-spacing:-0.01em; font-weight:700;}
.cts405 .greeting .greeting-box .title:before,
.cts405 .greeting .greeting-box .title:after{display:block; position:absolute; z-index:-1; width:18.6rem; height:15.3rem; background:url('/site/www/img/contents/cts405_bg.png') no-repeat 0 0 / cover; content:'';}
.cts405 .greeting .greeting-box .title:before{top:-12.8rem; left:-11.5rem;}
.cts405 .greeting .greeting-box .title:after{bottom:-7.4rem; right:-5.1rem; transform:rotate(180deg);}
.cts405 .greeting .greeting-box .sign{margin-right:2rem; color:#1d1d1d; font-size:1.9rem; text-align:right;}
.cts405 .greeting .greeting-box .sign span{display:inline-block; width:8.7rem; height:3.1rem; margin-top:-0.5rem; margin-left:0.5rem; font-size:0; line-height:0; background:url('/site/www/img/contents/cts405_v2_sign.png?v20250916') no-repeat; vertical-align:top;}
.cts405 .greeting .text{color:#1d1d1d; font-size:1.9rem; letter-spacing:-0.01em;}
.cts405 .greeting .text+.text{margin-top:2.8rem;}
@media all and (max-width:1280px){
    .cts405 .greeting .greeting-box{padding-left:33rem;}
    .cts405 .greeting .greeting-box:before{width:28.8rem; height:29.8rem;}
}
@media all and (max-width:799px){
    .cts405 .greeting .greeting-box{margin-bottom:4rem; padding-top:5rem; padding-left:30rem; padding-bottom:3.5rem;}
    .cts405 .greeting .greeting-box:before{left:1rem; width:27rem; height:28rem;}
    .cts405 .greeting .greeting-box .title{margin-bottom:4rem; font-size:2.5rem;}
    .cts405 .greeting .greeting-box .sign{font-size:1.8rem;}
    .cts405 .greeting .text{font-size:1.7rem;}
    .cts405 .greeting .text+.text{margin-top:2rem;}
}
@media all and (max-width:599px){
    .cts405 .greeting .greeting-box{padding:20rem 2rem 3rem;}
    .cts405 .greeting .greeting-box:before{top:-5.5rem; left:0; right:0; bottom:auto; width:23rem; height:24rem; margin:0 auto;}
    .cts405 .greeting .greeting-box .title{font-size:2.2rem;}
    .cts405 .greeting .greeting-box .title:before,
    .cts405 .greeting .greeting-box .title:after{width:14.8rem; height:12.2rem; background-size:cover;}
    .cts405 .greeting .greeting-box .sign{font-size:1.7rem; margin-right:0;}
    .cts405 .greeting .greeting-box .sign span{width:7rem; height:2.5rem; margin-top:-0.4rem; background-size:cover;}
    .cts405 .greeting .text{font-size:1.6rem;}
    .cts405 .greeting .text+.text{margin-top:1.5rem;}
}

/* 설립목적과 기능 406 */
.cts406 .purpose-box{position:relative; padding:5.4rem 4rem 4.2rem; border-radius:1.2rem; background:linear-gradient(137deg, rgba(199,214,253,1) 0%, rgba(244,228,223,1) 100%); text-align:center;}
.cts406 .purpose-box .purpose-title{display:block; margin-bottom:2.3rem; font-size:3rem; font-weight:700;}
.cts406 .purpose-box .purpose-text{margin-bottom:4.7rem; font-size:1.9rem; letter-spacing:-0.01em; word-break:keep-all;}
.cts406 .purpose-box .purpose-list{}
.cts406 .purpose-box .purpose-item{position:relative; padding:2.3rem 4rem 2.8rem 12rem; border-radius:1rem; border:0.1rem solid #fff; box-shadow:0.4rem 0.4rem 2rem 0 rgba(68,96,168,0.1); background-color:rgba(255,255,255,0.6); text-align:left;}
.cts406 .purpose-box .purpose-item:before{display:block; position:absolute; top:2rem; left:3rem; width:6rem; height:6rem; border-radius:50%; background-color:#fff; background-repeat:no-repeat; background-position:center center; content:'';}
.cts406 .purpose-box .purpose-item.n1:before{background-size:3.4rem 2.9rem; background-image:url('/site/www/img/contents/cts406_icon01.svg');}
.cts406 .purpose-box .purpose-item.n2:before{background-size:3.2rem 3rem; background-image:url('/site/www/img/contents/cts406_icon02.svg');}
.cts406 .purpose-box .purpose-item+.purpose-item{margin-top:1.2rem;}
.cts406 .purpose-box .purpose-item span{display:block; margin-bottom:0.8rem; color:#1d1d1d; font-size:1.9rem; font-weight:700;}
.cts406 .purpose-box .purpose-item p{color:#555; word-break:keep-all;}
@media all and (max-width:599px){
    .cts406 .purpose-box{padding:3.5rem 2rem 3rem;}
    .cts406 .purpose-box .purpose-title{margin-bottom:1.5rem; font-size:2.4rem;}
    .cts406 .purpose-box .purpose-text{margin-bottom:3rem; font-size:1.6rem;}
    .cts406 .purpose-box .purpose-text br{display:none;}
    .cts406 .purpose-box .purpose-item{padding:9rem 2rem 2rem;}
    .cts406 .purpose-box .purpose-item:before{top:1.5rem; left:0; right:0; margin:0 auto;}
    .cts406 .purpose-box .purpose-item span{font-size:1.7rem;}
}

/* 기관상징 407 */
.cts407 .helper-box.refer{margin-top:0;}
.cts407 .img-box.n1{margin-bottom:1.2rem; padding-top:5.3rem; padding-bottom:3.8rem;}
.cts407 .img-box.n2{padding:0.4rem 2rem 2rem;}
.cts407 .img-box.n2 .logo-list{display:flex; flex-direction:row; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.cts407 .img-box.n2 .logo-item{width:50%; padding:3.5rem 1rem;}
.cts407 .img-box.n2 .logo-item:nth-child(1) img{width:18.3rem;}
.cts407 .img-box.n2 .logo-item:nth-child(2) img{width:23.8rem;}
.cts407 .img-box.n2 .logo-item:nth-child(3) img{width:25.3rem;}
.cts407 .img-box.n2 .logo-item:nth-child(4) img{width:30.3rem;}
.cts407 .img-box .btn-wrap{margin-top:4.8rem;}
.cts407 .img-box .btn-wrap .btn{width:15rem; padding-left:1.4rem; padding-right:0; justify-content:left;}
.cts407 .img-box .btn-wrap .btn+.btn{margin-left:0.6rem;}
.cts407 .img-box .btn-wrap .btn:first-child:after{margin-left:1.2rem;}
@media all and (max-width:599px){
    .cts407 .img-box.n1{padding:var(--krds-spacer-6) var(--krds-spacer-2);}
    .cts407 .img-box.n2{padding:var(--krds-spacer-2) var(--krds-spacer-2);}
    .cts407 .img-box.n2 .logo-item{width:100%; padding:2.5rem 1rem;}
    .cts407 .img-box .btn-wrap{margin-top:3rem;}
    .cts407 .img-box .btn-wrap .btn{width:auto;}
}

/* 위원장 소개 약력 409 */
.history .history-box{display:block; position:relative; margin-top:13.5rem; padding-left:50%;}
.history .history-box:before{display:block; position:absolute; left:0; bottom:0; width:50%; height:100%; border-radius:1.2rem; background-color:#f8f8f8; content:'';}
.history .history-box:after{display:block; position:absolute; left:calc(25% - 14.4rem); bottom:0; width:28.8rem; height:31.3rem; background:url() no-repeat 0 0 / cover; content:'';}
.history .history-box .history-title{display:block; padding:8.1rem 2rem 8.6rem; text-align:center;}
.history .history-box .history-title:before{display:block; position:absolute; bottom:1.3rem; left:0; right:0; width:27.2rem; height:13.3rem; margin:0 auto; background:url('/site/www/img/contents/cts409_bg.png') no-repeat 0 0 / cover; content:'';}
.history .history-box .history-title span{display:block; position:relative; margin-bottom:0.2rem; color:#1d1d1d; font-size:3rem; font-weight:700;}
.history .history-box .history-title p{position:relative; color:#1d1d1d; font-size:1.9rem;}

@media all and (max-width:1023px){
    .history .history-box{margin-top:10rem;}
}
@media all and (max-width:799px){
    .history .history-box:after{left:calc(25% - 11.5rem); width:23rem; height:25rem;}
    .history .history-box .history-title{padding-top:6rem; padding-bottom:6.5rem;}
    .history .history-box .history-title:before{width:21.8rem; height:10.6rem;}
}
@media all and (max-width:599px){
    .history .history-box{padding-left:0; padding-top:18rem;}
    .history .history-box:before{top:0; width:100%; height:18rem;}
    .history .history-box:after{top:-4rem; left:0; right:0; bottom:auto; width:20.2rem; height:21.9rem; margin:0 auto;}
    .history .history-box .history-title{padding:3rem 2rem;}
    .history .history-box .history-title:before{top:4.6rem; width:27.2rem; height:13.3rem;}
}

/* 역대 위원장 412 */
.past-box{position:relative;}
.past-box .past-list{display:flex; flex-direction:row; justify-content:flex-start; flex-wrap:wrap; margin:0 -1.25rem; text-align:left;}
.past-box .past-item{position:relative; width:calc((100% / 3) - 2.5rem); min-height:32.8rem; margin:0 1.25rem 1.2rem; padding:0 1rem 1rem; text-align:center;}
.past-box .past-item:before{display:block; position:absolute; z-index:-1; left:0; bottom:0; width:100%; height:23.4rem; border-radius:1.2rem; background:linear-gradient(180deg, rgba(199,214,253,1) 0%, rgba(244,228,223,0.2) 65%, rgba(244,228,223,0) 100%); content:'';}
.past-box .past-item .past-inner{position:relative; min-height:23.4rem; margin:0 2rem; padding:1.6rem 1rem 2rem; border-radius:1.2rem; box-shadow:0.4rem 0.4rem 2rem 0 rgba(68,96,168,0.1); background-color:#fff;}
.past-box .past-item .past-inner .num{display:inline-block; margin-bottom:1.7rem; padding-bottom:0.2rem; color:#003675; font-size:1.7rem; font-weight:700; text-decoration:underline; text-decoration-thickness:0.2rem; text-underline-offset:0.7rem;}
.past-box .past-item .past-inner .name{display:block; margin-top:1.7rem; color:#1d1d1d; font-size:2.2rem; font-weight:700;}
.past-box .past-item .past-inner img{display:block; margin:0 auto;}
.past-box .past-item .date{display:block; margin-top:2.4rem; color:#555; font-size:1.7rem; letter-spacing:-0.01em; word-break:keep-all;}
.cts409.history .history-box:after{background:url('/site/www/img/contents/cts409_img.png?v=22_1') no-repeat 0 0 / cover;}
@media all and (max-width:1280px){
    .past-box .past-item{width:calc((100%/2) - 2.5rem);}
}
@media all and (max-width:599px){
    .past-box .past-list{margin:0;}
    .past-box .past-item{width:100%; margin-left:0; margin-right:0;}
}

/* 부위원장 소개 약력 414 */
.cts414.history .history-box:after{width:26.6rem; height:29.8rem; background-image:url('/site/www/img/contents/cts414_img.png');}
@media all and (min-width:800px){
    .cts414.history .history-box:after{left:calc(25% - 13.3rem);}
}
@media all and (max-width:799px){
    .cts414.history .history-box:after{width:21.3rem; height:23.8rem;}
}
@media all and (max-width:599px){
    .cts414.history .history-box:after{top:-3rem; width:18.6rem; height:20.9rem;}
}


/* 상임위원 고병희 419 */
.cts419.history .history-box:after{width:24.9rem; height:31.2rem; background-image:url('/site/www/img/contents/cts419_img.png');}
@media all and (min-width:800px){
    .cts419.history .history-box:after{left:calc(25% - 12.4rem);}
}
@media all and (max-width:799px){
    .cts419.history .history-box:after{width:19.9rem; height:25rem;}
}
@media all and (max-width:599px){
    .cts419.history .history-box:after{top:-3.8rem; width:17.4rem; height:21.8rem;}
}

/* 상임위원 김정기 420 */
.cts420.history .history-box:after{width:28.4rem; height:31.4rem; background-image:url('/site/www/img/contents/cts420_img.png');}
@media all and (min-width:800px){
    .cts420.history .history-box:after{left:calc(25% - 14.2rem);}
}
@media all and (max-width:799px){
    .cts420.history .history-box:after{width:22.7rem; height:25.1rem;}
}
@media all and (max-width:599px){
    .cts420.history .history-box:after{width:19.9rem; height:22rem;}
}

/* 상임위원 유성욱 421 */
.cts421.history .history-box:after{width:25.3rem; height:31.3rem; background-image:url('/site/www/img/contents/cts421_img.png');}
@media all and (min-width:800px){
    .cts421.history .history-box:after{left:calc(25% - 12.6rem);}
}
@media all and (max-width:799px){
    .cts421.history .history-box:after{width:20.2rem; height:25rem;}
}
@media all and (max-width:599px){
    .cts421.history .history-box:after{width:17.7rem; height:21.9rem;}
}

/* 상임위원 황원철 781 */
.cts781.history .history-box:after{width:28.2rem; height:31.3rem; background-image:url('/site/www/img/contents/cts781_img.png');}
@media all and (min-width:800px){
    .cts781.history .history-box:after{left:calc(25% - 12.6rem);}
}
@media all and (max-width:799px){
    .cts781.history .history-box:after{width:24.2rem; height:25rem;}
}
@media all and (max-width:599px){
    .cts781.history .history-box:after{width:19.5rem; height:21.9rem;}
}

/* 상임위원 남동일 800 */
.cts800.history .history-box:after{width:27.2rem; height:30.9rem; background-image:url('/site/www/img/contents/cts800_img.png');}
@media all and (min-width:800px){
    .cts800.history .history-box:after{left:calc(25% - 12.6rem);}
}
@media all and (max-width:799px){
    .cts800.history .history-box:after{width:20.01rem; height:25rem;}
}
@media all and (max-width:599px){
    .cts800.history .history-box:after{width:19.28rem; height:21.9rem;}
}



/* 비상임위원 유성욱 423 */
.cts423.history .history-box:after{width:30.4rem; height:31rem; background-image:url('/site/www/img/contents/cts423_img.png');}
@media all and (min-width:800px){
    .cts423.history .history-box:after{left:calc(25% - 15.2rem);}
}
@media all and (max-width:799px){
    .cts423.history .history-box:after{width:24.3rem; height:24.8rem;}
}
@media all and (max-width:599px){
    .cts423.history .history-box:after{top:-3.7rem; width:21.3rem; height:21.7rem;}
}

/* 비상임위원 신영수 424 */
.cts424.history .history-box:after{width:26.2rem; height:31.3rem; background-image:url('/site/www/img/contents/cts424_img.png');}
@media all and (min-width:800px){
    .cts424.history .history-box:after{left:calc(25% - 14.1rem);}
}
@media all and (max-width:799px){
    .cts424.history .history-box:after{width:21rem; height:25rem;}
}
@media all and (max-width:599px){
    .cts424.history .history-box:after{width:18.3rem; height:21.9rem;}
}

/* 비상임위원 김문성 425 */
.cts425.history .history-box:after{width:27.7rem; height:31.4rem; background-image:url('/site/www/img/contents/cts425_img.png');}
@media all and (min-width:800px){
    .cts425.history .history-box:after{left:calc(25% - 13.8rem);}
}
@media all and (max-width:799px){
    .cts425.history .history-box:after{width:22.2rem; height:25.1rem;}
}
@media all and (max-width:599px){
    .cts425.history .history-box:after{width:19.4rem; height:22rem;}
}

/* 비상임위원 오규성 426 */
.cts426.history .history-box:after{width:28.9rem; height:31.4rem; background-image:url('/site/www/img/contents/cts426_img.png');}
@media all and (min-width:800px){
    .cts426.history .history-box:after{left:calc(25% - 14.5rem);}
}
@media all and (max-width:799px){
    .cts426.history .history-box:after{width:23.1rem; height:25.1rem;}
}
@media all and (max-width:599px){
    .cts426.history .history-box:after{width:20.2rem; height:22rem;}
}

/* 찾아오시는길 서울사무소 434 */
.cts434 .btn-wrap{margin-top:2.4rem;}

/* 찾아오시는길 부산사무소 434 */
.cts439 .btn-wrap{margin-top:2.4rem;}

/* 찾아오시는길 광주사무소 434 */
.cts444 .btn-wrap{margin-top:2.4rem;}
@media all and (min-width:600px){
    .cts444 .tbl-wrap .def-list > dt{width:23.4rem;}
    .cts444 .tbl-wrap .def-list > dd{width:calc(100% - 23.4rem);}
}

/* 찾아오시는길 대전사무소 449 */
.cts449 .btn-wrap{margin-top:2.4rem;}

/* 찾아오시는길 대구사무소 454 */
.cts454 .btn-wrap{margin-top:2.4rem;}
@media all and (min-width:600px){
    .cts454 .tbl-wrap .def-list > dt{width:23.4rem;}
    .cts454 .tbl-wrap .def-list > dd{width:calc(100% - 23.4rem);}
}

/* 산하기관 455 */
.cts455 .agency-box{position:relative; border-top:0.1rem solid #8e8e8e; border-bottom:0.1rem solid #d8d8d8;}
.cts455 .agency-box .agency-list{display:flex; position:relative; flex-direction:row; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.cts455 .agency-box .agency-list:before{display:block; position:absolute; top:0; bottom:0; left:0; right:0; width:0.1rem; height:calc(100% - 9.3rem); margin:auto; background-color:#d8d8d8; content:'';}
.cts455 .agency-box .agency-item{position:relative; width:50%; padding:6rem 2.5rem 7.2rem; text-align:center;}
.cts455 .agency-box .agency-item .btn{margin-top:5.4rem;}
.cts455 .agency-box .agency-item span{display:block; height:6.5rem;}
.cts455 .agency-box .agency-item.n2 span{padding-top:0.7rem;}
.cts455 .agency-box .agency-item img{vertical-align:middle;}
.cts455 .agency-box .agency-item.n2 img{width:33.9rem;}
@media all and (max-width:599px){
    .cts455 .agency-box .agency-item{width:100%; padding:4rem 2rem 3rem;}
    .cts455 .agency-box .agency-list:before{display:none;}
    .cts455 .agency-box .agency-item.n1:before{display:block; position:absolute; left:0; right:0; bottom:0; width:calc(100% - 4rem); height:0.1rem; margin:0 auto; background-color:#d8d8d8; content:'';}
    .cts455 .agency-box .agency-item span{height:auto;}
    .cts455 .agency-box .agency-item.n2 span{padding:0 2rem;}
    .cts455 .agency-box .agency-item.n2 img{width:auto;}
    .cts455 .agency-box .agency-item .btn{margin-top:3rem;}
}

/* 조직변천사 457 */
.cts457 .history-change{margin-top:7.4rem;}
.cts457 .history-change .history-list{}
.cts457 .history-change .history-item{display:flex; align-items:flex-start; justify-content:flex-start; flex-direction:row; position:relative; margin-bottom:2.2rem; padding:1.5rem 0;}
.cts457 .history-change .history-item:before{display:block; position:absolute; top:2.1rem; left:17.5rem; width:2rem; height:2rem; border-radius:50%; border:0.5rem solid #5089ef; box-shadow:0.3rem 0.4rem 1rem 0 rgba(80,137,239,0.3);  background-color:#fff; content:'';}
.cts457 .history-change .history-item:after{display:block; position:absolute; top:5.5rem; left:18.23rem; width:0.6rem; height:calc(100% - 6.8rem); border-radius:0.3rem; background-color:#eff5ff; content:'';}
.cts457 .history-change .history-item .history-year{position:relative; padding-left:5.7rem; width:18.9rem; color:#1d1d1d; font-size:2.5rem; font-family:'Pretendard-Bold';  font-weight:700;}
.cts457 .history-change .history-item .history-content{width:calc(100% - 18.9rem); padding-top:0.2rem; padding-left:3.7rem;}
.cts457 .history-change .history-item .history-content{}
.cts457 .history-change .history-item .history-content ul{}
.cts457 .history-change .history-item .history-content li{display:block;}
.cts457 .history-change .history-item .history-content li+li{margin-top:2rem;}
.cts457 .history-change .history-item .history-content li .date{display:block; margin-bottom:0.9rem; color:#5089ef; font-size:1.9rem; letter-spacing:-0.01em; font-family:'Pretendard-Bold'; font-weight:700;}
.cts457 .history-change .history-item .history-content li .text{color:#555; font-size:1.7rem; letter-spacing:-0.01em; word-break:keep-all;}
@media all and (max-width:1023px){
    .cts457 .history-change{margin-top:0;}
}
@media all and (max-width:599px){
    .cts457 .history-change .history-item{flex-direction:column; margin-bottom:1rem;}
    .cts457 .history-change .history-item:before{left:0;}
    .cts457 .history-change .history-item:after{left:0.75em;}
    .cts457 .history-change .history-item .history-year{width:100%; padding-left:3.5rem; font-size:2.2rem;}
    .cts457 .history-change .history-item .history-content{width:100%; margin-top:1rem; padding-top:0; padding-left:3.5rem;}
    .cts457 .history-change .history-item .history-content li .date{margin-bottom:0.5rem; font-size:1.7rem;}
    .cts457 .history-change .history-item .history-content li .text{font-size:1.5rem;}
}

/* 예산현황 459 ~ */
.budget_status .tbl .arrow_down{display:inline-block; width:2.3rem; height:2.3rem; font-size:0; line-height:0; background:url('/site/www/img/contents/arrow_down_icon.png') no-repeat center center; vertical-align:top;}
.budget_status .tbl .arrow_up{display:inline-block; width:2.3rem; height:2.3rem; font-size:0; line-height:0; background:url('/site/www/img/contents/arrow_down_icon2.png') no-repeat center center; vertical-align:top;}

/* 청사안내 찾아오시는길 474 */
.cts474 .btn-wrap{margin-top:2.4rem;}
.cts474 .btn-wrap .btn+.btn{margin-left:0.6rem;}
@media all and (max-width:599px){
    .cts474 .btn-wrap .btn{margin:0.4rem!important;}
    .cts474 .btn-wrap .btn+.btn{margin-left:0;}
}

/* 공정위 30주년 발자취 476 */
.cts476 .anniversary-box{position:relative; z-index:1; min-height:37rem; padding:9.7rem 36rem 9.7rem 9.5rem; border-radius:1.2rem; box-shadow:1.3rem 1.3rem 4rem 0 rgba(16,50,111,0.15); background:url('/site/www/img/contents/cts476_bg.png') center center / cover, linear-gradient(305deg, rgba(250,196,170,1) 20%, rgba(65,69,197,1) 85%);}
.cts476 .anniversary-box .text{display:block; position:absolute; top:3.4rem; right:6.2rem; width:31.1rem; height:27.9rem; background:url('/site/www/img/contents/cts476_img.png') no-repeat 0 0 / contain; font-size:0; line-height:0; content:'';}
.cts476 .anniversary-box p{display:block; color:#fff; font-size:2.5rem; font-weight:700; word-break:keep-all;}
.cts476 .anniversary-content{position:relative; margin-top:-1.2rem; margin-bottom:4rem; padding:4.6rem 5.5rem 2.7rem 4rem; border-radius:1.2rem; background-color:#f8f8f8;}
.cts476 .anniversary-content p{display:block; margin-bottom:3rem; color:#1d1d1d; font-size:1.9rem;}
@media all and (max-width:1280px){
    .cts476 .anniversary-box{padding:5rem 9rem 7rem; text-align:center;}
    .cts476 .anniversary-box .text{position:relative; top:auto; right:-1.6rem; margin: 0 auto;}
}
@media all and (max-width:599px){
    .cts476 .anniversary-box{padding:3rem 2rem 4.5rem;}
    .cts476 .anniversary-box .text{width:20.2rem; height:18.1rem;}
    .cts476 .anniversary-box p{font-size:2rem;}
    .cts476 .anniversary-content{margin-bottom:3rem; padding:3.6rem 2rem 2rem;}
    .cts476 .anniversary-content p{margin-bottom:2rem; font-size:1.7rem;}
}

/* 위원장 나라경제 인터뷰 477 */
.cts477 .box-group-area{margin-top:3.6rem;}
@media all and (max-width:599px){
    .cts477 .box-group-area{margin-top:1.6rem;}
}

/* 공정거래 40주년 심포지엄 481 */
.cts481 .box-group-area{margin-top:3.6rem;}
@media all and (max-width:599px){
    .cts481 .box-group-area{margin-top:1.6rem;}
}

/* 누리집 이용안내 516 */
.cts516 .box-group-area{margin-top:2rem;}
@media all and (max-width:599px){
    .cts516 .box-group-area{margin-top:1rem;}
}

/* 문서보기 프로그램 517 */
.cts517 .agency-box{position:relative; border-top:0.1rem solid #8e8e8e; border-bottom:0.1rem solid #d8d8d8;}
.cts517 .agency-box .agency-list{display:flex; position:relative; flex-direction:row; justify-content:space-between; flex-wrap:wrap;}
.cts517 .agency-box .agency-list:before{display:block; position:absolute; top:0; bottom:0; left:0; right:0; width:0.1rem; height:calc(100% - 9.3rem); margin:auto; background-color:#d8d8d8; content:'';}
.cts517 .agency-box .agency-item{position:relative; width:50%; padding:6.3rem 2rem 8.5rem 4rem;}
.cts517 .agency-box .agency-item .agency-image{display:block; height:6.5rem;}
.cts517 .agency-box .agency-item .agency-image span{display:inline-block; width:6.4rem; height:6.5rem; background-repeat:no-repeat; background-position:bottom left; background-size:cover; font-size:0; line-height:0; vertical-align:top;}
.cts517 .agency-box .agency-item.n1 .agency-image span:nth-child(3){background-size:auto 7.2rem;}
.cts517 .agency-box .agency-item .title{display:block; margin-top:3.2rem; margin-bottom:1.6rem; color:#1d1d1d; font-size:2.5rem; font-weight:700;}
.cts517 .agency-box .agency-item .text{display:block; min-height:5.1rem; color:#555;}
.cts517 .agency-box .agency-item .btn{margin-top:4.3rem;}
@media all and (max-width:1280px){
    .cts517 .agency-box .agency-list:before{display:none;}
    .cts517 .agency-box .agency-item{width:100%; padding-bottom:6.3rem;}
    .cts517 .agency-box .agency-item.n1:before{display:block; position:absolute; left:0; right:0; bottom:0; width:calc(100% - 4rem); height:0.1rem; margin:0 auto; background-color:#d8d8d8; content:'';}
    .cts517 .agency-box .agency-item .text{min-height:auto;}
}
@media all and (max-width:599px){
    .cts517 .agency-box .agency-item{padding:4rem 2rem;}
    .cts517 .agency-box .agency-item .title{margin-top:2rem; margin-bottom:1rem; font-size:2rem;}
    .cts517 .agency-box .agency-item .btn{margin-top:2.5rem;}
}

/* 저작권정책 520 */
.cts520 .box-line{margin-bottom:var(--krds-spacer-5);}
.cts520 .box-line .text-center{margin-top:1.5rem;}
.cts520 .box-line img{width:18.5rem;}
.cts520 .helper-box.refer{margin-bottom:3rem;}

/* 웹접근성안내 522 */
.cts522 .box-line{position:relative; padding-left:26.5rem;}
.cts522 .box-line img{position:absolute; left:4rem; width:17.9rem; height:11.7rem;}
.cts522 .box-line .txt{margin-bottom:3rem;}
.cts522 .img-box.type2{padding-top:0.3rem; padding-bottom:0.7rem;}
@media all and (max-width:1000px){
    .cts522 .box-line{padding-left:24.5rem;}
    .cts522 .box-line img{left:3rem;}
}
@media all and (max-width:599px){
    .cts522 .box-line{padding-left:var(--krds-spacer-5);}
    .cts522 .box-line img{display:block; position:relative; left:auto; margin:0 auto 2rem;}
    .cts522 .box-line .txt{margin-bottom:1.5rem;}
    .cts522 .img-box.type2{padding-top:var(--krds-spacer-4); padding-bottom:var(--krds-spacer-4);}
}

/* 한눈에 보는 공정거래제도 662 */
.cts662{}
.cts662 .cts662-box{display:flex; flex-direction:row; align-items:center; position:relative; padding:3.9rem 0 3.8rem 4rem; border-top:0.1rem solid #8e8e8e; border-bottom:0.1rem solid #d8d8d8;}
.cts662 .cts662-box img{}
.cts662 .cts662-box .cts662-right{display:block; padding-left:3.9rem;}
.cts662 .cts662-box .cts662-title{margin-bottom:1.5rem; color:#1d1d1d; font-size:2.5rem; letter-spacing:0; font-weight:700;}
.cts662 .cts662-box .cts662-text{color:#555; font-size:1.7rem;}
.cts662 .cts662-box .btn-wrap{display:block; margin-top:6.9rem;}
.cts662 .cts662-box .btn-wrap .btn{justify-content:space-between; width:11.4rem;}
.cts662 .cts662-box .btn-wrap .btn+.btn{margin-left:0.4rem;}
@media all and (max-width:599px){
    .cts662 .cts662-box{flex-direction:column; padding:3rem 0;}
    .cts662 .cts662-box .cts662-right{margin-top:2rem; padding-left:0;}
    .cts662 .cts662-box .cts662-title{margin-bottom:1.2rem; font-size:var(--krds-fz-title-lg);}
    .cts662 .cts662-box .cts662-text{font-size:1.5rem;}
    .cts662 .cts662-box .btn-wrap{margin-top:4rem;}
}

/* 하도급법 위반행위 공통 338 ~ */
.law-wrap .step-wrap{margin-bottom:10rem;}
.law-wrap .tbl-wrap{padding-bottom:0.8rem; border-bottom:0.1rem solid #d8d8d8;}
.law-wrap .tbl-wrap .def-list{border-bottom:none;}
.law-wrap .tbl-wrap .helper-box.refer{margin-top:0; margin-bottom:var(--krds-spacer-3);}
@media all and (min-width:600px){
    .law-wrap .tbl-wrap .def-list > dt{width:17.4rem; padding-right:1rem;}
    .law-wrap .tbl-wrap .def-list > dd{width:calc(100% - 17.4rem);}
}
@media all and (max-width:599px){
    .law-wrap .step-wrap{margin-bottom:6rem;}
    .law-wrap .tbl-wrap .def-list > dt{width:100%;}
    .law-wrap .tbl-wrap .def-list > dd{width:100%; padding-top:0;}
}

/* 조직도 */
.cts427 .organization a:focus{outline:2px solid red;}
.cts427 .organization{position:relative; font-size:0; line-height:0;}
.cts427 .organization .chairman{position:relative; width:14rem; height:12rem; margin:0 auto; border-radius:6rem; background:linear-gradient(145deg, #4145c5, #5089ef); box-shadow:1.3rem 1.3rem 4rem rgba(16,50,111,0.15); text-align:center;}
.cts427 .organization .chairman a{display:inline-block; width:100%; height:100%; padding:4.6rem 0; border-radius:6rem; color:#fff; font-size:1.9rem; font-weight:700; line-height:2.8rem;}

.cts427 .organization .depth0-list{position:absolute; top:2.9rem; left:0;}
.cts427 .organization .depth0-list .depth0-item{display:block; position:relative; width:20rem; margin-bottom:0.5rem; text-align:center;}
.cts427 .organization .depth0-list .depth0-item a{display:block; width:100%; height:5.5rem; padding:1.5rem 0; border-radius:0.7rem; background-color:#16408d; color:#fff; font-size:1.7rem; line-height:2.5rem; vertical-align:middle;}

.cts427 .organization .depth1-list{position:relative; padding-top:4rem; text-align:center;}
.cts427 .organization .depth1-list .depth1-item{position:relative; width:20rem; margin:0 auto;}
.cts427 .organization .depth1-list .depth1-item .depth1-tit{display:block; position:relative; z-index:1; width:100%; height:5.5rem; padding:1.5rem 0; border-radius:0.7rem; background-color:#5089ef; color:#fff; font-size:1.7rem; line-height:2.5rem;}
.cts427 .organization .depth1-list .depth1-item.right{position:absolute; top:-0.5rem; right:0;}
.cts427 .organization .depth1-list .depth1-item.right.n2{top:13.1rem;}
.cts427 .organization .depth1-list .depth1-item.right .depth1-tit{padding:1.3rem 0; border:0.2rem solid #1d56bc; background-color:#fff; color:#16408d;}
.cts427 .organization .depth1-list .depth1-item.left{position:absolute; top:13.1rem; left:0;}
.cts427 .organization .depth1-list .depth1-item.left .depth1-tit{padding:1.3rem 0; border:0.2rem solid #5089ef; background-color:#fff; color:#5089ef; font-weight:700;}

.cts427 .organization .bottom-list{position:relative; top:-0.1rem; z-index:0; padding:2.1rem 1.5rem 0.9rem; border:0.1rem solid #c6c6c6; border-radius:0 0 0.5rem 0.5rem; text-align:left;}
.cts427 .organization .bottom-list .bottom-item + .bottom-item{margin-top:0.6rem;}
.cts427 .organization .bottom-list .bottom-item .bottom-tit{display:inline-block; position:relative; padding-left:0.9rem; color:#555; font-size:1.5rem; line-height:2.4rem; word-break:break-all;}
.cts427 .organization .bottom-list .bottom-item .bottom-tit:before{display:block; position:absolute; top:1.1rem; left:0; width:0.3rem; height:0.3rem; background-color:#555; content:'';}

.cts427 .organization .depth1-list .depth1-item.item2{margin-top:24.3rem;}
.cts427 .organization .depth1-list .depth1-item.item3{position:absolute; top:39.3rem; left:calc(50% + 12.6rem);}
.cts427 .organization .depth1-list .gray{position:absolute; top:18.5rem; width:20rem; padding:1.1rem 1.6rem; border-radius:0.7rem; background-color:#f0f0f0; text-align:left;}
.cts427 .organization .depth1-list .gray.left{left:-22.6rem;}
.cts427 .organization .depth1-list .gray.right{top:13rem; right:-12.6rem;}
.cts427 .organization .depth1-list .gray a{display:block; position:relative; padding-left:0.9rem; font-size:1.5rem; line-height:2.4rem;}
.cts427 .organization .depth1-list .gray a:before{display:block; position:absolute; top:1.1rem; left:0; width:0.3rem; height:0.3rem; background-color:#555; content:'';}
.cts427 .organization .depth1-list .gray a + a{margin-top:0.6rem;}

.cts427 .organization .depth2-list{display:inline-block; position:relative; width:50%; margin-top:26.4rem; vertical-align:top;}
.cts427 .organization .depth2-list .depth2-item{display:inline-block; position:relative; width:calc(50% - 2.6rem); margin-right:1.7rem; margin-left:1.7rem; vertical-align:top;}
.cts427 .organization .depth2-list.list1 .depth2-item:nth-child(odd){margin-left:0;}
.cts427 .organization .depth2-list.list2 .depth2-item:nth-child(2n){margin-right:0;}
.cts427 .organization .depth2-list .depth2-item:nth-child(n+3) .depth3-list{min-height:22.6rem;}
.cts427 .organization .depth2-list .depth2-item .depth2-tit{display:block; position:relative; width:100%; height:5.5rem; padding:1.5rem 0; border-radius:0.7rem; background-color:#1d56bc; color:#fff; font-size:1.7rem; text-align:center; line-height:2.5rem;}
.cts427 .organization .depth2-list .depth2-item .depth2-tit.navy{background-color:#16408d;}
.cts427 .organization .depth3-list{position:relative; min-height:16.7rem; margin-top:2rem; margin-bottom:3rem; padding:1.1rem 1.6rem; border-radius:0.5rem; background-color:#f0f0f0;}
.cts427 .organization .depth3-list .depth3-item + .depth3-item{margin-top:0.6rem;}
.cts427 .organization .depth3-list .depth3-item .depth3-tit{display:inline-block; position:relative; padding-left:0.9rem; color:#555; font-size:1.5rem; line-height:2.4rem;}
.cts427 .organization .depth3-list .depth3-item .depth3-tit:before{display:block; position:absolute; top:1.1rem; left:0; width:0.3rem; height:0.3rem; background-color:#555; content:'';}

.cts427 .organization .depth4-list{position:relative; margin-top:3rem; font-size:0; text-align:center; line-height:0;}
.cts427 .organization .depth4-list .depth4-item{display:inline-block; width:calc((100% - 8.8rem) / 5); margin-right:2.2rem; vertical-align:top;}
.cts427 .organization .depth4-list .depth4-item:last-child{margin-right:0;}
.cts427 .organization .depth4-list .depth4-item .depth4-tit{display:block; position:relative; z-index:1; width:100%; height:5.5rem; padding:1.5rem 0; border-radius:0.7rem; background-color:#33a14b; color:#fff; font-size:1.7rem; line-height:2.5rem;}
.cts427 .organization .depth4-list .depth4-item .bottom-list{min-height:20.6rem;}

/* 조직도 라인 */
.cts427 .organization .chairman:before{display:block; position:absolute; top:0; left:50%; z-index:-1; width:0.1rem; height:75.7rem; background-color:#c6c6c6; content:'';}
.cts427 .organization .depth1-list .depth1-item:nth-child(2):before{display:block; position:absolute; top:-1.7rem; left:50%; width:calc(100% + 70px); height:0.1rem; background-color:#c6c6c6; content:'';}
.cts427 .organization .depth1-list .depth1-item:nth-child(2):after{display:block; position:absolute; left:50%; bottom:-65px; width:270%; height:0.1rem; background-color:#c6c6c6; content:''; transform:translateX(-50%);}
.cts427 .organization .depth1-list .depth1-item.item2:before{display:block; position:absolute; left:50%; bottom:-2.9rem; width:100%; height:0.1rem; background-color:#c6c6c6; content:'';}

.cts427 .organization .depth1-list .depth1-item.item3:after{display:block; position:absolute; top:0; left:calc(50% + 0.7rem); width:0.1rem; height:24.4rem; background-color:#c6c6c6; content:'';}
.cts427 .organization .depth1-list .gray.left:before{display:block; position:absolute; top:50%; left:0; z-index:-1; width:32.6rem; height:0.1rem; background-color:#C6C6C6; content:'';}
.cts427 .organization .depth1-list .gray.right:before{display:block; position:absolute; top:2.4rem; left:-1.9rem; width:1.9rem; height:0.1rem; background-color:#C6C6C6; content:'';}
.cts427 .organization .depth2-list:before{display:block; position:absolute; top:-2.1rem; right:0; width:calc(100% - 100px); height:0.1rem; background-color:#c6c6c6; content:'';}
.cts427 .organization .depth2-list:after{display:block; position:absolute; top:-2.1rem; left:calc(50% - 1.4rem); width:0.1rem; height:28.1rem; background-color:#c6c6c6; content:'';}
.cts427 .organization .depth2-list.list2:before{left:26%; width:calc(50% + 0.8rem);}
.cts427 .organization .depth2-list.list2:after{display:block; position:absolute; top:25.9rem; left:26%; width:calc(50% + 0.8rem); height:0.1rem; background-color:#c6c6c6; content:'';}
.cts427 .organization .depth2-list.list2 .depth2-item:first-child:before{display:block; position:absolute; top:-2rem; right:-17px; width:0.1rem; height:28rem; background-color:#c6c6c6; content:'';}
.cts427 .organization .depth2-list .depth2-item .depth2-tit:before{display:block; position:absolute; top:-2.1rem; left:50%; z-index:-1; width:0.1rem; height:10rem; background-color:#c6c6c6; content:'';}
.cts427 .organization .depth2-list .depth2-item:nth-child(n+3) .depth2-tit:before{top:-1.3rem;}
.cts427 .organization .depth2-list.list1 .depth2-item:nth-child(n+3) .depth2-tit:after{display:block; position:absolute; top:-1.3rem; left:50%; width:calc(50% + 1.2rem); height:0.1rem; background-color:#c6c6c6; content:'';}
.cts427 .organization .depth2-list.list1 .depth2-item:nth-child(2) .depth3-list:before{display:block; position:absolute; top:-1rem; left:50%; width:calc(50% + 1.2rem); height:0.1rem; background-color:#c6c6c6; content:'';}
.cts427 .organization .depth2-list.list1 .depth2-item:nth-child(2) .depth3-list:after{display:block; position:absolute; top:-1rem; right:-1.3rem; width:0.1rem; height:19.5rem; background-color:#c6c6c6; content:'';}

@media all and (max-width:1280px){
    .cts427 .organization .depth0-list .depth0-item, .cts427 .organization .depth1-list .depth1-item, .cts427 .organization .depth1-list .gray{width:18rem;}
    .cts427 .organization .depth1-list .gray.left{left:-15.6rem;}
    .cts427 .organization .depth1-list .gray.left:before{width:24.6rem;}
    .cts427 .organization .depth1-list .gray.right{right:-10.9rem;}
    .cts427 .organization .depth1-list .depth1-item.item3{top:40.3rem; left:calc(50% + 5.6rem);}
    .cts427 .organization .depth1-list .depth1-item.item3:after{left:50%; height:23.4rem;}
    .cts427 .organization .depth2-list .depth2-item{width:calc(50% - 1.5rem); margin-right:1rem; margin-left:1rem;}
    .cts427 .organization .depth2-list:before{width:77%;}
    .cts427 .organization .depth2-list:after{left:calc(50% - 0.4rem);}
    .cts427 .organization .depth2-list.list2 .depth2-item:first-child:before{right:-1rem;}
}
@media all and (max-width:1023px){
    .cts427 .organization .depth1-list .depth1-item:nth-child(2):before{width:calc(100% + 13rem);}
    .cts427 .organization .depth1-list .depth1-item:nth-child(2):after{width:340%;}
}
@media all and (max-width:800px){
    .cts427 .organization .chairman:before{height:64.3rem;}
    .cts427 .organization .depth1-list .gray{top:9.5rem;}
    .cts427 .organization .depth1-list .gray.right{top:8rem;}
    .cts427 .organization .depth1-list .depth1-item:nth-child(2):before{width:calc(100% + 3rem);}
    .cts427 .organization .depth1-list .depth1-item:nth-child(2):after{width:220%;}
    .cts427 .organization .depth1-list .depth1-item.item2:before{display:none;}
    .cts427 .organization .depth1-list .depth1-item.item3{top:106rem; right:0; left:0; margin:0 auto;}
    .cts427 .organization .depth1-list .depth1-item.item3:after{ height:17.6rem;}
    .cts427 .organization .depth2-list{width:100%; margin-top:15rem;}
    .cts427 .organization .depth2-list:after{left:50%;}
    .cts427 .organization .depth2-list:before,
    .cts427 .organization .depth2-list.list2:before,
    .cts427 .organization .depth2-list.list2:after{left:0; right:0; margin:0 auto; width:calc(50% + 1rem);}
    .cts427 .organization .depth2-list.list2{margin-top:20rem;}
    .cts427 .organization .depth2-list .depth2-item{width:calc(50% - 1rem);}
    .cts427 .organization .depth2-list.list1 .depth2-item:nth-child(2n){margin-right:0;}
    .cts427 .organization .depth2-list.list1 .depth2-item:nth-child(n+3) .depth3-list{min-height:auto;}
    .cts427 .organization .depth2-list.list2 .depth2-item:nth-child(odd){margin-left:0;}
    .cts427 .organization .depth4-list .depth4-item{width:calc((100% - 3rem) / 3); margin-right:1.5rem;}
    .cts427 .organization .depth4-list .depth4-item:nth-child(3n){margin-right:0;}
}
@media all and (max-width:599px){
    .cts427 .organization .chairman{width:12rem; height:10rem;}
    .cts427 .organization .chairman a{padding:3.6rem 0; font-size:1.7rem;}
    .cts427 .organization .chairman:before{height:73.7rem;}
    .cts427 .organization .depth0-list{top:11rem;}
    .cts427 .organization .depth0-list .depth0-item, .cts427 .organization .depth1-list .depth1-item, .cts427 .organization .depth1-list .gray{width:14rem;}
    .cts427 .organization .depth0-list .depth0-item a, .cts427 .organization .depth1-list .depth1-item .depth1-tit, .cts427 .organization .depth2-list .depth2-item .depth2-tit, .cts427 .organization .depth4-list .depth4-item .depth4-tit{height:4.5rem; padding:1rem 0; font-size:1.5rem;}
    .cts427 .organization .depth1-list .depth1-item.right .depth1-tit, .cts427 .organization .depth1-list .depth1-item.left .depth1-tit{padding:0.9rem 0;}
    .cts427 .organization .bottom-list .bottom-item .bottom-tit, .cts427 .organization .depth3-list .depth3-item .depth3-tit{font-size:1.4rem;}
    .cts427 .organization .depth1-list{padding-top:13rem;}
    .cts427 .organization .depth1-list .gray.right{top:7rem; right:-9rem;}
    .cts427 .organization .depth1-list .gray.left{top:8rem; left:-60%;}
    .cts427 .organization .depth1-list .depth1-item.right{top:1rem;}
    .cts427 .organization .depth1-list .depth1-item.left, .cts427 .organization .depth1-list .depth1-item.right.n2{top:20rem;}
    .cts427 .organization .depth1-list .depth1-item.item2{margin-top:31rem;}
    .cts427 .organization .depth1-list .depth1-item.item3{top:116rem;}
    .cts427 .organization .depth1-list .gray.left:before{width:15.5rem;}
    .cts427 .organization .depth1-list .depth1-item:nth-child(2):before{top:-9.7rem; width:100%;}
    .cts427 .organization .depth1-list .depth1-item:nth-child(2):after{bottom:-4.8rem; width:200%;}
    .cts427 .organization .depth2-list{margin-top:12.7rem;}
    .cts427 .organization .depth2-list.list2{margin-top:20.5rem;}
    .cts427 .organization .depth2-list.list2:after{top:24.9rem;}
    .cts427 .organization .depth2-list:after, .cts427 .organization .depth2-list.list2 .depth2-item:first-child:before{height:27rem;}
    .cts427 .organization .depth4-list .depth4-item{width:calc((100% - 3rem) / 2); margin-right:1.5rem;}
    .cts427 .organization .depth4-list .depth4-item:nth-child(2n){margin-right:0;}
    .cts427 .organization .depth4-list .depth4-item:nth-child(3n){margin-right:1.5rem;}
    .cts427 .organization .depth4-list .depth4-item:nth-child(n+3) .bottom-list{min-height:auto;}
}

/* 민원편람 */
.cts335 .btn.btn-txt + .btn.btn-txt{margin-left:1rem;}
@media all and (max-width:599px){
    .cts335 .tit{width:100%;}
}

/* 하도급법 위반행위 337 */
.cts337 .box-line{display:flex; flex-wrap:wrap;}
.cts337 .box-line a{margin:0.5rem; flex:1 1 calc(33.33% - 1rem);}
@media all and (max-width:1216px){
    .cts337 .box-line a{flex:1 1 calc(50% - 1rem);}
}
@media all and (max-width:599px){
    .cts337 .box-line{flex-direction:row;}
    .cts337 .box-line a{flex:1 1 100%;}
}

/* 하도급법 위반행위 338 */
.cts338 .tbl-wrap{border-bottom:0.1rem solid #d8d8d8;}
.cts338 .tbl-wrap .def-list{border-bottom:none;}
.cts338 .helper-box.refer{margin-top:0; margin-bottom:var(--krds-spacer-3);}
.cts338 .title-box{margin-bottom:var(--krds-spacer-7);}
.cts338 .title-box .title-desc-wrap .btn{color:#1d1d1d; font-weight:700 !important;}
@media all and (max-width:599px){
    .cts338 .tbl-wrap .def-list{flex-direction:column;}
    .cts338 .tbl-wrap .def-list > dt, .cts338 .tbl-wrap .def-list > dd{width:100%;}
}

/* 341 */
.cts341 .title-box .title-tit{font-size:var(--krds-fz-body-md);}
.cts341 .end-message.warning .tit{font-size:var(--krds-fz-body-md);}

/* 345 */
.cts345 .title-box .title-tit{font-size:var(--krds-fz-body-md);}
.cts345 .end-message.info .tit{font-size:var(--krds-fz-body-md);}


/* 납품단가 조정 위법행위 */
.cts356 .tbl-wrap{border-bottom:0.1rem solid #d8d8d8;}
.cts356 .tbl-wrap .def-list{border-bottom:none;}
.cts356 .helper-box.refer{margin-top:0; margin-bottom:var(--krds-spacer-5);}
@media all and (max-width:599px){
    .cts356 .tbl-wrap .def-list{flex-direction:column;}
    .cts356 .tbl-wrap .def-list > dt, .cts356 .tbl-wrap .def-list > dd{width:100%;}
}

/* 392 */
.cts392 .helper-box .btn{font-size:var(--krds-fz-body-sm);}

/* 개인정보처리방침 */
.guideline .helper-box.refer{margin-top:var(--krds-spacer-4); margin-bottom:var(--krds-spacer-5);}
.guideline .img-box{margin-top:var(--krds-spacer-4); margin-bottom:var(--krds-spacer-5);}
.guideline .box-line.step{margin-bottom:var(--krds-spacer-5); border-color:#f3f6fb; background-color:#f3f6fb;}
.guideline .box-line.step .step-box{position:relative;}
.guideline .box-line.step .step-box .step-list{display:flex; justify-content:space-between; align-items:center;}
.guideline .box-line.step .step-box .step-list .step-item{position:relative; flex:1; margin-right:3rem; padding:0.2rem; border-radius:0.7rem; background-color:#1d56bc; box-shadow:0.7rem 0.7rem 3rem rgba(29,86,188,0.2); text-align:center; vertical-align:top;}
.guideline .box-line.step .step-box .step-list .step-item:last-child{margin-right:0;}
.guideline .box-line.step .step-box .step-list .step-item:after{display:block; position:absolute; top:0; right:-2.5rem; bottom:0; width:2rem; height:1.1rem; margin:auto 0; background:url("/site/www/img/contents/step_arrow.png") no-repeat; content:'';}
.guideline .box-line.step .step-box .step-list .step-item:last-child:after{display:none;}
.guideline .box-line.step .step-box .step-list .step-item .title{padding-top:1.3rem; padding-bottom:1.4rem;}
.guideline .box-line.step .step-box .step-list .step-item .title span{color:#fff; font-size:1.7rem; line-height:2.5rem;}
.guideline .box-line.step .step-box .step-list .step-item .text{padding-top:1.4rem; padding-bottom:1.1rem; border-radius:0.5rem; background-color:#fff;}
.guideline .box-line.step .step-box .step-list .step-item .text span{color:#555; font-size:1.7rem; line-height:2.5rem;}
@media all and (max-width:1024px){
    .guideline .box-line.step .step-box .step-list .step-item .title span,
    .guideline .box-line.step .step-box .step-list .step-item .text span{font-size:1.5rem;}
}
@media all and (max-width:599px){
    .guideline .box-line.step .step-box .step-list{flex-wrap:wrap;}
    .guideline .box-line.step .step-box .step-list .step-item{margin-right:2rem; margin-bottom:2rem; flex-basis:calc(50% - 2rem);}
    .guideline .box-line.step .step-box .step-list .step-item:nth-child(2n){margin-right:0;}
    .guideline .box-line.step .step-box .step-list .step-item:after{right:-2rem; transform:scale(0.85);}
}

/* 30주년 기념행사 사진자료 478, 공정거래 40주년 기념행사 482 */
.photo-swiper{width:90.4rem;}
.photo-swiper .photo{position:relative;}
.photo-swiper .photo .swiper-container{position:relative;}
.photo-swiper .photo .swiper-wrapper{position:relative;}
.photo-swiper .photo .swiper-slide{position:relative; width:100%; display:inline-block;}
.photo-swiper .photo .swiper-slide .photo-img{position:relative;}
.photo-swiper .photo .swiper-slide .photo-img img{border-radius:0.7rem;}
.photo-swiper .photo .swiper-slide .photo-img:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:9rem; border-radius:0 0 0.7rem 0.7rem; background:linear-gradient(rgba(0, 0, 0, 0), #000); content:'';}
.photo-swiper .photo .swiper-slide .photo-text{position:absolute; bottom:3rem; left:4rem; width:calc(100% - 8rem); padding-top:var(--krds-spacer-6);}
.photo-swiper .photo .swiper-slide .photo-text:before{display:block; position:absolute; top:0; left:0; width:100%; height:0.1rem; background-color:rgba(255, 255, 255, 0.3); content:'';}
.photo-swiper .photo .swiper-slide .photo-text span{color:#fff; font-size:2.5rem; font-weight:700;}

.photo-swiper .swiper-button-prev{top:auto; left:auto; right:8.8rem; bottom:3rem; width:4rem; height:4rem;}
.photo-swiper .swiper-button-next{top:auto; left:auto; right:4rem; bottom:3rem; width:4rem; height:4rem;}

.photo-swiper .helper-box.refer{padding:var(--krds-spacer-10);}
.photo-swiper .thumbnail .swiper-wrapper{font-size:0; line-height:0;}
.photo-swiper .thumbnail .swiper-slide{display:inline-block; cursor:pointer;}
.photo-swiper .thumbnail .swiper-slide .thumbnail-img{position:relative; overflow:hidden; border-radius:0.7rem;}
.photo-swiper .thumbnail .swiper-slide .thumbnail-img img{border-radius:0.7rem;}
.photo-swiper .thumbnail .swiper-slide.swiper-slide-thumb-active .thumbnail-img img{filter:blur(2px);}
.photo-swiper .thumbnail .swiper-slide.swiper-slide-thumb-active .thumbnail-img:before{display:block; z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:0.7rem; background-color:rgba(0, 0, 0, 0.5); content:'';}
.photo-swiper .thumbnail .swiper-slide.swiper-slide-thumb-active .thumbnail-img:after{display:block; z-index:1; position:absolute; top:0; right:0; bottom:0; left:0; width:4rem; height:4rem; margin:auto; border-radius:50%; background:#fff url("/site/www/img/contents/cts478_check.png") no-repeat center center; content:'';}
.photo-swiper .thumbnail .swiper-grid-column>.swiper-wrapper{flex-direction:row; align-items:baseline;}
@media all and (max-width:1336px){
    .photo-swiper{width:calc(100vw - 43rem);}
}
@media all and (max-width:1024px){
    .photo-swiper{width:100%;}
    .photo-swiper .photo .swiper-slide .photo-img img{width:100%;}
}
@media all and (max-width:599px){
    .photo-swiper .helper-box.refer{padding:var(--krds-spacer-5);}
    .photo-swiper .photo .swiper-slide .photo-text{bottom:1.5rem; left:2rem; width:calc(100% - 4rem); padding-top:var(--krds-spacer-3);}
    .photo-swiper .photo .swiper-slide .photo-text span{font-size:2rem;}
    .photo-swiper .swiper-button-prev{width:3rem; height:3rem; right:58px; bottom:1.5rem;}
    .photo-swiper .swiper-button-next{width:3rem; height:3rem; right:2rem; bottom:1.5rem;}
    .photo-swiper .thumbnail .swiper-slide.swiper-slide-thumb-active .thumbnail-img:after{width:3rem; height:3rem;}
}

/* 경쟁제한적 규제 개선 689 */
.sub-txt{margin-top:-7rem; color:var(--krds-gray-70); font-size:var(--krds-fz-body-sm);}
.cts689 .img-box h4{margin-top:1.4rem; margin-bottom:3.4rem;}
.txt-box.outline.type2 .outline-tit + .conts-desc-wrap{padding-top:0; background:none;}
.outline.type2 .outline-txt{font-size:var(--krds-fz-body-md);}
.outline.type2 .conts-desc-wrap.type1{width:100%;}
.outline.type2 .arrow-txt{position:relative; padding-left:2.6rem;}
.outline.type2 .arrow-txt:before{position:absolute; top:0.4rem; left:0; width:1.6rem; height:1.6rem; background:url("/site/www/img/contents/arrow_text.png") no-repeat; content:'';}
@media all and (max-width:1023px){
    .sub-txt{margin-top:0;}
}

/* 경쟁제한적 기업결합 심사 691 */
.cts691 .txt-box{margin-top:var(--krds-spacer-10);}
.cts692 .txt-box{margin-top:var(--krds-spacer-10);}
.cts693 .end-message .tit{font-size:var(--krds-fz-body-md);}
.cts698 .img-box{padding:3rem 0 5.3rem;}
.cts699 .txt-box{margin-top:var(--krds-spacer-10);}
.cts700 .txt-box{margin-top:var(--krds-spacer-10);}
.cts701 .txt-box{margin-top:var(--krds-spacer-10);}
.cts702 .txt-box{margin-top:var(--krds-spacer-10);}
.cts703 .txt-box{margin-top:var(--krds-spacer-10);}

/* 704 */
.cts704 .accordion{margin-top:5rem;}
.cts704 .img-box{padding:4rem 0 0.7rem;}

/* 705 */
.cts705 .accordion{margin-top:5rem;}

/* 706 */
.cts706 .accordion{margin-top:5rem;}
.cts706 .end-message .tit{font-size:var(--krds-fz-body-md);}

/* 707 */
.cts707 .accordion{margin-top:5rem;}

/* 708 */
.cts708 .img-box{padding:3rem 0 1rem;}

sup{position:relative; top:-0.7rem; vertical-align:middle;}



/* 상담 및 방문접수 안내/절차 */
.cts327 .box-line{position:relative; padding:4rem 3rem;}
.cts327 .box-line .depth0-item{display:flex; position:absolute; left:9.8rem; width:8.2rem; height:8.2rem; border-radius:50%; background:#5089ef; box-shadow:0.7rem 0.7rem 3rem rgba(29,86,188,0.2); align-items:center;justify-content:center;}
.cts327 .box-line .depth0-item span{color:#fff; font-size:1.7rem;}
.cts327 .box-line .depth0-item:before{display:block; position:absolute; top:0; left:calc(100% + 3.6rem); bottom:0; width:21.8rem; height:0.1rem; margin:auto 0; background:#6a92c0; content:'';}
.cts327 .box-line .depth0-item:after{display:block; position:absolute; top:0; left:calc(100% + 24.5rem); bottom:0; width:0; height:0; margin:auto 0; border-top:0.5rem solid transparent; border-bottom:0.5rem solid transparent; border-left:1rem solid #6a92c0; content:'';}
.cts327 .box-line .depth1-list{position:relative;}
.cts327 .box-line .depth1-list .depth1-item{position:relative;}
.cts327 .box-line .depth1-list .depth1-item .depth1-txt{position:relative; width:28rem; height:8.2rem; margin-right:11.7rem; margin-left:auto; padding:1.5rem; border-radius:0.8rem; background:#16408d; box-shadow:0.7rem 0.7rem 3rem rgba(29,86,188,0.2); text-align:center;}
.cts327 .box-line .depth1-list .depth1-item .depth1-txt p{color:#fff; font-size:1.7rem;}
.cts327 .box-line .depth1-list .depth1-item .depth1-txt .btn{color:#fff;}
.cts327 .box-line .depth1-list .depth1-item .depth1-txt .btn-txt.ico-go::after{background-image:url("/site/www/images/contents/cts327_icon02.png")}
.cts327 .box-line .depth2-list{display:flex; position:relative; margin-top:12.3rem; gap:1.5rem;}
.cts327 .box-line .depth2-list .depth2-item{display:flex; position:relative; padding:0.2rem; border-radius:0.8rem; background:#1d56bc; box-shadow:0.7rem 0.7rem 3rem rgba(29,86,188,0.2); text-align:center; flex-flow:column;}
.cts327 .box-line .depth2-list .depth2-item:before{display:block; position:absolute; top:-6.7rem; left:0; right:0; width:0.1rem; height:4.7rem; margin:0 auto; background:#6a92c0; content:'';}
.cts327 .box-line .depth2-list .depth2-item:nth-child(2):before{top:-11.7rem; height:9.7rem;}
.cts327 .box-line .depth2-list .depth2-item:after{display:block; position:absolute; top:-3rem; left:0; right:0; width:0; height:0; margin:0 auto; border-top:1rem solid #6a92c0; border-right:0.5rem solid transparent; border-left:0.5rem solid transparent; content:'';}
.cts327 .box-line .depth2-list .depth2-item .title{position:relative; padding:1.4rem 0 1.5rem; color:#fff; font-size:1.7rem;}
.cts327 .box-line .depth2-list .depth2-item:nth-child(1) .title:before{display:block; position:absolute; top:-6.9rem; left:50%; right:-28.3rem; width:auto; height:0.1rem; background:#6a92c0; content:'';}
.cts327 .box-line .depth2-list .depth2-item .cont-list{display:flex; gap:0.1rem;}
.cts327 .box-line .depth2-list .depth2-item .cont-list > .cont{display:inline-block; min-width:43%; padding:1.1rem 0;}
.cts327 .box-line .depth2-list .depth2-item .cont-list > .cont .call{display:inline-block; width:1.3rem; height:1.3rem; margin-right:0.5rem; background:url("/site/www/images/contents/cts327_icon01.png") no-repeat;}
.cts327 .box-line .depth2-list .depth2-item .cont{display:flex; min-width:16.4rem; height:100%; min-height:10rem; border-radius:0.4rem; background:#fff; color:#555; font-size:1.7rem; vertical-align:top; justify-content:center;align-items:center;}

@media all and (max-width:1023px){
    .cts327 .box-line .depth0-item{position:relative; left:auto; margin:0 auto;}
    .cts327 .box-line .depth0-item:before{top:auto; bottom:-6rem; left:50%; width:0.1rem; height:5rem;}
    .cts327 .box-line .depth0-item:after{top:auto; bottom:-7rem; left:calc(50% - 0.5rem); border-top:1rem solid #6a92c0; border-right:0.5rem solid transparent; border-left:0.5rem solid transparent;}
    .cts327 .box-line .depth1-list{margin-top:8rem;}
    .cts327 .box-line .depth1-list .depth1-item .depth1-txt{width:40%; margin:0 auto;}
    .cts327 .box-line .depth2-list{flex-wrap:wrap; margin-top:4rem;}
    .cts327 .box-line .depth2-list .depth2-item:before{display:none;}
    .cts327 .box-line .depth2-list .depth2-item:after{display:none;}
    .cts327 .box-line .depth2-list .depth2-item .cont-list > .cont{width:50%;}
    .cts327 .box-line .depth2-list .depth2-item:nth-child(1){flex: 1 1 100%;}
    .cts327 .box-line .depth2-list .depth2-item:nth-child(n+2){flex:1 1 calc(50% - 20px);}
    .cts327 .box-line .depth2-list .depth2-item:nth-child(1) .title:before{display:none;}
}
@media all and (max-width:599px){
    .cts327 .box-line .depth1-list .depth1-item .depth1-txt{width:70%;}
    .cts327 .box-line .depth2-list{flex-flow:column; margin-top:3rem;}
    .cts327 .box-line .depth2-list .depth2-item .title{font-size:1.5rem; padding:1rem 0;}
    .cts327 .box-line .depth2-list .depth2-item .cont{min-height:6rem; font-size:1.5rem;}
    .cts327 .box-line .depth2-list .depth2-item .cont-list > .cont{min-height:11.2rem;}
}


/* 추가 */
.btn.btn-txt + .btn.btn-txt{margin-left:1rem;}

.cts427 .organization .depth0-list.left{z-index:10}
.cts427 .organization .bottom-list{top:-5px}


.depart-header{display:flex;align-items: end}
.depart-header .depart-tel{flex: 1 0;padding-left: var(--krds-spacer-10)}
.depart-header .depart-btn{flex: 1 0; text-align:right}

.depart-header.type2 {margin-top:var(--krds-spacer-5);align-items: end}
.depart-header.type2 .depart-tel{padding-left: var(--krds-spacer-6)}
.depart-header.type2 .depart-name{flex: 0 1;}
.depart-header.type2 .depart-name h3, .depart-header.type2 .depart-name .depart-parent{margin-bottom:0  !important;line-height:1.3;white-space:nowrap }
.depart-header.type2 .depart-name .depart-parent{margin-top:5rem;margin-bottom:2.4;font-size:var(--krds-fz-title-xlg);font-weight:700;white-space: nowrap}
.depart-header.type2 .depart-name.type2 h3{font-size: var(--krds-fz-title-lg) !important;}
.box-line + .depart-header.type2 {margin-top: var(--krds-spacer-8)}
@media all and (max-width:599px){
    .depart-header.type2 {display:block}
    .depart-header.type2 .depart-tel{margin-top: var(--krds-spacer-1); padding-left:4px;}

}

@media (max-width: 599px) {
    .guideline .title-box .form-select +  .btn {
        width: 100%;
        margin-top: 4px;
    }
}

@media (max-width: 599px) {
    #unfairTradeGvnfSbcntrVO .p-caution br{display:none}
}