@import url("common.css");

#wrap {height:auto;}
#visual_sub{position:relative; width:100%; text-align:center; height:398px; overflow:hidden;background-position:center 0; background-repeat:no-repeat; opacity:0;background-size: cover;}
	.subtop_company{background:url('/images/sub/sub_img_01.jpg') center 0 no-repeat;background-size: cover;}
	.subtop_business1{background:url('/images/sub/sub_img_02.jpg') center 0 no-repeat;background-size: cover;}
	.subtop_business2{background:url('/images/sub/sub_img_03.jpg') center 0 no-repeat;background-size: cover;}
	.subtop_pr{background:url('/images/sub/sub_img_04.jpg') center 0 no-repeat;background-size: cover;}
	.subtop_recruit{background:url('/images/sub/sub_img_05.jpg') center 0 no-repeat;background-size: cover;}
	.subtop_customer{background:url('/images/sub/sub_img_04.jpg') center 0 no-repeat;background-size: cover;}
#visual_sub .sub_txt {top:-30px;clear:both; opacity:0; }
#visual_sub h2 {margin:0 auto; padding:238px 0 13px 0; text-align: center; font-family: 'Montserrat', sans-serif;font-weight:700; font-size:40px; letter-spacing:0.5pt; color:#fff; text-shadow:#101018 0 0 8px; line-height:140%;}
#visual_sub p {margin:0 auto; text-align: center; font-family: 'NotoKR-Medium', sans-serif; font-weight:500; color:#fff; font-size:24px; line-height:100%; text-shadow:#101018 0 0 10px;letter-spacing:-1pt;}




/* LNB */
.lnb {/*position:relative;*/ width:100%; border-bottom:1px solid #ddd; background:#f5f5f5; box-sizing:border-box; z-index: 99;}
	.lnb ul{/*position:relative;*/  max-width:1170px; margin:0 auto; overflow:hidden; }
	.lnb li {/*position:relative;*/  width:33.33%; float:left;}
	.lnb .eng li a:visited{letter-spacing:0pt !important;}
	.lnb li a:link, 
	.lnb li a:visited{text-align:center; font-size:16px; letter-spacing:0pt; display:block; line-height:61px; height:61px; background-color:#f5f5f5; box-sizing:border-box; border-right:1px solid #ddd; transition:all 0.3s;}
	.lnb li:first-child a:link, .lnb li:first-child a:visited{border-left:1px solid #ddd; }
	.lnb li a:hover{display:block; color:#fff; text-decoration: none; background:#af070d; border-right:1px solid #af070d; transition:all 0.3s;}
	.lnb_on{display:block; color:#fff !important; text-decoration: none;  background-color:#af070d !important; border-right:none !important; font-family: 'NotoKR-Bold', sans-serif; }

	.lnb ul.lnb_02 li {width:50%}
	.lnb ul.lnb_03 li {width:33.33%}
	.lnb ul.lnb_04 li {width:25%}
	.lnb ul.lnb_05 li {width:20%}
	.lnb ul.lnb_06 li {width:16.66%}
	.lnb ul.lnb_07 li {width:14.28%}
	.lnb ul.lnb_08 li {width:12.5%}

/* ¼­ºê ÄÁÅÙÃ÷ */
#contents {position:relative; width:1170px; margin:0 auto;} /*  overflow:hidden; */

#contentArea {float:left;width:1170px; overflow:hidden;}
.contentArea_wide {width:100%; overflow:hidden;}



/* ¼­ºê ·ÎÄÉÀÌ¼Ç */
.contentArea .tit_area{width:100%; padding:0px 0 30px 0; overflow:hidden; margin:50px 0 0px 0;} 
.contentArea .location {display: none; float:right; font-size:14px; color:#848484; padding:0px 0 0 0 ; vertical-align: bottom;text-align:right; letter-spacing:-0.3pt;margin: 9px 0 0 0; }
.contentArea .location img {display: none;}
.contentArea .location em { font-size:14px;color:#999; padding: 0px 7px 0 7px; height: 20px; }
.contentArea .location strong {color:#848484;}
.contentArea h3.title { display: block; clear: both; padding-top: 30px; text-align:center; color:#222; font-weight:500;  font-size:34px; line-height:40px; letter-spacing:-1.4pt;font-family: 'NotoKR-Medium', sans-serif;}


.contents_in {position:relative; /*overflow:hidden;*/ clear:both; margin:20px 0 100px 0; *zoom:1;}




/************************ ·Î±×ÀÎ ************************/
    .login { position:relative; margin:20px 0 0px;  width:100%;background: #fff; border-top: 1px solid #000;}
    .login .titleArea { min-height:30px; margin:0; border-bottom:0; }
    .login .titleArea h3 { display:block; clear:both; margin:60px 0 5px; border-bottom:0; text-align:center; font-size:35px; font-weight:600; color:#333; letter-spacing:-0.03em; font-family:"Open Sans", Sans-serif; }
    .login .titleArea span { display:block; clear:both; margin:0 0 40px; text-align:center; font-size:12px; font-weight:400; color:#999; letter-spacing:-0.03em; }
	
    .login fieldset{ position:relative; width:790px; margin:0 auto; text-align: center;}
    .login fieldset .id,
    .login fieldset .password {float: left; overflow:hidden; display:block; width:290px !important; margin:0 0 10px;}
    .login #member_id {display:inline-block; background:url('../images/sub/login_ico_id.png') 12px 9px no-repeat; }
    .login #member_passwd { display:inline-block;background:url('../images/sub/login_ico_pw.png') 12px 9px no-repeat; }

	.login #member_id_eng {display:inline-block; background:url('../images/sub/login_ico_id_eng.png') 12px 9px no-repeat; }
    .login #member_passwd_eng { display:inline-block;background:url('../images/sub/login_ico_pw_eng.png') 12px 9px no-repeat; }

    .login input {width:279px; height:46px; padding:2px 2px 2px 75px; border:1px solid #ddd; color:#333; font-size:14px; line-height:40px; letter-spacing:0.08em; font-weight:normal; transition:all .5s ease; -webkit-transition:all .5s ease; border-radius: 50px; }
    .login input:focus { border:1px solid #888; border-radius: 50px;  }
	
	.login .loginBtn {display:inline-block; padding:8px; margin:0 0 10px; border:1px solid #af070d; background:#af070d; color:#fff !important; text-decoration:none; vertical-align:middle; font-size:18px; width:180px; line-height:28px; font-weight: 400; letter-spacing: -0.05em; text-align:center;border-radius: 50px;}
    .login .loginBtn:hover { filter:alpha(opacity=90); opacity:.9; -webkit-opacity:.9; }


/** //·Î±×ÀÎ **/



/************************ »çÀÌÆ®¸Ê ************************/
.sitemap_cont{overflow:hidden; clear:both;}
.sitemap_cont dl{float:left; width:30%; margin-right:2%;}
.sitemap_cont dl:last-child{margin-right:0;}
.sitemap_cont dl:nth-child(3n){margin-right:0;}
.sitemap_cont dl.last {margin-right:0 !important;}
.sitemap_cont dl.last:nth-child(3n){margin-right:0;}
.sitemap_cont dt{border-top:1px solid #000; text-align:center; color:#000; font-size:17px; background:#f9f9f9; padding:14px 0 ; border-bottom:1px solid #ddd; letter-spacing:-0.5pt;font-weight:400; font-family: 'NotoKR-Medium', sans-serif; } 
.sitemap_cont dt.two{margin-top:20px;}
.sitemap_cont dd {font-size:15px; border-bottom:1px dashed #ddd; text-align:center; letter-spacing:-0.75pt; line-height: 140%; padding:13px 5px;}
.sitemap_cont dd:last-child {border-bottom:1px solid#ddd;}
.sitemap_cont dd a{letter-spacing:-0.5pt; box-sizing:border-box;transition:all 0.3s ease;}
	.sitemap_cont dd a:hover{/*background:#fbfbfb;*/ transition:all 0.3s ease;}




/*** css ***/
.point_txt{font-weight:bold; color:#333; letter-spacing:-0.5pt;}



.con_tit{font-family:'NotoKR-Regular',sans-serif; font-size:24px; line-height:100%; letter-spacing:0pt; color:#144e94; padding:0 0 15px 0;}
.road_tit {display:block; background:url("../images/sub/info_arrow.png") no-repeat 0 26%; font-family:'NotoKR-Light', Sans-serif; font-weight: 600;  font-size:24px; line-height:100%; letter-spacing:-1pt; color:#222; padding:0 0 15px 26px;}
.road_tit_eng {display:block; background:url("../images/sub/info_arrow.png") no-repeat 0 26%; font-family: 'Montserrat','NotoKR-Regular', sans-serif; font-weight: 600;  font-size:24px; line-height:100%; letter-spacing:-1pt; color:#222; padding:0 0 15px 26px;}

.road_tit_prt {display:block; background:url("../images/sub/info_arrow.png") no-repeat 0px 26%; font-family:'NotoKR-Light', Sans-serif; font-weight: 600;  font-size:1.2em; line-height:100%; letter-spacing:-1pt; color:#222; padding:0 0 10px 25px;}


.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333;}
.table_style th{color:#444; font-weight:100; font-family:'NotoKR-Bold',sans-serif; text-align:center; padding:14px 0 14px 15px; border-bottom:1px solid #d4d4d4; background-color:#f9f9f9; letter-spacing:-0.5pt;}
.table_style td{ border-bottom:1px solid #e9e9e9; padding:14px 0 14px 15px; text-align:left;}

.table_style2{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; border-left:1px solid #ddd;}
.table_style2 th{color:#333; font-weight:100; font-family:'NotoKR-Bold',sans-serif; text-align:center; padding:14px 5px 14px 5px; border-bottom:1px solid #ddd; background-color:#f9f9f9; border-right:1px solid #ddd; width: 15%;}
.table_style2 td{ border-bottom:1px solid #ddd; padding:14px 5px 14px 5px; text-align:center; border-right:1px solid #ddd; color: #555;font-family:'NotoKR-Medium',sans-serif; }
.table_style2 td .left_td {padding:14px 0 14px 15px; text-align:left !important; }
.table_style2 td:hover{background:#fafafa}

.table_style3{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; border-left:1px solid #ddd;}
.table_style3 thead th{font-weight:600;border-bottom:1px solid #999;}
.table_style3 th{color:#333; font-weight:500; line-height: 120%; font-family:'NotoKR-Medium',sans-serif; text-align:center; padding:10px 5px 10px 5px; border-bottom:1px solid #ddd; background-color:#f9f9f9; border-right:1px solid #ddd; width: 15%;}
.table_style3 td{ border-bottom:1px solid #ddd; line-height: 120%; padding:10px 5px 10px 5px; text-align:center; border-right:1px solid #ddd; color: #555;font-family:'NotoKR-Regular',sans-serif; }
.table_style3 td .left_td {padding:10px 0 10px 15px; text-align:left !important; line-height: 120%; }
.table_style3 td:hover{background:#fafafa}


/************************ ȸ»ç¼Ò°³ ************************/

h4.sub_title{font-size:38px; font-family:'NotoKR-Thin',sans-serif; line-height:130%; letter-spacing:-2.5pt; color:#000; font-weight:100; text-align: left;}
h4.sub_title_eng{font-size:35px; font-family:'NotoKR-Thin',sans-serif; line-height:130%; letter-spacing:-1.5pt; color:#000; font-weight:100;}
h4.sub_title_01{font-size:32px; font-family:'NotoKR-Thin',sans-serif; line-height:130%; letter-spacing:-2.5pt; color:#000; font-weight:100; }

 span.title_blue{line-height:120%; letter-spacing:-2.5pt; color:#144e94;  font-weight:400}
 span.title_blue_eng{line-height:120%; letter-spacing:-1.5pt; color:#144e94;  font-weight:400}

 span.title_red{line-height:120%; letter-spacing:-2.5pt; color:#b21b21;  font-weight:400}
 span.title_red_eng{line-height:120%; letter-spacing:-1.5pt; color:#b21b21;  font-weight:400}
 p.p_color {color:#144e94; font-size:16px; letter-spacing:-0.5pt;}

h4.sub_title_02{font-size:24px; font-family:'NotoKR-Light',sans-serif; line-height:120%; letter-spacing:-1.0pt; color:#000; font-weight:100;}


/* CEO Àλ縻 ÁÂÃø */
.greeting_con02{position:relative; padding:5px 0;}
.greeting_con02 h4{position:relative; padding-bottom:28px}
.greeting_con02 h4 span.quotes{position:absolute; margin:0px 0 0 10px}
.greeting_txt02{line-height:25px; font-size:18px; padding-bottom:25px; letter-spacing:-0.5pt;}
span .greeting_txt01 {line-height: 130% !important; padding-top: 10px !important;}
.greeting_img02{width:508px; position:absolute; top:10px; right:0px; z-index:-1;text-align: right;}
.greeting_img02 .pc_img{}
.greeting_img02 .mo_img{display:none}
.greeting_img02 span {line-height: 120%; margin-top: 10px;}


/* CEO Àλ縻 */
.greeting_con{position:relative;  padding:5px 0;}
.greeting_con h4{position:relative; padding-bottom:20px; text-align: center;}
.greeting_con h4 br{display: block;}
.greeting_con h4 span.quotes{position:absolute; margin:10px 0 0 10px}
.greeting_txt{ padding-left: 0px;/*padding-left: 420px;*/ line-height:180%; font-size:18px; padding-bottom:25px; letter-spacing:-0.5pt;}
.greeting_ceo{position:relative; font-size:18px; letter-spacing:-0.7pt; color:#000; line-height:130%; padding:0px 0; text-align: right;}
.greeting_ceo span.name{font-family:'NotoKR-Bold',sans-serif;  letter-spacing:-0.7pt; line-height:130%;}
.greeting_ceo span.sign{position:absolute; top:35px; right: 0;}

.greeting_img{width:384px; height: 500px; position:absolute; top:-30px; left:0px; z-index:-1;text-align: left;}
.greeting_img .pc_img{}
.greeting_img .mo_img{display:none}
.greeting_img span {line-height: 120%; margin-top: 10px;}
.greeting_con .main_line{position:relative; top:0; left:50%; background:#ccc; z-index: 9;}
.greeting_con .main_sq{background:#ccc; position: relative;left:50%; margin-left:-4px; top:0px; z-index: 9;}

/* CEO Àλ縻 Áß¾Ó
.greeting_con{position:relative;  padding:5px 0;}
.greeting_con h4{position:relative; padding-bottom:20px; text-align: center;}
.greeting_con h4 br{display: block;}
.greeting_con h4 span.quotes{position:absolute; margin:10px 0 0 10px}
.greeting_txt{line-height:180%; font-size:18px; padding-bottom:25px; letter-spacing:-0.5pt;}
.greeting_ceo{position:relative; font-size:18px; letter-spacing:-0.7pt; color:#000; line-height:130%; padding:0px 0; text-align: right;}
.greeting_ceo span.name{font-family:'NotoKR-Bold',sans-serif;  letter-spacing:-0.7pt; line-height:130%;}
.greeting_ceo span.sign{position:absolute; top:35px; right: 0;}

.greeting_img{width:1170px; position:relative; padding-bottom:0px; top:0px; z-index:-1;text-align: center !important;}
.greeting_img .pc_img{}
.greeting_img .mo_img{display:none}
.greeting_img span {line-height: 120%; margin-top: 10px;}
.greeting_con .main_line{position:relative; top:0; left:50%; background:#ccc; z-index: 9;}
.greeting_con .main_sq{background:#ccc; position: relative;left:50%; margin-left:-4px; top:0px; z-index: 9;}
*/
/* ȸ»ç°³¿ä */
.bbs_con_info{width:100%; border-collapse:separate; border-spacing:0; border-top:1px solid #333; }
.bbs_con_info th{font-size:14px; color:#333; font-weight:500; text-align:center; padding:16px 0; border-bottom:1px solid #bbb; letter-spacing:-0.5pt; background:#f9f9f9}
.bbs_con_info td{padding:8px 5px; text-align:center; border-bottom:1px solid #ddd;}
.bbs_con_info tr:hover{background:#fafafa}
.bbs_con_info td a {letter-spacing:-0.3pt;}
.bbs_con_info td.left{text-align:left; padding-left:10px;}


/* ¿¬Çõ ŸÀÌƲ */
.greeting_con span.history_bg {position:absolute; top:223px; right:0; height:595px; z-index:-1}
.greeting_con h4 span.history.quotes{position:absolute; margin:0; margin-left:5px; top:0px;}

/************ ÅÇ ************/
.rec_tab {width: 100%; overflow: hidden;/*border-bottom: 1px solid #ddd;*/ }
.rec_tab ul {padding: 0px 0;margin-bottom: 10px;padding-left: 1px;}
.rec_tab li {display: inline-block; /*float: left;*/list-style: none;position: relative;top: 0px;margin-bottom: 0px;}

.rec_tab li a {display: block;position: relative;margin-left: -5px;padding: 20px 0 20px;width: 220px;border: 1px solid #c9c9c9;background: #f7f7f7;color: #363636;font-size: 18px;text-align: center;letter-spacing: -0.02em;line-height: 1.2em;cursor: pointer;}

.rec_tab li a:hover,a:focus {text-decoration: none}

.rec_tab li.active a {z-index: 8;background: #af070d;font-weight: 600;color: #fff;font-size: 18px;
border-top: 1px solid #970409;border-left: 1px solid #970409;border-right: 1px solid #970409;border-bottom: 1px solid #970409;}

.rec_tab li.active a:hover {text-decoration: none}

.rec_tab_ov {z-index: 8;border: 1px solid #000000;background: #fff;color: #565e60;font-weight: bold}
/************ //ÅÇ ************/

/* ¿¬Çõ */
#history {}
#history .top {/* background:url("/img/sub/history_bg.jpg") no-repeat; */background-size:cover; padding:0px 0;}

#history .list { }
/*
#history .list ul { padding:20px 0 100px;}
#history .list ul:after { content:""; width:1px; height:80%; background:#bebebe; display:block; position:absolute; left:50%; top:170px;}
*/

#history .list ul {width: 100%; position: relative;}
#history .list ul:before {content: "";display: block;width: 1px; height: 95%; position: absolute; top: 5px; left: 50%; transform: translateX(-50%); background-color: #bebebe;}

#history .list ul li { overflow:hidden; margin-bottom:80px;}
#history .list ul li:last-child { margin:0; }
#history .list ul li dl { width:50%; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#history .list ul li dl:after { position:absolute; top:8px; background:#fff; z-index:10;}
#history .list ul li dl dt { font-size:40px; color:#c40210;font-family:"Open Sans", Sans-serif; font-weight:800; line-height: 100%;}
#history .list ul li dl dd { font-weight:400; line-height:1.4; margin-top:18px; font-size: 18px;}
#history .list ul li dl dd p { margin-bottom:8px; position:relative;}
#history .list ul li dl dd p:last-child { margin:0; }
#history .list ul li dl dd p:after { content:"-"; position:absolute; top:0;}
#history .list ul li dl dd p span {color:#000; font-weight:500; font-family: 'NotoKR-Medium', sans-serif;}
#history .list ul li dl dd p strong{font-family: 'NotoKR-Medium', sans-serif;font-weight:500; }

#history .list ul li:nth-child(odd) dl { float:right; padding:0 0 0 50px;}
#history .list ul li:nth-child(odd) dl:after { content:url("/images/sub/dots_left.png"); left:-13px;}
#history .list ul li:nth-child(odd) dl dd p { padding:0 0 0 10px;}
#history .list ul li:nth-child(odd) dl dd p:after { left:0;}
#history .list ul li:nth-child(odd) dl dd p span {padding-right:20px;}

#history .list ul li:nth-child(even) { text-align:right;}
#history .list ul li:nth-child(even) dl:after { content:url("/images/sub/dots_right.png");  right:-13px;}
#history .list ul li:nth-child(even) dl { padding:0 50px 0 0;}
#history .list ul li:nth-child(even) dl dd p { padding:0 10px 0 0;}
#history .list ul li:nth-child(even) dl dd p:after { right:0;}
#history .list ul li:nth-child(even) dl dd p span {padding-left: 20px;}

.history_pc {display:block;}
.history_m {display:none;}	


/* ¿¬Çõ */
#history {}
#history .rec_tab {text-align: center !important;} 
#history .top {/* background:url("/img/sub/history_bg.jpg") no-repeat; */background-size:cover; padding:0px 0;}

#history .list { }
#history .list ul { padding:50px 0 50px;}


h4.history_tit{ margin-top: 30px; font-size:58px; color:#ebebeb; font-weight:800; text-align:center; line-height:100%; font-family:'Open Sans',sans-serif; }
h4.history_tit:after{display:block; content:""; overflow:hidden; margin-top:-9px; border-bottom:0px solid #ddd;}
/*.history_in{padding-top:90px; background:url('/images/main/line.png') center repeat-y;}
.history_in:after{display:block; margin:0 auto; content:""; overflow:hidden; left:0; top:12px; width:7px; height:7px; background:#949494; border-radius:7px}
*/

/*
.timeline {width: 100%; position: relative;}
.timeline:before {content: "";display: block;width: 1px; height: 95%; position: absolute; top: 5px; left: 50%; transform: translateX(-50%); background-color: #ebebeb;}
.timeline .head {position: relative; top: -50px; width: 100%; margin: 0 auto;}


.timeline > ul:after {content: ""; display: block; clear: both;}
.timeline > ul > li {display: inline-block; width: 100%; position: relative; padding-bottom: 80px; color: #333;}
.timeline > ul > li dl {float: left; position: relative; width: 50%;}
.timeline > ul > li dl dt {position: absolute; top: 50%;  transform: translateY(-50%); padding-bottom: 10px; font-family:'Open Sans',sans-serif; font-weight:800; font-size: 72px; color: #ccc;}

.timeline > ul > li dl dd > div {position: relative; display: table; width: 100%; height: 40px; margin-bottom: 5px; box-sizing: border-box;}
.timeline > ul > li dl dd > div span {position: absolute; top: 0; width: 40px; height: 40px; line-height: 40px; background: #af070d; border-radius: 50%; text-align: center; font-family:'Open Sans',sans-serif;font-weight:600;font-size: 18px; color: #fff;}
¿À¹ö¶óÀÎ
.timeline > ul > li dl dd > div span::before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1px; height: 80px; background: #1e4faf;}

.timeline > ul > li dl dd > div p {display: table-cell; vertical-align: middle; font-size: 17px; color: #666;font-family:"NotoKR-Regular", Sans-serif; letter-spacing: -0.5pt;}

.timeline > ul > li:nth-child(odd) dl {float: right; text-align: left;}
.timeline > ul > li:nth-child(odd) dl dt {left: -220px;}
.timeline > ul > li:nth-child(odd) dl dd > div {padding-left: 45px;}
.timeline > ul > li:nth-child(odd) dl dd > div span {left: 0; transform: translate(-50%);}
.timeline > ul > li:nth-child(even) dl {float: left; text-align: right;}
.timeline > ul > li:nth-child(even) dl dt {right: -220px;}
.timeline > ul > li:nth-child(even) dl dd > div {padding-right: 45px;}
.timeline > ul > li:nth-child(even) dl dd > div span {right: 0; transform: translate(50%);}




.timeline > ul > li div span {position: absolute; top: 0; font-size: 17px; font-weight: 500;}
.timeline > ul > .left div span {right: 57.5%;}
.timeline > ul > .right div span {left: 57.5%;}
.timeline > ul > .left div:before {right: 50%; }
.timeline > ul > .right div:before {left: 50%; }
.timeline > ul > li div dl {letter-spacing: -1px; color: #666;}

*/

/* Á¶Á÷µµ */	
.org_pc {display:block;}
.org_m {display:none;}


/* ÀÎÁõ¼­ */
#certification {}
#certification ul {}
#certification ul li { float:left;  width:32%; margin-right:2%;/*width:22.28571428571%; margin-right:3.61904761905%;*/  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  margin-bottom:50px;}
#certification ul li:nth-child(12n) { margin-right:0 !important;}
#certification ul li:nth-child(9n) { margin-right:0 !important;}
#certification ul li:nth-child(6n) { margin-right:0 !important;}
/*#certification ul li:nth-child(4n) { margin-right:2%;}*/
#certification ul li:nth-child(3n) { margin-right:0 !important;}
#certification ul li a { display:block;}
#certification ul li .img { text-align:center; border:1px solid #d2d2d2; overflow:hidden;}
#certification ul li .img img {}
#certification ul li .txt { line-height:1.4; text-align:center; margin-top:24px;}
#certification ul li .txt span { font-size:18px; color:#666; font-weight:500;font-family:"NotoKR-Regular", Sans-serif;line-height: 150%;}
#certification ul li .txt p { font-size:18px; line-height: 130%; letter-spacing: -0.3pt;font-family:"NotoKR-Regular", Sans-serif; color:#222;}


/* EHS¹æħ/ÀÎÁõ */
#policy {text-align:center;}
#policy ul {display: inline-block}
#policy ul li { float:left;  /*width:48%; margin-right:2%;*/ padding:0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  margin-bottom:50px;}
/*#policy ul li:nth-child(6n) { margin-right:0 !important;}
#certification ul li:nth-child(4n) { margin-right:2%;}
#policy ul li:nth-child(3n) { margin-right:0 !important;}*/
#policy ul li a { display:block;}
#policy ul li .img { text-align:center; border:1px solid #d2d2d2; overflow:hidden;}
#policy ul li .img img {}
#policy ul li .txt { line-height:1.4; text-align:center; margin-top:24px;}
#policy ul li .txt span { font-size:18px; color:#666; font-weight:500;font-family:"NotoKR-Regular", Sans-serif;line-height: 150%;}
#policy ul li .txt p { font-size:18px; line-height: 130%; letter-spacing: -0.3pt;font-family:"NotoKR-Regular", Sans-serif; color:#222;}

/* ¿À½Ã´Â ±æ */
.location_con { position:relative; overflow:hidden; }

.loca_btn{position:relative; margin-top:15px; text-align: center;}
.loca_btn a {display:inline-block; text-align:center; border-radius:58px; width:187px; line-height:58px; border:2px solid #af070d;
	box-sizing:border-box; padding-left:0px; letter-spacing:-0.5pt; transition: all 0.3s ease-out;}
.loca_btn a.detailBtn {/*background:#cf2026 url('/images/main/detail_view.png') 29px no-repeat; */background:#af070d;color:#fff;}

.loca_btn a:hover.detailBtn {/*background:#fff url('/images/main/detail_view_up.png') 38px no-repeat;*/ color:#af070d;background:#fff;}

.location_con .location_in {position:relative; overflow:hidden; padding:38px 5% 32px 5%; border:1px solid #ddd; box-sizing:border-box;margin-top:10px;  }
.location_in .map_txt {overflow:hidden;}
.location_in .map_txt dl{float:left; margin-right:15%;}
.location_in .map_txt dl:last-child{margin-right:0%;}
	.map_txt dt{display:inline-block; font-family:'NotoKR-Bold',sans-serif; font-weight:100; font-size:15px; line-height:25px; height:30px; color:#333; box-sizing:border-box;}
	.map_txt dl.add dt{background:url('../images/sub/icon_loca.png') 0 3px no-repeat; padding:0 10px 0 24px;}
	.map_txt dl.tel dt{background:url('../images/sub/icon_tel.png') 0 4px no-repeat; padding:0 10px 0 25px;}
	.map_txt dl.fax dt{background:url('../images/sub/icon_fax.png') 0 5px no-repeat; padding:0 10px 0 30px;}
	.map_txt dd{display:inline-block; font-size:15px; line-height:25px; height:30px;}



/************************ //ȸ»ç¼Ò°³ ************************/

/************************ »ý»ê°øÁ¤ ************************/
.prd_introduce {width:100%; position: relative; overflow: hidden;}
.prd_introduce .imgWrap {position:relative;max-width:1170px; height: 500px;  margin: 0 auto;}
.prd_introduce .imgWrap li {position:absolute;top:0;left:0;display:none;overflow:hidden;}
.prd_introduce .imgWrap li.on {display:block;}
.prd_introduce .imgWrap li img { width: 100%; height: 500px; vertical-align: middle; text-align:center; overflow:hidden;border:1px solid #ccc; box-sizing: border-box;}
.prd_introduce .imgWrap .page .prev {position:absolute;top:50%;left:30px;padding: 0;  -webkit-transform: translate(0, -46%);    -ms-transform: translate(0, -46%);
	transform: translate(0, -46%);cursor: pointer;  color: transparent; border: none; outline: none; background: transparent; z-index:999;}
.prd_introduce .imgWrap .page .next {position:absolute;top:50%;right:30px;padding: 0;  -webkit-transform: translate(0, -46%);    -ms-transform: translate(0, -46%);
	transform: translate(0, -46%);cursor: pointer;  color: transparent; border: none; outline: none; background: transparent; z-index:999;}
.prd_introduce .infobox {clear: both; max-width:1170px;border:1px solid #e0e7ee;border-top:0;box-sizing: border-box;}
.prd_introduce .infobox .txtWrap {border-bottom:1px solid #e0e7ee;padding:25px 30px; line-height: 155%; font-size: 16px; letter-spacing: -0.05em;  color:#444;}
.prd_introduce .infobox .txtWrap li {display:none;}
.prd_introduce .infobox .txtWrap li.on {display:block;}
.prd_introduce .infobox .thumWrap {position:relative;padding:30px 30px;}
.prd_introduce .infobox .thumWrap .thumlist {max-width:1170px;height:70px;overflow:hidden;margin:0 auto;}
.prd_introduce .infobox .thumWrap .thumlist ul {position:relative;left:0;width:300%;height:70px;}
.prd_introduce .infobox .thumWrap .thumlist li {float:left;width:133px;height:70px;margin-right:18px;}
.prd_introduce .infobox .thumWrap .thumlist li img {width:130px;height:68px;border:1px solid #e0e7ee;}
.prd_introduce .infobox .thumWrap .thumlist li.on img {width:130px;height:68px;border:3px solid #af070d; box-sizing: border-box;}
/*	
.prd_introduce .infobox .thumWrap .arr .prev {position:absolute;top:52px;left:40px;}
.prd_introduce .infobox .thumWrap .arr .next {position:absolute;top:52px;right:40px;}
*/	
/************************ //»ý»ê°øÁ¤ ************************/

/************************ Á¦Ç°¼Ò°³ ************************/
.product {/*width: 100%; position: relative;*/}
.product .txt {position: relative; width: 100%; padding: 20px 20px 20px 30px; margin-bottom: 40px; line-height: 140%; color: #222; background: #f9f9f9; border-top:2px solid #af070d; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; font-size: 15px;box-sizing:border-box;}

.product div > ul {clear: both;position:relative; overflow:hidden; padding-bottom: 20px;}
.product div > ul > li {display: inline-block; float:left;  width: 40%; margin-right:2%; margin-bottom:20px; position: relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.product div > ul > li:last-child {width: 58%;margin-right:0%;}
.product div > ul > li h4 {width: 100%;font-family: 'Montserrat',"NotoKR-Regular", sans-serif; font-weight: 600; text-align: center;font-size: 20px; letter-spacing: -0.5pt; background: #af070d; padding: 16px 0 15px 0; color: #fff;line-height: 140%; margin-bottom: 0px;}
.product div > ul > li .img {}
.product img {width: 100%; vertical-align: middle; text-align:center; padding: 20px 0; border:1px solid #d2d2d2; overflow:hidden;box-sizing:border-box;}
.product img:hover {border:1px solid #af070d;box-sizing:border-box;}

.pro_line {position: relative; border-top:1px dashed #ddd;}

/************************ //Á¦Ç°¼Ò°³ ************************/


/************************ ÀÎÀçä¿ë ************************/

/* ÀÎÀç»ó */
.talent_con{position:relative; overflow:hidden;}
.talent_con h3.title{margin-bottom:40px;font-family:'NotoKR-Light',sans-serif; font-size: 30px;}
.talent_con h5.sub_stitle{text-align:center;}
.talent_con .icon_list{position:relative; overflow:hidden; margin-top:40px}
.talent_con .icon_list dl{position:relative; float:left; width:29.9145299145%; text-align:center; margin-right:5.12820512821%}
.talent_con .icon_list dl:last-child{margin-right:0}
.talent_con .icon_list dl .icon{width:200px; height:200px; margin:0 auto 20px auto; border-radius: 100%;}

.talent_con .icon_list dl.one .icon{background:url('../images/sub/talent_icon01.png') center no-repeat, #0068b7; background-size: 80px;}
.talent_con .icon_list dl.two .icon{background:url('../images/sub/talent_icon02.png') center no-repeat, #0190f4; background-size: 80px;}
.talent_con .icon_list dl.three .icon{background:url('../images/sub/talent_icon03.png') center no-repeat, #1e4faf; background-size: 80px;}

.talent_con .icon_list dl:after {position: absolute;right: -41px; top: 70px; display: block; width: 50px; height: 50px;background: url('../images/sub/plus.png') center no-repeat;background-size:50px; content: '';}
.talent_con .icon_list dl:nth-child(3):after{display:none;}

.talent_con .icon_list dl p.sub_bt {font-family:'NotoKR-Regular', Sans-serif;font-weight: 400; line-height: 150%; font-size: 25px; letter-spacing: -0.8pt; color: #333;}
.talent_con .icon_list dl p.sub_engt{font-family: 'Montserrat', sans-serif; font-weight: 600; line-height: 140%; font-size: 20px;}
.talent_con .icon_list dl p.sub_txt {font-family:'NotoKR-Regular', Sans-serif;font-weight: 400; line-height: 150%; font-size: 16px; letter-spacing: -0.8pt; color: #555; padding-top: 5px;}

.talent_con .icon_list dl.one p.sub_engt{color:#0068b7}
.talent_con .icon_list dl.two p.sub_engt{color:#0190f4}
.talent_con .icon_list dl.three p.sub_engt{color:#1e4faf}


/* º¹ÁöÈÄ»ý */
.welfare {}
.welfare ul {overflow:hidden; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.welfare li {float:left; width:50%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; padding:3% 2.5%; min-height:260px;}
.welfare dl {width:100%; display:table;}
.welfare dt {width:144px; display:table-cell;}
.welfare dd {max-width:calc(100% - 144px); display:table-cell; vertical-align:middle;}
.welfare dd p {color:#004c98; margin-bottom:10px; font-size:22px; letter-spacing:-0.5pt; font-family:"NotoKR-Medium", sans-serif;}
.welfare dd div {letter-spacing:-0.5pt; line-height:155%; font-size: 15px;}
.welfare dd div strong {letter-spacing:-0.5pt; line-height:155%; font-size: 17px;color:#333;font-family:"NotoKR-Medium", sans-serif;}

/*=========================== ÀλçÁ¦µµ ===========================*/
.career_con{position:relative; padding-top:0px;}
.career_con h4.sub_title{text-align:center; padding-bottom:40px;}
.career_con p.sub_stitle{text-align:center; padding-bottom:60px;}

.career_con .career_in{border-top:3px solid #cf2126;}
.career_con .career_in .c_inner{position:relative; overflow:hidden; border-bottom:1px solid #ddd; padding:35px;}
.career_con .career_in .c_inner h5{float:left; width:220px; font-size:22px; color:#222; letter-spacing:-0.5pt; line-height:120%;}
.career_con .career_in .c_inner p.dot{position:relative; padding:3px 0 3px 12px; letter-spacing:-0.5pt;}
.career_con .career_in .c_inner p.dot:before{position:absolute; display:block; content:""; overflow:hidden; left:0; top:13px; width:4px; height:4px; background:#a7a7a7; border-radius:4px}

.career_con .career_in .c_inner dl.one{float:left; width:calc(100% - 220px)}
.career_con .career_in .c_inner dl.one dd{font-size:16px; letter-spacing:-0.5pt; font-weight:300; line-height: 160%;}
.career_con .career_in .c_inner dl.one dd table th{font-size:16px; letter-spacing:-0.5pt; font-weight:300; line-height: 160%;}	
.career_con .career_in .c_inner dl.one dd table td{font-size:16px; letter-spacing:-0.5pt; font-weight:300; line-height: 160%;}		
.career_con .career_in .c_inner dl.two{position:relative; overflow:hidden;  float:left; width:calc(100% - 220px)}
.career_con .career_in .c_inner dl.two dd{font-size:18px; letter-spacing:-0.5pt; font-weight:300; color:#222; padding:0 0 10px 140px}
.career_con .career_in .c_inner dl.two dd.mail{font-weight:bold; color:#222; letter-spacing:0}
.career_con .career_in .c_inner dl.two dd span.title{position:absolute; left:0; font-weight:300; letter-spacing:-0.5pt; color:#666;}

.career_con .career_in .c_inner .left{float:left; width:calc(100% - 220px)}
.career_con .career_in .c_inner dl.three{position:relative; overflow:hidden; padding-bottom:20px;}
.career_con .career_in .c_inner dl.three dt{float:left; width:140px; font-size:18px; letter-spacing:-0.5pt; font-weight:300;}
.career_con .career_in .c_inner dl.three dd{position:relative; float:left; width:calc(100% - 140px); font-size:18px; letter-spacing:-0.5pt; font-weight:300; color:#222;}
.career_con .career_in .c_inner dl.three dd h6{font-weight:bold; font-size:18px; letter-spacing:-0.5pt; font-weight:bold; color:#222; padding-bottom:9px;}
.career_con .career_in .c_inner dl.three dd .one{padding-bottom:20px}
.career_con .career_in .c_inner dl.three dd li{font-size:15px; font-weight:normal; padding:0 0 5px 110px; letter-spacing:-0.5pt;}
.career_con .career_in .c_inner dl.three dd li.add{padding:0 0 10px 0;}
.career_con .career_in .c_inner dl.three dd li span.title{position:absolute; left:0; letter-spacing:-0.5pt; color:#666;}
.career_con .career_in .c_inner dl.three dd p.welfare{display:inline-block; font-size:15px; letter-spacing:-0.5pt; font-weight:normal; border-radius:100%; padding:40px 0 0 0; width:105px; height:105px; border:1px solid #cf2126; color:#cf2126; text-align:center; vertical-align:top; box-sizing:border-box}
.career_con .career_in .c_inner dl.three dd p.welfare.two{padding:30px 0 0 0;}



.career_con .btn_area{text-align:center; padding-top:60px;}
.career_con .btn_area a{display:inline-block; font-size:18px; letter-spacing:-0.5pt; width:270px; padding:0 0 0 35px; line-height:75px; transition: all 0.3s;
	border:1px solid #cf2126; background:#cf2126 url('../images/sub/re_bt.png') 37px no-repeat; border-radius:77px; color:#fff; box-sizing:border-box;}
.career_con .btn_area a:hover{background:#fff url('../images/sub/re_bt.png') 42px no-repeat; padding:0 0 0 32px; color:#cf2126; transition: all 0.3s;}
/*=========================== //ÀλçÁ¦µµ ===========================*/

/************************ ÀÎÀçä¿ë ************************/


.cont_title{font-size:24px; color:#333; padding-bottom:18px; letter-spacing:-1.2pt; font-family:"NotoKR-Bold", sans-serif; }
p.cont_tit {display:block; font-size:18px; padding-bottom:5px; font-family:"NotoKR-Bold", sans-serif; color:#333; letter-spacing:-0.5pt;}
.cont_txt { letter-spacing:-0.5pt; line-height:160%}
.cont_txt2 {padding-bottom:35px; letter-spacing:-0.5pt; line-height: 160%;}
.cont_box { padding:20px; background:#f4f4f4; margin:7px 0px 32px 0px; display:block;  letter-spacing:-0.5pt; line-height:160%}
.cont_box.last {margin-bottom:0;}
.cont_box strong {font-weight:100; font-family:"NotoKR-Bold", sans-serif; letter-spacing:-0.5pt; display:inline-block; margin-bottom:3px; line-height:100%}
p.contin_txt {margin-bottom:12px; line-height:140%;}


.only_w {display:block;}
.only_m {display:none;}
.lnb_mobile {display:none;}


.site_w {display:block;}
.site_m {display:none;}

/*=========================== ÀÎÀçä¿ë°Ô½ÃÆÇ ===========================*/
.recruit_ex{background:#f3f3f3 url("/images/sub/recruit_icon01.png") no-repeat 60px 50%; padding:25px; overflow:hidden; margin-bottom: 20px;}

.recruit_ex p.recruit_txt {width: 53%; float: left; padding-left: 140px; line-height: 140%;font-size: 16px;color:#666;font-family:"NotoKR-Regular", sans-serif;letter-spacing:-0.5pt;}

.recruit_ex p.re_down{float: right;text-align:center;padding-top:1%; padding-right: 10px;}
.recruit_ex p.re_down .re_down_bt { 
		display: inline-block;
		padding: 15px 0px; margin: 0px 0px;
		font-family: 'NotoKR-Medium', sans-serif;
		font-size: 18px;letter-spacing:-0.5pt;
		color: #fff;
		background: #af070d;
		border: 1px solid #af070d;
		width:240px;
		text-align:center; vertical-align: middle;
	}
.recruit_ex p.re_down .re_down_bt:hover{color: #fff;background: #ce0e15;}
/*=========================== //ÀÎÀçä¿ë°Ô½ÃÆÇ ===========================*/

/* ================ Áö¿øÀÚ Á¤º¸ =============== */	
.recruit_table {}
.recruit_table ul {display: block; width: 100%; overflow: hidden;}
.recruit_table ul li {float: left; display: inline-block;}	
.re_img {width: 18%; max-height:251px; padding: 0 1% 0 0;}
.re_img img { border: 1px solid #ddd;}	
.re_img p {padding: 10px 0; max-width: 150px; }

.re_img p .btn_photo { 
		display: inline-block;
		padding: 10px 0px; margin: 0px 0px;
		font-family: 'NotoKR-Medium', sans-serif;
		font-size: 14px;letter-spacing:-0.5pt;
		color: #333;
		background: #f7f7f7;
		border: 1px solid #ddd;
		width:100%;
		text-align:center; vertical-align: middle;
	}
.re_img p .btn_photo:hover{color: #fff;background: #666;border: 1px solid #555;}
.re_table {width: 80%; display: block;}
.re_table_mobile {display: none !important;}	

.pdate {line-height: 140%;font-size: 18px;color:#222;font-family:"NotoKR-Medium", sans-serif;letter-spacing:-0.5pt;}
.pdate span {padding-right: 20px;}

/* ================ //Áö¿øÀÚ Á¤º¸ =============== */	

/* ================ //ÀÔ»çÁö¿ø Á¢¼öÈ®ÀÎ =============== */	
.employ_con{position:relative;  padding:5px 0;}
.employ_con h4{position:relative; padding-bottom:20px; text-align: center;}
.employ_con h4 br{display: block;}
.employ_con h4 span.quotes{position:absolute; margin:10px 0 0 10px}


/* ÀÎÁõ¼­ ÀÛ¾÷ */
.bd1		{border: 1px solid #dddddd;}
.pd80		{padding:80px;}

.certi_main	{padding:80px 60px}
.certi_rap	{width:100%; min-height:500px; background: url('/images/sub/bg_cert_line_m.png') repeat-y; background-size: 100%; padding: 100px 0 60px 0; color:#000000;}
.certi_info	{padding: 80px; font-size:1.4em; line-height:180%;}
.certi_body	{margin: 0 80px 80px 80px; padding: 80px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.txt-area		{margin:30px 0}
.certi_title	{font-size:1.2em; font-weight: 600;}
.certi_cont	{margin-left: 30px; font-size:1.1em; line-height:160%;}
.certi_ceo	{position:relative; padding-bottom:20px; text-align: center; font-size:1.8em; font-weight: 600; color: #000000; padding-bottom:60px;}

.certi_text		{margin: 0 80px 80px 80px; font-size:1.2em}



/*******************************************************************************
	@media 1024px~1200px
*******************************************************************************/
@media all and (max-width:1200px){

	#visual_sub h2 {width:96%;}
	#visual_sub p {width:96%;}
	
	#contents{width:96%;}
	.contentArea{width:100%;}

	/* CEO 
	.greeting_img{width:96%;}
	.greeting_img img{max-width:100%;}
	.greeting_img .pc_img{width: 80%; text-align: center;}
	*/
	.greeting_con {width:96%;}	
	.greeting_txt{ padding-left: 0px;/* padding-left: 400px;*/}
	
	.greeting_img{width:350px;}

	
	/* CEO */
	.greeting_img02{}
	.greeting_img02 img{max-width:100%;}
	.greeting_img02 .pc_img{width: 90%;}
		
		
	.location_con .location_in {padding:30px 0 30px 5%; }
	.location_in .map_txt dl{float:left; margin-right:20px;}
	.location_in .map_txt dl.add{float:none;}
	.location_in .map_txt dl.tel{clear:both}
	
	.career_con .career_in .c_inner{padding:35px 20px;}
	.career_con .career_in .c_inner h5{width:180px;}
	
	.career_con .career_in .c_inner dl.one{width:calc(100% - 180px)}
	.career_con .career_in .c_inner dl.two{width:calc(100% - 180px)}
	.career_con .career_in .c_inner .left{width:calc(100% - 180px)}
	
	.career_con .career_in .c_inner dl.three dd p.welfare{padding:33px 0 0 0; width:92px; height:92px;}
	.career_con .career_in .c_inner dl.three dd p.welfare.two{padding:24px 0 0 0;}
		
}

/*******************************************************************************
	@media 1024~1100px
*******************************************************************************/
@media all and (max-width:1100px){

	/* CEO Àλ縻 */
	.greeting_con{padding:0;}
	.greeting_con h4{padding-bottom:25px}
	.greeting_con h4 br{display:block;}
	.greeting_con h4 span.quotes{margin:5px 0 0 20px}
	.greeting_con h4 span.quotes img{width:52px}
	.greeting_txt02{line-height:160%; font-size: 16px;  padding-bottom:25px;}
	.greeting_txt02 br{display:block;}
	/*	
	.greeting_txt{line-height:160%; font-size: 16px;  padding-bottom:25px;}
	.greeting_txt br{display:block;}	
	
	.greeting_img{position:relative; width:100%; padding-bottom:0px; top:auto; text-align:center;}
	*/	
	.greeting_img .pc_img{display:none;}
	.greeting_img .mo_img{display:inline-block; width:100%;}	
	
	.greeting_txt{ /*padding-left: 340px; */line-height:160%; font-size:16px; padding-bottom:25px; letter-spacing:-0.5pt;}
	.greeting_ceo{font-size:18px; letter-spacing:-0.7pt;}
	.greeting_ceo span.name{}
	.greeting_ceo span.sign{top:35px; right: 0;}	
	.greeting_img{width:320px; height: 500px; position:absolute; top:-30px; left:0px;text-align: left;}
	
}

/*******************************************************************************
	@media 980~1024px
*******************************************************************************/
@media all and (max-width:1024px){

	#visual_sub{height:400px;}
	.subtop_company{background-position:center 0px;}
	.subtop_business1{background-position:center 0px}
	.subtop_business2{background-position:center 0px}
	.subtop_pr{background-position:center 0px}
	.subtop_recruit{background-position:center 0px}
	.subtop_customer{background-position:center 0px}
    
	#visual_sub h2 {font-size:35px;  padding:208px 0 13px 0;}
	#visual_sub p {font-size:20px;}

	/* lnb */
	.lnb {display:none;} /* ¸ð¹ÙÀÏ¿¡¼­ ©¸² */
	

	/*=========================== ÀÎÀçä¿ë°Ô½ÃÆÇ ===========================*/
	.recruit_ex{background:#f3f3f3 url("/images/sub/recruit_icon01.png") no-repeat 35px 50%; padding:25px;}

	.recruit_ex p.recruit_txt {width: 52%;padding-left: 90px; font-size: 15px;color:#666;}
	.recruit_ex p.re_down .re_down_bt { font-size: 17px;letter-spacing:-0.5pt;width:180px;}
	/*=========================== //ÀÎÀçä¿ë°Ô½ÃÆÇ ===========================*/


	/************************ »ý»ê°øÁ¤ ************************/
	.prd_introduce .imgWrap {height: 450px;}
	.prd_introduce .imgWrap li img { width: 100%; height: 450px;}
		

	/*=========================== ÀλçÁ¦µµ ===========================*/
	.career_con .career_in .c_inner dl.three dd p.welfare{float:left; padding:8px 0 8px 0; border-radius:15px; width:32%; height:auto; margin:0 2px 2px 0;}
	.career_con .career_in .c_inner dl.three dd p.welfare br{display:none}
	.career_con .career_in .c_inner dl.three dd p.welfare.two{padding:8px 0 8px 0;}
	/*=========================== //ÀλçÁ¦µµ ===========================*/	
	
}


/*******************************************************************************
	@media 768~980px
*******************************************************************************/
@media all and (max-width:980px){

	#contents p.location {display:none;}


	/* lnb */
	.lnb {display:none;}
	.lnb_mobile {display:none;}
	
	h4.sub_title{font-size:32px;}
	h4.sub_title_eng{font-size:30px;}	
	h4.sub_title_02{font-size:22px; }
	h4.sub_title_01{font-size:28px; }
		
	
	/* ¿¬Çõ */
	h4.history_tit{ margin-top: 30px; font-size:40px; color:#ebebeb; font-weight:800; text-align:left; line-height:100%; font-family:'Open Sans',sans-serif; }
	#history .list ul {width: 100%; position: relative;}
	#history .list ul:before {content: "";display: block;width: 1px; height: 95%; position: absolute; top: 5px; left: 14px; transform: translateX(-85%); background-color: #bebebe;}

	#history .list ul li dl { width:100%;}
	#history .list ul li:nth-child(even) dl,
	#history .list ul li:nth-child(odd) dl { float:none; padding:0 0 0 60px;}
	#history .list ul li{ text-align: left !important;	}
	#history .list ul li:nth-child(even) dl dd p { padding: 0 0 0 10px;	}
	#history .list ul li:nth-child(even) dl dd p:after { right:inherit; left:0;}
	#history .list ul li:nth-child(odd) dl:after { left:0;}
	#history .list ul li:nth-child(odd) dl dd p span {padding-right:10px;}	
	#history .list ul li:nth-child(even) dl:after {    content: url("/images/sub/dots_left.png");  right:inherit; left:0;}
	#history .list ul li:nth-child(even) dl dd p span {padding:0 10px 0 0;}
		
	#history .list ul:after { display:none;}
	#history .list ul li dl dt { font-size:30px;}
	#history .list ul li dl dd {font-size: 16px;}	
	#history .list ul li { margin-bottom:40px;}	
	
	.history_pc {display:none;}
	.history_m {display:block;}		
	
	/* ¿À½Ã´Â ±æ 
	.location_con dl{width:50%; padding:25px 0 25px 40px;}
	.location_con dl.call{width:50%}
	.location_con dt{width:18%}
	.location_con dt img{}
	.location_con dd{font-size:14px; line-height:26px;}
	.location_con dd p.tit{line-height:26px;}
	.location_con dd span.tit{line-height:26px; width:60px;}	
	*/	
		
	/* ÀÎÀç»ó */
	.talent_con .icon_list{margin-top:30px}
	.talent_con .icon_list dl{float:left; width:29.9145299145%;margin-right:5.12820512821%}
	.talent_con .icon_list dl:last-child{margin-right:0}
	.talent_con .icon_list dl .icon{width:180px; height:180px; margin:0 auto 20px auto; border-radius: 100%;}
	
	.talent_con .icon_list dl.one .icon{background-size: 70px;}
	.talent_con .icon_list dl.two .icon{background-size: 70px;}
	.talent_con .icon_list dl.three .icon{background-size: 70px;}
	
	.talent_con .icon_list dl:after {position: absolute;right: -41px; top: 70px; display: block; width: 40px; height: 40px;background: url('../images/sub/plus.png') center no-repeat;background-size:40px; content: '';}
	.talent_con .icon_list dl:nth-child(3):after{display:none;}
	
	.talent_con .icon_list dl p.sub_bt {line-height: 150%; font-size: 20px; letter-spacing: -0.8pt;}
	.talent_con .icon_list dl p.sub_engt{line-height: 140%; font-size: 18px;}
	.talent_con .icon_list dl p.sub_txt {line-height: 150%; font-size: 14px; letter-spacing: -0.8pt;adding-top: 5px;}
	
		
	/* º¹ÁöÈÄ»ý */
	.welfare li {float:none; width:100%; padding:25px 20px; min-height:auto;}
	.welfare dd p {font-size:20px;}	

	/* À±¸®°æ¿µ/ºÐÀﱤ¹°Á¤Ã¥  */
	.certi_main		{padding:40px 30px}
	.certi_info		{padding: 40px; font-size:14px; line-height:180%;}
	.certi_body		{margin: 0 40px 40px 40px; padding: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
	.certi_rap		{padding: 30px 0 20px 0;}
	.txt-area			{margin:20px 0}
	.certi_title		{font-size:14px;}
	.certi_cont		{margin-left: 10px; font-size:13px;}
	.certi_ceo		{font-size:18px; padding-bottom:30px;}
	
	.certi_text		{margin: 0 40px 40px 40px; font-size:1.2em}
}




/*******************************************************************************
	@media 768px ~ 860px
*******************************************************************************/
@media all and (max-width:860px) { 

	/** ·Î±×ÀÎ **/
    .login {margin:0px 0 0px;  width:100%;}
    .login .titleArea {}
    .login .titleArea h3 {margin:40px 0 0px;font-size:34px; }
    .login .titleArea span {margin:0 0 25px;}
	
    .login fieldset{width:30%; }
    
	.login .loginBtn {margin:0 0 0px; font-size:18px; width:260px; }
	/** //·Î±×ÀÎ **/

}




/*******************************************************************************
	@media 640px~780px
*******************************************************************************/
@media all and (max-width:780px){

	/* SUB VISUAL*/
	
	#visual_sub{height:350px;}
	.subtop_company{background:url('/images/sub/sub_img_01_m.jpg') center 0px no-repeat;}
	.subtop_business1{background:url('/images/sub/sub_img_02_m.jpg') center 0 no-repeat;}
	.subtop_business2{background:url('/images/sub/sub_img_03_m.jpg') center 0 no-repeat;}
	.subtop_pr{background:url('/images/sub/sub_img_04_m.jpg') center 0 no-repeat;}
	.subtop_recruit{background:url('/images/sub/sub_img_05_m.jpg') center 0 no-repeat;}	
	.subtop_customer{background:url('/images/sub/sub_img_04_m.jpg') center 0 no-repeat;}	
	
	
	#visual_sub h2 {font-size:30px;  padding:188px 0 8px 0;}
	#visual_sub p {font-size:18px; letter-spacing: 0pt;}

	/* »çÀÌÆ®¸Ê */
	.sitemap_cont dl {width:31.3%; margin-right:2%}
	.sitemap_cont dl.m_last {margin-right:0;}
	
	/* »çÀÌÆ®¸Ê */
	.sitemap_cont_eng dl {width:31.3%; margin-right:2%}
	.sitemap_cont_eng dl.m_last {margin-right:0;}	

	.site_w {display:block;}
	.site_m {display:block;}

	
	h4.sub_title{font-size:28px;}
	h4.sub_title_eng{font-size:26px;}	
	h4.sub_title_02{font-size:18px; }	
	h4.sub_title_01{font-size:26px;}	
	.greeting_txt{line-height:160%; font-size:15px; padding-bottom:25px; letter-spacing:-0.5pt;}
	.greeting_txt02{line-height:160%; font-size:15px; padding-bottom:25px; letter-spacing:-0.5pt;}
	

	/* ¿¬Çõ */
	#history .list ul { padding:20px 0 50px;}

	h4.history_tit{ margin-top: 10px; font-size:45px;}

	.timeline {width: 100%;}
	.timeline .head {top: -50px;}

	.timeline > ul > li {padding-bottom: 80px;}/*¿ø°£°Ý*/
	.timeline > ul > li dl {float: left; position: relative; width: 50%;}
	.timeline > ul > li dl dt { top: 50%;  transform: translateY(-50%); padding-bottom: 10px;font-size: 50px;}
	/* .timeline > ul > li dl dd {position: relative;} */
	.timeline > ul > li dl dd > div {width: 100%; height: 40px; margin-bottom: 5px;}
	.timeline > ul > li dl dd > div span {width: 35px; height: 35px; line-height: 35px; font-size: 16px; }
	/* ¿À¹ö¶óÀÎ
	.timeline > ul > li dl dd > div span::before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1px; height: 80px; background: #1e4faf;}
	*/
	.timeline > ul > li dl dd > div p {font-size: 15px;}
	
	.timeline > ul > li:nth-child(odd) dl dt {left: -150px;}
	.timeline > ul > li:nth-child(odd) dl dd > div {padding-left: 30px;}
	.timeline > ul > li:nth-child(odd) dl dd > div span {left: 0; transform: translate(-50%);}
	.timeline > ul > li:nth-child(even) dl {float: left; text-align: right;}
	.timeline > ul > li:nth-child(even) dl dt {right: -150px;}
	.timeline > ul > li:nth-child(even) dl dd > div {padding-right: 30px;}
	.timeline > ul > li:nth-child(even) dl dd > div span {right: 0; transform: translate(50%);}
	
	.timeline > ul > li div span {font-size: 15px;}
		
		
	/* ÀÎÁõ¼­ */
		
		
	#certification ul li {width:49%; margin-right:2%;margin-bottom:20px;}
	
	#certification ul li:nth-child(9) { margin-right:2% !important;}	
	#certification ul li:nth-child(3) { margin-right:2% !important;}
	#certification ul li:nth-child(2n) { margin-right:0;}
		
	#certification ul li .txt {margin-top:10px;}
	#certification ul li .txt span {font-size:16px;}
	#certification ul li .txt p {font-size:16px;}	
		
		
	/* ¿À½Ã´Â ±æ */
	.location_con dl{float:none; width:100%; margin-top:5px; }
	.location_con dl.call{border-left:1px solid #ddd; width:100%; }
	
	/************ ¿¬Çõ ÅÇ ************/
	.rec_tab li a {padding: 15px 0 15px;width: 140px;font-size: 15px;}
	.rec_tab li.active a {font-size: 15px;}
	
	/************ //ÅÇ ************/		
		
		
	/************************ Á¦Ç°¼Ò°³ ************************/
	.product {}
	.product .txt {padding: 20px 20px 20px 30px; margin-bottom: 40px; line-height: 150%; font-size: 14px;}
	
	.product div > ul {padding-bottom: 20px;}
	.product div > ul > li {display: block; float:left;  width: 100%; margin-right:0%; margin-bottom:20px; }
	.product div > ul > li:last-child {width: 100%;margin-right:0%;}
	.product div > ul > li h4 {font-size: 18px; letter-spacing: -0.5pt;  padding: 16px 0 15px 0;}
	.product div > ul > li .img {}
	.product img {padding: 0px 40px;}
	
	/************************ //Á¦Ç°¼Ò°³ ************************/
	
	
	/* ÀÎÀç»ó */
	.talent_con .icon_list{margin-top:20px}
	.talent_con .icon_list dl .icon{width:160px; height:160px; margin:0 auto 20px auto; border-radius: 100%;}

	.talent_con .icon_list dl.one .icon{background-size: 70px;}
	.talent_con .icon_list dl.two .icon{background-size: 70px;}
	.talent_con .icon_list dl.three .icon{background-size: 70px;}
	
	.talent_con .icon_list dl:after {position: absolute;right: -31px; top: 70px; display: block; width: 30px; height: 30px;background: url('../images/sub/plus.png') center no-repeat;background-size:30px; content: '';}
	
	
	/*=========================== ÀÎÀçä¿ë°Ô½ÃÆÇ ===========================*/
	.recruit_ex{background-image:none; padding:25px;}

	.recruit_ex p.recruit_txt {width: 100%; float: left; padding-left: 0px; line-height: 140%;font-size: 14px;letter-spacing:-0.5pt;}

	.recruit_ex p.re_down{float: right;text-align:center;padding-top:0%; padding-right: 0px;}
	.recruit_ex p.re_down .re_down_bt { 
		display: inline-block;
		padding: 15px 0px; margin: 10px 0px 0 0;
		font-family: 'NotoKR-Medium', sans-serif;
		font-size: 15px;letter-spacing:-0.5pt;
		color: #fff;
		background: #af070d;
		border: 1px solid #af070d;
		width:180px;
		text-align:center; vertical-align: middle;
	}
	.recruit_ex p.re_down .re_down_bt:hover{color: #fff;background: #ce0e15;}
	/*=========================== //ÀÎÀçä¿ë°Ô½ÃÆÇ ===========================*/	


	/* ================ Áö¿øÀÚ Á¤º¸ =============== */	
	.recruit_table ul li {float: none; display:block; text-align: center;}	
	.re_img {width: 100%; max-height:1000px; padding: 0 0% 0 0;text-align: center !important; }	
	.re_img p { margin: 0 auto;padding: 10px 0; max-width: 150px;text-align: center !important; }
	.re_img p .btn_photo { 
		display: block;
		width:100%;
	}
	.re_table {display: none !important;}	
	.re_table_mobile {display: block !important;width: 100%; margin-top: 10px;}	
	/* ================ //Áö¿øÀÚ Á¤º¸ =============== */		

	
	/************************ »ý»ê°øÁ¤ ************************/
	.prd_introduce {width:100%;}
	.prd_introduce .imgWrap {max-width:1170px; height: 380px; }
	.prd_introduce .imgWrap li img { width: 100%; height: 380px; }
	.prd_introduce .infobox .txtWrap {padding:25px 30px; line-height: 155%; font-size: 15px; letter-spacing: -0.05em;}
	.prd_introduce .infobox .thumWrap {padding:30px 30px;}
	.prd_introduce .infobox .thumWrap .thumlist {max-width:1170px;height:70px;}
	.prd_introduce .infobox .thumWrap .thumlist ul {width:300%;height:70px;}
	.prd_introduce .infobox .thumWrap .thumlist li {float:left;width:100px;height:70px;margin-right:10px;}
	.prd_introduce .infobox .thumWrap .thumlist li img {width:100px;height:auto;}
	.prd_introduce .infobox .thumWrap .thumlist li.on img {width:100px;height:auto;}

	.career_con .career_in .c_inner h5{width:100%; float:none; padding-bottom:15px;}
	.career_con .career_in .c_inner dl.one{float:none; width:100%}
	.career_con .career_in .c_inner dl.two{float:none; width:100%}
	.career_con .career_in .c_inner .left{float:none; width:100%}
	.career_con .career_in .c_inner dl.process{float:none; width:100%}	
	
	.greeting_con02{padding:0;}
	.greeting_con02 h4{padding-bottom:25px}
	.greeting_con02 h4 br{display:none;}
	.greeting_con02 h4 span.quotes{margin:5px 0 0 20px}
	.greeting_con02 h4 span.quotes img{width:52px}
	.greeting_con02{line-height:24px;  padding-bottom:25px;}
	.greeting_con02 br{display:block;}
	.greeting_txt01 br{display:none;}
	.greeting_img02{position:relative; width:100%; padding-bottom:20px; top:auto; right:auto; text-align:center;}
	.greeting_img02 .pc_img{display:none;}
	.greeting_img02 .mo_img{display:inline-block; width:60%;}	
		
}

/*******************************************************************************
	@media ~640px
*******************************************************************************/
@media all and (max-width:640px){

	/* SUB VISUAL*/
	#visual_sub{height:250px;}
	.subtop_company{background:url('/images/sub/sub_img_01_m.jpg') center 0px no-repeat;background-size:auto 400px;}
	.subtop_business1{background:url('/images/sub/sub_img_02_m.jpg') center 0 no-repeat;background-size:auto 400px;}
	.subtop_business2{background:url('/images/sub/sub_img_03_m.jpg') center 0 no-repeat;background-size:auto 400px;}
	.subtop_pr{background:url('/images/sub/sub_img_04_m.jpg') center 0 no-repeat;background-size:auto 400px;}
	.subtop_recruit{background:url('/images/sub/sub_img_05_m.jpg') center 0 no-repeat;background-size:auto 400px;}
	.subtop_customer{background:url('/images/sub/sub_img_04_m.jpg') center 0 no-repeat;background-size:auto 370px;}
	
	#visual_sub h2 {font-size:28px;  padding:130px 0 5px 0;}
	#visual_sub p {font-size:18px; letter-spacing: -0.5pt; line-height: 110%;}
	

	/* ¼­ºê ÄÁÅÙÃ÷*/
	#contents {width:94%}
	#contents .tit_area {padding: 20px 0;}
	#contents h3.title {font-size:26px;}
	.contentArea .tit_area{padding:0px; margin:0px 0 0px 0;}
	.contents_in {margin:0 0 60px 0;}	
	
	.con_tit{font-size:17px; padding:0 0 12px 0;letter-spacing:-0.3pt;}
	.road_tit {font-size:17px;background:url("../images/sub/info_arrow.png") no-repeat 0 26%;   padding:0px 0 10px 26px;letter-spacing:-0.7pt; line-height: 120%;}
	.road_tit_eng {font-size:17px;background:url("../images/sub/info_arrow.png") no-repeat 0 26%;   padding:0px 0 10px 26px;letter-spacing:-0.7pt; line-height: 120%;}	

		
	h4.sub_title{font-size:20px; font-family:'NotoKR-Light',sans-serif; letter-spacing: -1.5pt;}
	h4.sub_title_eng{font-size:18px; font-family:'NotoKR-Light',sans-serif; letter-spacing: -0.5pt !important;}	
		
	span.title_red{font-family:'NotoKR-Regular',sans-serif;letter-spacing: -1.5pt;}	
	span.title_blue_eng{font-family:'NotoKR-Regular',sans-serif;letter-spacing: -0.5pt;}	
	span.title_blue{font-family:'NotoKR-Regular',sans-serif;letter-spacing: -1.5pt;}
	h4.sub_title_02{font-size:17px;letter-spacing: -0.5pt;}	
	h4.sub_title_01{font-size:18px;}		
	

	/************************ »çÀÌÆ®¸Ê ************************/
	.sitemap_cont dl{margin-bottom:0px;width:49%; margin-right:1%;}
	.sitemap_cont dl:last-child{margin-right:1%;}
	.sitemap_cont dl:nth-child(3){clear: both; margin-right:1%;}	
	.sitemap_cont dl:nth-child(4){margin-right:1%;}
	.sitemap_cont dl:nth-child(5){margin-right:1%;}		
	.sitemap_cont dt{font-size:14px; padding:10px 0;} 
	.sitemap_cont dt.two{margin-top:15px;}
	.sitemap_cont dd{font-size:13px; padding:11px 5px; }
	.sitemap_cont dd a{ padding:11px 5px;}	
		

	/************************ »çÀÌÆ®¸Ê ************************/
	.sitemap_cont_eng dl{margin-bottom:0px;width:32.3%; margin-right:1%;}
	.sitemap_cont_eng dl:last-child{margin-right:0;}
	.sitemap_cont_eng dt{font-size:14px; padding:10px 0;} 
	.sitemap_cont_eng dt.two{margin-top:15px;}
	.sitemap_cont_eng dd{font-size:13px; padding:0px 0; }
	.sitemap_cont_eng dd a{ padding:11px 5px;}		
	
	
	/************************ ȸ»ç¼Ò°³ ************************/	
	/* CEO Àλ縻 */
	.greeting_con{padding:0;}
	.greeting_con h4{padding-bottom:20px; line-height: 120%; letter-spacing: -1.5pt;}
	.greeting_con h4 br{display:block;}
	.greeting_con h4 span.quotes{margin:0px 0 0 10px; }
	.greeting_con h4 span.quotes img{width:60%;}
	.loca_btn{line-height:160%; font-size:14px; padding-bottom:18px;}
	.greeting_txt br{display:block; padding-bottom: 10px;}
	.greeting_txt{padding-left: 0px;line-height:160%; font-size:14px; padding-bottom:25px; letter-spacing:-0.5pt;}
	.greeting_img{width:100%; height: auto; padding-bottom:0px;text-align:center; top: 0px; position: relative;}
	.greeting_ceo{font-size:16px; margin: -20px 0;}
	.greeting_ceo span.sign{top:35px; left:80px}
	.greeting_ceo span.sign img{width:100px;}	
	.greeting_ceo img{width:80px;}	
	.greeting_img .pc_img{display:none;}
	.greeting_img .mo_img{display:inline-block; width:60%;}	
	
	.greeting_con02{padding:0;}
	.greeting_con02 h4{padding-bottom:20px; letter-spacing: -1pt !important; text-align: center !important;}
	.greeting_con02 h4 .ls3{letter-spacing: -1pt !important;}	
	.greeting_con02 h4 .ls1{letter-spacing: -0.5pt !important;}		
	.greeting_con02 h4 br{display:block;}
	.greeting_con02 h4 span.quotes{margin:5px 0 0 20px}
	.greeting_con02 h4 span.quotes img{width:52px}
	.greeting_con02{line-height:24px;  padding-bottom:0px;}
	.greeting_con02 br{display:block;}
	.greeting_txt02{line-height:160%; font-size:14px; padding-bottom:25px; letter-spacing:-0.5pt;}	
	.greeting_txt01 br{display:none;}
	.greeting_img02{padding-bottom:18px;}
	.greeting_img02 .pc_img{display:none;}
	.greeting_img02 .mo_img{display:inline-block; width:60%;}	
	
	
	/* ¿¬Çõ */
	.timeline > ul > li dl dd > div p {font-size: 14px;}
	
	.timeline > ul > li:nth-child(odd) dl dt {left: -150px;}
	.timeline > ul > li:nth-child(odd) dl dd > div {padding-left: 30px;}
	.timeline > ul > li:nth-child(odd) dl dd > div span {left: 0; transform: translate(-50%);}
	.timeline > ul > li:nth-child(even) dl {float: left; text-align: right;}
	.timeline > ul > li:nth-child(even) dl dt {right: -150px;}
	.timeline > ul > li:nth-child(even) dl dd > div {padding-right: 30px;}
	.timeline > ul > li:nth-child(even) dl dd > div span {right: 0; transform: translate(50%);}
	
	.timeline > ul > li div span {font-size: 14px;}
		
	h4.history_tit{font-size:40px; }
	
		
	#history .list ul { padding:20px 0 50px;}
	#history .list ul li dl dd {margin-top:18px; font-size: 14px;}
	/************ ¿¬Çõ ÅÇ ************/
	.rec_tab li a {padding: 15px 0 15px;width: 120px;font-size: 15px;}
	.rec_tab li.active a {font-size: 15px;}
	
	/************ //ÅÇ ************/	
	.timeline > ul > li { padding-bottom: 40px;}	
	
		
	/* Á¶Á÷µµ */	
	.org_pc {display:none;}
	.org_m {display:block;}	
	
	
	/* ¿À½Ã´Â±æ */
	.loca_btn{ margin-top:15px}
	.loca_btn a {border-radius:58px; width:140px; line-height:38px; }
	
	.location_con .location_in {padding:10px 0 10px 3%;}
	.location_in .map_txt dl{float:none; clear:both; margin-right:0;}
	.map_txt dt{font-size:13px; line-height:15px; height:20px; width:60px;}
	.map_txt dl.add dt{background:url('../images/sub/icon_loca.png') 0 0px no-repeat; padding:0 10px 0 25px; box-sizing:border-box; vertical-align:top; background-size:15px;}
	.map_txt dl.tel dt{background:url('../images/sub/icon_tel.png') 0 0px no-repeat; padding:0 10px 0 25px; box-sizing:border-box; background-size:16px;}
	.map_txt dl.fax dt{background:url('../images/sub/icon_fax.png') 0 0px no-repeat; padding:0 10px 0 25px; box-sizing:border-box; background-size:16px;}
	.map_txt dd{font-size:13px; width:calc(100% - 90px); line-height:15px; height:20px;}

	.location_in .btn{position:relative; top:0; right:0; text-align:center;}
	.location_in .btn a{width:160px; margin:15px auto 0; text-indent:20px;}
	.location_in .btn a span {opacity:1; color:#fff; line-height:60px;}
	.location_in a.print {display:none;}	
	
	/************************ //ȸ»ç¼Ò°³ ************************/	

	/************************ »ý»ê°øÁ¤ ************************/
	.prd_introduce {width:100%;}
	.prd_introduce .imgWrap {max-width:1170px; height: 250px; }
	.prd_introduce .imgWrap li img { width: 100%; height: 250px; }
	.prd_introduce .imgWrap .page .prev {top:50%;left:15px; width: 40px;}
	.prd_introduce .imgWrap .page .next {top:50%;right:15px;width: 40px;}
	
	.prd_introduce .infobox .txtWrap {padding:25px 20px; line-height: 155%; font-size: 14px; letter-spacing: -0.05em;}
	.prd_introduce .infobox .thumWrap {padding:30px 20px;}
	.prd_introduce .infobox .thumWrap .thumlist {max-width:1170px;height:auto;}
	.prd_introduce .infobox .thumWrap .thumlist ul {width:300%;height:auto;}
	.prd_introduce .infobox .thumWrap .thumlist li {float:left;width:80px;height:auto;margin-right:10px;}
	.prd_introduce .infobox .thumWrap .thumlist li img {width:80px;height:auto;}
	.prd_introduce .infobox .thumWrap .thumlist li.on img {width:80px;height:auto;}	
	/************************ //»ý»ê°øÁ¤ ************************/
	
	
	/* ÀÎÀç»ó */
	.talent_con .icon_list{margin-top:10px}
	.talent_con .icon_list dl .icon{width:140px; height:140px; margin:0 auto 20px auto; border-radius: 100%;}
	
	.talent_con .icon_list dl.one .icon{background-size: 60px;}
	.talent_con .icon_list dl.two .icon{background-size: 60px;}
	.talent_con .icon_list dl.three .icon{background-size: 60px;}
	
	.talent_con .icon_list dl:after {position: absolute;right: -22px; top: 65px; display: block; width: 20px; height: 20px;background: url('../images/sub/plus.png') center no-repeat;background-size:20px; content: '';}	
		
	.talent_con .icon_list dl p.sub_txt br {display: none;}	
	

	/* º¹¸®ÈÄ»ý */	
	.welfare dt {width:100%; display:block; text-align:center; margin-bottom:20px;}
	.welfare dd {max-width:100%; display:block; text-align:center;}	
	.welfare dd p {font-size:20px;}
	.welfare dd div {line-height:155%; font-size: 14px;}
	.welfare dd div strong { line-height:180%; font-size: 16px;}
	
	/*=========================== ÀλçÁ¦µµ ===========================*/	
	.career_con{position:relative; padding-top:20px;}
	.career_con h4.sub_title{text-align:center; padding-bottom:12px;}
	.career_con p.sub_stitle{text-align:center; padding-bottom:60px;}
	.career_con p.sub_stitle br{display:none}
	
	.career_con .career_in .c_inner{padding:20px 0;}
	.career_con .career_in .c_inner h5{font-size:17px; padding-bottom:10px;}
	.career_con .career_in .c_inner p.dot{padding:3px 0 3px 10px;}
	.career_con .career_in .c_inner p.dot:before{top:10px;}
	
	.career_con .career_in .c_inner dl.one dd{font-size:13px; font-weight:normal}
	.career_con .career_in .c_inner dl.one dd table th{font-size:13px; letter-spacing:-0.5pt; font-weight:300; line-height: 160%;}	
	.career_con .career_in .c_inner dl.one dd table td{font-size:13px; letter-spacing:-0.5pt; font-weight:300; line-height: 160%;}		
	.career_con .career_in .c_inner dl.two dd{font-size:13px; font-weight:normal; padding:0 0 8px 100px}
	.career_con .career_in .c_inner dl.two dd.mail{font-weight:bold; color:#222; letter-spacing:0}
	.career_con .career_in .c_inner dl.two dd span.title{position:absolute; left:0; font-weight:normal; letter-spacing:-0.5pt; color:#666;}
	
	.career_con .career_in .c_inner dl.three{padding-bottom:15px;}
	.career_con .career_in .c_inner dl.three dt{width:80px; font-size:13px; font-weight:normal;}
	.career_con .career_in .c_inner dl.three dd{width:calc(100% - 80px); font-size:13px; font-weight:normal;}
	.career_con .career_in .c_inner dl.three dd h6{font-size:15px; padding-bottom:6px;}
	.career_con .career_in .c_inner dl.three dd .one{padding-bottom:15px}
	.career_con .career_in .c_inner dl.three dd li{font-size:13px; padding:0 0 5px 90px;}
	.career_con .career_in .c_inner dl.three dd li.add{padding:0 0 8px 0;}
	.career_con .career_in .c_inner dl.three dd li span.title{position:absolute; left:0; letter-spacing:-0.5pt; color:#666;}
	.career_con .career_in .c_inner dl.three dd p.welfare{font-size:13px; border-radius:10px;}
	
	.career_con .btn_area{padding-top:30px;}
	.career_con .btn_area a{font-size:15px; width:220px; padding:0 0 0 30px; line-height:50px;background-size:18px}
	.career_con .btn_area a:hover{background-size:18px; padding:0 0 0 23px;}
	/*=========================== //ÀλçÁ¦µµ ===========================*/
			
	.only_w		{display:none;}
	.only_m		{display:block;}
	
	.cont_title	{font-size:26px;padding-bottom:18px;}
	p.cont_tit	{font-size:16px; padding-bottom:5px;}
	.cont_txt		{font-size:13px;}
	.cont_txt2	{padding-bottom:35px;}
	.cont_box	{padding:10px; margin:5px 0px 20px 0px;}
	p.contin_txt {margin-bottom:12px; line-height:140%;}
			
	.pdate {line-height: 140%;font-size: 16px;}
	.pdate span {padding-right: 20px;}
	

	/* À±¸®°æ¿µ/ºÐÀﱤ¹°Á¤Ã¥  */
	.certi_rap		{padding: 20px 0 10px 0;}
	.certi_info		{padding: 30px; font-size:13px; line-height:180%;}
	.certi_body		{margin: 0 30px 30px 30px; padding: 30px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
	.certi_title		{font-size:13px;}
	.certi_cont		{margin-left: 10px; font-size:12px;}
	.certi_ceo		{font-size:18px; padding-bottom:20px;}
	.certi_text		{margin: 0 30px 30px 30px; font-size:13px}
}




/*******************************************************************************
	@media 320px~480px
*******************************************************************************/
@media all and (max-width:480px){

	#visual_sub{height:220px;}
	.subtop_company{background-position:center 0px;background-size:auto 300px;}
	.subtop_business1{background-position:center 0px;background-size:auto 300px;}
	.subtop_business2{background-position:center 0px;background-size:auto 300px;}
	.subtop_pr{background-position:center 0px;background-size:auto 300px;}
	.subtop_recruit{background-position:center 0px;background-size:auto 300px;}
	.subtop_customer{background-position:center 0px;background-size:auto 300px;}
	
	#visual_sub h2 {font-size:24px;  padding:120px 0 5px 0;}
	#visual_sub p {font-size:15px; letter-spacing: -0.5pt; line-height: 110%;}
	
	h4.sub_title_01{font-size:16px;}	
	h4.sub_title{font-size:18px; line-height: 140%;}
	h4.sub_title_eng{font-size:16px;}	
	.greeting_txt{line-height:160%; font-size:13px; padding-bottom:25px; letter-spacing:-0.5pt;}
	.greeting_ceo{font-size:14px;}	
		

	/************ ¿¬Çõ ÅÇ ************/
	.rec_tab li a {padding: 15px 0 10px;width: 110px;font-size: 14px;}
	.rec_tab li.active a {font-size: 14px;}
		/************ //ÅÇ ************/	
	
	/* ¿¬Çõ */
	.timeline > ul > li dl dd > div p {font-size: 13px;}
	.timeline > ul > li dl dt {font-size: 35px;}
		
	.timeline > ul > li:nth-child(odd) dl dt {left: -120px;}
	.timeline > ul > li:nth-child(odd) dl dd > div {padding-left: 30px;}
	.timeline > ul > li:nth-child(odd) dl dd > div span {left: 0; transform: translate(-50%);}
	.timeline > ul > li:nth-child(even) dl {float: left; text-align: right;}
	.timeline > ul > li:nth-child(even) dl dt {right: -120px;}
	.timeline > ul > li:nth-child(even) dl dd > div {padding-right: 30px;}
	.timeline > ul > li:nth-child(even) dl dd > div span {right: 0; transform: translate(50%);}
	
	.timeline > ul > li div span {font-size: 14px;}
		
	h4.history_tit{font-size:35px; }
		
	#history .list ul { padding:10px 0 50px;}
	#history .list ul li dl dd {margin-top:18px; font-size: 13px;}
	.timeline > ul > li { padding-bottom: 30px;}		
		
	#certification ul li .txt {margin-top:10px;}
	#certification ul li .txt span {font-size:14px;}
	#certification ul li .txt p {font-size:14px;}	
	
		
	/************************ »ý»ê°øÁ¤ ************************/
	.prd_introduce .imgWrap {max-width:1170px; height: 200px; }
	.prd_introduce .imgWrap li img { width: 100%; height: 200px; }
	.prd_introduce .infobox .txtWrap {padding:20px 15px; line-height: 155%; font-size: 14px; }
	.prd_introduce .infobox .thumWrap {padding:20px 15px; }
	.prd_introduce .infobox .thumWrap .thumlist {max-width:1170px;height:auto;}
	.prd_introduce .infobox .thumWrap .thumlist ul {width:100%;height:auto;}
	.prd_introduce .infobox .thumWrap .thumlist li {float:left;width:23%;height:auto;margin-right:2.5%;}
		.prd_introduce .infobox .thumWrap .thumlist li:last-child {margin-right: 0px;}	
	.prd_introduce .infobox .thumWrap .thumlist li img {width:100%;height:auto;}
	.prd_introduce .infobox .thumWrap .thumlist li.on img {width:100%;height:auto;}
	/************************ //»ý»ê°øÁ¤ ************************/
		
		
	/************************ Á¦Ç°¼Ò°³ ************************/
	.product {}
	.product .txt {padding: 20px 20px 20px 20px; margin-bottom: 20px; line-height: 150%; font-size: 14px;}
	
	.product div > ul {padding-bottom: 20px;}
	.product div > ul > li {display: block; float:left;  width: 100%; margin-right:0%; margin-bottom:20px; }
	.product div > ul > li:last-child {width: 100%;margin-right:0%;}
	.product div > ul > li h4 {font-size: 16px; letter-spacing: -0.5pt;  padding: 10px 0 10px 0;}
	.product div > ul > li .img {}
	.product img {padding: 0px 40px;}
	/************************ //Á¦Ç°¼Ò°³ ************************/
		
	
	/* ÀÎÀç»ó */
	.talent_con{}	
	.talent_con .icon_list{margin-top:10px; width:100%; }	
	.talent_con h5.sub_stitle br{display:none;}
	.talent_con .icon_list dl{position: relative; overflow: hidden; float:none; width:100%; margin-right:0; text-align:left;  margin-bottom:20px; border-bottom: 1px dashed #ccc;}
	.talent_con .icon_list dl:after{display:none;}
	.talent_con .icon_list dl:last-child{margin-bottom:0;border-bottom:none;}
	.talent_con .icon_list dt.icon{float:left; height:100px; width:100px;margin-left: 10px;  margin-right:20px; background-size:45px !important;}
	.talent_con .icon_list dd{float:left;width: calc(100% - 130px);   margin-top:0; }	
	.talent_con .icon_list dl p.sub_txt br{display:none;}	
	.talent_con .icon_list dl p.sub_bt {line-height: 130%; font-size: 18px; letter-spacing: -0.8pt; padding-top: 5px;}
	.talent_con .icon_list dl p.sub_engt{line-height: 130%; font-size: 16px;}
	.talent_con .icon_list dl p.sub_txt {line-height: 150%; font-size: 14px; letter-spacing: -0.8pt;padding-top: 5px;}	
		
	.career_con .career_in .c_inner dl.three dd p.welfare{width:48%; border-radius:10px;}
	.career_con .career_in .c_inner dl.process dd{font-size:13px;}
		
	.pdate {line-height: 140%;font-size: 14px;}
	.pdate span {padding-right: 15px;}
		
}





/*******************************************************************************
	@media ~375px
*******************************************************************************/
@media all and (max-width:375px){

	#visual_sub{height:180px;}
	.subtop_company{background-position:center 15px;background-size:auto 220px;}
	.subtop_business1{background-position:center 15px;background-size:auto 220px;}
	.subtop_business2{background-position:center 15px;background-size:auto 220px;}
	.subtop_pr{background-position:center 15px;background-size:auto 220px;}
	.subtop_recruit{background-position:center 15px;background-size:auto 220px;}
	.subtop_customer{background-position:center 15px;background-size:auto 220px;}
	
	
	#visual_sub h2 {font-size:20px;  padding:100px 0 5px 0;}
	#visual_sub p {font-size:13px; letter-spacing: -0.5pt; line-height: 110%;}

	
	/************ ¿¬Çõ ÅÇ ************/
	.rec_tab li a {padding: 15px 0 10px;width: 98px;font-size: 14px;}
	.rec_tab li.active a {font-size: 14px;}
	/************ //ÅÇ ************/	

	/************************ »ý»ê°øÁ¤ ************************/
	.prd_introduce .imgWrap {max-width:1170px; height: 150px; }
	.prd_introduce .imgWrap li img { width: 100%; height: 150px; }
	.prd_introduce .infobox .txtWrap {padding:20px 15px; line-height: 155%; font-size: 13px; }
	.prd_introduce .infobox .thumWrap {padding:20px 15px; }	
	/************************ //»ý»ê°øÁ¤ ************************/	
}




/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:320px){

	#visual_sub p {font-size:12px; letter-spacing: -0.5pt; line-height: 110%;}
	
	/************************ Á¦Ç°¼Ò°³ ************************/
	.product {}
	.product .txt {padding: 15px 10px 15px 10px; margin-bottom: 20px; line-height: 150%; font-size: 13px;}

	.product div > ul {padding-bottom: 20px;}
	.product div > ul > li {display: block; float:left;  width: 100%; margin-right:0%; margin-bottom:20px; }
	.product div > ul > li:last-child {width: 100%;margin-right:0%;}
	.product div > ul > li h4 {font-size: 15px; letter-spacing: -0.5pt;  padding: 8px 0 8px 0;}
	.product div > ul > li .img {}
	.product img {padding: 0px 10px;}
	/************************ //Á¦Ç°¼Ò°³ ************************/
}