@charset "utf-8";

/* 내용관리 */
#ctt {margin:0;padding:0;background:#fff;width: 100%;}
.ctt_admin {display: none;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

/* 내용 페이지 공통 */
#bo_btn_top {margin:0;}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}

#bo_btn_top .bo_list_title {float: left;}
#bo_btn_top .bo_list_title h4 {margin-bottom: 0;padding-bottom: 15px;position: relative;font-size: 26px;font-weight: 700;color: #000;}
#bo_btn_top .bo_list_title h4:after {position: absolute;left: 0;bottom: 0;width: 50px;height: 4px;background-color: #3597d9;content: "";}
@media only screen and (max-width: 640px) {
}

.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;width:40px;text-align:center;margin-left:5px;background:transparent;}
.btn_bo_user > li {position:relative}
.btn_bo_user .btn {padding: 0 10px; font-size: 1.4em;margin: 0;background-color: #bababa;color: #fff;border-radius: 3px;}
.btn_bo_user .btn:focus, .btn_bo_user .btn.focus, .btn_bo_user .btn:hover, .btn_bo_user .btn.active {
    outline: 0;
    box-shadow: none;
    background-color: #202020;
}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}

a.btn_admin, .btn_admin {
    display: inline-block;
    color: #fff !important;
    text-decoration: none;
    vertical-align: middle;
    width: 100%;
    padding: 0 6px !important;
}

.more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #b8bfc4;z-index:999}
.more_opt:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.more_opt:after {content:"";position:absolute;top:-6px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px 10px;float:inherit;width:90px;margin:0;color:#6b757c;text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {float:right;line-height:20px}

#ctt_con.display-mobile {display: none;}
@media only screen and (max-width: 800px) {
    #ctt_con.display-pc {display: none;}
    #ctt_con.display-mobile {display: block;}
}