<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/* Web.GPT - jsw kjm 25.01.09 */
:root{
    --bg_start: #003366;
    --bg_end: #000000;
    --grad_start: #ffffff;
    --point_lime_0: #beff1d;
    --point_blue_h: #1b5dca;
}

/* í—¤ë” */
#webGptPage #headerWrapper .ticket_box{ position: absolute; right: 17px; top: 49px; cursor: default; display: flex; height: 100%; font-size: 14px; color: #fff; font-weight: 600; align-items: center; justify-content: center; margin-right: 0px;}
#webGptPage #headerWrapper .ticket_box{ position: relative; top: 0; right: 0; margin-right: 25px; }
#webGptPage #headerWrapper .ticket_box:hover .ticketDescBox { display: block }
#webGptPage #headerWrapper .ticketDescBox { position: absolute; right: -174px; top: 50px; width: 451px;border-radius: 15px; background-color: #24273a; font-weight: 500; font-size: 14px; color: #fff; line-height: 23px; padding: 12px 27px; }
#webGptPage #headerWrapper .ticket_box .ticket_cnt { padding-left: 10px; font-size: 21px; letter-spacing: -0.05em; font-weight: 700; }

.frame_top{ display: none; width: fit-content; position: fixed; z-index: 13; transform: translateX(-50%); padding: 0; background-color: transparent; transition: left 0.5s; }
.frame_top{ left: 50%; }
ul.top_tab{ position: relative; transform: unset; }

.point_text { color: var(--point_lime_0); }
#modooWrap { margin-top: 69px; border-top: 1px solid rgba(256, 256, 256, 0.2); }
#modooWrap .modoo_title {margin-top: 69px; text-align: center; font-size: 25px; line-height: 33px; color: #fff; font-weight: 800; letter-spacing: -0.02em; }
#modooWrap .modoo_feature_wrap { margin-top: 45px; display: flex; gap: 47px; flex-direction: column; align-items: center; }
#modooWrap .modoo_feature_con { width: 100%; }
#modooWrap .modoo_feature_img {  border-top-right-radius: 5px; border-top-left-radius: 5px; }
#modooWrap .modoo_feature_img img { width: 100%; height: 100%; border-top-right-radius: 5px; border-top-left-radius: 5px; }
#modooWrap .modoo_feature_text_con {border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding: 30px 29px; background-color: #1e1e1e; }
#modooWrap .modoo_feature_text_con.second_con { padding: 30px 29px 51px 29px; }
#modooWrap .modoo_feature_title { font-size: 15px; line-height: 21px; color: #fff; font-weight: 400; }
#modooWrap .modoo_feature_dec { margin-top: 15px; font-size: 15px; line-height: 21px; color: rgba(256, 256, 256, 0.4); font-weight: 400; }
#modooWrap .intro_modoo { z-index: 2; position: absolute; top: 114px; right: 0; }
#modooArea .result_pop_wrap { display: flex; align-items: center; justify-content: center; flex-direction: column; }
#modooArea .site_name_wrap { margin-top: 35px; display: flex; align-items: center; justify-content: center; padding-left: 27px; }
#modooArea .site_name_start { font-size: 19px; line-height: 23px; color: #fff; font-weight: 700; }
#modooArea .site_name_start::before { content: ''; position: absolute; left: -35px; top: 0px; width: 24px; height: 24px; background-image: url('../img/web_gpt/login_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.png'); background-repeat: no-repeat; background-position: center;}
#modooArea .site_name_end { font-size: 19px; line-height: 23px; color: #fff; font-weight: 700; }

.modoo_url_check { font-size: 15px; line-height: 23px; color: rgba(256, 256, 256, 0.4); font-weight: 400; text-align: center; }
.modoo_url_check_link { margin-top: 13px; display: flex; align-items: center; justify-content: center; }
.right_arrow_btn { cursor: pointer; font-size: 15px; line-height: 23px; color: #fff !important; font-weight: 400; background-image: url('../img/web_gpt/chevron_right_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24_new.png'); background-repeat: no-repeat; background-position: center right; padding-right: 16px; }

#modooING { display: flex; align-items: center; justify-content: center; flex-direction: column; }
#modooEND { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.ing_text_wrap { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.ing_title_sub { font-size: 20px; line-height: 26px; color: #fff; font-weight: 700; letter-spacing: -0.02em; text-align: center; }
.ing_title_sub .modoo_logo { height: 26px; width: 69px; background-image: url('../img/web_gpt/modoo_lime.png'); background-repeat: no-repeat; background-position: center; }
.ing_title_sub .zaemit_logo { height: 26px; width: 69px; background-image: url('../img/web_gpt/zaemit_white.png'); background-repeat: no-repeat; background-position: center; }
.ing_title_sub .arrow {height: 26px; width: 40px; background-image: url('../img/web_gpt/east_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.png'); background-repeat: no-repeat; background-position: center; }
.ing_title_main { margin-top: 25px; font-size: 43px; line-height: 47px; color: #fff; font-weight: 700; letter-spacing: -0.03em; text-align: center; }
.ing_title_main span { color: var(--point_lime_0); }
.ing_dec { margin-top: 25px; font-size: 20px; line-height: 30px; color: #fff; font-weight: 300; text-align: center; }
.ing_dec_sm { margin-top: 23px; font-size: 18px; line-height: 27px; color: #fff; font-weight: 300; text-align: center; }
[loader-ing] canvas {width: 240px;height: 240px;}
.modoo_crawling_progress { margin-top: 43px; width: 410px; height: 8px; overflow: hidden; bottom: 0; z-index: 9999; background-color: rgba(256,256,256,0.2);  border-radius: 2px;}
.modoo_crawling_progress .progress.progressUp{position: absolute; width: 0%; height: 100%; background-color: var(--point_lime_0); animation: progressUp 30s linear forwards;}
.modoo_crawling_progress .progress.progressFinish{position: absolute; width: 0%; height: 100%; background-color:var(--point_lime_0); animation: progressFinish 10s linear forwards;}
@keyframes progressUp {
    0% { width: 0%; }
    100% { width: 80%; }
}
@keyframes progressFinish {
    0% { width: 80%; }
    100% { width: 100%; }
}
.progress_percent {text-align: center; font-size: 18px; line-height: 24px; color: #fff; font-weight: 700; margin-top: 25px; }

.modoo_pop { background-color: #262626 !important; border-radius: 15px; }
.modoo_pop .login_popup_style_close_btn_con .login_popup_style_close_btn:hover { background-color: unset !important; }
.modoo_pop_wrap { padding: 112px 60px 60px 60px; color: #fff; text-align: center; }
.modoo_pop_title_wrap { margin-bottom: 15px; display: flex; align-items: center; justify-content: center; }
.modoo_lime_logo { background-image: url('../img/web_gpt/modoo_lime.png'); background-repeat: no-repeat; width: 69px; height: 24px; }
.modoo_pop_title { margin-left: 7px; font-weight: 700; font-size: 24px; line-height: 38px; letter-spacing: -0.02em; }
.modoo_pop_dec { font-size: 15px; line-height: 23px; font-weight: 300; color: rgba(256, 256, 256, 0.4); }
.modoo_pop_input_wrap { margin-top: 29px; }
.modoo_pop_input { width: 100%; padding: 15px 22px 16px 22px; background-color: #000; border: none; outline: none; border-radius: 5px; font-size: 16px; line-height: 23px; font-weight: 500; color: #fff; text-align: left; box-sizing: border-box; }
.modoo_pop_input::placeholder { color: rgba(255,255,255,0.3); }
.modoo_pop_btn_0 { padding: 14px 25px; background-color: #525252; color: #fff; font-size: 14px; line-height: 17px; font-weight: 500; border-radius: 5px; cursor: pointer; }
.modoo_pop_btn_wrap { display: flex; align-items: center; justify-content: center; }
.modoo_pop_btn_wrap_1 { margin-top: 56px; display: flex; align-items: center; justify-content: center; }
.modoo_pop_btn_1 {width: auto; height: auto; font-size: 15px; font-weight: 700; color: #000 !important; cursor: pointer; background-color: #beff1d; padding: 15px 36px; border-radius: 50px; transition: padding 0.1s linear; box-sizing: border-box; }
.modoo_pop_btn_1.arrow_right {padding-right: 64px; background-image: url("../img/web_gpt/keyboard_arrow_down_24dp_FILL0_wght400_GRAD0_opsz20_right.svg"); background-repeat: no-repeat; background-position: center right 26px; }
.modoo_pop_btn_1.disabled { opacity: 0.35; cursor: pointer; pointer-events: none; }
.modoo_pop_btn_1::before {content: ''; position: absolute; width: calc(100% + 20px); height: calc(100% + 20px); top: -10px; left: -10px; z-index: -1; background-color: rgb(190, 255, 20); border-radius: 50px; transition: opacity 0.3s ease; opacity: 0;}
.modoo_pop_btn_1:hover::before { opacity:0.3;}
.modoo_pop_btn_1.disabled::before { content: none; }
.modoo_pop_btn_wrap_2 { margin-top: 30px; display: flex; align-items: center; justify-content: center; }
.modoo_pop_btn_2 { font-size: 15px; line-height: 23px; font-weight: 300; color: rgba(256, 256, 256, 0.4) !important; cursor: pointer; }
#continueBtn.arrow_right { z-index: 1; width: auto; height: auto; font-size: 15px; font-weight: 700; color: #000; cursor: pointer; background-color: #beff1d; padding-top: 15px;padding-bottom: 15px;padding-left: 36px;padding-right: 64px; border-radius: 50px; transition: padding 0.1s linear; box-sizing: border-box; background-image: url("../img/web_gpt/keyboard_arrow_down_24dp_FILL0_wght400_GRAD0_opsz20_right.svg"); background-repeat: no-repeat; background-position: center right 26px; }
#continueBtn::before {content: ''; position: absolute; width: calc(100% + 20px); height: calc(100% + 20px); top: -10px; left: -10px; z-index: -1; background-color: rgb(190, 255, 20); border-radius: 50px; transition: opacity 0.3s ease; opacity: 0;}
#continueBtn:hover::before { z-index: -1; opacity:0.3;}

#modooStartSitePop .site_name_wrap { margin-top: 35px; display: flex; align-items: center; justify-content: center; padding-left: 27px; }
#modooStartSitePop .site_name_start { font-size: 19px; line-height: 23px; color: #fff; font-weight: 700; }
#modooStartSitePop .site_name_start::before { content: ''; position: absolute; left: -35px; top: 0px; width: 24px; height: 24px; background-image: url('../img/web_gpt/login_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.png'); background-repeat: no-repeat; background-position: center;}
#modooStartSitePop .site_name_end { font-size: 19px; line-height: 23px; color: #fff; font-weight: 700; }
#modooStartSitePop .common_input_0 { width: 241px; margin-left: 24px; margin-right: 9px; padding: 16px 0; text-align: center; border-radius:8px; background-color: rgba(256, 256, 256, 0.2); outline: none; border: none; font-size: 19px; line-height: 23px; line-height: 30px; color: #fff; font-weight: 700; }
#modooStartSitePop .site_name_info { color: rgba(255, 255, 255, 0.5); font-size: 14px; line-height: 21px; font-weight: 300; margin-top: 20px; }
#modooStartSitePop .start_btn_con { display: flex; align-items: center; justify-content: center;  }
#modooStartSitePop .site_start_btn { background-color: rgba(190, 255, 29, 0.3); border: none; }
#modooStartSitePop .site_start_btn.active { background-color: rgba(190, 255, 29, 1); }
#modooStartSitePop .common_input_0.err { color: #dc1e57; }
#modooStartSitePop .common_input_0.conf { color:  var(--point_lime_0); }
#modooStartSitePop .info_msg { margin-bottom: 6px; font-size: 14px;font-size: 1.4rem;line-height: 22px;line-height: 2.2rem;font-weight: 700; }
#modooStartSitePop .info_msg.err { color: #dc1e57; }
#modooStartSitePop .info_msg.conf { color:  var(--point_lime_0); }
#modooStartSitePop .info_format { font-size: 13px; line-height: 20px; }

#notModooUrlPop { background-color: #262626 !important; border-radius: 15px; }
#notModooUrlPop .modoo_pop_wrap { padding: 100px 89px 82px 89px; color: #fff; text-align: center; }
#notModooUrlPop .modoo_pop_title_wrap { margin-bottom: 15px; display: flex; align-items: center; justify-content: center; }
#notModooUrlPop .modoo_lime_logo { background-image: url('../img/web_gpt/modoo_lime.png'); background-repeat: no-repeat; width: 69px; height: 24px; }
#notModooUrlPop .modoo_pop_title { margin-left: 7px; font-weight: 700; font-size: 24px; line-height: 38px; letter-spacing: -0.02em; }
#notModooUrlPop .modoo_pop_dec { font-size: 16px; line-height: 23px; font-weight: 300; }
#notModooUrlPop .modoo_pop_dec_wrap { margin-bottom: 30px; }
#notModooUrlPop .modoo_pop_btn_0 { padding: 14px 25px; background-color: #525252; color: #fff; font-size: 14px; line-height: 17px; font-weight: 500; border-radius: 5px; cursor: pointer; }
#notModooUrlPop .modoo_pop_btn_wrap { display: flex; align-items: center; justify-content: center; }

#congratsOpenPop .fugaz{ font-family: "Fugaz One"; font-size: 25px; font-weight: 500; }
#congratsOpenPop .point_color{ color: var(--point_lime_0); }
#congratsOpenPop .modoo_pop{ background-color: #323237 !important; }
#congratsOpenPop .modoo_pop_wrap{ padding: 52px 60px 52px 60px; }
#congratsOpenPop .modoo_pop_title{ margin-left: 0; }
#congratsOpenPop .line1{ font-size: 24px; line-height: 38px; letter-spacing: -0.02em; font-weight: 800; }
#congratsOpenPop .line1 span{ margin-right: 3px; }
#congratsOpenPop .line2{ font-size: 17px; line-height: 23px; font-weight: 700; color: #fff; margin-bottom: 22px; }
#congratsOpenPop .wand{ height: 42px; background-image: url("/weven_service/asset/img/subpage/webgpt_wand.png"); background-size: contain; background-position: center; background-repeat: no-repeat; }
#congratsOpenPop .line3{ font-size: 16px; line-height: 38px; letter-spacing: -0.02em; font-weight: 700; color: var(--point_lime_0) }
#congratsOpenPop .line4{ font-size: 15px; line-height: 22px; font-weight: 500; color: rgb(171 171 171); }
#congratsOpenPop .line5{ font-size: 34px; line-height: 38px; letter-spacing: -0.02em; font-weight: 700; margin-top: 14px; margin-bottom: 16px; }
#congratsOpenPop .line5 span{ display: inline-block; padding: 11px 17px 11px 17px; background-color: #3e3f40; border-radius: 10px; }
#congratsOpenPop .line6{ font-size: 15px; line-height: 22px; font-weight: 500; color: rgb(171 171 171); }
#congratsOpenPop .modoo_pop_btn_wrap_1{ margin-top: 27px; }
#congratsOpenPop .modoo_pop_btn_1{ padding: 10px 36px 10px 36px; }


.gradient_font{background-image: linear-gradient(to right, var(--grad_start) 20% , var(--point_lime_0)); -webkit-background-clip: text; color: transparent;}
.wrapper.web_gpt_wrapper{ display: block; width: 100%; background-color: #000; }
.wrapper.web_gpt_wrapper #bgG { position: fixed; width: auto; top: 0; left: 53%; z-index: 1; }
.web_gpt_wrapper .gradient_font{background-image: linear-gradient(to right, var(--grad_start) 20% , var(--point_lime_0)); -webkit-background-clip: text; color: transparent;}
.web_gpt_wrapper .info_btn{position: absolute; background-image: url("../img/web_gpt/error_24dp_000000_FILL0_wght400_GRAD0_opsz24 (1).png"); background-repeat: no-repeat; background-position: center; background-size: cover;}
.web_gpt_wrapper .web_gpt_body_wrap{display: flex; flex-direction: column; align-items: center;}

.web_gpt_wrapper .main_title_wrap{ max-width: 1400px; text-align: center;display: flex; flex-direction: column; align-items: center; font-weight: 700; color: #fff; }
.web_gpt_wrapper .main_sub_title{ margin-top: 140px; font-size: 19px; width: fit-content; font-weight: 700; line-height: 25px; letter-spacing: -0.02em; color: #fff; }
.web_gpt_wrapper .main_title{ font-family: "Fugaz One"; margin-top: 111px; font-size: 47px; width: fit-content; font-weight: 500; line-height: 53px; letter-spacing: 0.02em;}
.web_gpt_wrapper .main_title .point{ color: var(--point_lime_0); }
.web_gpt_wrapper .main_title_md {font-size: 38px; width: fit-content;}

.web_gpt_wrapper .web_gpt_middle_wrap { margin-top: 38px;
    --textarea_radius: 10px;
    --bg_color: #212223;
}

.web_gpt_wrapper .sub_text_wrap{text-align: center; font-weight: 300; display: flex; flex-direction: column; align-items: center; margin-top: 15px;}
.web_gpt_wrapper .sub_text{font-size: 16px; line-height: 25px; width: fit-content; color: #fff;}

.web_gpt_wrapper .web_gpt_btn_wrap{margin-bottom: 45px;}
.web_gpt_wrapper .web_gpt_btn_con{ display: flex; justify-content: center; gap: 48px; }
.web_gpt_wrapper .web_gpt_btn{ position: relative; cursor: pointer; font-size: 17px; line-height: 23px; font-weight: 700; color: #818080;  }
.web_gpt_wrapper .web_gpt_btn:not(:last-child)::after{position: absolute; content: ''; height: 16px; border-left: 1px solid #fff; opacity: 0.45; top: 3px; right: -25px;}
.web_gpt_wrapper .web_gpt_btn.modoo { width: 97px; height: 23px; background-image: url("../img/web_gpt/modoo.png"); background-repeat: no-repeat; background-position: right; }
.web_gpt_wrapper .web_gpt_btn.modoo.active { background-image: url("../img/web_gpt/modoo_hover.png"); background-repeat: no-repeat; background-position: right; }
.web_gpt_wrapper .web_gpt_btn.active{color: var(--point_lime_0); }
.web_gpt_wrapper .web_gpt_btn.active::before {bottom: -27px; right: 50%; transform: translateX(50%); width: 24px; height: 24px; content: ''; position: absolute; background-image: url('../img/web_gpt/arrow_drop_down_24dp_beff1d_FILL0_wght400_GRAD0_opsz24.svg'); background-size: 29px; }
.web_gpt_wrapper .help_info {display: none; }

.web_gpt_wrapper .help_info_content_con{margin-bottom: 16px;}
.web_gpt_wrapper .help_info_content_con:last-child{margin: 0px;}
.web_gpt_wrapper .help_info_title { margin-bottom: 5px; padding-left: 13px; font-size: 15px; line-height: 23px; font-weight: 700; color: #000; }
.web_gpt_wrapper .help_info_title::before { content: ''; width: 5px; height: 2px; position: absolute; left : 0; top: 11px; background-color: #000; }
.web_gpt_wrapper .help_info_desc { padding-left: 13px; font-size: 14px; line-height: 21px; font-weight: 500; color: #737479; }

.web_gpt_input_box{ position: absolute; top: 0; left: 0; }
.web_gpt_input_box input[type="file"]{ position: absolute; width: 0; height: 0; opacity: 0; z-index: -1; }

.web_gpt_wrapper .web_gpt_file_wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px 0; width: 100%; padding: 11px 11px 11px 40px; border-radius: var(--textarea_radius); border-top-left-radius: 0; border-top-right-radius: 0; background-color: var(--bg_color); box-sizing: border-box; cursor: default; }
.web_gpt_wrapper .web_gpt_file_wrap { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.web_gpt_wrapper .web_gpt_input_wrap { min-width: 0; }
.web_gpt_wrapper .web_gpt_file_con { flex: 0 0 auto; display: flex; align-items: center; padding-left: 20px; }
.web_gpt_wrapper .web_gpt_file_con &gt; * { flex: 0 0 auto; }

.web_gpt_wrapper .web_gpt_file_list_nofile{font-size: 15px; line-height: 23px; font-weight: 700; color: rgba(255, 255, 255, 0.3);}
.web_gpt_wrapper .web_gpt_file_upload_desc{ margin-left: 7px; margin-right: 15px; font-size: 15px; line-height: 27px; font-weight: 400; width: fit-content; text-align: center; color: #fff;}
.web_gpt_wrapper .web_gpt_file_upload_btn{ border: 2px solid #000; border-radius: 6px; background-color: #000; padding: 8px 17px; font-size: 13px; line-height: 19px; cursor: pointer; font-weight: 700; color: var(--point_lime_0); box-sizing: border-box; transition: all 0.2s ease; }
.web_gpt_wrapper .web_gpt_file_upload_btn:hover{ border-color: var(--point_lime_0); }

.web_gpt_wrapper .web_gpt_file_cnt{font-size: 15px; color: #fff; display: flex; gap: 19px;}
.web_gpt_wrapper .web_gpt_file_cnt_num{position: relative; color: var(--point_lime_0);}
.web_gpt_wrapper .web_gpt_file_cnt_num::after{position: absolute; content: ' '; border-left: 1px solid #fff; opacity: 0.3; top: 3px; right: -9px; height: 11px;}

.web_gpt_wrapper .textarea_wrap { transition: background-color 0.2s ease; position: relative;color: transparent; padding: 27px 44px 10px 40px;border-radius: var(--textarea_radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-sizing: border-box;overflow: hidden; background-color:  var(--bg_color);}
.web_gpt_wrapper .textarea_wrap.beforeTyping::after {animation: blinkCursor 0.5s infinite; content: ''; position:absolute; top: 31px; left: 31px; width: 2px; height:17px; background-color:var(--point_lime_0); }
.web_gpt_wrapper #modooArea .beforeTyping::after {animation: blinkCursor 0.5s infinite; content: ''; position:absolute; top: 31px; left: 44px; width: 2px; height:17px; background-color:var(--point_lime_0); }
@keyframes blinkCursor {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}
.web_gpt_wrapper #modooURLwrap.beforeTyping #modooURL { caret-color: transparent;}
.web_gpt_wrapper #modooURL { margin: 0 17px 0 13px; width: 320px; transition: background-color 0.2s ease; height: 77px; min-height: 25px; caret-color: var(--point_lime_0); border-radius: 10px; padding: 27px 44px 28px 40px; color: #fff; background-color: rgba(42, 42, 42, 1); font-size: 18px; line-height: 23px; font-weight: 600; border: none; }
.web_gpt_wrapper .user_message{caret-color: var(--point_lime_0); min-height: 186px; height: 100%; padding: 0 10px 0; color: #fff; background-color: transparent; font-size: 18px; line-height: 23px; font-weight: 600; border: none; margin-bottom: 0; }
.web_gpt_wrapper .user_message::-webkit-scrollbar{display: none;}
.web_gpt_wrapper .user_message, #modooURL:focus{outline: none;}
.web_gpt_wrapper .user_message::placeholder{color: #fff; font-size: 18px; padding-left: 4px;font-weight: 600;}
.web_gpt_wrapper .textarea_wrap.beforeTyping .user_message { caret-color: transparent;}
.web_gpt_wrapper #modooURL::placeholder{color: #fff; font-size: 18px; padding-left: 4px;font-weight: 600;}
.web_gpt_wrapper .text_cnt_wrap{display: flex; gap: 16px; position: absolute; right: 27px; bottom: 26px; font-size: 15px; font-weight: 400; color: #fff;}
.web_gpt_wrapper .text_cnt_wrap .text_cnt {font-size: 15px; color: var(--point_lime_0);}
.web_gpt_wrapper .text_cnt_wrap .text_cnt::after{position: absolute; content: ''; border-left: 1px solid #fff; opacity: 0.3; top: 3px; right: 44px; height: 11px;}

.web_gpt_wrapper .web_gpt_bottom_wrap{z-index: 3; margin-top: 49px; margin-bottom: 70px; }
.web_gpt_wrapper .web_gpt_setting_box{ align-content: center;flex-wrap: wrap; height: 50px; display: flex; justify-content: center; }
.web_gpt_wrapper #generateBtnCon { position:absolute; right: 25px; bottom: 13px; display: none; flex-direction: column; align-items: center; justify-content: center; gap:6px; }
.web_gpt_wrapper .return_to_main_btn.return_to_main_btn{ transition: all 0.1s linear; display: flex;align-items: center;justify-content: center;width: 90px; height: 90px; font-size: 13px; font-weight: 700; color: #fff; cursor: pointer; background-image: linear-gradient(to right, #6188fb, #3c60e8); border-radius: 50%; transition: padding 0.1s linear; box-sizing: border-box;}
.web_gpt_wrapper .return_to_main_btn.return_to_main_btn span  {padding-bottom: 8px; }
.web_gpt_wrapper .return_to_main_btn.return_to_main_btn span::after { background-size: 16px; bottom: 25px; left: 38px; content: ''; width: 20px; height: 10px; position: absolute; background-image: url('../img/web_gpt/trending_flat_24dp_1F1F1F_FILL0_wght200_GRAD0_opsz24.png');background-repeat: no-repeat; }
.web_gpt_wrapper .web_gpt_generate_btn.arrow_right {width: auto; height: auto; font-size: 14px; font-weight: 700; color: #000; cursor: pointer; background-color: var(--point_lime_0); padding: 15px 41px 15px 29px; border-radius: 50px; transition: padding 0.1s linear; box-sizing: border-box; background-image: url("/weven_service/asset/img/svg/arrow_circle_right_16dp_000_FILL1_wght500_GRAD0_opsz20.svg"); background-size: 22px; background-repeat: no-repeat; background-position: right 13px center; transition: all 0.2s; }
.web_gpt_wrapper .web_gpt_generate_btn.disabled {cursor: default; background-color: rgba(190, 255, 29, 0.35); border: none; }
.web_gpt_wrapper .web_gpt_generate_btn:not(.disabled):hover { box-shadow: var(--btn_hover_shadow); }
.web_gpt_wrapper .web_gpt_detail_setting_btn{position: relative; font-size: 15px; font-weight: 700; color: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding-right: 31px;}
.web_gpt_wrapper .web_gpt_detail_setting_btn span{cursor: pointer;}
.web_gpt_wrapper .web_gpt_detail_setting_btn::before{position: absolute; content: ''; width: 9px; height: 5px; background-image: url("../img/web_gpt/menu_arrow_down.png"); transform: translateY(-50%) rotate(180deg); background-size: cover; background-position: center; background-repeat: no-repeat; right: 12px; top: 50%;}
.web_gpt_wrapper .web_gpt_detail_setting_btn.active{color: var(--point_lime_0);}
.web_gpt_wrapper .web_gpt_detail_setting_btn.active::before{color: var(--point_lime_0); background-image: url("../img/web_gpt/menu_arrow_up_b.png"); transform: translateY(-50%) rotate(0deg);}
.web_gpt_wrapper .web_gpt_detail_setting_btn.active .web_gpt_detail_setting_con{display: block;}
.web_gpt_wrapper .web_gpt_detail_setting_con{display: none; position: absolute; right: 0; bottom: calc(100% + 20px); width: 212px;}
.web_gpt_wrapper .web_gpt_detail_setting_title_con{position: relative; font-size: 13px; font-weight: 700; background-color: #F6F6F9; color: var(--point_lime_0); border-top-left-radius: 12px; border-top-right-radius: 12px; padding-top: 17px; padding-bottom: 17px; padding-left: 25px; padding-left: 25px;}
.web_gpt_wrapper .web_gpt_detail_setting_title_con .close_btn{position: absolute; width: 10px; height: 10px; background-image: url("../img/web_gpt/close_24dp_000000_FILL1_wght400_GRAD0_opsz24.png"); background-position: center; background-size: cover; cursor: pointer; background-repeat: no-repeat; right: 20px; top: 50%; transform: translateY(-50%);}
.web_gpt_wrapper .web_gpt_detail_setting_radio_con{background-color: #fff; padding-top: 22px; padding-bottom: 32px; padding-right: 25px; padding-left: 25px;}
.web_gpt_wrapper .web_gpt_detail_setting_radio_list_con{display: flex; flex-direction: column; }
.web_gpt_wrapper .web_gpt_detail_setting_radio_title{position: relative; display: inline-block; font-size: 13px; line-height: 17px; font-weight: 700; color: #000; margin-bottom: 24px;}
.web_gpt_wrapper .web_gpt_detail_setting_radio_title .info_btn{width: 15px; height: 15px; right: -19px; top: 2px; background-image: url("../img/web_gpt/error_24dp_000000_FILL0_wght400_GRAD0_opsz24 (2).png");}
.web_gpt_wrapper .web_gpt_detail_radio_list{position: relative;}
.web_gpt_wrapper .web_gpt_detail_radio_list input[type=radio]{position: absolute; visibility: hidden;}
.web_gpt_wrapper .web_gpt_detail_radio_list input+label{position: relative; display: inline-block; font-size: 13px; font-weight: 700; color: #000; width: 100%; cursor: pointer; padding-left: 40px; margin-bottom: 23px;}
.web_gpt_wrapper .web_gpt_detail_radio_list:last-child input+label{margin-bottom: 0;}
.web_gpt_wrapper .web_gpt_detail_radio_list input+label:before{position: absolute; content: ''; width: 30px; height: 30px; border: 1px solid #cccccc; border-radius: 50%; background-color: #fff; box-sizing: border-box; left: 0px; top: 50%; transform: translateY(-50%);}
.web_gpt_wrapper .web_gpt_detail_radio_list input+label:after{display: none; position: absolute; content: ''; width: 15px; height: 15px; border-radius: 50%; background-color: var(--point_lime_0); box-sizing: border-box; left: 8px; top: 50%; transform: translateY(-50%);}
.web_gpt_wrapper .web_gpt_detail_radio_list input:checked+label:after{display: block;}
.web_gpt_wrapper .web_gpt_detail_setting_activate{font-size: 15px; font-weight: 700; background-color: var(--point_lime_0); color: #fff; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; text-align: center; padding-top: 13px; padding-bottom: 13px; cursor: pointer;}

.web_gpt_wrapper .web_gpt_desc_box{padding-right: 100px;}
.web_gpt_wrapper .web_gpt_desc_box:first-child::after{position: absolute; content: ''; height: 93px; border-left: 1px solid #ffffff; opacity: 0.25; top: 3px; right: 0;}
.web_gpt_wrapper .web_gpt_desc_box:last-child{padding-left: 49px; padding-right: 0;}
.web_gpt_wrapper .web_gpt_desc_title{font-size: 16px; font-weight: 700; margin-bottom: 12px;}
.web_gpt_wrapper .web_gpt_desc{font-size: 14px; line-height: 20px; font-weight: 300; color: rgba(255, 255, 255, 0.5); word-break:keep-all;}

.web_gpt_wrapper .web_gpt_file_wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px 0; width: 100%; padding: 11px 11px 11px 40px;  box-sizing: border-box; cursor: default; }
.web_gpt_wrapper .web_gpt_file_list_con{ flex-direction: column; display: flex; gap: 10px; overflow: hidden; }
.web_gpt_wrapper .web_gpt_file_list{ min-width: 0; position: relative; display: inline-block; padding-right: 29px; box-sizing: border-box; font-size: 0; line-height: 0; }
.web_gpt_wrapper .web_gpt_file_list span{ text-align: right; position: relative; margin-left: 3px; color: var(--point_lime_0); font-weight: 700; font-size: 15px; line-height: 23px; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; width: 100%; display: inline-block; overflow: hidden;}
.web_gpt_wrapper .web_gpt_file_list .remove_file{ position: absolute; width: 22px; height: 22px; background-image: url("../img/web_gpt/cancel_24dp_1F1F1F_FILL1_wght700_GRAD0_opsz24.png"); background-repeat: no-repeat; background-position: center center; background-size: 21px;  right: 0; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 33;}
.web_gpt_wrapper .web_gpt_sample_list{position: relative; display: inline-block; font-size: 15px; font-weight: 400; padding-right: 26px; }
.web_gpt_wrapper .web_gpt_sample_list .remove_file{position: absolute; width: 18px; height: 18px; background-image: url("../img/web_gpt/cancel_24dp_000000_FILL1_wght400_GRAD0_opsz24.png"); background-repeat: no-repeat; background-position: center center; background-size: 18px; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 33;}

.web_gpt_footer{position: fixed; bottom: 0; left: 0; z-index: 99999; width: 100%;}
.web_gpt_footer .footer_inner{display: flex; justify-content: space-between; padding-left: 44px; padding-right: 44px; padding-bottom: 42px;}
.web_gpt_footer .footer_description{position: relative; font-size: 13px; line-height: 17px; font-weight: 500; color: #fff;}
.web_gpt_footer .footer_description::before{position: absolute; content: '*'; color: #fff; font-size: 15px; line-height: 17px; left: -13px; top: 50%; transform: translateY(calc(-50% +  2px));}
.web_gpt_footer .footer_copyright{font-size: 14px; line-height: 17px; font-weight: 300; color: #fff;}

.web_gpt_header{position: fixed; top: 0; left: 0; z-index: 1; width: 100%;}
.web_gpt_header .header_inner{display: flex; justify-content: space-between; padding-left: 34px; padding-right: 24px; padding-top: 31px;}
.web_gpt_header .logo_area{display: flex; align-items: baseline; gap: 6px;}
.web_gpt_header .zaemit_logo{width: 130px; height: 48px; background-image: url("../img/web_gpt/webGen.gpt.logo.png"); background-size: cover; background-repeat: no-repeat; background-position: center;}
.web_gpt_header .logout_area{font-size: 15px; line-height: 17px; font-weight: 700; color: #fff; cursor: pointer;padding-top: 8px; padding-left: 10px; padding-right: 10px;}

.web_gpt_wrapper .web_gpt_body { margin: 10px 0;}
.web_gpt_wrapper #step3 .web_gpt_body { margin: 0;}
.web_gpt_wrapper .web_gpt_generate_wrap { display: flex; justify-content: center; }

.web_gpt_wrapper .web_gpt_right_generate {background-color: #fff; transition: width 0.3s linear;}
.web_gpt_wrapper .web_gpt_right_generate #previewIframe {width: 100%; height: 200px; display: none;}
.web_gpt_wrapper .default_block { margin-top: 20px; height: 380px; background-color: #fff; border-radius: 15px; }
.web_gpt_wrapper .defalut_block:first-child { margin-top: 0; }

.web_gpt_wrapper .web_gpt_complete_wrap { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 9999; }
.web_gpt_wrapper .web_gpt_complete_wrap::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.web_gpt_wrapper .complete_img { margin-bottom: 30px; height: 70px; background-image: url('../img/web_gpt/web_gpt_complete.png'); background-repeat: no-repeat; background-position: center; }
.web_gpt_wrapper .fail_img { margin-bottom: 30px; height: 70px; background-image: url('../img/web_gpt/fail.png'); background-repeat: no-repeat; background-position: center; }
.web_gpt_wrapper .web_gpt_arrow_btn { font-size: 15px; font-weight: 700; cursor: pointer; color: var(--point_lime_0) !important; padding-left: 51px; padding-right: 31px; background-repeat:no-repeat; background-position: 30px center; background-image: url('../img/web_gpt/keyboard_backspace_24dp_000000_FILL1_wght400_GRAD0_opsz24\ \(1\).svg'); }

.obscuration_wrap { display: flex !important; align-items: center; justify-content: center; height: 500px;}
.web_gpt_body_center { position: relative; padding: 48px 20px 0; width: 100%; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: opacity 0.3s; background: linear-gradient(to bottom, #1f1f1f, #000); }
.web_gpt_body_center::before { position: absolute;  }
.web_gpt_body_center#step3{ z-index : 3; padding: 0px 0;}
.web_gpt_body_center.generate {justify-content: normal;}
.web_gpt_body_center &gt; div{ z-index: 2; }

.delete_btn{font-size: 16px; display: inline-block; cursor: pointer; color: #fff; position: relative; margin-top: 23px; opacity: 0.7; font-weight: 300;}
.delete_btn::after{content: ''; position: absolute; width: 100%; bottom: -5px; left: 0; box-sizing: border-box; border-bottom: 1px solid #fff; opacity: 0.7;}
.delete_btn:hover{opacity: 1;}
.delete_btn:hover::after{opacity: 1;}
#toEditorBtn{display: none; position: fixed; bottom: 70px; right: 45px; z-index: 99; background-color: var(--point_lime_0); color: #fff; border-radius: 10px; font-size: 17px; font-weight: 600; padding: 10px 20px; cursor: pointer; transition: background-color 0.3s;}
#toEditorBtn.active{display: inline-block;}
#toEditorBtn:hover{background-color: var(--point_blue_h);}

/* ìŠ¤ì¼ˆë&nbsp;ˆí†¤ */
.skeleton {background: linear-gradient(225deg, #ffaa4a, #dae884, #a0d1eb); background-size: 200% 200%; animation: MoveGrad 5s ease infinite; background-size: 200% 100%; color: transparent !important;border-radius: 10px; z-index : 9; opacity: 1; transition: opacity 0.3s ease; /* animation: skeleton-loading 1.5s infinite; */}
.skeleton.ready {opacity: 0;}
.colorTransparent {color: transparent !important;}
@keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}
@keyframes typing {
    from { width: 0; }
    to { width: 100%; }
}
@keyframes blinkCaret {
    50% { border-color: transparent; }
}

#imgContainer { position: relative; margin-top: 73px; max-width: 1440px; overflow: hidden; height: 644px;}
#imgContainer .img-box { position: absolute; top: 0; left: 200%; transform: translateX(-50%); width: calc(100% - 40px); height: 100%; transition: left 1.5s ease-out;}
#imgContainer .img-box img{ width: 100%; height: 100%; object-fit: contain;}
#imgContainer .img-box::before {display: none;  content: "";position: absolute; transform: translateY(-100%); top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;background-image:linear-gradient(0deg, transparent 0%, rgb(62 187 62 / 20%) 10%, rgb(47 255 47 / 80%) 3%, rgb(0 255 0 / 40%) 3%, transparent 100%); background-repeat: no-repeat; border-radius: 10px;}
#imgContainer .img-box.start::before {display: block; animation: imgScan 4.7s linear 2s forwards;}

@keyframes imgScan {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100%);
  }
}

.cmd_wrap { max-width: 1400px; margin-top: 20px; }

#summaryWrap{ max-width: 1200px; margin-top: 40px; overflow: auto; height: 100vh; }
#summaryWrap::-webkit-scrollbar{display: none;}
#summaryWrap .summary-box{font-size: 22px; line-height: 29px; color: #fff; font-weight: 500; opacity: 0;}
#summaryWrap .summary-box.attach{ animation: summaryFadeIn 0.4s ease 0.2s forwards; opacity: 0;}
@keyframes summaryFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* í”„ë¡¬í”„íŠ¸ ìž…ë&nbsp;¥ ëª¨ì…˜ */
.userMsg_wrap{ max-width: 1400px; margin-top: 40px; display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start; }

.section-title {transition: color 1.5s ease; color:var(--point_lime_0); line-height: 47px; letter-spacing: -0.02em; word-spacing: -0.1em; display: inline-block;font-size: 24px;font-weight: 500;margin-bottom: 2rem; line-height: 0.8; margin: 10px; }
.section-title.no-effect { color: #525dc8;-webkit-background-ã…£clip: unset;background-clip: unset;-webkit-text-fill-color: #525dc8;background: none;}
.section-title.white-text:last-child::after {  content: ''; position: absolute; bottom: 0; right: 0; transform: translateX(calc(100% + 10px)); width: 13px; border-bottom: 4px solid #fff; opacity: 0; animation: flash 0.5s linear infinite alternate;}
.section-title.no-effect::before {display: none}
.section-title.white-text { color: white;-webkit-background-clip: unset; background-clip: unset;-webkit-text-fill-color: white;background: none;}
@keyframes flash {
    0%{opacity: 0;}
    100%{opacity: 1;}
}

@keyframes gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* íŽ˜ì´ë“œì¸ */
.fade-in {animation: fadeIn 1s ease-out forwards;}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes blink {
    0%, 49% { border-right-color: transparent; }
    50%, 100% { border-right-color: currentColor; }
}

@keyframes scan {
    0% { background-position: 0 -100vh; }
    35%, 100% { background-position: 0 100vh; }
}

@keyframes blinkCaret {
    50% { border-color: transparent; }
}  

.text-ai-analysis {font-weight: 500; font-size: 17px; line-height: 2.5rem; color:var(--point_lime_0); white-space: pre-wrap; animation: blinkCaret 0.75s step-end infinite; }
.text-ai-analysis .letter:last-child{padding-right: 14px; position: relative;}
.text-ai-analysis .letter:last-child::after { content: ''; position: absolute; border-right: 8px solid var(--point_lime_0); top: 2px; right: 0; height: 17px; display: inline-block;}

.fade-up {opacity: 0; transform: translateY(20px); animation: fadeInUp 1s ease-out forwards;}
@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ì¸ì‚¿ë§ css */
.ai-title { min-width: 0px; min-height: 50px; color: #fff; width: fit-content;text-align: center;font-size: 22px; word-break: keep-all;}
.ai-title::before {width: 16px; height: 3px; background-color: #fff; content: ''; position: absolute; top: 21px; right: -17px; color: #fff; font-size: 38px; visibility: hidden; animation: blink 0.8s step-end infinite; }
/* ì»¤ì„œ ê¹œë¹¡ì´ëŠ” ì•&nbsp;ë‹ˆë©”ì´ì…˜ */
@keyframes blink {
    50% {
        visibility: visible;
    }
} 

/* ë°°ê²½ ê·¸ë¼ë°ì´ì…˜ */
@keyframes MoveGrad {
    0%{background-position:0% 30%}
    50%{background-position:70% 50%}
    100%{background-position:0% 100%}
}

#processBar {position: fixed; width: 100%; height: 5px; overflow: hidden; bottom: 0; z-index: 9999;}
#processBar .process.process1{position: absolute; width: 0%; height: 100%; background-color: #fff; animation: process1 120s linear forwards;}
#processBar .process.process2{position: absolute; width: 0%; height: 100%; background-color: #fff; animation: process2 120s linear forwards;}
#processBar .process.process3{position: absolute; width: 0%; height: 100%; background-color: #fff; animation: process3 120s linear forwards;}
#processBar .process.process4{position: absolute; width: 0%; height: 100%; background-color: #fff; animation: process4 120s linear forwards;}
#processBar .process.process5{position: absolute; width: 0%; height: 100%; background-color: #fff; animation: process5 120s linear forwards;}
#processBar .process.process6{position: absolute; width: 0%; height: 100%; background-color: #fff; animation: process6 1s linear forwards;}

@keyframes process1 {
    0% { width: 0%; }
    100% { width: 20%; }
}
@keyframes process2 {
    0% { width: 20%; }
    100% { width: 40%; }
}
@keyframes process3 {
    0% { width: 40%; }
    100% { width: 60%; }
}
@keyframes process4 {
    0% { width: 60%; }
    100% { width: 80%; }
}
@keyframes process5 {
    0% { width: 80%; }
    100% { width: 99%; }
}
@keyframes process6 {
    0% { width: 99%; }
    100% { width: 100%; }
}

#webGptPage .mysite_top{display: flex; justify-content: center; max-width: 1000px;}
#webGptPage .contents_bottom_con{padding-left: 0; padding-right: 0;}
#webGptPage .sub_contents_title{font-size: 18px; padding-bottom: 23px;}
#webGptPage #totalCnt{color: #fff; margin-left: 17px; padding-left: 15px; font-size: 18px; font-weight: 700; position: relative;}
#webGptPage #totalCnt::before{content: ''; position: absolute; border-left: 1px solid #5b5b5b; height: 15px; left: 0; top: 6px;}
#webGptPage #totalCnt span {font-size: 15px; top: -1px; position: relative; color: var(--point_lime_0); }
#webGptPage .btn_style_00_con{display: none;}
#analyticsHistoryList .swiper-wrapper{display: grid; grid-template-columns:1fr 1fr; gap: 20px;}
#analyticsHistoryList .list_style_wrapper .card{padding-left: 0;}
#webGptPage .list_style_wrapper .card .card_inner_wrap{background-color: transparent; box-shadow: none; padding: 0px;}
#webGptPage .list_style_wrapper .card .card_inner{border-radius: 10px; border: none;}
#webGptPage .list_style_wrapper .card:not(.history_template) .card_inner_wrap:hover::before{opacity: 0.6;}
#webGptPage .list_style_wrapper .card.history_template .card_inner_wrap::before{opacity: 0.1;}
#webGptPage .list_style_wrapper .card.history_template .card_inner::after{content: ''; position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #1c1c1c; background-image: url('/weven_service/asset/img/logo/zaemit_ai_logo.png'); background-size: 167px 29px; background-position: center center; background-repeat: no-repeat; }
#webGptPage .list_style_wrapper .card.history_template .card_inner_wrap{height: 100%;}
#webGptPage .list_style_wrapper .card.history_template .card_inner{ border: none; background-color: rgba(0,0,0,0.4); }
#webGptPage .ai_site_list .card_section_1{padding: 10px 0px 0px;}
#webGptPage .preview_button {cursor: pointer; font-size: 13px; color: #fff; font-weight: 500; text-align: right; padding-right: 23px; display: inline-block; padding-top: 10px; padding-bottom: 10px; }
#webGptPage .preview_button::before {width: 10px; height: 10px;  top: 13px; right: 6px; background-repeat: no-repeat; content: ''; position: absolute; background-image: url("../img/web_gpt/chevron_right_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24_new.png"); }
#webGptPage .preview_button::after { display: none; }
#webGptPage .preview_button:hover {color: var(--point_lime_0);}
#webGptPage .preview_button:hover::before { background-image: url("../img/web_gpt/chevron_right_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24\ \(2\).png");}
#webGptPage .edit_button {cursor: pointer; font-size: 13px; color: #fff; font-weight: 500; text-align: right; padding-right: 23px; display: inline-block; padding-top: 10px; padding-bottom: 10px; }
#webGptPage .edit_button::before {width: 10px; height: 10px;  top: 13px; right: 6px; background-repeat: no-repeat; content: ''; position: absolute; background-image: url("../img/web_gpt/chevron_right_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24_new.png"); }
#webGptPage .edit_button::after { display: none; }
#webGptPage .edit_button:hover {color: var(--point_lime_0);}
#webGptPage .edit_button:hover::before { background-image: url("../img/web_gpt/chevron_right_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24\ \(2\).png");}
#webGptPage .site_generate_btn:hover { color: var(--point_lime_0);  }
#webGptPage .site_generate_btn:hover::after{  background-image: url("../img/web_gpt/chevron_right_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24\ \(2\).png");}
#webGptPage .site_generate_btn::after{width: 10px; height: 10px; top: 13px;right: -17px; background-repeat: no-repeat; content: ''; position: absolute; background-image: url("../img/web_gpt/chevron_right_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24_new.png"); }
#webGptPage .site_generate_btn{ padding-left: 11px; font-size: 13px; color: #fff; font-weight: 500; text-align: center; display: inline-block; padding-top: 10px; padding-bottom: 10px;}
#webGptPage .site_generate_delete_btn{display: inline-block; position: absolute; width: 25px; height: 25px; border-radius: 50%; top: 50%; right: -5px; transform: translateY(-50%); background-image: url("../img/web_gpt/delete_24dp_FFFFFF_FILL0_wght400_GRAD0_opsz24.svg"); background-size: 15px; background-position: center; background-repeat: no-repeat; transition: background-color 0.2s linear;}
#webGptPage .nodata{max-width: 1000px; height: 550px; width: 100%; box-sizing: border-box; background-image: linear-gradient(to right, rgba(77, 131, 241, 0.1), rgba(35, 77, 212, 0.1)); border-radius: 10px;}
#webGptPage .nodata::before{content: ''; position: absolute; width: 86px; height: 42px; left: 50%; top: calc(50% - 17px); transform: translate(-50%, -50%); background-image: url('../img/web_gpt/wglogo.png'); background-size: 86px 42px; background-position: center center; background-repeat: no-repeat; opacity: 0.3;}
#webGptPage .nodata::after{content: 'AI ìƒì„± ë°ì´í„°ê°€ ì—†ìŠµë‹ˆë‹¤.'; position: absolute; font-size: 14px; color: #fff; left: 50%; top: calc(50% + 30px); transform: translate(-50%, -50%);}
#webGptPage .reserve_text{font-size: 14px; color: #fff; font-weight: 300; display: flex; max-width: 1000px; justify-content: flex-end; margin-bottom: 40px; margin-top: 65px;}


/* AI SITE (#aiSiteING) */
#aiSiteING .loader_text{ font-size: 32px; line-height: 42px; font-weight: 600; color: #fff; text-align: center; }
#aiSiteING .loader_text span{ color: var(--point_lime_0); }
#aiSiteING [loader-ing]{ margin-top: -50px; }

/* AI SITE (#aisiteMenuStructure, #aisiteMenuPrompt) */
.website_title_wrap{ color: #fff; text-align: center; margin-top: 110px; }
.website_title{ font-size: 4.3rem; line-height: 4.7rem; letter-spacing: -0.03em; font-weight: 800; }
.website_sub_title{ margin-top: 15px; margin-bottom: 45px; font-size: 1.6rem; line-height: 2.3rem; font-weight: 300; }
.website_content_wrap{ max-width: 100%; }
.website_menu_wrap{ display: flex; flex-direction: column; gap: 30px; padding: 31px 50px 50px 50px; background-color: rgba(33,33,33,0.8); border-radius: 15px; }
#aisiteMenuPrompt .website_menu_wrap{ padding-top: 34px; }
.website_menu_con{ flex: 0 0 auto; display: flex; flex-direction: column; }
.website_menu_title{ margin-bottom: 16px; font-size: 2.5rem; line-height: 2.7rem; font-weight: 700; color: #fff; text-align: center; }
#aisiteMenuPrompt .website_menu_title{ font-size: 1.9rem; text-align: left; }
.website_menu_wrap [data-wv-comp-tree-menu]{ --tab_space: 55px; }
.website_menu_wrap [data-wv-comp-tree-menu].tree_menu{ padding: 0 24px 0 33px; max-height: 450px; overflow-y: auto; }
#aisiteMenuPrompt .website_menu_wrap [data-wv-comp-tree-menu].tree_menu{ padding: 0 10px 0 0; }
#aisiteMenuPrompt .bm_tree_con li .tree_item_control{ display: none; }
.website_menu_wrap [data-wv-comp-tree-menu].tree_menu::-webkit-scrollbar{ width: 8px; background: transparent; }
.website_menu_wrap [data-wv-comp-tree-menu].tree_menu::-webkit-scrollbar-thumb{ background-color: #444; border-left: 4px solid #212121; }
.website_menu_wrap [data-wv-comp-tree-menu].tree_menu::-webkit-scrollbar-track{ background-color: transparent; }
.website_menu_wrap .bm_tree_con li .label{ width: 340px; padding: 11px 18px 10px; padding-top: 10px; margin-top: 5px; }
.website_menu_wrap .bm_tree_con li.depth_0 .label{ background-color: #525252; }
.website_menu_wrap .bm_tree_con li.depth_1 .label{ background-color: rgba(57,57,57,0.6); }
.website_menu_wrap .bm_tree_con li.depth_1 .label:hover{ background-color: rgba(57,57,57,1); }
#aisiteMenuPrompt .website_menu_wrap .bm_tree_con li .label{ width: 250px; opacity: 0.35; cursor: pointer; }
.website_menu_wrap .bm_tree_con li.active .label{ box-shadow: none; }
#aisiteMenuPrompt .website_menu_wrap .bm_tree_con li.active .label{ opacity: 1; }
.website_menu_wrap .bm_tree_con li .label &gt; span{ font-size: 1.5rem; }
#aisiteMenuPrompt .website_menu_wrap .bm_tree_con li .label &gt; span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.website_menu_wrap .bm_tree_con li .tree_item_control{ position: absolute; right: 7px; }
.website_menu_wrap .bm_tree_con li .tree_item_control &gt; div{ display: inline-flex; align-items: center; justify-content: center; width: 31px; height: 31px; background-color: #474747; border-radius: 4px; opacity: 1; }
.website_menu_wrap .bm_tree_con li .tree_item_control &gt; div:hover{ opacity: 0.8; }
.website_menu_wrap .bm_tree_con li .tree_item_control &gt; .tree_item_add{ background-size: 15px; margin-right: 3px; }
.menu_context_wrap{ flex: 1 0 auto; display: flex; flex-direction: column; border: none; margin: 0; padding: 30px 10px 30px 30px; background-color: #000; border-radius: 6px; width: 100%; box-sizing: border-box; }
.menu_context_title{ font-size: 1.6rem; line-height: 2.4rem; font-weight: 600; color: #fff; }
.menu_context_title span:first-child{ position: relative; padding-right: 13px; margin-right: 8px; color: var(--point_lime_0); }
.menu_context_title span:first-child::after{ content: ''; width: 1px; height: 14px; background-color: #b0b0b0; position: absolute; top: 3px; right: 0; }
.menu_context{ flex: 1 0 auto; overflow-y: auto; border: none; outline: none; padding: 0 10px 0 0; margin: 27px 0 0 0; background-color: transparent; font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; color: #b0b0b0; }
.menu_context::-webkit-scrollbar{ width: 8px; background: transparent; }
.menu_context::-webkit-scrollbar-thumb{ background-color: #262626; border-left: 4px solid #000; }
.menu_context::-webkit-scrollbar-track{ background-color: transparent; }
.website_menu_btn_wrap{ width: 100%; display: flex; align-items: center; justify-content: flex-end; position: relative; right: -5px; font-size: 1.5rem; line-height: 4.0rem; font-weight: 700; text-align: right; color: var(--point_lime_0) !important; }
.website_menu_btn{ position: relative; width: 54px; height: 54px; background-image: url("/weven_service/asset/img/svg/arrow_circle_right_24dp_beff1d_FILL1_wght400_GRAD0_opsz24.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; }
.website_menu_btn::before{ content: ''; width: 100%; height: 100%; background-color: var(--point_lime_0); border-radius: 50%; position: absolute; top: 0; left: 0; animation: 1.2s circlePuddle infinite; }
.website_menu_btn:hover:before{ opacity: 0.3; transform: scale(1.2); animation: unset; }
@keyframes circlePuddle {
    from { transform: scale(0.9); opacity: 0.8; }
    to { transform: scale(1.4); opacity: 0; }
}
#siteNamePop .login_popup_style_close_btn_con{ top: 9px; right: 8px; }
#siteNamePop .login_popup_style_close_btn_con .login_popup_style_close_btn &gt; svg{ width: 13px; fill: #fff; }
#siteNamePop .modoo_pop_wrap { padding: 73px 67px 54px 67px; color: #fff; text-align: center; }
#siteNamePop .modoo_pop_title_wrap { margin-bottom: 10px; }
#siteNamePop .modoo_pop_btn_wrap_1 { margin-top: 35px; }
#siteNamePop .modoo_pop_btn_wrap_2 { margin-top: 26px; }
#siteNamePop .modoo_pop_btn_1 { width: 120px; }





@media all and (min-width: 768px) {
    /* í—¤ë” */
    #webGptPage #headerWrapper .ticket_box{ position: relative; top: 0; right: 0; margin-right: 25px;}
    #webGptPage #headerWrapper .ticket_box::after { display: block; }
    #webGptPage #headerWrapper .ticket_box .ticket_cnt { padding-left: 12px; font-size: 24px; letter-spacing: -0.05em; font-weight: 700; }

    .frame_top{ display: flex; }

    .web_gpt_wrapper .help_info {display: block; position: absolute; padding-right: 27px; top: 0; right: 0; font-size: 15px; line-height: 22px; font-weight: 700; color: #fff; cursor: default; background-image: url("/weven_service/asset/img/svg/error_24dp_FFF_FILL1_wght700_GRAD0_opsz24.svg"); background-size: 19px; background-position: right 0 center; background-repeat: no-repeat; }
    .web_gpt_wrapper .help_info:hover {color: var(--point_lime_0); background-image: url("/weven_service/asset/img/svg/error_24dp_BEFF1D_FILL1_wght700_GRAD0_opsz24.svg"); }
    .web_gpt_wrapper .help_info:hover .help_info_hover_wrap { display: block; }
    
    .web_gpt_wrapper .main_title{ font-size: 65px; line-height: 71px; }

    #webGptPage .preview_button {cursor: pointer; font-size: 13px; color: #fff; font-weight: 500; text-align: right; padding-right: 30px; display: inline-block; padding-top: 10px; padding-bottom: 10px; }
    #webGptPage .preview_button::after { display: block; right: 0; top: 11px; content: ''; position: absolute; width: 1px; height: 13px; background-color:#5b5b5b; border-radius: 5px; }
    #webGptPage .preview_button::before {width: 10px; height: 10px;  top: 13px; right: 11px; background-repeat: no-repeat; content: ''; position: absolute; background-image: url("../img/web_gpt/chevron_right_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24_new.png"); }
    #webGptPage .edit_button {cursor: pointer; font-size: 13px; color: #fff; font-weight: 500; text-align: right; padding-left: 18px; padding-right: 30px; display: inline-block; padding-top: 10px; padding-bottom: 10px; }
    #webGptPage .edit_button::after { display: block; right: 0; top: 11px; content: ''; position: absolute; width: 1px; height: 13px; background-color:#5b5b5b; border-radius: 5px; }
    #webGptPage .edit_button::before {width: 10px; height: 10px;  top: 13px; right: 11px; background-repeat: no-repeat; content: ''; position: absolute; background-image: url("../img/web_gpt/chevron_right_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24_new.png"); }

    #webGptPage .site_generate_delete_btn{display: inline-block; position: absolute; width: 25px; height: 25px; border-radius: 50%; top: 50%; right: 0; transform: translateY(-50%); background-image: url("../img/web_gpt/delete_24dp_FFFFFF_FILL0_wght400_GRAD0_opsz24.svg"); background-size: 15px; background-position: center; background-repeat: no-repeat; transition: background-color 0.2s linear;}
    #webGptPage .site_generate_delete_btn:hover{background-color: rgba(256,256,256,0.4);}
    #webGptPage .site_generate_btn::after{width: 10px; height: 10px; top: 13px;right: -19px; background-repeat: no-repeat; content: ''; position: absolute; background-image: url("../img/web_gpt/chevron_right_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24_new.png"); }
    #webGptPage .site_generate_btn{ padding-left: 16px; font-size: 13px; color: #fff; font-weight: 500; text-align: center; display: inline-block; padding-top: 10px; padding-bottom: 10px;}

    .web_gpt_wrapper .help_info_hover_wrap { position: absolute; right: 0; top: 43px; z-index: 4; padding: 27px 33px; width: 500px; background-color: #fff; border-radius: 15px; box-shadow: 23.52px 23.52px 54px rgba(0, 0, 0, 0.48);}

    .ai-title { min-width: 0px; min-height: 50px; color: #fff; width: fit-content;text-align: center;font-size: 38px; }
    .ai-title::before {width: 20px; height: 3px; background-color: #fff; content: ''; position: absolute; top: 36px; right: -30px; color: #fff; font-size: 38px; visibility: hidden; animation: blink 0.8s step-end infinite; }
    .web_gpt_body_center { padding-left: 30px; padding-right: 30px; }

    .cmd_wrap { max-width: 1400px; margin-top: 80px; }

    .text-ai-analysis { padding: 40px 80px 20px 80px; font-size: 17px; line-height: 2.5rem; color:var(--point_lime_0); white-space: pre-wrap; animation: blinkCaret 0.75s step-end infinite; }
    
    .userMsg_wrap{margin-top: 80px;}
    .section-title {font-size: 50px; line-height: 1.1;}
    .section-title.white-text:last-child::after {width: 25px;}
    
    .web_gpt_wrapper .web_gpt_btn.preparing .help_info { display: block; }

    
    #summaryWrap{padding: 0 40px 40px;}
    #summaryWrap .summary-box{font-size: 35px; line-height: 43px;}
    
    #imgContainer .img-box {width: 50%;}
    
    #webGptPage .reserve_text{font-size: 14px; color: #fff; font-weight: 300; display: flex; max-width: 1000px; justify-content: flex-end; margin-bottom: 150px; margin-top: 65px;}
    
    .web_gpt_wrapper .web_gpt_file_wrap { flex-wrap: nowrap; justify-content: space-between; }

    .web_gpt_wrapper .web_gpt_file_upload_desc{ margin-left: 7px; margin-right: 14px; font-size: 14px; line-height: 27px; font-weight: 400; width: fit-content; text-align: center; color: #fff;}
    .web_gpt_wrapper .web_gpt_file_list_nofile{font-size: 14px; font-weight: 500;}
    
    .web_gpt_wrapper .web_gpt_file_list_con{ display: flex; flex-direction: row; gap: 20px; overflow: hidden; }
    .web_gpt_wrapper .web_gpt_file_list{ padding-right: 26px; }
    .web_gpt_wrapper .web_gpt_file_list span{ margin-left: 0; font-size: 14px; }
    .web_gpt_wrapper .web_gpt_file_list .remove_file{ background-size: 18px; }
    
    #analyticsHistoryList .swiper-wrapper {gap: 30px;}
}

@media all and (min-width: 992px) {
    #imgContainer .img-box {width: 30%;}
    .web_gpt_wrapper .main_logo { margin-top: 11px; height: 51px; width: 309px; background-image: url("../img/web_gpt/WEB\ GEN_web.logo.png"); background-position: center; background-size: cover; background-repeat: no-repeat; }

    .web_gpt_wrapper #modooURL { transition: background-color 0.2s ease; height: 97px; min-height: 25px; caret-color: var(--point_lime_0); border-radius: 15px; padding: 36px 54px 36px 54px; color: #fff; background-color: rgba(42, 42, 42, 0.8); font-size: 19px; line-height: 23px; font-weight: 600; border: none; }
    .web_gpt_wrapper #modooURL:hover {  background-color: rgba(42, 42, 42, 1); }
    .web_gpt_wrapper #modooArea .beforeTyping::after {animation: blinkCursor 0.5s infinite; content: ''; position:absolute; top: 41px; left: 53px; width: 2px; height:17px; background-color:var(--point_lime_0); }
    
    .web_gpt_wrapper .user_message{ padding-right: 67px; font-size: 19px; }
    .web_gpt_wrapper .textarea_wrap { padding: 37px 29px 10px 50px; }
    .web_gpt_wrapper .textarea_wrap.beforeTyping::after {animation: blinkCursor 0.5s infinite; content: ''; position:absolute; top: 41px; left: 40px; width: 2px; height:17px; background-color:var(--point_lime_0); }

    #analyticsHistoryList .swiper-wrapper{grid-template-columns: 1fr 1fr 1fr; gap: 47px;}
}

@media all and (min-width: 1100px) {
    #modooWrap .modoo_feature_wrap { margin-top: 45px; display: flex; gap: 47px; flex-direction: row; }
    #modooWrap .modoo_feature_con { width: 302px; }
}

@media all and (min-width: 1200px) {
    /* AI SITE (#aisiteMenuStructure, #aisiteMenuPrompt) */
    .website_menu_title{ margin-bottom: 27px; }
    #aisiteMenuPrompt .website_menu_title{ margin-bottom: 24px; }
    .website_menu_wrap{ flex-direction: row; }
    .website_menu_wrap [data-wv-comp-tree-menu].tree_menu{ max-height: 768px; }
    .menu_context_wrap{ width: 450px; margin-top: 5px; }
}

@media all and (min-width: 1390px) {
    .container.site_map_active .frame_top{ left: calc((100% - var(--siteMap_fixed_width))/2); }
}</pre></body></html>