/* ±âº» ¼¼Æà */
@charset "euc-kr";
@import url("https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700&subset=korean"); 
@import url("//cdn.rawgit.com/hiun/nanumsquare/master/nanumsquare.css");

body { margin:0; padding:0; background-color:#fff; font-family:'Nanum Gothic'; font-size:12pt; font-weight:normal; color:#333;  }
form { margin:0; padding:0; }
img { margin:0; padding:0; border:0; }
button { margin:0; padding:0; background-color:#fff; outline:0; }
A:link { color:#000; text-decoration:none; }
A:active { color:#000; text-decoration:none; }
A:visited { color:#000; text-decoration:none; }
A:hover { color:#000; text-decoration:none; }
p { margin:0; padding:0; }
INPUT { height:27px; font-family:'Nanum Gothic'; font-size:12pt; border:1px solid #d6d6d6; padding:0 3px; outline:0; }
INPUT[class="radio"] + label { display:inline-block; width:15px; height:15px; border:0; line-height:0px; vertical-align:bottom; background-color:transparent; cursor:pointer; outline:0; }
.radio { display:inline-block; width:15px; height:15px; border:0; line-height:0px; vertical-align:bottom; background-color:transparent; cursor:pointer; }
SELECT { height:27px; font-family:'Nanum Gothic'; font-size:12pt; outline:0; }
textarea { font-family:'Nanum Gothic'; outline:0; }
fileField { font-family:'Nanum Gothic'; outline:0; }
dl { margin:0; padding:0; list-style-type:none; }
dd { margin:0; padding:0; }
table { border:0; padding:0; border-spacing:0; border-collapse:collapse; }
th,td { font-family:'Nanum Gothic'; }
.btn { padding:5px 8px; border:1px solid #fff; background-color:#fff; cursor:pointer; }
.clear_left { clear:left; margin:0; padding:0; }
.clear_right { clear:right; margin:0; padding:0; }
.clear_both { clear:both; margin:0; padding:0; }
.bold { font-weight:bold; }
.white_bold { font-weight:bold; color:#fff; }
* { margin:0; padding: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
*:focus { outline:none; }
.not_found { margin:10px 0; font-size:14pt; font-weight:bold; color:#000; text-align:center; }
/* ±âº» ¼¼Æà */

/* ÀÎÆ®·Î */
  #intro { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#fff; text-align:center; z-index:99; }
/* ÀÎÆ®·Î */

/* Æ˾÷¸Þ´º */
  #mini_menu {
    position:absolute; display:none; top:0; width:100%; height:100%; z-index:6;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#505050+0,505050+100&0.65+0,0.65+100 */
    background: -moz-linear-gradient(top,  rgba(48,48,48,0.6) 0%, rgba(48,48,48,0.6) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(48,48,48,0.6) 0%,rgba(48,48,48,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(48,48,48,0.6) 0%,rgba(48,48,48,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc303030', endColorstr='#cc303030',GradientType=0 ); /* IE6-9 */
  }
  #mini_menu > #menu_box { position:fixed; top:10px; right:0; width:90%; padding:0; border:0; background-color:#3775bc; }
    #mini_menu > #menu_box > #btn_mini_close { position:absolute; top:0; right:0; }
    #mini_menu > #menu_box > #menu_title {width:100%; height:30px; margin:0; padding:10px 10px; border-bottom:1px solid #000; background-color:#fff; font-size:9pt; font-weight:bold; color:#4d4d4d; }
    #mini_menu > #menu_box > dl#menu_btns { width:100%; margin:0; padding:0; list-style-type:none; background-color:#fff; }
      #mini_menu > #menu_box > dl#menu_btns > a > dd { float:left; width:25%; margin:0; padding:10px 15px; border-right:1px solid #c4c4c4; text-align:center; }
      #mini_menu > #menu_box > dl#menu_btns > a > dd:nth-last-child { border-right:0; }
        #mini_menu > #menu_box > dl#menu_btns > a > dd > img { width:100%; height:auto; }
    #mini_menu > #menu_box > dl#menu_products { width:90%; margin:15px auto; padding:10px; list-style-type:none; background-color:#fff; }
      #mini_menu > #menu_box > dl#menu_products > .title_products { width:100%; margin:2px 0; padding:5px; font-size:14pt; font-weight:bold; color:#3775bc; }
      #mini_menu > #menu_box > dl#menu_products > a dd { width:100%; margin:5px 0; padding:10px 0 10px 10px; border:1px solid #c4c4c4; background-color:#fff; font-size:12pt; font-weight:bold; color:#000; }
/* Æ˾÷¸Þ´º */

/* »ó´Ü ¿µ¿ª */
  #area_header { position:fixed; top:0; width:100%; height:46px; margin:0; padding:0; background-color:#fff; border-bottom:1px solid #3775bc; z-index:3; }
    #area_header > #btn_quickmenu { float:right; width:50px; height:40px; top:0; right:0; background-image:url('img/header/category_show.gif'); background-repeat:no-repeat; background-position:right top; background-size:contain; }
  #mini_menu { position:absolute; display:none; top:0; z-index:5; }
  btn_quickmenu
/* »ó´Ü ¿µ¿ª */

/* º»¹® °øÅë */
  #area_top_blank { width:100%; display:none; }
  #area_contents { position:relative; width:100%; margin:46px 0 0 0; padding:0; }
/* º»¹® °øÅë */

/* ùȭ¸é */
  dl#index_btns { width:100%; margin:0; padding:0; list-style-type:none; margin-top:30px; }
    dl#index_btns > a > dd { float:left; width:25%; margin:0; padding:10px 20px; border-right:1px solid #c4c4c4; text-align:center; }
    dl#index_btns > a > dd:nth-last-child { border-right:0; }
    dl#index_btns > a > dd > img { width:100%; height:auto; }
  dl#index_products { width:100%; margin:0; padding:10px; list-style-type:none; background-color:#3775bc; }
    dl#index_products > .title_products { width:100%; margin:2px 0; padding:5px; font-size:14pt; font-weight:bold; color:#fff; }
    dl#index_products > a dd { width:100%; margin:5px 0; padding:10px 0 10px 10px; background-color:#fff; background-image:url("img/page/arrow.png"); background-repeat:no-repeat; background-position:right center; font-size:12pt; font-weight:bold; color:#000; }
/* ùȭ¸é */

/* °Ô½ÃÆÇ */
  .board_btn { margin:0; padding:5px; border:1px solid #d0d0d0; background-color:#fff; font-size:11pt; font-weight:bold; color:#000; }
  #board_box { display:table; width:95%; margin:0 auto; padding:0; border-collapse:collapse; }
    #board_box > .board_line { display:table-row; width:100%; margin:0; padding:0; }
      #board_box > .board_line > .board_item { display:table-cell; padding:10px; border-bottom:1px solid #c6c6c6; font-size:9pt; font-weight:normal; color:#000; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
      #board_box > .board_line > .board_item > a { text-decoration:none; }
  #board_view { width:95%; margin:0 auto; padding:0; }
    #board_view > #board_title { width:100%; margin:10px auto 5px; padding:10px 0; border-bottom:1px solid #c6c6c6; font-family:'Nanum Square'; font-size:11pt; font-weight:bold; color:#3d3d3d; text-align:center; }
    #board_view > #board_memo { width:100%; margin:0; padding:10px; border-bottom:2px solid #c6c6c6; font-size:9pt; font-weight:normal; color:#555; text-align:left; }
    #board_view > #board_memo img { max-width:100% !important; height:auto !important; }
  #board_page { width:100%; margin:20px 0; text-align:center; letter-spacing:1px; }
/* °Ô½ÃÆÇ */

/* ÀϹÝÆäÀÌÁö */
  .page_btn { margin:0; padding:5px; border:1px solid #d0d0d0; background-color:#fff; font-size:11pt; font-weight:bold; color:#000; }
  #page_name { width:98%; margin:10px auto; padding:10px 0; border-bottom:2px solid #c6c6c6; font-family:'Nanum Square'; font-size:13pt; font-weight:bold; color:#3d3d3d; text-align:center; }

  #page_body { width:100%; margin:0; padding:0; }
  .nameserver_box { display:table; width:90%; margin:5px auto; border-collapse:collapse; }
  .expense_box { display:table; width:90%; margin:5px auto; border-collapse:collapse; }
  .account_box { display:table; width:90%; margin:5px auto; border-collapse:collapse; }
  .item_caption { display:table-caption; margin:2px 0; padding:0; font-size:11pt; font-weight:bold; }
  .item_row { display:table-row; }
  .item_cell { display:table-cell; border:1px solid #c6c6c6; }
  .item_subinfo { margin:10px 0; font-size:9pt; font-weight:normal; color:#5d5d5d; text-align:center; }
  /* ÀϹÝÆäÀÌÁö */

/* ÇÏ´Ü ¿µ¿ª */
  #area_footer { width:100%; margin:0 0 50px 0; padding:5px; border-top:2px solid #3775bc; }
    #area_footer > p { margin:3px 0; padding:0; }
    #area_footer > p.info_company { font-size:9pt; font-weight:normal; color:#000; }
    #area_footer > p.info_copyright { font-size:8pt; font-weight:normal; color:#6d6d6d; }
/* ÇÏ´Ü ¿µ¿ª */

/* ÇÏ´Ü °íÁ¤ */
  #bottom_btns { position:fixed; bottom:0; width:100%; height:50px; margin:0; padding:9px 0 0 0; background-image:url('img/footer/call_bg.gif'); text-align:center; }
    #bottom_btns > img { width:auto; height:30px; }
/* ÇÏ´Ü °íÁ¤ */