@charset "UTF-8";

/* reset css */
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,
input,textarea,button{margin:0;padding:0;}
body,input,textarea,select,table,button{color:#010101;font-weight:normal; /* font-size:initial; */}
table {border-collapse:collapse; border-spacing:0;}
img{vertical-align: middle; border:0; max-width:100%;}
input,select,textarea{vertical-align:top;}
address,caption,th{font-style:normal; font-weight:normal;}
ol,ul,li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
.hidden{font-size:0 !important;height:0 !important;left:0 !important;line-height:0 !important;margin:0 !important;overflow:hidden !important;padding:0 !important;position:absolute !important;top:0 !important;width:0 !important;z-index:-1 !important;}

a{color:#010101;text-decoration:none;}
a:link,a:hover,a:active{text-decoration:none;}

/****************************************************/
/*					desktop css						*/
/****************************************************/
/* common css */
#main_banner{
width: 100%;
position:relative;
margin-bottom: 20px;
background: #000;
box-sizing: border-box;
background-size:cover !important;
}
#main_banner .txt_area {width:1080px;height: 280px;margin:0 auto;position:relative;z-index: 10;}
#main_banner .banner_desc {position:absolute;bottom:50px;left:20px;}
#main_banner .banner_desc:before {width:29px;height:5px;margin-bottom:10px;background:#fff;content:"";display:block;clear:both;}
#main_banner .banner_company_name{color: #ffffff; font-size: 35px; font-weight: 600; text-align: left; line-height: 35px; margin-bottom: 10px;}
#main_banner .banner_company_name .name {display:inline-block;vertical-align:middle;}
#main_banner .banner_company_name .company_sns_ico {display:inline-block;vertical-align:middle;}
#main_banner .banner_company_name .company_sns_ico:after {content:"";display:block;clear:both;}
#main_banner .banner_company_name .company_sns_ico ul li {float:left;padding:0 5px 0 5px;}
#main_banner .banner_company_name .company_sns_ico ul li.ico_scrap:after {
	width:1px;
	height:35px;
	background:rgba(255,255,255,.5);
	content:"";
	display:inline-block;
	clear:both;
	vertical-align:middle;
	margin:-3px 10px 0 15px;
}
#main_banner .banner_company_name .company_sns_ico ul li a {display:inline-block;border:2px solid #fff;background:rgba(0,0,0,.2);border-radius:50%;}
#main_banner .banner_company_name .company_sns_ico ul li a span {width:36px;height:36px;display:block;text-indent:-10000px;}
.public_bg:after {width:100%;background:rgba(0,0,0,.5);position:absolute;top:0px;bottom:0px;left:0px;display: block; content: ''; clear: both;}
.ico_scrap span {background: url(../images/des_t_ico_05.png) no-repeat 50% 50%;}
.ico_kakao span {background: url(../images/des_t_ico_01.png) no-repeat 50% 50%;background-size: 60%;}
.ico_facebook span {background: url(../images/des_t_ico_02.png) no-repeat 50% 50%;background-size: 70%;}
.ico_phone span {background: url(../images/des_t_ico_03.png) no-repeat 50% 50%;background-size: 70%;}
.ico_copy span {background: url(../images/des_t_ico_04.png) no-repeat 50% 50%;background-size: 60%;}
.scrap_on span {background: url(../images/des_t_ico_05_on.png) no-repeat 50% 50%;}
#main_banner .banner_desc{color: #ffffff; font-size: 25px; text-align: center; line-height: 25px;}
#wrapper{width: 980px; margin: 0 auto;}
.top_content, .middle_content{margin-bottom: 82px;}
.title_wrap h2{display:none;font-size: 36px; font-weight: 600; color: #646464; line-height: 36px; text-align: center;}
.title_wrap h3{font-size: 18px; font-weight: 400; color: #646464; text-align: center; margin-bottom: 19px;}
.list-row .col-sm-8 {
	width: 66.66666666666666% !important;
	background: none !important;
    height: auto !important;
    border: 0px !important;
    margin: 0px !important;
   }
section#companyDetailView:after {
    content: "";
    display: block;
    clear: both;
}

#companyDetailView .row:after {content: "";display: block;clear: both;}
#companyDetailView .img-responsive {
	height:auto;
	max-width:100%;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {	float:left}
.col-xs-12 {	width:100%}
.col-xs-11 {	width:91.66666666666666%}
.col-xs-10 {	width:83.33333333333334%}
.col-xs-9 {	width:75%}
.col-xs-8 {	width:66.66666666666666%}
.col-xs-7 {	width:58.333333333333336%}
.col-xs-6 {	width:50%}
.col-xs-5 {	width:41.66666666666667%}
.col-xs-4 {	width:33.33333333333333%}
.col-xs-3 {	width:25%}
.col-xs-2 {	width:16.666666666666664%}
.col-xs-1 {	width:8.333333333333332%}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {		float:left	}
.col-md-12 {		width:100%	}
.col-md-11 {		width:91.66666666666666%	}
.col-md-10 {		width:83.33333333333334%	}
.col-md-9 {		width:75%	}
.col-md-8 {		width:66.66666666666666%	}
.col-md-7 {		width:58.333333333333336%	}
.col-md-6 {		width:50%	}
.col-md-5 {		width:41.66666666666667%	}
.col-md-4 {		width:33.33333333333333%	}
.col-md-3 {		width:25%	}
.col-md-2 {		width:16.666666666666664%	}
.col-md-1 {		width:8.333333333333332%	}

@media screen and (max-width: 768px){
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {		float:left	}
	.col-sm-12 {		width:100%	}
	.col-sm-11 {		width:91.66666666666666%	}
	.col-sm-10 {		width:83.33333333333334%	}
	.col-sm-9 {		width:75%	}
	.col-sm-8 {		width:66.66666666666666%	}
	.col-sm-7 {		width:58.333333333333336%	}
	.col-sm-6 {		width:50%	}
	.col-sm-5 {		width:41.66666666666667%;	}
	.col-sm-4 {		width:33.33333333333333%	}
	.col-sm-3 {		width:25%	}
	.col-sm-2 {		width:16.666666666666664%	}
	.col-sm-1 {		width:8.333333333333332%	}

	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {	float:left}
	.col-xs-12 {	width:100%}
	.col-xs-11 {	width:91.66666666666666%}
	.col-xs-10 {	width:83.33333333333334%}
	.col-xs-9 {	width:75%}
	.col-xs-8 {	width:66.66666666666666%}
	.col-xs-7 {	width:58.333333333333336%}
	.col-xs-6 {	width:50%}
	.col-xs-5 {	width:41.66666666666667%}
	.col-xs-4 {	width:33.33333333333333%}
	.col-xs-3 {	width:25%}
	.col-xs-2 {	width:16.666666666666664%}
	.col-xs-1 {	width:8.333333333333332%}
}

/* slide css */
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
/* .bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  fix other elements on the page moving (on Chrome)
  -webkit-transform: translatez(0);
}
* THEME
===================================
.bx-wrapper {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
LOADER
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('/file/download.do?d00=UlpEQXhERzl3Wlc1U1pYRjFaWE4wQzJReE1BeGZDMlF5TlF3TFpESTJER0o0WDJ4dllXUmxjaTVuYVdZTFpESTVER016TlRReFlqZGxMVEF5WXpJdE5EWTROQzA1WlRJMkxUVTBNVE15Wm1aa056QTBOd3M9&customValue=YhbLfTRb2RBaWmlnWg8492AeGbkbR348KI3SOcYwnyLKOwHUTxXn90nk8T09JEwr') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
PAGER
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #dedede;
  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;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #a1419e;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
DIRECTION CONTROLS (NEXT / PREV)
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('/file/download.do?d00=UlpEQXhERzl3Wlc1U1pYRjFaWE4wQzJReE1BeGZDMlF5TlF3TFpESTJER2x0WjE5d2NtVjJYMmxqYjI0dWNHNW5DMlF5T1F4a05XWXlaRE00Tnkxa04yTTFMVFF3T1RBdE9EWmhPUzFtWlRZME9UTXlOR1F5WWpBTA==&customValue=YhbLfTRb2RBaWmlnWg8492AeGbkbR348KI3SOcYwnyLnBZ5alECVlZoFib4RgGEc') no-repeat;
  background-size: 64px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('/file/download.do?d00=UlpEQXhERzl3Wlc1U1pYRjFaWE4wQzJReE1BeGZDMlF5TlF3TFpESTJER2x0WjE5dVpYaDBYMmxqYjI0dWNHNW5DMlF5T1F4bFlUVm1OMlJrWlMwM05XUm1MVFJsT0dVdE9HSmtaUzFoT1RBME1qVTRPR1JqTVRjTA==&customValue=YhbLfTRb2RBaWmlnWg8492AeGbkbR348KI3SOcYwnyIxv4xQMFIbfEuDwm2zy%252F2S') no-repeat;
  background-size: 64px;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -32px;
  outline: 0;
  width: 64px;
  height: 64px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
 */
/* top content css */
/* goodjob reason css */
.top_content .goodjob_reason{text-align: center;}
.top_content .goodjob_reason img{max-width: 100%;}

/* number infographic css */
.top_content .num_infographic_list{width: 100%; margin: 82px 0; font-size: 0; line-height: 0;}
.top_content .num_infographic_list li{vertical-align: top; width: 25%; display: inline-block; text-align: center; padding: 0 2%; box-sizing: border-box;}
.top_content .num_infographic_list li .title{font-weight: 600; font-size: 42px; line-height: 42px; color: #a0419d; margin-bottom: 10px;}
.top_content .num_infographic_list li .desc{font-weight: 600; font-size: 18px; line-height: 24px; color: #666666;}

/* image infographic css */
.top_content .image_infographic_list{width: 100%; font-size: 0; line-height: 0; text-align: center;}
.top_content .image_infographic_list li{vertical-align: top; display: inline-block; width: 33%;}
.top_content .image_infographic_list li img{max-width: 100%; border: 2px solid #dedede;}

/* middle content css */
/* company service css */
.service_desc_wrap{margin-top: 58px;}
.service_desc_wrap .service_image{text-align: center;}
.service_desc_wrap .service_txt{width: 700px; margin: 30px auto 0;}
.service_desc_wrap .service_txt .service_title{font-size: 28px; line-height: 34px; color: #F57927;}
.service_desc_wrap .service_txt .service_desc{margin-top: 10px; font-size: 18px; line-height: 28px;}

/* company story css */
.company_story{margin-top: 82px; padding-top: 82px; border-top: 1px solid #dedede;}
.story_desc_wrap{margin-top: 58px;}
.story_desc_wrap .story_image{text-align: center;}
.story_desc_wrap .story_txt{width: 700px; margin: 30px auto 0;}
.story_desc_wrap .story_txt .story_title{text-decoration: underline; font-size: 34px; line-height: 36px; color: #475e6c; font-weight: 600; margin-bottom: 15px;}
.story_desc_wrap .story_txt .story_sub_title{font-size: 24px; line-height: 32px; font-weight: 400; margin-bottom: 25px;}
.story_desc_wrap .story_txt .story_desc{font-size: 18px; line-height: 28px; margin-bottom: 20px;}
.story_desc_wrap .story_txt .desc_title{color: #F57927;}

/* company welfare css */
.company_welfare{margin-top: 82px; padding-top: 82px; border-top: 1px solid #dedede;}
.company_welfare .basic_welfare{width: 700px; margin: 50px auto 0; font-size: 0; line-height: 0;}
.company_welfare .basic_welfare li{vertical-align: middle; display: inline-block;  width: 50%; min-height: 75px; padding: 0 25px 0 85px; box-sizing: border-box;}
.company_welfare .basic_welfare li.growth{background-image: url('/file/download.do?d00=UlpEQXhERzl3Wlc1U1pYRjFaWE4wQzJReE1BeGZDMlF5TlF3TFpESTJER2x0WjE5bmNtOTNkR2hmYVdOdmJpNXdibWNMWkRJNURHSmpaRFUxWm1WakxXVm1ZV1l0TkRNeU5TMDROVFEwTFdVM1pqRmxOak16WXprME5ncz0=&customValue=YhbLfTRb2RBaWmlnWg849zBzUAChVdMbkBcTXvrcXbQold%252FYWPURY9aQRrx7rsUL'); background-repeat: no-repeat;}
.company_welfare .basic_welfare li.atmosphere{background-image: url('/file/download.do?d00=UlpEQXhERzl3Wlc1U1pYRjFaWE4wQzJReE1BeGZDMlF5TlF3TFpESTJER2x0WjE5aGRHMXZjM0JvWlhKbFgybGpiMjR1Y0c1bkMyUXlPUXd5WmpSak5tUTBOUzFoTVRjeExUUmlOMkV0T0dOa05pMW1NV013TldNMU16WmhNVE1M&customValue=YhbLfTRb2RBaWmlnWg849zBzUAChVdMbkBcTXvrcXbRCe%252BRV4rTcdxJ3DlJGksN7'); background-repeat: no-repeat;}
.company_welfare .basic_welfare li.life{background-image: url('/file/download.do?d00=UlpEQXhERzl3Wlc1U1pYRjFaWE4wQzJReE1BeGZDMlF5TlF3TFpESTJER2x0WjE5c2FXWmxYMmxqYjI0dWNHNW5DMlF5T1F3eU9XWXdZVGt3WWkwM01XSm1MVFF5TldRdFlUWXhOeTFqTURKbE5Ea3dOemt4WVdFTA==&customValue=YhbLfTRb2RBaWmlnWg849zBzUAChVdMbkBcTXvrcXbR4VApQa0FAFB5kdqEeyfq5'); background-repeat: no-repeat;}
.company_welfare .basic_welfare li.rest{background-image: url('/file/download.do?d00=UlpEQXhERzl3Wlc1U1pYRjFaWE4wQzJReE1BeGZDMlF5TlF3TFpESTJER2x0WjE5eVpYTjBYMmxqYjI0dWNHNW5DMlF5T1F3NU5URTRZamd5WXkwMU1tTTVMVFE1TVRNdE9XVmlaQzA0WVdReE16SXdOMlUyWXprTA==&customValue=YhbLfTRb2RBaWmlnWg849zBzUAChVdMbkBcTXvrcXbQqRmrObZjeH1KuKJ8EgLl4'); background-repeat: no-repeat;}
.company_welfare .basic_welfare li:nth-child(1),
.company_welfare .basic_welfare li:nth-child(2){margin-bottom: 20px;}
.company_welfare .basic_welfare li .welfare_title{font-size: 16px; font-weight: 600; line-height: 22px; color: #a0419d;}
.company_welfare .basic_welfare li .welfare_desc{font-size: 14px; line-height: 20px;}

.company_welfare .welfare_list{width: 700px; margin: 50px auto 0; font-size: 0; line-height: 0;}
.company_welfare .welfare_list li{vertical-align: middle; display: inline-block; width: 33.3333%; padding: 0.5%; box-sizing: border-box;}
.company_welfare .welfare_list li img{max-width: 100%;}

/* interviewee css */
.company_interview{margin-top: 82px; padding-top: 82px; border-top: 1px solid #dedede;}
.company_interview .interviewee_list{width: 700px; margin: 50px auto 0;}
.company_interview .interviewee_list .interviewee_title{font-size: 22px; line-height: 28px; font-weight: 600; color: #475e6c; margin-bottom: 20px;}
.company_interview .interviewee_list .interviewee_profile{text-align: center; margin-bottom: 20px;}
.company_interview .interviewee_list .interviewee_profile img{max-width: 100%; margin-bottom: 15px;}
.company_interview .interviewee_list .interviewee{margin-bottom: 45px;}
.company_interview .interviewee_list .interview_desc{font-size: 16px; line-height: 26px;}
.company_interview .interviewee_list .interview_desc .desc_title{color: #dc6041;}
.company_interview .interviewee_list .interview_desc div{margin-bottom: 20px;}
.company_interview .interviewee_list .interview_desc div img{max-width: 100%; display: block; margin: 0 auto;}

/* recruit talent css */
.company_recruit_talent{margin-top: 82px; padding-top: 82px; border-top: 1px solid #dedede;}
.company_recruit_talent .recruit_talent_image{width: 700px; margin: 50px auto 0; text-align: center;}
.company_recruit_talent .recruit_talent_image img{max-width: 100%;}

/* gellery css */
.company_gellery{margin-top: 82px; padding-top: 82px; border-top: 1px solid #dedede;}
.company_gellery .gellery_wrap{width: 700px; margin: 50px auto 0; text-align: center; font-size: 0; line-height: 0;}
.company_gellery .gellery_wrap ul{width: 100%; padding: 2px;}
.company_gellery .gellery_wrap ul li img{width: 100%;}

/* contact css */
.company_contact{margin-top: 82px; padding-top: 82px; border-top: 1px solid #dedede;}
.company_contact .company_contact_info{width: 342px; min-height: 319px; margin: 50px auto 0;}
.company_contact .company_contact_info .contact_header{font-size: 18px; line-height: 18px; font-weight: 600; margin-bottom: 20px; color: #a0419d;}
.company_contact .company_contact_info .info_txt{width: 350px; min-height: 17px; margin-bottom: 15px; font-size: 0; line-height: 0;}
.company_contact .company_contact_info .info_txt span{display: inline-block; vertical-align: top;}
.company_contact .company_contact_info .info_txt .txt_label{
	width: 55px; font-size: 16px; font-weight: 600; line-height: 16px; color: #a0419d;
	padding-right: 8px; margin-right: 8px; border-right: 2px solid #a0419d; box-sizing: border-box;
}
.company_contact .company_contact_info .info_txt .txt_con{width: 265px; font-size: 16px; font-weight: 600; line-height: 20px; color: #333333;}
.company_contact .company_contact_info .etc_info{height: 47px; margin-top: 20px; display: block; text-align: center;}
.company_contact .company_contact_info .etc_info span a{display: inline-block; width: 47px; height: 47px;}
.company_contact .company_contact_info .etc_info .icon{width: 47px; height: 47px;}
.company_contact .company_contact_info .etc_info span{margin-right: 5px;}
.company_contact .company_contact_info .etc_info .last{margin-right: 0;}


/* 아이콘 */
	.company_info_outer {position:relative;}
	.company_info_outer .back {width:100%;position:absolute;top:0;bottom:0;z-index:100;}
	.company_info_wrap .bx-wrapper {box-shadow:none;border:none;margin:0;}
	.company_info_wrap {width:1080px;margin:0 auto;padding:20px 0 0px 0;}
	.company_info_wrap:after {content:"";display:block;clear:both;}
	.company_info_wrap li {margin-left:0px;float:left;}
	.company_info_wrap .swiper-wrapper {display:block;}
	.company_info_wrap li:first-child,	.company_info_wrap li:nth-child(5n)  {margin-right:0;}
	.company_info_wrap li:nth-child(5n)  {margin-right:0 !important;}
	.company_info_wrap .tit {padding:0 0 20px 0;font-size:18px;color:#1f1f1f;text-align:center;font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';font-weight:600;}
	.company_info_wrap .tit:before {width:29px;height:4px;background:#80817d;margin:0 auto;margin-bottom:5px;content:"";display:block;clear:both;}
	.company_info_wrap .ico_box {width:205px;height:184px;padding:25px 10px 0 10px;border:1px solid #ccc;background:#f4f4f4;text-align:center;}
	.company_info_wrap .ico_box .ico img {display:inline-block;}
	/* .company_info_wrap .ico_box:before {
		width:88px;
		height:88px;
		margin:0 auto;
		margin-bottom:10px;
		content:"";
		display:block;
		clear:both;
		background-repeat:no-repeat;
		background-position: 40% 40%;
		background-size:100% !important;
	} */
	.company_info_wrap .ico_txt {width:100%;height:50px;display:table;font-size:16px;color:#1f1f1f;text-align:center;}
	.company_info_wrap .ico_txt span {display:table-cell;vertical-align:middle;letter-spacing:-1px;}
	#main_banner .banner_company_name {position:absolute;left:22px;top:50px;}
/*
	.company_info_wrap .company_ico01:before {background-image:url(../images/ico_com_01.png);}
	.company_info_wrap .company_ico02:before {background-image:url(../images/ico_com_02.png);}
	.company_info_wrap .company_ico03:before {background-image:url(../images/ico_com_03.png);}
	.company_info_wrap .company_ico04:before {background-image:url(../images/ico_com_04.png);}
	.company_info_wrap .company_ico05:before {background-image:url(../images/ico_com_05.png);}
	.company_info_wrap .company_ico06:before {background-image:url(../images/ico_com_06.png);}
	.company_info_wrap .company_ico07:before {background-image:url(../images/ico_com_07.png);}
	.company_info_wrap .company_ico08:before {background-image:url(../images/ico_com_08.png);}
	.company_info_wrap .company_ico09:before {background-image:url(../images/ico_com_09.png);}
	.company_info_wrap .company_ico10:before {background-image:url(../images/ico_com_10.png);}
	.company_info_wrap .company_ico11:before {background-image:url(../images/ico_com_11.png);}
	.company_info_wrap .company_ico12:before {background-image:url(../images/ico_com_12.png);}
	.company_info_wrap .company_ico13:before {background-image:url(../images/ico_com_13.png);}
	.company_info_wrap .company_ico14:before {background-image:url(../images/ico_com_14.png);}
	.company_info_wrap .company_ico15:before {background-image:url(../images/ico_com_15.png);}
	.company_info_wrap .company_ico16:before {background-image:url(../images/ico_com_16.png);}
	.company_info_wrap .company_ico17:before {background-image:url(../images/ico_com_17.png);}
	.company_info_wrap .company_ico18:before {background-image:url(../images/ico_com_18.png);}
	.company_info_wrap .company_ico19:before {background-image:url(../images/ico_com_19.png);}
	.company_info_wrap .company_ico20:before {background-image:url(../images/ico_com_20.png);}
	.company_info_wrap .company_ico21:before {background-image:url(../images/ico_com_21.png);}
	.company_info_wrap .company_ico22:before {background-image:url(../images/ico_com_22.png);}
	.company_info_wrap .company_ico23:before {background-image:url(../images/ico_com_23.png);}
	.company_info_wrap .company_ico24:before {background-image:url(../images/ico_com_24.png);}
	.company_info_wrap .company_ico25:before {background-image:url(../images/ico_com_25.png);}
	.company_info_wrap .company_ico26:before {background-image:url(../images/ico_com_26.png);}
	.company_info_wrap .company_ico27:before {background-image:url(../images/ico_com_27.png);}
	.company_info_wrap .company_ico28:before {background-image:url(../images/ico_com_28.png);}
	.company_info_wrap .company_ico29:before {background-image:url(../images/ico_com_29.png);}
	.company_info_wrap .company_ico30:before {background-image:url(../images/ico_com_30.png);}
	.company_info_wrap .company_ico31:before {background-image:url(../images/ico_com_31.png);}
	.company_info_wrap .company_ico32:before {background-image:url(../images/ico_com_32.png);}
	.company_info_wrap .company_ico33:before {background-image:url(../images/ico_com_33.png);}
	.company_info_wrap .company_ico34:before {background-image:url(../images/ico_com_34.png);}
	.company_info_wrap .company_ico35:before {background-image:url(../images/ico_com_35.png);}
*/
/****************************************************/
/*					tablet css						*/
/****************************************************/
@media screen and (max-width: 980px){
	/* common css */
	#wrapper{width: 100%; padding: 15px; box-sizing: border-box;}
	.top_content, .middle_content{margin-bottom: 55px;}
	.title_wrap h2{font-size: 30px; font-weight: 600; color: #646464; line-height: 36px; text-align: center;}
	.title_wrap h3{font-size: 16px; font-weight: 400; color: #646464; text-align: center; margin-bottom: 14px;}

	/* number infographic css */
	.top_content .num_infographic_list{margin: 55px 0;}
	.top_content .num_infographic_list li{width: 50%;}
	.top_content .num_infographic_list li:nth-child(1),
	.top_content .num_infographic_list li:nth-child(2){margin-bottom: 40px;}
	.top_content .num_infographic_list li .title{font-size: 36px; line-height: 42px;}
	.top_content .num_infographic_list li .desc{font-size: 16px; line-height: 20px;}

	/* image infographic css */
	.top_content .image_infographic_list{width: 100%; font-size: 0; line-height: 0; text-align: center;}
	.top_content .image_infographic_list li{vertical-align: top; display: inline-block; width: 33%;}
	.top_content .image_infographic_list li img{max-width: 100%; border: 2px solid #dedede;}

	/* middle content css */
	/* company service css */
	.service_desc_wrap{margin-top: 40px;}
	.service_desc_wrap .service_image{width: 100%; text-align: center;}
	.service_desc_wrap .service_image img{max-width: 100%;}
	.service_desc_wrap .service_txt{width: 100%; margin: 30px auto 0;}
	.service_desc_wrap .service_txt .service_title{font-size: 26px; line-height: 34px; color: #F57927;}
	.service_desc_wrap .service_txt .service_desc{margin-top: 10px; font-size: 16px; line-height: 26px;}

	/* company story css */
	.company_story{margin-top: 40px; padding-top: 40px;}
	.story_desc_wrap{margin-top: 40px;}
	.story_desc_wrap .story_image{text-align: center;}
	.story_desc_wrap .story_image img{max-width: 100%;}
	.story_desc_wrap .story_txt{width: 100%; margin: 30px auto 0;}
	.story_desc_wrap .story_txt .story_title{font-size: 26px; line-height: 34px;}
	.story_desc_wrap .story_txt .story_sub_title{font-size: 22px; line-height: 30px;}
	.story_desc_wrap .story_txt .story_desc{font-size: 16px; line-height: 26px;}
	.story_desc_wrap .story_txt .desc_title{color: #F57927;}

	/* company welfare css */
	.company_welfare{margin-top: 40px; padding-top: 40px;}
	.company_welfare .basic_welfare{width: 100%; margin: 30px auto 0;}
	.company_welfare .basic_welfare li{width: 100%; min-height: 75px; margin-bottom: 20px;}

	.company_welfare .welfare_list{width: 100%; margin: 30px auto 0;}
	.company_welfare .welfare_list li{width: 33.3333%;}
	.company_welfare .welfare_list li img{width: 100%;}

	/* interviewee css */
	.company_interview{margin-top: 40px; padding-top: 40px;}
	.company_interview .interviewee_list{width: 100%; margin: 30px auto 0;}
	.company_interview .interviewee_list .interviewee_profile{margin-bottom: 20px;}
	.company_interview .interviewee_list .interviewee_profile img{max-width: 100%;}
	.company_interview .interviewee_list .interviewee{margin-bottom: 35px;}

	/* recruit talent css */
	.company_recruit_talent{margin-top: 40px; padding-top: 40px;}
	.company_recruit_talent .recruit_talent_image{width: 100%; margin: 30px auto 0;}

	/* gellery css */
	.company_gellery{margin-top: 40px; padding-top: 40px;}
	.company_gellery .gellery_wrap{width: 100%; margin: 30px auto 0;}

	/* contact css */
	.company_contact{margin-top: 40px; padding-top: 40px;}
}

/****************************************************/
/*					mobile css						*/
/****************************************************/
@media screen and (max-width: 480px){
	/* common css */
	#wrapper{width: 100%; padding: 15px; box-sizing: border-box;}
	.top_content, .middle_content{margin-bottom: 35px;}
	.title_wrap h2{font-size: 28px; font-weight: 600; color: #646464; line-height: 36px; text-align: center;}
	.title_wrap h3{font-size: 14px; font-weight: 400; color: #646464; text-align: center; margin-bottom: 10px;}

	/* silde css */
	.bx-wrapper .bx-next{background-size: 32px;}
	.bx-wrapper .bx-prev{background-size: 32px;}
	.bx-wrapper .bx-controls-direction a{width: 32px; height: 32px; margin-top: -16px;}

	/* number infographic css */
	.top_content .num_infographic_list{margin: 35px 0;}
	.top_content .num_infographic_list li{width: 50%;}
	.top_content .num_infographic_list li:nth-child(1),
	.top_content .num_infographic_list li:nth-child(2){margin-bottom: 20px;}
	.top_content .num_infographic_list li .title{font-size: 28px; line-height: 28px;}
	.top_content .num_infographic_list li .desc{font-size: 14px; line-height: 18px;}

	/* image infographic css */
	.top_content .image_infographic_list{width: 100%; text-align: center;}
	.top_content .image_infographic_list li{width: 100%; margin-bottom: 20px;}
	.top_content .image_infographic_list li img{width: 100%; border: 2px solid #dedede;}

	/* middle content css */
	/* company service css */
	.service_desc_wrap{margin-top: 35px; padding-top: 35px;}
	.service_desc_wrap .service_image{width: 100%;}
	.service_desc_wrap .service_image img{max-width: 100%;}
	.service_desc_wrap .service_txt{width: 100%; margin: 20px auto 0;}
	.service_desc_wrap .service_txt .service_title{font-size: 24px; line-height: 32px; color: #F57927;}
	.service_desc_wrap .service_txt .service_desc{margin-top: 15px; font-size: 16px; line-height: 26px;}

	/* company story css */
	.company_story{margin-top: 35px; padding-top: 35px;}
	.story_desc_wrap{margin-top: 35px;}
	.story_desc_wrap .story_image{text-align: center;}
	.story_desc_wrap .story_image img{max-width: 100%;}
	.story_desc_wrap .story_txt{width: 100%; margin: 30px auto 0;}
	.story_desc_wrap .story_txt .story_title{font-size: 24px; line-height: 32px;}
	.story_desc_wrap .story_txt .story_sub_title{font-size: 18px; line-height: 28px; font-weight: 400;}
	.story_desc_wrap .story_txt .story_desc{font-size: 16px; line-height: 26px;}
	.story_desc_wrap .story_txt .desc_title{color: #F57927;}

	/* company welfare css */
	.company_welfare{margin-top: 35px; padding-top: 35px;}
	.company_welfare .basic_welfare{width: 100%; margin: 20px auto 0;}
	.company_welfare .basic_welfare li{ width: 100%; min-height: 59px; padding: 0 25px 0 75px;}
	.company_welfare .basic_welfare li.growth{background-image: url('/file/download.do?d00=UlpEQXhERzl3Wlc1U1pYRjFaWE4wQzJReE1BeGZDMlF5TlF3TFpESTJER2x0WjE5bmNtOTNkR2hmYVdOdmJsOXRiMkpwYkdVdWNHNW5DMlF5T1F4a05EVm1NVFUxWmkwNVl6VmxMVFF6TW1ZdFlUTTJOQzFoWkRNNE9XWmxOVEU1T0RJTA==&customValue=YhbLfTRb2RBaWmlnWg849zBzUAChVdMbkBcTXvrcXbRONJ8%252FnOhS2ecI5Se6adBC'); background-repeat: no-repeat; background-size: 59px;}
	.company_welfare .basic_welfare li.atmosphere{background-image: url('/file/download.do?d00=UlpEQXhERzl3Wlc1U1pYRjFaWE4wQzJReE1BeGZDMlF5TlF3TFpESTJER2x0WjE5aGRHMXZjM0JvWlhKbFgybGpiMjVmYlc5aWFXeGxMbkJ1Wnd0a01qa01aR0ZoT0RjellURXRZakZpWXkwME5HSm1MV0l6TldNdE5EVXpaVFJoWW1aaU9HWmhDdz09&customValue=YhbLfTRb2RBaWmlnWg849zBzUAChVdMbkBcTXvrcXbRWrC0WuXRRi2U1IcDI3Bde'); background-repeat: no-repeat; background-size: 59px;}
	.company_welfare .basic_welfare li.life{background-image: url('/file/download.do?d00=UlpEQXhERzl3Wlc1U1pYRjFaWE4wQzJReE1BeGZDMlF5TlF3TFpESTJER2x0WjE5c2FXWmxYMmxqYjI1ZmJXOWlhV3hsTG5CdVp3dGtNamtNWWpkak0yWTRZamt0WkRGa1lpMDBNbUZsTFRsbU1EWXRNMk00TWpabE1EWmlaV05rQ3c9PQ==&customValue=YhbLfTRb2RBaWmlnWg849zBzUAChVdMbkBcTXvrcXbTyGoz%252BOEPjFzeZKl2qo7yO'); background-repeat: no-repeat; background-size: 59px;}
	.company_welfare .basic_welfare li.rest{background-image: url('/file/download.do?d00=UlpEQXhERzl3Wlc1U1pYRjFaWE4wQzJReE1BeGZDMlF5TlF3TFpESTJER2x0WjE5eVpYTjBYMmxqYjI1ZmJXOWlhV3hsTG5CdVp3dGtNamtNT0dNd1lqSXdaVFF0TkdJMk1DMDBNRE0yTFRneU5ETXRZemRqTXpobU9XVTBPREF6Q3c9PQ==&customValue=YhbLfTRb2RBaWmlnWg849zBzUAChVdMbkBcTXvrcXbSNbdECx8pZ69i33L7QIh%252B%252B'); background-repeat: no-repeat; background-size: 59px;}

	.company_welfare .welfare_list{width: 100%; margin: 20px auto 0;}
	.company_welfare .welfare_list li{width: 50%;}
	.company_welfare .welfare_list li img{width: 100%;}

	/* interviewee css */
	.company_interview{margin-top: 35px; padding-top: 35px;}
	.company_interview .interviewee_list{width: 100%; margin: 20px auto 0;}
	.company_interview .interviewee_list .interviewee_title{font-size: 18px; line-height: 24px;}
	.company_interview .interviewee_list .interviewee_profile{margin-bottom: 15px;}
	.company_interview .interviewee_list .interviewee{margin-bottom: 25px;}
	.company_interview .interviewee_list .interview_desc{font-size: 16px; line-height: 26px;}
	.company_interview .interviewee_list .interview_desc div{margin-bottom: 20px;}

	/* recruit talent css */
	.company_recruit_talent{margin-top: 35px; padding-top: 35px;}
	.company_recruit_talent .recruit_talent_image{width: 100%; margin: 20px auto 0;}

	/* gellery css */
	.company_gellery{margin-top: 35px; padding-top: 35px;}
	.company_gellery .gellery_wrap{width: 100%; margin: 20px auto 0;}

	/* contact css */
	.company_contact{margin-top: 35px; padding-top: 35px;}

	#main_banner{
	width: 100%;
	margin-bottom: 20px;
	background-size:cover;
	}
	#main_banner .txt_area {width:100%;height: auto;padding-top:74%;}


}

@media screen and (max-width: 768px){
	#main_banner{
	width: 100%;
	margin-bottom:0px;
	height:auto !important;
	background-size:cover !important;
	background-image: url('../images/com_m_bg.jpg');
	background-repeat: no-repeat;
	}

	#main_banner .banner_desc{color: #ffffff; font-size: 14px;  line-height: 25px;padding:0 15px 0 0;}
	#main_banner .txt_area {width:100%;}
	.company_info_wrap {padding:15px 0 0px 0;}
	.company_info_wrap {width:100%;overflow:hidden;}
	.company_info_outer {padding:0 15px 0 15px;}
	.company_info_wrap .swiper-wrapper {display: flex;}
	.company_info_wrap .swiper-slide {display:block;}
	.company_info_wrap li {width:50%;}
	.company_info_wrap .ico_box {width:100%;height:auto;padding:15px 10px 10px 10px;border:1px solid #ccc;background:#f4f4f4;}
	.company_info_wrap .ico_box:before {width:88px;height:88px;margin-bottom:0px;}
	.company_info_wrap .ico_txt {width:100%;height:44px;display:table;font-size:13px;color:#1f1f1f;text-align:center;}
	.company_info_wrap .ico_txt span {display:table-cell;vertical-align:middle;letter-spacing:-1px;line-height:1.5;}
	#main_banner .banner_company_name .company_sns_ico {display:block;padding:20px 0 0 0;}
	#main_banner .banner_company_name .company_sns_ico ul li {padding:0 3px 0 3px;}
	#main_banner .banner_company_name .company_sns_ico ul li.ico_scrap:after {margin:-3px 7px 0 10px;}
	#main_banner .banner_company_name {font-size: 24px;line-height: 24px;}
	#main_banner .banner_company_name .company_sns_ico ul li a span {width: 30px;height: 30px;}

}