@charset 'utf-8';
.cf::after {clear: both; content: ""; display: block;}
.pdt0{padding-top:0 !important;}
.line-h20{line-height:20px !important;}
.sub_line{width: 100%; height: 1px; background: #ebebeb;}
.sub_line_w{width: 100%; height: 1px; background: #ffffff;}

/* sidequick */
.side_quick{position: absolute; right: 0px; top: 142px; z-index: 51; border: 1px solid #dddddd;}
.side_quick ul li{border-bottom: 1px solid #dddddd; background: #ffffff;}
.side_quick ul li a{display: block;font-size: 15px;text-align: center;width: 88px;padding: 85px 0 10px 0;letter-spacing: -1px;color: #464646;font-weight: 300; font-family: 'Noto Sans KR', sans-serif;}
.side_quick ul li a:hover{color:#81b327;}
.side_quick ul li a.q01{background: url(../images/main/q_icon01.png) no-repeat top 30px center;}
.side_quick ul li a.q02{background: url(../images/main/q_icon02.png) no-repeat top 30px center;}
.side_quick ul li a.q03{background: url(../images/main/q_icon03.png) no-repeat top 30px  center;}
.side_quick ul li a.q07{padding: 10px 0 10px 0;}

.top_wrap{width: 100%;}

/* header top*/
.header{width: 100%;background: #151515;position: relative;z-index: 9999;}
.header .header_top_wrap{width: 100%; border-bottom: 1px solid #444444;}
.header .header_top_wrap .header_top{width: 1150px;margin: 0 auto;position: relative;height: 95px;}
.header .header_top_wrap .header_top >ul li a{color: #ffffff;}
.header .header_top_wrap .header_top .call{position: absolute;left: 0;top: 12px;color: #ffffff;font-weight: bold;font-size: 17px; font-family: 'Noto Sans KR', sans-serif;}
.header .header_top_wrap .header_top .call span:nth-child(1){padding-left: 20px;background:  url(../images/main/call_bg.png) no-repeat left top 3px;display: inline-block;height: 20px;font-size: 15px;line-height: 20px;font-weight: normal;color: #cbcbcb;}
.header .header_top_wrap .header_top .call span:nth-child(3){padding-left: 22px;background:  url(../images/main/fax_bg.png) no-repeat left top 3px;display: inline-block;height: 20px;font-size: 14px;line-height: 20px;font-weight: lighter;color: #a1a1a1;}
.header .header_top_wrap .header_top .call strong:nth-child(2){padding-right:10px;}

.header .header_top_wrap .header_top h1{float: left;position: absolute;left: 50%;margin-left: -143px;top: 20px;}
.header .header_top_wrap .header_top .util_menu{overflow: hidden; position: absolute; right: 0; top: 10px;}
.header .header_top_wrap .header_top .util_menu li{float: left;font-family: 'Noto Sans KR', sans-serif;}
.header .header_top_wrap .header_top .util_menu li a{display: inline-block;font-size: 13px;padding: 0 10px;color: #a1a1a1; font-family: 'Noto Sans KR', sans-serif;}
.header .header_top_wrap .header_top .util_menu li.last a{background: none;padding-right: 0 !important;}
.header .header_top_wrap .header_top .util_menu li .line{display: inline-block;width: 1px;height: 8px;background: #a1a1a1;}

/* 전체메뉴 */
.gnb_wrap{width: 100%;background: #151515;height: 48px;position: relative;z-index: 9998;}
.gnb_wrap .inner{width: 1150px;margin: 0 auto;position: relative;height: 48px;}
.gnb_wrap .all_menu_wrap{position: absolute;right: 0;top: 0;}
.gnb_wrap .all_menu_wrap .all_menu_btn{/* width: 1150px; *//* margin: 0 auto; */}
.gnb_wrap .all_menu_wrap .all_menu_btn > h2{width: 48px;height: 48px;background: #81b327;}


.all_menu{display: none;height: 1500%;left: 0;position: absolute;top: 48px;width: 100%;z-index: 99999; background: rgba(0,0,0,0.5);}
.all_menu>ul{width: 1060px;margin: 0 auto;padding: 51px 45px;background: #fff;}
.all_menu>ul>li{float: left;width: 320px;/* margin: 0 20px; */padding-left: 30px;}
.all_menu>ul>li.height_235{height: 210px;}
.all_menu>ul>li.height_309{height: 270px;}
.all_menu>ul>li>a{display: block;font-size: 18px;letter-spacing: -2px;padding-bottom: 18px;padding-left: 30px;border-bottom: 1px solid #81b327;font-weight: 400;margin-bottom: 18px;color: #81b327; font-family: 'Noto Sans KR', sans-serif;}
.all_menu>ul>li>ul{padding-left: 30px;}
.all_menu>ul>li>ul>li>a{display: block;font-size: 16px;letter-spacing: -1px;line-height: 28px;color: #636363;font-weight: 300; font-family: 'Noto Sans KR', sans-serif;}
.all_menu>ul>li>ul>li>a:hover{color: #81b327;font-weight:300}

/*전체메뉴*/
.all_home{
    position: absolute;
    top: 0;
    left: 0;
    /* display: inline-block; */
}
.nav {display:block; position:relative; top: 0px; left: 0px; height: 45px; z-index:1001; text-indent:-9999px;  cursor:pointer;}
.nav span {
			position: absolute;
			top:0;
			right: 0;
			bottom: 0;
			left: 0;
			margin:auto;
			width: 17px;
			height: 2px;
			background:#ffffff;
			-webkit-transition: top 0.5s, transform 0.5s;
			-moz-transition: top 0.5s, transform 0.5s;
			-o-transition: top 0.5s, transform 0.5s;
			transition: top 0.5s, transform 0.5s;
			}
.nav .top {top: -12px;}
.nav .middle {top:0;}
.nav .bottom {bottom: -12px;}
.nav.non .top{-webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); top: 0;}
.nav.non .middle{-webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg);}
.nav.non .bottom{ -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); top: -12px;}

/* GNB */
.gnb_wrap .gnb_bg{position:absolute;height:155px; width: 100%; top: 45px; background :#ffffff; z-index: 3001; border-bottom: 1px solid #dddddd; display: none;}
.gnb_wrap .gnb{position: absolute;left: 48px;top: 0;}
.gnb_wrap .gnb>ul>li{float: left;}
.gnb_wrap .gnb>ul>li>a{display: block;height: 48px;line-height: 48px;text-align: center;width: 175px;letter-spacing: -1px;font-size: 17px;color: #ffffff;font-family: 'Noto Sans KR', sans-serif;}
.gnb_wrap .gnb>ul>li:last-child a{width: 107px;text-align: right;}
.gnb_wrap .gnb>ul>li .submenu_wrap{position: absolute; left: 0; top: 47px; width: 100%; height: 155px; display: none; z-index: 3002; background: #ffffff; font-family: 'Noto Sans KR', sans-serif;}
.gnb_wrap .gnb>ul>li:hover .submenu_wrap{display: block; z-index: 3003; }
.gnb_wrap .gnb dl{width: 1200px; margin: 0 auto; background: #ffffff;}
.gnb_wrap .gnb dt{float: left; width: 380px; height: 155px; background: /* #f8f6f0 */ url(../images/main/menu_bg.jpg) no-repeat right 50px center; border-right: 1px solid #f5f5f5; box-sizing: border-box;}
.gnb_wrap .gnb dt h2{font-size: 35px; font-weight: bold; padding: 20px 0 0 0}
.gnb_wrap .gnb dt span{display: block; font-size: 16px; line-height: 23px; padding: 13px 0 0 0;}
.gnb_wrap .gnb dd{float: left; width: 150px; padding-left: 30px;}
.gnb_wrap .gnb dd a{display: block; padding: 10px 0; color: #333333; font-size: 16px; letter-spacing: -1px;}
.gnb_wrap .gnb dd.p_t5{padding-top: 5px;}
.gnb_wrap .gnb dd.p_t15{padding-top: 15px;}
.gnb_wrap .gnb dd.p_t30{padding-top: 30px;}
.gnb_wrap .gnb dd.p_t50{padding-top: 50px;}
.gnb_wrap .gnb dd.w_220{width: 220px;}
.gnb_wrap .gnb dd.w_280{width: 280px;}
.gnb_wrap .gnb dd.w_155{width: 155px;}
.gnb_wrap .gnb dd.w_170{width: 170px;}
.gnb_wrap .gnb dd.h_70{height: 70px;}

.submenu_down{position: absolute;top: 48px;width: 356px;height: 255px;z-index: 3002;background: #ffffff;overflow: hidden;border:1px solid #ebebeb;display: none;}
.submenu_down.menu_05{right: -120px;}
.submenu_down.menu_06{right: -120px;}
.submenu_down.menu_07{right: 105px;}
.submenu_down.menu_08{right: 0px;}
.submenu_down>div.f_left{float: left;}
.submenu_down .text_wrap{padding: 16px 0 0 10px;font-size: 15px;}
.submenu_down .text_wrap li{line-height: 17px;}
.submenu_down .text_wrap a{display: block;margin-bottom: 10px;color: #626262;letter-spacing: -0.09em;font-weight: 300;text-align: left !important;font-family: 'Noto Sans KR', sans-serif;}
.submenu_down .text_wrap a:hover{color: #81b327;}
.submenu_down .text_wrap a.last{margin-bottom: 0;}
.submenu_down>div.f_right{float: right;}
.submenu_down .img_wrap>div{height: 255px; position:relative;}
.submenu_down .img_wrap>div>div{position: absolute;top: 18px;right: 0;color: #ffffff;padding-right: 19px;text-align: right;}
.submenu_down .img_wrap>div>div.text_01{font-size: 26px;font-weight: 700;}
.submenu_down .img_wrap>div>div.text_02{top: 55px;font-size: 15px;font-weight: 300;letter-spacing: -0.09em;}

.gnb_wrap .gnb>ul>li:hover .submenu_down{display: block;}


#visual {min-width: 1200px;}
.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;} 
.video-container iframe,
.video-container object,
.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;} 

/* 비주얼 */
.visual_wrap{height: 641px; position: relative;}
.visual_wrap .visual .visual01{background: url(../images/main/visual_01.jpg) no-repeat center; height: 641px;}
.visual_wrap .visual .visual02{background: url(../images/main/visual_02.jpg) no-repeat center; height: 641px;}
.visual_wrap .visual .visual03{background: url(../images/main/visual_03.jpg) no-repeat center; height: 641px;}


.visual_wrap .visual .slick-dots{bottom:200px;}


.visual_wrap .slick-dots{position: absolute;bottom: 27px;left: 0px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.visual_wrap .slick-dots li{display: inline-block; cursor: pointer;width: 60px;height: 2px;}
.visual_wrap .slick-dots li button{font-size: 0;line-height: 0;display: block;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.visual_wrap .slick-dots li button:hover,
.visual_wrap .slick-dots li button:focus{outline: none;}
.visual_wrap .slick-dots li button:hover:before,
.visual_wrap .slick-dots li button:focus:before{opacity: 1;}
.visual_wrap .slick-dots li button:before{font-family: 'slick'; font-size: 6px; line-height: 20px; content: ''; text-align: center; opacity: 1; color: white;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
.visual_wrap .slick-dots li button:before{width:60px;height:2px;display:inline-block;background:white;transition: width 0.5s;animation: scale 1s 1;box-sizing: border-box;border: 1px solid #ffffff;}
.visual_wrap .slick-dots li.slick-active button:before{opacity: 1; color: white; width:40px; background: none; box-sizing: border-box; border:1px solid #81b327;width: 60px;height: 2px; transition: all 0.5s;}



.visual_wrap .slick-prev{position:absolute; left:300px; top:50%; z-index:8;}
.visual_wrap .slick-prev::before{content:"";}
.visual_wrap .slick-prev{background: url(../images/main/left_arrow.png) no-repeat center;}
.visual_wrap .slick-next{position:absolute;right:300px; top:50%; z-index:8;}
.visual_wrap .slick-next::before{content:"";}
.visual_wrap .slick-next{background: url(../images/main/right_arrow.png) no-repeat center;}
.visual_wrap .slick-prev, .visual_wrap .slick-next{width:55px; height:57px;}



.middle_wrap{width: 1150px;margin: 43px auto;overflow: hidden;}
.middle_wrap>div{float: left;}
.middle_wrap>div.left{overflow: hidden; width: 375px;}
.middle_wrap>div.left>div{float: left;}
.middle_wrap>div.left .circle{background: #81b327;border-radius: 50px;width: 98px;height: 98px;line-height: 98px;text-align: center;color: #ffffff;margin-top: 19px;font-size: 18px;}
.middle_wrap>div.left h3{font-size: 16px;letter-spacing: -1px;padding: 12px 10px 0px 30px;}
.middle_wrap>div.left h3 strong{font-size: 30px;font-family: 'NanumSquare';font-weight: 900;letter-spacing:-0.09em;}
.middle_wrap>div.left h3 strong em{font-style: normal;font-weight: 300;}
.middle_wrap>div.left dl{line-height: 25px;padding-left: 30px;font-size: 14px;}
.middle_wrap>div.left dl dt,.middle_wrap>div.left dl dd{float: left;}
.middle_wrap>div.left dl dt{/* width: 65px; */color: #939598;}
.middle_wrap>div.left dl dd{float: left;padding-left: 6px;color: #333132;font-size: 15px;}
.middle_wrap>div.left h4{padding: 0 0 0 30px;color: #81b327;font-weight:400;font-size: 14px;}
.middle_wrap>div.left span{padding-left: 30px;letter-spacing: -2px;}
.middle_wrap>div.right{float: right;margin-top: 28px;}
.middle_wrap>div.right ul{overflow: hidden;}
.middle_wrap>div.right ul li{float: left;text-align: center;height: 113px;}
.middle_wrap>div.right ul li.middle_icon01{background: url(../images/main/middle_icon01.png) no-repeat top center;}
.middle_wrap>div.right ul li.middle_icon02{background: url(../images/main/middle_icon02.png) no-repeat top center;}
.middle_wrap>div.right ul li.middle_icon03{background: url(../images/main/middle_icon03.png) no-repeat top center;}
.middle_wrap>div.right ul li.middle_icon04{background: url(../images/main/middle_icon04.png) no-repeat top center;}
.middle_wrap>div.right ul li.middle_icon01:hover{background: url(../images/main/middle_icon01_on.png) no-repeat top center;}
.middle_wrap>div.right ul li.middle_icon02:hover{background: url(../images/main/middle_icon02_on.png) no-repeat top center;}
.middle_wrap>div.right ul li.middle_icon03:hover{background: url(../images/main/middle_icon03_on.png) no-repeat top center;}
.middle_wrap>div.right ul li.middle_icon04:hover{background: url(../images/main/middle_icon04_on.png) no-repeat top center;}
.middle_wrap>div.right ul li a{display: block;background: url(../images/main/bar_gray.gif) left 15px no-repeat;padding: 0 55px;}
.middle_wrap>div.right ul li a span{display: block;padding-top: 60px;font-size: 17px;font-weight: 300;}
.middle_wrap>div.right ul li:hover a span{font-weight:400;}
.bgno a{background: none !important;}
.img_border{vertical-align: middle;display: inline-block;margin-top: 15px;}


.main_box_wrap_01{overflow:hidden; width: 1150px; margin: 0 auto;}
.main_box_wrap_01>div{float: left; width: 50%; height: 396px; position:relative;}
.main_box_wrap_01>div>div{position: absolute;}

.main_box_wrap_01>div.main_box_01 .text_01{left: 50%;margin-left: -194px;}
.main_box_wrap_01>div.main_box_01 .text_01 ul{}
.main_box_wrap_01>div.main_box_01 .text_01 ul li{}
.main_box_wrap_01>div.main_box_02 .text_01{left: 50%;margin-left: -252px;}

.main_box_wrap_01>div.main_box_02{float: right;}
.main_box_wrap_01>div.main_box_02 .text_01{font-size: 42px;color: #ffffff;padding: 0 89px;text-align: center;top: 102px;letter-spacing: -4px;font-weight: 200;}
.main_box_wrap_01>div.main_box_02 .text_01 strong{font-size: 42px;font-weight: 500;margin-bottom: 18px;}

.main_box_wrap_01>div.main_box_03 .text_01{font-size: 17px;color: #ffffff;padding: 0 30px;text-align: center;top: 60px;letter-spacing: -2px;}
.main_box_wrap_01>div.main_box_03 .text_01 strong{display: block;font-size: 42px;font-weight: 500;margin-bottom: 5px;}


.main_box_wrap_01>div>div.text_01{font-size:42px;color: #ffffff;padding: 0 30px;text-align: center;top: 103px;letter-spacing: -4px;font-weight: 200;}
.main_box_wrap_01>div>div.text_01 strong{font-size: 42px;font-weight: 500;margin-bottom: 10px;}


.box03_pl a{padding: 42px 0px !important;line-height: 20px;}
.main_box_wrap_01>div.main_box_03{margin-top:3px;width: 99.8%;background: url(../images/main/main_box_03_img.jpg) no-repeat center;height: 385px;}
.main_box_wrap_01>div.main_box_03>div.text_01{width: 100%;padding: 0;top: 54px;font-weight: 300;letter-spacing: -1px;}
.main_box_wrap_01>div.main_box_03>div.btn_wrap{width:665px;left: 50%;margin-left: -332px;top: 201px;}
.main_box_wrap_01>div.main_box_03>div.btn_wrap ul{overflow: hidden;}
.main_box_wrap_01>div.main_box_03>div.btn_wrap ul li{float: left;width: 131px;margin-right: 2px;}
.main_box_wrap_01>div.main_box_03>div.btn_wrap ul li.margin{margin-left: 5px; margin-right: 5px;}
.main_box_wrap_01>div.main_box_03>div.btn_wrap ul li.margin_t{margin-top: 5px;}
.main_box_wrap_01>div.main_box_03>div.btn_wrap ul li a{float: left;width: 131px;height:131px;line-height:131px;color: #ffffff;background: rgba(0,0,0,0.4);text-align: center;}
.main_box_wrap_01>div.main_box_03>div.btn_wrap ul li:nth-child(1) a{background:url(../images/main/main_box_03_img01.png) no-repeat center rgba(0,0,0,0.4);}
.main_box_wrap_01>div.main_box_03>div.btn_wrap ul li:nth-child(2) a{background:url(../images/main/main_box_03_img02.png) no-repeat center rgba(0,0,0,0.4);}
.main_box_wrap_01>div.main_box_03>div.btn_wrap ul li:nth-child(3) a{background:url(../images/main/main_box_03_img03.png) no-repeat center rgba(0,0,0,0.4);}
.main_box_wrap_01>div.main_box_03>div.btn_wrap ul li:nth-child(4) a{background:url(../images/main/main_box_03_img04.png) no-repeat center rgba(0,0,0,0.4);}
.main_box_wrap_01>div.main_box_03>div.btn_wrap ul li:nth-child(5) a{background:url(../images/main/main_box_03_img05.png) no-repeat center rgba(0,0,0,0.4);}
.main_box_wrap_01>div.main_box_03>div.btn_wrap ul li:nth-child(1) a:hover{background:url(../images/main/main_box_03_img01_on.png) no-repeat center rgba(0,0,0,0.4);}
.main_box_wrap_01>div.main_box_03>div.btn_wrap ul li:nth-child(2) a:hover{background:url(../images/main/main_box_03_img02_on.png) no-repeat center rgba(0,0,0,0.4);}
.main_box_wrap_01>div.main_box_03>div.btn_wrap ul li:nth-child(3) a:hover{background:url(../images/main/main_box_03_img03_on.png) no-repeat center rgba(0,0,0,0.4);}
.main_box_wrap_01>div.main_box_03>div.btn_wrap ul li:nth-child(4) a:hover{background:url(../images/main/main_box_03_img04_on.png) no-repeat center rgba(0,0,0,0.4);}
.main_box_wrap_01>div.main_box_03>div.btn_wrap ul li:nth-child(5) a:hover{background:url(../images/main/main_box_03_img05_on.png) no-repeat center rgba(0,0,0,0.4);}

.top111{top: 111px !important;}
.main_box_wrap_02{height: 334px; background: #f1f2f2; margin: 56px 0 0 0;}
.main_box_wrap_02 ul{width: 1150px;margin: 0 auto;overflow: hidden;}
.main_box_wrap_02 ul li{float: left; width: 33.33%;}
.main_box_wrap_02 ul li a{display: block; height: 334px; position: relative;}
.main_box_wrap_02 ul li a span{display: block; position: absolute; color: #ffffff;}
.main_box_wrap_02 ul li a span.text_01{font-size: 34px;top: 59px;left: 45px;line-height: 40px;font-weight:600;letter-spacing: -2px;}
.main_box_wrap_02 ul li a span.text_02{font-size: 18px;top: 160px;left: 50px;letter-spacing: -1px;font-weight: 300;line-height: 25px;}
.mar0{margin-right:0 !important;}

.main_borad_wrap{width: 1150px;margin: 70px auto;overflow: hidden;}
.main_borad_wrap>div{float: left; width: 33.33%;}
.main_borad_wrap>div .inner{padding: 0 50px;}
.main_borad_wrap>div .inner.border{height: 285px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.main_borad_wrap>div .inner h3{overflow: hidden;margin-bottom: 33px;font-size: 22px;color: #101010;}
.main_borad_wrap>div .inner h3 a{float: right; display: block;}
.main_borad_wrap>div .inner h3 a img{vertical-align: middle;}
.main_borad_wrap>div .inner ul{}
.main_borad_wrap>div .inner ul li{position: relative;text-align: left;/* width: 369px; */margin-bottom: 13px;}
.main_borad_wrap>div .inner ul li a{color:#8a8a8a;font-size:13px;font-weight: 300;font-family: "Dotum", sans-serif;}
.main_borad_wrap>div .inner ul li span{position: absolute;top: 5px;right: 0;font-weight: 300;color: #000;}

.footer{background: #0f0f0f;color: #5f5f5f;font-size: 15px;}
.footer li a{color: #d7d7d7;font-size: 16px;font-family: "Noto Sans KR", sans-serif;}
.footer .f_menu{border-bottom: 1px solid #3f3f3f;}
.footer .f_menu ul{text-align: center;}
.footer .f_menu li{display: inline-block;}
.footer .f_menu li a{}
.footer .f_menu{padding: 16px 0;}
.footer .f_info{text-align: center;padding: 45px 0;line-height: 28px;}

.footer .f_menu li span{display: inline-block;width: 1px;height: 12px;background: #737373;margin: 0 31px;}

.f_info{padding: 37px 0;text-align: center;}
.f_info>div{padding-top: 43px;font-size: 13px;color: #727272;line-height: 25px;font-family: 'Noto Sans KR', sans-serif;}
.f_info  p{padding-top: 25px; font-size: 15px; color: #5db1ab;display:none;}
.f_info .copyright{padding-top: 20px;color: #454545;}


.f_logo_slide{width: 1100px; margin: 20px auto;}
.f_logo_slide .slick-next::before{content:"";}
.f_logo_slide .slick-prev::before{content:"";}

.f_logo_slide .slick-prev,
.f_logo_slide .slick-next{width: 51px; height: 51px;}
.f_logo_slide .slick-prev{background: #ffffff url(../images/main/logo_left.png) no-repeat center; left: -55px;top: 50%;}
.f_logo_slide .slick-next{background: #ffffff url(../images/main/logo_right.png) no-repeat center; right: -35px;top: 50%;}