/*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(25px, 1.30vw) center; width:100%; padding:0 min(30px, 1.56vw) 0 min(25px, 1.30vw); } 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;} /* 라디오 버튼 */ .radio_label {display:inline-block; cursor:pointer;} .radio_label input[type=radio] {display:none;} .radio_label .check_icon {display:inline-block; width:min(28px, 1.46vw); height:min(28px, 1.46vw); background-image:url("/img/sub/radio_icon_off.svg"); background-repeat:no-repeat; background-size:contain; vertical-align:middle; cursor:pointer;} .radio_label span {vertical-align:middle;} .radio_label input[type=radio]:checked + .check_icon {background-image:url("/img/sub/radio_icon_on.svg");} /* 체크박스 버튼 */ .checkbox_label {display:inline-block; cursor:pointer;} .checkbox_label input[type=checkbox] {display:none;} .checkbox_label .check_icon {display:inline-block; width:min(28px, 1.46vw); height:min(28px, 1.46vw); background-image:url("/img/sub/checkbox_icon_off.svg"); background-repeat:no-repeat; background-size:contain; vertical-align:middle; cursor:pointer;} .checkbox_label span {vertical-align:middle;} .checkbox_label input[type=checkbox]:checked + .check_icon {background-image:url("/img/sub/checkbox_icon_on.svg");} /*번호목록*/ .number_list_con {margin-top:min(64px, 3.33vw);} .number_list_con > .contents_con {display:flex; justify-content:center; align-items:center; gap:min(15px, 0.78vw);} .number_list_con > .contents_con > .btn_con {} .number_list_con > .contents_con > .btn_con > a {display: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; gap:min(15px, 0.78vw); text-align:center;} .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);} .number_list_con > .contents_con > .list_con > a.on {background:#121212; color:#FFF;} body.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;} .line {overflow:hidden;} #wrap {width:100%; min-width:min(280px, 14.58vw); margin:0 auto;} /* 헤더 */ #header {width:100%; position:fixed; top:0; left:0; right:0; z-index:200; transition:all 0.3s ease;} #header > .contents_con {display:flex; justify-content:space-between; align-items:flex-start; padding:min(32px, 1.67vw) min(40px, 2.08vw) 0; position:relative;} #header > .contents_con > .btn_con {width:min(40px, 2.08vw);} #header > .contents_con > .btn_con > a {display:inline-block;} #header > .contents_con > .btn_con > a > img {display:none; width:100%;} #header > .contents_con > .btn_con > a > img.open {display:block;} #header > .contents_con > .btn_con > a > img.closed {} #header > .contents_con > .btn_con > a > img.bk_open {} #header > .contents_con > .btn_con > a > img.bk_closed {} #header > .contents_con > .center_con {display:flex; flex-direction:column; align-items:center; gap:min(16px, 0.83vw);} #header > .contents_con > .center_con > .logo_con {width:min(210px, 10.94vw);} #header > .contents_con > .center_con > .logo_con > a {display:block;} #header > .contents_con > .center_con > .logo_con > a > img {width:100%;} #header > .contents_con > .center_con > .logo_con > a > img.color {display:none;} #header > .contents_con > .center_con > .list_con {padding:min(8px, 0.42vw) 0;} #header > .contents_con > .center_con > .list_con > ul {display:flex; gap:min(24px, 1.25vw);} #header > .contents_con > .center_con > .list_con > ul > li {} #header > .contents_con > .center_con > .list_con > ul > li > a {display:flex; justify-content:center; align-items:center; width:min(160px, 8.33vw); height:min(55px, 2.86vw); font-size:min(18px, 0.94vw); color:#FFF; font-weight:600; line-height:140%; position:relative; transition:all 0.3s ease;} #header > .contents_con > .center_con > .list_con > ul > li > a.on {color:#880600;} #header > .contents_con > .center_con > .sub_menu {display:flex; justify-content:center; align-items:center; width:100%; height:min(202px, 10.52vw);} #header > .contents_con > .center_con > .sub_menu > ul {} #header > .contents_con > .center_con > .sub_menu > ul > li {display:none;} #header > .contents_con > .center_con > .sub_menu > ul > li > .list_div {display:flex; align-items:center; gap:min(50px, 2.60vw);} #header > .contents_con > .center_con > .sub_menu > ul > li > .list_div > .logo_con {} #header > .contents_con > .center_con > .sub_menu > ul > li > .list_div > .logo_con > img {} #header > .contents_con > .center_con > .sub_menu > ul > li > .list_div > ul {display:flex; justify-content:center; align-items:center; gap:min(32px, 1.67vw);} #header > .contents_con > .center_con > .sub_menu > ul > li > .list_div > ul > li {} #header > .contents_con > .center_con > .sub_menu > ul > li > .list_div > ul > li > a {display:flex; justify-content:space-between; align-items:center; width:min(210px, 10.94vw); border-bottom:1px solid #000; padding:min(8px, 0.42vw);} #header > .contents_con > .center_con > .sub_menu > ul > li > .list_div > ul > li > a > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:600; line-height:140%;} #header > .contents_con > .center_con > .sub_menu > ul > li > .list_div > ul > li > a > img {width:min(24px, 1.25vw);} #header > .contents_con > .center_con > .sub_menu > ul > li > .list_div > ul.img_list {gap:0;} #header > .contents_con > .center_con > .sub_menu > ul > li > .list_div > ul.img_list > li {width:min(186px, 9.69vw); position:relative;} #header > .contents_con > .center_con > .sub_menu > ul > li > .list_div > ul.img_list > li:after {content:''; width:1px; height:min(76px, 3.96vw); background:#E6E6E6; position:absolute; top:50%; left:0; transform:translateY(-50%);} #header > .contents_con > .center_con > .sub_menu > ul > li > .list_div > ul.img_list > li:first-child:after {content:none;} #header > .contents_con > .center_con > .sub_menu > ul > li > .list_div > ul.img_list > li > a {display:inline-block; width:100%; border-bottom:unset; padding:0;} #header > .contents_con > .center_con > .sub_menu > ul > li > .list_div > ul.img_list > li > a > img {width:100%;} #header > .contents_con > .lang_con {} #header > .contents_con > .lang_con > .list_con {} #header > .contents_con > .lang_con > .list_con > ul {display:flex; align-items:center; gap:min(17px, 0.89vw);} #header > .contents_con > .lang_con > .list_con > ul > li {position:relative;} #header > .contents_con > .lang_con > .list_con > ul > li:after {content:''; width:1px; height:min(10px, 0.52vw); background:rgba(255, 255, 255, 0.40); position:absolute; top:50%; left:max(-10px, -0.52vw); transform:translateY(-50%);} #header > .contents_con > .lang_con > .list_con > ul > li:first-child:after {content:none;} #header > .contents_con > .lang_con > .list_con > ul > li > a {display:block; font-size:min(18px, 0.94vw); color:#FFF; font-weight:600; line-height:140%; opacity:0.6;} #header > .contents_con > .lang_con > .list_con > ul > li > a.on {opacity:1;} #header > .site_nav {display:none; width:100%; height:100%; background:#0B103B; position:fixed; top:0; left:0; right:0; z-index:400;} #header > .site_nav > .top_con {display:flex; justify-content:space-between; align-items:flex-start; width:100%; padding:min(30px, 1.56vw) min(40px, 2.08vw) 0; position:absolute; top:0; left:0; right:0;} #header > .site_nav > .top_con > .btn_con {width:min(40px, 2.08vw);} #header > .site_nav > .top_con > .btn_con > a {display:inline-block;} #header > .site_nav > .top_con > .btn_con > a > img {width:100%;} #header > .site_nav > .top_con > .lang_con {} #header > .site_nav > .top_con > .lang_con > ul {display:flex; align-items:center; gap:min(17px, 0.89vw);} #header > .site_nav > .top_con > .lang_con > ul > li {position:relative;} #header > .site_nav > .top_con > .lang_con > ul > li:before {content:''; width:1px; height:min(10px, 0.52vw); background:rgba(255,255,255,0.4); position:absolute; top:50%; left:max(-9px, -0.47vw); transform:translateY(-50%);} #header > .site_nav > .top_con > .lang_con > ul > li:first-child:before {content:none;} #header > .site_nav > .top_con > .lang_con > ul > li > a {font-size:min(18px, 0.94vw); color:rgba(255,255,255,0.6); font-weight:600; line-height:140%;} #header > .site_nav > .top_con > .lang_con > ul > li > a.on {color:#FFF;} #header > .site_nav > .contents_con {display:flex; justify-content:space-between; align-items:flex-start; width:100%; max-width:min(1544px, 80.42vw); margin:0 auto; height:100%; padding:min(212px, 11.04vw) 0 min(120px, 6.25vw);} #header > .site_nav > .contents_con > .info_con {display:flex; flex-direction:column; gap:min(64px, 3.33vw);} #header > .site_nav > .contents_con > .info_con > .logo_con {width:min(408px, 21.25vw);} #header > .site_nav > .contents_con > .info_con > .logo_con > img {width:100%;} #header > .site_nav > .contents_con > .info_con > .w_con {display:flex; flex-direction:column; gap:min(64px, 3.33vw);} #header > .site_nav > .contents_con > .info_con > .w_con > .list_con {} #header > .site_nav > .contents_con > .info_con > .w_con > .list_con > ul {display:flex; flex-direction:column; gap:min(16px, 0.83vw);} #header > .site_nav > .contents_con > .info_con > .w_con > .list_con > ul > li {} #header > .site_nav > .contents_con > .info_con > .w_con > .list_con > ul > li > .list_div {display:flex; align-items:center; gap:min(16px, 0.83vw);} #header > .site_nav > .contents_con > .info_con > .w_con > .list_con > ul > li > .list_div > .text01_con {flex-shrink:0; width:min(80px, 4.17vw);} #header > .site_nav > .contents_con > .info_con > .w_con > .list_con > ul > li > .list_div > .text01_con > span {font-size:min(16px, 0.83vw); color:rgba(255,255,255,0.8); font-weight:500; line-height:140%;} #header > .site_nav > .contents_con > .info_con > .w_con > .list_con > ul > li > .list_div > .text02_con {} #header > .site_nav > .contents_con > .info_con > .w_con > .list_con > ul > li > .list_div > .text02_con > span {font-size:min(16px, 0.83vw); color:#FFF; font-weight:500; line-height:140%;} #header > .site_nav > .contents_con > .info_con > .w_con > .sns_con {} #header > .site_nav > .contents_con > .info_con > .w_con > .sns_con > ul {display:flex; gap:min(10px, 0.52vw);} #header > .site_nav > .contents_con > .info_con > .w_con > .sns_con > ul > li {} #header > .site_nav > .contents_con > .info_con > .w_con > .sns_con > ul > li > a {display:inline-block; width:min(50px, 2.60vw);} #header > .site_nav > .contents_con > .info_con > .w_con > .sns_con > ul > li > a > img {width:100%;} #header > .site_nav > .contents_con > .list_con {height:100%; position:relative;} #header > .site_nav > .contents_con > .list_con:before {content:''; width:1px; height:100%; background:rgba(255,255,255,0.2); position:absolute; top:0; left:max(-131px, -6.82vw);} #header > .site_nav > .contents_con > .list_con > ul {display:flex; align-items:flex-start; gap:min(24px, 1.25vw);} #header > .site_nav > .contents_con > .list_con > ul > li {display:flex; flex-direction:column; gap:min(40px, 2.08vw); width:min(200px, 10.42vw);} #header > .site_nav > .contents_con > .list_con > ul > li > a {display:inline-block; font-size:min(22px, 1.15vw); color:#FFF; font-weight:700; line-height:140%;} #header > .site_nav > .contents_con > .list_con > ul > li > .sub_menu {} #header > .site_nav > .contents_con > .list_con > ul > li > .sub_menu > .contents_con {} #header > .site_nav > .contents_con > .list_con > ul > li > .sub_menu > .contents_con > ul {display:flex; flex-direction:column; gap:min(12px, 0.63vw);} #header > .site_nav > .contents_con > .list_con > ul > li > .sub_menu > .contents_con > ul > li {padding:min(15px, 0.78vw) 0;} #header > .site_nav > .contents_con > .list_con > ul > li > .sub_menu > .contents_con > ul > li > a {display:inline-block; font-size:min(18px, 0.94vw); color:rgba(255,255,255,0.8); font-weight:500; line-height:140%; position:relative;} #header > .site_nav > .contents_con > .list_con > ul > li > .sub_menu > .contents_con > ul > li > a:after {content:''; width:100%; height:0; background:rgba(255,255,255,0.8); position:absolute; bottom:0; left:0;} #header > .site_nav > .contents_con > .list_con > ul > li > .sub_menu > .contents_con > ul > li > a.on:after {height:1px;} /* 헤더 마우스오버 */ #header.on {background:#FFF;} #header.on > .contents_con > .btn_con > a > img.open {display:none;} #header.on > .contents_con > .btn_con > a > img.closed {} #header.on > .contents_con > .btn_con > a > img.bk_open {display:block;} #header.on > .contents_con > .btn_con > a > img.bk_closed {} #header.on > .contents_con > .center_con > .logo_con > a > img {display:none;} #header.on > .contents_con > .center_con > .logo_con > a > img.color {display:block;} #header.on > .contents_con > .center_con > .list_con > ul > li > a {color:#121212;} #header.on > .contents_con > .lang_con > .list_con > ul > li > a {color:#121212;} #header.on > .contents_con > .lang_con > .list_con > ul > li:after {background:rgba(18,18,18,0.4);} /* 헤더 메인일시 */ #header.sub {background:#FFF; border-bottom:1px solid #E6E6E6;} #header.sub > .contents_con > .btn_con > a > img.open {display:none;} #header.sub > .contents_con > .btn_con > a > img.closed {} #header.sub > .contents_con > .btn_con > a > img.bk_open {display:block;} #header.sub > .contents_con > .btn_con > a > img.bk_closed {} #header.sub > .contents_con > .center_con > .logo_con > a > img {display:none;} #header.sub > .contents_con > .center_con > .logo_con > a > img.color {display:block;} #header.sub > .contents_con > .center_con > .list_con > ul > li > a {color:#121212;} #header.sub > .contents_con > .lang_con > .list_con > ul > li > a {color:#121212;} #header.sub > .contents_con > .lang_con > .list_con > ul > li:after {background:rgba(18,18,18,0.4);} /* 헤더 스크롤시 */ #header.scroll {background:#FFF; border-bottom:1px solid #E6E6E6;} #header.scroll > .contents_con > .btn_con > a > img.open {display:none;} #header.scroll > .contents_con > .btn_con > a > img.closed {} #header.scroll > .contents_con > .btn_con > a > img.bk_open {display:block;} #header.scroll > .contents_con > .btn_con > a > img.bk_closed {} #header.scroll > .contents_con > .center_con > .logo_con > a > img {display:none;} #header.scroll > .contents_con > .center_con > .logo_con > a > img.color {display:block;} #header.scroll > .contents_con > .center_con > .list_con > ul > li > a {color:#121212;} #header.scroll > .contents_con > .lang_con > .list_con > ul > li > a {color:#121212;} #header.scroll > .contents_con > .lang_con > .list_con > ul > li:after {background:rgba(18,18,18,0.4);} /* 메인 컨텐츠 */ #main_con {width:100%; margin:0 auto; overflow:hidden;} #main_con > .visual_con {width:100%; margin:0 auto;} #main_con > .visual_con > .contents_con {position:relative;} #main_con > .visual_con > .contents_con > .video_con {height:0; padding-bottom:56.25%; position:relative; top:0; left:0; pointer-events:none;} #main_con > .visual_con > .contents_con > .video_con iframe {width:100%; height:100%; position:absolute; top:0; left:0;} #main_con > .visual_con > .contents_con > .video_con video {width:100%; height:100%;} #main_con > .info01_con {width:100%; margin:0 auto;} #main_con > .info01_con > .contents_con {padding:min(180px, 9.38vw) 0;} #main_con > .info01_con > .contents_con > .txt_con {width:100%; max-width:min(1500px, 78.13vw); margin:0 auto;} #main_con > .info01_con > .contents_con > .txt_con > .text01_con {} #main_con > .info01_con > .contents_con > .txt_con > .text01_con > span {font-size:min(56px, 2.92vw); color:#121212; font-weight:800; line-height:140%;} #main_con > .info01_con > .contents_con > .txt_con > .text02_con {margin:min(24px, 1.25vw) 0 0;} #main_con > .info01_con > .contents_con > .txt_con > .text02_con > span {font-size:min(20px, 1.04vw); color:#333; font-weight:500; line-height:140%;} #main_con > .info01_con > .contents_con > .slide_con {display:flex; gap:min(40px, 2.08vw); margin:min(118px, 6.15vw) 0 0; position:relative;} #main_con > .info01_con > .contents_con > .slide_con > .btn_con {display:flex; justify-content:flex-end; align-items:flex-end; width:min(470px, 24.48vw); background:#FFF; padding-left:min(210px, 10.94vw);} #main_con > .info01_con > .contents_con > .slide_con > .btn_con:before {content:''; width:min(220px, 11.46vw); height:1px; background:#121212; position:absolute; top:0; left:min(210px, 10.94vw);} #main_con > .info01_con > .contents_con > .slide_con > .btn_con > a {display:flex; align-items:flex-end; gap:min(12px, 0.63vw);width:min(220px, 11.46vw);} #main_con > .info01_con > .contents_con > .slide_con > .btn_con > a > span {font-size:min(32px, 1.67vw); color:#121212; font-weight:600; line-height:120%;} #main_con > .info01_con > .contents_con > .slide_con > .btn_con > a > img {width:min(48px, 2.50vw); transition:all 0.3s;} #main_con > .info01_con > .contents_con > .slide_con > .btn_con > a:hover > img {transform:rotate(45deg);} #main_con > .info01_con > .contents_con > .slide_con > .swiper.info01_big_slide {flex-shrink:0; width:min(680px, 35.42vw); background:#FFF; margin:0; position:relative; z-index:10;} #main_con > .info01_con > .contents_con > .slide_con > .swiper.info01_big_slide .swiper-wrapper {} #main_con > .info01_con > .contents_con > .slide_con > .swiper.info01_big_slide .swiper-wrapper .swiper-slide {display:flex; align-items:flex-end; width:min(680px, 35.42vw);} #main_con > .info01_con > .contents_con > .slide_con > .swiper.info01_big_slide .swiper-wrapper .swiper-slide > .contents_con {} #main_con > .info01_con > .contents_con > .slide_con > .swiper.info01_big_slide .swiper-wrapper .swiper-slide > .contents_con > a {} #main_con > .info01_con > .contents_con > .slide_con > .swiper.info01_big_slide .swiper-wrapper .swiper-slide > .contents_con > a > .img_con {width:100%; background:no-repeat center/cover;} #main_con > .info01_con > .contents_con > .slide_con > .swiper.info01_big_slide .swiper-wrapper .swiper-slide > .contents_con > a > .img_con > img {width:100%;} #main_con > .info01_con > .contents_con > .slide_con > .swiper.info01_mini_slide {} #main_con > .info01_con > .contents_con > .slide_con > .swiper.info01_mini_slide.is_even {} #main_con > .info01_con > .contents_con > .slide_con > .swiper.info01_mini_slide.is_odd {} #main_con > .info01_con > .contents_con > .slide_con > .swiper.info01_mini_slide .swiper-wrapper {} #main_con > .info01_con > .contents_con > .slide_con > .swiper.info01_mini_slide .swiper-wrapper .swiper-slide {display:flex; align-items:flex-end; width:min(230px, 11.98vw);} #main_con > .info01_con > .contents_con > .slide_con > .swiper.info01_mini_slide .swiper-wrapper .swiper-slide > .contents_con {} #main_con > .info01_con > .contents_con > .slide_con > .swiper.info01_mini_slide .swiper-wrapper .swiper-slide > .contents_con > a {} #main_con > .info01_con > .contents_con > .slide_con > .swiper.info01_mini_slide .swiper-wrapper .swiper-slide > .contents_con > a > .img_con {width:100%; background:no-repeat center/cover;} #main_con > .info01_con > .contents_con > .slide_con > .swiper.info01_mini_slide .swiper-wrapper .swiper-slide > .contents_con > a > .img_con > img {width:100%;} #main_con > .info02_con {width:100%; margin:0 auto; background:url("/img/main/main_info02_bg.png")no-repeat top/cover;} #main_con > .info02_con > .contents_con {width:100%; max-width:min(1500px, 78.13vw); margin:0 auto; padding:min(180px, 9.38vw) 0;} #main_con > .info02_con > .contents_con > .youtube_con {border-bottom:1px solid #FFF; padding-bottom:min(130px, 6.77vw);} #main_con > .info02_con > .contents_con > .youtube_con > .txt_con {display:flex; justify-content:space-between; align-items:flex-end;} #main_con > .info02_con > .contents_con > .youtube_con > .txt_con > .title_con {} #main_con > .info02_con > .contents_con > .youtube_con > .txt_con > .title_con > span {font-size:min(56px, 2.92vw); color:#FFF; font-weight:800; line-height:140%;} #main_con > .info02_con > .contents_con > .youtube_con > .txt_con > .btn_con {} #main_con > .info02_con > .contents_con > .youtube_con > .txt_con > .btn_con > a {display:flex; align-items:center; gap:min(12px, 0.63vw);} #main_con > .info02_con > .contents_con > .youtube_con > .txt_con > .btn_con > a > span {font-size:min(24px, 1.25vw); color:#FFF; font-weight:600; line-height:120%;} #main_con > .info02_con > .contents_con > .youtube_con > .txt_con > .btn_con > a > img {width:min(29px, 1.51vw); transition:all 0.3s;} #main_con > .info02_con > .contents_con > .youtube_con > .txt_con > .btn_con > a:hover > img {transform:rotate(45deg);} #main_con > .info02_con > .contents_con > .youtube_con > .list_con {margin:min(210px, 10.94vw) 0 0;} #main_con > .info02_con > .contents_con > .youtube_con > .list_con > ul {display:flex; flex-wrap:wrap; gap:min(60px, 3.13vw) min(72px, 3.75vw);} #main_con > .info02_con > .contents_con > .youtube_con > .list_con > ul > li {width:min(714px, 37.19vw);} #main_con > .info02_con > .contents_con > .youtube_con > .list_con > ul > li:nth-child(even) {margin:max(-80px, -4.17vw) 0 0;} #main_con > .info02_con > .contents_con > .youtube_con > .list_con > ul > li > a {display:block;} #main_con > .info02_con > .contents_con > .youtube_con > .list_con > ul > li > a > .list_div {display:flex; flex-direction:column; gap:min(24px, 1.25vw);} #main_con > .info02_con > .contents_con > .youtube_con > .list_con > ul > li > a > .list_div > .img_con {background:no-repeat center/cover; background-color:#FFF; background-size:100%; transition:all 0.45s; overflow:hidden;} #main_con > .info02_con > .contents_con > .youtube_con > .list_con > ul > li > a:hover > .list_div > .img_con {background-size:110%;} #main_con > .info02_con > .contents_con > .youtube_con > .list_con > ul > li > a > .list_div > .img_con > img {width:100%;} #main_con > .info02_con > .contents_con > .youtube_con > .list_con > ul > li > a > .list_div > .title_con {} #main_con > .info02_con > .contents_con > .youtube_con > .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:rgba(255,255,255,0.8); font-weight:700; line-height:140%;} #main_con > .info02_con > .contents_con > .program_con {padding:min(100px, 5.21vw) 0 0;} #main_con > .info02_con > .contents_con > .program_con > .title_con {text-align:center;} #main_con > .info02_con > .contents_con > .program_con > .title_con > span {font-size:min(40px, 2.08vw); color:#FFF; font-weight:800; line-height:140%;} #main_con > .info02_con > .contents_con > .program_con > .list_con {margin:min(12px, 0.63vw) 0 0;} #main_con > .info02_con > .contents_con > .program_con > .list_con > ul {display:flex; justify-content:center;} #main_con > .info02_con > .contents_con > .program_con > .list_con > ul > li {position:relative;} #main_con > .info02_con > .contents_con > .program_con > .list_con > ul > li:before {content:''; width:1px; height:min(106px, 5.52vw); background:rgba(255,255,255,0.4); position:absolute; top:50%; left:0; transform:translateY(-50%);} #main_con > .info02_con > .contents_con > .program_con > .list_con > ul > li:first-child:before {content:none;} #main_con > .info02_con > .contents_con > .program_con > .list_con > ul > li > a {display:inline-block; width:min(187px, 9.74vw);} #main_con > .info02_con > .contents_con > .program_con > .list_con > ul > li > a > img {width:100%;} #main_con > .info03_con {width:100%; margin:0 auto; background:url("/img/main/main_info03_bg.png")no-repeat top/cover;} #main_con > .info03_con > .contents_con {width:100%; max-width:min(1500px, 78.13vw); margin:0 auto; padding:min(140px, 7.29vw) 0;} #main_con > .info03_con > .contents_con > .title_con {text-align:center;} #main_con > .info03_con > .contents_con > .title_con > span {font-size:min(32px, 1.67vw); color:#FFF; font-weight:800; line-height:140%;} #main_con > .info03_con > .contents_con > .img_con {width:min(312px, 16.25vw); margin:0 auto; margin-top:min(40px, 2.08vw);} #main_con > .info03_con > .contents_con > .img_con > img {width:100%;} #main_con > .info03_con > .contents_con > .btn_con {margin:min(56px, 2.92vw) 0 0;} #main_con > .info03_con > .contents_con > .btn_con > a {display:flex; justify-content:center; align-items:center; gap:min(12px, 0.63vw);} #main_con > .info03_con > .contents_con > .btn_con > a > span {font-size:min(24px, 1.25vw); color:#FFF; font-weight:600; line-height:120%;} #main_con > .info03_con > .contents_con > .btn_con > a > img {width:min(40px, 2.08vw); transition:all 0.3s;} #main_con > .info03_con > .contents_con > .btn_con > a:hover > img {transform:rotate(45deg);} #main_con > .info04_con {} #main_con > .info04_con > .contents_con {width:100%; max-width:min(1500px, 78.13vw); margin:0 auto; padding:min(150px, 7.81vw) 0 min(162px, 8.44vw);} #main_con > .info04_con > .contents_con > .list_con {} #main_con > .info04_con > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:min(150px, 7.81vw);} #main_con > .info04_con > .contents_con > .list_con > ul > li {} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div {display:flex; justify-content:space-between; align-items:flex-start;} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .txt_con {display:flex; flex-direction:column; gap:min(56px, 2.92vw);} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con {} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > span {font-size:min(48px, 2.50vw); color:#121212; font-weight:800; line-height:140%} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .btn_con {} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .btn_con > a {} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .btn_con > a.a_btn01 {display:flex; justify-content:center; align-items:center; gap:min(8px, 0.42vw); width:min(207px, 10.78vw); height:min(66px, 3.44vw); background:#121212;} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .btn_con > a.a_btn01 > span {font-size:min(22px, 1.15vw); color:#FFF; font-weight:700; line-height:120%;} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .btn_con > a.a_btn01 > img {width:min(30px, 1.56vw);} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .btn_con > a.a_btn02 {display:flex; align-items:center; gap:min(12px, 0.63vw);} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .btn_con > a.a_btn02 > span {font-size:min(24px, 1.25vw); color:#121212; font-weight:600; line-height:120%;} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .btn_con > a.a_btn02 > img {width:min(40px, 2.08vw); transition:all 0.3s;} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .btn_con > a.a_btn02:hover > img {transform:rotate(45deg);} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .img_con {width:min(718px, 37.40vw);} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .img_con > img {width:100%;} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .list_con {width:min(718px, 37.40vw); border-top:1px solid #121212; padding:min(58px, 3.02vw) 0 0;} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul {display:flex; flex-direction:column; gap:min(56px, 2.92vw);} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul > li {} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul > li > a {display:inline-block; width:100%;} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul > li > a > .list_div {display:flex; justify-content:space-between; align-items:flex-start;} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .txt_con {display:flex; flex-direction:column; gap:min(16px, 0.83vw);} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .txt_con > .title_con {display:flex; align-items:center; gap:min(16px, 0.83vw);} #main_con > .info04_con > .contents_con > .list_con > ul > li > .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(28px, 1.46vw); color:#121212; font-weight:800; line-height:140%;} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .txt_con > .title_con > img {width:min(14px, 0.73vw);} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .txt_con > .dw_con {display:flex; align-items:center; gap:min(33px, 1.72vw);} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .txt_con > .dw_con > div {position:relative;} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .txt_con > .dw_con > div:before {content:''; width:1px; height:min(16px, 0.83vw); background:#C9C9C9; position:absolute; top:50%; left:max(-17px, -0.89vw); transform:translateY(-50%);} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .txt_con > .dw_con > div:first-child:before {content:none;} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .txt_con > .dw_con > .date_con {} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .txt_con > .dw_con > .date_con > span {font-size:min(20px, 1.04vw); color:#747987; font-weight:500; line-height:140%;} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .txt_con > .dw_con > .writer_con {} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .txt_con > .dw_con > .writer_con > span {font-size:min(20px, 1.04vw); color:#747987; font-weight:500; line-height:140%;} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .status_con {flex-shrink:0; display:flex; justify-content:center; align-items:center; width:min(95px, 4.95vw); height:min(41px, 2.14vw); border-radius:min(50px, 2.60vw);} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .status_con > span {font-size:min(18px, 0.94vw); font-weight:600; line-height:140%;} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .status_con.waiting {background:#E9EBF6;} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .status_con.waiting > span {color:#4B5068;} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .status_con.complete {background:#000B6B;} #main_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .status_con.complete > span {color:#FFF;} #main_con > .text_banner {width:100%; margin:0 auto; background:url("/img/main/main_text_banner_bg.png")no-repeat center/cover; position:relative; overflow:hidden;} #main_con > .text_banner:after {content:''; width:100%; height:100%; background:#FFF; position:absolute; top:0; right:0;} #main_con > .text_banner.on:after {animation:move-wall 1s ease-in 0.2s forwards;} #main_con > .text_banner > .contents_con {width:100%; max-width:min(1500px, 78.13vw); margin:0 auto; padding:min(80px, 4.17vw) 0;} #main_con > .text_banner > .contents_con > .text_con {text-align:center;} #main_con > .text_banner > .contents_con > .text_con > span {font-size:min(32px, 1.67vw); color:#FFF; font-weight:800; line-height:140%;} #main_con > .info05_con {width:100%; margin:0 auto;} #main_con > .info05_con > .contents_con {width:100%; max-width:min(1500px, 78.13vw); margin:0 auto; padding:min(180px, 9.38vw) 0;} #main_con > .info05_con > .contents_con > .title_con {text-align:center;} #main_con > .info05_con > .contents_con > .title_con > span {font-size:min(56px, 2.92vw); color:#121212; font-weight:800; line-height:140%;} #main_con > .info05_con > .contents_con > .list_con {margin:min(72px, 3.75vw) 0 0;} #main_con > .info05_con > .contents_con > .list_con > ul {display:flex; gap:min(24px, 1.25vw);} #main_con > .info05_con > .contents_con > .list_con > ul > li {width:min(280px, 14.58vw);} #main_con > .info05_con > .contents_con > .list_con > ul > li > a {display:block;} #main_con > .info05_con > .contents_con > .list_con > ul > li > a > .img_con {} #main_con > .info05_con > .contents_con > .list_con > ul > li > a > .img_con > img {width:100%;} /* 서브 공통 */ #sub_con {width:100%; margin:0 auto; padding:min(164px, 8.54vw) 0 0;} #sub_con > .contents_con {width:100%; max-width:min(1200px, 62.50vw); margin:0 auto; padding:min(100px, 5.21vw) 0 0;} #sub_con > .contents_con.w_100 {max-width:100%;} #sub_con > .contents_con.pd_0 {padding:0;} #sub_con > .contents_con > .sub_title {margin:0 0 min(80px, 4.17vw);} #sub_con > .contents_con > .sub_title > .txt_con {display:flex; flex-direction:column; align-items:center; gap:min(12px, 0.63vw); text-align:center;} #sub_con > .contents_con > .sub_title > .txt_con > .title_con {} #sub_con > .contents_con > .sub_title > .txt_con > .title_con > span {font-size:min(48px, 2.50vw); color:#121212; font-weight:800; line-height:140%;} #sub_con > .contents_con > .sub_title > .txt_con > .text_con {} #sub_con > .contents_con > .sub_title > .txt_con > .text_con > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:500; line-height:140%;} /* just jesus */ .just_sub01_con {} .just_sub01_con > .contents_con {position:relative;} .just_sub01_con > .contents_con > .list_con {width:100%; background:#FFF; padding:min(60px, 3.13vw) 0; position:sticky; top:min(164px, 8.54vw); left:0; right:0; z-index:110;} .just_sub01_con > .contents_con > .list_con > ul {display:flex; justify-content:center; align-items:center; gap:min(16px, 0.83vw);} .just_sub01_con > .contents_con > .list_con > ul > li {} .just_sub01_con > .contents_con > .list_con > ul > li a {display:inline-flex; justify-content:center; align-items:center; height:min(54px, 2.81vw); border:1px solid #121212; padding:0 min(24px, 1.25vw); font-size:min(18px, 0.94vw); color:#121212; font-weight:600; line-height:120%; transition:all 0.3s;} .just_sub01_con > .contents_con > .list_con > ul > li a.on {background:#121212; color:#FFF;} .just_sub01_con > .contents_con > .contents_con {} .just_sub01_con > .contents_con > .contents_con > .info_div {padding:min(100px, 5.21vw) 0 0;} .just_sub01_con > .contents_con > .contents_con > .info_div > .title_con {display:flex; justify-content:center; text-align:center;} .just_sub01_con > .contents_con > .contents_con > .info_div > .title_con > span {font-size:min(24px, 1.25vw); color:#121212; font-weight:800; line-height:140%; position:relative;} .just_sub01_con > .contents_con > .contents_con > .info_div > .title_con > span:before {content:''; width:min(12px, 0.63vw); height:min(12px, 0.63vw); background:#121212; position:absolute; top:50%; left:max(-23px, -1.20vw); transform:translateY(-50%); border-radius:min(50px, 2.60vw);} .just_sub01_con > .contents_con > .contents_con > .info01 {} .just_sub01_con > .contents_con > .contents_con > .info01 > .contents_con {} .just_sub01_con > .contents_con > .contents_con > .info01 > .contents_con > .txt_con {width:100%; max-width:min(1200px, 62.50vw); margin:0 auto; padding:0 0 min(100px, 5.21vw); text-align:center;} .just_sub01_con > .contents_con > .contents_con > .info01 > .contents_con > .txt_con > .text01_con {display:flex; flex-direction:column; align-items:center; gap:min(16px, 0.83vw); margin:min(64px, 3.33vw) 0 0;} .just_sub01_con > .contents_con > .contents_con > .info01 > .contents_con > .txt_con > .text01_con > span {font-size:min(56px, 2.92vw); color:#121212; font-weight:700; line-height:140%;} .just_sub01_con > .contents_con > .contents_con > .info01 > .contents_con > .txt_con > .text02_con {margin:min(48px, 2.50vw) 0 0;} .just_sub01_con > .contents_con > .contents_con > .info01 > .contents_con > .txt_con > .text02_con > span {font-size:min(24px, 1.25vw); color:#4B5068; font-weight:700; line-height:140%;} .just_sub01_con > .contents_con > .contents_con > .info01 > .contents_con > .txt_con > .text03_con {display:flex; flex-direction:column; align-items:center; gap:min(32px, 1.67vw); margin:min(80px, 4.17vw) 0 0;} .just_sub01_con > .contents_con > .contents_con > .info01 > .contents_con > .txt_con > .text03_con > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:500; line-height:140%;} .just_sub01_con > .contents_con > .contents_con > .info01 > .contents_con > .img_con {width:100%; margin:0 auto; background:#F6F7FA; padding:min(110px, 5.73vw) 0;} .just_sub01_con > .contents_con > .contents_con > .info01 > .contents_con > .img_con > img {width:min(1118px, 58.23vw); margin:0 auto;} .just_sub01_con > .contents_con > .contents_con > .info01 > .contents_con > .img_con > img.w_img {display:block;} .just_sub01_con > .contents_con > .contents_con > .info01 > .contents_con > .img_con > .txt_con {margin:min(71px, 3.70vw) 0 0; text-align:center;} .just_sub01_con > .contents_con > .contents_con > .info01 > .contents_con > .img_con > .txt_con > .text01_con {} .just_sub01_con > .contents_con > .contents_con > .info01 > .contents_con > .img_con > .txt_con > .text01_con > span {font-size:min(22px, 1.15vw); color:#121212; font-weight:700; line-height:140%;} .just_sub01_con > .contents_con > .contents_con > .info01 > .contents_con > .img_con > .txt_con > .text02_con {margin:min(114px, 5.94vw) 0 0; position:relative;} .just_sub01_con > .contents_con > .contents_con > .info01 > .contents_con > .img_con > .txt_con > .text02_con:before {content:''; width:1px; height:min(50px, 2.60vw); background:#4B5068; position:absolute; top:max(-82px, -4.27vw); left:50%; transform:translateX(-50%);} .just_sub01_con > .contents_con > .contents_con > .info01 > .contents_con > .img_con > .txt_con > .text02_con > span {font-size:min(20px, 1.04vw); color:#4B5068; font-weight:500; line-height:140%;} .just_sub01_con > .contents_con > .contents_con > .info02 {padding:min(100px, 5.21vw) 0;} .just_sub01_con > .contents_con > .contents_con > .info02 > .contents_con {width:100%; max-width:min(1200px, 62.50vw); margin:0 auto;} .just_sub01_con > .contents_con > .contents_con > .info02 > .contents_con > .img_con {margin:min(40px, 2.08vw) 0 0; position:relative; overflow:hidden;} .just_sub01_con > .contents_con > .contents_con > .info02 > .contents_con > .img_con:after {content:''; width:100%; height:100%; background:#FFF; position:absolute; top:0; right:0;} .just_sub01_con > .contents_con > .contents_con > .info02 > .contents_con > .img_con.on:after {animation:move-wall 1s ease-in 0.2s forwards;} .just_sub01_con > .contents_con > .contents_con > .info02 > .contents_con > .img_con > img {width:100%;} .just_sub01_con > .contents_con > .contents_con > .info02 > .contents_con > .list_con {margin:min(56px, 2.92vw) 0 0;} .just_sub01_con > .contents_con > .contents_con > .info02 > .contents_con > .list_con > ul {display:flex; flex-direction:column;} .just_sub01_con > .contents_con > .contents_con > .info02 > .contents_con > .list_con > ul > li {width:100%; border-bottom:1px solid #C9C9C9; padding:min(64px, 3.33vw) 0;} .just_sub01_con > .contents_con > .contents_con > .info02 > .contents_con > .list_con > ul > li:first-child {padding-top:0;} .just_sub01_con > .contents_con > .contents_con > .info02 > .contents_con > .list_con > ul > li:last-child {border-bottom:1px solid #121212;} .just_sub01_con > .contents_con > .contents_con > .info02 > .contents_con > .list_con > ul > li > .list_div {display:flex; flex-direction:column; align-items:center; gap:min(8px, 0.42vw); padding-bottom:min(16px, 0.83vw);} .just_sub01_con > .contents_con > .contents_con > .info02 > .contents_con > .list_con > ul > li > .list_div > .num_con {} .just_sub01_con > .contents_con > .contents_con > .info02 > .contents_con > .list_con > ul > li > .list_div > .num_con > span {font-size:min(32px, 1.67vw); color:#121212; font-weight:800; line-height:140%;} .just_sub01_con > .contents_con > .contents_con > .info02 > .contents_con > .list_con > ul > li > .list_div > .text_con {text-align:center;} .just_sub01_con > .contents_con > .contents_con > .info02 > .contents_con > .list_con > ul > li > .list_div > .text_con > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:500; line-height:160%;} .just_sub01_con > .contents_con > .contents_con > .info02 > .contents_con > .list_con > ul > li > .list_div > .text_con > span .color_text {color:#000B6B;} .just_sub01_con > .contents_con > .contents_con > .info03 {padding:min(100px, 5.21vw) 0 min(160px, 8.33vw); overflow:hidden;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con {display:flex; flex-direction:column; gap:min(72px, 3.75vw); width:100%; max-width:min(1200px, 62.50vw); margin:0 auto;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .txt_con {margin:min(40px, 2.08vw) 0 0; text-align:center;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .txt_con > .title_con {} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .txt_con > .title_con > span {font-size:min(56px, 2.92vw); color:#121212; font-weight:700; line-height:140%;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .txt_con > .text_con {margin:min(24px, 1.25vw) 0 0;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .txt_con > .text_con > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:500; line-height:140%;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .list_con {} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .list_con > .btn_con {display:flex; justify-content:flex-end;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .list_con > .btn_con > a {display:inline-flex; align-items:center; gap:min(8px, 0.42vw); height:min(58px, 3.02vw); border:1px solid #121212; padding:0 min(24px, 1.25vw);} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .list_con > .btn_con > a > img {width:min(26px, 1.35vw);} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .list_con > .btn_con > a > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:700; line-height:120%;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .list_con > .btn_con > a > span + img {width:min(22px, 1.15vw);} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .list_con > .w_con {margin:min(24px, 1.25vw) 0 0;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .list_con > .w_con > ul {display:flex; flex-direction:column; gap:2px;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .list_con > .w_con > ul > li {} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .list_con > .w_con > ul > li > .list_div {display:flex; gap:min(24px, 1.25vw); align-items:stretch;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .list_con > .w_con > ul > li > .list_div > .logo_con {flex-shrink:0; width:min(320px, 16.67vw);} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .list_con > .w_con > ul > li > .list_div > .logo_con > img {width:100%;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .list_con > .w_con > ul > li > .list_div > .txt_con {display:flex; flex-direction:column; justify-content:center; gap:min(10px, 0.52vw); width:100%; border-bottom:1px solid #121212; padding:0 min(40px, 2.08vw);} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .list_con > .w_con > ul > li:first-child > .list_div > .txt_con {border-top:1px solid #121212;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .list_con > .w_con > ul > li > .list_div > .txt_con > .text01_con {} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .list_con > .w_con > ul > li > .list_div > .txt_con > .text01_con > span {font-size:min(18px, 0.94vw); color:#333; font-weight:500; line-height:140%;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .list_con > .w_con > ul > li > .list_div > .txt_con > .text02_con {} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .list_con > .w_con > ul > li > .list_div > .txt_con > .text02_con > span {font-size:min(18px, 0.94vw); color:#880600; font-weight:500; line-height:140%;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .slide_con {} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .slide_con > .swiper {} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .slide_con > .swiper .swiper-wrapper {} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide {width:min(384px, 20.00vw); margin:0 min(24px, 1.25vw) 0 0;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide:last-child {margin:0;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con {} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .img_con {background:no-repeat center/cover;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .img_con > img {width:100%;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .slide_con > .control_con {display:flex; justify-content:space-between; align-items:center; margin:min(32px, 1.67vw) 0 0;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .slide_con > .control_con > .swiper-scrollbar {width:min(1084px, 56.46vw); height:2px; position:unset; z-index:0;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .slide_con > .control_con > .swiper-scrollbar > .swiper-scrollbar-drag {background:#121212;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .slide_con > .control_con > .btn_con {display:flex; align-items:center; gap:min(24px, 1.25vw);} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .slide_con > .control_con > .btn_con > .slide_btn {width:min(30px, 1.56vw); border:none; background:none; margin:0; padding:0; cursor:pointer;} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .slide_con > .control_con > .btn_con > .slide_btn.prev {} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .slide_con > .control_con > .btn_con > .slide_btn.next {} .just_sub01_con > .contents_con > .contents_con > .info03 > .contents_con > .slide_con > .control_con > .btn_con > .slide_btn > img {width:100%;} .just_sub01_con > .contents_con > .contents_con > .info04 {width:100%; margin:0 auto; background:#222631; padding:min(100px, 5.21vw) 0 min(160px, 8.33vw); overflow:hidden;} .just_sub01_con > .contents_con > .contents_con > .info04 > .title_con > span {color:#FFF;} .just_sub01_con > .contents_con > .contents_con > .info04 > .title_con > span:before {background:#FFF;} .just_sub01_con > .contents_con > .contents_con > .info04 > .contents_con {} .just_sub01_con > .contents_con > .contents_con > .info04 > .contents_con > .title_con {width:100%; max-width:min(1200px, 62.50vw); margin:0 auto; margin-top:min(40px, 2.08vw); text-align:center;} .just_sub01_con > .contents_con > .contents_con > .info04 > .contents_con > .title_con > .title_con {} .just_sub01_con > .contents_con > .contents_con > .info04 > .contents_con > .title_con > .title_con > span {font-size:min(56px, 2.92vw); color:#FFF; font-weight:700; line-height:140%;} .just_sub01_con > .contents_con > .contents_con > .info04 > .contents_con > .title_con > .text_con {margin:min(24px, 1.25vw) 0 0;} .just_sub01_con > .contents_con > .contents_con > .info04 > .contents_con > .title_con > .text_con > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:500; line-height:140%;} .just_sub01_con > .contents_con > .contents_con > .info04 > .contents_con > .slide_con {margin:min(120px, 6.25vw) 0 0;} .just_sub01_con > .contents_con > .contents_con > .info04 > .contents_con > .slide_con > .swiper {} .just_sub01_con > .contents_con > .contents_con > .info04 > .contents_con > .slide_con > .swiper .swiper-wrapper {transition-timing-function: linear !important; will-change: transform; /* GPU 가속 활성화 */} .just_sub01_con > .contents_con > .contents_con > .info04 > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide {width:min(484px, 25.21vw); margin:0 min(12px, 0.63vw); transform: translate3d(0, 0, 0); /* GPU 가속 */} .just_sub01_con > .contents_con > .contents_con > .info04 > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con {} .just_sub01_con > .contents_con > .contents_con > .info04 > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .img_con {} .just_sub01_con > .contents_con > .contents_con > .info04 > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .img_con > img {} .just_sub01_con > .contents_con > .contents_con > .info04 > .contents_con > .txt_con {width:100%; max-width:min(1200px, 62.50vw); margin:0 auto; margin-top:min(80px, 4.17vw); text-align:center;} .just_sub01_con > .contents_con > .contents_con > .info04 > .contents_con > .txt_con > .text01_con {display:flex; flex-direction:column; gap:min(40px, 2.08vw);} .just_sub01_con > .contents_con > .contents_con > .info04 > .contents_con > .txt_con > .text01_con > span {font-size:min(20px, 1.04vw); color:#FFF; font-weight:500; line-height:140%;} .just_sub01_con > .contents_con > .contents_con > .info04 > .contents_con > .txt_con > .img_con {width:min(190px, 9.90vw); margin:0 auto; margin-top:min(80px, 4.17vw);} .just_sub01_con > .contents_con > .contents_con > .info04 > .contents_con > .txt_con > .img_con > img {width:100%;} .just_sub01_con > .contents_con > .contents_con > .info04 > .contents_con > .txt_con > .text02_con {margin:min(40px, 2.08vw) 0 0;} .just_sub01_con > .contents_con > .contents_con > .info04 > .contents_con > .txt_con > .text02_con > span {font-size:min(20px, 1.04vw); color:#FFF; font-weight:500; line-height:140%;} /* 목사님 소개 */ .just_sub02_con {} .just_sub02_con > .contents_con {} .just_sub02_con > .contents_con > .info01_con {width:100%; margin:0 auto; overflow:hidden;} .just_sub02_con > .contents_con > .info01_con > .contents_con {width:100%; max-width:min(1200px, 62.50vw); margin:0 auto; padding:0 0 min(140px, 7.29vw); position:relative;} .just_sub02_con > .contents_con > .info01_con > .contents_con:after {content:''; width:min(413px, 21.51vw); height:min(1010px, 52.60vw); background:url("/img/just/just_sub02_info01_bg.png")no-repeat center/contain; position:absolute; bottom:max(-93px, -4.84vw); right:max(-36px, -1.88vw);} .just_sub02_con > .contents_con > .info01_con > .contents_con > .title_con {display:flex; flex-direction:column; justify-content:center; gap:min(12px, 0.63vw); text-align:center;} .just_sub02_con > .contents_con > .info01_con > .contents_con > .title_con > .text01_con {} .just_sub02_con > .contents_con > .info01_con > .contents_con > .title_con > .text01_con > span {font-size:min(48px, 2.50vw); color:#121212; font-weight:800; line-height:140%;} .just_sub02_con > .contents_con > .info01_con > .contents_con > .title_con > .text02_con {} .just_sub02_con > .contents_con > .info01_con > .contents_con > .title_con > .text02_con > span {font-size:min(24px, 1.25vw); color:#880600; font-weight:700; line-height:140%;} .just_sub02_con > .contents_con > .info01_con > .contents_con > .txt_con {margin:min(80px, 4.17vw) 0 0; position:relative;} .just_sub02_con > .contents_con > .info01_con > .contents_con > .txt_con:after {content:''; width:min(805px, 41.93vw); height:1px; background:#C9C9C9; position:absolute; bottom:max(-56px, -2.92vw); left:0;} .just_sub02_con > .contents_con > .info01_con > .contents_con > .txt_con > .text01_con {} .just_sub02_con > .contents_con > .info01_con > .contents_con > .txt_con > .text01_con > span {font-size:min(40px, 2.08vw); color:#121212; font-weight:700; line-height:140%;} .just_sub02_con > .contents_con > .info01_con > .contents_con > .txt_con > .text02_con {margin:min(16px, 0.83vw) 0 0;} .just_sub02_con > .contents_con > .info01_con > .contents_con > .txt_con > .text02_con > span {font-size:min(20px, 1.04vw); color:#888; font-weight:500; line-height:140%;} .just_sub02_con > .contents_con > .info01_con > .contents_con > .list_con {margin:min(113px, 5.89vw) 0 0;} .just_sub02_con > .contents_con > .info01_con > .contents_con > .list_con > .logo_con {width:min(172px, 8.96vw);} .just_sub02_con > .contents_con > .info01_con > .contents_con > .list_con > .logo_con > img {width:100%;} .just_sub02_con > .contents_con > .info01_con > .contents_con > .list_con > .text_con {display:flex; align-items:center; gap:min(24px, 1.25vw); margin:min(24px, 1.25vw) 0 0;} .just_sub02_con > .contents_con > .info01_con > .contents_con > .list_con > .text_con > .text01 {} .just_sub02_con > .contents_con > .info01_con > .contents_con > .list_con > .text_con > .text01 > span {font-size:min(24px, 1.25vw); color:#121212; font-weight:700; line-height:140%;} .just_sub02_con > .contents_con > .info01_con > .contents_con > .list_con > .text_con > .text02 {} .just_sub02_con > .contents_con > .info01_con > .contents_con > .list_con > .text_con > .text02 > span {font-size:min(24px, 1.25vw); color:#121212; font-weight:500; line-height:140%;} .just_sub02_con > .contents_con > .info01_con > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:min(16px, 0.83vw); margin:min(40px, 2.08vw) 0 0;} .just_sub02_con > .contents_con > .info01_con > .contents_con > .list_con > ul > li {position:relative;} .just_sub02_con > .contents_con > .info01_con > .contents_con > .list_con > ul > li:before {content:''; width:min(4px, 0.21vw); height:min(22px, 1.15vw); background:#121212; position:absolute; top:min(3px, 0.16vw); left:0;} .just_sub02_con > .contents_con > .info01_con > .contents_con > .list_con > ul > li > span {display:inline-block; padding-left:min(20px, 1.04vw); font-size:min(20px, 1.04vw); color:#121212; font-weight:500; line-height:140%;} .just_sub02_con > .contents_con > .info01_con > .contents_con > .list_con > ul > li > span .color_text {color:#888;} .just_sub02_con > .contents_con > .info02_con {width:100%; margin:0 auto; background:url("/img/just/just_sub02_info02_bg.png")no-repeat center/cover;} .just_sub02_con > .contents_con > .info02_con > .contents_con {width:100%; max-width:min(1200px, 62.50vw); margin:0 auto; padding:min(100px, 5.21vw) 0 min(120px, 6.25vw);} .just_sub02_con > .contents_con > .info02_con > .contents_con > .txt_con {display:flex; flex-direction:column; align-items:center; gap:min(12px, 0.63vw);} .just_sub02_con > .contents_con > .info02_con > .contents_con > .txt_con > .text01_con {} .just_sub02_con > .contents_con > .info02_con > .contents_con > .txt_con > .text01_con > span {font-size:min(32px, 1.67vw); color:#FFF; font-weight:700; line-height:140%;} .just_sub02_con > .contents_con > .info02_con > .contents_con > .txt_con > .text02_con {} .just_sub02_con > .contents_con > .info02_con > .contents_con > .txt_con > .text02_con > span {font-size:min(48px, 2.50vw); color:#FFF; font-weight:800; line-height:140%;} .just_sub02_con > .contents_con > .info02_con > .contents_con > .video_con {margin:min(64px, 3.33vw) 0 0; height:0; padding-bottom:56.25%; position:relative; top:0; left:0;} .just_sub02_con > .contents_con > .info02_con > .contents_con > .video_con iframe {width:100%; height:100%; position:absolute; top:0; left:0;} .just_sub02_con > .contents_con > .info03_con {width:100%; margin:0 auto;} .just_sub02_con > .contents_con > .info03_con > .contents_con {width:100%; max-width:min(1200px, 62.50vw); margin:0 auto; padding:min(100px, 5.21vw) 0 min(160px, 8.33vw);} .just_sub02_con > .contents_con > .info03_con > .contents_con > .title_con {text-align:center;} .just_sub02_con > .contents_con > .info03_con > .contents_con > .title_con > span {font-size:min(48px, 2.50vw); color:#121212; font-weight:800; line-height:140%;} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con {display:flex; align-items:flex-start; gap:min(136px, 7.08vw); margin:min(80px, 4.17vw) 0 0;} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .img_con {flex-shrink:0; width:min(331px, 17.24vw);} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .img_con > img {width:100%;} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .txt_con {width:100%; padding:min(40px, 2.08vw) 0 0;} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .txt_con > .title_con {display:flex; flex-direction:column; gap:min(8px, 0.42vw);} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .txt_con > .title_con > .text01_con {} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .txt_con > .title_con > .text01_con > span {font-size:min(32px, 1.67vw); color:#121212; font-weight:700; line-height:140%;} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .txt_con > .title_con > .text02_con {} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .txt_con > .title_con > .text02_con > span {font-size:min(20px, 1.04vw); color:#747987; font-weight:500; line-height:140%;} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .txt_con > .list_con {border-bottom:1px solid #C9C9C9; margin:min(40px, 2.08vw) 0; padding:0 0 min(40px, 2.08vw);} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .txt_con > .list_con > ul {display:flex; flex-direction:column; gap:min(8px, 0.42vw);} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .txt_con > .list_con > ul > li {} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .txt_con > .list_con > ul > li > .list_div {display:flex; align-items:center; gap:min(24px, 1.25vw);} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .txt_con > .list_con > ul > li > .list_div > .title_con {} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .txt_con > .list_con > ul > li > .list_div > .title_con > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:700; line-height:140%;} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .txt_con > .list_con > ul > li > .list_div > .text_con {} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .txt_con > .list_con > ul > li > .list_div > .text_con > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:500; line-height:140%;} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .txt_con > .text_con {display:flex; flex-direction:column; gap:min(24px, 1.25vw);} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .txt_con > .text_con > span {font-size:min(18px, 0.94vw); color:#333; font-weight:500; line-height:140%;} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .txt_con > .text_con > span .color_text {font-weight:700;} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .txt_con > .btn_con {margin:min(64px, 3.33vw) 0 0;} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .txt_con > .btn_con > a {display:inline-flex; justify-content:center; align-items:center; gap:min(8px, 0.42vw); height:min(58px, 3.02vw); background:#121212; padding:0 min(24px, 1.25vw);} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .txt_con > .btn_con > a > span {font-size:min(18px, 0.83vw); color:#FFF; font-weight:700; line-height:120%;} .just_sub02_con > .contents_con > .info03_con > .contents_con > .info_con > .txt_con > .btn_con > a > img {width:min(22px, 1.15vw);} /* youtube */ .youtube_sub01_con {} .youtube_sub01_con > .contents_con {} .youtube_sub01_con > .contents_con > .info01_con {width:100%; margin:0 auto;} .youtube_sub01_con > .contents_con > .info01_con > .contents_con {padding:0 0 min(100px, 5.21vw);} .youtube_sub01_con > .contents_con > .info01_con > .contents_con > .img_con {width:100%; position:relative; overflow:hidden;} .youtube_sub01_con > .contents_con > .info01_con > .contents_con > .img_con:after {content:''; width:100%; height:100%; background:#FFF; position:absolute; top:0; right:0;} .youtube_sub01_con > .contents_con > .info01_con > .contents_con > .img_con.on:after {animation:move-wall 1s ease-in 0.2s forwards;} .youtube_sub01_con > .contents_con > .info01_con > .contents_con > .img_con.img01 {background:#F4F2EC;} .youtube_sub01_con > .contents_con > .info01_con > .contents_con > .img_con.img02 {background:#000;} .youtube_sub01_con > .contents_con > .info01_con > .contents_con > .img_con > img {display:block; width:min(358px, 18.65vw); margin:0 auto;} .youtube_sub01_con > .contents_con > .info01_con > .contents_con > .text_con {margin:min(56px, 2.92vw) 0 0; text-align:center;} .youtube_sub01_con > .contents_con > .info01_con > .contents_con > .text_con > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:500; line-height:160%;} .youtube_sub01_con > .contents_con > .info02_con {width:100%; margin:0 auto; background:url("/img/youtube/youtube_sub01_info02_bg.png")no-repeat center/cover;} .youtube_sub01_con > .contents_con > .info02_con > .contents_con {width:100%; max-width:min(1200px, 62.50vw); margin:0 auto; padding:min(100px, 5.21vw) 0;} .youtube_sub01_con > .contents_con > .info02_con > .contents_con > a {} .youtube_sub01_con > .contents_con > .info02_con > .contents_con > a > .img_con {width:100%; margin:0 auto; background:no-repeat center/cover; background-color:#FFF;} .youtube_sub01_con > .contents_con > .info02_con > .contents_con > a > .img_con > img {width:100%;} .youtube_sub01_con > .contents_con > .info02_con > .contents_con > a > .title_con {margin:min(32px, 1.67vw) 0 0;} .youtube_sub01_con > .contents_con > .info02_con > .contents_con > a > .title_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(26px, 1.35vw); color:#FFF; font-weight:700; line-height:140%;} .youtube_sub01_con > .contents_con > .info02_con > .contents_con > a > .date_con {margin:min(8px, 0.42vw) 0 0;} .youtube_sub01_con > .contents_con > .info02_con > .contents_con > a > .date_con > span {font-size:min(20px, 1.04vw); color:#888; font-weight:500; line-height:140%;} .youtube_sub01_con > .contents_con > .info03_con {width:100%; margin:0 auto;} .youtube_sub01_con > .contents_con > .info03_con > .contents_con {width:100%; max-width:min(1200px, 62.50vw); margin:0 auto; padding:min(100px, 5.21vw) 0;} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .tab_con {margin:0 0 min(43px, 2.24vw);} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .tab_con > ul {display:flex; flex-wrap:wrap; border:1px solid #121212;} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .tab_con > ul > li {width:20%; border-right:1px solid #121212; border-bottom:1px solid #121212;} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .tab_con > ul > li:nth-child(5n) {border-right:none;} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .tab_con > ul > li:nth-child(6) {border-bottom:none;} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .tab_con > ul > li:nth-child(7) {border-bottom:none;} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .tab_con > ul > li:nth-child(8) {border-bottom:none;} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .tab_con > ul > li:nth-child(9) {border-bottom:none;} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .tab_con > ul > li:nth-child(10) {border-bottom:none;} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .tab_con > ul > li > a {display:flex; justify-content:center; align-items:center; width:100%; height:min(54px, 2.81vw); background:#FFF; font-size:min(18px, 0.94vw); color:#121212; font-weight:600; line-height:120%; transition:all 0.3s;} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .tab_con > ul > li > a.on {background:#121212; color:#FFF;} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .info_con {} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .info_con > .info_div {display:none;} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .info_con > .info_div.tab01 {display:block;} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .info_con > .info_div > .contents_con {display:flex; align-items:stretch; gap:min(24px, 1.25vw); height:min(257px, 13.39vw); margin:0 0 min(43px, 2.24vw);} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .info_con > .info_div > .contents_con > .img_con {flex-shrink:0; display:flex; justify-content:center; align-items:center; width:min(230px, 11.98vw); background:#121212;} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .info_con > .info_div > .contents_con > .img_con > img {width:min(194px, 10.10vw);} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .info_con > .info_div > .contents_con > .contents_con {display:flex; flex-direction:column; justify-content:center; gap:min(34px, 1.77vw); width:100%; border-top:1px solid #121212; border-bottom:1px solid #121212; padding:min(40px, 2.08vw);} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .info_con > .info_div > .contents_con > .contents_con > .txt_con {} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .info_con > .info_div > .contents_con > .contents_con > .txt_con > .text01_con {} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .info_con > .info_div > .contents_con > .contents_con > .txt_con > .text01_con > span {font-size:min(18px, 0.94vw); color:#333; font-weight:500; line-height:140%;} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .info_con > .info_div > .contents_con > .contents_con > .txt_con > .text02_con {margin:min(10px, 0.52vw) 0 0;} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .info_con > .info_div > .contents_con > .contents_con > .txt_con > .text02_con > span {font-size:min(18px, 0.94vw); color:#880600; font-weight:500; line-height:140%;} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .info_con > .info_div > .contents_con > .contents_con > .btn_con {display:flex; justify-content:flex-end;} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .info_con > .info_div > .contents_con > .contents_con > .btn_con > a {display:inline-flex; align-items:center; gap:min(8px, 0.42vw); height:min(58px, 3.02vw); border:1px solid #121212; padding:0 min(24px, 1.25vw);} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .info_con > .info_div > .contents_con > .contents_con > .btn_con > a > img {width:min(26px, 1.35vw);} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .info_con > .info_div > .contents_con > .contents_con > .btn_con > a > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:700; line-height:120%;} .youtube_sub01_con > .contents_con > .info03_con > .contents_con > .info_con > .info_div > .contents_con > .contents_con > .btn_con > a > span + img {width:min(22px, 1.15vw);} .youtube_sub01_con > .contents_con > .info04_con {width:100%; margin:0 auto;} .youtube_sub01_con > .contents_con > .info04_con > .contents_con {width:100%; max-width:min(1200px, 62.50vw); margin:0 auto; padding:min(100px, 5.21vw) 0 min(160px, 8.33vw);} .youtube_sub01_con > .contents_con > .info04_con > .contents_con > .text_con {position:relative;} .youtube_sub01_con > .contents_con > .info04_con > .contents_con > .text_con:before {content:''; width:min(12px, 0.63vw); height:min(12px, 0.63vw); background:#121212; position:absolute; top:50%; left:0; transform:translateY(-50%); border-radius:min(50px, 2.60vw);} .youtube_sub01_con > .contents_con > .info04_con > .contents_con > .text_con > span {display:inline-block; padding-left:min(22px, 1.15vw); font-size:min(24px, 1.25vw); color:#121212; font-weight:800; line-height:140%;} .youtube_sub01_con > .contents_con > .info04_con > .contents_con > .list_con {margin:min(32px, 1.67vw) 0 0;} .youtube_sub01_con > .contents_con > .info04_con > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:2px;} .youtube_sub01_con > .contents_con > .info04_con > .contents_con > .list_con > ul > li {width:100%;} .youtube_sub01_con > .contents_con > .info04_con > .contents_con > .list_con > ul > li > .list_div {display:flex; align-items:stretch; gap:min(24px, 1.25vw);} .youtube_sub01_con > .contents_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .img_con {flex-shrink:0; display:flex; justify-content:center; align-items:center; width:min(320px, 16.67vw); height:auto; min-height:min(140px, 7.29vw); background:#121212;} .youtube_sub01_con > .contents_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .img_con > img {width:min(194px, 10.10vw);} .youtube_sub01_con > .contents_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .txt_con {display:flex; flex-direction:column; justify-content:center; gap:min(10px, 0.52vw); width:100%; border-bottom:1px solid #000; padding:min(40px, 2.08vw);} .youtube_sub01_con > .contents_con > .info04_con > .contents_con > .list_con > ul > li:first-child > .list_div > .txt_con {border-top:1px solid #000;} .youtube_sub01_con > .contents_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text01_con {} .youtube_sub01_con > .contents_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text01_con > span {font-size:min(18px, 0.94vw); color:#333; font-weight:500; line-height:140%;} .youtube_sub01_con > .contents_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text02_con {} .youtube_sub01_con > .contents_con > .info04_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text02_con > span {font-size:min(18px, 0.94vw); color:#880600; font-weight:500; line-height:140%;} /* 은혜와 감동의 순간 */ .story_sub01_con {} .story_sub01_con > .contents_con {} .story_sub01_con > .contents_con .notice_list_con {width:100%; max-width:min(1200px, 62.50vw); margin:0 auto; padding:0 0 min(140px, 7.29vw);} .story_sub01_con > .contents_con > .insta_con {width:100%; margin:0 auto; background:#F6F7FA;} .story_sub01_con > .contents_con > .insta_con > .contents_con {display:flex; flex-direction:column; gap:min(80px, 4.17vw); width:100%; max-width:min(1200px, 62.50vw); margin:0 auto; padding:min(100px, 5.21vw) 0 min(120px, 6.25vw);} .story_sub01_con > .contents_con > .insta_con > .contents_con > .txt_con {display:flex; flex-direction:column; align-items:center; gap:min(12px, 0.63vw); text-align:center;} .story_sub01_con > .contents_con > .insta_con > .contents_con > .txt_con > .text01_con {} .story_sub01_con > .contents_con > .insta_con > .contents_con > .txt_con > .text01_con > span {font-size:min(48px, 2.50vw); color:#121212; font-weight:800; line-height:140%;} .story_sub01_con > .contents_con > .insta_con > .contents_con > .txt_con > .text02_con {} .story_sub01_con > .contents_con > .insta_con > .contents_con > .txt_con > .text02_con > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:500; line-height:140%;} .story_sub01_con > .contents_con > .insta_con > .contents_con > .list_con {} .story_sub01_con > .contents_con > .insta_con > .contents_con > .list_con > ul {display:flex; justify-content:center; gap:min(24px, 1.25vw);} .story_sub01_con > .contents_con > .insta_con > .contents_con > .list_con > ul > li {width:min(280px, 14.58vw);} .story_sub01_con > .contents_con > .insta_con > .contents_con > .list_con > ul > li > a {display:block;} .story_sub01_con > .contents_con > .insta_con > .contents_con > .list_con > ul > li > a > .img_con {} .story_sub01_con > .contents_con > .insta_con > .contents_con > .list_con > ul > li > a > .img_con > img {width:100%;} .story_sub01_con > .contents_con > .insta_con > .contents_con > .btn_con {text-align:center;} .story_sub01_con > .contents_con > .insta_con > .contents_con > .btn_con > a {display:inline-flex; justify-content:center; align-items:center; gap:min(12px, 0.63vw);} .story_sub01_con > .contents_con > .insta_con > .contents_con > .btn_con > a > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:600; line-height:120%;} .story_sub01_con > .contents_con > .insta_con > .contents_con > .btn_con > a > img {width:min(28px, 1.46vw); transition:all 0.3s;} .story_sub01_con > .contents_con > .insta_con > .contents_con > .btn_con > a:hover > img {transform:rotate(45deg);} /* 언론보도 */ .story_sub02_con {} .story_sub02_con > .contents_con {padding:0 0 min(140px, 7.29vw);} /* 공지사항 */ .community_sub01_con {} .community_sub01_con > .contents_con {padding:0 0 min(140px, 7.29vw);} /* 만나요 상담신청 */ .community_sub02_con {} .community_sub02_con > .contents_con {width:min(584px, 30.42vw); margin:0 auto; padding:0 0 min(160px, 8.33vw);} .community_sub02_con > .contents_con form {} .community_sub02_con > .contents_con form .list_con {border-bottom:1px solid #121212; padding:0 0 min(48px, 2.50vw);} .community_sub02_con > .contents_con form .list_con > ul {display:flex; flex-direction:column; gap:min(30px, 1.56vw);} .community_sub02_con > .contents_con form .list_con > ul > li {} .community_sub02_con > .contents_con form .list_con > ul > li.couple {display:none;} .community_sub02_con > .contents_con form .list_con > ul > li > .list_div {display:flex; flex-direction:column; gap:min(8px, 0.42vw);} .community_sub02_con > .contents_con form .list_con > ul > li > .list_div > .title_con {} .community_sub02_con > .contents_con form .list_con > ul > li > .list_div > .title_con > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:700; line-height:140%;} .community_sub02_con > .contents_con form .list_con > ul > li > .list_div > .title_con > span .color_text {color:#880600;} .community_sub02_con > .contents_con form .list_con > ul > li > .list_div > .input_con {} .community_sub02_con > .contents_con form .list_con > ul > li > .list_div > .input_con > ul {display:flex; align-items:center; gap:min(32px, 1.67vw); padding:min(18px, 0.94vw) 0;} .community_sub02_con > .contents_con form .list_con > ul > li > .list_div > .input_con > ul > li {} .community_sub02_con > .contents_con form .list_con > ul > li > .list_div > .input_con > ul > li > label {display:flex; align-items:center; gap:min(12px, 0.63vw);} .community_sub02_con > .contents_con form .list_con > ul > li > .list_div > .input_con > ul > li > label > input {} .community_sub02_con > .contents_con form .list_con > ul > li > .list_div > .input_con > ul > li > label > .check_icon {} .community_sub02_con > .contents_con form .list_con > ul > li > .list_div > .input_con > ul > li > label > span {font-size:min(18px, 0.94vw); color:#333; font-weight:500; line-height:140%;} .community_sub02_con > .contents_con form .list_con > ul > li > .list_div > .input_con > input {width:100%; height:min(64px, 3.33vw); border:1px solid #121212; padding:0 min(25px, 1.30vw); font-size:min(18px, 0.94vw); color:#121212; font-weight:500; line-height:140%;} .community_sub02_con > .contents_con form .list_con > ul > li > .list_div > .input_con > input::placeholder {color:#747987;} .community_sub02_con > .contents_con form .list_con > ul > li > .list_div > .input_con > textarea {width:100%; height:min(260px, 13.54vw); border:1px solid #121212; padding:min(25px, 1.30vw); font-size:min(18px, 0.94vw); color:#121212; font-weight:500; line-height:140%; overflow:auto;} .community_sub02_con > .contents_con form .list_con > ul > li > .list_div > .input_con > textarea::placeholder {color:#747987;} .community_sub02_con > .contents_con form .list_con > .text_con {margin:min(40px, 2.08vw) 0 0; text-align:center;} .community_sub02_con > .contents_con form .list_con > .text_con > span {font-size:min(16px, 0.83vw); color:#121212; font-weight:500; line-height:140%;} .community_sub02_con > .contents_con form .check_con {margin:min(48px, 2.50vw) 0 0;} .community_sub02_con > .contents_con form .check_con > .title_con {text-align:center;} .community_sub02_con > .contents_con form .check_con > .title_con > span {font-size:min(24px, 1.25vw); color:#121212; font-weight:700; line-height:140%;} .community_sub02_con > .contents_con form .check_con > .list_con {margin:min(32px, 1.67vw) 0 0; padding:0; border-bottom:none;} .community_sub02_con > .contents_con form .check_con > .list_con > ul {} .community_sub02_con > .contents_con form .check_con > .list_con > ul > li {} .community_sub02_con > .contents_con form .check_con > .list_con > ul > li > .list_div {display:flex; flex-direction:column; gap:min(16px, 0.83vw);} .community_sub02_con > .contents_con form .check_con > .list_con > ul > li > .list_div > .title_con {} .community_sub02_con > .contents_con form .check_con > .list_con > ul > li > .list_div > .title_con > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:700; line-height:140%;} .community_sub02_con > .contents_con form .check_con > .list_con > ul > li > .list_div > .title_con > span .color_text {color:#880600;} .community_sub02_con > .contents_con form .check_con > .list_con > ul > li > .list_div > .check_list {width:100%; background:#F6F7FB; padding:min(24px, 1.25vw);} .community_sub02_con > .contents_con form .check_con > .list_con > ul > li > .list_div > .check_list > ul {display:flex; flex-direction:column; gap:min(24px, 1.25vw);} .community_sub02_con > .contents_con form .check_con > .list_con > ul > li > .list_div > .check_list > ul > li {} .community_sub02_con > .contents_con form .check_con > .list_con > ul > li > .list_div > .check_list > ul > li > label {display:flex; align-items:flex-start; gap:min(12px, 0.63vw);} .community_sub02_con > .contents_con form .check_con > .list_con > ul > li > .list_div > .check_list > ul > li > label > input {} .community_sub02_con > .contents_con form .check_con > .list_con > ul > li > .list_div > .check_list > ul > li > label > .check_icon {flex-shrink:0;} .community_sub02_con > .contents_con form .check_con > .list_con > ul > li > .list_div > .check_list > ul > li > label > span {font-size:min(16px, 0.83vw); color:#4B5068; font-weight:500; line-height:140%;} .community_sub02_con > .contents_con form .check_con > .text_con {margin:min(32px, 1.67vw) 0 0; text-align:center;} .community_sub02_con > .contents_con form .check_con > .text_con > .text01_con {} .community_sub02_con > .contents_con form .check_con > .text_con > .text01_con > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:700; line-height:140%;} .community_sub02_con > .contents_con form .check_con > .text_con > .text02_con {margin:min(8px, 0.42vw) 0 0;} .community_sub02_con > .contents_con form .check_con > .text_con > .text02_con > span {font-size:min(16px, 0.83vw); color:#4B5068; font-weight:500; line-height:140%;} .community_sub02_con > .contents_con form .check_con > .text_con > label {display:inline-flex; justify-content:center; align-items:center; gap:min(12px, 0.63vw); margin:min(16px, 0.83vw) 0 0;} .community_sub02_con > .contents_con form .check_con > .text_con > label > input {} .community_sub02_con > .contents_con form .check_con > .text_con > label > .check_icon {} .community_sub02_con > .contents_con form .check_con > .text_con > label > span {font-size:min(16px, 0.83vw); color:#333; font-weight:500; line-height:140%;} .community_sub02_con > .contents_con form .check_con > .text_con > label > span .color_text {color:#880600;} .community_sub02_con > .contents_con form .btn_con {margin:min(48px, 2.50vw) 0 0;} .community_sub02_con > .contents_con form .btn_con > a {display:flex; justify-content:center; align-items:center; gap:min(8px, 0.42vw); width:100%; height:min(62px, 3.23vw); background:#121212;} .community_sub02_con > .contents_con form .btn_con > a > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:700; line-height:120%;} .community_sub02_con > .contents_con form .btn_con > a > img {width:min(22px, 1.15vw);} /* 자유 게시판 */ .community_sub03_con {} .community_sub03_con > .contents_con {padding:0 0 min(140px, 7.29vw);} /* 리스트 상단 공통 */ .notice_list_con {} .notice_list_con > .ts_con {display:flex; justify-content:space-between; align-items:center; margin:0 0 min(32px, 1.67vw);} .notice_list_con > .ts_con > .total_con {} .notice_list_con > .ts_con > .total_con > span {font-size:min(18px, 0.83vw); color:#121212; font-weight:500; line-height:130%;} .notice_list_con > .ts_con > .total_con > span .color_text {font-weight:700;} .notice_list_con > .ts_con > .search_con {display:flex; gap:min(10px, 0.52vw); align-items:center; width:min(384px, ); border-bottom:2px solid #121212;} .notice_list_con > .ts_con > .search_con > input {width:100%; height:min(53px, 2.76vw); border:none; padding:min(10px, 0.52vw) 0 min(10px, 0.52vw) min(11px, 0.57vw); font-size:min(18px, 0.94vw); color:#121212; font-weight:500; line-height:normal;} .notice_list_con > .ts_con > .search_con > input::placeholder {color:#888;} .notice_list_con > .ts_con > .search_con > a {flex-shrink:0; width:min(33px, 1.72vw);} .notice_list_con > .ts_con > .search_con > a > img {width:100%;} /* 갤러리 리스트 (유튜브) */ .normal_gallery_list.youtube {} .normal_gallery_list.youtube > ul {display:flex; flex-wrap:wrap; gap:min(32px, 1.67vw) min(24px, 1.25vw);} .normal_gallery_list.youtube > ul > li {} .normal_gallery_list.youtube > ul > li > a {display:inline-block; width:min(384px, 20.00vw);} .normal_gallery_list.youtube > ul > li > a > .list_div {} .normal_gallery_list.youtube > ul > li > a > .list_div > .img_con {background:no-repeat center/cover; background-color:rgba(0,0,0,0.2); background-size:100%; transition:all 0.45s;} .normal_gallery_list.youtube > ul > li > a:hover > .list_div > .img_con {background-size:110%;} .normal_gallery_list.youtube > ul > li > a > .list_div > .img_con > img {width:100%;} .normal_gallery_list.youtube > ul > li > a > .list_div > .txt_con {margin:min(24px, 1.25vw) 0 0;} .normal_gallery_list.youtube > ul > li > a > .list_div > .txt_con > .title_con {} .normal_gallery_list.youtube > ul > li > a > .list_div > .txt_con > .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%;} .normal_gallery_list.youtube > ul > li > a > .list_div > .txt_con > .date_con {margin:min(8px, 0.42vw) 0 0;} .normal_gallery_list.youtube > ul > li > a > .list_div > .txt_con > .date_con > span {font-size:min(20px, 1.04vw); color:#747987; font-weight:500; line-height:140%;} .normal_gallery_list.youtube > ul > li.none_li {width:100%; text-align:center;} .normal_gallery_list.youtube > ul > li.none_li > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:600; line-height:min(400px, 20.83vw);} /* 갤러리 리스트 (은혜와 감동의 순간) */ .normal_gallery_list.story_sub01 {} .normal_gallery_list.story_sub01 > ul {display:flex; flex-wrap:wrap; gap:min(32px, 1.67vw) min(24px, 1.25vw);} .normal_gallery_list.story_sub01 > ul > li {width:min(588px, 30.60vw);} .normal_gallery_list.story_sub01 > ul > li > a {display:inline-block; width:100%;} .normal_gallery_list.story_sub01 > ul > li > a > .list_div {} .normal_gallery_list.story_sub01 > ul > li > a > .list_div > .wrap_con {overflow:hidden;} .normal_gallery_list.story_sub01 > ul > li > a > .list_div > .wrap_con > .img_con {background:no-repeat center/cover; background-color:rgba(0,0,0,0.2); transform:scale(1); transition:all 0.45s;} .normal_gallery_list.story_sub01 > ul > li > a:hover > .list_div > .wrap_con > .img_con {transform:scale(1.1);} .normal_gallery_list.story_sub01 > ul > li > a > .list_div > .wrap_con > .img_con > img {width:100%;} .normal_gallery_list.story_sub01 > ul > li > a > .list_div > .txt_con {margin:min(16px, 0.83vw) 0 0;} .normal_gallery_list.story_sub01 > ul > li > a > .list_div > .txt_con > .title_con {} .normal_gallery_list.story_sub01 > ul > li > a > .list_div > .txt_con > .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%;} .normal_gallery_list.story_sub01 > ul > li > a > .list_div > .txt_con > .date_con {margin:min(8px, 0.42vw) 0 0;} .normal_gallery_list.story_sub01 > ul > li > a > .list_div > .txt_con > .date_con > span {font-size:min(20px, 1.04vw); color:#747987; font-weight:500; line-height:140%;} .normal_gallery_list.story_sub01 > ul > li.none_li {width:100%; text-align:center;} .normal_gallery_list.story_sub01 > ul > li.none_li > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:600; line-height:min(400px, 20.83vw);} /* 갤러리 리스트 (언론보도) */ .normal_gallery_list.story_sub02 {} .normal_gallery_list.story_sub02 > ul {display:flex; flex-direction:column;} .normal_gallery_list.story_sub02 > ul > li {border-bottom:1px solid #E9EBF6; padding:min(32px, 1.67vw) 0;} .normal_gallery_list.story_sub02 > ul > li:first-child {padding-top:0;} .normal_gallery_list.story_sub02 > ul > li > a {display:inline-block; width:100%;} .normal_gallery_list.story_sub02 > ul > li > a > .list_div {display:flex; align-items:center; gap:min(40px, 2.08vw);} .normal_gallery_list.story_sub02 > ul > li > a > .list_div > .img_con {flex-shrink:0; width:min(160px, 8.33vw); background:no-repeat center/cover; background-color:rgba(0,0,0,0.2); border-radius:min(8px, 0.42vw); overflow:hidden;} .normal_gallery_list.story_sub02 > ul > li > a > .list_div > .img_con > img {width:100%;} .normal_gallery_list.story_sub02 > ul > li > a > .list_div > .txt_con {width:min(1000px, 52.08vw);} .normal_gallery_list.story_sub02 > ul > li > a > .list_div > .txt_con > .wd_con {display:flex; align-items:center; gap:min(19px, 0.99vw);} .normal_gallery_list.story_sub02 > ul > li > a > .list_div > .txt_con > .wd_con > div {position:relative;} .normal_gallery_list.story_sub02 > ul > li > a > .list_div > .txt_con > .wd_con > div:before {content:''; width:min(3px, 0.16vw); height:min(3px, 0.16vw); background:#4B5068; position:absolute; top:50%; left:max(-11px, -0.57vw); transform:translateY(-50%); border-radius:100%;} .normal_gallery_list.story_sub02 > ul > li > a > .list_div > .txt_con > .wd_con > div:first-child:before {content:none;} .normal_gallery_list.story_sub02 > ul > li > a > .list_div > .txt_con > .wd_con > .writer_con {} .normal_gallery_list.story_sub02 > ul > li > a > .list_div > .txt_con > .wd_con > .writer_con > span {font-size:min(18px, 0.94vw); color:#4B5068; font-weight:500; line-height:140%;} .normal_gallery_list.story_sub02 > ul > li > a > .list_div > .txt_con > .wd_con > .date_con {} .normal_gallery_list.story_sub02 > ul > li > a > .list_div > .txt_con > .wd_con > .date_con > span {font-size:min(18px, 0.94vw); color:#4B5068; font-weight:500; line-height:140%;} .normal_gallery_list.story_sub02 > ul > li > a > .list_div > .txt_con > .title_con {margin:min(12px, 0.63vw) 0 0;} .normal_gallery_list.story_sub02 > ul > li > a > .list_div > .txt_con > .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%;} .normal_gallery_list.story_sub02 > ul > li > a > .list_div > .txt_con > .text_con {margin:min(8px, 0.42vw) 0 0;} .normal_gallery_list.story_sub02 > ul > li > a > .list_div > .txt_con > .text_con > span {display:block; 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(20px, 1.04vw); color:#747987; font-weight:500; line-height:140%;} .normal_gallery_list.story_sub02 > ul > li > a > .list_div > .txt_con > .text_con > .img_con {} .normal_gallery_list.story_sub02 > ul > li > a > .list_div > .txt_con > .text_con > .img_con > img {} .normal_gallery_list.story_sub02 > ul > li.none_li {width:100%; text-align:center; border:none; padding:0;} .normal_gallery_list.story_sub02 > ul > li.none_li > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:600; line-height:min(400px, 20.83vw);} /* 일반 리스트 (공지사항) */ .normal_notice_con {} .normal_notice_con > .title_con {border-top:1px solid #121212; border-bottom:1px solid #D2D7E2;} .normal_notice_con > .title_con > table {width:100%; table-layout:fixed;} .normal_notice_con > .title_con > table > tbody {} .normal_notice_con > .title_con > table > tbody > tr {} .normal_notice_con > .title_con > table > tbody > tr > td {height:min(63px, 3.28vw);} .normal_notice_con > .title_con > table > tbody > tr > td > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:500; line-height:130%;} .normal_notice_con > .title_con > table > tbody > tr > .no_td {width:min(70px, 3.65vw);} .normal_notice_con > .title_con > table > tbody > tr > .category_td {width:min(95px, 4.95vw);} .normal_notice_con > .title_con > table > tbody > tr > .title_td {width:min(770px, 40.10vw);} .normal_notice_con > .title_con > table > tbody > tr > .date_td {width:min(140px, 7.29vw);} .normal_notice_con > .title_con > table > tbody > tr > .view_td {width:min(125px, 6.51vw);} .normal_notice_con > .list_con {} .normal_notice_con > .list_con > ul {} .normal_notice_con > .list_con > ul > li {border-bottom:1px solid #D2D7E2;} .normal_notice_con > .list_con > ul > li > a {} .normal_notice_con > .list_con > ul > li > a > table {width:100%; table-layout:fixed;} .normal_notice_con > .list_con > ul > li > a > table > tbody {} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr {} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > td {height:min(97px, 5.05vw);} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .no_td {width:min(70px, 3.65vw);} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .no_td > span {font-size:min(18px, 0.94vw); color:#747987; font-weight:500; line-height:130%;} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .category_td {width:min(95px, 4.95vw);} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .category_td > span {display:flex; justify-content:center; align-items:center; width:100%; height:min(37px, 1.93vw); font-size:min(16px, 0.83vw); font-weight:700; line-height:130%; border-radius:min(500px, 26.04vw);} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .category_td > span.notice {background:#F2F3F9; color:#0B103B;} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .category_td > span.emergency {background:#FFF6F5; color:#DA1A11;} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .category_td > span.event {background:#FFF6F3; color:#FF7F51;} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .category_td > span.assembly {background:#EEF5FF; color:#02409C;} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .category_td > span.goods {background:#F7F4FF; color:#450DC5;} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .title_td {width:min(770px, 40.10vw);} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .title_td > .text_con {display:inline-block; max-width:100%; padding:0 min(20px, 1.04vw);} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .title_td > .text_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(18px, 0.94vw); color:#121212; font-weight:500; line-height:130%;} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .title_td > .text_con > img {float:right; width:min(18px, 0.94vw); padding:min(3px, 0.16vw) 0 0;} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .date_td {width:min(140px, 7.29vw);} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .date_td > .text_con {} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .date_td > .text_con > span {font-size:min(16px, 0.83vw); color:#747987; font-weight:500; line-height:130%;} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .view_td {width:min(125px, 6.51vw);} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .view_td > .text_con {} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .view_td > .text_con > span {font-size:min(16px, 0.83vw); color:#747987; font-weight:500; line-height:130%;} .normal_notice_con > .list_con > ul > li.none_li {width:100%; text-align:center;} .normal_notice_con > .list_con > ul > li.none_li > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:600; line-height:min(400px, 20.83vw);} /* 일반 리스트 (자유게시판) */ .normal_notice_con.community_sub03 {} .normal_notice_con.community_sub03 > .title_con {border-top:1px solid #121212; border-bottom:1px solid #D2D7E2;} .normal_notice_con.community_sub03 > .title_con > table {width:100%; table-layout:fixed;} .normal_notice_con.community_sub03 > .title_con > table > tbody {} .normal_notice_con.community_sub03 > .title_con > table > tbody > tr {} .normal_notice_con.community_sub03 > .title_con > table > tbody > tr > td {height:min(63px, 3.28vw);} .normal_notice_con.community_sub03 > .title_con > table > tbody > tr > td > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:500; line-height:130%;} .normal_notice_con.community_sub03 > .title_con > table > tbody > tr > .no_td {width:min(70px, 3.65vw);} .normal_notice_con.community_sub03 > .title_con > table > tbody > tr > .category_td {width:min(95px, 4.95vw);} .normal_notice_con.community_sub03 > .title_con > table > tbody > tr > .title_td {width:min(770px, 40.10vw);} .normal_notice_con.community_sub03 > .title_con > table > tbody > tr > .date_td {width:min(140px, 7.29vw);} .normal_notice_con.community_sub03 > .title_con > table > tbody > tr > .writer_td {width:min(125px, 6.51vw);} .normal_notice_con.community_sub03 > .list_con {} .normal_notice_con.community_sub03 > .list_con > ul {} .normal_notice_con.community_sub03 > .list_con > ul > li {border-bottom:1px solid #D2D7E2;} .normal_notice_con.community_sub03 > .list_con > ul > li > a {} .normal_notice_con.community_sub03 > .list_con > ul > li > a > table {width:100%; table-layout:fixed;} .normal_notice_con.community_sub03 > .list_con > ul > li > a > table > tbody {} .normal_notice_con.community_sub03 > .list_con > ul > li > a > table > tbody > tr {} .normal_notice_con.community_sub03 > .list_con > ul > li > a > table > tbody > tr > td {height:min(97px, 5.05vw);} .normal_notice_con.community_sub03 > .list_con > ul > li > a > table > tbody > tr > .no_td {width:min(70px, 3.65vw);} .normal_notice_con.community_sub03 > .list_con > ul > li > a > table > tbody > tr > .no_td > span {font-size:min(18px, 0.94vw); color:#747987; font-weight:500; line-height:130%;} .normal_notice_con.community_sub03 > .list_con > ul > li > a > table > tbody > tr > .category_td {width:min(95px, 4.95vw);} .normal_notice_con.community_sub03 > .list_con > ul > li > a > table > tbody > tr > .category_td > span {display:flex; justify-content:center; align-items:center; width:100%; height:min(37px, 1.93vw); font-size:min(16px, 0.83vw); font-weight:700; line-height:130%; border-radius:min(500px, 26.04vw);} .normal_notice_con.community_sub03 > .list_con > ul > li > a > table > tbody > tr > .category_td > span.standby {background:#E9EBF6; color:#4B5068;} .normal_notice_con.community_sub03 > .list_con > ul > li > a > table > tbody > tr > .category_td > span.complete {background:#000B6B; color:#FFF;} .normal_notice_con.community_sub03 > .list_con > ul > li > a > table > tbody > tr > .title_td {width:min(770px, 40.10vw);} .normal_notice_con.community_sub03 > .list_con > ul > li > a > table > tbody > tr > .title_td > .text_con {display:inline-block; max-width:100%; padding:0 min(20px, 1.04vw);} .normal_notice_con.community_sub03 > .list_con > ul > li > a > table > tbody > tr > .title_td > .text_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(18px, 0.94vw); color:#121212; font-weight:500; line-height:130%;} .normal_notice_con.community_sub03 > .list_con > ul > li > a > table > tbody > tr > .title_td > .text_con > img {display:inline-block; float:right; width:min(14px, 0.73vw); margin:0 0 0 min(6px, 0.31vw);} .normal_notice_con.community_sub03 > .list_con > ul > li > a > table > tbody > tr > .date_td {width:min(140px, 7.29vw);} .normal_notice_con.community_sub03 > .list_con > ul > li > a > table > tbody > tr > .date_td > .text_con {} .normal_notice_con.community_sub03 > .list_con > ul > li > a > table > tbody > tr > .date_td > .text_con > span {font-size:min(16px, 0.83vw); color:#747987; font-weight:500; line-height:130%;} .normal_notice_con.community_sub03 > .list_con > ul > li > a > table > tbody > tr > .writer_td {width:min(125px,6.51vw );} .normal_notice_con.community_sub03 > .list_con > ul > li > a > table > tbody > tr > .writer_td > .text_con {} .normal_notice_con.community_sub03 > .list_con > ul > li > a > table > tbody > tr > .writer_td > .text_con > span {font-size:min(16px, 0.83vw); color:#747987; font-weight:500; line-height:130%;} .normal_notice_con.community_sub03 > .btn_con {margin:min(32px, 1.67vw) 0 0;} .normal_notice_con.community_sub03 > .btn_con > a {display:flex; justify-content:center; align-items:center; width:min(140px, 7.29vw); margin:0 0 0 auto; height:min(55px, 2.86vw); border:1px solid #121212; font-size:min(18px, 0.94vw); color:#121212; font-weight:700; line-height:130%;} /* 작성 페이지 */ .notice_write_con {width:min(584px, 30.42vw); margin:0 auto;} .notice_write_con > .contents_con {} .notice_write_con > .contents_con > .list_con {border-bottom:none; padding:0 0 min(40px, 2.08vw);} .notice_write_con > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:min(30px, 1.56vw);} .notice_write_con > .contents_con > .list_con > ul > li {} .notice_write_con > .contents_con > .list_con > ul > li > .list_div {display:flex; flex-direction:column; gap:min(8px, 0.42vw);} .notice_write_con > .contents_con > .list_con > ul > li > .list_div > .title_con {} .notice_write_con > .contents_con > .list_con > ul > li > .list_div > .title_con > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:700; line-height:140%;} .notice_write_con > .contents_con > .list_con > ul > li > .list_div > .title_con > span .color_text {color:#880600;} .notice_write_con > .contents_con > .list_con > ul > li > .list_div > .select_box {position:relative;} .notice_write_con > .contents_con > .list_con > ul > li > .list_div > .select_box > .select {display:flex; justify-content:space-between; align-items:center; width:100%; height:min(64px, 3.33vw); border:1px solid #121212; padding:0 min(25px, 1.30vw); cursor:pointer;} .notice_write_con > .contents_con > .list_con > ul > li > .list_div > .select_box > .select > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:500; line-height:130%;} .notice_write_con > .contents_con > .list_con > ul > li > .list_div > .select_box > .select > .img_con {width:min(12px, 0.63vw);} .notice_write_con > .contents_con > .list_con > ul > li > .list_div > .select_box > .select > .img_con > img {width:100%;} .notice_write_con > .contents_con > .list_con > ul > li > .list_div > .select_box > .select.active > .img_con {transform:rotate(180deg);} .notice_write_con > .contents_con > .list_con > ul > li > .list_div > .select_box > .option_list {display:none; width:100%; border:1px solid #121212; border-top:none; background:#FFF; padding:min(25px, 1.30vw); position:absolute; top:min(64px, 3.33vw); left:0; right:0; z-index:10;} .notice_write_con > .contents_con > .list_con > ul > li > .list_div > .select_box > .option_list > ul {display:flex; flex-direction:column; gap:min(24px, 1.25vw);} .notice_write_con > .contents_con > .list_con > ul > li > .list_div > .select_box > .option_list > ul > li {} .notice_write_con > .contents_con > .list_con > ul > li > .list_div > .select_box > .option_list > ul > li > span {display:block; font-size:min(18px, 0.94vw); color:#121212; font-weight:500; line-height:130%; cursor:pointer;} .notice_write_con > .contents_con > .list_con > ul > li > .list_div > .select_box .select.active + .option_list {display:block;} .notice_write_con > .contents_con > .list_con > ul > li > .list_div > .input_con {} .notice_write_con > .contents_con > .list_con > ul > li > .list_div > .input_con > input {width:100%; height:min(64px, 3.33vw); border:1px solid #121212; padding:0 min(25px, 1.30vw); font-size:min(18px, 0.94vw); color:#121212; font-weight:500; line-height:140%;} .notice_write_con > .contents_con > .list_con > ul > li > .list_div > .input_con > input::placeholder {color:#747987;} .notice_write_con > .contents_con > .list_con > ul > li > .list_div > .input_con > textarea {width:100%; height:min(260px, 13.54vw); border:1px solid #121212; padding:min(25px, 1.30vw); font-size:min(18px, 0.94vw); color:#121212; font-weight:500; line-height:140%; overflow:auto;} .notice_write_con > .contents_con > .list_con > ul > li > .list_div > .input_con > textarea::placeholder {color:#747987;} .notice_write_con > .contents_con > .txt_con {text-align:center;} .notice_write_con > .contents_con > .txt_con > .text01_con {} .notice_write_con > .contents_con > .txt_con > .text01_con > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:700; line-height:140%;} .notice_write_con > .contents_con > .txt_con > .text01_con > span .color_text {color:#880600;} .notice_write_con > .contents_con > .txt_con > .text02_con {margin:min(8px, 0.42vw) 0 0;} .notice_write_con > .contents_con > .txt_con > .text02_con > span {font-size:min(16px, 0.83vw); color:#4B5068; font-weight:500; line-height:140%;} .notice_write_con > .contents_con > .txt_con > label {display:inline-flex; justify-content:center; align-items:center; gap:min(12px, 0.63vw); margin:min(16px, 0.83vw) 0 0;} .notice_write_con > .contents_con > .txt_con > label > input {} .notice_write_con > .contents_con > .txt_con > label > .check_icon {} .notice_write_con > .contents_con > .txt_con > label > span {font-size:min(18px, 0.94vw); color:#333; font-weight:500; line-height:140%;} .notice_write_con > .contents_con > .txt_con > label > span .color_text {color:#880600;} .notice_write_con > .contents_con > .btn_con {margin:min(48px, 2.50vw) 0 0;} .notice_write_con > .contents_con > .btn_con > a {display:flex; justify-content:center; align-items:center; gap:min(8px, 0.42vw); width:100%; height:min(62px, 3.23vw); background:#121212;} .notice_write_con > .contents_con > .btn_con > a > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:700; line-height:120%;} .notice_write_con > .contents_con > .btn_con > a > img {width:min(22px, 1.15vw);} /* 뷰페이지 */ .notice_view_con {padding:0 0 min(140px, 7.29vw);} .notice_view_con > .contents_con {} .notice_view_con > .contents_con > .title_con {display:flex; flex-direction:column; gap:min(15px, 0.78vw); border-top:1px solid #121212; padding:min(30px, 1.56vw);} .notice_view_con > .contents_con > .title_con > .text_con {} .notice_view_con > .contents_con > .title_con > .text_con > span {font-size:min(26px, 1.35vw); color:#121212; font-weight:600; line-height:130%;} .notice_view_con > .contents_con > .title_con > ul {display:flex; align-items:center; gap:min(30px, 1.56vw);} .notice_view_con > .contents_con > .title_con > ul > li {} .notice_view_con > .contents_con > .title_con > ul > li > .list_div {display:flex; align-items:center; gap:min(10px, 0.52vw);} .notice_view_con > .contents_con > .title_con > ul > li > .list_div > .title_con {} .notice_view_con > .contents_con > .title_con > ul > li > .list_div > .title_con > span {font-size:min(18px, 0.94vw); color:#747987; font-weight:700; line-height:normal;} .notice_view_con > .contents_con > .title_con > ul > li > .list_div > .text_con {} .notice_view_con > .contents_con > .title_con > ul > li > .list_div > .text_con > span {font-size:min(18px, 0.94vw); color:#747987; font-weight:400; line-height:normal;} .notice_view_con > .contents_con > .posts_con {min-height:min(520px, 27.08vw); border-top:1px solid #D2D7E2; border-bottom:1px solid #D2D7E2; padding:min(50px, 2.60vw) min(30px, 1.56vw);} .notice_view_con > .contents_con > .posts_con > span {font-size:min(16px, 0.83vw); color:#121212; font-weight:400; line-height:150%;} .notice_view_con > .contents_con > .posts_con * {all:revert;} .notice_view_con > .contents_con > .posts_con img {max-width:100%; height:auto !important;} .notice_view_con > .contents_con > .file_con {display:flex; align-items:flex-start; gap:min(30px, 1.56vw); border-bottom:1px solid #D2D7E2; padding:min(20px, 1.04vw);} .notice_view_con > .contents_con > .file_con > .title_con {display:flex; align-items:center; gap:2px;} .notice_view_con > .contents_con > .file_con > .title_con > img {font-size:min(18px, 0.94vw);} .notice_view_con > .contents_con > .file_con > .title_con > span {font-size:min(16px, 0.83vw); color:#747987; font-weight:600; line-height:130%;} .notice_view_con > .contents_con > .file_con > .list_con {} .notice_view_con > .contents_con > .file_con > .list_con > ul {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .notice_view_con > .contents_con > .file_con > .list_con > ul > li {} .notice_view_con > .contents_con > .file_con > .list_con > ul > li > a {display:inline-block; font-size:min(16px, 0.83vw); color:#747987; font-weight:400; line-height:130%; text-decoration:underline;} .notice_view_con > .btn_con {margin:min(60px, 3.13vw) 0 0;} .notice_view_con > .btn_con > a {display:flex; justify-content:center; align-items:center; width:min(210px, 10.94vw); margin:0 auto; height:min(58px, 3.02vw); border:1px solid #121212; background:#FFF; font-size:min(20px, 1.04vw); color:#121212; font-weight:700; line-height:130%;} /* 뷰페이지 (자유게시판) */ .notice_view_con.community_sub03 {padding:0 0 min(140px, 7.29vw);} .notice_view_con.community_sub03 > .contents_con {} .notice_view_con.community_sub03 > .contents_con > .title_con {display:flex; flex-direction:column; gap:min(15px, 0.78vw); border-top:1px solid #121212; padding:min(30px, 1.56vw);} .notice_view_con.community_sub03 > .contents_con > .title_con > .text_con {display:flex; align-items:center; gap:min(16px, 0.83vw);} .notice_view_con.community_sub03 > .contents_con > .title_con > .text_con > span {font-size:min(26px, 1.35vw); color:#121212; font-weight:600; line-height:130%;} .notice_view_con.community_sub03 > .contents_con > .title_con > .text_con > span.state {display:flex; justify-content:center; align-items:center; width:min(92px, 4.79vw); height:min(32px, 1.67vw); font-size:min(16px, 0.83vw); font-weight:700; line-height:130%; border-radius:min(500px, 26.04vw);} .notice_view_con.community_sub03 > .contents_con > .title_con > .text_con > span.state.standby {background:#E9EBF6; color:#4B5068;} .notice_view_con.community_sub03 > .contents_con > .title_con > .text_con > span.state.complete {background:#000B6B; color:#FFF;} .notice_view_con.community_sub03 > .contents_con > .title_con > ul {display:flex; align-items:center; gap:min(30px, 1.56vw);} .notice_view_con.community_sub03 > .contents_con > .title_con > ul > li {} .notice_view_con.community_sub03 > .contents_con > .title_con > ul > li > .list_div {display:flex; align-items:center; gap:min(10px, 0.52vw);} .notice_view_con.community_sub03 > .contents_con > .title_con > ul > li > .list_div > .title_con {} .notice_view_con.community_sub03 > .contents_con > .title_con > ul > li > .list_div > .title_con > span {font-size:min(18px, 0.94vw); color:#747987; font-weight:700; line-height:normal;} .notice_view_con.community_sub03 > .contents_con > .title_con > ul > li > .list_div > .text_con {} .notice_view_con.community_sub03 > .contents_con > .title_con > ul > li > .list_div > .text_con > span {font-size:min(18px, 0.94vw); color:#747987; font-weight:400; line-height:normal;} .notice_view_con.community_sub03 > .contents_con > .posts_con {min-height:min(520px, 27.08vw); border-top:1px solid #D2D7E2; border-bottom:1px solid #D2D7E2; padding:min(50px, 2.60vw) min(30px, 1.56vw) min(150px, 7.81vw); position:relative;} .notice_view_con.community_sub03 > .contents_con > .posts_con > span {font-size:min(16px, 0.83vw); color:#121212; font-weight:400; line-height:150%;} .notice_view_con.community_sub03 > .contents_con > .posts_con * {all:revert;} .notice_view_con.community_sub03 > .contents_con > .posts_con img {max-width:100%; height:auto !important;} .notice_view_con.community_sub03 > .contents_con > .posts_con > .btn_con {position:absolute; right:min(30px, 1.56vw); bottom:min(50px, 2.60vw);} .notice_view_con.community_sub03 > .contents_con > .posts_con > .btn_con > ul {display:flex; gap:min(16px, 0.83vw); margin:0; padding:0;} .notice_view_con.community_sub03 > .contents_con > .posts_con > .btn_con > ul > li {list-style:none; margin:0; padding:0;} .notice_view_con.community_sub03 > .contents_con > .posts_con > .btn_con > ul > li > a {display:flex; justify-content:center; align-items:center; width:min(100px, 5.21vw); height:min(53px, 2.79vw); border:1px solid #74809E; background-color:#FFF; font-size:min(16px, 0.83vw); color:#74809E; font-weight:700; line-height:130%; text-decoration:unset;} .notice_view_con.community_sub03 > .contents_con > .answer_con {margin:min(24px, 1.25vw) 0 0;} .notice_view_con.community_sub03 > .contents_con > .answer_con > .contents_con {display:flex; flex-direction:column; gap:min(40px, 2.08vw); width:100%; background:#F6F7FB; padding:min(30px, 1.56vw);} .notice_view_con.community_sub03 > .contents_con > .answer_con > .contents_con > .dw_con {} .notice_view_con.community_sub03 > .contents_con > .answer_con > .contents_con > .dw_con > ul {display:flex; align-items:center; gap:min(30px, 1.56vw);} .notice_view_con.community_sub03 > .contents_con > .answer_con > .contents_con > .dw_con > ul > li {} .notice_view_con.community_sub03 > .contents_con > .answer_con > .contents_con > .dw_con > ul > li > .list_div {display:flex; align-items:center; gap:min(10px, 0.52vw);} .notice_view_con.community_sub03 > .contents_con > .answer_con > .contents_con > .dw_con > ul > li > .list_div > .title_con {} .notice_view_con.community_sub03 > .contents_con > .answer_con > .contents_con > .dw_con > ul > li > .list_div > .title_con > span {font-size:min(18px, 0.94vw); color:#747987; font-weight:700; line-height:normal;} .notice_view_con.community_sub03 > .contents_con > .answer_con > .contents_con > .dw_con > ul > li > .list_div > .text_con {} .notice_view_con.community_sub03 > .contents_con > .answer_con > .contents_con > .dw_con > ul > li > .list_div > .text_con > span {font-size:min(18px, 0.94vw); color:#747987; font-weight:400; line-height:normal;} .notice_view_con.community_sub03 > .contents_con > .answer_con > .contents_con > .text_con {} .notice_view_con.community_sub03 > .contents_con > .answer_con > .contents_con > .text_con > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:500; line-height:150%;} .notice_view_con.community_sub03 > .btn_con {margin:min(60px, 3.13vw) 0 0;} .notice_view_con.community_sub03 > .btn_con > a {display:flex; justify-content:center; align-items:center; width:min(210px, 10.94vw); margin:0 auto; height:min(58px, 3.02vw); border:1px solid #121212; background:#FFF; font-size:min(20px, 1.04vw); color:#121212; font-weight:700; line-height:130%;} /* 뷰 - 패스워드 */ .notice_view_con > .password_con {width:100%; margin:0 auto; border-top:1px solid #121212; border-bottom:1px solid #121212; padding:min(140px, 7.29vw) min(30px, 1.56vw); text-align:center;} .notice_view_con > .password_con .title_con {} .notice_view_con > .password_con .title_con > span {font-size:min(26px, 1.35vw); color:#121212; font-weight:600; line-height:130%;} .notice_view_con > .password_con .input_con {margin:min(40px, 2.08vw) 0 0;} .notice_view_con > .password_con .input_con > input {width:min(340px, 17.71vw); margin:0 auto; height:min(64px, 3.33vw); border:1px solid #121212; padding:min(25px, 1.30vw); font-size:min(18px, 0.94vw); color:#121212; font-weight:500; line-height:140%;} .notice_view_con > .password_con .input_con > input::placeholder {color:#747987;} .notice_view_con > .password_con .btn_con {margin:min(16px, 0.83vw) 0 0;} .notice_view_con > .password_con .btn_con > a {display:flex; justify-content:center; align-items:center; width:min(340px, 17.71vw); margin:0 auto; height:min(62px, 3.23vw); background:#121212; font-size:min(18px, 0.94vw); color:#FFF; font-weight:700; line-height:120%;} /* 만나요 상담신청 팝업 */ .submit_popup_con_bg {display:none; width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; right:0; z-index:300;} .submit_popup_con {display:none; width:min(860px, 44.79vw); margin:0 auto; height:auto; background:#FFF; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:310; border-radius:min(24px, 1.25vw);} .submit_popup_con > .contents_con {padding:min(32px, 1.67vw);} .submit_popup_con > .contents_con > .top_con {display:flex; justify-content:space-between; align-items:center;} .submit_popup_con > .contents_con > .top_con > .logo_con {width:min(182px, 9.48vw);} .submit_popup_con > .contents_con > .top_con > .logo_con > img {width:100%;} .submit_popup_con > .contents_con > .top_con > .btn_con {width:min(56px, 2.92vw);} .submit_popup_con > .contents_con > .top_con > .btn_con > a {display:inline-block;} .submit_popup_con > .contents_con > .top_con > .btn_con > a > img {width:100%;} .submit_popup_con > .contents_con > .txt_con {display:flex; flex-direction:column; gap:min(16px, 0.83vw); width:100%; background:#F6F7FB; margin:min(16px, 0.83vw) 0 0; padding:min(48px, 2.50vw) min(40px, 2.08vw); border-radius:min(16px, 0.83vw);} .submit_popup_con > .contents_con > .txt_con > .text01_con {} .submit_popup_con > .contents_con > .txt_con > .text01_con > span {font-size:min(24px, 1.25vw); color:#232852; font-weight:700; line-height:120%;} .submit_popup_con > .contents_con > .txt_con > .text02_con {} .submit_popup_con > .contents_con > .txt_con > .text02_con > span {font-size:min(20px, 1.04vw); color:#232852; font-weight:500; line-height:140%;} .submit_popup_con > .contents_con > .txt_con > .text03_con {} .submit_popup_con > .contents_con > .txt_con > .text03_con > span {font-size:min(20px, 1.04vw); color:#880600; font-weight:500; line-height:140%;} /* 저스트지저스와 함께하기 팝업 */ .together_popup_con_bg {display:none; width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; right:0; z-index:300;} .together_popup_con {display:none; width:min(860px, 44.79vw); margin:0 auto; height:auto; background:#FFF; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:310; border-radius:min(24px, 1.25vw);} .together_popup_con > .contents_con {padding:min(32px, 1.67vw);} .together_popup_con > .contents_con > .top_con {display:flex; justify-content:space-between; align-items:center;} .together_popup_con > .contents_con > .top_con > .logo_con {display:flex; align-items:center; gap:min(12px, 0.63vw);} .together_popup_con > .contents_con > .top_con > .logo_con > img {width:min(182px, 9.48vw);} .together_popup_con > .contents_con > .top_con > .logo_con > span {font-size:min(32px, 1.67vw); color:#121212; font-weight:800; line-height:140%;} .together_popup_con > .contents_con > .top_con > .btn_con {width:min(56px, 2.92vw);} .together_popup_con > .contents_con > .top_con > .btn_con > a {display:inline-block;} .together_popup_con > .contents_con > .top_con > .btn_con > a > img {width:100%;} .together_popup_con > .contents_con > .txt_con {display:flex; flex-direction:column; align-items:center; gap:min(16px, 0.83vw); width:100%; background:#F6F7FB; margin:min(16px, 0.83vw) 0 0; padding:min(64px, 3.33vw) 0; border-radius:min(16px, 0.83vw);} .together_popup_con > .contents_con > .txt_con > .text01_con {display:flex; justify-content:center; align-items:center; gap:min(16px, 0.83vw);} .together_popup_con > .contents_con > .txt_con > .text01_con > span {font-size:min(24px, 1.25vw); color:#232852; font-weight:500; line-height:120%;} .together_popup_con > .contents_con > .txt_con > .text01_con > a {display:flex; justify-content:center; align-items:center; gap:min(4px, 0.21vw); height:min(35px, 1.82vw); background:#E5E8F4; padding:min(8px, 0.42vw) min(12px, 0.63vw); border-radius:min(50px, 2.60vw);} .together_popup_con > .contents_con > .txt_con > .text01_con > a > img {width:min(14px, 0.73vw);} .together_popup_con > .contents_con > .txt_con > .text01_con > a > span {font-size:min(16px, 0.83vw); color:#74809E; font-weight:500; line-height:120%;} .together_popup_con > .contents_con > .txt_con > .text02_con {} .together_popup_con > .contents_con > .txt_con > .text02_con > span {font-size:min(24px, 1.25vw); color:#232852; font-weight:500; line-height:120%;} /* 키프레임 */ @keyframes move-wall { 100% { width: 0; } } /* 키프레임 */ @keyframes row-move-wall { 100% { height: 0; } } /* 푸터 */ #footer {width:100%; margin:0 auto; background:#121724; padding:min(60px, 3.13vw) 0; position:relative;} #footer > .quick_banner {display:none; position:fixed; bottom:min(30px, 1.56vw); right:min(30px, 1.56vw); z-index:100;} #footer > .quick_banner.scroll {position:fixed; bottom:min(30px, 1.56vw);} #footer > .quick_banner.scroll_end {position:absolute; bottom:unset; top:max(-470px, -24.48vw);} #footer > .quick_banner > .list_con {} #footer > .quick_banner > .list_con > ul {display:flex; flex-direction:column; gap:min(8px, 0.42vw);} #footer > .quick_banner > .list_con > ul > li {} #footer > .quick_banner > .list_con > ul > li > a {display:inline-block;} #footer > .quick_banner > .list_con > ul > li > a > .list_div {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:min(3px, 0.16vw); width:min(98px, 5.10vw); height:min(89px, 4.64vw); border:1px solid #D9E0F0; background:#FFF; text-align:center; border-radius:min(16px, 0.83vw); box-shadow:min(4px, 0.21vw) min(6px, 0.31vw) min(20px, 1.04vw) 0 rgba(0, 0, 0, 0.10);} #footer > .quick_banner > .list_con > ul > li > a > .list_div > img {width:min(35px, 1.82vw);} #footer > .quick_banner > .list_con > ul > li > a > .list_div > span {font-size:min(16px, 0.83vw); color:#4B5068; font-weight:700; line-height:120%; letter-spacing:max(-0.64px, -0.03vw);} #footer > .quick_banner > .top_btn {margin:min(12px, 0.63vw) 0 0;} #footer > .quick_banner > .top_btn > a {display:flex; justify-content:center; align-items:center; gap:2px; width:min(98px, 5.10vw); height:min(42px, 2.19vw); background:#121212; border-radius:min(12px, 0.63vw); box-shadow:min(4px, 0.21vw) min(6px, 0.31vw) min(20px, 1.04vw) 0 rgba(0, 0, 0, 0.10);} #footer > .quick_banner > .top_btn > a > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:700; line-height:120%; letter-spacing:max(-0.72px, -0.04vw);} #footer > .quick_banner > .top_btn > a > img {width:min(22px, 1.15vw);} #footer > .contents_con {width:100%; max-width:min(1500px, 78.13vw); margin:0 auto;} #footer > .contents_con > .top_con {display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(255,255,255,0.2); margin-bottom:min(48px, 2.50vw); padding-bottom:min(48px, 2.50vw);} #footer > .contents_con > .top_con > .logo_con {} #footer > .contents_con > .top_con > .logo_con > ul {display:flex; align-items:center; gap:min(50px, 2.60vw);} #footer > .contents_con > .top_con > .logo_con > ul > li {width:min(185px, 9.64vw);} #footer > .contents_con > .top_con > .logo_con > ul > li:nth-child(2) {width:min(84px, 4.38vw);} #footer > .contents_con > .top_con > .logo_con > ul > li > img {width:100%;} #footer > .contents_con > .top_con > .link_con {} #footer > .contents_con > .top_con > .link_con > ul {display:flex; align-items:center; gap:min(16px, 0.83vw);} #footer > .contents_con > .top_con > .link_con > ul > li {} #footer > .contents_con > .top_con > .link_con > ul > li > a {display:inline-flex; align-items:center; gap:min(8px, 0.42vw); height:min(62px, 3.23vw); border:1px solid #FFF; padding:0 min(16px, 0.83vw) 0 min(24px, 1.25vw);} #footer > .contents_con > .top_con > .link_con > ul > li > a > span {font-size:min(20px, 1.04vw); color:#FFF; font-weight:600; line-height:120%;} #footer > .contents_con > .top_con > .link_con > ul > li > a > img {width:min(30px, 1.56vw); transition:all 0.3s;} #footer > .contents_con > .top_con > .link_con > ul > li > a:hover > img {transform:rotate(45deg);} #footer > .contents_con > .info_con {display:flex; justify-content:space-between; align-items:flex-start; border-bottom:1px solid rgba(255,255,255,0.2); margin-bottom:min(48px, 2.50vw); padding-bottom:min(48px, 2.50vw);} #footer > .contents_con > .info_con > .txt_con {} #footer > .contents_con > .info_con > .txt_con > .title_con {} #footer > .contents_con > .info_con > .txt_con > .title_con > span {font-size:min(16px, 0.83vw); color:#FFF; font-weight:700; line-height:140%;} #footer > .contents_con > .info_con > .txt_con > .list_con {margin:min(24px, 1.25vw) 0 0;} #footer > .contents_con > .info_con > .txt_con > .list_con > ul {display:flex; flex-direction:column; gap:min(16px, 0.83vw);} #footer > .contents_con > .info_con > .txt_con > .list_con > ul > li {} #footer > .contents_con > .info_con > .txt_con > .list_con > ul > li > .list_div {display:flex; align-items:center; gap:min(16px, 0.83vw);} #footer > .contents_con > .info_con > .txt_con > .list_con > ul > li > .list_div > .text01_con {width:min(80px, 4.17vw);} #footer > .contents_con > .info_con > .txt_con > .list_con > ul > li > .list_div > .text01_con > span {font-size:min(16px, 0.83vw); color:rgba(255,255,255,0.8); font-weight:500; line-height:140%;} #footer > .contents_con > .info_con > .txt_con > .list_con > ul > li > .list_div > .text02_con {} #footer > .contents_con > .info_con > .txt_con > .list_con > ul > li > .list_div > .text02_con > span {font-size:min(16px, 0.83vw); color:#FFF; font-weight:500; line-height:140%;} #footer > .contents_con > .info_con > .menu_con {} #footer > .contents_con > .info_con > .menu_con > ul {display:flex; align-items:flex-start; gap:min(40px, 2.08vw);} #footer > .contents_con > .info_con > .menu_con > ul > li {} #footer > .contents_con > .info_con > .menu_con > ul > li > .list_div {display:flex; flex-direction:column; gap:min(16px, 0.83vw);} #footer > .contents_con > .info_con > .menu_con > ul > li > .list_div > .title_con {width:min(105px, 5.47vw);} #footer > .contents_con > .info_con > .menu_con > ul > li > .list_div > .title_con > a {display:inline-block; font-size:min(16px, 0.83vw); color:#FFF; font-weight:600; line-height:140%;} #footer > .contents_con > .info_con > .menu_con > ul > li > .list_div > .sub_menu {} #footer > .contents_con > .info_con > .menu_con > ul > li > .list_div > .sub_menu > ul {display:flex; flex-direction:column; gap:min(8px, 0.42vw);} #footer > .contents_con > .info_con > .menu_con > ul > li > .list_div > .sub_menu > ul > li {} #footer > .contents_con > .info_con > .menu_con > ul > li > .list_div > .sub_menu > ul > li > a {display:inline-block; font-size:min(14px, 0.73vw); color:#B2B9CA; font-weight:500; line-height:140%;} #footer > .contents_con > .copy_con {display:flex; justify-content:space-between; align-items:center;} #footer > .contents_con > .copy_con > span {font-size:min(14px, 0.73vw); color:#B2B9CA; font-weight:500; line-height:140%;} #footer > .contents_con > .copy_con > .sns_con {} #footer > .contents_con > .copy_con > .sns_con > ul {display:flex; align-items:center; gap:min(10px, 0.52vw);} #footer > .contents_con > .copy_con > .sns_con > ul > li {} #footer > .contents_con > .copy_con > .sns_con > ul > li > a {display:inline-block; width:min(50px, 2.60vw);} #footer > .contents_con > .copy_con > .sns_con > ul > li > a > img {width:100%;}