/*===============================================================*/
/*======================= Mobile 640 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:640px){
.pct {display:none !important;}
.tablet {display:none !important;}
.mobile {display:block !important;}
img.tablet_img {display:none;}
img.pct_img {display:none;}
img.mobile_img {display:block;}
table.mobile {display:table;}

/* header */
#header {height: 60px;}
#header h1 {margin-top: 17px;}
#header h1 a {width: 150px; height: 26.5px;}
#header .btn_allmenu {top: 18px; width: 24px; height: 24.7px;}

/* allmenu */
#allmenu {width: 75%; right: -75%;}
#allmenu .allmenu_wrap {width: 100%;}
#allmenu .allmenu_header {height: 60px; padding: 0 4vw;}
#allmenu .allmenu_header .logo {width: 150px; margin-top: 17px;}
#allmenu .allmenu_header .btn_allmenu_close {width: 24px; margin-top: 18px;}

#allmenu .menu_wrap dl dt {font-size: 16px; line-height: 45px;}
#allmenu .menu_wrap dl.on dt span {background-size: 10px;}
#allmenu .menu_wrap dl dd {}
#allmenu .menu_wrap dl dd ul {padding-left: 15px;}
#allmenu .menu_wrap dl dd ul li {font-size: 14px; font-weight: 300; line-height: 35px;}

/* 메인비주얼 */
#mainVisual {}
#mainVisual .mainVtxt b {padding-bottom: 8px; font-size: 0.769rem; white-space: nowrap; letter-spacing: 3px;}
#mainVisual .mainVtxt strong {font-size: 1.769rem; letter-spacing: 5px;}
#mainVisual .mainVtxt p {padding-top: 20px; font-size: 1rem;}
#mainVisual .mainVtxt.on b {letter-spacing: 1.5px !important;}

#mainVisual .mainControl .paging {width: 50px;}
#mainVisual .mainControl .paging span {font-size: 0.923rem; font-weight: 600;}
#mainVisual .mainControl .progress_bar {width: 120px;}
#mainVisual .mainControl .play_state {width: 8px; height: 10px; margin-left: 5px; background-size: 100%;}
#mainVisual .Paging {margin-left: 15px;}
#mainVisual .Paging .slick-arrow {width: 6px; height: 11.5px;}
#mainVisual .Paging .slick-arrow.slick-next {margin-left: 20px;}

#mainVisual .noticeArea {height: 54px; line-height: 34px; padding: 8px 8px 8px 0; border-radius: 3px;}
#mainVisual .noticeArea .tt {width: 90px;}
#mainVisual .noticeArea .tt:after {height: 10px; transform:translateY(-35%);}
#mainVisual .noticeArea .tt b {padding-left: 20px; background-size: 13px; font-size: 0.923rem; font-weight: 600;}
#mainVisual .noticeArea .latest_con {width: calc(100% - 200px); height: 20px; line-height: 20px; margin-top: 8px; padding-left: 10px;}

/*main contents*/
.main .section, .section .fp-tableCell {height: auto !important; min-height: inherit;}
.fp-tableCell {padding:60px 0;}

.main_TitleArea {margin-bottom: 30px;}
.main_TitleArea h2 {font-size: 1.538rem;}
.main_TitleArea h2 span:after {width: 5px; height: 5px; border-radius: 1px;}
.main_TitleArea p {padding-top: 10px; font-size: 1rem;}

.main_company .company_con ul li,
.main_company .company_con ul li:nth-child(2n-1) {margin-top: 30px;}
.main_company .company_con ul li .ImgArea {-webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.2); box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.2);}
.main_company .company_con ul li .tt {margin-top: 15px; font-size: 1.154rem;}
.main_company .company_con ul li .tt i {width: 11px; height: 10px; margin-left: 3px; background-image: url('/images/common/icon/icon_arrow02_m.png'); background-size: 36px;}
.main_company .company_con ul li:hover .tt i {width: 36px;}

.section3-bg { background-image:url("/images/main/section03_bg_m.jpg");}
.main_business .business_con ul li {background-image: url('/images/main/business_con_bg_m.png'); border-radius: 3px;}
.main_business .business_con ul li a {padding: 25px 30px;}
.main_business .business_con ul li .tt {font-size: 1.231rem;}
.main_business .business_con ul li .btn_more02 {margin-top: 25px;}
.main_business .business_con ul li .icon {right: 30px; bottom: 25px;}
.main_business .business_con ul li .icon.icon_01 {width: 60px; height: 50px; background-image: url('/images/main/icon_business01_m.png');}
.main_business .business_con ul li .icon.icon_02 {width: 60px; height:57px; background-image: url('/images/main/icon_business02_m.png');}

.main_cscenter .latest_con .btn_more {top: -30px; padding-right: 14px; background-image: url('/images/common/icon/icon_arrow05_m.png'); background-size: 9px; font-size: 0.846rem;}

/* Tab Style */
.TabType01 {margin-bottom: 15px;}
.TabType01 li {margin-left: 15px; font-size: 1rem;}
.TabType01 li:after {height: 1px;}

/* 서브비주얼 */
#subVisual {height: 260px;}
#subVisual .tb {padding-top: 60px; padding-bottom: 50px;}
#subVisual .subv-title h2 {font-size: 2.188rem;}

.subVsal01 { background-image:url("/images/common/subvisual_01_m.jpg");}
.subVsal02 { background-image:url("/images/common/subvisual_02_m.jpg");}
/* .subVsal03 { background-image:url("/images/common/subvisual_03_m.jpg");} */

/*sub navigation bar*/
#SNB {height: auto; margin-top: -52px; border-bottom: none;}
.SNBWrap {line-height: 50px;}
.SNBWrap .home {width: 45px; height: 51px;}
.SNBWrap .home a {background-image: url('/images/common/icon/icon_home_m.png'); background-size: 15px;}
.SNBWrap .depth {width: calc((100% - 45px)/2); max-width: 100%;}
.SNBWrap .depth.depth02 {border-right: none;}
.SNBWrap .depth span {height: 51px; margin: 0 15px; background-size: 6px; font-size: 1rem;}
.SNBWrap .depth ul {top: 51px; padding: 15px 0;}
.SNBWrap .depth ul li {margin-top: 12px; line-height: 18px;}
.SNBWrap .depth ul li a {padding: 0 15px;}

/*sub contents*/
.contentsArea {padding: 15% 0;}
.contentsArea .section {}

.contentsArea .TitleArea {margin-bottom: 40px;}
.contentsArea .TitleArea h3 {font-size: 1.875rem;}

.ttArea {margin-bottom: 20px;}
.ttArea h4 {padding-bottom: 10px; font-size: 1.563rem;}
.ttArea h4:after {width: 20px;}

.contentsArea .section {padding: 10% 0 15%;}
.contentsArea .Inner_section {padding-top: 10%;}

/* 회사개요 */
.Introdction .Greeting {padding-bottom: 10%;}
.Introdction .Greeting .big_txt p {font-size: 1rem;}
.Introdction .Greeting .big_txt strong,
.Introdction .Overview .big_txt strong {font-size: 1.25rem;}

.Introdction .Overview .BgArea {height: auto; background: none;}
.Introdction .Overview .BgArea img {display: block; width: 100%;}
.Introdction .Overview .ttArea {padding-top: 10%;}
.Introdction .Overview .big_txt {margin-bottom: 40px;}
.Introdction .Overview .overview_info ul {width: 220px;}
.Introdction .Overview .overview_info ul li {padding: 30px 2%;}
.Introdction .Overview .overview_info ul li .icon {margin-bottom: 5px;}
.Introdction .Overview .overview_info ul li .icon.icon_01 {background-image: url('/images/company/icon_overview01_m.png');}
.Introdction .Overview .overview_info ul li .icon.icon_02 {background-image: url('/images/company/icon_overview02_m.png');}
.Introdction .Overview .overview_info ul li .icon.icon_03 {background-image: url('/images/company/icon_overview03_m.png');}
.Introdction .Overview .overview_info ul li b {font-size: 1.231rem;}
.Introdction .Overview .overview_info ul li p {padding-top: 3px; line-height: 1.5;}

/* 연력 */
#History dl {padding: 15px 0;}
#History dl dt {float: none; width: 100%; font-size: 1.231rem;}
#History dl dd {float: none; width: 100%;}
#History dl dd ul li {padding-left: 35px; margin-top: 10px;}

/* 오시는길 */
#Location .AapArea .root_daum_roughmap .wrap_map {height: 60vw !important;}

#Location .InfoArea {margin-top:30px;}
#Location .InfoArea .tt {padding-bottom: 10px; font-size: 1.231rem;}
#Location .InfoArea .tt:after {width: 20px;}
#Location .InfoArea ul li {padding: 15px 15px 15px 20px; background-position: left 16px; background-size: 12px;}
#Location .InfoArea ul li:last-child {border-bottom: none; padding-bottom: 0 !important;}
#Location .InfoArea ul li b {font-size: 1.077rem; font-weight: 600;}
#Location .InfoArea ul li.address {background-image: url('/images/company/icon_address_m.png');}
#Location .InfoArea ul li.tel {background-image: url('/images/company/icon_tel_m.png');}
#Location .InfoArea ul li.fax {background-image: url('/images/company/icon_fax_m.png');}
#Location .InfoArea ul li.mail {background-image: url('/images/company/icon_mail_m.png');}
#Location .InfoArea ul li p {padding-top: 2px;}

/* Table Style */
.TblType01 tbody th {line-height: 1.4;}
.TblType01 tbody td {line-height: 1.4;}
.TblType01 + .ImgArea, 
.ImgArea + .TblType01 {margin-top: 20px;}

/* 사업개요 */
.BusinessOverView .business_info {background-image: url('/images/business/business_bg_m.jpg');}
.BusinessOverView .business_info ul {display: block;}
.BusinessOverView .business_info li {width: 100%; margin-top: 30px;}
.BusinessOverView .business_info li:first-child {margin-top: 0;}
.BusinessOverView .business_info li .icon {width: 100px; height: 100px; margin-bottom: 15px;}
.BusinessOverView .business_info li b {font-size: 1.154rem;}
.BusinessOverView .business_info li p {padding-top: 5px;}
.BusinessOverView .business_info li p span {font-size: 0.923rem;}

.BusinessOverView .business_scale li {padding: 10px; border-top-width: 1px;}
.BusinessOverView .business_scale li strong {font-size: 1.154rem; line-height: 1.2;}

/* 수상태양광 발전설비 개요 */
.business_prd li {margin-top: 30px;}
.business_prd li b {font-size: 1rem;}

/* footer */
#foot {}
#foot .inner {padding-top: 60px; padding-bottom: 60px;}
#foot .f_logo img {width: 130px;}
#foot .footCnt {margin-top: 20px; font-size: 0.692rem;}
#foot .footCnt address {line-height: 16px;}
#foot .footCnt address .bul {height: 8px; margin: 0 3px;}
#foot .footCnt .copy {padding-top: 20px; font-size: 0.615rem;}
#foot .footCnt .copy .secret img {width: 5px;}
#foot .btn_top {top: -20px; width: 40px; height: 40px;}

/* 관리자 로그인 */
div#box {width:90%; left:5%; padding:6% 5%; margin-bottom:-50%; border-width:3px; margin-left:0; box-sizing:border-box;}
div#p_input span.label {width:24%;}
div#box .login_center {padding:6% 0;}
div.login_foot {margin-top:6%;}
.divbox .text {width:50%;}

}

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

/* 메인비주얼 */
#mainVisual .mainVtxt b {font-size: 2.7vw;}
#mainVisual .mainVtxt strong {font-size: 6.2vw;}
#mainVisual .mainVtxt p {font-size: 2.7vw;}

}



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

/* 메인비주얼 */
#mainVisual .mainControl .progress_bar {width: 100px;}
#mainVisual .Paging {margin-left: 12px;}
#mainVisual .Paging .slick-arrow.slick-next {margin-left: 15px;}
#mainVisual .noticeArea .latest_con {width: calc(100% - 190px);}




}