@media screen and (max-width:1200px) {
}
@media screen and (max-width:768px) {
}
/*basic-set*/
input[type=text],
input[type=password],
textarea
{
    -webkit-box-sizing :border-box;‌​
    -moz-box-sizing :border-box;
    box-sizing :border-box;
	line-height:auto;
	vertical-align:top;
}
* { position:relative; word-break:keep-all; }
#wrap * { transition:all ease-in-out 0.2s; }
a.off { opacity:0.4; -webkit-opacity:0.4; pointer-events:none; cursor:default; }
.bt_view_detail { position:absolute; top:0; left:0; right:0; bottom:0; text-indent:-9999px; }
.pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); z-index:98; display:none; transition:none; }

/*layout*/
body { background: #000; }
:root {
    --tit_font : 'SUIT Variable';
}
#header { position: fixed; top: 0; left: 0; right: 0; z-index: 10; padding: 0 30px; background: linear-gradient(to bottom,rgba(255,255,255,0.48) 0%,rgba(255,255,255,0.2) 100%); backdrop-filter: blur(50px); }
#header.sticky { background: #000; }
#header .wrap { max-width: 1200px; height: 100px; margin: 0 auto; } 
#header .wrap h1 { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
#header .wrap h1 img { height: 56px; }

#gnb { position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: flex; gap: 106px; }
#gnb li a { font-size: 16px; color: #fff; }
#gnb li.on a { color: #F078C7; }

#footer { background: #000; }
#footer .wrap { max-width: 1200px; margin: 0 auto; }
#footer .partners { border: 1px solid #313131; border-width: 1px 0; padding: 0 30px; }
.partners ul { display: flex; gap: 85px; }
.partners li { width: auto; line-height: 120px; }
.partners li img { max-width: 100%; vertical-align: middle; }
.partners li:nth-child(1) img { max-height: 30%; }
.partners li:nth-child(2) img { max-height: 25%; }
.partners li:nth-child(3) img { max-height: 19.1%; }
.partners li:nth-child(4) img { max-height: 21.6%; }
.partners li:nth-child(5) img { max-height: 26.6%; }
#footer .info { padding: 63px 30px; font-size: 13px; line-height: 192%; color: #A8A8A8; font-weight: 200; }

#bt_top { position: fixed; bottom: 50px; right: 50px; width: 90px; height: 90px; cursor: pointer; background: url(../images/bt_top.png) 0/100% 100%; text-indent: -9999px; z-index: 90; }

#bt_gnb { display: none; }
@media screen and (max-width:1200px) {
#gnb { gap: 80px; }
.partners ul { gap: 5%; }

#bt_top { bottom: 30px; right: 30px; width: 70px; height: 70px; }
}
@media screen and (max-width:768px) {
#header { padding: 0 20px; }
#header .wrap { height: 70px; } 
#header .wrap h1 img { height: 38px; }

#bt_gnb { position:absolute; text-indent: -9999px; top: 50%; right: 0; width: 20px; height: 16px; margin-top: -8px; z-index: 11; display: block; }
#bt_gnb i { position: absolute; left: 0; right: 0; height: 2px; background: #fff; font-size: 0; line-height: 0; border-radius: 2px; -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
#bt_gnb i:nth-child(1) { top: 0; }
#bt_gnb i:nth-child(2),
#bt_gnb i:nth-child(3) { top: 7px; }
#bt_gnb i:nth-child(4) { top: 14px; }
#bt_gnb.on i:nth-child(1),
#bt_gnb.on i:nth-child(4) { opacity: 0; }
#bt_gnb.on i:nth-child(2) { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
#bt_gnb.on i:nth-child(3) { transform: rotate(-495deg); -webkit-transform: rotate(-495deg); }

#gnb { position: fixed; top: 0; bottom: 0; left: 100%; right: -100%; height: 100vh; transform: none; background: #000; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); z-index: 10; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; }
#gnb.on { left: 0; right: 0; }

.partners { padding: 0 20px; }
.partners ul { flex-wrap: wrap; gap: 5%; justify-content: center; padding: 15px 0; }
.partners li { width: 25%; line-height: 50px; text-align: center; }
.partners li img { max-height: 100% !important; }
#footer .info { padding: 30px 20px; font-size: 12px; }

#bt_top { bottom: 20px; right: 20px; width: 50px; height: 50px; }
}


/*contents*/
section { background: center center/cover; padding: 120px 30px; color: #fff; overflow: hidden; }
#sec00 { padding: 180px 30px; }
section .wrap { min-height: 600px; display: flex; align-items: center; }
section .wrap .inner { width: 100%; max-width: 1200px; margin: 0 auto; }
#sec00 { background-image: url(../images/sec00_bg.png); text-align: center; }
#sec01 { background-image: url(../images/sec01_bg.png); }
#sec02 { background-image: url(../images/sec02_bg.png); }
#sec03 { background-image: url(../images/sec03_bg.png); }
#sec04 { background-image: url(../images/sec04_bg.png); }
@media screen and (max-width:768px) {
section .wrap { min-height: 0; }
section { padding: 100px 20px 50px; }
#sec00 { padding: 150px 20px 200px; }
#sec04 { padding-bottom: 120px; }
}

#sec00 .tit { margin-bottom: 40px; }
#sec00 .tit img { max-height: 58px; max-width: 80%; }
#sec00 .s_tit { font-size: 23px; font-weight: 200; margin-bottom: 90px; }
#sec00 .list { display: flex; flex-wrap: wrap; gap: 75px; }
#sec00 .list li { box-sizing: border-box; width: calc(33.33% - 50px); background: linear-gradient(to bottom,#211A40,#000); border: 1px solid #504A6C; border-radius: 24px; padding: 10px 25px 25px; text-align: center; }
#sec00 .list li p { height: 200px; display: flex; align-items: center; justify-content: center; font-size: 25px; font-weight: 300; line-height: 160%; word-break: break-all; }
#sec00 .list li .bt_quick { display: block; line-height: 66px; border: 1px solid #504A6C; background: #1F183D; border-radius: 10px; font-size: 20px; color: #F078C6; }
#sec00 .list li .bt_quick:hover { border-color: #F078C6; }
#sec00 .list li .bt_quick::after { content: ''; display: inline-block; width: 26px; height: 10px; background: url(../images/arr_sec00_quick.png) 0/100% 100%; vertical-align: middle; margin: -5px 0 0 10px; }
#sec00 .partners { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 30px; background: #000; }
#sec00 .partners ul { max-width: 1200px; margin: 0 auto; }
@media screen and (max-width:1200px) {
#sec00 .list { gap: 30px; }
#sec00 .list li { width: calc(33.33% - 20px); padding: 10px 20px 20px; }
#sec00 .list li p { height: 180px; font-size: 20px; }
#sec00 .list li .bt_quick { line-height: 58px; font-size: 18px; }
}
@media screen and (max-width:768px) {
#sec00 .tit { margin-bottom: 20px; }
#sec00 .tit img { max-height: 48px; }
#sec00 .s_tit { font-size: 16px; margin-bottom: 60px; }
#sec00 .list { gap: 15px; flex-wrap: wrap; justify-content: center; }
#sec00 .list li { width: 80%; max-width: 300px; padding: 5px 20px 20px; }
#sec00 .list li p { height: 110px; font-size: 16px; }
#sec00 .list li .bt_quick { line-height: 45px; font-size: 16px; }
#sec00 .list li .bt_quick::after { width: 20px; height: 8px; margin-left: 6px; }
}

.sp_lay { display: flex; gap: 120px; }
.sp_lay .t_area { width: 400px; }
.sp_lay .t_area h2 { font-family: var(--tit_font); font-size: 52px; font-weight: 800; color: #fff; line-height: 105%; }
.sp_lay .t_area h2 span { display: block; color: #F078C5; }
.sp_lay .t_area .btns { width: 218px; margin-top: 110px; display: flex; flex-direction: column; gap: 20px; }
.sp_lay .t_area .btns a { width: 100%; line-height: 56px; padding-top: 2px; border: 1px solid #F078C6; border-radius: 30px; background: #000; box-shadow: 10px 0 40px rgba(240, 120, 198, 0.28); font-size: 16px; color: #F078C6; text-align: center; }
.sp_lay .t_area .btns a:hover { border-color: #fff; background: #F078C6; color: #000; }
.sp_lay .t_area .btns a::after { content: ''; display: inline-block; width: 18px; height: 7px; background: url(../images/arr_c_quick.png) 0/100% 100%; vertical-align: middle; margin: -5px 0 0 13px; transition: all 0.3s; }
.sp_lay .t_area .btns a:hover::after { background-image: url(../images/arr_c_quick_ov.png); }
.sp_lay .t_area .btns a.download::after { width: 22px; height: 15px; background: url(../images/ic_download.png) 0/100% 100%; }
.sp_lay .t_area .btns a.download:hover::after { background-image: url(../images/ic_download_ov.png); }
.sp_lay .c_area { width: calc(100% - 520px); color: #fff; }
.sp_lay .c_area .t_tx { font-size: 20px; font-weight: 300; line-height: 175%; padding-bottom: 47px; margin-bottom: 47px; }
.sp_lay .c_area .t_tx::after { content: ''; position: absolute; bottom: 0; left: 0; width: 1000%; height: 1px; background: rgba(255,255,255,0.21); }
.sp_lay .c_area .g_info { display: flex; flex-direction: column; gap: 40px; line-height: 200%; }
.sp_lay .c_area .g_info>dl>dt { padding-left: 17px; font-size: 16px; margin-bottom: 5px; }
.sp_lay .c_area .g_info>dl>dt::before { content: ''; position: absolute; top: 7px; left: 0; width: 8px; height: 8px; background: #fff; border-radius: 100%; }
.sp_lay .c_area .g_info>dl>dd { padding-left: 17px; font-size: 15px; font-weight: 200; }
.sp_lay .c_area .g_info>dl>dd.adr { display: flex; gap: 20px; }
.sp_lay .c_area .g_info>dl>dd .map { margin-left: -17px; padding-bottom: 74.5%; margin-top: 30px; }
.sp_lay .c_area .g_info>dl>dd .map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.sp_lay .c_area .g_info>dl>dd dl { display: flex; gap: 3px; }
.sp_lay .c_area .g_info>dl>dd dl dt { width: 55px; }
.sp_lay .c_area .g_info>dl>dd dl dt::before { content: '-'; position: absolute; top: 0; left: -12px; }
.sp_lay .c_area .g_info>dl>dd dl dd { width: calc(100% - 58px); }
.sp_lay .c_area .poster { border: 1px solid #383838; }
.sp_lay .c_area .poster img { width: 100%; }

@media screen and (max-width:1200px) {
.sp_lay { gap: 50px; }
.sp_lay .t_area { width: 320px; }
.sp_lay .t_area h2 { font-size: 48px; }
.sp_lay .c_area { width: calc(100% - 370px);}
}
@media screen and (max-width:768px) {
.sp_lay { flex-direction: column; gap: 30px; }
.sp_lay .t_area { width: 100%; }
.sp_lay .t_area h2 { font-size: 35px; }
.sp_lay .t_area .btns { width: auto; margin-top: 30px; flex-direction: row; gap: 10px; }
.sp_lay .t_area .btns a { width: 150px; line-height: 43px; font-size: 13px; }
.sp_lay .t_area .btns a::after { width: 15px; height: 6px; margin-left: 8px; }
.sp_lay .t_area .btns a.download::after { width: 18px; height: 13px; }
.sp_lay .c_area { width: 100%; }
.sp_lay .c_area .t_tx { font-size: 16px; padding-bottom: 30px; margin-bottom: 30px; }
.sp_lay .c_area .g_info { gap: 25px; }
.sp_lay .c_area .g_info>dl>dt { padding-left: 15px; font-size: 14px; margin-bottom: 3px; }
.sp_lay .c_area .g_info>dl>dt::before { top: 7px; width: 6px; height: 6px; }
.sp_lay .c_area .g_info>dl>dd { padding-left: 15px; font-size: 13px; }
.sp_lay .c_area .g_info>dl>dd .map { margin-left: -15px; padding-bottom: 100%; margin-top: 15px; }
.sp_lay .c_area .g_info>dl>dd dl { gap: 0; }
.sp_lay .c_area .g_info>dl>dd dl dt { width: 52px; }
.sp_lay .c_area .g_info>dl>dd dl dt::before { left: -10px; }
.sp_lay .c_area .g_info>dl>dd dl dd { width: calc(100% - 52px); }
}

.notice .t_area { font-family: var(--tit_font); font-size: 52px; color: #fff; font-weight: 800; line-height: 105%; margin-bottom: 45px; }
.notice .t_area h2 { font-family: var(--tit_font); font-size: 25px; color: #F078C6; }
.notice .list { border-top: 1px solid rgba(255,255,255,0.21); margin-bottom: 60px; }
.notice .list li { border-bottom: 1px solid rgba(255,255,255,0.21); line-height: 60px; padding-right: 200px; font-size: 15px; font-weight: 300; }
.notice .list li .title { display: inline-block; vertical-align: top; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; }
.notice .list li .title:hover { color: #F078C5; }
.notice .list li .date { position: absolute; top: 0; right: 0; color: #696969; }
.notice .bt_setting {
    color: #fff;
    position: absolute;
    right: 0;
    top: 150px;
    font-size: 20px;
}

.pagination { text-align: center; }
.pagination a { display: inline-block; vertical-align: top; margin: 0 10px; }
.pagination a.pn { text-indent: -9999px; height: 15px; width: 15px; background: no-repeat center center/auto 100%; }
.pagination a.pn.first { background-image: url(../images/pn_bt_first.png); }
.pagination a.pn.prev { background-image: url(../images/pn_bt_prev.png); }
.pagination a.pn.next { background-image: url(../images/pn_bt_next.png); }
.pagination a.pn.last { background-image: url(../images/pn_bt_last.png); }
.pagination a.pn.first.off { background-image: url(../images/pn_bt_first_off.png); }
.pagination a.pn.prev.off { background-image: url(../images/pn_bt_prev_off.png); }
.pagination a.pn.next.off { background-image: url(../images/pn_bt_next_off.png); }
.pagination a.pn.last.off { background-image: url(../images/pn_bt_last_off.png); }
.pagination span { margin: 0 10px; }
.pagination span a { line-height: 15px; padding: 0 1px; font-size: 15px; color: #696969; font-weight: 300; }
.pagination span a:hover { text-decoration: underline; }
.pagination span a.on { color:#fff; }

.pu_notice { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width: calc(100% - 60px); max-width: 1200px; background:#fff; z-index:99; display:none; transition:none; }
.pu_notice .bt_close { position: absolute; top: 0; right: -38px; width: 22px; height: 22px; background: url(../images/bt_pu_close.png) 0/100%; text-indent: -9999px; }
.pu_notice .con { max-height: 820px; overflow: hidden; overflow-y: auto; padding: 20px 56px; }
.pu_notice .con::-webkit-scrollbar { width: 10px; }
.pu_notice .con::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.45); }
.pu_notice .con::-webkit-scrollbar-track { background-color: #DEDEDE; }
.pu_notice .con .t_area { padding: 26px 0; border-bottom: 1px solid #000; font-size: 16px; font-weight: 500; padding-right: 150px; margin-bottom: 35px; }
.pu_notice .con .t_area .date { position: absolute; top: 26px; right: 0; font-size: 15px; color: #696969; font-weight: 300; }
.pu_notice .con .c_area { font-size: 13px; line-height: 192%; }
.pu_notice .con .c_area img { max-width: 100%; }
@media screen and (max-width:768px) {
.notice .t_area { font-size: 35px; margin-bottom: 25px; }
.notice .t_area h2 { font-size: 20px; }
.notice .list { margin-bottom: 40px; }
.notice .list li { line-height: 45px; padding-right: 100px; font-size: 12px; }

.pagination a { margin: 0 8px; }
.pagination a.pn { height: 14px; width: 14px; }
.pagination span { margin: 0 5px; }
.pagination span a { line-height: 14px; padding: 0; font-size: 13px; }

.pu_notice { width: calc(100% - 40px); }
.pu_notice .bt_close { top: -30px; right: 0; width: 20px; height: 20px; }
.pu_notice .con { max-height: 500px; padding: 0 20px 20px; }
.pu_notice .con .t_area { padding: 20px 0; font-size: 13px; margin-bottom: 25px; }
.pu_notice .con .t_area .date { position: relative; top: auto; right: auto; font-size: 12px; margin-top: 5px; }
.pu_notice .con .c_area { font-size: 12px; }
}