@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');

/* reset */
body {
	font-family:'Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif;	
	font-weight:400;
	font-size:14px;
	line-height:1.7;
	color:#666666;	
	margin:0;
	padding:0;	
	letter-spacing:-0.5px;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	font-smoothing:antialiased;
}/*overflow-x: hidden;*/

button{cursor:pointer;}
button:focus{outline:none;}

textarea:focus{outline:none;}

input:focus{outline:none;}

iframe{border:none; vertical-align:top;}

select{background-color:#ffffff;}

img{border:none;}

br{letter-spacing:0; font-family:NanumGothic,'나눔고딕', sans-serif;}

h1, h2, h3, h4, h5, h6 {font-size:1em;}

h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption
{
	margin:0;
	padding:0;
}
ul, ol {
	list-style:none;
}

strong, b, h1, h2, h3, h4, h5, h6{font-weight:500;}
em,i,address{font-style:normal;}
a{text-decoration:none; color:#666666;}
table{word-break:break-all; word-wrap:break-word;}
*{box-sizing:border-box;}/* word-break:break-all; word-wrap:break-word;*/

/***layout***/
.wrap{width:100%; height:100%; font-family:'Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif; min-width:1300px;}
header{width:100%;}
main{width:100%;}
footer{width:100%; padding:30px 0 80px; position:relative; background-color:#f1f1f1; border-top:1px solid #dedede;}

/***common***/
.wrap img{display:block; max-width:100%; vertical-align:top; margin:0 auto;}
#content_go{width:0; height:0; font-size:0; text-indent:-999999px; overflow:hidden;}
.clearfix:after{content:''; zoom:1; display:block; clear:both;}
.inner{width:1300px; padding:0 15px; margin:0 auto;}
.en_txt{font-family:'Lato','Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif; font-weight:normal;}
.main_container{padding:60px 0 80px;}
.blind{font-size:0; text-indent:-999999px; overflow:hidden;}

/*header_wrap01 PC / 가로 1201px 이상 common*/
.header_wrap01{ width:100%;  background: rgba(255,255,255,0.5); position:absolute; left:0; top:0; z-index:240; min-width:1300px;
		-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
.header_wrap01:hover{background: rgba(255,255,255,0.95);}
/*top_menu*/
.top_menu{padding:25px 0; }
.top_menu>div{position:relative;}
/*top_menu h1*/
.top_menu h1{width:185px; margin:0 auto;}
.top_menu h1>a{display:block; width:100%; height:100%;}
.top_menu h1>a img{width:100%;}
/*top_banner_wrap*/
.top_banner_wrap{position:absolute; right:15px; top:5px; padding-left:65px; background:url("../images/common/top_icon.png")no-repeat 0 center;
		line-height:1.5; padding-top:5px;}
.top_banner_wrap p{color:#222222; letter-spacing:-1px; font-weight:500;}
.top_banner_wrap strong{display:block; color:#038738; font-size:16px;}
.top_banner_wrap strong span{font-weight:bold;}

/*bottom*/
.bottom{position:relative;  border-bottom:1px solid #f5f5f5;}
/*통합카테고리 total_category_wrap common*/
.total_category_wrap{float:right;}
/*통합카테고리 열기 버튼*/
.btn_total_nav_open{overflow:hidden; text-indent:-999999px; font-size:0; width:36px; height:34px; background-color:#038738; padding-top:9px; cursor:pointer;}
.btn_total_nav_open span{display:block; width:18px; height:2px; background-color:#ffffff; margin:0 auto; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; 
		-o-transition:all 0.3s ease;  transition:all 0.3s ease;}
.btn_total_nav_open span+span{margin-top:5px;}
/*통합카테고리메뉴*/
#total_category{width:0; height:100%; position:fixed; right:0; top:0; bottom:0; background-color:#038738; z-index:500; overflow:hidden;
		-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease; box-shadow:1px 0 10px rgba(0,0,0,0.4);}
.total_category_inner{padding:40px 15px 15px 70px; position:relative;}
.total_category_inner>div+div{margin-top:25px;}
.total_category_inner h3{font-size:20px; color:#ffffff; font-weight:400; position:relative; padding-bottom:8px;}
.total_category_inner h3:before{content:''; width:30px; height:1px; display:block; background-color:#ffffff; position:absolute; left:0; bottom:0;}
.total_2depth{margin-top:8px;}
.total_2depth>li+li{margin-top:5px;}
.total_2depth>li>a{display:block; font-size:15px; line-height:1.5; color:#ffffff; opacity:0.8;}
.total_2depth>li>a:hover{opacity:1;}
/*통합카테고리 메뉴닫기 버튼*/
#total_category .btn_close{height:30px; width:30px; cursor:pointer; position:absolute; left:15px; top:15px;}
#total_category .btn_close .close_icon{font-size:0; overflow:hidden; display:block; height:100%; width:100%; position:absolute; left:0; top:0;}
#total_category .btn_close .close_icon:before, #total_category .btn_close .close_icon:after{content:''; height:1px; width:30px; display:block;
		background-color:#ffffff;  position:absolute; top:18px; left:0px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
#total_category .btn_close .close_icon:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); -o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);}

/*gnb*/
.gnb{float:left;}
.gnb>li{float:left; font-size:20px; width:180px; text-align:center;}
.gnb>li>a{display:block; color:#222222; padding:0 0 20px; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  
		transition:all 0.3s ease;}
.gnb>li>a:hover{color:#038738;}	
/*gnb 2차 카테고리*/
.gnb_2depth_wrap{width:100%; background-color:rgba(255,255,255,0.95); z-index:400; position:absolute; left:0; top:54px; border-bottom:1px solid #e6e6e6;
		text-align:center;  border-top:1px solid #e6e6e6;}
.gnb_2depth{float:left; width:180px; position:relative; padding:20px 0; min-height:270px; font-size:16px; line-height:1.5;}
.gnb_2depth li+li{margin-top:10px;}
.gnb_2depth li>a{display:block; }
.gnb_2depth li>a:hover{color:#038738; font-weight:500;}
.gnb_2depth:before{content:''; width:1px; height:100%; display:block; position:absolute; left:0; top:0; bottom:0; background-color:#e6e6e6;}
.gnb_2depth:after{content:''; width:1px; height:100%; display:block; position:absolute; right:-1px; top:0; bottom:0; background-color:#e6e6e6;}
/*header_wrap01 스크롤 내렸을때 */
.header_wrap01.header_up{position:fixed; left:0; top:-112px; box-shadow:1px 1px 4px rgba(0,0,0,0.2); background-color:rgba(255,255,255,0.95);}
.header_wrap01.header_up .bottom{padding-top:12px; border:none;}
.header_wrap01.header_up .gnb>li>a{padding:0 0 12px;}
.header_wrap01.header_up .gnb_2depth_wrap{top:58px;}

/*메인 비주얼*/
.main_visual{width:100%;}
.main_slide_list{ height:900px;}
.main_slide_list>li{width:100%; height:900px; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.main_slide_list .slide01{background-image:url("../images/main/main_visual_slide01.jpg");}
.main_slide_list .slide02{background-image:url("../images/main/main_visual_slide02.jpg");}
.main_slide_list .slide03{background-image:url("../images/main/main_visual_slide03.jpg");}
/*메인 비쥬얼 control_box*/
.main_visual.swiper-container-horizontal>.swiper-pagination-bullets{bottom:15px;}
.main_visual.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#000000; opacity:0.3; width:10px; height:10px;}
.main_visual.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#038738; opacity:1;}
/*main_visual_txt */
.main_slide_list>li>div{height:100%; padding-top:167px;}
.main_visual_txt_common{float:right; width:420px; height:100%; padding-top:400px; text-align:center; 
		background:url("../images/main/main_visual_slide_img02.png")no-repeat center 150px;}
.main_visual_txt_common p{letter-spacing:-1.5px; font-size:38px; font-weight:700; color:#222222; line-height:1.5;}
.main_visual_txt_common p>span:first-child{font-size:44px; color:#038738;}
.main_visual_txt_common p>span{display:block;}
.main_visual_txt01 .main_visual_txt_common p{color:#ffffff; text-shadow:1px 1px 3px rgba(0,0,0,0.8);} 
.main_visual_txt01 .main_visual_txt_common p>span:first-child{color:#46e598;}
.main_visual_txt03_img{float:left; margin-top:150px;}

/*main_title_wrap*/
.main_title_wrap{text-align:center; font-size:17px; letter-spacing:-1px;}
.main_title_wrap p:first-child{font-size:26px; font-weight:700; color:#038738; line-height:1.5;}
.main_title_wrap p+p{margin-top:10px;}
.main_title_wrap p>span{display:block;}

/*main_banner_wrap*/
.main_banner_wrap{margin-top:60px;}
.main_banner_wrap li{float:left; width:25%; position:relative; overflow:hidden; background-color:#f5f5f5; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; 
		-o-transition:all 0.3s ease;  transition:all 0.3s ease;}
.main_banner_wrap li:nth-child(4n+1){clear:both;}
.main_banner_wrap li>img{width:100%;}
.main_banner_wrap li>a{display:block; position:absolute; left:0; top:0; width:100%; height:100%; color:#333333;}
.main_banner_wrap li strong{position:absolute; left:0; bottom:50px; font-size:19px; width:100%; display:block; text-align:center; letter-spacing:-1px;}
.main_banner_wrap li.effect02>a{background-color:rgba(0,0,0,0.35); color:#ffffff;}
.main_banner_wrap li.effect01>a{background-position:center 50px; background-repeat:no-repeat;}
.main_banner_wrap li.effect01:nth-child(1)>a{background-image:url("../images/main/main_banner_icon01.png");}
.main_banner_wrap li.effect01:nth-child(3)>a{background-image:url("../images/main/main_banner_icon03.png");}
.main_banner_wrap li.effect01:nth-child(6)>a{background-image:url("../images/main/main_banner_icon06.png");}
.main_banner_wrap li.effect01:nth-child(8)>a{background-image:url("../images/main/main_banner_icon08.png");}
.main_banner_wrap li.effect01:hover{background-color:#038738;}
.main_banner_wrap li.effect01:hover>a{color:#ffffff;}
.main_banner_wrap li.effect01:nth-child(1):hover>a{background-image:url("../images/main/main_banner_icon01_on.png");}
.main_banner_wrap li.effect01:nth-child(3):hover>a{background-image:url("../images/main/main_banner_icon03_on.png");}
.main_banner_wrap li.effect01:nth-child(6):hover>a{background-image:url("../images/main/main_banner_icon06_on.png");}
.main_banner_wrap li.effect01:nth-child(8):hover>a{background-image:url("../images/main/main_banner_icon08_on.png");}
.main_banner_wrap li.effect02:hover img{-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;
	-webkit-transition-duration: 0.5s;
    -moz-transition-duration:0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
	-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.04);
	}

/*main_gallery_wrap*/
.main_gallery_wrap{margin-top:60px;}
.main_gallery_wrap>div{position:relative;}
.main_gallery_wrap h4{font-size:28px;  color:#111111; letter-spacing:-1px; font-weight:700;}
.main_gallery_wrap h4 span{color:#038738;}
.main_gallery_more{position:absolute; left:340px; top:13px; width:60px; height:20px; font-size:0; text-indent:-999999px;
		-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
.main_gallery_more:before{content:''; height:4px; width:100%; border-radius:2px; display:block; background-color:#888888; position:absolute; top:68%; right:0;
		-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
.main_gallery_more:after{content:''; height:25px; width:4px; display:block; border-radius:2px; position:absolute; top:-2px; right:7px; background-color:#888888;
		transform:rotate(-60deg); -webkit-transform:rotate(-60deg); -moz-transform:rotate(-60deg); -o-transform:rotate(-60deg);-ms-transform:rotate(-60deg); 
		-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
.main_gallery_more:hover{left:360px;} 
.main_gallery_more:hover:before{background-color:#038738;}
.main_gallery_more:hover:after{background-color:#038738;}
.main_gallery_list li{float:left; width:23.125%; margin:15px 0;}
.main_gallery_list li+li{margin-left:2.5%;}
.main_gallery_list li>a{display:block; text-align:center; color:#333333;}
.main_gallery_list li>a>span{display:block; }
.main_gallery_list li>a img{width:100%;}
.main_gallery_list li>a em{display:block; margin-top:10px; width:100%; font-size:17px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_gallery_list li>a:hover{color:#038738; text-decoration:underline;}
.main_gallery_list li>a:hover img{opacity:0.8;}

/*main_banner_wrap02*/
.main_banner_wrap02{margin-top:45px; background:url("../images/main/bg_main_banner.jpg")no-repeat center center; background-size: cover;
		padding:40px 0;}
.main_banner_wrap02 h1{font-size:28px;  color:#ffffff; letter-spacing:-1px; font-weight:700; text-align:center; text-shadow:1px 1px 3px rgba(0,0,0,0.6);}
.main_banner_wrap02 ul{margin-top:30px;}
.main_banner_wrap02 li{float:left; width:16%; border-radius:50%; overflow:hidden; position:relative; margin:0 4.5%;}
.main_banner_wrap02 li:after{content:''; display:block; padding-bottom:100%;}
.main_banner_wrap02 li>a{background-color:rgba(255,255,255,0.8); display:table; width:100%; height:100%; position:absolute; left:0; top:0; color:#333333;}
.main_banner_wrap02 li>a>span{display:table-cell; vertical-align:middle;}
.main_banner_wrap02 li strong{margin-top:15px; font-size:19px; display:block; text-align:center;}
.main_banner_wrap02 li:hover{box-shadow:1px 1px 8px rgba(0,0,0,0.6);}
.main_banner_wrap02 li:hover a{color:#038738; background-color:rgba(255,255,255,0.9);}

/*main_community_wrap*/
.main_community_wrap{margin-top:60px;}
.main_community{float:left; width:50%;}
.main_community_title h4{font-size:21px; color:#111111;}
.main_community_title p{margin-top:2px;}
.main_cs_wrap{background:url("../images/main/main_cs_icon.png")no-repeat 0 0; padding:0 0 0 60px;}
.main_cs_wrap .main_community_title>p{color:#999999;  font-size:15px;}
.main_board_wrap{background:url("../images/main/main_notice_icon.png")no-repeat 0 0; position:relative; padding:0 80px 0 60px;}
.main_board_wrap .main_community_title>p{color:#038738; font-size:15px;}
.main_board_wrap ul{margin-top:15px;}
.main_board_wrap ul>li+li{margin-top:3px;}
.main_board_wrap ul>li>a{display:block; font-size:15px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:11px; 
		position:relative;}
.main_board_wrap ul>li>a:before{content:''; width:3px; height:3px; border:1px solid #666666; position:absolute; left:0; top:10px;}
.main_board_wrap ul>li>a:hover{color:#000000; text-decoration:underline;}
.main_board_more{position:absolute; right:80px; top:11px; font-size:15px; color:#777777;}
.main_board_more:hover{color:#038738;}
.main_cs_inquire{margin-top:10px;}
.main_cs{float:left; font-size:16px; color:#333333; line-height:1.6;}
.main_cs dl dt,.main_cs dl dd{display:inline-block; vertical-align:top; }
.main_cs dl dd{margin-left:5px;}
.main_cs dl:first-child,.main_cs dl:nth-child(2){font-size:22px; line-height:1.5;}
.main_cs dl:first-child{color:#038738;}
.main_inquire{float:right;}
.main_inquire>a{display:block; padding:12px 20px; border:1px solid #999999; }
.main_inquire>a>*{display:block;}
.main_inquire>a strong{color:#333333; font-size:16px; font-weight:700; }
.main_inquire>a span{padding-left:40px; font-size:15px; background:url("../images/main/main_inquire_icon.png")no-repeat 0 center; margin-top:5px;
		line-height:1.5;}
.main_inquire>a:hover{border-color:#038738;}
.main_inquire>a:hover>*{color:#038738;}

/*site_link_wrap*/
.site_link_wrap{padding:15px 0; border-top:1px solid #cccccc; position:relative;}
.site_link_wrap:before{content:''; width:100%; height:1px; display:block; background-color:#dedede; position:absolute; left:0; top:86px;}
.site_link_list{font-size:0;}
.site_link_list+div{margin-top:30px;}
.site_link_list>*{display:inline-block; vertical-align:middle;}
.site_link_list h6{font-weight:500; font-size:20px; color:#222222; position:relative; padding-right:30px; margin-right:30px;}
.site_link_list h6:before{content:''; height:12px; width:12px; display:block; border:3px solid #038738; border-left-width:0; border-top-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg); position:absolute; top:10px; right:0;}
.site_link_list li{display:inline-block; vertical-align:middle; border:1px solid #dedede; border-radius:3px; overflow:hidden;}
.site_link_list li+li{margin-left:20px;}

/*footer*/
.f_logo{width:169px;}
.f_logo>img{width:100%;}
.company_info02{margin-top:20px;}
.company_info02 span,.company_info02 dd{color:#222222;}
.company_info02>div>dl{display:inline-block; vertical-align:middle; position:relative;}
.company_info02>div>dl+dl{padding-left:9px; margin-left:8px;}
.company_info02>div>dl+dl:before{content:''; width:1px; height:10px; display:block; position:absolute; left:0; top:8px; background-color:#999999;}
.company_info02 dl dt,.company_info02 dl dd{display:inline-block; vertical-align:middle;}
.company_info02 dl dd{margin-left:5px;}

/*.top_btn*/
.top_btn{position:fixed; bottom:20px; right:15px; border:1px solid #666666; padding:15px 0 8px; cursor:pointer; width:40px; height:40px; 
		text-align:center; font-size:13px; color:#666666;  z-index:300; background-color:rgba(255,255,255,0.05);}
.top_btn:before{content:''; width:4px; height:4px; display:block; border:2px solid #666666; border-left-width:0; border-bottom-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
		position:absolute; left:16px; top:9px;}