@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url("./pretendardvariable-gov-dynamic-subset.min.css");

@font-face {  
	font-family: 'Pretendard-Regular';  
	src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');  
	font-weight: 400;  
	font-style: normal;  
	font-display: swap; 
}

ul>li{font-weight:normal;}

.ai-search-wrap{background: linear-gradient(#f7f9fb, #eeecfb);padding: 20px 20px 50px;display: flex;flex-direction: column;justify-content: center;min-height: calc(100vh - 198px);}
.ai-search-wrap.block{display:block;padding: 50px 10px;}
.ai-search-tit{text-align: center;font-size: 40px;font-weight: 700;color: #111;}
/* .ai-search-res,
.ai-search-ipt{max-width: 1000px;margin: 0 auto;margin-top: 20px;padding: 20px 20px 50px;background: #fff;border-radius: 20px;}  */
.ai-search-res{display: flex;justify-content: space-between;max-width: 1210px;margin: 20px auto 0;position: relative;box-sizing: border-box;width: 100%;}
.ai-search-res .lf{width: calc(100% - 300px);padding: 0 30px 0 0;}
.ai-search-res .lf > .tit{font-size: 24px;font-weight: 700;color: #222222;background: url(https://chatty.kr/images/icon_logo.png) no-repeat left 1px;padding-left: 40px;padding-bottom: 13px;border-bottom: 1px solid #d9d9d9;margin-bottom: 20px;}
.ai-search-res .lf > .cont-box{/*overflow-y:auto;*/}
.ai-search-res .lf > .cont-box > .tit{font-size:24px;font-weight:700;color:#222;margin:35px 0 20px;}
.ai-search-res .lf > .cont-box > .tit.style2{margin:30px 0 15px;}

.cont-box .area{margin-top:15px;}
.cont-box .area.mt0{margin-top:0;}
.cont-box .area .tit1{font-size:24px;font-weight:700;color:#222;margin-top: 10px;margin-bottom: 8px;}
.cont-box .area .tit1:first-child{margin-top:0;}
.cont-box .area .tit2{font-size: 16px;font-weight:700;color:#222;margin-top: 10px;margin-bottom: 8px;}
.cont-box .area .tit2 p{/*display:inline;*/font-size: inherit;font-weight: 400;}
.cont-box .area .tit2 *{font-size:inherit;}
.cont-box .area .norm-line{font-size:15px;color:#333333;}
.cont-box .area .ul-type1{margin-left: 17px;}
.cont-box .area .ul-type1 > li{font-size:16px;font-weight:600;color:#222;padding-left: 17px;position: relative;}
.cont-box .area .ul-type1 > li::before{content:"";position:absolute;left:0;top: 5px;width:10px;height:10px;border: 2px solid #1b1b1b;border-radius: 50%;box-sizing: border-box;}
.cont-box .area .ul-type1 > li p{font-size:15px;color:#555;margin-top: 5px;}
.cont-box .area .ul-type1.ml0{margin-left:0;}
.cont-box .area-style{background:#fff;border-radius:13px;padding: 10px 25px;}
.org{display: inline-block;font-size:13px;color:#999999;}


.res-bm-field{margin-top: 10px;display:flex;align-items:center;justify-content: space-between;flex-wrap: wrap;}
.res-bm-field .date{font-size:13px;font-family: Noto Sans KR;color: #666;font-weight:300;display: flex;align-items: center;}
.res-bm-field .date img{margin-left: 10px;margin-right:3px;width: 17px;}
.res-bm-field .date .icon_openAi{margin-left:10px;height: 17px;display: inline-block;font-size: inherit;}
.res-bm-field .func-put{display:flex;align-items:center;gap: 15px;}
.res-bm-field .func-put a{display:block;}
.res-bm-field .evaluate{margin-left:-14px;}
.res-bm-field .evaluate a{width:14px;height:15px;margin-left:14px;background-repeat:no-repeat;background-size:14px;float: left;}
.res-bm-field .evaluate .good{background-image: url(https://chatty.kr/images/icon_good_bm_field.png);}
.res-bm-field .evaluate .good.active{background-image: url(https://chatty.kr/images/icon_good_cli_bm_field.png);}
.res-bm-field .evaluate .bad{background-image: url(https://chatty.kr/images/icon_bad_bm_field.png);}
.res-bm-field .evaluate .bad.active{background-image: url(https://chatty.kr/images/icon_bad_cli_bm_field.png);}
.res-bm-field .func{margin-left:-4px;}
.res-bm-field .func .btn{font-size:14px;color:#ffffff;font-weight:300;text-align:center;width:44px;height:24px;line-height:24px;border-radius: 7px;margin-left:4px;float:left;background: #fff;border: 1px solid #a9a9a9;color: #222;}
.res-bm-field .func .btn span{line-height:inherit;}
.res-bm-field .eval-panel{width:100%;}
.res-bm-field .eval-panel .ttxt{font-size:16px;color:#555555;padding-right:15px;position:relative;margin: 0;}
.res-bm-field .eval-panel > div{border:1px solid #e1e1e1;border-radius:13px;padding:10px 18px 18px;position:relative;margin-top: 22px;}
.res-bm-field .eval-panel > div::before{content:'';position:absolute;right:129px;top:-12px;width:22px;height:12px;background:url(https://chatty.kr/images/corner_bm_field.gif) no-repeat;}
.res-bm-field .eval-panel > .panel2::before,
.res-bm-field .eval-panel > .pos2::before{right:101px;top:-12px;}
.res-bm-field .eval-panel .assess-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;padding-left: 0;margin-bottom: 8px;}
.res-bm-field .eval-panel .assess-list li{width:calc((100% - 16px) / 3);list-style: none;}
.res-bm-field .eval-panel .assess-list li a,
.res-bm-field .eval-panel .assess-list > li label input[type="checkbox"] + span{display:block;font-size:14px;color:#777777;font-weight:300;text-align:center;height:32px;line-height:32px;border-radius:6px;border:1px solid #e5e5e5;}
.res-bm-field .eval-panel .close-btn{display:block;position:absolute;right:16px;top: 14px;}
.res-bm-field .eval-panel .send-btn{f;display: block;padding: 5px 0;text-align: center;background: #8a8b8b;border-radius: 5px;color: #fff;}
.res-bm-field .eval-panel .assess-list > li label{display:block;}
.res-bm-field .eval-panel .assess-list > li label input[type="checkbox"]{opacity: 0;position: absolute;left: -99999px;}
{position: relative;word-break: keep-all;padding: 0 10px;}
.res-bm-field .eval-panel .assess-list > li label input[type="checkbox"]:checked + span{color:#fff;background: #2941f5;}
.res-bm-field .eval-panel .assess-list > li label input[type="checkbox"]:checked + span::before{content:"";display:inline-block;background: url(https://chatty.kr/images/icon_assess_check.png) no-repeat;width: 10px;height: 9px;margin-right: 5px;}
.res-bm-field .direct-panel .ta-box{margin-top:8px;width: 100%;border-radius: 6px;position:relative;}
.res-bm-field .direct-panel .ta-box textarea{width: 100%;height:72px;font-size:17px;padding: 12px;border:none;border-radius: 6px;resize: none;border: 1px solid #e5e5e5;box-sizing: border-box;margin-bottom: 10px;}
.res-bm-field .direct-panel .ta-box textarea::placeholder{font-size:15px;color:#999999;}
.res-bm-field .direct-panel .ta-box .send-btn{display:block;right:5px;bottom:6px;}

.res-result-list{}
.res-result-list .c-link{display:block;}
.res-result-list .c-link:hover .title{text-decoration:underline;}
.res-result-list .c-link .r-top{display:flex;align-items:center;gap:8px;}
.res-result-list .c-link .r-top .logo{display:inline-block;font-style:normal;max-width:32px;width: 100%;}
.res-result-list .c-link .r-top .logo img{width:100%;height:100%;}
.res-result-list .c-link .r-top .logo + .title{padding-top:0;}
.res-result-list .c-link .r-top .address{width:calc(100% - 40px);}
.res-result-list .c-link .r-top .address b,
.res-result-list .c-link .r-top .address p{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 1.15;}
.res-result-list .c-link .r-top .address b{color:#222222;font-weight:400;font-family: "맑은 고딕", sans-serif;font-size: 14px;}

.res-result-list .c-link .r-top .address p{color: #666;font-weight: 300;margin: 0;font-family: Noto Sans KR;width: 95%;min-width: 200px;font-size: 12px;}
.res-result-list .c-link .title{font-size:20px;color:#273bd3;font-weight:600;padding-top:8px;margin: 0;display: inline-block;vertical-align: middle;font-family: "pretendard GOV";}
.res-result-list .c-link .sameper{display: inline-block;vertical-align: middle;margin: 0;margin-left: 10px;padding-top: 8px;font-size: 12px;font-weight: 300;font-family: Noto Sans KR;color: #666;}
.res-result-list .intro-txt{font-size:15px;color: #474747;font-weight: 400;display:-webkit-box;-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding-top: 4px;line-height: 1.3;font-family: "pretendard GOV";}
.res-result-list dt{position:absolute; left: -9999px; top:-9999px; font-size:0; line-height: 0; overflow: hidden;} 
.res-result-list dd{margin-left:0;font-size:16px;}
.res-result-list dd + dd{margin-top:25px;}

.box-list{padding: 25px 30px;border: 1px solid #e5e5e5;border-radius: 10px;}
.box-list .tit{font-size:18px;font-weight:700;color:#222222;margin-top: 15px;}
.box-list .tit:first-child{margin-top:0;}
.box-list .txt{font-size:16px;color:#555555;}

.assess-box{}
.assess-box .icon-good{font-size: 0;background: url(https://chatty.kr/images/icon_good_off.png) no-repeat;width: 41px;height: 41px;}
.assess-box .icon-bad{font-size: 0;background: url(https://chatty.kr/images/icon_bad_off.png) no-repeat;width: 41px;height: 41px;margin-left: 5px;}
.assess-box .icon-good.on{background: url(https://chatty.kr/images/icon_good_on.png) no-repeat;}
.assess-box .icon-bad.on{background: url(https://chatty.kr/images/icon_bad_on.png) no-repeat;}
.assess-box .icon-good-res{border: 1px solid #2941f5;border-radius: 10px;padding: 20px 30px 30px;margin-top: 20px;box-shadow: 0px 0px 20px 4px rgba(115, 115, 115, 0.1);position: relative;}
.assess-box .icon-good-res::before{content:"";position: absolute;left: 13px;top: -14px;width: 14px;height: 14px;background:url(https://chatty.kr/images/assess_bg_icon.png) no-repeat;}
.assess-box .icon-good-res .tit{font-size: 18px;font-weight: 700;color: #222222;padding-left: 37px;background: url(https://chatty.kr/images/icon_assess.png) no-repeat left center;min-height: 30px;display: flex;align-items: center;margin-bottom: 15px;}
.assess-box .icon-good-res > ul{display: flex;flex-wrap: wrap;margin-left: -10px;margin-top: -10px;}
.assess-box .icon-good-res > ul > li{width: calc(100% / 3 - 10px);margin-top: 10px;margin-left: 10px;}
.assess-box .icon-good-res > ul > li label{display: block;}
.assess-box .icon-good-res > ul > li label input[type="checkbox"]{opacity: 0;position: absolute;left: -99999px;}
.assess-box .icon-good-res > ul > li label input[type="checkbox"] + span{position: relative;font-size: 16px;font-weight: 500;color: #222222;display: flex;align-items: center;justify-content: center;text-align: center;height: 40px;background: #f2f4fd;border-radius: 10px;word-break: keep-all;padding: 0 10px;line-height: 1.2;}
.assess-box .icon-good-res > ul > li label input[type="checkbox"]:checked + span{color:#fff;background: #2941f5;}
.assess-box .icon-good-res > ul > li label input[type="checkbox"]:checked + span::before{content:"";display:inline-block;background: url(https://chatty.kr/images/icon_assess_check.png) no-repeat;width: 10px;height: 9px;margin-right: 5px;}
.assess-box .icon-good-res > .ipt{margin-top: 10px;display: flex;justify-content: space-between;}
.assess-box .icon-good-res > .ipt div{flex: 1 1 auto;position:relative;border: 1px solid #e5e5e5;border-radius: 10px;margin-right: 10px;display: flex;align-items: center;justify-content: space-between;padding: 0 14px;}
.assess-box .icon-good-res > .ipt div input[type="text"]{flex: 1 1 auto;border: 0;font-size: 16px;font-weight: 500;width: calc(100% - 40px);height: 100%;outline: none;}
.assess-box .icon-good-res > .ipt div span{flex: 0 0 auto;font-size: 14px;color: #777777;}
.assess-box .icon-good-res > .ipt a{flex: 0 0 auto;font-size:16px;font-weight:500;color:#fff;width: 120px;height: 42px;background: #454545;display: flex;align-items: center;justify-content: center;border-radius: 10px;}
.assess-box .icon-good-res .assess_close{position: absolute;top: 24px;right: 30px;}
.assess-box .icon-good-res .assess_close a,
.assess-box .icon-good-res .assess_close img{display:block;}

.img-list{}
.img-list > ul{display: flex;flex-wrap: wrap;margin-left: -8px;margin-top: -8px;}
.img-list > ul > li{width: calc(100% / 4 - 8px);margin-left: 8px;margin-top: 8px;}
.img-list > ul > li a .logo{font-size:14px;font-weight:400;color:#777;margin: 6px 0;}
.img-list > ul > li a .logo img{margin-right:5px;}
.img-list > ul > li a .tit{font-size: 14px;color:#222;padding-left: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.txt-list{}
.txt-list > ul{margin-left: 0;padding-left: 0;margin: 5px 0;}
.txt-list > ul > li{border-bottom: 1px solid #d9d9d9;list-style: none;}
.txt-list > ul > li:first-child{border-top: 1px solid #d9d9d9;}
.txt-list > ul > li a{min-height: 15px;padding: 8px 10px 8px 0;display: flex;align-items: center;position: relative;font-size: 16px;font-weight: 500;color: #222222;}
.txt-list > ul > li a::after{content:"";position:absolute;right: 1px;top:50%;transform:translateY(-50%);background: url(https://chatty.kr/images/icon_rt.png) no-repeat;width: 5px;height: 9px;}

.ai-search-res .rt{width: 300px;padding: 22px 20px 18px;border-radius: 13px;background: #fff;align-self: flex-start;}
.ai-search-res .rt.rt2{width:230px;}
.ai-search-res .rt .rt-banner{margin:-22px -20px -18px;border-radius: 13px;overflow: hidden;}
.ai-search-res .rt .rt-banner img{width: 100%;max-width: 100%;}

.ai-search-res .rt .kbox > .tit{font-size: 18px;font-weight: 700;color: #555555;position: relative;margin-bottom: 12px;padding-left: 34px;}
.ai-search-res .rt .kbox > .tit .all-del{font-size: 14px;position: absolute;right: 0;top: 3px;height: 24px;line-height: 24px;background: #f0f0f0;width: 70px;text-align: center;border-radius: 40px;color: #555555;font-weight:400;}
.ai-search-res .rt .kbox > .tit.icon1{background: url(https://chatty.kr/images/icon_search_n.png) no-repeat 7px center;}
.ai-search-res .rt .kbox > .tit.icon2{background: url(https://chatty.kr/images/icon_s_history_n.png) no-repeat 4px center;}
.ai-search-res .rt .kbox > ul{padding-left: 0;}
.ai-search-res .rt .kbox > ul > li{position: relative;list-style: none;}
.ai-search-res .rt .kbox > ul > li:hover{background:#fff;border-radius:30px;}
.ai-search-res .rt .kbox > ul > li:hover a{font-weight:600;}
.ai-search-res .rt .kbox > ul > li:hover .del-txt{display:block;}
.ai-search-res .rt .kbox > ul > li a{padding-left: 15px;font-size: 15px;color: #222;display: block;height: 30px;display: flex;align-items: center;}
.ai-search-res .rt .kbox > ul > li a.del-txt{display:none;position:absolute;right: 5px;top: 50%;transform: translateY(-50%);padding-left: 0;height: auto;}
.ai-search-res .rt .more{font-size: 14px;position: absolute;right: 0;bottom: 3px;height: 24px;line-height: 24px;background: url(https://chatty.kr/images/icon_more_arrow.png) #f0f0f0 no-repeat right 6px center;width: 70px;border-radius: 40px;color: #555555;padding-left:10px;padding-right:16px;}
.ai-search-res .rt .kbox{margin-top:25px;position:relative;padding-bottom: 32px;}
.ai-search-res .rt .kbox::before{content:'';position:absolute;top:-12px;width:100%;height:1px;background:#e5e5e5;}
.ai-search-res .rt .kbox:first-child::before{display:none;}
.ai-search-res .rt .kbox.mt0{margin-top:0;}


.ai-search-ipt{margin: 0 auto 0;max-width: 1100px;width: 100%;box-sizing: border-box;}
.ai-search-ipt .area{position: relative;border:1px solid #2941f5;border-radius: 35px;background:#fff;padding: 0 92px 0  60px;}
/*.ai-search-ipt .area::before{content:"";position:absolute;left: 20px;top: 50%;transform: translateY(-50%);width: 29px;height: 29px;background: url(https://chatty.kr/images/icon_logo.png) no-repeat;}*/
.ai-search-ipt .area input[type="text"]{display:block;height: 58px !important;font-size: 24px !important;color:#222222;font-weight: 700;width: 100%;border: 0;outline: 0;background: transparent;}
.ai-search-ipt .area input[type="text"]::placeholder{color:#ddd;}
.ai-search-ipt .area .del-btn,
.ai-search-ipt .area .search-btn{display:block;position:absolute;top:50%;transform:translateY(-50%);}
.ai-search-ipt .area .del-btn{right:64px;}
.ai-search-ipt .area .search-btn{right:20px;}
.ai-search-ipt .area .search-btn img{display:block;}
.ai-search-ipt .area .search-btn.over img{opacity: 0.5;filter: grayscale(100%);}
.ai-search-ipt .area textarea{height: 60px;width: 100%;padding: 5px;font-size: 18px;font-weight: 500;color: #222222;border: 1px solid #d9d9d9;border-radius: 10px;overflow: hidden;outline: none;}
.ai-search-ipt .area .del-txt{position: absolute;}
.ai-search-ipt .area2{margin-top:10px;position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ai-search-ipt .area2 .txt{color:#999;padding-top: 12px;padding-left: 60px;}
.ai-search-ipt .area2 .txt + .lf{/* max-width: 500px; */}
.ai-search-ipt .area2 .lf{flex: 1 1 auto;display:flex;gap: 0 10px;justify-content: flex-end;}
.ai-search-ipt .area2 .lf .sd-list{margin-top:5px;}
/* .ai-search-ipt .area2 .rt{position:absolute;top:0;right:0;display: flex;align-items: center;}
.ai-search-ipt .area2 .rt > a{margin: 0 6px;}
.ai-search-ipt .area2 .rt > a img{display: block;}
.ai-search-ipt .area2 .rt .send{margin-left: 6px;padding-left: 16px;position: relative;}
.ai-search-ipt .area2 .rt .send::before{content:"";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 1px;height: 20px;background: #cccccc;} */

.sd-list{max-width: 170px;width: 100%;position: relative;}
.sd-list a,
.sd-list a span{font-size:14px;font-weight:500;color:#111111;}
.icon_openAi{background:url(https://chatty.kr/images/icon_openAi.png) no-repeat left center;padding-left: 20px;margin-left: -10px;}
.sd-list.mwd-135{max-width: 155px;}
.sd-list select{display: flex;align-items: center;background: url(https://chatty.kr/images/ai-search-select.png) no-repeat right 10px center #fff;height: 33px !important;border: 1px solid #e5e5e5;border-radius: 20px;padding: 0 25px 0 15px;width: 100%;}
.sd-list > a{display: flex;align-items: center;background:url(https://chatty.kr/images/ai-search-select.png) no-repeat right 10px center #fff;height:33px;border:1px solid #e5e5e5;border-radius:20px;padding: 0 20px 0 10px;letter-spacing: -1px;}
.sd-list > a.bg{background-color: #e5eaf9;}
.sd-list > a img{margin-right:3px;max-width: 16px;}
.sd-list > a.on{border-radius:18px 18px 0 0;border-bottom:0;}
.sd-list > a > span{line-height:1.2;}
.sd-list > ul{display:none;width: 100%;max-height: max-content;overflow-y:auto;border: 1px solid #e5e5e5;border-top: 0;border-radius: 0 0 18px 18px;padding: 0 8px 5px;position: absolute;background: #fff;z-index: 1;box-sizing: border-box;margin-top: 0;}
.sd-list > ul > li{margin-top: 5px;list-style: none;}
.sd-list > ul > li > a{font-weight:400;display: flex;}
.sd-list > ul > li > a img{margin-right:3px;vertical-align: middle;width: 17px;align-self: flex-start;margin-top: 2px;}
.sd-list > ul > li label{font-size:14px;font-weight:500;}
.sd-list.check-type > ul > li{margin-top: 0;}
.sd-list.check-type input[type="checkbox"]{width:14px;height:14px;border:1px solid #d2d2d2;-webkit-appearance: auto;-moz-appearance: inherit;appearance: auto;}
.sd-list.check-type > ul{padding:0 10px 5px 15px;}

.sch-slide{position:relative;position:relative;margin:0 auto;/* max-width:768px; */}
.sch-slide .swiper-slide{text-align:center;height:auto;}
.sch-slide .swiper-slide a{position: relative;display: block;/*height:100%;*/}
.sch-slide .swiper-slide a::after{position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;content: '';}
.sch-slide .swiper-slide.swiper-slide-active a::after{display: none;}
.sch-slide .swiper-slide.swiper-slide-next a::after{display:none;}
.sch-slide .swiper-slide .img img{max-width: 100%;width:100%;/*height:100%;*/}
.sch-slide .swiper-container{overflow: hidden;width: 100%;position:static;}
.sch-slide .swiper-container .swiper-wrapper{height:auto;}
.sch-slide .swiper_pagination{display:none;}
.sch-slide-page.swiper-pagination{display:none;}
.sch-slide .logo{font-size:14px;font-weight:400;color:#777;margin: 6px 0;text-align:left;}
.sch-slide .logo img{margin-right:5px;vertical-align: middle;}
.sch-slide .tit{font-size: 15px;color:#222;font-weight:500;text-align:left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.sch-slide.video .swiper-slide .img{position:relative;}
.sch-slide.video .swiper-slide .img::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:34px;height:34px;background:url(https://chatty.kr/images/icon_play_vo.png) no-repeat;}

.sch-slide .button_arrow{border: 0;position: absolute;top:34%;bottom:0;left:auto;cursor:pointer;z-index: 20;overflow: hidden;text-indent: -999px;width: 30px;height: 30px;background-color:#fff;border-radius:50%;outline: none;transition: all 0.4s;background-repeat: no-repeat;background-position: center;box-sizing:border-box;}
.sch-slide .button_arrow.swiper-button-prev{background-image: url(https://chatty.kr/images/s_swiper_arrow_l.png); left:-15px;}
.sch-slide .button_arrow.swiper-button-next{background-image: url(https://chatty.kr/images/s_swiper_arrow_r.png); right:-15px;}
.sch-slide .swiper-button-next.swiper-button-disabled,
.sch-slide .swiper-button-prev.swiper-button-disabled{opacity:1;}
.sch-slide .swiper-button-prev.swiper-button-disabled{background-image: url(https://chatty.kr/images/sn_swiper_arrow_l.png);}
.sch-slide .swiper-button-next.swiper-button-disabled{background-image: url(https://chatty.kr/images/sn_swiper_arrow_r.png);}

.ai-search-main{height: calc(100vh - 198px);display: flex;align-items: center;}
.ai-search-main .ai-search-ipt{width:100%;}

.mask{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 9999;min-height: 100vh;}
.mask::before{content:"";position: absolute;left: 0;right: 0;top: 0;bottom: 0;border-radius: 5px;}
.mask .box{display: flex;align-items: center;justify-content: center;}
.loading{position: fixed;top: 50%;width:48px;height:48px;}
.loading::after{content: "";position: absolute;top: 0;left: 0;width: 48px;height: 48px;background: url(../images/icon_loading_b.png) no-repeat;animation: loading 5s ease-in-out infinite;}
@keyframes loading{
	0%{transform:rotate(0);}
	50%{transform:rotate(360deg);}
	100%{transform:rotate(720deg);}
}
body{overflow-x: hidden;}
.search-page-html{position:relative;}
.search-page-html::before{content:"";position:absolute;top:0;left: -9999px;right: -9999px;bottom:0;background: linear-gradient(#f7f9fb, #eeecfb);}
.search-page-html > .sd-list{position: absolute;top: 10px;left: 10px;}


@media screen and (max-width: 1024px){
	.aireg-ok{font-size:20px;}
	.aireg-box > ul > li strong,
	.aireg-box > ul > li span{font-size:15px;}
	.aireg-txt{font-size:20px;margin-top: 50px;}

	.ai-search-tit{font-size:26px;}
	.ai-search-res{max-width:none;width:100%;}
	.ai-search-res, .ai-search-ipt{margin:20px auto 0;padding:0 15px;}
	.ai-search-res .lf{width:calc(100% - 250px);padding:0 20px 0 0px;}
	.ai-search-res .rt{width:250px;padding:18px 16px 14px;}
	.ai-search-res .rt .rt-banner{margin:-18px -16px -14px;}
}
@media screen and (max-width: 768px){
	.ai-search-res .lf{width:100%;padding-right: 0;}
	.ai-search-res .rt{display:none;}
	
	.ai-search-ipt .area{padding: 0 80px 0  55px;}
	.ai-search-ipt .area input[type="text"]{height:50px;font-size:20px;}
	.ai-search-ipt .area .del-btn{right:56px;width:22px;}
	.ai-search-ipt .area .search-btn{right:17px;width:22px;}
	
	.cont-box .area-style{padding:15px 15px 20px;}
	
	.cont-box .area .tit1{font-size:20px;}
	.cont-box .area .tit2{font-size:16px;}
	
	.res-result-list dd + dd{margin-top:15px;}
	.res-result-list .c-link .title{font-size:18px;}
	.res-result-list .c-link .title{padding-top:4px;}
	.res-result-list .intro-txt{padding-top:2px;}
	
	.ai-search-res .lf > .cont-box > .tit{font-size:22px;}
	.ai-search-res .lf > .cont-box > .tit.style2{margin:20px 0 10px;}
}

@media screen and (max-width: 640px){
	.res-bm-field .eval-panel .assess-list{gap:5px;}
	.res-bm-field .eval-panel .assess-list li{width:calc((100% - 10px) / 2);}

	.ai-search-ipt .area2{display:block;}
	.ai-search-ipt .area2 .lf{flex-wrap: wrap;}
	.ai-search-ipt .area2 .lf .sd-list{width: calc(50% - 5px);max-width: none;}
}

@media screen and (max-width: 500px){
	.assess-box .icon-good-res > ul > li{width: calc(100% / 2 - 10px);}
	.img-list > ul > li{width: calc(100% / 2 - 8px);}
}

@media screen and (max-width: 420px){
	.res-bm-field .eval-panel .assess-list li{width:100%;}
	.ai-search-ipt .area input[type="text"]{font-size:18px;}
}



/* TTS 버튼 상태 공통 스타일 */
#tts.state-loading, #tts.state-buffering {
	position: relative;
	overflow: hidden;
}

/* 로딩: 회전하는 원 아이콘 표시 */
#tts.state-loading::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(0, 123, 255, 0.3);
	border-top-color: #007bff;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	animation: tts-spinner 0.8s linear infinite;
	z-index: 10;
}

@keyframes tts-spinner {
	0% { transform: translate(-50%, -50%) rotate(0deg); }
	100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* 버퍼링: 배경이 천천히 퍼짐 */
#tts.state-buffering::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	background: rgba(0, 123, 255, 0.15);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	animation: tts-buffer-pulse 1.2s ease-out infinite;
	z-index: -1;
}

@keyframes tts-buffer-pulse {
	0% {
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

.cont-box .area .tit2 pre{white-space: pre-wrap;word-wrap: break-word;}
.cont-box .area .tit2{word-break: break-all;}
.cont-box .area .tit2 table{border-collapse:collapse;width: 100%;}
.cont-box .area .tit2 table,
.cont-box .area .tit2 table th,
.cont-box .area .tit2 table td{border:1px solid;text-align:center;}
.cont-box .area .tit2 table th{background:#f8f8f8;padding:5px;}
.cont-box .area .tit2 table td{padding:5px;}

.cont-box .area{position:relative;}
.cont-box .area.mb15{margin-bottom:15px;}
.prev-ans{position:absolute;right: 10px;top: 10px;font-size: 14px !important;font-weight: 500;color: #111 !important;display: flex;align-items: center;height: 33px;border: 1px solid #e5e5e5;border-radius: 20px;padding: 0 10px 0 25px;letter-spacing: -1px;}
.prev-ans::before{content:"";position: absolute;left: 10px;top: 50%;transform: rotate(180deg) translateY(-50%);transform-origin: top;background: url(https://chatty.kr/images/ai-search-select.png) no-repeat;width: 9px;height: 5px;opacity: 0.6;}
.prev-ans.on::before{background: url(https://chatty.kr/images/icon_del.png) no-repeat;width: 20px;height: 20px;left: 5px;opacity: 1;}
.area.area-style .countThis{font-weight: 400;display: inline-block;margin-left: 10px;font-size:22px;margin-bottom: 5px;}
.area.area-style .countThis strong{color: #273bd3;font-size:22px;}
.cont-box .area .tit1::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.category-list{float: right;}
.category-list > .category-item{margin-left: 5px;border: 1px solid #ddd;padding: 6px 15px;border-radius: 4px;font-size: 14px;cursor:pointer;box-sizing: border-box;display: inline-block;margin-bottom: 4px;}
.category-list > .category-item.active{background: #222;color: #fff;border: 1px solid #222;}