@charset "utf-8";


.box4 { width:800px; margin:0 auto; max-width:95%;}
.sub_bis_CON1.member .title{ border-bottom:none;}

/*login*/
.login_wrap{}
.login_wrap .in{ padding:3em 10em; border:1px solid #ddd; box-shadow:0 1px 3px rgba(0,0,0,.2)}
.login_wrap .tbox{ text-align:center; margin-bottom:1em}
.login_wrap .tbox .icon{ font-size:1.75em !important; display:block; color:#247f00; width:2em; line-height:2em; border-radius:100%; border:1px solid #247f00; margin:0 auto}
.login_wrap .tbox .t1{ font-family: notokrB, sans-serif; font-size:1.75em; letter-spacing:-2px; word-spacing:2px; text-transform:uppercase; margin:.5em 0 1em 0}
.login_wrap .tbox .t1 .c1{ color:#111}
.login_wrap .tbox .t1 .c2{ color:#999}
.login_wrap .tbox .t2{ font-size:.938em; color:#666; line-height:1.5; padding-bottom:1em}
.login_wrap.fix{ float:none; width:27em; margin:0 auto}

.login > li{ position:relative; line-height:40px; margin-bottom:10px}
.login > li .inp{ width:100%; box-sizing:border-box; width:100%; height:60px; padding:0 50px; border:1px solid #ddd; border-radius:5px; font-family:tahoma,notokrM,sans-serif; font-size:.938em; font-weight:600; color:#333; transition:.3s}
.login > li .inp::-webkit-input-placeholder{ color:#aaa}
.login > li .inp::-moz-placeholder{ color:#aaa}
.login > li .inp:-moz-placeholder{ color:#aaa}
.login > li .inp:-ms-input-placeholder{ color:#aaa}
.login > li .inp.btn{ border:1px solid #247f00; background:#247f00; color:#fff; font-size:1.063em}
.login > li .inp:hover + .xi,
.login > li .inp:focus + .xi{ color:#247f00}
.login > li .xi{ position:absolute; left:0; top:10px; width:50px; text-align:center; color:#aaa}
.login > li .xi.xi-lock{ margin-left:0;}

.find_link{ text-align:center; font-size:1em !important; margin-top:2em}
.find_link > li > a{ font-size:.813em; color:#999; padding:0 1.5em; position:relative}
.find_link > li > a:before{ content:""; position:absolute; width:1px; height:1em; left:0; top:50%; margin-top:-.5em; background:#ddd}
.find_link > li.point > a{ font-weight:600}
.find_link > li:first-child > a:before{ display:none}
.find_link > li > a:hover{ color:#111}

.tbox_fin{ text-align:center}
.tbox_fin .fin_logo{ margin-bottom:10px;}
.tbox_fin .t1{ font-size:1.75em; color:#111}
.tbox_fin .t2{ font-size:.875em; color:#777; line-height:1.5; margin:1.5em 0}
.tbox_fin .order_no{ display:inline-block; *display:inline; zoom:1; background:#ea4841; padding:0 2em; color:#fff; border-radius:3em; line-height:2.5em}
.tbox_fin .order_no .tt{ font-size:.875em}
.tbox_fin .order_no .no{ font-family:tahoma,sans-serif; font-size:1.5em; letter-spacing:1px}

/*Join*/
.step_tit{ text-align:center}
.step_tit .t1{ color:#aaa; letter-spacing:2px; font-size:.75em;}
.step_tit .t2{ color:#000; font-size:2em; padding-top:1em}

.step_st{ margin:2em 0 4em 0}
.step_st > li{ width:33.33%}
.step_st > li .in{ position:relative; padding-left:5em; color:#aaa}
.step_st > li .in .line{ position:absolute; width:100%; height:4px; left:0; top:50%; margin-top:-2px; background:#ddd}
.step_st > li .in .icon{ position:absolute; left:0; top:50%; margin-top:-1em; width:2em; line-height:2em; background:#f5f5f5; border:1px solid #ddd; border-radius:100%; color:#bbb; font-size:1.875em; text-align:center}
.step_st > li .in .t1{ letter-spacing:1px; font-size:.688em; padding-top:.25em}
.step_st > li .in .t2{ padding-top:1em}
.step_st > li.on .in{ color:#333}
.step_st > li.on .in .line{ background:#247f00}
.step_st > li.on .in .icon{ background:#247f00; border-color:#247f00; color:#fff}

.page_tit{ font-size:1.125em; color:#111; padding-bottom:.25em}
.page_tit .xi{ margin:-.25em .25em 0 .25em}
.page_tit .xi:before{content:"\ea55"}

.agree_box{ border:1px solid #ddd; background:#fff; border-radius:5px}
.agree_box:after{ display:block; clear:both; content:'';}
.agree_box .con{  padding:2em; font-size:.813em; color:#666}
.agree_box .con.scrollst{ height:17em; overflow-y:scroll; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .con.scrollst.h1{ height:10em}
.agree_box .btn{ border-top:1px solid #ddd; background:#f5f5f5; padding:.5em 2em; text-align:right; font-size:.813em}
.agree_box .btn label{ margin-left:2em}


.table_st{ border-top:2px solid #333; table-layout:fixed}
.table_st th,
.table_st td{ padding:.5em 1em; font-size:.9em; height:3em}
.table_st td{ padding:1em 1em}
.table_st th{ background:#fff; color:#111; border-bottom:1px solid #333}
.table_st td{ /*background:#fff;*/ color:#666; text-align:center; border-bottom:1px solid #ddd;}
.table_st .ess{ color: #ea4841; float:right; line-height:1; margin-top:-10px;}
.table_st .ess:before{ content:"\e929"; font-size:1.5em}

.table_st.form th{ text-align:left; border-color:#ddd}
.table_st.form td{ text-align:left}

.table_st.size1 th,
.table_st.size1 td{ height:1em}

.table_st.size2 td{ padding:2em 1em}

.table_st.bg1 th,
.table_st.bg1 td{ background:#f9f9f9}

.table_st.noline{ border-top:none}

.table_st .total_wrap{ text-align:right; padding-right:2.5em!important; font-size:.938em; position:relative}
.table_st .total_wrap:before,
.table_st .total_wrap:after{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:#111}
.table_st .total_wrap:after{ top:auto; bottom:-1px; background:#ddd}
.table_st .total_wrap .icon{ padding:0 1em; color:#111; font-size:1.75em; margin-top:-.1em}

.table_st.st1{ table-layout:auto}
.table_st.st1 th,
.table_st.st1 td{ border:1px solid #ddd; height:2em; padding:.5em; text-align:center}
.table_st.st1 th{ background:#333; color:#fff; border-color:#444}

.table_st.tbl_jo{ width:70%; margin:auto;}
.table_st.tbl_jo th,
.table_st.tbl_jo td{ padding:1.5em 1em;}

.ml_s{margin-right:10px;}
.pop_fm:hover{ text-decoration:underline;}

.agree_wrap .agree p{ padding:.5em 0;}
.agree_wrap .agree strong{ color:#333; font-weight:600;}

.join_tbox{border:1px solid #ddd; border-top:2px solid #333; color:#666; box-sizing:border-box; padding:1.5em; font-size:.9em; line-height:1.5;}
.join_tbox .join_t_tt{ margin-bottom:7px; color:#333;}
.join_tbox .join_tel{ color:#333; margin:0 3px;}
.join_tbox .join_tel .xi-call{ margin-right:3px; font-size:1.1em;}


/*이용안내*/

.guide_box{ border:1px solid #ddd; box-sizing:border-box; padding:2.5em 2em; font-size:.9em; color:#333; border-radius:10px; line-height:1.4}





/*======================================================================main======================================================================*/

/*main 공통*/
.section .main_tit{ text-align:center;}
.section .main_tit .m_tt{ font-size:2.125em; font-family:'notokrB';}
.section .main_tit .m_tx{ color:#666; margin-top:15px; font-size:1.063em;}
.section .main_tit .i_plus{ width:20px; height:20px; text-align:center; border:1px solid #999; transform:rotate(45deg); display:inline-block; line-height:20px; font-size:.875em; margin-top:22px;}
.f_after:after{ display:block; clear:both; content:'';}
.main_conp{ padding:6% 0;}


/*그린플러스*/
#section1 .main_con1{ padding:4em 0;}
#section1 .mAin_Con1 {position:relative;}
#section1 .mAin_Con1:before { content:""; position:absolute; top:0; left:0; width:100%; height:70%; background:#fbf8ec;}
#section1 .mAin_Con1_inw {margin-left:-20px; margin-top:45px;}
#section1 .mAin_Con1_inw .list {text-align:center;}
#section1 .mAin_Con1_inw .list > li .inner{ padding:1.5em 1em; border:1px solid #ddd; margin-left:20px; background:#fff; transition:.4s; height:20em; box-sizing:border-box}
#section1 .mAin_Con1_inw .list > li .inner:hover{ border-color:#7db267}
#section1 .mAin_Con1_inw .list .icon{}
#section1 .mAin_Con1_inw .list .en_t {color:#666; font-size:.938em; font-family:'notokrR'; padding-top:15px;}
#section1 .mAin_Con1_inw .list .txt{ margin-top:1em;}
#section1 .mAin_Con1_inw .list .txt .t1{ font-size:1.250em; font-family:'notokrB'; color:#5db247; }
#section1 .mAin_Con1_inw .list .txt .t2{ font-size:.938em; color:#555; font-family:'notokrM'; padding:1em 0 .4em 0; line-height:1.3;}


/*히스토리*/
#section2 .main_con2{ padding:4em 0 4em; /*background:url(../images/m_his_bg.jpg) no-repeat center; background-size:cover;*/}
#section2 .main_tit .m_tt{ font-size:2.5em; /*color:#fff;*/}
#section2 .main_history_wrap{ position:relative; z-index:inherit; margin-top:2em;}
#section2 .main_history_wrap .main_history_line{ position:absolute; z-index:inherit; width:1px; /*background:rgba(255,255,255,.5);*/ left:50%; height:100%; margin-left:-1px; top:20px}
#section2 .main_history_wrap .main_history > li{ position:relative; z-index:inherit; width:50%; margin-top:30px}
#section2 .main_history_wrap .main_history > li:first-child{ margin-top:0}
#section2 .main_history_wrap .main_history > li .history{ /*padding:0 50px*/}
#section2 .main_history_wrap .main_history > li .history .year{ font-size:1.2em; font-weight:600; color:#257f00; position:relative; z-index:inherit; letter-spacing:-1px}
#section2 .main_history_wrap .main_history > li .history .year .dot{ position:absolute; z-index:inherit; left:0; top:50%; margin-top:-5px; width:14px; height:14px; border-radius:50%; /*background:#fff;*/}
#section2 .main_history_wrap .main_history > li .history .year .dot:after{ content:''; width:40px; height:1px; background:rgba(255,255,255,.5); position:absolute; top:50%; left:0;}
#section2 .main_history_wrap .main_history > li .history .list{ position:relative; z-index:inherit; margin-top:15px; }
#section2 .main_history_wrap .main_history > li .history .list .month{ position:absolute; z-index:inherit; top:0; width:60px; font-size:1.125em; color:#0e4194; }
#section2 .main_history_wrap .main_history > li .history .list .tt{ display:block; font-size:1.2em; /*color:#fff;*/ margin:10px 0; position:relative; font-family:'notokrR'}
#section2 .main_history_wrap .main_history > li.odd{ left:0; text-align:right}
#section2 .main_history_wrap .main_history > li.even{ left:50%}
#section2 .main_history_wrap .main_history > li.odd .history .year .dot{ right:-57px; left:inherit;}
#section2 .main_history_wrap .main_history > li.even .history .year .dot{ left:-57px}
#section2 .main_history_wrap .main_history > li.odd .history .year .dot:after{ right:0; left:inherit;}
#section2 .main_history_wrap .main_history > li.odd .history .list .month{ right:0px}
#section2 .main_history_wrap .main_history > li.even .history .list .month{ left:0px}


/*스마트팜*/
#section3{background:url(../images/smt_bg.jpg) no-repeat center; background-size:cover;}
#section3 .smt_con{ padding:10px 70px 0;}
#section3 .smt_con .smt_txt{ margin-top:5em;}
#section3 .smt_con .smt_txt .t1{ font-size:1.25em; color:#112e03; line-height:1.3; position:relative;}
#section3 .smt_con .smt_txt .t1:before{content:"\ea38"; font-family:xeicon; position:absolute; bottom:-30px; left:-40px; font-size:6em; opacity:.2; color:#55893d}
#section3 .smt_con .smt_txt .t2{ font-size:3em; color:#55893d; font-family:'notokrB'; margin:15px 0 45px;}
#section3 .smt_con .smt_txt .t3{ font-size:1.125em; color:#444; line-height:1.5;}
#section3 .smt_con .smt_txt .t_more{ font-size:.875em; color:#5db247; letter-spacing:.5px; display:inline-block; margin-top:100px;}
#section3 .smt_con .smt_txt .t_more .dc_m{ width:26px; height:26px; border-radius:50%; background:#435363; display:inline-block; margin-left:25px; position:relative; vertical-align:inherit;}
#section3 .smt_con .smt_txt .t_more .dc_m:after{content:''; width:13px; height:1px; background:#fff; position:absolute; top:49%; left:0;}
#section3 .smt_con .smt_txt .t_more .dc_m:before{content:''; width:13px; height:1px; background:#435363; position:absolute; top:49%; left:-13px;}


/*company*/
#section4{ /*background:#ecf3fd;*/}
#section4 .comp_con{ margin-right:-30px; margin-top:40px;}
#section4 .comp_con:after{ display:block; clear:both; content:'';}
#section4 .comp_con > li{ float:left;  width:33.33%;}
#section4 .comp_con > li .in_wrap{ margin-right:30px;}
#section4 .comp_con > li .in_wrap .com_st{background:#f5f5f5; box-sizing:border-box; padding:1.5em 1em; height:190px; position:relative; box-shadow:2px 5px 5px rgba(0,0,0,0.3);}
#section4 .comp_con > li .in_wrap .com_st.mg_st{ margin-bottom:20px;}
#section4 .comp_con > li .in_wrap .com_st .t_en{color:#257f00; font-size:.9em;}
#section4 .comp_con > li .in_wrap .com_st .com_tt{font-size:1.4em; margin:5px 0 25px;}
#section4 .comp_con > li .in_wrap .com_st .com_tt .com_stt{ font-size:.63em;}
#section4 .comp_con > li .in_wrap .com_st .com_tw{ font-size:.9em; color:#444; line-height:1.5em; font-family:'notokrR'}
#section4 .comp_con > li .in_wrap .com_st .com_icon{ position:absolute; bottom:1.5em; right:1em;}
#section4 .comp_con > li .in_wrap .com_st.com_st02{ height:400px; color:#fff; background:url(../images/m_com_bg.jpg) no-repeat center; background-size:cover; padding:2em 1.2em; box-shadow:none;}
#section4 .comp_con > li .in_wrap .com_st.com_st02 .t_en{color:#fff; font-family:'notokrR'}
#section4 .comp_con > li .in_wrap .com_st.com_st02 .com_tw{color:#fff;}
#section4 .comp_con > li .in_wrap .com_st.com_st02 .tx_ch{ margin-top:70px;}
#section4 .comp_con > li .in_wrap .com_st.com_st02 .tx_ch li{ margin-bottom:5px; font-size:.938em; color:#eee;}


/*portfolio*/
#section5{ background:#fdf6ee;}
#section5 .port_wrap{ margin-top:3em;}
#section5 .port_wrap .p_photo{}
#section5 .port_wrap .p_photo li{ margin:0 10px;}
#section5 .port_wrap .p_photo li a{display:block;}
#section5 .port_wrap .p_photo li a .img_dv{ height:250px; background:url(../images/ex_img.jpg) no-repeat center; background-size:cover; background-repeat:no-repeat; background-position:center center; border-radius:10px 10px 0 0;}
#section5 .port_wrap .p_photo li a .txt_dv{ box-sizing:border-box; border:1px solid #ddd; padding:1em; background:#fff;}
#section5 .port_wrap .p_photo li a .txt_dv .in_tt{ font-size:1.125em; margin-bottom:10px; font-family:'notokrB';}
#section5 .port_wrap .p_photo li a .txt_dv .in_tw{ font-size:.875em; color:#555; line-height:1.5; height:42px; overflow:hidden;}
#section5 .port_wrap .p_photo li a .txt_dv .in_day{ font-size:.813em; color:#888; margin-top:30px}
#section5 .port_wrap .port_btn{}
#section5 .port_wrap .port_btn li{ cursor:pointer; font-size:.8em;}
#section5 .owl-controls{ display:block !important;  background:#b8b8c0; padding:13px 30px; text-align:center; border-radius:30px;  position:relative; box-sizing:border-box; width:20%; margin:30px auto 0;}
#section5 .owl-controls .owl-pagination{ display:inline-block;}
#section5 .owl-controls .owl-page{ display:inline-block;}
#section5 .owl-controls .owl-page span{ display:block; width:12px; height:12px; background:#fff; border-radius:50%; margin:0 2px;}
#section5 .owl-controls .owl-page.active span{ width:50px; height:12px; border-radius:30px; transition:.3s;}
#section5 .owl-controls .owl-buttons{ position:absolute; top:5px; left:50%; margin-left:-47%; width:94%; font-size:1.5em; color:#fff;}
#section5 .owl-controls .owl-buttons:After{ content:''; display:block; clear:both;}
#section5 .owl-controls .owl-buttons .owl-prev{ float:left;}
#section5 .owl-controls .owl-buttons .owl-next{ float: right;}
#section5 .owl-controls .owl-buttons .owl-prev:before{ content:"\e93c"; font-family:xeicon;}
#section5 .owl-controls .owl-buttons .owl-next:before{ content:"\e93f"; font-family:xeicon;}
   
/*notice*/
#section6{/*background:#f4f4f4;*/ /*background:url(../images/sub_v_7.jpg) no-repeat center; opacity: 0.6;*/ }
#section6 .main_notice{ margin-top:3em;}
#section6 .main_notice .wrap_idx{position:relative;}
#section6 .main_notice .project_list{ width:20%; float:left; box-sizing:border-box;}
#section6 .main_notice .project_list .list_inwrap{ min-height:360px; box-sizing:border-box; padding:2em; background:#24441b; position:relative;}
#section6 .main_notice .project_list .list_inwrap .bg_icon{ font-size:4em; color:rgba(255,255,255,.3); position:absolute; bottom:0; right:10px;}
#section6 .main_notice .project_list .tab_idx li{ width:100%; text-align:left; box-sizing:border-box; padding:15px; cursor:pointer;  color:#fff;}
#section6 .main_notice .project_list .tab_idx li .xi{ vertical-align:text-top; margin-right:8px;}
#section6 .main_notice .project_list .tab_idx li.on{ background:#fff; color:#000; position:relative;}
#section6 .main_notice .project_btn{ width:100%; position:absolute; top:45%; left:0; box-sizing:border-box;}
#section6 .main_notice .project_btn li{ color:#000; cursor:pointer; font-size:2.125em;}
#section6 .main_notice .project_btn li.btn_prev{ position:absolute; left:-2em;}
#section6 .main_notice .project_btn li.btn_next{ position:absolute; right:-2em;}
#section6 .main_notice .con_idx{ width:80%; float:left;}
#section6 .main_notice .con_idx #client .ptn_wrap {display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:99.9%;}
#section6 .main_notice .con_idx #client .ptn_wrap ul.ptn_photo:after { content:""; clear:both; display:block; height:0; visibility:hidden; }
#section6 .main_notice .con_idx #client .ptn_wrap ul.ptn_photo li{ box-sizing:border-box; padding-left:14px; padding-right:1px;}
#section6 .main_notice .con_idx #client .ptn_wrap ul.ptn_photo li a{ display:block;  border:1px solid #cbd4dd; box-sizing:border-box; min-height:360px; cursor:pointer; position:relative;}
#section6 .main_notice .con_idx #client .ptn_wrap ul.ptn_photo li .tit_con{ padding:1.5em; box-sizing:border-box; height:170px; background:#fff;}
#section6 .main_notice .con_idx #client .ptn_wrap ul.ptn_photo li .p_stk{ background:#1192c8; color:#fff; display:inline-block; padding:6px 20px; font-size:.78em; border-radius:30px;}
#section6 .main_notice .con_idx #client .ptn_wrap ul.ptn_photo li .p_stk .xi{ margin-right:5px; vertical-align:text-top;}
#section6 .main_notice .con_idx #client .ptn_wrap ul.ptn_photo li .p_stk.stk_01{ background:#a5b701;}
#section6 .main_notice .con_idx #client .ptn_wrap ul.ptn_photo li .p_stk.stk_02{ background:#529b7d;}
#section6 .main_notice .con_idx #client .ptn_wrap ul.ptn_photo li .p_stk.stk_03{ background:#dfb644;}
#section6 .main_notice .con_idx #client .ptn_wrap ul.ptn_photo li .p_stk.stk_04{ background:#83bc44;}
#section6 .main_notice .con_idx #client .ptn_wrap ul.ptn_photo li .p_list_tt{ margin-top:15px; font-family:'notokrB'; height:47px; overflow:hidden; line-height:1.5;}
#section6 .main_notice .con_idx #client .ptn_wrap ul.ptn_photo li .txt_con{ background:url(../images/inc/logo.png) no-repeat center; border-top:1px solid #ccc; height:190px; box-sizing:border-box;}

/*cs center*/
#section7{background:#f6f4e8;}
#section7 .wrap_top:after{ display:block; clear:both; content:'';}
#section7 .wrap_top{margin-top:3em;}
#section7 .wrap_top .m_vod{width:47%; margin-right:3.5%; position:relative; height:310px; background:#aaa;}
#section7 .wrap_top .m_vod .vod_tt{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,.7); text-align:center; color:#fff; padding:10px 0; font-size:.95em;}
#section7 .wrap_top .csbtn_wrap{ width:29%; margin-right:1.5%;}
#section7 .wrap_top .csbtn_wrap li a{ background:#aaa; display:block; height:148px; color:#fff; box-sizing:border-box; padding:2em; position:relative;}
#section7 .wrap_top .csbtn_wrap li a .in_tt{font-size:1.3em;}
#section7 .wrap_top .csbtn_wrap li a .in_btn{ position:absolute; bottom:0; right:0; width:38px; line-height:38px; background:#555; text-align:center;}
#section7 .wrap_top .csbtn_wrap li a .in_btn .xi{ font-size:.938em;}
#section7 .wrap_top .csbtn_wrap li a:hover .in_btn{ background:#5db247; transition:.3s;}
#section7 .wrap_top .csbtn_wrap li a.ir_box{ margin-bottom:14px; background:url(../images/ir_img.png) no-repeat center; background-size:cover;}
#section7 .wrap_top .csbtn_wrap li a.gall_box{background:url(../images/gall_img.jpg) no-repeat center; background-size:cover;}
#section7 .wrap_top .cslink_wrap{ width:19%;}
#section7 .wrap_top .cslink_wrap li a{ display:block; text-align:center; height:148px; font-size:1.15em; font-family:'notokrB'}
#section7 .wrap_top .cslink_wrap li a.blog{ background:#2b9d2e; color:#fff; margin-bottom:14px;}
#section7 .wrap_top .cslink_wrap li a.blog .in_icon{ font-size:1.5em; margin-bottom:5px;}
#section7 .wrap_top .cslink_wrap li a.kakao{ background:#f9e000; color:#3c201f;}
#section7 .wrap_top .cslink_wrap li a.kakao .in_icon{ font-size:1.8em;}
#section7 .wrap_bottom:after{ display:block; clear:both; content:'';}
#section7 .wrap_bottom{ margin-top:1.8em;}
#section7 .wrap_bottom .tt_box{ width:18%; height:120px; background:linear-gradient(95deg, #2d9f2e, #94f05f); color:#fff; text-align:center; line-height:120px; font-size:1.1em;}
#section7 .wrap_bottom .contact{width:82%;}
#section7 .wrap_bottom .contact:after{ display:block; clear:both; content:'';}
#section7 .wrap_bottom .contact li{ float:left; width:50%; box-sizing:border-box; border-right:1px solid #ddd; height:120px; background:#fff; padding:20px; color:#999; font-size:.9em;}
#section7 .wrap_bottom .contact li .t1{margin-top:5px; margin-bottom:12px; color:#555; font-size:1.2em;}
#section7 .wrap_bottom .contact li .t2{ margin-bottom:5px;}
#section7 .wrap_bottom .contact li .t3{ margin-right:25px;}