/* BASIC css start */
body .h_title {margin-bottom:120px;}
body .h_title p {color:var(--7); margin-top:18px;}

.asWrap {text-align:center;}
.asWrap .tit {font-size:1.75rem; font-weight:700; display: block; line-height:1;}
h4 {font-weight:700;}
.gtxt {color:var(--3); padding-top:35px;}
.blue-txt {color:#00A0E9; font-weight:700;}

.qabtn {text-align:center; margin-bottom:150px;}
.qabtn a {width:214px; line-height:60px; box-sizing:border-box; font-size:1.125rem; border-radius:3px; border:1px solid var(--7); display:inline-block; vertical-align:top;}
.qabtn a:first-child {color:var(--0); background:var(--7); margin-right:14px;}


/* sec1 */
.sec1 {background:#F1F2F3; padding:72px 0 90px; margin-bottom:150px;}
.sec1 .contBox {}
.sec1 .contBox ul {font-size:0; display:flex; max-width:1192px; margin:50px auto 0;}
.sec1 .contBox ul li {display: inline-block; vertical-align: top;}
.sec1 .contBox ul li:nth-last-child(-n+3) {margin-bottom:0;}
.sec1 .contBox ul li img {width:100%; box-sizing:border-box;}
.sec1 .contBox ul li b {font-size:1rem; font-weight:700; display:block; padding:25px 0 12px; line-height:1;}
.sec1 .contBox ul li p {font-size:1rem; margin-bottom:0;}
.sec1 .contBox ul li p br {display:block;}
.sec1 .contBox ul li.as_arrow {margin: 7% 2.5% 0; width:auto;}
.sec1 .contBox ul li.as_arrow img {width:16px;}

/* sec2 */
.sec2 {margin-bottom:150px;}
.sec2 .tit {margin-bottom:35px;}
.sec2 p {margin-bottom:25px; font-size:1rem;}
.sec2 b,
.sec2 em {font-size:1rem;}
.sec2 .txt2 {margin-bottom:50px; }
.sec2 .txt3 {margin-bottom:45px;}
.sec2 .txt3 b {font-weight:700;}
.sec2 .apply {margin:0 auto 100px; max-width:555px;}
.sec2 .infoBox {margin-bottom:30px;}
.sec2 .infoBox:last-child {margin-bottom:0;}
.sec2 .infoBox dt {margin-bottom:15px;}
.sec2 .infoBox dd {font-size:1rem;}

/* sec3 */
.sec3 {text-align:left;}
.sec3 .inner {border-top:1px solid var(--7); border-bottom:1px solid var(--7);}
.sec3 .inner ul {}
.sec3 .inner ul li {border-top:1px solid var(--2); overflow:hidden;}
.sec3 .inner ul li h4 {padding: 25px 0; line-height: 1; font-size:1rem; cursor:pointer;}
.sec3 .inner ul li h4:after {content:''; display:inline-block; background: url(/design/helinox/h_renewal/img/icon/faq_arrow.svg) no-repeat right center; width: 14px; height: 9px; background-size: 14px auto; float:right; padding:4px 0; transition:all .3s ease; -webkit-transition:all .3s ease;}
.sec3 .inner ul li h4.on:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.sec3 .inner ul li .txt_box {height:0; font-size:0.875rem;}
.sec3 .inner ul li .txt_box.on {height:auto;}
.sec3 .inner .linkBtn a {display:inline-block; vertical-align:top; width:290px; line-height:58px; background:var(--0); text-align:center; font-weight:500; font-size:1rem; border-radius:2px; border:1px solid var(--7); margin:30px 0 60px;}

/* as pop */
.pop_close {text-align: right; margin-right: -10px;}
.pop_close svg {cursor:pointer;}
.as_pop {display:none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index:10;}
.as_bg {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.as_pop caption {display:block;}
.as_pop .table_wrap {height: 479px;overflow-y: auto;padding-right: 17px;margin-top:40px;}
.as_pop .table_wrap::-webkit-scrollbar {width:2px;background: #EDEDED;}
.as_pop .table_wrap::-webkit-scrollbar-thumb {background: #000;}
.as_pop .table_wrap > div:after {content: '';display: block;clear: both;}
.as_pop table {text-align: center;border:1px solid #cdcdcd;display: table-header-group;}
.as_pop .fl {float: left;width:635px;}
.as_pop .fr {float: right;width:460px;margin-bottom: 35px;}
.as_pop .fr table {}
.as_pop td {border-bottom: 1px dashed #cdcdcd;}
.as_pop .as_cont {width: 1200px;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.as_pop .as_inner {background: #fff;padding:45px 15px 45px 35px;box-sizing: border-box;}
.as_pop .as_inner .tit {letter-spacing: -0.02em;color: #000000;font-weight: bold;font-size: 1.25rem;padding-bottom: 20px;border-bottom: 1px solid #000;width:98%;}
.as_pop .p_tit {font-weight: bold;font-size: 1.25rem;padding: 40px 0 20px;line-height: 1;}

.as_pop table caption {text-align: left;padding: 0 0 10px 12px;letter-spacing: -0.02em;color: #000000;font-weight: 500;font-size: 1.125rem;height:auto;}
.as_pop table thead {background: #F8F8F8;}
.as_pop table thead tr th {padding: 14px 0 13px;font-size: 0.938rem;letter-spacing: -0.02em;font-weight: bold;}

.as_pop table tbody tr:last-child td {border-bottom: 1px solid #cdcdcd;}
.as_pop table tbody tr td {padding: 14px 0 13px;font-weight: normal;font-size: 0.938rem;letter-spacing: -0.02em;}

.as_pop .sec01 .p_tit {padding-top:0;}
.as_pop .sec02, .sec03 {margin-top: 30px}
.as_pop .sec04 tr td:last-child {padding-left: 20px;line-height: 19px;}



/******************************* ¹ÝÀÀÇü *******************************/

@media (max-width:1300px) {   
    .as_pop .as_cont {width:90%;}
    .as_pop .fr {float:none !important; clear: both;}
    .as_pop .fl,
    .as_pop .fr {margin-bottom:35px;}
    
    .sec1 {padding:72px 30px 90px;}
}

/* tablet */
@media (max-width:1024px) {
    body .h_title {margin-bottom:100px;}
    .asWrap .tit {font-size:1.5rem;}
    
    .qabtn {margin-bottom:100px;}
    .qabtn a {line-height:45px; font-size:0.813rem;}

    /* sec1 */
    .sec1 {padding:35px 30px; margin-bottom:80px}
    .sec1 .contBox ul {display:block; margin:30px auto 0;}
    .sec1 .contBox ul li {width:25%; margin-bottom:30px;}
    .sec1 .contBox ul li b {font-size:0.875rem;}
    .sec1 .contBox ul li p {font-size:0.875rem;}
    .sec1 .contBox ul li.as_arrow {margin: 9% 2.5% 0;}
    .sec1 .contBox ul li.as_arrow img {width:13px;}
    .sec1 .contBox ul li img {width:80%;}
    
    /* sec2 */
    .sec2 {margin-bottom:100px;}
    .sec2 .tit {margin-bottom:25px;}
    .sec2 .apply {margin: 0 auto 60px;}
    .sec2 .txt2 {margin-bottom:40px;}
    .sec2 p {font-size:0.875rem;}
    .sec2 b,
    .sec2 em {font-size:0.875rem;}
    .sec2 .linkBtn {margin-bottom:40px;}
    .sec2 .infoBox dt {margin-bottom:13px;}
    .sec2 .infoBox:nth-of-type(1) dt img {width:28px;}
    .sec2 .infoBox:nth-of-type(2) dt img {width:18px;}
    .sec2 .infoBox dd {font-size:0.875rem;}
    
    /* sec3 */
    .sec3 .inner ul li .txt_box {font-size:0.813rem;}
    .sec3 .inner ul li h4 {padding: 22px 0; font-size:0.875rem;}
    .sec3 .inner .linkBtn a {width:100%; margin:40px 0 35px; line-height:43px; font-size:0.875rem;}
    
}


/* mobile */
@media (max-width:768px) {
    body .h_title {margin-bottom:50px;}
    .asWrap .tit {font-size:1.375rem;}
    
    .gtxt {padding-top:10px;}
    
    .qabtn {display:flex; max-width:353px; margin:0 auto 45px; padding:0 20px;}
    .qabtn a {flex:1; width:50%; line-height:35px; font-size:0.688rem;}
    .qabtn a:first-child {margin-right:5px;}
    
    /* sec1 */
    .sec1 {margin-bottom:50px}
    .sec1 .contBox ul li {width:27%;}
    .sec1 .contBox ul li b {font-size:0.781rem; padding: 20px 0 17px;}
    .sec1 .contBox ul li p {font-size:0.781rem;}
    .sec1 .contBox ul li.as_arrow img {width:9px;}
    
    /* sec2 */
    .sec2 {margin-bottom:50px;}
    .sec2 .tit {margin-bottom:20px;}
    .sec2 .apply {margin: 0 auto 30px;}
    .sec2 .txt2 {margin-bottom:20px;}
    .sec2 p {font-size:0.75rem;}
    .sec2 b,
    .sec2 em {font-size:0.75rem;}
    .sec2 .linkBtn {margin-bottom:20px;}
    .sec2 .infoBox {margin-bottom:25px;}
    .sec2 .infoBox:nth-of-type(1) dt img {width:22px;}
    .sec2 .infoBox:nth-of-type(2) dt img {width:15px;}
    .sec2 .infoBox dd {font-size:0.75rem;}
    
    /* sec3 */
    .sec3 .inner ul li h4 {padding: 18px 0;}
    .sec3 .inner .linkBtn a {width:100%; margin:25px 0 30px;}
    
    /* as pop */
    .as_pop .table_wrap {height:60vh;}
    .as_pop .as_inner .tit {font-size:1rem;}
    .as_pop .p_tit {padding:20px 0 10px; font-size:1rem;}
    .as_pop table caption {font-size:0.875rem;}
    .as_pop table thead tr th,
    .as_pop table tbody tr td {padding:10px 0 9px; font-size:0.75rem;}
    .as_pop .fl,
    .as_pop .fr {width:100%;}
    .as_pop .fr {margin-bottom:20px;}
    .pop_close svg {width:40px !important; height:40px !important;}
}

@media (max-width:500px) {
    .sec1 .contBox ul li img {width:100%;}
    .sec1 .contBox ul li.as_arrow {margin: 12% 2.5% 0;}
}
/* BASIC css end */