@import url("common.css");

#wrap {height:auto;}
#visual_sub{position:relative;height:420px; width:100%; clear:both;  overflow:hidden;background-position:center 0; background-repeat:no-repeat; opacity:0;
	/* 효과 transform:scale(1.1); animation:effect 3s; animation-fill-mode: forwards;*/
background-size:cover;}
	.subtop_company{background:url('/images/sub/sub_img_01.jpg') center 0 no-repeat;}
	.subtop_business1{background:url('/images/sub/sub_img_01.jpg') center 0 no-repeat;}
	.subtop_business2{background:url('/images/sub/sub_img_01.jpg') center 0 no-repeat;}
	.subtop_customer{background:url('/images/sub/sub_img_01.jpg') center 0 no-repeat;}




/* footer privacy */
#visual_sub .sub_txt {top:-30px;clear:both; opacity:0; }
#visual_sub h2 {margin:0 auto; padding:200px 0 13px 0;text-align: center;   font-size:20px; font-family:'Raleway', 'Montserrat', sans-serif; font-weight: 400; line-height:120%; margin-bottom:12px; letter-spacing:0px; color:#fff; text-shadow:#101018 0 0 8px;}
#visual_sub h2:after{ width:40px; border-top:8px solid #fff; border-radius: 50px;}
#visual_sub p {margin:0 auto; text-align: center; font-family:'NotoKR-Bold', Sans-serif;  font-weight:700; color:#fff; font-size:50px; line-height:100%; text-shadow:#101018 0 0 3px;letter-spacing:0pt;}



@keyframes effect {
	0% { transform:scale(1.1); }
	100% { transform:scale(1); }
}

@keyframes up {
	15% { opacity:0; transform:translate(-50%,0); }
	100% { opacity:1; transform:translate(-50%,-50%); }
}

/* lnb */

#lnb {border-bottom:1px solid #ddd;position:relative; width:100%;  box-sizing:border-box;}
#lnb ul {font-size:0;position:relative;  max-width:1280px; margin:0 auto; overflow:hidden;}
#lnb ul li {margin-right:50px; display:inline-block;}
#lnb ul li a {font-size:18px; font-weight: 600; color: #444; letter-spacing:-0.5pt; line-height:120%; padding: 30px 0; display:block; position:relative; }
#lnb ul li a::after {content:''; width:0; height:2px; background:#005ead; position:absolute; bottom:-1px; left:0; z-index:10; transition:all 0.3s;}
#lnb ul li a br {}
#lnb ul li a.left_linktop {color:#005ead; font-weight:800;}
#lnb ul li a.left_linktop::after {widtH:100%;}
#lnb ul li a:hover {color:#005ead; transition:all 0.3s;}


.firstEffect{opacity:0; transform:translateY(50px); animation:effectCont 1s cubic-bezier(0.215,0.61,0.355,1) forwards;}
.effectCont{opacity:0; transform:translateY(50px);}
.effectCont.action{animation:effectCont 1s cubic-bezier(0.215,0.61,0.355,1) forwards; animation-delay:0;}

.firstEffect.delay1{animation-delay:0.3s; }
.firstEffect.delay2{animation-delay:0.6s; }
.firstEffect.delay3{animation-delay:0.9s; }
.firstEffect.delay4{animation-delay:1.2s; }
.firstEffect.delay5{animation-delay:1.6s; }

.effectCont.delay1.action{animation-delay:0.3s; }
.effectCont.delay2.action{animation-delay:0.6s; }
.effectCont.delay3.action{animation-delay:0.9s; }
.effectCont.delay4.action{animation-delay:1.2s; }

@keyframes effectCont {
  from {opacity:0; transform:translateY(50px);}
  to {opacity:1; transform:translateY(0);}
}

@keyframes fadeIn {
  from {opacity:0;}
  to {opacity:1;}
}

.pdt_100 {padding-top:110px; margin:0 auto 50px !important;}
.tit_area {position:absolute;top:450px;opacity:0;right:50%; margin-right:-640px; animation:fadeIn 1s cubic-bezier(0.215,0.61,0.355,1) forwards; animation-delay:0.9s; }
.location {color:#1c2025; letter-spacing:-0.5pt !important; display:flex; flex-wrap:wrap; align-items:center; font-size:15px; font-weight:400;}
.location .material-symbols-outlined {font-size:5px; color:#aaa; margin:0 10px; display:inline-block;}
.location .material-symbols-outlined.home {color:#1c2025; font-size:22px; margin:0 !important;}

.my_tab {display:flex; flex-wrap:wrap; }
.my_tab li {width:50%; text-align:center;}
.my_tab li a {display:block; line-height:90px; color:rgba(34,34,34,0.4); font-weight:400; letter-spacing: -0.07em; width:100%; height:100%; border-bottom:1px solid #ddd;  background: #FAFAFA;}
.my_tab li.tab_up a {background:#fff; color:var(--mainColor); border-bottom:0; position:relative;}
.my_tab li.tab_up a::after {content:''; width:calc(100% + 2px); height:calc(100% + 2px); border:2px solid var(--mainColor); position:absolute; top:-1px; left:-1px; box-sizing:border-box; border-bottom:0;}



@keyframes fadeIn {
0% {opacity:0; transition:all 0.3s linear;}
100%  {opacity:1; transition:all 0.3s linear;}
}

/*** 서브 컨텐츠 ***/
#contents {opacity:0; position:relative; width:1280px; margin:0 auto; animation:fadeIn 1.5s ease-in-out forwards; /*z-index:99;*/ z-index:10; padding-bottom: 80px;} /*  overflow:hidden; */
/* #contents {position:relative; width:1280px; margin:0 auto; padding-bottom: 80px;} /*  overflow:hidden; */

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



.contentArea h3.title {clear: both; padding-top: 80px; text-align:center; color:#222; font-weight:500;  font-size:45px; line-height:130%; letter-spacing:-1.4pt;font-family: 'NotoKR-Medium', sans-serif;}

.contentArea h3.sub_tit {clear: both; font-size:35px; line-height:140%; letter-spacing:-1.2pt; color:#444; font-weight:100; font-family: 'NotoKR-Light', sans-serif;}
.contentArea h3.sub_tit .bold {letter-spacing:-0.8pt;}
.contentArea h5.s_tit {clear: both; padding-top: 10px; text-align:left; color:var(--main); font-weight:500;  font-size:28px; line-height:130%; letter-spacing:-1.4pt;font-family: 'NotoKR-Medium', sans-serif;background: url(../images/sub/tit_arrow.jpg) left 23px no-repeat; padding-left: 18px;}


span.title_blue{line-height:140%; letter-spacing:-1.5pt; color:#064e91; font-weight:700;}
span.title_black{line-height:140%; letter-spacing:-1.5pt; color:#444; font-weight:700;}


.contentArea h4.sub_title {font-size:34px; line-height:180%; color: #222222; letter-spacing: -0.8pt;font-family:'NotoKR-Regular', Sans-serif; font-weight: 400; padding: 0px 0 15px 0px;}
.contentArea h4.sub_title:before {content:"";display:block;margin-bottom:0px;width:28px;height:5px;background:url(../images/main/title_arrow_icon.png) no-repeat;}




.contents_in {position:relative; /*overflow:hidden;*/ clear:both; margin:50px 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 #006ba7; background:#0083fc; 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=80); opacity:.8; -webkit-opacity:.8; }


/************************ //로그인 ************************/



/************************ 사이트맵 ************************/
.sitemap_cont{overflow:hidden; clear:both;}
.sitemap_cont dl{float:left; width:23%; margin-right:2%;}
.sitemap_cont dl:last-child{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; padding:0px 0; text-align:center; letter-spacing:-0.75pt; line-height: 140%;}
.sitemap_cont dd:last-child {border-bottom:1px solid#ddd;}
.sitemap_cont dd a{letter-spacing:-0.5pt; padding:13px 5px; 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.jpg") no-repeat 0 18%; font-family:'NotoKR-Light', Sans-serif; font-weight: 600;  font-size:24px; line-height:100%; letter-spacing:-1pt; color:#222; padding:0 0 15px 22px;}

.road_tit_eng {display:block; background:url("../images/sub/info_arrow.jpg") no-repeat 0 18%; 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 22px;}



.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333;}
.table_style th{font-size: 18px; color:#111; font-weight: 500; line-height: 160%; text-align:center; padding:14px 2%; border-bottom:1px solid #d4d4d4; background-color:#f9f9f9; letter-spacing:-0.5pt;}
.table_style td{font-size: 18px; color:#555; line-height: 160%;letter-spacing:-0.5pt; border-bottom:1px solid #d4d4d4; padding:14px 0 14px 2%; text-align:left;}
.table_style td:hover{background:#fafafa}


/*** table-blue ***/
.table_style4{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #083c8a; border-left:1px solid #ddd;}
.table_style4 thead th {font-weight:500;border-bottom:1px solid #999; color:#fff; background-color:#1751a7; }
.table_style4 tbody th { background-color:#f9f9f9; color:#333; border-bottom:1px solid #ddd; }
.table_style4 th{font-size: 18px; font-weight:500; line-height: 160%; font-family:'NotoKR-Medium',sans-serif; text-align:center;  padding:14px 2%; border-bottom:1px solid #ddd; border-right:1px solid #ddd; width: 15%; letter-spacing:-0.5pt;}
.table_style4 td{font-size: 18px; border-bottom:1px solid #ddd; line-height: 160%;  padding:14px 2%;text-align:center; border-right:1px solid #ddd; color: #444;font-family:'NotoKR-Regular',sans-serif; letter-spacing:-0.5pt;}
.table_style4 td .left_td { padding:14px 2% 14px 5%; text-align:left !important; line-height: 160%; }
.tdbg {background-color:#f6faff !important; border-bottom:1px solid #999;}
.tdbg1 {background-color:#f9f9f9 !important; border-bottom:1px solid #999;}
.thbg {background-color:#333 !important; }
.thbgb {background-color:#f9f9f9 !important; border-bottom:1px solid #ddd !important; }
.table_style4 td:hover{background:#fafafa}
.table_style4 td .tdbg:hover{background:#dae4f4}


/*** table-gray ***/
.table_style5{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; border-left:1px solid #ddd;}
.table_style5 thead th{font-weight:600;border-bottom:1px solid #999; background-color:#f9f9f9;}
.table_style5 th{font-size: 18px; color:#333; font-weight:500; line-height: 160%; font-family:'NotoKR-Medium',sans-serif; text-align:center;  padding:14px 2%; border-bottom:1px solid #ddd; background-color:#f9f9f9; border-right:1px solid #ddd; width: 15%; letter-spacing:-0.5pt;}
.table_style5 td{font-size: 18px; border-bottom:1px solid #ddd; line-height: 160%;  padding:14px 2%;text-align:center; border-right:1px solid #ddd; color: #444;font-family:'NotoKR-Regular',sans-serif; letter-spacing:-0.5pt;}
.table_style5 td .left_td { padding:14px 2% 14px 5%; text-align:left !important; line-height: 160%; }
.table_style5 td:hover{background:#fafafa}
.table_style5 tfoot th{font-weight:600;border-bottom:1px solid #999; background-color:#f9f9f9;}



.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}




/************************ 회사소개 ************************/

/*** 인사말 ***/
.greeting_cont {display:flex; flex-wrap:wrap;}
.greeting_cont .imgCont {max-width:600px; width:35%; background:url("/images/sub/greeting_img.jpg")no-repeat center / cover;}
.greeting_cont .txtCont {width:65%; padding:50px 0; box-sizing:border-box; padding-left:5%; box-sizing:border-box;}
.greeting_cont .txtCont::After {content:''; width:196px; height:232px; background:url("/images/sub/greeting_img_bg.jpg")no-repeat center; position:absolute; bottom:0; right:0; z-index:-1; display: none;}


.greeting_cont .txtCont h4 {font-size:38px; color:#222; letter-spacing:-1pt; line-height:1.3; font-weight:300; margin:0 0 35px;}
.greeting_cont .txtCont h4 b {font-size:inherit; letter-spacing:inherit; line-height:inherit;}
.greeting_cont .txtCont p {font-size:19px; line-height:1.7; letter-spacing:-0.5pt; margin:0 0 30px;}
.greeting_cont .txtCont p strong { font-weight:600; color:#333;}
.greeting_cont .txtCont span {font-size:24px; color:#222; letter-spacing:-0.5pt; line-height:1.7;}
.greeting_cont .txtCont span strong {display:inline-block; font-size:30px; font-weight:bold; color:#222; letter-spacing:-0.4pt; line-height:1; margin-left:10px;}
.greeting_cont .txtCont .ceo img{/*position:absolute; top:35px; right: 0; */width: 130px;}


/*** 회사개요 ***/	
.business_cont img {}
.business_pc {display:block;}
.business_m {display:none;}
.business_cont { position: relative; overflow: hidden;}
.business_cont .business_info { padding: 60px 0 0px 0;}
.business_cont .business_tit {width: 100%; max-width: 1280px; height: 50px; font-size: 18px; line-height: 160%; border: 1px solid #ccc; text-align: center;  padding: 20px 0 20px 0px; background:var(--graybg); color: #111;}
.business_cont .business_tit span {font-size: 20px;line-height: 160%; letter-spacing: -0.5pt; font-weight: 400;}
.business_cont .business_con {width: 100%; position: relative;}
.business_cont .business_con h5 {font-size: 28px; font-weight: 600; line-height: 140%; color: #111;}
.business_cont .business_con ul {padding: 0 0 30px 0;}
.business_cont .business_con ul li {font-size: 18px; letter-spacing: -0.3pt;}



/*** 조직도 ***/	
.org_cont img {}
.org_pc {display:block;}
.org_m {display:none;}
.org_cont { position: relative; overflow: hidden;}
.org_cont .org_info { padding: 0px 0 80px 0;}
.org_cont .org_tit {width: 100%; font-size: 25px;line-height: 160%; padding: 5px 0 5px 40px; background:var(--main); color: #fff;}
.org_cont .org_tit span {font-size: 20px;line-height: 160%; letter-spacing: -0.5pt; font-weight: 400;}
.org_cont .org_con {width: 100%; background:var(--graybg); }
.org_cont .org_con ul {padding: 20px 40px ;}
.org_cont .org_con ul li { padding: 5px 0 10px 0;font-size: 16px; letter-spacing: -0.5pt;}
.org_cont .org_con ul li br {display: none;}
.org_cont .org_con .org_name {font-size: 24px; font-weight: 600; line-height: 140%; color: #111;}
.org_cont .org_con .org_txt {font-size: 18px; font-weight: 500; line-height: 140%; color: #111; padding-left: 20px;}
.org_cont .org_con .org_ico a{font-size: 16px; color: #666; line-height: 120%; font-family:var(--eng);  font-weight:400;  padding-left: 30px;font-weight: 400;}
.org_cont .org_con .org_ico i {position:relative; top:3px; font-size: 16px; color: #1e4faf;font-weight: 400; line-height: 120%; font-variation-settings:'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 48;}
.org_cont .org_con .org_ico a:hover {color:#1e4faf;}


.pro_ico a{font-size: 18px; color: #666; line-height: 120%; font-family:var(--eng);  font-weight:400;  padding-right: 30px;font-weight: 500;}
.pro_ico i {position:relative; top:3px; font-size: 16px; color: #1e4faf;font-weight: 400; line-height: 120%; font-variation-settings:'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 48;}
.pro_ico a:hover {color:#1e4faf;}

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




/* 연혁 타이틀 */
#history {position:relative; overflow:hidden;}
#history div .rec_tab {text-align: center !important;} 
#history .rec_tab ul { padding:30px 0px;text-align: center !important;}
#history .list ul { padding:0px 0 50px;}

h4.history_tit{ display: none; 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_con{position: relative; background-size:contain}
.history_con .histop{border-radius:50px; padding:160px 3%; position: relative; background:url('/images/sub/his_img.jpg') center no-repeat; background-size:cover; text-align:center;}
.history_con .histop h4.sub_title{color:#fff; font-weight: 500; font-size: 34px; line-height: 150%; letter-spacing: -0.02em;}
.history_con .histop h4.sub_title:before {display: none !important;}

.history_con .histop p{margin-bottom: 12px; font-family: var(--eng); font-weight: 700; font-size: 14px;  letter-spacing: 0.3em; text-transform: uppercase; color: #fff; }

.tableWrap {padding:80px 0 0; position:relative; width:100%; margin:0 auto; z-index:1}
.his_in{display:flex; width: 100%; align-items:start; justify-content: space-between; flex-direction: row-reverse;      align-items: center;padding: 0 0 80px; box-sizing:border-box; margin:0 auto;}
.his_in .his_box{width:calc(50% - 80px);     position: relative;}
.his_in .his_txt:before{content:""; display:block; width:37px; height:1px; background:var(--color1); position:absolute; left:-81px; top:28px;}
.his_in .his_txt h6 {color:#333; position:relative; font-size:45px; padding:0 0 14px; font-weight:700; line-height:130%; font-family:var(--eng);}
.his_in .his_txt h6:after{content:''; display:block; width:8px; height:8px; background:var(--color1); border-radius: 50%; position:absolute; left: -84px; top:25px; overflow: hidden; animation: dot linear 1.5s infinite;}
.his_in .his_txt h6:before{ width:8px; height:8px;  content: '';display: block; background-color:var(--color1); opacity:0.2; border-radius: 50%; position: absolute; left:-84px; top:25px;  animation: dots 1.5s ease-in-out infinite;}
.his_in .his_txt .his_list {color:#666; font-weight: 400; font-size: 16px; line-height: 160%; letter-spacing: -0.03em; word-break:keep-all; box-sizing:border-box; padding:0 0 8px 6px; position:relative; display:flex; flex-wrap:wrap;}
.his_in .his_txt .his_list:last-child{padding-bottom:0 !important}
.his_in .his_txt .his_list::after{content:""; width: 3px; height: 3px; background: #333; position: absolute; top: 12px; left: -2px;}

.his_in .his_txt .his_list p {font-size:inherit; line-height:inherit; letter-spacing:inherit; color:inherit; width:calc(100% - 55px); box-sizing:border-box;}
.his_in .his_txt .his_list .day{ width:42px; color:#222; font-weight: 500; font-size: 16px; line-height: 160%; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.his_in .his_txt .his_list:last-child { margin-bottom:0; }



.history-list{overflow: hidden; position: relative;}
.history-list .progressbar { position:absolute; top:0; left:50%;transform: translateX(-50%);  width:2px; height:calc(100% - 40px); background-color:#ddd; overflow:hidden;}
.history-list .progress { position: absolute; left:0; top:0; width:2px; height:0; background:var(--color1); transition:.5s; }



@keyframes dots {
    0%{
      opacity: 0.5;
      transform: scale(1);
    }
    100%{
      opacity: 0;
      transform: scale(4);
    }
}



.his_in:nth-child(even){flex-direction: row;}
.his_in:nth-child(even) .his_txt h6{text-align:right; color:#333}
.his_in:nth-child(even) .his_txt:before{left:auto; right:-81px}
.his_in:nth-child(even) .his_txt h6:after{left:auto; right:-84px;}
.his_in:nth-child(even) .his_txt h6:before{left:auto; right:-84px;}
.his_in:nth-child(even) .his_txt .his_list::after{left:auto; right: -2px;}

.tableWrap .his_in:last-child {padding-bottom: 100px;}
.his_in:nth-child(even) .his_txt .his_list { justify-content: flex-end; padding:0 6px 8px 0; }
.his_in:nth-child(even) .his_txt .his_list .day {order:2; justify-content: flex-end; }
.his_in:nth-child(even) .his_txt .his_list p {order:1; text-align:right;}






/*** 오시는길 ***/
.root_daum_roughmap { width:100% !important; }
.root_daum_roughmap .wrap_map { height:550px !important; }
.root_daum_roughmap .wrap_map .map_border { display:block !important; }
.root_daum_roughmap .wrap_controllers { display:none !important; }	
.location_cont { position: relative; overflow: hidden;}
.location_cont h4 { }
.location_in {  }
.location_in .mapArea {  }
.location_in .map_info { margin-top:35px; display:Flex; padding: 30px 20px; border: 1px solid #ddd; flex-wrap:wrap; justify-content:space-between; }
.location_in .map_info .map_info_in { display:Flex; flex-wrap:wrap; width:calc(100% - 380px); box-sizing:border-box; padding-right:20px; }
.location_in .map_info dl { display:Flex; flex-wrap:wrap; margin-right:21px; margin-bottom:4px; }
.location_in .map_info dl:first-child { width:100%; margin-right: 0; }
.location_in .map_info dl:last-child { margin-right:0; }
.location_in .map_info dl dt { margin-right:5px; font-weight: 700; padding-right:15px; color:#111; font-size:18px; line-height:140%; letter-spacing:-0.03em; }
.location_in .map_info dl dt span { font-weight: 600; padding-right: 4px; font-size:20px; line-height:120%;transform:TranslateY(4px); color:inherit; line-height:inherit;}
.location_in .map_info dl:hover dt span { color:#111; opacity:1; transition:all .2s linear; }
.location_in .map_info dl dd { padding-top: 4px; font-size:18px; line-height:140%; letter-spacing:-0.03em; }
.location_in .map_info dl dd a { color:var(--gray); transition:all .2s linear; }
.location_in .map_info dl:hover dd a { color:var(--main); font-weight: 500; transition:all .2s linear; }
.map_bd {padding-top: 100px}

.map_btn { text-align: center; }
.map_btn a { display:inline-block; width:170px; height:60px; box-sizing:border-box; border-radius:30px; transition:All .2s linear; }
.map_btn a:hover { opacity:.8; transition:All .2s linear; }
.map_btn a p { color:#fff; line-height: 60px; letter-spacing: -0.05em; font-size: 16px; }
.map_btn a p .material-symbols-outlined { margin-right:12px; color:#fff; font-weight: 300; transform: translateY(5px); }
.map_btn a p img { margin-top:-5px; display:inline-block; margin-right:12px; }
.map_btn a.naver_btn { background:#10D265; }
.map_btn a.kakao_btn { background:#FEDD0D; }
.map_btn a.kakao_btn p { color:#371C1D; font-weight: 500; }
.map_btn a.printbtn { background:var(--main); }
	



/************ 탭 ************/
.rec_tab {width: 100%; overflow: hidden;/*border-bottom: 1px solid #ddd;*/margin-bottom: 60px;}
.rec_tab ul {width: 100%; padding: 0px 0;margin-bottom: 10px;padding-left: 1px;}

.rec_tab .tab_02 li {width:49.8% !important;}
.rec_tab .tab_03 li {width:33.2% !important;}
.rec_tab .tab_04 li {width:24.9% !important;}
.rec_tab .tab_05 li {width:19.9% !important; }
.rec_tab .tab_06 li {width:16.66% !important;}
.rec_tab .tab_07 li {width:14.28% !important;}

.rec_tab li {color: #111; list-style: none;position: relative;top: 0px;float: left;margin-bottom: 0px;font-weight: 600; }

.rec_tab li a {display: block;position: relative; margin-right: 10px;padding: 15px 0px 15px 0px; width: 100%; border: 1px solid #c9c9c9;background: #f7f7f7; color: #363636;font-size: 17px;text-align: center;letter-spacing: -0.03em; line-height: 140%;cursor: pointer;}
.rec_tab li a:first-child{margin-right: 10px;}
						
.rec_tab li a:hover,a:focus {text-decoration: none}

.rec_tab li.active a {z-index: -9999;background: #005dab;font-weight: 500;color: #fff;font-size: 17px;border: 1px solid #164093; letter-spacing: -0.03em; ; }

.rec_tab li.active a:hover {text-decoration: none}
.rec_tab li br {display: block;}

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










/************************ //회사소개 ************************/



/************************ 사업분야 ************************/

/* 사업분야 */
.greeting_con {position:relative; padding:5px 0;}
.greeting_con h4{position:relative; padding-bottom:28px}
.greeting_con h4 span.quotes{position:absolute; margin:0px 0 0 10px}
.greeting_con p{position:relative; font-size:22px; line-height:160%; letter-spacing:-0.5pt; margin:0 0 30px;z-index:1;}
.greeting_txt {font-size:20px; line-height:160%; padding-bottom:25px; letter-spacing:-0.5pt;}
span .greeting_txt01 {line-height: 130% !important; padding-top: 10px !important;}
.greeting_img {width:508px;position:absolute; top:0px; right:0px; z-index:-1;text-align: right;}
.greeting_img .pc_img{}
.greeting_img .mo_img{display:none}
.greeting_img span {line-height: 120%; margin-top: 10px;}
.greeting_table {width: 60%; padding: 30px 0;}



.greeting_con2 {position:relative; padding:5px 0;}
.greeting_con2 h4{position:relative; padding-bottom:28px}
.greeting_con2 h4 span.quotes{position:absolute; margin:0px 0 0 10px}
.greeting_con2 p{position:relative; font-size:22px; line-height:160%; letter-spacing:-0.5pt; margin:0 0 30px;z-index:1;}
.greeting_img2 {width:100%; height: 900px; top:0px; margin-top:-180px; right:0px; z-index:-1;text-align: right;/*position:absolute;*/}
.greeting_img2 .pc_img{}
.greeting_img2 .mo_img{display:none}



/************************ //사업분야 ************************/


/************************ 윤리경영 ************************/

.bd1 {border: 1px solid rgb(221, 221, 221);}
.certi_main {padding: 80px 60px;}
.certi_rap {width: 100%; min-height: 500px; background: url("/images/sub/bg_cert_line_m.png") 0% 0% / 100% repeat-y; padding: 100px 0px 60px; color: rgb(0, 0, 0); }
.certi_info { padding: 80px; font-size: 20px; line-height: 180%; letter-spacing: -0.5pt; }
.certi_body { margin: 0px 80px 40px;  padding: 60px 0px; border-top: 1px solid rgb(221, 221, 221); border-bottom: 0px solid rgb(221, 221, 221);}
.txt-area { margin: 25px 0px;}
.certi_title {font-size: 17px; font-weight: 600;line-height: 160%; padding: 0 0 5px 0;}
.certi_cont { margin-left: 30px; font-size: 16px; line-height: 160%; }
.certi_ceo {position: relative; text-align: center; font-size: 24px; font-weight: 600; color: rgb(0, 0, 0);  padding-bottom: 40px; padding-top: 30px;}
.certi_text {margin: 0px 40px 40px; font-size: 18px;}

.certi_line {border: 1px solid var(--main); padding: 3% 2%;}
.certi_line2 {border: 1px solid #ccc; padding: 2% 2%; margin-bottom: 5%;}
/*.certi_line {background-color: var(--main); padding: 3% 2%; border-radius: 3px; color:#ffffff;}
.certi_line2 {background-color: var(--grayBg2); padding: 2% 2%; margin-bottom: 5%;border-radius: 3px;}*/
.certi_line2:last-child {margin-bottom: 0%;}

/************************ //윤리경영 ************************/




/*** 채용안내 ***/
.program_cont img {}
.program_pc {display:block;}
.program_m {display:none;}
.program_cont { position: relative; overflow: hidden;}
.program_cont .program_box { padding-top: 10px; border-top:3px solid var(--main);}
.program_cont .program_info { padding: 0px 0 80px 0;}
.program_cont .program_tit {width: 100%; max-width: 1280px; height: 50px; font-size: 18px; line-height: 160%; border: 1px solid #ccc; text-align: center;  padding: 20px 0 20px 0px; background:var(--graybg); color: #111;}
.program_cont .program_tit span {font-size: 20px;line-height: 160%; letter-spacing: -0.5pt; font-weight: 400;}
.program_cont .program_con {width: 100%; position: relative;}



.program_con {  }
.program_con li { padding: 45px 0 45px; display:flex; flex-wrap:wrap; box-sizing:border-box; border-bottom:1px solid #ddd; }
.program_con li:last-child {/* border-bottom:0; padding-bottom:0;*/ }
.program_con li h5 {font-size: 24px; font-weight: 600; line-height: 120%; color: #111;width:230px; box-sizing:border-box; padding-right:20px; }
.program_con li h5 span { color:inherit; display:block; font-weight: 400; }
.program_con li .pro_con { width:calc(100% - 230px); box-sizing:border-box; }
.program_con li .pro_con p {font-size: 18px; line-height: 180%;  letter-spacing: -0.03em; }
.p_txt {font-size: 22px !important; line-height: 180% !important; color:#444 !important;  letter-spacing: -0.03em; }


.pro_con dl {width: 100%;}
.pro_con dl dt {display: inline-block;width:31.5%; margin-right:2%; font-size: 20px; line-height: 160%; letter-spacing: -0.5pt; font-weight: 400; color: #fff; text-align: center;  padding: 20px 0 20px 0px; margin-bottom: 5px;  }
.pro_con dl dt:last-child {margin-right:0%;}
.pro_con dl dt:nth-child(1n){background: var(--main); }
.pro_con dl dt:nth-child(2n){background:#0094d6; }
.pro_con dl dt:nth-child(3n){background:#1c845b; }

.pro_con dl dd {font-size: 26px; line-height: 130%; letter-spacing: -0.5pt; font-weight: 400; color: #111; text-align: center;  padding: 20px 0 20px 0px; border: 2px solid #0e489d;}
.pro_con dl dd strong { font-weight: 600;}

.pro_con .pro_tit { }
.program_con .pro_con > span { display: inline-block; margin-right:30px; padding-top:4px; }
.program_con .pro_con > span:last-child { margin-right:0; }
.program_con .pro_con > span a { font-size:inherit; letter-spacing:inherit; line-height:inherit; color:inherit; font-weight:inherit; font-family:inherit; transition:all .2s linear; }
.program_con .pro_con > span a:hover { color:var(--main) !important; transition:all .2s linear; }
.program_con .pro_con > span a .material-symbols-outlined { font-size: 20px; transform: translateY(5px); margin-right: 5px; }



.pro_btn a {display:inline-block; font-size:18px; text-align:center; /*height:40px;*/  line-height:60px; padding: 0px 20px; margin-top: 10px; border:1px solid #ccc; font-weight: 500; letter-spacing:-0.6pt; vertical-align:middle;}
.pro_btn a:hover {color:#333; border:1px solid #333; text-decoration: none}
.pro_btn i {top:0px; vertical-align:middle;}


.brown {color: #341f00 !important;}





/*** //채용안내 ***/

/****** dots ******/
.dots { position:relative; box-sizing:border-box; padding-left:12px; padding-top:0 !important; letter-spacing: -0.05em; font-size: 1rem; line-height: 1.77; }
.dots:last-child { margin-bottom:0; }
.dots::After { content:''; display:block; width:4px; height:4px; border-radius:50%; background:#aaa; position:absolute; left:0; top:14px; }
.dots span { font-size:inherit; letter-spacing:inherit; font-weight:700; color:var(--main); line-height:inherit; display: inline-block; padding-right: 8px; }
/****** dots ******/









.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;}





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

/* lnb */
#lnb {width:100%;}
#lnb ul {width: 96%;}
#lnb ul li {margin-right:50px;}
#lnb ul li a {font-size:18px;line-height:120%; padding: 30px 0;}


.tit_area {position:absolute; top:450px; right:50%; /*margin-right:-640px;*/margin-right:-47%;}
.location {text-align:right; font-size:15px;}
.location .material-symbols-outlined {font-size:5px; color:#aaa; margin:0 10px;}
.location .material-symbols-outlined.home {font-size:22px; margin:0 !important;}


#contents{width:96%; max-width: 1280px;}	
.contentArea h3.title {padding-top: 80px; text-align:center; font-weight:500;  font-size:40px; line-height:130%; }

.contents_in {margin:50px 0 100px 0;}
	
/*** 인사말 ***/
.greeting_cont .imgCont {width:35%;}
.greeting_cont .txtCont {width:65%;}
.greeting_cont .txtCont p br {display:none;}

}



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

.greeting_img2 {width:100%; height: 100%; top:0px; margin-top:-180px; }


}



/*******************************************************************************
	@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%;}



/*** 인사말 ***/
.greeting_cont .txtCont::After {display:none;}

/*** 오시는길 ***/
.root_daum_roughmap .wrap_map { height: 500px !important; }
.location_in .map_info .map_info_in { width: calc(100% - 380px); }
.map_btn a { width: 160px; }	
	

	

/************************ 사업분야 ************************/

/* 사업분야 */
.greeting_con p{width: 58%; font-size:20px; }
.greeting_con p br {display: none;}	
.greeting_txt {font-size:20px; }
.greeting_table {width: 58%; padding: 30px 0;}
	
	
	
.greeting_con2 h4{padding-bottom:28px}
.greeting_con2 p{width: 50%; font-size:20px;}
.greeting_con2 p br {display: none;}		
.greeting_img2 {width:100%; height: 80%; top:0px; margin-top:-180px;}
/************************ //사업분야 ************************/
	
	

	
	
	
}

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



	

}

/*******************************************************************************
	@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_customer{background-position:center 0px}


	
#visual_sub h2 {font-size:18px;  padding:200px 0 13px 0;}
#visual_sub p {font-size:40px;}

/* lnb */
.lnb {display:none;} /* 모바일에서 짤림 */

/* lnb */
#lnb {width:100%;}
#lnb ul {width: 96%;}
#lnb ul li {margin-right:50px;}
#lnb ul li a {font-size:16px;line-height:120%; padding: 18px 0;}


.tit_area {position:absolute; top:480px; right:50%; margin-right:-47%;}
.location {text-align:right; font-size:14px;}
.location br {display: none;} 

#contents{width:96%;}	
.contentArea h3.title {padding-top: 80px;font-size:38px;}

.contentArea h3.sub_tit {font-size:32px; line-height:135%; letter-spacing:-1pt; }
.contentArea h4.sub_title {font-size:28px; line-height:180%; padding: 0px 0 10px 0px;}
.contentArea h5.s_tit {font-size:26px; background: url(../images/sub/tit_arrow.jpg) left 22px no-repeat;}

	
.contents_in {margin:50px 0 100px 0;}
	

/*** 인사말 ***/
.greeting_cont .imgCont {max-width:100%; width:100%; order:1; height:350px;  background:url("/images/sub/greeting_img_m.jpg") center / cover;}
.greeting_cont .txtCont {width:100%; order:2; padding:30px 0 0;}
.greeting_cont .txtCont::After {background-size:100% !important; width:125px; height:147px;}
.greeting_cont .txtCont h4 {font-size:36px; margin:0 0 20px;}
.greeting_cont .txtCont p {font-size:17px; margin:0 0 15px;}	
.greeting_cont .txtCont span {font-size:20px;}
.greeting_cont .txtCont span strong {font-size:25px;margin-left:10px;}
	
	
/*** 조직도 ***/	
.org_cont .org_tit {font-size: 22px;line-height: 160%; padding: 5px 0 5px 30px;}
.org_cont .org_tit span {font-size: 18px;line-height: 140%; }
.org_cont .org_con ul {padding: 15px 30px ;}
.org_cont .org_con ul li { padding: 5px 0 10px 0;font-size: 16px;}
.org_cont .org_con .org_name {font-size: 20px;}
.org_cont .org_con .org_txt {font-size: 18px; padding-left: 15px;}
.org_cont .org_con .org_ico a{font-size: 16px; padding-left: 20px;}
.org_cont .org_con .org_ico i {top:3px; font-size: 16px; }
	
	

/************************ 사업분야 ************************/

/* 사업분야 */
.greeting_img {width:350px;}
.greeting_table {width: 58%; padding: 20px 0;}

/************************ //사업분야 ************************/	

	
	

/************************ 윤리경영 ************************/

.certi_main {padding: 60px 40px;}
.certi_rap {width: 100%; min-height: 400px; background: url("/images/sub/bg_cert_line_m.png") 0% 0% / 100% repeat-y; padding: 80px 0px 40px; color: rgb(0, 0, 0); }
.certi_info { padding: 8% 5%; font-size: 18px; line-height: 180%; letter-spacing: -0.5pt; }
.certi_body { margin: 0px 5% 60px;  padding: 8% 0px; border-top: 1px solid rgb(221, 221, 221); border-bottom: 0px solid rgb(221, 221, 221);}
.txt-area { margin: 30px 0px;}
.certi_title {font-size: 17px; font-weight: 600;line-height: 160%; padding: 0 0 5px 0;}
.certi_cont { margin-left: 30px; font-size: 16px; line-height: 160%; }
.certi_ceo {font-size: 20px; font-weight: 600; padding-bottom: 40px;}
.certi_text {margin: 0px 80px 80px; font-size: 18px;}

/************************ //윤리경영 ************************/	
	
	

}


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

	


#contents {padding-bottom: 40px;}	
#contents p.location {display:block;}


/* 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; }

	
.table_style th{font-size: 16px;  padding:14px 2%; ;}
.table_style td{font-size: 16px;  padding:14px 0 14px 2%; }
	
/*** table-blue ***/
.table_style4 th{font-size: 16px; padding:14px 2%;}
.table_style4 td{font-size: 16px; padding:14px 2%;}
.table_style4 td .left_td { padding:14px 2% 14px 5%;}

/*** table-gray ***/
.table_style5 th{font-size: 16px; padding:14px 2%;}
.table_style5 td{font-size: 16px; padding:14px 2%;}
.table_style5 td .left_td { padding:14px 2% 14px 5%;}
	


/*** 연혁 ***/	
.history_con .histop{padding:100px 3%}
.history_con .histop h4.sub_title{font-size: 25px; letter-spacing: -0.01em;}		
/*list*/
.tableWrap {padding:50px 0 0;}
.his_in{padding: 0 0 40px;}
.his_in .his_box{width:calc(50% - 40px);}
.his_in .his_txt h6{ padding:0 0 12px;}
.his_in .his_txt h6:before{left: -44px;top: 17px;}
.his_in .his_txt:before{left: -41px; top: 20px; width:25px}

.his_in:nth-child(even) .his_txt:before{right:-41px}
.his_in:nth-child(even) .his_txt h6:before{right:-44px}

.his_in .his_txt h6:after{left: -44px; top:17px;}
.his_in:nth-child(even) .his_txt h6:after{left:auto; right:-44px;}
.his_in .his_txt .his_list{padding:0 0 8px 10px;}
.his_in .his_txt .his_list::after{top:12px;}
.his_in .his_img .imgBox{text-align:right;}
.tableWrap .his_in:last-child {padding-bottom: 60px;}
	

/*** 오시는길 ***/
.root_daum_roughmap .wrap_map { height: 400px !important; }
.location_in .map_info { margin-top: 25px; }
.location_in .map_info .map_info_in { width: calc(100% - 300px); }
.location_in .map_info dl dt span { font-size: 17px; }
.map_btn a { width: 140px; height: 50px; }
.map_btn a p { line-height: 50px; }
.map_btn a p img { width: 10px; margin-right: 9px; }
.map_btn a.naver_btn p img { width: 13px; margin-top: -2px; }
.map_btn a.printbtn { display:none; }
.map_bd {padding-top: 80px}	
	


	
/************************ 사업분야 ************************/

/* 사업분야 */
.greeting_con p{width: 58%; font-size:18px; line-height:160%; letter-spacing:-0.5pt; margin:0 0 20px;}
.greeting_txt {font-size:18px; line-height:160%; padding-bottom:25px; letter-spacing:-0.5pt;}
.greeting_img {width:300px;}

.greeting_table {width: 58%; padding: 10px 0;}
	
	
.greeting_con2 p{width: 50%; font-size:18px;}	
.greeting_img2 {width:100%; height: 70%; top:0px; margin-top:-180px;}

/************************ //사업분야 ************************/		
	
	

	
/*** 채용안내 ***/
.program_cont img {}
.program_pc {display:block;}
.program_m {display:none;}
.program_cont .program_box { padding-top: 20px;}
.program_cont .program_info { padding: 0px 0 60px 0;}

.program_con li { padding: 30px 0 30px; }
.program_con li h5 {font-size: 26px; width: 100%; padding-right: 0; padding-bottom: 10px;}
.program_con li .pro_con {width: 100%; padding-bottom: 5px;}
.program_con li .pro_con p {font-size: 16px;}
.p_txt {font-size: 20px !important;}

.pro_con dl dt {font-size: 18px; padding: 20px 0 20px 0px; margin-bottom: 5px;  }
.pro_con dl dd {font-size: 24px; line-height: 130%; letter-spacing: -0.5pt; padding: 20px 0 20px 0px;}


.program_con .pro_con > span { display: inline-block; margin-right: 20px;  padding-top:4px; }
.program_con .pro_con > span:last-child { margin-right:0; }
.program_con .pro_con > span a { font-size:inherit; letter-spacing:inherit; line-height:inherit; color:inherit; font-weight:inherit; font-family:inherit; transition:all .2s linear; }
.program_con .pro_con > span a:hover { color:var(--main) !important; transition:all .2s linear; }
.program_con .pro_con > span a .material-symbols-outlined { font-size: 20px; transform: translateY(5px); margin-right: 5px; }
	

.pro_btn a {font-size:16px;  line-height:50px; padding: 0px 20px; margin-top: 8px; }

.portals dt h4 {font-size: 26px;}
.portals dd .link{padding: 20px 25px; margin:0 0px 0 0;}
.portals dd .link .txt_area{font-size:16px;}
.portals dd .link .txt_area .subTit{font-size:22px;}


	
	
/*** //채용안내 ***/	

/****** dots ******/
.dots { padding-left:10px; }
.dots::After { top: 10px; }
.dots span { padding-right: 5px; }
/****** dots ******/
	
	
	
	
/************************ //교육과정 ************************/

	
	
/* 인재상 */
.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;}	
	

}




/*******************************************************************************
	@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 -40px 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_customer{background:url('/images/sub/sub_img_04_m.jpg') center 0 no-repeat;}	
	
#visual_sub h2 {font-size:15px;  padding:180px 0 8px 0;}
#visual_sub p {font-size:30px; letter-spacing: 0pt;}

	
/* lnb */
#lnb {display: none;}


.tit_area {position:absolute; top:380px; right:50%; margin-right:-47%;}
.location {text-align:right; font-size:14px;}


#contents{width:96%;}	
.contentArea h3.title {padding-top: 100px;font-size:35px;}
.contentArea h3.sub_tit {font-size:28px;}
.contentArea h4.sub_title {font-size:25px;}
.contentArea h5.s_tit {font-size:24px;}

	
.contents_in {margin:40px 0 60px 0;}
	
	
/* 사이트맵 */
.sitemap_cont dl {width:31.3%; margin-right:2%}
.sitemap_cont dl.m_last {margin-right:0;}
	
.site_w {display:block;}
.site_m {display:block;}


/*** 조직도 ***/	
.org_cont .org_info { padding: 0px 0 50px 0;}
.org_cont .org_tit {font-size: 18px;line-height: 160%; padding: 5px 0 5px 30px;}
.org_cont .org_tit span {font-size: 16px;line-height: 140%; }
.org_cont .org_con ul {padding: 10px 30px ;}
.org_cont .org_con ul li { padding: 5px 0 10px 0;font-size: 16px;}
.org_cont .org_con .org_name {font-size: 18px;}
.org_cont .org_con .org_txt {font-size: 16px; padding-left: 15px;}
.org_cont .org_con .org_ico a{font-size: 14px; padding-left: 20px;}
.org_cont .org_con .org_ico i {top:3px; font-size: 14px; }
	
.pro_ico a{font-size: 14px; padding-right: 20px;}
.pro_ico i {top:3px; font-size: 12px;}	


/*** 교육환경 ***/	
.edu_list dl{width:49%; margin-right:2%; margin-bottom:2%; border-radius:20px;}
.edu_list dl:nth-child(even){margin-right:0}
.edu_list dl:nth-child(odd){margin-right:2%}
.edu_list dd{padding:20px 25px}
.edu_list dd p.title{font-size:18px; }
.edu_list dd p.date{font-size:14px}
	
	
/*** 연혁 ***/
.history_con .histop{padding:80px 3%}
.history_con .histop h4.sub_title{font-size: 20px; letter-spacing: -0.01em;}	
	
/*list*/
.tableWrap {padding:40px 0 0;  margin:0 auto;}
.tableWrap::before {left:10px;}
.his_in{padding: 0 0 35px 40px; flex-wrap: wrap;}
.his_in .his_txt:before{left: -27px;  top:12px; width: 15px;}
.his_in .his_box{width:100%;}
.his_in .his_txt h6{font-size:30px; line-height:1; padding:0 0 15px; text-align:left !important;}
.his_in .his_txt h6:after{width:7px; height:7px; left:-33px !important; right:auto !important; top:9px;}
.his_in .his_txt .his_list{padding:0 0 5px 5px !important; text-align:left !important; line-height:1.3}
.his_in .his_txt .his_list::after{top:8px;}
	
	
.his_in:nth-child(even) .his_txt .his_list::after{left: -2px; right: auto;}
.his_in .his_txt .his_list span{right:auto; left:0 !important;}
.tableWrap .his_in:last-child {padding-bottom: 40px;}
.his_in .his_txt h6:before{left:-33px; top:9px; width:7px; height:7px}
.his_in:nth-child(even) .his_txt:before{right:auto; left:-27px}
.his_in:nth-child(even) .his_txt h6:before{right:auto; left:-33px}

	

.history-list .progressbar {left:10.5px; }
	
	
.his_in .his_txt .his_list p {font-size:inherit; line-height:inherit; letter-spacing:inherit; color:inherit; width:calc(100% - 42px); box-sizing:border-box; padding: 2px 0px 6px 0;align-items: flex-start; }
.his_in .his_txt .his_list .day{width:32px; font-size: 16px; padding: 0 6px 8px 0px; display: flex; flex-wrap: wrap; justify-content: flex-start;align-items: flex-start;}

.his_in:nth-child(even) .his_txt h6 { text-align:left; }
.his_in:nth-child(even) .his_txt .his_list { text-align:left !important;justify-content: flex-end; padding:0 6px 8px 0; }
.his_in:nth-child(even) .his_txt .his_list .day {order:1;}
.his_in:nth-child(even) .his_txt .his_list p {order:2; text-align:left; }

	
/*** 오시는길 ***/
.location_in .map_info { flex-wrap:wrap; }
.location_in .map_info .map_info_in { width: 100%; padding: 0; justify-content: center; }
.location_in .map_info dl { justify-content: center; text-align:center; }
	
.location_in .map_info dl dt { margin-right:5px; padding-right:10px; font-size:16px; line-height:140%;  }
.location_in .map_info dl dt span {padding-right: 4px; font-size:18px; }
.location_in .map_info dl dd { padding-top: 4px; font-size:16px; line-height:140%;  }
	
.map_btn { width: 100%; margin-top: 20px; }
.map_btn a { width: 140px; height: 50px; }
.map_btn a p { line-height: 50px; }
.map_btn a p img { width: 10px; margin-right: 9px; }
.map_btn a.naver_btn p img { width: 13px; margin-top: -2px; }
.map_btn a.printbtn { display:none; }	
		

	
/************************ 사업분야 ************************/

/* 사업분야 */
.greeting_con p{width: 100%; font-size:18px; line-height:160%; letter-spacing:-0.5pt; margin:0 0 20px;}
.greeting_txt {font-size:16px; line-height:160%; padding-bottom:25px; letter-spacing:-0.5pt;}
span .greeting_txt01 {line-height: 130% !important; padding-top: 10px !important;}
.greeting_img {position:relative; width:100%; padding:2% 0; top:auto; right:auto; text-align:center;}
.greeting_img .pc_img{ width:300px;}
.greeting_img .mo_img{}	
.greeting_img span {line-height: 120%; margin-top: 10px;}
.greeting_table {width: 100%; padding: 10px 0;}
	
	
.greeting_con2 p{width: 100%; font-size:18px;margin:0 0 20px;}	
.greeting_img2 {width:100%; height: 1350px; top:0px; margin-top:2%;}
.greeting_img2 .pc_img{display:none;}
.greeting_img2 .mo_img{display:block;}	

/************************ //사업분야 ************************/	

/************************ 윤리경영 ************************/

.certi_main {padding: 40px 30px;}
.certi_rap {width: 100%; min-height: 400px; padding: 50px 0px 30px; }
.certi_info { padding: 6% 5%; font-size: 16px; }
.certi_body { margin: 0px 5% 60px;  padding: 4% 0px;}
.txt-area { margin: 30px 0px;}
.certi_title {font-size: 15px; }
.certi_cont { margin-left: 30px; font-size: 14px; }
.certi_ceo {font-size: 18px; padding-bottom: 40px;}
.certi_text {margin: 0px 40px 40px; font-size: 16px;}

/************************ //윤리경영 ************************/		
	


/*** 채용안내 ***/
.program_cont .program_box { padding-top: 20px;}
.program_cont .program_info { padding: 0px 0 50px 0;}

.program_con li { padding: 25px 0 25px; }
.program_con li h5 {font-size: 24px; padding-bottom: 10px;}
.program_con li .pro_con p {font-size: 14px;}
.p_txt {font-size: 18px !important;}
	
.portals{flex-wrap:wrap;}
.portals dt{width:100%; padding:0 0 10px;}
.portals dt h4 {font-size: 24px;}	
.portals dd{width: 100%;}	
.portals dd .link .txt_area{font-size:14px;}	
.portals dd .link .icon_area span{margin-top:-8px; font-size: 45px;}
.portals dd .link .txt_area .subTit{font-size:20px; padding:5px 0 0;}	
	
/*** //채용안내 ***/		


	


	
/************ 탭 ************/
.rec_tab {margin-bottom: 35px;}

.rec_tab .tab_02 li {width:49.8% !important;}
.rec_tab .tab_03 li {width:33.2% !important;}
.rec_tab .tab_04 li {width:24.8% !important;}
.rec_tab .tab_05 li {width:19.8% !important;}
.rec_tab .tab_06 li {width:16.66% !important;}
.rec_tab .tab_07 li {width:14.28% !important;}	

.rec_tab li a {font-size: 15px;}			
.rec_tab li.active a {font-size: 15px; }
.rec_tab li br {}

/************ //탭 ************/		
	
	
/************************ 제품소개 ************************/
.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: '';}


}

/*******************************************************************************
	@media ~640px
*******************************************************************************/
@media all and (max-width:680px){
	
/************ 탭 ************/
.rec_tab {margin-bottom: 25px;}
.rec_tab li a {font-size: 15px;}			
.rec_tab li.active a {font-size: 15px; }
.rec_tab li br {display:block;}

/************ //탭 ************/	
	
	
}


/*******************************************************************************
	@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 370px;}
	.subtop_business1{background:url('/images/sub/sub_img_02_m.jpg') center 0 no-repeat;background-size:auto 370px;}
	.subtop_business2{background:url('/images/sub/sub_img_03_m.jpg') center 0 no-repeat;background-size:auto 370px;}
	.subtop_customer{background:url('/images/sub/sub_img_04_m.jpg') center 0 no-repeat;background-size:auto 370px;}
#visual_sub h2 {font-size:16px;  padding:130px 0 5px 0;}
#visual_sub p {font-size:28px; letter-spacing: 0pt; line-height: 110%;}

	

	

/* 서브 컨텐츠*/
#contents {width:94%}
#contents .tit_area {padding: 20px 0;}
	
/* lnb */
.tit_area {position:absolute; top:260px; right:50%; margin-right:-47%;}
.contentArea h3.title {padding-top: 65px;font-size:26px;}
.contentArea h3.sub_tit {font-size:22px; line-height:135%; }
.contentArea h4.sub_title {font-size:22px; line-height:180%; padding: 0px 0 10px 0px;}
.contentArea h5.s_tit {padding-top: 5px; font-size:20px; background: url(../images/sub/tit_arrow.jpg) left 13px no-repeat; padding-left: 15px;}	
	
.contents_in {margin:20px 0 40px 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.jpg") no-repeat 0 20%;   padding:0px 0 10px 22px;letter-spacing:-0.7pt; line-height: 120%;}
.road_tit_eng {font-size:17px;background:url("../images/sub/info_arrow.jpg") no-repeat 0 20%;   padding:0px 0 10px 22px;letter-spacing:-0.7pt; line-height: 120%;}	
	
	
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;}	
	

/************************ 사이트맵 ************************/
.sitemap_cont dl{margin-bottom:0px;width:49%; margin-right:1%;}
.sitemap_cont dl:last-child{margin-right:0;}
.sitemap_cont dl:nth-child(3){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:0px 0; }
.sitemap_cont dd a{ padding:11px 5px;}	
	


/************************ 회사소개 ************************/	
	
/*** 인사말 ***/
.greeting_cont .imgCont {width:100%; order:1; height:250px;  background:url("/images/sub/greeting_img_m.jpg") center / cover;}
.greeting_cont .txtCont {width:100%; order:2; padding:30px 0 0;}
.greeting_cont .txtCont h4 {font-size:30px; margin:0 0 15px;}
.greeting_cont .txtCont p {font-size:14px; margin:0 0 15px;}	
.greeting_cont .txtCont p strong {letter-spacing: -0.6pt;}	
.greeting_cont .txtCont span {font-size:16px;}
.greeting_cont .txtCont span strong {font-size:18px;margin-left:10px;}	
.greeting_cont .txtCont .ceo img{width: 90px;}
	
	
.table_style th{font-size: 14px;  padding:14px 2%;}
.table_style td{font-size: 14px;  padding:14px 0 14px 2%; }

/*** table-blue ***/
.table_style4 th{font-size: 14px; padding:14px 2%;}
.table_style4 td{font-size: 14px; padding:14px 2%;}
.table_style4 td .left_td { padding:14px 2% 14px 5%;}

/*** table-gray ***/
.table_style5 th{font-size: 14px; padding:14px 2%;}
.table_style5 td{font-size: 14px; padding:14px 2%;}
.table_style5 td .left_td { padding:14px 2% 14px 5%;}
	

/*** 회사개요 ***/	
.business_pc {display:none;}
.business_m {display:block;}
.business_cont .business_info { padding: 30px 0 0px 0;}
.business_cont .business_tit {font-size: 18px; padding: 20px 0 20px 0px;}
.business_cont .business_tit span {font-size: 20px;line-height: 160%;}
.business_cont .business_con h5 {font-size: 24px; }
.business_cont .business_con ul {padding: 0 0 20px 0;}
.business_cont .business_con ul li {font-size: 16px;}
	
	
/*** 조직도 ***/	
.org_cont .org_info { padding: 0px 0 50px 0;}
.org_cont .org_tit {font-size: 16px;line-height: 160%; padding: 5px 0 5px 20px;}
.org_cont .org_tit span {font-size: 14px;line-height: 140%; }
.org_cont .org_con ul {padding: 10px 20px ;}
.org_cont .org_con ul li { padding: 0px 0 10px 0;font-size: 14px;}
.org_cont .org_con ul li br {display: block;}
.org_cont .org_con .org_name {font-size: 16px;}
.org_cont .org_con .org_txt {font-size: 14px; padding-left: 10px;}
.org_cont .org_con .org_ico a{font-size: 14px; padding-left: 0px; padding-right: 20px;}
.org_cont .org_con .org_ico i {top:3px; font-size: 14px; }	

/*** 오시는길 ***/	
.root_daum_roughmap .wrap_map { height: 300px !important; }
.location_in .map_info dl { margin-right: 11px; }
.location_in .map_info dl dt span { font-size: 15px; transform: translateY(3px); }

.map_btn { width: 100%; margin-top: 20px; }
.map_btn a { width: 140px; height: 50px; }
.map_btn a p { line-height: 50px; }
.map_btn a p img { width: 10px; margin-right: 9px; }
.map_btn a.naver_btn p img { width: 13px; margin-top: -2px; }

	
/************************ //회사소개 ************************/	
	

	
	
	
/************************ 사업분야 ************************/

/* 사업분야 */
.greeting_con p{width: 100%; font-size:16px; line-height:150%; letter-spacing:-0.5pt; margin:5px 0 20px;}
.greeting_txt {font-size:16px; line-height:150%; padding-bottom:25px; letter-spacing:-0.5pt;}
span .greeting_txt01 {line-height: 140% !important; padding-top: 10px !important;}
.greeting_img {position:relative; width:100%; padding:2% 0; top:auto; right:auto; text-align:center;}
.greeting_img .pc_img{ width:70%;}
.greeting_img span {line-height: 120%; margin-top: 10px;}
.greeting_table {width: 100%; padding: 0px 0;}

.greeting_con2 p{width: 100%; font-size:16px; line-height:150%; margin:5px 0 20px;}	
.greeting_img2 {width:100%; height: 1300px; top:0px; margin-top:2%;}
	
	
/************************ //사업분야 ************************/	
	

	
/************************ 윤리경영 ************************/

.certi_main {padding: 15px 15px;}
.certi_rap {width: 100%; min-height: 400px; padding: 40px 0px 30px; }
.certi_info { padding: 6% 5%; font-size: 14px; }
.certi_body { margin: 0px 5% 40px;  padding: 4% 0px;}
.txt-area { margin: 20px 0px;}
.certi_title {font-size: 13px; }
.certi_cont { margin-left: 10px; font-size: 12px; }
.certi_ceo {font-size: 16px; padding-bottom: 30px;}
.certi_text {margin: 0px 40px 40px; font-size: 14px;}

/************************ //윤리경영 ************************/	
	
	
/************************ 교육과정 ************************/


	
/*** 채용안내 ***/
.program_pc {display:none;}
.program_m {display:block;}	
.program_cont .program_box { padding-top: 20px;}
.program_cont .program_info { padding: 0px 0 40px 0;}

.program_con li { padding: 20px 0 20px; }
.program_con li h5 {font-size: 20px; padding-bottom: 10px;}	
.program_con li .pro_con p {font-size: 14px;}
.p_txt {font-size: 16px !important;}
	
.pro_con dl dt {font-size: 16px; padding: 15px 0 15px 0px; }
.pro_con dl dd {font-size: 18px; line-height: 130%; letter-spacing: -0.5pt; padding: 15px 0 15px 0px;}

.pro_btn a {font-size:14px;  line-height:40px; padding: 0px 20px; margin-top:5px; }	

	
.portals dt h4 {font-size: 20px;}	
.portals dd .link .txt_area{font-size:14px;}	
.portals dd .link .icon_area span{margin-top:-8px; font-size: 40px;}
.portals dd .link .txt_area .subTit{font-size:18px; padding:5px 0 0;}		
	
/*** //채용안내 ***/		
	

	

	
	

/* 인재상 */
.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;}
	
	
	
.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%;}

.rec_tab .tab_02 li {width:49.5% !important;}
.rec_tab .tab_03 li {width:33% !important;}
.rec_tab .tab_04 li {width:24.5% !important;}
.rec_tab .tab_05 li {width:19.5% !important;}
.rec_tab .tab_06 li {width:16.66% !important;}
.rec_tab .tab_07 li {width:14.28% !important;}

}


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


.greeting_img2 {width:100%; height: 1200px; top:0px; margin-top:2%;}
}

@media all and (max-width:550px){


.greeting_img2 {width:100%; height: 1100px; top:0px; margin-top:2%;}
}

@media all and (max-width:520px){


.greeting_img2 {width:100%; height: 1050px; top:0px; margin-top:2%;}
}

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

#visual_sub{height:220px;}
	.subtop_company{background-position:center 0px;background-size:auto 340px;}
	.subtop_business1{background-position:center -15px;background-size:auto 340px;}
	.subtop_business2{background-position:center -15px;background-size:auto 340px;}
	.subtop_customer{background-position:center -15px;background-size:auto 340px;}
#visual_sub h2 {font-size:12px;  padding:110px 0 0px 0;}
#visual_sub p {font-size:26px; letter-spacing: 0pt; line-height: 100%;}

/* 서브 컨텐츠*/
#contents {width:90%}	
#contents .tit_area {padding: 20px 0;}
	
/* lnb */
.tit_area {position:absolute; top:230px; right:50%; margin-right:-47%;}
.location {font-size:12px;} 
	
.location .material-symbols-outlined {font-size:5px;margin:0 3px;}
.location .material-symbols-outlined.home {font-size:16px;}	
.contentArea h3.title {padding-top: 65px;font-size:25px; line-height: 120%;}
.contentArea h3.sub_tit {font-size:20px; line-height:130%;  }
.contentArea h4.sub_title {font-size:18px; line-height:220%; padding: 0px 0 0px 0px;}
.contentArea h4.sub_title:before {width:24px;height:5px;}	
.contentArea h5.s_tit {font-size:18px; }	
	
.contents_in {margin:20px 0 30px 0;}	
	
	
	

h4.sub_title{font-size:18px; line-height: 140%;}
h4.sub_title_eng{font-size:16px;}	

	
/************ 탭 ************/
.rec_tab {margin-bottom: 25px;}
.rec_tab li a {font-size: 12px;}			
.rec_tab li.active a {font-size: 12px; }

/************ //탭 ************/	
	

/************ 회사소개 ************/	

/*** 인사말 ***/
.greeting_cont .imgCont {height:150px;}
.greeting_cont .txtCont {padding:30px 0 0;}
.greeting_cont .txtCont h4 {font-size:22px; margin:0 0 15px;}
.greeting_cont .txtCont span {font-size:16px;}
.greeting_cont .txtCont span strong {font-size:18px;margin-left:10px;}		

	
.table_style th{font-size: 12px;  padding:14px 2%; ;}
.table_style td{font-size: 12px;  padding:14px 0 14px 2%; }

/*** table-blue ***/
.table_style4 th{font-size: 12px; padding:14px 2%; line-height: 140%;}
.table_style4 td{font-size: 12px; padding:14px 2%;  line-height: 140%;}
.table_style4 td .left_td { padding:14px 2% 14px 2%;  line-height: 140%;}

/*** table-gray ***/
.table_style5 th{font-size: 12px; padding:14px 2%;}
.table_style5 td{font-size: 12px; padding:14px 2%;}
.table_style5 td .left_td { padding:14px 2% 14px 2%;}
	
	
	

/*** 회사개요 ***/	
.business_cont .business_info { padding: 20px 0 0px 0;}
.business_cont .business_tit {font-size: 16px; padding: 20px 0 20px 0px;}
.business_cont .business_tit span {font-size: 16px;line-height: 160%;}
.business_cont .business_con h5 {font-size: 18px; }
.business_cont .business_con ul {padding: 0 0 20px 0;}
.business_cont .business_con ul li {font-size: 14px;}
	
	
	
/*** 조직도 ***/	
.org_cont .org_info { padding: 0px 0 40px 0;}
.org_cont .org_tit {font-size: 16px;line-height: 160%; padding: 5px 0 5px 20px;}
.org_cont .org_tit span {font-size: 14px;line-height: 140%; }
.org_cont .org_con ul {padding: 10px 20px ;}
.org_cont .org_con ul li { padding: 0px 0 5px 0; font-size: 13px; letter-spacing: -0.5pt;}
.org_cont .org_con .org_name {font-size: 15px;}
.org_cont .org_con .org_txt {font-size: 13px; padding-left: 8px; letter-spacing: -0.5pt;line-height: 120%;}
.org_cont .org_con .org_ico a{font-size: 13px; padding-left: 0px; padding-right: 15px;}
.org_cont .org_con .org_ico i {top:3px; font-size: 13px; }	

	
.pro_ico a{font-size: 12px; padding-right: 8px;}
.pro_ico i {top:3px; font-size: 10px;}	
	
	
/*********** List *************/
.edu_list dl{width:100%; margin-right:0; margin-bottom:5%}
.edu_list dl:nth-child(even){margin-right:0}
.edu_list dl:nth-child(odd){margin-right:0%}
.edu_list dd p.date{font-size:13px}
.edu_list dd p.title{font-size:16px}

	
	
	
/*** 연혁 ***/	
.history_con .histop{padding:60px 3%; border-radius:30px; }	
	
.history_con .histop h4.sub_title{font-size: 18px; letter-spacing: -0.05em;}	

.his_in .his_txt h6{font-size:25px;}
.his_in .his_txt .his_list{padding:0 0 5px 5px !important;}
.his_in .his_txt .his_list::after{top:9px;}

.his_in .his_txt .his_list p {font-size:14px; width:calc(100% - 42px); padding: 2px 0px 6px 0; align-items: flex-start; }
.his_in .his_txt .his_list .day{width:32px; font-size: 14px; padding: 0 6px 8px 0px; display: flex; flex-wrap: wrap; justify-content: flex-start;align-items: flex-start;}
	
.his_in:nth-child(even) .his_txt h6 { text-align:left; }
.his_in:nth-child(even) .his_txt .his_list { text-align:left !important;padding:0 6px 8px 0;justify-content: flex-start;  }
.his_in:nth-child(even) .his_txt .his_list .day {order:1; justify-content: flex-start !important;}
.his_in:nth-child(even) .his_txt .his_list p {order:2; text-align:left; padding-left: 5px !important; }	


	
/*** 오시는길 ***/	
.root_daum_roughmap .wrap_map { height: 200px !important; }
.location_in .map_info { margin-top:20px; padding: 20px 10px; }	
.location_in .map_info dl { margin-right: 11px;  }
.location_in .map_info dl dt span { font-size: 16px; transform: translateY(3px); }
.location_in .map_info dl dt { margin-right:5px; padding-right:10px; font-size:14px; line-height:140%;  }
.location_in .map_info dl dd { padding-top: 4px; font-size:14px; line-height:140%;  }
.map_btn a {margin: 3px;}		
.map_btn a p {font-size: 14px; }	
.map_bd {padding-top: 50px}	
	

/************************ 사업분야 ************************/

/* 사업분야 */
.greeting_con p{font-size:14px; line-height:150%; margin:5px 0 20px;}
.greeting_txt {font-size:14px; line-height:150%; padding-bottom:25px; letter-spacing:-0.5pt;}
.greeting_img .pc_img{ width:65%;}
	
.greeting_con2 p{width: 100%; font-size:14px; line-height:150%; margin:5px 0 20px;}	
.greeting_img2 {width:100%; height: 960px; top:0px; margin-top:2%;}
		

/************************ //사업분야 ************************/	

	
	
	
/************************ 윤리경영 ************************/

.certi_main {padding: 15px 15px;}
.certi_rap {width: 100%; min-height: 400px; padding: 30px 0px 30px; }
.certi_info { padding: 6% 5%; font-size: 12px; }
.certi_body { margin: 0px 5% 40px;  padding: 4% 0px;}
.txt-area { margin: 20px 0px;}
.certi_title {font-size: 11px; }
.certi_cont { margin-left: 10px; font-size: 10px; }
.certi_ceo {font-size: 14px; padding-bottom: 10px;padding-top: 10px;}
.certi_text {margin: 0px 40px 40px; font-size: 12px;}

/************************ //윤리경영 ************************/	
	
	

/************************ 교육과정 ************************/

/*** 교육개요 ***/	
.culum_cont .culum_info { padding: 0px 0 30px 0;}

.culum_con li{font-size: 12px; letter-spacing: -0.3pt;padding: 4% 3%;}		
.culum_con li p{font-size:12px; margin-top:5px; padding: 0px 0 5px 0px;}
.culum_con h6 {font-size: 15px; line-height: 150%; letter-spacing: -0.05em; }
.culum_con span {font-size: 12px; line-height: 140%;}
.culum_con .culum_btn {font-size: 12px; padding: 6px 4%;}
.culum_con .culum_btn span{font-size: 16px; line-height: 100%;}		
	
	
/*** 채용안내 ***/
.program_cont .program_box { padding-top: 10px;}
.program_cont .program_info { padding: 0px 0 30px 0;}

.program_con li { padding: 15px 0 15px; }
.program_con li h5 {font-size: 16px; padding-bottom: 10px;}
.program_con li .pro_con p {font-size: 12px;}
.p_txt {font-size: 14px !important;}

.pro_con dl dt {width:31.5%; margin-right:1%; font-size: 12px; padding: 15px 0 15px 0px; }
.pro_con dl dd {font-size: 14px; line-height: 130%; letter-spacing: -0.5pt; padding: 15px 0 15px 0px;}

.pro_btn a {font-size:12px;  line-height:35px; padding: 0px 10px; margin-top:5px; }	
	.pro_btn i {font-size:16px;}	
	
.portals dt h4 {font-size: 16px;}	
.portals dd .link .txt_area{font-size:12px;}	
.portals dd .link .icon_area span{margin-top:-8px; font-size: 40px;}
.portals dd .link .txt_area .subTit{font-size:16px; padding:5px 0 0;}		
	
/*** //채용안내 ***/	
	



/************************ 제품소개 ************************/
.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;}	
}



@media all and (max-width:465px){
.greeting_img2 { height: 920px;}
}

@media all and (max-width:440px){
.greeting_img2 { height: 880px;}
}

@media all and (max-width:420px){
.greeting_img2 { height: 840px;}
}

@media all and (max-width:400px){
.greeting_img2 { height: 780px;}
}


/*******************************************************************************
	@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 -5px;background-size:auto 220px;}
	.subtop_business2{background-position:center -5px;background-size:auto 220px;}
	.subtop_customer{background-position:center -5px;background-size:auto 220px;}
#visual_sub h2 {font-size:12px;  padding:100px 0 5px 0;}
#visual_sub p {font-size:22px; letter-spacing: 0pt; line-height: 110%;}


	
	
/* lnb */
.tit_area {position:absolute; top:190px;}
.contentArea h3.title {padding-top: 65px;font-size:23px; line-height: 120%;}
.contentArea h3.sub_tit {font-size:16px;}	
.contentArea h5.s_tit {font-size:16px; background: url(../images/sub/tit_arrow.jpg) left 10px no-repeat;}		
.contents_in {margin:20px 0 30px 0;}	
	
	
	
/************ 탭 ************/
.rec_tab {margin-bottom: 25px;}
.rec_tab li a {font-size: 10px;}			
.rec_tab li.active a {font-size: 10px; }

/************ //탭 ************/	
	
	


	

/*** 채용안내 ***/
.program_cont .program_box { padding-top: 10px;}
.program_cont .program_info { padding: 0px 0 20px 0;}

.program_con li { padding: 15px 0 15px; }
.program_con li h5 {font-size: 14px; padding-bottom: 5px;}
.program_con li .pro_con p {font-size: 10px; line-height: 140%; }
.p_txt {font-size: 12px !important;}
	
.pro_con dl dt {font-size: 10px; }
.pro_con dl dd {font-size: 12px;}

.portals dt h4 {font-size: 14px;}	
.portals dd .link .txt_area{font-size:10px;padding:0 0 0 20px; }	
.portals dd .link .icon_area span{margin-top:-8px; font-size: 30px;}
.portals dd .link .txt_area .subTit{font-size:14px; padding:5px 0 0;}		
	
/*** //채용안내 ***/	
.pro_ico a{font-size: 10px; padding-right: 8px;}
.pro_ico i {top:3px; font-size: 8px;}	


.greeting_img2 {height: 710px;}	
	
}

@media all and (max-width:350px){
.greeting_img2 {height: 650px;}		
	
}

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

#visual_sub h2 {font-size:12px; padding:100px 0 0px 0;line-height: 100%;}
	#visual_sub p {font-size:22px;line-height: 100%;}


.table_style th{font-size: 10px;  padding:12px 2%; ;}
.table_style td{font-size: 10px;  padding:12px 0 12px 2%; }

/*** table-blue ***/
.table_style4 th{font-size: 10px; padding:12px 2%; line-height: 140%;}
.table_style4 td{font-size: 10px; padding:12px 2%;  line-height: 140%;}
.table_style4 td .left_td { padding:12px 2% 12px 2%;  line-height: 140%;}

/*** table-gray ***/
.table_style5 th{font-size: 10px; padding:12px 2%;}
.table_style5 td{font-size: 10px; padding:12px 2%;}
.table_style5 td .left_td { padding:12px 2% 12px 2%;}
	
	
	
/*** 인사말 ***/
.greeting_cont .imgCont {height:100px;}
.greeting_cont .txtCont {padding:20px 0 0;}
.greeting_cont .txtCont h4 {font-size:20px; margin:0 0 15px;}
.greeting_cont .txtCont p {font-size:13px;}	
.greeting_cont .txtCont span {font-size:14px;}
.greeting_cont .txtCont span strong {font-size:16px;margin-left:8px;}		
	

		
.greeting_img2 {height: 600px;}			

}