@charset "euc-kr";
/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&familyNanum+Myeongjo:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');

* { margin:0; padding:0}

html, body {
	width:100%;
	height: 100%;
	-webkit-text-size-adjust:none;
 }
body {
	font-family:Nanum Gothic,'³ª´®°íµñ',ng,sans-serif;
    margin:0;
	padding:0;
}

body, td, input, select, table, textarea, div, p, b {
	font-family: Nanum Gothic, '³ª´®°íµñ', ng, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #3c3c3c;
	text-decoration: none; /* none l underline l overline l line-through */
	word-break:normal;
}

img { border:0}
ul, ol, dl, li { list-style:none}


/*---------------------------------------------------*/
a { text-decoration:none; color:#4e4e4e}
a.top { color:#d4d4d4; text-decoration:none;}
a.eng { color:#ffffff; font-weight:600; text-decoration:none;}
a.top:hover { color:#ffffff; text-decoration:none;}
a.subtop { text-decoration:none; color:#d9d9d9; font-weight:600;}
a.subtop:hover { text-decoration:none; color:#ffffff; font-weight:600;}
a.subtop:active { text-decoration:none; color:#ffffff; font-weight:600;}


h2.title {
	color:#252525;
	font-size:25px;
	font-weight:600;
	margin-bottom:20px;
	padding-top:30px;
	background:url(../images/title_bar.png) left 10px no-repeat;
}

h3.sub_title {
	color:#005baa;
	font-size:18px;
	font-weight:600;
	margin-bottom:10px;
	padding-top:10px;
}

.space {
	padding-bottom:40px;
}

/*Navi*/
#center {
	position: relative;
	z-index: 99999;
	width: 100%;
	margin: 0 auto;
	height:118px;
	top: 0px;
	display: inline-block;
}

#top_navi_wrap {
	width:100%;  
	z-index:10; 
	position:absolute; 
	background:#353a91;
	} 
.top_wrap { width:100%; margin:0 auto; height:35px; background:#005baa;}
.top_wrap2 { width:1080px; margin:0 auto; height:35px;}
.top_menu { float:right;  width:270px;}
.top_menu ul {  }
.top_menu ul li.top_border { float:left; height:35px; font-size:12px; padding: 0 15px 0 15px; line-height:32px; text-align:center; }
.top_menu ul li.home { float:left; height:35px; font-size:12px; padding: 0 15px 0 15px; line-height:32px; text-align:center; background:url(../images/top_bar.gif) right no-repeat;}
.top_menu ul li.eng { float:left; height:35px; font-size:12px; padding: 0 15px 0 15px; line-height:32px; text-align:center; background-color:#3ab54a;}
.top_menu ul li { float:left; height:32px;}
.top_tel { float:left; color:#e5e5e5; font-size:12px; line-height:35px; font-weight:600;}

.top_navi_wrap2{ width:100%; margin:0 auto; height:83px; position:relative; background:#fff; border-bottom:1px solid #cacaca;}
.navi_wrap { width:1080px; margin:0 auto; height:83px; position:relative; background:#FFF;}
.top_logo{ float:left; position:absolute; width:215px; margin-top:26px;}
.top_navi { float:right; width:828px; margin-left:252px;}
.navi_dep1{float:left;}
.navi_dep1_position{ font-size:17px; font-weight:600; text-align:center; height:83px; line-height:83px;}
.navi_dep1_position:hover { height:83px; line-height:83px;}
.navi_dep1_position a { color:#4e4e4e; text-decoration:none;}

/*submenu */
.navi_dep2_wrap01{padding-left:0px;margin-left:0px;position:relative;left:0px; }
.navi_dep2_wrap02{padding-left:0px;margin-left:0px;position:relative;left:-120px;}
.navi_dep2_wrap03{padding-left:0px;margin-left:0px;position:relative;left:-236px;}
.navi_dep2_wrap04{padding-left:0px;margin-left:0px;position:relative;left:-352px;}
.navi_dep2_wrap05{padding-left:0px;margin-left:0px;position:relative;left:-468px;}
.navi_dep2_wrap06{padding-left:0px;margin-left:0px;position:relative;left:-588px;}
.navi_dep2_wrap07{padding-left:0px;margin-left:0px;position:relative;left:-708px;}

.navi_dep2_wrap{ display:none; width:828px;  position:relative;top:0px;}
.navi_dep2_wrap ul{overflow:hidden; width:828px; height:26px; padding-top:12px;}
.navi_dep2_wrap ul li{ float:left; padding-right:10px; height:13px; line-height:13px; border-right:1px solid #ababab; margin-right:10px;}
.navi_dep2_wrap ul li.last { float:left; border-right:none; height:13px; line-height:13px;}

.float01{width:120px; background:url(../images/menu_bar.png) right 33px no-repeat;}
.float02{width:116px; background:url(../images/menu_bar.png) right 33px no-repeat;}
.float03{width:116px; background:url(../images/menu_bar.png) right 33px no-repeat;}
.float04{width:116px; background:url(../images/menu_bar.png) right 33px no-repeat;}
.float05{width:120px; background:url(../images/menu_bar.png) right 33px no-repeat;}
.float06{width:120px; background:url(../images/menu_bar.png) right 33px no-repeat;}
.float07{width:120px;}

/*main_visual*/
#mainVisual {
	width:100%;
	height:530px;
	border-bottom:1px solid #cacaca;
	}

#section_wrap {
	width:100%
}
#section_wrap .section1 {
	width:1080px;
	height:241px;
	margin:0 auto;
}
.section1_1 {
	float:left;
	width:360px;
}
.section1_2 {
	float:right;
	width:720px;
}
#section_wrap .section2 {
	padding-top:37px;
	width:1080px;
	height:241px;
	margin:0 auto;
}
.section2_1 {
	float:left;
	width:360px;
}
.section2_2 {
	float:left;
	width:360px;
}
.section2_3 {
	float:right;
	width:360px;
}

/* °øÁö»çÇ× */
.notice_box {float:left; width:360px; }
.btn_more { position:relative; top: -34px; float:right; margin-right: 21px;}
#tab_container {width: 329px; margin:0;}
#tab_container  ul.tabs {margin:0;padding: 0;float: left;list-style: none;  width:329px; height:46px; border:1px solid #dddddd;}
#tab_container  ul.tabs li {position: relative;float: left;height: 46px; line-height: 46px; text-align:center; width:132px;   overflow: visible; }
#tab_container  ul.tabs li:last-child {border-right:0px;}
#tab_container  ul.tabs li a {text-decoration: none;height:46px; display: block;font-weight:bold; background:#ffffff; font-size:17px; font-weight:600; color:#222222; border-right:1px solid #dddddd; }
#tab_container  ul.tabs li.active a  {height:46px; color:#ffffff; font-weight:600; background:#4c98b8; }

#tab_container .tab_container1 {clear: both;float: left;margin:0 0 0 0px; width: 329px;}
#tab_container .tab_content {margin: 0 0 0 0px; font-size: 1.0em;}
#tab_container .tab_content ul {}
#tab_container .tab_content ul li {display:block; float:left; padding:0 0 10px 15px;width:325px; background:url(../images/main/dot02.gif) no-repeat 5px 8px;}
#tab_container .tab_content ul li a{ color:#555; }


/* main_ele */
#scroll_wrap { width:720px; float:right;}
#scroll_wrap div { float:left;}
.scroll-img { width:720px; height:241px; overflow: hidden; font-size: 0; margin:0 auto;}
.scroll-img ul { width: 720px; height: 241px; margin: 0 auto; }
.scroll-img ul li { display: inline-block; float:left; vertical-align:middle;}
#scrollbox.scroll-img ul { width: 2160px; }
.btn { position:relative; cursor:pointer; top:-210px; text-align:right; left: 1000px; width:30px; float:left;}
.btn2 { position:relative; cursor:pointer; top:-210px; text-align:right; left: 1000px; width:30px; float:left;}		

/* contents */
#contents_wrap1 {
	width:100%;
	background:url(../images/sub_visu1.png) no-repeat center top;
}
#contents_wrap2 {
	width:100%;
	background:url(../images/sub_visu2.png) no-repeat center top;
}
#contents_wrap3 {
	width:100%;
	background:url(../images/sub_visu3.png) no-repeat center top;
}
#contents_wrap4 {
	width:100%;
	background:url(../images/sub_visu4.png) no-repeat center top;
}
#contents_wrap5 {
	width:100%;
	background:url(../images/sub_visu5.png) no-repeat center top;
}
#contents_wrap6 {
	width:100%;
	background:url(../images/sub_visu6.png) no-repeat center top;
}

#sub_location {
	width:1080px;
	height:40px;
	margin:0 auto;
}
#sub_location ul {  }
#sub_location ul li.sub_location1 { float:left; height:40px; line-height:40px; }
#sub_location ul li.sub_location2 { float:left; width:176px; height:40px; font-size:15px; color:#6d6d6d; padding-left:23px; line-height:40px; background:url(../images/location_deep1_bg.png) no-repeat; border-right:1px solid #cdcdcd;}
#sub_location ul li.sub_location3 { float:left; width:206px; height:40px; font-size:15px; color:#2d2d2d; padding-left:23px; font-weight:600; line-height:40px; background:url(../images/location_deep2_bg.png) no-repeat; border-right:1px solid #cdcdcd;}

#contents {
	width:1080px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	}
#leftmenu_wrap {
	/* position:absolute; */
	top:0;
	left:0;
	bottom:0;
	width:240px;
	float:left;
	}
#left_top {
	width:240px;
	height:126px;
	border-bottom:2px solid #505c78;
	}
#left_top p {
	font-size:36px;
	line-height:38px;
	font-weight:500;
	padding:57px 0 0 35px;
	color:#005bab;	
	font-family: 'Nanum Square';
	}
#left_top p.top {
	font-size:29px;
	line-height:38px;
	font-weight:600;
	text-align:center;
	padding:58px 0 0 0;
	color:#ffffff;
	}
#left_menu a {
	display:block;
	height:48px;
	line-height:48px;
	border-bottom:1px solid #e5e5e5;
	color:#747474;
	padding-left:38px;
	font-weight:600;
	text-decoration:none;
	font-size:15px;
	}
#left_menu a.on {
	display:block;
	height:48px;
	line-height:48px;
	border-bottom:1px solid #dddddd;
	background:url(../images/left_menu_on.png) no-repeat;
	color:#ffffff;
	padding-left:38px;
	font-weight:600;
	text-decoration:none;
	}
#left_menu a:hover {
	display:block;
	height:48px;
	line-height:48px;
	border-bottom:1px solid #dddddd;
	background:url(../images/left_menu_on.png) no-repeat;
	color:#ffffff;
	padding-left:38px;
	font-weight:600;
	text-decoration:none;
	}
	
 #left_menu a.sub {
	display:block;
	height:30px;
	line-height:30px;
	color:#797979;
	padding-left:38px;
	border-bottom:none;
	text-decoration:none;
	background:#efefef;
	font-size:13px;
	}
#left_menu a.sub_on {
	display:block;
	height:30px;
	line-height:30px;
	color:#222222;
	padding-left:38px;
	border-bottom:none;
	text-decoration:none;
	background:#efefef;
	font-size:13px;
	}
#left_menu a.sub:hover {
	display:block;
	height:30px;
	line-height:30px;
	color:#222222;
	padding-left:38px;
	border-bottom:none;
	text-decoration:none;
	background:#efefef;
	font-size:13px;
	}
/*-------------------------------------------------------------------------------------=-------*/
#article_wrap {
	float:right;
	width:840px;
	}
#article_top {
	width:800px;
	height:183px;
	margin-left:40px;
	}
#article_top ul li.article_tit {
	float:left;
	padding:61px 0 0 0;
	line-height:35px;
	font-size:28px;
	font-weight:600;
	color:#3e3f40;
	}
#article {
	clear: both;
	width: 800px;
	margin-left: 40px;
	}	

#greeting {
	width:800px;
	padding-top:20px;
	}
#greeting p { width:800px; padding-bottom:20px;}
.greeting_tit {
	color:#fff;
	font-size:30px;
	line-height:40px;
	font-weight:600;
	font-family: 'Nanum Square';
	padding: 90px 50px;
	margin-bottom:20px;
	background:url(../images/greeting_img.jpg) center top no-repeat;
	height:70px;
}
.greeting_txt {font-size:20px; line-height:30px; color:#333; font-weight:600;}
.greeting_sign {font-size:18px; line-height:28px; color:#000; font-weight:600; padding-top:10px;}
.greeting_sign span {font-family: 'Nanum Brush Script', cursive; font-size:40px; font-weight:400; padding-left:15px;}

#vision {
	width:800px;
}

#history {
	width:800px;
	background:url(../images/history.png) center top no-repeat;
	}
#history ul {
	background:url(../images/history_line.gif) repeat-y 73px 0;
	}	
#history ul li.noyear { margin-left: 100px; line-height:35px;}
#history ul li.year {
	background:url(../images/bullet_history.png) no-repeat 64px 10px;
	margin-top:20px;
	font-size:13px;
	font-family:"³ª´®°íµñ", Nanum Gothic,  "µ¸¿ò", Dotum, AppleGothic, sans-serif;
	color: #4e4e4e;
	line-height:35px;
	}	
#history ul li.year span {
	display:block;
	float:left;
	width:100px;
	font-size:25px;
	line-height:35px;
	font-weight:600;
	color:#00598c;
	}
#history ul li.year b {
	display:block;
	float:left;
	line-height:35px;
	width:50px;
	}
#history ul li.noyear b {
	display:block;
	float:left;
	line-height:35px;
	width:50px;
}

#partner {
	width:800px;
}

#organization {
	width:800px;
}

#location {
	width:800px;
}
#location ul.tabs {
    margin: 0;
    float: left;
    list-style: none;
    height: 75px;
    width: 100%;
	padding-bottom:20px;
}
#location ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    padding:0 10px;
	width: 180px;
    height: 35px;
	font-size:15px;
    line-height: 35px;
    border: 1px solid #dddddd;
    margin:0 5px 5px 0;
    font-weight: 600;
    background: #fafafa;
    overflow: hidden;
    position: relative;
}
#location ul.tabs li.active {
    background: #005baa;
	color:#ffffff;
}
.spec {
	border-top:2px solid #194477;
	margin-bottom:20px;
	font-size:13px;
	}
.spec td {
	vertical-align:middle;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	padding: 7px 0 7px 0;
	}
.spec td.no-right {
	border-right:none;
	padding: 7px 10px 7px 20px;
	}
.spec td.bg {
	background:#f5f5f5;
	text-align:center;
	}
	
#artwork1 {
	width:800px;
	padding-top:20px;
}

#artwork2 {
	width:800px;
}
#artwork2 ul.tabs {
    margin: 0;
    float: left;
    list-style: none;
    height: 75px;
    width: 100%;
	padding-bottom:20px;
}
#artwork2 ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    padding:0 10px;
	width: 180px;
    height: 35px;
	font-size:15px;
    line-height: 35px;
    border: 1px solid #dddddd;
    margin:0 5px 5px 0;
    font-weight: 600;
    background: #fafafa;
    overflow: hidden;
    position: relative;
}
#artwork2 ul.tabs li.active {
    background: #005baa;
	color:#ffffff;
}

.smt_img {
	float:left;
	padding-right: 40px;
	margin-bottom:20px;
}
.smt_img2 {
	float:right;
	padding-top: 140px;
	margin-bottom:20px;
}
.smt_img3 {
	float:right;
	padding-top: 56px;
	margin-bottom:20px;
}
ul.smt_text li {
	float:right;
	width:450px;
	font-size:15px;
	background:url(../images/des_bullet.gif) left 8px no-repeat;
	padding-left:10px;
	padding-bottom:10px;
}


#pcb3 {
	width:800px;
}
#pcb3 ul.tabs {
    margin: 0;
    float: left;
    list-style: none;
    height: 75px;
    width: 100%;
}
#pcb3 ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    padding:0 10px;
	width: 125px;
    height: 35px;
	font-size:15px;
    line-height: 35px;
    border: 1px solid #dddddd;
    margin:0 5px 5px 0;
    font-weight: 600;
    background: #fafafa;
    overflow: hidden;
    position: relative;
}
#pcb3 ul.tabs li.active {
    background: #005baa;
	color:#ffffff;
}

#quality {
	width:800px;
}
#quality ul.tabs {
    margin: 0;
    float: left;
    list-style: none;
    height: 75px;
    width: 100%;
	padding-bottom:20px;
}
#quality ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    padding:0 10px;
	width: 180px;
    height: 35px;
	font-size:15px;
    line-height: 35px;
    border: 1px solid #dddddd;
    margin:0 5px 5px 0;
    font-weight: bold;
    background: #fafafa;
    overflow: hidden;
    position: relative;
}
#quality ul.tabs li.active {
    background: #005baa;
	color:#ffffff;
}
.spec2 {
	border-top:2px solid #194477;
	font-size:13px;
	}
.spec2 td {
	vertical-align:middle;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	padding: 7px 0 7px 0;
	}
.spec2 td.no-right {
	border-right:none;
	padding: 7px 0px 7px 0px;
	}
.spec2 td.bg {
	background:#f5f5f5;
	text-align:center;
	}

#product {
	width:800px;
}
ul.product_text li {
	font-size:15px;
	background:url(../images/des_bullet.gif) left 8px no-repeat;
	padding-left:10px;
	padding-bottom:10px;
}

#board {
	width:800px;
}

#contact {
	width:800px;
}

/* main footer */
div.blank { clear:both; width:800px; height:80px;}
#footer_wrap {width:100%; height:140px; position:absolute; border-top:1px solid #cacaca;}
#footer { width:1080px; height:140px; margin:0 auto; clear:both;}
.footer_con {
	float:left;
	height:81px;
	margin-top:22px;
	}
.footer_con p { color:#707070; font-size:12px;}
.footer_logo {
	float:right;
	width:272px;
	height:94px;
	margin-top:15px;
	}
.service {widows:800px; overflow:hidden;}
.service p{font-size:15px; line-height:25px;}
.service p span {line-height:40px; font-size:17px; font-weight:600;}


	#hscroll_box {
    border: 1px solid #D9D9D9;
    width: 758px;
    height: 150px;
    overflow: auto;
    padding: 20px;
    margin-top: 10px;
}
.form_btn {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 30px;
}

/*ÀÎÁõ¼­*/
.certificateLists { padding-top:20px;}
.certificateLists ul:after{content:""; display:block; clear:both;}
.certificateLists ul li{position:relative; float:left; width:33.3333%; box-sizing:border-box;  text-align:center; padding-left:15px; margin-top:30px;}
.certificateLists ul li:first-child:after{display:none;}
.certificateLists ul li > a{display:block;}
.certificateLists ul li > a > .inner{display:block; border:1px solid #dfdfdf; padding:9px;}
.certificateLists ul li .img{display:block; text-align:center;background-size: cover !important; border:1px solid #dfdfdf}
.certificateLists ul li .img img{width:100%;}
.certificateLists ul li .txWrap{display:block; line-height:1.3; padding-top:25px; height:40px;}
.certificateLists ul li .text{font-size:15px; color:#454545;display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:1.5;
 font-family: 'Noto Sans KR', sans-serif;}
 
 /*ÀÎÁõ¼­Æ˾÷**/
.certificateLyWrap{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	top:0;
	left:0;
	z-index:100000;
}
.certificateLyWrap .certificateLyArea{ 
	width:565px;
	height:800px; 
	position:absolute; 
	left:50%; 
	top:50%;
	margin-left:-282.5px;
	margin-top:-385px;
}
.certificateLyWrap .certificateLyArea .lyInner{
	width:100%;
	height:100%;
	position:relative;
}
.certificateLyWrap .certificateLyArea .lyClose{
	position:absolute; 
	right:0; 
	top:0;
	margin-top:-45px;
	margin-right:-45px
}
.certificateLyWrap .certificateLyArea .imgArea{border:7px solid #005bab;}
.certificateLyWrap .certificateLyArea .imgArea img{width:100%;}