/* eunsuk.choi.82 */

@charset "euc-kr";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://fonts.googleapis.com/css?family=Montserrat|Great+Vibes|Poiret+One|Lato:100,200,300,400,500,600,700 );

/* Reset */
* {margin:0; padding:0}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%}
ul,ol,dl,dt,dd,li {list-style:none}
fieldset {border:none}
img {border:0; vertical-align:middle}
strong {font-weight:meidiun; letter-spacing:-0.05em;}
address,em {font-style:normal; color:#969696}
hr {display:none}
table {border-collapse:collapse; width:100%; }
table, td, th {border:none; font-family:'Lato','Noto Sans KR', 'Malgun Gothic',Dotum, Arial, sans-serif; }
th {font-weight:normal}
a {color:inherit; text-decoration:none; cursor:pointer}
a:hover,a:focus {text-decoration:none}
caption,legend {visibility:hidden; width:0; height:0; font-size:0; line-height:0}
button {cursor:pointer;border:0;background-color:transparent;padding:0;margin:0;}
button > span,button > em {position:relative;top:0;left:0;}
label {line-height:13px;}
mark {background:none; color:inherit;}
textarea { font-family:'Lato','Noto Sans KR', 'Malgun Gothic',Dotum, Arial, sans-serif; padding:10px; background: #fefefe; border:1px solid #e2e2e2; border-radius: 3px; box-shadow: inset 1px 3px 4px -3px rgba(0,0,0,0.1); resize:none; behavior: url( 'PIE.htc' );}
select {font-family:'Lato','Noto Sans KR', 'Malgun Gothic',Dotum, Arial, sans-serif; padding: 6px 4px 6px 4px; border-radius: 3px; border: 1px solid #e2e2e2; background: #FFF; color: #696F74; font-size:1.05em !important; line-height: 18px !important; font-weight: normal; }
input[type="text"], input[type="password"] {height:32px; padding:0 5px; line-height:18px; text-indent:3px; color: #696F74; vertical-align:middle;
background: #fefefe; border:1px solid #e2e2e2; border-radius: 3px; box-shadow: inset 1px 3px 4px -3px rgba(0,0,0,0.1);}
input[type="file"] {padding:5px; border:1px solid #e2e2e2; color:#666; background:none; border:none}
input[type="image"], input[type="checkbox"] {border:0 none !important; vertical-align: middle; margin-right: 2px;}
input[type='checkbox'], input[type="radio"] {width:16px; height:16px; position:relative; top:-1px; vertical-align:middle; margin-right:3px;}
input[type="submit"] {-webkit-appearance: none; border-radius: 0;}

input[type="text"], input[type="password"] { width: auto; /* 원하는 너비 설정 */ height: auto; /* 높이값 초기화 */ line-height : normal; /* line-height 초기화 */ 
padding: .6em .5em; /* 원하는 여백 설정, 상하단 여백으로 높이를 조절 */ font-family: inherit; /* 폰트 상속 */ border: 1px solid #999; border-radius: 0; /* iSO 둥근모서리 제거 */ 
outline-style: none; /* 포커스시 발생하는 효과 제거를 원한다면 */ -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */ -moz-appearance: none; appearance: none; 
font-size:14px;}


.ed { width: auto; /* 원하는 너비 설정 */ height: auto; /* 높이값 초기화 */ line-height : normal; /* line-height 초기화 */ padding: .6em .5em; /* 원하는 여백 설정, 상하단 여백으로 높이를 조절 */ font-family: inherit; /* 폰트 상속 */ border: 1px solid #999; border-radius: 0; /* iSO 둥근모서리 제거 */ outline-style: none; /* 포커스시 발생하는 효과 제거를 원한다면 */ -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */ -moz-appearance: none; appearance: none; }

@media \0screen {input[type=text], input[type=password]{line-height:30px;}}

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.blind {position:absolute;left:0;top:0;font-size:0;visibility:hidden;width:0;height:0;line-height:0}
.hidden {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999px}
.none    {position:absolute; top:-5000px; left:-5000px; height:0;}
.png24 {tmp:expression(setPng24(this));}

.clearfix:after {content:" "; display:block; clear:both; height:0; visibility:hidden; font-size:0; }


#brd_contents {clear:both; width:100%; max-width:1200px; margin:0 auto; color:#5d5d5d; font-family:'Lato','Noto Sans KR', 'Malgun Gothic',Dotum, Arial, sans-serif; font-size:14px;}

/* board */
.board_con {position:relative; vertical-align:middle;}
.board_con h2 {margin-bottom:18px; color:#252525; font-weight:600; font-size:1.45em; text-align:left;}

.tb_basic {margin: 15px 0 20px; border-top:2px solid #222;}
.tb_basic th, .tb_basic td {border-bottom:1px solid #d9d9d9; padding:15px 3px; text-align:center; color:#2d2d2d;}
.tb_basic th {background:#e9e9e9; font-weight: 600;}
.tb_basic th.tit {text-align:center;}
.tb_basic tr:hover td {background:#f5f5f5;}
.tb_basic .tit {text-align:left; padding-left:1%;}
.tb_basic .ckbox {padding-left: 1%; width:3%;}
.tb_basic .num {width: 4%;}
.tb_basic .name {width: 6%;}
.tb_basic .date {width: 8%;}
.tb_basic .views {width: 4%;}

.board_btn_box {float:right; text-align:right; padding-bottom:20px;}
.board_btn_box a {padding:10px 15px; color:#fff; background:#999;}
.board_btn_box a.btn_manager {background:#999;}
.board_btn_box a.btn_writing {background:#444;}

.submit_button { border:none; padding: 0.5em 1.5em; color: #fff; background: #444; font-family:'Lato','Noto Sans KR', 'Malgun Gothic',Dotum, Arial, sans-serif; font-size: 14px; cursor:pointer;}
.button_list { border:none; padding: 0.6em 1.5em; color: #fff; background: #999; font-family:'Lato','Noto Sans KR', 'Malgun Gothic',Dotum, Arial, sans-serif; font-size: 14px; cursor:pointer;}
.button_list:link, .button_list:visited, .button_list:active  { color:#FFF;}

.write_head {height:40px;}

/* board detail */
.board_detail_con {position:relative; width:100%;}
.board_detail_con h2 {text-align:left; margin-bottom:18px; color:#252525; font-weight:600; font-size:1.45em;}

.tb_detail {border-top:2px solid #000; }
.tb_detail th {text-align:left;padding:15px 3px;color:#2d2d2d;}
.tb_detail th p {display: inline-block; margin-left:1.5%;}
.tb_detail td {padding:2.5%; text-align:left; color:#2d2d2d;}
.tb_detail tr {border-bottom:1px solid #d9d9d9;}
.tb_detail .tit {padding-left:1%; border-bottom:2px dotted #efefef; color:#252525; font-size:1.15em; font-weight:600; height:60px;}
.tb_detail .period {width:7%; padding-right: 1%; color:#9a9a9a; text-align: right;}
.tb_detail img {padding-top:2%; padding-bottom:3%;}
.board_list {float:right; padding-top: 20px;}
.board_list a {border:1px solid #e0e0e0; padding:10px 25px;}
.board_list a img {padding-right:5px;}
.board_list a.answer {padding:10px 15px; color:#fff; background:#444;}


/* gallery */
.tb_gallery {margin: 15px 0 20px; border-top:2px solid #222; border-bottom: 1px solid #d9d9d9;}
.tb_gallery td {width:25%; padding: 15px 12px 25px; text-align:center; color:#2d2d2d;}
.tb_gallery a .g_img {width:100%;}
.tb_gallery a .g_img img {width:auto; height: 23vh;}
.tb_gallery p {padding:5% 0; font-weight:600;}


/* pager */
.pager {margin-top:80px; text-align:center; clear:both;}
.pager div {text-indent:-9999px; background:url('../images/btn_pager.gif') no-repeat; width:30px; height:30px; vertical-align:middle;}
.pager div.first {background-position:0 0; margin-right:-1px;}
.pager div.prev {background-position:-30px 0;}
.pager div.next {background-position:-60px 0;}
.pager div.end {background-position:-90px 0; margin-left:-1px;}
.pager a {display:inline-block; width:30px; height:30px; text-align:center; line-height:30px; font-family:verdana, arial, sans-serif; font-size:12px; color:#8f8f8f; margin:0 2px; }
.pager a.select {font-weight:bold; color:#fff; background:#444;}


/* 사이즈별 */
@media only screen and (max-width: 1200px ){

}

@media only screen and (max-width: 768px ){
body {font-size:12px;}

.tb_basic {letter-spacing:-.05em;}
.tb_basic .num, .tb_basic .name, .tb_basic .views {width:auto;}
.tb_basic .date {width:15%;}

.board_con {padding-right:0;}
.tb_detail .period {text-align:left;}
.tb_detail img {width:100%;}
.tb_gallery td {display:inline-block; width:50%; padding: 15px 5px;}
.tb_gallery a .g_img img {height: 20vh;}
}