@charset "utf-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,
legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;
padding:0;outline:none;margin:0;padding:0;font-family:'nanumgothic', 'Nanum Gothic';font-size:12px}
fieldset,img{border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
input::-ms-clear {display:none}
button {border:0 none;background-color:transparent;cursor:pointer}
body {width:100%;height:100%;}
body,th,td,input,select,textarea,button {line-height:1.5;color:#555} 
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none;color:#8F1D21}
a:active {background-color:transparent}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}


.bg0 {background:#fff}
.bg1 {background:#f2f5f9}


/* button */ 
a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
.btn_confirm {text-align: center;}
.btn_submit {padding:8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}
a.btn{padding:7px 10px;background:#fefefe;color:#444;border:1px solid #ddd;white-space:nowrap;position:relative;display:inline-block;cursor:pointer;font-family:tahoma;font-size:12px}
a.btn_sub{background:#3176b1;border-color:#366790;padding:5px 10px;color:#fff;}
a.btn_sub:hover{background:#296191;color:#fff}
.btn_sub{background:#3176b1;border-color:#366790;padding:5px 10px;color:#fff}
.btn_sub:hover{background:#296191;color:#fff}
.btn_bsub {padding: 7px 10px;font-size: 12px;border: 0;background: #FFD040;color: #fff;margin: 0;cursor: pointer;}

/* 전체 폭 */
.wrap{width:auto;margin:0 auto;}
.backc{width:auto;background: url(../img/bg.png) top left repeat;overflow: hidden;}


/* sub menu */
#sub_menu{margin-top:-50px;width:auto;}

.headline {display: block;margin: 10px 0 10px 5px;font-size: 12px; border-bottom: 1px solid #e33334   }
.headline h2, .headline h3{margin-bottom:5px;font-size:14px}
.headline h4{border-bottom: 1px dotted #e4e9f0; margin-bottom:5px} 


#top{border-bottom:1px solid #eee;padding:10px 0;background:#464543;width:100%;position:fixed; z-index: 1000;}
#top h1#logo{margin:0;padding:0 0 0 280px;float:left}
#top h1 a{/*@title-font-size=font-size:*/ font-size: 32px /*@*/;line-height:50px;margin:0;color:#fff}


/* searchBox */
#searchBox{width:auto;padding:10px 0;border-bottom:1px solid #ccc;background:#fff}
.cf:before, .cf:after{content:"";display:table;}
.cf:after{clear:both}
.cf{zoom:1}
.searchform{width:200px;margin:0 auto}
.searchform input {width:129px;height:9px;padding:10px;line-height:10px;float:left;border:1px solid #ccc;border-right:0;background:#fff;border-radius: 3px 0 0 3px}
.searchform input:focus {outline:0;background:#fff;box-shadow:0 0 2px rgba(0,0,0,.8) inset}
.searchform button {overflow:visible;position:relative;float:right;border:0;padding:0;cursor:pointer;height:30px;width:50px;
	font: bold 12px/35px 'lucida sans', 'trebuchet MS', 'Tahoma';line-height:30px;color: #fff;background:#d83c3c;border-radius: 0 3px 3px 0;text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}

.searchform button:hover{background: #e54040}
.searchform button:active,.searchform button:focus{background:#c42f2f;outline:0}
.searchform button:before {content:'';position:absolute;border-width: 8px 8px 8px 0;border-style: solid solid solid none;border-color: transparent #d83c3c transparent;
	top: 8px;left: -6px;}
.searchform button:hover:before{border-right-color: #e54040}
.searchform button:focus:before,.searchform button:active:before{border-right-color: #c42f2f}
.searchform button::-moz-focus-inner {border:0;padding:0}




/* s_list */
.s_list{padding:10px 15px;font-size:18px;color:#333;background:#fff;display:block;margin-bottom:20px}
.s_list em{font-family: Helvetica;color:#fd2100;font-style:normal;margin-right:3px}

/* cotainer */

.rwrap{width:100%;margin:0 auto;padding-top:100px}
.mwrap{width:100%;margin:0 auto;padding-top:100px}
#container {min-height:550px}
#content{width:728px;float:left;}
#sidebar{width:300px;float:right;}
#container:after{display:block;clear:both;content:''}
#mcontainer {margin-top:100px;min-height:550px}
#inner_layout {margin-top:100px;min-height:550px}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer {
  background: #00428a;
  padding: 0 0 30px 0;
  color: #eee;
  font-size: 14px;
}

#footer .footer-top {
  background: #004a99;
  padding: 60px 0 30px 0;
}

#footer .footer-top .footer-info {
  margin-bottom: 30px;
}

#footer .footer-top .footer-info h3 {
  font-size: 34px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  color: #fff;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
}

#footer .footer-top .footer-info p {
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 0;
  color: #ecf5ff;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #007bff;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #0067d5;
  color: #fff;
}

#footer .footer-top h4 {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 10px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul li {
  padding: 8px 0;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #ecf5ff;
}

#footer .footer-top .footer-links ul a:hover {
  color: #74b5fc;
}

#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}

#footer .footer-top .footer-contact p {
  line-height: 26px;
}

#footer .footer-top .footer-newsletter {
  margin-bottom: 30px;
}

#footer .footer-top .footer-newsletter input[type="email"] {
  border: 0;
  padding: 6px 8px;
  width: 65%;
}

#footer .footer-top .footer-newsletter input[type="submit"] {
  background: #007bff;
  border: 0;
  width: 35%;
  padding: 6px 0;
  text-align: center;
  color: #fff;
  transition: 0.3s;
  cursor: pointer;
}

#footer .footer-top .footer-newsletter input[type="submit"]:hover {
  background: #0062cc;
}

#footer .copyright {
  text-align: center;
  padding-top: 30px;
}

#footer .credits {
  text-align: center;
  font-size: 13px;
  color: #f1f7ff;
}

#footer .credits a {
  color: #bfddfe;
}

#footer .credits a:hover {
  color: #f1f7ff;
}


/* article_skin  */
.list_wrap{padding:0}
.list_wrap:after{display:block;clear:both;content:''}


/* paging 
#paging {padding:15px 0 20px;display:block;text-align:center;line-height:normal}

#paging a {margin:0 4px}
#paging a span{display:inline-block;background:#fff;padding:6px 10px;color:#555;height:16px;line-height:16px;font-size:12px;font-family:tahoma}
#paging .selected {background:#649AE1;color:#fff}
#paging #prevPage,#paging #nextPage{display:inline-block;background:#fff;padding:6px 10px;color:#555;height:16px;line-height:16px;font-size:12px;font-family:tahoma}
#paging #prevPage span,#paging #nextPage span{display:inline;padding:0;height:auto;line-height:auto}
#paging .no-more-prev,#paging .no-more-next{display:none}
#paging a:hover span{background:#484D61;color:#fff}
#paging a#prevPage:hover,#paging a#nextPage:hover{background:#484D61;color:#fff}
#paging a#prevPage:hover span,#paging a#nextPage:hover span{background:#484D61;color:#fff}
*/
/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px 30px 10px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {text-decoration:none;border:1px solid #eee;border-radius:8px;}
.pg_page:hover{border:1px solid #77d3f7 ;}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#3b4c54;color:#fff;font-weight:normal;border-radius:8px;}

/* section */
.section{float:none;width:300px;margin:0 0 20px;background:#fff}
#ads{background:transparent}
.section{font-size:13px;}
.section .hx{margin:0;text-decoration:none !important;cursor:pointer;font-weight:normal;color:#222;font-family:'Open Sans',NanumGothic,'Malgun Gothic',tahoma;font-size:15px;line-height: 20px;padding:10px 20px}
.section .tx{margin:0;padding:0 15px 10px;line-height:20px}
.section .tx p{color:#565656;margin-left:5px}
.section ul{margin:0;padding:0 0;width:auto}
.section ul li {width:auto}
.section ul li i.cur{font-style:normal;font-weight:bold;font-size:14px;font-family:Tahoma;margin:0 5px 0 0;line-height:normal;}
.section ul li span.cnt{color:#f60;font-size:10px;font-family:tahoma;padding-left:5px}
.section ul a{line-height:20px;padding:8px 10px;color:#565656;display:block}
.section ul a:hover{}
.section ul.tags{width:auto}
.section ul.tags li{margin:0;display:inline-block}
.tt_category ul li li a{padding-left:35px}
.section .blogImage{margin:5px 0}
div.reader{margin:10px 0;width:auto;text-align:center}




/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;display:block;}
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {position:absolute;top:0;left:138px;padding:0 5px;width:70px;height:41px;border:1px solid #b8c9c2;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:none !important;color:transparent} 


.table {width: 100%;max-width: 100%;margin-bottom: 20px;    border-collapse: collapse;}
.table.list-pc {border-bottom: 1px solid #ddd;margin-bottom: 0px;}
.bg-white, i.bg-white, .badge.bg-white {background-color: #fff;color: #333;}
.table.list-pc th {white-space: nowrap;background: url('../img/board/head.gif') repeat-x !important;font-weight: bold;font-size: 12px;color: #333; text-align: center;}

.table>tbody>tr>th{color: #333;
    background: #f5f5f5; border-top: 1px solid #ddd;    border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.table>tbody>tr{border-bottom: 1px solid #ccc;}
.table>thead>tr { line-height: 43px;/* height: 43px; */text-align: center; /*border-top: 2px solid #333;*/ border-bottom: 1px solid #ccc; color: #333; background: #f3f3f3;}

.h10{height:10px}
.h20{height:20px}

.s_cont{width:auto;margin:0}


@media (min-width:1355px){.wrap{width:auto}.s_cont{width:auto;background: url(../img/bg.png) top left repeat;overflow: hidden;} .rwrap{width:1344px} #content{width:1024px;background: url(../img/bg.png) top left repeat;overflow: hidden;} #lst_web  .thumb{max-height:600px;}}
@media (max-width:1030px){.wrap{width:auto} .s_cont{width:auto;background: url(../img/bg.png) top left repeat;overflow: hidden;}

.rwrap{width:auto}
#content{width:auto;float:none;padding:100px 0 0 0;}
#sidebar{width:auto;float:none}
#sidebar .section{width:100%}
}



@media (max-width:600px){
	.s_cont{width:auto;background: url(../img/bg.png) top left repeat;overflow: hidden;}	
}

@media screen and (min-width: 768px){
.s_cont{width:auto;background: url(../img/bg.png) top left repeat;overflow: hidden;}

.table-list-eb .table-responsive {overflow-y: visible;}
}



.breadcrumbs {
    overflow: hidden;
    height: 50px;
    padding: 1px -1 1px;
    border-bottom: solid 1px #ddd;
    background: #f8f8f8;
    border-left: solid 2px #e33334;
}

.breadcrumbs h1 {
    color: #666;
    font-size: 20px;
    margin-left: 5px;
}

/* 페이징 */
.msg_sound_only, .sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}


/*#hd {background: #262626;width:100%;/*position:fixed;*/ z-index: 1000;padding-top:20px}*/

#ft {clear:both;min-width:1000px;background:#242424}
.ft-inner {margin:0 auto;width:1000px;zoom:1}
.ft-inner:after {display:block;visibility:hidden;clear:both;content:''}
.ft-letters {letter-spacing:-0.1em}
#ft-links {padding:10px 0;background:#2c2c2c;text-align:center}
#ft-links a {color:#a9a9a9}
#ft-links a:focus, #ft-links a:hover {color:#dadbdb}
.ft-links-vline {display:inline-block;margin:0 10px;color:#4c4c4c;vertical-align:middle}
#ft-info {padding:30px 0}
.ft-column {float:left;width:300px;height:125px;color:#999;font-size:0.95em;line-height:1.8em}
#ft-info strong {color:#fff}
#ft-info a {color:#fff}
#ft-com {}
#ft-cs, #ft-bank {padding:0 0 0 20px;border-left:1px solid #2f2f2f}
#ft-bank div {margin:10px 0 0}
#ft-sns {float:right}
#ft-sns a {display:inline-block;margin:0 0 10px}
#ft-copy {padding:10px 0 30px;color:#808080;text-align:center}
#ft-logo {display:inline-block;margin:0 10px 0 0}


.required, textarea.required {
    background: url('../img/wrest.gif') #fff top right no-repeat !important;
}
textarea.form-control { min-height: 80px;}




/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal;font-size:1em}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #383838}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #383838;background:#111;color:#fff;text-decoration:none}
.sv_wrap .sv a:focus, .sv_wrap .sv a:hover {background:#393939}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* Back to top button */
.back-to-top {
  position: fixed;
  /*display: none;*/
  background: #007bff;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 11;
}

.back-to-top i {
  padding-top: 12px;
  color: #fff;
}

/*back-to-top.js에서 사용*/
.eb-top {
	z-index: 9999;
	width: 34px; 
	height: 34px; 
    text-align: center;
    line-height: 32px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.hr{margin-bottom:30px;height:10px}