@charset "UTF-8";
/* mobile style */
*{-webkit-text-size-adjust:none}
body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea,button,select{margin:0;padding:0;font-family:'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;font-weight:normal; }
body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
li{list-style:none}
a{text-decoration:none}
a[href^="tel"]{ font-style:normal}
address, caption, em, var{font-style:normal;font-weight:normal}
input, textarea, select{letter-spacing:normal}
ol, ul, dl{list-style:none}
fieldset, img{border:0}
legend, caption{display:none}
img{border:0;vertical-align:top}
hr{display:none}
table{border-collapse:collapse;border-spacing:0}
br{letter-spacing:normal}
p{letter-spacing:normal}
input{vertical-align:middle}
input[type="text"], input[type="password"]{-webkit-appearance:none}
input[type="checkbox"]{-webkit-appearance:none;-webkit-border-radius:0}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
input[type="radio"]{border:none;-webkit-appearance:none}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}
textarea{-webkit-appearance:none}


/*헤더*/
#top{background: url(/skyPages/images/mobile/top_line.jpg) top left repeat-x  ; background-size:120px ; padding: 10px 0px 8px 0px ; position: relative;  border-bottom:1px solid #dbdbdb; text-align:center; position:relative}
#top .menu{ display:inline-block; text-indent:-9999px; background:url(/skyPages/images/mobile/memu_icon.png) no-repeat center center #009fc7; width:35px; height:38px; background-size:60%; position:absolute; left:10px; top:15px;}
#top .logo{ display:inline-block; background:url(/skyPages/images/mobile/logo.png) no-repeat center center; width:160px; height:52px; text-indent:-9999px; background-size:100%;  }
/*메뉴*/
.cd-img-replace {
  /* replace text with a background-image */
  display: inline-block;  overflow: hidden;  text-indent: 100%;  white-space: nowrap;
}

.overflow-hidden {
  overflow: hidden;
}

/* -------------------------------- 

Main components 

-------------------------------- */
.cd-main-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  min-height: 100%;
  position: relative;
  z-index: 2;
  padding-top: 0px;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.cd-main-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}
@media only screen and (min-width: 768px) {
  .cd-main-content {padding-top: 0px;}
}

header {
 /* background: url(/skyPages/images/mobile/top_line.jpg) top left repeat-x #fff ; background-size:120px ; */
 position: absolute;
 top: 0;
 left: 0;
 height: 63px;
 width: 100%;
 background: rgba(0,0,0,0.5);
 z-index: 3;

}
header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}
header.is-fixed {
  position: fixed;
}
@media only screen and (min-width: 768px) { 
	header {  }
}

#cd-logo {  float: left;  margin: 8px 0 0 20px; background:url(/skyPages/images/mobile/logo.png) no-repeat;
  display:inline-block; background:url(/skyPages/images/page/logo-light.png) no-repeat center center; width:160px; height:52px; text-indent:-9999px; background-size:90%;

}

@media only screen and (min-width: 768px) { 
	#cd-logo { }
}

#cd-top-nav { position: absolute; top: 0; right: 120px; height: 100%; display: none;}
#cd-top-nav ul {height: 100%;  padding-top: 18px;}
#cd-top-nav li {display: inline-block;  margin-right: 1em;}
#cd-top-nav a { display: inline-block; padding: .5em; color: #FFF; text-transform: uppercase; font-weight: 600;}
#cd-top-nav a.current { background-color: #242e30;}
.no-touch #cd-top-nav a:hover { color: rgba(255, 255, 255, 0.7);}
@media only screen and (min-width: 768px) { #cd-top-nav {  display: block; }}
#cd-menu-trigger { position: absolute; right: 0; top: 0px; height: 100%; width: 50px; background-color: #009fc7;}
#cd-menu-trigger .cd-menu-text { height: 100%; text-transform: uppercase; color: #FFF; font-weight: 600; display: none;}
#cd-menu-trigger .cd-menu-icon {
  /* this span is the central line in the menu menu */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 2px;
  background-color: #FFF;
  /* these are the upper and lower lines in the menu menu */
}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: inherit;
  left: 0;
}
#cd-menu-trigger .cd-menu-icon::before {
  bottom: 5px;
}
#cd-menu-trigger .cd-menu-icon::after {
  top: 5px;
}
#cd-menu-trigger.is-clicked .cd-menu-icon {
  background-color: rgba(255, 255, 255, 0);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {
  background-color: white;
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) {
  #cd-menu-trigger {
    width: 110px;
    padding-left: 1.25em;
  }
  #cd-menu-trigger .cd-menu-text {
    display: inline-block;
    line-height: 70px;
  }
  #cd-menu-trigger .cd-menu-icon {
    left: auto;
    right: 1.25em;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

#cd-lateral-nav {
  position: fixed;
  height: 100%;
  right: 0;
  top: 0;
  visibility: hidden;
  /* the secondary navigation is covered by the main element */
  z-index: 1;
  width: 260px;
  background-color: #009fc7;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(80px);
  -moz-transform: translateX(80px);
  -ms-transform: translateX(80px);
  -o-transform: translateX(80px);
  transform: translateX(80px);
}
#cd-lateral-nav .cd-navigation {
  margin: 10px 0 16px 0; padding:0 0 0 15px; 
}
#cd-lateral-nav .sub-menu {
  padding: 0 10px 20px 0px;
  display: none;
}

#cd-lateral-nav a {
  display: block;
  line-height: 2em;
  padding: 0 16px 0 32px;
  color: #fff;
}
#cd-lateral-nav .sub-menu li a{ color:#a5e5f6}

#cd-lateral-nav a.current {
  background-color: #3a4a4d;
  color: #ffcc00;
}
.no-touch #cd-lateral-nav a:hover {
  color: #ffcc00;
}
@media only screen and (min-width: 768px) {
  #cd-lateral-nav .cd-navigation {
    margin: 20px 0;
  }
}
#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
  transition: transform .4s 0s, visibility 0s 0s;
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}

/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children{ border-bottom:1px solid #67cce6}
#cd-lateral-nav .item-has-children > a {
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
  /* this is the right arrow to show that the item has a submenu  */
}
#cd-lateral-nav .item-has-children > a::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
  background: url(/skyPages/images/mobile/cd-arrow.svg) no-repeat center center;
  background-size: 8px 11px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);

}



/*메인 슬라이드 시작*/
.video-cover{  background: rgba(0,0,0,0.5); overflow: hidden}	  
.videobcg {	position: absolute;	top:-150px;left: 0px;	min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: -1000;overflow: hidden;}
/*슬라이더 공통 (메인 슬라이더, 배너 슬라이더)*/
.slick-slide { margin: 0px 0px; }
.slick-slide img { width: 100% ;display: block;} /*이미지 삽입할경우*/
.slick-slide { transition: all ease-in-out .3s; opacity: 1;} /* 화면에 나오지 않는 이미지 반투명하게 보이게 하기*/
.slick-slider{ position: relative; display: block; box-sizing: border-box;
  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none; user-select: none;  -webkit-touch-callout: none;
  -khtml-user-select: none; -ms-touch-action: pan-y;    touch-action: pan-y;  -webkit-tap-highlight-color: transparent;}
  .slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
  .slick-list:focus{ outline: none;}
  .slick-list.dragging{  cursor: pointer; }
  .slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .slick-track{ position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
  .slick-track:before,.slick-track:after{ display: table; content: '';}
  .slick-track:after{ clear: both;}
  .slick-loading .slick-list{ background: #fff url(/skyPages/images/page/loading.gif)  center center no-repeat;}
  .slick-loading .slick-track{ visibility: hidden;}
  .slick-slide{ display: none;float: left; height: 100%; min-height: 1px;}
  [dir='rtl'] .slick-slide{ float: right;}  
  .slick-slide.slick-loading img{ display: none;}
  .slick-slide.dragging img{ pointer-events: none;}
  .slick-initialized .slick-slide{  display: block;}
  .slick-loading .slick-slide{ visibility: hidden;}
  .slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;}
  .slick-arrow.slick-hidden { display: none;}


  .slick-prev,.slick-next{  position: absolute; top: 50%; display: block;  padding: 0;
    -webkit-transform: translate(0, -50%);  -ms-transform: translate(0, -50%); transform: translate(0, -50%);
    cursor: pointer;z-index:100;outline: none;border:none;opacity: 0.7; text-indent:-9999px}
    .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{ opacity: 1; }
    .slick-prev:hover:,.slick-prev:focus:,.slick-next:hover:,.slick-next:focus:{ opacity: 1;}
    .slick-prev.slick-disabled:,.slick-next.slick-disabled:{ opacity: .25;}



    @media(max-width:768px){
      .slider-text{ position:absolute; top:50%; left:50%; transform: translate(-50%,-50%) ; text-align:center; z-index:5; width: 90%}
      .slider-text dt{ font-size:25px; font-weight:bold; text-shadow:3px 3px 3px rgba(0,0,0,0.7); color:#fff; line-height:150%; margin:0 0 15px 0 }
      .slider-text dd{ font-size:15px;color:#fff;  text-shadow:2px 2px 2px rgba(0,0,0,0.7); color:#fff;line-height:160%; font-weight: 200 }
      .slider-link{ border:1px solid rgba(255,255,255,0.7); padding:5px 20px; color:#fff !important; display:inline-block; border-radius:4px; margin:15px 0 0 0; font-size: 17px !important; margin-top: 20px;font-weight: 400; background: rgba(0,0,0,0.3)}
      .slider-link:hover{ background:#fff; color:#333 !important}	


    }

    /*메인풀 레이아웃 슬라이드*/
    @media(min-width:768px){
      .slider-text{ position:absolute; top:50%; left:50%; transform: translate(-50%,-50%) ; text-align:center; z-index:5; width: 90%}
      .slider-text dt{ font-size:40px; font-weight:bold; text-shadow:3px 3px 3px rgba(0,0,0,0.7); color:#fff; line-height:150%; white-space:nowrap; margin:0 0 15px 0 }
      .slider-text dd{ font-size:17px;color:#fff;  text-shadow:2px 2px 2px rgba(0,0,0,0.7); color:#fff;line-height:160%; white-space:nowrap; font-weight: 200 }
      .slider-link{ border:1px solid rgba(255,255,255,0.7); padding:5px 20px; color:#fff !important; display:inline-block; border-radius:4px; margin:15px 0 0 0; font-size: 17px !important; margin-top: 20px;font-weight: 400; background: rgba(0,0,0,0.3)}
      .slider-link:hover{ background:#fff; color:#333 !important}
    }
    .main-slider { height:500px; overflow:hidden}
    .main-slider-bg{ height:500px; position:relative;overflow:hidden}

    /*메인슬라이드 Arrows */
    @media(max-width:768px){

      .main-slider .slick-prev{  left: 25px; background:url(/skyPages/images/page/slider-left.png) no-repeat;width: 22px; height: 41px; display: none !important}
      [dir='rtl'] .slick-prev{ right: 25px; left: auto;}
      .main-slider .slick-next{  right: 25px; background:url(/skyPages/images/page/slider-right.png) no-repeat;width: 22px; height: 41px;display: none !important}
      [dir='rtl'] .slick-next{ right: auto; left: 25px;}
    }
    @media(min-width:768px){
      .main-slider .slick-prev{  left: 25px; background:url(/skyPages/images/page/slider-left.png) no-repeat;width: 22px; height: 41px;}
      [dir='rtl'] .slick-prev{ right: 25px; left: auto;}
      .main-slider .slick-next{  right: 25px; background:url(/skyPages/images/page/slider-right.png) no-repeat;width: 22px; height: 41px;}
      [dir='rtl'] .slick-next{ right: auto; left: 25px;}

    }

    /* Dots 공통 */
    .slick-active { opacity: 1; }
    .slick-current { opacity: 1;}
    .slick-dotted.slick-slider{ margin-bottom: 0px;}
    .slick-dots{ position: absolute; bottom:80px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; z-index:50}
    .slick-dots li{ position: relative; display: inline-block; margin: 0 5px; padding: 0;  cursor: pointer;}
    .slick-dots li button{ background: #ffffff; font-size: 6px; line-height: 20px; width: 20px; height: 20px; text-align: center;color:#999;cursor: pointer; border:none; outline:none; border-radius:50%; box-shadow:2px 2px 2px rgba(0,0,0,0.5)}
    .slick-dots li button:hover, .slick-dots li button:focus{ background:#10c3e9;color:#fff;}
    .slick-dots li.slick-active button{ background:#10c3e9;color:#fff;}




    /* 뉴스티커 */

    .notice-box{ background:rgba(0,0,0,0.5); position:absolute; left:0; right:0; bottom:0; z-index:11 }
    .new-notice{ position:relative}
    .new-notice h3 { line-height:24px;  padding:17px 0 17px 50px; background: url(/skyPages/images/page/news-icon.png)   no-repeat center center #159fc7;float:left; font-size:17px; color:#fff; font-weight:300 ; text-indent: -9999px}
    .new-notice h3 a{ font-size:21px; color:#fff; font-weight: 500}
    .arrow-btn { position: absolute; right: 0px; top:4px; }
    .arrow-btn a { cursor:pointer; }
    .before-btn { background:url(/skyPages/images/page/notice-up.png)  no-repeat center ; display: block; text-indent: -9999px; width:30px; height:21px; margin:3px 0 0 0; }
    .after-btn { background:url(/skyPages/images/page/notice-down.png) no-repeat center ; display: block; text-indent: -9999px; width:30px; height:21px; }
    span.new{ color:#fff; font-size:12px; border-radius:2px; line-height:17px; padding:0 5px; background:#f54c10}
    #news-ticker{ padding: 0 0 0 20px}
    #news-ticker li{ padding: 8px 0}
    #news-ticker li .date-source{  color: #ccc; font-size: 13px ; display: block ; line-height: 17px; padding: 0 0 3px 0 }
    #news-ticker li .date-source em{ display: inline-block; padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px solid rgba(255,255,255,0.3) }
    #news-ticker li a{ color: #fff; font-size: 17px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: 20px}
    #news-ticker li a:hover{ color: #ffcc00; }




    #m_icon{ overflow:hidden}

    #m_icon a.m_01{ background:url(/skyPages/images/page/main-icon-01.png) no-repeat center 20px #666; background-size:50px;color:#fff; display:block; float:left; font-size:15px; padding:98px 0 0px 0; height:38px;text-align:center;  width:50% ; overflow:hidden}
    #m_icon a.m_02{ background:url(/skyPages/images/page/main-icon-02.png) no-repeat center 20px #333; background-size:50px;color:#fff; display:block; float:left; font-size:15px; padding:98px 0 0px 0; height:38px;text-align:center;  width:50% ; overflow:hidden}
    #m_icon a.m_03{ background:url(/skyPages/images/page/main-icon-03.png) no-repeat center 20px #333; background-size:60px;color:#fff; display:block; float:left; font-size:15px; padding:98px 0 0px 0; height:38px;text-align:center; width:50% ; overflow:hidden}
    #m_icon a.m_04{ background:url(/skyPages/images/page/main-icon-04.png) no-repeat center 20px #666; background-size:60px;color:#fff; display:block; float:left; font-size:15px; padding:98px 0 0px 0; height:38px;text-align:center;  width:50% ; overflow:hidden}



    /*공지사항*/
    .fl{ float: none }
    .fr{ float: none}
    .main-organize-icon{ }
    .main-notice-icon{ }
    .main-notice{ position: relative; box-sizing: border-box; border-top:1px solid #dbdbdb; padding: 15px}
    .main-notice h3{font-size: 21px; font-weight: 600;  color: #333 ; margin: 0 0 10px 0}
    .main-notice ul li{ padding: 10px 0; border-bottom: 1px dashed #dbdbdb}
    .main-notice ul li a{ display: block; font-size: 17px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} 
    .main-notice ul li a:hover{ color: #159fc7; text-decoration: underline}
    .main-notice ul li:last-child{ border: 0}
    .main-notice ul li div span{ display: inline-block; color: #666; font-size: 15px; margin: 0 15px 0 0 }
    .main-notice a.more-new{ right: 15px !important;}
    .absolute{ position: absolute}		   
    a.more-new{ font-size: 13px; color: #666; display: inline-block; padding: 3px 5px; border: 1px solid #dbdbdb; border-radius: 4px; background: #fff}
    a.more-new:hover{ background: #ffcc00; color: #333}



    #bottom{ background:#333; color:#ccc; padding:14px 12px; font-size:12px; text-align:center; line-height:20px; text-align:center;}
    #bottom span{ display:inline-block; padding:0 5px; color:#999}
    #bottom a.tel{color:#ccc;}
    #bottom a.pc{ display:inline-block; border-radius:30px; background:#ccc; color: #333;  font-size:12px; padding:3px 10px; margin:5px 0 0 0}

    /*인증경영체 및 제품소개*/
    .product-box{background: #f2f2f2 ;padding: 20px 0;}

    .product-list-box{overflow: hidden; position: relative; padding: 0 15px}
    .product-title{ position: relative}
    .product-title a.more-new{ right: 15px; top:0px !important; position: absolute}
    .product-title h3{ font-size: 21px; font-weight: 600; margin: 0 0 15px 0; color: #333}
    .product-title h4{ font-size: 17px; font-weight: 500; margin: 0 0 10px 0; color: #159fc7}
    .product-title p{ font-size: 15px; line-height: 24px; color: #666; margin: 0 0 10px 0}
    .product-list{}
    .product-list li{width: 50%; float: left; ; box-sizing: border-box; text-align: center; padding: 0 7px;   font-size: 17px; color: #333;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;   }
    .product-img{ height: 0; padding-bottom: 100% ;  display: block; margin: 0 0 15px 0; position: relative}  
    .product-img:hover .detail{ height: 100%;  padding-top:40%; }
    .detail{  position: absolute; top:0; right: 0; bottom: 0; left: 0; text-align: center;background: rgba(0,0,0,0.5); height: 0px; overflow: hidden;  transition: all 0.4s ease; box-sizing: border-box }
    .detail a{ display: inline-block; padding: 2px 10px; border-radius: 4px; color: #fff; font-size: 15px; border: 1px solid rgba(255,255,255,0.5)}

    .product-list .slick-prev{ top:45%;left:0px; background:url(/skyPages/images/page/product-left.png) no-repeat center center #333; width: 29px; height: 29px; }
    [dir='rtl'] .slick-prev{left: -84px;;}
    .product-list .slick-next{top:45%; right:0px; background:url(/skyPages/images/page/product-right.png) no-repeat center center #333; width: 29px; height: 29px;}
    [dir='rtl'] .slick-next{ left: -50px;}

    /*일정안내*/
    .schedule-box{background: #ffffff ;padding: 20px 0; border-top:1px solid #dbdbdb;}
    .schedule-list-box{overflow: hidden;  padding: 0 15px}
    .schedule-title{position: relative}
    .schedule-title h3{ font-size: 21px; font-weight: 600; margin: 0 0 15px 0; color: #333}
    .schedule-title p{ font-size: 15px; line-height: 24px; color: #666; margin: 0 0 10px 0}
    .schedule-list{ overflow: hidden; width: 102%; margin-left: -1%}
    .schedule-list li{width: 50%; float: left; padding: 0 5px; box-sizing: border-box}
    .schedule-title a.more-new{ right: 15px; top:0px !important; position: absolute}
    .schedule-list li a .schedule-border:hover{ background: #f2f2f2}
    .schedule-border{ border: 1px solid #dbdbdb;  box-sizing: border-box;}
    .schedule-border dl{  padding: 5px; margin: 0 0 5px 0 }
    .schedule-border dl dt{ background: #333; color: #fff; text-align: center; padding: 8px 15px}
    .schedule-border dl dt span{  font-size: 17px;  }
    .schedule-border dl dd{ font-size: 17px; color: #333;  word-break: keep-all; height: 55px;white-space: normal; overflow: hidden; text-overflow: ellipsis; line-height: 25px }
    .loc-time{ font-size: 15px; color: #666; padding: 3px 0;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 5px }
    .loc-time span{ color: #159fc7; display: inline-block; padding: 0 5px 0 0}



    /*서브*/
    #sns{ background:#ebebeb; text-align:right; padding: 10px 15px; margin-top: 64px}
    #sns span{ font-size:14px; color:#999}
    #sns a{ display:inline-block; padding:0 1px; width:23px; height:23px}
    #sns a img{ width:100%; height:100%; vertical-align:middle}

    #sub_con{ padding:0 15px 15px 15px}
    #title{ font-size:20px; text-align:center; font-weight:bold; color:#333; padding:10px 0}
    #sub_navi{ text-align:center ; overflow:hidden; margin:0 0 15px 0}
    #sub_navi li { width:33%; text-align:center;  display: block; margin:0; float:left; margin:0 1px 0 0}
    #sub_navi li a{ display:block;background:#b7b7b7; padding:9px 0; color:#fff; font-size:12px; border-radius:3px}
    #sub_navi li a.on{ background:#009fc7;}

    #sub_navi_04{ text-align:center ; overflow:hidden; margin:0 0 15px 0}
    #sub_navi_04 li { width:50%; text-align:center;  display: block; margin:0; float:left; padding: 0 0 1px 1px; box-sizing: border-box }
    #sub_navi_04 li a{ display:block;background:#b7b7b7; padding:9px 0; color:#fff; font-size:12px; border-radius:3px}
    #sub_navi_04 li a.on{ background:#009fc7;}

    #sub_navi_02{ text-align:center ; overflow:hidden; margin:0 0 15px 0}
    #sub_navi_02 li { width:49%; text-align:center;  display: block; margin:0; float:left; margin:0 1px 0 0}
    #sub_navi_02 li a{ display:block;background:#b7b7b7; padding:9px 0; color:#fff; font-size:12px; border-radius:3px}
    #sub_navi_02 li a.on{ background:#009fc7;}

    /*내용시작*/
    #sub_accredit h4{ background:url(/skyPages/images/mobile/h3_spot.png) no-repeat left  center; background-size:5px; padding:0 0 0 10px; font-size:18px; color:#11a1c5; font-weight:bold; margin:0 0 5px 0}
    #sub_accredit p{ font-size:16px; line-height:20px}
    #sub_accredit a.downtext{ display:inline-block; font-size:16px; background:url(/skyPages/images/mobile/down_ioc.png) no-repeat  right center #333 ; background-size:20px;  border-radius:3px; padding:5px 25px 5px 10px; color:#fff}
    #sub_accredit div.center{ text-align:center; margin:10px 0}
    #sub_accredit ul.acc{ padding:15px 0 0 0px; margin:10px 0 20px 0; text-align:center}
    #sub_accredit ul.acc li{ display: inline-block; }
    #sub_accredit ul.acc li div{ width:141px; height:144px; border-radius:8px; text-align:center; overflow:hidden; border:2px solid #8f8f8f; }
    #sub_accredit ul.acc li.acc_01 div{  border:2px solid #ffcc00; }
    #sub_accredit ul.acc li.acc_04 div{  border:2px solid #009fc7; }
    #sub_accredit ul.acc li div strong{ display:block; height:38px; font-size:15px; background:#8f8f8f; color:#fff; padding:5px 0 0 0}
    #sub_accredit ul.acc li div strong em{ display:block; font-size:13px}
    #sub_accredit ul.acc li.acc_01 div strong{ background:#dfb306;}
    #sub_accredit ul.acc li.acc_04 div strong{background:#009fc7;}
    #sub_accredit ul.acc li div.acc_02 span.memo_01{ padding-top:10px; }
    #sub_accredit ul.acc li div span.memo_01{ display:block; font-size:14px; line-height:20px; border-bottom:1px solid #dbdbdb; padding:14px 0; color:#666}
    #sub_accredit ul.acc li div span.memo_02{ display:block;line-height:18px;font-weight:bold; font-size:14px ; padding:5px 0}
    #sub_accredit ul.acc li.acc_01 div span.memo_02{ color:#dcb30f }
    #sub_accredit ul.acc li.acc_04 div span.memo_02{ color:#009fc7;}
    #sub_accredit ul.acc li.acc_02 div span.memo_02{ color:#666 }
    #sub_accredit ul.acc li.acc_03 div span.memo_02{ color:#666 ;}
    #sub_accredit ul.bcc{ margin:10px 0 20px 0;}
    #sub_accredit ul.bcc li{ position:relative; padding:0 0 0 110px; margin:15px 0; display:inline-block}
    #sub_accredit ul.bcc li div{ padding:0 0 0 8px; font-size:14px; color:#666}
    #sub_accredit ul.bcc li h5{ background:url(/skyPages/images/sub/spot_02.jpg) no-repeat left center; padding:0 0 0 6px; font-size:16px; margin:5px 0}
    #sub_accredit ul.bcc li span{display:inline-block; width:110px; padding:60px 0 0 0;  position:absolute; top:0; left:0px ; text-align:center; font-size:12px; color:#666}
    #sub_accredit ul.bcc li.bc_01 span{ background:url(/skyPages/images/mobile/acc_01.png) no-repeat center top ;background-size:60px ; }
    #sub_accredit ul.bcc li.bc_02 span{ background:url(/skyPages/images/mobile/acc_02.png) no-repeat center top ;background-size:60px ; }
    #sub_accredit ul.bgg{margin:10px 0 20px 0;}
    #sub_accredit ul.bgg li{ border:1px solid #ebebeb; display:block; position:relative; padding:30px 0 10px 0 ; margin:5px 0; overflow:hidden}
    #sub_accredit ul.bgg li em{ display:block; font-size:12px; color:#666; background:#ebebeb; display:inline-block; position:absolute; left:0; top:0;; padding:2px 10px}
    #sub_accredit ul.bgg li span{ display:block; width:120px; font-size:14px; color:#666; padding:50px 0 0 0 ; text-align:center; vertical-align:middle; float:left; margin:0 20px 0 0}
    #sub_accredit ul.bgg li.bgg_01 span{background: url(/skyPages/images/mobile/acc_02.png) no-repeat center top;background-size:50px ;}
    #sub_accredit ul.bgg li.bgg_02 span{background: url(/skyPages/images/mobile/bgg_02.png)  no-repeat center top;background-size:80px ;}
    #sub_accredit ul.bgg li.bgg_03 span{background:url(/skyPages/images/mobile/bgg_03.png)  no-repeat center top;background-size:80px ;}
    #sub_accredit ul.bgg li strong{ display:block; font-size:16px; color:#333; padding:10px 20px 0 0}



    #sub_accredit_02{}
    #sub_accredit_02 p{ text-align:center; font-size:16px; padding:20px 10px}
    #sub_accredit_02 p span{ display:block;  color:#333}
    #sub_accredit_02 p span strong{ color:#009fc7}
    #sub_accredit_02 h4{ background:url(/skyPages/images/mobile/h3_spot.png) no-repeat left  center; background-size:5px; padding:0 0 0 10px; font-size:18px; color:#11a1c5; font-weight:bold; margin:0 0 5px 0}
    #sub_accredit_02 li{ border-bottom:1px solid #ebebeb; position:relative; padding:10px 0 10px 90px; overflow:hidden ;    min-height: 100px; }
    #sub_accredit_02 li.ar_07{border-bottom:none;}
    #sub_accredit_02 li h5{ display:inline-block ; font-size:14px; width:75px; text-align:center; padding:80px 0 0 0; position:absolute; left:0px; top:5px; color:#666 }
    #sub_accredit_02 li strong{ font-size:16px; color:#333; display:block; word-break:keep-all; line-height:22px}
    #sub_accredit_02 li span{ display:block; background:url(/skyPages/images/sub/spot_03.jpg) no-repeat 0 9px; padding:0 0 0 6px; margin:0 0 3px 0; word-break:keep-all; font-size:14px; color:#666}
    #sub_accredit_02 li.ar_01 h5{ background:url(/skyPages/images/sub/accico_01.png) no-repeat center top; background-size:100%}
    #sub_accredit_02 li.ar_01 strong{margin:0px 0 10px 0} 
    #sub_accredit_02 li.ar_02 h5{ background:url(/skyPages/images/sub/accico_02.png) no-repeat center top;background-size:100% }
    #sub_accredit_02 li.ar_02 strong{margin:0px 0 10px 0} 
    #sub_accredit_02 li.ar_03 h5{ background:url(/skyPages/images/sub/accico_03.png) no-repeat center top;background-size:100% }
    #sub_accredit_02 li.ar_03 strong{margin:0px 0 10px 0} 
    #sub_accredit_02 li.ar_04 h5{ background:url(/skyPages/images/sub/accico_04.png) no-repeat center top;background-size:100% }
    #sub_accredit_02 li.ar_04 strong{margin:0px 0 10px 0} 
    #sub_accredit_02 li.ar_05 h5{ background:url(/skyPages/images/sub/accico_05.png) no-repeat center top;background-size:100% }
    #sub_accredit_02 li.ar_05 strong{margin:0px 0 10px 0}
    #sub_accredit_02 li.ar_06 h5{ background:url(/skyPages/images/sub/accico_06.png) no-repeat center top; background-size:100%}
    #sub_accredit_02 li.ar_06 strong{margin:0px 0 10px 0}
    #sub_accredit_02 li.ar_07 h5{ background:url(/skyPages/images/sub/accico_07.png) no-repeat center top; background-size:100%}
    #sub_accredit_02 li.ar_07 strong{margin:0px 0 10px 0}


    /*6차산업인증사업자현황*/
    .navermap{ position: relative; height:300px; border: 1px solid #dbdbdb; background: #a3bdd7; }


    .type-list{}
    .type-list h3{ background: #666; color: #fff; padding: 3px 15px; font-size:15px;  font-weight: normal; display: inline-block }
    .type-list li em{ width: 13px; height: 13px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.3); text-indent: -9999px; display: inline-block; vertical-align: middle}
    .type-list li{ padding: 5px 5px; color: #333; display: inline-block}
    .type-red{ background: #dd1a1a}
    .type-green{ background: #009900}
    .type-blue{ background: #0066ff}


    .corpo{background: #333; color: #fff; padding: 3px 15px; font-size:13px;display: inline-block; position: absolute; right: 10px; top:10px; z-index: 1000 }
    .balloon {display: inline-block;  position: relative;  background: #fff; height: 90px; width:190px;  margin: 0 auto 10px;  border: 1px solid rgba(0,0,0,0.5); padding: 10px;border-radius: 5px}
    .balloon:after {  content: '';   position: absolute; border-top: 15px solid #fff;  border-right: 10px solid transparent;  border-left: 10px solid transparent;  bottom: -14px;  left: 50%; margin-left: -7px}
    .balloon:before {  content: '';  position: absolute;  border-top: 15px solid rgba(0,0,0,0.5);  border-right: 10px solid transparent;  border-left: 10px solid transparent;  bottom: -15px;   left: 50%; margin-left: -7px}


    .map-company{   padding: 0  10px  0 0}
    .map-company a{ color: #333; font-size: 15px; font-weight: bold;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block}
    .map-company a:hover{ color: #208ca4; text-decoration: underline }
    .map-tel{color: #333; font-size: 13px; margin: 5px 0 }
    .map-tel em{ font-size: 11px; display: inline-block; border: 1px #dbdbdb solid; border-radius:3px; padding: 0 5px; margin: 0 5px 0 0; line-height: 15px}
    .map-add{ font-size: 13px; line-height: 15px; color: #666}
    .map-closed{ display: inline-block; width: 18px; height: 18px; background: url(/skyPages/images/sub/close-btn.png) no-repeat center center #333; text-indent: -9999px; position: absolute; right: 0; top: 0}



    #sub_accredit_list{}
    #sub_accredit_list .head{ overflow:hidden}


    #sub_accredit_list .head .left{ height:207px ;border:1px solid #ebebeb;   }
    #sub_accredit_list .head .map{ width:328px; height:207px ;  position:relative; background:url(/skyPages/images/mobile/jejumap_00.png) left top  no-repeat; margin:0 auto }
    #sub_accredit_list .head .left span{ position:absolute; background:url(/skyPages/images/sub/company_ico.png) no-repeat left center; display:inline-block; padding:0 0 0 25px; left:15px; top:7px}
    #sub_accredit_list .head .left span strong{ font-size:17px; color:#333}
    #sub_accredit_list .head .left a{ display:inline-block; font-size:11px; position:absolute; color:#666}
    #sub_accredit_list .head .left a.m-01{ top: 113px; left: 22px;}
    #sub_accredit_list .head .left a.m-02{ top: 95px; left: 43px;}
    #sub_accredit_list .head .left a.m-03{ top: 76px; left: 82px;}
    #sub_accredit_list .head .left a.m-04{ top: 52px; left: 131px;}
    #sub_accredit_list .head .left a.m-05{ top: 45px; left: 183px;}
    #sub_accredit_list .head .left a.m-06{ top: 41px; left: 229px;}
    #sub_accredit_list .head .left a.m-07{ top: 38px; left: 284px;}
    #sub_accredit_list .head .left a.m-08{ top: 139px; left: 26px;}
    #sub_accredit_list .head .left a.m-09{ top: 126px; left: 68px;}
    #sub_accredit_list .head .left a.m-10{ top: 123px;left: 125px;}
    #sub_accredit_list .head .left a.m-11{ top: 111px; left: 183px;}
    #sub_accredit_list .head .left a.m-12{ top: 91px; left: 215px;}
    #sub_accredit_list .head .left a.m-13{ top: 73px; left: 254px;}
    #sub_accredit_list form.search_box{ display:block; margin:10px 0 0 0}
    #sub_accredit_list form.search_box ul { border-top:1px solid #dbdbdb; width:100%}
    #sub_accredit_list form.search_box ul li{ position:relative; padding:10px 0px; border-bottom:1px solid #dbdbdb; text-align:right}
    #sub_accredit_list form.search_box ul li span{ display:inline-block; font-size:14px; position:absolute; left:10px; top:15px}
    #sub_accredit_list form.search_box ul li select{ height:28px; font-size:14px ; border:1px #dbdbdb solid; padding:0 3px; background:#fff }
    #sub_accredit_list form.search_box ul li select.select_02{ width:65%}
    #sub_accredit_list form.search_box ul li.search{ border-bottom:none; padding:10px 65px 0 0px; margin:15px 0  }
    #sub_accredit_list form.search_box ul li.search .search_input{ background:#f4f4f4; border:1px solid #dbdbdb; padding:3px;  height:20px; font-size:13px; width:60%}
    #sub_accredit_list form.search_box ul li.search .search_btn{ background:#666; color:#fff; font-size:13px; text-align:center; padding:0px 14px 0px 15px; height:28px; border:none;  position:absolute; top:10px; right:10px; font-size:13px}
    #sub_accredit_list form.search_box ul li.search select{width:30% }
    #sub_accredit_list table {border-top:2px #64b6d2 solid ; margin:15px 0}
    #sub_accredit_list table th{   border-bottom:1px solid #dbdbdb; padding:10px; background:#f2f2f2; font-size:14px; color:#666 }
    #sub_accredit_list table td{   border-bottom:1px solid #dbdbdb; padding:10px; text-align:center;font-size:14px;color:#666 }
    #sub_accredit_list table td a{ color:#333}
    #sub_accredit_list table th:first-child{ border-left: none}
    #sub_accredit_list table td:first-child{ border-left: none}
    #sub_accredit_list .view{border-top:2px #64b6d2 solid ; margin:15px 0}
    #sub_accredit_list .view .view_head{ overflow:hidden; padding:15px 0}
    #sub_accredit_list .view .view_head iframe{   }
    #sub_accredit_list .view .view_head .info{   }
    #sub_accredit_list .view .view_head .info li{ border-bottom:1px #ebebeb solid; border-right:1px #ebebeb solid; border-left:1px #ebebeb solid;  padding:7px 10px 7px 130px ; position:relative; color:#333;}
    #sub_accredit_list .view .view_head .info li strong{ font-size:16px; line-height:19px}
    #sub_accredit_list .view .view_head .info li span{ position:absolute; top:0; left:0; bottom:0; width:110px; text-align:center; line-height:36px; background:#f3f3f3; color:#666; font-size:14px}
    #sub_accredit_list .view .view_head .info li:first-child{border-top:1px solid #dbdbdb;}
    #sub_accredit_list .view .view_business{ border:none; margin:10px 0}
    #sub_accredit_list .view .view_business th{ font-size:14px; padding:10px;  background:#f3f3f3; color:#666;border:1px solid #ebebeb  }
    #sub_accredit_list .view .view_business td{ padding:10px 10px 10px 10px; font-size:14px; font-weight:bold; color:#333; position: relative; min-height:22px ; border:1px solid #ebebeb; text-align:left}
    #sub_accredit_list .view .view_business td span{ border-radius:30px; display:block; color:#fff; font-size:13px; font-weight:bold;line-height:22px; word-break:keep-all; padding:5px}
    #sub_accredit_list  .btn_box { text-align:center; padding:10px;}
    #sub_accredit_list .btn_box a.btn  {background: #333;font-size: 14px;font-weight: bold;display: inline-block;color: #FFF; padding: 5px 20px; border-radius: 5px; -o-border-radius: 5px; margin: 0 3px;}

    /*시설디렉토리*/
    #sub_sub_facilities_list{}
    #sub_sub_facilities_list .head{ overflow:hidden}


    #sub_facilities_list .head .left{ height:207px ;border:1px solid #ebebeb;   }
    #sub_facilities_list .head .map{ width:328px; height:207px ;  position:relative; background:url(/skyPages/images/mobile/jejumap_00.png) left top  no-repeat; margin:0 auto }
    #sub_facilities_list .head .left span{ position:absolute; background:url(/skyPages/images/sub/company_ico.png) no-repeat left center; display:inline-block; padding:0 0 0 25px; left:15px; top:7px}
    #sub_facilities_list .head .left span strong{ font-size:17px; color:#333}
    #sub_facilities_list .head .left a{ display:inline-block; font-size:11px; position:absolute; color:#666}
    #sub_facilities_list .head .left a.m-01{ top: 113px; left: 22px;}
    #sub_facilities_list .head .left a.m-02{ top: 95px; left: 43px;}
    #sub_facilities_list .head .left a.m-03{ top: 76px; left: 82px;}
    #sub_facilities_list .head .left a.m-04{ top: 52px; left: 131px;}
    #sub_facilities_list .head .left a.m-05{ top: 45px; left: 183px;}
    #sub_facilities_list .head .left a.m-06{ top: 41px; left: 229px;}
    #sub_facilities_list .head .left a.m-07{ top: 38px; left: 284px;}
    #sub_facilities_list .head .left a.m-08{ top: 139px; left: 26px;}
    #sub_facilities_list .head .left a.m-09{ top: 126px; left: 68px;}
    #sub_facilities_list .head .left a.m-10{ top: 123px;left: 125px;}
    #sub_facilities_list .head .left a.m-11{ top: 111px; left: 183px;}
    #sub_facilities_list .head .left a.m-12{ top: 91px; left: 215px;}
    #sub_facilities_list .head .left a.m-13{ top: 73px; left: 254px;}
    #sub_facilities_list form.search_box{ display:block; margin:10px 0 0 0}
    #sub_facilities_list form.search_box ul { border-top:2px solid #64b6d2; width:100%}
    #sub_facilities_list form.search_box ul li{ position:relative; padding:10px 0px; border-bottom:1px solid #dbdbdb; text-align:right}
    #sub_facilities_list form.search_box ul li span{ display:inline-block; font-size:14px; position:absolute; left:0; top:10px}
    #sub_facilities_list form.search_box ul li select{ height:28px; font-size:14px ; border:1px #dbdbdb solid; padding:0 3px; background:#fff } 
    #sub_facilities_list form.search_box ul li select.select_02{ width:40%}
    #sub_facilities_list form.search_box ul li select.select_01{ width:25%}
    #sub_facilities_list form.search_box ul li.search{ border-bottom:none; padding:10px 65px 0 0px; margin:15px 0  }
    #sub_facilities_list form.search_box ul li.search .search_input{ background:#f4f4f4; border:1px solid #dbdbdb; padding:3px;  height:20px; font-size:13px; width:60%}
    #sub_facilities_list form.search_box ul li.search .search_btn{ background:#666; color:#fff; font-size:13px; text-align:center; padding:0px 14px 0px 15px; height:28px; border:none;  position:absolute; top:10px; right:10px; font-size:13px}
    #sub_facilities_list form.search_box ul li.search select{}
    #sub_facilities_list table {border-top:2px #64b6d2 solid ; margin:15px 0}
    #sub_facilities_list table th{   border-bottom:1px solid #dbdbdb; padding:10px; background:#f2f2f2; font-size:14px; color:#666 }
    #sub_facilities_list table td{   border-bottom:1px solid #dbdbdb; padding:10px; text-align:center;font-size:14px;color:#666 }
    #sub_facilities_list table td a{ color:#333}
    #sub_facilities_list table th:first-child{ border-left: none}
    #sub_facilities_list table td:first-child{ border-left: none}

    #sub_facilities_list .view h5{ background:url(/skyPages/images/mobile/h3_spot.png) no-repeat left  center; background-size:5px; padding:0 0 0 10px; font-size:18px; color:#11a1c5; font-weight:bold; margin:0 0 5px 0}

    #sub_facilities_list .view { border:none; margin:10px 0}
    #sub_facilities_list .view table { border:none}
    #sub_facilities_list .view table th{ font-size:14px; padding:10px;  background:#f3f3f3; color:#666;border:1px solid #ebebeb ; text-align:center }
    #sub_facilities_list .view table td{ padding:10px ; font-size:14px; font-weight:bold; color:#333; position: relative; min-height:22px ; border:1px solid #ebebeb; text-align:center}
    #sub_facilities_list .view table td span{ border-radius:30px; display:block;  font-size:13px; font-weight:bold;line-height:22px; word-break:keep-all; padding:5px}

    #sub_facilities_list .view table th.subject{ font-size:16px; color:#333; font-weight:bold; border-top:2px solid #dbdbdb; background:#dbdbdb}
    #sub_facilities_list  .btn_box { text-align:center; padding:10px;}
    #sub_facilities_list .btn_box a.btn  {background: #333;font-size: 14px;font-weight: bold;display: inline-block;color: #FFF; padding: 5px 20px; border-radius: 5px; -o-border-radius: 5px; margin: 0 3px;}


    #sub_coaching{}
    #sub_coaching h4{ background:url(/skyPages/images/mobile/h3_spot.png) no-repeat left  center; background-size:5px; padding:0 0 0 10px; font-size:18px; color:#11a1c5; font-weight:bold; margin:0 0 5px 0}
    #sub_coaching p.list{ margin:10px 0 5px 0;border:1px solid #dbdbdb; border-radius:8px; -moz-border-radius:8px; -border-radius:8px; font-size:16px; color:#333; font-weight:bold; padding:10px 10px}
    #sub_coaching p.list span{ padding:0 8px 0 8px; border-left:1px #ccc solid; line-height:24px}
    #sub_coaching p.list span:first-child{ border-left:none}
    #sub_coaching p.blue{ padding:0 10px; color:#009fc7; font-size:14px}
    #sub_coaching ul.imp{ background:url(/skyPages/images/sub/coaching_01.jpg) no-repeat 5px top; padding:0 0 0 80px; background-size:60px; margin:15px 0 40px}
    #sub_coaching ul.imp li{background:url(/skyPages/images/sub/spot_03.jpg) no-repeat 0 9px; margin:3px 0; font-size:14px; line-height:20px ; padding:0 0 0 5px}
    #sub_coaching ul.imp li strong{ font-size:15px; color:#333; text-decoration:underline}
    #sub_coaching ul.terms{ overflow:hidden; margin:10px 0 }
    #sub_coaching ul.terms li{border:1px solid #dbdbdb; border-radius:8px; -moz-border-radius:8px; -border-radius:8px; padding:0 0px 0 0; display:block; margin:5px 0; padding:0 3px 0 0}
    #sub_coaching ul.terms li td { padding:5px}
    #sub_coaching ul.terms li td h5{ font-size:16px; color:#fff; border-radius:50px; padding:24px 10px; background:#009fc7; display:block; width:48px;}
    #sub_coaching ul.terms li td.grey{ color:#999; font-weight:bold; font-size:12px}
    #sub_coaching ul.terms li td strong{ display:block; font-size:16px; color:#333}
    #sub_coaching ul.terms li td span{ display:block; line-height:18px; font-size:12px; color:#666}
    #sub_coaching p.black{ padding:0 10px; margin:0 0 30px 0; font-size:14px; line-height:20px }
    #sub_coaching .process{ position:relative; min-height:350px; margin:10px 0 30px 0}
    #sub_coaching .process li{ border:1px solid #ebebeb; border-radius:8px; -moz-border-radius:8px; -border-radius:8px; display:block; overflow:hidden; margin:5px 0; padding:0 0 0 130px; position:relative}
    #sub_coaching .process li h5{ display:block; font-size:14px; color:#333; font-weight:bold; padding:10px 0 5px 0; margin:0 0 0px 0; width:120px; position:absolute; top:0; bottom:0; left:0; text-align:center;}
    #sub_coaching .process li h5 em{ display:block; font-size:12px; margin:3px 0 0 0px; color:#666}
    #sub_coaching .process li span{ display:block; line-height:20px; margin:5px 0; font-size:14px}
    #sub_coaching .process li.pro_01 h5{ background:#ffe88c;}
    #sub_coaching .process li.pro_02 h5{ background:#bfe7f1;}
    #sub_coaching .process li.pro_03 h5{ background:#ffe88c;}
    #sub_coaching .process li.pro_04 h5{ background:#ddf1bf;}
    #sub_coaching .process li.pro_05 h5{ background:#ddf1bf;}
    #sub_coaching .process li.pro_06 h5{ background:#bfe7f1;}
    #sub_coaching a.downtext{ display:inline-block; font-size:16px; background:url(/skyPages/images/mobile/down_ioc.png) no-repeat  right center #333 ; background-size:20px;  border-radius:3px; padding:5px 25px 5px 10px; color:#fff}
    #sub_coaching div.center{ text-align:center; margin:10px 0}
    #sub_coaching table.normal{ margin:10px 0 50px 0}
    #sub_coaching table.normal th{ border:1px solid #ebebeb; padding:6px 10px; background:#f2f2f2;font-weight:bold; color:#333;font-size:16px; }
    #sub_coaching table.normal td{ border:1px solid #ebebeb; padding:6px 10px; font-size:14px; color:#666; line-height:20px}
    #sub_coaching table.normal td.bic{ text-align:center; font-size:16px; font-weight:bold; color:#333}
    #sub_coaching p.guide{ background:#f2f2f2; padding:5px 10px; position:relative; margin:10px 0; font-size:14px; line-height:20px}
    #sub_coaching p.guide a{ display:inline-block; background: url(/skyPages/images/sub/down.png) no-repeat right center #333; color:#fff; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; padding:2px 30px 2px 10px;}
    #sub_coaching p.guide a.down_01{  position:absolute;  right:20px; top:20px}

    #sub_coaching_03{}
    #sub_coaching_03 p{ margin:25px auto; border-radius:5px; background:#f2f2f2; line-height:24px; position:relative; padding:8px ;  }
    #sub_coaching_03 p span.icon{ position:absolute; display:none; text-indent:-9999px; background: url(/skyPages/images/sub/coaching_icon.png) no-repeat left top; width:82px; height:75px; top:-19px; left:18px; }
    #sub_coaching_03 p span.blue{ color:#009fc7; text-decoration:underline}
    #sub_coaching_03 p strong{ font-size:15px; color:#333; }
    #sub_coaching_03 div.cate{ overflow:hidden; padding: 10px 10px; text-align:right}
    #sub_coaching_03 div.cate span{ background:url(/skyPages/images/sub/history_ico.jpg) no-repeat left center; padding:0 0 0 12px; display:inline-block}
    #sub_coaching_03 div.cate select{height:28px; font-size:13px ; border:1px #dbdbdb solid; padding:0 10px ; margin:0 0 0 10px; width:180px; background:#fff}
    #sub_coaching_03 ul{ overflow:hidden; border-top:2px solid #64b6d2; text-align:center}
    #sub_coaching_03 ul li{ display: inline-block; border-radius:5px; width:44%; min-height:230px; padding:5px; text-align:center ; margin:2px; background:#f2f2f2; line-height:18px; word-break:keep-all}
    #sub_coaching_03 ul li img{ display:block; border:1px #CCC solid; margin:0 auto}
    #sub_coaching_03 ul li strong{ font-size:17px; color:#333; display:block; margin:10px 0}
    #sub_coaching_03 ul li span{ font-size:13px; color:#fff; font-weight:bold; background:#666; display:block; padding:3px 0;  margin:0 0 10px 0}


    #sub_antenna{}
    #sub_antenna h4{ background:url(/skyPages/images/mobile/h3_spot.png) no-repeat left  center; background-size:5px; padding:0 0 0 10px; font-size:18px; color:#11a1c5; font-weight:bold; margin:0 0 5px 0}
    #sub_antenna p{ font-size:16px; line-height:22px; }
    #sub_antenna .an_bg img{ width:100%; margin:5px 0 }
    #sub_antenna  ul.ant_01{ padding:0px 0 0 0; margin:0 0 30px 0}
    #sub_antenna ul.ant_01 li{ background:url(/skyPages/images/sub/spot_03.jpg) no-repeat 0 9px; padding:0 0 0 6px; margin:0 0 5px 0; word-break:keep-all; font-size:14px; color:#666; line-height:20px}

    #sub_antenna .ant_02{ margin:20px 0 0 0; overflow:hidden ;border-top:1px solid #ebebeb}
    #sub_antenna .ant_02 >li{overflow:hidden; padding:10px 0; position:relative; border-bottom:1px solid #ebebeb}
    #sub_antenna .ant_02 >li a{ display:inline-block; background: #009fc7; padding:3px 10px 3px 10px; color:#fff; border-radius:5px; -moz- border-radius:5px; -o- border-radius:5px; font-size:12px; margin:5px 0 0 0}
    #sub_antenna .ant_02 >li ul{ padding:0 0 0 15px; float:left; }
    #sub_antenna .ant_02 >li ul h5{ color:#333; font-size:16px; margin:10px 0 5px 0 ; }
    #sub_antenna .ant_02 >li ul h5 span{ font-size:13px; color:#666; display:block; line-height:22px}
    #sub_antenna .ant_02 >li ul li{ padding:0 0 0 3px; font-size:14px}
    #sub_antenna .ant_02 >li img{ float:left; width:160px }


    #sub_antenna_list p{margin:25px auto; border-radius:5px; background:#f2f2f2; line-height:24px; position:relative; padding:8px ; }
    #sub_antenna_list p span.icon{ position:absolute; display:inline-block; text-indent:-9999px; background: url(/skyPages/images/sub/antenna_list_01.png) no-repeat left top; width:82px; height:75px; top:-19px; left:18px; }
    #sub_antenna_list p span.blue{ color:#009fc7; text-decoration:underline}
    #sub_antenna_list p strong{ font-size:15px; color:#333; }
    #sub_antenna_list div.cate{ overflow:hidden; padding: 10px 0}
    #sub_antenna_list div.cate a{ display:block; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; padding:3px 6px; background:#ebebeb; color:#666; margin:2px; font-size:14px; float:left }
    #sub_antenna_list div.cate a:hover{ background:#009fc7; color:#fff}
    #sub_antenna_list div.cate a.on{ background:#009fc7; color:#fff}
    #sub_antenna_list ul{border-top:2px #64b6d2 solid ; padding:10px 0 ; overflow:hidden}
    #sub_antenna_list ul li{border:1px solid #ebebeb; text-align:center; margin:0px 5px 5px 0px; width:47%; padding:0 0 5px 0;  display:block; vertical-align:top; float:left}
    #sub_antenna_list ul li img{ width:100%}
    #sub_antenna_list ul li strong{ display:block; font-size:15px; color:#333; margin:5px 0 0 0}
    #sub_antenna_list ul li span{ display:block; font-size:14px; color:#999}


    #sub_press p{ margin:25px auto; border-radius:5px; background:#f2f2f2; line-height:24px; position:relative; padding:8px ;  }
    #sub_press p span.blue{ color:#009fc7; text-decoration:underline}
    #sub_press p strong{ font-size:15px; color:#333; }
    #sub_press .list ul{border-top:2px #64b6d2 solid ; }
    #sub_press .list ul li.head { border-bottom:1px solid #ccc; padding:7px 0; display:none }
    #sub_press .list ul li.head span{ font-weight:bold; }
    #sub_press .list ul li.head span.subject{ position:inherit; text-align:center;}
    #sub_press .list ul li.head span.number{  font-size:13px; display:none}
    #sub_press .list ul li{ padding:10px 0;border-bottom:1px solid #ebebeb; overflow:hidden; display:block}
    #sub_press .list ul li.head span.date{ font-size:13px}
    #sub_press .list ul li span{vertical-align:middle}
    #sub_press .list ul li span.number{ width:50px; left:0; font-size:12px; display:none}
    #sub_press .list ul li span.subject{display:block; margin:0 0 3px 0}
    #sub_press .list ul li span.ordering{ display:inline-block; font-size:14px; color:#666 ;padding:0  0 0 20px; }
    #sub_press .list ul li span.date{font-size:14px; color:#666 ; display:inline-block; padding:0 20px 0 0; border-right:1px solid #ebebeb}
    #sub_press .list ul li span em{ font-size:16px; color:#009fc7;font-weight:bold;}
    #sub_press .list ul li span em.on{ background:#009fc7}
    #sub_press .list ul li span a{ color:#333; font-size:16px;line-height:22px; }
    #sub_press .list ul li span a:hover{ color:#009fc7}
    #sub_press form{ text-align:right;  display:block; margin:0 0 10px 0 ;padding:0 45px 0 0;position:relative;display:block}
    #sub_press form span{ background:url(/skyPages/images/sub/history_ico.jpg) no-repeat left center; padding:0 0 0 12px; display:inline-block}
    #sub_press form  .gloval_input{ height:25px;width:70%; border:1px #dbdbdb solid ;    }
    #sub_press form  .search_btn {   border:none; background:#666; width:50px; height:27px; cursor:pointer; position:absolute; top:0px; right:0px; color:#fff }


    #sub_public p{ margin:25px auto; border-radius:5px; background:#f2f2f2; line-height:24px; position:relative; padding:8px ;  }
    #sub_public p span.blue{ color:#009fc7; text-decoration:underline}
    #sub_public p strong{ font-size:15px; color:#333; }
    #sub_public .list ul{border-top:2px #64b6d2 solid ; }
    #sub_public .list ul li.head { border-bottom:1px solid #ccc; padding:7px 0; display:none }
    #sub_public .list ul li.head span{ font-weight:bold; }
    #sub_public .list ul li.head span.subject{ position:inherit; text-align:center;}
    #sub_public .list ul li.head span.number{  font-size:13px}
    #sub_public .list ul li{ padding:10px 0;border-bottom:1px solid #dbdbdb; line-height:20px; position:relative}
    #sub_public .list ul li.head span.date{ font-size:13px}
    #sub_public .list ul li span{ vertical-align:middle}
    #sub_public .list ul li span.number{ width:50px; left:0; font-size:12px; display:none}
    #sub_public .list ul li span.subject{display:block; margin:0 0 3px 0}
    #sub_public .list ul li span.ordering{  font-size:14px; color:#666 ;display:block;}
    #sub_public .list ul li span.date{ font-size:14px; color:#666 ; display:block; margin:2px 0  }
    #sub_public .list ul li span strong{ border-radius:3px; border:1px solid #ebebeb ; color:#666; padding:0px 5px; font-size:12px; display:inline-block; font-weight:normal}
    #sub_public .list ul li span em{ font-size:14px; color:#fff; line-height:13px; padding:5px 7px 3px 7px; display:inline-block; font-weight:bold; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; background:#999; margin:0 0px 0 0}
    #sub_public .list ul li span em.on{ background:#009fc7}
    #sub_public .list ul li span a{ color:#333; font-size:16px;line-height:22px;}
    #sub_public .list ul li span a:hover{ color:#009fc7}
    #sub_public form{ text-align:right;  display:block; margin:0 0 10px 0 ;padding:0 45px 0 0;position:relative;display:block}
    #sub_public form span{ background:url(/skyPages/images/sub/history_ico.jpg) no-repeat left center; padding:0 0 0 12px; display:inline-block}
    #sub_public form  .gloval_input{ height:25px;width:70%; border:1px #dbdbdb solid ;    }
    #sub_public form  .search_btn {   border:none; background:#666; width:50px; height:27px; cursor:pointer; position:absolute; top:0px; right:0px; color:#fff }

    /*연혁*/
    #sub_history{}
    #sub_history div.history_head{}
    #sub_history div.history_head h2 strong{ border-radius:5px; font-size:17px; color:#fff; display:inline-block; padding:2px 10px; background:#333}
    #sub_history div.history_head h2 span{ font-size:19px;  padding:5px 0 0 5px; font-weight:bold; color:#333}
    #sub_history div.history_head p{ padding:10px 0; line-height:22px}
    #sub_history ul{ background:url(/skyPages/images/sub/history_bg.jpg)  none  ; padding:0 0 0 0px; margin:20px 0 30px 0}
    #sub_history ul h5{ color:#81c6d8; font-size:35px; padding:5px 0 5px 3px; font-family:Arial}
    #sub_history ul li{  line-height:26px; font-size:16px; font-weight:bold; color:#333; padding:7px 0px 7px 0px ; position:relative; border-bottom:1px #dbdbdb solid}
    #sub_history ul li span{ font-size:16px; color:#098eb0; display:block; background:url(/skyPages/images/sub/history_ico.jpg) no-repeat 0 10px; padding:0 0 0 13px;}




    /* sub_schedule */
    #schedule-list {}
    #schedule-list p.schedule-list-head{ display:block; position:relative; text-align:center; margin:0 0 10px 0 }
    #schedule-list p.schedule-list-head a{ display:block; position:absolute; cursor:pointer; width:20px; line-height:18px; text-indent:-9999px}
    #schedule-list p.schedule-list-head a.pre{ top:0; left:10px; background:url(/skyPages/images/sub/schedule_pre.jpg) no-repeat}
    #schedule-list p.schedule-list-head a.next{ top:0; right:10px;background:url(/skyPages/images/sub/schedule_next.jpg) no-repeat}
    #schedule-list p.schedule-list-head span{ font-size:20px; font-weight:bold}
    #schedule-list p.schedule-list-head span.thisMonth{ color:#C36}
    #schedule-list table{ width:100%;}
    #schedule-list table th{ font-size:15px; border:1px solid #dbdbdb; padding:3px; background:#f1f1f1}
    #schedule-list table th.sat{ color:#06C}
    #schedule-list table th.sun{ color:#C33}
    #schedule-list table td{border:1px solid #dbdbdb; padding:3px 3px 10% 3px;text-align: center}
    #schedule-list table td p{ text-align:right; font-size:13px; font-family:Arial; font-weight:bold;}
    #schedule-list table td p.sat{ color:#06C}
    #schedule-list table td p.sun{ color:#C33}
    #schedule-list table td.today{ background:#fff7c8}
    #schedule-list table td a{ display: inline-block; font-size: 13px; background: #333; color: #fff; padding: 0 3px; border-radius: 3px; margin: 10% 0 0 0}

    #sub_schedule ul.view_list{ border-top:2px #64b6d2  solid; margin: 30px 0px;}
    #sub_schedule ul.view_list li{position:relative; padding:5px 5px 5px 110px; border-bottom:1px #dbdbdb solid;}
    #sub_schedule ul.view_list li strong{ font-size:15px; }
    #sub_schedule ul.view_list li em{ font-size:13px}
    #sub_schedule ul.view_list li span{ display:block; text-align: right;position: absolute; top:0px; bottom:0; left:0; width:70px; padding:5px 20px 5px 5px; background:#f5f5f5 }
    #sub_schedule div.view_memo{ padding:10px; border-bottom:1px solid #dbdbdb; line-height:24px}


    /*오시는길*/
    #sub_location{ padding:20px 0 0 0}
    #sub_location h4{ background:url(/skyPages/images/mobile/h3_spot.png) no-repeat left  center; background-size:5px; padding:0 0 0 10px; font-size:18px; color:#11a1c5; font-weight:bold; margin:0 0 5px 0}
    #sub_location iframe{ border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; width:100%;height:240px; margin-bottom:15px}
    #sub_location .loc_01{ padding:30px 0 0 35px }
    #sub_location .loc_01 table{ border-top:1px solid #dbdbdb; margin:5px 0 0 0}
    #sub_location .loc_01 table th{ padding:10px; background:#f2f2f2; border-bottom:1px solid #dbdbdb; font-size:14px }
    #sub_location .loc_01 table td{ padding:10px; border-bottom:1px solid #dbdbdb; font-size:14px }
    #sub_location .loc_01 p{ margin:20px 0 0 0; line-height:22px }
    #sub_location .loc_01 p strong{ color:#333}
    #sub_location .loc_02{ margin:30px 0 0 0}
    #sub_location .loc_02 table{ border-top:1px solid #dbdbdb; margin:5px 0 0 0}
    #sub_location .loc_02 table th{ padding:10px; background:#f2f2f2; border-bottom:1px solid #dbdbdb; font-size:14px }
    #sub_location .loc_02 table td{ padding:10px; border-bottom:1px solid #dbdbdb; text-align:center;font-size:14px  }
    #sub_location .loc_02 table td span{ background:#333; color:#fff; font-size:12px; font-weight:bold;  border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; display:inline-block; width:40px}
    #sub_location .loc_02 table td a{ background: url(/skyPages/images/main/arrow_bt.png) no-repeat right center #009fc7; color:#fff; font-size:12px; font-weight:bold; padding:0px 20px 0px 10px; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;display:inline-block}


    #sub_greetings{ line-height:22px; position:relative; padding:15px 0 0 0}
    #sub_greetings h4{ font-size:18px; color:#009fc7; line-height:30px; font-weight:bold ; margin:0 0 15px 0}
    #sub_greetings div.ceo img{ width:90%}
    #sub_greetings div.ceo{ text-align:right}



    #page_wrap {text-align: center;}
    #page_wrap .pagination { margin: 10px auto; border: none;}
    #page_wrap .pagination li {display:inline-block;color: #cfcfcf;padding: 4px 2px;background-color: #f1f1f1;border-radius: 3px;margin: 0px 2px;}
    #page_wrap .pagination li:hover{  background:#666;}
    #page_wrap .pagination li a{ padding:10px 5px; color:#666666; text-decoration:none; font-size:12px}
    #page_wrap .pagination li a:hover{ color:#fff;}
    #page_wrap .pagination li.active{ padding: 4px 2px;background:#009fc7; color:#fff }
    #page_wrap .pagination li.active span{ font-weight:bold;padding: 4px 2px; color:#fff}

    /*게시판*/

    /*기본게시판*/
    #skin01_list{}

    #skin01_list form{ text-align:right;  display:block; margin:0 0 10px 0 ;padding:0 45px 0 0;position:relative;display:block}
    #skin01_list form   select{ height:27px; font-size:14px ; border:1px #dbdbdb solid; padding:0 3px; background:#fff}
    #skin01_list form  .serch_input{ height:25px;width:70%; border:1px #dbdbdb solid ;    }
    #skin01_list form  .serch_btn {   border:none; background:#666; width:50px; height:27px; cursor:pointer; position:absolute; top:0px; right:0px; color:#fff }
    #skin01_list div.list{}
    #skin01_list div.list ul{border-top:2px #64b6d2 solid ; }
    #skin01_list div.list ul li{ padding:10px 0;border-bottom:1px solid #ebebeb; line-height:20px; position:relative}
    #skin01_list div.list ul li.head{ display:none}
    #skin01_list div.list ul li span.writer{ display:none}
    #skin01_list div.list ul li span.number{display:none}
    #skin01_list div.list ul li span.subject{ display:block;  margin:0 0 5px 0}
    #skin01_list div.list ul li span.subject a{color:#333; font-size:16px;line-height:22px;}
    #skin01_list div.list ul li span.date{ display:inline-block; font-size:14px; color:#666; border-right:1px solid #ebebeb; padding:0 10px 0 0;}
    #skin01_list div.list ul li span.hit{ display:inline-block; font-size:14px; color:#666; padding:0 0 0 10px;}
    #skin01_list div.list ul li span em{ font-size:12px; color:#999; font-weight:bold; margin:0 3px 0 0}
    #skin01_list div.list ul li.notice span.number{font-size:16px; color:#009fc7;font-weight:bold; display:inline-block}

    #skin01_view{}
    #skin01_view ul.view_list{border-top:2px #64b6d2 solid ;}
    #skin01_view ul.view_list li{ padding:10px 0;border-bottom:1px solid #ebebeb; line-height:22px; position:relative}
    #skin01_view ul.view_list li span{ display:none}
    #skin01_view ul.view_list li.writer{ font-size:14px; color:#666}
    #skin01_view ul.view_list li.writer em{font-size:12px; color:#999; font-weight:bold; margin:0 0px 0 3px}
    #skin01_view ul.view_list li input{background:#fff; border:1px solid #dbdbdb; color:#333; padding:3px}
    #skin01_view ul.view_list li a.file_upload{ display:inline-block; font-size:12px; line-height:12px; color:#FFF; background:#333; padding:3px 6px 3px 5px; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
    #skin01_view ul.view_list li.file_box{ border-bottom:none; text-align:right}
    #skin01_view .view_memo{ padding:10px 0; border-bottom:1px solid #dbdbdb; line-height:24px}

    .file_box em.open {
      display: inline;
      font-style: normal;
      font-size: 12px;
      cursor: pointer;
      background: url(/skyPages/images/bbs-img/down_ico.png) no-repeat right center;
      padding: 0 10px 0 0;
    }



    /*게시판 스킨 03*/
    #skin03_list{padding: 0px 0px;}
    #skin03_list form{ display:block; text-align:center; margin:30px 0 10px 0}
    #skin03_list form #search { vertical-align: bottom;    height: 24px;}
    #skin03_list input{ background:#f4f4f4; border:1px solid #dbdbdb; color:#333; padding:3px}
    #skin03_list input.serch_btn{ background:#333; color:#fff; font-size:13px; text-align:center; padding:3px 15px 5px 15px; border:none;  border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px}
    #skin03_list div.list ul{border-top:2px #333 solid;padding: 25px 0px 0px;overflow: hidden; }
    #skin03_list div.list ul li{ float:left; width: 50%; box-sizing: border-box; padding: 5px}

    /*#skin03_list div.list ul li span{ color: #333; font-size: 13px; display:block; text-align:center; line-height: 45px;}*/
    #skin03_list div.list ul li p{ color: #666; font-size: 15px;  line-height: 20px;   text-align: center;border-top: none; padding: 10px 0 0 0; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap}

    /*#skin03_list div.list ul li p em { background:url(/skyBoard/images/bbs-img/dot-square-gray.png) no-repeat left center;     padding: 0px 0px 0px 6px;}*/

    #skin03_view { margin: 30px 0px; }
    #skin03_view ul.view_list{ border-top:2px #333 solid ; }
    #skin03_view ul.view_list li{position:relative; padding:5px 5px 5px 110px; border-bottom:1px #dbdbdb solid;}
    #skin03_view ul.view_list li strong{ font-size:15px; }
    #skin03_view ul.view_list li em{ font-size:12px}
    #skin03_view ul.view_list li span{ display:block; text-align: right;position: absolute; top:0px; bottom:0; left:0; width:70px; padding:5px 20px 5px 5px; background:#f5f5f5 }
    #skin03_view ul.view_list li input{background:#fff; border:1px solid #dbdbdb; color:#333px; padding:3px}
    #skin03_view ul.view_list li a.file_upload{ display:inline-block; font-size:12px; line-height:12px; color:#FFF; background:#333; padding:3px 6px 3px 5px; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
    #skin03_view ul.view_list .modFile {display: inline-block;background-color: #f0ad4e;font-size: 12px;line-height: 12px;color: #FFF;padding: 3px 6px 3px 5px;border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; }
    #skin03_view ul.view_list .delFile {display: inline-block;background-color: #d9534f;font-size: 12px;line-height: 12px;color: #FFF;padding: 3px 6px 3px 5px;border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; }
    #skin03_view div.view_memo{ padding:10px; border-bottom:1px solid #dbdbdb; line-height:24px}

    #skin03_view p.sns{ text-align:right; padding:10px 10px 0 10px; font-size:12px; color:#999}
    #skin03_view p.sns img{ vertical-align:middle }
    #skin03_view p.sns a{ }

    #skin03_view div.comment { margin:15px 0 0 0;}
    #skin03_view div.comment dl{}
    #skin03_view div.comment dt{padding:10px 10px 0 10px}
    #skin03_view div.comment dt a.del{ background:#F60; line-height:9px; font-size:9px; display:inline-block; color:#FFF; padding:2px 3px; font-weight:bold; border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px;}
    #skin03_view div.comment dt strong{ color:#333;display:inline-block;background:url(/skyBoard/images/bbs-img/man_ico.png) no-repeat 3px 5px;  padding-left:20px}
    #skin03_view div.comment dt em{  font-size:12px}
    #skin03_view div.comment dd{ padding:10px 10px 10px 10px;border-bottom:1px #dbdbdb solid;}
    #skin03_view div.comment h3{ font-size:20px; font-weight:normal; margin-bottom:10px}
    #skin03_view div.comment h3 strong{ color:#ff6c00; font-weight:normal; }

    #skin03_view div.comment ul.comment_write{ overflow:hidden}
    #skin03_view div.comment ul.comment_write li{ border:1px solid #dbdbdb; display:inline-block;  padding-left:15px}
    #skin03_view div.comment ul.comment_write li.writer{ background:url(/skyBoard/images/bbs-img/man_ico.png) no-repeat 3px 7px;}
    #skin03_view div.comment ul.comment_write li.password{ background:url(/skyBoard/images/bbs-img/key_ico.png) no-repeat 3px 7px;}
    #skin03_view div.comment ul.comment_write li.code{ background:url(/skyBoard/images/bbs-img/key_ico.png) no-repeat 3px 7px;}
    #skin03_view div.comment ul.comment_write li.codeview{ border:none ; font-size:12px; color:#999 }
    #skin03_view div.comment ul.comment_write li.codeview span{ color:#F30; font-size:13px; font-weight:bold}
    #skin03_view div.comment ul.comment_write li input{ border:none; width:100px; font-size:13px; height:25px; padding:0 3px; }
    #skin03_view div.comment ul.comment_write li.c_area {  padding-left:0px; display:block; margin:3px 0 0 0}
    #skin03_view div.comment ul.comment_write li.c_area textarea{ width:100%; border-bottom:1px solid #ececec ;  border-top: none ; border-right: none ; border-left: none ;}
    #skin03_view div.comment ul.comment_write li.c_area span{ display:block; position:relative; font-size:12px; color:#f2b385 ; padding:6px 0 6px 10px}
    #skin03_view div.comment ul.comment_write li.c_area em{ display:block; position:absolute; bottom:0; right:0; color:#333}
    #skin03_view div.comment ul.comment_write li.c_area span a{ display:inline-block; padding:6px 15px; background:#333; color:#FFF; }



    /*text_list*/
    #text_list form{ text-align:right;  display:block; margin:0 0 10px 0 ;padding:0 45px 0 0;position:relative;display:block}
    #text_list form   select{ height:27px; font-size:14px ; border:1px #dbdbdb solid; padding:0 3px; background:#fff}
    #text_list form  .serch_input{ height:25px;width:70%; border:1px #dbdbdb solid ;    }
    #text_list form  .serch_btn {   border:none; background:#666; width:50px; height:27px; cursor:pointer; position:absolute; top:0px; right:0px; color:#fff }
    #text_list div.list{}
    #text_list div.list ul{border-top:2px #64b6d2 solid ; }
    #text_list div.list ul li img{ width:100%}
    #text_list div.list ul li p{ font-size:14px; color:#666; line-height:20px}
    #text_list div.list ul li{ border-bottom:1px solid #ebebeb; padding:15px 0}
    #text_list div.list ul li strong{ font-size:16px; color:#333; line-height:24px; display:block; padding:5px 0 0 0  }
    #text_list div.list ul li span{ display:block; padding:3px 0; color:#666; font-size:12px;}
    #text_list div.list ul li span em{ display:inline-block; padding:0px 5px; color:#999}

    #slide_view{}
    #slide_view ul.view_list{border-top:2px #64b6d2 solid ;}
    #slide_view ul.view_list li{ padding:10px 0;border-bottom:1px solid #ebebeb; line-height:22px; position:relative}
    #slide_view ul.view_list li span{ display:none}
    #slide_view ul.view_list li.writer{ font-size:14px; color:#666}
    #slide_view ul.view_list li.writer em{font-size:12px; color:#999; font-weight:bold; margin:0 0px 0 3px}
    #slide_view ul.view_list li input{background:#fff; border:1px solid #dbdbdb; color:#333; padding:3px}
    #slide_view ul.view_list li a.file_upload{ display:inline-block; font-size:12px; line-height:12px; color:#FFF; background:#333; padding:3px 6px 3px 5px; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
    #slide_view ul.view_list li.file_box{ border-bottom:none; text-align:right}
    #slide_view .view_memo{ padding:10px 0; border-bottom:1px solid #dbdbdb; line-height:24px}



    /*공통 스킨*/

    #file_pop{ background:#fff; position:absolute; top:27px; right:0px;border:1px solid #dbdbdb; border-radius:5px; padding:5px 10px 25px 10px; text-align:left; z-index: 70;}
    #file_pop p a{ font-size:12px;}
    .file_box a.file_upload{ display:inline-block; font-size:11px; line-height:11px; color:#FFF; background:#333; padding:3px 5px ; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; margin:0 0 0 10px }
    .file_box a.btnMod{ display:inline-block; font-size:11px; line-height:11px; color:#FFF; background:#f0ad4e; padding:3px 5px; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
    .file_box a.delFile{ display:inline-block; font-size:11px; line-height:11px; color:#FFF; background:#d9534f; padding:3px 5px; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; cursor:pointer}
    .file_box em.nodata{ display:inline; font-style:normal; font-size:12px;}
    .file_box em.open{ display:inline; font-style:normal; font-size:12px; cursor:pointer; background:url(/skyPages/images/bbs-img/down_ico.png) no-repeat right center; padding:0 10px 0 0 }
    .file_box em.open:hover{ text-decoration:underline}
    .file_box em.close{display:inline; font-style:normal; font-size:12px; cursor:pointer; background:#f2f2f2; border:1px solid #dbdbdb; padding:1px 5px; line-height:14px; position:absolute; bottom:3px; right:3px; border-radius:3px}


    #board_btn{ padding: 40px 0px; text-align:center }
    #board_btn a{ background:#333; font-size:14px; font-weight:bold; display:inline-block; color:#FFF; padding:3px 20px; border-radius:5px;-moz-border-radius; -o-border-radius:5px; margin:0 1px}


    /* 인증경영체 및 제품소개 */

    #list-product-wrap {
      overflow: hidden;
      padding-top: 20px;
    }

    .search-product {
      text-align: right;
      padding-bottom: 20px;
    }

    .search-product-select {
      padding: 5px;
      border: none;
      border-right: 10px solid #f2f2f2;
      background-color: #f2f2f2;
      color: #333;
    }

    .search-product-input {
      margin: 0 2px;
      padding: 5px;
      border: 1px solid #dbdbdb;
    }

    .search-product-button {
      background: url(/skyPages/images/main/search_ico.png) no-repeat center center #333;
      text-indent: -9999px;
      padding: 5px 15px;
      vertical-align: middle;
      border: none;
    }

    .list-product {
      padding-top: 20px;
      border-top: 2px solid #333;
    }

    .list-product li {
      margin-bottom: 30px;
      border: 1px solid #eee;
    }

    .list-product-img {
      height: 200px;
    }

    .list-product-img img {
      width: 100%;
      height: 100%;
    }

    .list-product-text {
      padding: 10px;
      text-align: center;
    }

    .list-product-title a {
      color: #333;
      font-size: 14px;
      font-weight: bold;
    }

    .list-product-title a:hover {
      color: #009fc7;
      text-decoration: underline;
    }

    .list-product-price {
      color: #009fc7;
      font-weight: bold;
    }

    .list-product-company {
      color: #666;
      font-size: 13px;
    }

    #info-product-wrap {
      margin-top: 20px;
    }

    .info-product {
      overflow: hidden;
      margin-bottom: 30px;
    }

    .info-product-img {
      width: 100%;
      height: 200px;
    }

    .info-product-img img {
      width: 100%;
      height: 100%;
    }

    .info-product-box {
      width: 100%;
      padding-top: 20px;
      display: inline-block;
      text-align: left;
    }

    .info-product-box table {
      width: 100%;
      border-top: 1px solid #dbdbdb;
    }

    .info-product-box th {
      padding: 5px 10px;
      background: #f2f2f2;
      border-bottom: 1px solid #dbdbdb;
      color: #666;
      font-size: 13px;
      font-weight: bold;
    }

    .info-product-box td {
      padding: 5px 10px;
      border-bottom: 1px solid #dbdbdb;
    }

    .info-product-title {
      color: #333;
      font-size: 14px;
      font-weight: bold;
    }

    .info-product-price {
      color: #009fc7;
      font-weight: bold;
    }

    .info-product-intro h3 {
      margin-bottom: 10px;
      color: #009fc7;
      font-size: 17px;
      font-weight: bold;
      background: url(/skyPages/images/sub/dot_01.png) no-repeat left center;
      padding: 0 0 0 13px;
    }

    .info-product-intro p {
      color: #666;
      font-size: 15px;
    }