@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
/* * { font-family: 'NanumSquare', sans-serif; letter-spacing:-0.05em; -webkit-font-smoothing: antialiased; } */   /* 300/400/700/800 */
* { font-family:'Malgun Gothic', dotum, sans-serif; letter-spacing:-0.05em; -webkit-font-smoothing: antialiased; }
.font_sel {transform:skew(-0.09deg);}


/* common */
body {background:#fff;}
#wrap {width:100%; overflow:hidden; position:relative;}
.container {width:100%; max-width:1200px; margin-left:auto; margin-right:auto; position:relative;}
.container:after {content:""; display:table; clear:both;}

@media (max-width:1260px) {
	.container {padding-left:15px; padding-right:15px;}
}

@media (max-width:1000px) {
	#wrap {}	
}


/* gnb */
#gnb {position:fixed; top:0; left:0; right:0; background:rgba(0,0,0,0.6); z-index:1000;}

@media (min-width:1001px) {
	#gnbPC {-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
	#gnbPC.on {background:#fff;}
	#gnbM {display:none;}
	#gpTop {height:72px; border-bottom:solid 1px #484d40; text-align:center; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
	#gnbPC.on #gpTop {border-bottom:solid 1px #d5d5d5;}
	#gptSch {display:block; width:28px; height:29px; position:absolute; left:0; top:50%; margin-top:-15px; text-indent:-9999px; background:url("../img/common/gnb_search.png")no-repeat center center; background-size:cover; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
	#gnbPC.on #gptSch {background:url("../img/common/gnb_search_on.png")no-repeat center center; background-size:cover;}
	#gptLogo {display:inline-block; width:155px; height:71px; background:url("../img/common/gnb_logo.png")no-repeat center center; background-size:auto 35px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
	#gnbPC.on #gptLogo {background:url("../img/common/gnb_logo_on.png")no-repeat center center; background-size:auto 35px;}
	#gptLogo a {display:block; height:100%; text-indent:-9999px;}
	.gptMenu {position:absolute; right:0; top:50%; margin-top:-6px;}
	.gptMenu:after {content:""; display:table; clear:both;}
	.gptMenu > li {position:relative; padding-right:10px; margin-right:10px; float:left;}
	.gptMenu > li:last-child {padding-right:0; margin-right:0;}
	.gptMenu > li:after {content:""; display:block; width:1px; height:12px; background:#fff; position:absolute; right:0; top:50%; margin-top:-6px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
	.gptMenu > li:last-child:after {display:none;}
	.gptMenu > li > a,
	.gptMenu > li > span {display:block; color:#fff; height:12px; line-height:12px; font-size:9pt; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
	#gnbPC.on .gptMenu > li > a,
	#gnbPC.on .gptMenu > li > span {color:#363636;}
	#gnbPC.on .gptMenu > li:after {background:#363636;}

	#gpBot {height:56px;}
	.gpbMenu {position:relative;}
	#gnbPC.on .gpbMenu:before {content:""; display:block; position:absolute; left:0; right:0; bottom:0; height:1px; background:#d5d5d5;}
	.gpbMenu:after {content:""; display:table; clear:both;}
	.gpbMenu > li {position:relative; float:left; width:20%; text-align:center;}
	.gpbMenu > li > a {display:inline-block; height:56px; line-height:56px; color:#fff; font-size:13pt; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out}
	#gnbPC.on .gpbMenu > li > a {color:#000;}
	.gpbMenu > li > ul {position:absolute; top:100%; left:0; right:0; padding:10px 0; display:none;}
	.gpbMenu > li > ul > li {text-align:center; padding:5px 0;}
	.gpbMenu > li > ul > li > a {display:inline-block; font-size:11pt; color:#000; font-weight:400; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; /*transform:skew(-0.09deg); */ }
	.gpbMenu > li > ul > li > a:hover {color:#8ac340;}
	.gpbMenu > li > ul > li.depth3 {display:block; text-align:left; margin-left:100px;}
	.gpbMenu > li > ul > li.depth3 > ul {padding-top:5px; position:relative;}
	.gpbMenu > li > ul > li.depth3 > ul:before,
	.gpbMenu > li > ul > li.depth3 > ul:after {content:""; display:block; background:#8ac340; position:absolute;}
	.gpbMenu > li > ul > li.depth3 > ul:before {width:1px; bottom:10px; top:-10px; left:-15px;}
	.gpbMenu > li > ul > li.depth3 > ul:after {height:1px; width:10px; left:-15px; bottom:10px;}
	.gpbMenu > li > ul > li.depth3 > ul > li {padding:3px 0;}
	.gpbMenu > li > ul > li.depth3 > ul > li > a {display:block; font-size:10pt; color:#8ac340; /*transform:skew(-0.09deg);*/}
	.gpbMenu > li.on > a {color:#8ac340 !important;}
	.gpbMenu > li.on:after {content:""; display:block; height:2px; background:#8ac340; position:absolute; left:0; right:0; bottom:0;}
	.gpbBg {height:400px; background:#fff; display:none; border-bottom:solid 1px #ddd;}
}

@media (max-width:1260px) {
	#gptSch {left:15px;}
	.gptMenu {right:15px;}
}

@media (max-width:1000px) {
	#gnbPC {display:none;}
	#gnbM {display:block;}
	#gmTop {}
	#gmtSch {display:block; width:54px; height:54px; position:absolute; left:0; top:0; text-indent:-9999px; background:url("../img/common/gnb_search.png")no-repeat center center; background-size:26px auto;}
	#gmtLogo {display:block; width:50%; margin:0 auto;}
	#gmtLogo a {display:block; height:54px; line-height:54px; text-indent:-9999px; background:url("../img/common/gnb_logo.png")no-repeat center center; background-size:auto 28px;}
	#gmBtn {display:block; position:absolute; top:0; right:0; height:100%; cursor:pointer; padding:17px 15px; margin:0; z-index:10;}
	#gmBtn span {display:block; width:34px; height:3px; margin-bottom:6px; background:#fff; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
	#gmBtn span.slice1 {}
	#gmBtn span.slice2 {}
	#gmBtn span.slice3 {margin-bottom:0;}
	#gmBtn.on {position:absolute; right:0; top:0;}
	#gmBtn.on span {width:34px;}
	#gmBtn.on span.slice1 {margin-top:8px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
	#gmBtn.on span.slice2 {opacity:0}
	#gmBtn.on span.slice3 {margin-top:-18px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
	html.lock, body.lock {display:block; width:100%; height:100%; overflow:hidden;}
	#gmBot {position:fixed; top:54px; left:0; right:0; bottom:0; display:none; z-index:100; background:#fff; padding-top:40px;}
	#gmBot > ul {height:100%; overflow-y:auto; -webkit-overflow-scrolling: touch;}
	#gmBot > ul:after {content:""; display:table; clear:both;}
	#gmBot > ul > li {border-bottom:solid 1px #e5e5e5;}
	#gmBot > ul > li > span {display:block; font-size:12pt; letter-spacing:-0.01em; font-weight:700; padding:15px 15px; cursor:pointer; position:relative; /*transform:skew(-0.09deg);*/ }
	#gmBot > ul > li > span:after {content:""; display:block; width:12px; height:8px; position:absolute; right:15px; top:50%; margin-top:-5px; background:url("../img/common/gnb_arrow_down.png")no-repeat center center; background-size:100% auto !important;}
	#gmBot > ul > li > span.on:after {background:url("../img/common/gnb_arrow_up.png")no-repeat center center;}
	#gmBot > ul > li > ul {padding:10px 15px; display:none; border-top:solid 1px #e5e5e5;}
	#gmBot > ul > li > ul > li {padding:10px 15px;}
	#gmBot > ul > li > ul > li > a {display:block; font-size:11pt; letter-spacing:-0.05em; font-weight:400; color:#333; /*transform:skew(-0.09deg);*/}
	#gmBot > ul > li > ul > li > ul {margin-top:10px; padding-left:15px; position:relative;}
	#gmBot > ul > li > ul > li > ul:before {content:""; display:block; width:1px; background:#aaa; position:absolute; left:5px; top:3px; bottom:3px;}
	#gmBot > ul > li > ul > li > ul > li {padding:5px 0;}
	#gmBot > ul > li > ul > li > ul > li > a {display:block; font-size:11pt; color:#333;}
	#gmBot > ul > li:last-child dl {text-align:center; padding:10px 0;}
	#gmBot > ul > li:last-child dl dd {display:inline-block; padding:0 12px; position:relative;}
	#gmBot > ul > li:last-child dl dd:after {content:""; display:block; width:1px; height:10px; background:#ccc; position:absolute; right:0; top:50%; margin-top:-5px;}
	#gmBot > ul > li:last-child dl dd:last-child:after {display:none;}
	#gmBot > ul > li:last-child dl dd a {display:block; font-size:10pt;}

	.gmbUser {position:absolute; left:0; right:0; top:0; height:40px; border-bottom:solid 1px #ddd; background:#fafafa; text-align:center;}
	.gmbUser dd {display:inline-block; height:39px; line-height:39px; padding: 0 15px; position:relative;}
	.gmbUser dd:after {content:""; display:block; width:1px; height:10px; background:#aaa; right:0; top:50%; margin-top:-5px; position:absolute;}
	.gmbUser dd:last-child:after {display:none;}
	.gmbUser dd a {display:block;}



}




/* footer */
#footer {background:#444444;}
#ftTop {border-bottom:solid 1px #575757;}
#ftTop ul {text-align:center;}
#ftTop ul li {display:inline-block; padding-right:12px; margin-right:8px; position:relative; padding-top:16px; padding-bottom:16px;}
#ftTop ul li:after {content:""; display:block; width:1px; height:10px; background:#b7b7b7; position:absolute; right:0; top:50%; margin-top:-5px;}
#ftTop ul li:last-child {padding-right:0; margin-right:0;}
#ftTop ul li:last-child:after {display:none;}
#ftTop ul li a {display:block; color:#b7b7b7; font-size:11pt;}
#ftBot {padding-top:30px; padding-bottom:50px;}
#ftBot p {color:#ccc; font-size:11pt; line-height:1.6em;}
#ftBot p span {display:inline-block; padding-right:12px; margin-right:8px; position:relative;}
#ftBot p span:after {content:""; display:block; width:1px; height:10px; background:#b7b7b7; position:absolute; right:0; top:50%; margin-top:-5px;}
#ftBot p span:last-child:after {display:none;}
#ftCopy {margin-top:30px;}

#ftBot p em {font-style: normal; padding-right: 30px;}

@media (max-width:1000px) {
	#ftTop ul li a {font-size:10pt;}
	#ftBot {text-align:center;}
	#ftBot p {font-size:9pt;}
	#ftBot p span {display:block; padding-right:0; margin-right:0;}
	#ftBot p span:after {display:none;}
	#ftCopy {margin-top:20px;}

	#ftBot p em {font-style: normal; padding-right: 0px;}
	#ftBot p span.addr {display:inline-block;}
}




/* main */
#mainBanner {position:relative;}
#mbSlider {}
.mbCont {height:990px;}
.mbCont h5 {font-size:44pt; font-weight:300;}
.mbCont h5 span {display:block;}
.mbCont p {font-size:18pt; line-height:1.4em;}
.mbCont p span {display:block;}
.mbCont a {display:inline-block; width:150px; height:40px; line-height:38px; text-align:left; padding-left:20px; font-size:13pt; position:relative;}
.mbCont a:before,
.mbCont a:after {content:""; display:block; position:absolute; right:20px; top:50%;}
.mbCont a:before {width:9px; height:1px; margin-top:-1px;}
.mbCont a:after {width:1px; height:9px; margin-right:4px; margin-top:-5px;}
.mainCS {height:430px; background:rgba(255,255,255,0.7); padding:20px 0;}
#mbCont01 {background:url("../img/main/main_banner01.jpg")no-repeat center center; text-align:center;}
#mbCont01 h5 {margin-top:310px; color:#fff;}
#mbCont01 h5 b {color:#acf947;}
#mbCont01 p {margin-top:30px; color:#fff; padding-bottom:30px; margin-bottom:65px; position:relative;}
#mbCont01 p:after {content:""; display:block; background:#fff; height:1px; width:90px; position:absolute; bottom:0; left:50%; margin-left:-45px;}
#mbCont01 a {border:solid 1px #fff; color:#fff;}
#mbCont01 a:before,
#mbCont01 a:after {background:#fff;}
#mbCont02 {background:url("../img/main/main_banner02.jpg")no-repeat center center;}
#mbCont02 h5 {margin-top:260px; color:#252525;}
#mbCont02 h5 b {color:#8ac340;}
#mbCont02 p {color:#252525; padding-top:23px; margin-top:23px; position:relative; font-weight:700;}
#mbCont02 p:before {content:""; display:block; background:#252525; height:1px; width:90px; position:absolute; top:0; left:0;}
#mbCont02 a {border:solid 1px #8ac340; color:#8ac340; margin-top:100px;}
#mbCont02 a:before,
#mbCont02 a:after {background:#8ac340;}

#mbArrow {position:absolute; bottom:150px; left:50%; margin-left:-600px;}
#mbArrow .slick-arrow {width:44px; height:44px; background-size:20px auto !important; text-indent:-9999px;}
#mbArrow .slick-prev {background:rgba(0,0,0,0.15) url("../img/main/main_banner_arrow_prev.png")no-repeat center center;}
#mbArrow .slick-next {background:rgba(0,0,0,0.15) url("../img/main/main_banner_arrow_next.png")no-repeat center center; margin-left:7px;}

#mbBot {position:absolute; width:200px; bottom:100px; left:50%; margin-left:-100px; text-align:center;}
#mbNav {display:inline-block; vertical-align:middle;}
#mbNav ul:after {content:""; display:table; clear:both;}
#mbNav ul li {display:block; float:left; width:12px; height:12px; margin:0 5px; border:solid 2px #fff; border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px;}
#mbNav ul li.slick-active {background:#fff;}
#mbNav ul li button {display:none;}
#mbPause {display:inline-block; vertical-align:middle; width:24px; height:24px; text-indent:-9999px; cursor:pointer; border-radius: 24px 24px 24px 24px; -moz-border-radius: 24px 24px 24px 24px; -webkit-border-radius: 24px 24px 24px 24px; background:#000 url("../img/main/main_banner_pause.png")no-repeat center center; background-size:6px auto;}
#mbPause.paused {background:#000 url("../img/main/main_banner_play.png")no-repeat center center; background-size:6px auto;}
#mbDown {width:60px; display:inline-block; position:absolute; left:50%; margin-left:-30px; bottom:30px;}
#mbDown li {
	margin-top:-20px;
	-webkit-animation:arrow 2s infinite;
	-moz-animation:arrow 2s infinite;
	-o-animation:arrow 2s infinite;
	-ms-animation:arrow 2s infinite;
	animation:arrow 2s infinite;
}
#mbDown li:first-child {margin-top:0;}
#mbDown li img {display:block; width:100%;}

@keyframes arrow{
	0% {opacity:0}
	25% {opacity:1}
	50% {opacity:0}
	100% {opacity:0}
}
@-webkit-keyframes arrow{
	0% {opacity:0}
	25% {opacity:1}
	50% {opacity:0}
	100% {opacity:0}
}
#mbDown .a1 {
	-webkit-animation-delay:-1s;
	-moz-animation-delay:-1s;
	-o-animation-delay:-1s;
	-ms-animation-delay:-1s;
	animation-delay:-1s;
}
#mbDown .a2 {
	-webkit-animation-delay:-0.5s;
	-moz-animation-delay:-0.5s;
	-o-animation-delay:-0.5s;
	-ms-animation-delay:-0.5s;
	animation-delay:-0.5s;
}
#mbDown .a3 {	
	-webkit-animation-delay:0s;
	-moz-animation-delay:0s;
	-o-animation-delay:0s;
	-ms-animation-delay:0s;
	animation-delay:0s;
}



@media (max-width:1260px) {
	#mbArrow {left:15px; margin-left:0;}
}

@media (max-width:1000px) {
	.mbCont {height:640px; background-size:cover !important;}
	.mbCont h5 {font-size:20pt; line-height:1.2em;}
	.mbCont p {font-size:11pt;}
	.mbCont p span {display:block;}
	.mbCont a {display:inline-block; width:150px; height:40px; line-height:38px; text-align:left; padding-left:20px; font-size:13pt; position:relative;}
	.mbCont a:before,
	.mbCont a:after {content:""; display:block; position:absolute; right:20px; top:50%;}
	.mbCont a:before {width:9px; height:1px; margin-top:-1px;}
	.mbCont a:after {width:1px; height:9px; margin-right:4px; margin-top:-5px;}
	.mainCS {height:430px; background:rgba(255,255,255,0.7); padding:20px 0;}
	#mbCont01 h5 {margin-top:240px;}
	#mbCont01 p {margin-top:30px; padding-bottom:0; margin-bottom:30px;}
	#mbCont01 p:after {display:none;}
	#mbCont02 {text-align:center; position:relative;}
	#mbCont02:before {content:""; display:block; position:absolute; left:0; right:0; bottom:0; top:0; background:rgba(0,0,0,0.3);}
	#mbCont02 h5 {margin-top:240px; color:#fff;}
	#mbCont02 h5 b {color:#acf947;}
	#mbCont02 p {color:#fff; margin-top:30px; padding-bottom:0; margin-bottom:30px;}
	#mbCont02 p:before {display:none;}
	#mbCont02 a {border:solid 1px #fff; color:#fff; margin-top:0;}
	#mbCont02 a:before,
	#mbCont02 a:after {background:#fff;}
	#mbArrow {display:none;}
	#mbBot {bottom:60px;}
	#mbNav ul li {width:10px; height:10px; margin:0 3px; border:solid 1px #fff;}
	#mbPause {display:none;}
	#mbDown {width:30px; margin-left:-15px; bottom:10px;}
	#mbDown li {margin-top:-5px;	}
}

@media (max-width:350px) {
	.mbCont h5 {font-size:18pt;}
	.mbCont p {font-size:10pt;}
}


.area_catalog{display: none; border: 1px solid #000; background-color: #fff; width: 90px; position: absolute; left: -35px; padding: 5px; margin-top: 5px; line-height: 30px; z-index: 9999;}
.area_catalog li:last-child {border-top: 1px solid #000;}



.mainPdct {background:#ececec url("../img/main/main_product_bg.png")no-repeat center top; padding-top:100px; padding-bottom:160px; text-align:center;}
.mainPdct h3 {height:40px; text-indent:-9999px; background:url("../img/main/main_product_title.png")no-repeat center center; background-size:auto 40px;}
.mainPdct p {margin-top:20px; font-size:15pt; padding-bottom:150px; position:relative;}
.mainPdct p:after {content:""; display:block; width:1px; height:60px; background:#555; position:absolute; left:50%; bottom:60px;}
.mainPdct ul {margin:0 -5px;}
.mainPdct ul:after {content:""; display:table; clear:both;}
.mainPdct ul li {padding:0 5px; float:left; width:33.333%;}
.mainPdct ul li a {display:block; background:#fff; padding-bottom:30px; padding-top:20px; font-size:15pt; border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px;}
.mainPdct ul li a:before {content:""; display:block; width:120px; height:120px; background-size:cover !important; margin:30px auto;}
.mainPdct ul li:nth-child(1) a:before {background:url("../img/main/main_product01.png")no-repeat center center;}
.mainPdct ul li:nth-child(2) a:before {background:url("../img/main/main_product02.png")no-repeat center center;}
.mainPdct ul li:nth-child(3) a:before {background:url("../img/main/main_product03.png")no-repeat center center;}
.mainPdct ul li:nth-child(4) a:before {background:url("../img/main/main_product04.png")no-repeat center center;}
.mpdctGo {text-align:right; padding-top:30px;}
.mpdctGo a {display:inline-block; font-size:12pt;}

.mainCmnty {padding:160px 0;}
.mainCmnty .container:before {content:""; display:block; width:315px; height:460px; position:absolute; left:-250px; top:-310px; background:url("../img/main/main_community_bg.png")no-repeat center center;}
.mainPublic {width:46%; float:left; background:rgba(215,215,215,0.75); height:365px; padding:0 25px; position:relative;}
.mpbcTitle {margin:0 -10px; padding:0 15px; position:relative;}
.mpbcTitle h5 {border-bottom:solid 1px #898989; height:66px; line-height:65px; font-size:16pt}
.mpbcTitle h5 span {font-weight:400; font-size:13pt; margin-left:10px;}
.mpbcTitle a {display:block; text-indent:-9999px; width:65px; height:65px;  position:absolute; right:0; bottom:0;}
.mpbcTitle a:before,
.mpbcTitle a:after {content:""; display:block; background:#000; position:absolute; left:50%; top:50%;}
.mpbcTitle a:before {width:21px; height:1px; margin-left:-10px;}
.mpbcTitle a:after {width:1px; height:21px; margin-left:-1px; margin-top:-10px;}

.mpbcList {display:block; margin-top:20px; padding:0 5px;}
.mpbcList li {padding:4px 0;}
.mpbcList li:after {content:""; display:table; clear:both;}
.mpbcList li em {display:none;}
.mpbcList li div {padding-left:60px; position:relative;}
.mpbcList span {display:block; width:50px; height:22px; line-height:22px; text-align:center; color:#fff; background:#8ac340; position:absolute; left:0; top:0; font-size:12pt;}
.mpbcList li p {display:none;}
.mpbcList li h5 {font-size:12pt; font-weight:400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mpbcList li:first-child {margin-bottom:10px; padding-bottom:10px; border-bottom:solid 1px #898989;}
.mpbcList li:first-child em {display:block !important; height:160px; width:40%; float:left; background-size:cover !important;}
.mpbcList li:first-child div {padding-left:70px; height:160px; width:60%; float:left; padding-left:70px; position:relative;}
.mpbcList li:first-child p {margin-top:15px; font-size:11pt; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.5; height: 4.5em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.mpbcList li:first-child h5 {font-size:14pt !important; font-weight:700; overflow: hidden; text-overflow: ellipsis; white-space: normal !important; line-height: 1.3; height: 2.6em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mpbcList li:first-child span {left:10px;}

.mainDwn {width:27%; padding-left:7px; float:left;}
.mainDwn a {display:block; border:solid 1px #a3a3a3; height:365px; padding:0 25px; position:relative;}
.mainDwn a h5 {border-bottom:solid 1px #898989; height:66px; line-height:65px; font-size:16pt; padding:0 15px; margin:0 -10px;}
.mainDwn a p {padding-top:110px; margin-top:30px; font-size:13pt; line-height:1.4em; padding-bottom:90px;}
.mainDwn01 p {background:url("../img/main/main_down_ico01.png")no-repeat left top; background-size:116px auto;}
.mainDwn02 p {background:url("../img/main/main_down_ico02.png")no-repeat left top; background-size:80px auto;}
.mainDwn a p span {display:block;}
.mainDwn a:after {content:""; display:block; width:104px; height:26px; position:absolute; left:25px; bottom:40px; background:url("../img/main/main_down_arrow.png")no-repeat center center; background-size:cover;}

.mainBot {padding:130px 70px; background:#ebebeb url("../img/main/main_bottom.png")no-repeat right bottom;}
.mBotWrap {margin:0 -5px;}
.mBotWrap:after {content:""; display:table; clear:both;}
.mBotCont {float:left; width:33.3333%; padding:0 5px; text-align:center;}
.mainIntro {background:rgba(255,255,255,0.7);}
.mainIntro a {display:block; height:430px; padding:20px 0;}
.mainIntro h5 {height:100px; padding-top:55px; color:#8ac340; font-size:24pt; line-height:1.0em; background:url("../img/main/main_intro_title.png")no-repeat center top; background-size:auto 51px;}
.mainIntro p {padding-top:230px; font-size:13pt; line-height:1.5em; background:url("../img/main/main_intro_img.png")no-repeat center top;}
.mainIntro p span {display:block;}
.mainVideo {height:430px; background:#fff; padding:20px 0;}
.mainVideo h5 {height:100px; padding-top:60px; color:#8ac340; font-size:24pt; line-height:1.0em; background:url("../img/main/main_video_title.png")no-repeat center top; background-size:auto 52px;}
.mainVideo h5 span {color:#000;}
.mainVideo em {display:block; height:210px; background-size:cover !important; margin-top:10px;}
.mainVideo a {display:inline-block; margin-top:20px; width:150px; height:40px; line-height:38px; text-align:left; border:solid 1px #252525; padding-left:20px; font-size:11pt; position:relative;}
.mainVideo a:before,
.mainVideo a:after {content:""; display:block; background:#252525; position:absolute; right:20px; top:50%;}
.mainVideo a:before {width:9px; height:1px; margin-top:-1px;}
.mainVideo a:after {width:1px; height:9px; margin-right:4px; margin-top:-5px;}
.mainCS {height:430px; background:rgba(255,255,255,0.7); padding:20px 0;}
.mainCS h5 {height:100px; padding-top:55px; color:#8ac340; font-size:24pt; line-height:1.0em; background:url("../img/main/main_cs_title.png")no-repeat center top; background-size:auto 48px;}
.mainCS ul {}
.mainCS ul li {background-size:42px auto !important; padding-top:60px; font-size:13pt; margin-top:30px; font-weight:700; line-height:1.3em;}
.mainCS ul li:first-child {margin-top:30px;}
.mainCS ul li:nth-child(1) {background:url("../img/main/main_cs_ico01.png")no-repeat center top;}
/*.mainCS ul li:nth-child(2) {background:url("../img/main/main_cs_ico02.png")no-repeat center top;}*/
.mainCS ul li:nth-child(2) {background:url("../img/main/main_cs_ico03.png")no-repeat center top;}


@media (max-width:1000px) {
	.mainPdct {background-size:130% auto; padding-top:40px; padding-bottom:40px;}
	.mainPdct h3 {height:20px; background-size:auto 100%;}
	.mainPdct p {margin-top:10px; font-size:12pt; padding-bottom:80px;}
	.mainPdct p:after {height:30px; bottom:30px;}
	.mainPdct ul {margin:0 -5px;}
	.mainPdct ul li {padding:5px; width:50%;}
	.mainPdct ul li:nth-child(3) {width:100%;}
	.mainPdct ul li a {padding-bottom:100%; padding-top:0; position:relative; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;}
	.mainPdct ul li:nth-child(3) a {padding-bottom:50%;}
	.mainPdct ul li a span {display:block; position:absolute; left:0; right:0; bottom:20px; text-align:center;}
	.mainPdct ul li a:before {width:100%; height:auto; position:absolute; left:0; right:0; top:20px; height:50%; background-size:auto 100% !important; margin:0;}
	.mpdctGo {padding-top:20px;}
	.mpdctGo a {font-size:11pt;}

	.mainCmnty {padding:40px 0;}
	.mainCmnty .container:before {display:none;}
	.mainPublic {width:100%; background:rgba(215,215,215,0.75); height:auto; padding:0 15px 15px;}
	.mpbcTitle {margin:0 -10px; padding:0 10px;}
	.mpbcTitle h5 {height:auto; line-height:1.2; font-size:13pt; padding-top:20px; padding-bottom:10px;}
	.mpbcTitle h5 span {font-size:10pt; margin-left:5px;}
	.mpbcTitle a {width:50px; height:50px;}

	.mpbcList {display:block; margin-top:10px; padding:0 2px;}
	.mpbcList li {padding:4px 0;}
	.mpbcList li div {padding-left:50px;}
	.mpbcList span {width:40px; height:18px; line-height:18px; font-size:11pt;}
	.mpbcList li h5 {font-size:10pt;}
	.mpbcList li:first-child {margin-bottom:10px; padding-bottom:10px; border-bottom:solid 1px #898989;}
	.mpbcList li:first-child em {height:125px;}
	.mpbcList li:first-child div {height:140px; width:60%; padding-left:10px;}
	.mpbcList li:first-child p {margin-top:5px; font-size:10pt;}
	.mpbcList li:first-child h5 {font-size:12pt !important;}
	.mpbcList li:first-child span {position:static; margin-bottom:5px;}

	.mainDwn {width:50%; padding-left:0; margin-top:6px;}
	.mainDwn01 {padding-right:3px;}
	.mainDwn02 {padding-left:3px;}
	.mainDwn a {height:auto; padding:0 15px;}
	.mainDwn a h5 {height:auto; line-height:1.2em; font-size:13pt; padding:10px 15px; margin:0 -10px;}
	.mainDwn a p {padding-top:60px; margin-top:15px; font-size:10pt; padding-bottom:40px;}
	.mainDwn01 p {background-size:58px auto;}
	.mainDwn02 p {background-size:40px auto;}
	.mainDwn a p span {display:inline;}
	.mainDwn a:after {width:52px; height:13px; left:15px; bottom:20px;}

	.mainBot {padding:40px 15px; background:#ebebeb;}
	.mBotWrap {margin:0 -5px;}
	.mBotCont {width:100%; padding:0 5px; margin-top:20px;}
	.mainIntro a {height:auto; padding:30px 0;}
	.mainIntro h5 {height:auto; padding-top:30px; font-size:18pt; background-size:auto 26px;}
	.mainIntro p {margin-top:20px; padding-top:140px; font-size:10pt; background-size:auto 140px;}
	.mainIntro p span {display:block;}
	.mainVideo {height:auto; background:#fff; padding:30px 0;}
	.mainVideo h5 {height:auto; padding-top:30px; font-size:18pt; background-size:auto 24px;}
	.mainVideo em {height:180px; margin-top:30px;}
	.mainVideo a {margin-top:30px;}
	.mainCS {height:auto; padding:30px 0;}
	.mainCS h5 {height:auto; padding-top:40px; font-size:18pt; background-size:auto 28px;}
	.mainCS ul {margin-top:30px;}
	.mainCS ul li {background-size:30px auto !important; padding-top:36px; font-size:12pt; margin-top:20px;}
}

@media (max-width:350px) {
	.mpbcTitle h5 span {display:none;}
}




#subTitle {position:relative; height:450px; padding-top:128px; padding-bottom:50px; background:url("../img/common/subTitle_bg.jpg")no-repeat center top;}
#stTable {display:table; width:100%; height:100%;}
#stTable > div {display:table-cell; width:100%; vertical-align:middle; text-align:center;}
#stTable > div h2 {font-size:32px; color:#fff; font-weight:700; letter-spacing:-0.075em;}
#stTable > div p {font-size:15px; color:rgba(255,255,255,0.5); margin-top:15px;}
#stNav {position:absolute; left:0; right:0; bottom:0; text-align:center; background:rgba(0,0,0,0.5);}
#stMenu:after {content:"";display:table;clear:both;}
#stMenu > li {display:inline-block; width:240px; position:relative;}
#stMenu.col5 > li {display:block; width:20%; float:left;}
#stMenu > li > a {display:block; height:50px; line-height:50px; font-size:18px; color:#fff; position:relative;}
#stMenu > li.current > a {background:#fff; color:#8ac340}
#stMenu > li.current > a:before {content:""; display:block; height:1px; position:absolute; left:0; right:0; bottom:0; background:#8ac340;}
#stMenu > li.current > a:after {content:""; display:block; width:14px; height:10px; position:absolute; left:50%; margin-left:-7px; top:100%; margin-top:-1px; background:url("../img/common/subTitle_menu_arrow.png")no-repeat center center;}
#stMenu > li > ul {position:absolute; top:100%; left:0; padding-top:25px; width:100%; z-index:1; text-align:center;}
#stMenu > li > ul:after {content:"";display:table;clear:both;}
#stMenu > li > ul.wdth300 {width:300%;}
#stMenu > li > ul.wdth300 > li {float:left;}
#stMenu > li > ul > li {position:relative; padding-right:16px; margin-right:15px; display:inline-block;}
#stMenu > li > ul > li:after {content:""; display:block; width:1px; height:12px; background:#898989; position:absolute; right:0; top:50%; margin-top:-6px;}
#stMenu > li > ul > li:last-child {padding-right:0; margin-right:0;}
#stMenu > li > ul > li:last-child:after {display:none;}
#stMenu > li > ul > li > a {display:block; font-size:14px; color:#252525;}
#stMenu > li > ul > li.current > a {font-weight:700; /*transform:skew(-0.09deg);*/}
#subPage {padding-top:100px; padding-bottom:100px; position:static;}
#breadCrumb {margin-bottom:15px;}
#breadCrumb:after {content:""; display:table; clear:both;}
#breadCrumb ul {float:right;}
#breadCrumb ul:after {content:"";display:table;clear:both;}
#breadCrumb ul li {float:left;padding-right:18px;margin-right:13px;position:relative;}
#breadCrumb ul li:after {content:"";display:block;width:5px;height:9px;position:absolute;right:0;top:50%;margin-top:-4px;background:url("../img/common/breadcrumb_arrow.png")no-repeat center center;}
#breadCrumb ul li:last-child {margin-right:0;padding-right:0;}
#breadCrumb ul li:last-child:after {display:none;}
#breadCrumb ul li a,
#breadCrumb ul li span {display:block; font-size:15px; /*transform:skew(-0.09deg);*/}
#breadCrumb ul li:last-child a,
#breadCrumb ul li:last-child span {font-weight:700;}
#breadCrumb ul li:first-child a {width:15px;text-indent:-9999px;background:url("../img/common/breadcrumb_home.png")no-repeat center center;}


@media (max-width:1000px) {
	#subTitle {height:auto; padding-top:54px; padding-bottom:50px; background-size:cover;}
	#stTable > div {padding:60px 0;}
	#stTable > div h2 {font-size:18pt;}
	#stTable > div p {font-size:10pt; margin-top:10px;}
	#stTable > div p span {display:block; line-height:1.5em;}
	#stNav .container {padding:0;}
	#stMenu {position:relative;}
	#stMenu > li {display:block; width:auto; float:left; position:static;}
	#stMenu.col2 > li {width:50%;}
	#stMenu.col3 > li {width:33.3333%;}
	#stMenu.col4 > li {width:25%;}
	#stMenu.col5 > li {width:20%;}
	#stMenu.col5 > li a span {display:none;}
	#stMenu > li > a {font-size:11pt;}
	#stMenu > li.current > a:after {width:7px; height:5px; margin-left:-4px; background-size:cover !important;}
	#stMenu > li > ul {right:0; padding-top:15px; text-align:center;}
	#stMenu > li > ul.wdth300 {width:100%; left:0; margin-left:0;}
	#stMenu > li > ul.wdth300 > li {float:none; display:inline-block;}
	#stMenu > li > ul > li {padding-right:2px; padding-left:2px; margin-right:0; padding-top:3px; padding-bottom:3px;}
	#stMenu > li > ul > li:after {display:none;}
	#stMenu > li > ul > li:last-child {padding-right:10px;}
	#stMenu > li > ul > li:last-child:after {display:none;}
	#stMenu > li > ul > li > a {font-size:11pt; border:solid 1px #ddd; padding:7px 10px;}
	#stMenu > li > ul > li.current > a {font-weight:700; /*transform:skew(-0.09deg);*/}
	#subPage {padding-top:30px; padding-bottom:30px;}
	#subPage.product01_ch {padding-top:120px;}
	#subPage.product02_ch {padding-top:80px;}
	#subPage.product03_ch {padding-top:80px;}
	#subPage.data01_ch {padding-top:80px;}
	#subPage.data02_ch {padding-top:80px;}
	#breadCrumb ul li a,
	#breadCrumb ul li span {font-size:10pt;}
	.mbskin:before,.mbskin:after {display:none;}
	.mbskin {margin:30px auto 0;}
}





/* product */
.brdWrite {width:100%; table-layout:fixed; border-collapse: collapse;}
.brdWrite th,
.brdWrite td {border:solid 1px #ddd; padding:0 10px;}
.brdWrite th {background:#fafafa;}
.prdtInfo {border-top:solid 1px #898989; border-bottom:solid 2px #363636;}
.prdtInfo:after {content:""; display:table; clear:both;}
.prdtLeft {float:left; width:48%; height:420px; padding:50px 0;}
.prdtSlider {width:420px; padding:0 50px; margin:0 auto;}
.prdtSlider .slick-slide {height:320px; background-size:cover !important;}
.prdtSlider .slick-arrow {position:absolute; top:50%; width:20px; height:36px; margin-top:-18px; text-indent:-9999px;}
.prdtSlider .slick-prev {left:0; background:url("../img/common/product_thumb_prev.png")no-repeat center center;}
.prdtSlider .slick-next {right:0; background:url("../img/common/product_thumb_next.png")no-repeat center center;}
.prdRight {float:left; width:52%; height:420px; background:#ebebeb; padding:40px 30px;}
.prdtTitle {height:100%; position:relative;}
.prdtTitle h3 {font-size:26px; color:#252525; font-weight:700;}
.prdtTitle h3 span {font-size:18px; font-weight:400;}
.prdtTitle h4 {font-size:16px; color:#898989; font-weight:400;}
.prdtTitle table {width:100%; table-layout:fixed; border-collapse: collapse; margin-top:20px;}
.prdtTitle table th,
.prdtTitle table td {padding:10px; text-align:left; border-bottom:solid 1px #bababa;}
.prdtTitle table tr:last-child th,
.prdtTitle table tr:last-child td {border-bottom:none;}
.prdtTitle table th {width:100px; font-size:14px; color:#636363;}
.prdtTitle table td {font-size:18px; color:#252525; font-weight:700;}
.prdtTitle ul {position:absolute; bottom:0; left:-4px; right:-4px;}
.prdtTitle ul:after {content:""; display:table; clear:both;}
.prdtTitle ul li {width:50%; float:left; padding:0 4px;}
.prdtTitle ul li a {display:block; height:50px; line-height:50px; text-align:center; color:#fff; font-size:20px; font-weight:700; background:#68952e;}
.prdtTitle ul li:first-child a {background:#8ac340;}
.prdtAll {/* margin-top:-32px; */}

.prdtName {text-align:center; padding:60px 0;}
.prdtName h3 {font-size:28pt; font-weight:700; position:relative; padding-bottom:30px;}
.prdtName h3:after {content:""; display:block; width:50px; height:2px; background:#333; position:absolute; bottom:0; left:50%; margin-left:-20px;}

.prdtList {margin:0 -10px; padding:15px 0;}
.prdtList:after {content:""; display:table; clear:both;}
.prdtList li {float:left; width:25%; padding:10px;}
.prdtList li.empty_list {width:100%; padding:10px !important;}
.prdtList li.empty_list span {display:block; padding:20px; border:solid 1px #ddd; background:#fafafa; text-align:center; font-size:11pt;}
.prdtList li a {display:block; position:relative; border:solid 1px #ddd; padding:30px 20px;}
.prdtList li a div {position:absolute; top:10px; left:10px;}
.prdtList li a > em {display:block; padding-bottom:100%; background-size:cover !important; margin-bottom:20px;}
.prdtList li a p {display:inline-block; font-family:"dotum", sans-serif; font-size:11px; color:#fff; background:#8ac340; padding:3px 6px; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;}
.prdtList li a h5 {font-size:13pt;}
.prdtList li a h5 span {display:inline-block; vertical-align:middle;}
.prdtList li a h5 em {display:inline-block; vertical-align:middle; font-family:"dotum", sans-serif; font-size:10px; color:#fff; background:#ae0000; margin-left:5px; padding:1px 3px; font-style:normal; font-weight:normal;}

.brdTable {border-left:solid 2px #fff !important; border-right:solid 2px #fff !important; border-top:none !important; border-bottom:none !important;}
.brdTable th,
.brdTable td {border-top:solid 1px #ddd; border-bottom:solid 1px #ddd;}

.cerList {margin:0 -10px; padding:15px 0;}
.cerList:after {content:""; display:table; clear:both;}
.cerList li {float:left; width:25%; padding:10px;}
.cerList li.empty_list {width:100%; padding:10px !important;}
.cerList li.empty_list span {display:block; padding:20px; border:solid 1px #ddd; background:#fafafa; text-align:center; font-size:11pt;}
.cerList li a {display:block; position:relative;}
.cerList li a div {position:absolute; top:10px; left:10px;}
.cerList li a > em {display:block; padding-bottom:140%; background-size:cover !important; border:solid 1px #eee;}
.cerList li a h5 {margin-top:10px; font-size:11pt; text-align:center;}


.estBtn {text-align:center; padding:30px 0;}
.estBtn li {display:inline-block; margin:0 2px; vertical-align:middle;}
.estBtn li a,
.estBtn li input[type="submit"] {display:block; height:50px; line-height:50px; text-align:center; color:#fff; border:none; width:240px; font-size:14pt;}
.estBtn li a { background:#666;}
.estBtn li input[type="submit"] {background:#8ac340;}

.estView th,
.estView td {padding:10px;}




@media (max-width:1000px) {
	.prdtLeft {width:100%; height:auto; padding:30px 0;}
	.prdtSlider {width:100%; padding:0 50px;}
	.prdtSlider .slick-slide {height:300px; background-size:contain !important;}
	.prdRight {width:100%; height:auto; padding:30px 30px;}
	.prdtTitle {height:auto; position:relative;}
	.prdtTitle h3 {font-size:14pt;}
	.prdtTitle h3 span {font-size:10pt;}
	.prdtTitle h4 {font-size:11pt;}
	.prdtTitle table {margin-top:15px;}
	.prdtTitle table th,
	.prdtTitle table td {padding:5px;}
	.prdtTitle table th {width:60px; font-size:10pt;}
	.prdtTitle table td {font-size:12pt;}
	.prdtTitle ul {position:static; margin:0 -2px; padding-top:30px;}
	.prdtTitle ul li {padding:0 2px;}
	.prdtTitle ul li a {height:50px; line-height:50px; font-size:14pt;}
	#bo_v {padding-left:0; padding-right:0;}

	.prdtName {padding:30px 0;}
	.prdtName h3 {font-size:16pt; padding-bottom:15px;}
	.prdtName h3:after {width:50px; height:2px; margin-left:-20px;}

	.prdtList {margin:0 -3px; padding:15px 0;}
	.prdtList li {width:50%;}
	.prdtList li {padding:3px;}
	.prdtList li a {padding:20px 10px;}
	.prdtList li a p {font-size:10pt;}
	.prdtList li a h5 {font-size:13pt; margin-top:5px;}

	.cerList {margin:0 -3px; padding:15px 0;}
	.cerList li {width:50%; padding:10px 3px;}
	.cerList li a h5 {margin-top:10px; font-size:11pt; text-align:center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

	#bo_sch {position:relative; padding-left:98px; padding-right:40px; float:none;}
	#bo_sch select {position:absolute; left:0; top:0; height:38px;; margin:0;}
	#bo_sch input[type="text"] {display:block; width:100%; padding:0 10px;}
	#bo_sch input[type="submit"],
	#bo_sch .sch_btn {display:block; position:absolute; right:0;}

	.estTable {}
	.estTable colgroup {display:none;}
	.estTable,
	.estTable tbody,
	.estTable tr,
	.estTable th,
	.estTable td {display:block; width:100%; border:none; text-align:left; background:none; padding:0;}
	.estTable th {margin-top:20px;}

	.estBtn li a,
	.estBtn li input[type="submit"] {width:120px; border-radius:0px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}

}




/* About */	
#about {padding-top:35px;}
#about:after {content:""; display:table; clear:both;}
.abtTitle {float:left; width:36%;}
.abtTitle h3 {font-size:28pt; font-weight:300; text-align:center;}
.abtTitle h3 span {display:block;}
.abtTitle h3 span b {font-weight:700;}
.abtTitle h3:after {content:""; display:block; height:150px; margin-top:60px; border:solid 1px #e4e4e4; background:url("../img/sub/about_logo.png")no-repeat center center;}
.abtTxt {float:left; width:64%; padding-left:50px; color:#393939;}
.abtTxt h5 {font-size:16pt; font-weight:700; line-height:1.4em;}
.abtTxt p {font-size:12pt; margin-top:20px; line-height:1.6em;}
.abtImg {float:left; width:100%; margin-top:150px;}
.abtImg ul {margin:0 -10px;}
.abtImg ul:after {content:""; display:table; clear:both;}
.abtImg ul li {padding:0 10px; float:left;}
.abtImg ul li:nth-child(1) {width:40%;}
.abtImg ul li:nth-child(2) {width:25%;}
.abtImg ul li:nth-child(3) {width:35%;}
.abtImg ul li div {height:350px; background-size:cover !important;}

@media (max-width:1000px) {
	#about {padding-top:35px;}
	.abtTitle {width:100%;}
	.abtTitle h3 {font-size:18pt; line-height:1.3em;}
	.abtTitle h3:after {height:80px; margin-top:30px; background-size:auto 45px !important;}
	.abtTxt {width:100%; padding-left:0; margin-top:30px;}
	.abtTxt h5 {font-size:13pt;}
	.abtTxt p {font-size:11pt; margin-top:10px;}
	.abtImg {width:100%; margin-top:30px;}
	.abtImg ul {margin:0 -2px;}
	.abtImg ul li {padding:0 2px;}
	.abtImg ul li div {height:100px;}
}


/* History */	
#history {position:relative;}
#history:before {content:""; display:block; width:7px; height:7px; background:#e7e7e7; position:absolute; top:0; left:50%; margin-left:-3px; border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px;}
#history:after {content:""; display:block; width:1px; background:#e7e7e7; position:absolute; left:50%; top:0; bottom:0;}
#history .hsty {width:50%; margin-top:90px; position:relative;}
#history .hsty:nth-child(2) {margin-top:160px;}
#history .hsty:nth-child(odd) {float:left; text-align:right; padding-right:70px;}
#history .hsty:nth-child(even) {float:right; padding-left:70px;}
#history .hsty:before {content:""; display:block; height:1px; width:50px; background:#f4f4f4; position:absolute; top:20px;}
#history .hsty:nth-child(odd):before {right:0;}
#history .hsty:nth-child(even):before {left:0;}
#history .hsty h5 {font-size:25pt; color:#000; font-weight:700; position:relative; height:40px; line-height:40px;}
#history .hsty h5:before {content:""; display:block; width:13px; height:13px; background:#cbcbcb; position:absolute; top:50%; margin-top:-6px; z-index:1; border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px;}
#history .hsty:nth-child(odd) h5:before {right:-77px;}
#history .hsty:nth-child(even) h5:before {left:-76px;}
#history .hsty:nth-child(1) h5:before {width:19px; height:19px; background:#fff; border:solid 3px #8ac340; right:-80px; margin-top:-9px;}
#history .hsty ul {margin-top:15px;}
#history .hsty ul li {font-size:11pt; color:#393939; padding:5px 0; position:relative; line-height:1.4em;}
#history .hsty ul li:before {content:""; display:block; width:2px; height:2px; background:#393939; position:absolute; top:13px;}
#history .hsty:nth-child(odd) ul li {padding-right:10px;}
#history .hsty:nth-child(even) ul li {padding-left:10px;}
#history .hsty:nth-child(odd) ul li:before {right:0;}
#history .hsty:nth-child(even) ul li:before {left:0;}
.clear {clear:both;}

@media (max-width:1000px) {
	#history:before {left:0;}
	#history:after {left:0;}
	#history .hsty {width:100%; margin-top:20px;}
	#history .hsty:nth-child(2) {margin-top:40px;}
	#history .hsty:nth-child(odd) {float:left; text-align:left; padding-left:20px; padding-right:0;}
	#history .hsty:nth-child(even) {float:left; padding-left:20px;}
	#history .hsty:before {width:20px; top:15px;}
	#history .hsty:nth-child(odd):before {left:0;}
	#history .hsty h5 {font-size:22pt; height:30px; line-height:30px;}
	#history .hsty h5:before {width:9px; height:9px; margin-top:-4px;}
	#history .hsty:nth-child(odd) h5:before {right:100%; margin-right:14px;}
	#history .hsty:nth-child(even) h5:before {left:-24px;}
	#history .hsty:nth-child(1) h5:before {width:13px; height:13px; border:solid 2px #8ac340; right:100%; margin-top:-6px; margin-right:12px;}
	#history .hsty ul {margin-top:10px;}
	#history .hsty ul li:before {top:12px;}
	#history .hsty:nth-child(odd) ul li {padding-right:0; padding-left:10px}
	#history .hsty:nth-child(even) ul li {padding-left:10px;}
	#history .hsty:nth-child(odd) ul li:before {right:100%;}
}


/* core */
.coreList {margin:0 -10px;}
.coreList:after {content:""; display:table; clear:both;}
.coreList li {float:left; width:50%; padding:5px 10px;}
.coreList li p {height:50px; line-height:48px; text-align:center; border:dashed 1px #96d02c; font-size:13pt; color:#000; font-weight:700; border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px;}
.coreWhy {padding:100px 0; background:#fbfbfb;}
.cwTitle {height:236px; text-align:center; padding-top:70px; background:url("../img/sub/core_why.png")no-repeat center center;}
.cwTitle h3 {font-size:30pt; color:#9dc933; height:40px; line-height:40px;}
.cwTitle p {font-size:18pt; color:#000; height:60px; line-height:60px;}
.cwList {}
.cwList:after {content:""; display:table; clear:both;}
.cwList li {float:left; width:50%; margin-top:100px;}
.cwList li em {display:block; height:150px; width:170px; margin-bottom:50px;}
.cwList li div {position:relative; padding-left:20px; color:#393939; border-left:solid 1px #d2c995;}
.cwList li h5 {font-size:15pt; font-weight:400;}
.cwList li p {font-size:12pt; margin-top:20px;}
.cwList li p span {display:block;}
.coreOrder {padding-bottom:120px;}
.coTitle {padding-top:40px; text-align:center;}
.coTitle h3 {font-size:30pt; color:#9dc933; font-weight:700;}
.coTitle p {font-size:18pt; color:#000; margin-top:10px;}
.coList {padding-top:90px;}
.coList:after {content:""; display:table; clear:both;}
.coList li {width:16.6666%; float:left; padding:0 12px; position:relative;}
.coList li:after {content:""; display:block; width:26px; height:41px; position:absolute; left:100%; margin-left:-14px; top:50%; margin-top:-20px; background:url("../img/sub/core_step_arrow.png")no-repeat center center;}
.coList li:last-child:after {display:none;}
.coList li > div {padding-bottom:100%; position:relative;}
.coList li > div > div {position:absolute; left:0; right:0; top:0; bottom:0; border:solid 2px #abb145; overflow:hidden; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
.coList li > div > div > div {display:table; width:100%; height:100%;}
.coList li > div > div > div > div {display:table-cell; width:100%; vertical-align:middle;}
.coList li span {display:block; height:50px; width:50px; background:#abb145; color:#fff; text-align:center; font-size:11pt; line-height:70px; font-weight:700; position:absolute; top:-25px; left:50%; margin-left:-25px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
.coList li em {display:block; height:50px;}
.coList li p {text-align:center; font-size:13pt; color:#393939; font-weight:700; margin-top:15px;}

@media (min-width:1001px) {
	.cwList li p {display:-webkit-box; white-space:normal; line-height:1.6em; height:6.4em; word-wrap:break-word; -webkit-line-clamp:4; -webkit-box-orient: vertical;}
}

@media (max-width:1000px) {
	.coreList {margin:0;}
	.coreList li {width:100%; padding:5px 0;}
	.coreList li p {height:auto; line-height:1.5em; padding:10px 20px; font-size:11pt;}
	.coreList li p span {display:block;}
	.coreWhy {padding:60px 0; background:#fbfbfb;}
	.cwTitle {height:auto; padding-top:30px; padding-bottom:30px; background-size:cover !important;}
	.cwTitle h3 {font-size:20pt; height:auto; line-height:1.4em;}
	.cwTitle p {font-size:13pt; height:auto; line-height:1.4em;}
	.cwTitle p span {display:block;}
	.cwList li {width:100%; margin-top:40px;}
	.cwList li em {height:75px; width:100%; margin-bottom:20px; background-size:auto 100% !important;}
	.cwList li div {padding-left:0; border-left:none;}
	.cwList li h5 {font-size:15pt; text-align:center; font-weight:700;}
	.cwList li p {font-size:11pt; margin-top:10px; text-align:center; line-height:1.6em;}
	.cwList li p span {display:inline;}
	.coreOrder {padding-bottom:60px;}
	.coTitle {padding-top:30px;}
	.coTitle h3 {font-size:20pt;}
	.coTitle p {font-size:13pt;}
	.coList {padding-top:30px;}
	.coList li {width:33.3333%; padding:5px;}
	.coList li:after {display:none;}
	.coList li:last-child:after {display:none;}
	.coList li > div > div {border:solid 1px #abb145;}
	.coList li span {height:40px; width:40px; font-size:10pt; line-height:60px; top:-20px; margin-left:-20px;}
	.coList li em {height:30px; background-size:auto 100% !important;}
	.coList li p {font-size:11pt; margin-top:5px;}
}


/* Partner */
.partner {margin:0 -25px;}
.partner:after {content:""; display:table; clear:both;}
.partner li {float:left; width:25%; padding:0 25px; margin-bottom:50px;}
.partner li em {display:block; height:110px; border:solid 1px #e4e4e4;}
.partner li p {font-size:11pt; text-align:center; margin-top:10px;}

@media (max-width:1000px) {
	.partner {margin:0 -5px;}
	.partner li {width:50%; padding:0 5px; margin-bottom:30px;}
	.partner li em {height:80px; background-size:cover !important;}
	.partner li p {font-size:10pt; margin-top:5px;}
}


/* location */
.location {padding-top:50px;}
.location h5 {padding:15px 0; font-size:20pt; color:#032d5e; font-weight:400;}
.location dl {padding:10px 0; font-size:13pt;  font-weight:400;}
.location dl:after {content:""; display:table; clear:both;}
.location dl dt {float:left; padding-left:40px; position:relative; padding-right:20px; margin-right:20px; color:#74a400;}
.location dl dt:before {content:""; display:block; width:30px; height:30px; position:absolute; left:0; top:50%; margin-top:-15px; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;}
.location dl dt:after {content:""; display:block; width:1px; height:10px; background:#c5c5c5; position:absolute; right:0; top:50%; margin-top:-5px;}
.location dl dt span {letter-spacing:1.7em;}
.location dl dd {float:left; white-space:nowrap;}
.loca01 dt:before {background:#9dc933 url("../img/sub/location_icon01.png")no-repeat center center;}
.loca02 dt:before {background:#9dc933 url("../img/sub/location_icon02.png")no-repeat center center;}
.loca03 dt:before {background:#9dc933 url("../img/sub/location_icon03.png")no-repeat center center;}
.loca04 dt:before {background:#9dc933 url("../img/sub/location_icon04.png")no-repeat center center;}
.locaRoute dl { font-weight:400; font-size:13pt;}
.locaRoute dl dt {padding-left:40px; position:relative; color:#000; margin-top:40px; font-weight:700;}
.locaRoute dl dt:before {content:""; display:block; width:30px; height:30px; position:absolute; left:0; top:50%; margin-top:-15px; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;}
.locaRoute dl dd {padding-left:40px; color:#393939; line-height:1.8em; margin-top:10px;}
.locaRoute dl dd span {display:block; color:#74a400;}
.rut01:before {background:#000 url("../img/sub/location_icon05.png")no-repeat center center;}
.rut02:before {background:#000 url("../img/sub/location_icon06.png")no-repeat center center;}

@media (max-width:1000px) {
	.location h5 {font-size:16pt;}
	.location dl {font-size:12pt;}
	.location dl dt {padding-left:30px; padding-right:0; margin-right:0; width:100%; font-weight:500;}
	.location dl dt:before {width:24px; height:24px; margin-top:-12px; background-size:24px auto !important;}
	.location dl dt:after {display:none;}
	.location dl dd {width:100%; padding-left:30px; white-space:normal; margin-top:10px;}
	.locaRoute dl {font-size:12pt;}
	.locaRoute dl dt {padding-left:30px; margin-top:30px;}
	.locaRoute dl dt:before {width:24px; height:24px; margin-top:-12px; background-size:24px auto !important;}
	.locaRoute dl dd {padding-left:30px; margin-top:10px;}
}


/* cn menu style add 20190426 */
.gpbMenu > li > ul > li > a > span {display:inline-block; padding-left:30px;}






/* comparison */
.cprsn th {width:220px; padding:15px 0;}
.cprsn th > div {padding-bottom:100%; position:relative;}
.cprsn th > div > div {text-align:left; position:absolute; left:0; right:0; top:0; bottom:0; border:solid 10px #d9dce1; padding:20px;}
.cprsn th > div > div:after {content:""; display:block; width:40px; height:40px; position:absolute; right:0; bottom:0; background:url("../img/common/table_line.png")no-repeat center center;}
.cprsn th u {font-size:13pt;}
.cprsn th h5 {font-size:18pt; font-weight:700; margin-top:15px;}
.cprsn th h5 span {display:block; font-size:14pt; font-weight:400;}
.cprsn th p {font-size:14pt; margin-top:10px;}
.cprsn td {padding-left:50px;}
.cprsn td p {font-size:12pt; line-height:1.6em;}
.cprsn td p span {color:#91c74b; font-weight:700;}
.cprsn td b {display:block; font-size:12pt; margin-top:15px;}

@media (max-width:1000px) {
	.cprsn {margin-top:30px;}
	.cprsn,
	.cprsn tbody,
	.cprsn tr,
	.cprsn th,
	.cprsn td {display:block; width:100%;}
	.cprsn th {width:160px; padding-bottom:20px; padding-top:0;}
	.cprsn th > div > div {border:solid 5px #d9dce1; padding:15px;}
	.cprsn th > div > div:after {width:20px; height:20px; background-size:cover !important;}
	.cprsn th u {font-size:10pt;}
	.cprsn th h5 {font-size:14pt; margin-top:10px;}
	.cprsn th h5 span {font-size:11pt;}
	.cprsn th p {font-size:12pt; margin-top:10px;}
	.cprsn td {padding-left:0; margin-bottom:30px; padding-bottom:30px; border-bottom:solid 1px #ddd;}
	.cprsn td p {font-size:11pt;}
	.cprsn td b {font-size:11pt; margin-top:10px;}
	#daumRoughmapContainer1554574104613 {width:100% !important;}
	#daumRoughmapContainer1554574104613 .wrap_map {height:300px !important;}
}



.subSwipe {overflow:visible !important;}
@media (min-width:1001px) {	
	.subSwipe .slyList {margin:0 -5px;color:#d4d4d4; transform: translateZ(0px) translateX(0px) !important; width:100% !important;}
	.subSwipe .slyList .active {}
	.subSwipe .slyList:after {content:""; display:table; clear:both;}
	.subSwipe .slyList li {}
}

@media (max-width:1000px) {
	#stMenu.sswp01 > li:nth-child(1) {width:110px;}
	#stMenu.sswp01 > li:nth-child(2) {width:110px;}
	#stMenu.sswp01 > li:nth-child(3) {width:110px;}
	#stMenu.sswp01 > li:nth-child(4) {width:110px;}
	#stMenu.sswp01 > li:nth-child(5) {width:110px;}
	#stMenu.sswp02 {width:100% !important;}
	#stMenu.sswp03 > li:nth-child(1) {width:110px;}
	#stMenu.sswp03 > li:nth-child(2) {width:110px;}
	#stMenu.sswp03 > li:nth-child(3) {width:110px;}
	#stMenu.sswp03 > li:nth-child(4) {width:130px;}
	#stMenu.sswp03 > li:nth-child(5) {width:160px;}
	#stMenu.sswp04 > li:nth-child(1) {width:110px;}
	#stMenu.sswp04 > li:nth-child(2) {width:120px;}
	#stMenu.sswp04 > li:nth-child(3) {width:110px;}
	#stMenu.sswp04 > li:nth-child(4) {width:110px;}
	#stMenu.sswp05 > li:nth-child(1) {width:110px;}
	#stMenu.sswp05 > li:nth-child(2) {width:110px;}
	#stMenu.sswp05 > li:nth-child(3) {width:110px;}
	#stMenu.sswp05 > li:nth-child(4) {width:140px;}
	#stMenu.sswp05 > li:nth-child(5) {width:110px;}
}


#bo_list {background:none !important;}
.s30iframe {width:100%; height:600px !important;}
#sfl {display:none !important;}
#bo_sch .sch_input {padding-left:5px;}
@media (max-width:1000px) {
	.bo_v_file_cnt {display:none !important;}
}



#mb_login #login_fs .btn_submit {border-radius:0px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}


/* 스포츠보틀, 주문제작상품 게시판에 추가 */
.count5000 {text-align: center; margin-bottom: 30px;}
.count5000 span{display: inline-block; width:340px; padding-top:10px; padding-bottom: 10px; /*background-color: #FFFF00;*/ font-size: 16px; font-weight: bold; transform:skew(-0.09deg);}