@charset "utf-8";

/*div data 출력용 */
.data-output { white-space: pre-wrap;}

/* 서브 헤더 */
.subHead{background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
.subHead .subHead_wrap{height: 450px;max-width: 1200px;margin: 0 auto;padding: 0 20px;display: flex;align-items: flex-end;}
.subHead .subHead_con{padding-bottom: 110px;}
.breadCrumb{display: flex;align-items: center;}
.breadCrumb li{margin-left: 24px;display: block;line-height: 1;font-size: 14px;color: #fff;position: relative;}
.breadCrumb li + li::before {content: '';background: url(/static/images/ico/ico_breadCrumb_arrow.svg) no-repeat center / 100%;width: 16px;height: 16px;position: absolute;left: -20px;top: 50%;margin-top: -8px;}
.breadCrumb li:first-child{margin-left: 0;}
.breadCrumb li:first-child a{display: block;background: url(/static/images/ico/ico_breadCrumb_home.svg) no-repeat center / 100%;width: 16px;height: 16px;}
.subHead_ttl{font-size: 48px;font-weight: 700;letter-spacing: -0.4px;color: #fff;margin-top: 16px; word-break:keep-all;}

.subHead_rolling{width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.subHead_rolling .function_box{display: flex;align-items: center;position: absolute;left: 50%;bottom: 40px;margin-left: -600px;z-index: 10;}
.subHead_rolling .function_box .swiper-pagination-fraction{position: relative;width: auto;bottom: auto;margin: 0 2px 4px;font-size: 18px;color: #fff;}
.subHead_rolling .function_box .swiper-pagination-current,.subHead_rolling .function_box .swiper-pagination-total{padding: 0 8px;text-shadow: 1px 1px 3px #222222;}
.subHead_rolling .function_box .swiper-pagination-current{position: relative;font-weight: 500;}
.subHead_rolling .function_box .swiper-pagination-current::after{content: '';display: block;width: 1px;height: 12px;background: #fff;position: absolute;right: -1px;top: 8px;}
.subHead_rolling .function_box .btn_auto{display: inline-block;width: 18px;height: 18px;background: url(/static/images/ico/ico_play.svg) no-repeat;background-size: 100%;background-position: center;cursor: pointer;margin-left: 16px;margin-top: -4px;vertical-align: middle;}
.subHead_rolling .function_box .btn_auto.isPlay{background-image: url(/static/images/ico/ico_pause.svg);}
.subHead_rolling .swiper-prev, .subHead_rolling .swiper-next{display: block;width: 32px;height: 32px;cursor: pointer;z-index: 1;background-size: 100%;background-repeat: no-repeat;background-position: center;}
.subHead_rolling .swiper-prev{background-image: url(/static/images/ico/ico_main_arrow_left.svg);left: 0;}
.subHead_rolling .swiper-next{background-image: url(/static/images/ico/ico_main_arrow_right.svg);right: 0;}

/* request_form */
.request_form_wrap .must{font-size: 16px;line-height: 1.5;color: #1750EF;text-align: right;}
.request_form_wrap .im{color: #1750EF;padding-left: 3px;}
.request_form{border-top: 2px solid #343464;margin-top: 16px;}
.request_form li { display: flex; border-bottom: 1px solid #DDDDDD;}
.request_form .ttl {display: flex;align-items: center;background: #F9F9F9;width: 140px;font-size: 16px;font-weight: 500;padding: 24px 24px 24px 20px;box-sizing: border-box;}
.request_form .con {width: calc(100% - 140px);padding: 10px 24px;box-sizing: border-box;}
.request_form .txt_desc{font-size: 16px;line-height: 1.5;color: #555555;text-align: right;padding: 5px 0;word-break: keep-all;}
.request_form .txt_desc::before{content: '*';margin-left: -6px;}
.request_form .inp{padding: 0 20px;}
.request_form .email .drop_sel, .request_form .email .inp{display: inline-block;vertical-align: middle;width: 28%;}
.request_form .email .drop_sel{margin-left: 4px;}
.request_form .email span{font-size: 16px;color: #555555;padding: 0 4px;}
.request_form .phone .drop_sel, .request_form .phone .inp{display: inline-block;vertical-align: middle;width: 18%;}
.request_form .phone span{font-size: 16px;color: #555555;padding: 0 4px;}
.request_form .txta_desc .txt_desc{text-align: left;}
.request_form_wrap + .guide_box{margin-top: 60px;}

@media screen and (max-width: 1240px){
    .subHead_rolling .function_box{left: 20px;margin-left: 0;}
}

@media screen and (max-width: 767px){
    /* request_form */
    .request_form_wrap{margin: 0 -20px;}
    .request_form_wrap .must{font-size: 14px;text-align: left;padding: 0 20px;}
    .request_form_wrap .btn_area{padding: 40px 20px 0;}
    .request_form{margin-top: 10px;}
    .request_form li{flex-direction: column;padding: 16px 20px;}
    .request_form .ttl{background: #fff;width: 100%;padding: 0 0 10px;}
    .request_form .con{width: 100%;padding: 0;}
    .request_form .txt_desc{font-size: 14px;text-align: left;padding: 11px 0 0 6px;}
    .request_form .inp{width: 100%;min-width: 100%;height: 52px;}
    .request_form .email .inp{width: calc(((100% - 30px) / 2));min-width: auto;}
    .request_form .email .drop_sel{width: 100%;margin: 10px 0 0;}
    .request_form .phone{display: flex;align-items: center;}
    .request_form .phone .drop_sel, .request_form .phone label{min-width: auto;width: 33%;}
    .txta_desc{flex-direction: column;}
    .txta_desc .txt_desc{order: 2;}
    .txta_desc .count{text-align: left;order: 1;font-size: 14px;}
    
    /* 서브 헤더 */
    .subHead .subHead_wrap{height: 320px;}
    .subHead .subHead_con{padding-bottom: 40px;}

    .breadCrumb li{margin-left: 20px;font-size: 12px;}
    .breadCrumb li + li::before {left: -18px;}
    .subHead_ttl{font-size: 28px;letter-spacing: -0.6px;margin-top: 8px;}
    
    .subHead_rolling .function_box{bottom: 8px;}
    .subHead_rolling .function_box .swiper-pagination-fraction{font-size: 14px;margin: 0 5px;}
    .subHead_rolling .function_box .swiper-pagination-current::after{background: rgba(255,255,255,.4);}
    .subHead_rolling .swiper-prev, .subHead_rolling .swiper-next{width: 18px;height: 18px;}
    .subHead_rolling .function_box .btn_auto{width: 14px;height: 14px;}
    .subHead_rolling .function_box .swiper-pagination-current::after{height: 12px;top: 5px;}
}


/* 시청자청원 */
.subHead.petition{background-image:url(/static/images/bg/bg_subHead_petition-pc.jpg)}
.petition_wrap .info{display: flex;justify-content: space-between;align-items: center;padding-top: 16px;}
.petition_wrap .info .txt{display: flex;font-size: 14px;letter-spacing: -0.6px;line-height: 1;color: #000;}
.petition_process{border-top: 2px solid #111111;margin-top: 16px;}
.petition_ttl{background: #f1f2f4;font-size: 24px;letter-spacing: -0.6px;font-weight: 700;line-height: 34px;padding: 22px 0;text-align: center;border-bottom: 1px solid #DDDDDD;}
.petition_ttl.hiding{color: #888888;}
.petition_ttl.hiding::before{content: '';display: inline-block;vertical-align: middle;width: 28px;height: 21px;background-image: url(/static/images/ico/ico_hiding.svg);background-size: 100%;background-repeat: no-repeat;margin-right: 11px;margin-bottom: 5px;}
.process{display: flex;padding: 87px 0 99px;align-items: center;flex-direction: column;background: #F9FAFC;border-bottom: 1px solid #DDDDDD;}
.process .bar{position: relative;width: 63%;height: 4px;background: #DDDDDD;}
.process .per{position: relative;height: 100%;min-width: 12px;border-radius: 15px;background: linear-gradient(270deg, #1750EF -61.54%, #6DC8E0 100%);}
.process .petition_count{position: absolute;bottom: -4px;right: 0;transform: translateX(calc(50% - 6px));display: flex;flex-direction: column;align-items: center;z-index: 5;}
.process .petition_count span{position: relative;display: block;font-size: 16px;background: #333333;color: #fff;height: 32px;line-height: 32px;border-radius: 8px;margin-bottom: 16px;padding: 0 14px;letter-spacing: -0.6px;white-space: nowrap;}
.process .petition_count span::before{content: '';position: absolute;bottom: -4px;left: calc(50% - 5px);width: 10px;height: 10px;background: #333333;transform: rotate(45deg);}
.process .petition_count i{position: relative;width: 12px;height: 12px;background: #1750ef;border-radius: 100%;}
.process .petition_count i::before{content: '';position: absolute;top: -6px;left: -6px;width: 24px;height: 24px;background: #1750EF;opacity: 0.24;border-radius: 100%;}
.process .date{position: absolute;top: -4px;display: flex;flex-direction: column;align-items: center;}
.process .start{left: -31px;color: #888888;}
.process .end{right: -31px;color: #e03131;}
.process .date i{width: 12px;height: 12px;border-radius: 100%;margin-bottom: 12px;}
.process .start i{background: #6BC5E1;}
.process .end i{background: #DDDDDD;}
.process .date span:first-child{font-size: 16px;letter-spacing: -0.6px;line-height: 24px;font-weight: 500;}
.process .date span:last-child{font-size: 14px;letter-spacing: -0.6px;line-height: 24px;}
.process.attaint .petition_count span{background: #1750EF;color: #fff;}
.process.attaint .petition_count span::before{background: #1750EF;}
.process.hiding .per{background: #A5A5A5;}
.process.hiding .start i{background: #A5A5A5;}
.process.hiding .petition_count i{background: #A5A5A5;}
.process.hiding .petition_count i::before{background: #A5A5A5;}

.petition_content .tit_area{padding: 39px 0 18px;}
.petition_content .tit_area + ul{border-top: 1px solid #DDDDDD;}
.petition_content li{display: flex;border-bottom: 1px solid #DDDDDD;}
.petition_content .ttl{display: flex;align-items: center;background: #F9FAFC;width: 140px;font-size: 16px;font-weight: 500;padding: 24px 24px 24px 20px;box-sizing: border-box;}
.petition_content .con{width: calc(100% - 140px);padding: 24px;box-sizing: border-box;}
.petition_content .con p{font-size: 16px;line-height: 24px;color: #333333;padding: 8px 0 5px;}
.petition_file {display: inline-block;padding-left: 26px;position: relative;margin-right: 21px;}
.petition_file::before {content: "";display: block;width: 24px;height: 24px;background: url(/static/images/ico/ico_file.svg) no-repeat;background-size: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.petition_content .link{text-decoration: underline;color: #1A86EE;}
.petition_content .hiding_txt{color: #E03131;background: #F9F9F9;justify-content: center;padding: 28px;font-size: 16px;}

.petition_answer .tit_area{padding: 39px 0 11px;}
.answer_txt{background: #F9FAFC;border-top: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;padding: 31px 24px;}
.answer_txt p{font-size: 16px;line-height: 24px;letter-spacing: -0.6px;}
.answer_txt.before_answer{text-align: center;background-image: url(/static/images/ico/ico_beforeAnswer.svg);background-repeat: no-repeat;background-size: 64px 64px;background-position: center 47px;padding: 135px 24px 47px;}
.answer_txt.before_answer p{color: #888888;}

.reply_wrap{padding-top: 60px;}
.reply_ttl{display: flex;justify-content: space-between;align-items: center;}
.reply_ttl p{font-size: 24px;line-height: 34px;font-weight: 700;}
.reply_ttl p .agree_num{color: #1750EF;}
.reply_ttl .sns{font-size: 0;}
.reply_ttl .sns li{display: inline-block;vertical-align: middle;font-size: 14px;color: #555555;margin-left: 8px;}
.reply_ttl .sns li:first-child{margin-left: 0;margin-right: 8px;}
.reply_ttl .sns a{display: block;width: 32px;height: 32px;background-repeat: no-repeat;background-size: 100%;}
.reply_ttl .sns li:nth-child(2) a{background-image:url(/static/images/ico/ico_sns_facebook_c.svg)}
.reply_ttl .sns li:nth-child(3) a{background-image:url(/static/images/ico/ico_sns_twitter_c.svg)}
.reply_ttl .sns li:nth-child(4) a{background-image:url(/static/images/ico/ico_sns_kakao_c.svg)}
.reply_ttl .sns li:nth-child(5) a{background-image:url(/static/images/ico/ico_sns_line_c.svg)}
.reply_ttl .sns li:nth-child(6) a{background-image:url(/static/images/ico/ico_sns_link_c.svg)}

.reply_con{border-top: 2px solid #333333;margin-top: 20px;}
.reply{display: flex;gap: 12px;padding: 32px 53px;background: #F9F9F9;}
.reply .inp-lg{flex: 1;}
.reply_list li{position: relative;padding: 18px 0 17px 250px;border-bottom: 1px solid #DDDDDD;font-size: 16px;line-height: 24px;color: #888888;}
.reply_list em{position: absolute;top: 18px;left: 0;padding-left: 56px;color: #333333;}

.petition_step{background-image: url(/static/images/bg/bg_petitionStep-pc.jpg);background-repeat: no-repeat;background-size: cover;background-position: 100% 100%;padding: 60px 0;margin-top: 60px;}
.petition_step ul{display: flex;justify-content: center;gap: 80px;}
.petition_step li{position: relative;width: 180px;box-sizing: border-box;background-color: #fff;background-repeat: no-repeat;background-size: 48px 48px;background-position: center 36px;padding: 101px 0 25px;text-align: center;}
.petition_step li + li::before{content: '';position: absolute;top: 73px;left: -58px;background-image: url(/static/images/ico/ico_petitionStep_arrow-pc.png);background-size: 100%;width: 36px;height: 36px;}
.petition_step li:nth-child(1){background-image: url(/static/images/ico/ico_petitionStep01-pc.png);}
.petition_step li:nth-child(2){background-image: url(/static/images/ico/ico_petitionStep02-pc.png);}
.petition_step li:nth-child(3){background-image: url(/static/images/ico/ico_petitionStep03-pc.png);}
.petition_step p{font-size: 18px;line-height: 1.5;font-weight: 500;color: #000000;}
.petition_step span{display: block;font-size: 14px;line-height: 1.7;color: #888888;padding-top: 3px;}

.petition_acdn{width: 66.66%;margin: 0 auto;padding-top: 40px;}
.petition_acdn a{display: block;border-bottom: 1px solid #DDDDDD;font-size: 18px;line-height: 67px;font-weight: 500;color: #000000;padding: 0 16px;background-image: url(/static/images/ico/ico_drop_line_arrow_gray.png);background-repeat: no-repeat;background-position: 98.6% 50%;}
.petition_acdn .acdn_con{display: none;padding: 20px;background: #F9FAFC;border-bottom: 1px solid #DDDDDD;color: #555555;}
.petition_acdn .acdn_con p{padding-top: 23px;}
.petition_acdn.on .acdn_con{display: block;}
.petition_acdn.on a{border-bottom: 1px solid #1750EF;background-image: url(/static/images/ico/ico_drop_line_arrow_blue.png);color: #1750EF;}

.petition_search{display: flex;justify-content: center;gap: 12px;background: #F9F9F9;padding: 32px;margin-top: 60px;}
.petition_search .inp-lg {flex: 1;max-width: 600px;}
.petition_search + .tbl_area{margin-top: 40px;}
.petition_txtBox{padding: 48px 34px;margin-top: 60px;background: #F9F9F9;border: 1px solid #DDDDDD;text-align: center;word-break: keep-all;}
.petition_txtBox .tit{font-size: 20px;line-height: 1.6;font-weight: 500;color: #000000;}
.petition_txtBox .tit em{color: #1750EF;}
.petition_txtBox .txt{font-size: 16px;line-height: 1.5;color: #555555;padding: 12px 7px 0;}
.petition_txtBox .btn_petition{margin-top: 36px;}
.petition_btn_area{padding-top: 60px;}

.petitionRequest{padding-top: 60px;}
.petitionRequest .btn_area{padding-top: 40px;}
.attach_wrap{display: flex;gap: 12px;flex-wrap: wrap;}
.attach_con{flex: 1;min-width: 500px;}
.attach_con > div{display: flex;flex-wrap: wrap;align-items: center;gap: 12px;padding-bottom: 12px;}
.attach_con > div:last-child{padding-bottom: 0;}
.attach_con .attach_inp{flex: 1;max-width: 480px;}
.attach_con .inp{width: 100%;}
.inp_file{position: absolute !important;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;border: 0;clip: rect(0, 0, 0, 0);white-space: nowrap;}
.inp_file_label{display: inline-block;background-color: #555555;font-size: 16px;color: #fff;line-height: 1.5;text-align: center;cursor: pointer;padding: 8px 17px;}
.btn_add{font-size: 16px;font-weight: 500;line-height: 24px;color: #fff;background-color: #111111;padding: 8px 16px 8px 36px;background-image: url(/static/images/ico/ico_plus.svg);background-repeat: no-repeat;background-position: 16px center;}
.btn_delete{font-size: 16px;font-weight: 500;line-height: 22px;color: #555555;background-color: #fff;padding: 8px 16px 8px 36px;background-image: url(/static/images/ico/ico_btn_delete.svg);background-repeat: no-repeat;background-position: 15px center;border: 1px solid #555555;}
.attach_wrap .volume{font-size: 16px;color: #888888;padding-top: 14px;}

/* 정보공개 */
.subHead.releaseSystem{background-image:url(/static/images/bg/bg_subHead_releaseSystem-pc.jpg)}
.subHead.priorinfo{background-image:url(/static/images/bg/bg_subHead_priorinfo-pc.jpg)}
.subHead.nondisclosure{background-image:url(/static/images/bg/bg_subHead_nondisclosure-pc.jpg)}
.subHead.dataroom{background-image:url(/static/images/bg/bg_subHead_dataroom-pc.jpg)}
.subHead.info_request{background-image:url(/static/images/bg/bg_subHead_info_req-pc.jpg)}
.subHead.infodocu {background-image: url(/static/images/bg/bg_subHead_infodocu-pc.jpg);}

.infoRequest{padding-top: 40px;}
.num_list li{text-indent: -16px;margin-left: 16px;color: #333;}
.num_list li + li{margin-top: 8px;}
.num_list a{color: #1A86EE;}

@media screen and (max-width: 767px){
    /* 시청자청원 */
    .subHead.petition{background-image:url(/static/images/bg/bg_subHead_petition-mo.jpg)}
    .petition_wrap .info{padding-top: 0;}
    .petition_process{margin-top: 19px;}
    .petition_ttl{font-size: 18px;line-height: 24px;}
    .process{padding: 78px 0 83px;}
    .process .bar{width: 75%;}
    .process .per{min-width: 10px;}
    .process .petition_count{bottom: -3px;}
    .process .petition_count span{font-size: 14px;padding: 0 8px;margin-bottom: 15px;}
    .process .petition_count i{width: 10px;height: 10px;}
    .process .petition_count i::before{width: 20px;height: 20px;top: -5px;left: -5px;}
    .process .date{top: -3px;font-size: 14px;}
    .process .date i{width: 10px;height: 10px;margin-bottom: 7px;}

    .petition_content .tit_area {padding: 41px 0 18px;}
    .petition_content li{flex-direction: column;}
    .petition_content .ttl{display: block;width: 96px;padding: 0;margin-top: 22px;line-height: 36px;text-align: center;}
    .petition_content .con{width: 100%;padding: 16px 0 31px;}
    .petition_content .con p{padding: 0;}
    .petition_content .hiding_txt{flex-direction: row;padding: 22px;}
    .petition_file{display: block;margin: 0 0 10px;padding-left: 28px;}
    .petition_file:last-child{margin-bottom: 0;}

    .petition_answer .tit_area{padding: 41px 0 18px;}
    .answer_txt{padding: 21px 18px 31px;}
    .answer_txt.before_answer{padding: 111px 24px 31px;background-position: center 31px;}

    .reply_wrap{padding-top: 22px;}
    .reply_ttl{flex-direction: column;align-items: inherit;}
    .reply_ttl p{order: 2;font-size: 18px;line-height: 32px;padding-top: 50px;}
    .reply_ttl .sns{order: 1;text-align: right;}
    .reply_ttl .sns li{margin-left: 10px;}
    .reply_ttl .sns li:first-child{margin-right: 3px;}
    .reply_ttl .sns a{width: 28px;height: 28px;}

    .reply_con{border-top: 0;margin-top: 14px;}
    .reply{padding: 16px 14px;gap: 10px;}
    .reply_list li{font-size: 14px;padding: 17px 0 18px 148px}
    .reply_list em{padding-left: 14px;}

    .paging{padding-top: 10px;}
    .paging li{margin: 0 1px;}
    
    .btn_area{text-align: center;padding-top: 30px;}
    .menu_btn{padding: 14px 36px 14px 55px;background-position: 36px center;}

    .petition_step{margin: 50px -20px 0;padding: 40px 20px;background-image: url(/static/images/bg/bg_petitionStep-mo.jpg);}
    .petition_step ul{flex-direction: column;gap: 40px;}
    .petition_step li{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;width: 100%;min-height: 92px;background-position: 64px center;padding: 0 0 0 127px;text-align: left;word-break: keep-all;}
    .petition_step li + li::before{top: -32px;left: calc(50% - 12px);width: 24px;height: 24px;;background-image: url(/static/images/ico/ico_petitionStep_arrow-mo.png);}
    .petition_step li:nth-child(1){background-image: url(/static/images/ico/ico_petitionStep01-mo.png);}
    .petition_step li:nth-child(2){background-image: url(/static/images/ico/ico_petitionStep02-mo.png);}
    .petition_step li:nth-child(3){background-image: url(/static/images/ico/ico_petitionStep03-mo.png);}

    .petition_acdn{width: 100%;padding-top: 30px;}
    .petition_acdn a{background-position: 96% 51%;}
    .petition_search{margin-top: 30px;padding: 16px 14px;}
    .petition_txtBox{margin-top: 31px;padding: 44px 34px 38px;}
    .petition_txtBox .tit{font-size: 18px;}

    .attach_wrap{flex-direction: column;}
    .attach_con{min-width: auto;}
    .attach_con > div{gap: 10px;padding-bottom: 16px;}
    .attach_con .attach_inp{min-width: 100%;}
    .inp_file_label{padding: 14px 40px;}
    .btn_add{padding: 14px 15px 14px 33px;background-position: 14px center;}
    .btn_delete{padding: 14px 15px 14px 33px;background-position: 14px center;}
    .attach_wrap .volume{font-size: 14px;padding-top: 8px;}
    

    /* 정보공개 */
    .subHead.releaseSystem{background-image:url(/static/images/bg/bg_subHead_releaseSystem-mo.jpg)}
    .subHead.priorinfo{background-image:url(/static/images/bg/bg_subHead_priorinfo-mo.jpg)}
    .subHead.nondisclosure{background-image:url(/static/images/bg/bg_subHead_nondisclosure-mo.jpg)}
    .subHead.dataroom{background-image:url(/static/images/bg/bg_subHead_dataroom-mo.jpg)}
    .subHead.info_request{background-image:url(/static/images/bg/bg_subHead_info_req-mo.jpg)}
    .subHead.infodocu {background-image: url(/static/images/bg/bg_subHead_infodocu-mo.jpg);}
    .infoRequest{padding-top: 0;}
    .num_list li{text-indent: -14px;margin-left: 14px;font-size: 14px;}
}


/* 시청자 위원회 */
.subHead.committee{background-image: url(/static/images/bg/bg_subHead_committee-pc.jpg);}
.subHead.meetingrecord{background-image: url(/static/images/bg/bg_subHead_meetingrecord-pc.jpg);}
.subHead.audience_noti{background-image: url(/static/images/bg/bg_subHead_audiencenoti-pc.jpg);}

.intro_item{margin-bottom: 48px;}
.intro_item:last-child{margin-bottom: 0;}
.intro_tit{font-size: 24px;font-weight: 700;color: #111;margin-bottom: 12px;padding-left: 24px;position: relative;}
.intro_tit::before{content: '';display: block;width: 16px;height: 11px;background: url(/static/images/ico/ico_introtit_bullet.svg) no-repeat;background-size: 100%;position: absolute;left: 0;top: 13px;}
.intro_desc{font-size: 18px;color: #333;padding-left: 20px;position: relative;}
.intro_desc-nobullet{padding-left: 0;}
.intro_desc::before{content: '';display: block;width: 4px;height: 4px;background: #888;position: absolute;left: 4px;top: 12px;}
.intro_desc-nobullet::before{display: none;}
.intro_desc + .intro_desc{margin-top: 8px;}
.file_list{display: flex;flex-wrap: wrap;gap: 16px;}
.file_item{min-width: 360px;min-height: 64px;box-sizing: border-box;padding: 19px 24px;background: #f7f7f7;}
.btn_filedown{color: #0f308d;font-size: 16px;text-decoration: underline;margin-left: 24px;position: relative;}
.btn_filedown::before{content: '';display: inline-block;width: 24px;height: 24px;background:url(/static/images/ico/ico_file.svg) no-repeat;background-size: 100%;background-position: left center;position: absolute;left: -24px;top: 0;}

.greetings{display: flex;}
.greetings img{width: 100%;vertical-align: middle;}
.greetings_imgbox{flex: 1;margin-right: 40px;}
.greetings_imgbox .img{display: block;background: url(/static/images/bg/bg_greeting.svg) no-repeat;background-size: 50% auto;background-position: left center;padding-left: 36%;padding-right: 5%;}
.greetings_imgbox .img_txt{padding: 22px 0;background: #eff4f8;color: #555;font-size: 16px;text-align: center;border-top-left-radius: 60px;border-bottom-right-radius: 60px;}
.greetings_imgbox .img_txt strong{font-size: 24px;font-weight: 700;color: #111;margin-left: 8px;}
.greetings_txtbox{width: 50%;}
.greetings_txt_top{padding: 60px 0 30px;}
.greetings_tit{font-size: 28px;font-weight: 700;color: #14197d;margin-bottom: 24px;}
.greetings_mtxt{font-size: 18px;font-weight: 500;color: #333;margin-bottom: 16px;}
.greetings_stxt{font-size: 16px;color: #555;margin-bottom: 16px;}
.greetings_day{text-align: right;font-size: 16px;color: #888;margin-top: 28px;}
.greetings_txt_bot{border-top: 1px solid #d9d9d9;padding-top: 45px;}
.greetings_sign{text-align: right;font-size: 16px;font-weight: 500;color: #555;}
.greetings_sign .sign_img{display: inline-block;width: 75px;margin-top: -15px;vertical-align: middle;margin-left: 15px;}

.organize_top{display: flex;justify-content: space-between;padding: 18px 0;border-bottom: 2px solid #343464;}
.organize_top .total{font-weight: 500;}
.organize_top .total .num{color: #1750EF;}
.organize_date{font-size: 16px;color: #555;font-weight: 500;}
.organize_item{display: flex;padding: 20px 40px;align-items: center;border-bottom: 1px solid #ddd;}
.organize_item .item_img{width: 180px;margin-right: 40px;}
.organize_item .item_img img{width: 100%;vertical-align: middle;}
.organize_item .item_info {flex: 1;}
.organize_item .item_info .tit{font-size: 18px;font-weight: 500;color: #111;margin-bottom: 16px;}
.organize_item .item_info .desc{font-size: 16px;color: #111;margin-top: 6px;padding-left: 100px;position: relative;word-break: break-all;}
.organize_item .item_info .desc_tit{display: block;width: 100px;font-weight: 500;color: #555;position: absolute;left: 0;}

@media screen and (max-width: 767px){
    .subHead.committee{background-image: url(/static/images/bg/bg_subHead_committee-mo.jpg);}
    .subHead.meetingrecord{background-image: url(/static/images/bg/bg_subHead_meetingrecord-mo.jpg);}
    .subHead.audience_noti{background-image: url(/static/images/bg/bg_subHead_audiencenoti-mo.jpg);}

    .intro_list{margin-top: 10px;}
    .intro_item{margin-bottom: 32px;}
    .intro_tit{font-size: 20px;}
    .intro_tit::before{top: 10px;}
    .intro_desc{font-size: 16px;}
    .intro_desc::before{top: 10px;}
    .file_list{flex-direction: column;gap:8px;}
    .file_item{min-width: auto;}
    .btn_filedown{font-size: 14px;margin-left: 30px;}
    .btn_filedown::before{left: -30px;top: -2px;}

    .greetings{flex-direction: column;margin-top: 10px;}
    .greetings_imgbox{margin-right: 0;}
    .greetings_imgbox .img{background-position: 12px center;padding-left:30%;}
    .greetings_imgbox .img_txt{padding: 14px 0;font-size: 14px;border-top-left-radius: 44px;border-bottom-right-radius: 44px;}
    .greetings_imgbox .img_txt strong{font-size: 18px;margin-left: 4px;}
    .greetings_txtbox{width: 100%;}
    .greetings_txt_top{padding: 40px 0 20px;}
    .greetings_tit{font-size: 20px;margin-bottom: 12px;}
    .greetings_mtxt{font-size: 16px;margin-bottom: 24px;}
    .greetings_stxt{font-size: 14px;margin-bottom: 24px;}
    .greetings_day{font-size: 14px;margin-top: 40px;}
    .greetings_txt_bot{padding-top: 25px;}
    .greetings_sign{font-size: 14px;}
    .greetings_sign .sign_img{width: 67px;margin-left: 10px;margin-top: -10px;}

    .organize_top{padding: 16px 0;}
    .organize_date{font-size: 14px;}
    .organize_item{padding: 20px 0;align-items: flex-start;}
    .organize_item .item_img{width: 98px;margin-right: 16px;}
    .organize_item .item_info .tit{font-size: 14px;margin-bottom: 8px;}
    .organize_item .item_info .desc{font-size: 14px;margin-top: 2px;padding-left: 60px;}
    .organize_item .item_info .desc_tit{width: 52px;}
}

/* 고충처리 */
.subHead.settlement{background-image: url(/static/images/bg/bg_subHead_settlement-pc.jpg);}
.subHead.setcommittee{background-image: url(/static/images/bg/bg_subHead_setcommittee-pc.jpg);}
.subHead.gochung_noti{background-image: url(/static/images/bg/bg_subHead_gochung_noti-pc.jpg);}
.subHead.gochung_request{background-image: url(/static/images/bg/bg_subHead_gochung_req-pc.jpg);}

.intro_guide{padding: 28px 40px;background: #f9f9f9;margin-bottom: 16px;}
.intro_guide .guide_txt{font-size: 18px;color: #111;}
.intro_guide .guide_txt strong{font-weight: 500;color: #140661;}
.procedure_step{display: flex;justify-content: center;border: 1px solid #ddd;padding: 42px;margin: 20px 0;}
.procedure_step .step_item{width: 260px;padding: 0 10px;text-align: center;position: relative;}
.procedure_step .step_item::after{content: '';display: block;width: 7px;height: 12px;background: url(/static/images/ico/ico_settlement_arrow.svg) no-repeat;background-size: 100%;position: absolute;right: -4px;top: 74px;}
.procedure_step .step_item:last-child:after{display: none;}
.procedure_step .step_txt{display: inline-flex;align-items: center;justify-content: center;width: 160px;height: 160px;border-radius: 50%;background: #0F308D;color: #fff;font-size: 18px;font-weight: 500;}
.procedure_step .step_desc{font-size: 16px;color: #555;margin-top: 12px;}
.procedure_list li{font-size: 18px;color: #333;margin-bottom: 16px;padding-left: 36px;position: relative;}
.procedure_list li em{color: #888;}
.procedure_list li .num{display: block;width: 28px;height: 28px;padding: 3px 6px;box-sizing: border-box;border-radius: 50%;background: #333;color: #fff;font-size: 14px;font-weight: 500;position: absolute;left: 0;top: 0;}
.procedure_desc{font-size: 18px;color: #0f308d;text-indent: -18px;margin-left: 18px;}
.procedure_desc strong{font-weight:500;}

.intro_organize_list{display: flex;flex-wrap: wrap;gap: 20px;}
.intro_organize_item{width: 180px;}
.intro_organize_item .img{display: block;border: 1px solid #ddd;border-bottom: 0;}
.intro_organize_item .img img{width: 100%;vertical-align: middle;}
.intro_organize_item .info{padding: 16px 12px;background: #eff4f8;border: 1px solid #ddd;}
.intro_organize_item .info_name{font-size: 16px;font-weight: 500;color: #111;}
.intro_organize_item .info_name .info_role{display: inline-block;font-size: 12px;color: #555;margin-left: 16px;position: relative;vertical-align: top;margin-top: 4px;}
.intro_organize_item .info_name .info_role::before{content: '';display: block;width: 2px;height: 2px;border-radius: 2px;background: #555;position: absolute;left: -8px;top: 8px;}
.intro_organize_item .info_date{font-size: 14px;font-weight: 500;color: #0f308d;margin-top: 2px;}

.guide_box{padding: 40px;box-sizing: border-box;border: 1px solid #ddd;background: #f9fafc;margin-bottom: 40px;}
.guide_box-mbnone{margin-bottom: 0;}
.organize .guide_box{margin-bottom: 20px;text-align: center;padding: 28px 0;}
.guide_box .guide_tit{font-size: 20px;font-weight: 700;color: #000;padding-left: 40px;position: relative;margin-bottom: 16px;}
.guide_box .guide_tit::before{content: '';display: block;width: 28px;height: 28px;background: url(/static/images/ico/ico_guide_tit.svg) no-repeat;background-size: 100%;position: absolute;left: 0;top: 0;}
.guide_box .guide_tit02 {font-size: 18px;font-weight: 500;color: #000;}
.guide_box .guide_tit02:last-child { margin-top:20px;}
.guide_box .guide_mtxt{font-size: 16px;font-weight: 500;color: #333;margin-bottom: 12px;}
.guide_box .guide_mtxt02{font-size: 16px; color:#555; font-weight: 400; margin:0 0 10px 0;}
.guide_box .guide_txt{font-size: 18px;color: #111;}
.guide_box .guide_txt strong{font-weight: 500;color: #140661;}

.downlink { font-size: 16px; color:#555; font-weight: 500; margin-top:16px;}
.downlink span { margin-right:10px;}
.downlink a { font-weight: 700; color:#1750ef;}

.bullet_list li{font-size: 16px;color: #333;padding-left: 20px;margin-bottom: 4px;position: relative;}
.bullet_list li:last-child{margin-bottom: 0;}
.bullet_list li::before{content: '';width: 4px;height: 4px;background: #888;position: absolute;left: 6px;top: 10px;}
.bullet_list li .color_gray{color: #555;}
.bullet_list li .link{color: #1A86EE;}
.bullet_list li b{font-weight: 500;}

.term_box{padding: 28px 30px;border: 1px solid #ddd;font-size: 16px;color: #555;}
.term_box .term_tit{font-size: 18px;font-weight: 500;color: #000;}
.term_box .term_tit_desc{margin-bottom: 16px;}
.term_box .term_txt{margin-top: 16px;color: #333;}
.term_box ol li{text-indent: -16px;margin-left: 16px;}

.process_bedge{display: inline-block;width: 80px;height: 28px;line-height: 26px;border-radius: 4px;font-size: 14px;box-sizing: border-box;}
.process_bedge-register{border: 1px solid #9037d4;background: #eaeaf9;color: #9037d4;}
.process_bedge-answer{border: 1px solid #1A399E;background: #f1f7fe;color: #1A399E;}

.request_form_info{font-size: 14px;color: #555;margin-top: 20px;}
.bullet_txt{text-indent: -8px;padding-left: 8px;}
.request_form_wrap + .btn_area{padding-top: 40px;}

.request_form .program .drop_sel{width: 280px;display: inline-block;vertical-align: middle;margin-right: 4px;}
.request_form .program .inp{width: 488px;vertical-align: middle;}

.day_date{display: inline-block;vertical-align: middle;}
.day_date .inp-date{width: 160px;height: 52px;font-size: 16px;}
.day_date .inp-date-day{width: 80px;margin-left:4px;}
.request_date .drop_sel{display: inline-block;margin-left: 4px;width: 232px;vertical-align: middle;}

.detail_content ul{border-top: 1px solid #ddd;}
.detail_content li{display: flex;border-bottom: 1px solid #DDDDDD;flex-wrap: wrap;}
.detail_content .ttl{display: flex;align-items: center;background: #F9FAFC;width: 140px;font-size: 16px;font-weight: 500;padding: 24px 20px;box-sizing: border-box;position: relative;}
.detail_content .con{flex: 1;padding: 24px 20px;box-sizing: border-box;}
.detail_content .con p{font-size: 16px;color: #333333;word-break: break-all;}
.detail_content + .tit_area {margin-top: 40px;}
.detail_content-answer .ttl{background: #f9f9f9;border-right: 1px solid #ddd;}
.detail_content-answer .con{background: #F9FAFC;}
.detail_content .btn_filedown{color: #333;margin-left: 28px;font-size: 16px;}
.detail_content .btn_filedown::before{left: -28px;top: 0;}

.detail_area-none{display: flex;flex-direction: column;align-items: center;padding: 98px 0;background: #f9fafc;}
.detail_area + .btn_area{padding-top: 24px;}


@media screen and (max-width: 1020px){
    .request_form .program .drop_sel{display: block;margin-bottom: 8px;margin-right: 0;}
}


@media screen and (max-width: 767px){
    .subHead.settlement{background-image: url(/static/images/bg/bg_subHead_settlement-mo.jpg);}
    .subHead.setcommittee{background-image: url(/static/images/bg/bg_subHead_setcommittee-mo.jpg);}    
    .subHead.gochung_noti{background-image: url(/static/images/bg/bg_subHead_gochung_noti-mo.jpg);}
    .subHead.gochung_request{background-image: url(/static/images/bg/bg_subHead_gochung_req-mo.jpg);}

    .intro_guide{padding: 24px 20px;margin-bottom: 12px;}
    .intro_guide .guide_txt{font-size: 16px;}
    .procedure_step{display: flex;flex-direction: column;padding: 42px;margin: 20px 0;}
    .procedure_step .step_item{width: 100%;padding: 0;padding-bottom: 56px;}
    .procedure_step .step_item:last-child{padding-bottom: 0;}
    .procedure_step .step_item::after{content: '';transform: rotate(90deg);right: 50%;top: calc(100% - 34px);margin-right: -4px;}
    .procedure_step .step_txt{width: 144px;height: 144px;font-size: 16px;}
    .procedure_step .step_desc{font-size: 14px;}

    .procedure_list li{font-size: 16px;margin-bottom: 12px;}
    .procedure_desc{font-size: 16px;}

    .intro_organize_list{gap: 16px;}
    .intro_organize_item{width: calc((100% - 16px)/2);}
    .intro_organize_item .info{padding: 12px;}
    .intro_organize_item .info_name{font-size: 14px;}
    .intro_organize_item .info_name .info_role{margin-top: 1px;}
    .intro_organize_item .info_date{margin-top: 0px;}

    .guide_box{padding: 24px 20px;margin-bottom: 20px;}
    .guide_box-mbnone{margin-bottom: 0;}
    .organize .guide_box{padding: 24px 20px;}
    .guide_box .guide_tit{font-size: 18px;padding-left: 32px;}
    .guide_box .guide_tit::before{width: 24px;height: 24px;top: 2px;}
    .guide_box .guide_mtxt{font-size: 14px;}
    .guide_box .guide_mtxt02{font-size: 14px; color:#555; font-weight: 400; margin:10px 0;}
    .guide_box .guide_txt{font-size: 14px;}

    .downlink { font-size:14px; }

    .bullet_list li{font-size: 14px;margin-bottom: 2px;}
    .bullet_list li::before{top: 8px;}

    .term_box{padding: 24px 20px;font-size: 14px;}
    .term_box .term_tit{font-size: 16px;}
    .term_box .term_tit_desc{margin-bottom: 12px;}
    .term_box .term_txt{margin-top: 12px;}
    .term_box ol li{text-indent: -14px;margin-left: 14px;}

    .process_bedge{font-size: 14px;width: auto;background: #fff;border: none;}

    .request_form_info{padding: 0 15px;margin-top: 12px;}

    .request_form .program .drop_sel{width: 100%;margin-bottom: 10px;}
    .request_form .program .inp{width: 100%;}    

    .day_date{display: flex;gap: 16px;}
    .day_date .day_date_inp{width: 100%;}
    .day_date .inp-date{width: 100%;}
    .day_date .inp-date-day{width: 100%;margin-left: 0;min-width: auto;}
    .request_date .drop_sel{display: block;margin-left: 0;width: 100%;margin-top: 10px;}

    .detail_content ul{border-top: 2px solid #346464;}
    .detail_content li:not(.info_line){flex-direction: column;}
    .detail_content li:not(.info_line) .ttl{display: block;width: 122px;padding: 0;margin-top: 22px;line-height: 36px;text-align: center;background: #f1f2f4;}
    .detail_content li:not(.info_line) .con{width: 100%;padding: 16px 0 31px;}
    .detail_content .con p{padding: 0;}
    .detail_content .info_line .ttl{width: 90px;padding: 12px 0;background:#fff;}
    .detail_content .info_line .ttl::after{content: '';display: inline-block;width: 1px;height: 16px;background: #ddd;position: absolute;right: 0;top: 50%;margin-top: -6px;}
    .detail_content .info_line .con{padding: 12px;}

    .detail_content-answer ul{border-top: 1px solid #ddd;}
    .detail_content-answer li{background: #F9FAFC;padding: 0 18px;}
    .detail_content-answer .ttl{border-right: none;background: #EBEDF0;}

    .detail_area-none{padding: 80px 0;}

    .detail_area + .btn_area{padding-top: 40px;}
}

/* kbs온 */
.subHead.kbson_intro{background-image: url(/static/images/bg/bg_subHead_kbson_intro-pc.jpg);}
.subHead.kbson_view{background-image: url(/static/images/bg/bg_subHead_kbson_view-pc.jpg);}
.subHead.kbson_location{background-image: url(/static/images/bg/bg_subHead_kbson_location-pc.jpg);}
.subHead.kbson_reservation{background-image: url(/static/images/bg/bg_subHead_kbson_reservation-pc.jpg);}
.subHead.chromakey {background-image: url(/static/images/bg/bg_subHead_kbson_chromakey-pc.jpg);}
.subHead.qna {background-image: url(/static/images/bg/bg_subHead_kbson_qna-pc.jpg);}
.subHead.kbson_noti {background-image: url(/static/images/bg/bg_subHead_kbson_noti-pc.jpg);}

.subHead_rolling .swiper-slide{position: relative;overflow: hidden;}
.subHead_rolling .swiper-slide .img{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.subHead_rolling .swiper-slide .img img{height: 100%;object-fit: cover;}
.subHead.kbson_tour .subHead_con{position: static;z-index: 1;}

.kbson_intro_top{display: flex;align-items: center;justify-content: space-between;padding-bottom: 60px;border-bottom: 1px solid #d9d9d9;margin-bottom: 60px;}
.kbson_logo_info{width: 460px;height: 260px;box-sizing: border-box;border: 1px solid #ddd;padding-top: 57px;}
.kbson_logo_info .img{display: block;width: 282px;margin: 0 auto;}
.kbson_logo_info .img img{width: 100%;vertical-align: middle;}
.kbson_logo_info p{margin-top: 43px;font-size: 16px;color: #333;font-weight: 500;text-align: center;}
.kbson_ci{display: flex;flex-wrap: wrap;}
.kbson_ci .circle{display: flex;align-items: center;justify-content: center;width: 240px;height: 240px;border-radius: 100%;background: rgba(197,226,255,.5);}
.kbson_ci .circle:nth-child(2){background: rgba(217,248,255,.6);margin: 0 -30px;z-index: -1;}
.kbson_ci .circle p{font-size: 18px;color: #111;text-align: center;} 
.kbson_ci .circle p strong{font-weight: 500;color: #0f308d;display: block;}

.info_list{margin: 18px 0 12px;}
.info_item{display: flex;padding-bottom: 40px;}
.info_item:last-child{padding-bottom: 0;}
.info_item .item_tit_area{width: 240px;padding-right: 10px;box-sizing: border-box;}
.info_item .item_tit_area .item_tit{font-size: 18px;font-weight: 700;color: #111;background-position: left top;background-repeat: no-repeat;}
.info_item .item_con_area{flex: 1;}
.info_item .item_con_area-box{display: flex;gap: 16px;flex-wrap: wrap;}
.info_item .item_txt{font-size: 18px;color: #333;}
.info_item .item_txt b{font-weight: 500;}
.info_item .item_txt .color_blue{color: #0f308d;}
.info_item .item_txt .call_tit{font-weight: 500;margin-right: 12px;}
.info_item .item_desc{font-size: 16px;font-weight: 500;color: #555;margin-top: 8px;text-indent: -10px;padding-left: 14px;}
.info_item .item_box_con{width: 360px;box-sizing: border-box;border:1px solid #ddd;padding: 20px 24px;}
.info_item .con_tit{font-size: 16px;font-weight: 500;color: #111;}
.info_item .con_txt{font-size: 16px;color: #333;}
.info_item .item_list_con{margin-bottom: 24px;}
.info_item .item_list_con:last-child{margin-bottom: 0;}
.info_item .item_list_con .con_tit{margin-bottom: 8px;}
.info_item .item_guide_box{background: #f9f9f9;padding: 28px;margin-top: 24px;}

.info_list-view .info_item{border-bottom: 1px solid #eee;padding: 48px 0;}
.info_list-view .info_item:last-child{border-bottom: 0;}
.info_list-view .item_tit_area .item_tit{font-size: 20px;padding: 9px 0 10px 60px;background-size: 48px 48px;}
.info_list-view .item_tit_area .item_tit-price{background-image: url(/static/images/ico/ico_viewinfo_price.svg);}
.info_list-view .item_tit_area .item_tit-reserve{background-image: url(/static/images/ico/ico_viewinfo_reserve.svg);}
.info_list-view .item_tit_area .item_tit-viewtime{background-image: url(/static/images/ico/ico_viewinfo_viewtime.svg);}
.info_list-view .item_tit_area .item_tit-reservetime{background-image: url(/static/images/ico/ico_viewinfo_reservetime.svg);}
.info_list-view .item_tit_area .item_tit-parking{background-image: url(/static/images/ico/ico_viewinfo_parking.svg);}
.info_list-view .item_tit_area .item_tit-call{background-image: url(/static/images/ico/ico_viewinfo_call.svg);}
.info_list-view .info_item .item_txt{padding-top: 10px;}
.info_list-view .item_list_con>.bullet_list li{font-size: 18px;margin-bottom: 8px;}
.info_list-view .item_list_con>.bullet_list li::before{top: 12px;}
.info_list-view .info_item .item_desc{font-size: 18px;text-indent: -10px;padding-left: 14px;}
.info_list-view .info_item .con_tit{font-size: 18px;}
.info_list-view .info_item .con_txt{font-size: 18px;}

.floor_img{margin-bottom: 40px;}
.floor_img img{width: 100%;vertical-align: middle;}

.map_area{width: 100%;height: 480px;overflow: hidden;}

.location{margin: 60px 0;}
.location .intro_tit{margin-bottom: 20px;}
.location_con + .location_con{border-top: 1px solid #ddd;padding-top: 40px;margin-top: 40px;}
.info_list-location .item_tit_area{width: 292px;}
.info_list-location .item_tit_area .item_tit{padding-left: 32px;background-size: 24px 24px;background-position: 0 2px;}
.info_list-location .item_tit_area .item_tit-subway{background-image: url(/static/images/ico/ico_location_subway.svg);}
.info_list-location .item_tit_area .item_tit-bus{background-image: url(/static/images/ico/ico_location_bus.svg);}
.info_list-location .item_tit_area .item_tit-car{background-image: url(/static/images/ico/ico_location_car.svg);}
.info_list-location .item_tit_area .item_tit-parking{background-image: url(/static/images/ico/ico_location_parking.svg);}
.info_list-location .info_item .item_list_con .con_tit{margin-bottom: 12px;}
.traffic_list li{font-size: 16px;color: #333;margin-bottom: 12px;line-height: 22px;}
.traffic_list li:last-child{margin-bottom: 0;}
.subway_badge{display: inline-block;height: 22px;line-height: 22px;padding: 0 8px;font-size: 12px;color: #fff;border-radius: 16px;vertical-align: top;margin-right: 12px;position: relative;}
.subway_badge-no5{background: #924ad8;}
.subway_badge-no9{background: #cea442;}
.subway_badge + .subway_badge::before{content: '';display: block;width: 2px;height: 2px;background: #888;position: absolute;left: -7px;top: 10px;}
.bus_badge{display: inline-block;height: 22px;line-height: 22px;padding: 0 8px;font-size: 12px;border-radius: 16px;vertical-align: top;margin-right: 12px;border:1px solid #333;}
.bus_badge-main{border-color: #395ba3;color: #395ba3;}
.bus_badge-branch{border-color: #149727;color: #149727;}
.bus_badge-normal{border-color: #149727;color: #149727;}
.bus_badge-shuttle{border-color: #53aa40;color: #53aa40;}
.bus_badge-straight{border-color: #e53607;color: #e53607;}

@media screen and (max-width: 1200px){
    .kbson_intro_top{flex-direction: column;}
    .kbson_logo_info{margin-bottom: 60px;}
}

@media screen and (max-width: 767px){
    .subHead.kbson_intro{background-image: url(/static/images/bg/bg_subHead_kbson_intro-mo.jpg);}
    .subHead.kbson_view{background-image: url(/static/images/bg/bg_subHead_kbson_view-mo.jpg);}
    .subHead.kbson_location{background-image: url(/static/images/bg/bg_subHead_kbson_location-mo.jpg);}
    .subHead.kbson_reservation{background-image: url(/static/images/bg/bg_subHead_kbson_reservation-mo.jpg);}
    .subHead.chromakey {background-image: url(/static/images/bg/bg_subHead_kbson_chromakey-mo.jpg);}
    .subHead.qna {background-image: url(/static/images/bg/bg_subHead_kbson_qna-mo.jpg);}
    .subHead.kbson_noti {background-image: url(/static/images/bg/bg_subHead_kbson_noti-mo.jpg);}    
    .subHead_rolling .swiper-slide .img{width: calc(100% + 1px);}
    .subHead_rolling .swiper-slide .img img{height: auto;width: 100%;min-width: 360px;}

    .kbson_intro_top{margin-bottom: 40px;padding-bottom: 40px;}
    .kbson_logo_info{width: 100%;height: auto;padding: 40px 50px;margin-bottom: 40px;}
    .kbson_logo_info .img{width: 100%;padding: 0 10px;box-sizing: border-box;max-width: 220px;}
    .kbson_logo_info p{margin-top: 20px;}
    .kbson_ci{flex-direction: column;}
    .kbson_ci .circle:nth-child(2){margin: -40px 0;}

    .info_list{margin: 0;}
    .info_item{flex-direction: column;padding-bottom: 20px;}
    .info_item .item_tit_area{width: 100%;padding-right: 0;margin-bottom: 8px;}
    .info_item .item_tit_area .item_tit{font-size: 20px;}
    .info_item .item_con_area-box{gap: 12px;}
    .info_item .item_txt{font-size: 16px;}
    .info_item .item_box_con{width: 100%;padding: 16px 24px;}
    .info_item .item_list_con{margin-bottom: 16px;}
    .info_item .item_guide_box{padding: 20px 16px;margin-top: 16px;}

    .info_list-view .info_item{padding: 32px 0;}
    .info_list-view .info_item:first-child{padding-top: 0;}
    .info_list-view .info_item:last-child{padding-bottom: 40px;}
    .info_list-view .item_tit_area{margin-bottom: 12px;}
    .info_list-view .item_tit_area .item_tit{padding: 5px 0 6px 48px;background-size: 40px 40px;}
    .info_list-view .info_item .item_txt{padding-top: 0;}
    .info_list-view .item_list_con>.bullet_list li{font-size: 16px}
    .info_list-view .item_list_con>.bullet_list li::before{top: 10px;}
    .info_list-view .info_item .item_desc{font-size: 16px;}
    .info_list-view .info_item .con_tit{font-size: 16px;}
    .info_list-view .info_item .con_txt{font-size: 16px;}

    .map_area{height: 320px;}
    .location{margin: 32px 0;}
    .location .intro_tit{margin-bottom: 12px;}
    .location_con + .location_con{padding-top: 36px;margin-top: 32px;}

    .info_list-location .item_tit_area{width: 100%;}
    .info_list-location .item_tit_area .item_tit{font-size: 18px;}
    .info_list-location .info_item .item_list_con .con_tit{margin-bottom: 8px;}
    .info_list-location .item_list_con>.bullet_list li{font-size: 16px;margin-bottom: 6px;}
    .info_list-location .item_list_con>.bullet_list li::before{top: 10px;}
    .traffic_list-subway li{display: flex;flex-direction: column;}
    .traffic_list-subway li .badge_wrap{margin-bottom: 4px;}
}

/* kbs 둘레길 */
.subHead.dulegil {background-image: url(/static/images/bg/bg_subHead_dulegil-pc.jpg);}
.dulegil_map {margin-bottom: 60px;}
.dulegil_map img{display: block;width: 100%;}
.dulegil_con_wrap > li{display: none;}
.dulegil_con_wrap > li.on{display: block;}
.dulegil_con{display: flex;}
.dulegil_img_slide{width: 49.16%;overflow: hidden;}
.dulegil_img_slide .swiper-container{position: relative;}
.dulegil_img_slide .swiper-slide img{display: block;width: 100%;}
.dulegil_control{position: absolute;bottom: 0;right: 0;width: 142px;height: 48px;z-index: 5;display: flex;align-items: center;justify-content: center;background: #fff;}
.dulegil_control .prev_btn{display: block;width: 19px;height: 16px;background-image: url(/static/images/ico/ico_dulegil_prev-pc.png);background-repeat: no-repeat;background-size: 100%;}
.dulegil_control .next_btn{display: block;width: 19px;height: 16px;background-image: url(/static/images/ico/ico_dulegil_next-pc.png);background-repeat: no-repeat;background-size: 100%;}
.dulegil_control .pagination{width: auto;font-size: 16px;font-weight: 500;padding: 0 12px;color: #A5A5A5;}
.dulegil_control .swiper-pagination-current{color: #1750EF;}
.dulegil_control .swiper-pagination-total{color: #555555;}
.dulegil_explain{width: 50.84%;padding-left: 40px;box-sizing: border-box;}
.dulegil_txt .tit{font-size: 20px;line-height: 1.6;font-weight: 500;color: #111111;padding-top: 30px;}
.dulegil_txt .desc{font-size: 16px;line-height: 1.5;color: #333333;word-break: keep-all;padding-top: 12px;}
.dulegil_audio{display: flex;height: 56px;margin-top: 48px;padding-right: 32px;}
.audio_btn {width: 140px;height: 100%;background: #1750EF;color: #fff;}
.audio_btn::before{content: '';display: inline-block;vertical-align: middle;width: 24px;height: 24px;background-image: url(/static/images/ico/ico_audio_mic.svg);background-repeat: no-repeat;}
.audio_btn.play::before{content: '';background-image: url(/static/images/ico/ico_audio_pause.svg);margin-right: 5px;}
.audio_progress_wrap{flex: 1;display: flex;align-items: center;padding: 0 34px 0 37px;background: #F9F9F9;border: 1px solid #DDDDDD;border-left: 0;height: 100%;box-sizing: border-box;}
.audio_progressBar {flex: 1;height: 4px;background-color: #ccc;}
.audio_progress {position: relative;height: 100%;background-color: #1750EF;width: 0;}
.audio_progress i{position: absolute;bottom: -5px;right: 0;transform: translateX(50%);background: #1750EF;width: 14px;height: 14px;border-radius: 100%;z-index: 5;cursor: pointer;}
.audio_progress_wrap .totalTime{font-size: 14px;color: #A5A5A5;padding-left: 20px;}

@media screen and (max-width: 767px){
    .subHead.dulegil {background-image: url(/static/images/bg/bg_subHead_dulegil-mo.jpg);}
    .dulegil_map {margin-bottom: 32px;}
    .dulegil_tab.tab_list{flex-wrap: wrap;border-bottom: 0;margin-bottom: 24px;}
    .dulegil_tab.tab_list .tab_item{width: 25%;flex: auto;}
    .dulegil_tab.tab_list .tab_item a{height: 52px;font-size: 12px;}
    .dulegil_tab.tab_list .tab_item.active a{border-bottom: 2px solid #111;}
    .dulegil_tab.tab_list .tab_item:nth-child(n+5) a{border-bottom: 2px solid #ddd;}
    .dulegil_tab.tab_list .tab_item.active:nth-child(n+5) a{border-bottom: 2px solid #111;}
    .dulegil_tab.tab_list .tab_item:nth-child(5){margin-left: 0;}
    .dulegil_con{flex-direction: column;}
    .dulegil_img_slide{width: 100%;}
    .dulegil_control .prev_btn{width: 20px;height: 20px;background-image: url(/static/images/ico/ico_dulegil_prev-mo.png);}
    .dulegil_control .next_btn{width: 20px;height: 20px;background-image: url(/static/images/ico/ico_dulegil_next-mo.png);}
    .dulegil_control .pagination{font-size: 14px;padding: 0 1px;}
    .dulegil_control .pagination span{padding: 0 7px;}
    .dulegil_explain{width: 100%;padding-left: 0;}
    .dulegil_txt .tit{font-size: 18px;}
    .dulegil_txt .desc{font-size: 14px;line-height: 1.7;padding-top: 7px;}
    .dulegil_audio{height: 52px;margin-top: 29px;padding-right: 0;}
    .audio_btn{width: 108px;}
    .audio_btn::before{margin-bottom: 2px;}
    .audio_progress_wrap{padding: 0 12px 0 19px;}
    .audio_progress_wrap .totalTime{padding-left: 10px;}
}
