@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*-- ################ main Image ######################### --*/
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel .carousel-control {opacity:0;}
.carousel:hover .carousel-control {opacity:0.5;}
/*-- ################ main Image ######################### --*/

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, a{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:middle;
}
html {height:100%;}
body{
  font-family:"Nanum Gothic","Arial","Microsoft YaHei","Meiryo","Sans Serif";
  color:#333;
  min-width:1200px;
}
h1,h2,h3,h4,h5,h6 {font-weight:bold;}
a,a:hover {text-decoration:none; color:#333; transition:all 0.5s;}
ul {list-style-type:none;}
p {font-size:16px; line-height:24px;}

section {clear:both; overflow:hidden; padding:60px 0;}

.wrap{margin:0 auto; width:1200px;}
/*-- ########################################## header ###################################################### --*/
#top_lang {background:#f2f2f2; padding:4px; text-align:right;}
#top_lang a {font-weight:bold; padding:0 10px;}

/* main menu */
header {clear:both; overflow:hidden;}
header #logo {float:left;}
header #main_nav {display:inline-block; float:right;}
header #main_nav li {float:left;}
header #main_nav li a {display:block; font-weight:bold; font-size:18px; line-height:110px; padding:0 65px;}
header .main_nav_eng>li>a {padding:0 40px!important;}
header #main_nav li:hover a {color:#88cc00;} /*마우스온상태 밑으로 내려가도 색 그대로*/

header #main_nav li ul {position:absolute; z-index:100; background:#fff; box-shadow:1px 1px 5px #666; border-top:3px solid #88cc00; border-right:1px solid #ededed; border-left:1px solid #ededed;}
header #main_nav li ul li {float:none; border-bottom:1px solid #ededed; text-align:center; min-width:220px;}
header #main_nav li:hover ul li a {font-weight:normal; font-size:15px; color:#333; padding:0 15px; line-height:20px; padding:10px;}
header #main_nav li ul li a:hover {background:#e5e5e5;}

header #main_nav li ul {opacity:0; transition:0.5s opacity;}
header #main_nav li:hover ul {opacity:1;}
header #main_nav li ul li {display:none;}
header #main_nav li:hover ul li {display:block;}

header #main_nav #sub_menu_eng {width:320px;}


/*-- ################# main img######################## --*/
#index_img {clear:both; text-align:center; background:url(/images/index/main_img01.jpg) center no-repeat #f0d995; height:600px;}
#index_img p {font-size:40px; font-weight:900; color:#fff; text-shadow:2px 2px 5px #808080; padding-top:100px;}

/*-- ################# index ######################## --*/
#index_main {display:none;}
#index_s01 {text-align:center;}
#index_s01 article:first-child {float:left; width:550px;}
#index_s01 article:first-child h1 {font-size:24px; margin-top:30px;}
#index_s01 article:first-child p {margin:40px 0;}
#index_s01 article:first-child a {display:inline-block; color:#fff; font-size:20px; text-align:center; background:#6a9f2c; border-radius:5px; padding:13px 120px;}
#index_s01 article:first-child a:hover {background:#4d4d4d;}
#index_s01 article:last-child {float:right;}

#index_s02 {background:#b5bbc6; text-align:center;}
#index_s02 article {float:left; margin-right:20px;}
#index_s02 article:last-child {margin:0;}
#index_s02 article p {font-weight:bold; font-size:18px; margin-top:10px;}

#index_s03 ul {float:left; text-align:center;}
#index_s03 ul li {float:left; width:300px;}
#index_s03 ul li p {font-weight:bold; font-size:18px; margin-top:10px;}
#index_s03 article {float:right}

#index_s04 {padding-top:0;}
#index_s04 article {width:560px;}
#index_s04 article:first-child {float:left;}
#index_s04 article:last-child {float:right;}


/*-- ################# foot ######################## --*/
footer {background:#ededed;}
footer .wrap {background:url(/images/common/foot_logo.gif) left center no-repeat; text-align:right; padding:30px 0;}
footer p {font-size:14px; line-height:19px; color:#666666;}


/*-- ################# sub ######################## --*/
.sub_img {clear:both; text-align:center; margin-bottom:40px;}
.sub_img h1 {padding:0; margin:0; font-size:40px; color:#fff; line-height:240px; text-shadow:2px 2px 10px #000;}
.sub_img01 {background:url(/images/common/sub_img01.jpg) center no-repeat; background-size:cover;}
.sub_img02 {background:url(/images/common/sub_img02.jpg) center no-repeat; background-size:cover;}
.sub_img03 {background:url(/images/common/sub_img03.jpg) center no-repeat; background-size:cover;}
.sub_img04 {background:url(/images/common/sub_img04.jpg) center no-repeat; background-size:cover;}

#sub_menu {text-align:center; margin-bottom:40px;}
#sub_menu a {display:inline-block; background:#4c4c4c; color:#fff; border-radius:5px; padding:10px 70px; margin:0 5px;}


/*-- ################# main_content ######################## --*/
main {margin:0 auto; width:1200px; margin-bottom:50px;}
main section {padding:0; margin-bottom:60px;}
main h1 {background:url(/images/common/h1.gif) left top no-repeat; padding-top:7px; font-size:40px; margin-bottom:50px;}
main h2 {background:url(/images/common/h2.gif) left center no-repeat; padding-left:20px; font-size:20px; margin-bottom:15px;}

#company_s01 article:first-child {float:left;}
#company_s01 article:last-child {float:right; width:800px; height:460px; background:url(/images/company/p01_a02.jpg) center bottom no-repeat;}
#company_s02 {background:url(/images/company/p01_a03.jpg) 920px center no-repeat; padding-right:370px;}
#certificate {overflow:hidden;}
#certificate li {float:left; text-align:center; width:260px; margin:10px 20px;}

#qna_text {overflow:hidden;}
#qna_text article {float:left; margin-bottom:20px;}
#qna_text article:first-child {width:20%;}
#qna_text article:last-child {background:#f2f2f2; border-radius:5px; width:80%; padding:35px 20px;}
#privacy_box {overflow-x:hidden; height:150px; border:1px solid #ccc; padding:5px;}
.qna_content {width:48%;}
.qna_content01 {float:left;}
.qna_content02 {float:right;}
#qna_btn {clear:both; text-align:center;}
#qna_btn input {width:230px; padding:12px 0; font-weight:bold; font-size:18px;}


/*-- ################# common ######################## --*/
.center {text-align:center;}
.text_right {text-align:right;}

.table1 {border-top:1px solid #666666; border-top:3px solid #0055a5;}
.table1 tr th {background:#f0f0f0; text-align:left; border-bottom:1px solid #d9d9d9; padding:8px 10px; font-weight:bold;}
.table1 tr td {background:#FFFFFF; padding:6px 15px; border-bottom:1px solid #d9d9d9;}