.bbs-sch_w{position: relative;margin-bottom: 20px;}
.bbs-sch_w .bbs-total{float: left;padding-top: 30px;}
.bbs-sch_w .bbs-sch{float: right;}
.bbs-total{color: #8e8e8e}
.bbs-total strong{font-weight: 900;}
.bbs-sch{position: relative;height: 60px}
.bbs-sch select,.bbs-sch input,.bbs-sch button{height: 100%}
.bbs-sch select,.bbs-sch input{border-radius:3px;padding-left: 20px;}
.bbs-sch input{width: 380px;padding-right: 60px;}
.bbs-sch button{position: absolute;right: 0;top:0;width: 60px; background: url('../img/bbs/bbs-sch.png') center center no-repeat;white-space: nowrap;overflow: hidden;text-indent: -999px}
.bbs-sch select{width: 215px}

.bbs-sort{text-align: right;margin-bottom: 1.25em;}
.bbs-sort select{height: 3.875em;width: 299px;border-radius:3px}

.bbs-list{margin-top: 20px;line-height: 1.15;}
.bbs-list > ul{margin-left: -2%;}
.bbs-list > ul > li{float: left; width: 23%;margin: 0 0 2% 2%;position: relative;}
.bbs-list a{transition: all ease-in-out .15s;border:1px solid #dadada;background: #fafafa;border-radius:3px;display: block;position: relative;}
.bbs-list a:hover,.bbs-list a:focus{background: #fff;border-color:#222;}
.bbs-list a:hover .t,.bbs-list a:focus .t{text-decoration: underline;}
.bbs-list .cont{display: block; position: relative;padding: 40px;}
.bbs-list .sort{font-size: 0;font-weight: 700;}
.bbs-list .label,.bbs-list .date{font-family: 'gt','NanumSquareRound'}
.bbs-list .sort span{font-size: 14px;}
.bbs-list .label .g{display: inline-block;position: relative;color: #999;padding-left: 10px;margin-left: 10px;font-weight: 300;}
.bbs-list .label .g:before{position: absolute;left: 0;top:50%;width: 1px;height: 10px;margin-top: -5px;content: '';background: #d8d8d8}
.bbs-list .t{margin-top: 1em;display: block;height: 2.292em;overflow: hidden;font-size: 1.714em;}
.bbs-list .date{color: #999;display: block;margin-top: 7.63em;}
.bbs-list .more{position: absolute;right: 0;bottom: 0;width: 60px;height: 60px;background: #4b1e78 url('../img/bbs/more.png') center center no-repeat; border-radius:3px 0;display: block;white-space: nowrap;overflow: hidden;text-indent: -999px;display: none;}
.bbs-list.thumb .cont{padding: 30px}
.bbs-list.thumb .txt{margin-top: 1.875em;height: 2.47em; overflow: hidden;display: block;color: #666;line-height: 1.35;}
.bbs-list.thumb .date{margin-top: 3.571em}
.bbs-list .img{position: relative;overflow: hidden;padding-bottom: 55%;}
.bbs-list .img img{position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto; width: 100%}
.bbs-list.webzine .img{height: auto; padding-bottom: 0;}
.bbs-list.webzine .img img{position: static;display: block;}
.bbs-list .cont .state{position: absolute;right: 1.25em;top: -1.25em;line-height: 1.15;padding: 10px 1.25em;border-radius:3px}
.bbs-list.thumb.event .date{position: static;}
.bbs-list .more.icon{background-image: url('../img/bbs/tv.png')}

.bbs-list2{width: 100%;border-top:2px solid #4b1e78}
.bbs-list2 th{background: #ede6f2;font-size: 1.125em;padding: 1em;color: #4b1e78;font-weight: 900;position: relative;}
.bbs-list2 th:before{position: absolute;left: 0;top:50%;width: 2px;height: 14px;margin-top: -7px;background: url('../img/bbs/dot.png') center center no-repeat;content: ''}
.bbs-list2 th:first-child:before{background: none}
.bbs-list2 td{border-bottom: 1px solid #ddd;text-align: center; padding: 1em; color: #888}
.bbs-list2 tr:last-child td{border-bottom: 1px solid #b7b7b7;}
.bbs-list2 .tit{text-align: left;color: #000}
.bbs-list2 .no{width: 7.500em}
.bbs-list2 .state{width: 10.000em}
.bbs-list2 .date{width: 11.250em}

.tit-bbs{line-height: 1.15;padding: 40px 0 50px 0;border-bottom: 2px solid #000;margin-bottom: 50px;}
.tit-bbs .inner_1040{padding: 0 50px}
.tit-bbs .tit{text-align: center; color: #000}
.tit-bbs .t{font-size: 3.571em;font-weight: 900;margin: 0.600em 0;letter-spacing: -.03em}
.tit-bbs .date{color: #9a9a9a}

.bbs-view .cont_w{font-size: 1.125em;}
.bbs-view .cont{line-height: 1.8; border-bottom: 1px solid #111; padding-bottom: 80px;}

.paging_w{margin-top: 3.750em;font-weight: 700;}
.paging_w ul{font-size: 0;text-align: center;}
.paging_w li{font-size: 18px;font-size: 1.125rem;display: inline-block;margin: 0 5px;vertical-align: middle; width: 2em;height: 2em;line-height: 2em;}
.paging_w .active{color: #fff;text-decoration: underline; background: #4b1e78;border-radius:50%}
.paging_w .arrow{white-space: nowrap;overflow: hidden;text-indent: -999px;background: url('') center center no-repreat;width: 0.778em;height: 0.611em;background-size:100%}
.paging_w .first{background-image: url('../img/bbs/first.gif')}
.paging_w .prev{background-image: url('../img/bbs/prev.gif');margin: 0 1em 0 .5em;}
.paging_w .next{background-image: url('../img/bbs/next.gif');margin: 0 .5em 0 1em;}
.paging_w .last{background-image: url('../img/bbs/last.gif')}
.paging_w a{display: block;}

.btn-back{background: url('../img/bbs/back_b.png') left center no-repeat; border-bottom: 1px solid #666; background-size:1.688em; padding-left: 2.375em;padding-bottom: .3em;font-weight:900;}

.prev_next{line-height: 3.722em;margin-top:20px;font-weight: 400;} 
.prev_next dl{position: relative;padding-left: 153px;margin-top: 10px;border:1px solid #dadada; border-radius:3px}
.prev_next dl:first-child{margin-top: 0;}
.prev_next dt{width: 153px;text-align: center; position: absolute;left: 0;top:0;height: 100%}
.prev_next dt:after{position: absolute;right: 0;top:50%;width: 1px;height: 0.833em;margin-top: -0.418em;content: '';background: #dadada}
.prev_next dd{padding: 0 50px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;display: block;}
.prev_next dd a{}
.prev_next .prev{margin-top: 0;}
.prev_next dt span{background: url('') left center no-repeat;padding-left:2.188em}
.prev_next .prev dt span{background-image: url('../img/bbs/prev.png')}
.prev_next .next dt span{background-image: url('../img/bbs/next.png')}
.prev_next a:hover{text-decoration: underline;}

.btn_bot{text-align: right;margin-top: 30px;}
.btn_bot a{border-radius:3px;display: inline-block;font-weight: 900;width: 9.444em;height: 3.500em;line-height: 3.500em;text-align: center;vertical-align: middle;}

.btn_bot.f18{margin-top: 40px;}
.btn_bot.center{text-align: center;}
.btn_bot.center a{margin-left: 3px;}
.btn_bot.center a:first-child{margin-left: 0;}

.bbs-write .form{border-top: 2px solid #222222;}
.bbs-write .purple{border-top: 2px solid #4b1e78;}
.bbs-write .purple.form .t{color: #000}
.bbs-write .purple input:read-only,.bbs-write .purple input:disabled{border:0 !important;padding: 0 !important;font-weight: 900; color: #000;background: #fff}
.bbs-write .form .group{display: table;width: 100%;border-bottom: 1px solid #dadada; padding: 10px 0}
.bbs-write .form .group  > *{display: table-cell;vertical-align: middle; padding: 0 30px}
.bbs-write .form .group .upload_file_wrap{white-space:nowrap;}
.bbs-write .form .group .upload_file_wrap .img_output{}
.bbs-write .form .group .upload_file_wrap .img_output img{}
.bbs-write .form .group .upload_file_wrap input[type="file"]{display:inline-block; width:auto;}
.bbs-write .form .group .upload_file_wrap button#removeFile{display:inline-block;}

@media screen and (max-width:640px){
	.bbs-write .form .group .upload_file_wrap .img_output img{width:100%; height:auto;}
	.bbs-write .form .group .upload_file_wrap input[type="file"]{display:block; width:100%;}
	.bbs-write .form .group .upload_file_wrap button#removeFile{display:block; margin:20px 0 0;}
}

.bbs-write .form .t{width: 170px;color: #888;height: 60px;height: 3.750rem}
.bbs-write .form input[type="text"],.bbs-write .form select,.bbs-write .form textarea,.bbs-write .form .box,.bbs-write .form input[type="password"]{border:1px solid #dadada;width: 100%;display: block;border-radius:3px}
.bbs-write .form input[type="text"],.bbs-write .form select,.bbs-write .form input[type="password"]{padding: 0 20px; height: 3.750em}
.bbs-write .file label{line-height: 60px;line-height: 3.750rem}
.bbs-write .form textarea{padding: 20px;height: 230px;display: block;}
.bbs-write .form input[type="radio"]{margin:0}
.bbs-write .form .box label{margin: 0 0 0 3px;}
.bbs-write .form .box span:last-child{margin-right: 0;}
.bbs-write .file{margin-top: 10px;position: relative; padding-right: 115px;}
.bbs-write .file:first-child{margin-top: 0;}
.bbs-write .file label{position: absolute;right: 0;top:0;width: 123px;height: 100%;text-align: center;background: #f8f8f8;color:#111;font-weight: 500;border:1px solid #dadada;border-radius: 0 3px 3px 0}
.bbs-write .purple.form input[type="text"]{max-width:647px}
.bbs-write .purple.form .small{max-width:269px}
.bbs-write .form .small{width: 269px;display: inline-block;}
.bbs-write .add_txt{display: inline-block; margin-left: 1em;font-size: 14px; color: #959595}
.bbs-write .add_txt a{text-decoration: underline;color: #333;margin-left: 10px;}
.bbs-write .add_txt .bul-mark{display: inline-block;}

.view_thumb{line-height: 1.15; padding: 0 40px;position: relative;}
.view_thumb a{border:1px solid #dadada;background: #fafafa;border-radius:3px;display: block;position: relative; margin: 0 13px;}
.view_thumb .cont_v{display: block; position: relative;padding: 40px 30px;}
.view_thumb .t{display: block;height: 3.3em;overflow: hidden;font-size: 1.714em;;color: #222;margin-bottom: 1em;}
.view_thumb .date{color: #999}
.view_thumb .img{position: relative;overflow: hidden; padding-bottom: 55%;}
.view_thumb .img img{position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto; width: 100%}
.view_thumb .slick-arrow{width: 68px;height: 100%; background: url('') center center no-repeat;top:0;position: absolute; background-size:100%; z-index: 1}
.view_thumb .prev{background-image: url('../img/bbs/thumb_prev.png'); left: -50px}
.view_thumb .next{background-image: url('../img/bbs/thumb_next.png');right: -50px}

.bbs-center{}
.bbs-center .half_w{display: flex; position: relative; top:-2px}
.bbs-center .half_w:before{position: absolute;left: 0;top:-2px; width: 100%;content: ''; background: #fff}
.bbs-center .half{padding-top:60px}
.bbs-center .l{padding-left: 100px;width: 67.5%;background: url('../img/customer/center.jpg') center center no-repeat; background-size:cover; color: #362b72;position: relative;overflow: hidden;}
.bbs-center .l .txt{font-size: 2.875em;line-height: 1.15; color: #fff;font-weight: 300;background: url(../img/customer/center.png) left top no-repeat;padding: 97px 0 30px 315px;}
.bbs-center .steps{position: absolute;left: 100px; width: 850px;line-height: 1.15;;padding-left: 20px;bottom:93px;text-align: center;font-size: 0;}
.bbs-center .steps li{padding: 20px 5px; margin-bottom: 14px; background: rgba(255,255,255,.9); width: 13.6666666667%; margin-left: 3%;display: inline-block;font-size: 18px;font-size: 1.125rem;position: relative;border-radius:10px; height: 110px;letter-spacing: -0.07em;}
.bbs-center .steps .s9{background: #a589c1;color: #fff}
.bbs-center .steps .s10{background: #8159a9;color: #fff}
.bbs-center .steps .s11{background: #4b2076;color: #fff}
.bbs-center .steps li:after{content: ''; position: absolute; right: -15%;top:50%;width: 8px;height: 13px;background: url('../img/customer/step.png') center center no-repeat; margin-top: -7px;}
.bbs-center .steps .s6:after,.bbs-center .steps .s11:after{background: none}
.bbs-center .steps span{display: block;margin-bottom: .67em;font-size: 1.111em;line-height: 1.15;}
.bbs-center .r{padding: 60px 60px 100px 60px; width: 32.5%;}
.bbs-center .r .required{text-align: right;}
.bbs-center .r .big{margin-bottom: 10px;}
.bbs-center .form-st1{margin-bottom: 10px;}
.bbs-center .btns{margin-top: 45px;}
.bbs-center .bul-decimal{margin-left: 45px; margin: 10px 0 0 2.813rem;}

.mypage .form .ck-st2{margin-right: 2em;}

.bbs-recruit .list{border-top: 2px solid #000; color: #888;text-align: center;}
.bbs-recruit .list .group{border-bottom: 1px dashed #cecece;}
.bbs-recruit .list .group:hover{background: #f9f9f9}
.bbs-recruit .list a{display: table;width: 100%;height: 100px}
.bbs-recruit .list a > *{display: table-cell;vertical-align: middle; padding: 0 50px}
.bbs-recruit .list .area{width: 20em}
.bbs-recruit .list .date{width: 11.5em} 
.bbs-recruit .list .tit{color: #000;text-align: left;}

.bbs-recruit .view .group{margin-top: 3em;}
.bbs-recruit .view .group:first-child{margin-top: 0;}
.bbs-recruit .view dl{text-align: left;}
.bbs-recruit .view dt{font-weight: 900;margin-bottom: 1em;}
.bbs-recruit .view dd{margin-top: .3em;}

.bbs-faq{border-top: 2px solid #000;}
.bbs-faq .q,.bbs-faq .a{position: relative;}
.bbs-faq .item{border-bottom: 1px solid #ddd;}
.bbs-faq .q{font-size: 1.125em; padding: 1.5em 5em 1.5em 140px;font-weight: 900;}
.bbs-faq .q:after{position: absolute;right: 1.5em;top:50%;width: 1.056em;height: 0.556em;background: url('../img/bbs/arrow.png') center center no-repeat; background-size:100%;content: '';margin-top: -0.278em;}
.bbs-faq .q.active:after{background-image: url('../img/bbs/arrow_on.png')}
.bbs-faq .a{padding: 2em 2em 2em 140px;color: #666;border-top: 1px solid #ddd;display: none;}
.bbs-faq .a:before{position: absolute;width: 50px;height: 50px;border-radius:50%;font-size: 1.125em;line-height: 50px;content: 'A';background: #ffbe2f;color: #000;left: 40px;top:1.125em;text-align: center;font-weight: 900}
.bbs-faq .q .num{position: absolute;left: 50px;top:1.5em}
.bbs-faq .q a{display: block;}

.apply_box{border:1px solid #ddd;background: #fdfdfd;padding: 50px;border-radius:3px}
.apply_box input[type="text"],.apply_box select{width: 100%;height: 2.813em;border-radius:3px;padding: 0 10px}
.apply_box .type_1 th{width: 200px}
.apply_box .type_1 th,.apply_box .type_1 td{text-align: left;}
.apply_box .type_1 input,.apply_box .type_1 input select{max-width:400px}
.apply_box .ck_w{display: inline-block;vertical-align: middle;}
.apply_box .ck_w li{float: left;margin-left: 30px;}
.apply_box .ck_w li:first-child{margin-left: 0;}
.apply_box .etc{margin-left: 30px}
.apply_box .group{margin-top: 50px;}
.apply_box .group:first-child{margin-top: 0;}

.file-st1 button{width: 150px;height: 2.813em;border-radius:3px}
.file-st1 .file_txt{display: inline-block; margin-right: 1em;}

.apply_box .add li{float: left; width: 67%;position: relative;}
.apply_box .add .rel{po.bbs-faq .q:aftersition: relative; width: 31.5%;margin-right: 1.5%;}
.apply_box .add .rel button{position: absolute;right: 0;top:0;width:5em;height: 100%;font-size: .938em;border-radius:3px}
.apply_box .add input[type="text"]{max-width:100%}

.apply_box .type_2 th{width: 16.6666666667%}
.apply_box .school{position: relative;padding-right: 4.7em;}
.apply_box .school span{position: absolute;font-size: .87rem; right: 16px; right:1rem; height: 45px;line-height: 2.813rem;}

.apply_box textarea{width: 100%;display: block;height: 115px;padding: 10px;border-radius:3px;border:1px solid #a7a7a7}
.apply_box .agree_all{text-align: center;margin-top: 70px;}
.apply_box .agree_all .ck-st1{display: inline-block;vertical-align: middle;}
.apply_box .agree_all label{width: 1.25em;height: 1.25em;}
.apply_box .agree_all a{text-decoration: underline;}

.pop_apply .pop_cont{height: 150px}
.pop_apply .pop-st1{display: none;}

#pop_apply3{padding: 70px;font-weight: 700;}
#pop_apply3 .ok{background: url('../img/common/pop_ok.png') center top no-repeat; padding-top: 10em;}

.pop_center .group{margin-top: 2em;}
.pop_center .group:first-child{margin-top: 0;}
.pop_center .ab{color: #666;font-size: 14px;font-weight:400;}
.pop_center .radio {text-align: center;border-left: 1px solid #ddd;}
.pop_center .radio > li { position:relative; display:block; width: 33.3333333333%;float: left;}
.pop_center .radio > li input { position:absolute; top:0; left:0; width:100%; height:100%}
.pop_center .radio > li input:focus + label:before{border:1px dotted #000;z-index:1;content: '';left: 0;right: 0;bottom: 0;top:0;margin: auto;position: absolute;}
.pop_center .radio > li label {position: relative;top:0; left:0; display:block; width:100%; height:4.444em; line-height:4.444em; cursor:pointer;z-index:1;background: #fff;border-right:1px solid #ddd;border-bottom: 1px solid #ddd;}
.pop_center .radio > li input:checked+label{background: #e9e3ee; color: #4b1e78}
.pop_center .ck{padding: 0 10px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd; max-height:400px;overflow-y: auto;}
.pop_center .ck > ul > li{border-bottom: 1px solid #ececec; padding: .7em 10px}
.pop_center .ck > ul > li:last-child{border-bottom: 0;}
.pop_center .box{border-top: 2px solid #000;}

.no-data{padding: 3.5em 0 1.5em 0;font-size: 1.25em;font-weight: 900;text-align: center;}

.tbl-st2 .no{width: 5em;white-space: nowrap;}
.tbl-st2 .date.long{width: 15em}
.tbl-st2 .center{width: 10em}
.tbl-st2 .state{width: 7em}

.bbs-list_normal{}
.bbs-list_normal table{width: 100%}
.bbs-list_normal th{background: #ecebee;color: #4a1d7a;font-weight: 900;font-size: 1.125em; padding: 1em 10px; position: relative;}
.bbs-list_normal th:before{position: absolute;left: 0;top:50%;width: 1px;height: 14px; border-left: 2px dotted #4a1d7a;content: '';margin-top: -7px;}
.bbs-list_normal th:first-child:before{border: 0}
.bbs-list_normal td{text-align: center;padding: 1em;color: #8e8e8e;border-bottom: 1px solid #eeeeee;}
.bbs-list_normal td.tit{text-align: left; color: #333}
.bbs-list_normal a:hover{text-decoration: underline;}
.bbs-list_normal .sort{display: inline-block;border-radius:3px;width: 100px;padding: 3px 0;text-align: center;}
.bbs-list.height .img{padding-bottom: 100%;}

.bbs-reply{margin: 3.5em 0 5em;}
.bbs-reply .t{display: block;font-size: 1.333em;margin-bottom: 1em;line-height: 1.15;}
.bbs-reply .t span{font-weight: 400;}
.bbs-reply .write{background: #e5e5e9;padding: 1.333em}
.bbs-reply .write .bg{position: relative;padding-right: 150px;}
.bbs-reply textarea{width: 100%;display: block;background: #fff;border:0;padding: 10px;font-size: 14px;height: 130px}
.bbs-reply .write .bg button{position: absolute;right: 0;top:0;width: 150px;height: 100%;background: #0e0e71;text-align: center;color: #fff}
/* .btn-replay{font-size: 16px;font-size: 1.067rem;font-weight: 500;}
.btn-replay span{background: url('../img/bbs/btn-reply.png') left center no-repeat;padding-left: 1.25em;}
.bbs-reply .txt{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; padding: 1em 0}
 */
.replay_l{margin-top: 30px;border-top: 1px solid #ddd}
.replay_l > li{padding: 20px 0;border-bottom: 1px solid #ddd;}
.replay_l > li > *{display: block;}
.replay_l > li .date{font-size: 14px;color:#999}
.replay_l p{margin: 5px 0 .8em 0;}

.faq-sch{background: #f5f5f5;padding: 30px;margin-bottom: 30px;text-align: center;}
.faq-sch .sch{position: relative;max-width:625px;margin: 0 auto; padding: 0 0 0 100px}
.faq-sch .sch button{position: absolute;right: 0;top: 0;height: 100%;width: 60px;display: block;white-space: nowrap;overflow: hidden;text-indent:-999px; background: url('../img/bbs/bbs-sch.png') center center no-repeat}
.faq-sch input{padding-right: 60px;height: 60px;width: 100%;padding: 0 1em}
.faq-sch label{position: absolute;left: 0;top:0;line-height: 60px;font-size: 18px;;font-size: 1.125rem;font-weight: 900;color: #000}
.faq-cate{font-size: 18px;font-size: 1.125rem;border-top: 1px solid #ddd;border-left: 1px solid #ddd;margin-bottom: 30px;text-align: center;}
.faq-cate > li{float: left; width: 20%;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd; background: url('') center 20px no-repeat}
.faq-cate > li.active{background-color: #4b1e78;color: #fff;font-weight: 900;}
.faq-cate a{display: block; padding: 97px 15px 20px}
.faq-cate .i1{background-image: url('../img/bbs/i1.png')}
.faq-cate .i1.active{background-image: url('../img/bbs/i1_on.png')}
.faq-cate .i2{background-image: url('../img/bbs/i2.png')}
.faq-cate .i2.active{background-image: url('../img/bbs/i2_on.png')}
.faq-cate .i3{background-image: url('../img/bbs/i3.png')}
.faq-cate .i3.active{background-image: url('../img/bbs/i3_on.png')}
.faq-cate .i4{background-image: url('../img/bbs/i4.png')}
.faq-cate .i4.active{background-image: url('../img/bbs/i4_on.png')}
.faq-cate .i5{background-image: url('../img/bbs/i5.png')}
.faq-cate .i5.active{background-image: url('../img/bbs/i5_on.png')}
.bbs-faq_w .bbs-faq{border-top: 0;}
.bbs-center_w .tabs-st2{margin-bottom: 0;}

#community-tab.faq-cate > li{width: 25%}
#community-tab.faq-cate a{padding-top: 92px;}
.faq-cate .t1{background-image: url('../img/center/t1.png')}
.faq-cate .t1.active{background-image: url('../img/center/t1_on.png')}
.faq-cate .t2{background-image: url('../img/center/t2.png')}
.faq-cate .t2.active{background-image: url('../img/center/t2_on.png')}
.faq-cate .t3{background-image: url('../img/center/t3.png')}
.faq-cate .t3.active{background-image: url('../img/center/t3_on.png')}
.faq-cate .t4{background-image: url('../img/center/t4.png')}
.faq-cate .t4.active{background-image: url('../img/center/t4_on.png')}

.bbs-event .item{position: relative; margin-bottom: 3em;background: #f6f6f6;}
.bbs-event .item > a{display: flex;overflow: hidden;position: relative;}
/* .bbs-event .item > a > *{width: 50%} */
.bbs-event .img{position: relative;overflow: hidden;background: #000;    width: 544px}
.bbs-event .img img{position: absolute;left: 50%;top:50%;width: 100%;
    transform: translate(-50%,-50%)}
.bbs-event .label{display: block; width: 70px;height: 30px;line-height: 30px;text-align: center;margin-bottom: 30px;}
.bbs-event .label span{display: block;border-radius:3px}
.bbs-event .cont{ padding: 38.5px; width: 44.522%}
.bbs-event .cont > *{display: block;}
.bbs-event .t{margin-bottom: 70px; height: 3em; overflow: hidden;}
.bbs-event .date{color: #999}
.bbs-event .more{position: absolute;right: 0;bottom: 0;width: 60px;height: 60px;background: #4b1e78 url('../img/bbs/more.png') center center no-repeat; border-radius:3px 0;display: block;white-space: nowrap;overflow: hidden;text-indent: -999px;display: none;}
.bbs-event .item:hover a:before{position: absolute;left: 0;top:0;right: 0;bottom:0; border:1px solid #000;content: ''; z-index: 1}
.bbs-event .item:hover .more{display: block;}

.form_top{max-width:640px;margin:0 auto;}
.form_top .t select{margin-bottom: 30px; height: 60px;    padding: 0 10px;
    border-radius: 3px;
    height: 3.750rem; width: 100%}
.form_top .t li{width: 49%;float:right;}
.form_top .t li:first-child{float: left;}
.form_top .tbl-st3 th{font-size: 1em; line-height: 1.15;}
.form_top .tbl-st3 td{padding: 10px;font-size: .938em;}
.form_top .tbl-st3 .nowrap{white-space: nowrap;}
.birth_a{position: relative;padding-right: 10em;}
.birth_a .age{position: absolute;right: 0;top:0}
.birth_a .age > *{float: left;}
.birth_a .age span{width: 1em;line-height: 3.75em;}
.birth_a .age input[type="text"]{width: 5em;margin: 0 .27em;}

.form-class .empty{    margin-top: 10px;
    background: #f7f7f7;
    padding: 15px;
    text-align: center;
    font-weight: 900;display: block;}
.form-class select.w100{background-position: 95.6% center;}
.form-class .half_w{margin-left: -1%;}
.form-class .half_w > li{float: left; width: 49%;margin-left: 1%;}
.form-email > *{float: left; width: 33%}
.form-email .e1{width: 28%}
.form-email .dash{width: 5%;text-align: center;line-height: 60px;line-height: 3.75rem;}
.form-email .e3{float: right;}

#map, #map2 {height: 100%; width: 100%;}
.search_center .area {height: 800px;}
.search_center .sch {z-index: 999;}
.customoverlay .title {display:block;text-align:center;background:#fff;margin-left:5px;margin-top:-75px;padding:2px 10px;font-size:12px;font-weight:bold;min-width: 60px;}
#tab_group1 .center_list {max-height: 800px;}

.apply_top{margin-bottom: 3em; position: relative; padding-right: 6.7em; max-width:1024px}
.apply_top ul{margin-left: -3%;}
.apply_top li{float: left; width: 47%;margin-left: 3%; position: relative;padding-left: 4em;}
.apply_top li label{position: absolute;left: 0;top:0;line-height: 60px;;line-height: 3.75rem}
.apply_top button{position: absolute;right: 0;top:0; width: 5em; height: 100%;border-radius:5px}

.ck_w { display:inline-block; vertical-align:middle;}
.ck_w li {float:left; margin-left:30px;}
.ck_w li:first-child {margin-left:0;}

.th_nowrap th{white-space: nowrap;}

.bbs-gallery{}
.bbs-gallery .item{padding-bottom: 67px;}
.bbs-gallery .img{overflow: hidden; position: relative;    position: relative;
    padding-bottom: 70%;overflow: hidden;}
.bbs-gallery > ul{margin: 0 0 -50px -2%}
.bbs-gallery > ul > li{float: left; width: 23%;margin: 0 0 50px 2%; position: relative;}
.bbs-gallery > ul > li img{display: block; transition: all ease-in-out .3s}
.bbs-gallery .img a{display: block;}
.bbs-gallery .img img{position: absolute;left: 0;top: 0;right: 0;bottom:0;margin: auto;width: 100%}
.bbs-gallery .date{position: absolute;	
    left: 0;
    top: 0; width: 80px;height: 100%;background: rgba(78,23,133,.5); color: #fff; color: rgba(255,255,255,.91); text-align: center;display: table;line-height: 1.15;}
.bbs-gallery .img a:hover img{transform:scale(1.07,1.07)}
.bbs-gallery .date .in{display: table-cell;vertical-align: middle;}
.bbs-gallery .date .day{display: block;font-size: 33px; position: relative;    padding-bottom: 10px;
    margin-bottom: 13px; }
.bbs-gallery .date .day:after{width: 0.848em;height: 1px;content: '';background: rgba(255,255,255,.5);position: absolute;    left: 50%;
    margin-left: -0.424em;
    bottom: 0;}
.bbs-gallery .pink .date{background: rgba(211,44,136,.5)}
.bbs-gallery .pink .sort{color: #cc4f95}
.bbs-gallery  .cont{margin-top: 20px; min-height: 80px}
.bbs-gallery .top{line-height: 1.15; margin-bottom: 1.25em; position: relative; padding-left: 92px;font-weight: 900;}
.bbs-gallery .sort{width: 74px;position: absolute;left: 0;top:0; color: #452b75}
.bbs-gallery .sort:after{content: '';position: absolute;right: 0;top:50%;width: 1px;height: 1em;margin-top: -.5em;background: #d3cee1}
.bbs-gallery .txt{color: #919191;height: 3em;overflow: hidden;}

.bbs-gallery .more-st1{position: absolute;left: 0;bottom: 0;font-size: 13px; width: 137px;height: 40px; color: #000;border:1px solid #d3d3d3;text-transform:uppercase;line-height: 40px; letter-spacing: .1em;}
.bbs-gallery .more-st1:before{
    background: #f7f7f7;
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    transition: all ease-in-out .3s;
    left: 0}
.bbs-gallery .more-st1:hover:before{width: 100%}
.bbs-gallery .more-st1 span{position: relative;display: block;padding: 0 15px; background: url('/resources/yamaha_c/img/main/more.png') 91% center no-repeat;}
.view td img{width: 100%}

.loader-ellips {
  font-size: 10px; /* change size here */
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #4b1e78; /* change color here */
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}

.add-st1 li{margin-top: 5px;}
.add-st1 li:first-child{margin-top: 0;}
.add-st1 .rel{position: relative; max-width:300px}
.add-st1 .rel button{width: 100px; height: 100%; position: absolute;right: 0;top:0}
.add-st1 input[type="text"]{max-width: 100%}

.mail-st1 > *{float: left; width: 33%}
.mail-st1 .e1{width: 28%}
.mail-st1 .dash{width: 5%;text-align: center;line-height: 45px}
.mail-st1 .e3{float: right;}

.tel-st1_form{margin-left: -1%; max-width:600px}
.tel-st1_form > li{float: left; width: 32.33333333333%;margin-left: 1%;}

.apply_box .tbl-st2 th{white-space: nowrap;}
.apply_box .tbl-st2 th,.apply_box .tbl-st2 td{padding: 1em 5px}

.apply_box select{padding-right: 4em;}
.apply_box table .datepick_w input{width: 7.7em;
    padding-right: 2.4em;}