@charset "utf-8";

@font-face {
    font-family: 'SUIT';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraLight.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'SUIT';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Cafe24Shiningstar';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Shiningstar.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.wrap{overflow:hidden;}
br{font-family : Malgun Gothic, "돋움" !important}
 

 
/* 초기화 */
*{letter-spacing: -0.07em;line-height:1em}
html {overflow-y:scroll;/*overflow-x: scroll;*/}
body {margin:0;padding:0;font-size:0.75em;font-family : 'SUIT', Malgun Gothic, "돋움", Dotum, sans-serif ;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
.montser{font-family :"Montserrat", Malgun Gothic, "돋움"; letter-spacing:-0.3px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd ,li{margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family : 'SUIT', Malgun Gothic, "돋움", Dotum, sans-serif ;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

 *:focus { outline:none; }

textarea, select {font-family : 'SUIT', Malgun Gothic, "돋움", Dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:keep-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
input, textarea, button { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
 
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
button{border:0;}
input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
 
.block{display:block}
.clear:after{content:"";display:block;clear:both;*zoom:1}

.sound{display:inline-block;width:0;height:0;font-size:0 !important;line-height:0}
caption{display:none}
.hidden{display:none}
a{outline:0} 
::selection {background: #2e2d2d;color: #FFF;text-shadow: none;}
::-moz-selection {b ackground:#431601;color: #FFF;text-shadow: none;
}
::-webkit-selection {background:#431601;color: #FFF;text-shadow: none;}


table{border-collapse:collapse; width:100%;}
.btn,.trans,.b-ajax-wrapper{
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;}

input[type=submit]{border:0;}
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px rgba(0,0,0,0.2);
-moz-box-shadow:  0 0 5px rgba(0,0,0,0.2);
box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.elip{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;word-wrap: break-word;}
.ie .elip{display:block !important;}
.e_line1{-webkit-line-clamp: 1;}
.e_line2{-webkit-line-clamp: 2;}

.placeholdersjs { color: #aaa !important; }

.right{text-align:right !important;}
.left{text-align:left !important;}
.center{text-align:center !important;}
.red{color:#e22e33 !important;}
.blue{color:#0068b7 !important;}
.orange{color:#f18e1e !important;}
 
.bg_white{background-color:#fff !important;}
.bg_gray{background-color:#fafafa;}
.bold{font-weight:bold !important;}
.top{vertical-align:top}
.middle{vertical-align:middle}
.bottom{vertical-align:bottom}
.w900{font-weight:900 !important}
.w500{font-weight:500 !important}
.w400{font-weight:400 !important}
.mb0{margin-bottom:0 !important;}
.pointer{cursor:pointer;}


.btn{border-radius:5px;}
.btn1{background-color:#efefef; color:#1f1513; border:1px solid #6a6a6a; }
.btn1:hover{background-color:#0068b7; color:#fff; border:1px solid #0068b7; }

.btn_submit{color:#fff;background-color: #7c5f44;border-radius:5px;}
.btn_submit:hover{background-color: #543e29 !important;}
.btn_cancel{color:#7c5f44; background-color:#fff; border-radius:5px;}
.btn_cancel:hover{ }

.full_input{width:100%;}
.half_input{width:50%;}
.half_input2{width:45%;}

.half_input20{width:20%;}
.half_input35{width:35%;}
.half_input5{width:5%;}

.full_input70{width:70%;}



.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input + label {position:relative;color:#1c1c1c;}
.chk_box input + label:hover {color: #1c1c1c;}
.chk_box input + label span {display: inline-block;background:#fff;border: 1px solid #6a6a6a;border-radius:3px;vertical-align: middle;margin-top: -2px;text-align: center;width: 18px;height: 18px;margin-right: 4px;}
.chk_box input[type=radio]+ label span{border-radius:50%;}
.chk_box input + label span i{display:none;color: #fff;font-size: 13px;}
.chk_box input:checked + label span {background-color: #7c5f44;border: 1px solid #7c5f44;}
.chk_box input:checked + label span i {display: inline-block;position: relative;top: 2px;}

 
/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border: 1px solid #d0d0d0;background:#fff;color:#000;vertical-align:middle;font-size: 16px;border-radius:3px;padding:5px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;}

.full_input {width: 100% !important;}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}


span.cate{display: inline-block;width: auto;height: 30px;line-height: 30px;color: #fff;font-size: 15px;text-align: center;margin-right: 10px;vertical-align: middle;background-color: #aaa;padding: 0 10px;}