/*ALL CSS----------------------------------------------------------------------------*/
.h_tit2 { font-size: 1.75rem; color: #fff; text-align: center; font-weight: 500; }
.h_tit2::after { content: ''; display: block; width: 2px; height: 30px; background-color: #ff4835; margin: 20px auto; }

.br_m2 { display: none; }
.br_375 { display: block; }



/*SUB TOP----------------------------------------------------------------------------*/
.h_sub_top { width: 100%; height: 500px; background: url(../img/sub_bg4.jpg) no-repeat center; background-size: cover; text-align: center; position: relative; }
.h_sub_tit h3 { font-size: 3.5rem; color: #fff; font-weight: 500; white-space: nowrap; }
.h_sub_tit h3::before { content: ''; display: block; width: 50px; height: 10px; background-color: #ff4835; transform: skewX(-33deg); margin: 0 auto; }
.h_sub_tit p { font-size: 1.125rem; color: #fff; }

.h_sub_tab { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); }
.h_sub_tab li { float: left; position: relative; }
.h_sub_tab li::after { content:''; display:block; width: 1px; height: 15px; background-color: #fff; position: absolute; top: 5px; left: 0; transform: rotate(20deg); }
.h_sub_tab li:first-child::after { display: none; }
.h_sub_tab li a { color: #fff; padding: 0 20px; }
.h_sub_tab li:nth-child(3) a { padding-right: 0; }



/*PAGE1----------------------------------------------------------------------------*/
/*about about*/
.h_about p { margin-top: 80px; color: #fff; text-align: center; font-size: 1.5rem; }
.h_about .h_logo { width: 300px; margin: 30px auto 50px; }
.h_about p:last-child { margin-top: 0; color: #fff; text-align: center; font-size: 1.125rem; line-height: 36px; }


/*about about2*/
.h_about2 { padding: 150px 0 0; }
.h_about2 .h_tit2 { padding-bottom: 20px; }
.h_about2 .h_tit2::after { display: none; }
.h_about2 > p { color: #fff; text-align: center; font-size: 1.125rem; margin-bottom: 80px; }

.h_abt_list { width: 90%; margin: 0 auto; }
.h_abt_list li { float: left; width: 51%; height: 170px; color: #fff; margin-right: 5%; }
.h_abt_list li:nth-child(2n) { width: 44%; margin-right: 0; }
.h_abt_list li::before { content: '01.'; display: block; float: left; color: #12b3ea; font-size: 2.5rem; font-weight: 500; margin-right: 20px; height: 170px; }
.h_abt_list li:nth-child(2)::before { content: '02.'; }
.h_abt_list li:nth-child(3)::before { content: '03.'; }
.h_abt_list li:nth-child(4)::before { content: '04.'; }
.h_abt_list li:nth-child(5)::before { content: '05.'; }
.h_abt_list li:nth-child(6)::before { content: '06.'; }

.h_abt_list li p { font-weight: 500; }
.h_abt_list li b { display: block; color: #12b3ea; padding: 10px 0; font-weight: 500; }
.h_abt_list li span { color: #bbb; }



/*about add*/
.h_add_box { width: 100%; margin-top: 150px; position: relative; }
.h_add { float: left; width: 50%; }
.h_add li { color: #fff; padding: 10px 0; }

.h_add > ul { float: left; }

.h_add .h_add_r p{ word-break: keep-all; }

.h_add_l { width: 27%; text-align: right; margin-right: 50px; }
.h_add_l li { font-weight: 500; }
/*.h_add_l li:nth-child(3) { padding-bottom: 35px; }*/

.h_add_l .h_add_li{margin-top: 20px;}

.h_add_r { width: calc(73% - 50px); }


/*about map*/
.h_map { float: right; width: 50%; position: relative; }

.h_map_tab li { float: left; width: 50%; height: 40px; line-height: 40px; text-align: center; }
.h_map_tab li { color: #fff; border: 1px solid #fff; }
.h_map_tab li.active { background-color: rgba(255,255,255,0.2); }

.wrap_controllers { display: none; }
.cont { display: none; }

.h_map01 { width: 100%; opacity: 1; transition: all 1s; max-width: 640px;}
.h_map02 { width: 100%; opacity: 0; position: absolute; top: 40px; left: 0; transition: all 1s; }
#daumRoughmapContainer1611046687717 { width: 100% !important; }
#daumRoughmapContainer1611203602326 { width: 100% !important; }




/*PAGE2------------------------------------------------------------------------------*/
/* .h_sub_page2_1 .h_tit2 > span { font-weight: bold; } */
.h_plan { padding: 80px 0 0; }

.h_plan_img li { float: left; width: 30%; margin-right: 5%; }
.h_plan_img li:last-child { margin-right: 0; }

.h_plan h5 { font-size: 1.5rem; color: #fff; text-align: center; padding: 20px 0; position: relative; font-weight: 400; }
.h_plan h5::before { content: ''; display: block; width: 100%; height: 1px; background-color: #555; position: absolute; bottom: 0; left: 0; }
.h_plan h5::after { content: ''; display: block; width: 70%; height: 1px; background-color: #ff4835; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }


.h_plan_txt li { color: #fff; text-align: center; padding: 5px 0; }
.h_plan_txt li:first-child { margin-top: 20px; }
.h_plan_txt li i { padding-right: 5px; }



/*ALL CSS----------------------------------------------------------------------------*/






@media screen and (min-width: 761px) and (max-width: 1280px){

    /*SUB TOP----------------------------------------------------------------------------*/
    .h_sub_top { height: 400px; }

    

    /*PAGE1----------------------------------------------------------------------------*/
    /*about add*/
    .h_add_box { margin-top: 50px; }
    .h_add { float: none; width: 100%; position: static; }


	/*about about2*/
	.h_about2 { padding: 100px 0 0; }

	.h_abt_list { width: 100%; }
	.h_abt_list li { float: left; width: 49%; height: 170px; color: #fff; margin-right: 2%; }
	.h_abt_list li:nth-child(2n) { margin-right: 0; }
	.h_abt_list li::before { content: '01.'; display: block; float: left; color: #12b3ea; font-size: 2.5rem; font-weight: 500; margin-right: 20px; height: 170px; }


    /*about map
	.h_add_l li:nth-child(3) { padding-bottom: 31px; }*/

    .h_map { float: none; width: 100%; padding-top: 350px; }
	.h_map02 { top: 390px; }

    /*PAGE2----------------------------------------------------------------------------*/
    .h_sub_page2_1 .br_m { display: block; }

    .h_plan { padding: 50px 0 0; }

    .h_plan_img li { float: left; width: 48%; margin-right: 0; }
    .h_plan_img li:first-child { margin-right: 4%; }
    .h_plan_img li:last-child { display: none; }


    .h_plan h5 { font-size: 1.5rem; color: #fff; text-align: center; padding: 20px 0; position: relative; }
    .h_plan h5::before { content: ''; display: block; width: 100%; height: 1px; background-color: #555; position: absolute; bottom: 0; left: 0; }
    .h_plan h5::after { content: ''; display: block; width: 70%; height: 1px; background-color: #ff4835; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }


    .h_plan_txt li { color: #fff; text-align: center; padding: 5px 0; }
    .h_plan_txt li:first-child { margin-top: 20px; }
    .h_plan_txt li i { padding-right: 5px; }

	

}


@media screen and (min-width: 761px) and (max-width: 1020px){

	/*PAGE1----------------------------------------------------------------------------*/
	/*about about2*/
	.h_about2 { padding: 80px 0 0; }
	.h_about2 .h_tit2 { padding-bottom: 20px; }

	.h_abt_list { width: 68%; margin: 0 auto; }
	.h_abt_list li { float: none; width: 100%; height: 150px; margin-right: 0; }
	.h_abt_list li:nth-child(2n) { width: 100%; }
	.h_abt_list li::before { height: 150px; }

}


@media screen and (max-width: 760px){
    .h_tit2 { font-size: 1.25rem; }
	.br_m2 { display: block; }

    /*SUB TOP----------------------------------------------------------------------------*/
    .h_sub_top { height: 400px; }

    .h_sub_tab { max-width: 260px; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); }
    .h_sub_tab li { float: left; position: relative; }
    .h_sub_tab li::after { content:''; display:block; width: 1px; height: 15px; background-color: #fff; position: absolute; top: 5px; left: 0; transform: rotate(20deg); }
    .h_sub_tab li:first-child::after { display: none; }
    .h_sub_tab li a { color: #fff; padding: 0 20px; }



    /*PAGE1----------------------------------------------------------------------------*/
    .h_about .h_logo { width: 200px; margin: 30px auto 50px; }
    .h_about p { white-space: nowrap; }

    /*about add*/
    .h_add_box { margin-top: 10px; }
    .h_add { float: none; width: 100%; position: static; }

    .h_add_l { width: 15%; margin-right: 10px; }

    .h_add_r { width: calc(85% - 10px); }

	/*about about2*/
	.h_about2 { padding: 80px 0 0; }
	.h_about2 .h_tit2 { padding-bottom: 20px; }

	.h_abt_list { width: 100%; }
	.h_abt_list li { float: none; width: 100%; height: 150px; margin-right: 0; }
	.h_abt_list li:nth-child(2n) { width: 100%; }
	.h_abt_list li::before { height: 150px; }


    /*about map
	.h_add_l li:nth-child(3) { padding-bottom: 27px; }*/

    .h_map { float: none; width: 100%; padding-top: 300px; }
	.h_map02 { top: 340px; }


    /*PAGE2----------------------------------------------------------------------------*/
    .h_plan { padding: 40px 0 0; }

    .h_plan_img li { float: none; width: 100%; margin-right: 0; }
    .h_plan_img li:nth-child(2), .h_plan_img li:nth-child(3) { display: none; }

	



}

@media screen and (max-width: 556px) {

	.h_add_l .h_add_li{margin-top: 38px;}

}

@media screen and (max-width: 500px) {
	.h_add_l .h_add_li{margin-top: 38px;}
}

@media screen and (max-width: 486px) {
	.h_add_l .h_add_li{margin-top: 57px;}
}

@media screen and (max-width: 409px) {
	.h_add_l{width: 20%; text-align: left;}
	.h_add_r{width: calc(80% - 10px);
}

@media screen and (max-width: 400px) {
	.br_375 { display: none; word-break: keep-all; }
}

@media screen and (max-width: 335px) {
	.h_add_l .h_add_li { margin-top:77px; }
}