@charset "utf-8";

* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/* main */
#main .main_wrap {}
#main .visual_wrap {width:100%;}
#main .visual {width:100%; position:relative; z-index:0; background:url('../img/main_bg.jpg') center bottom no-repeat; background-size:cover;}
#main .visual li {height:calc(100vh - 120px); min-height:800px; background-repeat:no-repeat; background-size:80%;
	background-position:center 90%; text-align:center;}
#main .visual .txt {margin:135px 0 0 0;}
#main .visual .txt h1 {font-size:2.5em; font-weight:700; line-height:1.1; text-transform:uppercase; margin:0 0 20px;}
#main .visual .txt h1 span {color:#cf010e;}
#main .visual .txt p {font-size:1.1em;}
#main .visual .pager {display:none; position:absolute; bottom:40px; text-align:center; width:100%; z-index:98;}
#main .visual .pager a {display:inline-block; width:16px; height:16px; border-radius:50%; border:4px solid #2d2d2d; background:#fff; margin-left:5px;}
#main .visual .pager a.active {border-color:#cf010e;}
#main .links {position:absolute; width:100%; top:320px; left:0; text-align:center; padding:0 10%;}
#main .links div {width:100%; max-width:480px; margin:10px auto; height:180px; border-radius:0 50px; text-align:left; color:#fff; position:relative;}
#main .links div:hover img {margin:0 0 20px;}
#main .links div.type01 {background:rgba(207,1,14,0.9);}
#main .links div.type02 {background:rgba(51,51,51,0.9);}
#main .links a {display:inline-block; width:100%; height:100%; padding:40px 0 0 30px;}
#main .links h2 {display:inline-block; font-size:2em; line-height:1.1; margin:0 0 20px; text-transform:uppercase;
	background:url('../img/main_links_ic.png') right center no-repeat; background-size:30px; padding:0 40px 0 0;}
#main .links p {margin:0 0 20px; font-size:0.9em; opacity:0.9;}
#main .links img {position:absolute; right:5%; bottom:40px; width:30%; width:100px; transition:0.5s;}

@media all and (min-width:768px) {
	#main .main_wrap {padding:0;}
	#main .visual li {height:calc(100vh - 120px); background-size:480px; background-position:90% 85%;}
	#main .visual .txt h1 {font-size:3em}

}

@media all and (min-width:1200px) {
	#main .visual .txt {margin:170px 0 0 0;}
	#main .visual .txt h1 {font-size:3.5em;}
	#main .visual .txt p {font-size:1.25em;}
	#main .links {top:450px; padding:0;}
	#main .links div {display:inline-block; width:46%; max-width:480px; height:220px; margin:0 1%;}
	#main .links a {padding:50px 0 0 40px;}
	#main .links h2 {font-size:2.25em; margin:0 0 20px;}
	#main .links h2:after {width:40px; bottom:-20px;}
	#main .links p {margin:0 0 30px; font-size:1em;}
	#main .links img {bottom:50px; width:120px;}
}


/* sub */
.col_re {color:#cf010e;}
.menu_wrap {border-top:1px solid #e0e0e0; z-index:999;}

.menu_wrap .login_info {float:right; display:block; border-top:1px solid #e0e0e0; width:100%; text-align:right;}
.menu_wrap .login_info a {border:1px solid #303030; line-height:26px; display:inline-block; margin:16px 0 0 10px; border-radius:500px;
	padding:0 10px; font-size:0.85em; transition:0.5s; font-weight:400;}
.menu_wrap .login_info a:hover {border-color:#cf010e; color:#cf010e;}

@media all and (min-width:840px) {
	.menu_wrap {border-bottom:1px solid #e0e0e0;}
	.menu_wrap .login_info {display:inline-block; border-top:none; width:auto;}
}

#sub .tab {text-align:center; margin:0 0 60px;}
#sub .tab:after {content:''; display:block; clear:both;}
#sub .tab li {display:inline-block; width:48%; margin:0 1% 5px; float:left; border:1px solid #dcdcdc;}
#sub .tab li a {display:inline-block; padding:10px 20px; width:100%; height:100%;}
#sub .tab li.on {background:#cf010e;}
#sub .tab li.on a {color:#fff;}

#sub .intro .img {}
#sub .intro .txt {}
#sub .intro h1 {font-size:1.75em; font-weight:600;}
#sub .intro ul {text-align:center;}
#sub .intro ul li {max-width:400px; margin:0 auto 20px; text-align:left; line-height:40px; background:#f5f5f5; border-left:2px solid #cf010e}
#sub .intro ul li span {display:inline-block; font-weight:600; width:80px; text-align:center;}
#sub .intro table {width:100%; margin-top:40px; border-top:1px solid #444; font-size:0.9em;}
#sub .intro table tr {border-bottom:1px solid #dcdcdc;}
#sub .intro table th {border-right:1px solid #dcdcdc; text-align:center; padding:10px 20px;}
#sub .intro table td {text-align:left; padding:10px 20px;}

#sub .history h1 {font-size:2em; font-weight:600; margin:0 0 40px;}
#sub .history h2 {font-size:1.5em; font-weight:600; position:relative; padding:0 0 0 20px; margin:0 0 20px;
	background:#f5f5f5; border-right:2px solid #cf010e;}
#sub .history ul {margin:0 0 80px;}
#sub .history li:nth-child(1) span {display:inline-block; font-size:1.75em; font-weight:600; position:relative; margin:0 0 40px; color:#cf010e;}
#sub .history table {font-size:0.9em; margin:0 0 20px;}
#sub .history table th {padding:5px 0; font-weight:400; text-align:left; position:relative; padding:0 0 0 10px;}
#sub .history table th:before {content:''; display:inline-block; width:4px; height:4px; background:#444;
	position:absolute; left:0; top:50%; margin-top:-2px; border-radius:500px;} 
#sub .history table td {padding:5px 0 5px 10px; color:#666;}

#sub .map ul {padding:100px 20px 30px; border:1px solid #dcdcdc; border-top:0; background-image:url('../img/logo.png');
	background-repeat:no-repeat; background-position:15px 30px; background-size:auto 40px;}
#sub .map li {font-size:0.9em;}
#sub .map li span {color:#cf010e; margin:0 10px 0 0; text-align:center; font-weight:400;}

#sub .biz h1 {font-size:1.75em; font-weight:600;}
#sub .biz ul {width:94%; margin:0 auto; border-bottom:1px solid #e0e0e0;}
#sub .biz ul li {padding:20px 20px 20px 30px; border:1px solid #e0e0e0; border-left:0; border-bottom:0; font-size:0.9em; position:relative;
	text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#sub .biz ul li:before {content:''; display:inline-block; width:2px; height:100%; background:#cf010e; position:absolute; left:0; top:0;}
#sub .biz ul li:hover {background:#fafafa;}

#sub .service .inner {max-width:1400px;}
#sub .service .list li {display:inline-block; width:46%; margin:0 2% 25px; float:left; text-align:center; position:relative;
	-webkit-box-shadow:0px 3px 12px 3px rgba(0,0,0,0.05); box-shadow:0px 3px 12px 3px rgba(0,0,0,0.05);}
#sub .service .list li:before {content:''; position:absolute; background:#cf010e; left:0;top:0;width:0;height:4px;transition:0.2s ease-in-out;}
#sub .service .list li:after {content:''; position:absolute; background:#cf010e; right:0;bottom:0;width:0;height:4px;transition:0.2s ease-in-out;}
#sub .service .list li a:before {content:''; position:absolute; background:#cf010e; right:0;top:0;width:4px;height:0;transition:0.2s ease-in-out;}
#sub .service .list li a:after {content:''; position:absolute; background:#cf010e; left:0;bottom:0;width:4px;height:0;transition:0.2s ease-in-out;}
#sub .service .list li:hover:before {width:100%;}
#sub .service .list li:hover:after {width:100%;}
#sub .service .list li:hover a:before {height:100%;}
#sub .service .list li:hover a:after {height:100%;}
#sub .service .list li:hover a {font-weight:600;}
#sub .service .list li a {display:inline-block; width:100%; height:100%; padding:40px 0; transition:0.5s; position:relative;}
#sub .service .list li img {width:60px; margin:0 0 10px;}
#sub .service .list li p {font-size:1.1em;}

/* #sub .service .map_info {border:1px solid #dcdcdc; border-left:0; overflow:hidden; background:#fff; width:100%; max-width:500px; position:relative; margin:0 0 20px;} */
/* #sub .service .map_info:before {content:''; display:inline-block; width:2px; height:100%; background:#cf010e; position:absolute; left:0; top:0;} */
/* #sub .service .map_info .title {padding:15px; background:#f5f5f5; border-bottom:1px solid #dcdcdc; font-weight:600;} */
/* #sub .service .map_info .title .brd_cir {border-radius:50px; background:#cf010e; color:#fff; padding:5px 10px; margin-right:5px;} */
/* #sub .service .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');} */
/* #sub .service .map_info .close:hover {cursor:pointer;} */
/* #sub .service .map_info .body {position:relative; overflow:hidden;} */
/* #sub .service .map_info .desc {position:relative; margin:10px 0 10px 100px;} */
/* #sub .service .map_info .img {position:absolute; top:15px; left:15px; width:70px; height:70px; border:1px solid #dcdcdc; color:#888; overflow:hidden;} */
/* #sub .service .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')} */
/* #sub .service .map_info .link {color:#5085BB;} */
/* #sub .service .map_info .desc span {font-weight:600; margin:0 5px 0 0;} */
/* #sub .service .map_info .desc .btn_member {text-align:left;} */


.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 20px 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:768px) {
	#sub .tab li {max-width:220px; margin:0 2px; float:none;}

	#sub .intro h1 {font-size:2em;}
	#sub .intro .img,
	#sub .intro .txt {display:inline-block; width:48%;}
	#sub .intro .img {float:left;}
	#sub .intro .txt {float:right;}
	#sub .intro ul:after {content:''; display:block; clear:both;}
	#sub .intro ul li {display:inline-block; width:31.33%; margin:0 1% 20px; float:left;}
	#sub .intro table {font-size:1em;}

	#sub .history h2 {margin:0 0 20px;}
	#sub .history table {font-size:1em;}
	#sub .history table td {padding:5px 10px 5px 15px;}

	#sub .map ul {padding:30px 20px 30px 200px; background-position:20px center; background-size:150px auto;}
	#sub .map li {display:inline-block; padding:5px 10px; font-size:1em;}

	#sub .biz h1 {font-size:2em;}
	#sub .biz ul li {font-size:1.25em;}

	#sub .service .list li {width:21%;}
}

@media all and (min-width:1200px) {
	#sub .history table tr {display:inline-block; width:33.33%; height:35px; float:left;}
}

#sub .service table.type01 {width:100%; margin-top:40px; border-top:1px solid #444; font-size:0.9em;}
#sub .service table.type01 th {display:none; line-height:30px; background:#f5f5f5;}
#sub .service table.type01 td {display:block; border-top:1px solid #dcdcdc;}
#sub .service table.type01 td:before {display:inline-block; width:25%; text-align:center; background:#f5f5f5;line-height:40px; margin-right:10px; font-weight:500;}

/* 장비별 기상청온습도 관리(PC) */
@media all and (min-width:1200px) {
	#sub .service table.type01.statusTemp input{ width: 100%; text-align: center;}
}
/* 장비별 기상청온습도 관리(모바일) */
#sub .service table.type01.statusTemp td:nth-child(1):before { content: "상태"; }
#sub .service table.type01.statusTemp td:nth-child(2):before { content:'업체'; }
#sub .service table.type01.statusTemp td:nth-child(3):before { content:'업체명'; }
#sub .service table.type01.statusTemp td:nth-child(4):before { content:'장비번호'; }
#sub .service table.type01.statusTemp td:nth-child(5):before { content:'장비명'; }
#sub .service table.type01.statusTemp td:nth-child(6):before { content:'설치일자'; }
#sub .service table.type01.statusTemp td:nth-child(7):before { content:'행정구역코드'; }
#sub .service table.type01.statusTemp td:nth-child(8):before { content:'행정구역명'; }
#sub .service table.type01.statusTemp td:nth-child(9):before { content:'측정일시'; }
#sub .service table.type01.statusTemp td:nth-child(10):before { content:'기온'; }
#sub .service table.type01.statusTemp td:nth-child(11):before { content:'습도'; }
#sub .service table.type01.statusTemp td:nth-child(12):before { content:'수정'; }

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

/* 장비별 미세먼지 관리(PC) */
@media all and (min-width:1200px) {
	#sub .service table.type01.statusDust input{ width: 100%; text-align: center;}
}
/* 장비별 미세먼지 관리(모바일) */
#sub .service table.type01.statusDust td:nth-child(1):before { content:"상태"; }
#sub .service table.type01.statusDust td:nth-child(2):before { content:'장비번호'; }
#sub .service table.type01.statusDust td:nth-child(3):before { content:'장비명'; }
#sub .service table.type01.statusDust td:nth-child(4):before { content:'측정소명'; }
#sub .service table.type01.statusDust td:nth-child(5):before { content:'주소'; }
#sub .service table.type01.statusDust td:nth-child(6):before { content:'PM2.5'; }
#sub .service table.type01.statusDust td:nth-child(7):before { content:'PM10'; }
#sub .service table.type01.statusDust td:nth-child(8):before { content:'CAI'; }
#sub .service table.type01.statusDust td:nth-child(9):before { content:'SO2'; }
#sub .service table.type01.statusDust td:nth-child(10):before { content:'O3'; }
#sub .service table.type01.statusDust td:nth-child(11):before { content:'CO'; }
#sub .service table.type01.statusDust td:nth-child(12):before { content:'NO2'; }
#sub .service table.type01.statusDust td:nth-child(13):before { content:'측정시간'; }
#sub .service table.type01.statusDust td:nth-child(14):before { content:'수정'; }

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


/* 장비별 측정장비 관리(PC) */
@media all and (min-width:1200px) {
	#sub .service table.type01.statusMeasure input{ width: 100%; text-align: center;}
}
/* 장비별 측정장비 관리(모바일) */
#sub .service table.type01.statusMeasure td:nth-child(1):before { content:"상태"; }
#sub .service table.type01.statusMeasure td:nth-child(2):before { content:'장비번호'; }
#sub .service table.type01.statusMeasure td:nth-child(3):before { content:'장비명'; }
#sub .service table.type01.statusMeasure td:nth-child(4):before { content:'설치일자'; }
#sub .service table.type01.statusMeasure td:nth-child(5):before { content:'측정장비ID'; }
#sub .service table.type01.statusMeasure td:nth-child(6):before { content:'측정장비명'; }
#sub .service table.type01.statusMeasure td:nth-child(7):before { content:'측정일시'; }
#sub .service table.type01.statusMeasure td:nth-child(8):before { content:'PM1.0농도'; }
#sub .service table.type01.statusMeasure td:nth-child(9):before { content:'PM2.5농도'; }
#sub .service table.type01.statusMeasure td:nth-child(10):before { content:'PM10농도'; }
#sub .service table.type01.statusMeasure td:nth-child(11):before { content:'기온'; }
#sub .service table.type01.statusMeasure td:nth-child(12):before { content:'습도'; }
#sub .service table.type01.statusMeasure td:nth-child(13):before { content:'이산화탄소농도'; }
#sub .service table.type01.statusMeasure td:nth-child(14):before { content:'VOC'; }
#sub .service table.type01.statusMeasure td:nth-child(15):before { content:'수정'; }

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

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

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

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

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




#sub .service table.type01 td:first-child {border-top:1px solid #444;}
#sub .service table.type01 td:last-child {margin-bottom:20px; border-bottom:1px solid #dcdcdc;}

.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:#0c4cb8; 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:40px 0;}
.btn_member span {padding:10px 15px; margin:0 2px; border:1px solid #ddd; background:#ddd;}
.btn_member .btn_enro {background:#cf010e; border:1px solid #cf010e; color:#fff;}
.btn_member .btn_modi {background:#555; border:1px solid #555; color:#fff;}
.btn_member .btn_del {}

.locMslt {text-align:right; font-weight:700; margin:20px 0;}
.locMslt .loc_selc {width:auto; margin-left:10px; 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}

.tableType table.type02 {margin:20px 0; width:100%; margin-top:40px; border-top:1px solid #444; font-size:0.9em;}
.tableType table.type02 th {line-height:30px; background:#f5f5f5; border-bottom:1px solid #dcdcdc;}
.tableType table.type02 td {text-align:left; border-bottom:1px solid #dcdcdc; padding:5px;}
.tableType table.type02 td .slect {position:relative;}
.tableType table.type02 td .slect select {width:100px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.tableType table.type02 td .slect select::-ms-expand {display:none;}
.tableType table.type02 td .slect:after {position:absolute; display:block; content:'\f0dd'; font-family:'FontAwesome'; width:10px; height:10px;
	right:9%; top:-3px; z-index:1; color:#959595;}
.tableType table.type02 td:first-child {border-left:none;}
.tableType table.type02 td .btnType_inp_g {background:#414141; border-color:#414141; color:#fff; width:50px;}

@media all and (min-width:1200px) {
	#sub .service table.type01 {text-align:center;}
	#sub .service table.type01 tr {border-bottom:1px solid #dcdcdc;}
	#sub .service table.type01 th {display:table-cell; padding:5px;}
	#sub .service table.type01 td {display:table-cell; padding:10px 5px; border:0;}
	#sub .service table.type01 td:before {display:none;}
	#sub .service table.type01 td:first-child {border-top:none;}
	#sub .service table.type01 td:last-child {margin-bottom:0; border-bottom:none;}
}


.loginWrap{background:#ffffff; margin:0 auto 150px; padding:200px 0 0; overflow:hidden; position:relative; width:90%;}

.loginWrap .logobox {display:none;}
.loginWrap .login{padding:80px 30px; float:left; width:100%; position:relative; border:1px solid #dcdcdc;}
.loginWrap .login h3{font-size:1.9em; margin-bottom:30px; padding-bottom:30px; position:relative;}
.loginWrap .login h3:before{content:''; position:absolute; display:block; bottom:0; left:0; width:30px; height:2px; background:#cf010e;}
.loginWrap .login h3:after{content:''; position:absolute; display:block; bottom:0; left:30px; width:20px; height:2px; background:#444;}

@media all and (min-width:1200px) {
 .locMslt {top:20px; 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;}

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

@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;}
}












.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;}

@media all and (min-width:900px) {
	.loginWrap{max-width:800px; min-width:800px;}
	.loginWrap .logobox{display:block; padding:50px; color:#ffffff; float:left; width:40%; height:100%;  position:absolute;
		background:#f0f0f0; border:1px solid #dcdcdc; border-right:none;}
	.loginWrap .logobox h2{position:relative; width:200px; height:104px; text-align:center; top:25%; margin:0 auto;}
	.loginWrap .logobox h2 img{width:100%;}
	.loginWrap .login{margin-left:40%; width:60%; padding:80px 50px;}
}


.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; line-height:30px; font-size: 0.9em;}
.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:60%; }
.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;}
.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%;}



/* footer */
#footer{background:#2d2d2d; color:#767676; text-align:center; padding:50px 0 0; height:120px; font-weight:400;}
#footer .pdinner{max-width:1600px}
#footer p{font-size:0.85em; clear:both;}
#footer p b{font-weight:400; color:#ddd;}
#footer p.mark {margin:5px 0 0 0;}
#footer p.mark a.admin {margin:0 0 0 10px;}

#pageup {position:fixed; z-index:999; right:1%; bottom:5%; width:50px; height:50px; background-image:url('../img/Htop.png');background-repeat:no-repeat;  background-position:center center; background-size:50px 50px; display:none; cursor:pointer; z-index:4000;}

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

}

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


/* 
	Common Layout CSS _ 15.05.18
*/

/* common */
.wrap{max-width:2000px; min-width:320px; width:100%; margin:0 auto; position:relative;}
.inner{max-width:1200px; width:100%; position:relative; margin:0 auto;}
.pdinner{padding:0 3%; position:relative; margin:0 auto;}
.ofh{overflow:hidden;}
.txt-s{font-size:13px;}
.txt-m{font-size:20px;}
.txt-l{font-size:26px;}

.tit_h3{font-size:28px;font-weight:400; color:#323232;  position:relative; letter-spacing:-1px}
.tit_h3:after{content:''; width:60px; height:1px; display:block; background:#505050; margin:0 auto; margin-top:20px;}
.tit_h4{font-size:26px; color:#323232; font-weight:bold; letter-spacing:-1px}

.tit_h5{color:#323232; font-weight:bold; font-size:18px;}

.tit_h4.noLine:after{width:0; height:0px; margin-top:0px;}


.mEnter{display:block;}
.mb{margin-bottom:30px !important}
.bmb{margin-bottom:40px !important}
.pb{padding-bottom:30px !important}
.bpb{padding-bottom:40px !important}

.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}

.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.mo_only{display:block;}

.move_scroll{max-width:768px; overflow-x:auto}

.line_link{display:inline-block; color:#ffffff; padding-bottom:5px; border-bottom:3px solid #ffffff; font-size:0.9em}
.arrow_cir_w:after{content:''; width:28px; height:25px; background:url(../img/ic_arrow_w.png) no-repeat center center; background-size:100%; display:inline-block; vertical-align:middle; margin-left:10px;}

.dpib{display:inline-block}
.dpb{display:block;}

.upper{text-transform:uppercase}
.fwb{font-weight:600}
.fss{font-size:0.8em}
.Tblack{color:#323232}
.Tred{color:#e83428}
.upcase{text-transform:uppercase}

.btn_more{display:inline-block; color:#ffffff; background:#1c3f95; padding:6px 20px; border-radius:500px; vertical-align:middle; position:relative; z-index:1}
.btn_more:after{content:'+'; display:inline-block; margin-left:10px; vertical-align:middle}

.btn_more.wt_btn{border:1px solid #dcdcdc; background:none; }

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

.txt-s{font-size:15px;}
.txt-m{font-size:20px;}
.txt-l{font-size:30px;}

.tit_h4{font-size:30px; letter-spacing:-1px}
.tit_h5{font-size:20px; letter-spacing:-1px}


.mb{margin-bottom:40px !important; }
.bmb{margin-bottom:60px !important;}

.pb{padding-bottom:40px !important}
.bpb{padding-bottom:60px !important}

.mo_only{display:none;}
.move_scroll{max-width:100%;}
.pdinner{padding:0 3%}

.half{width:48.5%; float:left;}
.mr{margin-right:3%;}
.btn_more:after{margin-left:20px}
}

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

body, html{font-size:16px; line-height:1.5}
.mEnter{display:inline-block;}

.txt-m{font-size:30px;}
.txt-l{font-size:40px;}

.tit_h3:after{margin-top:25px;}

.tit_h4{font-size:30px; }

.tit_h5{font-size:20px; }


.mb{margin-bottom:50px !important}
.bmb{margin-bottom:80px !important}

.pb{padding-bottom:50px !important}
.bpb{padding-bottom:80px !important}
.pdinner{padding:0 20px}

}

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

}



/* animation */
.motion01{animation-name:sub_tt;animation-duration:1000ms;animation-fill-mode:both;animation-delay:200ms;animation-timing-fonction:ease-out;}
.motion02{animation-name:sub_tt;animation-duration:1000ms;animation-fill-mode:both;animation-delay:200ms;animation-timing-fonction:ease-out;}

@-webkit-keyframes sub_tt {/* Chrome, Safari, Opera */ 
	0%   {top:30px; opacity:0;}
    100% {top:0; opacity:1;}
}
@keyframes sub_tt {/* Standard syntax */
     0%   {top:30px; opacity:0;}
    100% {top:0px; opacity:1;}
}
@-webkit-keyframes sub_tt {/* Chrome, Safari, Opera */ 
    0%   {top:30px; opacity:0;}
    100% {top:0; opacity:0;}
}
@keyframes sub_tt {/* Standard syntax */
     0%   {top:30px; opacity:0;}
    100% {top:0px; opacity:1;}
}

.anim01 {animation-name:anim01; animation-duration:1s; animation-fill-mode:both;}
@keyframes anim01 {
	0% {opacity:0; transform:translateY(-1000px);} 
    60% {opacity:1; transform:translateY(30px);} 
    80% {transform:translateY(-10px);} 
    100% {transform:translateY(0); } 
} 
.anim02 {animation-name:anim02; animation-duration:1s; animation-fill-mode:both;}
@keyframes anim02 {
	0% {opacity:0; transform:translateY(1000px);} 
    60% {opacity:1; transform:translateY(-30px);} 
    80% {transform:translateY(10px);} 
    100% {transform:translateY(0); } 
}



/* 서브레이아웃공통 */
.dot_li_wrap {background:#fafafa; padding:20px 0;}
.dot_li{overflow:hidden;}
.dot_li li{position:relative; padding-left:15px; margin-bottom:3px; word-break:break-all}
.dot_li li:before {content:''; display:inline-block; width:4px; height:4px; border-radius:50%; left:0; top:10px; position:absolute; background:#7b7b7b;}
.dot_li li:last-child{margin-bottom:0;}
.dot_li li.ref {font-size:0.9em; color:#666; margin:15px 0; background:#fcfcfc; border:1px dotted #ccc; padding:10px 30px;}
.dot_li li.ref:before {display:none;}
.dot_li li span {font-weight:700;}
.tit_dot{font-size:1.25em; color:#303030; font-weight:600; padding-left:30px; background:url('../img/tit_cir.png') no-repeat left center;}

/* 서브레이아웃 */
#sub_vis{position:relative; padding:105px 0 30px; background-repeat:no-repeat; background-position:center center; background-size:cover !important; color:#000; text-align:center;}
#sub_vis .tit_h2{font-weight:600; font-size:1.5em;}
#sub_vis .tit_h2 span{display:block;  margin-bottom:10px; font-size:15px; font-weight:800; letter-spacing:-0.1em; text-transform:uppercase; position:relative;}
#sub_vis .tit_h2 b{display:block; line-height:1.2}
#sub_vis .tit_txt {font-size:0.85em; margin-top:10px; color:#fff;}

@media all and (min-width:768px) {
	#sub_vis{margin:0; padding:140px 0 50px; border-bottom:0}
	#sub_vis .tit_h2{font-size:2.5em; }

	#sub_vis p{font-size:18px}
	#sub_vis .tit_h2 span:after{position:absolute; right:0; top:0; margin:0}
}

@media all and (min-width:1200px) {
	#sub_vis .tit_h2{font-size:2em; line-height:1.8}
	#sub_vis p{font-size:18px}
	#sub_vis{border-bottom:0;}
}

.sub_tab{display:none}
#sub{margin:0 auto 80px; position:relative; min-height:600px; padding:50px 0% 0px; overflow:hidden}
#sub:after{content:''; clear:both; display:block}



/* 2depth menu */
#twodepthNav {position:relative; display:none; margin:0 auto; background:#e7211a}
#twodepthNav ul {overflow:hidden; text-align:center}
#twodepthNav ul li {position:relative; width:16%; display:inline-block; text-align:center; max-width:150px}
#twodepthNav ul li a{color:#ffffff}
#twodepthNav ul.li09 li{width:10.5%;}
#twodepthNav ul li a{display:block; line-height:60px; position:relative}
#twodepthNav ul li a:after{content:''; position:absolute; bottom:0; left:50%; width:0; height:4px; background:#0083ef; transition:all 0.2s cubic-bezier(0.7, 0, 0.3, 1)}
#twodepthNav ul li:hover a:after{width:60px; margin-left:-30px;}
#twodepthNav ul li a:hover{font-weight:600; transition:0.3s}
#twodepthNav ul li:first-child a:before{width:0}
#twodepthNav ul li.active {background:#ffffff}
#twodepthNav ul li.active a{font-weight:600; color:#323232}
#twodepthNav ul li.active a:after{width:60px; margin-left:-30px;}

#sidemenu {display:none; position:absolute;width:200px;  z-index:9999; top:0px; left:20px} /* 기준 */
#sidemenu h2 {display:block;font-size:1.6em;   text-align:center; line-height:1.2;  color:#fff; min-height:100px; padding:60px 0; /* background:rgba(90,19,40,0.8); */ background:#29343f; position:relative; text-transform:uppercase;  }
#sidemenu h2 span {display:block; font-size:0.9rem; margin-bottom:10px;}

#sidemenu .snblist{border:1px solid #e6e6e6; border-width:0 1px 1px; background:#ffffff;  margin-bottom:30px}
#sidemenu .snblist li a {position:relative; display:block; padding:13px 20px; font-weight:400; border-bottom:1px solid #e6e6e6; color:#323232}
#sidemenu .snblist li:last-child a{border-bottom:0px;}
#sidemenu .snblist li a[target='_blank']:after {font-family:'FontAwesome'; font-size:11px; display:inline-block; content:"\f08e"; margin:0 0 2px 5px; vertical-align:middle;}
#sidemenu .snblist li a:hover {text-indent:5px; 	
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease; color:#303030; transition:0.3s}
#sidemenu .snblist li.active a {color:#d10000; font-weight:600}
#sidemenu .snblist li a i:after,#sidemenu .snblist li.active a i:after {
	position:absolute;
	top:16px;
	font-weight:bold;
	right:10px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	font-family:FontAwesome;
	content:"\f105";
	font-style:normal;  
	color:#808080
}
#sidemenu .snblist li a:hover i:after{right:7px;}
#sidemenu .snblist li.active a i:after{color:#d10000}
#sidemenu .snblist li.active a:hover i:after{right:7px;}

#sidemenu .snblist li a i:after {background:rgba(255,255,255,0)}

#sidemenu .snblist li a:hover i:after {
	-webkit-transform:translateY(-50%) translateX(20%);
	-moz-transform:translateY(-50%) translateX(20%);
	-ms-transform:translateY(-50%) translateX(20%);
	-o-transform:translateY(-50%) translateX(20%);
	transform:translateY(0) translateX(20%);
	color:#fff;
	background:rgba(255, 255, 255, 1);
}

#sidemenu .snblist li.select a:hover i:after {
	-webkit-transform:none;
	-moz-transform:none;
	-ms-transform:none;
	-o-transform:none;
	transform:none;
	color:#fff;
	background:rgba(255, 255, 255, 1);
}

#fl_menu{display:none;}
.con{position:relative; min-height:500px;}
.conh3{font-size:1.4em; font-weight:500; color:#000000; text-align:center;}
.conh3:after{content:''; width:40px; height:1px; background:#000000; display:block; margin:10px auto 30px;}

.path{display:block;}
.path li{font-size:12px; display:inline-block; vertical-align:top;}
.path li:before{content:'\f105'; font-family:'FontAwesome'; display:inline-block; padding:0px 10px}
.path li:first-child:before{display:none;}

@media all and (min-width:768px) {
	#sub{padding:50px 0px 0px}
	.conh3{font-size:2em}
	.conh3:after{margin:20px auto 40px;}

	#twodepthNav {position:relative; display:block;}
}

@media all and (min-width:1200px) {
	.subwrap{margin:0 auto; position;}
	.sub_tab{display:block;background:#0788c7; padding:10px 0px; text-align:right; color:#ffffff; font-size:0.85em; text-align:right;}
	.sub_tab h3, .sub_tab p{display:inline-block; margin-left:15px; color:#fbdf40; font-weight:bold}
	.sub_tab h3{color:#ffffff}
	.sub_tab h3 span{margin-right:10px; text-transform:uppercase; color:#fbdf40}
	.sub_tab p {border-radius:50px; background:#462e16; padding:5px 10px;}

	#twodepthNav ul.li02 li{width:25%;}

	#sub{position:relative; width:100%; margin:0 auto 80px; min-height:650px; padding:50px 0px 0px}
	.con{width:1160px; margin:0 auto; min-height:800px;}
	.conh3:after{margin:20px auto 60px;}
}

@media all and (min-width:1640px) {
	#sidemenu{display:block}
	#fl_menu{display:block; position:absolute; right:20px; z-index:9999; width:125px; top:0px; height:600px}
	#fl_menu .label{text-align:center; line-height:80px; font-size:18px; font-weight:bold; background:#29343f; color:#fff;}
	#fl_menu ul {text-align:center; padding:10px 0px 30px; background:#ffffff}
	#fl_menu ul li a{font-size:16px; font-weight:600; padding:8px 0px}
	#fl_menu ul li span{display:block}
	#fl_menu .menu{display:block; border:1px solid #dcdcdc}
	#fl_menu .menu img{max-width:60px}
	#fl_menu .menu .menu_item{display:block; background:#ffffff; color:#323232; }
}



/*컬러패스
#sub_drop{position:relative; background:#e7211a;  font-size:0.9em}
#sub_drop .home a{display:block; line-height:45px; padding:0 20px; border-left:1px solid #dcdcdc; border-color:rgba(255,255,255,0.2);}
#sub_drop .home{min-width:46px !Important}
#sub_drop .home img{display:inline-block; vertical-align:middle}
#sub_drop .dropdown{float:left; border-right:1px solid #dcdcdc;border-color:rgba(255,255,255,0.2); position:relative;}
#sub_drop .dropdown.deph02{min-width:35%}
#sub_drop .dropbtn {background:#e7211a;  width:100%; text-align:left; display:inline-block; height:auto; position:relative; line-height:45px; padding:0 25px 0 10px; cursor:pointer; color:#ffffff;}
#sub_drop .dropbtn:after{font-family:'FontAwesome'; content:'\f107'; position:absolute; right:10px; color:#ffffff; font-size:14px; top:0; bottom:0; margin:auto;}

#sub_drop .dropdown ul{}
#sub_drop .dropdown ul li{padding:5px 10px; }
#sub_drop .dropmenu {display:none;  position:absolute;  z-index:5; background:#ffffff; border:1px solid #dcdcdc; box-sizing:content-box; left:-1px; width:100%;}
#sub_drop .dropmenu a{display:block; line-height:30px; color:#000000; }
#sub_drop .dropmenu a:hover {color:#e7211a; font-weight:600;}
#sub_drop .dropdown .show {display:block;}

#sub_drop:after{display:block; content:''; clear:both;}

@media all and (min-width:768px) {
	#sub_drop .dropbtn{padding:0 25px 0 20px}
	#sub_drop .dropdown ul li{padding:5px 20px; }
	#sub_drop .dropdown{min-width:200px}
	#sub_drop .dropdown.deph02{min-width:200px}
	#sub_drop .dropmenu a{line-height:40px;}
	#sub_drop .home a{line-height:60px;} 
	#sub_drop .dropbtn {line-height:60px}
	#sub_drop .dropbtn:after{right:15px}
}

/*흰색패스*/
#sub_drop{position:relative; border-width:1px 0px; z-index:100}
#sub_drop .home a{display:block; line-height:45px; padding:0 20px; border-left:1px solid #dcdcdc}
#sub_drop .home{min-width:46px !important;}
#sub_drop .home img{display:inline-block; vertical-align:middle}
#sub_drop .dropdown{float:left; border-right:1px solid #dcdcdc; position:relative; z-index:101}
#sub_drop .dropdown.deph02{min-width:35%}
#sub_drop .dropbtn {background:#ffffff;  width:100%; text-align:left; display:inline-block; height:auto; position:relative; line-height:45px; padding:0 25px 0 10px; cursor:pointer; color:#000000; font-size:14px;}
#sub_drop .dropbtn:after{font-family:'FontAwesome'; content:'\f107'; position:absolute; right:10px; color:#000000; font-size:14px; top:0; bottom:0; margin:auto;}

#sub_drop .dropdown ul{z-index:999999;}
#sub_drop .dropdown ul li{padding:5px 10px; }
#sub_drop .dropmenu {display:none;  position:absolute;  z-index:5; background:#ffffff; border:1px solid #dcdcdc; box-sizing:content-box; left:-1px; width:100%;}
#sub_drop .dropmenu a{display:block; line-height:30px; color:#000000; font-size:14px;}
#sub_drop .dropmenu a:hover {font-weight:600; color:#cf010e;}
#sub_drop .dropdown .show {display:block;}

#sub_drop:after{display:block; content:''; clear:both;}

@media all and (min-width:768px) {
	#sub_drop .dropbtn{padding:0 25px 0 20px; font-size:16px;}
	#sub_drop .dropdown ul li{padding:5px 20px; }
	#sub_drop .dropdown{min-width:200px}
	#sub_drop .dropdown.deph02{min-width:250px}
	#sub_drop .dropmenu a{line-height:40px; font-size:16px;}
	#sub_drop .home a{line-height:60px;} 
	#sub_drop .dropbtn {line-height:60px}
	#sub_drop .dropbtn:after{right:15px}
}

#sub_drop .list {display:none;}

@media all and (min-width:1400px) {
	#sub_drop .list {position:absolute; width:220px; display:block;}
	#sub_drop .list .list_tit {text-align:center; padding:55px 0 0; height:160px; background:#d68466; color:#fff;}
	#sub_drop .list .list_tit .eng {font-size:0.6em; opacity:0.6;}
	#sub_drop .list .list_tit .kor {font-size:1.25em; font-weight:700; margin-top:10px;}
	#sub_drop .list li  {border:1px solid #e0e0e0; border-top:0;}
	#sub_drop .list li.active a {font-weight:700;}
	#sub_drop .list li a {padding:0 20px; font-size:0.9em; line-height:48px; display:inline-block; width:100%; transition:0.2s;}
	#sub_drop .list li a:hover {margin-left:5px;}
}