/*sub*/

.sub_con{padding: 60px 0 80px;}
.sub_con.form{padding-top:0;}
.inner_full{width: 100%;}
.inner_fit{padding:0 20px;}

.sub_wrap {width: 100%; padding: 0 2rem; box-sizing: border-box; margin-bottom: 10vh; overflow-x: clip;}
.sub_tit {margin: 40px 0 50px; text-align: center;}
.sub_tit h5 {font-size: 5.000vw;}
.sub_tit h5::after {content: ""; display: block; width: 1px; height: 30px; background: #000; margin: 0 auto; margin-top: 20px;}

.btn_big {width: fit-content; display: block; margin: 0 auto; margin-top: 4vh; text-align: center;}
.btn_big p {color: #8c6f4f; font-size: 3.333vw; padding: 2vw 15vw; border: 1px solid #8c6f4f; border-radius: 20vw; width: max-content; white-space: nowrap}


/*tab*/
ul.type{width: 100%;margin-bottom:20px;}
ul.type li {float: left;width: 48%;font-size: .875rem;font-weight: 400;line-height: 2.25rem;text-align: center;color: #222f;border: 1px solid #dbdbdb;cursor: pointer;box-sizing: border-box;}
ul.type1 li{width:100%;}
ul.type3 li {width: 33.333%;}
ul.type:after {content: "";display: block;clear: both;}
ul.type li.active {color: #fff;background: #0b4e4f;}
.unit-tab {overflow: hidden;}
.vr-bottom-button {width: 90%;margin: 1rem auto;}
.vr-bottom-button .btn-link {float: none;display: block;width: 100%;line-height: 3rem;color: #fff;text-indent: 15px;background: #8b8075;position: relative;margin-bottom: .5rem;background-repeat:no-repeat;background-position:93% center;background-size:25px auto;}
.vr-bottom-button .btn-link:nth-child(3), .vr-bottom-button .btn-link:nth-child(4) {background-color: #666666;}
.vr-bottom-button .btn-link:nth-child(1){background: #624b40;}
.vr-bottom-button .btn-link:nth-child(2){background: #888888;}
.vr-bottom-button .btn-link:nth-child(3){background: #000000;}
.vr-bottom-button .btn-link:nth-child(4){}
.dp-tabs {width: 100%;margin: 0 auto;position: relative;}
.dp-tabs.ten li{width: 10%;white-space: nowrap;}
.dp-tabs.nine li{width: 11.11%;white-space: nowrap;}
.dp-tabs.seven li{width: 14.28%;white-space: nowrap;}
.dp-tabs.eight li{width: 12.25%;white-space: nowrap;}
.dp-tabs:after {content: '';display: block;clear: both;}
.dp-tabs li {float: left;display: block;width: 50%;font-size: .75rem;font-weight: 400;line-height: 2.2rem;text-align: center;color: #999;background: #eee;border: 1px solid #dbdbdb;cursor: pointer;border-left: 0;box-sizing: border-box;}
.dp-tabs.third li {width: 33.33%;}
.dp-tabs li.on {background: #fff;color: #015152;border-top: 1px solid #015152;}
.hidden {display: none;}
.div_cont {width: 100%;position: relative;padding-top: .7rem;margin: 1rem auto 0;}
.div_cont img{width:100%;}
.dp-infor-wrap p {float: none;font-size: 1rem;font-weight: 600;color: #555;line-height: 1.5rem;margin-top: 1rem;margin-right: 1rem;}
.dp-infor-wrap:after {content: "";display: block;height: 1px;border-bottom: 1px solid #eee;clear: both;padding-bottom: 1rem;margin-bottom: 2rem;}
ol.circle > li {display: inline-block;font-size: .75rem;counter-increment: item;margin-right: 0.5rem;}
ol.circle > li:before {margin-top: 1rem;margin-right: .25rem;content: counter(item);background: #015152;border-radius: .65rem;color: white;width: 1.3rem;text-align: center;font-size: .65rem;line-height: 1rem;display: inline-block;}
.tabsct{text-align:center;}

/* form */
.survey_bg {width: 90%;margin: 1rem auto; background: #ededed; border: 1px solid #e5e5e5; font-size: 3.5vw;}
.survey_wrap {width: 92%; margin:5vw auto; background: #fff; border: 1px solid #e5e5e5; border-radius: 1rem;}
.survey-form {width: 90%; margin: 3rem auto;}
.form input[type=radio] {width: 5vw;height: 5vw;border-color: #999;margin-right:2vw;}
.form input[type=checkbox] {width: 5vw;height: 5vw;border-color: #999;margin-right:2vw;}
.form input[type=text] {display:inline-block;width: 100%;border: 1px solid #999;vertical-align: top;border-color: #999;margin: -.15rem .5rem 0;font-size: 1rem;padding-left: .5rem;}
.qList_inner {margin:0 3vw 8vw 3vw;}OL.survey-form LI {margin-bottom: .5rem;}OL.survey-form LI UL LI {margin-bottom: .725rem;}
.q-title {margin: 0 0 1rem; font-weight: 400;}
.q-title .num {display: inline-block; background: #005151; color: #fff; border-radius: .25em; padding:1.2vw 3vw; margin-right:.5em;}
.q-title .tip {font-size:0.85em;padding-lefT:1vw;}
.add_input_wrap {display: inline-block; width: 60%; position: relative;}
.add_input_wrap.add_input_pl {display: block; width: 100%; padding: .5rem 0 .5rem .5rem; margin-top:.5rem; background: #f5f5f5;}
.add_input_wrap.add_input_pl input[type=radio] {width: 5vw;height: 5vw;border-color: #999;margin: 0 .25rem 0 .5rem;}
.add_input_wrap.add_input_pl LABEL {vertical-align: top; line-height: 1.6rem;}
.form .info_area input,
.form .info_area label,
.form .info_area select {vertical-align: middle;}
.form .info_area {width: 100%;border: 0px solid #c8c8c8;background: #f7f7f7;margin: 8vw auto;text-align: left;padding:2vw 0;}
.form .info_area h3, .content .information h3 {font-size: 4vw;height: 2rem;line-height: 2rem;letter-spacing: -0.05em;position: relative;color: #000;font-weight: 400;width:90%;margin: 1.5rem auto 0;}
.form .info_area h3::before,.content .information h3::before {content: "";display: block;width: 68px;height: 1px;position: absolute;top: -.5rem;left: 0;background: #2e3235;opacity: 0.5;}
.form .info_area .agreement {width: 90%;margin: 1rem auto;}
.form .info_area .agreement .agreement_inner {max-height: 170px;padding: 1.2rem;margin: 1rem auto;overflow-y: scroll;border: 1px solid #ccc;background: #fff;font-size: 12px;color: #6f6f6f;line-height: 25px;}
.form .info_area .agreement .agreement_inner p {margin-bottom: 1.5rem;}
.form .info_area .agreement .agreement_inner h4 {margin-bottom: 1.5rem;font-weight: 600;}
.form .info_area .agreement .agreement_inner .txt4 li {position: relative; font-size: 14px; font-weight: bold; letter-spacing: -1px; color: #25282a;}
.form .info_area .agreement .agreement_inner .txt4 li a {display: inline-block;margin-left: 5px;color: #005151;border-bottom: 1px solid #005151;}
/* .form .info_area .agreement .agreement_inner .txt4 li::before {content: "";display: block;width: 4px;height: 4px;position: absolute;top: 8px;left: 0;background: #333;} */
.form .info_area .agreement .agree_wrap {overflow: hidden;margin-bottom: 1rem;}
.form .info_area .agreement .agree_wrap .agree_txt {margin-bottom:2vw;}
.form .info_area .agreement .agree_wrap .agree_txt .txt1 {font-size: 4vw;}
.form .info_area .agreement .agree_wrap .input_area span {display: inline-block;margin-right: 20px;margin-bottom: 0;}
.form .info_area .agreement .agree_wrap .input_area input {margin-right: 1vw;margin-top: 2px;}
.form .info_area .agreement .agree_wrap .input_area label {font-size: 3.5vw;}
.form .infomation {width: 100%;background: #f7f7f7;margin: 0 auto;text-align: left;padding:  0 0 5vw 0;}
.form .infomation h3, .form .information h3 {font-size: 4vw;height: 2rem;line-height: 2rem;letter-spacing: -0.05em;position: relative;color: #000;font-weight: 400;width:90%;margin: 1.5rem auto;}
.form .infomation h3::before,.form .information h3::before {content: "";display: block;width: 68px;height: 1px;position: absolute;top: -.5rem;left: 0;background: #2e3235;opacity: 0.5;}
.form .infomation .desc {display: inline-block;font-size: 15px;margin-left:1rem;}
.form .infomation table	{width:90%; background: #fff; border-top: 1px solid #084f51; margin: 0 auto;}
.form .infomation table TD INPUT[type=radio] {margin-top: -7px;}
.form .infomation table tr {border-bottom: 1px solid #ccc;}
.form .infomation table th {background: #fafafa;vertical-align: middle;padding-left: 2vw;}
.form .infomation table th label {font-size: 3.5vw;color: #000;font-weight: 400;display: flex;align-items: center;width: 100%;}
.form .infomation table th label span {display: flex;color: #084f51;}
.form .infomation table td {padding: 1rem 0 1rem .5rem;text-align: left;color: #666;}
.form .infomation table td LABEL {vertical-align: top; font-size: .875rem;}
.form .infomation table td ul {overflow: hidden;}
.form .infomation table td ul li {float: left;margin-right: 3vw; margin-top: 2vw;}
.form .infomation table td ul li input {margin-right: 1vw;}
.form .infomation table td .name-input {width: 50vw;}
.form .infomation table td .num-input {width: 17vw;}
.form .infomation table td .add-input {width: 60vw;}
.form .infomation table td.phone span {display: inline-block;margin: 0 1vw;}
.form .infomation table td.address input {display: block;margin-right: 1vw;}
.form .infomation table td.address p {color: #333;font-weight: 400;font-size:3.2vw;}
.form .infomation table td.address .wrap {overflow: hidden;margin-bottom: .5rem;}
.form .infomation table td.address .wrap input {width: 30vw;}
.form .infomation table td.address .wrap input,
.form .infomation table td.address .wrap .btn-zip {float: left;}
.form .infomation table td.address .btn-zip {display: block;width: 25vw;height: 24px;line-height: 22px;font-size: 3.2vw;color: #084f51;border: 1px solid #084f51;text-align: center;}
.form .infomation table input[type=text] {padding: 0;border: 1px solid #999;background: none;box-sizing: border-box;vertical-align: middle;margin: 0;height: 26px;}
.form .infomation table select {width: 165px;border: 1px solid #999;background: none;height: 26px;box-sizing: border-box;font-size: 3.2vw;}
.form .infomation table .address select {margin-bottom: 2vw;}

.btn_area {width: 90%;max-width: 1200px;text-align: center;margin: 3rem auto 0;}
.btn_area .btnCommon {display: inline-block;width: 250px;height: 3rem;font-size: 1rem;line-height: 3rem;background-color: #005151;color: #fff;}

/*info_tbl*/
.info_tbl1{margin-top:20px;padding: 30px 10px;background-color:#f3f4f4;}
.info_tbl1 table{border-top: 1px solid #015152;border-bottom: 1px solid #015152;width:100%;font-family:'Noto Sans KR';}
.info_tbl1 table th{background-color: #faf8f9;color: #897d70;font-weight:400;font-size:13px;padding:10px 0;border-bottom: 1px solid #dedede;text-align:center;}
.info_tbl1 table td{color: #555;font-size:12px;padding:10px 0;border-bottom: 1px solid #dedede;font-weight:500;padding-left:15px;text-align:left;background-color:#fff;}
.info_tbl1 table tr:last-child th,
.info_tbl1 table tr:last-child td{border-bottom:none;}
.info_tbl2{margin-top:30px;border-top: 1px solid #015152;}
.info_tbl2 table{width:100%;font-family:'Noto Sans KR';}
.info_tbl2 table th{text-align:center;background: #eee;border: 1px solid #c8c8c8;border-top:none;padding:10px 0;font-size:12px;}
.info_tbl2 table th:last-child{border-right:none;}
.info_tbl2 table th:first-child{border-left:none;}
.info_tbl2 table td{text-align:center;border: 1px solid #c8c8c8;padding:10px 0;font-size:12px;}
.info_tbl2 table td:last-child{border-right:none;}
.info_tbl2 table td:first-child{border-left:none;}


/*brand*/
.brand{position:relative;height:100%;background-color:#cebeb1;display:flex;align-items:center;justify-content:center;text-align:center;}
.brand_wrap{position:relative;width:100%;padding-bottom: 60px;}
.brand-tit1{position:absolute;left:0;top:60px;padding: 0 45px;opacity:0.4;}
.brand-tit2{width:50%;margin:0 auto;padding-bottom: 25px;}
.brand-slide1{width:75%;padding-bottom:20px;}
.brand-slide2{width: 175px;margin:0 auto;height:120px;cursor: grab;overflow:hidden;padding-top:40px;box-sizing: border-box;}
.brand-slide2 .swiper-container{height:40px;overflow: visible;}
.brand-slide2 p{color:#fff;font-size:25px;font-weight:600;display:flex;justify-content:space-between;}
.brand-slide2 .swiper-slide-active p{color:#015152;}
.brand-slide3{width:100%;padding:0 30px;position:absolute;bottom:65px;left:0;opacity:0.8;box-sizing:border-box;}

.sub #fullpage .tit{opacity:0;transition:0.6s;text-align:center; margin-top: 20vw;}
.sub #fullpage .tit .txt1{color:#fff;font-weight:600;font-size:28px;line-height: 1em;margin-bottom:5px;}
.sub #fullpage .tit .txt2{color:#fff;font-weight:600;font-size:18px;line-height:28px;}
.sub #fullpage .tit .txt3{color:#fff;font-weight:400;font-size:11px;line-height: 1em;margin-top:5px;}
.sub #fullpage .tit .txt3 strong{font-weight:600;}
.sub #fullpage .tit .txt4{font-size:18px;color:rgba(255,255,255,0.2);font-family: 'Cinzel';font-weight:600;font-style:italic;line-height: 1em;margin-bottom:5px;}
.sub #fullpage .tit .txt5{color:#fff;font-size:14px;padding-right:30px;background:url(../../web/img/video-icon.png) no-repeat right 3px center;line-height:1;display: inline-block;}
.sub #fullpage .tit .txt6{color:#fff;font-size:18px;line-height:1;margin-top:10px;}
.sub #fullpage .tit .txt6 strong{font-weight:600;}
.sub #fullpage .com .tit{opacity:1;}

.sub #section1{background-color:#074f51;}
.sub #section1::before{content:"";position:absolute;right:-50%;top:0;height:100%;width:50%;background-color:#20565a;z-index:0;transition:1s;}
.sec1{position:relative;z-index:1;}
.sec1_sd{width:85%;margin:0 auto;margin-top:40px;position:relative;}
.sec1_sd1{width:90%;margin:0 auto;opacity:0;transition:0.6s;transition-delay:0.3s;transform:translate(0,100px);}
.sec1_sd1 .swiper-container{height:100%;}
.sec1_sd1 .sec1_line{content:"";position:absolute;left:0;top:0;width:0;height:calc(100% - 10px);background:url(../../web/img/sec1-line.png) no-repeat left center;background-size:contain;z-index:10;transition:1s;transition-delay:0.5s;}
.sec1_sd1 .sec1_box{overflow:hidden;position: relative;}
.sec1_sd1 .sec1_img{padding: 10px 0 0 10px;}
.sec1_sd2{width: 100%;box-sizing: border-box;opacity:0;transition:0.8s;transition-delay:0.5s;margin-top:20px;padding-left:15%;}
.sec1_sd2 dl{text-align:left;display:inline-block;}
.sec1_sd2 dl dt{color:#fff;font-size:25px;font-weight:600;line-height:33px;margin-bottom:10px;}
.sec1_sd2 dl dd{color:#fff;font-size:12px;font-weight:300;line-height:18px;}
#section1.com::before{right:40%;}
.com .sec1_sd1{opacity:1;transform:translate(0,0);}
.com .sec1_sd1 .sec1_line{width:100%;}
.com .sec1_sd2{opacity:1;right:0;}

.sub #section2{background-color:#cebeb1;}
.sec2_area{position:relative;padding: 50px 13%;}
.sec2_box{position:absolute;z-index:1;}
.sec2_box1{top:-8%;left:0;}
.sec2_box2{bottom:-8%;right:0;}
.sec2_bg{background-repeat:no-repeat;background-position:center bottom;background-size:cover;width:83px;height:146px;opacity:0;transition:0.6s;-webkit-mask-image: url(../../web/img/sec2-mask.png);-webkit-mask-repeat: no-repeat;-webkit-mask-position: 0% 0%;-webkit-mask-size: 83px 130px;}
.sec2_bg1{background-image:url(../../web/img/sec2-bg1.png);transition-delay:0.7s;}
.sec2_bg2{background-image:url(../../web/img/sec2-bg2.png);transition-delay:0.9s;}
.sec2_line{content:"";position:absolute;z-index:-1;width:83px;height:131px;background:url(../../web/img/sec2-line.png) no-repeat center;background-size:cover;opacity:0;transition:0.5s;transition-delay:1.1s;}
.sec2_box1 .sec2_line,
.sec2_box2 .sec2_line{left:0px;top:15px;}
.sec2_sd{position:relative;width:100%;margin:0 auto;padding-bottom:122%;background:url(../../web/img/sec2-sd-bg.png) no-repeat center;background-size:contain;opacity:0;transition:0.6s;transition-delay:0.3s;}
.sec2_sd .swiper-container{z-index: 5;width:100%;height:100%;position:absolute;left:0;top:0;}
.sec2_sd .swiper-slide{display:flex;align-items:center;justify-content:center;}
.sec2_sd .sec2_txt{width:100%;text-align:center;}
.sec2_sd .sec2_txt p{overflow:hidden;}
.sec2_sd .sec2_txt p ~ p{margin-top:12px;}
.sec2_sd .sec2_txt p span{line-height:1;display:block;color:#fff;font-size:13px;}
.sec2_sd .sec2_txt p span em{width:70%;margin:0 auto;display: block;margin-top:10px;}
.sec2_sd .sd2_pagination{position:absolute;left:0;bottom:25px;color:#fff;font-weight:600;font-size:16px;text-align: center;}
.sec2_sd .sec2_cir{position:absolute;top:0;left:-10%;z-index: 1;width:120%;height:100%;opacity:0;transform: rotate(-45deg) scale(0.5);transition:0.8s;transition-delay:0.8s;}
.sec2_sd .cir_line{position: absolute;top: 5px;left: 5px;z-index: 1;width: calc(100% - 10px);height: calc(100% - 10px);border:1px solid #fff;border-radius: 50%;transform: skew(-13deg, -16deg);animation: cir_ball 6s infinite;animation-timing-function: cubic-bezier(1,1,1,1);}
.sec2_sd .cir_line::before{content:"";position:absolute;top:-7px;right:calc(50% - 7px);width:13px;height:13px;border-radius:50%;background-color:#fff;}
.sec2_sd .cir_line::after{content:"";position:absolute;bottom:-7px;left:calc(50% - 7px);width:13px;height:13px;border-radius:50%;background-color:#fff;}
@keyframes cir_ball {
    0% {transform: skew(-13deg, -16deg) rotate(0deg);}
	50% {transform: skew(-13deg, -16deg) rotate(90deg);}
    100% {transform: skew(-13deg, -16deg) rotate(180deg);}
}
.com .sec2_sd{opacity:1;}
.com .sec2_bg{-webkit-mask-position: 0% 100%;opacity:1;}
.com .sec2_box1 .sec2_line{opacity:1;left:-5px;top:20px;}
.com .sec2_box2 .sec2_line{opacity:1;left:5px;top:10px;}
.com .sec2_sd .sec2_cir{transform: rotate(0deg) scale(1);opacity:1;}

.sub #section3{background:url(../../web/img/section3-bg.jpg) no-repeat center;background-size:cover;}
.sec3_sd{width:100%;margin-top:50px;opacity:0;transform:scale(0.7);transition:1s;transition-delay:0.3s;}
.sec3_sd .swiper-container{overflow:visible;}
.sec3_sd .swiper-slide{opacity:0.6;transform:scale(0.8);transition:0.4s;}
.sec3_sd .swiper-slide-active{opacity:1;transform:scale(1);}
.sec3_sd dl{background-color:#057174;text-align:center;padding: 30px 0;border:1px solid #679091;border-top:none;}
.sec3_sd dl dt{color:#fff;font-size:18px;font-weight:600;line-height:1;margin-bottom:15px;}
.sec3_sd dl dd{color:#fff;font-size:12px;font-weight:300;line-height:18px;}
.com .sec3_sd{opacity:1;transform:scale(1);}

.sec4_bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;}
.sec4_bg > div{position:relative;width:100%;height:100%;}
.sec4_bg .bg{position:absolute;left:0;top:0;width:0;height:100%;background:url(../../web/img/sec4-bg1.jpg) no-repeat center;background-size:cover;transition:0.8s;}
.sec4_bg .over{background-color:rgba(0,0,0,0.7);position:absolute;left:0;top:0;width:100%;height:100%;}
.sec4 .vd_area{margin-top:40px;}
.sec4 .vd_area ul{max-width:40%;margin: 0 auto;}
.sec4 .vd_area ul li{overflow:hidden;}
.sec4 .vd_area ul li ~ li{margin-top:20px;}
.sec4 .vd_area ul li a{display:block;transform:translate(0,110%);transition:0.8s;transition-delay:0.5s;}
.com .sec4_bg .bg{width:100%;}
.com .sec4 .vd_area ul li a{transform:translate(0,0);}

/*direction*/
.direction .top{background-color:#f3f4f4;margin-bottom:20px;padding:30px 20px;text-align:center;}
.direction .top .txt{margin-bottom:20px;}
.direction .top .txt span{font-size:14px;display:block;color:#666;margin-bottom:15px;}
.direction .top .txt p{color:#015152;font-size:14px;text-align:left;display:inline-block;line-height: 1.6em;}
.direction .top .txt p strong{font-weight:600;}
.direction .top .btn a{display:block;background-color:#015152;width:55%;margin:0 auto;color:#fff;font-size:14px;line-height: 45px;text-align:left;padding-left: 5%;box-sizing: border-box;}
.direction .top .btn a ~ a{margin-top:10px;}
.direction .top .btn a em{padding-left:20px;background:url(../../web/img/naver.png) no-repeat left center;background-size: 12px auto;}
.direction .mid{width: 100%; margin-bottom:50px;}
.direction .mid .direction_con {width: 100%; margin-top: 20px;}
.direction .mid .direction_con img {width: 100%;}
.direction .mid .direction_con .direction_btn_wrap {width: 100%; margin-top: 20px; display: flex; justify-content: space-between;}
.direction .mid .direction_con .direction_btn_wrap a {width: 36%; padding:1px 20px; text-align: left; border: 1px solid #595959;}
.direction .mid .direction_con .direction_btn_wrap a span { color: #595959; font-size: 2.5vw; font-weight: 400; display: flex; justify-content: space-between; align-items: center;}
.direction .mid .direction_con .direction_btn_wrap a span b {font-size: 25px; color: #004845;}

.direction .bot{background-color:#897d70;margin-top:30px;padding: 30px 0;text-align:center;}
.direction .bot ul li ~ li{margin-top:8px;}
.direction .bot ul li .txt1,
.direction .bot ul li .txt2{line-height:1;}
.direction .bot ul li .txt1 span{color:#fff;font-weight: 300;font-size:12px;}
.direction .bot ul li .txt1 strong{color:#fff;font-weight:600;font-family: 'Jost';font-size:34px;}
.direction .bot ul li .txt2 span{color:#fff;font-weight: 300;font-size:12px;}
.direction .bot ul li .txt2 strong{color:#fff;font-weight: 600;font-size:12px;}
.direction .bot ul li .txt3{max-width:30%;margin:0 auto;}

/*location*/
.location{text-align:center;}
.location .tit{color: #015152;font-family: 'Cinzel';font-weight: 600;font-size:32px;padding: 35px 0;}
.location ul{display:flex;flex-wrap:wrap;}
.location ul li{width:50%;}
.location ul li:nth-child(n + 3){margin-top:80px;}
.location dl dt{margin-bottom:20px;}
.location dl dt > img{max-width:70%;margin:0 auto;}
.location dl dt span{display:block;margin-top:20px;}
.location dl dt span img{height:130px;}
.location dl dd p{color: #897d70;font-size: 13px;line-height: 18px;margin-bottom:5px;}
.location dl dd strong{display: block;font-weight: 600;color: #015152;font-size: 18px;line-height: 24px;}

/*premium*/
.premium{background-color:#cebeb1;padding: 50px 0 150px;position:relative;z-index: 1;overflow: hidden;}
.premium ul li{position:relative;z-index: 1;}
.premium ul li ~ li{margin-top:100px;}
.premium ul li dl{padding: 0 20px;;text-align:left;opacity:0;transform:translate(100px,0);transition:0.6s;transition-delay:0.3s}
.premium ul li.premium1 dl{transition-delay:0.6s}
.premium ul li dl dt strong{color:#897d70;font-size:45px;font-weight:600;font-family: 'Cinzel';display:block;line-height: 1;border-bottom:1px solid #015152;padding-bottom:5px;}
.premium ul li dl dt p{color:#897d70;font-size:18px;font-weight:400;font-family: 'Cinzel';display:block;line-height: 1;padding-top:20px;}
.premium ul li dl dt p span{font-weight:600;}
.premium ul li dl dd{margin-top:30px;}
.premium ul li dl dd span{display:block;color:#015152;font-size:16px;font-weight:400;line-height:1;}
.premium ul li dl dd strong{display:block;color:#015152;font-size:28px;font-weight:600;margin-top:10px;line-height:1;}
.premium ul li dl dd p{color:#000;font-size:13px;line-height:18px;margin-top:25px;}
.premium ul li dl dd p em{font-size:10px;}
.premium ul li .premium_img{position:relative;}
.premium ul li .premium_img img{opacity:0;transition:0.6s}
.premium ul li.premium1 .premium_img  img{transition-delay:0.3s;}
.premium .premium-path{position:absolute;z-index:-1;opacity:0;transition:0.5s;transition-delay:0.3s}
.premium .premium-path1{width:48%;padding-bottom:48%;right:10px;top:0;transition-delay:0.6s;margin-top:50px;}
.premium .premium-path1 > div{width:100%;height:100%;position:absolute;left:0;top:0;}
.premium .premium-path1 > div > span{position:absolute;left:0;top:0;}
.premium .premium-path1 > div > span:nth-child(1){animation: rott1 10s infinite;animation-timing-function: cubic-bezier( 1,1,1,1 );}
.premium .premium-path1 > div > span:nth-child(2){animation: rott2 8s infinite;animation-timing-function: cubic-bezier( 1,1,1,1 );}
.premium .premium-path1 > div > span:nth-child(3){animation: rott1 6s infinite;animation-timing-function: cubic-bezier( 1,1,1,1 );}
.premium .premium-path1 > div > span:nth-child(4){animation: rott2 5s infinite;animation-timing-function: cubic-bezier( 1,1,1,1 );}
.premium .premium-path2{width:60%;animation: rott1 20s infinite;animation-timing-function: cubic-bezier( 1,1,1,1 );left:10px;top:-30px;margin-top:50px;}
.premium .premium-path3{right:0;bottom:9%;width:0;height:0;background:url(../../web/img/premium-path3.png) no-repeat left bottom;background-size:contain;}
.premium .premium-path4{left:25px;top:-50px;width:55%;transform:rotate(-180deg) scale(0);}
.premium .premium-path4 .ball1{position:absolute;width:40px;height:40px;top:20px;right:-80px;background-color:rgba(255,255,255,0.2);border-radius:50%;}
.premium .premium-path4 .ball2{position:absolute;width:20px;height:20px;bottom:-380px;right: -120px;background-color:rgba(255,255,255,0.2);border-radius:50%;}
@keyframes rott1 {
    0% {transform:rotate(0deg)}
    100% {transform:rotate(360deg)}
}
@keyframes rott2 {
    0% {transform:rotate(0deg)}
    100% {transform:rotate(-360deg)}
}
.premium-line{position:absolute;top:6%;left:25%;width:50%;height:0px;background:url(../img/premium-line.png) no-repeat center top;background-size:100% auto;z-index:-1;transition:1s;}
.premium.on1 .premium-line{height:12%;}
.premium.on2 .premium-line{height:27%;}
.premium .on .premium_img img{opacity:1;}
.premium .premium1.on dl,
.premium .premium2.on dl,
.premium .premium3.on dl,
.premium .premium4.on dl{opacity:1;transform:translate(0,0);}
.premium .on .premium-path1,
.premium .on .premium-path2,
.premium .on .premium-path3,
.premium .on .premium-path4{opacity:1;margin-top:0;transform:rotate(0)}
.premium .on .premium-path3{width:60%;padding-bottom:60%;}

/*system*/
.sub_con H2.page-title-sub{font-size: 1.5rem;font-weight: 600;color: #000;line-height: 1.5em;letter-spacing: -.05em;text-align: center;margin: 0 auto 1rem;}
.sub_con P.page-sub-descript-sub{margin: 0 auto;font-size: .75rem;color: #999;line-height: 1.5em;letter-spacing: -.05em;text-align: center;margin-bottom: 2rem;padding:0 20px;}
.system .cont_tit{width:100%; padding:0 25px; box-sizing:border-box;}
.system .tab_wrap{margin-bottom:40px;}
.system .premium_cont{padding:25px 0;}
.system .premium_tab1 .right_text, .system .premium_tab1 .left_text{padding:43px 20px;}
.system .premium_tab1 .right_img,
.system .premium_tab1 .left_text,
.system .premium_tab1 .right_text{width:50%;}
.system .premium_tab1 .right_text,
.system .premium_tab1 .left_text{padding:60px 20px; box-sizing:border-box;}
.system .premium_tab1 .top_text h4{font-size:30px; margin-bottom:25px; padding-bottom:25px;}
.system .premium_tab1 .top_text h4 span{font-size:20px;}
.system .premium_tab1 dl dt{margin-bottom:10px;}
.system .premium_tab1 dl dd{font-size:14px;}
.system .cont_box.dual .cont .cont_txt{padding:0 40px;}
.system .cont_box.dual .cont_txt h4{font-size:26px; margin-bottom:15px;}
.system .cont_box.dual .cont_txt p,
.system .cont_box.dual .cont_txt li{font-size:14px;}
.system .desc_area{margin:80px 25px 0;}

.ori{border: 1px solid #eee; padding: 1rem;width:90%;margin:0 auto;margin-top:20px;box-sizing:border-box;}
.ori li{font-size: .695rem;letter-spacing: -0.045em;color: #a3a3a3;line-height: 1.5em;margin-bottom: 5px;position: relative;margin-left: 0.5rem;}
.ori li span{position:absolute;left: -15px;}

.information {margin:50px 0 0;background-color:#f5f5f5;padding: 20px;}
.information LI {font-size: 11px; letter-spacing: -0.045em; color: #999; line-height: 1.5em; margin-bottom: 10px; position:relative; margin-left:1rem; text-align: left;}
.information LI:before {content: "※"; display: block; position:absolute; top:0; left: -1rem;}

/*webtoon_sd*/
.webtoon_sd{padding:0 50px;position:relative;}
.webtooon_pagination{margin-top:10px;}
.webtooon_pagination span{margin:0 5px;}
.webtoon_sd .arr{width: 40px;height: 40px;border: 1px solid #aaa;border-radius: 50%;z-index: 10;position: absolute;top: 50%;margin-top:-20px;cursor:pointer;background-color:#fff;}
.webtoon_sd .arr::before{content: "";width: 12px;height: 12px;transform: rotate(45deg);position: absolute;top: 14px;}
.webtoon_sd .arr.prev::before{border-bottom: 1px solid #000;border-left: 1px solid #000;left: 16px;}
.webtoon_sd .arr.next::before{border-top: 1px solid #000;border-right: 1px solid #000;right: 16px;}
.webtoon_sd .arr.prev{left: 5px;}
.webtoon_sd .arr.next{right: 5px;}

/* NEWS */
.news-head-wrap {width: 100%; height:100vw; background: URL(../img/news_head_back.jpg) no-repeat 50% 50%; background-size:cover;margin: 0 auto; overflow: hidden; position: relative;}
.news-head-wrap:after {content: ""; display: block; clear: both;}
.news-head-wrap DIV.slider {position: relative;}
.news-head-wrap DIV.slider DIV {outline: none;}
.news-head-wrap ARTICLE {width: 1030px; height:638px; background: URL(../img/news_head_article_bg.png) no-repeat 50% 50%; padding: 69px 77px; margin: 50px auto 0;}
.news-head-wrap ARTICLE .header {width: 880px; height: 60px; margin: 0 auto 50px; border-bottom: 1px  solid #dedbd8;}
.news-head-wrap ARTICLE .header P {font-size: 20px; font-weight: 600; color: #8b8075; letter-spacing: -.025em; line-height: 60px;}
.news-head-wrap ARTICLE .header A {display: block; font-size: 14px; color: #999; float: right;}
.news-head-wrap ARTICLE .title {width: 380px; height: 422px; float: left;}
.news-head-wrap ARTICLE .title H2 {font-size: 40px; color: #000; line-height: 54px; letter-spacing: -.05em;}
.news-head-wrap ARTICLE .title P {font-size:17px; color: #888888; margin-top: 35px;}
.news-head-wrap ARTICLE .content {width: 442px; height: 362px; float: right; font-size:17px; color: #888888; line-height: 33px; letter-spacing:-.025em; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 11; -webkit-box-orient: vertical; word-wrap:break-word;}

.slick-slide{opacity: .5;margin:0 30px;}
.slick-center{opacity:1; z-index: 999;}
.slick-active{opacity:1; z-index: 999;}
.sm_arrows{position:absolute;top:45%;left:50%;width:1200px;margin:0 0 0 -600px;z-index:99;}
.sm_arrows .sm_next{float:right;cursor:pointer;}
.sm_arrows .sm_prev{float:left;cursor:pointer;}

.press_list{padding:0 15px;}
.press_list:after {content: ""; display: block; clear: both;}
.press_list UL {margin: 0 auto;}
.press_list UL LI {float: left; width: 48%; text-align: center; margin: 0 1% 2%; border:  1px solid #ccc; padding: 1.5%; box-sizing: border-box;}
.press_list UL LI H3 {font-size: 14px; font-weight: 400; color: #003c3d; line-height: 2em; text-align: center; padding: 0 0 .25em 0; border-bottom: 1px solid  #ddd;}
.press_list UL LI DIV {height: 42px; font-size: 13px; color: #5c5e5c; line-height: 1.65em; text-align: center; padding: 0; margin: 1em 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.press_list UL LI P {font-size: 13px; color: #5c5e5c; line-height: 1.85em; text-align: center; padding: .5em 0 0; border-top: 1px solid  #ddd;}

.page {text-align: center; margin: 1rem auto;}
.page LI {display : inline-block;}
.page LI A {display: block; font-size: 14px; color: #535353; line-height: 100%; padding: .8em;}
.page LI A.block {border: 1px solid #c8c8c8; box-sizing: border-box;}
.page LI A.selected {background: #c0c0c0; color: #fff;}

/*vr*/
.vr {overflow: hidden;position: relative;width: 100%;padding-top: 56.25%;background-color: #000;}
.vr iframe {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.special_tab{margin-bottom:30px;text-align:center;}
.special_tab ul{display:flex;}
.special_tab ul li{background-color:#ddd;font-size:1rem;color:#000;line-height:45px;cursor:pointer;}
.special_tab ul li.on{color:#fff;background-color:#015152;}
.special_tab.tab2 ul li{width:50%;}
.special li{display:none;position:relative;    z-index: 1;}
.special li.on{display:block;}

.location_tab{margin-bottom:30px;text-align:center;}
.location_tab ul{display:flex; flex-wrap: wrap; justify-content: space-between;}
.location_tab ul li{background-color:#ddd;font-size:1rem;color:#000;line-height:15px;cursor:pointer; padding: 5px; display: flex; align-items: center; justify-content: center; margin-top: 0.5%;}
.location_tab ul li.on{color:#fff;background-color:#015152;}
.location_tab.tab2 ul li{width:47%;}
.location_tab_b li{display:none;position:relative;    z-index: 1;}
.location_tab_b li.on{display:block;}
.location_tab_b li .location_tab_b_3 {width: 100%; overflow: scroll;}
.location_tab_b li .location_tab_b_3 img {width: auto; max-width: 600px;}


	/* location_1 */
	/* .location_1 {padding: 150px 0;} */
	.location_1 .tit{color: #015152;font-family: 'Cinzel';font-weight: 600;font-size:32px;padding: 35px 0; text-align: center; margin-top: 50px;}
	.location_1 .inner_fit {position: relative; padding: 50px 0;}
	.location_1 .inner_fit ul {width: 100%; display: flex; flex-wrap: nowrap; flex-direction: column;}
	.location_1 .inner_fit ul li {width:100%; margin-bottom: 50px;}
	.location_1 .inner_fit ul li img {width: 100%;}

	.location_1 .inner_fit ul li dl {text-align: left; margin-top: 15px;}
	.location_1 .inner_fit ul li dl dt {padding: 10px 0; border-bottom: 1px solid #dddd;}
	.location_1 .inner_fit ul li dl dt span {font-size: min(2.7vw, 20px); color: #000; font-weight: bold;}
	.location_1 .inner_fit ul li dl dd {padding: 10px 0;}
	.location_1 .inner_fit ul li dl dd span {font-family: 'Noto Sans'; font-size: min(4vw, 24px);; color: #004E50; font-weight: 400;}
	.location_1 .inner_fit ul li dl dd strong {font-family: 'Noto Sans'; font-size: min(5vw, 35px);; color: #004E50; font-weight: bold; line-height: 30px;}
	.location_1 .inner_fit ul li dl dd p {font-family: 'Noto Sans'; font-size: min(3vw, 18px);; color: #000; font-weight: 400; line-height: 15px; margin-top: 10px;}



	/******************************************
	보도자료
******************************************/
.news_list_type ul {display: flex; justify-content: space-between; align-items: center;}
.news_list_type ul li {width:32%; height: 320px; margin-bottom:2.5rem; border: 1px solid #bbb; background:#fff; text-align: left; box-shadow: none; transition: box-shadow .4s;}
.news_list_type ul li:hover {box-shadow: 8px 13px 15px 0px rgba(0,0,0,0.1); transition: box-shadow .4s;}
.news_list_type ul li a {display:block; width:81%; height:76%; padding:3rem; font-size:1rem; color:#000;}
.news_list_type ul li a .news_con {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}
.news_list_type ul li .new {background-color: #7D7367; font-size: 10px; font-weight: bold; color: #fff; width: 45px; height: 20px; position: static; float: left; display:flex; align-items: center; justify-content: center;}

/* .news_list_type ul li:hover a { background: #eee; } */
.news_list_type ul li a .news_con span {display:block; font-family: 'Noto Sans'; color:#074f51; font-size:17px; margin-bottom:1rem; font-weight: bold; word-break:break-all; white-space: normal;}
.news_list_type ul li a .news_con dl {height: 60px; margin-top: -35px;}
.news_list_type ul li a .news_con dl dt {word-break:break-all; white-space: normal; line-height: 25px; font-size:18px; font-family: 'Noto Sans'; font-weight:bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_list_type ul li a .news_con dl dd {margin:1rem 0; font-family: 'Noto Sans';overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.news_list_type ul li a .news_con .news_content {width: 100%; height: 80px; overflow: hidden; margin-top: -30px;}
.news_list_type ul li a .news_con .news_content h4 {font-size: 15px; line-height: 28px; color: #000; font-weight: 500; word-break:break-all; white-space: normal;}
.news_list_type ul li a .news_con .news_b {width: 100%; display: flex; justify-content: space-between; align-items: center;}
.news_list_type ul li a .news_con .news_b .date {color: #000; font-family: 'Noto Sans'; margin:0; font-size: 14px; font-weight: bold;}
.news_list_type ul li a .news_con .news_b h3 {font-size: 14px; font-family: 'Noto Sans'; color: #000; font-weight: bold;}

.paging_wrap {display:flex; width:100%; justify-content: center; margin:3.5rem 0;}
.paging_wrap a {display:inline-flex; margin:0 0.5rem; font-size:0.9rem; font-family: "Montserrat"; width:1.8rem; height:1.8rem; border-radius: 100%; justify-content: center; align-items: center; font-weight:500;}
.paging_wrap a.current {background:#000; color:#fff;}


@media screen and (max-width: 1024px) {
  .news_list_type ul {flex-direction: column;}
	.news_list_type ul li {width: 100%;}
	.news_list_type ul li a { padding: 3rem; width: 79%; }
	.news_list_type ul li a span {font-size: 13px;}
	.news_list_type ul li a dl dt { line-height: 1.8rem;}
	.news_list_type ul li .new {left:85.5%;}
}

@media screen and (max-width: 480px) {
  .news_list_type ul {grid-template-columns: repeat(1, 1fr); gap:0;}
  .news_list_type ul li a dl dt { font-size:1.1rem; }
  .news_list_type ul li a span { margin-bottom: 0.5rem;}
  .news_list_type ul li a span.date { margin-top: 1rem;}
}


/* 서브 타이틀 */
.tit_box_serif {margin-bottom: 50px; text-align: center;}
.tit_box_serif h5 {font-family: "Noto Serif KR", serif; color: #4d555a; font-size: 4vw; line-height: 6vw; font-weight: 600;}
.tit_box_serif h4 {font-family: "Noto Serif KR", serif; color: #8c6f4f; font-size: 5.5vw; line-height: 7vw; font-weight: 600; word-break: keep-all;}
.tit_box_serif p {font-family: 'URWClassico', sans-serif; font-size: 30px; color: #8c6f4f; margin-top: 50px; text-transform: uppercase; line-height: 33px;}

/* 모집공고 */
.gonggo_wrap {display: flex; flex-direction: column; width: 100%;}
.gonggo_wrap > img {width: 100%;}
.gonggo_wrap > div {display: flex; flex-direction: column; align-items: center; background: url('/ht/2024/yangju/asset/img/gonggo_bg.jpg') no-repeat; background-size: cover; width: 100%; justify-content: center; padding: 15vw 0;}
.gonggo_wrap > div p {font-size: 4.33vw; color: #fff; font-weight: 700; line-height: 6vw; text-align: center;}
.gonggo_wrap > div img {margin-top: 6vw; width: 80%;}
.gonggo_wrap > div a {display: block; margin: 0 auto; margin-top: 15vw;}
.gonggo_wrap > div a p {font-size: 3.33vw; line-height: 5vw; color: #fff; padding: 4vw 9vw; border: 1px solid #fff;}

/* 단지설계 */
.danzi_plan .cont {margin-top: 20vw;}
.danzi_plan .cont > div {display: flex; flex-direction: row; gap: 23px;}
.danzi_plan .cont > div:nth-child(2) {justify-content: flex-end; margin: 15vw 0;}
.danzi_plan .cont > div h4 {font-family: 'URWClassico', sans-serif; font-style: italic; font-size: 12vw; line-height: 14vw; color: #cebeb1; font-weight: 400;}
.danzi_plan .cont > div div {text-align: left;}
.danzi_plan .cont > div div h5 {color: #074f51; font-size: 7vw; font-weight: 700; line-height: 9vw; font-family: "Noto Sans KR"; font-weight: 700; margin-bottom: 5vw;}
.danzi_plan .cont > div div ul li {display: flex; flex-direction: row; margin-bottom: 10px;}
.danzi_plan .cont > div div ul li::before {content: "·"; display: inline-block;}
.danzi_plan .cont > div div ul li p {font-family: "Noto Sans KR"; font-size: 3.33vw; line-height: 5vw; display: inline-block; margin-left: 5px; word-break: keep-all;}

/* 조경설계 */
.environment .cont {margin-top: 130px;}
.environment .cont > div {display: flex; flex-direction: column; gap: 28px;}
.environment .cont > div:nth-child(2) {justify-content: flex-end; margin: 100px 0;}
.environment .cont > div:nth-child(2) div {text-align: right;}
.environment .cont > div div {text-align: left;}
.environment .cont > div  div h5 {color: #074f51; font-size: 7vw; font-weight: 700; line-height: 48px; font-family: "Noto Sans KR"; font-weight: 700; margin-bottom: 3vw;}
.environment .cont > div div p {font-family: "Noto Sans KR"; font-size: 3.33vw; line-height: 6vw; display: inline-block; margin-left: 5px;}

/* 커뮤니티 */
.community .cont {display: grid; grid-template-columns: 1fr; row-gap: 47px; margin: 5vh 0;}
.community .cont > div {border-left: 4px solid #887d70; padding: 2px 0 0 15px; text-align: left; }
.community .cont > div p {font-family: "Noto Sans KR"; font-size: 3.33vw; font-weight: 400; color: #191919; line-height: 5vw; word-break: keep-all;}
.community .cont > div h5 {font-family: "Noto Sans KR"; font-size: 5vw; line-height: 7vw; font-weight: 800; color: #114e50; word-break: keep-all; margin-top: 10px;}

/* prus */
.prus {margin-bottom: 200px;}
.prus .prus_tit {display: flex; flex-direction: column; padding: 2rem; border: 1rem solid #eeece9;}
.prus .prus_tit div {width: 100%; display: flex; justify-content: center; align-items: center;}
.prus .prus_tit div img {width: 50vw;}
.prus .prus_tit p {width: 100%; font-size: 4vw; color: #4d555a; line-height: 6vw; letter-spacing: -0.01em; text-align: left; word-break: keep-all; margin-top: 30px;}
.prus .prus_tit p strong {color: #1a5053; font-weight: 800;}
.prus .prus_slogan {text-align: center; margin: 12vh 0 8vh;}
.prus .prus_slogan p {font-size: 4vw; font-weight: 400; color: #4d555a; line-height: 7vw;}
.prus .prus_slogan h5 {font-family: "Noto Serif KR", serif; font-size: 6vw; font-weight: 600; color: #4d555a;}
.prus .prus_slogan h5 strong {font-size: 8vw; font-weight: 600; color: #8c6f4f;}
.prus .prus_cont {display: grid; grid-template-columns: 1fr;}
.prus .prus_cont > div { text-align: left; display: flex; flex-direction: column; position: relative; margin-bottom: 50px;}
.prus .prus_cont > div h3 {font-family: 'URWClassico', sans-serif; font-size: 12vw; color: #cebeb1; font-style:italic; text-align: left; padding-bottom: 5px; border-bottom: 1px solid #cebeb1; font-weight: 300; margin-bottom: 5vw;}
.prus .prus_cont > div h4 {font-size: 6vw; font-weight: 800; color: #074f51; line-height: 8vw; margin-bottom: 5vw;}
.prus .prus_cont > div h5 {font-size: 3.33vw; line-height: 5vw; margin-bottom: 30px; line-height: 6vw;}
.prus .prus_cont > div p {font-size: 3vw; color: #59666e; letter-spacing: -0.001em; line-height: 5vw; margin-bottom: 10px;}
.prus .prus_cont > div span {font-size: 2vw; color: #59666e; letter-spacing: -0.001em; line-height: 5vw; text-align: right;display: block; position: absolute; bottom: -5vw; width: 100%; }

/* 시스템 */
.system .system_top {display: flex; flex-direction: column; gap: 5%;}
.system .system_top .system_tit {display: flex; flex-direction: column; border-top: 1px solid #acb0b2; border-bottom: 1px solid #acb0b2; justify-content: center; padding: 10vw 0; text-align: left; width: 100%;}
.system .system_top .system_tit h4 {font-family: "Noto Serif KR", serif; font-size: 4.5vw; line-height: 6vw; color: #4d555a; letter-spacing: -0.1em;}
.system .system_top .system_tit h5 {font-family: "Noto Serif KR", serif; font-size: 11vw; font-weight: 800; color: #1a5053; margin-bottom: 6vw;}
.system .system_top .system_tit p {font-size: 4vw; line-height: 7vw; color: #4d555a; letter-spacing: -0.05em; word-break: keep-all;}
.system .system_top .system_desc {text-align: left; margin-top: 10vw;}
.system .system_top .system_desc ul {display: flex; flex-direction: column; gap: 10px;}
.system .system_top .system_desc ul li p {font-size: 3vw; line-height: 4vw; color: #191919; position: relative; word-break: keep-all;}
.system .system_top .system_desc ul li p::before {content: "·"; display: block; position: absolute; left: -12px;}
.system .system_top .system_desc ul li p strong {font-weight: 800; color: #0e4e4f;}
.system .system_mid {padding: 60px 0 50px;}
.system .system_mid h3 {font-family: 'URWClassico', sans-serif; color: #d6d6d0; font-size: 7vw; text-align: center; font-weight: 400; margin-top: 7vw;}
.system .system_bottom {display: flex; flex-direction: column;}
.system .system_bottom > div {background: #eeeeec; width: 100%; margin-bottom: 25px;}
.system .system_bottom > div div {padding: 1.5rem; text-align: left;}
.system .system_bottom > div div h5 {font-size: 4.5vw; color: #1a5053; font-weight: 300; margin-bottom: 15px;}
.system .system_bottom > div div h5 strong {font-weight: 700;}
.system .system_bottom > div div p {font-size: 3.33vw; line-height: 5vw; color: #191919;}