/* menu.htm */
.header_menu { border-top:1px solid #eeeeee; }
.header_menu > div { height:57px; } 


.header_menutop > div { height:80px; }
.header_menutop a { display:inline-block; }
.header_menutop .logoimg { margin-top:13px; }
.header_menutop .topmenu a { 
	color:#333; font-family: 'Malgun Gothic','dotum',sans-serif; 
	border-right:1px solid #e6e6e6; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;
	background-color:#ffffff; 
 	font-weight:400;
	font-size:13px;
	text-align:center; 
	padding:0 16px; 
	line-height:24px;
	height:26px;
}
.header_menutop .topmenu a:first-child { border-left:1px solid #e6e6e6;   }

.header_menutop .topmenu a.active, .header_menutop .topmenu a:hover { background-color:#57667e;  color:#ffffff; }
.header_menutop .topmenu { position:absolute;top:22px;right:0;   height:22px; }


.header_menutop .topmenu span, .memberStatux span,  .memberStatux a {  display:inline-block;  
	color:#333; font-family: 'Malgun Gothic','dotum',sans-serif; 
	border-right:1px solid #e6e6e6; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;
	background-color:#ffffff; 
 	font-weight:400;
	font-size:12px; 
	text-align:center; 
	padding:0 4px; 
	line-height:24px;
	height:26px; 
	cursor:default;
}


#mainMenu { display:table; }
#mainMenu p {  position:relative; display:inline-block; width:100%; height:57px; }
ul.mainMenuUl > li { display:table-cell;  text-align:center;  } /*7ea=14.2  6ea=16.6*/
ul.mainMenuUl > li > p > a { 
position:relative; display:block; text-align:center; 
width:100%; height:100%;
font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic','dotum',sans-serif; 
font-weight:500; 
color:#252525; 
font-size:17px; line-height:57px;
border-right:1px solid #eeeeee; /* #ececec;*/
letter-spacing:-1.0;
padding-left:20px; padding-right:20px;
/*text-shadow: 1px 0px 1px #333333;*/ 	
/*background:url("img/menuline.gif") no-repeat right 18px; */
/*border-left:1px solid #618dba;	*/
}
ul.mainMenuUl > li:first-child a {
border-left:1px solid #eeeeee; /* #ececec;*/
}
ul.mainMenuUl > li > p > a:hover {
	color:#ffffff; background-color:#007bc3;
}
ul.mainMenuUl > li > p > a.last{ background:none; }
.mainMenuUl > li > p > a.active , .mainMenuUl > li > p > a:hover { color:#fff200; }
.mainMenuUl  ul { display:none; position:absolute; left:0; text-align:center; margin-top:0px; z-index:9;  }
.mainMenuUl ul li {   float:left; height:68px; padding:0; display:inline-block; text-align:center;   }
 
.mainMenuUl li ul li a { display:inline-block;  width:100%; margin-top:7px;  font-size:14px; font-weight:bold;   text-align:center; padding-top:7px; padding-bottom:7px; padding-left:10px; padding-right:10px; /*text-shadow: 1px 1px 1px #666666;*/ 
	/*background-color:#f8f8f8;  */
   border-left:1px solid #d9d9d9; 
   border-top:1px solid #d9d9d9; 
   border-bottom:1px solid #d9d9d9; 
}
.mainMenuUl li ul li:last-child a {
   border-right:1px solid #d9d9d9; 
}
.mainMenuUl li ul li a:hover { background-color:#007bc3; color:#ffffff; /*#1265a7;  #57667e*/ } 

.mainMenuUl li ul li:first-child a { padding-left:30px; }
.mainMenuUl li ul li:last-child a { padding-right:30px; }

/*
.mainMenuUl li ul li a::before {
 content:''; display:inline-block; width:11px; height:9px; background:url(img/dot_menu.png) no-repeat left center; 
}
*/
.submx6 { margin-left:-200px; }
.submx7 { margin-left:-100px; } 

.topMenu {
	position:absolute; top:0; left:0; width:60px; height:57px;  
}
.topMenu a {
	display:inline-block;width:100%; height:100%; border:0px solid #264593; background-color:#333333; text-align:center; color:#ffffff;    font-size:14px; line-height:48px;
	background-image:url('/ispeorkr/img/topMenu.png'); background-position:center; background-repeat:no-repeat; 
}

#LoginHeader input { border:1px solid #cacaca; padding:6px 7px;  font-size:15px; font-weight:bold; font-family:Arial,Sans-serif;  }
#LoginHeader input:focus { outline:none; }

#LoginHeader input::placeholder { font-size:13px; font-weight:bold; 
  color: #777777;
  opacity: 1; 
}
#LoginHeader input::-webkit-input-placeholder { font-size:13px;  font-weight:bold; 
  color: #777777;
}
#LoginHeader input:-ms-input-placeholder { font-size:13px;  font-weight:bold; 
  color: #777777;
}
#LoginHeader input:-mos-input-placeholder { font-size:13px;  font-weight:bold; 
  color: #777777;
}


#LoginHeader .submit { background-color:#ec4000; padding:8px 10px; font-size:13px; color:#ffffff; border:0; cursor:pointer; }

#LoginHeader .button { background-color:#616671; padding:8px 10px; font-size:13px; color:#ffffff; border:0; cursor:pointer; }


.pointMenu { width:256px;height:100%; position:absolute; right:0;top:0; text-align:center; }
.pointMenu a { display:inline-block; height:100%; padding:0 20px; width:50%;
font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic','dotum',sans-serif; 
font-weight:normal; 
color:#ffffff; 
font-size:16px; line-height:57px;
}
.pointMenu a:first-child { background-color:#11b5e4; }
.pointMenu a:last-child { background-color:#264593; }

/* menu.htm */



/* foot.htm */
.main_5 { position:relative;background-color:#639eff; }
.main_5 li { float:left; width:50%; height:215px; position:relative; }
.main_5 li:first-child { background-color:#639eff; }
.main_5 li:last-child { background-color:#5693f6; }
.main_5 .customer_img { position:absolute; bottom:17px; right:20px; width:180px; height:180px;  }
.main_5 .customer_tel { margin-top:30px; padding-right:200px; }
.main_5 .customer_tel .title { font-size: 18px; line-height: 20px;  font-weight: bold; color: #fff;  background:url(/ispeorkr/img/dot_title1.gif) no-repeat left center;  padding-left:11px; }
.main_5 .customer_tel .tel { font-family: 'Roboto',sans-serif; font-weight:700; margin-top: 3px; font-size: 22px; line-height: 25px; color: #6dffff; }
.main_5 .customer_tel .desc1 {  margin-top: 5px; font-size: 13px; line-height: 18px; color: #fff;  }
.main_5 .customer_tel .desc2 {  margin-top: 3px; font-size: 12px; line-height: 12px; color: #eeffff;  }

.main_5 .customer_bank { margin-top:20px; padding-right:200px; }
.main_5 .customer_bank .title { font-size: 14px; line-height: 17px;  font-weight: bold; color: #eeffff; background:url(/ispeorkr/img/dot_title2.gif) no-repeat left center; padding-left:11px; }
.main_5 .customer_bank .account { font-family: 'Roboto',sans-serif; font-weight:700; margin-top: 4px; font-size: 18px; line-height: 20px; color: #6dffff; }
.main_5 .customer_bank .desc1 {  margin-top: 5px; font-size: 13px; line-height: 18px; color: #eeffff;  }
.main_5 .customer_bank .desc2 {  margin-top: 3px; font-size: 12px; line-height: 12px; color: #eeffff;  }

.main_5 .bgcolor { position:absolute; top:0; left:0; width:100%;height:215px;z-index:1; }


.main_5 .remote_img { position:absolute; bottom:10px; left:30px; width:180px; height:180px;  }
.main_5 .customer_remote { margin-top:30px; padding-left:230px; }
.main_5 .customer_remote .title { font-size: 18px; line-height: 20px;  font-weight: bold; color: #fff;  background:url(/ispeorkr/img/dot_title1.gif) no-repeat left center;  padding-left:11px;   }

.main_5 .customer_remote .account { font-family: 'Roboto',sans-serif; font-weight:700; margin-top: 4px; font-size: 18px; line-height: 20px; color: #6dffff; }
.main_5 .customer_remote .desc1 {  margin-top: 5px; font-size: 13px; line-height: 18px; color: #eeffff;  }
.main_5 .customer_remote .desc2 {  margin-top: 3px; font-size: 11px; line-height: 12px; color: #eeffff;  }

.main_5 .customer_remote a.go { margin-top:5px; background-color:#e62233; font-size:13px; font-weight:bold; color:#fff; display:inline-block; padding:7px 40px 7px 20px; background-image:url(/ispeorkr/img/button_arrow2.png); background-position:right center; background-repeat:no-repeat; }
.main_5 .customer_remote a.go:hover { background-color:#444444; }

.main_5 .customer_email { margin-top:10px; padding-left:230px; }
.main_5 .customer_email .title { font-size: 14px; line-height: 17px;  font-weight: bold; color: #eeffff; background:url(/ispeorkr/img/dot_title2.gif) no-repeat left center; padding-left:11px; }
.main_5 .customer_email .account { font-family: 'Roboto',sans-serif; font-weight:700; margin-top: 4px; font-size: 18px; line-height: 20px; color: #6dffff; }


.main_5b .customerLeft {  padding:30px 0; color:#fff; font-family:'S-CoreDream-4Regular','Noto Sans KR','Malgun Gothic',sans-serif; padding-right:130px; }
.main_5b .customerRight {  padding:30px 0; color:#fff; font-family:'S-CoreDream-4Regular','Noto Sans KR','Malgun Gothic',sans-serif; padding-left:130px; }
.main_5b li:first-child { background-color:#639eff; }
.main_5b li:last-child { background-color:#5693f6; }
.main_5b li { width:50%;   position:relative; }
.main_5b .bgcolor { position:absolute; top:0; left:0; width:100%; z-index:1;   }
.main_5b .bgcolor li { height:140px; }
.main_5b .customerLeft .phone a { display:inline-block; font-size:18px; color:#6dffff; margin-top:-3px; } 
.main_5b .customerLeft .desc { font-size:12px; word-break:keep-all; }
.main_5b .customerLeft .email {  color:#6dffff; margin-top:4px; } 
.main_5b .customerRight .account { color:#6dffff; }
.main_5b .customerRight .desc { font-size:12px; }
.main_5b ul { display:table; width:100%; }
.main_5b li { display:table-cell; }
.main_5b .img1 { position:absolute; right:10px; top:10px; width:98px; height:122px; }
.main_5b .img2 { position:absolute; left:10px; top:10px; width:98px; height:122px; }
.main_5b .img1 img, .main_5b .img2 img  { max-width:100%; }


.main_6 { /*border-top:1px solid #eeeeee;*/ padding-bottom:25px; }
.main_6 .otherLink { padding-left:21px; padding-top:33px;  }
.main_6 .otherLink li { font-size:13px; }
.main_6 .otherLink li { border-top:1px solid #bbbbbb; border-right:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; width:50%; float:left;} 
.main_6 .otherLink li a { display:inline-block; width:100%; height:38px; line-height:38px; text-align:center; 
	font-family: "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
	font-weight:400;
}
.main_6 .otherLink li:first-child { border-left:1px solid #bbbbbb; }

.customerB { padding-top:20px; }
.customerB p {
	font-family: "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
	font-weight: 400;
    font-size: 15px;
	color:#222222;
}
.customerB b {
    display: inline-block;
    font-family: 'Roboto',sans-serif;
    font-size: 36px;
    color: #ff1e78;
    font-weight: 300;
    margin-right: 8px;
}
.customerB span {
	font-family: "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #aaa;
}

ul.libox55 { width:100%; }
ul.libox55 > li { float:left;  }
ul.libox55 > li:first-child { width:50%; }
ul.libox55 > li:last-child { width:50%; }


.main_6x .otherLink li {
    margin-top: 10px;
    padding-right: 20px;
	border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; width:50%; float:left;
	position:relative; 
}
.main_6x .otherLink li.list-1 { border-left:1px solid #e0e0e0; }

.main_6x .otherLink li a {
    display: block;
    height: 59px;
    padding: 9px 0 0 20px;
    color: #333;
    text-decoration: none;

	font-family: 'Noto Sans KR','Nanum Gothic', sans-serif; font-weight:400; 
}
/*
.main_6x .otherLink li.list-1 a {
    background: url(/ispeorkr/img/icon_other2b.png) no-repeat right center;
}
.main_6x .otherLink li.list-2 a {
    background: url(/ispeorkr/img/icon_other3n.png) no-repeat right center;
}
.main_6x .otherLink li.list-3 a {
    background: url(/ispeorkr/img/icon_other1b.png) no-repeat right center;
}
.main_6x .otherLink li.list-4 a {
    background: url(/ispeorkr/img/icon_other4n.png) no-repeat right center;
}
*/
.main_6x .otherLink li .desc {
    display: block;
    line-height: 18px;
    font-size: 12px;
    color: #888;
}
.main_6x .otherLink li .title {
    display: block;
    line-height: 26px;
    font-size: 16px;
    color: #333333;
    font-weight: 500;
    letter-spacing: -1px;
}

.main_6x .otherLink { margin-top:15px; }
.main_6x .customerB { margin-bottom:20px; }

.footer { border-top:1px solid #eeeeee; margin-top:25px; 
	font-family: "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
    font-weight: 400;
    font-size: 13px;
}
.footer .footer_1 { height: 50px; line-height: 50px; }
.footer .footer_1 a {
    display: block;
    float: left;
    margin-right: 20px;
    color: #333;
}

.footer .footer_2 {
    background-color: #fafafa;
    border-top: 1px solid #eee;
    padding: 20px 0 70px;
}
.footer .footer_2 li {
	float:left; 
	color:#999;
	margin: 0 15px 5px 0;
	font-weight:400;
}
.footer .footer_2 li.active { color:#333333;  }
.footer .footer_2 .copyright {
	font-size:10px;
	color:#999;
}

/* foot.htm */




/* index.htm - slider */

.header_slider .btnPrev, .header_slider .btnNext { outline:none;
	position: absolute;
	display:inline-block;
    top: 50%;
    width: 41px;
    height: 41px;
    margin-top: -20px;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#336fb5;
    border: 0;
    z-index: 2;
    text-indent: -100px;
    font-size: 0;
    line-height: 0;
	cursor:pointer;
	 -ms-filter:alpha(opacity=20);filter:alpha(opacity=20); opacity:0.2; -moz-opacity:0.2; 
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

.header_slider .btnPrev {
    left:-88px;
	background-image: url(/ispeorkr/img/btnPrev2.png);
}
.header_slider .btnNext {
    right:-88px;
	background-image: url(/ispeorkr/img/btnNext2.png);
}
.header_slider button:hover {
	-ms-filter:alpha(opacity=50);filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; 
}


.header_slider .sliderPage {
	position:absolute;
	bottom:25px;
	width:100%;
	text-align:center;
}
.header_slider .sliderPage li { display:inline-block; padding:4px; }
.header_slider .sliderPage li span { display:inline-block; width:12px; height:12px; cursor:pointer; 
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	border:1px solid #111111;
	background-color:transparent;
}
.header_slider .sliderPage li span.active {  
	border:1px solid #111111;
	background-color:#111111;
}
.header_slider .sliderPage .playpause {
	display:inline-block;
	width:12px; height:14px;
	background:url(/ispeorkr/img/playpause_pause.png) no-repeat center 4px;
}

.header_slider .sliderImg {
	position:absolute;
    top: 0px;
    right: 0px;
	width:600px;
	height:300px;
	text-align:right;
}
.header_slider .sliderImg img {
	display:inline-block;
}

.header_slider .sliderText {
	position:absolute;
    top: 90px;
    left: 0px; 
	text-align:center;
	padding:0 30px;

}
.header_slider .sliderText .title { color:#ffffff; word-break:keep-all;
    display: block;
    font-size: 42px; font-weight:900;
    line-height: 50px;
	margin-left:-2px;
	 font-family: "S-CoreDream-7ExtraBold", "Noto Sans KR", "Malgun Gothic", 'Nanum Gothic',sans-serif; 
 }
.header_slider .sliderText .title span.stit {
	font-size:14px;
	line-height:16px;
	 font-family: "S-CoreDream-4Regular", "Noto Sans KR", "Malgun Gothic", 'Nanum Gothic',sans-serif; 
}
.header_slider .sliderText .desc {color:#ffffff;
    margin-top: 7px;
    font-size: 17px;
    line-height: 22px;
	 font-family: "S-CoreDream-4Regular", "Noto Sans KR", "Malgun Gothic", 'Nanum Gothic',sans-serif; 

}
.header_slider .sliderText .btn_more { color:#ffffff; cursor:pointer; 
    display: inline-block;
    width: 108px;
    height: 32px;
    margin-top: 15px;
    border: 1px solid #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 31px;
    text-align: center;
}

.header_slider > div { height:380px; }
.header_slider .mainslider { height:380px; }
.header_slider .mainslider .mainsliderItem   { height:380px; }


/** Text Animation **/

@-webkit-keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSD {
  -webkit-animation-name: fadeInUpSD;
  animation-name: fadeInUpSD;
}

.slick-active .slide-content {
  animation-name: fadeInUpSD;
  animation-duration: 1s;
  opacity: 1;
  width: 100%;
  /*padding: 10px 20px 30px 0;*/
}
/* Text Animation End **/

/* index.htm - slider */





/* index.htm - feature */

.main_1 { padding:40px 0; }
.main_1 .feature ul { width:100%; }
.main_1 .feature li { position:relative; width:20%; height:240px; display:block; float:left; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; }
.main_1 .feature li:first-child { border-left:1px solid #e0e0e0; }
.main_1 .feature li a { display:inline-block; width:100%; height:100%; padding:30px 20px 20px 20px; }
.main_1 .feature li span { display:block; text-align:center;  }
.main_1 .feature li .icon {   margin-bottom:5px;  }
.main_1 .feature li .title { font-size:17px; font-weight:bold; margin-bottom:8px;   }
.main_1 .feature li .desc { font-size:13px; line-height:1.3;  }

/*
.main_1 .feature li .more { margin-top:8px; }
.main_1 .feature li .more span { padding:6px 8px 5px 8px; background-color:#ffffff; }
.main_1 .feature li a:hover .more span { border:1px solid #111111; }
*/

.main_1 .feature li a:hover .aniY {
 transform: translateY(-10px);
 -moz-transform: translateY(-10px)
 -webkit-transform: translateY(-10px)
 -o-transform: translateY(-10px)
}

.main_1 .feature li .more2 { position:absolute; display:block; width:100%; height:33px; bottom:10px; text-align:center; margin-left:-20px; }

/* index.htm - feature */




/* index.htm - notice */
.moretab {
    position: absolute;
    right: 0px;
	display: inline-block;
    min-width: 30px;
	text-align:right;
}
.moretab a {
	display:inline-block;
	width:30px; height:30px;
    padding-top:0px;
 	color:#ffffff;
    font-size: 10px;  
    line-height: 12px;

}



 
.sectionVideo .notice_title {
    display: inline-block;
    color:#000000;
    font-size: 18px;
    line-height: 25px;
    vertical-align: middle;
	font-family: "S-CoreDream-5Medium","Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
 }
.sectionVideo .notice_title span { color:#333333; 	font-family: "S-CoreDream-4Regular","Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
 }
.sectionVideo .notice_subtitle {
    display: inline-block;
    margin: 2px 0 0 6px;
    color: #1f90ca;
    font-size: 12px; font-weight:bold;
    line-height: 18px;
    vertical-align: middle;
}

 

.sectionRemote .notice_title {
    display: inline-block;
    color:#000000;
    font-size: 18px;
    line-height: 25px;
    vertical-align: middle;
	font-family: "S-CoreDream-5Medium","Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
 }
.sectionRemote .notice_title span { color:#555555; 	font-family: "S-CoreDream-4Regular","Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
 }
.sectionRemote .notice_subtitle {
    display: inline-block;
    margin: 2px 0 0 6px;
    color: #333333;
    font-size: 12px; font-weight:bold;
    line-height: 18px;
    vertical-align: middle;
}


.sectionRemote .notice_list { position:relative; 
    width: 100%;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	font-family: "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
	background-color:#ffffff;
}

.sectionRemote .notice_list ul { position:relative; 
	width:100%;
}
.sectionRemote .notice_list li {    
	float:left;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    height: 40px;
	margin-top:-1px;

	border-top:1px solid #dddddd;   
    border-bottom:1px solid #dddddd; 
    border-right:1px solid #dddddd; 
}
.sectionRemote .notice_list li:nth-child(odd) { border-left:1px solid #dddddd;  }

.sectionRemote .notice_list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 95px 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 15px;
    line-height: 38px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #4d4d4d;
    text-decoration: none;
	font-family: "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
}

.sectionRemote .notice_list li .subject {
    float: left;
    max-width: 100%;
    margin-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sectionRemote .notice_list li .dot { 
    display: inline-block;
    width: 10px;
    margin-right: 5px;
    color: #f43142;
    font-size: 15px;
    text-align: center;
    font-family: "Lato", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
	background:url(/ispeorkr/img/dot_notice4.gif) left center no-repeat;
}
.sectionRemote .notice_list li .title {
    color: #111;
    font-size: 15px;
    font-weight: normal;
}
.sectionRemote .notice_list li .title:hover { color:#067eac; }
.sectionRemote .notice_list li  .description {
    display: block;
    min-width: 10px;
    color: #999;
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-style: normal;
}
.sectionRemote .notice_list li .rdate {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    height: 40px;
    color: #999;
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
}




/* index.htm - notice */





/* subslider.htm - slide */
.header_slider_sub { height:200px; }
.header_slider_sub .sliderPage {
	position:absolute;
	bottom:25px;
	width:100%;
	text-align:center;
}
.header_slider_sub .sliderPage li { display:inline-block; padding:4px; }
.header_slider_sub .sliderPage li span { display:inline-block; width:12px; height:12px; cursor:pointer; 
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	border:1px solid #111111;
	background-color:transparent;
}
.header_slider_sub .sliderPage li span.active {  
	border:1px solid #111111;
	background-color:#111111;
}
.header_slider_sub .sliderPage .playpause {
	display:inline-block;
	width:12px; height:14px;
	background:url(/ispeorkr/img/playpause_pause.png) no-repeat center 4px;
}

.header_slider_sub .sliderImg {
	position:absolute;
    bottom: 0px;
    right: 0px;
	width:290px;
	height:200px;
	text-align:right;
}
.header_slider_sub .sliderImg img {
	display:inline-block;
}

.header_slider_sub .sliderText {
	position:absolute;
    top: 55px;
    left: 55px;
}
.header_slider_sub .sliderText .title { color:#ffffff;
    display: block;
    font-size: 36px;
    line-height: 36px;

	margin-left:-2px;
	font-family: 'Noto Sans KR', "Apple Gothic", "Nanum Gothic", "malgun Gothic", sans-serif;

}
.header_slider_sub .sliderText .desc {color:#ffffff;
    margin-top: 10px;
    font-size: 15px;
    line-height: 22px;

}
.header_slider_sub .sliderText .btn_more { color:#ffffff; cursor:pointer; 
    display: block;
    width: 108px;
    height: 32px;
    margin-top: 35px;
    border: 1px solid #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 31px;
    text-align: center;

}


.header_slider_sub .mainsliderItem { height:200px; } 


/* 
.header_slider_sub .sliderText::before {
	content:'';
	position:absolute;
	width:8px;
	height:84px;
	background-color:#4eb0ea;
	top:3px;
	left:-30px;
}
*/
/* subslider.htm - slide */

/* subslider.htm - sub menu */

.subMenu {
    border-bottom: 1px solid #d9d9d9;
}
#subMenuBox .home {
    float: left;
    border-left: 1px solid #d9d9d9;
    text-align: center;
    text-indent: -200px;
	word-break: break-all;
}
#subMenuBox .home a {
    display: block;
    width: 52px;
    height: 40px;
    background: url(/ispeorkr/img/submenu_icon_home.png) center no-repeat;
}
#subMenuBox > ul {
    float: left;
}
 
#subMenuBox > ul > li {
    position: relative;
    float: left;
    /*min-width: 180px;*/
    border-left: 1px solid #d9d9d9;
}
#subMenuBox > ul > li:last-child {
    border-right: 1px solid #d9d9d9;
}
#subMenuBox >  ul > li > a {
    display: block;
    position: relative;
    height: 40px;
    /*padding: 0 50px 0 25px;*/
	padding:0 15px;
    font-size: 15px; font-weight:bold;
    line-height: 40px;

	background-color:#ffffff;
}

#subMenuBox >  ul > li > a:hover, #subMenuBox >  ul > li > .active {
	color:#ffffff;
	background-color:#4d6da6; /*#33599e;*/
}



#subMenuBox >  ul > li > ul { border:1px solid red; 
    display: none;
    position: absolute;
    z-index: 100;
    top: 46px;
    left: 0;
    width: 100%;
    background: #f9f9f9;
}
#subMenuBox >  ul > li > ul > li > a {
    display: block;
    padding: 0 20px;
    border-bottom: 1px solid #eaeaea;
    font-size: 15px;
    line-height: 42px;
}
/* subslider.htm - sub menu */



/* ------mobile sub tab menu------- */
.subTabsBoxM { position:absolute; left:0; width:100%; height:40px; text-align:left; background-color:#fff; } 
.subTabsBoxM a.title {  width:100%;  }
.subTabsBoxM a.arrow { position:absolute;right:0;  padding:11px 10px 5px 10px;width:40px;height:40px;text-align:center; background-color:#ffffff;color:#333333; }
.subTabsBoxM a { position:relative; display:inline-block; height:40px; text-align:center; z-index:2; border-right:1px solid #eeeeee;
font-family: 'S-CoreDream-4Regular','Noto Sans KR',Sans-serif;
 	font-size:13px;
	padding:12px 25px;
color:#000000; font-weight:400;  
border-bottom:1px solid #eeeeee;  
background-color:#ffffff;
}
.subTabsBoxM a.title {   font-size:14px; font-family: 'S-CoreDream-5Medium','Noto Sans KR',Sans-serif; padding:9px; }
.subTabsBoxM a.active, .subTabsBoxM a:hover   {
	background-color:#1b96ed; /*#177dcc; #549d6b; /*#1b96ed;*/
	border-bottom:1px solid #1b96ed;   /*#1b96ed;*/
	color:#ffffff;
}
.subTabsBoxL { top:40px; width:100%;   display:none;  background-color:#fff; z-index:10; }
.subTabsBoxL > li { float:none; width:100%; display:block; margin-left:0; background-color:#ffffff; }
.subTabsBoxL a { width:100%; text-align:left; border-left:1px solid #eeeeee; height:auto; }
.subTabsBoxL > li:hover { background-color:#ffffff; }

.subTabsBoxL li:first-child { border-top:1px solid #ddd; }




/* subslider.htm - sub title */
.subMenuTitle { 
	position: relative;
    overflow: hidden;
	margin: 25px 0;	
}
.subMenuTitle h2 {
    font-size: 30px;
    line-height: 32px;
    color: #070707;
    font-weight: bold;
    border-bottom: 1px solid #d6d6d6;
   /* background: url(/ispeorkr/img/submenu_title_bar.gif) no-repeat 0 100%;*/
    padding-bottom: 20px;
	padding-left:2px;
	font-family: 'Noto Sans KR', "Apple Gothic", "Nanum Gothic", "malgun Gothic", sans-serif;
}
/*
.subMenuTitle ul { position:absolute; top:20px; right:0;  }
.subMenuTitle li { float:left; padding-left:6px; padding-right:12px; font-size:12px; color:#777777; background:url(img/dot_path2.gif) right center no-repeat; }
.subMenuTitle li:last-child { padding-right:0; background:url(); }
.subMenuTitle li:first-child {  background:url(img/dot_pathhome.gif) center no-repeat; padding-right:3px; }
*/
/* subslider.htm - sub title */









/* Movile Menu */
/* SideMenuBox */
.sideMenuBoxOuter { position:absolute; width:380px;height:100%; left:0px;top:0;z-index:10; display:none; }
.sideMenuBox { position:relative;width:1px; width:100%; height:100%;background-color:#fafafa;left:-10px;top:0; padding:15px; overflow:hidden; }

.sideMenuBack { width:40px; height:30px; cursor:pointer; background-image:url('/ispeorkr/img/icon_backsmall.png'); background-position:center; background-repeat:no-repeat;   }

.sideMenu {  margin:15px; }
.sideMenu a { display:block; width:100%; padding: 10px; 
	font-size:14px; font-weight:bold;
	margin-top:-1px;
	border:1px dotted #aaaaaa;
	color:#333333;
}
.sideMenu a:hover { background-color:#3db86b; color:#ffffff;  }


.sideMenu2 i { display:none; }

.sideMenu2 {  margin:15px;  }
.sideMenu2 table { border-collapse: collapse; width:100%; }
.sideMenu2 td { width:50%;
	border:1px dashed #dddddd;
	background-color:#ffffff; 
	vertical-align:top; 
}
.sideMenu2 td > a {
	display:inline-block;
	padding: 8px 6px; 
	color:#333333; font-family: 'Noto Sans KR','Malgun Gothic','dotum',sans-serif; font-weight:400; font-size:13px; text-align:center;
	width:100%; height:100%;
	position:relative;
}
.sideMenu2 td > a:hover  { background-color:#3db86b; color:#ffffff; }

.sideMenu2 td > a.active  { background-color:#3db86b; color:#ffffff; }

.sideMenu2 td > a span { position:absolute; right:10px; top:8px;  }
 
/*.sideMenu2 a.menumore { background-image:url('/KR/img/dot_mobilemenumore.png'); background-position: right center; background-repeat:no-repeat; }*/
.sideMenu2 .sideMenu2sub { display:none; }
.sideMenu2 .sideMenu2sub a {
	display:inline-block;
	padding: 4px 6px 4px 25px;; 
	color:#6b553b; font-family: 'Noto Sans KR','Malgun Gothic','dotum',sans-serif; font-weight:400; font-size:13px; text-align:left;
	width:100%; height:100%;
	border-top:1px solid #eee;
	background-image:url('/ispeorkr/img/re.png'); background-position: 10px center; background-repeat:no-repeat; 
}
.sideMenu2 .sideMenu2sub a:hover { background-color:#5a6e82; color:#ffffff; }
.sideMenu2 .sideMenu2sub a:last-child { border-bottom:0px solid #eee; }
 
.sideMenu2 .sideMenu2sub { padding-bottom:20px; } 

.sideMenu3 {  margin:15px;  }
.sideMenu3 table { border-collapse: collapse; width:100%; }
.sideMenu3 td { width:50%;
	border:1px solid #f3f3f4;
	background-color:#ffffff; 
}
.sideMenu3 td a {
	display:inline-block; 
	width:100%; height:100%;
	padding: 4px 5px; 
	color:#555555; font-family: 'Noto Sans KR','Malgun Gothic','dotum',sans-serif; font-weight:400; font-size:13px; text-align:center;
}
.sideMenu3 a:hover, .sideMenu3 a.active { background-color:#5a6e82; color:#ffffff; }
.table0 { display:table;width:100%;  }
.table0-cell { display:table-cell; vertical-align:middle; text-align:center; }






/* Home Notice */
.spacer50F { height:50px; }
.spacer40F { height:40px; }
.spacer30N { height:30px; }
.sectionNotice .NoticeBox  { margin-bottom:5px; }
.sectionNotice .NoticeBox > DIV { width:50%; float:left; }

/*
.sectionNotice .NoticeBox .leftBox .moretab { right:15px; }
.sectionNotice .NoticeBox .rightBox .notice_title { padding-left:15px; }
*/
.sectionNotice .NoticeBox .leftBox { padding-right:10px; }
.sectionNotice .NoticeBox .rightBox { padding-left:10px; }


.sectionNotice .notice_list {
    width: 100%;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	font-family: "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
}

.sectionNotice .notice_list ul {
	width:100%;
}
.sectionNotice .notice_list li {    
	float:left;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
	margin-top:-1px;
	border-top:1px solid #efefef;   
    border-bottom:1px solid #efefef; 
    border-right:1px solid #efefef; 

	 border-left:1px solid #efefef;
}
/*.sectionNotice .leftBox li { border-left:1px solid #efefef; }*/


.sectionNotice .notice_list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 95px 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 15px;
    line-height: 38px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #4d4d4d;
    text-decoration: none;
	font-family: "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
}

.sectionNotice .notice_list li .subject {
    float: left;
    max-width: 100%;
    margin-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sectionNotice .notice_list li .dot { 
    display: inline-block;
    width: 10px;
    margin-right: 5px;
    color: #f43142;
    font-size: 15px;
    text-align: center;
    font-family: "Lato", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
	background:url(img/dot_notice4.gif) left center no-repeat;
}
.sectionNotice .notice_list li .title {
    color: #111;
    font-size: 15px;
    font-weight: normal;
}
.sectionNotice .notice_list li .title:hover { color:#067eac; }
.sectionNotice .notice_list li  .description {
    display: block;
    min-width: 10px;
    color: #999;
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-style: normal;
}
.sectionNotice .notice_list li .rdate {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    height: 40px;
    color: #999;
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
}


.sectionNotice .notice_title {
    display: inline-block;
    color: #111;
    font-size: 16px;
    line-height: 29px;
    vertical-align: middle;
	font-family: "S-CoreDream-4Regular","Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;
	/*font-family: "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif;*/
	font-weight:bold;
}
.sectionNotice .notice_subtitle {
    display: inline-block;
    margin: 2px 0 0 6px;
    color: #1f90ca;
    font-size: 12px; font-weight:bold;
    line-height: 18px;
    vertical-align: middle;
}

.sectionNotice .notice_title i { height:16px;font-size:20px; } 

/* Home Photo */
#section3 { position:relative; padding:26px 0 0px 0; margin-top:0; }
#section3 .title2 { font-family: 'S-CoreDream-5Medium', sans-serif;   font-size:18px; color:#2e2f36; line-height:18px; position:relative; margin-bottom:18px; }
#section3 .title2 span { font-family: 'S-CoreDream-5Medium', sans-serif;  font-size:18px; color:#555555;   }
#section3 .title2 a {
	position:absolute;
	top:-5px;  right:0px;
}


.notice-prev2 {
    left: -50px;
    background: url(/home/img/notice_prev2.png) no-repeat center center;
}
.notice-next2, .notice-prev2 {
    position: absolute;
    top: 50%; 
    margin-top: -10px;
    width: 35px;
    height: 35px;
    text-indent: -999px;
    overflow: hidden;
}
.notice-next2 {
    right: -50px;
    background: url(/home/img/notice_next2.png) no-repeat center center;
}




.Productsitem .itemimg, .productList .itemimg { overflow:hidden; }
.Productsitem .itemimg img, .productList .itemimg img { transition-duration:0.4s; -webkit-transition-duration:0.4s;   height:147px; } 

/* .Productsitem .itemimg:hover img  */
.Productsitem:hover img  {
		-ms-filter:alpha(opacity=70);filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;
		 transform:scale(1.08); -webkit-transform:scale(1.08);
}
.Productsitem .title {
	height:45px;
}
.Productsitem .title a {
	display:inline-block;
	width:100%; height:100%;
	padding:5px 10px 10px 5px;
	line-height:2.4;
	font-family: 'Noto Sans KR', sans-serif;   font-size:14px; 
	text-align:center;

   -webkit-word-break: keep-all;
    -moz-word-break: keep-all;
    -ms-word-break: keep-all;
    -o-word-break: keep-all;
    word-break: keep-all;

}
.Productsitem .white a { color:#111111; background-color:#ffffff; border:1px solid #dddddd; }
.Productsitem .green a { color:#ffffff; background-color:#679308; border:1px solid #679308; }


.productList li:hover img  {
		-ms-filter:alpha(opacity=70);filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;
		 transform:scale(1.08); -webkit-transform:scale(1.08);
}

.Productsitem:hover .title a, .Productsitem:hover span {
		color:#ffffff !important; background-color:#679308; border:1px solid #679308;
}

.slickcarouOuter { position:relative;height:200px; overflow:hidden; }