@charset "utf-8";

#bo_list .path {border-color:#666 !important}

.subTitleArea {width: 100%; background: #fcfbf9 ; height: 287px; display: inline-block; text-align: center;position: relative;}
.subTitleArea > ul.tab { width:auto; margin:40px auto 40px auto; display:inline-block; clear: both;}
.subTitleArea > ul.tab > li { float:left; text-align: center; height:40px; line-height: 40px; background:#fff; border-left:#ededed 1px solid; border-right:#ededed 1px solid; margin:0 0 0 -1px; }
.subTitleArea > ul.tab > li:first-child { border-radius: 20px 0 0 20px; border-left:0; }
.subTitleArea > ul.tab > li:last-child { border-radius: 0 20px 20px 0; border-right: 0; }
.subTitleArea > ul.tab > li.on { background:#ff8601; }
.subTitleArea > ul.tab > li.on a { color:#fff; }
.subTitleArea > ul.tab > li > a { display:block; padding:0 20px; text-decoration: none; font-size:15px; }

.subTitleArea > ul.desc { width:80%; margin:150px auto 0 auto; background:#fff; height:200px; border-bottom:#e7e7e7 0px solid; -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.2);box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.2); border-radius: 5px; }
.subTitleArea > ul.desc > li { float:left; text-align: left; }
.subTitleArea > ul.desc > li:first-child { width:40%; font-family: 'NanumS'; font-size:30px; color:#000; padding:40px 0 40px 40px; font-weight: bold; word-break:keep-all;}
.subTitleArea > ul.desc > li:first-child > strong { display:block; color:#ff8601; }
.subTitleArea > ul.desc > li:last-child { width:60%; font-size:13px; color:#000; padding:40px 38px 40px 35px; line-height: 22px; }

.subCont { width:100%; position:relative; height:100%; margin:65px 0 0 0; display:inline-block;}
.subCont .ctLine { height:0; display:inline-block; width:1px; background:#ddd; position:absolute; left:50%;  transition: height 4s;}
.subCont > ul { min-height:150px; clear: both;}
.subCont > ul:nth-child(n+5) { min-height:100px; margin-top:0 !important; }
.subCont > ul.hsLeft { display:inline-block; width:300px; left:50%; position:relative; margin:30px 0 0 -320px; text-align: right;}
.subCont > ul.hsLeft > h2 { font-size:28px; margin:0 0 10px 0; position:relative; color:#ff8601; font-family: 'NanumS'; font-weight: bold; }
.subCont > ul.hsLeft > h2 > strong { display:inline-block; position:absolute; top:0; right:-350px; width:250px; height:140px; overflow: hidden; z-index: 2; border:#ddd 0px solid; }
.subCont > ul.hsLeft > h2 > strong > img { width:100%; }
.subCont > ul.hsLeft > h2 > span { display:inline-block; position:absolute; top:7px; right:-343px; border:#ff8601 1px solid; width:250px; height:140px; overflow: hidden; z-index: 1; }
.subCont > ul.hsLeft > h2 > em { display:inline-block; width:70px; height:1px; border-radius: 100%; border-bottom:#ff8601 1px solid; position:absolute; right:-93px; top:50%; margin:0 0 0 0; z-index: 1;}
.subCont > ul.hsLeft > h2 > i { display:inline-block; width:8px; height:8px; border-radius: 100%; background:#ff8601; position:absolute; right:-25px; top:50%; margin:-3px 0 0 0;}
.subCont > ul.hsLeft > li { width:100%; display: inline-block; font-size:13px; margin:5px 0; position:relative;}
.subCont > ul.hsLeft > li > strong { float:right; display:none; width:30px; margin:0 0 0 20px; text-align: center; background:#fff; color:#000; position:relative;z-index: 9; }
.subCont > ul.hsLeft > li > i { display:inline-block; width:6px; height:6px; border-radius: 100%; background:#ddd; position:absolute; right:-23px; top:50%; margin:-3px 0 0 0; z-index: 2;}
.subCont > ul.hsLeft > li > em { display:inline-block; width:20px; height:1px; border-radius: 100%; border-bottom:#ddd 1px dotted; position:absolute; right:-23px; top:50%; margin:0 0 0 0; z-index: 1;}

.subCont > ul.hsRight { display:inline-block; width:300px; left:50%; position:relative; margin:30px 0 0 20px; text-align: left;}
.subCont > ul.hsRight > h2 { font-size:28px; margin:0 0 10px 0; position:relative; color:#ff8601; font-family: 'NanumS'; font-weight: bold; }
.subCont > ul.hsRight > h2 > strong { display:inline-block; position:absolute; top:0; left:-350px; width:250px; height:140px; overflow: hidden; z-index: 2; border:#ddd 0px solid; }
.subCont > ul.hsRight > h2 > strong > img { width:100%; }
.subCont > ul.hsRight > h2 > span { display:inline-block; position:absolute; top:7px; left:-343px; border:#ff8601 1px solid; width:250px; height:140px; overflow: hidden; z-index: 1; }
.subCont > ul.hsRight > h2 > em { display:inline-block; width:70px; height:1px; border-radius: 100%; border-bottom:#ff8601 1px solid; position:absolute; left:-93px; top:50%; margin:0 0 0 0; z-index: 1;}
.subCont > ul.hsRight > h2 > i { display:inline-block; width:8px; height:8px; border-radius: 100%; background:#ff8601; position:absolute; left:-23px; top:50%; margin:-3px 0 0 0;}
.subCont > ul.hsRight > li { width:100%; display: inline-block; font-size:13px; margin:5px 0; position:relative;}
.subCont > ul.hsRight > li > strong { float:left; display:none; width:30px; margin:0 20px 0 0; text-align: center; background:#fff; color:#000; position:relative;z-index: 9; }
.subCont > ul.hsRight > li > i { display:inline-block; width:6px; height:6px; border-radius: 100%; background:#ddd; position:absolute; left:-23px; top:50%; margin:-3px 0 0 0; z-index: 2;}
.subCont > ul.hsRight > li > em { display:inline-block; width:25px; height:1px; border-radius: 100%; border-bottom:#ddd 1px dotted; position:absolute; left:-23px; top:50%; margin:0 0 0 0; z-index: 1;}

.subCont hr {display:block; margin:50px 0; opacity:0;}