@charset "utf-8";
@import url("fonts/square/fonts.css");

/*-----------------------공통-----------------------*/
html {width:100%; min-width:500px; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust:none; overflow-y:scroll; word-break:keep-all;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;list-style:none;font-family:"NanumSquare", 'Apple Gothic', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif; -webkit-text-size-adjust:none;}

a {text-decoration:none;color:#000;-webkit-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-moz-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-ms-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-o-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;outline:none;}
a:hover, a:focus {text-decoration:none !important;}

p { word-break:keep-all; margin-bottom:40px;}

.clear { clear:both;}
.clear10 { clear:both; height:10px;}
.clear20 { clear:both; height:20px;}
.clear30 { clear:both; height:30px;}
.clear40 { clear:both; height:40px;}
.clear50 { clear:both; height:50px;}
.clear60 { clear:both; height:60px;}
.clear80 { clear:both; height:80px;}
.clear100 { clear:both; height:100px;}
.clear_dot { clear:both; border-bottom:#ddd solid 1px}
.clear_line120 { clear:both; height:60px; margin-bottom:60px; border-bottom:#ddd solid 1px}
.text_center { text-align:center;}
.left_img { float:left; margin:0 30px 20px 0;}
.right_img { float:right; margin:0 0 20px 30px;}

.tail_btn { background:url(/kor/img/tail_bg.jpg) center center fixed no-repeat; background-size:cover; text-align:center; padding:120px 0}
.tail_btn li { position:relative; display:inline-block; vertical-align:top; text-align:left; padding:10px 20px; margin:10px; border:#fff solid 1px; background:rgba(0,0,0,0.5); border-radius:10px; width:240px;}
.tail_btn li a { font-size:20px; color:#fff;}
.tail_btn li a img { position:absolute; top:4px; right:4px; -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease;}
.tail_btn li:hover a img { right:8px;}

.sitemap { background:#aaa; padding:10px 0;}
.sitemap li { display:inline-block; vertical-align:top; color:#fff; border-right:#ccc solid 1px; line-height:1; margin:5px 0; padding:0 15px;}
.sitemap li:last-child {border-right:none;}
.sitemap li a { font-size:15px; color:#fff;}
#footer { padding:20px 0; background:#e5e5e5; color:#555; line-height:1.6;}
.bottom_logo { float:right; margin:0 0 10px 20px; width:200px;}

#back-top { position:fixed; bottom:0; right:20px;}
#back-top a {
	padding:30px 15px;
	background:rgba(255,150,0,0.7);
	text-align:center;
	border-radius:5px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
#back-top a:hover { background:rgba(255,150,0,1);}

/*언어선택 셀렉트박스*/
/* UI 기본 스타일 */
.ps_designSelBox {position:relative; z-index:0;}
.ps_designSelBox.on {z-index:99;}
.ps_designSelBox select {display:none;}
.ps_designSelBoxIn .ps_list {display:none; position:absolute; background:white; width:100%; margin:0; padding:0; list-style:none;}
.ps_designSelBox.on .ps_list {overflow-y:auto; display:block;}
.ps_designSelBoxIn {position:relative;}
.ps_designSelBoxIn button {background:none; border:none; width:100%; text-align:left; display:block; cursor:pointer;}
/* 커스터 마이징 */
.top_lang { width:90px; height:30px; float:right; background:rgba(255,255,255,0.2); padding-top:7px; border:1px solid #ddd;}
.ps_designSelBox.type01 .ps_designSelBoxIn {min-width:90px; font-size:13px; color:#444;}
.ps_designSelBox.type01 .ps_currSel {position:relative; background:url(/kor/img/arrow.png) 70px center no-repeat; line-height:1.2; padding-left:15px; margin-bottom:10px;}
.ps_designSelBox.type01.on .ps_currSel {position:relative; z-index:10;}
.ps_designSelBox.type01 .ps_list {background:#fff; border:1px solid #ddd;}
.ps_designSelBox.type01 .ps_list li {padding:6px 15px; border-top:1px solid #ddd;}
.ps_designSelBox.type01 .ps_list li:first-child {border-top:none;}
.ps_designSelBox.type01 .ps_list button { font-size:13px; height:20px; color:#777;}

.sns_lang {position: absolute;right:20px;top:10px;width:150px;}
/*언어선택 셀렉트박스*/
/*-----------------------공통-----------------------*/

/*-----------------------메인-----------------------*/
.main_title { text-align:center; font-size:30px; color:#000;}
.main_title_bar { background:url(/kor/img/main_title_bar.jpg) center center repeat-x; width:88px; height:7px; margin:15px auto;}

.main_box01 { padding:60px 0;}
.main_com_ul { text-align:center;}
.main_com_ul li { display:inline-block; vertical-align:top; width:170px; margin:20px 10px 0 10px;}
.main_com_ul li a { font-size:17px; color:#000;}
.main_com_ul li a:hover { color:#ff9000;}
.main_com_ul li a .main_com_icon { width:170px; height:170px; border:#ff9000 solid 3px; border-radius:50%; margin-bottom:10px; -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease;}
.main_com_ul li a .main_com_ul_img01 { background:#ff9000 url(/kor/img/main_com_icon01.png) center center no-repeat;}
.main_com_ul li a .main_com_ul_img02 { background:#ff9000 url(/kor/img/main_com_icon02.png) center center no-repeat;}
.main_com_ul li a .main_com_ul_img03 { background:#ff9000 url(/kor/img/main_com_icon03.png) center center no-repeat;}
.main_com_ul li a .main_com_ul_img04 { background:#ff9000 url(/kor/img/main_com_icon04.png) center center no-repeat;}
.main_com_ul li a .main_com_ul_img05 { background:#ff9000 url(/kor/img/main_com_icon05.png) center center no-repeat;}
.main_com_ul li a:hover .main_com_ul_img01 { background:#fff url(/kor/img/main_com_icon01_on.png) center center no-repeat;}
.main_com_ul li a:hover .main_com_ul_img02 { background:#fff url(/kor/img/main_com_icon02_on.png) center center no-repeat;}
.main_com_ul li a:hover .main_com_ul_img03 { background:#fff url(/kor/img/main_com_icon03_on.png) center center no-repeat;}
.main_com_ul li a:hover .main_com_ul_img04 { background:#fff url(/kor/img/main_com_icon04_on.png) center center no-repeat;}
.main_com_ul li a:hover .main_com_ul_img05 { background:#fff url(/kor/img/main_com_icon05_on.png) center center no-repeat;}

.main_box02 { padding:60px 0; background:#fafafa;}

.main_box03 { padding:60px 0;}
/*-----------------------메인-----------------------*/

/*-----------------------서브-----------------------*/
.sub_top { padding:140px 0 80px 0;}
.sub_top .sub_top_text { font-size:36px; color:#fff; font-weight:800; margin-left:3%;}
.sub_top .sub_top_text span { color:#ffde00;}
.sub_top01 { background:url(/kor/img/sub/sub_top01.jpg) top center no-repeat; background-size:cover;}
.sub_top02 { background:url(/kor/img/sub/sub_top02.jpg) top center no-repeat; background-size:cover;}
.sub_top03 { background:url(/kor/img/sub/sub_top03.jpg) top center no-repeat; background-size:cover;}
.sub_top04 { background:url(/kor/img/sub/sub_top04.jpg) top center no-repeat; background-size:cover;}
.sub_top05 { background:url(/kor/img/sub/sub_top05.jpg) top center no-repeat; background-size:cover;}

.sub_nav_box { padding:15px 0 0 0; border-bottom:#ff9000 solid 1px;}
.sub_nav_menu {}
.sub_nav_menu li { display:inline-block; margin-bottom:10px;}
.sub_nav_menu li a { padding:0 20px; font-size:17px; color:#333; /*font-style:italic;*/}
.sub_nav_menu li a:hover { color:#ff9000;}
.sub_nav_menu .menu_on a { color:#ff9000;}

.sub_page { padding:60px 0 80px 0; font-size:17px; line-height:2;}

.sub_title01 { border-bottom:#ccc dashed 1px; position:relative; line-height:1; margin:0 0 60px 0;}
.sub_title01 .sub_title01_left { background:#fff; display:inline-block; font-size:28px; line-height:1.5; color:#404040; font-weight:700; margin-bottom:-3px; padding-right:10px; padding-bottom:3px;}
.sub_title01 .sub_title01_left img { margin-bottom:-5px; margin-right:5px; width:30px;}
.sub_title01 .sub_title01_right { float:right; font-size:15px; line-height:1.5; color:#666; margin-top:15px;}

.sub_text01 span { font-size:22px; color:#888; font-weight:700;}
.sub_text02 { font-size:20px; color:#000; font-weight:700;}
.com01_sign { text-align:right; font-size:20px; color:#888;}
.com01_sign span { font-size:28px; color:#000; font-weight:700; font-style:italic; margin-left:10px;}

/* 연혁 */
.timeline { position:relative;}

.timeline-item {
  padding-left: 30px;
  padding-bottom: 20px;
  position: relative;
}
.timeline-item:last-child {
  padding-bottom: 0;
}
.timeline-info {
  letter-spacing: 1px;
  color:#000;
  font-size:22px;
  font-weight:700;
  margin: 0;
  text-transform: uppercase;
  white-space: nowrap;
}

.timeline-centered .timeline-content span {
  font-size:22px;
  line-height:0;
  margin-right:2px;
  font-weight:800;
  color:#999;
}
.timeline-centered .timeline-content div {
  margin-left:12px;
}
.timeline-centered .timeline-content li {
  font-size:17px;
  margin-bottom:10px;
  line-height:1.5;
}

.timeline-marker {
  position: absolute;
  top: 5px;
  bottom: 0;
  left: 0;
  width: 10px;
}
.timeline-marker:before {
  background: #ff9000;
  border: 1px solid transparent;
  border-radius: 100%;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 10px;
  left: 2px;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.timeline-marker:after {
  content: "";
  width: 2px;
  background: #ddd;
  display: block;
  position: absolute;
  top: 20px;
  bottom: 0;
  left: 6px;
}
.timeline-marker-last:after {
  background:none;
}
.timeline-item:not(.period):hover .timeline-marker:before {
  background: transparent;
  border: 2px solid #ff9000;
}
@media (min-width: 991px) {
  .timeline { position:relative;}
  
  .timeline-centered,
  .timeline-centered .timeline-item,
  .timeline-centered .timeline-info,
  .timeline-centered .timeline-marker,
  .timeline-centered .timeline-content {
    display: block;
    margin: 0;
    padding: 0;
  }
  .timeline-centered .timeline-item {
    padding-bottom: 40px;
    overflow: hidden;
  }
  .timeline-centered .timeline-marker {
    position: absolute;
    left: 50%;
    margin-left: -7.5px;
  }
  .timeline-centered .timeline-info,
  .timeline-centered .timeline-content {
    width: 50%;
  }
  .timeline-centered .timeline-content {
    padding-top:5px;
  }
  .timeline-centered > .timeline-item:nth-child(odd) .timeline-info {
    float: left;
    text-align: right;
    padding-right: 30px;
  }
  .timeline-centered > .timeline-item:nth-child(odd) .timeline-content {
    float: right;
    text-align: left;
    padding-left: 30px;
  }
  .timeline-centered > .timeline-item:nth-child(even) .timeline-info {
    float: right;
    text-align: left;
    padding-left: 30px;
  }
  .timeline-centered > .timeline-item:nth-child(even) .timeline-content {
    float: left;
    text-align: right;
    padding-right: 30px;
  }
  .timeline-centered > .timeline-item.period .timeline-content {
    float: none;
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .timeline-centered .period .timeline-marker:after {
    height: 10px;
    bottom: 0;
    top: auto;
  }
}
/* 연혁 */

.org_pc img { margin:0 auto;}
.org_mo { display:none;}

.cer_ul { margin-top:20px; text-align:center;}
.cer_ul li { display:inline-block; vertical-align:top; width:18%; margin:5px;}
.cer_ul li img { border:#ddd solid 1px;}

.com05_box { padding:20px; background:#fafafa; border:#ccc solid 1px; margin-bottom:15px;}
.com05_ul01 { border-bottom:#aaa dotted 1px; padding-bottom:5px; margin-bottom:15px;}
.com05_ul01 li { display:inline-block; vertical-align:top; margin-right:10px; width:45%; line-height:1.5; margin:5px 0;}
.com05_ul01 li span { color:#ff9000; margin-right:10px;}
.com05_ul02 {}
.com05_ul02 li { line-height:1.5; margin-bottom:10px;}
.com05_ul02 li span { color:#86ae0b; margin-right:10px;}

.com05_map_ul { padding:0; margin:0; font-size:0;}
.com05_map_ul li { display:inline-block; vertical-align:top; width:60%;}
.com05_map_ul li:first-child { background:url(/kor/img/sub/map.jpg) center center no-repeat; background-size:cover; width:40%; height:450px;}

.com05_map { position:relative; width:100%; height:450px; overflow:hidden; border:#ccc solid 1px;}
.com05_map iframe { width:100%; height:800px; margin-top:-150px;}

/* 제품소개 */
.pro_imgborder { border:#ddd solid 1px;}
.pro_img200 { max-width:200px; width:100%;}
.pro_img300 { max-width:300px; width:100%;}
.pro_img400 { max-width:400px; width:100%;}
.pro_img500 { max-width:500px; width:100%;}
.pro_img_height330 { max-height:330px; width:100%;}
.pro_imgleft { float:left; margin:0 30px 0 0;}

.pro_top_title { font-size:20px; color:#ff9000; font-weight:700; margin-bottom:25px; line-height:1.5;}
.pro_top_title span { color:#888;}

.pro_ul2ea {}
.pro_ul2ea li { display:inline-block; vertical-align:top; margin:0 20px 30px 0; max-width:100%;}

.pro_ul3ea {}
.pro_ul3ea li { display:inline-block; vertical-align:top; margin:0 20px 30px 0;}
.pro_ul3ea li:nth-child(1) { max-width:34%;}
.pro_ul3ea li:nth-child(2) { max-width:31.5%;}
.pro_ul3ea li:nth-child(3) { max-width:25.5%;}

.pro_ul3ea_a {}
.pro_ul3ea_a li { display:inline-block; vertical-align:top; margin:0 20px 30px 0;}
.pro_ul3ea_a li:nth-child(1) { max-width:32.5%;}
.pro_ul3ea_a li:nth-child(2) { max-width:32.5%;}
.pro_ul3ea_a li:nth-child(3) { max-width:25.5%;}

.pro_ul4ea { text-align:center;}
.pro_ul4ea li { display:inline-block; vertical-align:top; margin:0 5px 30px 5px; width:23%;}

.pro_title01 { font-size:20px; font-weight:700; line-height:1.3;}
.pro_title01_bar { width:30px; height:1px; margin:15px 0 20px 0; background:#888;}

.pro_title02 { font-weight:700; color:#ff9000;}

.pro_info { padding:20px; background:#fbfbfb; border-bottom:#ddd solid 1px; border-top:#ddd solid 1px;}
.pro_info li { line-height:1.5; margin:7px 0; padding-left:15px; background:url(/kor/img/sub/ul_dot.png) left 9px no-repeat; }

.pro_info_left { width:50%; float:left; padding:20px; background:#fbfbfb; border-bottom:#ddd solid 1px; border-top:#ddd solid 1px;}
.pro_info_left li { line-height:1.5; margin:7px 0; padding-left:15px; background:url(/kor/img/sub/ul_dot.png) left 9px no-repeat; }

.pro_ulimg {}
.pro_ulimg li { display:inline-block; vertical-align:top; width:267px; margin:10px 10px 10px 0;}
.pro_ulimg li img { padding:10px; border:#ddd solid 1px;}
.pro_ulimg li div { font-size:15px; line-height:1.4; margin-top:10px; text-align:center;}
/* 제품소개 */
/*-----------------------서브-----------------------*/

/*-----------------------영상팝업-----------------------*/
.mov_layer {display:none; position:fixed; top:20%; left:50%; width:800px; margin-left:-400px; z-index:21;}
.mov_layer iframe {width:800px; height:500px;}
.mov_layer .close {position:absolute; top:-50px; right:0; display:block; width:50px; height:50px; background:url(/kor/img/x.png) center center no-repeat; background-size:50px 50px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}

.dim {display:none; position:fixed; _position:absolute; top:0;left:0; background:#000; width:100%; height:100%; filter:Alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; z-index:20;}

/*영상 자동높이*/
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;} 
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;} 
/*영상 자동높이*/
/*-----------------------영상팝업*-----------------------/

/*-----------------------표-----------------------*/
.table_style table { width:100%; border-spacing:0; border-collapse:collapse; margin:0; border-bottom:#ccc solid 2px; border-top:#ccc solid 1px;}
.table_style table tr td { border:#ddd solid 1px; padding:7px 20px; font-size:15px; line-height:1.5; vertical-align:middle; text-align:left;}
.table_style .table_title01 { background:#ff9000; color:#fff; font-size:17px; border:#fff solid 1px;}
.table_style .table_title02 { background:#fafafa;}
.table_style .width100 { min-width:100px !important;}
.table_style .width150 { min-width:150px !important;}
.table_style .width350 { min-width:350px !important;}

.table_style02 table { width:100%; border-spacing:0; border-collapse:collapse; margin:0; border-bottom:#ccc solid 2px; border-top:#ccc solid 1px;}
.table_style02 table tr td { border:#ddd solid 1px; padding:7px 20px; font-size:15px; line-height:1.5; vertical-align:middle; text-align:left;}
.table_style02 .table_title01 { background:#999; color:#fff; border:#fff solid 1px;}
.table_style02 .table_title02 { background:#fafafa;}
/*-----------------------표-----------------------*/

@media screen and (max-width:991px){
	/* 언어선택 셀렉트박스 */
	.sns_lang {right:0;top:-12px;}
	/* 언어선택 셀렉트박스 */
	
	.pro_imgleft { float:none; margin:0 0 20px 0;}
	
	.pro_info_left { width:100%; float:none; margin-top:20px;}
	
	/*영상팝업*/
	.mov_layer {width:700px; margin-left:-350px;}
	.mov_layer iframe {width:700px; height:450px;}
	.mov_layer .close {top:-30px; width:30px; height:30px; background-size:30px 30px;}
	.mov_layer .close {top:-30px; right:0; width:30px; height:30px; background-size:30px 30px;}
	/*영상팝업*/
	
	.main_com_ul li { width:130px;}
	.main_com_ul li a .main_com_icon { width:130px; height:130px;}
}

@media screen and (max-width:767px){
	.left_img { float:none; margin:0 0 20px 0;}
	.right_img { float:none; margin:0 0 20px 0;}
	
	.sub_title01 { margin:0 0 60px 0;}
	.sub_title01 .sub_title01_left { font-size:20px;}
	.sub_title01 .sub_title01_right { text-align:left; margin-bottom:40px;}
	
	.org_pc { display:none;}
	.org_mo { display:block;}
	.org_mo img { margin:0 auto;}
	
	.com05_ul01 li { margin-right:0; width:100%;}
	
	.com05_map_ul li { width:100%;}
	.com05_map_ul li:first-child { width:100%; height:300px;}
	
	.pro_ul3ea li:nth-child(1) { max-width:100%;}
	.pro_ul3ea li:nth-child(2) { max-width:100%;}
	.pro_ul3ea li:nth-child(3) { max-width:100%;}
	
	.pro_ul3ea_a li:nth-child(1) { max-width:100%;}
	.pro_ul3ea_a li:nth-child(2) { max-width:100%;}
	.pro_ul3ea_a li:nth-child(3) { max-width:100%;}
	
	.pro_ul4ea li { width:47%;}

	/*영상팝업*/
	.mov_layer {width:440px; margin-left:-220px;}
	.mov_layer iframe {width:440px; height:270px;}
	/*영상팝업*/
	
	.bottom_logo { float:none; margin:0 0 20px 0; display:block;}
}