@charset "utf-8";

body {background:#fff;}

.terms h2 {padding:12px 15px; background:#f5f5f5; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-size:1.1em;}
.terms .content {padding:15px; line-height:1.3;}

.qna .search {position:relative; padding:10px;}
.qna .search .input_text {position:relative; margin:0; //margin:0 64px 0 0; border-color:#e1e1e1; background:#f5f5f5; border-radius:5px;}
.qna .search .btn_reset {position:absolute; top:6px; right:10px; width:20px; height:20px; background:url('../images/search_btn.png') no-repeat 0 0; text-indent:-9999px; background-size:20px 20px;}
.qna .search .btn_search {position:absolute; top:11px; right:10px; height:31px; padding:0 15px; background:#353639; border-radius:5px; color:#fff; font-weight:bold;}
.qna .list {border-top:1px solid #e1e1e1;}
.qna .list li {border-bottom:1px solid #e1e1e1;}
.qna .list li .q {position:relative; padding:13px 15px; word-break:keep-all; cursor:pointer;}
.qna .list li .q:after {position:absolute; top:13px; right:15px; content:'▼';}
.qna .list li .q.active:after {content:'▲';}
.qna .list li .a {display:none; padding:12px 25px 12px 15px; border-top:1px solid #e1e1e1; background:#f5f5f5; line-height:1.4; word-break:keep-all;}

.bbs_list li {border-bottom:1px solid #e1e1e1;}
.bbs_list li a {display:block; padding:15px;}
.bbs_list li a .title {position:relative; display:block; overflow:hidden; white-space:nowrap; height:20px; text-overflow:ellipsis; padding-right:25px; font-weight:bold; font-size:1.1em;  word-break:keep-all;}
.bbs_list li a .title.new:after {display:inline-block; width:20px; height:20px; margin-left:5px; content:''; background:url('../images/ico_new.png') no-repeat 0 0; background-size:18px 18px; vertical-align:middle;}
.bbs_list li a .title.new.in:after {position:absolute; top:0; right:0;}
.bbs_list li a .info {clear:both; display:block; padding:3px 0 0; font-size:12px; color:#ababab;}
.bbs_view .head {padding:15px 15px 20px; background:url('../images/bg_bbs_view_head.png') repeat-x 0 100%;}
.bbs_view .head .title {display:block; font-weight:bold; font-size:1.1em;}
.bbs_view .info {display:block; padding:5px 0 0; font-size:12px; color:#ababab;}
.bbs_view .editor_print {padding:15px; line-height:1.4; word-break:keep-all;}

.bbs_image_list {padding:11px 0 0; background:url('../images/bar_bbs_image_list.png') repeat-x 0 0;}
.bbs_image_list li {padding:0 0 11px; background:url('../images/bar_bbs_image_list.png') repeat-x 0 100%;}
.bbs_image_list .author {padding:7px 15px; border-bottom:1px solid #e1e1e1;}
.bbs_image_list .author .avatar {margin-right:3px;}
.bbs_image_list li a {display:block; padding:15px;}
.bbs_image_list li a .title {display:block; overflow:hidden; height:20px; white-space:nowrap; padding:0; font-size:1.1em; text-overflow:ellipsis; font-weight:bold; word-break:keep-all;}
.bbs_image_list li a .txt {display:block; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding:5px 0 0; font-size:12px; line-height:1.3; word-break:keep-all;}
.bbs_image_list li a .image {display:block; padding:10px 0 0;}
.bbs_image_list li a .info {display:block; padding:10px 10px 0; text-align:right;}
.bbs_image_list li a .info span {display:inline-block; margin-left:12px;}

.training_review h2 {padding:15px; background:#f5f5f5; font-size:1.2em;}
.bbs_image_list2 {border-top:1px solid #e1e1e1; background:#fff;}
.bbs_image_list2 li {border-bottom:1px solid #e1e1e1;}
.bbs_image_list2 li a {overflow:hidden; display:block; padding:15px;}
.bbs_image_list2 li a .image {float:left; width:80px; margin:0 15px 0 0;}
.bbs_image_list2 li a .title {position:relative; display:block; overflow:hidden; white-space:nowrap; height:20px; text-overflow:ellipsis; margin:5px 0 0; padding-right:25px; font-weight:bold; font-size:1.1em;  word-break:keep-all;}
.bbs_image_list2 li a .title.new:after {display:inline-block; width:20px; height:20px; margin-left:5px; content:''; background:url('../images/ico_new.png') no-repeat 0 0; background-size:18px 18px; vertical-align:middle;}
.bbs_image_list2 li a .title.new.in:after {position:absolute; top:0; right:0;}
.bbs_image_list2 li a .txt {display:block; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding:5px 0 0; font-size:12px; line-height:1.3; word-break:keep-all;}
.bbs_image_list2 li a .info {display:block; padding:10px 0 0; text-align:right;}
.bbs_image_list2 li a .info span {display:inline-block; margin-left:12px;}

.tab{width:100%;padding:0 10px;box-sizing:border-box;}
.tab ul{padding:0;margin:0;width:100%;display:table;}
.tab ul li{width:25%;border:1px solid #333;color:#333;box-sizing:border-box;height:40px;line-height:38px;text-align:center;float:left;}
/* .tab ul li:first-child{border-radius:5px 0 0 5px;}
.tab ul li:last-child{border-radius:0 5px 5px 0;} */
.tab ul li.on{background:#333;color:white;}
.tab ul li a{color:inherit;display:block;width:100%;height:100%;font-size:11px;}