@charset"utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900|Nanum+Myeongjo:400,700,800|Roboto:400,700&display=swap&subset=korean');

/* base */
html,
body {
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: 'Noto Sans KR', sans-serif;
}

ul,
li {
	padding: 0;
	list-style: none;
}

a,
a:hover,
a:focus {
	text-decoration: none;
}

@media (max-width: 600px) {
	header {
		/* background:rgba(9,47,88,0.7);*/
		height: 58px !important;
	}

	.display_b {
		display: block !important;
	}

	.display_n {
		display: none;
	}

	#main_content {
		margin-top: 57px !important;
	}
}

@media (max-width: 768px) and (min-width: 768px) {
	.container {
		width: 75%;
	}
}

@media (max-width: 768px) {
	.container {
		width: 88%;
	}
}

@media (min-width: 768px) {
	.container {
		width: 88%;
	}

	.container2 {
		width: 600px !important;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1100px;
	}
}

@media (max-width: 380px) {
	.container {
		padding: 0 !important;
	}

	h1 {
		font-size: 30px;
	}
}

.container {
	padding: 0;
}

/* header */
.display_b {
	display: none;
}

.header {
	background: rgba(9, 47, 88, 0.9);
}

header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	height: 67px;
	/*background: linear-gradient( to top, rgba(255, 255, 255, 0), rgba(9,47,88,0.9));
   background: linear-gradient( to top, rgba(255, 255, 255, 0.0), rgba(12,62,117,0.6), rgba(9,47,88,0.9) 70% );
  background: linear-gradient( to top, rgba(255, 255, 255, 0.0), rgba(9,47,88, 0.85)70% );
  background-color:rgba(0,0,0,.1);
  -webkit-transition-duration:0.4s;
  -webkit-transition-timing-function:ease;
  transition-duration:0.4s;
  transition-timing-function:ease;*/
	z-index: 100;
}

.down {
	width: 100%;
	height: 67px;
	background: RGBA(9, 47, 88, 0.8);
	position: fixed;
	z-index: 101;
	opacity: 0.95;
	/* For Internet Explorer 8 */
	-ms-filter: 'progid:DXImageTransform.Microsoft.Gradient(startColorStr="#01376e", endColorStr="#004183", GradientType=1)';
	-webkit-transition-duration: 0.4s;
	-webkit-transition-timing-function: ease;
	transition-duration: 0.4s;
	transition-timing-function: ease;
}

header.scroll {
	background: RGBA(9, 47, 88, 0.95);
}

/* menu1 */
.navbar-collapse {
	padding: 0;
}

.navbar-collapse.collapse {
	width: 100%;
}

.navbar-collapse.collapse ul {
	width: 100%;
}

.navbar-nav>li {
	text-align: center;
	width: 23%;
	margin-top: 9px;
	float: right !important;
}

.navbar-nav>li>a {
	color: #ffffff;
	font-size: 18px;
	letter-spacing: -1px;
}

.nav>li>a:hover,
.nav>li>a:focus {
	color: #d1f79e;
	background-color: transparent;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
	background-color: transparent;
	border-color: #b3ea64;
}

/* menu_sub */
.topnav {
	padding-bottom: 23px !important;
}

.topnav:hover {}

.subnav {
	position: absolute;
	left: 0;
	top: 50px;
	background: #ffffff;
	/* opacity: 0.9;*/
	display: none;
	padding-left: 0 !important;
	list-style: none;
	border-top: 3px solid #9dd84c;
	border-left: 1px solid #dddcda;
	border-right: 1px solid #dddcda;
	border-bottom: 1px solid #dddcda;
	border-left: 1px solid rgba(0, 0, 0, .05);
	border-right: 1px solid rgba(0, 0, 0, .05);
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	/*border-radius: 2px;*/
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .175);
}

.subnav>li>a {
	color: #333333 !important;
	font-weight: 400;
	margin: 3px 9px !important;
	padding: 5px 9px 7px 1px !important;
	width: 90%;
	float: left;
	border-bottom: 1px solid #dddcda;
	text-align: center !important;
	white-space: nowrap;
}

.subnav>li>a:hover,
.subnav>li>a:focus {
	background: none !important;
	color: #004fa0 !important;
	border-bottom: 1px solid #a3a3a3;
	text-decoration: none !important;
	white-space: nowrap;
}

.subnav>li:last-child a {
	border-bottom: none;
}

.subnav>li:last-child a:hover {
	border-bottom: none;
}

/* m_menu */
@media (max-width: 900px) and (min-width: 768px) {
	.hidden-sm {
		display: none !important;
	}

	.h_m_icon {
		color: #ffffff;
		font-size: 26px !important;
		margin-top: 20px;
	}
}

@media (max-width: 1120px) and (min-width: 600px) {
	#wrap .btn_colse {
		right: -10%;
	}
}

#wrap {
	width: 100%;
	height: 100%;
}

#wrap .btn_menu {
	z-index: 1;
	color: #ffffff;
	font-size: 25px;
	margin: 17px 20px;
}

#wrap .btn_colse {
	overflow: hidden;
	left: 8%;
	top: 0px;
	width: 100%;
	text-align: right;
	position: absolute;
	filter: none;
	cursor: pointer;
	color: #ffffff;
	font-size: 30px;
	margin: 14px 20px;
}

.wrap_box {
	width: 100%;
	overflow: hidden;
	min-height: 100%;
	position: fixed;
	z-index: 190;
	left: -100%;
}

.container_box {
	width: 100%;
	height: 100%;
	position: absolute;
}

/* m_menu �궡�슜 */
#wrap .slideMenu {
	z-index: 200;
	position: fixed;
	right: 100%;
	top: 0;
	width: 75%;
	background: #ffffff;
	height: auto;
}

.sub_top {}

.m_logo {
	background: #6bbd52;
	text-align: center;
	padding: 11px 0;
}

#leftMenu {
	margin: 0 auto;
	overflow-x: scroll;
	position: fixed;
	top: 53px;
	height: 100%;
	width: 75%;
	background: #fff;
	padding-bottom: 15%;
}

#leftMenu h2 {
	padding: 0px 0px 13px 15px;
	border-bottom: 1px solid #e2e2e2;
	font-size: 16px;
	overflow: hidden;
	margin: 15px 0 0 0;
	color: #333333;
	background: url(../img/icon_left_m_on.png) no-repeat 93% 21%;
	background-size: 13px auto;
	text-align: left;
}

/* 湲곕낯�궗�슜媛��뒫
#leftMenu h2 {padding:0px 0px 13px 15px; cursor:pointer; border-bottom:1px solid #e2e2e2; font-size:16px; overflow:hidden; color:#333333; margin:15px 0 0 0; background:url(../img/icon_left_m.png) no-repeat 93% 21%; background-size:13px auto; text-align:left; }
#leftMenu h2:hover{color:#6bbd52; background:url(../img/icon_left_m_on.png) no-repeat 93% 21% !important; background-size:13px auto !important;}
*/


/* #leftMenu h2:last-child {padding:0; cursor:pointer; border-bottom:1px solid #e2e2e2; font-size:16px; overflow:hidden; color:#333333; margin:15px 0 0 0;  background:none;}
#leftMenu h2:last-child:hover{color:#6bbd52; background:none!important;}
#leftMenu h2:last-child a {cursor:pointer; font-size:16px; overflow:hidden; color:#333333; width:100%; padding:0px 0px 13px 15px; display:block;}
#leftMenu h2:last-child a:hover{color:#6bbd52; text-decoration:none} */
#leftMenu ul {
	padding: 0;
	background-color: #f8f8f8;
	width: 100%;
	/*display:none;*/
}

#leftMenu ul li {
	font-size: 14px;
}

/* #leftMenu ul li.on a{color:#f55669; font-weight:bold; letter-spacing:-1px;} */
#leftMenu ul li a {
	padding: 8px 0 8px 28px;
	display: block;
	color: #555555;
	text-decoration: none;
	border-bottom: 1px solid #e7e7e7;
	background: url(../img/icon_dot.jpg) no-repeat 19px 17px;
}

#leftMenu ul li a:hover {
	color: #0064ba;
	background: #ffffff url(../img/icon_dot.jpg) no-repeat 19px 17px;
	/* border-bottom:1px solid #888888 !important;*/
}

/* main */
#main_content {
	margin-top: 67px;
}

#main {
	width: 100%;
	z-index: 90;
	position: absolute;
}

#main1 {
	max-width: 100%;
	text-align: center;
	background: url("../img/main_bg3.jpg") no-repeat center -10px;
	background-size: cover;
	height: 632px;
}

#main1>img {
	max-width: 25%;
	margin: 8% 0 7.5% 0;
}

@media (max-width:1600px) {
	#main1>img {
		max-width: 30%;
		margin: 7.5% 0 10% 0;
	}
}

@media (max-width:500px) {
	.img_size768 {
		max-width: 54% !important;
		padding: 27px 0 25px;
	}

	.main_size {
		margin-top: 300px !important;
	}
}

@media (max-width:768px) {
	.row {
		margin: 0 !important;
	}

	#main1>img {
		margin: 7% 0 9% 5%;
	}

	#main1 {
		height: 46% !important;
	}
}

@media (max-width:1120px) {
	#main1 {
		height: 55%;
		background-size: cover !important;
		background: url("../img/main_bg3_1.jpg") no-repeat center center;
	}

	div.visual-s>img {
		margin: 9% 0 15% 0 !important;
		max-width: 36%;
	}
}

/* visual layout */
div#main-visual {
	max-width: 100%;
	background-size: 100% auto;
	margin: 0 auto;
	text-align: center;
	z-index: 2;
	height: 700px;
}

div#main-visual h2 {
	position: absolute;
	top: 0;
	right: 0;
	visibility: hidden;
	font-size: 0;
	width: 0;
	height: 0;
	line-height: 0;
}

div#visual-warp {
	position: relative;
	max-width: 100%;
	height: 100%;
	background-size: 100% auto;
	margin: 0 auto;
	text-align: center;
	overflow: auto;
	z-index: 3;
}

div.visual-s {
	position: relative;
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	z-index: 10;
}

div.visual-s>img {
	margin: 152px 0 180px 0;
}

div#visual1 {
	background: url("../img/main_bg04.jpg") no-repeat center 0;
	max-width: 100%;
	background-size: cover;
}

div#visual2 {
	background: url("../img/main_bg03.jpg") no-repeat center 0;
	max-width: 100%;
	background-size: cover;
}

div#visual-navi {
	position: relative;
	width: 1070px;
	margin: 0 auto;
	text-align: center;
	z-index: 100;
	display: none;
}

div#visual-navi ul.navi {
	position: absolute;
	top: 332px;
	right: 20px;
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	z-index: 20;
}

div#visual-navi ul.navi li {
	position: relative;
	float: left;
	margin-left: 7px;
}

div#visual-navi ul.navi li a {
	display: block;
	padding: 5px;
	background-color: #fff;
}

div#visual-navi ul.navi li a:hover {
	background-color: #ffdf59;
}

div#visual-navi ul.navi li a.active {
	background-color: none;
}

div#visual-navi ul.player {
	position: absolute;
	top: 590px;
	right: 0;
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	z-index: 20;
}

div#visual-navi ul.player li {
	position: relative;
	float: left;
}

div#visual-navi ul.player li a {
	display: block;
	padding: 2px;
}

h2 {
	padding-bottom: 15px;
	text-align: center;
	font-size: 30px;
	color: #000000;
	font-weight: 500;
}

#main2 {
	display: none;
	margin-bottom: 30px;
}

#main2 a {
	color: #666666;
	text-decoration: none;
}

#main2 a:hover {
	color: #666666;
}

@media (max-width:1120px) {
	#main2 {
		margin: 41% 0 0 0;
		display: block !important;
		background: #f2f2f2;
		padding-bottom: 30px;
	}

	#main2>h2 {
		padding-top: 35px;
	}

	.img_box {
		width: 50% !important;
	}

	.main_img_c {
		width: 100% !important;
		margin-bottom: -20px;
		margin-left: 0 !important;
	}
}

@media (max-width:920px) {
	.main_img {
		height: 305px !important;
	}
}

@media (max-width:600px) {
	#main2 {
		margin-top: 320px !important;
	}
}

@media (max-width:768px) {
	#main2 {
		display: block !important;
	}

	.img_box {
		width: 100% !important;
	}

	.main_img {
		width: 240px !important;
		height: 290px !important;
	}

	.main_img_c {
		width: 100% !important;
		margin-bottom: 0px !important;
	}
}

@media (max-width:1120px) {
	.main_img {
		width: 65%;
		height: 295px;
		background: #ffffff;
		border: 1px solid #ececec;
		border-left: 1px solid rgba(0, 0, 0, .05);
		border-right: 1px solid rgba(0, 0, 0, .05);
		border-bottom: 1px solid rgba(0, 0, 0, .05);
		/*border-radius: 2px;*/
		-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .220);
		margin-bottom: 35px !important;
		border-radius: 7px;
	}

	.m_txt {
		margin: 0 6% 10px;
	}

	.m_txt h3 {
		color: #6fb04d !important;
	}

	.m_txt li {
		color: #222;
	}
}

@media (max-width: 1120px) and (min-width: 769px) {
	.main_img {
		width: 80% !important;
	}
}

.img_box {
	width: 25%;
	text-align: center;
	float: left;
}

.main_img {
	margin: 0 auto;
	background: #ffffff;
}

.main_img_c {
	width: 17%;
	float: left;
	margin-left: -11px;
}

.main_img ul li img,
.main_img_c ul li img {
	max-width: 55%;
}

.m_txt h3 {
	margin-top: 0;
	color: #222222;
	white-space: nowrap;
	font-size: 20px;
}

.m_txt li {
	text-align: left;
	white-space: nowrap;
	letter-spacing: -1px;
	background: url(../img/icon_dot02.jpg) no-repeat 0 10px;
	padding-left: 5px;
	line-height: 170%;
}

@media (max-width:1120px) and (max-width:768px) {
	#main4 {
		display: none !important;
	}
}

@media (max-width: 1400px) and (min-width: 1120px) {
	#main4 {
		margin: 550px auto 75px !important;
	}
}

#main4 {
	margin: 570px auto 50px;
	width: 100%;
}

#main4 a {
	color: #666666;
	text-decoration: none;
}

#main4 a:hover {
	color: #666666;
}

.main_box {
	background: #ffffff;
	border: 1px solid #ececec;
	border-left: 1px solid rgba(0, 0, 0, .05);
	border-right: 1px solid rgba(0, 0, 0, .05);
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	/*border-radius: 2px;*/
	-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .220);
}

.main_box>.img_box2 {
	width: 25%;
	float: left;
	border-left: 1px solid #ededed;
	height: 230px;
}

.main_box>.img_box2:first-child {
	border: none;
}

.img_box2>.main_img {
	padding: 25px 20px 0px 20px;
}

.img_box2>.main_img>img {
	text-align: right;
	vertical-align: bottom;
}

.m_txt2>h3 {
	margin-top: 0;
	color: #222222;
	white-space: nowrap;
	margin-bottom: 15px;
	text-align: left;
	font-size: 20px;
}

.m_txt2 li {
	text-align: left;
	white-space: nowrap;
	letter-spacing: -1px;
	background: url(../img/icon_dot02.jpg) no-repeat 0 10px;
	padding-left: 5px;
	line-height: 155%;
}

.h135 {
	height: 135px;
}

.h128 {
	height: 128px;
}

.mt-8 {
	margin-top: -8px;
}


#main3 {
	background: #ebebeb;
	margin-top: 35px;
}

.main3_quick {
	width: 100%;
	padding: 40px 0 30px;
	overflow: hidden;
}

.main3_quick>ul>li {
	width: 33%;
	float: left;
}

.quick1 {
	width: 95%;
	background: url(../img/main_img06_bg.jpg) no-repeat;
	background-size: 100% auto;
	color: #ffffff;
	padding-bottom: 23px;
	overflow: hidden;
	margin-right: 4%;
}

.quick2 {
	width: 95%;
	background: url(../img/main_img07_bg.jpg) no-repeat;
	background-size: 100% auto;
	color: #ffffff;
	padding-bottom: 23px;
	overflow: hidden;
	margin: 0 2%;
}

.quick3 {
	width: 95%;
	background: url(../img/main_img08_bg.jpg) no-repeat;
	background-size: 100% auto;
	color: #ffffff;
	padding-bottom: 23px;
	overflow: hidden;
	margin-left: 4%;
}

.quick1 .t_icon,
.quick2 .t_icon,
.quick3 .t_icon {
	right: 0;
	font-size: 20px;
	margin: 10px 25px 0 0;
	float: right;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	color: #ffffff
}

.quick1>ul>a,
a:hover,
.quick2>ul>a,
a:hover,
.quick3>ul>a,
a:hover {
	color: #ffffff;
}

.quick1 h3,
.quick2 h3,
.quick3 h3 {
	font-size: 26px;
	margin: 11px 25px 19px;
	padding: 25px 0 15px 0;
	border-bottom: 1px solid #ffffff;
	text-align: center;
	font-weight: 600;
	box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	line-height: 97%;
}

.quick1 h3 span,
.quick2 h3 span,
.quick3 h3 span {
	font-size: 15px;
	margin-left: -17px;
}

.quick1>ul>li>a,
a:hover,
.quick2>ul>li>a,
a:hover,
.quick3>ul>li>a,
a:hover {
	color: #ffffff;
}

.quick1>ul>li>a:hover,
.quick2>ul>li>a:hover,
.quick3>ul>li>a:hover {
	text-decoration: none;
}

.quick1>ul>li {
	width: 50%;
	float: none;
	margin-left: 47%;
	white-space: nowrap;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	color: #ffffff;
}

.quick1 ul li span {
	padding-left: 9px;
}

.quick2>ul>li {
	float: none;
	margin-left: 9%;
	white-space: nowrap;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	color: #ffffff;
	line-height: 165%;
}

.quick3>ul>li {
	float: none;
	margin: 0 9%;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	color: #ffffff;
	line-height: 165%;
	padding-bottom: 27%;
}

@media (max-width:1120px) {

	.quick1,
	.quick2,
	.quick3 {
		width: 97%;
	}

	.quick1 h3,
	.quick2 h3,
	.quick3 h3 {
		font-size: 2vw !important;
		font-size: 22px;
		margin: 2% 8%;
		padding: 6% 0 4% 5%;
		text-align: center;
	}

	.quick1 h3 span,
	.quick2 h3 span,
	.quick3 h3 span {
		font-size: 1.5vw !important;
		font-size: 14px;
		margin-left: -3%;
		white-space: nowrap;
	}

	.quick1 ul li,
	.quick2 ul li,
	.quick3 ul li {
		font-size: 1.4vw !important;
		font-size: 13px;
	}

	.quick1 ul li {
		line-height: 135%;
		width: 40%;
		margin-left: 41%;
	}

	.quick2 ul li {
		font-size: 1.4vw !important;
		margin-left: 4%;
		line-height: 150%;
		letter-spacing: -1px;
	}
}

@media (max-width:768px) {
	.main3_quick>ul>li {
		width: 100%;
		float: none;
		margin-bottom: 5% !important;
	}

	.quick1,
	.quick2,
	.quick3 {
		width: 335px;
		margin: 0 auto;
	}

	.quick1 h3,
	.quick2 h3,
	.quick3 h3 {
		font-size: 26px !important;
		margin: 11px 25px 27px;
		padding: 20px 0 15px 0;
	}

	.quick1 h3 span,
	.quick2 h3 span,
	.quick3 h3 span {
		font-size: 15px !important;
		margin-left: -17px;
	}

	.quick1 ul li,
	.quick2 ul li,
	.quick3 ul li {
		font-size: 14px !important;
	}

	.quick2 ul li {
		margin-left: 7%;
		white-space: nowrap;
		line-height: 165%;
		letter-spacing: 0;
		font-size: 14px !important;
	}
}

@media (max-width:380px) {
	.main3_quick>ul>li {
		width: 100%;
		float: none;
		margin-bottom: 4% !important;
	}

	.quick1,
	.quick2,
	.quick3 {
		width: 90%;
		margin: 0 auto;
	}

	.quick1 h3,
	.quick2 h3,
	.quick3 h3 {
		font-size: 26px !important;
		margin: 11px 25px 11px;
		padding: 5px 0 5px 0;
	}

	.quick1 h3 span,
	.quick2 h3 span,
	.quick3 h3 span {
		font-size: 15px !important;
		margin-left: -17px;
	}

	.quick1 ul li,
	.quick2 ul li,
	.quick3 ul li {
		font-size: 14px !important;
	}

	.quick2 ul li {
		margin-left: 5%;
		white-space: nowrap;
		line-height: 155%;
		letter-spacing: -0.5px;
		font-size: 13px !important;
	}
}

/* footer */
@media (max-width: 1645px) and (min-width: 1121px) {
	#footer {
		position: fixed;
		bottom: 0;
	}
}

@media (max-width: 1120px) {
	#footer {
		background: #ffffff !important;
	}

	#footer>.container li:first-child {
		display: none !important;
	}

	.footer>.container li:first-child {
		display: none !important;
	}
}

@media (max-width: 990px) {
	#footer>.container li>p {
		font-size: 12px !important;
		margin: 5px 7px 6px;
	}

	#footer>.container li:last-child {
		padding: 2px 0 0 7px !important;
		float: right;
	}

	.footer>.container li>p {
		font-size: 12px !important;
		margin: 5px 7px 6px;
	}

	.footer>.container li:last-child {
		padding: 2px 0 0 7px !important;
		float: right;
	}
}

@media (max-width: 768px) {
	#footer>.container li {
		width: 100%;
	}

	#footer>.container li>p:first-child {
		display: none;
	}

	#footer>.container li>p {
		margin: 38px 10% 0 10% !important;
	}

	#footer>.container li:last-child {
		position: absolute;
		left: 0;
	}

	.footer>.container li {
		width: 100%;
	}

	.footer>.container li>p:first-child {
		display: none;
	}

	.footer>.container li>p {
		margin: 38px 10% 0 10% !important;
	}

	.footer>.container li:last-child {
		position: absolute;
		left: 0;
	}
}

#footer {
	width: 100%;
	text-align: center;
	font-size: 12px;
	padding: 20px 0;
	color: #545454;
	font-weight: 500;
	background: #f1f1f1;
}

#footer>.container img {
	margin-left: 3px;
}

#footer>.container li:first-child {
	width: 190px;
	margin: 0 20px 0 0;
}

#footer>.container li {
	font-weight: 400;
	float: left;
}

#footer>.container li>p {
	font-size: 14px;
	margin: 10px 7px 0px;
}

#footer>.container li>p:last-child {
	font-size: 12px;
	margin: 6px 7px 0px;
}

#footer>.container li span {
	color: #6cb402;
}

#footer>.container li:last-child {
	padding: 5px 0 0 20px;
	float: right;
}

.footer {
	width: 100%;
	text-align: center;
	font-size: 12px;
	padding: 25px 0 30px;
	color: #545454;
	font-weight: 500;
	background: #e7eaff;
}

.footer>.container img {
	margin-left: 3px;
}

.footer>.container li:first-child {
	width: 190px;
	margin: 0 20px 0 0;
}

.footer>.container li {
	font-weight: 400;
	float: left;
}

.footer>.container li>p {
	font-size: 14px;
	margin: 10px 7px 0px;
}

.footer>.container li>p:last-child {
	font-size: 12px;
	margin: 6px 7px 0px;
}

.footer>.container li span {
	color: #6cb402;
}

.footer>.container li:last-child {
	padding: 5px 0 0 20px;
	float: right;
}

.footer_sub {
	width: 100%;
	text-align: center;
	font-size: 12px;
	padding: 15px 0;
	color: #545454;
	border-top: 1px solid #d8d8d8;
	background: #ffffff !important;
}


/*subTreeMenu*/
@media (max-width: 360px) {
	.firstMenu {
		display: none;
	}
}

@media (min-width: 768px) {
	.width190 {
		width: 190px !important;
	}
}

@media (max-width: 500px) {
	.subTreeMenu>ul>li {
		padding: 0px 15px !important;
	}
}

.width190 {
	padding: 0 20px !important;
}

.subTreeMenu {
	width: 100%;
	height: 41px;
	background: #fafafa;
	border-bottom: 1px solid #dcdcdc;
	position: fixed;
	z-index: 90;
}

.subTreeMenu>ul {
	margin-bottom: 0 !important;
	height: 41px;
}

.subTreeMenu>ul>li {
	position: relative;
	float: left;
	height: 41px;
	line-height: 41px;
	padding: 0px 30px
}

.subTreeMenu>ul>li:before {
	content: "";
	width: 1px;
	height: 15px;
	background: #e1e1e1;
	position: absolute;
	top: 13px;
	left: 0px
}

.subTreeMenu>ul>li:first-child {
	text-align: left;
	background: none;
	padding-right: 0;
	padding-left: 5px
}

.subTreeMenu>ul>li:first-child:before {
	content: "";
	display: none
}

.subTreeMenu>ul>li:first-child img {
	width: 17px;
	height: 15px;
	margin-top: -3px;
}

.subTreeMenu>ul>li:first-child>a {
	background: none !important;
	margin: 0;
	padding-right: 0px
}

.subTreeMenu>ul>li span {
	display: block;
	margin-right: 0
}

.subTreeMenu>ul>li>a {
	display: block;
	margin: 0 0 0 0px;
	padding-right: 15px;
	background: url(../img/ico_down01.png) no-repeat right center;
	color: #333;
}

.subTreeMenu>ul>li>a>span {
	margin-left: 0
}

.subTreeMenu>ul>li a:hover {
	color: #337ab7;
	text-decoration: none !important;
}

.width220 {
	width: 195px !important;
}

.width220>a {
	display: block;
	margin: 0 0 0 0px;
	padding-right: 25px;
	background: url(../img/ico_down01.png) no-repeat right center;
	color: #333;
}

.treeBox_subnav {
	position: absolute;
	left: 0;
	top: 40px;
	display: none;
	padding-left: 0 !important;
	list-style: none;
	border: 1px solid #e1e1e1;
	background: #fff;
	z-index: 1;
}

.treeBox_subnav>li {
	float: none !important;
}

.treeBox_subnav>li>a {
	color: #333333 !important;
	padding: 0 25px !important;
	width: 100%;
	float: left;
	border-bottom: 1px solid #dddcda;
	white-space: nowrap;
	background: none !important;
}

.treeBox_subnav>li>a:hover,
.treeBox_subnav>li>a:focus {
	background: #fafafa !important;
	color: #002b5c !important;
	border-bottom: 1px solid #a3a3a3;
	white-space: nowrap;
}

.treeBox_subnav>li>a.on {
	background: #fafafa !important;
	color: #002b5c !important;
	white-space: nowrap;
}


/***** modal_content *****/
.modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.7);
	overflow: hidden;
}

.modal>.close_m {
	cursor: pointer;
	opacity: 1 !important;
}

.modal>.close_m:hover,
.close_m:focus {
	cursor: pointer;
	opacity: 1 !important;
}

.modal_content {
	background-color: #fefefe;
	margin: 12% auto;
	padding: 0px 13px 13px 13px;
	border: 1px solid #888;
	width: 430px;
}

.modal_content>span {
	color: #000;
	float: right;
	font-size: 28px;
	font-weight: bold;
	cursor: pointer;
	opacity: 0.8;
	margin: 4px 0 -5px;
}

@media (max-width: 400px) {
	.modal_content {
		margin: 37% auto !important;
		width: 75% !important;
	}
}

@media (max-width: 800px) {
	.modal_content {
		width: 60%;
	}

	.modal_content>img {
		width: 100%;
	}
}

@media (max-width: 1100px) {
	.modal_content {
		margin: 25% auto;
	}
}

/* sub */
#sub_contents {
	margin-top: 30px;
}

@media (max-width: 900px) {
	.sub01 {
		background: url(../img/sub01_bg.jpg) no-repeat right bottom !important;
		background-size: 70% auto !important;
	}

	.sub01 li p {
		width: 100% !important;
		line-height: 140% !important;
	}
}

@media (max-width: 600px) {
	.sub01 li:nth-child(2) {
		font-size: 22px !important;
	}
}

@media (max-width: 500px) {
	.sub01 {
		background-size: 90% auto !important;
	}
}

@media (max-width: 380px) {
	.sub01 {
		padding: 0 15px;
	}

	.sub01 li:nth-child(2) {
		line-height: 140%;
		margin-bottom: 26px;
	}

	.sub01 li:nth-child(2) span {
		color: #0c93cd;
	}
}

@media (max-width:380px) {
	.sub01 li:first-child {
		font-size: 22px !important;
	}

	.tab_pb70 {
		padding: 0px 0 180px !important;
	}
}

@media (max-width: 600px) {
	h1 {
		padding: 50px 0 28px 0 !important;
		font-size: 26px !important;
	}

	.sub01 ul {
		padding-top: 32px !important;
	}
}

h1 {
	border-bottom: 1px solid #3f3f3f;
	padding: 50px 0 35px 0;
	margin-bottom: 0 !important;
}

.sub01 {
	background: url(../img/sub01_bg.jpg) no-repeat right 50px;
}

.sub01 ul {
	margin-bottom: 0 !important;
	padding-top: 60px;
}

.sub01 img {
	max-width: 100%;
	height: auto;
}

.sub01 li:first-child {
	color: #47423e;
	font-family: Nanum Myeongjo;
	font-size: 26px;
	font-weight: 600;
	line-height: 130%;
	letter-spacing: -1px;
	margin-bottom: 26px;
}

.sub01 li:first-child span {
	color: #0c93cd;
}

.sub01 li p {
	width: 60%;
	line-height: 160%;
	font-size: 15px;
}

.tab_pb70 {
	padding: 30px 0 180px;
	font-size: 20px;
}

.tab_pb70>span {
	font-size: 17px;
	vertical-align: text-top;
	padding-top: 3px;
	display: inline-block;
}

@media (min-width:1100px) {
	.history_box {
		width: 55% !important;
	}
}

@media (max-width:600px) {
	.history_box>ul>li {
		width: 100% !important;
	}

	.history_box>ul>li.year {
		width: 100% !important;
	}
}

@media (max-width:450px) {
	.history_box {
		width: 88% !important;
	}

	.history_box>ul>li>h4 {
		font-size: 30px !important;
	}

	.history>ul>li {
		font-size: 14px !important;
	}

	.history_box>ul {
		margin-top: 50px !important;
	}
}

.sub01_02 {
	background: url(../img/sub01_02bg.gif) repeat-y center top;
	background-size: 100% auto;
	width: 100%;
}

.history_box {
	width: 70%;
	overflow: hidden;
	margin: 0 auto;
}

.history_box>ul {
	margin-top: 80px;
}

.history_box>ul>li>h4 {
	background: url(../img/history_year2.gif) no-repeat 1px 8px;
	padding-top: 13px;
	font-size: 34px;
	font-weight: normal;
	letter-spacing: -1px;
	margin-top: 0 !important;
	margin-bottom: 15px !important;
	padding-right: 50%;
}

.history_box>ul>li {
	float: left;
	width: 75%;
}

.history_box>ul>li.hi_year {
	width: 25%;
}

.history {
	margin-bottom: 60px;
	width: 100%;
	overflow: hidden;
}

.history>ul>li {
	background: url(../img/dot.gif) no-repeat left 13px;
	padding-left: 13px;
	line-height: 200%;
	clear: both !important;
	text-align: left;
	font-size: 15px;
}

.sub01_03 {
	background: #fafafb;
	width: 100%;
	padding: 50px 0;
	text-align: center;
}

.sub01_03 ul {
	background: url(../img/sub01_03bg.png) repeat-y center top;
	background-size: 100% auto !important;
}

.md_img img {
	max-width: 96%;
}

@media (min-width:1100px) {
	.md_img img {
		max-width: 100% !important;
	}
}

@media (max-width:500px) {
	.sub01_04 h4 {
		font-size: 18px !important;
	}
}

.sub01_04 {
	margin-top: 50px;
}

.sub01_04 h4 {
	background: url(../img/icon01.png) left 2px no-repeat;
	padding-left: 10px;
	font-size: 23px;
	margin-bottom: 15px;
}

.sub01_04 ul {
	margin-bottom: 40px;
	overflow: hidden;
}

.sub01_04 ul li span {
	width: 165px;
}

.sub01_04 ul li span {
	margin-left: 10px;
	display: inline-block;
	margin-bottom: 10px;
}

@media (max-width:600px) {
	.sub01_04 {
		width: 90%;
		margin-left: 5%;
	}
}

@media (max-width:400px) {
	.sub01_01 {
		margin: 0 5% !important;
	}

	.sub01_04 {
		margin: 25px 5% 0 !important;
	}

	.sub01_06 {
		margin: 35px 5% !important;
	}

	.sub01_04 ul li {
		text-align: center;
	}
}

.sub01_05 {
	margin-top: 45px;
}

.tab_top {
	text-align: center;
	overflow: hidden;
	margin-bottom: 40px;
}

@media (max-width:1000px) {
	.hidden-1000 {
		display: none !important;
	}

	.tab_top ul {
		width: 100% !important;
	}

	.business_list {
		background: none !important;
	}

	.business_list ul {
		width: 100% !important;
		margin-bottom: 50px !important;
		padding-left: 0px !important;
	}

	.year {
		font-size: 50px !important;
	}

	.m-85 {
		margin-top: 0px !important;
	}
}

.tab_top ul {
	float: left;
	padding: 15px 0 13px;
	background: #f5f5f5;
	width: 50%;
}

.tab_top ul li {
	float: left;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
}

.business_list {
	width: 100%;
	background: url(../img/sub01_05_line.jpg) repeat-y center top;
	overflow: hidden;
}

.business_list ul {
	float: left;
	width: 50%;
	margin-bottom: 50px;
}

.business_list ul li {
	float: left;
}

.year {
	color: #000000;
	width: 22%;
	text-align: center;
	font-size: 40px;
	font-weight: 500;
	font-family: "Times New Roman", Times, serif;
	vertical-align: top;
	letter-spacing: -1px;
	line-height: 89%;
	padding-left: 15px;
}

.company {
	color: #1049a2;
	width: 29%;
	text-align: left;
	font-size: 15px;
	line-height: 150%;
	padding-left: 12px;
}

.title {
	color: #555555;
	width: 47%;
	text-align: center;
	font-size: 15px;
}

.title p {
	margin-bottom: 0 !important;
	line-height: 150%;
	background: url(../img/dot02.gif) no-repeat 0 10px;
	text-align: left;
	padding-left: 8px;
	letter-spacing: -0.5px;
}

@media (max-width:1200px) {
	.year {
		float: none !important;
		text-align: left !important;
		margin-bottom: 10px;
	}

	.company {
		width: 32% !important;
		margin-left: 5px;
	}

	.title {
		width: 65% !important;
	}

	.m-85 {
		margin-top: -85px;
	}
}

@media (max-width:1000px) {
	/*.year{background:linear-gradient( to bottom, white 74%, RGBA(124,188,91,0.6) 16% ); width:100%; margin-left:18px; padding-left:0!important;}*/
}

@media (max-width:700px) {
	.year {
		font-size: 36px !important;
	}
}

@media (max-width:450px) {
	.year {
		font-size: 25px !important;
		margin-left: 10px;
	}

	.tab_top ul li {
		padding-left: 0 !important;
	}

	.year {
		padding-left: 0 !important;
		padding-top: 3px;
	}
}

@media (max-width:510px) {
	.display1_05 {
		display: none !important;
	}

	.display1_05n {
		display: block !important;
	}

	.sub01_05 {
		margin-top: 40px;
	}

	.tab_top {
		margin-bottom: 20px;
	}

	.business_list ul li {
		float: none !important;
	}

	.company2 {
		color: #1049a2;
		width: 100%;
		text-align: left;
		font-size: 15px;
		line-height: 150%;
		padding-left: 12px;
	}

	.title2 {
		color: #777777;
		width: 100%;
		text-align: center;
		font-size: 15px;
	}

	.title2 p {
		margin: 0 0 5px 17px !important;
		line-height: 150%;
		background: url(../img/dot02.gif) no-repeat 0 10px;
		text-align: left;
		padding-left: 8px;
	}
}

.display1_05 {
	display: block;
}

.display1_05n {
	display: none;
}

.sub01_06 {
	margin-top: 50px;
}

.sub01_06 h4 {
	background: url(../img/icon01.png) left 2px no-repeat;
	padding-left: 10px;
	font-size: 23px;
	margin-bottom: 15px;
}

/*----------------------------
	Thumbnails
-----------------------------*/

.thumbs {
	width: 100%;
	margin: 35px auto 35px;
	overflow: hidden;
	text-align: center;
}

@media (max-width:617px) {
	.thumbs ul {
		text-align: center !important;
	}
}

.thumbs ul {
	margin-bottom: 0 !important;
	text-align: left;
}

@media (max-width: 380px) {
	.thumbs ul li {
		margin: 0 0 30px 0 !important;
	}
}

.thumbs ul li {
	width: 240px;
	display: inline-block;
	margin: 0 15px 30px;
	vertical-align: top;
	cursor: pointer;
}

.g_box {
	border: 1px solid #dddddd;
	padding-top: 25px;
	text-align: center;
}

.g_box p {
	height: 52px;
	display: inline-block;
	background: #fafafb;
	text-align: center;
	border-top: 1px solid #dddddd;
	width: 100%;
	padding: 15px 0;
	color: #000000;
	font-size: 15px;
	font-weight: 600;
	margin: 0 !important;
}

.g_tit {
	padding: 10px 0 !important;
	line-height: 110%;
}

.g_txt {
	width: 100%;
	color: #777777;
	font-size: 13px;
	font-weight: normal;
	margin-left: 0 !important;
}



.thumbs a {
	width: 150px;
	height: 185px;
	display: inline-block;
	/* box-shadow:0 1px 5px rgba(0,0,0,0.5); */
	margin: 6px 6px 25px;
	position: relative;
	text-decoration: none;

	background-position: center center;
	background-repeat: no-repeat;

	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	z-index: -1;
}

.thumbs a:after {}

#credit {
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	font-size: 11px;
	margin: 0 auto 70px;
	opacity: 0.5;
	padding: 12px 16px;
	text-align: center;
	width: 400px;
}


/*----------------------------
	Media Queries
-----------------------------*/


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

	.thumbs,
	#credit {
		width: auto;
	}

	footer {
		display: none;
	}

	#bsaHolder {
		display: none;
	}
}

.map_txt {
	margin-bottom: 50px;
}

.map_txt>li {
	line-height: 200%;
	font-weight: 500;
	font-size: 14px;
	color: #333333;
}


/* sub02_01 */
.sub02_01 {
	background: url(../img/sub02_01bg.png) repeat-y 10% 12px;
	width: 100%;
	padding: 45px 0;
	margin-bottom: 50px;
	text-align: center;
	overflow: hidden;
}

.sub02_01>ul {
	background-size: 100% auto !important;
	width: 85%;
	margin: 0 auto;
}

/*.business_info{background:url(../img/sub02_01img.png) no-repeat center 45px;}*/
.business_info {
	background: url(../img/sub02_1img.png) no-repeat center center;
	background-size: 28%;
}

@media (max-width:920px) {
	.display_920 {
		display: block !important;
	}

	.display_920>ul {
		width: 60%;
		margin: 0 auto;
	}

	.hidden-920 {
		display: none !important;
	}

	.text_box {
		padding: 5% 0 !important;
		width: auto !important;
	}

	.text_box ul {
		width: auto !important;
		margin-left: 0 !important;
	}

	.text_box h5 {
		color: #000000 !important;
		font-size: 22px !important;
		text-align: left;
	}

	.title320 {
		color: #7fc31c !important;
		font-size: 28px !important;
		font-weight: 600;
		margin-top: -10px;
		margin-bottom: 10px;
	}
}

@media (max-width:650px) {
	.box_ptl15>li {
		margin: 0 !important;
	}
}

@media (max-width:600px) {
	.display_920>ul {
		width: 90% !important;
	}

	.h_auto {
		height: auto !important;
	}
}

.business_info>ul {
	overflow: hidden;
}

.business_info li {
	float: left;
	width: 33%;
}

.text_box {
	font-size: 14px;
	font-weight: 500;
	line-height: 180%;
}

.text_box>ul {
	width: 95%;
	height: 210px;
	background: rgba(244, 245, 247, 0.6);
	border: 1px solid #ececec;
	border-left: 1px solid rgba(0, 0, 0, .05);
	border-right: 1px solid rgba(0, 0, 0, .05);
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	border-radius: 9px;
	-webkit-box-shadow: 1px 2px 3px rgb(0 0 0 / 22%);
	padding: 12px 4% 12px 4%;
	margin: 0px 3% 2px;
}

.text_box>.text_box_r {
	float: right;
}

.text_box h5 {
	font-size: 18px !important;
	margin: 0 3% 12px;
	letter-spacing: -1.5px;
	border-radius: 30px;
	padding: 9px 10px;
	background: rgba(255, 255, 255, 0.6)
}

.text_box li {
	background: url(../img/dot02.gif) no-repeat 0 10px;
	padding-left: 7px;
	float: none !important;
	width: 100% !important;
	text-align: left !important;
	letter-spacing: -1px;
	font-size: 15px;
	font-weight: normal;
}

.text_box li p {
	color: #888888;
	font-weight: normal !important;
	line-height: 140% !important;
	margin-bottom: 0 !important;
}

.text_box_920 {
	font-size: 14px;
	font-weight: 500;
	line-height: 180%;
	margin-bottom: 45px;
}

.text_box_920>ul {
	width: 95%;
	height: 210px;
	background: rgba(244, 245, 247, 0.6);
	border: 1px solid #ececec;
	border-left: 1px solid rgba(0, 0, 0, .05);
	border-right: 1px solid rgba(0, 0, 0, .05);
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	border-radius: 9px;
	-webkit-box-shadow: 1px 2px 3px rgb(0 0 0 / 22%);
	padding: 12px 4% 12px 4%;
	margin: 0px 3% 2px;
}

.text_box_920 h5 {
	font-size: 18px !important;
	margin: 0 5% 12px;
	letter-spacing: -1.5px;
	border-radius: 30px;
	padding: 9px 10px;
	background: rgba(255, 255, 255, 0.6)
}

.text_box_920 li {
	background: url(../img/dot02.gif) no-repeat 0 9px;
	padding-left: 7px;
	width: 100% !important;
	text-align: left !important;
	letter-spacing: -1px;
}

.text_box_920 li p {
	color: #888888;
	font-weight: normal !important;
	line-height: 140% !important;
	margin-bottom: 0 !important;
}

.box_ptl15 {
	height: auto !important;
}

.box_ptl15>li {
	margin: 0 2% 0 10%;
}

@media (min-width:1100px) {
	.md_img img {
		max-width: 100% !important;
	}
}


/* sub02_02 */
.system {
	background: #f4f5f7;
	margin: 10px 0;
	overflow: hidden;
	padding: 40px 30px 10px;
	text-align: center;
}

.system>ul {
	width: 100%;
	padding-bottom: 9%;
	overflow: auto;
	display: inline-block;
	position: relative;
	margin-bottom: 0 !important;
	margin-left: 2%;
}

.system>ul>li {
	float: left;
	text-align: center;
}

.system>ul>li:first-child {
	width: 36%;
	text-align: left !important;
	background: url(../img/sub02_02icon01.png) no-repeat 86% 34%;
}

.system>ul>li:nth-child(2) {
	width: 35%;
	text-align: left !important;
	background: url(../img/sub02_02icon01.png) no-repeat 86% 49%;
}


@media (max-width:1165px) {
	.system3>ul>li>img {
		max-width: 87%;
	}

	.system3>ul>li {
		background: url(../img/sub02_02icon01.png) no-repeat right center;
	}
}

@media (max-width:965px) {
	.diagram2>h5 {
		font-size: 13px !important;
	}

	.system4>ul>li {
		background: url(../img/sub02_02icon01.png) no-repeat right center;
	}

	.system4>ul>li:last-child {
		width: 30% !important;
		background: none !important;
	}
}

@media (max-width:850px) {
	.system3>ul>li {
		display: block !important;
		text-align: center !important;
		width: auto !important;
		padding-bottom: 30px;
		background: url(../img/sub02_02icon02.png) no-repeat center 97% !important;
	}

	.system3>ul>li>img {
		max-width: 100%;
	}

	.system3>ul>li:last-child {
		padding-right: 0 !important;
	}

	.system4>ul>li {
		display: block !important;
		width: 100% !important;
		padding-bottom: 30px;
		background: url(../img/sub02_02icon02.png) no-repeat center 98% !important;
	}

	.system4>ul>li:last-child {
		padding: 0 !important;
		width: 100% !important;
	}

	.diagram_box {
		margin: 0 auto;
	}

	.diagram_box>ul {
		text-align: center;
	}

	.diagram_box>ul>li {
		display: inline-block;
		text-align: center;
	}

	.diagram2 {
		width: 160px;
	}

	.diagram2>ul {
		height: 130px;
	}

	.m_auto {
		margin: 0 auto !important;
	}

	.diagram {
		margin: 0 auto !important;
		width: 180px;
	}
}

.system3 {
	margin: 10px 0;
	overflow: hidden;
	padding: 30px 0px 10px;
	text-align: center;
	background: #f4f5f7;
}

.system3>ul {
	padding-bottom: 15px;
	margin-bottom: 0 !important;
}

.system3>ul>p {
	margin: 0 !important;
}

.system3>ul>li {
	display: inline-block;
	text-align: left;
	width: 23%;
	background: url(../img/sub02_02icon01.png) no-repeat 96% center;
}

.system3>ul>li:first-child {
	background: url(../img/sub02_02icon01.png) no-repeat 97% center;
}

.system3>ul>li:last-child {
	width: 20%;
	background: url(../img/sub02_02icon01.png) no-repeat 95% center;
	padding-right: 35px;
	vertical-align: middle;
}

.diagram {
	margin: 25px 0;
}

.diagram>ul {
	background: #ffffff;
	border: 2px solid rgba(255, 157, 0, 0.6);
	border-radius: 7px;
	padding: 7px 4% 7px 7%;
	margin: 0px 3% 2px;
}

.diagram>.diagram_r {
	float: right;
}

.diagram>h5 {
	font-size: 18px !important;
	margin: 0 3% 12px;
	letter-spacing: -1.5px;
	border-radius: 30px;
	padding: 9px 10px;
	background: rgba(255, 255, 255, 0.6)
}

.diagram>ul>li {
	color: #ff8a00;
	background: url(../img/dot02.gif) no-repeat 0 11px;
	padding-left: 7px;
	margin-bottom: 3px;
	width: 100% !important;
	text-align: left !important;
	letter-spacing: -1px;
	font-size: 15px;
	font-weight: normal;
}

.diagram>ul>li>p {
	color: #111111;
	font-weight: normal !important;
	line-height: 140% !important;
	margin-bottom: 0 !important;
	font-size: 13px;
	letter-spacing: 0;
}


.system4 {}

.system4>ul {
	padding-bottom: 15px;
	margin-bottom: 0 !important;
}

.system4>ul>p {
	margin: 0 !important;
}

.system4>ul>li {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: 20%;
	text-align: left !important;
	background: url(../img/sub02_02icon01.png) no-repeat 95% center;
}

.system4>ul>li:nth-child(3) {
	background: url(../img/sub02_02icon01.png) no-repeat 92% center;
}

.system4>ul>li:last-child {
	width: 23%;
	background: none;
	padding-right: 35px;
}

.diagram_box {
	width: 84%;
	background: #e5ecf9;
	border-radius: 7px;
	border: 1px solid #457cb2;
}

.diagram_box>ul {
	margin: 0 auto;
}

.diagram_box>ul>li {}

.diagram2 {
	margin: 10px 7px;
}

.diagram2>ul {
	background: #ffffff;
	border: 2px solid rgba(69, 124, 178, 0.6);
	border-radius: 7px;
	padding: 7px 4% 7px 7%;
	margin: 0px 3% 2px;
}

.diagram2>.diagram_r {
	float: right;
}

.diagram2>h5 {
	font-size: 16px;
	margin: 0;
	letter-spacing: -0.5px;
	border-radius: 30px;
	padding: 5px;
	background: rgba(255, 255, 255, 0.6);
	margin: 5px;
	text-align: center;
	color: #66a944;
	border: 2px solid rgba(124, 188, 91, 0.6);
}

.diagram2>ul>li {
	color: #3389e8;
	background: url(../img/dot02.gif) no-repeat 0 9px;
	padding-left: 7px;
	margin-bottom: 3px;
	width: 100% !important;
	text-align: left !important;
	letter-spacing: -1px;
	font-size: 14px;
	font-weight: normal;
}

.diagram2>ul>li>p {
	color: #111111;
	font-weight: normal !important;
	line-height: 140% !important;
	margin-bottom: 0 !important;
	font-size: 12px;
	letter-spacing: 0;
}



.sub02_02_line2>ul> {
	clear: both;
	width: 100%;
}

.sub02_02_line2>ul>li {
	float: left !important;
	text-align: center !important;
	clear: both;
	width: auto !important;
}

.step {
	position: absolute;
	top: 63%;
	left: 25%;
}

@media (max-width:1150px) {
	.step {
		left: 20%;
	}
}

.text_s {
	display: block !important;
	padding-top: 10px;
	margin-bottom: 0 !important;
}

.text_s li {
	width: 33%;
	font-size: 12px;
	line-height: 155%;
	text-align: left;
	padding-left: 15px;
	color: #444444;
	float: left;
}

.text_box2 {
	color: #444444;
	margin-left: 25px;
	margin-top: 13px;
	width: 80% !important;
	display: inline-block;
	margin-bottom: 0 !important;
}

@media (max-width:1100px) {
	.step {
		top: 60% !important;
		left: 15% !important;
	}

	.step>img {
		width: 72%;
	}

	.step>ul {
		width: 82%;
		margin-left: 12%;
	}

	.system>ul {
		padding-bottom: 68px !important;
	}

	.system>ul>li {
		width: 32% !important;
	}

	.system>ul>li>img {
		width: 61%;
	}

	.system>ul>li:nth-child(2) {
		background: url(../img/sub02_02icon01.png) no-repeat 90% 49% !important;
	}

	.text_s {
		margin-left: 16%;
	}

	.text_s li {
		width: 26%;
		font-size: 11px;
	}

	.ml22 {
		margin-left: 12% !important;
	}
}

@media (max-width:950px) {
	.step {
		top: 56% !important;
		left: 11% !important;
	}
}

@media (max-width:1119px) and (min-width:851px) {
	.hidden-sm2 {
		display: none !important;
	}
}

@media (max-width:850px) {
	.hidden-850 {
		display: none !important;
	}

	.system2 {
		background: #f4f5f7;
		margin: 10px 0;
		overflow: hidden;
		padding: 40px 30px 10px;
		text-align: center;
	}

	.system2>ul {
		overflow: auto;
		margin-bottom: 0 !important;
	}

	.system2>ul>li {
		text-align: center;
		margin-bottom: 2%;
		position: relative;
	}

	.system2>ul>li>img {
		margin-bottom: 20px;
	}

	.step {
		position: relative;
		left: 0 !important;
		margin-bottom: 20px;
	}

	.step>img {
		width: 84%;
	}

	.step>ul {
		margin-left: 5%;
		width: 94%;
	}

	.text_s {
		display: block !important;
		padding-top: 15px;
		margin-bottom: 0 !important;
	}

	.text_s li {
		width: 33%;
		font-size: 12px;
		line-height: 155%;
		text-align: left;
		padding-left: 15px;
		color: #444444;
		float: left;
	}

	.text_box2 {
		color: #444444;
		display: inline-block;
		margin: 0 !important;
		font-size: 15px;
		font-weight: 500;
		line-height: 170%;
		padding-bottom: 20px;
	}

	.text_box2>ul>li {
		background: url(../img/dot02.gif) no-repeat 0 9px;
		padding-left: 7px;
		float: none !important;
		width: 100% !important;
		text-align: left !important;
		letter-spacing: -1px;
	}
}

@media (max-width:400px) {
	.img_s {
		width: 80%;
	}

	.sub01_04>ul>li>p {
		font-size: 13px;
		font-weight: normal;
		text-align: left !important;
	}

	.text_box2 {
		font-size: 14px;
		font-weight: 500;
	}
}

/* sub02_02 */
.sub02_bg {
	background: #f4f5f7;
	padding-top: 10px;
	text-align: center;
}

.sub02_step {
	margin: 15px 0 20px;
	overflow: hidden;
	padding: 0;
	text-align: center;
}

.sub02_step>ul {
	width: 90%;
	overflow: auto;
	display: inline-block;
	position: relative;
	margin-bottom: 0 !important;
	margin-left: 11%;
}

.sub02_step>ul>li {
	width: 30%;
	float: left;
	text-align: left;
	background: url(../img/sub02_02icon01.png) no-repeat 85% center;
}

.sub02_step>ul>li:last-child {
	text-align: left !important;
	background: none;
}

.step_box {
	width: 70%;
	margin-bottom: 10px;
}

.step_box>h5 {
	background: #d1efc2;
	color: #45971b;
	font-size: 16px;
	border-radius: 5px;
	padding: 10px;
	text-align: left;
	margin-bottom: 5px;
}

.step_box>h5>span {
	color: #001a5c;
	font-size: 12px;
	font-weight: 500;
	margin: 2px 10% 0 10px !important;
	width: auto !important;
	float: left;
}

.step_box>ul {
	width: 100%;
	height: 180px;
	background: #ffffff;
	border: 1px solid #659a4a;
	padding: 10px;
	margin-bottom: 0;
	border-radius: 5px;
	font-size: 14px;
	text-align: center;
}

.step_box>ul>li {
	line-height: 120%;
}

.step_box>ul>li>p {
	margin-bottom: 2px;
}

@media (max-width:975px) {
	.step_box>h5>span {
		margin: 2px 3% 0 3px !important;
	}
}

@media (max-width:925px) {
	.sub02_step>ul {
		margin-left: 2%;
	}

	.sub02_step>ul>li {
		width: 45%;
		float: none;
		display: inline-block;
	}

	.sub02_step>ul>li:last-child {
		width: 45%;
		text-align: left !important;
		background: none;
	}
}

@media (max-width:605px) {
	.sub02_step>ul>li {
		width: 100%;
		display: block;
		background: url(../img/sub02_02icon02.png) no-repeat center bottom;
		padding-bottom: 30px;
	}

	.step_box {
		margin: 0 auto;
		width: 60%;
	}

	.step_box>ul {
		margin-bottom: 0;
	}

	.sub02_step>ul>li:last-child {
		width: 100%;
	}
}

@media (max-width:400px) {
	.step_box {
		width: 90%;
	}
}


/* sub02_03 */
.con_box {
	background: #f4f5f7;
	padding: 5% 0;
	margin-top: 10px;
}

.con_box>ul {
	margin-bottom: 0;
}

.con_box>ul>li {
	float: left;
}

.con_box>ul>li:first-child {
	padding: 0 2% 0 4%;
	width: 50%;
}

.con_box>ul>li:last-child {
	width: 50%;
}

.con_box>ul>li:last-child>img {
	max-width: 92%;
	margin-top: 4%;
	padding-right: 30px;
}

@media (max-width:960px) {
	.con_box>ul>li:last-child>img {
		max-width: 100%;
		margin-top: 16%;
		padding-right: 40px;
	}
}

@media (max-width:1080px) {
	.line_box>ul>li {
		font-size: 14px !important;
		line-height: 135% !important;
	}

	.arrow {
		padding: 167px 3% 0 4% !important;
	}
}

.line_box {
	width: 80%;
	float: left;
}

.line_box>ul {
	margin-bottom: 0;
	margin-left: 10%;
}

.line_box>ul>li {
	border: 1px solid #457cb2;
	border-radius: 12px;
	background: #ffffff;
	line-height: 160%;
	text-align: center;
	padding: 15px 14%;
	letter-spacing: 0;
	color: #444444;
	font-size: 16px;
}

.border_none {
	border: none !important;
	padding: 4px 0 !important;
	background: none !important;
}

.arrow {
	padding: 212px 3% 0 4%;
	width: auto !important;
	float: right;
}

@media (max-width:800px) {
	.hidden-800 {
		display: none !important;
	}

	.con_box>ul>li:first-child {
		padding: 0 2% 0 4%;
		width: 100%;
	}

	.con_box>ul>li:last-child {
		width: 100%;
		text-align: center;
	}

	.img02_03 {
		width: 80% !important;
		margin: 20px 0 !important;
		padding: 0 !important;
	}

	.line_arrow {
		display: block;
		width: 100%;
		text-align: center;
		margin: 20px 0 5px;
	}
}

@media (max-width:560px) {
	.img02_03 {
		width: 94% !important;
	}
}

@media (max-width:1119px) and (min-width:801px) {
	.hidden-sm3 {
		display: none !important;
	}
}

@media (max-width:965px) and (min-width:601px) {
	.Internet {
		border: none !important;
		padding-top: 15px !important;
	}

	.Internet>ul {
		margin-bottom: 0;
	}

	.Internet>ul>li {
		width: 49% !important;
		margin: 0 auto;
	}

	.in_box {
		margin-bottom: 25px;
	}

	.display_965 {
		display: block !important;
		border: 1px solid #dbdbdb;
	}

	.hidden-965 {
		display: none !important;
	}

	.Internet>ul>p {
		background: #ebf0f4;
		margin: 0 4% 20px 1%;
		border-radius: 5px;
	}
}

@media (max-width:600px) and (min-width:481px) {
	.Internet {
		border: none !important;
	}

	.Internet>ul {
		margin-bottom: 7px;
	}

	.Internet>ul>li {
		width: 60% !important;
		margin: 0 auto;
		display: block !important;
	}

	.in_box {
		margin-bottom: 25px;
	}

	.display_965 {
		display: block !important;
		border: 1px solid #dbdbdb;
	}

	.Internet>ul>p {
		background: #ebf0f4;
		margin: 0 22% 20px 21%;
		padding: 2px 0 11px 12px;
		border-radius: 5px;
		line-height: 100%;
		text-align: left !important;
	}
}

@media (max-width:480px) {
	.Internet {
		padding: 10px 0 0 0 !important;
	}

	.Internet>ul {
		margin-bottom: 7px;
	}

	.Internet>ul>li {
		width: 80% !important;
		margin: 0 auto;
		display: block !important;
	}

	.in_box {
		margin-bottom: 25px;
	}

	.display_965 {
		display: block !important;
	}

	.Internet>ul>p {
		background: #ebf0f4;
		margin: 0 13% 20px 11%;
		border-radius: 5px;
		line-height: 100%;
		padding: 0 7px 12px 7px !important;
		text-align: left !important;
	}
}

.Internet {
	width: 100%;
	margin: 10px auto 0;
	padding: 25px 0 0 30px;
	border: 1px solid #dbdbdb;
}

.Internet>h5 {
	text-align: center;
	margin-bottom: 10px;
}

.Internet>ul>p {
	text-align: center;
	padding-right: 25px;
}

.Internet>ul>p>span {
	padding: 9px 0 9px 0;
	width: 73px;
	margin: 0 3px 0 0;
	color: #2977b9;
	font-weight: 500;
}

.Internet>ul>p>img {
	max-width: 100%;
	margin-top: 3%;
}

.Internet>ul>li {
	display: inline-block;
	width: 24%;
	padding-right: 2%;
}

.Internet>ul>li.last {
	padding-right: 0;
}

.in_box>h6 {
	text-align: center;
	font-size: 17px;
	margin: 0 2% 6px 3%;
	letter-spacing: -1.5px;
	border-radius: 7px;
	padding: 9px 10px;
	background: #bbe4a6;
	color: #4e9828;
}

.in_box>ul {
	width: 95%;
	height: 210px;
	line-height: 170%;
	background: rgba(244, 245, 247, 0.6);
	border: 1px solid #ececec;
	border-left: 1px solid rgba(0, 0, 0, .05);
	border-right: 1px solid rgba(0, 0, 0, .05);
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	border-radius: 9px;
	-webkit-box-shadow: 1px 2px 3px rgb(0 0 0 / 22%);
	padding: 12px 5% 12px 7%;
	margin: 0px 3% 2px;
}

.in_box>ul>li {
	background: url(../img/dot02.gif) no-repeat 0 9px;
	padding-left: 7px;
	float: none !important;
	width: 100% !important;
	text-align: left !important;
}

.in_box>ul>li>p {
	color: #888888;
	font-weight: normal !important;
	line-height: 140% !important;
	margin-bottom: 0 !important;
	font-size: 13px;
}


/* sub02_04 */
.sub02_04img {
	margin-top: 5px;
}

.sub02_04img>img {
	max-width: 100%;
}

.sub02_04_500 {
	display: none;
}

@media (max-width:500px) {
	.sub02_04_2>h4 {
		font-size: 18px !important;
	}
}

@media (max-width:600px) {
	.sub02_04>ul>li {
		text-align: left !important;
	}

	.sub02_04img {
		display: none;
	}

	.sub02_04_500 {
		margin-top: 20px;
		display: block;
	}

	.sub02_04_500>img {
		max-width: 100%;
	}
}

@media (max-width:450px) {
	.txt>ul>li {
		font-size: 14px !important;
	}
}

.txt {
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
	background: #ebf1f8;
	border-radius: 5px;
	padding: 15px;
}

.txt>ul>li {
	background: url(../img/dot.gif) no-repeat left 7px;
	padding-left: 13px;
	line-height: 120%;
	clear: both !important;
	text-align: left;
	font-size: 15px;
	margin-bottom: 7px;
}

.sub02_04_2 {
	margin: 50px 0 40px;
}

.sub02_04_2 h4 {
	background: url(../img/icon01.png) left 2px no-repeat;
	padding-left: 10px;
	font-size: 23px;
	margin-bottom: 15px;
}

.sub02_04_2>ul {
	width: 100%;
	border: 1px solid #dbdbdb;
	padding: 30px 15px 20px 6%;
}

.sub02_04_2>ul>li {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.sub02_04_2>ul>li:nth-child(1) {
	width: 20%;
	background: url(../img/sub02_02icon01.png) no-repeat 93% center;
}

.sub02_04_2>ul>li:nth-child(2) {
	background: url(../img/sub02_02icon01.png) no-repeat right center;
	padding-right: 5%;
}

.sub02_04_2>ul>li:nth-child(3) {
	width: 40%;
	background: url(../img/sub02_03icon01.png) no-repeat right center;
}

.sub02_04_2>ul>li>p {
	font-weight: 500;
	color: #0070c0;
	line-height: 130%;
	margin-left: 10px;
}

.sub02_04_2>ul>li>p>img {
	margin-bottom: 5px;
}

.t_box01 {
	margin: 0 10%;
	border: 1px solid #797575;
	border-radius: 7px;
	width: 60%;
	padding: 15px;
}

.t_box01>ul {
	margin: 0;
}

.t_box01>ul>li {
	background: url(../img/dot02.gif) no-repeat 0 10px;
	padding-left: 8px;
	line-height: 160%;
	font-size: 15px;
	margin-left: 2%;
	text-align: left;
}

.t_box01>ul>li:last-child {
	background: none;
	font-weight: 500;
	color: #0070c0;
}

.line_box2 {
	width: 90%;
	margin-right: 10%;
}

.line_box2>ul {
	margin-bottom: 0;
	margin-left: 10%;
}

.line_box2>ul>li {
	border: 1px solid #457cb2;
	border-radius: 7px;
	background: #ffffff;
	line-height: 120%;
	text-align: center;
	padding: 7px 7%;
	letter-spacing: 0;
	font-size: 15px;
	margin-bottom: 5px;
	white-space: nowrap;
}

.line_box2>ul>li:nth-child(9) {
	border: none;
	color: #76c0fd;
	font-weight: 600;
	font-size: 30px;
}

.line_box2>ul>li:last-child {
	background: #f4f5f7;
	font-weight: 500;
	color: #666666;
	font-size: 16px;
}

.line_box2>ul>li>p {
	margin-bottom: 0;
}

.line_box2>ul>li>span {
	font-size: 14px;
	margin: 0;
}

@media (max-width:975px) {
	.sub02_04_2>ul>li:nth-child(3) {
		width: 320px;
		background: url(../img/sub02_03icon01.png) no-repeat right center;
	}

	.line_box2 {
		width: 275px;
		margin-right: 10%;
		margin-bottom: 30px;
	}

	.t_box01 {
		width: 105px;
		padding: 15px;
	}

	.sub02_04_2>ul>li:nth-child(2) {
		background: url(../img/sub02_02icon01.png) no-repeat right center;
		padding-right: 40px;
	}

	.sub02_04_2>ul>li:nth-child(1) {
		width: 175px;
		margin-bottom: 30px;
	}
}

@media (max-width:600px) {
	.sub02_04_2>ul {
		padding: 30px 2% 20px;
	}

	.sub02_04_2>ul>li {
		display: block;
	}

	.sub02_04_2>ul>li:nth-child(1) {
		width: auto;
		background: url(../img/sub02_02icon02.png) no-repeat center bottom;
		margin-bottom: 20px;
		padding-bottom: 40px;
	}

	.sub02_04_2>ul>li:nth-child(2) {
		background: url(../img/sub02_02icon02.png) no-repeat center bottom;
		padding: 0 0 27px 0;
		margin-bottom: 15px;
	}

	.sub02_04_2>ul>li:nth-child(3) {
		width: 100%;
		background: url(../img/sub02_03icon02.png) no-repeat center bottom;
	}

	.sub02_04_2>ul>li>p {
		text-align: center !important;
		font-size: 15px;
	}

	.t_box01 {
		margin: 0 auto;
	}

	.line_box2 {
		width: 90%;
		margin: 0 auto 15px;
		padding-bottom: 40px;
	}

	.line_box2>ul {
		margin: 0;
	}
}

/* sub02_05 */
h4 {
	background: url(../img/icon01.png) left 2px no-repeat;
	padding-left: 10px;
	font-size: 23px;
	margin-bottom: 15px;
}

.sub02_05_1 {
	padding: 3% 6%;
	margin-top: 10px;
	background: url(../img/sub02_05img1.png) no-repeat 13% 35px #f4f5f7;
	background-size: auto;
}

.sub02_05_1>ul {
	margin-bottom: 0;
}

.sub02_05_1txt {
	padding: 0 3% 0 25%;
}

.sub02_05_1txt>ul {
	padding-top: 5px;
	margin-bottom: 0;
}

.sub02_05_1txt>ul>li {
	margin: 15px 0 40px;
}

.sub02_05_1txt>ul>li>p {
	padding: 13px 7%;
	border-radius: 7px;
	margin-left: 25%
}

.sub02_05_1txt>ul>li:nth-child(1) {
	background: url(../img/sub02_05img1_1.png) no-repeat left center;
}

.sub02_05_1txt>ul>li:nth-child(2) {
	background: url(../img/sub02_05img1_2.png) no-repeat left center;
}

.sub02_05_1txt>ul>li:nth-child(3) {
	background: url(../img/sub02_05img1_3.png) no-repeat left center;
}

.sub02_05bg01 {
	background: #ffffff;
}

.sub02_05bg02 {
	background: #d4e4fe;
}

.sub02_05bg03 {
	background: #c9efc6;
}

.sub02_05 {
	display: none;
}

@media (max-width:1040px) {
	.sub02_05_1txt {
		padding: 0 3% 0 30%;
	}

	.sub02_05_1 {
		background-size: 30%;
		background: url(../img/sub02_05img1.png) no-repeat 10% 20px #f4f5f7;
	}

	.sub02_05_1txt>ul>li {
		margin: 15px 0 20px;
	}
}

@media (max-width:900px) {
	.sub02_05_1txt {
		padding: 0 3% 0 34%;
	}

	.sub02_05_1 {
		background-size: 20%;
		background: url(../img/sub02_05img1.png) no-repeat 10% 28px #f4f5f7;
	}
}

@media (max-width:725px) {
	.sub02_05_725 {
		display: none;
	}

	.sub02_05 {
		display: block;
	}
}

.sub02_05_3 {
	padding: 4% 6%;
	margin-top: 10px;
	background: #f4f5f7;
	background-size: auto;
	text-align: center;
}

.sub02_05_3>ul>img {
	max-width: 50%;
}

.sub02_05_3>ul {
	margin-bottom: 0;
}

.sub02_05_3txt {
	margin-top: 15px;
}

.sub02_05_3txt>ul {
	padding-top: 5px;
	margin-bottom: 0;
}

.sub02_05_3txt>ul>li {
	padding: 13px 10px;
	border-radius: 7px;
	margin-bottom: 10px;
}

.sub02_05txt {
	margin: 20px 0 10px;
	border: 1px solid #7cbc5b;
	border-radius: 5px;
	background: rgba(244, 245, 247, 0.6);
	overflow: hidden;
	font-weight: normal;
}

.sub02_05txt>ul {
	width: 48%;
	margin: 0;
	padding: 15px 20px 15px 4%;
	border: none;
	-webkit-box-shadow: none;
	float: left;
	background: none;
}

.sub02_05txt>ul>li {
	padding-bottom: 3px;
}

@media (max-width:920px) {
	.sub02_05txt {
		padding: 0 !important;
	}
}

.sub02_05_2>ul {
	background: #f4f5f7;
	margin: 0 auto;
	padding: 3% 6%;
}

.sub02_05_2>ul>li {
	display: inline-block;
}

.sub02_05_2>ul>li:last-child {
	vertical-align: top;
	margin: 127px 0 0 2%;
}

.sub02_05_2txt {
	background: #fff;
}

.sub02_05_2txt>ul {
	border-radius: 7px;
	border: 1px solid #457cb2;
	padding: 10px 12px;
}

.sub02_05_2txt>ul>li {
	line-height: 160%;
	font-size: 15px;
	background: url(../img/dot02.gif) no-repeat 0 10px;
	padding-left: 8px;
}

@media (max-width:1190px) {
	.sub02_05_2>ul {
		padding: 3% 2%;
	}

	.sub02_05_2>ul>li:last-child {
		position: absolute;
	}
}

@media (max-width:1075px) {
	.sub02_05_2>ul>li {
		display: inline-block;
	}

	.sub02_05_2>ul>li {
		display: block;
		text-align: center;
	}

	.sub02_05_2>ul>li:last-child {
		display: block;
		position: relative;
		margin: 0;
		text-align: left;
		margin-top: 10px;
	}

	.sub02_05_2txt {
		width: 80%;
		margin: 0 auto;
	}
}

@media (max-width:665px) {
	.sub02_05_2>ul>li>img {
		width: 95%;
	}

	.sub02_05_2txt {
		width: 95%;
		margin: 0 auto;
	}

	.sub02_05_2txt>ul>li {
		line-height: 130%;
		font-size: 13px;
		background: url(../img/dot02.gif) no-repeat 0 6px;
		padding-left: 6px;
	}
}

@media (max-width:475px) {
	.sub02_05txt>ul>li {
		font-size: 13px;
		padding-bottom: 0;
	}
}


/* sub03 */
@media (max-width:890px) {
	.sub03 {
		width: 100% !important;
	}
}

@media (max-width:590px) {
	.sub03>ul>li>label {
		display: block;
	}

	.filebox {
		float: none !important;
		width: 100% !important;
		margin: 7px 0 20px !important;
	}

	.sub03>ul>li:nth-child(6) {
		height: 105px;
	}

	.filebox input[type="file"] {
		padding: 5px 5px 6px 0 !important;
		width: 70%;
	}
}

.sub03 {
	width: 65%;
	margin: 40px auto 30px;
}

.sub03>ul>li {
	border-bottom: 1px solid #e0e0e0;
	padding: 18px 20px 16px;
}

.sub03>ul>li:nth-child(7) {
	background: #f0f0f0;
}

.sub03>ul>li:last-child {
	border-bottom: none;
	text-align: center;
}

.sub03>ul>li>label {
	font-size: 16px;
	font-weight: normal;
	width: 100px;
}

.sub03>ul>li>input {
	background: #fafafa;
	border: 1px solid #bbbbbb;
	padding: 7px;
	border-radius: 5px;
}

.sub03>ul>li>textarea {
	margin-top: 5px;
	background: #fafafa;
	border: 1px solid #bbbbbb;
	border-radius: 5px;
}

.filebox {
	float: right;
	width: calc(100% - 110px);
	margin-top: -5px;
}

.filebox>label {
	position: absolute;
	display: inline-block;
	width: 78px;
	padding: 8px 18px 8px 19px;
	color: #fff;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background: #214368;
	cursor: pointer;
	border: 1px solid #163960;
	border-bottom-color: #e2e2e2;
	border-radius: .25em;
	font-weight: 500;
	z-index: 10;
}

.filebox input[type="file"] {
	/* �뙆�씪 �븘�뱶 �닲湲곌린 */
	position: absolute;
	margin: 0 1px;
	padding: 5px 10% 6px 0;
	overflow: hidden;
	border: 1px solid #bbbbbb;
	border-radius: 5px;
	background: #f4f5f7;
	z-index: 1;
}

.sub03>ul>li>span {
	letter-spacing: -0.8px;
	color: #888888;
	margin: 0 15px 0 5px;
}

.btn_bg {
	margin-bottom: 40px;
}

.btn_bg>p {
	margin: 0 auto;
}

/* sub03_02 */
@media (max-width:650px) {
	.con_box2 {
		padding: 25px 0% 10px !important;
		font-size: 14px !important;
		text-align: left !important;
		margin-bottom: 0px !important;
	}

	.txt17 {
		font-size: 14px !important;
	}

	.con_box2>ul>li>p {
		font-size: 14px !important;
	}

	.con_box2 h5 {
		margin: 40px 15px 15px !important;
		font-size: 18px !important;
		background: url(../img/icon01.png) left 3px no-repeat !important;
		line-height: 150%;
	}

	.con_box2>ul>li>p {
		background: url(../img/dot.gif) no-repeat left 10px !important;
		padding-left: 7px !important;
	}
}

.con_box2 {
	background: #f4f5f7;
	padding: 40px 40px 10px;
	font-size: 16px;
	margin-bottom: 30px;
}

.con_box2 h5 {
	background: url(../img/icon01.png) left 2px no-repeat;
	padding-left: 10px;
	font-size: 20px;
	margin: 40px 0 10px;
}

.con_box2>ul>li {
	line-height: 150%;
	margin: 0 20px;
	text-align: left !important;
}

.con_box2>ul>li>p {
	background: url(../img/dot.gif) no-repeat left 14px;
	padding-left: 10px;
	margin: 0;
	line-height: 160%;
	clear: both !important;
	text-align: left;
	font-size: 16px;
}

.con_box2>ul>li>span {
	padding: 4px 10px 8px;
	width: 100%;
	display: block;
	background: #dff0d7;
	margin-left: 0;
	font-size: 14px;
}



/*************** business ***************/
.business_contents {
	width: 80%;
	margin: 0 auto;
	padding: 100px 0 0;
}

.business_contents img {
	width: 100%;
	object-fit: contain;
}


/* table */
.tab01 {
	border-top: 1px solid #155293;
	border-bottom: 1px solid #e0e0e0;
}

.tab01 tr.line_g {
	background-color: #fafafa;
}

.tab01 tr {
	border-bottom: 1px solid #e0e0e0;
}

.tab01 tr th:first-child {
	border-left: none;
}

.tab01 tr td:first-child {
	border-left: none;
}

.tab01 th {
	background-color: #fafafa;
	height: 34px;
	color: #0d437f;
	font-weight: 600;
	border-bottom: 1px solid #e0e1e3;
	border-left: 1px solid #e0e1e3;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 85px;
}

.tab01 td {
	height: 30px;
	border-left: 1px solid #e0e1e3;
	padding: 2px 3px 2px 12px;
}

/* btn */
.btn01 {
	display: inline-block;
	padding: 6px 0;
	color: #ffffff !important;
	line-height: 100%;
	font-size: 13px;
	text-align: center;
	border: 1px solid #85b659;
	background: #85b659;
	font-weight: 500;
	border-radius: 3px;
}

.btn01:hover {
	color: #85b659 !important;
	background: #ffffff;
	text-decoration: none;
}

.btn_ok {
	padding: 8px 0;
	text-align: center;
	color: #fff;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background: #7cbc5b;
	cursor: pointer;
	border: 1px solid #6db04a;
	border-radius: .25em;
	font-weight: 500;
	font-size: 16px;
}

.btn_ok:hover {
	color: #6db04a !important;
	background: #ffffff;
	text-decoration: none;
}

/* padding */
.padding0 {
	padding: 0 !important;
}

.padding85_28 {
	padding: 85px 28px;
}

.pr0 {
	padding-right: 0 !important;
}

.pr10 {
	padding-right: 10 !important;
}

.pr50 {
	padding-right: 50px;
}

.pt10 {
	padding-top: 10px !important;
}

.plr20 {
	padding: 0 20px;
}

.pt15 {
	padding-top: 15px;
}

.pt35 {
	padding-top: 35px;
}

.pl15 {
	padding-left: 15px;
}

/* margin */
.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt13 {
	margin-top: 13px !important;
}

.mt14 {
	margin-top: 14px;
}

.mt15 {
	margin-top: 15px;
}

.mt25 {
	margin-top: 25px;
}

.mt35 {
	margin-top: 35px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb85 {
	margin-bottom: 85px;
}

.mb45 {
	margin-bottom: 45px;
}

.mr20 {
	margin-right: 20px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.ml22 {
	margin-left: 22%;
}

.mtb15 {
	margin: 0 0 15px 0;
}



/* txt */
.txt-blue {
	color: #3f65ac;
}

.txt-bold {
	font-weight: 600;
}

.txt-green {
	color: #66a944;
	margin: 0 !important;
	display: inline !important;
}

.txt-green2 {
	color: #66a944;
}

.txt-green3 {
	color: #77bb15;
}

.txt17 {
	font-size: 17px;
	line-height: 160%;
	text-align: left !important;
}

.txt_gray {
	color: #6d6d6d;
	background: none !important;
	padding-left: 20px !important;
}

.font_size12 {
	font-size: 14px !important;
}

.txt-red {
	color: #ff3653;
	border: 2px solid rgba(255, 54, 83, 0.6);
}

.txt-purple {
	color: #4a39d1;
	border: 2px solid rgba(74, 57, 209, 0.6);
}

.txt-orange {
	color: #ff9d00;
	border: 2px solid rgba(255, 157, 0, 0.6);
}

.txt-blue02 {
	color: #3389e8;
	border: 2px solid rgba(51, 137, 232, 0.6);
}

.txt920-red {
	color: #fff;
	border: 1px solid #ff3653;
	background: #ff3653 !important;
}

.txt920-purple {
	color: #fff;
	border: 1px solid #4a39d1;
	background: #4a39d1 !important;
}

.txt920-orange {
	color: #fff;
	border: 1px solid #ff9d00;
	background: #ff9d00 !important;
}

.txt920-blue02 {
	color: #fff;
	border: 1px solid #3389e8;
	background: #3389e8 !important;
}

/* width */
.width34 {
	width: 34% !important;
}

.h250 {
	height: 250% !important;
}

.hand {
	cursor: pointer;
	cursor: hand;
}

/* float */
.float_l {
	float: left !important;
}

.float_r {
	float: right !important;
}

.float_n {
	float: none !important;
}

@media (max-width:1000px) {
	.float_n {
		float: left !important;
	}
}

/* txt_align */
.txt_l {
	text-align: left !important;
}