/*서브비주얼 */
#svisual {
	width: 100%;
	min-width: 1280px;
	height: 468px;
	height: 424px;
	/*background-image: url(../img/sub/sub00.jpg);*/
	background-image: url(../img/sub/sub001.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	background-attachment: fixed;
	margin: 0px auto;
	text-align: left;
	position: relative;
	transition: all 0.3s ease;
}
#svisual::after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(11, 21, 40, .4), rgba(11, 21, 40, .5));
}
#svisual.s1{background-image: url(../img/sub/sub001.jpg);}
#svisual.s2{background-image: url(../img/sub/sub02.jpg);}
#svisual.s3{background-image: url(../img/sub/sub031.png);}
#svisual.s4{background-image: url(../img/sub/sub04.png);}
#svisual.s1::after, #svisual.s2::after, #svisual.s3::after, #svisual.s4::after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(11, 21, 40, .4), rgba(11, 21, 40, .4));
}

#svisual .s_text {
	position: relative;
	top: 220px;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	color: #fff;
	z-index:10;
	text-align: center;
}
#svisual .s_text .container_title{padding: 0;}
#svisual .s_text h2 {
	font-family: 'GmarketSansMedium';
	font-size: 2.6em;
	margin: 0;
	text-transform: uppercase;
}

#svisual .s_text .slogan {
	font-size: 1.3em;
	font-weight: 300;
	margin-bottom: 5px;
	position: relative;
	line-height: 1.5em;
	color: #ffffff;
	text-transform: uppercase;
	margin-top: 15px;
	opacity: 0.9 !important;
}

#svisual .s_text .color_blue{text-shadow: 0 0 5px #fff;}

#svisual .s_text .slogan span {
	display: inline-block;
}

#svisual .s_text span {
	display: block;
	font-size: 2em;
}

#container {
	z-index: 0;
}


#svisual .lnb{display: grid;grid-template-columns: 1fr 1fr;position: absolute;bottom: -60px;width: 100%;}

#container .line.gray {
	top: -28px;
	height: 103%;
}

#container .line.gray i {
	border-right: 1px solid rgba(0, 0, 0, 0.03);
}

#container .inner{max-width: 1400px; margin: 0 auto; padding: 20px 0;}
#container > .inner{padding: 100px 0; position: relative;}
#location{position: absolute; left: 0; top: 10px;}

@media (max-width:1600px) {
	#svisual .s_text {
		width: 1280px
	}
}

@media (max-width:1500px) {
	#svisual .s_text {
		width: 90%;
		max-width: 90%;
	}

	#svisual .line .left {
		left: calc(50% - 45%);
		left: -webkit-calc(50% - 45%);
	}

	#svisual .line .right {
		right: calc(50% - 45%);
		right: -webkit-calc(50% - 45%);
	}
}

@media (max-width:1400px) {
	#svisual .line {
		display: none;
	}

	#svisual .s_text {
		width: 100%;
		max-width: 100%;
	}
}

@media (max-width:1279px) {
	#svisual {
		height: 400px;
		min-width: 100%;
		background-position: center top;
		background-size: auto 100%;
		background-attachment: unset;
		transition: all 0.3s ease;
	}

	#svisual .s_text {
		top: 35%;
	}

	#svisual .s_text h2 {
		font-size: 2.20em;
		margin: 0 0 10px
	}

	#svisual .s_text .slogan {
		font-size: 1.35em;
		font-weight: 400;
		position: relative;
		line-height: 1.5em;
		color: #fff;
		text-align: center;
	}
}

@media (max-width:850px) {

	#container > .inner{padding: 40px 0;}

	#svisual .s_text h3 {
		font-size: 1.45em;
		margin-bottom: 0;
	}

	#container .line.gray {
		top: 0;
	}
}

@media (max-width:768px) {
	#container > .inner{width: 90%;margin: 0 auto;}
	#svisual {
		position: relative;
		height: 226px;
		transition: all 0.3s ease;
	}

	#svisual .s_text {
		padding: 0;
		text-align: center;
		top: 100px;
		width: 80%;
	}

	#svisual .s_text h2 {
		font-size: 1.50em;
		margin: 0;
	}
	#svisual .s_text .slogan {
		display: none;
	}
	#svisual .lnb{position: absolute;display: block;bottom: 0;margin: 0;padding: 0;}
}

@media (max-width:550px) {
	#svisual .s_text h3 {
		font-size: 1.35em;
	}
}

/* Ã­Å½ËœÃ¬ÂÂ´Ã¬Â§â‚¬ Ã¬â€šÂ¬Ã¬ÂÂ´Ã¬Â¦Ë† */
.page {
	width: 1280px;
	padding: 0;
	margin: 0px auto
}

.page header {
	margin: 0 0 60px
}

/*.page header p.pbox{    width: 100%;
    height: auto;
    background: #f8f8f8;
    box-sizing: border-box;
    padding: 30px 40px;
    overflow: hidden;
    word-break: break-all;
    font-size: 1.20em;
    color: #333;
    line-height: 1.6em;
}*/
.page header {
	text-align: center;
	position: relative;
	padding: 20px 40px;
	/*min-height:180px;*/
	margin-bottom: 40px;
}

.page header:before,
.page header:after {
	display: block;
	content: "";
	border: 12px solid #edf1ef;
	/*border:12px solid #4b4e58;*/
	width: 40px;
	height: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.page header:before {
	border-right: 0;
	left: 0;
}

.page header:after {
	border-left: 0;
	right: 0;
}

.page h3.tit::before {
	position: absolute;
	top: 3px;
	left: 0;
	width: 50px;
	height: 33px;
	background: url(../img/common/h3_icon.png) no-repeat center left;
	content: '';
}

.page h3.tit {
	position: relative;
	letter-spacing: -2px;
	font-size: 2.0em;
	color: #333;
	padding: 5px 0;
	font-weight: 400;
	background: url(../img/common/h3_bar.png) repeat-x center left;
	margin: 80px 0 40px;
}

.page h3.tit strong {
	font-weight: bold
}

.page h3.tit span {
	background: #fff;
	padding: 0 50px 0 50px;
	margin-left: 3px;
}

.page h4.tit:before {
	display: block;
	content: "";
	width: 8px;
	height: 8px;
	background: #1560af;
	position: absolute;
	top: 12px;
	left: 0px;
}

.page h4.tit {
	position: relative;
	letter-spacing: -2px;
	font-size: 1.65em;
	color: #333;
	padding: 5px 0 5px 17px;
	font-weight: 400;
	margin: 20px 0 15px;
}

.page .text_box_wrap {
	width: 100%;
	height: 200px;
	background: url(../img/sub/info01.jpg) no-repeat center;
	background-size: cover;
	text-align: center;
	padding: 0 30px;
	margin: 20px 0;
}

.page .text_box_wrap.bg2 {
	background: url(../img/sub/info03.jpg) no-repeat center;
	background-size: cover;
}

.page .text_box_wrap.bg3 {
	background: url(../img/sub/introduce06.jpg) no-repeat center;
	background-size: cover;
}

.page .text_box {
	font-size: 1.5em;
	color: #fff;
	line-height: 200px;
}

.page .conBox {
	width: 100%;
	padding: 7px;
	box-sizing: border-box;
	overflow: hidden;
}

.page .conBox p {
	width: 100%;
	box-sizing: border-box;
	font-size: 19px;
	line-height: 31px;
	background: #f8f8f8;
	box-sizing: border-box;
	padding: 20px;
	word-break: break-all;
}

.page .conBox p ul {
	font-size: 19px;
	line-height: 27px;
	background: #fff;
	box-sizing: border-box;
	padding: 20px;
	word-break: break-all;
}

.conList_wrap p span,
.page .conBox p span {
	color: #0067b3;
}

.page .conBox dl {
	width: calc(100% / 3);
	box-sizing: border-box;
	background: #fff;
	padding: 10px 20px;
	float: left;
}

.page .conBox dl dt,
.page .conBox dl dd {}

.page .conBox dl dt {
	font-size: 19px;
	color: #1560af;
	padding-bottom: 0px;
	line-height: 40px;
}

.page .conBox dl dt span {
	font-size: 1em;
	font-weight: 600;
	position: relative;
}

.page .conBox dl dt span ::before {
	width: 100%;
	height: 2px;
	background: #1560af;
	position: absolute;
	bottom: -5px;
	left: 0;
	content: '';
	display: inline-block;
}

.page .vision dl dt span {
	display: block;
}

.page .vision dl dt {
	position: relative;
	display: inline-block;
}

.page .vision dl dt::before {
	width: 100%;
	height: 2px;
	background: #1560af;
	position: absolute;
	bottom: -5px;
	left: 0;
	content: '';
	display: inline-block;
}

.page .vision dl dt span svg {
	display: block;
	font-size: 2.3em;
	color: #8fc21f;
	position: relative;
}

.page .conBox dl dd {
	font-size: 1.17em;
	line-height: 1.6em;
	margin: 10px 0 0;
}

.page .jin {}

.page .jin ul:after {
	display: block;
	content: "";
	clear: both;
}

.page .jin li {
	float: left;
	text-align: center;
}

.page .jin li.box {
	width: calc(25% - (70.5px * 3)/4);
	color: #fff;
	font-size: 3em;
	padding: 30px 0;
	border-radius: 10px;
	height: 150px;
	background: #1063b3;
	margin: 0;
}

.page .jin li.box p {
	font-size: 18px;
	line-height: 1.2em;
	color: #fff;
	font-weight: 600;
	padding: 10px 0 0
}

.page .jin li.box p span {
	margin: 5px;
	display: block;
	font-weight: 400;
	font-size: 15px;
	opacity: .8;
}

.page .jin li.arr {
	padding: 0 15px;
	height: 150px;
	font-size: 3em;
	line-height: 150px;
	color: #ccc;
}

.page .jin2 li.box {
	padding: 30px 0;
	height: 175px;
}

.page .jin2 li.arr {
	height: 175px;
	line-height: 175px;
}


.img_Area ul {
	display: flex
}

.img_Area li {
	padding: 0 20px 0 0;
	transition: all 0.3s ease;
	max-width: 32%
}

.img_Area li:nth-child(2) {
	padding: 0 0 0 20px;
	transition: all 0.3s ease;
	max-width: 68%
}

.img_Area02:after {
	content: '';
	display: block;
	clear: both;
}

.img_Area02 div.para_cont {
	float: left;
	width: 58%;
	transition: all 0.3s ease;
}

.img_Area02 div.img_cont {
	float: right;
	width: 38%;
	margin-left: 4%;
	transition: all 0.3s ease;
}

.img_title {
	text-align: left;
	position: relative;
	padding: 30px 40px;
	min-height: 180px;
	margin-bottom: 40px;
}

/* Ã«â€šÂ´Ã¬Å¡Â© Ã«â€¹Â¨Ã«ÂÂ½ */
#scont_txt {
	font-size: 1.17em;
	color: #444;
	line-height: 1.6em;
}
#scont_txt.check { background:#1a61a9; color:#fff}
#scont_txt.check p{ color:#fff; padding:20px;}
#scont_txt .tel {
	display: inline-block;
	margin-left: 15px;
	font-weight: bold;
	color: #333;
	border: 1px solid #ccc;
	background: #f5f5f5;
	line-height: 30px;
	padding: 0 10px;
}

#scont_txt .tel i {
	margin-right: 5px;
}

#scont_txt ul {
	border: 1px solid #ddd;
	padding: 25px 30px;
	margin: 20px 0;
}
#scont_txt.check ul{ border: 1px solid #1a61a9;}


#scont_txt li {
	color: #666;
	position: relative;
	padding-left: 8px;
	margin: 3px 0;
}

#scont_txt.check li {
	color: #fff;
	position: relative;
	padding-left: 8px;
	margin: 3px 0;
}


#scont_txt li strong {
	color: #222;
	font-weight: 500;
}

#scont_txt li:before {
	display: block;
	content: "";
	width: 3px;
	height: 3px;
	background: #1560af;
	position: absolute;
	top: 12px;
	left: 0px;
}

#scont_txt ul.scont_ul2 {
	margin: 0;
}

#scont_txt ul.scont_ul2 li {
	margin: 0;
	padding: 18px 10px 18px 18px;
	line-height: 1.6em;
	border-bottom: 1px dotted #ddd;
}

#scont_txt ul.scont_ul2 li:before {
	top: 28px;
	left: 8px;
}

#scont_txt ul.scont_ul2 li:last-child {
	border: 0;
}

#scont_txt ul.scont_ul2 li:nth-child(odd) {
	background: #f5f5f5;
}

@media (max-width:1279px) {
	.page {
		width: 100%;
		padding: 0;
		margin: 0px auto
	}

	.img_Area02 div.img_cont img {
		width: 100%;
		transition: all 0.3s ease;
	}

	.img_Area li img {
		width: 100%
	}
}

@media (max-width:992px) {
	.img_Area02 div.para_cont {
		float: none;
		width: 100%;
		transition: all 0.3s ease;
	}

	.img_Area02 div.img_cont img {
		display: none;
		transition: all 0.3s ease;
	}

	.page .jin li.box {
		width: calc(50% - (70.5px * 2)/2);
		margin: 0 0 30px;
	}

	.page .jin li.box:nth-child(5),
	.page .jin li.box:nth-child(6),
	.page .jin li.box:nth-child(7) {
		margin: 0;
	}

}

@media (max-width:767px) {
	.page h3.tit {
		font-size: 1.5em;
	}

	.page h4.tit {
		font-size: 1.27em;
	}

	.page h3 span {
		padding: 0 20px 0 35px;
	}

	.page h4:before {
		display: block;
		content: "";
		width: 5px;
		height: 5px;
		background: #1560af;
		position: absolute;
		top: 12px;
		left: 0px;
	}

	.page h4 {
		position: relative;
		letter-spacing: -2px;
		font-size: 1.3em;
		color: #333;
		padding: 5px 0 5px 10px;
		font-weight: 400;
		margin: 20px 0 15px;
	}

	.page .conBox dl {
		width: 100%;
		padding: 20px;
		border-bottom: 1px solid #eee;
	}

	.page .conBox dl:last-child {
		border: 0;
	}

	.page .text_box_wrap {
		display: table;
	}

	.page .text_box {
		line-height: 1.5em;
		display: table-cell;
		vertical-align: middle;
	}

	.img_Area ul {
		display: block
	}

	.img_Area li img {
		width: 100%
	}

	.img_Area li {
		padding: 0;
		width: 100%;
		transition: all 0.3s ease;
		max-width: 100%;
	}

	.img_Area li:nth-child(2) {
		padding: 0;
		width: 100%;
		transition: all 0.3s ease;
		margin: 25px 0 0;
		max-width: 100%;
	}

	/* Ã«â€šÂ´Ã¬Å¡Â© Ã«â€¹Â¨Ã«ÂÂ½ */
	#scont_txt {
		font-size: 1.02em;
		color: #444;
		line-height: 1.4em;
	}

	#scont_txt .tel {
		display: inline-block;
		margin-left: 15px;
		font-weight: bold;
		color: #333;
		border: 1px solid #ccc;
		background: #f5f5f5;
		line-height: 30px;
		padding: 0 10px;
	}

	#scont_txt .tel i {
		margin-right: 5px;
	}

	#scont_txt ul {
		border: 1px solid #ddd;
		padding: 15px 20px;
		margin: 20px 0;
	}

	#scont_txt li {
		color: #666;
		position: relative;
		padding-left: 8px;
		margin: 3px 0;
	}

	#scont_txt li strong {
		color: #222;
		font-weight: 500;
	}

	#scont_txt li:before {
		display: block;
		content: "";
		width: 3px;
		height: 3px;
		background: #1560af;
		position: absolute;
		top: 12px;
		left: 0px;
	}

	#scont_txt ul.scont_ul2 {
		margin: 0;
	}

	#scont_txt ul.scont_ul2 li {
		margin: 0;
		padding: 18px 10px 18px 18px;
		line-height: 1.6em;
		border-bottom: 1px dotted #ddd;
	}

	#scont_txt ul.scont_ul2 li:before {
		top: 28px;
		left: 8px;
	}

	#scont_txt ul.scont_ul2 li:last-child {
		border: 0;
	}

	#scont_txt ul.scont_ul2 li:nth-child(odd) {
		background: #f5f5f5;
	}
}

@media (max-width:450px) {
	.page .jin li.box {
		width: calc(100%);
		margin: 0;
	}

	.page .jin li.arr {
		width: 100%;
		height: auto;
		transform: rotate(90deg);
		line-height: 70px;
	}
}

/* table */
.area_intro table.table {
	margin: 20px 0 0;
}

.area_intro table.table caption {
	display: none;
}

.area_intro .table > tbody > tr > td {
	padding: 25px 50px;
	vertical-align: middle;
	font-size: 17px;
}

.area_intro .table > tbody > tr > td:first-child {
	background: #fbfbfb;
	font-weight: 600;
	color: #222;
	border-right: 1px solid #eee;
	text-align: center;
}

.area_intro .table > tbody > tr > td:last-child {
	font-weight: 400;
	color: #333;
	background: #fff;
}

.area_intro .table > tbody > tr > td p {
	line-height: 2em;
	font-weight: 500;
}

.area_intro .table > tbody > tr > td p:first-child {
	margin: 0 0 10px;
}

.area_intro .table > tbody > tr > td p span {
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5em;
}

.area_intro .table > tbody > tr > td,
.area_intro .table > tbody > tr > th,
.area_intro .table > tfoot > tr > td,
.area_intro .table > tfoot > tr > th,
.area_intro .table > thead > tr > td,
.area_intro .table > thead > tr > th {
	border-top: 1px solid #eee;
}

.area_intro .table > tbody > tr:last-child {
	border-bottom: 1px solid #eee;
}

@media (max-width:1400px) {
	.area_ceo .area_txt:before {
		right: 0;
	}
}

@media (max-width:1279px) {
	.area_ceo > div {
		width: 100%;
		text-align: center;
	}

	.area_ceo .area_txt {
		width: 100%;
		padding: 60px 50px 0;
	}

	.area_ceo .area_txt:before {
		display: none;
	}
}

@media (max-width:800px) {
	.area_ceo .area_txt p br {
		display: none;
	}

	.table > tbody > tr > td {
		padding: 20px;
	}
}

@media (max-width:550px) {
	.box h3 {
		font-size: 20px;
	}

	.area_ceo {
		margin: 0 0 40px;
	}

	.area_ceo .area_txt {
		padding: 40px 20px;
	}

	.area_ceo .area_txt h2 {
		font-size: 26px;
	}

	.area_ceo .area_txt em {
		font-size: 20px;
		letter-spacing: 0.5px;
	}

	.table > tbody > tr > td {
		padding: 15px;
		font-size: 16px;
	}

	.table > tbody > tr > td p {
		font-size: 16px;
	}
}

@media (max-width:450px) {
	.inr .box > h3 {
		margin: 0 0 0 15px;
	}

	.area_ceo .area_img img {
		max-width: 100%;
	}
}


/* Ã¬Â¤â‚¬Ã«Â¹â€žÃ¬Â¤â€˜Ã­Å½ËœÃ¬ÂÂ´Ã¬Â§â‚¬ */
#ready {
	text-align: center;
	background: url(../img/common/ready.png) no-repeat 50% 0;
	margin: 80px 0;
	padding-top: 130px;
	font-size: 1.3em;
	line-height: 1.3em;
	color: #333;
}

#ready strong {
	color: #3e3b93;
}

#ready p {
	font-size: 1em;
	color: #666;
}

.ready {
	text-align: center;
}

/*테이블*/
.tbl {
	border: 0;
	/*border-left:1px #dde2e9 solid;*/
	/*border-bottom:1px #dde2e9 solid;*/
	width: 100%;
	/*font-family:Sans-serif;*/
	margin: 15px 0 30px;
}

.tbl table {
	width: 100%;
	/*font-family:Sans-serif; margin-bottom:10px;*/
	border-collapse: collapse;
	border-top: 2px #1e2e42 solid;
}

.tbl caption.none {
	position: absolute;
	overflow: hidden;
	height: 0;
	width: 0;
	font-size: 0;
	visibility: hidden;
}

.tbl thead th {
	font-size: 1.05em;
	border: 0;
	border-bottom: 1px solid #dde2e9;
	border-right: 1px solid #dde2e9;
	color: #1e2e42;
	font-weight: 600;
	line-height: 1.5em;
	background: #f8f8f8;
	padding: 13px 5px;
	text-align: center;
	vertical-align: middle
}

.tbl thead th:last-child {
	border-right: 0px
}

.tbl tbody th {
	font-size: 1.10em;
	border: 0;
	border-bottom: 1px solid #dde2e9;
	border-right: 1px solid #dde2e9;
	color: #1e2e42;
	line-height: 1.5em;
	background: #f0f1f3;
	height: 1.5em;
	padding: 10px 5px;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0 !important
}

.tbl td {
	font-size: .93em;
	border: 0;
	border-bottom: 1px solid #dde2e9;
	color: #5c5c5c;
	border-right: 1px solid #dde2e9;
	text-align: center;
	padding: 12px 5px 12px 13px;
	line-height: 1.5em;
	word-break: break-all;
	vertical-align: middle
}

.tbl td#price {
	color: #414753;
	font-size: 1.37em;
	font-weight: bold
}

.tbl td:last-child {
	border-right: 0px
}

.tbl .center {
	text-align: center;
}

.tbl .tLeft {
	text-align: left;
}

.tbl .bg {
	/* background:#f5f5f5;*/
}

/*Ã­â€¦Å’Ã¬ÂÂ´Ã«Â¸â€02*/
.tbl02 {
	border: 0;
	/*border-left:1px #dde2e9 solid;*/
	border-top: 1px #555 solid;
	/*border-bottom:1px #dde2e9 solid;*/
	width: 100%;
	/*font-family:Sans-serif;*/
	margin: 30px 0 10px;
}

.tbl02 table {
	width: 100%;
	/*font-family:Sans-serif; margin-bottom:10px;*/
	border-collapse: collapse;
}

.tbl02 caption.none {
	position: absolute;
	overflow: hidden;
	height: 0;
	width: 0;
	font-size: 0;
	visibility: hidden;
}

.tbl02 thead th {
	font-size: 1.20em;
	border: 0;
	border-bottom: 1px solid #dde2e9;
	border-right: 1px solid #dde2e9;
	color: #1e2e42;
	font-weight: 500;
	line-height: 1.5em;
	background: #f5f5f5;
	height: 1.5em;
	padding: 13px 5px;
	text-align: center;
	vertical-align: middle
}

.tbl02 thead th.right {
	border-right: 1px solid #dde2e9 !important
}

.tbl02 thead th:last-child {
	border-right: 0px
}

.tbl02 tbody th {
	font-size: 1.10em;
	border: 0;
	border-bottom: 1px solid #dde2e9;
	border-right: 1px solid #dde2e9;
	color: #353535;
	line-height: 1.5em;
	background: #fbfbfb;
	height: 1.5em;
	padding: 10px 5px;
	text-align: center;
	font-weight: 500;
}

.tbl02 td {
	font-size: 1.10em;
	border: 0;
	border-bottom: 1px solid #dde2e9;
	color: #5c5c5c;
	border-right: 1px solid #dde2e9;
	text-align: left;
	padding: 7px 5px 7px 13px;
	line-height: 1.5em;
	word-break: break-all;
	vertical-align: middle
}

.tbl02 td span {
	color: #1e2e42;
	font-weight: 500;
	margin: 0 0 10px
}

.tbl02 td.point {
	font-size: 1.10em;
	border: 0;
	font-weight: 600;
	border-bottom: 1px solid #dde2e9;
	color: #555;
	border-right: 1px solid #dde2e9;
	text-align: center;
	padding: 7px 5px;
	line-height: 1.5em;
	word-break: break-all;
	vertical-align: middle
}

.tbl02 td.right {
	font-size: 1.00em;
	border: 0;
	border-bottom: 1px solid #dde2e9;
	border-right: 1px solid #dde2e9 !important;
	text-align: left;
	padding: 7px 5px;
	line-height: 1.5em;
	word-break: break-all;
	vertical-align: middle
}

.tbl02 td:last-child {
	border-right: 0px
}

.tbl02 .center {
	text-align: center;
}

.tbl02 .left {
	text-align: left;
}

.tbl02 dd {
	padding-left: 15px;
	background: url(../img/common/bul_li_t2.png) no-repeat 0 7px;
}

.scroll_comm {
	display: none
}

@media all and (max-width:1024px) {
	.tbl02 {
		overflow: scroll;
		margin: 15px 0;
	}

	.tbl02 table {
		table-layout: fixed;
		width: 1024px;
	}

	.tbl02 thead th {
		font-size: 1.10em;
	}

	.tbl02 td {
		font-size: 1.0em;
	}

	.scroll_comm {
		display: block;
		margin: 20px 0 0;
		font-weight: 600
	}

	.scroll_comm img {
		height: 30px;
		margin: 0 7px 0 0;
		vertical-align: middle
	}
}

@media all and (max-width:800px) {
	.tbl02 {
		overflow: scroll;
	}

	.tbl02 table {
		table-layout: fixed;
		width: 800px;
	}

	.tbl02 thead th {
		font-size: 1.10em;
	}

	.tbl02 tbody th {
		font-size: 1.0em;
	}

	.tbl02 td {
		font-size: 1.0em;
	}
}


/* Ã­â€¦ÂÃ¬Å Â¤Ã­Å Â¸- decoration */
p {
	font-weight: 400;
	color: #444;
	font-size: 1.17em;
	line-height: 1.6em;
}

p.b {
	font-weight: bold;
	color: #333;
	font-size: 1.15em;
	line-height: 1.2em;
}

p.prep {
	font-weight: 600;
	color: #333;
	font-size: 2.50em;
	line-height: 1.2em;
	text-align: center
}

p.prep span {
	font-weight: 300 !important;
	color: #777;
	font-size: .45em;
	line-height: 1.2em;
	letter-spacing: .4em
}

p span.b {
	font-weight: bold;
	color: #333;
}

p span.b2 {
	font-weight: bold;
	color: #333;
	font-size: 1.30em
}

p span.check {
	color: #ff3600
}

p.t1 {
	padding: 0;
	word-break: break-all;
	font-size: 2.2em;
	line-height: 1.8em;
	margin: 0 0 20px;
	color: #333;
	font-weight: 600;
;
	/*width: 85%;*/
}

p.t1 strong {
	color: #1560af;
}

p.t2 {
	padding: 0;
	word-break: break-all;
	font-size: 1.8em;
	line-height: 1.2em;
	color: #333;
	font-weight: 500;
}

p.t3 {
	padding: 0;
	word-break: break-all;
	font-size: 2.0em;
	line-height: 1.2em;
	color: #555;
	font-weight: 500;
}

p.t3 span {
	padding: 0;
	word-break: break-all;
	font-size: 1.0em;
	line-height: 1.2em;
	color: #81a925;
	font-weight: 500;
}

p.t3_1 {
	padding: 0;
	word-break: break-all;
	font-size: 2.4em;
	line-height: 1.6em;
	color: #2a2a2a;
	font-weight: 500;
}

p.t4 {
	padding: 0;
	word-break: break-all;
	font-size: 1.23em;
	line-height: 1.8em;
	color: #222;
	font-weight: 400;
	margin: 0 0 8px
}

p.t4 span:before {
	display: inline-block;
	content: ":";
	margin: 0 7px 0 0
}

p.t4 span {
	margin: 0 7px
}

p.t4_2 {
	padding: 0 0 5px 0;
	word-break: break-all;
	font-size: 1.15em;
	line-height: 1.2em;
	color: #444;
	font-weight: bold;
}

p.t5 {
	padding: 0;
	word-break: break-all;
	font-size: 1.37em;
	line-height: 1.6em;
	color: #333;
	font-weight: 500;
	margin: 0 0 8px;
	letter-spacing: -.050em
}

p.t5 span {
	font-weight: 400;
}

p.t6 {
	padding: 0;
	word-break: break-all;
	font-size: 1.10em;
	line-height: 1.8em;
	color: #666;
	font-weight: 500;
}

p.t6 span {
	color: #222;
	font-weight: bold;
	font-size: .95em;
	padding: 0 0 0 17px
}

p.t6 a {
	padding: 0;
	word-break: break-all;
	font-size: 1.6em;
	line-height: 1.2em;
	color: rgb(0, 0, 0, 0.9) !important;
	color: rgba(0, 0, 0, 0.9) !important;
	font-weight: 500;
	letter-spacing: -.045em;
}

p.t7 {
	padding: 0;
	word-break: break-all;
	font-size: 1.20em;
	line-height: 1.25em;
	color: #2a2a2a;
	font-weight: 400;
	line-height: 1.6em
}

p.t8 {
	padding: 0;
	word-break: break-all;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #10276e;
	font-weight: 220;
}

p.t9 {
	padding: 0;
	word-break: break-all;
	font-size: 1.3em;
	line-height: 1.2em;
	color: #333;
	font-weight: 600;
}

p.t10 {
	padding: 0;
	word-break: break-all;
	font-size: 1.5em;
	line-height: 1.30em;
	color: #2a5dc5;
;
	font-weight: bold
}

p.t10 span.bar {
	padding: 0;
	word-break: break-all;
	font-size: 0.80em;
	line-height: 1.50em;
	color: #2a5dc5;
;
}

p.t11 {
	padding: 0 0 5px 0;
	word-break: break-all;
	font-size: 1.40em;
	line-height: 1.2em;
	color: #378ccd;
	font-weight: 400;
;
}

p.t12 {
	padding: 0;
	word-break: break-all;
	font-size: 1.80em;
	line-height: 1.00em;
	color: #2a2a2a;
;
	font-weight: 300;
}

p.t13 {
	padding: 0;
	word-break: break-all;
	font-size: 1.20em;
	line-height: 1.00em;
	color: #191919;
;
	font-weight: 400;
}

p.t13 span {
	padding: 0;
	word-break: break-all;
	font-size: 1.00em;
	line-height: 1.00em;
	color: #1793da;
;
	font-weight: bold;
}

p.t14 {
	padding: 0;
	word-break: break-all;
	font-size: 1.15em;
	color: #191919;
;
	font-weight: bold;
	line-height: 1.4em
}

p.t14 span {
	padding: 0;
	word-break: break-all;
	font-size: 0.75em;
	line-height: 1.00em;
	color: #6c6c6c;
;
	font-weight: 500;
}

p.t15 {
	padding: 0;
	word-break: break-all;
	font-size: 1.20em;
	line-height: 1.2em;
	color: #3659aa;
	font-weight: 220;
}

p.t16 {
	padding: 0;
	word-break: break-all;
	font-size: 1.00em;
	color: rgba(0, 0, 0, 0.5);
	letter-spacing: -.020em;
	font-weight: 500;
	line-height: 1.8em;
}

p.t16 span {
	padding: 0;
	word-break: break-all;
	font-size: 1.00em;
	line-height: 1.00em;
	color: #2097dc;
;
	font-weight: 700;
}

p.t16 span a {
	padding: 0;
	word-break: break-all;
	font-size: 1.00em;
	line-height: 1.00em;
	color: #2097dc;
;
	font-weight: 700;
}

p.t17 {
	padding: 0;
	word-break: break-all;
	font-size: 0.90em;
	color: #888;
;
	font-weight: 400;
	line-height: 1.4em;
}

p.t17 span {
	padding: 0;
	word-break: break-all;
	font-size: 0.90em;
	line-height: 1.00em;
	color: #2097dc;
;
	font-weight: 700;
}

p.t18 {
	padding: 0;
	word-break: break-all;
	font-size: 0.90em;
	color: #555;
;
	font-weight: 400;
	line-height: 1.4em;
}

p.t18 span {
	padding: 0;
	word-break: break-all;
	font-size: 1.15em;
	line-height: 1.8em;
	color: #333;
;
	font-weight: 700;
}

@media screen and (max-width:767px) {
	p.b {
		font-weight: bold;
		color: #333;
		font-size: 1.10em;
		line-height: 1.2em;
	}

	p span.b {
		font-weight: bold;
		color: #333
	}

	p span.b2 {
		font-weight: bold;
		color: #333;
		font-size: 1.30em
	}

	p span.check {
		color: #ff3600
	}

	p.t1 {
		padding: 0;
		word-break: break-all;
		font-size: 1.6em;
		line-height: 1.6em;
		margin: 0 0 20px;
		font-weight: 600;
	;
		/*width: 85%;*/
	}

	p.t2 {
		padding: 0;
		word-break: break-all;
		font-size: 1.4em;
		line-height: 1.2em;
		font-weight: 500;
	}

	p.t3 {
		padding: 0;
		word-break: break-all;
		font-size: 1.6em;
		line-height: 1.2em;
		color: #555;
		font-weight: 500;
	}

	p.t3 span {
		padding: 0;
		word-break: break-all;
		font-size: 1.0em;
		line-height: 1.2em;
		color: #81a925;
		font-weight: 500;
	}

	p.t3_1 {
		padding: 0;
		word-break: break-all;
		font-size: 2.4em;
		line-height: 1.6em;
		color: #2a2a2a;
		font-weight: 500;
	}

	p.t4 {
		padding: 0;
		word-break: break-all;
		font-size: 1.0em;
		line-height: 1.8em;
		color: #666;
		font-weight: 500;
	}

	p.t4_2 {
		padding: 0 0 5px 0;
		word-break: break-all;
		font-size: 1.15em;
		line-height: 1.2em;
		color: #444;
		font-weight: bold;
	}

	p.t5 {
		padding: 0;
		word-break: break-all;
		font-size: 1.17em;
		line-height: 1.5em;
		font-weight: 500;
		margin: 0 0 8px
	}

	p.t5 span {}

	p.t6 {
		padding: 0;
		word-break: break-all;
		font-size: 1.0em;
		line-height: 1.8em;
		color: #666;
		font-weight: 500;
	}

	p.t6 span {
		color: #222;
		font-weight: bold;
		font-size: .95em;
		padding: 0 0 0 17px
	}

	p.t7 {
		padding: 0;
		word-break: break-all;
		font-size: 1.0em;
		line-height: 1.25em;
		color: #2a2a2a;
		font-weight: 400;
		line-height: 1.6em
	}

	p.t8 {
		padding: 0;
		word-break: break-all;
		font-size: 1.4em;
		line-height: 1.2em;
		color: #10276e;
		font-weight: 220;
	}

	p.t9 {
		padding: 0;
		word-break: break-all;
		font-size: 1.1em;
		line-height: 1.2em;
		color: #333;
		font-weight: 600;
	}

	p.t10 {
		padding: 0;
		word-break: break-all;
		font-size: 1.2em;
		line-height: 1.30em;
		color: #2a5dc5;
	;
		font-weight: bold
	}

	p.t10 span.bar {
		padding: 0;
		word-break: break-all;
		font-size: 0.80em;
		line-height: 1.50em;
		color: #2a5dc5;
	;
	}

	p.t11 {
		padding: 0 0 5px 0;
		word-break: break-all;
		font-size: 1.30em;
		line-height: 1.2em;
		color: #378ccd;
		font-weight: 400;
	;
	}

	p.t12 {
		padding: 0;
		word-break: break-all;
		font-size: 1.40em;
		line-height: 1.00em;
		color: #2a2a2a;
	;
		font-weight: 300;
	}
}

/* MARGIN-TOPÃªÂ´â‚¬Ã«Â Â¨ */
.t_margin-20 {
	margin-top: -20px;
}

.t_margin-19 {
	margin-top: -19px;
}

.t_margin-18 {
	margin-top: -18px;
}

.t_margin-17 {
	margin-top: -17px;
}

.t_margin-16 {
	margin-top: -16px;
}

.t_margin-15 {
	margin-top: -15px;
}

.t_margin-14 {
	margin-top: -14px;
}

.t_margin-13 {
	margin-top: -13px;
}

.t_margin-12 {
	margin-top: -12px;
}

.t_margin-11 {
	margin-top: -11px;
}

.t_margin-10 {
	margin-top: -10px;
}

.t_margin-9 {
	margin-top: -9px;
}

.t_margin-8 {
	margin-top: -8px;
}

.t_margin-7 {
	margin-top: -7px;
}

.t_margin-6 {
	margin-top: -6px;
}

.t_margin-5 {
	margin-top: -5px;
}

.t_margin-4 {
	margin-top: -4px;
}

.t_margin-3 {
	margin-top: -3px;
}

.t_margin-2 {
	margin-top: -2px;
}

.t_margin-1 {
	margin-top: -1px;
}

.t_margin0 {
	margin-top: 0px;
}

.t_margin1 {
	margin-top: 1px;
}

.t_margin2 {
	margin-top: 2px;
}

.t_margin3 {
	margin-top: 3px;
}

.t_margin4 {
	margin-top: 4px;
}

.t_margin5 {
	margin-top: 5px;
}

.t_margin6 {
	margin-top: 6px;
}

.t_margin7 {
	margin-top: 7px;
}

.t_margin8 {
	margin-top: 8px;
}

.t_margin9 {
	margin-top: 9px;
}

.t_margin10 {
	margin-top: 10px;
}

.t_margin11 {
	margin-top: 11px;
}

.t_margin12 {
	margin-top: 12px;
}

.t_margin13 {
	margin-top: 13px;
}

.t_margin14 {
	margin-top: 14px;
}

.t_margin15 {
	margin-top: 15px;
}

.t_margin16 {
	margin-top: 16px;
}

.t_margin17 {
	margin-top: 17px;
}

.t_margin18 {
	margin-top: 18px;
}

.t_margin19 {
	margin-top: 19px;
}

.t_margin20 {
	margin-top: 20px;
}

.t_margin21 {
	margin-top: 21px;
}

.t_margin22 {
	margin-top: 22px;
}

.t_margin23 {
	margin-top: 23px;
}

.t_margin24 {
	margin-top: 24px;
}

.t_margin25 {
	margin-top: 25px;
}

.t_margin26 {
	margin-top: 26px;
}

.t_margin27 {
	margin-top: 27px;
}

.t_margin28 {
	margin-top: 28px;
}

.t_margin29 {
	margin-top: 29px;
}

.t_margin30 {
	margin-top: 30px;
}

.t_margin31 {
	margin-top: 31px;
}

.t_margin32 {
	margin-top: 32px;
}

.t_margin33 {
	margin-top: 33px;
}

.t_margin34 {
	margin-top: 34px;
}

.t_margin35 {
	margin-top: 35px;
}

.t_margin36 {
	margin-top: 36px;
}

.t_margin37 {
	margin-top: 37px;
}

.t_margin38 {
	margin-top: 38px;
}

.t_margin39 {
	margin-top: 39px;
}

.t_margin40 {
	margin-top: 40px;
}

.t_margin41 {
	margin-top: 41px;
}

.t_margin42 {
	margin-top: 42px;
}

.t_margin43 {
	margin-top: 43px;
}

.t_margin44 {
	margin-top: 44px;
}

.t_margin45 {
	margin-top: 45px;
}

.t_margin46 {
	margin-top: 46px;
}

.t_margin47 {
	margin-top: 47px;
}

.t_margin48 {
	margin-top: 48px;
}

.t_margin49 {
	margin-top: 49px;
}

.t_margin50 {
	margin-top: 50px;
}

.t_margin75 {
	margin-top: 75px;
}

.t_margin200 {
	margin-top: 200px;
}

@media screen and (max-width:767px) {
	.t_margin40 {
		margin-top: 0px;
	}

	.t_margin75 {
		margin-top: 20px;
	}
}

/* MARGIN-LEFTÃªÂ´â‚¬Ã«Â Â¨ */
.l_margin-70 {
	margin-left: -70px;
}

.l_margin-50 {
	margin-left: -50px;
}

.l_margin-40 {
	margin-left: -40px;
}

.l_margin-35 {
	margin-left: -35px;
}

.l_margin-30 {
	margin-left: -30px;
}

.l_margin-25 {
	margin-left: -25px;
}

.l_margin-24 {
	margin-left: -24px;
}

.l_margin-23 {
	margin-left: -23px;
}

.l_margin-22 {
	margin-left: -22px;
}

.l_margin-21 {
	margin-left: -21px;
}

.l_margin-20 {
	margin-left: -20px;
}

.l_margin-19 {
	margin-left: -19px;
}

.l_margin-18 {
	margin-left: -18px;
}

.l_margin-17 {
	margin-left: -17px;
}

.l_margin-16 {
	margin-left: -16px;
}

.l_margin-15 {
	margin-left: -15px;
}

.l_margin-14 {
	margin-left: -14px;
}

.l_margin-13 {
	margin-left: -13px;
}

.l_margin-12 {
	margin-left: -12px;
}

.l_margin-11 {
	margin-left: -11px;
}

.l_margin-10 {
	margin-left: -10px;
}

.l_margin-9 {
	margin-left: -9px;
}

.l_margin-8 {
	margin-left: -8px;
}

.l_margin-7 {
	margin-left: -7px;
}

.l_margin-6 {
	margin-left: -6px;
}

.l_margin-5 {
	margin-left: -5px;
}

.l_margin-4 {
	margin-left: -4px;
}

.l_margin-3 {
	margin-left: -3px;
}

.l_margin-2 {
	margin-left: -2px;
}

.l_margin-1 {
	margin-left: -1px;
}

.l_margin0 {
	margin-left: 0px;
}

.l_margin1 {
	margin-left: 1px;
}

.l_margin2 {
	margin-left: 2px;
}

.l_margin3 {
	margin-left: 3px;
}

.l_margin4 {
	margin-left: 4px;
}

.l_margin5 {
	margin-left: 5px;
}

.l_margin6 {
	margin-left: 6px;
}

.l_margin7 {
	margin-left: 7px;
}

.l_margin8 {
	margin-left: 8px;
}

.l_margin9 {
	margin-left: 9px;
}

.l_margin10 {
	margin-left: 10px;
}

.l_margin11 {
	margin-left: 11px;
}

.l_margin12 {
	margin-left: 12px;
}

.l_margin13 {
	margin-left: 13px;
}

.l_margin14 {
	margin-left: 14px;
}

.l_margin15 {
	margin-left: 15px;
}

.l_margin16 {
	margin-left: 16px;
}

.l_margin17 {
	margin-left: 17px;
}

.l_margin18 {
	margin-left: 18px;
}

.l_margin19 {
	margin-left: 19px;
}

.l_margin20 {
	margin-left: 20px;
}

.l_margin21 {
	margin-left: 21px;
}

.l_margin22 {
	margin-left: 22px;
}

.l_margin23 {
	margin-left: 23px;
}

.l_margin24 {
	margin-left: 24px;
}

.l_margin25 {
	margin-left: 25px;
}

.l_margin26 {
	margin-left: 26px;
}

.l_margin27 {
	margin-left: 27px;
}

.l_margin28 {
	margin-left: 28px;
}

.l_margin29 {
	margin-left: 29px;
}

.l_margin30 {
	margin-left: 30px;
}

.l_margin31 {
	margin-left: 31px;
}

.l_margin32 {
	margin-left: 32px;
}

.l_margin33 {
	margin-left: 33px;
}

.l_margin34 {
	margin-left: 34px;
}

.l_margin35 {
	margin-left: 35px;
}

.l_margin36 {
	margin-left: 36px;
}

.l_margin37 {
	margin-left: 37px;
}

.l_margin38 {
	margin-left: 38px;
}

.l_margin39 {
	margin-left: 39px;
}

.l_margin40 {
	margin-left: 40px;
}

.l_margin41 {
	margin-left: 41px;
}

.l_margin42 {
	margin-left: 42px;
}

.l_margin43 {
	margin-left: 43px;
}

.l_margin44 {
	margin-left: 44px;
}

.l_margin45 {
	margin-left: 45px;
}

.l_margin46 {
	margin-left: 46px;
}

.l_margin47 {
	margin-left: 47px;
}

.l_margin48 {
	margin-left: 48px;
}

.l_margin49 {
	margin-left: 49px;
}

.l_margin50 {
	margin-left: 50px;
}

.l_margin80 {
	margin-left: 80px;
}

.l_margin85 {
	margin-left: 85px;
}

.l_margin87 {
	margin-left: 87px;
}

.l_margin90 {
	margin-left: 90px;
}

.l_margin100 {
	margin-left: 100px;
}

/* MARGIN-RIGHTÃªÂ´â‚¬Ã«Â Â¨ */
.r_margin-20 {
	margin-right: -20px;
}

.r_margin-19 {
	margin-right: -19px;
}

.r_margin-18 {
	margin-right: -18px;
}

.r_margin-17 {
	margin-right: -17px;
}

.r_margin-16 {
	margin-right: -16px;
}

.r_margin-15 {
	margin-right: -15px;
}

.r_margin-14 {
	margin-right: -14px;
}

.r_margin-13 {
	margin-right: -13px;
}

.r_margin-12 {
	margin-right: -12px;
}

.r_margin-11 {
	margin-right: -11px;
}

.r_margin-10 {
	margin-right: -10px;
}

.r_margin-9 {
	margin-right: -9px;
}

.r_margin-8 {
	margin-right: -8px;
}

.r_margin-7 {
	margin-right: -7px;
}

.r_margin-6 {
	margin-right: -6px;
}

.r_margin-5 {
	margin-right: -5px;
}

.r_margin-4 {
	margin-right: -4px;
}

.r_margin-3 {
	margin-right: -3px;
}

.r_margin-2 {
	margin-right: -2px;
}

.r_margin-1 {
	margin-right: -1px;
}

.r_margin0 {
	margin-right: 0px;
}

.r_margin1 {
	margin-right: 1px;
}

.r_margin2 {
	margin-right: 2px;
}

.r_margin3 {
	margin-right: 3px;
}

.r_margin4 {
	margin-right: 4px;
}

.r_margin5 {
	margin-right: 5px;
}

.r_margin6 {
	margin-right: 6px;
}

.r_margin7 {
	margin-right: 7px;
}

.r_margin8 {
	margin-right: 8px;
}

.r_margin9 {
	margin-right: 9px;
}

.r_margin10 {
	margin-right: 10px;
}

.r_margin11 {
	margin-right: 11px;
}

.r_margin12 {
	margin-right: 12px;
}

.r_margin13 {
	margin-right: 13px;
}

.r_margin14 {
	margin-right: 14px;
}

.r_margin15 {
	margin-right: 15px;
}

.r_margin16 {
	margin-right: 16px;
}

.r_margin17 {
	margin-right: 17px;
}

.r_margin18 {
	margin-right: 18px;
}

.r_margin19 {
	margin-right: 19px;
}

.r_margin20 {
	margin-right: 20px;
}

.r_margin21 {
	margin-right: 21px;
}

.r_margin22 {
	margin-right: 22px;
}

.r_margin23 {
	margin-right: 23px;
}

.r_margin24 {
	margin-right: 24px;
}

.r_margin25 {
	margin-right: 25px;
}

.r_margin26 {
	margin-right: 26px;
}

.r_margin27 {
	margin-right: 27px;
}

.r_margin28 {
	margin-right: 28px;
}

.r_margin29 {
	margin-right: 29px;
}

.r_margin30 {
	margin-right: 30px;
}

.r_margin31 {
	margin-right: 31px;
}

.r_margin32 {
	margin-right: 32px;
}

.r_margin33 {
	margin-right: 33px;
}

.r_margin34 {
	margin-right: 34px;
}

.r_margin35 {
	margin-right: 35px;
}

.r_margin36 {
	margin-right: 36px;
}

.r_margin37 {
	margin-right: 37px;
}

.r_margin38 {
	margin-right: 38px;
}

.r_margin39 {
	margin-right: 39px;
}

.r_margin40 {
	margin-right: 40px;
}

.r_margin41 {
	margin-right: 41px;
}

.r_margin42 {
	margin-right: 42px;
}

.r_margin43 {
	margin-right: 43px;
}

.r_margin44 {
	margin-right: 44px;
}

.r_margin45 {
	margin-right: 45px;
}

.r_margin46 {
	margin-right: 46px;
}

.r_margin47 {
	margin-right: 47px;
}

.r_margin48 {
	margin-right: 48px;
}

.r_margin49 {
	margin-right: 49px;
}

.r_margin50 {
	margin-right: 50px;
}

/* MARGIN-BOTTOMÃªÂ´â‚¬Ã«Â Â¨ */
.b_margin-20 {
	margin-bottom: -20px;
}

.b_margin-19 {
	margin-bottom: -19px;
}

.b_margin-18 {
	margin-bottom: -18px;
}

.b_margin-17 {
	margin-bottom: -17px;
}

.b_margin-16 {
	margin-bottom: -16px;
}

.b_margin-15 {
	margin-bottom: -15px;
}

.b_margin-14 {
	margin-bottom: -14px;
}

.b_margin-13 {
	margin-bottom: -13px;
}

.b_margin-12 {
	margin-bottom: -12px;
}

.b_margin-11 {
	margin-bottom: -11px;
}

.b_margin-10 {
	margin-bottom: -10px;
}

.b_margin-9 {
	margin-bottom: -9px;
}

.b_margin-8 {
	margin-bottom: -8px;
}

.b_margin-7 {
	margin-bottom: -7px;
}

.b_margin-6 {
	margin-bottom: -6px;
}

.b_margin-5 {
	margin-bottom: -5px;
}

.b_margin-4 {
	margin-bottom: -4px;
}

.b_margin-3 {
	margin-bottom: -3px;
}

.b_margin-2 {
	margin-bottom: -2px;
}

.b_margin-1 {
	margin-bottom: -1px;
}

.b_margin-1 {
	margin-bottom: -1px;
}

.b_margin0 {
	margin-bottom: 0px;
}

.b_margin1 {
	margin-bottom: 1px;
}

.b_margin2 {
	margin-bottom: 2px;
}

.b_margin3 {
	margin-bottom: 3px;
}

.b_margin4 {
	margin-bottom: 4px;
}

.b_margin5 {
	margin-bottom: 5px;
}

.b_margin6 {
	margin-bottom: 6px;
}

.b_margin7 {
	margin-bottom: 7px;
}

.b_margin8 {
	margin-bottom: 8px;
}

.b_margin9 {
	margin-bottom: 9px;
}

.b_margin10 {
	margin-bottom: 10px;
}

.b_margin11 {
	margin-bottom: 11px;
}

.b_margin12 {
	margin-bottom: 12px;
}

.b_margin13 {
	margin-bottom: 13px;
}

.b_margin14 {
	margin-bottom: 14px;
}

.b_margin15 {
	margin-bottom: 15px;
}

.b_margin16 {
	margin-bottom: 16px;
}

.b_margin17 {
	margin-bottom: 17px;
}

.b_margin18 {
	margin-bottom: 18px;
}

.b_margin19 {
	margin-bottom: 19px;
}

.b_margin20 {
	margin-bottom: 20px;
}

.b_margin21 {
	margin-bottom: 21px;
}

.b_margin22 {
	margin-bottom: 22px;
}

.b_margin23 {
	margin-bottom: 23px;
}

.b_margin24 {
	margin-bottom: 24px;
}

.b_margin25 {
	margin-bottom: 25px;
}

.b_margin26 {
	margin-bottom: 26px;
}

.b_margin27 {
	margin-bottom: 27px;
}

.b_margin28 {
	margin-bottom: 28px;
}

.b_margin29 {
	margin-bottom: 29px;
}

.b_margin30 {
	margin-bottom: 30px;
}

.b_margin31 {
	margin-bottom: 31px;
}

.b_margin32 {
	margin-bottom: 32px;
}

.b_margin33 {
	margin-bottom: 33px;
}

.b_margin34 {
	margin-bottom: 34px;
}

.b_margin35 {
	margin-bottom: 35px;
}

.b_margin36 {
	margin-bottom: 36px;
}

.b_margin37 {
	margin-bottom: 37px;
}

.b_margin38 {
	margin-bottom: 38px;
}

.b_margin39 {
	margin-bottom: 39px;
}

.b_margin40 {
	margin-bottom: 40px;
}

.b_margin41 {
	margin-bottom: 41px;
}

.b_margin42 {
	margin-bottom: 42px;
}

.b_margin43 {
	margin-bottom: 43px;
}

.b_margin44 {
	margin-bottom: 44px;
}

.b_margin45 {
	margin-bottom: 45px;
}

.b_margin46 {
	margin-bottom: 46px;
}

.b_margin47 {
	margin-bottom: 47px;
}

.b_margin48 {
	margin-bottom: 48px;
}

.b_margin49 {
	margin-bottom: 49px;
}

.b_margin50 {
	margin-bottom: 50px;
}

/* PADDING-TOPÃªÂ´â‚¬Ã«Â Â¨ */
.box-rpad {
	padding-right: 42px
}

.box-lpad {
	padding-left: 42px
}

@media screen and (max-width:1279px) {
	.box-rpad {
		padding-right: 0px
	}

	.box-lpad {
		padding-left: 0px
	}
}

.t_padding0 {
	padding-top: 0px;
}

.t_padding1 {
	padding-top: 1px;
}

.t_padding2 {
	padding-top: 2px;
}

.t_padding3 {
	padding-top: 3px;
}

.t_padding4 {
	padding-top: 4px;
}

.t_padding5 {
	padding-top: 5px;
}

.t_padding6 {
	padding-top: 6px;
}

.t_padding7 {
	padding-top: 7px;
}

.t_padding8 {
	padding-top: 8px;
}

.t_padding9 {
	padding-top: 9px;
}

.t_padding10 {
	padding-top: 10px;
}

.t_padding11 {
	padding-top: 11px;
}

.t_padding12 {
	padding-top: 12px;
}

.t_padding13 {
	padding-top: 13px;
}

.t_padding14 {
	padding-top: 14px;
}

.t_padding15 {
	padding-top: 15px;
}

.t_padding16 {
	padding-top: 16px;
}

.t_padding17 {
	padding-top: 17px;
}

.t_padding18 {
	padding-top: 18px;
}

.t_padding19 {
	padding-top: 19px;
}

.t_padding20 {
	padding-top: 20px;
}

.t_padding21 {
	padding-top: 21px;
}

.t_padding22 {
	padding-top: 22px;
}

.t_padding23 {
	padding-top: 23px;
}

.t_padding24 {
	padding-top: 24px;
}

.t_padding25 {
	padding-top: 25px;
}

.t_padding26 {
	padding-top: 26px;
}

.t_padding27 {
	padding-top: 27px;
}

.t_padding28 {
	padding-top: 28px;
}

.t_padding29 {
	padding-top: 29px;
}

.t_padding30 {
	padding-top: 30px;
}

.t_padding31 {
	padding-top: 31px;
}

.t_padding32 {
	padding-top: 32px;
}

.t_padding33 {
	padding-top: 33px;
}

.t_padding34 {
	padding-top: 34px;
}

.t_padding35 {
	padding-top: 35px;
}

.t_padding36 {
	padding-top: 36px;
}

.t_padding37 {
	padding-top: 37px;
}

.t_padding38 {
	padding-top: 38px;
}

.t_padding39 {
	padding-top: 39px;
}

.t_padding40 {
	padding-top: 40px;
}

.t_padding41 {
	padding-top: 41px;
}

.t_padding42 {
	padding-top: 42px;
}

.t_padding43 {
	padding-top: 43px;
}

.t_padding44 {
	padding-top: 44px;
}

.t_padding45 {
	padding-top: 45px;
}

.t_padding46 {
	padding-top: 46px;
}

.t_padding47 {
	padding-top: 47px;
}

.t_padding48 {
	padding-top: 48px;
}

.t_padding49 {
	padding-top: 49px;
}

.t_padding50 {
	padding-top: 50px;
}

/* PADDING-LEFTÃªÂ´â‚¬Ã«Â Â¨ */
.l_padding0 {
	padding-left: 0px;
}

.l_padding1 {
	padding-left: 1px;
}

.l_padding2 {
	padding-left: 2px;
}

.l_padding3 {
	padding-left: 3px;
}

.l_padding4 {
	padding-left: 4px;
}

.l_padding5 {
	padding-left: 5px;
}

.l_padding6 {
	padding-left: 6px;
}

.l_padding7 {
	padding-left: 7px;
}

.l_padding8 {
	padding-left: 8px;
}

.l_padding9 {
	padding-left: 9px;
}

.l_padding10 {
	padding-left: 10px;
}

.l_padding11 {
	padding-left: 11px;
}

.l_padding12 {
	padding-left: 12px;
}

.l_padding13 {
	padding-left: 13px;
}

.l_padding14 {
	padding-left: 14px;
}

.l_padding15 {
	padding-left: 15px;
}

@media (max-width: 991px) {
	.l_padding15 {
		padding-left: 0px;
	}
}

.l_padding16 {
	padding-left: 16px;
}

.l_padding17 {
	padding-left: 17px;
}

.l_padding18 {
	padding-left: 18px;
}

.l_padding19 {
	padding-left: 19px;
}

.l_padding20 {
	padding-left: 20px;
}

@media (max-width: 991px) {
	.l_padding20 {
		padding-left: 0x;
	}
}

.l_padding21 {
	padding-left: 21px;
}

.l_padding22 {
	padding-left: 22px;
}

.l_padding23 {
	padding-left: 23px;
}

.l_padding24 {
	padding-left: 24px;
}

.l_padding25 {
	padding-left: 25px;
}

.l_padding26 {
	padding-left: 26px;
}

.l_padding27 {
	padding-left: 27px;
}

.l_padding28 {
	padding-left: 28px;
}

.l_padding29 {
	padding-left: 29px;
}

.l_padding30 {
	padding-left: 30px;
}

.l_padding31 {
	padding-left: 31px;
}

.l_padding32 {
	padding-left: 32px;
}

.l_padding33 {
	padding-left: 33px;
}

.l_padding34 {
	padding-left: 34px;
}

.l_padding35 {
	padding-left: 35px;
}

.l_padding36 {
	padding-left: 36px;
}

.l_padding37 {
	padding-left: 37px;
}

.l_padding38 {
	padding-left: 38px;
}

.l_padding39 {
	padding-left: 39px;
}

.l_padding40 {
	padding-left: 40px;
}

@media (max-width: 991px) {
	.l_padding40 {
		padding-left: 0px;
	}
}

.l_padding41 {
	padding-left: 41px;
}

.l_padding42 {
	padding-left: 42px;
}

.l_padding43 {
	padding-left: 43px;
}

.l_padding44 {
	padding-left: 44px;
}

.l_padding45 {
	padding-left: 45px;
}

.l_padding46 {
	padding-left: 46px;
}

.l_padding47 {
	padding-left: 47px;
}

.l_padding48 {
	padding-left: 48px;
}

.l_padding49 {
	padding-left: 49px;
}

.l_padding50 {
	padding-left: 50px;
}

.l_padding80 {
	padding-left: 80px;
}

/* PADDING-RIGHTÃªÂ´â‚¬Ã«Â Â¨ */
.r_padding0 {
	padding-right: 0px;
}

.r_padding1 {
	padding-right: 1px;
}

.r_padding2 {
	padding-right: 2px;
}

.r_padding3 {
	padding-right: 3px;
}

.r_padding4 {
	padding-right: 4px;
}

.r_padding5 {
	padding-right: 5px;
}

.r_padding6 {
	padding-right: 6px;
}

.r_padding7 {
	padding-right: 7px;
}

.r_padding8 {
	padding-right: 8px;
}

.r_padding9 {
	padding-right: 9px;
}

.r_padding10 {
	padding-right: 10px;
}

@media screen and (max-width:767px) {
	.r_padding10 {
		padding-right: 0px;
	}
}

.r_padding11 {
	padding-right: 11px;
}

.r_padding12 {
	padding-right: 12px;
}

.r_padding13 {
	padding-right: 13px;
}

.r_padding14 {
	padding-right: 14px;
}

.r_padding15 {
	padding-right: 15px;
}

@media (max-width: 991px) {
	.r_padding15 {
		padding-right: 0px;
	}
}

.r_padding16 {
	padding-right: 16px;
}

.r_padding17 {
	padding-right: 17px;
}

.r_padding18 {
	padding-right: 18px;
}

.r_padding19 {
	padding-right: 19px;
}

.r_padding20 {
	padding-right: 20px;
}

@media (max-width: 991px) {
	.r_padding20 {
		padding-right: 0px;
	}
}

.r_padding21 {
	padding-right: 21px;
}

.r_padding22 {
	padding-right: 22px;
}

.r_padding23 {
	padding-right: 23px;
}

.r_padding24 {
	padding-right: 24px;
}

.r_padding25 {
	padding-right: 25px;
}

.r_padding26 {
	padding-right: 26px;
}

.r_padding27 {
	padding-right: 27px;
}

.r_padding28 {
	padding-right: 28px;
}

.r_padding29 {
	padding-right: 29px;
}

.r_padding30 {
	padding-right: 30px;
}

.r_padding31 {
	padding-right: 31px;
}

.r_padding32 {
	padding-right: 32px;
}

.r_padding33 {
	padding-right: 33px;
}

.r_padding34 {
	padding-right: 34px;
}

.r_padding35 {
	padding-right: 35px;
}

.r_padding36 {
	padding-right: 36px;
}

.r_padding37 {
	padding-right: 37px;
}

.r_padding38 {
	padding-right: 38px;
}

.r_padding39 {
	padding-right: 39px;
}

.r_padding40 {
	padding-right: 40px;
}

.r_padding41 {
	padding-right: 41px;
}

.r_padding42 {
	padding-right: 42px;
}

.r_padding43 {
	padding-right: 43px;
}

.r_padding44 {
	padding-right: 44px;
}

.r_padding45 {
	padding-right: 45px;
}

.r_padding46 {
	padding-right: 46px;
}

.r_padding47 {
	padding-right: 47px;
}

.r_padding48 {
	padding-right: 48px;
}

.r_padding49 {
	padding-right: 49px;
}

.r_padding50 {
	padding-right: 50px;
}

.r_padding60 {
	padding-right: 60px;
}

/* PADDING-BOTTOMÃªÂ´â‚¬Ã«Â Â¨ */
.b_padding0 {
	padding-bottom: 0px;
}

.b_padding1 {
	padding-bottom: 1px;
}

.b_padding2 {
	padding-bottom: 2px;
}

.b_padding3 {
	padding-bottom: 3px;
}

.b_padding4 {
	padding-bottom: 4px;
}

.b_padding5 {
	padding-bottom: 5px;
}

.b_padding6 {
	padding-bottom: 6px;
}

.b_padding7 {
	padding-bottom: 7px;
}

.b_padding8 {
	padding-bottom: 8px;
}

.b_padding9 {
	padding-bottom: 9px;
}

.b_padding10 {
	padding-bottom: 10px;
}

.b_padding11 {
	padding-bottom: 11px;
}

.b_padding12 {
	padding-bottom: 12px;
}

.b_padding13 {
	padding-bottom: 13px;
}

.b_padding14 {
	padding-bottom: 14px;
}

.b_padding15 {
	padding-bottom: 15px;
}

.b_padding16 {
	padding-bottom: 16px;
}

.b_padding17 {
	padding-bottom: 17px;
}

.b_padding18 {
	padding-bottom: 18px;
}

.b_padding19 {
	padding-bottom: 19px;
}

.b_padding20 {
	padding-bottom: 20px;
}

.b_padding21 {
	padding-bottom: 21px;
}

.b_padding22 {
	padding-bottom: 22px;
}

.b_padding23 {
	padding-bottom: 23px;
}

.b_padding24 {
	padding-bottom: 24px;
}

.b_padding25 {
	padding-bottom: 25px;
}

.b_padding26 {
	padding-bottom: 26px;
}

.b_padding27 {
	padding-bottom: 27px;
}

.b_padding28 {
	padding-bottom: 28px;
}

.b_padding29 {
	padding-bottom: 29px;
}

.b_padding30 {
	padding-bottom: 30px;
}

.b_padding31 {
	padding-bottom: 31px;
}

.b_padding32 {
	padding-bottom: 32px;
}

.b_padding33 {
	padding-bottom: 33px;
}

.b_padding34 {
	padding-bottom: 34px;
}

.b_padding35 {
	padding-bottom: 35px;
}

.b_padding36 {
	padding-bottom: 36px;
}

.b_padding37 {
	padding-bottom: 37px;
}

.b_padding38 {
	padding-bottom: 38px;
}

.b_padding39 {
	padding-bottom: 39px;
}

.b_padding40 {
	padding-bottom: 40px;
}

.b_padding41 {
	padding-bottom: 41px;
}

.b_padding42 {
	padding-bottom: 42px;
}

.b_padding43 {
	padding-bottom: 43px;
}

.b_padding44 {
	padding-bottom: 44px;
}

.b_padding45 {
	padding-bottom: 45px;
}

.b_padding46 {
	padding-bottom: 46px;
}

.b_padding47 {
	padding-bottom: 47px;
}

.b_padding48 {
	padding-bottom: 48px;
}

.b_padding49 {
	padding-bottom: 49px;
}

.b_padding50 {
	padding-bottom: 50px;
}







/**Ã«â€šÂ´Ã¬Å¡Â©Ã¬Å¾â€˜Ã¬â€”â€¦**/

/*인사말*/
.ctt_company > div{display: flex; gap: 30px;}
.ctt_company .text_area{font-size: 1.3em;width: 65%;}
.ctt_company .text_hd{font-family: 'GmarketSansMedium'; margin-bottom: 40px;}
.ctt_company .text_hd h3::before {
	content: '';
	display: block;
	left: 0;
	bottom: 0;
	width: 80px;
	height: 3px;
	margin: 0 0 20px;
	background: #1560af;
}
.ctt_company .text_hd h3 {
	padding: 0;
	word-break: keep-all;
	font-size: 2.2em;
	line-height: 1.2em;
	color: #1b1f41;
	font-weight: 600;
	margin-bottom: 10px;
}
.ctt_company .text_hd > p{font-size: 1.4em; color: #1b1f41;line-height: 1.2em;}
.ctt_company .text{line-height: 1.6em;}
.ctt_company .img_area{width: 35%; height: 100%;}
.ctt_company .img_area img{width: 100%; height:100%; object-fit: cover; }

@media screen and (max-width: 768px) {
	.ctt_company > div{display: block; gap: 0px;}
	.ctt_company .text_hd h3{font-size: 1.7em;}
	.ctt_company .text_hd > p{font-size: 1.2em;}
	.ctt_company .text_area{width: 100%;}
	.ctt_company .img_area{width: 100%; height: 300px; margin-top: 40px;}

}



/* 연혁 */
.hi_wrap {
	display: flex;
	}

.hi_img {
	display: flex;
	flex-direction: column;
	}

.hi_img_2021 {
	margin-top: 220px;
	}

.hi_img_2022 {
	margin-top: 450px;
	}

.hi_img_2023 {
	margin-top: 690px;
	}

.hi_img img {
	max-width: 100%;
	}

.hi_img1 {
	margin-bottom: 10px;
	}

.hi_right {
	margin-left: 150px;
	position: relative;
	}

.hi_right::before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #d1d1d1;
	position: absolute;
	left: 14.8%;
	top: 0;
	}

.hi_right::after {
	content: '';
	display: block;
	position: absolute;
	left: 14%;
	top: 0;
	width: 13px;
	height: 13px;
	border-radius: 50px;
	border: 3px solid #0d3388;
	background-color: #ffffff;
	}

.hi_txtbox {
	margin-top: 50px;
	}

.hi_txtbox2 {
	margin-top: 100px;
	}

.hi_txt {
	margin-bottom: 25px;
	display: flex;
	position: relative;
	}

.hi_txt:last-child {
	margin: 0;
	}

.hi_txt::after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #d1d1d1;
	position: absolute;
	top: 9px;
	left: 14.5%;
	}


.hi_txt h5 {
	font-size: 1.9rem;
	font-weight: 700;
	color: #222;
	text-align: right;
	margin-right: 75px;
	position: relative;
	background: transparent !important;
	padding: 0 !important;
	font-family: 'Noto Sans KR';
	}

.hi_txt h5.txt_2015::before {
	content: "2015";
	display: block;
	font-size: 1.7em;
	color: #0d3388;
	position: absolute;
	left: 50%;
	top: -22px;
	transform: translateX(-50%);
	font-weight: 700;
	}

.hi_txt h5.txt_2013::before {
	content: "2013";
	display: block;
	font-size: 1.7em;
	color: #0d3388;
	position: absolute;
	left: 50%;
	top: -22px;
	transform: translateX(-50%);
	font-weight: 700;
	}
.hi_txt h5.txt_2011::before {
	content: "2011";
	display: block;
	font-size: 1.7em;
	color: #0d3388;
	position: absolute;
	left: 50%;
	top: -22px;
	transform: translateX(-50%);
	font-weight: 700;
	}
.hi_txt h5.txt_2022::before {
	content: "2022";
	display: block;
	font-size: 1.8rem;
	color: #8ad8ff;
	position: absolute;
	left: 50%;
	top: -22px;
	transform: translateX(-50%);
	font-weight: 700;
	}

.hi_cont {
	margin-left: 75px;
	width: 100%;
	max-width: 600px;
	}

.hi_cont p {
	font-size: 1.7rem;
	color: #666;
	padding: 3px 0;
	}
.hi_cont p span{ margin: 0 5px 0 0; font-weight: 700}

@media screen and (max-width:1300px) {
	.hi_right {
		margin-left: 8%;
		}
	}

@media screen and (max-width:1130px) {
	.hi_txt h5 {
		margin-right: 60px;
		}

	.hi_cont {
		margin-left: 60px;
		}

	.hi_right::before {
		left: 13.1%;
		}

	.hi_right::after {
		left: 12.3%;
		}

	.hi_txt::after {
		left: 12.6%;
		}
	}

@media screen and (max-width:1024px) {
	#his_cate {
		margin: 25px 0 100px;
		}

	.hi_wrap {
		justify-content: center;
		flex-direction: column;
		}

	.hi_img {
		justify-content: center;
		margin-bottom: 55px;
		margin-top: 0;
		flex-direction: row;
		overflow: hidden;
		overflow-x: scroll;
		}

	.hi_img img {
		width: 50%;
		}

	.hi_img1 {
		margin: 0 20px 0 0;
		}

	.hi_right {
		margin: 0 auto;
		}

	.hi_txt {
		margin-bottom: 30px;
		}

	.hi_right::before {
		left: 13.4%;
		}

	.hi_right::after {
		left: 12.6%;
		}

	.hi_txt::after {
		left: 12.9%;
		}
	}

@media(max-width:768px) {
	#his_cate {
		margin: 25px 0 80px;
		}

	.hi_txt {
		margin-bottom: 25px;
		}

	.hi_txt h5 {
		font-size: 2rem;
		}

	.hi_txt h5.txt_2019::before, .hi_txt h5.txt_2020::before {
		font-size: 1.9rem;
		left: 0;
		transform: none;
		}

	.hi_cont p {
		font-size: 1.9rem;
		}
	.hi_img1 {
		margin-bottom: 20px;
		}
	}

@media screen and (max-width:600px) {
	.hi_txt {
		margin-bottom: 30px;
		flex-direction: column;
		align-items: flex-start;
		}

	.hi_txt h5 {
		margin-right: 0;
		margin-bottom: 5px;
		}

	.hi_img {
		flex-direction: column;
		margin-bottom: 50px;
		}

	.hi_img img {
		width: auto;
		}

	.hi_img1 {
		margin: 0 0 20px 0;
		}

	.hi_cont {
		margin-left: 0;
		}

	.hi_right {
		margin: 0;
		padding: 0 0 0 40px;
		}

	.hi_right::before {
		left: 0;
		}

	.hi_right::after {
		left: -5px;
		}

	.hi_txt::after {
		left: -43.5px;
		}

	.hi_cont p {
		padding: 1px 0;
		}
	}



/* 조직도 */
.company03{}
.company03 img{width: 100%;max-width: fit-content}




/* Ã¬ËœÂ¤Ã¬â€¹Å“Ã«Å â€ ÃªÂ¸Â¸ */
.map {}

.map_add_wrap {
	width: 100%;
	overflow: hidden;
	padding: 35px 0;
	font-size: 1.5em;
	font-weight: 500;
	box-sizing: border-box;
	text-align: center;
	line-height: 1.4em;
}

.map_add_wrap .ko {
	font-size: 0.92em;
	color: #69C;
	margin-top: 5px;
}
.lo_img{}
.lo_img img{width: 100%;height: 100%;object-fit: cover}
.map_box_wrap {
	width: 100%;
	overflow: hidden;
	margin: 20px 0 0;
	border-top: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	border-left: 1px solid #c2c2c2;
	display: flex;
}

.map_box_wrap .map_bx {
	width: 33.3%;
	float: left;
	box-sizing: border-box;
	border-left: 1px dotted #c8c5c5;
	padding: 1em 10px;
	align-items: stretch;
	text-align: center;
}

.map_box_wrap .map_bx:first-child {
	border: 0;
}

.map_box_wrap .map_bx .t {
	line-height: 1em;
	font-size: 1.3em;
	font-weight: 500;
	color: #273169;
	margin: 10px auto 10px;
}

.map_box_wrap .map_bx .c {
	font-size: 1.05em;
	letter-spacing: 0.5px;
}

.map_box_wrap .map_bx a.bt {
	display: inline-block;
	background: #fff;
	padding: 3px 12px;
	font-size: 0.88em;
	letter-spacing: -0.5px;
	margin: 3px;
	border-radius: 25px;
	border: 1px solid #dadada;
	transition: all 0.3s ease;
}

.map_box_wrap .map_bx a.bt:hover {
	font-weight: 500;
	color: #FFF;
	background: #273169;
	border: 1px solid #273169;
	transition: all 0.3s ease;
}

.map_box_wrap .glyphicon {
	font-size: 19px;
}

.map_add_wrap .glyphicon {
	font-size: 24px;
}
.lo_img{width: 40% !important;}
.root_daum_roughmap{width: 60% !important;}
.lo_img img{width: 100%;height: 100%;object-fit: cover}

@media (max-width: 1279px) {
	.map_add_wrap {
		padding: 15px 10px;
		font-size: 0.9em;
		line-height: 1.4em;
	}

	.map_add_wrap span {
		display: block;
		margin-bottom: 5px;
	}

	.map_add_wrap br.mo {
		display: block
	}

	.map_box_wrap {
		display: block;
	}

	.map_box_wrap .map_bx {
		width: 100%;
		border-top: 1px dotted #ddd;
		padding: 7px
	}

	.map_box_wrap .map_bx:nth-of-type(2) {
		border-left: 0;
	}

	.map_box_wrap .map_bx:nth-of-type(3) {
		border-left: 0;
	}

	.map_box_wrap .map_bx:nth-of-type(2n) + .map_bx {
		clear: both
	}

	.map_box_wrap .map_bx .t {
		font-size: 1.2em;
	}

	.map_box_wrap .map_bx .c {
		font-size: 0.82em;
	}

	.map_box_wrap .map_bx img {
		height: 40px;
	}

	.map_box_wrap .map_bx .t {
		margin: 7px auto;
		font-size: 1em;
	}

	.map_box_wrap .map_bx a.bt {
		padding: 2px 12px;
	}
	.map > .flex{display: block !important}
	.lo_img, .root_daum_roughmap{width: 100% !important;}
}

/*Ã¬â€šÂ¼Ã¬â€šÂ¼ Ã­ÂÂ´Ã«Å¾ËœÃ¬Å Â¤*/
.area_expert h2{text-align: center; font-size: 2em; font-weight: 600; margin-bottom: 20px; font-family: 'GmarketSans';}
.area_expert h2::after {
	content: '';
	display: block;
	width: 50px;
	height: 3px;
	background: #333;
	margin: 20px auto 30px;
}
.area_expert .area_hd{display: flex; align-items: flex-end; justify-content: space-between;}
.area_expert .area_hd .btn{background: #333333; color: #fff;}
.area_expert .search_hd{}
.area_expert .search_hd > *{line-height:40px; height: 40px; padding: 0 16px; border-radius: 4px;}
.area_expert .search_hd select{border: 1px solid #eee;}
.area_expert .search_hd input{border: 1px solid #eee;}
.area_expert .search_hd button{background-color: #3e3b93; color: #fff; border: 0;}
.area_expert .area_title{font-size: 1.2em;}
.area_expert .area_title h5{font-size: 2em; font-family: 'GmarketSans';}
.expert_list {display: grid; /*grid-template-columns: 2fr 4fr;*/ grid-template-columns: 35% 63%; gap: 2%; margin: 0px;}
/*.expert_list {cursor: pointer;}*/
.expert_list :hover .area_img .img,
.expert_list :hover .area_img .title{transform: scale(1.05); transition: all 0.3s;}
.expert_list .img_Area img{ width: 100%; margin: 0 0 10px}
/*.expert_list li:nth-child(5n+1) .area_img{ background-color: #FFBA00;}
.expert_list li:nth-child(5n+2) .area_img{ background-color: #5652C2;}
.expert_list li:nth-child(5n+3) .area_img{ background-color: #887D63;}
.expert_list li:nth-child(5n+4) .area_img{ background-color: #0D1550;}
.expert_list li:nth-child(5n+5) .area_img{ background-color: #408FF1;}*/

.expert_view{display: grid; align-items: flex-start; grid-template-columns: 1fr 420px; gap:60px; position: relative;}
.expert_view .view{}
.expert_view .view .area_img{height: 300px; border-radius: 4px;}
.expert_view .view .area_img .title{left: 3em; bottom: 3em; width: calc(100% - 35em);}
.expert_view .view .area_img .title span{font-size: 1.1em; padding: 4px 10px; border-radius: 4px;}
.expert_view .view .area_img .title p{font-size: 3em;}


.expert_view .info{position: relative; width: 100%; height: 100%;}
.expert_view .info .area_img{display: none;}
.expert_view .sticky{position: -webkit-sticky; position: sticky; top: 125px; width: 100%;}

.expert_view .area_info h5{
	font-size: 2em;
	line-height: 1.4em;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eeeeee;
}
.expert_view .area_info dl{
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 4px 16px;
	margin-bottom: 20px;
	font-size: 1.1em;
}
.expert_view .area_info dt{}
.expert_view .area_info dd{}
.expert_view .area_info dd span{display: block; padding: 2px 6px; border-radius: 4px; margin-top: 4px; text-align: center; max-width: 160px; font-size: 0.95em;}
.expert_view .area_info dd span.red{background: #3e3b93; color: #fff;}
.expert_view .area_info dd span.black{background: #333333; color: #fff;}
.expert_view .area_price{
	background: #eee;
	margin-bottom: 20px;
	border-radius: 4px;
	padding: 1.5em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: 'Montserrat';
	display: none;
}
.expert_view .area_price > div:first-child{font-size: 1.2em; font-weight: 600;}
.expert_view .area_price > div:last-child{text-align: right;}
.expert_view .area_price > div > p{font-weight: 600; font-size: 1.4em;}
.expert_view .area_price > div > span{opacity: 0.8;}
/*.expert_view .area_info .btn_wrap{display: flex; align-items: center; gap: 4px;}*/
.expert_view .area_info .btn{
	width: 100%;
	font-size: 1.4em;
	line-height: 1.4em;
	padding: 0.8em 1em;
	font-weight: 500;
	background: linear-gradient(45deg, #2375B8, #2199B5);
	background: #1b1f41;
	color: #fff;
	outline: none;
	margin-top: 4px;
}
.expert_view .area_info .btn:hover{background: #3054A3;}
.expert_view .area_info .btn.btn_line{border: 1px solid #1b1f4185; background-color: #fff; color: #1b1f41;}

.expert_view .nav-tabs{
	margin-bottom: 20px;
	display: flex;
	background: #fff;
	position: sticky;
	top: 100px;
	border-bottom: 1px solid #33333356;
	border-top: 1px solid #33333356;
}


.expert_view .nav-tabs>li{float: none;width: 100%;margin: 0;}
.expert_view .nav-tabs>li>a{text-align: center;font-size: 1.2em;padding: 0.8em 0.5em;opacity: 0.8;width: 100%;background: transparent;border: 0;}
.expert_view .nav-tabs>li.active>a{font-weight: 600;opacity: 1;background: #fff;border: 0;border-bottom: 2px solid #333;}

.expert_view .tab-content>.tab-pane{display: block; min-height: 500px; padding: 10px 0;}
.expert_view .tab-content img{max-width: 100%;}

@media screen and (max-width: 768px) {
	.expert_list {display: grid; grid-template-columns: 1fr; margin: 0px auto;}
	.expert_list .img_Area img{ width: 100%; display: none}
	.expert_view .nav-tabs{
		top: 69px;
	}
	.expert_view .tab-content>.tab-pane{padding: 40px 0;}
}

#product-details .details {
	/*height: 1000px;*/
	overflow: hidden;
	transition: height 0.3s ease-in-out;
}
#product-details .details.expanded {
	height: auto;
}
#product-details .btn{width: 100%; outline: none; padding: 1em; font-size: 1.2em; margin-top: 4px; border: 1px solid #ccc; background: #fff;}



.expert_form #preview {
	text-align: center;
	border: 1px solid #ccc;
	background: #fff;
	width: 100%;
	height: 300px;
	display: table;
}

.expert_form #uploadLabel {
	cursor: pointer;
	font-size: 1.2em;
	display: table-cell;
	margin: 0;
}
.expert_form #imageContainer{position: relative;width: 100%;height: 100%;}
.expert_form #imageContainer img {
	width: 100%;
	height: 100%;
	cursor: pointer;
	object-fit: cover;
}

/*신청자 리스트*/
.list_wrap table{width: 100%; font-size: 1.1em; border-top: 2px solid #0d1550;}
.list_wrap table th,
.list_wrap table td{border-bottom: 1px solid #eee; padding: 15px 10px;}
.list_wrap table thead th{color: #0d1550; background-color: #0d155012; border-bottom: 1px solid #0d155056;}
.list_wrap table tbody th{background-color: #eeeeee56;}

@media screen and (max-width: 992px) {
	.expert_list ul{grid-template-columns: repeat(3, 1fr);}

	.expert_view{display: flex; flex-wrap: wrap; flex-direction: column-reverse;}
	.expert_view .view .area_img{display: none;}
	.expert_view .info .area_img{display: block;}

	.expert_view .area_info h5{
		font-size: 1.5em;
	}
	.expert_view .area_info dl{
		padding: 1.5em 1em;
		background: #eeeeee85;
		border-radius: 4px;
	}
	.expert_view .area_info dt{}
	.expert_view .area_info dd{}
	.expert_view .area_price{}
	.expert_view .area_info .btn{}

}
@media screen and (max-width: 768px) {
	.area_expert .area_hd{display: block;}
	.area_expert .area_title{margin-bottom: 20px;}

	.area_expert{padding: 0 4px}
	.expert_list ul{grid-template-columns: repeat(2, 1fr); gap: 4px}
	.expert_view .area_info h5{
		font-size: 1.2em;
	}
	.expert_view .area_info dl{
		font-size: 1em;
	}
	.expert_view .area_info dt{}
	.expert_view .area_info dd{}
	.expert_view .area_price{}
	.expert_view .area_info .btn{}

}


/*인재채용*/
.recruit{background: url("../img/sub/recruit_bg.jpg") no-repeat right top/auto 300px;}
.recruit .text_hd{font-family: 'ElectricalSafety'; margin-bottom: 40px;}
.recruit .text_hd h3::before {
	content: '';
	display: block;
	left: 0;
	bottom: 0;
	width: 80px;
	height: 3px;
	margin: 0 0 20px;
	background: #1560af;
}
.recruit .text_hd h3 {
	padding: 0;
	word-break: keep-all;
	font-size: 2.2em;
	line-height: 1.2em;
	color: #333;
	font-weight: 600;
	margin-bottom: 10px;
}
.recruit .text_hd > p{font-size: 1.4em; color: #0d1550;}
.recruit .area_info h4{
	font-size: 1.4em;
	margin-bottom: 20px;
}
.recruit .area_info .ul_basic{font-size: 1.2em; line-height: 2em;}
.recruit .area_info .ul_basic li:before{content: ""; display: inline-block; width: 4px; height: 4px; background: #0d1550; border-radius: 50%; margin-right: 4px; vertical-align: middle;}
.recruit .area_info .diagram{display: grid;grid-template-columns: repeat(6, 1fr);gap: 10px;padding: 20px 0;}
.recruit .area_info .diagram li{
	border: 1px solid #eee;
	border-radius: 10px;
	text-align: center;
	padding: 1em;
	background: #fff;
}
.recruit .area_info .diagram img{margin-bottom: 10px; height: 80px;}
.recruit .area_info .diagram p{font-weight: 600; font-size: 1.2em;}
.recruit .area_guide dl{display: grid;grid-template-columns: max-content 1fr;gap: 10px 15px;padding: 2em;background: #eeeeee85;border-radius: 10px;font-size: 1.2em;}
.recruit .area_guide dl{display: grid; grid-template-columns: max-content 1fr; gap: 2px 10px;}

@media screen and (max-width: 992px) {
	.recruit{background: none;}
	.recruit .area_info .diagram{grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width: 768px) {
	.recruit .area_info .diagram{grid-template-columns: repeat(2, 1fr);}
}

/*사업영역*/
.service{font-size: 1.2em;}
.service .text_hd{font-family: 'ElectricalSafety'; margin-bottom: 40px;}
.service .text_hd h3::before {
	content: '';
	display: block;
	left: 0;
	bottom: 0;
	width: 80px;
	height: 3px;
	margin: 0 0 20px;
	background: #1560af;
}
.service .text_hd h3 {
	padding: 0;
	word-break: keep-all;
	font-size: 2.2em;
	line-height: 1.2em;
	color: #333;
	font-weight: 600;
	margin-bottom: 10px;
}
.service .text_hd p{}
.service .area_diagram{margin:50px 40px;}
.service .area_diagram .inner{display: grid;grid-template-columns: 1fr 140px 1fr 140px 1fr;padding: 2em; gap: 20px; align-items: center;}
.service .area_diagram .icon img{ margin:0 auto 0; height: 60px; display: block; text-align: center;}
.service .area_diagram .icon{ text-align: center; border-radius: 50px; border: 1px solid #eee; padding: 2em 1.5em; box-shadow: 0 0 15px #3e3b9325;}
.service .area_diagram .icon p{font-weight: 600;}
.service .area_diagram .icon span{font-size: 13px; font-weight: 600; color: #3e3b93;}
.service .area_diagram .icon.logo{background-color: #3e3b93; border-color: #3e3b93; }
.service .area_diagram .icon.logo img{height:50px; margin: 20px auto;}

.service .area_diagram .arrow{text-align: center; padding-top: 60px;}
.service .area_diagram .arrow i{font-size: 2em; margin-bottom: 10px;}
.service .area_diagram .arrow p{font-size: 0.9em; opacity: 0.8;}

.service .area_info .text{margin-bottom: 20px;}
.service .area_info .ul_box{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px}
.service .area_info .ul_box li{background: #eee; text-align: center; padding: 1.5em; font-size: 1.2em;}

@media screen and (max-width: 992px) {
	.service .text_hd h3{font-size: 1.5em}
	.service .area_diagram{margin: 50px 0; overflow: auto;}
	.service .area_diagram .inner{gap: 10px; grid-template-columns: 1fr 100px 1fr 100px 1fr; padding: 20px 10px!important;}
	.service .area_diagram .icon.logo img{height: 30px;}
	.service .area_info .ul_box{grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 768px) {
	.service .area_diagram .inner{/*transform: scale(0.5);*/}
}

.mou{text-align: center;}
.mou img{max-width: 100%;}


/*단락 제목 내용*/
.company .area_img{display: flex; max-width: 1000px; margin: 0 auto 40px;}
.company .area_img p{width: 100%;}
.company .area_img img{width: 100%; height: 100%; object-fit: cover;}
.company .area_text{margin-bottom: 40px; font-size: 1.27em; line-height: 1.6em; text-align: center;}
.company .area_box{
	margin: 20px auto;
	background: #eeeeee56;
	padding: 40px;
	display: grid;
	grid-template-columns: max-content auto;
	gap: 60px;
	font-size: 1.3em;
}
.company .area_box{
	margin: 0 0 20px;
	background: #f3f3fa;
	padding: 30px;
	display: grid;
	grid-template-columns: max-content auto;
	gap: 30px;
	font-size: 1.3em;
}
.company .area_box dt::before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: url('../img/common/icon_symbol.png') no-repeat center center;
    background-size: 30px 30px;
}
.company .area_box img{ width: 100%}
.company .area_box ul{ margin: 0 0 20px}
.company .area_box dt {
	text-align: left;
	font-size: 1.2em;
	font-weight: 600;
	color: #1a1a1a;
	position: relative;
    padding-left: 40px;
	width: 170px;
}
.company .area_box dd{
	text-align: left;
}
.company .area_box dd p{
	font-size: .95em;
	line-height: 1.5em;
	margin: 0 0 20px
}
.company .area_box li{
	position: relative;
	padding-left: 12px;
	word-break: auto-phrase;
}
.company .area_box li::before{
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 5px;
	height: 5px;
	background-color: #716b4f; /* 동그라미 색상 */
	border-radius: 50%;
	transform: translateY(-50%);
}
.company .area_box00{
	margin: 0px auto 30px;
	background: #fff;
	display: grid;
	font-size: 1.3em;
}
.company .area_box00 dt::before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: url('../img/common/icon_symbol.png') no-repeat center center;
    background-size: 30px 30px;
}
.company .area_box00 img{ margin: 20px 0}
.company .area_box00 dt {
	text-align: left;
	font-size: 1.2em;
	font-weight: 600;
	color: #1a1a1a;
	position: relative;
    padding-left: 40px;
	margin: 0 0 20px;
}
.company .area_box00 dd{ margin: 0 0 20px}
.company .area_box00 dd p{
	font-size: .95em;
	line-height: 1.5em;
}
.company .area_box00 li{
	position: relative;
	padding-left: 12px;
}
.company .area_box00 li::before{
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 5px;
	height: 5px;
	background-color: #716b4f; /* 동그라미 색상 */
	border-radius: 50%;
	transform: translateY(-50%);
}
@media screen and (max-width: 992px) {
	.company .area_text{text-align: left; padding-left:10px; padding-right: 10px; }
	.company .area_box{
		grid-template-columns: 1fr;
		font-size: 1em;
		gap: 10px;
		padding: 30px;
	}
	.company .area_box dt {
		text-align: left;
		font-size: 1.3em;
		font-weight: 600;
		color: #1a1a1a;
		margin: 0 0 20px
	}
	.company .area_box dd{
		font-size: 1.1em;
		line-height: 1.6em;
	}
	.company .area_box li::before{
		content: "";
		position: absolute;
		left: 0;
		top: 12px;
		width: 5px;
		height: 5px;
		background-color: #716b4f; /* 동그라미 색상 */
		border-radius: 50%;
		transform: translateY(-50%);
	}
}



/*이미지 반응형*/
.scrolltxt{ display: none}
@media screen and (max-width: 1014px) {
	.imgscroll { overflow: scroll}
	.scrolltxt{ display: block; margin: 0 0 30px; font-size:1.1em}
	}
