@charset "utf-8";
/* 100,300,350,400(r),500,700,900 */

#wrap{font-family: 'Noto Sans Korean';font-weight: 300; position: relative;}
#wrap .inBox{max-width: 1200px; margin:0 auto; padding: 3.9% 5%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  }
#wrap .inBox.nopadding{max-width: 1200px; margin:0 auto; padding: 3.9% 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  }

.btn_pgTop{position: absolute;left: 50%;bottom: 0;margin-left: -600px;width: 10%;width: 1200px;text-align: right;}
.btn_pgTop button{position: absolute;    right: 0;    bottom: 0;}
.btn_pgTop img{width: 100%; }




/* COMMON */
.pcmode{}
.mobilemode{display: none;}
.pc_no_data{}
.m_no_data{display: none;}

/* title */
.title1{font-size: 2.143em; font-weight: 600; text-align: center; margin-bottom: 10%; }
.title2{font-size: 1.786em; font-weight: 500; margin-bottom: 1em; color: #333;}






/* header */
#header {}
#header .header_inner{    max-width: 1200px;    margin: 0 auto;    position: relative;}
#header #utill{    position: absolute;    right: 0;    z-index: 2;}
#header #utill .inner{text-align: right; position: relative; }
#header #utill .inner:after{display: block;clear: both;content: "";}
#header #utill .gnb {float: right; }
#header #utill .gnb ul:after{display: block;clear: both;content: "";}
#header #utill .gnb ul li{font-size: 0.920em;font-weight: 500;float: left;text-align: center;padding: 0.714em 11px 0.714em 11px;position: relative;letter-spacing: -0.03em;}
#header #utill .gnb ul li:after{position: absolute; left: 0; width: 1px; height: 10px; top: 50%; margin-top: -5px; background-color: #e4e4e4;content: "";}
#header #utill .gnb ul li:first-child:after{display: none;}
#header #utill .gnb ul li:first-child{background:  none;}
#header #utill .gnb ul li:first-child a{color: #0074bc;}
/*#header #utill .gnb ul li a{color: #555; display: block; }*/
#header #utill .gnb ul li a{color: #0074bc; display: block; }
#header #utill .gnb ul li.last{padding-right: 0; }

#header #lnbArea .lnbLine{padding: 14px 0;position: relative;height: 102px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#header #lnbArea .lnbLine .h_logo{display: inline-block;}
#header #lnbArea .lnbLine .h_logo a{display: block;}
#header #m_menu{position: absolute;top: 30%;width: 3.0em;height: 3.0em;left: 2%;display:none;}
#header #m_menu > button{width: 100%; height: 100%; vertical-align: middle;font-size:1em;font-size: 0.75em;}
#header #m_menu > button .tcon-menu_lines{position: relative;display: inline-block;height: 4px;width: 100%;background: #333;border-bottom:1px solid #333;border-top:1px solid #333;bottom: 0px;}
#header #m_menu > button .tcon-menu_lines:before, #header #m_menu > button .tcon-menu_lines:after { display: inline-block; height: 4px;  width: 100%; background: #333; content: '';
border-bottom:1px solid #333; border-top:1px solid #333;position: absolute; left: 0;}
#header #m_menu > button .tcon-menu_lines:before{top: -1.5em;}
#header #m_menu > button .tcon-menu_lines:after {bottom: -1.5em;}
#header #m_menu > button.on .tcon-menu_lines{background-color: #0074bc;border-top-color: #0074bc; border-bottom-color: #0074bc;}
#header #m_menu > button.on .tcon-menu_lines:before, #header #m_menu > button.on .tcon-menu_lines:after{background-color: #0074bc;border-top-color: #0074bc; border-bottom-color: #0074bc;}
#header #lnbArea #lnb{width: 69.5%;position: absolute;top: 3em;left:15.58%;}
.lnb_bg{position:absolute; display: block; width:100%; z-index:300; height:0;  background:url(/images/header/bg_menu.png) repeat center bottom ;}


#header #lnbArea .lst_lnb ul:after{display: block;clear: both;content: "";}
#header #lnbArea .lst_lnb>ul>li{float: left;width:16.66%;text-align: center;font-size: 1.250em;font-weight: 400;position: relative;}
#header #lnbArea .lst_lnb>ul>li>	a{display: block;padding: 10% 0 19.5% 0 ;color: #000; position: relative;}
#header #lnbArea .lst_lnb>ul>li:first-child:after{display: none;}
#header #lnbArea .lst_lnb>ul>li >a:hover,#header #lnbArea .lst_lnb>ul>li >a:focus{color: #0074bc;}
#header #lnbArea .lst_lnb>ul>li.on >a{color: #0074bc;}



#header #lnbArea .lst_lnb>ul>li div.dep2{display: none;z-index:302;position: absolute;width: 100%;padding-top: 0.8em;background-color: #fff;-webkit-box-shadow: 3px 4px 9px -4px rgba(102,102,102,1);-moz-box-shadow: 3px 4px 9px -4px rgba(102,102,102,1);box-shadow: 3px 4px 9px -4px rgba(102,102,102,1);}
#header #lnbArea .lst_lnb>ul>li div.dep2>ul{margin-top: -0.786em; height: 100%;}
#header #lnbArea .lst_lnb>ul>li div.dep2>ul>li {/* margin-top: 0.786em; */text-align: left; }
#header #lnbArea .lst_lnb>ul>li div.dep2>ul>li:hover,#header #lnbArea .lst_lnb>ul>li div.dep2>ul>li:focus{color: #0074bc; }
#header #lnbArea .lst_lnb>ul>li div.dep2>ul>li>a{display: block;color: #888;font-size: 0.800em;font-weight: 300;line-height: 1.2em;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: .3s ease;-moz-transition: .3s ease;-webkit-transition: .3s ease;-o-transition: .3s ease;}
#header #lnbArea .lst_lnb>ul>li div.dep2>ul>li>a br{display: none;}
#header #lnbArea .lst_lnb>ul>li div.dep2>ul>li>a:hover,#header #lnbArea .lst_lnb>ul>li div.dep2>ul>li>a:focus{color: #0074bc;}
#header #lnbArea .lst_lnb>ul>li div.dep2>ul>li:first-child a{border-top: 0;}
#header #lnbArea .lst_lnb>ul>li div.dep2>ul>li a{border-top: 1px solid #ddd; margin: 0 0.5em; }
#header #lnbArea .lst_lnb>ul>li div.dep2>ul>li a span{display: inline-block; padding: 8% 3% ; }
#header #lnbArea .lst_lnb>ul>li div.dep2>ul>li.on{color: #0074bc;}
#header #lnbArea .lst_lnb>ul>li div.dep2>ul>li.on>a{color: #0074bc;}

#header #lnbArea .lst_lnb>ul>li div.dep2>ul li .dep3{display: none; margin-top: 0.3em;}
#header #lnbArea .lst_lnb>ul>li div.dep2>ul li .dep3 li {text-align:left; padding-left:60px;}
#header #lnbArea .lst_lnb>ul>li div.dep2>ul li .dep3 ul li a{display: inline-block; font-size: 0.733em; color: #fff; line-height: 1.2em; font-weight:300; position: relative;transition: .4s ease;-moz-transition: .4s ease;-webkit-transition: .4s ease;-o-transition: .4s ease;}
#header #lnbArea .lst_lnb>ul>li div.dep2>ul li .dep3 ul li a:after{position: absolute; top: 50%; left: -0.7em; width: 5px; height: 1px; background-color: #fff; content: "";}
#header #lnbArea .lst_lnb>ul>li div.dep2>ul li .dep3 ul li a:focus:after{position: absolute; top: 50%; left: -0.7em; width: 5px; height: 1px; background-color: #f3a054; content: "";}
#header #lnbArea .lst_lnb>ul>li div.dep2>ul li .dep3 ul li a:hover:after{position: absolute; top: 50%; left: -0.7em; width: 5px; height: 1px; background-color: #f3a054; content: "";}
#header #lnbArea .lst_lnb>ul>li div.dep2>ul li .dep3 ul li a:hover,#header #lnbArea .lst_lnb>ul>li div.dep2>ul li .dep3 ul li a:focus{color: #f3a054;}


/* lnb:right */
.lnb_rgh{position: absolute;top: 3.0em;right: 0;width: 13.66%;padding-top: 1em;}
.lnb_rgh:after{display: block;clear: both;content: "";}
.lnb_rgh .btn_allMenu{float: left;}
.lnb_rgh .langArea{  float: right; width: 64.84%; position: relative; z-index: 500; }
.lnb_rgh .langArea .sel_lang{  width: 100%; text-align: left; padding-bottom: 0.5em; 	color: #000; font-weight: 400;border-bottom: 3px solid #000; background: url(/images/header/lnb_sel_arr.png) 95% center no-repeat;}
.lnb_rgh .langArea .lst{display: none; position: absolute; top: 2em;left: 0; background-color: #fff; width: 100%; }
.lnb_rgh .langArea .lst ul li{	font-size: 1em; color: #000; font-weight: 400;border-top: 1px solid #ddd;	}
.lnb_rgh .langArea .lst ul li a{color: #000; display: block; padding: 0.8em 0.5em;}
.lnb_rgh .langArea .lst ul li:first-child{ border-top: 0;}


/*전체메뉴보기 */
#pcallMenu{opacity:0;display: none;width: 100%;background-color: #fff;position: absolute;top:102px;left:0;z-index: 300000;padding: 5% 5% 10%;border: 2px solid #403f3d;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#pcallMenu.inner{position: relative; }
#pcallMenu .lst > ul:after{display: block;clear: both;content: "";}
#pcallMenu .lst > ul>li{float: left; width: 16.66%; font-size: 1.1em; line-height: 1.3em;  }
#pcallMenu .lst > ul>li >a{display: block; color: #333; font-weight:500; margin-bottom: 0.7em; }
#pcallMenu .lst > ul>li .dep2{font-size: 0.9em; }
#pcallMenu .lst > ul>li .dep2 ul li {margin-top: 0.3em; }
#pcallMenu .btn_close{position: absolute; top: 0;right:0; }




/* 올메뉴 */

#navi_wrap{position: relative;}
.allmenu {position:absolute;width: 70%;max-width: 400px;left:-100%;z-index: 200;height:100%;background-color: #0074bc;top:0;}
.allmenu > .inner .header:after {display:block; clear:both; content:"";}
.allmenu > .inner .header{background-color:#f0f0f0; padding: 1em 2.9%;}
.allmenu > .inner .header .top_btn > button{width: 7em; border-radius: 0.2em; padding: 0.6em 0; font-size: 1.5em;}
.allmenu > .inner .header .top_btn > button.btn_log{background-color: #fff; border: 0.1em solid #333; color: #333; }
.allmenu > .inner .header .top_btn > button.btn_mp{background-color: #656565; border: 0.1em solid #656565; color: #fff; }
.allmenu > .inner .header p{float: left;  margin-left: 0.2em; line-height: 1.3em; padding-top: 0.2em;}
.allmenu > .inner .header p.b_login{padding-top: 1em;}
.allmenu > .inner .header h1 p > span.mail{display: block;font-size: 0.95em;font-weight: normal;padding-left:0.2em;	}
.allmenu > .inner .header h1 > span.img{width: 3em; display: block;  float: left;}
.allmenu > .inner .header h1 > span.img img{width: 100%;}

.allmenu > .inner > ul > li {border-bottom: 1px solid #cbe7f8;}
.allmenu > .inner > ul > li:first-child {border-top:0;padding-top: 0;}
.allmenu > .inner > ul > li > strong {display:block;  cursor:pointer;/*  IE6-9 */}
.allmenu > .inner > ul > li > strong > span {color:#dcdcdc;display:block;padding: 5% 0 5% 5%;font-weight: 400;  font-size: 1.320em;;background-image: url(/images/header/menu_arr_off.png);background-position: 90% center;background-repeat: no-repeat;background-size:0.8em;position: relative;margin-left: 7%;}
.allmenu > .inner > ul > li > strong > span.on{color: #fff;background-image: url(/images/header/menu_arr_on.png); background-position: 90% center; background-repeat: no-repeat; background-size:0.8em; }
.allmenu > .inner > ul > li > strong > span:before {width: 3px;height: 3px;margin-bottom: 2px;background: #dcdcdc;position: absolute;top: 50%; margin-top: -1.5px;left: 0;content: '';}
.allmenu > .inner > ul > li > ul {display: none;}
.allmenu > .inner > ul > li > ul:after {display:block; clear:both; content:"";}
.allmenu > .inner > ul > li > ul >li {box-sizing:border-box;border-top: 1px solid #60a4cf;}
.allmenu > .inner > ul > li > ul >li:last-child{border-bottom: 0;}
.allmenu > .inner > ul > li > ul >li> a {display:block;color:#bad5f4; font-size:1.125em; padding: 5% 0 5% 12%;font-weight: normal;}
.allmenu > .inner > ul > li > ul >li >a >br{display: none;}

.allmenu > .inner > ul > li > ul li .dep3{display: none;}
.allmenu > .inner > ul > li > ul li .dep3>ul>li {box-sizing:border-box;border-top: 1px solid #4195c9;background-color: #333; }
.allmenu > .inner > ul > li > ul li .dep3>ul>li>a{display:block;font-size: 0.7em;        color: #fff; padding: 5% 0 5% 14.5%;position: relative;}
.allmenu > .inner > ul > li > ul li .dep3>ul>li>a:after{	position: absolute; width: 0.5em; height: 1px; background-color: #999; top: 50%; left: 10%; content: "";}
.bg {display: none;position: absolute; height:100%; top: 0;width:100%; background:#000; opacity:0.6;z-index: 150;}

/* //올메뉴 */



/* 메인 비주얼 */
#spot_visual{position: relative; overflow: hidden;}
#main_visual {width: 2000px; margin:0 auto;  overflow: hidden;position: relative;left: 50%; height: 934px; margin-left: -1000px; }
#main_visual_m{width: 100%;display: none;}
#main_visual .lst_visual ul li{text-align: center;}
.lst_visual .bx-controls{position: absolute; bottom: 7%; z-index: 80; width: 1200px;left: 50%; margin-left: -600px; }

/* 메인 비주얼 : bx_PAGER */
.lst_visual .bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #018ee5;padding-top: 20px;}
.lst_visual .bx-wrapper .bx-pager .bx-pager-item,#main_visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.lst_visual .bx-wrapper .bx-pager.bx-default-pager a {background: #bbb;text-indent: -9999px;display: block;width: 1.2em;height: 1.2em;margin: 0 5px;/* outline: 0; */}
.lst_visual .bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {background: #018ee5;}
.lst_visual_m .bx-wrapper .bx-pager.bx-default-pager a:hover,.lst_visual_m .bx-wrapper .bx-pager.bx-default-pager a.active {background: #018ee5;}


/* 메인 컨텐츠 */
#m_contents .inner{max-width: 1200px; margin:0 auto; }
#m_contents .inner:after{display: block;clear: both;content: "";}

/* 메인 컨텐츠 : BUSINIESS INFO */
#m_contents{}
#m_contents > section{position: relative; 	}
#m_contents #business_info{background: url(/images/main/bg_business.jpg) left top no-repeat; padding-bottom: 4%;  -webkit-background-size: cover;background-size:cover ;		}
#m_contents #business_info .inBox{max-width: 954px;}
#m_contents #business_info .inBox:after{display: block;clear: both;content: "";}
#m_contents #business_info .busiBox{width: 45.6%; float: right; 	 background-color: #fff; padding:15px; text-align: center; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;
    height: 41.929em;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;
    box-sizing: border-box;-webkit-box-shadow: 4px 3px 5px 0px rgba(204,204,204,1);-moz-box-shadow: 4px 3px 5px 0px rgba(204,204,204,1);box-shadow: 4px 3px 5px 0px rgba(204,204,204,1);}
#m_contents #business_info .busiBox.cosmetics{float: left; margin-left: 0;}
#m_contents #business_info .busiBox .img{margin-bottom: 15%; }
#m_contents #business_info .busiBox .img img{width: 100%; }
#m_contents #business_info .busiBox .tit{font-size: 2.500em; padding-bottom: 0.7em; margin-bottom: 0.7em; position: relative;     letter-spacing: 0.1em;}
#m_contents #business_info .busiBox .tit:after{height: 1px; width: 2em; position: absolute; bottom: 0; left: 50%; margin-left: -1em; background-color: #000;	content: "";}
#m_contents #business_info .busiBox .tit span{font-size:0.429em; display: block;letter-spacing: 0.15em;   font-weight:900; margin-top: 1em; color: #373737;}
#m_contents #business_info .busiBox .txt{color: #7e7e7e; font-size: 1.143em; line-height: 1.5em; font-weight: 400;}
#m_contents #business_info .busiBox .btn{margin-top: 10%; margin-bottom:3%;  }
#m_contents #business_info .busiBox .btn ul{border-left: 1px solid #ddd;}
#m_contents #business_info .busiBox .btn ul:after{display: block;clear: both; content: "";		}
#m_contents #business_info .busiBox .btn ul li{float: left; width: 33.3%; text-align: center;  border: 1px solid #ddd; border-left: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-weight: 400; line-height: 1.5em; }
#m_contents #business_info .busiBox .btn ul li a{color: #454545;}
#m_contents #business_info .busiBox .btn button{display: block; width: 100%; height: 100%; padding: 0.5em 0 0.7em}
#m_contents #business_info .busiBox .btn button.cbt{width:30%; margin:0 auto; border:1px solid #ddd; font-weight:400; line-height:1.5em;}
#m_contents #business_info .busiBox .bx_inner .rolling{position: relative; }
#m_contents #business_info .busiBox .bx_inner .rolling ul:after{display: block;clear: both;content: "";}
#m_contents #business_info .busiBox .bx_inner .rolling ul li{float: left; overflow: hidden; }
#m_contents #business_info .busiBox .bx_inner .rolling .bx-controls-direction{position: absolute; top: 55%; z-index: 300; width: 100%; }
#m_contents #business_info .busiBox .bx_inner .rolling .bx-controls-direction a{position: absolute; display: block; width: 1.5em; height: 2.8em; text-indent: -9999px;}
#m_contents #business_info .busiBox .bx_inner .rolling .bx-controls-direction .bx-prev{left: 0;background: url(/images/common/ico_busi_prev.png) left center no-repeat; -webkit-background-size: 100%;background-size: 100%;}
#m_contents #business_info .busiBox .bx_inner .rolling .bx-controls-direction .bx-next{right: 0; background: url(/images/common/ico_busi_next.png) left center no-repeat; -webkit-background-size: 100%;background-size: 100%; }


/* 메인컨텐츠 : R&D CENTER */
#rndCenter {/* background: url(/images/main/bg_rndCenter.jpg) left top no-repeat; */}
#rndCenter .rndHeader{  color: #fff; font-weight:  100; background:url("/images/main/bg_rndCenter.jpg") 0 0 no-repeat;  }
#rndCenter .rndHeader > .inner{padding: 50px 2% ;}
#rndCenter .rndHeader dl {margin-bottom: 8%; }
#rndCenter .rndHeader dl dt{font-size: 2.500em; margin-bottom: 1em; }
#rndCenter .rndHeader dl dd{font-size: 1.786em; line-height: 1.3em; }
#rndCenter .rndHeader dl dd .btn_learn_more{border: 1px solid #fff; padding: 0.7em 3em; font-size: 0.640em; color: #fff;line-height: 1em; letter-spacing:0.1em; font-weight: 500;	margin-top: 5em;  }
#rndCenter .rndArti{background-color: #c3e2ff;}
#rndCenter .rndArti .lst_rnd ul:after{display: block;clear: both;content: "";}
#rndCenter .rndArti .lst_rnd ul li{float: left; width: 33.3%; text-align: center; display: table; }
#rndCenter .rndArti .lst_rnd ul li.rn1 a{background: url(/images/main/ico_rnd1.png) center 80% no-repeat #44a8f5; -webkit-background-size: 18%; background-size: 18%; }
#rndCenter .rndArti .lst_rnd ul li.rn2 a{background: url(/images/main/ico_rnd2.png) center 80% no-repeat #89b028; -webkit-background-size: 18%; background-size: 18%; }
#rndCenter .rndArti .lst_rnd ul li.rn3 a{background: url(/images/main/ico_rnd3.png) center 80% no-repeat #8c6e3b; -webkit-background-size: 18%; background-size: 18%; }
/*#rndCenter .rndArti .lst_rnd ul li.rn1 a{background: url(/images/main/ico_rnd1.png) center 80% no-repeat #12b5d7; -webkit-background-size: 18%; background-size: 18%; }
#rndCenter .rndArti .lst_rnd ul li.rn2 a{background: url(/images/main/ico_rnd2.png) center 80% no-repeat #2674dd; -webkit-background-size: 18%; background-size: 18%; }
#rndCenter .rndArti .lst_rnd ul li.rn3 a{background: url(/images/main/ico_rnd3.png) center 80% no-repeat #108ae8; -webkit-background-size: 18%; background-size: 18%; }*/
#rndCenter .rndArti .lst_rnd ul li a{color: #fff;display: table-cell;vertical-align: middle;padding: 13% 2% 45% 2%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#rndCenter .rndArti .lst_rnd ul li a strong.ti{font-size: 2.143em;display: block; margin-bottom: 1em; font-weight:500;}
#rndCenter .rndArti .lst_rnd ul li a span.txt{font-size: 1.286em; line-height: 1.5em; }




/* 메인컨텐츠 :PR CENTER & RECRUIT */
/* #rndCenter{padding-bottom: 4%; } */
#prNrecruit .inBox:after{display: block;clear: both;content: "";}
#prNrecruit .inBox{}
#prNrecruit .lft{float: left; width: 49%; }
#prNrecruit .reportNews{float: left; width: 48%; position: relative;  }
#prNrecruit .reportNews .title_st1{font-size: 1.429em; color: #333; font-weight: 500; }
#prNrecruit .reportNews .lst_news{ margin-top: 1em; }
#prNrecruit .reportNews .lst_news ul:after{display: block;clear: both;content: "";	}
#prNrecruit .reportNews .lst_news ul li{float: left; width: 48%; margin-left: 2%; }
#prNrecruit .reportNews .lst_news ul li:first-child{margin-left: 0; }

#prNrecruit .reportNews .lst_news ul li .img{}
#prNrecruit .reportNews .lst_news ul li .img a{display:block; height:0; padding-top:65%; position:relative; overflow:hidden; border:1px solid #ddd; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#prNrecruit .reportNews .lst_news ul li .img a img{max-width:100%; max-height:100%; margin:auto; position:absolute;top:0;left:0;right:0;bottom:0;}

#prNrecruit .reportNews .lst_news ul li .news_cont{margin-top: 1em; line-height: 1.5em; }
#prNrecruit .reportNews .lst_news ul li .news_cont .tit{color: #3661ba; font-weight: 500; display: block;  margin-bottom:  1em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#prNrecruit .reportNews .lst_news ul li .news_cont .txt{
	display:inline-block;
	max-height:150px;
	overflow:hidden;
	color: #5b5b5b;
	font-weight: 300;
	display: block;
}
#prNrecruit .reportNews .lst_news ul li .date{margin-top: 1em; padding-top: 1em;border-top: 1px solid #ddd; color: #555656; font-size: 0.929em; position: relative; }
#prNrecruit .reportNews .lst_news ul li .date img{width: 1em; }
#prNrecruit .reportNews .lst_news ul li .date .hit{position: absolute; right: 0;  font-weight: 400; color: #333;}
#prNrecruit .reportNews .btn_more{position: absolute; top: 0;right: 0; }



#prNrecruit .rgh{float: right; width: 49%; }
#prNrecruit .rgh .rgh_top:after{display: block; clear: both;content: "";}
#prNrecruit .rgh .rgh_top .box{	width: 49%; float: left; margin-left: 2%; 	}
#prNrecruit .rgh .rgh_top .box:first-child{margin-left: 0; }

#prNrecruit .rgh .rgh_bot{margin-top: 1em;   }
#prNrecruit .rgh .rgh_bot:after{display: block;clear: both;content: "";}
/* #prNrecruit .rgh .movie{width: 77%; float: left;} */
#prNrecruit .rgh .movie{position:relative; width:77%; height:0; float:left; padding-top:30px; padding-bottom:56.25%; overflow:hidden;}
#prNrecruit .rgh .movie iframe, #prNrecruit .rgh .movie object, #prNrecruit .rgh .movie embed{position:absolute; top:0; left:0; width:100%; height:100%;}

#prNrecruit .rgh .movie img {}
#prNrecruit .rgh .small_ban{width: 21.5%;float: right;}
#prNrecruit .rgh .small_ban ul li{background-color: #8c6e3b;text-align: center;color: #fff;font-weight: 400;margin-top: 7%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#prNrecruit .rgh .small_ban ul li:first-child{margin-top: 0; }





/* 푸터 */



/* #footer{background-color: #0074bc;} */

#footer{border-top:1px solid #ddd;}
#footer .footer_top{}

#footer  .footer_inner{position: relative; padding:1.5em 0;}
#footer  .footer_inner:after{display: block;clear: both;content: "";}
#footer .comp_info{color:#5b5b5b /* #fff */; font-weight: 400;}
#footer .comp_info .add{width: 77%; }
#footer .comp_info .add ul> li{font-size: 1em;line-height: 1.7em;}
#footer .comp_info .add ul >li br{display: none;}
#footer .comp_info .add >ul > li .dt_info{display: inline-block; margin-left: 1em; }
#footer .comp_info .add >ul > li .dt_info ul >li{display: inline-block; margin-left: 1em;}
#footer .comp_info .add >ul > li .dt_info ul >li:first-child{margin-left: 0; }

#footer .copyright .inBox{padding: 0; margin-top: 1em;  line-height: 1.5em;}
#footer .copyright .inBox strong{font-weight: 700;}


#footer .btn{ position: absolute;right: 2%;top: 15%; z-index: 100; width: 15%;}
/* #footer .btn_language{height: 100%;} */
#footer .language_list {position:absolute;bottom: 100%; background-color: #0074bc;display:none;width:100%; z-index:301; padding: 3px 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#footer .language_list li{border-top:1px solid #ddd;}
#footer .language_list li:first-child{border-top:none;}
#footer .language_list li a{padding: 10px 0;display:block; color:#ddd; transition: .4s ease; -moz-transition: .4s ease; -webkit-transition: .4s ease; -o-transition: .4s ease;}
#footer .language_list li a:hover,#footer .language_list li a:focus{text-decoration:none;  color: #000; }
#footer .btn_language a{display:block;width:100%;line-height: 1.5em;padding: 3% 5%; color:#5b5b5b; /* #fff */;background:url(/images/common/fm_arr.png) right center no-repeat;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-background-size:8%;background-size:8%;  border-bottom: 2px solid #018ee5;}
#footer .btn_language a:hover{text-decoration:none;}
#footer .select_fm{position: absolute;right: 2%;top:2em;z-index: 100;width: 20%;color: #7dccfd;border: 0;font-family: 'Noto Sans Korean';font-weight: 300;font-size: 0.8em;padding: 2% 1%; border-bottom: 2px solid #79c9ff;background:url(/images/common/fm_arr.png) right center no-repeat;appearance: none;-ms-appearance: none;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;-webkit-border-radius:0px;-webkit-background-size: 10%;background-size:10%;}
#footer .select_fm option{color: #fff; background-color: #0074bc;}
select::-ms-expand {
    display: none;
}



/* container  : sub*/
#container.sub{}
#container.sub .container_inner{}

/* 서브 비주얼 */
#sub_visual{position: relative; height: 190px; overflow: hidden;}
#sub_visual img{display: block;}
#sub_visual .pc{display:block; width: 2000px; position: absolute; left: 50%; margin-left: -1000px; height: 190px;}
#sub_visual .mobile{display: none; width: 100%;}


/* 서브 */

#contentsArea{position: relative; }
#contentsArea >.inner{max-width: 1200px; padding: 3% 0; margin:0 auto; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#contentsArea .inner .ct_article{float: right; width: 80%; min-height: 500px; padding-bottom: 5%;}
#contentsArea .inner:after{display: block;clear: both;content: "";}
/* Aside ( left 메뉴 ) */

#aside{width: 16%; float: left; }
#aside strong.pg_tit{display: block; font-size: 2em; font-weight: 500; color: #333; line-height: 1.250em; border-bottom: 3px solid #cecece; position: relative; padding-bottom: 0.5EM;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0.3em; }
#aside strong.pg_tit:after{position: absolute; width: 20%; height: 3px;background-color: #018ee5; left: 0;bottom: -3PX; content: "";}
#aside .lst_aside{}
#aside .lst_aside ul li{border-bottom: 1px solid #cecece; position: relative; padding-left: 1em; }
#aside .lst_aside ul li:after{position: absolute; width: 4px; height: 4px; background-color: #5ad3fc; top: 50%; margin-top: -2px; left: 0.5em; content: "";}
#aside .lst_aside ul li.on a{color: #000; position: relative; font-weight: 500; }
#aside .lst_aside ul li.on a:after{position: absolute; top: 50%; right: 10%; width: 14px; height: 2px; background-color: #018ee5;content: "";}
#aside .lst_aside ul li a{color: #7e7e7e; display: block; padding: 0.85em	 0.5em; }

#path{padding-bottom: 2em; border-bottom: 1px solid #c5c5c5; margin-bottom: 2.3em;  }
#path .pg_tit{font-size: 2.714em; font-weight: 500; }
#path .tit_explan{font-size: 1.143em;margin-top: 1em;display: block;line-height: 1.3em;}

/* SNB (path)*/
#snbPath{border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; background-color: #f8f8f8; }

#snbPath .select_snb{display: none;}
#snbPath .lst_snb{max-width: 1200px; margin:0 auto;}
#snbPath .lst_snb > ul:after{clear: both;display: block;content: "";}
#snbPath .lst_snb > ul > li{float: left;  border-right:  1px solid #ddd;color: #888; padding: 13px 4em 13px 1em;background: url(/images/common/path_arr.gif) 90% center no-repeat;cursor: pointer;position: relative;}
#snbPath .lst_snb > ul > li.cateName{min-width: 130px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
#snbPath .lst_snb > ul > li.snbw_long{width: 200px;}
#snbPath .lst_snb > ul > li.home{padding: 13px 1.5em 13px 0;text-indent: -9999px;width: 17px;/* height: 10px; */background:url(/images/common/ico_home.gif) center center no-repeat ; border-left: 1px solid #dfdfdf;}
#snbPath .lst_snb > ul > li.home a{display: block;}
#snbPath .lst_snb > ul > li.selected_menu{min-width: 130px; font-size: 1.05em;padding: 13px 0.5em 13px 1.5em;}
#snbPath .lst_snb > ul > li.selected_menu span{padding-right: 2em;background:url(/images/common/path_arr_off.gif) 90% 0.6em no-repeat;}
#snbPath .lst_snb a{color: #888}
#snbPath .lst_snb a:hover{color: #888}
#snbPath .lst_snb > ul > li.selected_menu.on span{padding-right: 2em;background:url(/images/common/path_arr_on.gif) 90% 0.6em no-repeat; color: #666; }

#snbPath .lst_snb > ul > li .d_menu{ display: none; position: absolute;top: 2.71em;left: -1px;width: 100%;border: 1px solid #ddd;border-top: 0;z-index: 100;/* -webkit-box-sizing: border-box; */-moz-box-sizing: border-box;/* box-sizing: border-box; */}
#snbPath .lst_snb > ul > li .d_menu > ul > li{font-size: 0.9em;line-height: 1.44em;padding: 0.5em 0.5em 0.558em 1.6em;border-top: 1px solid #ddd;background-color: #f8f8f8;/* width: 100%; */-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


#snbPath .lst_snb > ul > li .d_menu > ul > li a{color: #888; display: block;}
#snbPath .lst_snb > ul > li .d_menu > ul > li:hover a,#snbPath .lst_snb > ul > li .d_menu > ul > li a.on{color: #666;}
#snbPath .lst_snb > ul > li .d_menu > ul > li .dep3{display: none;}

#snbPath .select_snb{padding: 0 2%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#snbPath .select_snb .sel_path{margin: 2% 0;}
#snbPath .select_snb .sel_path.half{display: inline-block;width: 49%;}
#snbPath .select_snb .sel_path.half select{width: 100%; }
#snbPath .select_snb .sel_path.half:first-child{margin-left: 0;padding-right: 0%;background:url(/images/common/bg_snb_arr.jpg) right center no-repeat;-webkit-background-size: 5%;background-size:5%;}

#snbPath .select_snb .sel_path select{width:100%;color: #666;border: 0;font-family: 'Noto Sans Korean';font-weight: 300;font-size:1.125em;padding: 0.3em 10px;background:url(/images/common/sel_arr.gif) 99% center no-repeat;border: 1px solid #ddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;appearance: none;-ms-appearance: none;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;-webkit-border-radius:0px;-webkit-background-size: 1.0em;background-size:1.0em ;}

/* snb mobile*/

#snbPath_m .mobile_path {display: block; width: 100%;padding:0.5em 2.94%;background:#f7f7f7;border-bottom: 1px solid #d3d3d1; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; }
#snbPath_m .mobile_path:after{display: block;clear: both;content: "";}
#snbPath_m .mobile_path .m_path{width: 49%;}
#snbPath_m .mobile_path .m_path.depeth1 {float:left;}
#snbPath_m .mobile_path .m_path.depeth2 {float:right;}
#snbPath_m .mobile_path .m_path select {width: 100%;padding: 0 0.5em;border: 1px solid #ddd;color:#333;font-size:1em;line-height:2em;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 2.2em; background:url(/images/common/sel_arr.gif) 99% center no-repeat #fff; -ms-appearance: none;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;-webkit-border-radius:0px;-webkit-background-size: 1.0em;background-size:1.0em ; }



.bbsView strong{font-weight:bold;}


.magnet{position: fixed; right: 30px; top: 50%; z-index: 80;}
.magnet ul{position: relative; }
.magnet ul:after{position: absolute; top: 0; left: 80%; width: 1px; height: 100%; background-color: #199eff;content: "";}
.magnet  > ul > li{margin-bottom: 20px; position: relative; }
.magnet  > ul > li a{color: #199eff;}
.magnet  > ul > li .c{-webkit-border-radius: 10px;    -moz-border-radius: 10px;    border-radius: 10px; width: 10px; height: 10px; border: 1px solid #199eff; display: inline-block; margin-left: 5px;     position: relative;    background-color: #fff;    z-index: 2;}
.magnet  > ul > li.on .c{background-color: #199eff;}



/* 연혁 */



.lst_history>ul>li .hisBox{padding-left: 2em;border-left: 1px solid #ddd; padding-top: 5%; }
.lst_history>ul>li .hisBox:after{display: block;clear: both;content: "";}
.lst_history>ul>li .hisBox .years.first{padding-top:  0; }
.lst_history>ul>li .hisBox.first{padding-top:  0; }

.lst_history>ul>li:first-child{margin-top: 0; }
.lst_history>ul>li .hisBox .years{padding-top: 7%;margin-bottom: 3%;font-size:3.014em;color: #018ee5;display: block;font-weight: 100; position: relative;}
.lst_history>ul>li .hisBox .years:after{position: absolute;width: 20px;height: 20px;top: 50%;margin-top: -10px;left: -0.82em;background: url(/images/about/history_point.gif) left center no-repeat;content: "";}

.lst_history>ul>li .hisBox .lst_his{/* padding-top: 10%; */-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.
 .lst_history>ul>li .hisBox .lst_his>ul>li:after{display: block;clear: both;content: "";}

.lst_history>ul>li .hisBox .lst_his>ul >li{margin-top: 0.5em;line-height: 1.5em;position: relative;padding-left: 8em;}
.lst_history>ul>li .hisBox .lst_his>ul>li:first-child{margin-top: 0; 	}
.lst_history>ul>li .hisBox .lst_his>ul>li .month{left: 0;font-size: 1.200em;font-weight: 400;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: block;position: absolute;line-height: 1.4em;}

.lst_history>ul>li .hisBox .lst_his>ul>li .lst{/* float: left; *//* width: 90%; */}
.lst_history>ul>li .hisBox .lst_his>ul>li .oneLine{width: 100%; position: relative;}
.lst_history>ul>li .hisBox .lst_his>ul>li .oneLine strong{display: inline-block;padding-left: 1.5em;font-size: 1.200em; font-weight: 600; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; position: relative;}
.lst_history>ul>li .hisBox .lst_his>ul>li .oneLine strong:after{position: absolute;	width: 20px;height: 20px;     top: 50%; margin-top: -10px;left: -10px; background: url(/images/about/history_point.gif) left center no-repeat;  content: "";}
.lst_history>ul>li .hisBox .lst_his>ul>li .oneLine span{display: inline-block; color: #666; padding-left: 3%;}
.lst_history>ul>li .hisBox .lst_his>ul>li .lst ul li:first-child{margin-top: 0;}
.lst_history>ul>li .hisBox .lst_his>ul>li .lst ul li:after{display: block;clear: both;content: "";}
.lst_history>ul>li .hisBox .lst_his>ul>li .lst ul li > p{float: left;width: 89.2%;color: #666;}

/* odm */
.odm_circle{border-bottom: 1px dotted #ddd; padding-bottom: 3.571em; margin-bottom: 3.571em}
/* 사업장 */
.place_f{margin-left: -4%;overflow: hidden;}
.place_f > div{width: 46%; margin-left: 4%; float: left}
.place_f > div > img{width: 100%; margin-bottom: 3%}
.place_f > div .tit2{
	display: block;
	color: #007cbc;
	font-weight: 500;
	margin-bottom: 1em;
	font-size: 1.143em
}
.link_btn{
	display: block; height: 3.214em; color: #fff; background: #44a8f5 url('/images/businessguide/arrow.png') 88% center no-repeat; padding-right: 2.643em;
	padding: 0 2.643em 0 1.357em;
	background-size: 0.643em;
	margin-top: 1.1em
}
.place_f .tit_box .tit{letter-spacing: -0.03em; color:#7e7e7e;}

.bold{display: block; font-size: 1.429em; margin-top: 3%}
.summary_img{text-align: center; margin-top: 6%}

/*  20170113 수정사항 */
#place3 .link_btnwrap{width:100%; margin-top:5%; margin-left:2%;}
#place3 .link_btn{margin:0 auto;}

/* 20180402 제보코너 */
.report_wrap{max-width: 1200px; padding:40px 4.4%; box-sizing: border-box; margin:0 auto; line-height: normal; background-color: #fff; z-index: 500; position: absolute; display: none; width: 100%; top: 102px; left: 50%; transform: translateX(-50%);}
.report_wrap .report_inner{}
.report_wrap h3{font-size: 38px; color: #333; font-weight: 500; border-bottom: 1px solid #c5c5c5; padding-bottom: 26px; margin-bottom: 35px;}
.report_wrap .btn_close{position: absolute; top: 0; right: 0; width: 55px; height: 55px; display: block; background-color: #0074bc; color: #fff; font-size: 38px; text-align: center;}
.report_wrap .tit{font-size: 16px; font-weight: 400; color: #222; position: relative; padding-left: 18px;}
.report_wrap .tit:before{content: ""; position: absolute; width: 10px; height: 10px; background-color: #444; left: 0; top: 7px;}
.report_wrap .desc_wrap{}
.report_wrap .desc_wrap .subtit{font-size: 14px; color: #666; font-weight: 300; padding:6px 0 6px 18px; box-sizing: border-box;}
.report_wrap .desc_wrap ul{margin-bottom: 20px;}
.report_wrap .desc_wrap li{color: #787878; font-size: 14px; font-weight: 300; padding-left: 24px; box-sizing: border-box; position: relative;}
.report_wrap .desc_wrap li:before{content: ""; width: 2px; height: 2px; background-color: #787878; left: 18px; top: 9px; position: absolute;}
.report_wrap .gray_box{border:1px solid #ddd; background-color: #fbfbfb; box-sizing: border-box; padding:22px 30px;}
.report_wrap .gray_box .graytit{font-size: 16px; color: #222; font-weight: 400; margin-bottom: 6px;}
.report_wrap .gray_box .graytit span{color: #0074bc;}
.report_wrap .gray_box ul{}
.report_wrap .gray_box li{font-size: 14px; color: #787878; position: relative; padding-left: 5px; box-sizing: border-box;}
.report_wrap .gray_box li:before{content: ""; position: absolute; top: 10px; left: 0; width: 2px; height: 2px; background-color: #787878;}
.report_wrap .chk_wrap{font-size: 14px; color: #666; font-weight: 400; padding:5px 0; text-align: right;}
.report_wrap .chk_wrap input[type="checkbox"]{}
.report_wrap .table_wrap{margin-top: 40px;}
.report_wrap .table_wrap table{width: 100%; border-top: 2px solid #0074bc;}
.report_wrap .table_wrap table th,
.report_wrap .table_wrap table td{height: 54px; text-align: left; border-bottom: 1px solid #dfdfdf; vertical-align: middle;}
.report_wrap .table_wrap table th{padding-left: 2%;}
.report_wrap .table_wrap table td{padding-left:20px;}
.report_wrap .table_wrap table th{background-color: #f6f6f6; font-size: 14px; color: #333; font-weight: 400; min-width: 100px;}
.report_wrap .table_wrap table th span{color: #0074bc;}
.report_wrap .table_wrap table td{font-size: 14px; color: #666; font-weight: 300;}
.report_wrap .table_wrap table td span{vertical-align: -webkit-baseline-middle;}
.report_wrap .table_wrap table td li{float: left; margin-right: 20px;}
.report_wrap .table_wrap table td li:last-child{margin-right: 0;}
.report_wrap .table_wrap input[type="text"],
.report_wrap .table_wrap input[type="tel"],
.report_wrap .table_wrap input[type="file"]{border:1px solid #cbcbcb; height: 36px; box-sizing: border-box; padding:4px;}
.report_wrap .table_wrap select{height: 36px; border:1px solid #cbcbcb; width: 100%; font-size: 14px; color: #222; font-weight: 400;}
.report_wrap .table_wrap textarea{margin:10px 0; width: 100%; border:1px solid #cbcbcb; font-size: 14px; color: #222; font-weight: 400;}
.report_wrap .table_wrap .inp_nor{max-width: 274px; vertical-align: -webkit-baseline-middle; width: 100%;}
.report_wrap .table_wrap .inp_email{width: 182px; vertical-align: -webkit-baseline-middle;}
.report_wrap .table_wrap .inp_tel{width: 86px; vertical-align: -webkit-baseline-middle;}
.report_wrap .btn_wrap{text-align: center; margin-top: 50px;}
.report_wrap .btn_wrap a{width: 160px; padding:13px 0; box-sizing: border-box; font-size: 15px;text-align: center; display: inline-block;}
.report_wrap .btn_wrap a.btn_ok{color: #fff; background-color: #0074bc; border: 1px solid #0074bc;}
.report_wrap .btn_wrap a.btn_cancel{color: #222; background-color: #fff; border: 1px solid #999;}
.report_bg{display: none;position: absolute; height:100%; top: 0;width:100%; background:#000; opacity:0.9;z-index: 490;}