@charset "UTF-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,
em,img,ins,kbd,q,samp,small,strong,sub,sup,var,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video,input{ margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-style:normal; }
body{line-height:1.5;word-break:break-all}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav,ul,li{list-style:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:#000;}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #f2f2f2;margin:15px 0 20px;padding:0}
input,select{vertical-align:middle}
html{font-size:15px;}
caption{overflow:hidden;visibility:hidden;width:0;height:0;font-size:1px}
img { vertical-align:top; }
html,body{height:100%; font-family: 'SUIT'; font-weight: 500; letter-spacing: -1px;}
button{background: transparent;}
h1,h2,h3,h4,h5,h6 {font-weight: 800;}

p {line-height:1.5;}
b {font-weight: 800;}
input, textarea {font-family: 'SUIT'; font-size: 24px;}
input::placeholder {font-family: 'SUIT'; font-size: 24px; color: #b9b9b9;}

@font-face {
  font-family: 'Rising_CHAI' ;
  /* src: url(font/Rising_CHAI_Extra_Bold_.eot); */
  src: url(font/Rising_CHAI_OTF_Extra_Bold.otf) format('opentype'),
			 url(font/Rising_CHAI_Extra_Bold_.eot?#iefix) format('embedded-opentype'),
       url(font/Rising_CHAI_Extra_Bold_.woff2) format('woff2'),
       url(font/Rising_CHAI_Extra_Bold.ttf) format('truetype');
	font-style: normal;
	font-weight: 800;
}

@font-face {
  font-family: 'Rising_CHAI';
  /* src: url(font/Rising_CHAI_Light_.eot); */
  src: url(font/Rising_CHAI_OTF_Light.otf) format('opentype'),
			 url(font/Rising_CHAI_Light_.eot?#iefix) format('embedded-opentype'),
      url(font/Rising_CHAI_Light_.woff2) format('woff2'),
      url(font/Rising_CHAI_Light.ttf) format('truetype');
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: 'SUIT';
	font-weight: 400;
	src: url('font/SUIT-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 500;
	src: url('font/SUIT-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 600;
	src: url('font/SUIT-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 700;
	src: url('font/SUIT-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 800;
	src: url('font/SUIT-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 900;
	src: url('font/SUIT-Heavy.woff2') format('woff2');
}


/*** layout ***/
img {max-width: 100%;}

#wrap {width: 100%; min-height: calc(100% - 175px); padding: 185px 0 100px; box-sizing: border-box;}
#wrap.main {padding: 83px 0 0;}
#wrap.board {min-height: 1000px;}
.container {max-width: 1500px; padding: 0 75px; margin: 0 auto; box-sizing: border-box;}
.inner {max-width: 1500px; padding: 0 50px; margin: 0 auto; box-sizing: border-box;}
.btn {border: 0; background: #464646; font-weight: 800; font-size: 24px; color: #fff; vertical-align: top; word-break: keep-all; cursor: pointer;}
.btn-primary {background: #f62981;}
.btn + .btn {margin-left: 40px;}

.team-wrap {display: none;}

br.mo {display: none;}
.text-right {text-align: right;}


/* header */
header {overflow: hidden; position: fixed; left: 0; top: 0; width: 100vw; border-bottom: 1px solid #e3e3e3; background: #fff;
  font-family: 'Rising_CHAI', 'Noto Sans KR', sans-serif; font-weight: 800; z-index: 99;}
header .logo {overflow: hidden; position: relative; display: inline-block; float: left; width: 231px; height: 84px; padding-left: 25px;}
/* header .logo::before {position: absolute; right: 0; top: 0; content: ''; width: 37.5%; height: 25%; background: #fff; z-index: 10;}
header .logo::after {position: absolute; right: 0; bottom: 0; content: ''; width: 37.5%; height: 25%; background: #fff; z-index: 10;} */
header .logo a {position: relative; display: block; width: 100%; height: 100%; background: url('../images/logo.png') no-repeat; background-size: cover;}
header nav {display: inline-block; float: right; height: 100%; font-size: 22px;}
header nav li {display: inline-block; height: 83px; padding: 0 25px; margin: 0 25px; text-align: center; cursor: pointer;}
header nav li:last-child {margin-right: 0;}
header nav li a {display: block; width: 100%; height: 100%; align-content: center;}
header nav li.active a {color: #f62981;}
header .nav-sub {display: none; clear: both; border-top: 1px solid #e3e3e3; background: #f5f5f5; text-align: right;}
header .nav-sub .nav-sub-list {display: none;}
header .nav-sub li {position: relative; display: inline-block; padding: 20px; margin: 0 15px; font-size: 17px;}
header .nav-sub li::before {position: absolute; left: -15px; top: 50%; content: ''; width: 1px; height: 18px; background: #b9b9b9; transform: translateY(-50%);}
header .nav-sub li:first-child::before {display: none;}
header .nav-sub li a {color: #b9b9b9;}
header .nav-sub li:hover a {color: #000;}
header .nav-sub li.active a {color: #000;}
header.sub {border-bottom: 0;}
#logo-scroller {overflow: hidden; position: relative; top: 50%; height: 38px; margin-bottom: -6px; transform: translateY(-50%);}
#logo-scroller .scroller-item {display: block; animation: scroll 10s cubic-bezier(0.645, 0.045, 0.355, 1) infinite; text-align: right;}
#logo-scroller .scroller-item img {height: 38px;}
@keyframes scroll {
  0% {
    transform: translateY(0px);
  }
  25% {
    transform: translateY(-44px);
  }
  50% {
    transform: translateY(-88px);
  }
  75% {
    transform: translateY(-132px);
  }
  100% {
    transform: translateY(-180px);
  }
}


.top-area {margin-bottom: 65px;}
.top-area h3 {margin-bottom: 30px; font-size: 52px;}
.top-area li {margin-bottom: 10px; font-size: 22px; padding-left: 8px; text-indent: -8px;}
.top-area li span {color: #f62981;}

.table {width: 100%;}
.table tr {margin-bottom: 30px;}
.table th {font-weight: 800; font-size: 32px; text-align: left; vertical-align: top;}
.table td {overflow: hidden;}
.table td:last-child {padding-bottom: 80px;}
.table td>p,
.table td>div {position: relative; float: left; width: 44%; margin: 0 3%; margin-bottom: 50px;}
.table td.box-agree-wrap>p {float: none; margin: 0 auto;}
.table td>.w100 {width: calc(100% - 6%);}
.table tr:nth-child(1) td>p:nth-child(1) {width: 38%;}
.table tr:nth-child(1) td>p:nth-child(2) {width: 50%;}
.table input[id*="input-phone"] {width: calc(33.333% - 4px - 15px); margin-right: 25px;}
.table input[id*="input-phone"]:last-child {margin-right: 0;}

/* form-type1 */
.form-type1>p {margin-bottom: 40px;}
.form-type1 label {display: block; position: relative; padding-bottom: 10px; font-weight: 800; font-size: 24px;}
.form-type1 input + label {font-weight: normal;}
.form-type1 label span {font-size: 16px; color: #f62981; vertical-align: 5px;}
.form-type1 input {width: 100%; padding: 10px 0; border-bottom: 1px solid #e4e4e4;}
.form-type1 input[type="radio"] {visibility: hidden; position: absolute; left: 0; top: 0;}
.form-type1 input[type="radio"] + label {display: inline-block; padding-left: 30px; padding-bottom: 0; margin-right: 60px; cursor: pointer;}
.form-type1 input[type="radio"] + label:last-child {margin-right: 0;}
.form-type1 input[type="radio"] + label::before {position: absolute; left: 0; top: 50%; content: ''; width: 16px; height: 16px;
  border-radius: 50%; border: 1px solid #b9b9b9; transform: translateY(-50%);}
.form-type1 input[type="radio"] + label::after {display: none; position: absolute; left: 3px; top: 50%; content: ''; width: 12px; height: 12px;
  border-radius: 50%; background: #f62981; transform: translateY(-50%);}
.form-type1 input[type="radio"]:checked + label::after {display: block;}
.form-type1 textarea {overflow-y: auto; width: 100%; min-height: 165px; padding: 20px; border: 1px solid #b9b9b9; box-sizing: border-box; outline: none; resize: none;}
.form-type1 .box-agree-wrap {text-align: center;}
.form-type1 .box-agree-wrap>label {text-align: left;}
.form-type1 .box-agree {overflow-y: auto; width: 100%; height: 200px; margin: 10px 0 25px; padding: 20px; border: 1px solid #b9b9b9;
  text-align: left; font-size: 16px; color: #626262; line-height: 20.5px; box-sizing: border-box;}
.box-agree + p {float: none; width: auto; margin: 0 auto;}
.box-agree + p label {margin-right: 110px; font-weight: 800;}
.box-agree + p label:last-child {margin-right: 0;}
.box-agree table {border: 1px solid #b9b9b9; border-bottom: 0; border-right: 0;}
.box-agree table th {background: #eee; font-size: 16px;}
.box-agree table th,
.box-agree table td {padding: 10px !important; border-bottom: 1px solid #b9b9b9; border-right: 1px solid #b9b9b9; vertical-align: middle;}

.form-type1 span[class*="txt-"] {display: block; margin-top: 10px; padding-left: 14px; font-size: 22px; text-indent: -14px; letter-spacing: -1.5px;}
.form-type1 p[class*="txt-"] {font-size: 20px}
.table span[class*="txt-"] {font-weight: 800;}
input + span[class*="txt-"] {font-size: 17px !important;}
.txt-notice {font-weight: normal !important;}
.txt-notice1 {color: #f62981;}
.txt-notice2 {color: #000;}
.txt-notice3 {color: #969696;}
.txt-validate {color: #4a9fff;}

.btn-submit-wrap {margin-top: 40px; text-align: center;}
.btn {display: inline-block; width: 240px; height: 70px; text-align: center;}

.btn-top {position: fixed; left: 50%; bottom: 50px; width: 55px; height: 55px; margin-left: 715px;
  border-radius: 50%; background: #000; transform: translateX(-50%);}
.btn-top a {display: block; width: 100%; height: 100%;}

.navigator li {display: inline-block; position: relative; margin-right: 20px; margin-bottom: 40px; color: #a2a2a2;}
.navigator li::before {position: absolute; left: -14px; top: 0; content: '/';}
.navigator li:first-child::before {display: none;}
.navigator li img {max-width: 15px; vertical-align: -1px;}

/* footer */
footer {min-height: 175px; position: relative; background: #202020; color: #fff;}
footer .inner {overflow: hidden; padding: 30px;}
footer .left-area {float: left; width: calc(100% - 300px); min-height: 90px;}
footer .right-area {float: right; width: 300px; min-height: 90px;}
footer li {display: inline-block; position: relative; vertical-align: top;}
footer li:last-child {margin-right: 0 !important;}
footer .left-area ul {margin-bottom: 15px;}
footer .left-area li {margin-right: 30px;}
footer .left-area li::before {position: absolute; left: -17px; top: 2px; content: ''; width: 2px; height: 12px; background: #fff;}
footer .left-area li:first-child::before {display: none;}
footer .right-area .sns-list {text-align: right;}
footer .right-area .sns-list li { width: 25px; height: 25px; margin-right: 20px;}
footer .right-area .sns-list li a {display: block; width: 100%; height: 100%;}
footer .right-area .sns-list li:nth-child(1) a {background: url('../images/icn_home.png') center no-repeat; background-size: 100%;}
footer .right-area .sns-list li:nth-child(2) a {background: url('../images/icn_insta.png') center no-repeat; background-size: 100%;}
footer .right-area .sns-list li:nth-child(3) a {background: url('../images/icn_youtube.png') center no-repeat; background-size: 100%;}

footer a {font-weight: 800; color: #fff;}
footer .copyright {text-align: right;}


.layer {display: none; overflow-x: hidden; overflow-y: auto; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 99;}
.layer .btn-close {position: absolute; right: 30px; top: 30px;}
.layer .layer-inner {overflow-y: auto; position: absolute; left: 50%; top: 50%; width: 900px; max-height: 90vh; margin-left: -450px; padding: 110px 130px; background: #fff; transform: translateY(-50%); box-sizing: border-box;}
.layer label {display: inline-block; width: 120px; text-align: left; font-weight: 800; font-size: 24px;}
.layer input {width: 500px; height: 60px; padding: 10px 15px; border: 1px solid #e1e1e1; box-sizing: border-box;}
.layer .layer-tit {margin-bottom: 40px; text-align: center; font-weight: 800; font-size: 32px;}
.layer span[class*="txt-"] {display: block; margin-left: 125px; margin-top: 5px; font-size: 20px;}
.layer .txt-notice {color: #b2b2b2;}
.layer .txt-validate {font-size: 16px;}
.layer .txt-validate-false {color: #f62981;}
.layer form p {position: relative; margin-bottom: 20px;}
.layer .input-phone {width: calc(100% - 125px - 175px - 30px); margin-right: 11px;}
.layer .input-code + .countdown {position: absolute; left: 570px; top: 18px; color: #f62981;}
.layer .btn-send,
.layer .btn-resend {width: 175px; height: 60px; font-size: 22px;}
.layer .btn-resend {margin-left: 0;}
.layer .btn-bottom-wrap {margin-top: 45px; margin-bottom: 0; text-align: center;}
.layer .btn-bottom-wrap .txt {display: block; margin-bottom: 40px; font-weight: 800; font-size: 24px; line-height: 48px; word-break: keep-all;}

#layer-newpassword .layer-inner {padding: 110px 83px;}
#layer-newpassword label {width: 230px;}
#layer-newpassword span[class*="txt-"] {margin-left: 235px;}


/* entry */
.entry-top-area {padding-bottom: 100px; text-align: center;}
.entry-top-area h4 {margin-bottom: 30px; font-size: 32px;}
.entry-top-area p {font-size: 24px;}
.entry-info {width: 900px; margin: 0 auto; padding: 50px 180px; border: 1px solid #e6e6e6; box-sizing: border-box;}
.entry-info h5 {margin-bottom: 50px; text-align: center; font-size: 28px;}
.entry-info table {width: 100%; text-align: left; font-size: 22px;}
.entry-info table th {padding: 15px 10px;}
.entry-info table td {padding: 15px 10px;}
.entry-info + .btn {width: 200px; height: 60px; font-size: 24px;}
.url-box {position: relative; margin-bottom: 0 !important;}
.url-box input {margin-bottom: 15px;}
.url-box input#input-youtubeurl1 {padding-right: 110px; box-sizing: border-box;}
.url-box .btn-add {position: absolute; right: 0; top: 45px; width: 100px; height: 45px; background: #000; line-height: 45px;}
.url-box .btn-add span {font-weight: 400;}
#dropzone {width: 100%; padding: 35px; border: 1px dashed #c2c2c2; text-align: center; font-size: 17px; cursor: pointer; box-sizing: border-box; transition: 0.3s;}
#dropzone span {display: inline-block; margin: 10px 0 3px; font-size: 20px;}
#dropzone.hover {border-color: #f62981;}
#fileList {margin: 20px 0 50px; padding-left: 0; list-style: none;}
#fileList li {position: relative; display: flex; justify-content: space-between; align-items: center; padding: 15px 20px 15px 60px;
  margin-top: 10px; border-radius: 10px; border: 1px solid #adadad;}
#fileList li::before {position: absolute; left: 20px; top: 50%; content: ''; width: 20px; height: 24px; background: url('../images/icn_upload_file.png') no-repeat; background-size: 100%; transform: translateY(-50%);}
.remove-btn {padding: 0; border: none; cursor: pointer;}
.file-info {display: flex; flex-direction: column; align-items: flex-start; flex: 1;}
.file-name {font-size: 20px;}
.file-size {font-size: 14px; color: #aaa;}


/* entry_confirm */
#entry-confirm .entry-info {padding: 0; border: 0;}
#entry-confirm .entry-info table {width: 100%;}
#entry-confirm .entry-info table th {border-right: 2px solid #fff; background: #f62981; text-align: center; color: #fff;}
#entry-confirm .entry-info table td {border-right: 4px solid #fff; text-align: center; cursor: pointer;}
#entry-confirm .entry-info table tr:hover td {color: #f62981;}
#entry-confirm .entry-info table th:last-child,
#entry-confirm .entry-info table td:last-child {border-right: 0;}
.entry-info-detail table {width: 100%; font-size: 22px;}
.entry-info-detail table th {padding: 15px 10px; padding-left: 50px;}
.entry-info-detail table td {padding: 15px 10px;}
.entry-info-detail table th,
.entry-info-detail table td{text-align: left;}

#entry-confirm-form {overflow: hidden; width: 625px; margin: 0 auto;}
#entry-confirm-form p {margin-top: 30px; text-align: center;}
#entry-confirm-form p:first-child {margin-top: 0;}
#entry-confirm-form label {display: inline-block; width: 120px; text-align: left; font-weight: 800; font-size: 24px;}
#entry-confirm-form input {width: 500px; height: 60px; padding: 10px 15px; border: 1px solid #e1e1e1; box-sizing: border-box;}
#entry-confirm-form input[class*="input-phone"] {width: calc(33.333% - 8px); max-width: 160px; margin-right: 8px;}
#entry-confirm-form input[class*="input-phone"]:last-child {margin-right: 0;}
#entry-confirm-form a {float: right; text-decoration: underline; font-size: 16px; color: #b2b2b2;}
#entry-confirm-form a + p {clear: both; margin-top: 95px;}

#layer-detail .layer-inner{
  padding-bottom:70px;
}
.info-text{
    text-align: center;
    margin-top: 30px;
    font-size: 18px;
    color: #e32028;
    font-weight: 700;
}

/* 게시판 */
.board .table-list {overflow-x: auto;}
.board .table {}
.board .table td {padding: 30px 15px; border-top: 1px solid #b7b7b7; text-align: center; font-weight: 800; font-size: 22px; color: #a2a2a2; cursor: pointer; vertical-align: middle;}
.board .table td:nth-child(2) {max-width: 770px; text-align: left; font-size: 24px; color: #000;}
.board .table.table-notice td:nth-child(2)>p {width: 100%; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.board .table tr:hover td {background: #f8f8f8;}
.board .table tr:hover td:nth-child(2) {color: #f62981;}
.board .table td img {width: 20px;}
.board .table.table-notice {min-width: 600px;}
.board .table.table-notice tr td:nth-child(3) {min-width: 100px;}
.board .table.table-faq tr td:nth-child(1) {font-size: 24px;}
.board .table tr.item-answer {display: none;}
.board .table tr.item-answer td {border-top: 0; background: #f8f8f8; font-weight: 500; font-size: 22px; line-height: 28px; cursor: auto;}
.board .table tr.item-answer td:nth-child(1) {font-weight: 800; color: #f62981; vertical-align: top;}
.board .table tr.item-answer:hover td:nth-child(2) {color: #000;}
.board .pagination-wrap {margin-top: 50px; text-align: center;}
.board .pagination-wrap .pagination li {display: inline-block; width: 36px; height: 36px; margin: 0 4px; border-radius: 50%; line-height: 36px;}
.board .pagination-wrap .pagination a {display: block; width: 100%; height: 100%; font-size: 22px; color: #a2a2a2;}
.board .pagination-wrap .pagination li.active {background: #000; font-weight: 800;}
.board .pagination-wrap .pagination li.active a {color: #fff;}
.board .pagination-wrap .pagination li[class*="item-"] {width: 25px; text-align: center;}
.board .pagination-wrap .paginat ion li[class*="item-"] a {font-size: 16px; letter-spacing: -2px;}
.board .pagination-wrap .pagination li.item-prev {margin-right: 30px;}
.board .pagination-wrap .pagination li.item-next {margin-left: 30px;}
.board .view-content {}
.board .view-content .title {overflow: hidden; display: flex; margin-bottom: 65px; align-items: end;}
.board .view-content .title .tit {float: left; width: 75%; font-weight: 800; font-size: 38px;
  width: 100%; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.board .view-content .title .date {float: right; width: 25%; text-align: right; color: #363636;}
.board .view-content .content-box {border-top: 1px solid #bcbcbc; border-bottom: 1px solid #bcbcbc; padding: 60px 30px 35px;}
.board .view-content .content-box .content {padding-bottom: 100px;}
.board .file-list {padding: 5px 15px; background: #f8f8f8; border-radius: 5px; border: 1px solid #ececec;}
.board .table.table-faq .file-list {margin-top: 40px; background: #fff;}
.board .file-list li {overflow: hidden; padding: 10px 0; border-bottom: 1px solid #ececec; font-size: 16px;}
.board .file-list li:last-child {border-bottom: 0;}
.board .file-list li span {position: relative; float: left; padding-left: 20px; box-sizing: border-box;}
.board .file-list li span:first-child {width: 100px; color: #969696;}
.board .file-list li span:last-child {width: calc(100% - 100px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board .file-list li span:first-child::before {position: absolute; left: 0; top: 50%; content: ''; width: 14px; height: 14px; background: url('../images/icn_file.png') no-repeat; background-size: 100%; transform: translateY(-50%);}
.board .board-bottom {position: relative; margin-top: 45px; text-align: center;}
.board .board-bottom .btn-prev,
.board .board-bottom .btn-next {position: absolute; font-size: 38px; color: #a2a2a2;}
.board .board-bottom .btn-prev {left: 0;}
.board .board-bottom .btn-next {right: 0;}
.board .board-bottom .btn-prev .tit-prev,
.board .board-bottom .btn-next .tit-next {display: inline-block; max-width: 200px; font-weight: 800; font-size: 24px; color: #000;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board .board-bottom .btn-prev .tit-prev {padding-left: 40px;}
.board .board-bottom .btn-next .tit-next {padding-right: 40px;}
.board .board-bottom .btn-prev .tit-prev em {position: absolute; left: 0; top: 50%; width: 30px; margin-top: -2px; transform: translateY(-50%); margin-right: 10px; font-weight: 400; font-size: 32px; color: #a2a2a2; vertical-align: middle;}
.board .board-bottom .btn-next .tit-next em {position: absolute; right: 0; top: 50%; width: 30px; margin-top: -2px; transform: translateY(-50%); margin-left: 10px; font-weight: 400; font-size: 32px; color: #a2a2a2; vertical-align: middle;}
.board .board-bottom .btn-list {width: 137px; height: 48px; padding: 0 0 3px; border-radius: 24px; background: #000;}
.board .board-bottom .btn-list img {width: 14px; margin-right: 15px; vertical-align: 0;}

.inquiry .top-area ul {margin-top: 20px;}
.inquiry .top-area .tit {margin-bottom: 0; padding-bottom: 65px; border-bottom: 1px solid #bcbcbc;}
.inquiry #inquiry-form {max-width: 1000px; margin: 0 auto;}
.inquiry .btn-submit-wrap {margin-top: 80px;}

/* 응모 안내 */
.guide .contents {overflow: hidden; font-size: 24px; /*word-break: keep-all;*/}
.guide .contents .guide-box {overflow: hidden; margin-bottom: 90px;}
.guide .contents .guide-box:last-child {margin-bottom: 60px;}
.guide .contents .guide-box h3 {float: left; width: 32%; padding-left: 45px; text-indent: -45px; margin-bottom: 30px; font-size: 32px; box-sizing: border-box;}
.guide .contents .guide-box h3 img {width: 37px; margin-top: 6px;}
.guide .contents .guide-box h4 {clear: both; position: relative; padding-left: 40px; margin-bottom: 18px; box-sizing: border-box;}
.guide .contents .guide-box h4::before {left: 28px;}
.guide .contents .guide-box h5 {margin: 15px 0 10px; font-size: 23px;}
.guide .contents .box {float: left; width: 68%;}
.guide .contents .box2 {clear: both; padding-top: 30px; border-top: 1px solid #c7c7c7;}
.guide .contents .box.w100 {width: 100%; box-sizing: border-box;}
.guide .contents table ~ .box.w100 {padding-left: 40px;}
.guide .contents dl {overflow: hidden;}
.guide .contents dl dt {float: left; width: 150px; margin-bottom: 20px; font-weight: 800;}
.guide .contents dl dd {float: left; width: calc(100% - 150px); margin-bottom: 20px;}
.guide .contents ul {clear: both;}
.guide .contents li {position: relative; margin-bottom: 5px; font-weight: 500; font-size: 22px;}
.guide .contents .txt-notice2>li {padding-left: 14px; text-indent: -14px; }
.guide .contents li:last-child {margin-bottom: 0;}
.guide .box-list>li {font-weight: 800; font-size: 24px;}
.guide .box-list>li>ul {margin: 10px 0 30px;}
.guide .contents b + ul {margin-top: 10px; padding: 0;}
.guide .contents b + ul li {font-size: 24px;}
.guide .contents table {width: 100%; margin: 25px 0 35px;}
.guide .contents table th {padding: 17px; border-right: 4px solid #fff; border-bottom: 4px solid #fff; background: #f62981; font-size: 26px; color: #fff;}
.guide .contents table th:last-child {border-right: 0;}
.guide .contents table td {padding: 10px 17px; text-align: center;}
.guide .contents table tr:nth-child(2n-1) td {background: #f3f4f6;}
.guide .contents table td ul {padding: 17px;}
.guide .contents table td li {margin-bottom: 10px; padding-left: 15px; text-indent: -15px; text-align: left; font-size: 24px;}
.guide .contents table td li span {font-size: 22px;}
.guide .contents .guide-box h4::before,
.guide .contents .list-type1 li::before {position: absolute; top: 10px; content: ''; width: 6px; height: 6px; border-radius: 50%; background: #f62981;}
.guide .contents .list-type1 li::before {left: 0;}
.guide .contents .list-type1 li {padding-left: 12px; font-size: 24px; line-height: 28px; text-indent: 0;}
.guide .contents .list-type2 dt {width: 100%; margin-bottom: 10px;}
.guide .contents .list-type2 dd {width: 100%; font-size: 22px; margin-bottom: 25px;}
.guide .contents .list-type2 dt span {display: inline-block; width: 17px; height: 17px; padding: 0 5px; border-radius: 50px; background: #4c4c4c;
  font-size: 13px; color: #fff; line-height: 17px; box-sizing: border-box; vertical-align: 3px;}
.guide .contents .list-type3 h4 {float: left; width: 32%; margin-bottom: 50px;}
.guide .contents .list-type3 h4::before {top: 13px;}
.guide .contents .list-type3 h4 + p,
.guide .contents .list-type3 h4 + ul {clear:none; float: left; width: 68%; margin-bottom: 50px;}
.guide .contents .list-type3 h4 + ul li {padding-left: 14px; text-indent: -14px; box-sizing: border-box;}
.guide .contents .list-type3 h4 + dl {float: left; width: 68%;}
.guide .contents .list-type3 dd {margin-bottom: 15px; padding-left: 14px; text-indent: -14px; box-sizing: border-box;}
.guide .contents .list-type3 dd span {font-weight: 500;}
.guide .contents .list-type3 dd .txt-notice3 {display: inline-block; padding-left: 14px; margin-bottom: 5px;}
.guide .contents .list-type3 em {display: inline-block; text-indent: 0; margin: 30px 0 15px; font-weight: 800; font-size: 20px;}
.guide .contents .list-type4 {margin-left: -14px;}
.guide .contents .list-type4 dt {padding: 0; text-indent: 0; font-weight: normal; font-size: 20px;}
.guide .contents .list-type4 dd {background: #f3f4f6; padding: 20px; text-indent: 0; font-size: 20px;}
.guide .contents .list-type4 dd span {padding-left: 0 !important; font-size: 20px;}
.guide .contents .box p>span {font-size: 28px;}
.guide .contents .list-tit {margin: 40px 0 25px; font-size: 22px;}
.guide span[class*="txt-"] {font-weight: 800; font-size: 22px;}
.guide .box span[class*="txt-"] {font-size: 24px;}

/* main */
.main .section {width: 100%;}
.main .main-top {background: #f3f4f6;}
.main .swiper-slide {height: 100%;}
.main .swiper-slide iframe {width: 100%; height: 100%;}
.main .swiper-slide img {width: 100%;}
.main .swiper-container .swiper-button-prev {left: 50%; width: 2.1%; height: 10%; margin-left: -700px; background: url('../images/icn_arrow_prev.png') no-repeat; background-size: 100%; transform: translateX(-50%);}
.main .swiper-container .swiper-button-next {left: 50%; width: 2.1%; height: 10%; margin-left: 700px; background: url('../images/icn_arrow_next.png') no-repeat; background-size: 100%; transform: translateX(-50%);}
.main .swiper-container .swiper-pagination {bottom: 5.8%;}
.main .swiper-container .swiper-pagination-bullet {width: 12px; height: 12px; background: #9e9892; opacity: 1;}
.main .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 34px; border-radius: 6px; background: #f62981;}
.main .main-contents {position: relative; text-align: center; font-size: 24px; line-height: 36px;}
.main .main-contents::before {position: absolute; left: 50%; top: 75px; content: ''; width: 22px; height: 3px; background: #f62981; transform: translateX(-50%);}
.main .main-contents .inner {padding: 115px 7.85% 105px;}
.main .main-banner {background: #f3f4f6; text-align: center;}
.main .main-banner img {width: 976px;}

/* privacy */
.privacy {padding: 40px; line-height: 22px;}
.privacy h5 {margin-bottom: 30px; font-size: 32px;}
.privacy h6 {margin: 40px 0 20px; font-size: 16px;}
.privacy li dd {padding-left: 8px; text-indent: -8px;}
.privacy li dl,
.privacy li ul {margin: 5px 0;}
.privacy dd {margin-bottom: 5px;}
.privacy dd:last-child {margin-bottom: 0;}
.privacy ul.num li {padding-left: 18px; text-indent: -18px;}
.privacy .num dd {margin-left: 13px;}
.privacy a {color: #f62981;}


@media (max-width: 1500px) {
  .main .swiper-container .swiper-button-prev {left: 30px; margin-left: 0; transform: translateX(0);}
  .main .swiper-container .swiper-button-next {left: auto; margin-left: 0; right: 30px;}

  .btn-top {left: auto; right: 20px; margin-left: 0; transform: translateX(0);}
  footer .left-area li {margin-bottom: 5px;}
  footer .left-area li:last-child {width: 100%;}
  footer .left-area li:last-child::before {display: none;}
  footer .left-area li b {display: block;}
}
@media (max-width: 960px) {
  .btn {max-width: 100%; font-size: 20px;}

  .entry-info {width: 95%; padding: 30px;}

  .layer .layer-inner {left: 2.5%; width: 95%; margin-left: 0; padding: 110px 30px !important;}
  .layer label {width: 100%; margin-bottom: 5px; font-size: 22px;}
  .layer input {width: 100%;}
  .layer .input-phone {width: calc(100% - 90px - 10px); margin-right: 6px;}
  .layer .btn-send,
  .layer .btn-resend {width: 90px;}
  .layer .layer-tit {font-size: 28px;}
  .layer span[class*="txt-"] {margin-left: 5px !important;}
  .layer .btn-bottom-wrap .txt {font-size: 22px; line-height: 36px;}
}
@media (max-width: 720px) {
  br.mo {display: block;}

  header .logo {width: 160px; height: 60px;}
  header nav {font-size: 22px;}
  header nav li {height: 60px; padding: 0 10px; margin: 0 10px;}
  #logo-scroller {height: 25px;}
  #logo-scroller .scroller-item img {height: 25px;}

  input,
  input::placeholder {font-size: 16px;}

  .top-area h3 {font-size: 40px;}
  .table th {font-size: 24px;}
  .table td>p {width: 94% !important; margin-bottom: 25px;}
  .table td label {font-size: 16px;}
  .table td input[type="radio"] + label {margin-right: 20px;}

  .btn-submit {width: 200px; height: 60px;}

  .entry-top-area {padding-bottom: 60px;}
  .entry-top-area h4 {font-size: 28px;}
  .entry-top-area p {font-size: 22px;}
  .entry-info table {font-size: 17px;}
  .entry-info + .btn-submit-wrap .btn {width: 46%; margin: 0 1%; font-size: 17px;}

  footer {font-size: 14px;}
  footer .left-area {width: 100%; min-height: auto; margin-bottom: 10px;}
  footer .right-area {width: 100%; min-height: auto; margin-bottom: 10px;}

  #entry-confirm-form {width: 100%;}
  #entry-confirm-form label {width: 100%; margin-bottom: 5px;}
  #entry-confirm-form input {width: 100%;}

  #wrap.board {padding-top: 250px;}
  .board .table td:nth-child(2) {font-size: 22px;}
  .board .view-content .title {display: block;}
  .board .view-content .title .tit {width: 100%; font-size: 32px;}
  .board .view-content .title .date {width: 100%; margin-top: 5px;}
  .board .board-bottom .btn-prev .tit-prev,
  .board .board-bottom .btn-next .tit-next {display: none;}

  .guide .contents .guide-box h3,
  .guide .contents .box,
  .guide .contents .list-type3 h4,
  .guide .contents .list-type3 h4 + p,
  .guide .contents .list-type3 h4 + dl {float: none; width: 100%;}
  .guide .contents,
  .guide .contents table td li {font-size: 22px;}
  .guide .contents table th {font-size: 24px;}
  .guide .contents table td ul {padding: 7px 17px;}
  .guide .contents .guide-box h3 {font-size: 28px;}
  .guide .contents .guide-box h3 img {width: 30px;}
  .guide .contents .list-type3 h4 {padding-left: 20px; margin-bottom: 30px;}
  .guide .contents .list-type3 h4::before {left: 8px;}
}
@media (max-width: 460px) {
  #wrap.board {padding-top: 220px;}
  header .nav-sub li {margin: 0;}
  header nav li {margin: 0 8px;}
  header .nav-sub li::before {left: -3px;}
  .board .pagination-wrap .pagination a {font-size: 15px;}
  .board .pagination-wrap .pagination li.item-prev {margin-right: 15px;}
  .board .pagination-wrap .pagination li.item-next {margin-left: 15px;}
}