@charset "utf-8";

body, table, th, td, button, select, input, textarea {
	font-family: 'Noto Sans KR', Malgun Gothic, 'NanumSquare',"돋움", Dotum, Arial, sans-serif;
	font-size:14px;
	color:#666;
	-webkit-text-size-adjust:none;
}

img {max-width:100%;}

/* Skip Navi */
#skip_navi {position:relative; overflow:hidden; width:100%; margin:0 auto; z-index:100;}
#skip_navi dt {clear:both; position:absolute; top:auto; left:-10000px; overflow:hidden; width:1px; height:1px}
#skip_navi a {display:block; height:0; overflow:hidden; text-align:center; font-size:0; line-height:0; background:#3e8fee;}
#skip_navi a:hover, #skip_navi a:active, #skip_navi a:focus {height:auto; padding:7px 0; font-weight:bold; font-size:1em; line-height:1em; color:#fff; z-index:10000;}

 .img-responsive {width:575px;}
  .img-responsive2 {width:379px; margin:0 0 0 60px;}
 .col-xs-12{position:relative ;min-height:1px;padding-right:5px;padding-left:5px}
.col-xs-12{width:100%}


.app_but {display:none; }
.mobile_img{display:none;}


/* Header */
#header {position:fixed; width:100%; height:100px; border-bottom:1px solid #ddd; background:#fff; z-index:1;}
#header .header_inner {position:relative; max-width:1200px; margin:auto;}
#header .logo {position:absolute; top:20px; left:10px;}
#header .logo img {display:block;}

#header .top_menu_wrap {height:100px;}
#header #gnb {position:relative; max-width:1200px; margin:auto;}
#header #gnb ul {padding:35px 0px 0 200px;}
#header #gnb li {float:left; width:15%;}
#header #gnb li a {display:block; font-family:'NanumSquare'; font-size:20px; color:#1c1c1c; font-weight:700; height:30px; line-height:30px; letter-spacing:-0.5px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#header #gnb li a:hover {color:#00479e;}

#header .btn_all_menu {position:absolute; top:35px; right:0px; display:block; width:34px; height:30px; background:url(/img/icon_menu_pc.png) no-repeat 50%; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; z-index:1;}

#header .lang {position:absolute; top:35px; right:10px;}
#header .lang li {float:left; padding-left:12px;}
#header .lang li a {display:block; font-size:13px; color:#333; height:30px; line-height:30px;}

.gnb-menu-area {display:none; position:absolute; top:100px; left:0; width:100%; height:200px; border-top:1px solid #cecece; border-bottom:1px solid #d9d9d9; background-color:#f5f5f5; z-index:11;}
.gnb-menu-area .inner-wrap {max-width:1200px; padding:0 0px 0 210px; margin:auto; box-sizing:border-box;}
.gnb-menu-area .menu-box{position:relative; float:left; width:15%; min-height:200px; padding:10px 0; border-right:1px solid #e8e8e8; box-sizing:border-box;}
.gnb-menu-area .menu-box::before {position:absolute; left:50%; top:0; width:0; height:3px; background-color:#3163a7; content: ''; transition: all 0.2s;}
.gnb-menu-area .menu-box:first-child {border-left:1px solid #e8e8e8;}
.gnb-menu-area .menu-box:hover{background-color:#fff;}
.gnb-menu-area .menu-box ul li a{display:block; padding:5px 5px 5px 15px; font-size:14px; color:#555; line-height:20px; letter-spacing:-0.5px;}
.gnb-menu-area .menu-box ul li a:hover{color:#00479e;}

.dimmed{display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:#000; opacity:0.6; z-index:99;}
.layer-popup {overflow:hidden; overflow-y:auto; display:none; position:fixed; left:50%; top:120px; z-index:100; width:700px; margin:0 0 0 -350px; padding:0; border:0; background-color:#fff; -webkit-overflow-scrolling: touch;}
.layer-popup .inner-layer {display:block; position:relative; padding:0;}
.layer-popup .layer-header {position:relative; width:100%; padding:20px 30px; text-align: center; background-color:#273346; box-sizing:border-box;}
.layer-popup .layer-header .tit {line-height:1.1; color:#fff; font-size:22px; font-weight: 700; letter-spacing:-0.5px;}
.layer-popup .layer-header .btn-layer-close {overflow:hidden; display:block; position:absolute; top:22px; right:30px; width:22px; height:22px; margin:0; padding:0; border:0; font-size:0; line-height:0; background:url(/img//btn-layer-close.png) no-repeat center; cursor:pointer;}
.layer-popup .layer-header .btn-layer-close:hover {animation:scale 0.5s; -webkit-animation:scale 0.5s; }
.layer-popup .layer-cont {width:100%; padding:30px; color:#555; max-height:500px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box;}
.layer-popup .layer-cont .tit {padding:0 0 10px 0; font-size:20px; font-weight:500; letter-spacing:-0.5px; color:#222; text-align:center;}
.layer-popup .layer-cont .tit-text {padding:0 0 10px 0; font-size:17px; font-weight:500; letter-spacing:-0.5px; color:#222; border-bottom:1px solid #555;}
.layer-popup .layer-cont p {margin:0; padding:0;}
.layer-popup .layer-cont .txt-info {padding:0 0 40px 0;}
.layer-popup .layer-cont .blue-btn {display:inline-block; margin-top:70px; padding:0 20px; height:45px; color:#fff; border:none; background-color:#024da1;}
.layer-popup .layer-cont .btn-layer-close {display:inline-block; margin-top:70px; padding:0 20px; height:45px; color:#fff; border:none; background-color:#024da1;}
.layer-popup .layer-cont .bd-btn {display:inline-block; margin-top:70px; padding:0 20px; height:45px; color:#333; border:1px solid #333; background-color:#fff;}

.layer-popup.pc-all-menu{width:900px; margin:0 0 0 -450px;}
.layer-popup.pc-all-menu .layer-cont{padding:30px 0 30px 0; max-height:750px;}
.layer-popup.pc-all-menu .layer-cont .tit{padding-bottom:20px;}

.layer-popup.confirm-layer{width:900px; margin:0 0 0 -450px;}
.layer-popup.confirm-layer .layer-cont{max-height:650px;}

.all-menu-wrap .box-wrap:after{clear:both; content:''; display:block;}
.all-menu-wrap .box-wrap .box{float:left; width:16.5%; height:220px; border-right:1px solid #e8e8e8; box-sizing:border-box;}
.all-menu-wrap .box-wrap .box:last-child {border-right:0;}
.all-menu-wrap .box-wrap .box ul li a{display:block; padding:5px 25px; font-size:15px; color:#555; line-height:20px; letter-spacing:-0.5px;}
.all-menu-wrap .box-wrap .box ul li a:hover{color:#00479e;}

.type-mobile {display:none;}
.mobile-menu{display:none;}

/* Footer */
#footer {clear:both; height:180px; background-color:#242424;}
#footer .footer_inner {position:relative; max-width:1200px; margin:auto;}
#footer .copyright {padding:44px 10px 0; color:#b2b2b2; font-size:13px;}
#footer .copyright p {padding:2px 0; line-height:1.3;}
#footer .copyright p span {display:inline-block; margin-right:14px;}
#footer .copyright p:last-child {padding-top:14px; color:#808080;}

.family-site-box{position:absolute; top:65px; right:10px; width:220px; letter-spacing:-0.25px;}
.family-site-box .family-site-open-btn{display:block; height:50px; line-height:50px; text-indent:30px; font-size:15px; background-color:#3d3d3d; color:rgba(255,255,255,0.5);}
.family-site-box .family-site-open-btn i{position:absolute; right:30px; top:50%; margin-top:-8px; font-size: 16px;}
.family-site-list{position:absolute; bottom:50px; left:0px; width:100%; padding:10px 0; background-color:#3d3d3d; border:1px solid #3d3d3d; border-bottom:0; z-index:11; display:none; box-sizing:border-box;}
.family-site-list a{display:block; padding:10px; color:rgba(255,255,255,0.5); font-size:14px;}
.family-site-list a:hover{color:#fff;}

/*animation*/
@keyframes scroll_down {
  0% {transform:translateY(0px);}
  50% {transform:translateY(10px);}
  100% {transform:translateY(0px);}
}
.scroll_down {animation-name:scroll_down; animation-duration:1s; animation-fill-mode:both; animation-iteration-count:infinite;}

/* Main */
.main_visual_wrap {height:760px; background:url(/img/main_img.jpg) no-repeat 50% 50%; margin-top:100px;}
.main_visual_wrap > article {position:relative; max-width:1200px; height:760px; margin:auto;}
.main_visual_wrap .main_text {position:absolute; top:180px; left:60px;}
.main_visual_wrap .main_text2 {position:absolute; top:430px; left:65px;}
.main_visual_wrap .main_text2 img{ float:left; margin:0 0 0 10px; }
.main_visual_wrap .main_button{position:absolute; top:380px; left:250px;}
.main_visual_wrap .main_button ul li{float:left; margin-left:30px;}
.main_visual_wrap .main_scroll {position:absolute; bottom:30px; left:50%; margin-left:-50px;}
.main_mobile_img {display:none;}

.main_tit {position:relative; padding:20px 0 0 20px; margin-bottom:20px; font-family:'NanumSquare'; font-size:24px; color:#1c1c1c; font-weight:700;}
.main_tit::before {position:absolute; top:0; left:0; width:20px; height:20px; display:block; content:''; background:#66d9ff; border-radius:50%;}

.main_section01_wrap > article {overflow:hidden; max-width:1200px; padding:40px 0; margin:auto;}

.main_product_wrap {position:relative; float:left; width:840px; padding-left:30px;}
.main_product_ctrl {position:absolute; top:19px; right:20px;}
.main_product_ctrl > img {float:left; display:block; cursor:pointer;}
.main_product_item span {display:block; width:260px; padding:15px 0; font-size:20px; color:#333; text-align:center;}

.main_stock_wrap {float:left; width:290px; padding:0 20px;}
.main_stock_box {height:198px; border:1px solid #d9d9d9; padding:20px 20px 0;}
.main_stock_info {overflow:hidden; height:127px;}
.main_stock_info > ul {float:left; padding-top:50px; font-size:16px; color:#333;}
.main_stock_info > ul li {padding-top:5px;}
.main_stock_info > ul small {font-size:14px;}
.main_stock_info > dl {float:right; padding-top:20px; text-align:right; font-family:'NanumSquare'; font-size:18px; color:#1c1c1c; font-weight:700;}
.main_stock_info > dl dd {padding-top:20px; font-size:38px; font-weight:900;}
.main_stock_info .up {color:#f93345;}
.main_stock_info .dw {color:#1e8df9;}
.main_stock_btn {position:relative; display:block; height:51px; line-height:51px; padding:0 25px; font-family:'NanumSquare'; font-size:18px; color:#fff; font-weight:700; background:#0054a6;}
.main_stock_btn i{position:absolute; right:20px; top:50%; margin-top:-9px; font-size:18px;}


.main_section01_wrap {background:#f2f2f2; height:800px;}
.main_section01_wrap > article {overflow:hidden; max-width:1200px; padding:60px 0 0 60px; margin:auto;}
.main_section01_wrap h3 {margin-bottom:20px;  font-size:35px; color:#000; font-weight:700;  text-align:center;  letter-spacing:-1px; }


.main_section02_wrap {max-width:100%; padding:60px 0; margin:auto;}
.main_section02_wrap > article {overflow:hidden; max-width:1200px; padding:0 0 0 30px; margin:auto;}
.main_section02_wrap h3 {margin-bottom:20px;  font-size:35px; color:#000; font-weight:700;  }

.main_history_mobile{display:none;}
.main_history {overflow:hidden; float:left; /*width:540px;*/ padding-left:20px;}
.main_his_img {float:left;}
.main_history dl {padding:20px 0 0 230px;}
.main_history dl dt {font-size:20px; color:#333; line-height:1.3;}
.main_history dl dd {padding-top:10px; font-size:16px; color:#666; line-height:1.3;}
.main_history dl span {display:block;}

.main_section03_wrap_mobile{display:none;}
.main_section03_wrap {background:url(/img/section03_bg.jpg) no-repeat; width:100%; height:530px;}
.main_section03_wrap > article {overflow:hidden; max-width:1200px; padding:60px 0; margin:auto;}
.main_section03_wrap h3 {margin-bottom:20px;  font-size:35px; color:#000; font-weight:700;  text-align:left;}

.main_section03 {float:left;}
.main_section03 ul {padding:20px 0 0 5px;}
.main_section03 li {width:282px; height:413px; float:left; background: rgba(0, 0, 0, 0.4); padding:0 5px;  line-height:150%;}
.main_section03 li span {display:block; width:250px; padding:15px 0; font-size:20px; color:#333; }
.main_section03 .quick_text_b {color:#fff;  font-size:24px;  font-weight:900; margin:180px 0 0 20px; text-align:center; }
.main_section03 .quick_text_s {color:#fff;  font-size:15px;  font-weight:300; margin:-15px 0 0 20px; text-align:center;}



.main_notice_wrap {position:relative; float:left; width:468px; height:198px; padding:40px 40px 0; border:1px solid #d6d6d6; margin-left:10px;}
.main_notice_wrap h3 {margin-bottom:20px; font-family:'NanumSquare'; font-size:26px; color:#1c1c1c; font-weight:700; }

.main_notice_wrap .icon_more {position:absolute; top:30px; right:40px;}
.main_notice_list li {padding:8px 0 8px 10px; font-size:16px; color:#666; background:url(/img/icon_dot.gif) no-repeat 0 50%;}
.main_notice_list li a {display:inline-block; color:#333; max-width:75%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.main_notice_list li span {float:right; font-size:14px; color:#999;}

.main_quick {float:left;}
.main_quick ul {padding:20px 0 0 5px;}
.main_quick li {width:365px; height:295px; float:left; padding:0 5px;  background:#fff; margin:0 0 10px 10px;  border-radius:10px;  line-height:140%}
.main_quick li img{margin:30px 0 0 110px; }
.main_quick li span {display:block; width:300px; padding:15px 0; font-size:20px; color:#333; }
.main_quick .quick_text_b {color:#34578c;  font-size:24px;  letter-spacing:-1px; margin:30px 0 0 20px;}
.main_quick .quick_text_s {color:#000;  font-size:15px;  font-weight:300; margin:-15px 0 0 20px;}
.main_quick .quick_box ul {margin:0 0 0 25px;}
.main_quick .quick_box  li{}
.main_quick .quick_box ul li{width:210px; height:40px; background: rgba(0, 0, 0, 0.4); color:#fff; font-size:18px; text-align:center; padding-top:15px; border:1px solid #b6b6b6; margin:0 0 10px 0;}

.main_section04_wrap > article {overflow:hidden; max-width:1200px; padding:60px 0; margin:auto;}

.main_notice_wrap {position:relative; float:left; width:468px; height:198px; padding:40px 40px 0; border:1px solid #d6d6d6; margin-left:10px;}
.main_notice_wrap h3 {margin-bottom:20px; font-family:'NanumSquare'; font-size:24px; color:#1c1c1c; font-weight:700;}
.main_notice_wrap .icon_more {position:absolute; top:30px; right:40px;}
.main_notice_list li {padding:8px 0 8px 10px; font-size:16px; color:#666; background:url(/img/icon_dot.gif) no-repeat 0 50%;}
.main_notice_list li a {display:inline-block; color:#333; max-width:75%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.main_notice_list li span {float:right; font-size:14px; color:#999;}

.main_but {float:left;}
.main_but ul {padding:20px 0 0 30px;}
.main_but li {float:left; padding:0 15px;}
.main_but li span {display:block; width:160px; padding:15px 0; font-size:20px; color:#333; text-align:center;}


/* Sub */
.sub_content_wrap {position:relative; max-width:1180px; min-height:600px; padding:30px 10px; margin:auto; /*background:url(/img/top_bg.jpg) no-repeat;*/}

#sub_title {position:relative; padding:70px 0; font-size:36px; line-height:50px; font-weight:500; color:#333; letter-spacing:-0.5px; text-align:center; margin-top:100px;}
.sub_title01{background:url(/img/sub_title01.jpg) no-repeat top center;}
.sub_title02{background:url(/img/sub_title02.jpg) no-repeat top center;}
.sub_title03{background:url(/img/sub_title03.jpg) no-repeat top center;}
.sub_title04{background:url(/img/sub_title04.jpg) no-repeat top center;}
.sub_title05{background:url(/img/sub_title05.jpg) no-repeat top center;}
.sub_title06{background:url(/img/sub_title06.jpg) no-repeat top center;}

/*#sub_title {position:relative; padding:0 0 20px; margin:0 0 60px; font-size:32px; line-height:50px; font-weight:500; color:#000; letter-spacing:-0.5px; text-align:center;}
#sub_title:after{position:absolute; bottom:0; left:50%; width:62px; height:1px; background:#9b9b9b; transform:translateX(-50%); -webkit-transform:translateX(-50%); content:""}
*/

.sub_navi {position:relative; height:40px; border-top:1px solid #b0c3d3;  line-height:40px; background:#f9f9f9}
.sub_navi ul {/*position:absolute; top:0; right:0;*/ max-width:1180px; margin:0 auto }
.sub_navi ul li {position:relative; float:left; font-family:'Nanum Gothic'; font-size:13px; color:#666; padding-left:20px;}
.sub_navi ul li i {position:absolute; top:50%; left:4px; color:#888; font-size:12px; margin-top:-6px;}
.sub_navi ul li.ic_home {padding-left:17px;}
.sub_navi ul li.ic_home i {left:0;}






/*20201119*/
.title_geeting{font-size:26px; padding:10px 0 10px 0; font-weight:400; letter-spacing:-0.5px}
.title_geeting span{color:#37588e; line-height:130%;}
.title_geeting2 .text_color{color:#005eae;}
.title_geeting2{font-size:20px; padding:10px 0 20px 0; font-weight:600;}
.title_geeting_s{font-size:16px; padding-bottom:10px; line-height:180%;}
.title_geeting3{font-size:20px; padding:10px 0 20px 0; font-weight:600;}

.greeting_table{width:100%; margin:0 0 60px 0;  }
.greeting_table th{width:50%; color:#000; font-weight:300; font-size:18px; background-color:#eeeeee; padding:10px 10px; text-align:center;}
.greeting_table tr td{padding:10px 0 0 0;  font-weight:300; font-size:16px; color:#000; line-height:180%; /*text-align:center;*/}

.mail_table{width:100%; margin:10px 0 20px 0;  border-right:1px solid #e3e3e3; border-top:2px solid #5868e3;  }
.mail_table th{width:100%; color:#000; font-weight:600; font-size:18px; background-color:#eeeeee;  line-height:180%; padding:10px 30px 10px 30px; border-top:2px solid #e3e3e3; border-left:1px solid #e3e3e3; text-align:left; }
.mail_table tr td{padding:10px 30px 20px 30px; font-size:16px; color:#000; border-left:1px solid #e3e3e3; background-color:#fff; border-bottom:1px solid #e3e3e3;   line-height:180%;/*text-align:center;*/ font-weight:300;}
.mail_table_s{width:90%; border-right:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin:0 0 0 0;}
.mail_table_s tr {text-align:center;}
.mail_table_s tr td{padding:10px 0 10px 30px; font-size:15px; color:#000; border-left:1px solid #e3e3e3; background-color:#fff; border-bottom:1px solid #e3e3e3;  /*text-align:center;*/}


.axiz_table{width:100%; margin:30px 0 30px 0;  }
.axiz_table th{width:100%; color:#000; font-weight:600; font-size:18px; background-color:#eeeeee; padding:10px 30px 0px 30px; text-align:center; }
.axiz_table tr td{padding:60px 20px 100px 20px; font-size:16px; color:#000; background-color:#fff; /*text-align:center;*/ line-height:180%;}
.axiz_table_td {width:50%;}


.axiz_table2{width:100%; margin:20px 0 20px 0;  border-right:1px solid #e3e3e3; border-top:2px solid #5868e3; }
.axiz_table2 th{width:100%; color:#000; font-weight:600; font-size:18px; background-color:#eeeeee;  line-height:180%; padding:10px 30px 10px 30px; border-top:2px solid #e3e3e3; border-left:1px solid #e3e3e3; text-align:left; }
.axiz_table2 tr td{padding:10px 30px 20px 30px; font-size:16px; color:#000; border-left:1px solid #e3e3e3; background-color:#fff; border-bottom:1px solid #e3e3e3;   line-height:180%;/*text-align:center;*/ font-weight:300;}
.axiz_table2_td {width:50%;}

.sub03_table02{width:100%; margin:0 0 20px 0;  border-right:1px solid #e3e3e3; border-top:2px solid #e3e3e3;  }
.sub03_table02 th{width:100%; color:#000; font-weight:900; font-size:18px; background-color:#eeeeee; padding:10px 30px 10px 0px; border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3; text-align:center; }
.sub03_table02 tr td{ line-height:180%; padding:10px 10px 10px 20px; font-size:16px; color:#000; border-left:1px solid #e3e3e3; background-color:#fff; border-bottom:1px solid #e3e3e3; }

/*tab-menu*/
.tab01 { width:100%; margin-bottom:10px;}
.tab01 li {display:inline-block; float:left; margin-bottom:0px; font-size:13px; border:1px solid #ccc; margin:2px; border-radius:3px}
.tab01 li a{display:inline-block; padding:12px 10px 4px 10px; border-top:2px solid #FFF;/* background:#7691a6; border-top:1px solid #7691a6; border-right:1px solid #a6bccc; border-bottom:1px solid #7691a6; */color:#333; text-align:center; text-decoration:none;  font-size:13px; width:60px; height:60px;}
.tab01 li:first-child a{display:inline-block; /*background:#7691a6; border-left:1px solid #7691a6; border-right:1px solid #a6bccc; border-bottom:1px solid #7691a6; color:#fff; */text-align:center; text-decoration:none; }
.tab01 li a:hover {display:block; background:#fff; color:#333; border-top:2px solid #7691a6;/* border-bottom:1px solid #7691a6; */}
.tab01 li a.on {color:#333; background:#fff; border-top:2px solid #7691a6;/*border-bottom:1px solid #fff;  border-right:1px solid #7691a6;  border-bottom:1px solid #7691a6; */}


.prod_image img{width:80%;}
.technology_quality01{clear:both; }
.technology_quality01_title{font-size:20px; padding:30px 0 10px 0; font-weight:600; color:#3637c7; line-height:120%;}


.facility_table{width:100%; margin:20px 0 0 0; font-size:16px; border-top:1px solid #b0b0b0; border-left:1px solid #b0b0b0; border-right:1px solid #b0b0b0; border-bottom:1px solid #b0b0b0;}
.facility_table tr td{ padding:10px 10px; border-bottom:1px solid #b0b0b0; border-left:1px solid #b0b0b0;}
.facility_table th{ padding:10px 10px; border-bottom:1px solid #b0b0b0;}
.th_gray{background:#eeeeee; color:#333; font-weight:normal; font-size:16px; text-align:center;}

.invest_title{line-height:140%;}
.invest_title_s{font-size:20px; font-weight:600; color:#ff4e00; padding:0 0 15px 0;}


.border{clear:both; border:1px solid #b0b0b0; margin:30px 0 0 0px;}
 .location_01{width:60%;  float:left; margin:30px 0 0 0px;}
 .location_02{width:40%; float:left;}
 .location_02_title{font-size:18px; line-height:180%; margin:20px 0 50px 0px;}
 .location_02 h2{ font-weight:600; color:#3637c7; margin:30px 0 0 0px;}

 .title_geeting_s .red{}

.sub_tit{font-weight:600; margin:10px 0 15px 0; background:url(/img/sub_arrow.gif) no-repeat 0 50%; padding-left:20px; clear:both;}
.caption{padding:3px;color:#333;  background:#f5f5f5; margin-top:5px;}
.text-center img{margin:0 auto;}


.thumbnail{display:block; padding:4px; margin-bottom:20px; line-height:1.42857143; background-color:#fff;
border:1px solid #ddd; border-radius:4px; -webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}
.thumbnail img{}

.relative_table{width:100%; margin:10px 0 30px 0; font-size:15px; border-left:1px solid #b0b0b0; border-top:3px solid #0087ae;  border-right:1px solid #b0b0b0;  border-bottom:1px solid #b0b0b0; text-align:left;  }
.relative_table th{width:50%; padding:20px 0 0 0;  text-align:left; line-height:140%; border-right:1px solid #b0b0b0; text-align:center;}
.relative_table tr td{width:50%; padding:30px 0 30px 20px;  text-align:left; line-height:140%; border-right:1px solid #b0b0b0;}
.relative_table_img{}
.relative_title{font-size:20px; font-weight:600; margin:0 0 10px 0; color:#0087ae;}

.ci_table{width:100%; margin:10px 0 0 0; font-size:15px; text-align:left;  }
.ci_table th{width:30%; padding:0 0 0 0;  text-align:left; line-height:140%; text-align:left;}
.ci_table tr td{width:30%; padding:0 0 0 20px;  text-align:left; line-height:160%; text-align:left;}
.ci_table span{font-size:20px; font-weight:600; color:#0087ae;}

.philosophy_table{border:1px solid #b0b0b0;}
.philosophy_table th{width:35%; padding:0 0 0 0;  text-align:left; line-height:140%; text-align:left;}
.philosophy_table tr td{padding:0 20px 0 20px; font-size:17px; line-height:140%;}

.philosophy_table2{width:100%; margin:40px 0 0 0;}
.philosophy_table2 th{width:25%;  text-align:left; line-height:140%;}
.philosophy_table2 tr td{padding:10px 10px; font-size:17px; line-height:150%; }
.philosophy_table2 span{font-size:23px; font-weight:600; color:#0087ae; padding-bottom:20px;}

.history_table{width:100%; margin:10px 0 0 0; font-size:15px; text-align:left;  }
.history_table th{width:50%; padding:0 0 0 0;  text-align:left; line-height:140%; text-align:left;}
.history_table tr td{width:50%; padding:0 0 0 20px;  text-align:left; line-height:160%; text-align:left;}
.history_table span{font-size:20px; font-weight:600; color:#0087ae;}


.location_map{width:100%}
.location_title{clear:both; width:100%; line-height:160%; padding:50px 0 0 0;}
.location_title p{font-size:18px; padding:10px 0 10px 0;}
.location_title h3{font-size:20px; font-weight:600; color:#0087ae;}

.certify2{width:100%;}
.certify2 tr td {width:20%; font-size:16px; text-align:center; padding:10px 0 0 0; } 
.certify2 tr td img {width:90%;  border:1px solid #aaa; } 

.certify2 img {width:100%; }


/*202105 컨텐츠*/
.greeting_table2{width:100%; margin:0 0 20px 0;  border-right:1px solid #e3e3e3; border-top:1px solid #333;  }
.greeting_table2 th{/*width:33.3%; */color:#000; font-weight:400; font-size:16px; background-color:#f9f9f9; padding:20px 10px;border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; text-align:center; }
.greeting_table2 tr td{padding:20px 10px; font-size:15px; color:#000; text-align:center; border-left:1px solid #e3e3e3; background-color:#fff; border-bottom:1px solid #e3e3e3;  /*text-align:center;*/}





/* 반응형 Style */
@media screen and (max-width:1920px){  
.history_table_mobile{display:none;}
.philosophy_table_box{display:none;}
}


@media screen and (max-width:1200px){  
.history_table_mobile{display:none;}
.main_quick li { float:left; padding:0 5px;  }

  .main_section01_wrap > article {padding:30px 20px;}

  .main_product_wrap {float:none; width:100%; padding:0;}
  .main_product_item img {display:block; width:94%; margin:auto;}
  .main_product_item span {width:94%; margin:auto;}

  .main_stock_wrap {clear:both; float:none; width:100%; padding:20px 0 0;}

  .main_section01_wrap > article {padding:30px 20px;}

  .main_section02_wrap > article {padding:30px 20px;}

  .main_history {width:50%; padding:0;}
  .main_history dl {padding:20px 20px 0 230px; }
  .main_history dl span {display:inline;}
  
  .main_section03_wrap > article {padding:30px 20px;}
  .main_notice_wrap {width:calc(50% - 20px); height:auto; padding:30px 30px 20px; margin:0 20px 0 0; box-sizing:border-box;}

  .main_quick {padding:0 0 0 10px;}
  .main_quick ul {padding:20px 0 0 0;}
  .main_quick li {width:100%; padding:0 10px; box-sizing:border-box;}
  .main_quick li img {display:block; width:30%; margin:auto;}
  .main_quick li span {width:94%; margin:auto;}

}


@media screen and (max-width:1024px){
.app_but {display:block;}
.mobile_img{display:block; margin:0px 0 -60px 0; }
.main_notice_list li a {display:inline-block; color:#333; max-width:60%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.mail_table_s tr td{padding:10px 10px; font-size:15px; color:#000; border-left:1px solid #e3e3e3; background-color:#fff; border-bottom:1px solid #e3e3e3;  /*text-align:center;*/}
.mail_table tr td{padding:10px 20px; font-size:15px; color:#000; border-left:1px solid #e3e3e3; background-color:#fff; border-bottom:1px solid #e3e3e3;   line-height:180%;/*text-align:center;*/ font-weight:300;}



.img-responsive {width:100%; }
.dis-play{display:none;}
.axiz_table tr td{padding:50px 20px 50px 20px; font-size:15px; color:#000; background-color:#fff; /*text-align:center;*/ line-height:180%;}

.company_geetingimg{float:none; }
.company_geetingimg img{margin-left:80px;}
#header {height:60px;}
#header .logo {top:5px;}
#header .logo img {width:80%;}

#header #gnb {display:none;}
#header .btn_all_menu {display:none;}
#header .lang {display:none;}
#header .top_menu_wrap {display:none;}

  .type-mobile{display:block; position:absolute; top:10px; right:10px; width:44px; height:40px; background:url(/img/icon_menu_m.png) no-repeat; font-size: 0; line-height: 0; cursor: pointer; color: transparent; border: 0; outline: none;}
		.mobile-menu{display:block;}

  .dimmed {display:none; width:100%; height:100%; background-color: #000; position:fixed; left:0; top:0; z-index:10; opacity:0.5;}
		.dimmed.show {display:block;}

		.mobile-menu{position:fixed; top:0; right:-3000px; width:300px; height:100%;z-index:15; background-color:#fff;}
		.mobile-menu .user-menu{position:relative; background-color:#f5f5f5; height:32px; padding:14px 20px;}
  .mobile-menu .user-menu .btn-menu {display:inline-block; height:30px; line-height:30px; background-color:#fff; border:1px solid #ccc; padding:0 16px; margin-right:2px; letter-spacing:-0.5px; font-size:14px; color:#444; font-weight:500; border-radius:16px;}
  .mobile-menu .user-menu .btn-close {display:block; position:absolute; top:17px; right:15px; width:26px; height:26px; background:url(/img/icon_menu_close.png) no-repeat; background-size:100% 100%; font-size: 0; line-height: 0; cursor: pointer; color: transparent; border: 0; outline: none;}

		.mobile-menu .menu-area {background-color:#fff; padding-bottom:0; position:absolute; top:60px; bottom:0; left:0; right:0; letter-spacing:-0.5px;}
		.mobile-menu .menu-area .depth1{display:block; background:#fff url(/img/icon_menu_off.png) no-repeat right 20px center; background-size:16px; font-size:18px; font-weight:500; color:#222; padding:16px 20px; border-top:1px solid #ddd;}
		.mobile-menu .menu-area .depth1.on{background:#fff url(/img/icon_menu_on.png) no-repeat right 20px center; background-size:16px; }
		.mobile-menu .menu-area .depth2-wrap {display:none; background:#f5f5f5; padding:10px 0;}
		.mobile-menu .menu-area .depth2-wrap > li > a{display:block; background:#f5f5f5; font-size:15px; color:#555; padding:8px 30px; }
		.mobile-menu .menu-area .depth2-wrap > li > a.depth2{background:#f5f5f5 url(/img/icon_menu2_off.png) no-repeat right 20px center; background-size:14px auto;}
		.mobile-menu .menu-area .depth2-wrap > li > a.depth2.on{background:#f5f5f5 url(icon_menu2_on.png) no-repeat right 20px center; background-size:14px auto;}
		.mobile-menu .menu-area .depth3-wrap{display:none; padding:5px 20px; background-color:#fff;}
		.mobile-menu .menu-area .depth3-wrap a{position:relative; font-size:13px; color:#333; line-height:30px; padding-left:10px;}
		.mobile-menu .menu-area .depth3-wrap a:before{content:''; position:absolute; top:10px; left:0; width:3px; height:3px; background-color:#333;}

		.mobile-menu .menu-area .layer-scroll {overflow:hidden; overflow-y:auto; height:100%; padding:0;}
		.mobile-menu .menu-area .mCSB_scrollTools {width:6px; margin:0; padding:0; line-height:0; opacity:1;}
		.mobile-menu .menu-area .mCSB_inside > .mCSB_container{margin-right:0;}

  #footer {height:auto; padding-bottom:20px;}
  #footer .copyright {padding:16px 10px;}
  #footer .copyright p {padding:4px 0}
  #footer .copyright p:last-child {padding-top:8px;}

  .family-site-box{position:relative; top:0; right:0; max-width: 160px; margin: 0 10px; width: 46%;}
  .family-site-box .family-site-open-btn{height:35px; line-height:35px; font-size:11px; text-indent: 22px;}
  .family-site-box .family-site-open-btn i{right:22px; margin-top:-8px; font-size: 16px;}
  .family-site-list{bottom:35px;}

  .main_visual_wrap {height:auto; background:none; margin-top:60px;}
  .main_visual_wrap > article {height:auto;}
  .main_visual_wrap .main_text {display:none;}
    .main_visual_wrap .main_text2 {display:none;}
  .main_visual_wrap .main_scroll {display:none;}
  .main_mobile_img {display:block;}
  .main_visual_wrap .main_button{display:none;}

  .main_tit {padding:0; margin-bottom:10px; font-size:20px;}
  .main_tit::before {display:none;}

  .main_section01_wrap > article {padding:20px 10px;}

  .main_product_ctrl {top:-2px; right:0;}
  .main_product_item span {padding:10px 0; font-size:16px;}
  
  .main_stock_box {height:auto; padding:10px;}
  .main_stock_info {height:auto; padding-bottom:10px;}
  .main_stock_info > ul {padding-top:30px; font-size:16px;}
  .main_stock_info > ul li {padding-top:5px;}
  .main_stock_info > dl {padding-top:10px;}
  .main_stock_info > dl dd {padding-top:10px; font-size:36px;}
  .main_stock_btn {height:40px; line-height:40px; padding:0 15px;}
  .main_stock_btn i{position:absolute; right:10px; top:50%; margin-top:-9px;}


.main_section01_wrap {background:#eaeaea; height:100%;}
  .main_section01_wrap > article {padding:20px 10px;}


.main_section02_wrap {background:#fff; height:100%;}
  .main_section02_wrap > article {padding:20px 10px;}


  .main_history_mobile {display:block; width:100%; padding:0;}

  .main_history {float:none; width:100%; padding:0;}
  .main_history.secon {padding-top:30px;}
  .main_his_img {width:36%; float:left;}
  .main_his_img img {width:100%;}
  .main_history dl {padding:0 0 0 40%;}
  .main_history dl dt {font-size:16px; font-weight:500;}
  .main_history dl dd {font-size:14px;}


.main_section03_wrap{display:none;}
.main_section03_wrap_mobile{display:block; padding:0 0 20px 0;}
  .main_section03_wrap_mobile > article {padding:20px 0 20px 10px;}
.main_section03_wrap_mobile h3 {margin-bottom:10px;  font-size:18px; color:#000; font-weight:700;  text-align:left;}


.main_section04_wrap > article {padding:20px 10px;}

  .main_notice_wrap {float:none; width:100%; padding:20px 20px 10px; margin:0;}
  .main_notice_wrap h3 {margin-bottom:10px; font-size:20px;}
  .main_notice_wrap .icon_more {top:20px; right:20px; height:20px;}
  .main_notice_list li {padding:5px 0 5px 10px; font-size:15px;}
  .main_notice_list li span {font-size:13px;}

  .main_but {width:100%; padding:0 0 0 10px;}
  .main_but ul {padding:20px 0 0 0;}
  .main_but li {width:33%; padding:0 10px; box-sizing:border-box;}
  .main_but li img {display:block; width:94%; margin:auto;}
  .main_but li span {width:94%; margin:auto; font-size:16px;}


  .main_quick {padding:0 0 0 10px;}
  .main_quick ul {padding:0 0 0 0;}
  .main_quick li {width:45%; padding:20px 0px 10px 0px; float:left; box-sizing:border-box;}
  .main_quick li img {display:block; width:45%; margin:auto;}
  .main_quick li span {width:80%; margin:auto; font-size:25px;}

.main_section01_wrap h3{font-size:25px;}
.main_quick .quick_text_b{font-size:20px; margin:20px 0 0 15px}
.main_section02_wrap h3{font-size:25px;}
.main_quick .quick_text_s{margin:-15px 0 0 15px}


.title_geeting{font-size:20px; padding:5px 0 20px 0; font-weight:400;}






  .sub_content_wrap {min-height:500px; padding:20px 10px;}

  #sub_title {padding:30px 0;font-size:24px; line-height:30px; margin-top:60px;}

  .sub_navi {height:36px;}
  .sub_navi ul li {font-size:12px;}


  .history_table{display:none;}
  .history_table_mobile{display:block;  line-height:150%;}
  .history_table_mobile span{font-size:20px; font-weight:600; color:#0087ae; }
  .philosophy_table{display:none;}
  .philosophy_table_box{display:block; border:1px solid #b0b0b0;}
  .philosophy_table_title{padding:15px 15px; font-size:17px; line-height:140%;}



}

@charset "utf-8";

.btn_b a{color:#fff; background:#2b4385; padding:15px 30px; vertical-align:middle;font-size:18px; margin:10px 3px; border-radius:3px; }
.btn_g a{color:#fff; background:#666; padding:20px 30px; vertical-align:middle; font-size:16px; font-weight:500}
.btn_m a{color:#fff; background:#204173; padding:12px 20px; vertical-align:middle; font-size:16px; }
.btn_mg a{color:#fff; background:#666; padding:4px 10px; vertical-align:middle;}
.btn_s a{color:#fff; background:#999;padding:6px 12px; vertical-align:middle; font-size:13px; border-radius:5px;}
.btn_jg {color:#fff; background:#666; padding:7px 12px 9px 12px; vertical-align:middle; cursor:pointer;}
.btn_js {color:#666; background:#efefef; border:1px solid #afafaf; padding:3px 5px; vertical-align:middle; font-size:13px; cursor:pointer;}
.btn_sel a{color:#fff; background:#fe6666; padding:7px 12px 9px 12px; vertical-align:middle; border-radius:3px; }

.tstyle1 {border-top:2px solid #000; margin:10px 0 20px 0}
.tstyle1 th{border-right:1px solid #666; border-bottom:1px solid #000; padding:10px; color:#000;background:#E9EFF5; text-align:center}
.tstyle1 .sth{ background:#f5f5f5; color:#000; }
.tstyle1 td{border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; padding:15px 10px; text-align:center}
.tstyle1 td.won {text-align:right; padding-right:50px;}
.tstyle1 .tdleft{text-align:left}
.tstyle1 .small{font-size:14px; color:#999}

.bdr_blue{border-right:1px solid #6372A3}
.bdb_blue{border-bottom:1px solid #6372A3}
.bdrb_blue{border-right:1px solid #6372A3; border-bottom:1px solid #6372A3}

.tstyle2 {border-top:2px solid #000; margin:10px 0 20px 0}
.tstyle2 th{border-bottom:1px solid #000; padding:10px; margin:3px 0; color:#000; border-right:1px dotted #999; text-align:center;}
.tstyle2 .event{border-bottom:1px solid #000; padding:10px; margin:3px 0; color:#C00; }
.tstyle2 .sth{border-bottom:1px solid #e1e1e1; padding:10px; color:#36C; text-align:left;}
.tstyle2 td{border-bottom:1px solid #e1e1e1; padding:10px; text-align:center; }
.tstyle2 .small{font-size:14px; color:#999}
.tstyle2 tr:nth-child(2n) {background-color: #fff;}
.tstyle2 tr:nth-child(2n+1) {background-color: #f2fafe;}


.tstyle21 {border-top:2px solid #000; margin:10px 0 20px 0}
.tstyle21 th{ border-bottom:1px solid #e1e1e1; padding:10px; margin:3px 0; color:#000; border-right:1px dotted #999; text-align:left; font-weight:500}
.tstyle21 .event{border-bottom:1px solid #e1e1e1; padding:10px; margin:3px 0; color:#C00; }
.tstyle21 td{border-bottom:1px solid #e1e1e1; padding:10px; text-align:left }
.tstyle21 .small{font-size:14px; color:#999}

.tstyle3 {border-top:2px solid #000; margin:10px 0 20px 0}
.tstyle3 th{ border-right:1px solid #666; border-bottom:1px solid #000; padding:10px 5px; color:#000;background:#E9EFF5; text-align:center}
.tstyle3 .sth{ background:#f5f5f5; color:#000; font-weight:normal; font-size:14px}
.tstyle3 td{border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; padding:10px 5px; text-align:center; font-size:13px}
.tdleft{text-align:left}

.tstyle4 {margin-top:-20px}
.tstyle4 th{border-bottom:1px solid #000; padding:10px; margin:3px 0; color:#000; border-right:1px dotted #999; text-align:left}
.tstyle4 td{border-bottom:1px solid #e1e1e1; padding:10px; text-align:center; background:#f5f5f5 }
.tstyle4 .sth{border-bottom:1px solid #e1e1e1; padding:10px; text-align:left; font-weight:bold; border-right:0; color:#039}

.tstyle5 {margin-top:0}
.tstyle5 th{border-bottom:1px solid #000; padding:10px; margin:3px 0; color:#000; border-right:1px dotted #999; text-align:left}
.tstyle5 td{border-bottom:1px solid #e1e1e1; padding:10px; text-align:center; }
.tstyle5 .sth{border-bottom:1px solid #e1e1e1; padding:10px; text-align:left; font-weight:normal; border-right:0}

.listyle1{margin-top:50px; clear:both;}
.listyle1 .tit{color:#036; font-weight:600; font-size:20px; font-family:'nanumsquare'; background:url(/img/ic_barrow.gif) no-repeat 0 12px; padding-left:25px; margin:0 0 10px 0; }
.listyle1 li{background:url(/img/ic_dot.gif) no-repeat 0 17px; padding:10px 0 0 20px; margin-left:20px;}
.listyle1 li li{background:url(/img/ic_dot1.gif) no-repeat 0 20px; margin-left:0px; padding:10px 0 0 15px; }
.listyle1 li span{color:#000; letter-spacing:-1px; font-weight:600}
.listyle1 li table span{color:#000; letter-spacing:-1px; font-weight:normal}

.board_list_table {width:100%; border-top:2px solid #000;}
.board_list_table th {padding:8px 0; border-bottom:1px solid #000; color:#163585;  border-right:1px solid #afafaf; text-align:center; font-weight:normal}
.board_list_table th.sub{border-bottom:1px solid #afafaf; color:#333 }
.board_list_table td {padding:12px 10px; text-align:center; border-bottom:1px solid #afafaf; border-right:1px solid #afafaf; color:#666; vertical-align:top}
.board_list_table td.left{text-align:left}
.board_list_table td:last-child, .board_list_table th:last-child{border-right:0}
.board_list_table td.td_title {padding:12px; text-align:left;}

.board_list_table_qna {width:100%; border-top:2px solid #17a1e6;}
.board_list_table_qna tr {padding:6px 0; border-bottom:1px solid #afafaf; background-color:#f5f5f5; color:#333;}
.board_list_table_qna td {padding:6px 0; text-align:center; border-bottom:1px solid #d9d9d9; color:#666;}
.board_list_table_qna td a {color:#333;}
.board_list_table_qna td.td_title {padding:6px; text-align:left;}

.board_list_page {padding:20px 0;}
.board_list_page ul {text-align:center;}
.board_list_page li {display:inline-block;}
.board_list_page li a {display:block; width:auto; height:30px; line-height:28px; color:#333; background-color:#fff; border:1px solid #ccc; padding:0 10px; box-sizing:border-box;}
.board_list_page li a:hover {color:#fff; background-color:#333; border:1px solid #333;}
.board_list_page li a.on {color:#fff; background-color:#333; border:1px solid #333;}

.board_list_bottom {height:50px;}
.board_list_search {float:left;}
.board_list_search select {height:28px; padding-left:4px;}
.board_list_search input[type=text] {height:28px; border:1px solid #afafaf; padding-left:6px;}
.board_list_search img {vertical-align:middle;}
.board_list_btn {float:right; padding-right:5px;}


.board_view_table {width:100%; border-top:2px solid #000;}
.board_view_table th {padding:12px 0; color:#163585;  border-right:1px solid #afafaf;border-bottom:1px solid #afafaf; font-weight:normal}
.board_view_table td:last-child, .board_view_table th:last-child{border-right:0}
.board_view_table th.th_name {width:12%;}
.board_view_table th.th_date {width:12%;}
.board_view_table th.th_hits {width:12%;}
.board_view_table td {padding:12px; border-bottom:1px solid #afafaf; border-right:1px solid #afafaf;}
.board_view_table td.td_date {width:18%; text-align:center;}
.board_view_table td.td_hits {width:12%; text-align:center;}
.board_view_table td.td_content {min-height:300px; vertical-align:top;}
.board_view_table td.td_file img {vertical-align:middle;}
.board_view_table td.td_file a {color:#222;}

.board_view_bottom {padding:20px 5px; text-align:right;}


.board_write_table {width:100%; border-top:2px solid #000;}
.board_write_table th {padding:12px 0; color:#163585;  border-right:1px solid #afafaf;border-bottom:1px solid #afafaf; font-weight:normal}
.board_write_table th.th_name {width:14%;}
.board_write_table th.th_pass {width:14%;}
.board_write_table td {padding:12px; border-bottom:1px solid #afafaf; border-right:1px solid #afafaf;}
.board_write_table td:last-child, .board_write_table th:last-child{border-right:0}
.board_write_table td input[type=text] {height:28px; border:1px solid #afafaf; padding-left:6px;}
.board_write_table td input[type=password] {height:28px; border:1px solid #afafaf; padding-left:6px;}
.board_write_table td.td_name input[type=text] {width:200px;}
.board_write_table td.td_title input[type=text] {width:100%; height:30px; box-sizing:border-box;}
.board_write_table td.td_content textarea {width:100%; height:400px; border:1px solid #afafaf; padding:6px; box-sizing:border-box;}
.board_write_table td.td_file input[type=file] {width:80%; height:30px; box-sizing:border-box;}
.board_write_table td.td_pass input[type=password] {width:120px;}
.board_write_table td.td_pass span {font-size:12px; color:#666;}


.history_wrap {padding-bottom:22px;}
.history_wrap > ul > li {position:relative; padding-bottom:50px;}
.history_wrap > ul > li:before {position:absolute; top:22px; width:2px; height:100%; background:#e6e6e6; content:'';}
.history_wrap > ul > li:nth-child(odd) {margin-left:50%; padding-left:40px;}
.history_wrap > ul > li:nth-child(odd):before {left:-1px;}
.history_wrap > ul > li:nth-child(even) {margin-right:50%; padding-right:40px; text-align:right;}
.history_wrap > ul > li:nth-child(even):before {right:-1px;}
.history_wrap > ul > li h4 {position:relative; margin-bottom:14px; font-size:36px; font-weight:500; color:#177ee5;}
.history_wrap > ul > li h4:before {position:absolute; top:50%; width:12px; height:12px; margin-top:-6px; background:#00b6f2; border-radius:100%; content:''; z-index:1;}
.history_wrap > ul > li:nth-child(odd) h4:before {left:-46px;}
.history_wrap > ul > li:nth-child(even) h4:before {right:-46px;}
.history_wrap > ul > li dl {overflow:hidden; font-size:16px;}
.history_wrap > ul > li dl dd {line-height:1.5; padding:3px 0;}


.product_img{text-align:center;}