/* sub header */
.sub-header {
	position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
.sub-header .img-container {
    position: relative;
    overflow: hidden;
}
.sub-header .img-container img.pc {
    position: relative;
    left: 50%;
    width: 1920px;
    transform: translate(-50%, 0);
}
.sub-header .img-container img.mobile {
	width: 100%;
}
.sub-header .img-container .pc {
	display: block;
}
.sub-header .img-container .mobile {
	display: none;
}
.sub-header .kakao-link {
	position: absolute;
	left: 50%;
	bottom:24px;
	transform: translate(-50%, 0);
}
@media only screen and (max-width: 979px) {
	.sub-header.pad {
		padding-top: 48px;
	}
	.sub-header .kakao-link {
		bottom: -54px;
	}
}
@media only screen and (max-width: 599px) {
    .sub-header .img-container .pc {
		display: none;
	}
	.sub-header .img-container .mobile {
		display: block;
	}
}

.sub-header .img-container span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.08em;
}
.sub-header .title-container {
    padding: 96px 0;
}
.sub-header .title-container .sub-text {
    display: block;
    width: calc(100% - 48px);
    max-width: 372px;
    margin: 0 auto 24px auto;
    border-top: 1px solid #7499c6;
    border-bottom: 1px solid #7499c6;
    text-align: center;
    color: #4a8edf;
    font-size: 20px;
    line-height: 3;
    letter-spacing: 0.4em;
    word-break: keep-all;
}
.sub-header .title-container .sub-title {
    display: block;
    margin: 0 auto;
    padding: 0 24px;
    text-align: center;
    color: #404040;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: 0.2em;
    word-break: keep-all;
}

.sub-header .title-container .sub-title2 {
    display: block;
    margin: 0 auto;
    padding: 0 24px;
    text-align: center;
    color: #404040;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: 0.2em;
    word-break: keep-all;
	margin-bottom: 10px;
	font-weight: lighter;
}

.sub-header .title-container .divider {
    display: block;
    width: 30px;
    margin: 36px auto;
    border-bottom: 2px solid #7499c6;
}
.sub-header .title-container p {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0 24px;
    text-align: center;
    color: #404040;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
    word-break: keep-all;
}
.sub-header .title-container p .warning {
    color: #4a8edf;
}
@media only screen and (max-width: 599px) {
    .sub-header .title-container p span.br {
        display: block;
    }
}



/* sub section */
.sub-section {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 72px 0;
}
.sub-section .extra-container {
    max-width: 980px;
    margin: -72px auto 0 auto;
    padding: 0 24px;
    padding-bottom: 96px;
    text-align: center;
}
.sub-section .extra-container .roof {
    display: inline-block;
    width: 100%;
    height: 72px;
    border: 14px solid #216ac2;
    border-bottom: none;
}
.sub-section .extra-container .text {
    display: inline-block;
    margin: -8px;
    padding: 0 48px;
    width: 100%;
    color: #404040;
    font-size: 30px;
    font-weight: 700;
    word-break: keep-all;
}
.sub-section .extra-container .btn {
    display: inline-block;
    margin-top: 24px;
    padding: 0 16px;
    border-radius: 20px;
    background-color: #e86e86;
    font-size: 20px;
    color: #ffffff;
    line-height: 2;
}
.sub-section .extra-container .divider {
    display: block;
    width: 30px;
    margin: 36px auto;
    border-bottom: 2px solid #7499c6;
}
.sub-section .title-container {
    margin-bottom: 36px;
}
.sub-section .title-container .section-title {
    display: block;
    margin: 0 auto;
    padding: 0 24px;
    text-align: center;
    color: #404040;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.2em;
    word-break: keep-all;
}
.sub-section .title-container .divider {
    display: block;
    width: 30px;
    margin: 36px auto;
    border-bottom: 2px solid #7499c6;
}
.sub-section .title-container p {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0 24px;
    text-align: center;
    color: #404040;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
    word-break: keep-all;
}
.sub-section .content-container {
    max-width: 980px;
    margin: 0 auto;
}
.sub-section .content-container::after {
    content: '';
    display: block;
    clear: both;
}
.sub-section .content-container > p {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0 24px;
    text-align: center;
    color: #404040;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
    word-break: keep-all;
}
.main_layer_pop img {max-width:100%}
.main_layer_pop {width:100%; height:100%; background:rgba(0, 0, 0, 50%); position:fixed; left:50%; top:50%; transform:translate3d(-50%, -50%, 0); z-index:99999}
.main_pop_bottom {display:flex; flex-wrap:wrap; background:#000000; font-weight:400; color:#fff; padding:0px; position:relative; font-size:16px; box-sizing:border-box; }
.main_pop_bottom input[type="checkbox"] + label:before {width:20px; height:20px; border:none; background-size:14px auto !important  }
.main_pop_bottom .close { cursor: pointer; margin-left:auto; display:flex; width:90px; height:46px; justify-content:center; align-items:center; background:#333333; color:#fff;}
.main_pop_bottom input[type="checkbox"] + label {position:relative; display:inline-flex; flex-wrap:wrap; align-items:center; vertical-align:middle;}
.main_pop_bottom input[type="checkbox"] + label:before{display:block; content:""; width:24px; height:24px; box-sizing:border-box;background:#fff; border-radius:0px;  margin-right:5px; align-self:flex-start;}
.main_pop_bottom input[type="checkbox"]:checked + label::before{background:url(../img/common/check_on.png) no-repeat center center #fff; border-radius:0px;}
.main_pop_bottom input[type="checkbox"] + label > span {flex:1}
.main_pop_bottom input[type="checkbox"] {display:none;}
.main_pop_content {position:relative}
.main_pop_content .bt {display:block; width:58%; height:13%; position:absolute;}
.main_pop_content .bt1 {left:21%; top:60%}
.main_pop_content .bt2 {left:21%; top:75%}
.main_layer_pop_inner {width:100%; height:100%; display:flex; justify-content:center; align-items:center; position:relative; margin:0 auto; box-sizing:border-box;}
.main_layer_pop_inner .cell {position:relative; padding:0px 10px;}
.main_layer_pop .pop_wrap_in {width:100%; margin:0 auto;}
.main_layer_pop .pop_wrap_in {margin:0 auto;}
.main_layer_pop .pop_wrap_in{overflow-y:auto;}