/* board */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,400,500,700&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap');

/*==========================================================================
Base
==========================================================================*/
/* word-break:break-all; word-wrap:break-word; */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-family:'Roboto','Noto Sans KR', sans-serif; vertical-align:baseline;}
html {font-size:62.5%;}
body {-webkit-text-size-adjust:none; font-family:inherit; font-size:1.6rem; font-weight:400;}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{color:#222;text-decoration:none;background-color:transparent}
a:active,a:hover{outline:0}
a:focus,a:hover{color:#2462a8;text-decoration:none}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
a,a:visited{text-decoration:none}
fieldset{margin:0 2px;padding:.35em .625em .75em;border:1px solid silver}
legend{padding:0;border:0}
textarea{overflow:auto}
ul{padding-left:0;list-style:none}

.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.center-block{display:block;margin-right:auto;margin-left:auto}
.pull-right{float:right!important}
.pull-left{float:left!important}
.row{margin-right:0;margin-left:0}
.row:after,.row:before{display:table;content:' '}
.row:after{clear:both}
.col-sm-12{position:relative;min-height:1px;padding-right:0;padding-left:0;float:left;width:100%}
.col-sm-8{position:relative;min-height:1px;padding-right:0;padding-left:0;float:left;width:66.66666667%}
.col-sm-2{position:relative;min-height:1px;padding-right:0;padding-left:0;float:left;width:16.66666667%}
.col-sm-offset-2{margin-left:16.66666667%}
.form-inline input,.form-inline select,.form-inline .btn{display:inline-block;margin-bottom:0;vertical-align:middle}

.board_table{width:100%}
.board_table table{width:100%;border-collapse:collapse}
.board_table caption{text-indent:-2000px;height:0;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden}
.board_table ul{margin-top:15px; margin-bottom:10px;padding-left:0;list-style:none}
.board_table ul ul{margin-bottom:0}

/* ---------- list page ---------- */
.bbs_list,.bbs_view,.list_other,.bbs_write{border-top:1px solid #999999; font-size:1.2rem;}
.bbs_list th,.bbs_view th {background-color:#f5f5f5; border-bottom:0; padding:1.2rem 0;}
.bbs_list td,.bbs_view td {border-bottom:1px solid #e1e1e1; color:#555; padding:1rem; text-align:center; vertical-align:middle;}
.bbs_list .subject{text-align:left}

/* Pagenation */
.pagination{clear:both; display:flex; flex-wrap:nowrap; justify-content:center; margin:20px auto; padding-left:0; border-radius:0;}
.pagination>li{margin:0 3px;}
.pagination>li>a,.pagination>li>span{float:left; position:relative; margin-left:-1px; padding:8px 0; border:1px solid #ddd; background-color:#fff; line-height:1.42857143; color:#777; text-decoration:none; box-sizing:border-box;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:0;border-bottom-right-radius:0}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{border-color:#ddd;background-color:#eee;color:#23527c}
.pagination>li>a>span{color:#ccc}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;border-color:#337ab7;background-color:#337ab7;color:#fff;cursor:default}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{border-color:#ddd;background-color:#fff;color:#777;cursor:not-allowed}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:0;border-bottom-left-radius:0}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:0;border-bottom-right-radius:0}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:0;border-bottom-left-radius:0}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:0;border-bottom-right-radius:0}

/* Btn */
.btn{display:inline-block;margin-bottom:0;padding:6px 12px;border:1px solid transparent;border-radius:4px;background-image:none;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;vertical-align:middle;white-space:nowrap;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}
.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn-default{border-color:#ccc;background-color:#fff;color:#333}
.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover{border-color:#adadad;background-color:#e6e6e6;color:#333}
.btn-primary{border-color:#2e6da4;background-color:#337ab7;color:#fff}
.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover{border-color:#204d74;background-color:#286090;color:#fff}
.btn-info{border-color:#46b8da;background-color:#5bc0de;color:#fff}
.btn-info.active,.btn-info.focus,.btn-info:active,.btn-info:focus,.btn-info:hover{border-color:#269abc;background-color:#31b0d5;color:#fff}
.btn-group-lg>.btn,.btn-lg{padding:10px 16px;border-radius:6px;font-size:1.6rem;line-height:1.3333333; box-sizing:border-box;}
.btn-group-sm>.btn,.btn-sm{padding:5px 10px;border-radius:3px;font-size:1.2rem;line-height:1.5}
.btn-group-xs>.btn,.btn-xs{padding:1px 5px;border-radius:3px;font-size:1.2rem;line-height:1.5}

.btn-video{padding:5px 5px 5px 20px;border-radius:2px;font-size:11px;line-height:11px;border-color:#ccc;color:#333;background:#fff url(../images/board/icon_video.png) no-repeat 5px 4px}
.btn-video.active,.btn-video.focus,.btn-video:active,.btn-video:focus,.btn-video:hover{border-color:#adadad;color:#333}

/* Search mobile */
.board_search,.board_search_mobile {padding:1.5rem 1rem; text-align:center; font-size:1.2rem; background:#fafafa;  border:1px solid #e1e1e1;}
.board_search fieldset legend,.board_search_mobile fieldset legend {text-indent:-2000px; height:0; font-size:0; line-height:0; overflow:hidden; border-bottom:0}
.board_search form,.board_search_mobile form {width:100%;}
.board_search_mobile form,.board_search_mobile fieldset,
.board_search form,.board_search fieldset {border:0}
.board_search select,.board_search_mobile select {width:6rem !important; padding:0.4rem 0.5rem 0.9rem; font-size:1.1rem; border:1px solid #ccc; border-radius:4px; box-sizing:border-box;}
.board_search input,.board_search_mobile input {width:55% !important; padding:0.7rem 0.5rem 0.8rem; border:1px solid #ccc; border-radius:4px; box-sizing:border-box;}


/* ---------- view page ---------- */
.bbs_view th{text-align:left;padding-left:20px;}
.bbs_view .view_info{padding-right:20px;font-size:12px;color:#666;text-align:right}
.bbs_view .view_info span{padding-left:10px;color:#999}
.bbs_view .view_cont{padding:20px;text-align:left;line-height:1.7}

/* Other Post View */
.list_other{font-size:11px}
.list_other tbody th{background-color:#f5f5f5;border-bottom:1px solid #e1e1e1;padding:10px}
.list_other tbody td{border-bottom:1px solid #e1e1e1;color:#555;padding:10px;text-align:left}

/* ---------- write page ---------- */
.bbs_write th,.bbs_write td {vertical-align:middle;}
.bbs_write th {background-color:#f5f5f5; border-bottom:1px solid #e1e1e1; padding:1.2rem 0;}
.bbs_write td {border-bottom:1px solid #e1e1e1; color:#555; padding:1rem; text-align:left; vertical-align:middle;}
.bbs_writet .subject{text-align:left}
.bbs_write input.inputSubject,.bbs_write textarea{width:95%;padding:12px;border:1px solid #e1e1e1;resize:none;}

/* ---------- gallery page ---------- */
.gallery_list{border-top:1px solid #006ac6;border-bottom:1px solid #ccc;font-size:13px}
.gallery_list:after{clear:both;display:block;content:''}
.gallery_list ul{overflow:hidden;margin:10px -10px}
.gallery_list li{float:left;width:168px;height:190px;margin:10px 9px 10px 10px;*margin:10px 8px;padding:0}
.gallery_list li img{width:168px;height:108px;border:1px solid #ccc}
.gallery_list li p{overflow:hidden;width:168px;max-height:46px;margin:5px 0;padding:0;line-height:1.6;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word}
.gallery_list li span{font-size:12px;color:#888}


/* ---------- commment ---------- */
.view_comment{border-top:1px solid #999;border-bottom:1px solid #999;font-size:13px}
.media{margin:10px 0;padding:10px 0;border-top:1px dotted #999999;}
.media:first-child{border:0}
.media,.media-body{overflow:hidden;zoom:1}
.media-body{width:10000px}
.media-object{display:block}
.media>.pull-left{float:left!important;padding-right:10px}
.media-body{display:table-cell;vertical-align:top}
.media-heading{margin-top:0;margin-bottom:5px}
.media-heading small{margin-left:10px;font-weight:normal;color:#888}
.well{min-height:20px;padding:2px 20px;border:1px solid #e1e1e1;border-radius:4px;background-color:#f5f5f5;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}
.form-group,.form-group-inline{margin-bottom:10px}
.form-group:after,.form-group-inline:after{display:block;clear:both;content:''}
.form-control{display:block;width:100%; padding:1rem 0.8rem;border:1px solid #ccc;border-radius:4px;background-color:#fff;background-image:none;font-size:1.1rem;line-height:1.42857143;color:#555; box-sizing:border-box; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.form-control::-moz-placeholder{color:#999;opacity:1}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}
textarea.form-control{height:auto}
.form-group-inline input{display:inline-block;width:auto;vertical-align:middle}
.form-group-inline label{display:none}
.form-group-inline small{color:#888}
.pull-right{float:right !important}