@charset "utf-8";

/* =====================================
   #content
===================================== */

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

 @media only screen and (max-width:480px) {
.pc-img {display: none;}
.mobile-img {display: block;}
}

.tit1 {font-size:24px; padding-bottom:20px; font-weight:500; color:#111; padding-left:100px;}
.tit1:after {
    float: left;
    content: "";
    display: inline-block;
    width: 6px;
    height: 21px;
    border-radius: 0px;
    background-color: #a6ce39;
    margin-right: 15px;
    margin-top: 1px;
}

 @media only screen and (max-width:480px) {
 .tit1 {font-size:18px; padding-bottom:20px; font-weight:500; color:#111}
.tit1:after {
    float: left;
    content: "";
    display: inline-block;
    width: 4px;
    height:18px;
    border-radius: 0px;
    background-color: #68b445;
    margin-right: 10px;
    margin-top: 1px;
}

}

/* =====================================
   ceo-wrap
===================================== */
.ceo-wrap {padding:0 80px; }
.ceo-img { margin: 0 auto; padding-bottom: 90px; }
.ceo-left { display: inline-block; width: 30%; margin-right: 2%; vertical-align: top; color: #68b445; font-size: 24px; font-weight: 600; line-height: 1.5; font-family: 'NanumSquare', sans-serif; }
.ceo-left:before { display: block; content: ''; width: 280px; height: 3px; background: #68b445; margin-top: 7px; margin-bottom: 30px; }
.ceo-right { display: inline-block; width: 67%; }
.ceo-txt { font-size: 18px; color: #555; margin-top: 40px; margin-bottom: 40px;  line-height: 1.6;  word-break: keep-all; }
.ceo-txt strong { font-size: 22px; color: #222; text-align:right;}
.about-wrap { position: relative; max-width: 1240px; margin: auto; padding:0 100px; }
.about-info { }
.about-info dt { float: left; display: block; font-size: 17px; width: 150px; padding: 20px 15px; font-weight: 600; color: #176e88; border-top: 1px solid #176e88; }
.about-info dd { display: block; margin-left: 220px; padding: 20px 15px; color: #000; font-size: 17px;  border-top: 1px solid #e2e2e2; }
.about-info:after { content: ''; clear: both; display: block; }
 @media only screen and (max-width:1260px) {
}
 @media only screen and (max-width:1200px) {
 .ceo-wrap {padding:0px; }
 .about-wrap { position: relative; margin: auto; padding:0px; }
 .tit1 {font-size:18px; padding-bottom:20px; font-weight:500; color:#111; padding-left:0px;}
}
 @media only screen and (max-width:999px) {
	 .ceo-img { margin: 0 auto; padding-bottom: 50px; }
 .ceo-left { display: inline-block; width: 30%; margin-right: 2%; vertical-align: top; color: #68b445; font-size: 20px; font-weight: 500; line-height: 1.5; }
.ceo-left:before { display: block; content: ''; width: 170px; height: 3px; background: #68b445; margin-top: 7px; margin-bottom: 20px; }
.ceo-txt { font-size: 15px; margin-bottom: 20px; }
}
 @media only screen and (max-width:680px) {
.ceo-img {width: 100%;   padding-bottom: 30px;}
.ceo-left { display: block; width: 100%; margin-right: 0; margin-bottom: 30px; font-size: 20px; font-weight: 500; line-height: 1.5;}
.ceo-left:before { display: block; content: ''; width: 50px; height: 3px; background: #68b445; margin-top: 7px; margin-bottom: 15px; }
.ceo-left br { display: block;}
.ceo-right { display: block; width: 100%; }
.ceo-txt { font-size: 15px; margin-bottom: 10px; }
.ceo-txt br { display:none;}
.about-wrap { }
.about-info { margin-bottom: 10px }
.about-info dd { font-size: 13px; line-height: 1 }
.about-info dt { float: none; width: 100%; font-size: 14px; padding: 15px 0px; border-top: 1px solid #333; border-bottom: 1px solid #aaa }
.about-info dd { margin: 0px; border-top: none; border-bottom: none; line-height: 20px; padding: 15px 0px; }
}
 @media only screen and (max-width:480px) {
}


/* =====================================
   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:70px; 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:#8aac2d; 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:#8aac2d; 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 .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:500}
.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 #a6ce39;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:#8aac2d; 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:80px}

.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:#666; line-height:1.4em;word-break: keep-all;}

.history-wrap .list .item:nth-child(even) li{padding-right:90px; 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:60px;}
		.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{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{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:60px}
		.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;}
	}



/* =====================================
   .business-wrap
===================================== */


.business-wrap { padding-top: 20px; padding-bottom: 0px; }
.business-wrap .gap70 { height: 70px; }
.business-wrap .gap75 { height: 75px; }
.business-wrap .item { padding-left: 350px; position: relative; min-height: 80px; }
/* .business-wrap .item:nth-child(n+2){margin-top:70px;} */
.business-wrap .item .tits { position: absolute; left: 0; top: 0; }
.business-wrap .item .tits h3 { margin-bottom: 0; letter-spacing: -0.05em; }
.business-wrap .item .tits p { font-size: 24px; font-weight: 300; line-height: 1.2em; margin-top: 5px; }
.business-wrap .item .tits p.eng { font-family: 'GothamPro'; font-size: 18px; font-weight: 700; color: #000 }
.business-wrap .item .cons { }
 @media only screen and (max-width:1200px) {
.business-wrap { padding-bottom: 50px; }
.business-wrap .gap70 { height: 50px; }
.business-wrap .gap75 { height: 55px; }
.business-wrap .item { padding-left: 220px; }
.business-wrap .item .tits p { font-size: 20px }
}
 @media only screen and (max-width:999px) {
.business-wrap { padding-bottom: 30px; }
.business-wrap .gap70 { height: 40px; }
.business-wrap .gap75 { height: 45px; }
.business-wrap .item .tits { position: relative; left: auto; top: auto; margin-bottom: 20px; }
.business-wrap .item .tits h3 { }
.business-wrap .item .tits h3 br { display: none; }
.business-wrap .item .tits p { display: inline-block; vertical-align: top; font-size: 16px; }
}
 @media only screen and (max-width:680px) {
}
 @media only screen and (max-width:480px) {
.business-wrap .item .tits { margin-bottom: 15px; }
}
.business-wrap .item.c01 { padding: 0px 0 0 350px }
.business-wrap .item.c01 .tits { top: 0; }
.business-wrap .item.c01 h4 { font-size: 20px; color: #333; line-height: 1.2em; margin-bottom: 24px; }
.business-wrap .item.c01 .txt { font-size: 16px; color: #333; line-height: 1.5em; margin-bottom: 24px; font-weight: 400 }

.business-wrap .item.c01 ul { padding-top: 30px; border-top: 1px solid #7f7f7f }
.business-wrap .item.c01 ul:after { display: block; content: ""; clear: both }
.business-wrap .item.c01 li { float: left; position: relative; box-sizing: border-box; min-height: 80px; padding: 7px 10px 0 0 }
.business-wrap .item.c01 li:nth-child(1) { width: 35%; }
.business-wrap .item.c01 li:nth-child(2) { width: 35%; }
.business-wrap .item.c01 li:nth-child(3) { width: 30%; }
.business-wrap .item.c01 li:nth-child(n+2) { padding-left: 18px; }
.business-wrap .item.c01 li:nth-child(n+2):before { width: 1px; height: 100%; left: -1px; top: 0; background: #7f7f7f; content: ""; position: absolute; display: block; }
.business-wrap .item.c01 li .btxt { color: #000; font-size: 18px; font-weight: 700; line-height: 1.4em; margin-bottom: 10px; }
.business-wrap .item.c01 li .stxt { color: #666; font-size: 15px; line-height: 1.6em; letter-spacing: -0.04em; word-break: keep-all; }
.business-wrap .item.c01 li .stxt2 { color: #666; font-size: 17px; line-height: 1.6em; letter-spacing: -0.04em; word-break: keep-all; }

.business-wrap .item.c01 .img { border: 1px solid #d9d9d9 }
.business-wrap .item.c01 .img img { width: 100%; min-height: 160px; object-fit: cover; }
 @media only screen and (max-width:1260px) {
.business-wrap .item.c01 ul { padding-top: 30px; }
.business-wrap .item.c01 li .stxt { font-size: 14px; }
.business-wrap .item.c01 .gap100 { height: 80px }
}
 @media only screen and (max-width:1200px) {
.business-wrap .item.c01 { padding: 25px 0 0 220px }
.business-wrap .item.c01 h4 { font-size: 18px; margin-bottom: 20px; }
.business-wrap .item.c01 .txt { font-size: 16px; margin-bottom: 20px; }
.business-wrap .item.c01 ul { padding-top: 20px; }
.business-wrap .item.c01 li { float: none; width: auto !important; min-height: auto; padding-top: 0; }
.business-wrap .item.c01 li:nth-child(n+2) { padding-left: 0; padding-top: 20px; margin-top: 20px; border-top: 1px solid #333 }
.business-wrap .item.c01 li:nth-child(n+2):before { display: none; }
.business-wrap .item.c01 li .btxt { font-size: 16px; }
.business-wrap .item.c01 li .stxt br { display: none; }
.business-wrap .item.c01 .gap100 { height: 50px }
}
 @media only screen and (max-width:999px) {
.business-wrap .item.c01 { padding: 0 }
.business-wrap .item.c01 .tits { top: auto }
.business-wrap .item.c01 h4 { font-size: 16px; margin-bottom: 15px; }
}
 @media only screen and (max-width:680px) {
}
 @media only screen and (max-width:480px) {
.business-wrap .item.c01 li .btxt { margin-bottom: 7px }
.business-wrap .item.c01 li .stxt { font-size: 13px; }
}
.business-wrap .item.c02 { padding: 50px 0 50px 300px }
.business-wrap .item.c02 .tits { top: 50px }
.business-wrap .item.c02 .cons { padding-top: 20px; }
.business-wrap .item.c02 .cons p { font-size: 17px; color: #666; line-height: 1.5em; word-break: keep-all; }
.business-wrap .item.c03 { padding: 20px 0 0 300px }
.business-wrap .item.c03 .tits { top: 0; }
.business-wrap .item.c03 ul { margin-top: 70px; }
.business-wrap .item.c03 ul:after { display: block; content: ""; clear: both }
.business-wrap .item.c03 ul li { float: left; width: 49.5%; position: relative; }
.business-wrap .item.c03 ul li:nth-child(even) { float: right }
.business-wrap .item.c03 ul .img { }
.business-wrap .item.c03 ul .img img { width: 100%; }
 @media only screen and (max-width:1200px) {
.business-wrap .item.c02 { padding: 25px 0 0 220px }
.business-wrap .item.c02 .cons { padding-top: 10px; }
.business-wrap .item.c02 .cons p { font-size: 16px; }
.business-wrap .item.c03 { padding: 25px 0 0 220px }
.business-wrap .item.c03 h4 { font-size: 18px; }
.business-wrap .item.c03 ul { margin-top: 50px; }
}
 @media only screen and (max-width:999px) {
.business-wrap .item.c02 { padding: 0 }
.business-wrap .item.c02 .tits { top: auto }
.business-wrap .item.c02 .cons { padding-top: 0; }
.business-wrap .item.c02 .cons p { font-size: 15px; }
.business-wrap .item.c02 .cons p br { display: none; }
.business-wrap .item.c03 { padding: 0 }
.business-wrap .item.c03 .tits { top: auto }
.business-wrap .item.c03 h4 { font-size: 16px; }
.business-wrap .item.c03 ul { margin-top: 30px; }
}
 @media only screen and (max-width:680px) {
.business-wrap .item.c02 .cons p { font-size: 14px; }
.business-wrap .item.c03 ul { margin: 0 -1%; margin-top: 20px; }
.business-wrap .item.c03 ul li { width: 48%; margin: 0 1% }
.business-wrap .item.c03 ul li:nth-child(n+3) { margin-top: 20px }
}
 @media only screen and (max-width:480px) {
}
.business-wrap .item.c04 { padding: 20px 0 0 300px }
.business-wrap .item.c04 .tits { top: 0; }
.business-wrap .item.c04 h4 { font-size: 20px; color: #333; line-height: 1.2em; margin-bottom: 24px; }
.business-wrap .item.c04 ul { margin: 0 -0.5% }
.business-wrap .item.c04 ul:after { display: block; content: ""; clear: both }
.business-wrap .item.c04 ul li { float: left; width: 24%; margin: 0 0.5% }
.business-wrap .item.c04 ul li .img { }
.business-wrap .item.c04 ul li .img img { width: 100%; }
.business-wrap .item.c04 ul li .txt { text-align: center; margin-top: 20px; }
.business-wrap .item.c04 ul li .txt p { font-size: 17px; color: #333; line-height: 1.2em; }
 @media only screen and (max-width:1200px) {
.business-wrap .item.c04 { padding: 25px 0 0 220px }
.business-wrap .item.c04 h4 { font-size: 18px; }
}
 @media only screen and (max-width:999px) {
.business-wrap .item.c04 { padding: 0 }
.business-wrap .item.c04 h4 { font-size: 16px; margin-bottom: 15px; }
.business-wrap .item.c04 ul li .txt { margin-top: 10px; }
}
 @media only screen and (max-width:680px) {
.business-wrap .item.c04 ul { margin: 0 -1% }
.business-wrap .item.c04 ul li { width: 48%; margin: 0 1% }
.business-wrap .item.c04 ul li:nth-child(n+3) { margin-top: 20px }
}
 @media only screen and (max-width:480px) {
}
.business-wrap .item.c05 .tits { top: 0px; }
.business-wrap .item.c05 h4 { font-size: 23px; margin-bottom: 20px; color:#000; }
.business-wrap .item.c05 .txt { font-size: 18px; color: #333; line-height: 1.5em; margin-bottom: 24px; font-weight: 400 }
.business-wrap .item.c05 .ico-list { background: #fff; padding: 40px 10px }
.business-wrap .item.c05 .ico-list:after { display: block; content: ""; clear: both; }
.business-wrap .item.c05 .ico-list li { float: left; width: 25%; position: relative; text-align: center; }
.business-wrap .item.c05 .ico-list li:nth-child(n+5) { margin-top: 80px; }
.business-wrap .item.c05 .ico-list li .ico { }
.business-wrap .item.c05 .ico-list li .txt { margin-top: 15px; font-size: 18px; font-weight: 500; color: #3b5093; line-height: 1.2em; letter-spacing: -0.03em; }
.business-wrap .item.c05 .img-list { margin-top: 45px; }
.business-wrap .item.c05 .img-list:after { display: block; content: ""; clear: both }
.business-wrap .item.c05 .img-list li { float: left; width: 49.5%; position: relative; }
.business-wrap .item.c05 .img-list li:nth-child(even) { float: right }
.business-wrap .item.c05 .img-list .img { }
.business-wrap .item.c05 .img-list .img img { width: 100%; }
.business-wrap .item.c05 .img-list .txt { position: absolute; left: 0; bottom: 5%; width: 100%; text-align: center; padding: 15px 0; font-size: 20px; font-weight: 700; color: #000; line-height: 1.2em; text-align: center; }
 @media only screen and (max-width:1200px) {
.business-wrap .item.c05 { padding: 25px 0 0 220px }
.business-wrap .item.c05 .ico-list { padding: 50px 10px }
.business-wrap .item.c05 .ico-list li .ico { }
.business-wrap .item.c05 .ico-list li .ico img { width: 90%; max-width: 118px; }
.business-wrap .item.c05 .ico-list li .txt { margin-top: 10px; font-size: 16px; }
.business-wrap .item.c05 .ico-list li:nth-child(n+5) { margin-top: 50px; }
.business-wrap .item.c05 .img-list { margin-top: 35px; }
.business-wrap .item.c05 .img-list .txt { font-size: 17px; padding: 10px 0; }
}
 @media only screen and (max-width:999px) {
.business-wrap .item.c05 { padding: 0 }
.business-wrap .item.c05 .tits { top: auto; }
.business-wrap .item.c05 .ico-list { padding: 40px 10px }
.business-wrap .item.c05 .ico-list li .txt { font-size: 14px; margin-top: 10px; }
.business-wrap .item.c05 .ico-list li:nth-child(n+5) { margin-top: 30px; }
.business-wrap .item.c05 .img-list { margin-top: 25px; }
.business-wrap .item.c05 .img-list .txt { font-size: 15px; bottom: 4% }
}
 @media only screen and (max-width:680px) {
.business-wrap .item.c05 .ico-list { padding: 30px 10px }
.business-wrap .item.c05 .ico-list li { width: 50% }
.business-wrap .item.c05 .ico-list li:nth-child(n+3) { margin-top: 20px; }
.business-wrap .item.c05 .ico-list li .ico img { max-width: 100px; }
.business-wrap .item.c05 .ico-list li .txt { margin-top: 7px; }
.business-wrap .item.c05 .img-list .txt { font-size: 14px; }
}
 @media only screen and (max-width:480px) {
.business-wrap .item.c05 .img-list li { float: none; width: auto; }
.business-wrap .item.c05 .img-list li:nth-child(n+2) { float: none; margin-top: 10px; }
.business-wrap .item.c05 .ico-list li .ico img { max-width: 90px; }
.business-wrap .item.c05 .ico-list li .txt { margin-top: 5px; }

.business-wrap .item.c05 h4 { font-size: 18px; margin-bottom: 10px; color:#000; }
.business-wrap .item.c05 .txt { font-size: 15px; color: #333; line-height: 1.4em; margin-bottom: 20px; font-weight: 400 }
}
.business-wrap .item.c06 { padding: 25px 0 0 300px }
.business-wrap .item.c06 .img { border: 1px solid #d9d9d9 }
.business-wrap .item.c06 .img img { width: 100%; }
.business-wrap .item.c06 .txt01 { margin-top: 20px; }
.business-wrap .item.c06 .txt01 p { font-size: 17px; color: #666; line-height: 1.3em; }
.business-wrap .item.c06 .txt01 p:nth-child(n+2) { margin-top: 7px; }
.business-wrap .item.c06 .txt01 p span { font-weight: 700; color: #000; padding-left: 17px; }
.business-wrap .item.c06 ul:after { display: block; content: ""; clear: both }
.business-wrap .item.c06 ul li { float: left; width: 49.5% }
.business-wrap .item.c06 ul li:nth-child(even) { float: right }
.business-wrap .item.c06 ul li .img { }
.business-wrap .item.c06 ul li .img img { }
.business-wrap .item.c06 ul li .txt { text-align: center; border: 1px solid #d9d9d9; border-top: 0; padding: 27px 0 }
.business-wrap .item.c06 ul li .txt p { font-size: 17px; color: #666; line-height: 1.4em; }
.business-wrap .item.c06 ul li .txt p span { font-weight: 700; color: #000; }
.business-wrap .item.c06 .ex { margin-top: 10px; background: #375278; text-align: center; padding: 32px 0; }
.business-wrap .item.c06 .ex p { font-size: 24px; line-height: 1.4em; color: #fff; font-weight: 400 }
 @media only screen and (max-width:1200px) {
.business-wrap .item.c06 { padding: 25px 0 0 220px }
.business-wrap .item.c06 .txt01 p { font-size: 16px; }
.business-wrap .item.c06 ul li .txt { padding: 20px 0 }
.business-wrap .item.c06 ul li .txt p { font-size: 16px; }
.business-wrap .item.c06 .ex { padding: 27px 0 }
.business-wrap .item.c06 .ex p { font-size: 21px; }
}
 @media only screen and (max-width:999px) {
.business-wrap .item.c06 { padding: 0 }
.business-wrap .item.c06 .txt01 { margin-top: 15px; }
.business-wrap .item.c06 .txt01 p { font-size: 15px; }
.business-wrap .item.c06 .txt01 p span { padding-left: 10px; }
.business-wrap .item.c06 ul li .txt { padding: 15px 0 }
.business-wrap .item.c06 ul li .txt p { font-size: 15px; }
.business-wrap .item.c06 .ex { padding: 22px 0 }
.business-wrap .item.c06 .ex p { font-size: 18px; }
}
 @media only screen and (max-width:680px) {
.business-wrap .item.c06 .txt01 p { font-size: 14px; }
.business-wrap .item.c06 .txt01 { margin-top: 10px; }
.business-wrap .item.c06 .txt01 p:nth-child(n+2) { margin-top: 5px; }
.business-wrap .item.c06 .txt01 p span { padding-left: 5px; }
.business-wrap .item.c06 ul li .txt p { font-size: 14px; }
.business-wrap .item.c06 .ex { padding: 17px 0 }
.business-wrap .item.c06 .ex p { font-size: 16px; }
}
 @media only screen and (max-width:480px) {
.business-wrap .item.c06 ul li { float: none; width: auto }
.business-wrap .item.c06 ul li:nth-child(n+2) { float: none; margin-top: 15px; }
.business-wrap .item.c06 .ex p { font-size: 15px; }
}


/* =====================================
   business-list Á¶»ç¿¬±¸ ÁÖ¿ä »ç¾÷³»¿ë
===================================== */

.business-list { margin:20px 0 43px; overflow:hidden; color:#111; }
.business-list > li { float:left; height:300px; background:#f4f4f4; box-sizing:border-box; text-align:center; border-left:2px solid #fff; text-align:center; }

.business-list.col3 > li { width:33%; }
.business-list.col4 > li { width:25%; }
.business-list > li:first-child { border-left:0; }
.business-list .txt { display:block; margin-top:30px; line-height:1.5; font-size:17px; font-weight:400;}
.business-list .num { display:block; width:190px; margin:39px auto -4px; text-align:left; font-size:13px; font-weight:bold; }
@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.business-list { margin:20px 0 43px; overflow:hidden; color:#111; }
.business-list > li { float:left; height:270px; background:#f1f2f7; box-sizing:border-box; text-align:center; border-left:2px solid #fff; text-align:center; }
.business-list.col3 > li { width:33.333%; }
.business-list.col4 > li { width:25%; }
.business-list > li:first-child { border-left:0; }

.business-list .txt { display:block; margin-top:20px; line-height:1.5; font-size:15px; font-weight:400;  padding:0px 10px;}
.business-list .num { display:block; width:190px; margin:15px 10px 0px; text-align:left; font-size:13px; font-weight:bold; }
.business-list .txt br{ display:none;}

	}


 @media only screen and (max-width:680px) {
	 .business-list { margin:10px 0 20px; overflow:hidden; color:#111; }
.business-list.col4 > li { width:50%; margin-bottom:2px; height:230px; }
.business-list > li:first-child { border-left:0; }

.business-list .txt { display:block; margin-top:10px; line-height:1.5; font-size:14px; font-weight:400; padding:0px 10px; letter-spacing:-1px;}
.business-list .num { display:block; width:120px; margin:15px 10px 0px; text-align:left; font-size:13px; font-weight:bold; }
.business-list .txt br{ display:none;}


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



/*=======================================================
  .addiction-wrap Áßµ¶°úȸº¹
=========================================================*/
.addiction-wrap h3{position:relative; padding-left:20px; line-height:1.1em; font-size:30px; font-weight:500; letter-spacing:-0.03em; color:#000; margin-bottom:25px;  font-family: 'NanumSquareRound',sans-serif;}
.addiction-wrap h3:before{width:8px;height:23px; background:#8cc63e; border-radius:7px; position:absolute; left:0; top:3px; display:block;content:"" }
.addiction-wrap h4{position:relative; padding-left:30px; font-size:24px;font-weight:700; color:#000; line-height:1.1em; letter-spacing:-0.03em;margin-bottom:30px;}
.addiction-wrap h4:before{width:18px;height:18px; background:#8cc63e; border-radius:100%; position:absolute; left:0; top:5px; display:block;content:""}
.addiction-wrap h5{position:relative; padding-left:10px; font-size:20px;font-weight:500; color:#000; line-height:1.1em; letter-spacing:-0.03em;margin-bottom:20px;}


.addiction-wrap .gap60{height:60px;}
.addiction-wrap .gap100{height:100px;}
.addiction-wrap .gap150{height:150px;}
.addiction-wrap .line{height:1px; background:#dedede; margin:60px 0;}
	@media only screen and (max-width:1200px){
		.addiction-wrap h3{padding-left:25px; font-size:34px;}
		.addiction-wrap h3:before{top:8px; height:25px;}
		.addiction-wrap h4{font-size:22px;}
		
		.addiction-wrap .gap60{height:50px;}
		.addiction-wrap .gap100{height:80px;}
		.addiction-wrap .gap150{height:130px;}
	}
	@media only screen and (max-width:999px){
		.addiction-wrap h3{font-size:29px; padding-left:20px;;margin-bottom:25px;}
		.addiction-wrap h3:before{width:5px;height:22px; top:6px;}
		.addiction-wrap h4{font-size:20px;margin-bottom:20px;}
		
		.addiction-wrap .gap60{height:30px;}
		.addiction-wrap .gap100{height:60px;}
		.addiction-wrap .gap150{height:110px;}
	}
	@media only screen and (max-width:680px){
		.addiction-wrap h3{font-size:24px; padding-left:15px;}
		.addiction-wrap h3:before{width:4px;height:18px; top:5px;}
		.addiction-wrap h4{font-size:18px; padding-left:20px;}
		.addiction-wrap h4:before{width:10px;height:10px; left:0; top:3px;}
		
		.addiction-wrap .gap60{height:20px;}
		.addiction-wrap .gap100{height:40px;}
		.addiction-wrap .gap150{height:90px;}
	}
	@media only screen and (max-width:480px){
		.addiction-wrap h3{font-size:19px; padding-left:12px; margin-bottom:20px;}
		.addiction-wrap h3:before{width:4px;height:14px; top:4px;}
		.addiction-wrap h4{font-size:16px;margin-bottom:15px;}

		.addiction-wrap .gap150{height:70px;}


	}

.addiction-wrap .vis{position:relative; height:250px;}
.addiction-wrap .vis .img{overflow:hidden; width:1540px; left:50%;margin-left:-770px; top:0; position:absolute; z-index:-1;}
.addiction-wrap .vis .img p{-webkit-transition: transform 4.5s ease-out;-moz-transition: transform 4.5s ease-out;-o-transition: transform 4.5s ease-out;transition: transform 4.5s ease-out; transform:scale(1.3, 1.3); -webkit-transform:scale(1.3, 1.3); -moz-transform:scale(1.3, 1.3); -ms-transform:scale(1.3, 1.3);}
.addiction-wrap .vis .img img{width:100%; height:250px;object-fit:cover;}
.addiction-wrap .vis.ani .img p{transform:scale(1, 1); -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 1);}

.addiction-wrap .vis .txt{position:absolute; left:0; top:50%; width:100%; padding:0 30px;box-sizing:border-box;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.addiction-wrap .vis .btxt{font-weight:600; color:#fff; letter-spacing:-0.03em; font-size:40px; line-height:1.3em; font-family: 'NanumSquareRound', sans-serif;}
.addiction-wrap .vis .stxt{margin-top:30px;font-weight:300; color:#fff; letter-spacing:-0.04em; font-size:17px; line-height:1.5em;word-break: keep-all;}
.addiction-wrap .vis a{margin-top:30px;display:inline-block;vertical-align:top;width:236px;line-height:51px; font-size:16px;font-weight:300;text-transform:uppercase; border:1px solid #fff;position:relative; color:#fff;text-align:center;box-sizing:border-box; -webkit-transition: color 0.3s ease-out;-moz-transition: color 0.3s ease-out;-o-transition: color 0.3s ease-out;transition: color 0.3s ease-out;}
.addiction-wrap .vis a span{display:inline-block;vertical-align:top; position:relative; z-index:2; padding-right:46px; background:url(../img/Content/leaflet-down.png) no-repeat right center;-webkit-transition: background 0.3s ease-out;-moz-transition: background 0.3s ease-out;-o-transition: background 0.3s ease-out;transition: background 0.3s ease-out;}
.addiction-wrap .vis a:before{width:0;height:100%; position:absolute; left:0; top:0 ;display:block; background:#fff;content:""; z-index:1;-webkit-transition: width 0.3s ease-out;-moz-transition: width 0.3s ease-out;-o-transition: width 0.3s ease-out;transition: width 0.3s ease-out;}
.addiction-wrap .vis a:hover:before{width:100%;}
.addiction-wrap .vis a:hover{transition-delay: 0.3s;color:#000;}
.addiction-wrap .vis a:hover span{transition-delay: 0.5s;background-image:url(../img/Content/leaflet-downo.png)}
	@media only screen and (max-width:1200px){
		.addiction-wrap .vis{height:490px}
		.addiction-wrap .vis .img img{height:490px;}
		.addiction-wrap .vis .txt{padding:0 20px;}
		.addiction-wrap .vis .btxt{font-size:32px;}
		.addiction-wrap .vis .stxt{margin-top:20px; font-size:15px;}
		.addiction-wrap .vis a{width:220px; font-size:15px; line-height:45px;}
		.addiction-wrap .vis a span{padding-right:35px;}
	}
	@media only screen and (max-width:999px){
		.addiction-wrap .vis{height:440px}
		.addiction-wrap .vis .img{width:calc(100% + 30px); margin-left:-15px; left:0;}
		.addiction-wrap .vis .img img{height:440px;}
		.addiction-wrap .vis .txt{padding:0 15px;}
		.addiction-wrap .vis .btxt{font-size:28px;}
		.addiction-wrap .vis .stxt{margin-top:15px; font-size:14px;}
		.addiction-wrap .vis .stxt br{display:none;}
		
		.addiction-wrap .vis a{margin-top:20px;width:200px; font-size:14px; line-height:42px;}
		.addiction-wrap .vis a span{padding-right:30px; background-size:15px auto;}
	}
	@media only screen and (max-width:680px){
		.addiction-wrap .vis{height:400px}
		.addiction-wrap .vis .img{}
		.addiction-wrap .vis .img img{height:400px;}
		.addiction-wrap .vis .txt{padding:0 10px;}
		.addiction-wrap .vis .btxt{font-size:24px;}
		.addiction-wrap .vis a{width:180px; line-height:38px;}
	}
	@media only screen and (max-width:480px){
		.addiction-wrap .vis{height:350px}
		.addiction-wrap .vis .img img{height:350px;}
		.addiction-wrap .vis .txt{padding:0 5px;}
		.addiction-wrap .vis .stxt{margin-top:10px;}
		.addiction-wrap .vis a{width:160px;}
	}

.addiction-wrap .inst{}
.addiction-wrap .inst .btxt{font-size:30px; font-weight:300; color:#000; line-height:1.3em; letter-spacing:-0.03em;word-break: keep-all;}
.addiction-wrap .inst .stxt{margin-top:45px;font-size:16px; font-weight:300; color:#777; line-height:1.4em; letter-spacing:-0.03em;word-break: keep-all;}
	@media only screen and (max-width:1200px){
		.addiction-wrap .inst .btxt{font-size:27px;}
		.addiction-wrap .inst .stxt{margin-top:35px;font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.addiction-wrap .inst .btxt{font-size:24px;}
		.addiction-wrap .inst .btxt br{display:none;}
		.addiction-wrap .inst .stxt{margin-top:25px;font-size:15px;}
		.addiction-wrap .inst .stxt br{display:none;}
	}
	@media only screen and (max-width:680px){
		.addiction-wrap .inst .btxt{font-size:21px;}
		.addiction-wrap .inst .stxt{margin-top:20px;font-size:14px;}
		
	}
	@media only screen and (max-width:480px){
		.addiction-wrap .inst .btxt{font-size:18px;}
		.addiction-wrap .inst .stxt{margin-top:15px;font-size:13px;}
	}
	@media only screen and (max-width:400px){
	
	}

.addiction-wrap .entit{padding:35px 50px;background:#fbfbfb}
.addiction-wrap .entit ul{}
.addiction-wrap .entit ul li{position:relative; padding-left:0px; }
.addiction-wrap .entit ul li:nth-child(n+2){margin-top:24px;}
.addiction-wrap .entit ul li .btxt{font-size:20px; font-weight:700; color:#000; letter-spacing:-0.03em; line-height:1.3em;  position:absolute; left:0; top:0;}
.addiction-wrap .entit ul li .stxt{font-size:18px; font-weight:400; color:#000; letter-spacing:-0.03em; line-height:1.9em; word-break: keep-all;}
.addiction-wrap .entit ul li table{margin-top:40px; table-layout:fixed;}
.addiction-wrap .entit ul li table thead th{text-align:center;font-size:18px; font-weight:400; color:#000; padding:17px 0;letter-spacing:-0.03em; line-height:1.3em; border-top:1px solid #646464; border-bottom:1px solid #646464;}
.addiction-wrap .entit ul li table tbody td{text-align:center;font-size:18px; font-weight:400; color:#777; padding:17px 0;letter-spacing:-0.03em; line-height:1.3em;border-bottom:1px solid #646464;}
	@media only screen and (max-width:1200px){
		.addiction-wrap .entit{padding:45px 40px;}
		.addiction-wrap .entit ul li{ padding-left:145px;}
		.addiction-wrap .entit ul li:nth-child(n+2){margin-top:20px;}
		.addiction-wrap .entit ul li .btxt{font-size:18px;}
		.addiction-wrap .entit ul li .stxt{font-size:16px;}
		
		.addiction-wrap .entit ul li table{margin-top:30px; }
		.addiction-wrap .entit ul li table thead th{font-size:16px; padding:15px 0;}
		.addiction-wrap .entit ul li table tbody td{font-size:16px; padding:15px 0;}
	}
	@media only screen and (max-width:999px){
		.addiction-wrap .entit{padding:35px 30px;}
		.addiction-wrap .entit ul li{ padding-left:0px;}
		.addiction-wrap .entit ul li:nth-child(n+2){margin-top:15px;}
		.addiction-wrap .entit ul li .btxt{font-size:17px;}
		.addiction-wrap .entit ul li .stxt{font-size:15px;}
		
		.addiction-wrap .entit ul li table{margin-top:20px;}
		.addiction-wrap .entit ul li table thead th{font-size:15px; padding:15px 0;}
		.addiction-wrap .entit ul li table tbody td{font-size:15px; padding:15px 0;}
	}
	@media only screen and (max-width:680px){
		.addiction-wrap .entit{padding:25px 20px;}
		.addiction-wrap .entit ul li{ padding-left:0px; padding-top:0;}
		.addiction-wrap .entit ul li:nth-child(n+2){margin-top:10px;}
		.addiction-wrap .entit ul li .btxt{font-size:16px;}
		.addiction-wrap .entit ul li .stxt{font-size:14px;}
		
		.addiction-wrap .entit ul li table{margin-top:20px;}
		.addiction-wrap .entit ul li table thead th{font-size:14px; padding:13px 0;}
		.addiction-wrap .entit ul li table tbody td{font-size:14px; padding:13px 0;}
	}
	@media only screen and (max-width:480px){
		.addiction-wrap .entit{padding:25px 15px;}
		.addiction-wrap .entit ul li{ padding-left:0px;}
		.addiction-wrap .entit ul li .btxt{font-size:15px; top:1px;}
		.addiction-wrap .entit ul li .stxt{font-size:13px;}
		
		.addiction-wrap .entit ul li table{margin-top:15px;}
		.addiction-wrap .entit ul li table thead th{font-size:12px; padding:11px 0;}
		.addiction-wrap .entit ul li table tbody td{font-size:12px; padding:11px 0;}
	}
	@media only screen and (max-width:400px){
		.addiction-wrap .entit{padding:25px 12px;}
		.addiction-wrap .entit ul li{ padding-left:0px;}
		.addiction-wrap .entit ul li table thead th{font-size:11px; }
		.addiction-wrap .entit ul li table tbody td{font-size:11px; }

	}

.addiction-wrap .setup{padding:0 30px;}
.addiction-wrap .setup ul{}
.addiction-wrap .setup ul:after{display:block; content:"";clear:both;}
.addiction-wrap .setup li{float:left; position:relative;}
.addiction-wrap .setup li:before{width:100%;height:1px; position:absolute; left:0; bottom:0; display:block; content:"";background:#ddd;}
.addiction-wrap .setup li:after{width:7px;height:7px; border-radius:100%; left:-3px; bottom:-3px;position:absolute; display:block; content:"";background:#ddd;}

.addiction-wrap .setup li .img{padding-left:20px;}
.addiction-wrap .setup li .txt{margin-top:15px;font-size:20px; font-weight:400; color:#777; line-height:1.2em; letter-spacing:-0.04em; min-height:50px;}
.addiction-wrap .setup li .txt span{font-family:"Roboto"; font-weight:700;margin-right:10px;}
.addiction-wrap .setup li .txt i{font-size:16px;}
.addiction-wrap .setup li.active .txt{color:#000;}
.addiction-wrap .setup li.active:after{background:#000;}
	@media only screen and (max-width:1200px){
		.addiction-wrap .setup li .txt{font-size:18px;}
		.addiction-wrap .setup li .txt i{font-size:15px;display:block; margin-left:22px;}
	}
	@media only screen and (max-width:999px){
		.addiction-wrap .setup{padding:0 25px;}
		.addiction-wrap .setup li .img img{width:90px;}
		.addiction-wrap .setup li .txt{font-size:16px; margin-top:10px;}
		.addiction-wrap .setup li .txt span{margin-right:5px; }
		.addiction-wrap .setup li .txt i{font-size:14px; margin-left:15px;}
	}
	@media only screen and (max-width:680px){
		.addiction-wrap .setup{padding:0 20px;}
		.addiction-wrap .setup li.w20p{width:50%}
		.addiction-wrap .setup li.w25p{width:50%}
		.addiction-wrap .setup li.w30p{width:50%}
		.addiction-wrap .setup li:nth-child(odd){width:55% !important;}
		.addiction-wrap .setup li:nth-child(even){width:45% !important;}
		.addiction-wrap .setup li:nth-child(n+3){margin-top:25px;}
		.addiction-wrap .setup li .img img{width:80px;}
		.addiction-wrap .setup li .txt{font-size:15px;}
		.addiction-wrap .setup li .txt i{font-size:13px;}
		
	}
	@media only screen and (max-width:480px){
		.addiction-wrap .setup{padding:0 13px;}
		.addiction-wrap .setup li .img img{width:70px;}
	}
	@media only screen and (max-width:400px){
		.addiction-wrap .setup li .img img{width:60px;}
		.addiction-wrap .setup li:nth-child(odd){width:57% !important;}
		.addiction-wrap .setup li:nth-child(even){width:43% !important;}
	}

.addiction-wrap .pattern{}
.addiction-wrap .pattern ul{margin:0 -1.5%}
.addiction-wrap .pattern ul:after{display:block; content:"";clear:both;}
.addiction-wrap .pattern li{float:left; width:23%; margin:0 1.0%}
.addiction-wrap .pattern li .txt{font-size:20px; color:#000; font-weight:700; letter-spacing:-0.03em; line-height:1.2em;}
.addiction-wrap .pattern li .stxt{font-size:15px; color:#666; font-weight:400; letter-spacing:-0.03em; line-height:1.6em; padding-top:20px;}
.addiction-wrap .pattern li .img{margin-top:20px;border:1px solid #dedede;}
.addiction-wrap .pattern li .img img{width:100%;}
	@media only screen and (max-width:1200px){
		.addiction-wrap .pattern li .txt{font-size:18px;}
	}
	@media only screen and (max-width:999px){
		.addiction-wrap .pattern li .txt{font-size:17px;}
	}
	@media only screen and (max-width:680px){
		.addiction-wrap .pattern ul{margin:0;}
		.addiction-wrap .pattern li{float:none; width:auto;margin:0;}
		.addiction-wrap .pattern li:nth-child(n+2){margin-top:25px;}
		.addiction-wrap .pattern li .txt{font-size:16px;}
		.addiction-wrap .pattern li .img{margin-top:15px;}
	}
	@media only screen and (max-width:480px){
		.addiction-wrap .pattern li .txt{font-size:15px;}
		.addiction-wrap .pattern li .img{margin-top:10px;}
	}

.addiction-wrap .benefit{padding:0 30px;}
.addiction-wrap .benefit dl{position:relative; padding-left:135px;}
.addiction-wrap .benefit dl:nth-child(n+2){margin-top:20px;}
.addiction-wrap .benefit dt{position:absolute; left:0; top:0; font-size:22px; font-weight:500;color:#000; letter-spacing:-0.03em;line-height:26px;}
.addiction-wrap .benefit dd{position:relative;padding-top:3px;}
.addiction-wrap .benefit dd .btxt{font-size:18px; color:#000; line-height:26px; letter-spacing:-0.03em; }
.addiction-wrap .benefit dd .stxt{font-size:18px; color:#777; line-height:26px; letter-spacing:-0.03em;position:relative;word-break: keep-all;}

.addiction-wrap .benefit .c01 dd{padding-left:90px;}
.addiction-wrap .benefit .c01 dd .btxt{position:absolute; left:0; top:3px;}
.addiction-wrap .benefit .c02 dd .btxt{margin-bottom:10px;}
.addiction-wrap .benefit .c02 dd .stxt{padding-left:10px;}
.addiction-wrap .benefit .c02 dd .stxt:before{position:absolute; left:0; top:11px; width:3px;height:3px; background:#000 ;display:block; content:""}
	@media only screen and (max-width:1200px){
		.addiction-wrap .benefit dl{padding-left:125px}
		.addiction-wrap .benefit dt{font-size:19px;}
		.addiction-wrap .benefit dd .btxt{font-size:17px;}
		.addiction-wrap .benefit dd .stxt{font-size:17px;}
		.addiction-wrap .benefit .c01 dd{padding-left:80px;}
	}
	@media only screen and (max-width:999px){
		.addiction-wrap .benefit{padding:0 25px;}
		.addiction-wrap .benefit dl{padding-left:105px}
		.addiction-wrap .benefit dt{font-size:17px;line-height:1.3em; top:-1px;}
		
		.addiction-wrap .benefit dd{padding-top:0;}
		.addiction-wrap .benefit dd .btxt{font-size:15px;line-height:1.3em;}
		.addiction-wrap .benefit dd .stxt{font-size:15px; line-height:1.3em;}
		.addiction-wrap .benefit dd .stxt:nth-child(n+3){margin-top:5px;}
		.addiction-wrap .benefit .c01 dd{padding-left:70px;}
		.addiction-wrap .benefit .c01 dd .btxt{top:0;}
		.addiction-wrap .benefit .c02 dd .btxt{margin-bottom:7px;}
		.addiction-wrap .benefit .c02 dd .stxt:before{top:8px;}
	}
	@media only screen and (max-width:680px){
		.addiction-wrap .benefit{padding:0 20px;}
		.addiction-wrap .benefit dl{padding-left:80px}
		.addiction-wrap .benefit dt{font-size:15px;}
		.addiction-wrap .benefit dd .btxt{font-size:14px;}
		.addiction-wrap .benefit dd .stxt{font-size:14px;}
		.addiction-wrap .benefit .c01 dd{padding-left:70px;}
		.addiction-wrap .benefit .c02 dd .stxt:before{top:8px;}
	}
	@media only screen and (max-width:480px){
		.addiction-wrap .benefit{padding:0 13px;}
		.addiction-wrap .benefit dl{padding-left:60px}
		.addiction-wrap .benefit .c01 dd{padding-left:50px;}
	}

/*=======================================================
  .introduce-wrap
=========================================================*/
.introduce-wrap .filter{position:relative;min-height:55px;}
.introduce-wrap .filter .total{padding:0 15px;font-size:16px; color:#555; line-height:1.2em;font-weight:400; padding-top:34px; letter-spacing:-0.03em;margin-bottom:15px;}
.introduce-wrap .filter .total span{color:#db291c;}

.introduce-wrap .filter .field{position:absolute;right:0; top:0;display:inline-block;vertical-align:top;font-size:0;}
.introduce-wrap .filter .field .chk-select{ width:125px;}
.introduce-wrap .filter .field .chk-select:after{background:url(../img/Sub/select-arrow02.png) no-repeat center center; right:7px;}
.introduce-wrap .filter .field .chk-input{ width:460px;margin-left:5px;}
.introduce-wrap .filter .field .chk-input input{padding-right:70px;}
.introduce-wrap .filter .field .enter{width:55px;height:55px; position:absolute; right:0; top:0;background:url(../img/Sub/ico-search01.png) no-repeat center center; border:none;}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.introduce-wrap .filter .total{display:none;}
		.introduce-wrap .filter .field{position:relative; right:auto; top:auto; display:block;padding-left:31%;}
		.introduce-wrap .filter .field .chk-select{ width:30%; position:absolute; left:0; top:0;}
		.introduce-wrap .filter .field .chk-input{ width:100%; margin-left:0;}
		.introduce-wrap .filter .field .enter{width:40px;height:40px; position:Absolute; right:2px; top:50%;margin-top:-20px; background-size:18px auto;}
	}
	@media only screen and (max-width:680px){
		

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



.introduce-wrap .list{margin-top:15px;}
.introduce-wrap .list table{}
.introduce-wrap .list table thead th{border-top:1px solid #666666; border-bottom:1px solid #666666; text-align:center; padding:17px 5px; font-size:16px; color:#000; letter-spacing:-0.03em; font-weight:400;}
.introduce-wrap .list table tbody td{font-size:16px; font-weight:400; color:#777; letter-spacing:-0.03em; line-height:1.3em;text-align:center; padding:20px 5px; border-bottom:1px solid #dedede;word-break: keep-all;}
.introduce-wrap .list table tbody tr td:first-child{color:#777;}
.introduce-wrap .list table tbody tr td:nth-child(2){color:#111;font-size:18px;}

.introduce-wrap .list table tbody tr{-webkit-transition: background 0.3s ease-out;-moz-transition: background 0.3s ease-out;-o-transition: background 0.3s ease-out;transition: background 0.3s ease-out;}
.introduce-wrap .list table tbody tr:hover{background:#fbfbfb}

.introduce-wrap .list table tbody .vc{display:flex;align-items: center; justify-content: left;min-height:107px;text-align:left; padding-left:190px}
.introduce-wrap .list table tbody .img {width:150px;position:absolute; left:0; top:0; border:1px solid #e8e8e8;}
.introduce-wrap .list table tbody .img img{width:100%;height:107px;object-fit:cover;}
.introduce-wrap .list table tbody .txt{}
.introduce-wrap .list table tbody .txt .btxt{font-size:18px; color:#000; font-weight:500;letter-spacing:-0.03em; line-height:1.2em;word-break: keep-all;-webkit-transition: color 0.3s ease-out;-moz-transition: color 0.3s ease-out;-o-transition: color 0.3s ease-out;transition: color 0.3s ease-out;}
.introduce-wrap .list table tbody .txt .stxt{margin-top:15px;font-size:16px; color:#777; font-weight:400;letter-spacing:-0.03em; line-height:1.5em;word-break: keep-all; max-height:48px; overflow:hidden;}
.introduce-wrap .list .down-file{display:inline-block;vertical-align:top; width:28px;height:28px;background:url(../img/Content/ico-file.png) no-repeat center center}
	
.introduce-wrap .list table tbody tr:hover .txt .btxt:hover{color:#2674e3;}	
	@media only screen and (min-width:1201px){
		.introduce-wrap .list table tbody .vc{position:relative;}
	}
	@media only screen and (max-width:1200px){
		.introduce-wrap .list table {border-top:1px solid #666}
		.introduce-wrap .list table colgroup{display:none;}
		.introduce-wrap .list table thead th{display:none;}
		.introduce-wrap .list table tbody tr{display:block; position:relative; padding:20px 50px 20px 190px; min-height:105px; border-bottom:1px solid #dedede}
		.introduce-wrap .list table tbody tr:last-child{border-color:#666}
		.introduce-wrap .list table tbody tr:after{display:block;content:"";clear:both}
		/* .introduce-wrap .list table tbody tr:hover{background:none} */
		.introduce-wrap .list table tbody tr td{padding:0; border-bottom:none; float:left; width:100%; text-align:left; font-size:15px;}
		.introduce-wrap .list table tbody tr td:nth-child(1){display:none;}
		.introduce-wrap .list table tbody tr td:nth-child(2){width:100%; font-size:14px;}	
		.introduce-wrap .list table tbody tr td:nth-child(2) br{display:none;}
		.introduce-wrap .list table tbody tr td:nth-child(2):before{display:none; content:"±â¾÷¸í : "}
		.introduce-wrap .list table tbody tr td:nth-child(3){margin-top:10px;}
		.introduce-wrap .list table tbody tr td:nth-child(4){font-size:13px; margin-top:10px;}
		.introduce-wrap .list table tbody tr td:nth-child(5){position:absolute; right:15px; bottom:20px; width:auto;margin-bottom:-5px;}
		
		.introduce-wrap .list table tbody .vc{display:block; padding-left:0; min-height:auto; }
		.introduce-wrap .list table tbody .img {left:20px; top:20px;}
		.introduce-wrap .list table tbody .img img{height:105px;}
		.introduce-wrap .list table tbody .txt .btxt{font-size:17px;}
		.introduce-wrap .list table tbody .txt .stxt{margin-top:5px;font-size:15px; max-height:44px;}
		
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		.introduce-wrap .list table tbody tr{padding:15px 30px 15px 150px;min-height:90px;}
		.introduce-wrap .list table tbody tr td:nth-child(3){margin-top:7px;}
		.introduce-wrap .list table tbody tr td:nth-child(4){font-size:12px; margin-top:10px;}
		.introduce-wrap .list table tbody tr td:nth-child(5){right:10px; bottom:15px;}
		.introduce-wrap .list table tbody .img {width:130px;left:0; top:15px;}
		.introduce-wrap .list table tbody .img img{height:90px;}

		.introduce-wrap .list table tbody .txt .btxt{font-size:16px;}
		.introduce-wrap .list table tbody .txt .stxt{font-size:13px; max-height:38px}
		
		.introduce-wrap .list .down-file{background-size:18px auto;}
	}
	@media only screen and (max-width:480px){
		.introduce-wrap .list table tbody tr{padding:15px 15px 15px 120px;}
		.introduce-wrap .list table tbody tr td:nth-child(2){font-size:12px;}
		.introduce-wrap .list table tbody .img {width:105px;left:0; top:15px;}
		.introduce-wrap .list table tbody .img img{height:75px;}
	}


/*=======================================================
  volunteer
=========================================================*/
.volunteer-dl:after { display: block; clear: both; content: "" }
.volunteer-dt { float: left; width: 300px; min-height: 80px; padding-top: 35px; padding-left: 150px; font-size: 22px; font-weight: 600; font-family: 'NanumSquare', sans-serif; border-top: 1px solid #ddd; background-repeat: no-repeat; background-position:100px 25px; box-sizing: border-box }
.volunteer-dt-icon01 { background-image: url(../img/Content/volunteer-icon01.png) }
.volunteer-dt-icon02 { background-image: url(../img/Content/volunteer-icon02.png) }
.volunteer-dt-icon03 { background-image: url(../img/Content/volunteer-icon03.png) }
.volunteer-dt-icon04 { background-image: url(../img/Content/volunteer-icon04.png) }
.volunteer-dd { padding: 30px 0; margin-left: 300px; line-height: 28px; font-size: 16px; border-top: 1px solid #ddd }
.volunteer-dd .tel{  line-height: 28px; font-size: 20px; }

.volunteer-con01-list:after { display: block; clear: both; content: "" }
.volunteer-con01-tit { float: left }
.volunteer-con01-txt { margin-left: 150px; padding-bottom: 5px }

.volunteer-con02:after { display: block; clear: both; content: "" }
.volunteer-con02-left { float: left; min-width: 336px; border-right: 1px solid #ddd }
.volunteer-con02-right { margin-left: 390px; padding-top: 20px }
.volunteer-con02-list{ overflow: hidden; line-height: 30px }
.volunteer-con02-list:after { display: block; clear: both; content: "" }
.volunteer-con02-txt { margin-left: 0px; padding-bottom: 16px; color: #666; font-size: 16px }
.volunteer-con02-txt:last-child { padding-bottom: 0 }



@media only screen and (max-width:680px) {
.volunteer-dt { float: left; width: 100%; min-height: 50px; padding-top: 20px; padding-left: 0px; font-size: 18px; font-weight: 400; border-top: 1px solid #ddd; background-repeat: no-repeat; background-position: 30px 52px; box-sizing: border-box }	

.volunteer-dd { padding: 20px 0; margin-left: 0px; line-height: 28px; font-size: 14px; border-top: 1px solid #ddd }
.volunteer-con02-left { float: left; border-right: none;  }
.volunteer-con02-right { margin-left: 0px; padding-top: 20px }
.volunteer-con02-txt{ margin-left: 0px; padding-bottom: 5px;  font-size: 14px; }


}


/* =====================================
   support-list ÈÄ¿ø½Åû
===================================== */
.support-wrap { padding-top: 0px; padding-bottom: 0px; }
.support-list { margin: 20px 0 30px; overflow: hidden; color: #111; border-radius: 10px; }
.support-list > li { float: left; height: 250px; background: #f4f4f4; text-align: center; margin-left: 10px; text-align: center; border-radius: 10px; }
.support-list.col3 > li { width: 32.4%; }
.support-list.col4 > li { width: 25%; }
.support-list > li:first-child { border-left: 0; }
.support-list .txt { display: block; margin-top: 20px; line-height: 1.5; font-size: 15px; font-weight: 400; }
.support-list .num { display: block; width: 190px; margin: 50px auto 20px; text-align: center; font-size: 24px; font-weight: 600; font-family: 'NanumSquare', sans-serif; }
@media only screen and (max-width:1200px) {
}
 @media only screen and (max-width:999px) {
.support-list { margin: 20px 0 43px; overflow: hidden; color: #111; }
.support-list > li { float: left; height: 270px; background: #f1f2f7; box-sizing: border-box; text-align: center; border-left: 2px solid #fff; text-align: center; }
.support-list.col3 > li { width: 33.333%; }
.support-list.col4 > li { width: 25%; }
.support-list > li:first-child { border-left: 0; }
.support-list .txt { display: block; margin-top: 20px; line-height: 1.5; font-size: 15px; font-weight: 400; padding: 0px 10px; }
.support-list .num { display: block; width: 190px; margin: 15px 10px 10px; text-align: left; font-size: 13px; font-weight: bold; }
.support-list .txt br { display: none; }
}
 @media only screen and (max-width:680px) {
.support-list > li { float: left; height: 180px; background: #f1f2f7; box-sizing: border-box; text-align: center; border-left: 0px; text-align: center; margin-left: 0px; margin-bottom: 10px; }
.support-list { margin: 10px 0 20px; overflow: hidden; color: #111; }
.support-list.col3 > li { width: 100%; }
.support-list.col4 > li { width: 50%; margin-bottom: 2px; height: 230px; }
.support-list > li:first-child { border-left: 0; }
.support-list .txt { display: block; margin-top: 10px; line-height: 1.5; font-size: 14px; padding: 0px 10px; letter-spacing: -1px; text-align: center; }
.support-list .num { display: block; width: 100%; margin: 15px 0px 10px; text-align: center; font-size: 16px; font-weight: 700; }
.support-list .txt br { display: none; }
}
 @media only screen and (max-width:480px) {
}



/* =====================================
   centermap-wrap À¯°ü±â°ü
===================================== */

.centermap-wrap { overflow: hidden; padding: 20px; margin: 20px 0 40px 0; background: #f9f9f9; }
.map-left { float: left; height: 644px; width: 440px; }
.map-left>ul { position: relative; width: 420px; height: 644px; margin: 0 auto; background: url('../img/Content/map-bg.png') no-repeat top center; }
.map-left>ul>li { position: absolute; text-align: center; }
/* ¼­¿ï */ .map-left>ul>li:nth-child(1) { top: 90px; left: 130px; }
/* ÀÎõ */ .map-left>ul>li:nth-child(2) { top: 90px; left: 80px; }
/* °æ±â */ .map-left>ul>li:nth-child(3) { top: 100px; left: 180px; }
/* °­¿ø */ .map-left>ul>li:nth-child(4) { top: 80px; left: 300px; }
/* ÃæºÏ */ .map-left>ul>li:nth-child(5) { top: 170px; left: 220px; }
/* ´ëÀü */ .map-left>ul>li:nth-child(6) { top: 210px; left: 150px; }
/* Ãæ³² */ .map-left>ul>li:nth-child(7) { top: 210px; left: 100px; }
/* °æºÏ */ .map-left>ul>li:nth-child(8) { top: 230px; left: 340px; }
/* ´ë±¸ */ .map-left>ul>li:nth-child(9) { top: 330px; left: 290px; }
/* °æ³² */ .map-left>ul>li:nth-child(10) { top: 380px; left: 240px; }
/* ºÎ»ê */ .map-left>ul>li:nth-child(11) { top: 420px; left: 340px; }
/* ¿ï»ê */ .map-left>ul>li:nth-child(12) { top: 380px; left: 370px; }
/* ÀüºÏ */ .map-left>ul>li:nth-child(13) { top: 330px; left: 140px; }
/* ±¤ÁÖ */ .map-left>ul>li:nth-child(14) { top: 405px; left: 90px; }
/* Àü³² */ .map-left>ul>li:nth-child(15) { top: 420px; left: 150px; }
/* Á¦ÁÖ */ .map-left>ul>li:nth-child(16) { top: 570px; left: 70px; }
.map-left>ul>li a { color: #333; text-decoration: none; display: block; background: url('../img/Content/map-icon.png') no-repeat; padding: 40px 0 0 0; }
.map-left>ul>li:hover a { color: #16a1d0; text-decoration: none; display: block; font-weight: 500; text-decoration: underline; background: url('../img/Content/map-icon.png') no-repeat; padding: 40px 0 0 0; }
.map-right { float: right; width: 680px; margin: 50px 0 0 0; }
.map-right p { margin: 15px 0 0 0; padding: 20px; border: 1px solid #ddd; background: url('../img/Content/map-icon.png-') no-repeat 30px center #none; font-weight: 600; }
.map-right p span { display: block; }
.map-right h6 { font-size: 20px; font-weight: 600; margin: 40px 0 0 10px; }
.map-tb { border-top: 2px solid #9cbe3c; font-size: 16px; margin: 10px 0 0 0; background: #fff; }
.map-tb thead th { padding: 15px 0; border-bottom: 1px solid #ddd; font-weight: 600; background: #fdfdfd; border-left: 1px solid #ddd;  text-align: center;}

.map-tb tbody th { font-weight: 600; background: #fff;  border-bottom: 1px solid #ddd; text-align: center;}
.map-tb tbody .left{ padding-left:20px; text-align: left;}
.map-tb tbody td { padding: 15px 0 15px 0; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; text-align: center; }
 @media only screen and (max-width:1200px) {
.centermap-wrap { overflow: hidden; padding: 20px; margin: 20px 0 40px 0; background: #f9f9f9; }
.map-left { height: 644px; width: 440px; margin: 0 auto; }
.map-left>ul { position: relative; width: 420px; height: 644px; margin: 0 auto; background: url('../img/Content/map-bg.png') no-repeat top center; }
.map-left>ul>li { position: absolute; text-align: center; }
/* ¼­¿ï */ .map-left>ul>li:nth-child(1) { top: 90px; left: 130px; }
/* ÀÎõ */ .map-left>ul>li:nth-child(2) { top: 90px; left: 80px; }
/* °æ±â */ .map-left>ul>li:nth-child(3) { top: 100px; left: 180px; }
/* °­¿ø */ .map-left>ul>li:nth-child(4) { top: 80px; left: 300px; }
/* ÃæºÏ */ .map-left>ul>li:nth-child(5) { top: 170px; left: 220px; }
/* ´ëÀü */ .map-left>ul>li:nth-child(6) { top: 210px; left: 150px; }
/* Ãæ³² */ .map-left>ul>li:nth-child(7) { top: 210px; left: 100px; }
/* °æºÏ */ .map-left>ul>li:nth-child(8) { top: 230px; left: 340px; }
/* ´ë±¸ */ .map-left>ul>li:nth-child(9) { top: 330px; left: 290px; }
/* °æ³² */ .map-left>ul>li:nth-child(10) { top: 380px; left: 240px; }
/* ºÎ»ê */ .map-left>ul>li:nth-child(11) { top: 420px; left: 340px; }
/* ¿ï»ê */ .map-left>ul>li:nth-child(12) { top: 380px; left: 370px; }
/* ÀüºÏ */ .map-left>ul>li:nth-child(13) { top: 330px; left: 140px; }
/* ±¤ÁÖ */ .map-left>ul>li:nth-child(14) { top: 405px; left: 90px; }
/* Àü³² */ .map-left>ul>li:nth-child(15) { top: 420px; left: 150px; }
/* Á¦ÁÖ */ .map-left>ul>li:nth-child(16) { top: 570px; left: 70px; }
.map-left>ul>li a { color: #333; text-decoration: none; display: block; background: url('../img/Content/map-icon.png') no-repeat; padding: 50px 0 0 0; }
.map-left>ul>li:hover a { color: #16a1d0; text-decoration: none; display: block; font-weight: 500; text-decoration: underline; background: url('../img/Content/map-icon.png') no-repeat; padding: 50px 0 0 0; }
.map-right { width: 98%; margin: 20px auto; }
.map-right p { margin: 15px 0 0 0; padding: 20px; border: 1px dashed #ccc; background: url('../img/Content/map-icon.png-') no-repeat 30px center #fff; font-weight: 500; }
.map-right p span { display: block; }
.map-right h6 { font-size: 18px; font-weight: 500; margin: 20px 0 0 0; }
.map-tb { border-top: 2px solid #16a1d0; margin: 10px 0 0 0; background: #fff; }
.map-tb thead th { padding: 15px 0; border-bottom: 1px solid #ddd; font-weight: 500; background: #fdfdfd; border-left: 1px solid #ddd; }
.map-tb tbody th { font-weight: 600; background: #fff; }
.map-tb tbody td { padding: 15px 0; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; text-align: center; }
}
 @media only screen and (max-width:480px) {
/* Àü±¹ */
.centermap-wrap { overflow: hidden; padding: 20px; margin: 20px 0 40px 0; background: #f9f9f9; }
.map-left { width: 300px; height: 480px; margin: 0 auto; }
.map-left>ul { position: relative; width: 300px; height: 480px; margin: 0 auto; background: url('../img/Content/map-bg.png') no-repeat top center; background-size: 300px; }
.map-left>ul>li { position: absolute; text-align: center; font-size: 14px; width: 28px; }
/* ¼­¿ï */ .map-left>ul>li:nth-child(1) { top: 50px; left: 95px; }
/* ÀÎõ */ .map-left>ul>li:nth-child(2) { top: 50px; left: 55px; }
/* °æ±â */ .map-left>ul>li:nth-child(3) { top: 70px; left: 130px; }
/* °­¿ø */ .map-left>ul>li:nth-child(4) { top: 40px; left: 200px; }
/* ÃæºÏ */ .map-left>ul>li:nth-child(5) { top: 110px; left: 170px; }
/* ´ëÀü */ .map-left>ul>li:nth-child(6) { top: 140px; left: 105px; }
/* Ãæ³² */ .map-left>ul>li:nth-child(7) { top: 140px; left: 65px; }
/* °æºÏ */ .map-left>ul>li:nth-child(8) { top: 170px; left: 240px; }
/* ´ë±¸ */ .map-left>ul>li:nth-child(9) { top: 220px; left: 200px; }
/* °æ³² */ .map-left>ul>li:nth-child(10) { top: 260px; left: 170px; }
/* ºÎ»ê */ .map-left>ul>li:nth-child(11) { top: 290px; left: 235px; }
/* ¿ï»ê */ .map-left>ul>li:nth-child(12) { top: 260px; left: 265px; }
/* ÀüºÏ */ .map-left>ul>li:nth-child(13) { top: 220px; left: 100px; }
/* ±¤ÁÖ */ .map-left>ul>li:nth-child(14) { top: 280px; left: 60px; }
/* Àü³² */ .map-left>ul>li:nth-child(15) { top: 300px; left: 100px; }
/* Á¦ÁÖ */ .map-left>ul>li:nth-child(16) { top: 390px; left: 47px; }
.map-left>ul>li a { color: #333; text-decoration: none; display: block; background: url('../img/Content/map-icon.png') no-repeat; padding: 50px 0 0 0; }
.map-left>ul>li:hover a { color: #16a1d0; text-decoration: none; display: block; font-weight: 500; text-decoration: underline; background: url('../img/Content/map-icon.png') no-repeat; padding: 50px 0 0 0; }
.map-right { width: 100%; margin: 20px auto; }
.map-right p { margin: 15px 0 0 0; padding: 20px; border: 1px solid #ccc; background: url('../img/Content/map-icon.png-') no-repeat 30px center #none; font-weight:600; }
.map-right p span { display: block; }
.map-right h6 { font-size: 18px; font-weight: 500; margin: 20px 0 0 0; }
.map-tb { border-top: 2px solid #9cbe3c; margin: 10px 0 0 0; background: #fff !important; }
.map-tb thead th { padding: 15px 0; border-bottom: 1px solid #ddd; font-weight:500; background: #fdfdfd; border-left: 1px solid #ddd; font-size: 14px; }
.map-tb tbody th { font-weight: 500; }
.map-tb tbody .left{ padding-left:0px; text-align: left; }
.map-tb tbody td { padding: 15px 0; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; text-align: center; font-size: 13px; }
}


/*=======================================================
  btns
=========================================================*/
.bb-btn, .bw-btn {min-width:150px; box-sizing:border-box; height:50px;border:1px solid #626262; line-height:48px; margin:0 3px 0 0;font-size:16px; text-align:center; display:inline-block;vertical-align:top;}
.bl-btn, .bg-btn, .bo-btn{min-width:300px; box-sizing:border-box; height:60px;border:1px solid #626262; line-height:58px; margin:0 3px 0 0;font-size:16px; text-align:center; display:inline-block;vertical-align:top;}
.bb-btn{background:#626262; color:#fff;}
.bb-btn:hover{background:#111; border:1px solid #111}
.bw-btn{background:#fff; color:#666;}
.bw-btn:hover{background:#f0f0f0; border-color:#444}

.bl-btn{background:#5a6077; color:#fff; border-color:#5a6077;}
.bl-btn:hover{background:#fff; border:1px solid #0c4ca3;color:#5a6077; box-shadow: 10px 10px 20px 0px rgb(59 89 151 / 30%); }

.bg-btn{background:#777; color:#fff; border-color:#777;}
.bg-btn:hover{background:#fff;border:1px solid #111; color:#555;}

.bo-btn{background:#00abc1; color:#fff; border-color:#00abc1; box-shadow: 10px 10px 20px 0px rgb(59 89 151 / 30%);  }
.bo-btn:hover{background:#fff; border:1px solid #00abc1; color:#00abc1; box-shadow: 10px 10px 20px 0px rgb(59 89 151 / 30%); }

.bo-btn span {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 2;
    padding-right: 46px;
    background: url(../img/Content/leaflet-down.png) no-repeat right center;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}

.bo-btn span:hover {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 2;
    padding-right: 46px;
    background: url(../img/Content/leaflet-downo.png) no-repeat right center;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}




	@media only screen and (max-width:1200px){
		.bb-btn, .bw-btn{min-width:140px}
		.bl-btn, .bg-btn{min-width:140px}
	}
	@media only screen and (max-width:999px){
		.bb-btn, .bw-btn{min-width:170px; height:45px; line-height:43px; font-size:15px;}
		.bl-btn, .bg-btn{min-width:170px; height:45px; line-height:43px; font-size:15px;}
	}
	@media only screen and (max-width:680px){
		.bb-btn, .bw-btn{min-width:170px; height:40px; line-height:38px; font-size:13px;}
		.bl-btn, .bg-btn{min-width:170px; height:40px; line-height:38px; font-size:13px;}
	}
	@media only screen and (max-width:480px){

	.bb-btn, .bw-btn,.bl-btn, .bg-btn, .bo-btn{min-width:100%; box-sizing:border-box; height:50px;border:1px solid #00abc1; line-height:50px; margin:0 3px 0 0;font-size:14px; text-align:center; display:inline-block;vertical-align:top; margin-bottom:30px;}
	}


	/*=======================================================
    #busi-wrap 
=========================================================*/

#busi-wrap { overflow: hidden; /*min-height: 450px; padding-bottom: 50px;*/ word-break: keep-all; }
#busi-wrap > h4 { position: relative; width: 100%; margin: 10px 0 50px 0; display: block;  text-align: center;  font-size: 40px; font-weight:600; letter-spacing:-2px; color: #22ab4a; font-family: 'NanumSquareRound',sans-serif;}
.busi-top { position: relative; width: 100%; height: auto; margin: 0 auto 40px auto; overflow: hidden; text-align: left; padding: 85px 20px 85px 31%; content: ""; box-sizing: border-box; border: 2px solid #e2e7ed; }
.busi-top.icon01 { background: url(../img/Content/busi-top01.jpg) no-repeat 5% 50%; }
.busi-top.icon02 { background: url(../img/Content/busi-top02.jpg) no-repeat 5% 50%; }
.busi-top.icon03 { background: url(../img/Content/busi-top03.jpg) no-repeat 5% 50%; }
.busi-top.icon04 { background: url(../img/Content/busi-top04.jpg) no-repeat 5% 50%; }
.busi-top.icon05 { background: url(../img/Content/busi-top06.jpg) no-repeat 5% 50%; }
.busi-top p { color: #000; font-size: 18px; line-height: 30px; }
.busi-top .btit { position: relative; width: 100%; margin: 0 0 20px 0; display: block;  text-align:left;  font-size: 36px; font-weight:600; letter-spacing:-1px; color: #68b445; font-family: 'NanumSquareRound',sans-serif;}

.busi-list { position: relative; margin: 0 auto; width: 100%; text-align: center; height: auto; display: block; overflow: hidden;  }
.busi-list > li { position: relative; display: block; overflow: hidden; margin: 0px 0 50px 0; box-sizing: border-box; line-height: 2.2em; width: 100%; color: #555; font-weight:400; font-size: 16px; text-align: left; }
.busi-list > li > span { display: inline-block; float: left; width: 20%; padding-top: 30px; box-sizing: border-box; border-top: 1px solid #aaa; color: #374254; font-weight: 600; font-size: 24px; }
.busi-list > li > .desc, .busi-list > li > em { display: inline-block;     padding-top: 30px; float: right;  color:#000;  font-size: 16px;  font-weight: 400; margin-right: 0%; width: 70%; box-sizing: border-box; }
.busi-list > li > .desc, .busi-list > li > em .btxt{   font-size: 18px;  font-weight: 700;  color: #111;}
.busi-list > li > em > u { text-decoration: none; background: #f0faff; color: #385e84; padding: 5px; margin: 0 5px; font-weight: 400; }
.busi-list > li > .desc > *:first-child { margin-top: 0; }
.busi-list > li > br { display: block; }
.busi-list > li > span > ul { margin-top: 10px; }
.busi-list > li > span > ul > li { display: block; font-weight: 400; font-size: 15px; margin-bottom: 5px; padding: 2px 5px !important; color: #385e84; text-align: center; border: 1px solid #b9beca; }
.busi-list > li > span > ul > li:first-child { color: #fff; background: #9dc37d; border-color: #9dc37d; margin-bottom: 15px; width: 60px; height: 60px; line-height: 60px; padding: 0 !important; border-radius: 1px; font-size: 25px; }
.busi-list > li > span > ul > li:nth-child(2) { background: #f9fbf2; }
.busi-list > li > span > ul > li:nth-child(3) { background: #f8f9f8; }
.busi-list > li > span > ul > li:nth-child(4) { background: #f4f9fb; }
.busi-list > li > span > ul > li:nth-child(5) { background: #eef8f5; }
.busi-list > li img { margin: 15px 0 80px 0; }
.busi-list > li:nth-child(2) > span { color: #374254; }
.busi-list > li:nth-child(3) > span { color: #374254; }
.busi-list > li:nth-child(4) > span { color: #374254; }
.busi-list > li:nth-child(5) > span { color: #374254; }
.busi-list > li:nth-child(6) > span { color: #374254; }
.busi-list > li:nth-child(7) > span { color: #374254; }

.busi-list02 { position: relative; margin: 20px 0; }
.busi-list02 li { position: relative; display: block; padding-left: 10px; font-weight: 400; font-size:18px; color: #000; text-align: left; word-break: keep-all; letter-spacing: -0.5px; line-height: 2em; }
.busi-list02 li:before { position: absolute; top: 16px; left: 0px; content: ""; width: 3px; height: 3px; background: #2b405b; }
.busi-list02 li b { font-weight: 600; }

.busi-list.col01 > li > span { border-radius: 3px; padding: 20px; text-align: center; border: 0; color: #fff !important; }
.busi-list.col01 > li:nth-child(1) > span { background: #6792bc; }
.busi-list.col01 > li:nth-child(2) > span { background: #77a8ab; }
.busi-list.col01 > li:nth-child(3) > span { background: #77ab95; }
.busi-list.col01 > li:nth-child(4) > span { background: #77ab82; }
.busi-list.col01 > li:nth-child(5) > span { background: #9eab77; }
.busi-list.col01 > li:nth-child(6) > span { background: #ab9d77; }
.busi-list.col01 > li:nth-child(7) > span { background: #ab8777; }

.busi-step { position: relative; margin: 0 auto; width: 100%; overflow: hidden; box-sizing: border-box; }
.busi-step li { position: relative; float: left; margin: 0 4% 0 0%; width: 190px; height: 180px; box-sizing: border-box; color: #555;font-weight:400; font-size: 16px; padding-top: 90px; text-align: center; line-height: 24px; }
.busi-step li:after { content: ''; top: 55px; right: -53px; display: block; position: absolute; width: 70px; height: 36px; background: url(../img/Content/ico-arrow.png) no-repeat 50% 100%; background-size: 50px auto; }
.busi-step li:nth-child(4n), .busi-step li:last-child { margin: 0 0 0 0%; }
.busi-step li:nth-child(4n):after, .busi-step li:last-child:after { background: none; }
.busi-step li:before { content: ''; position: absolute; top: 0px; left: 0px; width: 190px; height: 160px; z-index: 99; border: 1px solid #e2e7ed; box-sizing: border-box; }
.busi-step li:nth-child(1):before { background: url(../img/Content/ico-step01.png) no-repeat center 20%; }
.busi-step li:nth-child(2):before { background: url(../img/Content/ico-step02.png) no-repeat center 20%; }
.busi-step li:nth-child(3):before { background: url(../img/Content/ico-step03.png) no-repeat center 20%; }
.busi-step li:nth-child(4):before { background: url(../img/Content/ico-step04.png) no-repeat center 20%; }
.busi-step i { display: block; overflow: hidden; position: relative; margin: 30px auto 60px auto; width: 100%; font-size: 15px; color: #798c9c; line-height: 1.4em; font-weight: 300; text-align: center; word-break: keep-all; transition: all 0.4s ease 0s; z-index: 88; }
.busi-step.type2 { font-size: 0; }
.busi-step.type2 li { float: none; display: inline-block; vertical-align: top; font-size: 1rem; }
.busi-step.type2 li .sort { display: inline-block; line-height: 1.3; }


.area_list { position: relative; margin: 20px 0; }
.area_list li { position: relative; display: block; padding-left: 10px; font-weight: 400; font-size:17px; color: #000; text-align: left; word-break: keep-all; letter-spacing: -0.5px; line-height: 2em; }
.area_list li:before { position: absolute; top: 16px; left: 0px; content: ""; width: 3px; height: 3px; background: #2b405b; }
.area_list li b { font-weight: 500; }

.busi-list05 { position: relative; margin: 25px 0; overflow: hidden; }
.busi-list05 li { box-sizing: border-box; width: 100%; line-height: 2em; padding: 20px 55px; float: left; margin-bottom: 15px; background: #f5f5f0; color: #54575a; font-weight: 300; letter-spacing: -0.5px; }
.busi-list05 li > span { box-sizing: border-box; position: absolute; left: 0px; display: block; margin: 0 0 0 15px; width: 30px; height: 30px; line-height: 26px; font-size: 16px; border-radius: 50%; text-align: center; background: #fff; color: #575755; }
.busi-list05 li:last-child > span { background: #989551; color: #fff; }

@media only screen and (max-width:1260px) {
#busi-wrap { width: 100%; }
#busi-wrap h2 { margin: 15px 0 25px 0; font-size: 35px; }
#busi-wrap > h4 { margin: 35px 0 10px 0; font-size: 20px; }
.busi-top { padding: 150px 5% 30px 5%; }
.busi-top.icon01, .busi-top.icon02, .busi-top.icon03, .busi-top.icon04, .busi-top.icon05 { background-size: 150px auto; background-position: 50% 15px; }
.busi-top p > br { display: none; }
.busi-step li { width: 100%; margin: 0 0 20px 0; }
.busi-step li:after { top: 80%; left: 50%; margin: 0 0 0 -30px; transform: rotate(90deg); }
.busi-step li:nth-child(4n) { margin: 0 0 20px 0; }
.busi-step li:last-child { margin: 0; }
.busi-step li:nth-child(4n):after { background: url() no-repeat 50% 100%; background-size: 50px auto; }
.busi-step li:before { width: 100%; }
.busi-list > li { margin: 15px 0 50px 0; }
.busi-list > li > span { width: 30%; font-size: 18px; }
.busi-list > li > .desc, .busi-list > li > em { width: 64%; font-size: 15px; }
.busi-list > li > br { display: none; }
.busi-list > li img { width: 100%; max-width: 845px; margin: 5px 0 10px 0; }
}

@media only screen and (max-width:999px) {
.busi-list > li > span > ul > li { font-size: 14px; }
.busi-list.col01 > li > span { font-size: 16px; padding: 10px 5%; }
}
@media only screen and (max-width:680px) {
#busi-wrap { /*min-height: 200px; padding-bottom: 40px;*/ }
#busi-wrap > h4 { margin: 25px 0 10px 0; font-size: 16px; }
.busi-step { margin: 15px auto 0 auto; }
.busi-list > li { margin: 5px 0 35px 0; }
.busi-list > li > span { float: inherit; width: 100%; padding-bottom: 0px; margin-bottom: 0px; font-size: 17px; }
.busi-list > li > .desc, .busi-list > li > em { float: inherit; padding-top: 20px;  margin: 0; width: 100%; padding-bottom: 0; font-size: 14px; overflow: hidden; overflow-x: auto; }
.busi-list > li > em > u { padding: 2px 5px; }
.busi-list > li > .desc, .busi-list > li > em .btxt{   font-size: 16px;  font-weight: 600;  color: #111; line-height:20px;}

.busi-top .btit { position: relative; width: 100%; margin: 0 0 20px 0; display: block;  text-align:left;  font-size: 24px; font-weight:600; letter-spacing:-1px; color: #68b445; font-family: 'NanumSquareRound',sans-serif;}
.busi-top p { color: #000; font-size: 16px; line-height: 24px; }

.busi-step li {  font-size: 14px; padding-top:80px;  line-height: 24px; }
.busi-step li:before { content: ''; position: absolute; top: 0px; left: 0px; width:100%; height: 130px; z-index: 99; border: 1px solid #e2e7ed; box-sizing: border-box; }

.area_list li { position: relative; display: block; padding-left: 10px; font-weight: 400; font-size:15px; color: #000; text-align: left; word-break: keep-all; letter-spacing: -0.5px; line-height: 1.8em; }
.area_list li:before { position: absolute; top: 13px; left: 0px; content: ""; width: 3px; height: 3px; background: #2b405b; }


.busi-list02 li { position: relative; display: block; padding-left: 10px; font-weight: 400; font-size:15px; color: #000; text-align: left; word-break: keep-all; letter-spacing: -0.5px; line-height: 1.8em; }
.busi-list02 li:before { position: absolute; top: 13px; left: 0px; content: ""; width: 3px; height: 3px; background: #2b405b; }


}
@media only screen and (max-width:480px) {
#busi-wrap h2 { font-size: 30px; }
}


/*=======================================================
    #welfare-wrap 
=========================================================*/


.welfare-wrap { overflow: hidden; /*min-height: 450px; padding-bottom: 50px;*/ word-break: keep-all; }
.welfare-wrap > h4 { position: relative; width: 100%; margin: 0 0 30px 0; display: block; text-align: left; font-size: 25px; font-weight: 600; color: #333; }

.welfare-top.bg01 { background: url(../img/Content/welfare-top01.jpg) no-repeat 0 0; }
.welfare-top.bg01 { margin: 0 auto 50px auto; height: 300px; }

.welfare-top.bg02 { background: url(../img/Content/welfare-top02.jpg) no-repeat 0 0; }
.welfare-top.bg02 { margin: 0 auto 50px auto; height: 300px; }

.welfare-icon { margin: 0px auto 40px auto; overflow: hidden; }
.welfare-icon:after { content: ''; display: block; clear: both; }
.welfare-icon > li { float: left; width: 25%; height: 290px; }
.welfare-icon > li > div { height: 100%; box-sizing: border-box; padding: 50px 20px; border: 1px solid #ededed; border-left-width: 0px; }
.welfare-icon > li > div h4 { font-size: 22px; color: #385e84; letter-spacing: -1px; text-align: center; font-weight: 600;  }
.welfare-icon > li > div h4:after { content: ''; display: block; width: 80px; height: 80px; border-radius: 50%; margin: 20px auto 0; background: #f1f1f1 url(../img/Content/04-ico-1.png) no-repeat 50% 0; background-size: 100%; }
.welfare-icon > li:nth-of-type(1) > div { border-left-width: 1px; }
.welfare-icon > li:nth-of-type(2) > div h4:after { background-image: url(../img/Content/04-ico-2.png); }
.welfare-icon > li:nth-of-type(3) > div h4:after { background-image: url(../img/Content/04-ico-3.png); }
.welfare-icon > li:nth-of-type(4) > div h4:after { background-image: url(../img/Content/04-ico-4.png); }
.welfare-icon > li > div ul li { letter-spacing: -0.5px; }
.welfare-icon > li > div > ul > li { margin-top: 20px; color: #404143; font-weight: 300; font-size: 16px; text-align: center; line-height: 24px;}
.welfare-icon > li > div > ul > li > ul > li { position: relative; padding-left: 10px; font-weight: 300; font-size: 15px; color: #404143; text-align: left; }
.welfare-icon > li > div > ul > li > ul > li:before { content: ''; display: block; position: absolute; left: 0px; top: 50%; width: 4px; height: 1px; background: #666; }
.welfare-icon a { color: #54575a !important; }
 @media all and (max-width:1299px) {
.welfare-icon { margin: 40px auto; }
}
 @media all and (max-width:950px) {
.welfare-icon > li > div { padding: 20px; }
.welfare-icon > li > div > ul > li > ul > li { font-size: 15px; }
.welfare-icon > li { width: 50%; }
.welfare-icon > li > div { border-top-width: 0px; }
.welfare-icon > li:nth-of-type(3) > div { border-left-width: 1px; }
.welfare-icon > li:nth-of-type(1) > div,  .welfare-icon > li:nth-of-type(2) > div { border-top-width: 1px; }
}
 @media all and (max-width:480px) {
.welfare-icon > li { float: none; width: 100%; height: auto; }
.welfare-icon > li > div { border-left-width: 1px; }
.welfare-icon > li:nth-of-type(2) > div { border-top-width: 0px; }
.welfare-icon > li > div > ul:after { content: ''; display: block; clear: both; }
.welfare-icon > li > div > ul > li { float: none; width: auto; }

.welfare-top.bg01 { background: url(../img/Content/m-welfare-top01.jpg) no-repeat 0 0; background-size: 100%;}
.welfare-top.bg01 { margin: 0 auto 0px auto; height: 300px; }

}

/*=======================================================
    #sponsor-wrap
======================================================*/


.sponsor-wrap{ overflow: hidden; /*min-height: 450px; padding-bottom: 50px;*/ word-break: keep-all; }
.sponsor-wrap > h4 { position: relative; width: 100%; margin: 0 0 50px 0; display: block; text-align:center; font-size: 24px; font-weight: 600; color: #333; font-family: 'NanumSquareRound',sans-serif;}

.sponsor-top.bg01 { background: url(../img/Content/sponsor-top01.jpg) no-repeat 0 0; }
.sponsor-top.bg01 { margin: 0 auto 100px auto; height: 300px; }

.sponsor-top.bg02 { background: url(../img/Content/sponsor-top02.jpg) no-repeat 0 0; }
.sponsor-top.bg02 { margin: 0 auto 50px auto; height: 300px; }

.sponsor-icon { margin: 0px auto 40px auto; overflow: hidden; }
.sponsor-icon:after { content: ''; display: block; clear: both; }
.sponsor-icon > li { float: left; width: 33.333%; height: 290px; }
.sponsor-icon > li > div { height: 100%; box-sizing: border-box; padding: 50px 20px; border: 1px solid #ededed; border-left-width: 0px; }
.sponsor-icon > li > div h4 { font-size: 24px; color: #385e84; letter-spacing: -1px; text-align: center; font-weight: 700; }
.sponsor-icon > li > div h4:after { content: ''; display: block; width: 80px; height: 80px; border-radius: 50%; margin: 20px auto 0; background: #f1f1f1 url(../img/Content/03-ico-1.png) no-repeat 50% 0; background-size: 100%; }
.sponsor-icon > li:nth-of-type(1) > div { border-left-width: 1px; }
.sponsor-icon > li:nth-of-type(2) > div h4:after { background-image: url(../img/Content/03-ico-2.png); }
.sponsor-icon > li:nth-of-type(3) > div h4:after { background-image: url(../img/Content/03-ico-3.png); }
.sponsor-icon > li:nth-of-type(4) > div h4:after { background-image: url(../img/Content/03-ico-4.png); }
.sponsor-icon > li > div ul li { letter-spacing: -0.5px; }
.sponsor-icon > li > div > ul > li { margin-top: 20px; color: #000; font-weight: 300; font-size: 16px; text-align: center; line-height: 24px; }
.sponsor-icon > li > div > ul > li > ul > li { position: relative; padding-left: 10px; font-weight: 300; font-size: 15px; color: #404143; text-align: left; }
.sponsor-icon > li > div > ul > li > ul > li:before { content: ''; display: block; position: absolute; left: 0px; top: 50%; width: 4px; height: 1px; background: #666; }
.sponsor-icon a { color: #54575a !important; }
 @media all and (max-width:1299px) {
.sponsor-icon { margin: 40px auto; }
}
 @media all and (max-width:950px) {
.sponsor-icon > li > div { padding: 20px; }
.sponsor-icon > li > div > ul > li > ul > li { font-size: 15px; }
.sponsor-icon > li { width: 50%; }
.sponsor-icon > li > div { border-top-width: 0px; }
.sponsor-icon > li:nth-of-type(3) > div { border-left-width: 1px; }
.sponsor-icon > li:nth-of-type(1) > div,  .sponsor-icon > li:nth-of-type(2) > div { border-top-width: 1px; }
}
 @media all and (max-width:480px) {
.sponsor-icon > li { float: none; width: 100%; height: auto; }
.sponsor-icon > li > div { border-left-width: 1px; }
.sponsor-icon > li:nth-of-type(2) > div { border-top-width: 0px; }
.sponsor-icon > li > div > ul:after { content: ''; display: block; clear: both; }
.sponsor-icon > li > div > ul > li { float: none; width: auto; }


.sponsor-top.bg01 { background: url(../img/Content/m-sponsor-top01.jpg) no-repeat 0 0; background-size: 100%; }
.sponsor-top.bg01 { margin: 0 auto 0px auto; height:400px; }

.sponsor-top.bg02 { background: url(../img/Content/m-sponsor-top02.jpg) no-repeat 0 0; background-size: 100%; }
.sponsor-top.bg02 { margin: 0 auto 0px auto; height: 400px; }
.sponsor-icon > li > div > ul > li { margin-top: 20px; color: #000; font-weight: 300; font-size: 14px; text-align: center; line-height: 24px; }
}


/* =====================================
   location-wrap
===================================== */
.location-wrap .tit { position: relative; /* border-bottom: 1px solid #CFCFCF;  */ padding-left: 20px; padding-bottom: 15px; font-size: 22px; letter-spacing: -0.35px; color: #192857; margin-top: 50px; margin-bottom: 0; font-weight: 600; }
/*.location-wrap .tit:before { display: inline-block; content: ""; position: absolute; top: 5px; left: 0px; width: 4px; height: 4px; border: 3px solid #192857; -webkit-border-radius: px; -moz-border-radius: px; -o-border-radius: px; border-radius: 9px; }*/
.location-wrap ul { border-bottom: 1px solid #ddd; }
.location-wrap ul li { font-size: 16px; line-height: 40px; letter-spacing: -0.35px; color: #333; border-top: 1px solid #ddd; padding: 15px 0; }
.location-wrap ul li span { display: inline-block; width: 150px; color: #192857; font-weight: 600; padding-left: 20px;}
.location-wrap ul li span .material-icons.loc { font-size: 17px; margin-right: 5px; }
.location-wrap ul li img { margin-right: 20px }
.location-wrap p { font-size: 16px; line-height: 40px; letter-spacing: -0.35px; color: #333333; margin-bottom: 150px; margin-top: 20px; }
 @media all and (max-width:1220px) {
}
 @media all and (max-width:800px) {
.location-wrap .tit { font-size: 15px; margin-top: 25px; }
.location-wrap ul li { font-size: 13px; line-height: 20px; }
.location-wrap ul li span { width: 25%; }
.location-wrap p { font-size: 13px; line-height: 20px; margin-bottom: 30px; margin-top: 10px; }
}



/* =====================================
   location
===================================== */

.location-01 { position: relative; padding-bottom: 90px; }
.location-01 .map { }
.location-01 ul { overflow: hidden; background: #f5f5f5; position: absolute; border-bottom: 1px solid #ddd; left: 0; bottom: 1px; height: 93px; width: 100% }
.location-01 ul:after { background: #ddd; width: 1px; height: 100%; left: 0; top: 0; position: absolute; display: block; content: ""; }
.location-01 ul:before { background: #ddd; width: 1px; height: 100%; right: 0; top: 0; position: absolute; display: block; content: ""; }
.location-01 ul li:first-child { width: 52%; margin-left: 5%; letter-spacing: 0 }
.location-01 ul li { line-height: 93px; float: left; width: 20%; }
.location-01 ul .ico, .location-01 ul .stxt { display: inline-block; vertical-align: middle; font-size: 18px; font-weight: 600 }
.location-01 ul .ico-01 { background: url(../img/Content/location-addr.png) no-repeat center center; width: 30px; height: 27px; margin-right: 5px; text-indent: -9999px }
.location-01 ul .ico-02 { position: relative; }
.location-01 ul .ico-02:after { background: url(../img/Content/location-tel.png) no-repeat center center; width: 26px; height: 27px; text-indent: -9999px; top: 50%; margin-top: -13px; left: -34px; position: absolute; display: block; content: ""; }
.location-01 ul .btxt { display: inline-block; font-weight: 600; margin-right: 10px; font-weight: 300 }
.location-02 dl { padding-left: 250px; position: relative; padding-bottom: 50px; border-bottom: 1px solid #ddd; margin-top: 50px; }
.location-02 dl.last { border: none; }
.location-02 dt { position: absolute; left: 0; top: 0; width: 150px; text-align: center; }
.location-02 dt .img { width: 84px; height: 84px; background-color: #68b445; border-radius: 84px 84px; display: block; ; vertical-align: middle; text-align: center; margin-left:35px; }
.location-02 dt .txt { display: block; line-height: 24px; font-size: 17px; font-weight: 700; padding-top:15px; }
.location-02 dt .stxt { display: block; }
.location-02 dt .img img { display: inline-block; margin-top: 25px; }
.location-02 dd .btxt { font-size: 17px; margin-bottom: 10px; margin-top: 10px; font-weight: 400; display: block; color: #222 }
.location-02 dd .img { display: block; margin-top: 25px; }
 @media all and (max-width:840px) {
.location-01 { padding-bottom: 0 }
.location-01 ul { position: relative; lefT: auto; bottom: auto; height: auto; width: auto; border-top: 1px solid #ddd; }
.location-02 dl { padding-left: 130px; }
.location-02 dd .btxt { font-size: 14px }
}
 @media all and (max-width:800px) {
.location-01 ul { padding: 25px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.location-01 ul li:first-child { width: auto; float: none; margin-left: 0; margin-bottom: 5px; margin-right: 0 }
.location-01 ul li { line-height: 150%; width: auto; margin-left: 0; margin-bottom: 0; margin-right: 10px; }
.location-01 ul .ico, .location-01 ul .stxt { display: inline-block; vertical-align: middle; font-size: 12px; font-weight: 600 }
.location-01 ul .ico-01 { background: url(../img/Content/m-location-addr.png) no-repeat left center; text-align: left; margin-right: 0; width: 20px; }
.location-01 ul li:first-child .stxt { padding-left: 10px; }
.location-01 ul .ico-02 { background: url(../img/Content/m-location-tel.png) no-repeat left center; padding-left: 30px; }
.location-01 ul .ico-02:after { display: none; }
.location-02 dl { padding-left: 110px; }
.location-02 dt .img { margin-left:0px; }

.location-02 dt { position: absolute; left: 0; top: 0; width:auto; text-align: center; }
.location-02 dt .txt { display: block; line-height: 24px; font-size: 14px; font-weight: 700; padding-top:15px; }
}
 @media all and (max-width:400px) {
.location-01 ul { padding: 15px; border: none; }
.location-01 ul:after, .location-01 ul:before { display: none }
.location-01 ul .ico-01 { text-indent: 0; display: block; width: auto; background: none; font-weight: 400; color: #222; font-size: 15px; }
.location-01 ul .ico-02 { background: none; padding-left: 0 }
.location-01 ul li:first-child .stxt { padding-left: 0px; }
.location-01 ul li { width: 40% }
.location-01 ul li:first-child { width: auto; }
.location-01 ul .btxt { display: block; font-weight: 400; color: #222; font-size: 15px; }
.location-02 dl { padding-left: 0; border-bottom: 1px dotted #ddd }
.location-02 dt { position: relative; left: auto; top: auto; width: auto; text-align: left; background: url(/hscmb/_Img/Layout/c-tit02.jpg) no-repeat 0 7px; font-weight: 500; padding-bottom: 0px; padding-left: 20px; margin-bottom: 0px; }

.location-02 dt:before { background: #ccc; width: 30px; height: 1px; left: -50px; top: 49%; position: absolute; display: block; content: ""; }
.location-02 dt:after { background: #ccc; width: 30px; height: 1px; right: -50px; top: 49%; position: absolute; display: block; content: ""; }
.location-02 dt .img { display: none;  margin-left:0px; }
.location-02 .last .img img { width: 100% }
.location-02 dd .btxt { margin-top: 15px }
.location-02 dt .txt { display: inline-block; line-height: 150%; margin-left: 0px; color: #24459c; font-size: 18px; }
.location-02 dd { text-align: left }


}