@charset "utf-8";

/* 초기화 */
body,div,article,section,h1,h2,h3,nav,ul,li,img,p,hr{margin: 0; padding: 0;}
ul,li{list-style: none;}
img,iframe,hr{border: none;}
a{color: #000; text-decoration: none;}
.hidden{display: none;}

body{background-color: #eeecec; font-family: "Noto Sans KR", serif;}

/* #wrap */
div#wrap{width: 1170px; margin: 0 auto; overflow: hidden;}

/* header_area (topmenu 및 header) */
div#header_area {width: 1170px; position: absolute;
left: 50%; margin-left: -585px; text-transform: uppercase;z-index: 9999; }
div#header_area > div.top_menu{height: 30px; line-height: 30px;}
div#header_area > div.top_menu ul{float: right; height: 30px;}
div#header_area > div.top_menu ul > li{float: left; padding: 0 14px; height: 30px; line-height: 30px; }
div#header_area > div.top_menu ul > li:last-child{padding-right: 0;}
div#header_area > div.top_menu ul > li a{float: left; color: #333; font-size: 11px; }
div#header_area > div.top_menu ul > li:last-child a{float: left; margin: 0 5px 0 5px; width: 14px; height: 14px; text-indent: -9999px; font-size: 0; background-image: url(../imges/icon_sns_01.png); background-size: 400% 100%; margin-top: 9px;}
div#header_area > div.top_menu ul > li a.instagram{background-position: 0 0;}
div#header_area > div.top_menu ul > li a.facebook{background-position: -14px 0;}
div#header_area > div.top_menu ul > li::after{content: ""; width: 1px; height: 10px; background-color: #dddcdc; float: right; position: relative; top: 11px; right: -14px;}
div#header_area > div.top_menu ul > li:nth-child(n+4)::after{display: none;}

div#header_area > header > div.menubar{width: 100%; height: 90px; background-color: #fff; position: absolute;}

div#header_area > header {height: 90px; background-color: rgba(236, 236, 236, 0.95); overflow: hidden;}
div#header_area > header > h1{position: absolute; margin-left: 30px; margin-top: 10px; line-height: 90px;}
div#header_area > header > nav{float: right; z-index: 999; height: 440px;}
div#header_area > header > nav > ul > li{float: left; padding-right: 30px; position: relative; width: 80px; text-align: center;}
div#header_area > header > nav > ul > li:nth-child(6){width: 100px;}
div#header_area > header > nav > ul > li:nth-child(8){padding-right: 30px;}
div#header_area > header > nav > ul > li > a{color: #333; font-weight: bold; font-family: "Roboto", serif; line-height: 93px; position: relative;}
div#header_area > header > nav > ul > li:hover > a{color: #f6ca00;}
div#header_area > header > nav > ul > li > a::after{content: ""; width: 100%; height: 6px; background-color: #f6ca00;position: absolute; left: 0; bottom: -34px;  transform: scale(0,1); transition: all 0.5s; }
div#header_area > header > nav > ul > li:hover > a::after{transform: scale(1,1);}


div#header_area > header > nav > ul > li > div.slide1 {position: absolute; width: 80px;}
div#header_area > header > nav > ul > li > div.slide1 > ul > li {font-size: 13px; color: #5c5953; padding-top: 20px; text-align: center; font-weight: 500; cursor: pointer;}
div#header_area > header > nav > ul > li:nth-child(6) > div > ul > li {width: 100px;}
div#header_area > header > nav > ul > li > div.slide1 > ul > li.on {color: #333; text-decoration: underline; text-underline-offset: 3px;}

div.bot{width: 1170px; height: 350px; background-color: rgba(236, 236, 236, 0.95); position: absolute; margin-top: 90px; display: none;}


/* box */
div#box{width: 1170px; overflow: hidden; position: relative;}


/* menu */
div.menu{width: 1170px; height: 140px; background-color: #fff; margin: 0 auto; margin-top: 180px;}
div.menu h3{font-size: 35px; float: left; margin-top: 50px; margin-left: 30px; font-weight: 500; color: #373737;}


/* content_box */
div.content_box{width: 1170px; background-color: #fff; border-top: 1px solid #eeecec; box-sizing: border-box;
position: relative; padding: 100px 100px 60px 100px;}

/* cont1 */
div.content_box div.cont1{margin-top: 100px;}
div.content_box h3{font-size: 24px; font-weight: 480; position: relative; color: #373737;}
div.content_box h3::before{content: ""; width: 4px; height: 24px; background-color: #373737; float: left;
position: relative; top: 7px; margin-right: 15px;}
div.content_box div.cont1 img{width: 970px; height: 317px; margin-top: 35px ;}

/* cont2 */
div.content_box div.cont2{margin-top: 100px;}
div.content_box div.cont2 p{font-size: 20px; text-align: center; margin-top: 50px; margin-bottom: 11px;
font-weight: 450;}
div.content_box div.cont2 ul{width: 970px; height: 550px;}
div.content_box div.cont2 ul li{width: 460px; height: 168px; background-color: #fff; float: left;
margin: 11px 20px 0px; background-size: 100%; position: relative;}
div.content_box div.cont2 ul li:nth-child(2n){margin-right: 0; margin-left: 0;}
div.content_box div.cont2 ul li:nth-child(1){background-image: url(../img_rectuit/workway_01.jpg);}
div.content_box div.cont2 ul li:nth-child(2){background-image: url(../img_rectuit/workway_02.jpg);}
div.content_box div.cont2 ul li:nth-child(3){background-image: url(../img_rectuit/workway_03.jpg);}
div.content_box div.cont2 ul li:nth-child(4){background-image: url(../img_rectuit/workway_04.jpg);}
div.content_box div.cont2 ul li:nth-child(5){background-image: url(../img_rectuit/workway_05.jpg);}
div.content_box div.cont2 ul li span{float: left; position: absolute; left: 210px;}
div.content_box div.cont2 ul li span:nth-child(1){color: #464646; font-size: 20px; top: 25px;}
div.content_box div.cont2 ul li span:nth-child(2){color: #a0a0a0; font-size: 15px; top: 65px;}
div.content_box div.cont2 ul li span:nth-child(3){color: #464646; font-size: 20px; top: 115px;}

/* cont3 */
div.content_box div.cont3{margin-top: 100px;}
div.content_box div.cont3 img{width: 970px; height: 413px; margin-top: 35px ;}

/* menu2 */
div.menu2{width: 1170px; height: 140px; background-color: #fff; margin: 0 auto;}
div.menu2 h3{font-size: 35px; float: left; margin-top: 50px; margin-left: 30px; font-weight: 500; color: #373737;}

/* content_box2 */
div.content_box2{width: 1170px; background-color: #fff; border-top: 1px solid #eeecec; box-sizing: border-box;
position: relative; padding: 100px 100px 60px 100px;}

/* box2/cont1 */
div.content_box2 div.cont1{margin-top: 10px;}
div.content_box2 h3{font-size: 24px; font-weight: 480; position: relative; color: #373737;}
div.content_box2 h3::before{content: ""; width: 4px; height: 24px; background-color: #373737; float: left;
position: relative; top: 7px; margin-right: 15px;}
div.content_box2 div.cont1 img{width: 485px; height: 214px; margin-top: 35px; text-align: center;}
div.content_box2 div.cont1 span{text-align: center; display: block; font-size: 15px; margin-top: 30px;}
div.content_box2 div.cont1 div{text-align: center;}
div.content_box2 div.cont1 span strong{color: #1d87cf;}

/* box2/cont2 */
div.content_box2 div.cont2{margin-top: 100px;}
div.content_box2 div.cont2 ul{width: 970px; overflow: hidden; margin-top: 40px;}
div.content_box2 div.cont2 li{width: 460px; height: 140px; background-color: #fff; float: left; margin-right: 24px;
margin-left: 20px; padding-top: 40px; box-sizing: border-box; background-repeat: no-repeat; 
background-position: 310px;}
div.content_box2 div.cont2 li:nth-child(2n){margin: 0; float: right;}
div.content_box2 div.cont2 span{display: block; font-size: 20px; margin-left: 40px;}
div.content_box2 div.cont2 li:nth-child(1){background-image: url(../img_rectuit/welfare_01.jpg);}
div.content_box2 div.cont2 li:nth-child(2){background-image: url(../img_rectuit/welfare_02.jpg);}
div.content_box2 div.cont2 li:nth-child(3){background-image: url(../img_rectuit/welfare_03.jpg);}
div.content_box2 div.cont2 li:nth-child(4){background-image: url(../img_rectuit/welfare_04.jpg);}
div.content_box2 div.cont2 li:nth-child(5){background-image: url(../img_rectuit/welfare_05.jpg);}
div.content_box2 div.cont2 li:nth-child(6){background-image: url(../img_rectuit/welfare_06.jpg);}
div.content_box2 div.cont2 li:nth-child(7){background-image: url(../img_rectuit/welfare_07.jpg);}
div.content_box2 div.cont2 li:nth-child(8){background-image: url(../img_rectuit/welfare_08.jpg);}
div.content_box2 div.cont2 li:nth-child(9){background-image: url(../img_rectuit/welfare_09.jpg);}
div.content_box2 div.cont2 li:nth-child(10){background-image: url(../img_rectuit/welfare_10.jpg);}

/* content_box3 */
div.content_box3{width: 1170px; background-color: #fff; border-top: 1px solid #eeecec; box-sizing: border-box;
    position: relative; padding: 100px 100px 60px 100px; overflow: hidden; margin-bottom: 100px;}

/* box3/cont1 */
div.content_box3 div.cont1{margin-top: 10px;}
div.content_box3 h3{font-size: 24px; font-weight: 480; position: relative; color: #373737;}
div.content_box3 h3::before{content: ""; width: 4px; height: 24px; background-color: #373737; float: left;
position: relative; top: 7px; margin-right: 15px;}
div.content_box3 div.cont1 span{float: left; margin-top: 35px; margin-left: 15px; font-size: 20px;}
div.content_box3 div.cont1 img{float: left; width: 950px; margin-top: 35px;}

/* box3/cont2 */
div.content_box3 div.cont2{margin-top: 100px; float: left;}
div.content_box3 div.cont2 ul{margin-top: 35px; margin-bottom: 30px; margin-left: 40px; font-size: 20px;}
div.content_box3 div.cont2 ul li{list-style: disc;}

/* box3/button */
div.content_box3 div.button{width: 970px; height: 60px; float: left;}
div.content_box3 div.button span{width: 170px; height: 60px; background-color: #f6ca00; color: #373737;
display: block; text-align: center; line-height: 60px; margin: 0 auto; transition: all 0.5s;}
div.content_box3 div.button span:hover{background-color: #f7be19;}

/* #footer_area 푸터영역 */
div#footer_area{height: 310px; background-color: #f2c000; color: #373737;}
div#footer_area footer{width: 1170px; height: 280px; margin: 0 auto; position: relative;}
div#footer_area footer ul{height: 90px; display: flex; justify-content: center; }
div#footer_area footer li{display: inline; margin-right: 12px; text-align: center; top: 47px; position: relative;}
div#footer_area footer ul+img{float: right; position: absolute; right: 0; top: 0;}
div#footer_area footer img.webaward{margin-top: 15px;}
div#footer_area footer li::after{content: ""; width: 2px; height: 14px; background-color: #000; float: right;
margin-top: 4px; margin-left: 10px;}
div#footer_area footer li:last-child::after{display: none;}
div#footer_area footer li:nth-child(5){font-weight: bold;}

div#footer_area footer hr{margin-bottom: 27px; height: 1px; background-color: rgba(50, 50, 50, 0.1);}

div#footer_area footer address{text-align: center; font-style: normal;}
div#footer_area footer address span{font-size: 13px;}

div#footer_area footer p {text-align: center; margin-top: 30px; font-size: 13px;}

div#footer_area footer div{width: 94px; height: 40px; position: absolute; bottom: 0; left: 50%; margin-left: -47px;}
div#footer_area footer div a{float: left; width: 40px; height: 40px;text-indent: -9999px; font-size: 0;
background-image: url(../imges/icon_sns_02.png); background-size: 200% 100%;}
div#footer_area footer div a.facebook{float: right; background-position: -40px;}