@charset "utf-8";

/* ---------------------------------------------------
POINTWEB.co.kr
Style Markup ver1.0 2014-01-17
---------------------------------------------------- */

#piw_wrapper{position:relative;height:100%;width:100%}

.layout {width:1200px;margin:0 auto;position:relative}
.layout::after {content:"";width:100%;display:inline-block}

.green {color:#d5ff6e !important}

/* Header */
.top-border{position:fixed;right: 0;top: 0;width:100%;height:80px;left:0;z-index: 99;border-bottom:1px solid rgba(255,255,255,0.2);background-color:rgba(50,50,51,0.15)}
.logo-top {position:relative;float:left;padding-top:21px}
/* Menu */
.nav {display: inline-block;position:relative;text-align:right;z-index:100;float:right;margin-top:30px}
.nav li {position: relative;float:left;margin:0 18px;text-align:center;display: inline-block;overflow: hidden}
.nav li:last-child {margin-right:0}
.nav a, .nav a {position:relative;color:#fff;;font-size:17px;font-weight:500;display:inline-block;transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out;}
.nav a:hover, .nav a:active, .nav li.on a {color:#d4ff6d}

/* Header2 */
.top-border2 {position:relative;width:100%;height:80px;border-bottom:1px solid #dedede;background:#fff;}
	/* Header2  Menu */
.top-border2 .nav a {position:relative;color:#434343;font-size:17px;font-weight:500;display:inline-block;transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out;}
.top-border2 .nav a:hover, .top-border2 .nav a:active, .top-border2 .nav li.on a {color:#85a732}

.marrow {display:inline-block;position:absolute;z-index:999; top:73px;left:0;
  width: 0px;height: 0px;
  border-top:10px solid none;
  border-bottom:10px solid #fff;
  border-right: 10px solid transparent;
  border-left:10px solid  transparent;
}
.top-border2 .marrow {border-bottom:10px solid #85a732}

.submenu {width:100%;height:280px;position:absolute;top:80px;background-color:#fff;z-index:99999;display:none;}
.submenu .sublist {display:inline-block;width:978px;padding:25px 0 0 20px}
.submenu .sublist > li {float:left;width:14%;position: relative;}
.submenu .sublist > li:nth-child(5),.submenu .sublist > li:nth-child(6),.submenu .sublist > li:nth-child(7),.submenu .sublist > li:nth-child(8){width:10%}
.submenu .sublist > li:nth-child(7){left:-8px}
.submenu .sublist > li:nth-child(8){lefT:-12px}
.submenu .sublist > li:nth-child(9){left:10px;}
.submenu .sublist > li > ul > li {margin:0 0 15px 5px}
.submenu .sublist > li > ul > li.on {color:#85a732}
.submenu .sublist li a {font-size:14px;font-weight:400;color:#636363}
.submenu .sublist li a:hover,.submenu .sublist li.on a {color:#85a732}
.submenu .menutxt {width:204px;text-align:center;margin:30px 0 0 0;border-right:1px solid #e2e2e2;float:left;padding:5px 0}
.submenu .menutxt li {margin-bottom:15px}
.submenu .menutxt li.on a {color:#85a732}

/* Quick menu */
.q_view {position:fixed;right:60px;top:50%;transform:translateY(-50%);width:90px;border:1px solid #dedede;text-align:center;z-index:10}
.q_view h2 {width:100%;padding:12px 0;font-size:16px;line-height:1.2em;color:#fff;border-bottom:1px solid #999;background:rgba(0,0,0,0.4)}
.q_view li {width:100%;background:#fff;margin-top:-1px;border-bottom:1px solid #aeaeae;}
.q_view li.q_blog {border-bottom:0;}
.q_view li a {display:block;font-size:14px;text-align:center;padding:5px 0;line-height:30px}
.q_view li a p{display:block;font-size:14px;text-align:center;padding:11px 0;}
.q_view li a span {width:36px;height:40px;display:block;margin:8px auto 0 auto;background:url("/_public/images/main/quick_icon.png") no-repeat 0 0/auto 100%}
.q_view .q_con li:nth-child(1) a span {background-position:-53.3px 0}
.q_view .q_con li:nth-child(2) a span {background-position:-105px 0}
.q_view .q_con li:nth-child(3) a span {background-position:-205px 0}
.q_view .q_con li:nth-child(4) a span {background-position:-156.51px 0}
.q_view .q_con li:nth-child(6) a span {background-position:-257px 0}
.q_view li a:hover, .q_view li a:hover > p {color:#85a732}
.q_view .q_sns {width:100%;background:#375593}
.q_view .q_sns a {font-size:14px;color:#fff;line-height:36px;}
.q_view .q_sns a:hover {opacity:0.7}


.demo-inner-content {width:100%;height:100%;}
.vis_txtarea {text-align:left;z-index:10;position:absolute;display:inline-block;color:#2c2c2c}
.vt1 {top: 25%;left: 18.5%}
.vt2 {top: 50%;right: 14%}
.vt3 {top:55%;right: 15%;}
.vis_txtarea span {font-size:36px;display:block;font-weight:500;line-height: 1.2;margin-bottom:22px;color:#2c2c2c;}
.vis_txtarea strong {text-transform:capitalize;display:block;color:#2c2c2c;font-weight:600;line-height: 1.2;font-size:45px}
.vis_txtarea p {font-size:25px;color:#2c2c2c;}
.vis_txtarea span, .vis_txtarea strong, .nmfont {font-family: 'Nanum Myeongjo', serif;}
.vt2 span,.vt2 strong, .vt3 span, .vt3 strong {color: #fff;}
.vt2 strong {margin-bottom: 5px}

.fcw p, .fcw span, .fcw h2, .fcw strong,.fcw li,.fcw h4,.fcw dt,.fcw dd {color:#fff;}
.mtarea h2.title {font-size:44px;font-weight:600;color:#fff;}
.mtarea h3.title {font-size:46px;color:#d4ff6d;font-weight:600}
.mtarea .txt {font-size:34px;font-weight:300;margin:30px 0 65px 0;line-height:1.2;;color:#fff;}
.msubtxt {font-weight:300;line-height:1.5}
.cntwrap {position:relative;display: inline-block;width: 100%;}
/*.btnarea {width:100%;text-align:center;left:0;right:0;bottom:40px;margin:0 auto}*/

.mbtn {border:1px solid #fff;border-radius:50px;width:153px;display:inline-block;text-align:center;color:#fff !important;padding:13px 0 14px 0;position:relative;transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out}
.mbtn::before, .mbtn::after {content:"";display:inline-block;width:3px;height:11px;background-color:#fff;position:absolute;overflow:hidden}
.mbtn::before {right:-1rem;top:0.8rem;-ms-transform: rotate(-30deg); /* IE 9 */-webkit-transform: rotate(-30deg); /* Chrome, Safari, Opera */transform: rotate(-30deg)}
.mbtn::after {right:-1rem;top:1.22rem;-ms-transform: rotate(30deg); /* IE 9 */-webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */transform: rotate(30deg)}
.mbtn2 {border:0;background-color:rgba(128,165,58,0.9)}
.mbtn:hover {background-color:#fff;color:#85a732 !important;}
.test {width:100%;display:table;height:100%}



#section1,#section2,#section3,#section4,#section5,#section6,#section7,#section8 {width:100%;height:100%;position:relative;overflow:hidden;}

#section1 .bxslider .slide img{
	width:100%;
	height:100%;
	-ms-transform: scale(1.08,1.08); /* IE 9 */
	-o-transform: scale(1.08,1.08); /* IE 9 */
	-moz-transform: scale(1.08,1.08); /* IE 9 */
	-webkit-transform: scale(1.08,1.08); /* Chrome, Safari, Opera */
	 transform: scale(1.08,1.08);
	-webkit-transition:transform 5000ms  ease-in-out ; /* Safari */
	-moz-transition:transform 5000ms ease-in-out ; /* Safari */
	-o-transition:transform 5000ms ease-in-out ; /* Safari */
	-ms-transition:transform 5000ms ease-in-out ; /* Safari */
	transition:transform 5000ms ease-in-out ;
}
#section1 .bxslider .active > img {
	-ms-transform: scale(1,1); /* IE 9 */
	-o-transform: scale(1,1); /* IE 9 */
	-moz-transform: scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
	transform: scale(1,1);
}

#section2 {background-color:#85a732; text-align:center;}
#section2 .warpleft,
#section5 .warpleft {width:50%;float:left;height:100%;overflow:hidden}
#section2 .warpright,
#section5 .warpright {width:50%;height:100%;float:left;overflow:hidden;text-align:left}
#section6 .warpright {width:50%;height:100%;float:left;overflow:hidden;text-align:left}
#section2 .layout {width:487px;display:inline-block;height:100%;margin-left:113px}
#section2 .cntwrap,
#section3 .cntwrap,
#section4 .cntwrap,
#section5 .cntwrap,
#section7 .cntwrap {display:inline-block;position:absolute;top:50%;left:50%;color:#2c2c2c;-ms-transform:translate(-50%,-50%); /* IE */-webkit-transform:translate(-50%,-50%); /* Chrome, Safari, Opera */ transform:translate(-50%,-50%)}
#section2 .cntwrap,
#section3 .cntwrap,
#section4 .cntwrap {top:55%}
#section5 .cntwrap {top:55%}
#section6 .cntwrap {top:55%}
#section2 .box {margin-top:60px;background:url("/_public/images/main/section2_2.png") no-repeat;position:relative;}
#section2 .box ul:after {content:"";display:block;clear:both}
#section2 .box ul li {display:inline-block;float:left;margin:0 20px;font-size:18px;font-weight:400;padding-top:160px;color:#fff;}
#section2 .box ul li:first-child {margin-left:0}
#section2 .box ul li:last-child {margin-right:0}
#section2 .btnarea, #section3 .btnarea, #section4 .btnarea {position:relative;clear:both;margin-top:40px}


#section3 {background:url("/_public/images/main/section3_1.jpg") top no-repeat;background-size:cover}
#section3 .layout, #section4 .layout, #section7 .layout, #section8 .layout {width:1200px;display:inline-block;height:100%;text-align:left}
#section3 .mtarea h3.title {margin-bottom:30px;line-height:1.2}
#section3 .box {width:100%;margin-top:60px;display:inline-block}
#section3 .box ul li {width:170px;float:left;margin-right:36px;text-align:center;padding-top:93px;background:url("/_public/images/main/section3_2.png") no-repeat}
#section3 .box ul li:last-child {margin-right:0}
#section3 .box ul li.icon2 {background-position:-207px 0}
#section3 .box ul li.icon3 {background-position:-414px 0}
#section3 .box ul li.icon4 {background-position:-616px 0}
#section3 .box ul li.icon5 {background-position:-820px 0}
#section3 .box ul li.icon6 {background-position:-1025px 0}
#section3 .box ul li p {font-weight:300;margin-top:17px}
#section3 .box ul li p:before {content:"";display:block;border-top:1px solid rgba(255,255,255,0.6);width:100%;padding-top:28px}
#section3 .box ul li p strong {font-weight:500}
#section3 .box ul li h4,#section6 .box li h4 {font-size:21px;color:#d5ff6e;font-weight:500;position:relative}


#section4 {background:url("/_public/images/main/section4_1.jpg") top no-repeat;background-size:cover; text-align:center;}
#section4 .cntwrap {text-align:center}
#section4 .mtarea {text-align:right;margin-left:600px}
#section4 .mtarea .txt {margin-bottom:60px}
#section4 .mst1 {font-size:18px}
#section4 .mst2 {font-size:16px;padding:15px 0 20px 0;font-weight:300}
#section4 .box {width:100%;position:relative;display:table;margin-top:60px; text-align:center;}
#section4 .box ul {display:inline-block;margin:0;position:relative;}
#section4 .box li {width:180px;float:left;display:inline-block;position:relative;margin-right:36px}
#section4 .box li:last-child {margin-right:0}
#section4 .box li strong {width:180px;height:180px;display:inline-block;background-color:rgba(224,125,38,0.6);border-radius:100px;color:#fff;line-height:8.8;text-align:center;font-size:21px}
#section4 .btnarea, #section3 .btnarea {text-align:center}


#section5 {width:100%;height:100%;background:url("/_public/images/main/section5_1.jpg") top right no-repeat #e07d26;background-size:50% 100%}
#section5 .layout {width:487px;display:inline-block;height:100%}
#section5 .warpleft {text-align:right}
#section5 .warpleft .layout {width:403px;margin-right:113px;text-align:left}
#section5 .warpright {width:488px;margin-left:113px}
#section5 .mtarea h2.title {color:#fff;}
#section5 .txt {color:#fff;margin:30px 0 14px 0;font-weight:300;font-size:30px}
#section5 .vod {width:488px;height:285px;margin:70px 0 23px 0;border:3px solid #fff;overflow:hidden;position:relative}
#section5 .vod:before {content:"";width:72px;height:82px;display:inline-block;background:url("/_public/images/main/icon_play.png") no-repeat;position:absolute;font-family:fontawesome;left:0;right:0;top:108px;margin:0 auto;font-size:50px;color:#fff;}
#section5 .boxtxt p,#section5 .boxtxt strong {display:block;color:#fff;text-align:center}
#section5 .boxtxt p {font-size:20px;font-weight:300}
#section5 .boxtxt strong {font-size:18px;font-weight:600;margin-top:18px}
#section5 .btnarea {text-align:center;margin-top:20px}
#section5 .warpright .btnarea {margin-top:70px}

#section6 {width:100%;height:100%;background-size:50% 100%}

/* 공지사항 */
#section7 {width:100%;height:600px;background:url("/_public/images/main/section7_1.jpg") top no-repeat;background-size:cover;position:relative}
#section7 .wrap1 {width:50%;float:left}
#section7 .wrap2 {width:50%;float:right}
#section7 .wrap1 dt, #section7 .wrap1 dd a {line-height:1.7;font-size:18px}
#section7 .wrap1 dt {width:68px;float:left;padding-left:10px}
#section7 .wrap1 dd {padding-left:105px;padding-bottom:7px;position:relative}
#section7 .wrap1 dd::before {content:"";position:absolute;display:inline-block;width:1px;height:100%;background-color:rgba(255,255,255,0.2);left:67px}
#section7 .wrap1 dd a {color:#fff;font-weight:300;transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out}
#section7 .wrap1 dd a:hover, #section7 .wrap2 li a:hover {color:#d5ff6e}
#section7 .wrap1 .btnarea {margin-top:50px}
#section7 .wrap2 {padding-left:170px}
#section7 .wrap2 ul {width:366px;display:inline-block}
#section7 .wrap2 li {float:left;width:112px;margin:0 131px 65px 0;text-align:center;font-size:20px}
#section7 .wrap2 li:nth-child(2n+2) {margin-right:0}
#section7 .wrap2 li:nth-child(3),#section7 .wrap2 li:nth-child(4) {margin-bottom:0}
#section7 .wrap2 li a {width:100%;display:inline-block;padding-top:140px;background:url("/_public/images/main/icon_area.png") no-repeat;color:#fff;transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out}

#section7 .wrap2 li .list01 {background-position:0 0}
#section7 .wrap2 li .list02 {background-position:-112px 0}
#section7 .wrap2 li .list03 {background-position:-224px 0}
#section7 .wrap2 li .list04 {background-position:-336px 0}

/*#section7 .overlay {width:100%;height:100%;background-color:rgba(128,165,58,0.95);display:table}*/

/* 친절한 이손 */
#section8 {width:100%;height:100%;background:url("/_public/images/main/section8_1.jpg") top no-repeat;background-size:cover;position:relative}
#section8 .cntwrap {width:100%;z-index:1;display:inline-block;position:absolute;bottom:0;left:50%;color:#2c2c2c;-ms-transform:translate(-50%,-28%); /* IE */-webkit-transform:translate(-50%,-28%); /* Chrome, Safari, Opera */ transform:translate(-50%,-28%)}
#section8 .box {width:100%;padding:30px 0 30px 30px;background:rgba(0,0,0,0.35); margin-bottom:20px;}
#section8 .box:after {content:"";display:block;clear:both}
#section8 .box h3 {font-size:28px;color:#fff;font-weight:600;}
#section8 .box .wrap1,#section8 .box .wrap2 {width:330px;float:left;}
#section8 .box .wrap1 {margin-right:110px;}
#section8 .wrap3 {width:300px;float:right;height:246px;}
#section8 .wrap3 .snsarea {width:160px;height:30px;margin:15px auto}
#section8 .wrap3 .snsarea {width:100%;height:30px;position:absolute;bottom:0}
#section8 .wrap3 .snsarea:after {content:"";display:block;clear:both}
#section8 .wrap3 .snsarea a {width:60px;height:60px;display:inline-block;float:left;margin-right:15px;background:url("/_public/images/common/icon_sns01.png") no-repeat center/100% auto;}
#section8 .wrap3 .snsarea a.sns2 {background-image:url("/_public/images/common/icon_sns02.png")}
#section8 .wrap3 .snsarea a.sns3 {background-image:url("/_public/images/common/icon_sns03.png")}
#section8 .wrap3 .snsarea a.sns4 {background-image:url("/_public/images/common/icon_sns04.png")}
#section8 .wrap3 .snsarea a:hover {background-image:url("/_public/images/common/icon_sns_green_01.png")}
#section8 .wrap3 .snsarea a.sns2:hover {background-image:url("/_public/images/common/icon_sns_green_02.png")}
#section8 .wrap3 .snsarea a.sns3:hover {background-image:url("/_public/images/common/icon_sns_green_03.png")}
#section8 .wrap3 .snsarea a.sns4:hover {background-image:url("/_public/images/common/icon_sns_green_04.png")}
#section8 .box .wrap1 strong, #section8 .box .wrap2 strong {font-size:50px;font-weight:600;letter-spacing:-1px;display:block;margin-top:8px}
#section8 .box .wrap2 dl {width:100%;display:inline-block;padding-top:15px}
#section8 .box .wrap2 dt, #section8 .box .wrap2 dd {font-weight:300;margin-bottom:7px;font-size:17px}
#section8 .box .wrap2 dt {width:75px;float:left;font-weight:400;color:#d5ff6e}
#section8 .box .wrap2 dd {padding-left:75px;color:#fff;}
#section8 .box .wrap2 span {font-weight:300; color:#fff;}
#section8 .box2 {position:absolute;bottom:-17%;left:50%;transform:translateX(-50%);color:#fff;}
#section8 .box2 .wrap1 p {display:inline-block;width:100%;font-size:24px;font-weight:500;text-align:center}
#section8 .box2 .wrap1 .snsarea:after {content:"";display:block;clear:both}
#section8 .box2 .wrap1 .snsarea a {width:30px;height:28px;display:inline-block;float:left;margin-right:10px;opacity:0.6;background:url("/_public/images/common/icon_sns.png") no-repeat 0 0/auto 100%}
#section8 .box2 .wrap1 .snsarea a:hover {opacity:1}
#section8 .box2 .wrap1 .snsarea a.sns2 {background-position:-35px 0}
#section8 .box2 .wrap1 .snsarea a.sns3 {background-position:-70px 0}
#section8 .box2 .wrap1 .snsarea a.sns4 {background-position:-109px 0}
#section8 .box2 ul:after {content:"";display:block;clear:both}
#section8 .box2 ul {text-align:center}
#section8 .box2 .infomenu li {font-size:20px; margin-bottom:20px;}
#section8 .box2 .info {width:980px;}
#section8 .box2 li {display:inline-block;vertical-align:top;font-size:14px;font-weight:300;margin-right:10px;color:#fff;}
#section8 .box2 li a {color:#fff;}
#section8 .box2 li a:hover {color:#d5ff6e}
#section8 .box2 li {font-weight:300;margin-bottom:5px}
#section8 .copyright {text-align:center;opacity:0.5;font-size:14px;font-weight:300;margin:3px auto 0 auto;color:#fff;}
#section8 .copyright a {color:#fff;}
#section8 .copyright a:hover {color:#d5ff6e}

/* ============== 하단영역 ============== */
#footer{width:100%;height:552px;position:relative;}
#footer .ftarea1 {height:66px;background-color:#85a732;}
#footer .ftarea1 .prov ul{text-align:center;}
#footer .ftarea1 li {padding-right:34px;line-height:3.6; display:inline-block;}
#footer .ftarea1 li:last-child{padding-right:0;}
#footer .ftarea1 li a {color:#fff;font-weight:300;}
#footer .ftarea1 li a:hover {color:#d4ff6d}

#footer .ftarea2 {padding:60px 0 40px 0;}
#footer .ftarea2 .flogo {height:133px;}
#footer .ftarea2 .ft {width:400px;float:left;position:relative}
#footer .ftarea2 .ft1 .fttxt {font-size:25px;color:#676767;font-weight:300;line-height:1.3}

#footer .ftarea2 .ft1 {height:300px;}
#footer .ftarea2 .ft1 .snsarea {width:100%;height:30px;position:absolute;bottom:0}
#footer .ftarea2 .ft1 .snsarea:after {content:"";display:block;clear:both}
#footer .ftarea2 .ft1 .snsarea a {width:50px;height:45px;display:inline-block;float:left;margin-right:10px;opacity:0.85;background:url("/_public/images/common/sns_green.png") no-repeat 0 0/auto 100%}
#footer .ftarea2 .ft1 .snsarea a:hover {opacity:1}
#footer .ftarea2 .ft1 .snsarea a.sns2 {background-position:-54px 0}
#footer .ftarea2 .ft1 .snsarea a.sns3 {background-position:-112px 0}
#footer .ftarea2 .ft1 .snsarea a.sns4 {background-position:-175px 0}

#footer .ftarea2 .ft .area1 h3 {font-size:25px;color:#2c2c2c;margin-bottom:10px}
#footer .ftarea2 .ft .area1 strong {display:block;color:#85a732;font-weight:500;font-size:45px;letter-spacing:-1px;margin-bottom:30px}
#footer .ftarea2 .ft2 .area2 {display:block;}
#footer .ftarea2 .ft2 .area2 p {margin:28px 0 16px; 0; font-size:26px; color:#85a732; font-weight:500;}
#footer .ftarea2 .ft2 .area2 dl {width:100%;display:inline-block}
#footer .ftarea2 .ft2 .area2 dt {width:80px;display:inline-block;float:left}
#footer .ftarea2 .ft2 .area2 dt, #footer .ftarea2 .ft2 .area2 dd {margin-bottom:4px;color:#676767;font-size:16px}
#footer .ftarea2 .ft2 .area2 dd {font-weight:300;padding-left:80px}
#footer .ftarea2 .ft3 .area2 li {color:#676767;font-size:16px;font-weight:300;padding-bottom:12px}
#footer .copyright {width:100%;text-align:center;color:#676767;font-weight:300;border-top:1px solid #dedede;line-height:3.4;font-size:16px}