/*!
 *  intropage sample page
 * -------------------------- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

    /*****Basic Definitions*****/
    body {background-color: #f0f0ee; color: #333;  font: 12px/18px; }
    body, td,select,div,p,pre,input,form,textarea,center,option,pre,blockquote {
        font-family: 'Nanum Gothic','helvetica neue', helvetica, Dotum, sans-serif;
        /*
        font-size: 15px;
        line-height:18px;
        text-align:justify;*/
    }

    a { color: #333; }
    a:visited { }
    a:hover { color: #555; text-decoration: none; }
    p, ul, ol, dl, table { margin-bottom: 0px; }
    ul, ol, dd { margin-left: 0px; }
    img { border: 0;}

    /*****Custom Classes*****/
    .clearing { clear: both; }
    .last { margin-bottom: 0; }
    .screenReader { left: -9999px; position: absolute; top: -9999px; }

    /*****Basic Layout*****/
    #container {
        /*overflow: hidden; 
        z-index: 5;
        position:absolute;*/
        width: 100%; 
    }
    #top_area{
        width: 100%;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 5px;
        z-index: 10;
        position:fixed;
        top: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
        background: #f0f0ee;
        border-bottom: 1px solid #cdcdcd;
    }
    #top_area a{
        font-weight: bold;
        color: #ffffff;
        cursor: pointer;
    }
    #top_con, #menu_area{
        width: 600px;
        margin-right: auto;
        margin-left: auto;
    }
    #menu_txt{
        width: 100%;
        color: #555555;
        float: left;
        padding-top: 15px;
        padding-right: 70px;
        font-size: 15px;
    }
    #menu_txt a{
        font-weight: bold;
        color: #717171;
        font-size: 15px;
        cursor: pointer;
    }
    #top_logo{
        text-align: center; 
        padding-top:5px;
        padding-bottom: 5px;
        width: 100%;
    }
    #top_bt_line{
        width: 100%;
        height: 2px;
    }
    #top_sub_menu{
        text-align: center; 
        display: none;
        width: 100%;
        padding-top:5px;
        padding-bottom: 5px;
        background: #616161; 
    }
    #bt_pf a{
        color: #fcea75;
    }
    #pf_2,#pf_3,#pf_4,#pf_5,#pf_6{
        display: none;
    }
    #bt_pf a{
        color: #fcea75;
    }
    #con{
        position: relative;
        width: 700px;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        padding-top: 10px;
        padding-bottom: 30px;
        margin-top: 120px;
    }
    #iframe_area{
        margin-top: 20px;
        width: 100%;
        padding-bottom: 20px;
        text-align: center;
    }
    .iframe_con{
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        background: #ffffff;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 15px;
        padding-bottom: 15px;
        border: 1px solid #cdcdcd;
    }
    .iframe_con_section{
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
    #con_area{
        margin-top: 100px;
        width: 100%;
        padding-bottom: 20px;
    }
    #con_menu{
        font-size: 20px;
        padding-top: 30px;
        text-align: center;
        font-weight: bold;
    }
    #con3_img{
        width: 60%;
    }
    .con_area_div{
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        background: #ffffff;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 15px;
        padding-bottom: 30px;
    }
    .line18{
        line-height: 1.8;
    }
    .website_link{
         border: 1px solid #dedede;
         margin: 10px;
    }
    #scene_title{
        float: left;
        width: 830px;
        text-align: left;;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    #scene5{
        top: 150px;
    }
    .sce_style{
        float: left;
        width: 100%;
    }

    .bt_area{
        width: 100%;
        margin-top: 10px;
        border-top: 1px solid #cdcdcd;
        padding-top: 10px;
    }

    .detail_area_style{
      width: 90%;
      float: left;
      background: #efefef;
      padding: 5%;
      display: none;
      margin-top: 15px;
    }
    #code_img{
      display: none;
    }
    #bottom{
        text-align: center;
        margin-top: 20px;
    }