@charset "utf-8";

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

/* =====================================
   ceo-wrap
===================================== */
.ceo-wrap { }
.ceo-img { margin: 0 auto; padding-bottom: 90px; }
.ceo-left { display: inline-block; width: 30%; margin-right: 2%; vertical-align: top; color: #79a744; font-size: 24px; font-weight: 500; line-height: 1.5; font-family: 'NanumSquare', sans-serif; }
.ceo-left:before { display: block; content: ''; width: 240px; height: 3px; background: #79a744; margin-top: 7px; margin-bottom: 30px; }
.ceo-right { display: inline-block; width: 67%; }
.ceo-txt { font-size: 17px; 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: 1200px; margin: auto; }
.about-info { }
.about-info dt { float: left; display: block; width: 130px; padding: 20px 15px; font-weight: 600; color: #2b2b2b; border-top: 1px solid #333; }
.about-info dd { display: block; margin-left: 200px; padding: 20px 15px; color: #666; 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) {
}
 @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: #00abc1; font-size: 20px; font-weight: 500; line-height: 1.5; }
.ceo-left:before { display: block; content: ''; width: 170px; height: 3px; background: #00abc1; 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: 0px; font-size: 18px; font-weight: 500; line-height: 1.5;}
.ceo-left:before { display: block; content: ''; width: 50px; height: 3px; background: #00abc1; margin-top: 7px; margin-bottom: 15px; }
.ceo-left br { display:none;}
.ceo-right { display: block; width: 100%; }
.ceo-txt { font-size: 15px; margin-bottom: 10px; margin-top: 30px; color: #000; line-height: 1.7; }
.ceo-txt strong { font-size:17px; color: #222; text-align:right;}
.ceo-right.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) {
 .pc { display:none;}
 .mobile { display:block;}
}


/* =====================================
   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:#3e7ddb; display:block;content:"";position:absolute; left:50%; top:20px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);-webkit-transition: height 4s ease-out;-moz-transition: height 4s ease-out;-o-transition: height 4s ease-out;transition: height 4s ease-out;}
.history-wrap .list .vc:first-child:before{top:20px;}
.history-wrap .list .vc:nth-child(n+2){padding-bottom:90px;}

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

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

.history-wrap .list .item{padding-left:54%; position:relative;}
.history-wrap .list .item:nth-child(even){padding-right:54%; padding-left:0;text-align:right;}
.history-wrap .list .item.c02{margin-top:70px;}

.history-wrap .list .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 #aec9f2;background:#fff; z-index:1; border-radius:100%; display:block; content:""; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.history-wrap .list ul:after{width:9px;height:9px; position:absolute; left:50%; top:16px;background:#3e7ddb; border-radius:100%; z-index:2; display:block; content:""; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}

.history-wrap .list li{position:relative; padding-left: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-top:30px; margin-bottom:15px;}
		.addiction-wrap h5{position:relative; padding-left:10px; font-size:15px;font-weight:500; color:#000; line-height:1.1em; letter-spacing:-0.03em;margin-bottom:20px;}

		.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:13px; 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:150px}
		.addiction-wrap .vis .img img{height:150px;}
		.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:14px;}
		
		.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:15px; line-height: 24px }
		.introduce-wrap .list table tbody .txt .stxt{font-size:13px; max-height:38px}
		
		.introduce-wrap .list .down-file{background-size:18px auto;}
		.introduce-wrap .list table tbody tr td{padding:0; border-bottom:none; float:left; width:100%; text-align:left; font-size:13px;}
	}
	@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: 24px; 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; }


}


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

}


/* =====================================
   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; font-size: 13px; }
.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; }

}


/* ÀÎÅÍ³Ý Áßµ¶-ÀÎÅÍ³Ý Áßµ¶ÀÇ ¾Ç¿µÇâ 4°³¹Ú½º */


.internet04 ul { font-size: 0; }
.internet04 li { width: 44.8%; min-height: 100px; margin-right: 2%; font-size: 0; padding: 3% 2%; margin-bottom: 0px; border: 1px solid #ddd; display: inline-block; vertical-align: top;     border-radius: 10px; }
.internet04 li.num-1 dl { background: url("../img/Content/add01-icon-01.png") no-repeat 20px 0px;  }
.internet04 li.num-2 dl { background: url("../img/Content/add01-icon-02.png") no-repeat 20px 0px;  }
.internet04 dl { width: 75%; padding-left: 25%; padding-top:10px; padding-bottom: 20px; vertical-align: top; }
.internet04 dt { margin: 10px 0 10px; font-size: 24px; font-weight: 600; color: #333; letter-spacing: -0.04em }
.internet04 dd { font-size: 18px; line-height: 160%; letter-spacing: -0.04em; }
 @media only screen and (max-width:1024px) {
.internet04 li { width: 44%; }
}
 @media only screen and (max-width:980px) {
.internet04 li { width: 100%; min-height: auto; margin: 0 0 2% 0; box-sizing: border-box; }
.internet04 li dl { background-size: 80px !important; }
.internet04 dt { font-size: 17px; margin-bottom: 10px; }
.internet04 dd { font-size: 14px; }
}
 @media only screen and (max-width:480px) {
.internet04 li dl { background-size: 60px !important; }
}
/*ÀÎÅÍ³Ý Áßµ¶-¿¹¹æ ¼öÄ¢2°³¹Ú½º*/
.internet01 .stxt { font-size: 15px; }
.internet01 .cont01 { margin: 60px 0; overflow: hidden; }
.internet01 .cont01 li { width: 180px; height: 180px; border-radius: 50%; margin-right: 20px; font-size: 15px; text-align: center; float: left; }
.internet01 .cont01 li.item01 { border: 10px solid #2fa2c0 }
.internet01 .cont01 li.item01 span { padding-top: 55px; }
.internet01 .cont01 li.item02 { border: 10px solid #3d7dc4 }
.internet01 .cont01 li.item03 { border: 10px solid #00ab81 }
.internet01 .cont01 li.item04 { border: 10px solid #1685d7 }
.internet01 .cont01 li.item05 { border: 10px solid #0930a1 }
.internet01 .cont01 li span { padding: 70px 20px 0; display: block; }

.internet01 .cont02 { }
.internet01 .cont02 li { font-size: 0; padding: 30px; margin-bottom: 30px; border: 1px solid #ddd; border-radius: 10px; }
.internet01 .cont02 li p { width: 15%; margin-right: 5%; padding-top: 0px; font-size: 18px; font-weight: 600; color: #333; text-align: center; display: inline-block; }
.internet01 .cont02 li p.ico-1 { background: url("../img/Content/add01-icon-08.png") no-repeat center top; width:150px; height:150px; }
.internet01 .cont02 li p.ico-2 { background: url("../img/Content/add01-icon-09.png") no-repeat center top; width:150px; height:150px; }
.internet01 .cont02 li p.ico-3 { background: url("../img/Content/add01-icon-10.png") no-repeat center top; width:150px; height:150px; }
.internet01 .cont02 dl { width: 80%; display: inline-block; vertical-align: top; }
.internet01 .cont02 dt { margin: 10px 0 20px; font-size: 24px; font-weight: 600; color: #000; }
.internet01 .cont02 dd { font-size: 16px; line-height: 28px; padding-left:20px;}


.internet01 .cont02  .dot {
    padding-left: 12px;
    margin-left: 0px;
    margin-bottom: 0px;
    
    
    color: #555;
    background: url(../img/Sub/icon-dot1.gif) no-repeat 0 11px;
}

 @media only screen and (max-width:640px) {
.internet01 .cont02 li { padding: 20px; }
.internet01 .cont02 li p { width: 100%; font-size: 17px; display: block; }
.internet01 .cont02 dl { width: 100%; }
.internet01 .cont02 dt { text-align: left; font-size: 18px; }
}
 @media only screen and (max-width:480px) {
.internet01 .cont01 { margin: 30px 0; }
.internet01 .cont01 li { width: 145px; height: 145px; padding: 10px 5px; margin: 0 5px 5px 0; font-size: 14px; box-sizing: border-box; }
.internet01 .cont01 li.item01 { border: 6px solid #2fa2c0 }
.internet01 .cont01 li.item01 span { padding-top: 10px; }
.internet01 .cont01 li.item02 { border: 6px solid #3d7dc4 }
.internet01 .cont01 li.item03 { border: 6px solid #00ab81 }
.internet01 .cont01 li.item04 { border: 6px solid #1685d7 }
.internet01 .cont01 li.item05 { border: 6px solid #0930a1 }
.internet01 .cont01 li span { padding: 20px 10px 0; }
.internet01 .cont02 dd { text-align: left; font-size: 14px; letter-spacing:-1px; line-height:24px;}

.internet01 .cont02 li p { width: 100%; margin-right: 0%; padding-top: 0px; font-size: 18px; font-weight: 600; color: #333; text-align: center; display: inline-block; }
.internet01 .cont02 li p.ico-1 { background: url("../img/Content/add01-icon-08.png") no-repeat center top; width:90px; height:90px; }
.internet01 .cont02 li p.ico-2 { background: url("../img/Content/add01-icon-09.png") no-repeat center top; width:90px; height:90px; }
.internet01 .cont02 li p.ico-3 { background: url("../img/Content/add01-icon-10.png") no-repeat center top; width:90px; height:90px; }
}





/*=======================================================
  innodesk pc-step
=========================================================*/


.pc-step { display: table; table-layout: fixed; position: relative; width: 100%; border: 1px solid #e5e5e5; box-sizing: border-box; }
.pc-step .li { display: table-cell; position: relative; padding: 30px 30px; border-left: 1px solid #e5e5e5; text-align: center; vertical-align: top; }
.pc-step .li:before { position: absolute; left: -13px; top: 115px; width: 26px; height: 27px; background: url(../img/Content/icon-arrow.png) no-repeat; content: ""; }
.pc-step .li:first-child { border-left: 0; }
.pc-step .li:first-child:before { display: none; }
.pc-step .li .ico dt { color: #ccc; font-size: 17px; font-weight: 800; line-height: 15px; }
.pc-step .li .ico dd { width: 115px; height: 115px; margin: 20px auto 0 auto; /*background: #8cc63e;*/ border-radius: 50%; overflow: hidden; }
.pc-step .li .txt dt { margin-top: 10px; color: #111; font-weight: 500; font-size: 18px; line-height: 24px; }
.pc-step .li .txt dd { margin: 15px 0 -2px 0; font-size: 14px; line-height: 22px; }
.pc-step .li p.txt { margin-top: 10px; color: #1c1c1c; font-weight: 500; }
.m-step { display: none; }
 @media only screen and (max-width:680px) {
/* m-step */
.m-step { position: relative; width: 100%; border-bottom: 1px solid #e5e5e5; }
.m-step .list { position: relative; border-top: 1px solid #e5e5e5; }
.m-step .list .tit { display: table; position: relative; width: 100%; }
.m-step .list .tit:after { position: absolute; right: 10px; top: 50%; width: 15px; height: 7px; margin-top: -3px; background: url(../img/Content/m-icon-arrow.png) center /100% no-repeat; content: ""; transition: all 0.4s; }
.m-step .list .tit dl { display: table-cell; height: 70px; padding: 0 50px 0 92px; box-sizing: border-box; vertical-align: middle; }
.m-step .list .tit dt { margin-bottom: 4px; color: #2e63ad; font-size: 12px; font-weight: 500; line-height: 12px; }
.m-step .list .tit dd { color: #1c1c1c; font-size: 16px; font-weight: 500; }
.m-step .list .ico { position: absolute; left: 10px; top: 0; width: 70px; height: 70px; }
.m-step .list .ico img { width: 100%; }
.m-step .list .txt { display: block; position: relative; padding: 18px 10px; background: #f5f5f5; animation: fade both 0.6s; }
.m-step .list.on .tit:after { transform: rotate(-180deg); }
.m-step .list.on .txt { display: block; }
.m-step .only .list .tit:after { display: block; }
.pc-step { display: none; }
.m-step { display: block; }
}


/*=======================================================
  innodesk-wrap pc-step
=========================================================*/
.innodesk-wrap { position: relative; padding: 20px 0; }
.innodesk-wrap:after { background: #fff; width: 2000px; height: 100%; display: block; content: ""; position: absolute; left: 50%; margin-left: -1000px; z-index: -1; top: 0 }
.innodesk-wrap .list { overflow: hidden; background: #f7f7f7; padding: 50px 0; }
.innodesk-wrap .list li { float: left; width: 16.666666%; height: 100px; padding-top: 85px; font-size: 16px; text-align: center; color: #666; letter-spacing: -0.02em; }
.innodesk-wrap .list li .tit{font-size: 18px; text-align: center; color: #111; letter-spacing: -0.04em; margin-bottom:15px; font-weight:500}
.innodesk-wrap .list li.ico01 { background: url(http://innopolis.designcool.co.kr/img/Content/innodesk-ico01.png) no-repeat center 0; margin-left: 0%;/*margin-bottom:70px;*/ }
.innodesk-wrap .list li.ico02 { background: url(http://innopolis.designcool.co.kr/img/Content/innodesk-ico02.png) no-repeat center 0;/*margin-bottom:70px;*/ }
.innodesk-wrap .list li.ico03 { background: url(http://innopolis.designcool.co.kr/img/Content/innodesk-ico03.png) no-repeat center 0;/*margin-bottom:70px;*/ }
.innodesk-wrap .list li.ico04 { background: url(http://innopolis.designcool.co.kr/img/Content/innodesk-ico04.png) no-repeat center 0; }
.innodesk-wrap .list li.ico05 { background: url(http://innopolis.designcool.co.kr/img/Content/innodesk-ico05.png) no-repeat center 0; }
.innodesk-wrap .list li.ico06 { background: url(http://innopolis.designcool.co.kr/img/Content/innodesk-ico06.png) no-repeat center 0; }
 @media only screen and (max-width:780px) {
.innodesk-wrap .list li { width: 33.333%; margin-top: 40px; }
.innodesk-wrap .list li .tit{font-size: 16px; text-align: center; color: #111; letter-spacing: -0.04em; margin-bottom:10px; font-weight:500}
.innodesk-wrap .list li.ico01 { margin-left: 0 }
.innodesk-wrap .list li.ico01, .innodesk-wrap .list li.ico02, .innodesk-wrap .list li.ico03 { margin-bottom: 0; }
.lean-txt { display: block; }
}
@media only screen and (max-width:640px) {
.innodesk-wrap { padding: 0px 0; margin-bottom: 0px }
}
@media only screen and (max-width:480px) {
.innodesk-wrap .list li { width: 50%; font-size: 14px; margin-top: 30px; padding-top: 70px; height: auto }
.innodesk-wrap .list li:nth-child(1), .innodesk-wrap .list li:nth-child(2) { margin-top: 20px; }
}
@media only screen and (max-width:390px) {
.innodesk-wrap .list li { font-size: 13px; }
}