@charset "utf-8";

/*컨텐츠 공통*/

.sub_container{ position:relative; max-width:1000px; margin:0 auto; width:100%; padding:20px 0 70px 0; font-size:15px; min-height:200px;/* word-break: keep-all ;*/ line-height:1.6em; color:#666; z-index:1; min-height:480px; word-break:keep-all }
.sub_container:after{ clear:both; display:block; content:"";}
.sub_container h3{ font-size:18px; padding:20px 0 15px 0; clear:both; line-height: normal; background:url(../img/contents/h3_icon.gif) left 25px no-repeat; padding-left:18px ; color:#333}
.sub_container h4{ font-size:16px ; padding:10px 0;line-height: normal }


.sub_container .po_text{ font-size:22px; line-height:1.5em; letter-spacing:-1px;  color:#333;  }
.sub_container .po_text span.point{ }


.sub_container .point_text{ font-size:16px; font-weight:400; color:#333; }
.sub_container .point{color:#0b903c } /*포인트색상 그린*/
.point{color:#0b903c } /*포인트색상 그린*/

@media screen and (max-width:860px){
.sub_container .po_text{ font-size:20px; }
}

@media screen and (max-width:640px){
.sub_container .point_text{ font-size:14px; }
.sub_container .po_text{ font-size:16px; line-height:20px  }

}


.sub_container section{ clear:both}
.sub_container section:after{ clear:both; display:block; content:"";}


.basic_li{ margin:0px 0; width:100%; display:inline-block}   /*사업분야,rnd 등등*/
.basic_li:after{ clear:both; display:block; content:"";}
.basic_li li{ padding-left:12px; background:url(../img/contents/list_icon.gif) no-repeat 5px 9px; margin:5px 0; }
.basic_li li span{ color:#777; font-size:13px}


.basic_li2{ margin:0px 0; width:100%; display:inline-block}   /*채용*/
.basic_li2:after{ clear:both; display:block; content:"";}
.basic_li2 li{ padding-left:7px; background:url(../img/contents/list_icon2.gif) no-repeat 0px 10px; margin:5px 0; line-height:20px}
.basic_li2 li span{ color:#777; font-size:13px}


.table_area  {border-top:2px solid #b3bbd2; max-width:1000px; }
.table_area *{ /*word-wrap:break-word ; word-break:break-all*/}
.table_area table {width:100%;}
.table_area thead th {padding:10px 0;color:#444;font-weight:600;background:#f6f7fa;border-left:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;}
.table_area thead th.first, .table_area tbody td.first {border-left:none;}
.table_area tbody .bg {background:#f6f6f6;}
.table_area tbody th {padding:15px;text-align:left;font-weight:600;border-left:none;border-bottom:1px solid #d8d8d8;}
.table_area tbody td {padding:10px;text-align:left;border-left:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;}
.min100{ min-width:100px}


.basic_tab{ overflow:hidden;/* display:block; text-align:center*/ }/*-탭: 오시는길 공통-*/
.basic_tab ul{ margin:0; padding:0; }
.basic_tab ul li{_display:inline;*float:left; width:23%; margin-left:0.2%; display:inline-block  }
.basic_tab ul li:first-child{margin-left:0%;}
.basic_tab ul li a{display:block;_float:left;color:#333;background:#fff; cursor:pointer; text-align:center;  font-weight:600; line-height:50px; border:1px solid #CCC}
.basic_tab ul li.on{   }
.basic_tab ul li.on a{ color:#fff; background:#16a54a ;  border:1px solid #0a8035}
.basic_tab_con{ clear:both;}

.map_tab{}
.map_tab ul li{_display:inline;*float:left; width:16%;margin-left:0.2%;}

@media screen and (max-width:640px){
.map_tab ul li{_display:inline;*float:left; width:32%;margin-left:0.2%; margin-bottom:2px}

.table_area thead th {padding:8px 0;}
.table_area tbody th {padding:8px;}
.table_area tbody td {padding:8px;}

.basic_li li{ background:url(../img/contents/list_icon.gif) no-repeat 5px 7px;  }
.basic_tab ul li a{ line-height:30px; font-size:13px;}
.basic_tab ul li a span{ display:none}

}

.basic_tab2{border-bottom:2px solid #222222; clear:both;}
.basic_tab2 > ul{*zoom:1; width:100%;}
.basic_tab2 > ul:after{display:block;visibility:hidden;clear:both;height:0;content:''}
.basic_tab2 > ul > li{float:left;position:relative;position:relative;left:0px;bottom:-2px;z-index:1;width:20%;text-align:center}
.basic_tab2 > ul > li:first-child a {border-left:1px solid #c4c2c0; border-right:1px solid #c4c2c0}
.basic_tab2 > ul > li a{display:block;z-index:0;width:100%;padding:15px 0;border-style:solid;border-width:1px 1px 0;border-color:#c4c2c0 #c4c2c0 #222222;font-size:1em; border-left:0; color:#848484}
.basic_tab2 > ul > li.on{bottom:-2px;z-index:2;padding-right:0px;  }
.basic_tab2 > ul > li.on a{padding:16px 0 15px;border-color:#202020 #202020 #fff;border-width:2px 2px 0 2px; border-left:2px solid #202020;background:#fff;color:#222222;  color:#000; font-weight:bold;}
.basic_tab2 > ul > li a:hover{ color: #000; }







@media screen and (max-width:999px){
.sub_container{ width:92%; margin:0 4%; padding:30px 0; min-height: inherit}

}

@media screen and (max-width:640px){


.sub_container{ font-size:13px; line-height: 18px}
.sub_container{ width:92%; margin:0 4%; padding:10px 0 30px 0}

.sub_container h3{ font-size:16px; font-weight:600  }
.sub_container h4{ font-size:14px ; }



.table_area tbody th {padding:10px; font-size:12px}
.table_area tbody td {padding:10px; font-size:12px}




}

.job_diary_area{ background:#CCC; margin:0; padding:20px;}
.job_diary_area:after{ clear:both; display:block; content:"";}
.job_diary{ margin:0 auto; max-width:800px;  min-width:600px; background:#FFF; padding:20px 30px}
.job_diary h2{ text-align:center; font-size:20px; padding:20px 0; background:#666; color:#FFF}
.tb_job { }
.tb_job input{ width:100%}
.tb_job th,.tb_job td{border:0; font-size:14px}
.tb_job{border-top:1px solid #b3bbd2; max-width:1000px; border-bottom:1px solid #dcdcdc;text-align:center;border-collapse:collapse; }
.tb_job th{padding:10px 5px ;border-top:1px solid #d8d8d8;border-right:1px solid #d8d8d8;background-color:#f5f7f9;color:#666;border-left:1px solid #d8d8d8 ;font-weight:600; line-height:normal; letter-spacing:0; }
.tb_job td{padding:8px 8px 6px;border:1px solid #e5e5e5;color:#4c4c4c; line-height:normal; letter-spacing:0;  }








/*회사소개*/
.intro{ display:inline-block}
.overview_info{width:50%;border-top:0px solid #939ab8; float:right; }
.overview_info table{border-bottom:1px solid #dddddd;border-top:1px solid #dddddd; }
.overview_info th, .overview_info td{padding:3px 10px;font-size:13.5px }
.overview_info th{text-align:left; font-weight:400; color:#333}
.overview_pic{ width:45%; float:left; }

@media screen and (max-width:860px){
.overview_info{width:100%; margin-top:20px }
.overview_pic{ width:100%; }
.overview_pic img{ max-width:100%; width:100%}
}


.intro .pro_select{}
.intro .pro_select dd.text{ }
.intro .pro_select dt{ font-size:16px; font-weight:600;}



/*CEO인사말*/
.ceo{ display:inline-block}
.ceo .pic{ width:34%; float:left}
.ceo .text{ width:59%; float:right; }
.ceo .text .sign{ text-align:right}

@media screen and (max-width:640px){
.ceo .pic{ width:100%; float:left;}
.ceo .text{ width:100%; float:right; }

}


/*조직도*/
.organize{}
.organize p{ text-align:center }



/*연혁*/

.history{}
.history .basic_tab ul li{ width:150px; margin-left:0.2%;  }
@media screen and (max-width:640px){
	.history .basic_tab ul li{ width:100px; }
}


/*연혁사진 슬라이드*/

.history .bx-wrapper { position: relative; margin: 0 auto; padding: 0;  *zoom: 1;}
.history .bx-wrapper img { max-width: 100%; display: block; }
/** THEME
===================================*/
.history .bx-wrapper .bx-viewportfolio { /*-moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; left: -5px;*/ background: #fff; /*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.history .bx-wrapper .bx-pager, .history .bx-wrapper .bx-controls-auto { position: absolute; bottom: -40px; width: 100%; }

@media screen and (max-width:640px){

.history .bx-wrapper .bx-pager, .history .bx-wrapper .bx-controls-auto {  bottom: -30px; }
}



/* LOADER */
.history .bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
/* PAGER */
.history .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.history .bx-wrapper .bx-pager .bx-pager-item, .history .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block;  *zoom: 1;
 *display: inline;}
.history .bx-wrapper .bx-pager.bx-default-pager a { background: #999; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.history .bx-wrapper .bx-pager.bx-default-pager a:hover, .history .bx-wrapper .bx-pager.bx-default-pager a.active { background: #333; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.history .bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) no-repeat 0 -32px; }
.history .bx-wrapper .bx-next { right: 10px; background: url(images/controls.png) no-repeat -43px -32px; }
.history .bx-wrapper .bx-prev:hover { background-position: 0 0; }
.history .bx-wrapper .bx-next:hover { background-position: -43px 0; }
.history .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.history .bx-wrapper .bx-controls-direction a.disabled { display: none; }
/* AUTO CONTROLS (START / STOP) */
.history .bx-wrapper .bx-controls-auto { text-align: center; }
.history .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.history .bx-wrapper .bx-controls-auto .bx-start:hover, .history .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.history .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.history .bx-wrapper .bx-controls-auto .bx-stop:hover, .history .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.history .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.history .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
/* IMAGE CAPTIONS */
.history .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.history .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }




ul.history { width:100%; margin-top:50px }
ul.history:after{ clear:both; display:block; content:"";}
ul.history li{ clear:both; width:100%; border-bottom:1px solid #ddd; float:left; padding:20px 0;}
ul.history h4 {width:15%;  min-width: 60px; float:left;  font-size:20px;  font-weight:400;  color:#16a54a ; text-align:center;font-family:Pretendard, sans-serif,"나눔바른고딕", NanumBarunGothic, ;  padding:5px 0}
ul.history dl {width:85%; float:right; overflow:hidden; padding:5px 0 }
ul.history dl dt {width:8%; float:left;  font-family:Pretendard, sans-serif,"나눔바른고딕", NanumBarunGothic, ;  color:#666 ;}
ul.history dl dd {width:88%;float:right;  }

@media screen and (max-width:640px){


ul.history { width:100%; margin-top:20px }
ul.history li{ padding:10px 0;}

ul.history h4 {width:100%; text-align:left; margin-bottom:5px }
ul.history dl {width:100%; float:none;   }
ul.history dl dt {width:20%;   }
ul.history dl dd {width:80%;  }

}





/* CI소개 */
.ci_intro .logobox {background:#f9f9f9; padding:5%; text-align:center; border:2px solid #e9e9e9;}

.ci_detail {width:900px; margin:0 auto; margin-top:30px;}
.ci_detail ul li{ margin-top:30px}
.ci_detail ul li:first-child {margin-top:0}
.ci_detail ul li dl {position:relative;}
.ci_detail ul li dl:after {content:''; display:block; clear:both;}
.ci_detail ul li dt {width:30%; float:left; font-size:17px; font-weight:600; color:#111;}
.ci_detail ul li dt span {position:relative; display:block; color:#16a54a; line-height:0.95rem; font-size:9px; font-weight:800; letter-spacing:1px;}
.ci_detail ul li dt span:after {content:''; display:block; width:30px; height:1px; background:#16a54a; position:absolute; top:50%; left:18px; }
.ci_detail ul li dd {width:70%; float:left;}
.ci_detail ul li dd p {font-size:15px; line-height:1.6rem;}
.ci_detail ul li dd p.keyword {font-weight:600; color:#111; margin-bottom:6px;}
.ci_detail ul li dd p.color {display:inline-block; width:110px; height:110px; padding:10px; font-size:9px; letter-spacing:0.5px; line-height:1rem;}

.ci_detail ul li dd p.color.c00a551 {background:#00a551; border:1px solid #00a551; color:#fff;}
.ci_detail ul li dd p.color.c58585a {background:#58585a; border:1px solid #58585a; color:#fff;}
.ci_detail ul li dd p.color.cffffff {background:#ffffff; border:1px solid #e9e9e9;}
.ci_detail ul li dd p.color.c8ec63f {background:#8ec63f; border:1px solid #8ec63f; color:#fff;}
.ci_detail ul li dd p.color.c00523c {background:#00523c; border:1px solid #00523c; color:#fff;}
.ci_detail ul li dd p.color.c96d4bf {background:#96d4bf; border:1px solid #96d4bf; color:#fff;}
.ci_detail ul li dd p.color.c0e76bd {background:#0e76bd; border:1px solid #0e76bd; color:#fff;}

.ci_intro .ci_intro2 {margin-top:60px;}
.ci_intro2 .ci_detail {margin-top:10px;}

.ci_s {margin-left:-30px;  overflow: hidden; *width:100%; }
.ci_s li{ float:left; width:50%; }
.ci_s li:fitst-child{ margin:0}
.ci_s li div{ margin-left:30px;}
.ci_s li div img{ max-width:100%}


@media screen and (max-width:1000px){
.ci_detail {width:auto;}
.ci_detail ul li dd p.color {width:90px; height:90px; padding:6px; font-size:8px; letter-spacing:0px;}
}

@media screen and (max-width:720px){
.ci_detail {margin-top:24px;}
.ci_detail ul li{ margin-top:20px}
.ci_detail ul li dt {width:100%; font-size:15px;}
.ci_detail ul li dt span {line-height:0.9rem; font-size:8px;}
.ci_detail ul li dd {width:100%; float:left; margin-top:10px;}
.ci_detail ul li dd p {font-size:13px; line-height:1.4rem;}
.ci_detail ul li dd p.keyword {margin-bottom:2px;}
.ci_detail ul li dd p.color {font-size:6.5px;}

.ci_intro .ci_intro2 {margin-top:40px;}
.ci_intro2 .ci_detail {margin-top:6px;}
}

@media screen and (max-width:480px){
.ci_detail ul li dd p.color {margin-right:4px; margin-bottom:8px;}
.ci_intro .ci_intro2 {margin-top:30px;}
.ci_intro2 .ci_detail {margin-top:4px;}
	
}





/*찾아오시는길*/


ul.net_info_add{border-top:1px solid #333;border-bottom:1px solid #333; position:relative; clear:both ; margin-top:30px}
ul.net_info_add li{  border-bottom:1px solid #ddd; padding:20px 0  ; width:100%;}
ul.net_info_add li dl{ clear:both;  width:100%; }
ul.net_info_add li dl:after{ clear:both; display:block; content:"";}
ul.net_info_add li dt{ width:16%; float:left; font-weight:600; padding:0 2%}
ul.net_info_add li dd{ width:80%; float:right; }
ul.net_info_add li dd.eng{ letter-spacing:0}
ul.net_info_add li dd img{ margin-left:10px; margin-right:3px; vertical-align: middle; margin-bottom:1px }




.location_map{ position:relative; width:100%; height:400px;}
.location_map .root_daum_roughmap {width:100%; height:400px;}
.location_map .root_daum_roughmap .wrap_map {height:400px;}
.logo_mark{}
@media screen and (max-width:640px){

.location_map{  height:200px; }
.location_map .root_daum_roughmap {width:100%; height:200px;}
.logo_mark img{ display:none}
}













/*주요상훈, 산업재산권, 품질인증현황 공통*/
.award{}
.award h3{ padding:15px 0 10px 0}

.award .click_coment{ text-align:right; font-size:12px; color:#999}
ul.certify_list{border-top:1px solid #e8e8e8; margin-bottom:10px; margin-top:10px }
ul.certify_list:after{content:"";display:block;clear:both;}
ul.certify_list > li{float:left; width:46%; border-bottom:1px solid #e8e8e8; font-size:14px; padding:2%; }
ul.certify_list > li:after{content:"";display:block;clear:both;}
ul.certify_list > li span.thumb{float:left; text-align:center; margin-right:20px;width:30%;    }
ul.certify_list > li span.thumb img{ max-width:110px; max-height:156px; border:1px solid #ebebeb; padding:5px}
ul.certify_list > li ul{ float:left;  overflow:hidden}

ul.certify_list > li ul li{ padding-left:12px; background:url(../img/contents/list_icon.gif) no-repeat 5px 9px; margin:5px 0; line-height:20px}
ul.certify_list > li ul li span{ color:#777; font-size:13px}

ul.certify_list li h4{ color:#183fa4; font-size:16px; font-weight:normal  }
ul.certify_list li div.cer_text{ float:left; width:60%;}


@media screen and (max-width:999px){
ul.certify_list > li span.thumb img{ width:80px; height:113px;}
ul.certify_list > li{float: none; width:96%;  padding:4% 2%; }
}

@media screen and (max-width:640px){

ul.certify_list li h4{ font-size:13px }
ul.certify_list > li{ font-size:13px}
ul.certify_list > li span.thumb{float:left; width:30%;  }
ul.certify_list li div.cer_text{ float:left; width:60%;}

}



/*클릭 확대이미지 효과*/
ul.certify_list .image-holder { overflow: hidden; position: relative; }
ul.certify_list .image-holder .overlay { zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; visibility: hidden; -webkit-transition: all 10ms ease-in-out; -moz-transition: all 10ms ease-in-out; -o-transition: all 10ms ease-in-out; transition: all 10ms ease-in-out; position: absolute; width: 100%; height: 100%; background: none; color: #fff; top: 0; left: 0; text-align: center; }
ul.certify_list .image-holder .overlay a { zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all 50ms ease-in-out; -moz-transition: all 50ms ease-in-out; -o-transition: all 50ms ease-in-out; transition: all 50ms ease-in-out; visibility: hidden; position: absolute; color: #fff; width:100%; height: 100%; background:#333; background: rgba(0, 0, 0, 0.05); display: block; text-align: center; line-height: 50px; }
ul.certify_list .image-holder:hover .overlay { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; }
ul.certify_list .image-holder:hover .overlay a { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; }


ul.certify_list .image-holder a:hover{ background:#666}


/*상세 레이어*/
#lightbox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #333; /* IE Fallback (Solid Colour) */  background: rgba(0, 0, 0, 0.8); -webkit-filter: none !importfolioant; z-index:1000000; }
#lightbox img { display: block; position: absolute;}

.lightbox-button { position: absolute; z-index: 9999; background: no-repeat center center; width: 32px; height: 32px; opacity: 0.8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.lightbox-button:hover, .lightbox-button:focus { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.lightbox-close { right: 10px; top: 10px; background-image: url('../img/contents/btn_close.png'); }
.lightbox-next { right: 10px; top: 48%; background-image: url(''); }
.lightbox-previous { left: 10px; top: 48%; background-image: url(''); }


/*주문서*/
.order{}
.order table input{  }
.order table th, .order table td{ }
.order h4{ background:url(../img/contents/h4_icon.gif) no-repeat 0px 50%; padding-left:15px}
.order_btn{ text-align:center; margin-top:30px}
.order_btn span{ text-align:center; background:#000; color:#fff;  display:inline-block}
.order_btn span a{ color:#fff; display:block;  padding:10px 30px; font-weight:bold}



/* paging */ /*pc*/
.bo_pagenate {text-align:center; height:28px; margin-top:50px; clear:both}
.bo_pagenate .paging { position:relative; display:inline-block;}
.bo_pagenate .paging:after {contnet:""; clear:both; display:block;}
.bo_pagenate .paging a {width:28px; height:28px; line-height:28px;}
.bo_pagenate .paging .first,.bo_pagenate .paging .prev,.bo_pagenate .paging .next,
.bo_pagenate .paging .end {float:left; vertical-align:top;  text-indent:-9999px; overflow:hidden; background:url('../img/contents/icon_paging.png') no-repeat left top; border:1px solid #dbdbdb; margin-left:2px;}
.bo_pagenate .paging .first {margin-left:0;}
.bo_pagenate .paging .prev {background-position:-28px 0;}
.bo_pagenate .paging .next {background-position:-56px 0; margin-left:0;}
.bo_pagenate .paging .end {background-position:-84px 0;}
.bo_pagenate .paging ol {float:left; margin:0 10px;}
.bo_pagenate .paging ol li {float:left; margin-left:3px; display:inline-block}
.bo_pagenate .paging ol li:first-child {margin-left:0 !importfolioant; }
.bo_pagenate .paging ol li a {color:#666; text-align:center; display:block; border:1px solid transparent;}
.bo_pagenate .paging ol li a.on,
.bo_pagenate .paging ol li a:hover {border:1px solid #183fa4; color:#285be0; font-weight:600;}


/*mobile*/
.bo_pagenate_mobile {text-align:center; }
.bo_pagenate_mobile .paging { position:relative; display:inline-block;}
.bo_pagenate_mobile .paging:after {contnet:""; clear:both; display:block;}
.bo_pagenate_mobile .paging a {width:28px; height:28px; line-height:28px;}
.bo_pagenate_mobile .paging .first,.bo_pagenate_mobile .paging .prev,.bo_pagenate_mobile .paging .next,
.bo_pagenate_mobile .paging .end {float:left; vertical-align:top;  text-indent:-9999px; overflow:hidden; background:url('../img/contents/icon_paging.png') no-repeat left top; border:1px solid #dbdbdb; margin-left:2px;}
.bo_pagenate_mobile .paging .first {margin-left:0;}
.bo_pagenate_mobile .paging .prev {background-position:-28px 0;}
.bo_pagenate_mobile .paging .next {background-position:-56px 0; margin-left:0;}
.bo_pagenate_mobile .paging .end {background-position:-84px 0;}
.bo_pagenate_mobile .paging ol {float:left; margin:0 10px;}
.bo_pagenate_mobile .paging ol li {float:left; margin-left:3px; display:inline-block; line-height:30px; color:#999; padding:0 5px}
.bo_pagenate_mobile .paging ol li:first-child {margin-left:0 !importfolioant; }
.bo_pagenate_mobile .paging ol li.on { color:#333; font-weight:600;}

.bo_pagenate{ display:block}
.bo_pagenate_mobile{ display:none}

@media only screen and (max-width: 500px) {
.bo_pagenate{display:none}
.bo_pagenate_mobile{  display:block}
.bo_pagenate_mobile .paging .first { display:none}
.bo_pagenate_mobile .paging .end { display:none}

}


/*버튼*/
.bo_btn{ position:relative; height:36px; width:100%; padding:20px 0 }
.bo_btn:after{ }
.bo_btn a.color1 { display: inline-block; width:70px; margin:0 2px; cursor: pointer; height:32px; line-height:30px;  border:1px solid #333; background:#333; color:#fff; font-weight:600; text-align:center }
.bo_btn a.color1:hover { background: #fff; color:#000; border: 1px solid #333 ; }

.bo_btn a.color2 { display: inline-block; width:50px; margin:0 2px; cursor: pointer; height:32px; line-height:30px; background:#fff; border:1px solid #999; text-align:center  }
.bo_btn a.color2:hover { background: #ccc; color:#000; border: 1px solid #999 }






.relative{margin-left:-3px;  overflow: hidden;}
.relative li{ float:left;width:25%; margin-bottom:3px }
.relative:after{ clear:both; display:block; content:"";}

.relative ul li dl{ margin: 5px 5px 5px 8px; border:1px solid #efefef}
.relative ul li dl dt img{ width:100%; max-width:238px; max-height:65px; margin:10px 0}
.relative ul li dl dd{ display:none; background:#efefef; color:#666; line-height:40px; text-align:center; border-top:1px solid #efefef}



@media only screen and (max-width: 640px) {

.relative li{ width:33.3333%;}

}


@media only screen and (max-width: 360px) {

.relative li{ width:50%;}

}




/*제품*/




.pro_select{ margin-left:-20px;  overflow: hidden; *width:100%; }
.pro_select li{ float:left;  width:33.333%; position:relative; margin-bottom: 20px;  }

.pro_select li:first-child{ margin-left:0}
.pro_select li dl { padding:10%; margin:0 0 0 20px;  background:#f7f7f7;}
.pro_select li dl dt{ font-size:16px; font-weight:600; margin:0 0 5px  0; position:relative; color:#333}
.pro_select li dl dt span.check_icon{ margin-right:5px; display:none}
.pro_select li dl dd img{ max-width:100%; margin:5px auto}
.pro_select li dl dd.text{ height:40px; overflow:hidden; color:#333; line-height:1.3em }
.pro_select li dl dd.more{ font-size:12px;  }
.pro_select li dl dd.more a{ border:0px solid #f7f7f7;   display:inline-block; padding: 2px 35px 2px 25px; margin:5px 1px 0 0px; color:#fff; background:#777 url(../img/contents/pro_arr_s.png) 90% 50% no-repeat; border-radius:3px}

.pro_select li dl dd.more a:hover{ text-decoration:underline;background:#666 url(../img/contents/pro_arr_s.png) 90% 50% no-repeat;}
.pro_select li .bt_detail{ position:absolute; top:0; right:0}

.pro_select li dl dd.more a.red{ background:#00a551 url(../img/contents/pro_arr_s.png) 90% 50% no-repeat;}
.pro_select li dl dd.more a.red:hover{ background:#00a551 url(../img/contents/pro_arr_s.png) 90% 50% no-repeat;}


.pro_st{ margin-left:-81px;  overflow: hidden; *width:100%; }
.pro_st li{ float:left;  width:50%; margin-bottom:20px  }
.pro_st li:first-child{ margin-left:0}
.pro_st li dl { padding:0; margin-left:81px; position:relative }
.pro_st li dl dt{ font-size:20px; font-weight:600; position:absolute; top:20px; left:20px }
.pro_st li dl dd img{ max-width:100%;}





.pro_mapro{ margin-left:-20px;  overflow: hidden; *width:100%; }
.pro_mapro:after{ clear:both; display:block; content:"";}
.pro_mapro li{ float:left;  width:33.3333%;  }

.pro_mapro li:first-child{ margin-left:0}
.pro_mapro li dl { padding:5%; margin-left:20px;   border:1px solid #eeeeee}
.pro_mapro li dl dt{ text-align:center}
.pro_mapro li dl dt img{ margin:0 auto}
.pro_mapro li dl dd { margin-top:-20px; height:40px; overflow:hidden; color:#666; line-height:1.3em; font-weight:600; font-size:16px}


@media screen and (max-width:1000px){
.pro_select li dl { padding:10% 5% }
.pro_select li dl dt{ font-size:16px;}
.pro_select li dl dd br{ display:none;}
.pro_select li dl dd img{  margin:0px auto}
.pro_select li dl dd.text{ height:32px; font-size:12px }

	.pro_select li dl dd.more a{  padding:2px 10px 2px 5px; margin:5px 1px 0 0px; background-image:none}
	.pro_select li dl dd.more a.red{  padding:2px 10px 2px 5px; margin:5px 1px 0 -5px; background-image:none}
.pro_select li dl dd.more a:hover, .pro_select li dl dd.more a.red:hover{background-image:none}

.pro_st{ margin-left:-30px; }
.pro_st li{ float:left;  width:50%; margin-bottom:20px  }
.pro_st li dl { padding:0; margin-left:30px; }
.pro_st li dl dt{ font-size:16px }


.pro_mapro{ margin-left:-10px;  }
.pro_mapro li dl {margin-left:10px;  }

.pro_mapro li dl dd { margin-top:-10px; font-size:13px;  height:30px;}



}

@media screen and (max-width:860px){

.pro_select li{ width:50%; margin-bottom:17px}


}
@media screen and (max-width:640px){


.pro_select{ margin-left:-10px;  }
.pro_select li dl { margin-left:10px; }


.pro_select li dl dt{ font-size:14px;}
.pro_select li dl dd{ letter-spacing:-1px; font-size:12px}

.pro_mapro li dl dd {  font-size:12px}

}


@media screen and (max-width:400px){

.pro_select li dl dd.more{ font-size:11px;  }
	.pro_st li{   width:100%; margin-bottom:20px  }
	}



.port_tab {margin:0px auto 20px 0;text-align:center;background:url(../img/common/gnb_vline.gif) no-repeat  left 5px;}
.port_tab:after{ clear:both; display:block; content:"";}
.port_tab li {float:left; background:url(../img/common/gnb_vline.gif) no-repeat right  50% }
.port_tab li a {color:#000;line-height:21px; padding:0 10px}
.port_tab li a.on {color:#ca423c; font-weight:600;}

@media screen and (max-width:999px){
	.port_tab li {width: auto; }
}


.portfolio{max-width:1000px; margin:0 auto; display:block; clear:both }
.portfolio:after{ display:block; clear:both; content:"";}
.portfolio .tit{ position:relative;}
.portfolio .tit .more{ position:absolute; top:20px; right:0;}
.portfolio h2{margin:20px 0 ; font-weight:600; font-size:22px; text-align:center}
.portfolio ul{ *width:100%; margin-left:-10px  }
.portfolio ul li{ float:left;  width:25%;  margin-bottom:10px; position:relative }
.portfolio ul li:first-child{ margin-left:0}
.portfolio ul li p{margin-left:10px;display:block;  position:relative;  }
.portfolio ul li p img{ width:100%; height:218px }

.port_over{ position:absolute; top:0; margin-left:10px; color:#fff; width:100%; z-index:100; height:100%; background:#333;background: rgba(0, 0, 0, 0.5);    }
.port_over a{ color:#fff; display:block; height:100%}
.port_over_in{ padding:20px; height:80px; position:absolute;  }

@media screen and (max-width:999px){
.portfolio ul li p img{ height:178px }
}


@media screen and (max-width:860px){
.portfolio ul li{   width:33.333%;  }
}

@media screen and (max-width:640px){
.portfolio ul li{   width:50%;  }
.portfolio ul li p img{ height:218px }
}

@media screen and (max-width:480px){
.portfolio ul li p img{ height:170px }
}

@media screen and (max-width:380px){
.portfolio ul li p img{ height:130px }
}


.portfolio .data_none{ border:1px dashed #e5e5e5; border-left:0; border-right:0; padding:30px 0; text-align:center }



.portfolio_view{}
.portfolio_view .pv_img{ width:50%; float:left}
.portfolio_view .pv_img p img{  max-width:100%;}
.portfolio_view .pv_info{ width:45%; float:right}
.portfolio_view .pv_info .pv_tit{ font-size:18px; line-height:20px; font-weight:600; margin:20px 0 20px 0 }
.portfolio_view .pv_info ul li{ border-bottom:1px solid #E8E8E8; padding:10px 0}
.portfolio_view .pv_info ul li dl dt{ float:left; font-weight:600}
.portfolio_view .pv_info ul li dl dd{ margin-left:100px}




.pv_img ul{ *width:100%; margin-left:-10px  }
.pv_img ul li{ float:left;  width:25%;  margin:10px 0; position:relative }
.pv_img ul li:first-child{ margin-left:0}
.pv_img ul li div { margin-left:10px; border:1px solid #FAFAFA}
.pv_img ul li div img{ max-height:88px; width:100%;}

@media screen and (max-width:480px){


.portfolio_view .pv_img{ width:100%; float:left}
.portfolio_view .pv_info{ width:100%; float:right}

}



.simu_tit{ position:relative; margin-top:0px}
.simu_tit .more{ position:absolute; top:20px; right:0; background:#f6f6f6; padding:0 10px}

.simu_gobtn{ background:#16a54a; border-radius:20px;  display:inline-block; margin-top:10px }
.simu_gobtn a{ color:#FFF;  padding:10px 30px; display:block }


.sort_area{ margin:10px 0; display: inline-block; width:100%;}
.sort_tab{display: block; width:100%;}
.sort_tab li{ float:left;  margin-right:3px; margin-bottom:3px}
.sort_tab li:first-child{ background:none}
.sort_tab li a{ display:block;  padding:8px 10px;  border:1px solid #e4e4e4;}
.sort_tab li a.on{  padding:8px 35px 8px 20px; color:#db2c2c; font-weight:400 ; background:#16a54a url(../img/contents/sort_select.png)  90% 50% no-repeat; color:#fff;  border:1px solid #16a54a;}



/*
.sort_area{  background:#f7f7f7; padding:10px 2%; display: inline-block; width:96%;}
.sort_tab{display: block; width:100%;}
.sort_tab li{ float:left;  padding:0 10px; background:url(../img/contents/v_line.gif)  left 50% no-repeat;}
.sort_tab li:first-child{ background:none}
.sort_tab li a.on{ color:#db2c2c; font-weight:400 }


*/


.sort_left{border:1px solid #e4e4e4;  width:30%; *width:25%; float:left; box-sizing:border-box;/* height:690px;*/height:600px; overflow:hidden  }
.sort_left_in{ margin:20px; }
.sort_left_in .name{ text-align:center; font-size:16px; font-weight:600; border-bottom:1px solid #e4e4e4; padding:0 0 20px 0}


.sort_list{/* height:540px;*/  height:420px; overflow-y:auto}
.sort_list li{ float:left; width:47%; margin-right:3%; border:1px solid #e7e7e7; margin-bottom:2%; box-sizing:border-box}
.sort_list li a{}
.sort_list li a:hover{ }
.sort_list li dl dt img{  max-height:55px}
.sort_list li dl dd{ padding:0 5px 5px 5px; font-size:11px; height:20px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; color:#666}

.sort_right{border:1px solid #e4e4e4; width:70%; *width:70%; float:left; box-sizing:border-box; /* height:690px;*/height:600px; margin-left:-1px; overflow: hidden}
.sort_right_in{margin:0px; position:relative}
.sort_right_in .big_pro{ width:100%;  text-align:right; margin-left:10px ; margin-top:20px}
.sort_right_in .big_pro img{ max-width:100%;}

.big_info{ margin-right:40px; margin-left:40px; }
.big_pro_side { text-align:center;  position:relative }
.big_pro_side .btn_lar{position:absolute; top:0; right:0;}
.big_pro_side .p1{width:100%; display:inline-block; float:left; border-top:1px solid #F2F2F2;  border-bottom:1px solid #F2F2F2}
.big_pro_side .p2{width:66%; float:left; display:inline-block; display:none}
.sort_path{ position:absolute; top:0px; left:40px}

.sort_right_in .btn_price{margin:10px 0 0 0 ; background:#000; color:#fff; float:right; width:25%;}
.sort_right_in .btn_price a{ color:#fff; display:block; line-height:40px; text-align:center; font-size:14px;}
.price_result{ text-align:left; margin:10px 0 0 0; float:left; width:100%;line-height:32px; font-weight:600 ;}
/*.price_result br{ display:none}*/
.price_result select, .price_result input{ margin-left:5px;font-weight: normal; width:60px; text-align:center }
.price_result .option strong{ margin-right:10px; font-weight:normal; color:#999}
.price_result .option strong label{ font-weight:normal; color:#666; font-weight:600}

.price_result strong.point{ font-size:16px}
.price_result div.total{ border-top:1px dashed #CCC; margin-top:10px}
.price_result div.total .pri{ float:left; font-weight:normal; margin-top:10px}
.price_result div.total .pri label{ font-weight:600; color:#666; margin-right:5px }
.price_result div.total .pri span.btn_ac{ padding-right:10px }
.price_result div.total .pri span.btn_ac a{ color:#333; padding:5px; border:1px solid #999; background:#CCC}
.price_result div.total .pri span.btn_ac a:hover{ background:#bf1e2e; color:#fff; border:1px solid #bf1e2e;}

@media screen and (max-width:1000px){
.sort_left{ /*height:650px;*/ height:540px }
.sort_right{ /*height:650px;*/ height:540px }


.sort_right_in .btn_price{ float:left; width:100%;}
.price_result{ float:left; width:100%; }
}


@media screen and (max-width:860px){
	.sort_left, .sort_right{/* height:620px ;*/ height:440px  }
	.sort_right_in .btn_price{margin:10px 0 0 0 ;}
	.sort_list{/* height:540px;*/  height:280px; }
}

@media screen and (max-width:760px){
	.sort_left, .sort_right{ height:470px ;  }
	.price_result br{ display: block}

.sort_left_in{ margin:20px; }
.sort_left_in .name{ text-align:center; font-size:16px; font-weight:600; border-bottom:1px solid #e4e4e4; padding:0 0 10px 0}

.sort_left{ width:100%; *width:100%;  height: inherit }
.sort_right {width:100%; *width:100%;margin-left:0px; margin-top:-1px; height: inherit}

.big_pro_side {  }

.sort_list{ height:90px}
.sort_list li{  width:18%; margin-right:1%; }

.sort_right_in .btn_price{margin:10px 0 30px 0 ;}

}

@media screen and (max-width:600px){




.sort_tab li a{  padding:3px 8px;  border:1px solid #e4e4e4;}
.sort_tab li a.on{  padding:3px 35px 3px 20px; color:#db2c2c; font-weight:400 ; background:#c83a35 url(../img/contents/sort_select.png)  90% 50% no-repeat; color:#fff;  border:1px solid #c83a35;}



.price_result .option {  overflow:hidden}
.big_info{ margin-right:20px; margin-left:20px}
.price_result .option strong{  width:50%; display:inline-block; float:left;margin-right:0px;}
.price_result div.total{ clear:both; }

.big_pro_side {  }
.sort_list li{  width:22%; margin-right:1%; }
.sort_list li dl dd{ font-size:11px;  height:15px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}


}

/*제품각페이지*/
.product_img:after{ clear:both; display:block; content:""; }
.product_img .img{  background:#f7f7f7; text-align:center; width:45%; padding:20px 0; float:left; margin-right:5%; border-radius:30px; display:inline-block; position:relative; }
.product_img .text{ width:50%; float:left}

.pro_m_detail{border:1px solid #d8d8d8; padding:20px; text-align:center}
.pro_m_detail img{ margin:0 5px}

@media screen and (max-width:720px){

.product_img .img{  width:100%;}
.product_img .img img{  max-width:200px;}
.product_img .text{ width:100%; }
}


.product.fireproof .product-subtxt {font-size:14px; line-height:1.4em;}
.product.fireproof ul li p {font-size:14px;line-height:1.4em;}
.product.fireproof .fireproof-table {overflow-X:auto;}
.product.fireproof .fireproof-table .table-tit {font-size:18px; font-weight:600;}
.product.fireproof .fireproof-table table {width:100%;}
.product.fireproof .fireproof-table table tbody tr td {text-align:center; font-size:13px; width:8.5%;}
.product.fireproof .fireproof-table table tbody tr td:first-child {width:6.5%;}

@media screen and (max-width:1000px){
.product.fireproof .table_area {border-top: 0px; max-width: 100%;}
.product.fireproof .table_area table {border-top: 2px solid #b3bbd2;}
.product.fireproof .fireproof-table table tbody tr td {font-size:12px;}
}
@media screen and (max-width:640px){
.product.fireproof .mat30 {margin-top:20px !important}
.product.fireproof .product-subtxt {font-size:13px; line-height:1.5em;}
.product.fireproof ul li p {font-size:13px;line-height:1.5em;}
.product.fireproof .fireproof-table .table-tit {font-size:15px;}
.product.fireproof .fireproof-table table tbody tr td {font-size:11.5px;}
.product.fireproof .fireproof-table table tbody tr td span {display:none;}
}






.slider_pro{}
.slider_pro .bx-wrapper { padding: 0px; position: relative; }
.slider_pro .bx-wrapper .bx-viewport  {  }
.slider_pro .bx-wrapper .bx-pager {  display:none }
.slider_pro .bx-wrapper .bx-controls-auto { display:none}
.slider_pro .bx-wrapper .bx-pager {   }
.slider_pro .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; }
.slider_pro .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }
.slider_pro .bx-wrapper .bx-default-pager.bx-pager a { } /*라운드,글자*/
.slider_pro .bx-wrapper .bx-default-pager.bx-pager a:hover {  }
.slider_pro .bx-wrapper .bx-default-pager.bx-pager a.active {  }
.slider_pro .bx-wrapper .bx-prev { background: url("../img/main/icon_prev.gif") no-repeat top; top:0px; right: 24px; width:25px; height:25px; border:1px solid #f5f5f5; right:35px;  }
.slider_pro .bx-wrapper .bx-next { background: url("../img/main/icon_next.gif") no-repeat top; top:0px;  right: 0;width:25px; height:25px;border:1px solid #f5f5f5; right:10px}
.slider_pro .bx-wrapper .bx-prev:hover {  }
.slider_pro .bx-wrapper .bx-next:hover {  }
.slider_pro .bx-wrapper .bx-controls-direction a {  text-indent: -9999px; position: absolute; z-index: 9999; }
.slider_pro .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-pager {  }
.slider_pro .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-controls-auto {  }
.slider_pro .bx-wrapper .bx-caption { background: rgba(80, 80, 80, 0.75); left: 0px; width: 100%; bottom: 0px; position: absolute; }
.slider_pro .bx-wrapper .bx-caption span { padding: 10px; color: rgb(255, 255, 255); font-family: Arial; font-size: 0.85em; display: block; }
#slider2{  }
#slider2 li{ margin:0; padding:0; }





.recruit{}


.recruit_peo{max-width:1000px; margin:0 auto; display:block; clear:both; padding:0 30px; max-width:750px }
.recruit_peo:after{ display:block; clear:both; content:"";}

.recruit_peo .r_text{ text-align:center; margin-top:30px}

.recruit_peo ul{ *width:100%; margin-left:0px; margin-top:40px }
.recruit_peo ul li{ float:left; width:33.333%;  max-width:250px; text-align:center  }
.recruit_peo ul li:first-child{ margin-left:0}
.recruit_peo ul li dl{display:block; text-align:center }
.recruit_peo ul li dl dt{  margin:0}
.recruit_peo ul li dl dd h4{ font-weight:600;  color:#333; margin:10px 0 0 0}
.recruit_peo ul li dl dd{line-height:18px; font-size:14px}


@media screen and (max-width:999px){
.recruit_peo ul li dl dd{ font-size:12px; line-height:16px;}
}


@media screen and (max-width:720px){
	.recruit_peo{ padding:0;}
	.recruit_peo .r_text{ text-align:left; }
.recruit_peo ul li{ float:left; width:100% ; max-width:100%; margin-bottom:30px}
.recruit_peo ul li dl{margin-left:0px;display:block; max-width: 100%; text-align:center }
.recruit_peo ul li dl dt{ font-size:16px; font-weight:600; float:left; width:90px; margin-right:10px}
.recruit_peo ul li dl dd{ text-align:left; padding-left:5%;  }
.recruit_peo ul li dl dd h4{ margin:0; padding:0 0 10px 0}
.recruit_peo ul li dl dd br{ display:none}
}












/*복리후생*/
.welfare{  }

.welfare_li {margin-left:-30px;  overflow: hidden; margin-top:80px }
.welfare_li li{ float:left;width:25%; margin-bottom:30px }

.welfare_li li dl{ position:relative; margin-left:30px;}
.welfare_li li dt{ text-align:center; margin-bottom:5px}
.welfare_li li dt img{ margin:0 auto }
.welfare_li li dd{   width:90%; padding:0px 5%; opacity:.9;filter:alpha(opacity=90);   font-weight:600; text-align:center; color:#333; font-size:16px;}
.welfare_li li p{margin-left:30px; padding:0 0 10px 0; line-height:18px; height:50px; letter-spacing:-1px; font-size:14px; color:#777; text-align:center; overflow:hidden}



@media screen and (max-width:999px){
.welfare_li li dd{   font-size:14px;}
.welfare_li li{ width:33.333%;  }
.welfare_li li p{font-size:12px;}
}

@media screen and (max-width:640px){

.welfare .po_text br{ display:none}
.welfare_li {margin-top:30px }
.welfare_li li{ width:50%;  }
.welfare_li li p br{ display:none }

}




.staff{}

.staff{ *width:100%; margin-left:0px; margin-top:10px; margin-left:-30px; }
.staff li{ float:left; width:25%; margin-bottom:30px; display:inline-block   }
.staff li:first-child{ margin-left:0}
.staff li dl{display:block;   margin-left:30px;}
.staff li dl dt{  margin:0; }
.staff li dl dt img{ height:150px; }
.staff li dl dd h4{font-size:13px; font-weight:600;  color:#333; margin:10px 0 0 0; padding:0}
.staff li dl dd{font-size:13px; line-height: normal; margin-bottom:5px}
.staff li dl dd.work{ font-size:12px; color:#999 ; border-bottom:1px dashed #d7d7d7; padding-bottom:7px}
.staff li dl dd.mess{ height:38px; overflow:hidden; line-height:1.4em}
.sms_send{ background:#fff;  text-align:center; display:inline-block; font-size:13px}
.sms_send a{ display:block;  padding:5px 20px ;border:1px solid #CCC;}
.sms_send a:hover{ border:1px solid #333}



@media screen and (max-width:860px){

	.staff li{ width:33.333%;   }

}


@media screen and (max-width:480px){
.staff{ margin-left:-10px; }
	.staff li{ width:50%;   }
	.staff li dl{display:block;   margin-left:10px;}
.staff li dl dt img{ height:100px; }
}


#staff_qna{ padding-top:30px;}
.staff_qna{ clear:both; border:10px solid #CCC; padding:30px }
.staff_qna li{ margin:10px 0}
.staff_qna dl dt{ float:left; line-height:25px; font-weight:600}
.staff_qna dl dd { margin-left:100px; line-height:25px}
.staff_qna dl dd input,.staff_qna dl dd textarea{ max-width:90%}
.staff_qna dl dd textarea{ width:90%}
@media screen and (max-width:640px){

	.staff_qna{ border:5px solid #CCC; padding:10px }
}






/**/
.pr{}

.video_box {width:70%;margin:0; float:left  }
.video_box iframe {width: 100%;}
.video_wrap {position: relative;width: 100%;padding-bottom: 56.25%; background:#F5F5F5}
.video_wrap iframe {position: absolute; width: 100%;height: 100%;}
.video_conarea{ width:27%; float:right; font-size:14px}
.video_conarea h4 {font-size:18px; font-weight:600; color:#111;}
.video_conarea h4 span {color:#0b903c}
.video_contents{margin-top:14px;}
.video_contents p {font-size:13px; line-height:1.6em; margin-bottom:8px;}
.video_contents p.video_contents_t {display:inline-block; font-size:15px; font-weight:600; color:#111; border-bottom:1px solid #111; margin-bottom:12px;}

@media screen and (max-width:900px){
.video_box {width:60%;}
.video_conarea{ width:37%;}
}
@media screen and (max-width:640px){
.video_box {width:100%; }
.video_conarea{width:100%; clear:both; margin-top:20px;}
.video_conarea h4 {font-size:16px;}
.video_contents{margin-top:2px;}
.video_contents p {font-size:12px; line-height:1.6em; margin-bottom:8px;}
.video_contents p.video_contents_t {font-size:13px; margin-bottom:10px;}
}




/*사이트맵*/
.sitemap{margin-left:-40px;  overflow: hidden; *width:100%;}
.sitemap > ul > li {float:left;  width:20%; min-height:200px; margin-bottom:20px}
.sitemap > ul > li:first-child {margin-left:0px;}
.sitemap > ul > li > a {display:block; font-size:18px; padding:6px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:600;  margin-left:40px;}
.sitemap ul li a{ padding-left:10px}
.sitemap .menu_sub {margin-top:5px;  margin-left:40px;}
.sitemap .menu_sub li {padding-top:3px;}
.sitemap .menu_sub li a{ padding-left:10px;  display:inline-block}

@media screen and (max-width:860px){
	.sitemap > ul > li { width:33.333%;}
	.sitemap > ul > li > a {font-size:15px;}
}

@media screen and (max-width:640px){

	.sitemap{margin-left:-20px; }

	.sitemap > ul > li > a {  margin-left:20px;}
	.sitemap .menu_sub { margin-left:20px;}

	.sitemap > ul > li { width:50%;}
	.sitemap > ul > li > a {font-size:15px;}
}


.priv_scroll{
	height: 150px;
	overflow-y: scroll;
	padding: 0.5em 1em;
	border: 1px solid #ddd;
	font-size: 0.9em;
}
@media screen and (max-width: 500px) {
	.m_hide{
		display: none;
	}
}