@charset "utf-8";
/*
 * CSS Document
 *
 * Description :
 * File        : tis.css
 * Client      : CHANGWON CITY HALL / TSSP - Tech Share Service Platform 
 * CSS Version : 1.0.4 (17.08.08)
 * Design      : WEB Agency - CMANIA (J.H.S)
 * Author      : WEB Agency - CMANIA
 *
 *
 * License     :
 * URI         :
 *
 * Dependency  : css/base.css
 * Dependency  : css/font-face.css
 *
 *
 * SUMMARY *
 * 0) Base - mainpage / subpage
 * 1) Header
 * 2) Footer
 * 3) Main Page
 *   - Base
 *   - Section 0
 *   - Section 1
 *   - Section 2
 *   - Section 3
 *
 * 4) Sub Page
 *   - Base
 *   - Sub page pt1 : 서비스소개
 *   - Sub page pt2 : 과학기술전문가
 *   - Sub page pt3 : 수요기업
 *   - Sub page pt4 : 정보마당
 *   - Sub page pt5 : 이용안내 / 유틸리티 / 기타
 * 
 * 5) Component
 * 6) ETC
 * 
 */


/* **************************************** *
 * Base
 * **************************************** */

html, body {width:100%; height:100%;}
#wrap {width:100%; min-width:1000px; max-width:1920px; margin:0 auto;}
input[type="text"] {
    padding: 15px 15px 15px 15px;
    margin: 5px 5px 5px 5px;
    width: 95%;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'NanumSquare';
    border: 1px solid #dddddd;
    box-sizing: border-box;
}

textarea {
    padding: 15px 15px 15px 15px;
    margin: 5px 5px 5px 5px;
    width: 95%;
    height: 80px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'NanumSquare';
    border: 1px solid #dddddd;
    box-sizing: border-box;
}

.where {
    display: block;
    margin: 25px 15px;
    font-size: 11px;
    color: #000;
    text-decoration: none;
    font-family: verdana;
    font-style: italic;
}

.dropdown {
    padding: 0 15px;
    font-family: inherit;
    border: 1px solid #dddddd;
    border-radius: 1px;
}
.color {
    width: 350px;
    margin: 0 auto;
}
.color li {
    margin: 0 15px 0 0;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 100%;
}
.color .red    {background: #fa5a5a;}
.color .yellow {background: #f0d264;}
.color .green  {background: #82c8a0;}
.color .cyan   {background: #7fccde;}
.color .blue   {background: #6698cb;}
.color .purple {background: #cb99c5;}

.content, 
.content-gradient, 
.content-3d {
  margin: 40px auto;
}
.content {
  width: 80%;
  max-width: 700px;
}
.content-3d {
  width: 50%;
  max-width: 300px;
}
pre {
    width: 100%;
    padding: 30px;
    background-color: rgba(0, 0, 0, 0.72);
    color: #f8f8f2;
    border-radius: 0 0 4px 4px;
    margin-top: 20px;
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}
pre .bt  {color: #f8f8f2;} /* <> */
pre .anc {color: #f92672;} /* anchor tag */
pre .att {color: #a6a926;} /* attribute */
pre .val {color: #e6db74;} /* value */

.btn-container, .container {
    background-color: white;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 40px;
}
.container h2 {
    padding-top: 30px;
    font-weight: 300;
}
.btn, .btn-two {
    margin: 9px;
}
.btn-gradient {
    margin: 5px;
}
a[class*="btn"] {text-decoration: none;}
input[class*="btn"], 
button[class*="btn"] {border: 0;}

/* Here you can change the button sizes */
.btn.large, 
.btn-two.large, 
.btn-effect.large {
  padding: 20px 40px; 
  font-size: 22px;
}
.btn.small, 
.btn-two.small, 
.btn-gradient.small, 
.btn-effect.small {
  padding: 8px 18px;  
  font-size: 14px;
}
.btn.mini, 
.btn-two.mini, 
.btn-gradient.mini, 
.btn-effect.mini {
  padding: 4px 12px;  
  font-size: 12px;
}
.btn.block, 
.btn-two.block, 
.btn-gradient.block, 
.btn-effect.block {
  display: block;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.btn-gradient.large {
  padding: 15px 45px; 
  font-size: 22px;
}

/* Colors for .btn and .btn-two */
.btn.blue, .btn-two.blue     {background-color: #7fb1bf;}
.btn.green, .btn-two.green   {background-color: #9abf7f;}
.btn.red, .btn-two.red       {background-color: #fa5a5a;}
.btn.purple, .btn-two.purple {background-color: #cb99c5;}
.btn.cyan, .btn-two.cyan     {background-color: #7fccde;}
.btn.yellow, .btn-two.yellow {background-color: #f0d264;}

.rounded {
  border-radius: 10px;
}

/* default button style */
.btn {
    position: relative;
    border: 0;
    padding: 15px 25px;
    display: inline-block;
    text-align: center;
    color: white;
}
.btn:active {
    top: 4px;   
}

/* color classes for .btn */
.btn.blue {box-shadow: 0px 4px #74a3b0;}
.btn.blue:active {box-shadow: 0 0 #74a3b0; background-color: #709CA8;}

.btn.green {box-shadow: 0px 4px 0px #87a86f;}
.btn.green:active {box-shadow: 0 0 #87a86f; background-color: #87a86f;}

.btn.red {box-shadow:0px 4px 0px #E04342;}
.btn.red:active {box-shadow: 0 0 #ff4c4b; background-color: #ff4c4b;}

.btn.purple {box-shadow:0px 4px 0px #AD83A8;}
.btn.purple:active {box-shadow: 0 0 #BA8CB5; background-color: #BA8CB5;}

.btn.cyan {box-shadow:0px 4px 0px #73B9C9;}
.btn.cyan:active {box-shadow: 0 0 #73B9C9; background-color: #70B4C4;}

.btn.yellow {box-shadow:0px 4px 0px #D1B757;}
.btn.yellow:active {box-shadow: 0 0 #ff4c4b; background-color: #D6BB59;}

/* Button two - I have no creativity for names */
.btn-two {
    color: white;   
    padding: 15px 25px;
    display: inline-block;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow:0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
                      0 2px 0 -1px rgba(0,0,0,0.13), 
                      0 3px 0 -1px rgba(0,0,0,0.08), 
                      0 3px 13px -1px rgba(0,0,0,0.21);
}
.btn-two:active {
    top: 1px;
    border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
    box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
    position: relative;
}
/* 3D Button */
.btn-3d {
    position: relative;
    display: inline-block;
    font-size: 22px;
    padding: 20px 60px;
    color: white;
    margin: 20px 10px 10px;
    border-radius: 6px;
    text-align: center;
    transition: top .01s linear;
    text-shadow: 0 1px 0 rgba(0,0,0,0.15);
}
.btn-3d.red:hover    {background-color: #e74c3c;}
.btn-3d.blue:hover   {background-color: #699DD1;}
.btn-3d.green:hover  {background-color: #80C49D;}
.btn-3d.purple:hover {background-color: #D19ECB;}
.btn-3d.yellow:hover {background-color: #F0D264;}
.btn-3d.cyan:hover   {background-color: #82D1E3;}

.btn-3d:active {
    top: 9px;
}

/* 3D button colors */
.btn-3d.red {
    background-color: #e74c3c;
    box-shadow: 0 0 0 1px #c63702 inset,
        0 0 0 2px rgba(255,255,255,0.15) inset,
        0 8px 0 0 #C24032,
        0 8px 0 1px rgba(0,0,0,0.4),
                0 8px 8px 1px rgba(0,0,0,0.5);
}
.btn-3d.red:active {
    box-shadow: 0 0 0 1px #c63702 inset,
                0 0 0 2px rgba(255,255,255,0.15) inset,
                0 0 0 1px rgba(0,0,0,0.4);
}

.btn-3d.blue {
    background-color: #6DA2D9;
    box-shadow: 0 0 0 1px #6698cb inset,
                0 0 0 2px rgba(255,255,255,0.15) inset,
                0 8px 0 0 rgba(110, 164, 219, .7),
                0 8px 0 1px rgba(0,0,0,.4),
                0 8px 8px 1px rgba(0,0,0,0.5);
}
.btn-3d.blue:active {
    box-shadow: 0 0 0 1px #6191C2 inset,
                0 0 0 2px rgba(255,255,255,0.15) inset,
                0 0 0 1px rgba(0,0,0,0.4);
}

.btn-3d.green {
    background-color: #82c8a0;
    box-shadow: 0 0 0 1px #82c8a0 inset,
                0 0 0 2px rgba(255,255,255,0.15) inset,
                0 8px 0 0 rgba(126, 194, 155, .7),
                0 8px 0 1px rgba(0,0,0,.4),
                0 8px 8px 1px rgba(0,0,0,0.5);
}
.btn-3d.green:active {
    box-shadow: 0 0 0 1px #82c8a0 inset,
                0 0 0 2px rgba(255,255,255,0.15) inset,
                0 0 0 1px rgba(0,0,0,0.4);
}

.btn-3d.purple {
    background-color: #cb99c5;
    box-shadow: 0 0 0 1px #cb99c5 inset,
                0 0 0 2px rgba(255,255,255,0.15) inset,
                0 8px 0 0 rgba(189, 142, 183, .7),
                0 8px 0 1px rgba(0,0,0,.4),
                0 8px 8px 1px rgba(0,0,0,0.5);
}
.btn-3d.purple:active {
    box-shadow: 0 0 0 1px #cb99c5 inset,
                0 0 0 2px rgba(255,255,255,0.15) inset,
                0 0 0 1px rgba(0,0,0,0.4);
}

.btn-3d.cyan {
    background-color: #7fccde;
    box-shadow: 0 0 0 1px #7fccde inset,
                0 0 0 2px rgba(255,255,255,0.15) inset,
                0 8px 0 0 rgba(102, 164, 178, .6),
                0 8px 0 1px rgba(0,0,0,.4),
                0 8px 8px 1px rgba(0,0,0,0.5);
}
.btn-3d.cyan:active {
    box-shadow: 0 0 0 1px #7fccde inset,
                0 0 0 2px rgba(255,255,255,0.15) inset,
                0 0 0 1px rgba(0,0,0,0.4);
}

.btn-3d.yellow {
    background-color: #F0D264;
    box-shadow: 0 0 0 1px #F0D264 inset,
                0 0 0 2px rgba(255,255,255,0.15) inset,
                0 8px 0 0 rgba(196, 172, 83, .7),
                0 8px 0 1px rgba(0,0,0,.4),
                0 8px 8px 1px rgba(0,0,0,0.5);
}
.btn-3d.yellow:active {
    box-shadow: 0 0 0 1px #F0D264 inset,
                0 0 0 2px rgba(255,255,255,0.15) inset,
                0 0 0 1px rgba(0,0,0,0.4);
}

/* Gradient buttons */
.btn-gradient {
    text-decoration: none;
    color: white;
    padding: 10px 30px;
    display: inline-block;
    position: relative;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom: 4px solid rgba(0,0,0,0.21);
    border-radius: 4px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.15);
}
/* Gradient - ugly css is ugly */
.btn-gradient.cyan {
    background: rgba(27,188,194,1);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(27,188,194,1)), to(rgba(24,163,168,1)));
    background: -webkit-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
    background: -moz-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
    background: -o-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
    background: linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1bbcc2', endColorstr='#18a3a8', GradientType=0);
}

.btn-gradient.red{ 
    background: rgba(250,90,90,1);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(250,90,90,1)), to(rgba(232,81,81,1)));
    background: -webkit-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
    background: -moz-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
    background: -o-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
    background: linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa5a5a', endColorstr='#e85151', GradientType=0 );
}
.btn-gradient.orange {
    background: rgba(255,105,30,1);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,105,30,1)), to(rgba(230,95,28,1)));
    background: -webkit-linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
    background: -moz-linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
    background: -o-linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
    background: linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
}
.btn-gradient.blue {
    background: rgba(102,152,203,1);
    background: -moz-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102,152,203,1)), color-stop(100%, rgba(92,138,184,1)));
    background: -webkit-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
    background: -o-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
    background: -ms-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
    background: linear-gradient(to bottom, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6698cb', endColorstr='#5c8ab8', GradientType=0 );
}
.btn-gradient.purple { 
    background: rgba(203,153,197,1);
    background: -moz-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(203,153,197,1)), color-stop(100%, rgba(181,134,176,1)));
    background: -webkit-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
    background: -o-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
    background: -ms-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
    background: linear-gradient(to bottom, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb99c5', endColorstr='#b586b0', GradientType=0 );
}
.btn-gradient.yellow {
    background: rgba(240,210,100,1);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(240,210,100,1)), to(rgba(229,201,96,1)));
    background: -webkit-linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
    background: -moz-linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
    background: -o-linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
    background: linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0d264', endColorstr='#e5c960', GradientType=0 );
}
.btn-gradient.green {
    background: rgba(130,200,160,1);
    background: -moz-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(130,200,160,1)), color-stop(100%, rgba(130,199,158,1)));
    background: -webkit-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
    background: -o-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
    background: -ms-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
    background: linear-gradient(to bottom, rgba(130,200,160,1) 0%, rgba(124, 185, 149, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82c8a0', endColorstr='#82c79e', GradientType=0 );
}

.btn-gradient.red:active      {background: #E35252;}
.btn-gradient.orange:active {background: #E8601B;}
.btn-gradient.cyan:active   {background: #169499;}
.btn-gradient.blue:active   {background: #608FBF;}
.btn-gradient.purple:active {background: #BD8EB7;}
.btn-gradient.yellow:active {background: #DBC05B;}
.btn-gradient.green:active  {background: #72B08E;}

.loader {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 3em;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.loader,
.loader:before,
.loader:after {
    animation: 1s infinite ease-in-out;
}
.loader:before,
.loader:after {
    width: 100%; 
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.loader-black { background-color: #333; }

.loader-1 { animation-name: loader1; }
@keyframes loader1 {
    from { transform: scale(0); opacity: 1; }
    to   { transform: scale(1); opacity: 0; }
}


/* Loader 2 */

.loader-2:before,
.loader-2:after {
    content: '';
}
.loader-2:before {
    border: 1px solid #333;
    top: -1px;
    left: -1px;
    opacity: 0;
    animation-name: loader2-1;
}

    @keyframes loader2-1 {
        0% { transform: scale(1); opacity: 1; }
        50% { transform: scale(1.3); opacity: 0; }
        100% { transform: scale(1.3); opacity: 0; }
    }

.loader-2:after {
    background-color: #333;
    animation-name: loader2-2;
}

    @keyframes loader2-2 {
        0% { transform: scale(1); }
        50% { transform: scale(0.7); }
        100% { transform: scale(1); }
    }


/* Loader 3 */

.loader-3:before {
    content: '';
    border: 10px solid white;
    top: -10px;
    left: -10px;
    animation-name: loader3;
}

    @keyframes loader3 {
        0% { transform: scale(0); }
        100% { transform: scale(1); }
    }


/* Loader 4 */

.loader-4:before {
    content: '';
    width: 25px;
    height: 25px;
    margin: 0 0 0 -12px;
    background-color: white;
    top: auto;
    bottom: 0;
    left: 50%;
    transform-origin: 50% 0%;
    animation: loader4 1s infinite linear;
}

    @keyframes loader4 {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }


/* Loader 5 */

.loader-5 {
    animation: loader5 1s infinite linear;
}

    @keyframes loader5 {
        0% {   transform: rotate(0deg); border-radius: 50%; }
        50% {  transform: rotate(90deg); border-radius: 0%; }
        100% { transform: rotate(180deg); border-radius: 50%; }
    }


/* Loader 6 */

.loader-6 {
    animation: loader6-1 1.5s infinite linear;
}
.loader-6:before,
.loader-6:after {
    content:'';
    margin: -25px 0 0 -25px;
    top: 50%;
    left: 50%;
    background-color: rgba(30,30,30,0.7);
    animation-name: loader6-2;
}
.loader-6:after { animation-direction: reverse; }

    @keyframes loader6-1 {
        0% {   transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    @keyframes loader6-2 {
        0%   { transform: scale(0.2); left:   0%; }
        50%  { transform: scale(1.0); left:  50%; }
        100% { transform: scale(0.2); left: 100%; }
    }


/* Loader 7 */

.loader-7 {
    animation: loader7-1 1s infinite linear;
}

.loader-7:before,
.loader-7:after {
    content: '';
    width: 80%;
    height: 80%;
    background-color: #333;
    top: 5%;
}
.loader-7:before {
    left: -5%;
    animation: loader7-2 1s infinite alternate ease-in-out;
    transform-origin: 10% 50%;
}
.loader-7:after {
    left: auto;
    right: -5%;
    animation: loader7-2 1s 1s infinite alternate ease-in-out;
    transform: scale(0);
    transform-origin: 90% 50%;
}

    @keyframes loader7-1 {
        0%   { transform: rotate(20deg); }
        100% { transform: rotate(380deg); }
    }

    @keyframes loader7-2 {
        0%   { transform: scale(0); }
        100% { transform: scale(1); }
    }


/* Loader 8 */

.loader-8:before,
.loader-8:after {
    content: '';
    background-color: #333;
    transform: scale(0);
    animation: loader8 1.5s infinite ease-in-out;
}
.loader-8:after { animation-delay: 0.75s; }

    @keyframes loader8 {
        0%   { transform: translateX(-100%) scale(0); }
        50%  { transform: translateX(0%)    scale(1); }
        100% { transform: translateX(100%)  scale(0); }
    }


/* Loader 9 & 10 */

.loader-9,
.loader-10 {
    background-color: white;
    animation: loader9 0.4s infinite linear;
}
.loader-10 {
    animation: loader10 60s infinite ease-in-out;
}
    .loader-9:before,
    .loader-10:before {
        content: '';
        width: 80%;
        height: 80%;
        background-color: white;
        top: 10%;
        left: 10%;
        box-shadow: 5px -3px 0 rgba(255,100,100,0.7),
                    5px 5px 0 rgba(100,255,100,0.7),
                    -3px 5px 0 rgba(100,100,255,0.7),
                    -5px -5px 0 rgba(240,240,120,0.7);
    }
    .loader-9:after,
    .loader-10:after {
        content: '';
        border: 3px solid white;
        z-index: 2;
        top: -3px;
        left: -3px;
    }

    @keyframes loader9 {
        0%   { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    @keyframes loader10 {
        0%   { transform: rotate(0deg); }
        100% { transform: rotate(360000deg); }
    }
/* **************************************** *
 * Header
 * **************************************** */

#header {position:fixed; top:0; left:0; width:100%; min-width:1000px; max-width:1920px; height:80px; z-index:100; background:rgba(31,31,31,1);}
#inner  {position:relative; width:100%; min-width:1000px; max-width:1920px; height:80px; margin:0 auto; z-index:100; width:1000px; position:static;}


/* LOGO */
.logo {position:absolute; top:15px; left:15px; width:50px; height:50px; box-sizing:border-box; z-index:100;}
.logo .logo_small {display:block; width:50px; height:50px; background:url(../img/logo_m.png)no-repeat 50% 50%;}
.logo .logo_big {display:none;}

/* GNB . SUBMENU */
.gnb {display:block; position:relative; width:800px; height:80px; margin:0 auto; text-align:center; overflow:hidden; z-index:100;}
.gnb .gmenu {position:absolute; top:0; left:0; width:800px; height:80px; margin:0 auto;}
.gnb .gmenu:after {content:""; display:block; clear:both;}
.gnb .gmenu .m1 {float:left; width:200px; height:80px;}
.gnb .gmenu .m1 a {display:block; width:200px; font-size:18px; font-weight:700; color:#ffffff; line-height:80px;}

.submenu {display:block; position:relative; width:100%; height:0; background:rgba(31,31,31,1); margin:0 auto; text-align:center; overflow:hidden; z-index:99;}
.submenu {position:absolute; top:0; height:0; padding-top:80px; background:rgba(0, 0, 0, 0) linear-gradient(180deg, transparent, transparent 79px, rgb(31, 31, 31) 1px, rgb(31, 31, 31)) repeat scroll 0% 0%; z-index:99;}

.submenu:after {content:""; display:block; clear:both;}
.submenu .inner {position:static; width:800px; margin:0 auto;}

.submenu ul {float:left; width:200px; height:230px;}
.submenu ul li {font-size:15px; font-weight:400; line-height:30px; margin-top:10px;}
.submenu ul li a {color:#ffffff; opacity:0.7;}
.submenu ul li a:hover {opacity:1;}

/* UTILL */
.utill {display:block; position:absolute; top:10px; right:15px;}
.submenu .utill {width:110px; height:auto;}
.utill:after {content:""; display:block; clear:both;}
.utill li {float:left; text-align:center;}
.utill li a {display:block; width:50px; height:40px; font-size:12px; line-height:40px; font-weight:400; font-family:'Open Sans'; color:#ffffff;}
.utill .login a {margin-right:10px;}

.utill2 {
    display: block;
    position: absolute;
    top: 10px;
    right: 15px;
}
.utill2 li a {
    display: block;
    width: 200px;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    font-weight: 400;
    font-family: 'Open Sans';
    color: #ffffff;
}

@media screen and (min-width:1200px){
#wrap {width:100%; min-width:1200px; height:100%;}
 
/* LOGO */
.logo {position:absolute; top:22px; left:35px; width:200px; height:36px; box-sizing:border-box;}
.logo .logo_small {display:none;}
.logo .logo_big {display:block; width:200px; height:36px; background:url(../img/logo.png)no-repeat 50% 50%;}
  
/* UTILL */
.utill {display:block; position:absolute; top:10px; right:35px;}

}



/* **************************************** *
 * Footer
 * **************************************** */

#footer-text {position:relative; width:100%; height:auto; margin:0 auto; text-align:justify; background:#333333; z-index:100;}
#footer-text .footerin {position:relative; width:100%; height:180px; max-width:1200px; margin:0 auto;}


/* FOOTER MENU */
#footer-text .footerin .footermenu {position:relative; width:100%; height:60px; margin:0 auto; border-bottom:1px solid #777777; box-sizing:border-box;}
#footer-text .footerin .footermenu .prv {float:left; position:relative;}
#footer-text .footerin .footermenu .prv:after {content:""; display:block; clear:both;}
#footer-text .footerin .footermenu .prv ul li {float:left;}
#footer-text .footerin .footermenu .prv ul li a {margin:0 30px 0 0; font-size:15px; font-weight:400; line-height:60px; color:#ffffff; opacity:0.7;}
#footer-text .footerin .footermenu .prv ul li a:hover {opacity:1;}

/* MOVE TOP */
#footer-text .footerin .footermenu .topview {display:block; position:absolute; top:90px; right:0; width:60px; height:60px; background:url(../img/icon_gotop.png)no-repeat 50% 50%;}

/* SITE LINK */
#footer-text .footerin .footermenu .sitelink {float:right; position:relative;}
#footer-text .footerin .footermenu .sitelink .linktit a {display:block; position:relative; width:180px; height:60px; padding-left:25px; font-size:15px; font-weight:400; line-height:60px; color:#ffffff; background:#777777; box-sizing:border-box;}
#footer-text .footerin .footermenu .sitelink .linktit a span {display:inline-block; position:absolute; top:28px; right:25px; width:7px; height:4px; background:url(../img/icon_otherlink.png)no-repeat 50% 50%;}
#footer-text .footerin .footermenu .sitelink .link_on {display:none; position:absolute; top:-160px; right:0; width:180px; height:160px; background:#777777; box-sizing:border-box;}
#footer-text .footerin .footermenu .sitelink .link_on li a {display:block; width:180px; height:35px; padding-left:15px; font-size:15px; line-height:35px; color:#ffffff; opacity:0.8;}
#footer-text .footerin .footermenu .sitelink .link_on li a:hover {opacity:1;}
#footer-text .footerin .footermenu .sitelink .link_on .first a {margin-top:10px;}

/* LOGO */
#footer-text .footerin .flogo .logo_bottom {display:block; position:absolute; top:100px; left:30px; width:200px; height:36px; background:url(../img/logo.png)no-repeat 50% 50%;}

/* ADDRESS */
#footer-text .footerin .address{position:absolute; top:90px; left:260px;}
#footer-text .footerin .address p{font-size:12px; line-height:20px; color:#ffffff;}
#footer-text .footerin .address p br{display:none;}
#footer-text .footerin .address .copyright{line-height:30px; color:#999999;}



/* **************************************** *
 * Main Page
 * **************************************** */

/* BASE */
#container          {width:100%; min-width:1000px; max-width:1920px; height:auto; margin:0 auto; box-sizing:border-box;}
#fullpage           {height:100%;}
#fullpage > section {position:relative; height:100%;}
#section0           {background:url(../img/img_mainbg1.jpg)no-repeat 50% 50%/cover;}
#section1           {background:url(../img/img_mainbg2.jpg)no-repeat 50% 50%/cover;}
#section2           {background:url(../img/img_mainbg3.jpg)no-repeat 50% 50%/cover;}
#section3           {background:url(../img/img_mainbg4.jpg)no-repeat 50% 50%/cover;}

/* SCROLL BUTTON */
.scrolldwn {display:block; position:absolute; bottom:20px; left:50%; transform:translateX(-50%); width:70px; height:70px; transition:0.3s; opacity:0.7; background:url(../img/main_scroll.png)no-repeat 50% 50%;}
.scrolldwn:hover {bottom:30px; opacity:1;}

/* RIGHT NAVIGATION */
#fp-nav {display:none;}

@media screen and (min-width:1200px){
#wrap {width:100%; min-width:1200px; height:100%;}
    
/* RIGHT NAVIGATION */
#fp-nav {display:block; position:absolute; top:50%; right:30px; z-index:100;}
#fp-nav li a {display:block; width:15px; height:15px; margin-bottom:15px; text-indent:-9999px; border:2px solid #ffffff; border-radius:9999px; opacity:0.5; transition:0.5s; box-sizing:border-box;}
#fp-nav li:last-child a {margin-bottom:0;}
#fp-nav li:hover a {opacity:1; background:#ffffff;}
#fp-nav .active {opacity:1; height:30px; background:#ffffff;}

}

/* Section 0 */
#section0    {position:relative; width:100%; height:100%; margin:0 auto;}
.sc00        {width:100%; margin:0 auto; text-align:center;}
.sc00 h3     {font-size:54px; font-weight:700; line-height:60px; font-family:'Open Sans'; color:#ffffff;}
.sc00 .mt    {font-size:28px; font-weight:400; line-height:48px; margin:5px auto 0 auto; color:#ffffff; letter-spacing:24px; padding-left:24px;}
.sc00 .submt {font-size:16px; font-weight:400; line-height:40px; margin:0 auto; color:#ffffff; letter-spacing:24px; padding-left:24px;}
.sc00 span   {display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:600px; height:600px;}

/* Section 1 */
#section1 {position:relative; display:table; table-layout:fixed; width:100%; height:auto; margin:0 auto;}
.sc01 {display:table; width:100%; height:100%; margin:0 auto; text-align:center; vertical-align:middle;}
.sc01 .select_left {display:table-cell; width:50%; height:100%; background:rgba(27,100,169,0.8); vertical-align:middle; text-align:center; transition:0.5s;}
.sc01 .select_left:hover {background:rgba(27,100,169,1);}
.sc01 .select_left .selectcontents {width:100%; color:#ffffff;}
.sc01 .select_left .selectcontents .selecticon {width:140px; height:140px; margin:0 auto; border:2px solid #ffffff; border-radius:9999px;}
.sc01 .select_left .selectcontents .selecticon span {display:block; width:100%; height:100%; background:url(../img/icon_select_left.png)no-repeat 50% 50%;}
.sc01 .select_left .selectcontents .selecttit {margin:30px auto; font-size:32px; line-height:40px; font-weight:400; letter-spacing:10px;}
.sc01 .select_left .selectcontents .selecttit span {display:block; width:50px; height:2px; background:#ffffff; margin:34px auto 0 auto;}
.sc01 .select_left .selectcontents .selecttxt {font-size:16px; font-weight:400; line-height:30px; margin:0 auto;}
.sc01 .select_left .selectcontents .selectbtn a {display:block; width:200px; height:40px; margin:60px auto 0 auto; border:2px solid #ffffff; font-size:15px; line-height:40px; font-weight:400; color:#ffffff; transition:0.2s;}
.sc01 .select_left .selectcontents .selectbtn a:hover {box-shadow:inset 0 0 0 3px #ffffff;}

.sc01 .select_right {display:table-cell; width:50%; height:100%; background:rgba(0,55,114,0.8); vertical-align:middle; text-align:center; transition:0.5s;}
.sc01 .select_right:hover {background:rgba(0,55,114,1);}
.sc01 .select_right .selectcontents {width:100%; color:#ffffff;}
.sc01 .select_right .selectcontents .selecticon {width:140px; height:140px; margin:0 auto; border:2px solid #ffffff; border-radius:9999px;}
.sc01 .select_right .selectcontents .selecticon span {display:block; width:100%; height:100%; background:url(../img/icon_select_right.png)no-repeat 50% 50%;}
.sc01 .select_right .selectcontents .selecttit {margin:30px auto; font-size:32px; line-height:40px; font-weight:400; letter-spacing:10px;}
.sc01 .select_right .selectcontents .selecttit span {display:block; width:50px; height:2px; background:#ffffff; margin:34px auto 0 auto;}
.sc01 .select_right .selectcontents .selecttxt {font-size:16px; font-weight:400; line-height:30px; margin:0 auto;}
.sc01 .select_right .selectcontents .selectbtn a {display:block; width:200px; height:40px; margin:60px auto 0 auto; border:2px solid #ffffff; font-size:15px; line-height:40px; font-weight:400; color:#ffffff; transition:0.2s;}
.sc01 .select_right .selectcontents .selectbtn a:hover {box-shadow:inset 0 0 0 3px #ffffff;}

/* Section 2 */
#section2 {position:relative; width:100%; height:100%; margin:0 auto;}
.sc02 {position:relative; width:100%; margin:0 auto; text-align:center;}
.sc02 .servicetit {font-size:42px; line-height:42px; font-weight:700; font-family:'Open Sans'; color:#ffffff;}
.sc02 .servicesubtit {font-size:16px; line-height:20px; font-weight:400; color:#ffffff; margin:10px auto 0 auto;}
.sc02 .servicelist {position:relative; width:100%; max-width:1000px; margin:40px auto 0 auto;}
.sc02 .servicelist:after {content:""; display:block; clear:both;}
.sc02 .servicelist li {float:left; position:relative;}

.sc02 .servicelist #serv01 {width:320px; height:460px; margin:0 20px 0 0; background:url(../img/img_mainsc02_01.jpg)no-repeat 50% 50%;}
.sc02 .servicelist #serv02 {width:320px; height:460px; margin:0 20px 0 0; background:url(../img/img_mainsc02_02.jpg)no-repeat 50% 50%;}
.sc02 .servicelist #serv03 {width:320px; height:460px; margin:0; background:url(../img/img_mainsc02_03.jpg)no-repeat 50% 50%;}

.sc02 .servicelist .serv_fdin {display:block; position:absolute; top:0; left:0; width:320px; height:460px; vertical-align:middle; box-sizing:border-box; background:rgba(0,0,0,0.25); transition:0.5s; opacity:1; overflow:hidden;}
.sc02 .servicelist .serv_fdin .servtit {display:block; width:200px; height:40px; border:2px solid #ffffff; font-size:20px; line-height:40px; font-weight:700; color:#ffffff; margin:190px auto 30px auto; vertical-align:middle; transition:0.5s; transition-delay:0.1s;}
.sc02 .servicelist .serv_fdin .servtxt {display:block; width:100px; margin:0 auto; font-size:14px; line-height:40px; font-weight:700; color:#ffffff; vertical-align:middle; border-bottom:5px solid #ffffff; transition:0.5s; transition-delay:0.1s;}
.sc02 .servicelist .serv_fdout {display:block; position:absolute; top:0; left:0; width:320px; height:460px; vertical-align:middle; box-sizing:border-box; background:rgba(0,55,114,0.95); transition:0.5s; transition-delay:0; opacity:0; overflow:hidden;}
.sc02 .servicelist .serv_fdout .servtit {margin:140px auto 0 auto; font-size:24px; line-height:40px; font-weight:700; color:#ffffff; vertical-align:middle; transition:0.5s;}
.sc02 .servicelist .serv_fdout .servtit span {margin:30px auto; display:block; width:40px; height:2px; background:#ffffff;}
.sc02 .servicelist .serv_fdout .servtxt {font-size:14px; line-height:28px; font-weight:400; color:#ffffff; vertical-align:middle;}
.sc02 .servicelist .serv_fdout .btn {display:block; width:200px; height:40px; border:2px solid #ffffff; margin:30px auto 0 auto; font-size:14px; line-height:37px; font-weight:700; color:#ffffff; text-align:left; padding-left:40px; vertical-align:middle; box-sizing:border-box; background:url(../img/icon_btnarrowright.gif)no-repeat right 50%/35px 2px; transition:0.3s;}
.sc02 .servicelist .serv_fdout .btn:hover {box-shadow:inset 0 0 0 2px #ffffff; background:url(../img/icon_btnarrowright.gif)no-repeat right 50%/50px 2px;}

.sc02 .servicelist .serv:hover .serv_fdin .servtit {opacity:0; margin:170px auto 30px auto; transition-delay:0.1s;}
.sc02 .servicelist .serv:hover .serv_fdin .servtxt {opacity:0; transition-delay:0.1s;}
.sc02 .servicelist .serv:hover .serv_fdout {opacity:1; transition-delay:0.35s;}
.sc02 .servicelist .serv:hover .serv_fdout .servtit {margin:120px auto 0 auto; transition-delay:0.35s;}

@media screen and (min-width:1200px){
#wrap{width:100%; min-width:1200px; height:100%;}
 
.sc02 .servicelist {position:relative; width:100%; max-width:1200px; margin:40px auto 0 auto;}
    
.sc02 .servicelist #serv01 {width:380px; height:460px; margin:0 30px 0 0; background:url(../img/img_mainsc02_01.jpg)no-repeat 50% 50%;}
.sc02 .servicelist #serv02 {width:380px; height:460px; margin:0 30px 0 0; background:url(../img/img_mainsc02_02.jpg)no-repeat 50% 50%;}
.sc02 .servicelist #serv03 {width:380px; height:460px; margin:0; background:url(../img/img_mainsc02_03.jpg)no-repeat 50% 50%;}
    
.sc02 .servicelist .serv_fdin {display:block; position:absolute; top:0; left:0; width:380px; height:460px; vertical-align:middle; box-sizing:border-box; background:rgba(0,0,0,0.25); transition:0.5s; opacity:1; overflow:hidden;}
.sc02 .servicelist .serv_fdout {display:block; position:absolute; top:0; left:0; width:380px; height:460px; vertical-align:middle; box-sizing:border-box; background:rgba(0,55,114,0.95); transition:0.5s; transition-delay:0; opacity:0; overflow:hidden;}

}

/* Section 3 */
#section3 {position:relative; width:100%; height:100%; margin:0 auto;}
.sc03 {position:relative; width:100%; margin:0 auto; text-align:center;}
.sc03 .informationtit {font-size:42px; line-height:42px; font-weight:700; font-family:'Open Sans'; color:#ffffff;}
.sc03 .informationsubtit {font-size:16px; line-height:20px; font-weight:400; color:#ffffff; margin:10px auto 0 auto;}
.sc03 .informationlist {position:relative; width:100%; max-width:1200px; margin:40px auto 0 auto; vertical-align:middle;}
.sc03 .informationlist:after {content:""; display:block; clear:both;}
.sc03 .informationlist li {float:left; vertical-align:middle;}
.sc03 .informationlist img {vertical-align:middle; width:100%; min-width:1000px; max-width:1200px;}
.sc03 .informationlist .notice {width:380px; height:460px; margin:0 30px 0 0; background:#fbfbfb;}
.sc03 .informationlist .demandlist {width:380px; height:460px; margin:0 30px 0 0; background:#fbfbfb;}
.sc03 .informationlist .partlist {width:380px; height:460px; margin:0; background:#fbfbfb;}

    /* 공지사항 */
    .sc03 .informationlist .noticelist {
        position: relative;
        width: 380px;
        height: 500px;
        margin: 0 30px 0 0;
        background: rgba(31,31,31,0.9);
    }

        .sc03 .informationlist .noticelist .notice_list_wrap {
            position: relative;
            width: 380px;
            height: 500px;
            margin: 0 auto;
            box-sizing: border-box;
            text-align: justify;
        }

.notice_list_wrap .notice_head {
    display: block;
    position: relative;
    width: auto;
    height: 80px;
    margin: 0 30px;
    border-bottom: 1px solid #ffffff;
    box-sizing: border-box;
}

    .notice_list_wrap .notice_head .ntctit {
        display: block;
        font-size: 28px;
        font-weight: 400;
        line-height: 80px;
        color: #ffffff;
    }

    .notice_list_wrap .notice_head .btn_more {
        display: block;
        position: absolute;
        top: 30px;
        right: 0;
        width: 20px;
        height: 20px;
        transition: 0.5s;
        overflow: hidden;
        opacity: 1;
    }

        .notice_list_wrap .notice_head .btn_more:hover {
            transform: rotate(90deg);
        }

        .notice_list_wrap .notice_head .btn_more .btn_more_wrap {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 20px;
            height: 20px;
            overflow: hidden;
            margin: auto auto;
        }

            .notice_list_wrap .notice_head .btn_more .btn_more_wrap span:first-child {
                display: block;
                position: absolute;
                top: 8px;
                left: 0;
                width: 100%;
                height: 4px;
                background: #ffffff;
                transform: rotate(0);
            }

            .notice_list_wrap .notice_head .btn_more .btn_more_wrap span:last-child {
                display: block;
                position: absolute;
                top: 8px;
                left: 0;
                width: 100%;
                height: 4px;
                background: #ffffff;
                transform: rotate(90deg);
            }

.notice_list_wrap .notice_list_inner {
    position: relative;
    width: auto;
    margin: 0 30px;
    box-sizing: border-box;
}

    .notice_list_wrap .notice_list_inner li {
        display: block;
        position: relative;
        width: 100%;
        height: 60px;
        border-bottom: 1px solid rgba(255,255,255,0.5);
        margin: 0 auto;
        box-sizing: border-box;
        transition: 0.5s;
        background: none;
    }

        .notice_list_wrap .notice_list_inner li:hover {
            background: rgba(255,255,255,0.1);
        }

        .notice_list_wrap .notice_list_inner li .subject {
            display: block;
            position: absolute;
            top: 23px;
            left: 5px;
            width: 220px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 14px;
            font-weight: 400;
            line-height: 1em;
            color: rgba(255,255,255,1);
        }

        .notice_list_wrap .notice_list_inner li .date {
            display: block;
            position: absolute;
            top: 23px;
            right: 5px;
            font-size: 14px;
            font-weight: 400;
            line-height: 1em;
            color: #ffffff;
        }


/* 수요기업현황 */
.sc03 .informationlist .demandlist {
    position: relative;
    width: 380px;
    height: 500px;
    margin: 0 30px 0 0;
    background: rgba(0,55,114,0.9);
}

    .sc03 .informationlist .demandlist .demand_list_wrap {
        position: relative;
        width: 380px;
        height: 500px;
        margin: 0 auto;
        box-sizing: border-box;
        text-align: justify;
    }

.demand_list_wrap .demand_head {
    display: block;
    position: relative;
    width: auto;
    height: 80px;
    margin: 0 30px;
    border-bottom: 1px solid #ffffff;
    box-sizing: border-box;
}

    .demand_list_wrap .demand_head .dmdtit {
        display: block;
        font-size: 28px;
        font-weight: 400;
        line-height: 80px;
        color: #ffffff;
    }

    .demand_list_wrap .demand_head .btn_more {
        display: block;
        position: absolute;
        top: 30px;
        right: 0;
        width: 20px;
        height: 20px;
        transition: 0.5s;
        overflow: hidden;
        opacity: 1;
    }

        .demand_list_wrap .demand_head .btn_more:hover {
            transform: rotate(90deg);
        }

        .demand_list_wrap .demand_head .btn_more .btn_more_wrap {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 20px;
            height: 20px;
            overflow: hidden;
            margin: auto auto;
        }

            .demand_list_wrap .demand_head .btn_more .btn_more_wrap span:first-child {
                display: block;
                position: absolute;
                top: 8px;
                left: 0;
                width: 100%;
                height: 4px;
                background: #ffffff;
                transform: rotate(0);
            }

            .demand_list_wrap .demand_head .btn_more .btn_more_wrap span:last-child {
                display: block;
                position: absolute;
                top: 8px;
                left: 0;
                width: 100%;
                height: 4px;
                background: #ffffff;
                transform: rotate(90deg);
            }

.demand_list_wrap .demand_list_inner {
    position: relative;
    width: auto;
    margin: 0 30px;
    box-sizing: border-box;
}

    .demand_list_wrap .demand_list_inner:after {
        content: '';
        display: block;
        clear: both;
    }

    .demand_list_wrap .demand_list_inner li {
        display: block;
        position: relative;
        width: 100%;
        height: 60px;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        margin: 0 auto;
        box-sizing: border-box;
        transition: 0.5s;
        background: none;
    }

        .demand_list_wrap .demand_list_inner li:hover {
            background: rgba(255,255,255,0.1);
        }

    .demand_list_wrap .demand_list_inner .last {
        border-bottom: 1px solid rgba(255,255,255,1);
    }

    .demand_list_wrap .demand_list_inner li a {
        display: block;
        width: 100%;
        height: 60px;
        text-align: center;
    }

        .demand_list_wrap .demand_list_inner li a .d_dept {
            display: block;
            margin-top: 21px;
            float: left;
            width: 160px;
            height: 60px;
            font-size: 18px;
            font-weight: 400;
            line-height: 1em;
            color: rgba(255,255,255,1);
            box-sizing: border-box;
        }

        .demand_list_wrap .demand_list_inner li a .d_num {
            display: block;
            margin-top: 21px;
            float: left;
            width: 160px;
            font-size: 18px;
            font-weight: 700;
            line-height: 1em;
            color: rgba(255,255,255,1);
            border-left: 1px solid rgba(255,255,255,0.3);
            box-sizing: border-box;
        }

/* 분야별인력현황 */
.sc03 .informationlist .partlist {
    width: 380px;
    height: 500px;
    margin: 0;
    background: rgba(27,100,169,0.9);
}

    .sc03 .informationlist .partlist .part_list_wrap {
        position: relative;
        width: 380px;
        height: 500px;
        margin: 0 auto;
        box-sizing: border-box;
        text-align: justify;
    }

.part_list_wrap .part_head {
    display: block;
    position: relative;
    width: auto;
    height: 80px;
    margin: 0 30px;
    border-bottom: 1px solid #ffffff;
    box-sizing: border-box;
}

    .part_list_wrap .part_head .prttit {
        display: block;
        font-size: 28px;
        font-weight: 400;
        line-height: 80px;
        color: #ffffff;
    }

    .part_list_wrap .part_head .btn_more {
        display: block;
        position: absolute;
        top: 30px;
        right: 0;
        width: 20px;
        height: 20px;
        transition: 0.5s;
        overflow: hidden;
        opacity: 1;
    }

        .part_list_wrap .part_head .btn_more:hover {
            transform: rotate(90deg);
        }

        .part_list_wrap .part_head .btn_more .btn_more_wrap {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 20px;
            height: 20px;
            overflow: hidden;
            margin: auto auto;
        }

            .part_list_wrap .part_head .btn_more .btn_more_wrap span:first-child {
                display: block;
                position: absolute;
                top: 8px;
                left: 0;
                width: 100%;
                height: 4px;
                background: #ffffff;
                transform: rotate(0);
            }

            .part_list_wrap .part_head .btn_more .btn_more_wrap span:last-child {
                display: block;
                position: absolute;
                top: 8px;
                left: 0;
                width: 100%;
                height: 4px;
                background: #ffffff;
                transform: rotate(90deg);
            }

.part_list_wrap .part_list_inner {
    position: relative;
    width: auto;
    margin: 0 30px;
    box-sizing: border-box;
}

    .part_list_wrap .part_list_inner:after {
        content: '';
        display: block;
        clear: both;
    }

    .part_list_wrap .part_list_inner li {
        display: block;
        position: relative;
        width: 100%;
        height: 60px;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        margin: 0 auto;
        box-sizing: border-box;
        transition: 0.5s;
        background: none;
    }

        .part_list_wrap .part_list_inner li:hover {
            background: rgba(255,255,255,0.1);
        }

    .part_list_wrap .part_list_inner .last {
        border-bottom: 1px solid rgba(255,255,255,1);
    }

    .part_list_wrap .part_list_inner li a {
        display: block;
        width: 100%;
        height: 60px;
        text-align: center;
    }

        .part_list_wrap .part_list_inner li a .p_dept {
            display: block;
            margin-top: 21px;
            float: left;
            width: 160px;
            height: 60px;
            font-size: 18px;
            font-weight: 400;
            line-height: 1em;
            color: rgba(255,255,255,1);
            box-sizing: border-box;
        }

        .part_list_wrap .part_list_inner li a .p_num {
            display: block;
            margin-top: 21px;
            float: left;
            width: 160px;
            font-size: 18px;
            font-weight: 700;
            line-height: 1em;
            color: rgba(255,255,255,1);
            border-left: 1px solid rgba(255,255,255,0.3);
            box-sizing: border-box;
        }


/* **************************************** *
 * Sub Page
 * **************************************** */

/* BASE */
.containerin           {position:relative; width:100%; max-width:1200px; margin:40px auto 100px auto; box-sizing:border-box;}
.contents              {position:relative; margin:0 auto;}

.contentstit           {font-size:34px; line-height:50px; font-weight:700; letter-spacing:-.2px;}
.contentstit .titlebar {display:block; margin:0 0 10px 0; width:40px; height:3px; background:rgba(0,55,114,1);}
.contentssubtit        {font-size:18px; line-height:1em; font-weight:700; color:#777777;}

/* SUB PAGE TITLE */
#smartbar              {position:relative; width:100%; margin:80px auto 0 auto; z-index:50;}
.pagetitle             {position:relative; width:100%; height:230px; text-align:center;}
.pagetitle .pagetit    {font-size:42px; font-weight:700; line-height:1em; padding:75px 0 20px 0; color:#ffffff;}
.pagetitle .pagesubtit {font-size:18px; font-weight:400; line-height:1em; color:#ffffff;}

#sub01                 {background:url(../img/sub_subpage01.png)no-repeat 50% 50%/cover;}
#sub02                 {background:url(../img/sub_subpage02.png)no-repeat 50% 50%/cover;}
#sub03                 {background:url(../img/sub_subpage03.png)no-repeat 50% 50%/cover;}
#sub04                 {background:url(../img/sub_subpage04.png)no-repeat 50% 50%/cover;}
#sub05                 {background:url(../img/sub_subpage05.png)no-repeat 50% 50%/cover;}
#sub06                 {background:url(../img/sub_subpage01.png)no-repeat 50% 50%/cover;}

/* SUB PAGE BAR GROUP */
.bargroup {position:relative; width:100%; height:60px; background:#e5ebf1; box-sizing:border-box; z-index:100;}
.bargroup .groupin {width:100%; max-width:1200px; margin:0 auto;}
.bargroup .groupin:after {content:""; display:block; clear:both;}
.bargroup .groupin .group_left {float:left; position:relative;}
.bargroup .groupin .group_left ul li {float:left;}

.bargroup .groupin .group_left .home a {display:block; width:60px; height:60px; border-right:1px solid #ced9e4;}
.bargroup .groupin .group_left .home a span {display:block; width:100%; height:100%; background:url(../img/icon_home.png)no-repeat 50% 50%;}

.bargroup .groupin .group_left .maingroup {z-index:100;}
.bargroup .groupin .group_left .maingroup .default {display:block; position:relative; width:180px; height:60px; border-right:1px solid #ced9e4;}
.bargroup .groupin .group_left .maingroup .default p {position:relative; padding-left:10px; font-size:14px; line-height:60px; font-weight:400;}
.bargroup .groupin .group_left .maingroup .default p span {display:inline-block; position:absolute; top:21px; right:10px; width:18px; height:18px; background:url(../img/icon_menuoff.png)no-repeat;}
.bargroup .groupin .group_left .maingroup .maingrouplist {display:block; position:absolute; top:60px; left:61px; width:180px; height:0; background:#e5ebf1; z-index:100; overflow:hidden; transition:0.3s;}
.bargroup .groupin .group_left .maingroup:hover .maingrouplist {height:200px;}
.bargroup .groupin .group_left .maingroup .maingrouplist ul li {float:clear; width:180px; margin-top:15px;}
.bargroup .groupin .group_left .maingroup .maingrouplist ul li a {display:block; padding-left:10px; font-size:14px; line-height:20px; font-weight:400; box-sizing:border-box;}
.bargroup .groupin .group_left .maingroup .maingrouplist ul li a:hover {text-decoration:underline; background:url(../img/icon_menuon.png)no-repeat 152px 0;}

.bargroup .groupin .group_left .subgroup {z-index:100;}
.bargroup .groupin .group_left .subgroup .default {display:block; width:180px; height:60px; border-right:1px solid #ced9e4;}
.bargroup .groupin .group_left .subgroup .default p {position:relative; padding-left:10px; font-size:14px; line-height:60px; font-weight:400;}
.bargroup .groupin .group_left .subgroup .default p span {display:inline-block; position:absolute; top:21px; right:10px; width:18px; height:18px; background:url(../img/icon_menuoff.png)no-repeat;}
.bargroup .groupin .group_left .subgroup .subgrouplist {display:block; position:absolute; top:60px; right:1px; width:180px; height:0; background:#e5ebf1; z-index:100; overflow:hidden; transition:0.3s;}
.bargroup .groupin .group_left .subgroup:hover .subgrouplist {height:200px;}
.bargroup .groupin .group_left .subgroup .subgrouplist ul li {float:clear; width:180px; margin-top:15px;}
.bargroup .groupin .group_left .subgroup .subgrouplist ul li a {display:block; padding-left:10px; font-size:14px; line-height:20px; font-weight:400; box-sizing:border-box;}
.bargroup .groupin .group_left .subgroup .subgrouplist ul li a:hover {text-decoration:underline; background:url(../img/icon_menuon.png)no-repeat 152px 0;}

.bargroup .groupin .group_right {float:right;}
.bargroup .groupin .group_right .sharing {display:block; width:60px; height:60px;}
.bargroup .groupin .group_right .sharing span {display:block; width:100%; height:100%; background:url(../img/icon_share.png)no-repeat 50% 50%;}

/* BOARD PAGING BUTTON */
.paging {position:relative; width:100%; height:33px; margin:40px auto 0 auto; text-align:center; box-sizing:border-box; overflow:hidden;}
.paging a {display:inline-block; width:33px; height:33px; border:1px solid #dddddd; box-sizing:border-box; vertical-align:middle; font-size:14px; line-height:33px; font-weight:700;}
.paging .prev {width:33px; height:33px; background:url(../img/icon_prev.png)center no-repeat;}
.paging .on {width:33px; height:33px; font-size:14px; line-height:33px; font-weight:700; color:#ffffff; background:#003772; border:0;}
.paging .next {width:33px; height:33px; background:url(../img/icon_next.png)center no-repeat;}

/* PAGE BUTTON */
.pagebtn {position:relative; width:100%; height:40px; margin:40px auto 0 auto; text-align:center; box-sizing:border-box; overflow:hidden;}
.pagebtn a {display:inline-block; width:120px; height:40px; border:1px solid #dddddd; border-radius:4px; box-sizing:border-box; vertical-align:middle; font-size:14px; line-height:40px; font-weight:400; color:#999999;}
.pagebtn .send {border:0; background:rgba(0,55,114,0.9); color:#ffffff;}
.pagebtn .send:hover {background:rgba(0,55,114,1);}
.pagebtn .next {border:0; background:rgba(0,55,114,0.9); color:#ffffff;}
.pagebtn .next:hover {background:rgba(0,55,114,1);}
.pagebtn .prev {border:0; background:rgba(0,55,114,0.9); color:#ffffff;}
.pagebtn .prev:hover {background:rgba(0,55,114,1);}


/* **************************************** *
 * Sub Page pt1 - 서비스소개
 * **************************************** */

/* ********** *
 * 사업소개    
 * ********** */
.introduction {position:relative; width:100%; margin:50px auto 0 auto; text-align:justify;}
.introduction .introductiontitle {position:relative; width:100%; margin:0 auto; text-align:center;}
.introduction .introductiontitle:after {content:""; display:block; clear:both;}
.introduction .introductiontitle .introductiontit {font-size:28px; line-height:40px; font-weight:700; color:#1f1f1f; margin:0 auto 10px auto;}
.introduction .introductiontitle .introductiontit span {display:block; width:30px; height:2px; background:rgba(0,55,114,1); margin:0 auto 10px auto;}
.introduction .introductiontitle .introductiontxt:after {content:""; display:block; clear:both;}
.introduction .introductiontitle .introductiontxt li {float:left; position:relative; width:100%; max-width:580px; margin:20px 10px 0 10px;}
.introductiontxt .introductionsubtit {font-size:20px; line-height:50px; font-weight:700; margin:0 auto 10px auto;}
.introductiontxt .introductionsubtxt {font-size:15px; line-height:30px; font-weight:400; margin:0 auto;}

.introduction .needstitle {position:relative; width:100%; margin:0 auto; text-align:center;}
.introduction .needstitle:after {content:""; display:block; clear:both;}
.introduction .needstitle .needstit {font-size:28px; line-height:40px; font-weight:700; color:#1f1f1f; margin:80px auto 10px auto;}
.introduction .needstitle .needstit span {display:block; width:30px; height:2px; background:rgba(0,55,114,1); margin:0 auto 10px auto;}
.introduction .needstitle .needstxt:after {content:""; display:block; clear:both;}
.introduction .needstitle .needstxt .left {float:left; position:relative; width:100%; max-width:600px; margin:20px auto 0 auto;}
.introduction .needstitle .needstxt .right {float:right; position:relative; width:100%; max-width:600px; margin:20px auto 0 auto;}
.needstxt .needssubtit {padding:0 50px; font-size:20px; line-height:50px; font-weight:700; margin:150px auto 0 auto; text-align:justify;}
.needstxt .needssubtxt {padding:0 50px; font-size:14px; line-height:30px; font-weight:400; margin:0 auto; text-align:justify; letter-spacing:-.2px;}
.needstxt .needssubtxt span {display:inline-block; margin:0 5px 1px 0; width:4px; height:7px; background:url(../img/icon_subtxt.png)no-repeat 50% 50%;}

/* ********** *
 * 사업목표    
 * ********** */
.vision {position:relative; width:100%; margin:50px auto 0 auto; text-align:center;}
.vision:after {content:''; display:block; clear:both;}
.vision .vision_pc {display:block; position:relative; width:100%; max-width:940px; height:1260px; margin:0 auto; background:url(../img/img_sub01_vision.png)no-repeat;}
.vision .vision_pc .visiontxt1 {display:block; width:100%; max-width:240px; height:240px; font-size:34px; line-height:40px; font-weight:700; padding:82px 0 0 0; margin:0 auto; box-sizing:border-box; color:#ffffff;}
.vision .vision_pc .visiontxt2 {display:block; width:100%; max-width:585px; height:200px; margin:128px auto 0 auto;}
.vision .vision_pc .visiontxt2 li {float:left; width:195px; height:200px; font-size:15px; line-height:24px; font-weight:400; padding:65px 0 0 0; color:#ffffff; box-sizing:border-box;}
.vision .vision_pc .visiontxt3 {display:block; width:100%; max-width:910px; height:210px; margin:179px auto 0 auto;}
.vision .vision_pc .visiontxt3 li {float:left; width:210px; height:210px; font-size:34px; line-height:34px; font-weight:700; padding:70px 0 0 0; color:#ffffff; box-sizing:border-box;}
.vision .vision_pc .visiontxt3 li span {font-size:18px; line-height:24px; font-weight:400;}
.vision .vision_pc .visiontxt3 .left {margin:0 140px 0 0;}
.vision .vision_pc .visiontxt4 {display:block; width:100%; max-width:910px; height:240px; margin:64px auto 0 auto;}
.vision .vision_pc .visiontxt4 li {float:left; width:210px; height:240px; font-size:15px; line-height:24px; font-weight:400; padding:75px 0 0 0; color:#ffffff; box-sizing:border-box;}
.vision .vision_pc .visiontxt4 .left {margin:0 140px 0 0;}

/* ********** *
 * 기대효과    
 * ********** */
.expect {position:relative; width:100%; margin:50px auto 0 auto; text-align:center;}
.expect:after {content:''; display:block; clear:both;}
.expect .expecttit {font-size:28px; line-height:40px; font-weight:700; margin:0 auto 10px auto;}
.expect .expecttit span {display:block; width:30px; height:2px; background:rgba(0,55,114,1); margin:0 auto 10px auto;}
.expect .expectimg {position:relative; width:100%; height:360px; background:url(../img/img_sub01_expect.png)no-repeat; margin:0 auto;}
.expect .expectimgtxt {width:600px; margin:0 auto;}
.expect .expectimgtxt li {float:left; width:300px; height:300px; font-size:24px; line-height:300px; font-weight:700; margin:30px auto 0 auto;}

.expect .expecttxt {position:relative; width:100%; margin:0 auto; text-align:justify;}
.expect .expecttxt .left {float:left; width:540px; text-align:justify; margin:0 30px;}
.expect .expecttxt .left .expectsubtit {height:60px; font-size:18px; line-height:60px; font-weight:300; text-align:center; background:#003772; border-top-left-radius:32px; border-top-right-radius:32px; color:#ffffff;}
.expect .expecttxt .left .expectsubtxt {height:180px; padding:20px; box-sizing:border-box; background:#e5ebf1; text-align:justify; border-bottom-left-radius:36px; border-bottom-right-radius:36px;}
.expect .expecttxt .left .expectsubtxt p {font-size:15px; line-height:32px; font-weight:300; letter-spacing:-.2px;}
.expect .expecttxt .right {float:right; width:540px; text-align:justify; margin:0 30px;}
.expect .expecttxt .right .expectsubtit {height:60px; font-size:18px; line-height:60px; font-weight:300; text-align:center; background:#003772; border-top-left-radius:32px; border-top-right-radius:32px; color:#ffffff;}
.expect .expecttxt .right .expectsubtxt {height:180px; padding:20px; box-sizing:border-box; background:#e5ebf1; text-align:justify; border-bottom-left-radius:36px; border-bottom-right-radius:36px;}
.expect .expecttxt .right .expectsubtxt p {font-size:15px; line-height:32px; font-weight:300; letter-spacing:-.2px;}

/* ********** *
 * 사업절차안내    
 * ********** */
.procedure {position:relative; width:100%; margin:50px auto 0 auto; text-align:justify;}
.procedure .proceduretitle {position:relative; width:100%; margin:0 auto; text-align:center;}
.procedure .proceduretitle:after {content:""; display:block; clear:both;}
.procedure .proceduretitle .proceduretit {font-size:28px; line-height:40px; font-weight:700; color:#1f1f1f; margin:0 auto 10px auto;}
.procedure .proceduretitle .proceduretit span {display:block; width:30px; height:2px; background:rgba(0,55,114,1); margin:0 auto 10px auto;}
.procedure .proceduretitle .proceduretxt li {font-size:15px; line-height:24px; font-weight:400; letter-spacing:-.5px; color:#555555; margin:0 auto;}
.procedure .proceduremap {display:block; width:100%; height:1170px; margin:40px auto 0 auto; background:url(../img/img_sub01_procedureguide.png)no-repeat;}



/* **************************************** *
 * Sub Page pt2 - 과학기술전문가
 * **************************************** */

/* ********** *
 * 인력정보조회    
 * ********** */
.inquiry {position:relative; width:100%; margin:50px auto 0 auto; text-align:justify;}
.inquiry:after {content:""; display:block; clear:both;}
.inquiry .searchbar {position:relative; width:100%; height:40px; margin:0 auto 20px auto;}
.inquiry .searchbar .lt {float:left; font-size:15px; line-height:40px; font-weight:700; color:#555555;}
.inquiry .searchbar .board_search {float:right; display:inline-block; height:40px; margin:0; padding:0;}
.inquiry .searchbar input {display:inline-block; padding-left:10px; width:180px; height:40px; border:1px solid #dddddd; vertical-align:top; font-family:'NanumSquare'; color:#999999; box-sizing:border-box;}
combobox
.inquiry .searchbar .search {display:inline-block; width:40px; height:40px; background:#003772;}
.inquiry .searchbar .search span {display:block; width:40px; height:40px; background:url(../img/icon_search.png)no-repeat 50% 50%;}

/* TABLE */
.inquiry .board_list {position:relative; width:100%; margin:0 auto; text-align:center;}
.inquiry .board_list table {width:100%; height:auto; text-align:center;}
.inquiry .board_list table thead tr th {height:50px; background:#fbfbfb; border-top:5px solid #003772; border-bottom:1px solid #dddddd;}
.inquiry .board_list table tbody tr td {height:50px; background:#ffffff; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.inquiry .board_list table tbody .last td {border-bottom:2px solid #777777;}

/* ********** *
 * 인력정보조회(상세)   
 * ********** */
.employ {
    position: relative;
    width: 100%;
    margin: 50px auto 0 auto;
    text-align: justify;
}

    /* TABLE */
    .employ .employ_info {
        position: relative;
        width: 100%;
        margin: 50px auto 0 auto;
        text-align: justify;
    }

        .employ .employ_info .emptit {
            font-size: 24px;
            line-height: 40px;
            font-weight: 700;
            margin: 30px auto 10px auto;
        }

            .employ .employ_info .emptit span {
                display: block;
                margin: 0 0 5px 0;
                width: 30px;
                height: 3px;
                background: rgba(9,119,172,1);
            }

        .employ .employ_info table {
            width: 100%;
            height: auto;
            text-align: center;
        }

            .employ .employ_info table thead .first th, .employ .employ_info table thead .first td {
                border-top: 5px solid #dddddd;
            }

            .employ .employ_info table thead tr th, .employ .employ_info table tbody tr th {
                height: 60px;
                background: #fbfbfb;
                border-bottom: 1px solid #dddddd;
                border-right: 1px solid #dddddd;
            }

            .employ .employ_info table thead tr td, .employ .employ_info table tbody tr td {
                height: 60px;
                max-height: 100px;
                border-bottom: 1px solid #dddddd;
                border-right: 1px solid #dddddd;
            }

            .employ .employ_info table thead tr .last, .employ .employ_info table tbody tr .last {
                border-right: 0;
            }

            .employ .employ_info table .profile {
                max-width: 120px;
            }

            .employ .employ_info table .suptit {
                padding: 0 20px;
                width: 95%;
                height: 40px;
                border: 1px solid #dddddd;
                font-family: 'NanumSquare';
                box-sizing: border-box;
            }

            .employ .employ_info table .supsubtit {
                padding: 0 20px;
                font-size: 16px;
                line-height: 24px;
                vertical-align: middle;
                text-align: justify;
                margin: 5px auto 0 auto;
            }

            .employ .employ_info table .supsubtxt {
                padding: 20px;
                font-size: 14px;
                line-height: 20px;
                vertical-align: middle;
                text-align: justify;
                margin: 15px;
                border: 1px solid #dddddd;
                background: #fbfbfb;
                box-sizing: border-box;
            }

            .employ .employ_info table .supfile {
                padding: 0 20px;
                width: 95%;
                vertical-align: middle;
                font-family: 'NanumSquare';
                margin: 10px auto;
            }

            .employ .employ_info table .file {
                padding: 0 20px;
                width: 95%;
                vertical-align: middle;
                text-align: justify;
            }

            .employ .employ_info table .supfiletxt {
                padding: 0 20px;
                font-size: 14px;
                line-height: 24px;
                text-align: justify;
            }

/* ********** *
 * 인력정보등록    
 * ********** */
.regist {
    position: relative;
    width: 100%;
    margin: 50px auto 0 auto;
    text-align: justify;
}

    /* TITLE */
    .regist .regist_info {
        position: relative;
        width: 100%;
        margin: 50px auto 0 auto;
        text-align: justify;
    }

        .regist .regist_info .regitit {
            font-size: 24px;
            line-height: 40px;
            font-weight: 700;
            margin: 30px auto 10px auto;
        }

            .regist .regist_info .regitit span {
                display: block;
                margin: 0 0 5px 0;
                width: 30px;
                height: 3px;
                background: rgba(9,119,172,1);
            }

        /* TABLE */
        .regist .regist_info table {
            width: 100%;
            height: auto;
            text-align: center;
        }

            .regist .regist_info table thead .first th, .regist .regist_info table thead .first td {
                border-top: 5px solid #dddddd;
            }

            .regist .regist_info table thead tr th, .regist .regist_info table tbody tr th {
                height: 60px;
                background: #fbfbfb;
                border-bottom: 1px solid #dddddd;
                border-right: 1px solid #dddddd;
            }

            .regist .regist_info table thead tr td, .regist .regist_info table tbody tr td {
                height: 60px;
                max-height: 100px;
                border-bottom: 1px solid #dddddd;
                border-right: 1px solid #dddddd;
            }

            .regist .regist_info table thead tr .last, .regist .regist_info table tbody tr .last {
                border-right: 0;
            }

            .regist .regist_info table .profile {
                max-width: 120px;
            }

            .regist .regist_info table .suptit {
                padding: 0 20px;
                margin: 15px;
                width: 95%;
                height: 40px;
                border: 1px solid #dddddd;
                font-family: 'NanumSquare';
                box-sizing: border-box;
            }

            .regist .regist_info table .suptxt {
                padding: 20px;
                width: 95%;
                height: 280px;
                max-height: 460px;
                margin: 10px auto 5px auto;
                border: 1px solid #dddddd;
                box-sizing: border-box;
                font-size: 14px;
                line-height: 20px;
                color: #555555;
                text-align: justify;
                font-family: 'NanumSquare';
                overflow: hidden;
            }

            .regist .regist_info table .supsubtit {
                padding: 0 20px;
                font-size: 16px;
                line-height: 24px;
                vertical-align: middle;
                text-align: justify;
                margin: 5px auto 0 auto;
            }

            .regist .regist_info table .supsubtxt {
                padding: 20px;
                height: 60px;
                font-size: 14px;
                line-height: 20px;
                vertical-align: middle;
                text-align: justify;
                margin: 15px;
                border: 1px solid #dddddd;
                background: #fbfbfb;
                box-sizing: border-box;
            }

            .regist .regist_info table .supfile {
                padding: 0 20px;
                width: 95%;
                vertical-align: middle;
                font-family: 'NanumSquare';
                margin: 10px auto;
            }

            .regist .regist_info table .file {
                padding: 0 20px;
                width: 95%;
                vertical-align: middle;
                text-align: justify;
            }

            .regist .regist_info table .supfiletxt {
                padding: 0 20px;
                font-size: 14px;
                line-height: 24px;
                text-align: justify;
            }

            .regist .regist_info table .input_txt {
                padding: 0 15px;
                width: 180px;
                height: 40px;
                font-size: 14px;
                font-weight: 400;
                font-family: 'NanumSquare';
                border: 1px solid #dddddd;
                box-sizing: border-box;
            }

            .regist .regist_info table .check_area {
                padding: 15px 0;
                box-sizing: border-box;
            }

                .regist .regist_info table .check_area:after {
                    content: "";
                    display: block;
                    clear: both;
                }

                .regist .regist_info table .check_area ul li {
                    float: left;
                    width: 20%;
                }

                    .regist .regist_info table .check_area ul li .chk_area {
                        vertical-align: middle;
                    }

                    .regist .regist_info table .check_area ul li label {
                        font-size: 14px;
                        vertical-align: middle;
                    }


/* ********** *
 * 통계자료
 * ********** */
.stats {position:relative; width:100%; margin:50px auto 0 auto; text-align:justify;}

/* TITLE */
.stats .stats_wrap {position:relative; width:100%; margin:50px auto 0 auto; text-align:justify;}
.stats .stats_wrap .statstit {font-size:24px; line-height:40px; font-weight:700; margin:30px auto 10px auto; border-bottom:2px solid #dddddd;}
.stats .stats_wrap .statstit span {display:block; margin:0 0 5px 0; width:30px; height:3px; background:rgba(9,119,172,1);}

/* TABLE, GRAPH */
.stats .stats_graph {width:100%; max-width:1200px; margin:0 auto; text-align:center;}
.stats .stats_table table {margin:20px auto 0 auto; width:100%; height:auto; text-align:center;}
.stats .stats_table table thead .first th {border-top:5px solid #dddddd;}
.stats .stats_table thead tr th {height:60px; background:#fbfbfb; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;}
.stats .stats_table thead tr td, .stats .stats_table tbody tr td {height:60px; max-height:100px; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;}
.stats .stats_table thead tr .last, .stats .stats_table tbody tr .last {border-right:0;}

/* ********** *
 * 인력정보조회    
 * ********** */
.inquiry {position:relative; width:100%; margin:50px auto 0 auto; text-align:justify;}
.inquiry:after {content:""; display:block; clear:both;}
.inquiry .searchbar {position:relative; width:100%; height:40px; margin:0 auto 20px auto;}
.inquiry .searchbar .lt {float:left; font-size:15px; line-height:40px; font-weight:700; color:#555555;}
.inquiry .searchbar .board_search {float:right; display:inline-block; height:40px; margin:0; padding:0;}
.inquiry .searchbar input {display:inline-block; padding-left:10px; width:180px; height:40px; border:1px solid #dddddd; vertical-align:top; font-family:'NanumSquare'; color:#999999; box-sizing:border-box;}
.inquiry .searchbar .search {display:inline-block; width:40px; height:40px; background:#003772;}
.inquiry .searchbar .search span {display:block; width:40px; height:40px; background:url(../img/icon_search.png)no-repeat 50% 50%;}
.inquiry .searchbar .selmaxcod {
    padding: 0 15px;
    width: 150px;
    height: 40px;
    border: 1px solid #dddddd;
    vertical-align:top;
    font-size: 14px;
    font-weight: 400;
    color: #555555;
    font-family: 'NanumSquare';
    border: 1px solid #dddddd;
    box-sizing: border-box;
}


/* TABLE */
.inquiry .board_list {position:relative; width:100%; margin:0 auto; text-align:center;}
.inquiry .board_list table {width:100%; height:auto; text-align:center;}
.inquiry .board_list table thead tr th {height:50px; background:#fbfbfb; border-top:5px solid #003772; border-bottom:1px solid #dddddd;}
.inquiry .board_list table tbody tr td {height:50px; background:#ffffff; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.inquiry .board_list table tbody .last td {border-bottom:2px solid #777777;}

/* ********** *
 * 기업지원진행
 * ********** */
.progress {position:relative; width:100%; margin:50px auto 0 auto; text-align:justify;}
.progress:after {content:""; display:block; clear:both;}
.progress .searchbar {position:relative; width:100%; height:40px; margin:0 auto 20px auto;}
.progress .searchbar .lt {float:left; font-size:15px; line-height:40px; font-weight:700; color:#555555;}
.progress .searchbar .board_search {float:right; display:inline-block; height:40px; margin:0; padding:0;}
.progress .searchbar input {display:inline-block; padding-left:10px; width:180px; height:40px; border:1px solid #dddddd; vertical-align:top; font-family:'NanumSquare'; color:#999999; box-sizing:border-box;}
.progress .searchbar .search {display:inline-block; width:40px; height:40px; background:#003772;}
.progress .searchbar .search span {display:block; width:40px; height:40px; background:url(../img/icon_search.png)no-repeat 50% 50%;}
.progress .searchbar .selmaxcod {
    padding: 0 15px;
    width: 150px;
    height: 40px;
    border: 1px solid #dddddd;
    vertical-align: top;
    font-size: 14px;
    font-weight: 400;
    color: #555555;
    font-family: 'NanumSquare';
    border: 1px solid #dddddd;
    box-sizing: border-box;
}

/* TABLE */
.progress .board_list {position:relative; width:100%; margin:0 auto; text-align:center;}
.progress .board_list table {width:100%; height:auto; text-align:center;}
.progress .board_list table thead tr th {height:50px; background:#fbfbfb; border-top:5px solid #003772; border-bottom:1px solid #dddddd;}
.progress .board_list table tbody tr td {height:50px; background:#ffffff; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.progress .board_list table tbody .last td {border-bottom:2px solid #777777;}

/* ********** *
 * 기술지원내역
 * ********** */
.result {position:relative; width:100%; margin:50px auto 0 auto; text-align:justify;}
.result:after {content:""; display:block; clear:both;}
.result .searchbar {position:relative; width:100%; height:40px; margin:0 auto 20px auto;}
.result .searchbar .board_search {float:right; display:inline-block; height:40px; margin:0; padding:0;}
.result .searchbar input {display:inline-block; padding-left:10px; width:180px; height:40px; border:1px solid #dddddd; vertical-align:top; font-family:'NanumSquare'; color:#999999; box-sizing:border-box;}
.result .searchbar .search {display:inline-block; width:40px; height:40px; background:#003772;}
.result .searchbar .search span {display:block; width:40px; height:40px; background:url(../img/icon_search.png)no-repeat 50% 50%;}

/* TABLE */
.result .board_list {position:relative; width:100%; margin:0 auto; text-align:center;}
.result .board_list table {width:100%; height:auto; text-align:center;}
.result .board_list table thead tr th {height:50px; background:#fbfbfb; border-top:5px solid #003772; border-bottom:1px solid #dddddd;}
.result .board_list table tbody tr td {height:50px; background:#ffffff; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.result .board_list table tbody .last td {border-bottom:2px solid #777777;}



/* **************************************** *
 * Sub Page pt3 - 수요기업
 * **************************************** */

/* ********** *
 * 기술지원신청
 * ********** */
.techassist {position:relative; width:100%; margin:50px auto 0 auto; text-align:justify;}

/* TABLE */
.techassist .request_info {position:relative; width:100%; margin:0 auto; text-align:justify;}
.techassist .request_info .requesttit {font-size:24px; line-height:40px; font-weight:700; margin:0 auto 10px auto;}
.techassist .request_info .requesttit span {display:block; margin:0 0 5px 0; width:30px; height:3px; background:rgba(9,119,172,1);}
.techassist .request_info table {width:100%; height:auto; text-align:center; box-sizing:border-box;}
.techassist .request_info table thead tr th, .techassist .request_info table tbody tr th {background:#fbfbfb; border-right:1px solid #dddddd;}
.techassist .request_info table thead tr th, .techassist .request_info table thead tr td {height:60px; border-top:5px solid #dddddd; border-bottom:1px solid #dddddd;}
.techassist .request_info table tbody tr th, .techassist .request_info table tbody tr td {height:60px; border-bottom:1px solid #dddddd;} 

/* TABLE */
.techassist .request_list {position:relative; width:100%; margin:50px auto 0 auto; text-align:justify;}
.techassist .request_list .requesttit {font-size:24px; line-height:40px; font-weight:700; margin:30px auto 10px auto;}
.techassist .request_list .requesttit span {display:block; margin:0 0 5px 0; width:30px; height:3px; background:rgba(9,119,172,1);}

.techassist .request_list table {width:100%; height:auto; text-align:center;}
.techassist .request_list table thead tr th, .techassist .request_list table thead tr td {border-top:5px solid #dddddd;}
.techassist .request_list table thead tr th, .techassist .request_list table tbody tr th {height:60px; background:#fbfbfb; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;}
.techassist .request_list table thead tr td, .techassist .request_list table tbody tr td {height:60px; max-height:100px; border-bottom:1px solid #dddddd;}
.techassist .request_list table .suptit {padding:0 20px; width:95%; height:40px; border:1px solid #dddddd; font-family:'NanumSquare'; box-sizing:border-box;}
.techassist .request_list table .supsubtit {padding:0 20px; font-size:16px; line-height:24px; vertical-align:middle; text-align:justify; margin:5px auto 0 auto;}
.techassist .request_list table .suptxt {padding:20px; width:95%; height:140px; max-height:400px; margin:5px auto; border:1px solid #dddddd; box-sizing:border-box; font-size:14px; line-height:20px; color:#555555; text-align:justify; font-family:'NanumSquare'; overflow:hidden;}
.techassist .request_list table .supfile {padding:0 20px; width:95%; vertical-align:middle; font-family:'NanumSquare'; margin:10px auto;}
.techassist .request_list table .supfiletxt {padding:0 20px; font-size:14px; line-height:24px; text-align:justify;}

/* ********** *
 * 기술지원신청(상세)
 * ********** */
.techassist .request_list table .supsubtxt {padding:20px; font-size:14px; line-height:20px; vertical-align:middle; text-align:justify; margin:15px; border:1px solid #dddddd; background:#fbfbfb; box-sizing:border-box;}

/* **************************************** *
 * Sub Page pt4 - 정보마당
 * **************************************** */

/* ********** *
 * 공지사항
 * ********** */

.techassist .request_list {position:relative; width:100%; margin:50px auto 0 auto; text-align:justify;}
.techassist .request_list .requesttit {font-size:24px; line-height:40px; font-weight:700; margin:30px auto 10px auto;}
.techassist .request_list .requesttit span {display:block; margin:0 0 5px 0; width:30px; height:3px; background:rgba(9,119,172,1);}

.techassist .request_list table {width:100%; height:auto; text-align:center;}
.techassist .request_list table thead tr th, .techassist .request_list table thead tr td {border-top:5px solid #dddddd;}
.techassist .request_list table thead tr th, .techassist .request_list table tbody tr th {height:60px; background:#fbfbfb; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;}
.techassist .request_list table thead tr td, .techassist .request_list table tbody tr td {height:60px; max-height:100px; border-bottom:1px solid #dddddd;}
.techassist .request_list table .suptit {padding:0 20px; width:95%; height:40px; border:1px solid #dddddd; font-family:'NanumSquare'; box-sizing:border-box;}
.techassist .request_list table .supsubtit {padding:0 20px; font-size:16px; line-height:24px; vertical-align:middle; text-align:justify; margin:5px auto 0 auto;}
.techassist .request_list table .suptxt {padding:20px; width:95%; height:140px; max-height:400px; margin:5px auto; border:1px solid #dddddd; box-sizing:border-box; font-size:14px; line-height:20px; color:#555555; text-align:justify; font-family:'NanumSquare'; overflow:hidden;}
.techassist .request_list table .supfile {padding:0 20px; width:95%; vertical-align:middle; font-family:'NanumSquare'; margin:10px auto;}
.techassist .request_list table .supfiletxt {padding:0 20px; font-size:14px; line-height:24px; text-align:justify;}

.notice {position:relative; width:100%; margin:50px auto 0 auto; text-align:justify;}
.notice:after {content:""; display:block; clear:both;}
.notice .searchbar {position:relative; width:100%; height:40px; margin:0 auto 20px auto;}
.notice .searchbar .lt {float:left; font-size:15px; line-height:40px; font-weight:700; color:#555555;}
.notice .searchbar .board_search {float:right; display:inline-block; height:40px; margin:0; padding:0;}
.notice .searchbar input {display:inline-block; padding-left:10px; width:180px; height:40px; border:1px solid #dddddd; vertical-align:top; font-family:'NanumSquare'; color:#999999; box-sizing:border-box;}
.notice .searchbar .search {display:inline-block; width:40px; height:40px; background:#003772;}
.notice .searchbar .search span {display:block; width:40px; height:40px; background:url(../img/icon_search.png)no-repeat 50% 50%;}

/* TABLE */
.notice .board_list {position:relative; width:100%; margin:0 auto; text-align:center;}
.notice .board_list table {width:100%; height:auto; text-align:center;}
.notice .board_list table thead tr th {height:50px; background:#fbfbfb; border-top:5px solid #003772; border-bottom:1px solid #dddddd;}
.notice .board_list table tbody tr td {height:50px; background:#ffffff; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.notice .board_list table tbody .last td {border-bottom:2px solid #777777;}
.notice .board_list table tbody tr td .upload {display:block; width:16px; height:16px; background:url(../img/icon_download.png)no-repeat 50% 50%; margin:0 auto;}

/* ********** *
 * 공지사항 - 상세 뷰
 * ********** */
.NoticeRead .notice_boardview {position:relative; width:100%; margin:0 auto; text-align:justify;}
.NoticeRead .notice_boardview table {width:100%; height:auto;}
.NoticeRead .notice_boardview table thead .first th, .notice .notice_boardview table thead .first td {border-top:5px solid #dddddd;}
.NoticeRead .notice_boardview table thead tr th, .notice .notice_boardview table thead tr td {border-top:1px solid #dddddd;}
.NoticeRead .notice_boardview table thead tr th {height:50px; background:#fbfbfb; border-right:1px solid #dddddd; text-align:center;}
.NoticeRead .notice_boardview table thead tr td {height:50px; background:#ffffff; text-align:center;}

.NoticeRead .notice_boardview table tbody tr th, .notice .notice_boardview table tbody tr td {border-top:1px solid #dddddd;}
.NoticeRead .notice_boardview table tbody tr th {height:50px; background:#fbfbfb; border-right:1px solid #dddddd; text-align:center;}
.NoticeRead .notice_boardview table tbody tr td {height:50px; background:#ffffff; text-align:justify;}
.NoticeRead .notice_boardview table tbody .last th, .notice .notice_boardview table tbody .last td {border-bottom:2px solid #dddddd;}
.NoticeRead .notice_boardview table .suptit {padding:20px; font-size:16px; font-weight:700; color:#003772;}
.NoticeRead .notice_boardview table .uploadfile {padding:20px; text-align:justify;}
.NoticeRead .notice_boardview table .uploadfile .filelist a {display:inline-block; padding-left:25px; height:25px; font-size:14px; line-height:25px; background:url(../img/icon_download.png)no-repeat left 4px;}
.NoticeRead .notice_boardview table .uploadfile .filelist a:hover {text-decoration:underline;}
.NoticeRead .notice_boardview table .supsubtxt {padding:30px; font-size:14px; line-height:24px; text-align:justify; color:#555555;}


/* ********** *
 * 문의사항
 * ********** */
.support {position:relative; width:100%; margin:50px auto 0 auto; text-align:justify;}
.support .commonbox {position:relative; width:100%; height:120px; padding:20px 50px; background:#fbfbfb; border:10px solid #555555; box-sizing:border-box;}
.support .commonbox p {font-size:15px; line-height:30px; font-weight:400; letter-spacing:-.5px;}

/* TABLE */
.support .support_list {position:relative; width:100%; margin:20px auto 0 auto; text-align:justify;}
.support .support_list table {width:100%; height:auto; text-align:center;}
.support .support_list table thead tr th, .support .support_list table thead tr td {border-top:1px solid #dddddd;}
.support .support_list table thead tr th, .support .support_list table tbody tr th {height:60px; background:#fbfbfb; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;}
.support .support_list table thead tr td, .support .support_list table tbody tr td {height:60px; max-height:100px; border-bottom:1px solid #dddddd;}
.support .support_list table .suptit {padding:0 20px; width:95%; height:40px; border:1px solid #dddddd; font-family:'NanumSquare'; box-sizing:border-box;}
.support .support_list table .supfile {padding:0 20px; width:95%; vertical-align:middle; font-family:'NanumSquare'; margin:10px auto;}
.support .support_list table .supfiletxt {padding:0 20px; font-size:14px; line-height:24px; text-align:justify;}
.support .support_list table .suptxt {padding:20px; width:95%; height:280px; max-height:460px; margin:10px auto 5px auto; border:1px solid #dddddd; box-sizing:border-box; font-size:14px; line-height:20px; color:#555555; text-align:justify; font-family:'NanumSquare'; overflow:hidden;}



/* **************************************** *
 * Sub Page pt5 - 이용안내 / 유틸리티 / 기타
 * **************************************** */

/* ********** *
 * 약관 (기본)
 * ********** */
#information {position:relative; width:100%; margin:50px auto 0 auto; text-align:justify;}
#information .commonbox {position:relative; width:100%; height:120px; padding:20px 50px; background:#fbfbfb; border:10px solid #555555; box-sizing:border-box;}
#information .commonbox p {font-size:15px; line-height:30px; font-weight:400; letter-spacing:-.5px;}

#information .subjectmaintitle {font-size:24px; line-height:39px; font-weight:700; color:#555555; margin-top:30px; padding:0 10px;}
#information .subjectmaintitle span {display:block; margin:0 0 10px 0; width:30px; height:3px; background:rgba(9,119,172,1);}

#information .subject {position:relative; width:100%; margin:20px auto 0 auto; text-align:justify; box-sizing:border-box;}
#information .subject .subjecttit {font-size:20px; line-height:35px; font-weight:700; color:#555555; padding:0 10px;}
#information .subject .subjecttit strong {color:#1f1f1f;}
#information .subject .subjecttxt {font-size:15px; line-height:30px; font-weight:400; letter-spacing:-.5px; padding:0 10px;}
#information .subject .subjecttxt span {display:inline-block; margin:0 5px 2px 0; width:4px; height:7px; background:url(../img/icon_subtxt.png)no-repeat 50% 50%;}
#information .subject .subjecttxt a:hover {text-decoration:underline;}
#information .subject .subjecttxt .subjectsubtxt {font-size:14px; line-height:28px; font-weight:400; padding:5px 10px 0 10px;}
#information .subject .subjecttxt .subjectsubtxt ul {padding-left:10px; color:#777777;}
#information .subject .subjecttxt .subjectsubtxt ol {padding-left:10px; color:#777777;}

/* TABLE */
.subjecttable {position:relative; width:100%; margin:5px auto; text-align:center; border:3px solid #777777; border-collapse:collapse; box-sizing:border-box;}
.subjecttable tr {border-bottom:1px solid #dddddd; box-sizing:border-box;}
.subjecttable .last {border-bottom:0;}
.subjecttable th {padding:5px; background:#eeeeee; border-right:1px solid #dddddd; box-sizing:border-box;}
.subjecttable td {padding:5px; background:#fbfbfb; border-right:1px solid #dddddd; box-sizing:border-box;}
.subjecttable th:last-child, .subjecttable td:last-child {border-right:0;}

/* ********** *
 * 사이트맵
 * ********** */
.sitemap {position:relative; width:100%; margin:150px auto 0 auto; text-align:center;}
.sitemap a {font-size:24px; line-height:40px; font-weight:700;}

/* ********** *
 * 로그인
 * ********** */
.login_wrap {position:relative; width:100%; max-width:900px; margin:50px auto 0 auto; text-align:center; border:1px solid #dddddd; padding:40px 0;}
.login_wrap .logintit {font-size:24px; line-height:40px; font-weight:700; color:#555555;}
.login_wrap .logintit span {color:#003772;}
.login_wrap .loginsubtit {font-size:15px; line-height:24px; font-weight:400; color:#999999;}

.login_form {position:relative; width:100%; max-width:480px; margin:30px auto 0 auto; text-align:center; box-sizing:border-box;}
.login_form .form_box {width:100%;}
.login_form .form_box .txt_hidden {display:none; width:0; height:0; margin:0; padding:0; font-size:0;}
.login_form .form_box .input_txt {padding:0 15px; margin:0 auto 15px auto; width:100%; height:40px; font-size:14px; font-weight:400; font-family:'NanumSquare'; border:1px solid #dddddd; box-sizing:border-box;}
.login_form .confirm_box {position:relative; height:40px; padding-bottom:20px; border-bottom:1px solid #dddddd; text-align:right;}
.login_form .confirm_box .checkbox {position:absolute; top:0; left:0; height:40px;}
.login_form .confirm_box .checkbox .input_checkbox {display:inline-block; width:16px; height:26px; margin:7px 0;}
.login_form .confirm_box .checkbox .input_label {font-size:15px; line-height:40px; font-weight:400; color:#555555;}
.login_form .confirm_box .btn_login {display:inline-block; width:140px; height:40px; font-size:16px; line-height:40px; font-weight:400; text-align:center; vertical-align:middle; text-decoration:none; background:rgba(0,55,114,0.9); color:#ffffff; border-radius:6px;}
.login_form .confirm_box .btn_login:hover {background:rgba(0,55,114,1);}

.login_form .btn_box {text-align:center; margin-top:20px; box-sizing:border-box;}
.login_form .btn_box:after {content:""; display:block; clear:both;}
.login_form .btn_box a:hover {border:1px solid #999999;}
.login_form .btn_box .btn_join {float:left; display:block; width:220px; height:40px; border:1px solid #dddddd; font-size:14px; line-height:40px; box-sizing:border-box;}
.login_form .btn_box .btn_findact {float:right; display:block; width:220px; height:40px; border:1px solid #dddddd; font-size:14px; line-height:40px; box-sizing:border-box;}

/* ********** *
 * 회원가입 - 선택
 * ********** */
.join_wrap {position:relative; width:100%; margin:50px auto 0 auto; text-align:center;}
.join_wrap .jointit {font-size:24px; line-height:40px; font-weight:700; color:#555555;}
.join_wrap .jointit span {color:#003772;}
.join_wrap .joinsubtit {font-size:15px; line-height:24px; font-weight:400; color:#999999;}

.join_wrap .select_box {position:relative; width:100%; padding:50px 0; text-align:center;}
.join_wrap .select_box:after {content:""; display:block; clear:both;}
.join_wrap .select_box .join_box {padding:30px; text-align:center; vertical-align:middle;}
.join_wrap .select_box .join_box .jointxt {padding-top:10px; font-size:20px; line-height:40px; font-weight:700; color:#555555;}
.join_wrap .select_box .join_box .joinsubtxt {margin:0 auto 30px auto; padding-bottom:30px; font-size:15px; line-height:24px; font-weight:400; color:#777777; border-bottom:1px solid #dddddd;}
.join_wrap .select_box .join_specialist {float:left; position:relative; width:580px; margin:0 auto; border:1px solid #dddddd;}
.join_wrap .select_box .join_specialist .joinicon {display:block; width:140px; height:140px; margin:0 auto; text-indent:-9999px; vertical-align:middle; background:#003772; border-radius:9999px;}
.join_wrap .select_box .join_specialist .joinicon .icon01 {display:block; width:140px; height:140px; background:url(../img/icon_specialist.png)no-repeat 50% 50%;}
.join_wrap .select_box .join_specialist .btn_join {display:inline-block; width:280px; height:40px; font-size:16px; line-height:40px; font-weight:400; text-align:center; vertical-align:middle; text-decoration:none; background:#003772; color:#ffffff; border-radius:6px;}

.join_wrap .select_box .join_corp {float:right; position:relative; width:580px; margin:0 auto; border:1px solid #dddddd;}
.join_wrap .select_box .join_corp .joinicon {display:block; width:140px; height:140px; margin:0 auto; text-indent:-9999px; vertical-align:middle; background:#0977ac; border-radius:9999px;}
.join_wrap .select_box .join_corp .joinicon .icon02 {display:block; width:140px; height:140px; background:url(../img/icon_corp.png)no-repeat 50% 50%;}
.join_wrap .select_box .join_corp .btn_join {display:inline-block; width:280px; height:40px; font-size:16px; line-height:40px; font-weight:400; text-align:center; vertical-align:middle; text-decoration:none; background:#0977ac; color:#ffffff; border-radius:6px;}

/* BUTTON */
.join_wrap .btn_home {display:block; margin:30px auto; width:200px; height:50px; font-size:15px; line-height:50px; font-weight:400; color:#ffffff; border-radius:4px; background:rgba(0,55,114,0.9);}
.join_wrap .btn_home:hover {background:rgba(0,55,114,1);}

/* ********** *
 * 회원가입 - 약관
 * ********** */

/* TITLE */
#join_agree .joinmaintitle {font-size:24px; line-height:40px; font-weight:700; color:#555555; margin-top:50px; padding:0 10px;}
#join_agree .joinmaintitle span {display:block; margin:0 auto 10px auto; width:30px; height:3px; background:rgba(9,119,172,1);}

/* NAVIGATION */
.join_step {position:relative; width:100%; height:auto; margin:50px auto 0 auto; padding:20px; border:1px solid #dddddd; border-top:5px solid #003772; vertical-align:baseline; text-align:justify; box-sizing:border-box;}
.join_step:after {content:""; display:block; clear:both;}
.join_step .clear li {float:left; display:block; width:24.35%; padding-right:10px;}
.join_step .clear .last {padding:0;}
.join_step .clear li .txt1 {display:block; font-size:14px; font-weight:700; line-height:30px; color:#777777; padding-bottom:5px; border-bottom:5px solid #dddddd;}
.join_step .clear li .txt2 {display:block; font-size:18px; font-weight:700; line-height:30px; color:#777777; margin-top:10px;}
.join_step .clear .on .txt1 {border-bottom:5px solid rgba(9,119,172,1); color:rgba(9,119,172,1);}
.join_step .clear .on .txt2 {color:rgba(9,119,172,1);}

/* BOX */
#join_agree .terms_box {position:relative; width:100%; height:240px; max-height:240px; margin:20px auto 0 auto; padding:30px 20px; border:1px solid #dddddd; border-top:5px solid #003772; overflow:auto; box-sizing:border-box; text-align:justify;}
#join_agree .terms_box .subjecttitle {font-size:18px; line-height:30px; font-weight:700; color:#555555;}
#join_agree .terms_box .subject {margin:10px auto;}
#join_agree .terms_box .subject .subjecttit {font-size:16px; line-height:30px; font-weight:700; color:#555555;}
#join_agree .terms_box .subject .subjecttxt {font-size:14px; line-height:24px; font-weight:400;}
#join_agree .terms_box .subject .subjecttxt span {display:inline-block; margin:0 5px 2px 0; width:4px; height:7px; background:url(../img/icon_subtxt.png)no-repeat 50% 50%;}
#join_agree .terms_box .subject .subjectsubtxt {margin:5px auto; font-size:13px; line-height:24px; font-weight:400; color:#777777;}

#join_agree .checkbox {display:block; height:40px; text-align:right;}
#join_agree .checkbox .input_checkbox {display:inline-block; width:16px; height:26px; margin:7px 0;}
#join_agree .checkbox .input_label {font-size:15px; line-height:40px; font-weight:400; color:#555555;}

/* ********** *
 * 회원가입 - 인증
 * ********** */

#join_email {position:relative; width:100%; margin:50px auto 0 auto; text-align:center; border:1px solid #dddddd; padding:40px 0;}
#join_email .logintit {font-size:24px; line-height:40px; font-weight:700; color:#555555;}
#join_email .logintit span {color:#003772;}
#join_email .loginsubtit {font-size:15px; line-height:24px; font-weight:400; color:#999999;}

.email_form {position:relative; width:100%; max-width:480px; margin:30px auto 0 auto; text-align:center; box-sizing:border-box;}
.email_form .form_box {width:100%;}
.email_form .form_box .txt_hidden {display:none; width:0; height:0; margin:0; padding:0; font-size:0;}
.email_form .form_box .input_txt {padding:0 15px; margin:0 auto 15px auto; width:100%; height:40px; font-size:14px; font-weight:400; font-family:'NanumSquare'; border:1px solid #dddddd; box-sizing:border-box;}
.email_form .confirm_box {position:relative; height:40px; padding-bottom:20px; border-bottom:1px solid #dddddd; text-align:right;}
.email_form .confirm_box .checkbox {position:absolute; top:0; left:0; height:40px;}
.email_form .confirm_box .checkbox .input_checkbox {display:inline-block; width:16px; height:26px; margin:7px 0;}
.email_form .confirm_box .checkbox .input_label {font-size:15px; line-height:40px; font-weight:400; color:#555555;}
.email_form .confirm_box .btn_num {display:inline-block; width:140px; height:40px; font-size:16px; line-height:40px; font-weight:400; text-align:center; vertical-align:middle; text-decoration:none; background:rgba(0,55,114,0.9); color:#ffffff; border-radius:6px;}
.email_form .confirm_box .btn_num:hover {background:rgba(0,55,114,1);}

/* ********** *
 * 회원가입 - 입력
 * ********** */
.join_list {position:relative; width:100%; margin:50px auto 0 auto; text-align:justify; box-sizing:border-box;}

.join_form {position:relative; width:100%; margin:0 auto; text-align:justify; box-sizing:border-box;}
.join_form .form_box {width:100%;}
.join_form .joinmaintitle {font-size:24px; line-height:40px; font-weight:700; color:#555555; margin-top:50px; padding:0 10px;}
.join_form .joinmaintitle span {display:block; margin:0 0 10px 0; width:30px; height:3px; background:rgba(9,119,172,1);}
.join_form .btn_add {margin-left:10px; display:inline-block; width:80px; height:35px; background:rgba(9,119,172,0.9); vertical-align:middle; font-size:14px; font-weight:400; color:#ffffff; font-family:'NanumSquare'; border:0; border-radius:9999px; box-sizing:border-box;}
.join_form .btn_add:hover {background:rgba(9,119,172,1);}
.join_form .btn_del {margin-left:5px; display:inline-block; width:80px; height:30px; background:rgba(9,119,172,0.9); vertical-align:middle; font-size:14px; font-weight:400; color:#ffffff; font-family:'NanumSquare'; border:0; border-radius:9999px; box-sizing:border-box;}
.join_form .btn_del:hover {background:rgba(9,119,172,1);}

/* TABLE */
.table_wrap .board_table {width:100%; margin:30px auto 0 auto; border-collapse:collapse; border-spacing:0;}
.table_wrap .board_table tr th, .table_wrap .board_table tr td {padding:20px; vertical-align:middle;}
.table_wrap .board_table tr .first {border-top:5px solid #003772;}
.table_wrap .board_table tr .left {background:#fbfbfb; border-bottom:1px solid #dddddd; vertical-align:middle; font-size:15px; line-height:30px; font-weight:700; text-align:left;}
.table_wrap .board_table tr .right {border-left:1px solid #dddddd; border-bottom:1px solid #dddddd; vertical-align:middle;}

.table_wrap .board_table tr th .imp {margin-left:5px; display:inline-block; text-indent:-9999px; width:10px; height:10px; background:url(../img/icon_imp.png)no-repeat; 50% 50%; vertical-align:middle;}
.table_wrap .board_table tr .input_txt {padding:0 15px; width:300px; height:40px; font-size:14px; font-weight:400; font-family:'NanumSquare'; border:1px solid #dddddd; box-sizing:border-box;}
.table_wrap .board_table tr .label {display:inline-block; font-size:14px; line-height:40px;}

.table_wrap .board_table tr .btn_radio .radio {height:40px; vertical-align:middle;}
.table_wrap .board_table tr .btn_radio .radiotxt {font-size:14px; line-height:40px; vertical-align:middle; margin-right:10px;}
.table_wrap .board_table tr .btn_radio .radiotxt:last-child {margin:0;}
.table_wrap .board_table tr .check_area:after {content:""; display:block; clear:both;}
.table_wrap .board_table tr .check_area ul li {float:left; width:20%;}
.table_wrap .board_table tr .check_area ul li .chk_area {vertical-align:middle;}
.table_wrap .board_table tr .check_area ul li label {font-size:14px; vertical-align:middle;}
.table_wrap .board_table tr .selmaxcod {padding:0 15px; width:150px; height:40px; vertical-align:middle; border:1px solid #dddddd; font-size:14px; font-weight:400; color:#555555; font-family:'NanumSquare'; border:1px solid #dddddd; box-sizing:border-box;}

.table_wrap .board_table tr .btn_chk {display:inline-block; width:80px; height:40px; background:#003772; color:#ffffff; font-size:14px; line-height:40px; border:0; vertical-align:middle; border-radius:4px; text-align:center;}
.table_wrap .board_table tr .btn_zipcode {display:inline-block; width:120px; height:40px; background:#003772; color:#ffffff; font-size:14px; line-height:40px; border:0; vertical-align:middle; border-radius:4px; text-align:center;}

/* ********** *
 * 회원탈퇴
 * ********** */
.leave_wrap {position:relative; width:100%; margin:50px auto 0 auto; text-align:center;}

.leave_wrap .commonbox {position:relative; width:100%; height:120px; padding:20px 50px; background:#fbfbfb; border:10px solid #555555; box-sizing:border-box; text-align:left;}
.leave_wrap .commonbox .txt {font-size:15px; line-height:30px; font-weight:400; letter-spacing:-.5px;}

.leave_wrap .leavetit {font-size:24px; line-height:40px; font-weight:700; color:#555555;}
.leave_wrap .leavetit span {color:#003772;}
.leave_wrap .leavesubtit {font-size:15px; line-height:24px; font-weight:400; color:#999999;}

.leave_form {position:relative; width:100%; max-width:600px; margin:30px auto 0 auto; text-align:center; box-sizing:border-box;}
.leave_form .form_box {width:100%;}
.leave_form .form_box .txt_hidden {display:none; width:0; height:0; margin:0; padding:0; font-size:0;}
.leave_form .form_box .input_txt {padding:0 15px; margin:0 auto 15px auto; width:100%; height:40px; font-size:14px; font-weight:400; font-family:'NanumSquare'; border:1px solid #dddddd; box-sizing:border-box;}
.leave_form .confirm_box {position:relative; height:40px; padding-bottom:20px; border-bottom:1px solid #dddddd; text-align:right;}
.leave_form .confirm_box .checkbox {position:absolute; top:0; left:0; height:40px;}
.leave_form .confirm_box .checkbox .input_checkbox {display:inline-block; width:16px; height:26px; margin:7px 0;}
.leave_form .confirm_box .checkbox .input_label {font-size:15px; line-height:40px; font-weight:400; color:#555555;}
.leave_form .confirm_box .btn_num {display:inline-block; width:140px; height:40px; font-size:16px; line-height:40px; font-weight:400; text-align:center; vertical-align:middle; text-decoration:none; background:rgba(0,55,114,0.9); color:#ffffff; border-radius:6px;}
.leave_form .confirm_box .btn_num:hover {background:rgba(0,55,114,1);}


/* Collapsible List */
.foldinglist > li {background-color: #fbfbfb; border: 1px solid #ddd; border-top:none;}
.foldinglist > li:first-child {border-top:1px solid #ddd;}
.foldinglist > li > a {display:block;padding:1em;line-height:1em;outline:none;}
.foldinglist > li > a.on {border-bottom:1px solid #ddd;background-color:#eefbfb;}
.foldinglist > li > a:after {content:'\25bc';float:right;}
.foldinglist > li > a.on:after {content:'\25b2';}
.foldinglist > li > div {display:none; padding:0 2em 2em;background-color:#fff;}


/* **************************************** *
 * Component
 * **************************************** */



/* **************************************** *
 * ETC
 * **************************************** */