#logo {clear:both;width:1200px;margin:0 auto 20px;padding: 0;position: relative;z-index: 1010;}
#logo:before{display: inline-block; content:' '; vertical-align:bottom;}

/*동영상게이아웃*/
.youtubeWrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.youtubeWrap iframe {
  position: absolute;  
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1200px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {z-index: 10 !important;position:relative;background:#fff;border-top:4px solid #1ca800;}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto; width:100%;height:30px;zoom:1;background:#b6b6b6;}
#hd_wrapper:after {display: block; visibility:hidden; clear:both; content:"";}
.header {clear:both;width:100%;margin:0 auto;position:relative;}

/* 상단 회원가입 등 링크 */
#tnb {margin:0;list-style:none;zoom:1;width:1200px;margin:0 auto;text-align:right;}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb a {display:inline-block;padding: 0 20px;color: #888;font-size: 11px;line-height:30px;background:#9e9e9e;border-left:1px solid #b6b6b6;color:#fff;}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}/
* 상단 로고옆 배너들 */
#topbanner {width:100%;margin:0 auto;text-align: center;}
#topbanner-bar1 {float:left;}
#topbanner-bar3 {position:absolute;right:0;top:20px;}
#topbanner-bar2 {margin: 0 auto;text-align:center;}

/* 중간 레이아웃 */
#wrapper {clear:both;z-index:5;margin: 0 auto 0;width:100%;  zoom:1;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
.inner {clear:both;width:1200px;margin:0 auto;position:relative;}

/* 하단 레이아웃 */
#ft_menu {clear:both;width:100%;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;}
#ft_menu a {display:inline-block;padding:8px 30px;border-right:1px solid #dddddd;font-size:12px;color:#555;}
#ft_menu a:first-child {border-left:1px solid #dddddd;}
#ft {clear:both;padding:30px 0 50px;font-size:12px;color:#555;}
#ft:after {display:block;visibility:hidden;clear:both;content:""}
#ft h1 {float:left;margin:-8px 30px 0 0;}
#ft p {float:left;line-height:18px}

/* main menu */
#gnbmobile {display:none;}
#gnb {position:relative; text-align:center;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;}
#gnb ul {overflow:hidden; width:1200px; margin:0 auto; padding:0;border-left:1px solid #cdcdcd;}
#gnb ul li {float:left; width:20%; margin:0; padding:0; text-align:center; list-style:none;border-right:1px solid #cdcdcd;}
#gnb ul li a {display:block; padding:15px; color:#333;font-size:17px;font-weight:700;}
#gnb ul li.on a,
#gnb ul li a:hover {background-color:#063086; color:#fff;}
#gnb ul li div {display:none; position:absolute; left:0; top:46px; width:100%; padding:10px 0; background-color:#063086;}
#gnb ul li div ul {width:1200px;margin:0 auto; padding:0;border:none;}
#gnb ul li div ul li {float:left; width:auto;border:none;}
#gnb ul li div ul li a {font-size:95%; padding:3px 10px; color:#eee;font-weight:500;}
#gnb ul li.on div ul li a {background:none; color:#eee;}
#gnb ul li div ul li a:hover {background:none; color:#1ca800;}
#gnb ul li:nth-child(2) div ul {padding-left:240px;}
#gnb ul li:nth-child(3) div ul {padding-left:490px;}
#gnb ul li:nth-child(4) div ul {padding-left:725px;}
#gnb ul li:nth-child(5) div ul {padding-left:960px;}
#gnb ul li:nth-child(6) div ul {padding-left:1020px;}
#footer_mobile {display:none;}


/*mobile menu */
#gnb_open {position:absolute;top:-60px;right:20px;padding:0 10px;height:3em;border:1px solid #dddddd;background:#fff;color:#000;font-size:1em;letter-spacing:-0.1em;border-radius:5px;z-index:99999999999999999999}
#gnbm {display:none;background:#fff;padding:20px 0 0 0;}
#gnbm a {display:block;color:#efefef}
.gnbm_1da {padding:10px;border-top:1px solid #191919}
.gnbm_2dul {background:#383838}
.gnbm_1dli {background:#282828;}
.gnbm_2da {padding:10px;border-top:1px solid #282828}
.gnbm_2da span:before {display:inline-block;margin:0 10px 0 0;color:#666;content:'▶'}
#gnbm_close {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#000;color:#fff}	
#gnbm button {border:none;}#mobile_index{display:none;}#mobile_index {clear:both;text-align:center;}#mobile_index img {width:100%;}

/* index */
#mainVisual_wrap {clear:both;width:100%; position:relative; height:520px; margin:0 auto;}
.main_visual {clear:both;position:relative;top:0px;width:100%;margin:0 auto;padding:0;height:520px;z-index:1;}
#slideshow {clear:both; width:100%; height:520px;position:absolute;top:0px;z-index:1;left:0;}
#slides {position:relative; width:100%; height:100%;margin:auto;}
#slides li {width:100%; height:520px;}

.sliderbutton {position:absolute;left:0;top:200px;z-index:9999999999;cursor:pointer;}
.sliderbutton1 {position:absolute;right:0;top:200px;z-index:9999999999999999999;cursor:pointer;}

#slides li.main1 {background:url('../../images/01_bg.png') no-repeat top center; background-size:cover}
#slides li.main2 {background:url('../../images/02_bg.png') no-repeat top center; background-size:cover}
#slides li.main3 {background:url('../../images/03_bg.png') no-repeat top center; background-size:cover}
#slides li.main4 {background:url('../../images/04_bg.png') no-repeat top center; background-size:cover}
#slides li.main5 {background:url('../../images/05_bg.png') no-repeat top center; background-size:cover}

#slides .mvCon_inner {position:relative;width:1200px;margin:0 auto;padding:130px 0 0;}
#slides .mvCon_inner  h5 {font-size:60px;color:#fff;font-weight:600;margin:0;letter-spacing:-2px;line-height:65px;text-shadow:1px 1px 3px #626262;}
#slides .mvCon_inner > p {font-size:30px;font-weight:400;color:#fff;margin:15px 0 0 0;line-height:40px;letter-spacing:0px;text-shadow:1px 1px 3px #626262;}
#slides .mvCon_inner  a {display:inline-block;padding:10px 30px;border:3px solid #fff;border-radius:4px;margin:20px 0 0 0;color:#fff;font-family:tahoma;letter-spacing:0px;text-shadow:1px 1px 5px #626262;}


.pagination {position:relative;list-style:none; height:16px; margin:0px auto;z-index:1000;width:100px;padding:500px 0 0 0;text-align:center;}
.pagination li {float:left; cursor:pointer; width:16px;height:16px;font-size:0;background:url('../../images/main_paging.png') no-repeat;margin:0 3px 0 0;}
.pagination li:hover {background:url('../../images/main_paging_over.png') no-repeat;}

li.current {background:url('../../images/main_paging_over.png') no-repeat;}

.mainContent01 {clear:both;width:1200px;margin:20px auto 20px;}
.mainContent01:after {display: block; visibility:hidden; clear:both; content:"";}
.mainContent01 div {float:left;width:25%;min-height:340px;border:1px solid #dddddd;}
.mainContent01 div h3 {font-size:20px;color:#fff;padding:20px 30px;font-weight:normal;}.mainContent01 div h3 a {color:#fff;}.mainContent01 div h3 a:hover {color:#fff;}
.mainContent01 div strong {font-size:18px;color:#000;padding:20px 30px;display:block;}
.mainContent01 div p {padding:0px 30px;display:block;}
.mainContent01 div.d01 {background:url(../../images/bg01.png) no-repeat right bottom;border-right:none;}
.mainContent01 div.d01 h3 {background:#fe6862;}
.mainContent01 div.d02 {background:url(../../images/bg02.png) no-repeat right bottom;border-right:none;}
.mainContent01 div.d02 h3 {background:#3fcca9;}
.mainContent01 div.d03 {background:url(../../images/bg03.png) no-repeat right bottom;border-right:none;}
.mainContent01 div.d03 h3 {background:#54b2e8;}
.mainContent01 div.d04 {background:url(../../images/bg04.png) no-repeat right bottom;}
.mainContent01 div.d04 h3 {background:#fe972e;}

.mainContent03 {width:1200px;margin:0 auto 20px;border:1px solid #dddddd;border-top:none;padding:30px 0px 30px 40px;}
.mainContent03:after {display:block;visibility:hidden;clear:both;content:""}
.mainContent03 h3 {margin-bottom:20px;font-size:18px;color:#181818;}

#mainContent {width:100%;clear:both;padding:20px 0;}
#mainContent:after {display:block;visibility:hidden;clear:both;content:""}
#mainContent .inner {clear:both;width:1214px;margin:0 auto;padding:15px 0 0px 0;}
#mainContent .inner div {float:left;margin:0 7px 20px 7px;border:1px solid #dadada;border-bottom:3px solid #dadada;background:#ffffff;width:288px;position:relative;padding:14px;text-align:center;}
#mainContent .inner div:hover {border-color:#063086;}
#mainContent .inner div h4 {color:#222222;font-size:20px;margin-top:10px;}
#mainContent .inner div h3 {color:#222222;font-size:20px;margin-bottom:10px;}
#mainContent .inner div  p {font-size:14px;line-height:19px;margin-top:10px;color:#666666;}
.h286 {height:310px;}

#mainContent .photo {clear:both;width:1200px;margin:0 auto;padding:15px;border:1px solid #dadada;border-bottom:3px solid #dadada;}
#mainContent .photo h4 {color:#222222;font-size:20px;margin-bottom:10px;}
#mainContent .photo div {width:100%;border:none;padding:0;margin:0;}

#mainContent .banner {clear:both;width:1200px;margin:0 auto;}
#mainContent2 {text-align:center;padding:10px 0;}


.mainNotice {clear:both;background:#333;line-height:35px;}
.mainNotice:after {display: block; visibility:hidden; clear:both; content:"";}
.mainNotice h4 {float:left;margin-right:20px;}


/*sub*/
#subContent {clear:both;width:1200px;margin:0px auto 30px;}
#subContent:after {display:block;visibility:hidden;clear:both;content:""}
.sub-visual01 {clear:both;margin:0;height:250px;background:url(../../images/sub_visual.png) no-repeat center center;width:100%;}

.page-title {margin:0 auto;width:1200px; text-align:center;}
.page-title h2 {color:#fff;font-size:38px;padding:100px 0 0 0;text-shadow:1px 1px 5px #626262;}
.page-title span {color:#fff;text-shadow:1px 1px 5px #626262;padding:20px 0 0 0;}
.page-title p {color:#fff;text-shadow:1px 1px 5px #626262;font-size:24px;padding:15px;width:400px;margin:0 auto;}
/*
.page-title h2 {color:#fff;font-size:18px;padding:80px 0 0 0;text-shadow:1px 1px 5px #626262;line-height:120%;}
.page-title span {color:#00005c;font-size:40px;line-height:150%;text-shadow:1px 1px 5px #fff;}.page-title span.cr {color:#fa0000;}.page-title span.cw {color:#ffffff;text-shadow:1px 1px 5px #626262;}
*/

.lnbWrap {width:210px;float:left;margin:0px 0 0px 0px;}
.lnbWrap:after {display: block; visibility:hidden; clear:both; content:"";}
.lnbWrap h2 {background:#295dac;text-align:center;padding:30px 0;color:#fff;font-size:20px;margin:10px 0;}
.lnbWrap p {margin:15px 0 0 0;}
div#menu:after {display: block; visibility:hidden; clear:both; content:"";}
div#menu, div#menu div {margin:0 auto;padding:0;text-align:left;}
div#menu a {display: block;text-decoration: none;padding:10px 20px;font-size:16px;border-bottom:1px solid #d6d6d6;color:#444444;background:url(../../images/left_menu_arrow.png) no-repeat right center;}
div#menu a.on {color: #063086;}
div#menu a.on:hover {color: #063086;}


.contents {width:930px;float:right;margin:0 0px;min-height:500px;}

.contents .tit-sec {position:relative;width:100%;margin:0px auto 10px;height:80px;}
.contents .tit-sec h3 {font-size:28px;font-weight:600;color:#3c3c3c;letter-spacing:-2px;padding:30px 0 0 0;}
.contents .tit-sec div.nav {position:absolute;top:35px;right:0;line-height:25px;font-size:12px;}
.contents .tit-sec div.nav span {color:#000;}


.bigf {display:block;font-size:30px;font-family:tahoma;color:#000;}
.bigs {font-size:14px;line-height:22px;}
.bigs strong {font-size:18px;color:#000;display:block;margin:0 0 20px 0;}

.company_01 {width:100%;margin:0 0 50px;clear:both;}
.company_01 h2 {color:#063086; font-weight:300;font-size:30px;line-height:36px; margin-bottom:20px; }
.company_01 h2 span {color:#000;}
.company_01 h3 {color:#000;font-size:23px;font-weight:500;margin-bottom:20px;padding:10px 40px;border-bottom:1px solid #eee;background:url('../../images/icon_t.png')no-repeat left;}
.company_01 h4 {color:#295dac;font-size:18px;font-weight:400; margin-bottom:10px;padding-left:40px;}
.company_01 p {padding-left:40px;}

.company_01 ul li {list-style-type: circle;margin:0 0 0 80px;}

.company_01 .con_01 {float:left;width:60%;padding-right:20px;}
.company_01 .con_02 {float:left;width:40%;}


.scroo {margin:0 auto;width:100%;}
table.tableB {clear:both;width:100%;display: table;border-collapse:collapse;border-spacing: 0;background:#fff;border:1px solid #ddd !important;border-top:2px solid #000 !important;font-size:13px;}
table.tableB thead th {padding:5px 5px;vertical-align:middle;color:#fff;font-weight:400;text-align:center;background:#464646;border-left:1px solid #fff;}
table.tableB thead th:first-child {border:none;}
table.tableB thead td {border:1px solid #ddd;}
table.tableB tbody th {padding:5px 5px;vertical-align:middle;color:#444444;font-weight:400;text-align:center;}
table.tableB tbody tr {border-bottom:1px solid #ddd;margin:10px 0;}
table.tableB tbody tr:hover {background:#fafafa;}
table.tableB tbody th {border:1px solid #ddd;color:#000;background:#fafafa; }
table.tableB tbody td {padding:5px 5px;vertical-align:middle;color:#666;font-weight:400;text-align:center;border:1px solid #ddd;}



.business_01 h3 {font-size:2em;margin-bottom:20px;

color:#30579d;}
.history {clear:both;}
.history dt {clear:both;display:block;float:left;width:100px;font-size:20px;color:#30579d;padding:10px 0;}
.history dd {display:block;margin:0 0 0 100px;padding:10px 0;}
.history dd strong {display:inline-block;width:80px;color:#000;}

.f16 {font-size:16px;margin:20px 0;display:block;color:#000;}

.fl_le {width:44%;float:left;}
.fl_le1 {width:55%;float:right;}

@media (min-width: 1240px) {
	
}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (max-width: 991px) {
#logo {width:90%;}#topbanner-bar1{display:none;} #topbanner-bar3{display:none;} 
#hd {height:85px;}
#hd_pop {width:100%;}
#hd {width:100%;}
#hd_wrapper {display:none;}
.header {width:100%;}
#tnb{display:none;}
#ft_menu {display:none;}
.inner {clear:both;width:90%;margin:0 auto;position:relative;}

#gnb {display:none;}
#gnbmobile {display:block;}#footer_mobile {display:none;}
#mobile_index{display:none;}
#mainContent .inner {width:920px;}
#mainContent .inner div {width:288px;}

#mainContent .photo {width:892px;}

.sub-visual01 {height:150px;}
.page-title {width:100%;}
.page-title h2 {font-size:20px;padding:50px 0 0 0;}

.lnbWrap {display:none;}



.fl_le {width:90%;float:none;margin:20 auto;}
.fl_le1 {width:90%;float:none;margin:20 auto;}
#mainVisual_wrap {height:380px; }
.main_visual {height:380px;}
#slideshow {height:380px;}
#slides li {width:100%; height:380px;background-size:cover !important;}
#slides .mvCon_inner {position:relative;width:90%;margin:0 auto;padding-top:100px;}

.pagination {width:90%;padding:350px 0 0 0;}


#mainContent .banner {width:100%;}


.mainContent01 {width:90%;margin:20 auto;}
.mainContent01 div {float:none;width:100%;}
.mainContent01 div.d01 {border-right:1px solid #ddd;}
.mainContent01 div.d02 {border-right:1px solid #ddd;}
.mainContent01 div.d03 {border-right:1px solid #ddd;}
.mainContent03 {width:100%;padding:10px;border:none;}

#subContent {width:90%;margin:0 auto;}
.contents {width:100%}

}



@media (min-width: 480px) and (max-width: 767px) {

#topbanner-bar1{display:none;}
 #topbanner-bar3{display:none;} 
#hd {height:85px;}
#hd_pop {width:100%;}
#hd {width:100%;}
#hd_wrapper {display:none;}
.header {width:100%;}
#tnb{display:none;}
#ft_menu {display:none;}
.inner {clear:both;width:90%;margin:0 auto;position:relative;}

#gnb {display:none;}
#gnbmobile {display:block;}
#footer_mobile {display:block;background:url(../../images/mobile_footer_bg.png) repeat-x;}
#footer_mobile:after {display: block; visibility:hidden; clear:both; content:"";}
#footer_mobile ul {width:320px;margin:0 auto;}
#footer_mobile li {float:left;width:80px;}
#footer_mobile li img {width:100%;}
#mobile_index{display:block;width:90%;margin:0 auto;}

.sub-visual01 {height:150px;}
.page-title {width:100%;}
.page-title h2 {font-size:20px;padding:50px 0 0 0;}

.lnbWrap {display:none;}

.fl_le {width:90%;float:none;margin:20 auto;}
.fl_le1 {width:90%;float:none;margin:20 auto;}

#mainVisual_wrap {height:380px; }
.main_visual {height:380px;}
#slideshow {height:380px;}
#slides li {width:100%; height:380px;background-size:cover !important;}

#slides .mvCon_inner {position:relative;width:90%;margin:0 auto;padding-top:50px;}
#slides .mvCon_inner  h5 {font-size:40px;}
#slides .main2 .mvCon_inner  h5 {font-size:40px;}


.pagination {width:90%;padding:350px 0 0 0;}

.mainContent01 {width:90%;margin:20 auto;}
.mainContent01 div {float:none;width:100%;}
.mainContent01 div.d01 {border-right:1px solid #ddd;}
.mainContent01 div.d02 {border-right:1px solid #ddd;}
.mainContent01 div.d03 {border-right:1px solid #ddd;}
.mainContent03 {width:100%;padding:10px;border:none;}
#mainContent .inner {width:610px;}
#mainContent .inner div {width:288px;}

#mainContent .photo {width:590px;}

#subContent {width:90%;margin:0 auto;}
.history dt {display:block;float:none;}
.history dd {display:block;margin:0 0 0 0px;padding:10px 0;}

.company_01 .con_01 {float:none;width:100%;}
.company_01 .con_02 {float:none;width:100%;padding-left:50px;}
}




@media (max-width: 479px) {
#topbanner-bar1{display:none;} #topbanner-bar3{display:none;} 
#hd {height:85px;}
#hd_pop {width:100%;}
#hd {width:100%;}
#hd_wrapper {display:none;}
.header {width:100%;}
#tnb{display:none;}
#ft_menu {display:none;}
.inner {clear:both;width:90%;margin:0 auto;position:relative;}

#gnb {display:none;}
#gnbmobile {display:block;}
#footer_mobile {display:block;width:100%;background:url(/theme/korea0003/images/mobile_footer_bg.png) repeat-x top left;z-index:999999999999999999999999999999}
#footer_mobile:after {display: block; visibility:hidden; clear:both; content:"";}
#footer_mobile ul {width:320px;margin:0 auto;}
#footer_mobile li {float:left;width:80px;}
#footer_mobile li img {width:100%;}
#mobile_index{display:block;width:90%;margin:0 auto;}

.sub-visual01 {height:150px;}
.page-title {width:100%;}
.page-title h2 {font-size:20px;padding:50px 0 0 0;}

.lnbWrap {display:none;}

.mainNotice h4 {float:none;}

.fl_le {width:90%;float:none;margin:20 auto;}
.fl_le1 {width:90%;float:none;margin:20 auto;}


#mainVisual_wrap {height:250px; }
.main_visual {height:250px;}  
#slideshow {height:250px;}

#slides li {width:100%; height:250px;background-size:cover !important;}

#slides .mvCon_inner {position:relative;width:92%;margin:0 auto;padding-top:50px;}
#slides .mvCon_inner  h5 {font-size:30px;line-height:35px;}
#slides .main2 .mvCon_inner  h5 {font-size:30px;line-height:35px;}
#slides .mvCon_inner  p {font-size:15px;line-height:20px;}
#slides .main2 .mvCon_inner  p {font-size:15px;line-height:20px;}



.pagination {width:90%;padding:150px 0 0 0;display:none;}

.mainContent01 {width:90%;margin:20 auto;}
.mainContent01 div {float:none;width:100%;}
.mainContent01 div.d01 {border-right:1px solid #ddd;}
.mainContent01 div.d02 {border-right:1px solid #ddd;}
.mainContent01 div.d03 {border-right:1px solid #ddd;}
.mainContent03 {width:100%;padding:10px;border:none;}
#mainContent .inner {width:302px;}
#mainContent .inner div {width:288px;}

#mainContent .photo {width:288px;}

#subContent {width:90%;margin:0 auto;}
.history dt {display:block;float:none;}
.history dd {display:block;margin:0 0 0 0px;padding:10px 0;}
.contents .tit-sec div.nav {display:none;}

.company_01 .con_01 {float:none;width:100%;}
.company_01 .con_02 {float:none;width:100%;padding-left:50px;}
}


#product h2 {color: #063086;    font-weight: 300;    font-size: 30px;    line-height: 36px;    margin-bottom: 20px;}
#product .symbol {width:33.3%; margin-left:-3px ;text-align:center; display:inline-block;}
#product .symbol .box {width: 100%; height:205px; background-color: #cbe1e9;   font-size: 20px;    line-height: 30px;    margin: 0 auto;    color: #222;}
#product .symbol .box strong {display: block;    padding-top: 55px;    font-size: 30px;    text-transform: uppercase; padding-bottom:10px}

#product .section_line {border-top:1px solid #666; border-bottom:1px solid #666; margin-top:30px; margin-bottom:40px}
#product .section_line li {display:table;}
#product .section_line li div {display:table-cell;}
#product .section_line .line-th {width:150px; border-bottom:1px dashed #eee;     vertical-align: middle; text-align:Center; font-size:16px; font-weight:500;}
#product .section_line .line-th small {font-size:85%; font-weight:normal;}
#product .section_line .line-td {border-bottom:1px dashed #eee; padding:15px 10px;}

#product .quality_img p {margin-bottom:25px; text-align:center;}

.partner {margin-bottom:30px}
.partner h2 {color: #063086;    font-weight: 300;    font-size: 30px;    line-height: 36px;    margin-bottom: 20px;}
.partner table td.padding03 {padding:5px; font-size:13px}