@charset "utf-8";

/* font */



/* Reset */
* {box-sizing:border-box;word-break:keep-all;}
html,body{width:100%;height:100%;padding:0px; margin:0px;font-size:16px;}
body {font-size:16px;font-family:"Pretendard",Helvetica,sans-serif;line-height:100%; font-weight:300;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td { margin:0; padding:0; -webkit-text-size-adjust:none;}
img,fieldset{border:0}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
hr {display:none;}
a, a:link {color:inherit;text-decoration:none;}
a:visited {color:inherit;}
a:hover, a:active {color:inherit;text-decoration:none;}
a,img,input{selector-dummy:expression(this.hideFocus=true);} 
a img, fieldset {border:0px none;}
address {font-style:normal; font-weight:normal;}
legend,caption {display:none; clear:both;}
input,textarea,select,button,table { font-size:inherit;font-family:inherit;line-height:inherit; }/**font-size:100%;*/
input,select {vertical-align:middle}
textarea, input {outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;}
textarea {resize:none;}
table {border-collapse:collapse}
img {max-width:100%; vertical-align:top;}
button {border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:0 none;background-color:transparent;border-radius:0;}
strong, b {font-weight: 700;}
.fn {font-weight:300 !important;}

article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display:block;margin:0;}
command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr { display:inline; }
.mt0 {margin-top: 0px !important;}
.mb0 {margin-bottom: 0px !important;}
.pt0 {padding-top: 0px !important;}
.pb0 {padding-bottom: 0px !important;}


/* form */
input[type=text], input[type="password"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], select, textarea {line-height:34px; min-height:34px; vertical-align:middle; transition:border-color 0.2s; border:1px solid #ccc; border-radius:0px; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; background-color:#fff; font-size:1em; font-weight:300;}
input {vertical-align:middle; -webkit-appearance:none;  -webkit-border-radius:0;}
input[type="radio"] {-webkit-appearance:radio; box-sizing:border-box;}
input[type="radio"], input[type="checkbox"] {margin:3px 0.5ex; *margin:0px 0.5px; padding:initial; background-color:initial; border:initial;}
ime_mode {ime-mode:disabled; }


input::-webkit-input-placeholder { color:#999999; font-weight:300; }
input::-moz-placeholder { color:#999999; font-weight:300; }
input:-ms-input-placeholder { color:#999999; font-weight:300; } 
textarea::-webkit-input-placeholder { color:#999999; font-weight:300; }
textarea::-moz-placeholder { color:#999999; font-weight:300; }
textarea:-ms-input-placeholder { color:#999999; font-weight:300; } 

input:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px white inset; box-shadow:0 0 0 1000px white inset;}

input[type="checkbox"]{display:none;}
input[type="checkbox"] + label {position:relative; display:inline-flex; flex-wrap:wrap; align-items:center; vertical-align:middle;}
input[type="checkbox"] + label:before{display:block; content:""; width:28px; height:28px; box-sizing:border-box; border:1px solid #cccccc; background:#fff; border-radius:0px;  margin-right:5px; align-self:flex-start;}
input[type="checkbox"]:checked + label::before{border:1px solid #30cda7; background:url(../img/ico_check.svg) no-repeat center center #30cda7; background-size:100% auto; border-radius:0px;}
input[type="checkbox"] + label > span {flex:1}

input[type="radio"]{display:none;}
input[type="radio"] + label {position:relative; display:inline-flex; flex-wrap:wrap; align-items:center; vertical-align:middle;}
input[type="radio"] + label:before{display:block; content:""; width:32px; height:32px; border:1px solid #cccccc; background:#f5f5f5; border-radius:100%;  margin-right:5px; box-sizing:border-box;}
input[type="radio"]:checked + label:before{border-color:#002b62; background:url(../img/ico_check.svg) no-repeat center center #002b62; background-size:100% auto;}
input[type="radio"] + label > span {flex:1}

.input {color:#737070; background-color:#ffffff; border:solid 1px #cccccc; height:18px; padding:0px 5px 0 10px;}
.textarea {border:solid 1px #cccccc; background-color:#ffffff; padding:10px 10px; line-height:140%; color:#737070; width:100%;}
.textarea2 {border:solid 1px #f5f5f5; background-color:#f5f5f5; padding:15px; line-height:140%; border-radius:6px; width:100%;}
select {border:none; font-weight:300; color:#565a5c; border:1px solid #cccccc; border-radius:0px; box-sizing:border-box;}
.select {height:40px;}


.file_input {display:flex; position:relative; padding:0px;}
.file_input label {cursor:pointer; display:inline-block; overflow:hidden; padding:0px 5px; text-align:center; height:38px; line-height:38px; background:#fff; color:#0057ff; border:1px solid #0057ff; width:100%; max-width:125px; font-size:13px; border-radius:4px;font-weight: 400;}
.file_input label > span {display: inline-block; padding-left:24px; background: url(../img/ico_file.png) no-repeat left center; background-size:13px auto; font-weight:500;}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden; padding:0px; border:none;}
.file_input > input {color:#737070; font-size:1em; background-color:#ffffff; flex:1; border-radius:4px; margin-left:5px; border:solid 1px #ccc; width:100%;  box-sizing:border-box; -moz-box-size:border-box; padding-left:10px;}
.file_input1 label { position:relative; right:auto; top:0px;}

.file_area {display: flex; flex-wrap: wrap}
.file_area > li {display: flex; flex-wrap: wrap; align-items: center; margin-left:15px; }
.file_area > li .del {width:18px; height: 18px; border-radius:3px; background:#f7444e; color: #fff; font-size:15px; font-weight: 700; display: flex; justify-content: center; align-items: center; margin-left: 10px;}
.file_area.img > li {display:inline-block; padding:5px; border:none;}
.file_area.img > li .pic {display:block; border:1px solid #ccc; padding:3px; width:100px; height:100px;}
.file_area.img > li > span {display:block; max-width:100px; float:none; width:100%;}
.file_area.img > li .del {position:relative; display:block; right:auto; top:auto; margin-top:5px; transform:none; -webkit-transform:none;}

.rule_box {padding: 10px; max-height: 70vh; overflow-y: auto; font-weight: 300; line-height: 1.7em;}
.rule_box .h2 {font-weight:500; padding:30px 10px 0px 0px;}


/* 페이징 */
.paging {overflow:hidden; text-align:center; margin:36px 0px 25px 0px; width:100%; font-weight:300; font-size:0px;}
.paging img {vertical-align:top;}
.paging a {color:#000; vertical-align:middle; display:inline-flex; width:48px; height:48px; overflow:hidden; border-radius:100%; font-size:17px; margin:0px 2px; padding:9px; font-weight:300; justify-content:center; align-items:center;}
.paging a.first, .paging a.last, .paging a.next, .paging a.prev {width:48px; height:48px; background:#fff; border:1px solid rgba(0, 0, 0, 20%); text-indent:-99999px; position:relative;}
.paging a.first:after, .paging a.prev:after {content:''; width:7px; height:7px; border-top:2px solid #333; border-left:2px solid #333; display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); opacity:0.7;}
.paging a.last:after, .paging a.next:after {content:''; width:7px; height:7px; border-top:2px solid #333; border-right:2px solid #333; display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); opacity:0.7;}
.paging a.prev:before {content:''; width:7px; height:7px; border-top:2px solid #333; border-left:2px solid #333; display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); opacity:0.7; margin-left:5px}
.paging a.next:before {content:''; width:7px; height:7px; border-top:2px solid #333; border-right:2px solid #333; display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); opacity:0.7; margin-left:-5px;}
.paging a.next {margin-left:10px;}
.paging a.prev {margin-right:10px;}
.paging a.on {color:#fff; background:#333333; border:1px solid #333333;}



/* blind */
.hidden{visibility:hidden;position:absolute;overflow:hidden;height:0;width:0;font-size:0}
#accessibility, .skip, hr, legend {position:absolute;width:0; height:0; font-size:0; line-height:0;overflow:hidden; visibility:hidden ;}
/* align */
.tl{text-align:left!important; justify-content:flex-start !important}
.tr{text-align:right!important; justify-content:flex-end !important}
.tc{text-align:center !important; justify-content:center !important}
.center,.center td,.center th {text-align:center}
.vm{vertical-align:middle!important}
.vt{vertical-align:top!important}

/* color */
.point_color {color:#d15d65 !important}

/* popup */
.layerPop {-webkit-overflow-scrolling:touch; overflow-y:auto; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; z-index:99999; background:rgba(0, 0, 0, 50%); zoom:1;}
.layerPop_inner {width:100%; min-height:100%; padding:15px; display:flex; justify-content:center; align-items:center;}
.layerPop_inner .popContent {width:100%; margin:0 auto; background:#fff; position:relative; border-radius:10px; padding: 10px;}
.layerPop .x_btn {margin-left:auto; position:relative; display:block; cursor:pointer; background:none; width:30px; height:30px; font-size:0px; z-index:2}
.layerPop .x_btn:after {display:block; content:""; width:20px; height:3px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.layerPop .x_btn:before {display:block; content:""; width:20px; height:3px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.layerPop .x_btn.black:after {background:#000;}
.layerPop .x_btn.black:before {background:#000}
.layerPop .pop_head {background:#fff; position:relative;}
.layerPop .pop_head .x_btn {position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.layerPop .pop_head .title {font-size:1.5em; line-height:150%; color:#333; padding:20px 35px 25px 25px; border-bottom: 1px solid #eee;text-align:left; font-weight:600;}

/* button */
.btnGroup {padding-top: 60px; border-top:1px solid #000; display: flex; justify-content: center; align-items: center;}
.btnGroup * {margin:2px;}
a.btnSmall, .btnSmall {display:inline-flex; height:38px; width:100%; justify-content:center; align-items:center; color:#fff; font-size:13px; line-height:1.4em; font-weight: 600; border:1px solid #cccccc; color: #333333; border-radius:4px; background:#fff; padding: 0px 15px;}
a.btnNormal, .btnNormal {display:inline-flex; height:40px; width:100%; justify-content:center; align-items:center; color:#fff; font-size:16px; line-height:1.4em;font-weight: 600; border:1px solid #909090; background:#222222; padding: 0px 15px;}
a.btnStrong, .btnStrong {display:inline-flex; height: 80px; border-radius:6px; justify-content: center; align-items: center; width: 100%; font-size:22px; line-height: 1.3em; font-weight: 800; }
a.btnCommon, .btnCommon {display:inline-flex; height:65px; border-radius:6px; justify-content: center; align-items: center; width: 100%; font-size:18px; line-height: 1.4em; font-weight:700; }
a.bt_st1, .bt_st1 {color:#333333; background:#fff; border:1px solid #ccc}
a.bt_st2, .bt_st2 {color:#fff; background:#111}
a.bt_st3, .bt_st3 {color:#fff; background:#002b62;}
a.bt_st3, .bt_st4 {color:#fff; background:#0E1027;}

.ico_note {display:flex; align-items:center;}
.ico_note:before {display:block; content:"!"; font-size:14px; display:inline-flex; justify-content:center; align-items:center; color:#fff; font-weight:800; text-align:center; margin-right:5px; width:20px; height:20px; min-width:20px;  background:#30cda7; border-radius:100%; }


@media (max-width:480px) {
	.paging {margin:26px 0px 10px 0px; width:100%;}
    .paging a {font-size:13px; margin:0px 2px; padding:0px;}
	.paging a.first:after, .paging a.prev:after, .paging a.last:after, .paging a.next:after {width:6px; height:6px;}
	.paging a.next:before, .paging a.prev:before {width:6px; height:6px;}
    .paging a.first, .paging a.last {width:28px; height:28px;}
    .paging a.next {width:28px; height:28px; margin-left:0px;}
    .paging a.prev {width:28px; height:28px; margin-right:0px;}
	
	.btnGroup  {padding-top: 30px;}
	
	input[type="radio"] + label:before {width:24px; height: 24px; }
	input[type="checkbox"] + label:before {width:24px; height: 24px; }
	
	.layerPop .pop_head .title {padding:10px 35px 15px 25px;}

	a.btnStrong, .btnStrong {height: 60px; font-size: 18px;}
	a.btnCommon, .btnCommon {height:50px; font-size: 16px;}
}



/*layout*/
body {overflow-x:hidden; font-weight:400;}
body.fixe {overflow:hidden;}
#wrap {position:relative; margin:0 auto; line-height:1.4em;} 
.innerWrap {position:relative; width:100%; max-width:1240px;margin:0 auto;}
.mVer {display:none}
.pcVer {display:block;}
.video_wrap {padding-bottom:56.2%; position:relative;}
.video_wrap iframe {position:absolute; left:0px; top:0px; width:100% !important; height:100% !important;}


header {width:100%; z-index:1000; background:#fff; transition:all 0.2s 0s ease-in-out;}
header .inner {width:100%; max-width:1940px; padding:0px 10px; margin:0 auto; position:relative; }
header.fixed {height:80px;background-color:#000;}
header .bt {position: absolute; right: 0px; top: 10px;}
header .bt > a {display: flex; height:62px; width: 219px; border: 1px solid #fff; border-radius:6px; justify-content: center; align-items: center; font-size: 22px; font-weight: 700; color: #fff;}
header .bt > a .arrow {/**filter: invert(13%) sepia(46%) saturate(3823%) hue-rotate(273deg) brightness(86%) contrast(123%); */margin-left: 15px; transform: rotate(-45deg);transition:all 0.2s 0s ease-in-out;}
header .bt > a .arrow img {filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(326deg) brightness(105%) contrast(101%);}
header .bt > a:hover .arrow {transform: rotate(0deg);}
header .bt2 {position: absolute; right:240px; top: 16px;}
header .bt2 img {filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(326deg) brightness(105%) contrast(101%);}

main {background:#f0f4f9; padding: 0px 10px;} 

section {position:relative;margin:0 auto; padding:50px 0;}
section article {padding:80px 0px 90px 0px;}

footer {position:relative;background-color:#000;}
footer .innerWrap {display:flex;flex-wrap:wrap;padding:30px 10px;align-items:center;justify-content:space-between; background: none;}
footer .innerWrap .f_logo {order: 2}
footer .innerWrap address {color: #fff; flex: 1; font-size:16px; line-height: 1.4em}
footer .address {}
footer .address > li:not(:first-child) {margin-top:15px;}
footer .address > li {display: flex; flex-wrap:wrap; align-items: center;}
footer .address .subject {min-width: 90px; margin-right: 20px; position: relative; font-weight: 800;}
footer .address .subject:after {display: block; content: ""; width: 1px; height:16px; background: #fff; opacity: 0.5; position: absolute; right: 0px; top: 50%; transform:translateY(-50%);}
footer .address .con {flex: 1; display: flex; flex-wrap: wrap; align-items: center;}
footer .address .name {min-width:270px;}
footer .address .tel {min-width:230px; }
footer .address .email {min-width:223px; }
footer .address .tel > strong {padding-left: 30px; background: url(../img/ico_tel.png) no-repeat left center; line-height: 25px; padding-right: 10px;}
footer .address .email > strong {padding-left: 30px; background: url(../img/ico_mail.png) no-repeat left center; line-height: 25px; padding-right: 10px;}


footer .copyright {font-size:11px;font-weight:300;color:#fff;}
footer > div .link {display:flex;margin-bottom:10px;}
footer > div .link li {position:relative;padding:0 16px;font-size:15px;line-height:16px;color:#aaa;font-weight:700;}
footer > div .link li:first-child {padding-left:0;}
footer > div .link li+li:before {content:"";position:absolute;top:0;left:0;width:1px;height:16px;background-color:#aaa;}


.titleWrap {display: flex; flex-wrap: wrap; margin-bottom: 20px; align-items: flex-start; justify-content: space-between}
.titleWrap .title {margin-right:5px; margin-bottom: 0px;}
.titleWrap .title+div {margin-top: 5px;}

.pageTitle {text-align: center; font-size:2em; color: #000; font-weight: 800; line-height: 1.3em; margin-bottom: 30px;}
.title {line-height:1.4em; margin-bottom:20px; font-size:24px;font-weight:800;color:#000;}
.title+.title_dec {margin-top:-30px;}
.title_dec {font-size:18px; line-height:1.4em; padding-bottom:40px; text-align:center; font-weight:400;color:#333;}
.title_dec:after {display:block; content:""; width:40px; height:1px; background:#000; margin:20px auto;}
.sub_title {line-height:1.4em; font-size:20px;font-weight:700;color:#002b62; margin:30px 0px 15px 0px;}

.keyvisual_w {margin: 0px -10px;}
.keyvisual_m {text-align: center; display: none;}

.innerWrap {border-radius:18px; background: #fff; margin:0 auto; padding: 50px 75px;}
.inputArea {display: flex; flex-wrap: wrap; margin: -20px;}
.inputArea > li {width: 50%; padding: 20px;}
.inputArea .label {font-size:1.2em; line-height: 1.4em; font-weight: 700; padding-bottom: 10px;}
.inputArea .area {display: flex; flex-wrap: wrap; min-height: 60px; align-items: center;}
.inputArea .area .input {height: 60px; width: 100%; background: #f5f5f5; border: none; border-radius:8px; }

.agreeWrap {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px; padding: 30px 0px; align-items: center; border-top:1px solid #ccc; }
.agreeWrap .agree {display: flex; align-items: center}
.agreeWrap .title {margin-bottom: 0px; padding-right: 20px;}

.arrowBg {display: inline-block; padding-right: 50px; background: url(../img/bt_arrow02.png) no-repeat right center; line-height: 32px;}

.cautionBox {padding:25px 40px; border:1px solid #ccc; border-radius: 4px; }
.cautionBox .title {position: relative; font-size: 20px; padding-left:40px; background: url(../img/note.png) no-repeat left 3px; margin-bottom:15px;}
.cautionBox .bul01 {padding-left: 40px;}

.centerSelect {display: flex; flex-wrap: wrap; margin:-5px;}
.centerSelect > li {width: 20%; padding: 5px;}
.centerSelect > li > button {display: flex; width: 100%; outline: none; justify-content: center; align-items: center; border: 1px solid #ccc; background: #f0f4f9; height: 65px; border-radius:4px; font-size: 1.125em; line-height: 1.3em; font-weight: 600; transition:all 0.1s 0s ease-in-out; padding: 0px 10px;}
.centerSelect > li > button.on {color: #fff; background: #333333; border-color:#333333;}

.meettingArea {margin-top: 50px;}
.meettingArea article {border-top:1px solid #e5e5e5; padding: 50px 0px;}

.timeSelect {display: flex; flex-wrap: wrap; margin:-3px;}
.timeSelect > li {width:12.5%; padding:3px;}
.timeSelect input[type="radio"]{display:none;}
.timeSelect input[type="radio"] + label {position:relative; display:flex; flex-wrap:wrap; align-items:center; height: 65px; border: 1px solid #cccccc; border-radius:4px; background:#002b62; width: 100%; justify-content: center; cursor: pointer; color: #fff; font-weight: 600; font-size:1.125em; line-height: 1.3em; align-content: center; padding: 0px 10px;}

.timeSelect input[type="radio"]:disabled + label {background:#fff; color: #cccccc}
.timeSelect input[type="radio"] + label:before{display: none;}
.timeSelect input[type="radio"]:checked + label:before{display:block; content:""; width:32px; height:16px; border-color:#002b62; background:url(../img/ico_check.svg) no-repeat center center #002b62; background-size:100% auto; order: 2; margin-right: -10px;}

.typeEx {display: flex; flex-wrap: wrap}
.typeEx > li:not(:first-child) {margin-left: 15px;}
.typeEx > li {display: flex; align-items: center; color: #8c8b8b;}
.typeEx > li > span {width: 23px; height: 23px; border-radius:4px; border:1px solid #ccc; margin-right: 5px;  }

.signWrap {padding: 20px 0px 20px 0px; margin-bottom:40px; border-bottom: 1px solid #ccc;}
.signWrap > li {margin-top:10px;}
.signWrap > li .input {padding-left: 45px; height: 55px; border-radius:6px; width: 100%; border: none; }
.signWrap > li:nth-child(1) .input {background: url(../img/login_mail.png) no-repeat 10px center #f5f5f5;}
.signWrap > li:nth-child(2) .input {background: url(../img/ico_pass.png) no-repeat 10px center #f5f5f5;}
.signWrap .rememberid {padding:0px 0px 0px 5px; font-size: 13px; color: #999999; line-height: 1.3em; font-weight: 700; text-transform: uppercase}
.signWrap .rememberid input[type="checkbox"] + label:before {width:26px; height:26px; border-radius:4px;}
.signWrap .rememberid input[type="checkbox"]:checked + label:before {border: 1px solid #333f50; background: url(../img/ico_check.svg) no-repeat center center #333f50; background-size:100% auto; }
.login_bt {display: flex; width: 100%; height: 55px; color: #fff; justify-content: center; align-items: center; border-radius:6px; background: #002b62; font-size:18px; font-weight:700;}


.table_st1 {width:100%;}
.table_st1 th { background:#eaedf2; border:1px solid #cccccc; line-height:130%; padding:10px 5px 10px 20px; text-align:left; color:#333f50; font-weight:700}
.table_st1 td {background:#fff; border:1px solid #cccccc; line-height:130%; padding:15px 15px; text-align:left; color:#999999; font-weight:600}




.bul01 > li {position:relative; padding-left:14px; font-weight:400; line-height:1.4em; margin-top:5px;}
.bul01 > li:first-child {margin-top:0px;}
.bul01 > li:Before {display:block; content:""; width:4px; height:4px; background:#333333; border-radius:100%; position:absolute; left:0px; top:9px;}
.bul02 > li {padding-left:11px; text-indent:-11px; margin-top:6px; color:#666666; font-size:16px; font-weight:400; line-height:1.3em;}

.bulNum > li {padding-left:15px; text-indent:-15px; }
.bulNum > li:before {display:none;}

.radio_group {display: flex; flex-wrap:wrap; margin: -5px -10px;}
.radio_group > li {padding: 5px 10px;}



.bounce1 {
  animation-name:bounce1;
  animation-duration:4s;
  animation-iteration-count:infinite;
  animation-timing-function:ease-in-out;
  animation-fill-mode:both;
}
.bounce2 {
  animation:bounce2 3s 0.4s ease-in-out; animation-iteration-count:infinite; animation-fill-mode:both;
}
.bounce3 {
  animation:bounce3 2.5s 1s ease-in-out; animation-iteration-count:infinite; animation-fill-mode:both;
}


@media (max-width:1180px) {
	#wrap {min-width:inherit}

	.innerWrap {padding:50px;}
	

	
	
	
	
}
@media (max-width:768px) {
	body {font-size:14px;}
	.mVer {display:block;}
	.pcVer {display:none !important;}
	.innerWrap {padding: 30px;}
	
	.keyvisual_w {display:none;}
	.keyvisual_m {display:block;}
	header .bt {right: 10px;}
	
	.inputArea > li {width: 100%;}
	.inputArea .area {min-height: inherit}
	
	footer .innerWrap .f_logo {order: inherit; width: 100%; text-align: center; padding-bottom:20px;}
	footer .address .subject {text-align: center; width: 100%; margin: 0px;}
	footer .address .subject:after {display: none;}
	footer .address .con {justify-content: center;}
	footer .address .con > div {min-width: inherit; padding:0px 10px;}
	
	.bul01 > li:Before {top: 7px;}
	
	
	
}

@media (max-width:480px) {

	header .bt > a {height: 42px; width:150px; font-size: 17px;}
	header .bt > a .arrow img {width: 20px;}
	header .bt2 {right:180px;}
	header .bt2 img {width:30px;}
	
	section {padding: 30px 0px;}
	
	.innerWrap {padding: 20px;}
	
	footer .innerWrap .f_logo img {height: 30px;}
	footer .address .con {font-size: 12px;}
	footer .address .tel > strong {line-height: 20px; background-size:auto 16px; padding-left: 20px;}
	footer .address .email > strong {line-height: 20px; background-size:auto 16px; padding-left: 20px;}
	
	
	
	.inputArea {margin: -10px;}
	.inputArea > li {padding: 10px;}
	.inputArea .area .input {height: 50px;}
	.inputArea .label {padding-bottom: 5px;}
	
	.agreeWrap .agree {flex-wrap: wrap; margin-bottom: 10px;}
	.agreeWrap .title {padding: 0px 0px 10px 0px; width: 100%;}
	
	.title {font-size:20px; margin-bottom:15px;}
	.sub_title {font-size: 17px;}
	.arrowBg {padding-right: 35px; background-size: auto 20px;}
	
	.cautionBox {padding: 15px 20px;}
	.cautionBox .title {background-size:20px auto; font-size: 17px; padding-left: 25px;}
	.cautionBox .bul01 {padding-left:12px;}
	
	.centerSelect {margin:-2px;}
	.centerSelect > li {padding: 2px;}
	.centerSelect > li > button {font-size: 1em; letter-spacing:-1px;}
	
	.meettingArea {margin-top: 30px;}
	.meettingArea article {padding: 30px 0px;}
	
	.timeSelect > li {width: 20%;}
	.timeSelect input[type="radio"] + label {font-size: 1em; height:50px}
	
	.typeEx > li > span {width: 18px; height: 18px;}
	
	.signWrap {padding: 20px 0px 30px 0px; margin-bottom: 30px;}
	
	.table_st1 tr {display: flex; flex-wrap: wrap;}
	.table_st1 colgroup {display: none;}
	.table_st1 tr:not(:first-child) th, .table_st1 tr:not(:first-child) td {border-top:none;}
	.table_st1 tr:first-child td+th {border-top:none; }
	.table_st1 tr:first-child td+th+td {border-top:none; }
	.table_st1 tr th {width: 35%; display: block; padding: 10px;}
	.table_st1 tr td {width: 65%; display: block; padding: 10px; border-left:none; }
	

}


.upscroll:not(.play-on) {transform:translateY(70px);opacity:0;}
.play-on.upscroll ,.play-on .upscroll {animation:upscroll 0.7s 0s ease-in-out;animation-fill-mode:both;}
.play-on.upscroll.delay10 ,.play-on .upscroll.delay310 {animation:upscroll 0.8s 0.1s ease-in-out;animation-fill-mode:both;}
.play-on.upscroll.delay20 ,.play-on .upscroll.delay20 {animation:upscroll 0.8s 0.2s ease-in-out;animation-fill-mode:both;}
.play-on.upscroll.delay30 ,.play-on .upscroll.delay30 {animation:upscroll 0.8s 0.3s ease-in-out;animation-fill-mode:both;}
.play-on.upscroll.delay40 ,.play-on .upscroll.delay40 {animation:upscroll 0.8s 0.4s ease-in-out;animation-fill-mode:both;}
.play-on.upscroll.delay50 ,.play-on .upscroll.delay50 {animation:upscroll 0.8s 0.5s ease-in-out;animation-fill-mode:both;}
.play-on.upscroll.delay60 ,.play-on .upscroll.delay60 {animation:upscroll 0.8s 0.6s ease-in-out;animation-fill-mode:both;}
.play-on.upscroll.delay70 ,.play-on .upscroll.delay70 {animation:upscroll 0.8s 0.7s ease-in-out;animation-fill-mode:both;}
.play-on.upscroll.delay80 ,.play-on .upscroll.delay80 {animation:upscroll 0.8s 0.8s ease-in-out;animation-fill-mode:both;}
@keyframes upscroll {
	0%		{transform:translateY(70px);opacity:0;}
	100%	{transform:translateY(0px);opacity:1;}
}

.downscroll:not(.play-on) {transform:translateY(-70px) ;opacity:0;}
.play-on.downscroll ,.play-on .downscroll {animation:downscroll 0.7s 0.0s ease-in-out;animation-fill-mode:both;}
.play-on.downscroll.delay10 ,.play-on .downscroll.delay10 {animation:downscroll 0.7s 0.1s ease-in-out;animation-fill-mode:both;}
.play-on.downscroll.delay20 ,.play-on .downscroll.delay20 {animation:downscroll 0.7s 0.2s ease-in-out;animation-fill-mode:both;}
.play-on.downscroll.delay30 ,.play-on .downscroll.delay30 {animation:downscroll 0.7s 0.3s ease-in-out;animation-fill-mode:both;}
.play-on.downscroll.delay40 ,.play-on .downscroll.delay40 {animation:downscroll 0.7s 0.4s ease-in-out;animation-fill-mode:both;}
.play-on.downscroll.delay50 ,.play-on .downscroll.delay50 {animation:downscroll 0.7s 0.5s ease-in-out;animation-fill-mode:both;}
.play-on.downscroll.delay60 ,.play-on .downscroll.delay60 {animation:downscroll 0.7s 0.6s ease-in-out;animation-fill-mode:both;}
.play-on.downscroll.delay70 ,.play-on .downscroll.delay70 {animation:downscroll 0.7s 0.7s ease-in-out;animation-fill-mode:both;}
.play-on.downscroll.delay80 ,.play-on .downscroll.delay80 {animation:downscroll 0.7s 0.8s ease-in-out;animation-fill-mode:both;}

@keyframes downscroll {
	0%		{transform:translateY(-70px) ;opacity:0;}
	100%	{transform:translateY(0px);opacity:1;}
}