/*font-family:"SUIT", sans-serif;*/ * {font-family:"SUIT", sans-serif; line-height:normal; box-sizing:border-box;} html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none;} body {width:100%; margin:0 auto; padding:0; font-size:13px; line-height:normal; overflow-y:scroll; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;} body.main {overflow:hidden;} img {border:none; margin:0; padding:0; outline:none;} a {border:none; margin:0; padding:0; outline:none; text-decoration:none;} a:active {color:#666666; text-decoration:none;} a:link {color:#666666; text-decoration:none;} a:visited {color:#666666; text-decoration:none;} a:hover {color:#666666; text-decoration:none;} ul {list-style:none; margin:0; padding:0;} ul > li {display:block;} img.fx{max-width:100%;} td { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } input, select, textarea { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0; padding:0; outline:none; font-size:13px; color:#000000; line-height:21px; } input::placeholder {color:#000000; opacity:1;} input::-webkit-input-placeholder {color:#000000;} input:-ms-input-placeholder {color:#000000;} input:-moz-input-placeholder {color:#000000;} textarea {overflow-y:scroll; resize:none;} textarea::placeholder {color:#000000; opacity:1;} textarea::-webkit-input-placeholder {color:#000000;} textarea:-ms-input-placeholder {color:#000000;} textarea:-moz-input-placeholder {color:#000000;} input[type=text], input[type=password] ,input[type=tel], input[type=file], input[type=image], input[type=button], input[type=submit], textarea { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; width:100%; } select { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-color:#ffffff; background-image:url("/img/sub/select_arrow.svg"); background-repeat:no-repeat; background-position:right min(16px, 0.83vw) center; background-size:min(12px, 0.63vw); padding:0 min(30px, 1.56vw) 0 min(16px, 0.83vw); } select::-ms-expand {display:none;} .w_con {} .m_con {display:none;} .w_img {display:inline-block; width:100%;} .m_img {display:none;} .w_br {} .m_br {display:none;} .w_bar {} .m_bar {display:none;} /*번호목록*/ .number_list_con {margin:min(110px, 5.73vw) 0 0;} .number_list_con > .contents_con {display:flex; justify-content:center; align-items:center; gap:min(16px, 0.83vw);} .number_list_con > .contents_con > .btn_con {} .number_list_con > .contents_con > .btn_con > a {display:inline-block; width:min(30px, 1.56vw);} .number_list_con > .contents_con > .btn_con > a > img {width:100%;} .number_list_con > .contents_con > .list_con {display:flex; align-items:center; gap:min(12px, 0.63vw);} .number_list_con > .contents_con > .list_con > a {display:flex; justify-content:center; align-items:center; width:min(30px, 1.56vw); height:min(30px, 1.56vw); font-size:min(18px, 0.94vw); color:#4B5068; font-weight:400; line-height:min(24px, 1.25vw); border-radius:100%;} .number_list_con > .contents_con > .list_con > .on {background:#121212; color:#FFF;} /* 메인 모션 버튼 공통 */ .btn_con.motion {} .btn_con.motion > a {--r: 16deg; --y: 1500%; display:block; width:min(230px, 11.98vw); margin:0 auto; height:min(70px, 3.65vw); background:#121212; position:relative; border-radius:min(500px, 26.04vw); overflow:hidden;} .btn_con.motion > a > .txt_con {display:inline-flex; justify-content:center; align-items:center; gap:min(8px, 0.42vw); position:absolute; top:0; left:0; width:100%; height:100%; transform-origin:50% var(--y, 1100%); transition:none;} .btn_con.motion > a > .txt_con > span {font-size:min(22px, 1.15vw); color:#FFF; font-weight:700; line-height:120%; white-space:nowrap;} .btn_con.motion > a > .txt_con > img {width:min(30px, 1.56vw);} .btn_con.motion > a > .txt_con:nth-child(1) {transform:rotate(calc(var(--r) * -1.5));} .btn_con.motion > a > .txt_con:nth-child(2) {transform:rotate(0deg);} /* PC만 hover 효과 적용 */ @media (hover: hover) and (pointer: fine) { .btn_con.motion > a:hover > .txt_con {transition: transform 0.5s;} .btn_con.motion > a:hover > .txt_con:nth-child(1) {transform: rotate(0deg);} .btn_con.motion > a:hover > .txt_con:nth-child(2) {transform: rotate(var(--r));} } /* 모바일(터치)에서는 처음 상태 그대로 유지 */ @media (hover: none) { .btn_con.motion > a > .txt_con {transition: none !important;} .btn_con.motion > a > .txt_con:nth-child(1) {transform: rotate(calc(var(--r) * -1.5));} .btn_con.motion > a > .txt_con:nth-child(2) {transform: rotate(0deg);} } /* body.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;} */ #wrap {width:100%; min-width:min(280px, 14.58vw); margin:0 auto;} /* 헤더 */ #header {width:100%; margin:0 auto; background:#FFF; position:sticky; top:0; left:0; right:0; transform:translateY(0); z-index:200; transition:all 0.3s ease;} #header > .contents_con {display:flex; justify-content:center; align-items:center; width:100%; margin:0 auto; padding:min(20px, 1.04vw) min(40px, 2.08vw); position:relative;} #header > .contents_con > .logo_con {width:min(221px, 11.51vw); position:absolute; top:50%; left:min(40px, 2.08vw); transform:translateY(-50%);} #header > .contents_con > .logo_con > a {display:inline-block;} #header > .contents_con > .logo_con > a > img {width:100%;} #header > .contents_con > .list_con {} #header > .contents_con > .list_con > ul {display:flex; align-items:center; gap:min(49px, 2.55vw);} #header > .contents_con > .list_con > ul > li {display:flex; justify-content:center; align-items:center; width:min(110px, 5.73vw); height:min(55px, 2.86vw); position:relative;} #header > .contents_con > .list_con > ul > li:after {content:''; width:1px; height:min(15px, 0.78vw); background:#121212; position:absolute; top:50%; left:max(-24px, -1.25vw); transform:translateY(-50%);} #header > .contents_con > .list_con > ul > li:first-child:after {content:none;} #header > .contents_con > .list_con > ul > li > a {display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:relative; font-size:min(18px, 0.94vw); color:#121212; font-weight:600; line-height:140%; transition:all 0.3s ease;} #header > .contents_con > .list_con > ul > li > a.on {} #header > .contents_con > .list_con > ul > li > a:after {content:''; width:min(8px, 0.42vw); height:min(8px, 0.42vw); background:#121212; border-radius:100%; position:absolute; left:50%; bottom:max(-6px, -0.31vw); transform:translateY(-50%); opacity:0; transition:all 0.3s;} #header > .contents_con > .list_con > ul > li > a.on:after {opacity:1;} #header > .contents_con > .list_con > ul > li:hover > a:after {transform:translateY(-50%); opacity:1;} #header > .contents_con > .list_con > ul > li > .sub_menu {display:none; padding:min(40px, 2.08vw) 0 0; position:absolute; top:min(55px, 2.86vw); left:50%; transform:translateX(-50%);} #header > .contents_con > .list_con > ul > li > .sub_menu > .contents_con {width:min(180px, 9.38vw); background:#FFF; border-radius:min(16px, 0.83vw); box-shadow:0 0 min(30px, 1.56vw) 0 rgba(0,0,0,0.1);} #header > .contents_con > .list_con > ul > li > .sub_menu > .contents_con > ul {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:min(16px, 0.83vw); padding:min(24px, 1.25vw) 0;} #header > .contents_con > .list_con > ul > li > .sub_menu > .contents_con > ul > li {} #header > .contents_con > .list_con > ul > li > .sub_menu > .contents_con > ul > li > a {display:inline-block; font-size:min(16px, 0.83vw); color:#121212; font-weight:600; line-height:140%;} #header > .contents_con > .list_con > ul > li > .sub_menu > .contents_con > ul > li > a.on {border-bottom:1px solid #121212;} #header > .site_nav {display:none;} /* 헤더 마우스오버 */ #header.on {background:rgba(255,255,255,0.7); box-shadow:0 min(4px, 0.21vw) min(20px, 1.04vw) 0 rgba(0,0,0,0.1); backdrop-filter:blur(12px);} /* 헤더 서브페이지일때 */ #header.sub {background:rgba(255,255,255,0.7); backdrop-filter:blur(12px);} /* 헤더 스크롤시 */ #header.scroll {background:rgba(255,255,255,0.7); box-shadow:0 min(4px, 0.21vw) min(20px, 1.04vw) 0 rgba(0,0,0,0.1); backdrop-filter:blur(12px);} /* 메인 컨텐츠 */ #main_con {width:100%; margin:0 auto; overflow:hidden;} #main_con > .visual_con {width:100%; margin:0 auto;} #main_con > .visual_con > .contents_con {background:rgba(236, 236, 236, 1);} #main_con > .visual_con > .contents_con > .video_con {height:0; position:relative; padding-bottom:56.25%;} #main_con > .visual_con > .contents_con > .video_con > video {width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover;} #main_con > .info01_con {width:100%; margin:0 auto; background-color:#74AFFB; overflow:hidden;} #main_con > .info01_con > .contents_con {padding:min(120px, 6.25vw) 0; position:relative;} #main_con > .info01_con > .contents_con > .txt_con {text-align:center;} #main_con > .info01_con > .contents_con > .txt_con > .title_con {} #main_con > .info01_con > .contents_con > .txt_con > .title_con > span {font-size:min(56px, 2.92vw); color:#121212; font-weight:900; line-height:140%;} #main_con > .info01_con > .contents_con > .txt_con > .text_con {margin:min(8px, 0.42vw) 0 0;} #main_con > .info01_con > .contents_con > .txt_con > .text_con > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:500; line-height:140%;} #main_con > .info01_con > .contents_con > .slide_con {width:100%; margin:min(140px, 7.29vw) 0 min(72px, 3.75vw); position:relative;} #main_con > .info01_con > .contents_con > .slide_con:after {content:''; width:min(537px, 27.97vw); height:min(720px, 37.50vw); background:url("/img/main/info01_con_slide_bg_img.png")no-repeat center/contain; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:10; pointer-events:none;} #main_con > .info01_con > .contents_con > .slide_con > .swiper {height:min(580px, 30.21vw);} #main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper {align-items:center;} #main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide {display:flex; justify-content:center; align-items:center; width:min(534px, 27.81vw);} #main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide .inner_con {width:min(337px, 17.55vw); transition:width 0.5s ease;} #main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide .inner_con > a {} #main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide .inner_con > a > .img_con {background:no-repeat center/cover; background-color:#EEE;} #main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide .inner_con > a > .img_con > img {width:100%;} #main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide-active .inner_con {width:min(386px, 20.10vw);} #main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide.pprev {justify-content:flex-end;} #main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide.nnext {justify-content:flex-start;} #main_con > .info01_con > .contents_con > .slide_con > .slide_btn {display:flex; justify-content:center; align-items:center; width:min(80px, 4.17vw); height:min(80px, 4.17vw); border:2px solid #FFF; background:rgba(255,255,255,0.1); backdrop-filter:blur(10px); position:absolute; top:50%; transform:translateY(-50%); z-index:10; filter:drop-shadow(0 min(4px, 0.21vw) min(30px, 1.56vw) rgba(0,0,0,0.15)); border-radius:100%; cursor:pointer;} #main_con > .info01_con > .contents_con > .slide_con > .slide_btn > img {width:min(16px, 0.83vw); filter:drop-shadow(0 min(4px, 0.21vw) min(10px, 0.52vw) #1468D3);} #main_con > .info01_con > .contents_con > .slide_con > .slide_btn.prev {left:30%;} #main_con > .info01_con > .contents_con > .slide_con > .slide_btn.next {right:30%;} #main_con > .info01_con > .contents_con > .btn_con {margin:min(144px, 7.50vw) 0 0; text-align:center;} #main_con > .info01_con > .contents_con > .btn_con > a {display:inline-flex; justify-content:center; align-items:center; gap:min(8px, 0.42vw); background:#121212; margin:0 auto; padding:min(20px, 1.04vw) min(24px, 1.25vw) min(20px, 1.04vw) min(32px, 1.67vw); border-radius:min(500px, 26.04vw);} #main_con > .info01_con > .contents_con > .btn_con > a > span {font-size:min(22px, 1.15vw); color:#FFF; font-weight:700; line-height:120%;} #main_con > .info01_con > .contents_con > .btn_con > a > img {width:min(30px, 1.56vw);} #main_con > .info01_con > .contents_con > .bg {} #main_con > .info01_con > .contents_con > .bg > img {position:absolute;} #main_con > .info01_con > .contents_con > .bg > .img01 {width:min(111px, 5.78vw); top:min(252px, 13.13vw); left:min(108px, 5.63vw);} #main_con > .info01_con > .contents_con > .bg > .img02 {width:min(178px, 9.27vw); bottom:min(215px, 11.20vw); left:min(539px, 28.07vw);} #main_con > .info01_con > .contents_con > .bg > .img03 {width:min(155px, 8.07vw); top:min(88px, 4.58vw); right:min(382px, 19.90vw);} #main_con > .info01_con > .contents_con > .bg > .img04 {width:min(178px, 9.27vw); top:min(155px, 8.07vw); right:min(192px, 10.00vw);} #main_con > .info01_con > .contents_con > .bg > .img05 {width:min(460px, 23.96vw); bottom:max(-8px, -0.42vw); right:max(-190px, -9.90vw);} #main_con > .info02_con {width:100%; margin:0 auto;} #main_con > .info02_con > .contents_con {display:flex; flex-direction:column; gap:min(88px, 4.58vw); width:100%; max-width:min(1560px, 81.25vw); margin:0 auto; padding:min(120px, 6.25vw) 0; position:relative;} #main_con > .info02_con > .contents_con > .txt_con {text-align:center;} #main_con > .info02_con > .contents_con > .txt_con > .title_con {} #main_con > .info02_con > .contents_con > .txt_con > .title_con > span {font-size:min(56px, 2.92vw); color:#121212; font-weight:900; line-height:140%;} #main_con > .info02_con > .contents_con > .txt_con > .text_con {margin:min(8px, 0.42vw) 0 0;} #main_con > .info02_con > .contents_con > .txt_con > .text_con > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:500; line-height:140%;} #main_con > .info02_con > .contents_con > .list_con {} #main_con > .info02_con > .contents_con > .btn_con {text-align:center;} #main_con > .info02_con > .contents_con > .btn_con > a {display:inline-flex; justify-content:center; align-items:center; gap:min(8px, 0.42vw); background:#121212; margin:0 auto; padding:min(20px, 1.04vw) min(24px, 1.25vw) min(20px, 1.04vw) min(32px, 1.67vw); border-radius:min(500px, 26.04vw);} #main_con > .info02_con > .contents_con > .btn_con > a > span {font-size:min(22px, 1.15vw); color:#FFF; font-weight:700; line-height:120%;} #main_con > .info02_con > .contents_con > .btn_con > a > img {width:min(30px, 1.56vw);} #main_con > .info03_con {width:100%; margin:0 auto; background:#FEF365;} #main_con > .info03_con > .contents_con {padding:min(120px, 6.25vw) 0 0; position:relative; overflow:hidden;} #main_con > .info03_con > .contents_con > .txt_con {text-align:center;} #main_con > .info03_con > .contents_con > .txt_con > .title_con {} #main_con > .info03_con > .contents_con > .txt_con > .title_con > span {font-size:min(56px, 2.92vw); color:#121212; font-weight:900; line-height:140%;} #main_con > .info03_con > .contents_con > .txt_con > .text_con {margin:min(8px, 0.42vw) 0 0;} #main_con > .info03_con > .contents_con > .txt_con > .text_con > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:500; line-height:140%;} #main_con > .info03_con > .contents_con > .slide_con {} #main_con > .info03_con > .contents_con > .slide_con .swiper {padding:min(80px, 4.17vw) 0 min(270px, 14.06vw); overflow: hidden;} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper {align-items: flex-start;} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide {width:min(316px, 16.46vw); transform-origin:50% 100%; will-change:transform;} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a {display:inline-block;} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con {display:flex; flex-direction:column; gap:min(32px, 1.67vw); width:min(316px, 16.46vw); background:#FFF; padding:min(30px, 1.56vw); border-radius:min(16px, 0.83vw); box-shadow:0 0 min(30px, 1.56vw) 0 rgba(0,0,0,0.1);} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .txt_con {} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .txt_con > .text01_con {display:inline-flex; justify-content:center; align-items:center; border:1px solid #000; background:#FFF; padding:min(6px, 0.31vw) min(12px, 0.63vw); border-radius:min(50px, 2.60vw);} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .txt_con > .text01_con > span {font-size:min(14px, 0.73vw); color:#121212; font-weight:700; line-height:130%;} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .txt_con > .text02_con {margin:min(8px, 0.42vw) 0 0;} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .txt_con > .text02_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(26px, 1.35vw); color:#121212; font-weight:700; line-height:140%;} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .img_con {width:100%; background:no-repeat center/cover; background-color:#EEE; border-radius:min(16px, 0.83vw); overflow:hidden;} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .img_con > img {width:100%;} #main_con > .info03_con > .contents_con > .btn_con {position:absolute; bottom:min(120px, 6.25vw); left:50%; transform:translateX(-50%); z-index:100; text-align:center;} #main_con > .info03_con > .contents_con > .btn_con > a {display:inline-flex; justify-content:center; align-items:center; gap:min(8px, 0.42vw); background:#121212; margin:0 auto; padding:min(20px, 1.04vw) min(24px, 1.25vw) min(20px, 1.04vw) min(32px, 1.67vw); border-radius:min(500px, 26.04vw);} #main_con > .info03_con > .contents_con > .btn_con > a > span {font-size:min(22px, 1.15vw); color:#FFF; font-weight:700; line-height:120%;} #main_con > .info03_con > .contents_con > .btn_con > a > img {width:min(30px, 1.56vw);} /* 마우스(데스크탑)에서만 기본 커서 숨김 → 커스텀 'Drag' 커서 사용 */ @media (hover:hover) and (pointer:fine){ #main_con > .info03_con > .contents_con > .slide_con > .swiper { cursor:none; } } /* 커스텀 'Drag' 커서 */ .info03_drag_cursor {display:flex; justify-content:center; align-items:center; width:min(100px, 5.21vw); height:min(100px, 5.21vw); border:2px solid #FFF; background:rgba(255,255,255,0.1); backdrop-filter:blur(10px); position:absolute; top:0; left:0; border-radius:100%; box-shadow:0 min(4px, 0.21vw) min(30px, 1.56vw) 0 rgba(0,0,0,0.15); pointer-events:none; transform:translate(-50%, -50%) scale(0.4); opacity:0; transition:opacity .2s ease, transform .18s ease; z-index:100;} .info03_drag_cursor.show {opacity: 1; transform: translate(-50%, -50%) scale(1);} .info03_drag_cursor.grab {transform: translate(-50%, -50%) scale(0.85);} .info03_drag_cursor > .inner_con {display:flex; justify-content:center; align-items:center; gap:min(8px, 0.42vw);} .info03_drag_cursor > .inner_con > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:700; line-height:140%; text-shadow:3px 3px 3px rgba(0,0,0,0.4);} .info03_drag_cursor > .inner_con > img {width:min(8px, 0.42vw); filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.4));} @media (hover: none), (pointer: coarse) { .info03_drag_cursor {display: none;} } /* 메인 우측 퀵 */ .main_quick {width:min(58px, 3.02vw); position:fixed; top:50%; right:0; transform:translateY(-50%); z-index:100;} .main_quick > .list_con {background:#FFF; border-radius:min(20px, 1.04vw) 0 0 min(20px, 1.04vw); overflow:hidden;} .main_quick > .list_con > ul {display:flex; flex-direction:column; gap:1px;} .main_quick > .list_con > ul > li {height:min(214px, 11.15vw); position:relative; top:0; left:0;} .main_quick > .list_con > ul > li > a {display:flex; align-items:center; gap:min(16px, 0.83vw); width:min(214px, 11.15vw); padding:min(16px, 0.83vw) min(12px, 0.63vw) min(16px, 0.83vw) min(20px, 1.04vw); position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%,-50%) rotate(90deg);} .main_quick > .list_con > ul > li > a > .text_con {flex-shrink:0; width:min(140px, 7.29vw);} .main_quick > .list_con > ul > li > a > .text_con > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:700; line-height:normal; letter-spacing:max(-0.432px, -0.02vw);} .main_quick > .list_con > ul > li > a > img {width:min(26px, 1.35vw); transform:rotate(-90deg); transition:all 0.45s ease;} .main_quick > .list_con > ul > li > a:hover > img {transform:rotate(-45deg);} .main_quick > .list_con > ul > li:first-child {background:#005ED7;} .main_quick > .list_con > ul > li:nth-child(2) {background:#004399;} .main_quick > .list_con > ul > li:nth-child(3) {background:#121212;} /* 서브 공통 */ #sub_con {width:100%; margin:0 auto;} #sub_con > .contents_con {width:100%; max-width:min(1560px, 81.25vw); margin:0 auto; padding:min(120px, 6.25vw) 0 min(200px, 10.42vw);} #sub_con > .contents_con > .tn_con {border-top:1px solid #121212; border-bottom:1px solid #121212; padding:min(80px, 4.17vw) 0;} #sub_con > .contents_con > .tn_con > .contents_con {display:flex; justify-content:space-between; align-items:flex-end;} #sub_con > .contents_con > .tn_con > .contents_con > .txt_con {display:flex; flex-direction:column; gap:min(16px, 0.83vw);} #sub_con > .contents_con > .tn_con > .contents_con > .txt_con > .text01_con {} #sub_con > .contents_con > .tn_con > .contents_con > .txt_con > .text01_con > span {font-size:min(56px, 2.92vw); color:#121212; font-weight:900; line-height:140%;} #sub_con > .contents_con > .tn_con > .contents_con > .txt_con > .text02_con {} #sub_con > .contents_con > .tn_con > .contents_con > .txt_con > .text02_con > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:500; line-height:140%;} #sub_con > .contents_con > .tn_con > .contents_con > .search_con {} #sub_con > .contents_con > .tn_con > .contents_con > .search_con .input_con {display:flex; justify-content:space-between; align-items:center; gap:min(20px, 1.04vw); width:min(330px, 17.19vw); height:min(55px, 2.86vw); border:1px solid #121212; background:#FFF; padding:0 min(4px, 0.21vw) 0 min(16px, 0.83vw); border-radius:min(50px, 2.60vw);} #sub_con > .contents_con > .tn_con > .contents_con > .search_con .input_con > input {width:100%; border:none; font-size:min(16px, 0.83vw); color:#121212; font-weight:500; line-height:130%;} #sub_con > .contents_con > .tn_con > .contents_con > .search_con .input_con > input::placeholder {color:#7E8490;} #sub_con > .contents_con > .tn_con > .contents_con > .search_con .input_con > a {flex-shrink:0; display:flex; justify-content:center; align-items:center; width:min(45px, 2.34vw); height:min(45px, 2.34vw); border:1px solid #121212; background:#121212; border-radius:min(50px, 2.60vw);} #sub_con > .contents_con > .tn_con > .contents_con > .search_con .input_con > a > img {width:min(29px, 1.51vw);} #sub_con > .contents_con > .tn_con > .contents_con > .tab_con {} #sub_con > .contents_con > .tn_con > .contents_con > .tab_con > ul {display:flex; background:#EBECF4; padding:min(8px, 0.42vw); border-radius:min(50px, 2.60vw);} #sub_con > .contents_con > .tn_con > .contents_con > .tab_con > ul > li {} #sub_con > .contents_con > .tn_con > .contents_con > .tab_con > ul > li > a {display:flex; justify-content:center; align-items:center; width:min(100px, 5.21vw); height:min(52px, 2.71vw); border:1px solid transparent; background:transparent; font-size:min(20px, 1.04vw); color:#7E8490; font-weight:700; line-height:130%; border-radius:min(50px, 2.60vw);} #sub_con > .contents_con > .tn_con > .contents_con > .tab_con > ul > li > a.on {border:1px solid #121212; background:#121212; color:#FFF;} #sub_con > .contents_con > .tn_con > .contents_con > .sns_list {} #sub_con > .contents_con > .tn_con > .contents_con > .sns_list > ul {display:flex; align-items:center; gap:min(16px, 0.83vw);} #sub_con > .contents_con > .tn_con > .contents_con > .sns_list > ul > li {} #sub_con > .contents_con > .tn_con > .contents_con > .sns_list > ul > li > a {display:inline-block; width:min(56px, 2.92vw); border-radius:100%; overflow:hidden;} #sub_con > .contents_con > .tn_con > .contents_con > .sns_list > ul > li > a > img {width:100%;} #sub_con > .contents_con > .tn_con > .contents_con.company {justify-content:center;} #sub_con > .contents_con > .tn_con > .contents_con.company > .title_con {text-align:center;} #sub_con > .contents_con > .tn_con > .contents_con.company > .title_con > span {font-size:min(56px, 2.92vw); color:#121212; font-weight:900; line-height:140%; text-transform:uppercase;} #sub_con > .contents_con.w_100 {max-width:100%;} #sub_con > .contents_con.w_100 > .tn_con {width:100%; max-width:min(1560px, 81.25vw); margin:0 auto;} /* 순회전시사업 */ .company_sub01_con {} .company_sub01_con > .contents_con {} .company_sub01_con > .contents_con > .video_con {width:100%; margin:min(80px, 4.17vw) 0 0;} .company_sub01_con > .contents_con > .video_con > video {width:100%; height:100%;} .company_sub01_con > .contents_con > .txt_con {border-top:1px solid #121212; border-bottom:1px solid #121212; margin:min(80px, 4.17vw) 0 0;} .company_sub01_con > .contents_con > .txt_con > .text01_con {display:flex; flex-direction:column; gap:min(24px, 1.25vw); border-bottom:1px solid #121212; padding:min(48px, 2.50vw) 0; text-align:center;} .company_sub01_con > .contents_con > .txt_con > .text01_con > .title_con {} .company_sub01_con > .contents_con > .txt_con > .text01_con > .title_con > span {font-size:min(32px, 1.67vw); color:#121212; font-weight:800; line-height:140%;} .company_sub01_con > .contents_con > .txt_con > .text01_con > .text_con {display:flex; flex-direction:column; gap:min(16px, 0.83vw);} .company_sub01_con > .contents_con > .txt_con > .text01_con > .text_con > span {font-size:min(20px, 1.04vw); color:#333; font-weight:500; line-height:140%;} .company_sub01_con > .contents_con > .txt_con > ul {display:flex; padding:min(48px, 2.50vw) 0;} .company_sub01_con > .contents_con > .txt_con > ul > li {flex:1; padding:0 min(48px, 2.50vw); border-left:1px solid #121212;} .company_sub01_con > .contents_con > .txt_con > ul > li:first-child {border-left:none;} .company_sub01_con > .contents_con > .txt_con > ul > li > .list_div {display:flex; flex-direction:column; gap:min(16px, 0.83vw); padding:min(16px, 0.83vw) 0;} .company_sub01_con > .contents_con > .txt_con > ul > li > .list_div > .title_con {display:flex; align-items:center; gap:min(16px, 0.83vw);} .company_sub01_con > .contents_con > .txt_con > ul > li > .list_div > .title_con > img {width:min(35px, 1.82vw);} .company_sub01_con > .contents_con > .txt_con > ul > li > .list_div > .title_con > span {font-size:min(26px, 1.35vw); color:#121212; font-weight:800; line-height:140%;} .company_sub01_con > .contents_con > .txt_con > ul > li > .list_div > .text_con {} .company_sub01_con > .contents_con > .txt_con > ul > li > .list_div > .text_con > span {font-size:min(20px, 1.04vw); color:#333; font-weight:500; line-height:140%;} /* 주최/주관 */ .company_sub02_con {} .company_sub02_con > .contents_con {} .company_sub02_con > .contents_con > .list_con {border-bottom:1px solid #121212; padding:min(230px, 11.98vw) 0;} .company_sub02_con > .contents_con > .list_con > ul {display:flex; justify-content:center; gap:min(40px, 2.08vw);} .company_sub02_con > .contents_con > .list_con > ul > li {display:flex; justify-content:center; align-items:center; width:min(380px, 19.79vw); height:min(140px, 7.29vw); border:1px solid #121212; border-radius:min(8px, 0.42vw);} .company_sub02_con > .contents_con > .list_con > ul > li > img {width:min(285px, 14.84vw);} /* Poster & Bi */ .company_sub03_con {} .company_sub03_con > .contents_con {} .company_sub03_con > .contents_con > div {} .company_sub03_con > .contents_con > div > .contents_con {display:flex; flex-direction:column; gap:min(80px, 4.17vw); border-bottom:1px solid #121212; padding:min(80px, 4.17vw) min(48px, 2.50vw);} .company_sub03_con > .contents_con > div > .contents_con > ul {} .company_sub03_con > .contents_con > div > .contents_con > ul > li {} .company_sub03_con > .contents_con > div > .contents_con > ul > li > .list_div {display:flex; flex-direction:column; gap:min(24px, 1.25vw);} .company_sub03_con > .contents_con > div > .contents_con > ul > li > .list_div > .title_con {display:flex; align-items:center; gap:min(16px, 0.83vw);} .company_sub03_con > .contents_con > div > .contents_con > ul > li > .list_div > .title_con > img {width:min(35px, 1.82vw);} .company_sub03_con > .contents_con > div > .contents_con > ul > li > .list_div > .title_con > span {font-size:min(26px, 1.35vw); color:#121212; font-weight:800; line-height:140%;} .company_sub03_con > .contents_con > div > .contents_con > ul > li > .list_div > .img_con {} .company_sub03_con > .contents_con > div > .contents_con > ul > li > .list_div > .img_con > img {width:100%;} .company_sub03_con > .contents_con > .poster_con > .contents_con > ul {display:flex; gap:min(56px, 2.92vw);} .company_sub03_con > .contents_con > .poster_con > .contents_con > ul > li > .list_div > .img_con {border-radius:min(8px, 0.42vw); overflow:hidden;} .company_sub03_con > .contents_con > .poster_con > .contents_con > ul > li:first-child > .list_div > .img_con {width:min(1007px, 52.45vw);} .company_sub03_con > .contents_con > .poster_con > .contents_con > ul > li:nth-child(2) > .list_div > .img_con {width:min(400px, 20.83vw);} .company_sub03_con > .contents_con > .poster_con > .contents_con > .btn_con > a {width:min(234px, 12.19vw);} .company_sub03_con > .contents_con > .bi_con > .contents_con > ul {display:flex; flex-direction:column; gap:min(56px, 2.92vw);} .company_sub03_con > .contents_con > .bi_con > .contents_con > ul > li > .list_div {} .company_sub03_con > .contents_con > .bi_con > .contents_con > ul > li > .list_div > .img_list > ul {display:flex; gap:min(24px, 1.25vw);} .company_sub03_con > .contents_con > .bi_con > .contents_con > ul > li > .list_div > .img_list > ul > li {flex:1;} .company_sub03_con > .contents_con > .bi_con > .contents_con > .btn_con > a {width:min(197px, 10.26vw);} /* 캘린더 */ .program_sub03_con {} .program_sub03_con > .contents_con {width:100%; max-width:min(1590px, 82.81vw); margin:0 auto;} .program_sub03_con > .contents_con .calender_con {} .program_sub03_con > .contents_con .calender_con > .contents_con {} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_top {display:flex; justify-content:center; align-items:center; gap:min(24px, 1.25vw); padding:min(56px, 2.92vw) 0; position:relative;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_top > .title {text-align:center;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_top > .title > span {font-size:min(40px, 2.08vw); color:#121212; font-weight:900; line-height:140%;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_top > .btn_con {} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_top > .btn_con > .prev_btn {} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_top > .btn_con > .prev_btn > a {display:block; width:min(30px, 1.56vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_top > .btn_con > .prev_btn > a > img {width:100%;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_top > .btn_con > .next_btn {} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_top > .btn_con > .next_btn > a {display:block; width:min(30px, 1.56vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_top > .btn_con > .next_btn > a > img {width:100%;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content {} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .week {} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .week > table {width:100%; table-layout:fixed; border-spacing:min(15px, 0.78vw) 0;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .week > table > tbody {} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .week > table > tbody > tr {} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .week > table > tbody > tr > td {border-top:1px solid #121212; padding:min(24px, 1.25vw) 0 min(9px, 0.47vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .week > table > tbody > tr > td > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:800;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .week > table > tbody > tr > td:first-child > span {color:#E60909;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day {} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table {width:100%; table-layout:fixed; border-spacing:min(15px, 0.78vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody {} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr {} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td {height:min(210px, 10.94vw); border-top:1px solid #121212; padding:min(16px, 0.83vw); position:relative;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .date_con {} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .date_con > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:600; line-height:min(21px, 1.09vw); letter-spacing:max(-0.32px, -0.02vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td:first-child > .date_con > span {color:#E60909;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con {margin:min(16px, 0.83vw) 0 0;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .list_con {cursor:pointer;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .list_con > ul {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .list_con > ul > li {border-bottom:1px solid #CBCFD7; padding:0 0 min(10px, 0.52vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .list_con > ul > li:last-child {border-bottom:none; padding:0;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .list_con > ul > li > .list_div {display:flex; align-items:center; gap:min(6px, 0.31vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .list_con > ul > li > .list_div > .area_con {flex-shrink:0; display:flex; justify-content:center; align-items:center; width:min(41px, 2.14vw); height:min(22px, 1.15vw); background:#CCC; border-radius:min(50px, 2.60vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .list_con > ul > li > .list_div > .area_con > span {font-size:min(14px, 0.73vw); color:#FFF; font-weight:600; line-height:130%;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .list_con > ul > li > .list_div > .title_con {width:min(130px, 6.77vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .list_con > ul > li > .list_div > .title_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(16px, 0.83vw); color:#121212; font-weight:600; line-height:min(21px, 1.09vw); letter-spacing:max(-0.32px, -0.02vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .btn_con {width:max-content; margin:0 auto; margin-top:min(12px, 0.63vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .btn_con > .w_con {position:relative;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .btn_con > .w_con > a {display:inline-flex; justify-content:center; align-items:center; gap:2px; height:min(28px, 1.46vw); border:1px solid #121212; background:#FFF; padding:0 min(10px, 0.52vw) 0 min(12px, 0.63vw); border-radius:min(50px, 2.60vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .btn_con > .w_con > a > span {font-size:min(12px, 0.63vw); color:#121212; font-weight:700;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .btn_con > .w_con > a > img {width:min(16px, 0.83vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .btn_con > .w_con > .num_con {position:absolute; top:max(-7px, -0.36vw); left:min(66px, 3.44vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .btn_con > .w_con > .num_con > span {display:inline-flex; justify-content:center; align-items:center; min-width:min(18px, 0.94vw); height:min(18px, 0.94vw); background:#121212; padding:0 min(5px, 0.26vw); font-size:min(14px, 0.73vw); color:#FFF; font-weight:700; border-radius:min(50px, 2.60vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con {display:none; width:min(450px, 23.44vw); min-height:min(560px, 29.17vw); border:1px solid #121212; background:#FFF; border-radius:min(16px, 0.83vw); position:absolute; top:max(-98px, -5.10vw); left:min(225px, 11.72vw); z-index:10;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td:nth-child(6) > .info_con > .calender_popup_con {left:unset; right:min(225px, 11.72vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td:nth-child(7) > .info_con > .calender_popup_con {left:unset; right:min(225px, 11.72vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con {display:flex; flex-direction:column; gap:min(30px, 1.56vw); padding:min(20px, 1.04vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .top_con {display:flex; justify-content:space-between; align-items:center;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .top_con > .date_con {} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .top_con > .date_con > span {font-size:min(24px, 1.25vw); color:#121212; font-weight:700; line-height:130%; letter-spacing:max(-0.32px, -0.02vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .top_con > .btn_con {} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .top_con > .btn_con > a {display:block; width:min(21px, 1.09vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .top_con > .btn_con > a > img {width:100%;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con {display:flex; justify-content:space-between; align-items:center;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con > .select_box {position:relative;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con > .select_box > .select {display:flex; justify-content:space-between; align-items:center; width:min(130px, 6.77vw); height:min(47px, 2.45vw); border:1px solid #121212; background:#FFF; padding:0 min(16px, 0.83vw); position:relative; z-index:20; border-radius:min(50px, 2.60vw); cursor:pointer;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con > .select_box > .select > span {font-size:min(16px, 0.83vw); color:#121212; font-weight:600; line-height:130%;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con > .select_box > .select > .img_con {width:min(12px, 0.63vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con > .select_box > .select > .img_con > img {width:100%;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con > .select_box > .select.on > span {} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con > .select_box > .select.active > .img_con {transform:rotate(180deg);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con > .select_box > .option_list {display:none; width:min(130px, 6.77vw); border:1px solid #121212; background:#FFF; padding:min(58px, 3.02vw) min(16px, 0.83vw) min(12px, 0.63vw); position:absolute; top:0; left:0; right:0; z-index:10; border-radius:min(24px, 1.25vw) min(24px, 1.25vw) min(16px, 0.83vw) min(16px, 0.83vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con > .select_box > .option_list > ul {display:flex; flex-direction:column; gap:min(8px, 0.42vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con > .select_box > .option_list > ul > li {} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con > .select_box > .option_list > ul > li > span {font-size:min(16px, 0.83vw); color:#121212; font-weight:600; line-height:130%; cursor:pointer;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con > .select_box .select.active + .option_list {display:block;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con > .paging_con {} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con > .paging_con > .contents_con {display:flex; align-items:center; gap:min(12px, 0.63vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con > .paging_con > .contents_con > .btn_con {} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con > .paging_con > .contents_con > .btn_con > a {display:block; width:min(30px, 1.56vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con > .paging_con > .contents_con > .btn_con > a > img {width:100%;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con > .paging_con > .contents_con > .page_con {display:flex; align-items:center; gap:min(9px, 0.47vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con > .paging_con > .contents_con > .page_con > .text_con {display:flex; justify-content:center; align-items:center; width:min(30px, 1.56vw); height:min(30px, 1.56vw); position:relative;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con > .paging_con > .contents_con > .page_con > .text_con:after {content:''; width:1px; height:min(11px, 0.57vw); background:#CBCFD7; position:absolute; top:50%; left:max(-5px, -0.26vw); transform:translateY(-50%);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con > .paging_con > .contents_con > .page_con > .text_con:first-child:after {content:none;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .sp_con > .paging_con > .contents_con > .page_con > .text_con > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:400; line-height:min(24px, 1.25vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .list_con {} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:min(16px, 0.83vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .list_con > ul > li {border-bottom:1px solid #CBCFD7; padding:0 0 min(16px, 0.83vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .list_con > ul > li:last-child {border-bottom:none; padding:0;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .list_con > ul > li > .list_div {display:flex; justify-content:space-between; align-items:flex-start; gap:min(40px, 2.08vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .list_con > ul > li > .list_div > .txt_con {} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con {display:flex; align-items:flex-start; gap:min(6px, 0.31vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > .area_con {flex-shrink:0; display:flex; justify-content:center; align-items:center; width:min(41px, 2.14vw); height:min(22px, 1.15vw); background:#CCC; border-radius:min(50px, 2.60vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > .area_con > span {font-size:min(14px, 0.73vw); color:#FFF; font-weight:600; line-height:130%;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > .title_con {} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > .title_con > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:600; line-height:min(21px, 1.09vw); letter-spacing:max(-0.32px, -0.02vw);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .nd_con {display:flex; align-items:center; gap:min(17px, 0.89vw); margin:min(8px, 0.42vw) 0 0;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .nd_con > .text_con {position:relative;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .nd_con > .text_con:after {content:''; width:1px; height:min(8px, 0.42vw); background:#7E8490; position:absolute; top:50%; left:max(-9px, -0.47vw); transform:translateY(-50%);} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .nd_con > .text_con:first-child:after {content:none;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .nd_con > .text_con > span {font-size:min(14px, 0.73vw); color:#7E8490; font-weight:500; line-height:140%;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .list_con > ul > li > .list_div > .img_con {flex-shrink:0; width:min(50px, 2.60vw); border:1px solid #121212; background:no-repeat center/cover; border-radius:min(8px, 0.42vw); overflow:hidden;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td > .info_con > .calender_popup_con > .contents_con > .list_con > ul > li > .list_div > .img_con > img {width:100%;} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td.none_day {} .program_sub03_con > .contents_con .calender_con > .contents_con > .cal_content > .day > table > tbody > tr > td.none_day > * {display:none;} /* k-뮤지엄 맵 */ .museum_sub02_con {} .museum_sub02_con > .contents_con {display:flex; gap:min(40px, 2.08vw); border-bottom:1px solid #121212; padding:min(80px, 4.17vw) 0;} .museum_sub02_con > .contents_con > .info_con {width:min(480px, 25.00vw); height:min(910px, 47.40vw); background:#F8F9FD; padding:min(24px, 1.25vw) 0 0; border-radius:min(16px, 0.83vw); overflow:hidden; position:relative;} .museum_sub02_con > .contents_con > .info_con:after {content:''; width:100%; height:min(480px, 25.00vw); background:linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(62, 68, 80, 0.10) 100%); position:absolute; bottom:0; left:0; right:0; pointer-events:none;} .museum_sub02_con > .contents_con > .info_con > .contents_con {display:flex; flex-direction:column; height:100%;} .museum_sub02_con > .contents_con > .info_con > .contents_con > .select_con {padding:0 min(24px, 1.25vw);} .museum_sub02_con > .contents_con > .info_con > .contents_con > .select_con > select {width:100%; height:min(47px, 2.45vw); border:1px solid #121212; background-color:#FFF; padding:0 min(16px, 0.83vw); font-size:min(16px, 0.83vw); color:#121212; font-weight:600; line-height:130%; border-radius:min(50px, 2.60vw); cursor:pointer;} .museum_sub02_con > .contents_con > .info_con > .contents_con > .list_con {flex:1; margin:min(20px, 1.04vw) min(4px, 0.21vw) 0; padding:min(12px, 0.63vw) min(20px, 1.04vw) 0 min(24px, 1.25vw); overflow-y:auto; min-height:0;} .museum_sub02_con > .contents_con > .info_con > .contents_con > .list_con::-webkit-scrollbar {width:min(4px, 0.21vw); background-color:transparent;} .museum_sub02_con > .contents_con > .info_con > .contents_con > .list_con::-webkit-scrollbar-thumb {background-color:#747987; border-radius:min(50px, 2.60vw);} .museum_sub02_con > .contents_con > .info_con > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:min(16px, 0.83vw); padding:0 0 min(24px, 1.25vw);} .museum_sub02_con > .contents_con > .info_con > .contents_con > .list_con > ul > li {width:100%;} .museum_sub02_con > .contents_con > .info_con > .contents_con > .list_con > ul > li > a {display:block; background:#FFF; padding:min(16px, 0.83vw); border-radius:min(8px, 0.42vw); box-shadow:0 0 min(20px, 1.04vw) 0 rgba(0,0,0,0.1); overflow:hidden;} .museum_sub02_con > .contents_con > .info_con > .contents_con > .list_con > ul > li > a > .list_div {display:flex; align-items:flex-start; gap:min(14px, 0.73vw);} .museum_sub02_con > .contents_con > .info_con > .contents_con > .list_con > ul > li > a > .list_div > .img_con {flex-shrink:0; width:min(120px, 6.25vw); background:no-repeat center/cover; background-color:#EEE; border-radius:min(4px, 0.21vw); overflow:hidden;} .museum_sub02_con > .contents_con > .info_con > .contents_con > .list_con > ul > li > a > .list_div > .img_con > img {width:100%;} .museum_sub02_con > .contents_con > .info_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con {display:flex; flex-direction:column;} .museum_sub02_con > .contents_con > .info_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .name_con {} .museum_sub02_con > .contents_con > .info_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .name_con > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:700; line-height:140%;} .museum_sub02_con > .contents_con > .info_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .info_list {margin:min(8px, 0.42vw) 0 0;} .museum_sub02_con > .contents_con > .info_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .info_list > ul {display:flex; flex-direction:column; gap:min(4px, 0.21vw);} .museum_sub02_con > .contents_con > .info_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .info_list > ul > li {width:100%;} .museum_sub02_con > .contents_con > .info_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .info_list > ul > li > .list_div {display:flex; align-items:flex-start; gap:min(4px, 0.21vw);} .museum_sub02_con > .contents_con > .info_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .info_list > ul > li > .list_div > img {flex-shrink:0; width:min(18px, 0.94vw);} .museum_sub02_con > .contents_con > .info_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .info_list > ul > li > .list_div > span {font-size:min(14px, 0.73vw); color:#3E4450; font-weight:500; line-height:140%;} .museum_sub02_con > .contents_con > .info_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .area_con {margin:min(12px, 0.63vw) 0 0;} .museum_sub02_con > .contents_con > .info_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .area_con > ul {display:flex; flex-wrap:wrap; gap:min(6px, 0.31vw);} .museum_sub02_con > .contents_con > .info_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .area_con > ul > li {display:inline-flex; justify-content:center; align-items:center; min-width:min(57px, 2.97vw); height:min(30px, 1.56vw); background:#EEF0F5; padding:0 min(16px, 0.83vw); border-radius:min(50px, 2.60vw);} .museum_sub02_con > .contents_con > .info_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .area_con > ul > li > span {font-size:min(14px, 0.73vw); color:#7E8490; font-weight:700; line-height:130%;} .museum_sub02_con > .contents_con > .map_con {flex:1; background:#EEE; border-radius:min(16px, 0.83vw); overflow:hidden;} .museum_sub02_con > .contents_con > .map_con > .contents_con {} /* sns 소식 */ .archive_sub03_con {} .archive_sub03_con > .contents_con {} .archive_sub03_con > .contents_con > .list_con {} .archive_sub03_con > .contents_con > .list_con > ul {} .archive_sub03_con > .contents_con > .list_con > ul > li {border-bottom:1px solid #121212; padding:min(80px, 4.17vw) 0;} .archive_sub03_con > .contents_con > .list_con > ul > li > .list_div {display:flex; flex-direction:column; gap:min(80px, 4.17vw);} .archive_sub03_con > .contents_con > .list_con > ul > li > .list_div > .title_con {display:flex; justify-content:space-between; align-items:center; overflow:hidden;} .archive_sub03_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .text_con {} .archive_sub03_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .text_con > span {font-size:min(40px, 2.08vw); color:#121212; font-weight:800; line-height:140%;} .archive_sub03_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .btn_con {} .archive_sub03_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .btn_con > a {} .archive_sub03_con > .contents_con > .list_con > ul > li > .list_div > .list_con {} .archive_sub03_con > .contents_con > .list_con > ul > li > .list_div > .btn_con {width:min(72px, 3.75vw); margin:0 auto;} .archive_sub03_con > .contents_con > .list_con > ul > li > .list_div > .btn_con > a {display:block;} .archive_sub03_con > .contents_con > .list_con > ul > li > .list_div > .btn_con > a > img {width:100%;} .archive_sub03_con > .contents_con > .list_con > ul > li.insta > .list_div > .title_con > .btn_con > a {width:min(313px, 16.30vw);} .archive_sub03_con > .contents_con > .list_con > ul > li.insta > .list_div > .list_con {} .archive_sub03_con > .contents_con > .list_con > ul > li.insta > .list_div > .list_con > ul {display:flex; flex-wrap:wrap; gap:min(60px, 3.13vw) min(72px, 3.75vw);} .archive_sub03_con > .contents_con > .list_con > ul > li.insta > .list_div > .list_con > ul > li {width:min(336px, 17.50vw); border:1px solid #121212; border-radius:min(16px, 0.83vw);} .archive_sub03_con > .contents_con > .list_con > ul > li.insta > .list_div > .list_con > ul > li > a {display:inline-block;} .archive_sub03_con > .contents_con > .list_con > ul > li.insta > .list_div > .list_con > ul > li > a > .img_con {width:100%; background:no-repeat center/cover;} .archive_sub03_con > .contents_con > .list_con > ul > li.insta > .list_div > .list_con > ul > li > a > .img_con > img {width:100%;} .archive_sub03_con > .contents_con > .list_con > ul > li.blog > .list_div > .title_con > .btn_con > a {width:min(273px, 14.22vw);} .archive_sub03_con > .contents_con > .list_con > ul > li.blog > .list_div > .list_con {} .archive_sub03_con > .contents_con > .list_con > ul > li.blog > .list_div > .list_con > ul {display:flex; flex-wrap:wrap; gap:min(32px, 1.67vw);} .archive_sub03_con > .contents_con > .list_con > ul > li.blog > .list_div > .list_con > ul > li {width:min(764px, 39.79vw); border:1px solid #121212; background:#FFF; border-radius:min(16px, 0.83vw);} .archive_sub03_con > .contents_con > .list_con > ul > li.blog > .list_div > .list_con > ul > li > a {display:inline-block; width:100%; padding:min(32px, 1.67vw);} .archive_sub03_con > .contents_con > .list_con > ul > li.blog > .list_div > .list_con > ul > li > a > .list_div {} .archive_sub03_con > .contents_con > .list_con > ul > li.blog > .list_div > .list_con > ul > li > a > .list_div > .date_con {} .archive_sub03_con > .contents_con > .list_con > ul > li.blog > .list_div > .list_con > ul > li > a > .list_div > .date_con > span {font-size:min(18px, 0.94vw); color:#3E4450; font-weight:500; line-height:140%;} .archive_sub03_con > .contents_con > .list_con > ul > li.blog > .list_div > .list_con > ul > li > a > .list_div > .txt_con {margin:min(19px, 0.99vw) 0 0;} .archive_sub03_con > .contents_con > .list_con > ul > li.blog > .list_div > .list_con > ul > li > a > .list_div > .txt_con > .title_con {} .archive_sub03_con > .contents_con > .list_con > ul > li.blog > .list_div > .list_con > ul > li > a > .list_div > .txt_con > .title_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(26px, 1.35vw); color:#121212; font-weight:700; line-height:140%;} .archive_sub03_con > .contents_con > .list_con > ul > li.blog > .list_div > .list_con > ul > li > a > .list_div > .txt_con > .text_con {margin:min(8px, 0.42vw) 0 0;} .archive_sub03_con > .contents_con > .list_con > ul > li.blog > .list_div > .list_con > ul > li > a > .list_div > .txt_con > .text_con > span {display:block; height:min(44px, 2.29vw); white-space:normal; overflow:hidden; text-overflow:ellipsis; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:min(16px, 0.83vw); color:#7E8490; font-weight:500; line-height:140%;} .archive_sub03_con > .contents_con > .list_con > ul > li.youtube > .list_div > .title_con > .btn_con > a {width:min(271px, 14.11vw);} .archive_sub03_con > .contents_con > .list_con > ul > li.youtube > .list_div > .list_con {} .archive_sub03_con > .contents_con > .list_con > ul > li.youtube > .list_div > .list_con > ul {display:flex; flex-wrap:wrap; gap:min(56px, 2.92vw) min(63px, 3.28vw);} .archive_sub03_con > .contents_con > .list_con > ul > li.youtube > .list_div > .list_con > ul > li {width:min(478px, 24.88vw);} .archive_sub03_con > .contents_con > .list_con > ul > li.youtube > .list_div > .list_con > ul > li > a {display:block;} .archive_sub03_con > .contents_con > .list_con > ul > li.youtube > .list_div > .list_con > ul > li > a > .list_div {} .archive_sub03_con > .contents_con > .list_con > ul > li.youtube > .list_div > .list_con > ul > li > a > .list_div > .img_con {width:100%; background:no-repeat center/cover; border:1px solid #121212; border-radius:min(16px, 0.83vw); overflow:hidden;} .archive_sub03_con > .contents_con > .list_con > ul > li.youtube > .list_div > .list_con > ul > li > a > .list_div > .img_con > img {width:100%;} .archive_sub03_con > .contents_con > .list_con > ul > li.youtube > .list_div > .list_con > ul > li > a > .list_div > .title_con {margin:min(16px, 0.83vw) 0 0;} .archive_sub03_con > .contents_con > .list_con > ul > li.youtube > .list_div > .list_con > ul > li > a > .list_div > .title_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(24px, 1.25vw); color:#121212; font-weight:700; line-height:140%;} .archive_sub03_con > .contents_con > .list_con > ul > li.facebook > .list_div > .title_con > .btn_con > a {width:min(289px, 15.05vw);} .archive_sub03_con > .contents_con > .list_con > ul > li.facebook > .list_div > .list_con {} .archive_sub03_con > .contents_con > .list_con > ul > li.facebook > .list_div > .list_con > ul {display:flex; flex-wrap:wrap; gap:min(45px, 2.34vw);} .archive_sub03_con > .contents_con > .list_con > ul > li.facebook > .list_div > .list_con > ul > li {width:min(490px, 25.52vw);} .archive_sub03_con > .contents_con > .list_con > ul > li.facebook > .list_div > .list_con > ul > li > a {display:block;} .archive_sub03_con > .contents_con > .list_con > ul > li.facebook > .list_div > .list_con > ul > li > a > .img_con {width:100%; border:1px solid #121212; background:no-repeat center/cover; border-radius:min(16px, 0.83vw); overflow:hidden;} .archive_sub03_con > .contents_con > .list_con > ul > li.facebook > .list_div > .list_con > ul > li > a > .img_con > img {width:100%;} .archive_sub03_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul > li.none_li {width:100%; border:none; text-align:center;} .archive_sub03_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul > li.none_li > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:500; line-height:min(350px, 18.23vw);} /* 게시판 상단 공통 */ .sub_option_con {display:flex; flex-direction:column; gap:min(24px, 1.25vw); margin:min(48px, 2.50vw) 0 min(80px, 4.17vw);} .sub_option_con > .st_con {display:flex; align-items:center; gap:min(24px, 1.25vw);} .sub_option_con > .st_con .select_con {} .sub_option_con > .st_con .select_con > select {width:min(130px, 6.77vw); height:min(47px, 2.45vw); border:1px solid #121212; background-color:#FFF; font-size:min(16px, 0.83vw); color:#121212; font-weight:600; line-height:130%; border-radius:min(50px, 2.60vw);} .sub_option_con > .st_con .select_box {position:relative;} .sub_option_con > .st_con .select_box > .select {display:flex; justify-content:space-between; align-items:center; width:min(130px, 6.77vw); height:min(47px, 2.45vw); border:1px solid #121212; background:#FFF; padding:0 min(16px, 0.83vw); position:relative; z-index:20; border-radius:min(50px, 2.60vw); cursor:pointer;} .sub_option_con > .st_con .select_box > .select > span {font-size:min(16px, 0.83vw); color:#121212; font-weight:600; line-height:130%;} .sub_option_con > .st_con .select_box > .select > .img_con {width:min(12px, 0.63vw);} .sub_option_con > .st_con .select_box > .select > .img_con > img {width:100%;} .sub_option_con > .st_con .select_box > .select.on > span {} .sub_option_con > .st_con .select_box > .select.active > .img_con {transform:rotate(180deg);} .sub_option_con > .st_con .select_box > .option_list {display:none; width:min(130px, 6.77vw); border:1px solid #121212; background:#FFF; padding:min(58px, 3.02vw) min(16px, 0.83vw) min(12px, 0.63vw); position:absolute; top:0; left:0; right:0; z-index:10; border-radius:min(24px, 1.25vw) min(24px, 1.25vw) min(16px, 0.83vw) min(16px, 0.83vw);} .sub_option_con > .st_con .select_box > .option_list > ul {display:flex; flex-direction:column; gap:min(8px, 0.42vw);} .sub_option_con > .st_con .select_box > .option_list > ul > li {} .sub_option_con > .st_con .select_box > .option_list > ul > li > span {font-size:min(16px, 0.83vw); color:#121212; font-weight:600; line-height:130%; cursor:pointer;} .sub_option_con > .st_con .select_box .select.active + .option_list {display:block;} .sub_option_con > .st_con .tab_list {} .sub_option_con > .st_con .tab_list ul {display:flex; align-items:center; gap:min(6px, 0.31vw);} .sub_option_con > .st_con .tab_list ul > li {} .sub_option_con > .st_con .tab_list ul > li > a {display:flex; justify-content:center; align-items:center; min-width:min(80px, 4.17vw); height:min(47px, 2.45vw); background:#EBECF4; padding:0 min(16px, 0.83vw); font-size:min(16px, 0.83vw); color:#7E8490; font-weight:600; line-height:130%; border-radius:min(50px, 2.60vw);} .sub_option_con > .st_con .tab_list ul > li > a.on {background:#121212; color:#FFF;} .sub_option_con > .nav_con {} .sub_option_con > .nav_con > .contents_con {} .sub_option_con > .nav_con > .contents_con > .filter_con_bg {display:none; width:100%; margin:0 auto; height:100%; background:#FFF; position:fixed; top:0; left:0; right:0; z-index:200;} .sub_option_con > .nav_con > .contents_con > .filter_con {} .sub_option_con > .nav_con > .contents_con > .filter_con > .contents_con {} .sub_option_con > .nav_con > .contents_con > .filter_con > .contents_con > .title_con {display:flex; align-items:center; gap:min(108px, 5.63vw); border-bottom:1px solid #D9D9D9; padding:min(12px, 0.63vw) 0 min(12px, 0.63vw) min(16px, 0.83vw);} .sub_option_con > .nav_con > .contents_con > .filter_con > .contents_con > .title_con > span {order:2; font-size:min(18px, 0.94vw); color:#121212; font-weight:700; line-height:normal;} .sub_option_con > .nav_con > .contents_con > .filter_con > .contents_con > .title_con > a {order:1; display:inline-block; width:min(25px, 1.30vw);} .sub_option_con > .nav_con > .contents_con > .filter_con > .contents_con > .title_con > a > img {width:100%;} .sub_option_con > .nav_con > .contents_con > .filter_con > .contents_con > .title_con.m_con {display:none;} .sub_option_con > .nav_con > .contents_con > .filter_con > .contents_con > .scroll_con {} .sub_option_con > .nav_con > .contents_con > .filter_con > .contents_con > .scroll_con > .contents_con {} .sub_option_con > .nav_con > .contents_con > .filter_con > .contents_con > .scroll_con > .contents_con > .category_list {display:flex; justify-content:space-between; align-items:flex-start; width:100%; background:#FFF;} .sub_option_con > .nav_con > .contents_con > .filter_con > .contents_con > .scroll_con > .contents_con > .category_list > .category {display:flex; align-items:center; gap:min(35px, 1.82vw); width:100%;} .sub_option_con > .nav_con > .contents_con > .filter_con > .contents_con > .scroll_con > .contents_con > .category_list > .category > .title_con {display:flex; align-items:center; gap:min(8px, 0.42vw); position:relative;} .sub_option_con > .nav_con > .contents_con > .filter_con > .contents_con > .scroll_con > .contents_con > .category_list > .category > .title_con:after {content:''; width:1px; height:min(9px, 0.47vw); background:#121212; position:absolute; top:50%; right:max(-16px, -0.83vw); transform:translateY(-50%);} .sub_option_con > .nav_con > .contents_con > .filter_con > .contents_con > .scroll_con > .contents_con > .category_list > .category > .title_con > img {width:min(14px, 0.73vw);} .sub_option_con > .nav_con > .contents_con > .filter_con > .contents_con > .scroll_con > .contents_con > .category_list > .category > .title_con > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:700; line-height:130%;} .sub_option_con > .nav_con > .contents_con > .filter_con > .contents_con > .scroll_con > .contents_con > .category_list > .category > .list_con {} .sub_option_con > .nav_con > .contents_con > .filter_con > .contents_con > .scroll_con > .contents_con > .category_list > .category > .list_con > ul {display:flex; flex-wrap:wrap; gap:min(6px, 0.31vw);} .sub_option_con > .nav_con > .contents_con > .filter_con > .contents_con > .scroll_con > .contents_con > .category_list > .category > .list_con > ul:after {content:none;} .sub_option_con > .nav_con > .contents_con > .filter_con > .contents_con > .scroll_con > .contents_con > .category_list > .category > .list_con > ul > li {} .sub_option_con > .nav_con > .contents_con > .filter_con > .contents_con > .scroll_con > .contents_con > .category_list > .category > .list_con > ul > li > .checkbox_label {cursor:pointer;} .sub_option_con > .nav_con > .contents_con > .filter_con > .contents_con > .scroll_con > .contents_con > .category_list > .category > .list_con > ul > li > .checkbox_label > input[type="checkbox"] {display:none;} .sub_option_con > .nav_con > .contents_con > .filter_con > .contents_con > .scroll_con > .contents_con > .category_list > .category > .list_con > ul > li > .checkbox_label > span {display:flex; justify-content:center; align-items:center; width:min(64px, 3.33vw); height:min(47px, 2.45vw); border:1px solid #CBCFD7; font-size:min(16px, 0.83vw); color:#7E8490; font-weight:600; line-height:130%; border-radius:min(50px, 2.60vw);} .sub_option_con > .nav_con > .contents_con > .filter_con > .contents_con > .scroll_con > .contents_con > .category_list > .category > .list_con > ul > li > .checkbox_label > input[type="checkbox"]:checked + span {border:1px solid #005ED7; background:#005ED7; color:#FFF;} /* 게시판 리스트 */ .notice_list_con {display:flex; flex-direction:column; gap:min(40px, 2.08vw);} .notice_list_con > .total_con {} .notice_list_con > .total_con > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:700; line-height:130%;} /* 일반게시판 */ .normal_list_con {} /* 전시 형식 갤러리 리스트 */ .exhibition_format {} .exhibition_format > ul {display:flex; flex-wrap:wrap; gap:min(60px, 3.13vw) min(72px, 3.75vw);} .exhibition_format > ul > li {width:min(336px, 17.50vw); position:relative;} .exhibition_format > ul > li > a {display:inline-block;} .exhibition_format > ul > li > a > .list_div {} .exhibition_format > ul > li > a > .list_div > .img_con {width:100%; border:1px solid #121212; background:no-repeat center/cover; background-size:auto 100%; position:relative; border-radius:min(16px, 0.83vw); overflow:hidden; transition:all 0.45s;} .exhibition_format > ul > li > a > .list_div > .img_con > img {width:100%;} .exhibition_format > ul > li:hover > a > .list_div > .img_con {background-size:auto 110%;} .exhibition_format > ul > li > a > .list_div > .img_con > .progress_con {} .exhibition_format > ul > li > a > .list_div > .img_con > .progress_con > .text_con {position:absolute; top:min(10px, 0.52vw); left:min(10px, 0.52vw);} .exhibition_format > ul > li > a > .list_div > .img_con > .progress_con > .text_con > span {display:flex; justify-content:center; align-items:center; min-width:min(74px, 3.85vw); height:min(41px, 2.14vw); background:#121212; padding:0 min(16px, 0.83vw); font-size:min(16px, 0.83vw); color:#FFF; font-weight:700; line-height:130%; border-radius:min(50px, 2.60vw);} .exhibition_format > ul > li > a > .list_div > .img_con > .progress_con.end {width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; z-index:20;} .exhibition_format > ul > li > a > .list_div > .img_con > .progress_con.end > .text_con > span{background:#EBECF4; color:#7E8490;} .exhibition_format > ul > li > a > .list_div > .txt_con {margin:min(16px, 0.83vw) 0 0;} .exhibition_format > ul > li > a > .list_div > .txt_con > .title_con {} .exhibition_format > ul > li > a > .list_div > .txt_con > .title_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(26px, 1.35vw); color:#121212; font-weight:700; line-height:140%;} .exhibition_format > ul > li > a > .list_div > .txt_con > .list_con {width:min(280px, 14.58vw); margin:min(12px, 0.63vw) 0 0;} .exhibition_format > ul > li > a > .list_div > .txt_con > .list_con > ul {display:flex; flex-direction:column; gap:min(6px, 0.31vw);} .exhibition_format > ul > li > a > .list_div > .txt_con > .list_con > ul > li {} .exhibition_format > ul > li > a > .list_div > .txt_con > .list_con > ul > li > .list_div {display:flex; align-items:center; gap:min(12px, 0.63vw);} .exhibition_format > ul > li > a > .list_div > .txt_con > .list_con > ul > li > .list_div > .title_con {flex-shrink:0; display:flex; justify-content:center; align-items:center; min-width:min(49px, 2.55vw); height:min(28px, 1.46vw); background:#3E4450; padding:0 min(12px, 0.63vw); border-radius:min(50px, 2.60vw);} .exhibition_format > ul > li > a > .list_div > .txt_con > .list_con > ul > li > .list_div > .title_con > span {font-size:min(14px, 0.73vw); color:#FFF; font-weight:600;} .exhibition_format > ul > li > a > .list_div > .txt_con > .list_con > ul > li > .list_div > .text_con {} .exhibition_format > ul > li > a > .list_div > .txt_con > .list_con > ul > li > .list_div > .text_con > span {font-size:min(16px, 0.83vw); color:#3E4450; font-weight:500; line-height:140%;} .exhibition_format > ul > li > a > .list_div > .txt_con > .list_con > ul > li:nth-child(2) > .list_div > .title_con {background:#7E8490;} .exhibition_format > ul > li > a > .list_div > .txt_con > .list_con > ul > li:nth-child(2) > .list_div > .text_con > span {color:#7E8490;} .exhibition_format > ul > li > .more_info {position:absolute; right:0; bottom:min(13px, 0.68vw); z-index:30;} .exhibition_format > ul > li > .more_info > .btn_con {} .exhibition_format > ul > li > .more_info > .btn_con > a {display:flex; justify-content:center; align-items:center; width:min(36px, 1.88vw); height:min(36px, 1.88vw); border:1px solid #121212; background:#FFF; position:relative; border-radius:100%; transition:all 0.3s;} .exhibition_format > ul > li > .more_info > .btn_con > a > img {width:min(20px, 1.04vw);} .exhibition_format > ul > li > .more_info > .btn_con > a > img.bk {} .exhibition_format > ul > li > .more_info > .btn_con > a > img.wh {display:none;} .exhibition_format > ul > li > .more_info > .btn_con > .number_con {position:absolute; top:max(-6px, -0.31vw); right:max(-5px, -0.26vw);} .exhibition_format > ul > li > .more_info > .btn_con > .number_con > span {display:inline-flex; justify-content:center; align-items:center; width:min(18px, 0.94vw); height:min(18px, 0.94vw); background:#121212; font-size:min(14px, 0.73vw); color:#FFF; font-weight:700; border-radius:100%;} .exhibition_format > ul > li > .more_info:hover > .btn_con > a {background:#121212; transform:rotate(180deg);} .exhibition_format > ul > li > .more_info:hover > .btn_con > a > img.bk {display:none;} .exhibition_format > ul > li > .more_info:hover > .btn_con > a > img.wh {display:block;} .exhibition_format > ul > li > .more_info > .list_con {display:none; padding:min(46px, 2.40vw) 0 0; position:absolute; top:0; left:0; z-index:10;} .exhibition_format > ul > li > .more_info > .list_con > ul {display:flex; flex-direction:column; gap:min(16px, 0.83vw); width:min(300px, 15.63vw); border:1px solid #121212; background:#FFF; padding:min(20px, 1.04vw); border-radius:min(16px, 0.83vw);} .exhibition_format > ul > li > .more_info > .list_con > ul > li {width:100%; border-top:1px solid #CBCFD7; padding:min(16px, 0.83vw) 0 0;} .exhibition_format > ul > li > .more_info > .list_con > ul > li:first-child {border:none; padding:0;} .exhibition_format > ul > li > .more_info > .list_con > ul > li > a {display:block;} .exhibition_format > ul > li > .more_info > .list_con > ul > li > a > .list_div {} .exhibition_format > ul > li > .more_info > .list_con > ul > li > a > .list_div > .txt_con {display:flex; align-items:center; gap:min(6px, 0.31vw);} .exhibition_format > ul > li > .more_info > .list_con > ul > li > a > .list_div > .txt_con > .area_con {display:inline-flex; justify-content:center; align-items:center; min-width:min(41px, 2.14vw); height:min(22px, 1.15vw); background:#005ED7; padding:0 min(8px, 0.42vw); border-radius:min(50px, 2.60vw);} .exhibition_format > ul > li > .more_info > .list_con > ul > li > a > .list_div > .txt_con > .area_con > span {font-size:min(14px, 0.73vw); color:#FFF; font-weight:600;} .exhibition_format > ul > li > .more_info > .list_con > ul > li > a > .list_div > .txt_con > .title_con {flex:1; min-width:0;} .exhibition_format > ul > li > .more_info > .list_con > ul > li > a > .list_div > .txt_con > .title_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(18px, 0.94vw); color:#121212; font-weight:600; line-height:110%; letter-spacing:max(-0.32px, -0.02vw);} .exhibition_format > ul > li > .more_info > .list_con > ul > li > a > .list_div > .date_con {margin:min(8px, 0.42vw) 0 0;} .exhibition_format > ul > li > .more_info > .list_con > ul > li > a > .list_div > .date_con > span {font-size:min(14px, 0.73vw); color:#7E8490; font-weight:500; line-height:140%;} .exhibition_format > ul > li:nth-child(4n) > .more_info > .list_con {left:unset; right:0;} .exhibition_format > ul > li.none_li {width:100%; text-align:center;} .exhibition_format > ul > li.none_li > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:500; line-height:min(450px, 23.44vw);} /* 관광 형식 갤러리 리스트 */ .tour_format {} .tour_format ul {display:flex; flex-wrap:wrap; gap:min(60px, 3.13vw) min(45px, 2.34vw);} .tour_format > ul > li {width:min(490px, 25.52vw); position:relative;} .tour_format > ul > li > a {display:block;} .tour_format > ul > li > a > .list_div {} .tour_format > ul > li > a > .list_div > .img_con {width:100%; background:no-repeat center/cover; background-color:#EEE; background-size:100%; border-radius:min(16px, 0.83vw); overflow:hidden; position:relative; transition:all 0.45s;} .tour_format > ul > li > a > .list_div > .img_con > img {width:100%;} .tour_format > ul > li:hover > a > .list_div > .img_con {background-size:110%;} .tour_format > ul > li > a > .list_div > .img_con > .area_list {position:absolute; top:min(10px, 0.52vw); right:min(10px, 0.52vw);} .tour_format > ul > li > a > .list_div > .img_con > .area_list > ul {display:flex; align-items:center; gap:min(6px, 0.31vw);} .tour_format > ul > li > a > .list_div > .img_con > .area_list > ul > li {} .tour_format > ul > li > a > .list_div > .img_con > .area_list > ul > li > span {display:inline-flex; justify-content:center; align-items:center; height:min(32px, 1.67vw); border:1px solid #000; background:#FFF; padding:0 min(16px, 0.83vw); font-size:min(14px, 0.73vw); color:#121212; font-weight:700; line-height:130%; border-radius:min(50px, 2.60vw);} .tour_format > ul > li > a > .list_div > .img_con > .progress_con {} .tour_format > ul > li > a > .list_div > .img_con > .progress_con > .text_con {position:absolute; top:min(10px, 0.52vw); left:min(10px, 0.52vw);} .tour_format > ul > li > a > .list_div > .img_con > .progress_con > .text_con > span {display:flex; justify-content:center; align-items:center; width:min(74px, 3.85vw); height:min(41px, 2.14vw); background:#121212; font-size:min(16px, 0.83vw); color:#FFF; font-weight:700; line-height:130%; border-radius:min(50px, 2.60vw);} .tour_format > ul > li > a > .list_div > .img_con > .progress_con.end {width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; z-index:20;} .tour_format > ul > li > a > .list_div > .img_con > .progress_con.end > .text_con > span{background:#EBECF4; color:#7E8490;} .tour_format > ul > li > a > .list_div > .txt_con {margin:min(16px, 0.83vw) 0 0;} .tour_format > ul > li > a > .list_div > .txt_con > .title_con {} .tour_format > ul > li > a > .list_div > .txt_con > .title_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(26px, 1.35vw); color:#121212; font-weight:700; line-height:140%;} .tour_format > ul > li > a > .list_div > .txt_con > .list_con {margin:min(12px, 0.63vw) 0 0;} .tour_format > ul > li > a > .list_div > .txt_con > .list_con > ul {display:flex; flex-direction:column; gap:min(6px, 0.31vw);} .tour_format > ul > li > a > .list_div > .txt_con > .list_con > ul > li {width:100%;} .tour_format > ul > li > a > .list_div > .txt_con > .list_con > ul > li > .list_div {display:flex; align-items:center; gap:min(12px, 0.63vw);} .tour_format > ul > li > a > .list_div > .txt_con > .list_con > ul > li > .list_div > .title_con {flex-shrink:0; display:inline-flex; justify-content:center; align-items:center; width:min(73px, 3.80vw); height:min(28px, 1.46vw); background:#3E4450; border-radius:min(50px, 2.60vw);} .tour_format > ul > li > a > .list_div > .txt_con > .list_con > ul > li > .list_div > .title_con > span {font-size:min(14px, 0.73vw); color:#FFF; font-weight:600; line-height:140%;} .tour_format > ul > li > a > .list_div > .txt_con > .list_con > ul > li > .list_div > .text_con {width:76%;} .tour_format > ul > li > a > .list_div > .txt_con > .list_con > ul > li > .list_div > .text_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(16px, 0.83vw); color:#3E4450; font-weight:500; line-height:140%;} .tour_format > ul > li > a > .list_div > .txt_con > .list_con > ul > li:nth-child(2) > .list_div > .title_con {background:#7E8490;} .tour_format > ul > li > a > .list_div > .txt_con > .list_con > ul > li:nth-child(2) > .list_div > .text_con > span {color:#7E8490;} .tour_format > ul > li > .more_info {position:absolute; right:0; bottom:min(13px, 0.68vw); z-index:30;} .tour_format > ul > li > .more_info > .btn_con {} .tour_format > ul > li > .more_info > .btn_con > a {display:flex; justify-content:center; align-items:center; width:min(36px, 1.88vw); height:min(36px, 1.88vw); border:1px solid #121212; background:#FFF; position:relative; border-radius:100%; transition:all 0.3s;} .tour_format > ul > li > .more_info > .btn_con > a > img {width:min(20px, 1.04vw);} .tour_format > ul > li > .more_info > .btn_con > a > img.bk {} .tour_format > ul > li > .more_info > .btn_con > a > img.wh {display:none;} .tour_format > ul > li > .more_info > .btn_con > .number_con {position:absolute; top:max(-6px, -0.31vw); right:max(-5px, -0.26vw);} .tour_format > ul > li > .more_info > .btn_con > .number_con > span {display:inline-flex; justify-content:center; align-items:center; width:min(18px, 0.94vw); height:min(18px, 0.94vw); background:#121212; font-size:min(14px, 0.73vw); color:#FFF; font-weight:700; border-radius:100%;} .tour_format > ul > li > .more_info:hover > .btn_con > a {background:#121212; transform:rotate(180deg);} .tour_format > ul > li > .more_info:hover > .btn_con > a > img.bk {display:none;} .tour_format > ul > li > .more_info:hover > .btn_con > a > img.wh {display:block;} .tour_format > ul > li > .more_info > .list_con {display:none; padding:min(46px, 2.40vw) 0 0; position:absolute; top:0; left:0; z-index:10;} .tour_format > ul > li > .more_info > .list_con > ul {display:flex; flex-direction:column; gap:min(16px, 0.83vw); width:min(300px, 15.63vw); border:1px solid #121212; background:#FFF; padding:min(20px, 1.04vw); border-radius:min(16px, 0.83vw);} .tour_format > ul > li > .more_info > .list_con > ul > li {width:100%; border-top:1px solid #CBCFD7; padding:min(16px, 0.83vw) 0 0;} .tour_format > ul > li > .more_info > .list_con > ul > li:first-child {border:none; padding:0;} .tour_format > ul > li > .more_info > .list_con > ul > li > a {display:block;} .tour_format > ul > li > .more_info > .list_con > ul > li > a > .list_div {} .tour_format > ul > li > .more_info > .list_con > ul > li > a > .list_div > .txt_con {display:flex; align-items:center; gap:min(6px, 0.31vw);} .tour_format > ul > li > .more_info > .list_con > ul > li > a > .list_div > .txt_con > .area_con {display:inline-flex; justify-content:center; align-items:center; min-width:min(41px, 2.14vw); height:min(22px, 1.15vw); background:#005ED7; padding:0 min(8px, 0.42vw); border-radius:min(50px, 2.60vw);} .tour_format > ul > li > .more_info > .list_con > ul > li > a > .list_div > .txt_con > .area_con > span {font-size:min(14px, 0.73vw); color:#FFF; font-weight:600;} .tour_format > ul > li > .more_info > .list_con > ul > li > a > .list_div > .txt_con > .title_con {flex:1; min-width:0;} .tour_format > ul > li > .more_info > .list_con > ul > li > a > .list_div > .txt_con > .title_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(18px, 0.94vw); color:#121212; font-weight:600; line-height:110%; letter-spacing:max(-0.32px, -0.02vw);} .tour_format > ul > li > .more_info > .list_con > ul > li > a > .list_div > .date_con {margin:min(8px, 0.42vw) 0 0;} .tour_format > ul > li > .more_info > .list_con > ul > li > a > .list_div > .date_con > span {font-size:min(14px, 0.73vw); color:#7E8490; font-weight:500; line-height:140%;} .tour_format > ul > li:nth-child(3n) > .more_info > .list_con {left:unset; right:0;} .tour_format > ul > li.none_li {width:100%; text-align:center;} .tour_format > ul > li.none_li > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:500; line-height:min(450px, 23.44vw);} /* 전시 프로그램 */ .program_sub01_con {} .program_sub01_con > .contents_con {border-bottom:1px solid #121212; padding:0 0 min(80px, 4.17vw);} /* 관광 프로그램 */ .program_sub02_con {} .program_sub02_con > .contents_con {border-bottom:1px solid #121212; padding:0 0 min(80px, 4.17vw);} .program_sub02_con .notice_view_con > .contents_con > .posts_con > .img_con {border:none; background-color:#EEE;} /* 참여관 소개 */ .museum_sub01_con {} .museum_sub01_con > .contents_con {border-bottom:1px solid #121212; padding:0 0 min(80px, 4.17vw);} .museum_sub01_con .notice_view_con > .contents_con > .posts_con > .img_con {border:none; background-color:#EEE;} /* 단독전시 프로그램 */ .archive_sub01_con {} .archive_sub01_con > .contents_con {border-bottom:1px solid #121212; padding:0 0 min(80px, 4.17vw);} /* 연합전시 프로그램 */ .archive_sub02_con {} .archive_sub02_con > .contents_con {border-bottom:1px solid #121212; padding:0 0 min(80px, 4.17vw);} /* 언론보도 */ .archive_sub04_con {} .archive_sub04_con > .contents_con {border-bottom:1px solid #121212; padding:min(80px, 4.17vw) 0;} /* 언론보도 게시판 */ .normal_list_con.press_list {} .normal_list_con.press_list > ul {} .normal_list_con.press_list > ul > li {border-bottom:1px solid #CBCFD7; padding:min(32px, 1.67vw) 0;} .normal_list_con.press_list > ul > li:first-child {padding-top:0;} .normal_list_con.press_list > ul > li:last-child {border-bottom:none; padding-bottom:0;} .normal_list_con.press_list > ul > li > a {display:inline-block;} .normal_list_con.press_list > ul > li > a > .list_div {display:flex; align-items:flex-start; gap:min(40px, 2.08vw);} .normal_list_con.press_list > ul > li > a > .list_div > .img_con {flex-shrink:0; width:min(190px, 9.90vw); border:1px solid #121212; background:no-repeat center/cover; border-radius:min(8px, 0.42vw); overflow:hidden;} .normal_list_con.press_list > ul > li > a > .list_div > .img_con > img {width:100%;} .normal_list_con.press_list > ul > li > a > .list_div > .txt_con {display:flex; flex-direction:column; gap:min(18px, 0.94vw); padding:min(12px, 0.63vw) 0 0;} .normal_list_con.press_list > ul > li > a > .list_div > .txt_con > .wd_con {display:flex; align-items:center; gap:min(25px, 1.30vw);} .normal_list_con.press_list > ul > li > a > .list_div > .txt_con > .wd_con > div {position:relative;} .normal_list_con.press_list > ul > li > a > .list_div > .txt_con > .wd_con > div:before {content:''; width:1px; height:min(11px, 0.57vw); background:#3E4450; position:absolute; top:50%; left:max(-13px, -0.68vw); transform:translateY(-50%);} .normal_list_con.press_list > ul > li > a > .list_div > .txt_con > .wd_con > div:first-child:before {content:none;} .normal_list_con.press_list > ul > li > a > .list_div > .txt_con > .wd_con > .writer_con {} .normal_list_con.press_list > ul > li > a > .list_div > .txt_con > .wd_con > .writer_con > span {font-size:min(18px, 0.94vw); color:#3E4450; font-weight:500; line-height:140%;} .normal_list_con.press_list > ul > li > a > .list_div > .txt_con > .wd_con > .date_con {} .normal_list_con.press_list > ul > li > a > .list_div > .txt_con > .wd_con > .date_con > span {font-size:min(18px, 0.94vw); color:#3E4450; font-weight:500; line-height:140%;} .normal_list_con.press_list > ul > li > a > .list_div > .txt_con > .text_con {} .normal_list_con.press_list > ul > li > a > .list_div > .txt_con > .text_con > .title_con {} .normal_list_con.press_list > ul > li > a > .list_div > .txt_con > .text_con > .title_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(26px, 1.35vw); color:#121212; font-weight:700; line-height:140%; transition:all 0.3s;} .normal_list_con.press_list > ul > li > a:hover > .list_div > .txt_con > .text_con > .title_con > span {color:#4B5068;} .normal_list_con.press_list > ul > li > a > .list_div > .txt_con > .text_con > .text_con {margin:min(8px, 0.42vw) 0 0;} .normal_list_con.press_list > ul > li > a > .list_div > .txt_con > .text_con > .text_con > span {display:block; height:min(44px, 2.29vw); white-space:normal; overflow:hidden; text-overflow:ellipsis; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:min(16px, 0.83vw); color:#7E8490; font-weight:500; line-height:140%;} .normal_list_con.press_list > ul > li.none_li {text-align:center;} .normal_list_con.press_list > ul > li.none_li > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:500; line-height:min(500px, 26.04vw);} /* 공지사항 게시판 */ .normal_list_con.notice_list {} .normal_list_con.notice_list > ul {} .normal_list_con.notice_list > ul > li {width:100%;} .normal_list_con.notice_list > ul > li > a {display:block; width:100%; border-bottom:1px solid #CBCFD7; padding:min(40px, 2.08vw) min(32px, 1.67vw);} .normal_list_con.notice_list > ul > li > a > .list_div {display:flex; justify-content:space-between; align-items:center; gap:min(20px, 1.04vw);} .normal_list_con.notice_list > ul > li > a > .list_div > .title_con {display:flex; align-items:center; gap:min(20px, 1.04vw); flex:1; min-width:0;} .normal_list_con.notice_list > ul > li > a > .list_div > .title_con > .text_con {display:flex; align-items:center; gap:min(6px, 0.31vw); min-width:0;} .normal_list_con.notice_list > ul > li > a > .list_div > .title_con > .text_con > span {flex:1; min-width:0; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(24px, 1.25vw); color:#121212; font-weight:600; line-height:130%; transition:all 0.3s ease;} .normal_list_con.notice_list > ul > li > a > .list_div > .title_con > .text_con > img {flex-shrink:0; width:min(26px, 1.35vw);} .normal_list_con.notice_list > ul > li > a > .list_div > .title_con > .notice {} .normal_list_con.notice_list > ul > li > a > .list_div > .title_con > .notice > span {display:flex; justify-content:center; align-items:center; width:min(60px, 3.13vw); height:min(37px, 1.93vw); background:#121212; font-size:min(16px, 0.83vw); color:#FFF; font-weight:700; border-radius:min(500px, 26.04vw);} .normal_list_con.notice_list > ul > li > a > .list_div > .date_con {} .normal_list_con.notice_list > ul > li > a > .list_div > .date_con > span {font-size:min(16px, 0.83vw); color:#3E4450; font-weight:500; line-height:130%;} .normal_list_con.notice_list > ul > li:hover > a > .list_div > .title_con > .text_con > span {color:#4B5068;} .normal_list_con.notice_list > ul > li.none_li {text-align:center;} .normal_list_con.notice_list > ul > li.none_li > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:500; line-height:min(500px, 26.04vw);} /* 뷰 공통 */ .view_con {} .view_con > .contents_con {border-bottom:none; padding:0;} /* 뷰페이지 */ .notice_view_con {} .notice_view_con > .contents_con {} .notice_view_con > .contents_con > .posts_con {display:flex; justify-content:space-between; align-items:flex-start; gap:min(80px, 4.17vw); border-top:1px solid #121212; border-bottom:1px solid #121212; padding:min(64px, 3.33vw) min(48px, 2.50vw);} .notice_view_con > .contents_con > .posts_con > .img_con {flex-shrink:0; width:min(510px, 26.56vw); border:1px solid #121212; background:no-repeat center/cover; position:relative; border-radius:min(16px, 0.83vw); overflow:hidden;} .notice_view_con > .contents_con > .posts_con > .img_con > img {width:100%;} .notice_view_con > .contents_con > .posts_con > .img_con > .progress_con {} .notice_view_con > .contents_con > .posts_con > .img_con > .progress_con > .text_con {position:absolute; top:min(10px, 0.52vw); left:min(10px, 0.52vw);} .notice_view_con > .contents_con > .posts_con > .img_con > .progress_con > .text_con > span {display:flex; justify-content:center; align-items:center; min-width:min(74px, 3.85vw); height:min(41px, 2.14vw); background:#121212; padding:0 min(16px, 0.83vw); font-size:min(16px, 0.83vw); color:#FFF; font-weight:700; line-height:130%; border-radius:min(50px, 2.60vw);} .notice_view_con > .contents_con > .posts_con > .img_con > .progress_con.end {width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; z-index:20;} .notice_view_con > .contents_con > .posts_con > .img_con > .progress_con.end > .text_con > span{background:#EBECF4; color:#7E8490;} .notice_view_con > .contents_con > .posts_con > .txt_con {width:100%;} .notice_view_con > .contents_con > .posts_con > .txt_con > div {border-bottom:1px solid #CBCFD7; margin:0 0 min(32px, 1.67vw); padding:0 0 min(32px, 1.67vw);} .notice_view_con > .contents_con > .posts_con > .txt_con > div:last-child {border-bottom:none; margin:0; padding:0;} .notice_view_con > .contents_con > .posts_con > .txt_con > .title_con {} .notice_view_con > .contents_con > .posts_con > .txt_con > .title_con > .area_con {} .notice_view_con > .contents_con > .posts_con > .txt_con > .title_con > .area_con > ul {display:flex; align-items:center; gap:min(6px, 0.31vw);} .notice_view_con > .contents_con > .posts_con > .txt_con > .title_con > .area_con > ul > li {} .notice_view_con > .contents_con > .posts_con > .txt_con > .title_con > .area_con > ul > li > span {display:flex; justify-content:center; align-items:center; min-width:min(59px, 3.07vw); height:min(32px, 1.67vw); border:1px solid #121212; background:#FFF; padding:0 min(16px, 0.83vw); font-size:min(14px, 0.73vw); color:#121212; font-weight:700; line-height:130%; border-radius:min(50px, 2.60vw);} .notice_view_con > .contents_con > .posts_con > .txt_con > .title_con > .text_con {margin:min(8px, 0.42vw) 0 0;} .notice_view_con > .contents_con > .posts_con > .txt_con > .title_con > .text_con > span {font-size:min(40px, 2.08vw); color:#121212; font-weight:700; line-height:140%;} .notice_view_con > .contents_con > .posts_con > .txt_con > .list_con {} .notice_view_con > .contents_con > .posts_con > .txt_con > .list_con > ul {display:flex; flex-direction:column; gap:min(12px, 0.63vw);} .notice_view_con > .contents_con > .posts_con > .txt_con > .list_con > ul > li {} .notice_view_con > .contents_con > .posts_con > .txt_con > .list_con > ul > li > .list_div {display:flex; align-items:flex-start; gap:min(12px, 0.63vw);} .notice_view_con > .contents_con > .posts_con > .txt_con > .list_con > ul > li > .list_div > .area_con {} .notice_view_con > .contents_con > .posts_con > .txt_con > .list_con > ul > li > .list_div > .area_con > span {display:flex; justify-content:center; align-items:center; min-width:min(60px, 3.13vw); height:min(34px, 1.77vw); background:#3E4450; padding:0 min(16px, 0.83vw); font-size:min(16px, 0.83vw); color:#FFF; font-weight:600; line-height:140%; border-radius:min(50px, 2.60vw);} .notice_view_con > .contents_con > .posts_con > .txt_con > .list_con > ul > li > .list_div > .txt_con {display:flex; flex-wrap:wrap; align-items:center; padding:min(3px, 0.16vw) 0 0;} .notice_view_con > .contents_con > .posts_con > .txt_con > .list_con > ul > li > .list_div > .txt_con > .name_con {margin:0 min(12px, 0.63vw) 0 0;} .notice_view_con > .contents_con > .posts_con > .txt_con > .list_con > ul > li > .list_div > .txt_con > .name_con > span {font-size:min(20px, 1.04vw); color:#3E4450; font-weight:500; line-height:140%;} .notice_view_con > .contents_con > .posts_con > .txt_con > .list_con > ul > li > .list_div > .txt_con > .date_con {padding:0 0 0 min(12px, 0.63vw); position:relative;} .notice_view_con > .contents_con > .posts_con > .txt_con > .list_con > ul > li > .list_div > .txt_con > .date_con:after {content:''; width:1px; height:min(8px, 0.42vw); background:#7E8490; position:absolute; top:50%; left:0; transform:translateY(-50%);} .notice_view_con > .contents_con > .posts_con > .txt_con > .list_con > ul > li > .list_div > .txt_con > .date_con > span {font-size:min(20px, 1.04vw); color:#7E8490; font-weight:500; line-height:140%;} .notice_view_con > .contents_con > .posts_con > .txt_con > .text_list {} .notice_view_con > .contents_con > .posts_con > .txt_con > .text_list > ul {display:flex; flex-direction:column; gap:min(12px, 0.63vw);} .notice_view_con > .contents_con > .posts_con > .txt_con > .text_list > ul > li {} .notice_view_con > .contents_con > .posts_con > .txt_con > .text_list > ul > li > .list_div {display:flex; align-items:flex-start; gap:min(12px, 0.63vw);} .notice_view_con > .contents_con > .posts_con > .txt_con > .text_list > ul > li > .list_div > .title_con {flex-shrink:0; display:flex; justify-content:center; align-items:center; width:min(88px, 4.58vw); height:min(34px, 1.77vw); background:#7E8490; border-radius:min(50px, 2.60vw);} .notice_view_con > .contents_con > .posts_con > .txt_con > .text_list > ul > li > .list_div > .title_con > span {font-size:min(16px, 0.83vw ); color:#FFF; font-weight:600; line-height:140%;} .notice_view_con > .contents_con > .posts_con > .txt_con > .text_list > ul > li > .list_div > .text_con {display:inline-flex; min-height:min(34px, 1.77vw); align-items:center;} .notice_view_con > .contents_con > .posts_con > .txt_con > .text_list > ul > li > .list_div > .text_con > span {font-size:min(20px, 1.04vw); color:#7E8490; font-weight:500; line-height:140%;} .notice_view_con > .contents_con > .posts_con > .txt_con > .text_list > ul > li > .list_div > .text_con > a {font-size:min(20px, 1.04vw); color:#7E8490; font-weight:500; line-height:140%;} .notice_view_con > .contents_con > .posts_con > .txt_con > .text_con {} .notice_view_con > .contents_con > .posts_con > .txt_con > .text_con > span {font-size:min(20px, 1.04vw); color:#7E8490; font-weight:500; line-height:140%;} .notice_view_con > .contents_con > .posts_con > .txt_con > .map_con {width:100%; height:min(420px, 21.88vw); background:#EEE; border-radius:min(16px, 0.83vw); overflow:hidden;} .notice_view_con > .contents_con > .btn_con {margin:min(64px, 3.33vw) 0 0;} .notice_view_con > .contents_con > .btn_con > a {--r: 16deg; --y: 1200%; display:flex; justify-content:center; align-items:center; width:min(141px, 7.34vw); margin:0 auto; height:min(66px, 3.44vw); border:1px solid #121212; background:#FFF; position: relative; border-radius:min(500px, 26.04vw); overflow:hidden;} .notice_view_con > .contents_con > .btn_con > a > .txt_con {display:flex; justify-content:center; align-items:center; width:100%; height:100%; position: absolute; top:0; left:0; transform-origin:50% var(--y, 1100%); transition:none;} .notice_view_con > .contents_con > .btn_con > a > .txt_con > span {font-size:min(22px, 1.15vw); color:#121212; font-weight:700; line-height:120%; white-space:nowrap;} .notice_view_con > .contents_con > .btn_con > a > .txt_con:nth-child(1) {transform:rotate(calc(var(--r) * -1.5));} .notice_view_con > .contents_con > .btn_con > a > .txt_con:nth-child(2) {transform:rotate(0deg);} /* 언론보도 뷰페이지 */ .notice_view_con.press_view_con {} .notice_view_con.press_view_con > .contents_con {} .notice_view_con.press_view_con > .contents_con > .top_con {display:flex; flex-direction:column; align-items:center; border-top:1px solid #121212; border-bottom:1px solid #121212; padding:min(64px, 3.33vw) 0;} .notice_view_con.press_view_con > .contents_con > .top_con > .wd_con {display:flex; justify-content:center; align-items:center; gap:min(25px, 1.30vw);} .notice_view_con.press_view_con > .contents_con > .top_con > .wd_con > div {position:relative;} .notice_view_con.press_view_con > .contents_con > .top_con > .wd_con > div:after {content:''; width:1px; height:min(11px, 0.57vw); background:#3E4450; position:absolute; top:50%; left:max(-13px, -0.68vw); transform:translateY(-50%);} .notice_view_con.press_view_con > .contents_con > .top_con > .wd_con > div:first-child:after {content:none;} .notice_view_con.press_view_con > .contents_con > .top_con > .wd_con > .writer_con {} .notice_view_con.press_view_con > .contents_con > .top_con > .wd_con > .writer_con > span {font-size:min(18px, 0.94vw); color:#3E4450; font-weight:500; line-height:140%;} .notice_view_con.press_view_con > .contents_con > .top_con > .wd_con > .date_con {} .notice_view_con.press_view_con > .contents_con > .top_con > .wd_con > .date_con > span {font-size:min(18px, 0.94vw); color:#3E4450; font-weight:500; line-height:140%;} .notice_view_con.press_view_con > .contents_con > .top_con > .title_con {margin:min(16px, 0.83vw) 0 0; text-align:center;} .notice_view_con.press_view_con > .contents_con > .top_con > .title_con > span {font-size:min(40px, 2.08vw); color:#121212; font-weight:700; line-height:140%;} .notice_view_con.press_view_con > .contents_con > .top_con > .link_con {margin:min(24px, 1.25vw) 0 0;} .notice_view_con.press_view_con > .contents_con > .top_con > .link_con > a {display:inline-flex; justify-content:center; align-items:center; gap:min(4px, 0.21vw); height:min(30px, 1.56vw); background:#EEF0F5; padding:0 min(16px, 0.83vw); border-radius:min(50px, 2.60vw);} .notice_view_con.press_view_con > .contents_con > .top_con > .link_con > a > span {font-size:min(14px, 0.73vw); color:#7E8490; font-weight:700; line-height:130%;} .notice_view_con.press_view_con > .contents_con > .top_con > .link_con > a > img {width:min(18px, 0.94vw);} .notice_view_con.press_view_con > .contents_con > .posts_con {flex-direction:column; justify-content:unset; align-items:center; gap:0; border-top:unset; border-bottom:1px solid #121212; padding:min(64px, 3.33vw) 0;} .notice_view_con.press_view_con > .contents_con > .posts_con > .img_con {width:auto; border:none; border-radius:unset;} .notice_view_con.press_view_con > .contents_con > .posts_con > .img_con > img {width:auto; max-width:100% !important;} .notice_view_con.press_view_con > .contents_con > .posts_con > .text_con {margin:min(64px, 3.33vw) 0 0; text-align:center;} .notice_view_con.press_view_con > .contents_con > .posts_con > .text_con > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:500; line-height:140%;} /* 공지사항 뷰페이지 */ .notice_view_con.notice_view {} .notice_view_con.notice_view > .contents_con {} .notice_view_con.notice_view > .contents_con > .top_con {display:flex; flex-direction:column; align-items:center; border-top:1px solid #121212; border-bottom:1px solid #121212; padding:min(64px, 3.33vw) 0;} .notice_view_con.notice_view > .contents_con > .top_con > .date_con {} .notice_view_con.notice_view > .contents_con > .top_con > .date_con > span {font-size:min(18px, 0.94vw); color:#3E4450; font-weight:500; line-height:140%;} .notice_view_con.notice_view > .contents_con > .top_con > .title_con {margin:min(16px, 0.83vw) 0 0; text-align:center;} .notice_view_con.notice_view > .contents_con > .top_con > .title_con > span {font-size:min(40px, 2.08vw); color:#121212; font-weight:700; line-height:140%;} .notice_view_con.notice_view > .contents_con > .posts_con {flex-direction:column; justify-content:unset; align-items:center; gap:0; border-top:unset; border-bottom:1px solid #121212; padding:0 0 min(64px, 3.33vw);} .notice_view_con.notice_view > .contents_con > .posts_con > .file_con {display:flex; align-items:flex-start; gap:min(30px, 1.56vw); width:100%; border-bottom:1px solid #121212; margin:0 0 min(64px, 3.33vw); padding:min(32px, 1.67vw) min(20px, 1.04vw);} .notice_view_con.notice_view > .contents_con > .posts_con > .file_con > .title_con {display:flex; align-items:center; gap:2px;} .notice_view_con.notice_view > .contents_con > .posts_con > .file_con > .title_con > img {flex-shrink:0; width:min(18px, 0.94vw);} .notice_view_con.notice_view > .contents_con > .posts_con > .file_con > .title_con > span {font-size:min(16px, 0.83vw); color:#3E4450; font-weight:600; line-height:130%;} .notice_view_con.notice_view > .contents_con > .posts_con > .file_con > ul {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .notice_view_con.notice_view > .contents_con > .posts_con > .file_con > ul > li {} .notice_view_con.notice_view > .contents_con > .posts_con > .file_con > ul > li > a {display:inline-block; font-size:min(16px, 0.83vw); color:#3E4450; font-weight:400; line-height:130%; text-decoration:underline;} .notice_view_con.notice_view > .contents_con > .posts_con > .img_con {width:auto; border:none; border-radius:unset;} .notice_view_con.notice_view > .contents_con > .posts_con > .img_con > img {width:auto; max-width:100% !important;} .notice_view_con.notice_view > .contents_con > .posts_con > .text_con {margin:min(64px, 3.33vw) 0 0; text-align:center;} .notice_view_con.notice_view > .contents_con > .posts_con > .text_con > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:500; line-height:140%;} /* PC만 hover 효과 적용 */ @media (hover: hover) and (pointer: fine) { .notice_view_con > .contents_con > .btn_con > a:hover > .txt_con {transition: transform 0.5s;} .notice_view_con > .contents_con > .btn_con > a:hover > .txt_con:nth-child(1) {transform: rotate(0deg);} .notice_view_con > .contents_con > .btn_con > a:hover > .txt_con:nth-child(2) {transform: rotate(var(--r));} } /* 모바일(터치)에서는 처음 상태 그대로 유지 */ @media (hover: none) { .notice_view_con > .contents_con > .btn_con > a > .txt_con {transition: none !important;} .notice_view_con > .contents_con > .btn_con > a > .txt_con:nth-child(1) {transform: rotate(calc(var(--r) * -1.5));} .notice_view_con > .contents_con > .btn_con > a > .txt_con:nth-child(2) {transform: rotate(0deg);} } /* 약관 팝업 */ .terms_popup_con_bg {display:none; width:100%; height:100%; margin:0 auto; background-color:rgba(0,0,0,0.5); position:fixed; top:0; left:0; right:0; z-index:200;} .terms_popup_con {display:none; width:100%; max-width:min(700px, 36.46vw); margin:0 auto; background-color:#FFF; position:fixed; top:50%; left:0; right:0; z-index:300; transform:translateY(-50%);} .terms_popup_con > .contents_con {padding:min(30px, 1.56vw); position:relative; top:0; left:0;} .terms_popup_con > .contents_con > .title_con {margin:0 0 min(30px, 1.56vw) 0; text-align:center;} .terms_popup_con > .contents_con > .title_con span {font-size:min(30px, 1.56vw); color:#121212; font-weight:700; line-height:130%;} .terms_popup_con > .contents_con > .posts_con {border-top:1px solid #121212; border-bottom:1px solid #E8E8E8; padding:min(10px, 0.52vw);} .terms_popup_con > .contents_con > .posts_con > .scroll_con {height:min(450px, 23.44vw); padding:min(10px, 0.52vw); overflow-y:auto;} .terms_popup_con > .contents_con > .posts_con > .scroll_con::-webkit-scrollbar-track {background-color:transparent;} .terms_popup_con > .contents_con > .posts_con > .scroll_con::-webkit-scrollbar {width:min(5px, 0.26vw); background-color:transparent;} .terms_popup_con > .contents_con > .posts_con > .scroll_con::-webkit-scrollbar-thumb {background-color:#A35C7A; border-radius:min(5px, 0.26vw);}/*사이트 대표색 변경*/ .terms_popup_con > .contents_con > .posts_con > .scroll_con > .contents_con {} .terms_popup_con > .contents_con > .close_btn {width:min(40px, 2.08vw); margin:0 auto; position:absolute; top:min(10px, 0.52vw); right:min(10px, 0.52vw); z-index:10;} .terms_popup_con > .contents_con > .close_btn .a_btn {display:block; background-color:#121212; overflow:hidden; border-radius:100%;} .terms_popup_con > .contents_con > .close_btn .a_btn > img {width:100%;} /* 푸터 */ #footer {width:100%; margin:0 auto; background:#F8F9FD; position:relative;} #footer > .quick_banner {display:none; position:absolute; top:min(60px, 3.13vw); right:min(80px, 4.17vw);} #footer > .quick_banner > .top_btn {} #footer > .quick_banner > .top_btn > a {display:flex; align-items:center; gap:min(6px, 0.31vw);} #footer > .quick_banner > .top_btn > a > span {font-size:min(32px, 1.67vw); color:#121212; font-weight:900; line-height:140%;} #footer > .quick_banner > .top_btn > a > .img_con {display:flex; flex-direction:column; gap:min(10px, 0.52vw); width:min(34px, 1.77vw); height:min(34px, 1.77vw); overflow:hidden;} #footer > .quick_banner > .top_btn > a > .img_con > img {width:100%; transition:all 0.4s ease;} #footer > .contents_con {width:100%; margin:0 auto; padding:min(60px, 3.13vw) min(80px, 4.17vw);} #footer > .contents_con > .logo_con {width:min(376px, 19.58vw);} #footer > .contents_con > .logo_con > img {width:100%;} #footer > .contents_con > .company_con.m_con {} #footer > .contents_con > .txt_con {margin:min(64px, 3.33vw) 0 0;} #footer > .contents_con > .txt_con > .info_con {display:flex; position:relative;} #footer > .contents_con > .txt_con > .info_con > .info_list {display:flex; flex-direction:column; gap:min(24px, 1.25vw);} #footer > .contents_con > .txt_con > .info_con > .info_list > .text_con {} #footer > .contents_con > .txt_con > .info_con > .info_list > .text_con > span {font-size:min(16px, 0.83vw); color:#121212; font-weight:700; line-height:140%;} #footer > .contents_con > .txt_con > .info_con > .info_list > ul {display:flex; flex-direction:column; gap:min(16px, 0.83vw);} #footer > .contents_con > .txt_con > .info_con > .info_list > ul > li {} #footer > .contents_con > .txt_con > .info_con > .info_list > ul > li > .list_div {} #footer > .contents_con > .txt_con > .info_con > .info_list > ul > li > .list_div > .text_con {display:flex; align-items:center; gap:min(16px, 0.83vw);} #footer > .contents_con > .txt_con > .info_con > .info_list > ul > li > .list_div > .text_con > .text01_con {flex-shrink:0; width:min(80px, 4.17vw);} #footer > .contents_con > .txt_con > .info_con > .info_list > ul > li > .list_div > .text_con > .text01_con > span {font-size:min(16px, 0.83vw); color:rgba(18,18,18,0.8); font-weight:500; line-height:140%;} #footer > .contents_con > .txt_con > .info_con > .info_list > ul > li > .list_div > .text_con > .text02_con {} #footer > .contents_con > .txt_con > .info_con > .info_list > ul > li > .list_div > .text_con > .text02_con > span {font-size:min(16px, 0.83vw); color:#121212; font-weight:500; line-height:140%;} #footer > .contents_con > .txt_con > .info_con > .info_list > ul > li > .list_div > .text_con > .text02_con > a {font-size:min(16px, 0.83vw); color:#121212; font-weight:500; line-height:140%;} #footer > .contents_con > .txt_con > .info_con > .sns_list {position:absolute; right:0; bottom:max(-35px, -1.82vw);} #footer > .contents_con > .txt_con > .info_con > .sns_list > ul {display:flex; align-items:center; gap:min(8px, 0.42vw);} #footer > .contents_con > .txt_con > .info_con > .sns_list > ul > li {} #footer > .contents_con > .txt_con > .info_con > .sns_list > ul > li > a {display:inline-block; width:min(50px, 2.60vw);} #footer > .contents_con > .txt_con > .info_con > .sns_list > ul > li > a > img {width:100%;} #footer > .contents_con > .txt_con > .copy_con {display:flex; justify-content:space-between; align-items:center; margin:min(70px, 3.65vw) 0 0;} #footer > .contents_con > .txt_con > .copy_con > .copyright {} #footer > .contents_con > .txt_con > .copy_con > .copyright > span {font-size:min(14px, 0.73vw); color:#404041; font-weight:500; line-height:140%;} #footer > .contents_con > .txt_con > .copy_con > .company_con {} #footer > .contents_con > .txt_con > .copy_con > .company_con > ul {display:flex; align-items:center; gap:min(24px, 1.25vw);} #footer > .contents_con > .txt_con > .copy_con > .company_con > ul > li {} #footer > .contents_con > .txt_con > .copy_con > .company_con > ul > li > a {display:inline-block; width:auto; height:min(26px, 1.35vw);} #footer > .contents_con > .txt_con > .copy_con > .company_con > ul > li > a > img {width:100%;} /* PC만 hover 효과 적용 */ @media (hover: hover) and (pointer: fine) { #footer > .quick_banner > .top_btn > a > .img_con > img {transition:all 0.4s ease;} #footer > .quick_banner > .top_btn > a:hover > .img_con > img:first-child {transform:translateY(-100%);} #footer > .quick_banner > .top_btn > a:hover > .img_con > img:nth-child(2) {transform:translateY(-130%);} } /* 모바일(터치)에서는 처음 상태 그대로 유지 */ @media (hover: none) { #footer > .quick_banner > .top_btn > a > .img_con > img {transition:unset;} #footer > .quick_banner > .top_btn > a:hover > .img_con > img:first-child {transform:unset;} #footer > .quick_banner > .top_btn > a:hover > .img_con > img:nth-child(2) {transform:unset;} }