/******************************************************************************/
/*** È­¸é ±âº» ¼Ó¼º Á¤ÀÇ                                                    ***/
/******************************************************************************/

/* BODY °øÅë */
div#idBodyWrap {
    width: 100%;
    text-align: center;
}


/******************************************************************************/
/*** »ó´Ü ¿µ¿ª ¼Ó¼º Á¤ÀÇ                                                    ***/
/******************************************************************************/

/* »ó´Ü ´º½º & »çÀÌÆ® ¼ÂÆà ¿µ¿ª */
div#idTopNewsSettingArea {
    display: block;
    width: 100%;
    height: 30px;
    text-align: center;
    background-Color: #2574C1;  /* »ö»ó Á¶Á¤: 1D7ABD */
    z-index: 1;
}

div#idTopNewsSetting {
    position: relative;
    width: 1000px;
    margin: 0 auto;      /* °¡¿îµ¥ Á¤·Ä Á¶°Ç */
    overflow: hidden; 
    border: 0px solid #AAAAAA;
}

/* »ó´Ü ´º½º */
div#idTopNews {
    padding-top: 8px;
    border: 0px solid #AAAAAA;
}

div#idTopNews ul li {
    float: left;
    margin: 0px;
    padding-right: 10px;
}

div#idTopNews a:link    { color: #FFFFFF; text-decoration: none; }
div#idTopNews a:visited { color: #FFFFFF; text-decoration: none; }
div#idTopNews a:active  { color: #FFFFFF; text-decoration: none; }
div#idTopNews a:hover   { color: #FFFFFF; text-decoration: underline; }

div#idTopNews ul li.cssTopNewsView {
    letter-spacing: -0.04em;
}

div#idTopNews ul li.cssTopNewsMore {
    position: relative;
    top: 2px;
}

/* »ó´Ü »çÀÌÆ® ¼ÂÆà ¸Þ´º */
div#idTopSetting {
    float: right;
    border: 0px solid #AAAAAA;
}

div#idTopSetting ul li {
    float: left;
    margin: 0 0 0 15px;
    letter-spacing: -0.04em;
}

div#idTopSetting img {
    margin-right: 4px;
    margin-bottom: 3px;
}

div#idTopSetting a:link    { color: #FFFFFF; text-decoration: none; }
div#idTopSetting a:visited { color: #FFFFFF; text-decoration: none; }
div#idTopSetting a:active  { color: #FFFFFF; text-decoration: none; }
div#idTopSetting a:hover   { color: #FFFFFF; text-decoration: underline; }

/* »ó´Ü ¸Þ½ÃÁö */
div#idTopMessage {
    /* display: block; */
    display: none;
    width: 100%;
    height: 125px;
    text-align: center;
    overflow: hidden;
    background-Color: #362B27;
    cursor: pointer;
    z-index: 2;
}

div#idTopMessage img {
    cursor: pointer;
}

/* »ó´Ü ¿µ¿ª */
div#idTopArea {
    position: relative;
    width: 1000px;
    height: 95px;
    margin: 0 auto;      /* °¡¿îµ¥ Á¤·Ä Á¶°Ç */
    text-align: center;
    border: 0px solid #AAAAAA;
}

/* »ó´Ü ·Î°í */
h1#idTopArea_Logo {
    position: absolute;
    top: 20px;
    left: 0px;
}

/* »ó´Ü ¼­ºñ½º ¸Þ´º */
div#idTopArea_ServiceMenu {
    position: absolute;
    top: 18px;
    left: 758px; /* °Ë»ö Àû¿ë½Ã: 570px */
    border: 0px solid #000000;
}

div#idTopArea_ServiceMenu ul li {
    float: left;
    margin: 0px;
    padding-right: 10px;
}

div#idTopArea_ServiceMenu ul li:last-child {
    padding-right: 0px;
}

div#idTopArea_ServiceMenu a:link    { font-size:12px; color: #362B27; text-decoration: none; }
div#idTopArea_ServiceMenu a:visited { font-size:12px; color: #362B27; text-decoration: none; }
div#idTopArea_ServiceMenu a:active  { font-size:12px; color: #362B27; text-decoration: none; }
div#idTopArea_ServiceMenu a:hover   { font-size:12px; color: #E91B15; text-decoration: none; }

div#idTopArea_ServiceMenu ul li span {
    padding-left: 10px;
    font-size: 11px;
    color: #DDDDDD;
}

div#idTopArea_ServiceMenu .cssServiceMore {
    margin: 0px 0px 0px 6px;
    width: 12px;
}

/* »ó´Ü °Ë»ö */
div#idTopArea_Search .cssTopSearchKeyword {
    position: absolute;
    top: 10px;
    left: 840px;
    width: 150px;
    height: 26px;
    padding: 1px 4px 0px 4px;
    border: 1px solid #E4E4E4;
}

div#idTopArea_Search .cssTopSearchKeywordButton {
    position: absolute;
    top: 10px;
    left: 981px;
}

/* »ó´Ü ¸Þ´º */
div#idTopArea_Menu {
    position: absolute;
    top: 63px;
    left: 255px;
    width: 745px;
    height: 32px;
    margin: 0px;
    border: 0px solid #AAAAAA;
}

div#idTopArea_Menu ul li {
    float: left;
    margin: 0px;
    /*
    padding-right: 30px;
    */
    text-align: left;
    border: 0px solid #AAAAAA;
}

div#idTopArea_Menu ul li.cssTopMenu01 {
    position: absolute;
    left: 0px;
}

div#idTopArea_Menu ul li.cssTopMenu02 {
    position: absolute;
    left: 135px;
}

div#idTopArea_Menu ul li.cssTopMenu03 {
    position: absolute;
    left: 267px;
}

div#idTopArea_Menu ul li.cssTopMenu04 {
    position: absolute;
    left: 397px;
}

div#idTopArea_Menu ul li.cssTopMenu05 {
    position: absolute;
    left: 520px;
}

div#idTopArea_Menu ul li.cssTopMenu06 {
    position: absolute;
    left: 646px;
}

div#idTopArea_Menu a:link    { font-size: 16px; font-weight: bold; color: #000000; letter-spacing: -0.05em; text-decoration: none; }
div#idTopArea_Menu a:visited { font-size: 16px; font-weight: bold; color: #000000; letter-spacing: -0.05em; text-decoration: none; }
div#idTopArea_Menu a:active  { font-size: 16px; font-weight: bold; color: #000000; letter-spacing: -0.05em; text-decoration: none; }
div#idTopArea_Menu a:hover   { font-size: 16px; font-weight: bold; color: #1580DD; letter-spacing: -0.05em; text-decoration: none; }  /* »ö»ó Á¶Á¤ */

/* ¼­ºê ¸Þ´º ¿µ¿ª */
/* ==> ¼­ºê¸Þ´º ¿µ¿ª HEIGHT Á¶Á¤½Ã ¾Æ·¡ height °ª°ú 
       '/common/inc/common/inc_top.php' ÆÄÀÏÀÇ "$(document).ready(function() { }" ÇÔ¼ö ºÎºÐ¿¡¼­ 
       "#idTopSubMenuArea","#idTopSubMenu"ÀÇ height °ª°ú °°ÀÌ Á¶Á¤
*/
div#idTopSubMenuArea {
    display: none;
    position: absolute;
    top: 125px;
    left: 0px;
    width: 100%;
    height: 220px;  /* ³ôÀÌ Á¶Á¤(#1/2): inc_top.php ÆÄÀÏ¿¡µµ µ¿ÀÏ Àû¿ë */
    text-align: center;
    /*
    filter: alpha(opacity=95);  // ºÒÅõ¸íµµ Alpha °ª(%):     IE
    opacity: 0.95;              // ºÒÅõ¸íµµ Alpha °ª(1/100): ±¸±Û µî (css standard, currently it works in most modern browsers)
    */
    background-Color: #34A0EF;  /* »ö»ó Á¶Á¤ */
    border: 0px solid #000000;
    z-index: 3;
}

div#idTopSubMenu {
    position: relative;
    width: 1000px;
    margin: 0 auto;  /* °¡¿îµ¥ Á¤·Ä Á¶°Ç */
    border: 0px solid #000000;
}

div#idTopSubMenu ul li {
    float: left;
    margin: 0;
    padding: 15px 0px 0px 15px;
    width: 120px;
    height: 205px;  /* ³ôÀÌ Á¶Á¤(#2/2): idTopSubMenuArea º¸´Ù -15px */
    text-align: left;
    border-left: 1px solid rgba(238,238,238, 0.15);  /* #EEEEEE */
}

div#idTopSubMenu ul li.cssTopSubMenu01 {
    position: absolute;
    left: 220px;
}

div#idTopSubMenu ul li.cssTopSubMenu02 {
    position: absolute;
    left: 355px;
}

div#idTopSubMenu ul li.cssTopSubMenu03 {
    position: absolute;
    left: 485px;
}

div#idTopSubMenu ul li.cssTopSubMenu04 {
    position: absolute;
    left: 615px;
}

div#idTopSubMenu ul li.cssTopSubMenu05 {
    position: absolute;
    left: 745px;
}

div#idTopSubMenu ul li.cssTopSubMenu06 {
    position: absolute;
    left: 870px;
    border-right: 1px solid rgba(238,238,238, 0.15);  /* #EEEEEE */
}

div#idTopSubMenu ul li p {
    height: 25px;
}

div#idTopSubMenuArea a:link    { font-size: 14px; font-weight: normal; color: #F8F8F8; letter-spacing: -0.03em; text-decoration: none; }
div#idTopSubMenuArea a:visited { font-size: 14px; font-weight: normal; color: #F8F8F8; letter-spacing: -0.03em; text-decoration: none; }
div#idTopSubMenuArea a:active  { font-size: 14px; font-weight: normal; color: #F8F8F8; letter-spacing: -0.03em; text-decoration: none; }
div#idTopSubMenuArea a:hover   { font-size: 14px; font-weight: bold;   color: #F8F8F8; letter-spacing: -0.03em; text-decoration: none; }


/******************************************************************************/
/*** ÇÏ´Ü ¿µ¿ª ¼Ó¼º Á¤ÀÇ                                                    ***/
/******************************************************************************/
/* ÇÏ´Ü ¿µ¿ª (¸ÞÀÎ È­¸é¿ë) */
div#idBottomArea {
    position: relative;
    top: 710px;  /* ÇÏ´Ü ¹è³Ê À§Ä¡¿Í µ¿ÀÏ */
    left: 0px;
    background-Color: #F7F7F7;
    border: 1px solid #E4E4E4;
    border-left: hidden;
    border-right: hidden;
    text-align: center;
}

/* ÇÏ´Ü ¿µ¿ª (¼­ºê È­¸é¿ë) */
div#idBottomAreaSub {
    position: relative;
    top: 330px;  /* ÇÏ´Ü ¹è³Ê À§Ä¡¿Í µ¿ÀÏ */
    left: 0px;
    background-Color: #F7F7F7;
    border: 1px solid #E4E4E4;
    border-left: hidden;
    border-right: hidden;
    text-align: center;
}

div#idBottom ul.cssBottom {
    position: relative;
    width: 1000px;
    height: 110px;
    margin: 0 auto;  /* °¡¿îµ¥ Á¤·Ä Á¶°Ç */
    padding-top: 15px;
    padding-bottom: 15px;
    border: 0px solid #AAAAAA;
}

div#idBottom ul.cssBottom li {
    float: left;
}

/* ÇÏ´Ü ·Î°í */
div#idBottom ul.cssBottom li.cssBottom_Logo {
    margin-right: 45px;
}

/* ÇÏ´Ü ¸Þ´º */
div#idBottom ul.cssBottom_Menu {
    margin-bottom: 30px;
}

div#idBottom ul.cssBottom_Menu li {
    float: left;
}

div#idBottom a:link    { font-size: 13px; font-weight: bold; color: #777777; letter-spacing: -0.04em; text-decoration: none; }
div#idBottom a:visited { font-size: 13px; font-weight: bold; color: #777777; letter-spacing: -0.04em; text-decoration: none; }
div#idBottom a:active  { font-size: 13px; font-weight: bold; color: #777777; letter-spacing: -0.04em; text-decoration: none; }
div#idBottom a:hover   { font-size: 13px; font-weight: bold; color: #777777; letter-spacing: -0.04em; text-decoration: underline; }

div#idBottom .cssBottom_Menu_Policy {
    color: #362B27;
}

div#idBottom ul.cssBottom_Menu li.cssBottom_Menu_Bar {
    width: 27px;
    padding-top: 3px;
    text-align: center;
    color: #CCCCCC;
    font-weight: normal;
}

/* ÇÏ´Ü CONTACT US */
div#idBottom_Contact {
    margin-bottom: 10px;
    font-size: 13px;
    color: #909090;
    border: 0px solid #AAAAAA;
    letter-spacing: -0.02em;
    line-height: 20px;
    text-align: left;
}

div#idBottom_Contact .cssBottom_Contact_Company {
    color: #222222;
}

div#idBottom_Contact .cssBottom_Contact_Bar {
    padding-left: 5px;
    padding-right: 5px;
    color: #CCCCCC;
}

/* ÇÏ´Ü COPYRIGHT */
div#idBottom_Copyright {
    position: relative;
    left: 0px;
    font-size: 13px;
    color: #999999;
    letter-spacing: -0.02em;
    text-align: left;
}

/* ÇÏ´Ü ¹è³Ê ¿µ¿ª (¸ÞÀÎ È­¸é¿ë) */
div#idBottomBannerArea {
    position: relative;
    top: 710px;  /* ÇÏ´Ü ¿µ¿ª À§Ä¡¿Í µ¿ÀÏ */
    left: 0px;
    padding-top: 15px;
    padding-bottom: 40px;
    border: 0px solid #AAAAAA;
}

/* ÇÏ´Ü ¹è³Ê ¿µ¿ª (¼­ºê È­¸é¿ë) */
div#idBottomBannerAreaSub {
    position: relative;
    top: 330px;  /* ÇÏ´Ü ¿µ¿ª À§Ä¡¿Í µ¿ÀÏ */
    left: 0px;
    padding-top: 15px;
    padding-bottom: 40px;
    border: 0px solid #AAAAAA;
}

div#idBottomBanner ul.cssBottomBanner {
    position: relative;
    width: 1000px;
    height: 45px;
    margin: 0 auto;  /* °¡¿îµ¥ Á¤·Ä Á¶°Ç */
    text-align: center;
    border: 0px solid #AAAAAA;
}

div#idBottomBanner ul.cssBottomBanner li {
    float: left;
    margin-right: 25px;
    text-align: left;
}


/******************************************************************************/
/*** Äü ¸µÅ© & Äü ¹è³Ê ¿µ¿ª ¼Ó¼º Á¤ÀÇ                                       ***/
/******************************************************************************/
/* Äü ¸µÅ© */
div#idQuickLinkArea {
    position: absolute;
    top: 350px;
    /* right: 50px; */
    width: 100px;
    z-index: 2;
}

div#idQuickLink {
}

div#idQuickLink p {
    padding: 9px 0px 9px 0px;
    font-size: 13px;
    font-weight: normal;
    color: #555555;
    background-color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}

div#idQuickLink p > img {
    margin-bottom: 5px;
    width: 25px;
}

div#idQuickLink p.cssQuickLinkTop {
    padding: 10px 0px 10px 0px;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #2574C1;
    border-radius: 8px 8px 0px 0px;
    cursor: default;
}

div#idQuickLink p.cssQuickLinkItem {
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
}

div#idQuickLink p.cssQuickLinkBottom {
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    border-radius: 0px 0px 8px 8px;
}

div#idQuickLink p.cssQuickLinkGotoTop {
    margin: 6px 0px 0px 26px;
    width: 45%;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #E1E1E1;
    border-radius: 50%;
}

div#idQuickLink p.cssQuickLinkGotoTop > b {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #2574C1;
}

/* Äü ¹è³Ê */
/*
div#idQuickAd {
    position: relative;
    top: 5px;
}

div#idQuickAd p {
    margin: 0;
}

div#idQuickAd .cssQuickAd1 {
    display: block;
}

div#idQuickAd .cssQuickAd2 {
    display: none;
}
*/


/******************************************************************************/
/*** ¼­ºêÈ­¸é °øÅë ¼Ó¼º Á¤ÀÇ                                                ***/
/******************************************************************************/

/* ¼­ºê »ó´Ü ºñÁÖ¾ó À̹ÌÁö ¿µ¿ª */
.cssSubTopVisualBg {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 190px;  /* ³ôÀÌ Á¶Á¤: 160px */
    text-align: center;
    /* background: url('/images/img_sub_top_visual_bg.jpg') repeat-x 0 0; */
    background-color: #189CEF;  /* »ö»ó Á¶Á¤: #008CE4, #398EEF, #0098E7, #0090D1, #00B2E6 */
    z-index: 1;
    border: 0px solid #AAAAAA;
}

.cssSubTopVisualImg {
    display: none;
    position: relative;
    width: 1000px;
    height: 190px;   /* ³ôÀÌ Á¶Á¤: 160px */
    margin: 0 auto;  /* °¡¿îµ¥ Á¤·Ä Á¶°Ç */
    border: 0px solid #AAAAAA;
}

ul.cssSubTopVisual {
    position: relative;
    width: 1000px;
    margin: 0 auto;  /* °¡¿îµ¥ Á¤·Ä Á¶°Ç */
    border: 0px solid #000000;
}

ul.cssSubTopVisual li {
    display: table-cell;
    width: 500px;
    border: 0px solid #FF0000;
    text-align: left;
    vertical-align: top;
}

ul.cssSubTopVisual li p.cssSubTopVisualTitle {
    margin: 40px 0px 0px 10px;
    font-size: 25px;
    font-weight: bold;
    color: #FFFFFF;
    border: 0px solid #000000;
}

ul.cssSubTopVisual li p.cssSubTopVisualText {
    margin: 15px 0px 0px 10px;
    font-size: 15px;
    font-weight: normal;
    color: #FFFFFF;
    border: 0px solid #000000;
    letter-spacing: -0.00em;
    line-height: 24px;
}

ul.cssSubTopVisual li:last-child {
    text-align: right;
}

ul.cssSubTopVisual li > img {
    margin: 0px 0px 0px 0px;
    width: 300px;
    border: 0px solid #000000;
}

/* ¼­ºê ÆäÀÌÁö BODY ¿µ¿ª */
.cssSubBody {
    position: relative;
    top: 225px;  /* ³ôÀÌ Á¶Á¤: 190px */
    width: 1000px;
    height: 520px;
    padding-bottom: 50px;
    margin: 0 auto;  /* °¡¿îµ¥ Á¤·Ä Á¶°Ç */
    line-height: 0;  /* IE & Google Chrome : 1px À§Ä¡ »óÇÏ ¿À·ù Á¶Á¤ (Á¦¸ñ ¾Æ·¡ ÇϴܹÙ: .cssSubContentHeadBar) */
    border: 0px solid #AAAAAA;
}

/* ¼­ºê ÁÂÃø ¸Þ´º ¿µ¿ª */
.cssSubLeft {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 180px;
    height: 100%;
    border: 0px solid #AAAAAA;
}

.cssSubLeftMenu {
    margin: 0;
    padding: 0;
    width: 100%;
}

.cssSubLeftMenu p {
    margin-left: 10px;
    margin-bottom: 15px;
}

.cssSubLeftMenu .cssSubLeftMenuTopBar {
    width: 100%;
    height: 2px;
    background-Color: #8A8A8A;
}

.cssSubLeftMenu ul {
}

.cssSubLeftMenu ul li {
    float: left;
    height: 40px;
    margin: 0;
}

.cssSubLeftMenu .cssSubLeftMenuName {
    position: relative;
    left: 10px;
    top: 14px;
    width: 158px;
    text-align: left;
    border: 0px solid #AAAAAA;
}

.cssSubLeftMenu .cssSubLeftMenuBall {
    position: relative;
    left: 0px;
    top: 14px;
    width: 22px;
    text-align: left;
}

.cssSubLeftMenu .cssSubLeftMenuOn {
    color: #1580DD;  /* »ö»ó Á¶Á¤ */
}

.cssSubLeftMenu .cssSubLeftMenuBar {
    width: 100%;
    height: 1px;
    background-Color: #DDDDDD;
}

.cssSubLeftMenu a:link    { font-size: 15px; font-weight: bold; color: #555555; letter-spacing: -0.04em; text-decoration: none; }
.cssSubLeftMenu a:visited { font-size: 15px; font-weight: bold; color: #555555; letter-spacing: -0.04em; text-decoration: none; }
.cssSubLeftMenu a:active  { font-size: 15px; font-weight: bold; color: #555555; letter-spacing: -0.04em; text-decoration: none; }
.cssSubLeftMenu a:hover   { font-size: 15px; font-weight: bold; color: #1580DD; letter-spacing: -0.04em; text-decoration: none; }  /* »ö»ó Á¶Á¤ */

/* ¼­ºê ³»¿ë ¿µ¿ª */
.cssSubContent {
    position: absolute;
    left: 220px;
    top: 0px;
    width: 780px;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0px solid #AAAAAA;
}

/* ¼­ºê ³»¿ë - ŸÀÌƲ & ³×ºñ°ÔÀÌ¼Ç ¿µ¿ª */
.cssSubContent ul.cssSubContentHead {
    position: relative;
    top: 1px;
    width: 100%;
    height: 20px;
    border: 0px solid #AAAAAA;
}

.cssSubContent ul.cssSubContentHead li {
    float: left;
    margin: 0;
    padding: 0;
}

/* ¼­ºê ³»¿ë - ŸÀÌƲ */
.cssSubContent .cssSubContentTitle {
    position: relative;
    top: 10px;
    width: 30%;
    height: 100%;
    text-align: left;
    /* 
    font-family: "±¼¸²", gulim, "µ¸¿ò", dotum, Vertical, Arial;
    font-family: ³ª´®°íµñ, µ¸¿òü, New Gulim, ±¼¸²Ã¼, Verdana;
    font-weight: normal;
    */
    font-family: µ¸¿òü, New Gulim, ±¼¸²Ã¼, Verdana;
    font-size: 19px;
    font-weight: bold;
    color: #222222;
    letter-spacing: -0.07em;
}

/* ¼­ºê ³»¿ë - ³×ºñ°ÔÀÌ¼Ç */
.cssSubContent .cssSubContentSiteHistory {
    width: 70%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: right;
    border: 0px solid #AAAAAA;
}

.cssSubContent .cssSubContentSiteHistory p {
    position: relative;
    top: 6px;
    font-size: 13px;
    color: #888888;
    letter-spacing: -0.04em;
    border: 0px solid #AAAAAA;
}

.cssSubContent .cssSubContentSiteHistory img {
    position: relative;
    top: 1px;
    margin-right: 2px;
}

.cssSubContent .cssSubContentSiteHistory .cssSubContentSiteHistoryBold {
    font-weight: bold;
}

.cssSubContent .cssSubContentHeadBar {
    /*
    position: relative;
    top: 17px;
    */
    width: 780px;
    height: 1px;
    margin-top: 17px;
    background-Color: #E5E5E5;
}

/* ¼­ºê ³»¿ë - ÄÁÅÙÃ÷ Ç¥½Ã ¿µ¿ª */
.cssSubContent .cssSubContentBody {
    width: 100%;
    /* height: 100%; */
    margin: 50px 0px 100px 0px;
    line-height: 17px;
    border: 0px solid #AAAAAA;
}

.cssSubContentBody h1.cssSubTitle {
    margin-bottom: 15px;
    width: 100%;
    text-align: left;
    /* font-family: "±¼¸²", gulim, "µ¸¿ò", dotum, Vertical, Arial; */
    font-family: "µ¸¿ò", dotum, "±¼¸²", gulim, Vertical, Arial;
    font-size: 17px;
    font-weight: bold;
    color: #BD8E4E;
    letter-spacing: -0.1em;
}

/* ¾È³» µµ¿ò¸» ¿µ¿ª */
.cssGuide {
    margin-bottom: 30px;
    padding: 15px 25px 12px 25px;
    font-size: 14px;
    color: #777777;
    background-color: #F6F6F6;
    border-radius: 8px;
    letter-spacing: -0.00em;
    line-height: 21px;
}

.cssGuideMark {
    color: #BD8E4E;  /* °ñµç °è¿­ */
}

.cssGuideMark2 {
    color: #1580DD;  /* ÆĶû °è¿­ */
}

.cssGuideMark b, .cssGuideMark2 b {
    font-weight: bold;
}

.cssGuide ul {
    margin-bottom: 3px;
}

.cssGuide ul li {
    display: table-cell;  /* Table Cell È¿°ú */
    text-align: left;
    letter-spacing: -0.02em;
    line-height: 21px;
}

.cssGuide img {
    position: relative;
    top: -3px;
    padding-right: 5px;
}


/******************************************************************************/
/*** °Ô½ÃÆÇ ¸ñ·Ï È­¸é ¼Ó¼º Á¤ÀÇ                                             ***/
/******************************************************************************/

/* ¸ñ·Ï Å×ÀÌºí ¼Ó¼º */
.cssListTable table {
    width: 100%;
}

.cssListTable table caption {
    visibility: hidden;
    overflow: hidden;
    width: 1px;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.cssListTable table tr.first-row {
    border-top: 2px solid #DDDDDD;
}

.cssListTable table tr.last-row {
    border-bottom: 2px solid #DADADA;
}

.cssListTable table th {
    height: 25px;
    padding: 3px 0px 3px 0px;
    font-size: 13px;
    font-weight: bold;
    color: #6A6A6A;
    background-Color: #F2F2F2;
    border-bottom: 1px solid #DADADA;
    line-height: 23px;
    text-align: center;
    vertical-align: middle;
}

.cssListTable table th.first-col {
    border-left: none;
}

.cssListTable table th.not-col {
    visibility: hidden;
    overflow: hidden;
    width: 1px;
    height: 0;
    line-height: 0;
    background-Color: #FFFFFF;
    border-left: none;
    border-bottom: none;
}

.cssListTable table td {
    padding: 10px 0px 6px 0px;
    font-size: 13px;
    font-weight: normal;
    color: #6A6A6A;
    border-bottom: 1px solid #E6E6E6;
    line-height: 17px;
    text-align: center;
    vertical-align: middle;
}

.cssListTable table td.first-col {
    border-left: none;
}

.cssListTable table td.first-col img {
    line-height: 16px;
    vertical-align: middle;
}

.cssListTable .cssListAlignLeft {
    padding-left: 10px;
    text-align: left;
    vertical-align: middle;
}

.cssListTextDelete {
    font-weight: bold;
    color: #FF0000;
}

.cssListTextNotDisplay {
    font-weight: bold;
    color: #FF0000;
}

.cssListTable .cssListRecommendCnt {
    color: #FB4C14;
    font-weight: bold;
    letter-spacing: -0.05 em;
}

.cssListTable .cssIconDisk {
    position: relative;
    top: 0px;
    width: 15px;
}

.cssListTable .cssListRecordNotFound {
    height: 150px;
    font-size: 13px;
    color: #888888;
    border-left: none;
    text-align: center;
    vertical-align: middle;
}

.cssListTable .cssViewListRecordNotFound {
    height: 50px;
    font-size: 13px;
    color: #888888;
    border-left: none;
    text-align: center;
    vertical-align: middle;
}

.cssListTable .cssLinkView  A:link    { padding-right: 2px; font-size: 14px; color: #6A6A6A; line-height: 17px; text-decoration: none; }
.cssListTable .cssLinkView  A:visited { padding-right: 2px; font-size: 14px; color: #6A6A6A; line-height: 17px; text-decoration: none; }
.cssListTable .cssLinkView  A:active  { padding-right: 2px; font-size: 14px; color: #6A6A6A; line-height: 17px; text-decoration: none; }
.cssListTable .cssLinkView  A:hover   { padding-right: 2px; font-size: 14px; color: #6A6A6A; line-height: 17px; text-decoration: underline; }

/* ¸ñ·Ï: Çìµå ¿µ¿ª */
.cssListHeadTable {
    margin-bottom: 30px;
}

.cssListHeadTable table td {
    padding: 6px 0px 6px 15px;
    text-align: left;
}

.cssListHeadTable select {
    height: 27px;
    font-size: 13px;
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    vertical-align: middle;
}

.cssListHeadTable input[type="text"] {
    height: 25px;
    font-size: 13px;
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    vertical-align: middle;
}

.cssListHeadTable input[type="image"] {
    position: relative;
    top: 6px;
    left: 5px;
}

.cssListHeadTable img {
    position: relative;
    top: 5px;
    left: 5px;
}

/* ¸ñ·Ï: ·¹ÄÚµåÄ«¿îÆ® Ç¥½Ã */
.cssListRecordcountButton {
    margin-bottom: 5px;
}

.cssListRecordcountButton ul li {
    display: table-cell;  /* Table Cell È¿°ú */
    width: 100%;
    font-size: 13px;
    border: 0px solid #AAAAAA;
    text-align: left;
}

.cssRecordcount {
}

.cssRecordcountMark {
}

.cssUpRightButton {
}

/* ¸ñ·Ï - »ó´Ü ¹öÆ° ¼Ó¼º */
.cssListTopButton {
    margin-bottom: 25px;
    padding: 7px 0px 9px 0px;
    background-Color: #FAFAFA;
    border: 1px solid #E6E6E6;
}

.cssListTopButton select {
    height: 30px;
    font-size: 13px;
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    vertical-align: middle;
}

.cssListTopButton input[type="text"] {
    height: 28px;
    font-size: 13px;
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    vertical-align: middle;
}

.cssListTopButton input[type="image"] {
    position: relative;
    top: 6px;
    left: 5px;
}

.cssListTopButton img {
    position: relative;
    top: 6px;
    left: 5px;
}

/* ¸ñ·Ï - ÇÏ´Ü ¹öÆ° ¼Ó¼º */
.cssListBottomButton {
    margin-top: 25px;
}

.cssListBottomButton select {
    height: 30px;
    font-size: 13px;
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    vertical-align: middle;
}

.cssListBottomButton input[type="text"] {
    height: 28px;
    font-size: 13px;
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    vertical-align: middle;
}

.cssListBottomButton input[type="image"] {
    position: relative;
    top: 7px;
    left: 5px;
}

.cssListBottomButton img {
    position: relative;
    top: 6px;
    left: 5px;
}


/******************************************************************************/
/*** °Ô½ÃÆÇ »ó¼¼ È­¸é ¼Ó¼º Á¤ÀÇ                                             ***/
/******************************************************************************/

/* »ó¼¼ ¹öÆ° Ç¥½Ã */
.cssViewUpButton ul li {
    /* float: left; */    /* float ¼Ó¼º(°¡·Î Á¤·Ä) »óÅ¿¡¼­ ¹®ÀÚ¿­ÀÌ 2ÁÙÀ̸é, ¼¿(Cell)ÀÌ ¼­·Î ´Ù¸¥ ÁÙ¿¡ »ý±è */
    display: table-cell;  /* Table Cell È¿°ú */
    border: 0px solid #AAAAAA;
}

.cssViewUpButton ul {
    padding-bottom: 2px;
}

.cssViewUpButton ul li.cssViewButtonLeft {
    width: 390px;
    text-align: left;
}

.cssViewUpButton ul li.cssViewButtonRight {
    width: 390px;
    text-align: right;
}

.cssViewDownButton ul {
    padding-top: 10px;
    padding-bottom: 5px;
}

.cssViewDownButton ul li {
    /* float: left; */    /* float ¼Ó¼º(°¡·Î Á¤·Ä) »óÅ¿¡¼­ ¹®ÀÚ¿­ÀÌ 2ÁÙÀ̸é, ¼¿(Cell)ÀÌ ¼­·Î ´Ù¸¥ ÁÙ¿¡ »ý±è */
    display: table-cell;  /* Table Cell È¿°ú */
    border: 0px solid #AAAAAA;
}

.cssViewDownButton ul li.cssViewButtonLeft {
    width: 390px;
    text-align: left;
}

.cssViewDownButton ul li.cssViewButtonRight {
    width: 390px;
    text-align: right;
}

/* »ó¼¼ Å×ÀÌºí ¼Ó¼º */
.cssViewTable table {
    width: 100%;
}

.cssViewTable table caption {
    visibility: hidden;
    overflow: hidden;
    width: 1px;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.cssViewTable table tr.first-row {
    border-top: 2px solid #DDDDDD;
}

.cssViewTable table tr.last-row {
    border-bottom: 2px solid #DDDDDD;
}

.cssViewTable table th {
    padding: 9px 0px 9px 0px;
    font-size: 13px;
    font-weight: normal;
    color: #555555;
    background: #F2F2F2;
    border-bottom: 1px solid #E6E6E6;
    text-align: center;
    vertical-align: middle;
}

.cssViewTable table td {
    font-size: 13px;
    font-weight: normal;
    color: #777777;
    border-bottom: 1px solid #E6E6E6;
    line-height: 17px;
    text-align: center;
    vertical-align: middle;
}

.cssViewTable .cssViewAlignLeft {
    padding-left: 17px;
    text-align: left;
}

.cssViewTable .cssViewTitle {
    font-size: 14px;
    font-weight: bold;
}

.cssViewTable .cssIconDisk {
    position: relative;
    top: 3px;
    width: 15px;
    margin-right: 3px;
}

.cssViewTable a {
    position: relative;
    top: -2px;
    font-size: 13px;
}

.cssViewTable .cssViewDownCnt {
    padding-left: 10px;
    color: #777777;
}

.cssViewTable .cssViewContent {
    height: 130px;
    padding: 40px 15px 45px 15px;
    font-family: inherit;  /* ÆùÆ® »ó¼Ó */
    font-size: 14px;
    vertical-align: top;
}

.cssViewTable .cssViewSocialRecommend {
    position: relative;
    top: -15px;
    padding-bottom: 10px;
}

.cssViewTable .cssViewSocialRecommend ul li  {
    display: table-cell;  /* Table Cell È¿°ú */
    width: 730px;
    border: 0px solid #AAAAAA;
}

.cssViewTable .cssViewSocial {
    text-align: left;
}

.cssViewTable .cssViewRecommend {
    text-align: right;
}

.cssViewTable .cssViewRecommendCnt {
    position: relative;
    top: -7px;
    padding-left: 6px;
    font-size: 13px;
    font-weight: bold;
    color: #FC6655;
}

.cssViewTable .cssViewContentTop {
    border: 0px solid #AAAAAA;
    line-height: 17px;
}

.cssViewTable .cssViewContentDown {
    border: 0px solid #AAAAAA;
    line-height: 17px;
}

.cssViewTable .cssViewMovieArea {
    padding-bottom: 25px;
    text-align: center;
}

.cssViewTable .cssViewImageArea {
    text-align: center;
}

.cssViewTable .cssViewImageGroup {
    padding-bottom: 20px;    
}

.cssViewTable .cssViewImage {
    padding: 1px;
    border: 0px solid #EEEEEE;
}

.cssViewTable .cssViewImageZoom {
    padding-top: 6px;
}

.cssViewTable .cssViewParent {
    padding-top: 50px;
    padding-bottom: 0px;
}

.cssViewTable .cssViewParent table {
    border-top: 0px solid #E6E6E6;
    border-left: 0px solid #E6E6E6;
    border-right: 0px solid #E6E6E6;
}

.cssViewTable .cssViewParentSectionTitle {
    height: 25px;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #FFFFFF;
}

.cssViewTable .cssViewParentContent {
    padding: 20px 0px 0px 0px;
    line-height: 17px;
    border-bottom: 1px solid #FFFFFF;
    color: #9A9A9A;
}

/* ÀÌÀü/´ÙÀ½ ±Û ¿µ¿ª */
.cssViewPrevNext {
    padding-top: 22px;
}

.cssViewPrevNext table th {
    padding: 5px 0px 5px 0px;
}

/* »ó¼¼ ŸÀÌƲ */
.cssViewSectionTitle {
    padding: 25px 0px 7px 0px;
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    text-align: left;
}

.cssViewSectionTitle .cssViewSectionMark {
    color: #1580DD;
}

.cssViewSectionTitle .cssViewSectionRecordCountText {
    color: #6A6A6A;
    font-weight: normal;
}

.cssViewSectionTitle .cssViewSectionRecordCount {
    color: #E55038;
    font-weight: bold;
}

.cssViewSectionTitleBar {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #E6E6E6;
}

/* ´äº¯ */
.cssViewAnswer {
}

.cssViewAnswerForm {
    display: none;
    padding-top: 15px;
    border-top: 2px solid #E6E6E6;
}

.cssViewAnswerButton {
    margin-top: 20px;
}

.cssViewAnswerButton img {
    margin-left: 5px;
    cursor: pointer;
}




/******************************************************************************/
/*** Æû È­¸é ¼Ó¼º Á¤ÀÇ                                                      ***/
/******************************************************************************/

/* ÇÊµå ¼³¸í µµ¿ò¸» */
.cssGuideInputForm {
    margin-bottom: 5px;
    font-size: 13px;
    color: #333333;
    letter-spacing: -0.00em;
    text-align: left;
}

.cssGuideInputForm img {
    margin-right: 6px;
}

.cssGuideInputField {
    position: relative;
    top: 2px;
    margin-left: 12px;
    font-size: 13px;
    color: #777777;
    letter-spacing: -0.00em;
}

/* Æû ¹öÆ° Ç¥½Ã */
.cssFormUpButton ul {
    padding-bottom: 0px;
}

.cssFormUpButton ul li {
    display: table-cell;  /* Table Cell È¿°ú */
    border: 0px solid #AAAAAA;
}

.cssFormUpButton ul li.cssFormButtonLeft {
    width: 390px;
    text-align: left;
    border: 0px solid #AAAAAA;
}

.cssFormUpButton ul li.cssFormButtonRight {
    width: 390px;
    position: relative;
    top: 3px;
    text-align: right;
    border: 0px solid #AAAAAA;
}

.cssFormDownButton ul li {
    display: table-cell;  /* Table Cell È¿°ú */
    border: 0px solid #AAAAAA;
}

.cssFormDownButton ul {
    padding-top: 10px;
}

.cssFormDownButton ul li.cssFormButtonLeft {
    width: 390px;
    text-align: left;
}

.cssFormDownButton ul li.cssFormButtonRight {
    width: 390px;
    text-align: right;
}

/* Æû Å×ÀÌºí ¼Ó¼º */
.cssFormTable table {
    width: 100%;
}

.cssFormTable table caption {
    visibility: hidden;
    overflow: hidden;
    width: 1px;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.cssFormTable table tr.first-row {
    border-top: 2px solid #DDDDDD;
}

.cssFormTable table tr.last-row {
    border-bottom: 2px solid #DDDDDD;
}

.cssFormTable table th {
    height: 43px;
    padding-top: 3px;
    padding-left: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #6A6A6A;
    background: #F3F3F3;
    border-bottom: 1px solid #DDDDDD;
    line-height: 0px;
    text-align: left;
    vertical-align: middle;
}

.cssFormTable table th img {
    margin-right: 6px;
}

.cssFormTable table td {
    padding-left: 20px;
    font-size: 13px;
    color: #6A6A6A;
    border-bottom: 1px solid #DDDDDD;
    line-height: 0px;
    text-align: left;
    vertical-align: middle;
}

.cssFormTable table td.cssTextArea {
    padding-top: 14px;
    padding-bottom: 0px;
}

.cssFormTable table td.cssMultiLine {
    padding-top: 13px;
    padding-bottom: 0px;
}

.cssFormTable table td label {
    font-size: 14px;
}

.cssFormTable table td span.cssFieldGuide {
    margin-left: 5px;
    font-size: 13px;
}

/* TEXTAREA ¼Ó¼º */
.cssFormTable textarea {
    margin-bottom: 15px;
    background-Color: #FFFFFF;
    border: 1px solid #BBBBBB;
}

/* SELECT-BOX ¼Ó¼º */
.cssFormTable select {
    height: 30px;
    padding-right: 20px;
    font-size: 14px;
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    vertical-align: middle;
}

/* INPUT TYPE = 'text'(ÅؽºÆ®¹Ú½º) ¼Ó¼º */
.cssFormTable input[type="text"] {
    height: 28px;
    font-size: 14px;
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    vertical-align: middle;
}

/* INPUT TYPE = 'password'(Æнº¿öµå) ¼Ó¼º */
.cssFormTable input[type="password"] {
    height: 28px;
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    vertical-align: middle;
}

/* INPUT TYPE = 'file'(ÆÄÀÏ) ¼Ó¼º */
.cssFormTable input[type="file"] {
    position: relative;
    top: 2px;
    height: 28px;
    vertical-align: middle;
}

/* INPUT TYPE = 'button'(¹öÆ°) ¼Ó¼º */
.cssFormTable input[type="button"] {
    height: 28px;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 13px;
    background-color: #F6F6F6;
    border: 1px solid #BBBBBB;
    text-align: center;
    vertical-align: middle;
}

/* INPUT TYPE = 'radio'(¶óµð¿À¹öÆ°) ¼Ó¼º */
.cssFormTable input[type="radio"] {
    width: 17px;
    height: 17px;
    margin-right: 5px;
    vertical-align: middle;
}

/* INPUT TYPE = 'checkbox'(üũ¹Ú½º) ¼Ó¼º */
.cssFormTable input[type="checkbox"] {
    margin-right: 6px;
    width: 17px;
    height: 17px;
    vertical-align: middle;
}

.cssInputRadioText {
    position: relative;
    top: 1px;
    margin-right: 15px;
    font-size: 14px;
}

.cssInputCheckbox {
    position: relative;
    top: 1px;
}

.cssInputCheckboxText {
    position: relative;
    top: 2px;
    margin-right: 8px;
    font-size: 14px;
}

.cssInputNotEssential {
    margin-left: 12px;
}

.cssFieldMark {
    color: #BD8E4E;
}


/******************************************************************************/
/*** ±âŸ ¼Ó¼º Á¤ÀÇ                                                         ***/
/******************************************************************************/

/* float ¼Ó¼º(div: float) ÇØÁ¦ */
.cssClear,.clear {
    float: none;
    clear: both;
}

/* ¾ÆÀÌÄÜ ¼Ó¼º */
.cssIconNew {
    position: relative;
    top: 1px;   
}

/* ¹öÆ° ¼Ó¼º */
.cssButtonCenter {
    margin-top: 35px;
}

.cssButtonCenter img {
    margin-left: 5px;
    margin-right: 5px;
}

.cssButtonGab {
    padding-left: 6px;
    padding-right: 6px;
    border: 0px solid #AAAAAA;
}