@charset "utf-8";
/* ======================================================
   .pc
=========================================================*/
.pc {display:block;}
.mobile {display:none;}

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


.mobile {display:block;}
.pc {display:none;}

}

/* =====================================
   .ceo-wrap 
===================================== */
.ceo-wrap { max-width: 1320px; width: 100%; position: relative; margin: 0 auto; }
.ceo-tit { font-size: 55px; letter-spacing: -2px; line-height: 1.3; font-weight: bold; margin-top: 70px; color: #000; }
.ceo-tit span {color: #ea0a2a }
.ceo-img { margin: -37px auto 0; margin-bottom: 100px; /*box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.1);*/}
.ceo-btxt { color: #111; font-size: 24px; line-height: 1.3; font-weight: bold; margin-bottom: 40px; letter-spacing: -1px; }

.ceo-con { display: flex; color: #444; font-size: 18px; line-height: 1.8; justify-content: space-between; }
.ceo-left,  .ceo-right { width: 46%; }
.ceo_name { font-size: 20px; text-align: right; font-weight: 500; line-height: 2;  letter-spacing: -1px; }
.ceo_name strong { font-size: 26px; line-height: 1.6; color:#111; }
.ceo_name .sign {display:inline-block;color:#222;background:url(../img/content/ceo-sign.jpg) no-repeat right center;line-height:40px;padding-right:75px;}

	@media all and (max-width:1200px) {
	.ceo-left,  .ceo-right { width: 46%; }
	}

	@media all and (max-width:1024px) {
	.ceo-tit { margin-top: 50px; font-size: 30px; }
	.ceo-img { margin: -20px auto 0; margin-bottom: 70px; }
	.ceo-btxt { font-size: 28px; margin-bottom: 20px; }
	.ceo-con { font-size: 16px; }
	.ceo-con br { display: none; }
	.ceo_name { font-size: 17px; line-height: 1.6; margin-bottom: 80px; margin-top: 20px; }
	.ceo_name strong { font-size: 26px; }
	.ceo_name .sign {display:inline-block;color:#222;background:url(../img/content/m-ceo-sign.jpg) no-repeat right center; line-height:40px;padding-right:50px; }
	}


	@media all and (max-width:768px) {
	.ceo-tit { font-size: 24px; letter-spacing: -1px;}
	.ceo-tit br{ display: none;}
	.ceo-img { margin-bottom: 50px; }
	.ceo-btxt { font-size: 20px; margin-bottom: 20px; }
	.ceo-con { flex-direction: column; font-size: 15px;  }
	.ceo-con br { display: none; }
	.ceo-left,  .ceo-right { width: 100%; }
	.ceo-left { margin-bottom: 20px; }
	.ceo_name strong { font-size: 18px; line-height: 1.6; }
	.ceo_name .sign {display:inline-block;color:#222;background:url(../img/content/m-ceo-sign.jpg) no-repeat right center;line-height:30px;padding-right:50px;}
	}


/* =====================================
   .vision-wrap
===================================== */

.vision-wrap {padding-top:20px; padding-bottom:30px}
.vision-wrap .tit {font-size: 55px; letter-spacing: -0.04em; font-weight:600; color: #e51b23;  text-align:center; margin-bottom:100px;}
.vision-wrap .btxt{text-align:center; color:#444; font-size:24px; letter-spacing: -0.04em; margin-bottom:90px}
.vision-wrap .btxt strong{ margin-top:15px; font-size:24px; line-height: 42px; letter-spacing: -0.04em; font-weight:500;color:#e51b23;}
.vision-wrap .btxt strong b{ font-size:28px; font-weight:700}
.vision-wrap .btxt span {display:block; font-size:28px; line-height: 42px; letter-spacing: -0.04em; color: #222; }
.vision-wrap .stit {text-align:center; font-size: 30px; font-weight:700; letter-spacing: -0.04em; color: #222;  margin-bottom:40px; } 
.vision-wrap .stit span {position:relative; padding-bottom: 8px;/*  display:inline-block; */}
.vision-wrap .stit span:before {content:"";  width: 100%; height: 2px; background-color: #222;  position:absolute; bottom:0; left:0; display:block;}

	@media only screen and (max-width:680px){
	.vision-wrap .tit {font-size: 28px; margin-bottom:30px;}
	.vision-wrap .btxt{margin-bottom:50px;}
	.vision-wrap .btxt strong{ margin-top:10px; font-size:18px; line-height: 30px;}
	.vision-wrap .btxt strong b{ font-size:18px;}
	.vision-wrap .stit {font-size: 20px;  margin-bottom:20px; } 
		
	}
	@media only screen and (max-width:480px){
		
	}


/* =====================================
   poster-wrap
===================================== */

.poster-wrap { position: relative; padding:0 20px; }
.poster-wrap .vis { position: relative; width: 500px; margin:0 auto;}
.poster-wrap .vis .item .img img { width:100%; }
.poster-wrap .vis .slick-dots { position: relative; display: block; left: auto; top: auto; bottom: auto; margin-top: 30px; }
.poster-wrap .vis .slick-dots ul { height: auto; text-align: center; font-size: 0; width: 100%; height: 20px; }
.poster-wrap .vis .slick-dots li { display: inline-block; vertical-align: top; margin: 0 5px; padding: 0; width: auto; height: 20px; }
.poster-wrap .vis .slick-dots li button { position: relative; width: 20px; height: 20px; }
.poster-wrap .vis .slick-dots li button:after { background: #dbdbdb; width: 20px; height: 2px; padding: 0; display: block; content: ""; position: absolute; left: 0; top: 0; -webkit-transition: transform 0.3s ease-out; -moz-transition: transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; }
.poster-wrap .vis .slick-dots li.slick-active button:after { background: #111; transform: scale(1, 1) rotate(-50deg)skew(0, 0) translate(0, 0); -webkit-transform: scale(1, 1) rotate(-50deg)skew(0, 0) translate(0, 0); -moz-transform: scale(1, 1) rotate(-50deg)skew(0, 0) translate(0, 0); }
.poster-wrap .vis .ctrl { }
.poster-wrap .vis .ctrl .prev { width: 30px; height: 50px; position: absolute; left: -80px; top: 50%; margin-top: -45px; background: url(../img/content/vis-prev.png) no-repeat center center; background-size: 100% auto; -webkit-transition: padding 0.3s ease-out, margin 0.3s ease-out; -moz-transition: padding 0.3s ease-out, margin 0.3s ease-out; -o-transition: padding 0.3s ease-out, margin 0.3s ease-out; transition: padding 0.3s ease-out, margin 0.3s ease-out; }
.poster-wrap .vis .ctrl .next { width: 30px; height: 50px; position: absolute; right: -80px; top: 50%; margin-top: -45px; background: url(../img/content/vis-next.png) no-repeat center center; background-size: 100% auto; -webkit-transition: padding 0.3s ease-out, margin 0.3s ease-out; -moz-transition: padding 0.3s ease-out, margin 0.3s ease-out; -o-transition: padding 0.3s ease-out, margin 0.3s ease-out; transition: padding 0.3s ease-out, margin 0.3s ease-out; }
.poster-wrap .vis .ctrl .count { line-height: 41px; font-size: 16px; color: #000; font-weight: 300; height: 40px; }
.poster-wrap .vis .ctrl .count p { height: 40px; }
.poster-wrap .vis .ctrl .count .nums { font-weight: 400; font-size: 36px; display: inline-block; vertical-align: center; line-height: 41px; }
.poster-wrap .vis .ctrl .prev:hover { padding-right: 15px; margin-left: -15px; }
.poster-wrap .vis .ctrl .next:hover { padding-left: 15px; margin-right: -15px; }
 @media only screen and (max-width:1600px) {
.poster-wrap .vis { padding: 0 }
.poster-wrap .vis .ctrl .prev { left: 0; width: 40px; height: 60px; margin-top: -45px; background-size: 16px auto; background-color: #fff !important; opacity: 0.85; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.poster-wrap .vis .ctrl .next { right: 0; width: 40px; height: 60px; margin-top: -45px; background-size: 16px auto; background-color: #fff !important; opacity: 0.85; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.poster-wrap .vis .ctrl .prev:hover { padding-right: 0; margin-left: 0; opacity: 1; }
.poster-wrap .vis .ctrl .next:hover { padding-left: 0; margin-right: 0; opacity: 1; }
}
 @media only screen and (max-width:1184px) {
.poster-wrap .vis { padding: 0; }
.poster-wrap .vis { width: calc(100% + 40px); margin-left: -20px; }
.poster-wrap .vis .slick-dots li button { width: 16px; height: 16px }
.poster-wrap .vis .slick-dots li button:after { width: 16px; height: 2px; }
.poster-wrap .vis .ctrl .prev { left: 0; }
.poster-wrap .vis .ctrl .next { right: 0; }
}
 @media only screen and (max-width:999px) {
}
 @media only screen and (max-width:680px) {

.poster-wrap .vis { width: calc(100% + 30px); margin-left: -15px; }
.poster-wrap .vis .slick-dots { margin-top: 20px; }
.poster-wrap .vis .slick-dots li button { width: 12px; height: 12px }
.poster-wrap .vis .slick-dots li button:after { width: 12px; height: 2px; }
.poster-wrap .vis .ctrl .prev { width: 25px; height: 40px; margin-top: -35px; background-size: 10px auto; }
.poster-wrap .vis .ctrl .next { width: 25px; height: 40px; margin-top: -35px; background-size: 10px auto; }
}
 @media only screen and (max-width:480px) {
}


/*========================
	ci-wrap
==========================*/
.ci-wrap .list{display:flex; margin-bottom:100px;}
.ci-wrap .list h3{width:32%; font-size:35px; color:#000; font-weight: 800; font-family:'Roboto'}
.ci-wrap .list .cont{list-sizing:border-list; width:68%; }
.ci-wrap .list .cont h4{margin-bottom:20px; font-size:22px; color:#111;}
.ci-wrap .list .cont .img{border:1px solid #ddd; text-align: center;height: 300px;display: flex;align-items: center;justify-content: center;}
.ci-wrap .list .cont .img ul{display:flex; justify-content: center; align-items: center; gap: 80px;}
.ci-wrap .list .cont .img ul li{}
.ci-wrap .list .cont .text h5{margin:30px 0 11px 0; font-size: 18px; font-weight:500; line-height: 1.7em; letter-spacing: -0.03em; color:#111;}
.ci-wrap .list .cont.ci01 img{height:130px;}
.ci-wrap .list .cont.ci02 img{height:50px;}
.ci-wrap .list .cont.ci03 .img{background:url(../img/content/ci-bg.jpg) no-repeat; border:0; border:1px solid #ddd;}
.ci-wrap .list .cont.ci03 .img ul li:first-child img{display:block; height:70px;}
.ci-wrap .list .cont.ci03 .img ul li:nth-child(2) img{display:block; height:130px;}
.ci-wrap .list .cont.ci05 img{height:180px;}

.ci-wrap .list .cont .list{margin-top:40px;}
.ci-wrap .list .cont .color{display:flex;}
.ci-wrap .list .cont .color > li{list-sizing:border-list; width:50%; padding:50px;}
.ci-wrap .list .cont .color > li span{font-size:20px; color:#fff; font-weight:bold; font-family:'Roboto'}
.ci-wrap .list .cont .color > li p{margin-top:45px; color:#fff; font-family:'Roboto'}
.ci-wrap .list .cont .color > li.c1{background:#e1002a;}
.ci-wrap .list .cont .color > li.c2{background:#231815;}

.ci-icon{margin-top:40px;}
.ci-icon a{display: inline-block;line-height: 1;padding: 20px 75px 20px 40px; font-weight:500;text-align: center;font-size: 16px;letter-spacing: -0.03em;color: #222;background: url(../img/content/ci-icon.png) no-repeat center right 40px;background-size: 15px;border: 1px solid #ddd; transition:0.5s}
.ci-icon a:hover{border: 1px solid #e0002a;transition:0.5s}

	@media only screen and (max-width:1480px){
		
	}
	@media only screen and (max-width:1280px) {
		.ci-wrap .list { display: block; max-width: 100%; margin: 0 auto;}
		
	}
	@media only screen and (max-width:1185px) {
		
	}
	
	@media only screen and (max-width:999px){
		.ci-wrap .list{flex-direction: column;}
		.ci-wrap .list h3{width:100%; margin-bottom:20px;}
		.ci-wrap .list .cont{width:100%;}
			
		.ci-iconi{margin-top:30px;}
	}
	@media only screen and (max-width:680px){
		.ci-wrap .list{margin-bottom:40px;}
		.ci-wrap .list h3{font-size:20px;}
		.ci-wrap .list .cont h4{font-size:17px;}
		.ci-wrap .list .cont .text h5{font-size:15px; font-weight:bold;}
		.ci-wrap .list .cont .color_list > li{padding:30px}
		.ci-wrap .list .cont .img{height:200px;}
		.ci-wrap .list .cont.ci01 img{height:80px;}

		.ci-wrap .list .cont.ci02 img{height:35px;}
		.ci-wrap .list .cont.ci03 .img ul li:first-child img{height:35px;}
		.ci-wrap .list .cont.ci03 .img ul li:nth-child(2) img{height:80px}
		.ci-wrap .list .cont.ci05 img{height:100px;}
		
	
	}
	@media only screen and (max-width:480px){

		.ci-wrap .list .cont .img ul{width:50%;}
		.ci-wrap .list .cont .img{height:auto; padding:40px 0;}
		.ci-wrap .list .cont .color > li{list-sizing:border-list; width:50%; padding:30px;}
		
		.ci-icon{margin-top:20px;}
		.ci-icon a{padding: 20px 75px 20px 40px; font-size: 15px;}

	}

/*=======================================================
  .manage-wrap .vis
=========================================================*/
.manage-wrap{}
.manage-wrap .vis{position:Relative; padding:0 50px;}
.manage-wrap .vis .img{overflow:hidden;}
.manage-wrap .vis .img img{width:100%;height:450px; object-fit:cover;bject-fit:cover;transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);-webkit-transition: transform 6s linear;-moz-transition: transform 6s linear;-o-transition: transform 6s linear;transition: transform 6s linear;}
.manage-wrap .vis.ani .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}
	
.manage-wrap .vis .txt{position:absolute; left:0; top:50%; width:100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);text-align:center;}
.manage-wrap .vis .txt .btxt{ font-size:40px;font-weight:300; /*font-family: 'GongGothicMedium';*/ color:#fff; letter-spacing:-0.04em; line-height:1.3em;}
.manage-wrap .vis .txt .stxt{font-size:18px ;font-weight:400; color:#fff; letter-spacing:-0.05em; line-height:1.5em; margin-top:20px;}
	@media only screen and (max-width:1480px){
		.manage-wrap .vis .txt .btxt{font-size:36px;}
		.manage-wrap .vis .txt .stxt{font-size:17px; margin-top:15px;}
		.manage-wrap .vis .img img{height:450px;}
	}
	@media only screen and (max-width:1280px) {
	.manage-wrap .vis{position:Relative; padding:0px;}
		
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px){
		.manage-wrap .vis .txt .btxt{font-size:32px;}
		.manage-wrap .vis .txt .stxt{font-size:16px; margin-top:10px;}

		.manage-wrap .vis .img img{height:400px;}
	}
	@media only screen and (max-width:680px){
		.manage-wrap .vis .txt .btxt{font-size:28px;}
		.manage-wrap .vis .txt .stxt{font-size:15px;}

		.manage-wrap .vis .img img{height:350px;}
	}
	@media only screen and (max-width:480px){
	
		.manage-wrap .vis .txt .btxt{font-size:18px;}
		.manage-wrap .vis .txt .stxt{font-size:13px; margin-top:10px; padding:0 20px;}
		.manage-wrap .vis .txt .stxt br{display:none;}
		.manage-wrap .vis .img img{height:300px;}
	}




/*=======================================================
  .manage-wrap .esg 
=========================================================*/
.manage-wrap .esg { margin-top: 0px; border-top: 0px solid #333; /*border-bottom: 1px solid #333;*/ }
.manage-wrap .esg dl { padding: 70px 0; padding-left: 650px; position: relative; }
.manage-wrap .esg dl:nth-child(n+2) { border-top: 1px solid #ddd; }
.manage-wrap .esg dt { position: absolute; left: 0; top: 80px; width: 650px; box-sizing: border-box; padding-left: 0px; font-size: 36px; font-weight: 700; color: #111; letter-spacing: -0.04em; line-height: 1.3em; }
.manage-wrap .esg dt span { position: absolute; left: 0; top: 0px; color: #ea0a2a; font-weight: 700; letter-spacing: -0.03em; line-height: 1.3em; font-size: 36px; letter-spacing: 0; /*font-family: 'CJ+ONLYONE';*/ }
.manage-wrap .esg dd { }
.manage-wrap .esg ul li { font-size: 17px; font-weight: 400; color: #333; letter-spacing: -0.03em; line-height: 1.5em; position: Relative; padding-left: 12px; }
.manage-wrap .esg ul li:nth-child(n+2) { margin-top: 7px; }
.manage-wrap .esg ul li:before { width: 5px; height: 0; position: Absolute; left: 0; top: 12px; border-bottom: 1px solid #555; display: block; content: "" }
 @media only screen and (max-width:1480px) {
.manage-wrap .esg { margin-top: 80px; }
.manage-wrap .esg dl { padding: 40px; padding-left: 570px; }
.manage-wrap .esg dt { font-size: 22px; width: 570px; padding-left: 90px; top: 40px; }
.manage-wrap .esg dt span { font-size: 32px; }
.manage-wrap .esg ul li { font-size: 16px; }
.manage-wrap .esg ul li:before { top: 11px; }
}
 @media only screen and (max-width:1280px) {
.manage-wrap .esg dl { padding: 40px; padding-left: 500px; }
.manage-wrap .esg dt { width: 500px; padding-left: 75px; }
}
 @media only screen and (max-width:1185px) {
.manage-wrap .esg dl { padding: 30px; padding-left: 430px; }
.manage-wrap .esg dt { width: 430px; padding-left: 60px; top: 30px; }
}
 @media only screen and (max-width:999px) {
.manage-wrap .esg { margin-top: 60px; }
.manage-wrap .esg dl { padding: 25px; }
.manage-wrap .esg dt { font-size: 20px; position: relative; left: auto; width: auto; top: auto; margin-bottom: 15px; padding-left: 0; }
.manage-wrap .esg dt span { font-size: 28px; display: block; position: relative; left: auto; top: auto; margin-bottom: 3px; }
.manage-wrap .esg dt br { display: none; }
.manage-wrap .esg ul li { font-size: 15px; }
.manage-wrap .esg ul li:nth-child(n+2) { margin-top: 5px; }
.manage-wrap .esg ul li:before { top: 10px; }
}
 @media only screen and (max-width:680px) {
.manage-wrap .esg { margin-top: 0px; }
.manage-wrap .esg dl { padding: 20px; }
.manage-wrap .esg dt { font-size: 18px; }
.manage-wrap .esg dt span { font-size: 24px; }
.manage-wrap .esg ul li { font-size: 14px; }
}
 @media only screen and (max-width:480px) {
.manage-wrap .esg dl { padding: 20px 0px; }
.manage-wrap .esg dt { font-size: 17px; }
.manage-wrap .esg dt span { font-size: 20px; }
.manage-wrap .esg ul li { font-size: 13px; }
}


/*=======================================================
  .manage-wrap .safe
=========================================================*/

.manage-wrap .safe{margin-top:100px; border-top:0px solid #333; border-bottom:0px solid #333;}
.manage-wrap .safe dl{padding:70px 0; padding-left:450px; position:relative;}
.manage-wrap .safe dl:nth-child(n+2){border-top:1px solid #ddd;}
.manage-wrap .safe dt{position:absolute; left:0; top:60px; width:450px; box-sizing:border-box; padding-left:0px; font-size:36px; font-weight:700; color:#111; letter-spacing:-0.04em; line-height:1.3em;}
.manage-wrap .safe dt span{position:absolute; left:0; top:0px; color:#ea0a2a; font-weight:700; letter-spacing:-0.03em; line-height:1.3em; font-size:36px; letter-spacing:0;     font-family: 'Roboto';}
.manage-wrap .safe dd{}
.manage-wrap .safe ul li{ font-size:20px; font-weight:400; color:#333; letter-spacing:-0.03em; line-height:1.5em; position:Relative; padding-left:50px;}
.manage-wrap .safe ul li:nth-child(n+2){margin-top:20px;}
.manage-wrap .safe ul li span{position:absolute; left:0; top:0px; color:#000; font-weight:700; letter-spacing:-0.03em; line-height:1.3em; font-size:24px; font-family: 'Roboto';}
/*.manage-wrap .safe ul li:before{width:5px;height:0 ;position:Absolute ;left:0;  top:12px;border-bottom:1px solid #555; display:block ;content:""}*/
	@media only screen and (max-width:1480px){
		.manage-wrap .safe{margin-top:80px;}
		.manage-wrap .safe dl{padding:40px;padding-left:570px;}
		.manage-wrap .safe dt{font-size:22px; width:570px; padding-left:90px; top:40px;}
		.manage-wrap .safe dt span{font-size:32px;}
		.manage-wrap .safe ul li{font-size:16px;}
		.manage-wrap .safe ul li:before{top:11px;}
	}
	@media only screen and (max-width:1280px) {
		.manage-wrap .safe dl{padding:40px;padding-left:500px;}
		.manage-wrap .safe dt{ width:500px; padding-left:75px;}
	}
	@media only screen and (max-width:1185px) {
		.manage-wrap .safe dl{padding:30px;padding-left:430px;}
		.manage-wrap .safe dt{ width:430px; padding-left:60px;top:30px;}
	}
	@media only screen and (max-width:999px){
		.manage-wrap .safe{margin-top:60px;}
		.manage-wrap .safe dl{padding:25px ;}
		.manage-wrap .safe dt{font-size:20px; position:relative; left:auto; width:auto; top:auto; margin-bottom:15px; padding-left:0;}
		.manage-wrap .safe dt span{font-size:28px; display:block; position:relative; left:auto; top:auto; margin-bottom:3px;}
		.manage-wrap .safe dt br{display:none;}
		.manage-wrap .safe ul li{font-size:15px;}
		.manage-wrap .safe ul li:nth-child(n+2){margin-top:5px;}
		.manage-wrap .safe ul li:before{top:10px;}
	}
	@media only screen and (max-width:680px){
		.manage-wrap .safe{margin-top:40px;}
		.manage-wrap .safe dl{padding:20px ;}
		.manage-wrap .safe dt{font-size:18px;}
		.manage-wrap .safe dt span{font-size:24px;}
		.manage-wrap .safe ul li{font-size:14px;}
	}
	@media only screen and (max-width:480px){
		.manage-wrap .safe dl{padding:20px 0px;}
		.manage-wrap .safe dt{font-size:20px;}
		.manage-wrap .safe dt span{font-size:20px;}
		.manage-wrap .safe ul li{font-size:14px; padding-left:35px;}
		.manage-wrap .safe ul li span{ font-size:16px;}\
	}



/*=======================================================
  .manage-wrap .ethics
=========================================================*/

.manage-wrap .ethics{margin-top:100px; border-top:0px solid #333; border-bottom:1px solid #333;}
.manage-wrap .ethics dl{padding:70px 0; padding-left:650px; position:relative;}
.manage-wrap .ethics dl:nth-child(n+2){border-top:1px solid #ddd;}
.manage-wrap .ethics dt{position:absolute; left:0; top:60px; width:650px; box-sizing:border-box; padding-left:80px; font-size:30px; font-weight:700; color:#111; letter-spacing:-0.04em; line-height:1.3em;}
.manage-wrap .ethics dt span{position:absolute; left:0; top:0px; color:#ea0a2a; font-weight:700; letter-spacing:-0.03em; line-height:1.3em; font-size:36px; letter-spacing:0;     font-family: 'Roboto';}
.manage-wrap .ethics dd{}
.manage-wrap .ethics ul li{font-size:17px; font-weight:400; color:#333; letter-spacing:-0.03em; line-height:1.5em; position:Relative; padding-left:12px;}
.manage-wrap .ethics ul li:nth-child(n+2){margin-top:7px;}
/*.manage-wrap .ethics ul li:before{width:5px;height:0 ;position:Absolute ;left:0;  top:12px;border-bottom:1px solid #555; display:block ;content:""}*/
	@media only screen and (max-width:1480px){
		.manage-wrap .ethics{margin-top:80px;}
		.manage-wrap .ethics dl{padding:40px;padding-left:570px;}
		.manage-wrap .ethics dt{font-size:22px; width:570px; padding-left:90px; top:40px;}
		.manage-wrap .ethics dt span{font-size:32px;}
		.manage-wrap .ethics ul li{font-size:16px;}
		.manage-wrap .ethics ul li:before{top:11px;}
	}
	@media only screen and (max-width:1280px) {
		.manage-wrap .ethics dl{padding:40px;padding-left:500px;}
		.manage-wrap .ethics dt{ width:500px; padding-left:75px;}
	}
	@media only screen and (max-width:1185px) {
		.manage-wrap .ethics dl{padding:30px;padding-left:430px;}
		.manage-wrap .ethics dt{ width:430px; padding-left:60px;top:30px;}
	}
	@media only screen and (max-width:999px){
		.manage-wrap .ethics{margin-top:60px;}
		.manage-wrap .ethics dl{padding:25px ;}
		.manage-wrap .ethics dt{font-size:20px; position:relative; left:auto; width:auto; top:auto; margin-bottom:15px; padding-left:0;}
		.manage-wrap .ethics dt span{font-size:28px; display:block; position:relative; left:auto; top:auto; margin-bottom:3px;}
		.manage-wrap .ethics dt br{display:none;}
		.manage-wrap .ethics ul li{font-size:15px;}
		.manage-wrap .ethics ul li:nth-child(n+2){margin-top:5px;}
		.manage-wrap .ethics ul li:before{top:10px;}
	}
	@media only screen and (max-width:680px){
		.manage-wrap .ethics{margin-top:40px;}
		.manage-wrap .ethics dl{padding:20px ;}
		.manage-wrap .ethics dt{font-size:18px;}
		.manage-wrap .ethics dt span{font-size:24px;}
		.manage-wrap .ethics ul li{font-size:14px;}
	}
	@media only screen and (max-width:480px){
		.manage-wrap .ethics dl{padding:20px 0px;}
		.manage-wrap .ethics dt{font-size:17px;}
		.manage-wrap .ethics dt span{font-size:20px;}
		.manage-wrap .ethics ul li{font-size:14px;  padding-left:0px;}
	}




/*=======================================================
  .manage-wrap .human
=========================================================*/

.manage-wrap .human{margin-top:100px; border-top:0px solid #333; border-bottom:0px solid #333;}
.manage-wrap .human dl{padding:70px 0; padding-left:500px; position:relative;}
.manage-wrap .human dl:nth-child(n+2){border-top:1px solid #ddd;}
.manage-wrap .human dt{position:absolute; left:0; top:60px; width:500px; box-sizing:border-box; padding-left:0px; font-size:36px; font-weight:700; color:#111; letter-spacing:-0.04em; line-height:1.3em;}
.manage-wrap .human dt span{position:absolute; left:0; top:0px; color:#ea0a2a; font-weight:700; letter-spacing:-0.03em; line-height:1.3em; font-size:36px; letter-spacing:0;     font-family: 'Roboto';}
.manage-wrap .human dd{}
.manage-wrap .human ul li{ font-size:18px; font-weight:400; color:#555; letter-spacing:-0.03em; line-height:1.6em; position:Relative;}
.manage-wrap .human .btxt{ font-size:22px; font-weight:500; color:#000; letter-spacing:-0.03em; line-height:1.6em; padding-top:30px;}
.manage-wrap .human ul li:nth-child(n+2){margin-top:20px;}
.manage-wrap .human ul li span{position:absolute; left:0; top:0px; color:#000; font-weight:700; letter-spacing:-0.03em; line-height:1.3em; font-size:24px; letter-spacing:0;     font-family: 'Roboto';}
/*.manage-wrap .human ul li:before{width:5px;height:0 ;position:Absolute ;left:0;  top:12px;border-bottom:1px solid #555; display:block ;content:""}*/
	@media only screen and (max-width:1480px){
		.manage-wrap .human{margin-top:80px;}
		.manage-wrap .human dl{padding:40px;padding-left:570px;}
		.manage-wrap .human dt{font-size:22px; width:570px; padding-left:90px; top:40px;}
		.manage-wrap .human dt span{font-size:32px;}
		.manage-wrap .human ul li{font-size:16px;}
		.manage-wrap .human ul li:before{top:11px;}
	}
	@media only screen and (max-width:1280px) {
		.manage-wrap .human dl{padding:40px;padding-left:500px;}
		.manage-wrap .human dt{ width:500px; padding-left:75px;}
	}
	@media only screen and (max-width:1185px) {
		.manage-wrap .human dl{padding:30px;padding-left:430px;}
		.manage-wrap .human dt{ width:430px; padding-left:60px;top:30px;}
	}
	@media only screen and (max-width:999px){
		.manage-wrap .human{margin-top:60px;}
		.manage-wrap .human dl{padding:25px ;}
		.manage-wrap .human dt{font-size:20px; position:relative; left:auto; width:auto; top:auto; margin-bottom:15px; padding-left:0;}
		.manage-wrap .human dt span{font-size:28px; display:block; position:relative; left:auto; top:auto; margin-bottom:3px;}
		.manage-wrap .human dt br{display:none;}
		.manage-wrap .human ul li{font-size:15px;}
		.manage-wrap .human ul li:nth-child(n+2){margin-top:5px;}
		.manage-wrap .human ul li:before{top:10px;}
		
		.manage-wrap .human .btxt{ font-size:18px; line-height:1.4em; padding-top:20px;}
	}
	@media only screen and (max-width:680px){
		.manage-wrap .human{margin-top:40px;}
		.manage-wrap .human dl{padding:20px ;}
		.manage-wrap .human dt{font-size:18px;}
		.manage-wrap .human dt span{font-size:24px;}
		.manage-wrap .human ul li{font-size:14px;}
		.manage-wrap .human .btxt{ font-size:16px; }
	}
	@media only screen and (max-width:480px){
		.manage-wrap .human dl{padding:20px 0px;}
		.manage-wrap .human dt{font-size:17px;}
		.manage-wrap .human dt span{font-size:20px;}
		.manage-wrap .human ul li{font-size:14px;}
	}


/*=======================================================
  .manage-wrap .natural
=========================================================*/

.manage-wrap .natural{margin-top:100px; border-top:0px solid #333; border-bottom:0px solid #333;}
.manage-wrap .natural dl{padding:70px 0; padding-left:450px; position:relative;}
.manage-wrap .natural dl:nth-child(n+2){border-top:1px solid #ddd;}
.manage-wrap .natural dt{position:absolute; left:0; top:60px; width:450px; box-sizing:border-box; padding-left:0px; font-size:36px; font-weight:700; color:#111; letter-spacing:-0.04em; line-height:1.3em;}
.manage-wrap .natural dt span{position:absolute; left:0; top:0px; color:#ea0a2a; font-weight:700; letter-spacing:-0.03em; line-height:1.3em; font-size:36px; letter-spacing:0;     font-family: 'Roboto';}
.manage-wrap .natural dd{}
.manage-wrap .natural ul li{ font-size:20px; font-weight:400; color:#333; letter-spacing:-0.03em; line-height:1.5em; position:Relative; padding-left:50px;}
.manage-wrap .natural ul li:nth-child(n+2){margin-top:20px;}
.manage-wrap .natural ul li span{position:absolute; left:0; top:0px; color:#000; font-weight:700; letter-spacing:-0.03em; line-height:1.3em; font-size:24px; letter-spacing:0;     font-family: 'Roboto';}
/*.manage-wrap .natural ul li:before{width:5px;height:0 ;position:Absolute ;left:0;  top:12px;border-bottom:1px solid #555; display:block ;content:""}*/
.manage-wrap .natural .btxt{ font-size:22px; font-weight:500; color:#000; letter-spacing:-0.03em; line-height:1.6em; padding-top:30px;}
	@media only screen and (max-width:1480px){
		.manage-wrap .natural{margin-top:80px;}
		.manage-wrap .natural dl{padding:40px;padding-left:570px;}
		.manage-wrap .natural dt{font-size:22px; width:570px; padding-left:90px; top:40px;}
		.manage-wrap .natural dt span{font-size:32px;}
		.manage-wrap .natural ul li{font-size:16px;}
		.manage-wrap .natural ul li:before{top:11px;}
	}
	@media only screen and (max-width:1280px) {
		.manage-wrap .natural dl{padding:40px;padding-left:500px;}
		.manage-wrap .natural dt{ width:500px; padding-left:75px;}
	}
	@media only screen and (max-width:1185px) {
		.manage-wrap .natural dl{padding:30px;padding-left:430px;}
		.manage-wrap .natural dt{ width:430px; padding-left:60px;top:30px;}
	}
	@media only screen and (max-width:999px){
		.manage-wrap .natural{margin-top:60px;}
		.manage-wrap .natural dl{padding:25px ;}
		.manage-wrap .natural dt{font-size:20px; position:relative; left:auto; width:auto; top:auto; margin-bottom:15px; padding-left:0;}
		.manage-wrap .natural dt span{font-size:28px; display:block; position:relative; left:auto; top:auto; margin-bottom:3px;}
		.manage-wrap .natural dt br{display:none;}
		.manage-wrap .natural ul li{font-size:15px;}
		.manage-wrap .natural ul li:nth-child(n+2){margin-top:5px;}
		.manage-wrap .natural ul li:before{top:10px;}
	}
	@media only screen and (max-width:680px){
		.manage-wrap .natural{margin-top:40px;}
		.manage-wrap .natural dl{padding:20px ;}
		.manage-wrap .natural dt{font-size:18px;}
		.manage-wrap .natural dt span{font-size:24px;}
		.manage-wrap .natural ul li{font-size:14px;}

		.manage-wrap .natural .btxt{ font-size:16px; padding-top:30px;}
	}
	@media only screen and (max-width:480px){
		.manage-wrap .natural dl{padding:20px 0px;}
		.manage-wrap .natural dt{font-size:20px;}
		.manage-wrap .natural dt span{font-size:20px;}
		.manage-wrap .natural ul li{font-size:14px;     padding-left: 35px;}
		.manage-wrap .natural ul li span{font-size:16px;}
	}




/*=======================================================
  .about-wrap.intro
=========================================================*/

.about-wrap.intro { }
.about-wrap.intro .mg100t { margin-top: 100px; }
.about-wrap.intro .mg50t { margin-top: 50px; }
.about-wrap.intro .mg35t { margin-top: 35px; }
.about-wrap.intro .mg25t { margin-top: 25px; }
.about-wrap.intro .vis { position: relative; height: 500px; text-align: center; }
.about-wrap.intro .vis:before { position: absolute; width: 1920px; left: 50%; top: 0; height: 100%; display: block; content: ""; z-index: -1; background: url(../img/Content/about-bg-1.jpg) no-repeat center center; background-size: cover; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.about-wrap.intro .vis:after { position: absolute; width: 20000px; left: 50%; margin-left: -10000px; top: 0; height: 100%; display: block; content: ""; z-index: 1; background: rgba(0,0,0,0.35) }
.about-wrap.intro .vis .ov { position: absolute; left: 0; top: 50%; text-align: center; width: 100%; z-index: 9; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.about-wrap.intro .vis .ov .btxt { font-size: 29px; color: #fff; font-weight: 400; letter-spacing: -0.03em; line-height: 1.2em; }
.about-wrap.intro .vis .ov .stxt { position: relative; font-size: 22px; color: #fff; font-weight: 300; letter-spacing: -0.03em; line-height: 1.3em; /*text-decoration:underline;*/ margin-top: 60px; }
.about-wrap.intro .vis .ov .stxt span { font-weight: 700; }
.about-wrap.intro .vis .ov .stxt:before { width: 24px; height: 1px; position: absolute; left: 50%; margin-left: -12px; top: -30px; display: block; content: ""; background: #fff; }
 @media only screen and (max-width:1240px) {
.about-wrap.intro .vis { height: 410px; }
.about-wrap.intro .vis:before { width: 1600px }
}
 @media only screen and (max-width:999px) {
.about-wrap.intro .vis { height: 360px; }
.about-wrap.intro .vis:before { width: 1400px }
.about-wrap.intro .vis .ov .btxt { font-size: 26px }
.about-wrap.intro .vis .ov .stxt { font-size: 20px; margin-top: 50px }
.about-wrap.intro .vis .ov .stxt:before { top: -25px; }
.about-wrap.intro .mg50t { margin-top: 30px; }
.about-wrap.intro .mg35t { margin-top: 20px; }
.about-wrap.intro .mg25t { margin-top: 15px; }
}
 @media only screen and (max-width:680px) {
.about-wrap.intro .vis { height: 300px; }
.about-wrap.intro .vis:before { width: 1200px }
.about-wrap.intro .vis .ov .btxt { font-size: 20px }
.about-wrap.intro .vis .ov .stxt { font-size: 16px; margin-top: 40px; line-height: 1.3em;  }
.about-wrap.intro .vis .ov .stxt:before { top: -20px; width: 20px; margin-left: -10px; }
}
 @media only screen and (max-width:480px) {
.about-wrap.intro .vis { height: 260px; }
.about-wrap.intro .vis .ov .btxt { font-size: 19px }
.about-wrap.intro .vis .ov .stxt { font-size: 14px; }
}
.about-wrap.intro .cont { padding: 90px 50% 90px 0; position: relative; min-height: 400px; }
.about-wrap.intro .cont .img { position: absolute; right: 0; top: 50%; width: 600px; display: block; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.about-wrap.intro .cont .img img { width: 100%; height: 400px; object-fit: cover; }
.about-wrap.intro .cont .btxt { padding-top: 30px; font-weight: 300; color: #666; font-size: 29px; letter-spacing: -0.03em; line-height: 1.3em; margin-bottom: 25px; }
.about-wrap.intro .cont .btxt span { font-weight: 600; color: #d3b184; display: block; }
.about-wrap.intro .cont .stxt { font-weight: 400; color: #555; font-size: 16px; letter-spacing: -0.03em; line-height: 1.9em; word-break: keep-all; }
.about-wrap.intro .cont .sign { font-weight: 400; color: #111; font-size: 19px; letter-spacing: -0.03em; line-height: 1.9em; word-break: keep-all; }
 @media only screen and (max-width:1240px) {
.about-wrap.intro .cont { padding: 70px 50% 70px 0; min-height: 400px; }
.about-wrap.intro .cont .img { width: 48%; }
.about-wrap.intro .cont .img img { height: 400px; }
.about-wrap.intro .cont .btxt { padding-top: 20px; }
}
 @media only screen and (max-width:999px) {
.about-wrap.intro .cont { padding: 50px 45% 50px 0; min-height: 320px; }
.about-wrap.intro .cont .img { width: 42% }
.about-wrap.intro .cont .img img { height: 320px; }
.about-wrap.intro .cont .btxt { padding-top: 10px; font-size: 26px; margin-bottom: 20px }
.about-wrap.intro .cont .stxt { font-size: 15px; line-height: 1.6em; }
}
 @media only screen and (max-width:680px) {
.about-wrap.intro .cont { padding: 50px 0 50px 0; }
.about-wrap.intro .cont .btxt { padding-top: 0; font-size: 22px; }
.about-wrap.intro .cont .stxt { font-size: 14px; }
.about-wrap.intro .cont .img { margin-top: 25px; width: auto; position: relative; right: auto; top: auto; height: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.about-wrap.intro .cont .img img { height: auto; object-fit: fill; }
}
 @media only screen and (max-width:480px) {
.about-wrap.intro .cont .btxt { font-size: 20px; }
}

/*=======================================================
  .quality-wrap
=========================================================*/
.quality-wrap { margin-bottom: 100px;  margin: 0 auto; margin-top: 100px; text-align: center; }
.quality-wrap .btxt { font-size: 40px; font-weight: 500; color: #2051ba; display: block; padding-bottom: 50px; letter-spacing: -0.04em; line-height: 1.4em;}
.quality-wrap .stxt { font-size: 18px; font-weight: 400; color: #666; display: block; padding-bottom: 10px; letter-spacing: -0.04em; line-height: 1.6em; }
.quality-wrap .btxt span { color: #ea0a2a }
.quality-wrap .btxt.ctxt { font-size: 48px;  font-weight: 700; color: #000 }


	@media only screen and (max-width:680px){
	.quality-wrap { margin-bottom: 50px; margin-top: 50px; }
	.quality-wrap .btxt { font-size: 24px; padding-bottom: 30px; line-height: 1.2em;}
	.quality-wrap .stxt { font-size: 15px; padding-bottom: 10px; line-height: 1.4em; }	
	.quality-wrap .btxt.ctxt { font-size: 24px; }
	}
	@media only screen and (max-width:480px){
		
	}


/*=======================================================
  .quality-02 
=========================================================*/ 
.quality-02 { width:1440px;margin: 0 auto; }
.quality-02 li { position: relative; border-bottom: 1px solid #ddd; padding-left: 45%; text-align: left; padding: 100px 0px 150px; }
.quality-02 li.last { border: none; padding-bottom: 0; margin-bottom: 0 }
.quality-02 li.c-02 { padding-right: 45%; padding-left: 0px; }
.quality-02 li.c-02 .img { left: auto; right: 0 }
.quality-02 li .img { position: absolute; left: 0; top: 0; height: 300px; padding: 50px 0px 0px; }
.quality-02 li .btxt { display: block; color: #2051ba; font-size: 36px; font-weight: 700; line-height: 1.4em; letter-spacing: -0.04em;}
.quality-02 li .btxt strong { font-weight: normal; color: #2051ba; font-size: 36px; font-weight: 700; display: inline-block; margin-right: 14px; letter-spacing: -0.03em; font-family:'Roboto'; letter-spacing: -0.04em;}
.quality-02 li .stxt { display: block; padding-top: 50px; font-size: 18px; color: #555; line-height: 1.8em; letter-spacing: -0.04em;}

@media only screen and (max-width:680px){
.quality-02 { width:100%; }
.quality-02 li {  padding: 0px 0px 50px;}
.quality-02 li .img { position: relative; left: auto; top: auto; height: auto; text-align: center; }
.quality-02 li .img img { width: 100% }
.quality-02 li { padding-left: 0 }
.quality-02 li.c-02 { padding-right: 0 }
.quality-02 li .btxt { padding: 20px 0px 0 0px; font-size: 20px }
.quality-02 li .btxt strong { font-size: 20px; }
.quality-02 li .stxt { padding: 20px 0px 0 0px; font-size: 15px; line-height: 1.6em; }
}



/*=======================================================
  .quality-03 
=========================================================*/ 

.quality-03.list { background-color:#fff;}
.quality-03.list .order { max-width: 1440px; box-sizing: border-box; padding: 0 0px; margin: 0 auto; /*margin-top:200px;*/ padding-top: 150px; position: relative; padding-bottom: 150px;  border-bottom: 1px solid #ddd;}
.quality-03.list .order:before { width: 20000px; left: 50%; margin-left: -10000px; top: 0; display: block; content: ""; border-top: 1px solid #bcbcbc; position: Absolute; z-index: -1; }

.quality-03.list .order h3 {font-weight: normal; color: #2051ba; font-size: 36px; font-weight: 700; display: inline-block; margin-right: 14px; letter-spacing: -0.03em;  line-height: 1.4em; }
.quality-03.list .order .stxt { display: block; padding-top: 50px; font-size: 18px; color: #555; line-height: 1.8em; letter-spacing: -0.04em; }
.quality-03.list .order ul { font-size: 0; margin-top: 90px; position: Relative; }
.quality-03.list .order ul:after { display: block; content: ""; clear: both; }
.quality-03.list .order li { float: left; width: 33.3333%; position: relative; }
.quality-03.list .order li:before { width: 100%; height: 0; border-bottom: 1px solid #ccc; left: 0; top: 35px; display: block; content: ""; position: Absolute; z-index: -1 }
.quality-03.list .order li:last-child:before { width: 500px; }
.quality-03.list .order li .step { display: inline-block; vertical-align: top; background: #c5161d; width: 70px; height: 70px; box-sizing: border-box; text-align: center; padding-top: 25px; border-radius: 100%; /*margin-left:170px;*/ }
.quality-03.list .order li .step p { font-size: 14px; font-weight: 400; color: #fff; line-height: 1.4em; font-family:'Roboto';}
.quality-03.list .order li .step p span { font-size: 16px; font-weight: 700; color: #fff; display: block; }
.quality-03.list .order li .txt { margin-top: 40px; }
.quality-03.list .order li .txt .btxt { font-size: 24px; font-weight: 700; color: #000; letter-spacing: -0.03em; line-height: 1.5em; }
.quality-03.list .order li .txt .stxt { font-size: 18px; font-weight: 300; color: #555; letter-spacing: -0.03em; line-height: 1.5em; margin-top: 10px }
.quality-03.list .order .ex { position: Absolute; left: -20px; bottom: 0px; font-family: "GothamPro"; font-weight: 800; font-size: 500px; height: 350px; line-height: 1em; color: #000; letter-spacing: -0.03em; line-height: 1.2em; white-space: pre; color: #f7f7f7; }
 @media only screen and (max-width:1440px) {
.quality-03.list .order { margin-top: 70px; padding-top: 70px; padding-bottom: 300px; }
.quality-03.list .order h3 { font-size: 43px }
.quality-03.list .order ul { margin-top: 70px; }
.quality-03.list .order li:before { top: 34px; }
.quality-03.list .order li:last-child:before { width: 70px; }
.quality-03.list .order li .step { width: 70px; height: 70px; padding-top: 16px }
.quality-03.list .order li .step p { font-size: 13px; }
.quality-03.list .order li .step p span { font-size: 15px; }
.quality-03.list .order li .txt { margin-top: 30px; }
.quality-03.list .order li .txt .btxt { font-size: 18px; }
.quality-03.list .order li .txt .stxt { font-size: 16px; margin-top: 5px; }
.quality-03.list .order .ex { font-size: 520px; bottom: 50px }
}
 @media only screen and (max-width:1200px) {
.quality-03.list .order li:before { top: 30px; }
.quality-03.list .order li:last-child:before { width: 50px; }
.quality-03.list .order li .step { width: 64px; height: 64px; padding-top: 14px }
.quality-03.list .order li .step p { font-size: 12px; }
.quality-03.list .order li .step p span { font-size: 14px; }
.quality-03.list .order li .txt { margin-top: 30px; }
.quality-03.list .order li .txt .btxt { font-size: 16px; }
.quality-03.list .order li .txt .stxt { font-size: 14px; margin-top: 5px; }
.quality-03.list .order .ex { font-size: 450px; bottom: 10px }
}
 @media only screen and (max-width:999px) {
.quality-03.list .order { margin-top: 50px; padding-top: 50px; padding-bottom: 250px; }
.quality-03.list .order h3 { font-size: 38px }
.quality-03.list .order ul { margin-top: 50px; }
.quality-03.list .order li { float: none; display: inline-block; vertical-align: top; width: 25%; }
.quality-03.list .order li:nth-child(n+5) { margin-top: 30px; }
.quality-03.list .order li .step { width: 60px; height: 60px; padding-top: 14px }
.quality-03.list .order li .step p { font-size: 11px; }
.quality-03.list .order li .step p span { font-size: 13px; }
.quality-03.list .order li .txt { margin-top: 20px; }
.quality-03.list .order li .txt .btxt { font-size: 15px; }
.quality-03.list .order li .txt .stxt { font-size: 13px; }
.quality-03.list .order .ex { font-size: 440px; bottom: -10px }
}
 @media only screen and (max-width:680px) {
.quality-03.list .order { padding-bottom: 50px; margin-top: 0px; }
.quality-03.list .order h3 { font-size: 20px }
.quality-03.list .order .stxt {padding-top: 20px; font-size: 15px;  line-height: 1.6em; }
.quality-03.list .order .stxt br { display:none;}

.quality-03.list .order ul { margin-top: 30px; }
.quality-03.list .order li:before { top: 25px; }
.quality-03.list .order li:last-child:before { width:100%; }
.quality-03.list .order li .step { width: 50px; height: 50px; padding-top: 18px }
.quality-03.list .order li { width: 100%; text-align: center; }
.quality-03.list .order li:nth-child(n+2) { margin-top: 30px; }
.quality-03.list .order li .txt .btxt { font-size: 16px; }
.quality-03.list .order li .txt .stxt { font-size: 14px; }
.quality-03.list .order .ex { left: 33.33333%; font-size: 320px; bottom: -100px }
}
 @media only screen and (max-width:480px) {
.quality-03.list .order { padding-bottom: 20px; }
.quality-03.list .order h3 { font-size: 20px }
.quality-03.list .order .ex {; font-size: 220px; bottom: -190px }
}



/*=======================================================
  .quality-04 
=========================================================*/ 

.quality-04.home03 .last{max-width:1440px;box-sizing:border-box;  margin:0 auto; margin-top:100px; margin-bottom:100px;}

.quality-04.home03 .last .txt{/*position:relative ;padding-left:50%;*/}
.quality-04.home03 .last .txt h4{font-weight: normal; color: #2051ba; font-size: 36px; font-weight: 700; display: inline-block; margin-right: 14px; letter-spacing: -0.03em;  line-height: 1.4em; /*position:Absolute ; left:0; top:0;*/}
.quality-04.home03 .last .txt .btxt{display: block; font-size:24px; color:#000; letter-spacing:-0.03em; line-height:1.4em;}
.quality-04.home03 .last .txt .stxt{display: block; font-size:18px; color:#555; letter-spacing:-0.03em; line-height:1.6em; margin-top:50px;}

.quality-04.home03 .last ul{margin-top:0px}
.quality-04.home03 .last ul:after{display:block; content:"";clear:both}
.quality-04.home03 .last li{float:left; width:33.3333%; position:Relative; padding-top:100px;}
.quality-04.home03 .last li:before{width:120px;height:120px; position:absolute ;left:0; top:0; display:block; content:""}
.quality-04.home03 .last li .img{ position:relative;overflow:hidden}
.quality-04.home03 .last li .img img{height:505px; width:367px;}
.quality-04.home03 .last li .btxt{font-size:22px; color:#000; font-weight:700; letter-spacing:-0.03em; line-height:1.4em; padding-top:30px;}
.quality-04.home03 .last li .stxt{font-size:16px; color:#555; font-weight:300; letter-spacing:-0.03em; line-height:1.6em; margin-top:15px}


	@media only screen and (max-width:1440px) {	
		.quality-04.home03 .last{margin-top:80px;}
		.quality-04.home03 .last .txt h4{font-size:42px; width:48%; }
		.quality-04.home03 .last .txt .btxt{font-size:22px; }
		.quality-04.home03 .last .txt .btxt br{display:none;}
		.quality-04.home03 .last .txt .stxt{font-size:17px;}
		.quality-04.home03 .last .txt .stxt br{display:none;}
		
		.quality-04.home03 .last ul{margin-top:60px}
		.quality-04.home03 .last li{box-sizing:border-box; padding-top:120px;}
		.quality-04.home03 .last li:before{width:100px;height:100px; background-size:100% auto !important;}
		.quality-04.home03 .last li .btxt{font-size:26px;}
		.quality-04.home03 .last li .stxt{font-size:17px;}
		
	}
	@media only screen and (max-width:1200px) {
		.quality-04.home03 .last .txt h4{font-size:36px; }
		.quality-04.home03 .last li{padding-top:100px; padding-right:20px;}
		.quality-04.home03 .last li:before{width:90px;height:90px;}
		.quality-04.home03 .last li .stxt br{display:none;}
	}
	@media only screen and (max-width:999px) {
		.quality-04.home03 .last{margin-top:60px; margin-bottom:60px;}
		.quality-04.home03 .last .txt h4{font-size:32px; }
		.quality-04.home03 .last .txt .btxt{font-size:20px; }
		.quality-04.home03 .last .txt .stxt{font-size:16px;}
		
		.quality-04.home03 .last ul{margin-top:40px; padding-top:40px; border-top:1px solid #dedede;}
		.quality-04.home03 .last li .btxt{font-size:24px;}
		.quality-04.home03 .last li .stxt{font-size:16px;}
	}
	@media only screen and (max-width:680px) {
		.quality-04.home03 .last{margin-top:40px;}
		.quality-04.home03 .last .txt{padding-left:0}
		.quality-04.home03 .last .txt h4{font-size:30px; position:relative; left:auto; top:auto; margin-bottom:10px; width:auto;}
		.quality-04.home03 .last .txt .btxt{font-size:18px;}
		.quality-04.home03 .last .txt .stxt{font-size:15px;}
		.quality-04.home03 .last .txt .stxt br{display:none;}
		
		/*.quality-04.home03 .last li{float:none; width:auto;padding-top:0;}*/
		.quality-04.home03 .last li{float:left; width:50%; position:Relative; padding-top:20px;  padding-right:3px;}
		.quality-04.home03 .last li:before{width:70px;height:70px; background-size:100% auto !important; top:-15px;}
		.quality-04.home03 .last li:nth-child(n+3){margin-top:20px}
		.quality-04.home03 .last li .btxt{font-size:22px;}
		.quality-04.home03 .last li .stxt{font-size:15px; margin-top:10px;}
		.quality-04.home03 .last li .stxt br{display:none;}
	}
	@media only screen and (max-width:480px) {
		.quality-04.home03 .last .txt h4{font-size:24px; }
		.quality-04.home03 .last .txt .btxt{font-size:16px; }
		.quality-04.home03 .last .txt .stxt{font-size:14px;}
		.quality-04.home03 .last li{/*padding-left:60px*/}
		.quality-04.home03 .last li:before{width:50px;height:50px; top:-5px;}
		.quality-04.home03 .last li .img img{width:100%; height:100%}
		.quality-04.home03 .last li .btxt{font-size:20px;}
		.quality-04.home03 .last li .stxt{font-size:14px;}
	}


/* =====================================
   online-wrap common
===================================== */
.online-wrap .lower{font-size:0; margin-top:40px;text-align:center;}
.online-wrap .lower.r{text-align:right;}



/* =====================================
   online-wrap.list
===================================== */
.online-wrap.list{}
.online-wrap.list .total{font-size:18px; font-weight:400; color:#000; letter-spacing:-0.03em; line-height:1.2em; margin-bottom:15px;font-family: 'NanumSquareRound';   transform: skew(-0.001deg);}
.online-wrap.list .list{border-top:1px solid #111}
.online-wrap.list .list li{border-bottom:1px solid #e1e1e1;}
.online-wrap.list .list li a{display:block; position:relative; padding:40px 50px 40px 190px;}


.online-wrap.list .list li a:before{width:46px;height:46px; position:absolute;right:20px; border-radius:100%; top:50%;margin-top:-23px; display:block;content:"";background:url(../img/Sub/rarrow-on.jpg) no-repeat center center ; background-size:100% auto;-webkit-transition: right 0.3s ease-in-out, opacity 0.3s ease-in-out;-moz-transition: right 0.3s ease-in-out, opacity 0.3s ease-in-out;-o-transition: right 0.3s ease-in-out, opacity 0.3s ease-in-out;transition: right 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.online-wrap.list .list li a:after{width:46px;height:46px; position:absolute;right:20px; border-radius:100%; top:50%;margin-top:-23px; display:block;content:"";opacity:0; z-index:12;background:url(../img/Sub/rarrow-off.jpg) no-repeat center center ; background-size:100% auto;-webkit-transition: right 0.3s ease-in-out, opacity 0.3s ease-in-out;-moz-transition: right 0.3s ease-in-out, opacity 0.3s ease-in-out;-o-transition: right 0.3s ease-in-out, opacity 0.3s ease-in-out;transition: right 0.3s ease-in-out, opacity 0.3s ease-in-out;}

.online-wrap.list .list li a:hover:before{background-image:url(../img/Sub/rarrow-off.jpg); right:10px;opacity:0;}
.online-wrap.list .list li a:hover:after{background-image:url(../img/Sub/rarrow-off.jpg); right:10px;opacity:1}




.online-wrap.list .list .state{position:Absolute ;left:40px; top:40px; font-size:16px; background:#aaa; color:#fff;  width:60px; text-align:center; line-height:30px; border-radius:5px;}
.online-wrap.list .list .state.ing{background:#2675e0}
.online-wrap.list .list .txt{}
.online-wrap.list .list .txt .tit{font-size:22px ;color:#111; letter-spacing:-0.03em; font-weight:400;line-height:1.4em; }
.online-wrap.list .list .txt ul{margin-top:20px;}
.online-wrap.list .list .txt ul:after{display:block; content:"";clear:both}
.online-wrap.list .list .txt li{font-weight:300; color:#555; line-height:1.3em; float:left; font-size:16px; border:none;}
.online-wrap.list .list .txt li span{font-weight:600;}
.online-wrap.list .list .txt li:nth-child(1){float:left; width:340px; font-weight:600;}
.online-wrap.list .list .txt li.time:nth-child(1){color:#2675e0;width:380px;}
.online-wrap.list .list .txt li:nth-child(2){float:left; width:calc(100% - 380px)}
.online-wrap.list .list .txt li:nth-child(n+3){margin-top:10px;}
.online-wrap.list .list .txt li:nth-child(n+4){margin-left:14px;}

	@media only screen and (max-width:1400px){
		.online-wrap.list .total{font-size:17px;}
		.online-wrap.list .list li a{padding:30px 50px 30px 170px;}
		.online-wrap.list .list .state{left:30px; top:30px;}
		.online-wrap.list .list .txt{}
		.online-wrap.list .list .txt .tit{font-size:20px ;}
		.online-wrap.list .list .txt li{font-size:15px;}
		.online-wrap.list .list .txt li:nth-child(n+3){margin-top:7px;}
		
		.online-wrap.list .list .txt li:nth-child(1){width:320px;}
		.online-wrap.list .list .txt li.time:nth-child(1){width:360px;}
		.online-wrap.list .list .txt li:nth-child(2){width:calc(100% - 360px)}

		.online-wrap.list .list li a:after{width:40px;height:40px; margin-top:-20px;}
	}
	@media only screen and (max-width:1200px){
		.online-wrap.list .list .state{font-size:14px;}
		.online-wrap.list .list .txt .tit{font-size:18px ;}
		.online-wrap.list .list .txt li{font-size:14px;}
		.online-wrap.list .list li a{padding:30px 50px 30px 150px;}
		
		.online-wrap.list .list .txt li:nth-child(1){width:300px;}
		.online-wrap.list .list .txt li.time:nth-child(1){width:340px;}
		.online-wrap.list .list .txt li:nth-child(2){width:calc(100% - 340px)}
	}
	@media only screen and (max-width:999px){
		.online-wrap.list .total{font-size:15px;}
		.online-wrap.list .list li{border:1px solid #e1e1e1}
		.online-wrap.list .list li:nth-child(n+2){margin-top:20px;}
		.online-wrap.list .list li a{padding:30px}
		.online-wrap.list .list .state{font-size:13px; position:relative ;display:inline-block;vertical-align:top;left:auto; top:auto; margin-bottom:5px; text-align:center;width:50px; line-height:24px;}
		.online-wrap.list .list .txt{}
		.online-wrap.list .list .txt .tit{font-size:18px ;}
		.online-wrap.list .list .txt ul{margin-top:20px;box-sizing:border-box;background:#f8f8f8; padding:15px;}
		.online-wrap.list .list .txt li{float:none; width:auto !important;position:relative; padding-left:66px; font-size:14px; border:none;}
		.online-wrap.list .list .txt li:nth-child(1){float:none;width:auto;}
		.online-wrap.list .list .txt li:nth-child(2){float:none;width:auto;}
		.online-wrap.list .list .txt li:nth-child(n+2){margin-top:5px;}
		.online-wrap.list .list .txt li:nth-child(n+4){margin-left:0;}
		.online-wrap.list .list .txt li span{position:absolute; left:0; top:0;}

		.online-wrap.list .list li a:after{width:30px;height:30px; margin-top:0; top:30px; right:30px;}
		.online-wrap.list .list li a:hover:after{right:20px;}
	}
	@media only screen and (max-width:680px){
		.online-wrap.list .total{font-size:13px; margin-bottom:7px;}
		.online-wrap.list .list li a{padding:20px;}
		.online-wrap.list .list .state{font-size:12px;}
		.online-wrap.list .list .txt{}
		.online-wrap.list .list .txt .tit{font-size:16px ;}
		.online-wrap.list .list .txt ul{margin-top:15px;}

		.online-wrap.list .list li a:after{width:26px;height:26px; right:20px; top:20px;}
		.online-wrap.list .list li a:hover:after{right:10px;}

	}
	@media only screen and (max-width:480px){
		.online-wrap.list .total{font-size:11px;}
		.online-wrap.list .list li a:after{width:22px;height:22px;}
		
	}



/* =====================================
   online-wrap.detail
===================================== */
.online-wrap.detail .detail{border-bottom:1px solid #ddd}

.online-wrap.detail .periods{border-top:1px solid #000;padding:45px 30px;}
.online-wrap.detail .periods h3{font-size:22px ;color:#111; letter-spacing:-0.03em; font-weight:400;line-height:1.3em; position:relative; padding-left:80px;}
.online-wrap.detail .periods h3 .state{position:Absolute ;left:0; top:0; font-size:16px; background:#aaa; color:#fff;  width:60px; text-align:center; line-height:30px; border-radius:5px;}
.online-wrap.detail .periods h3 .state.ing{background:#2675e0}
.online-wrap.detail .periods h3 br{display:none;}
.online-wrap.detail .periods ul{margin-top:25px;}
.online-wrap.detail .periods ul:after{display:block; content:"";clear:both}
.online-wrap.detail .periods li{font-weight:300; color:#555; line-height:1.3em; float:left; font-size:16px;}
.online-wrap.detail .periods li span{font-weight:600;}
.online-wrap.detail .periods li:nth-child(1){float:left; width:360px;color:#2675e0; font-weight:600;}
.online-wrap.detail .periods li:nth-child(2){float:left; width:calc(100% - 380px)}
.online-wrap.detail .periods li:nth-child(n+3){margin-top:10px;}
.online-wrap.detail .periods li:nth-child(n+4){margin-left:14px;}

.online-wrap.detail .periods li.time:nth-child(1){width:380px;}

.online-wrap.detail .cons{border-top:1px solid #ddd; min-height:200px; padding:45px 30px;font-size:16px; color:#555; line-height:1.7em;}
	@media only screen and (max-width:1400px){
		.online-wrap.detail .periods{padding:30px 20px;}
		.online-wrap.detail .periods h3{font-size:20px ;}
		.online-wrap.detail .periods h3 .state{left:0; top:-3px;}

		.online-wrap.detail .periods li{font-size:15px;}
		.online-wrap.detail .periods li:nth-child(n+3){margin-top:7px;}

		.online-wrap.detail .periods li:nth-child(1){width:320px;}

		.online-wrap.detail .periods li:nth-child(2){ width:calc(100% - 360px)}
		.online-wrap.detail .periods li.time:nth-child(1){width:360px;}
	}
	@media only screen and (max-width:1200px){
		.online-wrap.detail .periods h3{font-size:18px ;}
		.online-wrap.detail .periods h3 .state{font-size:14px;}
		

		.online-wrap.detail .cons{padding:40px 20px; font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.online-wrap.detail .periods h3{font-size:16px ; padding-left:0;}
		.online-wrap.detail .periods h3 .state{font-size:13px; position:relative ;display:inline-block;vertical-align:top;left:auto; top:auto; margin-bottom:5px; text-align:center;width:50px; line-height:24px;}
		.online-wrap.detail .periods h3 br{display:block;}
		.online-wrap.detail .periods ul{margin-top:20px;background:#f8f8f8; padding:15px;}
		.online-wrap.detail .periods li{float:none;position:relative; width:auto !important; padding-left:66px; font-size:14px;}
		.online-wrap.detail .periods li:nth-child(1){float:none;width:auto;}
		.online-wrap.detail .periods li:nth-child(2){float:none;width:auto;}
		.online-wrap.detail .periods li:nth-child(n+2){margin-top:5px;}
		.online-wrap.detail .periods li:nth-child(n+4){margin-left:0;}
		.online-wrap.detail .periods li span{position:absolute; left:0; top:0;}

		.online-wrap.detail .cons{padding:30px 20px; font-size:14px;}
	}
	@media only screen and (max-width:680px){
		.online-wrap.detail .periods{padding:20px 15px;}
		.online-wrap.detail .periods h3{font-size:16px ; }
		.online-wrap.detail .periods h3 .state{font-size:12px;}
		.online-wrap.detail .periods ul{margin-top:15px;}

		.online-wrap.detail .cons{padding:20px 15px; font-size:13px; min-height:190px;}
	}
	@media only screen and (max-width:480px){
		.online-wrap.detail .periods h3 span{font-size:14px;}
	}


.online-wrap.detail .files{border-top:1px solid #ddd; padding:25px 35px; padding-left:130px; position:relative;}
.online-wrap.detail .files h3{position:Absolute ;left:35px ; top:25px; font-weight:400; font-size:18px ;letter-spacing:-0.03em; color:#111;}
.online-wrap.detail .files li {}
.online-wrap.detail .files li:nth-child(n+2){margin-top:7px;}
.online-wrap.detail .files li a{background:url(../img/Sub/ico-file.jpg) no-repeat left 3px;background-size:17px auto;padding-left:35px;font-size:15px; color:#666; line-height:25px;display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: background 0s ease-in-out;-moz-transition: background 0s ease-in-out;-o-transition:background 0s ease-in-out;transition:background 0s ease-in-out;}
.online-wrap.detail .files li a:hover{color:#111; text-decoration:underline}

.online-wrap.detail .others{ border-top:1px solid #ddd}
.online-wrap.detail .others li{ position:relative; padding:20px 20px 20px 145px}
.online-wrap.detail .others li:nth-child(n+2){border-top:1px solid #ddd;}
.online-wrap.detail .others li .btxt{padding-left:45px;font-size:16px; color:#666; line-height:25px; position:absolute; left:0; top:20px;}
.online-wrap.detail .others li a{font-size:16px; color:#666; line-height:25px;display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.online-wrap.detail .others li a:hover{color:#111; text-decoration:underline}
	@media only screen and (max-width:1200px){
		.online-wrap.detail .files{padding:20px 30px; padding-left:120px;}
		.online-wrap.detail .files h3{font-size:16px; left:30px; top:20px;}
		.online-wrap.detail .files li a{font-size:15px; padding-left:30px;}
		
		.online-wrap.detail .others li{padding:20px 20px 20px 135px}
		.online-wrap.detail .others li .btxt{padding-left:40px; font-size:15px; top:20px;}
		.online-wrap.detail .others li a{font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.online-wrap.detail .files{padding:25px 20px;}
		.online-wrap.detail .files h3{font-size:16px;  left:auto; top:auto; position:relative; margin-bottom:10px;}
		.online-wrap.detail .files li a{font-size:14px; padding-left:25px;background-size:12px auto;background-position:left 3px; line-height:20px;}
		
		.online-wrap.detail .others li{padding:12px 15px 12px 115px}
		.online-wrap.detail .others li .btxt{padding-left:35px;left:10px; font-size:14px;top:12px; background:url(../img/Sub/mpage-prev.jpg) no-repeat 15px center;}
		.online-wrap.detail .others li:nth-child(2) .btxt{background:url(../img/Sub/mpage-next.jpg) no-repeat 15px center;}
		.online-wrap.detail .others li a{font-size:14px;}
	}
	@media only screen and (max-width:680px){
		.online-wrap.detail .files{padding:25px 20px;}
		.online-wrap.detail .files h3{font-size:15px;}
		.online-wrap.detail .files li:nth-child(n+2){margin-top:2px;}
		.online-wrap.detail .files li a{font-size:13px; padding-left:22px;}
		
		.online-wrap.detail .others li{padding:12px 15px 12px 95px}
		.online-wrap.detail .others li .btxt{padding-left:35px; font-size:13px; left:5px;}
		
		.online-wrap.detail .others li a{font-size:13px;}
	}
	@media only screen and (max-width:480px){
		 .online-wrap.detail .files{padding:15px 13px;}
		
		 .online-wrap.detail .others li{}
		 .online-wrap.detail .others li .btxt{ left:0}
	}





/* ======================================================
   .member-wrap
=========================================================*/
.member-wrap{max-width:500px; margin:0 auto}
.member-wrap .logo{background:url(../img/content/login-logo.jpg) no-repeat center top; height:66px; margin-bottom:60px;}
	@media only screen and (max-width:999px){
		.member-wrap .logo{margin-bottom:40px; background-size:auto 55px ; height:55px;}
	}
	@media only screen and (max-width:680px){
		.member-wrap .logo{ background-size:auto 40px ; height:40px;}
	}
	@media only screen and (max-width:480px){
		
	}

/* ======================================================
   .member-wrap.login
=========================================================*/
.member-wrap.login{}
.member-wrap.login h3{font-size:28px ;font-weight:300; color:#1f1f1f; line-height:1.2em; letter-spacing:-0.03em; margin-bottom:15px;}
.member-wrap.login .stit{font-size:16px; font-weight:400; color:#1f1f1f; letter-spacing:-0.03em; line-height:1.2em;}

.member-wrap.login .sns{margin-top:25px;}
.member-wrap.login .sns ul:after{display:block;content:"";clear:both}
.member-wrap.login .sns li{float:left; width:46%;}
.member-wrap.login .sns li:nth-child(n+2){width:25%; margin-left:2%; }
.member-wrap.login .sns li a{display:block; height:55px; line-height:53px; text-align:center; border-radius:5px; border:1px solid #d2d2d2; background:#fff;}


.member-wrap.login .sns li:nth-child(1) a{background:#fee500; border-color:#fee500; font-size:16px; font-weight:400; letter-spacing:-0.03em; color:#1f1f1f;}
.member-wrap.login .sns li:nth-child(1) a span{display:inline-block;vertical-align:top; padding-left:34px;background:url(../img/content/login-kakao.jpg) no-repeat left center;}
.member-wrap.login .sns li:nth-child(2) a{background:url(../img/content/login-naver.jpg) no-repeat center center;}
.member-wrap.login .sns li:nth-child(3) a{background:url(../img/content/login-facebook.jpg) no-repeat center center;}

.member-wrap.login .entry{margin-top:40px;}
.member-wrap.login .entry ul{}
.member-wrap.login .entry ul li{position:relative;}
.member-wrap.login .entry ul li:nth-child(n+2){margin-top:20px;}

.member-wrap.login .other{margin-top:20px; position:relative}
.member-wrap.login .other ul{position:absolute; right:0; top:0;}
.member-wrap.login .other ul:after{display:block; content:"";clear:both;}
.member-wrap.login .other li{position:relative; float:left;}
.member-wrap.login .other li:nth-child(n+2){margin-left:35px;}
.member-wrap.login .other li:nth-child(n+2):before{width:1px;height:12px; position:absolute; left:-18px; top:50%;margin-top:-6px; background:#d1d1d1; display:block; content:""}
.member-wrap.login .other li a{display:block; line-height:25px; color:#555;}
.member-wrap.login .other .chk-check label{font-weight:300;}

.member-wrap.login .login-btn{margin-top:30px;display:block; line-height:55px; border:1px solid #1f1f1f; text-align:center; font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#1f1f1f; border-radius:5px;}
.member-wrap.login .login-btn:hover{background:#1f1f1f; color:#fff; border-color:#1f1f1f}

.member-wrap.login .join-btn{margin-top:10px;display:block; line-height:60px; border:1px solid #b49566; background:#b49566; text-align:center; font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#fff; border-radius:5px;}
.member-wrap.login .join-btn:hover{margin-top:10px;display:block; line-height:60px; border:1px solid #b49566; background:#fff;  text-align:center; font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#b49566; border-radius:5px;}

.member-wrap.login .bemember-btn{margin-top:30px;display:block; line-height:1.3em; text-align:center; font-size:15px; font-weight:500; letter-spacing:-0.03em; color:#1f1f1f; text-decoration:underline; }

.member-wrap.login .copy{margin-top:50px; text-align:center; font-size:12px; color:#888; text-transform:uppercase; line-height:1.3em; letter-spacing:0.01em;}
	@media only screen and (max-width:1240px){
		
	}
	@media only screen and (max-width:999px){
		.member-wrap.login h3{font-size:25px ; margin-bottom:40px;}
		.member-wrap.login .stit{font-size:15px;}
		
		.member-wrap.login .sns li a{height:45px;line-height:43px; }
		.member-wrap.login .sns li:nth-child(1) a{font-size:15px;}
		.member-wrap.login .sns li:nth-child(1) a span{background-size:20px auto; padding-left:30px;}
		.member-wrap.login .sns li:nth-child(2) a {background-size:20px auto;}
		.member-wrap.login .sns li:nth-child(3) a {background-size:20px auto;}
		
		.member-wrap.login .entry{margin-top:20px;}
		.member-wrap.login .entry ul li:nth-child(n+2){margin-top:15px;}
		.member-wrap.login .entry ul li .chk-input input{height:45px;}
		.member-wrap.login .other li a{font-size:13px;}
		.member-wrap.login .other li:nth-child(n+2){margin-left:25px;}
		.member-wrap.login .other li:nth-child(n+2):before{left:-13px;}
		
		.member-wrap.login .login-btn{line-height:55px; font-size:17px;}
		.member-wrap.login .join-btn{line-height:55px; font-size:17px;}
		.member-wrap.login .bemember-btn{font-size:14px;}
		.member-wrap.login .copy{font-size:11px; margin-top:30px;}
	}
	@media only screen and (max-width:680px){
		.member-wrap.login h3{font-size:23px ; margin-bottom:20px;}
		.member-wrap.login .stit{font-size:14px;}

		.member-wrap.login .sns li:nth-child(1) a{font-size:14px;}
		
		.member-wrap.login .bemember-btn{font-size:13px;}
		.member-wrap.login .login-btn{line-height:50px; font-size:16px;}
		.member-wrap.login .join-btn{line-height:50px; font-size:16px;}
	}
	@media only screen and (max-width:480px){
		.member-wrap.login h3{font-size:21px ; margin-bottom:10px;} 
		.member-wrap.login .sns li:nth-child(1) a{font-size:13px;}
	}
/* ======================================================
   .member-wrap.join
=========================================================*/
.member-wrap.join{}
.member-wrap.join h3{font-size:28px ;font-weight:300; color:#1f1f1f; line-height:1.2em; letter-spacing:-0.03em; margin-bottom:30px;}

.member-wrap.join .sns{}
.member-wrap.join .sns ul:after{display:block;content:"";clear:both}
.member-wrap.join .sns li{float:left; width:46%;}
.member-wrap.join .sns li:nth-child(n+2){width:25%; margin-left:2%; }
.member-wrap.join .sns li a{display:block; height:55px; line-height:53px; text-align:center; border-radius:5px; border:1px solid #d2d2d2; background:#fff;}

.member-wrap.join .sns li:nth-child(1) a{background:#fee500; border-color:#fee500; font-size:16px; font-weight:400; letter-spacing:-0.03em; color:#1f1f1f;}
.member-wrap.join .sns li:nth-child(1) a span{display:inline-block;vertical-align:top; padding-left:34px;background:url(../img/content/login-kakao.jpg) no-repeat left center;}
.member-wrap.join .sns li:nth-child(2) a{background:url(../img/content/login-naver.jpg) no-repeat center center;}
.member-wrap.join .sns li:nth-child(3) a{background:url(../img/content/login-facebook.jpg) no-repeat center center;}

.member-wrap.join .entry{margin-top:40px;}
.member-wrap.join .entry ul{}
.member-wrap.join .entry ul li{position:relative; padding-left:135px;}
.member-wrap.join .entry ul li:nth-child(n+2){margin-top:20px;}
.member-wrap.join .entry ul li .btxt{position:absolute; left:0; top:0; line-height:48px; font-size:17px; color:#1f1f1f; letter-spacing:-0.03em;}

.member-wrap.join .entry ul li .field.cmmt{}
.member-wrap.join .entry ul li .field.cmmt .chk-input{ width:49%}
.member-wrap.join .entry ul li .field.cmmt .chk-input:nth-child(2){float:right; width:49%}


.member-wrap.join .entry ul li .field.cmmt{}
.member-wrap.join .entry ul li .field.cmmt .chk-select{ width:48%}
.member-wrap.join .entry ul li .field.cmmt .chk-select:nth-child(2){ width:25%}
.member-wrap.join .entry ul li .field.cmmt .chk-select:nth-child(3){float:right; width:25%}

.member-wrap.join .entry ul li .field.zip{padding:5px 0;display:block;}
.member-wrap.join .entry ul li .field.zip .stxt{line-height:46px;}
.member-wrap.join .entry ul li .zip-btn{border:1px solid #d2d2d2; border-radius:5px;display:inline-block;vertical-align:top; font-size:13px; color:#888;  width:100px;text-align:center; line-height:46px; margin-left:5px;}
.member-wrap.join .entry ul li .zip-btn:hover{background:#1f1f1f; color:#fff; border-color:#1f1f1f}

.member-wrap.join .agrees{}
.member-wrap.join .agrees h5{ font-size:16px;}
.member-wrap.join .agrees .scroll{border:1px solid #d9d9d9; padding:20px; max-height:150px; margin-top:10px; box-sizing:border-box; overflow-y:auto;}
.member-wrap.join .agrees ul{padding:15px 0;}
.member-wrap.join .agrees li{position:relative;}
.member-wrap.join .agrees li:nth-child(n+2){margin-top:7px;}
.member-wrap.join .agrees li .chk-check{display:block;}
.member-wrap.join .agrees li .view-btn{position:Absolute; right:0; top:0; line-height:25px; color:#5c3fbf; border-bottom:1px solid #5c3fbf; font-size:14px;}
.member-wrap.join .agrees li .view-btn:hover{color:#1f1f1f; border-color:#1f1f1f;}

.member-wrap.join .join-btn{margin-top:40px;display:block; line-height:60px; border:1px solid #1f1f1f; background:#1f1f1f; text-align:center; font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#fff; border-radius:5px;}
.member-wrap.join .join-btn:hover{margin-top:40px;display:block; line-height:60px; border:1px solid #1f1f1f; background:#fff; text-align:center; font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#1f1f1f; border-radius:5px;}



	@media only screen and (max-width:1240px){
		
	}
	@media only screen and (max-width:999px){
		.member-wrap.join h3{font-size:25px ; margin-bottom:40px;}
		
		.member-wrap.join .sns li a{height:45px;line-height:43px; }
		.member-wrap.join .sns li:nth-child(1) a{font-size:15px;}
		.member-wrap.join .sns li:nth-child(1) a span{background-size:20px auto; padding-left:30px;}
		.member-wrap.join .sns li:nth-child(2) a {background-size:20px auto;}
		.member-wrap.join .sns li:nth-child(3) a {background-size:20px auto;}
		
		.member-wrap.join .entry{margin-top:20px;}
		.member-wrap.join .entry ul {padding:0 5px;}
		.member-wrap.join .entry ul li{padding-left:0;}
		.member-wrap.join .entry ul li .btxt{padding-left:10px;line-height:1.3em; margin-bottom:10px; font-size:16px;position:relative; left:auto; top:auto;}
		.member-wrap.join .entry ul li .btxt:before{width:3px;height:3px; position:Absolute; left:0; top:8px; background:#333; display:block; content:""}
		
		.member-wrap.join .join-btn{line-height:55px; font-size:17px;}
	}
	@media only screen and (max-width:680px){
		.member-wrap.join h3{font-size:23px ; margin-bottom:20px;}

		.member-wrap.join .sns li:nth-child(1) a{font-size:14px;}

		.member-wrap.join .entry ul li .btxt{font-size:15px;}
		.member-wrap.join .join-btn{margin-top:30px;line-height:50px; font-size:16px;}
	}
	@media only screen and (max-width:480px){
		.member-wrap.join h3{font-size:21px ;} 
		.member-wrap.join .sns li:nth-child(1) a{font-size:13px;}
	}



/* ======================================================
   .layer-wrap.joinEnd
=========================================================*/
.layer-wrap.joinEnd {padding:25px;width:96%; max-width:500px; box-sizing:border-box; border-radius:15px;background:#fff; position:fixed; display:none;left:50%; top:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2)  ; }
.layer-wrap.joinEnd .is-con{text-align:center;}
.layer-wrap.joinEnd .is-con .btxt{font-size:18px; color:#1f1f1f; font-weight:500; line-height:1.2em; padding-top:40px; background:url(../img/content/welcome-chk.jpg) no-repeat center 10px}
.layer-wrap.joinEnd .is-con .stxt{font-size:14px; color:#888; font-weight:400; line-height:1.2em; margin-top:7px;}

.layer-wrap.joinEnd .is-btm{margin-top:20px;}
.layer-wrap.joinEnd .is-btm:after{display:block; content:"";clear:both;}
.layer-wrap.joinEnd .is-btm a{display:inline-block;vertical-align:top;width:48.5%;text-align:center; border-radius:5px;}
.layer-wrap.joinEnd .is-btm .end-btn{float:left;border:1px solid #d1d1d1; line-height:45px; font-size:14px; color:#1f1f1f; font-weight:400; letter-spacing:-0.03em;}
.layer-wrap.joinEnd .is-btm .enter-btn{float:right;border:1px solid #5c3fbf; background:#5c3fbf;line-height:45px; font-size:14px; color:#fff; font-weight:400; letter-spacing:-0.03em;}


/* ======================================================
   .member-wrap.modify
=========================================================*/
.member-wrap.modify{}
.member-wrap.modify h3{font-size:28px ;font-weight:300; color:#1f1f1f; line-height:1.2em; letter-spacing:-0.03em; margin-bottom:60px;}
.member-wrap.modify h4{font-size:16px ;font-weight:700; color:#1f1f1f; line-height:1.2em; letter-spacing:-0.03em; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #d2d2d2}
.member-wrap.modify h5{font-size:14px ;color:#888; letter-spacing:-0.03em; font-weight:400; margin-bottom:20px;}

.member-wrap.modify .stit{font-size:16px; font-weight:400; color:#1f1f1f; letter-spacing:-0.03em; line-height:1.2em;}
.member-wrap.modify .entry{}
.member-wrap.modify .entry ul{}
.member-wrap.modify .entry ul li{position:relative; padding-left:135px;}
.member-wrap.modify .entry ul li:nth-child(n+2){margin-top:20px;}
.member-wrap.modify .entry ul li .btxt{position:absolute; left:0; top:0; line-height:48px; font-size:17px; color:#1f1f1f; letter-spacing:-0.03em;}
.member-wrap.modify .entry ul li .stxt{display:inline-block;vertical-align:top; line-height:48px; font-size:16px; color:#1f1f1f; letter-spacing:-0.03em; min-width:100px;}
.member-wrap.modify .entry ul li .stxt.f10{font-size:10px;}
.member-wrap.modify .entry ul li .modify-btn{border:1px solid #d2d2d2; border-radius:5px;display:inline-block;vertical-align:top; font-size:13px; color:#888;  width:62px;text-align:center; line-height:38px; margin-left:15px;}
.member-wrap.modify .entry ul li .modify-btn:hover{background:#1f1f1f; color:#fff; border-color:#1f1f1f}


.member-wrap.modify .entry ul li .field.modify{padding:5px 0;display:block;}
.member-wrap.modify .entry ul li .field.modify .stxt{line-height:38px;}

.member-wrap.modify .entry ul li .field.cmmt{}
.member-wrap.modify .entry ul li .field.cmmt .chk-input{float:left; width:49%}
.member-wrap.modify .entry ul li .field.cmmt .chk-input:nth-child(2){float:right; width:49%}

.member-wrap.modify .letter{margin-top:27px;}
.member-wrap.modify .letter ul{margin:-5px}
.member-wrap.modify .letter ul:after{display:block; content:"";clear:both;}
.member-wrap.modify .letter li{float:left;margin:5px}
.member-wrap.modify .letter li:nth-child(n+2){}
.member-wrap.modify .letter li a{ line-height:30px; border:1px solid #d2d2d2; border-radius:30px; padding:0 20px;display:block; font-size:14px; color:#777; letter-spacing:-0.03em;}
.member-wrap.modify .letter li.active a{border-color:#718bdd; background:#718bdd; color:#fff;}

.member-wrap.modify .field.agree{margin-top:50px; display:block;}
.member-wrap.modify .field.agree .view-btn{font-size:15px; font-weight:500; display:inline-block;vertical-align:top;margin-left:10px; line-height:25px; color:#1f1f1f;text-decoration:underline }
.member-wrap.modify .field.agree .view-btn:hover{text-decoration:underline}
.member-wrap.modify .save-btn{margin-top:40px;display:block; line-height:60px; background:#1f1f1f; text-align:center; font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#fff; border-radius:5px;}

.member-wrap.modify .r{margin-top:15px;text-align:Right;}
.member-wrap.modify .leave-btn{font-size:16px; font-weight:400; color:#1f1f1f; line-height:1.4em; border-bottom:1px solid #1f1f1f; display:inline-block;vertical-align:top;}
	@media only screen and (max-width:1240px){
		
	}
	@media only screen and (max-width:999px){
		.member-wrap.modify h3{font-size:25px ; margin-bottom:40px;}
		.member-wrap.modify h4{font-size:15px ;}
		.member-wrap.modify h5{font-size:13px ;}
		.member-wrap.modify .entry ul {padding:0 5px;}
		.member-wrap.modify .entry ul li .stxt{line-height:32px;}
		.member-wrap.modify .entry ul li .modify-btn{line-height:32px; position:absolute;right:0; top:5px;}
		.member-wrap.modify .entry ul li .field.modify{padding-right:75px;}
		.member-wrap.modify .entry ul li .field.modify .stxt{line-height:32px; display:block;border:1px solid #dedede; padding:0 10px; font-size:14px; border-radius:5px;background:#fafafa}

		.member-wrap.modify .entry ul li{padding-left:0;}
		.member-wrap.modify .entry ul li .btxt{padding-left:10px;line-height:1.3em; margin-bottom:10px; font-size:16px;position:relative; left:auto; top:auto;}
		.member-wrap.modify .entry ul li .btxt:before{width:3px;height:3px; position:Absolute; left:0; top:8px; background:#333; display:block; content:""}
		.member-wrap.modify .stit{font-size:15px; }
		.member-wrap.modify .save-btn{line-height:55px; font-size:17px;}
		.member-wrap.modify .leave-btn{font-size:15px;}
		
		.member-wrap.modify .letter{margin-top:20px;}
		.member-wrap.modify .letter li a{padding:0 15px; font-size:13px;}
		
		.member-wrap.modify .field.agree{margin-top:30px;}
		.member-wrap.modify .field.agree .view-btn{line-height:20px; font-size:14px;}
	}
	@media only screen and (max-width:680px){
		.member-wrap.modify h3{font-size:23px ; margin-bottom:20px;}
		.member-wrap.modify .entry ul li .btxt{font-size:15px;}

		.member-wrap.modify .letter li a{ font-size:12px;}
		.member-wrap.modify .save-btn{margin-top:30px;line-height:50px; font-size:16px;}
		.member-wrap.modify .leave-btn{font-size:14px;}
	}
	@media only screen and (max-width:480px){
		.member-wrap.modify h3{font-size:21px ;} 
		.member-wrap.modify .stit{font-size:14px; }
		.member-wrap.modify .leave-btn{font-size:13px;}
		.member-wrap.modify .field.agree .view-btn{line-height:20px; font-size:13px;}
	}

/* ======================================================
   .member-wrap.leave
=========================================================*/
.member-wrap.leave{}
.member-wrap.leave h3{font-size:28px ;font-weight:300; color:#111; line-height:1.2em; letter-spacing:-0.03em; margin-bottom:60px;}
.member-wrap.leave .stit{font-size:16px; font-weight:400; color:#1f1f1f; letter-spacing:-0.03em; line-height:1.4em;}
.member-wrap.leave .ex{margin-top:25px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding:30px 0;}
.member-wrap.leave .ex ul{}
.member-wrap.leave .ex li{position:relative; padding-left:12px; font-size:14px; font-weight:300; color:#111; line-height:1.2em;}
.member-wrap.leave .ex li:nth-child(n+2){margin-top:5px;}
.member-wrap.leave .ex li:before{background:#777; width:6px;height:1px; position:absolute; left:0; top:8px; display:block ;content:""}
.member-wrap.leave .field{display:block; margin-top:25px;}
.member-wrap.leave .chk-check{display:block; }
.member-wrap.leave .chk-check label{}
.member-wrap.leave .chk-input{display:block; margin-top:20px;}
.member-wrap.leave .chk-input textarea{}
.member-wrap.leave .chk-select{display:block; margin-top:30px;}
.member-wrap.leave .chk-select select{}
.member-wrap.leave .leave-btn{margin-top:20px;display:block; line-height:60px; background:#1f1f1f; text-align:center; font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#fff; border-radius:5px;}
.member-wrap.leave .leave-btn:hover{margin-top:20px;display:block; line-height:60px; border:1px solid #1f1f1f; background:#fff; text-align:center; font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#1f1f1f; border-radius:5px;}


	@media only screen and (max-width:1240px){
		
	}
	@media only screen and (max-width:999px){
		.member-wrap.leave h3{font-size:25px; margin-bottom:40px;}
		.member-wrap.leave .stit{font-size:15px;}
		.member-wrap.leave .ex{padding:25px 0}
		.member-wrap.leave .ex ul{padding:0 5px;}
		.member-wrap.leave .ex li{padding-left:10px;}
		.member-wrap.leave .ex li:before{width:4px}
		.member-wrap.leave .field{margin-top:15px;}
		.member-wrap.leave .leave-btn{line-height:55px; font-size:17px;}
	}
	@media only screen and (max-width:680px){
		.member-wrap.leave h3{font-size:23px; margin-bottom:20px;}
		.member-wrap.leave .stit{font-size:14px;}

		.member-wrap.leave .leave-btn{line-height:50px; font-size:16px;}
	}
	@media only screen and (max-width:480px){
		.member-wrap.leave h3{font-size:21px}
		.member-wrap.leave .stit{font-size:13px;}
		
	}

/*=======================================================
  .hist-wrap 
=========================================================*/
.hist-wrap   { /*width:1000px; margin:0 auto;*/ }
.hist-wrap  .intro { overflow: hidden; position: relative; padding-left: 300px }
.hist-wrap  .intro:before { position: absolute; top: 0px; left: 370px; width: 1px; bottom: 0px; background-color: #ddd; content: ""; }
.hist-wrap  .intro h4 { position: absolute; left: 0; top: 0; color: #222; font-size: 29px; font-weight: 600; letter-spacing: -1.5px; font-family:"Roboto" }
.hist-wrap  .intro h4:after { position: absolute; top: 10px; left: 140px; content: ""; width: 100px; height: 3px; background-color: #ed1c24; }
.hist-wrap  .intro .cont { overflow: hidden; position: relative; padding-bottom: 30px }
.hist-wrap  .intro .cont:last-child { padding-bottom: 30px }
.hist-wrap  .intro .cont .year { position: absolute; top: 5px; left: 0px; width: 120px; }
.hist-wrap  .intro .cont .year:after { position: absolute; display: block; content: ""; top: 50%; right: -4px; width: 7px; height: 7px; margin-top: -3px; background-color: #ed1c24; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.hist-wrap  .intro .cont .year strong { color: #1e1e1e; font-weight: 600; font-size: 23px;  font-family:"Roboto" }
.hist-wrap  .intro .cont .list { padding-left: 140px; }
.hist-wrap  .intro .cont:last-child .list {  }
.hist-wrap  .intro .cont .list p { position: relative; margin-bottom: 10px; padding-left: 90px; color: #555; font-size: 16px; font-weight: 400; letter-spacing: -0.5px; line-height: 1.4; word-break: keep-all }
.hist-wrap  .intro .cont .list p:first-child { margin-top: 7px }
.hist-wrap  .intro .cont .list p .month { position: absolute; top: 0px; left: 0px; color: #333; font-weight: 600;  font-family:"Roboto"}
.hist-wrap  .intro .cont .list p span { color: #666;}
 @media all and ( max-width:1024px ) {

.hist-wrap  .intro { padding-left: 200px }
.hist-wrap  .intro:before { left: 320px; }
}
@media all and ( max-width:800px ) {

.hist-wrap  .intro { padding-left: 0 }
.hist-wrap  .intro:before { top: 65px; left: 120px; }
.hist-wrap  .intro h4 { position: relative; left: auto; top: auto; margin-bottom: 25px; font-size: 26px; }
.hist-wrap  .intro h4:after { top: 100%; left: 0; margin-top: 5px; }
.hist-wrap  .intro .cont:before { font-size: 80px }
.hist-wrap  .intro .cont .list p { font-size: 14px }
}
@media all and ( max-width:480px ) {

.hist-wrap  .intro { margin-bottom: 50px }
.hist-wrap  .intro:before { top: 55px; left: 60px; }
.hist-wrap  .intro h4 { font-size: 20px; }
.hist-wrap  .intro h4:after { width: 45px; height: 2px }
.hist-wrap  .intro .cont .year { width: 60px; }
.hist-wrap  .intro .cont .year strong { font-size: 17px }
.hist-wrap  .intro .cont:before { left: 60px }
.hist-wrap  .intro .cont .list { padding-left: 70px; }
.hist-wrap  .intro .cont:last-child .list { padding-bottom: 0 }
.hist-wrap  .intro .cont .list p { font-size: 13px;  padding-left: 50px; }
}



/* =====================================
   history-wrap
===================================== */
.history-wrap{position:relative;}
.history-wrap dl{position:relative; padding-left:360px; min-height:75px;}
.history-wrap dl:nth-child(n+2){margin-top:37px;}
.history-wrap dl dt{font-family:"Roboto"; font-size:30px; font-weight:500;line-height:1.2em; padding-top:40px; width:280px; border-top:1px solid #222; color:#111; position:absolute; left:0; top:0; padding-left:10px;}

.history-wrap dl dt:after {
    position: absolute;
    top: 55px;
    left: 200px;
    content: "";
    width: 55px;
    height: 3px;
    background-color: #ed1c24;
}
.history-wrap dd{padding:50px 0;border-top:1px solid #aaa}
.history-wrap dd p{position:relative; padding-left:150px; font-size:16px; line-height:1.4em; color:#777; font-weight:400; }
.history-wrap dd p:nth-child(n+2){margin-top:12px;}
.history-wrap dd p span{font-family:"Roboto"; font-size:16px; font-weight:500; color:#111; line-height:1.4em; position:absolute; left:0; top:0;}
	@media only screen and (max-width:1200px){
		.history-wrap dl{padding-left:300px}
		.history-wrap dl:nth-child(n+2){margin-top:27px;}
		.history-wrap dl dt{font-size:25px; padding-top:25px; width:240px;}
		.history-wrap dd{padding:25px 0;}
		.history-wrap dd p{padding-left:82px;}
	}
	@media only screen and (max-width:999px){
		.history-wrap dl{padding-left:230px}
		.history-wrap dl:nth-child(n+2){margin-top:20px;}
		.history-wrap dl dt{font-size:21px; padding-top:20px; width:190px;}
		.history-wrap dd{padding:20px 0;}
		.history-wrap dd p{padding-left:62px;font-size:14px;}
		.history-wrap dd p span{font-size:15px}
	}
	@media only screen and (max-width:680px){
		.history-wrap dl{padding-left:0}
		.history-wrap dl:nth-child(n+2){margin-top:12px;}
		.history-wrap dl dt{font-size:21px; padding-top:0; width:auto; position:relative; left:0; top:0; padding:12px 5px}
		.history-wrap dl dd{padding:15px 5px;}
		.history-wrap dd p:nth-child(n+2){margin-top:7px;}
		.history-wrap dd p{padding-left:52px;}
	}
	@media only screen and (max-width:480px){
		
		
	}




/* =====================================
   brochure-wrap
===================================== */

.brochure-wrap { position: relative; min-height: 590px; padding-left: 550px; margin-top: 50px; margin-bottom: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #f9f9f9;}
.brochure-wrap .brochure-img { position: absolute; top: 0; left: 0; width: 426px; }
.brochure-img .left { width: 100%; margin-bottom: 10px; }
.brochure-img .left ul { position: relative; clear: both; list-style: none; padding: 0; margin: 0; }
.brochure-img .left li { float: left; width: 100%; height: 590px; overflow: hidden; box-shadow: 15px 15px 50px rgba(0, 0, 0, 0.30); }
.brochure-txt { clear: both; padding: 100px 0px 30px; }
.brochure-txt .tit { font-size: 20px; color: #e51937; line-height: 1.3;  font-weight: 500; font-family: 'Roboto';     padding-left:40px;}
.brochure-txt .txt { position: relative; font-size: 36px; color: #222; line-height:44px; margin-top: 10px; margin-bottom: 30px; font-weight: 500; letter-spacing: -0.25px;}

.brochure-txt .txt:before { content: ""; display: block; width: 30px; height: 3px; background: #d51c29; position: absolute; left: 0; top: -25px;}
.info { position: relative; display: block; font-size: 16px; color: #555; letter-spacing: -1px; line-height: 24px; }
.icon-download { width: 30px; height: 17px; margin: 0px 0px 0 0px; background-image: url(../img/content/icon-down.png); }
.icon-pdf { width: 30px; height: 17px; margin: -3px 10px 0 20px; background-image: url(../../img/content/icon-pdf.png); }
[class^=icon-] { display: inline-block; overflow: hidden; margin: 0; padding: 0; border: 0; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; font-size: 0; line-height: 0; text-decoration: none; vertical-align: middle; text-indent: -1000em;}
/* brochure-btn */
.brochure-btn { text-align: left; margin-bottom: 7rem; }
.brochure-btn button { min-width: 17rem; border: 1px solid #d51c29; background: #fff; color: #d51c29; line-height: 55px;}
.brochure-btn button:hover { border-color: #d51c29; background: #d51c29; color: #fff; -webkit-transition: all .2s; transition: all .2s; }
.brochure-btn .btn_list, .brochure-btn .btn_submit { background: #333; color: #fff; border-color: #333; }
.brochure-btn .btn_list:hover, .brochure-btn .btn_submit:hover { background: #fff; color: #555; border: 1px solid #333; }
 @media only screen and (max-width:1260px) {
}
 @media only screen and (max-width:1200px) {
}
 @media only screen and (max-width:999px) {
.brochure-wrap { position: relative; min-height: 400px; padding-left: 330px; margin-top: 50px; margin-bottom: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.brochure-wrap .brochure-img { position: absolute; top: 0; left: 0; width: 290px; }
.brochure-img .left { width: 100%; margin-bottom: 10px; }
.brochure-img .left ul { position: relative; clear: both; list-style: none; padding: 0; margin: 0; }
.brochure-img .left li { float: left; width: 100%; height: 400px; overflow: hidden; box-shadow: 5px 10px 30px rgba(0, 0, 0, 0.30); }
.brochure-txt { clear: both; padding: 20px 0px; }
.brochure-txt .tit { font-size: 14px; color: #aaa; line-height: 1.3; margin-bottom: 30px; font-weight: 500; font-family: 'Roboto'; }
.brochure-txt .txt { font-size: 30px; color: #000; line-height: 1.3; margin-bottom: 20px; font-weight: 200; }
.info { position: relative; display: block; font-size: 16px; color: #555; letter-spacing: -1px; line-height: 24px; }
br { display: none; }
/* brochure-btn */
.brochure-btn { text-align: left; margin-bottom: 3rem; }
.brochure-btn button { min-width: 10rem; border: 1px solid #ddd; background: #fff; color: #555; padding: .8rem 0;}
.brochure-btn button:hover { border-color: #333; -webkit-transition: all .2s; transition: all .2s; }
.brochure-btn .btn_list, .brochure-btn .btn_submit { background: #333; color: #fff; border-color: #333; }
.brochure-btn .btn_list:hover, .brochure-btn .btn_submit:hover { background: #fff; color: #555; border: 1px solid #333; }
}
 @media only screen and (max-width:680px) {
.brochure-wrap { margin-bottom: 20px;  background: #fff; }
.brochure-wrap { padding-left: 0; margin-top: 0px; }
.brochure-wrap .brochure-img { position: static; width: 100%; }
.brochure-img .left { width: 100%; height: 100%; margin-bottom: 10px; }
.brochure-img .left ul { position: relative; clear: both; list-style: none; padding: 0; margin: 0; }
.brochure-img .left li { float: left; width: 100%; height: 100%; }
.brochure-txt { clear: both; padding: 30px 0px 30px; border-top: 1px solid #000; border-bottom: 0px solid #ddd; text-align: left; }
.brochure-txt .txt { font-size: 1.3rem; color: #000; line-height: 1.3; margin-bottom: 10px; text-align: left; font-weight: 400; }
.info { position: relative; display: block; text-align: left; font-size: 14px; color: #555; padding: 10px 0 20px; letter-spacing: -1px; }
.info br { display: none; }

.brochure-btn button { min-width: 100%; border: 1px solid #ddd; background: #fff; color: #555; padding:0 10px;}
br { display: block; }
}
 @media only screen and (max-width:480px) {

}





/* =====================================
   slide-wrap 
===================================== */

.slide-wrap .slide-list { width: 130%; position: relative; }
.slide-wrap .slide-list::before { content: ""; width: 100%; height: 2px; background-color: #e1e1e1; position: absolute; bottom: 1px; left: 0; z-index: 0; }
.slide-wrap .slide-img { width: 100%; display: flex; flex-wrap: nowrap; overflow-x: scroll; padding-bottom: 75px; position: relative; z-index: 1; }
.slide-wrap .slide-img::-webkit-scrollbar {height: 7px; background: none;}
.slide-wrap .slide-img::-webkit-scrollbar-thumb {background: #111; border-radius: 3px;}
.slide-wrap .slide-img::-webkit-scrollbar-track {background: none;}
.slide-wrap .slide-img:last-child { border-bottom: none; }
.slide-wrap .slide-img .list { margin-right: 50px; flex: 0 0 auto; }
.slide-wrap .slide-img .list p { font-size: 16px; color: #666; margin-top: 12px; }
.slide-wrap .slide-img .list .btxt { font-size: 20px; color: #111; margin-top: 20px; line-height: 130%; font-weight: 500; font-family: "Roboto" }
.slide-wrap .slide-img .list .stxt { font-size: 16px; color: #666; margin-top: 12px; line-height: 130%; font-family: "Roboto" }

.cont-tit .btit { font-size: 55px; color: #222; font-weight: 600; line-height: 1.4em; margin-top: 90px; }
.cont-tit .btit span { color: #ea0a2a; }
.cont-tit .btit b { font-weight: 400; color: #999; font-size: 30px; font-weight: 600; }
.cont-tit .stit { margin-top: 50px; margin-bottom: 130px; }
.cont-tit .stit>li { margin-bottom: 40px; font-size: 17px; font-weight: 300; line-height: 1.7em; color: #444; }
.cont-tit .stit>li:last-child { margin-bottom: 0; }


 @media only screen and (max-width:480px) {
.slide-wrap .slide-img { padding-bottom: 30px;  }
.slide-wrap .slide-img .list { margin-right: 20px;}
.slide-wrap .slide-img .list img { height:255px; }
.slide-wrap .slide-img .list .btxt { font-size: 16px; }
.slide-wrap .slide-img .list .stxt { font-size: 14px; }
}



/* =====================================
   history-wrap
===================================== *
.history-wrap{position:relative; padding-bottom:100px;}
.history-wrap .logo{}
.history-wrap .logo ul{margin:0 -1%}
.history-wrap .logo ul:after{display:block; content:"";clear:both}
.history-wrap .logo li{float:left; width:23%; margin:0 1%}
.history-wrap .logo li a{display:flex;align-items: center; justify-content: center; height:200px; border:1px solid #dedede}
.history-wrap .logo li div{width:100%;text-align:center;}
.history-wrap .logo li div img{width:100%; max-width:260px;}
	@media only screen and (max-width:1260px) {
		
	}
	@media only screen and (max-width:1200px) {
		.history-wrap{ padding-bottom:70px;}
		.history-wrap .logo li a{height:160px;}
	}
	@media only screen and (max-width:999px) {
		.history-wrap .logo li a{height:120px;}
	
 	}
	@media only screen and (max-width:680px) {
		.history-wrap{ padding-bottom:30px;}
		.history-wrap .logo li{width:48%; margin:0 1%}
		.history-wrap .logo li:nth-child(n+3){margin-top:2%}
		.history-wrap .logo li a{height:90px;}
		.history-wrap .logo li div img{max-width:220px;}
	}
	@media only screen and (max-width:480px) {
		.history-wrap .logo li a{height:70px;}
	}




.history-wrap .list{margin-top:50px; position:relative;overflow:hidden;}
.history-wrap .list:before{width:1px;height: calc(100% - 20px); background:#d9d9d9;  z-index:1;position:absolute; left:50%;top:20px; display:block; content:"";-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.history-wrap .list:after{width:9px;height:9px;border-radius:100%;background:#999; z-index:2; position:absolute; left:50%; bottom:0; display:block; content:""; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}

.history-wrap .list .vc{position:relative; z-index:55;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
.history-wrap .list .vc:before{width:1px;height:0;background:#3e7ddb; display:block;content:"";position:absolute; left:50%; top:20px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);-webkit-transition: height 4s ease-out;-moz-transition: height 4s ease-out;-o-transition: height 4s ease-out;transition: height 4s ease-out;}
.history-wrap .list .vc:first-child:before{top:20px;}
.history-wrap .list .vc:nth-child(n+2){padding-bottom:90px;}

.history-wrap .list .vc:last-child:after{opacity:0;width:9px;height:9px;border-radius:100%;background:#3e7ddb; position:absolute; left:50%; bottom:0; display:block; content:""; z-index:999; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}

.history-wrap .list .vc.aos-animate:before{height:calc(100% + 80px);transition-delay: 0.5s;}
.history-wrap .list .vc.aos-animate:first-child:before{}
.history-wrap .list .vc.aos-animate:last-child:after{opacity:1;transition-delay: 0s;}

.history-wrap .list .item{padding-left:54%; position:relative;}
.history-wrap .list .item:nth-child(even){padding-right:54%; padding-left:0;text-align:right;}
.history-wrap .list .item.c02{margin-top:70px;}
.history-wrap .list .item.c03{margin-top:70px;}
.history-wrap .list .item.c04{margin-top:70px;}
.history-wrap .list .item.c05{margin-top:70px;}
.history-wrap .list .item.c06{margin-top:70px;}
.history-wrap .list .item.c07{margin-top:70px;}
.history-wrap .list .item.c08{margin-top:70px;}
.history-wrap .list .item.c09{margin-top:70px;}
.history-wrap .list .item.c10{margin-top:70px;}

.history-wrap .list .year{font-size:48px; font-weight:300; color:#000; letter-spacing:-0.03em;line-height:41px; font-family:"Roboto";}
.history-wrap .list .year.active{font-weight:400}
.history-wrap .list .year:before{width:30px; left:50%; top:20px;height:1px;background:#d9d9d9; display:block;content:""; position:absolute; z-index:-1;}

.history-wrap .list .item:nth-child(even) .year:before{left:auto; right:50%}

.history-wrap .list ul{margin-top:20px}
.history-wrap .list ul:before{width:21px;height:21px; position:absolute; left:50%; box-sizing:border-box;top:10px;border:1px solid #aec9f2;background:#fff; z-index:1; border-radius:100%; display:block; content:""; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.history-wrap .list ul:after{width:9px;height:9px; position:absolute; left:50%; top:16px;background:#3e7ddb; border-radius:100%; z-index:2; display:block; content:""; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}

.history-wrap .list li{position:relative; padding-left:55px}

.history-wrap .list li:nth-child(n+2){margin-top:10px;}
.history-wrap .list li .btxt{font-size:16px; color:#000; line-height:1.4em; position:absolute; left:0; top:0;}
.history-wrap .list li .stxt{font-size:16px; color:#777; line-height:1.6em; word-break: keep-all; font-weight:300}
.history-wrap .list li .stxt strong{font-size:16px; color:#000; line-height:1.4em; word-break: keep-all; font-weigh:400}

.history-wrap .list .item:nth-child(even) li{padding-right:55px; padding-left:0;}
.history-wrap .list .item:nth-child(even) li .btxt{left:auto; right:0;}
	@media only screen and (max-width:1260px) {
		.history-wrap .list .year{font-size:41px;}
	}
	@media only screen and (max-width:1200px) {
		.history-wrap .list{margin-top:100px;}
		.history-wrap .list .year{font-size:34px;}
		.history-wrap .list ul{margin-top:15px}
		.history-wrap .list li{padding-left:45px;}
		.history-wrap .list li .btxt{font-size:15px;}
		.history-wrap .list li .stxt{font-size:15px;}
		
		.history-wrap .list .item{padding-left:56%}
		.history-wrap .list .item:nth-child(even){padding-right:56%;}
		.history-wrap .list .item:nth-child(even) li{padding-right:45px}
	}
	@media only screen and (max-width:999px) {
		.history-wrap .list .item.c02{margin-top:50px;}

		.history-wrap .list .item.c03{margin-top:50px;}
.history-wrap .list .item.c04{margin-top:50px;}
.history-wrap .list .item.c05{margin-top:50px;}
.history-wrap .list .item.c06{margin-top:50px;}
.history-wrap .list .item.c07{margin-top:50px;}
.history-wrap .list .item.c08{margin-top:50px;}
.history-wrap .list .item.c09{margin-top:50px;}
.history-wrap .list .item.c10{margin-top:50px;}

		.history-wrap .list{margin-top:70px;}
		.history-wrap .list ul{margin-top:10px}
		.history-wrap .list li{}
		.history-wrap .list li .btxt{font-size:14px;}
		.history-wrap .list li .stxt{font-size:14px;}

		.history-wrap .list .year{font-size:29px}
 	}
	@media only screen and (max-width:680px) {
		.history-wrap .list{margin-top:30px;}
		.history-wrap .list:before{left:12px;}
		.history-wrap .list:after{left:12px;}
		.history-wrap .list .item.c02{margin-top:30px;}

				.history-wrap .list .item.c03{margin-top:30px;}
.history-wrap .list .item.c04{margin-top:30px;}
.history-wrap .list .item.c05{margin-top:30px;}
.history-wrap .list .item.c06{margin-top:30px;}
.history-wrap .list .item.c07{margin-top:30px;}
.history-wrap .list .item.c08{margin-top:30px;}
.history-wrap .list .item.c09{margin-top:30px;}
.history-wrap .list .item.c10{margin-top:30px;}



		.history-wrap .list .item{padding-left:50px; position:relative;}
		
		.history-wrap .list .item:nth-child(even){padding-right:0; padding-left:50px;text-align:left;}
		.history-wrap .list .item:nth-child(even) li{padding-right:0; padding-left:45px}
		.history-wrap .list .item:nth-child(even) li .btxt{left:0; right:auto;}
		
		.history-wrap .list .year{font-size:24px; line-height:30px;}
		.history-wrap .list .year:before{left:12px; top:15px;}
		.history-wrap .list .item:nth-child(even) .year:before{left:12px; right:auto}

		.history-wrap .list .vc:before{left:12px;-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
		.history-wrap .list .vc:last-child:after{left:12px;bottom:1px;}

		.history-wrap .list ul:before{left:2px; top:5px; -webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
		.history-wrap .list ul:after{ left:8px; top:11px; -webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
	}
	@media only screen and (max-width:480px) {
		.history-wrap .list .year{font-size:21px}
		.history-wrap .list li .btxt{font-size:13px;}
		.history-wrap .list li .stxt{font-size:13px;}
	}



/* ======================================================
   .greeting
=========================================================*/


.greeting {position:relative;padding-right:50%; padding-top: 50px;}
.greeting:after {content:"";width:180px;height:1px;background:#111;position:absolute;top:0;left:0;display:block;}
.greeting .img {position:absolute;width:581px;right:0;top:70px;}
.greeting .img img {width:100%;}
.greeting .btit {font-weight:600;color:#222;font-size:28px;letter-spacing:-0.05em;line-height:40px;}
.greeting .con {font-size:16px;color:#666;line-height:170%;letter-spacing:-0.05em;}
.greeting .btxt {font-size:28px;font-weight:600;margin-top:30px;padding-bottom:10px;color:#111;line-height:40px;}
.greeting .sign {display:inline-block;font-size:19px;color:#222;background:url(../img/Content/greeting-sign.jpg) no-repeat right center;line-height:63px;padding-right:180px;}
.greeting .sign strong {font-weight:600;}
.greeting .ceo {border:1px solid #fff;width:150px;height:150px;position:absolute;left:87px;bottom:23%;color:#fff;display:table}
.greeting .ceo span {display:table-cell;vertical-align:middle;text-align:center;font-size:16px;line-height:170%}
.greeting .ceo span strong {display:block;font-size:22px;font-weight:600;letter-spacing:-0.01em;}

@media only screen and (max-width:1200px){
	.greeting {padding-right:50%;}
	.greeting .img {width:45%;}
}
@media only screen and (max-width:980px){
	.greeting .ceo {width:120px;height:120px;left:10%;bottom:10%;}
}
@media only screen and (max-width:800px){
	.greeting {padding-right:0;}
	.greeting:after {display:none;}
	.greeting .img {float:right;position:relative;margin-left:30px;}
	.greeting .ceo {width:80px;height:80px;}
}
@media only screen and (max-width:480px){
.greeting {padding-top: 0px;}
	.greeting .thick {font-size:22px;line-height:1.4;}
	.greeting .con {font-size:14px;}
	.greeting .btxt {font-size:16px;}
	.greeting .img {float:none;width:100%;margin-left:0;margin-bottom:40px; top:0px;}
	.greeting .sign {padding-right:0;padding-bottom:50px;background-position:0 bottom}
}
@media only screen and (max-width:360px){
	.greeting .ceo {width:100px;height:100px;}
}




/* ======================================================
   .map-wrap
=========================================================*/
.map-wrap .ic { display: inline-block; vertical-align: middle; top: -1px; position: relative; }
.map-wrap { position: relative; background: #fff; margin-top: 0px; /*box-shadow: 1px 0px 18px rgba(0,0,0,0.14);*/ padding: 50px 50px 80px; }
.map-wrap h4 { font-size: 24px; color: #000; padding-bottom: 11px; border-bottom: 1px solid #e1e1e1 }
.map-wrap ul { margin-top: 20px; margin-left: -10px; margin-right: -10px }
.map-wrap ul > li { float: left; display: table; width: 23%; padding: 5px 10px }
.map-wrap ul > li.li01 { width: 48% }
.map-wrap ul > li .list { display: table-cell; width: 86px; vertical-align: middle }
.map-wrap ul > li .txt { display: table-cell; vertical-align: middle }
.map-wrap .ic_pin { width: 13px; height: 17px; background: url('../img/content/ic_pin.png') no-repeat }
.map-wrap .ic_tel { width: 16px; height: 16px; background: url('../img/content/ic_tel.png') no-repeat }
.map-wrap .ic_fax { width: 19px; height: 15px; background: url('../img/content/ic_fax.png') no-repeat }
.map-wrap .list { font-size: 15px; font-weight: 700; color: #222 }
.map-wrap .list i { margin-right: 10px }
.map-wrap .txt { font-size: 16px; color: #666 }
 @media (max-width:1280px) {
.map-wrap { padding: 35px 30px }
.map-wrap ul > li .list { width: 100px }
}
 @media (max-width:970px) {
.map-wrap { padding: 20px 40px; margin-top: 0px; height: 170px; }
.map-wrap h4 { font-size: 20px }
.map-wrap ul > li { width: 100%; padding: 5px 0px }
.map-wrap ul > li.li01 { width: 100% }
}
 @media (max-width:480px) {
.map-wrap { padding: 20px 10px; margin-top: 0px; height: 170px; }
.map-wrap h4 { font-size: 17px }
.map-wrap ul > li .txt { font-size: 14px }
}


/* =====================================
   facility-top ¼³ºñÇöȲ
===================================== */

.facility-top { position: relative; min-height: 590px; }
.facility-top:after { content: ""; position: absolute; left: 50%; top: 0; background: #f5f5f5; width: 2000px; height: 100%; display: block; margin-left: -1000px; z-index: -1; }
.facility-top .img-wrap { position: absolute; left: 50%; top: 0; height: 590px; }
.facility-top .con .btxt { color: #222; font-size: 36px; letter-spacing: -0.01em; font-weight: 600; padding-top: 180px; margin-bottom: 30px; text-transform: uppercase; line-height: 140%; }
.facility-top .con .stxt { color: #555; font-size: 17px; line-height: 180%; letter-spacing: -0.04em; font-weight: 400; margin-bottom: 50px; }
.facility-top .con ul { overflow: hidden; }
.facility-top .con li { padding-left: 104px; color: #333; font-size: 16px; position: relative; margin: 6px 0 }
.facility-top .con li strong { position: absolute; left: 0; top: 0; display: block; width: 100px; font-weight: 600; line-height: 150%; padding-left: 0px; }
.facility-top .con li strong.c02 { letter-spacing: 0.85em; }
.facility-top .con li strong.c03 { letter-spacing: 0.07em; }
.facility-top .con li strong.c04 { letter-spacing: 0.04em; }
.facility-top .con li span { display: block; line-height: 150% }
 @media only screen and (max-width:1400px) {
.facility-top .img-wrap { height: auto; bottom: 60px; top: auto }
.facility-top .img-wrap img { max-width: 100%; }
}
 @media only screen and (max-width:1200px) {
.facility-top { min-height: initial; padding: 60px 0; }
.facility-top .con { padding-right: 55%; }
.facility-top .con .btxt { padding-top: 0; }
}
@media only screen and (max-width:800px) {
.facility-top .con { padding-right: 0; }
.facility-top .img-wrap { position: relative; bottom: auto; left: 0; top: auto; margin-top: 30px; }
}
@media only screen and (max-width:640px) {
.facility-top .con li { float: none; width: 100%; padding: 0 15px 0 90px; }
}
@media only screen and (max-width:480px) {
.facility-top { padding: 40px 0; }
.facility-top .con .btxt { font-size: 20px; margin-bottom: 15px; }
.facility-top .con .stxt { font-size: 15px; line-height: 26px; margin-bottom: 18px; }
.facility-top .con .stxt br { display: none; }
.facility-top .con li { font-size: 14px; }
}

/* =====================================
   facility-list ¼³ºñÇöȲ
===================================== */

.facility-list { overflow: hidden; padding: 0px 0 }
.facility-list li { width: 47.8%; margin-left: 4%; float: left; margin-bottom: 4%; border: 1px solid #ddd; }
.facility-list li.c-01 { margin-left: 0 }
.facility-list li img { width: 100%; }
.facility-list li span { border: 0px solid #ddd; display: block; }
.facility-list li span.btxt { background: #1e2d5e; border-top: 0px solid #1e2d5e; text-align: center; font-size: 20px; line-height: 130%; padding: 30px 0 10px; letter-spacing: -0.03em; color: #fff; line-height: 130%; font-weight: 500; font-family: "Roboto"; }
.facility-list li span.txt { background: #1e2d5e; text-align: center; font-size: 15px;  color: #ddd; line-height: 130%; padding-top: 20px; padding-bottom: 20px;}
.facility-list li.c-02 { width: 49%; margin-left: 2% }
.facility-list li.c-01.c-02 { margin-left: 0 }
 @media all and (max-width:740px) {
.facility-list li { width: 49%; margin-left: 0%; float: left; margin-bottom: 4% }
.facility-list li:nth-child(even) { float: right }
.facility-list li span.btxt {  text-align: center; font-size: 17px; line-height: 130%; padding: 30px 0 10px; letter-spacing: -0.03em; color: #fff; line-height: 130%; font-weight: 500 }
}
 @media all and (max-width:420px) {
.facility-list li { width: 100%; margin-left: 0%; float: left; margin-bottom: 4% }
.facility-list li:nth-child(even) { float: right }
.facility-list li.c-02 { width: 100%; margin-left: 0% }
.facility-list li span.btxt { background: #1e2d5e;;  text-align: center; font-size: 16px; line-height: 130%; padding: 20px 0 10px; letter-spacing: -0.03em; color: #fff; line-height: 130%; font-weight: 500 }
}



/* =====================================
   quality-list Ç°Áú°æ¿µ
===================================== */

.quality-list { position: relative; padding-left: 50%; overflow: hidden }
.quality-list .img-wrap { position: absolute; left: 0; top: 0; width: 610px; height: 560px; }
.quality-list .con .btxt { font-size: 30px; letter-spacing: -0.03em; color: #222; padding-bottom: 25px; line-height: 130%; font-weight: 600 }
.quality-list .con .btxt span { display: inline-block; vertical-align: top; color: #008889; border: 1px solid #008889; border-radius: 20px 20px; padding: 0 15px; margin-right: 10px; line-height: 32px; font-size: 15px; }
.quality-list .con .stxt { font-size: 17px; letter-spacing: -0.03em; color: #555; padding-bottom: 40px; line-height: 30px; font-weight: 400 }
.quality-list .con ul { border-top: 1px solid #d7d7d7; min-height: 350px; border-bottom: 0px solid #d7d7d7; padding: 30px 0 }
.quality-list .con li { padding-left: 124px; color: #333; font-size: 18px; position: relative; margin: 12px 0 }
.quality-list .con li strong { font-weight: 600; line-height: 150%; display: inline-block; position: absolute; left: 0; top: 0; padding-left: 24px; }
.quality-list .con li strong.c02 { letter-spacing: 0.85em; }
.quality-list .con li strong.c03 { letter-spacing: 0.07em; }
.quality-list .con li strong.c04 { letter-spacing: 0.01em; }
.quality-list .con li strong:after { width: 3px; height: 3px; background: #5d5d5d; position: absolute; left: 10px; top: 50%; margin-top: -1px; display: block; content: ""; }
.quality-list .con li span { display: block; line-height: 150% }

 @media only screen and (max-width:1200px) {
.quality-list { padding-left: 0; }
.quality-list .img-wrap { float: left; width: 45%; position: relative; left: auto; top: auto; height: auto; }
.quality-list .img-wrap img { width: 100%; }
.quality-list .con { float: left; width: 50%; margin-left: 5%; }
.quality-list .con ul { min-height: auto; }
}
@media only screen and (max-width:640px) and (min-width:481px) {
.quality-list .con ul { padding: 15px 0; }
.quality-list .con li { padding-left: 0; }
.quality-list .con li strong { position: relative; display: block; }
.quality-list .con li span { padding-left: 24px; }
}
@media only screen and (max-width:480px) {
.quality-list .img-wrap { float: none; width: 100%; margin-bottom: 30px; }
.quality-list .con { float: none; width: 100%; margin-left: 0; }
.quality-list .con ul { padding: 15px 0; }
.quality-list .con li { font-size: 14px; padding-left: 100px; margin: 8px 0; }
.quality-list .con .btxt { font-size: 20px; padding-bottom: 15px; }
.quality-list .con .btxt span { display: block; width: 80px; text-align: center; margin-bottom: 10px; }
.quality-list .con .stxt { font-size: 15px; padding-bottom: 20px; line-height: 24px; }
}

/* =====================================
   quality-top Ç°Áú°æ¿µ
===================================== */
.quality-top li { position: relative; padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid #ddd; padding-left: 50%; text-align: left; height: 340px; }
.quality-top li.last { border: none; padding-bottom: 0; margin-bottom: 0 }
.quality-top li.c-02 { padding-right: 45%; padding-left: 0 }
.quality-top li.c-02 .img { left: auto; right: 0 }
.quality-top li .img { position: absolute; left: 0; top: 0; height: auto; }
.quality-top li .btxt { display: block; color: #a5a5a5; font-size: 20px; }
.quality-top li .btxt strong { font-weight: normal; color: #222; font-size: 30px; display: inline-block; margin-right: 14px; letter-spacing: -0.03em; font-weight: 600 }
.quality-top li .stxt { display: block; padding-top: 40px; font-size: 17px; line-height: 30px; }
 @media all and (max-width:900px) {
}
 @media all and (max-width:650px) {
.quality-top li { padding-bottom: 40px; margin-bottom: 40px; height: 100%; }
.quality-top li .img { position: relative; left: auto; top: auto; height: auto; text-align: center; }
.quality-top li .img img { width: 100% }
.quality-top li { padding-left: 0 }
.quality-top li.c-02 { padding-right: 0 }
.quality-top li .btxt { padding: 20px 10px 0 10px; font-size: 14px }
.quality-top li .btxt strong { font-size: 18px; }
.quality-top li .stxt { padding: 30px 10px 0 10px; padding-top: 20px; font-size: 14px; line-height: 20px; }
.quality-top li .stxt br { display: none; }

}




/* =====================================
   rnd-wrap02 ¿¬±¸½ÇÀû
===================================== */
.rnd-wrap02 { position: relative;}
.rnd-wrap02 li.c-01 { padding-left: 55%; }
.rnd-wrap02 li.c-02 { padding-right: 50%; }
.rnd-wrap02 li.c-01.last { border-bottom: 0; padding-bottom: 0 }
.rnd-wrap02 li:first-child.c-01 { padding-top: 1px; }
.rnd-wrap02 li:first-child div.img { top: 0; }
.rnd-wrap02 li.c-01, .rnd-wrap02 li.c-02 { position: relative; min-height: 500px; border-bottom: 1px solid #ccc; padding-top: 100px; padding-bottom: 50px; }
.rnd-wrap02 li div.img { position: absolute; left: 0; top: 100px; width: 600px; height: auto; }
.rnd-wrap02 li.c-02 div.img { left: auto; left: 57%; }
.rnd-wrap02 li div.img img { width:100%:
}
.rnd-wrap02 li ul li { padding-left: 10px; }
 @media only screen and (max-width:1000px) {
.rnd-wrap02 li div.img { width: 39% }
.rnd-wrap02 li div.img img { width: 100%; }
}
 @media only screen and (max-width:684px) {
.rnd-wrap02 li.c-01 { padding-left: 0; }
.rnd-wrap02 li.c-02 { padding-right: 0; }
.rnd-wrap02 li div.img { position: relative; left: auto; top: auto; width: auto; margin-bottom: 15px; }
.rnd-wrap02 li.c-01, .rnd-wrap02 li.c-02 { padding-top: 30px; padding-bottom: 30px; }
.rnd-wrap02 li.c-02 div.img { left: auto; left: 0%; }
}
.rnd-txt { display: block; }
.rnd-txt .btxt { color: #186bcc; font-size: 36px; display: inline-block; letter-spacing: -0.03em; font-weight: 600; padding-bottom: 20px; line-height: 46px; }
.rnd-txt .stxt { display: inline-block; line-height: 30px; font-weight: 400; color: #555; font-size: 20px; letter-spacing: -0.02em; padding-bottom: 20px; }
.rnd-txt .stxt02 { display: inline-block; line-height: 27px; font-weight: 600; color: #111; font-size: 22px; letter-spacing: -0.02em; padding-top: 20px; }
.rnd-list { padding: 5px 0; text-align: left; }
.rnd-list li, .rnd-list-li { background: url(../img/Content/blt01.png) no-repeat 1px 10px; padding-left: 15px; line-height: 150%; margin-top: 3px; margin-bottom: 3px; color: #444; letter-spacing: -0.03em; font-size: 18px; }
.rnd-list-li.indent { margin-left: 13px; }
 @media only screen and (max-width:684px) {
.rnd-txt { display: block; }
.rnd-txt .btxt { font-size: 20px; letter-spacing: -0.03em; padding-bottom: 10px; padding-top: 15px;  line-height: 30px;}
.rnd-txt .stxt { line-height: 24px; font-size: 16px; letter-spacing: -0.02em; padding-bottom: 10px; }
.rnd-txt .stxt br { display: none; }
.rnd-txt .stxt02 { display: inline-block; line-height: 27px; color: #111; font-size: 15px; letter-spacing: -0.02em; padding-top: 0px; }
.rnd-list { padding: 5px 0; text-align: left; }
.rnd-list li, .rnd-list-li { background: url(../img/Content/blt01.png) no-repeat 1px 10px; padding-left: 15px; line-height: 150%; margin-top: 3px; margin-bottom: 3px; color: #444; letter-spacing: -0.03em; font-size: 15px; }
.rnd-list-li.indent { margin-left: 13px; }
}


/* =====================================
   rnd-wrap ¿¬±¸¼Ò¼Ò°³
===================================== */
.rnd-wrap li { position: relative; padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid #ddd; padding-left: 0%; text-align: left; height: 600px; }
.rnd-wrap li.last { border: none; padding-bottom: 0; margin-bottom: 0 }
.rnd-wrap li.c-02 { padding-right: 45%; padding-left: 0 }
.rnd-wrap li.c-02 .img { left: auto; right: 0 }
.rnd-wrap li .img { position: absolute; right: 0; top: 0; height: auto; }
.rnd-wrap li .btxt { display: block; color: #222; font-size: 30px; font-weight: 400; line-height: 40px; }
.rnd-wrap li .btxt strong { color: #222; font-size: 30px; display: inline-block; letter-spacing: -0.03em; font-weight: 600; }
.rnd-wrap li .stxt { display: block; padding-top: 50px; font-size: 17px; line-height: 30px; letter-spacing: -0.03em; }
 @media all and (max-width:900px) {
}
 @media all and (max-width:650px) {
.rnd-wrap li { padding-bottom: 40px; margin-bottom: 40px; height: 100%; }
.rnd-wrap li .img { position: relative; left: auto; top: auto; height: auto; text-align: center; }
.rnd-wrap li .img img { width: 100% }
.rnd-wrap li { padding-left: 0 }
.rnd-wrap li.c-02 { padding-right: 0 }
.rnd-wrap li .btxt { padding: 20px 0px 0 0px; font-size: 18px; line-height: 28px; }
.rnd-wrap li .btxt strong { font-size: 18px; }
.rnd-wrap li .stxt { padding: 30px 0px 0 0px; padding-top: 20px; font-size: 14px; line-height: 24px; }
.rnd-wrap li .stxt br { display: none; }





/* =====================================
   business °æ¿µÀ̳ä
===================================== */

.business-bg { position: relative; min-height: 960px; text-align: center; }
.business-bg:after { background: url(../img/Content/management-bg03.jpg) no-repeat center top; width: 2000px; height: 100%; display: block; content: ""; position: absolute; left: 50%; margin-left: -1000px; z-index: -1; top: 0 }
.business-bg .ctit { font-size: 50px; color: #fff; padding: 140px 0 70px 0; line-height: 1; text-transform: uppercase }
.business-list { overflow: hidden; width: 1400px; margin-left: 0px; }
.business-list li { float: left; width: 32.2%; margin-left: 1.7%; background: #fff; padding: 70px 0 70px 0; }
.business-list li:first-child { margin-left: 0; }
.business-list li.bg01 { background: rgba(0,0,0,0.4); url() no-repeat 0 0;
background-size: contain }
.business-list li.bg02 { background: rgba(0,0,0,0.4); url() no-repeat 0 0;
background-size: contain }
.business-list li.bg03 { background: rgba(0,0,0,0.4); url() no-repeat 0 0;
background-size: contain }
.business-list li .btit { display: block; font-size: 20px; font-family: "Roboto"; color: #aaa; margin-bottom: 20px; line-height: 1.2; text-transform: uppercase }
.business-list li .stxt { display: block; font-size: 30px; color: #fff; font-weight: 600 }
.business-top { position: relative; min-height: 800px; text-align: center; }
.business-top:after { background: url(../img/Content/management-bg02.jpg) no-repeat center top; width: 2000px; height: 100%; display: block; content: ""; position: absolute; left: 50%; margin-left: -1000px; z-index: -1; top: 0 }
.business-top .ctit { font-size: 40px;/*font-family:"Robot";*/ color: #111; padding: 120px 0 70px 0; line-height: 1.4; text-transform: uppercase; letter-spacing: -1px; }
.business-top .list:after { content: ''; clear: both; display: block; }
.business-top .list li { float: left; width: 24%; height: 230px; margin: 0 0.5%; color: #fff; background: rgba(0,94,184,1); border-radius: 10px }
.business-top .list li span { display: inline-block; font-size: 16px; padding-top: 130px; line-height: 1.4; font-family: "Roboto"; font-weight: 600; color: #aaa; }
.business-top .list li span.ico01 { background: url(../img/Content/management-ico01.png) no-repeat center 53px; }
.business-top .list li span.ico02 { background: url(../img/Content/management-ico02.png) no-repeat center 53px; }
.business-top .list li span.ico03 { background: url(../img/Content/management-ico03.png) no-repeat center 53px; }
.business-top .list li span.ico04 { background: url(../img/Content/management-ico04.png) no-repeat center 53px; }
.business-top .list .divide { display: block; font-size: 24px; font-weight: 600; font-family: "Noto Sans KR"; color: #fff; }
 @media only screen and (min-width:1201px) {
}
@media only screen and (max-width:1760px) {
.business-bg { min-height: auto; padding: 200px 0 300px 0; }
.business-bg .ctit { padding-top: 0; }
.business-list { width: 100%; margin-left: 0 }
.business-list li { padding: 3.5% 0 3.5% 0; }
}
@media only screen and (max-width:1200px) {
.business-bg:after { background-size: contain }
}
@media only screen and (max-width:1000px) {
.business-top { min-height: auto; padding: 120px 0; }
.business-top:after { background-size: contain }
.business-top .ctit { padding-top: 0; }
.business-top .list li { width: 22.7%; height: auto; margin: 0 0 0 3%; }
.business-top .list li:first-child { margin-left: 0; }
.business-top .list li span { padding: 60% 0 10% 0; background-position: center 5%; }
.business-top .list li span.ico01 { background: url(../img/Content/management-ico01.png) no-repeat center 20%; }
.business-top .list li span.ico02 { background: url(../img/Content/management-ico02.png) no-repeat center 20%; }
.business-top .list li span.ico03 { background: url(../img/Content/management-ico03.png) no-repeat center 20%; }
.business-top .list li span.ico04 { background: url(../img/Content/management-ico04.png) no-repeat center 20%; }
}
@media only screen and (max-width:800px) {
.business-bg { padding: 80px 0 200px 0; }
.business-list li .btit .divide { display: block; }
.business-top { padding: 80px 0; }
}
@media only screen and (max-width:640px) {
.business-bg { padding-bottom: 160px; }
.business-bg .ctit { font-size: 40px; }
.business-list li .btit { font-size: 20px; }
.business-top .ctit { font-size: 40px; }
.business-top .list li { width: 48.5%; margin-bottom: 3%; }
.business-top .list li:nth-child(3) { margin-left: 0; }
.business-top .list li span { padding-top: 35%; }
}
@media only screen and (max-width:480px) {
.business-bg { padding: 60px 0 100px 0; }
.business-bg:after { background-size: cover }
.business-bg .ctit { font-size: 25px; padding-bottom: 30px; }
.business-list li { float: none; width: 100%; padding: 5% 0 5% 0; margin: 20px 0 0 0; }
.business-list li .btit .divide { display: inline; }
.business-list li .btit { font-size: 17px; margin-bottom: 5px; }
.business-list li .stxt { font-size: 16px; }
.business-top { padding: 60px 0; }
.business-top .ctit { font-size: 25px; }
.business-top .list li span { font-size: 14px; line-height: 1.2; }
.business-top .list li span.ico01, .business-top .list li span.ico02, .business-top .list li span.ico03, .business-top .list li span.ico04 { background-size: auto 30px; }
}
@media only screen and (max-width:360px) {
.business-bg { padding: 60px 0 100px 0; }
.business-bg:after { background-size: cover }
.business-bg .ctit { font-size: 22px; padding-bottom: 30px; }
.business-list li { float: none; width: 100%; padding: 91% 0 5% 0; margin: 20px 0 0 0; }
.business-list li .btit .divide { display: inline; }
.business-list li .btit { font-size: 16px; margin-bottom: 5px; }
.business-list li .stxt { font-size: 15px; }
.business-top .ctit { font-size: 22px; }
.business-top .list li span { font-size: 13px; line-height: 1.2; }
}