@charset "utf-8";

#faq_cate {width:100%;margin:0 0 36px 0;}
#faq_cate ul {font-size:0;line-height:0;text-align:center;zoom:1}
#faq_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#faq_cate ul li {display:block;float:left;position:relative;width:20%;}
#faq_cate ul li a {display:block;position:relative;color:#666;font-size:14px;line-height:48px;background:#fff;border:solid 1px #ddd;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#faq_cate a:focus, #faq_cate a:hover, #faq_cate a:active {color:#fff;line-height:48px;font-weight:400;background:#444;border:solid 1px #222;}
#faq_cate #bo_cate_on {color:#fff;line-height:48px;font-weight:400;background:#444;border:solid 1px #222;}


/*검색폼*/
.faq_sch_wrap {display:block;position:relative;margin:0 auto 40px auto;padding:20px;border:solid 1px #eee;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.faq_sch {position:relative;width:100%;max-width:600px;margin:0 auto;}
.faq_sch:after {display:block;visibility:hidden;clear:both;content:""}
.faq_sch .sch_bar {display:block;float:left;position:relative;width:100%;border:solid 1px #ccc;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.faq_sch .sch_bar:after {display:block;visibility:hidden;clear:both;content:""}
.faq_sch .sch_input {display:block;width:100%;height:38px;text-indent:10px;border:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.faq_sch .sch_btn {display:block;position:absolute;right:0;top:0;width:60px;height:38px;color:#fff;text-align:center;line-height:40px;;background:#4a4c58;border:none}

.all_chk {float:left;line-height:40px;}

/* 리스트 */
.faq {margin:0 0 20px 0;border-top:solid 2px #444;}
.faqitem {position:relative;}
.faqitem .header {padding:24px 40px 24px 70px;color:#222;line-height:22px;cursor:pointer;border-bottom:solid 1px #ddd;}
.faqitem .header:after {display:block;visibility:hidden;clear:both;content:""}
.faqitem .header strong {display:block;position:absolute;left:20px;top:20px;width:30px;height:30px;margin:0 10px 0 0;font-family:'Lato';font-size:18px;color:#444;font-weight:900;line-height:30px;text-align:center;}
.faqitem .header p {display:block;overflow:hidden;white-space:nowrap;
text-overflow:ellipsis;  /* IE, Safari */
-o-text-overflow:ellipsis;  /* Opera under 10.7 */
-moz-binding: url('ellipsis.xml#ellipsis');
}
.faqitem .header i {display:block;position:absolute;right:20px;top:24px;font-size:24px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.faqitem .header .bo_cate_link {display:inline-block;margin:0 6px 0 0;color:#15aacf;}
.faqitem.jquery-accordion-active .header i {transform-origin:50% 50%;transform:rotate(180deg);}

.faqitem .content {display:none;position:relative;padding:24px 20px 24px 70px;border-bottom:solid 1px #ddd;}
.faqitem .content strong {display:block;position:absolute;left:20px;top:20px;width:30px;height:30px;margin:0 10px 0 0;font-family:'Lato';font-size:18px;color:#444;font-weight:900;line-height:30px;text-align:center;}
.faqitem .content a.link i,
.faqitem .content a.download i {color:#666;font-size:22px;vertical-align:middle;}
.faqitem .content a.link {display:block;margin:0 0 18px 0;}
.faqitem .content a.download {display:block;margin:0 0 18px 0;}
.faqitem .content a.edit {display:inline-block;margin:24px 0 0 0;color:#ff7700;text-decoration:underline}
.faqitem .content img {max-width:100%;height:auto;}
.faqitem .gall_chk {display:block;position:absolute;left:5px;top:5px;width:24px;height:24px;ext-align:center;line-height:24px;background:#fff;z-index:9;}

#board_language {
    width:100%;
    margin:20px 0;
    min-height:100px;
}
#board_language table { width:100%; border-spacing:0; border-collapse:collapse; }
#board_language th { height:34px; text-align:center; background:#eeeeee; border:1px solid #cccccc; }
#board_language td { height:30px; text-align:center; border:1px solid #cccccc; }
#board_language tbody tr:hover { background: #FFF2F2; }
#board_language .buttonWrap {
    width:100%;
    margin-bottom: 10px;
    text-align: right;
}
#board_language button {
    border:0px;
    background: #555;
    color: #fff;
    height:32px;
    padding:0 15px;
}
#board_language .no-data {
    text-align: center;
    height: 100px;
}
#boardWrite {
    width:100%;
    padding:20px 20px 0 0;
}

.txt-left { text-align:left !important; }
.pl-10 { padding-left: 10px !important; }

#bo_v_more { top:unset !important; }

@media all {
	.lightbox {display: none;}
	.fixwidth {background: rgba(256,256,256, 0.6);}
	.fixwidth .featherlight-content {width: 500px;padding: 25px;color: #fff;	background: #111;}
	.fixwidth .featherlight-close {color: #fff;background: #333;}
}

@media screen and (max-width:1024px) {
    #faq_cate {width:auto;margin:0 10px 36px 10px;}
    .faq_sch_wrap {margin:0 10px 40px 10px}
}

@media screen and (max-width:768px) {
    #faq_cate ul li {width:33.33%;margin:0 0 -1px 0;}
    .faqitem .header {padding:18px 30px 18px 40px;}
    .faqitem .header strong {left:10px;top:14px;}
    .faqitem .header i {right:10px;top:20px;}
    .faqitem .content {padding:18px 10px 18px 40px;}
    .faqitem .content strong {left:10px;top:14px;}
}

@media screen and (max-width:480px) {
    #faq_cate ul li {width:33.33%;}
}