@charset "utf-8"; /* @import url("contents_02.css"); */ /********** common ***********/ .pl26 { padding-left: 26px; } .pr26 { padding-right: 26px; } .pr70 { padding-right: 70px; } .bg-1F2123 { background-color: #1F2123; } .bg-282B30 { background-color: #282B30; } .bg-3C424C { background-color: #3C424C; } .color-FFFFFF { color: #ffffff; } .color-A8A8A8 { color: #A8A8A8; } .color-D50032 { color: #D50032; } .color-FF3030 { color: #ff3030; } .file-input input { position:absolute; width:0; height:0; overflow:hidden; opacity: 0; } .file-txt-input,.file-txt-input:focus { height: 42px !important; line-height: 42px !important; border: 0px !important; width: calc(100% - 91px) !important; background-color: transparent !important; } .table-title-wrap { padding: 24px 32px; background-color: #333841; } #contentsWrap #member { padding-top: 88px; word-break: keep-all; color: #a8a8a8; } #member h2 { color: #fff; } #member hr { background-color: #3C424C; } #member .w-792 { max-width: 792px; margin: 0 auto; padding: 0 66px; } #member .step-wrap { padding: 25px 35px 32px; border-top: 1px solid #3C424C; border-bottom: 1px solid #3C424C; } #member .step-wrap ul { overflow: hidden; } #member .step-wrap ul li { width: calc( 25% - 75px); float: left; margin-right: 100px; position: relative; color: #6D6D6D; } #member .step-wrap ul li::after { content: ''; width: 25px; height: 44px; position: absolute; right: -35px; top: 50%; transform: translateY(-50%); background: url('/resources/images/page/icon_step_arrow.svg')no-repeat center; background-size: cover; } #member .step-wrap ul li:last-child { margin-right: 0; } #member .step-wrap ul li:last-child::after { content: none; } #member .step-wrap ul li.active { color: #A8A8A8; } #member .step-wrap ul li.active p { color: #fff; } #member .step-wrap ul li span { display: block; margin-bottom: 2px; margin-top: 15px; color: #4A4A4A; } #member .step-wrap .img-wrap { width: 90px; height: 90px; border-radius: 50%; background-repeat: no-repeat; background-position: center; float: left; margin-right: 16px; background-size: cover; } #member .step-wrap li:nth-child(1) .img-wrap { background-image: url('/resources/images/page/icon_step01.svg'); } #member .step-wrap li:nth-child(2) .img-wrap { background-image: url('/resources/images/page/icon_step02.svg'); } #member .step-wrap li:nth-child(3) .img-wrap { background-image: url('/resources/images/page/icon_step03.svg'); } #member .step-wrap li:nth-child(4) .img-wrap { background-image: url('/resources/images/page/icon_step04.svg'); } #member .step-wrap ul li.active .img-wrap { background-color: #228893; } #member .step-wrap li.active:nth-child(1) .img-wrap { background-image: url('/resources/images/page/icon_step01_w.svg'); } #member .step-wrap li.active:nth-child(2) .img-wrap { background-image: url('/resources/images/page/icon_step02_w.svg'); } #member .step-wrap li.active:nth-child(3) .img-wrap { background-image: url('/resources/images/page/icon_step03_w.svg'); } #member .step-wrap li.active:nth-child(4) .img-wrap { background-image: url('/resources/images/page/icon_step04_w.svg'); } #member .member-age-wrap .col-lg-6 { padding-right: 12px; } #member .member-age-wrap .col-lg-6 + .col-lg-6 { padding-right: 18px; padding-left: 12px; } #member .member-age-wrap .num { display: inline-flex; justify-content: center; align-items: center; width: 36px; height: 36px; margin-right: 20px; border-radius: 50%; background-color: #fff; color: #1F2123; font-size: 24px; font-weight: bold; } #member .member-age-wrap .notice { display: inline-block; margin-left: 12px; letter-spacing: -0.98px; } #member .member-age-wrap .sized-box { display: inline-block; min-width: 387px; } #member .confirm-wrap { margin-top: 44px; padding: 72px 81px; overflow: hidden; position: relative; } #member .confirm-wrap > div { display: inline-block; width: 100%; margin-right: -4px; vertical-align: middle; overflow: hidden; } #member #age15 .confirm-wrap > .info-wrap { padding-right: 10px; } #member .confirm-wrap p:first-child { letter-spacing: -0.98px; } #member .info-wrap { max-width: 665px; } #member .link-wrap { max-width: 504px; margin: 0 auto; overflow: hidden; } #member .link-wrap a { float: left; width: calc(50% - 9px); background-color: #228893; padding: 26px 10px; height: 220px; margin-right: 16px; margin-bottom: 36px; } #member #age15 .link-wrap a { margin-bottom: 0; } #member .link-wrap a img { margin-bottom: 12px; } #member .link-wrap a:last-child { margin-right: 0; background: #3C424C; } #member #age14 .agent .confirm-wrap { padding: 54px 79px; } #member #age14 .confirm-wrap > div { vertical-align: top; } #member #age14.auth.active p.font28 { opacity: 0.4; } #member #age14 .agent .link-wrap a { background-color: #63428F; } #member #age14 .link-wrap a:last-child { background-color: #3C424C; } #member .bull { padding-left: 12px; letter-spacing: -0.6px; } #member .bull:before { border-radius: 0; top: 8px; background-color: #838F91; } #member .bg-wrap { position: relative; padding: 162px 0 166px; background: url('/resources/images/page/bg_step04.png')no-repeat center; background-size: cover; } #member .login-wrap { width: 100%; max-width: 420px; margin: 0 auto; color: #fff; } #member .login-wrap .input-item { max-width: 100%; } #member .login-wrap .input-item input { background-color: transparent; border-bottom: 1px solid #fff; padding: 8px 0; } #member .login-wrap .btn { height: 58px; line-height: 58px; } #member .login-wrap .divide { margin: 0 12px; background-color: #fff; } #member .login-wrap .btn-wrap a { display: inline-block; color: #fff; background: #3AB014; } #member .login-wrap .btn-wrap .kakao { background-color: #FFCD00; } #member .login-wrap .btn-wrap .kakao .img-wrap { border-right: 1px solid #E3B704; } #member .login-wrap .img-wrap { padding: 17px; border-right: 1px solid #359018; } #member .login-wrap .btn-wrap span { display: block; float: left; } #member .login-wrap .btn-wrap span + span { width: calc( 100% - 59px); padding: 17px 0; } #member .input-wrap { width: 100%; max-width: 538px; padding: 40px 0px; margin: 0px auto; } #member .input-wrap.w712 { width: 100%; max-width: 712px; padding: 40px 0px; margin: 0px auto; } #member .input-wrap .tablest .th { display: table-cell; vertical-align: top; padding: 8px 0 8px 0px; height: 42px; font-size: 18px; font-weight: normal !important; color: #ffffff; background-color: #282B30; border-bottom: 0px; width: 14%; } #member .input-wrap .tablest .td { display: table-cell; vertical-align: middle; padding: 0px 0px; height: 42px; font-weight: 400; background-color: #282B30; border: none; border-bottom: 0px; word-break: break-all; } #member .input-wrap .tablest .tr .td .input-item { max-width: 100%; } #member .input-wrap .tablest .tr .th { padding-top: 16px; } #member .input-wrap .tablest .tr .td { padding-top: 8px; } #member .input-wrap .tablest .tr .td.e-mail .input-item:nth-of-type(1) { max-width: 128px; } #member .input-wrap .tablest .tr .td.e-mail .input-item:nth-of-type(3) { max-width: 198px; } #member .input-wrap .tablest .tr .td.e-mail .at { display: inline-block; width: 22px; line-height: 42px; text-align: center; } #member .input-wrap .tablest .tr .td .select-item { max-width: 118px; margin-left: 8px; margin-top: 0px; } #member .input-wrap .btn { height: 42px; line-height: 42px; } #member .accordion-item .accordion-con .answer::before { display: none; } #member .member-terms .checkbox-item input[type="checkbox"] + label:after { top: 12px; } #contents2-2-6 .academy .map-wrap { width: 100%; height: 400px; background-color: #3C424C;} #contents2-2-6 .academy .desc ul li.after-hide{ padding-left:0; } #contents2-2-6 .academy .desc ul li.after-hide:after { display: none; } #contents2-2-6 .academy .step-list ul { position: relative; padding: 0 10.2%; box-sizing: border-box; overflow: hidden; } #contents2-2-6 .academy .step-list ul:first-child { margin-bottom: 100px; } #contents2-2-6 .academy .step-list ul:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 24px; background-color: #292D33; border-radius: 14px; } #contents2-2-6 .academy .step-list ul li { position: relative; padding-top: 24px; float: left; width: 22.4%; color: #ffffff; font-size: 20px; line-height: 26px; } #contents2-2-6 .academy .step-list ul li + li { margin-left: 3.3%; } #contents2-2-6 .academy .step-list ul li:after { content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 24px; background: #6E7581; border: 7px solid #424A57; border-radius: 100%; box-sizing: border-box; z-index: 1; } #contents2-2-6 .academy .step-list ul li:nth-child(5n){ margin-left: 0; } #contents2-2-6 .academy .step-list ul li span { display: block; } #contents2-2-6 .academy .step-list ul li span:first-child { margin-bottom: 4px; margin-top: 20px; font-family: 'Rajdhani'; font-weight: bold; letter-spacing: 0; } #contents2-2-6 .academy .step-list ul li span:last-child { font-size: 18px; letter-spacing: -0.67px; word-break: keep-all; } #contents2-2-6 .academy .btn-wrap .btn.match > span { height: 24px; padding: 5px 0px 5px 32px; background-repeat: no-repeat; background-position: left center; background-image: url(/resources/images/page/icon_academyapply_w.svg); } #contents2-2-6 .academy .btn-wrap .btn.match:hover > span { background-image: url(/resources/images/page/icon_academyapply.svg); } #contents2-2-6 .academy .layerpop-wrap .layerpop .layer-body .join-name .input-item { max-width: 100%; } #contents2-2-6 .academy .layerpop .tablest .tr .td .textarea-item textarea { height: 141px; } #contents2-2-6 .academy .layerpop-wrap .layerpop .layer-body .radio-item + .radio-item { margin-left: 48px; } #contents2-2-6 .academy .root_daum_roughmap .wrap_btn_zoom { z-index: 1; } #contents2-2-6 .academy .nanumsc { font-family: 'NanumSquareRound'; } #contents1-2 .list-slider .slick-slide .item img , #contents3-1-2 .list-slider .slick-slide .item img { top:50%; transform: translate(-50% , -50%); max-width: 100%; max-height: 100%; height: auto !important; } #contents1-2 .list-slider .slick-slide .item , #contents3-1-2 .list-slider .slick-slide .item { background-color: transparent; } #contents5-3 .default-wrap { position:relative; } /* #contents5-3 .title-wrap { text-align: center; position:relative; background-image: url(/resources/images/common/bg_bird03.png); background-repeat: no-repeat; background-position: left top -30px; } */ #contents5-3 .title-wrap p { font-size: 40px; color: #FFFFFF; letter-spacing: -1.5px; text-align: center; line-height: 52px; } #contents5-3 .symbol-wrap { padding-bottom: 200px; } #contents5-3 .symbol-wrap .title { color: #ffffff; } #contents5-3 .symbol-wrap .symbol .item .img-wrap { position: relative; width: 70%; float: left; } #contents5-3 .symbol-wrap .symbol .item .img-wrap img { width: 100%; } #contents5-3 .symbol-wrap .symbol .item .txt-wrap { float: left; width: calc( 30% - 36px ); margin-left: 36px; color: #ffffff; } #contents5-3 .symbol-wrap .symbol .item .txt-wrap .btn { line-height: 54px; height: 54px; } #contents5-4 .default-wrap { position:relative; } /* #contents5-4 .title-wrap { text-align: center; position:relative; background-image: url(/resources/images/common/bg_bird03.png); background-repeat: no-repeat; background-position: left top -30px; } */ #contents5-4 .title-wrap p { font-size: 40px; color: #FFFFFF; letter-spacing: -1.5px; text-align: center; line-height: 52px; } #contents5-4 .organization-wrap { padding-bottom: 200px; } #contents5-4 .organization-wrap .title { color: #ffffff; } #contents5-4 .organization-wrap .organization > div { position: relative; margin: 0 auto; text-align: center; width: 132px; height: 132px; line-height: 132px !important; border-radius: 100%; } #contents5-4 .organization-wrap .organization .ceo { font-family: 'Rajdhani'; background: #228893; z-index: 1; } #contents5-4 .organization-wrap .organization .ceo::before { content: ""; position: absolute; width: 169px; height: 169px; left: 50%; top: 50%; opacity: 0.3; border-radius: 100%; background: #228893; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); z-index: -1; } #contents5-4 .organization-wrap .organization .ceo::after { content: ""; position: absolute; width: 1px; height: 50px; left: 50%; bottom: -50px; background-color: #3C424C; } #contents5-4 .organization-wrap .organization .secretary { margin-top: 50px; background: #1F2123; border: 1px solid #FFFFFF; text-align: center; z-index: 1; } #contents5-4 .organization-wrap .organization .secretary::after { content: ""; position: absolute; width: 1px; height: 243px; left: 50%; bottom: -245px; background-color: #3C424C; transform: translateX(-50%); } #contents5-4 .organization-wrap .organization ul { position: relative; display: flex; justify-content: space-between; width: 100%; max-width: 1078px; margin: -2px auto 0; } #contents5-4 .organization-wrap .organization ul:after { content: ""; position: absolute; width: calc(100% - 207px); height: 1px; left: 50%; top: 0; background-color: #3C424C; transform: translateX(-51.2%); } #contents5-4 .organization-wrap .organization ul li { position: relative; text-align: center; margin: 0; } #contents5-4 .organization-wrap .organization ul li + li { margin-left: 40px; } #contents5-4 .organization-wrap .organization ul li:after { content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 80px; background-color: #3C424C; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); } /* #contents5-4 .organization-wrap .organization ul li + li{ margin-left: 80px; } */ #contents5-4 .organization-wrap .organization ul li > div { position: relative; box-sizing: border-box; padding: 20px 24px 24px; background-color: #282B30; font-size: 20px; letter-spacing: -0.7px; line-height: 28px; } #contents5-4 .organization-wrap .organization ul li > div:after { content: ""; position: absolute; left: 50%; top: 0; width: 5px; height: 5px; border-radius: 100%; background-color: #ffffff; -webkit-transform: translateX( -50% ); -moz-transform: translateX(-50%); transform: translateX(-50%); } #contents5-4 .organization-wrap .organization ul li > div hr{ background-color: #3C424C; } #contents5-4 .organization-wrap .organization ul li > div > span { letter-spacing: -0.6px; line-height: 24px; word-break: keep-all; } #contents5-4 .organization-wrap .organization ul.team-one { justify-content: center; } #contents5-4 .organization-wrap .organization ul.team-one:after { display: none; } #contents5-4 .organization-wrap .organization ul.team-one li { width: 264px; } #contents5-4 .organization-wrap .organization ul.team-one li + li { margin-left: 158px; } #contents5-4 .organization-wrap .organization ul.team-one li:after { width: 79px; height: 1px; top: 55%; left: -79px; transform: translateY(-50%); } #contents5-4 .organization-wrap .organization ul.team-one li > div:after { top: 55%; left: 0; transform: translateY(-50%); } #contents5-4 .organization-wrap .organization ul.team-one li:first-child:after { left: auto; right: -79px; } #contents5-4 .organization-wrap .organization ul.team-one li:first-child > div:after { left: auto; right: 0; } #contents5-5 .default-wrap { position:relative; } /* #contents5-5 .title-wrap { text-align: center; position:relative; background-image: url(/resources/images/common/bg_bird03.png); background-repeat: no-repeat; background-position: left top -30px; } */ #contents5-5 .title-wrap p { font-size: 40px; color: #FFFFFF; letter-spacing: -1.5px; text-align: center; line-height: 52px; } #contents5-5 .partner-wrap { padding-bottom: 200px; } #contents5-5 .partner-wrap .title { color: #ffffff; } #contents5-5 .partner-wrap .partner ul li .logo-wrap { position: relative; width: 100%; background-color: #282B30; padding-bottom: 42%; } #contents5-5 .partner-wrap .partner ul li .logo-wrap img { position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%,-50%); } #contents5-5 .partner-wrap .partner ul li span { display: block; color: #A8A8A8; } #contents5-7-2 .accordion-item { cursor: auto; } #contents5-7-2 .accordion-item .question { position: relative; padding: 16px; padding-right: 56px; } #contents5-7-2 .accordion-item .accordion-con { display: block; } #contents5-7-2 .accordion-item .accordion-con .answer::before { display: none; } #contents5-7-2 .pagination-wrap .pagination { padding-left: 0; padding-right: 0; } #contents5-7-2 .accordion-item .accordion-con .answer { padding-left: 0; } #contents5-7-2 .certi-wrap .w-792 { max-width: 792px; margin: 0 auto; padding: 0 19px; } #contents5-7-2 .certi-wrap .link-wrap { overflow: hidden; } #contents5-7-2 .certi-wrap .link-wrap a { float: left; width: calc( 50% - 8px); background-color: #228893; padding: 38px 0 36px; height: 270px; margin-right: 16px; } #contents5-7-2 .certi-wrap .link-wrap a img { display: block; margin: 0 auto; margin-bottom: 28px; } #contents5-7-2 .certi-wrap .link-wrap a:last-child { margin-right: 0; background: #3C424C; padding-top: 46px; } #contents5-7-2 .certi-wrap .link-wrap a:last-child img { margin-bottom: 36px; } #contents5-7-2 .certi-wrap .default-wrap dl dt { letter-spacing: -0.98px; } #contents5-7-2 .tablest-wrap .tablest .td.phon { color: #ffffff; } #contents5-7-2 .bg-wrap { position: relative; padding: 162px 0 166px; background: url('/resources/images/page/bg_step04.png')no-repeat center; background-size: cover; } #contents5-7-2 .checkbox-item input[type="checkbox"] + label:after { top: 12px; } #contents6-2 .title-wrap p { font-size: 40px; color: #FFFFFF; letter-spacing: -1.5px; text-align: center; line-height: 52px; } #contents6-2 .fctraining-wrap .title { color: #FFFFFF;} #contents6-2 .fctraining-wrap .text-wrap { color: #FFFFFF; } #contents6-2 .fctraining-wrap .desc.deco { position: relative; padding-left: 12px; } #contents6-2 .fctraining-wrap .desc li { margin-top: 8px; } #contents6-2 .fctraining-wrap .desc .greecenum { letter-spacing: -9px; } #contents6-2 .fctraining-wrap .desc.deco::after { content: ""; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background-color: #fff; } #contents6-2 .fctraining-wrap .image-wrap { color: #FFFFFF; } #contents6-2 .fctraining-wrap .image-wrap ul li { width: calc(50% - 16px); float: left; position:relative; } #contents6-2 .fctraining-wrap .image-wrap ul li + li { margin-left: 32px; } #contents6-2 .fctraining-wrap .image-wrap ul li:nth-child(2n-1) { margin-left: 0; } #contents6-2 .fctraining-wrap .image-wrap ul li .caption { position: absolute; bottom:0; left: 0; color:#ffffff; font-size: 14px; letter-spacing: -0.52px; line-height: 22px; height: 110px; background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.70) 100%); width: 100%; } #contents6-2 .fctraining-wrap .image-wrap ul li .caption span { position: absolute; bottom:16px; left: 16px; } #contents6-2 .fctraining-wrap .image-wrap img { display: block; width: 100%; } #contents6-2 .fctraining-wrap .table.type3 tr td { border-color: #3C424C } #contents6-3 .title-wrap p { font-size: 40px; color: #FFFFFF; letter-spacing: -1.5px; text-align: center; line-height: 52px; } #contents6-3 .attack-wrap .title { color: #FFFFFF;} #contents6-3 .attack-wrap .text-wrap { color: #FFFFFF; } #contents6-3 .attack-wrap .text-wrap .desc ul li {position:relative;font-size: 18px;letter-spacing: -0.68px; line-height: 26px; color: #FFFFFF; } #contents6-3 .attack-wrap .text-wrap .desc > ul li::after { background: #ffffff; } #contents6-3 .attack-wrap .program .desc > ul li:nth-child(2) span { padding-left: 98px; } #contents6-3 .attack-wrap .text-wrap .desc > ul li span { padding-left: 40px; font-size: 18px; color: #A8A8A8; letter-spacing: -0.68px; line-height: 26px; font-weight:normal; } #contents6-4 .title-wrap p { font-size: 40px; color: #FFFFFF; letter-spacing: -1.5px; text-align: center; line-height: 52px; } #contents6-4 .campionship-wrap .title { color: #FFFFFF;} #contents6-4 .campionship-wrap .text-wrap { color: #FFFFFF; } #contents6-4 .campionship-wrap .text-wrap .desc ul li {position:relative;font-size: 18px;letter-spacing: -0.68px; line-height: 26px; color: #FFFFFF; } #contents6-4 .campionship-wrap .text-wrap .desc > ul li::after { background: #ffffff; } #contents6-4 .campionship-wrap .program .desc > ul li strong , #contents6-4 .campionship-wrap .program .desc > ul li span { display: inline-block; vertical-align: top; } #contents6-4 .campionship-wrap .text-wrap .desc > ul li span { padding-left: 40px; font-size: 18px; color: #A8A8A8; letter-spacing: -0.68px; line-height: 26px; font-weight:normal; } #contents6-6 .goalsupport-wrap { background-color: #2F3439; color: #ffffff; } #contents6-6 .goalsupport-wrap .txt-wrap { position: relative; padding: 80px 100px 100px; text-align: center; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div { display: inline-block; position: relative; white-space: nowrap; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div .subtit{ text-align: center; font-size: 22px; line-height: 30px; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div span { display: inline-block; text-align: center; width: 52px; padding: 0 8px; line-height: 82px; font-size: 64px; background-color: #000000; color: #ffffff; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div span.num { position: relative; z-index: 1; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div .num + .num { margin-left: 3px; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div span.num::after { content:""; position: absolute; left: 0; top: 0; width: 100%; height: 50%; transform: rotate(-180deg); background-image: linear-gradient(180deg, rgba(151,151,151,0.30) 0%, rgba(0,0,0,0.02) 100%); z-index: -1; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div span.comma { width: 14px; background-color: transparent; transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); -webkit-transform: translateY(20px); padding: 0; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div.sign { padding-right: 0; padding: 0 16px; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div.sign img { margin-top: -18px; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div:nth-child(3) p { max-width: calc(100% - 24px); } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div:nth-child(5) p { max-width: calc(100% - 24px); } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div:nth-child(4) { padding-right: 40px; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div+div span:last-child { padding: 0; font-size: 20px; width: inherit; height: inherit; line-height: 22px; background-color: transparent; vertical-align: bottom; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div:last-child , #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div:last-child span { color: #53AEB7; } #contents6-6 .goalsupport-wrap .txt-wrap .standard-date { position: absolute; right: 22px; top: 20px; font-size: 14px; } #contents7 .menu-wrap { text-align: center; } #contents7 .menu-wrap ul li { border-top:1px solid #414446; border-bottom:1px solid #414446; border-left: 1px solid #414446; height: 60px; background: #000; } #contents7 .menu-wrap ul li:last-child { border-right: 1px solid #414446; } #contents7 .menu-wrap ul li.active { background:#228893; border-color: #228893; } #contents7 .menu-wrap ul li a { display: block; height: 100%; line-height: 60px; color:#A8A8A8; } #contents7 .menu-wrap ul li.active a { color: #ffffff; } #contents7 .visual-wrap .profile-wrap { position: relative; background-color: #333841; height: 500px; } #contents7 .visual-wrap .profile-wrap .bg-wrap { width: 100%; height: 232px; overflow: hidden; background: url('/resources/images/page/bg_profile.png')no-repeat center top; background-size: cover; } #contents7 .visual-wrap .profile-wrap .profile { margin-top: -97px; } #contents7 .visual-wrap .profile-wrap .profile-img { position: relative; overflow: hidden; width: 134px; height: 134px; margin: 0 auto; background: #3C424C; border-radius: 50%; border: 4px solid #d8d8d8; z-index: 1; } #contents7 .visual-wrap .profile-wrap .profile-img img { position: absolute; width: 100%; top: 0; left: 50%; transform: translateX(-50%); } #contents7 .visual-wrap .day-wrap > span { display: inline-block; } /* #contents7 .right .top a { display: block; height: 232px; margin-bottom: 32px; padding-top: 173px; background-position: center top 32px; background-repeat: no-repeat; background-color: #63428F; } #contents7 .right .top a.icon1 { background-image: url(/resources/images/page/icon_mypage1.svg); } #contents7 .right .top a.icon2 { background-image: url(/resources/images/page/icon_mypage2.svg); } #contents7 .right .top a.icon3 { background-image: url(/resources/images/page/icon_mypage3.svg); } */ #contents7 .right .bottom a { display: block; height: 232px; background-color: #228893; padding: 32px 0px; } #contents7 .season .table-wrap { overflow-x: hidden; overflow-y: auto; width: 100%; max-height: 336px; } #contents7 .season .table-wrap + p { margin-top: 12px; } #contents7 .season .table-wrap .table { position: relative; } #contents7 .expedition .table-wrap { overflow-x: hidden; overflow-y: auto; width: 100%; max-height: 336px; } #contents7 .expedition .table-wrap tr { cursor: pointer; } /* 202301 마이페이지 등급 추가 */ #contents7 .grade .visual-wrap .col-wrap { width: 100%; margin: auto; } #contents7 .grade .visual-wrap .profile-wrap .membership-wrap { display: inline-block; padding: 0 18px; border-radius: 15px; height: 30px; line-height: 30px; } #contents7 .grade .visual-wrap .season-point { height: 196px; margin-bottom: 36px; background-color: #333841; padding: 23px 44px; position: relative; } #contents7 .grade .visual-wrap .season-point .tooltip { display: inline-block; width: 23px; height: 23px; background-color: rgba(0, 0, 0, 0.4); color: #A8A8A8; font-size: 15px; vertical-align: text-top; margin-left: 4px; cursor: pointer; position: relative; border-radius: 50%; text-align: center; } #contents7 .grade .visual-wrap .season-point .tooltip-info { display: none; padding: 14px 15px; background-color: #16181B; border-radius: 8px; position: absolute; top: 65px; left: 49px; opacity: 0; z-index: 1; } #contents7 .grade .visual-wrap .season-point .tooltip-info p span { display: inline-block; width: 18px; margin-left: 4px; vertical-align: middle; } #contents7 .grade .visual-wrap .season-point .tooltip-info p span img { width: 100%; } #contents7 .grade .visual-wrap .season-point .tooltip-info::before { content: ''; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 7px solid #16181B; position: absolute; top: -7px; right: 118px; } #contents7 .grade .visual-wrap .season-point .tooltip-info.active { display: block; animation: tooltip-ani 500ms ease-out forwards; -webkit-animation: tooltip-ani 500ms ease-out forwards; } @keyframes tooltip-ani { 100% { opacity: 1; top: 62px; } } #contents7 .grade .visual-wrap .nomember-ticket { display: none; } #contents7 .grade .visual-wrap .season-point .grade-icon { position: absolute; width: 60px; height: 60px; top: 25px; right: 44px; background-size: contain; background-position: center; background-repeat: no-repeat; } #contents7 .grade .visual-wrap .season-point .point-wrap { margin-top: 28px; } #contents7 .grade .visual-wrap .season-point .progress { width: 100%; height: 36px; background-color: #282B30; position: relative; border-radius: 50px; overflow: hidden; } #contents7 .grade .visual-wrap .season-point .progress .progress-active { position: absolute; width: 80%; height: 100%; top: 0; left: 0; border-radius: 40px; background: linear-gradient(90deg, #228893 0%, #CBA575 100%); } #contents7 .grade .visual-wrap .season-point .point-wrap p span br { display: none; } #contents7 .grade .visual-wrap .barcode-wrap { height: 268px; background-color: #333841; padding: 26px 44px; position: relative; } #contents7 .grade .visual-wrap .barcode-wrap .btn-barcode { min-width: 25px; width: 25px; height: 25px; border: none; background: none; padding: 0; line-height: 25px; position: absolute; top: 26px; right: 44px; } #contents7 .grade .visual-wrap .barcode-wrap .bg-FFFFFF { width: 100%; height: 160px; background-color: #ffffff; margin-top: 26px; text-align: center; padding: 26px 10px; } #contents7 .grade .visual-wrap .barcode-wrap .barcode { max-width: 312px; height: 109px; position: relative; margin: auto; padding-top: 16px; } #contents7 .grade .visual-wrap .barcode-wrap .barcode p + p { margin-top: 22px; letter-spacing: 1px; } #contents7 .grade .visual-wrap .barcode-wrap .barcode::before, #contents7 .grade .visual-wrap .barcode-wrap .barcode::after, #contents7 .grade .visual-wrap .barcode-wrap .barcode > div::before, #contents7 .grade .visual-wrap .barcode-wrap .barcode > div::after { content: ''; width: 12px; height: 12px; border: 4px solid #228893; position: absolute; } #contents7 .grade .visual-wrap .barcode-wrap .barcode::before { border-right: 0; border-bottom: 0; top: 0; left: 0; } #contents7 .grade .visual-wrap .barcode-wrap .barcode::after { border-left: 0; border-bottom: 0; top: 0; right: 0; } #contents7 .grade .visual-wrap .barcode-wrap .barcode > div::before { border-right: 0; border-top: 0; bottom: 0; left: 0; } #contents7 .grade .visual-wrap .barcode-wrap .barcode > div::after { border-left: 0; border-top: 0; bottom: 0; right: 0; } #contents7 .grade .visual-wrap .barcode-wrap #sm-barcode { max-width: 100%; } #contents7 .expedition .table-wrap .table tr th.year { text-indent: 50px; } #contents7 .expedition .table-wrap .table tr td.year { position: relative; text-indent: 50px; } #contents7 .expedition .table-wrap .table tr td.year::before { content: ''; width: 25px; height: 25px; background: url('../../../resources/images/common/icon_mark_right.svg') no-repeat center/cover; position: absolute; top: 50%; left: 24px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } #contents7 .expedition .table-wrap .table tr td .answer { position: relative; z-index: 1; } #contents7 .expedition .table-wrap .table tr td .answer::after { content: ''; width: 85px; height: 31px; background-color: #4E5768; border-radius: 15.5px; position: absolute; top: -7px; left: -13px; z-index: -1; } #contents7 .expedition .table-wrap .table tr td .answer.complete::after { background-color: #228893; } #contents7 .table-wrap .table tr td .btn.cancel { min-width: 85px; height: 31px; line-height: 31px; border: none; background-color: #4E5768; text-align: center; font-weight: 400; padding: 0; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; } #barcodeLayer.layerpop-wrap .layerpop .layer-body { padding: 32px 60px 211px; } #barcodeLayer.layerpop-wrap .membership-info { position: relative; background-color: #333841; height: 222px; padding: 70px 68px; } #barcodeLayer.layerpop-wrap .membership-info .grade { border-radius: 15px; display: inline-block; padding: 2px 18px; height: 30px; margin-bottom: 20px; } #barcodeLayer.layerpop-wrap .membership-info .grade-icon { width: 80px; height: 80px; background-size: cover; background-position: center; position: absolute; top: 71px; right: 68px; } #barcodeLayer.layerpop-wrap .membership-info::before, #barcodeLayer.layerpop-wrap .membership-info::after { content: ''; width: 37px; height: 37px; background-color: #1F2123; border-radius: 50%; position: absolute; bottom: -22px; } #barcodeLayer.layerpop-wrap .membership-info::before { left: -19px; } #barcodeLayer.layerpop-wrap .membership-info::after { right: -19px; } #barcodeLayer.layerpop-wrap .barcode-wrap { background-color: #ffffff; height: 295px; padding: 50px 10px 0; } #barcodeLayer.layerpop-wrap .barcode-wrap #lg-barcode { max-width: 100%; height: auto; } #barcodeLayer.layerpop-wrap .barcode-wrap p img { max-width: 566px; width: 95%; } #barcodeLayer.layerpop-wrap .barcode-wrap p span + span { margin-left: 32px; } #barcodeLayer.layerpop-wrap .gif-wrap { width: 100%; background: url('../../../resources/images/common/logo_capture_bg.jpg') no-repeat center/cover; position: absolute; bottom: 85px; left: 0; } .layerpop-wrap .inquiry-wrap .tit { background-color: #333841; padding: 16px 40px; margin-bottom: 2px; } .layerpop-wrap .inquiry-wrap .tit p span { display: inline-block; background-color: #228893; width: 85px; height: 31px; text-align: center; vertical-align: middle; line-height: 31px; font-weight: 400; margin-left: 8px; border-radius: 15.5px; } .layerpop-wrap .inquiry-wrap .desc { background-color: #282B30; height: 221px; overflow-y: auto; padding: 30px 40px 46px; } .layerpop-wrap .inquiry-wrap .mb20 { margin-bottom: 20px; } .layerpop-wrap .inquiry-wrap .answer { height: 177px; } #inquiryLayer.layerpop-wrap .layerpop .layer-body { padding: 32px 59px 64px; } #inquiryAnswerLayer.layerpop-wrap .layerpop .layer-body { padding: 32px 59px 64px; } /* 등급 - x */ #contents7 .grade.nomember .visual-wrap .season-point .grade-icon, #barcodeLayer.layerpop-wrap .membership-info.nomember .grade-icon { background-image: url('/resources/images/common/icon_grade_nomember.svg'); } #contents7 .grade.nomember .visual-wrap .top { position: relative; } #contents7 .grade.nomember .visual-wrap .profile-wrap .membership-wrap, #barcodeLayer.layerpop-wrap .membership-info.nomember .grade { background-color: #228893; } #contents7 .grade.nomember .visual-wrap .nomember-ticket { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(26, 28, 30, 0.8); padding: 36px; } #contents7 .grade.nomember .visual-wrap .nomember-ticket a { display: block; width: 115px; height: 40px; background-color: #228893; border-radius: 20px; margin: auto; line-height: 41px; background-image: url('/resources/images/common/icon_mark_right_w.svg'); background-repeat: no-repeat; background-position: right 7px center; text-align: left; padding-left: 33px; } #contents7 .grade.nomember .visual-wrap .barcode-wrap::after, #contents7 .grade.nomember .season .table-title-wrap::after, #contents7 .grade.nomember .season .table-wrap .table::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(26, 28, 30, 0.8); } #contents7 .grade.nomember .season .table-title-wrap, #contents7 .grade.nomember .season .table-wrap { position: relative; } #contents7 .grade.nomember .season .table-wrap + p { opacity: 0.3; } /* 등급 - member */ #contents7 .grade.member .visual-wrap .season-point .grade-icon, #barcodeLayer.layerpop-wrap .membership-info.member .grade-icon { background-image: url('/resources/images/common/icon_grade_nomember.svg'); } #contents7 .grade.member .visual-wrap .top { position: relative; } #contents7 .grade.member .visual-wrap .season-point::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(26, 28, 30, 0.8); } #contents7 .grade.member .visual-wrap .barcode-wrap::after, #contents7 .grade.member .season-score .table-title-wrap::after, #contents7 .grade.member .season-score .table-wrap .table::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(26, 28, 30, 0.8); } #contents7 .grade.member .season-score .table-title-wrap, #contents7 .grade.nomember .season-score .table-wrap { position: relative; } #contents7 .grade.member .season-score .table-wrap + p { opacity: 0.3; } #contents7 .grade.member .visual-wrap .profile-wrap .membership-wrap, #barcodeLayer.layerpop-wrap .membership-info.member .grade { background-color: #228893; } #contents7 .grade.member .visual-wrap .season-point .grade-icon, #barcodeLayer.layerpop-wrap .membership-info.member .grade-icon { background-image: url('/resources/images/common/icon_grade_nomember.svg'); } /* 등급 - expired */ #contents7 .grade.expired .visual-wrap .season-point .grade-icon, #barcodeLayer.layerpop-wrap .membership-info.expired .grade-icon { background-image: url('/resources/images/common/icon_grade_nomember.svg'); } #contents7 .grade.expired .visual-wrap .top { position: relative; } #contents7 .grade.expired .visual-wrap .nomember-ticket { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(26, 28, 30, 0.8); padding: 36px; } #contents7 .grade.expired .visual-wrap .nomember-ticket a { display: block; width: 115px; height: 40px; background-color: #228893; border-radius: 20px; margin: auto; line-height: 41px; background-image: url('/resources/images/common/icon_mark_right_w.svg'); background-repeat: no-repeat; background-position: right 7px center; text-align: left; padding-left: 33px; } #contents7 .grade.expired .visual-wrap .barcode-wrap::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(26, 28, 30, 0.8); } #contents7 .grade.expired .visual-wrap .profile-wrap .membership-wrap, #barcodeLayer.layerpop-wrap .membership-info.expired .grade { background-color: #228893; } #contents7 .grade.expired .visual-wrap .season-point .grade-icon, #barcodeLayer.layerpop-wrap .membership-info.expired .grade-icon { background-image: url('/resources/images/common/icon_grade_nomember.svg'); } /* 등급 - 일반 */ #contents7 .grade.common .visual-wrap .profile-wrap .membership-wrap, #barcodeLayer.layerpop-wrap .membership-info.common .grade { background-color: #228893; } #contents7 .grade.common .visual-wrap .season-point .grade-icon, #barcodeLayer.layerpop-wrap .membership-info.common .grade-icon { background-image: url('/resources/images/common/icon_grade_common.svg'); } /* 등급 - vip */ #contents7 .grade.vip .visual-wrap .profile-wrap .membership-wrap, #barcodeLayer.layerpop-wrap .membership-info.vip .grade { background-color: #cba575; } #contents7 .grade.vip .visual-wrap .season-point .grade-icon, #barcodeLayer.layerpop-wrap .membership-info.vip .grade-icon { background-image: url('/resources/images/common/icon_grade_vip.svg'); } #barcodeLayer.layerpop-wrap .gif-wrap.vip { background-image: url('../../../resources/images/common/logo_capture_bg_vip.jpg'); } #contents7-3, #contents7-4 { color: #a8a8a8; } #contents7-4 .bg-282B30 { padding: 40px; } #contents7-4 hr { background-color: #4B5053; } #seasonTicketLayer img { width: 100%; } #contentsWrap .contents#terms { padding-top: 68px !important; background-color: #1F2123;} #terms .title { color: #ffffff; } #terms .desc-wrap { background-color: #3C424C; color: #ffffff; padding: 40px 64px; } #contentsWrap .contents#email { padding-top: 68px !important; background-color: #1F2123;} #terms .desc-wrap p{ color: #ffffff; word-break: keep-all; } #email .desc { word-break: keep-all; } #contentsWrap .contents#privacy { padding-top: 68px !important; background-color: #1F2123;} #privacy .title { color: #ffffff; } #privacy .desc-wrap { color: #ffffff; word-break: keep-all; } #privacy .desc-wrap p { line-height: 22px; margin-bottom: 8px; } #privacy .desc-wrap.type1 { background-color: #3C424C; padding: 24px 40px; } #privacy .desc-wrap.type1 button{ display: block; margin-bottom: 8px; vertical-align: middle; overflow: hidden; line-height: 28px; color:#ffffff; text-align: left;} #privacy .desc-wrap.type1 button span { display: inline-block; float: left; margin-right: 16px; width: 28px; height:28px; font-family: 'Rajdhani'; text-align: center; background-color: #3C424C; line-height: 28px; color: #ffffff; } #privacy .desc-wrap.type2 .desc li strong { font-weight: normal; } #privacy .table.type2 tr td:first-child , #privacy .table.type2 tr th:first-child { border-right: 1px solid #3C424C; } #privacy .table.type2 tr td { border-top-color: #1f2123; } #privacy .table.type3 tr td , #privacy .table.type3 tr th { border-color: #3c424c; } #privacy .table.type3 tr td:first-child , #privacy .table.type3 tr th:first-child { border-left: none; } #privacy .table.type3 tr td:last-child , #privacy .table.type3 tr th:last-child { border-right: none; } #privacy .table.type3 tr td.ta-l { padding: 16px 16px; box-sizing: border-box; } #privacy .table tr td { letter-spacing: -0.6px; } @media all and (max-width:1620px) { #contents5-3 .symbol-wrap .symbol .item .img-wrap { width: 100%; float: none; margin-bottom: 24px; } #contents5-3 .symbol-wrap .symbol .item .txt-wrap { width: 100%; float: none; margin-left: 0px; } #contents5-3 .symbol-wrap .symbol .item .txt-wrap .btn { line-height: 54px; height: 54px; background-color: #000000; } #contents6-6 .goalsupport-wrap .txt-wrap { padding: 80px 0 100px; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox{ max-width: 888px; margin: 0 auto; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div.sign { padding: 0 8px; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div .num + .num { margin-left: 0; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div:nth-child(4) { padding-right: 20px; } /* #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div span { width: 40px; font-size: 48px; } */ #member .confirm-wrap { padding: 50px 40px; } #member .info-wrap { max-width: 590px; } #member .info-wrap dl.font16, #member .link-wrap p.font16 { font-size: 14px !important; } /* #member .link-wrap { float: right; margin-left: 0; max-width: 100%; width: calc(95% - 590px) !important; min-width: 400px; } */ #member .link-wrap a { width: calc(50% - 10px); margin-right: 20px; min-width: 190px; padding: 26px 0; } #member #age14 .agent .confirm-wrap { padding: 32px 40px; } #member #age15 .confirm-wrap > div { max-width: 100%; } #member #age15 .confirm-wrap .link-wrap { margin-top: 20px; } } @media all and (max-width:1344px) { #member .step-wrap { padding: 25px 0 32px; } #member .step-wrap .img-wrap { width: 60px; height: 60px; margin-right: 12px; } #member .step-wrap ul li span { margin-top: 0; } #member .step-wrap ul li::after { right: -55px; } #member #age14 .agent .confirm-wrap { padding: 32px 15px; } #contents7 .visual-wrap .profile-wrap { position: relative; background-color: #000000; height: 500px; margin-bottom: 32px; } #contents7 .right .bottom a { display: block; height: auto; background-color: #228893; padding: 32px 0px; } #contents7 .right .bottom a .txt-wrap { text-align: center; } #contents7 .season .table-wrap { overflow-x: auto; width: 100%; height: auto; white-space: nowrap; } #contents7 .season .table-wrap .table { table-layout: fixed; width: auto; min-width: 100%; } #contents7 .season .table-wrap .table tr th,#contents7 .season .table-wrap .table tr td { padding: 16px 8px; } #contents7 .expedition .table-wrap { overflow-x: auto; width: 100%; height: auto; white-space: nowrap; } #contents7 .expedition .table-wrap .table { table-layout: fixed; width: auto; min-width: 100%; } #contents7 .expedition .table-wrap .table tr th,#contents7 .expedition .table-wrap .table tr td { padding: 16px 8px; } } @media all and (max-width: 1339px) { #contents7 .expedition .table-wrap .table tr th.year, #contents7 .expedition .table-wrap .table tr td.year { text-indent: 0; } #member .confirm-wrap p:first-child br { display: none; } } @media all and (max-width: 1280px) { #contents7 .menu-wrap ul li a { font-size: 16px; } #member .confirm-wrap { padding: 50px 15px; } } @media all and (max-width: 1199px) { #contents7 .expedition .table-wrap .table tr td.year::before { left: 5%; } } @media all and (max-width:1024px) { #contentsWrap #contents1-2.contents { padding-top: 120px; } .ta-l-mo{ text-align: left !important; } #member .step-wrap .img-wrap { width: 60px; height: 60px; float: none; background-size: cover; display: block; margin: 0 auto; } #member .step-wrap ul li { text-align: center; margin-right: 30px; width: calc( 25% - 23px); } #member .step-wrap ul li span { margin: 4px 0 0; } #member .step-wrap ul li::after { width: 9px; height: 14px; right: -20px; top: 20%; transform: translateY(0); } #member .member-age-wrap .num { margin-bottom: 8px; } #member .member-age-wrap .sized-box { display: none; } #member .confirm-wrap p:first-child br { display: block; } #member .link-wrap { max-width: 100%; } #member .link-wrap a { width: 100%; margin-right: 0; margin-bottom: 0; } #member .link-wrap a:last-child { margin-top: 16px; margin-bottom: 16px; } #member .bg-wrap { padding: 140px 16px; } #member .input-wrap { width: 100%; max-width: 538px; padding: 40px 32px; margin: 0px auto; } #member .input-wrap.w712 { width: 100%; max-width: 538px; padding: 40px 16px; margin: 0px auto; } #member .input-wrap .tablest .th { display: block; vertical-align: top; padding: 8px 0 8px 0px; height: auto; font-size: 18px; font-weight: normal !important; color: #ffffff; background-color: #282B30; border-bottom: 0px; width: 14%; } #member .input-wrap .tablest .td { display: block; vertical-align: middle; padding: 0px 0px; height: auto; font-weight: 400; background-color: #282B30; border: none; border-bottom: 0px; word-break: break-all; width: 100% !important; } #member .input-wrap .tablest .tr .td .input-item { max-width: 100%; } #member .input-wrap .tablest .tr .th { padding-top: 16px; margin-bottom: 8px; } #member .input-wrap .tablest .tr .td { padding-top: 0px; } #member .input-wrap .tablest .tr .td.e-mail .input-item:nth-of-type(1) { width: 100%; max-width: calc(36% - 11px); } #member .input-wrap .tablest .tr .td.e-mail .input-item:nth-of-type(3) { width: 100%; max-width: calc(64% - 11px); } #member .input-wrap .tablest .tr .td.e-mail .at { display: inline-block; width: 22px; line-height: 42px; text-align: center; } #member .input-wrap .tablest .tr .td .select-item { max-width: 100%; margin-left: 0px; margin-top: 8px; } #member .input-wrap .btn { width: 100%; height: 42px; line-height: 42px; } #member .accordion-item .accordion-con .answer { padding-left: 0; } #member .member-terms .btn-wrap a { width: calc( 50% - 4px ); min-width: 0; } #member #age14 .agent .confirm-wrap { padding: 50px 15px; } #contents1-1 .thumb-list li > a .img-wrap { padding-bottom: 0; } #contents2-2-6 .academy .step-list ul:first-child { margin-bottom: 0; } #contents2-2-6 .academy .step-list ul { padding: 0; } #contents2-2-6 .academy .step-list ul:after { display: none; } #contents2-2-6 .academy .step-list ul li { padding-top: 0px; padding-bottom: 24px; float: none; width: 100%; } #contents2-2-6 .academy .step-list ul li + li { margin-left: 0; } #contents2-2-6 .academy .step-list ul li:before { content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 100%; background-color: #292D33;} #contents2-2-6 .academy .step-list ul:last-child li:last-child { padding-bottom: 0; } #contents2-2-6 .academy .step-list ul:first-child li:first-child:before { border-radius: 14px 14px 0 0;} #contents2-2-6 .academy .step-list ul:last-child li:last-child:before { height: 24px; border-radius: 0 0 14px 14px;} #contents2-2-6 .academy .step-list ul li span { padding-left: 32px; } #contents2-2-6 .academy .step-list ul li:nth-child(5n){ margin-left: 0; } #contents2-2-6 .academy .step-list ul li span:first-child { margin-top: 0px;} #contents2-2-6 .academy .step-list ul li span:first-child { margin-top: 0px;} #contents2-2-6 .academy .btn.layer-pop { width: 100%; } #contents2-2-6 .academy .layerpop-wrap .layerpop .layer-body .btn-wrap .btn { min-width: auto; width: 42.4%; } #contents2-2-6 .academy .layerpop-wrap .layerpop .layer-body { padding-left: 2.2%; padding-right: 2.2%; } #contents2-2-6 .academy .layerpop .radio-item { display: inline-block; } #contents2-2-6 .academy .layerpop .radio-item + .radio-item { margin-left: 24px; margin-top: 0; } #contents2-2-6 .academy .layerpop .tablest .tr .td.has-input { width: 100% !important; } #contents2-2-6 .academy .layerpop .tablest .tr .td.phon .input-item { width: calc( 35% - 20px ); } #contents2-2-6 .academy .layerpop-wrap .layerpop .layer-body .radio-item + .radio-item { margin-left: 24px; } #contents5-3 .symbol-wrap .symbol .item .txt-wrap .btn { width: 100%; } #contents5-4 .organization-wrap .organization > div { margin-left: 57px; width: 112px; height: 112px; line-height: 112px !important;} #contents5-4 .organization-wrap .organization .ceo::before { content: ""; position: absolute; width: 150px; height: 150px; } #contents5-4 .organization-wrap .organization ul { position: relative; width:100%; display: block; } #contents5-4 .organization-wrap .organization ul:after { content: ""; position: absolute; width:1px; /* height: calc(100% - 128px); */ left: 113px; top: 0; background-color: #3C424C; } #contents5-4 .organization-wrap .organization ul li:after { content: ""; position: absolute; left: 113px; top: 50%; width:29.4%; height: 1px; background-color: #3C424C; z-index: -1; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } #contents5-4 .organization-wrap .organization ul li::before {content: ""; position: absolute; left: 113px; bottom: 50%; width: 1px; height: calc(100% + 200px); background-color: #3C424C } #contents5-4 .organization-wrap .organization ul li div:before { content: ""; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; background-color: #ffffff; z-index: 1; border-radius: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } /* #contents5-4 .organization-wrap .organization ul li + li{ margin-left: 0px; } */ #contents5-4 .organization-wrap .organization ul li { position: relative; width: 100%; float: none; text-align: center; padding-left: 41.9%; z-index: 1; margin-left: 0;} #contents5-4 .organization-wrap .organization ul li + li { margin-left: 0; } #contents5-4 .organization-wrap .organization ul li > div { position: relative; width: 100%; } #contents5-4 .organization-wrap .organization ul li > div:after { display: none; } #contents5-4 .organization-wrap .organization ul li { margin-top: 32px; } #contents5-4 .organization-wrap .organization ul li.pt80 { padding-top: 0 !important; } #contents5-4 .organization-wrap .organization .secretary::after { height: 257px; bottom: -258px; left: 50.1%; } #contents5-4 .organization-wrap .organization ul.team-one { margin-bottom: 0 !important; } #contents5-4 .organization-wrap .organization ul.team-one li { margin-left: 0; left: auto; transform: translateX(0); width: 100%; } #contents5-4 .organization-wrap .organization ul.team-one li + li { margin-left: 0; } #contents5-4 .organization-wrap .organization ul.team-one li:after { left: 113px; width: 29.4%; top: 50%; } #contents5-4 .organization-wrap .organization ul.team-one li:first-child:before { display: none; } #contents5-4 .organization-wrap .organization ul.team-one li:first-child:after { left: 113px; right: auto; top: 50%; } #contents5-5 .partner-wrap .partner .col-md-4 { width: 33% !important; } #contents5-7-2 .certi-wrap .link-wrap a { width: 100%; margin-right: 0; } #contents5-7-2 .certi-wrap .link-wrap a:last-child { margin-top: 16px; } #contents6-2 .fctraining-wrap .image-wrap ul li { width: 100%; float: none; position:relative; } #contents6-2 .fctraining-wrap .image-wrap ul li + li { margin-left: 0; } #contents6-3 .attack-wrap .text-wrap.history .desc > ul li , #contents6-3 .attack-wrap .text-wrap.program .desc > ul li { padding-left: 0; } #contents6-3 .attack-wrap .text-wrap.history .desc > ul li strong , #contents6-3 .attack-wrap .text-wrap.program .desc > ul li strong { padding-left: 12px; } #contents6-3 .attack-wrap .text-wrap.history .desc > ul li span , #contents6-3 .attack-wrap .text-wrap.program .desc > ul li span { padding: 0; display: block; } #contents6-4 .campionship-wrap .text-wrap.history .desc > ul li , #contents6-4 .campionship-wrap .text-wrap.program .desc > ul li { padding-left: 0; } #contents6-4 .campionship-wrap .text-wrap.history .desc > ul li strong , #contents6-4 .campionship-wrap .text-wrap.program .desc > ul li strong { padding-left: 12px; } #contents6-4 .campionship-wrap .text-wrap.history .desc > ul li span , #contents6-4 .campionship-wrap .text-wrap.program .desc > ul li span { padding: 0; display: block; } #contents6-6 .goalsupport-wrap .txt-wrap { padding: 89px 0 56px; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div { text-align: center; } /* #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div + div { margin-top: 24px; } */ #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div:nth-child(1) { margin-bottom: 40px; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div:nth-child(2) { margin-bottom: 40px; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div:nth-child(3) { margin-bottom: 40px; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div.sign img { width: 24px; margin-top: -8px; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div span { width: 40px; font-size: 52px; line-height: 58px; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div span.comma { width: 8px; transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); -webkit-transform: translateY(15px); } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div .subtit { margin-bottom: 16px !important; } /* #contents7 .expedition .table-wrap .table { width: auto; } */ #contents7 .expedition .table-wrap .table tr td.year::before { display: none; } #contents7 .expedition .table-wrap .table tr th:last-child, #contents7 .expedition .table-wrap .table tr td:last-child { width: 30%; padding: 16px; } #contents7-3 .mt16-mo { margin-top: 16px; } #contents7-4 .bg-282B30 { padding: 32px 16px; } #contents7 .menu-wrap ul { display: block !important; display: -webkit-block !important; -webkit-align-items: none; align-items: none; -webkit-justify-content: none; justify-content: none; overflow: hidden; margin-bottom: 24px; } #contents7 .menu-wrap ul li { width: 50%; position:relative; float: left; display: block; border: 1px solid #414446;} #contents7 .menu-wrap ul li + li + li { border-left: 0;} #contents7 .menu-wrap ul li:first-child { border-right: 1px solid #414446; } #contents7 .menu-wrap ul li:nth-child(even) { border-left: 0;} #contents7 .menu-wrap ul li:nth-child(odd) { border-left: 1px solid #414446; } #contents7 .menu-wrap ul li + li + li { border-top: 0; } #privacy .desc-wrap.type1 { padding: 16px 20px; } #email .hide-1024 { display: none; } #privacy .hide-1024 { display: none; } } @media all and (max-width:768px) { /********** common ***********/ /********** contents ***********/ #member .member-terms .checkbox-item input[type="checkbox"] label { font-size: 14px; letter-spacing: -0.53px; } #member .member-terms .font16 { font-size: 14px !important; } #member .member-terms .font20 { font-size: 16px !important; } #member .confirm-wrap { padding: 30px 20px; } #member .input-wrap { padding: 30px 0; } #contents7 .grade .visual-wrap .day-wrap span { text-align: center; padding: 0 18px; word-break: keep-all; } #contents7 .grade .visual-wrap .day-wrap span span { float: none !important; padding: 0; } #contents7 .grade .visual-wrap .season-point { height: auto; padding: 25px; word-break: keep-all; } #contents7 .grade .visual-wrap .season-point .grade-icon { right: 25px; } #contents7 .grade .visual-wrap .season-point .tooltip-info::before { right: 136px; } /* #contents7 .grade .visual-wrap .season-point .point-wrap p span { float: none !important; display: block; margin-top: 8px; text-align: right; } */ #contents7 .grade .visual-wrap .season-point .point-wrap p span { margin-top: 8px; } #contents7 .grade .visual-wrap .season-point .point-wrap p span br { display: inline-block; } #contents7 .grade .visual-wrap .barcode-wrap { padding: 25px; } #contents7 .grade .visual-wrap .barcode-wrap .btn-barcode { top: 25px; right: 25px; } #contents7 .grade .visual-wrap .barcode-wrap .barcode img { max-width: 279px; width: 90%; } #contents7 .grade.expired .nomember-ticket .font24, #contents7 .grade.nomember .nomember-ticket .font24 { font-size: 18px !important; } #barcodeLayer.layerpop-wrap .layerpop .layer-body { padding: 32px 20px 160px; } #barcodeLayer.layerpop-wrap .gif-wrap { bottom: 50px; } #barcodeLayer.layerpop-wrap .membership-info { padding: 30px; height: auto; } #barcodeLayer.layerpop-wrap .membership-info .grade { margin-bottom: 10px; font-size: 14px; height: auto; } #barcodeLayer.layerpop-wrap .membership-info p.font32 { font-size: 24px !important; } #barcodeLayer.layerpop-wrap .membership-info p.font24 { font-size: 18px !important; } #barcodeLayer.layerpop-wrap .membership-info .grade-icon { width: 40px; height: 40px; top: 25px; right: 25px; } #barcodeLayer.layerpop-wrap .barcode-wrap { height: auto; padding: 30px 10px 10px; } #barcodeLayer.layerpop-wrap .barcode-wrap p span + span { margin-left: 8px; } #inquiryLayer.layerpop-wrap .layerpop .layer-body { padding: 32px 15px 64px; } #inquiryAnswerLayer.layerpop-wrap .layerpop .layer-body { padding: 32px 15px 64px; } #seasonTicketLayer.layerpop-wrap .layerpop .layer-body { padding: 64px 15px; } .layerpop-wrap.inquiry-popup .layerpop .layer-body { padding: 32px 15px 64px; } .layerpop-wrap .inquiry-wrap .tit { padding: 16px 20px; word-wrap: break-word; } .layerpop-wrap .inquiry-wrap .desc { padding: 20px 20px 30px; word-wrap: break-word; } .layerpop-wrap .layerpop .layer-body .box-wrap .input-item { max-width: 100% !important; width: 100% !important; } .layerpop-wrap .layerpop .layer-body .box-wrap>div .btn { min-width: 100% !important; height: 42px !important; line-height: 42px !important; margin-left: 0 !important; } #contents5-5 .partner-wrap .partner .col-sm-6 { width: 50% !important; } /* #contents1-1 .thumb-list li > a .img-wrap { padding-bottom: 73%; } */ #contents6-3 .hide-768 { display: none; } #contents6-4 .hide-768 { display: none; } #contents6-6 .goalsupport-wrap .txt-wrap .txtbox { max-width: 270px; } #terms .desc-wrap { padding: 16px 20px; } } @media all and (max-width: 540px) { #member .w-792 { padding: 0 30px; } #contents7 .grade .visual-wrap .season-point .point-wrap { margin-top: 14px; } } @media all and (max-width:360px) { #contents7 .grade .visual-wrap .season-point .tooltip-info { width: calc(100% - 20px); left: 10px; } #contents7 .grade .visual-wrap .season-point .tooltip-info::before { right: auto; left: 162px; } /* #contents6-6 .goalsupport-wrap .txt-wrap .txtbox div span { width: 30px; font-size: 28px; } */ } @media all and (max-width:320px) { #barcodeLayer.layerpop-wrap .barcode-wrap p span + span { margin-left: 4px; } } /*hover*/ @media all and (min-width:768px) { /********** common ***********/ /********** contents ***********/ #contents7 .grade .visual-wrap .barcode-wrap .btn-barcode:hover { border: none !important; background-color: transparent !important; } }