@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,800&display=swap');

/* SIR 지운아빠 */
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */ 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic547.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 

/* poppins-regular */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-regular.eot'); /* IE9 Compat Modes */
  src: local('Poppins Regular'), local('Poppins-Regular'),
       url('../fonts/poppins-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{20%,53%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{from,to{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}}.pulse{animation-name:pulse}@keyframes rubberBand{from,to{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{from,to{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.tada{animation-name:tada}@keyframes wobble{from,to{transform:none}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}.wobble{animation-name:wobble}@keyframes jello{11.1%,from,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown 5s infinite;
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframesfadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{from{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}.flipInY,.flipOutX{-webkit-backface-visibility:visible!important}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}.flipInY{backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{animation-name:flipOutX;backface-visibility:visible!important}@keyframes flipOutY{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{from{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{from{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{from{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}
/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Noto Sans KR','Nanum Gothic','Poppins', sans-serif; min-width:1200px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR','Nanum Gothic','Poppins'}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:'Noto Sans KR','Nanum Gothic';font-size:1em}
button {cursor:pointer}

textarea, select {font-family:'Noto Sans KR','Nanum Gothic';font-size:1em}
select {margin:0; min-height:34px;}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:underline}
.center{width:100%;margin:0 auto;}
.clear_fix:after{content:'';display:block;clear:both;}
.blind{position:absolute;top:0;left:-9999em;}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1260px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}


/* 상단 레이아웃 */

#hd {z-index:1000;position:relative;width:100%;left:0;min-width:1260px;background:transparent;border-bottom:1px solid #f2f2f2;/*  box-shadow:0px 3px 3px #f1f1f1; */}
#hd {z-index:1000;position:fixed;top:0px;left:0;width:100%;min-width:1260px; height:76px; background:rgba(255,255,255,0.8)!important;border-bottom:1px solid #dde4e9;/*  box-shadow:0px 3px 3px #f1f1f1; */}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd .hd_top_wrap{left:0;width:100%;height:50px;background:#000;}
#hd .hd_top_wrap .hd_top_left{float:left;}
#hd .hd_top_wrap .hd_top_left > li{float:left;}
#hd .hd_top_wrap .hd_top_right{float:right;}
#hd .hd_top_wrap .hd_top_right > li{float:left;}
#hd_wrapper {width:100%; max-width:1260px; position:relative; padding:8px 0;zoom:1;}
#hd_wrapper  .naver  {display: inline-block; position:absolute; right:-177px;  top:13px;}
#hd_wrapper  .naver img  {width:50%;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

/* #hd:hover{background-color:#1a1a1a !important; transition:0.4s; border-bottom:1px solid #1a1a1a; }
#hd:hover .gnb_1da{color:#fff !important;}
#hd:hover #tnb a{color:#fff !important;} */

#logo {float:left;}


/* 전체 검색 */
#hd_sch {float:left;margin:0;padding:5px;border-bottom:1px solid #c3c6ca; background:#fff;}
#hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#hd_sch #sch_stx {padding-left:5px;width:170px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
#hd_sch #sch_submit {padding:0 5px;height:26px;border:0;font-size:16px;line-height:26px;background:#fff;color:#333;cursor:pointer;}

/* 텍스트 크기 조절 */
#text_size {float:left;margin:0 0 0 10px;letter-spacing:-3px}
#text_size button {margin:0;padding:1px 2px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* 상단 회원가입 등 링크 */
#tnb {float:right;margin:0;list-style:none;zoom:1;}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;margin:0 0 0 0px}
#tnb a {display:inline-block;padding:0 10px;/* height:80px; */color:#333;letter-spacing:-0.1em;/* line-height:100px; */}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb img {margin-right:3px}
#tnb .search_box_open{padding:0 15px;}

/* 메인메뉴 */
/* 상민 메뉴 시작 */
.hd_wrap{
	/*position:relative;*/
	float:left;
}
#gnb_sm:after{
	clear:both;
	display:block;
	overflow:hidden;
	content:'';
}
#gnb_sm h2{
	position:absolute;
	color:transparent;
	left:-999px;
	top:-999px;
}
#gnb_sm #gnb_1dul{
	float:left;
	list-style:none;
	padding:0px;
	margin:0px;
	text-align:center;
	z-index:999;
	margin-left:50px;
}

#gnb_sm #gnb_1dul:after{
	display:block;
	content:'';
	clear:both;
}
#gnb_sm #gnb_1dul > .gnb_1dli{
	float:left;
	padding:0 50px;
	z-index:999;
}
#gnb_sm #gnb_1dul > .gnb_1dli > .gnb_1da{
	position:relative;
    color:#000;
	height:100px;
	display:block;
	line-height:100px;
	font-size:17px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
    font-family: 'Poppins',sans-serif;
}
#gnb_sm #gnb_1dul > .gnb_1dli:first-child i:before{
	display:none;
}

#gnb_sm #gnb_1dul > .gnb_1dli > .gnb_1da:after{
    content:'';display:block;clear:both;width:0%;height:4px;margin:-3px auto 0;background:#0383a7;z-index:99;transition:0.3s;
}
#gnb_sm #gnb_1dul > .gnb_1dli:hover > .gnb_1da:after{
    width:60%;
}

/* #gnb_sm #gnb_1dul > .gnb_1dli:last-child i:after{
	content:'|';
	font-style:normal;
	top:22px;
	color:#ccc;
	float:right;
	margin-top:22px;
}
#gnb_sm #gnb_1dul > .gnb_1dli i:before{
	content:'|';
	font-style:normal;
	top:22px;
	color:#ccc;
	float:left;
	margin-top:22px;
}
 */
#gnb_sm .sm_searchbox {
    float: right;
    width: 40px;
    height: 40px;
	text-align:center;
	line-height:40px;
	margin:10px 0;
}
#gnb_sm .sm_searchbox:after, #gnb_sm .sm_searchbox:before{
	display:block;
	overflow:hidden;
	content:'';
	clear:both;
}
#gnb_sm .sm_searchbox .search_bt{
	cursor:pointer;
	position:relative;
	font-size:1.5em;
	color:#666;
}
#gnb_sm .sm_searchbox:hover .search_command{
	display:block;
	background:#eee;
}
#gnb_sm .sm_searchbox .search_command{
	background:#eee;
	width:309px;
	height:41px;
	position:absolute;
	right:38px;
	display:none;
}
#gnb_sm .sm_searchbox .search_command input{
	border:0px;
	background:inherit;
	outline:none;
	width:90%;
	padding:0px 5%;
	height:40px;
	font-size:15px;
	background:#eee;
}

#gnb_sm .gnb_2dul{
	display:none;
    position: absolute;
    top: 100px;
    right: -57px;
    z-index: 999;
    width: 280px;
    height: auto;
    padding: 0px;
    text-align: left;
    background: rgba(255,255,255,0.8);
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #aaa;
    box-sizing: border-box;
    text-align: center;
}

/*
#gnb_sm .gnb_1dli .gnb_2dul:after{
    content:'';
    display:block;
    clear:both;
    position:absolute;
    top:0;
    right:0;
    width:340px;
    height:340px;
}
#gnb_sm .gnb_1dli:nth-child(1) .gnb_2dul:after{
    background:url(/theme/tobo/img/gnb_2dul_bg1.jpg) no-repeat 100% center;
}
#gnb_sm .gnb_1dli:nth-child(2) .gnb_2dul:after{
    background:url(/theme/tobo/img/gnb_2dul_bg2.jpg) no-repeat 100% center;
}
#gnb_sm .gnb_1dli:nth-child(3) .gnb_2dul:after{
    background:url(/theme/tobo/img/gnb_2dul_bg3.jpg) no-repeat 100% center;
}
#gnb_sm .gnb_1dli:nth-child(4) .gnb_2dul:after{
    background:url(/theme/tobo/img/gnb_2dul_bg4.jpg) no-repeat 100% center;
}
#gnb_sm .gnb_1dli:nth-child(5) .gnb_2dul:after{
    background:url(/theme/tobo/img/gnb_2dul_bg4.jpg) no-repeat 100% center;
}
*/
.gnb_2dli_last{position:absolute;top:0;right:0;width:340px;height:340px;}
.gnb_2dli_first{    display: none;position:absolute;top:0;left:0;width:340px;height:339px; background-color:#f4f4f4; font-size:1.9em;
     padding-top:35px; box-sizing:border-box; text-align:center; z-index:9999; }
.gnb_2dli_first span{position:absolute; left:-999em;}

.gnb_bg_text_con{font-size:18px; color:#555; font-weight:400; /* margin:20px 0;*/ }

#gnb_sm .gnb_1dli_over .gnb_1da,#gnb_sm .gnb_1dli_on .gnb_1da{
	color:#0383a7 !important;	
} 
#gnb_sm .gnb_1dli_over .gnb_2dul,#gnb_sm .gnb_1dli_on .gnb_2dul {

	display:block;
}
#gnb_sm .gnb_2dul .gnb_2dli{
    width: 93%;
    padding: 10px;
    float: none;
}

#gnb_sm .gnb_2dul .gnb_2dli .gnb_2da{
    font-size:17px;
	color:#000;
	text-decoration:none;
    font-family: 'Poppins',sans-serif;
}
#gnb_sm .gnb_2dul .gnb_2dli:hover .gnb_2da{
	color:#0383a7;
}
#gnb_sm .gnb_3dul{margin-top:12px;}
#gnb_sm .gnb_3dli{margin: 5px 0;}
#gnb_sm .gnb_3da{padding:5px 10px;font-size:16px;color:#888;}
#gnb_sm .gnb_3da:hover{color:#333;}



#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a {text-decoration:underline}

.bg_sub_menu{
    display:none;
	position:absolute;
    left:0;
	z-index:99;
	width:100%;
    height:341px;
    text-align:left;
    background:#fff;
	border-top:1px solid #ddd;
	border-bottom:1px solid #aaa;
    box-sizing:border-box;
}
#gnb_sm:hover .bg_sub_menu{display:block !important;}

.search_box{display:none;position:fixed;top:-10px;left:50%;width:250px;margin-left:380px;padding:10px;background:#fff;box-sizing: border-box;z-index:99;}
.search_box .search_box_close_wrap{text-align:right;}
.search_box .search_box_close{font-size:16px;font-weight:bold;}
.search_box .search_box_close img{width:15px;}

/* 중간 레이아웃 */
#wrapper {z-index:5;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#aside {margin:15px 0;width:100%; background:#fff}

#container {position:relative;padding:15px 0;width:100%;max-width:1260px; margin:0px auto; min-height:500px;font-size:1em;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:28px; text-align:center; font-weight:bold; }

/* 하단 레이아웃 */

.ft_sitemap{left:0;width:100%;padding:35px 0 75px;background:#f6f6f6;border-top:1px solid #ddd;}
.ft_sitemap #ft_gnb_sm a{display:block;text-decoration:none;}
.ft_sitemap #ft_gnb_sm a:hover{color:#4376c6;}
.ft_sitemap #ft_gnb_sm .ft_gnb_1dli{float:left;width:33.33%;padding-left:8px;border-left:1px solid #aaa;box-sizing:border-box; margin-top:40px;}
.ft_sitemap #ft_gnb_sm .ft_gnb_1da{display:inline-block;margin-bottom:10px;padding-bottom:5px;font-size:16px;font-weight:bold;border-bottom:1px solid #aaa;}
.ft_sitemap #ft_gnb_sm .ft_gnb_2dli{margin-bottom:5px;}
.ft_sitemap #ft_gnb_sm .ft_gnb_2da{font-size:14px;}

.ft_sitemap .center{max-width:1260px; width:100%; margin:0px auto;}


#ft2{left:0;width:100%;background:#00ABEB;text-align:left;}
#ft2 .ft2_1{}
#ft2 .ft2_1:after{display:block; content:''; clear:both;}
#ft2 .f_logo{ padding:20px 0 0 10px;}
#ft2 .ft_wrap{ padding:20px 0 20px; width:600px; max-width:1260px; margin:0px auto;}
#ft_btn{padding-bottom:10px;}
#ft_btn a{padding:0px 40px 0 0; color:#fff; font-family:'Nanum Gothic','Dotum',sans-serif; font-weight:bolder;}
#ft2 .ft_link{margin-bottom:15px;}
#ft2 .ft_link > li{float:left;margin-right:15px;}
#ft2 .ft_link > li > a{font-size:14px;color:#fff;}
#ft2 .ft_link > li > a:hover{color:#4376c6;}
#ft2 .f_info{line-height:2; color:#fff;}
#ft2 address{font-style:normal;}
#ft2 .adm{display:inline-block; background:#666; color:#fff; padding:0px 7px; border-radius:5px;}
#ft2 .adm a {color:#fff; font-size:10px;}
#ft2 .btn_chk_businessnum{color:#ffa5a5;text-decoration:underline;}
#ft2 .btn_chk_businessnum:hover{color:#5246ff;}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('/img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin:5px auto;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('/img/captcha.png') no-repeat  0 -30px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#3b3c3f;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:34px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block; border-radius: 20px; font-size: 24px; padding:10px;background:#eee;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block; border-radius: 20px; padding:10px;border:1px solid #3b3c3f;background:#3b3c3f;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block; font-size: 24px; border-radius: 20px; padding:10px;border:1px solid #eee;background:#eee;color:#000;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 .frm_input[type="text"]{width:100%;}
.tbl_frm01 .frm_input[type="file"]{width:100%;}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:32px}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:'Noto Sans KR','Nanum Gothic';font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/*메일인증*/
.rg_em{margin-top:5px}
.rg_em caption{padding:0;font-size:0;line-height:0;overflow:hidden}

/*캡챠 모바일에서 피시버젼*/
#captcha.m_captcha audio{display:block;margin:5px 0 10px;}
#captcha.m_captcha #captcha_key{margin-left:3px }
#captcha.m_captcha #captcha_reload span{background:none;display:inline}
#captcha.m_captcha  #captcha_reload {position:relative ;width:auto;top:0;left:0;margin:0;padding:0 10px;height:29px;border:0;background:#e4eaec url(/img/captcha.png) no-repeat 0 -30px;;vertical-align:middle;overflow:hidden;cursor:pointer}

/* Common */
ul,li {list-style:none; padding:0; margin:0;}
a:hover , a:focus {text-decoration:none;}
.f_wrap:after {display:block; content:''; clear:both;}


/* INDEX */
#visual {width:100%; overflow:hidden;position:relative;padding-top:0px; margin-top:76px;}
#visual .flexslider {border:0; box-shadow:none; margin:0; width:100%;}
#visual .flex-control-nav{z-index:2;}
#visual .flex-direction-nav a {color:rgba(255,255,255,0.7)}
#visual .flex-control-paging li a {width:30px;height:3px;background:#aaa;background:rgba(0,0,0,0.3);transition:5s}
#visual .flex-control-paging li a:hover {background:#000;}
#visual .flex-control-paging li a.flex-active{width:100px;background:#000;}
#visual .slides {width:100%;}
#visual .slides > li {width:100%; height:667px; /* height:560px; background-size:cover;*/}
/*
#visual .slides > li:nth-child(1){background:url(../img/main01.jpg) no-repeat center center}
#visual .slides > li:nth-child(2){background:url(../img/main02.jpg) no-repeat center center}
#visual .slides > li:nth-child(3){background:url(../img/main03.jpg) no-repeat center center}
*/

.banner_wrap{padding:50px 0; width:100%; max-width:1260px; margin:0px auto;}
.banner_wrap h2{margin-bottom:30px;font-size:30px;color:#000;text-align:center;}
.banner_wrap .banner{float:left;position:relative;width:100%;height:200px;background:#dfe;overflow:hidden;}
.banner_wrap .banner:nth-of-type(2){margin-left:30px;}
.banner_wrap .banner > a{display:block;position: absolute;top:0;left:0;width:100%;height:100%;padding:130px 50px 0;font-size:22px;color:#222; font-weight:500; box-sizing: border-box;z-index:2;transition: 1s;}

.company_wrap{width: 100%; max-width: 1260px;margin: 0px auto;/*padding: 50px 0 0;*/text-align: center;}
.company_wrap h2{width:100%; margin-bottom:50px;font-size:40px;color:#222;text-align:center;font-family: 'Poppins',sans-serif;}
.company_wrap .comp_info{width: 50%; float:left;}
.company_wrap .comp_txt{font-size:18px;height:50px; line-height: 50px;}
.company_wrap .comp_txt:hover{color:#1a7d9f;}
.company_wrap .comp_img{ width: 600px; height:300px; overflow: hidden; margin: 0 auto;}
.company_wrap .comp_img:hover img{transform: scale(1.1); transition: all 0.6s; opacity: 0.8;}

.company_wrap2{width: 100%;max-width: 1260px;margin: 0px auto;padding: 50px 0 0;text-align: center;}
.company_wrap2 h2{width:100%; margin-bottom:50px;font-size:40px;color:#222;text-align:center;font-family: 'Poppins',sans-serif;}
.company_wrap2 .comp_info{width:30%; float:left; margin-left:4.5%;}
.company_wrap2 .comp_info:first-child {margin:0;}
.company_wrap2 .comp_txt{font-size:18px;height:50px; line-height: 50px;}
.company_wrap2 .comp_txt:hover{color:#1a7d9f;}
.company_wrap2 .comp_img{width:100%; overflow: hidden; margin: 0 auto;}
.company_wrap2 .comp_img:hover img{transform: scale(1.1); transition: all 0.6s; opacity: 0.8;}

.product_wrap{width:100%; max-width:1260px; margin:0px auto; padding:50px 0 0;text-align:center;}
.product_wrap h2{width:100%; margin-bottom:50px;font-size:40px;color:#222;text-align:center;font-family: 'Poppins',sans-serif;}

.product_wrap h3{margin:2% 0;font-size:30px;color:#fff;text-align:center;}

.product_wrap01{background: #f4f4f4; padding: 30px 0 144px;margin: 30px 0;}
.product_wrap02{width:100%; max-width:1260px; margin:0px auto; padding:50px 0 0;}
.product_wrap02 h2{margin-bottom:20px;font-size:40px;color:#222; }
.product_wrap02 h3{margin:2% 0;font-size:30px;color:#fff;text-align:center;}
#product_con {overflow:hidden;position:relative;padding-bottom:50px;}
#product_con h2{text-align: center;padding-bottom: 50px; font-family: 'Poppins',sans-serif;}
#product_con .flexslider_product {border:0; box-shadow:none; margin:0; width:100%;}
#product_con .flexslider_product .flex-direction-nav a {color:rgba(255,255,255,0.7)}
#product_con .flexslider_product .flex-control-nav{top:0;bottom:auto;z-index:2; display:none;}
#product_con .flexslider_product .flex-control-paging > li{margin:0 20px;}
#product_con .flexslider_product .flex-control-paging > li > a {position:relative;width:120px;height:47px;background:#fff;border-radius:0;border:0;border-bottom:3px solid #fff;box-shadow:none;}
#product_con .flexslider_product .flex-control-paging > li:nth-child(1) > a{}
#product_con .flexslider_product .flex-control-paging > li:nth-child(2) > a{width:80px}
#product_con .flexslider_product .flex-control-paging > li:nth-child(3) > a{width:160px}

#product_con .flexslider_product .flex-control-paging > li > a.flex-active{border-bottom:3px solid #000;}
#product_con .flexslider_product .flex-control-paging > li > a:after{
    display:block;clear:both;position:absolute;top:0;left:0;width:140px;height:47px;font-size:22px;font-weight:bold;color:#949494;line-height:47px;text-indent:0;
}
#product_con .flexslider_product .flex-control-paging > li:nth-child(1) > a:after{width:120px}
#product_con .flexslider_product .flex-control-paging > li:nth-child(2) > a:after{width:80px}
#product_con .flexslider_product .flex-control-paging > li:nth-child(3) > a:after{width:160px}

#product_con .flexslider_product .flex-control-paging > li > a.flex-active:after{color:#000;}
#product_con .flexslider_product .flex-control-paging > li > a:hover:after{color:#000;}
#product_con .flexslider_product .flex-control-paging > li:nth-child(1) > a:after{content:'의류제조';}
#product_con .flexslider_product .flex-control-paging li:nth-child(2) > a:after{content:'원단';}
#product_con .flexslider_product .flex-control-paging li:nth-child(3) > a:after{content:'의약외품부자재';}
#product_con .flexslider_product .slides {width:100%;}
#product_con .flexslider_product .slides > li {width:100%; height:820px;background:#f8f8f8;}

.searchbar_wrap{width:100%;padding:80px 0 140px;background:#101733 url(/theme/tobo/img/searchbar_wrap_bg.png) no-repeat center;}
.searchbar_wrap h2{text-align:center;margin-bottom:20px;font-size: 22px;color:#fff;}
.searchbar_wrap .search_bar{width:800px;margin:0 auto;}
.searchbar_wrap #hd_sch_bar{margin: 0;padding: 5px;border-bottom:2px solid #fff;background:#2144c1;background:transparent;}
.searchbar_wrap #hd_sch_bar legend {position: absolute;margin: 0;padding: 0;font-size: 0;line-height: 0;text-indent: -9999em;overflow: hidden;}
.searchbar_wrap #hd_sch_bar #sch_stx_bar{padding-left: 5px;width:740px;height:40px;border: 0;background:#2144c1;background:transparent;line-height:40px !important;font-size:16px;color:#fff;}
.searchbar_wrap #hd_sch_bar #sch_stx_bar::placeholder{color:#fff;}
.searchbar_wrap #hd_sch_bar #sch_submit_bar {padding: 0 5px;height: 26px;border: 0;font-size: 16px;line-height: 26px;background: #fff;color: #333;cursor: pointer;}

.adm_btn{
    color: #fff !important;
    background: #0d7eb6;
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 9999;
}



/* SUB */
.s_top_wrap {    position: relative;
    height:377px;
    /* padding-top: 92px; */
    width: 100%;
    /* margin-top: -40px; */}
.sub_top {position:absolute;top:70%;right:20%;font-size:35px;font-weight: bold;color:#5ac3be;/*font-style:italic;*/}
#bo_v_table{display:none;}

/* sub_html 공통디자인 */
.sub_wrap{margin-bottom:40px;}
.sub_wrap p{font-size:15px;color:#666;line-height:1.8;}
.sub_wrap h3{position: relative;font-size: 18px;color: #000;padding: 5px 12px;border-bottom: 1px solid #ddd;margin: 20px 0 5px;}
.sub_wrap h3::before {content: '';display: block;clear: both;position: absolute;top: 10px;left: 0;width: 4px;height: 18px;background: #D02527;}
.sub_wrap .line {position: relative;padding-left: 20px;}
.sub_wrap .line:after {content: '';display: block;clear: both;position: absolute;top: 14px;left: 9px;width: 7px;height: 1px;background: #777;}
.sub_wrap .star {position: relative;margin:0;padding-left:30px;font-size:14px;color:#777;}
.sub_wrap .star:after {content: '*';display: block;clear: both;position: absolute;top:4px;left:21px;width:17px;height:17px;color:#777;}
.sub_wrap .red{color:#D02527;}
.sub_wrap .black{color:#000;}
.sub_wrap .line_list{padding:5px 0 5px 30px;}
.sub_wrap .line_list > li{list-style:none;position:relative;font-size:15px;color:#777;}
.sub_wrap .line_list > li:after{content:'';display:block;clear:both;position:absolute;top:10px;left:-12px;width: 7px;height: 1px;background: #777;}
.sub_wrap .line_list > li > a{color:#777;}
.sub_wrap .line_list > li > a:hover{color:#D02527;}
.sub_wrap .img_list{margin:5px 0 30px;}
.sub_wrap .img_list > li{float:left;margin:0 20px 20px 0;}
.sub_wrap .img_list > li:last-child{margin-right:0px;}

/* 모바일 디자인 */
.pc_hide{display:none;}
#hd_mo{position:fixed;top:0;left:0;z-index: 1000;width:100%;background:#fff;border-bottom:1px solid #dde4e9;}
#hd_mo .hd_top_left_mo{width:100%;height:42px;background:#000;padding:0 10px;box-sizing:border-box; display:none;}
#hd_mo .hd_top_left_mo > li{float:left;}
#hd_mo .hd_top_left_mo > li:nth-child(1){width:21%;}
#hd_mo .hd_top_left_mo > li:nth-child(2){width:18%;}
#hd_mo .hd_top_left_mo > li:nth-child(3){width:7%;}
#hd_mo .hd_top_left_mo > li:nth-child(4){width:8%;}
#hd_mo .hd_top_left_mo > li:nth-child(5){width:4.5%;}
#hd_mo .hd_top_left_mo > li > a{line-height:42px;}
#hd_mo .hd_top_left_mo > li > a > img{width:100%;}
#hd_mo #logo_mo{width:400px;padding-left:10px;}
#hd_mo .btn_menu_open{position:absolute;top:50%;margin-top:-23px;right:20px;width:46px;height:46px;line-height:46px;font-size:30px;text-align:center;z-index:1100;}
.mo_menu{display:none;position:fixed;top:0px;left:100%;z-index:2000;width:100%;height:100%;
    height:97%;
    height:-webkit-calc(100%-42px);
    height:-moz-calc(100%-42px);
    height:calc(100%-42px);
    background:#fff;}
.mo_menu .btn_menu_close{position:absolute;top:20px;right:20px;width:46px;height:46px;line-height:46px;font-size:30px;text-align:center;z-index:1100;}
#hd_sch_mo{position: relative;margin:80px 0 0;padding:10px;}
#hd_sch_mo #sch_stx{width:100%;height:40px;padding:0 10px;line-height:40px;color:#fff;background:#000;border:0;border-radius: 15px;box-sizing:border-box;}
#hd_sch_mo #sch_submit{position:absolute;top:15px;right:20px;padding:0 5px;height:30px;border:0;font-size:16px;line-height:30px;color:#333;cursor:pointer;}

#gnb_sm_mo{border-top:1px solid #dde4e9;}
#gnb_sm_mo #gnb_1dul_mo{padding:0 10px 10px;}
#gnb_sm_mo .gnb_1dli_mo{border-bottom: 1px solid #ddd;}
#gnb_sm_mo .gnb_1da_mo{display:block;padding:8px 0;font-size:16px;}
#gnb_sm_mo .gnb_2dul_mo{display:none;padding-bottom:10px;}
#gnb_sm_mo .gnb_2da_mo{display: block;padding:5px 15px;font-size: 15px;color:#555;}
#gnb_sm_mo .gnb_3da_mo{display: block;padding:5px 30px;font-size: 13px;color:#777}
#tnb_mo{padding-bottom:10px;border-bottom: 1px solid #ddd;}
#tnb_mo li{float:left;width:50%;text-align:center;}
#tnb_mo li > a{display:block;padding:10px 0;font-size:16px;border-right:1px solid #ddd;}
#tnb_mo li:last-child > a{border-right:0;}
.hd_top_right_mo{position:absolute;bottom:42px;left:0;width:100%;background:#000;}
.hd_top_right_mo li{float:left;width:14.2%;width:20%;text-align:center;}
.hd_top_right_mo li > a{display:block;width:100%;height:100%;}

.logo2{display:none;}



.sliderBgImg1{
background:url(/theme/tobo/img/slide01.jpg) no-repeat center -100px;
/* 
animation: move 5s 0s infinite;
-webkit-animation: move 5s 0s infinite;
-ms-animation: move 5s 0s infinite;
-moz-animation: move 5s 0s infinite;
 */
/* 
animation-name: move;animation-duration: 15s;animation-iteration-count: infinite;
-webkit-animation-name: move; -webkit-animation-duration: 15s; -webkit-animation-iteration-count: infinite;
-ms-animation-name: move; -ms-animation-duration: 15s; -ms-animation-iteration-count: infinite;
 */
}




.sliderBgImg2{
background:url(/theme/tobo/img/slide02.jpg) no-repeat center -100px;
/* 
animation: move 5s 5s infinite;
-webkit-animation: move 5s 5s infinite ;
-ms-animation: move 5s 5s infinite ;
-moz-animation: move 5s 5s infinite ;
 */
/* 
animation-name: move;animation-duration: 15s;animation-iteration-count: infinite; animation-delay: 5s;
-webkit-animation-name: move; -webkit-animation-duration: 15s; -webkit-animation-iteration-count: infinite;  -webkit-animation-delay: 5s;
-ms-animation-name: move; -ms-animation-duration: 15s; -ms-animation-iteration-count: infinite; -ms-animation-delay: 5s;
 */
}




.sliderBgImg3{

background:url(/theme/tobo/img/slide03.jpg) no-repeat center -100px;
/* 
animation: move 5s 10s infinite;
-webkit-animation: move 5s 10s infinite ;
-ms-animation: move 5s 10s infinite ;
-moz-animation: move 5s 10s infinite ;
 */
/* 
animation-name: move;animation-duration: 15s;animation-iteration-count: infinite;animation-delay: 10s;
-webkit-animation-name: move; -webkit-animation-duration: 15s; -webkit-animation-iteration-count: infinite;  -webkit-animation-delay: 10s;
-ms-animation-name: move; -ms-animation-duration: 15s; -ms-animation-iteration-count: infinite; -ms-animation-delay:10s;
 */
}

.sliderBgImg4{

background:url(/theme/tobo/img/slide04.jpg) no-repeat center -100px;
}

.sliderBgImg5{

background:url(/theme/tobo/img/slide05.jpg) no-repeat center -100px;
}

.sliderBgImg6{

background:url(/theme/tobo/img/slide06.jpg) no-repeat center center; ;
}

.sliderBgImg7{

background:url(/theme/tobo/img/slide07.jpg) no-repeat center center; ;
}


    @keyframes move {
      from {background-size: 100%;}
      to { background-size: 140%;}
    }

    @-webkit-keyframes move {
      from {background-size: 100%;}
      to { background-size: 140%;}
    }
   @-ms-keyframes move {
      from {background-size: 100%;}
      to { background-size: 140%;}
    }

	@-moz-keyframes move {
      from {background-size: 100%;}
      to { background-size: 140%;}
    }







.text_box01{width:1260px; margin:0 auto; /*overflow:hidden;*/ position:absolute; left:50%; top: 50%; margin-left:-630px; margin-top:-150px;transition: all 5s}

#mb01_txt {animation-delay: 0.5s;visibility: visible; animation-name:fadeInDown;width:100%;  font-weight:400; font-size:52px; text-align:center; letter-spacing:0.5px; color:#0383a7;font-family: 'Poppins',sans-serif;}
#mb01_txt span{ font-weight:800; text-shadow: 2px 2px 2px #fff;}
#mb01_txt2{  width:100%;  font-weight:300; font-size:21px; line-height: 31px; text-align:center; letter-spacing:0px; color:#000; margin: 1% 0 2%;font-family: 'Poppins',sans-serif;
background:url('../theme/tobo/img/main_box.png') no-repeat; background-size: 500px 410px; z-index: 999;}

#mb02_txt { margin:0 auto; margin-top: 18%; position: absolute; font-weight:400; font-size:48px; text-align:left; letter-spacing:0.5px; color:#fff; font-family: 'Nanum Myeongjo', serif; text-shadow: 3px 3px 8px rgba(0,0,0,0.5); }
#mb02_txt span{ font-weight:800; }
#mb02_txt2{ margin:0 auto; margin-top: 23%; position: absolute; font-weight:300; font-size:21px; text-align:left; letter-spacing:0px; color:#f6f6f6; text-shadow: 2px 2px 6px rgba(0,0,0,0.3);}

#mb01_btn{  border: 1px solid #fff; color: #fff; font-size: 14px; padding: 10px 30px; text-transform: uppercase; border-radius: 30px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; box-sizing:border-box; display: inline-block;}
#mb01_btn:hover{background-color:#222; color:#fff; transition:0.4s; border:1px solid #222;}
#mb02_btn:hover{background-color:#222; color:#fff; transition:0.4s; border:1px solid #222;}
#mb02_btn {  border: 1px solid #444; color: #444; font-size: 14px; padding: 10px 30px; text-transform: uppercase; border-radius: 30px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}

.goog-te-banner-frame{top:101px !important; z-index: 9 !important;}

#sm_shop_tab{margin:10px 0 60px 0;}
#sm_shop_tab li{margin:0 20px; display:inline-block; }
#sm_shop_tab li a{width:120px; height:47px; font-size:22px; color:#949494; line-height:47px; font-weight:bold; }
#sm_shop_tab .sanchor_on{border-bottom:3px solid #000;}
#sm_shop_tab .sanchor_on a{color:#000;}

/* 반응형 */









/* 서브 */

/* clearfix:Start */
.clearfix:after {  /* Firefox, IE8, Opera, Safari, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size:0px;
}
* + html .clearfix { /* for IE7 */
    display: inline-block;
}
* html .clearfix { /* for IE6 */
	height: 1%;
}
/* clearfix:End */



.sub_img {
    display: block;
    width: 100%;
    vertical-align: top;
    border-radius:25px 0 25px 0;
	margin:0 auto;
	margin-bottom:30px;
}
.sub_img_1100 {
    display: block;
    width: 100%;
	max-width:1100px;
    vertical-align: top;
	margin:0 auto;
	/* margin-bottom:30px; */
}
.sub_img_290 {
    display: block;
    width: 100%;
	/* max-width:290px; */
    vertical-align: top;
	margin:0 auto;
	text-align:center;
}
/* top */
.top {
    padding:20px 0;
	text-align:center;
}
.top h2 {
    font-size:25px;
    font-weight:600;
    letter-spacing:-1px;
    color:#595959;
    line-height:1.3;
}
.top h2 strong {
    color:#498fd7;
}
.top p {
    padding:20px 0;
	text-align:center;
	font-size:15px;
}


/* greeting */
.greeting {
    display: block;
	width:100%;
	margin-bottom:40px;
	text-align:center;
}
.greeting p {
	position:relative;
	display:inline;
    font-size:15px;
    font-weight:400;
    color:#6b6b6b;
    line-height:1.7;
    margin:20px 0;
}
.greeting p em {
    font-weight:800;
}
.greeting p span {
    font-size:35px;
    font-family:'Nanum Brush Script';
    font-weight:400;
	letter-spacing:3px;
	padding-left:7px;
}

/* greeting_box */
.greeting .greeting_box {
    position:relative;
}
.greeting .greeting_ceo {
	display:block;
	height:100%;
	float:right;
	margin-top:-100px;
}
.greeting .greeting_ceo img {
	margin:20px;
	border-radius:10px;
	border:2px #f1f1f1 solid;
}


/* pro_box */
.pro p {
    padding:20px 0;
	text-align:center;
	font-size:15px;
}

.pro .pro_box {
    min-height:70px;
    margin:20px 20px;
    position:relative;
    overflow:hidden;
}
.pro .pro_box h2 {
    font-size:27px;
    font-weight:400;
    letter-spacing:-2px;
    margin-bottom:15px;
    color:#393939;
    text-shadow:1px 1px 2px rgba(255,2555,255,0.5);
    padding:6px 0px 3px;
}
.pro .pro_box h3 {
    font-size:24px;
    font-weight:600;
    letter-spacing:-1px;
    color:#ee6d27;
    padding:20px 0;
    line-height:1.5em;
	text-align:center;
}
.pro .pro_box h3 em {
    font-weight:400;
    color:#498fd7;
}

.pro .pro_box h4{
    font-size:16px;
    font-weight:400;
    letter-spacing:0px;
    color:#d97e41;
    padding:15px 0 0 0;
    display:inline-block;
    line-height:1.8em;
}
.pro .pro_box h4 b{
    font-weight:400;
    color:#8ebf59;
}

.pro .pro_box li {display:inline-block;width:24.5%;text-align:center;vertical-align:top;}


/* table */
.pro table {
    border-collapse:collapse;
    width:100%;
    border:1px solid #ddd;   
    border-width:1px 0px 0px 1px;
	margin-bottom:20px;
}
.pro .pro_box th {
    padding:10px;
    font-size:15px;
    font-weight:500;
    color:#333;
    background:#f5f5f5;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd; 
    text-align:center;
}
.pro .pro_box td {
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;    
    padding:10px;
    font-size:15px;
    font-weight:400;
    color:#333;
    text-align:center;
	width:50%;
}

/* 연혁 */
div.his_info h2 {
	font-size: 32px;
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 1.2;
    color: #595959;
    padding: 10px 0;
	font-family: 'Noto Sans KR';
}
div.his_info h2 span {
    letter-spacing: -1px;
	color: #3e84d1;
	font-family: 'Noto Sans KR';
}
div.his_info h3 {
	font-size: 18px;
	color: #777;
    letter-spacing: -1px;
	font-weight: 400;
	font-family: 'Noto Sans KR';
    border-bottom: 1px solid #e4e4e4;
	padding-bottom:20px;
	margin-bottom:40px;
}
div.his_info h3 strong {
	color: #d78e01;
    letter-spacing: -1px;
	font-weight: 400;
	font-family: 'Noto Sans KR';
}
div.his_cont div.cont1 ul {
    overflow:hidden;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    margin: 30px 20px;
     font-family:'Noto Sans Kr';
}
div.his_cont div.cont1 ul li {
    float:left;
    font-family:'Noto Sans Kr';
}

div.his_cont div.cont1 ul li:nth-child(1) {
	width:20%;
    text-align: center;
}
div.his_cont div.cont1 ul li:nth-child(2) {
	width:50%;
    padding: 25px 5px;
}
div.his_cont div.cont1 ul li:nth-child(3) {
	width:70%;
    padding: 25px;
}
div.his_cont div.cont1 ul li h2 {
    font-family: 'Jeju Gothic';
	font-size: 23px;
    font-weight: 400;
    letter-spacing: -1px;
    color: #388ce0;
    border-top:2px solid #7eb8f2;
    padding: 15px 15px;
    text-align: right;
     font-family:'Noto Sans Kr';
}
div.his_cont div.cont1 ul li p {
	font-size: 15px;
    line-height: 1.5;
    color: #595959;
    margin-bottom: 5px;
     font-family:'Noto Sans Kr';
}
div.his_cont div.cont1 ul li p:last-child { margin-bottom:0; }
div.his_cont div.cont1 ul li span{color:#137ae5; fone-weight:500}
div.his_cont div.cont1 ul li p span{color:#2479ce; fone-weight:500; width:100px;    text-align:center; display:inline-block}



.pro .pro_box li {width:49.5%;}



    div.his_info h2 { font-size:20px;}
    div.his_info h3 { font-size:16px; }    
	div.his_cont div.cont1  {
		width:100%;
		padding:0;
		margin:0;
	}
	div.his_cont div.cont1 ul {
	width:100%;
    padding:0;
    margin:0;
	}		
	div.his_cont div.cont1 ul li:nth-child(1) {
		width:100%;
		padding:0;
	}
	div.his_cont div.cont1 ul li:nth-child(2) {
		width:20%;
		padding: 0px;
		text-align:center;
	}
	div.his_cont div.cont1 ul li:nth-child(3) {
		width:80%;
		padding: 0px;
		margin:0;
	}    
	div.his_cont div.cont1 ul li h2 {
		font-size: 20px;
		letter-spacing: -2px;
		border-top:2px solid #7eb8f2;
		padding: 10px;
		text-align: center;
	}
	div.his_cont div.cont1 ul li p {
		font-size: 14px;
		line-height: 1.5;
		padding: 10px;
	}
		div.his_cont div.cont1 ul li p span{
		width:40px;
		text-align:center;
	}
}
.learnbtn:hover{ background-color:#24b1f9 !important;}



.mainbannerlist{position: relative;transition: .5s; display:block;width:31%; margin-right:2%;   float:left; font-size:20px;}
.mainbannerlist:last-child{margin-right:0px !Important;}
.mainbannerlist{transition: all .7s;}
.mainbannerlist:hover{}
.mainbannerlist:hover i{color:#fff;}
.mainbannerlist:hover p{color:#fff;}
.mainbanimg{width: 296px;
    /* height: 120px; */
    margin: 51px auto;
    overflow: hidden;
}
.m_list1{transition: all .7s}
.m_list2{transition: all .7s}
.m_list3{transition: all .7s}

.m_list1 .mainbanimg{content: '';display: block;background-image: url(/img/mainicon_01.png);background-size: contain;width:140px;height: 140px;transition:all .5s}
.m_list2 .mainbanimg{content: '';display: block;background-image: url(/img/mainicon_02.png);background-size: contain;width:140px;height: 140px;transition:all .5s}
.m_list3 .mainbanimg{content: '';display: block;background-image: url(/img/mainicon_03.png);background-size: contain;width:140px;height: 140px;transition:all .5s}

.mainbanimg:hover>i{color: #fff;}
.mainbanimg>i{font-size:96px;transition: all .3s;}
.mainbanimg:hover img{transform: scale(1.1); transition: all 0.6s; opacity: 0.7;}
.mainbantext{height:50px; line-height:50px; font-family: 'Poppins',sans-serif;}
.mainbantext:hover{color:#1a7d9f; transition: all 0.4s;}

.m_list1:hover {background-image: url(/img/busin_bg01.png);transition: all .7s;}
.m_list2:hover {background-image: url(/img/busin_bg02.png);transition: all .7s;}
.m_list3:hover {background-image: url(/img/busin_bg03.png);transition: all .7s;}

.m_list1:hover .mainbanimg{background-image: url(/img/wh_mainicon_01.png);}
.m_list2:hover .mainbanimg{background-image: url(/img/wh_mainicon_02.png);}
.m_list3:hover .mainbanimg{background-image: url(/img/wh_mainicon_03.png);}

.contact_wrap_left{width:617px; height:200px; background:url('/theme/tobo/img/contact_wrap_left.png') no-repeat; float:left; margin-bottom:80px;}
.contact_wrap_right{width:190px; margin-left:10px; height:200px; float:left;}
.contact_wrap_right a{width:100%; height:100%; display:block;}
.product_wrap02{margin-top:30px;}

.contact_wrap_right01{     background-position: center;
    background-size: cover;background:url('/theme/tobo/img/contact_wrap_right01.png') no-repeat; }
.contact_wrap_right02{    background-position: center;
    background-size: cover; background:url('/theme/tobo/img/contact_wrap_right02.png') no-repeat;}

.contact_totalwrap:after {content:""; display:block; clear:both;}


.cus{}
.cus li{    float: left;
    width: 46%;}
.cus li p{    color: #fff !important;
    font-size: 1.375em;
    padding: 1%;
    letter-spacing: -1px;}
    .num1{ margin-top: 2%;
        border-right: 1px solid #fff;
        width: 50% !important;
        padding-right: 1%;}

.num p{font-size: 2.4em !important;}
.rel{position: relative;}
.abs{    position: absolute;
    font-size: 1.6em;
    color: #fff;
    bottom: 15px;
    left: 50%;
    margin-left: -34px;}

    #hd_wrapper{}
    #hd_wrapper ul{  padding: 8px;  position: absolute;
        top: -11px;
        right: 0;z-index: 99999;}
    #hd_wrapper ul li{float: left;}
    .skiptranslate{display: none;}