/* main_top */
.main_top{border-bottom: 0.1rem solid #cbcbcb;}
.main_slider{height: 39rem;overflow: hidden;position: relative;}
.main_slider{background: url(../images/main/main-visual-image-coin.png) no-repeat right -68%;padding-left: 2.5rem;}
.main_slider .visual_txt strong{font-family: "pretendard";font-size: 4.2rem;font-weight:600;color: #222429;line-height: 1.2;letter-spacing: -0.25rem;}
.main_slider .visual_txt strong b{font-family: inherit; font-weight: 700;}
.main_slider .visual_txt strong b span{font-family: inherit; color: #016de0;}
.main_slider .visual_txt + p{font-size: 1.9rem;font-weight: 400;color: #222;line-height: 1.3;overflow: hidden;height: 4.5rem;margin-top: 4.2rem;opacity: 0.7;}
.main_slider .navi{display: flex;align-items: center;padding: 0 2.5rem;margin: -8rem auto 0;position: relative;z-index: 999;}
.main_slider .navi .main-pagination{margin-left: 2.5rem;}
.main_slider .navi .main-pagination .swiper-pagination-bullet+.swiper-pagination-bullet{margin-left: 1.2rem;}
.main_slider .navi .main-pagination .swiper-pagination-bullet-active{width: 2.4rem;height: 0.8rem;border-radius: 0.3rem;background: #016de1;}
.main_slider .navi .main-button-prev{border: 0;width: 0.7rem;height: 1.4rem;background: url(../images/main/i_btn_prev.png) no-repeat center;}
.main_slider .navi .main-button-next{border: 0;width: 0.7rem;height: 1.4rem;background: url(../images/main/i_btn_next.png) no-repeat center;}
.main_slider .navi .main-button-pause{border: 0;width: 1.6rem;height: 1.1rem;background: url(../images/main/i_btn_pause.png) no-repeat center;margin-left: 1.6rem; margin-right: 2.5rem;}
.main_slider .navi .main-button-play{border: 0;width: 1.6rem;height: 1.1rem;background: url(../images/main/i_btn_play.png) no-repeat center;margin-left: 1.6rem; margin-right: 2.5rem;}
/* 240205 추가 */
.main_slider .visual_txt{display:block; margin-top:7rem; font-weight: 200; color: #000; font-size:4.2rem;}
.main_slider .visual_txt strong.blue_txt{color:#277eef;}

/* link_area */
.main .link_area{padding: 6.5rem 0 0;}
.main .link_area ul{display: flex;flex-wrap: wrap;}
.main .link_area ul li{width: 16.666%;text-align: center;}
.main .link_area ul li a{display: block;width: 100%;height: 100%;}
.main .link_area ul li .img_area{height: 10rem;}
.main .link_area ul li p{font-size: 2.1rem;font-weight: 600;color: #000;letter-spacing: -0.25rem;line-height: 1;margin-top: 2.5rem;}
.main .link_area ul li a:hover p{text-decoration: 2px underline #0069d9;color: #0069d9;}
.main .link_area ul li a .link_desc{display:block; margin:0.7rem auto 0 auto; max-width: 70%; word-wrap: break-word; word-break:keep-all; color:#333; font-size: 1.6rem; font-weight: 300; line-height: normal;}

/* process */
.process{display: flex; gap: 30px; margin-top: 9rem;}
.process li{display:flex; flex-direction:column; justify-content:space-between; position: relative; flex:1; border-radius: 2.5rem; min-height:20rem; padding: 3rem 5rem 3rem 6rem; background: #f3f5f6;}
.process li::after{position: absolute; right: -2.4rem; top:50%; transform: translateY(-50%); width: 1.8rem; height:2rem; background: url("../images/main/main-process-arrow-right.png") no-repeat; content:'';}
.process li:last-child::after{display: none;}
.process li .pro_top{padding-left: 7rem; letter-spacing: -0.25rem;}
.process li .pro_top strong{font-size: 2.4rem; font-weight: 600;}
.process li .pro_top span{display: block; color:#333; font-size:1.7rem; font-weight: 500;}
.process li .pro_step{display: inline-block; position:absolute; left:4rem; top: -0.9rem; width: 9.7rem; height: 9.7rem; line-height: 9rem; text-align:center; color:#ffbd3e; font-size:2rem; font-weight: 700; background: url("../images/main/main-round-shape.png") no-repeat; background-size: contain;}
.process li .pro_btns{display:flex; padding-right:3rem; font-size: 1.7rem;}
.process li .pro_btns a{flex:1; display:inline-block; height: 4.5rem; min-width: 13.7rem; margin-right:1rem; border-radius: 2.5rem; border:1px solid #aeaeae; line-height: 4.5rem; text-align:center; color:#525252; font-size:1.7rem; font-weight: 600; letter-spacing: 1; background: #fff;}
.process li .pro_btns a:last-child{margin-right:0;}
.process li .pro_btns a:hover{background: #fafafa}
.process li .pro_btns a.yellow{border-color: #ffbd3e; color:#fff; background: #ffbd3e;}
.process li .pro_btns a.yellow:hover{background: #f7b434;}
.process li .pro_state{display:flex; justify-content:space-between; gap: 1rem; margin-top:2rem; margin-bottom:0.5rem; padding:0 2.8rem 0 2rem; text-align: center;}
.process li .pro_state [class^="state"] .tit{display: block; font-size:1.6rem; color:#333;font-weight: 500;}
.process li .pro_state [class^="state"] .num{font-size:2.8rem; font-weight: 900;}
.process li .pro_state [class^="state"] .num span{margin-left:0.5rem; font-size:1.4rem; font-weight: 400}
.process li .pro_state .state1 .num{color:#ff7962}
.process li .pro_state .state2 .num{color:#68c36f}
.process li .pro_state .state3 .num{color:#5ea5e2}

/* notice_list */
.main .con_top{display: flex;align-items: center;justify-content: space-between;line-height: 1.16; margin-bottom: 3rem;}
.main .con_top .title{font-size: 2.4rem;font-weight: 700;color: #222429;}
.main .con_top .btn_more{display: inline-block; line-height:1; font-size: 1.6rem;font-weight: 600;color: #737578;padding-right: 2.5rem;background: url(../images/main/i_btn_more_bg.png) no-repeat right 0.7rem center; transition: all 0.15s;}
.main .con_top .btn_more:hover{padding-right: 3.5rem;}

.main .notice_list{margin-top: 9rem; padding-bottom: 6.5rem;}
.main .notice_list ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.main .notice_list ul li{width: 49%; height: 11.7rem; border-radius: 2.4rem; background: #fff; border: 1px solid #eff1f4; box-shadow: 0 0.8rem 2rem rgba(4,24,64,0.15);}
.main .notice_list ul li *{letter-spacing: -0.04em;}
.main .notice_list ul li:nth-of-type(n+3){margin-top: 2rem;}
.main .notice_list li a{display: flex; height: 100%;}
.main .notice_list li .date{width: 12rem; border-right: 1px solid #eff1f4; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 0.3rem;}
.main .notice_list li .date span{display: block; font-size: 1.8rem; font-weight: 600; color: #57595e; margin-bottom: 1rem;}
.main .notice_list li .date b{display: block; font-size:3.6rem; color: #222429; font-family: 'Gsans'; font-weight: 400; line-height: 1;}
.main .notice_list li .txt{width: calc(100% - 12rem); padding: 2.7rem 3rem; }
.main .notice_list li .txt b, .main .notice_list li .txt p{line-height: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.main .notice_list li .txt b{display: inline-block; font-size: 2.2rem; font-weight: 600; color: #333333;  padding-right: 3rem; max-width: 100%; margin-bottom: 1.8rem; position: relative;}
.main .notice_list li .txt b.file::after{content: ''; display: inline-block; width: 2.3rem; height: 2rem; background: url(../images/main/i_list_file.png) no-repeat center; position: absolute; right:0; top:0.2rem;}
.main .notice_list li .txt p{font-size: 1.7rem; font-weight: 200; color: #57595e; }
.main .notice_list li:hover{background: #297ef2; border-color: #297ef2; box-shadow: none;}
.main .notice_list li, .main .notice_list li *{transition: all 0.2s;}
.main .notice_list li:hover *{color: #fff !important;}
.main .notice_list li:hover .date{border-right: 1px solid #5195f2;}
.main .notice_list li:hover .txt b.file::after{background: url(../images/main/i_list_file_white.png) no-repeat center;}
.main .notice_list ul li.no_data,
.main .qna_list ul li.no_data{width:100%;height:11.7rem; border-color:#eee; color:#777; line-height: 11.7rem; font-size:1.7rem; text-align:center; box-shadow: none;}
.main .notice_list ul li.no_data,
.main .notice_list ul li.no_data:hover{background: #f3f3f3}
.main .qna_list ul li.no_data,
.main .qna_list ul li.no_data:hover{height:11.7rem; background: #fff;}

/* qna_list */
.main .qna_list{padding: 6.5rem 0; background: #f3f3f3;}
.main .qna_list ul{display: flex;}
.main .qna_list ul li{width: 33%; height: 17rem; background: #fff; border-radius: 2.4rem;  box-shadow: 0 0.8rem 2rem rgba(4,24,64,0.15);}
.main .qna_list ul li+li{margin-left: 2.5rem;}
.main .qna_list ul li a{width: 100%;height: 100%;position: relative;z-index: 2; padding: 0 3rem; display: flex; flex-direction: column; justify-content: center;}
.main .qna_list ul li b{display: block;font-size: 1.9rem;font-weight: 600;color: #ffbd3e;line-height: 1;}
.main .qna_list ul li p{font-size: 2.5rem;font-weight: 600;color: #353535;line-height: 1.3;margin-top: 1.5rem;overflow: hidden;max-height: 6.8rem; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main .qna_list ul li, .main .qna_list ul li *{transition: all 0.2s;}
.main .qna_list ul li:hover{background: #ffbd3e; box-shadow: none;}
.main .qna_list ul li:hover *{color: #fff !important;}


/* bottom */
.main .bottom{padding: 6.5rem 0;}
.main .bottom .wrap{display: flex;}
.main .bottom .wrap .box+.box{margin-left: 2.5rem;}
.main .bottom .wrap .box{display: block;width: 33%;height: 20.7rem;border-radius: 1.5rem;padding: 6rem 3rem 0;}
.main .bottom .wrap .box.box_1{background: #e3f1ff url(../images/main/box_1_bg.png) no-repeat bottom 3rem right 3rem;}
.main .bottom .wrap .box.box_2{background: #ecedff}
.main .bottom .wrap .box.box_3{background: #d5f3f2;}
.main .bottom .wrap .box .tit{display: block;font-size: 3rem;font-weight: 600;color: #333;line-height: 1;margin-bottom: 1.6rem;}
.main .bottom .wrap .box.box_1 .tit{font-family: 'Gsans';}
.main .bottom .wrap .box_1 p{font-size: 1.8rem;font-weight: 300;color: #333;}
.main .bottom .wrap .box_2 .input_wrap{display: flex;align-items: center;}
.main .bottom .wrap .box_2 .btn_search{border: 0;font-size: 0;width: 4.5rem;height: 4.5rem;border-radius: 0.5rem;background: #5058e0 url(../images/main/i_btn_search.png) no-repeat center center;margin-left: 1.5rem;}
.main .bottom .wrap .box_2 .btn_search:focus{outline: 2px solid var(--dark);}

.main .bottom .selectbox+.selectbox{margin-left: 1.5rem;}
.main .bottom .selectbox .selected{border: 0;min-width: 14rem;height: 4.5rem;line-height: 4.5rem;font-size: 1.8rem;font-weight: 300;color: #333; border-radius: 0.5rem;}
.main .bottom .selectbox .selected::after{top: 2rem;right: 2rem;}
.main .bottom .selectbox .selectoptions{top: 4.5rem;}
.main .bottom .selectbox .selectoptions{max-height: 15rem;}
.main .bottom .selectbox.on .selected{border:1px solid var(--bdr-focus); border-bottom: 0; border-radius: 0.5rem 0.5rem 0 0;}
.main .bottom .selectbox .selectoptions li a{font-size: 1.6rem;}

.main .bottom .wrap .box_3 .links{display: flex;align-items: center;}
.main .bottom .wrap .box_3 .btn{width: calc((100% - 1.4rem)/2);height: 4.8rem;border-radius: 0.5rem;border: 0;box-shadow: 0 0.4rem 0.7rem rgba(2, 77, 64, 0.15);font-size: 1.6rem;font-weight: 500;letter-spacing: -0.025em;color: #29323b;display: flex;align-items:center;justify-content:center;padding: 0}
.main .bottom .wrap .box_3 .btn::before{content: "";display: inline-block;width:50%;height: 2rem;margin-right: 0.5rem}
.main .bottom .wrap .box_3 .btn+.btn{margin-left: 1.4rem;}
.main .bottom .wrap .box_3 .btn.btn_en::before{background: url(../images/main/i_enter.png) no-repeat center;width: 2.8rem}
.main .bottom .wrap .box_3 .btn.btn_on::before{background: url(../images/main/i_kepco_on.png) no-repeat center;width: 4.8rem}

/* main_popup */
.main_pop{position: absolute; width: 95%; left: 15%;top: 10rem; box-shadow: 0rem 0.5rem 1rem rgba(0,0,0,0.2); border-radius: 0.5rem; z-index: 8000; overflow: hidden; }
.main_pop .pop_header{display: flex;justify-content: space-between;align-items: center;position: relative;padding: 1rem 1.5rem; min-height: 5rem; height: auto; line-height: 1.3; background: var(--blue);color: #fff; }
.main_pop .pop_header h2 {font-size: 2.4rem;font-weight: 500; color:#fff; max-width:calc(100% - 5rem); word-break:break-all;}
.main_pop .pop_close {height: 2.4rem;margin: 0;border: 0;font-size: 0;background: transparent;}
.main_pop .pop_close i::before {font-size: 2.4rem;color: #fff;}
.main_pop .pop_content{position: relative;padding: 1.5rem;background: #FFFFFF;   font-size: 1.8rem; max-height:100%;}
.main_pop .pop_content .mCSB_scrollTools_vertical, .main_pop .pop_content .mCSB_dragger_bar, .main_pop .pop_content .mCSB_draggerRail {width: 0.5rem !important; margin: 0 !important;}
.main_pop .pop_content .mCSB_dragger_bar {background-color: #6B6B6B !important;}
.main_pop .pop_content .mCSB_scrollTools .mCSB_draggerRail {background-color: #ECECEC !important;}
.main_pop .pop_content .mCSB_container {margin-right: 1.5rem !important;}
.main_pop .pop_content .mCSB_container.mCS_y_hidden{margin-right: 0 !important;}
.main_pop .pop_footer{background: #fff; padding: 1rem 1.5rem; font-size: 1.4rem !important; display: flex; align-items: center;}
.main_pop .pop_footer .chk label{font-size: 1.4rem !important;line-height: 2.2rem;}
.main_pop img{display:block; max-width:100%;}
.main_pop pre{word-break:break-all;}
.main_pop img + pre{margin-top:1rem;}
.main_pop .pop_content .inner{max-height: 40rem; overflow-y:auto;}
.main_pop .pop_content .inner::-webkit-scrollbar {width: 0.5rem;}
.main_pop .pop_content .inner::-webkit-scrollbar-track {background-color: #ECECEC; border-radius:100rem;}
.main_pop .pop_content .inner::-webkit-scrollbar-thumb { width:0.5rem; background:#6B6B6B;  border-radius:100rem;}

@media all and (max-width: 1024px) { 
    /* main_top */
    .main_top{border-bottom: 1px solid #e1e6ec;}
    .main_top .wrap{padding: 0;}
    .main_slider{height: 38rem; position: relative;}
    .main_slider{padding: 0 2rem; background:url(../images/main/main-visual-image-coin.png) no-repeat center bottom -3rem / clamp(14rem, 55vw, 27rem) auto;}
    .main_slider .visual_txt strong{font-size: 3.1rem; margin-top: 2.5rem;}
    .main_slider .visual_txt + p{font-size: 1.3rem; line-height: 1.4; margin-top: 1rem; height: auto;}
    .main_slider .navi{padding: 0; position: absolute; bottom: 2.8rem;}
    .main_slider .navi .main-button-prev,
    .main_slider .navi .main-button-next{display: none;}
    .main_slider .navi .main-pagination{margin-left: 2rem; display: inline-block; width: auto; font-size: 1.3rem;}
    /* 240205 추가 */
    .main_slider .visual_txt{line-height:1.4; font-size:2.2rem; text-align:center; margin-top:3rem;}
    .main_slider .visual_txt strong{font-size:2.2rem;}
    .main_slider .visual_txt + p{text-align: center;}

    /* link_area */
    .main .link_area{padding: 3.5rem 0;}
    .main .link_area ul li{width: 33.333%;}
    .main .link_area ul li:nth-of-type(n+4){margin-top: 4rem;}
    .main .link_area ul li p{font-size: 1.3rem; font-weight: 500; margin-top: 1.3rem; letter-spacing: normal;}
    .main .link_area ul li a .link_desc{font-size:1.3rem;}
    .main .link_area ul li .img_area{height: 3rem;}
    .main .link_area ul li:nth-of-type(1) img{width: 4rem;}
    .main .link_area ul li:nth-of-type(2) img{width: 3rem;}
    .main .link_area ul li:nth-of-type(3) img{width: 4rem;}
    .main .link_area ul li:nth-of-type(4) img{width: 3.6rem;}
    .main .link_area ul li:nth-of-type(5) img{width: 3.3rem;}
    .main .link_area ul li:nth-of-type(6) img{width: 3rem;}
    
    /* process */
    .process{flex-wrap: wrap; margin-top:1rem;gap:2rem}
    .process li{width:100%; min-height:14rem; padding: 2rem 3rem 2rem 4rem;}
   /*  .process li::after{left:50%; top:unset; bottom: -3.5rem; right:unset; transform:translate(-50%,-50%) rotate(90deg);} */
   	.process li::after{display: none;}
    .process li .pro_step{left:2rem; font-size:1.3rem;}
    .process li .pro_top strong{font-size:1.4rem;}
    .process li .pro_top span{font-size:1.3rem;}
    .process li .pro_btns{padding-right:0;}
    .process li .pro_btns a{height:3rem; min-width: 11rem; line-height: 3rem; font-size:1.3rem;}

    /* notice_list */
    .main .con_top{margin-bottom: 1.5rem;}
    .main .con_top .title{font-size: 2rem; }
    .main .con_top .btn_more{font-size: 1.3rem; background-size: 0.6rem; background-position: right top 0.1rem; padding-right: 2rem;}
    .main .con_top .btn_more:hover{padding-right: 2.5rem;}
    .main .notice_list{margin-top: 2rem; padding-bottom: 3rem;}
    .main .notice_list ul li{width: 100%; height: 7rem; border-radius: 1rem; box-shadow: 0 0.4rem 1rem rgba(4,24,64,0.15);}
    .main .notice_list ul li + li{margin-top: 1.3rem !important;}
    .main .notice_list li .date{width: 6.5rem; }
    .main .notice_list li .date span{font-size: 1rem; margin-bottom: 0.8rem; line-height: 1;}
    .main .notice_list li .date b{font-size: 2.1rem;}
    .main .notice_list li .txt{width: calc(100% - 6.5rem); padding: 0 1.5rem; display: flex; align-items: center;}
    .main .notice_list li .txt p{display: none;}
    .main .notice_list li .txt b{font-size: 1.4rem; margin-bottom: 0; white-space:normal; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 1.3; padding-right: 0; }
    .main .notice_list li .txt b.file::after{display: none;}

    /* qna_list */
    .main .qna_list{padding: 3rem 0;}
    .main .qna_list ul{display: block;}
    .main .qna_list ul li{width: 100%; height: 7rem; border-radius: 1rem; box-shadow: 0 0.4rem 1rem rgba(4,24,64,0.15);}
    .main .qna_list ul li a{padding: 0 1.5rem;}
    .main .qna_list ul li b{font-size: 1.2rem;}
    .main .qna_list ul li p{font-size: 1.4rem; margin-top: 0.7rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}
    .main .qna_list ul li+li{margin-left: 0; margin-top: 1.3rem;}

    /* bottom */
    .main .bottom {padding: 3rem 0;}
    .main .bottom .wrap{display: block;}
    .main .bottom .wrap .box{width: 100%;padding: 0 2rem; height: 11rem; padding-top: 2.6rem; border-radius: 0.7rem;}
    .main .bottom .wrap .box+.box{margin-left: 0;margin-top: 1.2rem;}
    .main .bottom .wrap .box .tit{font-size: 1.8rem; margin-bottom: 1rem; font-weight: 500;}
    .main .bottom .wrap .box_1 p{font-size: 1.4rem; max-width: 50%; line-height: 1.2;}
    .main .bottom .wrap .box.box_1{background-size: 9rem; background-position: bottom 1rem right 2.2rem;}
    .main .bottom .wrap .box_2 .btn_search{width: 2.8rem; height: 2.8rem; border-radius: 0.4rem; background-size: 1.4rem; margin-left: 0.7rem;}
    .main .bottom .wrap .box_2 .input_wrap .selectbox{width: calc((100% - 4.2rem) / 2);}
    .main .bottom .wrap .box_2 .input_wrap .selectbox + .selectbox{margin-left: 0.7rem;}
    .main .bottom .wrap .box_2 .selectbox .selected{min-width: auto; width: 100%; height: 2.8rem; line-height: 2.8rem; font-size: 1.3rem; border-radius: 0.4rem;}
    .main .bottom .wrap .box_2 .selectbox .selected::after{width: 0.7rem; height: 2.8rem; background-size: 0.7rem; right: 1rem; top: 0;}
    .main .bottom .selectbox .selectoptions{top: 2.8rem; max-height: 10rem;}
    .main .bottom .selectbox .selectoptions li a{font-size: 1.3rem; padding:0.3rem 1.2rem}
    .main .bottom .wrap .box_3 .btn{width: calc((100% - 0.7rem) / 2); height: 3rem;line-height: 3rem;font-size: 1.3rem;}
    .main .bottom .wrap .box_3 .btn::before{background-size: 2rem !important;width: 2rem !important;}
    .main .bottom .wrap .box_3 .btn+.btn{margin-left: 0.7rem;}
    
    /* main_popup */
    .main_pop{width: 90% !important;max-height: auto;left: 5%;top: 8rem;position: fixed}
    .main_pop .pop_content .inner{max-height: 35rem;}
    .main_pop .pop_header h2 {font-size: 2rem;}
    .main_pop .pop_content{font-size: 1.4rem;} 
    
}


/**/