.rtech_visual *,
.rtech_cont *,
.rtech_news *{font-family: 'Pretendard';font-weight:300;}



.rtech_visual{
    display:flex;
    align-items: center;
    /* 어두운 배경
    background:url(/img/main/main_visual.png) no-repeat center 0;
    */
    /* 밝은 배경 */
    background:url(/img/main/main_visual2.png) no-repeat center 0;
    background-size:cover;
    height:370px;

}
.rtech_head{width:1240px;margin:0 auto;display:flex;justify-content: space-between;align-items:center;}
.rtech_head_left{position:relative;flex-shrink:0;width:705px;display:flex;flex-direction: column;gap:45px;transition:all 0.1s;}
.rtech_head_left > div:first-child{display:flex;flex-direction:column;gap:11px;}
.rtech_head_left strong{font-size:clamp(22px, 2.5vw, 38px);color:#000;}
.rtech_head_left span{font-size:clamp(22px, 2.5vw, 38px);color:#000;font-weight:600;}
.rtech_head_search{display:flex;gap:6px;height:56px;justify-content: space-between;background:#FFFFFF;border-radius:8px;
    align-items: center;
    padding:0 8px;
    box-shadow:0 0 5px rgba(0,0,0,0.3);
}
.rtech_head_search input{width:100%;height:38px;border:none;font-size:16px;}
.rtech_head_search input::placeholder{font-size:16px;}
.rtech_head_search button{font-size:16px;color:#fff;background:#0064E6;width:62px;height:38px;border-radius:6px;display:block;}

.rtech_head_result{
    display:none;
    position:absolute;
    width:100%;
    top:119%;
    left:0;
    background: #fff;
    border-radius: 0 0 7px 7px;
    padding: 0px 0px 35px 0px;
    box-shadow:0 0 5px rgba(0,0,0,0.3);
    z-index: 1;
    overflow:hidden;
}
.rtech_head_result ul{
    max-height: 372px;
    min-height: 46px;
    overflow-y: auto;
}
.rtech_head_result ul li{
    position: relative;
}
.rtech_head_result ul li a{font-size:16px;line-height:1.2;color:#666;padding:6px;display:block;border-radius:4px;}
.rtech_head_result ul li a i{
    display: inline-block;
    border: 1px solid #A4A7AF;
    border-radius: 4px;
    width: 67px;
    text-align: center;
    height: 22px;
    line-height: 22px;
    margin-right: 4px;
    position: absolute;
    left: 0;
    top: 5px;
}
.rtech_head_result ul li a em{color:#004bac;font-weight:500;vertical-align:baseline;}
.rtech_head_result ul li a:hover{background:#f6f6f6;}

.rtech_head_result > a{
    position: absolute;
    left: 0;
    bottom: 0;
    background: #EFF0F3;
    width: 100%;
    display: block;
    text-align: center;
    padding: 10px 0;
    border-radius: 0 0 6px 6px;
    font-size: 14px;
    font-weight: 500;
    color: #727272;
    border-top:1px solid #d5d5d5;
}

.rtech_head_result ul li:last-child{border:none;}
/*.rtech_head_result ul li:nth-last-child(-n+4):first-child,*/
/*.rtech_head_result ul li:nth-last-child(-n+4):first-child ~ li:last-child{*/
/*    border-bottom:1px solid #d5d5d5 !important;*/
/*}*/


.rtech_head_right{width:410px;display:flex;flex-wrap: wrap;gap:10px;}
.rtech_head_right > div{
    background: #FFFFFF;
    border-radius: 8px;
    flex: 1 0 40%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    overflow: hidden;
    opacity:0.9;
    box-shadow:0 0 5px rgba(0,0,0,0.3);
}
.rtech_head_right > div *{font-size:clamp(16px, 2vw, 20px);font-weight:500;}
.rtech_head_right > div strong{
    background: #004BAC;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    padding: 11px 0;
}
.rtech_head_right > div span{
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:8px;
}
.rtech_head_right > div span i{font-size:clamp(25px, 2vw, 31px);font-weight:700;color:#004BAC;}

.rtech_head_right > div.bu_sise{
    justify-content:center;
    height:50px;
}
.bu_sise a{position:relative;font-size:clamp(16px, 2vw, 20px);width:90%;line-height:1.1;  display: flex;  align-items: center;}
.bu_sise a:before{
    background-image:url(/img/main/icon_build.png);
    width:24px;
    height:20px;
    content:"";
    display:inline-block;
    vertical-align:middle;
    margin-right:8px;
}
.bu_sise a:after{
    position:absolute;
    right:0;
    top:3px;
    background-image:url(/img/main/icon_arrow_r.png);
    width:9px;
    height:15px;
    content:"";
    display:inline-block;
}

.rtech_head_right ul{
    background: rgba(0, 0, 0, 0.6);
    padding: 10px;
    line-height: 1.4;
    border-radius: 9px;
}
.rtech_head_right ul li{
    font-size:13px;
    color:#fff;
    padding-left: 17px;
    text-indent: -17px;
    margin-top:4px;
    word-break:keep-all;
}
.rtech_head_right ul li span{vertical-align:baseline;}
/*.rtech_head_right ul li:before{content:"ㆍ";}*/
.rtech_head_right ul li:before{
    width:16px;
    height:16px;
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 -960 960 960" width="16px" fill="%23ffffff"><path d="M454-298h52v-230h-52v230Zm25.79-290.46q11.94 0 20.23-8.08 8.29-8.08 8.29-20.02t-8.08-20.23q-8.08-8.28-20.02-8.28T459.98-637q-8.29 8.08-8.29 20.02t8.08 20.23q8.08 8.29 20.02 8.29Zm.55 472.46q-75.11 0-141.48-28.42-66.37-28.42-116.18-78.21-49.81-49.79-78.25-116.09Q116-405.01 116-480.39q0-75.38 28.42-141.25t78.21-115.68q49.79-49.81 116.09-78.25Q405.01-844 480.39-844q75.38 0 141.25 28.42t115.68 78.21q49.81 49.79 78.25 115.85Q844-555.45 844-480.34q0 75.11-28.42 141.48-28.42 66.37-78.21 116.18-49.79 49.81-115.85 78.25Q555.45-116 480.34-116Z"/></svg>');
    content:"";
    display:inline-block;
    vertical-align:top;
    margin-right:1px;
}

.rtech_cont_inner > div.btech_txt{
    font-size:clamp(14px,2vw,16px);
    line-height:1.3;
    padding-left: 24px;
    text-indent: -24px;
    display:block;
}
.rtech_cont_inner > div.btech_txt:before{
    width:24px;
    height:24px;
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%231f1f1f"><path d="M120-160v-80h480v80H120Zm520-280q-83 0-141.5-58.5T440-640q0-83 58.5-141.5T640-840q83 0 141.5 58.5T840-640q0 83-58.5 141.5T640-440Zm-520-40v-80h252q7 22 16 42t22 38H120Zm0 160v-80h376q23 14 49 23.5t55 13.5v43H120Zm500-280h40v-160h-40v160Zm20 80q8 0 14-6t6-14q0-8-6-14t-14-6q-8 0-14 6t-6 14q0 8 6 14t14 6Z"/></svg>');
    display:inline-block;
    content:"";
    vertical-align:bottom;
}
.info_pop_btn{display: inline-block;width: 30px;height: 30px;background: url(/img/icons_i.png) no-repeat center;font-size: 0}

/* 빠른검색의 시도구군동 선택 */
.Quick_region_div{  position: absolute;top:98%;background: #f0f8ff; border: 1px solid #dbdbdb;width: 100%; border-radius:0;z-index: 15;padding: 8px 0;
    border-right: none;
    border-left: none;
    /*box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);*/
}
.Quick_region_div ul{display: flex;}
.Quick_region_div ul li{position: relative;padding:1px 5px;line-height: 1.35;width: 33.3%;cursor:pointer;}
.Quick_region_div ul li::after{background: url(../../img/land/region_arrow.png) no-repeat center right;content: '';display: block;width: 6px;height: 10px;position: absolute;right:0;top:6px}
.Quick_region_div ul li:last-child:after{display: none;}
.Quick_region_div ul li button{display: inline-block;min-width: 85px;background: #f0f8ff;letter-spacing: -1px;}
.rtech_head_result .total_num{padding:10px 5px 8px 20px;font-size: 16px;    background: #f9f9f9;border-bottom: 1px solid #c9d1db}
.rtech_head_result .total_num span{vertical-align: bottom;font-size: 16px}
.Quick_region_div .region_select{position: absolute;left:0;top:30px; background: #fff; border: 1px solid #dfdfdf; width: 100%; border-radius:0; z-index: 15; padding: 0px 0;}
.Quick_region_div .region_select .scolling{max-height: 190px;overflow: auto;padding: 5px}
.Quick_region_div .region_select .scolling ul{display: block}
.Quick_region_div .region_select .scolling li{width: 100%}
.Quick_region_div .region_select .scolling li::after{display: none}
.Quick_region_div .region_select .scolling li a{display: block}
.Quick_region_div .region_select .scolling li a:hover{background: #ebeef1}
.Quick_region_div .region_select .title{background: #E6ECF4;border-radius: 0;display: flex;align-items: center;    justify-content: space-between;padding: 3px 10px 3px 12px}
.Quick_region_div .region_select .title span{font-size: 14px;font-family: 'NotoKrM';line-height: 27px;color: #004BAC}
.Quick_region_div .region_select .title button{display: inline-block;width: 20px;height: 20px;background: url("../../img/land/iconamoon_close.png") no-repeat center;font-size: 0;min-width: auto}
.quick_search_region{    position: absolute;  width: calc(100% - 564px);  top: 141px;  left: 235px;  z-index: 9;}

.Quick_region_div li:last-child .region_select{width:calc(100% + 1px);}

.rtech_cont{background:#F9FBFF;padding:45px 0 17px 0;}
.rtech_cont_inner{width:100%;max-width:1240px;margin:0 auto;}


.rtech_chart{height:290px;}

.rtech_check{display:flex;gap:15px;}
.custom-radio-basic {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    user-select: none; /* 드래그 방지 */
}

/* 1. 실제 라디오 버튼 숨기기 */
.custom-radio-basic input {
    display: none;
}

/* 2. 가짜 라디오 원 (checkmark) 디자인 */
.checkmark {
    width: 20px;
    height: 20px;
    border: 2px solid #dddddd;
    border-radius: 50%;
    margin-right: 6px;
    position: relative;
    transition: all 0.3s;
    background-color: #ffffff;
}

/* 3. 체크되었을 때 원의 테두리 색 변경 */
.custom-radio-basic input:checked + .checkmark {
    border-color: #0064E6;
    background-color: #0064E6;
}

/* 4. 체크되었을 때 내부 점(dot) 표시 */
.checkmark::after {
    content: "";
    position: absolute;
    display: none; /* 기본은 숨김 */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ffffff;
}

/* 체크된 상태면 내부 점 보이기 */
.custom-radio-basic input:checked + .checkmark::after {
    display: block;
}

.rtech_cont h2{
    font-size:clamp(20px, 2vw, 26px);
    font-weight:700;
    border-bottom:1px solid #000000;
    padding:0 0 16px 0;
}
.rtech_cont h3{
    font-size:clamp(17px, 2vw, 22px);
    font-weight:600;
    border-bottom:1px solid #D7DBE7;
    padding:0 0 16px 0;
}

.rtech_cont_inner > div{display:flex;justify-content: space-between;}

.rtech_ipt .rtech_box > div:first-child{margin:20px 0 0 0;}
.rtech_box{width:49%;display:flex;flex-direction: column;position: relative;}
.rtech_box > div:first-child{margin:20px 0;display:flex;gap:10px;}
.rtech_box > ul{margin:25px 0 24px 0;}
.rtech_box_chart{background:#FFFFFF;padding:30px;border-radius:8px;display:flex;flex-direction: column;gap:20px;
    box-shadow:0 0 6px rgba(39,54,151,0.21);min-height: 250px;
}
.rtech_box select{padding-left:10px;width:100%;font-weight:500;height:54px;border:2px solid #C5C7D0;font-size:clamp(15px, 2vw, 20px);color:#000000;}
.rtech_box select:hover{border:2px solid #bed3ef;}
.rtech_box > div > button{background:#0064E6;color:#fff;width:70px;flex-shrink:0;font-size:clamp(15px, 2vw, 17px);}

.rtech_box ul{display:flex;gap:6px;width:100%;}
.rtech_box ul li{text-align:center;width:100%;}
.rtech_box ul li a{font-weight:500;padding:17px 13px;font-size:clamp(13px, 2vw, 17px);color:#000;border:2px solid #D5D6DC;border-radius:30px;background:#fff;display:block;}
.rtech_box ul li a:hover{background:#f8faff;border:2px solid #bed3ef;}
.rtech_box ul li a.on{border:2px solid #0064E6;color:#0064E6;}
.rtech_box ul li a.on:hover{color:#0064E6;}

.rtech_news{padding:50px 0;gap:25px;margin:0 auto;display:flex;justify-content: space-between;
    width:100%;
    max-width:1240px;
}

.rtech_news_sise{width:100%;position:relative;min-width: 0;}
.rtech_news_sise > div:first-child{}
.btn_more_all{
    position:absolute;
    top:10px;
    right:0;
    color:#737373;
    font-size:clamp(14px, 2vw, 18px);
    font-weight:500;
}

.rtech_news_sise .slick-dots{display:none !important;}

.rtech_news_today{width:608px;flex-shrink:0;}

.rtech_news h2{font-size:clamp(20px, 2vw, 26px);font-weight:700;
    border-bottom:1px solid #000000;
    padding:0 0 16px 0;
}
.rtech_news h3{font-size:22px;font-weight:600;
    border-bottom:1px solid #D7DBE7;
    padding:0 0 16px 0;
}
.rtech_news select{font-weight:500;height:54px;border:2px solid #C5C7D0;font-size:clamp(15px, 2vw, 20px);color:#000000;}

.rtech_sel{position:relative;margin:20px 0;}
.rtech_sel select{
    width:294px;
    transition:all 0.1s;
    transition-timing-function:cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.rtech_sel select:hover{border:2px solid #bed3ef;}

.rtech_news_box{position: relative;padding:0 1px;}
.rtech_news_box a{
    display:flex !important;
    flex-direction: column;
    width:213px;
    padding:20px;
    border-radius:6px;
    /*box-shadow:0 0 5px rgba(26,51,115,0.2);*/
    gap:15px;
    border:1px solid #e7e7e7;
    float:left;
}

.rtech_news_sise .slick-list {
    margin: 0 -11px !important;
}
.rtech_news_sise .slick-slide {
    margin: 0 10px;
}

.rtech_news_box a:hover{background:#f8faff;border:1px solid #bed3ef;}

.rtech_news_box a div{display:flex;flex-direction:column;gap:10px;
    border-bottom:1px solid #D7DBE7;
    padding:0 0 15px 0;
}
.rtech_news_box a div strong{font-size:clamp(16px, 2vw, 21px);font-weight:500;
    color:#000;
}
.rtech_news_box a div span{
    font-size:clamp(15px, 2vw, 18px);
    color:#393D43;
    line-height:1.4;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
    font-weight:500;
}
.rtech_news_box a p{
    display:flex;
    flex-direction: column;
    gap:10px;
}
.rtech_news_box a p span{
    font-size:clamp(15px, 2vw, 18px);
    color:#000;
    font-weight:500;
}
.rtech_news_box a p em{
    font-size:clamp(20px, 2vw, 24px);
    color:#0064E6;
    font-weight:600;
}
.rtech_news_btn{position: absolute;top:220px;width:100%;z-index: 1;display: block}
.rtech_news_btn .btn_{position:absolute;right:-25px;width:45px;height:45px;background:url(/img/main_arrow.png) no-repeat 0 0;text-indent:-9999px;}
.rtech_news_btn .btn_.prev{transform:rotate(180deg);left:-25px;right:auto;}

.rtech_news_today{position:relative;}
.rtech_today_list{
    display:flex;
    flex-direction: column;
    padding:30px 0 0 0;
    gap:25px;
}
.rtech_today_list > div{
    display:flex;
    gap:15px;
    flex-direction:column;
    border-bottom:1px solid #D7DBE7;
    padding:0 0 30px 0;
}
.rtech_today_list > div a{
    color:#393D43;
    font-size:clamp(16px, 2vw, 21px);
    font-weight:600;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.rtech_today_list > div a:hover{
    color:#0064E6;
}
.rtech_today_list > div div{display:flex;gap:20px;}
.rtech_today_list > div div span{
    font-size:clamp(14px, 2vw, 16px);
    color:#727272;
    font-weight:500;
}
.rtech_today_list > div div em{
    font-size:16px;
    color:#004BAC;
    font-weight:500;
}

.rtech_today_list > div:last-child{border-bottom:none;padding:0;}

.main_banner{width:1240px;margin:0 auto;}
.main_banner .arrowbtn{display:none;}

.rtech_link{margin:0 auto;padding:15px 0 0 0;width:100%;max-width:1240px;display:flex;justify-content:space-between;}
.rtech_link > div{display:flex;gap:15px;}
.rtech_link > div a:first-child{
    color:#fff;
    background: #0064E6;
    background: linear-gradient(90deg,rgba(0, 100, 230, 1) 0%, rgba(62, 143, 248, 1) 100%);
    border-radius:8px;
    width:297px;
    height:130px;
}
.rtech_link > div a:first-child > div{
    height:100%;
    background:url(/img/main/main_bn01.png) no-repeat left 25px center;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 0 0 0 110px;
    gap:13px;
}
.rtech_link > div a:first-child > div strong{font-size:clamp(15px, 2vw, 18px);font-weight:500;}
.rtech_link > div a:first-child > div span{font-size:14px;line-height:1.4;}

.rtech_link > div a:last-child{
    color:#fff;
    background: #0E848A;
    background: linear-gradient(90deg,rgba(14, 132, 138, 1) 0%, rgba(91, 176, 181, 1) 100%);
    border-radius:8px;
    width:297px;
    height:130px;
}
.rtech_link > div a:last-child > div{
    height:100%;
    background:url(/img/main/main_bn02.png) no-repeat left 20px center;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 0 0 0 120px;
    gap:13px;
}
/*.rtech_link > div a:last-child > div span{font-size:clamp(15px, 2vw, 18px);font-weight:500;line-height:1.4;}*/
.rtech_link > div a:last-child > div strong{font-size:clamp(15px, 2vw, 18px);font-weight:500;}
.rtech_link > div a:last-child > div span{font-size:14px;line-height:1.4;}

.rtech_link > ul{display:flex;margin:20px 0;}
.rtech_link > ul li{border-left:1px solid #DCDDE2;}
.rtech_link > ul li a{display:block;color:#000;font-size:clamp(15px, 2vw, 18px);font-weight:500;text-align:center;line-height:1.3;width:202px;padding:50px 0 0 0;}
.rtech_link > ul li:nth-child(1){border:none;}
.rtech_link > ul li:nth-child(1) a{background:url(/img/main/main_etc01.png) no-repeat center top;}
.rtech_link > ul li:nth-child(2) a{background:url(/img/main/main_etc02.png) no-repeat center top;}
.rtech_link > ul li:nth-child(3) a{background:url(/img/main/main_etc03.png) no-repeat center top;}

.quick_menu{
    width: 1440px;
    top: 510px;
    right: calc(50% - 780px);
}

/* 메인 팝업 */
.popup_okti{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:9999;display: flex; align-items: center;padding: 20px}
.popup_okti > div{width:550px;margin:120px auto 0 auto;position: relative}
.popup_okti a{display: flex;justify-content: center;}
.popup_okti > div .foot_pop{position:relative;height:32px;background:#000000;display:flex;justify-content: space-between;padding:0 5px 0 10px;line-height:32px;}
.popup_okti > div .foot_pop .today label{color:#ffffff;}
.popup_okti > div .foot_pop .btns{display: flex}
.popup_okti > div .foot_pop .btns a{width: 30px;height: 30px;display: block;text-indent: -9999px;font-size: 0;line-height: 0;opacity:0.4}
.popup_okti > div .foot_pop .btns a.play{background:url(/img/main/icon_play2.png) no-repeat center }
.popup_okti > div .foot_pop .btns a.stop{background:url(/img/main/icon_stop.png) no-repeat center }
.popup_okti > div .foot_pop .btns a.pause{background:url(/img/main/icon_pause.png) no-repeat center }
.popup_okti > div .foot_pop .btns a.on{opacity: 1 !important}

.pop_closed{position: absolute;top:0px;right:0px;z-index: 9}
.pop_closed a{width: 50px;height: 50px;background:#4311f3 url(/img/main/btn_x_new.png) no-repeat center;display: block;font-size: 0;text-indent: -9999px;
    box-shadow: -2px 5px 8px rgba(0, 0, 0, .5)}

.popup_okti > div{position: relative}
.popup_okti > div .arrowbtn{width: 100%;height: 100%;position: absolute;}
.popup_okti > div .arrowbtn a{position: absolute;top:45%;display: block;width: 50px;height: 50px;font-size: 0;border-radius: 50%; z-index: 9999}
.popup_okti > div .arrowbtn a.left_arrow{left:-20px;background:rgba(0,0,0,.6) url(/img/main/arrow_left.png) no-repeat center;background-size: 50%}
.popup_okti > div .arrowbtn a.right_arrow{right:-20px;background:rgba(0,0,0,.6) url(/img/main/arrow_right.png) no-repeat center;background-size: 50%;}
.popup_okti > div img{width:550px;height:550px;}

#popup_event_sect__ul{width:550px;height:550px;overflow:hidden;}

/* 배너 */
.main_banner_mobile {display: none;}
.main_banner_mobile .arrowbtn{display:none;}
.main_banner{position: relative; margin-bottom:50px;}
.main_banner_mobile {position: relative; margin-bottom:35px;}
.main_banner > div, .main_banner_mobile > div {position: relative;}
.main_banner .arrowbtn a, .main_banner_mobile .arrowbtn a {
    position: absolute;
    top: 49%;
    transform: translateY(-50%);
    width: clamp(25px, 3vw, 45px);
    height: clamp(25px, 3vw, 45px);
    background: url('/img/main_arrow.png') no-repeat 0 0;
    background-size: contain;
    text-indent: -9999px; z-index: 10; cursor: pointer;
}
.main_banner .arrowbtn a.left_arrow, .main_banner_mobile .arrowbtn a.left_arrow {left: 10px; transform: translateY(-50%) rotate(180deg);}
.main_banner .arrowbtn a.right_arrow, .main_banner_mobile .arrowbtn a.right_arrow {right: 10px;}

.main_banner, .main_banner_mobile {position: relative; }
.main_banner #banner_sect__ul, .main_banner #banner_sect__ul .slick-list, .main_banner #banner_sect__ul .slick-track, .main_banner #banner_sect__ul .slick-slide
.main_banner_mobile #banner_sect__ul_mobile, .main_banner_mobile #banner_sect__ul_mobile .slick-list, .main_banner_mobile #banner_sect__ul_mobile .slick-track, .main_banner_mobile #banner_sect__ul_mobile .slick-slide {
    height: 100%;
}
.main_banner #banner_sect__ul img.post-image-banner, .main_banner_mobile #banner_sect__ul_mobile img.post-image-banner {width: 100%; height: 100%; object-fit: cover; display: block;}

/* 로딩 스피너 스타일 */
.loading-spinner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto; /* 상하좌우 0 + auto margin = 정중앙 배치 */
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 0;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.rtech_play{position:absolute;top:10px;right:0;}
#btn__slick_sise_play{
    width:24px;
    height:30px;
    background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="30px" width="30px" viewBox="0 -960 960 960" fill="%231f1f1f"><path d="M320-200v-560l440 280-440 280Z"/></svg>') no-repeat 0 0;
    display:inline-block;
    text-indent:-9999px;
}
#btn__sise_news_stop{
    width:24px;
    height:30px;
    background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="30px" viewBox="0 -960 960 960" width="30px" fill="%231f1f1f"><path d="M240-240v-480h480v480H240Z"/></svg>') no-repeat 0 0;
    display:inline-block;
    text-indent:-9999px;
}

#btn__slick_sise_play.on{
    width:24px;
    height:30px;
    background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="30px" viewBox="0 -960 960 960" width="30px" fill="%231f1f1f"><path d="M560-200v-560h160v560H560Zm-320 0v-560h160v560H240Z"/></svg>') no-repeat 0 0;
    display:inline-block;
    text-indent:-9999px;
}
.rtech_head_result li{padding:7px 4px 7px 8px;color: #444;font-size: 14px; line-height: 1.3; ;border-bottom: 1px solid #d5d5d5}
.rtech_head_result li:hover{background: #d8fffa}
.rtech_head_result li strong{color: #0064E6;vertical-align:baseline;font-size: 14px;font-weight:600;}
.rtech_head_result li > div{font-weight:500;padding: 4px 0;position: relative;padding-left: 62px}
.rtech_head_result li > div span{position: absolute; left: 0; top: 2px;font-weight:400;}
.rtech_head_result .sortation_name{}
.rtech_head_result .sortation_name span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 21px;
    font-size:13px;
    color: #fff;
    background: #676767;
    border-radius: 20px;
    margin-right: 3px;
    line-height:1;
}
.rtech_head_result .sortation_name .apt{background:#0064E6}
.rtech_head_result .sortation_name .office{background:#8B7CFD}
.rtech_head_result .sortation_name .apt_connect_1{background:#FF6905}
.rtech_head_result .sortation_name .apt_connect_2{background:#FF6905}
.rtech_head_result .sortation_name .dong{background:#838383}
.rtech_head_result span.address{
    display: inline-block;
    background: #fff;
    color: #4d5c6f;
    border: 1px solid #919191;
    width: 55px;
    padding: 3px 0;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    letter-spacing: -1px;
    line-height:1;
}

/************************** mobile **************************/
@media only all and (max-width: 1615px) {
    .quick_menu{display:none;}
    .footer_quick_go{display:block !important;}
}
@media only all and (max-width: 1440px) {
    .main_banner{width:auto;}
    .main_banner img{max-width:100%;}
}
@media only all and (max-width: 1240px) {
    body{min-width:auto;}


    .rtech_head_result{top:125%;}
    .rtech_box{width:100%;}

    .rtech_visual{height:auto;padding:40px 0;}
    .rtech_head{width:100%;flex-direction:column;align-items:center;gap:30px;padding:0 20px;}
    .rtech_head_left{width:70vw;gap:20px;}
    .rtech_head_left > div:first-child{align-items:center;}
    .rtech_head_right{width:100%;}
    .rtech_head_right > div span{padding:10px 0;}
    .rtech_head_right > div:last-child{padding:10px 0;}

    .rtech_chart{height:auto;}

    .rtech_cont{padding:45px 20px 17px 20px;}
    .rtech_cont_inner{max-width:none;}
    .rtech_cont_inner > div{flex-direction:column;}

    .rtech_link{flex-direction:column;align-items:center;max-width:none;
        padding:15px 20px 0 20px;
    }
    .rtech_link ul{width:100%;}
    .rtech_link ul li{width:100%;}
    .rtech_link ul li a{width:100%;}

    .rtech_link > div{width:100%;}
    .rtech_link > div a:first-child{width:100%;}
    .rtech_link > div a:last-child{width:100%;}

    .rtech_news{max-width:none;flex-direction:column;padding:45px 20px;}
    .rtech_news_today{width:auto;}

    .rtech_news_btn{top:203px;}
    .rtech_news_btn .btn_{right:-15px;}
    .rtech_news_btn .btn_.prev{left:-15px;}

    .rtech_sel select{width:calc(50% - 12px);}

    .rtech_head_right ul{width:100%;}

}
@media only all and (max-width: 1024px){
    .rtech_head_result{top:127%;}
}
@media only all and (max-width: 768px) {
    .rtech_news_sise .slick-slide {text-align: center}
}
@media only all and (max-width: 720px) {
    .rtech_link > div{flex-direction:column;}
    .rtech_link > ul{width:100%;}
    .rtech_link > ul li{width:33.3%;}
    .rtech_link > ul li a{width:100%;}
}
@media only all and (max-width: 700px) {
    .rtech_sel select{width:calc(100% - 80px);}
}
@media only all and (max-width: 620px) {
    #popup_event_sect__ul{width: 100%;height:auto;}
    .popup_okti{display: flex; align-items: center;padding: 20px}
    .popup_okti > div{margin: 0 auto;width: 100%}
    .popup_okti > div img{max-width:100%;width:auto;height:auto;}
    .popup_okti > div .arrowbtn a{position: absolute;top:40%;display: block;width: 35px;height: 35px;font-size: 0;border-radius: 50%}
    .popup_okti > div .arrowbtn a.left_arrow{left:-10px}
    .popup_okti > div .arrowbtn a.right_arrow{right:-10px}
}
@media only all and (max-width: 600px) {
    /*.rtech_sel select{width:100%;}*/
    .rtech_news_box{flex-direction:column;}
    .rtech_link{padding:20px 20px 0 20px;}
    .rtech_link > div{width:100%;}
    .rtech_link > div a{display:flex;justify-content:center;width:100% !important;height:110px !important;}
    .rtech_link > div a > div{
        background-size: auto 62% !important;
        padding-left: 100px !important;
        width: 274px;
        background-position-x: 10px !important;
    }
}
@media only all and (max-width: 540px) {
    .rtech_box > div:first-child{flex-direction:column;}
    .rtech_box > div > button{width:100%;padding:17px 0;}
    .rtech_box_chart{padding:15px;}
    #div__chart_area_price_year{margin-top:0;}

    .rtech_cont{padding: 20px 20px 17px 20px;}
    .rtech_link > ul{margin: 0}
    .rtech_news{padding:40px 20px 20px;gap: 40px}

}
@media only all and (max-width: 500px) {

    .rtech_head{padding:0 20px;}
    .rtech_head_left{width:100%;}
    .rtech_head_right{width:100%;}

    .rtech_link > ul{flex-direction:column;}
    .rtech_link > ul li{width:auto;border-left:none;border-top:1px solid #DCDDE2;padding-top:10px;margin-top:10px;}
    .rtech_link > ul li a br{display:none;}
    .rtech_link > ul li:nth-child(1) a{background-size:auto 50%;}
    .rtech_link > ul li:nth-child(2) a{background-size:auto 58%;}
    .rtech_link > ul li:nth-child(3) a{background-size:auto 50%;}

    .tab-menu-swipe{
        width: 100%;
        overflow:hidden;
        white-space: nowrap;
    }
    .tab-menu-swipe ul.active {
        cursor: grabbing;
    }
    .tab-menu-swipe ul{
        position:relative;
        width: max-content;
    }
    .tab-menu-swipe ul li {
        width:auto !important;
        flex-shrink: 0;
    }
    .tab-menu-swipe ul li a {
        display: block;
        padding: 15px 25px;
        text-decoration: none;
        color: #333;
    }
    .tab-menu-swipe ul li.on a {
        font-weight: bold;
    }
}

@media only all and (max-width: 450px) {
    .rtech_box ul{
        display:grid;
    }
    .rtech_box ul li a{padding:11px 0;}
    .rtech_head_result ul{height:186px;}
    .Quick_region_div .region_select .scolling{height:186px;}
}

@media (max-width: 1200px) {
    .main_banner{display: none;}
    .main_banner_mobile{display: block;}
}

@media only all and (max-width: 370px) {
    #popup_event_sect__footer{flex-direction:column;}
    .popup_okti > div .foot_pop{height:auto;line-height:1;}
}

@media only all and (max-height: 800px) {
    .popup_okti > div{margin: 2% auto;position: relative}
}