html,
    body {
        height: 100%;
        padding: 0;
        margin: 0;
    }


    /* etc */

    html {
        overflow-x: hidden
    }

    .row-offcanvas {
        height: 100%;
    }

    a {
        color: #000;
    }

    /* 예전 */
    .position1 {
        font-family: "µ¸¿ò", "µ¸¿òü";
        font-size: 11px;
        color: #7E7E7E;
        letter-spacing: -1px;
        text-decoration: none;
        line-height: 120%;
    }

    .position2 {
        font-family: "µ¸¿ò", "µ¸¿òü";
        font-size: 11px;
        color: #7E7E7E;
        letter-spacing: -1px;
        text-decoration: none;
        line-height: 120%;
        font-weight: bold;
    }


    .black {
        color: #000000
    }

    .black_b {
        color: #000000;
        font-weight: bold;
    }

    .red {
        color: FF0000;
    }

    .red_b {
        color: #ff3300;
        font-weight: bold;
    }

    .bold {
        font-weight: bold;
    }

    .grey {
        color: #EEEEEE
    }

    .blue {
        color: 005EC7;
    }

    .blue_b {
        color: #005EC7;
        font-weight: bold;
    }

    .blue_sky_b {
        color: #3C6998;
        font-weight: bold;
    }

    .blue_history {
        color: #4597D9
    }

    .blue_table {
        color: #2D6CB3
    }

    .orange {
        color: #FD690A
    }

    .orange_b {
        color: #FD690A;
        font-weight: bold;
    }

    .white {
        color: #FFFFFF
    }

    .white_b {
        font-weight: bold;
        color: #FFFFFF
    }

    .reply_no {
        font-size: 9px;
        color: #999999;
        font-family: "helvetica", "tahoma";
        text-decoration: none
    }

    .small1 {
        font-family: "µ¸¿ò", "µ¸¿òü";
        font-size: 11px;
        color: 7E7E7E;
        line-height: 100%;
    }

    .title1 {
        font-family: "arial";
        font-size: 24px;
        color: #990000;
        font-weight: bold;
        line-height: 100%;
    }

    .title2 {
        font-family: "µ¸¿ò", "µ¸¿òü";
        color: #003366;
        font-weight: bold;
    }

    .title3 {
        font-size: 16px;
        color: #cd5830;
        font-weight: bold;
    }

    .title4 {
        font-family: "arial";
        font-size: 24px;
        color: #006699;
        font-weight: bold;
    }

    .title5 {
        font-size: 13px;
        color: #990000;
        font-weight: bold;
    }

    .title_blue {
        font-size: 13px;
        color: #005EC7;
        font-weight: bold;
    }

    A:link {
        text-decoration: none;
        color: #818181;
    }

    A:visited {
        text-decoration: none;
        color: #818181;
    }

    A:hover {
        text-decoration: underline;
        color: #000000
    }

    a.link_email:link {
        font-size: 11px;
        font-family: "verdana", "helvetica", "tahoma";
        text-decoration: underline
    }

    a.link_email:visited {
        font-size: 11px;
        font-family: "verdana", "helvetica", "tahoma";
        text-decoration: underline
    }

    a.link_email:hover {
        color: #0000FF;
        font-size: 11px;
        font-family: "verdana", "helvetica", "tahoma";
        text-decoration: underline
    }

    a.link_mainp:link {
        font-size: 11px;
        color: #666666;
        text-decoration: none
    }

    a.link_mainp:visited {
        font-size: 11px;
        color: #666666;
        text-decoration: none
    }

    a.link_mainp:hover {
        font-size: 11px;
        color: #005EC7;
        text-decoration: none
    }

    a.link_sbt:link {
        font-weight: bold;
        color: #062F74;
        text-decoration: none
    }

    a.link_sbt:visited {
        font-weight: bold;
        color: #062F74;
        text-decoration: none
    }

    a.link_sbt:hover {
        font-weight: bold;
        color: #005EC7;
        text-decoration: none
    }

    a.link_no:link {
        font-weight: bold;
        color: #333333;
        font-family: "helvetica", "tahoma";
        text-decoration: none
    }

    a.link_no:visited {
        font-weight: bold;
        color: #333333;
        font-family: "helvetica", "tahoma";
        text-decoration: none
    }

    a.link_no:hover {
        font-weight: bold;
        color: #FF3300;
        font-family: "helvetica", "tahoma";
        text-decoration: none
    }

    a.orange_link:link {
        color: #FD690A;
        text-decoration: underline
    }

    a.orange_link:visited {
        color: #FD690A;
        text-decoration: underline
    }

    a.orange_link:hover {
        color: #FD690A;
        text-decoration: underline;
        font-weight: bold;
    }


    .notice,
    a.notice:link {
        font-family: "µ¸¿ò";
        font-size: 11px;
        color: #5a5346;
        text-decoration: none
    }

    a.notice:visited {
        font-family: "µ¸¿ò";
        font-size: 11px;
        color: #5a5346;
        text-decoration: none
    }

    a.notice:hover {
        font-family: "µ¸¿ò";
        font-size: 11px;
        color: #5a5346;
        text-decoration: underline
    }


    select {
        font-size: 12px;
        color: #666666;
        line-height: 140%
    }

    .input1 {
        font-size: 12px;
        border-right: #DCDCDC 1px solid;
        border-top: #DCDCDC 1px solid;
        border-left: #DCDCDC 1px solid;
        border-bottom: #DCDCDC 1px solid;
        background-color: #FFFFFF
    }

    textarea {
        font-size: 12px;
        color: #818181;
        text-decoration: none;
    }

    body {
        scrollbar-face-color: #cfcfcf;
        font-size: 9pt;
        scrollbar-shadow-color: #595959;
        color: #353535;
        scrollbar-3dlight-color: #595959;
        scrollbar-arrow-color: #ffffff;
        scrollbar-darkshadow-color: #ffffff;
        scrollbar-base-color: #cfcfcf;
    }

    td {
        font-size: 12px;
        color: #353535;
        line-height: 140%;
        font-family: "helvetica", "tahoma", "µ¸¿ò", "µ¸¿òü"
    }



    .subMenu,
    a.subMenu:active,
    a.subMenu:visited,
    a.subMenu:link {
        font-family: Tahoma;
        font-size: 12px;
        color: #ffffff;
        letter-spacing: 0px;
        font-weight: bold;
        padding: 6 0 0 25;
        ;
        height: 30px;
    }

    a.subMenu:hover {
        font-family: Tahoma;
        color: #ffffff;
        letter-spacing: 0px font-weight: bold;
        padding: 6 0 0 25;
        height: 30px;
        text-decoration: none;
    }

    .subMenu_on,
    a.subMenu_on:active,
    a.subMenu_on:visited,
    a.subMenu_on:link {
        font-family: Tahoma;
        font-size: 12px;
        color: #ffffff;
        letter-spacing: 0px;
        font-weight: bold;
        padding: 6 0 0 25;
        height: 30px;
    }

    a.subMenu_on:hover {
        font-family: Tahoma;
        font-size: 12px;
        color: #ffffff;
        letter-spacing: 0px;
        font-weight: bold;
        padding: 6 0 0 25;
        height: 30px;
        text-decoration: none;
    }




    .subMenu2,
    a.subMenu2:active,
    a.subMenu2:visited,
    a.subMenu2:link {
        font-family: "µ¸¿ò", "µ¸¿òü";
        font-size: 11px;
        color: #ffffff;
        letter-spacing: -1px;
        font-weight: bold;
        padding: 3 0 0 25;
        height: 18px;
    }

    a.subMenu2:hover {
        font-family: "µ¸¿ò", "µ¸¿òü";
        font-size: 11px;
        color: #00274f;
        letter-spacing: -1px font-weight: bold;
        padding: 3 0 0 25;
        height: 18px;
        text-decoration: none;
    }

    .subMenu2_on,
    a.subMenu2_on:active,
    a.subMenu2_on:visited,
    a.subMenu2_on:link {
        font-family: "µ¸¿ò", "µ¸¿òü";
        font-size: 11px;
        color: #00274f;
        letter-spacing: -1px;
        font-weight: bold;
        padding: 3 0 0 25;
        height: 18px;
    }

    a.subMenu2_on:hover {
        font-family: "µ¸¿ò", "µ¸¿òü";
        font-size: 11px;
        color: #00274f;
        letter-spacing: -1px;
        font-weight: bold;
        padding: 3 0 0 25;
        height: 18px;
        text-decoration: none;
    }


    .subTiltle {
        color: #000000;
        font-family: "µ¸¿ò", gulim, tahoma, verdana, seoul, arial, helvetica;
        font-size: 14px;
        font-weight: bold;
    }

    .subTiltle2 {
        color: #fc4a00;
        font-family: "µ¸¿ò", helvetica;
        font-size: 11px;
        font-weight: bold;
        font-size: 13px;
    }


    .button1 {
        background-color: #ff4600;
        letter-spacing: -1;
        border: #c0c0c0 1px solid;
        color: #ffffff;
        height: 22px;
        padding: 2 0 0 0;
    }

    .button2 {
        background-color: #09c1ba;
        letter-spacing: -1;
        border: #c0c0c0 1px solid;
        color: #ffffff;
        height: 22px;
        padding: 2 0 0 0;
    }

    .button3 {
        background-color: #31a9fd;
        letter-spacing: -1;
        border: #c0c0c0 1px solid;
        color: #ffffff;
        height: 22px;
        padding: 2 0 0 0;
    }

    .button4 {
        background-color: #747474;
        letter-spacing: -1;
        border: #c0c0c0 1px solid;
        color: #ffffff;
        height: 22px;
        padding: 2 0 0 0;
    }

    .button5 {
        font-family: "µ¸¿ò";
        font-size: 11px;
        background-color: #3c6fb1;
        letter-spacing: -1;
        border: #c0c0c0 1px solid;
        color: #ffffff;
        height: 22px;
        padding: 2 0 0 0;
    }


    /* 예전 마감 */
    .position1 {
        font-family: "돋움", "돋움체";
        font-size: 11px;
        color: #7E7E7E;
        letter-spacing: -1px;
        text-decoration: none;
        line-height: 120%;
    }

    .position2 {
        font-family: "돋움", "돋움체";
        font-size: 11px;
        color: #7E7E7E;
        letter-spacing: -1px;
        text-decoration: none;
        line-height: 120%;
        font-weight: bold;
    }

    h2.title {
        font-size: 22px;
        font-weight: 900;
        font-family: 'NotoSans';
        padding-left: 28px;
        background: url('../../images/h2.png');
        background-position: 0% 50%;
        background-repeat: no-repeat;

    }

    .container {
        width: 980px;
    }

    .copyright {
        border-top: 1px #ddd solid;
    }

    .right-img {
        padding-left: 26px;
        padding-bottom: 5px;
    }

    .right-img img {
        border: 5px rgba(98, 137, 202, 1) solid;
    }

    #menus {
        margin-left: 130px;
        float: right;
    }

    .menu_wrap {
        background: #6289CA;
        background: linear-gradient(#6289CA, #3c73cd);
        box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
        float: left;
        border-radius: 3em;

    }

    .menu_wrap ul {
        list-style: none;
        padding-top: 8px;
        padding-left: 28px;
        padding-right: 28px;



    }

    .menu_wrap ul li {
        float: left;
    }

    .menu_wrap ul li a {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        padding: 4px 28px 12px;
        display: block;
        font-family: 'NotoSans';

    }

    .side_menu {
         position: fixed;
         padding-left: 12px;
         padding-top: 30px;
         transition: 1s;
    }
    .side_menu.asas {
        top:-00px;
    }
    .side_menu .benner_wrap {
        margin-top: 60px;
    }

    .side_menu h1 {
        color: #262F76;
        font-weight: 900;
        font-size: 22px;
        font-family: 'NotoSans';
        padding-bottom: 0px;
        text-align: center;
    }

    .side_menu p {
        padding-top: 0;
        margin-top: 0;
        text-align: center;
        font-family: 'NotoSans';
        font-size: 12px;
        font-weight: 600;
        color: #939393;
    }

    .side_menu>ul {
        list-style: none;
        padding: 0;
        margin: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .side_menu>ul>li>a {
        margin-bottom: 4px;
        background: linear-gradient(#5c5c5c, #747474);
        border-radius: 3em;
    }

    .side_menu>ul>li.active>a {
        background: linear-gradient(#3A4BA3, #495bb9);

    }

    .side_menu>ul>li>ul>a {
        color: #000;
    }

    .side_menu>ul>li>a {
        font-size: 12px;
        font-weight: 600;
        display: block;
        padding-top: 6px;
        padding-bottom: 6px;
        font-family: 'Nanum Gothic';
        transition: 0.5s;
        color: #fff;
        padding-left: 24px;
    }

    .side_menu>ul>li>a.active,
    .side_menu>ul>li>a:hover {
        text-decoration: none;
        color: #fff;
        padding-left: 20px;
    }

    .side_menu>ul>li>ul {
        list-style: none;
        padding: 12px 20px 15px;
        margin-bottom: 10px;
        background-color: #6287CB;
        border-radius: 1em;
    }

    .side_menu>ul>li>ul>li>a {
        color: #fff;
        font-size: 11px;
        font-weight: 900;
        font-family: 'Nanum Gothic';
        line-height: 19px;
    }

    .side_menu>ul>li>ul>li.active>a {
        color: #00274f;
    }

    td.bg123 {
        background-repeat: no-repeat;
        background-repeat: repeat-x;
        padding: 0;
        margin: 0;


    }
    /* 서브 비주얼 */
    .s-visual {
        height: 150px;
        background: url('../..//img/main/subtop1.jpg');
        background-position: top center;
        background-repeat: no-repeat
        
    }
    .s-visual .title {
         position: relative;
         padding-top: 45px;
    }
    .s-visual .title h1 {
        padding-top: 0;
        margin-top: 0;
        color: #888CF8;
        font-weight:900;
        font-size:32px;
        background:rgba(0, 0, 0, 0.8);
        display:inline-block;
        padding: 5px 18px;
        border-radius: 1em;
    }
    .s-visual .title p {
        color: #fff;
    }
    /* 비주얼 슬라이드 */
    .product-slider {}

    .product-slider #carousel {
        padding: 0;
        margin: 0;
    }

    .product-slider #thumbcarousel {
        float: left;
        position: absolute;
        z-index: 9;
        padding-left: 30px;
        padding-top: 30px;
    }



    .product-slider #thumbcarousel .item {
        float: left;
    }

    .product-slider .item .title {
        z-index: 99999;
        position: absolute;
        left: 0;

        width: 900px;
        height: 400px;
        padding-top: 160px;
        padding-left: 340px;


    }

    .product-slider .item .title h2 {
        font-family: 'NotoSans';
        color: #e96005;
        font-weight: 900;
        font-size: 32px;
    }

    .product-slider .item .title p {
        font-family: 'NotoSans';
        font-size: 15px;
        color: #fff;
        font-weight: 400;
    }

    .product-slider #thumbcarousel .item .thumb {
        margin: 0;
        vertical-align: middle;
        cursor: pointer;
        margin-bottom: 8px;
    }

    .product-slider #thumbcarousel .item .thumb:hover {
        border-color: #1089c0;
    }

    .product-slider .item img {
        width: 100%;
        height: auto;
    }

    .carousel-control {
        color: #0284b8;
        text-align: center;
        text-shadow: none;
        font-size: 30px;
        width: 30px;
        height: 30px;
        line-height: 20px;
        top: 23%;
    }

    .carousel-control:hover,
    .carousel-control:focus,
    .carousel-control:active {
        color: #333;
    }

    .carousel-caption,
    .carousel-control .fa {
        font: normal normal normal 30px/26px FontAwesome;
    }

    .carousel-control {
        background-color: rgba(0, 0, 0, 0);
        bottom: auto;
        font-size: 20px;
        left: 0;
        position: absolute;
        top: 30%;
        width: auto;
    }

    .carousel-control.right,
    .carousel-control.left {
        background-color: rgba(0, 0, 0, 0);
        background-image: none;
    }

    /* 비주얼 슬라이드 마감 */
    h3.owl-title {
        font-size:15px;
        font-weight:900;
        color: #fff;
        font-family:'NotoSans';
   }

    h3.owl-title span {
       color: #D25707;
   }
   .owl-theme .item {
       text-align: center;
   }
   .owl-theme .item p  {
       color: #fff !important;
       padding-top: 6px;
   }
    .owl-theme {
        max-width: 720px;
    }

    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 10px;
    }

    .owl-theme .owl-dots {
        text-align: center;
        -webkit-tap-highlight-color: transparent;
    }

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 12px;
        height: 12px;
        margin: 5px 4px;
        margin-top: 0px !important; 
        background: #fff;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity 200ms ease;
        border-radius: 30px;
    }

    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
        background: #869791;
    }