@charset "utf-8";

.content h4{ font-size:20px; padding:10px 0; color:#3f3f3f; }
.content h5{ font-size:18px; padding:8px 0; color:#eb4141;  position:relative; padding-left:20px;  }
.content h5:before,.content h5:after{ display:block; position:absolute; top:0; left:0; content:"" }
.content h5:before{ width:15px; height:15px; top:9px; background: linear-gradient(130deg, rgba(235,65,65,1) 0%, rgba(195,41,67,1) 100%); border-radius: 30px; }
.content h5:after{ width:5px; height:5px; background:#fff; border-radius: 30px; left:5px; top:14px; }
.content h6{ font-size:16px; padding:6px 0; color:#565656; position:relative; padding-left:10px;  }
.content h6:before{ display:block; position:absolute; top:12px; left:0; content:""; width:5px; height:5px; border-radius:10px; background:#565656; }

.content p{ font-size:14px; line-height: 1.3; color:#595959  }
.content .caution{ color:#f00; font-weight:500; }

.list_basic li{ position:relative; padding-left:12px; font-size:14px; line-height: 1.3; color:#595959  }
.list_basic li:before{ display:block; position:absolute; top:8px; left:0; content:""; width:6px; height:2px; border-radius:10px; background:#565656; } 
.list_basic.lt02 li:before{width:4px; height:4px; background:#aaa; border-radius:50%;}

.col_list{ padding:15px;  overflow:hidden}
.col_list > li{ margin-bottom:15px; }
@media all and (min-width:1024px){
	.col_list > li{ float:left; }
	.col_list.col2 > li{ width:50%; }
	.col_list.col2 > li:nth-child(2n+1){ clear:left;}
	.col_list.col3 > li{ width:33.33333%; }   
	.col_list.col3 > li:nth-child(3n+1){ clear:left;}
}


.dl_basic{}
.dl_basic dt{ font-size:18px; font-weight:500;  line-height:1.3; margin-bottom:10px; }
.dl_basic dd{ font-weight:300;  line-height:1.3; margin-bottom:10px; }
.dl_basic02 {padding-left: 10px;}
.dl_basic02 dt{ position: relative; font-weight:500; line-height:1.3; margin-bottom:10px; color: #565656; padding-left: 12px;}
.dl_basic02 dt:before {display: block; position:absolute; top:10px; left:0; content:""; width:5px; height:5px; border-radius:10px; background:#565656;}
.dl_basic02 dd{ position:relative; padding-left:12px; font-size:16px; line-height: 1.3; color:#595959 }
.dl_basic02 dd:before{ display:block; position:absolute; top:8px; left:0; content:""; width:6px; height:1px; border-radius:10px; background:#565656; } 
.dl_basic02 dd.bgnone:before {display: none;}

.dl_basic03 {}
.dl_basic03 dt{ position: relative;  line-height:1.3; margin-bottom:10px; color: #7b7b7b; padding-left: 15px; font-size: 16px}
.dl_basic03 dt:before {display: block; position:absolute; top:6px; left:0; content:""; width:7px; height:7px; background:transparent; border-radius: 0; border-left: 2px solid #7b7b7b; border-bottom: 2px solid #7b7b7b; transform: rotate(-135deg);}
.dl_basic03 dd{line-height: 1.5; color:#7b7b7b; font-size: 15px} 
.dl_basic02 dd:before {display: none;}


.box_default{ background:#f5f5f5; padding:15px; color:#5d5d5d;   }
.box_st01{ border:#fad3d3 solid 1px;  }
.box_st01 .inner{ border:#fff3f3 solid 5px; padding:15px; }
.box_st01 .inner p{  color:#c90223; font-weight:400 }

.box_st02{ position:relative; border:#dedede solid 1px; padding:15px; color:#454545 }
.box_st02:before,.box_st02:after{ display:block; content:""; position:absolute; width:9px; height:9px;  }
.box_st02:before{ left:0; top:0; border-left:#eb4141 solid 3px; border-top:#eb4141 solid 3px; }
.box_st02:after{ right:0; bottom:0; border-right:#eb4141 solid 3px; border-bottom:#eb4141 solid 3px; }
.box_st02 img{ display:block; width:auto; margin:15px auto; }


.btn_set{ padding:10px 0; }
.btn_con{ display:inline-block; padding:12px 15px; font-size:14px; border-radius: 3px; font-weight:500;  margin:5px 0; }
.btn_con:after{ display:inline-block; vertical-align: 0px; font-family:"font awesome 5 pro"; margin-left:10px;  }
.btn_small{ display:inline; padding:5px 10px;  }
.btn_blk{ border:#2a2a2a solid 1px; color:#2a2a2a }
.btn_blk.btn_revers{ border:#2a2a2a solid 1px; background-color:#2a2a2a; color:#fff;  }
.btn_red{ border:#eb4141 solid 1px; color:#fb4141 }
.btn_red.btn_revers{ border:#eb4141 solid 1px; background-color:#fb4141; color:#fff;  } 
.btn_go:after{  content:"\f105";   font-weight:700; line-height: 16px;  }
.btn_link:after{  content:"\f2d2"; font-weight:300;  }
.btn_down:after{  content:"\f33d"; font-weight:300;  }
.btn_down:after, a[target="_blank"].btn_down::after{  content:"\f33d"!important; font-weight:300!important;}

/*기본테이블*/
.basic_table { width:100%; max-width:100%; border-collapse:collapse; border-top:#1e1e1e solid 2px; word-break: keep-all; line-height: 1.2}
.basic_table thead tr th,.basic_table thead tr td {padding:10px 5px; border-bottom:#d8d8d8 solid 1px;  border-right:#d8d8d8 solid 1px; }
.basic_table tbody tr th,.basic_table tbody tr td {padding:10px 5px; border-bottom:#d8d8d8 solid 1px; border-right:#d8d8d8 solid 1px; }
/*.basic_table tr th:first-child,.basic_table tr td:first-child{ border-left:0; }*/
.basic_table tr th:last-child,.basic_table tr td:last-child{ border-right:0; }
.basic_table th { font-size:15px; color:#1e1e1e; background-color:#fafafa; vertical-align:middle;   }
.basic_table td { font-size:14px; color:#454545; text-align:left;  vertical-align:middle; word-break:keep-all}
.basic_table td a{ text-decoration:none; color:#454545}
.basic_table td.red{ color:#F00}
.basic_table td.bg_g{background:#fafafa;}
.basic_table .no_border { border-right-style: none; }
.basic_table .td_center { text-align:center }
.basic_table .td_right { text-align:right }
.basic_table .td_left { text-align:left }
.basic_table tr td ul li{text-align:left;}
.border_none{ border-right:none;}
.basic_table tr td.r_border {border-right:#d8d8d8 solid 1px; }

.basic_table.table_resp th{ text-align: left;  }
.basic_table.table_resp th,.basic_table.table_resp td{ display:block; border-left:0; border-right:0;}
.basic_table.table_resp .no_cont{display:none;} /* 콘텐츠 없을때, 반응형조절 (직원전화번호사용)*/

.basic_table.tbl_st01{ border-top:#c32943 solid 2px; }
.basic_table.tbl_st01 th { color:#c32943; }
.basic_table.tbl_st01 td { color:#464646 }

.table_center tbody tr td{text-align:center;}


/*반응형테이블*/
.responsive{ min-width:600px; }
.scroltable-wrapper { position: relative; }
.scroltable-container { overflow-x:auto}
.scroltable-nav { display: none;  position: absolute;  width: 60px;  height: 100%;  cursor: pointer;}
.scroltable-nav.scroltable-nav-left {  left: 0; background: linear-gradient(to left, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-right {  right: 0; background: linear-gradient(to right, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-left:before{ display:inline-block; position:absolute; left:0; top:40%; content:"\f0a6"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-left:after{ display:inline-block; position:absolute; left:0; top:40%; margin-top:20px;  content:"\f33e"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-right:before{ display:inline-block; position:absolute; right:0; top:40%; content:"\f0a6"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-right:after{ display:inline-block; position:absolute; right:0; top:40%; margin-top:20px;  content:"\f340"; font-family: "font awesome 5 pro"  } 

/*paging*/
.paging{ clear:both; text-align:center; padding:25px 0 0 0}
.paging ul li{ display:inline-block;  }
.paging ul li a{ display:block; width:30px; height:34px; border:#e2e2e2 solid 1px; line-height:30px; font-size:14px; font-weight:300}
.paging ul li a.active{ background:#444; border:#006 solid 1px; color:#fff;}

@media all and (max-width:767px){
	.basic_table.table_resp thead{display:none;}
}

@media all and (min-width:768px){
	.basic_table.table_resp th{ text-align: center; }
	.basic_table.table_resp th,.basic_table.table_resp td{ display:table-cell; border-left:#eee solid 1px; border-right:#eee solid 1px;}
	.basic_table.table_resp .no_cont{display:table-cell;}
} 

@media all and (min-width:1024px){

	.content h4{ font-size:24px;  }
	.content h5{ font-size:20px; font-weight:500 }
	.content h5:before{ top:11px; }
	.content h5:after{ top:16px; }	
	.content h6{ font-size:18px;  font-weight:500}

	.content p{ font-size:16px; line-height: 1.5 }

	.list_basic li{ font-size:16px; }

	.box_default{ padding:30px; }
	.box_default p{ font-size:14px;   }

	.box_st01 .inner{ border:#fff3f3 solid 9px; padding:30px;  }
	.box_st02{ padding:40px 60px; overflow:hidden }
	.box_st02 img{ float:left; margin-right:40px; }
	.box_st02 strong{font-size:20px;}

	.box_st03{padding:40px 60px; overflow:hidden;}
	.box_st03 img{float:left; margin-right:40px;}

	.basic_table thead tr th,.basic_table thead tr td { padding:15px 10px; }
	.basic_table tbody tr th,.basic_table tbody tr td { padding:15px 10px;  }
	.basic_table th { font-size:16px;}

	/* 작은 테이블 (테이블 길이가 넘어갈때)*/
	.basic_table.table_small thead tr th, .basic_table.table_small tbody tr th{padding:10px 2px; font-size:14px;}
	.basic_table.table_small thead tr td{padding:10px 2px; font-size:13px;}

	/*box안에 내용이 길때*/
	.box_st02 .img_mb{margin-bottom:60px;}
	.box_st02 .img_mb01{margin-bottom:112px; margin-right:21px;}
	.box_st02 .mt10 > .img_mb02{margin:0 10px 0 0;}


}


.inquiry{ padding:20px 0; }
.inquiry input[type='radio'] + label{ margin:5px; }
.inquiry .exp{ font-weight:500; margin-bottom:15px; }
.inquiry .btn_confirm{ display:inline-block; padding:10px 20px; border-radius: 20px;  border:#404040 solid 1px; }
.inquiry .exp_red{ margin-top:10px; color:#eb4141; }
.inquiry .btn_request{ display:block; width:100px; margin:20px auto 0 auto;  padding:15px; text-align: center; background:#eb4141; color:#fff;  border-radius: 30px; }
.inquiry .car_num{ width:150px; }
@media all and (min-width:1024px){
	.inquiry .exp{display:inline-block; margin-right:20px;  }
	.inquiry .exp_red{ display:inline-block; margin-left:20px;  }
}

.step_list01{ padding:20px; overflow:hidden;}
.step_list01 li{ position:relative; float:left; width:23%; margin-right:1.33333%; border:#ddd solid 1px; padding:30px 0; font-size:14px; font-weight:bold; line-height:1.3; text-align:center; }
.step_list01 li:last-child:after{ display:none;}
.step_list01 li:after{ position:absolute; right:-10px; top:50%; transform:translateY(-50%); display:inline-block; content:"\f105"; color:#222; font-family:"Font Awesome 5 Pro"; font-size:20px; font-weight:500; z-index:20; background:#fff; }
@media all and (min-width:768px){
	.step_list01 li{ font-size:18px; }
}

.step_list02{ padding:15px; overflow:hidden;}
.step_list02 > li{ position:relative; text-align:center; margin-bottom:30px; }
.step_list02 > li:after{ position:absolute; bottom:-30px; left:50%; transform:translateX(-50%) rotate(90deg); display:inline-block; content:"\f105"; color:#222; font-family:"Font Awesome 5 Pro"; font-size:30px; font-weight:500; z-index:20; background:#fff; }
.step_list02 > li:last-child:after{ display:none;}
.step_list02 li .title{ display:block; padding:20px; border:#212121 solid 1px; border-radius:10px; }
.step_list02 ul { margin:10px 0; }
.step_list02 ul li{ text-align:left; }
@media all and (min-width:1024px){
	.step_list02 > li{ float:left; width:19%; margin-right:1.25%; } 
	.step_list02 > li:last-child{ margin-right:0; }
	.step_list02 li .title{ padding:20px 0; font-size:16px; font-weight:bold; word-break:keep-all; line-height:1.3 }
	.step_list02 ul{ margin-top:15px; }
	.step_list02 ul li{ font-size:14px; }
	.step_list02 ul li .btn_small{ font-size:12px; display:block; text-align:center; }
	.step_list02 > li:after{ left:auto; right:-15px; bottom:auto; top:30px;  transform:translateX(0) translateY(-50%) rotate(0deg);}
}

/*img_wrap*/
.img_wrap { padding:20px 0; }
.img_wrap img{ display:block; max-width:100%; margin:0 auto }

.right_img{ clear:both; padding:15px 0;}
.right_img img{ display:block; max-width:100%; margin:0 auto; }
@media all and (min-width:1024px){
	.right_img{ float:right;  margin-left:20px; }
}

/*design_result*/
.design_result{ text-align:center; padding:30px 0; }
.design_result .title{ display:block; line-height:1.5; font-size:20px; font-weight:300 }
.design_result .title span{ display:block; font-weight:bold; }
.result_img{ text-align:center; }
.result_img li{ display:inline-block; margin:20px; }
.result_img li img{ max-width:100%}
.result_text li .title{ display:inline-block; padding:10px 20px; border-radius:20px; font-weight:bold;  color:#fff; }
.result_text li .title01{ background:#ea68a2;}
.result_text li .title02{ background:#4cb5be; }
.result_text li p{ line-height:1.3; margin-top:10px; margin-bottom:20px; }

/* 단계_기본5개 */
.list_step{margin: 15px;}
.list_step > li{ text-align:center; border:1px solid #d8d8d8; border-radius:5px; margin-bottom:40px; position:relative; padding:20px;  line-height:1.4; }
.list_step > li > br{display:none;}
.list_step > li:last-child{margin-bottom:0;}
.list_step > li:before {content:''; position:absolute; top:0; left:50%; margin:-35px 0 0 -10px; display:block; width:14px; height:14px; background:transparent; border-left:2px solid #222; border-bottom:2px solid #eb4141; transform:rotate(-45deg); transition:all .3s ease-in-out; }
.list_step > li:first-child:before{display:none;}

@media all and (min-width:768px){
	.list_step{overflow:hidden;}
	.list_step > li{float:left; width:43%; margin:0 3.5% 20px 3.5%;}
	.list_step > li:before{top:50%; left:-27px; transform:rotate(-135deg); margin-top:-10px;}

}
@media all and (min-width:1024px){
	.list_step > li{ width: 27%;margin: 0 3% 20px 3%; display:flex; justify-content:center; flex-direction:column }
	.list_step > li:before{left: -27px;}

}
@media all and (min-width:1200px){
	.list_step{margin:15px 0;}
	.list_step > li{width:18%; margin:0 1.25%; min-height:86px;}
	.list_step > li.s_con{padding-top:30px;}
	.list_step > li > br{display:block;}
	.list_step > li:before{left:-16px;}
	.list_step > li:first-child{margin-left:0;}
	.list_step > li:last-child{margin-right:0;}

}


.list_step.col04 li br{display:block;}

@media (min-width:1024px) {
	.list_step.col04 > li{width:20%;}
	.list_step.col04 > li:first-child{margin-left:0;}
	.list_step.col04 > li:last-child{margin-right:0;}
}

@media (min-width:1200px) {
	.list_step.col04 > li{width:23%; min-height:0;}
}

@media (min-width:768px) {
	.list_step.col04.col04_01 > li{min-height:86px; display:flex; justify-content:center; flex-direction:column}
}

@media (min-width:1024px) {
	.list_step.col04.col04_01 > li{min-height:108px;}
}

/* 도시철도 */
.org{position:relative;}
.org:before{content:''; display:block; width:1px; height:160px; background:#aaa; position:absolute; top:0; left:50%; margin-left:-1px;}
.org_01{margin-bottom:30px; position:relative;}
.org_01 span{display:block; width:130px; height:130px; background:#bf3048; border-radius:50%; font-size:20px; color:#fff; text-align:center; margin:0 auto; line-height:130px; font-weight:500;}

.org_02 .org_item{margin-bottom:30px;}
.org_02 .org_item > span{position:relative; display:block; background:#2a2a2a; color:#fff; padding:17px 0; border-radius:5px; text-align:center; margin-bottom:15px;}
.org_02 .org_item > span:after{content:''; display:block; width:1px; height:15px; background:#aaa; position:absolute; bottom:-15px; left:50%; margin-left:-1px;}
.org_02 .org_item > ul > li{position:relative; border:1px solid #d8d8d8; border-radius:5px; margin-bottom:10px;}
.org_02 .org_item > ul > li > span{display:block;padding:17px 0;text-align:center;background:#f8f8f8;border-radius:5px;font-size: 14px;}
.org_02 .org_item > ul > li > ul{padding:15px 20px;}
.org_02 .org_item > ul > li > ul > li{margin-bottom:7px; padding-left:15px; position:relative;}
.org_02 .org_item > ul > li > ul > li:before{content:''; display:block; width:3px; height:3px; background:#333; position:absolute; top:50%; margin-top:-1.5px; left:0;}

@media all and (min-width:640px){
	.org_02{position:relative;}
	.org_02:before{content:''; display:block; width:77%; height:1px; background:#aaa; position:absolute; top:0; left:50%; margin-left:-38.7%;}
	.org_02:after{content:''; display:block; clear:both;}
	.org_02 .org_item{float:left; width:23%; margin-right:2.6%; margin-top:35px; position:relative;}
	.org_02 .org_item:before{content:''; display:block; width:1px; height:35px; background:#aaa; position:absolute; top:-35px; left:50%; margin-left:-1px;}
	.org_02 .org_item:last-child{margin-right:0;}

}

@media all and (min-width:1024px){
	.org:before{height:200px;}
	.org_02:before{width:80.8%; margin-left:-45.5%;}
	.org_02 .org_item{margin-right:1%;}
	.org_02 .org_item:first-child{width:9.3%;}
	.org_02 .org_item:nth-child(2){width:19.5%;}
	.org_02 .org_item:nth-child(3){width:39%;}
	.org_02 .org_item:nth-child(3):before{display:none;}
	.org_02 .org_item:last-child{margin-right:0; width:29.2%;}
	.org_02 .org_item > ul{overflow:hidden;}
	.org_02 .org_item:first-child:before{height:100px;}
	.org_02 .org_item:first-child > ul{padding-top:65px;}
	.org_02 .org_item > ul > li > ul li{font-size:14px;}
	.org_02 .org_item > ul > li:last-child{margin-right:0!important;}
	.org_02 .org_item:nth-child(2) > ul > li{floaT:left; width:48%; margin-right:4%}
	.org_02 .org_item:nth-child(3) > ul > li{floaT:left;width: 19.6%;margin-right: 0.5%;}
	.org_02 .org_item:last-child > ul > li{floaT:left; width:31.7%; margin-right:2.3%;}
	.org_02 .org_item > span:after{display:none;}
	.org_02 .org_item > ul > li > ul{padding:10px}
	.org_02 .org_item > ul > li > ul > li{padding-left:7px; letter-spacing:-0.5px;}

}

@media all and (min-width:1440px) {
	.org_02 .org_item > ul > li > span{font-size:15px;}
}

.subway2ho_stoplist li {float:left; width:48%; height:300px; margin-right:2%;}
.subway2ho_stoplist li p {font-size:1.250em;  color:#000; background:url(/home/build/images/sub/h4.png) 10px center no-repeat; padding:12px 0 12px 42px}
.subway2ho_stoplist img {width:100%; height:230px; border:1px solid #ddd;}

#map {width: 100%; height: 450px;}