@charset "utf-8";

:root {
    --main_color01:#2259cc;
    --main_color02:#48FDE2;
}

.ai_wrap {padding:50px;border-radius: 30px;background: var(--main_color01);font-family: 'Pretendard', sans-serif;}
.ai_tit_area {display:flex;gap:10px;align-items: center;}
.ai_tit_area h2 img {width:124px;height:auto;}
.ai_tit_area .tit_big {font-size:50px;color:#fff;font-weight:700;}
.ai_tit_area .tit_ex {font-size:16px;color:#fff;line-height:130%;padding-left:10px;letter-spacing:0;}
.ai_search_wrap {margin-top:30px;display:flex;border-radius: 999px;border: 4px solid var(--main_color02);padding:15px 35px;background: #fff;}
.ai_search_wrap input {width:100%;background-color:transparent !important;font-size:22px;font-weight:bold;color:#000 !important;}
.ai_search_wrap input:-webkit-autofill,
.ai_search_wrap input:-webkit-autofill:hover,
.ai_search_wrap input:-webkit-autofill:focus,
.ai_search_wrap input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: var(--main_color02) !important;
}
.ai_search_wrap input::placeholder {font-size:inherit !important;font-weight:bold;color:#444 !important;}
.ai_search_wrap input:focus::placeholder {
    color: transparent;
}
.ai_search_wrap button {padding:0;}
.ai_search_bottom {margin-top:10px;padding-right:25px;display:flex;justify-content: end;align-items: center;gap:20px;}
.ai_search_bottom p {font-size:13px;color: var(--main_color02);}
.search_result {display:none;}
.search_result_section {position:relative;padding:30px 30px;background-color:#fff;border-radius:30px;margin-top:20px;line-height:130%;}
.search_result_section * {letter-spacing: 0;}
.search_result_section ol > li > p > strong {font-weight:700;color:#222;}
.search_result_section ol > li > p {padding-bottom:0;}
.search_result_tit {font-size:24px;font-weight:700;color:#fff;padding:60px 20px 30px;line-height: 1.2;}

.bg_white_box {background-color:#fff;padding:30px;border-radius:30px;}
.bg_white_box .btn_toggle:first-child {border-top:none;}
.bg_white_box .btn_toggle {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;border-top:1px solid #ddd;width:100%;text-align:left;position:relative;font-size:20px;color:#1e1e1e;font-weight:600;padding:20px 20px 20px 50px;background:url("../images/bull_q.svg") left center no-repeat;}
.bg_white_box .btn_toggle::before {position:absolute;right:0;top:25px; content:"";width:14px;height:8px;background:url("../images/chevron-up.svg") right center no-repeat;}
.bg_white_box .btn_toggle.on {border-bottom:none;}
.bg_white_box .btn_toggle.on::before {transform: rotate(180deg);}
.bg_white_box .toggle_con {display:none;border-bottom:1px solid #1e1e1e;padding:20px 20px 30px;padding-left:50px;font-size:18px;line-height:150%;background:url("../images/bull_a.svg") left 25px no-repeat;}

.questionSwiper.swiper {padding-bottom:30px;}
.questionSwiper .swiper-scrollbar {opacity:1 !important;border-radius:0;background-color:#ffffff80;}
.questionSwiper .swiper-scrollbar-drag {background-color:#fff;border-radius:0;}
.questionSwiper .swiper-slide {padding:75px 0 50px;border-radius:30px;background:#fff url("../images/bull_q.svg") 30px 30px no-repeat;}
.questionSwiper button {text-align:left;padding:0 30px;font-size:20px;font-weight:500;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    height:78px;
}

.search_result_bottom {}
#hide_result,
.typing-txt {display:none;}
#hide_result .w100 {width:100%;}
.total-rslt .rslt-box.w100 {width:100%;}

/* 테그 */
.search_result_section h1 {font-size:20px;line-height:130%;font-weight:700;padding-top:20px;padding-bottom:10px;}
.search_result_section h2 {font-size:20px;line-height:130%;font-weight:700;padding-top:20px;padding-bottom:10px;}
.search_result_section h3 {font-size:20px;line-height:130%;font-weight:700;padding-top:20px;padding-bottom:10px;}
.search_result_section h4 {font-size:20px;line-height:130%;font-weight:700;padding-top:20px;padding-bottom:10px;}
.search_result_section h5 {font-size:20px;line-height:130%;font-weight:700;padding-top:20px;padding-bottom:10px;}
.search_result_section h6 {font-size:20px;line-height:130%;font-weight:700;padding-top:20px;padding-bottom:10px;}
.search_result_section p {font-size:18px;line-height:130%;padding:20px 0;color:#666;}
.search_result_section hr{margin-bottom: 20px;}

.search_result_section a {display:inline-block;font-size:18px;color:var(--main_color01);text-decoration: underline;padding-right:20px;background:url("../images/bull_new_link.png") right center no-repeat;}
.search_result_section p + p {padding-top:0;}
.search_result_section dl dt {font-size:24px;font-weight:700;color:#666;}
.search_result_section dl dd {font-size:20px;margin-top:20px;line-height:150%;color:#666;}
.search_result_section > ol {padding:0px 0 20px;}
.search_result_section > ul {padding:0px 0 20px;}
.search_result_section > ul p{padding:0px;}
.search_result_section > ul > li {font-size:18px;}
.search_result_section > ul > li + li {margin-top:10px;}

.search_result_section > ul > li {padding-left:13px;position:relative;}
.search_result_section > ul > li:before {position:absolute;left:0;top:9px;content:"";width:6px;height:2px;background-color:#222;}
.search_result_section > ul > li > p {padding-top: 0px;}

.search_result_section > ul > li > ul {margin:12px 0 0px;}
.search_result_section > ul > li > ul > li {padding-left:10px;position:relative;margin-top:7px;}
.search_result_section > ul > li > ul > li > p {padding-top: 0px;}
.search_result_section > ul > li > ul > li:first-child {margin-top:0px;}
.search_result_section > ul > li > ul > li:before {position:absolute;left:0;top:9px;content:"";width:3px;height:3px;background-color:#666;border-radius: 5px;}

.search_result_section > ol {position: relative;}
.search_result_section > ol > li > ul {padding:15px 5px;}
.search_result_section > ol > li > ul > li {padding-left:13px;position:relative;margin-top: 5px;}
.search_result_section > ol > li > ul > li:first-child {margin-top:0px;}
.search_result_section > ol > li > ul > li:before {position:absolute;left:0;top:9px;content:"";width:6px;height:2px;background-color:#222;}
.search_result_section > ol > li > p {padding-left:25px;}
.search_result_section > ol > li > p:before {position:absolute;left:10px;top:30px;content:"";width:5px;height:5px;background-color:#222;border-radius: 5px;}

.search_result_section > ol > li {font-size:18px;color:#666;}
.search_result_section > ol > li + li {margin-top:10px;}
.search_result_section > ol ul {padding:12px 0;}
.search_result_section > ol ul li {position:relative;padding-left:10px;}
.search_result_section > ol ul li:before {position:absolute;left:0;top:9px;content:"";width:3px;height:3px;background-color:#666;border-radius: 5px;}
.search_result_section > ol > li ul > li {margin-top:7px;color:#666;}
.search_result_section > ol > li ul > li:first-child {margin-top:0px;}

.search_result_section > ol > li > ol {padding:15px 5px;counter-reset: number 0;}
.search_result_section > ol > li > ol > li {position:relative;padding-left:20px;margin-top:7px;color:#666;}
.search_result_section > ol > li > ol > li:first-child {margin-top:0px;}
.search_result_section > ol > li > ol > li:before {counter-increment: number ;content:counter(number) ".";position:absolute;left:0;top:0;}

.search_result_section table {width:100%;margin-bottom:20px;}
.search_result_section table {transition: all 0.5s;border-top:1px solid #ededed}
.search_result_section table th {text-align:center;font-size:18px;font-weight:700;}
.search_result_section table td {font-size:18px;text-align:left;}
.search_result_section table th {position:relative;border-bottom:1px solid #ededed;padding:10px 0;background-color:#fafafa;}
.search_result_section table th:before {content:"";width:1px;height:20px;background-color:#ededed;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.search_result_section table th:first-child::before {display:none;}
.search_result_section table td {position:relative;border-bottom:1px solid #ededed;padding:10px 20px;}
.search_result_section table td:before {content:"";width:1px;height:20px;background-color:#ededed;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.search_result_section table td:first-child::before {display:none;}

#link {color: #E45635;display:block;font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;text-align:center; text-decoration: none;}
#link:hover {color: #CCCCCC}
#link, #link:hover {-webkit-transition: color 0.5s ease-out;-moz-transition: color 0.5s ease-out;-ms-transition: color 0.5s ease-out;-o-transition: color 0.5s ease-out;transition: color 0.5s ease-out;}

/* loading */
.loading_wrap {position: absolute;left:50%;top:50%;transform: translate( -50% , -50% );z-index:20;background-color: #ffffff90;}
.loading_area {position:relative;}
.loader {
    width: 98px;
    height: 98px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: var(--main_color02) var(--main_color02) transparent transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
.loader::after,
.loader::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px solid;
    border-color: transparent transparent var(--main_color01) var(--main_color01);
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotationBack 0.5s linear infinite;
    transform-origin: center center;
}
.loader::before {
    width: 82px;
    height: 82px;
    border-color: var(--main_color02) var(--main_color02) transparent transparent;
    animation: rotation 1.5s linear infinite;
}
.loading_wrap .loading_area .loading_center {width:35px;height:35px;z-index:21;position:absolute;left:50%;top:50%;background:url("../images/ai_load_con.svg") center no-repeat; transform: translate( -50% , -50% );}


@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes rotationBack {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

/* 250807 추가 */
@media screen and (max-width: 768px) {
    .ai_tit_area {flex-wrap: wrap;}
    .ai_wrap {padding: 40px 20px;}
    .ai_tit_area .tit_big {font-size: 40px;}
    .ai_tit_area h2 img {width: 94px;}
    .ai_search_wrap {padding: 7px 15px !important;margin-top: 20px;}
    .ai_search_wrap input {font-size: 16px !important;}
    .search_result_section {padding: 16px;}
    .bg_white_box .btn_toggle {font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: initial; height: 62px; padding: 13px 20px 20px 40px;}
    .bg_white_box {padding: 20px; }
    .search_result_tit {font-size: 18px;}
    .questionSwiper button{padding: 0 20px; font-size: 16px;height: 61px;}
    .ai_search_wrap button img { width: 30px;}
    .search_result_section p {padding: 24px 0;}
    .search_result_section p,
    .search_result_section > ol > li {font-size: 16px;}
    .search_result_section h3 {font-size: 18px;}
    .search_result_section > ol > li > ul {padding: 10px 5px;}
    .search_result_section a {background-position: right 3px;}
    
}