@font-face {
 font-family: 'NanumSquare';
 font-weight: normal;
 src: url(https://www.rootech.com/font/NanumSquareR.eot);
 src: local('¡Ø'), url(https://www.rootech.com/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(https://www.rootech.com/font/NanumSquareR.woff) format('woff'),
      url(https://www.rootech.com/font/NanumSquareR.ttf) format('truetype');
}


@font-face {
 font-family: 'NanumSquare';
 font-weight: bold;
 src: url(https://www.rootech.com/font/NanumSquareB.eot);
 src: local('¡Ø'), url(https://www.rootech.com/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(https://www.rootech.com/font/NanumSquareB.woff) format('woff'),
      url(https://www.rootech.com/font/NanumSquareB.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(https://www.rootech.com/font/NanumSquareEB.eot);
 src: url(https://www.rootech.com/font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(https://www.rootech.com/font/NanumSquareEB.woff) format('woff'),
      url(https://www.rootech.com/font/NanumSquareEB.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquareEB';
  font-weight:bold;
 src: url(https://www.rootech.com/font/NanumSquareEB.eot);
 src: local('¡Ø'), url(https://www.rootech.com/font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(https://www.rootech.com/font/NanumSquareEB.woff) format('woff'),
      url(https://www.rootech.com/font/NanumSquareEB.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(https://www.rootech.com/font/NanumSquareL.eot);
 src: url(https://www.rootech.com/font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(https://www.rootech.com/font/NanumSquareL.woff) format('woff'),
      url(https://www.rootech.com/font/NanumSquareL.ttf) format('truetype');
}


@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: url(https://www.rootech.com/font/NanumBarunGothicUltraLight.eot);
  src: local('Nanum Barun Gothic UltraLight'),
       local('NanumBarunGothicUltraLight'),
       url(https://www.rootech.com/font/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(https://www.rootech.com/font/NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(https://www.rootech.com/font/NanumBarunGothicUltraLight.woff) format('woff'),
       url(https://www.rootech.com/font/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: url(https://www.rootech.com/font/NanumBarunGothicLight.eot);
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url(https://www.rootech.com/font/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(https://www.rootech.com/font/NanumBarunGothicLight.woff2) format('woff2'),
       url(https://www.rootech.com/font/NanumBarunGothicLight.woff) format('woff'),
       url(https://www.rootech.com/font/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(https://www.rootech.com/font/NanumBarunGothic.eot);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(https://www.rootech.com/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(https://www.rootech.com/font/NanumBarunGothic.woff2) format('woff2'),
       url(https://www.rootech.com/font/NanumBarunGothic.woff) format('woff'),
       url(https://www.rootech.com/font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(https://www.rootech.com/font/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(https://www.rootech.com/font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(https://www.rootech.com/font/NanumBarunGothicBold.woff2) format('woff2'),
       url(https://www.rootech.com/font/NanumBarunGothicBold.woff) format('woff'),
       url(https://www.rootech.com/font/NanumBarunGothicBold.ttf) format('truetype');
}

/***** reset  *****/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0; padding:0}
html,body,th,td,input,select,textarea,button,
address,caption,cite,code,dfn,var, b,strong,em {line-height:1.1; letter-spacing:0; font-family: inherit; font-style:normal}
fieldset,img{border:0 none;}
dl,ul,ol,menu,li {list-style:none;}

/***** Reset end *****/

a {color:#666; text-decoration:none;}
a:active {outline: 0;}
a:active, a:hover {text-decoration:none;}
img {vertical-align: middle;}

/* layout */
.inner {margin:0 auto; min-width:1200px; width:1200px}

/* 2017-12-29 */
header {position:fixed;left:0;top:0;width:100%;min-width:1200px;background: #fff left 0 repeat-x;border-bottom:0px solid #dfdfdf;overflow:hidden;z-index:9999999;box-shadow: 0px 1px #f4f4f4;} 
/* header {position:fixed; left:0; top:0; width:100%; min-width:1200px; z-index:100; background-color:#ffffff; border-bottom:1px solid #dfdfdf; overflow:hidden;} */
header:after{content:''; clear:both; display:block}
header > .inner {position:relative; height:83px; width:1200px}
header .logo { height:66px; position:absolute; top:0px; left:0; padding-top:28px; border:0px solid #cacaca; z-index:9999; }
header .logo a {margin-right:4px}
header .gnb-wrap {position:absolute; position:absolute; width:570px; height:66px; left:37px; padding-top:20px; padding-left:230px; border: 0px solid #efefef;  z-index:9; }
header .gnb-wrap > ul:after{content:''; clear:both; display:block}
header .gnb-wrap > ul > li {float:left; padding: 0 7px; font-size:14px; font-weight:800; font-family: 'NanumSquare', sans-serif !important; }
header .gnb-wrap > ul > li.active1 > a {color: #003da7;}
header .gnb-wrap > ul > li.last {padding-right:0}
header .gnb-wrap > ul > li > a { display: block; height:60px; padding: 5px 15px; color: #333333; overflow: hidden; font-size: 18px; line-height: 37px; font-weight: bold; }
header .gnb-wrap > ul > li > a:hover {color: #003da7;}

header .gnb-wrap .sub {position:absolute; left:0; top: 88px; width: 1150px;}

header .gnb-wrap .sub.hide {width:0; height:0; font-size:0; line-height:0; overflow:hidden}

header .gnb-wrap .sub:first-child {border-left:none}

header .gnb-wrap .sub-wrap ul:after{content:''; clear:both; display:block; background:#efefef; }

header .gnb-wrap .sub li {line-height: 30px;}
header .gnb-wrap .sub .sub-2depth > li  { float:left; padding: 0px 0px 0px 15px ; border-right: 0px solid #efefef; margin-bottom: -200px; padding-bottom:200px; font-size:15px; font-weight:800; font-family: 'NanumSquare', sans-serif !important;}
header .gnb-wrap .sub .sub-2depth > li:first-child  {border-left: 0px solid #efefef;}
header .gnb-wrap .sub .sub-2depth > li > a {display: block;height: 23px;padding: 12px 0;color: #ffffff;font-size:13px;font-weight:700;font-family:'Nanum Barun Gothic','Nanum Gothic';line-height: 10px;}
header .gnb-wrap .sub .sub-2depth > li a:hover {color: #ffffff;}
header .gnb-wrap .sub .sub-2depth > li a:focus,
header .gnb-wrap .sub .sub-2depth > li.active2 > a {color: #ffffff;}

header .gnb-wrap .sub .sub-3depth > li a:hover {color: #003da7;}
header .gnb-wrap .sub .sub-3depth > li > a:focus,
header .gnb-wrap .sub .sub-3depth > li.active3 > a {color: #121212; font-weight: normal;}
header .gnb-wrap .sub .sub-3depth {padding: 0px 0;}
header .gnb-wrap .sub .sub-3depth > li {color: #000000;position: relative;width:180px;padding: 0 0 0 0px;font-size: 13px;font-weight: bold;font-family:'Nanum Barun Gothic';}
header .gnb-wrap .sub .sub-3depth > li:before {content: ''; position: absolute; top: 10px; left: 0; display: block; background-color: #666; font: 0/0 a;}
header .gnb-wrap .sub .sub-3depth > li > a {width: 180px;position: relative;display: block;line-height: 26px;font-size: 12px;font-weight:500;font-family: 'Nanum Gothic';/* color: #898989; */margin-bottom: 3;}
header .gnb-wrap .sub .sub-3depth > li > a sup {display: inline-block; font-size: 10px; line-height: 1;}
header .gnb-wrap .sub .sub-3depth.hide {display:none}
header .gnb-wrap .sub-menu1 {left: 100px;}
header .gnb-wrap .sub-menu2 {left: -40px;}
header .gnb-wrap .sub-menu3 {left: 32px;}
header .gnb-wrap .sub-menu4 {left: 70px;}  /*2018-03-09*/
header .gnb-wrap .sub-menu5 {left: 425px;}


header #lang-menu { position:absolute; height:83px; top:0px; right:10px; padding-top:33px; font-size:16px; border:0px solid #cacaca; font-size:15px; font-weight:400; font-family:'Nanum Barun Gothic' } /*2018-04-12*/
header #lang-menu li {float:left}
header #lang-menu li a {display:block; padding:0 10px; font-size:12px; color:#888; letter-spacing:0.3px; font-size:16px; font-weight:400; font-family:'Nanum Barun Gothic'; }
header #lang-menu li:first-child a {background:none}
header #lang-menu li.on a {color:#000;}

header #lang-menu2 { position:absolute; height:83px; top:0px; right:10px; padding-top:33px; font-size:16px; border:0px solid #cacaca;  } /*2018-04-12*/
header #lang-menu2 li {float:left}
header #lang-menu2 li a {display:block; padding:0 10px; font-size:12px; color:#888; background:url('../bul_util.html') left top no-repeat; letter-spacing:0.3px}
header #lang-menu2 li:first-child a {background:none}
header #lang-menu2 li.on a {color:#000;}

header .external-menu { top:0; right:0; font-size:11px}
header .external-menu li {float:left}
header .external-menu li a {display:block; position: relative;}
header .external-menu li a span {display: none; width: 200px; height: 21px; position: absolute; top: 29px; padding-top: 3px; font: 0/0 a; box-sizing: border-box; z-index: 10;}
header .external-menu li a:hover span {display: block;}
header .external-menu li a.btn_diware {text-align:center;padding:6px 25px 3px;border-left:1px solid #f4f4f4;border-right:1px solid #f4f4f4;line-height:23px;background:#fff; position: relative;}
header .external-menu li a.btn_diware:hover {color:#fff;background:#007dc3;}
header .external-menu li a.btn_diware span {left: 0; background: url('../top_btn01_over.html') left top no-repeat;}
header .external-menu li a.btn_hubpot {text-align:center;padding:6px 35px 3px;border-right:1px solid #f4f4f4;line-height:23px;background:#fff;}
/*header .external-menu li a.btn_hubpot:hover {color:#fff;background:#ef5927;}*/
header .external-menu li a.btn_hubpot:hover {color:#fff;background:#ef5927 url('../btn_hubpot_over.html') right center no-repeat}
header .external-menu li a.btn_hubpot span {left: 0; background: url('../top_btn02_over.html') left top no-repeat;}
header .external-menu li a.btn_b2bmall {text-align:center;padding:6px 25px 3px;border-right:1px solid #f4f4f4;line-height:23px;background:#fff;}
header .external-menu li a.btn_b2bmall:hover {color:#fff;background:#666;}
header .external-menu li a.btn_b2bmall span {right: 0; background: url('../top_btn03_over.html') right top no-repeat;}
header .util-menu { top:0; left:0; font-size:11px; display: none;}
header .util-menu li {float:left;}
header .util-menu li a {display:block; padding:9px 7px; font-size:12px; background:url('../bul_util.html') left 9px no-repeat; letter-spacing:0.3px}
header .util-menu li a.last {padding-right:0}
header .util-menu .btn_contact_us a {display:inline-block;height:32px;line-height:32px;padding:0 44px 0 20px;border-left:1px solid #f4f4f4;border-right:1px solid #f4f4f4;font-size:12px;color:#666;background:#FFF url('../btn_contact_us.html') 78px 9px no-repeat}
header .award-menu {position: absolute; top: 45px; right: 0;}
/* // 2017-12-29 */


/* sub */
.page-location {width:100%;  margin-top:-1px; background-color:#003da7; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}/* 2017-06- */
.page-location .inner {height:38px}
.page-location .breadcrumb {float:left; padding-right:14px; font-size: 17px; font-weight:700; font-family:'NanumSquare', sans-serif !important; background:url('../jpg/img_location_bar.jpg') right -1px no-repeat}
.page-location .breadcrumb > li { text-align:left; Z-INDEX: 100;position:relative; float:left; height:38px; margin-left:-1px; font-size: 17px; font-weight:300; font-family: 'NanumSquare', sans-serif !important;  line-height:38px; background:url('../jpg/img_location_bar.jpg') -1px -1px no-repeat}/*2017-06-22*/
.page-location .breadcrumb > li > a { text-align:left; display:block; min-width:74px; padding:0 40px 0 30px; color:#fff; font-size: 17px; font-weight:300; font-family: 'NanumSquare', sans-serif !important; }
.page-location .breadcrumb > li.home {margin-left:0; background:none}
.page-location .breadcrumb > li.home > a {width:21px; padding:0; min-width:0; font-size: 17px; font-weight:300; font-family:'Nanum Barun Gothic', 'NanumSquare', sans-serif !important;}
.page-location .breadcrumb > li.is-sub {display:none}
.page-location .breadcrumb > li.is-sub > a {background:url('../gif/bul_location_more.gif') right center no-repeat}
.page-location .breadcrumb > li > ul {display:none; position:relative; padding:0px 0 0px 0; border:1px solid #405f94; background:#003da7; z-index:10}
.page-location .breadcrumb > li > ul > li { text-align:left; border-bottom:1px solid #405f94; }
.page-location .breadcrumb > li > ul > li:hover { background:#005ed2; }
.page-location .breadcrumb > li > ul > li > a {padding: 0 15px 0 27px; display:block; color:#fff; letter-spacing: 0.1px; line-height:26px; font-size: 14px; font-weight:300; font-family:'Nanum Gothic', 'NanumSquare', sans-serif; }/*2017-06-*/
.page-location .breadcrumb > li > ul > li > a:hover, .page-location .breadcrumb > li > ul > li > a:focus {color:#ffffff; }
.page-location .breadcrumb > li.is-sub.show {position:relative; background-color:#003da7; }
.page-location .breadcrumb > li.is-sub.show:after {position:absolute; right:-13px; top:0; content:''; clear:both; display:block; width:16px; height:40px; background:url('../jpg/img_location_bar.jpg') 1px -41px no-repeat; z-index:10; }
.page-location .breadcrumb > li.is-sub.show > a {  font-size: 17px; font-weight:300; font-family:'NanumSquare'; }
.footer-util .page-location .breadcrumb > li.is-sub > a {background:none}

body {
	margin:0; padding:0;font-size:14px;    
	font-smoothing: antialiased !important;
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale;
}
li {list-style:none}

.blind, legend {display:block; overflow:hidden; position:absolute; top:-1000em; left:0;}

.mainImg {height:610px; position:relative;background-color:#ffffff; margin-top:83px; }
.mainImg .slide {width:100%; height:610px; position:relative;}
.mainImg .slide div {width:100%; height:610px; float:left; position:absolute; display:none}
.mainImg .slide .img0 {  } 
.mainImg .slide .img1 {  } 
.mainImg .slide .img2 {  }
.mainImg .slide .img3 {  }
.mainImg .slide .img4 { }
.mainImg .slide .img5 { }
.mainImg .slide .img6 {  }
.mainImg .slide .img7 {  }
.mainImg .slide .img8 {  }
.mainImg .slide a  {display:block; height:610px;}
.mainImg .nav {z-index:10; position:absolute; bottom:40px; left:45%; margin-left:-88px; overflow:hidden;}
.mainImg .nav a {margin-right:8px; background:none; border:1px solid #ccc; float:left; display:block; width:50px; height:5px;}
.mainImg .nav a.last {margin:0;}
.mainImg .nav a.on .bar {position:relative; top:-4px; *top:0; height:10px; background:#0187ff; display:inline-block; zoom:1; *display:inline;}
.mainImg .arrow a {transition:all 0.1s linear 0.1s; z-index:1; position:absolute; width:50px; height:87px; display:block; background:url(../png/bt_ban_arrow.png) no-repeat 0 0;}
.mainImg .arrow a.prev {bottom:290px; left:54px; background-position:0 0; opacity:0.6;}
.mainImg .arrow a.next {bottom:290px; right:54px; background-position:-50px 0; opacity:0.6;}
.mainImg .arrow a.prev:hover,
.mainImg .arrow a.next:hover {opacity:1;}


#main_products1 {float:left; width:797px; height:390px; border-right:1px solid #e2e2e2; position:relative;overflow:hidden;background-size:cover !important;}
#main_products1 .desc {position:absolute;left:0;bottom:-390px;width:100%;height:390px;text-align:center;background-color:rgba(27,27,27,0.9);padding-top:0px; }
#main_products1 .desc .con1 {height:14px;font-family:noto_r;font-size:16px;color:#fff;}
#main_products1 .desc .depth2 .left { float:left; width:36%; height:auto; letter-spacing:0px; font-size:17px; color:#ffffff; font-weight:700; font-family: 'NanumSquare', sans-serif !important; text-align:left; padding:0px 0px 0px 20px;}
#main_products1 .desc .depth2 .right { float:left; width:58%; height:auto; letter-spacing:-2px; font-size:17px; color:#ffffff; font-weight:700; font-family: 'NanumSquare', sans-serif !important; text-align:left; padding:0px 5px 0px 20px;}
#main_products1 .desc .depth2 ul li a {display:block;width:100%;height:auto; letter-spacing:0.3px; font-size:17px; color:#ffffff; font-weight:300; font-family: 'NanumSquare', sans-serif !important; padding:1px 5px 1px 10px; text-align:left;}
#main_products1 .desc .depth2 ul li a:hover {background:#0088ff; padding-right:5px; }
.main_products1_title_link { float:left; width:100%; letter-spacing:-0.2px; font-size:17px; color:#ffffff; font-weight:700; font-family: 'NanumSquare', sans-serif !important; text-align:left; line-height:95%; padding:0px 0px 0px 20px; }
.main_products1_title_link2 { float:left; width:100%; letter-spacing:0px; font-size:17px; color:#ffffff; font-weight:700; font-family: 'NanumSquare', sans-serif !important; text-align:left; line-height:95%; padding:0px 0px 0px 20px; }

#main_products2 {float:left; width:396px; height:390px; position:relative;overflow:hidden;background-size:cover !important;}
#main_products2 .desc {position:absolute;left:0;bottom:-390px;width:100%;height:390px;text-align:center;background-color:rgba(27,27,27,0.9);padding-top:0px;}
#main_products2 .desc .con1 {height:10px;font-family:noto_r;font-size:16px;color:#fff;}
#main_products2 .desc .depth2 ul li {width:100%;height:auto; text-align:left; padding:0px;}
#main_products2 .desc .depth2 ul li a {display:block;width:100%;height:auto; font-size:17px; color:#ffffff; font-weight:300; font-family: 'NanumSquare', sans-serif !important; text-align:center;padding:3px 0 3px 25px;text-align:left;}
#main_products2 .desc .depth2 ul li a:hover {background:#0088ff;}

#main_products3 {float:left; width:398px; height:310px; border-right:1px solid #e2e2e2; position:relative;overflow:hidden;background-size:cover !important;}
#main_products3 .desc {position:absolute;left:0;bottom:-310px;width:100%;height:310px;text-align:center;background-color:rgba(27,27,27,0.9);padding-top:0px;}
#main_products3 .desc .con1 {height:40px;font-family:noto_r;font-size:16px;color:#fff;}
#main_products3 .desc .depth2 ul li {width:100%;height:auto;background:}
#main_products3 .desc .depth2 ul li a {display:block;width:100%;height:auto; font-size:17px; color:#ffffff; font-weight:300; font-family: 'NanumSquare', sans-serif !important; text-align:center;padding:3px 0 3px 25px;text-align:left;}
#main_products3 .desc .depth2 ul li a:hover {background:#0088ff;}

#main_products4 {float:left; width:398px; height:310px; border-right:1px solid #e2e2e2; position:relative;overflow:hidden;background-size:cover !important;}
#main_products4 .desc {position:absolute;left:0;bottom:-310px;width:100%;height:310px;text-align:center;background-color:rgba(27,27,27,0.9);padding-top:0px;}
#main_products4 .desc .con1 {height:40px;font-family:noto_r;font-size:16px;color:#fff;}
#main_products4 .desc .depth2 ul li {width:100%;height:auto;background:}
#main_products4 .desc .depth2 ul li a {display:block;width:100%;height:auto; font-size:17px; color:#ffffff; font-weight:300; font-family: 'NanumSquare', sans-serif !important; text-align:center;padding:3px 0 3px 25px;text-align:left;}
#main_products4 .desc .depth2 ul li a:hover {background:#0088ff;}

#main_products5 {float:left; width:396px; height:310px; position:relative;overflow:hidden;background-size:cover !important;}
#main_products5 .desc {position:absolute;left:0;bottom:-310px;width:100%;height:310px;text-align:left;background-color:rgba(27,27,27,0.9);padding-top:0px;}
#main_products5 .desc .con1 {height:40px;font-family:noto_r;font-size:16px;color:#fff;}
#main_products5 .desc .depth2 ul li {width:100%;height:auto;background:text-align:left; font-size:17px; color:#ffffff; font-weight:700; font-family: 'NanumSquare', sans-serif !important; padding:3px 0 3px 0px; }
#main_products5 .desc .depth2 ul li a {display:block;width:100%;height:auto; font-size:17px; color:#ffffff; font-weight:300; font-family: 'NanumSquare', sans-serif !important; text-align:left;padding:3px 0 3px 25px;}
#main_products5 .desc .depth2 ul li a:hover {background:#0088ff;}

#main_products6 {float:left; width:640px; height:390px; border-right:1px solid #e2e2e2; position:relative;overflow:hidden;background-size:cover !important;}
#main_products6 .desc {position:absolute;left:0;bottom:-390px;width:100%;height:390px;text-align:center;background-color:rgba(27,27,27,0.9);padding-top:0px; }
#main_products6 .desc .con1 {height:14px;font-family:noto_r;font-size:16px;color:#fff;}
#main_products6 .desc .depth2 .left { float:left; width:36%; height:auto; letter-spacing:0px; font-size:17px; color:#ffffff; font-weight:700; font-family: 'NanumSquare', sans-serif !important; text-align:left; padding:0px 0px 0px 5px;}
#main_products6 .desc .depth2 .right { float:left; width:48%; height:auto; letter-spacing:-2px; font-size:17px; color:#ffffff; font-weight:700; font-family: 'NanumSquare', sans-serif !important; text-align:left; padding:0px 5px 0px 20px;}
#main_products6 .desc .depth2 ul li a {display:block;width:100%;height:auto; letter-spacing:0.3px; font-size:17px; color:#ffffff; font-weight:300; font-family: 'NanumSquare', sans-serif !important; padding:2px 5px 2px 1px; text-align:left; line-height:95%;}
#main_products6 .desc .depth2 ul li a:hover {background:#0088ff; padding-right:5px; }
.main_products1_title_link { float:left; width:100%; letter-spacing:-0.2px; font-size:17px; color:#ffffff; font-weight:700; font-family: 'NanumSquare', sans-serif !important; text-align:left; padding:3px 0px 3px 20px; }
.main_products1_title_link2 { float:left; width:100%; letter-spacing:0px; font-size:17px; color:#ffffff; font-weight:700; font-family: 'NanumSquare', sans-serif !important; text-align:left; padding:0px 0px 0px 20px; }

#main_products7 {float:left; width:554px; height:390px; position:relative;overflow:hidden;background-size:cover !important;}
#main_products7 .desc {position:absolute;left:0;bottom:-390px;width:100%;height:390px;text-align:center;background-color:rgba(27,27,27,0.9);padding-top:0px;}
#main_products7 .desc .con1 {height:10px;font-family:noto_r;font-size:16px;color:#fff;}
#main_products7 .desc .depth2 ul li {width:100%;height:auto; text-align:left; font-size:17px; color:#ffffff; font-weight:700; font-family: 'NanumSquare', sans-serif !important; padding:3px 0 3px 0px; }
#main_products7 .desc .depth2 ul li a {display:block;width:100%;height:auto; font-size:17px; color:#ffffff; font-weight:300; font-family: 'NanumSquare', sans-serif !important; text-align:left;padding:3px 0 3px 25px;}
#main_products7 .desc .depth2 ul li a:hover {background:#0088ff;}

#main_products8 {float:left; width:275px; height:310px; border-right:1px solid #e2e2e2; position:relative;overflow:hidden;background-size:cover !important;}
#main_products8 .desc {position:absolute;left:0;bottom:-310px;width:100%;height:310px;text-align:center;background-color:rgba(27,27,27,0.9);padding-top:0px;}
#main_products8 .desc .con1 {height:40px;font-family:noto_r;font-size:16px;color:#fff;}
#main_products8 .desc .depth2 ul li {width:100%;height:auto;text-align:left; font-size:17px; color:#ffffff; font-weight:700; font-family: 'NanumSquare', sans-serif !important; padding:3px 0 3px 0px; }
#main_products8 .desc .depth2 ul li a {display:block;width:100%;height:auto; font-size:17px; color:#ffffff; font-weight:300; font-family: 'NanumSquare', sans-serif !important; text-align:left;padding:3px 0 3px 25px;}
#main_products8 .desc .depth2 ul li a:hover {background:#0088ff;}

#main_products9 {float:left; width:360px; height:310px; border-right:1px solid #e2e2e2; position:relative;overflow:hidden;background-size:cover !important;}
#main_products9 .desc {position:absolute;left:0;bottom:-310px;width:100%;height:310px;text-align:center;background-color:rgba(27,27,27,0.9);padding-top:0px;}
#main_products9 .desc .con1 {height:40px;font-family:noto_r;font-size:16px;color:#fff;}
#main_products9 .desc .depth2 ul li {width:100%;height:auto;text-align:left; font-size:17px; color:#ffffff; font-weight:700; font-family: 'NanumSquare', sans-serif !important; padding:3px 0 3px 0px; }
#main_products9 .desc .depth2 ul li a {display:block;width:100%;height:auto; font-size:17px; color:#ffffff; font-weight:300; font-family: 'NanumSquare', sans-serif !important; text-align:left;padding:3px 0 3px 25px;}
#main_products9 .desc .depth2 ul li a:hover {background:#0088ff;}

#main_products10 {float:left; width:319px; height:310px; position:relative;overflow:hidden;background-size:cover !important;}
#main_products10 .desc {position:absolute;left:0;bottom:-310px;width:100%;height:310px;text-align:left;background-color:rgba(27,27,27,0.9);padding-top:0px;}
#main_products10 .desc .con1 {height:40px;font-family:noto_r;font-size:16px;color:#fff;}
#main_products10 .desc .depth2 ul li {width:100%;height:auto;background:text-align:left; font-size:17px; color:#ffffff; font-weight:700; font-family: 'NanumSquare', sans-serif !important; padding:3px 0 3px 0px; }
#main_products10 .desc .depth2 ul li a {display:block;width:100%;height:auto; font-size:17px; color:#ffffff; font-weight:300; font-family: 'NanumSquare', sans-serif !important; text-align:left;padding:3px 0 3px 25px;}
#main_products10 .desc .depth2 ul li a:hover {background:#0088ff;}

#main_products11 {float:left; width:396px; height:310px; position:relative;overflow:hidden;background-size:cover !important;}
#main_products11 .desc {position:absolute;left:0;bottom:-310px;width:100%;height:310px;text-align:left;background-color:rgba(27,27,27,0.9);padding-top:0px;}
#main_products11 .desc .con1 {height:40px;font-family:noto_r;font-size:16px;color:#fff;}
#main_products11 .desc .depth2 ul li {width:100%;height:auto;background:text-align:left; font-size:17px; color:#ffffff; font-weight:700; font-family: 'NanumSquare', sans-serif !important; padding:3px 0 3px 0px; }
#main_products11 .desc .depth2 ul li a {display:block;width:100%;height:auto; font-size:17px; color:#ffffff; font-weight:300; font-family: 'NanumSquare', sans-serif !important; text-align:left;padding:3px 0 3px 25px;}
#main_products11 .desc .depth2 ul li a:hover {background:#0088ff;}






.card-box{ display:block; position:relative; margin:1px; height:100%; padding-bottom:27px; }
.card-box .thumb { overflow:hidden; }
.card-box .thumb img.thumb-img{
		-webkit-transition:all 2s;
		-moz-transition:all 2s;
		-ms-transition:all 2s;
		transition:all 2s;
	}
	.card-box:hover .thumb img.thumb-img{
		-webkit-transform:scale(1.1,1.1);
		-moz-transform:scale(1.1,1.1);
		-ms-transform:scale(1.1,1.1);
		transform:scale(1.1,1.1);
	}

	.card-box [class*="line-"]{ 
		box-sizing:content-box;
		background:transparent;
		font-size:-;
		line-height:0;
		background:#003da7;
	}

	.card-box .line-t {
		position:absolute;
		top:-1px;
		left:0px;
		width:0%;
		height:0;
		padding:0 1px 0 0;
		transition:all 0.75s;
	}
	.card-box:hover .line-t{
		top:-1px;
		left:0px;
		width:100%;
		height:1px;
		transition:all 0.75s;
	}
	
	.card-box .line-r {
		position:absolute;
		top:0px;
		right:-1px;
		width:0;
		height:0%;
		padding:0 0 1px 0;
		transition:all 0.75s;
	}
	.card-box:hover .line-r{
		top:0px;
		right:-1px;
		width:1px;
		height:100%;
		transition:all 0.75s;
	}	
	
	.card-box .line-b {
		position:absolute;
		bottom:-1px;
		left:100%;
		width:0%;
		height:0;
		padding:0 0  0 1px;
		transition:all 0.75s;
	}
	.card-box:hover .line-b{
		bottom:-1px;
		left:-1px;
		width:100%;
		height:1px;
		transition:all 0.75s;
	}
	.card-list .card-box:hover .line-b{
		bottom:1px;
	}
	
	.card-box .line-l {
		position:absolute;
		top:101%;
		left:-1px;
		width:1px;
		height:0%;
		padding:1px 0 0 0;
		transition:all 0.75s;
	}
	.card-box:hover .line-l{
		top:-1px;
		left:-1px;
		width:1px;
		height:100%;
		transition:all 0.75s;
	}
	


.nav-up { top: -50px; }	

body .back-to-top {position: fixed; bottom:14em; right: 10px; display: none; z-index:99;}