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


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

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

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

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


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

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

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

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/font/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(/font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumBarunGothicBold.woff2) format('woff2'),
       url(/font/NanumBarunGothicBold.woff) format('woff'),
       url(/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:22px; padding-left:240px; 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;border:0px solid #000;}

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:15px;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: 15px;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: 13px;font-weight:400;font-family: 'Nanum Gothic'; color: #000000; 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: 132px;}
header .gnb-wrap .sub-menu4 {left: 40px;}  /*2018-03-09*/
header .gnb-wrap .sub-menu5 {left: 425px;}
header .gnb-wrap .sub-menu6 {left: 100px;}


header #lang-menu { position:absolute; height:83px; top:0px; right:10px; padding-top:33px; font-size:16px; border:0px solid #cacaca;  } /*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: 'NanumSquare', sans-serif !important; }
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('../images/common/bul_util.gif') 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('../images/common/top_btn01_over.png') 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('../images/common/btn_hubpot_over.png') right center no-repeat}
header .external-menu li a.btn_hubpot span {left: 0; background: url('../images/common/top_btn02_over.png') 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('../images/common/top_btn03_over.png') 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('../images/common/bul_util.gif') 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('../images/common/btn_contact_us.png') 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('../company/img/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('../company/img/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('../img/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('../company/img/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 { background:url(../img/main_img/main_img.jpg) no-repeat center 0; } */
.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 .img9 {  }
.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(../img/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; line-height:95%;}
#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; padding:3px 0px 5px 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_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:left;padding:3px 0 3px 25px;}
#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:left;padding:3px 0 3px 25px;}
#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:left;padding:3px 0 3px 25px;}
#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;}


.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;}


.ly {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 4000;
}
.dimmd {
	left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; opacity: 0.5; background-color: rgb(0, 0, 0);
}
.ly_form {
	background: url("../img/ly_pop_bg.jpg?0227") no-repeat; margin: -328px 0px 0px -228px; left: 50%; top: 50%; width: 457px; height: 786px; position: absolute;
}
.v2.ly_form {
	background: url("../img/ly_pop_bg2.jpg?150223") no-repeat; height: 656px;
}
.ly_close {
	top: -26px; right: -26px; position: absolute; cursor: pointer;
}
.v2.ly_close {
	top: -30px; right: -30px;
}
.ly_ul {
	margin: 171px 0px 85px 119px;
}
.ly_ul li {
	position: relative; -ms-zoom: 1;
}
.ly_ul li::after {
	clear: both; display: block; content: "";
}
.ly_ul li input[type=text] {
	padding: 10px 5px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); font-size: 14px; background-color: rgb(0, 0, 0);
}
.ly_ul li input[type=file] {
	opacity: 0;
}
.ly_ul li .photo_input {
	overflow: hidden; position: relative; -ms-zoom: 1;
}
.ly_ul li .photo_input label {
	left: 11px; top: 11px; position: absolute;
}
.ly_ul li .photo_input input[type=text] {
	float: left;
}
.ly_ul li .photo_input span {
	background: url("../img/file_bg.jpg") no-repeat; width: 45px; height: 36px; overflow: hidden; float: left; display: block; position: relative;
}
.v2.ly_form .ly_ul li .photo_input span {
	background: url("../img/file_bg2.jpg") no-repeat;
}
.ly_ul li .photo_input span input[type=file] {
	top: 0px; height: 36px; right: 0px; position: absolute;
}
.ly_ul li .pr label {
	left: 11px; top: 11px; position: absolute;
}
.regit {
	margin: 0px auto 10px; padding: 25px 15px; border: 3px solid rgb(0, 0, 0); border-image: none; width: 341px; height: 48px; color: rgb(0, 0, 0); overflow: auto; font-size: 12px; background-color: rgb(255, 255, 0);
}
.v2.ly_form .regit {
	background-color: rgb(6, 174, 237);
}
.checked {
	margin: 0px 40px 10px 0px; text-align: right;
}
.checked input {
	left: -9999em; position: absolute;
}
.checked label {
	background: url("../img/sp_btn.png") no-repeat; line-height: 9999px; overflow: hidden; display: inline-block;
}
.checked .section_yes {
	background-position: -60px -105px; width: 57px; height: 16px;
}
.checked .section_no {
	background-position: -134px -105px; width: 67px; height: 16px;
}
.checked .change.section_yes {
	background-position: -60px -132px;
}
.checked .change.section_no {
	background-position: -134px -132px;
}
.ly_clear {
	background: url("../img/ly_pop_complet.jpg") no-repeat; margin: -215px 0px 0px -229px; left: 50%; top: 50%; width: 457px; height: 429px; position: relative;
}
.v2.ly_clear {
	background: url("../img/ly_pop_complet2.jpg") no-repeat;
}
.ly_clear button {
	left: 16px; bottom: 25px; position: absolute; cursor: pointer;
}
.view_all {
	margin: 0px 0px 0px -274px; border: 4px solid rgb(0, 0, 0); border-image: none; left: 50%; top: 65%; width: 549px; position: absolute; background-color: rgb(255, 255, 255);
}
.view_all img {
	margin: 14px auto; border: 4px solid rgb(0, 0, 0); border-image: none; display: block;
}
.mov_content {
	margin: -281px 0px 0px -476px; border: 4px solid rgb(0, 0, 0); border-image: none; left: 50%; top: 50%; width: 944px; height: 555px; position: fixed;
}
.tx {
	background: url("../img/sp_txt.png") no-repeat; line-height: 9999px; overflow: hidden; vertical-align: top; display: inline-block;
}
.ci {
	background-position: 0px 0px; width: 383px; height: 102px;
}
.txh1 {
	background-position: 0px -105px; width: 186px; height: 24px;
}
.txh2 {
	background-position: 0px -140px; width: 185px; height: 24px;
}
.txh3 {
	background-position: 0px -170px; width: 211px; height: 24px;
}
.txh4 {
	background-position: 0px -205px; width: 104px; height: 18px;
}
.txh5 {
	background-position: 0px -230px; width: 406px; height: 18px;
}
.txh6 {
	background-position: -160px -205px; width: 159px; height: 24px;
}
.m1 {
	background-position: -220px -105px; width: 94px; height: 36px;
}
.m2 {
	background-position: -330px -105px; width: 84px; height: 36px;
}
.m3 {
	background-position: -420px -105px; width: 91px; height: 36px;
}
.on.m1 {
	background-position: -220px -150px;
}
.m1:hover {
	background-position: -220px -150px;
}
.on.m2 {
	background-position: -330px -150px;
}
.m2:hover {
	background-position: -330px -150px;
}
.on.m3 {
	background-position: -420px -150px;
}
.m3:hover {
	background-position: -420px -150px;
}
.footci {
	background-position: -390px 0px; width: 82px; height: 71px;
}
.agist {
	background-position: 0px -280px; width: 83px; height: 13px;
}
.v2.agist {
	background-position: 0px -300px;
}
.ico {
	background: url("../img/sp_ico.png?0301") no-repeat; line-height: 9999px; overflow: hidden; vertical-align: top; display: inline-block;
}
.cutton {
	background-position: 0px 0px; width: 164px; height: 21px;
}
.stars {
	background-position: -170px 0px; width: 26px; height: 32px;
}
.v3.stars {
	background-position: -165px -120px;
}
.v4.stars {
	background-position: -165px -120px;
}
.crown {
	background-position: -200px 0px; width: 43px; height: 24px;
}
.no1 {
	background-position: 0px -40px; width: 46px; height: 64px;
}
.no2 {
	background-position: -55px -40px; width: 46px; height: 64px;
}
.no3 {
	background-position: -110px -40px; width: 46px; height: 64px;
}
.like_big {
	background-position: -170px -40px; border: 0px currentColor; border-image: none; width: 67px; height: 54px; cursor: pointer;
}
.like_sm {
	background-position: -240px -40px; border: 0px currentColor; border-image: none; width: 47px; height: 38px; cursor: pointer;
}
.best {
	background-position: 0px -120px; width: 51px; height: 25px;
}
.mini_like {
	background-position: -250px 0px; width: 15px; height: 14px;
}
.min_no1 {
	background-position: -60px -120px; width: 20px; height: 27px;
}
.min_no2 {
	background-position: -90px -120px; width: 20px; height: 27px;
}
.min_no3 {
	background-position: -120px -120px; width: 20px; height: 27px;
}
.btn {
	background: url("../img/sp_btn.png") no-repeat; line-height: 9999px; overflow: hidden; vertical-align: top; display: inline-block;
}
.ssam_btn {
	background-position: 0px 0px; width: 527px; height: 93px;
}
.v2.ssam_btn {
	background-position: 0px -320px;
}
.form_attack {
	background-position: 0px -170px; margin: 0px auto; border: 0px currentColor; border-image: none; width: 425px; height: 67px; display: block; cursor: pointer;
}
.ly_close {
	background-position: 0px -105px; border: 0px currentColor; border-image: none; width: 48px; height: 48px;
}
.ly_ok {
	background-position: 0px -245px; border: 0px currentColor; border-image: none; width: 425px; height: 67px;
}
.delet {
	background-position: -210px -105px; border: 0px currentColor; border-image: none; width: 22px; height: 21px; cursor: pointer;
}
.pass_close {
	background-position: -250px -105px; border: 0px currentColor; border-image: none; width: 27px; height: 27px; cursor: pointer;
}
.fbscrap {
	background-position: -290px -105px; width: 112px; height: 29px;
}
.btn_spr {
	background: url("../img/sp_btn.png") no-repeat 100% -420px; border: 0px currentColor; border-image: none; height: 21px; padding-right: 7px; vertical-align: top; display: inline-block; white-space: nowrap; cursor: pointer;
}
.btn_spr span {
	background: url("../img/sp_btn.png") no-repeat 0px -420px !important; padding: 4px 2px 4px 22px; color: rgb(235, 0, 42); line-height: 13px; font-size: 13px; font-weight: bold; vertical-align: top; display: block;
}
.labels_img1 {
	background: url("../img/teacher_label.png") no-repeat; width: 189px; height: 16px; line-height: 999px; overflow: hidden; display: inline-block;
}
.labels_img2 {
	background: url("../img/teacher_label2.png") no-repeat; width: 194px; height: 16px; line-height: 999px; overflow: hidden; display: inline-block;
}
.select {
	background: rgb(255, 255, 255); line-height: normal; vertical-align: middle; display: inline-block; position: relative;
}
.select * {
	margin: 0px; padding: 0px; font-family: Tahoma, Sans-serif; font-size: 12px; cursor: pointer;
}
.select .myValue {
	background: url("../img/selecboxs.jpg") no-repeat; left: 0px; top: 0px; width: 89px; height: 36px; text-align: left; color: rgb(0, 0, 0); line-height: 36px; overflow: visible; font-size: 18px; font-weight: bold; position: relative; z-index: 2; _line-height: normal;
}
.v2.ly_form .select .myValue {
	background: url("../img/selecboxs2.jpg") no-repeat;
}
.select .selected.myValue {
	font-weight: bold;
}
.open.select .myValue {
	
}
.select .outLine.myValue {
	
}
.select button.myValue {
	width: 100%; height: 36px; text-indent: 5px;
}
.select div.myValue {
	height: 36px; text-indent: 8px;
}
.select .ctrl {
	background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(186, 186, 186) rgb(186, 186, 186) rgb(186, 186, 186) rgb(234, 234, 234); border-image: none; top: 0px; width: 18px; height: 19px; right: 0px; position: absolute;
}
.select .arrow {
	top: 9px; width: 0px; height: 0px; right: 6px; line-height: 0; font-size: 0px; border-top-color: rgb(153, 153, 153); border-right-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-top-width: 3px; border-right-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: absolute;
}
.select ul {
	background: rgb(255, 255, 0); border-width: 1px 0px 2px; border-style: solid none; border-color: rgb(0, 0, 0) currentColor; list-style: none; border-image: none; left: 0px; top: 35px; width: 100%; overflow: hidden;
}
.select ul.aList {
	display: block;
}
.open.select ul.aList {
	display: block;
}
.select ul.iList {
	left: -2000%;
}
.open.select ul.iList {
	left: 0px;
}
.select li {
	height: 18px; overflow: hidden; border-right-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); border-right-width: 2px; border-left-width: 2px; border-right-style: solid; border-left-style: solid; white-space: nowrap; position: relative;
}
.select li input.option {
	border: 1px solid rgb(0, 0, 0); border-image: none; width: 100%; height: 20px; line-height: 20px; position: absolute;
}
.select li label {
	background: rgb(255, 255, 0); left: 0px; top: 0px; width: 100%; height: 18px; color: rgb(0, 0, 0); line-height: 18px; text-indent: 8px; position: absolute;
}
.select li a {
	background: rgb(255, 255, 255); height: 18px; color: rgb(0, 0, 0); line-height: 18px; text-indent: 8px; text-decoration: none; display: block;
}
.select li.hover * {
	background: rgb(0, 0, 0); color: rgb(255, 255, 255);
}
.v2.ly_form .select li label {
	background: rgb(6, 174, 237);
}
.v2.ly_form .select li.hover * {
	background: rgb(0, 0, 0); color: rgb(255, 255, 255);
}