@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* for styles */
@import url("/pub/css/default.css");


.inner {width:100%; max-width:1480px; margin:0 auto; padding:0 20px;}

::-webkit-scrollbar {width:7px; height:7px;}
::-webkit-scrollbar-thumb {background-color:#C5C5C5; border-radius:7px; background-clip:padding-box;}
::-webkit-scrollbar-track {background-color:#EBEBEB; border-radius:7px;}

/* overflow:hidden; ios 스크롤 막기 설정 */
html.over_h,body.over_h,
html.fancybox-lock, html.fancybox-lock body {touch-action:none; overflow-scrolling:none; -webkit-overflow-scrolling:none; overscroll-behavior:none;}

/* 높이값 설정 */
.height_vh {height:100vh; max-height:calc(var(--vh, 1vh) * 100);}

/* 익스 브라우저 사용시 */
.ie_wrap {display:none; font-family:'Noto Sans Korean', sans-serif;}
.ie_wrap .outbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#f286af; display:table; table-layout:fixed; z-index:1000;}
.ie_wrap .inbox {display:table-cell; vertical-align:middle;}
.ie_wrap p {font-size:19px; color:#fff; font-weight:500; line-height:30px; text-align:center; margin-bottom:20px; text-shadow:rgba(0,0,0,.2) 0 0 10px;}
.ie_wrap .link {text-align:center; font-size:0;}
.ie_wrap .link a {display:inline-block; vertical-align:top; font-size:60px; color:#fff; margin:0 40px; text-shadow:rgba(0,0,0,.1) 0 0 10px; font-size:0;}
.ie_wrap .link a i {font-size:60px;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	body {overflow:hidden;}
	body .ie_wrap {display:block;}
}

.blind_link a {position:fixed; top:0; left:0; width:100%;font-size:0; text-align:center; z-index:101;}
.blind_link a:active,
.blind_link a:focus {font-size:20px; color:#fff; background:#000; padding:20px;}

.c_red {color:#E92A23 !important;}
.c_blue {color:#435BB7 !important;}
.c_gray {color:#999 !important;}

.mo_vw {display:none !important;}

label.radio,
label.check {position:relative; display:inline-block; padding-left:26px; line-height:40px;}
label.radio input,
label.check input {display:none;}
label.radio i,
label.check i {position:absolute; top:12px; left:0; width:16px; height:16px; border:#ddd 1px solid; background:#fff; overflow:hidden; transition:.2s linear;}
label.radio i {border-radius:50%;}
label.check i {border-radius:2px;}
label.radio i:before,
label.check i:before {content:""; position:absolute; transition:.2s linear;}
label.radio i:before {top:50%; left:50%; width:0; height:0; background:#E92A23; transform:translate(-50%,-50%); border-radius:50%;}
label.check i:before {top:0; left:0; width:100%; height:100%; background:url('../images/icon_chk2.svg') #E92A23 no-repeat 50% 50%; opacity:0;}
label.radio input:checked + i:before {width:6px; height:6px;}
label.check input:checked + i {border-color:#E92A23;}
label.check input:checked + i:before {opacity:1;}
label.check input[disabled] + i {border:#6994E5 2px solid; border-radius:3px; background:#c9c9c9;}
label.check input[disabled] + i:before {background:url('../images/icon_chk2.svg') #f44336 no-repeat 50% 50%;}

/* 달력 */
.datepicker_wrap {position:relative; width:100%; max-width:300px;}
.datepicker_wrap input {width:100%;}
.datepicker_wrap img {position:absolute; top:50%; right:20px; transform:translateY(-50%);}
.ui-datepicker {width:280px; margin-top:-1px; display:none; z-index:40 !important;}
.ui-datepicker-header {position:relative; border:#ddd 1px solid; border-bottom:0; background:#666; overflow:hidden;}
.ui-datepicker-title {text-align:center; font-size:13px; color:#fff; font-weight:700; line-height:40px; width:100%;}
.ui-datepicker-title span {color:#fff;}
.ui-datepicker-title select {vertical-align:top; width:80px; height:30px; line-height:28px; margin:5px; font-size:14px; color:#222; padding:0 0 0 10px;}
.ui-datepicker-prev,
.ui-datepicker-next {position:absolute; top:0; height:40px; line-height:40px; width:40px; text-align:center; cursor:pointer;}
.ui-datepicker-prev {left:0;}
.ui-corner-all .ui-icon {display:block; width:11px; height:20px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; font-size:0; margin:10px auto;}
.ui-corner-all .ui-icon:before,
.ui-corner-all .ui-icon:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:2px; background:#fff; margin-left:-5px;}
.ui-corner-all .ui-icon:before {margin-top:-4px;}
.ui-corner-all .ui-icon:after {margin-top:2px;}
.ui-datepicker-prev .ui-icon:before {transform:rotate(-45deg);}
.ui-datepicker-prev .ui-icon:after {transform:rotate(45deg);}
.ui-datepicker-next {right:0;}
.ui-datepicker-next .ui-icon:before {transform:rotate(45deg);}
.ui-datepicker-next .ui-icon:after {transform:rotate(-45deg);}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {border:#ddd 1px solid; text-align:center; background:#fff; line-height:24px;}
.ui-datepicker-calendar th:first-child {color:#d43333;}
.ui-datepicker-calendar th:last-child {color:#2264b2;}
.ui-datepicker-calendar td a {display:block;}
.ui-datepicker-calendar td:first-child a {color:#d43333;}
.ui-datepicker-calendar td:last-child a {color:#2264b2;}
.ui-datepicker-calendar td a.ui-state-active {font-weight:700; background:#f5f5f5;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; height:90px; padding:0 50px; background:#fff; z-index:100; border-bottom:#EBEBEB 1px solid; transition:.2s linear;}
.header .logo {position:absolute; top:0; left:50px; display:block; width:239px; height:100%; font-size:0; background:url('/pub/images/logo_c.svg') no-repeat 50% 50% / contain; z-index:1;}
.header .logo h1 {font-size:0; opacity:0; width:0; height:0;}
.header .gnb {position:relative; padding-left:120px;}
.header .gnb ul {display:flex; justify-content:center; align-items:center;}
.header .gnb li a {display:block; font-size:18px; color:#222; font-weight:600; line-height:90px; padding:0 35px;}
.header .gnb li.on > a {color:#E92A23;}
.header .btn_menu {position:absolute; top:0; right:50px; width:30px; height:90px; z-index:10;}
.header .btn_menu p {position:absolute; top:50%; left:50%; width:100%; height:1px; background:#000; margin-left:-15px; transition:.2s linear;}
.header .btn_menu .t {margin-top:-8px;}
.header .btn_menu .b {margin-top:8px;}
.header.on .btn_menu .t {margin-top:0; transform:rotate(135deg);}
.header.on .btn_menu .m {width:0;}
.header.on .btn_menu .b {margin-top:0; transform:rotate(-135deg);}
.header .mem {position:absolute; top:0; right:110px; display:block; width:22px; height:90px; background:url('/pub/images/icon_mem.svg') no-repeat 50% 50% / contain;}
.header a.mem span {position:absolute; top:calc(50% - 37px); left:50%; width:40px; height:14px; line-height:14px; text-align:center; font-size:10px; color:#fff; font-weight:500; background:#222; border-radius:7px; transform:translateX(-50%);}
.header a.mem span:after {content:""; position:absolute; bottom:-5px; left:50%; width:10px; height:9px; background:url('../images/arrow_mem.svg') no-repeat 50% 50% / contain; margin-left:-5px; z-index:-1;}
.header .mem dt {cursor:pointer; display:block; width:22px; height:90px; background:url('/pub/images/icon_mem.svg') no-repeat 50% 50% / contain;}
.header .mem dd {position:absolute; top:70px; left:50%; width:100px; transform:translateX(-50%); background:#fff; padding:10px; text-align:center; display:none; z-index:1; box-shadow:rgba(0,0,0,.1) 0 0 10px;}
.header .mem dd a {display:block; font-size:16px; line-height:30px;}
.header .sitemap,
.header .sitemap .dm {position:fixed; top:0; height:100%; opacity:0; transition:.2s linear;}
.header .sitemap {right:-100%; width:350px; max-width:90vw; z-index:9;}
.header .sitemap .dm {left:-100%; width:100%; background:rgba(0,0,0,.2);}
.header .sitemap ul {position:relative; width:100%; height:100%; padding-top:110px; background:#fff;}
.header .sitemap li a {display:block; font-size:24px; color:#222; font-weight:500; line-height:30px; padding:10px 10px 10px 40px;}
.header .sitemap li.on > a {color:#E92A23;}
.header .sitemap .snb {display:none; padding:10px 0;}
.header .sitemap .snb a {display:block; font-size:20px; color:#666; line-height:20px; padding:10px 10px 10px 60px;}
.header .sitemap .snb a.on {color:#E92A23;}
.header .sitemap li.on .snb {display:block;}
.header.on .sitemap {right:0; opacity:1;}
.header.on .sitemap .dm {left:0; opacity:1;}

/* footer */
.footer {position:relative; background:#222; padding:60px 0; z-index:1;}
.footer .links {display:flex; gap:40px; margin-bottom:30px;}
.footer .links a {position:relative; font-size:16px; color:rgba(255,255,255,.6); line-height:20px;}
.footer .links a b {color:#fff;}

.footer .address {display:flex; gap:200px;}
.footer .address li {display:flex; flex-wrap:wrap; gap:0 25px; align-content:flex-start; overflow:hidden; word-break:keep-all;}
.footer .address .tt {font-size:15px; color:#fff; line-height:22px; height:22px; padding:0 15px; background:#666; border-radius:3px; margin-bottom:15px;}
.footer .address span {position:relative; font-size:16px; color:#fff; line-height:30px;}
.footer .address span:before {content:""; position:absolute; top:50%; left:-13px; width:1px; height:10px; background:#666; transform:translateY(-50%);}
.footer .copy {font-size:13px; color:rgba(255,255,255,.6); margin-top:30px;}

.foot_banners {background:#fff; padding:40px 0; border-top:#eee 1px solid;}
.foot_banners .foot_slide {position:relative; margin:0 -12px;}
.foot_banners .foot_slide .slick-slide {padding:0 12px; font-size:0;}
.foot_banners .foot_slide a {display:block; width:100%; height:62px; overflow:hidden; background:#fff;}
.foot_banners .foot_slide a img {width:100%; height:100%; object-fit:contain;}
.foot_banners .foot_slide .slick-arrow {position:absolute; top:50%; width:40px; height:40px; background:url('/pub/images/arrow_foot_slide.svg') rgba(0,0,0,.3) no-repeat 50% 50%; font-size:0; margin-top:-20px; border-radius:50%; z-index:1;}
.foot_banners .foot_slide .slick-prev {left:-20px;}
.foot_banners .foot_slide .slick-next {right:-20px; transform:scaleX(-1);}

.gotop {position:fixed; right:50px; width:80px; height:80px; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#E92A23; transition:none; z-index:30;}
.gotop i {display:block; width:100%; height:10px; background:url('/pub/images/arrow_gotop.svg') no-repeat 50% 0 / contain; margin-bottom:5px;}
.gotop p {font-size:15px; color:#fff; font-weight:500; line-height:20px; font-family:'Saira';}
.gotop.fixed_btm,
.btns_sns.fixed_btm {position:absolute;}

/* main */
.mvisual {width:100%; height:510px; background:url('../images/mvisual.jpg') no-repeat 50% 50% / cover; margin-top:90px; border-bottom:#EBEBEB 1px solid;}
.mcon {padding:80px 0;}
.mcon .inner {display:flex; gap:4.86%;}
.mcon .links {width:55.56%; display:flex; gap:10px;}
.mcon .links > * {width:calc((100% - 20px)/3); height:240px; display:flex; flex-direction:column; align-items:center; padding-top:65px; background:#F8F9FA; border-radius:3px; text-align:center; color:#222;}
.mcon .links .icon {width:100%; height:37px; background:no-repeat 50% 50%;}
.mcon .links .i1 .icon {background-image:url('../images/icon_mc01.svg');}
.mcon .links .i2 .icon {background-image:url('../images/icon_mc02.svg');}
.mcon .links .i3 .icon {background-image:url('../images/icon_mc03.svg');}
.mcon .links strong {font-size:17px; color:inherit; font-weight:700; line-height:20px; margin:22px 0;}
.mcon .links .i3 strong {margin-bottom:10px;}
.mcon .links .arrow {width:26px; height:26px; background:url('../images/arrow_mc.svg') no-repeat 50% 50% / cover; border:#ddd 1px solid; border-radius:50%; margin:0 auto;}
.mcon .links p {font-size:14px; color:inherit; line-height:21px; font-family:'Saira';}
.mcon .links b {display:block; font-size:20px;}
.mcon .notice {width:39.58%; padding-top:15px;}
.mcon .notice .tit {position:relative; font-size:26px; color:#222; font-weight:600; line-height:32px; padding-bottom:20px; border-bottom:#ddd 1px dashed;}
.mcon .notice .more {position:absolute; top:0; right:0; font-size:15px; font-weight:600; padding-right:42px;}
.mcon .notice .more:after {content:""; position:absolute; top:0; right:0; width:36px; height:100%; background:url('../images/arrow_more.svg') no-repeat 50% 50% / contain;}
.mcon .notice ul {padding-top:20px;}
.mcon .notice a {position:relative; display:block; font-size:16px; color:#222; line-height:22px; padding-right:90px; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mcon .notice li:last-child a {margin-bottom:0;}
.mcon .notice p {position:absolute; top:0; right:0; font-size:15px; color:#999;}

/* sub */
.svisual {position:relative; margin-top:90px; font-size:38px; color:#fff; font-weight:700; line-height:40px; padding:70px 0; text-align:center; background:#fcfcfc no-repeat 50% 50% / cover;}
/* .svisual:before,
.svisual:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;}
.svisual:before {background:url('../images/svisual_l.svg') no-repeat 0 50% / cover;}
.svisual:after {background:url('../images/svisual_r.svg') no-repeat 100% 50% / cover;} */
.svisual.g00 {display:none;}
.svisual > * {position:relative; z-index:1;}
.svisual .location {margin-top:20px; display:flex; justify-content:center; align-items:center; font-size:14px; color:#fff; font-weight:300; line-height:20px;}
.svisual .location .home {width:12px; height:13px; background:url('/pub/images/icon_home.svg') no-repeat 50% 50% / contain; filter: brightness(0) invert(1);}
.svisual .location em {width:1px; height:10px; background:#ddd; margin:0 19px;}
.svisual .location span:last-child,
.svisual .location u {font-weight:500;}

.aside {border-top:#eee 1px solid; border-bottom:#eee 1px solid;}
.aside .g,
.aside dt {display:none;}
.aside dd {display:flex; justify-content:center; align-items:center;}
.aside a {position:relative; font-size:18px; color:#222; line-height:21px; height:70px; padding:0 20px; display:flex; justify-content:center; align-items:center; text-align:center; margin:0 20px;}
.aside a:after {content:""; position:absolute; bottom:-1px; left:50%; width:0; height:2px; background:#E92A23; transition:.2s linear; transform:translateX(-50%);}
.aside a.on {font-weight:700;}
.aside a.on:after {width:100%;}

.container {padding-top:100px; padding-bottom:150px; font-size:18px;}
.inner_in {width:940px; max-width:100%; color:#222; margin:0 auto;}
.inner_out {width:1100px; max-width:100%; margin:0 auto;}
.stit {font-size:30px; font-weight:700; line-height:40px; padding-bottom:35px; border-bottom:#222 2px solid;}

/* 인사말 */
.greeting .tt {font-size:40px; font-weight:600; line-height:70px; margin-bottom:50px;}
.greeting p {font-weight:300; line-height:28px;}
.greeting p.b {font-size:20px; margin-bottom:40px;}
.greeting .humans {margin-top:50px; display:flex; gap:25px;}
.greeting .humans dl {display:flex; gap:20px; align-items:flex-end;}
.greeting .humans dd p {font-size:18px; line-height:16px;font-weight: 500;}
.greeting .humans dd .name {font-size:12px; display:flex; gap:8px; align-items:flex-end;}
.greeting .humans dd .name strong {font-size:22px; font-weight:600;}

/* 프로그램 */
.program_wrap .tit {display:flex; flex-wrap:wrap; gap:20px 35px; align-items:center; align-content:center; height:200px; padding:0 80px; margin-top:100px; background:url('../images/ptn_program.svg') #FAFAFA no-repeat 100% 50% / auto 100%; font-family:'Saira'; margin-bottom:20px;}
.program_wrap .tit:first-child {margin-top:0;}
.program_wrap .tit strong {display:block; font-size:36px; color:#222; font-weight:700; line-height:48px; width:100%;}
.program_wrap .tit dl {display:flex; gap:10px; line-height:24px;}
.program_wrap .tit dt {font-size:11px; color:#fff; font-weight:600; height:24px; padding:0 12px; background:#4B4B4B; border-radius:3px;}
.program_wrap .tit dd {font-size:20px; color:#222; font-weight:600;}
.program_wrap .tbl ul {display:flex; align-items:center; width:100%; border-bottom:#ddd 1px solid; padding:10px 0;}
.program_wrap .tbl li {font-size:16px; color:#222; line-height:22px;}
.program_wrap .tbl .time {width:145px; padding:0 13px; font-family:'Saira';}
.program_wrap .tbl .tt {font-size:17px; width:calc(100% - 395px);}
.program_wrap .tbl .name {width:250px; padding-left:15px;}
.program_wrap .tbl .bg {background:#FFF8D3;}
.program_wrap .tbl .bg:first-child {border-bottom:0;}
.program_wrap .tbl .bg .tt {font-weight:600;}
.program_wrap .tbl .session {background:#EA516D; border-bottom:0;}
.program_wrap .tbl .session .time {font-size:20px; color:#FFF8D3; font-weight:600;}
.program_wrap .tbl .session .tt {font-size:20px; color:#fff; font-weight:600; line-height:25px;}
.program_wrap .tbl .session .name {font-size:16px; color:#fff; font-weight:600;}

/* 사전등록 안내 */
.pre_registration .pre_top {height:170px; display:flex; flex-direction:column; justify-content:center; background:url('../images/bg_pre_top.svg') no-repeat right center / contain;}
.pre_registration .pre_top strong {display:block; font-size:42px; color:#222;} 
.pre_registration .pre_top p {font-size:27px; color:#222; font-weight:600; line-height:36px; margin-top:6px;}
.pre_registration .pre_scd {margin:20px 0 60px; background:#FAFAFA; padding:40px 50px;}
.pre_registration .pre_scd dl {display:flex; gap:10px; margin-bottom:50px;}
.pre_registration .pre_scd dl:last-child {margin-bottom:0;}
.pre_registration .pre_scd dt {width:130px; font-size:14px; color:#fff; font-weight:600; line-height:24px; height:24px; background:#F1918D; border-radius:3px; text-align:center;}
.pre_registration .pre_scd dd {width:calc(100% - 140px); color:#222; line-height:24px;}
.pre_registration .pre_scd dd .red {font-size:inherit; color:#BF0012;}
.pre_registration .pre_scd ul {display:flex; gap:30px; margin-bottom:10px;}
.pre_registration .pre_scd li {display:flex; gap:5px; letter-spacing:-.3px;}
.pre_registration .pre_scd .t {font-size:12px; font-weight:600; line-height:22px; height:24px; width:75px; text-align:center; border:1px solid; border-radius:12px;}
.pre_registration .pre_scd .c1 {color:#AC0009; border-color:#AC0009;}
.pre_registration .pre_scd .c2 {color:#222; border-color:#222;}
.pre_registration .pre_scd span {font-size:18px;}
.pre_registration .pre_scd span strong{font-size:20px;}
.pre_registration .pre_scd p {font-size:18px; }
.dots_bar {width:100%; height:0; border-top:#ddd 1px dashed; margin-top:70px;}
.dlbox dl {display:flex; margin-top:60px;}
.dlbox dt {position:relative; width:130px; padding-top:15px; font-size:16px; color:#666; font-weight:600; line-height:20px;}
.dlbox dt:before {content:""; position:absolute; top:0; left:0; width:15px; height:2px; background:#E92A23;}
.dlbox dd {width:calc(100% - 130px);}
.dots_list p {font-size:16px; color:#666; line-height:26px; padding-left:8px; text-indent:-8px;}
.pre_registration .bank {margin-top:20px; height:80px; background:#FAFAFA; border-radius:3px; display:flex; gap:50px; justify-content:center; align-items:center;}
.pre_registration .bank i {width:140px; height:36px; background:url('../images/icon_bank.svg') no-repeat 50% 50% / contain;}
.pre_registration .bank p {font-size:20px; color:#222; font-weight:600; line-height:24px;}
.pre_registration .contact_box {display:flex; gap:20px;}
.pre_registration .contact_box li {width:calc(50% - 10px); border:#ddd 1px solid; border-radius:3px; padding:40px 50px 30px;}
.pre_registration .contact_box .name {line-height:26px; padding-bottom:25px; border-bottom:#ddd 1px solid; margin-bottom:20px; height:78px;}
.pre_registration .contact_box .name strong {display:block; font-size:20px; color:#222;}
.pre_registration .contact_box .name span {display:block; font-size:14px; color:#666;}
.pre_registration .contact_box p {color:#666; line-height:32px; padding-left:26px; background:no-repeat 0 50%;}
.pre_registration .contact_box p.tel {background-image:url('../images/icon_tel.svg');}
.pre_registration .contact_box p.mail {background-image:url('../images/icon_mail.svg');}

.btn_big {display:block; font-size:20px; color:#fff; font-weight:600; line-height:78px; height:78px; width:390px; margin:0 auto; border-radius:39px; text-align:center; background:#222;}
.btn_submit {margin-top:60px;}
.btn_big.btn_l {color:#222; background:#fff; border:#ddd 1px solid; line-height:76px;}

.tbl .tar {font-size:16px; color:#666; line-height:20px; margin-bottom:10px;}
.tbl table {border-top:#4B4B4B 1px solid;}
.tbl th,
.tbl td {border-bottom:#EBEBEB 1px solid; color:#222;}
.tbl th {width:290px; font-weight:600; line-height:21px; padding:25px 20px 25px 30px; background:#FAFAFA; border-right:#EBEBEB 1px solid; text-align:left;}
.tbl td {font-size:16px; padding:15px 20px;}
.tbl col.cw1 {width:120px;}
.tbl col.cw2 {width:184px;}
.tbl col.cw3 {width:74px;}
.tbl col.cw4 {width:152px;}
.tw_col th,
.tw_col td {width:auto; text-align:center; border-right:#ddd 1px solid;}
.tw_col th:last-child,
.tw_col td:last-child {border-right:0;}
.tw_col th {padding:25px 10px;}
.tw_col td {padding:10px; word-break:keep-all;}
.tw_col td.tal {padding:10px 20px;}

.text {max-width:100%; border:#ddd 1px solid; border-radius:3px; padding:0 20px;}
input.text,
select.text {height:40px;}
.text::placeholder {color:#999;}
.tbl .w1 {width:490px;}
.tbl .w2 {width:300px;}
.tbl .w3 {width:570px;}
.tbl .flex {display:flex; flex-wrap:wrap; gap:10px;}
.tbl .flex.mb {margin-bottom:10px;}
.tbl .flex.vam {align-items:center;}
.tbl .btn {font-size:16px; color:#222; font-weight:600; line-height:38px; height:40px; border:#222 1px solid; border-radius:3px; padding:0 20px;}
.tbl .btn.d_b {display:block; color:#fff; background:#222; width:170px; text-align:center; margin-top:10px;}
.tbl .titbox {font-size:16px; color:#fff; font-weight:600; line-height:18px; height:38px; padding:10px 20px; border-radius:3px; background:#222; margin:10px 0; display:inline-block; vertical-align:top;}
.tbl .radios {display:flex; gap:0 30px;}
.tbl .radios.column {flex-direction:column;}
.nice-select .list,
.nice-select .option {width:100%;}
.nice-select:after {width:14px; height:8px; background:url('../images/arrow_select.svg') no-repeat 50% 50% / contain; transform:rotate(0deg); border:0; transform-origin:50% 50%;}
.nice-select.open:after {transform:rotate(180deg);}
.tbl td.tac {padding:50px 20px;}
.tbl td.tac .radios {justify-content:center; gap:40px;}
.pre_registration.inputs .dlbox {overflow:hidden; padding-top:40px;}
.pre_registration.inputs .bank {height:110px; margin:0;}
.pre_registration.inputs .bank p {line-height:36px;}
.pre_registration.inputs .bank span {font-size:16px; color:#666; font-weight:400; margin-left:10px;}
.pre_registration ol li {position:relative; font-size:16px; color:#666; line-height:22px; margin-bottom:20px; padding-left:28px;}
.pre_registration ol li:last-child {margin-bottom:0;}
.pre_registration ol li span {position:absolute; top:2px; left:0; width:18px; height:18px; line-height:18px; text-align:center; font-size:11px; color:#fff; font-weight:700; background:#F8BEBC; border-radius:50%;}
.pre_registration.inputs .bar {width:100%; height:1px; background:#ddd; margin:60px 0;}

.inputs th,
.inputs td {padding:10px 0; line-height:50px; font-size:18px; line-height:25px;}
.inputs th {width:250px; font-weight:500; background:none; border-right:0;}
.inputs .nice-select,
.inputs select,
.inputs .text {border-radius:25px; height:50px; font-size:inherit; line-height:48px; float:none;}
.inputs .mail_flex {line-height:50px; gap:10px;}
.inputs .mail_flex span.e {width:20px;}
.inputs .mail_flex .text {width:calc((100% - 50px)/3);}
.inputs .check_opcl {width:100%; padding-top:10px; display:none;}
.inputs .check_opcl.on {display:flex;}
.inputs .member_open {display:none !important;}
.inputs .member_open.on {display:table-row !important;}
.inputs .member_open td {padding:30px; background:#F8F8F8;}
.inputs .colbox .inbox {width:730px; max-width:100%; background:#fff; border-radius:20px; box-shadow:rgba(0,0,0,.07) 0 5px 30px; margin:0 auto; padding:100px 110px;}
.inputs .colbox .tit {font-size:30px; font-weight:700; line-height:36px; margin-bottom:60px; letter-spacing:-.5px; text-align:center;}
.inputs .colbox .text {margin-bottom:20px;}
.inputs .colbox .text + .text {margin-bottom:40px;}
.inputs .colbox .text::placeholder {color:#A5A5A5;}
.inputs .colbox .btns {display:flex; gap:20px; flex-wrap:wrap;}
.inputs .colbox .btns .btn {width:calc(50% - 10px); height:50px; line-height:48px; font-size:16px; border:1px solid; border-radius:25px; text-align:center;}
.inputs .colbox .btns .btn_r {color:#fff; background:#F55D58; border-color:#F55D58;}
.inputs .colbox .btns .btn_l {color:#333; background:#fff; border-color:#707070 ;}
.inputs .colbox p {font-size:16px; color:#999; margin-top:20px;}
.inputs .id_box {display:flex; gap:20px; margin-bottom:20px; width:100%; max-width:440px;}
.inputs .id_box .text {width:calc(100% - 120px); margin-bottom:0;}
.inputs .btn {width:100px; height:50px; line-height:48px; text-align:center; font-size:16px; color:#333; border:#707070 1px solid; border-radius:25px;}
.inputs p.mt {color:#A5A5A5; margin-top:10px;}
.inputs .date {position:relative; max-width:100%;}
.inputs .date span {position:relative; max-width:100%;}
.inputs .date img {position:absolute; top:50%; right:20px; transform:translateY(-50%);}

.end_box {background:#FAFAFA; padding:60px; text-align:center; margin-bottom:60px;}
.end_box i {display:block; width:60px; height:60px; background:url('../images/icon_chk.svg') #E92A23 no-repeat 50% 50% / contain; margin:0 auto 36px; border-radius:50%;}
.end_box strong {font-size:24px; color:#222; font-weight:600; line-height:30px;}
.end_box p {font-size:16px; color:#666; font-weight:300; line-height:26px; margin: 25px 0;}
.pre_registration_end .tbl .tac {font-size:16px; color:#666; font-weight:300; line-height:26px; margin:33px 0 100px;}
.btns_tac {display:flex; justify-content:center; align-items:center; gap:20px;}
.btns_tac .btn_big {width:240px; height:60px; line-height:60px; margin:0; font-size:16px;}
.btns_tac .btn_l {line-height:58px;}

/* 후원사 */
.sponsor_wrap {width:760px;}
.sponsor_wrap dl {margin-bottom:70px;}
.sponsor_wrap dl:last-child {margin-bottom:0;}
.sponsor_wrap dt {font-size:16px; color:#fff; font-weight:600; line-height:28px; padding:0 20px; border-radius:3px; margin-bottom:20px;}
.sponsor_wrap dd {display:flex; gap:20px; flex-wrap:wrap;}
.sponsor_wrap dd span {width:calc((100% - 40px)/3); border:#ddd 1px solid; border-radius:3px; height:60px; display:flex; justify-content:center; align-items:center; overflow:hidden;}
.sponsor_wrap .c1 dt {background:#8184A3;}
.sponsor_wrap .c1 dd span {height:150px; width:calc(50% - 10px);}
.sponsor_wrap .c2 dt {background:#A6AAD0;}
.sponsor_wrap .c2 dd span {height:75px; width:calc(50% - 10px);}
.sponsor_wrap .c3 dt {background:#E5CB78;}
.sponsor_wrap .c4 dt {background:#A0A0A0;}
.sponsor_wrap .c5 dt {background:#D3B797;}

/* 공지사항 */
.board_list {border-top:#222 1px solid;}
.board_list dl {display:flex; align-items:center; border-bottom:#eee 1px solid; text-align:center;}
.board_list dl.dt {border-bottom-color:#ddd;}
.board_list dl > * {height:70px; line-height:26px; padding:0 5px; display:flex; align-items:center; justify-content:center;}
.board_list dl > *:nth-child(1) {width:12%;}
.board_list dl > *:nth-child(2) {width:60%;}
.board_list dl > *:nth-child(3) {width:14%;}
.board_list dl > *:nth-child(4) {width:14%;}
.board_list dt {font-weight:700; background:#F8F8F8;}
.board_list dd.tal {padding-left:20px; justify-content:flex-start;}
.board_list .tal a {display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list i.file {display:block; width:13px; height:18px; background:url('/pub/images/icon_file.svg') no-repeat 50% 50% / contain; margin:0 auto;}
.board_list .notice span {display:block; font-size:16px; color:#fff; font-weight:700; line-height:30px; height:30px; width:70px; text-align:center; background:#E92A23; border-radius:15px; margin:0 auto;}
.board_list.bdr dl > * {border-right:#eee 1px solid;}
.board_list.bdr dl > *:last-child {border-right:0;}
.board_list dd .btn {display:block; font-size:16px; color:#222; font-weight:700; line-height:38px; height:40px; width:70px; text-align:center; border-radius:3px; border:#222 1px solid; margin:0 auto;}

.board_top {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
.board_top .total {font-size:16px; color:#666; display:flex;}
.board_top .total strong {color:#E92A23; margin-left:10px;}
.board_top .search_wrap_out {display:flex; gap:10px;}
.board_top select.text {width:180px;}
.board_top .search_wrap {position:relative; border:#ddd 1px solid; width:280px; height:50px; padding-right:50px;}
.board_top .search_wrap .text {display:block; width:100%; height:100%; border:0; padding:0 10px;}
.board_top .search_wrap .btn {position:absolute; top:0; right:0; width:50px; height:50px; background:url('/pub/images/icon_search.svg') no-repeat 50% 50%; border:0; font-size:0;}

.board_bottom {overflow:hidden;}
.board_bottom .btns {overflow:hidden; margin-top:60px;}
.board_bottom .btns .btn {display:inline-block; width:80px; height:30px; line-height:30px; background:#0e5ba2; color:#fff; font-weight:bold; text-align:center; border:0; border-radius:4px; vertical-align:top;}
.board_bottom .paging {display:flex; justify-content:center; margin-top:60px;}
.board_bottom .paging a {width:38px; height:38px; line-height:38px; text-align:center; border-radius:50%; font-size:16px; color:#222; vertical-align:top; font-family:'Saira';}
.board_bottom .paging a.on {color:#fff; background:#222;}
.board_bottom .paging .nums {margin:0 10px;}
.board_bottom .paging .arrow {position:relative; font-size:0;}
.board_bottom .paging .arrow.prev {margin-right:10px;}
.board_bottom .paging .arrow.next {margin-left:10px;}
.board_bottom .paging .arrow:before {content:""; display:block; width:100%; height:100%; background:no-repeat 50% 50%;}
.board_bottom .paging .arrow.one:before {background-image:url('../images/arrow_page1.svg');}
.board_bottom .paging .arrow.two:before {background-image:url('../images/arrow_page2.svg');}
.board_bottom .paging .arrow.next:before,
.board_bottom .paging .arrow.last:before {transform:rotate(180deg);}

/* 게시판 상세 */
.board_view {border-top:#222 1px solid; max-width:1200px; margin:0 auto;}
.board_view .tit {padding:40px 30px; font-size:24px; font-weight:500; line-height:30px; border-bottom:#ddd 1px solid;}
.board_view .tit .date {display:flex; margin-top:24px;}
.board_view .tit .date li {position:relative; padding-right:21px; margin-right:20px; font-size:16px; color:#999; font-weight:300; line-height:20px;}
.board_view .tit .date li:after {content:""; position:absolute; top:50%; right:0; width:1px; height:16px; background:#ddd; transform:translateY(-50%);}
.board_view .tit .date li:last-child:after {display:none;}
.board_view .con {padding:60px 100px; border-bottom:#ddd 1px solid;}
.board_view .con * {font-family:'Pretendard' !important;}
.board_view .con img {box-shadow:rgba(0,0,0,.09) 0 3px 20px;}
.board_view .con .no_shadow img {box-shadow:none;}
.board_view .file {position:relative; background:#F8F8F8 url('/pub/images/icon_file.svg') no-repeat 32px 21px; padding:20px 20px 20px 53px; border-bottom:#ddd 1px solid;}
.board_view .file a {display:block; line-height:20px;}
.board_view .ot_page li {position:relative; border-bottom:#ddd 1px solid; padding-left:190px; line-height:70px;}
.board_view .ot_page .arrow {position:absolute; top:0; left:0; width:157px; height:100%; padding-left:34px;}
.board_view .ot_page .arrow:before,
.board_view .ot_page .arrow:after {content:""; position:absolute;}
.board_view .ot_page .arrow:before {top:50%; right:0; width:1px; height:16px; background:#ddd; transform:translateY(-50%);}
.board_view .ot_page .arrow:after {top:0; right:33px; width:12px; height:100%; background:url('/pub/images/arrow_page.svg') no-repeat 50% 50% / contain;}
.board_view .ot_page .arrow.next:after {transform:rotate(180deg);}
.board_view .ot_page a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.btn_list,
.board_view .btn_home {display:block; font-size:16px; color:#fff; font-weight:700; line-height:60px; height:60px; width:240px; border-radius:30px; margin:70px auto 0; background:#222; font-family:'Saira'; text-align:center;}

/* 문의하기 */
.board_write {border-top:#222 1px solid;}
.join_write {width:1000px; max-width:100%; margin:0 auto;}
.board_write tr > * {border-bottom:#ddd 1px solid; line-height:40px; padding:15px 0;}
.board_write th {width:220px; padding-left:30px; text-align:left;}
.board_write td input.text,
.board_write td select.text {height:40px; border-radius:5px; padding:0 10px;}
.board_write td .w1 {width:300px;}
.board_write td .w2 {width:610px;}
.board_write td select.wauto {width:auto; padding-right:35px;}
.board_write td .flex {display:flex; gap:10px; flex-wrap:wrap; align-items:center;}
.board_write td .flex .btn {width:120px; height:40px; line-height:38px; text-align:center; font-size:16px; color:#222; border:#222 1px solid; border-radius:5px;}
.board_write td .flex.gap {gap:30px;}
.board_write td .radios,
.board_write td .checks {gap:10px 30px;}
.board_write td .btn + label.check {margin-left:10px;}
.board_write td textarea.text {height:140px;}
.board_write .check_wrap {margin:20px 0 70px;}
.board_write .check_wrap a {font-weight:500; text-decoration:underline;}
.board_write dl {display:flex; width:100%; border-bottom:#ddd 1px solid;}
.board_write dl > * {padding:15px 0; line-height:40px;}
.board_write dl > dt {font-weight:600; padding-left:30px; width:220px;}
.board_write dl > dd {width:calc(100% - 220px); display:flex; flex-wrap:wrap; gap:10px;}
.board_write dl > dd .text {height:40px; max-width:100%; padding:0 15px; border-radius:3px;}
.board_write dl > dd .w1 {width:300px;}
.board_write dl > dd .w2 {width:610px;}
.board_write dl > dd input[disabled] {background:#fff;}
.board_write dl > dd .btn {font-size:16px; font-weight:600; line-height:38px; height:40px; width:120px; border:#222 1px solid; border-radius:3px; text-align:center; margin-right:calc(100% - 430px);}
.board_write dl > dd .btn[disabled] {color:#222;}
.board_write dl > dd p {width:100%; justify-content:flex-start; font-size:14px;}
.board_write .payment {gap:20px 60px;}
.board_write .pt0 > * {padding:0;}
.board_write.nbd_b dl {border-bottom:0;}
.board_write.bdb {border-bottom:#ddd 1px solid !important;}
.board_write + .btm_tac {font-size:16px; line-height:26px; text-align:center; padding:60px 0 30px;}
.order_write dl {overflow:hidden;}
.order_write dl > dt {background:#F7F7F7; padding-left:0; text-align:center;}
.order_write dl > dd {padding-left:20px;}
.board_write .payment {padding:0 20px; align-items:center;}
.order_write .flex {display:flex; gap:10px 45px}
.order_write .con_card dl > dd {padding-bottom:20px;}
.con_transfer dl {border-top:#ddd 1px solid;}
.con_transfer.on dl {border-top:#ddd 1px solid; border-bottom:0;}
.con_transfer .con_transfer_in {border-top:0; border-bottom:#ddd 1px solid;}
.con_transfer .con_transfer_in dt {padding:0;}
.con_transfer .con_transfer_in dd {padding:0 20px 20px;}
.con_transfer.on .con_transfer_in {border-top:0; border-bottom:#ddd 1px solid;}
.con_transfer.on .con_transfer_in dt,
.con_transfer.on .con_transfer_in dd {padding-top:0;}

.set_hide {display:none;}
.set_hide.on {display:table-row;}

.yak_agree {border-bottom:#ddd 1px solid;}
.yak_agree.bg {background:#F7F7F7;}
.yak_agree .all {background:#F7F7F7; padding:19px 30px;}
.yak_agree label.check {display:block; line-height:32px; font-weight:500; margin-right:20px;}
.yak_agree label.check i {top:8px;}
.yak_agree ul {padding:10px 30px;}
.yak_agree li {display:flex; line-height:32px; padding:5px 0;}
.yak_agree li .btn {width:92px; height:32px; line-height:30px; text-align:center; font-size:16px; color:#666; font-weight:500; border:#ddd 1px solid; border-radius:5px;}
.yak_agree li span {font-size:16px; color:#999;}

/* 캡챠 */
.capcha {display:flex; flex-wrap:wrap; gap:10px; width:300px; max-width:100%;}
.capcha .img {width:180px; height:60px; border:#ddd 1px solid; border-radius:5px;}
.capcha .img img {width:100%; height:100%; object-fit:cover;}
.capcha .btns {width:28px; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; gap:4px;}
.capcha .btns button {width:28px; height:28px; background:#FAFAFA no-repeat 50% 50%; border:#ddd 1px solid; border-radius:5px;}
.capcha .btns .sound {background-image:url('/pub/images/icon_capcha_sound.svg');}
.capcha .btns .re {background-image:url('/pub/images/icon_capcha_re.svg');}
.capcha .text {width:100%;}

/* 로그인 */
.log_wrap {width:500px; max-width:100%; margin:0 auto;}
.log_wrap .text {height:60px; line-height:58px; padding:0 20px; margin-bottom:10px;}
.log_wrap .text::placeholder {font-size:16px; color:#999;}
.log_wrap .all label.check {display:inline-block; vertical-align:top; line-height:30px;}
.log_wrap .all label.check i {top:8px;}
.log_wrap .btn {display:block; width:100%; height:60px; line-height:60px; text-align:center; font-size:16px; color:#fff; font-weight:700; background:#222; margin-top:30px;}
.log_wrap .btn_w {color:#222; background:#fff; border:#ddd 1px solid; line-height:58px;}
.log_wrap .btn + .btn {margin-top:10px;}
.log_wrap .links {display:flex; margin-top:30px;}
.log_wrap .links a {position:relative; width:calc(100%/3); line-height:22px; text-align:center;}
.log_wrap .links a:before {content:""; position:absolute; top:50%; left:0; width:1px; height:16px; background:#ddd; transform:translateY(-50%);}
.log_wrap .links a:first-child:before {display:none;}
.log_wrap .gbox {padding:50px 30px; font-size:16px; color:#999; line-height:26px; margin-bottom:30px; background:#F8F8F8; text-align:center;}
.log_wrap .gbox i {display:block; width:80px; height:80px; background:#fff no-repeat 50% 50%; margin:0 auto 20px; border-radius:50%;}
.log_wrap .gbox i.find {background-image:url('../images/icon_find.svg')}
.log_wrap .gbox i.reset_pw {background-image:url('../images/icon_reset_pw.svg')}
.log_wrap .gbox i.end {background-image:url('../images/icon_end.svg');}
.log_wrap .gbox.end {padding:60px 30px; color:#222;}
.log_wrap .gbox .tit {font-size:32px; color:#222; font-weight:600; line-height:38px; margin:30px 0 20px;}
.log_wrap .gbox .tit.s {font-size:24px; line-height:1; margin:20px 0 0;}
.log_wrap .gbox strong {font-size:22px;}
.log_wrap p.c_red {font-size:15px; margin-top:5px;}

/* 회원가입 */
.inputs_multi {padding:5px 0 0; font-size:16px;}
.inputs_multi > dl {display:flex; padding:15px 0; border-bottom:#EBEBEB 1px solid;}
.inputs_multi > dl > dt {width:310px; font-weight:600; line-height:40px; padding-left:30px;}
.inputs_multi > dl > dd {width:calc(100% - 310px); display:flex; flex-wrap:wrap; align-items:center;}
.inputs_multi > dl > dd > p.s {font-size:15px; margin-top:10px;}
.inputs_multi > dl > dd > p.mt {margin-top:10px;}
.inputs_multi .text.w100p {max-width:490px;} 

.inputs_multi dl.select {position:relative; z-index:1; max-width:300px;}
.inputs_multi dl.select dt {position:relative; width:100%; height:40px; line-height:38px; padding:0 40px 0 20px; border:#ddd 1px solid; border-radius:3px; cursor:pointer; user-select:none;}
.inputs_multi dl.select dt input {display:block; width:100%; height:100%; font-size:inherit; color:inherit; background:none; border:0; outline:0;}
.inputs_multi dl.select.on {z-index:2;}
.inputs_multi dl.select.on dt {border-radius:3px 3px 0 0; border:#E59700 2px solid; border-bottom:#ddd 1px solid;}
.inputs_multi dl.select dt:after {content:""; position:absolute; top:0; right:25px; width:16px; height:100%; background:url('/pub/images/arrow_select.svg') no-repeat 50% 50% / contain; opacity:.2; transition:.2s linear;}
.inputs_multi dl.select.on dt:after {transform:rotate(180deg); opacity:.5;}
.inputs_multi dl.select i {position:absolute; top:50%; left:25px; width:32px; height:32px; border-radius:50%; overflow:hidden; box-shadow:rgba(0,0,0,.15) 0 3px 10px; transform:translateY(-50%); background:no-repeat 50% 50% / contain;}
.inputs_multi dl.select i.kor {background-image:url('../images/langs_korea.svg');}
.inputs_multi dl.select i.usa {background-image:url('../images/langs_usa.svg');}
.inputs_multi dl.select dd {position:absolute; top:100%; left:0; width:100%; border:#E59700 2px solid; border-top:0; border-radius:0 0 3px 3px; background:#fff; display:none; overflow:hidden;}
.inputs_multi dl.select dd .scroll {max-height:270px; overflow-y:auto;}
.inputs_multi dl.select dd a {position:relative; display:block; line-height:45px; padding:0 40px 0 20px; user-select:none;}
.inputs_multi .colbox {padding:0 0 40px; border-bottom:#EBEBEB 1px solid;}
.inputs_multi .colbox .gbox {padding:60px 20px; background:#FAFAFA;}
.inputs_multi .colbox .gbox.pd3 {padding:30px;}
.inputs_multi .colbox .inbox {width:660px; max-width:100%; background:#fff; border-radius:20px; box-shadow:rgba(0,0,0,.07) 0 5px 30px; margin:0 auto; padding:80px 140px;}
.inputs_multi .colbox .tit {font-size:30px; font-weight:700; line-height:36px; margin-bottom:40px; letter-spacing:-.5px; text-align:center;}
.inputs_multi .colbox .text {height:50px; margin-bottom:10px; padding:0 30px;}
.inputs_multi .colbox .text + .text {margin-bottom:20px;}
.inputs_multi .colbox .text::placeholder {color:#A5A5A5;}
.inputs_multi .colbox .btns {display:flex; gap:20px 10px; flex-wrap:wrap;}
.inputs_multi .colbox .btns .btn {width:calc(50% - 5px); height:50px; line-height:48px; border:1px solid; border-radius:25px; text-align:center;}
.inputs_multi .colbox .btns .btn_r {color:#fff; background:#F55D58; border-color:#F55D58; border-radius:3px;}
.inputs_multi .colbox .btns .btn_l {color:#333; background:#fff; border-color:#707070 ;}
.inputs_multi .colbox .ne {position:relative; font-size:15px; color:#999; line-height:22px; padding-left:21px; letter-spacing:-.5px; width:calc(100% + 80px); margin:30px -40px 0;}
.inputs_multi .colbox .ne:before {content:""; position:absolute; top:3px; left:0; width:16px; height:16px; background:url('../images/icon_ne.svg') no-repeat 50% 50% / contain;}
.inputs_multi .id_box {display:flex; gap:10px; width:100%; max-width:430px;}
.inputs_multi .id_box .text {width:calc(100% - 130px); margin-bottom:0;}
.inputs_multi .btn {width:120px; height:40px; line-height:38px; text-align:center; color:#222; border:#222 1px solid; border-radius:3px;}
.inputs_multi .colbox .terms_box {width:100%; background:#fff; border-radius:10px; overflow:auto; max-height:370px; text-align:left; color:#333; line-height:25px; padding:25px 60px;}
.inputs_multi .colbox label.check {line-height:20px; margin-top:20px;}
.inputs_multi .colbox label.check i {top:2px;}
.inputs_multi .w1 {width:100%; max-width:440px;}
.inputs_multi .w2 {width:100%; max-width:300px;}
.inputs_multi .w3 {width:100%; max-width:570px;}
.inputs_multi .half {display:flex; gap:10px; width:100%; max-width:430px;}
.inputs_multi .half .select {width:155px;}
.inputs_multi .half .text {width:calc(100% - 130px);}
.inputs_multi .text.mt {margin-top:10px;}
.inputs_multi .radios {display:flex; gap:30px;}

.inputs_multi .btn_submit {display:block; font-size:20px; color:#fff; font-weight:600; line-height:25px; height:78px; width:390px; background:#222; border-radius:38px; margin:60px auto 0; display:flex; justify-content:center; align-items:center; text-align:center;}

.join_end {width:100%; max-width:500px; margin:0 auto;}
.join_end .gbox {background:#F8F8F8; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:60px 20px; text-align:center;}
.join_end .gbox i {display:block; width:70px; height:70px; margin:0 auto 20px; background:url('../images/icon_join_end.svg') #fff no-repeat 50% 50% / contain; border-radius:50%;}
.join_end .gbox strong {display:block; font-size:24px; color:#222; font-weight:600; line-height:30px;}
.join_end .btn {display:block; font-size:16px; color:#fff; font-weight:700; line-height:60px; height:60px; background:#222; border-radius:3px; text-align:center; margin-top:30px;}

/* 마이페이지 */
.myapge_wrap {position:relative; min-height:calc(100vh - 657px);}
.myapge_wrap.pd {padding-left:400px; padding-right:400px;}
.my_menu {position:absolute; top:310px; left:0; width:400px; height:calc(100vh - 110px); padding:90px 50px; background:#fff; z-index:1;}
.my_menu .name {font-size:36px; color:#222; font-weight:700; line-height:44px; margin-bottom:45px;}
.my_menu .name .mail {font-size:16px; font-weight:500; line-height:22px; margin-top:10px;}
.my_menu .menu {border-top:#ddd 1px solid;}
.my_menu .menu a {display:block; font-size:18px; color:#999; font-weight:500; line-height:70px; padding:0 25px; border-bottom:#ddd 1px solid;}
.my_menu .menu a.on {color:#222; font-weight:700; text-decoration:underline; background:#F8F8F8;}

.inputs_multi.dt_bg {position:relative;}
.inputs_multi.dt_bg:before {content:""; position:absolute; top:0; left:0; width:200px; height:100%; background:#fafafa; border-right:#ebebeb 1px solid; z-index:-1;}
.inputs_multi.dt_bg dt {width:200px;}
.inputs_multi.dt_bg dd {width:calc(100% - 200px); padding-left:70px;}

.btns_half {position:relative; display:flex; justify-content:center; align-items:center; gap:20px; margin-top:70px;}
.btns_half.mt100 {margin-top:100px;}
.btns_half.mt3 {margin-top:30px;}
.btns_half .btn {display:block; width:240px; height:60px; line-height:20px; font-size:16px; color:#fff; font-weight:600; background:#222; border-radius:30px; text-align:center; display:flex; justify-content:center; align-items:center; border:0;}
.btns_half .btn_w {color:#222; background:#fff; border:#222 1px solid;}
.btns_half .btn_withdrawal {position:absolute; bottom:0; right:0; font-size:16px; color:#222; text-decoration:underline; line-height:60px;}
.btns_half .btn_s {color:#222; background:#fff; box-shadow:rgba(0,0,0,.1) 0 0 20px;}
.btns_half .btn_g {color:#222; background:#fff; border:#ddd 1px solid;}
.btns_half.thin .btn {width:160px; height:48px; line-height:48px; font-size:16px; max-width:calc(50% - 5px);}
.btns_half.tac a {margin:0 !important;}

.btn_receipt {display:block; font-size:16px; color:#fff; font-weight:600; line-height:45px; height:45px; width:180px; border-radius:22px; text-align:center; margin:40px auto 0; background:#222;}

.popup,
.popup .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
.popup {z-index:101; color:#222; display:none;}
.popup .dm {background:rgba(0,0,0,.5);}
.popup .inbox {position:absolute; top:50%; left:50%; width:800px; max-width:calc(100vw - 30px); max-height:calc(100vh - 30px); padding:60px 40px 35px; background:#fff; box-shadow:rgba(0,0,0,.2) 0 3px 30px; transform:translate(-50%,-50%);}
.popup .btn_close {position:absolute; top:0; right:15px; width:70px; height:70px; background:url('../images/btn_close.svg') no-repeat 50% 50%; font-size:0; z-index:1;}
.popup .top_area {display:flex; justify-content:space-between; font-weight:600; line-height:34px; margin-bottom:20px;}
.popup .btn_print {font-size:16px; color:#fff; height:34px; width:120px; text-align:center; background:#222; border-radius:3px;}
.popup .num {font-size:18px;}
.popup .bdbox {position:relative; border:#707070 1px solid; border-radius:20px; padding:120px 40px 55px; max-height:calc(100vh - 199px); overflow:auto; z-index:1;}
.popup .bdbox > img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:-1;}
.popup .tt {font-size:48px; font-weight:700; line-height:58px; text-align:center; margin-bottom:140px;}
.popup li {margin-bottom:45px; display:flex; gap:5px; font-size:22px; font-weight:600; line-height:30px; letter-spacing:-.5px;}
.popup li:last-child {margin-bottom:0;}
.popup li span.bdb {border-bottom:#444 2px solid; width:360px;}
.popup li span.s {font-size:21px;}
.popup p {font-size:22px; font-weight:300; line-height:26px; text-align:center; padding:72px 0 100px;}
.popup .date {font-size:30px;font-weight:600; line-height:36px; text-align:center; margin-bottom:40px;}
.popup .name {position:relative; font-size:35px; font-weight:700; line-height:75px; text-align:center;}
.popup .name img {position:absolute; top:0; left:50%; width:77px; height:75px; z-index:-1; margin-left:130px;}
.fancy_white .fancybox-close {top:0; right:0; width:60px; height:60px; background:#222; mask:url('/pub/images/btn_close.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/btn_close.svg') no-repeat 50% 50%;}

.pop_withdrawal {padding:40px; width:800px; max-width:100%; word-break:keep-all;}
.pop_withdrawal .tit {font-size:24px; color:#222; font-weight:700; line-height:30px; text-align:center; margin-bottom:30px;}
.pop_withdrawal .gbox {padding:30px; background:#F8F8F8; border-radius:3px;}
.pop_withdrawal .dots_list p {position:relative; font-size:16px; color:#222; text-align:left; padding-left:13px; text-indent:0; margin-bottom:16px;}
.pop_withdrawal .dots_list p:before {content:""; position:absolute; top:12px; left:0; width:3px; height:3px; background:#222; border-radius:50%;}
.pop_withdrawal .btns {display:flex; justify-content:center; gap:10px; margin-top:40px;}
.pop_withdrawal .btns .btn {width:160px; height:48px; line-height:48px; font-size:16px; color:#fff; font-weight:700; text-align:center; border:0; border-radius:24px; background:#222;}
.pop_withdrawal .btns .btn_w {color:#222; background:#fff; box-shadow:rgba(0,0,0,.14) 0 0 20px;}

.terms {font-size:18px; color:#666; font-weight:300; line-height:30px; padding-top:42px; word-break:keep-all;}
.terms .tt {font-size:20px; color:#222; font-weight:600; line-height:24px; margin:50px 0 20px;}
.terms p + ol {margin-top:20px;}
.terms ol li {position:relative; padding-left:28px;}
.terms ol li span {position:absolute; top:6px; left:0; width:18px; height:18px; line-height:18px; font-size:11px; color:#fff; font-weight:700; text-align:center; background:#F8BFBD; border-radius:50%;}
.terms ol li .pl {padding-left:16px; text-indent:-16px;}
.terms .tbl {margin:20px 0;}
.terms .tbl th {width:240px;}
.terms p + .dots {margin-top:15px;}
.terms .dots + p {margin-top:10px;}
.terms .dots li {position:relative; padding-left:22px;}
.terms .dots li:before {content:""; position:absolute; top:9px; left:0; width:12px; height:12px; border:#E92A23 3px solid; border-radius:50%;}

.fancybox-inner .privacy_policy_area {padding:20px; max-width:1000px;}

.jq_tab {display:flex; justify-content:center; gap:20px; margin:0 0 50px;}
.jq_tab li {width:180px; max-width:calc((100% - 60px)/3);}
.jq_tab button {display:block; width:100%; height:60px; line-height:60px; text-align:center; font-size:16px; color:#222; font-weight:500; font-family:'Saira'; border-radius:30px; background:#F8F8F8;}
.jq_tab .on button {color:#fff; background:#E92A23;}
.academic_event table {border-top:#222 2px solid;}
.academic_event .btn_receipt {width:100%; margin:0 auto; font-size:14px;}

/* 오시는 길 */
.root_daum_roughmap {max-width:100%;}
.wrap_map .mark_point {display:none;}
.wrap_map .point_img {position:relative;}
.wrap_map .point_img:before {content:""; position:absolute; top:-9px; left:-4px; width:39px; height:50px; background:url('../images/icon_mappoint.svg') no-repeat 50% 50% / contain;}
.wrap_map .point_img img {opacity:0;}
.location {color:#222;}
.location .map_txt {position:relative; z-index:1; width:1140px; max-width:100%; margin:0 auto;}
.location .head {position:relative; padding:60px 0 60px 340px; border-bottom:#EBEBEB 1px solid;}
.location .box {position:absolute; bottom:60px; left:0; width:280px; height:300px; padding:50px 40px; display:flex; flex-direction:column; justify-content:space-between; background:#222; color:#fff;}
.location .box span {font-size:16px; font-weight:500; line-height:26px;}
.location .box strong {font-size:32px; line-height:38px;}
.location ul {display:flex; gap:60px;}
.location li {padding-left:40px; background:no-repeat 0 50%;}
.location li.i1 {background-image:url('../images/icon_location01.svg');}
.location li.i2 {background-image:url('../images/icon_location02.svg');}
.location dl {margin-top:80px;}
.location dt {font-size:26px; font-weight:700; line-height:32px; margin-bottom:20px;}
.location .subway p {position:relative; padding-left:66px; line-height:25px; margin-bottom:12px;}
.location .subway p:last-child {margin-bottom:0;}
.location .subway p span {position:absolute; top:0; left:0; font-size:15px; font-weight:700; line-height:23px; height:25px; width:60px; text-align:center; border:1px solid; border-radius:3px;}
.location .subway p.i1 span {color:#7230A2; border-color:#7230A2;}
.location .subway p.i2 span {color:#3EB27C; border-color:#3EB27C;}
.location .subway p.i3 span {color:#F5833C; border-color:#F5833C;}
.location .subway p.i4 span {color:#029fdc; border-color:#029fdc;}
.location .tit {position:relative; font-size:22px; font-weight:600; line-height:26px; padding-left:12px; margin-bottom:20px;}
.location .tit:before {content:""; position:absolute; top:10px; left:0; width:6px; height:6px; background:#EA516D; border-radius:50%;}
.location .tit ~ .tit {margin-top:40px;}
.location .step {display:flex; flex-wrap:wrap; gap:10px 0;}
.location .step li {position:relative; font-size:17px; line-height:20px; padding:10px 20px; background:#F4F7FC; border-radius:3px; margin-right:44px; letter-spacing:-.5px;}
.location .step li:after {content:""; position:absolute; top:0; right:-44px; width:44px; height:100%; background:url('../images/arrow_step.svg') no-repeat 50% 50%;}
.location .step li:last-child {margin-right:0;}
.location .step li:last-child:after {display:none;}
.location .parking {font-size:20px; font-weight:600; line-height:30px; padding:30px; background:#F4F7FC; border-radius:3px; display:flex; justify-content:center; align-items:center; gap:15px;}
.location .parking:after {content:""; display:block; width:46px; height:26px; background:url('../images/icon_parking.svg') no-repeat 50% 50% / contain;}

.filebutton {position:relative; width:120px; height:40px; overflow:hidden;}
.filebutton span {display:inline-block; width:100%; height:100%; line-height:38px; font-size:16px; color:#222; text-align:center; border:#222 1px solid; vertical-align:top; border-radius:3px;}
.filebutton input {z-index:9; position:absolute; top:-1px; left:-100%; margin:0; padding:0; font-size:30px; line-height:0; opacity:0; filter:alpha(opacity = 0); -ms-filter:"alpha(opacity=0)"; cursor:pointer; _cursor:hand;}
.filebox {width:auto; max-width:calc(100% - 180px); height:40px; line-height:40px; overflow:hidden; color:#222; font-size:16px; white-space:nowrap; padding:0 20px;}
.filebox.fl {display:flex; gap:10px;}