@charset "utf-8";
*{font-family:'Pretendard','Noto Sans Korean','snas-serif';}
.af-wrap {position:relative;width:100%;min-height:100%;height:auto; min-width: 1540px; }
.af-wrap .af-inner { width: 1400px; margin: 0 auto; }
.af-topbar{position:absolute;top:0;left:0;right:0;padding:16px 0;height:64px;z-index:100;}
.af-topbar .af-inner{display:flex;height:32px;flex-wrap:nowrap;justify-content: space-between;align-items: center;}
.af-topbar .af-inner .logo{height:18px;}
.af-topbar .af-inner .login-area span{font-family:'Pretendard';font-size:16px;font-weight:500;color:#fff;}
.af-topbar .af-inner .login-area .btn_login{display:inline-block;width:69px;height:32px;text-align:center;line-height:32px;color:#fff;font-size:14px;font-family: "Paperlogy";font-weight:600;background:#00B0E1;border-radius:16px;}
.af-topbar .af-inner .login-area .btn_logout{margin-left:24px;display:inline-block;width:82px;height:32px;text-align:center;line-height:32px;color:#fff;font-size:14px;font-family: "Paperlogy";font-weight:600;background:#1D2126;border-radius:16px;}
.af-wrap.main .af-topbar{background: #4D5F8199;}

.af-visual-main{position:relative;width:100%;height:100%;background:#20232A url(/resources/images/themeplace/aiFigure/main/aiFigure_mainbg.png) no-repeat center top;}
.af-visual-main .af-inner{position:relative;padding:100px 0 40px;}
.af-visual-main .af-inner .btn-guide{position:absolute;left:0;top:104px;display:inline-block;height:46px;padding:0 32px 0 16px;background:#40D5FF url(/resources/images/themeplace/aiFigure/ic_arrow.png) no-repeat right 8px center / 24px 24px;border-radius:8px;}
.af-visual-main .af-inner .btn-guide span{display:block;font-family:'Pretendard';font-size:20px;line-height:46px;font-weight:700;color:#110C09;padding-left:38px;background:url(/resources/images/themeplace/aiFigure/ico_guide_info.png) no-repeat left center / 30px 30px;}
.af-visual-main .af-inner .btn-guide:hover{background-color:#34AAFF;}
.af-visual-main .af-inner .popAiShare{position:absolute;right:0;top:104px;padding-top:83px;width:200px;background:url(/resources/images/themeplace/aiFigure/main/pop_sharing.png) no-repeat center top / 200px auto;}
.af-visual-main .af-inner .popAiShare .btn_close{position:absolute;right:0;top:0;width:28px;height:28px;border-radius:100%;}
.af-visual-main .af-inner .popBody{height:135px;background:#DDE3F4;text-align:center;border-radius:16px;padding:22px;}
.af-visual-main .af-inner .popBody p{font-size:16px;font-family:'Paperlogy';font-weight:600;color:#110C09;line-height:1.2;letter-spacing:-2%;text-align:center; }
.af-visual-main .af-inner .popBody .btn-share{margin-top:15px;display:block;width:100%;height:36px;text-align:center;background:#3B4761;border-radius:10px;}
.af-visual-main .af-inner .popBody .btn-share span{display:inline-block;padding-left:18px;color:#fff;font-size:14px;line-height:36px;font-family:'Paperlogy';font-weight:600;background:url(/resources/images/themeplace/aiFigure/ico_share.svg) no-repeat left top;}
.af-visual-main .af-inner .popBody:hover{background:#fff;}
.af-visual-main .af-inner .popBody:hover .btn-share{background:#40D5FF;}
.af-visual-main .af-inner .popBody:hover .btn-share span{background-position:left bottom;color:#202530;}
.aiVisualTit{position:relative;margin:52px auto 0;width:803px;height:193px;background:url(/resources/images/themeplace/aiFigure/main/aiMain_Tit.png) no-repeat center center /contain;}
.aiVisualTit .obj{position:absolute;left:-39px;top:-66px;display:block;width:251px;height:238px;background-size:contain;background-image:url(/resources/images/themeplace/aiFigure/ico_ai.png);background-position:center center;background-repeat:no-repeat;mix-blend-mode: screen;}

.af-figure-list{margin:54px auto 0;width:1194px;height:598px;display:flex;flex-wrap:nowrap;align-items: flex-start;justify-content: center;}
.af-figure-list li{margin:0 -11px;}
.af-figure-list li a{display:block;width:410px;height:551px;background-repeat:no-repeat;background-position:center top;transition: all 150ms linear;}
.af-figure-list:hover li:hover a{position:relative;background-image:none;filter: blur(0);}
.af-figure-list:hover li:hover a:before{content:'';position:absolute;left:-17px;top:0;display:block;width:444px;height:598px;background-repeat:no-repeat;background-position:center top;}
.af-figure-list:hover li:not(:hover) a{filter: blur(1.5px);}
.af-figure-list li:first-child a{background-image:url(/resources/images/themeplace/aiFigure/main/ai_king.png);}
.af-figure-list li:nth-child(2) a{background-image:url(/resources/images/themeplace/aiFigure/main/ai_YGS.png);}
.af-figure-list li:nth-child(3) a{background-image:url(/resources/images/themeplace/aiFigure/main/ai_einstein.png);}
.af-figure-list li:first-child:hover a:before{background-image:url(/resources/images/themeplace/aiFigure/main/ai_king_hover.png);}
.af-figure-list li:nth-child(2):hover a:before{background-image:url(/resources/images/themeplace/aiFigure/main/ai_YGS_hover.png);}
.af-figure-list li:nth-child(3):hover a:before{background-image:url(/resources/images/themeplace/aiFigure/main/ai_einstein_hover.png);}
.af-notice{margin:24px auto 0;text-align:center;color:#fff;font-size:20px;font-family:'Pretendard';font-weight:500;letter-spacing: -2%;}

.af-footer{padding:40px 56px;background:#F4F4F4}
.af-footer .af-inner{min-width:1400px;width:100%;display:flex;align-items: flex-start;gap:30px;}
.af-footer .af-inner h6{}
.af-footer .af-inner .af_foot_info{flex:1;}
.af-footer .af-inner .af_foot_info span{display:inline-block;width:1px;height:10px;background:#DADADA;margin:0 10px;}
.af-footer .af-inner .af_foot_info .f-link{display:flex;flex-wrap:nowrap;align-items: center;justify-content: flex-start;}
.af-footer .af-inner .af_foot_info .f-link a{font-size:13px;font-family: 'Nanum Gothic';font-weight:700;color:#666;}
.af-footer .af-inner .af_foot_info address{margin-top:8px;font-size:12px;color:#777;font-family: 'Pretendard';font-weight:400;line-height:17px;}

.main .af-footer{padding:32px 40px;background:#fff;}
.main .af-footer .af-inner .af_foot_info address br{display:none;}

.af-body { display: flex; gap: 56px; width: 1400px; margin: 0 auto;padding:56px 0; }
.af-lnb { flex: 0 0 284px; }
.af-lnb ul{display:flex;flex-direction:column;gap:12px 0;}
.af-lnb ul li{flex:1;width:100%;}
.af-lnb ul li[class^="menu"] > a,.af-lnb ul li[class^="menu"] > button{padding:12px 16px;display:flex;height:64px;border-radius:8px;gap:16px;flex-wrap:nowrap;align-items: center;justify-content: flex-start;font-family:'Paperlogy';font-weight:600;font-size:18px;color:#2E374A;line-height:40px;letter-spacing:-0.02em;}
.af-lnb ul li[class^="menu"] a span,.af-lnb ul li[class^="menu"] button span{display:block;width:40px;height:40px;background-repeat:no-repeat;background-position:center top;}
.af-lnb ul li.on > a,.af-lnb ul li.on > button,.af-lnb ul li:hover > a{color:#fff;font-weight:700;}
.af-lnb ul li.on > a span,.af-lnb ul li.on > button span,.af-lnb ul li:hover a span,.af-lnb ul li:hover button span{background-position:center bottom;}
.af-lnb ul li.menu01 a{background:#D2F5FF;}
.af-lnb ul li.menu01.on a,.af-lnb ul li.menu01:hover a{background:#008CFF;}
.af-lnb ul li.menu01 a span{background-image:url(/resources/images/themeplace/aiFigure/ico_lnb_01.svg);}
.af-lnb ul li.menu02 button{position:relative;width:100%;background:#E2E8FE;}
.af-lnb ul li.menu02 button:after{content:'';position:absolute;right:16px;top:19px;width:26px;height:26px;background:url(/resources/images/themeplace/aiFigure/ic_lnb_arr.svg) no-repeat right center}
.af-lnb ul li.menu02:hover button{background:#3A54FF;color:#fff;}
.af-lnb ul li.menu02:hover button:after{background:url(/resources/images/themeplace/aiFigure/ic_lnb_hover.svg) no-repeat right center}
.af-lnb ul li.menu02.on button{background:#3A54FF;}
.af-lnb ul li.menu02.on button:after{background:url(/resources/images/themeplace/aiFigure/ic_lnb_hover.svg) no-repeat right center;transform:rotate(90deg);}
.af-lnb ul li.menu02 button span{background-image:url(/resources/images/themeplace/aiFigure/ico_lnb_02.svg);}
.af-lnb ul li.menu03 a{background:#DCF6E5;}
.af-lnb ul li.menu03 a span{background-image:url(/resources/images/themeplace/aiFigure/ico_lnb_03.svg);}
.af-lnb ul li.menu03.on a,.af-lnb ul li.menu03:hover a{background:#25AF45;}

.af-lnb ul li.menu04 a{background:#FFF4DA;}
.af-lnb ul li.menu04.on a,.af-lnb ul li.menu04:hover a{background:#F99419;}
.af-lnb ul li.menu04 a span{background-image:url(/resources/images/themeplace/aiFigure/ico_lnb_04.svg);}
.af-lnb ul li.menu05 a{background:#EAE4E1;}
.af-lnb ul li.menu05.on a,.af-lnb ul li.menu05:hover a{background:#8B6858;}
.af-lnb ul li.menu05 a span{background-image:url(/resources/images/themeplace/aiFigure/ico_lnb_05.svg);}
.af-lnb ul li.menu06 a{background:#FFE6EA;}
.af-lnb ul li.menu06.on a,.af-lnb ul li.menu06:hover a{background:#DB6262;}
.af-lnb ul li.menu06 a span{background-image:url(/resources/images/themeplace/aiFigure/ico_lnb_06.svg);}
.af-lnb ul li .lnbSUBdebth{margin-top:12px;display:none;}
.af-lnb ul li .lnbSUBdebth li{margin-top:8px;}
.af-lnb ul li .lnbSUBdebth li a{padding:16px;display:block;border-radius:8px;border:1px solid #D9D9D9;height:56px;line-height:24px;background:#F2F2F2;font-family:'Pretendard';font-size:16px;color:#444;font-weight:600;}
.af-lnb ul li .lnbSUBdebth li a span{display:inline-block;width:auto;font:inherit;color:inherit;}
.af-lnb ul li .lnbSUBdebth li a strong{font:inherit;color:inherit;display:inline-block;}
.af-lnb ul li .lnbSUBdebth li.on a,.af-lnb ul li .lnbSUBdebth li a:hover{background:#E8ECFF;border-color:#4D67DE;font-weight:800;color:#3A54FF;}
.af-lnb ul li.menu02.on .lnbSUBdebth{display:block;}
.af-content { flex: 1; min-width: 0; }
.af-content h2 { margin: 40px 0 20px; font-size: 28px; font-weight: 700; }
.af-content h2:first-child { margin-top: 0; }

.character_sum{background:#EBF0F4;border-radius:16px;overflow:hidden;}
.character_sum .summary_img{width:100%;}
.character_sum .summary_img img{width:100%;}
.character_sum .history{padding:40px 48px;}
.character_sum .history h2{margin:0;font-family:'Paperlogy';font-size:28px;font-weight:800;color:#202530;line-height:1.4;letter-spacing: -0.02em;text-align:left;}
.character_sum .history p{font-family:'Pretendard';font-size:16px;font-weight:500;line-height:1.4;color:#343c4c;}
.character_sum .figure-info{margin-top:24px;padding-top:24px;border-top:1px solid #D4D4D4;display:flex;flex-direction:column;gap:8px;}
.character_sum .figure-info dl{display:flex;flex-wrap:nowrap;align-items: flex-start;justify-content: flex-start;gap:16px;}
.character_sum .figure-info dl dt{width:79px;height:34px;border-radius:17px;background:#008cff;text-align:center;line-height:34px;color:#fff;font-family:'Pretendard';font-weight:700;font-size:14px;letter-spacing: -0.02em;}
.character_sum .figure-info dl dd{flex:1;font-family:'Pretendard';font-size:16px;font-weight:500;color:#000;line-height:34px;}
.character_sum .figure-info dl dd ul{display:flex;flex-wrap:nowrap;gap:15px;}
.character_sum .figure-info dl dd ul li{}
.character_sum .figure-info dl dd ul li p{font-size:16px;font-weight:500;color:#000;line-height:1.6;letter-spacing:-0.03em;}
.character_sum .figure-info dl dd ul li p:before{content:'•';display:inline-block;font-size:16px;font-weight:500;color:#008CFF;line-height:1.6;}
.character_sum .figure-info dl dd ul li p span{font-size:16px;font-weight:500;color:#008CFF;line-height:1.6;}


.af-activity-list {margin-top:24px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.af-activity-list > li {position:relative;overflow:hidden; border: 1px solid #d4d4d4; border-radius: 16px; padding:0; }
.af-activity-list .thumb { position: relative;height:400px; overflow: hidden; border-radius: 16px 16px 0 0; }
.af-activity-list .thumb img { display: block; width: 100%; min-height: 100%; }
.af-activity-list .badge {position: absolute; top: 25px; right: 25px; z-index: 1;padding: 4px 10px;height:34px;line-height:26px; border-radius: 6px;background: #008CFF; color: #fff; font-size: 18px; font-weight: 700;}
.af-activity-list .badge.ele{background:#FF7300;}
.af-activity-list .badge.mid{background:#24B85A;}
.af-activity-list .hover{display:none;position:absolute;left:0;top:0;right:0;width:100%;height:400px;gap:10px;background: #2C3445B2;z-index:10;justify-content: center;align-items: center;}
.af-activity-list .btn-preview,
.af-activity-list .btn-download {width: 68px; height: 62px; border: 1px solid #d0d0d0; border-radius:8px;background: #fff no-repeat center; cursor: pointer;font-size: 0; text-indent: -9999px; overflow: hidden;}
.af-activity-list .btn-preview  { background-image: url('/resources/images/themeplace/aiFigure/icon_zoom.svg'); }
.af-activity-list .btn-download { background-image: url('/resources/images/themeplace/aiFigure/icon_down.svg'); }
.af-activity-list .titleBox{width:100%;height:92px;display:flex;background:#f9f9f9;justify-content: flex-start;padding:0 30px;align-items: center;border-top:1px solid #D4D4D4;}
.af-activity-list .titleBox h5 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; margin: auto 0; max-height: 44px;font-size: 20px; font-weight: 700; line-height: 22px;color:#000;letter-spacing:-0.02em;}
.af-activity-list li:hover .hover{display:flex;}

/*  비바샘 보충 자료 : 최소 3 ~ 최대 9건 */
.af-material-list {margin-top:16px;width:100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 24px;box-sizing: border-box; }
.af-material-list > li a { display: block; text-decoration: none; color: inherit; }
.af-material-list .thumb {position: relative; display: block;height:200px; overflow: hidden;border-radius: 16px; background: #f2f2f2;}
.af-material-list .thumb.line{border:1px solid #dcdcdc;}
.af-material-list .thumb img { display: block; width: 100%;transition: transform .2s; }
/* 호버 시 이미지 조금 확대 */
.af-material-list > li a:hover .thumb img { transform: scale(1.05); }
/* 자료 유형 아이콘 : 썸네일 우상단. photo / movie / ipdf / ppt / doc / ex */

.af-material-list .type{position:absolute; top:8px;right:8px;z-index:101;display:inline-block;background:url('/resources/images/renew26/ico_filesx2.png') no-repeat 0 25px / 20px auto;width:20px;height:20px;overflow:hidden;aspect-ratio: 1 / 1;image-rendering: -webkit-optimize-contrast;}
.af-material-list .type.pdf{background-position-y:-21px;}
.af-material-list .type.ppt,
.af-material-list .type.pptx,
.af-material-list .type.pptm{background-position-y:-42px}
.af-material-list .type.word,
.af-material-list .type.doc,
.af-material-list .type.docx{background-position-y:-63px;}
.af-material-list .type.xls,
.af-material-list .type.xlsm,
.af-material-list .type.xlsx{background-position-y:-83px}
.af-material-list .type.hwp,
.af-material-list .type.hwpx{background-position-y:-104px;}
.af-material-list .type.img,
.af-material-list .type.png,
.af-material-list .type.jpg,.af-material-list .type.jpeg,
.af-material-list .type.gif{background-position-y:-125px;}
.af-material-list .type.video,.af-material-list .type.avi,
.af-material-list .type.mp4,.af-material-list .type.mov{background-position-y:-146px;}
.af-material-list .type.zip {background-position-y:-167px;}
.af-material-list .type.sound,
.af-material-list .type.wav,
.af-material-list .type.mp3,
.af-material-list .type.m4a{background-position-y:-188px;}
.af-material-list .type.txt{background-position-y:-208px;}
.af-material-list .type.numbers{background-position-y:-229px;}
.af-material-list .type.etc{background-position-y:-250px;}
.af-material-list .type.html{background-position-y:-271px;}
.af-material-list .type.qrcode{background-position-y:-292px;}
.af-material-list .type.youtube{background-position-y:-312px;}
.af-material-list .type.link{background-position-y:-334px;}
.af-material-list .type.ebook{background-position-y:0;}
.af-material-list .type.down{background-position-y:-354px;}
.af-material-list .titleBox{display:block;padding:16px;max-height:82px;}
.af-material-list .name {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;font-size: 18px;font-weight:600;color:#000; line-height:1.4;letter-spacing:-0.03em;}

/*  연계 교과 단원 : 학교급별 최소 1 ~ 최대 5건 */
.af-unit-group{ margin-top: 24px; border:1px solid #D4D4D4;border-radius:16px;overflow:hidden;}
.af-unit-group strong {padding:0 24px; display: block;font-size: 20px; font-weight: 700; line-height:50px;}
.af-unit-group.ele strong{background:#FFF4DA;color:#DB6262;}
.af-unit-group.mid strong{background:#DCF6E5;color:#59A164;}
.af-unit-group .af-unit-list{border-top:1px solid #d4d4d4;}
.af-unit-group .af-unit-list > li a {display: flex; align-items: center; justify-content: space-between;padding: 16px 24px; border-bottom: 1px solid #D4D4D4;text-decoration: none; color: #212121; font-size: 18px; font-weight: 700;letter-spacing:-0.02em;}
.af-unit-group .af-unit-list > li a span{font:inherit;color:inherit;}
.af-unit-group .af-unit-list > li a:hover {background:#F4F4F4; }
.af-unit-group .af-unit-list > li:last-child a{border-bottom:none;}
.af-unit-group .af-unit-list .btn {flex: 0 0 auto; padding: 0 14px; border: 1px solid #d4d4d4; border-radius:8px;font-size: 16px; font-weight: 600;color:#212121;line-height:40px;background:#F9F9F9;}
.af-unit-group.ele .af-unit-list > li a:hover{color:#F97319;}
.af-unit-group.ele .af-unit-list li a:hover .btn{background:#FB8536;color:#fff;}
.af-unit-group.mid .af-unit-list > li a:hover{color:#3EA33A;}
.af-unit-group.mid .af-unit-list li a:hover .btn{background:#3EA33A;color:#fff;}

/* 자료가 없을 때 */
.af-empty { padding: 40px 0; text-align: center; color: #888; }
.af-letter [hidden],
.af-letterbox[hidden],
.af-letterbox [hidden] { display: none !important; }
.af-letter-head {padding-bottom:24px; display: flex; align-items: center; justify-content: space-between; gap: 16px;border-bottom:1px solid #CFCFCF; }
.af-letter-head h2 {margin:0;font-size: 32px;line-height: 48px;font-weight: 800;color:#000; }
.af-letter-box-open {flex: 0 0 auto; padding:4px 16px 4px 4px;height:38px;line-height:30px;; border-radius: 19px;background:#3CB358; color: #fff; font-size: 16px; font-weight:700;}
.af-letter-box-open span{margin-right:8px;display:inline-block;width:30px;height:30px;border-radius:15px;background:#fff url(/resources/images/themeplace/aiFigure/ico_lnb_03.svg) no-repeat center top 5px / 22px auto;vertical-align: top;}

/* 4 · 4A : 0회가 되면 빨간색 */
.notepaper{margin:32px auto 0;padding:12px;border:1px solid #d8d8d8;background:#ECECEC;border-radius:24px;}
.paperwrap{display:flex;flex-direction:column;align-items:flex-start;gap:24px;height:572px;padding:24px 0 0 0;background:#fff;border:1px solid #B1B1B1;border-radius:16px;}
.paperwrap .paper_scr{flex:1;width:100%;padding:0 16px 0 24px}
.af-letter-count {margin:0 24px;display:inline-block;padding:0 18px;line-height:40px;height:40px;border-radius:20px;font-weight:700; font-size: 16px; color: #fff;background:#5E35FF; }
.af-letter-count em {font:inherit;color:inherit;}
.af-letter-count em.is-zero { color: #fff; }
.af-letter-count:has(em.is-zero){background:#C0C0C0}

/* 5 : 휴식 문구. 남은 횟수 0 일 때만 */
.af-letter-rest {color: #919191;font-size:18px;font-weight:600;}

.af-letter-input {display: block; width: 100%; height:100%;border:none;outline:none; padding: 0; resize: none;font-size: 18px; line-height: 1.5;font-weight:600;color:#212121;overflow-y:auto;scrollbar-width: thin;scrollbar-color: #878787 #E9E9E9 ;}
.af-letter-input:focus { border-color: #6c5ce7; outline: none; }
.af-letter-input:disabled {background:#fff;color:#919191;}
.af-letter-input::-webkit-input-placeholder{color:#919191;}
.af-letter-length {margin-left:auto;margin-right:24px; font-size: 16px; color: #A2A2A2; }
.af-letter-length span{font:inherit;color:#5E35FF;}
.af-letter-send {display: block; width: 100%;height:64px; margin: 0; border-radius:0 0 16px 16px; background: #25AF45;color: #fff;font-family:'Paperlogy';font-weight:800; font-size: 20px;text-align:center;}
.af-letter-send span{display:inline-block;margin-right:10px;width:32px;height:32px;vertical-align: middle;background:url(/resources/images/themeplace/aiFigure/ico_lnb_03.svg) no-repeat center bottom / 32px auto;}
.af-letter-wait {display: block; width: 100%;height:64px; margin: 0; border-radius:0 0 16px 16px; background: #38934D;color: #fff;font-family:'Paperlogy';font-weight:800; font-size: 20px;text-align:center;}
.af-letter-wait span{display:inline-block;margin-right:10px;width:32px;height:32px;vertical-align: middle;background:url(/resources/images/themeplace/aiFigure/ico_letter_wait.svg) no-repeat center center;}
.af-letter-send:disabled { background: #C0C0C0;color:#929292;font-weight:600; }
.af-letter-send:disabled span{background:url(/resources/images/themeplace/aiFigure/ico_letter_disable.svg) no-repeat center center;}

.af-letter-reply { margin-top: 40px; padding:205px 186px 80px 208px;height:1275px;background:url(/resources/images/themeplace/aiFigure/sejong/letter_reple_bg.png) no-repeat center top / cover;}
.yugwansun .af-letter-reply { margin-top: 40px; padding:205px 186px 80px 208px;height:1275px;background:url(/resources/images/themeplace/aiFigure/yugwansun/letter_reple_bg.png) no-repeat center top / cover;}
.einstein .af-letter-reply { margin-top: 40px; padding:205px 186px 80px 208px;height:1275px;background:url(/resources/images/themeplace/aiFigure/einstein/letter_reple_bg.png) no-repeat center top / cover;}
.af-letter-reply h3.reply_head {position:relative;font-family:'Paperlogy';line-height:1.5;font-size:24px; font-weight: 700;color:#7C4A38 ;}
.af-letter-reply h3.reply_head:after{content:'';margin-left:28px;display:inline-block;width:417px;height:7px;vertical-align:middle;background:url(/resources/images/themeplace/aiFigure/sejong/tit_line.png) no-repeat center center;}
.yugwansun .af-letter-reply h3.reply_head{color:#F45E58}
.einstein .af-letter-reply h3.reply_head{color:#CCFBFF}
.af-letter-reply-body { margin-top:24px;padding:0 35px 0 0;height:645px; font-size: 18px; line-height: 1.5;font-weight:500;color:#212121;letter-spacing:-0.01em; white-space: pre-line; overflow-y:scroll;scrollbar-width: thin;scrollbar-color: #878787 #E9E9E9 ;}
.einstein .af-letter-reply-body{color:#fff;}
.af-letter-reply .af-notice{margin-top:8px;font-size:16px;color:#25AF45;line-height:1.4;font-weight:600;letter-spacing:-0.01em;padding-left:15px;text-indent:-15px;text-align:left;}
.einstein .af-letter-reply .af-notice{color:#79FA97;}
.af-letter-sign { margin-top: 20px; text-align: right; font-size: 16px; font-weight: 700; }
.af-letter-reply-btn { display: flex; justify-content: center; gap: 12px; margin-top: 140px; }
.af-letter-reply-btn button {padding: 0 50px;height:80px;line-height:80px; border-radius: 8px;background:#25AF45; font-family:'Paperlogy';font-size: 24px; font-weight: 600; color: #fff;}
.af-letter-reply-btn button span{display:inline-block;width:32px;height:32px;margin-right:12px;vertical-align: middle;}
.af-letter-reply-btn .af-letter-copy span{background:url(/resources/images/themeplace/aiFigure/ico_copy.svg) no-repeat center top / 32px auto;}
.af-letter-reply-btn .af-letter-rewrite {background:#2C3445;}
.af-letter-reply-btn .af-letter-rewrite span{background:url(/resources/images/themeplace/aiFigure/ico_rewrite.svg) no-repeat center center;}
.af-letterbox { position: fixed; inset: 0; z-index: 1000; }
.af-letterbox-dim { position: absolute; inset: 0; background: rgba(0, 0, 0, .4); }
.af-letterbox-panel {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);width: 980px; height: min(620px,82vh); display: flex; flex-direction: column;padding: 20px 16px 16px; border-radius: 24px; background: #fff;}
.af-letterbox-head {padding:0 16px;display: flex; align-items: center; justify-content: space-between;margin-bottom: 16px;}
.af-letterbox-head strong {font-family:'Paperlogy'; font-size: 22px; font-weight: 700; color:#212121;line-height:40px;}
.af-letterbox-head strong i{margin-right:3px;display:inline-block;width:40px;height:40px;background:url(/resources/images/themeplace/aiFigure/ico_lnb_03.svg) no-repeat center top;vertical-align: top;}
.af-letterbox-close {width:32px;height:32px;background:url(/resources/images/themeplace/aiFigure/btn_chat_close.svg) no-repeat center center;}
.af-letterbox-body {display: flex; min-height: 0; flex: 1;border: 1px solid #ABABAB; border-radius: 16px; overflow: hidden;}

.af-letterbox-list {flex: 0 0 256px; min-width: 0; display: flex; flex-direction: column;padding: 18px 0 0; border-right: 1px solid #CDD1D6;}
.af-letterbox-list ul,
.af-letterbox-list li,
.af-letterbox-list button { min-width: 0;  }
.af-letterbox-list-title {margin:0 16px;border-bottom: 1px solid #CDD1D6;display: block; padding:0 8px 18px; font-size: 18px;color:#212121; font-weight: 700;line-height:25px;}
.af-letterbox-list ul {display:none; flex: 1;max-width: calc(100% - 32px);margin:0 16px; }
.af-letterbox-list ul > li + li {margin-top:6px;}
.af-letterbox-list button {display: block; width: 100%; padding: 16px;border-radius:8px; background:#F4F4F4;border:1px solid #e3e3e3;text-align:left;}
.af-letterbox-date {margin-top:8px; display: block; font-size: 13px; font-weight: 500; color: #7c7c7c; }
.af-letterbox-summary {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:36px;font-size:14px;font-weight:600;color:#212121;line-height:1.3;overflow: hidden; text-overflow: ellipsis;}
.af-letterbox-list button.is-on { background: #25AF45; }
.af-letterbox-list button.is-on .af-letterbox-summary,.af-letterbox-list button.is-on .af-letterbox-date{color:#fff;}
.af-letterbox-empty { flex: 1; display: flex; align-items: center; justify-content: center; font-weight:700;color:#7C7C7C;font-size: 14px;line-height:1.3; }
.af-letterbox-empty.hidden{display:none;}
.af-letterbox-paging {padding:16px 0;display: flex; align-items: center; justify-content: center; gap: 24px;font-size: 14px; color: #555; white-space: nowrap;border-top:1px solid #E1E4E8;}
.af-letterbox-paging button { padding:0;width:32px;height:32px;border-radius:16px;border:1px solid #DADADA; font-size: 15px; color: #555;background-color:#f9f9f9;background-repeat:no-repeat;background-position:center center;}
.af-letterbox-paging button:disabled{opacity:0;}
.af-letterbox-paging .af-letterbox-prev{background-image:url(/resources/images/themeplace/aiFigure/ico_letter_arr.svg);}
.af-letterbox-paging .af-letterbox-next{transform:rotate(180deg);background-image:url(/resources/images/themeplace/aiFigure/ico_letter_arr.svg);}
.af-letterbox-paging span{font-size:16px;font-weight:700;color:#4E5AFF;}
.af-letterbox-paging em {font:inherit;}
.af-letterbox-paging em.af-letterbox-total{color:#878787;}
.af-letterbox-paging.hidden{display:none;}
.af-letterbox-view { flex: 1; min-width: 0; display: flex; flex-direction: column; padding: 14px 24px 20px;background:#F4F8FB;}
.af-letterbox-view-head {display: flex; align-items: center; gap: 12px;padding:0 0 12px;border-bottom:1px solid #CDD1D6;}
.af-letterbox-view-head strong {padding-left:40px;font-size: 18px;color:#212121; font-weight: 700;line-height:34px;}
.af-letterbox-view-head strong.sejong{background:url(/resources/images/themeplace/aiFigure/sejong/chat_king.png) no-repeat left center /contain;}
.af-letterbox-view-head strong.yugwansun{background:url(/resources/images/themeplace/aiFigure/yugwansun/chat-profile.png) no-repeat left center /contain;}
.af-letterbox-view-head strong.einstein{background:url(/resources/images/themeplace/aiFigure/einstein/chat-profile.png) no-repeat left center /contain;}
.af-letterbox-view-date {margin-left:8px; font-size: 14px;font-weight:500;line-height:32px; color: #8C8C8C; }
.af-letterbox-copy {margin-left: auto; padding: 0 14px;height:34px;line-height:34px;border-radius: 8px;background: #25AF45; color: #fff; font-size: 14px; font-weight: 600;}
.af-letterbox-copy span{margin-right:12px;display:inline-block;width:18px;height:18px;background:url(/resources/images/themeplace/aiFigure/ico_copy.svg) no-repeat center top;vertical-align: middle;}
.af-letterbox-copy.disabled{background:#E9E9E9;color:#A1A1A1;}
.af-letterbox-copy.disabled span{background-position:center bottom;}
.af-letterbox-view-body {flex: 1; margin-top: 12px; padding:16px 8px 16px 16px; overflow-y: auto;font-size: 16px; line-height: 1.5;font-weight:500;color:#212121; white-space: pre-line;}
.af-letterbox-view-mine{margin-top:20px;border-top:1px dashed #CDD1D6;padding-top:20px;font:inherit;color:#8C8C8C;}
.af-letterbox-view-sign { margin-top: 16px; text-align: right; font-size: 15px; font-weight: 700; }
.af-letterbox-view-empty {position:relative;flex: 1; display: flex;flex-direction:column; align-items: center; justify-content: center;gap:8px;color: #555; font-size: 15px; text-align: center;}
.af-letterbox-view-empty:before{content:'';display:inline-block;margin:0 auto;width:44px;height:44px;background:url(/resources/images/themeplace/aiFigure/no_mail.svg) no-repeat center center;}
.af-letterbox-view-empty p{font-size:14px;font-weight:700;color:#7C7C7C;line-height:1.3;}
.af-letterbox-view-empty p span{font:inherit;color:#3EA33B;}
.af-letterbox-view-empty.hidden{display:none;}
.af-letterbox-list:has(.af-letterbox-empty.hidden) ul{display:block;}
.af-letterbox-list:has(.af-letterbox-empty.hidden) .af-letterbox-list-title{padding-bottom:16px;border-bottom:none;}

/* 플로팅 배너 */
.af-chat-fab {position: fixed; right: 30px; bottom: 40px; z-index: 100; text-align: center;}
.af-chat-open {display: block; border: 0; background: none; cursor: pointer;}
.af-chat-open.sejong,
.af-chat-open.yugwansun,
.af-chat-open.einstein{width:164px;height:190px;background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
.af-chat-open.sejong{background-image:url(/resources/images/themeplace/aiFigure/sejong/pop_info01.png);}
.af-chat-open.yugwansun{background-image:url(/resources/images/themeplace/aiFigure/yugwansun/pop_info02.png);}
.af-chat-open.einstein{background-image:url(/resources/images/themeplace/aiFigure/einstein/pop_info03.png);}
.af-chat-open img {width: 88px; height: 88px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 4px #6c5ce7;}
.af-chat-open strong {display: block; margin-top: -6px; padding: 8px 14px 4px; border-radius: 14px 14px 0 0;background: #4bc8e8; color: #fff; font-size: 15px;}
.af-chat-open span {display: block; padding: 0 14px 8px; border-radius: 0 0 14px 14px;background: #7b5cf0; color: #fff; font-size: 13px; line-height: 1.4;}

.af-chat-tip-open {position: absolute; right: 12px; top:0; width: 28px; height: 28px;border: 0; background:url(/resources/images/themeplace/aiFigure/pop_info.svg) no-repeat center center / contain}


.af-chat-tip {position: absolute; right: -5px; top: -73px; width: 156px;height:69px;background:url(/resources/images/themeplace/aiFigure/pop_info_talk.png) no-repeat center center / 156px auto;}
.af-chat-tip p {color: #333; font-size: 14px; line-height: 1.5;}
.af-chat-tip-close {position: absolute; right: 8px; top: 8px; width: 14px; height: 14px;cursor: pointer;}


.af-chat {position: fixed; right: 30px; bottom: 40px; z-index: 101;display: flex; flex-direction: column; width: 560px; height: min(800px,87vh);border-radius: 24px; background: #fff; overflow: hidden;box-shadow: 0 0 5px rgba(0, 0, 0, .2);border:1px solid #373F50;}
.af-chat[hidden], .af-chat-tip[hidden] {display: none;}

.af-chat.is-expanded {width: 1060px; height: 800px; max-height: calc(100vh - 80px);}

.af-chat-head {height:75px;display: flex; align-items: center; gap: 16px;padding: 20px 32px; background: #fff;border-bottom:1px solid #CDD1D6;}
.af-chat-head strong {font-family: Paperlogy;font-weight: 700;font-size: 22px;line-height:1.5;color:#212121;}
.af-chat-remain {padding:0 10px;height:34px;line-height:34px;font-famliy:'Pretendard';font-weight:700;font-size:13px; color: #fff;letter-spacing:-0.03em;background:#5E35FF;border-radius:17px;}
.af-chat-remain b{font:inherit;}
.af-chat-remain.is-rest {background:#C0C0C0;}          /* 9D */
.af-chat-resize{margin-left:auto; width: 32px; height: 32px;background: url(/resources/images/themeplace/aiFigure/btn_chat_expand.svg) no-repeat center center; cursor: pointer;}
.is-expanded .af-chat-resize{margin-left:auto; width: 32px; height: 32px;background: url(/resources/images/themeplace/aiFigure/btn_chat_cutback.svg) no-repeat center center; cursor: pointer;}
.af-chat-close {margin-left:10px;flex-shrink: 0; width: 32px; height: 32px;background: url(/resources/images/themeplace/aiFigure/btn_chat_close.svg) no-repeat center center; cursor: pointer;}


.af-chat-body {flex: 1; overflow-y: auto; padding: 32px 32px 8px;background:#E3EDF6;}
.af-chat-body::-webkit-scrollbar{width:8px;}
.af-chat-body::-webkit-scrollbar-button{display:none;}
.af-chat-body::-webkit-scrollbar-thumb{background-color:#4F4F4F;}
.af-chat-msg {position:relative;display: flex; margin-bottom: 12px;align-items: flex-start;gap:16px;}
.af-chat-msg:before{content:none;}
.af-chat-msg p {max-width:calc(100% - 104px); padding: 12px; border-radius:0 16px 16px 16px;font-size: 16px; line-height: 1.4; white-space: pre-wrap; word-break: break-word;font-family:'Pretendard';font-weight:500;color:#121212;border:1px solid #c8d5e2;letter-spacing:-0.01em;}
.af-chat-msg.is-model {justify-content: flex-start;}
.af-chat-msg.is-model:before{content:'';width:56px;height:56px;background:url(/resources/images/themeplace/aiFigure/sejong/chat_king.png) no-repeat center center / contain;}
.af-chat-msg.is-model.yugwansun:before{background:url(/resources/images/themeplace/aiFigure/yugwansun/chat-profile.png) no-repeat center center / contain;}
.af-chat-msg.is-model.einstein:before{background:url(/resources/images/themeplace/aiFigure/einstein/chat-profile.png) no-repeat center center / contain;}

.af-chat-msg.is-model p {padding:12px;font-size:16px;line-height:1.4;background: #fff; color: #212121; border-top-left-radius: 4px;}
.af-chat-msg.is-user {justify-content: flex-end;}
.af-chat-msg.is-user p {background: #3A54FF; color: #fff; border-radius:16px 0 16px 16px;}

.af-chat-notice {padding:0 32px 16px;background:#E3EDF6;}
.af-chat-notice p{padding: 12px 32px 12px 34px;border-radius:8px;border: 1px solid #C3D3E1;background:#D8E3ED;text-indent:-14px;color: #708CA4;font-family:'Pretendard'; font-size: 14px;font-weight:400; line-height: 1.2;}
.af_chat_input{padding:24px;border-top:1px solid #CDD1D6;}

.af-chat-quick {margin-bottom:16px;display: flex; gap: 6px;flex-wrap:wrap;max-height:42px;overflow:hidden;}
.af-chat.is-expanded .af-chat-quick {flex-wrap:wrap;}
.af-chat-quick-item {flex-shrink: 0; height:42px;padding: 10px 16px;border-radius: 21px;background: #EDFBFF;border:1px solid #B8DDFF; color:#008CFF; font-size: 16px;font-weight:600;line-height:20px; white-space: nowrap; cursor: pointer;font-family:'Pretendard';}
.af-chat-quick-item:hover {border:1px solid #B8DDFF;background: #EDFBFF;}
.chatview{flex: 1;}
.chatview .cnt{margin-top:8px;font-size:14px;font-weight:500;line-height:1.4;color:#A2A2A2;}
.chatview .cnt span{font:inherit;color:#5E35FF;}
.af-chat-input-area {display: flex; gap: 16px; padding: 20px 16px 16px 20px;border:1px solid #CAD3DD;border-radius:16px;align-items: flex-end;}
.af-chat-input {display:block;width:100%;height:66px;font-family:'Pretendard';font-size: 16px;font-weight:500;color:#212121;line-height:1.4;outline: none;border:none;}
.af-chat-input-area:has(textarea:focus) {border-color: #5E35FF; background: #fff;}
.af-chat-input-area:has(textarea:disabled) {color: #999;background:#eee;border:none;}
.af-chat-send {flex-shrink: 0; width: 48px; height: 48px; border: 0;background:url(/resources/images/themeplace/aiFigure/btn_chat_send.svg) no-repeat center top;cursor: pointer;}
.af-chat-send::-webkit-input-placeholder{font-size:20px;line-height:1.3;color:#919191;}
.af-chat-input-area:has(textarea:focus) .af-chat-send{background-position:center -50px;}
.af-chat-input-area:has(textarea:disabled) .af-chat-send,.af-chat-input-area .af-chat-send:disabled {background-position:center -100px}

.af-chat.is-loading .af-chat-body::after {content: '답변을 작성하고 있습니다.'; display: block;padding: 8px 4px; color: #888; font-size: 14px;}

.ico_beta{display:inline-block;width:67px;height:33px;background:url(/resources/images/themeplace/aiFigure/ico_beta.png) no-repeat center center;}
.af-sub-header{width:100%;}
.af-sub-header .af-visual{padding-top:64px;height:200px;background:url(/resources/images/themeplace/aiFigure/sub_header.png) repeat-x center top;}
.af-sub-header .af-visual .af-inner{display:flex;justify-content: center;}
.af-sub-header .af-visual .af-inner h1{padding-left:65px;display:inline-block;position:relative;margin:30px auto 0;color:#fff;font-family:'Paperlogy';font-weight:800;font-size:44px;letter-spacing: -0.03em;vertical-align: top;}
.af-sub-header .af-visual .af-inner h1:before{content:'';position:absolute;left:-78px;top:-54px;display:inline-block;width:159px;height:151px;background-size:contain;background-image:url(/resources/images/themeplace/aiFigure/ico_ai.png);background-position:center center;background-repeat:no-repeat;mix-blend-mode: screen;vertical-align: top;}
.af-sub-header .af-visual .af-inner h1 .ico_beta{vertical-align: top;margin:8px 0 0 14px;}
.af-sub-header .af-figure-tab{width:100%;background:#2C3445;height:90px;}
.af-sub-header .af-figure-tab ul{margin:0 auto;width:1400px;height:100%;display:flex;flex-wrap:nowrap;align-items: center;justify-content: center;gap:0 62px;}
.af-sub-header .af-figure-tab ul li{position:relative;padding-left:70px;}
.af-sub-header .af-figure-tab ul li a{font-family:'Paperlogy';font-size:28px;color:rgba(255,255,255,0.5);font-weight:700;}
.af-sub-header .af-figure-tab ul li.on a,.af-sub-header .af-figure-tab ul li:hover a{color:#00C7FF;}
.af-sub-header .af-figure-tab ul li:first-child.on:before{content:'';position:absolute;left:0;bottom:-28px;width:56px;height:72px;background:url(/resources/images/themeplace/aiFigure/gnb_menu01.png) no-repeat center center /contain;}
.af-sub-header .af-figure-tab ul li:nth-child(2).on:before{content:'';position:absolute;left:-4px;bottom:-28px;width:60px;height:90px;background:url(/resources/images/themeplace/aiFigure/gnb_menu02.png) no-repeat center bottom /60px auto;}
.af-sub-header .af-figure-tab ul li:nth-child(3).on:before{content:'';position:absolute;left:-12px;bottom:-28px;width:82px;height:90px;background:url(/resources/images/themeplace/aiFigure/gnb_menu03.png) no-repeat center bottom /82px auto;}

.guidePage{padding:56px 0;max-width:1200px;margin:0 auto;}
.tit_guide{font-family:'Paperlogy';font-weight:800;font-size:48px;line-height:1.3;letter-spacing:-0.02em;color:#212121;text-align:center;}
.tit_guide span{font:inherit;color:#008CFF;}
.tit_sub{margin-top:80px;font-family:'Paperlogy';font-weight:800;font-size:40px;line-height:1.3;letter-spacing:-0.02em;color:#212121;text-align:center;}
.tit_sub span{font:inherit;color:#008CFF;}
.sub_dec{margin-top:12px;font-family:'Paperlogy';font-weight:500;font-size:18px;color:#000;line-height:1.32;text-align:center;letter-spacing: -0.02em;}

.af-lead{margin-top:32px;text-align:center;font-family:'Paperlogy';font-size:22px;font-weight:600;color:#545454;}
.af-lead span{margin-bottom:14px;display:block;text-align:center;font:inherit;color:#DB6262;font-size:30px;letter-spacing:-0.04em;text-decoration:underline;}
.ai_note{margin:40px auto 0;padding:24px 30px;text-align:left;font-size:16px;color:#2c2222;font-weight:500;letter-spacing:-0.02em;background:#F3F3F3;border-radius:16px;}
.ai_note p{position:relative;padding-left:32px;font:inherit;}
.ai_note p:before{content:'';position:absolute;left:0;top:0;width:6px;height:100%;border-radius:3px;background:#008cff;}
.tabFigure{margin:80px auto 0;}
.tabFigure .tabmenu{display:flex;flex-wrap:nowrap;gap:6px;align-items: center;}
.tabFigure .tabmenu a{flex:1;height:62px;border:1px solid #d4d4d4;border-radius:8px;text-align:center;font-family: 'Paperlogy';font-weight:600;color:#000;font-size:22px;line-height:60px;}
.tabFigure .tabmenu a.on,.tabFigure .tabmenu a:hover{background:#008CFF;border-color:#008CFF;color:#fff;}
.tabFigure .tabConts{margin-top:16px;padding:48px 24px;background:#F6F7FA;border-radius:8px;}
.tabFigure .tabConts > div{display:none;}
.tabFigure .tabConts > div.on{display:block;}
.tabFigure .tabConts > div p{margin-top:32px;font-size:24px;font-weight:600;line-height:1.4;text-align:center;color:#000;}
.tabFigure .tabConts .swiper-container{padding:0 24px}
.tabFigure .tabConts .swiper-container .swiper-button-next,.tabFigure .tabConts .swiper-container .swiper-button-prev{width:48px;height:48px;}
.tabFigure .tabConts .swiper-container .swiper-button-prev{left:0;background:url(/resources/images/themeplace/aiFigure/btn_slide_left.png) no-repeat center top;}
.tabFigure .tabConts .swiper-container .swiper-button-prev:hover{background-position:center bottom;}
.tabFigure .tabConts .swiper-container .swiper-button-next{right:0;background:url(/resources/images/themeplace/aiFigure/btn_slide_right.png) no-repeat center top;}
.tabFigure .tabConts .swiper-container .swiper-button-next:hover{background-position:center bottom;}
.tabFigure .tabConts .swiper-button-prev:after,.tabFigure .tabConts .swiper-button-next:after{content:none;}

.banner_Guide{margin-top:32px;border-radius:16px;overflow:hidden;}

.tbl_spec{width:100%;margin-top:32px;border-top:2px solid #171717;}
.tbl_spec thead th{background:#f9f9f9;height:53px;text-align:center;border-bottom:1px solid #ddd;font-size:16px;font-weight:600;color:#171717;}
.tbl_spec thead tr th + th,.tbl_spec tbody tr td + td{border-left:1px solid #ddd;}
.tbl_spec tbody tr th{height:53px;background:#F6FAFD;border-right:1px solid #ddd;text-align:center;border-bottom:1px solid #ddd;font-size:16px;font-weight:600;color:#171717;}
.tbl_spec tbody tr td{padding:16px;height:53px;text-align:left;border-bottom:1px solid #ddd;font-size:16px;font-weight:600;color:#171717;}
.tbl_spec tbody tr td p{font-size:16px;color:#777;font-weight:400;line-height:1.4;}

.af-understand-head {padding-bottom:24px; display: flex; align-items: center; justify-content: space-between; gap: 16px;border-bottom:1px solid #CFCFCF; }
.af-understand-head h2,.af-understand-head h2 i {margin:0;font-size: 32px;line-height: 48px;font-weight: 800; color:#000;}
.af-understand-head h2 span{font:inherit;color:#3A54FF;}
.af-understand-head .btn-listen {flex: 0 0 auto;position:relative;padding-left:34px;text-align:center;width:102px;height:38px;line-height:30px;; border-radius: 19px;background:#008CFF; color: #fff; font-size: 16px; font-weight:700;}
.af-understand-head .btn-listen span{position:absolute;top:4px;left:4px;display:inline-block;width:30px;height:30px;border-radius:15px;background:#fff url(/resources/images/themeplace/aiFigure/ico_vol_on.svg) no-repeat center center / 19px auto;vertical-align: top;}
.af-understand-head .btn-listen.stop{background:#63759C;}
.af-understand-head .btn-listen.stop span{background:#fff url(/resources/images/themeplace/aiFigure/ico_vol_off.svg) no-repeat center center;vertical-align: top;}

.chapter-media{margin:40px auto 0;}
.chapter-media .thumb{border-radius:16px;overflow:hidden;}
.chapter-media .thumb img{width:100%;object-fit: contain;}
.video{position:relative; margin:0 auto; max-width:1060px; border-radius:16px; overflow:hidden;}
.video .video__container{position:relative; width:100%;}
.video .video__container:after{content:''; padding-bottom:56.25%; display:block;}
.video .video__container video{position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
.video .video__container img{position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
.video .video__container iframe{position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
.video .video__play{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:96px; background:url('/resources/images/themeplace/aiFigure/btn_play.png') no-repeat center / contain; z-index:5;}
.video .video__play:before{content:''; display:block; padding-bottom:100%;}

.video .video__container.playing:before{display:none;}
.video .video__container.playing .video__play{display:none;}
.video .video__container.playing img{display:none;}


.chapter-body .txt{margin-top:30px;font-size:18px;color:#212121;font-weight:500;line-height:1.6;text-align: justify;letter-spacing: -0.01em;}
.chapter-body .txt p{font-size:18px;color:#212121;font-weight:500;line-height:1.6;text-align: justify;letter-spacing:  -0.01em;}

.popup-wrapper{position:relative;display:inline-flex;align-items:flex-start;line-height:1;vertical-align: top;}
.popup-wrapper .btn_layer{font:inherit;display:inline-block;line-height:1.6;font-size:18px;color:#006FFF;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space: nowrap;cursor:pointer;}
.popover-box{display:none;position:absolute;bottom:calc(100% + 16px);left:50%;transform:translateX(-50%);padding:24px 22px;width:295px;background: rgba(64, 79, 240, 0.9);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);border:1px solid rgba(64, 79, 240, 0.5);border-radius:12px;line-hegiht:1;}
.popover-box:after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:16px;border-style:solid;border-color:#5361F1 transparent transparent transparent}
.is-active .popover-box{display:flex;flex-direction:column;gap:16px;align-items: center;}
.popover-box .popover-header{position:relative;padding:0;display:flex;justify-content: center;width:100%;}
.popover-box .popover-header .close-btn{position:absolute;right:-9px;top:-7px;width:20px;height:20px;background:url(/resources/images/themeplace/aiFigure/btn_layer_close_w.svg) no-repeat center center;}
.popover-box .popover-header strong{color:#fff;font-size:22px;font-weight:700;font-family:'Paperlogy';letter-spacing: -0.02em;}
.popover-box .popover-body{display:flex;width:100%;line-height:1.4;}
.popover-box .popover-body span{display:block;font-weight:500;line-height:1.4;color:#fff;font-size:14px;letter-spacing:-0.02em;word-break: break-word;}
.popup-wrapper.w348 .popover-box{width:348px;}
.chapter-think{margin:64px auto 0;padding:18px 16px 16px;border:1px solid #bfeaff;border-radius:16px;background:#e3f6ff;}
.chapter-think strong{display:block;padding-left:50px;background:url(/resources/images/themeplace/aiFigure/ico_idea.png) no-repeat left 10px center;font-family:'Paperlogy';font-weight:700;color:#2E374A;font-size:22px;line-height:32px;}
.chapter-think ol{margin-top:12px;}
.chapter-think ol li{position:relative;display:block;padding:12px 16px 12px 58px;background:#fff;border:1px solid #BFEAFF;border-radius:8px;line-height:30px;font-size:18px;font-weight:500;color:#000;}
.chapter-think ol li + li{margin-top:4px;}
.chapter-think ol li span{position:absolute;left:16px;margin-right:12px;display:inline-block;width:30px;height:30px;border-radius:100%;background:#2E374A;text-align:center;color:#fff;font-size:16px;font-weight:700;line-height:30px;vertical-align: top;}

.tabSong{margin-top:32px;display:flex;flex-wrap:nowrap;gap:6px;align-items: center;}
.tabSong a{flex:1;height:62px;border:1px solid #d4d4d4;border-radius:8px;text-align:center;font-family: 'Paperlogy';font-weight:600;color:#000;font-size:22px;line-height:60px;}
.tabSong a.on,.tabSong a:hover{background:#F99419;border-color:#F99419;color:#fff;}
.SongConts{margin:16px auto 0;padding:40px 32px 32px;background:#F2EFE7;border-radius:16px;}
.songDtl{display:none}
.songDtl.on{display:block;}
.songWrap{position:relative;display:flex;flex-direction:column;gap:32px;align-items: flex-start;justify-content: center;}
.songWrap:before{content:'';position:absolute;left:25px;top:45px;width:202px;height:200px;background:url(/resources/images/themeplace/aiFigure/bg_obj01.png) no-repeat center center;}
.songWrap:after{content:'';position:absolute;right:26px;top:18px;width:149px;height:119px;background:url(/resources/images/themeplace/aiFigure/bg_obj02.png) no-repeat center center;}
.songTit{position:relative;text-align:center;width:100%;}
.songTit h2{margin-bottom:4px;font-family:'Paperlogy';font-size:36px;font-weight:800;color:#202530;}
.songTit p{font-size:18px;font-weight:600;color:#343c4c;line-height:1.4;letter-spacing:-0.02em;}
.songTit .af-notice{margin:16px auto 0;display:inline-block;padding:0 14px;font-size:16px;color:rgba(111, 111, 111, 0.7);font-weight:500;line-height:33px;background:rgba(255,255,255,0.5);border:1px solid #e1e2e2;border-radius:18px;height:35px;}
.SongView {width:100%; display: flex; height: 100%; justify-content: center; align-items: center; flex-direction: column; gap: 30px;z-index:10;background:#fff;border: 1px solid #E5E1DE;border-radius:16px;overflow:hidden;}
.audio-wrap{width:100%;padding:16px 32px;height:72px;border-radius:16px 16px 0 0;background:#4D525D;}
.audio-wrap .audio-box {position:relative;padding:0 62px;}
.audio-wrap .audio-box .text-play-click {margin-top: 10px;}
.audio-wrap .audio-box .audio-control-btn{position:absolute;left:0;top:0;display: inline-block;width:40px;height:40px;border-radius:50%;background-color:#fff;background-repeat:no-repeat;cursor:pointer;}
.audio-wrap .audio-box .audio-control-btn:hover{background-color:#fff;}
.audio-wrap .audio-box .audio-control-btn.btn-play{background-image:url("/resources/images/themeplace/aiFigure/audio_play.svg");background-position:center center;}
.audio-wrap .audio-box .audio-control-btn.btn-pause{background-color:#2D323C;background-image:url("/resources/images/themeplace/aiFigure/audio_pause.svg");background-position:center center;}
.audio-wrap .playstate {position:relative;width:100%;height:40px; display: flex; align-items: center; justify-content: space-between;gap:24px;flex-wrap:nowrap;}
.audio-wrap .play-time {font-size:18px;font-weight:400;color:#fff;}
.audio-wrap .play-time .start {color:#F99419; font-size:inherit;font-weight: 700;}
.audio-wrap .play-time .end {font-size:18px;font-weight:400;color:#fff;}
.audio-wrap .audio-box .play-progress-box{flex:1;position:relative;display:block;font-size: 14px;background:#7F8798;width:100%;height: 6px;border-radius:3px;}
.audio-wrap .audio-box .play-progress-bar{width:0;height: 100%;background:#FF8C00;border-radius:3px;}
.audio-wrap .audio-box .play-progress-box .btn_locate{position:absolute;top:0;width:18px;height:18px;border-radius:50%;background:#FF8C00;transform:translate(-5px,-5px);}
.audio-wrap .audio-box .play-volume-box{position:absolute;right:0;top:0;bottom:0;}
.audio-wrap .audio-box .play-volume-box .btn_volume{position:relative;display:block;width:40px;height:40px;border-radius:50%;background:#2D323C url("/resources/images/themeplace/aiFigure/audio_volume.svg") no-repeat center center;z-index:2;}
.audio-wrap .audio-box .play-volume-box .btn_volume:hover,
.audio-wrap .audio-box .play-volume-box .btn_volume.on{background-color:#2D323C;}

.audio-wrap .audio-box .play-volume-slider-wrap{display:none;position:relative;}
.audio-wrap .audio-box .play-volume-slider-wrap.on{display:block;}
.audio-wrap .audio-box .play-volume-slider{position:absolute;top:calc(100% + 6px);right:4px;display:inline-block;padding:12px 6px 13px;width: 32px;height:165px;vertical-align: middle;background:#fff;border:1px solid #CECECE;border-radius:16px;z-index:1;}
.audio-wrap .audio-box .play-volume-slider .volume_progress{position:relative;margin:0 auto;width:5px;height:140px;background:#7F8798;border-radius:3px;}
.audio-wrap .audio-box .play-volume-slider .volume_progress .volumeamount{position:absolute;bottom:0;width:100%;background:#FF8C00;border-radius:3px;}
.audio-wrap .audio-box .play-volume-slider .volume_progress .btn_locate{position:absolute;width:18px;height:18px;border-radius:50%;background:#FF8C00;transform:translate(-6px,9px)}
.audio-wrap .audio-box .play-volume-slider .ui-slider-handle.ui-state-active{border: 1px solid #c5c5c5;background: gray;}
.audio-wrap .audio-box .play-volume-slider .ui-slider-handle{width: 10px; height:10px; border-radius: 15px}
.play-volume-slider-wrap .mix-slider.ui-widget-content .ui-slider-handle {background-color: #4459A3 !important;}

.lyrics{margin-top:8px;padding:64px 0 105px;text-align:center;}
.lyrics ul{display:flex;flex-wrap:nowrap;align-items: flex-start;justify-content: center;gap:170px;}
.lyrics ul li{white-space: pre-line;text-align:left;font-size:20px;font-weight:500;color:#000;line-height:1.5;letter-spacing:-0.02em;}

.audio-wrap .player-slider.ui-widget-content {position:relative;margin-left:109px;background: #828CAE !important;width:440px;height: 8px !important;border: none !important;border-radius: 4px !important;}
.audio-wrap .player-slider.ui-widget-content .ui-slider-range {background: #4459A3 !important;border-radius: 2px !important;}
.audio-wrap .player-slider.ui-widget-content .ui-slider-handle {display: block;top: inherit !important;width: 16px !important;height: 16px !important;margin-left:0;background: #4459A3 !important;border-radius: 50% !important;transform: translate(-5px, -5px);border: none !important;outline:none;}
.audio-wrap .player-slider.ui-widget-content .ui-slider-handle:focus{outline:none;}

.bannerSound{margin:16px auto 0;border-radius:16px;overflow:hidden;}
.bannerSound a{display:block;}
.bannerSound a img{width:100%;object-fit: contain;}

.tripList{margin-top:32px;display:flex;flex-wrap:wrap;gap:24px;}
.tripList li{width:calc(50% - 12px);border:1px solid #C0C0C0;border-radius:16px;overflow:hidden;}
.tripList li .thumb{display:block;width:100%;height:312px;}
.tripList li .thumb img{width:100%;}
.tripList li .TripInfo{padding:24px 40px 40px;}
.tripList li .TripInfo h3{font-size:28px;font-weight:800;color:#000;line-height:1.5;letter-spacing:-0.02em;}
.tripList li .TripInfo p{margin-top:16px;font-size:18px;font-weight:500;color:#7C7C7C;line-height:1.5;letter-spacing:-0.02em;}
.tripList li .TripInfo .addr{margin-top:0;font-size:18px;font-weight:700;color:#AB7A64;}

.af-content h2.tit_activity{margin:32px auto 0;padding-left:52px;font-size:24px;font-weight:800;color:#000;line-height:1.5;letter-spacing: -0.04em;background:url(/resources/images/themeplace/aiFigure/ico_activity.png) no-repeat left center / 35px auto;}
.af-content h2.tit_tutorial{margin:60px auto 0;padding-left:66px;font-size:24px;font-weight:800;color:#000;line-height:1.5;letter-spacing: -0.04em;background:url(/resources/images/themeplace/aiFigure/ico_tutorial.png) no-repeat left center / 50px auto;}
.af-content h2.tit_library{margin:60px auto 0;padding-left:63px;font-size:24px;font-weight:800;color:#000;line-height:1.5;letter-spacing: -0.04em;background:url(/resources/images/themeplace/aiFigure/ico_library.png) no-repeat left center / 47px auto;}