@charset "utf-8"; 



/************************************************



					setting



*************************************************/

* {margin: 0; padding: 0; border: 0; outline: 0;}

html, body {font-family: 'NanumSquare', '맑은 고딕', sans-serif; -webkit-text-size-adjust: 100%;}

ul, ol, dl {list-style:none;}

a {text-decoration: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

table, table tr, table td {border: 0; border-collapse: collapse; border-spacing: 0;}

.blind, legend, caption {display: block; overflow: hidden; position: absolute; top: 0; left: -1000em;}

.cf:after {clear: both; display: block; content: "";}

.center14 {width: 94%; margin: 0 auto; max-width: 1400px;}

textarea, select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;}







/************************************************



					text



*************************************************/

.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

h2 {font-size: 72px; font-weight: normal;}

h3 {font-size: 36px; font-weight: normal;}

h4 {font-size: 30px; font-weight: normal;}

h5 {font-size: 24px; font-weight: normal;}

h6 {font-size: 22px; font-weight: normal;}

a[href^="tel"] {color: inherit;}

.orange {color: #ff8814 !important;}







/**************************************************

                       

                       header



***************************************************/

header {

	position: relative;

}



header h1 {

	height: 140px;

	overflow: auto;

}



header h1 img {

	display: block;

	margin: 35px auto 0;

}



header ul.main_menu {

	 background: #333333;

	 text-align: center;

	 height: 50px;

	 line-height: 50px;

}



header ul.main_menu > li {

	display: inline-block;

	margin-left: 140px;

}



header ul.main_menu li:first-child {

	margin-left: 0px;

}



header ul.main_menu li a {

	color: #ffffff;

	font-size: 16px;

	font-weight: 500;

}



.mobile_btn {

	display: none;

	position: fixed;

	right: 35px;

	top: 45px;

	z-index: 9999;

	cursor: pointer;

}



.mobile_btn .line {

	background: #535252;

	width: 25px;

	height: 3px;

	transition: all 0.5s;

}



.mobile_btn .line2 {

	margin: 6px 0;

}



.line11 {

	transform: rotate(45deg);	

	transform-origin: left top;

	width: 27px !important;

	background: #ffffff !important;

}



.line22 {

	opacity: 0;

}



.line33 {

	transform: rotate(-45deg);	

	transform-origin: left bottom;

	width: 27px !important;

	background: #ffffff !important;

}



.mb_menu {

	opacity: 0;
	visibility: hidden;

	position: fixed;

	top: 0;

	right: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.6);

	z-index: -1;

	transition: 0.4s opacity;

}
.mb_menu.act {opacity: 1;visibility: visible;}


.mb_box {

	position: fixed;

	top: 0;

	right: -230px;

	width: 230px;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.8);

	z-index: 999;

	box-sizing: border-box;

	padding-top: 100px;

	padding-left: 30px;

	transition: 0.4s;

}
.mb_box.act {right:0;}


.mb_box > ul > li {

	margin-bottom: 25px;

}



.mb_box li a {

	color: #fff;

	font-size: 17px;

	transition: 0.4s;

}
.mb_box li ul.depth02 {padding-left:10px;margin:10px 0;}
.mb_box li ul.depth02 a {font-size:15px;}
.mb_box li ul.depth02:after {content:"";display:block;width:1px;height:100%;background-color: #fff;position: absolute;left:0;top:0;}
.mb_box li ul.depth02 li {margin-bottom:10px;}
.mb_box li ul.depth02 li:last-child {margin-bottom:0;}

.mb_box li a:hover {

	color: #ffffff;

}



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

	header ul.main_menu li {

		margin-left: 100px;

	}

	}



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

	header h1 {

		height: 110px;

	}



	header h1 img {

		margin: 25px auto 0;

		height: 60px;

	}



	header ul.main_menu li {

		margin-left: 80px;

	}

	}



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

	header {

		position: fixed;

		top: 0;

		left: 0;

		z-index: 99;

		background-color: #ffffff;

		width: 100%;

		border-bottom: 1px solid #ccc;

	}



	.fk_header {

		width: 100%;

		height: 110px;

	}



	header h1 a {

		float: left;

		margin-left: 40px;

	}



	header ul.main_menu {

		display: none;

	}




	}



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

	.fk_header {

		height: 100px;

	}



	header h1 {

		height: 100px;

	}



	header h1 a {

		margin-left: 30px;

	}



	header h1 img {

		margin: 25px auto 0;

		height: 50px;

	}



	.mobile_btn {

		right: 30px;

		top: 40px;

	}

	}



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

	.fk_header {

		height: 74px;

	}



	header h1 {

		height: 74px;

	}



	header h1 a {

		margin-left: 25px;

	}



	header h1 img {

		margin: 17px auto 0;

		height: 40px;

	}



	.mobile_btn {

		right: 20px;

		top: 27px;

	}



	.mb_box li a {

		font-size: 15px;

	}

	}







/**************************************************

                       

                      footer



***************************************************/

footer {

	background: #5f5f5f;

	font-family: 'Dotum', sans-serif;

	color: #ffffff;

	font-size: 12px;

	padding: 20px 0 30px;

}



footer .center14 > img {

	float: left;

	margin-top: 15px;

}



footer p.ft_info {

	line-height: 20px;

	float: left;

	margin-left: 80px;

	margin-top: 15px;

	word-break: keep-all;

}



footer p.ft_info .hide_br {

	display: none;

}



footer .ft_cs {

	float: right;

	word-break: keep-all;

}



footer .ft_cs h3 {

	font-size: 30px;

	color: #ffc400;

	font-family: 'NanumSquare', '맑은 고딕', sans-serif !important;

	font-weight: 600;

}



footer .ft_cs p {

	line-height: 20px;

	margin-left: 7px;

	margin-top: 5px;

}



footer .ft_cs p span {

	color: #ffc400;

}



footer .ft_cs ul {

	margin-top: 15px;

}



footer .ft_cs ul li {

	float: left;

	width: 40px;

	height: 40px;

	margin-left: 15px;

}



footer .ft_cs ul li:first-child {

	margin-left: 0px;

}



footer .ft_cs ul li img {

	display: block;

}



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

	footer .center14 > img {

		width: 200px;

	}



	footer p.ft_info {

		margin-left: 30px;

	}

	}



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

	footer {

		padding: 30px 0;

	}



	footer .center14 > img {

		float: none;

		margin: 0 auto 15px;

		display: block;

	}



	footer p.ft_info {

		float: none;

	}



	footer .ft_cs {

		float: none;

		text-align: center;

		margin-bottom: 20px;

	}



	footer .ft_cs h3 {

		font-size: 30px;

	}



	footer .ft_cs p {

		margin-top: 0px;

	}



	footer .ft_cs ul {

		width: 150px;

		margin: 15px auto 0;

	}

	}



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

	footer {

		padding: 20px 0;

	}



	footer .center14 > img {

		width: 180px;

	}



	footer p.ft_info {

		line-height: 18px;

	}



	footer .ft_cs h3 {

		font-size: 28px;

	}

	}



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

	footer {

		padding: 20px 0;

	}



	footer .center14 > img {

		width: 150px;

	}



	footer p.ft_info {

		line-height: 18px;

	}



	footer p.ft_info .del {

		display: none;

	}



	footer p.ft_info .hide_br {

		display: block;

	}



	footer .ft_cs h3 {

		font-size: 28px;

	}

	}







/************************************************



					inquire



*************************************************/

.main_inquire {

	background: url(../img/inquire_bg.jpg) no-repeat center center;

	background-size: cover;

	padding: 180px 0 80px;

}



.main_inquire h2.ct_title {

	font-weight: 600;

	text-align: center;

	color: #353434;

}



.main_inquire .line {

	width: 145px;

	height: 7px;

	margin: 20px auto 60px;

	background: #ff8814;

}



.main_inquire .inquire_link {

	margin-bottom: 60px;

}



.main_inquire .inquire_link li {

	float: left;

	width: 50%;

}



.main_inquire .inquire_link li img {

	width: 100%;

}



.main_inquire form .input_area {

	width: 50%;

	float: left;

	margin-bottom: 30px;

}



.main_inquire form .input_area .input_label {

	width: 160px;

	float: left;

	line-height: 50px;

	font-size: 24px;

	font-weight: 600;

	color: #353434;

	cursor: pointer;

}



.main_inquire form .input_area input[type="text"] {

	float: left;

	width: 475px;

	height: 50px;

	line-height: 48px;

	border: 1px solid #cccccc;

	box-sizing: border-box;

	border-radius: 5px;

	padding-left: 15px;

	font-size: 22px;

	font-family: inherit;

	color: #353434;

}



.main_inquire form .input_area #in_code {

	float: left;

	width: 475px;

	height: 50px;

	line-height: 48px;

	border: 1px solid #cccccc;

	box-sizing: border-box;

	border-radius: 5px;

	padding-left: 15px;

	font-size: 22px;

	font-family: inherit;

	color: #353434;

}



.main_inquire form .input_area2 {

	width: 100%;

	clear: both;

	float: none;

	margin-bottom: 50px;

}



.main_inquire form .input_area2 textarea {

	float: left;

	width: 1175px;

	height: 120px;

	border: 1px solid #cccccc;

	box-sizing: border-box;

	border-radius: 5px;

	padding: 15px;

	font-size: 22px;

	font-family: inherit;

	color: #353434;

	resize: none;

}



.main_inquire form .in_btn {

	width: 310px;

	height: 70px;

	color: #ffffff;

	background-color: #5f5f5f;

	font-size: 30px;

	font-weight: 600;

	font-family: inherit;

	margin: 0 auto;

	display: block;

	border-radius: 5px;

	cursor: pointer;

}



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

	.main_inquire {

		padding: 120px 0 80px;

	}



	.main_inquire h2.ct_title {

		font-size: 64px;

	}



	.main_inquire .line {

		width: 130px;

		height: 7px;

		margin: 20px auto 60px;

	}



	.main_inquire form .input_area .input_label {

		width: 25%;

	}



	.main_inquire form .input_area input[type="text"] {

		width: 70%;

	}



	.main_inquire form .input_area #in_code {

		width: 70%;

	}



	.main_inquire form .input_area2 .input_label {

		width: 12.5%;

	}



	.main_inquire form .input_area2 textarea {

		width: 85%;

	}

	}



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

	.main_inquire {

		padding: 80px 0 80px;

	}



	.main_inquire h2.ct_title {

		font-size: 60px;

	}



	.main_inquire .line {

		width: 120px;

		height: 7px;

		margin: 20px auto 50px;

	}



	.main_inquire form .input_area .input_label {

		font-size: 20px;

	}



	.main_inquire form .input_area input[type="text"] {

		font-size: 20px;

	}



	.main_inquire form .input_area #in_code {

		font-size: 20px;

	}



	.main_inquire form .input_area2 {

		margin-bottom: 40px;

	}



	.main_inquire form .in_btn {

		width: 280px;

		height: 60px;

		font-size: 26px;

	}

	}



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

	.main_inquire {

		padding: 60px 0 80px;

	}



	.main_inquire h2.ct_title {

		font-size: 56px;

	}



	.main_inquire .line {

		width: 100px;

		height: 6px;

		margin: 15px auto 50px;

	}



	.main_inquire .inquire_link {

		margin-bottom: 50px;

	}



	.main_inquire form .input_area {

		margin-bottom: 20px

	}



	.main_inquire form .input_area .input_label {

		font-size: 18px;

		line-height: 45px;

	}



	.main_inquire form .input_area input[type="text"] {

		font-size: 18px;

		height: 45px;

		line-height: 43px;

	}



	.main_inquire form .input_area #in_code {

		font-size: 18px;

		height: 45px;

		line-height: 43px;

	}



	.main_inquire form .input_area .input_label2 {

		letter-spacing: -1px;

	}



	.main_inquire form .input_area2 {

		margin-bottom: 30px;

	}



	.main_inquire form .in_btn {

		width: 240px;

		height: 55px;

		font-size: 22px;

	}

	}



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

	.main_inquire h2.ct_title {

		font-size: 50px;

	}



	.main_inquire .line {

		width: 80px;

		height: 6px;

		margin: 15px auto 50px;

	}



	.main_inquire .inquire_link {

		margin-bottom: 40px;

	}



	.main_inquire form .input_area {

		margin-bottom: 15px

	}



	.main_inquire form .input_area .input_label {

		font-size: 17px;

		width: 28%;

	}



	.main_inquire form .input_area input[type="text"] {

		font-size: 17px;

	}



	.main_inquire form .input_area input[type="text"] {

		width: 66%;

	}



	.main_inquire form .input_area #in_code {

		width: 66%;

		font-size: 17px;

	}



	.main_inquire form .input_area2 {

		margin-bottom: 30px;

	}



	.main_inquire form .input_area2 .input_label {

		width: 14%;

	}



	.main_inquire form .input_area2 textarea {

		width: 83%;

	}



	.main_inquire form .in_btn {

		width: 200px;

		height: 50px;

		font-size: 18px;

	}	

	}



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

	.main_inquire {

		padding: 50px 0 70px;

	}



	.main_inquire h2.ct_title {

		font-size: 40px;

	}



	.main_inquire .line {

		width: 70px;

		height: 5px;

		margin: 10px auto 40px;

	}



	.main_inquire .inquire_link {

		margin-bottom: 30px;

	}



	.main_inquire form .input_area {

		margin-bottom: 15px;

		width: 100%;

	}



	.main_inquire form .input_area .input_label {

		font-size: 17px;

		width: 17%;

		line-height: 40px;

	}



	.main_inquire form .input_area input[type="text"] {

		width: 83%;

		height: 40px;

		line-height: 38px;

	}



	.main_inquire form .input_area #in_code {

		width: 83%;

		height: 40px;

		line-height: 38px;

	}



	.main_inquire form .input_area2 {

		margin-bottom: 25px;

	}



	.main_inquire form .input_area2 .input_label {

		width: 17%;

	}



	.main_inquire form .input_area2 textarea {

		width: 83%;

	}



	.main_inquire form .in_btn {

		width: 180px;

		height: 45px;

		font-size: 17px;

	}

	}



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

	.main_inquire {

		padding: 40px 0 60px;

	}



	.main_inquire h2.ct_title {

		font-size: 36px;

	}



	.main_inquire .line {

		width: 50px;

		height: 5px;

		margin: 10px auto 30px;

	}



	.main_inquire .inquire_link {

		margin-bottom: 30px;

	}



	.main_inquire form .input_area {

		margin-bottom: 10px;

	}



	.main_inquire form .input_area .input_label {

		font-size: 16px;

		width: 18%;

	}



	.main_inquire form .input_area input[type="text"] {

		font-size: 16px;

	}



	.main_inquire form .input_area input[type="text"] {

		width: 82%;

	}



	.main_inquire form .input_area #in_code {

		width: 82%;

		font-size: 16px;

	}



	.main_inquire form .input_area2 {

		margin-bottom: 20px;

	}



	.main_inquire form .input_area2 .input_label {

		width: 18%;

	}



	.main_inquire form .input_area2 textarea {

		width: 82%;

		font-size: 16px;

	}



	.main_inquire form .in_btn {

		width: 160px;

		height: 40px;

		font-size: 16px;

	}

	}



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

	.main_inquire {

		padding: 30px 0 50px;

	}



	.main_inquire h2.ct_title {

		font-size: 32px;

	}



	.main_inquire .line {

		width: 40px;

		height: 4px;

		margin: 10px auto 25px;

	}



	.main_inquire .inquire_link {

		margin-bottom: 20px;

	}



	.main_inquire form .input_area {

		margin-bottom: 10px;

	}



	.main_inquire form .input_area .input_label {

		font-size: 15px;

		width: 20%;

	}



	.main_inquire form .input_area input[type="text"] {

		font-size: 15px;

	}



	.main_inquire form .input_area input[type="text"] {

		width: 80%;

	}



	.main_inquire form .input_area #in_code {

		width: 80%;

		font-size: 15px;

	}



	.main_inquire form .input_area2 {

		margin-bottom: 20px;

	}



	.main_inquire form .input_area2 .input_label {

		width: 20%;

	}



	.main_inquire form .input_area2 textarea {

		width: 80%;

		font-size: 15px;

	}



	.main_inquire form .in_btn {

		width: 150px;

		height: 38px;

		font-size: 15px;

	}

	}



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

	.main_inquire {

		padding: 30px 0 50px;

	}



	.main_inquire h2.ct_title {

		font-size: 26px;

	}



	.main_inquire .line {

		width: 30px;

		height: 3px;

		margin: 5px auto 20px;

	}



	.main_inquire .inquire_link {

		margin-bottom: 15px;

	}



	.main_inquire form .input_area {

		margin-bottom: 10px;

	}



	.main_inquire form .input_area .input_label {

		font-size: 14px;

		width: 27%;

		line-height: 35px;

	}



	.main_inquire form .input_area input[type="text"] {

		font-size: 14px;

		height: 35px;

		line-height: 33px;

	}



	.main_inquire form .input_area input[type="text"] {

		width: 73%;

	}



	.main_inquire form .input_area #in_code {

		width: 73%;

		font-size: 14px;

		height: 35px;

		line-height: 33px;

	}



	.main_inquire form .input_area2 {

		margin-bottom: 15px;

	}



	.main_inquire form .input_area2 .input_label {

		width: 27%;

	}



	.main_inquire form .input_area2 textarea {

		width: 73%;

		font-size: 14px;

	}



	.main_inquire form .in_btn {

		width: 120px;

		height: 35px;

		font-size: 15px;

	}

	}	







/************************************************



				popup inquire



*************************************************/

.pop_inquire {

	position: fixed;

	width: 320px;

	padding-top: 30px;

	top: 50%;

	transform: translateY(-50%);

	left: 0px;

	background: url(../img/popup_bg.jpg);

	z-index: 999;

	border: 1px solid #ac122e;

	border-left: 0;

	transition: 0.4s;

}



.pop_inquire h5 {

	text-align: center;

	font-weight: 600;

	font-size: 18px;

	color: #ac122e;

	position: relative;

	width: 90%;

	margin: 0 auto 20px;

}



.pop_inquire h5:before {

	content: '';

	position: absolute;

	width: 25%;

	height: 1px;

	top: 49%;

	left: 10px;

	background: #ac122e;

}



.pop_inquire h5:after {

	content: '';

	position: absolute;

	width: 25%;

	height: 1px;

	top: 49%;

	right: 10px;

	background: #ac122e;

}



.pop_inquire form #in_code {

	display: block;

	width: 90%;

	height: 45px;

	line-height: 45px;

	margin: 0 auto 5px;

	box-sizing: border-box;

	border-radius: 5px;

	padding-left: 40px;

	font-size: 16px;

	font-family: inherit;

	color: #353434;

	background: #ffffff url(../img/pop_list.png) no-repeat left center;

}



.pop_inquire form input[type="text"] {

	display: block;

	width: 90%;

	height: 45px;

	line-height: 45px;

	margin: 0 auto 5px;

	box-sizing: border-box;

	border-radius: 5px;

	padding-left: 40px;

	font-size: 16px;

	font-family: inherit;

	color: #353434;

	background: #ffffff url(../img/pop_person.png) no-repeat left center;

}



.pop_inquire form .phone_bg {

	background: #ffffff url(../img/pop_phone.png) no-repeat left center !important;

}



.pop_inquire form textarea {

	display: block;

	width: 90%;

	height: 70px;

	margin: 0 auto 20px;

	box-sizing: border-box;

	border-radius: 5px;

	padding: 10px;

	padding-left: 40px;

	font-size: 16px;

	font-family: inherit;

	color: #353434;

	resize: none;

	background: #ffffff url(../img/pop_msg.png) no-repeat left top;

}



.pop_inquire form .in_btn {

	display: block;

	width: 100%;

	height: 45px;

	color: #ffffff;

	background-color: #c21030;

	font-size: 17px;

	font-weight: 600;

	font-family: inherit;

	margin: 0 auto;

	display: block;

	cursor: pointer;

}



.pop_inquire a {

	position: absolute;

	width: 50px;

	height: 50px;

	top: -1px;

	right: -51px;

	background: url(../img/close_popup.jpg);

}



.pop_inquire a.open_bg {

	background: url(../img/open_popup.jpg);

}



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

	.pop_inquire {

		display: none;

	}

	}







/**************************************************

                       

                     sub page



***************************************************/

.sub_banner {

	width: 100%;

	height: 390px;

	text-align: center;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center center;

	background-color: black;

	color: #ffffff;

	position: relative;

}



.sub_banner .text_area {

	position: absolute;

	top: 50%;

	left: 0;

	width: 100%;

	transform: translateY(-50%);

}



.sub_banner h2 {

	font-size: 60px;

	margin-bottom: 30px;

}



.sub_banner h2 span {

	font-weight: 600;

	font-size: 80px;

}



.sub_banner h2 span.org {

	color: #ff8813;

	position: relative;

}



.sub_banner h2 span.org:after {

	position: absolute;

	content: '';

	width: 100%;

	height: 7px;

	background: #ff8813;

	bottom: -10px;

	left: 0;

}



.sub_cont {

	padding-top: 90px;

}



section.sub_cont h2.subpage_title {

	font-weight: 600;

	text-align: center;

	color: #353434;

}



section.sub_cont .subpage_line {

	width: 145px;

	height: 7px;

	margin: 20px auto 0;

	background: #ff8814;

}



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

	.sub_cont {

		padding-top: 80px;

	}



	section.sub_cont h2.subpage_title {

		font-size: 64px;

	}



	section.sub_cont .subpage_line {

		width: 130px;

		height: 7px;

		margin: 20px auto 60px;

	}

	}

	

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

	.sub_banner {

		height: 350px;

	}



	.sub_banner h2 {

		font-size: 56px;

	}



	.sub_banner h2 span {

		font-size: 72px;

	}



	.sub_banner h2 span.org:after {

		height: 5px;

		bottom: -7px;

	}



	.sub_banner h4 {

		font-size: 26px;

	}

	}



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

	.sub_cont {

		padding-top: 70px;

	}



	section.sub_cont h2.subpage_title {

		font-size: 60px;

	}



	section.sub_cont .subpage_line {

		width: 120px;

		height: 7px;

		margin: 20px auto 50px;

	}

	}



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

	.sub_banner {

		height: 300px;

	}



	.sub_banner h2 {

		font-size: 48px;

		margin-bottom: 20px;

	}



	.sub_banner h2 span {

		font-size: 60px;

	}



	.sub_banner h2 span.org:after {

		height: 4px;

		bottom: -7px;

	}



	.sub_banner h4 {

		font-size: 22px;

	}



	.sub_cont {

		padding-top: 60px;

	}



	section.sub_cont h2.subpage_title {

		font-size: 56px;

	}



	section.sub_cont .subpage_line {

		width: 100px;

		height: 6px;

		margin: 15px auto 50px;

	}

	}



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

	.sub_cont {

		padding-top: 50px;

	}



	section.sub_cont h2.subpage_title {

		font-size: 50px;

	}



	section.sub_cont .subpage_line {

		width: 80px;

		height: 6px;

		margin: 15px auto 50px;

	}

	}



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

	.sub_banner {

		height: 250px;

	}



	.sub_banner h2 {

		font-size: 36px;

		margin-bottom: 15px;

	}



	.sub_banner h2 span {

		font-size: 48px;

	}



	.sub_banner h2 span.org:after {

		height: 4px;

		bottom: -7px;

	}



	.sub_banner h4 {

		font-size: 18px;

	}



	.sub_cont {

		padding-top: 40px;

	}



	section.sub_cont h2.subpage_title {

		font-size: 40px;

	}



	section.sub_cont .subpage_line {

		width: 70px;

		height: 5px;

		margin: 10px auto 40px;

	}

	}



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

	.sub_banner {

		height: 180px;

	}



	.sub_banner h2 {

		font-size: 28px;

	}



	.sub_banner h2 span {

		font-size: 36px;

	}



	.sub_banner h2 span.org:after {

		height: 3px;

		bottom: -5px;

	}



	.sub_banner h4 {

		font-size: 15px;

	}



	section.sub_cont h2.subpage_title {

		font-size: 36px;

	}



	section.sub_cont .subpage_line {

		width: 50px;

		height: 5px;

		margin: 10px auto 30px;

	}

	}

	

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

	.sub_cont {

		padding-top: 30px;

	}



	section.sub_cont h2.subpage_title {

		font-size: 32px;

	}



	section.sub_cont .subpage_line {

		width: 40px;

		height: 4px;

		margin: 10px auto 25px;

	}

	}



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

	.sub_banner {

		height: 140px;

	}



	.sub_banner h2 {

		font-size: 22px;

		margin-bottom: 10px;

	}



	.sub_banner h2 span {

		font-size: 28px;

	}



	.sub_banner h2 span.org:after {

		height: 2px;

		bottom: -4px;

	}



	.sub_banner h4 {

		font-size: 12px;

	}



	section.sub_cont h2.subpage_title {

		font-size: 26px;

	}



	section.sub_cont .subpage_line {

		width: 30px;

		height: 3px;

		margin: 5px auto 20px;

	}

	}