@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/* 초기화 셋팅 */

body, div, p, a, img, ul, ol, li, table, caption, tr, td, th, h1, h2, h3, h4, h5, span, dl, dt, dd {margin:0; padding:0;}
html{overflow-y:scroll;}
ul {list-style:none;}
img {border:0;}

/* Basic Set-기본셋팅 */

body {width:100%; height:100%; background:#fff; font-family:"Noto Sans KR","Roboto","맑은 고딕", "Nanum Square", "Malgun Gothic", "Nanum Gothic", Dotum, 돋움, gulim, 굴림, Helvetica, sans-serif;  font-size:17px; color:#333333; line-height:30px }
table {font-family:"Noto Sans KR","Roboto","맑은 고딕", "Nanum Square", "Malgun Gothic", "Nanum Gothic", Dotum, 돋움, gulim, 굴림, Helvetica, sans-serif;   font-size:17px; color:#626262; border-collapse:collapse; }
a {text-decoration:none;color:#626262; }
a:visited, a:hover {text-decoration:none; }


.tm { position:absolute; top:13px; right:0px; font-size:12px}
.tm:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
.tm p {float:left; color:#6a6a6a; line-height:1.2em;text-align:right  }
.tm p a {color:#6a6a6a; padding:0 15px; }
.tm span.line {display:inline-block; padding:0 15px; }


.prost{float:left; text-align:center; padding:30px 0;}

.hi {}
.hi h3 {color:#5f5f5f !important; font-size:32px !important; font-weight:normal; margin-bottom:30px;  line-height:40px;}
.hi h3 span{color:#525da0;font-weight:bold}
.hi ul span{float:right;margin-top:50px;}

/* 구조 셋팅 */
#header {width:100%; min-width:1100px; position:relative;}
#header:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#container {width:1100px; position:relative;  margin:50px auto;}
#container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#container_mi {width:1100px; position:relative; margin:50px auto 100px auto; z-index:100;  }
#container_mi  h3{font-size:45px; text-align:center; color:#023b70;font-weight:normal; padding:20px 0 20px 0}
#container_mi  h4{font-size:22px; text-align:center; font-weight:normal; padding:10px 0 40px 0}


.pro{width:230px; height:400px; border: solid 1px #dadada; padding:10px; float:left}
.pro p{text-align:center; margin:30px 0 }

.protit1{ text-align:center; font-size:25px; color:#000000; font-weight:600}
.protit2{text-align:center; color:#7b7b7b  }
.protit3{text-align:center;margin-top:30px; }
.protit3 a{background:#00abd9; color:#FFFFFF; padding:5px 12px;}
.protit3 a:hover{background:#0092b9}

#container_mi:after {content:""; height:0; clear:both; display:block; visibility:hidden; background:url(/img/subbg.png)  repeat-y}
#container_down {width:100%;min-width:1100px; position:relative; background:#f4f4f4}
#container_down:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#sub_container {width:100%;min-width:1100px;  margin-bottom:50px;}
#sub_container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#footer {width:100%; min-width:1100px; position:relative;}
#footer:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer div.tail {width:1100px; margin:0 auto; padding:30px 0px; color:#505050; line-height:28px; }
#footer div.tail:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer div.tail p.copy {float:left; width:1100px;}
#footer div.tail p.copy b{font-weight:600; color:#fff}
#footer img{float:left; margin-right:30px;}

/*top menu*/
.topbanner{position:absolute; right:0px; top:20px;}

div.tm { position:absolute; top:15px; right:0px; font-size:14px}
div.tm:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
div.tm p {float:left; color:#6a6a6a; line-height:1.2em; }
div.tm p.line {padding:0 13px; }
div.tm p a {color:#6a6a6a; }

div.tm span.line {display:inline-block; padding:0 15px; }

.mainmap { background:url(/img/bg_top_2.png) repeat-x}

.hiphoto{ float:left; margin-right:50px;}
.hi1{color:#ab7e3c; font-size:30px; line-height:70px;font-weight:600}
.hi2{color:#000; font-size:20px;}

.tmenu {margin:auto 0 ; position:relative; }
.tmenu li {float:left; text-align:center; margin-right:10px;background:#44a632; margin-bottom:20px; width:49%}
.tmenu li.last {margin-right:0 !important;} 
.tmenu li a {color:#ffffff;display:block;padding:10px 50px; font-weight:600;font-size:15px;}
.tmenu li.active { background:#ffffff;  border:solid 1px #44a632 !important;} 
.tmenu li.active a{color:#44a632 !important;}
.tab-area {width:100%; padding-top:80px; line-height:23px}

.tablest2{margin-bottom:50px; }
.tablest2 tr td{text-align:center;  border:solid 1px #e2e2e2;padding:8px;  }
.tablest2 tr td a{color:#000; }
.tablest2 tr td a:hover{color:#FF3300; }

.mainbanner{ margin:50px auto;width:1100px; }
/*gnb*/
#topmenu{margin:0 auto; width:1100px; height:125px; position:relative}
.subBg{position:absolute;left:0;top:0px;width:100%;height:35px;display:none; }
#gnbarea{position:absolute;right:0;top:35px;}
.gnb > li{float:left;}
.gnb > li > a{margin:0  20px ;}
.gnb > li > a.last{margin-right:0;padding-right:0;}
.gnb > li > a:hover,.gnb > li > a:focus,.gnb > li > a.current{color:#007dab;}

.gnb .subWrap{display:none; z-index:5;}
.gnb .subWrap li{ font-size:14px; width:210px; border-bottom:solid 1px #1282bf; }
.gnb .subWrap li a{padding:5px; display:block }
.gnb .subWrap li a:hover,.gnb .subWrap li a:focus{color:#fff; background:#6ec0ea }

.gnb .subWrap.sub01{position:absolute; background-color:#299ddc;  left:20px;}
.gnb .subWrap.sub01 a {color:#fff; }

.gnb .subWrap.sub02{position:absolute; background-color:#299ddc; left:160px;}
.gnb .subWrap.sub02 a {color:#fff; }

.gnb .subWrap.sub03{position:absolute; background-color:#299ddc;  left:290px;}
.gnb .subWrap.sub03 a {color:#fff; }

.gnb .subWrap.sub04{position:absolute; background-color:#299ddc;  left:430px;}
.gnb .subWrap.sub04 a {color:#fff; }

.gnb .subWrap.sub05{position:absolute; background-color:#299ddc; left:680px;}
.gnb .subWrap.sub05 a {color:#fff; }


.sang{background:url(/img/sub1044.png) no-repeat; height:242px; }
.sang ul {padding:45px 0  0 230px;}

.bluebox{background:#dff6f8;padding:15px; margin-top:10px;}
.graybox{background:#f4f4f4;padding:25px 30px; margin-top:10px;}
.graybox h2{color:#ff6000; font-size:20px;}

/*main vs*/
#mainVs_wrap {position:relative; height:690px; width:100%; min-width:1100px; background:#d5e0f6}
#mainVs {width:100%; position:relative; height:690px; text-align:center; min-width:1100px}
#mainVs .bx-wrapper .bx-prev {left:40px;background: url(/img/left_bot1.png) no-repeat;}
#mainVs .bx-wrapper .bx-next {right:40px;background: url(/img/right_bot1.png) no-repeat;}

.vs001 {width:100%; height:690px; background:url(/img/vs003.png) no-repeat center top; min-width:1100px; position:relative}
.vs001 span{text-align:center; position:absolute;left:0px;  top:300px; color:#FFFFFF; font-size:45px; letter-spacing:-0.5px; font-weight:normal ;width:100%; line-height:1.3;}

.vs002 {width:1100px; height:690px; background:url(/img/vs002.png) no-repeat center top; min-width:1100px; position:relative}
.vs002 span{text-align:center; position:absolute; left:0px; top:300px; color:#FFFFFF; font-size:45px; letter-spacing:-0.5px; font-weight:normal ;width:100%; line-height:1.3;}

.vs003 {width:1100px; height:690px; background:url(/img/vs001.png) no-repeat center top; min-width:1100px; position:relative}
.vs003 span{text-align:center; position:absolute; left:0px; top:300px; color:#FFFFFF; font-size:45px; letter-spacing:-0.5px; font-weight:normal ;width:100%; line-height:1.3;}

#mainContent {width:1100px; margin:0 auto;  position:relative; } 
#mainContent:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#mainContent_mi {width:1100px; margin:0 auto;  position:relative; } 

#mainContent_down {width:1100px; margin:0 auto;  position:relative; } 
#mainContent_down:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

.cont_left {float:left; text-align:center; padding-bottom:60px;}

.cont_right { width:100%;; text-align:center; background:#f4f4f4}
.spe {}

.online {position:absolute; left:1190px; top:110px}
.cont_right .more {text-align:center; margin-top:20px;}
.cus {float:left !important; }

.h4st{font-size:20px; font-weight:600; color:#ee2d3d; padding:0 0 10px 0 }
.tablest{ border-top: solid 2px #ee2d3d;}
.tablest tr th{background:#ecf3fd;  padding:5px; color:#ee2d3d; border-right:solid 1px #d0def2;}
.tablest tr td{ border:solid 1px #e3e3e3; padding:2px 5px;}
.tablest tr td.bgst{background:#f6f6f6; text-align:center; font-weight:600; color:#000000}
.tablest tr td.data{text-align:center;font-weight:600;}

#footer div.tail p.foot {float:left}

.mainboard{ width:420px; float:right;}
.mainboard ul li{background:url(img/icon.png) no-repeat 5px; padding-left:20px; }
.mainboard ul li a{color:#676767}

/*notice*/
dl.notice dd {padding-top:15px; }
dl.notice dd div.lt ul li {background:url(/img/noti_bul.jpg) 0 11px no-repeat; padding:5px 10px 5px 10px; }
dl.notice dd div.lt ul li a {color:#555555; font-size:14px; }
dl.notice dd div.lt ul li span.date {display:inline-block; color:#555555; float:right; font-size:14px;}

#subContent{width:1100px; margin:0 auto; }
#subContent:after {content:""; height:0; clear:both; display:block; visibility:hidden;}
#subContent h3{font-size:25px; margin-top:50px; color:#00b1de;  }



/* sub */

.submenu{clear:both; width:220px; float:left; z-index:10}
.submenu h2{ font-size:30px; color:#525da0; margin-bottom:20px; padding:40px 0 30px 0; border-bottom:solid 1px #525da0}
.submenu ul li{ font-size: 16px; letter-spacing:-1px}
.submenu ul li a{color:#333; display:block; padding:5px;}
.submenu ul li.on{border-bottom: none;  background:#f6f6f6;font-weight:600 }
.submenu ul li.on a{color:#000}


.s_tit { float:left; font-size:30px;  color:#000000; border-bottom:solid 1px #ddd; padding:0 0 30px 0; width:830px; margin-bottom:50px;}
.subContentm{ float:right;width:830px; margin:38px 0 }

.substplus{width:1100px; float:left; padding:30px 0}
.substplus ul li{width:33%; border:solid 1px #ddd; text-align:center; float:left; padding:13px; background:#f6f6f6}
.substplus ul li.on{border-bottom:none; background:#FFFFFF }
.substplus ul li.on a{color:#9c7336}

.slide-area {width:1100px;position:relative; margin:0 auto; padding:20px 0}
.jcarousel-skin-tango {width:100%;}
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 50%;right: 0px;width: 28px;height: 38px;  margin-top:-32px;cursor: pointer;background:url(img/btn_next.png) no-repeat center center;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 50%;left: 0px;width: 28px;height: 38px;   margin-top:-32px;cursor: pointer;background:url(img/btn_pre.png) no-repeat center center;}

.jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal { margin:0 auto;padding:0px 60px;}
.jcarousel-skin-tango .jcarousel-clip {overflow: hidden;}
.jcarousel-skin-tango .jcarousel-item {}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0; margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px; margin-right: 0;}


#sub_vs_wrap {width:100%; min-width:1100px; position:relative; background:#d5e0f6 url(/img/subvs_back1.jpg) no-repeat center top; height:225px;  }
#sub_vs_wrap:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#sub_vs_wrap1 {width:100%; min-width:1100px; position:relative; background:#d5e0f6 url(/img/subvs_back1.jpg) no-repeat center top; height:225px;  }
#sub_vs_wrap1:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

.btnst{padding:30px 0; text-align:center; width:100%}
#sub_vs {width:1100px;padding:50px 0; font-size:40px; text-align:center}

#sub_vs:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

.box{border:solid 1px #ddd;  width:1100px;}

.titbox{ background:#f5f5f5;float:left; width:100%; margin:20px 0 40px 0; }

.titbox ul li{float:left; text-align:center; width:25%;}
.titbox ul li a {display:block;padding:5px; color:#080808}
.titbox ul li a.on{color:#1f4b9c; text-decoration:underline}

.productv {margin-top:50px;height:520px; }
.productv p{ float:left; width:650px;}
.productv p img{width:600px; height:410px;}
.productv  ul { line-height:22px;}
.productv  ul span{background:#3f3f3f; color:#FFFFFF; padding:10px 20px; }
.productv  ul li{margin-top:20px;}


.tt{background:#3f3f3f; color:#FFFFFF; padding:10px 20px; }


.simg{width:147px; height:100px; float:left ; margin-right:20px;}

.phototext{ padding-top:50px; float:left}

.boardmain-wrap{width:100%;background:url(/img/customer2.png) repeat-x; height:643px;}
.boardmain{width:1100px;margin:auto;}
.boardmainin{margin:0 auto; width:1100px; padding:200px 0 0px 0}
.boardmainbox{float:left; background:#FFFFFF; padding:35px; width:480px; height:270px; line-height:35px;}
.boardmainbox h3{font-size:27px; position:relative; padding-bottom:30px;}
.boardmainbox h3 span{position:absolute; right:0px; top:0px;}

.history {margin:50px 0 100px 0; border-top:solid 1px #ddd; }
.history th.year{font-size:40px; font-weight:normal; vertical-align:top; padding-top:30px; color:#b38848}

.history th{color:#000000; padding-top:30px; }
.history td{color:#b38848; line-height:40px;padding-top:30px; }
.change-mobile a{display:block;width:100%;height:150px;margin:50px auto;border:10px solid #000;border-radius:50px;line-height:150px;font-size:80px;text-align:center;color:#000;font-weight:bold;}




.m_classst1{ width:366px; height:365px; background:url(/img//m_classst1.png) no-repeat; float:left; text-align:center; color:#FFFFFF}
.m_classst1 h3{ font-size:20px; padding:70px 0 10px 0}
.m_classst1 a{display:block; border:solid 1px #fff; padding:3px 5px; margin:20px auto ; width:30%; color:#FFFFFF; font-size:16px } 
.m_classst1 a:hover{background:#FFFFFF; color:#999999}


.m_classst2{ width:366px; height:365px; background:#5674ba; float:left; text-align:center; color:#FFFFFF}
.m_classst2 h3{ font-size:20px; padding:100px 0 10px 0}
.m_classst2 a{display:block; border:solid 1px #fff; padding:3px 5px; margin:20px auto ; width:30%; color:#FFFFFF; font-size:16px } 
.m_classst2 a:hover{background:#FFFFFF; color:#999999}


.m_classst3{ width:366px; height:365px; background:url(/img//m_classst3.png) no-repeat; float:left; text-align:center; color:#FFFFFF}
.m_classst3 h3{ font-size:20px; padding:70px 0 10px 0}
.m_classst3 a{display:block; border:solid 1px #fff; padding:3px 5px; margin:20px auto ; width:30%; color:#FFFFFF; font-size:16px } 
.m_classst3 a:hover{background:#FFFFFF; color:#999999}


.m_classst4{ width:366px; height:365px; background:#7aa8e4; float:left; text-align:center; color:#FFFFFF}
.m_classst4 h3{ font-size:20px; padding:70px 0 10px 0}
.m_classst4 a{display:block; border:solid 1px #fff; padding:3px 5px; margin:20px auto ; width:30%; color:#FFFFFF; font-size:16px } 
.m_classst4 a:hover{background:#FFFFFF; color:#999999}


.m_classst5{ width:366px; height:365px; background:url(/img//m_classst5.png) no-repeat; float:left; text-align:center; color:#FFFFFF}
.m_classst5 h3{ font-size:20px; padding:70px 0 10px 0}
.m_classst5 a{display:block; border:solid 1px #fff; padding:3px 5px; margin:20px auto ; width:30%; color:#FFFFFF; font-size:16px } 
.m_classst5 a:hover{background:#FFFFFF; color:#999999}


.m_classst6{ width:366px; height:365px; background:#0e427c; float:left; text-align:center; color:#FFFFFF}
.m_classst6 h3{ font-size:20px; padding:100px 0 10px 0}
.m_classst6 a{display:block; border:solid 1px #fff; padding:3px 5px; margin:20px auto ; width:30%; color:#FFFFFF; font-size:16px } 
.m_classst6 a:hover{background:#FFFFFF; color:#999999}


.bx-prev,.bx-next{display:none;}