@charset "utf-8";
/* SpoqaHanSans  */
@import url('contents.css');

.in_wrap{max-width:1100px;margin:0 auto;position:relative;}

#contentInfo{width:100%;margin:0 auto;padding-bottom:40px;position:relative;}
#contentInfo > h3{font-size:32px; line-height:48px; color:#171717; font-weight:bold; letter-spacing:-0.5px; position:relative; text-align:center;}
/*#contentInfo > h3:before{display:inline-block; content:""; width:32px; height:1px; background-color:#3b3b3b; vertical-align:top; position:absolute; top:13px; left:0px;}*/
#contentInfo > h4{display:none; width:100%; text-align:center; font-size:30px; line-height:45px; color:#171717; font-weight:400; border-bottom:1px solid #d5d5d5;}
#contentInfo > h4 span{display:inline-block; border-bottom:2px solid #3b3b3b; margin-bottom:-1px; padding:0 5px;}

#content .sub_header {position: relative; display: inline-block; width: 100%; text-align: center; height: 380px;}
#content .sub_header > div {width: 100%; height: 380px; text-align: center; background-color: #fff; }

#content .sub_header .sub_header_title_box {position: relative; display:block; width: 100%; height: 350px; line-height: 390px;}
#content .sub_header .sub_header_title_box .sub_header_title_txt {display: block; width: 100%; font-size: 55px; color: #fff; vertical-align: middle;}

#content .sub_header .sub_header_nav {position: relative; display: inline-block; width: 100%; height: 60px; line-height: 60px; }
#content .sub_header .sub_header_nav .sub_header_nav_opacity {position:absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #fb6d17; opacity:1; display: inline-block;}

#content .sub_header .sub_header_nav .nav_list_type_02 { width: 50%; height: 100%; color: #fff; font-size: 16px; }
#content .sub_header .sub_header_nav .nav_list_type_02 > a { width: 100%; height: 100%; color: #fff; }
#content .sub_header .sub_header_nav .nav_list_type_02 > a.active { background-color: #fb6d17; }
#content .sub_header .sub_header_nav .nav_list_type_02 > a:hover  { background-color: #fb6d17; }

#content .sub_header .sub_header_nav .nav_list_type_04 {position: relative; display: inline-block; float:left; width: 25%; height: 100%; color: #fff; font-size: 16px;}
#content .sub_header .sub_header_nav .nav_list_type_04:before{display:inline-block; content:""; width:1px; height:100%; background-color:#ffbe97; vertical-align:top; position:absolute; top:0; right:0;}
#content .sub_header .sub_header_nav .nav_list_type_04.last:before{width:0;}
#content .sub_header .sub_header_nav .nav_list_type_04 > a {position: relative; display: inline-block; float:left; width: 100%; height: 100%; color: #fff; }

#content .sub_header .sub_header_nav .nav_list_type_05 {position: relative; display: inline-block; float:left; width: 20%; height: 100%; color: #fff; font-size: 16px;}
#content .sub_header .sub_header_nav .nav_list_type_05:before{display:inline-block; content:""; width:1px; height:100%; background-color:#ffbe97; vertical-align:top; position:absolute; top:0; right:0;}
#content .sub_header .sub_header_nav .nav_list_type_05.last:before{width:0;}
#content .sub_header .sub_header_nav .nav_list_type_05 > a {position: relative; display: inline-block; float:left; width: 100%; height: 100%; color: #fff; }

#content .sub_header .sub_header_nav .sub_nav {position: relative; display: inline-block; display: none; width: 100%; height: 100%; color: #fff; font-size: 12px;   }
#content .sub_header .sub_header_nav .sub_nav > span {position: relative; display: inline-block; width: 100%; height: 100%; color: #fff; text-align: left; padding: 0px 15px; box-sizing: border-box; cursor: pointer;  }
#content .sub_header .sub_header_nav .sub_nav > span.active { background-color: #fb6d17; }


@media (max-width: 479px){ 
	#content .sub_header .sub_header_title_box .sub_header_title_txt { font-size: 30px; }
	#content .sub_header .sub_header_nav .nav_list_type_02 { font-size: 12px; }
	#content .sub_header .sub_header_nav .nav_list_type_04 { font-size: 12px; }
	#content .sub_header .sub_header_nav .nav_list_type_05 { font-size: 12px; }
	#content .sub_header { height: 250px; }
	#content .sub_header > div { height: 250px; }
	#content .sub_header .sub_header_title_box { height: 210px; line-height: 210px; }
	#content .sub_header .sub_header_nav { height: 40px; line-height: 40px; }

	#content .sub_header .sub_header_nav .sub_nav_list { display: none; background-color: #fff; z-index: 1; border-bottom: 1px solid #d6d6d6; box-sizing: border-box; }
	#content .sub_header .sub_header_nav .sub_nav_list:first-child { border-top: 1px solid #d6d6d6; } 
	#content .sub_header .sub_header_nav .sub_nav_list > a.active { color: #222; background-color: #fafafa; }
	#content .sub_header .sub_header_nav .sub_nav_list > a:hover { color: #222; background-color: #fafafa; }
	#content .sub_header .sub_header_nav .sub_nav_list > a { color: #222; }

	#content .sub_header .sub_header_nav .nav_list_type_02 > a { text-align: left; padding: 0px 15px; box-sizing: border-box; }
	#content .sub_header .sub_header_nav .nav_list_type_02 { width: 100%; }

	#content .sub_header .sub_header_nav .nav_list_type_04 > a { text-align: left; padding: 0px 15px; box-sizing: border-box; }
	#content .sub_header .sub_header_nav .nav_list_type_04 { width: 100%; }

	#content .sub_header .sub_header_nav .nav_list_type_05 > a { text-align: left; padding: 0px 15px; box-sizing: border-box; }
	#content .sub_header .sub_header_nav .nav_list_type_05 { width: 100%; }
	#content .sub_header .sub_header_nav .sub_nav { display: block;   }
	#content .sub_header .sub_header_nav .sub_nav > span { background: url(../images/common/nav_down.svg) no-repeat calc(100% - 15px) center;  }
}

@media (max-width: 749px) and (min-width: 480px) { 
	#content .sub_header .sub_header_title_box .sub_header_title_txt { font-size: 35px; }
	#content .sub_header .sub_header_nav .nav_list_type_02 { font-size: 12px; }
	#content .sub_header .sub_header_nav .nav_list_type_04 { font-size: 12px; }
	#content .sub_header .sub_header_nav .nav_list_type_05 { font-size: 12px; }
	#content .sub_header { height: 350px; }
	#content .sub_header > div { height: 350px; }
	#content .sub_header .sub_header_title_box { height: 300px; line-height: 300px; }
	#content .sub_header .sub_header_nav { height: 50px; line-height: 50px; }
}

@media (max-width: 1023px) and (min-width: 750px) { 
	#content .sub_header .sub_header_title_box .sub_header_title_txt { font-size: 45px; }
	#content .sub_header .sub_header_nav .nav_list_type_02 { font-size: 14px; }
	#content .sub_header .sub_header_nav .nav_list_type_04 { font-size: 14px; }
	#content .sub_header .sub_header_nav .nav_list_type_05 { font-size: 14px; }
	#content .sub_header { height: 400px; }
	#content .sub_header > div { height: 400px; }
	#content .sub_header .sub_header_title_box { height: 350px; line-height: 350px; }
	#content .sub_header .sub_header_nav { height: 50px; line-height: 50px; }

}

@media (max-width: 1299px) and (min-width: 1024px) { 
	#content .sub_header .sub_header_title_box .sub_header_title_txt { font-size: 45px;}
}


/*
	@media (max-width: 479px){ 

	}

	@media (max-width: 749px) and (min-width: 480px) { 

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}

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

	}
*/



#subCon{position:relative; padding:50px 0}
@media (max-width: 1220px){
	#subCon .in_wrap{
		width: 94%; margin:0 auto;
	}
}

.summary-tit {position:relative; display: inline-block; font-size: 18px; padding: 0 0 15px 15px; color: #222; letter-spacing: -0.5px;}
.summary-tit:before {content:""; position:absolute; top:13px; left:0; width: 5px;height: 5px;background-color: #ed4e17; border-radius: 7px;-moz-border-radius: 7px; -webkit-border-radius: 7px;}


.ul-list01{position:relative; width:100%; display:block; clear:both;}
.ul-list01 li{position:relative; display:block; padding-left:10px; line-height:25px}
.ul-list01 li:before{ content:""; position:absolute; top:10px; left:0; background:#888; width:3px; height:3px;}

.ul-list02{position:relative; width:100%; padding-left:15px;}
.ul-list02 li{position:relative; display:block; padding-left:10px; line-height:25px; font-size:15px;}
.ul-list02 li:before{ content:""; position:absolute; top:12px; left:0; background:#888; width:5px; height:1px;}