<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";


/* common */
.pcbr{display:block;}
.tbbr{display:none;}
.mbbr{display:none;}
.mv{display:none;}
.dn{display:none;}
.table{display:table;width:100%;height:100%;}
.align{display:table-cell;vertical-align:middle;}

/*Product*/
.products-grid {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

.item-1200-4 .item {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
}

.item-992-4 .item {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
}

.item-768-3 .item {
	-ms-flex: 0 0 33.33333%;
	flex: 0 0 33.33333%;
}
.products-grid .item {
	display: block;
	position: relative;
	padding: 0;
	text-align: left;
	width: 100%;
}
	.products-grid .item .imgarea img {
		width:100%;
		padding:0;
	}
	.products-grid .item .imgarea ul li {
		list-style: none;
		width: 100%;
		bottom: 50px;
		top: 310px;
		padding-left: 30px;
		padding-right: 30px;
	}
		.products-grid .item .imgarea ul li .subtextonimage {
			bottom: 50px;
			font-family: Noto sans KR;
			font-size: 17pt;
			color: #000000;
			font-weight: 400;
			line-height:30pt;
		}
		.products-grid .item .imgarea ul li .textonimage {
			position: absolute;
			bottom: 50px;
			text-align: center;
			font-family: Montserrat;
			font-weight: 700;
			font-size: 32pt;
			color: #000000;
			line-height: 30pt;
		}
	.textonimage {
        position: absolute;
        bottom: 50px;
        text-align: center;
        font: Montserrat;
        font-weight: 500;
        font-size: 32pt;
        color: #000000;
        line-height: 42pt;
    }
.products-grid .item .imgarea {
	overflow: hidden;
	border-radius: 190px;
	position: sticky;
	/*margin: 7px;*/
	width: 380px;
	height: 520px;
	/*margin-right: 15px;*/
}
#partner .home_slider #slider-prev3 {
	position: absolute;
	left: 0 !important;
	top: 50%;
	z-index: 10;
	/* margin-top: -15px; */
}
#partners .home_slider #slider-next3 {
	/*width: 100%;*/
	position: absolute;
	right: -6% !important;
	top: 50%;
	z-index: 10;

}
.partners .ctr #slider-prev3 {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding: 0 40px;
	margin: 0 auto;
	left:7%;
}
.partners .ctr #slider-next3 {
	/*width: 100%;*/
	box-sizing: border-box;
	padding: 0 40px;
	margin: 0 auto;
	right: 7%;
}
@media only screen and (min-width: 1527px) {
	#partner .home_slider #slider-prev3 {
		position: absolute;
		left: 0 !important;
		top: 50%;
		z-index: 10;
		/* margin-top: -15px; */
	}
	#partners .home_slider #slider-next3 {
		/*width: 100%;*/
		position: absolute;
		right: -6% !important;
		top: 50%;
		z-index: 10;
	}
	.partners .ctr #slider-prev3 {
		position: relative;
		width: 100%;
		box-sizing: border-box;
		padding: 0 40px;
		margin: 0 auto;
		left: 7% !important;
	}

	.partners .ctr #slider-next3 {
		/*width: 100%;*/
		box-sizing: border-box;
		padding: 0 40px;
		margin: 0 auto;
		right: 7% !important;
	}
}
@media only screen and (min-width: 1260px) {
	#partner .home_slider #slider-prev3 {
		position: absolute;
		left: 0 !important;
		top: 50%;
		z-index: 10;
		/* margin-top: -15px; */
	}
	#partners .home_slider #slider-next3 {
		/*width: 100%;*/
		position: absolute;
		right: -6% !important;
		top: 50%;
		z-index: 10;
	}
	.partners .ctr #slider-prev3 {
		position: relative;
		width: 100%;
		box-sizing: border-box;
		padding: 0 40px;
		margin: 0 auto;
		left: 0%;
	}

	.partners .ctr #slider-next3 {
		/*width: 100%;*/
		box-sizing: border-box;
		padding: 0 40px;
		margin: 0 auto;
		right: 0%;
	}
}
	.partners .ctr #slider-prev3 .bx-prev img {
		height: 76px;
	}
.partners .ctr #slider-next3 .bx-next img {
	height: 76px;
}
#partner .partners {
	height: 150px;
}
	#partner .partners .bx-wrapper .bx-viewport
	{
		top:35px;
	}
	.products-grid .item .imgarea .ondiv {
		position: absolute;
		border-radius: 150px;
		/*		padding: 20px;
*/ left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #9d8661;
		font-family: 'Montserrat';
		font-size: 12px;
		color: #fff;
		text-align: center;
		opacity: 0;
		transition: all 0.6s ease-out;
	}
.products .product-col:hover .ondiv {
	opacity: 0.7;
	transition: all 0.6s ease-out;
}
.products .product-col {
	margin-bottom: 35px;
}

.products .product-col:hover .moreview {
	opacity: 1;
	transition: all 0.6s ease-out;
}

.ondiv .moreview {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-30%);
	width: 100%;
	transition: all 0.6s ease-out;
}
.ondiv .moreview .moreviewtext{
	color: white;
}
	.ondiv .moreview .plus {
		box-sizing: border-box;
		width: 76px;
		height: 76px;
		margin: 0 auto 10px;
		border: 2px solid #fff;
		position: relative;
		border-radius: 38px;
	}

		.ondiv .moreview .plus:before {
			display: block;
			content: "";
			width: 20px;
			height: 2px;
			background: #fff;
			position: absolute;
			left: 50%;
			top: 50%;
			margin: -1px 0 0 -10px;
		}

		.ondiv .moreview .plus:after {
			display: block;
			content: "";
			width: 2px;
			height: 20px;
			background: #fff;
			position: absolute;
			left: 50%;
			top: 50%;
			margin: -10px 0 0 -1px;
		}
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	background-color: #fefefe;
	margin: auto;
	/*padding: 20px;*/
	/*border: 1px solid #888;*/
	width: 1160px;
	border:none !important;
	padding-bottom: 50px;
}
.popup-modal-content {
	
	width: 540px !important;
	
}
.modal .info {
	width: 50%;
	display: inline-block;
	height: auto;
	padding-right:0px
}
	.modal .info .infotitle {
		font-family: noto sans KR;
		font-size: 32pt;
		font-weight: 500;
		text-align: left;
		margin-bottom: 40px;
	}
	.modal .info table{
		border-top: 4px solid #9d8666;
	}
		.modal .info table tr {
			border-bottom: 1px solid #8E8E8E;
			line-height: 50px;
		}
			.modal .info table tr .detailtitles, .modal .info table tr .detaildesc {
				font-family: Noto sans kr;
				font-weight: 700;
				font-size: 14pt;
				color: #000000;
				padding: 5px 0;
				padding-left:25px;
				min-width:107px;
			}
			.modal .info table tr .detaildesc {
				font-weight: 400;
				font-size: 15pt;
				padding: 5px 0px 5px 20px;
			}
.sub_visual img{
	padding:0px;
}
.modal .info .info1 {
	display: inline-block;
	margin: auto;
	text-align: center;
	width: 33.3333%;
	padding-top:90px;
}
.modal .infodetail{
	padding: 50px;
	display: flex;
}
	.modal .sub_visual {
		padding:0 83px 50px;
	}
.modal .sub_visual img {
	width: 100%;
}
.modal .description {
	padding: 83px;
}
	.modal .description .title, .modal .description .subtitle {
		font-family: noto sans KR;
		font-size: 32pt;
		font-weight: 500;
		text-align: center;
	}
	.modal .description .subtitle {
		font-size: 15pt;
	}
		.modal .description h2:after {
			display: block;
			content: "";
			width: 60px;
			background: #9D8661;
			margin: 30px auto;
			border-bottom: 4px solid #9D8661;
			-webkit-box-sizing: border-box;
		}

.modal .shorttexts {
	padding: 0 83px;
	display: flex;
}
	.modal .shorttexts .shorttexts-info {
		padding: 50px 0;
		width: 50%;
		border-top: 1px solid #8E8E8E;
		text-align: center;
	}
	.modal .shorttexts .shorttext-title, .modal .shorttexts .shorttext-desc {
		font-family: noto sans KR;
		font-size: 32pt;
		font-weight: 500;
		text-align: center;
		padding: 0 20px 10px 10px;
	}
	.modal .shorttexts .shorttext-desc {
		font-size: 16pt;
		font-weight: 400;
	}
		.modal .bna {
			padding: 0 83px;
			display: flex;
		}
	.modal .bna .bna-image {
		padding: 20px 7px ;
		width: 50%;
	}

	.modal .bna .bna-image img{
		width: 100%;
	}
.modal .descbackground {
	background-image: url(/Resource/images/Products/download_bg.jpg);
	height: 323px;
	margin: 83px;
	text-align: center;
	display: table;
}
.modal-content .popupsubtitletext
{
	font-size:17pt;
	font-weight:400;
}
#beforeafterimg1 img {
	padding:0px;
}
.modal .descbackground .align-items-center {
	display: table-cell;
	vertical-align: middle;
}
	.modal .descbackground .title, .modal .descbackground .subtitle {
		font-family: noto sans KR;
		font-size: 42pt;
		font-weight: 500;
	}
	.modal .descbackground .subtitle {
		font-size: 16pt;
		font-weight: 400;
		padding: 20px 0;
	}
	
.modal .infodetail .detail {
	/*height: auto;
	width: 600px;
	display: inline-block;*/
}
.popuptitle {
	font-family: montserrat;
	font-weight: 500;
	font-size: 56pt;
	color: #000000;
	text-align: center;
	padding-top:105px;
}
.closee {
	position: absolute;
	right: 17px;
	top: 6px;
	color: #aaaaaa;
	font-size: 28px;
	font-weight: bold;
}
.popupsub {
	font-family: montserrat;
	font-weight: 400;
	font-size: 17pt;
	color: #000000;
	text-align: center;
}
.slides-cont .Slide img{
	padding: 0;
}
.m19 .ceomessage {
	display: flex;
}
	.m19 .ceomessage .ceomessage-6 {
		width: 50%;
	}

	.m19 .ceomessage .ceomessage-6 {
		padding-right:90px;
	}
	.m19 .ceomessage .ceomessage-title, .m19 .ceomessage .ceomessage-desc {
		font-family: Noto sans KR;
		font-weight: 400;
		font-size: 32pt;
		color: #000000;
		line-height: 45pt;
		text-align: left;
	}

	.m19 .ceomessage .ceomessage-desc {
		font-size: 17pt;
		line-height: 30pt;
		text-align: justify;
	}
.m19 .advantages {
	padding: 10px;
	display: flex;
}

	.m19 .advantages .advantages-col4 {
		width: 33.333333%
	}

	.m19 .advantages img {
		max-width: 100%;
	}

	.m19 .advantages p {
		padding-top: 40px;
	}

.m19 .histroy:before {
	display: block;
	content: "";
	width: 1px;
	height: 100%;
	background: #ddd;
	position: absolute;
	left: 50%;
	top: 35px;
}
.m19 .histroy .history_box {
	width: 100%;
	padding-top: 50px;
	position: relative;
	box-sizing: border-box;
}
.m13 .history-row {
	display: flex;
}
.m13 .history-row .history-row-6 {
	width: 50%;
}
.m19 .histroy .history_box:nth-child(odd) .infoarealeft ul li .year {
	padding-left: 50px;
}
	
.m19 .histroy .infoarealeft .year:before {
	display: block;
	content: "";
	width: 134px;
	height: 70px;
	/* background: #9d8661; */
	position: absolute;
	left: -35px;
	top: -15px;
	background-image: url(../../../Resource/images/AboutBNC/04_history_year_right.png);
}
.m19 .histroy .infoarea .year:before {
	display: block;
	content: "";
	width: 134px;
	height: 70px;
	/* background: #9d8661; */
	position: absolute;
	right: -35px;
	top: -15px;
	background-image: url(../../../Resource/images/AboutBNC/04_history_year_left.png);
}
.m19 .histroy .history_box .infoarea {
	padding: unset;
}
.m19 .histroy .history_box .infoarealeft ul li .year {
	margin-bottom: 10px;
	font-family: 'Montserrat';
	font-size: 28px;
	color: #9D8661;
	font-weight: 500;
}
.m19 .histroy .history_box:nth-child(odd) .infoarea ul li {
	padding-right: 59px;
	text-align: right;
	margin-bottom: 45px;
	transition: all 0.8s;
}
.m19 .histroy .history_box .infoarea ul li dl {
	overflow: hidden;
	margin-bottom: 8px;
}
.m19 .histroy .history_box:nth-child(odd) .infoarea ul li dl dt {
	float: right;
}
.m19 .histroy .history_box .infoarea ul li dl dt {
	width: 45px;
	font-family: 'Montserrat';
	font-size: 16px;
	color: #000;
	font-weight: 500;
	line-height: 175%;
}
.m19 .histroy .history_box .infoarea ul li dl dd {
	width: calc(100% - 45px);
	font-size: 15px;
	color: #000;
	font-weight: 500;
	line-height: 170%;
	font-family: 'Montserrat';
	font-size: 16px;
	color: #000;
	font-weight: 500;
}
.m19 .histroy .history_box:nth-child(odd) .infoarea ul li dl dd {
	float: right;
}
.m19 .histroy .history_box:nth-child(odd) .infoarea ul li .year {
	padding-right: 50px;
}
.m19 .histroy .history_box:nth-child(odd) .infoarea ul li {
	padding-right: 59px;
	text-align: right;
}
.m19 .histroy .history_box .infoarea ul li {
	margin-bottom: 45px;
}
.m19 .history_box:nth-child(odd) ul li {
	opacity: 0;
	transform: translateX(30px);
	transition: all 0.8s;
}
.m19 .histroy .history_box:nth-child(odd) .infoarea ul li .year {
	padding-right: 50px;
}
.m19 .histroy .history_box .infoarea ul li .year {
	margin-bottom: 10px;
	font-family: 'Montserrat';
	font-size: 28px;
	color: #9D8661;
	font-weight: 500;
}
.m19 .histroy .history_box:nth-child(odd) .infoarealeft ul li {
	padding-left: 59px;
	text-align: left;
	opacity: 1 !important;
	transform: translateX(0px) !important;
}
.m19 .histroy .history_box .infoarealeft ul li dl {
	overflow: hidden;
	margin-bottom: 8px;
}
.m19 .history_box:nth-child(odd) ul li {
	opacity: 0;
	transform: translateX(30px);
	transition: all 0.8s;
}
.m19 .histroy .history_box:nth-child(odd) .infoarealeft ul li dl dd {
	font-family: 'Montserrat';
	font-size: 16px;
	color: #000;
	font-weight: 500;
	line-height: 175%;
}
.m19 .histroy .history_box:nth-child(odd) .infoarealeft ul li dl dt {
	float: left;
	width: 45px;
	font-family: 'Montserrat';
	font-size: 16px;
	color: #000;
	font-weight: 500;
	line-height: 175%;
}
/*header*/
#header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
	background-color: #FFFFFF;
	/*padding: 1.0rem;*/
	padding-bottom:0;
	text-align: center;
	box-sizing: border-box;
}
	#header img {
		float: left;
	}
.head {position:relative;background: #fff;}
.head h1{position:absolute;left:30px;top:14px;}


/* pc 가운데 메뉴 */
.head .nav_pc{}
.head .nav_pc&gt;ul{}
.head .nav_pc&gt;ul&gt;li{
	display:inline-block;
	position:relative;
	padding:0 5px;
}
.head .nav_pc&gt;ul&gt;li:after{
	display:block;
	content:"";
	position:absolute;right:0;top:50%;
	width:1px;height:11px;
	margin:-6px 0 0;
	background:#555555;
}
.head .nav_pc&gt;ul&gt;li:last-child:after{
	display:none;
}
.head .nav_pc&gt;ul&gt;li&gt;a{
	display:inline-block;
	position:relative;
	font-size:16px;color:rgba(0,0,0,0.9);
	line-height:60px;
}
.head .nav_pc&gt;ul&gt;li&gt;a:after{
	display:inline-block;
	content:"";
	position:absolute;left:50%;bottom:0;
	width:0%;height:6px;
	background:#9D8661;
	opacity:0;
	transform:translateX(-50%);
	transition:all 0.6s;
	margin-bottom:-16px
}
.head .nav_pc&gt;ul&gt;li.on&gt;a:after{
	width:100%;
	opacity:1;
	transition:all 0.6s;
}



.head .nav_pc .subnav{
	display:none;
	position:absolute;left:0;top:100%;
	width:100%;
	padding:20px 0;
	background:#fbfbfb;
	border-top:1px solid #fbfbfb;
	text-align:center;
	box-shadow:0 2px 5px rgba(0,0,0,0.4);
}
.head .nav_pc .subnav ul{display:none;}
.head .nav_pc .subnav ul li{
	display:inline-block;
	box-sizing:border-box;
	width:148px;height:100px;	
	border-right:1px solid #ddd;
}
.head .nav_pc .subnav ul li:first-child{border-left:1px solid #ddd;}
.head .nav_pc .subnav ul li a{
	display:block;
	box-sizing:border-box;
	width:100%;height:100%;
	padding:70px 0 0;
	font-size:15px;color:#888;
}
.head .nav_pc .subnav ul li a:hover{color:#9D8661;}

.head .nav_pc .subnav ul.m1{}
.head .nav_pc .subnav ul.m1 li:nth-child(1){
	background:url(../images/common/pc_m1_ico1.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m1 li:nth-child(2){
	background:url(../images/common/pc_m1_ico2.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m1 li:nth-child(3){
	background:url(../images/common/pc_m1_ico3.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m1 li:nth-child(4){
	background:url(../images/common/pc_m1_ico4.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m1 li:nth-child(5){
	background:url(../images/common/pc_m1_ico5.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m1 li:nth-child(6){
	background:url(../images/common/pc_m1_ico6.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m1 li:nth-child(7){
	background:url(../images/common/pc_m1_ico7.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m1 li:nth-child(8){
	background:url(../images/common/pc_m1_ico8.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m1 li:nth-child(1):hover{
	background:url(../images/common/pc_m1_ico1_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m1 li:nth-child(2):hover{
	background:url(../images/common/pc_m1_ico2_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m1 li:nth-child(3):hover{
	background:url(../images/common/pc_m1_ico3_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m1 li:nth-child(4):hover{
	background:url(../images/common/pc_m1_ico4_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m1 li:nth-child(5):hover{
	background:url(../images/common/pc_m1_ico5_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m1 li:nth-child(6):hover{
	background:url(../images/common/pc_m1_ico6_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m1 li:nth-child(7):hover{
	background:url(../images/common/pc_m1_ico7_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m1 li:nth-child(8):hover{
	background:url(../images/common/pc_m1_ico8_over.png) no-repeat center 13px;
}

.head .nav_pc .subnav ul.m2{}
.head .nav_pc .subnav ul.m2 li:nth-child(1){
	background:url(../images/common/pc_m2_ico1.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m2 li:nth-child(2){
	background:url(../images/common/pc_m2_ico2.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m2 li:nth-child(3){
	background:url(../images/common/pc_m2_ico3.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m2 li:nth-child(4){
	background:url(../images/common/pc_m2_ico4.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m2 li:nth-child(1):hover{
	background:url(../images/common/pc_m2_ico1_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m2 li:nth-child(2):hover{
	background:url(../images/common/pc_m2_ico2_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m2 li:nth-child(3):hover{
	background:url(../images/common/pc_m2_ico3_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m2 li:nth-child(4):hover{
	background:url(../images/common/pc_m2_ico4_over.png) no-repeat center 13px;
}

.head .nav_pc .subnav ul.m3{}
.head .nav_pc .subnav ul.m3 li:nth-child(1){
	background:url(../images/common/pc_m3_ico1.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m3 li:nth-child(2){
	background:url(../images/common/pc_m3_ico2.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m3 li:nth-child(3){
	background:url(../images/common/pc_m3_ico3.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m3 li:nth-child(1):hover{
	background:url(../images/common/pc_m3_ico1_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m3 li:nth-child(2):hover{
	background:url(../images/common/pc_m3_ico2_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m3 li:nth-child(3):hover{
	background:url(../images/common/pc_m3_ico3_over.png) no-repeat center 13px;
}

.head .nav_pc .subnav ul.m4{}
.head .nav_pc .subnav ul.m4 li:nth-child(1){
	background:url(../images/common/pc_m4_ico1.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m4 li:nth-child(2){
	background:url(../images/common/pc_m4_ico2.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m4 li:nth-child(3){
	background:url(../images/common/pc_m4_ico3.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m4 li:nth-child(4){
	background:url(../images/common/pc_m4_ico4.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m4 li:nth-child(5){
	background:url(../images/common/pc_m4_ico5.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m4 li:nth-child(1):hover{
	background:url(../images/common/pc_m4_ico1_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m4 li:nth-child(2):hover{
	background:url(../images/common/pc_m4_ico2_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m4 li:nth-child(3):hover{
	background:url(../images/common/pc_m4_ico3_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m4 li:nth-child(4):hover{
	background:url(../images/common/pc_m4_ico4_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m4 li:nth-child(5):hover{
	background:url(../images/common/pc_m4_ico5_over.png) no-repeat center 13px;
}


.head .nav_pc .subnav ul.m5{}
.head .nav_pc .subnav ul.m5 li:nth-child(1){
	background:url(../images/common/pc_m5_ico1.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m5 li:nth-child(2){
	background:url(../images/common/pc_m5_ico2.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m5 li:nth-child(3){
	background:url(../images/common/pc_m5_ico3.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m5 li:nth-child(1):hover{
	background:url(../images/common/pc_m5_ico1_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m5 li:nth-child(2):hover{
	background:url(../images/common/pc_m5_ico2_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m5 li:nth-child(3):hover{
	background:url(../images/common/pc_m5_ico3_over.png) no-repeat center 13px;
}

.head .nav_pc .subnav ul.m6{}
.head .nav_pc .subnav ul.m6 li:nth-child(1){
	background:url(../images/common/pc_m6_ico1.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m6 li:nth-child(2){
	background:url(../images/common/pc_m6_ico2.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m6 li:nth-child(3){
	background:url(../images/common/pc_m6_ico3.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m6 li:nth-child(1):hover{
	background:url(../images/common/pc_m6_ico1_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m6 li:nth-child(2):hover{
	background:url(../images/common/pc_m6_ico2_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m6 li:nth-child(3):hover{
	background:url(../images/common/pc_m6_ico3_over.png) no-repeat center 13px;
}

.head .nav_pc .subnav ul.m6 li:nth-child(1){
	background:url(../images/common/pc_m6_ico1.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m6 li:nth-child(2){
	background:url(../images/common/pc_m6_ico2.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m6 li:nth-child(3){
	background:url(../images/common/pc_m6_ico3.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m6 li:nth-child(4){
	background:url(../images/common/pc_m6_ico4.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m6 li:nth-child(1):hover{
	background:url(../images/common/pc_m6_ico1_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m6 li:nth-child(2):hover{
	background:url(../images/common/pc_m6_ico2_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m6 li:nth-child(3):hover{
	background:url(../images/common/pc_m6_ico3_over.png) no-repeat center 13px;
}
.head .nav_pc .subnav ul.m6 li:nth-child(4):hover{
	background:url(../images/common/pc_m6_ico4_over.png) no-repeat center 13px;
}



/* pc 헤더바 오른쪽메뉴 */
.head .rnav_pc{position:absolute;right:30px;top:0;}
.head .rnav_pc:after{display:block;content:"";clear:both;}
	.head .rnav_pc .topmenu {
		float: left;
		margin: 20px 30px 0 0;
	}
@media screen and (min-width:0\0){.head .rnav_pc .topmenu{margin:24px 30px 0 0;}}
.head .rnav_pc .topmenu ul{}
.head .rnav_pc .topmenu ul:after{display:block;content:"";clear:both;}
.head .rnav_pc .topmenu ul li{
	float:left;
	position:relative;
	margin-right:6px;padding-right:8px;
}
.head .rnav_pc .topmenu ul li:after{
	display:block;
	content:"";
	width:1px;height:8px;
	position:absolute;right:0;top:50%;
	margin-top:-3px;
	background:#ddd;
}
.head .rnav_pc .topmenu ul li a{font-family: 'Montserrat';font-size:11px;color:#666;font-weight:500;}
.head .rnav_pc .topmenu ul li:last-child{margin:0;padding:0;}
.head .rnav_pc .topmenu ul li:last-child:after{display:none;}
	.head .rnav_pc .topmenu ul li:last-child .arr {
		display: inline-block;
		vertical-align: top;
		width: 9px;
		height: 6px;
		margin: 15px 0 0 6px;
		background: url(../../../Resource/images/common/lang_arr.png) no-repeat;
		background-size: cover;
	} 
@media screen and (min-width:0\0){.head .rnav_pc .topmenu ul li:last-child .arr{margin:5px 0 0 2px;}}
.head .rnav_pc .topmenu ul li .langbox{
	display:none;
	position:absolute;
	right: -11px;
	top:100%;
	box-sizing:border-box;
	width:100px;
	/*height:98px;
	margin-top:10px;*/
	padding:12px 16px;
	border:1px solid #9D8661;
	background:#fff;
	z-index: 10;
}
.head .rnav_pc .topmenu ul li .langbox&gt;div{
	height:16px;
	line-height:27px;
	padding-left:30px;
	margin:2px 0;
}
.head .rnav_pc .topmenu ul li .langbox&gt;div:nth-child(1){
	background:url(../images/common/lang_kr.gif) no-repeat left top;
}
.head .rnav_pc .topmenu ul li .langbox&gt;div:nth-child(2){
	background:url(../images/common/lang_en.gif) no-repeat left top;
}
.head .rnav_pc .topmenu ul li .langbox&gt;div:nth-child(3){
	background:url(../images/common/lang_ch.gif) no-repeat left top;
}
.head .rnav_pc .topmenu ul li .langbox&gt;div:nth-child(4){
	background:url(../images/common/lang_tw.png) no-repeat left top;
}
.head .rnav_pc .topmenu ul li .langbox&gt;div a{}
.head .rnav_pc .topmenu ul li .langbox&gt;div.on a{
	color:#9D8661;
	
}

.head .rnav_pc .btn_allmenu{
	overflow:hidden;
	float:right;
	width:26px;height:14px;
	margin-top:23px;
	text-align:right;
	cursor:pointer;
}
.head .rnav_pc .btn_allmenu&gt;div{float:right;width:100%;height:2px;background:#9D8661;margin-bottom:4px;transition:all 0.4s;}
.head .rnav_pc .btn_allmenu&gt;div:nth-child(2){width:85%;}

.head .rnav_pc .btn_allmenu.openmenu&gt;div:nth-child(1){transform: translateY(6px) rotate(45deg);}
.head .rnav_pc .btn_allmenu.openmenu&gt;div:nth-child(2){opacity:0;}
.head .rnav_pc .btn_allmenu.openmenu&gt;div:nth-child(3){transform: translateY(-6px) rotate(-45deg);}




/* all nav */
.allnav{
	display:none;
	position:absolute;left:0;top:60px;
	width:100%;
	padding:50px 0;
	border-top:1px solid #83888b;
	text-align:center;
	box-shadow:0 2px 5px rgba(0,0,0,0.4);
    background: #000;
    opacity: 0.8;
    z-index: 1000;

}
.allnav&gt;div{
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	width:209px;height:243px;
	border-right:1px solid #555555;
}
.allnav&gt;div:last-child{border-right:0;}
.allnav&gt;div h2,.allnav&gt;div h2 &gt; a{margin-bottom:5px;font-size:18px;color:#111;font-weight:500;}
.allnav&gt;div ul{}
.allnav&gt;div ul li{line-height:23pt;}
.allnav&gt;div ul li a{font-size:15px;color:#666;}
.allnav&gt;div ul li a:hover{font-size:15px;color:#9D8661;}



/* all nav */
.mobile_nav{display:none !important;}

/* About Us footer */
#Aufooter {
}

#Aufooter .Aupartners {
		max-width: 1180px;
		width: 100%;
		margin: 0 auto;
		background: #fff;
	}

#Aufooter .Aupartners ul {
		overflow: hidden;
	}

#Aufooter .Aupartners ul li {
		float: left;
		width: 20%;
		text-align: center;
	}

#Aufooter .Aupartners ul li a {
	}

#footer .foot {
		background: #252525;
		text-align: center;
		padding: 35px 0 60px;
	}

#Aufooter .foot .fm {
			margin: 10px 0 5px;
		}

#Aufooter .foot .fm li {
				display: inline-block;
				margin: 0 8px;
			}

#Aufooter .foot .fm li a {
					color: #777;
				}

#Aufooter .foot address {
			margin: 5px 0;
			font-size: 13px;
			color: #777;
		}

#Aufooter .foot address .nbsp {
				display: inline-block;
				margin: 0 8px;
			}

#Aufooter .foot .copy {
			font-size: 13px;
			color: #777;
		}
				

/*Products Slider*/

.products {
		max-width: 1180px;
		width: 100%;
		margin: 0 auto;

}

.products .Prodctr {
		height: 100%;
	}

.products #Prodslider-prev3 {
		position: absolute;
		left: 15%;
		top: 50%;
		z-index: 10;
	}

.products #Prodslider-next3 {
		position: absolute;
		right: 15%;
		top: 50%;
		z-index: 10;
	}
.products ul {
		overflow: hidden;
	}

.products ul li {
		float: left;
		width: 20%;
		text-align: center;
	}

.products ul li a {
	}
.overview_img
{
	padding-top:25px;
}
/* footer */
/*Footer Styling*/
footer {
	display: table;
	table-layout: auto;
	width: 100%;
	position: relative;
	box-sizing: border-box;
	background-color: #333333;
	height: 250px;
}

	footer .content {
		max-width: 1180px;
		width: 100%;
		padding: 0 0;
		margin: 0 auto;
	}

	footer .footer-links {
		transform: translateY(100%);
		width: 26%;
		float: right;
	}

		footer .footer-links a {
			float: right;
			height: 50px;
			width: 50px;
			margin: 5px;
		}

			footer .footer-links a:hover {
				cursor: pointer;
				opacity: 1;
				transition-duration: 0.5s;
			}

	footer .footer-address {
		float: left;
		width: 74%;
	}

#footertext1 {
	padding-top: 50px;
}

footer p {
	font-family: noto sans KR;
	font-weight: 400;
	font-size: 14pt;
	color: #8E8E8E;
	padding: 0px;
	line-height:15px;
}
#footertext1 {
	padding-top: 50px;
}
/* page common */
#sub_top_wrap{position:relative; overflow:hidden; height:390px;}
#sub_top_wrap .bg{
	position:absolute; top:0; left:0; width:100%; height:300px;background-size:cover !important; 
	background: url(../../../Resource/images/AboutBNC/00_AboutBNC_tilte_bg.jpg) no-repeat center; 
	/*z-index:2;*/
	margin-top:90px;

}
.pagevisual{
	overflow:hidden;
	display:table;
	width:100%;
	height:430px;
	text-align:center;
	z-index: 10;
}
.pagevisual .align{
	position:relative;
	/*z-index:10;*/
	/*top: 50%;*/
}
	.pagevisual h2 {
		font-family: cormorant garamond;
		font-weight: 500;
		font-size: 74pt;
		color: #FFFFFF;
		text-align: center;
		display: inline-block;
	}
.pagevisual h2.st1{
	border-bottom:1px solid #444;
	font-size:20px;color:#444;font-weight:500;	
	margin-bottom:25px;
}
.pagevisual .conwrap{text-align:left;}
	.pagevisual p {
		font-family: Montserrat;
		font-style: normal;
		font-size: 21pt;
		font-weight: 400;
		color: #FFFFFF;
		text-align: center;
		line-height: 1.1;
		margin: 0;
	}
		.pagevisual p span {
			display: block;
			font-family: "Montserrat";
			font-size: 30px;
			color: #333;
			font-weight: 300;
			text-align: left;
			line-height: 140%;
		}
.pn1{
	background:url(../images/page/pn1_visual.jpg) no-repeat center center;
}
.pn2{
	background:url(../images/page/pn2_visual.jpg) no-repeat center center;
}
.pn3{
	background:url(../images/page/pn3_visual.jpg) no-repeat center center;
}
.pn4{
	background:url(../images/page/pn4_visual.jpg) no-repeat center center;
}
.pn5{
	background:url(../images/page/pn5_visual.jpg) no-repeat center center;
}
.pn6{
	background:url(../images/page/pn6_visual.jpg) no-repeat center;
}
.pn7{
	background:url(../images/page/pn7_visual.html) no-repeat center;
}
.pnetc{
	background:url(../images/page/pn1_visual.jpg) no-repeat center;
}

.conwrap{max-width: 1200px;width:100%;margin:0 auto;position:relative;}
.conwrap:after{display:block;content:"";clear:both;}


/*.item-640-2 .item {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}*/

.sub_tab{
	overflow:hidden;
	position:relative;
	max-width:1200px;
	width:100%;
	margin:40px auto 48px;
	text-align:center;
	background: #fff;
	/*z-index: 10;*/
}
.sub_tab h2{font-size:36px;color:#2b2b2b;font-weight:500;}
	.sub_tab ul {
		display: inline-block;
		overflow: hidden;
		overflow-y: hidden;
		overflow-x: auto;
		white-space: nowrap;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		font-size: 0;
		border-bottom: 1px solid #c6cbcd;
		width:100%;
		/*height:70px;*/
	}
.sub_tab ul::-webkit-scrollbar {display: none;}
		.sub_tab ul li {
			display: inline-block;
			/*padding:0px 25px;*/
			padding: 0px 38px 0px 0px;
			/*margin-right:5px;*/
		}
.sub_tab ul li a{
	display:block;
	box-sizing:border-box;
	width:100%;height:56px;
	text-align:center;line-height:52px;
	font-size:15pt;color:#8E8E8E;
	font-weight:400;
	
}
.sub_tab ul li.on a{
	color:#9D8661;
	border-bottom:4px solid #9D8661;
}
	.sub_tab ul li a:hover {
		font-family: montserrat;
		font-weight: 600;
		cursor: pointer;
		color: #9D8661;
		border-bottom: 4px solid #9D8661;
	}
.pagetitle1 {
	font-family: montserrat;
	font-size: 56pt;
	color: #000000;
	text-align: center;
	margin: 30px 0 70px;
	font-weight: 600;
}
.section1 .conwrap #map3 .mobilechart img {
	display: none;
}
.m19 .conwrap .con_g .priorities .mobilepriorities {
	display: none;
}
/*.pagetitle1:before{
	display:block;
	content:"";
	width:2px;height:36px;
	background:#9D8661;
	margin:0 auto 40px;
}*/
.pagetitle2 {
	margin-bottom: 45px;
	font-family: 'Noto sans KR';
	font-size: 32pt;
	color: #333;
	font-weight: 500;
	text-align: center;
	letter-spacing: -1px;
}
.slg1 {
	font-family: Noto sans KR;
	font-weight: 400;
	font-size: 32pt;
	color: #000000;
	width: 80%;
	line-height: 45pt;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 27px;
	margin-left:0px;
	margin-right:0px;
	width:1200px;
}
.slg1 .vm {
	line-height: 30pt;
	font-family: Noto sans KR;
	font-weight: 400;
	font-size: 32pt;
	color: #000000;
	text-align: left;
	line-height:45pt;
	
}
.visionmission .slg1_btm{
	text-align:left;
}
.priorities img{
	width:1026px;
	padding:0px;
}
.advantages-col4 img{
	padding:0px;
}
.m19 .advantages p {
	padding: 27px 0px 7px 7px;
}
.slg1.heading {
	font-size: 24pt;
}
	/*.slg1 .ceo {
		font-family: noto sans KR;
		font-weight: 400;
		font-size: 16pt;
		color: #000000;
		line-height: 30pt;
		text-align: justify;
		float: right;
		text-align:left;
	}*/
	.slg1 .last {
		font-family: noto sans KR;
		font-weight: 700;
		font-size: 16pt;
		color: #000000;
		line-height: 30pt;
		text-align: justify;
		
	}
.slg1_btm {
	text-align:center;
	margin:  0;
	line-height: 35px;
	font-family: Noto sans KR;
	font-weight: 400;
	font-size: 17pt;
	color: #000000;
	padding: 0;
	line-height:30pt;
	
}
.slg1_mdl {
	text-align: center;
	margin: 0;
	line-height: 35px;
	font-family: Noto sans KR;
	font-weight: 400;
	font-size: 17pt;
	color: #000000;
	padding: 0;
	line-height: 30pt;
	margin-bottom:25px;
}
.advantagestxt {
	font-family: Noto sans KR;
	font-weight:400;
	font-size:17pt;
	color:#000000;
	line-height: 30pt;
	text-align:left;
}



/* m11 */
.m11{}
.m11 .section1{padding:75px 0 120px;}
	.m11 .section1 .conwrap {
		background: url(../../../Resource/images/page/m11_section1_bg.jpg) no-repeat right top;
	}
.m11 .section1 .txtbox{
	position:relative;
	width:50%;height:370px;	
}
.m11 .section1 .txtbox:before{
	display:block;
	content:"";
	width:100%;height:1px;
	position:absolute;left:20px;top:20px;z-index:10;
	background:#b3e7fa;
}
.m11 .section1 .txtbox:after{
	display:block;
	content:"";
	width:1px;height:100%;
	position:absolute;left:100%;top:20px;
	margin-left:20px;
	background:#9D8661;
}
.m11 .section1 .txtbox .txtboxwrap{
	display:table;
	position:relative;
	width:100%;height:370px;	
	background:#9D8661;
	box-sizing:border-box;
	padding:0 65px;
}
.m11 .section1 .txtbox .txtboxwrap:before{
	display:block;
	content:"";
	width:100%;height:1px;
	position:absolute;right:0px;top:100%;
	margin:20px -20px 0 0 ;
	background:#b3e7fa;
}
.m11 .section1 .txtbox .txtboxwrap:after{
	display:block;
	content:"";
	width:1px;height:100%;
	position:absolute;left:20px;bottom:-20px;z-index:10;
	background:#b3e7fa;
}
.m11 .section1 .txtbox h4{position:relative;z-index:10;font-family: 'Montserrat';font-size:28px;color:#fff;}
.m11 .section1 .txtbox h4:before{
	display:block;
	content:"";
	width:36px;height:1px;
	margin:0 0 20px;
	background:#fff;
}
.m11 .section1 .txtbox h4:after{
	display:block;
	content:"";
	width:36px;height:1px;
	margin:20px 0 0;
	background:#fff;
}


.m11 .section2 {padding:0 0 150px}
.m11 .section2 .conarea{overflow:hidden;margin-top:40px;display: flex;flex-wrap: wrap;justify-content: center;}
.m11 .section2 .conarea&gt;div{
	float:left;
	vertical-align:top;
	position:relative;
	box-sizing:border-box;
	width:25%;height:310px;
	text-align:center;
}
.m11 .section2 .conarea&gt;div:after{
	display:block;
	content:"";
	width:1px;height:100%;
	position:absolute;right:0;top:0;
	background:#ddd;
}
.m11 .section2 .conarea&gt;div:last-child:after{display:none;}
.m11 .section2 .conarea&gt;div .numbering{height:110px;}
.m11 .section2 .conarea&gt;div .numbering span{
	font-family:"Noto Sans KR";font-size:24px;
	text-align:left;line-height:130%;font-weight:400;color:#9D8661;
}
.m11 .section2 .conarea&gt;div .numbering span.num{font-family: 'Titillium Web';font-size:85px;font-weight:bold;}
.m11 .section2 .conarea&gt;div .numbering span.etc{display:inline-block;width:50px;}
.m11 .section2 .conarea&gt;div dl{
	vertical-align:top;
	padding-top:75px;opacity:0;transform:translateY(40px);transition:all 0.6s;
}
	.m11 .section2 .conarea &gt; div:nth-child(1) dl {
		background: url(../../../Resource/images/main/with_ico1.png) no-repeat center top;
	}
	.m11 .section2 .conarea &gt; div:nth-child(2) dl {
		background: url(../../../Resource/images/main/with_ico2.png) no-repeat center top;
	}
	.m11 .section2 .conarea &gt; div:nth-child(3) dl {
		background: url(../../../Resource/images/page/with_ico3.png) no-repeat center top;
	}
	.m11 .section2 .conarea &gt; div:nth-child(4) dl {
		background: url(../../../Resource/images/main/with_ico4.png) no-repeat center top;
	}
.m11 .section2 .conarea&gt;div dl dt{margin-bottom:5px;font-size:27px;color:#444;height:80px;}
.m11 .section2 .conarea&gt;div:first-child dl dt {line-height:80px;}
.m11 .section2 .conarea&gt;div dl dd{font-size:17px;color:#666}

.m11 .section2.in-view .conarea&gt;div:nth-child(1) dl{opacity:1;transform:translateY(0px);transition:all 0.5s 0.3s;}
.m11 .section2.in-view .conarea&gt;div:nth-child(2) dl{opacity:1;transform:translateY(0px);transition:all 0.5s 0.6s;}
.m11 .section2.in-view .conarea&gt;div:nth-child(3) dl{opacity:1;transform:translateY(0px);transition:all 0.5s 0.9s;}
.m11 .section2.in-view .conarea&gt;div:nth-child(4) dl{opacity:1;transform:translateY(0px);transition:all 0.5s 1.2s;}


.m11 .section3{
	padding:140px 0 190px;
	background:#fafafa url(../images/page/bg_dot1.gif) repeat;
}
.m11 .section3 .company_info{margin:45px 0 0;}
.m11 .section3 .company_info ul{overflow:hidden;}
.m11 .section3 .company_info ul li{
	float:left;
	position:relative;
	box-sizing:border-box;
	width:228px;height:228px;
	margin:0 15px 15px 0;
	padding:30px 28px;
	border:1px solid #9D8661;
}
.m11 .section3 .company_info ul li:nth-child(1){background:#9D8661;}
.m11 .section3 .company_info ul li:nth-child(2){
	background:#fff url(../images/page/m11_section3_ico1.gif) no-repeat 30px 85%;
}
.m11 .section3 .company_info ul li:nth-child(3){
	background:#fff url(../images/page/m11_section3_ico2.gif) no-repeat 30px 85%;
}
.m11 .section3 .company_info ul li:nth-child(4){
	background:#fff url(../images/page/m11_section3_ico3.gif) no-repeat 30px 85%;
}
.m11 .section3 .company_info ul li:nth-child(5){
	background:#fff url(../images/page/m11_section3_ico4.gif) no-repeat 30px 85%;
}
.m11 .section3 .company_info ul li:nth-child(6){
	background:#fff url(../images/page/m11_section3_ico5.gif) no-repeat 30px 85%;
}
.m11 .section3 .company_info ul li:nth-child(7){
	background:#fff url(../images/page/m11_section3_ico6.gif) no-repeat 30px 85%;
}
.m11 .section3 .company_info ul li:nth-child(8){
	background:#fff url(../images/page/m11_section3_ico7.gif) no-repeat 30px 85%;
}
.m11 .section3 .company_info ul li:nth-child(9){
	background:#fff url(../images/page/m11_section3_ico8.gif) no-repeat 30px 85%;
}
.m11 .section3 .company_info ul li:nth-child(10){
	background:#fff url(../images/page/m11_section3_ico9.gif) no-repeat 30px 85%;
}

.m11 .section3 .company_info ul li:nth-child(5n){margin-right:0;}
.m11 .section3 .company_info ul li a{display:block;width:100%;height:100%;}
.m11 .section3 .company_info ul li .table{display:table;width:100%;height:100%;text-align:center;}
.m11 .section3 .company_info ul li .table:before{
	display:block;
	content:"";
	width:7px;height:7px;
	border-left:1px solid #fff;border-top:1px solid #fff;
	position:absolute;left:20px;top:20px;
}
.m11 .section3 .company_info ul li .table:after{
	display:block;
	content:"";
	width:7px;height:7px;
	border-top:1px solid #fff;border-right:1px solid #fff;
	position:absolute;right:20px;top:20px;
}
.m11 .section3 .company_info ul li .table .align:before{
	display:block;
	content:"";
	width:7px;height:7px;
	border-left:1px solid #fff;border-bottom:1px solid #fff;
	position:absolute;left:20px;bottom:20px;
}
.m11 .section3 .company_info ul li .table .align:after{
	display:block;
	content:"";
	width:7px;height:7px;
	border-right:1px solid #fff;border-bottom:1px solid #fff;
	position:absolute;right:20px;bottom:20px;
}
.m11 .section3 .company_info ul li .table h4{font-size:23px;color:#fff;font-weight:500;}
.m11 .section3 .company_info ul li dl{word-break:keep-all;}
.m11 .section3 .company_info ul li dl dt{font-size:23px;color:#444;font-weight:500;}
.m11 .section3 .company_info ul li dl dt:after{
	display:block;
	content:"";
	width:8px;height:2px;
	background:#444;
	margin:5px 0 10px 3px;
}
.m11 .section3 .company_info ul li dl dd{font-size:15px;color:#666;}





/* m12 */
.m12{padding:0 0 150px;}
.m12 .ceo{max-width:1200px;width:100%;margin:0 auto;padding:130px 0 0;overflow:hidden;}
.m12 .ceo .imgarea{
	float:left;
	position:relative;z-index:10;
	box-sizing:border-box;
	width:630px;
	padding:30px 0 50px 50px;
	background:#fff;
	transform:translateX(50%);
	transition:all 1s;
	perspective:1000px;
}
.m12 .ceo .imgarea .box{
	position:relative;
	position:absolute;left:0;top:0;
	width:250px;height:250px;
	background:url(../images/page/m12_bg_dot.png) repeat;
	opacity:0;
	transform:translateZ(-100px);
}
.m12 .ceo .imgarea .box&gt;div:nth-child(1){
	width:0;height:2px;
	background:#9D8661;
	position:absolute;left:20px;top:-20px;
}
.m12 .ceo .imgarea .box&gt;div:nth-child(2){
	width:2px;height:0;
	background:#9D8661;
	position:absolute;right:-20px;top:-20px;
}
.m12 .ceo .imgarea .box&gt;div:nth-child(3){
	width:0;height:2px;
	background:#9D8661;
	position:absolute;right:-20px;bottom:20px;
}
.m12 .ceo .imgarea .box&gt;div:nth-child(4){
	width:2px;height:0;
	background:#9D8661;
	position:absolute;left:20px;bottom:20px;
}
.m12 .ceo .imgarea .pht{position:relative;z-index:100; width:441px;}
.ceo .imgarea .pht{width:441px;}
.ceo .imgarea .pht img {
	padding: 0px;
}
		.m12 .ceo .imgarea .logo{position:absolute;right:20px;bottom:0;transform:translateY(-50%)}
.m12 .ceo .imgarea .logo img{
	width:30%;
}
.m12 .ceo .txtarea{
	float:right;
	width:calc(100% - 630px);
	padding-top: 20px;
	transform:translateX(-50%);
	transition:all 1s;
}
.m12 .ceo .txtarea h4{font-size:25px;color:#000;margin-bottom: 28px;}
.m12 .ceo .txtarea p{font-size: 17px;color:#555;word-break: keep-all;margin-bottom: 25px;line-height: 1.6;}
.m12 .ceo .txtarea p.last{font-size:18px;color:#000;}
.m12 .ceo .txtarea p.last .name{font-size:22px;}
.m12 .ceo .txtarea p.last .sign{margin-left:20px;}





.m12 .ceo.in-view .imgarea{
	transform:translateX(0%);
	transition:all 1s 1.5s;
}
.m12 .ceo.in-view .imgarea .box{
	opacity:1;
	transform:translateZ(0px);
	transition:all 0.6s;
}
.m12 .ceo.in-view .imgarea .box&gt;div:nth-child(1){
	width:100%;height:2px;
	transition:all 0.4s 0.2s;
}
.m12 .ceo.in-view .imgarea .box&gt;div:nth-child(2){
	width:2px;height:100%;
	transition:all 0.4s 0.6s;
}
.m12 .ceo.in-view .imgarea .box&gt;div:nth-child(3){
	width:100%;height:2px;
	transition:all 0.4s 1s;
}
.m12 .ceo.in-view .imgarea .box&gt;div:nth-child(4){
	width:2px;height:100%;
	transition:all 0.4s 1.4s;
}
.m12 .ceo.in-view .imgarea .logo{
	position:absolute;right:20px;bottom:0;text-align:center;
	transform:translateY(0);
	transition:all 1s 1.5s;
}
.m12 .ceo.in-view .imgarea .logo img{
	width:100%;
	vertical-align:middle;
	transition:all 1s 1.5s;
}
.m12 .ceo.in-view .txtarea{
	transform:translateX(0%);
	transition:all 1s 1.5s;
}


#rdtxt1 {
	font-family: noto sans KR;
	font-weight: 400;
	font-size: 32pt;
	color: #000000;
	line-height: 45pt;
	text-align: center;
	margin-bottom:40px;
}
figure {
	margin: 0 0 1rem;
	float: left;
	display: flex;
}

#rdparatext1 {
	font-family: Montserrat;
	font-weight: 400;
	font-size: 17pt;
	text-align: justify;
	padding-left: 25px;
	line-height:30pt;
	margin: auto;
}
#rdsubtitle {
	font-family: noto sans KR;
	font-size: 32pt;
	font-weight: 500;
	text-align: center;
	
	margin: auto;
}
#rnd .rndslider ul li {
	width: 225px !important;
}
.ctr #slider-prev3 {
	position: absolute;
	left: -25px;
	top: 46%;
	z-index: 10;
	transform: translateY(-50%);
}

.ctr #slider-next3 {
	position: absolute;
	right: -28px;
	top: 46%;
	z-index: 10;
	transform: translateY(-50%);
}
#rnd .rndslider {
	position: relative;
	max-width: 1130px;
	width: 100%;
	box-sizing: border-box;
	padding: 0 5%;
	margin: 0 auto;
	background: #fff;
}
.noticeform button {
	position: absolute;
	right: 10px;
	right: 14%;
	top: 18px;
}

.slg1 .underline {
	height: 4px;
	background-color: #9D8661;
	width: 100px;
	opacity: 1;
	margin: auto;
	margin-bottom: 25px;
	margin-top: 25px;
}
.awards {
	padding-top: 50px;
}
.awards img {
	max-width: 100%;
}
.awards p {
	font-family: noto sans KR;
	font-weight: 500;
	font-size: 17pt;
	color: #000000;
	line-height: 30pt;
	text-align: center;
}
	.awards div img{
		padding:0px;
	}
	.noticeform {
		margin: auto;
		position:relative;
	}
.noticeform select {
	max-width: 20%;
}
.noticeform input {
	max-width: 80%;	
}
.noticeform select, .noticeform input {
	width: 100%;
	padding: 12px 20px;
	margin: 8px 4px;
	display: inline-block;
	border: 1px solid #c5c5c5;
	border-radius: 24px;
	color: #8E8E8E;
	height:48px;
}
	.noticeform select, .noticeform  #pressselect {
		width: 193px;
	}
	.noticeform select, .noticeform  #searchspace {
		width: 378px;
	}
	.noticeform select:focus, .noticeform input:focus{
		border:4px solid #9D8861;
	}

	.pressdetail {
		display: none;
	}
		.pressdetail .title {
			font-family: noto sans KR;

			font-size: 21pt;
			font-weight: 500;
			line-height: 42pt;
			color: #000000;
			text-align: center;
			transition: 3s;
			text-align: center;
			border-top: 4px solid #9D8661;
			padding-top: 20px;
		}
		.pressdetail .date {
			font-family: noto sans KR;
			font-size: 17pt;
			font-weight: 400;
			color: #8E8E8E;
			text-align: center;
		}
		.pressdetail .detail {
			font-family: noto sans KR;
			font-size: 17pt;
			font-weight: 400;
			line-height: 30pt;
			color: #444444;
			text-align: justify;
			border-top: 2px solid #8E8E8E;
			border-bottom: 1px solid #C5C5C5;
			margin: 20px auto;
			padding: 50px 0;
		}
		.pressdetail .presrel, .pressdetail .presrel a {
			font-family: noto sans KR;
			font-size: 17pt;
			color: #444444;
			font-weight: 400;
			overflow: hidden;
			width: 100%;
		}
		.pressdetail .presrel span {
			font-family: noto sans KR;
			font-weight: bold;
			margin: auto 20px;
		}
		.pressdetail .presrel span.pn {
			float: left;

		}
			.pressdetail .presrel span.date {
				float: right;
				color: #000;
				margin-top: -47px;
				font-weight:400;
			}
			.pressdetail .presrel p:hover, .pressdetail .presrel a:hover {
				color: #9D8861;
			}
	.pressdetail .presrel:nth-last-child(2) {
		border-top: 1px solid #C5C5C5;
		border-bottom: 4px solid #9D8661;
		padding-top: 20px;
		padding-bottom: 10px;
	}

			.pressdetail .presrel .next {
				text-align: left;
				width: 67%;
				padding-left: 14%;
			}
			.pressdetail .presrel .prev {
				text-align: left;
				width: 67%;
				padding-left: 14%;
			}
	.pressdetail .list {
		margin-top: 20px;
		overflow: hidden;
		opacity: 1;
		transform: translateY(0);
		transition: all 1s 1.4s;
		margin: 30px auto 0;
		border: 1px solid #9D8661;
		min-height: 52px;
		min-width: 230px;
		height: 52px;
		width: 230px;
		border-radius: 26px;
		font-family: 'Montserrat-Medium';
		font-weight: 500;
		font-size: 17px;
	}
		.pressdetail .list a:hover {
			background: #9D8661;
			border-radius: 26px;
			color: #F8F6F1;
			cursor: pointer;
			text-align: center;
			transition: color 0.5s linear; /* vendorless fallback */
			-o-transition: color 0.5s linear; /* opera */
			-ms-transition: color 0.5s linear; /* IE 10 */
			-moz-transition: color 0.5s linear; /* Firefox */
			-webkit-transition: color 0.5s linear; /*safari and chrome */
		}
		.pressdetail .list a {
			width: 100%;
			display: inline-block;
			position: relative;
			line-height: 52px;
			font-size: 17px;
			color: #9D8661;
			text-align: center;
		}
.pressreleasetable, .inquirytable {
	margin-top: 30px;
	border-top: 4px solid #9d8861;
	border-bottom: 4px solid #9d8861;
}
.bncbtn {
	width: 230px;
	height: 52px;
	border-radius: 26px;
	font-family: Montserrat;
	font-weight: 500;
	font-size: 17pt;
}
	.bncbtn:hover {
		transition-duration: 0.4s;
	}
.bnclightbtn {
	background-color: #FFFFFF;
	color: #9D8661;
	border: 2px solid #9D8661;
}

	.bnclightbtn:hover {
		background-color: #9D8661;
		color: #FFFFFF;
	}

.bncbrownbtn {
	background-color: #9D8661;
	color: #FFFFFF;
	border: 1px solid #9D8661;
}

	.bncbrownbtn:hover {
		background-color: #FFFFFF;
		color: #9D8661;
	}

.bncdarkbtn {
	background-color: #333333;
	color: #FFFFFF;
	border: 1px solid #333333;
}

	.bncdarkbtn:hover {
		background-color: #FFFFFF;
		color: #333333;
	}
.Inquirybtn {
	margin-top: 11%;
	float: right;
}
.Cancelbtn {
	margin-top: 11%;
	float:left
}
.inquiry p {
	font-family: Noto sans KR;
	font-size: 17pt;
	font-weight: 400;
	text-align: center;
	line-height:30pt;
}

.inquiry .inquiryform {
	font-family: montserrat;
	font-size: 14pt;
	font-weight: 500;
	width: 100%;
}
	.inquiry .inquiryform .inquerycategory {
		font-weight: 700
	}
		.inquiry .inquiryform .inquerycategory:after {
			content: "|";
			margin-left: 20px;
			margin-right: 10px;
			font-weight: 500;
		}
	.inquiry .inquiryform label{
		margin-right: 10px;
	}
		.inquiry .inquiryform label input {
			margin: 0 10px 0 0 !important;
			accent-color: #9D8661;
			width: 25px;
			height: 25px;
		}
	.inquiry-row {
		display: flex;
		margin: 0 15px;
	}

	.inquiry-row .row-12 {
		width: 100%;
		margin-top: 50px;
		text-align: center;
	}
	.inquiry-row .row-6 {
		width: 50%;
		margin: 15px;
	}
.inquirytable {
	padding-top: 15px;
	padding-bottom: 50px
}
	.inquirytable .fieldset textarea {
		border-radius: 26px;
		width: 100%;
	}
	.inquirytable label {
		text-align: left;
		font-family: Noto sans KR;
		font-weight: 500;
		font-size: 17pt;
		float: left;
		margin-bottom: 10px;
	}
	.inquirytable .field {
		display: flex;
		
	}
	
	.inquirytable .fieldset {
		width: 50%;
		padding: 8px;
	}
	.inquirytable .fieldsetfull {
		width: 100%;
		padding: 8px;
	}
	.inquirytable .fieldset-70 {
		width: 75%;
		padding: 8px;
	}
	.inquirytable .fieldset-30 {
		width: 25%;
		padding: 8px;
	}

	.inquirytable .fieldset input, .inquirytable .fieldset select, .inquirytable .fieldsetfull input {
		border-radius: 24px;
		width: 100%;
		height: 52PX;
		border: 1px solid #c5c5c5 ;
	}
	.inquirytable .fieldset input, .inquirytable .fieldset select, .inquirytable .field .fieldset-70 label {
		border-radius: 24px;
		width: 100%;
		height: 52PX;
		border: 1px solid #c5c5c5;
	}
	.inquirytable .fieldset input, .inquirytable .fieldset select, .inquirytable .fieldsetfull textarea {
		border-radius: 24px;
		width: 100%;
		border: 1px solid #c5c5c5 ;
		font-family: Noto sans KR;
		font-size: 15px;
		color:#8E8E8E;
	}
	.inquirytable .fieldset input:focus, .inquirytable .fieldset select:focus, .inquirytable .fieldsetfull textarea:focus{
		border:1px solid #9D8661 !important;
	}
	.inquirytable .fieldset .fieldsetfull input:focus {
		border: 1px solid #9D8661 !important;
	}
	.inquirytable .fieldset .fieldsetfull textarea:focus {
		border: 1px solid #9D8661 !important;
	}
.inquirytable table tr {
	border-style: none;
}
	.inquirytable .RequiredField {
		color: red
	}
.pressrelease .heading {
	margin: 0 auto;
	text-align: center;
}

.pressreleasetable table {
	width: 100%;
	height: auto
}

	.pressreleasetable table thead {
		color: #9d8861;
		font-weight: bolder;
	}
.pressrelease .heading {
	margin: 0 auto;
	text-align: center;
}

.pressreleasetable table {
	width: 100%;
	font-family: noto sans kr;
	color: #9D8861;
}

	.pressreleasetable table thead {
		color: #9d8861;
		font-weight: 700;
		font-size: 21pt;
	}
	.pressreleasetable table tbody tr {
		font-weight: 400;
		font-size: 17pt;
		color: #000000;
		text-decoration: none;
		padding: 10px 5px 10px 5px;
		line-height: 60pt;
		border-top: 2px solid #C5C5C5;
	}
		
	

		.pressreleasetable table tbody td a {
			font-weight: 400;
			font-size: 17pt;
			color: #000000;
			text-decoration: none;
			cursor: pointer;
			text-align: left;
		}

		.pressreleasetable table tbody td:nth-last-child(-n+2) {
			/*text-indent: 10em;*/
			text-align: left;
		}

.infoarealeft .withmothdot dd {
	line-height: 30pt;
}
/* m13 */
.m13 {
	padding: 0 0 150px;
}
.m13 .histroy{position:relative;}
.m13 .histroy:before{
	display:block;
	content:"";
	width:1px;height:100%;
	background:#ddd;
	position:absolute;left:50%;top:0;
}
.m13 .histroy:after{
	display:block;
	content:"";
	width:6px;height:1px;
	background:#ddd;
	position:absolute;left:50%;bottom:0;
	margin-left:-3px;
}

.m13 .histroy .history_box{position:relative;width:50%;box-sizing:border-box;}
.m13 .histroy_tab{display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 40px;}
.m13 .histroy_tab li{width: 195px;height: 55px;line-height: 53px;margin: 3px 3px;}
.m13 .histroy_tab li a{display: block; text-align: center;width: 100%;height: 100%;font-size: 17px;color: #737373;font-family: "Noto Sans KR","돋움",dotum,sans-serif;border: 1px solid #d5d5d5;box-sizing: border-box;}
.m13 .histroy_tab li.on a{background: #9D8661;border: 0;color: #fff;}
.m13 .histroy_tab li.on{line-height: 55px;}

.m13 .histroy .history_box .titlearea{
	position:relative;
	padding: 100px 0 20px 0;
	border-bottom:1px solid #ddd;
} 
.m13 .histroy .history_box .titlearea h4{font-size:41px;color:#333;line-height:115%;font-weight:300;} 
.m13 .histroy .history_box .titlearea h4 span{
	display:block;
	font-family: 'Montserrat';color:#9D8661;font-size:47px;font-weight:500;letter-spacing:-2px;
}
.m13 .histroy .history_box .infoarea{padding:50px 0;}
.m13 .histroy .history_box .infoarea .img{}
.m13 .histroy .history_box .infoarea .img img{}
.m13 .histroy .history_box .infoarea ul{}
.m13 .histroy .history_box .infoarea ul li{margin-bottom:45px;}
.m13 .histroy .history_box .infoarea ul li .year{
	margin-bottom:10px;
	font-family: 'Montserrat';font-size:52pt;color:#9D8661;font-weight:700;
}
.m13 .histroy .history_box .infoarea ul li dl{overflow:hidden;}
.m13 .histroy .history_box .infoarea ul li dl dt{
	width:45px;
	font-family: 'NOTO Sans KR';
	font-size:17pt;
	color:#000;
	font-weight:700;
	line-height:45pt;
}
	.m13 .histroy .history_box .infoarea ul li .withmothdot dd {
		line-height: 30pt;
	}
	.m13 .histroy .history_box .infoarea ul li dl dd {
		width: calc(100% - 45px);
		color: #000;
		line-height: 45pt;
		font-family: 'Montserrat';
		font-size: 17pt;
		color: #000;
		font-weight: 400;
	}
.closeee {
	position: absolute;
	right: 30px;
	top: 30px;
	color: #fff;
	font-size: 10pt;
	font-weight: lighter;
	width: 35px;
}

.m13 .histroy .history_box:nth-child(odd){}
.m13 .histroy .history_box:nth-child(even){margin-left:50%;}
.m13 .histroy .history_box:nth-child(odd) .titlearea{text-align:right;padding-right:59px;}
.m13 .histroy .history_box:nth-child(odd) .titlearea:before{
	display:block;
	content:"";
	width:5px;height:5px;
	background:#9D8661;
	position:absolute;right:-3px;bottom:-3px;
}
.m13 .histroy .history_box:nth-child(odd) .infoarea ul li{padding-right:59px;text-align:right;}
.m13 .histroy .history_box:nth-child(odd) .infoarea ul li dl dt{float:right;}
.m13 .histroy .history_box:nth-child(odd) .infoarea ul li dl dd{float:right;}
.m13 .histroy .history_box:nth-child(odd) .infoarea .img{
	position:absolute;
	left:100%;
	top: 166px;
	padding-left:60px;
}

.m13 .histroy .history_box:nth-child(even) .titlearea{text-align:left;padding-left:59px;}
.m13 .histroy .history_box:nth-child(even) .titlearea:before{
	display:block;
	content:"";
	width:5px;height:5px;
	background:#9D8661;
	position:absolute;left:-3px;bottom:-3px;
}
.m13 .histroy .history_box:nth-child(even) .infoarea ul li{padding-left:59px;text-align:left;}
.m13 .histroy .history_box:nth-child(even) .infoarea ul li dl dt{float:left;}
.m13 .histroy .history_box:nth-child(even) .infoarea ul li dl dd{float:left;}
.m13 .histroy .history_box:nth-child(even) .infoarea .img{
	position:absolute;
	right:100%;
	top: 166px;
	padding-right:60px;
}
	.m13 .histroy .infoarealeft .year:before {
		display: block;
		content: "";
		width: 134px;
		height: 70px;
		/* background: #9d8661;*/
		position: absolute;
		left: -106px;
		top: 0px;
		background-image: url('../../../Resource/images/AboutBNC/04_history_year_right.png')
	}
.m13 .histroy .history_box .infoarealeft ul li .year span{
	position:absolute;
	top:-20px;
}
/*.area_infobox .chartimg img{
	width:1200px;
}

.m19 .area_infobox.in-view img {
	opacity: 1;
	transform: translateX(0px);
	transition: all 0.8s ease 0.4s;
	padding:0;
	/*padding-right:20px;*/
}
.ceo .imgarea .pht{
	padding-left:50px;
}
.loc .col-md-6 .infobox #contacttxt1 {
	margin-bottom: 0.5rem;
}
.loc .col-md-6 iframe {
	width: 586px;
	height: 600px;
}
.loc .col-md-6 .google_map {
	width: 586px;
	height: 15px;
	padding: 0px
}
.area_infobox .chartimg{text-align:center;}
.m13 .histroy .infoarea .year:before {
	display: block;
	content: "";
	width: 134px;
	height: 70px;
	/* background: #9d8661;*/
	position: absolute;
	right: -107px;
	top: -13px;
	background-image: url('../../../Resource/images/AboutBNC/04_history_year_left.png')
}
	.m13 .histroy .infoarea .year span {
		position: absolute;
		top: -30px;
		right: 50px;
	}
	.m13 .histroy .history_box:nth-child(odd) .infoarealeft ul li .year {
		padding-left: 50px;
	}

	.m13 .histroy .history_box:nth-child(odd) .infoarea ul li .year {
		padding-right: 50px;
	}

	.m13 .histroy:before {
		top: 35px;
	}

	.m13 .histroy .history_box {
		width: 100%;
		padding-top: 50px;
	}

		.m13 .histroy .history_box .infoarea {
			padding: unset;
			margin-top:5px;
		}

		.m13 .histroy .history_box:nth-child(odd) .infoarealeft ul li {
			padding-left: 59px;
			text-align: left;
		}

/*.infoarea {
			margin-top: -10px;
		}
.history_box {
	padding-top: 30px;
}
*/
.m13 .histroy .history_box .infoarealeft ul li .year {
	margin-bottom: 10px;
	font-family: 'Montserrat';
	font-size: 52pt;
	color: #9D8661;
	font-weight: 700;
}

		.m13 .histroy .history_box:nth-child(odd) .infoarealeft ul li dl dt {
			float: left;
			width: 45px;
			font-family: 'Noto Sans KR';
			font-size: 17pt;
			color: #000;
			font-weight: 700;
			line-height: 45pt;
		}
		.monthdot{
			opacity:0;
		}
/*.withmothdot
{
	height:30px;
	margin:0;
}*/
.m13 .histroy .history_box:nth-child(odd) .infoarealeft ul li dl dd {
	font-family: 'Montserrat';
	font-size: 17pt;
	color: #000;
	font-weight: 400;
	line-height: 45pt;
}
.m13 .histroy .history_box:nth-child(odd) .infoarealeft ul li .withmothdot dd {
	
	line-height: 30pt;
}
.m13 .histroy .history_box:nth-child(odd) .infoarealeft ul li .monthdot dd {
	line-height: 30pt;
}
		.m13 .histroy .history_box .infoarealeft ul li dl dt {
			width: 45px;
			font-family: 'Montserrat';
			font-size: 16px;
			color: #777;
			font-weight: 500;
			line-height: 175%;
		}

		.m13 .histroy .history_box .infoarealeft ul li dl {
			overflow: hidden;
			/*margin-bottom: 8px;*/
		}

.history {
	position: relative;
	max-width: 1200px;
	width: 100%;
	text-align: center;
	margin: 40px auto 40px;
}

.infoarea .infoimage {
	padding-right: 121px;
	text-align: right;
	margin-top: -130px;
}
.infoarea .infoimage img {
	padding:0px;
}
	.infoarealeft .infoimage {
	padding-left: 113px;
	text-align: left;
	margin-top: -85px;
}
.infoarealeft .infoimage img {
	padding:0px;
}






/* m14 */
.m14{padding:0;}
.m14 .section1{padding:70px 0 110px;}
.m14 .section1 .ci_img{
	position:relative;
	box-sizing:border-box;
	height:326px;
	background:url(../images/page/m14_section1_ci_bg.gif) repeat -1px -1px;
	border:1px solid #ededed;
}
.m14 .section1 .ci_img ul{position:relative;width:100%;height:326px;}
.m14 .section1 .ci_img ul li{
	display:none;
	width:100%;height:100%;
	text-align:center;
	position:absolute;left:0;top:0;
}
.m14 .section1 .ci_img ul li:first-child{display:block;}
.m14 .section1 .ci_img .ci_prev{position:absolute;right:57px;bottom:0;}
.m14 .section1 .ci_img .ci_next{position:absolute;right:0;bottom:0;}
.m14 .section1 .ci_exp{
	position:relative;
	margin:20px 0 0;
	font-size:17px;color:#777;text-align:center;
}
.m14 .section1 .ci_exp ul{}
.m14 .section1 .ci_exp ul li{display:none;position:absolute;left:0;top:0;width:100%;}
.m14 .section1 .ci_exp ul li:first-child{display:block;}


.m14 .section2{padding:100px 0;background:url(../images/page/bg_dot1.gif) repeat;}
.m14 .section2 .images{}
.m14 .section2 .images ul{overflow:hidden;}
.m14 .section2 .images ul li{
	display:table;
	float:left;
	box-sizing:border-box;
	width:49.5%;height:250px;
	margin:0 1% 1% 0;
	background:#fff;
	border:1px solid #ddd;
	text-align:center;
}
.m14 .section2 .images ul li:nth-child(2n){margin-right:0;}
.m14 .section2 .btns{margin:20px 0 0;text-align:center;}
.m14 .section2 .btns a{
	display:inline-block;
	width:240px;height:52px;
	margin:0 5px;
	background:#9D8661;
	text-align:center;line-height:52px;
	font-family: 'Montserrat';font-size:17px;color:#fff;font-weight:500;
}
.m14 .section2 .btns a img{margin-left:10px;}


.m14 .section3{padding:100px 0;}
.m14 .section3 .color_system{}
.m14 .section3 .color_system&gt;ul{overflow:hidden;}
.m14 .section3 .color_system&gt;ul&gt;li{
	overflow:hidden;
	float:left;
	box-sizing:border-box;
	width:49.5%;height:240px;
	margin:0 1% 1% 0;
	padding:24px 19px;
	background:#fff;
	border:1px solid #ddd;
}
.m14 .section3 .color_system&gt;ul&gt;li:nth-child(2n){margin-right:0;}
.m14 .section3 .color_system&gt;ul&gt;li .colorbox{position:relative;float:left;width:48%;height:100%;margin-right:4%;}
.m14 .section3 .color_system&gt;ul&gt;li .colorbox ul{overflow:hidden;position:absolute;left:0;bottom:0;width:100%;}
.m14 .section3 .color_system&gt;ul&gt;li .colorbox ul li{float:left;width:25%;height:50px;}
.m14 .section3 .color_system&gt;ul&gt;li .color_info{float:left;width:48%;padding:15px 0;}
.m14 .section3 .color_system&gt;ul&gt;li .color_info dl{margin-bottom:15px;}
.m14 .section3 .color_system&gt;ul&gt;li .color_info dl dt{
	position:relative;
	margin-bottom:5px;
	padding-left:15px;
	font-family: 'Montserrat';font-size:16px;color:#151515;font-weight:500;
}
.m14 .section3 .color_system&gt;ul&gt;li .color_info dl dt:before{
	display:block;
	content:"";
	width:5px;height:2px;
	background:#9D8661;
	position:absolute;left:0;top:8px;
}
.m14 .section3 .color_system&gt;ul&gt;li .color_info dl dd{
	padding-left:15px;
	font-family: 'Montserrat';font-size:16px;color:#777;
}


.m14 .section3 .color_system&gt;ul&gt;li:nth-child(1) .colorbox{background:#0dc5f2;}
.m14 .section3 .color_system&gt;ul&gt;li:nth-child(1) .colorbox ul li:nth-child(1){background:#3dd1f5;}
.m14 .section3 .color_system&gt;ul&gt;li:nth-child(1) .colorbox ul li:nth-child(2){background:#6edcf7;}
.m14 .section3 .color_system&gt;ul&gt;li:nth-child(1) .colorbox ul li:nth-child(3){background:#9ee8fa;}
.m14 .section3 .color_system&gt;ul&gt;li:nth-child(1) .colorbox ul li:nth-child(4){background:#cff3fc;}

.m14 .section3 .color_system&gt;ul&gt;li:nth-child(2) .colorbox{background:#43d1e7;}
.m14 .section3 .color_system&gt;ul&gt;li:nth-child(2) .colorbox ul li:nth-child(1){background:#69daec;}
.m14 .section3 .color_system&gt;ul&gt;li:nth-child(2) .colorbox ul li:nth-child(2){background:#8ee3f1;}
.m14 .section3 .color_system&gt;ul&gt;li:nth-child(2) .colorbox ul li:nth-child(3){background:#b4edf5;}
.m14 .section3 .color_system&gt;ul&gt;li:nth-child(2) .colorbox ul li:nth-child(4){background:#d9f6fa;}

.m14 .section3 .color_system&gt;ul&gt;li:nth-child(3) .colorbox{background:#c1ddee;}
.m14 .section3 .color_system&gt;ul&gt;li:nth-child(3) .colorbox ul li:nth-child(1){background:#cde4f1;}
.m14 .section3 .color_system&gt;ul&gt;li:nth-child(3) .colorbox ul li:nth-child(2){background:#daebf5;}
.m14 .section3 .color_system&gt;ul&gt;li:nth-child(3) .colorbox ul li:nth-child(3){background:#e6f1f8;}
.m14 .section3 .color_system&gt;ul&gt;li:nth-child(3) .colorbox ul li:nth-child(4){background:#f3f8fc;}

.m14 .section3 .color_system&gt;ul&gt;li:nth-child(4) .colorbox{background:#2e5ba1;}
.m14 .section3 .color_system&gt;ul&gt;li:nth-child(4) .colorbox ul li:nth-child(1){background:#587cb4;}
.m14 .section3 .color_system&gt;ul&gt;li:nth-child(4) .colorbox ul li:nth-child(2){background:#829dc7;}
.m14 .section3 .color_system&gt;ul&gt;li:nth-child(4) .colorbox ul li:nth-child(3){background:#abbdd9;}
.m14 .section3 .color_system&gt;ul&gt;li:nth-child(4) .colorbox ul li:nth-child(4){background:#d5deec;}





/* m15 */
.m15{padding:0;}
.m15 .section1{padding:70px 0 110px;}

.Arrow-D {
	position: absolute;
	top: 69px;
	right: 25px;
}

#partnertxt1 {
	font-family: noto sans KR;
	font-weight: 400;
	font-size: 32pt;
	color: #000000;
	line-height: 45pt;
	text-align: center;
}

#partnertxt2 {
	font-family: noto sans KR;
	font-weight: 400;
	font-size: 17pt;
	color: #000000;
	line-height: 30pt;
	text-align: center;
}

/* m16 */
.m16{padding:0;}
.m16 .section1{padding:0px 0 70px;}
.m16 .section1 .area_infobox{overflow:hidden;position:relative;margin-bottom:50px;}
.m16 .section1 .area_infobox .infobox{
	position:relative;
	box-sizing:border-box;
	padding:25px 39px 0;
}
	.m16 .section1 .area_infobox .infobox heading {
		font-family: noto sans KR;
		font-weight: 400;
		font-size: 32pt;
		color: #000000;
	}
.m16 .section1 .area_infobox .infobox dl{margin-bottom:10px;}
.m16 .section1 .area_infobox .infobox dl dt{
	position:relative;
	padding-top: 15px;
	margin-bottom:15px;
	padding-left:60px;
	font-family: 'Montserrat';font-size:15px;color:#000;font-weight:500;
}
.m16 .section1 .area_infobox .infobox dl dt:before{
	/*display:block;
	content:"";
	width:5px;height:5px;
	background:#9D8661;
	position:absolute;left:0;top:7px;*/
}
.m16 .section1 .area_infobox .infobox dl dd{font-size:15px;color:#777;}
.m16 .section1 .area_infobox .infobox .img{position:absolute;right:0;bottom:0;}
.m16 .section1 .area_infobox .map{
	float:left;
	box-sizing:border-box;
	border:1px solid #ddd;
	width:calc(100% - 415px);
}
.m16 .section1 .area_infobox .map iframe{height:568px;}
.m16 .btnprint{
	position:absolute;right:29px;top:29px;
}




/* m17 */
.m17{padding:0;}
.m17 .section1{padding:70px 0 110px;}
.m17 .section1 .conwrap{display:flex; flex-wrap:wrap;}
.m17 .section1 .conwrap &gt; *{width:49%;border-bottom: 1px solid #ddd;}
.m17 .section1 .conwrap &gt; *:nth-child(even){margin-left:2%;}

.m17 .section1 .logo{
	display:table;
	box-sizing:border-box;
	width:100%;height:250px;
	border:1px solid #ddd;
	text-align:center;
}
.m17 .section1 .company_info{
	padding: 30px 25px 35px;
}
.m17 .section1 .company_info h4{margin-bottom:15px;font-size:35px;color:#2b2b2b}
.m17 .section1 .company_info ul{}
.m17 .section1 .company_info ul li{
	padding-left:35px;
}
.m17 .section1 .company_info ul li,.m17 .section1 .company_info ul li a{
	margin-bottom:10px;
	font-size:17px;color:#777;
}
.m17 .section1 .company_info ul li:nth-child(1){
	background:url(../images/page/m17_ico1.gif) no-repeat left 3px;
}
.m17 .section1 .company_info ul li:nth-child(2){background:url(../images/page/m17_ico2.gif) no-repeat left 3px;}
.m17 .section1 .company_info ul li:nth-child(3){background:url(../images/page/m17_ico3.png) no-repeat top 3px left 0px;}
.m17 .section1 .link{margin:40px 0 0;text-align:center;}
.m17 .section1 .link a{
	display:inline-block;
	position:relative;
	width:283px;height:52px;
	background:#9D8661;
	font-size:17px;color:#fff;
	text-align:left;line-height:52px;
	padding:0 25px;
	box-sizing:border-box;
}
.m17 .section1 .link a span{position:absolute;right:25px;top:15px;}





/* m18 */
.m18{}
.m18_tabs{text-align:center;}
.m18_tabs ul{}
.company_info h4{margin-bottom:15px;font-size:35px;color:#2b2b2b}
.m17 .section1 .company_info ul{}
.m17 .section1 .company_info ul li{
	margin-bottom:10px;padding-left:35px;
	font-size:17px;color:#777;
}
.m17 .section1 .company_info ul li:nth-child(1){
	background:url(../images/page/m17_ico1.gif) no-repeat left 3px;
}
.m17 .section1 .company_info ul li:nth-child(2){background:url(../images/page/m17_ico2.gif) no-repeat left 3px;}
.m17 .section1 .link{margin:40px 0 0;text-align:center;}
.m17 .section1 .link a{
	display:inline-block;
	position:relative;
	width:283px;height:52px;
	background:#9D8661;
	font-size:17px;color:#fff;
	text-align:left;line-height:52px;
	padding:0 25px;
	box-sizing:border-box;
}
.m17 .section1 .link a span{position:absolute;right:25px;top:15px;}





/* m18 */
.m18{padding:0 0 160px;}
.m18 .conwrap{padding-top: 110px;}
.m18 .pagetitle2{font-family:"Noto Sans KR";font-weight:500;}
.m18_tabs{margin:90px 0 30px;text-align:center;}
.m18_tabs ul{}
.m18_tabs ul li{
	display:inline-block;
	position:relative;
}
.m18_tabs ul li:before{
	display:block;
	content:"";
	width:1px;height:14px;
	background:#ddd;
	position:absolute;right:0;top:50%;
	margin-top:-7px;
}
.m18_tabs ul li:last-child:before{display:none;}
.m18_tabs ul li:nth-child(1):after{
	display:block;
	content:"";
	width:16px;height:16px;
	background:#ec5e26;
	border-radius:50%;
	position:absolute;left:50%;top:-20px;
	margin:0 0 0 -8px;
	box-shadow:0 2px 5px rgba(0,0,0,0.2);
	opacity:0;
}
.m18_tabs ul li:nth-child(2):after{
	display:block;
	content:"";
	width:16px;height:16px;
	background:#b51b06;
	border-radius:50%;
	position:absolute;left:50%;top:-20px;
	margin:0 0 0 -8px;
	box-shadow:0 2px 5px rgba(0,0,0,0.2);
	opacity:0;
}
.m18_tabs ul li:nth-child(3):after{
	display:block;
	content:"";
	width:16px;height:16px;
	background:#176c02;
	border-radius:50%;
	position:absolute;left:50%;top:-20px;
	margin:0 0 0 -8px;
	box-shadow:0 2px 5px rgba(0,0,0,0.2);
	opacity:0;
}
.m18_tabs ul li.on:after{opacity:1;}
.m18_tabs ul li a{
	display:block;
	box-sizing:border-box;
	width:100%;height:100%;
	font-size:18px;color:#666;
	padding:0 65px;
}


.m18_tabcon{}
	.m18_tabcon .maparea {
		overflow: hidden;
		position: relative;
		width: 100%;
		min-height: 943px;
		background: url(/Resource/images/main/section07_map.jpg) no-repeat center;
		background-size: 1905px auto;
	}
.m18_tabcon .dot{
	cursor:pointer;
	position:relative;z-index:300;
	width:12px;height:12px;
	margin:0 auto 19px;
	background:#ec5e26;
	border-radius:50%;
	box-shadow:0 -2px 8px rgba(0,0,0,0.1); 
	animation:ani1 0.6s infinite alternate;
}
@keyframes ani1{
	0%{
		transform:scale(0.8);
	}
	100%{
		transform:scale(1);
	}
}
.m18_tabcon .infobox{
	opacity:0;
	width: 230px;
	z-index:200;
	cursor:default;
	transform:scale(0.9);
	transition:all 1s;	
}
.m18_tabcon .infobox.on{
	opacity:1;
	z-index:400;
	cursor:pointer;
	transform:scale(1);
	box-shadow:0 5px 3px rgba(0,0,0,0.5);
	transition:all 0.6s ease-out;
}

.m18_tabcon .infobox .infowrap{
	display:table;
	box-sizing:border-box;
	width:230px;
	text-align:center;
	padding:5px;
	background:#ebebeb;
}
.m18_tabcon .infobox .infowrap .align{padding:15px 0;border:1px solid #bcbcbc;}
.m18_tabcon .infobox .flag{float:left;width:50%;}
.m18_tabcon .infobox .nation{	
	float:left;
	width:50%;
	color:#222;
	box-sizing:border-box;
	text-align:left;
	font-family: 'Montserrat';font-size:15px;font-weight:600;
}
.m18_tabcon .infobox .exp{
	clear:both;
	padding:10px 8% 0;
	font-size:14px;color:#fff;word-break:keep-all;
	text-align:left;
}


.m18_tabcon.cp2 .dot{
	background:#b51b06;
}
.m18_tabcon.cp3 .dot{
	background:#176c02;
}




.m18 .maparea .pcbr&gt;div{
	position:relative;
	position:absolute;
	width:12px;height:12px;
}
.m18 .maparea .infobox{
	margin-left:-110px;
	position:relative;
}

.m18 .txtarea{padding:100px 0;}
.m18 .txtarea .listbox{
	overflow:hidden;
	padding:43px 0;
	border-top:2px solid #555;border-bottom:2px solid #555;	
	text-align:center;
}
.m18 .txtarea .listbox ul{
	float:left;
	box-sizing:border-box;
	width:33.333%;
	border-right:1px solid #ddd;
}
.m18 .txtarea .listbox ul:last-child{border-right:0;}
.m18 .txtarea .listbox ul li{font-size:17px;color:#444;line-height:180%;}

.m18_tabcon .maparea .pcbr{
	width:1920px;height:943px;
	position:relative;
	position:absolute;left:50%;top:0;
	margin-left:-960px;
}

.m18_tabcon .maparea .motion{
	position:relative;
	position:absolute;left:50%;top:50%;
	width:200px;height:200px;
	margin:-90px 0 0 -224px;
}
.m18_tabcon .maparea .motion .action1{
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	width:12px;height:12px;
	border-radius:50%;
	border:1px solid #fff;
	animation:motion 3s ease-in infinite;
}
.m18_tabcon .maparea .motion .action2{
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	width:12px;height:12px;
	border-radius:50%;
	border:1px solid #fff;
	animation:motion 3s ease-in infinite 0.4s;
}
.m18_tabcon .maparea .motion .action3{
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	width:12px;height:12px;
	border-radius:50%;
	border:1px solid #fff;
	animation:motion 3s ease-in infinite 0.8s;
}
.m18_tabcon .maparea .motion .action4{
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	width:12px;height:12px;
	border-radius:50%;
	border:1px solid #fff;
	animation:motion 3s ease-in infinite 1.2s;
}
.m18_tabcon .maparea .motion .action5{
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	width:12px;height:12px;
	border-radius:50%;
	border:1px solid #fff;
	animation:motion 3s ease-in infinite 1.5s;
}

@keyframes motion{
	0%{
		opacity:0;
		width:12px;height:12px;
	}
	50%{
		opacity:0.7;
	}
	100%{
		opacity:0;
		width:200%;height:200%;
	}
}


.m18 div.list_wrap{border-top: 3px solid #555555;border-bottom: 2px solid #555555;display: flex;flex-wrap: wrap;}
.m18 div.list_wrap .list{width: 25%;text-align: center;}
.m18 div.list_wrap .list + .list ul:before{display:block;content:"";position: absolute;top: 28px;left: 0;width: 1px;height: calc(100% - 56px);background: #d8d8d8;}
.m18 div.list_wrap .cate{border-bottom: 1px solid #555555;font-size: 23px;color: #444;padding: 17px 0;height: 70px;box-sizing: border-box;font-weight: 500;}
.m18 div.list_wrap ul{position: relative;height: calc(100% - 70px);box-sizing: border-box;font-size: 18px;padding: 45px 0;color: #444;}
.m18 div.list_wrap ul li + li{margin-top: 5px;}


/*m19*/
.m19{padding-bottom:130px;}

.m19 .conwrap{max-width:1385px;}
.m19 *{box-sizing:border-box;}
.m19 [class*="c_cate_"]{position: relative;width: 185px;height: 40px;line-height: 40px;text-align: center;margin: 0 auto;font-size: 16px;color: #fff;}
.m19 [class*="c_cate_"]:before{display: block;content:"";position: absolute;top: 3px;left: 3px;width: calc(100% - 6px);height: calc(100% - 6px);border: 1px solid #fff;box-sizing: border-box;}
.m19 .c_cate_1{color: #9D8661 !important;background: #fff;}
.m19 .c_cate_1:before{border-color: #9D8661;}
.m19 .c_cate_2{margin-top: 35px;background: #33bff4;}
.m19 .c_cate_3{background: #2994bd;}
.m19 .con_g{position: relative;text-align: center;margin: 0 auto;}
.m19 .con_g1{padding: 0px 0 65px;max-width: 357px;z-index: 11;}
.m19 .con_g1 .c_title:before{display: block;content:"";position: absolute;top: 0;left: 50%;width: 0px;height: 0px;border-left: 40px solid transparent;border-bottom: 75px solid #04afef;border-right: 40px solid transparent;transform: translateX(-50%);z-index: 10;}
	/*.m19 .con_g1:after, .m19 .con_g2:after {
		display: block;
		content: "";
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 10px;
		width: 12px;
		height: 38px;
		background: url('../../../Resource/images/page/m19_arrow1.png')no-repeat top left;
	}*/
.m19 .con_g1 .c_title{position: relative;font-size: 26px;color: #9D8661;font-weight: 600;padding-top: 95px;}
.m19 .con_g1:before{display: block;content:"";position: absolute;top: 0;left: 50%;width: 0px;height: 0px;border-left: 150px solid transparent;border-bottom: 250px solid #fff;border-right: 150px solid transparent;transform: translateX(-50%);z-index: 0;}
.m19 .con_g1 .txt2{position: relative;font-size: 18px;color: #555555;line-height: 1.5;margin-top: 7px;z-index: 1;}
.m19 .con_g2{max-width: 1200px;overflow: hidden;padding-bottom: 60px;z-index: 0;}
.m19 .con_g2 .list_wrap{position: relative;display: flex;flex-wrap: wrap;padding: 117px 0 0;}
.m19 .con_g2 .list_wrap [class*="list_"]{position: relative;}
.m19 .con_g2 .list_wrap [class*="list_"].type2{width: 50%;padding: 60px 0 45px;}
.m19 .con_g2 .list_wrap [class*="list_"].type2:after{display:block;content:"";position:absolute;bottom: -57px;left: 50%;width:50%;height:1px;background: #a8a8a8;}
.m19 .con_g2 .list_wrap [class*="list_"].list_3.type2:after{left:inherit; right:50%;}
.m19 .con_g2 .list_wrap:before{display: block;content:"";position: absolute;bottom: 0;left: 50%;width: 0px;height: 0px;border-left: 443px solid transparent;border-bottom: 610px solid #eef5f7;border-right: 443px solid transparent;transform: translateX(-50%);z-index: -1;}
.m19 .con_g2 .list_wrap:after{display: block;content:"";position: absolute;top: 0;left: 0;width: 100%;height: 120px;background: #fff;z-index: -1;}
.m19 .con_g2 .list_wrap .list_1{position: absolute;top: 0;left: 50%;width: 395px;padding: 40px 20px;transform: translateX(-50%);z-index: 1;}
.m19 .con_g2 .list_wrap .list_1 *{color:#fff;}
.m19 .con_g2 .list_wrap .list_1:before{display:block;content:"";position: absolute;bottom: 100%;left: 50%;width: 0px;height: 0px;margin-bottom: -80px;border-left: 217px solid transparent;border-bottom: 339px solid #1eb8f2;border-right: 201px solid transparent;transform: translateX(-50%);z-index: 0;}
.m19 .con_g2 .list_wrap .list_1:after{display:block;content:"";position: absolute;top: 80px;left: 50%;width: 0px;height: 0px;border-left: 209px solid transparent;border-top: 321px solid #1eb8f2;border-right: 209px solid transparent;transform: translateX(-50%);z-index: -1;}
.m19 .con_g2 .list_wrap [class*="list_"].list_2{padding-right: 120px;padding-left: 180px;}
.m19 .con_g2 .list_wrap [class*="list_"].list_2:before{display:block;content:"";position: absolute;bottom: 0;left: 100%;margin-left: -40px;width: 0px;height: 0px;border-left: 40px solid transparent;border-bottom: 50px solid #fff;border-right: 40px solid transparent;}
.m19 .con_g2 .list_wrap [class*="list_"].list_3{padding-left: 120px;padding-right: 185px;margin-top: 30px;}
.m19 .con_g2 .list_wrap .counter{margin-top: 27px;}
.m19 .con_g2 .list_wrap .counter li + li{margin-top: 12px;}
.m19 .con_g2 .list_wrap .counter .tit{font-size: 16px;margin: 0;}
.m19 .con_g2 .list_wrap .counter .tit2{font-size:18px;}
.m19 .con_g2 .list_wrap .counter .tit2 .num{font-size: 60px;font-family: 'Titillium Web';line-height: 1em;font-weight: 600;display: inline-block;}
.m19 .con_g2 .figure:after{display:block;content:"";position: relative;width:1px;height: 25px;background: #a8a8a8;left: 50%;transform: translateX(-50%);}
.m19 .con_g2 .figure{position: absolute;bottom: -32px;left: 50%;transform: translateX(-50%);width: 55px;height: 65px;background: url('../images/page/m19_figure1.png')no-repeat left top;font-size: 16px;color: #fff;line-height: 65px;}
.m19 .con_g2 .c_title1{font-size: 18px;color: #333333;line-height: 1.3;font-weight: 500;margin-bottom: 13px;}
.m19 .con_g2 .sub_list2{text-align: left;font-size: 14px;color: #666666;}
.m19 .con_g2 .sub_list2 li {position:relative;}
.m19 .con_g2 .sub_list2 li:before {content:"";position:absolute;top: 8px;left: -10px;width: 4px;height: 4px;border-radius:50%;background-color:#333;}
.m19 .con_g2 .list_3 .sub_list2 li:before {}
.m19 .con_g2 .list_3 .sub_list2 li:first-child:before {}
.m19 .con_g2 .sub_list2 li + li{margin-top: 4px;}
.m19 .con_g2 .list_3 .sub_list2{text-align: left;margin-left: 10px; padding-top: 17px;}
.m19 .con_g3{padding: 15px 215px 0;overflow: hidden;}
.m19 .con_g3:before,.m19 .con_g3:after{display: block; content:"";}
.m19 .con_g3:before{display: block;content: "";position: absolute;bottom: 20px;left: 50%;width: 0px;height: 0px;border-left: 710px solid transparent;border-bottom: 927px solid #e8e8e8;border-right: 680px solid transparent;transform: translateX(-50%);z-index: -1;}
.m19 .con_g3:after{right: 0;}
.m19 .con_g3 .list_wrap{position: relative;display: flex;flex-wrap: wrap;padding-bottom: 15px;}
.m19 .con_g3 .list_wrap .list{position: relative;width: calc(20% - 24px);}
.m19 .con_g3 .list_wrap .list + .list{margin-left: 30px;}
.m19 .con_g3 .list_wrap .list:before{display:block;content:"";position: absolute;left: 0;margin-left: 54px;top: 42px;width: 125%;height: 1px;background: #a8a8a8;z-index: 0;}
.m19 .con_g3 .list_wrap .list:last-child:before{display:none;}
.m19 .con_g3 .list_wrap .i{margin:0 auto;position: relative;z-index: 10;}
.m19 .con_g3 .list_wrap .tit{font-size: 15px;color: #333333;/* font-weight: 500; */margin: 5px 0 3px;}
.m19 .con_g3 .list_wrap ul li{position: relative;padding-left: 7px;font-size: 12px;color: #8a8a8a;text-align: left;word-break: keep-all;letter-spacing: -0.5px;line-height:15px; margin-bottom: 5px;}
.m19 .con_g3 .list_wrap ul li:before{display: block;content:"";position: absolute;top: 8px;left: 0;width: 2px;height: 2px;border-radius: 50%;background: #8a8a8a;}
.m19 .conwrap .con_g2 .pagination {display: inline-block;}
	.m19 .conwrap .con_g2 .pagination a {
		color: #8E8E8E;
		font-size: 15pt;
		font-family: noto sans kr;
		font-weight: 400;
		float: left;
		padding: 2px 6px;
		text-decoration: none;
		transition: background-color .3s;
		border: 1px solid #C5C5C5;
		margin: 0 8px;
		width: 36px;
		height: 36px;
	}
.m19 .conwrap .con_g2 .pagination a.active {background-color: #9D8861;color: white;border: 1px solid #9D8861;}
.m19 .conwrap .con_g2 .pagination a:hover:not(.active){
	background-color:#9D8861;
}
m19 .conwrap .con_g2 .pagination a .active {
	background-color: #9D8861;
}


/* m21 */
.m21{}
.m21 .product_wrap{margin:100px 0 0;}
.m21 .product_wrap .product_box{padding:69px 0;}
.m21 .product_wrap .product_box:nth-child(odd){background:#f9f9f9;}
.m21 .product_wrap .product_box:nth-child(even){background:#ececec;}

.m21 .product_wrap .product_box .conwrap{}
.m21 .product_wrap .product_box:nth-child(1) .conwrap{
	background:url(../images/page/m21_bg_50.png) no-repeat right bottom;
}
.m21 .product_wrap .product_box:nth-child(2) .conwrap{
	background:url(../images/page/m21_bg_100.png) no-repeat right bottom;
}
.m21 .product_wrap .product_box:nth-child(3) .conwrap{
	background:url(../images/page/m21_bg_150.png) no-repeat right bottom;
}
.m21 .product_wrap .product_box:nth-child(4) .conwrap{
	background:url(../images/page/m21_bg_200.png) no-repeat right bottom;
}
.m21 .product_wrap .product_box:nth-child(5) .conwrap{
	background:url(../images/page/m21_bg_300.png) no-repeat right bottom;
}
.m21 .product_wrap .product_box .conwrap .imgarea{
	float:left;
	box-sizing:border-box;
	width:calc(100% - 615px);
	padding-right:65px;
}
.m21 .product_wrap .product_box .conwrap .imgarea img{width:100%;}
.m21 .product_wrap .product_box .conwrap .pinfo{
	overflow:hidden;
	display:table;
	float:right;
	width:615px;height:360px;
}
.m21 .product_wrap .product_box .conwrap .pinfo .txtsbox{
	float:left;
	box-sizing:border-box;
	width:calc(100% - 200px);
}
.m21 .product_wrap .product_box .conwrap .pinfo .txtsbox h4{font-size:35px;color:#2b2b2b;}
.m21 .product_wrap .product_box .conwrap .pinfo .txtsbox h4:after{
	display:block;
	content:"";
	width:45px;height:3px;
	margin:15px 0 20px;
	background:#9D8661;
}
.m21 .product_wrap .product_box .conwrap .pinfo .txtsbox dl{}
.m21 .product_wrap .product_box .conwrap .pinfo .txtsbox dl dt{font-size:18px;color:#222;}
.m21 .product_wrap .product_box .conwrap .pinfo .txtsbox dl dd{font-size:16px;color:#777}
.m21 .product_wrap .product_box .conwrap .pinfo .unitbox{	
	float:right;
	
	width:200px;height:200px;
	background:#9D8661;
	box-sizing:border-box;
	padding:5px;
	text-align:center;
}
.m21 .product_wrap .product_box .conwrap .pinfo .unitbox a{
	display:table;
	position:relative;
	width:100%;height:100%;
}
.m21 .product_wrap .product_box .conwrap .pinfo .unitbox a .align:before{
	display:block;
	content:"";
	width:0;height:1px;
	background:#fff;
	position:absolute;left:0;top:0;z-index:10;
}
.m21 .product_wrap .product_box .conwrap .pinfo .unitbox a .align:after{
	display:block;
	content:"";
	width:1px;height:0;
	background:#fff;
	position:absolute;right:0;top:0;z-index:10;	
}
.m21 .product_wrap .product_box .conwrap .pinfo .unitbox h5{font-size:24px;color:#fff;line-height:120%;}
.m21 .product_wrap .product_box .conwrap .pinfo .unitbox h5:before{
	display:block;
	content:"";
	width:0;height:1px;
	background:#fff;
	position:absolute;right:0;bottom:0;z-index:10;
}
.m21 .product_wrap .product_box .conwrap .pinfo .unitbox h5:after{
	display:block;
	content:"";
	width:1px;height:0;
	background:#fff;
	position:absolute;left:0;bottom:0;z-index:10;	
}


.m21 .product_wrap .product_box .conwrap .pinfo .unitbox:hover a .align:before{
	width:100%;height:1px;
	transition:all 0.4s ease-out;
}
.m21 .product_wrap .product_box .conwrap .pinfo .unitbox:hover a .align:after{
	width:1px;height:100%;
	transition:all 0.4s ease-out 0.1s;
}
.m21 .product_wrap .product_box .conwrap .pinfo .unitbox:hover h5:before{
	width:100%;height:1px;
	transition:all 0.4s ease-out 0.2s;
}
.m21 .product_wrap .product_box .conwrap .pinfo .unitbox:hover h5:after{
	width:1px;height:100%;
	transition:all 0.4s ease-out 0.3s;
}



.m21 .product_wrap .product_box .conwrap .pinfo .unitbox .plus{
	position:relative;
	width:32px;height:32px;
	margin:15px auto 0;
}
.m21 .product_wrap .product_box .conwrap .pinfo .unitbox .plus:before{
	display:block;
	content:"";
	width:100%;height:2px;
	background:#fff;
	position:absolute;left:0;top:50%;
	margin-top:-1px;
}
.m21 .product_wrap .product_box .conwrap .pinfo .unitbox .plus:after{
	display:block;
	content:"";
	width:2px;height:100%;
	background:#fff;
	position:absolute;left:50%;top:0%;
	margin-left:-1px;
}
.m21 .pinfo2{padding:85px 0 200px;}
.m21 .pinfo2 table{width:100%;border-top:2px solid #555;}
.m21 .pinfo2 table th{
	box-sizing:border-box;
	width:180px;
	padding:20px 30px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size:16px;color:#222;
	text-align:left;
}
.m21 .pinfo2 table td{
	padding:20px 30px;
	border-bottom:1px solid #ddd;
	font-size:15px;color:#777;
	text-align:left;
	line-height:180%;
	word-break:keep-all;
}
.m21 .pinfo2 table td p{}
.m21 .pinfo2 table td p .tit{color:#444;}
.m21 .pinfo2 ul{margin-top:30px;}
.m21 .pinfo2 ul li{position:relative;padding-left:10px;font-size:15px;color:#777;}
.m21 .pinfo2 ul li:before{
	display:block;
	content:"";
	width:4px;height:2px;
	background:#9D8661;
	position:absolute;left:0;top:10px;
}
.m21 .pinfo2 ul li a{color:#9D8661;}







/* m22 */
.m22{}
.m22 .category{}
.m22 .category ul{overflow:hidden;display: flex;flex-wrap: wrap;justify-content: center;}
.m22 .category ul li{
	float:left;
	box-sizing:border-box;
	height:55px;
	margin-right: 5px;
	margin-bottom:0.5%;
}
.m22 .category ul.cate1 li{width: calc(20% - 4px);}
.m22 .category ul.cate1 li:nth-child(5n) {margin-right:0;}
.m22 .category ul.cate2 li{width:19.50%;}


.m22 .category ul li a{
	display:block;
	box-sizing:border-box;
	font-size:16px;text-align:center;color:#737373;
	border:1px solid #ddd;
	line-height:53px;
}
.m22 .category ul li.on a{
	display:block;
	box-sizing:border-box;
	border:1px solid #9D8661;
	background:#9D8661;
	font-size:16px;text-align:center;color:#fff;
	line-height:53px;
}

.m22 .m22_subtabs{margin:60px 0 0;text-align:center;}
.m22 .m22_subtabs ul{position:relative;}
.m22 .m22_subtabs ul li{
	display:inline-block;
	position:relative;
	width:200px;
}
.m22 .m22_subtabs ul li:first-child:before{
	display:block;
	content:"";
	width:1px;height:13px;
	background:#555;
	position:absolute;left:0;top:8px;
}
.m22 .m22_subtabs ul li:after{
	display:block;
	content:"";
	width:1px;height:13px;
	background:#555;
	position:absolute;right:0;top:8px;
}
.m22 .m22_subtabs ul li a{
	display:block;
	font-size:18px;color:#666;
}
.m22 .m22_subtabs ul li.on a{color:#9D8661}

.m22 .product_wrap{margin:100px 0 0;}
.m22 .product_wrap .product_box{padding:69px 0;}
.m22 .product_wrap .product_box:nth-child(odd){background:#f9f9f9;}
.m22 .product_wrap .product_box:nth-child(even){background:#ececec;}
.m22 .product_wrap .product_box .conwrap{overflow:hidden;}
.m22 .product_wrap .product_box .conwrap .imgarea{
	float:left;
	box-sizing:border-box;
	width:calc(100% - 600px);
	padding-right:65px;
}
.m22 .product_wrap .product_box .conwrap .pinfo{
	overflow:hidden;
	display:table;
	float:right;
	width:600px;height:650px;
}
.m22 .product_wrap .product_box .conwrap .pinfo .txtsbox{
	box-sizing:border-box;
	width:100%;
}
.m22 .product_wrap .product_box .conwrap .pinfo .txtsbox ul{margin-bottom:10px;}
.m22 .product_wrap .product_box .conwrap .pinfo .txtsbox ul li{
	display:inline-block;
	box-sizing:border-box;
	height:36px;line-height:34px;
	border:1px solid #9D8661;
	padding:0 14px;
	font-family: 'Montserrat';font-size:15px;color:#9D8661;font-weight:500;
}
.m22 .product_wrap .product_box .conwrap .pinfo .txtsbox h4{font-size:35px;color:#2b2b2b;}
.m22 .product_wrap .product_box .conwrap .pinfo .txtsbox h4:after{
	display:block;
	content:"";
	width:45px;height:3px;
	margin:15px 0 20px;
	background:#9D8661;
}
.m22 .product_wrap .product_box .conwrap .pinfo .txtsbox dl{overflow:hidden;margin-bottom:15px;}
.m22 .product_wrap .product_box .conwrap .pinfo .txtsbox dl dt{
	float:left;
	width:130px;
	font-size:16px;color:#222;
}
.m22 .product_wrap .product_box .conwrap .pinfo .txtsbox dl dd{
	float:left;
	width:calc(100% - 130px);
	font-size:16px;color:#777;
	word-break:keep-all;
}


.m22 .product_wrap .line1_imgarea{
	float:left;
	width:50%;
	text-align:center;
}

.m22 .product_wrap.type2 .product_box{padding: 140px 0;display: flex;flex-wrap:wrap;align-items:center;}
.m22 .product_wrap.type2 .conwrap{display: flex;flex-wrap: wrap;align-items: center;overflow: inherit;}
.m22 .product_wrap.type2 .product_box .conwrap .imgarea{width: 600px; box-sizing:border-box; padding-right: 0; text-align: center;}
.m22 .product_wrap.type2 .product_box .conwrap .pinfo{display: block;height: auto;padding-left: 15px;width: calc(100% - 600px);box-sizing:border-box;overflow: inherit;}
.m22 .product_wrap.type2 .product_box .conwrap .align{display: block;}
.m22 .product_wrap.type2 .product_box .conwrap .align + .align{margin-top: 40px;}
.m22 .product_wrap.type2 .product_box .info2{font-size: 17px;color: #777;line-height: 1.7;font-weight: 300;}



/* paging */
.paging{
	padding: 70px 0 150px;
	text-align:center;
}
.paging a{
	display:inline-block;
	vertical-align:top;
	width:44px;height:44px;
	box-sizing:border-box;
	text-align:center;line-height:44px;
	font-size:15px;color:rgba(0,0,0,0.5);
}
.paging strong{
	display:inline-block;
	vertical-align:top;
	width:44px;height:44px;
	box-sizing:border-box;
	text-align:center;line-height:44px;
	font-size:15px;color:rgba(0,0,0,1);font-weight:400;
}
.paging a.prev{margin-right:25px;}
.paging a.next{margin-left:25px;}





/* m23 */
.m23{}
.m23 .wellage{
	margin:100px 0;
	padding-top:390px;
	background:url(../images/page/m23_wellage_bg.jpg) no-repeat center top;
}
.m23 .wellage .wellage_wrap{
	box-sizing:border-box;
	max-width:1400px;
	width:100%;
	margin:-70px auto 0;
	padding:40px 100px 0;  
	background:#fff;
}
.m23 .wellage .wellage_wrap h4{
	position:relative;
	margin:60px 0 15px;
	padding-left:25px;
	font-family: 'Montserrat';font-size:25px;color:#333;font-weight:600;
}
.m23 .wellage .wellage_wrap h4:before{
	display:block;
	content:"";
	width:3px;height:19px;
	background:#9D8661;
	position:absolute;left:0;top:5px;
}
.m23 .wellage .wellage_wrap ul{overflow:hidden;}
.m23 .wellage .wellage_wrap ul li{
	float:left;
	box-sizing:border-box;
	border:1px solid #ddd;
	width:23.5%;
	margin:0 1.5% 1.5% 0;
}
.m23 .wellage .wellage_wrap ul li:nth-child(4n){margin-right:0;}
.m23 .wellage .wellage_wrap ul li img{width:100%;}
.m23 .link{margin:40px 0 0;text-align:center;}
.m23 .link a{
	display:inline-block;
	position:relative;
	width:283px;height:52px;
	font-size:17px;color:#9D8661;
	border:1px solid #9D8661;
	text-align:left;line-height:52px;font-weight:500;
	padding:0 25px;
	box-sizing:border-box;
}
.m23 .link a span{position:absolute;right:25px;top:15px;}


.m23 .m23_tabs{margin-bottom:60px;}
.m23 .m23_tabs ul{overflow:hidden;text-align:center;}
.m23 .m23_tabs ul li{
	display:inline-block;
	box-sizing:border-box;
	width:196px;height:55px;
}
.m23 .m23_tabs ul li a{
	display:block;
	box-sizing:border-box;
	font-size:16px;text-align:center;color:#737373;
	border:1px solid #ddd;
	line-height:53px;
}
.m23 .m23_tabs ul li.on a{
	display:block;
	box-sizing:border-box;
	border:1px solid #9D8661;
	background:#9D8661;
	font-size:16px;text-align:center;color:#fff;
	line-height:53px;
}


.m23 .wellage_intro{}
.m23 .intro_wrap{
	max-width:1400px;
	width:100%;
	margin:0 auto;
	padding-bottom:100px;
}
.m23 .intro_wrap .imgarea{margin: 0 0 95px 0;}
.m23 .intro_wrap .imgarea img{max-width:100%;}
.m23 .wellage_number{padding:100px 0 0;display: flex;flex-wrap: wrap;justify-content: center;}
.m23 .wellage_number dl{
	box-sizing:border-box;
	width:25%;
	border-right:1px solid #ddd;
	text-align:center;
	padding: 25px 0 7px 0;
}
.m23 .wellage_number dl:last-child{border-right:0;}
.m23 .wellage_number dl dt{
	font-family: 'Titillium Web';
	font-size: 80px;
	color:#9D8661;
	font-weight: 700;
	line-height: 1em;
}
.m23 .wellage_number dl dt .counter{}
.m23 .wellage_number dl dt .small{font-size: 26px;font-weight: 400;line-height: 1.2;text-align: left;word-break: keep-all;margin-left: 5px;}
.m23 .wellage_number dl dt .small.type2{width: 60px;display: inline-block;}
.m23 .wellage_number dl dd{font-size: 30px;color:#444;line-height: 1.3;}
.m23 .wellage_number dl dd p{font-size: 14px;color: rgba(68,68,68,0.5);}
.m23 .wellage_number dl dd.ico{margin:35px 0;height: 57px;}

.m23 .merit{	
	box-sizing:border-box;
	width:100%;/* height:775px; */
}

/* 181219 - merit 컨텐츠 추가 */
.m23 .sec_title_g{margin-bottom: 80px;}
.m23 .slg1{font-size: 30px;}
.m23 .slg1_btm{font-size: 18px;margin-top: 20px;line-height: 1.6;}
.m23 .merit_bg .tab_con1{background:url(../images/page/bg_dot1.gif) repeat;}
.m23 .merit_tabwrap {display:flex;flex-wrap:wrap;justify-content:center;margin: 0 auto 65px;}
.m23 .merit_tabwrap li{
	line-height:55px;
	border:1px solid #d5d5d5; box-sizing:border-box; width:230px;
	text-align:center; margin-right:10px;
	}
.m23 .merit_tabwrap li a{display: block;font-size:17px; color:#737373; }
.m23 .merit_tabwrap li:last-child {margin-right:0;}
.m23 .merit_tabwrap li.on {background:#9D8661; border:1px solid #9D8661;}
.m23 .merit_tabwrap li.on a{color:#ffffff;}

.m23 .merit .tab_con {display:none;}
.m23 .merit .tab_con0 {display:block;}
.m23 .merit .new hr {display:block; border:0; height:15px;}
.m23 .merit .new .pt_table {display:block;}
.m23 .merit .new .m_table {display:none;}
.m23 .merit .new .conwrap2 {padding:50px 0 100px; max-width:1200px; margin:0 auto;}
.m23 .merit .new .table {margin-bottom:55px;}
.m23 .merit .new .table .img {display:table-cell; vertical-align:middle; width:510px;}
.m23 .merit .new .table .txt {display:table-cell; vertical-align:middle; padding-left:90px;}
.m23 .merit .new .table .txt h4 {
	font-size:40px; font-weight:500; letter-spacing:-0.3px;
	color:#151515; word-break:keep-all;
	}
.m23 .merit .new .table .txt h4:after {
	content:""; display:block; width:60px; height:3px;
	background:#9D8661; margin:25px 0 35px;
	}
.m23 .merit .new .table .txt ul li {margin-bottom:15px; display:table; width:100%;}
.m23 .merit .new .table .txt ul li span {
	font-size:17px; letter-spacing:-0.15px; 
	display:table-cell; vertical-align:top;
	}
.m23 .merit .new .table .txt ul li .tit {color:#151515; width:130px;}
.m23 .merit .new .table .txt ul li .con {color:#777777;}
.m23 .merit .new table {width:100%; border-top:1px solid #555555;}
.m23 .merit .new table tr th {
	background:#f1f1f1; width:310px; text-align:left;
	padding-left:30px; font-size:18px; letter-spacing:-0.25px;
	line-height:28px; color:#222222; border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf; padding:25px 30px;
	}
.m23 .merit .new table tr td {padding:25px 30px; border-bottom:1px solid #dfdfdf; background:#ffffff;}
.m23 .merit .new table tr td .tit {
	font-weight:600; font-size:16px; letter-spacing:-0.25px; line-height:28px;
	}
.m23 .merit .new table tr td p {
	font-size:16px; letter-spacing:-0.25px; line-height:28px;
	color:#777777;
	}
.m23 .merit .new .dot li {
	font-size:16px; letter-spacing:-0.25px; line-height:28px;
	color:#777777; position:relative; padding-left:12px;
	}
.m23 .merit .new .dot li:before {
	content:""; display:inline-block;
	width:5px; height:2px; background:#9D8661;
	position:absolute; top:14px; left:0;
	}
/* // 181219 - merit 컨텐츠 추가 */

.m23 .merit .conwrap{max-width:1400px;padding: 65px 0;text-align:center;}
.m23 .merit ul{
}
.m23 .merit .graph li{position:relative;box-sizing:border-box;width:470px;padding:15px 0;}
.m23 .merit .graph li .num{font-family: 'Montserrat';font-size:24px;color:#666;font-weight:600;}
.m23 .merit .graph li p{font-size:17px;color:#666;}

.m23 .merit .graph li:nth-child(1){
	text-align:right;
	padding-right:75px;
	position:absolute;right:50%;top:62px;
	margin-right:165px;
}
.m23 .merit .graph li:nth-child(1):before{
	display:block;
	content:"";
	width:70px;height:1px;
	background:#8fd6d3;
	position:absolute;left:100%;bottom:0;
	transform:rotate(45deg);
	margin:0 0 -24px -10px;
}
.m23 .merit .graph li:nth-child(1):after{
	display:block;
	content:"";
	width:100%;height:1px;
	background:#8fd6d3;
	position:absolute;right:0;bottom:0;
}

.m23 .merit .graph li:nth-child(2){
	text-align:left;
	padding-left:75px;
	position:absolute;left:50%;top:62px;
	margin-left:165px;
}
.m23 .merit .graph li:nth-child(2):before{
	display:block;
	content:"";
	width:70px;height:1px;
	background:#5ec2bf;
	position:absolute;right:100%;bottom:0;
	transform:rotate(-45deg);
	margin:0 -10px -24px 0;
}
.m23 .merit .graph li:nth-child(2):after{
	display:block;
	content:"";
	width:100%;height:1px;
	background:#5ec2bf;
	position:absolute;left:0;bottom:0;
}

.m23 .merit .graph li:nth-child(3){
	text-align:right;
	padding-right:75px;
	position:absolute;right:50%;top:553px;
	margin-right:165px;
}
.m23 .merit .graph li:nth-child(3):before{
	display:block;
	content:"";
	width:70px;height:1px;
	background:#8fd6d3;
	position:absolute;left:100%;bottom:0;
	transform:rotate(-45deg);
	margin:0 0 24px -10px;
}
.m23 .merit .graph li:nth-child(3):after{
	display:block;
	content:"";
	width:100%;height:1px;
	background:#8fd6d3;
	position:absolute;right:0;bottom:0;
}

.m23 .merit .graph li:nth-child(4){
	text-align:left;
	padding-left:75px;
	position:absolute;left:50%;top:555px;
	margin-left:165px;
}
.m23 .merit .graph li:nth-child(4):before{
	display:block;
	content:"";
	width:70px;height:1px;
	background:#5ec2bf;
	position:absolute;right:100%;bottom:0;
	transform:rotate(45deg);
	margin:0 -10px 24px 0;
}
.m23 .merit .graph li:nth-child(4):after{
	display:block;
	content:"";
	width:100%;height:1px;
	background:#5ec2bf;
	position:absolute;left:0;bottom:0;
}







.m23 .instagram{padding:100px 0;}
.m23 .instagram .conwrap{text-align:center;}
.m23 .instagram h4{margin-bottom:30px;font-family: 'Montserrat';font-size:26px;color:#333;font-weight:500;}
.m23 .instagram ul{}
.m23 .instagram ul li{
	float:left;
	position:relative;
	width:232px;height:232px;
	margin:0 10px 10px 0;
}
.m23 .instagram ul li:nth-child(5n){margin-right:0;}



.m23 .prod_list_wrap{width: ;}
.m23 .prod_list_wrap .list{display: flex;flex-wrap: wrap;align-items: center;}
.m23 .prod_list_wrap .list + .list{margin-top: 70px;}
.m23 .prod_list_wrap .img_g{width: 42.5%;position: relative;overflow: hidden;background: #fff;}
.m23 .prod_list_wrap .img_g img{width: 100%;}
.m23 .prod_list_wrap .text_g{width: 57.5%;text-align: left;padding-left: 90px;box-sizing: border-box;word-break: keep-all;}
.m23 .prod_list_wrap .text_g .title_g:after{display: block;content:"";width: 60px;height: 3px;background: #9D8661;margin: 17px 0 20px 0;}
.m23 .prod_list_wrap .text_g .title{font-size: 40px;color: #151515;line-height: 1.25;letter-spacing: -1px;}
.m23 .prod_list_wrap .text_g .sub_tit{font-size: 20px;color: #151515;margin-top: 20px;}
.m23 .prod_list_wrap .text_g ul li{display: flex;flex-wrap: wrap;font-size: 17px;}
.m23 .prod_list_wrap .text_g ul li + li{margin-top: 12px;}
.m23 .prod_list_wrap .text_g ul li b:before{display: block;content: "-";position: absolute;top: 0;left: 0;font-weight: 600;color: rgba(0,0,0,0.6);}
.m23 .prod_list_wrap .text_g ul li b{position: relative;width: 140px;color: #151515;font-weight: 400;padding-left: 12px;box-sizing: border-box;}
.m23 .prod_list_wrap .text_g ul li p{width: calc(100% - 140px);margin: 0;color: #777777;letter-spacing: -1px;font-weight: 400;word-break: keep-all;line-height: 1.6;}
.m23 .tab_con .conwrap{max-width: 1200px;}
.m23 .wellage_intro .tab_con0{background: url('../images/page/wellage_bg.jpg')no-repeat center/cover;}
.m23 .wellage_intro .tab_con0 .conwrap{padding:225px 0;}
.m23 .wellage_intro .tab_con0 .list_wrap{display: flex;flex-wrap: wrap;}
.m23 .wellage_intro .tab_con0 .list_wrap li{width: 50%;color: #fff;text-align: left;}
.m23 .wellage_intro .tab_con0 .list_wrap li:nth-child(even){text-align: right;}
.m23 .wellage_intro .tab_con0 .list_wrap li:nth-child(n+3){margin-top: 250px;}
.m23 .wellage_intro .tab_con0 .list_wrap li .number{color: #fff;font-family: 'Montserrat';font-size: 25px;font-weight: 600;line-height: 1em;margin-bottom: 7px;}
.m23 .wellage_intro .tab_con0 .list_wrap li .title{color: #fff;font-size: 18px;font-weight: 300;line-height: 1.6;}
.m23 .wellage_intro .tab_con0 .list_wrap li .number{opacity:0; transform:translateY(30px);}
.m23 .wellage_intro .tab_con0 .list_wrap li.in-view .number{opacity:1;transform:translateY(0px); transition:0.9s;}
.m23 .wellage_intro .tab_con0 .list_wrap li .title{opacity:0; transform:translateY(30px);}
.m23 .wellage_intro .tab_con0 .list_wrap li.in-view .title{opacity:1;transform:translateY(0px); transition:0.9s 0.1s;}
.m23 .pr4_intro .tab_con0{background: url('../images/page/pr4_bg.jpg')no-repeat center/cover;}
.m23 .pr4_intro .tab_con0 .conwrap{padding: 195px 0 160px 0;}
.m23 .pr4_intro .tab_con0 .list_wrap{display: flex;flex-wrap: wrap;}
.m23 .pr4_intro .tab_con0 .list_wrap li{position: relative;width: calc(25% - 82.5px);text-align: center;}
.m23 .pr4_intro .tab_con0 .list_wrap li + li{margin-left: 110px;}
.m23 .pr4_intro .tab_con0 .list_wrap li + li:before{display: block;content:"";background: url('../images/page/pr4_plus.png')no-repeat top left;width: 20px;height: 20px;position: absolute;top: 50%;left: -65px;margin-top: -35px;}
.m23 .pr4_intro .tab_con0 .list_wrap .tit{width: 210px;height: 210px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;border: 2px solid #fff;border-radius: 50%;box-sizing: border-box;margin: 0 auto;font-family: 'Montserrat';font-size: 25px;font-weight: 600;color: #fff;line-height: 1em;}
.m23 .pr4_intro .tab_con0 .list_wrap .sub_tit{font-size: 18px;color: #fff;letter-spacing: -0.5px;margin-top: 20px;}

.m23 .pr4_intro .tab_con0 .list_wrap li{opacity:0; transform:translateY(30px);}
.m23 .pr4_intro .tab_con0 .list_wrap.in-view li{opacity:1;transform:translateY(0px)}
.m23 .pr4_intro .tab_con0 .list_wrap.in-view li:nth-child(1){transition:1s;}
.m23 .pr4_intro .tab_con0 .list_wrap.in-view li:nth-child(2){transition:1s 0.2s;}
.m23 .pr4_intro .tab_con0 .list_wrap.in-view li:nth-child(3){transition:1s 0.4s;}
.m23 .pr4_intro .tab_con0 .list_wrap.in-view li:nth-child(4){transition:1s 0.6s;}
.m23 .pr4_intro .tab_con0 .txt2{font-size: 30px;margin-top: 100px;color: #fff;font-weight: 300;line-height: 1.4;}

/* m31 */
.m31{}
.m31 .pagetitle2{font-family:"Noto Sans KR";font-weight:500;}
.m31 .section1{padding:55px 0;}
.m31 .section1 .lists{
	position:relative;
	margin:20px 0 0;
	padding-top:125px;
}
.m31 .section1 .lists h5{
	box-sizing:border-box;
	width:423px;height:437px;
	margin:0 auto 270px;
	padding-top:186px;
	background:url(../images/page/m31_section1_title_bg.gif) no-repeat;
	text-align:center;
	font-size:32px;color:#3a3a3a;
}
.m31 .section1 .lists dl{position:relative;position:absolute;}
.m31 .section1 .lists dl:nth-child(1){left:0;top:0;width:100%;text-align:center;}
.m31 .section1 .lists dl:nth-child(2){left:50%;top:265px;margin:0 0 0 260px;text-align:left;}
.m31 .section1 .lists dl:nth-child(3){left:50%;top:540px;margin:0 0 0 160px;text-align:left;}
.m31 .section1 .lists dl:nth-child(4){right:50%;top:540px;margin:0 170px 0 0;text-align:right;}
.m31 .section1 .lists dl:nth-child(5){right:50%;top:265px;margin:0 260px 0 0;text-align:right;}
.m31 .section1 .lists dl:before{
	display:block;
	content:"";
	width:9px;height:9px;
	background:#9D8661;
	border-radius:50%;
	box-shadow:0 5px 10px rgba(0,0,0,0.1);
	position:absolute;
}
.m31 .section1 .lists dl dt{margin-bottom:5px;font-size:20px;color:#151515;}
.m31 .section1 .lists dl dd{font-size:16px;color:#777;}
.m31 .section1 .lists dl:nth-child(1):before{left:50%;top:100%;margin:25px 0 0 -4px;}
.m31 .section1 .lists dl:nth-child(2):before{left:-40px;top:10px;}
.m31 .section1 .lists dl:nth-child(3):before{left:-40px;top:10px;}
.m31 .section1 .lists dl:nth-child(4):before{right:-40px;top:10px;}
.m31 .section1 .lists dl:nth-child(5):before{right:-40px;top:10px;}



.m31 .section2{
	padding:90px 0;
	background:url(../images/page/bg_dot1.gif) repeat;
}


.m31 .section2 .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width:60px;
    height:60px;
    margin:-30px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
	text-indent:-9999px;
    opacity: 0;
    cursor: pointer;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.m31 .section2 .flexslider:hover .flex-direction-nav .flex-prev{
	left:0;
	opacity:1;
	background:url(../images/page/m31_prev.png) no-repeat;	
}
.m31 .section2 .flexslider:hover .flex-direction-nav .flex-next{
	right:0;
	opacity:1;
	background:url(../images/page/m31_next.png) no-repeat;
}

#carousel .flex-viewport{width:1000px;margin:0 auto;}
#carousel ul li{position:relative;}
#carousel ul li:after{
	position:absolute;left:0;top:0;
	display:block;
	content:"";
	width:100%;height:100%;
	box-sizing:border-box;
	background:rgba(0,0,0,0.5);	
	cursor:pointer;
}
#carousel ul li.flex-active-slide{}
#carousel ul li.flex-active-slide:after{
	position:absolute;left:0;top:0;
	display:block;
	content:"";
	width:100%;height:100%;
	box-sizing:border-box;
	background:0;
	border:5px solid #9D8661;
}
.m31 .section2 #carousel .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width:18px;
    height:35px;
    margin:-57px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
	text-indent:-9999px;
    opacity: 0;
    cursor: pointer;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.m31 .section2 #carousel.flexslider:hover .flex-direction-nav .flex-prev{
	left:0;
	opacity:1;
	background:url(../images/page/m31_prev2.png) no-repeat;	
}
.m31 .section2 #carousel.flexslider:hover .flex-direction-nav .flex-next{
	right:0;
	opacity:1;
	background:url(../images/page/m31_next2.png) no-repeat;
}


.m31 .section3{padding:90px 0 150px;text-align:center;}
.m31 .section3 .organization{
	max-width:1200px;
	width:100%;height:585px;
	position:relative;
	margin:0 auto;
}
.m31 .section3 .organization .main{
	display:table;
	box-sizing:border-box;
	position:relative;
	position:absolute;left:30px;top:175px;
	width:218px;height:218px;
	background:url(../images/page/m31_section3_bg1.png) no-repeat;
}
.m31 .section3 .organization .main .name{
	padding-top:30px;
	background:url(../images/page/m31_section3_logo.png) no-repeat center top;
	font-size:22px;color:#fff;
}
.m31 .section3 .organization .main .rounds{width:100%;height:100%;position:absolute;left:0;top:0;}
.m31 .section3 .organization .main .rounds&gt;div{	
	border-radius:50%;
	border:1px solid #d8deee;
	position:absolute;
	animation:rani 3s linear infinite alternate;
}
.m31 .section3 .organization .main .rounds&gt;div:nth-child(1){width:110%;height:110%;left:-5%;top:-5%;}
.m31 .section3 .organization .main .rounds&gt;div:nth-child(2){width:105%;height:105%;left:-3%;top:-2%;}
.m31 .section3 .organization .main .rounds&gt;div:nth-child(3){width:105%;height:105%;left:-2%;top:-2%;}
.m31 .section3 .organization .main .rounds&gt;div:nth-child(4){width:105%;height:105%;left:-4%;top:-4%;}
.m31 .section3 .organization .main .rounds&gt;div:nth-child(5){width:105%;height:105%;left:-2%;top:-3%;}
@keyframes rani{
	0%{transform:rotateZ(0) scale(1) }
	50%{transform:scale(1.02)}
	100%{transform:rotateZ(360deg) scale(1)}
}
.m31 .section3 .organization .division{}
.m31 .section3 .organization .division .team{
	display:table;
	position:relative;
	position:absolute;
	box-sizing:border-box;
	width:170px;height:170px;
	border-radius:50%;
	padding:5px;
	background:#9D8661;
}
.m31 .section3 .organization .division .team:nth-child(1){left:50%;top:200px;margin-left:-160px;}
.m31 .section3 .organization .division .team:nth-child(2){left:50%;top:0;margin-left:50px;}
.m31 .section3 .organization .division .team:nth-child(3){left:50%;top:400px;margin-left:50px;}
.m31 .section3 .organization .division .team:nth-child(4){left:50%;top:200px;margin-left:280px;}

.m31 .section3 .organization .division .team .align{
	border:1px solid rgba(255,255,255,0.5);
	border-radius:50%;
}
.m31 .section3 .organization .division .team .name{font-size:18px;color:#fff;padding-top:55px;}
.m31 .section3 .organization .division .team:nth-child(1) .name{
	background:url(../images/page/m31_section3_ico1.png) no-repeat center top;
}
.m31 .section3 .organization .division .team:nth-child(2) .name{
	background:url(../images/page/m31_section3_ico2.png) no-repeat center top;
}
.m31 .section3 .organization .division .team:nth-child(3) .name{
	background:url(../images/page/m31_section3_ico3.png) no-repeat center top;
}
.m31 .section3 .organization .division .team:nth-child(4) .name{
	background:url(../images/page/m31_section3_ico4.png) no-repeat center top;
}
.m31 .section3 .organization .division .team ul{
	position:absolute;left:100%;top:50%;
	width:200px;
	margin-left:30px;
	text-align:left;
}
.m31 .section3 .organization .division .team ul li{font-size:16px;color:#333;margin:10px 0;}
.m31 .section3 .organization .line1{
	width:800px;height:1px;
	background:#ddd;
	position:absolute;left:100%;top:50%;
}
.m31 .section3 .organization .line2{
	width:1px;height:300px;
	background:#ddd;
	position:absolute;left:50%;top:50%;
	transform:translateY(-50%);
	margin:0 0 0 135px;
}
.m31 .section3 .organization .line3{
	width:1px;height:250px;
	background:#ddd;
	position:absolute;left:50%;top:50%;
	transform:rotate(45deg);
	margin:-190px 0 0 0;
}
.m31 .section3 .organization .line4{
	width:1px;height:250px;
	background:#ddd;
	position:absolute;left:50%;top:50%;
	transform:rotate(-45deg);
	margin:-55px 0 0 0;
}
.m31 .section3 .organization .line5{
	width:1px;height:250px;
	background:#ddd;
	position:absolute;left:50%;top:50%;
	transform:rotate(-45deg);
	margin:-190px 0 0 280px;
}
.m31 .section3 .organization .line6{
	width:1px;height:250px;
	background:#ddd;
	position:absolute;left:50%;top:50%;
	transform:rotate(45deg);
	margin:-50px 0 0 280px;
}




/* m32 */
.m32{}
.m32 .section1{
	height:450px;
	background:url(../images/page/m32_section1_bg.jpg) no-repeat;
}
.m32 .section1 .textbox{
	position:relative;
	left:0;top:128px;
	box-sizing:border-box;
	width:600px;height:370px;
	background:#9D8661;
}
.m32 .section1 .textbox .borderline{
	position:relative;
	box-sizing:border-box;
	width:100%;height:100%;
	display:table;
	padding:0 68px;
	text-align:left;
}
.m32 .section1 .textbox .borderline:before{
	display:block;
	content:"";
	width:100%;height:1px;
	background:#b3e7fa;
	position:absolute;left:20px;top:20px;
}
.m32 .section1 .textbox .borderline:after{
	display:block;
	content:"";
	width:1px;height:100%;
	background:#9D8661;
	position:absolute;right:-20px;top:20px;z-index:10;
}
.m32 .section1 .textbox .borderline .txtwrap{
	display:table-cell;
	vertical-align:middle;
	position:relative;
}
.m32 .section1 .textbox&gt;div{position:relative;width:100%;height:100%;}
.m32 .section1 .textbox&gt;div:before{
	display:block;
	content:"";
	width:100%;height:1px;
	background:#b3e7fa;
	position:absolute;right:-20px;bottom:-20px;
}
.m32 .section1 .textbox&gt;div:after{
	display:block;
	content:"";
	width:1px;height:100%;
	background:#b3e7fa;
	position:absolute;left:20px;bottom:-20px;z-index:10;
}


.m32 .section1 .textbox .borderline .txtwrap p{font-size:26px;color:#fff}
.m32 .section1 .textbox .borderline .txtwrap p:nth-child(1){
	font-family: 'Montserrat';
	font-size:28px;
	font-weight:500;
}
.m32 .section1 .textbox .borderline .txtwrap p:nth-child(2){}


.m32 .section2{
	padding:180px 0;
}
.m32 .section2 .step{
	background:url(../images/page/m32_section2_bg1.png) no-repeat center 30px;
}
.m32 .section2 ul{
	margin-bottom:55px;	
	text-align:center;
}
.m32 .section2 ul li{
	display:inline-block;
	vertical-align:top;
	width:230px;
	margin:0;
}
.m32 .section2 ul li .step{
	margin-bottom:15px;
	font-family: 'Montserrat';
	font-size:14px;color:#9D8661;
	font-weight:600;
}
.m32 .section2 ul li .sbj{
	box-sizing:border-box;
	height:214px;
}
.m32 .section2 ul li .sbj h4{font-size:26px;line-height:140%;color:#2e2e2e;}
.m32 .section2 ul li .sbj .ico{height:48px;margin:85px 0 10px;}
.m32 .section2 ul li p{font-size:16px;color:#777;}
.m32 .section2 .pcv{width:100%;border-top:2px solid #555;background:#fafafa;}
.m32 .section2 .pcv th{
	width:11.111%;height:55px;
	padding:0 10px;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	font-size:16px;color:#222;
	word-break:keep-all;
}
.m32 .section2 .pcv td{
	position:relative;
	height:55px;
	border-bottom:1px solid #ddd;
	font-size:16px;color:#222;
}
.m32 .section2 .pcv .nobr{border-right:0;}
.m32 .section2 .pcv .gage_wrap{position:relative;width:100%;height:100%;}
.m32 .section2 .pcv .gage_wrap .gage{
	position:absolute;left:0;top:50%;
	height:7px;
	margin-top:-3px;
	background: linear-gradient(to right, #d1e1f4 ,#59cbef ,#3551a2);
}
.m32 .section2 .pcv .gage_wrap .gage.g1{width:100%}
.m32 .section2 .pcv .gage_wrap .gage.g2{width:100%}
.m32 .section2 .pcv .gage_wrap .gage.g3{width:100%}
.m32 .section2 .pcv .gage_wrap .gage.g4{width:100%}
.m32 .section2 .pcv .gage_wrap .gage.g5{width:50%}
.m32 .section2 .pcv .gage_wrap .gage.g6{width:16.666%}
.m32 .section2 .pcv .gage_wrap .gage.g7{width:50%}
.m32 .section2 .pcv .gage_wrap .gage.g8{width:16.666%}
.m32 .section2 .pcv .gage_wrap .gage.g9{width:50%}
.m32 .section2 .pcv .gage_wrap .gage.g10{width:100%}
.m32 .section2 .pcv .gage_wrap .gage.g11{width:100%}
.m32 .section2 .pcv .gage_wrap .gage.g12{width:50%}
.m32 .section2 .pcv .gage_wrap .line{
	float:left;
	width:16.666%;height:100%;
	box-sizing:border-box;
	border-right:1px solid #ddd;
}
.m32 .section2 .pcv .gage_wrap .line:last-child{border-right:0;}
.m32 .section2 .mbv{display:none;}





/* m33 */
.m33{}
.m33 .section1{padding:0 0 150px;}
.m33 .section1 table{width:100%;border-top:2px solid #555;}
.m33 .section1 table th{
	padding:15px;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	background:#fafafa;
	text-align:center;
	font-size:16px;color:#222;
}
.m33 .section1 table td{
	padding:15px;
	font-size:15px;color:#777;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}
.m33 .section1 table .nobr{border-right:0;}
.m33 .section1 table .tc{text-align:center;}

/*m34*/
.m34 .pagetitle1{font-size:40px;}
.m34 .conwrap{width: 93%;}
.m34 .slg1{font-size:30px;}
.m34 .section .list_wrap li img{max-width:100%;}
.m34 .sec1{padding: 130px 0 150px;}
.m34 .sec1 .list_wrap{display:flex; flex-wrap:wrap; text-align:center;}
.m34 .sec1 .list_wrap li{width:25%;}
.m34 .sec1 .list_wrap li figure,.m34 .sec1 .list_wrap li img{display: block;max-width: 100%; margin:0 auto;}
.m34 .sec1 .list_wrap.list2{align-items:center;}
.m34 .sec1 .list_wrap.list1{padding-bottom: 45px;margin-bottom: 40px;border-bottom: 1px solid #d2d2d2;}
.m34 .sec1 .list_wrap.list1 figure{height: 88px;}
.m34 .sec1 .list_wrap.list1 .title{font-size: 20px;color: #1b1b1b;font-weight: 500;margin-top: 40px;}
.m34 .sec2{background: url(../images/page/bg_dot1.gif) repeat;padding: 90px 0;}
.m34 .sec2 .slg1:before{display: block;content:"";width: 40px;height: 1px;background: #000;margin: 0 auto 22px;}
.m34 .sec3{padding: 125px 0 150px;text-align: center;}
.m34 .sec3 .sec_title{font-family: 'Montserrat';font-size: 40px;color: #2b2b2b;letter-spacing: -1px;}
.m34 .sec3 .slg1_btm{font-size:18px;}
.m34 .sec3 .count_list{display: flex;flex-wrap: wrap;justify-content: center;margin: 80px auto 70px;}
.m34 .sec3 .count_list li{padding: 30px 40px 10px 40px;width: 340px;box-sizing: border-box;}
.m34 .sec3 .count_list li:nth-child(2){width: 300px;}
.m34 .sec3 .count_list li + li{border-left: 1px solid #d9d9d9;}
.m34 .sec3 .count_list .num{font-size: 26px;color: #9D8661;font-weight: 500;margin-bottom: 20px;}
.m34 .sec3 .count_list .num span{font-size: 94px;font-family: 'Montserrat',sans-serif;font-weight: 700;letter-spacing: -1px;margin-right: 5px;line-height: 1em;}
.m34 .sec3 .count_list .txt{font-size: 24px;color: #444;line-height: 1.4;}
.m34 .sec3 .email_g{font-size: 18px;}
.m34 .sec3 .email_g a{color: #9D8661;font-size: 18px;vertical-align: top;display: inline-block;vertical-align: top;}
.m34 .sec3 .list_wrap{margin-top: 75px;display: flex;flex-wrap: wrap;}
.m34 .sec3 .list_wrap li{width: calc(25% - 15px);margin-right: 20px;}
.m34 .sec3 .list_wrap li:nth-child(4n){margin-right: 0;}
.m34 .sec3 .list_wrap li:nth-child(n+5){margin-top: 20px;}


/* m41 */
.m41{padding-bottom:150px;}
.m41 .tabs{margin-bottom:90px;text-align:center;}
.m41 .tabs ul{}
.m41 .tabs ul li{
	display:inline-block;
	box-sizing:border-box;
	width:196px;height:55px;
}
.m41 .tabs ul li a{
	display:block;
	box-sizing:border-box;
	width:100%;height:100%;
	text-align:center;line-height:53px;
	font-size:16px;color:#737373;
	border:1px solid #ddd;
}
.m41 .tabs ul li.on a{
	border:1px solid #9D8661;
	background:#9D8661;
	color:#fff;
}
.m41 .tabcon{}
.m41 .tabcon:nth-child(1) iframe{width:100%;height:1100px;}
.m41 .tabcon:nth-child(2) iframe{width:100%;height:1200px;}
.m41 .tabcon:nth-child(3) iframe{width:100%;height:1200px;}
.m41 .tabcon:nth-child(4) iframe{width:100%;height:800px;}
.m41 .tabcon:nth-child(5) iframe{width:100%;height:1300px;}

.m43 .tabcon:nth-child(1) iframe{width:100%;height:1200px;}
.m43 .tabcon:nth-child(2) iframe{width:100%;height:1200px;}
.m43 .tabcon:nth-child(3) iframe{width:100%;height:1200px;}


.m46 *{box-sizing:border-box;}
.m46.bbs_basic .tabs{margin-bottom:0;}
.m46 .sec_title_g{font-size: 26px;color: #2b2b2b;margin: 50px auto 60px;font-weight: 500;text-align: center;}
.m46 .download{width: 100%;padding: 20px 75px;border: 1px solid #ececec;background: #f8f8f8;display: flex;flex-wrap: wrap;align-items: center;margin: 30px 0 110px;}
.m46 .download .txt1{width: calc(100% - 150px);font-size: 14px;color: #898989;line-height: 1.7;font-weight: 300;padding-right: 30px;}
.m46 .download a{width: 150px;height: 40px;background: #fff;border: 1px solid #cecece;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;font-size: 14px;}
.m46 .download a:after{display: block;content:"";width:15px;height:16px;background: url('../images/page/download_icon.png')no-repeat center;margin-left: 10px;}
.m46 .section1{padding-bottom:160px;}
.m46 .list_wrap	{width: ;}
.m46 .list_wrap .list{width: ;}
.m46 .list_wrap .list + .list{margin-top: 135px;}
.m46 .list_wrap .list .title{font-size: 24px;color: #2b2b2b;font-weight: 600;padding-left: 30px;margin-bottom: 18px;line-height: 1.5;}
.m46 .table{width: 100%;overflow-x: auto;}
.m46.bbs_basic table{width: 1200px;margin: 0 auto;}
.m46 table tr{width: ;}
.m46 table tr &gt; *{font-size: 17px !important;}
.m46 table tr &gt; * + *{border-left: 1px solid #ddd;}
.m46 table th{}
.m46.bbs_basic table td{color: #787878;padding: 17px 40px;word-break: keep-all;}
.m46 table ul{text-align: left;padding: 10px 0;}
.m46 table ul li{position:relative; width: ;}
.m46 table.type2 ul li:before{display: block; content:"-"; position:absolute;top:0; left: 0;}
.m46 table.type2 ul li{padding-left: 10px;}
.m46 table ul li + li{margin-top: 10px;}
.m46 table.type1 tr &gt; *:first-child{color: #222222;}

/* bbs */
.bbs{padding:0 0 150px;}
.bbs_search{
	overflow:hidden;
	margin-bottom:13px;
}
.bbs_search .searchwrap{
	overflow:hidden;
	float:right;
	width:382px;height:50px;
	border:1px solid #ddd;
}
.bbs_search .searchwrap select{
	float:left;
	width:80px;height:50px;
	padding:0 0 0 15px;
	border:0;
}
.bbs_search .searchwrap .ipt{
	float:left;
	box-sizing:border-box;
	width:238px;height:48px;
	padding:0 15px;
	border:0;outline:0;
}
.bbs_search .searchwrap button{
	float:right;
	width:64px;height:48px;
	background:0;
	border:0;
}
.pagetitle_btm{margin-bottom:60px;font-size:27px;color:#222;text-align:center;}

.bbs_st1{}
.bbs_st1 ul{overflow:hidden;}
.bbs_st1 ul li{
	float:left;
	position:relative;
	box-sizing:border-box;
	width:384px;height:420px;
	padding:36px;
	margin:0 24px 44px 0;
	border:1px solid #ddd;
	transition:all 0.4s;
}
.bbs_st1 ul li:nth-child(3n){margin-right:0;}
.bbs_st1 ul li .sbj{font-size:20px;color:#0d0d0d;word-break:keep-all;}
.bbs_st1 ul li .imgarea{margin:15px 0 20px;}
.bbs_st1 ul li .imgarea img{}
.bbs_st1 ul li p{font-size:15px;color:#666;word-break:keep-all;}
.bbs_st1 ul li .date{margin-top:15px;font-size:15px;color:#666}
.bbs_st1 ul li .plus{
	position:relative;
	position:absolute;right:-1px;bottom:-1px;
	box-sizing:border-box;
	width:54px;height:54px;
	border:1px solid #9D8661;
	transition:all 0.4s;
}
.bbs_st1 ul li .plus:before{
	display:block;
	content:"";
	width:23px;height:1px;
	background:#9D8661;
	position:absolute;left:50%;top:50%;
	margin:0 0 0 -12px;
}
.bbs_st1 ul li .plus:after{
	display:block;
	content:"";
	width:1px;height:23px;
	background:#9D8661;
	position:absolute;left:50%;top:50%;
	margin:-11px 0 0 0;
}


.bbs_st1 ul li:hover{border:1px solid #9D8661;transition:all 0.4s;}
.bbs_st1 ul li:hover .plus{
	background:#9D8661;
	transition:all 0.4s;
}
.bbs_st1 ul li:hover .plus:before{
	background:#fff;
	transition:all 0.4s;
}
.bbs_st1 ul li:hover .plus:after{
	background:#fff;
	transition:all 0.4s;
}


.bbs_basic .tabs{margin-bottom:90px;text-align:center;}
.bbs_basic .tabs ul li{
	display:inline-block;
	box-sizing:border-box;
	width:196px;height:55px;
}
.bbs_basic .tabs ul li a{
	display:block;
	box-sizing:border-box;
	width:100%;height:100%;
	text-align:center;line-height:53px;
	font-size:16px;color:#737373;
	border:1px solid #ddd;
}
.bbs_basic .tabs ul li.on a{
	border:1px solid #9D8661;
	background:#9D8661;
	color:#fff;
}
.bbs_basic .list_wrap.type1 *{box-sizing:border-box;}
.bbs_basic .list_wrap.type1{display: flex;flex-wrap: wrap;}
.bbs_basic .list_wrap.type1 li{width: calc(33.3333333% - 73.33333333333333px);margin-right: 110px;text-align: center;}
.bbs_basic .list_wrap.type1 li:nth-child(3n){margin-right: 0;}
.bbs_basic .list_wrap.type1 li:nth-child(n+4){margin-top: 50px;}
.bbs_basic .list_wrap.type1 .img{border: 1px solid #e2e2e2;height: 420px;width: 100%;}
.bbs_basic .list_wrap.type1 .con_g{padding-top: 21px;}
.bbs_basic .list_wrap.type1 .title{font-size: 20px;color: #444;height: 29px;overflow: hidden;}
.bbs_basic .list_wrap.type1 .title .e_{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;margin: 0;}
.bbs_basic .list_wrap.type1 .download{margin-top: 25px;display: flex;flex-wrap: wrap;justify-content: center;}
.bbs_basic .list_wrap.type1 .download a{width: 49%;height: 52px;line-height: 52px;font-size: 17px;color: #00b0f0;border: 1px solid #00b0f0;}
.bbs_basic .list_wrap.type1 .download a.kor{background: #00b0f0;color: #fff;}
.bbs_basic .list_wrap.type1 .download a + a{margin-left: 2%;}



/* bbs_view */
.bbs_view{}
.bbs_view table{width:100%;border-top:2px solid #555;}
.bbs_view table th{
	padding:15px;
	font-size:15px;color:#888;
	text-align:center;
	border-bottom:1px solid #ddd;
}
.bbs_view table th .sbj{padding:5px 0;font-size:18px;color:#444;}
.bbs_view table th .date{font-weight:400;}
.bbs_view table td{border-bottom:1px solid #ddd;}
.bbs_view table td.file{overflow:hidden;font-size:15px;padding:15px 0;}
.bbs_view table td.file .tit{float:left;width:100px;text-align:center;color:#444;}
.bbs_view table td.file .attachment{float:left;calc(100% - 100px);box-sizing:border-box;padding:0 25px;}
.bbs_view table td.file .attachment a{
	display:inline-block;
	padding-right:25px;
	background:url(../images/page/ico_down.gif) no-repeat right center;
}
.bbs_view table td.viewcon{padding:40px 15px;font-size:15px;color:#888;}
.bbs_view table td.viewcon img{max-width:100%;}

.bbs_view table.view_paging{border-top:0;}
.bbs_view table.view_paging th{width:100px;color:#444;}
.bbs_view table.view_paging td{text-align:left;}

.btns{margin:40px 0;text-align:center;}
.btns a{
	display:inline-block;
	box-sizing:border-box;
	width:190px;height:48px;
	background:#9D8661;
	font-size:17px;color:#fff;
	text-align:center;line-height:48px;
}





.bbs_st2{}
.bbs_st2 ul{overflow:hidden;}
.bbs_st2 ul li{
	float:left;
	position:relative;
	box-sizing:border-box;
	width:364px;
	margin:0 54px 44px 0;
	transition:all 0.4s;
	text-align:center;
}
.bbs_st2 ul li:nth-child(3n){margin-right:0;}
.bbs_st2 ul li .list_wrap{
	position:relative;
	box-sizing:border-box;
	width:100%;height:420px;
	border:1px solid #ddd;
}
.bbs_st2 ul li .list_wrap img{width:100%;}
.bbs_st2 ul li .list_wrap .cate{
	margin-top:115px;
	font-family: 'Montserrat';font-size:13px;color:#666;font-weight:500;
}
.bbs_st2 ul li .list_wrap .tit1{
	margin:5px 0 50px 0;
	font-family: 'Cormorant Garamond';font-size:31px;color:#333;font-weight:600;
}
.bbs_st2 ul li p{font-size:15px;color:#666;word-break:keep-all;}
.bbs_st2 ul li .sbj{margin:15px 0 0;font-size:18px;color:#444;word-break:keep-all;}


.bbs_st2 ul li .ondiv{
	position:relative;
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:rgba(0,174,239,0.8);
	perspective:1000px;
	opacity:0;
	transition:all 0.4s;
}
.bbs_st2 ul li .plus{
	position:relative;
	position:absolute;left:50%;top:50%;
	box-sizing:border-box;
	width:76px;height:76px;
	margin:-38px 0 0 -38px;
	border:2px solid #e9f8fe;
	transform:translateZ(-200px);
	transition:all 0.4s;
}
.bbs_st2 ul li .plus:before{
	display:block;
	content:"";
	width:21px;height:2px;
	background:#fff;
	position:absolute;left:50%;top:50%;
	margin:0 0 0 -10px;
}
.bbs_st2 ul li .plus:after{
	display:block;
	content:"";
	width:2px;height:21px;
	background:#fff;
	position:absolute;left:50%;top:50%;
	margin:-10px 0 0 0;
}

.bbs_st2 ul li:hover .ondiv{
	opacity:1;
	transition:all 0.4s;
}
.bbs_st2 ul li:hover .plus{
	transform:translateZ(0);
	transition:all 0.4s;
}


/* bbs_basic */
.bbs_basic{}
.bbs_basic table{width:100%;border-top:2px solid #555;}
.bbs_basic table th{
	padding:20px 0;
	font-size:18px;color:#444;
	background:#f8f8f8;
	border-bottom:1px solid #ddd;
}
.bbs_basic table td{
	border-bottom:1px solid #ddd;
	padding:15px 0;
	font-size:16px;color:#787878;
	text-align:center;
}
.bbs_basic table .no{width: 100px;}
.bbs_basic table .date{width: 156px;}
.bbs_basic table td.sbj{text-align:left;}
.bbs_basic table td.sbj a{font-size: 16px; height: 24px; overflow:hidden; display: block;}
.bbs_basic table td.no span{line-height: 1em;width: 60px;line-height: 23px;display: inline-block;margin-right: 8px;text-align: center;border-radius:24px;background:#9D8661;color: #fff;padding:0 0 1px 0;}
.bbs_basic table .notice .sbj{display: flex;flex-wrap: wrap;}
.bbs_basic table .e_{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;margin: 0;}
.bbs_basic table .notice .sbj a{color: #333;font-weight: 500;width: calc(100% - 68px);margin-top: -1px;}





/* pop1 */
#bgblack{
	display:none;
	position:fixed;left:0;top:0;z-index:2000;
	width:100%;height:100%;
	background:rgba(0,0,0,0.5);
}
.brochure_pop{
	display:none;
	position:absolute;left:50%;top:0;z-index:3000;
	width:727px;
	box-sizing:border-box;
	margin-left:-363px;
	padding:125px 80px 50px;
	background:#fff url(../images/page/brochure_pop_bg.jpg) no-repeat;
	text-align:center;
}
.brochure_pop h3{font-size:26px;color:#111;}
.brochure_pop .exp{
	background:#e5e5e5;
	margin:25px 0 15px;
	padding:25px 0;
	font-size:15px;color:#666;line-height:200%;
}
.brochure_pop table{width:100%;}
.brochure_pop table th{
	width:135px;
	font-size:17px;color:#666;
	text-align:left;
	padding:4px 0;
}
.brochure_pop table td{
	width:calc(100% - 135px);
	padding:4px 0;
	text-align:left;
}
.brochure_pop table td .ipt{
	box-sizing:border-box;
	height:50px;
	padding:0 10px;
	border:1px solid #ddd;
	outline:0;
}
.brochure_pop table td .w1{width:45%;}
.brochure_pop table td .w2{width:100%;}
.brochure_pop table td .etc{float:left;width:10%;padding-top:12px;text-align:center;}
.brochure_pop table td select{
	float:left;
	width:45%;
	box-sizing:border-box;
	height:50px;
	padding:0 10px;
	border:1px solid #ddd;
	outline:0;
}
.brochure_pop .btns{}
.brochure_pop .btns .close{background:#c6cbcd;color:#333;}





/* m53 */
.m53{padding-bottom:150px;}
.m53 h4{font-size:32px;color:#333;font-weight:500;text-align:center;}
.m53 .area1{padding-bottom:80px;}
.m53 .area1 .txtarea{overflow:hidden;margin:50px 0 0;text-align:left;word-break:keep-all;}
.m53 .area1 .txtarea h5{
	float:left;
	width:370px;
	font-family: 'Montserrat';
	font-size:30px;color:#222;
	font-weight:600;
}
.m53 .area1 .txtarea .txts{
	float:right;
	width:calc(100% - 370px);
}
.m53 .area1 .txtarea .txts p{
	margin-bottom:30px;
	font-size:16px;color:#555;
}
.m53 .area2{
	padding:95px 0;
	background:#fafafa url(../images/page/m12_bg_dot.png) repeat;
	text-align:center;
}
.m53 .area2 .link{margin:25px 0 0;}
.m53 .area3{padding:90px 0;text-align:center;}
.m53 .area3 h5{
	margin:25px 0 20px;
	font-size:24px;color:#222;
}
.m53 .area3 .conwrap&gt;p.bot_txt {text-align:right;}
.m53 .area3 p{font-size:16px;color:#555;}
.m53 .area3 .helf_history{overflow:hidden;margin:30px 0 0;}
.m53 .area3 .helf_history&gt;div{
	float:left;
	position:relative;z-index:10;
	margin:0 10px 10px 0;
}
.m53 .area3 .helf_history&gt;div:nth-child(4),
.m53 .area3 .helf_history&gt;div:nth-child(8),
.m53 .area3 .helf_history&gt;div:nth-child(11){margin-right:0;}
.m53 .area3 .helf_history&gt;div .table{
	position:absolute;left:0;top:50%;
	transform:translateY(-50%);
}
.m53 .area3 .helf_history&gt;div .table .num{
	font-family: 'Montserrat';
	font-size:53px;color:#fff;
	font-weight:600;
	line-height:100%;
}
.m53 .area3 .helf_history&gt;div .table .sbj{font-size:18px;color:#fff;}
.m53 .area3 .helf_history&gt;div .table .sbj:before{
	display:block;
	content:"";
	width:34px;height:1px;
	margin:9px auto 10px;
	background:#fff;
}

.m53 .area3 .helf_history&gt;div:nth-child(2){
	opacity:0;
	z-index:5;
	transform:translateX(-100%);
}
.m53 .area3 .helf_history&gt;div:nth-child(5){
	opacity:0;
	z-index:5;
	transform:translateY(100%);
}
.m53 .area3 .helf_history&gt;div:nth-child(8){
	opacity:0;
	z-index:5;
	transform:translateY(-100%);
}
.m53 .area3 .helf_history&gt;div:nth-child(10){
	opacity:0;
	z-index:5;
	transform:translateX(100%);
}

.m53 .area3 .helf_history.in-view&gt;div:nth-child(2){
	opacity:1;
	transform:translateX(0%);
	transition:all 0.8s 0.8s ease;
}
.m53 .area3 .helf_history.in-view&gt;div:nth-child(5){
	opacity:1;
	transform:translateY(0%);
	transition:all 0.8s 1.2s ease;
}
.m53 .area3 .helf_history.in-view&gt;div:nth-child(8){
	opacity:1;
	transform:translateY(0%);
	transition:all 0.8s 1.6s ease;
}
.m53 .area3 .helf_history.in-view&gt;div:nth-child(10){
	opacity:1;
	transform:translateX(0%);
	transition:all 0.8s 2s ease;
}





/* m61 */
.m61{}
.m61 .section1{padding:70px 0 90px;}
.m61 .section1 ul{
	overflow:hidden;
	position:relative;
	text-align:center;
}
.m61 .section1 ul li{
	float:left;
	width:24.1%;
	margin-right:1.20%;
}
.m61 .section1 ul li:last-child{margin-right:0;}
.m61 .section1 ul li:nth-child(odd){}
.m61 .section1 ul li:nth-child(even){margin-top:65px;}
.m61 .section1 ul li .tit_eng{
	font-family: 'Montserrat';
	font-size:26px;color:#9D8661;font-weight:500;
}
.m61 .section1 ul li .ico{
	height:112px;
	margin-top:45px;
	background:url(../images/page/m61_bg1.png) no-repeat center bottom;
}
.m61 .section1 ul li .tit_kr{
	margin:10px 0 5px;
	font-size:20px;color:#444;
}
.m61 .section1 ul li p{font-size:17px;color:#777}

.m61 .section2{
	padding:70px 0 150px;
	background:url(../images/page/bg_dot1.gif) repeat;
}
.m61 .section2 ol{overflow:hidden;}
.m61 .section2 ol&gt;li{
	box-sizing:border-box;
	position:relative;
	float:left;
	width:380px;height:347px;
	margin-right:30px;
	background:#fff;
	border:1px solid #9D8661;
	text-align:center;
}
.m61 .section2 ol&gt;li:last-child{margin-right:0;}
.m61 .section2 ol&gt;li .num{
	position:relative;
	position:absolute;left:30px;top:20px;
	font-family: 'Montserrat';font-size:17px;color:#9D8661;
}
.m61 .section2 ol&gt;li .num:after{
	display:block;
	content:"";
	width:30px;height:1px;
	background:#9D8661;
	transform:rotate(-45deg);
	position:absolute;right:-25px;bottom:-5px;
}
.m61 .section2 ol&gt;li .ico{
	height:51px;
	margin:70px 0 25px;
}
.m61 .section2 ol&gt;li .sbj{font-size:20px;color:#2e2e2e;}
.m61 .section2 ol&gt;li&gt;ul{width:150px;margin:20px auto 0;text-align:left;}
.m61 .section2 ol&gt;li&gt;ul&gt;li{
	position:relative;
	padding-left:14px;
	margin-bottom:5px;
	font-size:17px;color:#777;
}
.m61 .section2 ol&gt;li&gt;ul&gt;li:before{
	display:block;
	content:"";
	width:5px;height:2px;
	background:#9D8661;
	position:absolute;left:0;top:12px;
}





/* m62 */
.m62{overflow:hidden;}
.m62 .pagetitle2{font-family:"Noto Sans KR";font-weight:500;}
.m62 .section1{
	margin:50px 0 0;
	padding:70px 0 90px;
	background:url(../images/page/bg_dot1.gif) repeat;
}
.m62 .pagetitle_btm2{
	margin:-40px 0 0;
	font-size:17px;color:#666;
	text-align:center;
}

.m62 .section1 ol{overflow:hidden;}
.m62 .section1 ol&gt;li{
	overflow:hidden;
	box-sizing:border-box;
	position:relative;
	float:left;
	width:590px;height:300px;
	margin:0 20px 20px 0;
	background:#fff;
	border:1px solid #9D8661;
	text-align:center;
}
.m62 .section1 ol&gt;li:nth-child(2n){margin-right:0;}
.m62 .section1 ol&gt;li .num{
	position:relative;
	position:absolute;left:30px;top:20px;
	font-family: 'Montserrat';font-size:17px;color:#9D8661;
}
.m62 .section1 ol&gt;li .num:after{
	display:block;
	content:"";
	width:30px;height:1px;
	background:#9D8661;
	transform:rotate(-45deg);
	position:absolute;right:-25px;bottom:-5px;
}
.m62 .section1 ol&gt;li .sbjarea{
	display:table;
	float:left;
	width:45%;height:100%;
}
.m62 .section1 ol&gt;li .sbjarea .ico{height:51px;}
.m62 .section1 ol&gt;li .sbjarea .en{
	margin:15px 0 5px;
	font-family: 'Montserrat';font-size:15px;color:#333;font-weight:600;
	letter-spacing:2px;
}
.m62 .section1 ol&gt;li .sbjarea .kr{font-size:20px;color:#2e2e2e;}
.m62 .section1 ol&gt;li .con{
	display:table;
	float:left;width:55%;height:100%;text-align:left;
}
.m62 .section1 ol&gt;li ul{}
.m62 .section1 ol&gt;li ul&gt;li{
	position:relative;
	padding-left:14px;
	margin-bottom:5px;
	font-size:17px;color:#777;
}
.m62 .section1 ol&gt;li ul&gt;li:before{
	display:block;
	content:"";
	width:5px;height:2px;
	background:#9D8661;
	position:absolute;left:0;top:12px;
}


.m62 .section2{
	display:table;
	width:100%;height:500px;
	text-align:center;
}
.m62 .section2 .conwrap{
	display:table-cell;
	vertical-align:middle;	
}
.m62 .section2 .conwrap p{
	position:relative;z-index:10;
	font-size:27px;color:rgba(255,255,255,0.8);
}
.m62 .section2 .conwrap p:before{
	display:block;
	content:"";
	width:61px;height:48px;
	background:url(../images/page/m62_section2_bg1.png) no-repeat center top;
	margin:0 auto 20px;
}
.m62 .section2 .conwrap p:after{
	display:block;
	content:"";
	width:61px;height:48px;
	background:url(../images/page/m62_section2_bg2.png) no-repeat center top;
	margin:20px auto 0;
}

.m62 .section3{padding:100px 0;}





/* m63 */
.m63{}
.m63 .m63_tabs{text-align:center;}
.m63 .m63_tabs ul li{
	display:inline-block;
	box-sizing:border-box;
	width:196px;height:55px;
}
.m63 .m63_tabs ul li a{
	display:block;
	box-sizing:border-box;
	width:100%;height:100%;
	text-align:center;line-height:53px;
	font-size:16px;color:#737373;
	border:1px solid #ddd;
}
.m63 .m63_tabs ul li.on a{
	border:1px solid #9D8661;
	background:#9D8661;
	color:#fff;
}

.m63 .section1{padding:70px 0;}
.m63 .section1 .step{overflow:hidden;margin-bottom:60px;}
.m63 .section1 .step li{
	float:left;	
	padding-right:31px;
	margin-right:20px;
	background:url(../images/page/m63_section1_arr.gif) no-repeat right 66px;
	text-align:center;
}
.m63 .section1 .step li:last-child{padding:0;margin:0;background:0;}
.m63 .section1 .step li .num{
	width:154px;height:154px;
	box-sizing:border-box;
	border:2px solid #9D8661;
	border-radius:50%;
	display:table;
	font-family: 'Montserrat';font-size:15px;color:#555;font-weight:600;
	text-align:center;
}
.m63 .section1 .step li .num .ico{margin:15px 0 0;height:43px;}
.m63 .section1 .step li .sbj{margin-top:12px;font-size:17px;color:#151515;}

.m63 .recruiting_table{}
.m63 .recruiting_table table.wraptable{width:100%;border-top:2px solid #555;}
.m63 .recruiting_table .pcv{display:block;}
.m63 .recruiting_table .mbv{display:none;}
.m63 .recruiting_table table.wraptable th{
	padding:20px 0;
	background:#f8f8f8;
	border-bottom:1px solid #ddd;
	font-size:18px;color:#444;
	text-align:center;
}
.m63 .recruiting_table table .list td{
	padding:15px 0;
	border-bottom:1px solid #ddd;
	font-size:15px;color:#787878;
	text-align:center;
}

.m63 .recruiting_table table tr .no{width:120px;}
.m63 .recruiting_table table tr .cate{width:120px;}
.m63 .recruiting_table table tr .sbj{}
.m63 .recruiting_table table tr .date{width:320px;}
.m63 .recruiting_table table tr .btn{width:161px;padding:0 30px;text-align:right;}

.m63 .recruiting_table table .list td{}
.m63 .recruiting_table table td .onoff{
	display:inline-block;
	width:106px;height:36px;
	text-align:center;line-height:36px;
	font-family: 'Montserrat';font-size:16px;color:#fff;font-weight:500;
	background:#9D8661;
}
.m63 .recruiting_table table .con{display:none;}
.m63 .recruiting_table table .con td.info{
	padding:15px 15px 15px 15px;
	text-align:left;
}
.m63 .recruiting_table table .con td.info dl{line-height:200%;}
.m63 .recruiting_table table .con td.info dl dt{
	position:relative;
	font-size:16px;color:#222;font-weight:500;
	padding-left:10px;
}
.m63 .recruiting_table table .con td.info dl dt:before{
	display:block;
	content:"";
	width:5px;height:2px;
	background:#222;
	position:absolute;left:0;top:14px;
}
.m63 .recruiting_table table .con td.info dl dd{
	font-size:16px;color:#787878;
	padding-left:10px;
}
.m63 .recruiting_table table .con td.btn{width:161px;vertical-align:top;}
.m63 .recruiting_table table .con td .btn_view{
	display:block;
	margin:15px auto;
	width:161px;height:36px;
	text-align:center;line-height:36px;
	font-size:16px;color:#fff;
	background:#c6cbcd;	
}


.m63 .section2{
	padding:70px 0 150px;
}
.m63 .section2 .m63_subtabs{margin:0 0 70px;text-align:center;}
.m63 .section2 .m63_subtabs ul{position:relative;}
.m63 .section2 .m63_subtabs ul li{
	display:inline-block;
	position:relative;
	width:170px;
}
.m63 .section2 .m63_subtabs ul li:first-child:before{
	display:block;
	content:"";
	width:1px;height:13px;
	background:#555;
	position:absolute;left:0;top:8px;
}
.m63 .section2 .m63_subtabs ul li:after{
	display:block;
	content:"";
	width:1px;height:13px;
	background:#555;
	position:absolute;right:0;top:8px;
}
.m63 .section2 .m63_subtabs ul li a{
	display:block;
	font-size:18px;color:#666;
}
.m63 .section2 .m63_subtabs ul li.on a{color:#9D8661}

.m63 .faqwrap{
	overflow:hidden;
	padding:20px 0;
	margin-bottom:10px;
	border:1px solid #ddd;
}
.m63 .faqwrap.active{background:#f9f9f9;}
.m63 .faqwrap .q{overflow:hidden;cursor:pointer;}
.m63 .faqwrap .q .ico{
	float:left;
	width:102px;
	text-align:center;
}
.m63 .faqwrap .q .sbj{
	float:left;
	width:calc(100% - 102px);
	box-sizing:border-box;
	position:relative;
	font-size:18px;color:#3e3e3e;
	padding:0 40px;
	background:url(../images/page/m63_faq_arr.png) no-repeat 96% 8px;
}
.m63 .faqwrap.active .q .sbj{
	background:url(../images/page/m63_faq_arr2.png) no-repeat 96% 8px;
}
.m63 .faqwrap .q .sbj:before{
	display:block;
	content:"";
	width:1px;height:30px;
	background:#c8c8c8;
	position:absolute;left:0;top:0;
}
.m63 .faqwrap .a{
	display:none;
	padding:0 39px;
	margin-top:20px;
}
.m63 .faqwrap .a p{
	padding:30px 100px;
	border-top:1px solid #ddd;
	font-size:16px;color:#8a8a8a;
	word-break:keep-all;
}
.m63 .qna_exp{
	margin-bottom:30px;
	font-size:16px;color:#787878;
	text-align:center;
}
.m63 .qna_write{width:100%;border-top:2px solid #555;}
.m63 .qna_write th{
	box-sizing:border-box;
	vertical-align:top;
	width:195px;
	padding:15px 30px;
	border-bottom:1px solid #ddd;
	font-size:17px;color:#555;
	text-align:left;
}
.m63 .qna_write td{
	box-sizing:border-box;
	padding:10px 0;
	border-bottom:1px solid #ddd;
}
.m63 .qna_write td input{
	box-sizing:border-box;
	width:100%;height:38px;
	padding:0 10px;
	border:1px solid #ddd;
	outline:0;
}
.m63 .qna_btns{margin-top:30px;text-align:center;}
.m63 .qna_btns a{
	display:inline-block;
	width:180px;height:48px;
	text-align:center;line-height:48px;
	font-size:18px;
}
.m63 .qna_btns a.st1{background:#e5e5e5;color:#666;}
.m63 .qna_btns a.st2{background:#9D8661;color:#fff;}




/* etc , 개인정보처리방침,이메일 무단 수집거부 */
.etc{padding:0 0 100px 0;}
.etc .txtbox{
	box-sizing:border-box;
	width:100%;height:600px;
	border:1px solid #ddd;border-top:1px solid #111;
}
.etc textarea{
	box-sizing:border-box;
	width:100%;height:100%;
	resize:none;
	border:0;outline:0;
	padding:30px;
	font-size:16px;word-break:keep-all;
}
.etc .email_txtbox{
	box-sizing:border-box;
	width:100%;padding:60px 0;
	border:1px solid #ddd;border-top:1px solid #111;
	text-align:center;
}
.etc .email_txtbox p{font-size:17px;color:#333;}
.etc .email_txtbox p.date{margin-top:30px;color:#888;}




/* 서브페이지 모션작업 */
#sub_top_wrap.in-view .bg{
	overflow:hidden;
	width:100%;
	transform:scale(1) rotate(0.001deg);
	animation:visualani 2.5s ease-in-out;
}
@keyframes visualani{
	
	0%{transform:scale(1.1) rotate(0.001deg);}
	100%{transform:scale(1) rotate(0.001deg);}

}

.pagevisual h2{
	opacity:0;
	transform:translateY(-20px);
	transition:all 1.2s ease;
}
.pagevisual.in-view h2{
	opacity:1;
	transform:translateY(0px);
	transition:all 1.2s ease 1s;
}
.pagevisual p{
	opacity:0;
	transform:translateY(20px);
	transition:all 1.5s ease;
}
.pagevisual.in-view p{
	opacity:1;
	transform:translateY(0px);
	transition:all 1.5s ease 1s;
}


.m11 .section1 .conwrap {
	opacity:0;
	transition:all 0.8s;
}
.m11 .section1.in-view .conwrap {
    opacity:1;
	transition:all 0.8s ease-in-out;
}
.m11 .section1 .txtbox:before{
	width:0;
	transition:all 0.8s;
}
.m11 .section1 .txtbox:after{
	height:0;
	transition:all 1s 0.8s;
}
.m11 .section1.in-view .txtbox:before{
	width:100%;
	transition:all 0.8s;
}
.m11 .section1.in-view .txtbox:after{
	height:100%;
	transition:all 0.8s 0.8s;
}

.m11 .section1 .txtbox .txtboxwrap:before{width:0;}
.m11 .section1 .txtbox .txtboxwrap:after{height:0;}
.m11 .section1.in-view .txtbox .txtboxwrap:before{width:100%;transition:all 1s 1.6s;}
.m11 .section1.in-view .txtbox .txtboxwrap:after{height:100%;transition:all 1s 2.4s;}

.m11 .section1 .txtbox h4{opacity:0;transform:translateX(45px);transition:all 1s 0.8s;}
.m11 .section1.in-view .txtbox h4{opacity:1;transform:translateX(0px);transition:all 1s 0.8s;}


.m11 .section3 .company_info ul li{
	opacity:0;
	transform:translateX(-40px);
	transition:all 0.6s;
}
.m11 .section3 .company_info ul li dl dt{
	opacity:0;
	transform:translateX(40px);
	transition:all 0.8s;
}
.m11 .section3 .company_info ul li dl dd{
	opacity:0;
	transform:translateX(40px);
	transition:all 0.8s 0.2s;
}
.m11 .section3.in-view .company_info ul li{
	opacity:1;
	transform:translateX(0);
}
.m11 .section3.in-view .company_info ul li dl dt{
	opacity:1;
	transform:translateX(0);
}
.m11 .section3.in-view .company_info ul li dl dd{
	opacity:1;
	transform:translateX(0);
}


.m11 .section3 .company_info ul li:nth-child(1){transform:translateX(0);}

.m11 .section3.in-view .company_info ul li:nth-child(1){transition:all 0.6s ease-in-out;}
.m11 .section3.in-view .company_info ul li:nth-child(2){transition:all 0.6s 0.2s ease-in-out;}
.m11 .section3.in-view .company_info ul li:nth-child(3){transition:all 0.6s 0.5s ease-in-out;}
.m11 .section3.in-view .company_info ul li:nth-child(4){transition:all 0.6s 0.6s ease-in-out;}
.m11 .section3.in-view .company_info ul li:nth-child(5){transition:all 0.6s 0.7s ease-in-out;}
.m11 .section3.in-view .company_info ul li:nth-child(6){transition:all 0.6s 0.8s ease-in-out;}
.m11 .section3.in-view .company_info ul li:nth-child(7){transition:all 0.6s 0.9s ease-in-out;}
.m11 .section3.in-view .company_info ul li:nth-child(8){transition:all 0.6s 1.0s ease-in-out;}
.m11 .section3.in-view .company_info ul li:nth-child(9){transition:all 0.6s 1.1s ease-in-out;}
.m11 .section3.in-view .company_info ul li:nth-child(10){transition:all 0.6s 1.2s ease-in-out;}

.m11 .section3.in-view .company_info ul li:nth-child(1) dl dt{transition:all 0.6s ease-in-out;}
.m11 .section3.in-view .company_info ul li:nth-child(2) dl dt{transition:all 0.6s 0.2s ease-in-out;}
.m11 .section3.in-view .company_info ul li:nth-child(3) dl dt{transition:all 0.6s 0.5s ease-in-out;}
.m11 .section3.in-view .company_info ul li:nth-child(4) dl dt{transition:all 0.6s 0.6s ease-in-out;}
.m11 .section3.in-view .company_info ul li:nth-child(5) dl dt{transition:all 0.6s 0.7s ease-in-out;}
.m11 .section3.in-view .company_info ul li:nth-child(6) dl dt{transition:all 0.6s 0.8s ease-in-out;}
.m11 .section3.in-view .company_info ul li:nth-child(7) dl dt{transition:all 0.6s 0.9s ease-in-out;}
.m11 .section3.in-view .company_info ul li:nth-child(8) dl dt{transition:all 0.6s 1.0s ease-in-out;}
.m11 .section3.in-view .company_info ul li:nth-child(9) dl dt{transition:all 0.6s 1.1s ease-in-out;}
.m11 .section3.in-view .company_info ul li:nth-child(10) dl dt{transition:all 0.6s 1.2s ease-in-out;}



.m13{overflow:hidden;}
.m13 h4{
	opacity:0;
	transform:translateY(30px);
	transition:all 0.8s;
}
.m13 .in-view h4{
	opacity:1;
	transform:translateY(0);
	transition:all 0.8s;
}
.m13 .img{
	transform:translateY(40px);
	transition:all 0.8s 0.3s;
}
.m13 .img.in-view{
	transform:translateY(0);
	transition:all 0.8s 0.3s;
}
.m13 .history_box:nth-child(odd) ul li{
	opacity:0;
	transform:translateX(30px);
	transition:all 0.8s;
}
.m13 .history_box:nth-child(odd) ul li.in-view{
	opacity:1;
	transform:translateX(0px);
	transition:all 0.8s;
}
.m13 .history_box:nth-child(even) ul li{
	opacity:0;
	transform:translateX(-30px);
	transition:all 0.8s;
}
.m13 .history_box:nth-child(even) ul li.in-view{
	opacity:1;
	transform:translateX(0px);
	transition:all 0.8s;
}



.m14 .slide-up{
	opacity:0;
	transform:translateY(30px);
	transition:all 0.8s;	
}
.m14 .slide-up.in-view{
	opacity:1;
	transform:translateY(0px);
	transition:all 0.8s;	
}




.m16 .area_infobox h4{
	opacity:0;
	transform:translateX(40px);
	transition:all 0.8s ease;
}
.m16 .area_infobox dl{
	opacity:0;
	transform:translateX(40px);
	transition:all 0.8s ease 0.2s;
}
.m16 .area_infobox img{
	opacity:0;
	transform:translateX(40px);
	transition:all 0.8s ease 0.4s;
}
.m16 .area_infobox.in-view h4{
	opacity:1;
	transform:translateX(0px);
	transition:all 0.8s ease;
}
.m16 .area_infobox.in-view dl{
	opacity:1;
	transform:translateX(0px);
	transition:all 0.8s ease 0.2s;
}
.m16 .area_infobox.in-view img{
	opacity:1;
	transform:translateX(0px);
	transition:all 0.8s ease 0.4s;
}


.m17 .logo{
	/*opacity:0;
	transform:translateY(40px);*/
	transition:all 0.8s ease;
}
.m17 .company_info{
	/*opacity:0;*/
	transform:translateY(40px);
	transition:all 0.8s ease;
}
.m17 .link{
	opacity:0;
	transform:translateY(40px);
	transition:all 0.8s ease;
}
.m17 .logo.in-view{
	opacity:1;
	transform:translateY(0px);
	transition:all 0.8s ease;
}
.m17 .company_info.in-view{
	opacity:1;
	transform:translateY(0px);
	transition:all 0.8s ease;
}
.m17 .link.in-view{
	opacity:1;
	transform:translateY(0px);
	transition:all 0.8s ease;
}




.m21 .imgarea{
	opacity:0;
	transform:translateY(40px);
	transition:all 1s;
}
.m21 .pinfo h4{
	opacity:0;
	transform:translateX(40px);
	transition:all 1s;
}
.m21 .pinfo dl dt{
	opacity:0;
	transform:translateX(40px);
	transition:all 1s;
}
.m21 .pinfo dl dd{
	opacity:0;
	transform:translateX(40px);
	transition:all 1s;
}
.m21 .pinfo .unitbox{
	opacity:0;
	transform:perspective(1000px) rotateZ(45deg) translate3d(100px,0,0);
	transition:all 1s;
}

.m21 .imgarea.in-view{
	opacity:1;
	transform:translateY(0px);
	transition:all 1.2s ease-in-out;
}
.m21 .pinfo.in-view h4{
	opacity:1;
	transform:translateX(0px);
	transition:all 1s 0.8s ease-in-out;
}
.m21 .pinfo.in-view dl dt{
	opacity:1;
	transform:translateX(0px);
	transition:all 1s 0.9s ease-in-out;
}
.m21 .pinfo.in-view dl dd{
	opacity:1;
	transform:translateX(0px);
	transition:all 1s 1s ease-in-out;
}
.m21 .pinfo.in-view .unitbox{
	opacity:1;
	transform:rotateZ(0deg) ;
	transition:all 0.6s 0.6s;
}

.m21 .pinfo2{
	opacity:0;
	transform:translateY(40px) ;
	transition:all 1s;	
}
.m21 .pinfo2.in-view{
	opacity:1;
	transform:translateY(0px) ;
	transition:all 1.5s;	
}


.m22{}
.m22 .imgarea{
	opacity:0;
	transform:translateY(60px) ;
	transition:all 1s;
}
.m22 .imgarea.in-view:nth-child(1){
	opacity:1;
	transform:translateY(0px);
	transition:all 1s;
}
.m22 .slideup{
	opacity:0;
	transform:translateY(40px);
	transition:all 1s;
}
.m22 .slideup.in-view{
	opacity:1;
	transform:translateY(0px);
	transition:all 1s;
}


.m22 .line1_imgarea{
	opacity:0;
	transform:translateY(60px);
	transition:all 1s;
}
.m22 .line1_imgarea.in-view:nth-child(1){
	opacity:1;
	transform:translateY(0px);
	transition:all 1s;
}
.m22 .line1_imgarea.in-view:nth-child(2){
	opacity:1;
	transform:translateY(0px);
	transition:all 1s 0.5s;
}



.m23{}

.m23 .slideup{
	opacity:0;
	transform:translateY(40px);
	transition:all 1s;	
}
.m23 .slideup.in-view{
	opacity:1;
	transform:translateY(0px);
	transition:all 1s;
}
.m23 .merit{}
.m23 .merit ul li:nth-child(1) .num,
.m23 .merit ul li:nth-child(1) p{
	opacity:0;
	transform:translateX(40px);
	transition:all 1s;
}
.m23 .merit.in-view ul li:nth-child(1) .num,
.m23 .merit.in-view ul li:nth-child(1) p{
	opacity:1;
	transform:translateX(0px);
	transition:all 1s 0.5s;
}
.m23 .merit ul li:nth-child(1):before{opacity:0;}
.m23 .merit.in-view ul li:nth-child(1):before{
	opacity:1;
	transition:all 1s ease;
}
.m23 .merit ul li:nth-child(1):after{
	opacity:0;
	width:0;
	transition:all 1s;
}
.m23 .merit.in-view ul li:nth-child(1):after{
	opacity:1;
	width:100%;
	transition:all 1.8s ease;
}

.m23 .merit ul li:nth-child(2) .num,
.m23 .merit ul li:nth-child(2) p{
	opacity:0;
	transform:translateX(-40px);
	transition:all 1s;
}
.m23 .merit.in-view ul li:nth-child(2) .num,
.m23 .merit.in-view ul li:nth-child(2) p{
	opacity:1;
	transform:translateX(0px);
	transition:all 1s 0.5s;
}
.m23 .merit ul li:nth-child(2):before{opacity:0;}
.m23 .merit.in-view ul li:nth-child(2):before{
	opacity:1;
	transition:all 1s ease;
}
.m23 .merit ul li:nth-child(2):after{
	opacity:0;
	width:0;
	transition:all 1s;
}
.m23 .merit.in-view ul li:nth-child(2):after{
	opacity:1;
	width:100%;
	transition:all 1.8s ease;
}

.m23 .merit ul li:nth-child(3) .num,
.m23 .merit ul li:nth-child(3) p{
	opacity:0;
	transform:translateX(40px);
	transition:all 1s;
}
.m23 .merit.in-view ul li:nth-child(3) .num,
.m23 .merit.in-view ul li:nth-child(3) p{
	opacity:1;
	transform:translateX(0px);
	transition:all 1s 1.5s ease;
}
.m23 .merit ul li:nth-child(3):before{opacity:0;}
.m23 .merit.in-view ul li:nth-child(3):before{
	opacity:1;
	transition:all 1s 1s ease;
}
.m23 .merit ul li:nth-child(3):after{
	opacity:0;
	width:0;
	transition:all 1s;
}
.m23 .merit.in-view ul li:nth-child(3):after{
	opacity:1;
	width:100%;
	transition:all 1.8s 1s ease;
}

.m23 .merit ul li:nth-child(4) .num,
.m23 .merit ul li:nth-child(4) p{
	opacity:0;
	transform:translateX(-40px);
	transition:all 1s;
}
.m23 .merit.in-view ul li:nth-child(4) .num,
.m23 .merit.in-view ul li:nth-child(4) p{
	opacity:1;
	transform:translateX(0px);
	transition:all 1s 1.5s ease;
}
.m23 .merit ul li:nth-child(4):before{opacity:0;transition:all 1s;}
.m23 .merit.in-view ul li:nth-child(4):before{
	opacity:1;
	transition:all 1s 1s ease;
}
.m23 .merit ul li:nth-child(4):after{
	opacity:0;
	width:0;
	transition:all 1s;
}
.m23 .merit.in-view ul li:nth-child(4):after{
	opacity:1;
	width:100%;
	transition:all 1.8s 1s ease;
}



.m31{}
.m31 .slideup{
	opacity:0;
	transform:translateY(40px);
	transition:all 1s;	
}
.m31 .slideup.in-view{
	opacity:1;
	transform:translateY(0px);
	transition:all 1s;
}
.m31 .section1 h5{opacity:0;transition:all 1s;}
.m31 .section1 h5.in-view{opacity:1;transition:all 1s;}
.m31 .section1 dl{opacity:0;transform:translateY(20px);transition:all 1s;}
.m31 .section1 .in-view .up1{
	opacity:1;
	transform:translateY(0px);
	transition:all 1s 0.4s ease-in-out;
}
.m31 .section1 .in-view .up2{
	opacity:1;
	transform:translateY(0px);
	transition:all 1s 0.6s ease-in-out;
}
.m31 .section1 .in-view .up3{
	opacity:1;
	transform:translateY(0px);
	transition:all 1s 0.8s ease-in-out;
}
.m31 .section1 .in-view .up4{
	opacity:1;
	transform:translateY(0px);
	transition:all 1s 1s ease-in-out;
}
.m31 .section1 .in-view .up5{
	opacity:1;
	transform:translateY(0px);
	transition:all 1s 1.2s ease-in-out;
}



.m31 .section3 .organization .main{
	opacity:0;
	transform:scale(0.9);
	transition:all 1s;
}
.m31 .section3 .organization.in-view .main{
	opacity:1;
	transform:scale(1);
	transition:all 1s ease;
}
.m31 .section3 .organization .team:nth-child(1){
	opacity:0;
	transform:scale(0.9);
	transition:all 1s;
}
.m31 .section3 .organization.in-view .team:nth-child(1){
	opacity:1;
	transform:scale(1);
	transition:all 1s 1.5s ease;
}
.m31 .section3 .organization .team:nth-child(2){
	opacity:0;
	transform:scale(0.9);
	transition:all 1s;
}
.m31 .section3 .organization.in-view .team:nth-child(2){
	opacity:1;
	transform:scale(1);
	transition:all 1s  1.8s ease;
}
.m31 .section3 .organization .team:nth-child(3){
	opacity:0;
	transform:scale(0.9);
	transition:all 1s;
}
.m31 .section3 .organization.in-view .team:nth-child(3){
	opacity:1;
	transform:scale(1);
	transition:all 1s  2.1s ease;
}
.m31 .section3 .organization .team:nth-child(4){
	opacity:0;
	transform:scale(0.9);
	transition:all 1s;
}
.m31 .section3 .organization.in-view .team:nth-child(4){
	opacity:1;
	transform:scale(1);
	transition:all 1s  2.4s ease;
}
.m31 .section3 .organization .team ul{
	opacity:0;
	transform:translate(-40px,-50%);
	transition:all 1s;
}
.m31 .section3 .organization.in-view .team:nth-child(2) ul{
	opacity:1;
	transform:translate(0,-50%);
	transition:all 1s 3.4s ease;
}
.m31 .section3 .organization.in-view .team:nth-child(3) ul{
	opacity:1;
	transform:translate(0,-50%);
	transition:all 1s 3.4s ease;
}
.m31 .section3 .organization.in-view .team:nth-child(4) ul{
	opacity:1;
	transform:translate(0,-50%);
	transition:all 1s 3.8s ease;
}


.m31 .section3 .organization .line1{
	width:0;
	transition:all 1s 1s ease;
}
.m31 .section3 .organization.in-view .line1{
	width:800px;
	transition:all 1s 1s ease;
}
.m31 .section3 .organization .line2{
	height:0px;
	transition:all 1.5s;
}
.m31 .section3 .organization.in-view .line2{
	height:300px;
	transition:all 1s 1.2s ease;
}

.m31 .section3 .organization .line3{opacity:0;transition:all 1s;}
.m31 .section3 .organization.in-view .line3{
	opacity:1;
	transition:all 1s 2.5s ease;
}
.m31 .section3 .organization .line4{opacity:0;transition:all 1s;}
.m31 .section3 .organization.in-view .line4{
	opacity:1;
	transition:all 1s 2.7s ease;
}
.m31 .section3 .organization .line5{opacity:0;transition:all 1s;}
.m31 .section3 .organization.in-view .line5{
	opacity:1;
	transition:all 1s 2.9s ease;
}
.m31 .section3 .organization .line6{opacity:0;transition:all 1s;}
.m31 .section3 .organization.in-view .line6{
	opacity:1;
	transition:all 1s 3.1s ease;
}



.m32{}
.m32 .section1 .textbox .borderline:before{width:0;transition:all 0.8s}
.m32 .section1 .in-view .textbox .borderline:before{width:100%;transition:all  0.8s;}
.m32 .section1 .textbox .borderline:after{height:0;}
.m32 .section1 .in-view .textbox .borderline:after{height:100%;transition:all  0.8s 0.8s;}
.m32 .section1 .textbox&gt;div:before{width:0;transition:all 0.8s}
.m32 .section1 .in-view .textbox&gt;div:before{width:100%;transition:all 0.8s 1.6s}
.m32 .section1 .textbox&gt;div:after{height:0;transition:all  0.8s;}
.m32 .section1 .in-view .textbox&gt;div:after{height:100%;transition:all  0.8s 2.4s;}
.m32 .txtwrap{
	opacity:0;
	transform:translateX(40px);
	transition:all 1s;
}
.m32 .in-view .txtwrap{
	opacity:1;
	transform:translateX(0px);
	transition:all 1.2s 0.8s ease;
}

.m32 .section2 ul:before{
	display:block;
	content:"";
	width:0;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background: url(../images/page/m32_section2_bg2.png) no-repeat 117px 30px;
}
.m32 .section2 .in-view ul:before{
	width:100%;
	background: url(../images/page/m32_section2_bg2.png) no-repeat 117px 30px;
	transition:all 3s linear;
}
.m32 .section2 ul li{
	opacity:0;
	transform:translateY(40px);
	transition:all .5s;
}
.m32 .section2 .in-view ul li:nth-child(1){
	opacity:1;
	transform:translateY(0px);
	transition:all .5s ease 0.5s;
}
.m32 .section2 .in-view ul li:nth-child(2){
	opacity:1;
	transform:translateY(0px);
	transition:all .5s ease 1s;
}
.m32 .section2 .in-view ul li:nth-child(3){
	opacity:1;
	transform:translateY(0px);
	transition:all .5s ease 1.5s;
}
.m32 .section2 .in-view ul li:nth-child(4){
	opacity:1;
	transform:translateY(0px);
	transition:all .5s ease 2s;
}


.m32 .section2 .pcv .gage_wrap .gage.g1{width:0;transition:all 1s;}
.m32 .section2 .pcv .gage_wrap .gage.g2{width:0;transition:all 1s;}
.m32 .section2 .pcv .gage_wrap .gage.g3{width:0;transition:all 1s;}
.m32 .section2 .pcv .gage_wrap .gage.g4{width:0;transition:all 1s;}
.m32 .section2 .pcv .gage_wrap .gage.g5{width:0;transition:all 1s;}
.m32 .section2 .pcv .gage_wrap .gage.g6{width:0;transition:all 1s;}
.m32 .section2 .pcv .gage_wrap .gage.g7{width:0;transition:all 1s;}
.m32 .section2 .pcv .gage_wrap .gage.g8{width:0;transition:all 1s;}
.m32 .section2 .pcv .gage_wrap .gage.g9{width:0;transition:all 1s;}
.m32 .section2 .pcv .gage_wrap .gage.g10{width:0;transition:all 1s;}
.m32 .section2 .pcv .gage_wrap .gage.g11{width:0;transition:all 1s;}
.m32 .section2 .pcv .gage_wrap .gage.g12{width:0;transition:all 1s;}
.m32 .section2 .pcv .gage_wrap .gage.g13{width:0;transition:all 1s;}
.m32 .section2 .pcv .gage_wrap .gage.g14{width:0;transition:all 1s;}
.m32 .section2 .pcv .gage_wrap .gage.g15{width:0;transition:all 1s;}

.m32 .section2 .pcv .gage_wrap.in-view .gage.g1{width:100%;transition:all 2s ease;}
.m32 .section2 .pcv .gage_wrap.in-view .gage.g2{width:100%;transition:all 2s ease;}
.m32 .section2 .pcv .gage_wrap.in-view .gage.g3{width:100%;transition:all 2s ease;}
.m32 .section2 .pcv .gage_wrap.in-view .gage.g4{width:100%;transition:all 2s ease;}
.m32 .section2 .pcv .gage_wrap.in-view .gage.g5{width:100%;transition:all 2s ease;}
.m32 .section2 .pcv .gage_wrap.in-view .gage.g6{width:50%;transition:all 2s ease;}
.m32 .section2 .pcv .gage_wrap.in-view .gage.g7{width:50%;transition:all 2s ease;}
.m32 .section2 .pcv .gage_wrap.in-view .gage.g8{width:16.666%;transition:all 2s ease;}
.m32 .section2 .pcv .gage_wrap.in-view .gage.g9{width:66.666%;transition:all 2s ease;}
.m32 .section2 .pcv .gage_wrap.in-view .gage.g10{width:100%;transition:all 2s ease;}
.m32 .section2 .pcv .gage_wrap.in-view .gage.g11{width:100%;transition:all 2s ease;}
.m32 .section2 .pcv .gage_wrap.in-view .gage.g12{width:100%;transition:all 2s ease;}
.m32 .section2 .pcv .gage_wrap.in-view .gage.g13{width:33.333%;transition:all 2s ease;}
.m32 .section2 .pcv .gage_wrap.in-view .gage.g14{width:50%;transition:all 2s ease;}
.m32 .section2 .pcv .gage_wrap.in-view .gage.g15{width:66.666%;transition:all 2s ease;}




.m61{}
.slideup{
	opacity:0;
	transform:translateY(40px);
	transition:all 1s;	
}
 .slideup.in-view{
	opacity:1;
	transform:translateY(0px);
	transition:all 1s;
}

.m61 .section1 ul:before{
	display:block;
	content:"";
	width:0;height:177px;
	position:absolute;left:96px;top:40px;
    background: url(../images/page/m61_bg.gif) no-repeat;
	transition:all 3s ease;
}
.m61 .section1.in-view ul:before{
	width:100%;
    background: url(../images/page/m61_bg.gif) no-repeat;
	transition:all 3s ease 0.2s;
}


.m61 .section1 ul li{position:relative;opacity:0;z-index:10;}
.m61 .section1 ul li:nth-child(1){
	transform:translateY(30px);
	transition:all 1s ease-in-out;
}
.m61 .section1.in-view ul li:nth-child(1){
	opacity:1;
	transform:translateY(0px);
	transition:all 1s 0.2s ease-in-out;
}
.m61 .section1 ul li:nth-child(2){
	transform:translateY(-30px);
	transition:all 1s ease-in-out;
}
.m61 .section1.in-view ul li:nth-child(2){
	opacity:1;
	transform:translateY(0px);
	transition:all 1s 0.4s ease-in-out;
}
.m61 .section1 ul li:nth-child(3){
	transform:translateY(30px);
	transition:all 1s ease-in-out;
}
.m61 .section1.in-view ul li:nth-child(3){
	opacity:1;
	transform:translateY(0px);
	transition:all 1s 0.6s ease-in-out;
}
.m61 .section1 ul li:nth-child(4){
	transform:translateY(-30px);
	transition:all 1s ease-in-out;
}
.m61 .section1.in-view ul li:nth-child(4){
	opacity:1;
	transform:translateY(0px);
	transition:all 1s 0.8s ease-in-out;
}

.m61 .section2 ol&gt;li{
	opacity:0;
	transform:translateY(40px);
	transition:all 1s;
}
.m61 .section2 ol.in-view .up1{
	opacity:1;
	transform:translateY(0px);
	transition:all 1s 0.2s;
}
.m61 .section2 ol.in-view .up2{
	opacity:1;
	transform:translateY(0px);
	transition:all 1s 0.4s;
}
.m61 .section2 ol.in-view .up3{
	opacity:1;
	transform:translateY(0px);
	transition:all 1s 0.6s;
}



.m62 .section1 ol&gt;li{
	opacity:0;
	transform:translateY(40px);
	transition:all 1s;
}
.m62 .section1 ol.in-view .up1{
	opacity:1;
	transform:translateY(0px);
	transition:all 1s 0.2s;
}
.m62 .section1 ol.in-view .up2{
	opacity:1;
	transform:translateY(0px);
	transition:all 1s 0.4s;
}
.m62 .section1 ol.in-view .up3{
	opacity:1;
	transform:translateY(0px);
	transition:all 1s 0.6s;
}
.m62 .section1 ol.in-view .up4{
	opacity:1;
	transform:translateY(0px);
	transition:all 1s 0.8s;
}
.m62 .section2{position:relative;overflow:hidden;}
.m62 .section2:before{
	display:block;
	content:"";
	position:absolute;left:0;top:0;
	width:100%;height:100%;
    background: url(../images/page/m62_section2_bg.jpg) no-repeat center;
	background-size:cover;
	transform:scale(1.2);
	transition:all 3s ease;
}
.m62 .section2.in-view:before{
	display:block;
	content:"";
	position:absolute;left:0;top:0;
	width:100%;height:100%;
    background: url(../images/page/m62_section2_bg.jpg) no-repeat center;
	background-size:cover;
	transform:scale(1);
	transition:all 3s ease;
}
.m62 .section2 p{
	opacity:0;
	transform:translateY(20px);
	transition:all 2s ease;
}
.m62 .section2.in-view p{
	opacity:1;
	transform:translateY(0px);
	transition:all 2s ease 1s;
}



.m63 .step{}
.m63 .step li{
	opacity:0;
	transform:translateY(40px);
	transition:all 0.6s ease;
}
.m63 .step.in-view li:nth-child(1){
	opacity:1;
	transform:translateY(0px);
	transition:all 0.6s ease 0.1s;
}
.m63 .step.in-view li:nth-child(2){
	opacity:1;
	transform:translateY(0px);
	transition:all 0.6s ease 0.2s;
}
.m63 .step.in-view li:nth-child(3){
	opacity:1;
	transform:translateY(0px);
	transition:all 0.6s ease 0.3s;
}
.m63 .step.in-view li:nth-child(4){
	opacity:1;
	transform:translateY(0px);
	transition:all 0.6s ease 0.4s;
}
.m63 .step.in-view li:nth-child(5){
	opacity:1;
	transform:translateY(0px);
	transition:all 0.6s ease 0.5s;
}
.m63 .step.in-view li:nth-child(6){
	opacity:1;
	transform:translateY(0px);
	transition:all 0.6s ease 0.6s;
}





.m71 .sbj{border:1px solid #ccc;border-top:2px solid #9D8661;background:#fff;display:block;width:100%;text-align:left;padding:32px 50px;box-sizing:border-box;font-size:22px;color:#000;font-family:inherit;font-weight:500;position:relative;outline:0}
.m71 .sbj:after {content: '';position: absolute;top: 37px;right: 45px;width: 16px;height: 16px;border-left: 2px solid #9D8661;border-bottom: 2px solid #9D8661;box-sizing: border-box;transform: rotate(-45deg);}
.m71 .sbj:before{width:6px;height:6px;box-sizing:border-box;position:absolute;top:50%;left:35px;border:2px solid #9D8661;content:'';margin-top:-3px}
.m71 .list_box{background:#f9f9f9;border:1px solid #ccc;border-top:0;text-align:left;padding:45px 50px;box-sizing:border-box;font-size: 18px;font-weight: 300;letter-spacing: -.4px;color: #666;line-height: 1.8;word-break: keep-all;display: none;}
.m71 .list_box strong{font-weight:600;color:#000}
.m71 .list .text{font-size:18px;font-weight:300;letter-spacing:-.4px;color:#666}
.m71 .list.tag .text{width:calc(100% - 25px)}
.m71 .list .dot{font-size:18px;font-weight:300;letter-spacing:-.4px;color:#666}
.m71 .list.tag .dot{width:25px}
.m71 .list.tag li{display:flex}
.m71 .icon{text-align:center}
.m71 .slg1{font-size:22px;letter-spacing:-.4px;line-height:1.5;position:relative}
.m71 .slg1:before{content:'';width:36px;height:1px;background:#000;margin:0 auto 15px;display:block}
.m71 .section1{margin-top:60px}
.m71 .list.bullet li{position:relative;padding-left:8px;box-sizing:border-box}
.m71 .list.bullet li:before{content:'·';position:absolute;top:0;left:-1px;color:#000}
.accordian_list &gt; li + li{margin-top:20px}
.m71{padding-bottom:150px}
.m72 .figure_g{display:flex;padding: 0 50px;box-sizing:border-box;position:relative;}
.m72 .figure_g li{z-index:0;}
.m72 .figure_g:before{content:'';position:absolute;top:50%;left:0;width:100%;height:8px;background:url(../images/page/m72_figure_dot.png) repeat-x left center;margin-top:-4px;z-index:-1}
.m72 .figure_g li:first-child:before{content:'';position:absolute;top:50%;left:0;width:8px;height:8px;background:#9D8661;border-radius:100%;margin-top:-4px;z-index:1}
.m72 .figure_g li:last-child:before{content:'';position:absolute;top:50%;right:0;width:8px;height:8px;background:#9D8661;border-radius:100%;margin-top:-4px;z-index:1}
.m72 .figure_g li + li{margin-left:25px}
.m72 .figure_g .icon{width:200px;height:200px;background:url(../images/page/m72_figure_bg.png) no-repeat center;display:flex;align-items:center;justify-content:center;transform: translateY(80px);transition: .8s ease-out;opacity: 0;}
.m72 .figure_g.in-view .icon{opacity:1;transform:translateY(0px)}
.m72 .figure_g.in-view li:nth-child(2) .icon{transition-delay:.1s}
.m72 .figure_g.in-view li:nth-child(3) .icon{transition-delay:.2s}
.m72 .figure_g.in-view li:nth-child(4) .icon{transition-delay:.3s}
.m72 .figure_g.in-view li:nth-child(5) .icon{transition-delay:.4s}
.m72 .figure_g.in-view li:nth-child(6) .icon{transition-delay:.5s}
.m72 .figure_g .text{color:#fff;text-align:center;font-size:20px;letter-spacing:-.3px}
.m72 .section2{background:#fafafa;padding:100px 0 150px;margin-top:100px}
.m72 .section2 dl + dl{margin-top:65px}
.m72 .section2 dt{font-size:22px;color:#444;letter-spacing:-.5px;border-bottom:2px solid #222;line-height:1em;margin-bottom:18px;padding-bottom:15px;font-weight:500}
.m72 .section2 dd{margin:0;font-size:18px;word-break:keep-all;letter-spacing:-.5px;line-height:1.7;padding-right:80px;box-sizing:border-box}
.m73 .section1 .conwrap{background:url(../images/page/m73_section1_bg.jpg) no-repeat right top}
.m73 .section1 .txtbox{position:relative;width:50%;height:370px}
.m73 .section1 .txtbox:before{display:block;content:"";width:100%;height:1px;position:absolute;left:20px;top:20px;z-index:10;background:#b3e7fa}
.m73 .section1 .txtbox:after{display:block;content:"";width:1px;height:100%;position:absolute;left:100%;top:20px;margin-left:20px;background:#9D8661}
.m73 .section1 .txtbox .txtboxwrap{display:table;position:relative;width:100%;height:370px;background:#9D8661;box-sizing:border-box;padding:0 65px}
.m73 .section1 .txtbox .txtboxwrap:before{display:block;content:"";width:100%;height:1px;position:absolute;right:0;top:100%;margin:20px -20px 0 0;background:#b3e7fa}
.m73 .section1 .txtbox .txtboxwrap:after{display:block;content:"";width:1px;height:100%;position:absolute;left:20px;bottom:-20px;z-index:10;background:#b3e7fa}
.m73 .section1 .txtbox h4{position:relative;z-index:10;font-family:'Montserrat';font-size:30px;color:#fff;font-weight:400}
.m73 .section1 .txtbox h4:before{display:block;content:"";width:36px;height:1px;margin:0 0 20px;background:#fff}
.m73 .section1 .txtbox h4:after{display:block;content:"";width:36px;height:1px;margin:20px 0 0;background:#fff}
.m73 .section1 .conwrap{opacity:0;transition:all .8s}
.m73 .section1.in-view .conwrap{opacity:1;transition:all .8s ease-in-out}
.m73 .section1 .txtbox:before{width:0;transition:all .8s}
.m73 .section1 .txtbox:after{height:0;transition:all 1s .8s}
.m73 .section1.in-view .txtbox:before{width:100%;transition:all .8s}
.m73 .section1.in-view .txtbox:after{height:100%;transition:all .8s .8s}
.m73 .section1 .txtbox .txtboxwrap:before{width:0}
.m73 .section1 .txtbox .txtboxwrap:after{height:0}
.m73 .section1.in-view .txtbox .txtboxwrap:before{width:100%;transition:all 1s 1.6s}
.m73 .section1.in-view .txtbox .txtboxwrap:after{height:100%;transition:all 1s 2.4s}
.m73 .section1 .txtbox h4{opacity:0;transform:translateX(45px);transition:all 1s .8s}
.m73 .section1.in-view .txtbox h4{opacity:1;transform:translateX(0px);transition:all 1s .8s}
.m73 .txtboxwrap p{font-size:18px;font-weight:300;font-family:'Noto Sans KR',sans-serif;letter-spacing:-.2px}
.m73 .briquette_g{padding:95px 0 100px;background:#f9f9f9;text-align:center;margin-top:120px}
.m73 .realme_g{padding:95px 0 100px;background:#ececec;text-align:center}
.m73 .bd_g{padding:95px 0 100px;background:#f9f9f9;text-align:center}
.m73 .society_g{padding:95px 0 100px;background:#ececec;text-align:center}
.m73 .csr_g{padding:95px 0 100px;text-align:center}
.m73 .section_title{font-size:34px;color:#151515;font-weight:500;letter-spacing:-.4px;margin:0;transform:translateY(20px);opacity:0;transition:1s}
.m73 .in-view .section_title{transform:translateY(0px);opacity:1}
.m73 .section_text{font-size:30px;letter-spacing:-.6px;color:#222;margin:25px 0 0;line-height:1.3;transform:translateY(20px);opacity:0;transition:1s .1s}
.m73 .in-view .section_text{transform:translateY(0px);opacity:1}
.m73 .gallery{display:flex;margin-top:35px}
.m73 .gallery.col3 li{margin-right:8px;width:calc(33.333333% - 5.333333px)}
.m73 .gallery.col3 li .img{width:100%;height: 265px;}
.m73 .gallery.col2 li{margin-right:8px;width:calc(50% - 4px)}
.m73 .gallery.col2 li .img{width: 100%;height: 266px;}
.m73 .gallery li{transform:translateX(20px);opacity:0;transition:1s .3s}
.m73 .in-view .gallery li{transform:translateX(0px);opacity:1}
.m73 .gallery.col3 li:nth-child(3n){margin-right:0}
.m73 .gallery li:nth-child(2n){transition-delay:.4s}
.m73 .gallery.col2 li:nth-child(2n){margin-right:0}
.m73 .gallery.col2 li .img{width:100%; height:266px;}
.m73 .gallery li:nth-child(3n){transition-delay:.5s}
.m73 .count_list{display:flex;margin-top:60px}
.m73 .count_list li{width:33.33333%;box-sizing:border-box}
.m73 .count_list .icon{transform:translateY(10px);opacity:0;transition:1s .4s}
.m73 .in-view .count_list .icon{transform:translateY(0px);opacity:1}
.m73 .count_list.col2 li{width:50%}
.m73 .count_list .count_title{font-size:18px;color:#333;letter-spacing:-.4px;line-height:1em;margin:20px 0 10px;transform:translateY(10px);opacity:0;transition:1s .5s}
.m73 .in-view .count_list .count_title{transform:translateY(0px);opacity:1}
.m73 .count_list .count_text{font-size:18px;color:#666;font-weight:300}
.m73 .count_list .count{font-size:38px;line-height:1em;font-family:'Montserrat',sans-serif;font-weight:700;color:#9D8661;letter-spacing:-1px;margin-right:5px}
.m73 .count_list li + li{border-left:1px solid #c9c9c9}
.m73 .news_g{border-top:2px solid #222;display:flex;border-bottom:1px solid #dfdfdf;height:78px;align-items:center;margin-top:60px;position:relative}
.m73 .news_g .sbj{font-size:22px;color:#333;letter-spacing:-.2px;font-weight:500;width:180px}
.m73 .news_g a{display:flex;width:calc(100% - 180px);align-items:center}
.m73 .news_g .news_title{width:calc(100% - 200px);text-align:left;font-size:18px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;line-height:1.3;padding-right:20px;box-sizing:border-box}
.m73 .news_g .time{width:200px;text-align:left;font-size:15px}
.m73 .news_g .plus{width:20px;height:20px;position:absolute;top:50%;right:30px;margin-top:-10px}
.m73 .news_g .plus:before{content:'';position:absolute;top:50%;left:0;width:100%;height:1px;background:#000}
.m73 .news_g .plus:after{content:'';position:absolute;top:0;left:50%;height:100%;width:1px;background:#000}
.m74 .report_con{display:flex;border:1px solid #d9d9d9;padding:38px 35px 45px;box-sizing:border-box;width:100%;background: #fff;}
.m74 button{background:0;font-family:inherit;font-size:inherit;font-weight:inherit;border:0;outline:0}
.m74 .report_title{width:260px;padding-top:15px;box-sizing:border-box;padding-left:65px;font-size:22px;color:#04a6e3;margin:0;position:relative}
.m74 .report_title:before{content:'';position:absolute;top:0;left:0;background:url(../images/page/c_report_icon1.png) no-repeat left top;width:53px;height:51px}
.m74 .con2 .report_title:before{background-position-y:-51px}
.m74 .con3 .report_title:before{background-position-y:calc(-51px * 2)}
.m74 .con4 .report_title:before{background-position-y:calc(-51px * 3)}
.m74 .con5 .report_title:before{background-position-y:calc(-51px * 4)}
.m74 .con6 .report_title:before{background-position-y:calc(-51px * 5)}
.m74 .report_title + *{width:calc(100% - 260px);padding-top:15px;font-size:18px;color:#666;letter-spacing:-.4px}
.m74 .report_con + .report_con{margin-top:20px}
.m74 .report_list li{position:relative;padding-left:8px}
.m74 .report_list li + li{margin-top:2px}
.m74 .report_list li:before{content:'';position:absolute;top:13px;left:0;width:2px;height:2px;background:#666}
.m74 .dl_list{display:flex;flex-wrap:wrap}
.m74 .dl_list dl{width:50%;display:flex;margin:0}
.m74 .dl_list dt{width:80px;margin:0}
.m74 .dl_list dd{width:calc(100% - 80px);margin:0}
.m74 .dl_list dl:nth-child(2n) dd{width:calc(100% - 60px)}
.m74 .dl_list dl:nth-child(2n) dt{width:60px}
.m74 .dl_list dl:nth-child(-n+2){margin-bottom:8px}
.m74 .report_step{display:flex;margin:0 -30px;width:calc(100% + 60px)}
.m74 .report_step li{width:16.66666%;text-align:center;box-sizing:border-box;position:relative}
.m74 .report_step li + li:before{content:'';position:absolute;top:58px;left:-4px;width:13px;height:23px;background:url(../images/page/c_report_arr.png) no-repeat left top}
.m74 .report_step li .mark{font-family:'Montserrat',sans-serif;font-weight:600;line-height:1em;font-size:15px;color:#666}
.m74 .report_step li .icon{width:37px;height:40px;background:url(../images/page/c_report_icon2.png) no-repeat left top;margin:20px auto 5px}
.m74 .report_step .item2 .icon{background-position-x:calc(-37px * 1)}
.m74 .report_step .item3 .icon{background-position-x:calc(-37px * 2)}
.m74 .report_step .item4 .icon{background-position-x:calc(-37px * 3)}
.m74 .report_step .item5 .icon{background-position-x:calc(-37px * 4)}
.m74 .report_step .item6 .icon{background-position-x:calc(-37px * 5)}
.m74 .report_step li p{margin:0}
.m74 .section1{margin-top:70px}
.m74.report_main .section1{background:#fafafa;background:-moz-linear-gradient(top,#fff 0px,#fff 120px,#fafafa 121px,#fafafa 100%);background:-webkit-linear-gradient(top,#fff 0px,#fff 120px,#fafafa 121px,#fafafa 100%);background:linear-gradient(to bottom,#fff 0px,#fff 120px,#fafafa 121px,#fafafa 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0f3fa',endColorstr='#fafafa',GradientType=0)}
.m74 .btn_g{display:flex;justify-content:center;padding: 60px 0 0;}
.m74{padding-bottom:150px}
.m74.report_main{padding-bottom:0}
.m74.report_main .section1{padding-bottom:150px}
.m74 .btn_g .btn{width:240px;text-align:center;height:52px;line-height:52px;background:#e5e5e5;color:#ddd;font-size:17px;color:#666;letter-spacing:-.3px;font-family:inherit;border:0}
.m74 .btn_g .btn.blue{background:#00b0f0;color:#fff}
.m74 .btn_g .btn + .btn{margin-left:12px}
.verification_subtitle{text-align:center;padding-top:70px;background:url(../images/page/verification_g_icon.jpg) no-repeat center top}
.verification_subtitle .title{font-size:30px;color:#222;font-weight:400;letter-spacing:-.8px;margin:0}
.verification_subtitle p{font-size:18px;color:#666;font-weight:300;letter-spacing:-.3px}
.verification_subtitle .title:after{content:'';display:block;width:36px;height:1px;background:#000;margin:15px auto 18px}
.verification_g table{border-top:2px solid #222;width:100%;border-collapse:collapse}
.verification_g table th{background:#f9f9f9;height:78px;border-bottom:1px solid #dfdfdf;padding-left:20px;box-sizing:border-box;text-align:left;font-weight:400;font-size:18px;color:#444;width: 210px;}
.verification_g table td{height:78px;border-bottom:1px solid #dfdfdf;padding-left:20px;box-sizing:border-box;font-size:18px;color:#666;font-weight:300;width: calc(100% - 210px);}
.verification_g table td input{width:615px;height:50px;border:1px solid #d7d7d7;box-sizing:border-box;padding:0 10px;font-size:15px}
.verification_g .cmt_g{margin-top:65px}
.verification_g .cmt_count{font-size:18px;color:#333;line-height:1em;font-weight:500}
.verification_g .cmt_count em{color:#01afee}
.verification_g .cmt_list{margin-top:15px;border-top:1px solid #e5e5e5}
.verification_g .cmt_list .origin_box{padding:20px 20px 75px;box-sizing:border-box;position:relative;border-bottom: 1px solid #e5e5e5;}
.verification_g .cmt_list .reply_box{padding:30px 45px 35px;box-sizing:border-box;position:relative}
.verification_g .cmt_list .reply_box + .reply_box{margin-top:-10px}
.verification_g .cmt_list .reply_box:before{content:'';position:absolute;top:32px;left:19px;width:10px;height:10px;box-sizing:border-box;border:1px solid #646464;border-right:0;border-top:0}
.verification_g .cmt_list .reply_comment_box:before{content:'';position:absolute;top:42px;left:19px;width:10px;height:10px;box-sizing:border-box;border:1px solid #646464;border-right:0;border-top:0}
.verification_g .reply_comment_box{padding:40px 45px;box-sizing:border-box;position:relative;display:none}
.verification_g .reply_box + .reply_comment_box{padding-top:20px}
.verification_g .reply_box + .reply_comment_box:before{top:22px}
.verification_g .reply_comment_box .contents{padding-right:0}
.verification_g .cmt_list .reply_list{border-bottom:1px solid #e5e5e5;background:#fafafa}
.verification_g .cmt_list .null .reply_list{display:none}
.verification_g .cmt_list .reply_btn{font-size:15px;color:#666;border:1px solid #ddd;width:50px;height:34px;box-sizing:border-box;position:absolute;bottom:20px;left:20px;z-index:1;background:#fff}
.verification_g .cmt_util{position:absolute;top:18px;right:20px;z-index:1}
.verification_g .reply_list .cmt_util{right:40px}
.verification_g .cmt_util .util_btn{font-size:15px;color:#666;line-height:1em}
.verification_g .cmt_util .util_btn + .util_btn{margin-left:38px;position:relative}
.verification_g .cmt_util .util_btn + .util_btn:before{content:'';position:absolute;top:2px;left:-20px;width:1px;height:12px;background:#ccc}
.verification_g .contents{box-sizing:border-box}
.verification_g .contents .name{font-size:17px;color:#444;font-weight:500;margin:0;line-height:1em}
.verification_g .contents .reply_textarea{resize:none;color:#666;letter-spacing:-.4px;margin:15px 0 0;padding:10px 15px;box-sizing:border-box;border:1px solid #e0e0e0;height:120px;width:100%;display:block;font-size:17px;font-weight:300;line-height:1.6}
.verification_g .contents p{font-size:17px;color:#666;letter-spacing:-.4px;font-weight:300;margin:10px 0 0}
.reply_textarea_g{background:#fff;margin-top:30px;border:1px solid #e5e5e5;box-sizing:border-box;padding:10px 20px 75px;position:relative}
.reply_comment_box .reply_textarea_g{margin-top:20px}
.reply_textarea_g textarea{resize:none;padding:10px 10px 0;box-sizing:border-box;border:0;border-bottom:1px solid #e5e5e5;height:120px;width:100%;display:block;font-size:17px;font-weight:300}
.reply_textarea_g .submit-btn{position:absolute;right:20px;bottom:12px;width:100px;height:48px;background:#01afee;box-sizing:border-box;color:#fff;font-size:17px;line-height:46px;font-weight:300}
.report_page_g .report_tab{display:flex;justify-content:center}
.report_page_g .report_tab a{width:195px;height:55px;display:block;text-align:center;line-height:53px;border:1px solid #d5d5d5;box-sizing:border-box;font-size:17px;color:#737373}
.report_page_g .report_tab li + li{margin-left:5px}
.report_page_g .report_tab .on a{background:#9D8661;color:#fff;border-color:#9D8661;font-weight:300}
.report_page_g .table select,.report_page_g .table input[type*='text'],.report_page_g .table .upload-name,.report_page_g .table input[type*='password']{width:100%;height:50px;padding:0 10px;box-sizing:border-box;font-size:17px;border:1px solid #d6d6d6;color:#666;font-weight:300;letter-spacing:-.4px;line-height:1.6}
.report_page_g .table #t_name{width: calc(100% - 185px);}
.report_page_g .check_id_box {width: 770px; font-size: 0;}
.report_page_g .table .chk-id-btn{width:170px;height:50px;color:#fff;background:#9D8661;vertical-align:middle;font-size:18px;font-weight:300;margin-left: 15px;}
.report_page_g .table textarea{width:100%;height:50px;padding:10px;box-sizing:border-box;font-size:17px;border:1px solid #d6d6d6;color:#666;resize:none;height:210px;font-weight:300;letter-spacing:-.4px;line-height:1.6}
.report_page_g .table_title{margin:0;font-size:22px;color:#444;font-weight:500;line-height:1em;padding-bottom:20px}
.report_page_g .table_top{margin-top:65px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #222}
.report_page_g .table_guide{font-size:15px;color:#666}
.report_page_g .table_guide em{color:#9D8661;margin-right:2px}

/* ====
checkbox
==== */
.report_page_g input[type=checkbox],.report_page_g input[type=radio]{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;padding:0;border:0}
.chk_item input[type=checkbox].disabled+label{color:#777;cursor:default}
.chk_item.round input[type=checkbox]+label{padding:0 0 0 35px}
.chk_item input[type=checkbox]+label{padding:1px 0 2px 40px;position:relative;transform:skew(-0.001deg)}
.chk_list{display:flex;flex-wrap:wrap;height: 100%;align-items: center;}
.chk_item input[type=checkbox]+label:before{width:20px;height:20px;text-align:center;content:'';position:absolute;top:6px;left:0;border:1px solid #cecece;box-sizing:border-box}
.chk_item.round input[type=checkbox]+label:before{width:24px;height:24px;border-radius:50%;border-color:#999fa1}
.chk_item input[type=checkbox]+label:after,.chk_box input[type=checkbox]+label:before{position:absolute;left:0;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;content:''}
.chk_item input[type=checkbox]:checked+label:after{content:'';display:block}
.chk_item input[type=checkbox]+label:after{top:11px;left:5px;width:10px;height:10px;display:none;background:#6c6c6c}
.chk_item.round input[type=checkbox]+label:after{top:8px;left:7px;width:11px;height:6px;border:2px solid #1651d3;border-top:0;border-right:0;border-color:#1550d2}
.chk_item{color:#333;font-size:18px;letter-spacing:-.4px;font-weight:300}
.chk_item + .chk_item{margin-left:45px}

.report_page_g input[type=radio]{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;padding:0;border:0}
.report_page_g input[type=radio]+label{position:relative;padding-left:30px}
.report_page_g input[type=radio]+label:before{top:0;width:18px;height:18px;margin-top:3px;text-align:center;border:1px solid #cecece;border-radius:20px;box-sizing:border-box}
.report_page_g input[type=radio]+label:after,.report_page_g input[type=radio]+label:before{position:absolute;left:0;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;content:''}
.report_page_g input[type=radio]:checked+label:after{content:'';display:block}
.report_page_g input[type=radio]+label:after{top:-1px;left:5px;width:10px;height:10px;margin-top:9px;display:none;background:#6c6c6c;border-radius:20px}
.report_page_g .table .width_g{max-width:585px;display:inline-block;vertical-align:top;font-size:0;width:100%}
.report_page_g .table .width_g.email input{width:calc(50% - 19px)}
.report_page_g .table .width_g.email .at{width:38px;font-size:17px;text-align:center;display:inline-block;vertical-align:top;line-height:48px}
.report_page_g .table .width_g.tel input{width:calc(33.33333% - 25.33333px)}
.report_page_g .table .width_g.tel .dot{width:38px;text-align:center;line-height:50px;display:inline-block;vertical-align:middle;font-size:17px}
.report_page_g .table #change_email{width:calc(100% - 600px);margin-left:11px}
.report_page_g .filebox{width:100%}
.report_page_g .filebox .box{display:flex;flex-wrap:wrap;width:100%; margin-bottom:5px;}
.report_page_g .table .upload-name{width: calc(100% - 320px);float:left;}
.report_page_g .filebox .box label{display: block;line-height:50px;width:155px;height:50px;color:#fff;background:#777;text-align:center;font-size:18px;font-weight:300;letter-spacing:-.2px;float:left;}
.report_page_g .filebox input[type=file]{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}
.report_page_g .filebox .box .delete {line-height:50px;width:155px;height:50px;color:#fff;background:#e5e5e5;text-align:center;font-size:18px;font-weight:300;letter-spacing:-.2px}
.report_page_g .privacy{white-space:pre-wrap;word-break:keep-all;word-wrap:break-word;font-family:inherit;border:1px solid #d6d6d6;box-sizing:border-box;padding:25px 18px;line-height:1.6;height:360px;font-size:18px;color:#666;font-weight:300;overflow-y: scroll;}
.report_page_g .privacy strong{font-weight:500}
.report_page_g .privacy2{height:250px}
.report_page_g .privacy_check em{font-weight:500}
.report_page_g .privacy_check.chk_item label{padding-left:30px}
.report_page_g p.guide_box{font-size:17px}
.report_page_g .table .th{background:#f9f9f9;border-bottom:1px solid #dfdfdf;font-size:18px;text-align:left;font-weight:500;color:#444;padding-left:20px;box-sizing:border-box;letter-spacing:-.3px;vertical-align:top;padding-top:25px;width:210px;min-height: 81px;}
.report_page_g .table .th .add {width:19px;height:19px;font-size:0;background: url('../images/page/m74_add_btn.jpg')no-repeat center;background-size: 100%;vertical-align: top;margin-top: 5px;margin-left: 80px;}
.report_page_g .table &gt; li{display:flex;width: 100%;}
.report_page_g .table.col2 &gt; li {width: 50%;}
.report_page_g .table.col2 .width{width:100%}
.report_page_g ul.table{display:flex;flex-wrap:wrap}
.report_page_g .table .td{border-bottom:1px solid #dfdfdf;padding:15px 50px 15px 20px;box-sizing:border-box;width:calc(100% - 210px);min-height: 81px;}
.report_page_g .table .th .essential:after {content: '*'; color: #9D8661; margin-left: 4px;}

#report_popup{position:fixed;top:50%;left:50%;z-index:3000;background: #FFF url(../images/page/report_popup_bg.png) no-repeat center top /730px auto;width:730px;margin-left:-365px;height:570px;margin-top:-285px;padding-top:80px;box-sizing:border-box;display: none;}
#report_popup .repopup-close{width:34px;height:34px;border:0;font-size:0;background:url(../images/page/report_popup_close.png) no-repeat left top;position:absolute;top:-48px;right:0;z-index:10}
#report_popup .repopup_content{width:93%;margin:0 auto}
#report_popup .repopup-btn{background:#9D8661;width:275px;height:52px;margin:40px auto 0;display:block;color:#fff;font-size:18px;border:0}
#report_popup .repopup_title{text-align:center;color:#111;font-size:28px;line-height:1em;padding-top: 70px;background: url(../images/page/report_popup_icon.jpg) no-repeat center top;}
#report_popup .repopup_title:after{content:'';display:block;margin:15px auto 30px;width:30px;height:2px;background:#000}
#report_popup .repopup_text{background:#f2f2f2;max-width:570px;margin:0 auto;width:93%;text-align:center;font-size:16px;letter-spacing:-.4px;color:#666;line-height:1.6;padding:40px 5% 35px;box-sizing:border-box}




/* 2020-12-03 수정 css */
.cmt_util_hidden{display:none;position:absolute;top:18px;right:40px;z-index:1;}
.origin_box .cmt_util_hidden{right:20px;}
.cmt_util_hidden .util_btn{font-size:15px;color:#666;line-height:1em}
.cmt_util_hidden .util_btn + .util_btn{margin-left:38px;position:relative}
.cmt_util_hidden .util_btn + .util_btn:before{content:'';position:absolute;top:2px;left:-20px;width:1px;height:12px;background:#ccc}</pre></body></html>