/*============================================================*/
/*======================= Tablet 1024 px ~ =======================*/
/*============================================================*/
@media only screen and (max-width:1024px){
.pc {display:none !important;}
.tablet {display:block !important;}
.mobile {display:none !important;}
.tabmo {display:block !important;}
img {max-width:100%;}
img.pc_img {display:none;}
img.tablet_img {display:block;}
img.tabmo_img {display:block;}

/* header */
#header {height: 85px;}
#header h1 a {width: 240px; height: 42.5px;}
#header .headerWrap > .lang, .erp {display: none;}

#header .btn_allmenu {display: block; position: absolute; top: 25px; right: 4%; width: 35px; height: 36px;}
#header .btn_allmenu img {position: absolute; top: 0; left: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#header .btn_allmenu img.b {opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}

#header:hover .btn_allmenu img.b,
#header.scroll .btn_allmenu img.b,
#header.blk .btn_allmenu img.b  {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
#header:hover .btn_allmenu img.w,
#header.scroll .btn_allmenu img.w,
#header.blk .btn_allmenu img.w  {opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}

/* topmenu */
#topmenu {display: none;}

/* allmenu */
#allmenu {display: block; position: fixed; top: 0; right: -400px; height: 100%; z-index: 1000; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#allmenu.on {right: 0;}
#allmenu .allmenu_wrap {position: relative; width: 400px; height: 100%; background: #fff; z-index: 1000;}
#allmenu .allmenu_header {position: relative; height: 85px; padding: 0 25px; overflow: hidden;}
#allmenu .allmenu_header .logo {float: left; width: 240px; margin-top: 20px;}
#allmenu .allmenu_header .btn_allmenu_close {float: right; width: 35px; margin-top: 22px;}

#allmenu .menu_wrap {margin-top: 20px; border-top: 1px solid #e8e8e8;}
#allmenu .menu_wrap dl {border-bottom: 1px solid #e8e8e8;}
#allmenu .menu_wrap dl dt {padding: 0 60px; font-size: 20px; font-weight: 400; color: #000; cursor: pointer; line-height: 60px;}
#allmenu .menu_wrap dl dt span {display: block; /* background: url('/images/common/icon/gnb_off.png') no-repeat right center; */}
#allmenu .menu_wrap dl.on dt {color: #3f57bc;}
#allmenu .menu_wrap dl.on dt span {background: url('/images/common/icon/gnb_on.png') no-repeat right center; background-size: 15px;}
#allmenu .menu_wrap dl dd {display: none; padding:10px 10px 10px 60px; border-top: 1px solid #e8e8e8; background: #eaf0f4;}
#allmenu .menu_wrap dl dd ul {padding-left: 20px;}
#allmenu .menu_wrap dl dd ul li {position: relative; line-height: 45px; font-weight: 400;}
#allmenu .menu_wrap dl dd ul li a {display: block; color: #000;}
#allmenu .menu_wrap dl dd ul li a:hover {font-weight: 500; color: #3f57bc;}
#allmenu .menu_wrap dl dd ul li:hover a:before {content:''; position: absolute; top: 50%; left: -10px; width: 4px; height: 4px; background: #3f57bc; transform:translateY(-50%); border-radius: 1px;}

#allmenu .language {margin-top: 40px; padding-left: 60px;}
#allmenu .language ul {overflow: hidden;}
#allmenu .language ul li {float: left; margin-left: 20px; font-family: 'Nunito Sans', Sans-serif;}
#allmenu .language ul li:first-child {margin-left: 0;}
#allmenu .language ul li a {font-weight: 600; color: #000;}
#allmenu .language ul li:first-child a {color: #3f57bc;}

#allmenu .erptm {margin-top: 30px; margin-right:10px;}
#allmenu .erptm .erptm_tt {width: 152px; height: 40px; border: 1px solid #4255be; font-size: 14px; font-weight: 400; text-align: center; color: #fff; line-height: 38px; border-radius: 5px; cursor: pointer; background-color:#4255be;}
#allmenu .erptm .erptm_tt span {display: inline-block; padding-right: 25px; background: url('/images/common/icon/lang_arrow_w.png') no-repeat right 48%;}
#allmenu .erptm .erptm_tt a {font-weight: 400; color: #fff;}
#allmenu .erptm .erptm_tt a:hover {font-weight: 400; color: #fff;}

#allmenu .mblind {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 999;}

/* 메인비주얼 */
.mainvisual_section .fp-tableCell {padding: 0 !important;}

#mainVisual .mainVtxt b {font-size: 17px;}
#mainVisual .mainVtxt strong {font-size: 35px; letter-spacing: 10px; white-space:nowrap;}
#mainVisual .mainVtxt p {font-size: 18px; line-height: 1.4;}
#mainVisual .mainVtxt p br {display: none;}
#mainVisual .mainControl {margin-top: 60px; text-align: center;}
#mainVisual .mainControl .paging span {font-size: 18px;}
#mainVisual .mainControl .progress_bar {width: 200px;}

#mainVisual .noticeArea {height: 70px; line-height: 48px; border-radius: 5px;}
#mainVisual .noticeArea .tt {width: 140px; font-size: 18px;}
#mainVisual .noticeArea .tt:after {height: 18px; transform:translateY(-45%);}
#mainVisual .noticeArea .tt b {padding-left: 30px; background-size: 20px;}
#mainVisual .noticeArea .latest_con {width: calc(100% - 340px); height: 25px; line-height: 25px; margin-top: 13px; padding-left: 20px;}
#mainVisual .noticeArea .noticeControl {display: none;}

/*main contents*/
.main .section, .section .fp-tableCell {min-height: 100vh;}
.fp-tableCell {padding:100px 0;}

.main_TitleArea h2 {font-size: 32px;}
.main_TitleArea h2 span:after {top: 2px; width: 8px; height: 8px; border-radius: 2px;}
.main_TitleArea p {padding-top: 15px; font-size: 18px;}

.section2-bg {background: #fff;}
.main_company .company_con ul {flex-wrap:wrap;}
.main_company .company_con ul li {width: 47%; margin-left: 6%; margin-top: 50px;}
.main_company .company_con ul li:nth-child(2n-1) {margin-left: 0; margin-top: 50px;}
.main_company .company_con ul li:nth-child(-n+2) {margin-top: 0 !important;}
.main_company .company_con ul li .tt {padding-left: 0; font-size: 21px; opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
.main_company .company_con ul li .tt i {background-image: url('/images/common/icon/icon_arrow02.png');}
.main_company .bgLineArea {display: none;}

.main_business .business_con ul {display: block;}
.main_business .business_con ul li {width: 100%; height: auto; margin-left: 0; margin-top: 6%;}
.main_business .business_con ul li:first-child {margin-top: 0;}
.main_business .business_con ul li a {padding: 40px;}
.main_business .business_con ul li .tt {font-size: 25px;}
.main_business .business_con ul li .btn_more02 {position: relative; left: 0; bottom: 0; margin-top: 40px; color: #fff;}
.main_business .business_con ul li .btn_more02 span {background-image: url('/images/common/icon/icon_arrow03_w.png');}
.main_business .business_con ul li .btn_more02:after {width: 100%;}
.main_business .business_con ul li .icon {right: 40px; bottom: 40px;}

.section4-bg { background-image:url("/images/main/section04_bg_m.jpg");}
.main_cscenter .latest_con .btn_more {background-size: 12px; font-size: 15px;}

/* Tab Style */
.TabType01 li {font-size: 20px;}
.TabType01 li:after {height: 2px;}

/* 서브비주얼 */
#subVisual {height: 380px;}
#subVisual .tb {padding-top: 85px; padding-bottom: 60px;}
#subVisual .subv-title h2 {font-size: 35px;}

/*sub navigation bar*/
#SNB {height: 60px; margin-top: -60px; background: #fff;}
.SNBWrap {max-width: 100%; line-height: 60px; border-radius: 0;}
.SNBWrap:before {display: none;}
.SNBWrap .home {width: 60px; height: 60px; background: none;}
.SNBWrap .home a {background-size: 35%;}
.SNBWrap .depth {max-width: calc((100% - 60px)/3);}
.SNBWrap .depth span {margin: 0 20px; font-size: 16px;}
.SNBWrap .depth ul {top: 60px;}
.SNBWrap .depth ul li {line-height: 22px;}
.SNBWrap .depth ul li a {padding: 0 20px;}

/*sub contents*/
.contentsArea {padding: 80px 0 120px;}

.contentsArea .TitleArea {margin-bottom: 50px;}
.contentsArea .TitleArea h3 {font-size: 32px;}

.sectionType01 {display: block;}
.sectionType01 .ttArea {width: 100%;}
.ttArea {margin-bottom: 25px;}
.ttArea h4 {padding-bottom: 15px; font-size: 24px;}
.ttArea h4:after {width: 30px; height: 2px;}
.sectionType01 .section_con {width: 100%;}

.contentsArea .section {padding: 80px 0;}
.contentsArea .Inner_section {padding-top: 60px;}

/* 회사개요 */
.Introdction .Greeting {padding-bottom: 80px;}
.Introdction .Greeting .big_txt {margin-bottom: 20px;}
.Introdction .Greeting .big_txt p {font-size: 20px;}
.Introdction .Greeting .big_txt strong {font-size: 25px;}
.Introdction .Greeting .big_txt p + strong {padding-top: 8px;}
.Introdction .Greeting .txt_name {font-size:16px; padding-top:30px;}
.Introdction .Greeting .txt_name p {font-family:Allison; font-size:40px;}

.Introdction .Overview {padding-top: 0 !important;}
.Introdction .Overview .BgArea {width: 100%; height: 40vw; margin-top: 0;}
.Introdction .Overview .inner:before {display: none;}
.Introdction .Overview .ttArea {padding-top: 80px;}
.Introdction .Overview .big_txt {margin-bottom: 50px;}
.Introdction .Overview .big_txt strong {font-size: 25px;}
.Introdction .Overview .overview_info ul {display: block; width: 250px; margin: 0 auto;}
.Introdction .Overview .overview_info ul li {display: block; width: 100%; padding: 40px 2%; margin-left: 0; margin-top: 20px; border-radius: 3px; -webkit-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:3px 3px 7px 0px rgba(0, 0, 0, 0.2); box-shadow:3px 3px 7px 0px rgba(0, 0, 0, 0.2);}
.Introdction .Overview .overview_info ul li:first-child {margin-top: 0;}
.Introdction .Overview .overview_info ul li .icon {width: 50px; height: 50px; margin-bottom: 15px; background-size: 100%;}
.Introdction .Overview .overview_info ul li b {font-size: 20px;}
.Introdction .Overview .overview_info ul li p {padding-top: 5px;}

/* 연력 */
#History dl {padding: 20px 0;}
#History dl dt {width: 120px; font-size: 24px;}
#History dl dd {width: calc(100% - 120px);}
#History dl dd ul li {padding-left: 55px;}

/* 오시는길 */
#Location .AapArea {float: none; width: 100%; padding-right: 0;}
#Location .AapArea .root_daum_roughmap .wrap_map {height: 400px !important;}
#Location .InfoArea {float: none; width: 100%;}

#Location .InfoArea {margin-top: 50px;}
#Location .InfoArea .tt {padding-bottom: 15px; font-size: 24px;}
#Location .InfoArea .tt:after {width: 30px; height: 2px;}
#Location .InfoArea ul {margin-top: 20px;}
#Location .InfoArea ul li {padding: 20px 20px 20px 30px; background-position: left 22px;}
#Location .InfoArea ul li:last-child {border-bottom: none; padding-bottom: 0 !important;}
#Location .InfoArea ul li b {font-size: 20px;}

/* Table Style */
.TblType01 tbody th {padding: 10px;}
.TblType01 tbody td {padding: 10px;}
.TblType01 + .ImgArea, 
.ImgArea + .TblType01 {margin-top: 30px;}


/* 사업개요 */
.BusinessOverView .business_info li .icon {width: 120px; height: 120px;}
.BusinessOverView .business_info li b {font-size: 18px;}
.BusinessOverView .business_info li p {padding-top: 10px;}
.BusinessOverView .business_info li p span {font-size: 14px;}

.BusinessOverView .business_scale {margin-top: 0;}
.BusinessOverView .business_scale li {width: 47%; margin-left: 6%; margin-top: 6%; padding: 20px 15px;}
.BusinessOverView .business_scale li:nth-child(4n-3) {margin-left: 4%;}
.BusinessOverView .business_scale li:nth-child(2n-1) {margin-left: 0;}
.BusinessOverView .business_scale li:nth-child(-n+2) {margin-top: 0;}
.BusinessOverView .business_scale li .num {padding-bottom: 0;}
.BusinessOverView .business_scale li strong {font-size: 18px;}
.BusinessOverView .business_scale li p {line-height: 1.4;}

/* 수상태양광 발전설비 개요 */
.business_prd {margin-top: 0;}
.business_prd li {width: 48%; margin-left: 4%; margin-top: 50px; text-align: center;}
.business_prd li:nth-child(4n-3) {margin-left: 4%;}
.business_prd li:nth-child(2n-1) {margin-left: 0;}
.business_prd li:nth-child(-n+2) {margin-top: 0;}
.business_prd li b {padding: 10px 0 0 0; font-size: 18px;}

/* footer */
#foot {text-align: center;}
#foot .f_logo {float: none; width: 100%;}
#foot .f_logo img {width: 200px;}
#foot .footCnt {float: none; width: 100%; margin-top: 30px; padding-left: 0; font-size: 13px;}
#foot address .tabmo + .bul {display: none;}
#foot .footCnt address {line-height: 20px;}
#foot .footCnt address .bul {height: 10px; margin: 0 10px;}
#foot .footCnt .copy {padding-top: 30px; font-size: 11px;}

#foot .btn_top {top: -25px; width: 50px; height: 50px;}
#wrap.main #foot .btn_top {transform:translateX(0); -webkit-transform:translateX(0); opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}

/* 관리자 로그인 */
div#box {width:350px; bottom:50%; padding:30px 25px 20px 30px; margin-left:-207.5px; margin-bottom:-127.5px;}
div#box .login_center {padding:25px 0;}

}



/*===============================================================*/
/*======================= Tablet 850 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:850px){






}

/*===============================================================*/
/*======================= Tablet 768 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:768px){


}