@charset "utf-8";

.calendar_box_wrap{clear:both;padding-top:8px;}
.calendar_box_wrap:after{content:"";display:block;clear:both;}
.calendar_box{float: none; !important;}
.calendar_box:after{content:"";display:block;clear:both;}
.inp_calendar{position:relative;}
.inp_calendar.w151{width:calc(80% - 30px);margin-left: 10px;}
.reason{float:left;font-weight:bold;display: block;padding-top: 9px;}
.inp_bar{float:left;display:inline-block;font-size:1.4rem;width:8px;margin: 9px 8px;vertical-align: middle;}
.inp_calendar .inp_txt{width:100%;height: 38px;padding:9px 10px;border-radius:8px;border:1px solid #ddd;background:#fff;outline: none;box-sizing: border-box;text-align: center;}
.inp_calendar .inp_txt::-webkit-input-placeholder{color:#333;}/* chrome, Edge */
.inp_calendar .inp_txt:-moz-placeholder{color:#333;}/* firefox 4 t0 18 */
.inp_calendar .inp_txt::-moz-placeholder{color:#333;}/* firefox 19+ */
.inp_calendar .inp_txt:-ms-input-placeholder{color:#333;}/* IE 10, 11 */
.inp_calendar .inp_txt::-ms-input-placeholder{color:#333;}/* Edge */
.inp_calendar .inp_txt::placeholder{color:#333;opacity:1}/* opacity */
.btn_calendar{position:absolute;top: 3px;right: 2px;display:block;width:30px;height:30px;padding: 8px 6px;box-sizing: border-box;}

.tbl_basic td .btn_gray_none{display: inline-block;height:26px;padding:7px 12px;border-radius:3px;border:1px solid #e4e4e4;font-size: 1.2rem;background-color: #f3f3f3;box-sizing:border-box;}


/******************** 퍼블 외 css 설정 *********************/

/* 2024.11.12 수정 - 공지사항 애니메이션 효과 추가 (추가)*/
.hot_tit {
    float: left;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 175px); 
    line-height: 1.43;
    margin-right: 25px;
    height: 28px;
}

/*2024.11.12 수정 - 공지사항 텍스트 관련 수정 (추가)*/
.hot_tit a {
    display: inline-block;
    width: calc(100% - 120px);
    margin: 4px 15px;
    font-size: 1.5rem;
    line-height: 1.33;
    color: #333;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: auto;
    position: absolute;
}

.hot_tit > a {
    display: inline-block;
    width: 100%;
    margin: 4px 0;
    font-size: 1.5rem;
    line-height: 1.33;
    color: #333;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}


.hot_tit-container {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 200px; /* 텍스트 길이에 맞춰서 조정 가능 */
    height: 30px;
}

/*2024.11.12 수정 - 접기 버튼 위로 화살표 적용 (추가)*/
.btn_default.close:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    display: block;
    width: 12px;
    height: 12px;
    background: url(../img/ico_ac_arr_up_gray.png) 0 0 no-repeat;
    background-size: contain;
}

.btn_default.close:focus:after, .btn_default.close.on:after {
    background: url(../img/ico_ac_arr_up_gray.png) 0 0 no-repeat;
    background-size: contain;
}

/*2024.11.12 수정 - 더보기 버튼 누르고 있을 시 화살표 버튼 위로 향하는 현상 수정 (수정)*/
.btn_default.more:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    display: block;
    width: 12px;
    height: 12px;
    background: url(../img/ico_ac_arr_down.png) 0 0 no-repeat;
    background-size: contain;
}

.btn_default.more:focus:after, .btn_default.more.on:after {
    background: url(../img/ico_ac_arr_down.png) 0 0 no-repeat;
    background-size: contain;
}

/*2024.11.12 아코디언 버튼 크기지정 해제 (수정)*/
.accordion {
    margin-top: 10px;
}

/*2024.11.12 공유하기 버튼 - 답변이 짧을 시 해당 버튼이 다른 영역과 겹치게 되므로 답변의 최소길이 지정(min-width) (수정)*/
.bot_box .bot_txt .chat_talk {
    position: relative;
    float: left;
    padding: 12px 12px 12px 15px;
    line-height: 1.43;
    background-color: #f4f4f4;
    border-radius: 15px;
}

/*2024.11.12 이용가이드 다음/이전 버튼 - 버튼에 마우스를 올렸을 떄만 active (수정)*/
.btn_another_group .btn.blue:hover, /*.btn_another_group .btn.blue:active,.btn_another_group .btn.blue:focus,*/
.btn_another_group .btn.blue.on {
    background-color: #a7c1fe;
    font-weight: bold;
}


/* 컨테이너 설정 (추가) */
.marquee-container {
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 61px); /* 컨테이너의 너비에 맞게 */
    margin-left: 61px;
}

/* 애니메이션이 적용될 span 텍스트 (추가) */
.marquee {
    width: 100%;
    display: inline-block;
    padding-left: 100%; /* 시작 위치를 화면 밖에서 설정 */
    animation: marquee 10s linear infinite;
}

/* 애니메이션 키프레임 설정 (추가) */
@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* 슬라이드 효과 */
.slide-up {
    transform: translateX(-100%);
}

/* 슬라이드 효과 */
.slide-down {
    transform: translateX(100%);
}

/* // 2024.11.12 수정 - 공지사항 애니메이션 효과 추가 */

/* font size adjust  */
.f_size_12 {font-size: 12px;}
.f_size_14 {font-size: 14px;}
.f_size_16 {font-size: 16px;}
.f_size_18 {font-size: 18px;}
.f_size_20 {font-size: 20px;}


/******************** 퍼블 외 css 설정 *********************/
/*2024.11.13 수정 - slick height 가 1px 로 변경되는 에러 수정  */
.slick-slide
{
    display: none;
    float: left;

    height: 100% !important;
    min-height: 1px;
}

/*2024.11.11 시나리오 버튼 간격 제거 */
/*.btn_default_list li + li{margin-top:0px; !important;}*/

/* 2024.11.12 수정 - 공지사항 애니메이션 효과 추가 */
/*.hot_tit{float:left;display:inline-block; overflow: hidden;white-space: nowrap;width: calc(100% - 70px); line-height:1.43;}*//*추가*/
/*.hot_tit > span{display:inline-block;width:100%;margin: 4px 0;font-size: 1.5rem;line-height:1.33;color:#333;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}*//*기존*/
/*.hot_tit span{display:inline-block;width:100%;margin: 4px 0;font-size: 1.5rem;line-height:1.33;color:#333;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}*/ /*추가*/
/*.hot_issue .hot_close{position:absolute;top: 10px;right: 8px;width:24px;height:24px;padding:4px;box-sizing:border-box;z-index:50;}*//*기존*/

/*2024.11.12 수정 - 더보기 버튼 누르고 있을 시 화살표 버튼 위로 향하는 현상 수정*/
/*.btn_default.more:after{content: "";position:absolute;top:50%;right: 14px;transform: translateY(-50%);display:block;width:12px;height: 12px;background: url(../img/ico_ac_arr_down.png) 0 0 no-repeat;background-size:contain;}*//*.btn_default.more:focus:after, .btn_default.more.on:after{background: url(../img/ico_ac_arr_up.png) 0 0 no-repeat;background-size:contain;}*/
/*.btn_default.more:focus:after, .btn_default.more.on:after{background: url(../img/ico_ac_arr_up.png) 0 0 no-repeat;background-size:contain;}*/ /*기존*/
/*.btn_default.more:focus:after, .btn_default.more.on:after{background: url(../img/ico_ac_arr_down.png) 0 0 no-repeat;background-size:contain;}*/ /*추가*/
/*2024.11.12 수정 - 접기 버튼 위로 화살표 적용*/
/*.btn_default.close:after{content: "";position:absolute;top:50%;right: 14px;transform: translateY(-50%);display:block;width:12px;height: 12px;background: url(../img/ico_ac_arr_up.png) 0 0 no-repeat;background-size:contain;}*/ /*추가*/
/*.btn_default.close:focus:after, .btn_default.close.on:after{background: url(../img/ico_ac_arr_up.png) 0 0 no-repeat;background-size:contain;}*/ /*추가*/
/*2024.11.12 아코디언 버튼 크기지정 해제 */
/*.accordion{margin-top:10px;}!*min-width: 274px;*!*/ /*수정*/ 

.font_red{color:#FF2929;}
/* btn 1/3 */
.btn_another_group.w_third .btn{float: left;width: calc(32% - 4px);}
.btn_another_group.w_third .btn + .btn{margin-left:8px;}

/* chatting alert layer */
.chatting_alert.fade{opacity:0;}
.chatting_alert{position:absolute;top: -35px;left:0;right:0;height:44px;z-index:100;padding:0 50px;opacity:1;transition:opacity 1s;}
.chatting_alert > .chating_comment{opacity: 0.7;background-color: #1d4cb8;color:white;}
.chatting_alert > .chating_comment > span{font-size:12px;}


/* chatting prev history btn */
.chatting_history_div{display: block;height: 30px;margin-bottom: 10px;}
.chatting_history_btn{width: 186px;transform: translate(-50%, 0);position: absolute;left: 50%;background-color: #fff;border: 1px solid #bdd1ff;box-sizing: border-box;border-radius: 38px;height: 30px;line-height: 30px;}
.chatting_history_btn:before{content:"";position: relative;top: 2px;display:inline-block;width:16px;height:16px;background: url(../img/ico_load_on.png)  center no-repeat;background-size:contain;margin-right:5px;}

/* chatting dim for disabled buttons */
.chatting_dim{position:absolute;top:0;left:0;width:100%;z-index:199;}

#sentenceData{font-size:16px;}

/* agreement layer */
.agree_radio{display:inline-block;position:relative;top: 0px;margin: 0 5px;width: 16px;height: 16px;border: 1px  solid #4e6db4;border-radius:50%;box-sizing:border-box;vertical-align: text-bottom;}
.ly_privacy_cont{min-height:310px;max-height:calc(100vh - 260px);overflow-y:auto;-ms-overflow-y:auto;}
.privacy_wrap{padding:12px;border-radius: 8px;border: 1px solid #e4e4e4;background:#fff;box-sizing:border-box;}
.privacy_wrap + .privacy_wrap{margin-top:20px;}
.cont_tit_info{display: block;text-align:left;}
.privacy_cont{margin: 0 0 15px;min-height: 310px;max-height:100px;padding:12px;text-align: left;border-radius: 8px;background: #f5f5f5;box-sizing:border-box;overflow-y: auto;-ms-overflow-y: auto;}
.privacy_cont.people{max-height: none;margin: 10px 0 0;}
.privacy_cont > p{font-size:1.3rem;line-height:1.54;color:#555;}
.privacy_cont > p + p{margin-top:15px;}
.ly_cont_box.privacy + .ly_cont_box.privacy{margin-top:15px;}
.ly_cont_box.privacy .tit.privacy{display:inline-block;font-size:1.3rem;font-weight:500;line-height: 1.38;text-align:left;}
.ly_cont_box.privacy .cont_btn_group{margin-top:10px;min-height:20px;text-align:center;}
.ly_cont_box.privacy .cont_btn_group > label{position:relative;top:3px;}
.ly_cont_box.privacy .inp_radio + .terms_name.info{min-width:0;padding: 0 32px 0 22px;}
.ly_cont_box.privacy:last-child{margin-bottom:0;}

.api_myPage_button {
    padding: 1px 6px;
    border-radius: 4px;
    background-color: #fff;
    color: #333;
    /* line-height: 1; */
    border: 2px solid transparent;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.07);
    text-align: center;
    outline: none;
    box-sizing: border-box;
}

.download-file-name{width: calc(100% - 1px);}