@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Nanum+Pen+Script&display=swap');

.bg_main {
	display: block;
	width: 100%;
	background-image : url('/theme/IDEN_TN1/img/bg_main.jpg');
	background-repeat : no-repeat;
	/* background-size:cover; */
	background-position-x:50%;
	background-position-y:50%;
	min-height: 100vh;
	/* overflow: hidden; */
}

.gridbox {
    max-width: 1200px;
    margin: 0 auto;
    height: 100vh;
    display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(6, 1fr);
    /* justify-items: center;
    justify-content: center;
    align-items: center; */
}

.bg_con {
	grid-column-start: 1;
	grid-column-end: 4;
	grid-row-start: 3;
	grid-row-end: 6;
}

.bg_con h1 {
	color:#fff;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:6rem;
}
.bg_con h2 {
	color:#fff;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:4rem;
	position: relative;
}

.bg_con h2:after {
	position: absolute;
	content:'';
	width: 100%;
	height: 10px;
	background: #e36414;
	left: 0;
	bottom: 0;
}

.bg_con a {
    color: #fff;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2rem;
    margin-top: 5rem;
    display: inline-block;
    background: #e36414;
    padding: 1rem 3rem;
    border-radius: 50px;
    transition: 0.3s ease;
	border:3px solid #e36414;
	box-sizing:border-box;
	overflow: hidden;
	position: relative;
  }

  .bg_con a span {
	position: relative;
	text-align: center;
	transition:0.3s ease;	
	color:#fff;
	z-index: 8;

  }

  .bg_con a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0%;
	content:'';
	background: #000;
	transition:0.4s ease;
  }

  .bg_con a:hover span {
	color:#e36414;
  }

  .bg_con a:hover:after {
	height: 100%;
  }

  .title_s {
    font-size:2.5rem;
    font-weight:800;
    margin-bottom: 2rem;
    text-align: center;
    font-family: "Montserrat",'Pretendard Variable', sans-serif;
}

.rdrow {
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    gap:10px;
}
.rdrow>* {
    padding-right: 0;
    padding-left: 0;
}

.rdrow.rev {
    flex-direction:row-reverse;
}

.rdrow img {
    display: block;
    width: 100%;
}

.rdrow .col-md-6{
    width: calc(50% - 5px);
}

.rdrow .col-md-6:first-child {
    background: #f7f7f6;
    text-align: center;
    padding:4rem 3rem;
}

.rdrow .col-md-6 h4{
    font-size:2.2rem;
    font-weight:700;
    margin-bottom: 3rem;
}

.rdrow .col-md-6 p{
    font-size:1rem;
    font-weight:300;
    color:#333;
    word-break:keep-all;
}

.startbox {
    display: flex;
    justify-content:space-between;
}

.startbox .start {
    width: calc(33% - 10px);
    text-align: center;
    padding: 0 1rem;
}

.startbox .start img {
    display: block;
    width: 60%;
    margin: 20px auto;
}

.startbox .start h4 {
    font-size:1.6rem;
    font-weight:700;
    margin-bottom: 2rem;
}

.startbox .start p {
    font-size:1rem;
    line-height:1.6rem;
    word-break:keep-all;
    font-weight:300;
    color:#333;
}

.btn_assign {
    color: #fff;
    font-weight: 600;
    font-size: 2rem;
    margin-top: 5rem;
    display: inline-block;
    background: #e36414;
    padding: 1rem 3rem;
    border-radius: 50px;
    transition: 0.3s ease;
    border:3px solid #e36414;
    box-sizing:border-box;
    overflow: hidden;
    position: relative;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
}


.btn_assign span {
    position: relative;
    text-align: center;
    transition:0.3s ease;	
    color:#fff;
    z-index: 8;
}

.btn_assign:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    content:'';
    background: #000;
    transition:0.4s ease;
}

.btn_assign:hover span {
    color:#e36414;
}

.btn_assign:hover:after {
    height: 100%;
}

.startbox.startbox2 .start {
    padding-top:1.6rem;
    padding-bottom:1.6rem;
    background: #f7f7f6;
}

.darkgrey {
    background: #002731;
    padding: 6rem 0;
    color:#fff;
}

.reasonbox {
    width: 70%;
    margin: 5rem auto;
}

.reasonbox p {
    position: relative;
    font-size:1.2rem;
    line-height:3rem;

}



.bg_bottom {
	display: block;
	width: 100%;
	background-image : url('/theme/IDEN_TN1/img/bg_bottom.jpg');
	background-repeat : no-repeat;
	/* background-size:cover; */
	background-position-x:50%;
	background-position-y:50%;
	min-height: 100vh;
	/* overflow: hidden; */
}

.bg_bottom .gridbox {
    max-width: 1200px;
    margin: 0 auto;
    height: 100vh;
    display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(6, 1fr);
    /* justify-items: center;
    justify-content: center;
    align-items: center; */
}

.bg_con_bottom {
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 3;
	grid-row-end: 6;
}

.bg_con_bottom h1 {
	color:#fff;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:6rem;
	position: relative;
}
.bg_con_bottom h1:after {
	position: absolute;
	content:'';
	width: 100%;
	height: 10px;
	background: #e36414;
	left: 0;
	bottom: 0;
}
.bg_con_bottom h2 {
	color:#fff;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:4rem;
	position: relative;
}



.bg_con_bottom a {
    color: #fff;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2rem;
    margin-top: 5rem;
    display: inline-block;
    background: #e36414;
    padding: 1rem 3rem;
    border-radius: 50px;
    transition: 0.3s ease;
	border:3px solid #e36414;
	box-sizing:border-box;
	overflow: hidden;
	position: relative;
  }

  .bg_con_bottom a span {
	position: relative;
	text-align: center;
	transition:0.3s ease;	
	color:#fff;
	z-index: 8;

  }

  .bg_con_bottom a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0%;
	content:'';
	background: #000;
	transition:0.4s ease;
  }

  .bg_con_bottom a:hover span {
	color:#e36414;
  }

  .bg_con_bottom a:hover:after {
	height: 100%;
  }

  
@media screen and (max-width:767px) {
	.bg_main {

	}
	.gridbox {
		padding:0 20px;
	}
	.bg_con {
		grid-column-end: 6;
	}

	.bg_con h1 {
		font-size:4rem;
	}
	.bg_con h2 {
		font-size:3rem;
	}
	.bg_con h2:after {
		width: 70%;
	}

	.title_s {
		font-size: 2rem;
	}

	.rdrow .col-md-6 {
		width: 100%;
	}

	.reasonbox {
		width: calc(100% - 40px);
	}

	.bg_con_bottom {
		grid-column-end : 6;
	}

	.rdrow .col-md-6 h4 {
		font-size:1.8rem;
	}
	.bg_con_bottom h1 {
		font-size:4.5rem;
	}
	.bg_con_bottom h2 {
		font-size: 3.5rem;
	}
  }

  @media screen and (max-width:550px) {
	.bg_con {
		grid-column-end: 7;
	}
	.bg_con h1 {
		font-size: 3rem;
	}

	.bg_con h2 {
		font-size:2rem;
	}
	.bg_con h2:after {
		width: 100%;
		bottom: -10px;
	}

	.bg_con a {
		font-size: 1.5rem;
	}

	.title_s {
		font-size: 1.5rem;
		word-break:keep-all;
	}

	.rdrow .col-md-6:first-child {
		padding: 2rem 1rem;
	}

	.rdrow .col-md-6 h4 {
		font-size: 1.4rem;
	}

	.rdrow .col-md-6 p {
		font-size: 0.9rem;
	}

	.startbox {
		flex-direction: column;
	}
	.startbox .start {
		width: 100%;
	}

	.startbox .start h4 {
		font-size: 1.2rem;
	}
	.startbox .start p {
		font-size: 0.9rem;
	}

	.btn_assign {
		font-size: 1rem;
	}
	.reasonbox p {
		font-size: 1rem;
		line-height: 2rem;
		word-break:keep-all;
	}
	.bg_con_bottom {
		grid-column-end: 7;
	}
	.bg_con_bottom h1 {
		font-size: 2.5rem;
		margin-bottom: 2rem;
	}

	.bg_con_bottom h1:after {
		bottom: -10px;
	}

	.bg_con_bottom h2 {
		font-size: 2rem;
	}

	.bg_con_bottom a {
		font-size: 1.5rem;
	}
  }
  


  .sec_top {
    width: 100%;
    /* height: 100vh; */
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("/theme/IDEN_TN1/img/bg_s01.jpg");
    background-repeat: no-repeat;
    background-position : center;
    background-size : cover;
}

.sec_top_in {
    max-width:1200px;
    margin: 0 auto;
    color:#fff;
    text-align:center;
}

.sec_top_in h1 {
    color: #d5d5d5;
    font-size: 1rem;
    font-weight: 500;
    font-family: "Montserrat",'Pretendard Variable', sans-serif;
}

.sec_top_in h2 {
    font-size:4rem;
    font-weight:800;
    letter-spacing: 5px;
}

.sec_top_in h3 {
    font-size:6rem;
    font-weight:300;
    margin-bottom: 20px;
}

.detail_title2 {
    text-align: center;
    font-size: 1.6rem;
    font-weight:600;
    margin-bottom: 2rem;
}

.detail_txt {
    text-align: center;
    font-size:1.2rem;
    font-weight:400;
    margin-bottom: 3rem;
    word-break:keep-all;
}

.detail_txt.policy {
    text-align: left;
}

.detail_txt.policy a {
    color:#000;
    text-decoration:underline;
}

.detail_txt2 {
    font-size:1rem;
    font-weight:300;
    margin-bottom: 1rem;
}

.detail_flex {
    margin-bottom: 4rem;
}

.basicimg {
    display: block;
    width: 100%;
}

@media screen and (max-width:767px) {
    .sec_top_in {
        padding:0 20px;
    }
    .sec_top_in h1 {
        font-size: 1.5rem;
    }
    .sec_top_in h2 {
        font-size: 3rem;
    }
    .sec_top_in h3 {
        font-size: 3rem;
    }
    .detail_title2 {
        text-align: center;
        font-size: 1.3rem;
        font-weight: 600;
        margin-bottom: 2rem;
    }
    .darkgrey {
        padding:6rem 1.2rem;
    }
    .detail_txt2 {
        margin-top: 1rem;
    }


}

@media screen and (max-width:550px) {
    .sec_top_in h1 {
        font-size: 1rem;
    }
    .sec_top_in h2 {
        font-size: 2rem;
    }
    .sec_top_in h3 {
        font-size: 2rem;
    }
    .detail_title2 {
        font-size: 1.1rem;
        word-break:keep-all;
    }
    .detail_txt2 {
        margin-top: 0.9rem;
    }
    .detail_txt {
        font-size:1rem;
    }
}


.comfort {
    background-image:url("/theme/IDEN_TN1/img/s01_3.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
}

.comfort_in {
    max-width:1200px;
    margin: 0 auto;
    color:#fff;
    padding: 360px 0 120px 0;
}

.comfort_in h2 {
    text-align: right;
    font-size:3rem;
    font-weight:700;
}
.comfort_in h1 {
    text-align: right;
    font-size:5rem;
    font-weight:800;
    color:#e36414;
}
.comfort_in p {
    text-align: right;
    font-size:1rem;
    font-weight:300;
}
.btn_assign_small {
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    margin-top: 5rem;
    display: inline-block;
    background: #e36414;
    padding: 1rem 2rem;
    border-radius: 50px;
    transition: 0.3s ease;
    border: 3px solid #e36414;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    left: 50%;
    top: 0;
    transform:translate(-50%,0);
}


.btn_assign_small span {
    position: relative;
    text-align: center;
    transition:0.3s ease;	
    color:#fff;
    z-index: 8;
}

.btn_assign_small:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    content:'';
    background: #000;
    transition:0.4s ease;
}

.btn_assign_small:hover span {
    color:#e36414;
}

.btn_assign_small:hover:after {
    height: 100%;
}

@media screen and (max-width:767px) {
    .comfort_in {
        padding: 360px 20px 120px 20px;
    }
}

@media screen and (max-width:550px) {
    .comfort {
        background-position: left center;
    }

    .comfort_in h2 {
        font-size: 1.5rem;
    }
    .comfort_in h1 {
        font-size: 2rem;
    }
    .comfort_in p {
        font-size: 0.9rem;
    }
}


.nametag {
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size:2rem;
    font-weight:600;
}

.nametag_type {
    font-weight:600;
    font-size:1.3rem;
    margin-bottom: 1rem;
}

.nametag_txt {
    font-weight:300;
    font-size:1rem;
}

@media screen and (max-width:767px) {
    .nametagbase {
        margin-bottom: 2rem;
    }
}

@media screen and (max-width:550px) {
    .nametag {
        margin-top: 1.3rem;
        margin-bottom: 1.3rem;
        font-size:1.5rem;
    }
    .nametag_type {
        font-size:1.1rem;
    }
    .nametag_txt {
        font-size:0.9rem;
    }
}

.accordion-button.stbbtn:not(.collapsed) {
    color: #ffffff;
    background-color: #f37111;
}

.accordion-button.stbbtn:focus {
    border-color:rgba(0,0,0,0);
}