@charset "utf-8";
/****************************************/
/* Name: (주)경진텔레콤
/* PART: LAYOUT STYLE
/* Version: 1.0 / day: 2017-07-17
/* Author: 가우테크

/* Summary
	1)메인, 서브레이아웃
	2)상단메뉴
	3)왼쪽메뉴
	4)반응형 콘텐츠
*/
/****************************************/





/*  텍스트 자동 조절 방지  */
* {-webkit-text-size-adjust:none;}

/* 인풋박스 그림자 없애기, 둥근모서리 없애기*/


input[type="text"] {-webkit-appearance:none;webkit-border-radius:0;}
/* input[type="file"] {-webkit-appearance:none;webkit-border-radius:0;}*/
input[type="password"] {-webkit-appearance:none;webkit-border-radius:0;}
input[type="button"] {-webkit-appearance:none;webkit-border-radius:0;}
input[type="checkbox"] {-webkit-border-radius:0;}

input[type="submit"] {/*-webkit-border-radius:0*/;-webkit-appearance:none;}

select {-webkit-border-radius:0;}
button {-webkit-border-radius:0;}

input[type="radio"] {-webkit-appearance:radio;}
input[type="checkbox"] {-webkit-appearance:checkbox;}





/*
================================================================================
메인, 서브레이아웃
================================================================================
*/


#wrapper{min-width:320px;width:100%;height:100%;}

/* ---- 상단영역 ---- */


#header{position:absolute;top:0;left:0;min-width:320px;width:100%;min-height:140px;background:#fff;z-index:200;}







/*
#header .head_box{position:relative;margin:0 auto;max-width:1200px;z-index:60}
*/

#header .head_box{position:relative;margin:0 auto;width:1176px;z-index:60}



#header .head_box .logo{position:absolute;top:30px;left:20px;height:100px;z-index:100}
/*
#header .head_box .logo{position:absolute;top:14px;left:25px;height:110px;z-index:100}
*/

/*
#header .head_box .topLink{position:absolute;top:40px;right:0;z-index:1}
*/


#header .head_box .topLink{position:absolute;top:30px;right:0;z-index:1}
/*
#header .head_box .topLink{position:absolute;top:20px;right:0;z-index:1}
*/


#header .head_box .topLink li{float:left;padding:0 10px;font-family:굴림;font-size:11px;background:url('../img/common/ic_kan.png') no-repeat left center}
/*
#header .head_box .topLink li{float:left;padding:0 3px;font-family:굴림;font-size:11px}
*/


#header .head_box .topLink li:last-child {padding-right:12px}
#header .head_box .topLink li:first-child{background:none}

#header .head_box .topLink li a {color:#777}



#header .head_box .btnMenu{display:none}

/* ---- 중간영역 ---- */
#container{margin-top:139px}
#container #content{position:relative;}
#container #content::after{display:block;clear:both;content:''}
#subContainer{margin-top:139px;/*background:url('../img/sub/sub_bg.gif') no-repeat center 152px;*/}
#subContainer::after{display:block;clear:both;content:''}


/*
.sub #header {border-bottom:1px solid #e4e4e4}
*/




#subContainer aside{margin:0 auto;max-width:1200px;height:152px;background:url('../img/sub/visual_1.jpg') no-repeat center top;}

.sub_01 #subContainer aside{margin:0 auto;max-width:2000px;height:220px;background:url('/img/sub/sbg01.jpg') no-repeat center top;}
.sub_02 #subContainer aside{margin:0 auto;max-width:2000px;height:220px;background:url('/img/sub/sbg02.jpg') no-repeat center top;}
.sub_03 #subContainer aside{margin:0 auto;max-width:2000px;height:220px;background:url('/img/sub/sbg01.jpg') no-repeat center top;}
.sub_04 #subContainer aside{margin:0 auto;max-width:2000px;height:220px;background:url('/img/sub/sbg_new01.jpg') no-repeat center top;}
.sub_05 #subContainer aside{margin:0 auto;max-width:2000px;height:220px;background:url('/img/sub/sbg01.jpg') no-repeat center top;}
.sub_06 #subContainer aside{margin:0 auto;max-width:2000px;height:220px;background:url('/img/sub/sbg02.jpg') no-repeat center top;}
.sub_07 #subContainer aside{margin:0 auto;max-width:2000px;height:220px;background:url('/img/sub/sbg01.jpg') no-repeat center top;}







#subContainer aside .left_title{padding:40px 0 0 30px;height:102px}


/*
#subContainer aside .left_title h2{display:inline-block;margin-right:10px}
*/
#subContainer aside .left_title h2{display:inline-block;margin-right:10px;font-size:36px;color:#2e2e2e;letter-spacing:-1.8px;margin-top:80px}

#subContainer aside .left_title h2::after {content:"\00a0\00a0\00a0\00a0 앞선 가치, 행복한 꿈의 공유 (주)프라임오라";font-size:12px;color:#ababab;letter-spacing:-0.5px;}

/*
#subContainer #content .sub_bbn  > span.f1::after {content:"\00a0\00a0\00a0\00a0 Linking Influencer and Companies";font-size:12px;color:#ababab;letter-spacing:-0.5px;}
*/





#subContainer aside .left_title p{display:inline-block;vertical-align:bottom}

/*
#subContainer aside nav{position:relative;padding-right:50px;background:#ff3300}
*/
#subContainer aside nav{position:relative;padding-right:50px;margin-top:68px}

#subContainer aside nav .btnPrint{position:absolute;top:0;right:0}



/*
#subContainer #content{position:relative;margin:0 auto;padding:60px 70px;max-width:1200px;min-height:600px;background:#fff url('../img/sub/con_bg.jpg') no-repeat right top;border:1px solid #eaecee;border-width:0 1px 1px}
*/
#subContainer #content{position:relative;margin:0 auto;padding:30px 30px 0px 30px;max-width:1200px;min-height:600px;background:#fff;border:0px solid #eaecee;border-width:0 0px 0px;}



#subContainer #content nav .btnPrint{position:absolute;top:0;right:0}




.location{position:absolute;top:46px;right:60px;font-size:12px;color:#8c8c8c;}
.location li{display:inline-block;padding:0 11px 0 4px;background:url('/img/sub/ic_loc_kan.gif') no-repeat right center}
.location li:last-child{background:none}


/*
h1.title{position:relative;margin-bottom:40px;padding-bottom:40px;font-size:36px;color:#2e2e2e;font-weight:normal;}
*/




/*
h1.title{position:relative;margin-bottom:40px;padding-bottom:20px;padding-left:46px;padding-top:6px;font-size:26px;color:#2e2e2e;font-weight:600;background:url('/img/sub/untitled.png') no-repeat right 8px,url('/img/sub/untitled_s.png') no-repeat left top;color:#454545}
*/





/*
h1.title::after{position:absolute;left:0;bottom:0;width:60px;height:3px;content:'';background:#000}
*/

h1.title{position:relative;margin-bottom:30px;padding-bottom:60px;padding-top:6px;font-size:36px;color:#707070;text-align:center;border-bottom:1px solid #e4e4e4}

/*
h1.title::after{position:absolute;left:0;bottom:42px;width:100%;height:0px;content:'한국생활수경은 식물로 소통하는 새로운 문화공간을 창조합니다.';background:#e4e4e4;font-size:12px;color:#ababab;letter-spacing:-0.5px;}
*/
h1.title::after{position:absolute;left:0;bottom:42px;width:100%;height:0px;content:'Welcome to Green World';background:#e4e4e4;font-size:12px;color:#ababab;letter-spacing:0px;}


/*
.sub.sub_01.page_01.page_01_03.tab_01 h1.title::after{position:absolute;left:0;bottom:42px;width:100%;height:0px;content:'한국생활수경의 반려식물 전문브랜드입니다.';background:#e4e4e4;font-size:12px;color:#ababab;letter-spacing:-0.5px;}
*/


/*
#subContainer aside .left_title h2::after {content:"\00a0\00a0\00a0\00a0 앞선 가치, 행복한 꿈의 공유 (주)프라임오라";font-size:12px;color:#ababab;letter-spacing:-0.5px;}
*/


/* ---- 하단영역 ---- */
#footer {clear:both;width:100%;}

#footer .footWrap{position:relative;margin:0 auto;padding:35px 0;width:1200px;}

#footer .footWrap .footMenu {margin-bottom:10px;padding:20px 12px;border-bottom:1px solid #e4e4e4}

.sub #footer .footWrap .footMenu {border-top:1px solid #e4e4e4}




.sub #footer  {background:url('/img/sub/e4.gif') repeat-x center 35px}



.mm #footer  {background:url('/img/sub/e4.gif') repeat-x center 97px}





#footer .footWrap .footMenu::after{display:block;clear:both;content:''}
#footer .footWrap .footMenu li{float:left;padding:0 10px;background:url('../img/common/f_m_kan.gif') no-repeat right bottom}


/*
#footer .footWrap .footMenu li a{display:block;}
*/
#footer .footWrap .footMenu li a{display:block;color:#777;font-size:16px;font-weight:700}



#footer .footWrap .footMenu li:last-child{background:none}
#footer .footWrap address{padding:20px 20px 10px 25px;font-size:12px;color:#7f7f7f;word-break:keep-all}


#footer .footWrap address ul li {background:url('/img/main/zum.gif') no-repeat left 8px;padding-left:8px}





/*
#footer .footWrap address a{display:inline-block;margin-right:5px}
*/
#footer .footWrap address a{display:inline-block;margin-right:5px;color:#7f7f7f}

#footer .footWrap address a:hover {text-decoration:underline}


#footer .footWrap small{padding:0 20px 20px 25px;font-size:11px;color:#7f7f7f;word-break: break-all;}


/*
================================================================================
상단메뉴
================================================================================
*/

/*
#gnb{position:relative;padding:65px 0 0 0;overflow:hidden;}
*/
#gnb{position:relative;padding:65px 0 0 0;overflow:hidden;width:1176px}


#gnb ul.gnb{position:relative;width:100%;text-align:right;overflow:hidden;}
#gnb > ul:after{display:block;clear:both;content:''}
#gnb > ul > li{display:inline-block}

/*
#gnb > ul > li > a{display:block;padding:20px 25px}
*/







/*
#gnb > ul > li > a {display:block;padding:10px 25px 0px 25px ;font-size:18px;font-weight:600;color:#3e3e3e;text-align:center}
*/

#gnb > ul > li > a {display:block;padding:10px 50px 0px 50px ;font-size:18px;font-weight:600;color:#3e3e3e;text-align:center}






#gnb > ul > li > a:hover {color:#0E9DBC}


#gnb > ul > li > a > span {display:block;font-size:12px;color:#999;font-weight:normal;letter-spacing:0}


#gnb > ul > li:last-child > a {padding-right:12px}



#gnb li .sMenu{position:absolute;top:75px;left:0;padding:30px 0;width:25%;min-height:300px;text-align:center}
/*
#gnb li .sMenu{position:absolute;top:75px;left:0;padding:30px 0;width:16.66%;min-height:300px;text-align:center}
*/



#gnb li .sMenu.sbm1{left:0}
#gnb li .sMenu.sbm2{left:25%}
#gnb li .sMenu.sbm3{left:50%}
#gnb li .sMenu.sbm4{left:75%}
#gnb li .sMenu.sbm5{left:100%}


/*
#gnb li .sMenu.sbm1{left:0}
#gnb li .sMenu.sbm2{left:16.66%}
#gnb li .sMenu.sbm3{left:33.32%}
#gnb li .sMenu.sbm4{left:49.98%}
#gnb li .sMenu.sbm5{left:66.64%}
#gnb li .sMenu.sbm6{left:83.33%}
*/




/*
#gnb li .sMenu h2{margin-bottom:15px;opacity:0.3}
*/
#gnb li .sMenu h2{margin-bottom:15px;opacity:0.3;font-size:16px}


#gnb li .sMenu li{font-weight:normal;line-height:16px;}
/*
#gnb li .sMenu li a{display:block;padding:5px 0;color:#3f3e3e}
*/
#gnb li .sMenu li a{display:block;padding:5px 0;color:#666}

#gnb li .sMenu li a:hover{text-decoration:underline}
/*
#gnb > ul > li:nth-child(2n+2) .sMenu{background:#fafafa}
*/
#gnb > ul > li:nth-child(2n+2) .sMenu{background:#f9f9f9}

.online{border-bottom:1px solid #e9e9e9}
.online::before{position:absolute;top:139px;left:0;width:100%;height:1px;content:'';background:#e9e9e9}

/*
================================================================================
왼쪽메뉴
================================================================================
*/

#lnb{position:relative;}
#lnb::after{display:block;clear:both;content:''}
#lnb li{float:left;}

#lnb li {
/*
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
width:100%;
*/
}






/*
#lnb li a{display:block;font-size:16px;color:#fff;height:50px;line-height:50px;font-weight:700;text-decoration:none;text-align:center;background:#818181;border-left:1px solid #9d9d9d}
*/

#lnb li a{display:block;font-size:16px;color:#fff;height:50px;font-weight:700;text-decoration:none;text-align:center;background:#818181;border-left:1px solid #9d9d9d;line-height:50px;


padding-left:10px;
padding-right:10px;

text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;

}

#lnb li:first-child a{border-left:0}

/*
#lnb li.on a{background:#395685}
*/
#lnb li.on a{background:#4a97b7}




#lnb.li2 li{width: 100%;}
#lnb.li3 li{width:33.333%}
#lnb.li4 li{width:25%}
#lnb.li5 li{width: 16.667%;}
#lnb.li6 li{width:16.666%}
#lnb.li7 li{width:14.285%}
#lnb.li8 li{width:20%}
#lnb.li9 li{width:50%}











/******************************************메뉴온오프************************************************************************/




#content > nav  {width:1140px}



#content > .ew_01, .ew_02, .ew_03, .ew_04, .ew_05, .ew_06 {display:none;margin-bottom:38px;position:relative;padding-right:50px}

#content > nav >ul > li > a > span {display:block;font-size:12px;color:#fff;font-weight:normal;letter-spacing:0;

text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}







.sub_01  #content > .ew_01 {display:block}
.sub_02  #content > .ew_02 {display:block}
.sub_03  #content > .ew_03 {display:block}
.sub_04  #content > .ew_04 {display:block}
.sub_05  #content > .ew_05 {display:block}
.sub_06  #content > .ew_06 {display:block}




.sub_01.page_01_01  #content > .ew_01 #lnb li.onk1 a{background:#4a97b7}
.sub_01.page_01_02  #content > .ew_01 #lnb li.onk2 a{background:#4a97b7}
.sub_01.page_01_03  #content > .ew_01 #lnb li.onk3 a{background:#4a97b7}
.sub_01.page_01_04  #content > .ew_01 #lnb li.onk4 a{background:#4a97b7}
.sub_01.page_01_05  #content > .ew_01 #lnb li.onk5 a{background:#4a97b7}






.sub_02.page_01_01  #content > .ew_02 #lnb li.onk1 a{background:#4a97b7}
.sub_02.page_01_02  #content > .ew_02 #lnb li.onk2 a{background:#4a97b7}
.sub_02.page_01_03  #content > .ew_02 #lnb li.onk3 a{background:#4a97b7}
.sub_02.page_01_04  #content > .ew_02 #lnb li.onk4 a{background:#4a97b7}
.sub_02.page_01_05  #content > .ew_02 #lnb li.onk5 a{background:#4a97b7}






.sub_03.page_01_01  #content > .ew_03 #lnb li.onk1 a{background:#4a97b7}
.sub_03.page_01_02  #content > .ew_03 #lnb li.onk2 a{background:#4a97b7}
.sub_03.page_01_03  #content > .ew_03 #lnb li.onk3 a{background:#4a97b7}
.sub_03.page_01_04  #content > .ew_03 #lnb li.onk4 a{background:#4a97b7}
.sub_03.page_01_05  #content > .ew_03 #lnb li.onk5 a{background:#4a97b7}





.sub_04.page_01_01  #content > .ew_04 #lnb li.onk1 a{background:#4a97b7}
.sub_04.page_01_02  #content > .ew_04 #lnb li.onk2 a{background:#4a97b7}
.sub_04.page_01_03  #content > .ew_04 #lnb li.onk3 a{background:#4a97b7}
.sub_04.page_01_04  #content > .ew_04 #lnb li.onk4 a{background:#4a97b7}
.sub_04.page_01_05  #content > .ew_04 #lnb li.onk5 a{background:#4a97b7}








.sub_05.page_01_01  #content > .ew_05 #lnb li.onk1 a{background:#4a97b7}
.sub_05.page_01_02  #content > .ew_05 #lnb li.onk2 a{background:#4a97b7}
.sub_05.page_01_03  #content > .ew_05 #lnb li.onk3 a{background:#4a97b7}
.sub_05.page_01_04  #content > .ew_05 #lnb li.onk4 a{background:#4a97b7}
.sub_05.page_01_05  #content > .ew_05 #lnb li.onk5 a{background:#4a97b7}









.sub_06.page_01_01  #content > .ew_06 #lnb li.onk1 a{background:#4a97b7}
.sub_06.page_01_02  #content > .ew_06 #lnb li.onk2 a{background:#4a97b7}
.sub_06.page_01_03  #content > .ew_06 #lnb li.onk3 a{background:#4a97b7}
.sub_06.page_01_04  #content > .ew_06 #lnb li.onk4 a{background:#4a97b7}
.sub_06.page_01_05  #content > .ew_06 #lnb li.onk5 a{background:#4a97b7}






/******************************************메뉴온오프************************************************************************/








































.kj_ad:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
.kj_ad {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */

.kj_ad {margin:33px auto 33px auto;max-width:1176px;}

.kj_ad > div {float:left;width:48.30%;margin:0 0.85%}



.kj_ad > div > h3 {background:#f1f1f1;text-align:center;line-height:47px;height:47px;border-top:3px solid #434D83;border-bottom:1px solid #e3e3e3}

.kj_ad > div > h3 > a {vertical-align:1px}

.kj_ad > div > div.iming {border:1px solid #e3e3e3;margin-top:18px;min-height:291px;background:url('/img/main/dm2.jpg') no-repeat top center;background-size:cover;}


.kj_ad > div > #news-container {}






#news-container
{
	width: 100%;
	margin: 0 auto;


}



#news-container > ul {width:100%}

#news-container > ul >  li {border-bottom:1px solid #ddd;}




#news-container  {border-bottom:1px solid #ddd;padding-bottom:7px}


#news-container  > ul >  li  > ul:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
#news-container  > ul >  li  > ul {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */

#news-container  > ul >  li  > ul > li {display:block;padding-bottom:10px;padding-top:10px;text-align:center;float:left;line-height:18px}




#news-container  > ul >  li  > ul > li:nth-child(1) {width:15%}
#news-container  > ul >  li  > ul > li:nth-child(2) {width:35%}
#news-container  > ul >  li  > ul > li:nth-child(3) {width:15%}
#news-container  > ul >  li  > ul > li:nth-child(4) {width:35%}


















/*
#lnb li a{display:block;font-size:16px;color:#fff;height:60px;font-weight:700;text-decoration:none;text-align:center;background:#818181;border-left:1px solid #9d9d9d;padding-top:9px;


padding-left:10px;
padding-right:10px;

text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;

}


#content > nav >ul > li > a > span {display:block;font-size:12px;color:#fff;font-weight:normal;letter-spacing:0;

text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}


*/

















































































/*
================================================================================
반응형 콘텐츠
================================================================================
*/

 /* PC Device */
@media all and (min-width:1001px){

}

 /* Tablet Device */
@media all and (max-width:1000px){


}









 /* Mobile Device */
@media all and (max-width:640px){

}




























































.q_form_wrap {/* padding: 20px; *//* background-color: #f3f3f3; *//* width: 700px; */margin: 20px 0;}
.q_form {width: 100%; padding-top: 5px ;margin: 20px 0;
background-image: url(/images/sub/table_top.jpg);
background-repeat: no-repeat;
background-size: 100% 5px;
}
.q_form table {border-bottom: 1px solid #e4e4e4; }
.q_form td {border-bottom: 1px solid #e4e4e4; padding: 5px 15px; color: #444;word-break: break-all;
background-color: #fff;font-size: 13px;
}
.q_form th {border-bottom: 1px solid #f4f4f4; padding: 5px 15px;
text-align: center; background-color: #e1e1e1; color: #343434;word-break: break-all; font-size: 13px;
width: 120px;
}

.q_form_input input {width: 90%; padding:3px 10px; border: 1px solid #ccc; background-color: #fff; height: 20px;}


.q_form textarea {width: 90%; padding: 3px 10px; border: 1px solid #ccc; background-color: #fff; min-height: 150px;
resize: none;
}

.q_form_select select  {width: auto; padding:3px 10px; border: 1px solid #ccc; background-color: #fff; height: 20px; display: block;
box-sizing: content-box;
}

.q_form_list_wrap {
padding: 20px;
background-color: #f3f3f3;
width: 700px;
margin: 20px 0;
}
.q_form_list {width: 100%; padding-top: 5px ;margin: 20px 0;
background-image: url(/images/sub/table_top.jpg);
background-repeat: no-repeat;
background-size: 100% 5px;
}
.q_form_list table {border-bottom: 1px solid #e4e4e4; }
.q_form_list td {border: 1px solid #e4e4e4; padding: 10px 15px; color: #444;word-break: break-all;
background-color: #fff;font-size: 12px;
}
.q_form_list th {border: 1px solid #f4f4f4; padding: 10px 15px;
background-color: #e1e1e1; color: #343434;word-break: break-all; font-size: 12px;
}

.btn_apply_ok {display: inline-block;padding: 5px 10px; background-color: #363636; color: #fff;font-size: 12px; font-weight: bold;}
.btn_apply_end {display: inline-block;padding: 5px 10px; background-color: #aeaeae; color: #fff; font-size: 12px; font-weight: bold;}

.board_wrap {width: 1100px;padding-top: 10px;background-color:#fff;margin: 0 auto;}


.data_view_btn {
    display: inline-block;
    width: 220px;
    height: 45px;
    line-height: 45px;
    /* padding-left: 13px; */
    /* background-image: url(/images/sub/data_view_btn.jpg); */
    /* background-repeat: no-repeat; */
    color: #fff;
    font-size: 12px!important;
    text-align: center;
    background: #c49b68;
}


.go_list_btn{margin-top:10px;text-align: center;}


.klp {vertical-align:-2px;margin-left:3px}