@charset "utf-8";

/*** Sub Common ***/
h3,h4,h5,h6,th{ font-weight:500;}


/** Sub_Visual **/
.sub_visual{position:relative; height:380px; box-sizing:border-box;  text-align:center;}
.sub_visual .t_wrap{position:absolute; left:50%; top:152px; transform: translateX(-50%); color:#fff; }
.sub_visual h4 {position:relative;opacity:1;font-size:50px; font-weight:400; line-height:1;     font-family: 'na_gd'; text-shadow:5px 5px 8px rgba(0,0,0,0.1); }
.sub_visual h4{animation-duration: 1.5s;	 animation-name: slidein2; animation-fill-mode: forwards;opacity:0;bottom:50px; }
/*

.sub_visual h3{font-weight:400; animation-duration: 1.5s;	 animation-name: slidein3; animation-fill-mode: forwards;opacity:0; bottom:-50px;  text-shadow:2px 2px 4px rgba(0,0,0,1);  letter-spacing:0.2px;}

*/

 @keyframes slidein2{
  0%{opacity: 0;bottom:-50px;	  }
   30%{opacity: 0;	  }
  100% {	opacity: 1;	bottom:0px;  }
 }
 @keyframes slidein3{
  0%{opacity: 0;bottom:50px;	  }
  30%{opacity: 0;	  }
  100% {	opacity: 1;	bottom:0px;  }
 }
.no_img{width: 100%;text-align: center;	font-size: 30px;	 height: 600px;	line-height: 580px;}
.sub_ar{max-width: 1320px;margin: 0 auto;  padding-top:120px;} 
.con_title{margin:0 auto; position: relative; }
.con_title h2{ overflow:hidden;font-size: 32px;line-height: 1;margin-bottom: 65px;font-weight: 600;color: #333;border-bottom: 1px solid #ddd;padding-bottom: 25px; 
letter-spacing:-0.7px; padding-top:57px;}
.con_title h2 br{display:none;}
.con_title h2 .b_ul li br{display:none;}
.con_title h2>span{font-size:18px;}
.con_title h2 .b_ul{float:right; top:9px; position:relative;}
.con_title h2 .b_ul li{ 
	float:left;
    color: #999;
    font-size: 15px;
	font-weight:400;
    position: relative;
	line-height:18px;
}
.con_title h2 .b_ul li .icon_arr{
	padding:0 9px;
}
.con_title h2 .b_ul li .h_stitle{
	display:inline-block;
	text-align:right;
}
/** LNB **/
.lnb{ position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.lnb_wrap{width:1320px; margin:0 auto; }
.lnb_wrap>ul{display:table; table-layout:fixed; width:100%;}
.lnb_wrap>ul>li{display:table-cell; text-align:center; line-height:70px; font-size:20px;  }
.lnb_wrap>ul>li a{color:#fff; font-weight:400; position:relative; transition:0.2s all ease; background:rgba(0,161,58,0.6); }
.lnb_wrap>ul>li a:before{content:""; display:block; width:1px; height:80px;  position:absolute; right:0; top:50%; transform:translateY(-50%); background:rgba(255,255,255,0.4);}
.lnb_wrap>ul>li:last-child a:before{display:none;}
.lnb_wrap>ul>li:hover a,
.lnb_wrap>ul>li.current a{background:#fff;  color:#00a13a;}
/** Content margin-bottom 120**/



.hr{height:1px; background:#ddd; margin-top:85px; margin-bottom:85px; display:none;}
.td_br {display: none;}
.m_br {display: none;}


/* sub cont ���� css */
.sub_cont{margin-bottom:150px; }
.slnb{display:table; width:100%; margin-bottom:45px;}
.slnb li{ font-size:18px; display:table-cell; vertical-align:middle; height:68px; text-align:center;background:#f3f3f3; }
.slnb.three li{width:33.3%;}
.slnb.three li:last-child{width:33.4%;}
.slnb li a{ color:#909090; }
.slnb li.on{background:#1249a3; color:#fff;}
.slnb li.on a{ color:#fff;}

.sub_cont h4.title{line-height:58px;  font-size:38px; color:#333333; margin-bottom:26px; }
.sub_cont h4.title img{margin-right:18px; box-shadow:1px 2px 9px #bbb; border-radius:11px;}
.sub_cont .title_type2{font-size:32px; color:#333333; margin-bottom:28px;}
.sub_cont .tb_type1{width:100%; font-size:16px;}
.sub_cont .tb_type1 tr{border-bottom:1px solid #dddddd;}
.sub_cont .tb_type1 td,
.sub_cont .tb_type1 th{line-height:59px; color:#666666; text-align:center; box-sizing:border-box;}
.sub_cont .tb_type1 th{ color:#fff; background:#6aa5db; border-right:1px solid #fff;}
.sub_cont .tb_type1 td{border-right:1px dotted #b2b2b2; }
.sub_cont .tb_type1 td:last-child{border-right:none; }
.sub_cont .tb_type1 td:first-child{background:#f3f8fc; }
.s_title.type1{font-size:32px; color:#333333; margin-bottom:26px; margin-top:-5px;}


/*s1_1*/
.s11bg{position:absolute;   right: -154px;bottom: -56px;}
.s1_1>.left_bx{width:calc(1320px - 492px); float:left; padding-right:90px; box-sizing:border-box;}
.s1_1>.left_bx p.eq0{ font-size:40px;  font-weight:500; line-height:1.25; margin-bottom:36px;}
.s1_1>.left_bx p.eq0 span{font-weight:600; color:#004b1b;}
.s1_1>.left_bx p.eq1{font-size:18px; font-weight:400; color:#666; line-height:1.60; margin-bottom:32px;}
.s1_1>.left_bx p.eq1.last{margin-bottom:0;}

.s1_1>.left_bx div.list{overflow:hidden; margin-bottom:18px;}
.s1_1>.left_bx div.list.last{margin-bottom:28px;}
.s1_1>.left_bx div.list .leq0{float:left; width:63px; font-size:23px; line-height:23px;  color:#00a13a; font-weight:600;}
.s1_1>.left_bx div.list .leq1{font-size:18px; color:#666666;  line-height:1.6;float:left; position:relative; top:-3px; width: calc( 100% - 63px); }
.s1_1>.rgt_img{z-index:2;  float:right;position:relative; z-index:2;}
.s1_1>.rgt_img img:nth-child(1){ position:relative; z-index:5;}
.s1_1>.rgt_img img:nth-child(2){position: absolute;bottom: -33px; right: -23px; }

/* s1_2 */
.refer_sub_ti{font-size:45px; font-weight:500; line-height:44px; margin-bottom:48px; text-align:center;}
.s1_2  .ti_img{height:450px;  background: url(../../images/sub/s1_2bg.jpg) no-repeat center top; box-sizing:border-box; box-shadow:3px 3px 5px rgba(0,0,0,0.05);
padding:50px 110px; box-sizing:border-box; margin-bottom:15px;}
.s1_2 .txtq{ margin-top:111px; float:left;}
.s1_2 .txtq .eq0>span{ color:#00a13a;}
.s1_2 .txtq .eq0{color:#333; font-size:60px; font-weight:600;  margin-bottom:25px; font-family: 'Montserrat', sans-serif; line-height:59px;}
.s1_2 .txtq .eq1{font-size:22px; line-height:21px; font-weight:400}
.s1_2 .rgt_bx{float:right;}
.s1_2 .yeak li{overflow:hidden;border-bottom:1px solid #ddd; }
.s1_2 .yeak li .left_bx{width:302px;float:left; box-sizing:border-box;font-family: 'Montserrat', sans-serif;
line-height:40px; font-size:40px; font-weight:600;  margin-top:54px; color:#00a13a; text-align:center;}
.s1_2 .yeak li .rgt_bx{padding:57px 0;float:left;  width: calc(100% - 302px);}
.s1_2 .yeak li .rgt_bx>div{overflow:hidden; margin-bottom:16px;}
.s1_2 .yeak li .rgt_bx>div:last-child{margin-bottom:0;}
.s1_2 .yeak li .rgt_bx>div>p:nth-child(1){margin-top:0px;font-size:18px; width:60px; float:left; line-height:1.6; font-weight:500;}
.s1_2 .yeak li .rgt_bx>div>p:nth-child(2){margin-top:0px;font-size:18px;float:left; width: calc( 100% - 60px); color:#666; line-height:1.6; letter-spacing:0.5px;}

/*s1_3*/
.s1_3 .map_area{margin-bottom:36px; width: 100%; height: 425px;}
.s1_3 .map_area .root_daum_roughmap {border-bottom:1px solid #dddddd;}
.s1_3 .bt_bx h4 {line-height:1; font-size:25px; color:#333;  display: inline-block;vertical-align: top; margin-right:46px;}
.s1_3 .bt_bx .txt_bx{ display: inline-block;vertical-align: top; }
.s1_3 .bt_bx .txt_bx p{color:#666; font-size:18px; line-height:1.5; margin-bottom:5px;}
.s1_3 .bt_bx .txt_bx p:nth-child(2){margin-top:9px; }
.s1_3 .bt_bx .txt_bx p:nth-child(2) span.eq2{margin-left:20px;}
.s1_3 .bt_bx .btn_wrap{overflow:hidden; float:right;}
.s1_3 .bt_bx .btn_wrap a{box-sizing:border-box; float:left; display:block; border:1px solid #dbdbdb;}
.s1_3 .bt_bx .btn_wrap a:hover{opacity:0.7; }
.s1_3 .bt_bx .btn_wrap a:nth-child(1){border-right:0;}
.s1_3 .root_daum_roughmap {width: 100%;}
.s1_3 .root_daum_roughmap .wrap_map{padding:0;}
.s1_3 iframe {width: 100%; height: 100%;}


/* s2_1*/
/* s2_1*/
.s2_1{width:1000px; margin-left:auto; margin-right:auto;}
.s2_1_view{width:850px; margin-left:auto; margin-right:auto; margin-bottom:100px;}
.s2_1 .refer_tap{margin-bottom:48px; overflow:hidden;  border-top:1px solid #ddd;  border-left:1px solid #ddd; }
.s2_1 .refer_tap li{width:20%; float:left; box-sizing:border-box; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.s2_1 .refer_tap li a{ font-family: 'na_gd';line-height:45px; text-align:center; font-size:15px; color:#666; background:rgba(239,239,239,0.6);}
.s2_1 .refer_tap li:hover a,
.s2_1 .refer_tap li.on a{background:rgba(0,182,66,0.8); color:#fff;}


.s2_1  .product_t{background:url(../../images/sub/ic_logogo35.png) no-repeat left top; font-size:35px; font-weight:500; line-height:35px;  padding-left:46px; 
margin-bottom:45px; padding-bottom:15px; border-bottom:1px solid #ddd; width:100%;}
.s2_1 .gall_list{margin-bottom:20px;}
.s2_1 .gall_list:last-child{margin-bottom:0;}
.s2_1 .gall_list li{margin-bottom:4%; position:relative; float:left; width:22%; margin-right:4%;  border-bottom:1px solid #ddd;}
.s2_1 .gall_list li:hover{ border-bottom:1px solid #00b642;}
.s2_1 .gall_list li:hover .txt>span{background:#00b642;}
.s2_1 .gall_list li:hover  .img_wrap img{ transform:translate(-50%,-50%) scale(1.15) rotate(0.0001deg);}
.s2_1 .gall_list li:hover .txt>span>span{background:#fff;}
.s2_1 .gall_list li:nth-child(4n){margin-right:0;}
.s2_1 .gall_list li:hover .cover{opacity:1;}
.s2_1 .gall_list li .cover{opacity:0; transition:0.2s all ease; height:220px; background:rgba(0,0,0,0.5); z-index:99; width:100%; position:absolute; left:0; top:0;}
.s2_1 .gall_list li .img_wrap{box-shadow:-2px 3px 13px rgba(0,0,0,0.09);overflow:hidden; height:220px; width:100%; background:#fff;}
.s2_1 .gall_list li .img_wrap img{
	    transition: 0.5s all ease;
    image-rendering: auto;
    position: relative;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
}
.s2_1 .gall_list li .txt {padding:0 15px;}
.s2_1 .gall_list li .txt p{float:left; width:calc(100% - 40px); line-height:60px;font-size:20px; font-weight:500;}
.s2_1 .gall_list li .txt>span{transition:0.2s all ease; position:relative; display:block; width:33px; height:33px; float:right; margin-top:14px; border-radius:50%; background:#fff;box-shadow:5px 5px 8px rgba(0,0,0,0.05)}
.s2_1 .gall_list li .txt>span>span{transition:0.2s all ease; width:8px; background:#aaa; height:2px; display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.s2_1 .gall_list li .txt>span>span:nth-child(2){ transform:translate(-50%,-50%) rotate(90deg);}
/*
.s2_1_view .product_txt{margin-bottom:0px;}
.s2_1_view .fixjong{display:inline-block; margin-right:10px;}
.s2_1_view .left_bx{position:relative; height:240px;float:left; width:60%;   box-sizing:border-box;}
.s2_1_view .left_bx p.eq0{ padding-left:75px; line-height:45px; font-size:35px;   font-family: 'na_gd'; padding-bottom:15px; border-bottom:1px solid #ddd;
font-weight:500; background: url(../../images/sub/ic_logogo50.png) no-repeat left top; margin-bottom:30px;}
.s2_1_view .left_bx p.eq1{padding-left:20px; font-size:17px; line-height:1.6;}
.s2_1_view .left_bx .bt_a{
    transition: 0.2s all ease;
    line-height: 50px;
	height:50px;
    width: 145px;
    margin: 0 auto;
    color: #fff;
    font-size: 18px;
    border-radius: 45px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-align: center;
	position:absolute; bottom:-50px;
	left:20px;
    background: #00b642;
}
.s2_1_view .left_bx .bt_a:hover{background:#004b1b;}
.s2_1_view .rgt_bx{height:240px;border:1px solid #ddd; overflow:hidden; float:right; width:30%;  box-sizing:border-box; position:relative; }
.s2_1_view .rgt_bx img{ width:auto; height:100%;  max-width:260px;position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.s2_1_view .procont_ti{font-size:25px; padding-left:20px;  font-weight:500; font-family: 'na_gd'; line-height:25px; color:#333;  position:relative; margin-bottom:25px;} 
.s2_1_view .procont_ti:before{height:23px; width:5px; background:#00b642; position:absolute; left:0; content:""; top:1px;}
.s2_1_view .procontext{overflow:hidden; margin-bottom:55px;}
.s2_1_view .procontext p{padding-left:19px; margin-bottom:5px; overflow:hidden;}
.s2_1_view .procontext p:last-child{margin-bottom:0;}
.s2_1_view .procontext p>.txt{color:#666; font-size:18px; line-height:1.55; float:left; width:calc( 100% - 14px); }
.s2_1_view .procontext p:before{content:""; display:block; width:4px; height:4px; border-radius:50%; background:#333; margin-top:11px; float:left; margin-right:10px;}
.s2_1_view .procontext .img_wrap{border:1px solid #ddd; text-align:center; padding:20px 15px; box-sizing:border-box;}
.s2_1_view .procontext .img_wrap a img{ width:100%; height:auto; max-height:500px;}
.s2_1_view .btn_wrap{text-align:center;}
.s2_1_view .btn_wrap a{line-height:60px; border-radius: 25px;  font-family: 'na_gd'; font-weight: 600;  text-align: center; text-align:center;  color:#333; background:#efefef; 
display:inline-block; padding:0 40px; font-size:19px;   transition: 0.2s all ease; letter-spacing:2.5px;} 
.s2_1_view .btn_wrap a:hover{ background: #00b642; color:#fff;}
*/

.s2_1_view .product_txt{margin-bottom:40px; background:rgba(240,240,240,0.5);  width:100%; margin-left:0%; box-sizing:border-box; padding:20px;}
.s2_1_view .fixjong{display:inline-block; margin-right:10px;}
.s2_1_view .left_bx{position:relative; height:300px;float:left; width: calc( 100% - 350px);   box-sizing:border-box;}
.s2_1_view .left_bx p.eq0{border:1px solid red; position:absolute; left:20px; width:100%; transform:translateY(-50%); border:none; top:50%; padding-left:75px; line-height:45px; font-size:35px;   font-family: 'na_gd'; 
padding-bottom:15px; font-weight:500; background: url(../../images/sub/ic_logogo50.png) no-repeat left top; margin-bottom:30px;}
.s2_1_view .left_bx p.eq1{padding-left:20px; font-size:17px; line-height:1.6; display:none;}
.s2_1_view .txt_ararea{clear:both; width:100%; position:relative; left:0%; top:0px;padding:0 20px;  margin-top:40px; box-sizing:border-box;}
.s2_1_view .procontext:last-child{margin-bottom:0;}
.s2_1_view .left_bx .bt_a{
    transition: 0.2s all ease;
    line-height: 45px;
	height:45px;
    width: 140px;
    margin: 0 auto;
    color: #fff;
    font-size: 18px;
    border-radius: 40px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-align: center;
	position:absolute; bottom:50px;
	left:20px;
    background: #00b642;
}
.s2_1_view .left_bx .bt_a:hover{background:#004b1b;}
.s2_1_view .rgt_bx{height:300px;border:1px solid #ddd; overflow:hidden; float:right; width:300px;  box-sizing:border-box; position:relative;
box-shadow:7px 7px 16px rgba(0,0,0,0.2)}
.s2_1_view .rgt_bx img{ width:auto; max-width:100%;  max-width:300px;position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.s2_1_view .procont_ti{font-size:24px; padding-left:20px;  font-weight:500; font-family: 'na_gd'; line-height:25px; color:#333;  position:relative; margin-bottom:25px;} 
.s2_1_view .procont_ti:before{height:23px; width:5px; background:#00b642; position:absolute; left:0; content:""; top:1px;}
.s2_1_view .procontext{margin-bottom:45px;}
.s2_1_view .procontext p{padding-left:19px; margin-bottom:5px; overflow:hidden;}
.s2_1_view .procontext p:last-child{margin-bottom:0;}
.s2_1_view .procontext p>.txt{color:#666; font-size:17px; line-height:1.55; float:left; width:calc( 100% - 14px); }
.s2_1_view .procontext p:before{content:""; display:block; width:4px; height:4px; border-radius:50%; background:#333; margin-top:11px; float:left; margin-right:10px;}
.s2_1_view .procontext .img_wrap{border:1px solid #ddd; text-align:center; padding:20px 15px; box-sizing:border-box; width:100%}
.s2_1_view .procontext .img_wrap a img{ width:100%; height:auto; max-height:500px;}
.s2_1_view .procontext .img_wrap  img{ width:100%; height:auto; max-height:500px;}
.s2_1_view .btn_wrap{text-align:center;}
.s2_1_view .btn_wrap a{line-height:60px; border-radius: 25px;  font-family: 'na_gd'; font-weight: 600;  text-align: center; text-align:center;  color:#333; background:#efefef;  margin-top:60px;
display:inline-block; padding:0 40px; font-size:19px;   transition: 0.2s all ease; letter-spacing:2.5px;} 
.s2_1_view .btn_wrap a:hover{ background: #00b642; color:#fff;}


/* s4_2 */
.s4_2 .list{width:980px; margin:0 auto; }
.s4_2 .list li{border-bottom:1px solid #ddd;box-shadow:3px 3px 8px rgba(0,0,0,0.05);border-top:2px solid #ddd; float:left; width:48%; margin-right:4%; margin-bottom:4%;} 
.s4_2 .list li:hover .rgt_bx{ background:#fff;}
.s4_2 .list li:hover .img_wrap img{transform: scale(1.1);}
/*.s4_2 .list li:nth-child(n+3){border-top:1px solid #ddd; }*/
.s4_2 .list li>a{display:block; width:100%;  height:125px;}
.s4_2 .list li:nth-child(2n){margin-right:0;  ;}
.s4_2 .list li .img_wrap{float:left; width:35%; position:relative; height:100%; overflow:hidden;}
.s4_2 .list li .img_wrap img{transition:0.4s all ease; width:100%; height:100%;  image-rendering:auto; position:absolute; left:0%; top:0%; }
.s4_2 .list li .rgt_bx{transition:0.1s all ease;position:relative;float:left; width:65%; height:100%; padding:34px 30px; box-sizing:border-box; background:#fafafa;}
.s4_2 .list li .rgt_bx p.eq0{font-size:18px; margin-bottom:20px; font-weight:500; color:#333; line-height:17px;}
.s4_2 .list li .rgt_bx p.eq1{font-size:16px; color:#999; line-height:15px;}
.s4_2 .list li .rgt_bx i{position:absolute; right:30px; top:50%; transform:translateY(-50%); font-size:20px;}

/*pw page */
.s4_2_passwd  #pw_confirm{margin:0 auto; text-align:center; }
.s4_2_passwd .passarea{ margin:0; padding:0 !important; margin-bottom:30px;}
.s4_2_passwd .passarea strong{font-size:20px; margin-bottom:10px;}
.s4_2_passwd form[name=fboardpassword]{width:25%; display:inline-block; background:#fff; border:none; margin-bottom:15px;}
.s4_2_passwd #pw_confirm .btn_submit{right:0; float:right;  width:68px; }
.s4_2_passwd #pw_wr_password{width:172px; box-sizing:border-box; padding:0 10px; font-size:16px;}
.s4_2_passwd #pw_confirm fieldset{padding:0; margin:0; background:#fff; border:none; }

/*s5_2*/
.s5_2request .ment{display:none !important;}
.s5_2request{margin-bottom:40px !important;}
.s5_2request table{
    overflow: hidden;
}
.s5_2request table span.red{
	display:none;
}
.s5_2request table th{
    padding: 10px 10px;
    color: #333;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    background: #fdfdfd;
}
.s5_2request table td{
	display: table-cell;
    padding: 10px 10px;
    color: #333;
    vertical-align: middle;
    background: #fff;
	text-align:left;
}
.s5_2request table th,
.s5_2request table td{
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
}
.s5_2request table td:last-child{
	border-right:none;
}	
.s5_2request table select{
	width: 100%;
    height: 30px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #ddd;
    outline: 0;
    box-sizing: border-box;
}
.s5_2request table .jong_td select{
	width:150px;
}
.s5_2request table .phnum_td li{width:auto;}
.s5_2request table .phnum_td select{
	width:60px;
	padding:0 5px;
}
.s5_2request table .phnum_td input[type=text]{
	max-width: 233px;
	padding:0 5px;
}
.s5_2request table .email_td li{width:auto;}
.s5_2request table .email_td select{
	width:111px;
	padding:0 5px;
}
.s5_2request table .email_td input[type=text]{
	width:100px;
	padding:0 5px;
}
.privacy_area h2{
	margin-bottom:0px !important;
}
.respon_w .privacy_area > .privacy_box{
	height:210px;
}