.w1300{max-width: 134rem; padding: 0 3rem; width: 100%; margin: 0 auto;}
.w1200{max-width: 120rem; padding: 0 3rem; width: 100%; margin: 0 auto;}

.p05{padding-bottom: 0.2rem; display: inline-block;}

.sub_title{text-align: center; font-size: 3rem; line-height: 1.2; color: #222222; font-weight: bold;}


.intro_con{padding: 0 7rem;margin-top: 8rem; margin-bottom: -8rem;}
.intro_con li{display: flex; gap: 14rem; align-items: center; justify-content: center;}
.intro_con li + li{margin-top: 10rem;}
.intro_con li img{box-shadow: 8px 13px 15px 0px rgba(0, 0, 0, 0.15);}
.intro_con_textArea{width: calc(100% - 64rem);}
/* .intro_con_textArea *{display: inline-block;} */
li.right .intro_con_textArea{text-align: right;}
li.left .intro_con_textArea{text-align: left;}

.sub_sub{font-family: 'Poppins', sans-serif !important; font-weight: bold; font-size: 1.8rem; line-height: 1; white-space: nowrap; color: #000; margin-bottom: 2rem; }
.sub_line{width: 5.5rem; height: 3px; background: #000; font-size: 0; line-height: 0; display: inline-block;}
.intro_con_text_title{font-size: 2.2rem; line-height: 3rem; font-weight: bold; color: #222222; margin: 4.5rem 0 3rem;}
.intro_con_text_sub{font-size: 1.8rem; line-height: 2.6rem; color: #666666;}

.intro_foot{width: 100%; padding: 15rem 0 16rem; background: url('/theme/prix/img/sub/intro_foot_bg.jpg') no-repeat; background-size: cover;}
.intro_foot .w1300{padding: 0 10rem;}

.intro_foot_history{margin-top: 8rem; display: flex; align-items: flex-start; gap: 5rem;}
.intro_foot_history_desc{width: calc((100% - 5rem)/2);}
.intro_foot_history_desc:nth-child(2) li + li{margin-top: 5.5rem;}
.intro_foot_history_desc li + li{margin-top: 3rem;}
.history_title{font-weight: bold; font-size: 3rem; line-height: 1; color: #f9bb18; margin-bottom: 2rem;}
.history_sub{font-size: 1.8rem; line-height: 2.8rem; color: #fff;}

.location #daumRoughmapContainer1670559806456{width: 100%; height: 66rem;}
.location .root_daum_roughmap .wrap_map{height: 66rem;}
.location .wrap_controllers {display: none;}
.location iframe{width: 100%; height: 66rem;}

.location_text{display: flex; justify-content: space-between;align-items: baseline; gap: 2rem; margin: 5rem 0 20rem;}
.location_title{font-size: 22px; font-weight: bold; color: #222222; min-width: 20rem;}
.location_desc{display: flex; flex-wrap: wrap; align-items: flex-start; gap: 1rem 1.5rem; font-size: 17px; line-height: 1; color: #666666;}
.location_desc b{color: #000;}
.location .tab{display: flex; align-items: center; gap: 1rem; }
.location .tab li{display: flex; align-items: center; width: 20rem; height: 5rem; justify-content: center; gap: 2rem; border-radius: 5px; border: 1px solid #dddddd;  font-size: 1.6rem; line-height: 1; color: #666666;}

.desk_con{background: #f5f5f5; margin: 5rem 0 15rem;}
.desk_con li{display: flex; min-height: 34rem; position: relative;}
.desk_con li + li::before{position: absolute; content: ''; top: 0; left: 50%; width: 6rem; height: 6rem; background: url('/theme/prix/img/sub/desk_arrow.png') no-repeat; background-size: cover; transform: translate(-50% , -50%);}
.desk_con li.right{flex-direction: row-reverse; text-align: right;}
.desk_con li > div{width: 50%;}
.desk_text{padding: 6rem 1rem 1rem 7rem; height: 100%; }
li.right .desk_text{padding: 6rem 7rem 1rem 1rem; height: 100%; }

.desk_bg.bg1{background: url('/theme/prix/img/sub/desk1.jpg') no-repeat; background-size: cover;}
.desk_bg.bg2{background: url('/theme/prix/img/sub/desk2.jpg') no-repeat; background-size: cover;}
.desk_bg.bg3{background: url('/theme/prix/img/sub/desk3.jpg') no-repeat; background-size: cover;}
.desk_bg.bg4{background: url('/theme/prix/img/sub/desk4.jpg') no-repeat; background-size: cover;}
.desk_bg.bg5{background: url('/theme/prix/img/sub/desk5.jpg') no-repeat; background-size: cover;}
.desk_bg.bg6{background: url('/theme/prix/img/sub/desk6.jpg') no-repeat; background-size: cover;}
.desk_bg.bg7{background: url('/theme/prix/img/sub/desk7.jpg') no-repeat; background-size: cover;}
.desk_bg.bg8{background: url('/theme/prix/img/sub/desk8.jpg') no-repeat; background-size: cover;}
.desk_bg.bg9{background: url('/theme/prix/img/sub/desk9.jpg') no-repeat; background-size: cover;}
.desk_bg.bg10{background: url('/theme/prix/img/sub/desk10.jpg') no-repeat; background-size: cover;}

.cost_title{font-size: 30px; line-height: 1; font-weight: bold; color: #222; margin: 5.5rem 0 2.5rem;}
.cost_table table{width: 100%; border-collapse: collapse; margin-bottom: 8rem;}
.cost_table td{border-bottom: 1px solid #dddddd;}
.cost_table thead td{padding: 2.5rem 0; font-size: 1.8rem; line-height: 1; color: #fff; font-weight: bold; text-align: center; }
.cost_table thead td.tc1{background: #666666;}
.cost_table thead td.tc2{background: #ff7800;}
.cost_table thead td.tc3{background: #f9bb18;}
.cost_table thead td.tc4{background: #222222;}
.cost_table tbody td{padding: 2rem 0; text-align: center; font-size: 1.7rem; line-height: 2rem; color: #666666; text-align: center;}
.cost_table tbody td:first-child{background: #f5f5f5; font-size: 1.7rem; line-height: 2rem; color: #222222; font-weight: 500;}
.cost_table td + td{border-left: 1px solid #dddddd; }
.cost_table tr + tr{}
.cost_table .point{color: #222222; font-weight: 500;}
.cost_table .point > div{display: flex; gap: 0.5rem; justify-content: center; align-items: center;}
.dash{text-decoration: line-through;}
.cost_table .big{font-size: 2.2rem; line-height: 1.2;margin-top: -0.3rem;}
.cost_table .total{background: #f9bb18;}
.cost_table b{color: #222;}
.cost_end{margin-bottom: 12rem; font-size: 3rem; line-height: 4rem; font-weight: 450; color: #222222;  text-align: center;}
.cost_end .color{font-size: 3.5rem; font-weight: bold;}

.graph{display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 5rem 0 5.5rem; background: #f5f5f5; border-radius: 20px; margin: 3.5rem 0 10rem;}
.graph_title{font-size: 3rem; ;line-height: 3.6rem; font-weight: bold; color: #222222; margin-bottom: 1rem;}
.graph_sub{font-size: 1.7rem; line-height: 2.4rem; color: #666666; font-weight: 500;}
.graph_area{margin-top: 4rem; padding: 15px 120px 0; position: relative; display: flex; align-items: center; gap: 4rem; flex-direction: column; }
.ab{position: absolute;}
.graph_area .ab{top: 0; right: 0;}


.root_table{margin: 4rem 0 10rem;}
.root_table table{border-collapse: collapse;}
.root_table thead td{padding: 2rem;}
.root_table thead td > div{display: flex; gap: 2rem; align-items: flex-start;}
.root_table thead td.root20{background: #f9bb18;}
.root_table thead td.root25{background: #413310;}
.root_table thead td > div h4{width: 12rem; height: 5rem; border-radius: 15px; text-align: center; line-height: 5rem; font-weight: bold; color: #fff; font-size: 3rem; background: #222;}
.root_table thead td.root25 > div h4{width: 12rem; height: 5rem; border-radius: 15px; text-align: center; line-height: 5rem; font-weight: bold; color: #413310; font-size: 3rem; background: #f9bb18;}
.root_table thead td > div > div{margin-top: 0.5rem;}
.jum{position: relative; padding-left: 1rem; font-size: 1.7rem; line-height: 2.6rem; color: #222222; display: block}
.root_table thead td.root25 .jum{color: #fff;}
.jum::before{position: absolute; content: ''; width: 2px; height: 2px; border-radius: 50%; background: #000; top: 1.2rem; left: 0;}
.root_table thead td.root25 .jum::before{position: absolute; content: ''; width: 2px; height: 2px; border-radius: 50%; background: #fff; top: 1.3rem; left: 0;}
.root_table .title{background: #f5f5f5; text-align: center; font-size: 2rem; color: #000; font-weight: bold; padding: 2rem 0;}

.root_table tbody tr{border-top: 1px solid #dddddd;}
.root_table tbody td{padding: 1.5rem 1rem; text-align: center; font-size: 1.7rem; line-height: 2rem; font-weight: 500; color: #222222;}
.root_table tbody td + td{border-left: 1px solid #dddddd;}
.root_table tbody td.cash{padding: 1.5rem 3rem; text-align: right;}

.root_table tbody td.man{padding: 2rem 1rem 2rem 3rem;}
.root_table tbody td.man > div{display: flex; gap: 2rem; align-items: flex-start;}
.root_table tbody td.man > div h4{padding: 1.5rem 2rem; border-radius: 15px; text-align: center; line-height: 3.5rem; font-weight: bold; color: #222; font-size: 1.7rem;line-height: 2rem; background: #f9bb18; white-space: nowrap;}
.root_table tbody td.man > div h4.new15{padding: 1.5rem 2rem; border-radius: 15px; text-align: center; line-height: 3.5rem; font-weight: bold; color: #222; font-size: 1.7rem;line-height: 2rem; background: #413310; white-space: nowrap; color: #f9bb18;}
.root_table tbody td.man > div > div{margin-top: 0.5rem; text-align: left;}

.root_table tbody td.end{background: #fff6f6; padding: 3rem 4rem; font-size: 3rem; font-weight: 500; color: #222; text-align: left; border-top: 1px solid  #ff0000; border-bottom: 1px solid  #ff0000; line-height: 1;}

.root_point{display: flex; flex-wrap: wrap;justify-content: center; gap: 2rem; align-items: flex-start; margin: 4rem 0 5rem;}
.root_point img{width: calc((100% - 6rem)/4);}






@media only screen and (max-width : 1440px){
    .intro_con li{gap: 7rem;}
    .intro_con{padding: 0;}
}
@media only screen and (max-width : 1024px){
    .sub_title{font-size: 3.5rem; line-height: 4.5rem;}
    .intro_con{margin-bottom: 17rem;}
    .intro_con li{flex-direction: column;}
    .intro_con li.right{flex-direction: column-reverse;}
    .intro_con_textArea{width: 100%; text-align: center !important;}
    .sub_sub{font-size: 4rem; }
    .intro_con_text_title{font-size: 3rem; line-height: 4rem;}
    .intro_con_text_sub{font-size: 2.4rem; line-height: 3.2rem;}
    .location_title{min-width: 10rem;}
    .desk_con{max-width: 570px; margin: 5rem auto 15rem;}
    .desk_con li.right,
    .desk_con li{flex-direction: column; align-items: center;}
    .desk_con li > div{width: 100%;}
    .desk_bg{background: none !important; text-align: center;}
    .desk_text,
    li.right .desk_text{padding: 7rem 1rem; text-align: left;  }
}

@media only screen and (max-width : 840px){
    .history_title{font-size: 4rem;}
	.history_sub{font-size: 2.4rem; line-height: 2.8rem;}
    .location_text{flex-wrap: wrap;}
    .location_title{width: 100%;}
    .location .tab li{display: flex; align-items: center; width: 200px; height: 50px; justify-content: center; gap: 2rem; border-radius: 5px; border: 1px solid #dddddd;  font-size: 16px; line-height: 1; color: #666666;}
    .root_table{overflow-x: auto;}
    .root_table table{min-width: 84rem;}
    .root_point img{width: calc((100% - 2rem)/2);}
    
}



@media only screen and (max-width : 768px){
	.intro_foot_history{flex-direction: column; gap: 3rem;}
    .intro_foot_history_desc:nth-child(2) li + li{margin-top: 3rem;}
    .intro_foot_history_desc{width: 100%;}

}

@media only screen and (max-width : 640px){
	.intro_con_textArea{text-align: left !important;}
    .intro_foot .w1300{padding: 0 3rem;}
    .location .tab{flex-wrap: wrap;}
    .cost_table{overflow-x: auto;}
    .cost_table table{min-width: 640px;}
    .graph_area{padding: 0 2rem ;}

}

@media only screen and (max-width : 480px){
	.location #daumRoughmapContainer1670559806456{height: 44rem;}
}