@charset "utf-8"; 

header.top_link{height:auto;margin:0 auto;}
div.top{text-align:left;font-size:0;height:100px;position:relative;padding:27px 215px 0 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
div.top h1.logo{display:inline-block;vertical-align:middle;width:170px;height:46px;}
div.top h1.logo a{display:flex;width:100%;height:46px;justify-content:center;align-items:center;}
div.top label.search_area{display:inline-block;vertical-align:middle;width:400px;height:46px;border:2px solid #4da2f7;border-radius:7px;position:relative;padding-right:50px;overflow:hidden;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;margin-left:36px;}
div.top label.search_area input{border:0;width:100%;height:100%;font-size:14px;padding:0 12px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
div.top label.search_area button.search_bt{background:none;border:0;outline:0;cursor:pointer;position:absolute;width:50px;height:100%;right:0;top:0;}
div.login_area{display:inline-block;vertical-align:middle;margin-left:30px;}
div.login_area a{display:inline-block;vertical-align:middle;font-size:15px;color:#4f5054;font-weight:400;margin-left:10px;padding:10px;}
div.login_area a:hover{color:#2f7ff3;}
div.login_area a:first-child{margin-left:0;}

div.top_banner{position:absolute;top:50%;right:0;margin-top:-29px;}
div.top_banner a{display:block;width:215px;height:58px;}

div.gnb_wrap{width:100%;border-top:1px solid #e5e5e5;border-bottom:1px solid #1d1e22;text-align:left;position:relative;}
div.gnb_wrap div.inner{width:1240px;margin:0 auto;font-size:0;}
div.gnb_wrap button.gnb_bt{width:51px;height:52px;background:url('/images/icon_gnb.jpg')no-repeat center;border:0;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;display:inline-block;vertical-align:top;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;cursor:pointer;font-size:0;}
div.gnb_wrap button.gnb_bt.on{background:url('/images/icon_gnb_close.jpg')no-repeat center;}
div.gnb_wrap ul.gnb_list{display:inline-block;vertical-align:top;font-size:0;}
div.gnb_wrap ul.gnb_list li{display:inline-block;vertical-align:top;margin-left:22px;}
div.gnb_wrap ul.gnb_list li a{display:block;height:52px;line-height:52px;font-size:16px;color:#111214;font-weight:400;padding:0 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
div.gnb_wrap ul.gnb_list li:hover a{font-weight:600;color:#2277f2;}

/* nav */
div.nav{display:none;position:absolute;top:53px;left:0;width:100%;background:#fbfbfb;padding:50px 0 125px 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-shadow:5px 5px 5px rgba(0,0,0,0.07);z-index:11;}
/* div.nav.on{display:block;} */
div.nav ul.nav_list{font-size:0;display:inline-block;vertical-align:top;}
div.nav ul.nav_list > li{display:inline-block;vertical-align:top;margin-left:100px;}
div.nav ul.nav_list > li:first-child{margin-left:0;}
div.nav ul.nav_list > li h3{font-size:16px;font-weight:400;color:#111214;padding:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
div.nav ul.nav_list > li ul.snb{}
div.nav ul.nav_list > li ul.snb li{}
div.nav ul.nav_list > li ul.snb li a{display:block;color:#616162;font-size:14px;font-weight:400;padding:10px;line-height:1.4;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
div.nav ul.nav_list > li ul.snb li:hover a{color:#2f7ff3;}
span.icon_arrow{width:8px;height:13px;display:inline-block;vertical-align:middle;background:url('/images/icon_arrow.png')no-repeat center;margin:-2px 0 0 8px;font-size:0;}

a.registration_bt{width:182px;height:185px;display:inline-block;vertical-align:top;background:url('/images/registration_bt_bg.jpg')no-repeat center;border-radius:18px;position:relative;margin:40px 0 0 90px;}
a.registration_bt p.add_txt{width:200px;height:73px;background:url('/images/add_txt_bg.png')no-repeat center;position:absolute;border-radius:10px;top:-30px;left:-34px;color:#fff;font-size:14px;font-family:'dotum';padding:7px 10px 7px 20px;line-height:1.4;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;text-align:left;}
a.registration_bt p.add_txt:before{content:'';display:block;position:absolute;}
a.registration_bt h5{font-size:18px;font-weight:700;color:#fff;text-align:center;margin-top:145px;}
/* nav 끝 */

div.page{width:100%;}
div.page div.inner{width:1240px;margin:0 auto;font-size:0;}

/* 메인 비쥬얼 */
div.main_visual{margin-top:16px;width:100%;height:379px;border-radius:25px;overflow:hidden;background:url('/images/main_visual.jpg')no-repeat center;padding:20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;text-align:left;}
div.main_visual div.txt{padding:25px 20px;}
div.main_visual h2{font-size:25px;color:#fff;font-weight:700;line-height:1.6;}
div.main_visual h3{font-size:20px;color:#fff;font-weight:300;line-height:1.6;}
div.main_visual ul.link_list{margin-top:3px;font-size:0;}
div.main_visual ul.link_list li{display:inline-block;vertical-align:middle;width:288px;height:214px;background-color:#fff;background-repeat:no-repeat;background-position:bottom;margin-left:16px;border-radius:18px;box-shadow:2px 3px 4px rgba(0,0,0,0.1);}
div.main_visual ul.link_list li:hover{box-shadow:2px 3px 4px rgba(0,0,0,0.3);}
div.main_visual ul.link_list li:nth-child(1){background-image:url('/images/icon_bg01.jpg');margin-left:0;}
div.main_visual ul.link_list li:nth-child(2){background-image:url('/images/icon_bg02.jpg');}
div.main_visual ul.link_list li:nth-child(3){background-image:url('/images/icon_bg03.jpg');}
div.main_visual ul.link_list li:nth-child(4){background-image:url('/images/icon_bg04.jpg');}

div.main_visual ul.link_list li a{display:block;padding:24px;height:100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
div.main_visual ul.link_list li a h4{font-size:20px;color:#000;font-weight:700;line-height:1.5;}
div.main_visual ul.link_list li a p{font-size:16px;color:#000;font-weight:300;line-height:1.5;}
/* 메인 비쥬얼 끝 */

/* 비쥬얼 하단 퀵링크 */
div.quick_link_box{padding:40px 0;overflow:hidden;}
div.quick_link_box div.left{width:870px;float:left;}
div.quick_link_box div.right{width:370px;padding:0 35px 0 45px;float:right;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
h3.box_tit{font-size:20px;color:#212121;font-weight:400;line-height:1.6;text-align:left;}

div.recruit_box ul.recruit_list{margin-top:20px;font-size:0;text-align:left;}
div.recruit_box ul.recruit_list li{border:1px solid #ddd;border-radius:19px;width:276px;height:176px;display:inline-block;vertical-align:top;margin-left:20px;padding:20px 15px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
div.recruit_box ul.recruit_list li:first-child{margin-left:0;}
div.recruit_box ul.recruit_list li.mark{position:relative;}
div.recruit_box ul.recruit_list li.mark:before{content:'';display:block;position:absolute;top:-3px;left:22px;width:48px;height:48px;background:url('/images/icon_mark.png')no-repeat center;}

div.recruit_box ul.recruit_list li div.logo{width:125px;text-align:left;margin-left:110px;}
div.recruit_box ul.recruit_list li div.logo img{max-width:100%; max-height:80px;}
div.recruit_box ul.recruit_list li h3{font-size:15px;color:#212121;font-weight:700;margin-top:20px;line-height:1.4;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
div.recruit_box ul.recruit_list li p{font-size:14px;color:#7b7b7b;font-weight:400;margin-top:5px;line-height:1.4;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}

div.quick_link_box div.right{}
div.quick_link_box div.right div.box{}
div.quick_link_box div.right div.box.notice{margin-top:25px;}
div.quick_link_box div.right div.box ul.board_list{margin-top:10px;}
div.quick_link_box div.right div.box ul.board_list li{text-align:left;margin-top:10px;}
div.quick_link_box div.right div.box ul.board_list li a{display:block;font-size:14px;font-weight:400;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
/* 비쥬얼 하단 퀵링크 끝 */

/* 신규 회원사 */
div.new_member_company{width:100%;background:#edf3ff;padding:40px 0 85px 0;position:relative;}
div.new_member_company div.inner{width:1240px;margin:0 auto;}

div.nmc_slide_wrap{width:calc(100% + 2px);width:-webkit-calc(100% + 2px);width:-moz-calc(100% + 2px);width:-o-calc(100% + 2px);margin-left:-1px;overflow:hidden;}
ul.nmc_slide{margin-top:20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
ul.nmc_slide li{height:156px;border:1px solid #d2e1ff;border-radius:18px;background:#fff;margin-right:18px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
ul.nmc_slide li > div{}
ul.nmc_slide li > div div.logo{height:156px;padding:0 20px 60px 20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;display:flex;align-items:center;justify-content:center;}
ul.nmc_slide li > div div.logo img{max-width:100%; max-height:80px;}
ul.nmc_slide li p{position:absolute;bottom:24px;left:0;font-size:15px;font-family:'dotum';color:#212121;font-weight:700;width:100%;}
div.new_member_company div.nmc_pagination{bottom:30px;}
div.new_member_company div.nmc_pagination .swiper-pagination-bullet{width:12px;height:12px;margin:0 6px;}
div.new_member_company div.nmc_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#4da2f7;}
/* 신규 회원사 끝 */

/* VIP 채용정보 */
div.vip_info{width:100%;padding:40px 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
ul.vip_info_list{margin-top:20px;text-align:left;font-size:0;}
ul.vip_info_list li{display:inline-block;vertical-align:top;width:20%;height:150px;border:1px solid #ddd;border-left:0;position:relative;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
ul.vip_info_list li:before{content:'';display:none;width:calc(100% + 2px);width:-webkit-calc(100% + 2px);width:-moz-calc(100% + 2px);width:-o-calc(100% + 2px);height:151px;position:absolute;top:-1px;left:-1px;border:3px solid #4da2f7;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;z-index:1;}
ul.vip_info_list li:hover:before{display:block;}
ul.vip_info_list li:nth-child(5n+1){border-left:1px solid #ddd;}

ul.vip_info_list li dl{cursor:pointer;display:block;width:100%;height:100%;padding:20px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
ul.vip_info_list li dl dt{font-size:14px;font-weight:700;color:#666;}
ul.vip_info_list li dl dd.main_tit{margin-top:10px;font-size:16px;font-weight:700;color:#3d61ad;line-height:1.4;overflow:hidden;height:45px;}
ul.vip_info_list li dl dd.position{margin-top:10px;font-size:14px;font-weight:300;color:#383D41;line-height:1.4;text-align:right;}
/* VIP 채용정보 끝 */

/* 배너 영역 */
div.banner{}
div.banner div.banner_area{}
div.banner div.banner_area img{vertical-align:top;max-width:100%;}
/* 배너 영역 끝 */

/* 채용정보 */
.employ_info{width:100%;padding: 40px 0;}
ul.employ_info_list{margin-top:20px;}
ul.employ_info_list li{ width: 100%;  border: 1px solid #ddd;margin-top: 5px; background-color: #fff;}
ul.employ_info_list li:first-child{margin-top:0;}
ul.employ_info_list li dl { clear: both; box-sizing: border-box; display: flex;  cursor: pointer; }
ul.employ_info_list li dt { position: relative; text-align: center;flex:0 0 200px; font-size: 14px; padding:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;border-left:2px solid #fff;}
ul.employ_info_list li dt img{max-width:140px;max-height:50px;}
ul.employ_info_list li dt p {margin-top:15px;text-align: center;font-weight:700;}

ul.employ_info_list li dd{ text-align: left;padding:10px 20px;line-height: 28px; font-size: 14px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
ul.employ_info_list li dd.detail{flex:1;}
ul.employ_info_list li dd.detail h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #001979;font-weight: bold;}
ul.employ_info_list li dd.detail h4{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
ul.employ_info_list li dd.detail p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;color:#383D41;font-weight:400;}
ul.employ_info_list li dd.what_where{flex:0 0 215px;}
ul.employ_info_list li dd.what_where p{font-size:14px;color:#383D41;font-weight:400;}
ul.employ_info_list li dd.date{flex:0 0 200px;display:flex;align-items:center;justify-content:center;}
ul.employ_info_list li dd p { font-size: 16px; font-weight: bold;}

ul.employ_info_list li:nth-child(2n) { margin-right: 0; background-color: #fff;}
ul.employ_info_list li .btn_1 { padding: 5px 15px; border: 1px solid #3d61ad; margin-right: 10px; background-color: #3d61ad; border-radius: 15px; color: #fff; font-size: 12px;}
ul.employ_info_list li .btn_2 { padding: 5px 15px; border: 1px solid #3d61ad; margin-right: 0px; background-color: #fff; border-radius: 15px; color: #444; font-size: 12px;}
ul.employ_info_list li i { font-size: 12px; }

ul.employ_info_list li:hover { border: 1px solid #4da2f7;}
ul.employ_info_list li:hover dt{ border-left:2px solid #4da2f7;}
/* 채용정보 끝 */

/* footer */
div.page_footer{border-top:2px solid #000;padding:25px 0 60px 0;margin-top:60px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
div.page_footer div.inner{overflow:hidden;}
div.page_footer div.inner h1.ft_logo{float:left;}
div.page_footer div.inner h1.ft_logo a{display:block;}
div.page_footer div.inner div.ft_info{float:left;padding:0 130px 0 45px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
div.page_footer div.inner div.ft_info ul.ft_link{font-size:0;}
div.page_footer div.inner div.ft_info ul.ft_link li{display:inline-block;vertical-align:middle;margin:0 35px;}
div.page_footer div.inner div.ft_info ul.ft_link li:first-child{margin-left:0;}
div.page_footer div.inner div.ft_info ul.ft_link li:first-child a{padding-left:0;}
div.page_footer div.inner div.ft_info ul.ft_link li a{font-weight:700;font-size:14px;color:#383d41;padding:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
div.page_footer div.inner div.ft_info div.ft_info_txt{margin-top:40px;}
div.page_footer div.inner div.ft_info div.ft_info_txt p{font-size:13px;line-height:1.6;color:#383d41;text-align:left;}
div.page_footer div.inner div.secure_site{float:right;margin-top:40px;}
/* footer 끝 */

/* 오른쪽 사이드 배너 */
div.aside_r_banner{width:170px;position:absolute;top:169px;left:calc(50% + 636px);left:-webkit-calc(50% + 636px);left:-moz-calc(50% + 636px);left:-o-calc(50% + 636px);z-index:10;}
div.arb_slide_wrap{overflow:hidden;padding-bottom:40px;position:relative;}
ul.arb_slide li{overflow:hidden;border-radius:10px;}
div.aside_r_banner div.arb_pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 3px;}
div.aside_r_banner div.arb_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#4da2f7;}
div.aside_r_banner a{display:block;overflow:hidden;border-radius:10px;}
div.aside_r_banner a img{vertical-align:top;}
div.aside_r_banner a.search_link{margin-top:5px;}
div.aside_r_banner a.kb_partners{margin-top:10px;}
/* 오른쪽 사이드 배너 끝 */

.box .my_service { clear: both; position: relative;  margin-left: auto; margin-right: auto; background: #fff; width: 100%;  }
.box .my_service h2 { font-size: 14px; font-weight: bold; margin-bottom: 10px; text-align: left;}
.box .my_service ul.status { width: 100%; display: inline-block;box-sizing: border-box; }
.box .my_service ul.status li { width: 68px; padding: 10px; border: 1px solid #ddd; float: left; margin-right: 10px; font-size: 12px;text-align: center; border-radius: 10px; }
.box .my_service ul.status li:first-child {  margin-left: 0; font-weight: normal; }
.box .my_service ul.status li:last-child { margin: 0; }
.box .my_service ul.status li span { clear: both; font-size: 18px; font-weight: bold; line-height: 30px;}

.box .my_service ul.status2 { width: 100%; display: inline-block;box-sizing: border-box; }
.box .my_service ul.status2 li { width: 46px; padding: 10px; border: 1px solid #ddd; float: left; margin-right: 5px; font-size: 12px;text-align: center; border-radius: 10px; }
.box .my_service ul.status2 li:first-child {  margin-left: 0; font-weight: normal; }
.box .my_service ul.status2 li:last-child { margin: 0; }
.box .my_service ul.status2 li span { clear: both; font-size: 18px; font-weight: bold; line-height: 30px;}

.n_button1 { background-color: #4da1f7; color: white !important; border-radius: 10%;}
.n_button1:active { background-color: #3d61ad; color: white !important; border-radius: 10%;}