@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);



#rapper {width:100%;margin:0 auto;}
#header {width:100%;font-family: 'Noto Sans KR', sans-serif;}

.flexslider5 {position:relative;}
.flexslider5 li {position:relative;}
.flexslider5 li img {width:100%;}
.flexslider5 .flex-direction-nav  {display:none;}
.flexslider5 .flex-control-paging {display:inline-block;text-align:center;position:absolute;bottom:10px;left:0;z-index:8800;width:100%;}
.flexslider5 .flex-control-paging li {display:inline-block;}
.flexslider5 .flex-control-paging li a {display:inline-block;margin:0 2px;width:7px;height:7px;background:#fff;border-radius:100%;text-indent:-9999px;}
.flexslider5 .flex-control-paging li  a.flex-active {background:red;}

.flexslider6 {position:relative;}
.flexslider6 li {position:relative;}
.flexslider6 li img {width:100%;}
.flexslider6 .flex-direction-nav  {display:none;}
.flexslider6 .flex-control-paging {display:inline-block;text-align:center;position:absolute;bottom:10px;left:0;z-index:8800;width:100%;}
.flexslider6 .flex-control-paging li {display:inline-block;}
.flexslider6 .flex-control-paging li a {display:inline-block;margin:0 2px;width:7px;height:7px;background:#fff;border-radius:100%;text-indent:-9999px;}
.flexslider6 .flex-control-paging li  a.flex-active {background:red;}

.flexslider7 {position:relative;width:250px;display:block;}
.flexslider7:after {content:".";height:0;font-size:0;display:block;clear:both;}
.flexslider7 li {position:relative;}
.flexslider7 li img {width:100%;}
.flexslider7 .flex-direction-nav  {display:none;}
.flexslider7 .flex-control-paging {display:inline-block;text-align:center;position:absolute;bottom:10px;left:0;z-index:8800;width:100%;}
.flexslider7 .flex-control-paging li {display:inline-block;}
.flexslider7 .flex-control-paging li a {display:inline-block;margin:0 2px;width:7px;height:7px;background:#fff;border-radius:100%;text-indent:-9999px;}
.flexslider7 .flex-control-paging li  a.flex-active {background:red;}


@media all and (min-width:768px){
.mmap {display:none;}
.pro1-thumbox {float:left;}
.topbar {background:#f6f6f6;height:30px;}
.topbar ul {float:right;padding-top:5px;}
.topbar li {background: url(../image/common/bg_topbar.gif) no-repeat left center;padding-left:10px;margin-left:10px;float:left;font-size:11px;}
.topbar li a {color:#6b6e6f;}
.topbar li:first-child {background:none;margin-left:0;padding-left:0;}
.innerbox {width:1199px;margin:0 auto;}

.gnbarea {background:#FFFFFF;height:73px;border-bottom:1px solid #dcdee3;}
.logo {float:left;padding-top:13px;margin-left:13px;}

.gnb{height:45px; float:right;padding-top:26px;}
.gnb>ul>li{position:relative; z-index:20;  float:left; }
.gnb>ul>li:first-child{padding-left:0; }
.gnb>ul>li>a {position:relative;color:#454545; padding:0 40px 20px 40px; display:block; font-size:20px;font-family: 'Noto Sans KR', sans-serif;}

.gnb>ul>li:hover .gnb_2dep{display:block;}
.gnb>ul>li:hover>a {display:block;color:#589aca;}
.gnb_2dep{position:absolute; top:46px;left:50%; margin-left:-75px; width:150px; z-index:35; background-color:#fff; display:none;}
.gnb_2dep>ul{padding-top:10px; padding-left:20px;padding-bottom:10px; box-sizing:border-box;}
.gnb_2dep>ul:hover{background-color:#fff;}
.gnb_2dep>ul:first-child:hover{background-color:#fff;}
.gnb_2dep>ul>li{ line-height:30px }
.gnb_2dep>ul>li>a {margin-bottom:2px; display:block;font-size:14px;}
.gnb_2dep>ul>li>a:hover {color:#589aca;}
.gnb_2dep>ul:first-child{background:none;}

#slide-area {width:100%;position:relative;}
.flexslider .flex-control-paging {display:inline-block;text-align:center;width:100%;position:absolute;bottom:50px;left:0;}
.flexslider .flex-control-paging li {display:inline-block;margin:0 3px;}
.flexslider .flex-control-paging li a {text-indent:-9999px;display:block;width:17px;height:16px;background: url(../image/common/dot.png) no-repeat;}
.flexslider .flex-control-paging li a.flex-active {text-indent:-9999px;display:block;width:17px;height:16px;background: url(../image/common/dot_on.png) no-repeat;}

.flexslider  .flex-nav-prev a {width:41px;height:60px;background: url(../image/common/btn_left.png) no-repeat;display:block;left:10%;top:50%;margin-top:-30px;position:absolute;text-indent:-9999px;}
.flexslider  .flex-nav-next a {width:41px;height:60px;background: url(../image/common/btn_right.png) no-repeat;display:block;right:10%;top:50%;margin-top:-30px;position:absolute;text-indent:-9999px;}




.innertext-slide {width:1190px;margin:0 auto;position:relative;}
.innertext-slide .visual-text {position:absolute;left:0;top:0;font-family:'Noto Sans Korean';padding-top:220px;font-weight:normal;}
.innertext-slide .visual-text p.text {color:#19224d;font-size:30px;line-height:120%;}
.innertext-slide .visual-text h4 {color:#19224d;font-size:48px;line-height:120%;font-weight:normal;margin-top:20px;}
.innertext-slide .visual-text p.text2 {color:#fff;font-size:50px;line-height:120%;margin-top:10px;font-family:arial;font-weight:normal;}
.innertext-slide .visual-text p.btn-area {margin-top:20px;} 





.btn-bn,
.btn-bn:visited,
.btn-bn:link {background:#589aca url(../image/common/btn_arrow.png) no-repeat 88% center;color:#fff;display:inline-block;padding:15px 50px 15px 30px;font-size:16px;}




.maincontent {width:100%;}

.main-iconarea {width:1190px;margin:0 auto;padding:50px 0;}
.main-iconarea li {float:left;text-align:center;width:25%;}
.main-iconarea li .icon {display:block;}
.main-iconarea li h4 {color:#19224d;font-size:20px;margin-top:10px;}
.main-iconarea li p {font-size:12px;color:#767676;margin-top:10px;}

.boardarea {width:100%;background:#f8f8f8;padding:50px 0;}
.noticebox {position:relative;width:286px;float:left;}
.noticebox h4 {font-size:23px;color:#3c3c3c;}
.noticebox .more {position:absolute;right:0;top:2px;}
.noticebox .mainnotice-list {margin-top:34px;}
.noticebox .mainnotice-list li {margin-bottom:10px;background: url(../image/common/icon_dot.gif) no-repeat left center;padding-left:8px;}
.noticebox .mainnotice-list li a {font-size:14px;color:#666666;letter-spacing:-0.04em;}

.mediaroom-box {float:left;width:440px;margin-left:90px;}
.mediaroom {width:336px;margin:0 auto;position:relative;}
.mediaroom h4 {font-size:23px;color:#3c3c3c;}
.mediaroom  .more {position:absolute;right:0;top:2px;}

.flexslider2 {margin-top:34px;}
.flexslider2 .flex-control-paging {display:inline-block;text-align:right;width:100%;position:absolute;top:10px;right:0;}
.flexslider2 .flex-control-paging li {display:inline-block;margin:0 3px;}
.flexslider2 .flex-control-paging li a {text-indent:9999px;width:11px;height:11px;background: url(../image/common/main_dot2.jpg) no-repeat;position:relative;overflow:hidden;}
.flexslider2 .flex-control-paging li a.flex-active {text-indent:9999px;background: url(../image/common/main_dot2_on.jpg) no-repeat;position:relative;overflow:hidden;}
.flexslider2 .slides li a img{ width:336px; height:202px;}
.flexslider2  .flex-nav-prev a {width:41px;height:60px;background: url(../image/common/btn_media_left.jpg) no-repeat;display:block;left:-56px;top:50%;margin-top:-25px;position:absolute;text-indent:-9999px;}
.flexslider2  .flex-nav-next a {width:41px;height:60px;background: url(../image/common/btn_media_right.jpg) no-repeat;display:block;right:-56px;top:50%;margin-top:-25px;position:absolute;text-indent:-9999px;}



.flexslider3 {margin-top:34px;}
.flexslider3 .flex-control-paging {display:inline-block;text-align:right;width:100%;position:absolute;top:10px;right:0;}
.flexslider3 .flex-control-paging li {display:inline-block;margin:0 3px;}
.flexslider3 .flex-control-paging li a {text-indent:9999px;width:11px;height:11px;background: url(../image/common/main_dot2.jpg) no-repeat;position:relative;overflow:hidden;}
.flexslider3 .flex-control-paging li a.flex-active {text-indent:9999px;background: url(../image/common/main_dot2_on.jpg) no-repeat;position:relative;overflow:hidden;}
.flexslider3 .slides li a img{ width:336px; height:202px;}
.flexslider3  .flex-nav-prev a {width:41px;height:60px;background: url(../image/common/btn_media_left.jpg) no-repeat;display:block;left:-56px;top:50%;margin-top:-25px;position:absolute;text-indent:-9999px;}
.flexslider3  .flex-nav-next a {width:41px;height:60px;background: url(../image/common/btn_media_right.jpg) no-repeat;display:block;right:-56px;top:50%;margin-top:-25px;position:absolute;text-indent:-9999px;}

.portf-list {width:940px; float:right}
.portf-list > ul > li {width:260px;height:260px;  float:left; text-align:center; margin:10px;}
.portf-list > ul > li > a > img{ width:260px; height:260px; border:solid 1px #ccc;}
.portf-list > ul > li > span{ padding:5px 0;}



.cs-center {float:right;width:338px;position:relative;}
.cs-center  h4 {font-size:23px;color:#3c3c3c;}
.cs-center   .more {position:absolute;right:0;top:2px;}
.cs-center .cs {margin-top:34px;}

.bottomarea {width:100%;background:#283b49;border-bottom:1px solid #415462;}
.bottomarea p {height:30px;width:1190px;margin:0 auto;color:#ffffff;line-height:30px;font-family:'¸¼Àº °íµñ','Malgun Cothic';}
.bottommenu {background:#283b49;border-bottom:1px solid #415462;padding:20px 0;}
.bottommenu > ul {width:1190px;margin:0 auto;}
.bottommenu > ul > li {float:left;margin-right:100px;}
.bottommenu > ul > li h3 {font-size:15px;color:#dedede;}
.bottommenu > ul > li > ul {margin-top:10px;font-weight:normal;}
.bottommenu > ul > li > ul > li > a {line-height:19px;color:#dedede;}
.bottommenu  ul  li a {color:#dedede;}

#footer {width:100%;background:#283b49;padding:30px 0;clear:both}
.blogo {float:left;}
.copy {float:right;color:#dedede;text-align:right;line-height:145%;}

/* subpage */
.sub-visual img {width:100%;}
.location {border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;}
.localNav {width:1190px;margin:0 auto;border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;}
.localNav > p {height:33px; padding:0px; }
.localNav > p, .localNav > p > span, .menuLink {float:left; }
.sp_home {width:46px;text-align:center;height:33px;border-left : 1px solid #dedcdf; border-right: 1px solid #dedcdf; box-sizing: border-box;}
.sp_home img {padding-top:10px;}
.menuLink {padding-top: 8px; padding-left: 15px;height: 33px; position:relative; vertical-align:top; z-index:10; padding-right:60px; border-right: 1px solid #dedcdf; box-sizing: border-box;
			background: url(../image/sub/icon_arrow.jpg) no-repeat 90% center;  }
.menuLink .menu {display: none;position:absolute; top:33px; left:0px; padding:0px; border:1px solid #ccc; background:#fff; width:1505px; min-width:160px; overflow-x:hidden; overflow-y:auto; z-index:1030;  box-sizing: border-box;}
.menuLink .menu li{height: 30px;}
.menuLink a {    font-size: 14px;}
.invi-current{cursor: pointer;}
.invi-current > a{color: #5a5d65 !important; font-size: 14px; font-weight: bold; }
.invi-current > a:hover{ text-decoration: underline;}
.menuLink .invi-current-last {background:none !important;}
.menuLink .menu a {position:relative;display:block; white-space:nowrap; white-space:normal; font-size:12px; padding:8px 10px; background:#fff; line-height:1.2; letter-spacing:-1px; z-index:1030;}
.menuLink .menu a:hover, .menuLink .menu li.hover a:hover {color:#fff; text-decoration:none; background:#3853a4;;}
.menuLink .menu li.on a {color:#fff; text-decoration:none; background:#3853a4;;} 
.menuLink .menu li.two-dep:hover a {color:#fff; text-decoration:none; background:#3853a4;} 

.page-title { width:940px;float:right; background: url(../image/sub/bg_sub_tit.gif) no-repeat left top;padding-top:40px;margin-top:30px;}
.page-title h3 {font-size:40px;letter-spacing:-0.05em;color:#000;}
.page-title p {margin-top:10px;color:#3f3f3f;font-size:19px;letter-spacing:-0.05em;}
.page-title p.small {font-size:14px !important;margin-top:2px;}

.cont {padding:30px 0 50px 0; width:940px; float:right; }
.cont  .ogaz {text-align:center;padding:90px 0 30px 0;}

.page-subtitle {padding-top:100px;background: url(../image/sub/bg_title_line.gif) no-repeat left bottom;padding-bottom:15px;}
.page-subtitle h3 {font-size:28px;letter-spacing:-0.05em;color:#4a4949;}
.page-subtitle p {color:#3f3f3f;font-size:19px;letter-spacing:-0.05em;}


.job-table {border-top:2px solid #3b87bd;margin-top:40px;margin-bottom:50px;}
.job-table th {background:#ecf2f4;font-size:15px;color:#000000;height:44px;vertical-align:middle;text-align:center;border-left:1px solid #000000;font-weight:bold;letter-spacing:-0.05em;}
.job-table td {font-size:14px;color:#636363;padding:9px 0;vertical-align:middle;text-align:center;border-bottom:1px solid #000000;border-left:1px solid #000000;letter-spacing:-0.05em;}
.job-table td.left {padding-left:50px;text-align:left;}
.job-table th:first-child {border-left:0;}
.job-table td:first-child {border-left:0;}

/* ¿¬Çõ */
.history-list > li {border-bottom:1px solid #ececec;padding-top:20px;position:relative;}
.history-list > li .img {position:absolute;right:0;top:20px;}
.history-list > li > h4 {color:#094d7e;font-size:40px;position:absolute;left:10px;top:10px;}
.history-list > li > ul {margin-left:242px;padding:0 0 20px 0;}
.history-list > li > ul > li {font-size:15px;color:#636363;padding:3px 0;}
.history-list > li > ul > li span {color:#094d7e;font-size:16px;font-weight:bold;width:30px;}

.abou-combox {margin-top:10px;background:#f9fafb;border-top:1px solid #b8dce8;border-bottom:1px solid #b8dce8;padding:27px 0;}
.abou-combox li {width:19.5%;float:left;text-align:center;border-left:1px solid #b8dce8;font-weight:bold;}
.abou-combox li h4 {text-align:center;color:#d53117;font-size:15px;}
.abou-combox li .icon {display:block;margin:5px 0 12px 0;}
.abou-combox li .name {font-size:16px;color:#000000;font-weight:normal;}
.abou-combox li:first-child {border-left:0;}


.noline-table {margin-top:30px;}
.companyinfo {margin-left:10px;padding:30px 20px;width:340px; height:110px; background:#f1f1f1}
.companyinfo h5 {font-size:14px;color:#000000;}
.companyinfo p {margin-top:1px;color:#000000;font-size:13px;letter-spacing:0.01em;}
.companyinfo p.btn {margin-top:10px;}

.graybox {background:#f9fafb;border:1px solid #d7dee4;width:582px;padding:20px 0 15px 0;}
.graybox .grayinnerbox {padding:0 20px;}
.graybox .grayinnerbox .bottom-area ul {float:left;margin-top:10px;}
.graybox .grayinnerbox .bottom-area  ul li {font-size:14px;color:#000000;margin-bottom:5px;}
.graybox .grayinnerbox .bottom-area p {float:right;margin-top:10px;}


.noline-table2 td {border-bottom:1px solid #d0dae1;vertical-align:middle;padding-bottom:10px;letter-spacing:-0.05em;}
.noline-table2 td h4 {color:#0068b3;font-size:22px;}
.noline-table2 td  p {color:#000000;font-size:15px;margin-top:2px;}

.graylinebox {background:#f9fafb;border:1px solid #d7dee4;margin-top:30px;padding:25px 0;}
.graylinebox > ul >  li.icon01 {border-right:1px solid #abc2dd;width:49%;float:left;background: url(../image/sub/icon_cerp05.gif) no-repeat 59px center;}
.graylinebox > ul >  li.icon01 > ul {margin-left:175px;}
.graylinebox > ul >  li.icon01 > ul > li {background: url(../image/sub/icon_dot2.gif) no-repeat left center;padding-left:8px;font-size:15px;margin-top:30px;color:#000000;}
.graylinebox > ul >  li.icon01 > ul > li > strong {width:160px;}
.graylinebox > ul >  li.icon02 {width:49%;float:left;background: url(../image/sub/icon_cerp06.gif) no-repeat 59px center;}
.graylinebox > ul >  li.icon02 > ul {margin-left:155px;}
.graylinebox > ul >  li.icon02 > ul > li {background: url(../image/sub/icon_dot2.gif) no-repeat left 8px;padding-left:8px;font-size:15px;margin-top:30px;color:#000000;}
.graylinebox > ul >  li > ul > li:first-child {margin-top:0;}
.graylinebox > ul >  li.icon02 > ul > li > strong {width:130px;}
.graylinebox > ul >  li.icon02 > ul > li  .sml {font-size:12px;margin-top:1px;margin-left:140px;}


/* ÆÄÆ®³Ê ¸®½ºÆ® */
.parner-list li {float:left;margin:0 24px 24px 0;height:77px;}
.parner-list li.last {margin-right:0;}

.map-detail {clear:both;margin-top:20px;}
.map-detail li {float:left;margin-left:20px;}
.map-detail li:first-child {margin-left:0;}
.map-detail li.icon01 {background: url(../image/sub/icon_location01.jpg) no-repeat left top;padding-left:70px;}
.map-detail li.icon01 h4 {color:#0c6db4;font-size:16px;line-height:25px;padding-top:2px;}
.map-detail li.icon01 p {color:#3e3e3e;font-size:15px;padding-bottom:15px;}

.map-detail li.icon02 {background: url(../image/sub/icon_location02.jpg) no-repeat left top;padding-left:70px;}
.map-detail li.icon02 h4 {color:#000000;font-size:16px;line-height:25px;padding-top:2px;}
.map-detail li.icon02 p {color:#3e3e3e;font-size:15px;padding-bottom:15px;}
.map-detail li.icon02 p span {color:#0168b3;}

.map-detail li.icon03 {background: url(../image/sub/icon_location03.jpg) no-repeat left top;padding-left:70px;}
.map-detail li.icon03 h4 {color:#000000;font-size:16px;line-height:25px;padding-top:2px;}
.map-detail li.icon03 p {color:#3e3e3e;font-size:15px;padding-bottom:15px;}


.map-detail li.icon03 {background: url(../image/sub/icon_location03.jpg) no-repeat left top;padding-left:70px;}
.map-detail li.icon03 h4 {color:#000000;font-size:16px;line-height:25px;padding-top:2px;}
.map-detail li.icon03 p {color:#3e3e3e;font-size:15px;padding-bottom:15px;}


.map-detail li.noicon p {color:#3e3e3e;font-size:15px;}
.map-detail li.noicon p span {width:50px;text-align:center;border-radius:3px;background:#0068b3;color:#fff;margin-right:5px;font-size:14px;height:22px;line-height:22px;}

.map2 {padding-top:100px;border-top:1px solid #c5c5c5;clear:both;}

.tabmenu {height:51px;background: url(../image/sub/bg_tabmenu.gif) repeat-x left bottom;}
.tabmenu li {width:25%;height:51px;float:left;text-align:center;}
.tabmenu li a {display:block;height:48px;line-height:49px;color:#000000;font-size:18px;border:1px solid #bfbfbf;border-bottom:0;margin-left:-1px;}
.tabmenu li.active a {color:#0068b3;background:#fff;border:2px solid #0068b3;border-bottom:1px solid #fff;}

.certi-list {clear:both;margin-top:20px;}
.certi-list li {float:left;width:299px;margin-bottom:35px;}
.certi-list li .innerbox {margin:0 auto;border-bottom:1px solid #c7c7c7;width:282px;padding-bottom:10px;position:relative;}
.certi-list li  .maskbox a {display:none;}
.certi-list li:hover  .maskbox a {display:block;color:#fff;font-size:18px;padding-top:130px;line-height:30px;}
.certi-list li:hover  .maskbox {background: url(../image/sub/bg_overray.png) no-repeat left top;width:282px;height:403px;position:absolute;left:0;top:0;z-index:1500;display:black;cursor:pointer;text-align:center;}
.certi-list li .innerbox .tit {float:left;width:70%;color:#000;font-size:14px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.certi-list li .innerbox  .data {float:right;font-size:12px;color:#999999;}

.product-info .producimg {float:left;width:540px;}
.product-info .product-textlist {float:left;}
.product-info .product-textlist li {border-bottom:1px dotted #ccc;padding:28px 0;letter-spacing:-0.025em;}
.product-info .product-textlist li h4 {color:#d53117;font-size:18px;}
.product-info .product-textlist li .text {margin-top:5px;color:#000000;font-size:14px;}
.product-info .product-textlist li .cate {margin-top:5px;color:#8d8d8d;font-size:12px;}

.product-gall {text-align:center;margin-top:150px;}
.product-gall h5 {text-align:center;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;padding:10px 10px;display:inline-block;color:#000;font-size:14px;}

.flexslider3 {margin-top:35px; width:960px; float:right}

.flexslider3  ul li{ text-align:center; float:left; margin:18px; width:260px;  }
.flexslider3  ul li span{padding:10px 0}
.flexslider3  ul li a{border:solid 1px #dcdcdc;}
.flexslider3  ul li a img{width:260px; height:260px;}

.flexslider3 .flex-viewport {width:1082px;margin:0 auto;}
.flexslider3 .flex-control-paging {text-align:center;margin-top:20px;}
.flexslider3 .flex-control-paging li {display:inline-block;}
.flexslider3 .flex-control-paging li a {display:block;width:8px;height:8px;background: url(../image/sub/dot_a.jpg) no-repeat left top;text-indent:-9999px;margin:0 2px;}
.flexslider3 .flex-control-paging li a.flex-active {background: url(../image/sub/dot_b.jpg) no-repeat left top;text-indent:-9999px;}
.flexslider3 .flex-prev {width:35px;height:226px;background: url(../image/sub/btn_left.jpg) no-repeat left top;text-indent:-9999px;position:absolute;top:0;left:0;}
.flexslider3 .flex-next {width:35px;height:226px;background: url(../image/sub/btn_right.jpg) no-repeat left top;text-indent:-9999px;position:absolute;top:0;right:0;}

.pageing{clear:both;text-align:center;font-size:14px; padding-top: 40px;    margin-bottom:100px; width:960px; float:right}
.pageing div{padding-top: }
.pageing > a img{}
.pageing > a.prev{background:#ffffff;border: 1px solid #d2d6da;width:36px;text-align:center;  line-height:30px;}
.pageing > a.next{background:#ffffff;border: 1px solid #d2d6da;text-align:center;  line-height:30px;}
.pageing > a.prev:hover, .pageing > a.next:hover{background:none;}


.pageing > a.prev2{background:#ffffff;border: 1px solid #d2d6da;width:36px;text-align:center;  line-height:30px;}
.pageing > a.next2{background:#ffffff;border: 1px solid #d2d6da;text-align:center;  line-height:30px;}
.pageing > a.prev2:hover, .pageing > a.next2:hover{background:none;}


.pageing >  a{  box-sizing: border-box;padding-top: 10px;display:inline; zoom:1; display:inline-block;width:36px;height:36px; line-height:10px;border:1px solid #dddddd;margin-right:1px;color:#333;}
.pageing >  a.current, .pageing > a:hover {background:#fff;color: #2061ab; border: 1px solid #2061ab;}



/* Á¦Ç°¼Ò°³  */
.product-list2 > li {float:left;width:570px;border:1px solid #c8c8c8;margin:0 8px 30px 8px;}
.product-list2 > li .thum {width:284px;height:292px;overflow:hidden;border-right:1px solid #c8c8c8;float:left;}
.product-list2 > li .thum img {width:100%;}
.product-list2 > li .text {padding-left:30px;width:230px;float:left;padding-top:30px;}
.product-list2 > li .text h4 {background: url(../image/sub/product_topbar.gif) no-repeat left top;padding-top:10px;font-size:18px;color:#000000;}
.product-list2 > li .text .subcate {margin-top:5px;color:#2a81c0;font-size:12px;}
.product-list2 > li .text ul {margin-top:20px;}
.product-list2 > li .text ul li {background: url(../image/sub/icon_dot3.gif) no-repeat left 6px;padding-left:8px;color:#3e3e3e;font-size:13px;margin-bottom:5px;}
.product-list2 > li .text .detail_txt {margin-top:10px;color:#767676;font-size:13px;} 

.product-list3 {border-top:1px solid #c8c8c8;}
.product-list3 > li {border-bottom:1px solid #c8c8c8;margin:0 8px 10px 8px;}
.product-list3 > li .thum {width:284px;height:292px;overflow:hidden;float:left;}
.product-list3 > li .thum img {width:100%;}
.product-list3 > li .text {padding-left:30px;width:750px;float:left;padding-top:30px;}
.product-list3 > li .text h4 {background: url(../image/sub/product_topbar.gif) no-repeat left top;padding-top:10px;font-size:18px;color:#000000;}
.product-list3 > li .text .subcate {margin-top:5px;color:#2a81c0;font-size:12px;}
.product-list3 > li .text ul {margin-top:20px;}
.product-list3 > li .text ul li {background: url(../image/sub/icon_dot3.gif) no-repeat left 6px;padding-left:8px;color:#3e3e3e;font-size:15px;margin-bottom:5px;}
.product-list3 > li .text .detail_txt {margin-top:10px;color:#767676;font-size:15px;line-height:145%;} 

.introductaion-tit {font-size:22px;color:#3f3f3f;letter-spacing:-0.05em;line-height:30px;}
.introductaion-tit .blue {color:#114265;}
.introductaion-tit .orange {color:#e55922;}

.introductaion02 {background: url(../image/sub/bg_introducation.jpg) no-repeat right top;color:#545454;font-size:16px;line-height:160%;padding:30px 0; height:357px;}
.introductaion02 .sign {margin-left:0px;margin-top:60px;}

.detail-branchbox {background:#f9fafb;border:1px solid #d7dee4;}
.detail-branchbox .logod {float:left;text-align:center;width:300px;padding-top:60px;}
.detail-branchbox .text {color:#000000;font-size:15px;line-height:145%;padding:30px 0;text-align:left;float:right;width:896px;}
.detail-branchbox .topbox {margin:0 20px;padding:30px 0;border-bottom:1px solid #d0dae1;}
.detail-branchbox .topbox .logod2 {float:left;text-align:center;width:60px;}
.detail-branchbox .topbox .text2 {color:#000000;font-size:15px;line-height:145%;text-align:left;float:right;width:1070px;}
.bottom-txt {clear:both;margin:0px 30px;padding:20px 0;line-height:150%;font-size:14px;color:#000000;}

.tech-labbox01 {}
.tech-labbox01 .text {float:left;font-size:15px;color:#000;line-height:160%;}
.tech-labbox01 .text span {color:#0068b3;font-size:17px;}
.tech-labbox01 .rimg {float:right;}

.tech-tbl th {font-size:22px;height:90px;vertical-align:middle;color:#0068b3;padding-left:10px;letter-spacing:-0.05em;border-top:1px solid #afafbb;border-bottom:1px solid #afafbb;}
.tech-tbl td {font-size:15px;height:90px;vertical-align:middle;color:#000000;padding-left:80px;letter-spacing:-0.05em;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
.tech-labbox02 {clear:both;background:#f9fafb;border:1px solid #abc2dd;margin-top:50px;padding:30px 0;}
.tech-labbox02-left {float:left;width:50%;border-right:1px solid #abc2dd;height:250px;}
.tech-labbox02-left h5 {font-size:30px;line-height:120%;color:#0068b3;letter-spacing:-0.05em;font-weight:bold;margin-left:90px;padding-top:15px;}
.tech-labbox02-left ul {margin-top:10px;margin-left:90px;}
.tech-labbox02-left li {background: url(../image/sub/dot5.jpg) no-repeat left center;padding-left:10px;line-height:170%;font-size:17px;color:#000000;letter-spacing:-0.05em;}
.tech-labbox02-right {float:right;width:49%;}
.tech-labbox02-right ul {margin-left:43px;}
.tech-labbox02-right li {background: url(../image/sub/dot6.jpg) no-repeat left 7px;padding-left:9px;margin-bottom:15px;}
.tech-labbox02-right li h4 {color:#0068b3;font-size:15px;font-weight:bold;}
.tech-labbox02-right li p {margin-top:5px;line-height:145%;color:#525253;font-size:14px;}

.tech-labbox03 {border:1px solid #d7e0ea;background: #fbfbfb url(../image/sub/tech_lab04.jpg) no-repeat left top;height:379px;}
.tech-labbox03 ul {margin-left:500px;padding-top:36px;}
.tech-labbox03 ul li {line-height:170%;color:#686868;font-size:13px;letter-spacing:-0.05em;}

.factory-sisultextbox {border:1px solid #d7dee4;background:#f9fafb;margin-top:45px;padding:29px;}
.factory-sisultextbox h4 {font-size:16px;padding:0px 0 10px 30px;border-bottom:1px solid #d7dee4;color:#000;}
.factory-sisultextbox p{margin-top:20px;line-height:140%;font-size:14px;}

.board-type03 {clear:both; border-top:2px solid #2061ab;}
.board-type03 th {text-align:left;font-weight:bold;color:#666666; font-size: 15px;padding: 15px; vertical-align:middle;border-bottom:1px solid #d9d9d9; border-right: 1px solid #757376;}
.board-type03 td {padding-left: 20px;color:#666666; font-size: 14px;height:45px;vertical-align:middle;border-bottom:1px solid #d9d9d9;     }
.board-type03 td ul li{float: left;}
.board-type03 .box-type01{margin-right: 5px;border: 1px solid #cecece; border-radius: 3px; background: #f6f6f6; width: 100%; margin-top:5px; height:30px; box-sizing: border-box; text-align: left !important; }
.board-type03 .box-type02{margin-right: 5px;border: 1px solid #cecece; border-radius: 3px; background: #f6f6f6; width: 100px; height:30px; box-sizing: border-box; text-align: left !important; }
.board-type03 .hy{margin-right: 5px; padding-top: 5px;}
.board-type03 .box-type03{margin-right: 5px;border: 1px solid #cecece; border-radius: 3px; background: #f6f6f6; width: 227px; height:30px; box-sizing: border-box; text-align: left !important; }
.board-type03 .red {color: #ff0000;  box-sizing: border-box;}
.board-type03 .box-type04{margin-right: 5px;border: 1px solid #cecece; border-radius: 3px; background: #f6f6f6; width: 170px; height:30px; box-sizing: border-box; text-align: left !important; }
.board-type03 .blue-txt{color: #4572a5; font-size: 14px; padding-top: 5px;}
.board-type03 textarea{ width: 100%; height: 160px; border: 1px solid #cecece; border-radius: 3px; background: #f6f6f6; margin-top: 10px; margin-bottom: 10px;}
.board-type03 .sign-txt{ width:600px; height: 160px; border: 1px solid #cecece; border-radius: 3px; background: #f6f6f6; margin-top: 10px; margin-bottom: 10px; padding: 10px; box-sizing: border-box; overflow-y: scroll;}
.board-type03 .color{color:#ff0000;}
.join-conf-btn{margin-top: 50px;}
.join-conf-btn ul{width: 360px; margin: 0 auto; }
.join-conf-btn ul li{float: left;}
.submit{width: 175px; height: 50px; color: #fff; font-size: 15px; background: #2061ab;  border: 0px;font-family:'¸¼Àº °íµñ'; margin-right: 10px; margin-bottom: 100px;  cursor: pointer;}
.submit2{width: 175px; height: 40px; color: #fff; font-size: 15px; background: #2061ab; border: 0px;font-family:'¸¼Àº °íµñ'; margin-right: 10px;  cursor: pointer;}
.submit3{width: 120px; height: 30px; color: #fff; font-size: 14px; background: #595959; border: 0px;font-family:'¸¼Àº °íµñ'; margin-right: 10px;  cursor: pointer; text-align:center; vertical-align:bottom}

.submit4{width: 120px; height: 30px; color: #fff; font-size: 14px; background: #2061ab; border: 0px;font-family:'¸¼Àº °íµñ'; margin-right: 10px;  cursor: pointer; vertical-align:bottom}
.submit5{ font-weight:600;width: 273px; height: 50px; color: #fff; font-size: 20px; background: #2061ab; border: 0px;font-family:'¸¼Àº °íµñ'; cursor: pointer;}
.submit6{width: 70px; height: 50px;; color: #fff; font-size: 20px; background: #ff3600; border: 0px;font-family:'¸¼Àº °íµñ';  cursor: pointer;}


.cancel{width: 175px; height: 50px; color: #fff; font-size: 15px; background: #aabbcf; border: 0px;font-family:'¸¼Àº °íµñ'; cursor: pointer; }
.board-type01 {clear:both; margin-top: 10px;}
.board-type01 th {border-top:2px solid #2061ab;text-align:center;font-weight:bold;color:#666666; font-size: 14px;height:45px;vertical-align:middle;border-bottom:1px solid #757376; word-break:keep-all;}
.board-type01 td {text-align:center;color:#666666; font-size: 14px;height:45px;vertical-align:middle;border-bottom:1px solid #d9d9d9; word-break:keep-all;    }
.board-type01 td a{color:#666666; font-size: 14px;  }
.board-type01 td a:hover{color: #2061ab; text-decoration: underline;}
.board-type01 .subject{text-align: left;  padding-left: 10px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.board-type05 {}
.board-type05 th {  font-size: 14px; border-top:2px solid #2061ab;  text-align: left;  font-weight: bold; color:#666666;   height: 45px;  vertical-align: middle;    border-bottom: 1px solid#757376;}
.board-type05 th .tit { margin-left: 20px;}

.board-type05 td {  color: #666666;   padding: 10px 20px; vertical-align: middle; border-bottom: 1px solid #cecece; font-size: 14px; }
.board-type05 .txt-date1 {float: left;  }
.board-type05 .mt-none strong {margin-right: 10px;}
.board-type05 .txt-date2 { clear:both;}
.board-type05 td.content{ vertical-align:text-top; height:300px;}



.board-bottombtn2 {}
.data-table {width: 100%; position: relative;}
.data-table .line-b { border-bottom: 1px solid #757376;  text-align: center; font-weight: bold; color: #666666; font-size: 15px;}
.data-table th {  border-top: 2px solid #2061ab;text-align: center; color: #6a94b5; font-weight: 700; height:45px; vertical-align: middle;}
.data-table .line-no { border-right: 0;}

.board-prenext {width:100%; font-size: 14px}
.board-prenext th {border-bottom:1px solid #cecece;border-top:1px solid #cecece;vertical-align:middle;text-align:center;height:40px;color:#000;padding:0 5px;}
.board-prenext th img {margin-left:3px;}
.board-prenext td {border-bottom:1px solid #cecece;border-top:1px solid #cecece;vertical-align:middle;height:40px;padding:0 5px;}

.board-bottombtn {  clear: both;   margin: 10px 0;   text-align: right;}
.list-btn {  margin-top:10px;cursor: pointer;   width: 99px;   height: 29px;  background: #2061ab;  color: #fff; font-size: 14px; font-weight: bold; border: 0px;}
.btn-write{  text-align: center;   font-size: 14px;   color: #474747; color:#FFFFFF;  background: #2061ab;   width: 80px;   padding: 10px 0;   letter-spacing: -0.05em;   display: inline-block;   font-weight: 700; cursor: pointer;}
.btn-write a{color:#FFFFFF;}

.btn-dell {  text-align: center;    font-size: 14px; color: #fff !important;  background: #aabbcf;  border: 1px solid #e1e1e1;  width: 80px;  padding:10px 0; letter-spacing: -0.05em;display: inline-block; font-weight: 700;}
.btn-dell  a{color:#FFFFFF;}


.thumtable{clear: both;width: 100%; border-top: 2px solid #4d535a;}
.thumtable li { cursor: pointer; text-align:left;height:185px;;border-bottom:1px solid #d8d8d8; font-family: '¸¼Àº °íµñ';  box-sizing: border-box;     padding-top: 20px; }
.thumtable .textarea {width:710px;box-sizing: border-box; }
.thumtable .textarea a:hover {text-decoration: underline;}

.thumtable li .thum{width: 200px; height:145px; border:1px solid #cecece;float:left;overflow:hidden; }
.thumtable li .thum a {display:block;}
.thumtable li .thum img{width: 100%; height: 100%;}

.thumtable li .textarea { float: right; padding-top: 8px; }
.thumtable li .textarea a{color: #6c6c6c; }
.thumtable li .textarea  h4{color: #373737 !important; font-size: 15px;margin-bottom: 20px;}
.thumtable li .textarea .txt{color: #666666; font-size: 14px; line-height: 130%;}


.leftmenu{width:200px; float:left; margin-top:30px;}
.leftmenu p{width:160px; padding:18px; text-align: center; background:#0068b3; color:#fff; font-size:20px; font-weight:600}
.leftmenu ul li{ border-bottom:solid 1px #eee;  font-size: 14px; } 
.leftmenu ul li a{padding:15px 5px;width:186px;font-weight:600}
.leftmenu ul li a:hover{color:#0068b3;background:url(../image/sub/bul.jpg) no-repeat right}
.leftmenu ul li a.on{color:#0068b3; background:url(../image/sub/bul.jpg) no-repeat right}


.tel{background:#f3f9fb; padding:10px; border-top:solid 1px #b8d1e4;border-left:solid 1px #b8d1e4;border-right:solid 1px #b8d1e4; height:37px; clear:both}
.tel ul li {font-size:16px;  float:left; padding:8px 20px 0px 20px;}
.tel ul li.tel1{width:420px; background:url(../image/sub/tel1.jpg) no-repeat left top; height:38px; padding-left:45px; float:left; margin-left:10px;}
.tel ul li.tel2{width:230px; background:url(../image/sub/tel2.jpg) no-repeat left top; height:38px; padding-left:45px; float:left}
.tel ul li strong{color:#1061a6}
.tel ul li span.org{color:#ff6c00}


.prowrap{border:solid 1px #d7d7d7; padding:15px; height:290px;}
.pro1{width:630px;}
.pro1 p {float:left;}
.pro1 p img{width:250px; height:250px;border:solid 1px #d7d7d7; }

.pro2{float:left; width:320px; padding:10px;}
.pro2 h5{ color:#0068b3; font-size:20px; font-weight:600;border-bottom:solid 1px #d7d7d7; padding:0px 0 20px 0}
.pro2  span{ line-height:160%; margin-top:10px;}

.pro3{background:url(../image/sub/bg_pro.jpg); width:275px;height:270px; float:right; padding:10px;}
.pro3 p {float:left}
.pro3 p img{width:100px; height:110px;border:solid 1px #d7d7d7; }
.pro3  ul li.prost_1{ color:#0068b3; font-size:16px; margin-top:15px;}
.pro3  ul li.prost_2{ color:#000000; font-size:20px; margin-top:5px; font-weight:600}
.pro3 ul{ float:right; width:150px; height:120px;}
.pro3 ul li {line-height:140%;}
.pro3 span{line-height:140%;}
.pro3  span strong{margin-top:10px; color:#000000}
.pro4wrap{ float:left}
.pro4 {float:left; font-size:16px; padding:20px 0; line-height:160%; width:590px;}
.pro4 span{ font-size:22px; font-weight:600; color:#000000}
.pro5 {float:right; padding:20px 0 ; width:350px; text-align:right}

.board-top {position:relative;display:block;width:380px; float:right; text-align:right; margin-bottom:10px;}
.board-top select {width:100px;height:30px;border:1px solid #d5d5d5;vertical-align: middle;}
.board-top input {width:250px;height:24px;color:#999999;font-size:12pt;letter-spacing:-0.05em;border:1px solid #d5d5d5;vertical-align: middle; padding:5px}
.board-top .btn-search {color:#333;font-size:12pt;color:#fff;text-align:center;background: #333;width:50px;height:35px;line-height: 30px;vertical-align: middle;}



.agreement{}
.agreement h3{font-size:20px; color:#000000}

.joinTextArea{ width: 940px; height: 200px; border: 1px solid #cecece; border-radius: 3px; background: #f6f6f6; margin-top: 10px; margin-bottom: 10px; line-height:160%; padding:5px;}


.checkboxArea { font-size:14px;padding:5px 0; color:#FF0000 }


/*·Î±×ÀÎ*/
.online-counsel-loginbox {width:560px;height:260px;border:1px solid #cacaca;margin:30px auto;background:#fff;padding:40px 0;}
.online-counsel-loginbox table {width:430px;margin:0 auto;}
.online-counsel-loginbox table th {vertical-align:middle;height:55px;color:#01619f;font-size:18px;font-weight:bold;width:100px;}
.online-counsel-loginbox table td {vertical-align:middle;height:55px;}
.online-counsel-loginbox table td input {border:1px solid #cacaca;height:40px;width:100%;font-size:14px;padding-left:10px;}
.online-counsel-loginbox .btn-login {display:block;clear:both;width:430px;margin:10px auto;height:43px;color:#fff;background:#2061ab;border:0;border-radius:6px;cursor:pointer;}


.logincheck{ margin:10px  30px 20px  160px;font-size:14px; font-weight:600; }
.idpw{font-size:14px; margin-left:150px; margin-top:15px}
.idpw a{margin-left:20px;}



.online-counsel-loginbox2 {width:450px;height:270px;border:1px solid #cacaca;background:#fff;padding:40px 0 ; float:left; margin-bottom:50px;}
.online-counsel-loginbox2  h3{font-size:16px; color:#000000; margin: 0  0 20px  30px;}
.online-counsel-loginbox2 table {width:360px;margin:0 auto;}
.online-counsel-loginbox2 table th {vertical-align:middle;height:55px;color:#01619f;font-size:14px;font-weight:bold;width:110px;}
.online-counsel-loginbox2 table td {vertical-align:middle;height:55px;}
.online-counsel-loginbox2 table td input {border:1px solid #cacaca;height:40px;width:100%;font-size:14px;padding-left:8px;}
.online-counsel-loginbox2 .btn-login {display:block;clear:both;width:380px;margin:15px auto;height:43px;color:#fff;background:#2061ab;border:0;border-radius:6px;cursor:pointer;}


#simplemodal-overlay {background-color:#000;}
.simplemodal-close {background:url(../image/sub/btn_close.png) no-repeat; width:24px; height:24px; display:inline; z-index:5200; position:absolute; top:17px; right:20px; cursor:pointer;}
.popup {width:800px;border:2px solid #333;}
.pop-header {width:100%;position:relative;height:65px;background:#626262;}
.pop-header h1 {padding-left:20px;color:#fff;line-height:65px; font-size:16px; font-weight:600;font-family: Nanum Gothic, "³ª´®°íµñ",dotum;}
.pop-content {clear:both;background:#fff;}
.content-inbox {padding:30px;}

.mmap {width:320px;margin:0 auto;display:none;}
.pcmap {display:block;}

.btn_menu  {display:none;}
}
@media all and (min-width:100px) and (max-width:767px) {

.pro1-thumbox {margin:0 auto;width:350px;text-align:center;}
.flexslider7 {margin:0 auto;}

.btn_menu {display: block;position: absolute;right: 10px; top: 25px;}

.topbar {background:#f6f6f6;height:30px;}
.topbar ul {float:right;padding-top:5px;}
.topbar li {background: url(../image/common/bg_topbar.gif) no-repeat left center;padding-left:10px;margin-left:10px;float:left;font-size:11px;}
.topbar li a {color:#6b6e6f;}
.topbar li:first-child {background:none;margin-left:0;padding-left:0;}
.innerbox {width:98%;margin:0 auto;position:relative;}

.gnbarea {background:#FFFFFF;height:73px;border-bottom:1px solid #dcdee3;}
.logo {text-align:center;padding-top:13px;}




.gnb {width:240px;position:absolute;z-index:5000;top:60px;right:0px;background:#fff;border:1px solid #ccc;display: none; }

.gnb.mobile{display: table;}
.gnb > ul > li {clear:both; background:#01619f; width: 100%; border-top: 1px solid #006084;width:240px;padding:0;  }
.gnb > ul > li a {color:#fff;font-size:16px;padding:9px 0 9px 15px;}

.gnb > li:first-child {border-top:0;} 
.gnb  li  .gnb_2dep {clear:both;background:#fff;}
.gnb  li  .gnb_2dep li {border-top: 1px solid #ccc;background:#fff; box-sizing: border-box; font-size: 12px;clear:both;margin:0;line-height:18px; }
.gnb  li  .gnb_2dep  li a {color:#666;padding: 10px 20px;}
.gnb  li  .gnb_2dep  li a:link {color:#666;} 
.m-none{display: none;}

.momg img {width:100%;}

/*
.gnb{height:45px; float:right;padding-top:26px;display:none;}
.gnb>ul>li{position:relative; z-index:20;  float:left; }
.gnb>ul>li:first-child{padding-left:0; }
.gnb>ul>li>a {position:relative;color:#454545; padding:0 40px 20px 40px; display:block; font-size:20px;font-family: 'Noto Sans KR', sans-serif;}

.gnb>ul>li:hover .gnb_2dep{display:block;}
.gnb>ul>li:hover>a {display:block;color:#589aca;}
.gnb_2dep{position:absolute; top:46px;left:50%; margin-left:-75px; width:150px; z-index:35; background-color:#fff; display:none;}
.gnb_2dep>ul{padding-top:10px; padding-left:20px;padding-bottom:10px; box-sizing:border-box;}
.gnb_2dep>ul:hover{background-color:#fff;}
.gnb_2dep>ul:first-child:hover{background-color:#fff;}
.gnb_2dep>ul>li{ line-height:30px }
.gnb_2dep>ul>li>a {margin-bottom:2px; display:block;font-size:14px;}
.gnb_2dep>ul>li>a:hover {color:#589aca;}
.gnb_2dep>ul:first-child{background:none;}
*/
#slide-area {width:100%;position:relative;clear:both;}
.flexslider .flex-control-paging {display:inline-block;text-align:center;width:100%;position:absolute;bottom:10px;left:0;}
.flexslider .flex-control-paging li {display:inline-block;margin:0 3px;}
.flexslider .flex-control-paging li a {text-indent:-9999px;display:block;width:10px;height:10px;background: url(../image/common/dot.png) no-repeat;background-size:10px auto;}
.flexslider .flex-control-paging li a.flex-active {text-indent:-9999px;display:block;background: url(../image/common/dot_on.png) no-repeat;background-size:10px auto;}

.flexslider  .flex-nav-prev a {width:21px;height:30px;background: url(../image/common/btn_left.png) no-repeat;background-size:21px auto;display:block;left:5%;top:50%;margin-top:-15px;position:absolute;text-indent:-9999px;}
.flexslider  .flex-nav-next a {width:21px;height:30px;background: url(../image/common/btn_right.png) no-repeat;background-size:21px auto;display:block;right:5%;top:50%;margin-top:-15px;position:absolute;text-indent:-9999px;}




.innertext-slide {width:70%;margin:0 auto;position:relative;}
.innertext-slide .visual-text {position:absolute;left:0;top:0;font-family:'Noto Sans Korean';padding-top:20px;font-weight:normal;}
.innertext-slide .visual-text p.text {color:#19224d;font-size:16px;line-height:120%;}
.innertext-slide .visual-text h4 {color:#19224d;font-size:18px;line-height:120%;font-weight:normal;margin-top:10px;}
.innertext-slide .visual-text p.text2 {color:#fff;font-size:18px;line-height:120%;margin-top:10px;font-family:arial;font-weight:normal;}
.innertext-slide .visual-text p.btn-area {margin-top:10px;} 





.btn-bn,
.btn-bn:visited,
.btn-bn:link {background:#589aca url(../image/common/btn_arrow.png) no-repeat 88% center;background-size:5px auto;color:#fff;display:inline-block;padding:5px 30px 5px 10px;font-size:12px;}




.maincontent {width:100%;}

.main-iconarea {width:98%;margin:0 auto;padding:30px 0;}
.main-iconarea li {float:left;text-align:center;width:50%;margin-bottom:10px;}
.main-iconarea li .icon {display:block;}
.main-iconarea li .icon img {width:50px;}
.main-iconarea li h4 {color:#19224d;font-size:20px;margin-top:10px;}
.main-iconarea li p {font-size:12px;color:#767676;margin-top:10px;}

.boardarea {width:100%;background:#f8f8f8;padding:30px 0;clear:both;}
.noticebox {position:relative;width:100%;}
.noticebox h4 {font-size:18px;color:#3c3c3c;}
.noticebox .more {position:absolute;right:0;top:2px;}
.noticebox .mainnotice-list {margin-top:15px;}
.noticebox .mainnotice-list li {margin-bottom:10px;background: url(../image/common/icon_dot.gif) no-repeat left center;padding-left:8px;}
.noticebox .mainnotice-list li a {font-size:13px;color:#666666;letter-spacing:-0.04em;}

.mediaroom-box {clear:both;margin-top:30px;width:100%;}
.mediaroom {width:100%;margin:0 auto;position:relative;}
.mediaroom h4 {font-size:18px;color:#3c3c3c;}
.mediaroom  .more {position:absolute;right:0;top:2px;}

.flexslider2 {margin-top:14px;}
.flexslider2 .flex-control-paging {display:inline-block;text-align:right;width:100%;position:absolute;top:10px;right:0;}
.flexslider2 .flex-control-paging li {display:inline-block;margin:0 3px;}
.flexslider2 .flex-control-paging li a {text-indent:9999px;width:11px;height:11px;background: url(../image/common/main_dot2.jpg) no-repeat;position:relative;overflow:hidden;}
.flexslider2 .flex-control-paging li a.flex-active {text-indent:9999px;background: url(../image/common/main_dot2_on.jpg) no-repeat;position:relative;overflow:hidden;}
.flexslider2 .slides li a img{ width:100%;}
.flexslider2  .flex-nav-prev a {width:41px;height:60px;background: url(../image/common/btn_media_left.jpg) no-repeat;display:block;left:10px;top:50%;margin-top:-30px;position:absolute;text-indent:-9999px;}
.flexslider2  .flex-nav-next a {width:41px;height:60px;background: url(../image/common/btn_media_right.jpg) no-repeat;display:block;right:5px;top:50%;margin-top:-30px;position:absolute;text-indent:-9999px;}



.flexslider3 {margin-top:34px;}
.flexslider3 .flex-control-paging {display:inline-block;text-align:right;width:100%;position:absolute;top:10px;right:0;}
.flexslider3 .flex-control-paging li {display:inline-block;margin:0 3px;}
.flexslider3 .flex-control-paging li a {text-indent:9999px;width:11px;height:11px;background: url(../image/common/main_dot2.jpg) no-repeat;position:relative;overflow:hidden;}
.flexslider3 .flex-control-paging li a.flex-active {text-indent:9999px;background: url(../image/common/main_dot2_on.jpg) no-repeat;position:relative;overflow:hidden;}
.flexslider3 .slides li a img{ width:336px; height:202px;}
.flexslider3  .flex-nav-prev a {width:41px;height:60px;background: url(../image/common/btn_media_left.jpg) no-repeat;display:block;left:-56px;top:50%;margin-top:-25px;position:absolute;text-indent:-9999px;}
.flexslider3  .flex-nav-next a {width:41px;height:60px;background: url(../image/common/btn_media_right.jpg) no-repeat;display:block;right:-56px;top:50%;margin-top:-25px;position:absolute;text-indent:-9999px;}

.portf-list {width:98%;margin:0 auto;}
.portf-list > ul > li {width:46%;float:left; text-align:center; margin:2%;}
.portf-list > ul > li > a {display:block;font-size:12px;}
.portf-list > ul > li > a > img{ width:100%;border:solid 1px #ccc;}
.portf-list > ul > li > span{ padding:5px 0;}


.cs-center {width:100%;margin-top:30px;clear:both;position:relative;}
.cs-center  h4 {font-size:18px;color:#3c3c3c;}
.cs-center   .more {position:absolute;right:0;top:2px;}
.cs-center .cs {margin-top:20px;}
.cs-center .cs img {width:100%;}

#footer {width:100%;background:#283b49;padding:30px 0;clear:both}
.blogo {text-align:center;}
.copy {margin-top:10px;color:#dedede;text-align:right;line-height:145%;}

/* subpage */
.sub-visual img {width:100%;}
.location {border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;}
.localNav {width:100%;margin:0 auto;border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;}
.localNav > p {height:33px; padding:0px; }
.localNav > p, .localNav > p > span, .menuLink {float:left; }
.sp_home {width:46px;text-align:center;height:33px;border-left : 1px solid #dedcdf; border-right: 1px solid #dedcdf; box-sizing: border-box;}
.sp_home img {padding-top:10px;}
.menuLink {padding-top: 8px; padding-left: 15px;height: 33px; position:relative; vertical-align:top; z-index:10; width: 150px; border-right: 1px solid #dedcdf; box-sizing: border-box;
			background: url(../image/sub/icon_arrow.jpg) no-repeat 90% center;  }
.menuLink .menu {display: none;position:absolute; top:33px; left:0px; padding:0px; border:1px solid #ccc; background:#fff; width:1505px; min-width:160px; overflow-x:hidden; overflow-y:auto; z-index:1030;  box-sizing: border-box;}
.menuLink .menu li{height: 30px;}
.menuLink a {    font-size: 14px;}
.invi-current{cursor: pointer;}
.invi-current > a{color: #5a5d65 !important; font-size: 14px; font-weight: bold; }
.invi-current > a:hover{ text-decoration: underline;}

.menuLink .menu a {position:relative;display:block; white-space:nowrap; white-space:normal; font-size:12px; padding:8px 10px; background:#fff; line-height:1.2; letter-spacing:-1px; z-index:1030;}
.menuLink .menu a:hover, .menuLink .menu li.hover a:hover {color:#fff; text-decoration:none; background:#3853a4;;}
.menuLink .menu li.on a {color:#fff; text-decoration:none; background:#3853a4;;} 
.menuLink .menu li.two-dep:hover a {color:#fff; text-decoration:none; background:#3853a4;} 

.page-title { width:100%; background: url(../image/sub/bg_sub_tit.gif) no-repeat left top;background-size:20px auto;padding-top:30px;margin-top:30px;}
.page-title h3 {font-size:20px;letter-spacing:-0.05em;color:#000;}
.page-title p {margin-top:10px;color:#3f3f3f;font-size:19px;letter-spacing:-0.05em;}
.page-title p.small {font-size:14px !important;margin-top:2px;}

.cont {padding:30px 0 50px 0; width:99%;margin:0 auto; }
.cont  .ogaz {text-align:center;padding:90px 0 30px 0;}

.page-subtitle {padding-top:100px;background: url(../image/sub/bg_title_line.gif) no-repeat left bottom;padding-bottom:15px;}
.page-subtitle h3 {font-size:20px;letter-spacing:-0.05em;color:#4a4949;}
.page-subtitle p {color:#3f3f3f;font-size:19px;letter-spacing:-0.05em;}


.job-table {border-top:2px solid #3b87bd;margin-top:40px;margin-bottom:50px;}
.job-table th {background:#ecf2f4;font-size:15px;color:#000000;height:44px;vertical-align:middle;text-align:center;border-left:1px solid #000000;font-weight:bold;letter-spacing:-0.05em;}
.job-table td {font-size:14px;color:#636363;padding:9px 0;vertical-align:middle;text-align:center;border-bottom:1px solid #000000;border-left:1px solid #000000;letter-spacing:-0.05em;}
.job-table td.left {padding-left:50px;text-align:left;}
.job-table th:first-child {border-left:0;}
.job-table td:first-child {border-left:0;}

/* ¿¬Çõ */
.history-list > li {border-bottom:1px solid #ececec;padding-top:20px;position:relative;}
.history-list > li .img {position:absolute;right:0;top:20px;}
.history-list > li > h4 {color:#094d7e;font-size:40px;position:absolute;left:10px;top:10px;}
.history-list > li > ul {margin-left:242px;padding:0 0 20px 0;}
.history-list > li > ul > li {font-size:15px;color:#636363;padding:3px 0;}
.history-list > li > ul > li span {color:#094d7e;font-size:16px;font-weight:bold;width:30px;}

.abou-combox {margin-top:10px;background:#f9fafb;border-top:1px solid #b8dce8;border-bottom:1px solid #b8dce8;padding:27px 0;}
.abou-combox li {width:19.5%;float:left;text-align:center;border-left:1px solid #b8dce8;font-weight:bold;}
.abou-combox li h4 {text-align:center;color:#d53117;font-size:15px;}
.abou-combox li .icon {display:block;margin:5px 0 12px 0;}
.abou-combox li .name {font-size:16px;color:#000000;font-weight:normal;}
.abou-combox li:first-child {border-left:0;}


.noline-table {margin-top:30px;}
.companyinfo {margin-left:10px;padding:30px 20px;width:340px; height:110px; background:#f1f1f1}
.companyinfo h5 {font-size:14px;color:#000000;}
.companyinfo p {margin-top:1px;color:#000000;font-size:13px;letter-spacing:0.01em;}
.companyinfo p.btn {margin-top:10px;}

.graybox {background:#f9fafb;border:1px solid #d7dee4;width:582px;padding:20px 0 15px 0;}
.graybox .grayinnerbox {padding:0 20px;}
.graybox .grayinnerbox .bottom-area ul {float:left;margin-top:10px;}
.graybox .grayinnerbox .bottom-area  ul li {font-size:14px;color:#000000;margin-bottom:5px;}
.graybox .grayinnerbox .bottom-area p {float:right;margin-top:10px;}


.noline-table2 td {border-bottom:1px solid #d0dae1;vertical-align:middle;padding-bottom:10px;letter-spacing:-0.05em;}
.noline-table2 td h4 {color:#0068b3;font-size:22px;}
.noline-table2 td  p {color:#000000;font-size:15px;margin-top:2px;}

.graylinebox {background:#f9fafb;border:1px solid #d7dee4;margin-top:30px;padding:25px 0;}
.graylinebox > ul >  li.icon01 {border-right:1px solid #abc2dd;width:49%;float:left;background: url(../image/sub/icon_cerp05.gif) no-repeat 59px center;}
.graylinebox > ul >  li.icon01 > ul {margin-left:175px;}
.graylinebox > ul >  li.icon01 > ul > li {background: url(../image/sub/icon_dot2.gif) no-repeat left center;padding-left:8px;font-size:15px;margin-top:30px;color:#000000;}
.graylinebox > ul >  li.icon01 > ul > li > strong {width:160px;}
.graylinebox > ul >  li.icon02 {width:49%;float:left;background: url(../image/sub/icon_cerp06.gif) no-repeat 59px center;}
.graylinebox > ul >  li.icon02 > ul {margin-left:155px;}
.graylinebox > ul >  li.icon02 > ul > li {background: url(../image/sub/icon_dot2.gif) no-repeat left 8px;padding-left:8px;font-size:15px;margin-top:30px;color:#000000;}
.graylinebox > ul >  li > ul > li:first-child {margin-top:0;}
.graylinebox > ul >  li.icon02 > ul > li > strong {width:130px;}
.graylinebox > ul >  li.icon02 > ul > li  .sml {font-size:12px;margin-top:1px;margin-left:140px;}


/* ÆÄÆ®³Ê ¸®½ºÆ® */
.parner-list li {float:left;margin:0 24px 24px 0;height:77px;}
.parner-list li.last {margin-right:0;}

.map-detail {clear:both;margin-top:20px;}
.map-detail li {}
.map-detail li.icon01 {background: url(../image/sub/icon_location01.jpg) no-repeat left top;background-size:40px auto;padding-left:60px;padding-right:0;}
.map-detail li.icon01 h4 {color:#0c6db4;font-size:16px;line-height:25px;padding-top:2px;}
.map-detail li.icon01 p {color:#3e3e3e;font-size:15px;padding-bottom:15px;}

.map-detail li.icon02 {background: url(../image/sub/icon_location02.jpg) no-repeat left top;background-size:40px auto;padding-left:60px;padding-right:0;}
.map-detail li.icon02 h4 {color:#000000;font-size:16px;line-height:25px;padding-top:2px;}
.map-detail li.icon02 p {color:#3e3e3e;font-size:15px;padding-bottom:15px;}
.map-detail li.icon02 p span {color:#0168b3;}

.map-detail li.icon03 {background: url(../image/sub/icon_location03.jpg) no-repeat left top;background-size:40px auto;padding-left:60px;padding-right:0;}
.map-detail li.icon03 h4 {color:#000000;font-size:16px;line-height:25px;padding-top:2px;}
.map-detail li.icon03 p {color:#3e3e3e;font-size:15px;padding-bottom:15px;}

.mmap {width:320px;margin:0 auto;}
.pcmap {display:none;}

.map-detail li.noicon p {color:#3e3e3e;font-size:15px;}
.map-detail li.noicon p span {width:50px;text-align:center;border-radius:3px;background:#0068b3;color:#fff;margin-right:5px;font-size:14px;height:22px;line-height:22px;}

.map2 {padding-top:100px;border-top:1px solid #c5c5c5;clear:both;}

.tabmenu {height:51px;background: url(../image/sub/bg_tabmenu.gif) repeat-x left bottom;}
.tabmenu li {width:25%;height:51px;float:left;text-align:center;}
.tabmenu li a {display:block;height:48px;line-height:49px;color:#000000;font-size:18px;border:1px solid #bfbfbf;border-bottom:0;margin-left:-1px;}
.tabmenu li.active a {color:#0068b3;background:#fff;border:2px solid #0068b3;border-bottom:1px solid #fff;}

.certi-list {clear:both;margin-top:20px;}
.certi-list li {float:left;width:299px;margin-bottom:35px;}
.certi-list li .innerbox {margin:0 auto;border-bottom:1px solid #c7c7c7;width:282px;padding-bottom:10px;position:relative;}
.certi-list li  .maskbox a {display:none;}
.certi-list li:hover  .maskbox a {display:block;color:#fff;font-size:18px;padding-top:130px;line-height:30px;}
.certi-list li:hover  .maskbox {background: url(../image/sub/bg_overray.png) no-repeat left top;width:282px;height:403px;position:absolute;left:0;top:0;z-index:1500;display:black;cursor:pointer;text-align:center;}
.certi-list li .innerbox .tit {float:left;width:70%;color:#000;font-size:14px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.certi-list li .innerbox  .data {float:right;font-size:12px;color:#999999;}

.product-info .producimg {float:left;width:540px;}
.product-info .product-textlist {float:left;}
.product-info .product-textlist li {border-bottom:1px dotted #ccc;padding:28px 0;letter-spacing:-0.025em;}
.product-info .product-textlist li h4 {color:#d53117;font-size:18px;}
.product-info .product-textlist li .text {margin-top:5px;color:#000000;font-size:14px;}
.product-info .product-textlist li .cate {margin-top:5px;color:#8d8d8d;font-size:12px;}

.product-gall {text-align:center;margin-top:150px;}
.product-gall h5 {text-align:center;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;padding:10px 10px;display:inline-block;color:#000;font-size:14px;}

.flexslider3 {margin-top:35px; width:960px; float:right}

.flexslider3  ul li{ text-align:center; float:left; margin:18px; width:260px;  }
.flexslider3  ul li span{padding:10px 0}
.flexslider3  ul li a{border:solid 1px #dcdcdc;}
.flexslider3  ul li a img{width:260px; height:260px;}

.flexslider3 .flex-viewport {width:1082px;margin:0 auto;}
.flexslider3 .flex-control-paging {text-align:center;margin-top:20px;}
.flexslider3 .flex-control-paging li {display:inline-block;}
.flexslider3 .flex-control-paging li a {display:block;width:8px;height:8px;background: url(../image/sub/dot_a.jpg) no-repeat left top;text-indent:-9999px;margin:0 2px;}
.flexslider3 .flex-control-paging li a.flex-active {background: url(../image/sub/dot_b.jpg) no-repeat left top;text-indent:-9999px;}
.flexslider3 .flex-prev {width:35px;height:226px;background: url(../image/sub/btn_left.jpg) no-repeat left top;text-indent:-9999px;position:absolute;top:0;left:0;}
.flexslider3 .flex-next {width:35px;height:226px;background: url(../image/sub/btn_right.jpg) no-repeat left top;text-indent:-9999px;position:absolute;top:0;right:0;}

.pageing{clear:both;text-align:center;font-size:14px; padding-top: 40px;    margin-bottom:100px; width:960px; float:right}
.pageing div{padding-top: }
.pageing > a img{}
.pageing > a.prev{background:#ffffff;border: 1px solid #d2d6da;width:36px;text-align:center;  line-height:30px;}
.pageing > a.next{background:#ffffff;border: 1px solid #d2d6da;text-align:center;  line-height:30px;}
.pageing > a.prev:hover, .pageing > a.next:hover{background:none;}


.pageing > a.prev2{background:#ffffff;border: 1px solid #d2d6da;width:36px;text-align:center;  line-height:30px;}
.pageing > a.next2{background:#ffffff;border: 1px solid #d2d6da;text-align:center;  line-height:30px;}
.pageing > a.prev2:hover, .pageing > a.next2:hover{background:none;}


.pageing >  a{  box-sizing: border-box;padding-top: 10px;display:inline; zoom:1; display:inline-block;width:36px;height:36px; line-height:10px;border:1px solid #dddddd;margin-right:1px;color:#333;}
.pageing >  a.current, .pageing > a:hover {background:#fff;color: #2061ab; border: 1px solid #2061ab;}



/* Á¦Ç°¼Ò°³  */
.product-list2 > li {float:left;width:570px;border:1px solid #c8c8c8;margin:0 8px 30px 8px;}
.product-list2 > li .thum {width:284px;height:292px;overflow:hidden;border-right:1px solid #c8c8c8;float:left;}
.product-list2 > li .thum img {width:100%;}
.product-list2 > li .text {padding-left:30px;width:230px;float:left;padding-top:30px;}
.product-list2 > li .text h4 {background: url(../image/sub/product_topbar.gif) no-repeat left top;padding-top:10px;font-size:18px;color:#000000;}
.product-list2 > li .text .subcate {margin-top:5px;color:#2a81c0;font-size:12px;}
.product-list2 > li .text ul {margin-top:20px;}
.product-list2 > li .text ul li {background: url(../image/sub/icon_dot3.gif) no-repeat left 6px;padding-left:8px;color:#3e3e3e;font-size:13px;margin-bottom:5px;}
.product-list2 > li .text .detail_txt {margin-top:10px;color:#767676;font-size:13px;} 

.product-list3 {border-top:1px solid #c8c8c8;}
.product-list3 > li {border-bottom:1px solid #c8c8c8;margin:0 8px 10px 8px;}
.product-list3 > li .thum {width:284px;height:292px;overflow:hidden;float:left;}
.product-list3 > li .thum img {width:100%;}
.product-list3 > li .text {padding-left:30px;width:750px;float:left;padding-top:30px;}
.product-list3 > li .text h4 {background: url(../image/sub/product_topbar.gif) no-repeat left top;padding-top:10px;font-size:18px;color:#000000;}
.product-list3 > li .text .subcate {margin-top:5px;color:#2a81c0;font-size:12px;}
.product-list3 > li .text ul {margin-top:20px;}
.product-list3 > li .text ul li {background: url(../image/sub/icon_dot3.gif) no-repeat left 6px;padding-left:8px;color:#3e3e3e;font-size:15px;margin-bottom:5px;}
.product-list3 > li .text .detail_txt {margin-top:10px;color:#767676;font-size:15px;line-height:145%;} 

.introductaion-tit {font-size:16px;color:#3f3f3f;letter-spacing:-0.05em;line-height:30px;}
.introductaion-tit .blue {color:#114265;}
.introductaion-tit .orange {color:#e55922;}

.introductaion02 {background: url(../image/sub/bg_introducation.jpg) no-repeat right bottom;color:#545454;font-size:14px;line-height:160%;padding:30px 0; padding-bottom:100px;background-size:300px auto;}
.introductaion02 .sign {margin-left:0px;margin-top:60px;}

.detail-branchbox {background:#f9fafb;border:1px solid #d7dee4;}
.detail-branchbox .logod {float:left;text-align:center;width:300px;padding-top:60px;}
.detail-branchbox .text {color:#000000;font-size:15px;line-height:145%;padding:30px 0;text-align:left;float:right;width:896px;}
.detail-branchbox .topbox {margin:0 20px;padding:30px 0;border-bottom:1px solid #d0dae1;}
.detail-branchbox .topbox .logod2 {float:left;text-align:center;width:60px;}
.detail-branchbox .topbox .text2 {color:#000000;font-size:15px;line-height:145%;text-align:left;float:right;width:1070px;}
.bottom-txt {clear:both;margin:0px 30px;padding:20px 0;line-height:150%;font-size:14px;color:#000000;}

.tech-labbox01 {}
.tech-labbox01 .text {float:left;font-size:15px;color:#000;line-height:160%;}
.tech-labbox01 .text span {color:#0068b3;font-size:17px;}
.tech-labbox01 .rimg {float:right;}

.tech-tbl th {font-size:22px;height:90px;vertical-align:middle;color:#0068b3;padding-left:10px;letter-spacing:-0.05em;border-top:1px solid #afafbb;border-bottom:1px solid #afafbb;}
.tech-tbl td {font-size:15px;height:90px;vertical-align:middle;color:#000000;padding-left:80px;letter-spacing:-0.05em;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
.tech-labbox02 {clear:both;background:#f9fafb;border:1px solid #abc2dd;margin-top:50px;padding:30px 0;}
.tech-labbox02-left {float:left;width:50%;border-right:1px solid #abc2dd;height:250px;}
.tech-labbox02-left h5 {font-size:30px;line-height:120%;color:#0068b3;letter-spacing:-0.05em;font-weight:bold;margin-left:90px;padding-top:15px;}
.tech-labbox02-left ul {margin-top:10px;margin-left:90px;}
.tech-labbox02-left li {background: url(../image/sub/dot5.jpg) no-repeat left center;padding-left:10px;line-height:170%;font-size:17px;color:#000000;letter-spacing:-0.05em;}
.tech-labbox02-right {float:right;width:49%;}
.tech-labbox02-right ul {margin-left:43px;}
.tech-labbox02-right li {background: url(../image/sub/dot6.jpg) no-repeat left 7px;padding-left:9px;margin-bottom:15px;}
.tech-labbox02-right li h4 {color:#0068b3;font-size:15px;font-weight:bold;}
.tech-labbox02-right li p {margin-top:5px;line-height:145%;color:#525253;font-size:14px;}

.tech-labbox03 {border:1px solid #d7e0ea;background: #fbfbfb url(../image/sub/tech_lab04.jpg) no-repeat left top;height:379px;}
.tech-labbox03 ul {margin-left:500px;padding-top:36px;}
.tech-labbox03 ul li {line-height:170%;color:#686868;font-size:13px;letter-spacing:-0.05em;}

.factory-sisultextbox {border:1px solid #d7dee4;background:#f9fafb;margin-top:45px;padding:29px;}
.factory-sisultextbox h4 {font-size:16px;padding:0px 0 10px 30px;border-bottom:1px solid #d7dee4;color:#000;}
.factory-sisultextbox p{margin-top:20px;line-height:140%;font-size:14px;}

.board-type03 {clear:both; border-top:2px solid #2061ab;}
.board-type03 th {text-align:left;font-weight:bold;color:#666666; font-size: 12px;padding: 10px; vertical-align:middle;border-bottom:1px solid #d9d9d9; border-right: 1px solid #757376;}
.board-type03 td {padding-left: 10px;color:#666666; font-size: 12px;height:45px;vertical-align:middle;border-bottom:1px solid #d9d9d9;     }
.board-type03 td ul li{float: left;}
.board-type03 .box-type01{margin-right: 5px;border: 1px solid #cecece; border-radius: 3px; background: #f6f6f6; width: 100%; margin-top:5px; height:30px; box-sizing: border-box; text-align: left !important; }
.board-type03 .box-type02{margin-right: 5px;border: 1px solid #cecece; border-radius: 3px; background: #f6f6f6; width: 70px; height:30px; box-sizing: border-box; text-align: left !important; }
.board-type03 .hy{margin-right: 5px; padding-top: 5px;}
.board-type03 .box-type03{margin-right: 5px;border: 1px solid #cecece; border-radius: 3px; background: #f6f6f6; width: 110px; height:30px; box-sizing: border-box; text-align: left !important; }
.board-type03 .red {color: #ff0000;  box-sizing: border-box;}
.board-type03 .box-type04{margin-right: 5px;border: 1px solid #cecece; border-radius: 3px; background: #f6f6f6; width: 170px; height:30px; box-sizing: border-box; text-align: left !important; }
.board-type03 .blue-txt{color: #4572a5; font-size: 14px; padding-top: 5px;}
.board-type03 textarea{ width: 100%; height: 160px; border: 1px solid #cecece; border-radius: 3px; background: #f6f6f6; margin-top: 10px; margin-bottom: 10px;}
.board-type03 .sign-txt{ width:600px; height: 160px; border: 1px solid #cecece; border-radius: 3px; background: #f6f6f6; margin-top: 10px; margin-bottom: 10px; padding: 10px; box-sizing: border-box; overflow-y: scroll;}
.board-type03 .color{color:#ff0000;}
.join-conf-btn{margin-top: 30px;}
.join-conf-btn ul{width: 98%; margin: 0 auto;text-align:center; }
.join-conf-btn ul li{float:left;width:50%;text-align:center;}
.submit{width: 140px; height: 40px; color: #fff; font-size: 15px; background: #2061ab;  border: 0px;font-family:'¸¼Àº °íµñ'; margin-right: 10px; margin-bottom: 100px;  cursor: pointer;}
.submit2{width: 140px; height: 40px; color: #fff; font-size: 15px; background: #2061ab; border: 0px;font-family:'¸¼Àº °íµñ'; margin-right: 10px;  cursor: pointer;}
.submit3{width: 120px; height: 30px; color: #fff; font-size: 14px; background: #595959; border: 0px;font-family:'¸¼Àº °íµñ'; margin-right: 10px;  cursor: pointer; text-align:center; vertical-align:bottom}

.submit4{width: 120px; height: 30px; color: #fff; font-size: 14px; background: #2061ab; border: 0px;font-family:'¸¼Àº °íµñ'; margin-right: 10px;  cursor: pointer; vertical-align:bottom}
.submit5{ font-weight:600;width: 273px; height: 50px; color: #fff; font-size: 20px; background: #2061ab; border: 0px;font-family:'¸¼Àº °íµñ'; cursor: pointer;}
.submit6{width: 70px; height: 50px;; color: #fff; font-size: 20px; background: #ff3600; border: 0px;font-family:'¸¼Àº °íµñ';  cursor: pointer;}


.cancel{width: 140px; height: 40px; color: #fff; font-size: 15px; background: #aabbcf; border: 0px;font-family:'¸¼Àº °íµñ'; cursor: pointer; }
.board-type01 {clear:both; margin-top: 10px;}
.board-type01 th {border-top:2px solid #2061ab;text-align:center;font-weight:bold;color:#666666; font-size: 14px;height:45px;vertical-align:middle;border-bottom:1px solid #757376; word-break:keep-all;}
.board-type01 td {text-align:center;color:#666666; font-size: 14px;height:45px;vertical-align:middle;border-bottom:1px solid #d9d9d9; word-break:keep-all;    }
.board-type01 td a{color:#666666; font-size: 14px;  }
.board-type01 td a:hover{color: #2061ab; text-decoration: underline;}
.board-type01 .subject{text-align: left;  padding-left: 10px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.board-type05 {}
.board-type05 th {  font-size: 14px; border-top:2px solid #2061ab;  text-align: left;  font-weight: bold; color:#666666;   height: 45px;  vertical-align: middle;    border-bottom: 1px solid#757376;}
.board-type05 th .tit { margin-left: 20px;}

.board-type05 td {  color: #666666;   padding: 10px 20px; vertical-align: middle; border-bottom: 1px solid #cecece; font-size: 14px; }
.board-type05 .txt-date1 {float: left;  }
.board-type05 .mt-none strong {margin-right: 10px;}
.board-type05 .txt-date2 { clear:both;}
.board-type05 td.content{ vertical-align:text-top; height:300px;}



.board-bottombtn2 {}
.data-table {width: 100%; position: relative;}
.data-table .line-b { border-bottom: 1px solid #757376;  text-align: center; font-weight: bold; color: #666666; font-size: 15px;}
.data-table th {  border-top: 2px solid #2061ab;text-align: center; color: #6a94b5; font-weight: 700; height:45px; vertical-align: middle;}
.data-table .line-no { border-right: 0;}

.board-prenext {width:100%; font-size: 14px}
.board-prenext th {border-bottom:1px solid #cecece;border-top:1px solid #cecece;vertical-align:middle;text-align:center;height:40px;color:#000;padding:0 5px;}
.board-prenext th img {margin-left:3px;}
.board-prenext td {border-bottom:1px solid #cecece;border-top:1px solid #cecece;vertical-align:middle;height:40px;padding:0 5px;}

.board-bottombtn {  clear: both;   margin: 10px 0;   text-align: right;}
.list-btn {  margin-top:10px;cursor: pointer;   width: 99px;   height: 29px;  background: #2061ab;  color: #fff; font-size: 14px; font-weight: bold; border: 0px;}
.btn-write{  text-align: center;   font-size: 14px;   color: #474747; color:#FFFFFF;  background: #2061ab;   width: 80px;   padding: 10px 0;   letter-spacing: -0.05em;   display: inline-block;   font-weight: 700; cursor: pointer;}
.btn-write a{color:#FFFFFF;}

.btn-dell {  text-align: center;    font-size: 14px; color: #fff !important;  background: #aabbcf;  border: 1px solid #e1e1e1;  width: 80px;  padding:10px 0; letter-spacing: -0.05em;display: inline-block; font-weight: 700;}
.btn-dell  a{color:#FFFFFF;}


.thumtable{clear: both;width: 100%; border-top: 2px solid #4d535a;}
.thumtable li { cursor: pointer; text-align:left;height:185px;;border-bottom:1px solid #d8d8d8; font-family: '¸¼Àº °íµñ';  box-sizing: border-box;  padding-left:140px;  padding-top: 20px; position:relative;}
.thumtable .textarea {width:710px;box-sizing: border-box; }
.thumtable .textarea a:hover {text-decoration: underline;}

.thumtable li .thum{width: 130px; height:100px; position:absolute;left:0;top:20px;border:1px solid #cecece;overflow:hidden; }
.thumtable li .thum img{width: 100%; height: 100%;}
.thumtable li .thum a {display:block;}

.thumtable li .textarea { fpadding-top: 8px; }
.thumtable li .textarea a{color: #6c6c6c; }
.thumtable li .textarea  h4{color: #373737 !important; font-size: 15px;margin-bottom: 20px;}
.thumtable li .textarea .txt{color: #666666; font-size: 13px; line-height: 130%;}
.thumtable li .textarea .submit2 {width:100px;height:30px;font-size:11px;margin-right:0;}

.leftmenu{width:200px; float:left; margin-top:30px;display:none;}
.leftmenu p{width:160px; padding:18px; text-align: center; background:#0068b3; color:#fff; font-size:20px; font-weight:600}
.leftmenu ul li{ border-bottom:solid 1px #eee;  font-size: 14px; } 
.leftmenu ul li a{padding:15px 5px;width:186px;font-weight:600}
.leftmenu ul li a:hover{color:#0068b3;background:url(../image/sub/bul.jpg) no-repeat right}
.leftmenu ul li a.on{color:#0068b3; background:url(../image/sub/bul.jpg) no-repeat right}


.tel{background:#f3f9fb; padding:10px; border-top:solid 1px #b8d1e4;border-left:solid 1px #b8d1e4;border-right:solid 1px #b8d1e4; clear:both}
.tel ul li {font-size:13px;  clear:both; padding:8px 20px 0px 20px;}
.tel ul li.tel1{background:url(../image/sub/tel1.jpg) no-repeat left center; padding-left:40px;background-size:30px auto;}
.tel ul li.tel2{background:url(../image/sub/tel2.jpg) no-repeat left center;padding-left:40px;background-size:30px auto;}
.tel ul li strong{color:#1061a6}
.tel ul li span.org{color:#ff6c00}


.prowrap{border:solid 1px #d7d7d7; padding:15px;}
.pro1{width:100%;}
.pro1 p {}
.pro1 p img{width:100%; border:solid 1px #d7d7d7; }

.pro2{float:left; width:320px; padding:10px;}
.pro2 h5{ color:#0068b3; font-size:20px; font-weight:600;border-bottom:solid 1px #d7d7d7; padding:0px 0 20px 0}
.pro2  span{ line-height:160%; margin-top:10px;}

.pro3{background:url(../image/sub/bg_pro.jpg) ; width:100%;padding:10px;}
.pro3 p {width:100%;text-align:center;}
.pro3 p img{width:100px; height:110px;border:solid 1px #d7d7d7; }
.pro3:after {content:".";height:0;font-size:0;display:block;clear:both;}
.pro3  ul:after {content:".";height:0;font-size:0;display:block;clear:both;}
.pro3  ul li.prost_1{ color:#0068b3; font-size:16px; margin-top:15px;}
.pro3  ul li.prost_2{ color:#000000; font-size:20px; margin-top:5px; font-weight:600}
.pro3 ul{ float:right; width:150px; height:120px;}
.pro3 ul li {line-height:140%;}
.pro3 span{line-height:140%;}
.pro3  span strong{margin-top:10px; color:#000000}
.pro4wrap{ clear:both;}
.pro4 { font-size:13px; padding:20px 0; line-height:160%; width:100%;}
.pro4 span{ font-size:16px; font-weight:600; color:#000000}
.pro5 {padding:20px 0 ; width:100%; text-align:right}

.board-top {position:relative;display:block;width:380px; float:right; text-align:right; margin-bottom:10px;}
.board-top select {width:100px;height:30px;border:1px solid #d5d5d5;vertical-align: middle;}
.board-top input {width:250px;height:24px;color:#999999;font-size:12pt;letter-spacing:-0.05em;border:1px solid #d5d5d5;vertical-align: middle; padding:5px}
.board-top .btn-search {color:#333;font-size:12pt;color:#fff;text-align:center;background: #333;width:50px;height:35px;line-height: 30px;vertical-align: middle;}

.pro5 .submit5 {font-size:15px;width:100px;height:35px;}
.pro5 .submit6 {font-size:15px;width:100px;height:35px;}


.agreement{}
.agreement h3{font-size:18px; color:#000000}

.joinTextArea{ width: 95%; height: 200px; border: 1px solid #cecece; border-radius: 3px; background: #f6f6f6; margin-top: 10px; margin-bottom: 10px; line-height:160%; padding:5px;}


.checkboxArea { font-size:14px;padding:5px 0; color:#FF0000 }


/*·Î±×ÀÎ*/
.online-counsel-loginbox {width:90%;height:260px;border:1px solid #cacaca;margin:30px auto;background:#fff;padding:20px 0;}
.online-counsel-loginbox table {width:95%;margin:0 auto;}
.online-counsel-loginbox table th {vertical-align:middle;height:55px;color:#01619f;font-size:16px;font-weight:bold;width:90px;}
.online-counsel-loginbox table td {vertical-align:middle;height:55px;}
.online-counsel-loginbox table td input {border:1px solid #cacaca;height:40px;width:85%;font-size:14px;padding-left:10px;}
.online-counsel-loginbox .btn-login {display:block;clear:both;width:80%;margin:10px auto;height:43px;color:#fff;background:#2061ab;border:0;border-radius:6px;cursor:pointer;}


.logincheck{ margin:10px  30px 20px  10px;font-size:14px; font-weight:600; }
.idpw{font-size:13px; margin-left:30px; margin-top:15px}
.idpw a{margin-left:20px;}



.online-counsel-loginbox2 {width:100%;height:270px;border:1px solid #cacaca;background:#fff;padding:40px 0 ; margin-bottom:50px;}
.online-counsel-loginbox2  h3{font-size:16px; color:#000000; margin: 0  0 20px  30px;}
.online-counsel-loginbox2 table {width:95%;margin:0 auto;}
.online-counsel-loginbox2 table th {vertical-align:middle;height:55px;color:#01619f;font-size:14px;font-weight:bold;width:110px;}
.online-counsel-loginbox2 table td {vertical-align:middle;height:55px;}
.online-counsel-loginbox2 table td input {border:1px solid #cacaca;height:40px;width:90%;font-size:14px;padding-left:8px;}
.online-counsel-loginbox2 .btn-login {display:block;clear:both;width:80%;margin:15px auto;height:43px;color:#fff;background:#2061ab;border:0;border-radius:6px;cursor:pointer;}


#simplemodal-overlay {background-color:#000;}
.simplemodal-close {background:url(../image/sub/btn_close.png) no-repeat; width:24px; height:24px; display:inline; z-index:5200; position:absolute; top:17px; right:20px; cursor:pointer;}
.popup {width:800px;border:2px solid #333;}
.pop-header {width:100%;position:relative;height:65px;background:#626262;}
.pop-header h1 {padding-left:20px;color:#fff;line-height:65px; font-size:16px; font-weight:600;font-family: Nanum Gothic, "³ª´®°íµñ",dotum;}
.pop-content {clear:both;background:#fff;}
.content-inbox {padding:30px;}

}