@charset "utf-8"; #content .not_scroll { position: fixed; overflow: hidden; width: 100%; height: 100% } #content img {image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden;} #content #wrap {width: 100%; margin: 0 auto; position: relative;} #content #headerAreaPc {position: relative; font-family: 'Spoqa Han Sans Neo', 'Noto Sans CJK KR', 'Noto Sans KR', "맑은 고딕", sans-serif; letter-spacing: -0.5px;} #content #headerAreaPc .header_inner {width: 100%; background: rgba(255, 255, 255, 0.95); box-shadow: 0px 1px 4px rgba(46, 21, 102, 0.15); position:fixed; left: 50%; transform: translateX(-50%); top: 0; z-index: 100; transition: all .2s;} #content #headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu {width: 100%; box-sizing: border-box; padding: 0 16.66%; display: flex; justify-content: center; background: rgba(255, 255, 255, 0.9); position: fixed; top: 98px; left: 0; z-index: 999; display: none;} #content #headerAreaPc .header_inner .header_inner_bottom .right_menu .select_nation img { height: 20px;} #content .site_map {width: 100%; height: calc(100vh - 102px); background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(25px); position: fixed; top: 100px; left: 0; z-index: 99; overflow-y: scroll; display: none;} #content .footer_tel_mo, #content .map_address_mo, #content .footer_biz_info { display: none; } #content .family {width: 84%; position: relative;} #content .quick {position: fixed; bottom: 200px;right: 0;z-index: 999;} #content .block {display: block;} #content .notice_popup_bg {z-index: 1000; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(1.5px);} @supports (-webkit-backdrop-filter: none) { .notice_popup_bg { -webkit-backdrop-filter: blur(1.5px); } } #content .notice_popup .close_btn_top {z-index: 1001; position: absolute; right: -17px; top: -17px; width: 35px; height: 35px; background: url(/images/daeat/index/btn_round_close.png) center no-repeat; background-size: contain;} #content .notice_popup .notice_bottom {background: #fff; border-radius: 0px 0px 12px 12px; padding: 12px; display: flex; justify-content: space-between; align-items: center;} #content .notice_popup_bg2 {z-index: 1000; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(1.5px);} @supports (-webkit-backdrop-filter: none) { .notice_popup_bg2 { -webkit-backdrop-filter: blur(1.5px); } } #content input[type="checkbox"] {display: none;} #content .appointment .inner form label span {display: inline-block; padding-left: 28px;} #content .visually-hidden {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;} #content {overflow: hidden;} #content .picture .picture_inner > ul > li .card {-webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -webkit-perspective: 0; -webkit-transition: all .5s; backface-visibility: hidden; visibility: visible; transition: all .5s;} #content .video h3 a {color: #2E1566;} #content .pic_lt {position:relative;margin-bottom:20px;overflow:hidden;border: 1px solid #c6cacc;background:#fff} #content .pic_lt .lat_title {display:block;background:#fcfcfc;padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#253dbe;} #content .pic_lt .lat_title a {color:#253dbe;display:inline-block;position:relative} #content .pic_lt .lat_title a:after {position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#253dbe;content:''} #content .pic_lt .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;} #content .pic_lt .lt_more:hover {color:#777} #content .pic_lt ul:after {display:block;visibility:hidden;clear:both;content:""} #content .pic_lt ul {padding:20px 15px } #content .pic_lt li {float:left;width:20%;padding:0 10px} #content .pic_lt li .lt_img {margin:5px 0;display:block} #content .pic_lt li .lt_img img {width:100%;height:auto} #content .pic_lt li a:hover {color:#a22121} #content .pic_lt li .fa-heart {color:#ff0000;} #content .pic_lt li .fa-lock {display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce} #content .pic_lt li .new_icon {display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;} #content .pic_lt li .hot_icon {display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;} #content .pic_lt li .fa-caret-right {color:#bbb} #content .pic_lt .lt_cmt {background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space: nowrap; -webkit-box-shadow: inset 0 2px 5px rgba(255,255,255,0.4); -moz-box-shadow: inset 0 2px 5px rgba(255,255,255,0.4); box-shadow: inset 0 2px 5px rgba(255,255,255,0.4);} #content .pic_lt .lt_date {display:block;margin-top:5px;color: #888;} #content .chartbox {background: repeating-linear-gradient(#E4E4E4, #E4E4E4 1px, #FFFFFF 0, #FFFFFF 20px); background-position-y: -32px; background-repeat:no-repeat;} @media (hover:hover) { #content #headerAreaPc .header_inner .header_inner_bottom #gnb .depth_first h3 a:hover {font-weight: 700; border-bottom: 4px solid #69488E;} } @media (hover:hover) { #content #headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li:hover {background: #F8F8F8;} #content #headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li a:hover {color: #7435FF;} } @media (hover:hover) { #content .site_map ul a:hover {color: #8556E3;} #content .site_map ul dt a:hover {border-color: #8556E3;} } @media screen and (max-width:1860px) { #content .site_map ul {padding: 34px 14% 68px;} #content #headerAreaPc .header_inner .header_inner_top {padding: 6.5px 12%;} #content #headerAreaPc .header_inner .header_inner_bottom {padding: 0 12%;} #content #headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu {padding: 0;} #content #headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li {padding: 32px 2% 24px;} #content #headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li::before {height: 70%; top: 78px;} #content #headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li:last-child::after {height: 70%; top: 78px;} #content #headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li h3 {font-size: 16px; margin-bottom: 14px;} #content #headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li a {font-size: 14px; padding: 10px 0;} } @media screen and (max-width:1740px) { #content .site_map ul {padding: 34px 14% 68px;} #content #headerAreaPc .header_inner .header_inner_top {padding: 6.5px 8%;} #content #headerAreaPc .header_inner .header_inner_bottom {padding: 0 8%;} #content .footer_top .footer_schedule {width: max-content;} } @media screen and (max-width:1540px) { #content #headerAreaPc .header_inner .header_inner_bottom #gnb .depth_first h3 a {margin: 0 4px;} #content #headerAreaPc .header_inner .header_inner_bottom #gnb .depth_first h3 a::before {display: none;} #content .site_map ul {padding: 34px 10% 68px;} #content .footer_inner {padding: 60px 12% 220px;} } @media screen and (max-width:1440px) { #content #headerAreaPc .header_inner .header_inner_top {padding: 6.5px 6%;} #content #headerAreaPc .header_inner .header_inner_bottom {padding: 0 6%;} #content #headerAreaPc .header_inner .header_inner_bottom #gnb .depth_first h3 a {font-size: 15px; padding: 24.5px 4px;} #content #headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li::before {height: 67%; top: 72px;} #content #headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li:last-child::after {height: 67%; top: 72px;} #content #headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li h3 {font-size: 14px; margin-bottom: 14px;} #content #headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li a {font-size: 12px; padding: 8px 0;} #content .site_map ul {padding: 34px 8% 68px;} #content .footer_inner {padding: 60px 8% 220px;} #content .footer_top .footer_schedule ul {grid-template-columns: repeat(2, 1fr);} #content .footer_top .footer_schedule .empty {display: none;} } @media screen and (max-width:1130px) { #content #headerAreaPc .header_inner .header_inner_top {padding: 6.5px 5%;} #content #headerAreaPc .header_inner .header_inner_bottom {padding: 0 5%;} #content #headerAreaPc .header_inner .header_inner_bottom #gnb .depth_first h3 a {font-size: 14px; padding: 25px 4px; margin: 0 2px;} #content #headerAreaPc .header_inner .header_inner_bottom #gnb .depth_first h3 a::before {display: none;} } @media screen and (max-width:1058px) { #content .footer_inner {padding: 60px 6% 220px;} } @media screen and (max-width:1024px) { #content #headerAreaPc {display: none;} #content #headerAreaTablet {display: block;} #content #headerAreaMobile {display: none; position: relative;} #content #headerAreaTablet .header_inner .header_inner_bottom .menu_open {display: block;} #content #headerAreaTablet .header_inner {width: 100%; background: rgba(255, 255, 255, 0.95); position:fixed; left: 50%; transform: translateX(-50%); top: 0; z-index: 100; box-shadow: 0px 1px 4px rgba(46, 21, 102, 0.15); transition: all .2s;} #content #headerAreaTablet .header_inner .header_inner_top {background: #69488E; width: 100%; padding: 5.5px 5%; box-sizing: border-box; font-size: 12px; overflow: hidden;} #content #headerAreaTablet .header_inner .header_inner_top > div {float: left;} #content #headerAreaTablet .header_inner .header_inner_top > div > a {padding: 0;} #content #headerAreaTablet .header_inner .header_inner_top > ul {float: right;} #content #headerAreaTablet .header_inner .header_inner_top > ul li {float: left; position: relative;} #content #headerAreaTablet .header_inner .header_inner_top > ul li:last-of-type:before {content: ''; display: block; width: 1px; height: 10px; background: #FFFFFF; position: absolute; left: 0; top: 3px ;} #content #headerAreaTablet .header_inner .header_inner_top a {color: #fff; display: block; padding: 0 8px;} #content #headerAreaTablet .header_inner .header_inner_bottom {width: 100%; padding: 12px 5%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;} #content #headerAreaTablet .header_inner .header_inner_bottom .menu_open {float: right;} #content #headerAreaTablet .right_menu {display: flex; align-items: center; justify-content: space-between; gap: 8px;} #content #headerAreaTablet .mobileAllMenu_inner .mobileAllMenu_list_top {display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 5%;} #content #headerAreaTablet .mobileAllMenu_inner .mobileAllMenu_list_top .home {display: block; width: 24px; height: 24px; background: url(/images/daeat/index/btn_home.png) center no-repeat; background-size: contain; text-indent: -9999px; font-size: 0; color: #fff;} #content #headerAreaTablet .right_menu .select_branch {position: relative;} #content #headerAreaTablet .right_menu .select_branch > a {display: inline-block; padding: 8px 16px; background: rgba(231, 231, 231, 0.9); border-radius: 166px; vertical-align: middle; white-space: nowrap;} #content #headerAreaTablet .right_menu .select_branch > a.on > span::after {transform: rotate(180deg);} #content #headerAreaTablet .right_menu .select_branch > a > span {display: inline-block; position: relative; font-weight: 700; vertical-align: text-top; font-size: 14px; line-height: 20px; color: #29203B; transform: skew(-0.1deg);} #content #headerAreaTablet .right_menu .select_branch > a > span::after {content: ''; display: inline-block; width: 16px; height: 16px; background: url(/images/daeat/index/arrow_pp_down_mo.png) center no-repeat; background-size: contain; position: relative; top: 3px; right: -2px; transform: rotate(0); transition: all .1s;} #content #headerAreaTablet .right_menu .select_branch > .branches {position: absolute; top: 42px; left: 50%; transform: translateX(-50%); z-index: 999; border-width: 0px 1px 1px 1px; border-color: #F2F2F2; border-style: solid; border-radius: 16px; display: none;} #content #headerAreaTablet .right_menu .select_branch > .branches li {background: rgba(255, 255, 255, 0.9);} #content #headerAreaTablet .right_menu .select_branch > .branches li.on {background: #F4F4F4;} #content #headerAreaTablet .right_menu .select_branch > .branches li:first-child {border-radius: 16px 16px 0 0;} #content #headerAreaTablet .right_menu .select_branch > .branches li:last-child {border-radius: 0 0 16px 16px;} #content #headerAreaTablet .right_menu .select_branch > .branches li:not(:last-child) {border-bottom: 1px solid #F2F2F2;} #content #headerAreaTablet .right_menu .select_branch > .branches li a {display: block; padding: 8px 26px; text-align: center; white-space: nowrap;} #content #headerAreaTablet .right_menu .select_branch > .branches li a span {color: #29203B; font-weight: 500; font-size: 12px; line-height: 18px;} #content #headerAreaTablet .right_menu .select_nation {position: relative; display: flex; align-items: center; justify-content: flex-end; gap: 10px;} #content #headerAreaTablet .right_menu .select_nation img {width: 20px; height: 20px;} #content #headerAreaTablet .right_menu .select_nation span {font-weight: 500; font-size: 12px; line-height: 18px;} #content #headerAreaTablet .right_menu .select_nation > a {display: inline-block; padding: 6px 16px; background: rgba(231, 231, 231, 0.9); border-radius: 166px; vertical-align: middle; white-space: nowrap;} #content #headerAreaTablet .right_menu .select_nation > a.on > span::after {transform: rotate(180deg);} #content #headerAreaTablet .right_menu .select_nation > a > img {padding-right: 24px;} #content #headerAreaTablet .right_menu .select_nation > a > span {display: inline-block; position: relative; font-size: 0;} #content #headerAreaTablet .right_menu .select_nation > a > span::before {content: ''; display: block; width: 1px; height: 100%; background: #D8D8D8; position: absolute; top: 0; left: -12px;} #content #headerAreaTablet .right_menu .select_nation > a > span::after {content: ''; display: inline-block; width: 16px; height: 16px; background: url(/images/daeat/index/arrow_pp_down_mo.png) center no-repeat; background-size: contain; position: relative; top: 4px; right: -2px; transform: rotate(0); transition: all .1s;} #content #headerAreaTablet .right_menu .dropdown_menu {position: absolute; top: 42px; left: 0; z-index: 100; border-width: 0px 1px 1px 1px; border-color: #F2F2F2; border-style: solid; border-radius: 16px; overflow: hidden;} #content #headerAreaTablet .right_menu .dropdown_menu li {background: rgba(255, 255, 255, 0.9);} #content #headerAreaTablet .right_menu .dropdown_menu li.on a {background: #F4F4F4;} #content #headerAreaTablet .right_menu .dropdown_menu li:first-child {border-radius: 16px 16px 0 0;} #content #headerAreaTablet .right_menu .dropdown_menu li:last-child {border-radius: 0 0 16px 16px;} #content #headerAreaTablet .right_menu .dropdown_menu li:not(:last-child) {border-bottom: 1px solid #F2F2F2;} #content #headerAreaTablet .right_menu .dropdown_menu li a {display: block; padding: 8px 22px; background: #fff; text-align: center; white-space: nowrap;} #content #headerAreaTablet .right_menu .dropdown_menu li a img {padding-right: 10px;} #content #headerAreaTablet .right_menu .btn_close {height: 48px;} #content #headerAreaTablet .right_menu .btn_close a {display: inline-block; width: 24px; height: 24px; padding: 12px 0; background: url(/images/daeat/index/btn_close_mo.png) center no-repeat; background-size: contain;} #content .mobileAllMenu_bg {width: 100%; height: 100vh; background: rgba(46, 21, 102, 0.5); position: fixed; top: 0; left: 0; z-index: 999; display: none;} #content #tabletAllMenu .mobileAllMenu_inner {width: 45%; height: 100vh; overflow: scroll; background: #fff; position: fixed; top: 0; right: -100%; z-index: 1000;} #content #tabletAllMenu .mobileAllMenu_list {margin-bottom: 24px;} #content #tabletAllMenu .mobileAllMenu_list .mobileAllMenu_list_top .select_nation .dropdown_menu {top: 46px;} #content #tabletAllMenu .mobileAllMenu_list .depth1 h3 a {color: #2E1566; font-weight: 500; font-size: 17px; letter-spacing: -0.01em; display: block; box-shadow: inset 0px -1px 0px rgba(46, 21, 102, 0.15); padding: 18px 5%; box-sizing: border-box; position: relative;} #content #tabletAllMenu .mobileAllMenu_list .depth1 h3 a::after {content: ''; display: block; width: 12px; height: 12px; background-position: center; background-repeat: no-repeat; background-image: url(/images/daeat/index/arrow_pp_right_bold.png); background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); right: 5%;} #content #tabletAllMenu .mobileAllMenu_list .depth1 h3 a.on::after {background-image: url(/images/daeat/index/arrow_lightpp_down.png);} #content #tabletAllMenu .mobileAllMenu_list .depth1 .dropdown_menu li > a {display: block; color: #2E1566; border-bottom: 1px solid #F2F2F2; background: rgba(227, 215, 255, 0.15); font-weight: 500; font-size: 14px; padding: 16px 5%; box-sizing: border-box; position: relative;} #content #tabletAllMenu .mobileAllMenu_list .depth1 .dropdown_menu li > a.on {color: #7435FF;} #content #tabletAllMenu .mobileAllMenu_list .depth1 .dropdown_menu li > a::after {content: 'HIT'; display: inline-block; background: #FEE500; color: #7435FF; border-radius: 4px; padding: 1px 2px; font-weight: 700; font-size: 10px; line-height: 13px; position: relative; right: 0; top: -1px; display: none;} #content #tabletAllMenu .mobileAllMenu_list .depth1 .dropdown_menu li > a.badge::after {display: inline-block;} @media (hover:hover) { #tabletAllMenu .mobileAllMenu_list .dropdown_menu li a:hover {color: #8556E3;} } #tabletAllMenu .mobileAllMenu_list .dropdown_menu li a:active {color: #8556E3;} #content #tabletAllMenu .contact_us {margin-bottom: 24px;} #content #tabletAllMenu .contact_us ul {display: flex; align-items: center; justify-content: center; gap: 1%;} #content #tabletAllMenu .contact_us ul li {width: 29%;} #content #tabletAllMenu .contact_us ul li a {display: block; background: rgba(116, 53, 255, 0.05); text-align: center; padding: 12px 0; border: 1px solid rgba(46, 21, 102, 0.15); border-radius: 4px; font-size: 11px; color: #2E1566; font-weight: 500; box-sizing: border-box;} #content #tabletAllMenu .contact_us ul li a span {display: block; width: 24px; height: 24px; margin: 0 auto 6px; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% auto;} #content #tabletAllMenu .contact_us ul li:nth-of-type(1) a span {background-image: url(/images/daeat/index/btn_call.png);} #content #tabletAllMenu .contact_us ul li:nth-of-type(2) a span {background-image: url(/images/daeat/index/btn_kakao.png);} #content #tabletAllMenu .contact_us ul li:nth-of-type(3) a span {background-image: url(/images/daeat/index/btn_online.png);} #content #tabletAllMenu .slogan {background: #7435FF;} #content #tabletAllMenu .slogan p {font-weight: 700; font-size: 16px; line-height: 20px; letter-spacing: -0.04em; color: #FFFFFF; padding: 16px 5%;} #content #tabletAllMenu .member {padding: 12px 5%; margin-bottom: 145px;} #content #tabletAllMenu .member ul::before {content: ''; display: block; clear: both;} #content #tabletAllMenu .member ul li {float: left;} #content #tabletAllMenu .member ul li a {display: inline-block; padding: 12px 8px; color: #2E1566; font-weight: 500; font-size: 12px; position: relative;} #content #tabletAllMenu .member ul li a::after {content: ''; width: 1px; height: 9px; background: #2E1566; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} #content #tabletAllMenu .member ul li:first-child a {padding-left: 0;} #content #tabletAllMenu .member ul li:last-child a::after {display: none;} #content #footerArea {border-top: none} #content #footerArea .footer_inner {padding: 60px 5% 250px;} #content .footer_tel_mo, #content .map_address_mo, #content .footer_bottom .footer_biz_info {display: block;} #content .footer_address {display: none;} #content .footer_top {flex-direction:column;margin-bottom: 20px;} #content .footer_top .footer_title {font-weight: 700; font-size: 16px;margin-bottom: 4px;} #content .footer_top .footer_schedule {order:3;} #content .footer_top .footer_map {order:2;width: 100%;margin-bottom: 60px;} #content .footer_top .footer_map .map_address_mo {font-size:14px; margin-bottom: 8px;} #content .footer_top .footer_map .map_info_wrap {flex-direction:column;gap: 8px} #content .footer_top .footer_map .map_thumb {width: 100%; aspect-ratio: 620/280;} #content .footer_top .footer_map .map_links {width: 100%;grid-template-columns: repeat(3, 1fr);} #content #footerArea .footer_tel_mo {padding-bottom: 20px; border-bottom: 1px solid rgba(46, 21, 102, 0.05); margin-bottom: 20px;width: 100%;} #content .footer_bottom { flex-direction: column;padding-top: 20px;gap: 20px;} #content .footer_bottom .footer_copyright {width: 100%;order:2;} #content .footer_bottom .footer_sns {width: 100%; order:1;align-items: flex-start; border-bottom:1px solid rgba(46, 21, 102, 0.15)} #content .footer_bottom .footer_sns ul {margin-bottom:20px;} #content .footer_bottom .footer_copyright ul {margin-bottom: 8px;} #content #footerArea .footer_tel_txt strong {font-family: 'Inter'; font-size: 24px; color: #8556E3;} #content .quick {right: 5%;} #content .quick ul {border-radius: 12px; border: 2px solid rgba(46, 21, 102, 0.05);} #content .quick ul li {width: 92px;} #content .quick ul li:first-child {border-radius: 12px 12px 0 0;} #content .quick ul li:last-child {border-radius: 0 0 12px 12px;} #content .quick ul li a {padding: 12px 0;} #content .quick ul li a span {width: 40px; height: 40px; margin: 0 auto 4px;} #content .quick ul li:nth-child(1) a span {background-image: url(/images/daeat/index/icon_quick_calender_mo.png);} #content .quick ul li:nth-child(2) a span {background-image: url(/images/daeat/index/icon_quick_call_mo.png);} #content .quick ul li:nth-child(3) a span {background-image: url(/images/daeat/index/icon_quick_kakao_mo.png);} #content .quick ul li:nth-child(4) a span {background-image: url(/images/daeat/index/btn_top_pc_mo.png);} #content .quick ul li:nth-child(5) a span {width: 48px; height: 48px;} #content .quick ul li a p {font-size: 12px;} #content #footerAreaMobile .topMove.mo_ver {display: none;} } @media screen and (max-width:768px) { #content .wrap {min-width: 375px;} #content #headerAreaTablet {display: none;} #content #headerAreaMobile {display: block;} #content #headerAreaMobile .header_inner {background: rgba(255, 255, 255, 0.95); width: 100%; position:fixed; left: 50%; transform: translateX(-50%); top: 0; z-index: 100; box-shadow: 0px 1px 4px rgba(46, 21, 102, 0.15); transition: all .2s;} #content #headerAreaMobile .header_inner .header_inner_top {width: 100%; padding: 5.5px 5%; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;} #content #headerAreaMobile .header_inner .header_inner_top .logo {width: 95px; height: 30px; margin: 9px 0;} #content #headerAreaMobile .header_inner .header_inner_top .right_menu {display: flex; align-items: center; justify-content: space-between; gap: 4px;} #content #headerAreaMobile .mobileAllMenu_inner .mobileAllMenu_list_top {display: flex; align-items: center; justify-content: space-between; gap: 4px; padding: 0 5%;} #content #headerAreaMobile .mobileAllMenu_inner .mobileAllMenu_list_top .home {display: block; width: 24px; height: 24px; background: url(/images/daeat/index/btn_home.png) center no-repeat; background-size: contain; text-indent: -9999px; font-size: 0; color: #fff;} #content #headerAreaMobile .right_menu .select_branch {position: relative;} #content #headerAreaMobile .right_menu .select_branch > a {display: inline-block; padding: 2px 12px 5px; border: 1px solid rgba(46, 21, 102, 0.15); border-radius: 166px; vertical-align: middle; white-space: nowrap;} #content #headerAreaMobile .right_menu .select_branch > a.on > span::after {transform: rotate(180deg);} #content #headerAreaMobile .right_menu .select_branch > a > span {display: inline-block; position: relative; font-weight: 500; font-size: 12px; color: #6A4A90; transform: skew(-0.1deg);} #content #headerAreaMobile .right_menu .select_branch > a > span::after {content: ''; display: inline-block; width: 12px; height: 12px; margin-left: 4px; background: url(/images/daeat/index/arrow_mpp_down_mo.png) center no-repeat; background-size: contain; position: relative; top: 3px; right: -2px; transform: rotate(0); transition: all .1s;} #content #headerAreaMobile .right_menu .select_branch > .branches {position: absolute; top: 34px; left: 50%; transform: translateX(-50%); z-index: 999; border-width: 1px; border-color:rgba(58, 27, 128, 0.15); border-style: solid; border-radius: 16px; display: none;} #content #headerAreaMobile .right_menu .select_branch > .branches li {background: rgba(255, 255, 255, 0.9);} #content #headerAreaMobile .right_menu .select_branch > .branches li.on {background: linear-gradient(0deg, #F2F2F2, #F2F2F2), #FFFFFF;} #content #headerAreaMobile .right_menu .select_branch > .branches li:first-child {border-radius: 16px 16px 0 0;} #content #headerAreaMobile .right_menu .select_branch > .branches li:last-child {border-radius: 0 0 16px 16px;} #content #headerAreaMobile .right_menu .select_branch > .branches li:not(:last-child) {border-bottom: 1px solid rgba(46, 21, 102, 0.15);} #content #headerAreaMobile .right_menu .select_branch > .branches li a {display: block; padding: 8px 22px; text-align: center; white-space: nowrap;} #content #headerAreaMobile .right_menu .select_branch > .branches li a span {color: #6A4A90; font-weight: 500; font-size: 12px; line-height: 18px;} #content #headerAreaMobile .header_inner .header_inner_top .right_menu .select_nation {position: relative;} #content #headerAreaMobile .header_inner .header_inner_top .right_menu .select_nation img {width: 20px; height: 20px;} #content #headerAreaMobile .header_inner .header_inner_top .right_menu .select_nation span {font-weight: 500; font-size: 12px; line-height: 18px;} #content #headerAreaMobile .header_inner .header_inner_top .right_menu .select_nation > a {display: inline-block; padding: 2px 12px 5px; color: #6A4A90; border: 1px solid rgba(46, 21, 102, 0.15); border-radius: 166px; vertical-align: middle; white-space: nowrap;} #content #headerAreaMobile .header_inner .header_inner_top .right_menu .select_nation > a.on > span::after {transform: rotate(180deg);} #content #headerAreaMobile .header_inner .header_inner_top .right_menu .select_nation > a > img {display: none;} #content #headerAreaMobile .header_inner .header_inner_top .right_menu .select_nation > a > span {display: inline-block; position: relative;} #content #headerAreaMobile .header_inner .header_inner_top .right_menu .select_nation > a > span::after {content: ''; display: inline-block; width: 12px; height: 12px; margin-left: 4px; background: url(/images/daeat/index/arrow_mpp_down_mo.png) center no-repeat; background-size: contain; position: relative; top: 2px; right: 0; transform: rotate(0); transition: all .1s;} #content #headerAreaMobile .header_inner .header_inner_top .right_menu .dropdown_menu {position: absolute; top: 34px; left: 50%; z-index: 100; transform: translateX(-50%); border-width: 1px; border-color:rgba(58, 27, 128, 0.15); border-style: solid; border-radius: 16px;} #content #headerAreaMobile .header_inner .header_inner_top .right_menu .dropdown_menu li {background: rgba(255, 255, 255, 0.9);} #content #headerAreaMobile .header_inner .header_inner_top .right_menu .dropdown_menu li.on {background: linear-gradient(0deg, #F2F2F2, #F2F2F2), #FFFFFF;} #content #headerAreaMobile .header_inner .header_inner_top .right_menu .dropdown_menu li:first-child {border-radius: 16px 16px 0 0;} #content #headerAreaMobile .header_inner .header_inner_top .right_menu .dropdown_menu li:last-child {border-radius: 0 0 16px 16px;} #content #headerAreaMobile .header_inner .header_inner_top .right_menu .dropdown_menu li:not(:last-child) {border-bottom: 1px solid rgba(46, 21, 102, 0.15);} #content #headerAreaMobile .header_inner .header_inner_top .right_menu .dropdown_menu li a {display: block; padding: 8px 18px; text-align: center; white-space: nowrap;} #content #headerAreaMobile .header_inner .header_inner_top .right_menu .dropdown_menu li a span {font-size: 0; text-indent: -9999px;} #content #headerAreaMobile .header_inner .header_inner_top .right_menu .all_menu {display: inline-block; width: 32px; height: 32px; background: url(/images/daeat/index/menu_mo.png) right center no-repeat; background-size: contain;} #content #headerAreaMobile .header_inner .header_inner_top .right_menu .all_menu span {font-size: 0; color: #FFFFFF; text-indent: -9999px;} #content #headerAreaMobile .header_inner .header_inner_bottom {padding: 0px 5%; justify-content: normal; align-items: center; border-top: 1px solid rgba(46, 21, 102, 0.15);} #content #headerAreaMobile .header_inner .header_inner_bottom #mobileGnb {overflow: hidden; position: relative; height: 43px;} #content #headerAreaMobile .header_inner .header_inner_bottom #mobileGnb .inner {position: absolute; top: 0; left: 0; z-index: 99;} #content #headerAreaMobile .header_inner .header_inner_bottom #mobileGnb ul {display: flex; align-items: center; justify-content: center; transform: translate(0px, 0px); transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 400ms; white-space: nowrap;} #content #headerAreaMobile .header_inner .header_inner_bottom #mobileGnb ul li h3 { white-space: nowrap;} #content #headerAreaMobile .header_inner .header_inner_bottom #mobileGnb ul li h3 a {display: inline-block; font-weight: 500; font-size: 14px; padding: 12px; position: relative;} #content #headerAreaMobile .header_inner .header_inner_bottom #mobileGnb ul li h3 a::before {content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background: #2E1566; position: absolute; top: 50%; transform: translateY(-50%); left: 0;} #content #headerAreaMobile .header_inner .header_inner_bottom #mobileGnb ul li:first-of-type h3 a {padding-left: 0;} #content #headerAreaMobile .header_inner .header_inner_bottom #mobileGnb ul li:first-of-type h3 a::before {display: none;} #content #headerAreaMobile .header_inner .header_inner_bottom #mobileGnb ul li:last-of-type h3 a {padding-right: 0;} #content #headerAreaMobile .mobile_menu {width: 100%; position: fixed; left: 0; bottom: 0; z-index: 200; background: rgba(255, 255, 255, 1); box-shadow: 0px -1px 1px rgba(116, 53, 255, 0.15); display: block;} #content #headerAreaMobile .mobile_menu ul {display: flex; align-items: center; justify-content: space-between;} #content #headerAreaMobile .mobile_menu ul li {width: 25%; padding: 12px 0; } #content #headerAreaMobile .mobile_menu ul li a {display: block; text-align: center; color: #2E1566; font-weight: 500; font-size: 11px;} #content #headerAreaMobile .mobile_menu ul li a span {display: block; width: 24px; height: 24px; margin: 0 auto 6px; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat;} #content #headerAreaMobile .mobile_menu ul li:nth-of-type(1) a span {background-image: url(/images/daeat/index/btn_home.png);} #content #headerAreaMobile .mobile_menu ul li:nth-of-type(2) a span {background-image: url(/images/daeat/index/btn_call.png);} #content #headerAreaMobile .mobile_menu ul li:nth-of-type(3) a span {background-image: url(/images/daeat/index/btn_kakao.png);} #content #headerAreaMobile .mobile_menu ul li:nth-of-type(4) {background: #69488E;} #content #headerAreaMobile .mobile_menu ul li:nth-of-type(4) a {color: #fff;} #content #headerAreaMobile .mobile_menu ul li:nth-of-type(4) a span {background-image: url(/images/daeat/index/btn_calender.png);} #content #headerAreaMobile .mobile_menu ul li:nth-of-type(5) a span {background-image: url(/images/daeat/index/btn_online.png);} #content #mobileAllMenu .mobileAllMenu_inner {width: 85%; height: 100vh; overflow: scroll; background: #fff; position: fixed; top: 0; right: -100%; z-index: 1000;} #content #mobileAllMenu .mobileAllMenu_list {margin-bottom: 24px;} #content #mobileAllMenu .mobileAllMenu_list .right_menu {display: flex; align-items: center; justify-content: space-between; gap: 4px;} #content #mobileAllMenu .mobileAllMenu_list .right_menu .home {display: block; width: 24px; height: 24px; background: url(/images/daeat/index/btn_home.png) center no-repeat; background-size: contain; text-indent: -9999px; font-size: 0; color: #fff;} #content #mobileAllMenu .mobileAllMenu_list .right_menu .select_nation {position: relative; display: flex; align-items: center; justify-content: flex-end; gap: 10px;} #content #mobileAllMenu .mobileAllMenu_list .right_menu .select_nation img {width: 20px; height: 20px;} #content #mobileAllMenu .mobileAllMenu_list .right_menu .select_nation span {font-weight: 500; font-size: 12px; line-height: 18px; color: #6A4A90;} #content #mobileAllMenu .mobileAllMenu_list .right_menu .select_nation > a {display: inline-block; padding: 2px 12px 5px; border: 1px solid rgba(58, 27, 128, 0.15); border-radius: 166px; vertical-align: middle; white-space: nowrap;} #content #mobileAllMenu .mobileAllMenu_list .right_menu .select_nation > a.on > span::after {transform: rotate(180deg);} #content #mobileAllMenu .mobileAllMenu_list .right_menu .select_nation > a > img {display: none;} #content #mobileAllMenu .mobileAllMenu_list .right_menu .select_nation > a > span {display: inline-block; position: relative; color: #6A4A90;} #content #mobileAllMenu .mobileAllMenu_list .right_menu .select_nation > a > span::after {content: ''; display: inline-block; width: 16px; height: 16px; background: url(/images/daeat/index/arrow_mpp_down_mo.png) center no-repeat; background-size: contain; position: relative; top: 4px; right: -2px; transform: rotate(0); transition: all .1s;} #content #mobileAllMenu .mobileAllMenu_list .right_menu .dropdown_menu {position: absolute; top: 42px; left: 0; z-index: 100; border-width: 1px; border-color: rgba(46, 21, 102, 0.15); border-style: solid; border-radius: 16px; overflow: hidden;} #content #mobileAllMenu .mobileAllMenu_list .right_menu .dropdown_menu li {background: rgba(255, 255, 255, 0.9);} #content #mobileAllMenu .mobileAllMenu_list .right_menu .dropdown_menu li.on a {background: #F4F4F4;} #content #mobileAllMenu .mobileAllMenu_list .right_menu .dropdown_menu li:first-child {border-radius: 16px 16px 0 0;} #content #mobileAllMenu .mobileAllMenu_list .right_menu .dropdown_menu li:last-child {border-radius: 0 0 16px 16px;} #content #mobileAllMenu .mobileAllMenu_list .right_menu .dropdown_menu li:not(:last-child) {border-bottom: 1px solid rgba(46, 21, 102, 0.15);} #content #mobileAllMenu .mobileAllMenu_list .right_menu .dropdown_menu li a {display: block; padding: 8px 18px; background: #fff; text-align: center; white-space: nowrap;} #content #mobileAllMenu .mobileAllMenu_list .right_menu .dropdown_menu li a span {display: none;} #content #mobileAllMenu .mobileAllMenu_list .right_menu .btn_close {height: 48px; } #content #mobileAllMenu .mobileAllMenu_list .right_menu .btn_close a {display: inline-block; width: 24px; height: 24px; padding: 12px 0; background: url(/images/daeat/index/btn_close_mo.png) center no-repeat; background-size: contain;} #content #mobileAllMenu .mobileAllMenu_list h3 a {color: #2E1566; font-weight: 500; font-size: 17px; letter-spacing: -0.01em; display: block; box-shadow: inset 0px -1px 0px rgba(46, 21, 102, 0.15); padding: 18px 5%; box-sizing: border-box; position: relative;} #content #mobileAllMenu .mobileAllMenu_list h3 a::after {content: ''; display: block; width: 12px; height: 12px; background-position: center; background-repeat: no-repeat; background-image: url(/images/daeat/index/arrow_pp_right_bold.png); background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); right: 5%;} #content #mobileAllMenu .mobileAllMenu_list h3 a.on::after {background-image: url(/images/daeat/index/arrow_lightpp_down.png);} #content #mobileAllMenu .mobileAllMenu_list .dropdown_menu li a {display: block; color: #2E1566; border-bottom: 1px solid #F2F2F2; background: rgba(227, 215, 255, 0.15); font-weight: 500; font-size: 14px; padding: 16px 5%; box-sizing: border-box; position: relative;} #content #mobileAllMenu .mobileAllMenu_list .dropdown_menu li > a.on {color: #7435FF;} #content #mobileAllMenu .mobileAllMenu_list .dropdown_menu li > a::after {content: 'HIT'; display: inline-block; background: #FEE500; color: #7435FF; border-radius: 4px; padding: 1px 2px; font-weight: 700; font-size: 10px; line-height: 13px; position: relative; right: 0; top: -1px; display: none;} #content #mobileAllMenu .mobileAllMenu_list .dropdown_menu li > a.badge::after {display: inline-block;} @media (hover:hover) { #mobileAllMenu .mobileAllMenu_list .dropdown_menu li a:hover {color: #8556E3;} } #mobileAllMenu .mobileAllMenu_list .dropdown_menu li a:active {color: #8556E3;} #content #mobileAllMenu .contact_us {margin-bottom: 24px;} #content #mobileAllMenu .contact_us ul {display: flex; align-items: center; justify-content: center; gap: 1%;} #content #mobileAllMenu .contact_us ul li {width: 29%;} #content #mobileAllMenu .contact_us ul li a {display: block; background: rgba(116, 53, 255, 0.05); text-align: center; padding: 12px 0; border: 1px solid rgba(46, 21, 102, 0.15); border-radius: 4px; font-size: 11px; color: #2E1566; font-weight: 500; box-sizing: border-box;} #content #mobileAllMenu .contact_us ul li a span {display: block; width: 24px; height: 24px; margin: 0 auto 6px; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% auto;} #content #mobileAllMenu .contact_us ul li:nth-of-type(1) a span {background-image: url(/images/daeat/index/btn_call.png);} #content #mobileAllMenu .contact_us ul li:nth-of-type(2) a span {background-image: url(/images/daeat/index/btn_kakao.png);} #content #mobileAllMenu .contact_us ul li:nth-of-type(3) a span {background-image: url(/images/daeat/index/btn_online.png);} #content #mobileAllMenu .slogan {background: #7435FF;} #content #mobileAllMenu .slogan p {font-weight: 700; font-size: 16px; line-height: 20px; letter-spacing: -0.04em; color: #FFFFFF; padding: 16px 5%;} #content #mobileAllMenu .member {padding: 12px 5%; margin-bottom: 145px;} #content #mobileAllMenu .member ul::before {content: ''; display: block; clear: both;} #content #mobileAllMenu .member ul li {float: left;} #content #mobileAllMenu .member ul li a {display: inline-block; padding: 12px 8px; color: #2E1566; font-weight: 500; font-size: 12px; position: relative;} #content #mobileAllMenu .member ul li a::after {content: ''; width: 1px; height: 9px; background: #2E1566; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} #content #mobileAllMenu .member ul li:first-child a {padding-left: 0;} #content #mobileAllMenu .member ul li:last-child a::after {display: none;} #content #footerArea .footer_inner {padding: 32px 5% 170px;} #content .footer_top .footer_map {margin-bottom: 40px;} #content .footer_top .footer_schedule {width:100%;} #content .footer_top .footer_schedule ul {margin-bottom:8px;} #content .footer_top .footer_map .map_links {width: 100%;grid-template-columns: repeat(3, 1fr);} #content #footerArea .footer_tel_mo {padding-bottom: 20px; border-bottom: 1px solid rgba(46, 21, 102, 0.05); margin-bottom: 20px;width: 100%;} #content .footer_bottom { border-top:0;} #content .footer_bottom .footer_copyright {width: 100%;order:2;} #content .footer_bottom .footer_sns { border-bottom:0} #content .footer_bottom .footer_sns ul li a {margin:0;} #content .footer_bottom .footer_sns ul {margin-bottom:20px;} #content .footer_bottom .footer_copyright ul {margin-bottom: 8px;flex-wrap: wrap;gap: 4px;} #content .footer_bottom .footer_copyright ul li a {font-size: 12px;} #content .footer_bottom .footer_copyright ul li::after {width: 1px; height: 1px;margin-left:4px;} #content #footerArea .footer_tel_txt strong {font-family: 'Inter'; font-size: 24px; color: #8556E3;} #content .quick {display: none;} #content #footerAreaMobile .topMove.mo_ver {display: block;} #content #footerAreaMobile .topMove {position: fixed; bottom: 88px; right: 5%; z-index: 999; transition: all .2s; opacity: 0;} #content #footerAreaMobile .topMove.on {opacity: 1;} #content #footerAreaMobile .topMove.toppos {bottom: 250px;} #content #footerAreaMobile .topMove a {display: block; width: 60px; height: 60px; text-indent: -9999px; font-size: 0; color: rgba(255,255,255,0); background: url(/images/daeat/index/btn_top.png) center no-repeat; background-size: contain;} } @media (hover:hover) { #content .swiper-button-next:hover, #content .swiper-button-prev:hover {opacity: 1 !important;} } @media (hover:hover) { #content .picture .picture_inner > ul > li:hover {box-shadow: 0px 8px 10px rgba(46, 21, 102, 0.15); border: 1px solid #7435FF;} #content .picture .picture_inner > ul > li:hover .people_card {transform: rotateY(180deg);} #content .picture .picture_inner > ul > li:hover .people_hover {transform: rotateY(0deg); opacity: 1;} } @media screen and (max-width: 1680px) { #content .appointment {width: 90%;} #content .appointment .inner form {gap: 32px; justify-content: space-between;} #content .appointment .inner form .tab_ver {width: 80%; flex-direction: column;} #content .appointment .inner form h3 {width: 20%; font-weight: 500; font-size: 20px; line-height: 28px; letter-spacing: -0.02em; color: #FFFFFF;} #content .appointment .inner form ul {width: 100%; display: flex; align-items: center;} #content .appointment .inner form ul.input_box li:nth-child(1) {width: 40%;} #content .appointment .inner form ul.input_box li:nth-child(1) input.user_name {width: 100%; max-width: 100%; box-sizing: border-box;} #content .appointment .inner form ul.input_box li:nth-child(2) {width: 60%;} #content .appointment .inner form ul.input_box li:nth-child(2) input.user_tel {width: 100%; max-width: 100%; box-sizing: border-box;} #content .appointment .inner form ul.input_box li input {box-sizing: border-box;} #content .appointment .inner form ul.input_box input.user_name {width: 100%;} #content .appointment .inner form ul.input_box input.user_tel {width: 100%;} #content .appointment .inner form ul.agree_box {gap: 8px;} #content .appointment .inner form ul.agree_box li {width: 50%;} #content .appointment .inner form ul.agree_box button {display: block; width: 100%;} } @media screen and (max-width:1540px) { #content .notice_popup {left: calc(50% - 230px); top: 22%;} #content .notice_popup .close_btn_top {right: -17px; top: -17px; width: 35px; height: 35px;} #content .notice_popup .mySwiper {width: 440px; height: 475px;} #content .notice_popup2 {left: calc(50% + 230px); top: 22%;} #content .notice_popup2 .close_btn_top {right: -17px; top: -17px; width: 35px; height: 35px;} #content .notice_popup2 .mySwiper {width: 440px; height: 475px;} #content .visual .scroll_down {bottom: 151px;} #content .visual .visual_text {left: 52%;} #content .visual .swiper-horizontal>.swiper-pagination-bullets, #content .visual .swiper-pagination-bullets.swiper-pagination-horizontal {left: 52%;} #content .visual_patent .visual_certificate {width: 55.56%; } #content .visual_unesco .visual_person {left: 50%;transform: translate(-80%, 0)} #content .visual_unesco .visual_certificate {left: 3%;top: 10%;transform: translate(0, 0)} #content .event {padding: 60px 10% 160px;} #content .event .swiper-button-prev {left: 5%;} #content .event .swiper-button-next {right: 5%;} #content .people {padding-left: 10%;} #content .story {padding-left: 10%;} #content .story .swiper-wrapper .swiper-slide > a .hashtag p {font-size: 1rem; line-height: 1.375rem; margin-bottom: 6px;} #content .story .swiper-wrapper .swiper-slide > a .hashtag span {font-size: 0.563rem; line-height: 0.75rem; padding: 4px 2%;} #content .picture {padding: 120px 10%;} #content .picture .picture_inner > ul {grid-template-columns: repeat(2, 3fr);} #content .self_review {padding: 120px 10%;} #content .video {padding: 120px 0 0 10%;} } @media screen and (max-width:1024px) { #content .notice_popup {left: calc(50% - 170px); transform: translate(-50%, -25vh); top: 50vh;} #content .notice_popup .mySwiper {width: 330px; height: 357px;} #content .notice_popup .close_btn_top {display: none;} #content .notice_popup .notice_bottom {padding: 8px 12px;} #content .notice_popup .notice_bottom label span {font-size: 12px; line-height: 16px; letter-spacing: 0; padding-left: 24px;} #content .notice_popup .notice_bottom label {width: 16px; height: 16px; line-height: 18px;} #content .notice_popup .notice_bottom a {font-size: 12px; padding-right: 14px;} #content .notice_popup .notice_bottom a::before {width: 11.5px;} #content .notice_popup .notice_bottom a::after {width: 11.5px;} #content .notice_popup .swiper-pagination {font-size: 12px; padding: 4px 8px;} #content .notice_popup2 {left: calc(50% + 170px); transform: translate(-50%, -25vh); top: 50vh;} #content .notice_popup2 .mySwiper {width: 330px; height: 357px;} #content .notice_popup2 .close_btn_top2 {display: none;} #content .notice_popup2 .notice_bottom {padding: 8px 12px;} #content .notice_popup2 .notice_bottom label span {font-size: 12px; line-height: 16px; letter-spacing: 0; padding-left: 24px;} #content .notice_popup2 .notice_bottom label {width: 16px; height: 16px; line-height: 18px;} #content .notice_popup2 .notice_bottom a {font-size: 12px; padding-right: 14px;} #content .notice_popup2 .notice_bottom a::before {width: 11.5px;} #content .notice_popup2 .notice_bottom a::after {width: 11.5px;} #content .notice_popup2 .swiper-pagination {font-size: 12px; padding: 4px 8px;} #content .visual ul li a img {object-position: center top;aspect-ratio: 768/980;} #content .visual .swiper-control {--swiper-navigation-size: 16px;width: 14.32%;left: 8%;bottom: 5%;gap: 33px;} #content section > span {font-weight: 400; font-size: 14px;} #content section > span i {display: none;} #content section h3 a {font-size: 24px; line-height: 30px; padding-bottom: 32px;} #content section h3 a span {display: inline-block;} #content .event {padding: 60px 7.5% 120px;} #content .event h3 a {padding-bottom: 16px;} #content .event .event_text p {font-size: 18px;} #content .event .swiper-pagination {bottom: 60px !important;} #content .event .swiper-button-prev {left: 2%;} #content .event .swiper-button-next {right: 2%;} #content .event .swiper-button-prev::after, #content .event .swiper-button-next::after {font-size: 40px;} #content .event .swiper-wrapper .swiper-slide .event_text .event_btn {font-size: 16px;height: 52px;border-radius: 8px;} #content .event .swiper-wrapper .swiper-slide .event_text .event_btn::after {width: 6px;height: 6px;margin-top: 1px;right: calc(50% - 70px);} #content .people {padding-left: 5%;} #content .people .people_inner {padding-bottom: 120px;} #content .people .with_diet {font-size: 32px;} #content .people .swiper-wrapper li .event_text {padding-left: 2%;} #content .people .swiper-button-prev, #content .people .swiper-button-next {top: 114px;} #content .people .swiper-button-prev {left: calc(95% - 62px);} #content .people .swiper-button-next {left: calc(95% - 27px);} #content .story {padding-left: 5%;} #content .story .story_inner {padding-bottom: 60px;} #content .story .swiper-wrapper .swiper-slide > a img {width: 100%; border-radius: 24px;} #content .story .swiper-button-prev {left: calc(95% - 62px);} #content .story .swiper-button-next {left: calc(95% - 27px);} #content .picture {padding: 120px 5%;} #content .picture .picture_inner ul {grid-template-columns: repeat(2, 2fr); gap: 1rem; margin-bottom: 32px;} #content .picture .picture_inner > ul > li {padding: 16px 4% 20px;} #content .picture .picture_inner > ul > li .people_img {margin-bottom: 12px;} #content .picture .picture_inner > ul > li .event_text p {margin-bottom: 8px;} #content .picture .picture_inner > ul > li .event_text .event_title a {font-size: 18px; margin-bottom: 8px;} #content .picture .picture_inner > ul > li .people_hover > ul {margin: 20px 0;} #content .picture .picture_inner > ul > li .people_hover a {bottom: 20px;} #content .picture .picture_inner ul li:nth-of-type(n+5) {display: none;} #content .picture .notice {font-size: 14px; line-height: 18px; margin-bottom: 32px;} #content .picture .notice span {display: block;} #content .self_review {padding: 80px 5%;} #content .self_review .swiper-button-prev {top: 120px; left: calc(95% - 62px);} #content .self_review .swiper-button-next {top: 120px; left: calc(95% - 27px);} #content .self_review .hashtag-overlay .tag {font-size: 12px;} #content .video {padding: 120px 0 0 5%;} #content .video .video_inner {padding-bottom: 60px;} #content .video .swiper-wrapper .swiper-slide a .video_thumb::after {width: 46px; height: 46px;} #content .video .swiper-wrapper .swiper-slide a dl {padding: 8px 4% 16px;} #content .video .swiper-wrapper .swiper-slide a dl dt {font-size: 18px; line-height: 23px; margin-bottom: 3px;} #content .video .swiper-wrapper .swiper-slide a dl dd {font-size: 12px; line-height: 15px;} #content .video .swiper-button-prev {left: calc(95% - 62px);} #content .video .swiper-button-next {left: calc(95% - 27px);} } @media screen and (max-width:768px) { #content .wrap { min-width: 375px; } #content .visual ul li a .button_wap button { transform: scale(0.7); transform-origin: left; } #content .visual .visual_text, #content .visual .visual_hangoeun .visual_text, #content .visual .visual_doctor .visual_text {top:auto;bottom:2%;} #content .visual .swiper-horizontal>.swiper-pagination-bullets, #content .visual .swiper-pagination-bullets.swiper-pagination-horizontal, #content .visual.on .swiper-horizontal>.swiper-pagination-bullets, #content .visual.on .swiper-pagination-bullets.swiper-pagination-horizontal {top:auto;bottom: 6%;} #content .notice_popup {width: 330px; position: absolute; left: 50%; transform: translate(-50%, 0); top: 1vh;} #content .notice_popup .mySwiper {width: 330px; height: 357px;} #content .notice_popup .notice_bottom {padding: 8px 12px;} #content .notice_popup .notice_bottom label {width: 16px; height: 16px; line-height: 18px;} #content .notice_popup .notice_bottom a {font-size: 12px; padding-right: 14px;} #content .notice_popup .notice_bottom a::before {width: 11.5px;} #content .notice_popup .notice_bottom a::after {width: 11.5px;} #content .notice_popup .swiper-pagination {font-size: 12px; padding: 4px 8px;} #content .notice_popup2 {width: 330px; position: absolute; left: 50%; transform: translate(-50%, 0); top: calc(423px + 1vh);} #content .notice_popup2.on {top: 1vh;} #content .notice_popup2 .mySwiper {width: 330px; height: 357px;} #content .notice_popup2 .notice_bottom {padding: 8px 12px;} #content .notice_popup2 .notice_bottom label {width: 16px; height: 16px; line-height: 18px;} #content .notice_popup2 .notice_bottom a {font-size: 12px; padding-right: 14px;} #content .notice_popup2 .notice_bottom a::before {width: 11.5px;} #content .notice_popup2 .notice_bottom a::after {width: 11.5px;} #content .notice_popup2 .swiper-pagination {font-size: 12px; padding: 4px 8px;} #content input[type="checkbox"] + label {width: 14px; height: 14px;} #content input[class="agree"] + label::after {width: 14px; height: 14px;} #content input.agree:checked + label {border-color: #381187; background: #381187;} #content input.agree:checked + label::after {width: 14px; height: 14px;} #content .appointment {width: 100%; padding: 20px 5% 40px; bottom: 69px; display: none;} #content .appointment.on {display: block;} #content .appointment input[type="checkbox"] + label {vertical-align: bottom;} #content .appointment .inner form {flex-direction: column; align-items: flex-start; gap: 16px;} #content .appointment .inner form .tab_ver {width: 100%; align-items: flex-start; gap: 8px; flex-direction: row;} #content .appointment .inner form h3 {width: 100%; font-size: 18px; line-height: 26px; display: none;} #content .appointment .inner form ul {flex-direction: column;} #content .appointment .inner form ul.input_box {width: 70%;} #content .appointment .inner form ul.input_box li:nth-child(1) {width: 100%;} #content .appointment .inner form ul.input_box li:nth-child(2) {width: 100%;} #content .appointment .inner form ul.input_box li input {border-radius: 4px;} #content .appointment .inner form ul.agree_box {width: 30%; flex-direction: column-reverse; gap: 4px;} #content .appointment .inner form ul.agree_box li {width: 100%;} #content .appointment .inner form ul.agree_box li:nth-child(1) {position: absolute; bottom: 16px; left: 5%;} #content .appointment .inner form ul.agree_box label {font-weight: 400; font-size: 12px; line-height: 15px;} #content .appointment .inner form ul.agree_box label span {padding-left: 18px;} #content .appointment .inner form ul.agree_box a {font-size: 12px; line-height: 15px; vertical-align: initial;} #content .appointment .inner form ul.agree_box button {height: 77px; font-size: 14px; line-height: 20px; border: 1px solid rgba(46, 21, 102, 0.15); border-radius: 4px; padding: 6px; letter-spacing: -0.02em;} #content .appointment .inner .close_btn {display: block; color: #fff; font-size: 12px; line-height: 15px; position: absolute; bottom: 16px; right: 5%;} #content .appointment .inner .close_btn::before {content: ''; display: inline-block; width: 14px; height: 14px; background: url(/images/daeat/index/btn_wht_close.png) center no-repeat; background-size: contain; vertical-align: bottom; padding-right: 4px;} #content .visual {margin-top: 102px;} #content .visual ul li a img {object-fit: cover;aspect-ratio: 375/574;} #content .visual .swiper-control {--swiper-navigation-size: 10px;width: 19.73%;left: 5%;bottom: 5%;gap: 18px;} #content .visual .swiper-pagination {gap: 8px;} #content .event {padding: 60px 5%;} #content section > span {display: none;} #content section h3 a {font-size: 18px; line-height: 22.54px; padding-bottom: 12px;} #content section h3 a span {display: inline-block;} #content .event_text p {font-size: 20px; line-height: 25px; margin-bottom: 8px;} #content .event_text .event_date {font-weight: 600; font-size: 10px; line-height: 12px;} #content .event .swiper-wrapper .swiper-slide { border-radius: 8px;} #content .event .swiper-wrapper .swiper-slide .event_img {border-radius: 8px;} #content .event .swiper-wrapper .swiper-slide .event_img span {font-size: 12px; padding: 4px 8px; position: absolute; top: 12px; left: 12px;} #content .event .swiper-wrapper .swiper-slide .event_text a {font-size: 20px; margin-bottom: 12px;} #content .event .swiper-pagination {bottom: 30px !important;} #content .event .swiper-button-prev, #content .event .swiper-button-next {display: none !important;} #content .event .swiper-wrapper .swiper-slide .event_text .event_btn {font-size: 15px;} #content .people {padding: 60px 5%;} #content .people .people_inner {padding-bottom: 0;} #content .people > p {display: none;} #content .people .swiper-wrapper {display: none;} #content .people .with_diet {font-size: 20px; margin-bottom: 16px;} #content .people .with_diet i {display: block;} #content .people .flow_banner_box {display: block; position: relative; border: 1px solid rgba(46, 21, 102, 0.15); border-radius: 8px; padding: 20px 5%; box-sizing: border-box; overflow: hidden;} #content .people .flow_banner_box::before {content: ''; display: block; width: 5%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; z-index: 30; border-top-left-radius: 8px; border-bottom-left-radius: 8px;} #content .people .flow_banner_box::after {content: ''; display: block; width: 5%; height: 100%; background: #fff; position: absolute; top: 0; right: 0; z-index: 30; border-top-right-radius: 8px; border-bottom-right-radius: 8px;} #content .people .flow_banner_box .flow_bann_area ul li .people_img img {width: 100%; border-radius: 4px; margin-bottom: 4px;} #content .people ul li .event_text {padding-left: 2%;} #content .people ul li .event_text .event_date {margin-bottom: 2px; font-size: 8px;} #content .people .event_text p:last-child {font-size: 10px; line-height: 1em;} #content .people .swiper-button-prev, #content .people .swiper-button-next {display: none !important;} #content .simply-scroll {padding-bottom: 8px;} #content .simply-scroll:nth-of-type(2) {margin-left: -8%;} #content .simply-scroll-clip {position: relative; overflow: hidden;} #content .simply-scroll-list {overflow: hidden; margin: 0; padding: 0; list-style: none;} #content .simply-scroll-list:last-child {padding-bottom: 0;} #content .simply-scroll-list li {margin-right: 2%; float: left; width: 84px; height: 116px;} #content .simply-scroll .simply-scroll-clip {width: 570px; height: 116px;} #content .story {padding: 0 5%;} #content .story .story_inner {padding-bottom: 84px;} #content .story h3 a {padding-bottom: 16px;} #content .story .swiper-wrapper .swiper-slide > a img {border-radius: 8px;} #content .story .swiper-wrapper .swiper-slide > a .hashtag {bottom: 8%; left: 6%;} #content .story .swiper-wrapper .swiper-slide > a .hashtag p {font-size: 1.5rem; line-height: 1.875rem; margin-bottom: 12px;} #content .story .swiper-wrapper .swiper-slide > a .hashtag span {font-size: 0.75rem; line-height: 0.938rem; padding: 4px 2%; text-align: center; margin-right: 1%; box-sizing: border-box;} #content .story .swiper-button-prev, #content .story .swiper-button-next {display: none !important;} #content .story .swiper-pagination {display: block !important; bottom: 60px !important;} #content .picture {padding: 60px 5%;} #content .picture .picture_inner ul {grid-template-columns: repeat(1, 3fr); gap: 1rem; margin-bottom: 16px;} #content .picture .picture_inner ul li:nth-of-type(n+4) {display: none;} #content .picture .picture_inner ul li .people_img {margin-bottom: 12px;} #content .picture .picture_inner > ul > li .people_img .img_box:nth-of-type(1) {border-radius: 8px 0 0 8px;} #content .picture .picture_inner > ul > li .people_img .img_box:nth-of-type(2) {border-radius: 0 8px 8px 0;} #content .picture .picture_inner ul li .people_img .after_kg {width: 64px; height: 64px;} #content .picture .picture_inner ul li .people_img .after_kg p {font-size: 12px;} #content .picture .picture_inner ul li .people_img .after_kg p span {font-size: 8px;} #content .picture .picture_inner ul li .people_img .after_kg strong {font-size: 18px;} #content .picture .picture_inner > ul > li .event_text .event_title a {font-size: 20px; line-height: 25px;} #content .picture .picture_inner ul li .people_card .hashtag span {padding: 6px 3%; margin-right: 1%; font-weight: 500; font-size: 12px;} #content .picture .picture_inner > ul > li .people_hover > ul {margin: 12px 0;} #content .picture .picture_inner > ul > li .people_hover > ul > li dl {margin-bottom: 6px;} #content .picture .picture_inner > ul > li .people_hover > ul > li dl dt {font-size: 12px;} #content .picture .picture_inner > ul > li .people_hover > ul > li dl dd {font-size: 22px; line-height: 26px;} #content .picture .picture_inner > ul > li .people_hover > ul > li dl dd span {font-size: 12px;} #content .picture .picture_inner > ul > li .people_hover > ul > li .chartbox {width: 100%; height: 200px;} #content .picture .picture_inner > ul > li .people_hover a {bottom: 16px; height: 34px; line-height: 34px;} #content .picture .notice {font-size: 10px; line-height: 13px; margin-bottom: 16px;} #content .picture .notice span {display: inline;} #content .picture .notice i {display: block;} #content .picture .more_view {padding: 12px 0; font-size: 14px;} #content .self_review {padding: 60px 5%;} #content .self_review .mySwiper {padding-bottom: 20px; position: relative;} #content .self_review .swiper-wrapper {padding-bottom: 8px;} #content .self_review .swiper-pagination {display: block;} #content .self_review .swiper-horizontal>.swiper-pagination-bullets, #content .self_review .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 0;} #content .self_review .swiper-button-prev, #content .self_review .swiper-button-next {display: none;} #content .video {padding: 60px 0 0 5%;} #content .video .video_inner {padding-bottom: 84px;} #content .video .swiper-wrapper .swiper-slide {border-radius: 8px;} #content .video .swiper-wrapper .swiper-slide a .video_thumb img {border-top-left-radius: 8px; border-top-right-radius: 8px;} #content .video .swiper-wrapper .swiper-slide a .video_thumb::after {width: 48px; height: 48px;} #content .video .swiper-wrapper .swiper-slide a dl {padding: 12px 4% 16px;} #content .video .swiper-wrapper .swiper-slide a dl dt {font-size: 17px; line-height: 21px; letter-spacing: -0.04em;} #content .video .swiper-pagination {display: block !important; bottom: 60px !important;} #content .video .swiper-button-prev, #content .video .swiper-button-next {display: none !important;} } /* QA C3 — 이벤트 스와이프 점 (원본 사이트 기준) */ #content .event .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;flex:none;border-radius:50%;margin:0 2px !important;background:#7435FF !important;opacity:.2;} #content .event .swiper-pagination .swiper-pagination-bullet-active{background:#7435FF !important;opacity:1;} #content .event .swiper-pagination{bottom:120px !important;} @media screen and (max-width:1024px){#content .event .swiper-pagination{bottom:60px !important;}} @media screen and (max-width:768px){#content .event .swiper-pagination{bottom:30px !important;}}