@CHARSET "UTF-8";

.clearfix:before,
.clearfix:after { content:""; display:table;}
.clearfix:after { clear:both;}
.clearfix { zoom:1;}

.dis_web { }
.dis_mob { display:none;}
.company {word-break: keep-all;}



/* COSMOCOS **********************************************************/
.company_cosmocos .header {background: url(../images/company/bg_header_01.jpg) no-repeat top center; background-size: cover;}
.company_cosmocos .header .header_wrap .seperate { font-weight: 100; font-family: Dotum;}
.company_cosmocos .header .header_wrap .tailtitle {  font-weight: 400; color:#807c7b; }
.company_cosmocos .section_01 {background: url(../images/company/bg_cmc_sec_01.jpg) no-repeat bottom right; background-size: cover;}
.company_cosmocos .section_01 .text_temp  {background: url(../images/company/txt_cmc_sec_01.png) no-repeat; width:340px; height:200px; padding:123px 0 0 395px;   }
.company_cosmocos .section_01 .text_temp .title { width:300px; font-size:1.6em; color:#464646; font-weight:700}
.company_cosmocos .section_01 .text_temp .text {  width:340px; font-size:1.2em; color:#464646; line-height:1.6em; margin-top:5px;}

.company_cosmocos .section_02 {background: url(../images/company/bg_cmc_sec_02.jpg) no-repeat bottom left; background-size: cover;}
.company_cosmocos .section_02 .text_temp  {background: url(../images/company/txt_cmc_sec_02.png) no-repeat; width:300px; height:200px; padding:123px 0 0 395px;  margin-left:490px;  }
.company_cosmocos .section_02 .text_temp .title { width:300px; font-size:1.6em; color:#464646; font-weight:700}
.company_cosmocos .section_02 .text_temp .text {  width:340px; font-size:1.2em; color:#464646; line-height:1.6em; margin-top:5px;}

.company_cosmocos .section_03 {background: url(../images/company/bg_cmc_sec_03.jpg) no-repeat center right; background-size: cover;}
.company_cosmocos .section_03 .text_temp  {background: url(../images/company/txt_cmc_sec_03.png) no-repeat; width:300px; height:200px; padding:123px 0 0 395px;   }
.company_cosmocos .section_03 .text_temp .title { width:300px; font-size:1.6em; color:#464646; font-weight:700}
.company_cosmocos .section_03 .text_temp .text {  width:300px; font-size:1.2em; color:#464646; line-height:1.6em; margin-top:5px;}

.company_cosmocos .section_04 {background: url(../images/company/bg_cmc_sec_04.jpg) no-repeat bottom center; background-size: cover;}
.company_cosmocos .section_04 .text_temp { width: 100%;  }

/*라인1*/
.company_cosmocos .section_04 .text_temp .line_1 { padding-top:100px; margin-left:486px}
.company_cosmocos .section_04 .text_temp .line_1 .title { border:1px #FFFFFF solid; box-sizing:border-box; width:230px; height:180px; float:left; padding:73px 0 0 0; text-align:center; font-size:2em; font-weight:300; color:#FFF; background:url(../images/company/bg_line.png) no-repeat center; }

.company_cosmocos .section_04 .text_temp .line_1 .contents { width:230px; height:140px; float:left; padding:0; text-align:center; margin-left:2px;}
.company_cosmocos .section_04 .text_temp .line_1 .contents .con_text { font-size:1em;}
.company_cosmocos .section_04 .text_temp .line_1 .contents .con_title { font-size:1.5em; font-weight:700; line-height:2em;}

.company_cosmocos .section_04 .text_temp .line_1 .contents2 { width:230px; height:140px; float:left; padding:0; text-align:center; margin-left:2px;}
.company_cosmocos .section_04 .text_temp .line_1 .contents2 .con_text { font-size:1em;}
.company_cosmocos .section_04 .text_temp .line_1 .contents2 .con_title { font-size:1.5em; font-weight:700; line-height:2em;}

/*라인2*/
.company_cosmocos .section_04 .text_temp .line_2 { margin-top:20px; margin-left:256px}
.company_cosmocos .section_04 .text_temp .line_2 .title { border:1px #FFFFFF solid; box-sizing:border-box; width:230px; height:180px; float:left; padding:73px 0 0 0; text-align:center; font-size:2em; font-weight:300; color:#FFF; background:url(../images/company/bg_line.png) no-repeat center; }

.company_cosmocos .section_04 .text_temp .line_2 .contents { width:230px; height:140px; float:left; padding:0; text-align:center;  margin-left:2px;}
.company_cosmocos .section_04 .text_temp .line_2 .contents .con_text { font-size:1em;}
.company_cosmocos .section_04 .text_temp .line_2 .contents .con_title { font-size:1.5em; font-weight:700; line-height:2em;}

.company_cosmocos .section_04 .text_temp .line_2 .contents2 { width:230px; height:140px; float:left; padding:0; text-align:center;  margin-left:2px;}
.company_cosmocos .section_04 .text_temp .line_2 .contents2 .con_text { font-size:1em;}
.company_cosmocos .section_04 .text_temp .line_2 .contents2 .con_title { font-size:1.5em; font-weight:700; line-height:2em;}

/*라인3*/
.company_cosmocos .section_04 .text_temp .line_3 { margin-top:20px; margin-left:25px}
.company_cosmocos .section_04 .text_temp .line_3 .title { border:1px #FFFFFF solid; box-sizing:border-box; width:230px; height:180px; float:left; padding:73px 0 0 0; text-align:center; font-size:2em; font-weight:300; color:#FFF; background:url(../images/company/bg_line.png) no-repeat center; }

.company_cosmocos .section_04 .text_temp .line_3 .contents { width:230px; height:140px; float:left; padding:60px 0 0 0; text-align:center; margin-left:2px;}
.company_cosmocos .section_04 .text_temp .line_3 .contents .con_text { font-size:1em;}
.company_cosmocos .section_04 .text_temp .line_3 .contents .con_title { font-size:1.5em; font-weight:700; line-height:2em;}

.company_cosmocos .section_04 .text_temp .line_3 .contents2 { width:230px; height:140px; float:left; padding:0; text-align:center;  margin-left:2px;}
.company_cosmocos .section_04 .text_temp .line_3 .contents2 .con_text { font-size:1em;}
.company_cosmocos .section_04 .text_temp .line_3 .contents2 .con_title { font-size:1.5em; font-weight:700; line-height:2em;}



.company_cosmocos .section_05 {background: url(../images/company/bg_cmc_sec_05.jpg) no-repeat bottom right; background-size: cover;}
.company_cosmocos .section_05 .text_temp {  }

/* CEO ***************************************************************/
.company_ceo .header {background: url(../images/company/bg_header_02.jpg) no-repeat top center; background-size: cover;}
.company_ceo .section_01 .content { background: url(../images/company/bg_ceo_sec_01.jpg) no-repeat 90% 75%; }
.company_ceo .section_01 .text_temp { }
.company_ceo .section_01 .text_temp .slogan { padding: 100px 0 0 0; }
.company_ceo .section_01 .text_temp .comment { font-size:2em; color:#0089d0; font-weight:700; margin:20px 0 0 346px;}
.company_ceo .section_01 .text_temp .text { width:580px; font-size:16px; line-height:1.6em;  margin:20px 0 0 346px; color:#1b1b1b;}
.company_ceo .section_01 .text_temp .sign { margin:20px 0 0 346px; }


/* Ci ***************************************************************/
.company_ci .header {background: url(../images/company/bg_header_03.jpg) no-repeat top center; background-size: cover;}
.company_ci .section_01 .content { }
.company_ci .section_01 .text_temp { }
.company_ci .section_01 .text_temp img { width:100%}
.company_ci .section_01 .text_temp .comment { text-align:left; font-size:1.4em; line-height:1.8em; margin-top:30px; }

/* 20160830 추가 */
.company_ci .section_01 .text_temp .bg_grey { width:94%; background:#f5f5f5; padding:3%; margin-top:50px;}
.company_ci .section_01 .text_temp .bg_grey .title { width:100%; font-size:1.6em; color:#464646; font-weight:500; }
.company_ci .section_01 .text_temp .bg_grey .description { width:100%; font-size:1.85em; color:#0089d0; font-weight:300; margin:20px 0 0 0 }
.company_ci .section_01 .text_temp .bg_grey .comments { width:100%; font-size:1.15em; color:#464646; margin:10px 0 0 0; line-height:1.5em; }

.company_ci .section_01 .text_temp .pos_left { width:430px; float:left; margin-top:10px;}
.company_ci .section_01 .text_temp .pos_left .bg_blue {width:100%; background:#0089d0; padding:8%; height:326px; box-sizing:border-box;}/*1128 수정*/
.company_ci .section_01 .text_temp .pos_left .bg_blue .title { width:100%; font-size:1.6em; color:#fff; font-weight:500; }
.company_ci .section_01 .text_temp .pos_left .bg_blue .Slogan { width:249px; margin-top:27px;}
.company_ci .section_01 .text_temp .pos_left .bg_blue .description { width:100%; font-size:1.85em; color:#fff; font-weight:300; margin:20px 0 0 0 }
.company_ci .section_01 .text_temp .pos_left .bg_blue .comments { width:100%; font-size:1.15em; color:#fff; margin:10px 0 0 0; line-height:1.5em; }

.company_ci .section_01 .text_temp .pos_left .bg_white {width:100%; background:#fff; padding:8%; height:326px; margin-top:10px; border:1px #e1e1e1 solid; box-sizing:border-box;}/*1128 수정*/
.company_ci .section_01 .text_temp .pos_left .bg_white .title { width:100%; font-size:1.6em; color:#464646; font-weight:500; }
.company_ci .section_01 .text_temp .pos_left .bg_white .description { width:100%; font-size:1.85em; color:#0089d0; font-weight:300; margin:20px 0 0 0; line-height:1.3em; }
.company_ci .section_01 .text_temp .pos_left .bg_white .comments { width:100%; font-size:1.15em; color:#464646; margin:10px 0 0 0; line-height:1.5em; }


.company_ci .section_01 .text_temp .pos_right { width:760px;  float:right; margin-top:10px;}
.company_ci .section_01 .text_temp .pos_right iframe { width:100%; height:427px;}
.company_ci .section_01 .text_temp .pos_right .bg_white {width:100%; background:#fff; padding:5%; height:224px; margin-top:10px; border:1px #e1e1e1 solid; box-sizing:border-box;}
.company_ci .section_01 .text_temp .pos_right .bg_white .title { width:100%; font-size:1.6em; color:#464646; font-weight:500; }
.company_ci .section_01 .text_temp .pos_right .bg_white .description { width:100%; font-size:1.85em; color:#0089d0; font-weight:300; margin:20px 0 0 0; line-height:1.3em; }
.company_ci .section_01 .text_temp .pos_right .bg_white .comments { width:100%; font-size:1.15em; color:#464646; margin:10px 0 0 0; line-height:1.5em; }

/* HISTORY ***************************************************************/
.company_history .header {background: url(../images/company/bg_header_04.jpg) no-repeat top center; background-size: cover;}

.company_history .section_01 {background: url(../images/company/bg_history_sec_01.jpg) no-repeat bottom right; background-size: cover;}
.company_history .section_01 .title { margin:0 0 0 140px;}
.company_history .section_01 table  { width:50%; margin:30px 0 0 140px;}
.company_history .section_01 table tr th {padding-top:15px; vertical-align:top; font-size:16px; line-height:1.6em;}
.company_history .section_01 table tr td {padding-top:15px; vertical-align:top; font-size:16px; line-height:1.6em;}
.company_history .section_01 table tr th img {margin-right:10px; }

.company_history .section_02 {background: url(../images/company/bg_history_sec_02.jpg) no-repeat bottom right; background-size: cover;}
.company_history .section_02 .title { margin:0 0 0 140px;}
.company_history .section_02 table  { width:50%; margin:30px 0 0 140px;}
.company_history .section_02 table tr th {padding-top:15px; vertical-align:top; font-size:16px; line-height:1.6em; color:#FFF;}
.company_history .section_02 table tr td {padding-top:15px; vertical-align:top; font-size:16px; line-height:1.6em; color:#FFF;}
.company_history .section_02 table tr th img {margin-right:10px; }




/* rnd **********************************************************/
.company_rnd .header {background: url(../images/company/bg_header_05.jpg) no-repeat top center; background-size: cover;}
.company_rnd .section_01 {background: url(../images/company/bg_rnd_sec_01.jpg) no-repeat top right; background-size: cover;}
.company_rnd .section_01 .text_temp  {background: url(../images/company/img_rnd_no1.png) no-repeat; width:560px; height:423px;  padding:10px 0 0 295px;   }
.company_rnd .section_01 .text_temp .title { width:560px; font-size:2.5em; color:#464646; font-weight:500}
.company_rnd .section_01 .text_temp .text {  width:530px; font-size:1.1em; color:#464646; line-height:1.6em; margin-top:15px; }

.company_rnd .section_02 {background: url(../images/company/bg_rnd_sec_02.jpg) no-repeat bottom left; background-size: cover;}
.company_rnd .section_02 .text_temp  {background: url(../images/company/img_rnd_no2.png) no-repeat; width:300px; height:423px;  padding:10px 0 0 295px;  margin-left:530px;  }
.company_rnd .section_02 .text_temp .title { width:300px; font-size:2.5em; color:#464646; font-weight:500}
.company_rnd .section_02 .text_temp .text {  width:300px; font-size:1.1em; color:#464646; line-height:1.6em; margin-top:5px;}
.company_rnd .section_02 .text_temp .description { width:270px; font-size:1.1em; color:#464646; line-height:1.6em; margin-top:15px; margin-left:-7px; background:#FFF; padding:10px; color:#a59890}

.company_rnd .section_03 {background: url(../images/company/bg_rnd_sec_03.jpg) no-repeat center right; background-size: cover;}
.company_rnd .section_03 .text_temp  {background: url(../images/company/img_rnd_no3.png) no-repeat; width:400px; height:423px; padding:10px 0 0 295px; margin-top:200px;   }
.company_rnd .section_03 .text_temp .title { width:560px; font-size:2.5em; color:#464646; font-weight:500}
.company_rnd .section_03 .text_temp .text {  width:600px; font-size:1.1em; color:#464646; line-height:1.6em; margin-top:15px; }



/* family  **********************************************************/                                                     
#container.company h3 { top: 50px; }
#container.company .content .content_wrap { width: 100%; margin: 10% auto; }
.company_family .header {background: url(../images/company/bg_header_07.jpg) no-repeat top center; background-size: cover;}
.company_family .tab .tab_header li { width: 25%; border-left: none; }
.company_family .tab .tab_header li:FIRST-CHILD { border-left: 1px solid #cecece }
.company_family .bottom .list_line li { margin: 0 0 12px 0;  overflow: hidden; }
.company_family .bottom .list_line li .cont_info { padding:0 10px 10px 0; }
.company_family .bottom .list_line li .cont_info .tit_subject { line-height: normal; font-size: 22px; font-weight: 500; color: #3f3f3f; margin-bottom:0px; }/*1128수정 margin-bottom:10px*/
.company_family .bottom .list_line li .cont_info .tit_desc {  line-height: normal; font-size: 17px; font-weight: 300; color: #3f3f3f; overflow: hidden; }
.company_family .bottom .list_line li .cont_thumb { float: left; width: 26%; margin: 0 3.3% 0 0;  box-sizing: border-box; border: 1px solid #cecece; text-align: center;}
.company_family .bottom .list_line li .cont_thumb .img_thumb { display: block; width: 100%; }

.company_family .bottom .list_line li .cont_info .btns { position: relative; padding:10px 0 0 0; font-size: 17px; }/*1128수정 padding:40px*/
.company_family .bottom .list_line li .cont_info .btns a { color:#0094db; }


/* recruit  **********************************************************/                                                     

.company_recruit .header {background: url(../images/company/bg_header_08.jpg) no-repeat top center; background-size: cover;}

.company_recruit .section_01 {background: url(../images/company/bg_recruit_sec_01.jpg) no-repeat bottom right; background-size: cover;}
.company_recruit .section_01 .text_temp  { padding-top:30px;}
.company_recruit .section_01 .text_temp .title { width:95%; margin:0 auto; font-size:1.9em; line-height:1.4em; color:#464646; text-align:center;}
.c_blue { color:#0089d0;}
.c_grey { color:#d8dadb;}
.company_recruit .section_01 .text_temp .slogan { font-size:5em; font-weight:900; margin-top:10px;}
.company_recruit .section_01 .text_temp .massage { font-size:1.7em; font-weight:500; margin-top:7px;}
.company_recruit .section_01 .text_temp .text { font-size:1.2em; margin-top:5px; }


.company_recruit .section_02 {}
.company_recruit .section_02 .text_temp  { }
.company_recruit .section_02 .text_temp .title { width:95%; margin:0 auto; font-size:1.9em; line-height:1.4em; color:#464646; text-align:center;}
.company_recruit .section_02 .text_temp .title .c_blue { color:#0089d0;}
.company_recruit .section_02 .text_temp ul { margin-top:50px;}
.company_recruit .section_02 .text_temp ul li { width:23%; float:left; margin:30px 1% 0 1%; background-repeat:no-repeat; background-size:contain; }
.company_recruit .section_02 .text_temp ul .c_1 {background-image:url(../images/company/bg_recruit_c1.png); }
.company_recruit .section_02 .text_temp ul .c_2 {background-image:url(../images/company/bg_recruit_c2.png);}
.company_recruit .section_02 .text_temp ul .c_3 {background-image:url(../images/company/bg_recruit_c3.png);}
.company_recruit .section_02 .text_temp ul .c_4 {background-image:url(../images/company/bg_recruit_c4.png);}
.company_recruit .section_02 .text_temp ul li .title {padding:44% 0 44% 0; text-align:center; font-size:1.4em; font-weight:500; color:#FFF;}
.company_recruit .section_02 .text_temp ul li .text {  width:100%; font-size:1.1em; color:#464646; line-height:1.6em; margin-top:30px; text-align:center; }

.company_recruit .section_03 {background: url(../images/company/bg_recruit_sec_03.jpg) no-repeat bottom right; background-size: cover;}
.company_recruit .section_03 .text_temp  { }
.company_recruit .section_03 .text_temp .title { width:95%; margin:0 auto; font-size:1.9em; line-height:1.4em; color:#464646; text-align:center;}
.company_recruit .section_03 .text_temp .step ul { margin-top:30px;}
.company_recruit .section_03 .text_temp .step ul li { width:23.5%; height:140px;  float:left; border:1px #FFFFFF solid; box-sizing:border-box; text-align:center; font-size:1.5em; font-weight:700; color:#FFF;}
.company_recruit .section_03 .text_temp .step ul .step_1 { background:url(../images/company/img_recruit_no1.png) no-repeat top right; padding:60px 50px 0 50px;}
.company_recruit .section_03 .text_temp .step ul .step_2 { background:url(../images/company/img_recruit_no2.png) no-repeat top right; padding:60px 50px 0 50px; margin-left:2%}
.company_recruit .section_03 .text_temp .step ul .step_3 { background:url(../images/company/img_recruit_no3.png) no-repeat top right; padding:25px 0px 0 0px; margin-left:2%}/*1128수정 padding:50px 50px 0 50px*/
.company_recruit .section_03 .text_temp .step ul .step_4 { background:url(../images/company/img_recruit_no4.png) no-repeat top right; padding:50px 30px 0 30px; margin-left:2%}/*1128수정 padding:50px 50px 0 50px*/

.company_recruit .section_03 .text_temp .noti ul { margin-top:20px;}
.company_recruit .section_03 .text_temp .noti ul li { width:44%;  float:left; padding: 30px 3% 0 3%;}
.company_recruit .section_03 .text_temp .noti ul .noti_1 { background:#e5e5e4; height:170px;}
.company_recruit .section_03 .text_temp .noti ul .noti_2 { background:#3393c4; color:#FFF; height:170px;}
.company_recruit .section_03 .text_temp .noti ul .noti_3 { background:rgba(61,114,141,.7); color:#FFF; height:140px;}
.company_recruit .section_03 .text_temp .noti ul .noti_4 { background:rgba(28,28,28,.7); color:#FFF; height:140px;}
.company_recruit .section_03 .text_temp .noti ul li .tit { font-size:2em;}
.company_recruit .section_03 .text_temp .noti ul li .text { font-size:1.1em; line-height:1.6; margin-top:10px;}
.company_recruit .section_03 .text_temp .noti ul li button { border:1px #FFFFFF solid; background:none; padding: 10px 18px 10px 18px; font-size:1em; color:#FFF; margin-top:10px;}

.company_recruit .section_03 .text_temp .add_text { text-align:center; font-size:1.2em; margin-top:30px; }

.company_recruit .sec_tit { width: 100%; text-align: center; }
.company_recruit .sec_tit h3 { position: static !important; margin: 0 0 12px 0; }
.company_recruit .sec_tit h4 { box-sizing: border-box; display: inline-block; *display: inline; zoom: 1; width: 246px; height: 40px; line-height: 40px; font-size: 20px; font-weight: 300; color: #292a2a; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; }


@media screen and (max-width:1200px) {
	
	/* COSMOCOS **********************************************************/	
	.company_cosmocos .section_02 {background: url(../images/company/bg_cmc_sec_02.jpg) no-repeat bottom left; background-size: cover;}
	.company_cosmocos .section_02 .text_temp  {background: url(../images/company/txt_cmc_sec_02.png) no-repeat; width:300px; height:200px; padding:123px 0 0 395px;  margin-left: 0px;  }
	.company_cosmocos .section_02 .text_temp .title { width:300px; font-size:1.6em; color:#464646; font-weight:700}
	.company_cosmocos .section_02 .text_temp .text {  width:300px; font-size:1.1em; color:#464646; line-height:1.6em; margin-top:5px;}
	
	.company_cosmocos .section_04 .text_temp .line_1 { padding-top:200px;  margin-left:10px}
	.company_cosmocos .section_04 .text_temp .line_2 {  margin-left:10px}
	.company_cosmocos .section_04 .text_temp .line_3 {  margin-left:10px}
	
	.company_cosmocos .section_05 {background: url(../images/company/bg_cmc_sec_05.jpg) no-repeat; background-position:-230px 0px; background-size: cover;}
	
	
	/* CEO ***************************************************************/
	.company_ceo .header {background: url(../images/company/bg_header_02.jpg) no-repeat top center; background-size: cover;}
	.company_ceo .section_01 .content { background: url(../images/company/bg_ceo_sec_01.jpg) no-repeat 90% 75%; }
	.company_ceo .section_01 .text_temp {  }
	.company_ceo .section_01 .text_temp img { width:100%;}
	.company_ceo .section_01 .text_temp .slogan {width:80%; padding-left:30px;}
	.company_ceo .section_01 .text_temp .comment { width:75%; font-size:2em; color:#0089d0; font-weight:700; margin:20px 0 0 5%;}
	.company_ceo .section_01 .text_temp .text {  width:75%; font-size:1.1em; line-height:1.6em;  margin:20px 0 0 5%; color:#393939;}
	.company_ceo .section_01 .text_temp .sign { width:20%; margin:20px 0 0 5%; }
	
	
	/* family  **********************************************************/  
	.company_family .bottom .list_line li .cont_info .tit_subject { line-height: normal; font-size: 22px; font-weight: 500; color: #3f3f3f; margin-bottom:10px; }
	.company_family .bottom .list_line li .cont_info .tit_desc { line-height: normal; font-size: 15px; font-weight: 300; color: #3f3f3f; overflow: hidden; }
	
	.company_family .bottom .list_line li .cont_info .btns { padding:20px 0 0 0; font-size: 15px; }
	
	
	/*  ci 20160830 추가 */
	
	.company_ci .section_01 .text_temp .pos_left { width:100%; float:inherit; margin-top:10px;}
	.company_ci .section_01 .text_temp .pos_left .bg_blue {width:49.5%; background:#0089d0; padding:4%; height: inherit; min-height:327px; box-sizing:border-box; float:left;}
	.company_ci .section_01 .text_temp .pos_left .bg_blue .title { width:100%; font-size:1.6em; color:#fff; font-weight:500;}
	.company_ci .section_01 .text_temp .pos_left .bg_blue .Slogan { width:60%; margin-top:27px;}
	.company_ci .section_01 .text_temp .pos_left .bg_blue .description { width:100%; font-size:1.85em; color:#fff; font-weight:300; margin:20px 0 0 0 }
	.company_ci .section_01 .text_temp .pos_left .bg_blue .comments { width:100%; font-size:1.15em; color:#fff; margin:10px 0 0 0; line-height:1.5em; }
	
	.company_ci .section_01 .text_temp .pos_left .bg_white {width:49.5%; background:#fff; padding:4%;height: inherit; min-height:327px; margin-top:0px; border:1px #e1e1e1 solid; box-sizing:border-box; float:right;}
	.company_ci .section_01 .text_temp .pos_left .bg_white .title { width:100%; font-size:1.6em; color:#464646; font-weight:500; }
	.company_ci .section_01 .text_temp .pos_left .bg_white .description { width:100%; font-size:1.85em; color:#0089d0; font-weight:300; margin:20px 0 0 0; line-height:1.3em; }
	.company_ci .section_01 .text_temp .pos_left .bg_white .comments { width:100%; font-size:1.15em; color:#464646; margin:10px 0 0 0; line-height:1.5em; }
	
	
	.company_ci .section_01 .text_temp .pos_right { width:100%;  float:inherit; margin-top:10px;}
	.company_ci .section_01 .text_temp .pos_right iframe { width:100%; height:427px;}
	.company_ci .section_01 .text_temp .pos_right .video {}
	.company_ci .section_01 .text_temp .pos_right .video .youtube_wrap {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
	.company_ci .section_01 .text_temp .pos_right .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	.company_ci .section_01 .text_temp .pos_right .bg_white {width:100%; background:#fff; padding:5%; height:224px; margin-top:10px; border:1px #e1e1e1 solid; box-sizing:border-box;}
	.company_ci .section_01 .text_temp .pos_right .bg_white .title { width:100%; font-size:1.6em; color:#464646; font-weight:500; }
	.company_ci .section_01 .text_temp .pos_right .bg_white .description { width:100%; font-size:1.85em; color:#0089d0; font-weight:300; margin:20px 0 0 0; line-height:1.3em; }
	.company_ci .section_01 .text_temp .pos_right .bg_white .comments { width:100%; font-size:1.15em; color:#464646; margin:10px 0 0 0; line-height:1.5em; }

	.company_rnd .section_02 .text_temp { width: 30%; height: auto; margin-left: 40%; }
}


@media screen and (max-width:1024px) {
	
	/* COSMOCOS **********************************************************/
	.company_cosmocos .section_05 {background: url(../images/company/bg_cmc_sec_05.jpg) no-repeat; background-position:-480px 20px; background-size: cover;}
	
	
	/* family  **********************************************************/
	.company_family .bottom .list_line li .cont_info { padding: 0px 10px 10px 0; }
	.company_family .bottom .list_line li .cont_info .tit_subject span { font-size: 22px; }
	.company_family .bottom .list_line li .cont_info .tit_desc { line-height: 18px; font-size: 15px; }
	
	
	/* rnd **********************************************************/
	.company_rnd .section_01 .text_temp  {background: url(../images/company/img_rnd_no1.png) no-repeat; width:560px; height:423px;  padding:10px 0 0 295px;   }
	.company_rnd .section_01 .text_temp .title { width:75%; font-size:2.5em; color:#464646; font-weight:500}
	.company_rnd .section_01 .text_temp .text {  width:75%; font-size:1.1em; color:#464646; line-height:1.6em; margin-top:15px; }
	
	.company_rnd .section_02 .text_temp  {background: url(../images/company/img_rnd_no2.png) no-repeat; width:40%; margin-left: 27%; padding:10px 0 0 295px;   }
	.company_rnd .section_02 .text_temp .title { width:100%; font-size:2.5em; color:#464646; font-weight:500}
	.company_rnd .section_02 .text_temp .text {  width:100%; font-size:1.1em; color:#464646; line-height:1.6em; margin-top:15px; }
	.company_rnd .section_02 .text_temp .description { 	width: 96%; font-size: 1.1em; color: #464646; line-height: 1.6em; margin-top: 15px; margin-left: -2%; background: #FFF; padding: 2%; color: #a59890;}
	
	
	.company_rnd .section_03 .text_temp  {background: url(../images/company/img_rnd_no3.png) no-repeat; width:560px; height:423px;  padding:10px 0 0 295px;   }
	.company_rnd .section_03 .text_temp .title { width:75%; font-size:2.5em; color:#464646; font-weight:500}
	.company_rnd .section_03 .text_temp .text {  width:75%; font-size:1.1em; color:#464646; line-height:1.6em; margin-top:15px; }

}

@media screen and (max-width:768px) {
		
	/* COSMOCOS **********************************************************/
	.company_ceo .section_01 .text_temp .text {  width:70%; font-size:1em; line-height:1.6em;  margin:20px 0 0 5%; color:#393939;}
	
	/* Ci ***************************************************************/
	
	.company_ci .section_01 .text_temp {  }
	.company_ci .section_01 .text_temp .comment { text-align:center; font-size:1em; line-height:1.6em; margin-top:30px; }
		
		
	/* rnd **********************************************************/
	.company_rnd .section_01 {background: url(../images/company/bg_rnd_sec_01_m.jpg) no-repeat bottom right; background-size: 45% auto;}
	.company_rnd .section_01 .text_temp  {	background: url(../images/company/img_rnd_no1.png) no-repeat; background-position: 0 0px; width: 90%; padding: 100px 0 50px 8%; background-size: 40% auto;}
	.company_rnd .section_01 .text_temp .title { width:60%; font-size:1.5em; color:#464646; font-weight:500}
	.company_rnd .section_01 .text_temp .text {  width:60%; font-size:1em; color:#464646; line-height:1.6em; margin-top:15px; }
	
	.company_rnd .section_02 {background: url(../images/company/bg_rnd_sec_02_m.jpg) no-repeat bottom left; background-size: cover;}
	.company_rnd .section_02 .text_temp  {background: url(../images/company/img_rnd_no2.png) no-repeat;  background-position:0 50px;  width:50%;  padding:150px 0 60px 8%; background-size: 70% auto; margin-left:40%;  }
	.company_rnd .section_02 .text_temp .title { width:100%; font-size:1.5em; color:#464646; font-weight:500}
	.company_rnd .section_02 .text_temp .text {  width:100%; font-size:1em; color:#464646; line-height:1.6em; margin-top:5px;}
	.company_rnd .section_02 .text_temp .description { width:90%; font-size:1em; color:#464646; line-height:1.6em; margin-top:15px; margin-left:-7px; background:#FFF; padding:10px; color:#a59890}
	
	.company_rnd .section_03 {background: url(../images/company/bg_rnd_sec_03_m.jpg) no-repeat center top; background-size: 100% auto;}
	.company_rnd .section_03 .text_temp  {	background: url(../images/company/img_rnd_no3.png) no-repeat; background-position: 0px 150px; width: 85%; height: auto; padding: 245px 0 10% 7%; background-size: 40% auto;}
	.company_rnd .section_03 .text_temp .title { width:100%; font-size:1.5em; color:#464646; font-weight:500;}
	.company_rnd .section_03 .text_temp .text {  width:100%; font-size:1em; color:#464646; line-height:1.6em; margin-top:5px;}
	
	
	/* family  **********************************************************/                                                  
	#container.company h3 { top: 30px; }
	#container.company h4 { top: 90px; }
	
/* 	#container.company .content .content_wrap { width: 100%; margin: 0 auto; padding: 110px 0 100px 0; } */
	
	.company_family .tab .tab_header  {  margin: 0 0 10px 0;}
	.company_family .bottom .list_line li .cont_thumb { float: none; width: 100%; margin: 0; text-align: center;}
	.company_family .bottom .list_line li .cont_thumb .img_thumb { width: 70%; margin:0 auto; }
	.company_family .bottom .list_line li .cont_info { padding:0 10px 10px 0; }
	.company_family .bottom .list_line li .cont_info .tit_subject span { font-size: 20px; }
	.company_family .bottom .list_line li .cont_info .tit_desc { line-height: 24px; font-size: 15px; }
	.company_family .bottom .list_line li .cont_info .btns { padding:20px 0 0 0; font-size: 15px; }
	

}

@media screen and (max-width:640px) {
		
	.dis_web { display:none;}
	.dis_mob { display:block;}	
	
		
	/* COSMOCOS **********************************************************/
	.company_cosmocos .header {background: url(../images/company/bg_header_01.jpg) no-repeat; background-size:2000px auto; background-position:0px -50px;}
	.company_cosmocos .header .header_wrap .seperate { font-weight: 100; font-family: Dotum; font-size:0.5em;}
	.company_cosmocos .header .header_wrap .tailtitle {  font-weight: 400; color:#807c7b;font-size:0.5em; }
	
	.company_cosmocos .section_01 {background: url(../images/company/bg_cmc_sec_01.jpg) no-repeat bottom right; background-size:700px auto;}
	.company_cosmocos .section_01 .text_temp  {background: url(../images/company/txt_cmc_sec_01_m.png) no-repeat; background-size: 300px auto; background-position: -20px 0; width: 300px; height: 200px; padding: 150px 0 0 20px;}
	.company_cosmocos .section_01 .text_temp .title { width:80%; font-size:1.6em; color:#464646; font-weight:700; }
	.company_cosmocos .section_01 .text_temp .text {  width:320px; font-size:1.1em; color:#464646; line-height:1.6em; margin-top:5px;}
	
	.company_cosmocos .section_02 {background: url(../images/company/bg_cmc_sec_02.jpg) no-repeat; background-position:-500px -100px; background-size:1700px auto;}
	.company_cosmocos .section_02 .text_temp  {background: url(../images/company/txt_cmc_sec_02_m.png) no-repeat; background-size:300px auto; background-position:-20px 50px; width:300px; height:200px; padding:200px 0 50px 20px;  margin-left:0px;  }
	.company_cosmocos .section_02 .text_temp .title { width:70%; font-size:1.6em; color:#464646; font-weight:700}
	.company_cosmocos .section_02 .text_temp .text {  width:320px; font-size:1.1em; color:#464646; line-height:1.6em; margin-top:5px;}
	
	.company_cosmocos .section_03 {background: url(../images/company/bg_cmc_sec_03_m.jpg) no-repeat top right;  background-size:600px auto;}
	.company_cosmocos .section_03 .text_temp  {	background: url(../images/company/txt_cmc_sec_03_m.png) no-repeat; background-size: 300px auto; background-position: -20px 50px; width: 300px; height: 200px; padding: 200px 0 50px 20px;}
	.company_cosmocos .section_03 .text_temp .title { width:70%; font-size:1.6em; color:#464646; font-weight:700}
	.company_cosmocos .section_03 .text_temp .text {  width:250px; font-size:1.1em; color:#464646; line-height:1.6em; margin-top:5px;}	
	
	.company_cosmocos .section_04 {background: url(../images/company/bg_cmc_sec_04.jpg) no-repeat bottom center; background-size: cover;}
	.company_cosmocos .section_04 .text_temp { width: 100%; margin: 10% 0 0 0; padding:30px 0 100px 0; }
	
	/*라인1*/
	.company_cosmocos .section_04 .text_temp .line_1 { padding-top: 0; margin-left: inherit;}
	.company_cosmocos .section_04 .text_temp .line_1 .title { border:1px #FFFFFF solid; box-sizing:border-box; width:80%; height:60px; margin:0 auto; float:inherit; padding:10px 0 0 0; text-align:center; font-size:2em; font-weight:300; color:#FFF; background:url(../images/company/bg_line.png) no-repeat center; }
	
	.company_cosmocos .section_04 .text_temp .line_1 .contents { width:80%; height:140px; margin:1px auto; float:inherit; padding:0; text-align:center; }
	.company_cosmocos .section_04 .text_temp .line_1 .contents .con_text { font-size:1em;}
	.company_cosmocos .section_04 .text_temp .line_1 .contents .con_title { font-size:1.5em; font-weight:700; margin-bottom:5px;}
	.company_cosmocos .section_04 .text_temp .line_1 .contents  li div { padding: 0 20px; text-align:left; }
	
	.company_cosmocos .section_04 .text_temp .line_1 .contents2 {  width:80%; height:140px; margin:1px auto; float:inherit; padding:0; text-align:center; }
	.company_cosmocos .section_04 .text_temp .line_1 .contents2 .con_text { font-size:1em;}
	.company_cosmocos .section_04 .text_temp .line_1 .contents2 .con_title { font-size:1.5em; font-weight:700;  margin-bottom:5px;}
	.company_cosmocos .section_04 .text_temp .line_1 .contents2  li div { padding: 0 20px; text-align:left; }
	
	/*라인2*/
	.company_cosmocos .section_04 .text_temp .line_2 { margin-top:20px; margin-left:inherit;}
	.company_cosmocos .section_04 .text_temp .line_2 .title { border:1px #FFFFFF solid; box-sizing:border-box; width:80%; height:60px; margin:0 auto; float:inherit; padding:10px 0 0 0; text-align:center; font-size:2em; font-weight:300; color:#FFF; background:url(../images/company/bg_line.png) no-repeat center; }
	
	.company_cosmocos .section_04 .text_temp .line_2 .contents { width:80%; height:140px; margin:1px auto; float:inherit; padding:0; text-align:center;  }
	.company_cosmocos .section_04 .text_temp .line_2 .contents .con_text { font-size:1em;}
	.company_cosmocos .section_04 .text_temp .line_2 .contents .con_title { font-size:1.5em; font-weight:700;  margin-bottom:5px;}
	.company_cosmocos .section_04 .text_temp .line_2 .contents  li div { padding: 0 20px; text-align:left; }
	
	.company_cosmocos .section_04 .text_temp .line_2 .contents2 { width:80%; height:140px; margin:1px auto; float:inherit; padding:0; text-align:center;  }
	.company_cosmocos .section_04 .text_temp .line_2 .contents2 .con_text { font-size:1em;}
	.company_cosmocos .section_04 .text_temp .line_2 .contents2 .con_title { font-size:1.5em; font-weight:700;  margin-bottom:5px;}
	.company_cosmocos .section_04 .text_temp .line_2 .contents2  li div { padding: 0 20px; text-align:left; }
	
	/*라인3*/
	.company_cosmocos .section_04 .text_temp .line_3 { margin-top:20px; margin-left:inherit;}
	.company_cosmocos .section_04 .text_temp .line_3 .title { border:1px #FFFFFF solid; box-sizing:border-box; width:80%; height:60px; margin:0 auto; float:inherit; padding:10px 0 0 0; text-align:center; font-size:2em; font-weight:300; color:#FFF; background:url(../images/company/bg_line.png) no-repeat center; }
	
	.company_cosmocos .section_04 .text_temp .line_3 .contents { width:80%; height:140px; margin:1px auto; float:inherit; padding:0; text-align:center;  }
	.company_cosmocos .section_04 .text_temp .line_3 .contents .con_text { font-size:1em;}
	.company_cosmocos .section_04 .text_temp .line_3 .contents .con_title { font-size:1.5em; font-weight:700;  margin-bottom:5px;}
	.company_cosmocos .section_04 .text_temp .line_3 .contents  li div { padding: 0 20px; text-align:left; }
	
	.company_cosmocos .section_04 .text_temp .line_3 .contents2 { width:80%; height:140px; margin:1px auto; float:inherit; padding:0; text-align:center; }
	.company_cosmocos .section_04 .text_temp .line_3 .contents2 .con_text { font-size:1em;}
	.company_cosmocos .section_04 .text_temp .line_3 .contents2 .con_title { font-size:1.5em; font-weight:700;  margin-bottom:5px;}
	.company_cosmocos .section_04 .text_temp .line_3 .contents2  li div { padding: 0 20px; text-align:left; }
	
	
	.company_cosmocos .section_05 {background: url(../images/company/bg_cmc_sec_05.jpg) no-repeat; background-position:-430px 0px; background-size: 1200px auto;}
	.company_cosmocos .section_05 .text_temp { 	padding: 20% 0 40% 0; text-align: center; }
	.company_cosmocos .section_05 .text_temp img { width:90%;}
	
	
	/* COSMOCOS **********************************************************/
	.company_ceo .section_01 .content { background: url(../images/company/bg_ceo_sec_01.jpg) no-repeat 103% 93%;  background-size: 80px auto; background-position: 90% 93%;}
	.company_ceo .section_01 .text_temp .comment { width:95%; font-size:1.4em; color:#0089d0; font-weight:700; margin:20px 0 0 5%;}
	.company_ceo .section_01 .text_temp .text2 {  width:90%; font-size:1em; line-height:1.6em;  margin:20px 0 0 5%; color:#393939;}
	.company_ceo .section_01 .text_temp .text {  width:85%; font-size:1em; line-height:1.6em;  margin:20px 0 0 5%; color:#393939;}
	.company_ceo .section_01 .text_temp .text1 {  width:70%; font-size:1em; line-height:1.6em;  margin:20px 0 0 5%; color:#393939;}
	
	/* Ci ***************************************************************/
	.company_ci .header {background: url(../images/company/bg_header_03_m.jpg) no-repeat top center; background-size: cover;}
	
	/* 20160830 추가 */
	
	.company_ci .section_01 .text_temp .pos_left { width:100%; float:inherit; margin-top:10px;}
	.company_ci .section_01 .text_temp .pos_left .bg_blue {width:100%; background:#0089d0; padding:8%; height: inherit; min-height:327px; box-sizing:border-box; float:inherit;}
	.company_ci .section_01 .text_temp .pos_left .bg_blue .title { width:100%; font-size:1.6em; color:#fff; font-weight:500;}
	.company_ci .section_01 .text_temp .pos_left .bg_blue .Slogan { width:60%; margin-top:27px;}
	.company_ci .section_01 .text_temp .pos_left .bg_blue .description { width:100%; font-size:1.85em; color:#fff; font-weight:300; margin:20px 0 0 0 }
	.company_ci .section_01 .text_temp .pos_left .bg_blue .comments { width:100%; font-size:1.15em; color:#fff; margin:10px 0 0 0; line-height:1.5em; }
	
	.company_ci .section_01 .text_temp .pos_left .bg_white {width:100%; background:#fff; padding:8%;height: inherit; min-height:327px; margin-top:10px; border:1px #e1e1e1 solid; box-sizing:border-box; float:inherit;}
	.company_ci .section_01 .text_temp .pos_left .bg_white .title { width:100%; font-size:1.6em; color:#464646; font-weight:500; }
	.company_ci .section_01 .text_temp .pos_left .bg_white .description { width:100%; font-size:1.85em; color:#0089d0; font-weight:300; margin:20px 0 0 0; line-height:1.3em; }
	.company_ci .section_01 .text_temp .pos_left .bg_white .comments { width:100%; font-size:1.15em; color:#464646; margin:10px 0 0 0; line-height:1.5em; }
	
	
	.company_ci .section_01 .text_temp .pos_right { width:100%;  float:inherit; margin-top:10px;}
	.company_ci .section_01 .text_temp .pos_right iframe { width:100%; height:427px;}
	.company_ci .section_01 .text_temp .pos_right .bg_white {width:100%; background:#fff; padding:8%; height: inherit; margin-top:10px; border:1px #e1e1e1 solid; box-sizing:border-box;}
	.company_ci .section_01 .text_temp .pos_right .bg_white .title { width:100%; font-size:1.6em; color:#464646; font-weight:500; }
	.company_ci .section_01 .text_temp .pos_right .bg_white .description { width:100%; font-size:1.85em; color:#0089d0; font-weight:300; margin:20px 0 0 0; line-height:1.3em; }
	.company_ci .section_01 .text_temp .pos_right .bg_white .comments { width:100%; font-size:1.15em; color:#464646; margin:10px 0 0 0; line-height:1.5em; }
	
	/* HISTORY ***************************************************************/
	.company_history .header {background: url(../images/company/bg_header_04_m.jpg) no-repeat; background-size: cover;}
	
	.company_history .section_01 {background: url(../images/company/bg_history_sec_01_m.jpg) no-repeat bottom right; background-size:436px auto; padding-bottom:200px;}
	.company_history .section_01 .title { width:90%; margin:0 auto; }
	.company_history .section_01 .title img { width:75%;}
	.company_history .section_01 table  { width:90%; margin:30px auto 0 auto;}
	.company_history .section_01 table tr th {padding-top:15px; vertical-align:top; font-size:1em; line-height:1.6em;  }
	.company_history .section_01 table tr td {padding-top:15px; vertical-align:top; font-size:1em; line-height:1.6em;}
	
	.company_history .section_02 {background: url(../images/company/bg_history_sec_02_m.jpg) no-repeat top right; background-size: cover; padding-bottom:80px;}
	.company_history .section_02 .title { width:90%; margin:0 auto; padding-top:220px;}
	.company_history .section_02 .title img { width:75%;}
	.company_history .section_02 table  { width:90%; margin:30px auto 0 auto;}
	.company_history .section_02 table tr th, .company_history .section_02 table tr td {padding-top:15px; vertical-align:top; font-size:1em; line-height:1.6em; color:#FFF;}
	
	
	/* rnd **********************************************************/
	.company_rnd .header {background: url(../images/company/bg_header_05_m.jpg) no-repeat top center; background-size: cover;}
	.company_rnd .section_01 {background: url(../images/company/bg_rnd_sec_01_m.jpg) no-repeat bottom right; background-size: 45% auto;}
	.company_rnd .section_01 .text_temp  {background: url(../images/company/img_rnd_no1_m.png) no-repeat; height:inherit;  background-position:0 0;  width:90%;  padding:100px 0 50px 8%;  background-size: 40% auto; }
	.company_rnd .section_01 .text_temp .title { width:60%; font-size:1.5em; color:#464646; font-weight:500}
	.company_rnd .section_01 .text_temp .text {  width:60%; font-size:1em; color:#464646; line-height:1.6em; margin-top:15px; }
	
	.company_rnd .section_02 {background: url(../images/company/bg_rnd_sec_02_m.jpg) no-repeat bottom left; background-size: cover;}
	.company_rnd .section_02 .text_temp  {background: url(../images/company/img_rnd_no2_m.png) no-repeat; height:inherit;  background-position:0 50px;  width:50%;  padding:150px 0 60px 8%; background-size: 70% auto; margin-left:40%;  }
	.company_rnd .section_02 .text_temp .title { width:100%; font-size:1.5em; color:#464646; font-weight:500}
	.company_rnd .section_02 .text_temp .text {  width:100%; font-size:1em; color:#464646; line-height:1.6em; margin-top:5px;}
	.company_rnd .section_02 .text_temp .description { width:90%; font-size:1em; color:#464646; line-height:1.6em; margin-top:15px; margin-left:-7px; background:#FFF; padding:10px; color:#a59890}
	
	.company_rnd .section_03 {background: url(../images/company/bg_rnd_sec_03_m.jpg) no-repeat center top; background-size: 100% auto;}
	.company_rnd .section_03 .text_temp  {background: url(../images/company/img_rnd_no3_m.png) no-repeat; height:inherit;  background-position:0px 300px ; width:85%; padding:390px 0 10% 7%; background-size: 40% auto;   }
	.company_rnd .section_03 .text_temp .title { width:100%; font-size:1.5em; color:#464646; font-weight:500;}
	.company_rnd .section_03 .text_temp .text {  width:100%; font-size:1em; color:#464646; line-height:1.6em; margin-top:5px;}
	
	
	/* recruit  **********************************************************/                                                     
	
	.company_recruit .header {background: url(../images/company/bg_header_08_m.jpg) no-repeat left center; background-size: cover;}
	
	.company_recruit .section_01 {background: url(../images/company/bg_recruit_sec_01_m.jpg) no-repeat bottom right; background-size: cover;}
	.company_recruit .section_01 .text_temp  { padding-bottom:180px;}
	.company_recruit .section_01 .text_temp .title { width:95%; margin:0 auto; font-size:1.2em; line-height:1.4em; color:#464646; text-align:center;}
	.company_recruit .section_01 .text_temp .title img { width:30%}
	.company_recruit .section_01 .text_temp .slogan { width:90%; margin:0 auto; font-size:3em; font-weight:900; margin-top:10px;}
	.company_recruit .section_01 .text_temp .massage { width:90%; margin:0 auto; font-size:1.5em; font-weight:500; margin-top:7px;}
	.company_recruit .section_01 .text_temp .text { width:90%; margin:0 auto; font-size:1em; margin-top:5px; }
	
	.company_recruit .section_02 {}
	.company_recruit .section_02 .text_temp  { padding-bottom:50px;}
	.company_recruit .section_02 .text_temp .title { width:95%; margin:0 auto; font-size:1em; line-height:1.4em; color:#464646; text-align:center;}
	.company_recruit .section_02 .text_temp .title .c_blue { color:#0089d0;}
	.company_recruit .section_02 .text_temp ul { margin-top:20px;}
	.company_recruit .section_02 .text_temp ul li { width:48%; float:left; margin:30px 1% 0 1%; background-repeat:no-repeat; background-size:contain; }
	.company_recruit .section_02 .text_temp ul .c_1 {background-image:url(../images/company/bg_recruit_c1.png); }
	.company_recruit .section_02 .text_temp ul .c_2 {background-image:url(../images/company/bg_recruit_c2.png);}
	.company_recruit .section_02 .text_temp ul .c_3 {background-image:url(../images/company/bg_recruit_c3.png);}
	.company_recruit .section_02 .text_temp ul .c_4 {background-image:url(../images/company/bg_recruit_c4.png);}
	.company_recruit .section_02 .text_temp ul li .title {padding:40% 0 40% 0; text-align:center; font-size:1.1em; font-weight:500; color:#FFF;}
	.company_recruit .section_02 .text_temp ul li .text {  width:100%; font-size:1em; color:#464646; line-height:1.4em; margin-top:15%; text-align:center; }
	
	
	.company_recruit .section_03 {background: url(../images/company/bg_recruit_sec_03_m.jpg) no-repeat bottom right; background-size: cover;}
	.company_recruit .section_03 .text_temp  { padding-bottom:50px;}
	.company_recruit .section_03 .text_temp .title { width:95%; margin:0 auto; font-size:1.2em; line-height:1.4em; color:#464646; text-align:center;}
	.company_recruit .section_03 .text_temp .title img { width:30%}
	
	.company_recruit .section_03 .text_temp .step ul { margin-top:30px;}
	.company_recruit .section_03 .text_temp .step ul li { width:100%; height: auto;  float: inherit; border:1px #FFFFFF solid; box-sizing:border-box; text-align:center; font-size:1.1em; font-weight:500; color:#FFF;}
	.company_recruit .section_03 .text_temp .step ul .step_1 { background:url(../images/company/img_recruit_no1.png) no-repeat top right; padding:13px 0px 13px 0px; background-size:15%;}
	.company_recruit .section_03 .text_temp .step ul .step_2 { background:url(../images/company/img_recruit_no2.png) no-repeat top right; padding:13px 0px 13px 0px; background-size:15%; margin-left:0%; margin-top:8px;}
	.company_recruit .section_03 .text_temp .step ul .step_3 { background:url(../images/company/img_recruit_no3.png) no-repeat top right; padding:13px 0px 13px 0px; background-size:15%; margin-left:0%; margin-top:8px;}
	.company_recruit .section_03 .text_temp .step ul .step_4 { background:url(../images/company/img_recruit_no4.png) no-repeat top right; padding:13px 0px 13px 0px; background-size:15%; margin-left:0%; margin-top:8px;}
	
	.company_recruit .section_03 .text_temp .noti ul { margin-top:8px;}
	.company_recruit .section_03 .text_temp .noti ul li { width:90%;  float: inherit; padding: 5% 5% 5% 5%;}
	.company_recruit .section_03 .text_temp .noti ul .noti_1 { background:#e5e5e4; height: inherit;}
	.company_recruit .section_03 .text_temp .noti ul .noti_2 { background:#3393c4; color:#FFF; height:inherit;}
	.company_recruit .section_03 .text_temp .noti ul .noti_3 { background:rgba(61,114,141,.7); color:#FFF; height:inherit;}
	.company_recruit .section_03 .text_temp .noti ul .noti_4 { background:rgba(28,28,28,.7); color:#FFF; height:inherit;}
	.company_recruit .section_03 .text_temp .noti ul li .tit { font-size:1.2em;}
	.company_recruit .section_03 .text_temp .noti ul li .text { font-size:1em; line-height:1.4; margin-top:10px;}
	.company_recruit .section_03 .text_temp .noti ul li button { width:48%; border:1px #FFFFFF solid; background:none; padding: 10px 5px 10px 5px; font-size:1em; color:#FFF; margin-top:10px;}
	
	.company_recruit .section_03 .text_temp .add_text { text-align:center; font-size:1em; margin-top:30px; }

}