@charset "utf-8";
@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff), format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf), format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff), format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf), format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff), format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf), format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff), format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf), format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff), format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf), format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff), format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf), format('opentype');
}

/* 공통 */
.PopupBottom{margin-bottom: 15px;}

.mobile{ display: none !important; }
.web{ display: block !important; }
.login label{font-size: 18px;font-weight: 500}
.login form{width: 60%;margin: 0 auto;margin-top: 100px;margin-bottom: 100px;}
.login input[type="password"]{width:200px;height:35px;color: #ddd;padding-left: 15px;display: inline-block;margin-left: 15px;}
.login input[type="button"]{width: 100px;background: #1d2f88;color: #fff;padding:9px 0;border: none}
.main_visual{max-width:1760px; width: 100%; margin: 0 auto; position: relative;z-index: 3; position: relative; }
.main_visual .main_slider{ height:460px;overflow: hidden; }
.main_visual .main_slider .slide_box{ width: 100%;height:460px; margin: 0 auto; position: relative; background-color: #fff; }
.main_visual .main_slider .slide_box > div{ height:inherit;position: absolute;left:0;top:0;right:0; z-index: 3; overflow: hidden; }
.main_visual .main_slider .slide_box .main_img img{ display: block; margin-left: 0; margin-right: 0; }
.main_visual .main_slider .slide_box .m_inner{ padding-top: 13%; }
.main_visual .main_slider .slide_box .in_obj{ width: 1200px; margin: 0 auto; text-align: left; padding-top: 50px; padding-left: 40px; position: relative; text-align: center; }

.main_visual .slick-dots{ position: absolute; width: 100%; bottom: 40px; left: 0; z-index: 100; text-align: center; }
.main_visual .slick-dots li{ display: inline-block; margin-right: 8px; }
.main_visual .slick-dots li:last-child{ margin-right: 0; }
.main_visual .slick-dots li button{ text-indent: -999em; width: 38px; height: 6px; background-color: rgba(255,255,255,0.6); outline: 0; }
.main_visual .slick-dots li.slick-active button{ background-color: #fff; width: 110px; }

.inner{ width: 1000px; margin: 0 auto; }
.m_inner{ width: 1000px; margin: 0 auto; }

/* main_91 */
.main_01 { padding-top: 34px; padding-bottom: 35px; }
.main_01 .m_inner{ overflow: hidden; }
.main_01 .m_inner > div{ float: left; }
.main_01 .m_inner .news{ width: 312px; margin-right: 32px; }
.main_01 .m_inner > div .title_box{ border-bottom: 1px solid #333333; padding-bottom: 10px; position: relative; margin-bottom: 20px; }
.main_01 .m_inner > div .title_box strong{ font-size: 16px; color: #333; }
.main_01 .m_inner > div .title_box strong:after{ content: ""; width: 60px; height: 2px; background-color: #333; display: block; position: absolute; bottom: -1px; left: 0; }
.main_01 .m_inner > div .title_box a{ position: absolute; right: 0; top: 0; font-size: 12px; color: #333; }
.main_01 .m_inner > div .title_box a:hover{ color: #222; font-weight: bold; }
.main_01 .m_inner > div .title_box a i{ position: relative; top: 1px; }

.main_01 .m_inner .news ul li { padding: 3px 0; position: relative; }
.main_01 .m_inner .news ul li:first-child{ padding-top: 0; }
.main_01 .m_inner .news ul li:last-child{ padding-bottom: 0; }
.main_01 .m_inner .news ul li a{ font-size: 12px; color: #666666; display: block; width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main_01 .m_inner .news ul li a:hover{ color: #333; font-weight: bold; }
.main_01 .m_inner .news ul li span.date{ font-size: 12px; color: #666; position: absolute; top: 6px; right: 0; }
.main_01 .m_inner .news ul li:first-child span.date{ top: 0; }

.main_01 .m_inner .media{ width: 656px; }
.main_01 .m_inner .media ul{ overflow: hidden; }
.main_01 .m_inner .media ul li{ float: left; width: 204px; margin-right: 22px; }
.main_01 .m_inner .media ul li:last-child{ margin-right: 0; }
.main_01 .m_inner .media ul li a{ position: relative; display: block; width: 100%; height: 100%; }
.main_01 .m_inner .media ul li a:after{ content: ""; width: 30px; height:30px; display: block; position: absolute; right: 0; bottom: 0; background: url('/img/main/media_icon.jpg') center center no-repeat; opacity: 1; }
.main_01 .m_inner .media ul li a .hover_box{ position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); padding: 0 20px; padding-top: 22px; text-align: center; opacity: 0; transition: 0.3s; }
.main_01 .m_inner .media ul li a:hover .hover_box{ opacity: 1; }
.main_01 .m_inner .media ul li a:hover:after{ opacity: 0; }
.main_01 .m_inner .media ul li a .hover_box i{ display: block; margin: 0 auto; margin-bottom: 10px; }
.main_01 .m_inner .media ul li a .hover_box strong{ font-size: 12px; color: #fff; display: block;
  white-space: normal; line-height: 18px; height: 36px; text-align: center; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.main_01 .m_inner .media ul li a .img_box img{ display: block; width: 100%;  }


/* main - main_02 */
.main_02 .m_inner > div .title_box{ position: relative; margin-bottom: 10px; }
.main_02 .m_inner > #product .title_box strong{ font-size: 20px; color: #333; background: none;margin: 0;padding: 0;font-family: 'Noto Sans KR';}
.main_02 .m_inner > div .title_box a{ position: absolute; right: 0; top: 0; font-size: 12px; color: #333; }
.main_02 .m_inner > div .title_box a:hover{ font-weight: bold; color: #222; }
.main_02 .m_inner > div .title_box a i{ position: relative; top: 1.5px; }
.main_02 .product ul{ overflow: hidden; }
.main_02 .product ul li{ float: left; width: 226px; margin-right: 32px; }
.main_02 .product ul li:last-child{ margin-right: 0; }
.main_02 .product ul li .img_box{ border: 1px solid #dcdcdc; border-top: 1px solid #333333; margin-bottom: 18px; background-color: #333; }
.main_02 .product ul li .img_box img{ display: block; transition: 0.3s; opacity: 1; }
.main_02 .product ul li a:hover .img_box img{ opacity: 0.8; }
.main_02 #product.product ul li .text_box strong{background: none;font-size: 18px; color: #222; font-weight: normal; display: block; margin-bottom: 8px; margin-left: 0;padding-left: 0}
.main_02 .product ul li .text_box em{ font-size: 12px; line-height: 23px; color: #666666; letter-spacing: -1px;}

/* main - main_03 */
.main_03{ padding-top: 45px; padding-bottom: 40px; }
.main_03 .m_inner{ overflow: hidden; }
.main_03 .m_inner > div{ float: left; height: 218px; }
.main_03 .contact{ background: url('/img/main/contact_bg.jpg') left center no-repeat; background-color: #edeeef; width: 656px; margin-right: 32px; padding-left: 385px; padding-top: 33px; }
.main_03 .contact em{ font-size: 16px; color: #222222; display: block; margin-bottom: 15px; }
.main_03 .contact strong{ font-size: 30px; color: #222222; display: block; margin-bottom: 15px; }
.main_03 .contact dl{ overflow: hidden; }
.main_03 .contact dl dt{ float: left; width: 63px; color: #222222; font-weight: bold; font-size: 12px; }
.main_03 .contact dl dd{ float: left; color: #666666; font-size: 12px; }
.main_03 .contact a{ width: 162px; height: 32px; display: block; text-align: center; line-height: 30px; color: #222; font-size: 14px; border: 1px solid #222; margin-top: 16px; transition: 0.3s; }
.main_03 .contact a:hover{ background-color: #222; color: #fff; }
.main_03 .banner{ width: 312px; position: relative; }
.main_03 .banner img{ display: block; }
.main_03 .banner a{ position: absolute; bottom: 43px; left: 30px; border: 1px solid #fff; width: 94px; height: 28px; text-align: center; line-height: 26px; font-size: 12px; color: #fff; transition: 0.3s; }
.main_03 .banner a:hover{ background-color: #fff; color: #222; }



/* 서브공용 */
.inner{width: 1000px;margin: 0 auto;padding: 50px 0}
.sub_visual{ width: 1760px;margin: 0 auto;height: 300px; background-size: cover; box-sizing: border-box; }
.sub_visual.visual01{ background: url('/img/sub/sub_visual01.jpg') center center no-repeat; background-size: cover; }
.sub_visual.visual02{ background: url('/img/sub/sub_visual02.jpg') center center no-repeat; background-size: cover; }
.sub_visual.visual03{ background: url('/img/sub/sub_visual03.jpg') center center no-repeat; background-size: cover; }
.sub_visual.visual04{ background: url('/img/sub/sub_visual04.png') center center no-repeat; background-size: cover; }
.sub_visual.visual05{ background: url('/img/sub/sub_visual5.jpg') center center no-repeat; background-size: cover; }

.sub_visual .inner{ height: 300px; display: table; }
.sub_visual .inner .sub_title{ height: 100%; display: table-cell; vertical-align: middle; text-align: center; }
.sub_visual .inner .sub_title strong{ font-size: 38px; color: #fff; font-weight: 500; line-height: 48px; display: block; margin-top: 20px; }

.loaction:after{content: '';display: block;clear: both}
.loaction p{float: left;font-size: 28px}
.loaction ul{ float: right; }
.loaction ul li{ display: inline-block; color: #666666; letter-spacing: -1px; font-size: 15px; }
.loaction ul li:first-child{ position: relative; top: -1px;right: 0px;background: url('/img/sub/home1.png');width: 84px;height: 14px}
.loaction ul li:before{ width: 1px; height: 8px; content: ""; display: inline-block;position: relative; top: 4px; background: #c3c3c3;margin: 0 5px; vertical-align: top}
.inner:after{content: '';display: block;clear: both}
.sub_title{ padding: 44px 0; }
.sub_title strong{opacity: 0;position: relative;top:30px;font-size: 20px; line-height: 40px; color: #333333; font-weight: 400; letter-spacing: -1px; display: block; text-align: center; transition: 0.8s ease-in;-webkit-transition: 0.8s ease-in;-moz-transition: 0.8s ease-in;-o-transition: 0.8s ease-in;-ms-transition: 0.8s ease-in;}
.sub_title strong.on{opacity: 1;top:0}
.sub_nav,.content{float: left}
.sub_nav{width: 100%;}
.sub_nav strong{font-size: 16px;display: block;margin-bottom: 20px;font-weight: 300}
.sub_nav ul{border-top:2px solid #1d2f88;border-bottom:2px solid #1d2f88;padding: 10px 0}
.sub_nav ul li a{display: block;padding: 10px 0 10px 10px;font-size: 13px;    font-family: 'Nanum Gothic', sans-serif;}
.sub_nav ul li a:before{content: '';width: 4px;height: 4px;vertical-align: top;display: inline-block;;background: url(/img/sub/dot.png);margin-top:6px;margin-right: 10px;}
.sub_nav ul li.on a{background: #f0f3f5 url(/img/sub/arrow.png) no-repeat  90% 50%}
.sub_nav{width: 226px;}
.content{width: 771px;padding-left: 32px;}
.content .more_con{padding-top:25px;}

.nlist{width:353px;margin: 70px auto;height:34px;}
.nlist > a{display:inline-block;width:34px;height:34px;text-indent: -9999px;vertical-align: top}
.nlist > span{display:inline-block;width:34px;height:34px;text-indent: -9999px;margin-top: -70px}
.nlist .m_prev{background: url('/img/sub/mprev.png') no-repeat 50% 0}
.nlist .prev{background: url('/img/sub/pr.png') no-repeat 50% 0 }
.nlist .next{background: url('/img/sub/ne.png') no-repeat 50%  0}
.nlist .m_next{background: url('/img/sub/mnext.png') no-repeat 50% 0 }
.nlist ul{display:inline-block}
.nlist ul li{margin-left:3px;float:left;width:33px;padding:10px 0;text-align: center;height:33px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
.nlist ul li a{color:#adadad}
.nlist ul li{margin-left:3px;float:left;width:33px;padding:7px 0 !important;text-align: center;height:33px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
.nlist ul li a{color:#adadad;width:100%;height:100%;}
.nlist ul li.act a{color:#4a4da0;font-weight: bold}

/* 공용끝 */

.content .img_bg{width: 100%;height: 793px;color: #fff;background: url(/img/sub/info_img.jpg);padding-top: 127px;padding-right: 77px;text-align: right}
.content .img_bg strong{font-size: 24px;font-weight: 600;line-height:38px; }
.content .img_bg span{font-size: 24px;font-weight: 600;line-height:38px; color: #1d2f88}
.content .img_bg p{line-height: 36px;margin-top: 25px;font-size: 16px;letter-spacing: -1px;}

.map .more_con ul{margin-top: 30px;}
.map .more_con ul li span,.map .more_con ul li p{display: inline-block;}
.map .more_con ul li span{width: 90px;font-size: 16px;font-weight: 600;color: #555555;padding: 14px 0}
.map .more_con ul li:first-child span:before{vertical-align: top;display: inline-block;width: 16px;height: 18px;content: '';background: url(/img/sub/map_icon.png);margin-right: 10px;}
.map .more_con ul li:nth-child(2) span:before{vertical-align: top;display: inline-block;width: 18px;height: 18px;content: '';background: url(/img/sub/phone_icon.png);margin-right: 10px;}
.map .more_con ul li:nth-child(3) span:before{vertical-align: top;display: inline-block;width: 18px;height: 18px;content: '';background: url(/img/sub/fax_icon.png);margin-right: 10px;}
.news table{width: 100%;text-align: center;border-collapse: collapse;}
.news table th{background: #333333;color: #fff}
.news table th,.news table td{padding: 15px 0;}
.news table td.lf{text-align: left;padding-left: 10px;}
.news table td{border-bottom: 1px solid #dcdcdc;font-size: 13px;}
.news table a{width: 387px;display: inline-block;text-align: left;font-size: 13px;padding-left: 10px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.news table td.last{border-bottom: 1px solid #333333;}
.news table tr:hover{background: #f5f5f5}
.news table .num{width: 54px}
.news table .name{width: 462px}
.news table .user{width:117px}
.news table .date{width: 118px}


.catalog .catal_ul:after{content: '';display: block;clear: both}
.catalog .catal_ul li a div{width: 226px;height: 318px;border: 1px solid #dcdcdc;overflow: hidden;}
.catalog .catal_ul li img{-webkit-transition: all 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
-moz-transition: all 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
-o-transition: all 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition: all 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
transform:scale(1.0);transform:perspective(500px) rotate(.001deg);
}
.catalog .catal_ul li:hover img{transform: scale(1.1);}
.catalog .catal_ul li {text-align: center;font-size: 18px;}
.catalog .catal_ul li span{text-align: center;font-size: 13px;display: block;margin-top: 15px;}
.catalog .catal_ul li{float: left;margin-right: 30px;}
.catalog .catal_ul li:nth-child(3){margin-right: 0;}
.catalog .catal_ul li:nth-child(6){margin-right: 0;}
.catalog .catal_ul li:nth-child(9){margin-right: 0;}
.catalog .catal_ul li:nth-child(4){margin-top: 40px;}
.catalog .catal_ul li:nth-child(5){margin-top: 40px;}
.catalog .catal_ul li:nth-child(6){margin-top: 40px;}
.catalog .catal_ul li:nth-child(7){margin-top: 40px;}
.catalog .catal_ul li:nth-child(8){margin-top: 40px;}
.catalog .catal_ul li:nth-child(9){margin-top: 40px;}
.prot_tab {
  list-style: none;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  width: 100%;
}
#container > strong:after{ content: ""; width: 100%; height: 3px; background-color: #000000; display: block; margin-top: 3px; }

/* Float the list items side by side */
.prot_tab li {
  display: inline-block;

}
/* Style the links inside the list items */
.prot_tab li:first-child{margin-right:10px}
.rack .prot_tab li:nth-child(2){margin-right:10px}
.prot_tab li a {
  outline: 0;
  display: inline-block;
  color: #777777;
  text-align: center;
  width: 360px;
  font-size: 13px;
  background: #f5f5f5;
  padding: 10px 0;
}
.rack .prot_tab li a {
  outline: 0;
  display: inline-block;
  color: #777777;
  text-align: center;
  width:210px;
  font-size: 13px;
  background: #f5f5f5;
  padding: 10px 0;
}
ul.prot_tab li.current{border-bottom: none}

ul.prot_tab li.current a{
  color: #fff;
  background: #0890d7
}
/* Style the tab content */
.tabcontent {
  display: none;width:100%
}
.tabcontent.current {
  display: block;
}
.tabcontent:after{
  content:'';
  display:block;
  clear:both
}
.tabcontent ul li{float: left;margin-top: 40px;}
.tabcontent ul li:first-child{margin-right: 18px;}
.tabcontent ul li:nth-child(3){margin-right: 18px;}
.tabcontent ul li div{width: 360px;height:226px;overflow: hidden;border: 1px solid #dcdcdc}
.tabcontent ul li img{-webkit-transition: all 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
-moz-transition: all 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
-o-transition: all 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition: all 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
transform:scale(1.0);transform:perspective(500px) rotate(.001deg);

}
.tabcontent ul li:hover img{transform: scale(1.08);}
.tabcontent ul li span{display: block;text-align: center;font-size: 13px;margin-top: 15px;}
/* .v_list:after{content: '';display: block;clear: both}
.v_list li{width: 226px;float: left;margin-left: 30px;margin-bottom: 40px;overflow: hidden;}
.v_list li img{-webkit-transition: all 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
-moz-transition: all 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
-o-transition: all 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition: all 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
transform:scale(1.0);
} */
/* .v_list li div{width: 100%;overflow: hidden;height: 128px;}
.v_list li:hover img{transform: scale(1.1);}
.v_list li:nth-child(1){margin-left: 0}
.v_list li:nth-child(4){margin-left: 0}
.v_list li:nth-child(7){margin-left: 0}
.v_list li:first-child{margin-left: 0}
.v_list li div{width:226px;height:128px;position: relative;}
.v_list li span{font-size: 16px;display: block;margin-top: 18px;}
.v_list li .hover{opacity: 0;width: 100%;height: 100%;position: absolute;top:0;left: 0;background:rgba(0,0,0,0.3) url('/img/sub/youtube.png') no-repeat 50% 50%;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;}
.v_list li:hover .hover{opacity: 1} */
.v_list:after{content: '';display: block;clear: both}
.v_list li{width: 359px;float: left;margin-right: 20px;margin-bottom: 40px;overflow: hidden;}
.v_list li img{-webkit-transition: all 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
-moz-transition: all 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
-o-transition: all 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition: all 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
transform:scale(1.0);transform:perspective(500px) rotate(.001deg);
}
.v_list li div{width: 100%;overflow: hidden;height: 203px;}
.v_list li:hover img{transform: scale(1.1);}
.v_list li:nth-child(2n){margin-right: 0}
/* .v_list li:nth-child(3){margin-left: 0} */
.v_list li:first-child{margin-left: 0}
.v_list li div{width:359px;height:203px;position: relative;}
.v_list li span{font-size: 16px;display: block;margin-top: 18px;font-size: 14px;text-align:center;}
.v_list li .hover{opacity: 0;width: 100%;height: 100%;position: absolute;top:0;left: 0;background:rgba(0,0,0,0.3) url('/img/sub/youtube.png') no-repeat 50% 50%;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;}
.v_list li:hover .hover{opacity: 1}

.product .con{padding: 43px 0}
.product .sub_main{width: 100%;height: 464px;border:1px solid #dcdcdc;margin-bottom:25px;overflow: hidden;}
.product .sub_main img{display: block;margin: 0 auto}
.product .p_name{font-family: 'Nanum Gothic', sans-serif;font-size: 18px;width: 100%;display: block;background: #333333;color: #fff;padding: 10px 15px;margin-top: 0;margin-bottom: 20px;}
.product .tog:after{content: '';display: block;clear: both}
.product .tog{width: 742px;background: #fff;padding-top: 10px;}
.product .tog.act{position: fixed;top:0px;}
.product .tog li{background: #f5f5f5;width: 130px;padding: 10px 0;/*border-bottom:1px solid #666666;border-top:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc*/;margin: 0 !important;text-align: center;box-sizing: border-box;-webkit-;box-sizing: border-box;-moz-;box-sizing: border-box;o-;box-sizing: border-box;-ms-;box-sizing: border-box;}
.product .tog li.act{background: #008ad5;width: 130px;padding: 10px 0;border-bottom: #fff;color: #fff}
.product .tog li.act a{color: #fff;font-size: 13px;}
.product .tog li a{font-size: 13px;}
.product .tog li:last-child{background: none;border: none;width: 92px;/*border-bottom: 1px solid #333;*/padding: 11px 0 10px;text-indent: -9999px;}
.product .con5{min-height: 750px;}
.product button{width: 150px;background: #1d2f88;display: block;margin: 0 auto;margin-top: 30px;color: #fff;padding: 10px 0}
.news2 .tit {border-bottom: 3px solid #878787;padding: 10px;padding-top: 0}
.news2 .tit strong{font-family: 'Nanum Gothic', sans-serif;font-size: 13px;}
.news2 .tit div{margin-top: 7px;}
.news2 .tit p{font-family: 'Nanum Gothic', sans-serif;display: inline-block;color: #1d2f88;font-size:12px;margin-right: 15px;}
.news2 .tit span{font-family: 'Nanum Gothic', sans-serif;font-size:12px;margin-right: 20px;}
.news2 .n_txt{padding: 20px 10px 30px 10px}
.news2 .list_btn{width: 150px;font-size: 14px;background: #1d2f88;display: block;margin: 0 auto;margin-top: 30px;color: #fff;padding: 10px 0;text-align: center;}
.video2 .loaction{padding-bottom: 15px;border-bottom: 2px solid #666}
.video2 iframe{width: 100%;height: 500px;}
.video2 p{padding-top: 30px;}

.partner ul.part_list li{float: left;width: 230px;border: 1px solid #cfd3d5;margin-right: 22px;padding: 10px 0;margin-bottom: 40px;}
.partner ul.part_list li:nth-child(3),.partner ul.part_list li:nth-child(6),.partner ul.part_list li:nth-child(9){margin-right: 0}
.partner ul.part_list li img{display: block;margin: 0 auto}
.w_ul{clear: both;}
.form_wrap1{width: 100%;display: block}
.form_wrap2{width: 100%;display: block}
.form_wrap2 form{float:right;margin-bottom: 20px}
.form_wrap2 select{width:98px;height:31px;border: 1px solid #d2d2d2}
.form_wrap2 p{display: inline-block;}
.form_wrap2 input{width:253px;height:31px;border: 1px solid #d2d2d2}
.form_wrap2 .n_search{display: inline-block;padding: 6px;margin-left: -10px;background: #333333;width: 75px;text-align: center;color: #fff}
.form_wrap2 .inner{padding-bottom: 180px;}


.return{display: block;width: 160px;color: #fff;background: #1d2f88;padding: 12px 0;margin: 0 auto;text-align: center;margin-top: 30px;}