<!--
/* Author : Dae-yong Yang.
 * E-mail : rigel at dacom dot net
 *
 * :: Style Order ::
 * display
 * position [ left | right | top | bottom ]
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font (font-style, font-variant, font-weight, font-size, font-family)
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 *
 * SECTION
	1. IMPORT OTHER CSS FILES
	2. BASE_HTML_SETTING
	3. STRUCTURE
    4. SFOLDER_EXPLORE_MENU_BAR
 */

/* {{{{{ SECTION_1 IMPORT_OTHER_CSS_FILES }}}}} */
@import url("/css/common.css");
@import url("/css/style.css");

/* {{{{{ SECTION_2 BASE_HTML_SETTING }}}}} */

/*
#idExp-Bottom #Layout-Bottom {
    height: 50px;
}
#Frame-Exp {
    margin:     0;
    background: #ffffff;
}
#Frame-Exp ul.Top-Menu {
    margin:     0;
    padding:    0;
    height:     26px;
    border:     1px solid #000000;
}
#Frame-Exp ul.Top-Menu li {
    list-style: none;
    float:      left;
    padding:    7px 50px 7px 5px;
    background: #00207b;
    font:       normal normal normal 10px "verdana";
    color:      #ffffff;
}
#Frame-Exp ul.Top-Menu li a {text-decoration: none; color: #ffffff;}
*/
/* em, strong, cite, dfn, code, samp, kbd, var, abbr, acronym */

/* {{{{{ SECTION_3 STRUCTURE }}}}} */
#Container {
    width:      830px;
    margin:     0 auto;
    padding:    0;
    background: #ffffff;
}

/* START LAYOUT_TOP_STYLE */
#Layout-Top {
    margin: 0;
}
#Layout-Top .logo {
    float:  left;
}
#Layout-Top .Go-Korean {
    float:      right;
    padding:    30px 0 0 0;
}

#Layout-Top .TopMenu {
    margin:             0;
    padding:            6px 50px 6px 0;
    background-color:   #00207b;
    text-align:         right;
}
#Layout-Top .TopMenu a:link,
#Layout-Top .TopMenu a:visited, 
#Layout-Top .TopMenu a:active {
    padding-left:       20px;
    text-decoration:    none;
    color:              #ffffff;
    font:               normal normal normal 9px verdana;
}
/* END LAYOUT_TOP_STYLE */

#Layout-Left {
    float:      left;
    width:      170px;
    padding:    10px 0 0 0;
    background: #ffffff;
}
#Layout-Left .login-form {
    margin:     0 0 10px 0;
    padding:    7px 10px;
    background: #ebebeb;
    border:     1px solid #d4d4d4;
}
#Layout-Left .login-form .field{
    width:      120px;
    padding:    3px 0;
    margin:     0 0 5px 0;
    border:     1px solid #808080;
}
#Layout-Left .left-img-menu {
    list-style: none;
    margin:     0 0 30px 0;
    padding:    0;
}
#Layout-Left .left-img-menu li {
    margin: 0 0 7px 0;
}
#Layout-Left .banner {
    list-style: none;
    margin:     0;
    padding:    0;
}
#Layout-Left .banner li {
    margin: 0 0 7px 0;
}
#Layout-Main {
    float:      left;
    width:      640px;
    margin:     0;
    padding:    10px 0 0 10px;
    background: #ffffff;
}

/* START LAYOUT BOTTOM */
#Layout-Bottom {
    float:          right;
    margin:         20px 0 0 0;
    padding:        0;
    text-align:     center;
}
#Layout-Bottom ul {
    width:      500px;
    height:     24px;
    margin:     0;
    padding:    0 75px;
    list-style: none;
    background: #e7e7e7;
}
#Layout-Bottom ul li {
    float:      left;
    margin:     0;
    padding:    5px 10px;
    font:       normal normal normal 11px "tahoma";
    color:      #494949;
}
#Layout-Bottom ul li a {
    text-decoration: none;
    color:          #494949;
}
#Layout-Bottom p {
    margin: 0;
}
/* END LAYOUT BOTTOM */

#Layout-Bottom-Signup {
    margin:         0;
    padding:        10px 0;
    border-top:     2px solid #000000;
    border-bottom:  1px solid #cccccc;
    background:     #e7e7e7;
}
#Layout-Bottom-EXP {
    height:         100%;
    margin:         0;
    padding:        5px 0;
    border-top:     2px solid #000000;
    border-bottom:  1px solid #cccccc;
    background:     #e7e7e7;
}

#idExp-Bottom #Layout-Bottom {
    margin:         0;
    padding:        5px 0;
    border-top:     2px solid #000000;
    border-bottom:  1px solid #cccccc;
    background:     #e7e7e7;
}
#idExp-Bottom .Menu {
    float:  left;
    padding:    5px 0 0 20px;
    font:   normal normal normal 10px "verdana";
}
#idExp-Bottom .Copyright {
    float:      right;
    padding:    5px;
    width:  500px;
    font:   normal normal normal 10px "Arial, Helvetica, verdana";
    text-align: right;
    color:  #004080;
}

#My-Account {
    margin: 20px 10px;
}


/* {{{{{ SECTION_4 SFOLDER_EXPLORE_MENU_BAR}}}}} */
#SFolder-Menu {
    border-bottom:  1px solid #dadada;
}
#SFolder-Menu .Space-Bar {
    float:      left;
    width:      150px;
    padding:    0 35px;
}
#SFolder-Menu .Space-Bar .usage {
    margin:     3px 0;
    border      1px solid #000000;
    font:       normal normal bold 10px verdana;
    text-align: left;
}
#SFolder-Menu .Space-Bar .bar-out-line {
    width:      146px;
    margin:     5px 0;
    padding:    1px;
    border:     1px solid #adadad;
    background: #ffffff;
}
#SFolder-Menu .Space-Bar .bar-bg {
    width:      146px;
    height:     8px;
    margin:     0;
    padding:    0;
    background: #d6d4d6;
    line-height: 8px;
}
#SFolder-Menu .Space-Bar .bar-usage {
    background: #ff0000;
}
#SFolder-Menu .Space-Bar .manage-space-button {
    margin:     3px 0;
}


#SFolder-Menu #Menu-Bar {
    float:  left;
}
#SFolder-Menu #Menu-Bar ul {
    list-style: none;
    float:      left;
    margin:     0;
    padding:    0;
}
#SFolder-Menu #Menu-Bar ul li {
    float:      left;
    cursor:     pointer;
}
.explore_menu img {cursor: pointer;}

#SFolder-Menu-Popup .title {
    padding:    7px 10px;
    background: #5676ba;
    font:       normal normal bold 14px "verdana";
    color:      #ffffff;
}
#SFolder-Menu-Popup .box {
    padding:    22px 10px;
    border:     2px solid #5676ba;
    background: #eff4fe;
    font:       normal normal bold 12px "verdana";
    color:      #000000;
}
#SFolder-Menu-Popup .txt-box {
    height: 20px;
    border: 1px solid #808080;
    font:   normal normal bold 11px "verdana";
    color:  #314e8c;
}

/* {{{{{ SECTION_5 EXPLORE }}}}} */
#Explore {
    margin: 10px;
}
#Explore .explore-nav {
    margin: 0 0 10px 0;
    font:   normal normal normal 11px verdana;
}
#Explore .explore-nav ul {
    margin:     0;
    padding:    0;
    list-style: none;
}
#Explore .explore-nav ul li {
    display:    inline;
}
#Explore .explore-nav a:link, #Explore .explore-nav a:visited, #Explore .explore-nav a:active {
    text-decoration:    none;
    color:              #000000;
    font:               normal normal normal 11px verdana;
}
#Explore .explore-nav a:hover {
    text-decoration:    underline;
    color:              #ff0000;
    font:               normal normal normal 11px verdana;
}
.exp-title-bar {
    margin: 0 0 10px 0;
}
/* {{{{{ SECTION_0 PAGE STYLE}}}}} */

/* MAIN PAGE */
.main-whats {
    list-style: none;
    margin:     0;
    padding:    0;
}
.main-whats li {
    float:          left;
    width:          148px;
    height:         170px;
    padding:        50px 7px 10px 7px;
    border-width:   1px 0;
    border-style:   solid;
    border-color:   #6b6d6b;
}
.main-whats li.box1 {
}
.main-whats li.box2 {
    background: #f7f7f7;
}

/* Table Apply Form Start */
.TBL-Apply-Form {
    border-collapse:collapse;
    width:          100%;
    margin:         0 0 20px 0;
    border-width:   3px 1px 0 1px;
    border-style:   solid;
    border-color:   #b4d0dc;
    font-size:      11px;
    text-align:     left;
}
.TBL-Apply-Form caption {
    padding:    5px;
    font:       normal normal bold 12px verdana;
    color:      #e15044;
    text-align: left;
}
.TBL-Apply-Form th {
    padding:        4px 10px;
    border-width:   0 1px 1px 0;
    border-style:   solid;
    border-color:   #b4d0dc;
    width:          135px;
    background:     #ebf2f8;
    color:          #005059;
}
.TBL-Apply-Form td {
    padding:        4px 10px;
    border-width:   0 0 1px 0;
    border-style:   solid;
    border-color:   #b4d0dc;
    background:     #ffffff;
}
/* Table Apply Form End */
/* Table Personal Infomation Start */
.TBL-Personal-Info {
    border-collapse:collapse;
    width:          100%;
    margin:         0 0 20px 0;
    border-width:   3px 1px 0 1px;
    border-style:   solid;
    border-color:   #8ccad5;
    font-size:      11px;
    text-align:     left;
}
.TBL-Personal-Info caption {
    padding:    5px;
    font:       normal normal bold 12px verdana;
    color:      #e15044;
    text-align: left;
}
.TBL-Personal-Info th {
    width:          135px;
    padding:        4px 10px;
    border-width:   0 1px 1px 0;
    border-style:   solid;
    border-color:   #8ccad5;
    background:     #eaf5f7;
    color:          #005059;
}
.TBL-Personal-Info td {
    padding:        4px 10px;
    border-width:   0 0 1px 0;
    border-style:   solid;
    border-color:   #8ccad5;
    background:     #ffffff;
}
/* Table Personal Infomation End */
/* Table Additional Information Start */
.TBL-Additional-Info {
    border-collapse:collapse;
    width:          100%;
    margin:         0 0 20px 0;
    border-width:   3px 1px 0 1px;
    border-style:   solid;
    border-color:   #cecfce;
    font-size:      11px;
    text-align:     left;
}
.TBL-Additional-Info caption {
    padding:    5px;
    font:       normal normal bold 12px verdana;
    color:      #e15044;
    text-align: left;
}
.TBL-Additional-Info th {
    width:          135px;
    padding:        4px 10px;
    border-width:   0 1px 1px 0;
    border-style:   solid;
    border-color:   #cecfce;
    background:     #f7f7f7;
    color:          #005059;
}
.TBL-Additional-Info td {
    padding:        4px 10px;
    border-width:   0 0 1px 0;
    border-style:   solid;
    border-color:   #cecfce;
    background:     #ffffff;
}
/* Table Additional Information End */
-->