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

@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);

/*---reset---*/
html { overflow-y:scroll; overflow-x:hidden;}
* { margin:0; padding:0;}
img { border:0}
ul, ol, dl, li { list-style:none}
caption { width:1px; height:1px; overflow:hidden}
table { border-collapse:collapse; border-spacing:0}
body { font-family:Nanum Gothic,'³ª´® °íµñ',ng,sans-serif; font-size:13px; color:#4e4e4e; line-height:20px; text-decoration:none;}

/*---a link---*/
a { text-decoration:none; color:#4e4e4e}
a.top { color:#bbb; text-decoration:none;}
a.top:hover { color:#eee; text-decoration:none;}
a.subtop { text-decoration:none; color:#4e4e4e;}
a.subtop:hover { text-decoration:none; color:#002844; font-weight:bold;}
a.subtop:active { text-decoration:none; color:#002844; font-weight:bold;}

#wrapper {
	width:100%;
	margin:0 auto;
	}
/*---header---*/
#header_wrap { width:100%; height:135px; background:#2a93fc;}
#top_wrap {
	width:100%;
	height:25px;
	background:#3e4448;
	}
#top_menu {
	width:1100px;
	margin:0 auto;
	}
#top_menu ul {
	float:right;
	width:190px;
	}
#top_menu ul li {
	float:left;
	font-size:11px;
	height:25px;
	line-height:25px;
	}
#top_menu ul li a {
	color:#fff;
	display:block;
	padding:0 10px;
	}
#top_menu ul li.last a {
	padding-right:0;
	}
	
#header { 
	width:1100px; 
	height:110px; 
	margin:0 auto;
	}
#header h1 {
	float:left;
	margin:23px 36px 0 0;
	}
#nav {
	float:left;
	width:659px;
	}
ul.menu {
	zoom:1;
	}
ul.menu li {
	float:left;
	width:164px;
	height:110px;
	line-height:110px;
	position:relative;
	text-align:center;
	background:url(../images/menu_line.png) right no-repeat;
	}
ul.menu li.last {
	background:none;
	}
ul.menu li a {
	display:block;
	width:164px;
	height:110px;
	font-size:16px;
	font-weight:600;
	text-decoration:none;
	color:#e1e1df;
	}
ul.menu li a:hover, ul.menu li a:active {
	color:#FFF;
	text-decoration:none;
	}
ul.menu li ul.sub {
	display:none;
	position:absolute;
	width:164px;
	background:url(../images/submenu_bg.png) repeat;
	z-index:9999;
	}
ul.menu li ul.sub li {
	width:164px;
	height:35px;
	line-height:35px;
	border-bottom:1px solid #666;
	text-align:center;
	background:none;
	}
ul.menu li ul.sub li a {
	display:block;
	width:164px;
	height:35px;
	line-height:35px;
	font-size:13px;
	color:#393535;
	text-decoration:none;
	}
ul.menu li ul.sub li a:hover, ul.menu li ul.sub li a:active {
	color:#2a93fc;
	font-weight:600;
	text-decoration:underline;
	}

#search_wrap {
	float:left;
	width:181px;
	height:110px;
	padding-left:30px;
	}
#icon {
	clear:both;
	width:221px;
	height:31px;
	margin:22px 0 9px 0;
	}
#icon ul li {
	float:left;
	margin-right:10px;
	}
#icon ul li.last {
	margin-right:0;
	}
#icon ul li.lang {
	width:84px;
	height:31px;
	border:1px solid #FFF;
	border-radius:5px;
	}
#icon ul li.lang a {
	display:block;
	float:left;
	width:42px;
	height:31px;
	line-height:31px;
	text-align:center;
	background:#FFF;
	color:#828282;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	}
#icon ul li.lang a.lang_on {
	background:none;
	color:#FFF;
	}

#search {
	clear:both;
	width:209px;
	height:25px;
	}
#search input.search_box {
	float: left;
	width: 174px;
	height: 25px;
	border: 1px solid #ececec;
	border-right: none;
	background: #FFF;
	position: relative;
	}
#search input.search_btn {
	float:left;
	width:34px;
	height:27px;
	background:url(../images/magnifying.png) center no-repeat #FFF;
	border:1px solid #ececec;
	border-left:none;
	text-indent:-9999px;
	cursor:pointer;
	}

/*---mainV---*/
#main_visual {
	clear:both;
	width:100%;
	height:500px;
	margin:0 auto;
	}
#sub_visual {
	position:relative;
	clear:both;
	width:1920px;
	height:263px;
	left:50%;
	margin-left:-960px;
	}

/* ---mainv_link--- */
#mainv_link {
	width:1100px;
	height:30px;
	margin:0 auto;
	}
#mainv_link ul li {
	float:left;
	width:175px;
	height:30px;
	line-height:30px;
	text-align:center;
	margin:0 4px;
	background:#2a93fc;
	}

#mainv_link ul li a {
	color:#FFF;
	font-weight:600;
	font-size:15px;
	}

/* ---section--- */
#section_wrap {
	clear:both;
	width:1100px;
	height:237px;
	margin:27px auto;
	}
#section1 {
	float:left;
	width:260px;
	height:237px;
	margin-right:20px;
	}
#section1 ul li {
	width:258px;
	height:69px;
	border:1px solid #e1e1e1;
	margin-bottom:11px;
	}
#section1 ul li a {
	display:block;
	width:258px;
	height:69px;
	padding:17px 0 0 110px;;
	color:#FFF;
	font-size:16px;
	font-weight:600;
	}
#section1 ul li.sec1_1 {
	background:url(../images/sec1_icon1.png) no-repeat 20px 14px #48b1ed;
	}
#section1 ul li.sec1_2 {
	background:url(../images/sec1_icon2.png) no-repeat 20px 14px #0284cf;
	}
#section1 ul li.sec1_3 {
	width:258px;
	height:71px;
	border:1px solid #e1e1e1;
	background:url(../images/sec1_icon3.png) no-repeat 20px 16px #29bab3;
	margin-bottom:0;
	}
#section2, #section3 {
	float:left;
	width:257px;
	height:235px;
	border:1px solid #e1e1e1;
	margin-right:20px;
	}

#section4 {
	float:left;
	width:257px;
	height:235px;
	border:1px solid #e1e1e1;
	margin-right:0;
	}
#section2 h3, #section3 h3, #section4 h3 {
	width:217px;
	font-size:18px;
	font-weight:600;
	color:#201e1e;
	padding:20px;
	}

#section2 h3 span, #section3 h3 span, #section4 h3 span {
	font-size:13px;
	font-weight:normal;
	float:right;
	border-bottom:1px solid #4e4e4e;
	background:url(../images/sec_bullet.png) right no-repeat;
	padding-right:8px;
	}
#section2 h3 span a, #section3 h3 span a, #section4 h3 span a {
	color:#4e4e4e;
	}	

/* ---contents--- */
#contents {
	width:1100px;
	margin:0 auto;
	}
#left_wrap {
	float:left;
	width:234px;
	}
#left_top {
	width:234px;
	height:96px;
	background:#4563a1;
	}
#left_top h3 {
	padding:37px 0 0 21px;
	font-size:25px;
	color:#FFF;
	font-weight:600;
	}
#left_menu {
	width:232px;
	border-left:1px solid #e1e1e5;
	border-right:1px solid #e1e1e5;
	margin-bottom:13px;
	}
#left_menu a {
	display:block;
	width:212px;
	height:46px;
	line-height:46px;
	border-bottom:1px solid #e1e1e5;
	padding-left:20px;
	color:#1f1f1f;
	font-size:15px;
	font-weight:600;
	background:#f0f1f6;
	text-decoration:none;
	}
#left_menu a:hover {
	background:#FFF;
	text-decoration:none;
	}
#left_menu a.on {
	background:#FFF;
	text-decoration:none;
	}
a.banner1 {
	display:block;
	width:152px;
	height:53px;
	border:1px solid #e1e1e5;
	background:url(../images/sec1_icon1.png) no-repeat 20px 14px #48b1ed;
	padding: 16px 0 0 80px;
	margin-bottom:11px;
	font-size:16px;
	font-weight:600;
	color:#FFF;
	}
a.banner2 {
	display:block;
	width:152px;
	height:53px;
	border:1px solid #e1e1e5;
	background:url(../images/sec1_icon2.png) no-repeat 20px 14px #0284cf;
	padding: 16px 0 0 80px;
	margin-bottom:11px;
	font-size:16px;
	font-weight:600;
	color:#FFF;
	}
a.banner3 {
	display:block;
	width:152px;
	height:53px;
	border:1px solid #e1e1e5;
	background:url(../images/sec1_icon3.png) no-repeat 20px 14px #29bab3;
	padding: 16px 0 0 80px;
	font-size:16px;
	font-weight:600;
	color:#FFF;
	}

/* ---article--- */
#article_wrap {
	float:left;
	width:866px;
	}
#article_top {
	width:826px;
	margin-left:40px;
	height:94px;
	line-height:94px;
	border-bottom:2px solid #666666;
	}
#article_top h3 {
	font-size:43px;
	font-weight:600;
	}
#article_top h3 span {
	float:right;
	font-size:12px;
	color:#929292;
	padding-top:15px;
	}
#article {
	margin:60px 0 0 40px;
	width:826px;
	}

/* ---button--- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}	
	

/* ---ceo--- */
#ceo {
	width:826px;
	height:1139px;
	background:url(../images/grt_bg3.png) no-repeat 0 0;
	}
#ceo p {
	width:500px;
	margin-bottom:30px;
	word-break:keep-all;
	}
#ceo p.ceo_first {
	width:540px;
	font-size:32px;
	line-height:32px;
	color:#4a4a4a;
	margin-bottom:40px;
	letter-spacing:-1px;
	}
#ceo p.ceo_first span.green {
	font-size:30px;
	color:#229d0e;
	}
#ceo p.ceo_first span.blue2 {
	font-size:30px;
	color:#2a93fc;
	}

/* ---vision--- */
#vision_wrap h4, #ci_wrap h4 {
	font-size:20px;
	font-weight:600;
	background:url(../images/title_bg.png) left top no-repeat;
	padding-top:20px;
	margin-bottom:20px;
	}
#vision_wrap {
	width:826px;
	height:350px;
	margin-bottom:30px;
	}
#vision_wrap p.vision {
	font-size:15px;
	font-weight:600;
	margin-bottom:50px;
	text-align:center;
	}
#vision_wrap ul li {
	float:left;
	width:237px;
	height:180px;
	}
#vision_wrap ul li.mission {
	width:330px;
	border-left:1px dashed #e1e1e1;
	border-right:1px dashed #e1e1e1;
	padding:0 10px;
	}
#vision_wrap ul li p {
	text-align:center;
	} 
#vision_wrap ul li p.vision_tit {
	font-size:18px;
	font-weight:600;
	padding:20px 0;
	color:#4563a1;
	}

#ci_wrap {
	clear:both;
	}
.ci {
	height:365px;
	margin-bottom:30px;
	border-bottom:1px dashed #e1e1e1;
	}
.ci ul li {
	float:left;
	}
.ci ul li.ci_logo {
	width:290px;
	}
.ci ul li.ci_info {
	background:url(../images/ci_line.png) left top no-repeat;
	padding-left:20px;
	}
.ci ul li.ci_info p {
	clear:both;
	margin-bottom:20px;
	}
.ci ul li.ci_info p.company_name span {
	display:block;
	float:left;
	width:100px;
	text-align:center;
	font-size:30px;
	font-weight:600;
	margin:30px 0 5px 0;
	}
.ci ul li.ci_info p.company_name2 span {
	display:block;
	float:left;
	width:100px;
	text-align:center;
	margin-bottom:50px;
	}

.emblem {
	clear:both;
	height:282px;
	background:url(../images/emblem.png) left no-repeat;
	}
.emblem p {
	background:url(../images/ci_line.png) no-repeat 0 80px;
	font-size:15px;
	line-height:23px;
	margin-left:290px;
	padding:80px 0 0 20px;
	}

/* history */
#container {
    width: 826px;
}
ul.tabs {
	width: 826px;
    height: 35px;
}
ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
	margin-right:10px;
	width:125px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e1e1e1;
    font-weight: bold;
    background: #fafafa;
    overflow: hidden;
    position: relative;
}
ul.tabs li.active {
    background: #FFFFFF;
	color:#4563a1;
}
.tab_container {
    clear: both;
    width: 826px;
}
.tab_content {
	clear:both;
	margin-top:20px;
    /* display: none; */
}

/* ---tab_history info--- */
div.half {
	width:413px;
	float:left;
	}
.tab_content p.year {
	font-size:20px;
	font-weight:600;
	}
.tab_content ul {
	padding:30px 0;
	background:url(../images/history_line.gif) repeat-y 10px 0;
	}
.tab_content ul li {
	padding:0 0 7px 25px;
	background:url(../images/bullet_history.png) no-repeat 11px 9px;
	}

/* ---location--- */
#location p.location_tit {
	font-size:15px;
	font-weight:600;
	background:url(../images/title_bg.png) left top no-repeat;
	padding-top:20px;
	margin-bottom:20px;
	}
#location ul {
	padding:20px 0 30px 0;
	}
#location ul li img {
	padding-right:10px;
	}

/* ---tech--- */
.tech_table {
	border-top:2px solid #ccc;
	}
.tech_table tr.top td {
	height:40px;
	font-weight:600;
	background:#f5f5f5;
	border-bottom:2px solid #f1f1f1;
	}
.tech_table tr td {
	height:35px;
	text-align:center;
	border-bottom:1px solid #f1f1f1;
	border-right:1px dashed #dedede;
	}
.tech_table tr td:last-child {
	border-right:none;
	}
	
/* ---library--- */
.library_table {
	border-top:2px solid #ccc;
	margin-top:20px;
	}
.library_table tr.top td {
	height:40px;
	font-weight:600;
	background:#f5f5f5;
	border-bottom:2px solid #f1f1f1;
	}
.library_table tr td {
	height:35px;
	padding:6px 15px 6px 15px;
	border-bottom:1px solid #f1f1f1;
	border-right:1px dashed #dedede;
	}
.library_table tr td.center {
	height:35px;
	text-align:center;
	padding:6px 15px 6px 15px;
	border-bottom:1px solid #f1f1f1;
	border-right:1px dashed #dedede;
	}
.library_table tr td:last-child {
	border-right:none;
	}


/* ---business--- */
#business_wrap h4, #contact_wrap h4, #field_wrap h4, #business_wrap2 h4, #business_wrap3 h4, #business_wrap4 h4, #business_wrap5 h4, #business_wrap6 h4, #library_wrap h4, #library2_wrap h4, #library3_wrap h4, #library4_wrap h4, #library5_wrap h4, #shop_wrap h4 {
	font-size:20px;
	font-weight:600;
	background:url(../images/title_bg.png) left top no-repeat;
	padding-top:20px;
	margin-bottom:20px;
	}
#field_wrap h3 {
	font-size:17px;
	font-weight:600;
	background:url(../images/bullet.gif) left top no-repeat;
	padding-left:25px;
	margin-bottom:20px;
	}
#contact_wrap h3 {
	font-size:17px;
	font-weight:600;
	background:url(../images/bullet.gif) left top no-repeat;
	padding-left:25px;
	margin-bottom:20px;
	}
#contact_wrap {
	}
#library4_wrap h3 {
	font-size:17px;
	font-weight:600;
	background:url(../images/bullet.gif) left top 7px no-repeat;
	padding-left:25px;
	margin-bottom:20px;
	}
#business_wrap {
	width:826px;
	height:350px;
	margin-bottom:30px;
	}
#gallery_wrap {
	width:826px;
	margin-bottom:30px;
	}
#library_wrap {
	width:826px;
	height:670px;
	margin-bottom:30px;
	}
#library2_wrap {
	width:826px;
	height:950px;
	margin-bottom:30px;
	}

#library2_wrap p.tit {
	font-size:18px;
	font-weight:600;
	color:#2a93fc;
	margin-bottom:20px;
	}
#library2_wrap p.dis {
	margin-bottom:10px;
	background:url(../images/bullet2.gif) left top 12px no-repeat;
	padding-left:10px;
	}
#library2_wrap p.dis2 {
	margin-bottom:10px;
	background:url(../images/bullet2.gif) left top 8px no-repeat;
	padding-left:10px;
	}
#business_wrap p.business {
	font-size:13px;
	margin-bottom:30px;
	}
#business_wrap2 {
	width:826px;
	height:540px;
	margin-bottom:30px;
	}
#business_wrap3 {
	width:826px;
	height:1150px;
	margin-bottom:30px;
	}
#business_wrap4 {
	width:826px;
	height:550px;
	margin-bottom:30px;
	}
#business_wrap5 {
	width:826px;
	height:500px;
	margin-bottom:30px;
	}
#business_wrap6 {
	width:826px;
	height:580px;
	margin-bottom:30px;
	}
#business_wrap2 p.business2 {
	font-size:13px;
	margin-bottom:30px;
	background:url(../images/business2_img1.png) right top no-repeat;
	}
#business_wrap2 .business3 {
	font-size:13px;
	margin-bottom:30px;
	border:1px solid #dddddd;
	padding: 20px;
	background-color:#f5f5f5;
	}
#business_wrap2 .business3 p {
	font-size:15px;
	font-weight:600;
	}
#business_wrap2 p.nts_slogan {
	font-size:23px;
	font-weight:bold;
	color:#2f8ce3;
	font-family: 'Nanum Myeongjo';
	text-align:center;
	}
#business_wrap ul li {
	float:left;
	margin-bottom:50px;
	}
#business_wrap ul li.mission {
	width:330px;
	border-left:1px dashed #e1e1e1;
	border-right:1px dashed #e1e1e1;
	padding:0 10px;
	}
#business_wrap ul li p {
	text-align:center;
	} 
#business_wrap ul li p.business_tit {
	font-size:18px;
	font-weight:600;
	padding:20px 0;
	color:#4563a1;
	}

#field_wrap {
	clear:both;
	}
.field {
	margin-bottom:30px;
	}
.field2 {
	margin-bottom:10px;
	}
.business3 {
	font-size:13px;
	margin-bottom:30px;
	border:1px solid #dddddd;
	padding: 20px;
	background-color:#f5f5f5;
	}
.business3 p {
	font-size:15px;
	font-weight:600;
	}
.field ul {
	float:left;
	padding-right:40px;
	}
.field ul li {
	float:left;
	}
.field ul li.field_icon {
	width:290px;
	}
.field ul li.field_info {
	padding-left:20px;
	}
.field ul li.field_info p {
	clear:both;
	margin-bottom:10px;
	}
.field ul li.field_info p.tit {
	font-size:18px;
	font-weight:600;
	color:#4563a1;
	}


/* ---shop--- */
#shop_section1 {
	float:left;
	width:400px;
}
#shop_section2 {
	float:right;
	width:370px;
}
#shop_section2 h3 {
	font-size: 20px;
	font-weight:600;
	padding-bottom:20px;
	color:#2a93fc;
}
#shop_section2 .price {
	font-size: 15px;
	font-weight:600;
	padding-bottom:10px;
}
#shop_section2 .price2 {
	font-size: 15px;
	font-weight:600;
	padding-left:70px;
	padding-bottom:10px;
}
#shop_section2 .price3 {
	font-size: 15px;
	font-weight:600;
	padding-left:70px;
	padding-bottom:30px;
}
#shop_section2 .tel {
	font-size: 15px;
	font-weight:600;
	color:#5a5a5a;
	padding-bottom:20px;
	padding-top:45px;
}
#shop_section2 .bank {
	font-size: 15px;
	font-weight:600;
	color:#5a5a5a;
	padding-bottom:10px;
}

/* ¾ÈÀü, º¸°Ç */
#safety_wrap{padding-left: 40px;}
#safety_wrap .list{
  display:flex;
  width: 100%;
  flex-wrap: wrap;
}
#safety_wrap .safety_list{}
#safety_wrap .safety_list li{width: 31%;margin-right: 3%;border: 1px solid #ddd;box-shadow: 0px 0px 3px #ddd; margin-bottom: 30px;}
#safety_wrap .safety_list li:nth-child(3n){margin-right:0;}
#safety_wrap li img{max-width: fit-content;width: 100%;}

#safety_wrap .certi_list{
    margin-top: 20px;
}
#safety_wrap .certi_list li{width: 24%;margin-right: 2%;}
#safety_wrap .certi_list li p{
    font-size: 16px;
    text-align: center;
    padding: 10px;
    font-weight: 600;
}
#safety_wrap .certi_list li img{
    border: 1px solid #dcdcdc;
}
#safety_wrap .certi_list li:nth-child(4n){margin-right:0;}


/*---footer---*/
.blank {
	clear:both;
	width:734px;
	height:100px;
	}
#footer_wrap {
	clear:both;
	width:100%;
	height:125px;
	background:#f8f7f7;
	}
#footer {
	clear:both;
	width:1100px;
	height:125px;
	margin:0 auto;
	}
#footer h2 {
	float:left;
	line-height:105px;
	font-size:27px;
	font-weight:600;
	color:#747474;
	margin-right:50px;
	}
#footer p {
	float:left;
	color:#757575;
	padding-top:15px;
    font-size: 12px;
	}
#footer p span.footer_bolder {
	font-weight:600;
	color:#323232;
	}
	
	

#vi { width:544px; height:414px; }
#box img {width:180px; height:137px; cursor:pointer; }