@charset "utf-8"; 

@import url(http://fonts.googleapis.com/earlyaccess/Malgun Gothic.css);
* {font-family:'Malgun Gothic';}

@font-face {
　font-family:'MalgunGothic';
　src: url('images/MalgunGothic.eot');
　src: url('images/MalgunGothic.eot?#iefix') format('embedded-opentype'),
　url('images/MalgunGothic.woff') format('woff'),
　url('images/MalgunGothic.ttf') format('truetype');
　font-weight: normal;
　font-style: normal;
　}


/* 여백 초기화 */
body,div,ul,li,dl,dt,ol,h1,h2,h3,h4,h5,h6,input,fieldset,legend,p,select,table,
th,td,tr,textarea,button,form{margin: 0; padding: 0; font-family:'맑은고딕', 'Malgun Gothic';}



blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0; font-size:13px;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:13px;}
hr{display:none;}
a{cursor:pointer;text-decoration:none; color:#666;}
address{font-style:normal;}

html, body, ul, ol, li, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, span {margin:0; padding:0; list-style:none; }
img, table {border:0;}
hr, legend {display:none;}
a:link, a:visited, a:active {color:#666; text-decoration:none;}
a:hover {color:#000;} 

body { font-size:13px; line-height:19px; font-family:Malgun Gothic, 맑은고딕, NG, Tahoma, Geneva, sans-serif; color:#555; letter-spacing:-0.3pt}
input, textarea, select {font-family:Malgun Gothic, 맑은고딕, NG, Tahoma, Geneva, sans-serif; color:#555;}
input.text, input.dateInput, textarea.text {padding:1px 5px; border:1px solid #cbcbcb; vertical-align:middle;}
.png24 {tmp:expression(setPng24(this));}


input,select,img{vertical-align:middle;}
.input_search {border:0; background:none; height:25px; width:180px; font-size:12px; color:#666; font-family:Malgun Gothic, 맑은고딕, NG, Tahoma, Geneva, sans-serif;}

/* 레이아웃 */
#wrap {width:100%;  min-width:1200px; }
@import url(http://fonts.googleapis.com/earlyaccess/Malgun Gothic.css);
* {font-family:'Nanum Gothic';}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:18px;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; font-size:12px; color:#222;}
*{font-family:Malgun Gothic, 맑은고딕, NG, Tahoma, Geneva, sans-serif; }
ol,ul,li{list-style:none;}
a{cursor:pointer;text-decoration:none;}

a {border:0px}


/* 메인 */

#visual {width:100%;  mix-width:1200px; border-top : 1px solid #ddd;  }
#visual .slick-slider {position: relative; display: block;}
#visual .slick-list {position: relative; display: block; overflow: hidden;}
#visual .slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
#visual .slick-initialized .slick-slide{display: block;}
#visual .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
#visual .slick-prev, #visual .slick-next{ font-size: 0; line-height: 0; position: absolute; top: 53%; display: block; cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}

#visual .sub_imgbox {height:100%;  }
#visual .section {width:100%; height:100%; min-height:650px; position:relative;overflow:hidden;background-position:center;background-size:cover; background-repeat:no-repeat; border:0;}
#visual .sub_imgbox .slick-list ,
#visual .sub_imgbox .slick-track {height:100%;}

#visual .slick-dots {position: absolute; width:100%; text-align:center; bottom:30px; z-index:99;}
#visual .slick-dots li {display:inline-block; margin:0 6px; padding:0; vertical-align:bottom}
#visual .slick-dots li button {display:block; width:12px; height:12px; border:0; font-size:0; border:1px solid #fff; cursor:pointer; border-radius:50%; padding:0;}
#visual .slick-dots li.slick-active button{background:#bc171d; border-color:#bc171d;}

/** 비주얼 내 QR코드 적용 */
#visual .qr_code {position:relative; width:100%; height:0px;}
#visual .qr_code p {display:inline-block; position:absolute; top:20px; left:50%; margin-left:480px; z-index:9;}


/* section bg */
.cover01{background:url('../images/vis1.jpg') no-repeat center center;   }
.cover02{background:url('../images/vis2.jpg') no-repeat center center;   }
.cover03{background:url('../images/vis3.jpg') no-repeat center center;    }

/* main */
/* 메인 상단 이미지 & 슬라이드쇼 */
#visual .sub_imgbox{height:100%; }
#visual .sub_imgbox .slick-list ,
#visual .sub_imgbox .slick-track {height:100%;}

#visual .textbox{position: relative;overflow: hidden; max-width:1200px; margin:200px auto 0 auto; text-align:left;}
#visual .textbox h2 {position:relative; font-weight:300; font-size:46px; color:#333; line-height:140%; letter-spacing:-1.8pt;} 
#visual .textbox h2 span {line-height:inherit; letter-spacing:-1.8pt;}
#visual .textbox h2:after {display:block; content:""; width:40px; height:2px; background:#c80808; margin:30px 0px; text-align:left;} /* 가운데정렬일때 마진 30px auto , 왼쪽정렬일때 마진 30px 0*/
#visual .textbox p {font-weight:300; font-size:20px; letter-spacing:-0.5pt; color:rgba(255,255,255,0.8); line-height:140%}


#container02 {position:relative; padding:40px 0 5px;  width:1200px; margin:0 auto; margin-top:-42px; }
#container02 .mainSection .inner {position:relative;  }
#container02 .mainSection .inner:after {clear:both; display:block; content:''}
/*#container02 .mainSection .inner .title {text-align:center; margin-bottom:30px}*/
#container02 .mainSection .inner .title h2 {font-size:36px; font-weight:300; color:#555; line-height:1}
#container02 .mainSection .inner .title h2:after {display:block; width:40px; height:1px; content:''; margin:20px auto 40px auto; background:#999}
/* 상단 섹션 */
.mainSection.section1 .inner .latestBox {float:left; width:400px; margin-right:20px}
.mainSection.section1 .inner > div .tit {text-align:left; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #ddd; overflow:hidden; padding-top:9px; }
.mainSection.section1 .inner > div .tit h3 {float:left; font-size:18px; color:#808185; line-height:1}
.mainSection.section1 .inner .latestBox > .board_output td {line-height:2; color:#ddd}
.mainSection.section1 .inner .latestBox > .board_output td a {color:#666}
.mainSection.section1 .inner .latestBox > .board_output td a:hover {text-decoration:none}
.mainSection.section1 .inner .photoBox {display:inline-block;float:left; width:580px}

.mainSection.section1 .inner .customerBox {float:right; width:300px}
.mainSection.section1 .inner .customerBox .info h4 {font-size:25px; color:#444; line-height:1.2; margin-bottom:10px}
.mainSection.section1 .inner .customerBox .info h4 a {font-size:25px !important; color:#444}
.mainSection.section1 .inner .customerBox .info h5 {font-size:20px; color:#444; line-height:1.2; font-weight:500;  margin-bottom:10px}
.mainSection.section1 .inner .customerBox .info h5 a {font-size:20px !important; color:#444}
.mainSection.section1 .inner .customerBox .info p {color:#777; font-size:16px; margin-bottom:10px}
.mainSection.section1 .inner .customerBox .info p span {font-weight:600}
.mainSection.section1 .inner .customerBox .info i {font-weight:normal; color:#aaa; margin-right:8px}
.mainSection.section1 .inner .customerBox .info a.btnContact {display:block; width:100%; height:35px; font-weight:600;   font-size:inherit; color:#fff; text-align:center; line-height:30px; border:2px solid #000; background:#000; transition:all .3s ease}
.mainSection.section1 .inner .customerBox .info a.btnContact:hover {color:#000; background:#fff}



.width1200{width:1200px; margin:30px auto 20px;}
.width1200.center{text-align:center;}


.tab_con2{position:relative; overflow:hidden; text-align:center; background:#f0f0f0}
.tab_con2:before{position:relative; display:block; content:""; overflow:hidden; height:0px; background:#fff}
.tab_con2 ul{border-left:1px solid #ddd; border-top:1px solid #ddd}
.tab_con2 li{float:left; width:24.99%}
.tab_con2 .five li{width:24.99%}
.tab_con2 li a{position:relative;  background:#fff; display:block; line-height:58px; border:1px solid #ddd; margin:-1px 0 0 -1px; font-size:1.1em; letter-spacing:-0.5pt; z-index:1; transition: all 0.3s;}
.tab_con2 li a:hover{color:#662d91; border-color:#662d91; z-index:12; transition: all 0.3s;}



.width930{width:900px; margin:30px auto 20px;}
.width930.center{text-align:center;}

.tab_con{position:relative; overflow:hidden; text-align:center; background:#f0f0f0}
.tab_con:before{position:relative; display:block; content:""; overflow:hidden; height:0px; background:#fff}
.tab_con ul{border-left:1px solid #ddd; border-top:1px solid #ddd}
.tab_con li{float:left; width:25%}
.tab_con .five li{width:25%}
.tab_con li a{position:relative;  background:#fff; display:block; line-height:58px; border:1px solid #ddd; margin:-1px 0 0 -1px; font-size:1.1em; letter-spacing:-0.5pt; z-index:1; transition: all 0.3s;}
.tab_con li a:hover{color:#662d91; border-color:#662d91; z-index:12; transition: all 0.3s;}






/** 서브 */


/* 서브플래시 */
.subtop {width: 100%;  height: 230px; background:#EEE url(../images/vis1.jpg) top repeat-x; border-top : 1px solid #ddd;}
.subfla { position:relative; width: 1200px; height: 230px;  margin: 0px auto;   background:url(../images/sub.png) center  center  no-repeat;  }

.smove_img{opacity:0;margin-top:-25px;position:absolute;top:67px;left:0px}

.smove_img h2 { line-height:1.3; margin:0 0 0 0; font-size:2.7em; font-weight:700; text-shadow: 0px 1px 11px #999; color:#fff; margin-top:26px; }
.smove_img hr { display:inline-block; width:34px; height:2px; background:#fff; margin:16px 0 0 0; }
.smove_img p { font-size:1.5em; line-height:1.4; margin:10px 0 0 0; font-weight:700; color:#fff; text-shadow: 0px 1px 11px #999; }
.smove_img .btn_more { display:inline-block; margin:36px 0 0 0; text-indent:-9000px; font-size:0; width:133px; height:33px; border-radius:10%; background:#000 no-repeat center;  }
.smove_img .btn_more:hover {background-color:#000; border-color:#000 }

.smove_txt{opacity:0;margin-left:-25px;position:absolute;top:50px;left:801px}




#contents_m{ width:1200px;  padding:0px 0 40px 0; margin:0 auto;  overflow:hidden; position:relative; }

.subcontent {width: 920px; padding-left:35px; position:relative;   float:left;  }

/* 좌측메뉴 */
.lnb { float:left; width:250px; padding-bottom:25x; }
.lnb h3 { padding:20px 0 35px 0px;  background:#003d6e;  text-align:center;  font-size:20pt; line-height:1.5; color:#fff; font-weight:600 }
.lnb h3 p.stit{color:#bccfde;  font-size:13px; letter-spacing:0.3pt;  margin-bottom:7px;  font-weight:600  }
.lnb ul {  margin-bottom:20px;   }
.lnb li { border-bottom:1px solid #ddd; position:relative;    }



/* 텍스트 메뉴 */
.lnb li a {  padding:12px 10px;  display:block; color:#333; font-size:15px;  font-weight:600;   }
.lnb li:hover a, .lnb li.active a { color:#003d6e; padding:12px 10px; font-size:15px;  font-weight:600;  background: #f7f7f7 url('../images/arrow_01.gif') 220px 16px no-repeat;}




	/*depth_3*/
	.lnb ol.depth_3{ color:#333;  background: #fafafa; border-bottom:1px solid #ddd; padding:5px 0 0px 10px;}
	.depth_3 dd a:link, .depth_3 dd a:visited{display:block; color:#333; font-size:13px;  padding: 5px 8px;}
		.depth_3 dd a:hover{display:block;  color:#333;}
		.depth_linktop{color:#fff !important; }
		.depth_linktop:hover{text-decoration:none; font-weight:bold !important; }
	




.lnb_common dl{ border:1px solid #dddccc; background:url(../../images/tel.jpg) no-repeat right 130px; padding:0 0 21px 10px;color:#666; margin:15px 0}
.lnb_common dl dt{  position:relative; color:#183884; font-size:17px; font-weight:600;line-height:30px;padding:27px 0 0 0;letter-spacing:-0.5px;}
.lnb_common dl dd.tit{ font-size:11px; font-weight:600; color:#000;  padding-top:8px; letter-spacing:-0.5pt;}
.lnb_common dl dd.tel{ font-weight:700;font-size:22px; color:#333;line-height:25px; padding-top:8px}
.lnb_common dl dd.fax{font-size:13px; font-weight:500; color:#000;  padding-bottom:5px; padding-top:10px}
.lnb_common dl dd.email{font-size:18px;color:#000;  font-weight:500; padding:0px 0 10px 0; margin-top:5px;}


.page-title{   border-bottom:#ddd solid 1px;   position:relative; padding:33px 0 20px; margin-bottom:13px; margin-bottom:22px; }
.page-title-text { font-size:25px; font-weight:500; color:#808185; }
.page-navi { float:right; margin:5px 0 5px;  }



/*인사말*/
.company{ width:100%; max-width:980px; margin:0px auto; }
.company:after { content:""; display:block; clear:both; }
.company{ overflow:hidden}
.company .slogan_back { text-align:center;border-top:1px solid #EEE; border-bottom:1px solid #EEE; margin:0em 0 2em 0; padding-top:1em; padding-bottom:1em; }
.company .slogan_text{ font-size:2.5em; letter-spacing:-2px; color:#333; line-height:1.4em;  }
.company .ceo_img{ float:left; width:30%; height:500px;}
.company .ceo_img img{width:100%; }
.company .ceo_txt{ float:left; width:70%;font-size:15px; line-height:1.3em; padding:0 30px;}
.company .ceo_txt h2 { display: inline-block; font-size:1.5em; font-weight:300; line-height:1.3em; color:#000; letter-spacing:-0.05em; }
.company .ceo_txt p { margin-top:30px;}
.company .ceo_txt p strong {color:#000 !important; display:block; font-size:1.2em; padding-bottom:10px;}
.company .ceo_sign {float:left; font-size:1em; color:#222; margin-top:40px; }
.company .ceo_sign img { margin-left:-15px; vertical-align: middle;}
.company .summary { clear:both; float:left; width:100%; margin-top:50px;}


/* foot */
.footer_logo{border-top:1px solid #ddd; background:#fff;}
		.footer_logo .footerLogo_in{max-width:1280px; margin:0 auto; padding:20px 25px; box-sizing:border-box; }
		.footer_logo .footerLogo_in .roll{padding:0 10px; position:Relative; }
		.footer_logo .footerLogo_in .roll img{width:100%; background-repeat:no-repeat; background-size:contain; background-position:center; }
		.footer_logo .footerLogo_in .roll p{position:absolute; width:calc(100% - 20px); top:50%; transform:translateY(-50%); font-size:1.2rem; font-weight:700; color:#ddd; text-align:Center; line-height:140%;}

		.footerLogo_in .slick-arrow{width:19px; height:18px; overflow:hidden; text-indent:-999999px; padding:0; margin:0; cursor:pointer; border:none; background-size:100%; background-color:rgba(255,255,255,0); opacity:0.3; position:absolute; left:0; top:50%; margin-top:-9px; transition:opacity 0.2s linear;}
		.footerLogo_in .slick-arrow:hover {opacity:1; transition:opacity 0.2s linear;}
		.footerLogo_in .slick-prev{background-image:url('/img/arrowF_prev.png');}
		.footerLogo_in .slick-next{background-image:url('/img/arrowF_next.png'); left:auto; right:0}




#foot {width: 100%;border-top-width: 1px; border-top-style: solid; border-top-color: #ddd; color: #333; margin:0 auto;    }
#foot .footer{position:relative; margin:0 auto; overflow:hidden;   width:1200px; padding:30px 0;}
.footer  h2{float:left; }
.footer ul{float:left; text-align:center;  width:800px; padding-left:23px;}
.footer li{padding-bottom:5px; font-size:13px;  color:#333; text-align:left; padding-left:33px;}
.footer li.copy{color:#333}
.footer  h3{float:right; text-align:right; font-size:13px; font-weight:600;  width:200px;}

.table_style{overflow-x: auto;  border-collapse: collapse; width: 100%; border-top:1px solid #333; text-align:center; border-left:1px solid #ddd; margin-bottom:5px;}
.table_style th{color:#333; text-align:center; padding:3px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; background-color:#f9f9f9; font-weight:700;   white-space:nowrap;}
.table_style td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:3px 0; text-align:center; line-height:180%; color:#666;   white-space:nowrap;}

	.contents2{position:relative;  width:1200px; margin:20px auto; overflow:hidden; padding-bottom:10px;}
	.product{position:relative;float:left;width:1200px;height:370px; padding-bottom:0px;  padding-top:10px;  margin-bottom:-56px; }
	.product h1{ position:relative; font-weight:700; font-size:1.8em; line-height:1;     letter-spacing:-0.7pt; padding:10px 0px 20px 0px; }

.dep_tit, .dep_tit_sb{font-size:23px; font-weight:700; color:#333; letter-spacing:-0.75pt; line-height:120%; margin:85px 0 22px;}
		.dep_tit.first{margin-top:0;}
		.basicBt{border-top:1px solid #ddd; padding:50px 0 0;}
		
.gongsaeng_cont{}
		.gongsaeng_cont dd{position:Relative; letter-spacing:-0.35pt; font-size:15px; line-height:180%; padding:0 0 15px 90px}
		.gongsaeng_cont dd:last-child{padding-bottom:0}
		.gongsaeng_cont dd strong{position:Absolute; left:0; font-weight:500; color:#333; letter-spacing:-0.25pt; }

		.gongsaeng_cont .dep_check{overflow:hidden; clear:both;}
				.gongsaeng_cont .dep_check li{float:left; box-sizing:border-box; width:50%; padding-right:18px; }

.grayBox{background:#f5f5f5; padding:38px 40px; border-radius:15px; letter-spacing:-0.25pt;}




#m_bnr  { position:relative; top:-60px; width:100%; max-width:1200px; margin:20px auto; overflow:hidden; }
#m_bnr:after{ content:""; display:block; clear:both;}
#m_bnr .m_box { width:100%; overflow:}
#m_bnr .m_box li { position:relative; float:left; width:32%; background:#fff; height:100px; cursor:pointer; transition: 0.1s all ease;   -webkit-transition: 0.1s all ease;   -moz-transition: 0.1s all ease;   -ms-transition: 0.1s all ease;   -o-transition: 0.1s all ease; }
#m_bnr .m_box li:nth-child(2) {margin:0 1%; }
#m_bnr .m_box li div { position:absolute; top:25px;  left:10px;  display:inline-block; float:left; width:70px; text-align:center; }
#m_bnr .m_box li div i { display:block; width:100%; height:70px; text-align:center; font-size:2.5em; color:#0f73be; }
#m_bnr .m_box li .txt_tit {position:absolute; top:20px; left:90px; color:#0f73be; font-size:1.5em; font-weight:600;  }
#m_bnr .m_box li .txt_list {position:absolute; top:55px;  left:90px; color:#777;	font-size:1.1em;	line-height:20px; }
#m_bnr .m_box li:hover i{padding-top:10px; color:#FFB923;  transition: 0.5s all ease;  }

.left_cs { margin-left:10px;width:320px; float:left; }
.left_cs h2 { font-weight:700; font-size:1.8em; line-height:1; margin:0 0 15px; border-bottom:1px solid #666; padding-bottom:15px }
.left_cs .tel { font-weight:700; color:#c80808; font-size:2.3em; padding-left:3px; padding-top:3px; }
.left_cs .time { font-weight:500; padding-left:3px;font-size:1.3em; padding-top:15px; border-bottom:1px solid #999;  padding-bottom:15px;   }
.left_cs dt.info { padding-left:3px; line-height:1; margin-top:2px; font-size:1.2em; font-weight:300; }
.left_cs dl { margin-top:13px; padding-left:3px }
.left_cs dt, .left_cs dd { margin:2px 0 }
.left_cs dt {font-weight:500;  color:#333; font-size:1.5em;  }
.left_cs dd { font-weight:500;  color:#c80808; font-size:2em; line-height:180%;  }