@charset "utf-8";

/* main_visual */
.submain_visual .swiper-container{overflow: hidden;position: relative;}
.submain_visual .visual_info{width: 1200px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);box-sizing: border-box;}
.submain_visual .visual_info-center{text-align: center;}
.submain_visual .visual_txt{font-size: 60px;line-height: 1.3;font-weight: 700;color: #fff;text-shadow: 1px 1px 3px #222222;word-break: keep-all;}
.submain_visual .visual_bg .img img{width: 100%;vertical-align: middle;}
.submain_visual .visual_bg .img .img_pc{display: block !important;}
.submain_visual .visual_bg .img .img_mo{display: none !important;}

.submain_visual .function_box{display: flex;align-items: center;justify-content: center;position: absolute;left: 50%;bottom: 80px;transform: translateX(-50%);z-index: 10;}
.submain_visual .swiper-pagination{position: relative;bottom: 0 !important;}
.submain_visual .swiper-pagination-bullet{width: 12px;height: 12px;background-color: transparent;border: 2px solid #fff;border-radius: 100px;box-shadow: 1px 1px 3px #222222;opacity: 1;box-sizing: border-box;}
.submain_visual .swiper-pagination-bullet-active{background: #fff;width: 32px;}
.submain_visual .swiper-pagination-bullet:focus {outline: 1px dashed;    outline: 1px auto -webkit-focus-ring-color;}
.submain_visual .function_box .btn_auto{display: inline-block;width: 24px;height: 24px;background: url(/static/images/ico/ico_play.svg) no-repeat;background-size: 14px auto;background-position: center 4px;cursor: pointer;margin-left: 8px;margin-top: -4px;vertical-align: middle;}
.submain_visual .function_box .btn_auto.isPlay{background-image: url(/static/images/ico/ico_pause.svg);}

.submain_visual .swiper-prev, .submain_visual .swiper-next{display: block;width: 64px;height: 64px;cursor: pointer;z-index: 1;background-size: 28px auto;background-repeat: no-repeat;background-position: center;position: absolute;top: 50%;margin-top: -32px;}
.submain_visual .swiper-prev{background-image: url(/static/images/ico/ico_submain_prev.svg);left: 50%;margin-left: -764px;}
.submain_visual .swiper-next{background-image: url(/static/images/ico/ico_submain_next.svg);right: 50%;margin-right: -764px;}

@media screen and (max-width: 1540px){
    .submain_visual .visual_txt{font-size: 50px;}
    .submain_visual .swiper-prev{left: 20px;margin-left: 0;}
    .submain_visual .swiper-next{right: 20px;margin-right: 0;}
}

@media screen and (max-width: 1300px){
    .submain_visual .visual_txt{font-size: 40px;}
}

@media screen and (max-width: 1200px){
    .submain_visual .visual_info{width: 100%;padding: 0 90px;}
    .submain_visual .visual_bg{height: 460px;position: relative;overflow: hidden;}
    .submain_visual .visual_bg .img{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
    .submain_visual .visual_bg .img img{width: auto;height: 100%;object-fit: cover;vertical-align: middle;}
    .submain_visual .visual_txt{font-size: 36px;}
}

@media screen and (max-width: 767px){
    .submain_visual .visual_bg{height: auto;}
    .submain_visual .visual_bg .img{position: relative;left: 0;top: 0;transform: translate(0,0);}
    .submain_visual .visual_bg .img img{width: 100%;height: auto;}
    .submain_visual .visual_bg .img .img_pc{display: none !important;}
    .submain_visual .visual_bg .img .img_mo{display: block !important;}
    .submain_visual .visual_info{top: 33%;transform: translate(-50%, 0);padding: 0 20px;}
    .submain_visual .visual_txt{font-size: 28px;}
    .visual_btnbox{display: none;}
    .submain_visual .function_box{left: 15px;bottom: 40px;transform: translateX(0);}
}

.petition_preview{display: flex;padding-bottom: 60px;border-bottom: 1px solid #ddd;margin-bottom: 60px;flex-wrap: wrap;}

.preview_item{position: relative;width: calc((100% - 20px)/3);}
.issue_petition{flex: 1;margin-right: 10px;}
.my_petition{margin-left: 10px;}
.wait_answer{width: 100%;}

.card_slide_wrap{margin: -10px;margin-top: 20px;overflow: hidden;}
.card_slide{padding: 10px;position: relative;}
.card_slide .card{box-shadow: 0px 0px 12px 0px rgba(15,48,141,0.16);}
.card_info{padding: 28px 32px;}
.my_petition .card_slide .card{border: 1px solid #a5a5a5;}
.my_petition .card_info{padding: 27px 32px;background-color: #F9FBFF;}
.my_petition-none .card_info{display: flex;align-items: center;justify-content: center;text-align: center;min-height: 410px;box-sizing: border-box;background: url(/static/images/bg/bg_cheongwon_noitem-pc.jpg) no-repeat;background-size: cover;background-position: center;}
.my_petition-none .none_txt{font-size: 18px;font-weight: 500;color: #888;padding-top: 78px;background: url(/static/images/ico/ico_no_item.svg) no-repeat;background-position: top center;background-size: 53px 53px;}
.wait_answer .card_info{padding: 27px 32px 36px;}

.card_info_top{padding-bottom: 20px;}
.cart_type_box{display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px;}
.cart_type_box .cart_type{font-size: 14px;color: #140661;}
.cart_type_box .card_bedge{background: #e1328d;color: #fff;font-size: 12px;font-weight: 500;padding: 3px 10px;border-radius: 100px;}
.card_txt_box .card_tit{height: 56px;line-height: 28px;font-size: 18px;font-weight: 500;}
.card_txt_box .cart_desc{height: 48px;line-height: 24px;font-size: 16px;color: #555;margin-top: 8px;}
.card_txt_box .btn_more{color: #888;margin-top: 12px;}
.card_info_bottom{border-top: 1px solid #ddd;padding-top: 20px;position: relative;}
.card_user_info{display: flex;justify-content: space-between;}
.card_user_info .user_name{font-size: 14px;color: #888;}
.card_user_info .card_date{font-size: 14px;color: #888;text-align: right;}
.btn_cardlink{width: 100%;height: 60px;line-height: 1.2;text-align: center;background: #EFF4F8;border-top: 1px solid #eee;box-sizing: border-box;}
.btn_cardlink .button_txt{font-size: 16px;font-weight: 500;color: #0F308D;border-bottom: 1px solid #0F308D;position: relative;margin-right: 15px;}
.btn_cardlink .button_txt::after{content: '';display: block;width: 6px;height: 10px;background: url(/static/images/ico/ico_cardlink_arrow.svg) no-repeat;background-size: 100%;position: absolute;right: -15px;top: 50%;margin-top: -5px;}
.wait_answer .count_wrap{position: absolute;left: 0;top: 20px;}
.wait_answer .card_user_info{flex-direction: column;text-align: right;padding-left: 90px;}
.wait_answer .card_user_info .user_name{margin-top: 4px;}

.card_slide_btn .btn_prev, .card_slide_btn .btn_next{position: absolute;top: 50%;margin-top: -6px;width: 36px;height: 36px;border: 1px solid #ddd;border-radius: 50%;background-position: center;background-repeat: no-repeat;background-size: 7px auto;background-color: #fff;z-index: 5;}
.card_slide_btn .btn_prev{background-image: url(/static/images/ico/ico_cardSlide_prev.svg);left: 16px;}
.card_slide_btn .btn_next{background-image: url(/static/images/ico/ico_cardSlide_next.svg);right: 16px;}
.card_slide_btn .btn_prev.disable{background-image: url(/static/images/ico/ico_cardSlide_prev_disable.svg);}
.card_slide_btn .btn_next.disable{background-image: url(/static/images/ico/ico_cardSlide_next_disable.svg);}

@media screen and (max-width: 767px){
    .petition_preview{flex-direction: column;margin-bottom: 52px;}
    .preview_item{width: 100%;}
    .issue_petition{margin-right: 0;}
    .my_petition{margin-left: 0;margin-top: 40px;}
    .card_slide_wrap{margin: -20px;margin-top: 10px;}
    .card_slide{padding: 10px 20px;}
    .card_info{padding: 24px 20px 28px;}
    .my_petition-none .card_info{min-height: 380px;background-image: url(/static/images/bg/bg_cheongwon_noitem-mo.jpg);}
    .my_petition-none .none_txt{font-size: 16px;padding-top: 72px;}
    .wait_answer .card_info{padding: 24px 20px 28px;}
    .card_info_top{padding-bottom: 18px;}
    .card_txt_box .card_tit{height: 48px;font-size: 16px;line-height: 24px;}
    .card_txt_box .cart_desc{height: 48px;font-size: 14px;line-height: 24px;margin-top: 10px;}
    .card_user_info .card_date{font-size: 12px;}
    .card_user_info .user_name{font-size: 12px;}
    .btn_cardlink{height: 50px;}
}

.main_cardlink{display: flex;gap: 20px;flex-wrap: wrap;}
.main_cardlink .cardlink_item{width: calc((100% - 60px)/4);box-sizing: border-box;border-top-left-radius: 40px;border-bottom-right-radius: 40px;overflow: hidden;box-shadow: 4px 6px 12px 0px rgba(0,0,0,0.16);border: 2px solid transparent;background-repeat: no-repeat;background-size: 128px 128px;background-position: calc(100% - 24px) calc(100% - 16px);transition: all .2s;}
.main_cardlink-col2 .cardlink_item{width: calc((100% - 20px)/2);}
.main_cardlink-col3 .cardlink_item{width: calc((100% - 40px)/3);}
.main_cardlink .cardlink_item a{display: block;padding: 32px 24px 157px;}
.main_cardlink .cardlink_tit{font-size: 24px;font-weight: 700;color: #111;margin-bottom: 16px;word-break: keep-all;}
.main_cardlink .cardlink_btn{display: block;width: 116px;height: 40px;box-sizing: border-box;padding: 7px 0 7px 20px;border-radius: 100px;border: 1px solid #a5a5a5;font-size: 16px;font-weight: 500;color: #555;transition: all .2s;}
.main_cardlink .cardlink_btn .ico{display: inline-block;width: 16px;height: 16px;background: url(/static/images/ico/ico_submain_link01.svg) no-repeat;background-size: 6px auto;background-position: center;vertical-align: middle;margin-top: -4px;margin-left: 2px;}
.main_cardlink .cardlink_btn-url .ico{background: url(/static/images/ico/ico_submain_link02.svg) no-repeat;background-size: 13px 13px;margin-top: 0;}
.main_cardlink .cardlink_item:hover{border-color: #1750ef;}
.main_cardlink .cardlink_item:hover .cardlink_btn{background-color: #1750ef;border-color: #1750ef;color: #fff;}
.main_cardlink .cardlink_item:hover .cardlink_btn .ico{background-image: url(/static/images/ico/ico_submain_link01_white.svg);}
.main_cardlink .cardlink_item:hover .cardlink_btn-url .ico{background-image: url(/static/images/ico/ico_submain_link02_white.svg);}

.main_cardlink-audience .cardlink_item:nth-child(1){background-color: #e8edff;background-image: url(/static/images/ico/ico_cardlink_audience01.png);}
.main_cardlink-audience .cardlink_item:nth-child(2){background-color: #d8edfe;background-image: url(/static/images/ico/ico_cardlink_audience02.png);}
.main_cardlink-audience .cardlink_item:nth-child(3){background-color: #ffe9eb;background-image: url(/static/images/ico/ico_cardlink_audience03.png);}
.main_cardlink-audience .cardlink_item:nth-child(4){background-color: #f2e9ff;background-image: url(/static/images/ico/ico_cardlink_audience04.png);}

.main_cardlink-gochung .cardlink_item a{padding: 32px 24px 180px;}
.main_cardlink-gochung .cardlink_item:nth-child(1){background-color: #f3e9ff;background-image: url(/static/images/ico/ico_cardlink_gochung01.png);}
.main_cardlink-gochung .cardlink_item:nth-child(2){background-color: #d8edfe;background-image: url(/static/images/ico/ico_cardlink_gochung02.png);letter-spacing: -1.6px;}

.main_cardlink-info .cardlink_item{background-size: 128px 128px;}
.main_cardlink-info .cardlink_item a{padding: 32px 23px 159px;}
.main_cardlink-info .cardlink_item:nth-child(1){background-color: #d8edfe;background-image: url(/static/images/ico/ico_cardlink_info01.png);}
.main_cardlink-info .cardlink_item:nth-child(2){background-color: #f2e8ff;background-image: url(/static/images/ico/ico_cardlink_info02.png);}
.main_cardlink-info .cardlink_item:nth-child(3){background-color: #FFE9EB;background-image: url(/static/images/ico/ico_cardlink_info03.png);}
.main_cardlink-info .cardlink_item:nth-child(4){background-color: #e8edff;background-image: url(/static/images/ico/ico_cardlink_info04.png);}

.kbson_main .section_wrap{padding: 0 0 248px;background: url(/static/images/bg/bg_kbson_main.png) no-repeat;background-size: 100% auto;background-position: left bottom;}
.main_cardlink-kbson .cardlink_item{background-size: 128px 128px;}
.main_cardlink-kbson .cardlink_item a{padding: 32px 24px 163px;z-index: 1;}
.main_cardlink-kbson .cardlink_item:nth-child(1){background-color: #eef2fe;background-image: url(/static/images/ico/ico_cardlink_kbson01.png);}
.main_cardlink-kbson .cardlink_item:nth-child(2){background-color: #ffe9eb;background-image: url(/static/images/ico/ico_cardlink_kbson02.png);}
.main_cardlink-kbson .cardlink_item:nth-child(3){background-color: #f2e8ff;background-image: url(/static/images/ico/ico_cardlink_kbson03.png);}
.main_cardlink-kbson .cardlink_item:nth-child(4){background-color: #fff6e9;background-image: url(/static/images/ico/ico_cardlink_kbson04.png);background-size: 100% auto;background-position: center calc(100% - 24px);}
.main_cardlink-kbson .cardlink_item-big{flex: 1;background-color: #fff6e9;background-image: url(/static/images/bg/bg_card_dulegil.png);background-size: 100% auto;background-position: center;}
.main_cardlink-kbson .cardlink_item-big a{padding: 34px 40px 250px;position: relative;}
.kbson_reserve{padding-bottom: 50px;}

@media screen and (max-width: 1200px){
    .main_cardlink .cardlink_item{width: calc((100% - 20px)/2);}
    .main_cardlink .cardlink_item a{padding: 32px 24px 68px;}
    .main_cardlink-gochung .cardlink_item a{padding: 32px 24px 144px;}
    .main_cardlink-info .cardlink_item{width: 100%;}

    .main_cardlink-kbson .cardlink_item:nth-child(4){background-size: auto 100%;background-position: right calc(100% - 24px);}
    .main_cardlink-kbson .cardlink_item a{padding: 32px 24px 84px;}
    .main_cardlink-kbson .cardlink_item-big{width: 100%;background-size: auto 100%;background-position: right center;}
    .main_cardlink-kbson .cardlink_item-big a{padding: 34px 40px 100px;}
}

@media screen and (max-width: 767px){
    .main_cardlink{gap: 16px;}
    .main_cardlink .cardlink_item{width: calc((100% - 16px)/2);border-top-left-radius: 32px;border-bottom-right-radius: 32px;background-size: 64px 64px;background-position: calc(100% - 16px) calc(100% - 6px);}
    .main_cardlink .cardlink_item a{padding: 20px 20px 68px;}
    .main_cardlink .cardlink_tit{font-size: 16px;margin-bottom: 4px;}
    .main_cardlink .cardlink_btn{width: auto;height: auto;padding: 0;border: none;font-size: 14px;}
    .main_cardlink .cardlink_btn .ico{margin-top: -2px;}    
    .main_cardlink .cardlink_btn-url .ico{background-image: url(/static/images/ico/ico_submain_link01.svg);background-size: 6px auto;margin-top: -2px;background-position: center;}
    .main_cardlink .cardlink_item:hover{border-color: transparent;}
    .main_cardlink .cardlink_item:hover .cardlink_btn{background-color: transparent;border-color: transparent;color: #555;}
    .main_cardlink .cardlink_item:hover .cardlink_btn .ico{background-image: url(/static/images/ico/ico_submain_link01.svg);}
    .main_cardlink .cardlink_item:hover .cardlink_btn-url .ico{background-image: url(/static/images/ico/ico_submain_link01.svg);}

    .main_cardlink-gochung .cardlink_item a{padding: 20px 20px 96px;}
    
    .main_cardlink-info{gap: 20px;}
    .main_cardlink-info .cardlink_item{width: 100%;background-size:100px 100px;background-position: calc(100% - 10px) calc(100% - 6px);}
    .main_cardlink-info .cardlink_item a{padding: 20px 20px 68px;}

    .kbson_main .section_wrap{padding-bottom: 113px;background-image: url(/static/images/bg/bg_kbson_main@2.png);}
    .main_cardlink-kbson .cardlink_item{background-size: 64px 64px;}
    .main_cardlink-kbson .cardlink_item:nth-child(4){background-size: auto 83px;background-position: right calc(100% - 16px);}
    .main_cardlink-kbson .cardlink_item:nth-child(1) a{padding-bottom: 68px;}
    .main_cardlink-kbson .cardlink_item a{padding: 20px 20px 92px;}
    .main_cardlink-kbson .cardlink_item-big{width: 100%;background-image: url(/static/images/bg/bg_card_dulegil@2.png);background-size: contain;background-position: right bottom;}
    .main_cardlink-kbson .cardlink_item-big a{padding: 20px 20px 128px;}
    .kbson_reserve{padding-bottom: 0;}
}