@charset "utf-8";

html{overflow-x: hidden; background: #fffff;}
body{font-family: 'Dotum'; font-size: 9px; color: #192280; line-height: 16px; letter-spacing:1px; text-align:justify;}
input, textarea{margin: 0; padding: 0; border:0; background:none; border-radius: 0; outline: none; -webkit-appearance: none; font-family: 'Dotum'; font-size: 11px; color:#192280; line-height: 16px; letter-spacing:1px;}
input::-webkit-input-placeholder{color:#192280;}
input::-ms-input-placeholder{color:#192280;}
ol, ul, li{margin: 0; padding: 0; list-style: none;}
a, a:link, a:visited, a:active{color: #192280; text-decoration: none;}
a:hover{color: #192280; transition: 0.5s;}
img{vertical-align: bottom;}
table, th, td{font-size:11px;}
::-webkit-scrollbar {width:3px;}
::-webkit-scrollbar-thumb {width:3px; background:#CADBE9;}
::selection{background:rgba(255,255,255,0); color:#6AAFE6;}
::-webkit-selection{background:rgba(255,255,255,0); color:#192280;}
::-moz-selection{background:rgba(255,255,255,0); color:#192280;}
.clear{clear: both;}
#s-m-t-tooltip{margin-top: 10px;  margin-left: 8px; padding: 3px 5px; background:rgba(255,255,255,0.7); font-family:'Verdana'; font-size:10px; border: 1px solid #192280; letter-spacing:2px; z-index:9999999;}
#container{width: 650px; margin: 50px auto;}
#content{float:left; width: 82%; max-height: 600px; overflow-y:scroll; overflow-x: hidden; background:#fff; box-sizing: border-box; border:1px solid #192280;}
#rSide{float:right; width:15%; padding:5px; background:#fff; box-sizing: border-box; border:1px solid #192280;}

.pImg{margin-bottom:5px;}
.pImg img{width:100%; border:1px solid #192280; box-sizing:border-box;}
.menu{text-transform:uppercase;}
.dropdown{width:100%; padding:3px; font-family:'Verdana'; font-size:8px;  border:1px solid #192280; box-sizing:border-box;}
.category{display: none; border:1px solid #192280; border-top:0; border-bottom:0;}
.category .category_list .c_cnt{display: none;}
.category .tt_category .link_tit, .category .category_list .link_item, .category .category_list .link_sub_item, .category .oo .uu{display: inline-block; width:100%;  padding:3px; font-family:'Verdana'; font-size:10px; box-sizing:border-box;  border-bottom:1px dotted #192280;}
.category .category_list .link_sub_item{padding-left:12px;}
.category .oo span:last-child{border-bottom:1px solid #192280;}
.category .tt_category .link_tit:hover, .category .category_list a:hover, .category .oo .uu:hover{border-right: 3px solid #192280; transition:0.3s;}
.category .category_list .sub_category_list {display: none;}
.category .category_list > li:hover .sub_category_list {display: block;}
#search input.schbox{width:75%; font-family:'Verdana';  font-size:10px;}
#search input.submit{display: none; font-family:"Font Awesome 5 Free";  font-size:10px; font-weight:bold; color:#192280;}
.dropdown:hover{background:#192280; color:#fff; letter-spacing:5px; transition:0.5s;}

.title_wrap{display: block; width: 100%;  padding: 10px; text-align:right;  box-sizing: border-box;}
.title_wrap .title{padding:2px; font-weight:bold; color:#fff; background:#192280; letter-spacing: 2px;}
.title_wrap .date1{font-family:'Verdana'; font-size:10px; color:#777;}
.article{padding: 0 10px;}
.article a{color: #192280;}
.moreless_fold::before{content: '\f152';  font-family: "Font Awesome 5 Free"; font-weight:bold; margin-right: 3px;}
.moreless_top::before{content: '\f150'; font-family: "Font Awesome 5 Free"; font-weight:bold; margin-right: 3px;}
.moreless_bottom{display: none;}
.moreless_content{padding: 10px;  margin: 5px 0px;  border: 1px dashed #192280;}
.imageblock a{display: block; color:#333; font-weight:bold;}
.imageblock a::before{content:'\f019';  font-family: "Font Awesome 5 Free";}
.imageblock a:hover{color:#192280; letter-spacing:3px; transition:0.5s;}
.imageblock a > img{display: none;}
.admin{margin:10px; float: right;}
.admin i{color:#777;}
.admin .fa-edit{font-size:10px;}

.area_related{padding:0 10px 5px;}
.tit_related{display: inline-block; font-family:'Verdana';  font-size:10px; text-transform:uppercase;}
.tit_related span{padding:2px; font-weight:bold;}
.tit_related:hover span{background:#192280; color:#fff; transition:0.5s;}
.list_related{display:none;}
.list_related::after{display: block;  clear: both;  content: '';}
.ctt_related{ float: left;  position:relative;  width:23%;  margin:1%;  border: 1px solid #192280; box-sizing:border-box;}
.ctt_related .thumb_i{width: 100%;  height: auto;  overflow: hidden;  box-sizing: border-box;}
.ctt_related .thumb_i img{display: block;  position: relative;  width: 100%;  height: auto; box-sizing: border-box;}
.ctt_related .list_t{position:absolute; top:0%; left:0%;  width:100%; height:100%;  opacity:0;  background:#192280;}
.ctt_related .list_t span{display:inline-block; position:absolute;  top:50%;  left:50%; width:90%;    transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);  -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);}
.ctt_related .list_t .title{color:#fff; text-align:center;}
.ctt_related:hover .list_t{ opacity:1;  transition:0.5s;}

.action_trail{margin-bottom:10px; font-family:'Verdana';  font-size:10px;}
.action_trail a{margin-left:10px; padding:2px;  font-weight:bold; }
.action_trail a:hover{color:#fff; background:#192280; transition:0.5s;}

.protect .article{padding:100px 0; text-align:center;}
.protect .ptt_txt{display: block; margin-bottom:10px;}
.protect .pwinput{width:80px; padding:1px;  background: #fff; border: 0;  border-bottom:1px solid #192280;  font-family: 'Verdana'; font-size: 10px;}
.protect .submit{padding:2px; background: #192280;  color:fff;  font-weight: bold;  letter-spacing: 2px;  border: 0;  font-family: 'Verdana'; font-size: 10px;}

.search_title{padding: 10px;  letter-spacing: 2px;}
.search_title span{padding:2px; font-weight:bold; color:#fff; background:#192280;}
.list_w::after{display: block; clear: both; content: '';}

#list_g .list_c{float:left; position:relative;  width:20%;  margin:2%;    box-sizing:border-box;}
#list_g .list_c .thumb_i{width: 100%;  height: auto;  overflow: hidden;}
#list_g .list_c .thumb_i img{display: block; position: relative; width: 100%; height: auto;}
#list_g .list_c .list_t{position:absolute; top:0%;  left:0%;  width:100%; height:100%;  opacity:0;  background:#192280;}
#list_g .list_c .list_t span{display:inline-block;  position:absolute;  top:50%;  left:50%; width:90%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);  -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);}
#list_g .list_c .list_t .title{color:#fff;  text-align:center;}
#list_g .list_c .list_t .date1{ display: none;}
#list_g .list_c:hover .list_t{opacity:1;  transition:0.5s;}

#list_n .list_c .thumb_i{display: none;}
#list_n .list_c {margin:0 10px; padding:13px 5px; border-bottom:1px solid #192280
html{overflow-x: hidden; background: #fffff;}
body{font-family: ‘Dotum’; font-size: 9px; color: #192280; line-height: 16px; letter-spacing:1px; text-align:justify;}
input, textarea{margin: 0; padding: 0; border:0; background:none; bord;}
#list_n .list_c .title{display: inline-block;}
#list_n .list_c .date1{display: inline-block; float:right;  font-family:'Verdana'; font-size:9px; color:#777;}
#list_n .list_c:hover .title{letter-spacing: 3px; background:#192280; color:#fff; transition:0.7s;}

.taglog{padding: 10px;}
.taglog .tag_title{display: inline-block; padding:2px 2px 0;  margin-bottom:10px; color:#fff; font-weight:bold; background:#192280
html{overflow-x: hidden; background: #fffff;}
body{font-family: ‘Dotum’; font-size: 9px; color: #192280; line-height: 16px; letter-spacing:1px; text-align:justify;}
input, textarea{margin: 0; padding: 0; border:0; background:none; bord;  letter-spacing: 2px;}
.taglog li {display:inline;}
.taglog a{padding:2px;}
.taglog a:hover{color:#192280;  transition:0.5s;}

.n_entry{margin:10px; box-sizing:border-box;}
.n_entry .title_wrap{padding:0; text-align:right; margin-bottom:5px;}
.n_entry .title_wrap .title{display: block; background:none;  color:#222;}
.n_entry .title_wrap .date1{display: inline-block; float: none; padding:2px;  background:#192280
html{overflow-x: hidden; background: #fffff;}
body{font-family: ‘Dotum’; font-size: 9px; color: #192280; line-height: 16px; letter-spacing:1px; text-align:justify;}
input, textarea{margin: 0; padding: 0; border:0; background:none; bord;  color:#fff; letter-spacing:2px;}
.n_entry .article{border:1px dashed #192280;  padding:10px;}

.gst{padding-top:10px;}
.comment .write{ width: 100%; padding: 0 10px;  box-sizing: border-box;}
.comment .write .txtarea textarea{ width: 100%;  height: 60px;  padding: 5px; margin-bottom:10px; border: 1px solid #192280
html{overflow-x: hidden; background: #fffff;}
body{font-family: ‘Dotum’; font-size: 9px; color: #192280; line-height: 16px; letter-spacing:1px; text-align:justify;}
input, textarea{margin: 0; padding: 0; border:0; background:none; bord;  box-sizing: border-box;  resize: none;}
.comment .write .input{width:100%;}
.comment .write .ss{float:right; display: inline-block; padding: 0 8px; background:#192280
html{overflow-x: hidden; background: #fffff;}
body{font-family: ‘Dotum’; font-size: 9px; color: #192280; line-height: 16px; letter-spacing:1px; text-align:justify;}
input, textarea{margin: 0; padding: 0; border:0; background:none; bord;  box-sizing: border-box;}
.comment .write .ss .check input[type="checkbox"]{display: none;}
.comment .write .ss .check input[type="checkbox"]+label:before{ display: inline-block;  content: '\f09c'; font-family: "Font Awesome 5 Free";   font-weight: bold; font-size:10px; color: #fff; margin-right:5px;  line-height: 22px;}
.comment .write .ss .check input[type="checkbox"]:checked+label:before{ content: '\f023'; color:#fff;}
.comment .write .ss .send input[type="submit"]{font-family: "Font Awesome 5 Free";  font-weight: bold; font-size:10px; color:#fff; background:none;  line-height: 22px; transform: rotateY(180deg);}
.comment .write .info {display: inline-block; float: left; width:50%;}
.comment .write .info input{width: 46%;  line-height: 22px; margin-right: 2%; padding:0 3px; border: 1px solid #192280
html{overflow-x: hidden; background: #fffff;}
body{font-family: ‘Dotum’; font-size: 9px; color: #192280; line-height: 16px; letter-spacing:1px; text-align:justify;}
input, textarea{margin: 0; padding: 0; border:0; background:none; bord;  box-sizing: border-box; font-family:'Verdana';  font-size:10px;}

.comment_list .cntli{margin:10px; border: 1px solid #192280;}
.comment_list .name, .comment_list .name a {display: inline-block;  margin-bottom:3px;  font-weight: bold;  color:#192280
html{overflow-x: hidden; background: #fffff;}
body{font-family: ‘Dotum’; font-size: 9px; color: #192280; line-height: 16px; letter-spacing:1px; text-align:justify;}
input, textarea{margin: 0; padding: 0; border:0; background:none; bord; letter-spacing: 1px;}
.comment_list #rp{padding:10px;}
.comment_list #rrp{padding: 10px;  border-top: 1px solid #192280; border-left:3px solid #192280
html{overflow-x: hidden; background: #fffff;}
body{font-family: ‘Dotum’; font-size: 9px; color: #192280; line-height: 16px; letter-spacing:1px; text-align:justify;}
input, textarea{margin: 0; padding: 0; border:0; background:none; bord;}
.comment_list .date{font-family:'Verdana'; font-size:10px; color:#777;}
.comment_list .cnt_ad a{font-size:10px; color:#777;}

.coverwrap{padding:0 10px;}
.coverwrap .covertit{margin:10px; text-align:right;}
.coverwrap .covertit span{padding:4px; color:#fff; font-weight:bold; background:#192280
html{overflow-x: hidden; background: #fffff;}
body{font-family: ‘Dotum’; font-size: 9px; color: #192280; line-height: 16px; letter-spacing:1px; text-align:justify;}
input, textarea{margin: 0; padding: 0; border:0; background:none; bord;}

.cv-n{margin:10px 0; border:1px solid rgb(71, 54, 54); border-bottom:0;}
.cv-n .covertit{margin-bottom:0;}
.cv-n .detail{padding:10px; border-bottom: 1px solid #192280;}
.cv-n .title{margin-bottom: 5px; font-weight:bold;}
.cv-n .n-img{text-align:center;}
.cv-n .n-img img{max-width: 40%; margin-bottom:5px;}
.cv-n p{margin:0; padding:0;}

.cv-l{margin:10px 0; border:1px solid #192280; border-bottom:0;}
.cv-l .l_link{display: block; border-bottom: 1px solid #192280; box-sizing: border-box;}
.cv-l p{margin:0;}
.cv-l .detail{padding: 10px;  box-sizing: border-box; vertical-align: top;}
.cv-l .detail .title{font-weight:bold; letter-spacing: 1px; margin-bottom: 5px;}
.cv-l .detail .txt{ display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical; overflow: hidden;}

.cv-g{padding-bottom:10px; margin:10px 0; border:1px solid #192280
html{overflow-x: hidden; background: #fffff;}
body{font-family: ‘Dotum’; font-size: 9px; color: #192280; line-height: 16px; letter-spacing:1px; text-align:justify;}
input, textarea{margin: 0; padding: 0; border:0; background:none; bord;}
.cv-g .in{ padding:0 6px;}
.cv-g .in::after{display: block;  clear: both;  content: '';}
.cv-g .thumb{float: left;  position: relative;  width: 23%; margin:1%; box-sizing: border-box;}
.cv-g .thumb_i{width: 100%;  height: auto;  overflow: hidden; box-sizing: border-box;}
.cv-g .thumb_i img{display: block;  position: relative;  width: 100%;  height: auto;  box-sizing: border-box;}
.cv-g .list_t{position:absolute; top:0%;  left:0%;  width:100%; height:100%;  opacity:0;  background:#192280
html{overflow-x: hidden; background: #fffff;}
body{font-family: ‘Dotum’; font-size: 9px; color: #192280; line-height: 16px; letter-spacing:1px; text-align:justify;}
input, textarea{margin: 0; padding: 0; border:0; background:none; bord;}
.cv-g .list_t span{display:inline-block;  position:absolute;  top:50%;  left:50%; width:90%;  color:#fff; text-align:center;  transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);  -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);}
.cv-g .thumb:hover .list_t{opacity:1; transition:0.5s;}

.cv-g2{padding-bottom:10px; margin:10px 0; border:1px solid #192280
html{overflow-x: hidden; background: #fffff;}
body{font-family: ‘Dotum’; font-size: 9px; color: #192280; line-height: 16px; letter-spacing:1px; text-align:justify;}
input, textarea{margin: 0; padding: 0; border:0; background:none; bord;}
.cv-g2 .in::after{display: block;  clear: both;  content: '';}
.cv-g2 .thumb{float: left; position: relative;  width:94%; margin:1.5% 3%;  border: 1px solid #192280
html{overflow-x: hidden; background: #fffff;}
body{font-family: ‘Dotum’; font-size: 9px; color: #192280; line-height: 16px; letter-spacing:1px; text-align:justify;}
input, textarea{margin: 0; padding: 0; border:0; background:none; bord; box-sizing: border-box;}
.cv-g2 .thumb_i{float: left;  width: 40%;  height: auto;  overflow: hidden; border-right:1px solid #192280
html{overflow-x: hidden; background: #fffff;}
body{font-family: ‘Dotum’; font-size: 9px; color: #192280; line-height: 16px; letter-spacing:1px; text-align:justify;}
input, textarea{margin: 0; padding: 0; border:0; background:none; bord;}
.cv-g2 .thumb_i img{display: block;  position: relative;  width: 100%;  height: auto;}
.cv-g2 .thumb_i img:hover{transform: scale(1.2);  transition: 0.8s;}
.cv-g2 .list_t{float:right; width:60%;}
.cv-g2 .list_t .thinfo{position:absolute; width: 60%; top: 50%; right:0%; padding:10px; box-sizing:border-box; transform:translate(0%,-50%);}
.cv-g2 .list_t .thinfo .title{display: block; text-align:left; font-weight:bold;}
.cv-g2 .list_t .thinfo .txt{display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 50px;}

.paging{padding: 10px;}

.window{display: none; position:fixed; top:50%; left: 50%; transform:translate(-50%,-50%); width:260px; max-height: 300px; padding: 10px; border: 1px solid #192280
html{overflow-x: hidden; background: #fffff;}
body{font-family: ‘Dotum’; font-size: 9px; color: #192280; line-height: 16px; letter-spacing:1px; text-align:justify;}
input, textarea{margin: 0; padding: 0; border:0; background:none; bord; box-sizing: border-box; background:#fff; overflow-y: scroll; overflow-x: hidden;}
.window .sunflower{text-align:center; margin-bottom:5px;}
.window .sunflower span{padding: 2px; color: #fff; background:#192280
html{overflow-x: hidden; background: #fffff;}
body{font-family: ‘Dotum’; font-size: 9px; color: #192280; line-height: 16px; letter-spacing:1px; text-align:justify;}
input, textarea{margin: 0; padding: 0; border:0; background:none; bord; font-weight: bold;}
.window .myctt img{width:100%; margin:5px 0;}
.window .close{position:absolute; top:13px; right:10px;}
.window::-webkit-scrollbar {width:0px;}
.window::-webkit-scrollbar-thumb {width:0px;}
/*.window .myctt .iconlist{font-family:'Verdana'; font-size:10px;}*/


/*========== copyright ==========*/
.yunicorn{position:fixed; left: 13px; bottom: 10px; font-family:'Verdana' !important; font-size: 10px;}
/*========== copyright ==========*/


@media (max-width:768px){
  #container{width:100%; margin: 20px auto;}
  #content{width: 100%; max-height: none; margin-bottom:100px; box-sizing: border-box;}
  .cate .category_list .sub_category_list{display: block;}
  #list_g .list_c{width:47%;  margin:1.5%;}
  #list_g .list_c .list_t{background:rgba(255,255,255,0.3); opacity:1;}
  #list_g .list_c .list_t .title{color:#222;}
  #rSide{float: none; display:block;  width:30%;  margin:10px auto;}
}