@charset "utf-8";
/*
	Contents CSS _ 15.05.27
*/


/*공통*/
.bgbox{background:#fafafa; padding:20px 3%;}
.pdbox{padding:30px 20px; background:#ffffff}
.mEnter{display:block;}
.vab{vertical-align:bottom;}
.mt5 {margin-top:5%}
.mt10 {margin-top:10%}

.col-02{width:100%;}
.col-03{width:100%;}
.col-04{width:100%;}

.imgbox img{width:100%; max-width:530px;}
.w1400{max-width:1400px; margin: 0 auto;}
.w1000{max-width:1000px; margin: 0 auto;}
.w800{max-width:800px; margin: 0 auto;}

.perimg{text-align:center;}
.cb{clear:both;}

@media all and (max-width:768px) {

.mEnter{display:inline-block;}
}

.comm_table{width:100%; border-top:1px solid #323232; border-collapse:separate; font-size:0.9em}
.comm_table th, .comm_table td{border-bottom:1px solid #dcdcdc; padding:7px 5px; vertical-align:middle}
.comm_table .bl, .comm_table tr.bl td, .comm_table tr.bl th{border-left:1px solid #dcdcdc}
/*.comm_table tr.bl td:first-child, .comm_table tr.bl th:first-child{border-left:0px;}*/
.comm_table .bli{border-left:1px solid #dcdcdc !important}
.comm_table th{font-weight:bold; color:#323232; background:#f0f0f0}

.comm_table tr.bgc th, .comm_table tr.bgc td{ background:#e7e7e7; font-weight:500}
.comm_table .tal{text-align:left;}

.bd_table{border-right:1px solid #dcdcdc}
.bd_table th, .bd_table td{border-left:1px solid #dcdcdc}




.content_table{width:100%; border-top:2px solid #6d6a60; border-collapse:collapse;}
.content_table th{padding:10px 5px}
.content_table th, .content_table td{border-bottom:1px solid #dcdcdc; padding:7px 3px; vertical-align:middle}
.content_table .bl, .content_table tr.bl td, .content_table tr.bl th{border-left:1px solid #dcdcdc}
/*.content_table tr.bl td:first-child, .content_table tr.bl th:first-child{border-left:0px;}*/
.content_table .bli{border-left:1px solid #dcdcdc !important}
.content_table th{font-weight:600; background:#f5f5f5; color:#323232; padding:12px 3px;}
.content_table .bgc{background:#fafafa; text-align:center}
.content_table .bgcc{background:#1c3f95; color:#ffffff}
.content_table tr.bgc th, .content_table tr.bgc td{ background:#fafafa}
.content_table .tal{text-align:left;}


@media all and (min-width:768px) {
.comm_table{font-size:1em}
}


.blackTxt{color:#000000}
.blTxt{color:#1c3f95 !important}
.blgrTxt{color:#345468}

.pDot{padding-left:15px; position:relative}
.pDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; top:3px; background:#2797ff}
.fsb{font-size:1.2em}
.bgGray{background:rgba(230,230,230,0.3);}
.bgbox{padding:30px 0; background:rgba(230,230,230,0.3);}
.pdbox{padding:30px 20px}
/*.point_txt:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; bottom:0px; background:#fbca4d}
.point_txt:after{content:''; clear:both;}*/
/*.redDot{display:inline-block; position:relative; padding-right:15px}
.redDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; bottom:0px; background:#fbca4d}
.redDot:after{clear:both;}*/

.pointTxt{background:#cef2ff;}
.redTxt{color:#d10000}
.blueTxt{color:#2159c0}
.bdLine{border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px;}

.dot_li{overflow:hidden; }
.dot_li li{background:url("../img/dot_li.gif") no-repeat 0px 10px; padding-left:8px; margin-bottom:3px;}
.dot_li li:last-child{margin-bottom:0;}

.tit_nm{font-size:1.4em; font-weight:600; letter-spacing:-0.06em; color:#000000}
.tit_sm{font-size:1.2em;  font-weight:600; letter-spacing:-0.06em; color:#000000}
.tit_dot{color:#000000; font-size:1.3em; font-weight:600; letter-spacing:-0.065em; padding-left:26px; background:url(../img/tit_dot.png) no-repeat left center;}

/*탭리스트*/
.tablist {overflow:hidden; text-align:center; }
.tablist li{display:inline-block;  line-height:50px; text-align:center;}
.tablist li:last-child{border-right:0}
.tablist.list02 li{width:45%}
.tablist.list03 li{width:30%}
.tablist.list04 li{width:20%}
.tablist.list06 li{width:30%}


.tablist li a{ display:block; text-align:center; border:1px solid #dcdcdc; color:#808080; }
.tablist li.active a{background:#34425c; color:#ffffff; font-weight:600}


/*탭홀더*/
#tabsholder .tabs li{background:#ffffff; color:#808080; border:1px solid #dcdcdc; cursor:pointer}
#tabsholder .tabs li.current{background:#34425c; color:#ffffff; border-color:#34425c}
#tabsholder .tabscontent {display:none;}

@media all and (min-width:540px) {

}

@media all and (min-width:768px) {
.bgbox{padding:60px 0;}
.pdbox{padding:60px 30px;}

.comm_table th{padding:20px 5px}
.comm_table td{padding:15px 5px;}

.content_table th{padding:20px 5px}
.content_table td{padding:15px 5px;}
.comm_dl dt{float:left; margin-right:1%; clear:both;}
.comm_dl dd{width:87%; float:right;}

.sub_con .col-02{width:47%;float:left; margin:0 1.5%;}
.sub_con .col-03{width:30.33%; margin:0 1.5%; float:left;}
.sub_con .col-04{width:22%; margin:0 1.5%; float:left;}
.bdLine{padding-bottom:40px; margin-bottom:40px;}

.tEnter{display:block;}

.tit_nm{font-size:1.8em;}
.tit_sm{font-size:1.4em;}
.tit_dot{ font-size:1.5em;}

.tablist.list02 li{width:20%}
.tablist.list06 li{width:16%}

}

@media all and (min-width:1200px) {
.bgbox{padding:80px 0px;}
.pdbox{padding:80px 50px;}
.tEnter{display:inline-block;}
.pEnter{display:block;}
.bdLine{padding-bottom:60px; margin-bottom:60px;}

.tit_nm{font-size:2.0em;}
.tit_sm{font-size:1.6em;}
}

/*소개공통*/
.comm_top{position:relative; }
.deco:after{content:''; display:block; width:100%; position:absolute; bottom:0; height:8px; background:url(../img/line_bg.png) no-repeat;}
.comm_top h4{color:#29343f;  font-size:1.3em; line-height:1.3;}
.sub_tit {font-size:1.3em; font-weight:700; color:#000}
.k_txt {font-size:1.7em}

@media all and (min-width:768px) {
.comm_top h4{font-size:1.8em;}
.sub_tit {font-size:1.7em;}
.k_txt {font-size:1.5em}
}

/*인사말*/
.greeting_mes {}
.greeting_mes .ceo_img {text-align:center;}
.greeting_mes .ceo_img img{width:100%}
.greeting_mes .ceo_txt {}
.greeting_mes .ceo_txt p {padding-bottom:20px; font-size:1.2em; padding-top:10px; font-weight:400}
.greeting_mes .ceo_txt p b {font-weight:700 !important}

.visionBox {margin-top:-20px; background:#fff; width:80%; z-index:1; position:relative; padding:10px}
.visionBox .vision {}
.visionBox .vision span {font-size:0.8em; color:#8ec21f; text-decoration:underline; font-style:italic; font-weight:700; display:inline-block; padding-left:5px;}
.visionBox .txt {font-size:1.1em;}

@media all and (min-width:600px) {
.greeting_mes .ceo_txt p {font-size:1.4em;}
.visionBox {padding:30px; margin-top:-50px;}

}


@media all and (min-width:768px) {
.greeting_mes .ceo_txt p{font-size:1.5em;}
.greeting_mes .ceo_txt .pEnter{display:block; }

.visionBox {padding:50px 30px; margin-top:-80px;}
.visionBox .txt {font-size:1.25em;}

}

@media all and (min-width:1000px) {
.greeting_mes .ceo_txt {font-size:1.25em;}
.greeting_mes .ceo_txt p {font-size:1.7em;}

.visionBox  {width:60%; margin-top:-90px}
.visionBox .vision {padding-bottom:10px;}
.visionBox .txt .mEnter {display:inline-block;}

}






.business{position:relative; padding:3% 0}
.business:after{position:absolute; display:block; content:''; background:url(../img/bg_busi.jpg) no-repeat; background-size:cover !important; width:100%; height:100vh; top:0; left:0; right:0; margin:0 auto; z-index:-2}
.busi_box {background:#fff; padding:20px; margin:3%; position:relative;}
.busi_box:after {position:absolute;display:block; content:''; background:linear-gradient(45deg, #8ec21f 0%, #017c96 100%); width:100%; height:100%; top:10px; left:10px; z-index:-1}

.busi_box ul {border-top:1px solid #898989;}
.busi_box ul li {padding:5px 0; border-bottom:1px solid #898989;}

.sp_go {text-align:right; margin-top:5%}
.sp_go a {color:#fff;}
.sp_go a span img {margin-top:5px; max-width:60px;}


@media all and (min-width:768px) {
.busi_box {width:70%; padding:30px}
.busi_box:after  {top:20px; left:20px;}
.busi_box ul li {padding:15px 0;}

}

@media all and (min-width:1000px) {
.busi_box {width:65%; padding:50px;}
.busi_box ul li {padding:25px 0}
.sp_go {position:absolute; bottom:60px; right:20px; margin-top:0}

}


@media all and (min-width:1200px) {
.business {padding:80px 0 57px; }
.busi_box {width:53 %}
.sp_go {bottom:0}

.business:after{background-position-x:-100px}

}


.info_dl{overflow:hidden; text-align:center; padding:3% 2% 5%}
.info_dl dl{overflow:hidden; padding:30px 0px; background:#ffffff; -webkit-box-shadow: 5px 10px 30px rgba(0,0,0,0.1); 
-moz-box-shadow: 5px 10px 30px rgba(0,0,0,0.1);
box-shadow: 5px 10px 30px rgba(0,0,0,0.1);
position:relative; border-top:2px solid #8ec21f;
 float:left; width:100%;
 color:#323232;
 margin:1%
}
.info_dl dl dt{font-weight:600; text-align:center; margin-bottom:10px; font-size:1.2em;}
.info_dl dl dt img{ margin:0 auto; margin-bottom:10px; max-width:45px; display:block}
.info_dl dl dt span{font-size:1.2em; display:block}


@media all and (min-width:768px) {
.info_dl dl{float:left;  width:31.33%; }
.info_dl dl dt{ display:block}
.info_dl dl dt,
.info_dl dl dd{width:100%; float:none;}



}

@media all and (min-width:1200px) {
.info_dl {padding:0% 2% 2%}
.info_dl dl {padding:60px 0 50px;}



}



/*서비스 리스트*/
.monitor {position:relative;}
.monitor:after {content:''; display:block; clear:both;}
.monitor li {float:left; width:100%; text-align:center; box-shadow:5px 10px 30px rgba(0,0,0,0.1); padding:5% 0;}
.monitor li .ico {position:relative; width:100%; overflow:hidden; z-index:1; text-align:center;}
.monitor li .ico img {position:relative; transition: transform 0.5s ease; z-index:-1; max-width:25%;}
.monitor li:hover .ico img {transform: scale(1.1);}
.monitor li .txt {font-size:1.2em; margin-top:20px;}

@media all and (min-width:768px) {
.monitor li {float:left; width:33.3%; text-align:center; }


}

/*현황보기, 그룹관리*/
.tbl_web {}
.tbl_web table {width:100%;}
.tbl_web table th,
.tbl_web table td {text-align:center; padding:10px 0; vertical-align:middle;}
.tbl_web table thead th {background:#07913b; color:#fff; border-right:1px solid #ddd;}
.tbl_web table thead th:last-child {border-right:0;}
.tbl_web table tbody td {border-bottom:1px solid #ddd; }
.tbl_web table tbody td .modi {padding:5px; background:#ff9d03; color:#fff;}

.btn_member {text-align:right; margin:10% 0;}
.btn_member span {padding:10px; border:1px solid #ddd; background:#ddd;}
.btn_member .btn_enro {background:#00aeff; border:1px solid #00aeff; color:#fff;}
.btn_member .btn_del {}

@media  only screen    and (max-width: 800px)  {
.tbl_web table,.tbl_web  thead,.tbl_web  tbody,.tbl_web  th,.tbl_web  td,.tbl_web  tr {display: block;	}
.tbl_web thead tr {position: absolute;	top: -9999px;left: -9999px;}
.tbl_web tr {border-top:1px solid #959595;   border-bottom:1px solid #959595; margin-bottom:10px; }
.tbl_web td {	/* Behave  like a "row" */ padding:0%  0 0 20% !important; line-height:40px;
			border: none;	border-bottom: 1px solid #eee;position: relative;	padding-left: 50%;}
.tbl_web td:before {position: absolute;	top: 0;left: 0;	width: 20%;padding-left: 10px;	white-space: nowrap; line-height:40px; background:#07913b; color:#fff; border-bottom:1px solid #ddd; }
/* 장비별 기상청온습도 관리(모바일) */
.statusTemp td:nth-of-type(1):before { content: "상태"; }
.statusTemp td:nth-of-type(2):before { content: "업체"; }
.statusTemp td:nth-of-type(3):before { content: "업체명"; }
.statusTemp td:nth-of-type(4):before { content: "장비번호"; }
.statusTemp td:nth-of-type(5):before { content: "장비명"; }
.statusTemp td:nth-of-type(6):before { content: "설치일자"; }
.statusTemp td:nth-of-type(7):before { content: "행정구역코드"; }
.statusTemp td:nth-of-type(8):before { content: "행정구역명"; }
.statusTemp td:nth-of-type(9):before { content: "측정일시"; }
.statusTemp td:nth-of-type(10):before { content: "기온"; }
.statusTemp td:nth-of-type(11):before { content: "습도"; }
.statusTemp td:nth-of-type(12):before { content: "수정"; }

/* 장비별 기상청온습도 관리_유저(모바일) */
.statusTempUser td:nth-of-type(1):before { content: "상태"; }
.statusTempUser td:nth-of-type(2):before { content: "업체"; }
.statusTempUser td:nth-of-type(3):before { content: "업체명"; }
.statusTempUser td:nth-of-type(4):before { content: "장비번호"; }
.statusTempUser td:nth-of-type(5):before { content: "장비명"; }
.statusTempUser td:nth-of-type(6):before { content: "설치일자"; }
.statusTempUser td:nth-of-type(7):before { content: "행정구역코드"; }
.statusTempUser td:nth-of-type(8):before { content: "행정구역명"; }
.statusTempUser td:nth-of-type(9):before { content: "측정일시"; }
.statusTempUser td:nth-of-type(10):before { content: "기온"; }
.statusTempUser td:nth-of-type(11):before { content: "습도"; }

/* 장비별 미세먼지 관리(모바일) */
.statusDust td:nth-of-type(1):before { content: "상태"; }
.statusDust td:nth-of-type(2):before { content: "장비번호"; }
.statusDust td:nth-of-type(3):before { content: "장비명"; }
.statusDust td:nth-of-type(4):before { content: "측정소명"; }
.statusDust td:nth-of-type(5):before { content: "주소"; }
.statusDust td:nth-of-type(6):before { content: "PM2.5"; }
.statusDust td:nth-of-type(7):before { content: "PM10"; }
.statusDust td:nth-of-type(8):before { content: "CAI"; }
.statusDust td:nth-of-type(9):before { content: "SO2"; }
.statusDust td:nth-of-type(10):before { content: "O3"; }
.statusDust td:nth-of-type(11):before { content: "CO"; }
.statusDust td:nth-of-type(12):before { content: "NO2"; }
.statusDust td:nth-of-type(13):before { content: "측정시간"; }
.statusDust td:nth-of-type(14):before { content: "수정"; }

/* 장비별 미세먼지 관리_유저(모바일) */
.statusDustUser td:nth-of-type(1):before { content: "상태"; }
.statusDustUser td:nth-of-type(2):before { content: "장비번호"; }
.statusDustUser td:nth-of-type(3):before { content: "장비명"; }
.statusDustUser td:nth-of-type(4):before { content: "측정소명"; }
.statusDustUser td:nth-of-type(5):before { content: "주소"; }
.statusDustUser td:nth-of-type(6):before { content: "PM2.5"; }
.statusDustUser td:nth-of-type(7):before { content: "PM10"; }
.statusDustUser td:nth-of-type(8):before { content: "CAI"; }
.statusDustUser td:nth-of-type(9):before { content: "SO2"; }
.statusDustUser td:nth-of-type(10):before { content: "O3"; }
.statusDustUser td:nth-of-type(11):before { content: "CO"; }
.statusDustUser td:nth-of-type(12):before { content: "NO2"; }
.statusDustUser td:nth-of-type(13):before { content: "측정시간"; }

/* 장비별 측정장비 관리(모바일) */
.statusMeasure td:nth-of-type(1):before { content: "상태"; }
.statusMeasure td:nth-of-type(2):before { content: "장비번호"; }
.statusMeasure td:nth-of-type(3):before { content: "장비명"; }
.statusMeasure td:nth-of-type(4):before { content: "설치일자"; }
.statusMeasure td:nth-of-type(5):before { content: "측정장비ID"; }
.statusMeasure td:nth-of-type(6):before { content: "측정장비명"; }
.statusMeasure td:nth-of-type(7):before { content: "측정일시"; }
.statusMeasure td:nth-of-type(8):before { content: "PM1.0농도"; }
.statusMeasure td:nth-of-type(9):before { content: "PM2.5농도"; }
.statusMeasure td:nth-of-type(10):before { content: "PM10농도"; }
.statusMeasure td:nth-of-type(11):before { content: "기온"; }
.statusMeasure td:nth-of-type(12):before { content: "습도"; }
.statusMeasure td:nth-of-type(13):before { content: "이산화탄소농도"; }
.statusMeasure td:nth-of-type(14):before { content: "VOC"; }
.statusMeasure td:nth-of-type(15):before { content: "수정"; }

/* 장비별 측정장비 관리_유저(모바일) */
.statusMeasureUser td:nth-of-type(1):before { content: "상태"; }
.statusMeasureUser td:nth-of-type(2):before { content: "장비번호"; }
.statusMeasureUser td:nth-of-type(3):before { content: "장비명"; }
.statusMeasureUser td:nth-of-type(4):before { content: "설치일자"; }
.statusMeasureUser td:nth-of-type(5):before { content: "측정장비ID"; }
.statusMeasureUser td:nth-of-type(6):before { content: "측정장비명"; }
.statusMeasureUser td:nth-of-type(7):before { content: "측정일시"; }
.statusMeasureUser td:nth-of-type(8):before { content: "PM1.0농도"; }
.statusMeasureUser td:nth-of-type(9):before { content: "PM2.5농도"; }
.statusMeasureUser td:nth-of-type(10):before { content: "PM10농도"; }
.statusMeasureUser td:nth-of-type(11):before { content: "기온"; }
.statusMeasureUser td:nth-of-type(12):before { content: "습도"; }
.statusMeasureUser td:nth-of-type(13):before { content: "이산화탄소농도"; }
.statusMeasureUser td:nth-of-type(14):before { content: "VOC"; }

/* 메세지 관리(모바일) */
.message td:nth-of-type(1):before { content: "선택"; }
.message td:nth-of-type(2):before { content: "업체"; }
.message td:nth-of-type(3):before { content: "업체명"; }
.message td:nth-of-type(4):before { content: "장비번호"; }
.message td:nth-of-type(5):before { content: "장비종류"; }
.message td:nth-of-type(6):before { content: "기기번호"; }
.message td:nth-of-type(7):before { content: "전송일시"; }
.message td:nth-of-type(8):before { content: "전광판PAGE"; }
.message td:nth-of-type(9):before { content: "메세지OFF"; }
.message td:nth-of-type(10):before { content: "반복횟수(1~98, 99:무한)"; white-space: pre;}
.message td:nth-of-type(11):before { content: "반복값"; }
.message td:nth-of-type(12):before { content: "반복구분"; }
.message td:nth-of-type(13):before { content: "유지시간(초)"; }
.message td:nth-of-type(14):before { content: "글자이동"; }
.message td:nth-of-type(15):before { content: "폰트크기"; }
.message td:nth-of-type(16):before { content: "메세지"; }

/* 미세먼지 이력조회(모바일) */
.misaeHistory td:nth-of-type(1):before { content: "측정일시"; }
.misaeHistory td:nth-of-type(2):before { content: "측정소"; }
.misaeHistory td:nth-of-type(3):before { content: "측정망정보"; }
.misaeHistory td:nth-of-type(4):before { content: "PM10농도"; }
.misaeHistory td:nth-of-type(5):before { content: "PM2.5농도"; }
.misaeHistory td:nth-of-type(6):before { content: "PM10예측"; }
.misaeHistory td:nth-of-type(7):before { content: "PM2.5예측"; }
.misaeHistory td:nth-of-type(8):before { content: "오존농도"; }
.misaeHistory td:nth-of-type(9):before { content: "아황산가스농도"; }
.misaeHistory td:nth-of-type(10):before { content: "일산화탄소농도"; }
.misaeHistory td:nth-of-type(11):before { content: "이산화질소농도"; }
.misaeHistory td:nth-of-type(12):before { content: "통합대기환경수치"; }

/* 측정장비 이력조회(모바일) */
.gearHistory td:nth-of-type(1):before { content: "측정일시"; }
.gearHistory td:nth-of-type(2):before { content: "장비ID"; }
.gearHistory td:nth-of-type(3):before { content: "측정장비명"; }
.gearHistory td:nth-of-type(4):before { content: "미세먼지PM1농도"; }
.gearHistory td:nth-of-type(5):before { content: "미세먼지PM2.5농도"; }
.gearHistory td:nth-of-type(6):before { content: "미세먼지PM10농도"; }
.gearHistory td:nth-of-type(7):before { content: "기온"; }
.gearHistory td:nth-of-type(8):before { content: "습도"; }
.gearHistory td:nth-of-type(9):before { content: "아산화탄소농도"; }
.gearHistory td:nth-of-type(10):before { content: "VOC"; }

/* 회원관리 (모바일) */
.member td:nth-of-type(1):before { content: "번호"; }
.member td:nth-of-type(2):before { content: "구분"; }
.member td:nth-of-type(3):before { content: "ID"; }
.member td:nth-of-type(4):before { content: "성명"; }
.member td:nth-of-type(5):before { content: "코드"; }
.member td:nth-of-type(6):before { content: "등록일자"; }
.member td:nth-of-type(7):before { content: "사용여부"; }
.member td:nth-of-type(8):before { content: "비밀번호변경"; }

.lighting_box td {padding:0 !important}


}


@media all and (min-width:768px) {
.btn_member {margin:0 auto;}

}

@media all and (min-width:1200px) {
.btn_member {margin:2% auto;}

}


/*그룹관리 등록*/
.popbox {padding:0;}
.popbox h2 {padding:20px; background:#595959; color:#fff; text-align:left; font-size:1.25em;}
.popbox ul {padding:30px 30px 0;}
.popbox ul li {margin-bottom:10px; text-align:left; background:#f1f1f1f}
.popbox ul li .mem_tit {display:inline-block; width:22%; vertical-align:top; position:relative; padding-left:10px;}
.popbox ul li .mem_tit:after {display:block; content:''; position:absolute; top:13px; left:0; width:2px; height:2px; background:#959595;}
.popbox ul li .mem_txt {display:inline-block; width:77%; }
.popbox ul li .mem_txt .txtType02 {margin-bottom:10px;}
.popbox ul li .mem_txt .gray01 {background:#555; color:#fff; padding:5px;}
.popbox ul li .mem_txt .pit_txt {color:#ff0000;}
.popbox ul li .mem_txt select {width:100px;}
.popbox ul li .mem_txt .selct {position:relative;}
.popbox ul li .mem_txt .selct:after {position:absolute; display:block; content:'\f0dd'; font-family:'FontAwesome'; width:10px; height:10px; right:5%; top:0px; z-index:1; color:#959595;}
.popbox .btn_member {padding:20px 20px 30px;}
 .btn_member .btn_modi {background:#ff9d03; color:#fff; border:1px solid #ff9d03; }
.popbox .col2 {position:relative;}
.popbox .col2:after {display:block; content:''; clear:both;}
.popbox .col2 li {float:left; width:50%;}
.popbox .col2 li .mem_txt { width:90%;}

.mes_pop  ul li .mem_tit  {width:0;}
.mes_pop  ul li .mem_tit::after  {background:none;top:0; width:0;}
.mes_pop  ul li .mem_txt  {width:100%;}


/*로그인*/
.login_show {text-align:right; position:absolute; top:0; right:0; width:100%;}
.showcase span {display:inline-block; margin:1.4% 0; padding-left:15px;}
.showcase .memb_ico {border-right:1px solid #ddd; padding-right:1%;position:relative;  }
.showcase .memb_ico:after {content:'\f007';display:block; position:absolute; top:0; left:0; font-family:'FontAwesome'; color:#959595; }

@media all and (min-width:768px) {
.showcase {padding:0;}
}



.loginWrap{background:#ffffff; margin: 100px auto; overflow:hidden; position:relative; width:90%;}
.loginWrap{-webkit-box-shadow: 0px 0px 46px -17px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 46px -17px rgba(0,0,0,0.5);
box-shadow: 0px 0px 46px -17px rgba(0,0,0,0.5);}

.loginWrap .logobox {display:none;}
.loginWrap .login{padding:80px 30px; float:left; width:100%; position:relative;}
.loginWrap .login h3{font-size:1.9em; margin-bottom:30px; padding-bottom:30px; position:relative; text-align:center;}
.loginWrap .login h3:before{content:''; position:absolute; display:block; bottom:0; left:0; right:0; margin:0 auto; width:30px; height:2px; background:#07913b;}

.bgchange{-webkit-animation:bgchange 2s linear infinite alternate both;animation:bgchange 2s linear infinite alternate both}
@-webkit-keyframes bgchange{0%{background:#2a3954}100%{background:#1e88e5}}@keyframes bgchange{0%{background:#2a3954}100%{background:#1e88e5}}

.login .input_txt{margin-bottom:20px}
.login .input_txt li{overflow:hidden; position:relative; margin-bottom:10px;}
.login .input_txt li:last-child{margin-bottom:0;}
.login .input_txt li label{width:20%; float:left; height:40px; line-height:40px; text-align:center; border:1px solid #dedede; border-right:0; font-weight:600; font-size:13px;}
.login .input_txt li input{height:40px; line-height:40px; padding:3px 10px; float:left; width:80%; font-size:13px;}

.login input.btn_sumit{height:40px; line-height:40px; font-size:15px; width:100%; margin-bottom:30px;}
.login p.rem{margin-bottom:50px; font-size:13px}
p.log_foot{text-align:center; font-size:0.9em; color:#c8c8c8}

@media all and (min-width:900px) {
.loginWrap{max-width:600px; min-width:600px;}

.loginWrap .logobox{display:block; padding:50px; color:#ffffff; }
.loginWrap .logobox:before{content:''; display:block; position:absolute; width:100%; height:100%; background:#07913b; left:0; top:0; 
/*-webkit-animation:bgchange 2s linear infinite alternate both;animation:bgchange 2s linear infinite alternate both*/}
@-webkit-keyframes .loginWrap .logobox:before{0%{background:#2a3954}100%{background:#1e88e5}}@keyframes bgchange{0%{background:#2a3954}100%{background:#1e88e5}}

.loginWrap .logobox h2{position:relative; width:200px;text-align:center; margin:0 auto;}
.loginWrap .logobox h2 img{width:100%; }

.loginWrap .login{padding:80px 100px; background:#fff}

}



/*비밀번호 변경*/
.pwconfirm {margin:0 auto; width:100%; }
.pw_content {box-shadow:5px 10px 30px rgba(0,0,0,0.2); padding:50px 30px;}
.pw_content p {margin-bottom:20px;}
.pw_content p .pw_wid {width:100%; padding:5px 10px; height:40px; line-height:40px;} 
.btn_area_btm .btn_ok {background:#07913b; color:#fff; border:1px solid #07913b;}

@media all and (min-width:600px) {
.pwconfirm {margin:0 auto; max-width:400px; }
}

.pw_help .txt {font-size:0.9em;}
.pw_help .txt strong {color:#fd0000;}

/*메세지관리*/
.group_mes {position:relative;}
.group_mes:after {display:block; content:''; clear:both;}
.group_box {float:left; width:100%; margin-bottom:20px;}
.group_box ul li {margin-bottom:20px;}
.group_box ul li .tit {display:block; padding-bottom:5px;}
.group_box ul li .slect {position:relative;}
.group_box ul li .slect:after {position:absolute; display:block; content:'\f0dd'; font-family:'FontAwesome'; width:10px; height:10px; right:5%; top:0px; z-index:1; color:#959595;}
.group_box ul li .slect select {width:85%; }
.group_box .btn .btn_smt {background:#07913b; color:#fff; border:1px solid #07913b;}

.lighting_box {float:left; width:100%;}
.lighting_box tr {background:#1e1e1e; color:#fff;}
.lighting_box tr td .del {background:#959595; padding:5px; color:#fff;}
.lighting_box .ico_before {position:relative; border:0; background:none; color:#fff; vertical-align:top; padding-top:5px;}
.lighting_box .ico_before:after {position:absolute; display:block;  font-family:'FontAwesome'; width:10px; height:10px;  left:5px;}
.lighting_box .th_ico:after { left:-5px;}
.lighting_box .ico_up:after {content:'\f0de'; top:0px;}
.lighting_box .ico_down:after {content:'\f0dd'; top:-6px;}

#mes_modi ul li .mem_txt {width:100%;}
.mes_good {color:#d2ff00;}
.mes_good2 {color:#00ccff;}
.mes_bed {color:#d200ff;}
.mes_bed2 {color:#ff0000;}


@media all and (min-width:1000px) {
.group_box {width:25%;}
.lighting_box {width:75%;}
}

.tableType {clear:both;border-top:2px solid #a6a6a6;border-bottom:1px solid #a6a6a6;}
.tableType table {width:99%;text-align:center;color:#222;}
.tableType table thead th {padding:7px 0;border-bottom:1px solid #a6a6a6;font-size:13px;font-family:ngb;font-weight:normal;}
.tableType table thead.line tr th {border-left:1px solid #e3e3e3;}
.tableType table thead.line tr.txtNormal th {font-family:ng;}
.tableType table thead.line tr th.noline {border-left:none;}
.tableType table thead.line tr th.bottomline {border-bottom:1px solid #e3e3e3;}
.tableType table tbody th, .tableType table tbody td {padding:5px 3px;border-top:1px solid #e3e3e3;font-size:13px;font-weight:normal;line-height:19px;}
.tableType table tbody th.brline, .tableType table tbody td.brline {background:#f7f7f7;}
.tableType table tbody th strong {font-size:13px;font-family:ngb;font-weight:normal;}
.tableType table tbody tr:first-child th, .tableType table tbody tr:first-child td {border-top:none;}
.tableType table tbody th {background:#f7f7f7;font-family:ngb;font-weight:normal;}
.tableType table tbody th.nobg {background:none;}
.tableType table tbody tr th.boderline {border-left:1px solid #e3e3e3;}
.tableType table tbody td {color:#666;border-left:1px solid #e3e3e3; text-align:left;}
.tableType table tbody td .slect {position:relative;}
.tableType table tbody td .slect select {width:100px;}
.tableType table tbody td .slect:after {position:absolute; display:block; content:'\f0dd'; font-family:'FontAwesome'; width:10px; height:10px; right:5%; top:0px; z-index:1; color:#959595;}
.tableType table tbody tr td:first-child {border-left:none;}
.tableType table tbody tr td.boderline {color:#666;border-left:1px solid #e3e3e3;}
.tableType table tbody tr td .btnType_inp_g {background:#595959; color:#fff; width:50px;}
.tableType table tbody .noResult {border-left:none;text-align:center;}
.tableType table tfoot th, .tableType table tfoot td {padding:7px 15px;background:#f7f7f7;border-top:1px solid #a6a6a6;border-left:1px solid #e3e3e3;}
.tableType table tfoot th {border-left:none;font-family:ngb;font-weight:normal;}
.tableBasic table tbody td {border-left:none;}
.unit {float:right;padding-bottom:8px;font-size:12px;text-align:right;}
.tableTip {clear:both;margin-left:9px;padding:0 0 0 9px;background:url(../images/common/bl_subtit.gif) no-repeat left 8px;font:normal 14px ngb;}
.tableTip strong {color:#444;}
.tableType table tbody td ul li {display: block; font-size: 1em; color: #5f5f5f; padding: 2px 6px 2px 6px; background:transparent url(../images/common/bg_gl_tbli.jpg) left 10px no-repeat;}
.tableType table tbody td ul li ul li{display: block; font-size: 12px; color: #5f5f5f; padding: 1px 3px 1px 8px; background:transparent url(../images/common/bg_gl_list_Type02.png) left 7px no-repeat;}


/*지도보기*/
.locMslt {text-align:right; margin-bottom:20px; font-weight:700;}
.locMslt .loc_selc {width:auto; margin-left:5px; display:inline-block;}
.locMslt .selct {position:relative;}
.locMslt .selct:after {position:absolute; display:block; content:'\f0dd'; font-family:'FontAwesome'; font-size:15px; right:10px; top:-2px; color:#666}

/* @media all and (min-width:1200px) { */
/*  .locMslt {position:absolute; top:20px; right:0;} */
/* } */
@media all and (min-width:1200px) {
 .locMslt {position:absolute; top:60px; right:0;}
}


 .store {position:relative; }
 .store_search_layer {position:relative;background:#fff; width:90%; margin:0 auto; padding:20px; box-shadow:5px 10px 30px rgba(0,0,0,0.2);}
 .store_search_layer h2 {font-size:1.5em; text-align:center; padding-bottom:20px; font-weight:bold;}
 .store_search_layer .form_search {position:relative;}
 .store_search_layer .btn_search {position:absolute; display:block; content:''; right:5px; top:7px; width:25px; height:25px; background:url(../img/ico_serch.png) no-repeat; font-size:0; background-size:20px;}
 .search_total {padding:20px 0; color:#959595; }
 .search_total strong {color:#07913b;}

 .store_list_scroll,
 .board_loc ul {overflow-y:scroll; height:200px;}
 .sore_list {border-top:1px solid #ddd;}
 .sore_list li {padding:20px 10px; border-bottom:1px solid #ddd;}
 .sore_list li:hover,
 .sore_list li.active {background:#f1f1f1;}
 .sore_list li:hover a strong,
 .sore_list li.active a strong {color:#07913b;}


 .pagination {position:relative; text-align:center;}
 .pagination a {display:inline-block; padding:5px;}
 .pagination a.active {color:#000;}
 .pagination .arr {  width:10px; height:10px; }
 .pagination .prev {background:url(../img/ico_prev.png) no-repeat;}
 .pagination .next {background:url(../img/ico_next.png) no-repeat;}


 .board_loc {width:90%; margin:20px auto; position:relative;background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-shadow:5px 10px 30px rgba(0,0,0,0.2);}
  .board_loc h2 {text-align:center; padding:20px 0; font-size:1.5em; font-weight:bold;}
 .board_loc li {padding:20px 20px; border-bottom:1px solid #ddd;}
 .board_loc li:hover,
 .board_loc li.active {background:#07913b;}
 .board_loc li:hover a,
 .board_loc li.active a {color:#fff; }

 .store_map {width:100%; height:350px;}
 .map_info {border-top:2px solid #8ec21f !important; border:1px solid #ccc; overflow: hidden;background: #fff;width:300px;}
 .map_info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
 .map_info .title {padding: 15px 10px;background: #eee;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;}
/*  .map_info .title .brd_cir {border-radius:50px; background:green; color:#fff; padding:5px 10px;margin-right:5px } */
.map_info .title .brd_cir_0 {border-radius:50px; background:#808080; color:#fff; padding:5px 10px;margin-right:5px }
.map_info .title .brd_cir_1 {border-radius:50px; background:green; color:#fff; padding:5px 10px;margin-right:5px }
.map_info .title .brd_cir_2 {border-radius:50px; background:#ff8040; color:#fff; padding:5px 10px;margin-right:5px }
.map_info .title .brd_cir_3 {border-radius:50px; background:#ff0000; color:#fff; padding:5px 10px;margin-right:5px }
 .map_info .close {position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
 .map_info .close:hover {cursor: pointer;}
 .map_info .body {position: relative;overflow: hidden;}
 .map_info .body .misae {font-size: 33px; font-weight: bold; margin-top: 15px; margin-left: 3px;}
/*  .map_info .desc {position: relative;margin: 10px 0 10px 90px;} */
.map_info .desc {position: relative;margin: 10px 0 10px 85px;}
 .desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom:2px;}
 .desc .ellipsis span {font-weight:700;}
 .desc .jibun {font-size: 11px;color: #888;margin-top: -2px;}
 .map_info .img {position: absolute;top: 15px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;}
 .map_info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: -12px;width: 22px;height: 12px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
 .map_info .link {color: #5085BB;}
.map_info .desc .btn_member {text-align:left;}

@media all and (min-width:1000px) {
 .store_search_layer {position:absolute; top:5%; left:2%; background:#fff; width:300px; z-index:10; padding:20px; box-shadow:5px 10px 30px rgba(0,0,0,0.2);}
 .board_loc {overflow-y:scroll; height:350px; width:300px;position:absolute; right:2%; margin-top:0; top:5%; z-index:10; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-shadow:5px 10px 30px rgba(0,0,0,0.2);}

 .store_list_scroll,
 .board_loc ul {overflow-y:scroll; height:300px;}

  .store_map {width:100%; height:650px;}
}


.mapBox {border:1px solid #ddd; width:300px; margin:0 auto;}
.mapBox h3 {background:#ddd; font-size:1.2em; font-weight:700; color:#000; padding:20px; }
.mapBox .txt_box {padding:20px; }
.mapBox .txt_box ul {}
.mapBox .txt_box ul li {padding-bottom:5px;}
.mapBox .txt_box ul li .tit {display:inline-block; width:35%; position:relative; padding-left:15px;}
.mapBox .txt_box ul li .tit:after {display:block; content:''; position:absolute; width:3px; height:3px; background:#555; top:7px; left:0;}
.mapBox .txt_box ul li .txt {}
.mapBox .txt_box .ico {text-align:center; }


@media all and (min-width:768px) {
.mapBox {width:420px;}
.mapBox h3  {text-align:center;}
.mapBox .txt_box:after {clear:both; display:block; content:''; }
.mapBox .txt_box ul {float:left; width:60%; }
.mapBox .txt_box ul li .tit {width:45%;}
.mapBox .txt_box .ico {float:left; width:40%; }

}


/*연혁*/
.historybox .historyline:last-child{border-bottom:1px solid #e6e6e6}
.historyline{position:relative; clear:both; overflow:hidden}
.historyline:after{content:''; clear:both;}
.historyline h4{text-align:center; font-weight:800; font-size:1.7em; padding:20px;}
.historyline .right{position:relative;}
.historyline .total{position:absolute; right:0px; top:-40px; display:inline-block; padding:5px 10px; color:#ffffff; background:#cd1212; font-size:0.8em; border-radius:100px;}
.historyline .total:after{content:''; position:absolute; border-top:10px solid #cd1212; border-left:10px solid rgba(0, 0, 0, 0); border-right:10px solid rgba(0, 0, 0, 0); bottom:-8px; margin-left:-5px; left:50%;}

.historyline dl.his{border-top:1px solid #e6e6e6; padding:30px 20px; overflow:hidden;}
.historyline dl.his dt{float:left; clear:both; width:17%; font-weight:600; color:#323232}
.historyline dl.his dd{float:right; width:83%; margin-bottom:10px}
.historyline dl.his dd span.point{background:#ffef67; display:inline-block;}
.historyline dl.his dd:last-child{margin-bottom:0px}

.historyline dl.last{border-bottom:1px solid #e6e6e6 !important}

@media all and (min-width:768px) {
.historyline{margin-bottom:0 !important}
.historyline h4{text-align:left; float:left; width:20%; clear:both;}
.historyline h4:after{content:''; width:20%; height:1px; background:#e6e6e6; position:absolute; left:0px; top:0px;}
.historyline .right{float:right; width:75%; }

.historyline dl.his{padding:30px}
.historyline dl.his dt{}
.historyline .total{padding:15px 20px; top:-60px;}
.historyline .right dl:nth-last-child(2){border-bottom:0px}
.historyline :after{content:''; display:block; clear:both}
}

/*조직도*/
.org .orgBox {text-align:center; padding-bottom:50px; position:relative;}
.org .orgBox:before {display:block; content:''; position:absolute; width:1px; height:100%; background:#dcdcdc; top:0; left:0; right:0; margin:0 auto; z-index:-1;}
.org .orgBox .orc {font-size:1.2em; font-weight:600; padding:20px 60px; display:inline-block; border-radius:50px; color:#fff;}
.org .or1 .orc {background:#4464a6; background:linear-gradient(45deg, #07913b 0%, #017c96 100%); }
.org .or2 .orc {background:#017c96; min-width:165px; margin-bottom:20px;}
.org .or5,
.org .or4 {position:relative;}
.org .or5:before {height:0;}
.org .or5 .orList,
.org .or4 .orList {max-width:250px; margin:0 auto 50px;}
.org .orgBox:last-child {padding-bottom:0;}
.org .or5 .orList:last-child {margin-bottom:0;}
.org .or5 .orList .ord,
.org .or4 .orList .ord{padding:20px 0; background:#676767; color:#fff; font-size:1.1em;}
.org .or5 .orList .ordp,
.org .or4 .orList .ordp{padding:20px 0; background:#f3f3f3; border:1px solid #ddd;}

.org_box {border:1px solid #ddd; padding:40px 20px;}

@media all and (min-width:1000px) {
.org .orgBox {padding-bottom:80px;}
.org .orgBox.or2:before {height:87%;}
.org .orlistBox:after {display:block; content:''; clear:both; visibility:hidden; height:0;}
.org .or2 .orlistBox {position:relative;}
.org .or2 .orlistBox:before {display:block; content:''; position:absolute; width:50%; height:1px; background:#dcdcdc; top:38%; left:0; right:0; margin:0 auto; z-index:-1;}
.org .or2 .orList {float:left; width:50%;}
.org .or5 .orList,
.org .or4 .orList {float:left; width:24%; margin:0.5%;position:relative; max-width:100%; min-height:206px;}
.org .or4:before {display:block; content:''; position:absolute; width:75%; height:1px; background:#dcdcdc; top:-9.5%; left:0; right:0; margin:0 auto; z-index:-1;}
.org .or4 .orList:after {display:block; content:''; position:absolute; width:1px; height:50%; background:#dcdcdc; top:-37px; left:0; right:0; margin:0 auto; z-index:-1;}
.org .or4 .orList.line_l::after {width:0px;}
.org .or4 .orList.line_up::after {height:70%; top:-105px;}

}

@media all and (min-width:1200px) {
.org .orgBox.or2:before {height:81%;}
}

@media all and (min-width:1400px) {
.org .or2::before {height:108%;}
.org .or5 .orList {width:16%; margin:0.3%;}
.org .or5 .orList:after  {top:-40px;}
.org .or5 .orList .ord {padding:20px 0;}
.org .or5 .line_t:after {background:none;}

.org .or5 .orList.line_l::after {left:0;}
.org .or5 .orList.line_up::after {height:50%; top:-40px;}


.org .or4 .orlistBox {margin:0 auto; width:100%;}

}


.cust:after,
.customer:after{clear:both; display:block; content:'';}
.custBox {margin-bottom:20px;}
.customer { border-top:2px solid #07913b ; }
.customer li {float:left; width:50%; padding:10px 0 10px 20px;border-bottom:1px solid #ddd; }
.customer.dot_li li {background-position-y:20px; background-position-x:10px;}

@media all and (min-width:768px) {
.customer li {width:33.33%; padding:15px 0 15px 20px; }
.customer.dot_li li {background-position-y:25px; }
}

@media all and (min-width:1000px) {

.custBox {float:left; width:46%; margin-bottom:40px;}
.custBox:nth-child(odd) {margin-right:4%;}
.custBox.clboth {clear:both;}

}


/*오시는길*/
.map{ }
.map .comm_table {border-top:2px solid #07913b}
.map .root_daum_roughmap {width:100% !important}