@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;word-break: keep-all;}
body{font-family: 'Pretendard';font-size:16px;color:#191919;}
audio,canvas,progress,video{display:inline-block;vertical-align:middle}
audio:not([controls]){display:none;height:0;}
ul,ol,li{list-style:none}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
fieldset,img{border:0}
hr{height:0;}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:middle}
sup{top:-0.5em}
sub{bottom:-0.25em}
address,caption,em,var{font-style:normal;font-weight:normal}
a{text-decoration:none;cursor:pointer;color:#333;}
a[href^="tel"]{font-style:normal}
a:hover,a:active,a:focus, button{text-decoration:none;outline: none;}
b,strong{font-weight:bold}
dfn{font-style:italic}
img{border:0;vertical-align:top}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0;}
legend, caption{overflow:hidden;text-indent:-9999999px; height:0 !important; width:0 !important;line-height:0 !important;margin:0;padding:0;}
input{vertical-align:middle;margin:0;padding:0;}
input[type="text"],input[type="password"],input[type="email"]{-webkit-appearance:none;border-radius:0;}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{border-radius:0;-webkit-appearance:button;}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible;border:none;cursor:pointer;margin:0;padding:0;}
button,select{text-transform:none}
optgroup{font-weight:bold}
textarea{border:1px solid #bcbcbc;overflow:auto;-webkit-appearance:none}
input::-ms-clear{display:none;}
.fl_l {float:left !important;}
.fl_r {float:right !important;}
.cl_b{clear:both !important;} 
.fl_txt {text-align:left !important;}
.disN{display:none;}
.disN2{display:none !important;}
.disB{display:block;}
.txC{text-align:center;}
.W_Auto{width:auto;}
.rel{position:relative;}
.cursor{
    cursor: pointer;
}
.ovYH{
    overflow-y: hidden;
}
*{box-sizing:border-box;letter-spacing: -0.5px;}




body,html  {background:#fff;scroll-behavior: smooth;}
/* body::-webkit-scrollbar {
    position: absolute;
    right: 0;
    width: 5px;
    display: none;
}
body::-webkit-scrollbar-thumb {
    background-color: #373d71;
    border-radius: 10px;
    background-clip: padding-box;
    border: 1px solid transparent;
}
body::-webkit-scrollbar-track {
    background-color: grey;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px white;
} */
body.main { }
/* .container {width:100%;max-width:1200px;min-height:600px;margin: 130px auto;}
.container.maxnone{max-width:none;}
.container.minH_auto{min-height:auto;}
.container.mb0{margin-bottom:0;} */
.container .inner img{width:100%;height: auto;}

.scrolld_down {position:absolute; bottom:13%; left:0; width:100%; text-align:center; z-index:10}
.scrolld_down .ico {animation: motion_scrolld_down 1.5s ease-in infinite; }


@keyframes motion_scrolld_down {
    0% {transform: translate3d(0, 0, 0)}
    50% {transform: translate3d(0, 10px, 0)}
    100% {transform: translate3d(0, 0, 0)}
}
@-webkit-keyframes motion_scrolld_down {
    0% {-webkit-transform: translate3d(0, 0, 0)}
    50% {-webkit-transform: translate3d(0, 10px, 0)}
    100% {-webkit-transform: translate3d(0, 0, 0)}
}
@-moz-keyframes motion_scrolld_down {
    0% {-moz-transform: translate3d(0, 0, 0)}
    50% {-moz-transform: translate3d(0, 10px, 0)}
    100% {-moz-transform: translate3d(0, 0, 0)}
}
.header-fixed-at-mobile-nav-opened #header .header-container, #header.fixed .header-container{padding:0;}
/****************����****************/


.subVisual {
    overflow: hidden;
    clear: both;
    position: relative;
    width: 100%;
    height: 500px;
    padding-top: 0;
    box-sizing: border-box;
    text-align: center;
    background: transparent;
    z-index: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    transition: 1s all;
}
.subVisual.scrolldown{
    /* height: 400px; */
}
.subVisual .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-size: cover;
    z-index: 1;
    width: 100%;
    margin: 0 auto;
    left: 0;
    top: 0;
    transform: scale(1.3);
    animation: subVisual_bg 4s forwards;
}
@keyframes subVisual_bg{
    to{
        transform: scale(1);
    }
} 
.subVisual .bg.sub_curator {
    background: url(../images/subVisual_curator.jpg) center center / cover no-repeat;
}
.subVisual .bg.sub_pickn {
    background: url(../images/subVisual_pickn.jpg) center center / cover no-repeat;
}
.subVisual .bg.sub_club {
    background: url(../images/subVisual_club.jpg) center center / cover no-repeat;
}
.subVisual .bg.sub_company {
    background: url(../images/subVisual_company.jpg) center center / cover no-repeat;
}
.subVisual .bg.sub_privacy {
    background: url(../images/subVisual_privacy.jpg) center center / cover no-repeat;
}
.subVisual .bg.sub_privacy.terms {
    background: url(../images/subVisual_terms.jpg) center center / cover no-repeat;
}
.subVisual .bg.sub_notice {
    background: url(../images/subVisual_notice.jpg) center center / cover no-repeat;
}
.body_curator #fp-nav {
    top: auto;
    bottom: 2.5%;
}
.body_curator #fp-nav ul li .fp-tooltip{
    color: #000;
    font-size: 16px;
    font-family: 'Pretendard';
}

.subVisual img{width:100%; height: auto;} 
.subVisual .slogan {padding-top:100px; margin: 0 auto}
.subVisual .underlayer {position:absolute; top:0; left:0; bottom:0; width:100%; height:100%; background:none repeat scroll 0 0 rgba(0, 0, 0, 0.3); z-index:0;}
.tabWrap{
    width: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(1,1,1,0.5);
    padding: 15px;
}
.tabWrap ul {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.tabWrap a {
    color: #aaaaaa;
    font-weight: 400;
    font-size: 20px;
    position: relative;
    padding-right: 30px;
}

.tabWrap a.active {
    color: #fff;
}
.tabWrap a.active:before{
	content: "";
	width: 24px;
	height: 14px;
	background: #fff;
	margin: 0 auto;
	clip-path: polygon(45% 0, 100% 0, 45% 100%, 0 100%);
	position: absolute;
	left: 50%;
	transform: translateX(calc(-50% - 10px));
	top: -21px;
}

@media (max-width:1080px){
    .tabWrap {
        padding: 15px;
    }
    .tabWrap .menu{
        text-align: left;
    }
	.tabWrap a {
        font-size: 11px;
        padding-right:5px;
	}
    .tabWrap a.active:before{
        width: 17px;
        height: 10px;
        top:-15px;
        transform: translateX(-50%);
    }
}

.subWrap{
    position: relative;
    background-color: #191917;
}
.subWrap *{
    line-height: 100%;
}
.subWrap img{
    width: 100%;
}
.subWrap.curator{
}
.subWrap.curator .titleArea{
    height: 500px;
}
.subWrap.curator .subVisual .rightT{
    position: absolute;
    right:15%;
    top:15%;
    text-align: right;
    z-index: 1;
}
.subWrap.curator .subVisual .rightT_con{
    font-size: 32px;
    font-weight: 100;
    margin-bottom:1.5%;
    color: #fff;
}
.subWrap.curator .subVisual .rightT_con:nth-last-child(1){
    margin-bottom:0;
}
.subWrap.curator .subVisual .rightT_con.bold{
    font-weight: 700;
}
.subWrap.curator .curatorWrap{
    height: 100%;
}
.subWrap.curator .bgblock{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10%;
    height: 25%;
    transform-origin: center;
    background: rgba(1,1,1,0.5);
    z-index: 1;
}
.subWrap.curator .time{
    position: fixed;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    display: none;
}
.subWrap.curator .pagelist{
    height: 100vh;
    position: relative;
}
.subWrap.curator .pagelist.havetime::before{
    content: "";
    position: absolute;
    left:0;
    top:0;
    width: 50%;
    height: 100%;
    background: rgb(229 229 229 / 95%);
    transition: 0.75s all;
    z-index: 1;
}
.subWrap.curator .pagelist.havetime.fp-completely::before{
    /* height: 0; */
    opacity: 0;
}
.subWrap.curator .pagelist.havetime::after{
    content: "";
    position: absolute;
    right:0;
    bottom:0;
    width: 50%;
    height: 100%;
    background: rgb(255 247 188 / 95%);
    transition: 0.75s 0.5s all;
    z-index: 1;
}
.subWrap.curator .pagelist.havetime.fp-completely::after{
    opacity: 0;
    /* height: 0; */
}
.subWrap.curator .pagelist.havetime .time{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    width: auto;
    height: auto;
    z-index: 10;
}
.subWrap.curator .pagelist .textani{
    opacity: 0;
}
.subWrap.curator .pagelist.fp-completely .textani{
    animation: pagelist_text 1s 0.5s forwards;
}
@keyframes pagelist_text{
    0%{
        transform: translateY(100%);
        opacity: 0;
    }
    75%{
        opacity: 1;
        transform: translateY(-15%);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}
.subWrap.curator .pagelist01{
    background: url(../images/curator_img_bg.jpg) center center / cover no-repeat;
}
.subWrap.curator .pagelist01 .textani{
    width: 35%;
    margin: 0 auto;
    max-width: max-content;
}
.subWrap.curator .pagelist02{
    background: url(../images/curator_img_02.jpg?v=1) center center / cover no-repeat;
}
.subWrap.curator .pagelist03{
    background: url(../images/curator_img_03.jpg?v=1) center center / cover no-repeat;
}
.subWrap.curator .pagelist04{
    background: url(../images/curator_img_04.jpg?v=1) center center / cover no-repeat;
}
.subWrap.curator .pagelist05{
    background: url(../images/curator_img_05.jpg?v=1) center center / cover no-repeat;
}
.subWrap.curator .pagelist06{
    background: url(../images/curator_img_06.jpg?v=1) center center / cover no-repeat;
}
.subWrap.curator .pagelist07{
    background: url(../images/curator_img_07.jpg?v=1) center center / cover no-repeat;
}
.subWrap.curator .pagelist08{
    background: url(../images/curator_img_08.jpg?v=1) center center / cover no-repeat;
}
.subWrap.curator .pagelist09{
    background: url(../images/curator_img_09.jpg?v=1) center center / cover no-repeat;
}
.subWrap.curator .pagelist10{
    background: url(../images/curator_img_10.jpg?v=1) center center / cover no-repeat;
}
.subWrap.curator .pagelist11{
    background: url(../images/curator_img_11.jpg?v=1) center center / cover no-repeat;
}
.subWrap.curator .pagelist12{
    background: url(../images/curator_img_12.jpg?v=1) center center / cover no-repeat;
}
.subWrap.curator .pagelist13{
    background: url(../images/curator_img_13.jpg?v=1) center center / cover no-repeat;
}
.subWrap.curator .pagelist14{
    background: url(../images/curator_img_14.jpg?v=1) center center / cover no-repeat;
}
.subWrap.curator .pagelist15{
    background: url(../images/curator_img_15.jpg?v=1) center center / cover no-repeat;
}
.subWrap.curator .pagelist16{
    background: url(../images/curator_img_16.jpg?v=1) center center / cover no-repeat;
}
.subWrap.curator .pagelist17{
    background: url(../images/curator_img_bg.jpg?v=1) center center / cover no-repeat;
}
.subWrap.curator .pagelist17 .textani{
    width: 35%;
    margin: 0 auto;
    max-width: max-content;
}
.subWrap.curator .joinlist{
    position: relative;
    overflow: hidden;
}
.subWrap.curator .joinlist .bg{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: scale(1.2);
    background: url(../images/curator_join_bg.jpg) center center / cover no-repeat;
}
.subWrap.curator .joinlist.fp-completely .bg,
.subWrap.curator .joinlist.trick .bg{
    animation: scale_1 4s forwards;
}
@keyframes scale_1{
    to{
        transform: scale(1);
    }
}
.subWrap.curator .joinlist .text{
    text-align: center;
}
.subWrap.curator .joinlist .title{
    color:#111;
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 1.5%;
    opacity: 0;
}
.subWrap.curator .joinlist.fp-completely .title,
.subWrap.curator .joinlist.trick .title{
    animation: fadeInUp 0.75s 0.5s forwards;
}
.subWrap.curator .joinlist .title_con{
    margin-bottom: 0.25%;
}
.subWrap.curator .joinlist .title_con.big{
    font-size: 70px;
}
.subWrap.curator .joinlist .title_con:nth-last-child(1){
    margin-bottom:0;
}
.subWrap.curator .joinlist .explain{
    color:#111;
    font-weight: 300;
    font-size: 30px;
    margin-bottom: 3%;
    opacity: 0;
}
.subWrap.curator .joinlist.fp-completely .explain,
.subWrap.curator .joinlist.trick .explain{
    animation: fadeInUp 0.75s 0.75s forwards;
}
.subWrap.curator .joinlist .explain_con{
    margin-bottom: 0.5%;
}
.subWrap.curator .joinlist .explain_con:nth-last-child(1){
    margin-bottom:0;
}
.subWrap.curator .joinlist .link{
    background: #0060af;
    border: 1px solid #0060af;
    color:#fff;
    font-size: 30px;
    padding: 15px;
    min-width: 300px;
    display: inline-block;
    border-radius: 30px;
    font-weight: 700;
    transition: 0.75s all;
    opacity: 0;
}
.subWrap.curator .joinlist .link:hover{
    background-color: transparent;
    border-color: #fff;
}
.subWrap.curator .joinlist.fp-completely .link,
.subWrap.curator .joinlist.trick .link{
    animation: fadeInUp 0.75s 1s forwards;
}
.subWrap.curator .SliderWrap{
    display: none;
    background-image: linear-gradient(to right, #ebebeb 45% , #fefbc6 );
    /* background:url(../images/curator_slide_bg.jpg) center center / cover no-repeat; */
}
.subWrap.curator .SliderWrap .Slider{

}
.subWrap.curator .SliderWrap .slideCon{

}
.subWrap.curator .controllTower{
    position: sticky;
    top: 50%;
    z-index: 10;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding:5% 0;
}
.subWrap.curator .controllTower .arrow{
    width: 10%;
    max-width: max-content;
    position: relative;
    cursor: pointer;
    transition: 0.5s all;
    opacity: 0.5;
}
.subWrap.curator .controllTower .arrow.active{
    opacity: 1;
}
.subWrap.curator .controllTower .arrow.prev{
    margin-left: 2.5%;
}
.subWrap.curator .controllTower .arrow.next{
    margin-right: 2.5%;
}
@media (max-width : 1080px){
    .subVisual .bg.sub_curator{
        background: url(../images/subVisual_curator_m.jpg) center center / cover no-repeat;
    }
    .subWrap.curator .titleArea{
        padding-bottom: 15%;
    }
    .subWrap.curator .subVisual .rightT{
        right: 5%;
        top:25%;
    }
    .subWrap.curator .subVisual .rightT_con{
        font-size: 24px;
    }
    .subWrap.curator .pagelist{
        display: none;
    }
    .subWrap.curator .pagelist01{
        display: flex;
        height: auto !important;
    }
    .subWrap.curator .pagelist01 .fp-tableCell{
        height: auto !important;
    }
    .subWrap.curator .pagelist01 .textani{
        display: none;
    }
    .subWrap.curator .SliderWrap{
        display: block;
    }
    .subWrap.curator .joinlist{
        height: auto !important;
        padding: 40% 0;
    }
    .subWrap.curator .joinlist .fp-tableCell{
        height: auto !important;
    }
    .subWrap.curator .joinlist .bg{
        background: url(../images/curator_join_bg_m.jpg) center center / cover no-repeat;
    }
    .subWrap.curator .joinlist .title{
        font-size: 30px;
        animation: fadeInUp 0.75s 0.5s forwards;
        margin-bottom:5%;
    }
    .subWrap.curator .joinlist .title_con.big{
        font-size: 150%;
    }
    .subWrap.curator .joinlist .explain{
        font-size: 18px;
        animation: fadeInUp 0.75s 0.75s forwards;
        margin-bottom:5%;
    }
    .subWrap.curator .joinlist .link{
        font-size: 18px;
        min-width: 200px;
        padding: 2.5% 5%;
        animation: fadeInUp 0.75s 1s forwards;
    }

}
@media (max-width : 720px){

    .subWrap.curator .joinlist .title{
        font-size: 26px;
    }
    .subWrap.curator .joinlist .explain{
        font-size: 16px;
    }
    .subWrap.curator .joinlist .link{
        font-size: 16px;
    }
}

.subWrap.pickn{
    background: #fff;
    color: #191919;
    overflow: hidden;
}
.subWrap.pickn .subVisual{

}
.subWrap.pickn .subVisual .titleName{

}
.subWrap.pickn .subVisual .titleArea .explain{
    margin-bottom:1%;
}
.subWrap.pickn .subVisual .titleName{
    opacity: 0;
    animation: fadeIn 0.75s 0.75s forwards;
}
.subWrap.pickn .subVisual .titleName img{
    width: auto;
}
.subWrap.pickn .sec01{
    padding:10% 0;
}
.subWrap.pickn .sec01 .wrap{
    max-width: 1400px;
    padding:0 2.5%;
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
}
.subWrap.pickn .sec01 .titleWrap{
    color: #191919;
    margin-right: 5%;
}
.subWrap.pickn .sec01 .titleWrap .title{
    font-weight: 700;
    font-size: 50px;
    margin-bottom:10%;
}
.subWrap.pickn .sec01 .titleWrap .explain{
    font-size: 24px;
    font-weight: 300;
}
.subWrap.pickn .sec01 .titleWrap .explain_con{
    margin-bottom:3%;
}
.subWrap.pickn .sec01 .titleWrap .explain_con:nth-last-child(1){
    margin-bottom:0;
}
.subWrap.pickn .sec01 .titleWrap .explain_con.--bold{
    font-weight: 700;
}
.subWrap.pickn .sec01 .imageWrap{
    position: relative;
}
.subWrap.pickn .sec01 .imageWrap .image{

}
.subWrap.pickn .sec01 .imageWrap .text{
    position: absolute;
    right: -10%;
    bottom:-20%;
    color: #e1e1e1;
    font-size: 100px;
}

.subWrap.pickn .sec02{
    position: relative;
}
.subWrap.pickn .sec02 .wrap{
    display: flex;
    align-items: center;
    justify-content: center;
}
.subWrap.pickn .sec02 .image{

}
.subWrap.pickn .sec02 .text{
    position: absolute;
    left: auto;
    bottom: 20%;
    color:#fff;
    text-align: center;
}
.subWrap.pickn .sec02 .text .title{
    font-size: 50px;
    font-weight: 700;
    margin-bottom:5%;
    opacity: 0;
}
.subWrap.pickn .sec02.aos-animate .text .title{
    animation: fadeInUp 0.75s 0.25s forwards;
}
.subWrap.pickn .sec02 .text .explain{
    font-weight: 300;
    font-size: 24px;
    white-space: nowrap;
    opacity: 0;
}
.subWrap.pickn .sec02.aos-animate .text .explain{
    animation: fadeInUp 0.75s 0.5s forwards;
}
.subWrap.pickn .sec02 .text .explain_con{
    margin-bottom: 1.5%;
}
.subWrap.pickn .sec02 .text .explain_con:nth-last-child(1){
    margin-bottom:0;
}

.subWrap.pickn .sec03{
    padding:10% 0;
}
.subWrap.pickn .sec03 .wrap{
    max-width: 1400px;
    padding: 0 2.5%;
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.subWrap.pickn .sec03 .image{
    flex: 0 0 100%;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 2.5%;
}
.subWrap.pickn .sec03 .image img{
    width: auto;
}
.subWrap.pickn .sec03 .text{
    text-align: left;
}
.subWrap.pickn .sec03 .text .title{
    font-weight: 700;
    font-size: 50px;
    margin-bottom:5%;
}
.subWrap.pickn .sec03 .text .title_con{
    margin-bottom:1.5%;
}
.subWrap.pickn .sec03 .text .title_con:nth-last-child(1){
    margin-bottom:0;
}
.subWrap.pickn .sec03 .text .explain{
    font-size: 24px;
    font-weight: 300;
}
.subWrap.pickn .sec03 .text .explain_con{
    margin-bottom:1.5%;
}
.subWrap.pickn .sec03 .text .explain_con:nth-last-child(1){
    margin-bottom:0;
}

.subWrap.pickn .sec04{
    padding:10% 0;
    background: #ebebeb;
}
.subWrap.pickn .sec04 .wrap{
    max-width: 1400px;
    padding: 0 2.5%;
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.subWrap.pickn .sec04 .SliderWrap{
    width: 100%;
    position: relative;
}
.subWrap.pickn .sec04 .slideCon{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 40px;
}
.subWrap.pickn .sec04 .slideCon .image{flex: 1;}
.subWrap.pickn .sec04 .slideCon .image img{
    max-width:max-content;
    margin-left: auto;
}
.subWrap.pickn .sec04 .slideCon .text{
    flex:1;
}
.subWrap.pickn .sec04 .slideCon .ex{
    color: #0055a4;
    font-weight: 300;
    font-size: 24px;
    margin-bottom: 10px;
}
.subWrap.pickn .sec04 .slideCon .title{
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 30px;
}
.subWrap.pickn .sec04 .slideCon .title_con{
    margin-bottom: 1.5%;
}
.subWrap.pickn .sec04 .slideCon .title_con:nth-last-child(1){
    margin-bottom: 0;
}
.subWrap.pickn .sec04 .slideCon .axe{
    color: #95aac9;
    font-size: 84px;
    font-family: serif;
    max-width: max-content;
    margin-bottom: 15px;
}
.subWrap.pickn .sec04 .slideCon .explain{
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 30px;
    opacity: 0;
}
.subWrap.pickn .sec04 .slideCon.slick-active .explain{
    animation: fadeIn 0.5s 0.75s forwards;
}
.subWrap.pickn .sec04 .slideCon .explain_con{
    margin-bottom: 10px;
    letter-spacing: -1px;
}
.subWrap.pickn .sec04 .slideCon .explain_con:nth-last-child(1){
    margin-bottom:0;
}
.subWrap.pickn .sec04 .slideCon .name{
    font-weight: 300;
    color: #898989;
    opacity: 0;
}
.subWrap.pickn .sec04 .slideCon.slick-active .name{
    animation: fadeIn 0.5s 0.75s forwards;
}
.subWrap.pickn .sec04 .controllTower{
    display: inline-flex;
    align-items: center;
    position: absolute;
    left: calc(50% + 10px);
    bottom: 0;
}
.subWrap.pickn .sec04 .controllTower .arrow{
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid #191919;
    border-right: 10px solid transparent;
    width: 0;
    height: 0;
    cursor: pointer;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}
.subWrap.pickn .sec04 .controllTower .arrow.prev{
    transform: rotate(180deg);
}
.subWrap.pickn .sec04 .controllTower .arrow.next{

}
.subWrap.pickn .sec04 .controllTower .pagingInfo{
    font-size: 24px;
    font-weight: 300;
    min-width: 75px;
    text-align: center;
}

.subWrap.pickn .sec05{
    padding: 10% 0;
    min-height: 100vh;
}
.subWrap.pickn .sec05 .wrap{
    max-width: 1000px;
    padding: 0 2.5%;
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    position: relative;
    opacity: 1 !important;
}
.subWrap.pickn .sec05 .text{
    position: absolute;
    left: auto;
    top: 0;
    z-index: 1;
}
.subWrap.pickn .sec05 .aos-animate .text{

}
.subWrap.pickn .sec05 .text .explain{
    font-weight: 300;
    font-size: 24px;
    margin-bottom:5%;
    opacity: 0;
    transition: 0.75s all;
}
.subWrap.pickn .sec05 .aos-animate .text .explain{
    opacity: 1;
    transition-delay: 1s;
}
.subWrap.pickn .sec05 .text .explain_con{
    margin-bottom:1.5%;
}
.subWrap.pickn .sec05 .text .explain_con:nth-last-child(1){

}
.subWrap.pickn .sec05 .text .title{
    font-weight: 700;
    font-size: 50px;
    margin-left: 50%;
    white-space: nowrap;
    transition: 0.5s all;
}
.subWrap.pickn .sec05 .aos-animate .text .title{
    margin-left: 0;
    transition-delay: 0.5s;
}
@keyframes sec05_title{
    to{
        margin-left: 0;
    }
}
.subWrap.pickn .sec05 .image{
    opacity: 0;
    transition: 0.75s all;
}
.subWrap.pickn .sec05 .aos-animate .image{
    transition-delay: 0.75s;
    opacity: 1;
}

.subWrap.pickn .sec06{
    padding: 10% 0;
    background: url(../images/pickn_sec06_bg.jpg) center center / auto no-repeat fixed;
}
.subWrap.pickn .sec06 .wrap{
    max-width: 1400px;
    padding: 0 2.5%;
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
}
.subWrap.pickn .sec06 .titleWrap{
    text-align: center;
    margin-bottom: 5%;
}
.subWrap.pickn .sec06 .titleWrap .title{
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 3%;
}
.subWrap.pickn .sec06 .titleWrap .title .point{
    color: #0055a4;
}
.subWrap.pickn .sec06 .titleWrap .explain{
    font-weight: 300;
    font-size: 24px;
}
.subWrap.pickn .sec06 .titleWrap .explain_con{
    margin-bottom:1.5%;
}
.subWrap.pickn .sec06 .titleWrap .explain_con:nth-last-child(1){
    margin-bottom:0;
}
.subWrap.pickn .sec06 .SliderWrap{
    width: 100%;
    position: relative;
}
.subWrap.pickn .sec06 .slideCon{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 50px;
}
.subWrap.pickn .sec06 .slideCon .image{
    transition: 1s all;
    clip-path: inset(0 100% 0 0);
    /* flex: 1; */
    width: 60%;
    height: 400px;
}
.subWrap.pickn .sec06 .slideCon.slick-active .image{
    clip-path: inset(0 0 0 0);
}
.subWrap.pickn .sec06 .slideCon01 .image{
    background: url(../images/pickn_sec06_img_01.jpg) center center / cover no-repeat;
}
.subWrap.pickn .sec06 .slideCon02 .image{
    background: url(../images/pickn_sec06_img_02.jpg) center center / cover no-repeat;
}
.subWrap.pickn .sec06 .slideCon03 .image{
    background: url(../images/pickn_sec06_img_03.jpg) center center / cover no-repeat;
}
.subWrap.pickn .sec06 .slideCon04 .image{
    background: url(../images/pickn_sec06_img_04.jpg) center center / cover no-repeat;
}
.subWrap.pickn .sec06 .slideCon05 .image{
    background: url(../images/pickn_sec06_img_05.jpg) center center / cover no-repeat;
}
.subWrap.pickn .sec06 .slideCon .text {
    flex: 1;
    margin-top: 2.5%;
}
.subWrap.pickn .sec06 .slideCon .text .ico{
    max-width: max-content;
    margin-bottom:2.5%;
}
.subWrap.pickn .sec06 .slideCon .text .en{
    color: #0055a4;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 2.5%;
}
.subWrap.pickn .sec06 .slideCon .text .name{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 2.5%;
}
.subWrap.pickn .sec06 .slideCon .text .explain{
    font-weight: 300;
    font-size: 20px;
}
.subWrap.pickn .sec06 .slideCon .text .explain_con{
    margin-bottom:1.5%;
}
.subWrap.pickn .sec06 .slideCon .text .explain_con:nth-last-child(1){
    margin-bottom:0;
}
.subWrap.pickn .sec06 .slick-dots{
    top: auto;
    bottom: 0;
    left: calc(60% + 50px);
    width: auto;
}
.subWrap.pickn .sec06 .slick-dots li{
    width: 15px;
    height: 15px;
    border-radius: 30px;
    overflow: hidden;
    transition: 0.75s all;
}
.subWrap.pickn .sec06 .slick-dots li.slick-active{
    width: 60px;
}
.subWrap.pickn .sec06 .slick-dots li button:before{
    width: 100%;
    height: 100%;
    background: #9ec8ee;
    transition: 0.75s all;
}
.subWrap.pickn .sec06 .slick-dots li.slick-active button:before{
    background: #0060af;
}

.subWrap.pickn .sec07{
    padding: 5% 0;
}
.subWrap.pickn .sec07 .wrap{
    max-width: 1400px;
    padding: 0 2.5%;
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
}
.subWrap.pickn .sec07 .titleWrap{
    text-align: center;
    margin-bottom: 5%;
}
.subWrap.pickn .sec07 .titleWrap .title{
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 3%;
}
.subWrap.pickn .sec07 .titleWrap .title .point{
    color: #0055a4;
}
.subWrap.pickn .sec07 .titleWrap .explain{
    font-weight: 300;
    font-size: 24px;
}
.subWrap.pickn .sec07 .titleWrap .explain_con{
    margin-bottom:1.5%;
}
.subWrap.pickn .sec07 .titleWrap .explain_con:nth-last-child(1){
    margin-bottom:0;
}
.subWrap.pickn .sec07 .listWrap{
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}
.subWrap.pickn .sec07 .listWrap .listcon{
    width: 100%;
    height: 350px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 5%;
    position: relative;
}
.subWrap.pickn .sec07 .listWrap .listcon::before{
    content:"";
    width: 100%;
    height: 100%;
    position: absolute;
    left:0;
    top:0;
    background: rgba(1,1,1,0.7);
    opacity: 0;
    transition: 0.5s all;
}
.subWrap.pickn .sec07 .listWrap .listcon:hover:before{
    opacity: 1;
}
.subWrap.pickn .sec07 .listWrap .listcon01{
    background: url(../images/pickn_sec07_img_01.jpg) center center / cover no-repeat;
}
.subWrap.pickn .sec07 .listWrap .listcon02{
    background: url(../images/pickn_sec07_img_02.jpg) center center / cover no-repeat;
    transition-delay: 0.3s;
}
.subWrap.pickn .sec07 .listWrap .text{
    color: #fff;
    position: relative;
}
.subWrap.pickn .sec07 .listWrap .title{
    font-weight: 700;
    font-size: 35px;
    margin-bottom: 1.5%;
}
.subWrap.pickn .sec07 .listWrap .en{
    font-size: 24px;
    font-weight: 100;
    margin-bottom: 5%;
    padding-bottom: 5%;
    position:relative;
}
.subWrap.pickn .sec07 .listWrap .en:after{
    content:"";
    width: 30px;
    height:5px;
    background:#fff;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
}
.subWrap.pickn .sec07 .listWrap .explain{
    font-weight: 300;
    font-size: 20px;
}
.subWrap.pickn .sec07 .listWrap .explain_con{
    margin-bottom:1.5%;
}
.subWrap.pickn .sec07 .listWrap .explain_con:nth-last-child(1){
    margin-bottom:0;
}

.subWrap.pickn .sec08{
    padding: 10% 0;
    background: url(../images/pickn_sec08_bg.jpg) center center / cover no-repeat fixed;
}
.subWrap.pickn .sec08 .wrap{
    max-width: 1400px;
    padding: 0 2.5%;
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
}
.subWrap.pickn .sec08 .titleWrap{
    text-align: center;
    margin-bottom: 5%;
}
.subWrap.pickn .sec08 .titleWrap .title{
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 3%;
}
.subWrap.pickn .sec08 .titleWrap .title .point{
    color: #0055a4;
}
.subWrap.pickn .sec08 .titleWrap .explain{
    font-weight: 300;
    font-size: 24px;
}
.subWrap.pickn .sec08 .titleWrap .explain_con{
    margin-bottom:1.5%;
}
.subWrap.pickn .sec08 .titleWrap .explain_con:nth-last-child(1){
    margin-bottom:0;
}
.subWrap.pickn .sec08 .listWrap{
    align-items: center;
    width: auto;
    display: grid;
    gap: 30px 60px;
    grid-template-columns: repeat(3, 1fr);
}
.subWrap.pickn .sec08 .listWrap .listcon{
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    opacity: 0;
}
.subWrap.pickn .sec08 .aos-animate .listWrap .listcon{
    animation: fadeInLeft 1s forwards;
}
.subWrap.pickn .sec08 .aos-animate .listWrap .listcon:nth-child(2),
.subWrap.pickn .sec08 .aos-animate .listWrap .listcon:nth-child(5){
    animation-delay: 0.25s;
}
.subWrap.pickn .sec08 .aos-animate .listWrap .listcon:nth-child(3),
.subWrap.pickn .sec08 .aos-animate .listWrap .listcon:nth-child(6){
    animation-delay: 0.5s;
}
.subWrap.pickn .sec08 .listWrap .listcon .image{
    margin-bottom: 10%;
    position: relative;
}
.subWrap.pickn .sec08 .listWrap .listcon .image:after{
    content:"";
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: #191919;
    width: 20px;
    height: 20px;
    position: absolute;
    right: -30px;
    top:50%;
    transform: translateY(-50%) rotate(45deg);
}
.subWrap.pickn .sec08 .listWrap .listcon:nth-child(3n) .image:after{
    display: none;
}
.subWrap.pickn .sec08 .listWrap .listcon .text{
    font-weight: 300;
    font-size: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.subWrap.pickn .sec08 .listWrap .listcon .text_con{
    margin-bottom: 2.5%;
    position:relative;
}
.subWrap.pickn .sec08 .listWrap .listcon:hover .text_con:before{
    /* opacity:1; */
    width: 100%;
}
.subWrap.pickn .sec08 .listWrap .listcon .text_con:before{
    content:"";
    background:#9ec8ee;
    height:3px;
    width: 0;
    position:absolute;
    left:0;
    bottom: -5px;
    transition: 0.5s all;
    /* opacity: 0; */
}
.subWrap.pickn .sec08 .listWrap .listcon .text_con:nth-last-child(1){
    margin-bottom:0;
}

.subWrap.pickn .sec09{
    padding: 15% 0;
    background: url(../images/pickn_sec09_bg.jpg) center center / cover no-repeat fixed;
}
.subWrap.pickn .sec09 .wrap{
    max-width: 1400px;
    padding: 0 2.5%;
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
}
.subWrap.pickn .sec09 .text{
    color:#fff;
    text-align: center;
}
.subWrap.pickn .sec09 .title{
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 5%;
}
.subWrap.pickn .sec09 .title_con{
    margin-bottom: 1%;
}
.subWrap.pickn .sec09 .title_con.big{
    font-size: 140%;
}
.subWrap.pickn .sec09 .title_con:nth-last-child(1){
    margin-bottom:0;
}
.subWrap.pickn .sec09 .explain{
    font-weight: 100;
    font-size: 30px;
    margin-bottom: 7.5%;
}
.subWrap.pickn .sec09 .explain_con{
    margin-bottom:1.5%;
}
.subWrap.pickn .sec09 .explain_con:nth-last-child(1){
    margin-bottom:0;
}
.subWrap.pickn .sec09 .link{
    background: #0060af;
    border: 1px solid #0060af;
    color:#fff;
    font-size: 30px;
    padding: 15px;
    min-width: 300px;
    display: inline-block;
    border-radius: 30px;
    font-weight: 700;
    transition: 0.75s all;
}
.subWrap.pickn .sec09 .link:hover{
    background-color: transparent;
    border-color: #fff;
}
@media(max-width:1400px){
    .subWrap.pickn .sec01 .wrap{
        flex-direction: column;
        align-items: flex-start;
    }
    .subWrap.pickn .sec01 .titleWrap{
        margin:0;
        margin-bottom: 5%;
    }
    .subWrap.pickn .sec01 .imageWrap{
        margin:0 auto;
    }
}
@media(max-width:1080px){
    .subVisual .bg.sub_pickn {
        background: url(../images/subVisual_pickn_m.jpg) center center / cover no-repeat;
    }
    .subWrap.pickn .titleArea{
        padding-bottom:15%;
    }
    .subWrap.pickn .subVisual .titleArea .explain{
        font-size: 26px;
        margin-bottom: 5%;
    }
    .subWrap.pickn .subVisual .titleName{
        width: 50%;
        max-width: max-content;
    }
    .subWrap.pickn .subVisual .titleName img{
        width: 100%;
    }
    .subWrap.pickn .sec02 .image{
        width: 100%;
    }

    .subWrap.pickn .sec04{
        padding:20% 0;
    }
    .subWrap.pickn .sec04 .slideCon{
        flex-direction: column;
        align-items: center;
    }
    .subWrap.pickn .sec04 .slideCon .image{
        width: 80%;
    }
    .subWrap.pickn .sec04 .slideCon .image img{
        max-width: none;
    }
    .subWrap.pickn .sec04 .slideCon .text{
        width: 100%;
    }
    .subWrap.pickn .sec04 .controllTower{
        left: auto;
        margin-top:5%;
        position: relative;
    }

    .subWrap.pickn .sec05 .wrap{
        padding:0;
        width: 100%;
        max-width: none;
    }
    .subWrap.pickn .sec05 .text{
        left: 5%;
    }
    .subWrap.pickn .sec05 .text .title{
        width: 50%;
        white-space: normal;
        margin-left: 44%;
    }
    .subWrap.pickn .sec05 .aos-animate .image{
        width: 100%;
    }

    .subWrap.pickn .sec06{
        width: calc(100% - 30px);
        margin:0 auto;
        padding:20% 0;
    }
    .subWrap.pickn .sec06 .wrap{
        padding:0 5%;
    }
    .subWrap.pickn .sec06 .titleWrap .title .point{
        display: block;
    }
    .subWrap.pickn .sec06 .slideCon{
        flex-direction: column;
        gap:5%;
    }
    .subWrap.pickn .sec06 .slideCon .image{
        width: 100%;
        height: 0;
        padding-bottom:70%;
        margin-bottom: 5%;
    }
    .subWrap.pickn .sec06 .slick-dots{
        left: 50%;
        transform: translateX(-50%) translateY(100%);
        position: relative;
    }

    .subWrap.pickn .sec07{
        padding:20% 0;
    }
    .subWrap.pickn .sec07 .listWrap{
        flex-direction: column;
    }
    .subWrap.pickn .sec07 .listWrap .listcon{
        padding:30% 0;
        height: 0;
        justify-content: center;
    }
    
    .subWrap.pickn .sec08{
        padding:20% 0;
    }

    .subWrap.pickn .sec09{
        padding:30% 0;
    }
}
@media(max-width:720px){
    .subWrap.pickn .subVisual .titleArea .explain{
        font-size: 5vw;
    }
    .subWrap.pickn .sec01 .titleWrap .title{
        font-size: 8vw;
    }
    .subWrap.pickn .sec01 .titleWrap .explain{
        font-size: 4vw;
    }
    .subWrap.pickn .sec01 .imageWrap .text{
        right: 5%;
        bottom:-10%;
        width: 35%;
        font-size: 0;
    }

    .subWrap.pickn .sec02 .text .title{
        font-size: 7vw;
    }
    .subWrap.pickn .sec02 .text .explain{
        font-size: 3.6vw;
        white-space: normal;
        width: 75%;
        word-break: keep-all;
        margin: 0 auto;
    }
    .subWrap.pickn .sec02 .text .explain_con{
        margin-bottom:0;
    }
    .subWrap.pickn .sec02 .text .explain_con{
        line-height: 130%;
    }

    .subWrap.pickn .sec03{
        padding:20% 0;
    }
    .subWrap.pickn .sec03 .image{
        margin-bottom:5%;
    }
    .subWrap.pickn .sec03 .image img{
        width: 100%;
    }
    .subWrap.pickn .sec03 .text .title{
        font-size: 7vw;
    }
    .subWrap.pickn .sec03 .text .title_con{
        margin-bottom: 0;
        line-height: 130%;
    }
    .subWrap.pickn .sec03 .text .explain_con{
        line-height: 130%;
        margin-bottom:0;
        font-size: 4vw;
    }

    .subWrap.pickn .sec04 .wrap{
        width: calc(100% - 30px);
        margin: 0 auto;
    }
    .subWrap.pickn .sec04 .slideCon .ex{
        font-size: 3.6vw;
    }
    .subWrap.pickn .sec04 .slideCon .title{
        font-size: 7vw;
    }
    .subWrap.pickn .sec04 .slideCon .axe{
        font-size: 0;
        width: 5%;
    }
    .subWrap.pickn .sec04 .slideCon .explain{
        font-size: 3.6vw;
    }
    .subWrap.pickn .sec04 .slideCon .name{
        font-size: 3.2vw;
    }
    .subWrap.pickn .sec04 .controllTower .pagingInfo{
        font-size: 3.6vw;
    }
    .subWrap.pickn .sec04 .controllTower .arrow{
        border-width: 7px;
    }

    .subWrap.pickn .sec05{
        display: flex;
        align-items: center;
        min-height: auto;
        padding:35% 0;
    }
    .subWrap.pickn .sec05 .text{
        top: -7.5%;
    }
    .subWrap.pickn .sec05 .text .title{
        font-size: 7vw;
    }
    .subWrap.pickn .sec05 .text .explain{
        font-size: 3.6vw;
    }
    .subWrap.pickn .sec05 .text .explain_con{
        width: 55%;
        margin-bottom: 0;
        line-height: 130%;
    }

    .subWrap.pickn .sec06 .titleWrap{
        margin-bottom:10%;
    }
    .subWrap.pickn .sec06 .titleWrap .title{
        font-size: 7vw;
        margin-bottom:5%
    }
    .subWrap.pickn .sec06 .titleWrap .explain{
        font-size: 3.6vw;
    }
    .subWrap.pickn .sec06 .slideCon .text{
        width: 100%;
    }
    .subWrap.pickn .sec06 .slideCon .text .ico{
        width: 40px;
    }
    .subWrap.pickn .sec06 .slideCon .text .en{
        font-size: 5vw;
    }
    .subWrap.pickn .sec06 .slideCon .text .title{
        font-size: 7vw;
    }
    .subWrap.pickn .sec06 .slideCon .text .explain{
        font-size: 3.6vw;
    }
    .subWrap.pickn .sec06 .slick-dots li{
        width: 12px;
        height: 12px;
    }

    .subWrap.pickn .sec07 .titleWrap .title{
        font-size: 6.5vw;
    }
    .subWrap.pickn .sec07 .titleWrap .explain{
        font-size: 3.6vw;
    }
    .subWrap.pickn .sec07 .titleWrap .explain_con{
        margin-bottom:0;
        line-height: 130%;
    }
    .subWrap.pickn .sec07 .titleWrap .explain_con:nth-last-child(1){
        width: 65%;
        margin: 0 auto;
    }
    .subWrap.pickn .sec07 .listWrap .title{
        font-size: 6vw;
    }
    .subWrap.pickn .sec07 .listWrap .en{
        font-size: 3.8vw;
    }
    .subWrap.pickn .sec07 .listWrap .explain{
        font-size: 3.4vw;
    }

    .subWrap.pickn .sec08 .titleWrap .title{
        font-size: 7vw;
        width: 70%;
        word-break: break-word;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 5%;
    }
    .subWrap.pickn .sec08 .titleWrap .explain{
        font-size: 3.6vw;
    }
    .subWrap.pickn .sec08 .listWrap{
        gap: 30px 10px;
        grid-template-columns: repeat(2, 1fr);
    }
    .subWrap.pickn .sec08 .aos-animate .listWrap .listcon:nth-child(2),
    .subWrap.pickn .sec08 .aos-animate .listWrap .listcon:nth-child(5){
        animation-delay: 0s;
    }
    .subWrap.pickn .sec08 .aos-animate .listWrap .listcon:nth-child(3),
    .subWrap.pickn .sec08 .aos-animate .listWrap .listcon:nth-child(6){
        animation-delay: 0s;
    }
    .subWrap.pickn .sec08 .aos-animate .listWrap .listcon:nth-child(2n){
        animation-delay: 0.5s;
    }
    .subWrap.pickn .sec08 .listWrap .listcon .image{
        width: 75%;
        margin: 0 auto;
        margin-bottom: 5%;
    }
    .subWrap.pickn .sec08 .listWrap .listcon .image:after{
        right: -20%;
        width: 15px;
        height: 15px;
        display: block;
    }
    .subWrap.pickn .sec08 .listWrap .listcon:nth-child(3n) .image:after{
        display: block;
    }
    .subWrap.pickn .sec08 .listWrap .listcon:nth-child(2n) .image:after{
        display: none;
    }
    .subWrap.pickn .sec08 .listWrap .listcon .text{
        font-size: 3.2vw;
    }
    .subWrap.pickn .sec08 .listWrap .listcon .text_con:before{
        bottom:-3px
    }

    .subWrap.pickn .sec09 .title{
        font-size: 7vw;
    }
    .subWrap.pickn .sec09 .explain{
        font-size: 3.6vw;
    }
    .subWrap.pickn .sec09 .link{
        font-size: 3.6vw;
        min-width: 200px;
    }
}

.subWrap.club{
    background: #fff;
    color: #191919;
    overflow: hidden;
}
.subWrap.club .sec01{
    height: 100vh;
    position: relative;
    overflow: hidden;
    background: #25262a;
}
.subWrap.club .sec01 .wrap{
    height: 100%;
}
.subWrap.club .sec01 .bg{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background: url(../images/club_sec01_img.jpg) center center / cover no-repeat;
}
.subWrap.club .sec01 .image{

}
.subWrap.club .sec01 .text{
    color:#fff;
    text-align: center;
    height: 100%;
    transition: 0.75s all;
}
.subWrap.club .sec01.active .text{
}
.subWrap.club .sec01 .titleWrap{
    font-weight: 300;
    white-space: nowrap;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
}
.subWrap.club .sec01 .titleWrap .title{
    font-size: 50px;
    margin-bottom: 2.5%;
}
.subWrap.club .sec01 .titleWrap .title .point{
    
}
.subWrap.club .sec01 .titleWrap .title_sub{
    font-size: 24px;
}
.subWrap.club .sec01 .explain{
    font-weight: 300;
    font-size: 24px;
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translateX(-50%);
}
.subWrap.club .sec01 .explain_con{
    margin-bottom:1.5%;
}
.subWrap.club .sec01 .explain_con:nth-last-child(1){
    margin-bottom:0;
}

.subWrap.club .sec02{
    position: relative;
    overflow: hidden;
    padding:10% 0;
}
.subWrap.club .sec02 .wrap{
    max-width: 1400px;
    padding: 0 2.5%;
    display: flex;
    margin: 0 auto;
    justify-content: center;
}
.subWrap.club .sec02 .listWrap{
    display: flex;
    flex-direction: column;
    gap: 100px;
}
.subWrap.club .sec02 .listcon{
    display: flex;
    align-items: flex-start;
    gap: 50px;
}
.subWrap.club .sec02 .listcon .image{

}
.subWrap.club .sec02 .listcon .text{
    text-align: left;
    font-weight: 300;
}
.subWrap.club .sec02 .listcon02 .text{
    text-align: right;
}
.subWrap.club .sec02 .listcon .title{
    position: relative;
    font-weight: 700;
    color: #00aeef;
    font-size: 50px;
    margin-bottom:5%;
}
.subWrap.club .sec02 .listcon02 .title{
    color: #0055a4;
}
.subWrap.club .sec02 .listcon .title::before{
    content: "";
    width: 25px;
    height: 5px;
    background: #00aeef;
    position: absolute;
    left: 0;
    top: -10px;
}
.subWrap.club .sec02 .listcon02 .title::before{
    background: #0055a4;
    left: auto;
    right: 0;
}
.subWrap.club .sec02 .listcon .titlesub{
    font-size: 24px;
    margin-bottom:5%;
}
.subWrap.club .sec02 .listcon .titlesub_con{
    margin-bottom:1.5%;
}
.subWrap.club .sec02 .listcon .titlesub_con:nth-last-child(1){
    margin-bottom:0;
}
.subWrap.club .sec02 .listcon .qs{
    color: #00aeef;
    font-size: 30px;
    margin-bottom: 5%;
}
.subWrap.club .sec02 .listcon02 .qs{
    color: #0055a4;
}
.subWrap.club .sec02 .listcon .qs_con{
    margin-bottom: 0.5%;
}
.subWrap.club .sec02 .listcon .qs_con:nth-last-child(1){
    margin-bottom:0;
}
.subWrap.club .sec02 .listcon .answerWrap{

}
.subWrap.club .sec02 .listcon .answer{
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 2.5%;
}
.subWrap.club .sec02 .listcon .answer_con{
    margin-bottom: 1%;
}
.subWrap.club .sec02 .listcon .answer_con:nth-last-child(1){
    margin-bottom:0;
}
.subWrap.club .sec02 .listcon .answersub{
    font-size: 18px;
    margin-bottom: 5%;
}
.subWrap.club .sec02 .listcon .answersub_con{
    margin-bottom: 1.5%;
}
.subWrap.club .sec02 .listcon .answersub_con:nth-last-child(1){
    margin-bottom:0;
}
.subWrap.club .sec02 .listcon .answersub:nth-last-child(1){
    margin-bottom:0;
}

.subWrap.club .sec03{
    padding: 15% 0;
    background: url(../images/club_sec03_bg.jpg) center center / cover no-repeat fixed;
}
.subWrap.club .sec03 .wrap{
    max-width: 1400px;
    padding: 0 2.5%;
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
}
.subWrap.club .sec03 .text{
    color:#fff;
    text-align: center;
}
.subWrap.club .sec03 .title{
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 5%;
}
.subWrap.club .sec03 .title_con{
    margin-bottom: 1%;
}
.subWrap.club .sec03 .title_con.big{
    font-size: 140%;
}
.subWrap.club .sec03 .title_con:nth-last-child(1){
    margin-bottom:0;
}
.subWrap.club .sec03 .explain{
    font-weight: 100;
    font-size: 30px;
    margin-bottom: 7.5%;
}
.subWrap.club .sec03 .explain_con{
    margin-bottom:1.5%;
}
.subWrap.club .sec03 .explain_con:nth-last-child(1){
    margin-bottom:0;
}
.subWrap.club .sec03 .link{
    background: #0060af;
    border: 1px solid #0060af;
    color:#fff;
    font-size: 30px;
    padding: 15px;
    min-width: 300px;
    display: inline-block;
    border-radius: 30px;
    font-weight: 700;
    transition: 0.75s all;
}
.subWrap.club .sec03 .link:hover{
    background-color: transparent;
}
@media(max-width:1080px){
    .subVisual .bg.sub_club {
        background: url(../images/subVisual_club_m.jpg) center center / cover no-repeat;
    }
    .subWrap.club .titleArea{
        padding-bottom:15%;
    }

    .subWrap.club .sec01 .bg{
        background: url(../images/club_sec01_img_m.jpg) center center / cover no-repeat;
    }
    .subWrap.club .sec01 .titleWrap{
        top:15%;
        white-space: nowrap;
    }
    .subWrap.club .sec01 .explain{
        bottom:15%;
        white-space: nowrap;
    }

    .subWrap.club .sec02{
        padding:20% 0;
    }
    .subWrap.club .sec02 .wrap{
        justify-content: flex-start;
        padding:0 5%;
    }
    .subWrap.club .sec02 .listWrap{
        width: 100%;
    }
    .subWrap.club .sec02 .listcon{
        flex-direction: column;
        width: 100%;
        flex: 1
    }
    .subWrap.club .sec02 .listcon02{
        flex-direction: column-reverse;
        align-items: flex-end;
    }
    .subWrap.club .sec02 .listcon .image{
        width: 60%;
    }

    .subWrap.club .sec03{
        padding:30% 0;
    }
}
@media(max-width:720px){
    .subWrap.club .titleArea .titleName{
        font-size: 7vs;
    }
    .subWrap.club .sec01 .titleWrap .title{
        font-size: 7vw;
    }
    .subWrap.club .sec01 .titleWrap .title_sub{
        font-size: 3.6vw;
        width: 75%;
        white-space: normal;
        margin: 0 auto;
        line-height: 130%;
    }
    .subWrap.club .sec01 .explain{
        font-size: 3.6vw;
    }

    .subWrap.club .sec02 .listcon .title{
        font-size: 9vw;
    }
    .subWrap.club .sec02 .listcon .titlesub{
        font-size: 3.8vw;
    }
    .subWrap.club .sec02 .listcon .qs{
        font-size: 5vw;
    }
    .subWrap.club .sec02 .listcon .answer{
        font-size: 3.6vw;
    }
    .subWrap.club .sec02 .listcon .answersub{
        font-size: 3.2vw;
    }

    .subWrap.club .sec03 .title{
        font-size: 7vw;
    }
    .subWrap.club .sec03 .explain{
        font-size: 3.6vw;
    }
    .subWrap.club .sec03 .link{
        font-size: 3.6vw;
        min-width: 200px;
    }
}

.subWrap.company{
    background: #fff;
    color: #191919;
    overflow: hidden;
}
.subWrap.company .subVisual{
    height: 700px;
}
.subWrap.company .titleArea{
    max-width: 1400px;
    text-align: right;
    align-items: flex-end;
}
.subWrap.company .titleArea .titleName{
    letter-spacing: 5px;
}
.subWrap.company .titleArea .titleName:after{
    display: none;
}

.subWrap.company .sec01{
    padding:10% 0;
}
.subWrap.company .sec01 .wrap{
    max-width: 1400px;
    margin:0 auto;
}
.subWrap.company .sec01 .Slider{

}
.subWrap.company .sec01 .slideCon{
    display: flex;
    padding: 0 5%;
}
.subWrap.company .sec01 .slideCon .text{
    min-height: 650px;
}
.subWrap.company .sec01 .slideCon .title{
    font-weight: 700;
    font-size: 70px;
    height: 140px;
    margin-bottom: 70px;
}
.subWrap.company .sec01 .slideCon .title_con{
    margin-bottom:1%;
}
.subWrap.company .sec01 .slideCon .title_con:nth-last-child(1){
    margin-bottom: 0;
}
.subWrap.company .sec01 .slideCon .explain{
    font-weight: 300;
    font-size: 24px;
    clip-path: inset(0 0 90% 0);
}
.subWrap.company .sec01 .slideCon.slick-active .explain{
    animation: sec01_explain 1s 0.75s forwards;
}
@keyframes sec01_explain{
    to{
        clip-path: inset(0 0 0 0);
    }
}
.subWrap.company .sec01 .slideCon .explain_con{
    margin-bottom: 15px;
    letter-spacing: -2px;
}
.subWrap.company .sec01 .slideCon .explain_con.jump{
    margin-bottom: 45px;
}
.subWrap.company .sec01 .slideCon .explain_con:nth-last-child(1){

}
.subWrap.company .sec01 .slideCon .explain_con .num{
    font-weight: 700;
    margin-right: 15px;
}
.subWrap.company .sec01 .slideCon .explain_con .num+span{
    letter-spacing: 0px;
}
.subWrap.company .sec01 .slideCon .bg{
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
    height: calc(100% - 239.5px);
    z-index: -1;
    transition: 1s all;
    clip-path: inset(0 100% 0 0);
}
.subWrap.company .sec01 .slideCon.slick-active .bg{
    clip-path: inset(0 0 0 0);
}
.subWrap.company .sec01 .slideCon01 .bg{
    background: url(../images/company_sec01_img_01.jpg) center center / cover no-repeat;
}
.subWrap.company .sec01 .slideCon02 .bg{
    background: url(../images/company_sec01_img_02.jpg) center center / cover no-repeat;
}
.subWrap.company .sec01 .slick-dots{
    width: auto;
    position: relative;
    left: auto;
    top: auto;
    margin-top: 1.5%;
}
.subWrap.company .sec01 .slick-dots li{
    width: 15px;
    height: 15px;
    border-radius: 30px;
    overflow: hidden;
    transition: 0.75s all;
}
.subWrap.company .sec01 .slick-dots li.slick-active{
    width: 60px;
}
.subWrap.company .sec01 .slick-dots li button:before{
    width: 100%;
    height: 100%;
    background: #9ec8ee;
    transition: 0.75s all;
}
.subWrap.company .sec01 .slick-dots li.slick-active button:before{
    background: #0060af;
}

.subWrap.company .sec02{
    padding: 7.5% 0;
    background: url(../images/company_sec02_bg.jpg) center center / cover no-repeat fixed;
}
.subWrap.company .sec02 .wrap{
    max-width: 1400px;
    margin:0 auto;
}
.subWrap.company .sec02 .text{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.subWrap.company .sec02 .title{
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 2.5%;
}
.subWrap.company .sec02 .title_con{
    margin-bottom:1.5%;
}
.subWrap.company .sec02 .title_con:nth-last-child(1){
    margin-bottom:0;
}
.subWrap.company .sec02 .explain{
    margin-bottom: 2.5%;
    font-weight: 300;
    font-size: 24px;
}
.subWrap.company .sec02 .explain:nth-last-child(1){
    margin-bottom:0;
}
.subWrap.company .sec02 .explain_con{
    margin-bottom: 5%;
    letter-spacing: -1px;
}
.subWrap.company .sec02 .explain_con:nth-last-child(1){
    margin-bottom:0;
}

.subWrap.company .sec03{
    padding: 7.5% 0;
    background: #f1f6f9;
    text-align: center;
}
.subWrap.company .sec03 .wrap{
    max-width: 1400px;
    margin:0 auto;
}
.subWrap.company .sec03 .Slider{
    max-width: 1100px;
    margin:0 auto;
}
.subWrap.company .sec03 .slideCon{
    display: flex;
    flex-direction: column;
}
.subWrap.company .sec03 .slideCon .image{
    max-width: max-content;
    margin: 0 auto;
    margin-bottom: 2.5%;
}
.subWrap.company .sec03 .slideCon .text{

}
.subWrap.company .sec03 .slideCon .title{
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 2.5%;
}
.subWrap.company .sec03 .slideCon .explain{
    font-weight: 300;
    font-size: 24px;
}
.subWrap.company .sec03 .slideCon .explain_con{
    margin-bottom:1.5%;
}
.subWrap.company .sec03 .slideCon .explain_con:nth-last-child(1){
    margin-bottom:0;
}
.subWrap.company .sec03 .slick-dots{
    width: auto;
    position: relative;
    left: auto;
    top: auto;
    margin-top: 5%;
}
.subWrap.company .sec03 .slick-dots li{
    width: 15px;
    height: 15px;
    border-radius: 30px;
    overflow: hidden;
    transition: 0.75s all;
}
.subWrap.company .sec03 .slick-dots li.slick-active{
    width: 60px;
}
.subWrap.company .sec03 .slick-dots li button:before{
    width: 100%;
    height: 100%;
    background: #9ec8ee;
    transition: 0.75s all;
}
.subWrap.company .sec03 .slick-dots li.slick-active button:before{
    background: #0060af;
}

.subWrap.company .sec04{
    padding: 10% 0;
    min-height: 100vh;
}
.subWrap.company .sec04 .wrap{
    max-width: 1200px;
    padding: 0 2.5%;
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    position: relative;
    opacity: 1 !important;
    justify-content: flex-end;
}
.subWrap.company .sec04 .text{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.subWrap.company .sec04 .aos-animate .text{

}
.subWrap.company .sec04 .text .explain{
    font-weight: 300;
    font-size: 24px;
    opacity: 0;
    transition: 0.75s all;
}
.subWrap.company .sec04 .aos-animate .text .explain{
    opacity: 1;
    transition-delay: 1s;
}
.subWrap.company .sec04 .text .explain_con{
    margin-bottom:1.5%;
}
.subWrap.company .sec04 .text .explain_con:nth-last-child(1){

}
.subWrap.company .sec04 .text .title{
    font-weight: 700;
    font-size: 50px;
    margin-left: 50%;
    white-space: nowrap;
    transition: 0.5s all;
    margin-bottom:5%;
}
.subWrap.company .sec04 .text .title_con{
    margin-bottom:1%;
}
.subWrap.company .sec04 .text .title_con:nth-last-child(1){
    margin-bottom: 0;
}
.subWrap.company .sec04 .aos-animate .text .title{
    margin-left: 0;
    transition-delay: 0.5s;
}
@keyframes sec04_title{
    to{
        margin-left: 0;
    }
}
.subWrap.company .sec04 .image{
    opacity: 0;
    transition: 0.75s all;
    transform: translateY(5%);
}
.subWrap.company .sec04 .aos-animate .image{
    transition-delay: 0.75s;
    opacity: 1;
}
@media(max-width:1080px){
    .subVisual .bg.sub_company {
        background: url(../images/subVisual_company_m.jpg) center center / cover no-repeat;
    }
    .subWrap.company .titleArea{
        padding-bottom:15%;
        margin-right: 5%;
    }
    .subWrap.company .titleArea .explain{
        margin-bottom: 2.5%;
    }

    .subWrap.company .sec01 .slideCon{
        flex-direction: column;
        padding: 0 1.5%;
    }
    .subWrap.company .sec01 .slideCon .bg{
        position: relative;
        height: 0;
        padding-bottom:56.25%;
    }
    .subWrap.company .sec01 .slideCon .text{
        min-height: auto;
        margin-bottom: 5%;
    }
    .subWrap.company .sec01 .slideCon .title{
        height: auto;
        margin-bottom: 5%;
        font-size: 50px;
    }
    .subWrap.company .sec01 .slideCon .explain{
        font-size: 20px;
        clip-path: inset(0 0 0 0);
    }
    .subWrap.company .sec01 .slideCon .explain_con{
        margin-bottom: 1%;
    }
    .subWrap.company .sec01 .slideCon .explain_con.jump{
        margin-bottom: 3%;
    }
    .subWrap.company .sec01 .slick-dots{
        margin-top: 2.5%;
    }

    .subWrap.company .sec02{
        padding:15% 0;
    }

    .subWrap.company .sec04 .wrap{
        padding:0;
        width: 100%;
        max-width: none;
    }
    .subWrap.company .sec04 .text{
        left: 5%;
    }
    .subWrap.company .sec04 .text .title{
        margin-left: 44%;
    }
    .subWrap.company .sec04 .aos-animate .image{

    }
    .subWrap.company .sec04 .image{
        width: 100%;
        transform: translateY(0);
        padding-top: 25%;
    }
}
@media(max-width:720px){
    .subWrap.company .titleArea .titleName {
        letter-spacing: 2px;
        font-size: 7vw;
    }

    .subWrap.company .sec01{
        padding:15% 0;
    }
    .subWrap.company .sec01 .slideCon .title{
        font-size: 7vw;
    }
    .subWrap.company .sec01 .slideCon .explain{
        font-size: 3.8vw;
        clip-path: inset(0 0 0 0);
    }
    .subWrap.company .sec01 .slideCon .explain_con{
        margin-bottom: 0;
        line-height: 135%;
    }
    .subWrap.company .sec01 .slick-dots li{
        width: 12px;
        height: 12px;
    }

    .subWrap.company .sec02{
        padding:20% 0;
    }
    .subWrap.company .sec02 .title{
        font-size: 8vw;
        margin-bottom:5%;
    }
    .subWrap.company .sec02 .explain{
        font-size: 3.6vw;
        margin-bottom:5%;
    }
    .subWrap.company .sec02 .explain_con{
        margin-bottom: 1.5%;
        letter-spacing: -1px;
    }
    
    .subWrap.company .sec03{
        padding:15% 0;
    }
    .subWrap.company .sec03 .slideCon .title{
        font-size: 8vw;
        width: 85%;
        word-break: keep-all;
        margin: 0 auto;
        margin-bottom: 5%;
        line-height: 120%;
    }
    .subWrap.company .sec03 .slideCon .explain{
        font-size: 3.4vw;
    }
    .subWrap.company .sec03 .slideCon .explain_con{
        margin-bottom: 0;
        line-height: 135%;
    }

    .subWrap.company .sec04 .text .title{
        font-size: 7vw;
        margin-left: 10%;
    }
    .subWrap.company .sec04 .text .explain{
        font-size: 3.6vw;
    }
    .subWrap.company .sec04 .image{
        padding-top: 50%;
    }
}

.subWrap.notice{
    background: #fff;
    color: #191919;
    overflow: hidden;
}
.subWrap.notice_list .content{
    padding:5% 0;
    max-width: 1320px;
    margin:0 auto;
    text-align: center
}
.subWrap.notice_list .tableWrap{
    margin-bottom: 2.5%;
}
.subWrap.notice_list .tableWrap .tablectr{
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.5%;
    flex-direction: column;
}
.subWrap.notice_list .tableWrap .tablectr .schWrap{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}
.subWrap.notice_list .tableWrap .tablectr .schWrap .label{

}
.subWrap.notice_list .tableWrap .tablectr .schWrap .label.sch .input{
    border: none;
    border: 1px solid #b7b7b7;
    padding: 10px;
    transition: 0.5s all;
    height: 45px;
}
.subWrap.notice_list .tableWrap .tablectr .schWrap .label.radio {
}
.subWrap.notice_list .tableWrap .tablectr .schWrap .label.radio:nth-child(1){

}
.subWrap.notice_list .tableWrap .tablectr .schWrap .label.radio:nth-child(2){
    transform: translateX(-1px);
}
.subWrap.notice_list .tableWrap .tablectr .schWrap .label.radio:nth-child(3){
    transform: translateX(-2px);
}
.subWrap.notice_list .tableWrap .tablectr .schWrap .label.radio .input{
    display: none;
}
.subWrap.notice_list .tableWrap .tablectr .schWrap .label.radio:nth-child(1) .input + span{
    border-color: #b7b7b7;
}
.subWrap.notice_list .tableWrap .tablectr .schWrap .label.radio .input + span{
    border: 1px solid #b7b7b7;
    padding: 10px 20px;
    border-left: 1px solid transparent;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.subWrap.notice_list .tableWrap .tablectr .schWrap .label.radio .input:checked + span{
    border-color: #0054a5;
}
.subWrap.notice_list .tableWrap .tablectr .schWrap .label.radio span{

}
.subWrap.notice_list .tableWrap .tablectr .schWrap .label.sch{
    position: relative;
    margin-left: 2.5%;
    width: 35%;
}
.subWrap.notice_list .tableWrap .tablectr .schWrap .label.sch .input{
    width: 100%;
}
.subWrap.notice_list .tableWrap .tablectr .schWrap .label.sch .ico{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.subWrap.notice_list .tableWrap .tablectr .schWrap .btn{
    background: #0054a5;
    color: #fff;
    padding: 10px 45px;
    height: 45px;
    margin-left: 0.5%;
}
.subWrap.notice_list .tableWrap .tablectr .numWrap {
    font-size: 18px;
    font-weight: 300;
}
.subWrap.notice_list .tableWrap .tablectr .numWrap .num{
    color: #0054a5;
    font-weight: 700;
}
.subWrap.notice_list .tableWrap .tablectr .subtitle{
    font-weight: 500;
    color:#333;
    font-size: 18px;
}
.subWrap.notice_list .tableWrap .tablectr .infoWrap{
}
.subWrap.notice_list .tableWrap .tablectr .infoWrap .info{
    color: #7d603e;
    font-weight: 500;
    padding-left: 10px;
}
.subWrap.notice_list .tableWrap .tablebox{
    width: 100%;
    text-align: center;
    table-layout: fixed;
    overflow: hidden;
}
.subWrap.notice_list .tableWrap .table{
    width: 100%;
    table-layout: fixed;
}
.subWrap.notice_list .tableWrap .table .thead {
    border-top: 1px solid #00000c;
}
.subWrap.notice_list .tableWrap .table .thead_list{
    background: #ebebeb;
    color: #191919;
    border-radius: 15px;
    min-width: 75%;
    font-size: 18px;
}
.subWrap.notice_list .tableWrap .table .tbody_list .con{
    height: 75px;
    vertical-align: middle;
}
.subWrap.notice_list .tableWrap .table .thead_list .con {
    height: 50px;
    vertical-align: middle;
}
.subWrap.notice_list .tableWrap .table .thead_list .con .container{
    display: flex;
    align-items: center;
    justify-content: center;
}
.subWrap.notice_list .tableWrap .table .tbody_list{
    font-size: 20px;
    border-bottom: 1px solid #b7b7b7;
    font-weight: 300;
}
.subWrap.notice_list .tableWrap .table .tbody_list .container{
    display: flex;
    align-items: center;
    justify-content: center;
}
.subWrap.notice_list .tableWrap .table .tbody_list .container.num{
    color: #0054a5;
}
.subWrap.notice_list .tableWrap .table .tbody_list.active_notice .container.num{
    border: 1px solid #ff3149;
    width: auto;
    display: inline-flex;
    color: #ff3149;
    padding: 7px;
    min-width: 65%;
}
.subWrap.notice_list .tableWrap .table .tbody_list .container.minim{
    color: #999;
}
.subWrap.notice_list .tableWrap .table .tbody_list .container.subject{
    justify-content: flex-start;
}
.subWrap.notice_list .tableWrap .table .tbody_list .container .subject_con{
    text-align: left;
    position: relative;
    text-decoration: underline;
    text-underline-position: under;
    padding-bottom: 3px;
    text-decoration-color: transparent;
    transition: 0.3s all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 30px;
    color: #191919;
}
.subWrap.notice_list .tableWrap .table .tbody_list .container .subject_con.have_file:after{
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/notice_view_ico_file.png) center center / cover no-repeat;
    position: absolute;
    right: 0;
}
.subWrap.notice_list .tableWrap .table .tbody_list .container .subject_con:hover{
    color: #0054a5;
    text-decoration-color: #0054a5;
}
.subWrap.notice_list .tableWrap .table .tbody_list.active_notice .container .subject_con{
    font-weight: 500;
}
.subWrap.notice_list .pagingWrap{
    font-size: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}
.subWrap.notice_list .pagingWrap img{
    vertical-align: middle;
    width: auto;
    height: 100%;
}
.subWrap.notice_list .pagingWrap .prev{
    margin-right: 15px;
    cursor: pointer;
}
.subWrap.notice_list .pagingWrap .next{
    margin-left: 15px;
    cursor: pointer;
}
.subWrap.notice_list .pagingWrap .num{
    transition: 0.75s all;
    padding: 0 10px;
    cursor: pointer;
    font-weight: 200;
}
.subWrap.notice_list .pagingWrap .num.active{
    color: #0054a5;
    font-weight: 700;
}

.subWrap.notice_view .content{
    padding: 2.5% 0;
    max-width: 1320px;
    margin:0 auto;
}
.subWrap.notice_view .titleWrap{
    border-bottom: 1px solid #b7b7b7;
    padding-bottom: 2%;
}
.subWrap.notice_view .titleWrap .title{
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 2%;
    line-height: 125%;
}
.subWrap.notice_view .titleWrap .infoWrap{
    display: flex;
}
.subWrap.notice_view .titleWrap .infoWrap .infolist{
    font-weight: 200;
    font-size: 18px;
    margin-right: 2.5%;
}
.subWrap.notice_view .titleWrap .infoWrap .infolist .subject{
    font-weight: 700;
    margin-right: 5px;
}
.subWrap.notice_view .titleWrap .infoWrap .infolist .explain{

}
.subWrap.notice_view .editorWrap{
    font-weight: 300;
    font-size: 20px;
    padding: 2% 0;
    line-height: 135%;
}
.subWrap.notice_view .fileWrap{
    background: #e5eef6;
    padding: 2.5%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-weight: 300;
    margin-bottom: 2.5%;
}
.subWrap.notice_view .fileWrap .file{
    display: flex;
    justify-content: space-between;
    font-size: 20px;
}
.subWrap.notice_view .fileWrap .file_name{
    position: relative;
    padding-left: 30px;
    transition: 0.5s all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 15px;
    padding-bottom: 1px;
}
.subWrap.notice_view .fileWrap .file_name:nth-last-child(1){
    padding-bottom: 0;
}
.subWrap.notice_view .fileWrap .file_name:hover{
    color: #0054a5;
}
.subWrap.notice_view .fileWrap .file_name::before{
    content:"";
    width: 20px;
    height: 20px;
    position: absolute;
    left:0;
    top:auto;
    background: url(../images/notice_view_ico_file.png) center center / cover no-repeat;
}
.subWrap.notice_view .fileWrap .file_byte{
    font-weight: 200;
    white-space: nowrap;
}
.subWrap.notice_view .boardWrap{
    border-top: 1px solid #b7b7b7;
    margin-bottom: 5%;
}
.subWrap.notice_view .boardWrap .board{
    font-size: 24px;
    padding:2.5% 0;
    border-bottom: 1px solid #b7b7b7;
    display: flex;
    align-items: center;
}
.subWrap.notice_view .boardWrap .board.prev{

}
.subWrap.notice_view .boardWrap .board.next{

}
.subWrap.notice_view .boardWrap .board.active_nothave{
    color: #9f9f9f;
}
.subWrap.notice_view .boardWrap .board_type{
    position: relative;
    color: #0054a5;
    padding-right: 50px;
}
.subWrap.notice_view .boardWrap .board_type:after{
    content: "";
    border-top: 2px solid;
    border-right: 2px solid;
    border-color: #0054a5;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-30%) rotate(315deg);
}
.subWrap.notice_view .boardWrap .next .board_type:after{
    transform: translateY(-70%) rotate(135deg);
}
.subWrap.notice_view .boardWrap .board_subject{
    font-size: 20px;
    color: inherit;
    transition: 0.5s all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 15px;
}
.subWrap.notice_view .boardWrap .board_subject:hover{
    color: #0054a5;
}
.subWrap.notice_view .listbtnWrap{
    text-align: center;
}
.subWrap.notice_view .listbtnWrap .list{
    background: #0054a5;
    border: 1px solid #0054a5;
    color: #fff;
    font-size: 20px;
    padding: 12px 45px;
    display: inline-block;
    letter-spacing: -1px;
    font-weight: 300;
    transition: 0.5s all;
}
.subWrap.notice_view .listbtnWrap .list:hover{
    background-color: transparent;
    color: #0054a5;
}
@media(max-width:1380px){
    .subVisual .bg.sub_notice {
        background: url(../images/subVisual_notice_m.jpg) center center / cover no-repeat;
    }
    .subWrap.notice .titleArea{
        padding-bottom:15%;
    }
    .subWrap.notice_list .content{
        width: calc(100% - 30px);
        margin:0 auto;
        padding: 10% 0;
    }
    .subWrap.notice_list .tableWrap .tablectr .schWrap{
        margin-bottom: 1.5%;
    }
    .subWrap.notice_list .tableWrap .tablectr .schWrap .label.sch{
        width: 80%;
        margin-left: 0;
    }
    .subWrap.notice_list .tableWrap .tablectr .schWrap .label.radio {
        flex: 0 0 calc(100% / 3);
        margin-bottom: 1.5%;
    }.subWrap.notice_list .tableWrap .tablectr .schWrap .btn{
        flex:1;
    }
    .subWrap.notice_list .tableWrap .tablectr .schWrap .label.radio .input + span{
        width: 100%;
    }
    .subWrap.notice_list .tableWrap .table .thead_list{
        font-size: 16px;
    }
    .subWrap.notice_list .tableWrap .table .tbody_list{
        font-size: 16px;
    }
    .subWrap.notice_list .tableWrap .table .tbody_list .container .subject_con.have_file:after{
        width: 18px;
        height: 18px;
    }
    .subWrap.notice_list .pagingWrap{
        font-size: 16px;
    }
    .subWrap.notice_list .pagingWrap .prev,
    .subWrap.notice_list .pagingWrap .next{
        height: 14px;
    }
    .subWrap.notice_list .pagingWrap img{
        vertical-align: top;
    }

    .subWrap.notice_view .content{
        width: calc(100% - 30px);
        margin:0 auto;
        padding: 5% 0;
    }
}

@media(max-width:720px){
    .subWrap.notice_list .tableWrap{
        margin-bottom: 5%;
    }
    .subWrap.notice_list .tableWrap .tablectr{
        margin-bottom: 2.5%;
    }
    .subWrap.notice_list .tableWrap .tablectr .schWrap{
        font-size: 13px;
        margin-bottom: 2.5%;
        flex-wrap: wrap;
    }
    .subWrap.notice_list .tableWrap .tablectr .schWrap .label.radio .input + span{
        height: 35px;
        padding:0 10px;
        width: 100%;
    }
    .subWrap.notice_list .tableWrap .tablectr .schWrap .label.sch{
    }
    .subWrap.notice_list .tableWrap .tablectr .schWrap .label.sch .input{
        height: 35px;
        padding:0;
        padding-left: 5px;
    }
    .subWrap.notice_list .tableWrap .tablectr .schWrap .label.sch .ico{
        width: 15px;
    }
    .subWrap.notice_list .tableWrap .tablectr .schWrap .btn{
        height: 35px;
        padding:10px 20px;
        width: 25%;
    }
    .subWrap.notice_list .tableWrap .tablectr .numWrap{
        font-size: 13px;
    }
    .subWrap.notice_list .tableWrap .table col:nth-child(1),
    .subWrap.notice_list .tableWrap .table col:nth-child(3),
    .subWrap.notice_list .tableWrap .table col:nth-child(4){
        width: 15%;
    }
    .subWrap.notice_list .tableWrap .table .thead_list{
        font-size: 13px;
    }
    .subWrap.notice_list .tableWrap .table .tbody_list.active_notice .container.num{
        padding:5px 2px;
        width: 100%;
    }
    .subWrap.notice_list .tableWrap .table .tbody_list{
        font-size: 13px;
    }
    .subWrap.notice_list .tableWrap .table .tbody_list .container .subject_con{
        padding:0 20px 0 10px;
    }
    .subWrap.notice_list .tableWrap .table .tbody_list .container .subject_con.have_file:after{
        width: 13px;
        height: 13px;
    }
    .subWrap.notice_list .pagingWrap .num{
        padding:0 5px;
    }

    .subWrap.notice_view .titleWrap{
        margin-bottom: 2.5%;
    }
    .subWrap.notice_view .titleWrap .title{
        font-size: 32px;
        margin-bottom: 2.5%;
    }
    .subWrap.notice_view .titleWrap .infoWrap .infolist{
        font-size: 16px;
    }
    .subWrap.notice_view .editorWrap{
        font-size: 16px;
        padding:2.5% 0;
    }
    .subWrap.notice_view .fileWrap .file{
        font-size: 14px;
    }
    .subWrap.notice_view .fileWrap .file_name{
        padding-left:20px;
    }
    .subWrap.notice_view .fileWrap .file_name::before{
        width: 14px;
        height: 14px;
    }
    .subWrap.notice_view .boardWrap .board{
        font-size: 16px;
        padding: 5% 0;
    }
    .subWrap.notice_view .boardWrap .board_type:after{
        width: 7px;
        height: 7px;
    }
    .subWrap.notice_view .boardWrap .board_subject{
        font-size: 14px;
    }
    .subWrap.notice_view .listbtnWrap .list{
        font-size: 13px;
    }
}

.subWrap.privacy{
    background: #fff;
}
.subWrap.privacy *{
    line-height: 135%;
}
.subWrap.privacy .rule_bt{
    margin-bottom:1%;
}
.subWrap.privacy .rule_left{
    margin-left:1%;
}
.subWrap.privacy .rule_left2{
    margin-left:2%;
}
.subWrap.privacy .rule_left3{
    margin-left:3%;
}
.subWrap.privacy .rule_accent{
    font-weight: 500;
    color: #191919;
}
.subWrap.privacy .rule_indent{
    padding-left: 20px;
    text-indent: -20px;
}

.subWrap.privacy .privacy{
    max-width: 1400px;
    margin:0 auto;
    margin-top: 2.5%;
    word-break: keep-all;
}
.subWrap.privacy .privacy .privacy_title{
    font-size: 18px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-bottom: 50px;
    padding: 2.5%;
    letter-spacing: -1px;
    color: #191919;
    background: #f7f7f7;
    font-weight: 500;
}
.subWrap.privacy .privacy .list{
    font-size: 17px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    color: #666;
}
.subWrap.privacy .privacy .list:last-child {
    border-bottom: none
}
.subWrap.privacy .privacy .list_title{
    font-weight: 500;
    color: #0060af;
    margin-bottom: 15px;
    font-size: 22px;
}
.subWrap.privacy .privacy .list_con{
}
.subWrap.privacy .privacy .list .indent{
}

.subWrap.privacy .tableWrap .table {
    width: 100%;
    table-layout: fixed;
    text-align: left;
}
.subWrap.privacy .tableWrap .thead_list {
    background: #f1f1f1;
    border-left: 1px solid #c0c0c0;
    text-align: center;
}
.subWrap.privacy .tableWrap .thead_list .con {
    padding: 14px;
    border-right: 0.5px solid #c0c0c0;
}
.subWrap.privacy .tableWrap .thead_list .con:nth-last-child(1) {
    margin-right: 0;
}
.subWrap.privacy .tableWrap .tbody_list{
    vertical-align: middle;
}
.subWrap.privacy .tableWrap .tbody_list .con {
    border: 0.5px solid #c0c0c0;
    padding: 7px;
    vertical-align: middle;
}

@media(max-width:1080px){
    .subWrap.privacy .titleArea{
        padding-bottom:25%;
    }
    .subWrap.privacy .rule_bt{
        margin-bottom:2%;
    }
    .subWrap.privacy .privacy{
        text-align:left;
    }
    .subWrap.privacy .privacy .privacy_title{
        font-size: 16px;
        padding: 5% 10px;
        word-break: keep-all;
    }
    .subWrap.privacy .privacy .list{
        width: calc(100% - 15px);
        margin: 0 auto;
        margin-bottom: 5%;
        padding-bottom: 5%;
        font-size:16px;
    }
}
@media(max-width:720px){
    .subWrap.privacy .privacy .privacy_title{
        font-size: 13px;
    }
    .subWrap.privacy .privacy .list{
        font-size:13px;
    }
    .subWrap.privacy .rule_indent{
        text-indent: -16px;
    }
}

.subWrap.loginGate{
    background: #fff;
    color: #fff;
    overflow: hidden;
}
.subWrap.loginGate .content{
    height: 100vh;
    position: relative;
}
.subWrap.loginGate .centerText{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    font-weight: 800;
    z-index: 1;
    animation: logainGate_centerText 0.75s 0.75s forwards;
}
@keyframes logainGate_centerText{
    to{
        top:20%;
    }
}
.subWrap.loginGate .listWrap{
    display: flex;
    height: 100%;
}
.subWrap.loginGate .listcon{
    flex:0 0 50%;
    display: flex;
    align-items: center;
    position: relative;
    text-align: center;
    overflow: hidden;
    justify-content: center;
    padding-top:5%;
    transition: 0.75s all;
}
.subWrap.loginGate .listcon.active{
    padding-top:0;
}
.subWrap.loginGate .listcon .bg{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    transition: 2s;
}
.subWrap.loginGate .listcon.active .bg{
    transform: scale(1.2);
}
.subWrap.loginGate .listcon .bg::before{
    content:"";
    width: 100%;
    height: 100%;
    position: absolute;
    left:0;
    top:0;
    background: rgba(1,1,1,0.8);
    transition: 0.5s all;
    opacity: 1;
}
.subWrap.loginGate .listcon.active .bg:before{
    opacity: 0.25;
}
.subWrap.loginGate .listcon01 .bg{
    background: url(../images/loginGate_bg_01.jpg) center center / cover no-repeat;
}
.subWrap.loginGate .listcon02 .bg{
    background: url(../images/loginGate_bg_02.jpg) center center / cover no-repeat;
}
.subWrap.loginGate .listcon .text{
    display: flex;
    flex-direction: column;
    font-size: 30px;
    position: relative;
    color: #fff;
    opacity: 0;
    animation: fadeInUp 0.75s 1s forwards;
}
.subWrap.loginGate .listcon02 .text{
    animation-delay: 1.25s;
}
.subWrap.loginGate .listcon .en{
    font-family: 'DM Serif Display', serif;
    text-transform: uppercase;
    margin-bottom: 5%;
}
.subWrap.loginGate .listcon .name{
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 15%;
}
.subWrap.loginGate .listcon .explain{
    font-weight: 100;
    opacity: 0;
}
.subWrap.loginGate .listcon.active .explain{
    animation: fadeInUp 0.75s forwards;
}
.subWrap.loginGate .listcon .explain_con{
    margin-bottom: 3%;
}
.subWrap.loginGate .listcon .explain_con:nth-last-child(1){
    margin-bottom: 0;
}
@media (max-width:1080px){
    .subWrap.loginGate .listWrap{
        flex-direction: column;
    }
    .subWrap.loginGate .listcon{
        width: 100%;
        height: 50%;
        text-align: center;
        justify-content: center;
        padding:0;
    }
    .subWrap.loginGate .listcon .bg::before{
        opacity: 0.5 !important;
    }
    .subWrap.loginGate .centerText{
        top:50%;
        transform: translate(-50%, -50%);
		animation:none;
    }
    .subWrap.loginGate .listcon .text .explain{
        opacity: 1;
        animation: none;
    }
}
@media (max-width:720px){
    .subWrap.loginGate .centerText{
        white-space: nowrap;
        font-size: 6vw;
    }
    .subWrap.loginGate .listcon .text{
        font-size: 3.8vw;
    }
    .subWrap.loginGate .listcon .name{
        font-size: 10vw;
    }
}

.subWrap.login {

}
.subWrap.login .content {
    width: 100%;
    height: 100vh;
    background: url(/images/login_bg.jpg) center center / cover no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.subWrap.login .loginWrap {
    display: flex;
    flex-direction: column;
    justify-content: start;
    width: 500px;
    background: #ffffff50;
    padding: 3%;
    align-items: center;
    border-radius: 46px;
    min-height: 600px;
}
.subWrap.login .loginWrap .logo {
    margin-bottom: 5%;
}
.subWrap.login .loginWrap .logo .image {
    width: 230px;
    margin-bottom: 5%;
}
.subWrap.login .loginWrap .logo .image img {
    width: 100%;
}
.subWrap.login .loginWrap .logo .text {
    text-align: center;
    color: #fff;
    font-size: 36px;
    font-weight: 300;
}
.subWrap.login .selectTab {
    display: flex;
    width: 100%;
    margin-bottom: 6%;
}
.subWrap.login .selectTab .subTab {
    font-size: 18px;
    color: #fff;
    width: 50%;
    text-align: center;
    cursor: pointer;
    position: relative;
    padding: 3% 0;
}
.subWrap.login .selectTab .subTab.active {
    background: #0060af;
    color: #fff;
}

.subWrap.login .selectTab .subTab:hover,
.subWrap.login .selectTab .subTab:focus {
    background: #0060af;
    transition: 0.5s; 
}
.subWrap.login .selectTab .subTab::before{
    content: "";
    width: 100%;
    height: 3px;
    background: #0060af;
    position: absolute;
    bottom: 0;
    left: 0;
}
.subWrap.login .tab_content {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.subWrap.login .tab_content .select_checkWrap {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 4%;
}
.subWrap.login .tab_content .select_check {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    cursor: pointer;
}
.subWrap.login .tab_content .select_check .login_idBox {
    cursor: pointer;
}
.subWrap.login .tab_content .select_check .login_id {
    vertical-align: middle;
    appearance: none;
    border: 2px solid #0060af;
    border-radius: 50%;
    background: #fff;
    width: 1em;
    height: 1em;
    cursor: pointer;
    position: relative;
    margin-bottom: 3%;
}
.subWrap.login .tab_content .select_check .login_id:checked  {
    background: #0060af;
    transition: 0.3s;
}
.subWrap.login .tab_content .select_check .login_id:checked::before {
    content: "\2713";
    position: absolute;
    top: -2px;
    left: 1.5px;
    font-size: 14px;
    color: #fff;
}
.subWrap.login .tab_content .select_idBox {
    width: 100%;
    padding: 3%;
    border: 1px solid #0060af;
    color: #0060af;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 2%;
}
.subWrap.login .tab_content .select_idBox.select_phone {
	width: 75%;
}
.select_phone_check {
	padding: 3%;
    background: #0060af;
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-weight: 500;
	margin-bottom: 2%;	
	margin-left: 2%;
}
.select_phone_check:hover {
	transition: .5s;
    background: #2073b8;
}
.subWrap.login .tab_content .select_idBox:focus,
.subWrap.login .tab_content .select_passBox:focus {
    border: 1px solid #0060af;
    color: #0060af;
    outline: none;
}
.subWrap.login .tab_content .select_passBox {
    width: 100%;
    padding: 3%;
    border: 1px solid #0060af;
    color: #0060af;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}
.subWrap.login .idBox {
    margin-bottom: 3%;
}
.subWrap.login .idBox_subBox.flex {
	display: flex;
	justify-content: space-between;
}
.subWrap.login .idBox_check {
    margin-bottom: 8%;
}
.subWrap.login .idBox_check .idBox_check_list{
    cursor: pointer;
    color: #191919;
}
.subWrap.login .idBox_check .idBox_check_con {
    vertical-align: middle;
    appearance: none;
    border: 1px solid #0060af;
    background: #fff;
    width: 1em;
    height: 1em;
    cursor: pointer;
    position: relative;
    margin-bottom: 1%;
    margin-right: 1%;
}
.subWrap.login .idBox_check .idBox_check_con:checked {
    background: #0060af;
    transition: 0.1s;
}
.subWrap.login .idBox_check .idBox_check_con:checked::before {
    content: "\2713";
    position: absolute;
    top: -2px;
    left: 1.5px;
    font-size: 14px;
    color: #fff;
}


.subWrap.login .login_box .login_box_btn {
    width: 100%;
    padding: 5%;
    background: #0060af;
    color: #fff;
    font-size: 26px;
    border-radius: 36px;
    margin-bottom: 5%;
}
.subWrap.login .login_box .login_box_btn.login_box_btn2 {
	margin-top: 25%;
    margin-bottom: 0;
}
@media (max-width: 550px) {
	.subWrap.login .login_box .login_box_btn.login_box_btn2 {
	margin-top: 35%;
}
}

.subWrap.login .login_box .login_box_btn:hover {
    transition: .5s;
    background: #2073b8;
}
.subWrap.login .login_box .id_search_box {
	display:flex;
	justify-content: space-between;
	flex-direction: column;
    text-align: center;
}
.id_search_box_subcon {
	margin-bottom:3%
}
.subWrap.login .login_box .id_search_subbox2 {
	text-align: right;
	color: #191919;
    font-size: 15px;
    font-weight: 600;
    position: relative;
	margin-top: 5px;
}
.subWrap.login .login_box .id_search_subbox2 .id_search_box_con {
	color: #191919;
}
.subWrap.login .login_box .id_search_box,
.subWrap.login .login_box .id_search_box .id_search_box_con {
    color: #191919;
    font-size: 15px;
    font-weight: 600;
    position: relative;
}

.id_search_box_con.720_dn {display:none;}
/* .subWrap.login .login_box .id_search_box .id_search_box_con::after {
    content: "";
    position: absolute;
    bottom: 5px;
    right: -12px;
    content: '';
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
} */
@media (max-width: 1080px){
    .subWrap.login .loginWrap {
        padding: 5%;
        border-radius: 26px;
    }
    .subWrap.login .content {
        padding: 5%;
    }
}
@media (max-width: 750px){
    .subWrap.login .loginWrap {
        padding: 8%;
        min-height: 550px;
    }
    .subWrap.login .loginWrap .logo .image {
        width: 180px;
    }
    .subWrap.login .selectTab .subTab {
        padding: 4%;
    }
    .subWrap.login .selectTab {
        margin-bottom: 7%;
    }
.subWrap.login .login_box .id_search_box,
.subWrap.login .login_box .id_search_box .id_search_box_con {
		font-size: 15px;
	}

}

.subWrap.contact {

}
.subWrap.contact .content {
    width: 100%;
    height: 100vh;
    background: url(/images/customer_bg.jpg) center center / cover no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.subWrap.contact .contactWrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.subWrap.contact .contactWrap .logo {
    margin-bottom: 4%;
}
.subWrap.contact .contactWrap .logo .image {
    width: 242px;
    margin: 0 auto;
    margin-bottom: 1.5%;
}
.subWrap.contact .contactWrap .logo .image img {
    width: 100%;
}
.subWrap.contact .contactWrap .logo .text {
    font-size: 40px;
    color: #191919;
    font-weight: 300;
    text-align: center;
}
.subWrap.contact .contactWrap .info_box {
    padding: 5%;
    background: #ffffff50;
    border-radius: 46px;
    display: flex;
    margin-bottom: 6%;
    min-width: 1000px;
}  
.subWrap.contact .contactWrap .info_box .info_left {
    flex: 0 0 60%;
}
.subWrap.contact .contactWrap .info_box .info_right {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.subWrap.contact .info_left_text {
    resize:none;
    padding: 4%;
    color: #191919;
    border: none;
    font-weight: 500;
    font-size: 18px;
    line-height: 125%;
    word-break: break-all;
}
.subWrap.contact .info_left_text::placeholder,
.subWrap.contact .info_right_con::placeholder {
    color: #191919;
}
.subWrap.contact .info_left_text:focus,
.subWrap.contact .info_right_con:focus {
    outline: none;
}
.subWrap.contact .info_right_con {
    border: none;
    font-size: 18px;
    color: #191919;
    padding: 5%;
    font-weight: 500;
}
.subWrap.contact .info_right_con:last-child {
    margin-bottom: 0;
}
.subWrap.contact .summit_box {
    display: flex;
    justify-content: center;
    margin-bottom: 4%;
}
.subWrap.contact .summit_box .summit_btn {
    padding: 2% 3%;
    color: #fff;
    background: #0060af;
    border-radius: 46px;
    font-size: 30px;
    min-width: 350px;
    text-align: center;
}
.subWrap.contact .summit_box .summit_btn:hover {
    background: #2073b8;
    transition: .3s;
}
.subWrap.contact .info_footer {

}
.subWrap.contact .info_footer .info_footer_con {
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-bottom: 2%;
}
.subWrap.contact .info_footer .info_footer_con:last-child {
    margin-bottom: 0;
    line-height: 130%;
}
.subWrap.contact .info_filebox {position: relative;}
 .subWrap.contact .info_filebox .filebox_name {
    display: inline-block;
    padding: 5%;
    font-size: 18px;
    vertical-align: middle;
    border: none;
    width: 80%;
    background: #f7f7f7;
    color: #191919;
    font-weight: 500;
    border-radius: 0;
}
.subWrap.contact .info_filebox .upload {
    display: inline-block;
    padding: 5%;
    height: 100%;
    color: #fff;
    vertical-align: middle;
    background-color: #2073b8;
    cursor: pointer;
    text-align: center;
    min-width: 40px;
    margin-left: 0;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
    line-height: 120%;
}
.subWrap.contact .info_filebox .file_text {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
@media (max-width: 1080px){
    .subWrap.contact .contactWrap .info_box {
        flex-direction: column;
        min-width: 100%;
        margin-bottom: 10%;
        padding: 7% 5%;
    }
    .subWrap.contact .info_left_text {
        width: 100%;
        height: 160px;
        font-size: 16px;
        margin-bottom: 5%;
        border-radius: 0;
    }
    .subWrap.contact .info_right_con {
        padding: 2% 5%;
        margin-bottom: 2%;
        font-size: 16px;
        border-radius: 0;
    }
    .subWrap.contact .info_filebox .filebox_name {
        width: 90%;
    }
    .subWrap.contact .info_filebox .upload, 
    .subWrap.contact .info_filebox .filebox_name {
        padding: 2% 5%;
        font-size: 16px;
        line-height: 110%;
    }
    .subWrap.contact .info_right_con:last-child {
        margin-bottom: 0;
    }
    .subWrap.contact .info_footer .info_footer_con {
        font-size: 14px;
    }
    .info_footer_br {display: none;}
}
@media (max-width: 750px){
    .subWrap.contact .content {
        padding: 5%;
    }
    .subWrap.contact .contactWrap .logo{
        margin-bottom: 6%;
    }
    .subWrap.contact .contactWrap .logo .text {
        font-size: 26px;
    }
    .subWrap.contact .contactWrap .logo .image {
        width: 182px;
        margin-bottom: 3%;
    }
    .subWrap.contact .contactWrap .info_box {
        border-radius: 16px;
    }
    .subWrap.contact .summit_box {
        margin-bottom: 8%;
    }
    .subWrap.contact .summit_box .summit_btn {
        font-size: 24px;
        min-width: 260px;
        padding: 3%;
    }

    .subWrap.contact .info_footer .info_footer_con {
        font-size: 12px;
        line-height: 130%;
    }
    
}
  @media (max-width: 550px){ 
  .subWrap.contact .info_left_text {
        height: 140px;
  }
  .subWrap.contact .contactWrap .logo .text {
        font-size: 20px;
    }
    .subWrap.contact .info_filebox .upload {
        line-height: 130%;
    }
  }

   @media (max-width: 500px){ 
  .subWrap.contact .info_filebox .filebox_name {
        width: 82%;
    }
  }

.titleArea {
    text-align: center;
    z-index: 1;
    line-height: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    padding-bottom: 5%;
    color:#fff;
    flex-direction: column;
    color: #fff;
}

.titleArea .explain{
    font-weight: 100;
    font-size: 32px;
}

.titleArea .titleName {
    color: #fff;
    font-size: 70px;
    font-weight: 700;
    letter-spacing: 20px;
    line-height: 100%;
    animation: titleName 1s 1s forwards;
    width: 100%;
    position:relative;
}
.titleArea .titleName:after{
	content:"";
	width:50px;
	height: 7px;
	background: #fff;
	position: absolute;
	left: 50%;
    bottom:-50px;
	transform: translateX(-50%);
	z-index: -1;
}
@keyframes titleName{
    to{
        letter-spacing: -1px;
    }
}

@media (max-width:1080px){
    .titleArea .titleName{
        letter-spacing: 7px;
        font-size: 50px;
    }
    .titleArea .titleName:after{
        bottom:-30px;
    }
}
@media(max-width:720px){
    .titleArea .titleName{
        font-size: 40px;
    }
}

#top_scroll {display:none;position: fixed; bottom:4%;right:1.5%;  z-index:9999}
#top_scroll img {}

#footer {
    position: relative;
    width: 100%;
    background: #1e1e1e;
    z-index: 5;
    color:#fff;
    text-align: center;
}
#footer .wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5% 0;
    font-size: 20px;
    font-weight: 300;
}
#footer .image{
    margin-bottom: 3%;
}
#footer .linkWrap{
    margin-bottom: 1.5%;
    display: flex;
    align-items: center;
}
#footer .linkWrap .link{
    color: #fff;
    position: relative;
    padding-right: 10px;
    margin-right:10px;
}
#footer .linkWrap .link:after{
    content:"";
    width:1px;
    height: 75%;
    position: absolute;
    top:50%;
    right: 0;
    background: #fff;
    transform: translateY(-50%);
}
#footer .linkWrap .link:nth-last-child(1):after{
   display: none; 
}
#footer .info {
    margin-bottom: 1.5%;
}
#footer .info_con {
    margin-bottom: 1.5%;
}
#footer .info_con:nth-last-child(1) {
    margin-bottom: 0;
}
#footer .copy {
    color: #a6735a;
    font-size: 16px;
    margin-bottom: 3%;
}
#footer .tel {
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 2.5%;
}
#footer .tel .point{

}
#footer .select{
    position: relative;
    text-align: left;
}
#footer .select .tri {
    border: 1px solid #fff;
    padding: 15px;
    min-width: 175px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.75s all;
}
#footer .select .tri:hover{
    background: #fff;
    color:#191917;
}
#footer .select .tri .plus{
    position: relative;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    transition: 1s all;
}
#footer .select .tri .plus::before{
    content:"";
    width: 100%;
    height: 1px;
    background: #fff;
    display: inline-block;
    transition: inherit;
}
#footer .select .tri .plus::after{
    content:"";
    width: 1px;
    height: 100%;
    position: absolute;
    left: 7px;
    top: auto;
    background: #fff;
    transition: inherit;
}
#footer .select .tri:hover .plus{
    transform: rotate(720deg);
}
#footer .select .tri:hover .plus:before,
#footer .select .tri:hover .plus:after{
    background: #191917;
}
#footer .select .tri .plus{
	
}
#footer .select .layer_select {
    background: #fff;
    position: absolute;
    bottom: 125%;
    width: 100%;
    left: 0;
    padding: 15% 0;
    display: none;
}
#footer .select .layer_select .link {
    margin-bottom: 30px;
    display: block;
    text-align: center;
}
#footer .select .layer_select .link:nth-last-child(1){
    margin-bottom:0;
}

/* mobile */
.MB_V img{width:100%;}
.MB_V .ico_open{position: absolute;right: 50px;top: 106px;width:90px;z-index: 10;left:auto;}
.MB_V .mainVisual{position:relative;height:100%;}
.MB_V .ico_open{position: relative;right: auto;top: auto;width: 100%;z-index: 10;left: auto;bottom: 0px;}
.mainVisual .bxslider .cali{position:absolute;left: 50%;top:22%;transform:translate(-50%, -25%) translate(-.5px, -.5px); width:65%;}
.mainVisual .bxslider li .text{position:absolute;left: 50%;top:51%;transform:translate(-50%, -50%) translate(-.5px, -.5px); width:80%;}
.mainVisual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{bottom: 50px;left: 50%;transform: translateX(-50%);width: auto;}
.mainVisual .bx-wrapper .bx-pager.bx-default-pager a{background-color:transparent; border-radius:15px; border:1px solid #fff;width:7px; height:7px;}
.mainVisual .bx-wrapper .bx-pager.bx-default-pager a:hover,.mainVisual .bx-wrapper .bx-pager.bx-default-pager a.active{background:#fff;}
.MB_V .bxslider .border{padding:30px 0; height:1px;}

/* .mobileMain .sec01{background: url(/images/m_main_sec01_bg.jpg) center center / cover no-repeat;padding:50px 0;}
.mobileMain .sec01 h2{width:70%;margin:0 auto;padding-bottom:30px;}
.mobileMain .sec01 ul{}
.mobileMain .sec01 ul .slick-list{width:50%;margin:0 auto;}
.mobileMain .sec01 .slick-next{right:5%;background-image: url('/images/m_main_right.png');background-size:cover;}
.mobileMain .sec01 .slick-prev{left:5%;background-image: url('/images/m_main_left.png');background-size:cover;}
.mobileMain .signatureWrap{width:50%;margin:0 auto;} */

.mobileMain .sec01{background: url(/images/m_main_sec01_bg.jpg) center center / cover no-repeat;padding:50px 0;overflow:hidden;}
.mobileMain .sec01 .Wrap{width:calc(100% - 30px);margin:0 auto;}
.mobileMain .sec01 h2{width:70%;margin:0 auto;padding-bottom:30px;}
.mobileMain .sec01 ul{}
.mobileMain .sec01 ul .slick-list{width:50%;margin:0 auto;}
.mobileMain .sec01 .slick-next{right:0;}
.mobileMain .sec01 .slick-prev{left:0;}
.mobileMain .signatureWrap{width:50%;margin:0 auto;}
.mobileMain .swiper-button-prev{left:-60%;width:42px;height:42px;background-image: url('/images/m_main_left.png');background-size:cover;}
.mobileMain .swiper-button-next{right:-60%;width:42px;height:42px;background-image: url('/images/m_main_right.png');background-size:cover;}


.PC_V{display:block;}
.MB_V{display:none;}
@media(max-width:1080px){
    .PC_V{display:none;}
    .MB_V{display:block;}

    .MB_BR{
        display: block;
    }

    #footer{

    }
    #footer .wrap{
        padding:15% 0;
        font-size: 16px;
    }
    #footer .image{
        width: 35%;
        max-width: max-content;
        margin-bottom:10%;
    }
    #footer .image img{
        width: 100%;
    }
    #footer .linkWrap{
        margin-bottom:5%;
    }
    #footer .info{
        margin-bottom:5%;
    }
    #footer .copy{
        margin-bottom:10%;
    }
    #footer .tel{
        font-size: 24px;
        margin-bottom:5%;
    }
    #footer .select .tri{
        padding:5%;
    }
}

@media(max-width:720px){
    #footer .wrap{
        font-size: 13px;
    }
    #footer .copy{
        font-size: 13px;
    }
}

/*ios only*/
@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */ 
    .have_background_fix{
        background-attachment: scroll !important;
    }
}