/* common */
@charset "utf-8";
@import url('d5796259150244668040e2faa5049e53.css');

body {background:#fff;
	font-family:"Noto Sans SC", "sans-serif", "dotum", "돋움", "gulim", "굴림", "Arial", "AppleGothic", "verdana", "helvetica";
	font-size:14px; letter-spacing:-0.05em; font-weight:400; margin:0; overflow-x:hidden; color:#231f20; line-height:1.6em;
}
#wrap {width:100%; overflow:hidden; position:relative; padding-top:154px;}
.container {width:100%; max-width:1200px; margin-left:auto; margin-right:auto; position:relative;}
.container:after {content:""; display:table; clear:both;}

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


/* GNB */
#gnbFix {position:fixed; top:0; left:0; right:0; z-index:100;}
#gnbTop {background:#3f3735; height:54px;}
#gnbTop:after {content:""; display:table; clear:both;}
#gnbSns {float:right; margin:0 -2px;}
#gnbSns:after {content:""; display:table; clear:both;}
#gnbSns li {float:left; padding:12px 2px;}
#gnbSns li a {display:block; height:30px; width:30px; text-indent:-9999px; border:solid 1px #fff; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;}
#gnbSns li:nth-child(1) a {background:url("/images/gnb_sns_facebook.png")no-repeat center center;}
#gnbSns li:nth-child(2) a {background:url("/images/gnb_sns_twitter.png")no-repeat center center;}
#gnbSns li:nth-child(3) a {background:url("/images/gnb_sns_instagram.png")no-repeat center center;}
#gnbLang {float:right; padding:15px 0; margin-right:10px;}
#gnbLang:after {content:""; display:table; clear:both;}
#gnbLang li {float:left; padding:0 12px; position:relative;}
#gnbLang li:after {content:""; display:block; width:1px; height:10px; background:#ccc; position:absolute; right:0; top:50%; margin-top:-5px;}
#gnbLang li:last-child:after {display:none;}
#gnbLang li a {display:block; font-size:12px; color:#ccc; height:24px; line-height:24px;}
#gnbBot {height:100px; background:#fff; text-align:center; -webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1);}
#gnbBot .container {height:100%;}
#gnbLogo {position:absolute; left:0; top:50%; margin-top:-27px;}
#gnbLogo a {display:block; width:132px; height:54px; text-indent:-9999px; background:url("/images/gnb_logo.png")no-repeat center center;}
#gnbUser {position:absolute; right:0; top:0; bottom:0; height:100%; padding:35px 0;}
#gnbUser:after {content:""; display:table; clear:both;}
#gnbUser li {float:left; padding-right:20px;}
#gnbUser li a {display:block; font-size:14px; color:#666; height:30px; line-height:30px;}
#gnbPc {display:inline-block;}
#gnbPc > ul:after {content:""; display:table; clear:both;}
#gnbPc > ul > li {float:left; height:100px; width:140px; position:relative; padding:40px 0;}
#gnbPc > ul > li > a {display:block; font-size:19px; letter-spacing:-0.01em; font-weight:400; height:20px; line-height:20px; position:relative; -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 > ul > li > a.current {color:#66b846;}
#gnbPc > ul > li > a.current:before {content:""; display:block; width:8px; height:8px; background:#66b846; position:absolute; top:-15px; left:50%; margin-left:-5px; border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px;}
#gnbPc > ul > li.on > a {color:#66b846;}
#gnbPc > ul > li > ul {position:absolute; top:100%; left:0; right:0; height:220px; border-left:solid 1px #e5e5e5; display:none;}
#gnbPc > ul > li:last-child > ul {border-right:solid 1px #e5e5e5;}
#gnbPc > ul > li > ul > li {padding:10px 0;}
#gnbPc > ul > li > ul > li > a {display:block; font-size:16px; letter-spacing:-0.05em; font-weight:400; color:#333; -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 > ul > li > ul > li > a:hover {color:#66b846;}
#gnbMenuBg {position:absolute; top:100px; left:-500px; right:-500px; height:220px; display:none; background:#fff; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5;}

@media (max-width:1200px) {
	#gnbLogo {left:15px;}
}

@media (min-width:1001px) {
	#gnbPc {display:inline-block;}
	#gnbM {display:none !important;}
	#gnbUser li:last-child {padding-right:0;}
}

@media (max-width:1000px) {
	#wrap {padding-top:134px;}
	#gnbSns {margin:0 -4px;}
	#gnbSns li {padding:12px 4px;}
	#gnbLang {display:none;}	
	#gnbBot {height:80px;}
	#gnbLogo {margin-top:-21px;}
	#gnbLogo a {width:110px; height:42px; background-repeat:no-repeat !important; background-position:left center !important; background-size:cover !important;}
	#gnbUser {padding:25px 0;}
	#gnbUser li {padding-right:10px;}
	#gnbUser li:last-child {padding-right:20px;}
	#gnbUser li a {font-size:10pt;}
	#gnbPc {display:none;}
	#gnbM {display:none; text-align:left; position:fixed; top:134px; left:0; right:0; bottom:0; z-index:100; background:#fff; border-top:solid 1px #e5e5e5;}
	#gnbM > ul {height:100%; overflow-y:auto; -webkit-overflow-scrolling: touch;}
	#gnbM > ul:after {content:""; display:table; clear:both;}
	#gnbM > ul > li {border-bottom:solid 1px #e5e5e5;}
	#gnbM > ul > li > span {display:block; font-size:12pt; letter-spacing:-0.01em; font-weight:500; padding:15px 15px; cursor:pointer; position:relative;}
	#gnbM > ul > li > span:after {content:""; display:block; width:12px; height:8px; position:absolute; right:15px; top:50%; margin-top:-5px; background:url("/images/gnb_arrow_down.png")no-repeat center center; background-size:100% auto !important;}
	#gnbM > ul > li > span.on:after {background:url("/images/gnb_arrow_up.png")no-repeat center center;}
	#gnbM > ul > li > ul {padding:10px 15px; display:none; border-top:solid 1px #e5e5e5;}
	#gnbM > ul > li > ul > li {padding:10px 15px;}
	#gnbM > ul > li > ul > li > a {display:block; font-size:11pt; letter-spacing:-0.05em; font-weight:400; color:#333;}
	#gnbM > ul > li:last-child dl {text-align:center; padding:10px 0;}
	#gnbM > ul > li:last-child dl dd {display:inline-block; padding:0 12px; position:relative;}
	#gnbM > 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;}
	#gnbM > ul > li:last-child dl dd:last-child:after {display:none;}
	#gnbM > ul > li:last-child dl dd a {display:block; font-size:10pt;}
	#gnbBtn {display:block; position:absolute; top:0; left:0; height:100%; cursor:pointer; padding:17px 20px; margin:0; z-index:10;}
	#gnbBtn 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;}
	#gnbBtn span.slice1 {}
	#gnbBtn span.slice2 {}
	#gnbBtn span.slice3 {margin-bottom:0;}
	#gnbBtn.on {position:absolute; right:0; top:0;}
	#gnbBtn.on span {width:34px;}
	#gnbBtn.on span.slice1 {margin-top:8px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
	#gnbBtn.on span.slice2 {opacity:0}
	#gnbBtn.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;}
}


/* Footer */
#footer {text-align:center; background:#333;}
#ftMenu {border-bottom:solid 1px #444;}
#ftMenu ul {padding:30px 0;}
#ftMenu ul li {display:inline-block; padding:0 15px;}
#ftMenu ul li a {display:block; color:#fff; font-size:15px; letter-spacing:-0.015em; font-weight:300;}
#ftTxt {padding-top:30px; padding-bottom:40px;}
#ftTxt ul li {color:#b2b2b2; font-size:15px; letter-spacing:-0.015em;}
#ftTxt p {color:#999; margin-top:30px;}
@media (max-width:1000px) {
	#ftMenu ul {padding:15px 0;}
	#ftMenu ul li {display:inline-block; padding:5px 15px;}
	#ftMenu ul li a {font-size:10pt;}
	#ftTxt {padding-top:15px; padding-bottom:30px;}
	#ftTxt ul li {display:inline; font-size:9pt;}
	#ftTxt p {font-size:9pt; margin-top:15px;}
}


/* main */
.mainBanner .slick-slide {height:630px; background-position:center top !important; background-size:auto 100% !important;}
.mainBanner .slick-arrow {display:block; width:34px; height:65px; position:absolute; top:50%; margin-top:-32px; z-index:1; text-indent:-9999px;}
.mainBanner .slick-arrow:focus {outline:none;}
.mainBanner .slick-prev {right:50%; margin-right:610px; background:url("/images/main_banner_prev.png")no-repeat center center;}
.mainBanner .slick-next {left:50%; margin-left:610px; background:url("/images/main_banner_next.png")no-repeat center center;}
.mainBanner .slick-dots {text-align:center; position:absolute; left:0; right:0; bottom:50px;}
.mainBanner .slick-dots li {display:inline-block; width:12px; height:12px; background:#999; margin:0 2px; border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px;}
.mainBanner .slick-dots li.slick-active {background:#66b846;}
.mainBanner .slick-dots li button {display:none;}

.mainSvc {padding:50px 0; border-bottom:solid 1px #e5e5e5;}
.mainSvc:after {content:""; display:table; clear:both;}
.mainSvc h3 {float:left; font-size:50px; letter-spacing:0em; color:#000; font-weight:100; line-height:1.0em;}
.mainSvc h3 span {display:block; font-size:24px; color:#999; letter-spacing:-0.025em; font-weight:100;}
.mainSvc ul {float:right; width:60%; padding-top:15px;}
.mainSvc ul:after {content:""; display:table; clear:both;}
.mainSvc ul li {float:left; text-align:center; width:25%;}
.mainSvc ul li a {display:inline-block; position:relative; padding-top:75px;}
.mainSvc ul li a em {display:block; width:46px; height:58px; background-size:cover !important; position:absolute; top:0; left:50%; margin-left:-23px;}
.mainSvc ul li a h5 {font-size:16px; color:#333; letter-spacing:-0.025em; font-weight:100;}
.mainSvc ul li a span {display:block; font-size:20px; color:#8bb841; letter-spacing:-0.025em; font-weight:400;}

.mainPdct {padding:60px 0;}
.mainPdct h3 {font-size:50px; letter-spacing:0em; color:#000; font-weight:100; line-height:1.0em; text-align:center;}
.mainPdct > a {
	display:block; width:200px; height:40px; line-height:37px; font-size:16px; color:#66b846; border:solid 1px #66b846; text-align:center; margin-left:auto; margin-right:auto; margin-top:40px;
	border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px;
	-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;
}
.mainPdct > a:hover {background:#66b846; color:#fff;}
.pdctTab {padding-top:30px; padding-bottom:15px;}
.pdctTab:after {content:""; display:table; clear:both;}
.pdctTab li {float:left; padding:0 15px; position:relative; font-weight:200;}
.pdctTab li span {display:block; font-size:16px; color:#000; letter-spacing:0em; cursor:pointer;}
.pdctTab li.current:before {content:""; display:block; width:6px; height:6px; background:#72a51e; position:absolute; left:3px; top:50%; margin-top:-3px; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px;}
.pdctTab li.current span {color:#72a51e;}

.mainNc {padding:50px 0; background:url("/images/main_notice_bg.jpg")no-repeat center center; background-size:cover !important;}
.mainNotice {float:left; width:50%; padding-left:60px;}
.mainNotice h3 {font-size:30px; color:#fff; letter-spacing:0em; font-weight:600; position:relative; margin-bottom:30px;}
.mainNotice h3:before {content:""; display:block; width:50px; height:50px; border:solid 1px #fff; position:absolute; left:-60px; top:50%; margin-top:-25px; background:url("/images/main_notice.png")no-repeat center center; border-radius: 50px 50px 50px 50px; -moz-border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px;}
.mainNtcList {}
.mainNtcList li {position:relative; margin-bottom:5px;}
.mainNtcList li:before {content:""; display:block; width:3px; height:3px; background:#fff; position:absolute; left:-15px; top:50%; margin-top:-1px;}
.mainNtcList li a {display:inline-block; vertical-align:middle; max-width:90%; color:#fff; font-size:16px; font-weight:200; letter-spacing:0em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mainCs {float:left; width:50%; padding-left:70px; position:relative;}
.mainCs:after {content:""; display:block; width:230px; height:230px; position:absolute; right:-70px; top:-10px; background:url("/images/main_cscenter_phone.png")no-repeat center center; background-size:cover !important;}
.mainCs h3 {font-size:30px; color:#fff; letter-spacing:0em; font-weight:600; position:relative; margin-bottom:30px;}
.mainCs h3:before {content:""; display:block; width:50px; height:50px; border:solid 1px #fff; position:absolute; left:-70px; top:50%; margin-top:-25px; background:url("/images/main_cscenter.png")no-repeat center center; border-radius: 50px 50px 50px 50px; -moz-border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px;}
.mainCs dl {padding-bottom:7px;}
.mainCs dl:after {content:""; display:table; clear:both;}
.mainCs dl dt {float:left; width:80px; height:23px; line-height:21px; text-align:center; color:#fff; border:solid 1px #fff; font-size:13px; border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px;}
.mainCs dl dd {float:left; font-size:20px; color:#fff; letter-spacing:0.015em; height:23px; line-height:23px; margin-left:18px; font-weight:200;}

.mainGallery {padding-top:80px; padding-bottom:50px; background:url("/images/main_gallery_bg.jpg")no-repeat center center; background-size:cover !important;}
.mainGallery h3 {font-size:50px; letter-spacing:0em; color:#000; font-weight:100; line-height:1.0em; text-align:center; margin-bottom:40px;}
.mainGlyMore {
	display:block; width:200px; height:40px; line-height:37px; font-size:16px; color:#333; border:solid 1px #333; text-align:center; margin-left:auto; margin-right:auto; margin-top:50px;
	border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px;
	-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;
}
.mainGlyMore:hover {color:#fff; background:#333;}



@media (max-width:1000px) {
	.mainBanner .slick-slide {height:300px;}
	.mainBanner .slick-arrow {display:none;}
	.mainBanner .slick-dots {bottom:15px;}
	.mainBanner .slick-dots li {width:10px; height:10px;border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;}
	.mainSvc {padding:60px 0;}
	.mainSvc h3 {width:100%; font-size:30pt; text-align:center;}
	.mainSvc h3 span {font-size:16pt;}
	.mainSvc ul {width:100%; padding-top:0;}
	.mainSvc ul li {width:50%; padding-top:40px;}
	.mainSvc ul li a {display:block; padding-top:0;}
	.mainSvc ul li a em {display:block; width:100%; height:44px; position:static; margin-left:0; background-position:center top !important; background-size:auto 100% !important; background-repeat:no-repeat !important;}
	.mainSvc ul li a h5 {font-size:12pt; font-weight:300; margin-top:10px; }
	.mainSvc ul li a span {font-size:14pt; line-height:1.2em;}
	.mainPdct h3 {font-size:30pt;}
	.mainPdct > a {width:140px;}
	.pdctTab {padding-bottom:20px;}
	.pdctTab li {width:33.3333%; padding:0; padding-top:10px;}
	.pdctTab li span {font-size:11pt; text-align:center; font-weight:300;}
	.pdctTab li.current:before {left:50%; top:0; margin-top:0; margin-left:-3px;}
	.mainNc {padding:60px 0;}
	.mainNotice {width:100%; padding-left:0;}
	.mainNotice h3 {font-size:20pt; margin-bottom:15px; padding-left:45px; letter-spacing:-0.025em;}
	.mainNotice h3:before {width:35px; height:35px; left:0; margin-top:-19px; background-size:cover !important;}
	.mainNtcList li {margin-bottom:5px; padding-left:10px;}
	.mainNtcList li:before {left:0;;}
	.mainNtcList li a {max-width:95%; font-size:11pt; font-weight:300;}
	.mainCs {width:100%; margin-top:60px; padding-left:0;}
	.mainCs:after {width:150px; height:150px; right:-40px; top:25px;}
	.mainCs h3 {font-size:20pt; margin-bottom:15px; padding-left:45px; letter-spacing:-0.025em;}
	.mainCs h3:before {width:35px; height:35px; left:0; margin-top:-19px; background-size:cover !important;}
	.mainCs dl {padding-bottom:10px;}
	.mainCs dl dt {width:70px; font-size:9pt;}
	.mainCs dl dd {font-size:12pt; margin-left:10px;}
	.mainGallery {padding-top:60px; padding-bottom:60px;}
	.mainGallery h3 {font-size:30pt; margin-bottom:30px;}
	.mainGlyMore {width:140px;}

}



/* board */
.brdPage {padding-top:60px; padding-bottom:60px;}
.subTitle {padding:80px 0; text-align:center;}
.subTitle h2 {font-size:52px; letter-spacing:-0.05em; color:#010101; font-weight:600; line-height:1.2em;}
.subTitle p {font-size:17px; letter-spacing:-0.025em; color:#333; margin-top:20px; font-weight:300;}
.subTitle {background-repeat:no-repeat !important; background-position:center center !important; background-size:cover !important;}
.subTitle.stBg01 {background:url("/images/subtitle_bg_1.jpg");}
.subTitle.product {background:url("/images/subtitle_bg_2.jpg");}
.subTitle.stBg03 {background:url("/images/subtitle_bg_3.jpg");}
.subTitle.stBg04 {background:url("/images/subtitle_bg_4.jpg");}
.subTitle.stBg05 {background:url("/images/subtitle_bg_5.jpg");}
.prdtTab01 {margin:0 auto; width:600px;}
.prdtTab01 > ul:after {content:""; display:table; clear:both;}
.prdtTab01 > ul > li {float:left; border:solid 1px #dcdcdc; border-right:none; position:relative;}
.prdtTab01 > ul.col1 > li {width:100%;}
.prdtTab01 > ul.col2 > li {width:50%;}
.prdtTab01 > ul.col3 > li {width:33.3333%;}
.prdtTab01 > ul.col4 > li {width:25%;}
.prdtTab01 > ul.col5 > li {width:20%;}
.prdtTab01 > ul.floatNon li {float:none; margin:0 auto;}
.prdtTab01 > ul > li:last-child {border-right:solid 1px #dcdcdc;}
.prdtTab01 > ul > li > a {display:block; font-size:18px; color:#000; letter-spacing:0em; text-align:center; height:48px; line-height:48px; background:#f1f1f1;}
.prdtTab01 > ul > li.current {border-color:#59ac3a !important;}
.prdtTab01 > ul > li.current > a {background:#59ac3a; color:#fff;}
.prdtTab01 > ul > li > ul {position:absolute; top:100%; width:600px; left:50%; margin-left:-300px; text-align:center; padding-top:20px;}
.prdtTab01 > ul > li > ul > li {display:inline-block; padding:0 15px; position:relative;}
.prdtTab01 > ul > li > ul > li > a {display:block; font-size:17px; color:#333; letter-spacing:0em; font-weight:300; -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;}
.prdtTab01 > ul > li > ul > li > a:hover,
.prdtTab01 > ul > li > ul > li.current > a {color:#59ac3a;}
.prdtTab01 > ul > li > ul > li.current:before {content:""; display:block; width:6px; height:6px; background:#59ac3a; position:absolute; left:3px; top:50%; margin-top:-3px; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px;}
.prdtTitle {padding-top:90px; padding-bottom:40px; text-align:center;}
.prdtTitle h3 {font-size:40px; letter-spacing:-0.05em; color:#000; font-weight:300; line-height:1.2em;}
.prdtTab02 {padding-bottom:20px;}
.prdtTab02 > ul:after {content:""; display:table; clear:both;}
.prdtTab02 > ul > li {float:left; border-right:solid 1px #dcdcdc;}
.prdtTab02 > ul > li:last-child {border-right:none;}
.prdtTab02 > ul > li > a {display:block; height:44px; line-height:44px; text-align:center; color:#333; font-size:16px; font-weight:300; background:#f1f1f1; padding:0 15px;}
.prdtTab02 > ul > li.current {}
.prdtTab02 > ul > li.current > a {background:#737373; color:#fff;}

@media (max-width:1000px) {
	.brdPage {padding-top:30px; padding-bottom:40px;}
	.subTitle {padding:30px 0;}
	.subTitle h2 {font-size:20pt;}
	.subTitle p {font-size:9pt; margin-top:0;}
	.prdtTab01 {width:100%;}
	.prdtTab01 > ul {position:relative;}
	.prdtTab01 > ul:after {content:""; display:table; clear:both;}
	.prdtTab01 > ul > li > a {font-size:11pt; height:40px; line-height:40px; letter-spacing:-0.05em;}
	.prdtTab01 > ul > li {position:static;}
	.prdtTab01 > ul > li > ul {top:100%; width:100%; left:0; margin-left:0; padding-top:20px;}
	.prdtTab01 > ul > li > ul > li {padding:0 10px;}
	.prdtTab01 > ul > li > ul > li > a {font-size:11pt; letter-spacing:-0.05em;}
	.prdtTab01 > ul > li > ul > li.current:before {left:0;}
	.prdtTitle {padding-top:80px; padding-bottom:20px;}
	.prdtTitle h3 {font-size:20pt;}
	.prdtTab02 {padding-bottom:20px; text-align:center;}
	.prdtTab02 > ul > li {float:none; border-right:none; display:inline-block;}
	.prdtTab02 > ul > li > a {height:36px; line-height:34px; font-size:10pt; padding:0 10px; margin:3px 2px; background:none; border:solid 1px #ddd;}
	.prdtTab02 > ul > li.current > a {background:#737373; border:solid 1px #737373; color:#fff;}
}


/* subPage */
.subPage {padding-top:60px; padding-bottom:200px;}
.container.login {padding-top:100px; padding-bottom:100px;}
.container.join {padding-top:100px; padding-bottom:100px;}
.container.modify {padding-top:100px; padding-bottom:100px;}
.container.joinForm {padding-top:30px; padding-bottom:100px;}
.container.joinSccs {padding-top:100px; padding-bottom:100px;}
.subTab {margin:0 auto; width:780px;}
.subTab:after {content:""; display:table; clear:both;}
.subTab > li {float:left; border:solid 1px #dcdcdc; border-right:none; position:relative;}
.subTab.col1 > li {width:100%;}
.subTab.col2 > li {width:50%;}
.subTab.col3 > li {width:33.3333%;}
.subTab.col4 > li {width:25%;}
.subTab.col5 > li {width:20%;}
.subTab > li:last-child {border-right:solid 1px #dcdcdc;}
.subTab > li > a {display:block; font-size:18px; color:#000; letter-spacing:0em; text-align:center; height:48px; line-height:48px; background:#f1f1f1;}
.subTab > li.current {border-color:#59ac3a !important;}
.subTab > li.current > a {background:#59ac3a; color:#fff;}
.subTab > li > ul {position:absolute; top:100%; width:400px; left:50%; margin-left:-200px; text-align:center; padding-top:20px;}
.subTab > li > ul > li {display:inline-block; padding:0 15px; position:relative;}
.subTab > li > ul > li > a {display:block; font-size:17px; color:#333; letter-spacing:0em; font-weight:300; -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;}
.subTab > li > ul > li > a:hover,
.subTab > li > ul > li.current > a {color:#59ac3a;}
.subTab > li > ul > li.current:before {content:""; display:block; width:6px; height:6px; background:#59ac3a; position:absolute; left:3px; top:50%; margin-top:-3px; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px;}


@media (max-width:1000px) {
	.subPage {padding-top:30px; padding-bottom:60px;}
	.container.login {padding:0;}
	.container.join {padding-top:60px; padding-bottom:60px;}
	.container.modify {padding:0;}
	.container.joinForm {padding-top:30px; padding-bottom:60px;}
	.container.joinSccs {padding-top:60px; padding-bottom:60px;}
	.subTab {width:100%; position:relative;}
	.subTab > li {position:static;}
	.subTab > li > a {font-size:11pt; height:40px; line-height:40px; letter-spacing:-0.05em;}
	.subTab > li > ul {top:100%; width:100%; left:0; margin-left:0; padding-top:20px;}
	.subTab > li > ul > li {padding:0 10px;}
	.subTab > li > ul > li > a {font-size:11pt; letter-spacing:-0.05em;}
	.subTab > li > ul > li.current:before {left:0;}
}


/* introduce */
.cpnyTitle {padding:100px 0;}
.cpnyTitle h3 {font-size:40px; font-weight:300; color:#000; line-height:1.2em; text-align:center; letter-spacing:-0.05em;}
.itdcCont:after {content:""; display:table; clear:both;}
.itdcImg {float:left; width:50%; position:relative;}
.itdcImg img {display:block; width:100%;}
.itdcImg h5 {font-size:16px; color:#fff; letter-spacing:-0.05em; line-height:2.0em; font-weight:300; padding:20px; background:#3f3735; position:absolute; right:50px; bottom:-60px; text-align:right;}
.itdcImg h5 span {display:block;}
.itdcImg h5 span b {font-size:26px; font-weight:400; margin-left:10px;}
.itdcTxt {float:left; width:50%;}
.itdcTxt h4 {font-size:45px; color:#000; font-weight:400; letter-spacing:-0.075em; line-height:1.2em;}
.itdcTxt p {font-size:16px; margin-top:70px; font-weight:300; line-height:1.8em; color:#4c4c4c;}
.itdcTxt p span {display:block;}
.itdcTxt p b {font-size:20px; font-weight:400; line-height:2.4em; display:block;}


@media (max-width:1000px) {
	.cpnyTitle {padding:40px 0;}
	.cpnyTitle h3 {font-size:20pt;}
	.itdcImg {width:100%; margin-top:50px; padding-bottom:30px; margin-bottom:60px;}
	.itdcImg h5 {font-size:10pt; padding:15px; right:30px; bottom:-30px;}
	.itdcImg h5 span b {font-size:14pt; margin-left:5px;}
	.itdcTxt {width:100%; padding-bottom:0;}
	.itdcTxt h4 {font-size:20pt; line-height:1.3em;}
	.itdcTxt p {font-size:11pt; margin-top:30px; line-height:1.6em;}
	.itdcTxt p span {display:block;}
	.itdcTxt p b {line-height:1.2em; font-size:13pt; margin-bottom:10px;}
}


/* company */
.cpnyTxt {}
.cpnyTxt h4 {text-align:center; font-size:45px; letter-spacing:-0.05em; color:#000; line-height:1.2em; font-weight:400;}
.cpnyTxt h5 {text-align:center; font-size:20px; color:#59ac3a; letter-spacing:-0.01em; font-weight:400; line-height:1.4em; padding-top:50px; padding-bottom:30px;}
.cpnyTxt h5 span {display:block;}
.cpnyTxt h6 {color:#666; font-size:16px; font-weight:300; line-height:1.5em; text-align:center; padding-top:30px;}
.cpnyTxt h6 span {display:block;}
.cpnyTxt p {color:#666; font-size:16px; font-weight:300; line-height:1.5em;}
.cpnyImg {position:relative; padding-bottom:60px;}
.cpnyImg img {display:block; margin:0 auto; max-width:100%;}
.cpnyImg span {display:block; width:450px; height:80px; background:#222e50; color:#fff; line-height:80px; text-align:center; font-size:20px; letter-spacing:-0.01em; font-weight:400; position:absolute; left:50%; margin-left:-225px; bottom:30px;}
.cpnyVision {position:relative; margin:90px 0;}
.cpnyVision > div {display:table; margin:0 auto; width:270px; height:270px; background:#59ac3a; border-radius: 270px 270px 270px 270px; -moz-border-radius: 270px 270px 270px 270px; -webkit-border-radius: 270px 270px 270px 270px;}
.cpnyVision > div > div {display:table-cell; width:100%; vertical-align:middle; text-align:center; color:#fff; font-size:30px; letter-spacing:-0.05em; line-height:1.2em;}
.cpnyVision > div > div span {display:block; font-size:18px;}
.cpnyVision:before {content:""; display:block; width:10px; height:10px; background:#000; position:absolute; left:50%; bottom:-5px; margin-left:-5px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;}
.cpnyVision:after {content:""; display:block; width:2px; height:80px; position:absolute; left:50%; margin-left:-1px; bottom:-80px; background:url("/images/company_dotted.png");}
.cpnySub h4 {color:#59ac3a; font-size:30px; letter-spacing:-0.05em; font-weight:400; text-align:center; padding-top:100px; padding-bottom:30px; line-height:1.4em;}
.cpnyGachi {width:800px; margin:0 auto;}
.cpnyGachi ul {margin:0 -20px;}
.cpnyGachi ul:after {content:""; display:table; clear:both;}
.cpnyGachi ul li {width:33.3333%; float:left; padding:0 20px;}
.cpnyGachi ul li div {padding:60px 0; border:solid 1px #aeaeae; text-align:center;}
.cpnyGachi ul li div h5 {font-size:25px; color:#000; letter-spacing:-0.05em; position:relative; padding-bottom:30px; line-height:1.2em;}
.cpnyGachi ul li div h5:after {content:""; display:block; width:10px; height:2px; background:#000; position:absolute; left:50%; margin-left:-5px; bottom:0;}
.cpnyGachi ul li div p {color:#666; font-size:18px; font-weight:300; padding:30px 0;}
.cpnyGachi ul li div em {display:block; width:120px; height:120px; margin:0 auto; border-radius: 120px 120px 120px 120px; -moz-border-radius: 120px 120px 120px 120px; -webkit-border-radius: 120px 120px 120px 120px; background-size:cover !important;}
.cpnyGachi ul li:nth-child(1) div em {background:url("/images/company_gachi01.png");}
.cpnyGachi ul li:nth-child(2) div em {background:url("/images/company_gachi02.png");}
.cpnyGachi ul li:nth-child(3) div em {background:url("/images/company_gachi03.png");}
.cpnyPrdct ul {}
.cpnyPrdct ul:after {content:""; display:table; clear:both;}
.cpnyPrdct ul li {position:relative; padding:0 55px; width:25%; float:left;}
.cpnyPrdct ul li:before,
.cpnyPrdct ul li:after {content:""; display:block; width:50%; height:1px; position:absolute; top:0; background:url("/images/company_product_dotted01.png");}
.cpnyPrdct ul li:before {left:0;}
.cpnyPrdct ul li:after {right:0;}
.cpnyPrdct ul li:first-child:before,
.cpnyPrdct ul li:last-child:after {display:none;}
.cpnyPrdct ul li div {text-align:center; padding-top:50px; position:relative;}
.cpnyPrdct ul li div:before {content:""; display:block; width:1px; height:50px; position:absolute; left:50%; top:0; background:url("/images/company_product_dotted02.png");}
.cpnyPrdct ul li div em {display:block; width:150px; height:150px; margin:0 auto; border-radius: 150px 150px 150px 150px; -moz-border-radius: 150px 150px 150px 150px; -webkit-border-radius: 150px 150px 150px 150px; background-size:cover !important;}
.cpnyPrdct ul li:nth-child(1) div em {background:url("/images/company_product_img01.jpg");}
.cpnyPrdct ul li:nth-child(2) div em {background:url("/images/company_product_img02.jpg");}
.cpnyPrdct ul li:nth-child(3) div em {background:url("/images/company_product_img03.jpg");}
.cpnyPrdct ul li:nth-child(4) div em {background:url("/images/company_product_img04.jpg");}
.cpnyPrdct ul li div p {font-size:18px; color:#000; letter-spacing:0em; padding-top:10px; padding-bottom:20px;}
.cpnyPrdct ul li div a {display:inline-block; width:100px; height:30px; line-height:30px; background:#5f231e; color:#fff; font-size:12px;}

@media (max-width:1000px) {
	.cpnyTxt h4 {font-size:20pt;}
	.cpnyTxt h5 {font-size:12pt; padding-top:30px; padding-bottom:20px;}
	.cpnyTxt h5 span {display:inline;}
	.cpnyTxt h6 {font-size:11pt; padding-top:15px;}
	.cpnyTxt h6 span {display:inline;}
	.cpnyTxt p {font-size:11pt;}
	.cpnyImg {padding-bottom:40px;}
	.cpnyImg span {width:300px; height:40px; line-height:40px; font-size:12pt; margin-left:-150px; bottom:20px;}
	.cpnyVision {margin:60px 0;}
	.cpnyVision > div {width:200px; height:200px;}
	.cpnyVision > div > div {font-size:14pt;}
	.cpnyVision > div > div span {font-size:11pt;}
	.cpnyVision:after {width:1px; height:50px; margin-left:0; bottom:-50px; background-size:100% auto;}
	.cpnySub h4 {font-size:20pt; padding-top:60px; padding-bottom:20px;}
	.cpnyGachi {width:100%;}
	.cpnyGachi ul {margin:0 -3px;}
	.cpnyGachi ul li {padding:0 3px;}
	.cpnyGachi ul li div {padding:30px 0;}
	.cpnyGachi ul li div h5 {font-size:14pt; padding-bottom:20px;}
	.cpnyGachi ul li div p {font-size:10pt; padding:20px 0; line-height:1.2em; letter-spacing:0em;}
	.cpnyGachi ul li div p span {display:block;}
	.cpnyGachi ul li div em {width:80px; height:80px;}
	.cpnyPrdct ul li {padding:30px 15px; width:50%;}
	.cpnyPrdct ul li:before,
	.cpnyPrdct ul li:after {display:none;}
	.cpnyPrdct ul li div {padding-top:0;}
	.cpnyPrdct ul li div:before {display:none;}
	.cpnyPrdct ul li div em {width:100%; height:auto; padding-bottom:100%;}
	.cpnyPrdct ul li div p {font-size:11pt; padding-top:5px; padding-bottom:10px;}
	.cpnyPrdct ul li div a {font-size:10pt;}
}


/* history */
.hstyTab {position:relative; width:840px; margin:0 auto;}
.hstyTab:before {content:""; display:block; height:1px; background:#dedee1; position:absolute; left:-500px; right:-500px; top:15px;}
.hstyTab:after {content:""; display:table; clear:both;}
.hstyTab li {width:33.3333%; float:left; text-align:center;}
.hstyTab li span {font-size:20px; color:#9c9c9c; letter-spacing:0em; font-weight:500; display:inline-block; cursor:pointer;}
.hstyTab li.current span {color:#012b5d;}
.hstyTab li span em {display:block; position:relative; margin:0 auto; margin-bottom:10px; width:30px; height:30px; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;}
.hstyTab li span em:before {content:""; display:block; width:6px; height:6px; background:#012b5d; position:absolute; left:50%; top:50%; margin-left:-3px; margin-top:-3px; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px;}
.hstyTab li.current em {border:solid 1px #012b5d;}
.hstyCont {padding-top:100px;}
.hstyCont h5 {text-align:center; font-size:45px; color:#012b5d; letter-spacing:0em; line-height:1.4em; padding-bottom:20px;}
.hstyCont div {text-align:center; background:#f3f3f3;}
.hstyCont ul {display:inline-block; padding:20px 0;}
.hstyCont ul li {padding:20px 0;}
.hstyCont ul li dl {}
.hstyCont ul li dl:after {content:""; display:table; clear:both;}
.hstyCont ul li dl dt {float:left; font-size:18px; color:#012b5d; letter-spacing:-0.01em; font-weight:500; padding-right:130px; margin-right:15px; background:url("/images/history_dotted.png")no-repeat right center;}
.hstyCont ul li dl dd {float:left; text-align:left;}
.hstyCont ul li dl dd p {font-size:16px; color:#666; letter-spacing:-0.01em; font-weight:300; margin-bottom:5px;}

@media (max-width:1000px) {
	.hstyTab {width:100%;}
	.hstyTab li span {font-size:11pt; letter-spacing:-0.05em;}
	.hstyCont {padding-top:60px;}
	.hstyCont h5 {font-size:20pt; padding-bottom:20px;}
	.hstyCont ul {padding:20px 0;}
	.hstyCont ul li {padding:10px 0;}
	.hstyCont ul li dl dt {font-size:11pt; padding-right:0; margin-right:15px; background:none;}
	.hstyCont ul li dl dd p {font-size:11pt; margin-bottom:2px;}
}


/* agency */
.agcyImg {padding:50px 15px; background:#f3f3f3;}
.agcyImg.bgNon {background:none;}
.agcyImg img {display:block; margin:0 auto; max-width:100%;}
.agcyTxt {text-align:center;}
.agcyTxt h4 {font-size:35px; color:#037532; line-height:1.4em; padding-top:50px; letter-spacing:0em;}
.agcyTxt h4.vtn {padding-bottom:30px;}
.agcyTxt h5 {font-size:18px; color:#000; line-height:1.4em; padding-top:50px; letter-spacing:-0.01em; font-weight:600; margin-bottom:20px;}
.agcyTxt h5 span {display:block;}
.agcyTxt p {font-size:16px; color:#666; line-height:1.6em; letter-spacing:-0.01em; font-weight:300; padding-bottom:50px;}
.agcyTxt p span {display:block;}
.agcyTxt p em {display:none;}
.agcyTable {border-collapse:collapse; border-spacing:0; table-layout:fixed; width:100%; margin:10px 0;}
.agcyTable th,
.agcyTable td {font-size:16px; color:#000; font-weight:300; letter-spacing:0em; border:solid 1px #ebebeb; padding:30px;}
.agcyTable th {text-align:center; background:#ebebeb;}
.agcyTable td {text-align:left; color:#666;}
.agcyTable td span {color:#000;}

@media (max-width:1000px) {
	.agcyTitle {padding-top:80px;}
	.agcyImg {padding:30px 15px;}
	.agcyTxt h4 {font-size:20pt; padding-top:30px;}
	.agcyTxt h4.vtn {padding-bottom:15px;}
	.agcyTxt h5 {font-size:12pt; padding-top:30px; margin-bottom:20px;}
	.agcyTxt h5 span {display:inline;}
	.agcyTxt p {font-size:11pt; padding-bottom:30px;}
	.agcyTxt p span {display:inline;}
	.agcyTxt p em {display:block;}
	.agcyTable {border-collapse:collapse; border-spacing:0; table-layout:fixed; width:100%;}
	.agcyTable th,
	.agcyTable td {font-size:10pt; letter-spacing:-0.05em;; padding:15px 10px; line-height:1.4em;}
}


/* R&D */
.rndTxt {text-align:center;}
.rndTxt h4 {font-size:40px; letter-spacing:-0.05em; color:#000; line-height:1.2em; font-weight:500;}
.rndTxt p {padding:50px 0; font-size:16px; color:#666; line-height:1.6em; letter-spacing:-0.01em; font-weight:300;}
.rndTxt p span {display:block; font-size:18px; color:#000; font-weight:500; margin-bottom:10px;}
.rndImg {border:solid 1px #012b5d; background:#f1f1f1; padding:4px;}
.rndImg div {background:#fff; padding:50px 0;}
.rndImg div img {display:block; margin:0 auto; max-width:100%;}

@media (max-width:1000px) {
	.rndTxt h4 {font-size:17pt; letter-spacing:-0.075em; line-height:1.4em;}
	.rndTxt p {padding:30px 0; font-size:11pt;}
	.rndTxt p span {font-size:12pt;}
	.rndImg div {padding:30px;}
}





.brdInfo {padding:30px 0;}
.brdInfo img {display:block; margin:0 auto; max-width:100%;}
.brdDetail {padding:30px 0;}
.brdDetail img {display:block; margin:0 auto; max-width:100%;}


/* add temporary by dstory */
#gall_allchk {display: none;}





.privacy {padding-top:70px; padding-bottom:100px;}
.privacy h2 {text-align:center; font-size:40px; color:#000; padding-bottom:60px;}
.privacy p {font-size:16px; color:#666; font-weight:300; line-height:1.8em;}
.privacy h5 {font-size:18px; color:#333; font-weight:700; margin-top:40px;}
.privacy ul {padding-left:5px;}
.privacy ul li {font-size:16px; color:#666; font-weight:300; line-height:1.8em;}

@media (max-width:1000px) {
	.privacy {padding:30px 15px;}
	.privacy h2 {font-size:18pt; padding-bottom:30px;}
	.privacy p {font-size:10pt;}
	.privacy h5 {font-size:10pt; margin-top:20px;}
	.privacy ul {padding-left:3px;}
	.privacy ul li {font-size:10pt;}
}