
/* 팝업레이어 */
#hd_pop {z-index:10000000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}


/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

legend {display:none}

#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}




/* 흙토피아 */
#soiltopia1 {background: url('../_img/main/soiltopia2_1.jpg') no-repeat center center fixed;background-size: cover;color:#fff;}
#soiltopia1 h3.section-subtitle {font-size:22px;line-height:1.8;font-weight: lighter;}
#soiltopia1 h3.section-subtitle span {color:#d8d006;font-weight: bold;padding-left:10px;padding-right:10px;}
/* #soiltopia2 {background: url('../_img/main/soiltopia2_1.jpg') no-repeat center center fixed;background-size: cover;color:#fff;} */
/*
.bgBlur:before {
	content: '';position: absolute;top: 0; left:0; right:0; bottom:0;background: inherit;z-index:-1;
	-webkit-filter: blur(5px);-moz-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);filter: blur(5px);
}
*/
#soiltopia2 h3.section-subtitle {font-size:22px;line-height:1.8;font-weight: lighter;}
#soiltopia2 h3.section-subtitle span {;color:#d8d006;font-weight: bold;padding-left:10px;padding-right:10px;}
/*
#wat300 {padding-top: 20px;background-image: url('../_img/main/wat_bg.jpg');background-size: cover;color:#fff;}
#nema300t {padding-top: 20px;background-image: url('../_img/main/gd_bg1.jpg');background-size: cover;color:#fff;}
#odor300 {padding-top: 20px;background-image: url('../_img/main/odor_bg.jpg');background-size: cover;color:#fff;}
#Urban {padding-top: 20px;background-image: url('../_img/main/gd_bg.jpg');background-size: cover;color:#fff;}
*/
#wat300 {background-image: url('../_img/main/wat_bg.jpg');background-size: cover;color:#fff;}
#nema300t {background-image: url('../_img/main/gd_bg1.jpg');background-size: cover;color:#fff;}
#odor300 {background-image: url('../_img/main/odor_bg.jpg');background-size: cover;color:#fff;}
#Urban {background-image: url('../_img/main/gd_bg.jpg');background-size: cover;color:#fff;}
#location {background-image: url('../_img/main/period_bg.jpg');background-size: cover;color: #fff;}



#soiltopia3 h3.section-subtitle {font-size:22px;line-height:1.8;font-weight: lighter;}
#wat300 h3.section-subtitle {font-size:22px;line-height:1.8;font-weight: lighter;}
#nema300t h3.section-subtitle {font-size:22px;line-height:1.8;font-weight: lighter;}
#odor300 h3.section-subtitle {font-size:22px;line-height:1.8;font-weight: lighter;}
#Urban h3.section-subtitle {font-size:22px;line-height:1.8;font-weight: lighter;}
#location h3.section-subtitle {font-size:22px;line-height:1.8;font-weight: lighter;}


.slide-desc-btn {
	font-size:20px;
	display: inline-block;outline: none!important;width: 100%; position: relative;margin:15px 0 30px;padding: 18px 30px;background-color:#f1f4d5;border: 1px solid rgba(208, 216, 18, 0.62); border-radius: 30px; white-space: normal;
	letter-spacing: 2px;text-transform: uppercase;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;
}
.slide-desc-btn1 {
	font-size:20px;
	display: inline-block;outline: none!important; width: 100%; position: relative;margin:15px 0 30px;padding: 18px 30px;background-color:rgba(140, 178, 11, 0.3);border: 1px solid rgba(208, 216, 18, 0.62);border-radius: 30px; white-space: normal;
	letter-spacing: 2px;text-transform: uppercase;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;
}
.slide-desc-btn i {color:#75b970;}
/* .slide-desc-btn1 i {color:#0d4315;} */
.slide-desc-btn1 i {font-size:1.25em;color:#fff;}


.section-desc {text-align:left;font-size:16px;}
/***** sm *****/
@media (max-width: 767.98px) {
	.slide-desc-btn {font-size:18px;}
	.section-desc {font-size:15px;}
}
/***** xs *****/
@media (max-width: 575.98px) {
	.slide-desc-btn {font-size:16px;}
	.section-desc {font-size:14px;}
}

#soiltopia-desc1 {border:1px solid rgba(208, 216, 18, 0.62);padding:30px;background-color:rgba(0, 0, 0, 0.3);}
#soiltopia-desc2 {border:1px solid rgba(208, 216, 18, 0.62);padding:30px;background-color:#f1f4d5;}
#soiltopia-desc3 {border:1px solid rgba(208, 216, 18, 0.0);padding:30px;background-color:#fff;}
#wat300-desc {border:1px solid rgba(208, 216, 18, 0.62);padding:30px;background-color:rgba(0, 0, 0, 0.3);}
#nema300t-desc {border:1px solid rgba(208, 216, 18, 0.62);padding:30px;background-color:rgba(0, 0, 0, 0.3);}
#odor300-desc {border:1px solid rgba(208, 216, 18, 0.62);padding:30px;background-color:rgba(0, 0, 0, 0.3);}



#main-bio-cont {}
#main-bio-cont .panel {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;height:280px;}
#main-bio-cont .panel-heading {text-align:center;border-bottom:0px;background-color:#fff;padding-bottom:0px;}
#main-bio-cont .panel-heading img {width:100px;height:100px;margin-bottom:10px;}
#main-bio-cont .panel-body {padding-top:0px;}

