* {font-family:"SpoqaHanSansNeo", sans-serif;} 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.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;} img {border:none; padding:0; margin:0; outline:none;} a {border:none; padding:0; margin: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; padding:0; margin:0; *zoom:1;} ul:after {content:""; display:block; clear:both;} 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:auto; 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("/together/img/sub/select_arrow.png"); background-repeat:no-repeat; background-position:100% 50%; width:100%; } select::-ms-expand {display:none;} .w_con {} .m_con {display:none;} .w_img {display:inline-block; *display:inline; zoom:1; width:100%;} .m_img {display:none;} .w_br {} .m_br {display:none;} .w_bar {} .m_bar {display:none;} /*체크박스 버튼*/ .checkbox_label {display:inline-block; *display:inline; zoom:1; cursor:pointer;} .checkbox_label input[type=checkbox] {display:none;} .checkbox_label .check_icon {display:inline-block; *display:inline; zoom:1; width:30px; height:30px; background-image:url("/together/img/sub/checkbox_icon_off.png"); background-repeat:no-repeat; vertical-align:middle; cursor:pointer;} .checkbox_label span {vertical-align:middle;} .checkbox_label input[type=checkbox]:checked + .check_icon {background-image:url("/together/img/sub/checkbox_icon_on.png");} /*라디오 버튼*/ .radio_label {display:inline-block; cursor:pointer;} .radio_label input[type=radio] {display:none;} .radio_label .check_icon {display:inline-block; width:29px; height:29px; background-image:url("/together/img/sub/radio_icon_off.png"); background-repeat:no-repeat; vertical-align:middle; cursor:pointer;} .radio_label span {vertical-align:middle;} .radio_label input[type=radio]:checked + .check_icon {background-image:url("/together/img/sub/radio_icon_on.png");} /* font-family:"Gotham", sans-serif; */ /*커서*/ #cursor {display:block; pointer-events:none; position:fixed; top:0; left:0; z-index:1000;} #cursor > .circle {width:67px; height:67px; background-color:#ffffff; text-align:center; transform:scale(0); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; transition:all 0.5s ease; opacity:0;} #cursor > .circle span {font-size:16px; color:#2741c7; font-weight:700; line-height:67px; } #cursor.over > .circle {transform:scale(1); opacity:1;} #wrap {width:100%; min-width:280px; margin:0 auto;} /*헤더*/ #header {width:100%; margin:0 auto; border-bottom:1px solid #dddddd; background-color:#ffffff; position:fixed; top:0; left:0; right:0; z-index:100;} #header > .contents_con {display:flex; justify-content:space-between; align-items:center; padding:41px 80px 32px; position:relative; top:-30px; left:0; transition:all 0.8s ease; opacity:1;} #header > .contents_con > .logo_con {width:178px;} #header > .contents_con > .logo_con a {display:inline-block;} #header > .contents_con > .nav_con {} #header > .contents_con > .nav_con > ul {display:flex;} #header > .contents_con > .nav_con > ul:after {display:none;} #header > .contents_con > .nav_con > ul > li {margin-left:70px;} #header > .contents_con > .nav_con > ul > li a {font-size:20px; color:#333333; font-weight:500; line-height:28px; letter-spacing:-0.5px;} #header > .contents_con > .nav_con > ul > li:first-child {margin-left:0;} #header > .contents_con > .btn_con {display:flex; justify-content:space-between; align-items:center;} #header > .contents_con > .btn_con > .img_con {width:77px;} #header > .contents_con > .btn_con > .register_btn {} #header > .contents_con > .btn_con > .register_btn a {display:inline-block; position:relative; top:0; left:0;} #header > .contents_con > .btn_con > .register_btn a img {width:38px; vertical-align:middle;} #header > .contents_con > .btn_con > .register_btn a img.on {position:absolute; top:50%; left:0; transform:translateY(-50%); opacity:0;} #header > .contents_con > .btn_con > .register_btn a span {font-size:22px; color:#333333; font-weight:700; line-height:30px; vertical-align:middle;} #header > .contents_con > .btn_con > .nav_btn {width:34px;} #header > .contents_con > .btn_con > .nav_btn a {display:inline-block; position:relative; top:0; left:0;} #header > .contents_con > .btn_con > .nav_btn a img {} #header > .contents_con > .btn_con > .nav_btn a img.on {position:absolute; top:0; left:0; opacity:0;} #header.scroll > .contents_con {top:0;} /*헤더 메인*/ #header_main {width:100%; margin:0 auto; background-color:rgba(32,55,143,0.56); position:fixed; top:0; left:0; right:0; z-index:100; transition:all 0.3s ease;} #header_main > .contents_con {padding:19px 0 24px;} #header_main > .contents_con > .w_con {transition:all 0.3s ease;} #header_main > .contents_con > .w_con > .logo_con {width:191px; margin:0 auto; transition:all 0.3s ease;} #header_main > .contents_con > .w_con > .logo_con img {} #header_main > .contents_con > .w_con > .logo_con img.scroll {display:none;} #header_main > .contents_con > .w_con > .nav_con {margin-top:22px;} #header_main > .contents_con > .w_con > .nav_con > ul {display:flex; justify-content:center;} #header_main > .contents_con > .w_con > .nav_con > ul:after {display:none;} #header_main > .contents_con > .w_con > .nav_con > ul > li {margin-left:64px;} #header_main > .contents_con > .w_con > .nav_con > ul > li a {font-size:18px; color:#ffffff; font-weight:500; line-height:26px; letter-spacing:-0.5px;} #header_main > .contents_con > .w_con > .nav_con > ul > li:first-child {margin-left:0;} #header_main > .contents_con > .w_con > .btn_con {display:flex; justify-content:space-between; align-items:center; position:absolute; top:50%; right:0; transform:translateY(-50%); opacity:0;} #header_main > .contents_con > .w_con > .btn_con > .img_con {width:77px;} #header_main > .contents_con > .m_con {} #header_main > .contents_con > .m_con > .logo_con {width:150px;} #header_main > .contents_con > .m_con > .logo_con a {display:inline-block;} #header_main > .contents_con > .m_con > .btn_con {display:flex; justify-content:space-between; align-items:center;} #header_main > .contents_con > .m_con > .btn_con > .register_btn {} #header_main > .contents_con > .m_con > .btn_con > .register_btn a {display:inline-block;} #header_main > .contents_con > .m_con > .btn_con > .register_btn a img {width:38px; vertical-align:middle;} #header_main > .contents_con > .m_con > .btn_con > .register_btn a span {font-size:22px; color:#ffffff; font-weight:700; line-height:30px; vertical-align:middle;} #header_main > .contents_con > .m_con > .btn_con > .nav_btn {width:34px;} #header_main > .contents_con > .m_con > .btn_con > .nav_btn a {display:inline-block;} #header_main.scroll {} #header_main.scroll > .contents_con {} #header_main.scroll > .contents_con > .w_con {display:flex; justify-content:space-between; align-items:center; padding:16px 80px 8px;} #header_main.scroll > .contents_con > .w_con > .logo_con {width:178px; margin:0;} #header_main.scroll > .contents_con > .w_con > .logo_con a {display:inline-block;} #header_main.scroll > .contents_con > .w_con > .logo_con a img {display:none;} #header_main.scroll > .contents_con > .w_con > .logo_con a img.scroll {display:block;} #header_main.scroll > .contents_con > .w_con > .nav_con {} #header_main.scroll > .contents_con > .w_con > .nav_con > ul {display:flex;} #header_main.scroll > .contents_con > .w_con > .nav_con > ul:after {display:none;} #header_main.scroll > .contents_con > .w_con > .nav_con > ul > li {margin-left:70px;} #header_main.scroll > .contents_con > .w_con > .nav_con > ul > li a {font-size:20px; color:#ffffff; font-weight:500; line-height:28px; letter-spacing:-0.5px;} #header_main.scroll > .contents_con > .w_con > .nav_con > ul > li:first-child {margin-left:0;} #header_main.scroll > .contents_con > .w_con > .btn_con {position:static; top:0; transform:translateY(0); opacity:1;} /*메인 메뉴*/ #main_nav_bg {display:none; width:100%; height:100%; background-color:#000000; background-color:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index:200;} #main_nav {display:none; width:100%; position:fixed; top:0; left:0; z-index:200;} #main_nav > .contents_con > .main_left_nav {float:left; width:calc(100% - 485px);} #main_nav > .contents_con > .main_right_nav {float:right; width:485px; background-color:#ffffff; padding:54px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #main_nav > .contents_con > .main_right_nav > .btn_con {display:flex; justify-content:space-between; align-items:center; width:190px; margin:0 0 150px 187px;} #main_nav > .contents_con > .main_right_nav > .btn_con > .register_btn {width:122px;} #main_nav > .contents_con > .main_right_nav > .btn_con > .register_btn a {display:inline-block; position:relative; top:0; left:0;} #main_nav > .contents_con > .main_right_nav > .btn_con > .register_btn a img {width:38px; vertical-align:middle;} #main_nav > .contents_con > .main_right_nav > .btn_con > .register_btn a span {font-size:22px; color:#333333; font-weight:700; line-height:44px; vertical-align:middle;} #main_nav > .contents_con > .main_right_nav > .btn_con > .nav_btn {width:34px;} #main_nav > .contents_con > .main_right_nav > .btn_con > .nav_btn a {display:inline-block; position:relative; top:0; left:0;} #main_nav > .contents_con > .main_right_nav > .nav_con {} #main_nav > .contents_con > .main_right_nav > .nav_con > .contents_con {} #main_nav > .contents_con > .main_right_nav > .nav_con > .contents_con > ul {} #main_nav > .contents_con > .main_right_nav > .nav_con > .contents_con > ul > li {margin-top:39px;} #main_nav > .contents_con > .main_right_nav > .nav_con > .contents_con > ul > li a {position:relative; top:0; left:0; z-index:10; font-size:26px; color:#353535; font-weight:700; line-height:34px; letter-spacing:-0.5px;} #main_nav > .contents_con > .main_right_nav > .nav_con > .contents_con > ul > li a:after {content:""; display:block; width:0; height:13px; background-color:rgba(77,111,188,0.65); position:absolute; bottom:0; left:0; z-index:-1; transition:all 0.5s ease;} #main_nav > .contents_con > .main_right_nav > .nav_con > .contents_con > ul > li a:hover:after {width:100%;} #main_nav > .contents_con > .main_right_nav > .nav_con > .contents_con > ul > li a.on:after {width:100%;} #main_nav > .contents_con > .main_right_nav > .nav_con > .contents_con > ul > li:first-child {margin-top:0;} /*컨텐츠*/ #container {width:100%; margin:0 auto;} /*메인컨텐츠*/ #main_con {} #main_con > .contents_con {} /*info01*/ #main_con > .info01_con {height:100vh; word-break:keep-all; position:relative; top:0; left:0;} #main_con > .info01_con .fp-tableCell > .bg_con {width:100%; height:100vh; position:fixed; top:0; left:0; right:0; z-index:-1; overflow:hidden;} #main_con > .info01_con .fp-tableCell > .bg_con > .contents_con {width:100%; transition:all 1s ease; opacity:0; overflow:hidden;} #main_con > .info01_con .fp-tableCell > .bg_con > .contents_con video {width:100vw; min-width:177.77vh; height:calc(56.25vw + 300px); min-height:calc(100vh + 300px); margin:0 auto; position:absolute; top:50%; left:0; transform:translateY(-50%);} #main_con > .info01_con .fp-tableCell > .bg_con.opacity > .contents_con {opacity:1;} #main_con > .info01_con .fp-tableCell > .bg_con:after {content:""; display:block; clear:both; width:100%; height:100%; background:#20378f; background-size:400% 400%; position:absolute; top:0; left:0; animation:info01_gradient 15s ease infinite; opacity:0.35;} #main_con > .info01_con .fp-tableCell > .contents_con {width:100%; max-width:1388px; margin:0 auto; padding:0 54px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #main_con > .info01_con .fp-tableCell > .contents_con > .title_con {text-align:center;} #main_con > .info01_con .fp-tableCell > .contents_con > .title_con > .img_con {width:488px; margin:0 auto;} #main_con > .info01_con .fp-tableCell > .contents_con > .title_con > .img_con > img {width:100%;} #main_con > .info01_con .fp-tableCell > .contents_con > .title_con > .text01_con {margin:12px 0 0;} #main_con > .info01_con .fp-tableCell > .contents_con > .title_con > .text01_con span {font-size:30px; color:#FFF; font-weight:700; line-height:40px; letter-spacing:-0.5px;} #main_con > .info01_con .fp-tableCell > .contents_con > .scroll_con {width:34px; margin:0 auto; position:absolute; bottom:35px; left:0; right:0; z-index:10; cursor:pointer;} #main_con > .info01_con .fp-tableCell > .contents_con > .scroll_con > .mouse_con {margin-bottom:18px;} #main_con > .info01_con .fp-tableCell > .contents_con > .scroll_con > .arrow_con {width:22px; margin:0 auto; animation:upanddown 0.4s infinite alternate ease-out;} /*info02*/ #main_con > .info02_con {background:url("/together/img/main/info02_bg.png") no-repeat center/cover; word-break:keep-all;} #main_con > .info02_con .fp-tableCell > .contents_con {width:100%; max-width:1388px; margin:0 auto; padding:0 54px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #main_con > .info02_con .fp-tableCell > .contents_con > .title_con {margin:40px 0 18px; text-align:center;} #main_con > .info02_con .fp-tableCell > .contents_con > .title_con > .text01_con {margin-bottom:22px;} #main_con > .info02_con .fp-tableCell > .contents_con > .title_con > .text01_con span {font-size:42px; color:#ffffff; font-weight:700; line-height:50px; letter-spacing:-0.5px;} #main_con > .info02_con .fp-tableCell > .contents_con > .img_con {width:62.5%; margin:0 auto;} #main_con > .info02_con .fp-tableCell > .contents_con > .img_con > .img_con {width:100%; max-width:800px; margin:0 auto; background:no-repeat center/cover; box-shadow:0 15px 40px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 15px 40px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 15px 40px rgba(0, 0, 0, 0.4);} #main_con > .info02_con .fp-tableCell > .contents_con > .img_con > .video_con {width:100%; max-width:800px; margin:0 auto; box-shadow:0 15px 40px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 15px 40px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 15px 40px rgba(0, 0, 0, 0.4);} #main_con > .info02_con .fp-tableCell > .contents_con > .img_con > .video_con .video {height:0; padding-bottom:56.25%; position:relative; top:0; left:0;} #main_con > .info02_con .fp-tableCell > .contents_con > .img_con > .video_con .video iframe {width:100%; height:100%; position:absolute; top:0; left:0;} #main_con > .info02_con .fp-tableCell > .contents_con > .list_con {} #main_con > .info02_con .fp-tableCell > .contents_con > .list_con > .text_con {display:flex; flex-direction:column; gap:44px; margin-top:54px; text-align:center;} #main_con > .info02_con .fp-tableCell > .contents_con > .list_con > .text_con span {display:inline-block; font-size:34px; color:#ffffff; font-weight:500; line-height:38px; letter-spacing:-0.5px;} #main_con > .info02_con .fp-tableCell > .contents_con > .list_con > ul {display:flex; flex-direction:column; align-items:flex-start; gap:10px; width:max-content; margin:28px 0 0; position:relative; left:50%; transform:translateX(-50%);} #main_con > .info02_con .fp-tableCell > .contents_con > .list_con > ul > li {} #main_con > .info02_con .fp-tableCell > .contents_con > .list_con > ul > li > .list_div {display:flex; align-items:center; gap:8px;} #main_con > .info02_con .fp-tableCell > .contents_con > .list_con > ul > li > .list_div > .num_con {display:flex; justify-content:center; align-items:center; width:32px; height:32px; background:#5067c8; border-radius:100%;} #main_con > .info02_con .fp-tableCell > .contents_con > .list_con > ul > li > .list_div > .num_con > span {font-size:23px; color:#FFF; font-weight:800; line-height:normal;} #main_con > .info02_con .fp-tableCell > .contents_con > .list_con > ul > li > .list_div > .text_con {} #main_con > .info02_con .fp-tableCell > .contents_con > .list_con > ul > li > .list_div > .text_con > span {font-size:26px; color:#FFF; font-weight:500; line-height:normal;} /*info03*/ #main_con > .info03_con {background:url("/together/img/main/info02_bg.png") no-repeat center/cover; word-break:keep-all;} #main_con > .info03_con .fp-tableCell > .contents_con > .title_con {margin-bottom:35px; text-align:center;} #main_con > .info03_con .fp-tableCell > .contents_con > .title_con span {font-size:56px; color:#ffffff; font-weight:700; line-height:64px; letter-spacing:-0.5px;} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con {width:100%; max-width:1117px; margin:0 auto; position:relative; top:0; left:0;} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con > .slide_con {width:71.5%; margin:0 auto 34px; position:relative; top:0; left:0;} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con > .slide_con:after {content:""; display:block; width:100%; height:0; padding-bottom:56.25%; position:absolute; top:0; left:0; box-shadow:0 15px 40px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 15px 40px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 15px 40px rgba(0, 0, 0, 0.4);} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con > .slide_con .swiper-container {} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con > .slide_con .swiper-container .swiper-wrapper {} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide {background-color:#;} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con {} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con > .video_con {height:0; background-color:#000; padding-bottom:56.25%; margin-bottom:20px; position:relative; top:0; left:0;} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con > .video_con > .video {width:100%; height:100%; position:absolute; top:0; left:0;} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con > .text_con {text-align:center;} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con > .text_con > .text01_con {margin-bottom:3px;} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con > .text_con > .text01_con span {font-size:30px; color:#ffffff; font-weight:300; line-height:38px; letter-spacing:-0.8px;} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con > .text_con > .text02_con {} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con > .text_con > .text02_con span {font-size:22px; color:#ffffff; font-weight:100; line-height:30px; letter-spacing:-0.8px;} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con > .btn_con {width:100%; position:absolute; top:0; left:0; opacity:0; transition:all 0.3s ease;} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con > .btn_con .participate_slide_btn {position:absolute; top:50%; transform:translateY(-50%); z-index:10; transition:all 0.3s ease; cursor:pointer;} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con > .btn_con .participate_slide_prev_btn {left:0;} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con > .btn_con .participate_slide_next_btn {right:0;} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con > .btn_con .participate_slide_btn.swiper-button-disabled {opacity:0.2;} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con > .control_con {} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con > .control_con > .pager_con > .swiper-pagination {position:static; top:0; left:0;} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con > .control_con > .pager_con > .swiper-pagination .swiper-pagination-bullet {width:14px; height:14px; background-color:#ffffff; margin:0 5px; transition:all 0.3s ease; opacity:0.4;} #main_con > .info03_con .fp-tableCell > .contents_con > .slide_con > .control_con > .pager_con > .swiper-pagination .swiper-pagination-bullet-active {opacity:1;} /*info04*/ #main_con > .info04_con {background-color:#ffffff; word-break:keep-all;} #main_con > .info04_con .fp-tableCell > .contents_con {width:100%; max-width:1388px; margin:0 auto; padding:0 54px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #main_con > .info04_con .fp-tableCell > .contents_con > .tt_con {display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:76px;} #main_con > .info04_con .fp-tableCell > .contents_con > .tt_con > .title_con {flex-basis:43%; flex-shrink:0;} #main_con > .info04_con .fp-tableCell > .contents_con > .tt_con > .title_con span {font-size:80px; color:#333333; font-weight:700; line-height:88px; letter-spacing:-0.5px;} #main_con > .info04_con .fp-tableCell > .contents_con > .tt_con > .tab_con {flex-basis:57%;} #main_con > .info04_con .fp-tableCell > .contents_con > .tt_con > .tab_con > ul {display:flex;} #main_con > .info04_con .fp-tableCell > .contents_con > .tt_con > .tab_con > ul:after {display:none;} #main_con > .info04_con .fp-tableCell > .contents_con > .tt_con > .tab_con > ul > li {width:100%; border-bottom:5px solid transparent; cursor:pointer;} #main_con > .info04_con .fp-tableCell > .contents_con > .tt_con > .tab_con > ul > li span {display:block; text-align:center; font-size:26px; color:#333333; font-weight:700; line-height:65px; letter-spacing:-0.75px;} #main_con > .info04_con .fp-tableCell > .contents_con > .tt_con > .tab_con > ul > li.on {border-color:#333333;} #main_con > .info04_con .fp-tableCell > .contents_con > .tab_contents {} #main_con > .info04_con .fp-tableCell > .contents_con > .tab_contents > .tab_con {display:none;} #main_con > .info04_con .fp-tableCell > .contents_con > .tab_contents > .tab_con > .text_con {flex-basis:43%; flex-shrink:0; padding-right:70px; text-align:right; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #main_con > .info04_con .fp-tableCell > .contents_con > .tab_contents > .tab_con > .text_con > .text01_con {margin-bottom:28px;} #main_con > .info04_con .fp-tableCell > .contents_con > .tab_contents > .tab_con > .text_con > .text01_con span {font-size:22px; color:#333333; font-weight:700; line-height:34px; letter-spacing:-0.5px;} #main_con > .info04_con .fp-tableCell > .contents_con > .tab_contents > .tab_con > .text_con > .text02_con {} #main_con > .info04_con .fp-tableCell > .contents_con > .tab_contents > .tab_con > .text_con > .text02_con > .text_div {margin-top:28px;} #main_con > .info04_con .fp-tableCell > .contents_con > .tab_contents > .tab_con > .text_con > .text02_con > .text_div span {font-size:16px; color:#333333; font-weight:500; line-height:26px; letter-spacing:-0.5px;} #main_con > .info04_con .fp-tableCell > .contents_con > .tab_contents > .tab_con > .text_con > .text02_con > .text_div > .title_con {} #main_con > .info04_con .fp-tableCell > .contents_con > .tab_contents > .tab_con > .text_con > .text02_con > .text_div > .title_con span {font-weight:900;} #main_con > .info04_con .fp-tableCell > .contents_con > .tab_contents > .tab_con > .text_con > .text02_con > .text_div > .text_con {} #main_con > .info04_con .fp-tableCell > .contents_con > .tab_contents > .tab_con > .text_con > .text02_con > .text_div > .text_con span {} #main_con > .info04_con .fp-tableCell > .contents_con > .tab_contents > .tab_con > .text_con > .text02_con > .text_div:first-child {margin-top:0;} #main_con > .info04_con .fp-tableCell > .contents_con > .tab_contents > .tab_con > .map_con {flex-basis:57%; height:0; padding-bottom:38.15%; position:relative; top:0; left:0;} #main_con > .info04_con .fp-tableCell > .contents_con > .tab_contents > .tab_con > .map_con .map {background-color:#000; width:100%; height:100%; position:absolute; top:0; left:0;} #main_con > .info04_con .fp-tableCell > .contents_con > .tab_contents > .tab_con > .map_con .map .wrap_map {height:100%;} #main_con > .info04_con .fp-tableCell > .contents_con > .tab_contents > .tab01_con {display:flex;} /*info05*/ #main_con > .info05_con {background:url("/together/img/main/info05_bg.png") no-repeat center/cover;} #main_con > .info05_con .fp-tableCell > .contents_con {width:100%; max-width:1388px; margin:0 auto; padding:0 54px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} /*푸터*/ #footer {width:100%; margin:0 auto; background-color:#222222;} #footer > .contents_con {display:flex; justify-content:space-between; flex-direction:row-reverse; padding:60px 54px 110px;} #footer > .contents_con > .btn_con {} #footer > .contents_con > .btn_con > .nav_con {margin-bottom:32px;} #footer > .contents_con > .btn_con > .nav_con > .contents_con {} #footer > .contents_con > .btn_con > .nav_con > .contents_con > ul {display:flex; justify-content:flex-end;} #footer > .contents_con > .btn_con > .nav_con > .contents_con > ul:after {display:none;} #footer > .contents_con > .btn_con > .nav_con > .contents_con > ul > li {float:left; margin-left:19px;} #footer > .contents_con > .btn_con > .nav_con > .contents_con > ul > li a {font-size:13px; color:#ffffff; font-weight:500; line-height:21px; letter-spacing:-0.5px;} #footer > .contents_con > .btn_con > .nav_con > .contents_con > ul > li:first-child {margin-left:0;} #footer > .contents_con > .btn_con > .sns_con {text-align:right;} #footer > .contents_con > .btn_con > .sns_con > .contents_con {display:inline-block;} #footer > .contents_con > .btn_con > .sns_con > .contents_con > ul {} #footer > .contents_con > .btn_con > .sns_con > .contents_con > ul > li {float:left; margin-left:18px;} #footer > .contents_con > .btn_con > .sns_con > .contents_con > ul > li a {display:inline-block;} #footer > .contents_con > .btn_con > .sns_con > .contents_con > ul > li:first-child {margin-left:0;} #footer > .contents_con > .info_con {} #footer > .contents_con > .info_con > .logo_con {margin-bottom:18px; width:144px;} #footer > .contents_con > .info_con > .text_con {} #footer > .contents_con > .info_con > .text_con span {font-size:16px; color:#ffffff; line-height:22px;} /*탑버튼*/ #top_btn {width:100%; max-width:1440px; margin:0 auto; padding:0 80px; position:fixed; bottom:0; left:0; right:0; z-index:100; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; opacity:0; transition:opacity 0.5s ease;} #top_btn a {display:flex; justify-content:center; align-items:center; width:88px; height:88px; background-color:#5067c8; background-color:rgba(80,103,200,0.7); position:absolute; bottom:70px; right:0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;} #top_btn a#kakao-link-btn {display:none; bottom:178px;} #top_btn a#kakao-link-btn img {width:100%;} #top_btn.scroll {position:fixed; bottom:0; opacity:1;} /*서브컨텐츠*/ #sub_con > .contents_con {width:100%; max-width:1388px; margin:0 auto; padding:240px 54px 250px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #sub_con > .contents_con > .title_con {margin-bottom:85px;} #sub_con > .contents_con > .title_con span {font-size:45px; color:#333333; font-weight:700; line-height:53px; letter-spacing:-4px;} #sub_con > .contents_con.introduce > .title_con {margin-bottom:20px;} /*강사/일정*/ .instructor_con {word-break:keep-all;} .instructor_con > .contents_con {} .instructor_con > .contents_con > .list_con {} .instructor_con > .contents_con > .list_con > ul {display:flex; flex-wrap:wrap;} .instructor_con > .contents_con > .list_con > ul:after {display:none;} .instructor_con > .contents_con > .list_con > ul > li {width:20%; max-width:290px; margin:52px 6.666% 0 0;} .instructor_con > .contents_con > .list_con > ul > li > .list_div {} .instructor_con > .contents_con > .list_con > ul > li > .list_div > .img_con {background:no-repeat center/cover; margin-bottom:22px;} .instructor_con > .contents_con > .list_con > ul > li > .list_div > .img_con.none_img {background-image:url("/together/img/list_none_img.png");} .instructor_con > .contents_con > .list_con > ul > li > .list_div > .text_con {} .instructor_con > .contents_con > .list_con > ul > li > .list_div > .text_con > .text01_con {border-bottom:1px solid #d5d5d5; padding-bottom:8px; margin-bottom:10px;} .instructor_con > .contents_con > .list_con > ul > li > .list_div > .text_con > .text01_con span {font-size:28px; color:#333333; font-weight:300; line-height:36px; letter-spacing:-1px;} .instructor_con > .contents_con > .list_con > ul > li > .list_div > .text_con > .text01_con span .color_text {font-weight:500;} .instructor_con > .contents_con > .list_con > ul > li > .list_div > .text_con > .text02_con {} .instructor_con > .contents_con > .list_con > ul > li > .list_div > .text_con > .text02_con span {font-size:20px; color:#333333; font-weight:300; line-height:28px; letter-spacing:-1px;} .instructor_con > .contents_con > .list_con > ul > li:nth-child(1), .instructor_con > .contents_con > .list_con > ul > li:nth-child(2), .instructor_con > .contents_con > .list_con > ul > li:nth-child(3), .instructor_con > .contents_con > .list_con > ul > li:nth-child(4) {margin-top:0;} .instructor_con > .contents_con > .list_con > ul > li:nth-child(4n) {margin-right:0;} /*팀사역 소개*/ .introduce_con {} .introduce_con > .contents_con {} .introduce_con > .contents_con > .list_con {} .introduce_con > .contents_con > .list_con > .text_con {} .introduce_con > .contents_con > .list_con > .text_con > span {font-size:24px; color:#000; font-weight:500; line-height:26px; letter-spacing:-0.5px;} .introduce_con > .contents_con > .list_con > ul {display:flex; flex-direction:column; margin:8px 0 0;} .introduce_con > .contents_con > .list_con > ul:last-child {content:none;} .introduce_con > .contents_con > .list_con > ul > li {} .introduce_con > .contents_con > .list_con > ul > li > .list_div {display:flex; align-items:center; gap:4px;} .introduce_con > .contents_con > .list_con > ul > li > .list_div > .num_con {flex-shrink:0; display:flex; justify-content:center; align-items:center; width:22px; height:22px; background:#5067c8; border-radius:100%;} .introduce_con > .contents_con > .list_con > ul > li > .list_div > .num_con > span {font-size:18px; color:#FFF; font-weight:800; line-height:normal;} .introduce_con > .contents_con > .list_con > ul > li > .list_div > .text_con {} .introduce_con > .contents_con > .list_con > ul > li > .list_div > .text_con > span {font-size:17px; color:#000; font-weight:500; line-height:28px; letter-spacing:-0.5px;} .introduce_con > .contents_con > .tab_con {margin:36px 0 0;} .introduce_con > .contents_con > .tab_con > ul {display:flex; flex-wrap:wrap; gap:16px 10px;} .introduce_con > .contents_con > .tab_con > ul > li {display:inline-flex; justify-content:center; align-items:center; height:46px; border:1px solid #d9d9d9; background:#f7f7f7; padding:0 26px; border-radius:23px; cursor:pointer;} .introduce_con > .contents_con > .tab_con > ul > li > span {font-size:19px; color:#000; font-weight:800; line-height:30px; letter-spacing:-0.5px;} .introduce_con > .contents_con > .tab_con > ul > li.on {background:#5067c8; border:#5067c8;} .introduce_con > .contents_con > .tab_con > ul > li.on > span {color:#FFF;} .introduce_con > .contents_con > .tab_contents {margin:52px 0 0;} .introduce_con > .contents_con > .tab_contents > .info_con {display:none;} .introduce_con > .contents_con > .tab_contents > .info_con.intro_val01 {display:block;} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con {} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .title_con {border-bottom:1px solid #c9c9c9; padding:0 0 24px; text-align:center;} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .title_con > span {font-size:40px; color:#000; font-weight:900; line-height:48px; letter-spacing:-0.5px;} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con {margin:40px 0 0;} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con > ul {display:flex; flex-wrap:wrap; gap:5%} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con > ul:after {content:none;} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con > ul > li {width:30%; margin:100px 0 0;} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con > ul > li:first-child {margin:0} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con > ul > li:nth-child(2) {margin:0} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con > ul > li:nth-child(3) {margin:0} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con > ul > li.none_li {width:100%; text-align:center; font-size:18px; color:#000; font-weight:500; line-height:250px;} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con > ul > li > .list_div {} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con > ul > li > .list_div > .img_con {background:no-repeat center/cover; border-radius:4px;} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con > ul > li > .list_div > .img_con > img {} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con > ul > li > .list_div > .txt_con {margin:20px 0 0;} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text01_con {display:flex; justify-content:space-between; align-items:flex-end;} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text01_con > .text01 {} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text01_con > .text01 > span {font-size:25px; color:#000; font-weight:900; line-height:30px; letter-spacing:-0.5px;} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text01_con > .text02 {} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text01_con > .text02 > span {font-size:17px; color:#000; font-weight:800; line-height:30px; letter-spacing:-0.5px;} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text02_con {margin:10px 0 0; word-break:break-all;} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text02_con > span {font-size:18px; color:#212126; font-weight:400; line-height:24px; letter-spacing:-0.5px;} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .btn_con {margin:20px 0 0;} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .btn_con > a {display:flex; justify-content:center; align-items:center; gap:4px; width:100%; height:50px; border:1px solid #b3b3b3; border-radius:4px;} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .btn_con > a > img {width:31px;} .introduce_con > .contents_con > .tab_contents > .info_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .btn_con > a > span {font-size:19px; color:#212126; font-weight:700; line-height:normal; letter-spacing:-0.5px;} /*일정표*/ .schedule_con {word-break:keep-all;} .schedule_con > .contents_con {} .schedule_con > .contents_con > .nav_con {min-height:184px; margin-bottom:69px;} .schedule_con > .contents_con > .nav_con > ul {display:flex; align-items:flex-end;} .schedule_con > .contents_con > .nav_con > ul > li {flex:1; border-bottom:8px solid #dedede; text-align:center;} .schedule_con > .contents_con > .nav_con > ul > li span {display:block; font-size:40px; color:#808080; font-weight:500; line-height:48px; letter-spacing:-0.8px;} .schedule_con > .contents_con > .nav_con > ul > li span .color_text {font-size:50px; font-weight:700; line-height:58px; letter-spacing:-0.5px; font-family:"Gotham", sans-serif;} .schedule_con > .contents_con > .nav_con > ul > li.on {border-color:#97623b;} .schedule_con > .contents_con > .nav_con > ul > li.on span {font-size:40px; line-height:48px; color:#97623b;} .schedule_con > .contents_con > .nav_con > ul > li.on span .color_text {font-size:120px; line-height:128px;} .schedule_con > .contents_con > .tab_contents {display:flex; justify-content:space-between;} .schedule_con > .contents_con > .tab_contents > .tab_con {display:block; width:32%;} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con {} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .title_con {margin-bottom:22px;} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .title_con span {font-size:20px; color:#333333; font-weight:500; line-height:28px; letter-spacing:-0.8px;} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .title_con span .color_text {font-size:60px; font-weight:700; line-height:68px; letter-spacing:-0.8px; font-family:"Gotham", sans-serif;} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .list_con {} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .list_con > ul {} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .list_con > ul > li {} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .list_con > ul > li > .list_div {} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .list_con > ul > li > .list_div > .time_con {border-bottom:1px solid #999999; margin-bottom:7px; padding-bottom:3px;} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .list_con > ul > li > .list_div > .time_con > .text01_con {} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .list_con > ul > li > .list_div > .time_con > .text01_con span {font-size:16px; color:#333333; font-weight:500; line-height:24px; letter-spacing:-0.15px;} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .list_con > ul > li > .list_div > .title_con {min-height:104px;} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .list_con > ul > li > .list_div > .title_con span {color:#333333; } .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .text01_con {} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .text01_con span {font-size:26px; font-weight:700; line-height:34px; letter-spacing:-0.6px;} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .text01_con span .color_text {font-size:22px;} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .text01_con span .color_text01 {font-size:16px; font-weight:500;} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .text01_con span .color_text03 {font-size:22px; font-weight:500;} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .text02_con {} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .text02_con span {font-size:20px; font-weight:300; line-height:28px; letter-spacing:-0.8px;} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .list_con > ul > li.color {} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .list_con > ul > li.color > .list_div > .time_con {border-color:#a97364;} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .list_con > ul > li.color > .list_div > .time_con > .text01_con span {color:#a97364;} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .list_con > ul > li.color > .list_div > .title_con span {color:#a97364;} .schedule_con > .contents_con > .tab_contents > .tab_con > .contents_con > .list_con > ul > li.opacity {visibility:hidden;} .schedule_con > .contents_con > .tab_contents.m_con {display:none;} /*포토갤러리*/ .gallery_con {} .gallery_con > .contents_con {} .gallery_con > .contents_con > .list_con {} .gallery_con > .contents_con > .list_con > .w_con > .slide_con {margin-bottom:22px;} .gallery_con > .contents_con > .list_con > .w_con > .slide_con > .swiper-container {} .gallery_con > .contents_con > .list_con > .w_con > .slide_con > .swiper-container .swiper-wrapper {} .gallery_con > .contents_con > .list_con > .w_con > .slide_con > .swiper-container .swiper-wrapper .swiper-slide {width:23.5%; margin-right:2%;} .gallery_con > .contents_con > .list_con > .w_con > .slide_con > .swiper-container .swiper-wrapper .swiper-slide > .contents_con {cursor:pointer;} .gallery_con > .contents_con > .list_con > .w_con > .slide_con > .swiper-container .swiper-wrapper .swiper-slide > .contents_con > .img_con {background:no-repeat center/cover; position:relative; top:0; left:0;} .gallery_con > .contents_con > .list_con > .w_con > .slide_con > .swiper-container .swiper-wrapper .swiper-slide > .contents_con > .img_con:after {content:""; display:block; clear:both; width:100%; height:100%; background-color:#2257c1; background-color:rgba(34,87,193,0.7); position:absolute; top:0; left:0; z-index:10; transition:opacity 0.8s ease; opacity:0;} .gallery_con > .contents_con > .list_con > .w_con > .slide_con > .swiper-container .swiper-wrapper .swiper-slide > .contents_con:hover > .img_con:after {opacity:1;} .gallery_con > .contents_con > .list_con > .w_con > .slide_con > .none_slide {border-top:1px solid #333333; border-bottom:1px solid #333333; text-align:center;} .gallery_con > .contents_con > .list_con > .w_con > .slide_con > .none_slide span {font-size:25px; color:#333333; line-height:500px; letter-spacing:-0.75px;} .gallery_con > .contents_con > .list_con > .w_con > .control_con {display:flex; justify-content:space-between; align-items:center;} .gallery_con > .contents_con > .list_con > .w_con > .control_con > .pager_con {flex-basis:calc(100% - 124px);} .gallery_con > .contents_con > .list_con > .w_con > .control_con > .pager_con > .swiper-thumbnails {} .gallery_con > .contents_con > .list_con > .w_con > .control_con > .pager_con > .swiper-thumbnails > .list_con {height:6px; position:relative; top:0; left:0;} .gallery_con > .contents_con > .list_con > .w_con > .control_con > .pager_con > .swiper-thumbnails > .list_con > .list_div {width:100%; height:100%; background-color:#e4e4e4; position:absolute; top:0; left:0;} .gallery_con > .contents_con > .list_con > .w_con > .control_con > .pager_con > .swiper-thumbnails > .list_con > .list_div > .line {height:100%; position:absolute; top:0; left:0; z-index:10;} .gallery_con > .contents_con > .list_con > .w_con > .control_con > .pager_con > .swiper-thumbnails > .list_con > .list_div.is-active {} .gallery_con > .contents_con > .list_con > .w_con > .control_con > .pager_con > .swiper-thumbnails > .list_con > .list_div.is-active > .line {background-color:#333333; animation-name:gallery_slide_nav_bar; animation-duration:5.5s; animation-fill-mode:forwards;} .gallery_con > .contents_con > .list_con > .w_con > .control_con > .pager_con > .swiper-thumbnails > .list_con > .list_div.is-active:first-child > .line {animation-duration:4s;} .gallery_con > .contents_con > .list_con > .w_con > .control_con > .btn_con {flex-basis:124px; flex-shrink:0; text-align:right;} .gallery_con > .contents_con > .list_con > .w_con > .control_con > .btn_con > .gallery_slide_btn {display:inline-block; vertical-align:middle; cursor:pointer;} .gallery_con > .contents_con > .list_con > .w_con > .control_con > .btn_con > .ps_btn_con {display:inline-block; margin:0 24px; vertical-align:middle; cursor:pointer;} .gallery_con > .contents_con > .list_con > .w_con > .control_con > .btn_con > .ps_btn_con .play_btn {display:none;} .gallery_con > .contents_con > .list_con > .w_con > .control_con > .btn_con > .ps_btn_con .stop_btn {} .gallery_con > .contents_con > .list_con > .m_con {} .gallery_con > .contents_con > .list_con > .m_con > ul {} .gallery_con > .contents_con > .list_con > .m_con > ul > li {margin-top:162px;} .gallery_con > .contents_con > .list_con > .m_con > ul > li > .list_div {} .gallery_con > .contents_con > .list_con > .m_con > ul > li > .list_div > .img_con {background:no-repeat center/cover;} .gallery_con > .contents_con > .list_con > .m_con > ul > li.none_li {border-top:8px solid #3333333; border-bottom:1px solid #333333; text-align:center;} .gallery_con > .contents_con > .list_con > .m_con > ul > li.none_li span {font-size:25px; color:#333333; line-height:500px; letter-spacing:-0.75px;} .gallery_con > .contents_con > .list_con > .m_con > ul > li:first-child {margin-top:0;} .gallery_con > .contents_con > .list_con > .gallery_slide_popup_bg {display:none; width:100%; height:100%; background-color:#000000; background-color:rgba(0,0,0,0.6); position:fixed; top:0; left:0; z-index:200;} .gallery_con > .contents_con > .list_con > .gallery_slide_popup {display:none; width:100%; max-width:1440px; margin:0 auto; padding:0 80px; position:fixed; top:50%; left:0; right:0; transform:translateY(-50%); z-index:300; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .gallery_con > .contents_con > .list_con > .gallery_slide_popup > .contents_con {width:82.5%; margin:0 auto; text-align:center; position:relative; top:0; left:0;} .gallery_con > .contents_con > .list_con > .gallery_slide_popup > .contents_con > .btn_con {position:absolute; top:-39px; right:-38px;} .gallery_con > .contents_con > .list_con > .gallery_slide_popup > .contents_con > .img_con {max-height:70vh; overflow-y:auto;} .gallery_con > .contents_con > .list_con > .gallery_slide_popup > .contents_con > .img_con img {} /*참여간증*/ .participate_con {} .participate_con > .contents_con {} .participate_con > .contents_con > .slide_con {width:100%; max-width:1117px; margin:0 auto; position:relative; top:0; left:0;} .participate_con > .contents_con > .slide_con > .slide_con {width:71.5%; margin:0 auto 34px; position:relative; top:0; left:0;} .participate_con > .contents_con > .slide_con > .slide_con:after {content:""; display:block; width:100%; height:0; padding-bottom:56.25%; position:absolute; top:0; left:0; box-shadow:0 15px 40px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 15px 40px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 15px 40px rgba(0, 0, 0, 0.4);} .participate_con > .contents_con > .slide_con > .slide_con .swiper-container {} .participate_con > .contents_con > .slide_con > .slide_con .swiper-container .swiper-wrapper {} .participate_con > .contents_con > .slide_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide {background-color:#;} .participate_con > .contents_con > .slide_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con {} .participate_con > .contents_con > .slide_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con > .video_con {height:0; background-color:#000; padding-bottom:56.25%; margin-bottom:20px; position:relative; top:0; left:0;} .participate_con > .contents_con > .slide_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con > .video_con > .video {width:100%; height:100%; position:absolute; top:0; left:0;} .participate_con > .contents_con > .slide_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con > .text_con {text-align:center;} .participate_con > .contents_con > .slide_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con > .text_con > .text01_con {margin-bottom:3px;} .participate_con > .contents_con > .slide_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con > .text_con > .text01_con span {font-size:30px; color:#333333; font-weight:300; line-height:38px; letter-spacing:-0.8px;} .participate_con > .contents_con > .slide_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con > .text_con > .text02_con {} .participate_con > .contents_con > .slide_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con > .text_con > .text02_con span {font-size:22px; color:#333333; font-weight:100; line-height:30px; letter-spacing:-0.8px;} .participate_con > .contents_con > .slide_con > .control_con {} .participate_con > .contents_con > .slide_con > .control_con > .btn_con {opacity:0; transition:all 0.3s ease;} .participate_con > .contents_con > .slide_con > .control_con > .btn_con .participate_slide_btn {position:absolute; top:0; z-index:10; transition:all 0.3s ease; cursor:pointer;} .participate_con > .contents_con > .slide_con > .control_con > .btn_con .participate_slide_prev_btn {left:0;} .participate_con > .contents_con > .slide_con > .control_con > .btn_con .participate_slide_next_btn {right:0;} .participate_con > .contents_con > .slide_con > .control_con > .btn_con .participate_slide_btn.swiper-button-disabled img {opacity:0.2;} .participate_con > .contents_con > .slide_con > .control_con > .pager_con > .swiper-pagination {position:static; top:0; left:0;} .participate_con > .contents_con > .slide_con > .control_con > .pager_con > .swiper-pagination .swiper-pagination-bullet {width:14px; height:14px; background-color:#d6d6d6; margin:0 5px; transition:all 0.3s ease; opacity:1;} .participate_con > .contents_con > .slide_con > .control_con > .pager_con > .swiper-pagination .swiper-pagination-bullet-active {background-color:#333333;} /*FAQ*/ .faq_con {} .faq_con > .contents_con > .list_con {} .faq_con > .contents_con > .list_con > ul {} .faq_con > .contents_con > .list_con > ul > li {} .faq_con > .contents_con > .list_con > ul > li > .list_div {} .faq_con > .contents_con > .list_con > ul > li > .list_div > .title_con {display:flex; justify-content:space-between; align-items:center; border-top:5px solid #333333; cursor:pointer;} .faq_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .text_con {padding:20px 27px;} .faq_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .text_con span {font-size:25px; color:#333333; line-height:33px; letter-spacing:-0.75px;} .faq_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .btn_con {flex-basis:32px; flex-shrink:0;} .faq_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .btn_con img {width:auto; max-width:100%;} .faq_con > .contents_con > .list_con > ul > li > .list_div > .text_con {display:none; border-top:1px solid #b5b5b5; padding:20px 59px 20px 27px;} .faq_con > .contents_con > .list_con > ul > li > .list_div > .text_con span {font-size:25px; color:#333333; line-height:33px; letter-spacing:-0.75px;} .faq_con > .contents_con > .list_con > ul > li > .list_div > .text_con span * {font-family:inherit !important; color:inherit !important; font-size:inherit !important; line-height:1.5;} .faq_con > .contents_con > .list_con > ul > li:last-child > .list_div {border-bottom:5px solid #333333;} .faq_con > .contents_con > .list_con > ul > li.none_li {border-top:8px solid #333333; border-bottom:1px solid #333333; text-align:center;} .faq_con > .contents_con > .list_con > ul > li.none_li span {font-size:25px; color:#333333; line-height:500px; letter-spacing:-0.75px;} /*등록하기 공통*/ .register_con {word-break:keep-all;} .register_con > .contents_con {display:flex; justify-content:space-between; width:100%; max-width:1140px; margin:0 auto;} .register_con > .contents_con > .ti_con {flex-basis:260px; flex-shrink:0;} .register_con > .contents_con > .ti_con > .route_con {margin-bottom:3px;} .register_con > .contents_con > .ti_con > .route_con span {font-size:22px; color:#333333; font-weight:300; line-height:30px; letter-spacing:-0.5px; vertical-align:middle;} .register_con > .contents_con > .ti_con > .route_con img {width:8px; margin:0 8px; vertical-align:middle;} .register_con > .contents_con > .ti_con > .route_con img.none_text_w {display:none;} .register_con > .contents_con > .ti_con > .title_con {margin-bottom:70px;} .register_con > .contents_con > .ti_con > .title_con span {font-size:45px; color:#333333; font-weight:700; line-height:50px; letter-spacing:-4px;} .register_con > .contents_con > .ti_con > .img_con {} .register_con > .contents_con > .contents_con {flex-basis:calc(100% - 340px);} .register_con > .contents02_con {max-width:100%;} .register_con > .contents02_con > .contents_con {flex-basis:100%;} /*등록하기 메인*/ .register_main_con {} .register_main_con > .list_con {padding:0 100px;} .register_main_con > .list_con > ul {display:flex; justify-content:space-between;} .register_main_con > .list_con > ul:after {display:none;} .register_main_con > .list_con > ul > li {} .register_main_con > .list_con > ul > li > .list_div {text-align:center;} .register_main_con > .list_con > ul > li > .list_div > .title_con {margin-bottom:50px;} .register_main_con > .list_con > ul > li > .list_div > .title_con span {font-size:60px; color:#333333; font-weight:100; line-height:68px; letter-spacing:-2px;} .register_main_con > .list_con > ul > li > .list_div > .btn_con {display:inline-block; width:224px; margin-bottom:15px;} .register_main_con > .list_con > ul > li > .list_div > .btn_con a {display:block; background:-webkit-gradient(linear, left top, right top, color-stop(0, #8d5e49), color-stop(1, #4743aa)); background:-moz-linear-gradient(left, #8d5e49 0%, #4743aa 100%); background:-webkit-linear-gradient(left, #8d5e49 0%, #4743aa 100%); background:-o-linear-gradient(left, #8d5e49 0%, #4743aa 100%); background:-ms-linear-gradient(left, #8d5e49 0%, #4743aa 100%); font-size:24px; color:#ffffff; font-weight:500; line-height:60px; letter-spacing:-0.5px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} .register_main_con > .list_con > ul > li > .list_div > .text_con {} .register_main_con > .list_con > ul > li > .list_div > .text_con span {font-size:22px; color:#000000; font-weight:300; line-height:33px; letter-spacing:-0.75px;} /*등록하기 폼*/ .regiter_form_con > .write_con {} .regiter_form_con > .write_con > .list_con {margin-bottom:24px;} .regiter_form_con > .write_con > .list_con > form > ul {} .regiter_form_con > .write_con > .list_con > form > ul > li {margin-top:14px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div {display:flex; justify-content:space-between;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .title_con {flex-basis:20%; margin:0 0 20px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .title_con span {font-size:19px; color:#000000; font-weight:700; line-height:28px; letter-spacing:-0.5px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .title_con span .color_text {font-size:30px; color:#d33814; line-height:24px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .title_con span .color_text02 {display:inline-block; font-size:14px; font-weight:400;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .title_con.fee_title_con {flex-basis:unset} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .title_con.fee_title_con > span {font-weight:500;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .title_con.pt_0 {padding-top:0;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .title_con.intro_title {border-bottom:1px solid #cccccc; padding-bottom:37px; margin-bottom:26px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con {flex-basis:80%; border-bottom:1px solid #cccccc; padding-bottom:37px; margin-bottom:26px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .text_con {margin-bottom:10px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .text_con > .text_div {display:flex; margin-top:7px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .text_con > .text_div span {font-size:18px; color:#333333; font-weight:700; line-height:26px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .text_con > .text_div span .color_text {line-height:30px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .text_con > .text_div span .color_text .hypen {display:none;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .text_con > .text_div > .title_con {flex-basis:207px; position:relative; top:0; left:0;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .text_con > .text_div > .title_con span {} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .text_con > .text_div > .title_con span .dot {position:absolute; top:0; right:5px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .text_con > .text_div > .text_con {flex-basis:calc(100% - 207px);} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .text_con > .text_div > .text_con span {} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .text_con > .text_div > .text_con span .border_text {display:inline-block; border:1px solid #333333; padding:0 5px; font-size:14px; border-radius:26px; -webkit-border-radius:26px; -moz-border-radius:26px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .text_con > .text_div:first-child {margin-top:0;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .text_con > .text_div:last-child {margin-top:10px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .img_con {} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .list_con {margin-bottom:25px; padding-top:8px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .list_con > ul {} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .list_con > ul > li {margin-top:8px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .list_con > ul > li > .list_div {display:flex; align-items:flex-start;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .list_con > ul > li > .list_div span {font-size:17px; color:#333333; line-height:25px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .list_con > ul > li > .list_div > .title_con {display:flex; justify-content:space-between; align-items:center; width:50px; margin-right:22px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .list_con > ul > li > .list_div > .title_con span {font-weight:700;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .list_con > ul > li > .list_div > .title_con .bar {width:1px; height:12px; background-color:#cccccc;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .list_con > ul > li > .list_div > .text_con {flex:1;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .list_con > ul > li:first-child {margin-top:0;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con > .list02_con {padding-top:16px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con.bd_none {border:none;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con.mb_0 {margin-bottom:0;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .intro_con.pb_0 {padding-bottom:0;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con {flex-basis:80%; position:relative; top:0; left:0;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con .input {height:55px; border:1px solid #d9d9d9; background-color:#f7f7f7; padding:0 20px; font-size:17px; color:#000000; letter-spacing:-0.25px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con .date_input {padding-right:68px; cursor:pointer;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con .file_input {padding-right:67px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con .select {height:55px; border:1px solid #d9d9d9; background-color:#f7f7f7; padding:0 54px 0 20px; font-size:17px; color:#000000; letter-spacing:-0.25px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con .textarea {height:326px; border:1px solid #d9d9d9; background-color:#f7f7f7; padding:5px 20px; font-size:17px; line-height:34px; color:#000000; letter-spacing:-0.25px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .text_con {margin-top:3px; position:relative; top:0; left:0;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .text_con span {display:inline-block; padding-left:16px; font-size:15px; color:#333333; line-height:23px; letter-spacing:-0.25px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .text_con span .color_text01 {position:absolute; top:0; left:0;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .text_con span .color_text02 {color:#b56122; font-weight:700;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .btn_con {position:absolute; top:50%; right:20px; transform:translateY(-50%);} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .place_con {display:flex;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .place_con > .input_con {flex-basis:60%;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .place_con > .input_con:last-child {flex-basis:40%;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .place_con > .blank_con {flex-basis:14px; flex-shrink:0;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .team_con {display:flex;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .team_con > .input_con.box01 {flex-basis:35%;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .team_con > .input_con.box02 {flex-basis:40%;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .team_con > .input_con.box03 {flex-basis:25%;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .team_con > .blank_con {flex-basis:14px; flex-shrink:0;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .address_con {display:flex;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .address_con > .input_con {flex-basis:251px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .address_con > .blank_con {flex-basis:14px; flex-shrink:0;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .address_con02 {width:100%;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .address_con02 > .input_con {flex-basis:50%;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .tel_con {display:flex;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .tel_con > .input_con {flex:1;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .tel_con > .hypen_con {width:26px; text-align:center;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .tel_con > .hypen_con span {font-size:24px; color:#000000; line-height:55px; letter-spacing:-0.25px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .check_con {} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .check_con > ul {} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .check_con > ul > li {float:left; margin-left:50px; padding-top:15px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .check_con > ul > li .radio_label {} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .check_con > ul > li .radio_label .check_icon {margin-right:5px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .check_con > ul > li .radio_label span {font-size:20px; color:#000000; line-height:56px; letter-spacing:-0.5px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input_con > .check_con > ul > li:first-child {margin-left:0;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input02_con {display:flex; justify-content:space-between;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input02_con > .input01_div {flex-basis:calc(100% - 37%); position:relative; top:0; left:0;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input02_con > .input01_div > .btn_con {display:none; position:absolute; top:50%; right:20px; transform:translateY(-50%);} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input02_con > .input01_div > .btn_con a {font-size:15px; color:#333333; font-weight:700; line-height:23px; letter-spacing:-0.25px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input02_con > .input02_div {flex-basis:calc(100% - 63% - 14px); margin-left:14px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input02_con > .input02_div > .btn_con {} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input02_con > .input02_div > .btn_con > label {display:block; background-color:#97623b; text-align:center; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; cursor:pointer;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input02_con > .input02_div > .btn_con > label span {font-size:18px; color:#ffffff; line-height:55px; letter-spacing:-0.5px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .input02_con > .input02_div > .btn_con > label input {display:none;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .text_con {flex-basis:80%; padding:13px 0 14px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .text_con span {font-size:20px; color:#000000; font-weight:500; line-height:28px; letter-spacing:-0.25px;} .regiter_form_con > .write_con > .list_con > form > ul > li > .list_div > .text_con span .color_text {font-weight:700;} .regiter_form_con > .write_con > .list_con > form > ul > li:first-child {margin-top:0;} .regiter_form_con > .write_con > .list_con.individual {} .regiter_form_con > .write_con > .text_con {border-top:1px solid #d9d9d9; margin-bottom:48px; padding-top:10px} .regiter_form_con > .write_con > .text_con > ul {} .regiter_form_con > .write_con > .text_con > ul > li {position:relative; top:0; left:0;} .regiter_form_con > .write_con > .text_con > ul > li span {display:inline-block; padding-left:20px; font-size:17px; color:#333333; font-weight:500; line-height:25px; letter-spacing:-0.25px;} .regiter_form_con > .write_con > .text_con > ul > li span .circle {position:absolute; top:0; left:0;} .regiter_form_con > .write_con > .agree_con {margin-bottom:18px; text-align:center;} .regiter_form_con > .write_con > .agree_con > .checkbox_label {} .regiter_form_con > .write_con > .agree_con > .checkbox_label .check_icon {margin-right:10px;} .regiter_form_con > .write_con > .agree_con > .checkbox_label a {display:inline-block; border-bottom:1px solid #333333; font-size:22px; color:#333333; font-weight:500; line-height:22px; letter-spacing:-0.85px; vertical-align:middle;} .regiter_form_con > .write_con > .agree_con > .checkbox_label span {font-size:22px; color:#333333; font-weight:500; line-height:30px; letter-spacing:-0.85px;} .regiter_form_con > .write_con > .btn_con {} .regiter_form_con > .write_con > .btn_con a {display:block; background:#5067c8; text-align:center; font-size:24px; color:#ffffff; font-weight:700; line-height:65px; letter-spacing:-1px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} /*등록하기 완료*/ .register_complete_con {padding:90px 0 0;} .register_complete_con > .contents_con {} .register_complete_con > .contents_con > .title_con {text-align:center;} .register_complete_con > .contents_con > .title_con > span {font-size:36px; color:#000; font-weight:800; line-height:54px; letter-spacing:-0.5px;} .register_complete_con > .contents_con > .title_con > span .color_text {color:#2245dc;} .register_complete_con > .contents_con > .info_con {width:760px; margin:0 auto; background:#f7f7f7; margin-top:20px;} .register_complete_con > .contents_con > .info_con > ul {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; padding:30px 0 42px;} .register_complete_con > .contents_con > .info_con > ul:after {content:none;} .register_complete_con > .contents_con > .info_con > ul > li {} .register_complete_con > .contents_con > .info_con > ul > li > .list_div {display:flex; align-items:flex-end; gap:10px;} .register_complete_con > .contents_con > .info_con > ul > li > .list_div > .title_con {} .register_complete_con > .contents_con > .info_con > ul > li > .list_div > .title_con > span {font-size:16px; color:#000; font-weight:400; line-height:24px; letter-spacing:-0.5px;} .register_complete_con > .contents_con > .info_con > ul > li > .list_div > .text_con {} .register_complete_con > .contents_con > .info_con > ul > li > .list_div > .text_con > span {font-size:22px; color:#000; font-weight:700; line-height:30px; letter-spacing:-0.5px;} /*애니메이션 - wow fadeInUp*/ @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } /*애니메이션 - wow fadeInLeft*/ @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /*애니메이션 - wow fadeInRight*/ @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /*애니메이션 - info01 배경*/ @-webkit-keyframes info01_gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes info01_gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /*애니메이션 - info01 스크롤*/ @-webkit-keyframes upanddown { 0% { transform:translate(0,5px); } 100% { transform:translate(0,0); } } @keyframes upanddown { 0% { transform:translate(0,5px); } 100% { transform:translate(0,0); } } /*애니메이션 - info03 텍스트 배경*/ @-webkit-keyframes info03_text_bg { 0%, 100% { background-position: left top; } 25%{ background-position: right bottom; } 50% { background-position: left bottom; } 75% { background-position: right top; } } @keyframes info03_text_bg { 0%, 100% { background-position: left top; } 25%{ background-position: right bottom; } 50% { background-position: left bottom; } 75% { background-position: right top; } } /*애니메이션 - 포토갤러리 슬라이드 바*/ @-webkit-keyframes gallery_slide_nav_bar { 0% { width:0; } 100% { width:100%; } } @keyframes gallery_slide_nav_bar { 0% { width:0; } 100% { width:100%; } } /*애니메이션 - info03 민들레*/ @-webkit-keyframes info03_dandelion_bg { 0%{ transform: translateY(0) rotate(0deg); opacity: 1; } 100%{ transform: translateY(-800px) rotate(720deg); opacity: 0; } } @keyframes info03_dandelion_bg { 0%{ transform: translateY(0) rotate(0deg); opacity: 1; } 100%{ transform: translateY(-800px) rotate(720deg); opacity: 0; } } :root { --animation-time: 0s; --left: 0; }