@charset "euc-kr";

/* ===================================================================
 *
 *  ÇÁ·ÎÁ§Æ®¸í v1.0 Main Stylesheet
 *  ±â·Ï³¯Â¥
 *  ------------------------------------------------------------------
 *
 *  TOC:
 *  01. À¥ÆùÆ® ¸µÅ©
 *  02. ±âº»Á¤ÀÇ
 *  03. ÆùÆ® & ±âº»½ºÅ¸ÀÏ
 *  04. forms
 *  05. buttons
 *  06. other components
 *  07. °øÅëÀû¿ë
 *  08. header styles (layout.css)
 *  09. ÀÌÇÏ ¸Þ´ºº° Á¤¸® (contents.css)
 *  99. footer (layout.css)
 *
 * =================================================================== */

/* ===================================================================
 *  01. À¥ÆùÆ® ¸µÅ©
 *
 * ------------------------------------------------------------------- */
 
@font-face {
font-family:'NanumSquare';
font-style: normal;
font-weight: 400;
src: url('/html/fonts/nanum-square-font/NanumSquareR.eot');
src: url('/html/fonts/nanum-square-font/NanumSquareR.eot') format('embedded-opentype'),
url('/html/fonts/nanum-square-font/NanumSquareR.woff') format('woff'),
url('/html/fonts/nanum-square-font/NanumSquareR.otf') format('opentype');
}

@font-face {
font-family:'NanumSquare';
font-style: bold;
font-weight: 400;
src: url('/html/fonts/nanum-square-font/NanumSquareb.eot');
src: url('/html/fonts/nanum-square-font/NanumSquareb.eot') format('embedded-opentype'),
url('/html/fonts/nanum-square-font/NanumSquareb.woff') format('woff'),
url('/html/fonts/nanum-square-font/NanumSquareb.otf') format('opentype')
}

/* ===================================================================
 *  02. ±âº»Á¤ÀÇ
 *
 * ------------------------------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {display:block}
ol,ul {list-style:none}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
table {border-spacing:0;empty-cells:show}
caption,legend {overflow:hidden;position:relative;;height:0px;left:-999em;top:-999em;font-size:0px;line-height:0px;color:transparent}
form {display:block}
button,input,select,textarea {vertical-align:top;cursor:pointer}
input {border-radius:0;-webkit-appearance:none;appearance:none}
iframe,fieldset {border:0;vertical-align:top}
img {border:0;vertical-align:middle}
i,em,address {font-style:normal}
hr {display:none}
/* -------------------------------------------------------------------
 * common
 * ------------------------------------------------------------------- */
html {overflow-y:scroll;width:100%;height:100%;font-size:100%}
body {width:100%;height:100%;font-weight:normal;font-size:100%;line-height:1.5rem;font-family:'NanumSquare','µ¸¿ò', Dotum, sans-serif;color:rgb(106,106,106);*word-break:break-all;-ms-word-break:break-all}

/* font color */
.point01 {color:#c21241} /* (°­Á¶)»¡°­ */
.point02 {color:#666} /* ȸ»ö */
/* font etc. */
.text_over {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text_hidden {overflow:hidden;font-size:0;line-height:0;color:transparent;text-indent:-999999px}
.underline {text-decoration:underline}
.italic {font-style:italic !important}
/* -------------------------------------------------------------------
 * ºÒ¸´/¸¶Å©
 * ------------------------------------------------------------------- */
.bul_squ {position:relative;padding-left:10px} /* »ç°¢Çü */
.bul_squ:before {content:'';display:block;position:absolute;top:7px;left:0;width:3px;height:3px;background:#000}
.bul_disk {padding-left:15px;font-size:14px;line-height:20px;background:url(../images/img_dot.png) no-repeat 0 2px;color:#666} /* ¶óÀÎÇü */
.bul_line {position:relative;padding-left:13px} /* ¶óÀÎÇü */
.bul_line:before {content:'';display:block;position:absolute;top:7px;left:0;width:5px;height:1px;background:black}
.mark_check {display:inline-block;overflow:hidden;width:10px;height:11px;border:1px solid #c21241;border-radius:50%;font-size:1px;color:rgba(0,0,0,0);box-sizing:border-box}

/* -------------------------------------------------------------------
 * ¸®½ºÆ®
 * ------------------------------------------------------------------- */
ol,ul,li {list-style:none}

[class^="list_"] > li {display:block}
[class^="list_"] > li:first-child {margin-top:0}
ul > li > [class^="list_"],ol > li > [class^="list_"] {}
/* µé¿©¾²±âÇü */
.list_01 li {text-indent:10px}
/* ¶óÀÎÇü */
.list_02 li {position:relative;padding-left:10px}
.list_02 li:before {content:'';display:block;position:absolute;top:10px;left:0;width:5px;height:1px;background:black}
/* ºÒ¸´Çü(»ç°¢Çü) */
.list_03 li {position:relative;padding-left:10px}
.list_03 li:before {content:'';display:block;position:absolute;top:8px;left:0;width:3px;height:3px;background:#000}
.list_04 li {position:relative;padding-left:10px}
.list_04 li:before {content:'';display:block;position:absolute;top:8px;left:0;width:3px;height:3px;background:white}

/* -------------------------------------------------------------------
 * tables
 * ------------------------------------------------------------------- */
table {width:100%;max-width:100%;border-width:0}
th,td {border-bottom:1px solid #E8E8E8;text-align:center}
th {border-top:1px solid #E8E8E8}
td {}
th:first-child,td:first-child {padding-left:0}
th:last-child,td:last-child {padding-right:0}
/* ÆäÀÌ¡ */
.paging {display:inline-block;font-size:0.765rem}
.paging a {float:left;margin:0 3px;padding:3px 11px;border-radius:5px;color:black;text-decoration:none;transition: background-color .3s}
.paging a.active {border-radius:5px;background:red;color:white}
.paging a:hover:not(.active) {background:#ddd}
.paging li {display:inline}

/* -------------------------------------------------------------------
 * tag(ű×, ¶óº§)
 * ------------------------------------------------------------------- */



 /* ===================================================================
  *  04. forms
  *
  * ------------------------------------------------------------------- */
fieldset {border:none}
input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea,select {display:block;max-width:100%;padding:.3rem;border:1px solid lightgray;font-size:.875rem;line-height:1.2rem;background:rgba(0, 0, 0, 0);
-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;outline:none;vertical-align:middle}
textarea {min-height:20rem}
input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus
{border:1px solid #555}
label,legend {display:none;margin-bottom:.6rem;font-size:1.4rem;color:#020202}
input[type="checkbox"],input[type="radio"] {display:inline}
label > input[type="checkbox"],label > input[type="radio"] {position:relative;top:.15rem;margin:0}

input.search[type=text] {display:block;height:32px;margin:5px 0;padding-left:40px;border:2px solid lightgray;border-radius:5px;background:url(../images/img_searchicon.png) 10px 10px no-repeat}

/* ===================================================================
 *  05. buttons
 *
 * ------------------------------------------------------------------- */
[class^="btn_"],input[type="submit"],input[type="reset"],input[type="button"] {margin:4px 2px;padding:10px 15px;border:none;color:black;background-color:;text-decoration:none;cursor:pointer}
a[class^="btn_"],a[class^="btn_"]:hover,a[class^="btn_"]:focus,
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus
{text-decoration:none}

button {display:inline-block;float:left;margin:0 5px;padding:5px 10px;border:none;border-radius: 3px;font-size:0.875rem;background:gray;color:white;text-align:center;text-decoration:none;transition:background-color .3s}
button:hover {background:black}



/* ===================================================================
 *  06. other components
 *
 * ------------------------------------------------------------------- */
.blind {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px}
.inline {display:inline !important;}
.block {display:block !important;}
.inline-block {display:inline-block !important;}
.v_scroll {overflow-y:scroll;overflow-x:hidden} /* ÄÁÅÙÃ÷¿µ¿ª ¼¼·Î ½ºÅ©·Ñ */
.h_scroll {overflow-y:hidden;overflow-x:scroll} /* ÄÁÅÙÃ÷¿µ¿ª °¡·Î ½ºÅ©·Ñ */
.hidden {position:fixed;left:-999999px;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;color:transparent;text-indent:-999999px;opacity:0;visibility:hidden;}
/* ----------------------------------------------------------------------
 * ¾ÆÀÌÄÜ
 * -------------------------------------------------------------------- */