.lecture_list{width:calc(100% + 15px); overflow:hidden;margin:0 0 0 -15px;font-size:0;}
.lecture_list.online_sub_list .item{width:calc(33.33% - 15px); }
.lecture_list .item{display:inline-block;width:calc(33.33% - 15px); margin:0 0 20px 15px;vertical-align:top;padding:10px 0}
.lecture_list a{display:block;width:100%;height:100%;     transition: all .25s ease;}
.lecture_list a:hover{transform: translate(0px, -10px); }
.lecture_list .photo{position:Relative; display:block;width:100%;height:auto; overflow:hidden;margin:0 0 10px;padding:0; border-radius:6px;line-height:0;}
.lecture_list .photo img{width:100%;height:100%;}
.lecture_list .photo .area_name {position:absolute; top:15px; right:15px; font-size:15px; height: 28px;    margin: 0;    padding: 0 10px;    line-height: 28px;    background: #f9f9fa;    border-radius: 4px;    color: #2b2b2b;    text-align: center; box-shadow:1px 5px 5px rgba(0,0,0,0.15) }

.lecture_list .post_info {display: block; margin: 10px 0 0; font-size: 0;}
.lecture_list .post_info em {display: inline-block;  position: relative;  margin: 5px 0 0 10px; color: #3b3b3b;  font-size: 15px; line-height: 16px; vertical-align: top;}
.lecture_list .post_info .state {height: 28px;  margin: 0; padding: 0 15px; line-height:28px; background: #2b2b2b; border-radius: 4px; color: #fff; text-align: center;}
.lecture_list .post_info .state.current {background: #002c52;}
.lecture_list .post_info .state.expect {background: #0073af;}
.lecture_list .post_info .name + .category {padding: 0 0 0 10px;}
.lecture_list .post_info .name + .category::before {display: block; content:""; position: absolute;  top: 5px;  left: 0; width: 1px; height: 8px; background: #d9d9d9;}
.lecture_list .post_title {display: block; word-break:keep-all;  height: 42px; overflow: hidden; margin: 10px 0 0; font-weight: 600; color: #1c1c1c; font-size: 17px; line-height: 21px;}
.lecture_list .date {display: block; position: relative; margin: 16px 0 0; padding: 0 0 0 20px; color: #393939; font-size: 14px; line-height: 16px;}
.lecture_list .date::before {display: block;   content:""; position: absolute;  top: 1px;  left: 0; width: 14px; height: 14px; background: url(../image/sub/sprite_subPng.png) no-repeat -63px 0;}
.lecture_list .date + .date {margin-top:10px}


.lecture_time_list {background:#f1f4f9; width:100%; display:inline-block; border-radius:8px; margin:40px 0 60px; padding:13px;}
.lecture_time_list li {margin-top:13px; align-items: center; background:#fff; border-radius:8px; display:inline-block; width:100%; padding:13px;}
.lecture_time_list li .course_cate {display:inline-block; border:1px solid #ececec; color:#373737; font-size:16px; border-radius:8px; padding:7px 15px}
.lecture_time_list li .course_class {width:calc(100% - 140px); display:inline-block; padding:0 15px}
.lecture_time_list li .course_time {width:60px; text-align: right; display:inline-block}
.lecture_time_list li:first-child {margin-top:0px;}



.total_search_text {font-size:32px; text-align:center;  width:100%; display:inline-block; margin-bottom:40px; }
.total_search_tab {border-bottom:1px solid #eee; width:100%; display:inline-block; margin:0 0 40px 0;  text-align:center }

.total_search_tab ul {display:inline-block;}
.total_search_tab ul li {display:inline-block;}
.total_search_tab a {position:relative; display:inline-block; letter-spacing:-0.025em; color:#555; padding:0 30px 20px; font-size:18px}
.total_search_tab .active a {color:#0060af; font-weight:bold;}
.total_search_tab .active a:before {width:100%; height:4px; border-radius:5px 5px 0 0; background:#0060af; position:absolute; bottom:0px; left:0px; display:block; content:"";}

.total_search_mid {width:100%; display:inline-block}
.total_search_title {width:100%; display:inline-block; position:relative; margin-top:0px}
.total_search_title h3 {display: block; color: #1c1c1c; font-size: 24px; letter-spacing: -0.025em; font-weight: 600;  margin-bottom: 15px;}

.total_search_title h3 em {font-weight:normal; color: #13488d;}
.total_search_title a {position:absolute; top:12px; right:0px;}


.total_search_mid .search_result_num {font-size:19px; color:#000; font-weight:bold; letter-spacing:-0.025em; padding-bottom:30px; border-bottom:1px solid #000000}
.total_search_mid .search_result_num em {color:#0066b3}




.total_search_mid .line_box {width:100%; display:inline-block; border-top:1px dashed #ccc; vertical-align:top; margin:60px 0;}
.search_result .result_list {}
.search_result .result_list li {position:Relative; width:100%; display:inline-block;  border-top:1px solid #eee;}
.search_result .result_list li a {font-size:15px; padding:20px 0; display:inline-block;}
.search_result .result_list li:first-child {border-top:0px}
.search_result .result_list li:first-child a {padding-top:0px;}
.search_result .result_list li a .title {font-size:17px; font-weight:bold; color:#000; width:100%; display:inline-block; margin-bottoM:7px;}
.search_result .result_list li a .cate {display:inline-block; width:100%}
.search_result .result_list li a .cate span {position:relative; display:inline-block; margin-left:15px; padding-left:15px;}
.search_result .result_list li a .cate span:before {position:absolute; left:-1px; top:4px; width:1px; height:10px; background:#ccc; display:block; content:"";}
.search_result .result_list li a .cate span:first-child {margin-left:0px; padding-left:0px}
.search_result .result_list li a .cate span:first-child:before {display:none}
.search_result .result_list li a .txt {font-size:15px; color:#666; width:100%; letter-spacing:0px; display:inline-block; line-height:1.45em}
.search_result .result_list li a .navi {color:#647b9e; margin-top:5px; width:100%; display:inline-block; }
.search_result .result_list li a .date {display:none}
.search_result .result_list li .down_view {background:#f2f2f2; padding:10px 20px; width:100%; display:inline-block; margin-top:10px; text-align:right}
.search_result .result_list li .down_view .file_name {position:Relative; float:left; font-size:14px; color:#939393; padding:6px 0 0 21px}
.search_result .result_list li .down_view .file_name:before {position:absolute; left:0px; top:7px; width:16px; height:15px; background:url('../images/search/search_icon1.gif') no-repeat center center; display:block; content:"";} 
.search_result .result_list li .down_view .file_down_box {float:right;}
.search_result .result_list li .down_view .file_cate {float:left; border:1px solid #1b5094; line-height:28px; padding:0 10px; color:#1b5094; background:#fff; font-size:14px;}
.search_result .result_list li .down_view .file_down {float:left; margin-right:1px; width:35px; height:30px; font-size:0px; background:url('../images/search/search_icon2.gif') no-repeat center center #1b5094; line-height:30px;}
.search_result .result_list li .down_view .file_view {float:left; width:35px; height:30px; font-size:0px; background:url('../images/search/search_icon3.gif') no-repeat center center #1b5094; line-height:30px;}












/* 신규 */



.post_area{}
.post_filter{display:block;width:100%;height:0;font-size:0;text-align:right;}
.post_filter .list_view_type,.post_filter .list_view_align{display:inline-block;margin:-68px 0 0;color:#262626;font-size:16px;vertical-align:top;}
.post_filter .list_view_type{position:relative;width:38px;height:38px;margin-left:6px;border:1px solid #ececec;border-radius:4px;}
.post_filter .list_view_type span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
.post_filter .list_view_type svg{display:block;position:absolute;top:50%;left:50%;fill:#9a9a9a;width:18px;height:18px;transform:translate(-50%,-50%);}
.post_filter .list_view_type.text svg{width:22px;}
.post_filter .list_view_align{position:relative;margin-left:6px;text-align:left;}
.post_filter .align_button{position:relative;width:160px;height:38px;padding:0 30px 0 15px;border:1px solid #ececec;border-radius:4px;color:#262626;font-size:14px;line-height:16px; text-align:left;}
.post_filter .align_button.active{border-radius:0 0 4px 4px;}
.post_filter .align_button svg{position:absolute;top:50%;right:19px;width:11px;height:5px;fill:#101c33;}
.post_filter .align_button.active svg{transform:scaleY(-1);}
.post_filter .align_list{display:none;position:absolute;top:37px;left:0;width:100%;padding:10px 15px;background:#fff;border:1px solid #ececec;border-radius:0 0 4px 4px;font-size:14px;line-height:16px; z-index:2;}
.post_filter .align_button.active + .align_list{display:block;}
.post_filter .align_list button{display:block;padding:3px 0;}

.post_search{}
.post_search_table{}
.post_search_table{width:100%;margin:0;border-radius:4px;overflow:hidden;}
.post_search_table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
.post_search_table th,.post_search_table td{ margin:0;padding:6px 17px;box-sizing:border-box;vertical-align:middle;}
.post_search_table tbody th{background:#f9f9f9;}
.post_search_table tbody th,.post_search_table tbody td{border-bottom:1px solid #e9e9e9; height:54px; border-right:1px solid #e9e9e9;}
.post_search_table tr.first th,.post_search_table tr.first td{border-top:1px solid #e9e9e9;}
.post_search_table th.first,.post_search_table td.first{border-left:1px solid #e9e9e9;}

.cmf_customSlct{appearance:none;-webkit-appearance:none;-moz-appearance:none;display:inline-block;height:32px;padding:0 30px 0 17px;background:url(../image/contents/calendar_sprite.png) no-repeat 106% -254px;background-color:#fff;border:1px solid #eaebea;border-radius:3px;box-sizing:border-box;vertical-align:top;cursor:pointer;}
.cmf_customSlct::-ms-expand{display:none;}
.cmf_customTxt{display:inline-block;height:36px;padding:5px 5px;box-sizing:border-box;background:#fff;border:1px solid #eaebea;border-radius:3px;vertical-align:top;}
.cmf_customTxt.w30per{width:30%;}
.cmf_customTxt.w60per{width:60%;}
.cmf_customTxt.block{display:block;width:100%;}
.cmf_customFile{display:inline-block;height:32px;margin:0 5px 0 0;padding:6px 0 0 6px;box-sizing:border-box;background:#fff;border:1px solid #eaebea;border-radius:3px;vertical-align:top;}
.lc_modal_body .cmf_customFile{width:260px;}
.cmf_customTxtarea{display:inline-block;height:250px;padding:20px;box-sizing:border-box;background:#fff;border:1px solid #eaebea;border-radius:3px;vertical-align:top;}
.cmf_customTxtarea.block{display:block;width:100%;}
.cmf_customRdo{display:inline-block;position:relative;height:32px;box-sizing:border-box;cursor:pointer;vertical-align:top;}
.post_search_table .cmf_customRdo{margin:2px 0;}
.cmf_customRdo input[type="radio"]{display:block;position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;}
.cmf_customRdo span{display:block;height:32px;padding:2px 19px 0;box-sizing:border-box;background:#f2f2f2;border:1px solid #d2d2d2;border-radius:4px;color:#3a3a3a;}
.cmf_customRdo input[type="radio"]:checked + span{background:#3691c6;border-color:#3691c5;color:#fff;}
.cmf_customRdo.type2 input[type="radio"]:checked + span{background:#13488c;border-color:#13488b;color:#fff;}

.cmf_customChk{display:inline-block;position:relative; box-sizing:border-box;cursor:pointer;vertical-align:top;}
.post_search_table .cmf_customChk{margin:2px 0;}
.cmf_customChk input[type="checkbox"]{display:block;position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;}
.cmf_customChk span{display:block;  padding:6px 20px;box-sizing:border-box;background:#f2f2f2;border:1px solid #d2d2d2;border-radius:4px;color:#3a3a3a;}
.cmf_customChk input[type="checkbox"]:checked + span{background:#13488c;border-color:#13488b;color:#fff;}
.cmf_customChk.type2 input[type="checkbox"]:checked + span{background:#3691c6;border-color:#3691c5;color:#fff;}

.cmf_customBtn{display:inline-block; line-height:34px; height:34px;padding:0 20px; margin-left:5px; background:#fefefe;border-radius:4px;color:#2d2d2d;vertical-align:top;}
.cmf_customBtn.small{height:32px;  line-height:32px;  padding:0 15px 0;}
.cmf_customBtn.blue{background:#13488c;color:#fff;}
.cmf_customBtn.green{background:#1aac5b;color:#fff;}

.cmf_formBtn_group{margin:20px 0 0;text-align:center;}
.cmf_formBtn_group button{display:inline-block;width:50%; font-size:17px; max-width:140px;height:50px;margin:0 4px;padding:0;border-radius:4px;color:#fff;vertical-align:top;}
.cmfCustomModal .cmf_formBtn_group button{width:50%;max-width:150px;height:44px;}
.cmf_formBtn_group .btn_submit{background:#005faf;}
.cmf_formBtn_group .btn_cancel{background:#7d7d7d;}

.lector_list{width:calc(100% + 30px);margin:0 0 0 -30px;font-size:0;}
.post_search + .lector_list{margin:48px 0 140px -30px;}
.lector_list > li{display:inline-block;width:calc(25% - 30px);margin:0 0 0 30px;padding:20px 33px 25px;border:1px solid #eaeaea;border-radius:4px;box-sizing:border-box;vertical-align:top;}
.lector_list > li::before{display:block;width:59px;height:10px;margin:0 auto 20px;border-radius:5px;box-shadow:2px 2px 6px inset rgba(0,0,0,.3);}
.lector_list .profile{text-align:center;}
.lector_list .profile .image{display:block;position:relative;width:80px;height:80px;margin:0 auto 13px;background:#eff5fa;border-radius:50%;overflow:hidden;}
.lector_list .profile .image i{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;}
.lector_list .profile .image img{display:block;margin:0;padding:0;line-height:0;}
.lector_list .profile .image em{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
.lector_list .profile .name{display:block;margin:0 0 15px;color:#0c0c0c;font-size:20px;font-weight:700;line-height:22px;}
.lector_list .intro_text,
.lector_detail .detail_card .intro_text {display:block;margin:0 0 15px;color:#0c0c0c;font-size:16px;font-weight:300;line-height:22px;text-align:center;}
.lector_list .intro_text { height:65px; width:100%;  text-overflow: ellipsis;    overflow: hidden;    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.lector_list .intro_where,
.lector_detail .detail_card .intro_where {margin:0 0 15px;padding:15px 25px; font-size:16px; background:#f9f9fb;border-top:1px solid #e1e6ed;border-bottom:1px solid #e1e6ed;}
.lector_list .intro_where span.text,
.lector_detail .detail_card .intro_where span.text {position:relative;margin:7px 0 0;color:#0c0c0c;font-size:16px;line-height:18px;}
.lector_list .intro_where span.title,
.lector_detail .detail_card .intro_where span.title {display:block; font-size:16px; color:#5079bc;font-weight:600;}
.lector_list .intro_where span.title::before,
.lector_detail .detail_card .intro_where span.title::before {display:block;position:absolute;top:6px;left:0;width:5px;height:5px;background:#1b4cbb;border-radius:50%;}

.lector_list .intro_where span, .lector_detail .detail_card .intro_where span {width:100%; display:inline-block; vertical-align: top;}
.lector_detail .detail_card .intro_where span.area_list {width:auto; margin:5px 2px}

.lector_detail .detail_card .intro_where .add_box {width:100%; display: flex;}
.lector_detail .detail_card .intro_where .add_box select {width:calc(100% - 55px)}


.lector_list .view_button{display:block;width:100%;height:45px; line-height:45px; background:#2a68c4;border-radius:5px;color:#fff;font-size:16px;text-align:center;}

.lector_detail{font-size:0; width:100%; display:inline-block; margin-top:40px;}
.lector_detail .detail_card{display:inline-block;position:relative;width:370px;border-radius:4px;overflow:hidden;box-shadow:0 22px 18px rgba(0,0,0,0.05); border:1px solid #f4f4f4; vertical-align:top;}
.lector_detail .detail_card::before{display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #eaeaea;border-radius:4px;}
.lector_detail .detail_card::after{display:block;position:absolute;top:0;left:0;width:100%;height:8px;background:#005faf;border-radius:5px 5px 0 0;}
.lector_detail .detail_card .card_wrap{position:relative;padding:35px 28px 28px;}
.lector_detail .detail_card .profile{text-align:center;}
.lector_detail .detail_card .profile .image{display:block;position:relative;width:80px;height:80px;margin:0 auto 13px;background:#eff5fa;border-radius:50%;overflow:hidden;}
.lector_detail .detail_card .profile .image i{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;}
.lector_detail .detail_card .profile .image img{display:block;margin:0;padding:0;line-height:0;}
.lector_detail .detail_card .profile .image em{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
.lector_detail .detail_card .profile .name{display:block;margin:0 0 15px;color:#0c0c0c;font-size:20px;font-weight:700;line-height:22px;}

.lector_detail .detail_card .hash_tag{margin:0 0 20px;text-align:center;}
.lector_detail .detail_card .hash_tag span{display:inline-block;margin:3px 6px 0;color:#636363;font-size:16px;line-height:18px;vertical-align:top;white-space:nowrap;}
.lector_detail .detail_card .view_button{display:block;width:100%;height:45px; line-height:45px; background:#066ead;background:linear-gradient(to right, #005faf 0%, #056bae 50%, #29c5a3 100%);border-radius:4px;color:#fff;font-size:16px;text-align:center;}
.lector_detail .detail_text{display:inline-block;width:calc(100% - 370px - 60px);margin:10px 0 0 60px;font-size:16px;line-height:22px;vertical-align:top;}
.lector_detail .detail_text .text_short{margin:0 0 40px;}
.lector_detail .detail_text .text_short li{position:relative;margin:5px 0 0; display:inline-block; vertical-align:top;  width:100%; }
.lector_detail .detail_text .text_short li:first-child{margin:0;}
.lector_detail .detail_text .text_short li  .item_title {width:100px; display: inline-block; float:left;}
.lector_detail .detail_text .text_short li  .item_text {width:calc(100% - 125px); margin:0 0 0 25px; float:left;}
.lector_detail .detail_text strong{display:block;position:relative;margin:0 0 15px;padding:0 0 0 25px;color:#262626;font-size:24px;font-weight:700;line-height:32px;}
.lector_detail .detail_text strong::before{display:block;position:absolute;top:7px;left:0;width:20px;height:20px;border:4px solid #009fe0;border-radius:50%;box-sizing:border-box;}

.tea_step_final {text-align:center; padding:30px 20px; font-size:22px;}


.mypage_tab_list {width:100%; display:inline-block; margin:0 0 10px 0;}
.mypage_tab_list li {display:inline-block; }
.mypage_tab_list li a {display:inline-block; font-size:16px; color:#666; position:relative; padding:5px 15px; display:inline-block}
.mypage_tab_list li a:before {position:absolute; top:9px; left:0px; width:1px; height:12px; background:#ccc; display:block; content:"";}
.mypage_tab_list li:first-child a {padding-left:0px;}
.mypage_tab_list li:first-child a:before {display:none}
.mypage_tab_list li.active a {font-weight:bold; color:#333;}

.mypage_post_list {margin-top: 15px;}
.mypage_post_list li {position:relative;width:100%;border:1px solid #eee;border-radius:5px;margin-bottom: 15px;position:relative;padding:20px;}
.mypage_post_list li .photo {width:300px; display:inline-block;}
.mypage_post_list li .info_text {position:absolute; top:50%; left:350px; width:calc(100% - 550px); transform: translate(0px, -50%); display:inline-block;}
.mypage_post_list li .info_text .post_info {display: block; margin: 10px 0 0; font-size: 0;}
.mypage_post_list li .info_text .post_info em {display: inline-block;  position: relative;  margin: 5px 0 0 10px; color: #3b3b3b;  font-size: 15px; line-height: 16px; vertical-align: top;}
.mypage_post_list li .info_text .post_info .state {height: 28px;  margin: 0; padding: 0 15px; line-height:28px; background: #2b2b2b; border-radius: 4px; color: #fff; text-align: center;}
.mypage_post_list li .info_text .post_info .state.current {background: #002c52;}
.mypage_post_list li .info_text .post_info .state.expect {background: #0073af;}
.mypage_post_list li .info_text .post_info .name + .category {padding: 0 0 0 10px;}
.mypage_post_list li .info_text .post_info .name + .category::before {display: block; content:""; position: absolute;  top: 5px;  left: 0; width: 1px; height: 8px; background: #d9d9d9;}
.mypage_post_list li .info_text .post_title {display: block;  word-break: keep-all; overflow: hidden; margin: 10px 0 0; font-weight: 600; color: #1c1c1c; font-size: 17px;
    line-height: 21px;}
.mypage_post_list li .info_text .date {display: block; position: relative; margin: 10px 0 0; padding: 0 0 0 20px; color: #393939; font-size: 14px; line-height: 16px;}
.mypage_post_list li .info_text .date::before {display: block;   content:""; position: absolute;  top: 1px;  left: 0; width: 14px; height: 14px; background: url(../image/sub/sprite_subPng.png) no-repeat -63px 0;}
.mypage_post_list li .progress {width:100%; display:inline-block; margin:5px 0 0 0; color:#666;}
.mypage_post_list li .progress em {color:#0063ab}


#contents .mypage_post_list li .btn_box {position:absolute; top:50%; right:20px; width:150px; transform: translate(0px, -50%);}
#contents .mypage_post_list li .btn_box a.btn {width:100%; display:inline-block;   text-align:center; border-radius:5px; height:40px; line-height:40px; border:1px solid #ececec; margin:3px 0}
#contents .mypage_post_list li .btn_box a.btn_1 {background:#002c52; border:1px solid #002c52; color:#fff;}
#contents .mypage_post_list li .btn_box a.btn_2 {background:#106ac6; border:1px solid #106ac6; color:#fff;}


.post_list{}
.post_list.photo {width:calc(100% + 16px);margin:0 0 0 -16px;font-size:0;}
.post_list.photo.list_4 li {width:calc(25% - 20px);}
.post_list.photo li{display:inline-block;width:calc(33.33% - 20px); max-width:320xp; margin:0 0 40px 20px;vertical-align:top;}
.post_list.photo a{display:block;width:100%; }
.post_list.photo .image{display:block;width:100%; height:auto; border-radius:6px;overflow:hidden;line-height:0;}
.post_list.photo .image img{width:100% !important;max-height:100%;}


.post_list.text, 
.post_list.text li,
.post_list.text li a {width:100%; display:inline-block; vertical-align:top;} 
.post_list.text li {border-top:1px solid #eee;}
.post_list.text li a {padding:20px 0;}
.post_list.text li a .area_name {height:26px;margin:0;padding:4px 10px 0;border:1px solid #ccc; border-radius:4px; margin:0 5px;text-align:center;}
.post_list.text li:first-child {border-top:0px}
.post_list.text li:first-child a {padding-top:0px}

.post_list.photo .post_info{display:block;margin:10px 0 0;font-size:0;}
.post_list.photo .post_info em{display:inline-block;position:relative;margin:5px 0 0 10px;color:#3b3b3b;font-size:14px;line-height:16px;vertical-align:top;}
.post_list.photo .post_info .state{height:26px;margin:0;padding:4px 10px 0;background:#2b2b2b;border-radius:4px;color:#fff;text-align:center;}
.post_list.photo .post_info .state.current{background:#002c52;}
.post_list.photo .post_info .state.expect{background:#0073af;}
.post_list.photo .post_info .name + .category{padding:0 0 0 10px;}
.post_list.photo .post_info .name + .category::before{display:block; content:""; position:absolute;top:5px;left:0;width:1px;height:8px;background:#d9d9d9;}
.post_list.photo .post_title{word-break:keep-all; display:block;max-height:42px;overflow:hidden;margin:10px 0; font-weight:600; color:#1c1c1c;font-size:17px;line-height:21px;}
.post_list.photo .date{display:block;position:relative;margin:8px 0 0;padding:0 0 0 20px;color:#393939;font-size:14px;line-height:16px;}
.post_list.photo .date::before{display:block; content:"";position:absolute;top:1px;left:0;width:14px;height:14px;background:url(../image/sub/sprite_subPng.png) no-repeat -63px 0;}


.post_list.photo .period{display:block;margin:10px 0 0;padding:1px 0 0;font-size:14px;line-height:16px;}
.post_list.photo .period span {position:relative;margin:8px 0 0;padding:0 0 0 80px; width:100%; box-sizing:border-box; display:inline-block;}
.post_list.photo .period span em.date_title {display:block;position:absolute;top:0;left:0;padding:0 0 0 20px;}
.post_list.photo .period span em.date_title::before{display:block; content:""; position:absolute;top:1px;left:0;width:14px;height:14px;background:url(../image/main/sprite_mainPng.png) no-repeat -63px 0;}
.post_list.photo .period p:first-child em:last-child{display:block;}



.pagination{display:block;margin:0 0 50px;font-size:0;text-align:center;}
.pagination a,.pagination button{display:inline-block;position:relative;width:30px;height:30px;margin:0 1px;padding:6px 0 0;border:1px solid #e0e0e0;border-radius:3px;color:#545454;font-size:14px;line-height:16px;vertical-align:top;}
.pagination button{display:none;}
.pagination a:hover,.pagination a.current{background:#0063ab;border-color:#0063ac;color:#fff;}
.pagination a svg{display:block;position:absolute;top:50%;left:50%;width:11px;height:11px;fill:#545454;transform:translate(-50%,-50%);}
.pagination a:hover{background:#0063ab;border-color:#0063ac;}
.pagination a:hover svg{fill:#fff;}
.pagination .prev_page svg,.pagination .next_page svg{width:7px;}
.pagination .next_page,.pagination .last_page{transform:scaleX(-1);}

.bbs_lecture_summary{font-size:0;}
.bbs_lecture_summary .image{display:inline-block;width:500px;height:335px;border-radius:8px;overflow:hidden;vertical-align:top;}
.bbs_lecture_summary .text{display:inline-block;font-size:16px;color:#6a6a6a;vertical-align:top;}
.bbs_lecture_summary .image img{display:inline-block;width:100%;max-height:100%;vertical-align:middle;}
.bbs_lecture_summary .text{width:calc(100% - 500px - 40px);margin:0 0 0 40px;}
.bbs_lecture_summary .text .course_info{height: 28px; margin: 0; padding: 0 15px;  line-height: 28px;  border-radius: 4px;  color: #fff; text-align: center; background:#002c52; display: inline-block; position: relative; font-size: 15px; vertical-align: top;}

.bbs_lecture_summary .text .name{display:block;margin:10px 0 14px;color:#1c1c1c;font-size:28px;font-weight:600;line-height:36px; letter-spacing:-0.025em}
.bbs_lecture_summary .text .course_text{display:block;margin:0 0 25px; color:#414141;    white-space: pre-line;}
.bbs_lecture_summary .text .course_info_list{margin:0 0 10px;padding:1px 0;}
.bbs_lecture_summary .text .course_info_list li{position:relative;margin:0 0 7px;padding:0 0 0 110px;}
.bbs_lecture_summary .text .course_info_list span{display:block;position:absolute;top:0;left:0;width:100px;padding:0 0 0 12px;color:#414141;}
.bbs_lecture_summary .text .course_info_list span::before{display:block; content:"";position:absolute;top:8px;left:4px;width:2px;height:2px;background:#3c5e7b;}
.bbs_lecture_summary .text .rating{font-size:0; display:none}
.bbs_lecture_summary .text .rating span{display:inline-block;vertical-align:top;}
.bbs_lecture_summary .text .rating .rating_icon{}
.bbs_lecture_summary .text .rating .rating_icon svg{display:inline-block;width:18px;height:17px;fill:#ddd;vertical-align:top;}
.bbs_lecture_summary .text .rating .rating_icon.point1 svg:nth-child(1){fill:#ffbb00;}
.bbs_lecture_summary .text .rating .rating_icon.point2 svg:nth-child(-n+2){fill:#ffbb00;}
.bbs_lecture_summary .text .rating .rating_icon.point3 svg:nth-child(-n+3){fill:#ffbb00;}
.bbs_lecture_summary .text .rating .rating_icon.point4 svg:nth-child(-n+4){fill:#ffbb00;}
.bbs_lecture_summary .text .rating .rating_icon.point5 svg:nth-child(-n+5){fill:#ffbb00;}
.bbs_lecture_summary .text .rating .rating_text{font-size:16px;line-height:18px;}

.review_lecture_summary{font-size:0;margin:0 0 20px;padding:37px 46px;background:#fafafa;border:1px solid #eaebea;border-radius:5px;}
.review_lecture_summary .image{display:inline-block;width:370px;height:205px;border:1px solid #eee;border-radius:8px;overflow:hidden;vertical-align:top;}
.review_lecture_summary .image img{display:inline-block;width:100%;max-height:100%;vertical-align:middle;}
.review_lecture_summary .text{display:inline-block;width:calc(100% - 370px - 50px - 425px);margin:0 0 0 50px;color:#393939;font-size:16px;vertical-align:top;}
.review_lecture_summary .text .course_info{height: 28px;
    margin: 0 0 10px;
    padding: 0 15px;
    line-height: 28px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    background: #002c52;
    display: inline-block;
    position: relative;
    font-size: 15px;
    vertical-align: top;}
.review_lecture_summary .text .name{display:block;margin:0 0 14px;color:#1c1c1c;font-size:24px;font-weight:bold;line-height:1.25em;}

.review_lecture_summary .text .course_info_list{margin:0 0 16px;padding:1px 0;}
.review_lecture_summary .text .course_info_list li{position:relative;margin:0 0 7px;padding:0 0 0 90px;line-height:18px;}
.review_lecture_summary .text .course_info_list span{display:block;position:absolute;top:0;left:0;width:100px;padding:0 0 0 20px;color:#414141;}
.review_lecture_summary .text .course_info_list span::before{display:block; content:"";position:absolute;top:8px;left:4px;width:5px;height:1px;background:#979797;}

.review_lecture_summary .file_group{}
.review_lecture_summary .file_group > a{display:inline-block;position:relative;padding:0 0 0 22px;}
.review_lecture_summary .file_group > a::before{display:block;position:absolute;top:4px;left:0;width:17px;height:17px;background:url(../image/contents/icon_hwp.png) no-repeat;}
.review_lecture_summary .file_group > .hwp_file::before{background-image:url(../image/contents/icon_hwp.png);}
.review_lecture_summary .class_process{display:inline-block;width:425px;vertical-align:top;font-size:0;}
.review_lecture_summary .process_area{display:inline-block;position:relative;width:192px;margin:45px 0 0;vertical-align:top;}
.review_lecture_summary .process_area::before,.review_lecture_summary .process_area::after{display:block; content:""; position:absolute;top:0;width:1px;height:136px;background:#dedede;}
.review_lecture_summary .process_area::before{left:0;}
.review_lecture_summary .process_area::after{right:0;}
.review_lecture_summary .process_area .proc_title{display:block;margin:0 0 15px;color:#000;font-size:18px;line-height:20px;text-align:center;}
.review_lecture_summary .process_area .circle{display:flex;position:relative;width:96px;height:96px;margin:0 auto;border-radius:50%;background:conic-gradient(#f23d0c 277deg, #e4e4e4 0deg);font-size:10px;}
.review_lecture_summary .lecture_button{display:inline-block;position:relative;width:calc(100% - 192px - 50px);height:50px;margin:84px 0 0 50px;padding:14px 0 0 60px;background:#006eb6;border-radius:5px;overflow:hidden;color:#fff;font-size:18px;line-height:20px;vertical-align:top;}
.review_lecture_summary .lecture_button::before,.review_lecture_summary .lecture_button::after{display:block; content:""; position:absolute;}
.review_lecture_summary .lecture_button::before{top:0;left:0;width:50px;height:100%;background:#1374e9;}
.review_lecture_summary .lecture_button::after{top:15px;left:18px;width:16px;height:18px;background:url(../image/contents/review_sprite.png) no-repeat 0 -75px;}
.review_lecture_summary .lecture_button span{display:inline-block;position:relative;padding:0 20px 0 0;}
.review_lecture_summary .lecture_button span::before{display:block;position:absolute;top:3px;right:0;width:9px;height:14px;background:url(../image/contents/review_sprite.png) no-repeat 0 -41px;}
.review_lecture_summary .process_area .inner-circle{width:76px;height:76px;border-radius:inherit;background:#fff;margin:auto;display:flex;color:white;justify-content:center;}
.review_lecture_summary .process_area .inner-circle span{display:flex;align-items:center;color:#000;font-size:18px;line-height:20px;}

.lecture_list li{display:block;position:relative;width:100%;margin:13px 0 0;padding:18px 110px 18px 130px;background:#fff;border-radius:7px;}
.lecture_list li:first-child{margin:0;}
.lecture_list .course_class,.lecture_list .course_time{display:block;position:absolute;top:18px;text-align:center;}
.lecture_list .course_class{left:0;width:130px;}
.lecture_list .course_time{right:0;width:110px;}

.lecture_tab{}
.lecture_tab_button{margin:0 0 40px;background:#fff;border:1px solid #dddddd;border-radius:7px;font-size:0;text-align:center;}
.lecture_tab_button button,.lecture_tab_button a{display:inline-block;position:relative;height:70px;margin:0 35px;color:#838383;font-size:22px;line-height:24px;vertical-align:top;}
.lecture_tab_button button span,.lecture_tab_button a span{display:inline-block;vertical-align:top;}
.lecture_tab_button a span{margin:22px 0 0;}
.lecture_tab_button button.active,.lecture_tab_button a.active{color:#373737; font-weight:bold}
.lecture_tab_button button.active::before,.lecture_tab_button a.active::before{display:block; content:"";position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:#000;}
.lecture_tab_button .mobileTabButton{display:none;}

.lecture_tab_button.type2{margin:0 0 60px;}
.lecture_tab_button.type2 button,.lecture_tab_button.type2 a{height:42px;margin:9px 10px;padding:0 24px;border-radius:22px;color:#1c1c1c;font-size:18px;line-height:20px;}
.lecture_tab_button.type2 a span{margin:11px 0 0;}
.lecture_tab_button.type2 button.active,.lecture_tab_button.type2 a.active{background:#0386dc;color:#fff;}
.lecture_tab_button.type2 button.active::before,.lecture_tab_button.type2 a.active::before{display:none;}

.lecture_tab .tabpanel_wrap{padding:0 5px;}
.lecture_tab .tabpanel_wrap img{width:100%;height:auto;}
.review_write_form{}
.review_write_form h4{display:block;margin:0 0 15px;color:#262626;font-size:30px;font-weight:600;line-height:32px;}
.review_write_form .lecture_review_score{margin:0 0 10px;padding:30px 40px;border:1px solid #e7e7e7;border-radius:2px;box-shadow:0 2px 0 rgba(0,0,0,.05);}
.review_write_form .lecture_review_score strong{display:block;position:relative;margin:0 0 15px;padding:1px 0 0 35px;color:#222;font-size:19px;line-height:21px;}
.review_write_form .lecture_review_score strong::before{display:block; content:""; position:absolute;top:0;left:0;width:25px;height:21px;background:url(../image/contents/review_sprite.png) no-repeat 0 0;}
.review_write_form .lecture_review_score label{display:inline-block;position:relative;vertical-align:top;}
.review_write_form .lecture_review_score label input[type="radio"]{display:block;position:absolute;top:0;left:0;width:0;height:0;}
.review_write_form .lecture_review_score label .star{display:block;width:35px;height:29px;background:url(../image/contents/review_point_blank.png) no-repeat;color:transparent;font-size:1px;}
.review_write_form .lecture_review_score label .star.checked{background-image:url(../image/contents/review_point_fill.png);}
.review_write_form .review_write_wrap textarea{display:block;width:100%;height:214px;padding:30px 40px;border:1px solid #e7e7e7;border-radius:2px;box-shadow:0 2px 0 rgba(0,0,0,.05);box-sizing:border-box;}
.review_write_form .review_write_wrap textarea::placeholder{color:#989898;font-size:17px;}
.review_write_form .review_write_wrap ul{margin:20px 25px 0;}
.review_write_form .review_write_wrap li{position:relative;padding:0 0 0 11px;color:#3b3b3b}
.review_write_form .review_write_wrap li::before{display:block; content:""; position:absolute;top:12px;left:0;width:5px;height:1px;background:#3b3b3b;}
.review_write_form + .review_button_wrap{margin:50px 0 0;}
.review_button_wrap{display:block;width:100%;text-align:center;}
.review_button_wrap button{display:inline-block;min-width:140px;height:49px;border-radius:5px;color:#fff;font-size:17px;font-weight:700;vertical-align:top;}
.review_button_wrap .rv_reset_button{background:#93979d;}
.review_button_wrap .rv_submit_button{background:#055ec9;}

.review_list_adm {}
.review_list_adm li {position:relative; width:100%; padding:20px; display:inline-block; vertical-align:top; border-top:1px solid #dddddd}
.review_list_adm {border-bottom:1px solid #dddddd}
.review_list_adm li .review_name {width:100%; display:inline-block; vertical-align:top; letter-spacing:0em}
.review_list_adm li .review_star {width:100%; display:inline-block;margin:5px 0 15px; vertical-align:top;}
.review_list_adm li .review_star img {width:20px}
.review_list_adm li .review_text {width:100%; display:inline-block;  vertical-align:top;}
.review_list_adm li .btn {position:absolute; top:50%; right:20px;     transform: translate(0px, -50%);}

/* modal */
body.cmfCustomModal-active{width:100%;height:100%;overflow:hidden;}
body.cmfCustomModal-active::after{display:block; content:""; position:fixed;top:0;left:0;z-index:3;width:100%;height:100%;background:rgba(0,0,0,.5);}
.cmfCustomModal{display:none;position:fixed;top:50%;left:50%;z-index:5;width:100%;max-width:610px; height:auto;background:#31538b;transform:translate(-50%,-50%); margin:-0.1px}
.cmfCustomModal.active{display:block;}
.cmfCustomModal .cmf_modal_close{display:block;position:absolute;top:14px;right:20px;width:30px;height:30px;margin:0;padding:0;}
.cmfCustomModal .cmf_modal_close span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
.cmfCustomModal .cmf_modal_close::before{display:block; content:""; position:absolute;top:50%;left:50%;opacity:.5;width:16px;height:16px;background:url(../image/contents/calendar_sprite.png) no-repeat 0 -233px;transform:translate(-50%,-50%);}
.cmfCustomModal .cmf_modal_head{position:relative;height:60px;padding:17px 0 0 38px;}
/*.cmfCustomModal .cmf_modal_head i{display:block;position:absolute;top:17px;left:21px;width:45px;height:45px;border-radius:50%;background:#213b67;}
.cmfCustomModal .cmf_modal_head i::before{display:block;position:absolute;top:50%;left:50%;width:19px;height:20px;background:url(../image/contents/calendar_sprite.png) no-repeat 0 -156px;transform:translate(-50%,-50%);}*/
.cmfCustomModal .cmf_modal_head strong{display:block;color:#fff;font-size:22px;font-weight:900;line-height:24px;}
.cmfCustomModal .cmf_modal_head .head_sub_text{display:block;margin:3px 0 0;color:#99b6e6;font-size:16px;font-weight:300;line-height:18px;}
.cmfCustomModal .cmf_modal_head .head_sub_text span{font-weight:500;}
.cmfCustomModal .cmf_modal_body{max-height:calc(100vh - 60px);overflow:hidden;padding:25px 28px;background:#fff;}
.cmfCustomModal .cmf_modal_body form,.cmfCustomModal .cmf_modal_body fieldset{height:100%;}
.cmfCustomModal .cmf_modal_body .cmf_scroll_wrap{max-height:calc(100% - 64px);overflow:hidden;overflow-y:auto;}
.cmfCustomModal .cmf_modal_body .sub_title{display:block; text-align:left; position:relative;margin:0 0 15px;padding:0 0 0 14px;color:#454545;font-size:20px;font-weight:700;line-height:22px;}
.cmfCustomModal .cmf_modal_body .sub_title::before{display:block; content:""; position:absolute;top:2px;left:0;width:5px;height:20px;background:#009fe0;}
.cmf_modal_table{width:100%;margin:0;border-radius:4px;overflow:hidden;}
.cmf_modal_table + .cmf_modal_table{margin:12px 0 0;}
.cmf_modal_table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
.cmf_modal_table th,.cmf_modal_table td{height:50px;margin:0;padding:6px 17px;box-sizing:border-box;vertical-align:middle;}
.cmf_modal_table tbody th{background:#f9f9f9;}
.cmf_modal_table tbody th,.cmf_modal_table tbody td{border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}
.cmf_modal_table tr.first th,.cmf_modal_table tr.first td{border-top:1px solid #e9e9e9;}
.cmf_modal_table th.first,.cmf_modal_table td.first{border-left:1px solid #e9e9e9;}

.cmf_modal_formList{width:100%;margin:0;}
.cmf_modal_formList + .cmf_modal_formList{margin:12px 0 0;}
.cmf_modal_formList li{display:flex;width:100%; justify-content: center;   vertical-align: middle;margin:5px 0 0;font-size:0; border-radius:5px; border:1px solid #e9e9e9;}
.cmf_modal_formList li:first-child{margin:0;}
.cmf_modal_formList span,.cmf_modal_formList p{display:inline-block; margin:0;  box-sizing:border-box;vertical-align:top;}
.cmf_modal_formList span{width:130px;padding:8px 17px; color:#3867ae;font-size:17px;line-height:20px; text-align: center;  display: flex;   align-items: center;  justify-content: center;}
.cmf_modal_formList p{width:calc(100% - 130px);padding:7px 15px;background:#f9f9f9; border-left:1px solid #e9e9e9}
#contents .cmf_modal_formList p input[type="text"], #contents .cmf_modal_formList p input[type="number"]{display:block;width:100%; height:30px;margin:0;padding:0;background:none;border:none; font-size:17px}
#contents .cmf_modal_formList p textarea{width:100%;height:calc(100% - 6px);margin:0;padding:0;background:none;border:none;}
.cmf_modal_formList p input[type="text"]::placeholder,.cmf_modal_formList p input[type="number"]::placeholder,.cmf_modal_formList p textarea::placeholder{color:#a4a4a4;font-size:17px;}
.cmf_modal_formList .textarea span,.cmf_modal_formList .textarea p{height:120px;}
.cmf_modal_formList .textarea span{padding:0 17px;}

.lctr_view_text_view {width:100%; display:inline-block; height:auto; vertical-align:top; white-space:pre-line}
.lctr_view_btn {position:relative; width: 100%; display: flex; justify-content: space-between;}
.lctr_view_btn a {width:calc(50% - 5px); text-align:center; border-radius: 5px; color:#fff; font-size:16px; font-weight: bold; height: 45px; line-height: 44px; display: inline-block;}
.lctr_view_btn a:before {width:16px; height:16px; vertical-align:top; margin:14px 6px 0 -5px; content:""; display: inline-block; background-repeat: no-repeat; background-position: center;}
.lctr_view_btn .lctr_view_btn1:before {background-image: url("../image/contents/lctr_view_btn1.png"); background-size: 100%;}
.lctr_view_btn .lctr_view_btn2:before {background-image: url("../image/contents/lctr_view_btn2.png"); background-size: 100%;}
.lctr_view_btn .lctr_view_btn1 {background:#1d3c6f;}
.lctr_view_btn .lctr_view_btn2 {background:#e43126;}

.no_data {text-align:center;}

@media screen and (max-width: 800px){
    table.tb01 td.subj .code{display:inline-block;font-weight:bold;color:#f26522;vertical-align:middle;}
    table.tb01 td.subj .title{overflow:hidden;display:inline-block;max-width:100%;font-weight:bold;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap}

    #contents .res_table .table:before {display:none}

    .res_table table.table {padding:0px; margin:0px; border-top:0px; display: table;table-layout: fixed; padding-top:0px    }

    .res_table table colgroup, .res_table table thead, .res_table table thead th {display: none}
    .res_table table tbody {display: table-row-group; border-bottom:0px}
    .res_table table tbody tr {display: block; padding: 12px;   width: 100%;  border: 1px solid #d9d9d9; margin: 0 0 10px 0; border-radius: 5px;}
    .res_table table tbody td { display: block;  font-size:14.5px; border-top: none;        border-bottom: none;  text-align: left; box-sizing: border-box;  overflow: hidden}
    .res_table table tbody td {position:relative; border:none !important; margin:5px 0; width: auto; height:auto;}
    .res_table table tbody td.m_none {display: none}
    .res_table table tr:last-child td {border-bottom: none}
    .res_table table tbody td.data_title {padding:0 0 0 65px;}
    .res_table table tbody td.no_data {padding:0px !important;  text-align: center; width:100%; display:block}
    .res_table table.tb01 td.subj .title {text-overflow: inherit; word-break:keep-all; color:#000; white-space: normal; overflow:visible}
    .res_table table tbody td.tbTit {font-weight: bold; color: #333; background: #f4f5f9;  padding: 7px 10px !important; border-radius: 5px;   margin: 0 0 10px 0; letter-spacing: 0px;}
    .res_table table tbody td.tbTit br,
    .res_table table tbody td.tbTit br {display:none}
    .res_table table tbody td.data_title::before {position:absolute; top:0px; left:3px; width:85px; text-align:left; content: attr(data-title)""; border-radius:10px; margin:0 10px 0 0; min-width:60px; vertical-align: top;  display:inline-block;}

    .res_table table tbody td.data_subject .programe_cate {font-size:14px; margin:0 10px 0 0; display:block; font-weight:normal}


}

@media all and (max-width:1400px) {
    .lector_list > li{width:calc(33.333333% - 30px);margin:30px 0 0 30px;}
    .lector_list > li:nth-child(1),.lector_list > li:nth-child(2),.lector_list > li:nth-child(3){margin:0 0 0 30px;}
}

@media all and (max-width:1240px) {
    .bbs_lecture_summary .image {width:400px}
    .bbs_lecture_summary .text {width: calc(100% - 400px - 40px);}
    .post_list.photo.list_4 li {    width: calc(33.33% - 20px);}
}

@media all and (max-width:1024px) {
    .lecture_tab_button {margin:0 0 20px}
    .lecture_list .post_info {padding-top:15px; position: relative;}
    .lecture_list .post_info .state {position: absolute; left:10px; top:-24px;}
    .lecture_list .post_info em {margin:5px 10px 0 0}
    .lecture_list {width: calc(100% + 10px);  margin: 0 0 0 -10px;}
    .lecture_list.online_sub_list .item {width:calc(33.33% - 10px)}
    .lecture_list .item {margin:0 0 20px 10px; width:calc(33.33% - 10px);}



    .bbs_lecture_summary .image{width:40%;height:auto;}
    .bbs_lecture_summary .text{width:calc(60% - 40px);margin:0 0 0 40px;}
    .bbs_lecture_summary .text .name{font-size:20px;line-height:22px;}
    .bbs_lecture_summary .text .course_text{margin:0 0 15px;}
    .lecture_tab_button button, .lecture_tab_button a{font-size:18px;line-height:20px;}
}
@media all and (max-width:880px) {
    .lector_list > li{width:calc(50% - 30px);}
    .lector_list > li:nth-child(1),.lector_list > li:nth-child(2){margin:0 0 0 30px;}
    .lector_list > li:nth-child(3){margin:30px 0 0 30px;}
}
@media all and (max-width:850px) {
    .lector_detail .detail_text strong{padding:0 0 0 20px;font-size:18px;line-height:20px;}
    .lector_detail .detail_text strong::before{top:2px;width:16px;height:16px;border-width:4px;}
    .lector_detail .detail_card .view_button{height:46px;}
    .sub_content > h3{font-size:18px;line-height:20px;}
    .post_filter{height:auto;margin:-51px 0 0;}
    .post_filter .list_view_type, .post_filter .list_view_align{margin:0 0 6px 6px;}
    .post_list.photo .post_title{max-height:38px;font-size:15px;line-height:19px;}
}
@media all and (max-width:800px) {
    .lecture_tab_button button, .lecture_tab_button a{height:50px;margin:0 15px;}
    .lecture_list.online_sub_list .item {width:calc(50% - 10px)}
    .post_list.photo.list_4 li {    width: calc(50% - 20px);}
}
@media all and (max-width:770px) {
    .lector_detail .detail_card{width:270px;}
    .lector_detail .detail_text{width:calc(100% - 270px - 30px);margin:0 0 0 30px;}
}
@media all and (max-width:750px) {
    .post_list.photo li{width:calc(33.333333% - 16px);}
}
@media all and (max-width:730px) {
    .bbs_lecture_summary .image{width:100%;}
    .bbs_lecture_summary .text{width:100%;margin:20px 0 0;}
    .bbs_lecture_summary .text .course_text{white-space:normal;overflow:inherit;text-overflow:inherit;}
}
@media all and (max-width:700px) {
    .post_search_table th, .post_search_table td, .post_search_table tbody th, .post_search_table tbody td {display:block;height:auto; padding:10px 15px;}
    .post_search_table td{border-left:1px solid #e9e9e9;}
    .post_search_table tr.first td{border-top:none;}

}
@media all and (max-width:640px) {
    .lector_detail .detail_card{width:100%;}
    .lector_detail .detail_text{width:100%;margin:40px 0 0;}
    .lector_list .career li{padding:0 0 0 14px;}
    .lector_list .career span{position:static;padding:0;}

    .lecture_list li{padding:18px 70px 18px 75px;}
    .lecture_list .course_class{width:70px;}
    .lecture_list .course_time{width:65px;}
    .lecture_list .post_info em {font-size:14px}
    .lecture_tab_button button, .lecture_tab_button a {font-size:16px; height:45px}

    .lecture_list .item {width:calc(50% - 10px);}

    .cmf_customChk span {padding:6px 15px}
}
@media all and (max-width:540px) {
    .post_filter{margin:0;}
    .post_list.photo li{width:calc(50% - 16px);}
    .post_list.photo a{height:auto;}
    .post_list.photo .post_title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .post_list.photo .post_info .state{display:block;padding:4px 5px 0;}
    .post_list.photo .post_info em{margin:5px 0 0 5px;}
}
@media all and (max-width:530px){
    .pagination{position:relative;width:176px;height:30px;margin:0 auto;overflow:hidden;padding:0 64px;transition:height .3s;}
    .pagination.active{height:380px;}
    .pagination a{display:block;margin:5px 1px 0;}
    .pagination a,.pagination button{width:46px;}
    .pagination .first_page,.pagination .prev_page,.pagination .next_page,.pagination .last_page{width:30px;margin:0 1px;}
    .pagination .paginationButton{display:inline-block;position:relative;padding:0 16px 0 0;background:#0063ab;color:#fff;box-sizing:border-box;}
    .pagination .paginationButton svg{display:block;position:absolute;top:9px;right:8px;width:6px;height:10px;fill:#fff;transform:rotate(-90deg);transition:transform .3s ease-in-out;}
    .pagination.active .paginationButton svg{transform:rotate(-90deg) scale(-1);}
    .pagination a.current{}
    .pagination a.first_page,.pagination a.prev_page,.pagination a.next_page,.pagination a.last_page{position:absolute;top:0;}
    .pagination a.first_page{left:0;}
    .pagination a.prev_page{left:31px;}
    .pagination a.next_page{right:31px;}
    .pagination a.last_page{right:0;}
}
@media all and (max-width:500px) {
    .lector_list{width:100%;margin:0;}
    .post_search + .lector_list{margin:48px 0 140px;}
    .lector_list > li,.lector_list > li:nth-child(1),.lector_list > li:nth-child(2),.lector_list > li:nth-child(3){width:100%;margin:30px 0 0 0;}

    .lecture_list .date .date_title,
    .lecture_list .date .date_text {display:block; width:100%;}
    .lecture_list .post_info .state {padding:0 12px; height:25px; line-height:25px; top:-22px; font-size:14px;}
    .lecture_list .post_info {padding-top:10px}
    .lecture_list .post_title {font-size:16px;}
    .cmfCustomModal .cmf_modal_body .sub_title {margin:0 0 15px 15px}
    .cmfCustomModal .cmf_modal_body {padding: 25px 0px;}
}
@media all and (max-width:460px) {
    .lecture_list .date:first-child {display: none}
    .lecture_list .date .date_title {display: none}
    .lecture_list .date::before {display:none}
    .lecture_list .date {padding:0px}
    .lecture_list .date .date_text {font-size:13px}

}

/*
.cmf_modal_roundTable tbody th{background:#f9f9f9;}
.cmf_modal_roundTable tbody th,.cmf_modal_roundTable tbody td{border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}
.cmf_modal_roundTable tr.first th,.cmf_modal_roundTable tr.first td{border-top:1px solid #e9e9e9;}
.cmf_modal_roundTable th.first,.cmf_modal_roundTable td.first{border-left:1px solid #e9e9e9;}*/


/*
.lecture_summary{font-size:0;}
.lecture_summary .image{display:inline-block;width:600px;height:335px;border-radius:8px;overflow:hidden;vertical-align:top;}
.lecture_summary .text{display:inline-block;font-size:16px;color:#6a6a6a;vertical-align:top;}
.lecture_summary .image img{width:100%;max-height:100%;}
.lecture_summary .text{width:calc(100% - 600px - 60px);margin:0 0 0 60px;}
.lecture_summary .text .course_info{display:inline-block;height:34px;margin:0 0 10px;padding:5px 16px 0;background:#002c52;border-radius:4px;color:#fff;}
.lecture_summary .text .name{display:block;margin:0 0 14px;color:#1c1c1c;   font-size:34px;font-weight:700;line-height:36px;}
.lecture_summary .text .course_text{display:block;margin:0 0 25px;white-space:nowrap;overflow:hidden;color:#414141;text-overflow:ellipsis;}
.lecture_summary .text .course_info_list{margin:0 0 10px;padding:1px 0;}
.lecture_summary .text .course_info_list li{position:relative;margin:0 0 7px;padding:0 0 0 110px;}
.lecture_summary .text .course_info_list span{display:block;position:absolute;top:0;left:0;width:100px;padding:0 0 0 12px;color:#414141;}
.lecture_summary .text .course_info_list span::before{display:block;position:absolute;top:11px;left:4px;width:2px;height:2px;background:#3c5e7b;}

.lecture_summary .text .rating{font-size:0;}
.lecture_summary .text .rating span{display:inline-block;vertical-align:top;}
.lecture_summary .text .rating .rating_icon{}
.lecture_summary .text .rating .rating_icon svg{display:inline-block;width:18px;height:17px;fill:#ddd;vertical-align:top;}
.lecture_summary .text .rating .rating_icon.point1 svg:nth-child(1){fill:#ffbb00;}
.lecture_summary .text .rating .rating_icon.point2 svg:nth-child(-n+2){fill:#ffbb00;}
.lecture_summary .text .rating .rating_icon.point3 svg:nth-child(-n+3){fill:#ffbb00;}
.lecture_summary .text .rating .rating_icon.point4 svg:nth-child(-n+4){fill:#ffbb00;}
.lecture_summary .text .rating .rating_icon.point5 svg:nth-child(-n+5){fill:#ffbb00;}
.lecture_summary .text .rating .rating_text{font-size:16px;line-height:18px;}

.lecture_list{margin:40px 0 55px;padding:13px;background:#f1f4f9;border-radius:7px;}
.lecture_list li{display:block;position:relative;width:100%;margin:13px 0 0;padding:18px 110px 18px 130px;background:#fff;border-radius:7px;}
.lecture_list li:first-child{margin:0;}
.lecture_list .course_class,.lecture_list .course_time{display:block;position:absolute;top:18px;text-align:center;}
.lecture_list .course_class{left:0;width:130px;}
.lecture_list .course_time{right:0;width:110px;}
*/



@charset "utf-8";

.ucbrd1_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucbrd1_wrap .ucbrd1_item {
    border-top: 1px solid #dcdcdc
}
.ucbrd1_wrap .ucbrd1_item:first-child {
    border: 0
}
.ucbrd1_wrap .ucbrd1_item>a {
    display: block;
    padding: 20px 40px 23px
}
.ucbrd1_item>a:focus,
.ucbrd1_wrap .ucbrd1_item>a:hover {
    background: #f8f8f8
}
.ucbrd1_wrap .title_inner {
    display: block;
    font-size: 0
}
.ucbrd1_wrap .title_inner:after {
    display: inline-block;
    clear: both;
    content: ''
}
.ucbrd1_wrap .title_area {
    overflow: hidden;
    display: block
}
.ucbrd1_wrap .category {
    float: left;
    min-width: 84px;
    margin: 0 22px 0 -20px;
    padding: 0 20px;
    /*접근성컬러수정*/
/*     color: #4e8bb6; */
/*     border: 1px solid #4e8bb6; */
    color: #3976A1;
    border: 1px solid #3976A1;
    background: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    vertical-align: top;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucbrd1_wrap .title {
    overflow: hidden;
    display: inline-block;
    max-width: 95%;
    margin-right: 3px;
    font-size: 18px;
    font-weight: 500;
    color: #4f4f4f;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ucbrd1_wrap .title:hover {
    text-decoration: underline
}
.ucbrd1_wrap .file {
    width: 21px;
    height: 20px;
    margin-top: 6px;
    background-position: -24px 0
}
.ucbrd1_wrap .new {
    width: 21px;
    height: 20px;
    margin: 6px 0 0 4px;
    background-position: -47px 0
}
.ucbrd1_wrap .info_inner {
    display: block;
    margin-top: 15px;
    font-size: 0
}
.ucbrd1_wrap .info_inner span {
    display: inline-block;
    position: relative;
    padding-right: 36px;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    vertical-align: top
}
.my_notice .info_inner .writer {
	padding-right: 0;
    color: #707070;
}
.ucbrd1_wrap .info_inner span:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 18px;
    margin-right: 18px;
    background: #dcdcdc;
    content: ''
}
.ucbrd1_wrap .info_inner span:last-child:after {
    display: none
}
.ucbrd1_wrap .no_cont {
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucbrd1_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucbrd1_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:768px) {
    .ucbrd1_wrap .ucbrd1_item>a {
        padding: 20px 4.3%
    }
    .ucbrd1_wrap .title {
        font-size: 18px;
    }
    .ucbrd1_wrap .info_inner span {
        padding-right: 16px;
        font-size: 15px;
        line-height: 22px;
    }
    .ucbrd1_wrap .info_inner span:after {
        height: 22px;
        margin-right: 8px
    }
    .ucbrd1_wrap .category_item .category,
    .ucbrd1_wrap .category_item .info_inner {
        position: absolute;
        float: none;
        min-width: 0;
        margin: 0;
        padding: 0;
        border: 0;
        background: 0;
        font-size: 1px;
        color: transparent;
        line-height: 1
    }
    .ucbrd1_wrap .category_item .info_inner span:after {
        display: none
    }
    .ucbrd1_wrap .file {
        width: 14px;
        height: 13px;
        margin-top: 10px;
        background-position: -96px -34px
    }
    .ucbrd1_wrap .new {
        width: 14px;
        height: 13px;
        margin-top: 10px;
        background-position: -112px -34px
    }
    .ucbrd1_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucbrd1_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucbrd1_detail_wrap .title_wrap {
    border-bottom: 1px solid #dfdfdf
}
.ucbrd1_detail_wrap .title_area {
    display: block;
    position: relative;
    padding: 0 21px 18px;
    font-size: 0
}
.ucbrd1_detail_wrap .category {
    display: inline-block;
    margin-right: 11px;
    min-width: 84px;
    padding: 0 24px;
    /*접근성컬러수정*/
/*     color: #4e8bb6; */
/*     border: 1px solid #5692bc; */
    color: #3976A1;
    border: 1px solid #3976A1;
    background: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 31px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position:relative;
    top: 4px;
}
.ucbrd1_detail_wrap .title {
    font-size: 25px;
    color: #4d4d4d
}
.ucbrd1_detail_wrap .board_info_area {
    border-top: 2px solid #426f8f
}
.ucbrd1_detail_wrap .board_info_list {
    padding: 20px 24px 21px 24px;
    font-size: 0
}
.ucbrd1_detail_wrap .board_info_item {
    display: inline-block;
    position: relative;
    margin-left: 16px;
    padding-left: 16px;
    font-size: 15px;
    font-weight: 400;
    color: #626262
}
.ucbrd1_detail_wrap .board_info_item:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 19px;
    background: #dfdfdf;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucbrd1_detail_wrap .board_info_item:first-child {
    margin-left: 0;
    padding-left: 0
}
.ucbrd1_detail_wrap .board_info_item:first-child:before {
    display: none
}
.ucbrd1_detail_wrap .board_info_item .writer:before {
    content: '('
}
.ucbrd1_detail_wrap .board_info_item .writer:after {
    content: ')'
}
.ucbrd1_detail_wrap .info_title:after {
    content: ' :'
}
.ucbrd1_detail_wrap .board_contents {
    padding: 34px 22px 40px;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    color: #3c3c3c;
    line-height: 1.9
}
.ucbrd1_detail_wrap .btn_view_wrap {
    text-align: center
}
@media screen and (max-width:768px) {
    .ucbrd1_detail_wrap .title_wrap {
        position: relative
    }
    .ucbrd1_detail_wrap .category {
        position: absolute;
        min-width: 0;
        margin: 0;
        padding: 0;
        border: 0;
        background: 0 0;
        font-size: 1px;
        color: transparent;
        line-height: 1
    }
    .ucbrd1_detail_wrap .title_area {
        padding: 0 0 10px
    }
    .ucbrd1_detail_wrap .title {
        font-size: 18px;
        word-break: keep-all;
    }
    .ucbrd1_detail_wrap .board_info_list {
        padding: 8px 0 10px
    }
    .ucbrd1_detail_wrap .hits_item .info_title {
        display: inline-block
    }
    .ucbrd1_detail_wrap .hits_item {
        margin-left: 8px;
        padding-left: 10px
    }
    .ucbrd1_detail_wrap .hits_item:before {
        display: block;
        height: 11px
    }
    .ucbrd1_detail_wrap .writer_item {
        display: block;
        margin-bottom: 4px
    }
    .ucbrd1_detail_wrap .board_contents {
        padding: 12px 0 22px;
        font-size: 15px;
        line-height: 1.6;
    }
    .ucbrd1_detail_wrap .btn_view_wrap {
        margin-top: 10px
    }
    .ucbrd1_detail_wrap .btn_view_wrap .btn_list {
        width: 100%
    }
}
.ucbrd3_list_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucbrd3_list_wrap .ucbrd3_item {
    height: 158px;
    padding: 24px 0;
    border-top: 1px solid #dfdfdf;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucbrd3_list_wrap .ucbrd3_item:first-child {
    border: 0
}
.ucbrd3_list_wrap .ucbrd3_item>a {
    display: block;
    width: 100%;
    height: 100%
}
.ucbrd3_list_wrap .thumb {
    overflow: hidden;
    float: left;
    position: relative;
    width: 162px;
    height: 108px;
    text-align: center
}
.ucbrd3_list_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.ucbrd3_list_wrap .thumb:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucbrd3_list_wrap .thumb img {
    width: 100%;
    max-height: 100%;
    vertical-align: middle;
    transition: .2s
}
.ucbrd3_item .thumb:focus img,
.ucbrd3_list_wrap .thumb:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1)
}
.ucbrd3_list_wrap .cont {
    overflow: hidden;
    position: relative;
    height: 110px;
    padding: 0 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap
}
.ucbrd3_list_wrap .cont:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucbrd3_list_wrap .bx {
    display: inline-block;
    vertical-align: middle
}
.ucbrd3_list_wrap .title {
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    max-height: 1.3em;
    font-size: 21px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucbrd3_list_wrap .title:hover {
    text-decoration: underline
}
.ucbrd3_list_wrap .info_inner {
    display: block;
    margin-top: 9px;
    font-size: 0
}
.ucbrd3_list_wrap .info_inner span {
    display: inline-block;
    position: relative;
    padding-right: 36px;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px
}
.ucbrd3_list_wrap .info_inner span:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 16px;
    margin-right: 18px;
    background: #dcdcdc;
    content: ''
}
.ucbrd3_list_wrap .info_inner span:last-child:after {
    display: none
}
.ucbrd3_list_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucbrd3_list_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucbrd3_list_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:768px) {
    .ucbrd3_list_wrap .ucbrd3_item {
        min-height: 99px;
        height: auto;
        padding: 14px 0
    }
    .ucbrd3_list_wrap .thumb {
        width: 107px;
        height: 71px
    }
    .ucbrd3_list_wrap .cont {
        min-height: 71px;
        height: auto;
        padding: 0 15px;
        white-space: normal
    }
    .ucbrd3_list_wrap .title {
        max-height: 5rem;
        font-size: 1.9rem;
        -webkit-line-clamp: 2
    }
    .ucbrd3_list_wrap .info_inner span {
        padding-right: 17px;
        font-size: 1.5rem;
        line-height: 1.3
    }
    .ucbrd3_list_wrap .info_inner span:after {
        margin-right: 6px
    }
    .ucbrd3_list_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucbrd3_list_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucbrd3_view_wrap {
    max-width: 975px;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucbrd3_view_wrap .ucbrd3_list {
    margin: 35px -13px 0;
    font-size: 0
}
.ucbrd3_view_wrap .ucbrd3_item {
    overflow: hidden;
    display: inline-block;
    width: 33.33%;
    height: auto;
    padding: 0 13px 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucbrd3_view_wrap .ucbrd3_item>a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff
}
.ucbrd3_view_wrap .thumb {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 200px
}
.ucbrd3_view_wrap .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    text-align: center;
    white-space: nowrap
}
.ucbrd3_view_wrap .img:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.ucbrd3_view_wrap .img:after {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucbrd3_view_wrap img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.ucbrd3_view_wrap .cont {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 60px;
    max-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.ucbrd3_view_wrap .title {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    max-height: 22px;
    margin-top: 12px;
    font-size: 17px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucbrd3_view_wrap .title:hover {
    text-decoration: underline
}
.ucbrd3_view_wrap .info_inner {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 15px;
    font-weight: 400;
    color: #898989
}
.ucbrd3_view_wrap .info_inner span:before {
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 0 15px;
    background: #dcdcdc;
    vertical-align: middle;
    content: ''
}
.ucbrd3_view_wrap .info_inner span:first-child:before {
    display: none
}
.ucbrd3_view_wrap .no_cont {
    max-width: 975px;
    width: 100%;
    margin: 48px 9px 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucbrd3_view_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucbrd3_view_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media (min-width:768px) and (max-width:1239px) {
    .ucbrd3_view_wrap {
        max-width: none;
        width: 100%
    }
    .ucbrd3_view_wrap .ucbrd3_list {
        margin: 30px 0 0
    }
    .ucbrd3_view_wrap .no_cont {
        max-width: none;
        margin: 20px 0
    }
}
@media screen and (max-width:768px) {
    .ucbrd3_view_wrap {
        max-width: none
    }
    .ucbrd3_view_wrap .ucbrd3_list {
        margin: 15px 0 0
    }
    .ucbrd3_view_wrap .ucbrd3_item {
        width: 100%;
        margin-bottom: 20px;
        padding: 0 0 20px;
        border-bottom: 1px solid #dcdcdc;
        color: #dcdcdc
    }
    .ucbrd3_view_wrap .ucbrd3_item>a {
        height: auto
    }
    .ucbrd3_view_wrap .thumb {
        padding-top: 64.82758%
    }
    .ucbrd3_view_wrap .thumb .img {
        height: 100%
    }
    .ucbrd3_view_wrap .title {
        max-height: 44px;
        margin-top: 10px;
        font-size: 1.8rem;
        line-height: 1.2;
        -webkit-line-clamp: 2
    }
    .ucbrd3_view_wrap .no_cont {
        display: block;
        width: auto;
        padding: 25px 0
    }
    .ucbrd3_view_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucbrd3_view_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
    .ucbrd3_view_wrap .info_inner {
        position: static;
        margin-top: 5px
    }
}
.ucbrd3_detail_wrap .title_wrap {
    border-bottom: 1px solid #dfdfdf
}
.ucbrd3_detail_wrap .title_area {
    display: block;
    position: relative;
    padding: 0 21px 18px;
    font-size: 0
}
.ucbrd3_detail_wrap .category {
    display: inline-block;
    margin-right: 11px;
    min-width: 84px;
    padding: 0 24px;
    border: 1px solid #5692bc;
    background: #fff;
    font-size: 18px;
    color: #4e8bb6;
    text-align: center;
    line-height: 31px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucbrd3_detail_wrap .title {
    font-size: 25px;
    color: #4d4d4d
}
.ucbrd3_detail_wrap .board_info_area {
    border-top: 2px solid #426f8f
}
.ucbrd3_detail_wrap .board_info_list {
    padding: 20px 24px 21px 24px;
    font-size: 0
}
.ucbrd3_detail_wrap .board_info_item {
    display: inline-block;
    position: relative;
    margin-left: 16px;
    padding-left: 16px;
    font-size: 15px;
    font-weight: 400;
    color: #626262
}
.ucbrd3_detail_wrap .board_info_item:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 19px;
    background: #dfdfdf;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucbrd3_detail_wrap .board_info_item:first-child {
    margin-left: 0;
    padding-left: 0
}
.ucbrd3_detail_wrap .board_info_item:first-child:before {
    display: none
}
.ucbrd3_detail_wrap .board_info_item .writer:before {
    content: '('
}
.ucbrd3_detail_wrap .board_info_item .writer:after {
    content: ')'
}
.ucbrd3_detail_wrap .info_title:after {
    content: ' :'
}
.ucbrd3_detail_wrap .board_contents {
    padding: 34px 22px 40px;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    color: #3c3c3c;
    line-height: 1.9
}
.ucbrd3_detail_wrap .btn_view_wrap {
    text-align: center
}
@media screen and (max-width:768px) {
    .ucbrd3_detail_wrap .title_wrap {
        position: relative
    }
    .ucbrd3_detail_wrap .category {
        position: absolute;
        min-width: 0;
        margin: 0;
        padding: 0;
        border: 0;
        background: 0 0;
        font-size: 1px;
        color: transparent;
        line-height: 1
    }
    .ucbrd3_detail_wrap .title_area {
        padding: 0 0 10px
    }
    .ucbrd3_detail_wrap .title {
        font-size: 1.9rem
    }
    .ucbrd3_detail_wrap .board_info_list {
        padding: 8px 0 10px
    }
    .ucbrd3_detail_wrap .info_title {
        display: none
    }
    .ucbrd3_detail_wrap .hits_item .info_title {
        display: inline-block
    }
    .ucbrd3_detail_wrap .board_info_item {
        margin-left: 0;
        padding-left: 0
    }
    .ucbrd3_detail_wrap .board_info_item:before {
        display: none
    }
    .ucbrd3_detail_wrap .hits_item {
        margin-left: 8px;
        padding-left: 10px
    }
    .ucbrd3_detail_wrap .hits_item:before {
        display: block;
        height: 11px
    }
    .ucbrd3_detail_wrap .writer_item {
        display: block;
        margin-bottom: 4px
    }
    .ucbrd3_detail_wrap .board_file_wrap {
        padding: 0;
        background: #fff;
        border: 1px solid #dfdfdf;
        border-top: none
    }
    .ucbrd3_detail_wrap .board_contents {
        padding: 12px 0 22px;
        font-size: 1.5rem;
        line-height: 1.6
    }
    .ucbrd3_detail_wrap .btn_view_wrap {
        margin-top: 10px
    }
    .ucbrd3_detail_wrap .btn_view_wrap .btn_list {
        width: 100%
    }
}
.ucbrd04_wrap table {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucbrd04_wrap th {
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #000
}
.ucbrd04_wrap td {
    position: relative;
    padding: 12px 2px;
    border-top: 1px solid #dadada;
    background-color: #fff;
    font-weight: 400;
    color: #3f3f3f
}
.ucbrd04_wrap tbody tr:first-child td {
    border-top: none
}
.ucbrd04_wrap a {
    display: inline-block;
    padding: 5px;
    height: 100%
}
.ucbrd04_wrap .sp_download {
    width: 20px;
    height: 19px;
    background-position: -96px -39px
}
@media screen and (max-width:768px) {
    .ucbrd04_wrap th {
        padding: 8px 0
    }
    .ucbrd04_wrap td {
        padding: 8px 2px
    }
    .ucbrd04_wrap .sp_download {
        width: 14px;
        height: 12px;
        background-position: -80px -34px
    }
}
.ucpho1_list_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucpho1_list_wrap .ucpho1_item {
    height: 158px;
    border-top: 1px solid #dfdfdf
}
.ucpho1_list_wrap .ucpho1_item:first-child {
    border: 0
}
.ucpho1_list_wrap .ucpho1_item>a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 24px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucpho1_list_wrap .thumb {
    overflow: hidden;
    float: left;
    position: relative;
    width: 162px;
    height: 108px;
    text-align: center
}
.ucpho1_list_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.ucpho1_list_wrap .thumb:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucpho1_list_wrap .thumb img {
    width: 100%;
    max-height: 100%;
    vertical-align: middle;
    transition: .2s
}
.ucpho1_item .thumb:focus img,
.ucpho1_list_wrap .thumb:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1)
}
.ucpho1_list_wrap .cont {
    overflow: hidden;
    position: relative;
    height: 110px;
    padding: 0 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap
}
.ucpho1_list_wrap .cont:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucpho1_list_wrap .bx {
    display: inline-block;
    vertical-align: middle
}
.ucpho1_list_wrap .title {
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    max-height: 25px;
    font-size: 21px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucpho1_list_wrap .title:hover {
    text-decoration: underline
}
.ucpho1_list_wrap .text {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 46px;
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #4d4d4d;
    line-height: 24px;
    white-space: normal
}
.ucpho1_list_wrap .info_inner {
    display: block;
    margin-top: 11px;
    font-size: 0
}
.ucpho1_list_wrap .info_inner span {
    display: inline-block;
    position: relative;
    padding-right: 36px;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px
}
.ucpho1_list_wrap .info_inner span:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 16px;
    margin-right: 18px;
    background: #dcdcdc;
    content: ''
}
.ucpho1_list_wrap .info_inner span:last-child:after {
    display: none
}
.ucpho1_list_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucpho1_list_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucpho1_list_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
.ucpho1_list_wrap .ucpho1_item>a:focus,
.ucpho1_list_wrap .ucpho1_item>a:hover {
    background: #f8f8f8
}
@media screen and (max-width:768px) {
    .ucpho1_list_wrap .ucpho1_item {
        max-height: 117px;
        height: auto
    }
    .ucpho1_list_wrap .ucpho1_item>a {
        padding: 14px 0
    }
    .ucpho1_list_wrap .thumb {
        width: 107px;
        height: 71px
    }
    .ucpho1_list_wrap .cont {
        min-height: 71px;
        height: auto;
        padding: 0 15px;
        white-space: normal
    }
    .ucpho1_list_wrap .title {
        max-height: 5rem;
        font-size: 1.9rem;
        -webkit-line-clamp: 2
    }
    .ucpho1_list_wrap .info_inner span {
        padding-right: 17px;
        font-size: 1.5rem;
        line-height: 1.3
    }
    .ucpho1_list_wrap .info_inner span:after {
        margin-right: 6px
    }
    .ucpho1_list_wrap .no_cont {
        margin: 20px 0;
        padding: 25px
    }
    .ucpho1_list_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucpho1_list_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucpho1_view_wrap {
    max-width: 975px;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucpho1_view_wrap .ucpho1_list {
    margin: 15px -13px 0;
    font-size: 0
}
.ucpho1_view_wrap .ucpho1_item {
    overflow: hidden;
    display: inline-block;
    width: 33.33%;
    height: auto;
    padding: 0 13px 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucpho1_view_wrap .ucpho1_item>a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff
}
.ucpho1_view_wrap .thumb {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 200px
}
.ucpho1_view_wrap .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    text-align: center;
    white-space: nowrap
}
.ucpho1_view_wrap .img:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.ucpho1_view_wrap .img:after {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucpho1_view_wrap img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.ucpho1_view_wrap .cont {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 60px;
    max-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.ucpho1_view_wrap .title {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    max-height: 22px;
    margin-top: 12px;
    font-size: 17px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucpho1_view_wrap .title:hover {
    text-decoration: underline
}
.ucpho1_view_wrap .text {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 44px;
    margin-top: 12px;
    font-size: 16px;
    font-weight: 400;
    color: #616161;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucpho1_view_wrap .info_inner {
    position: static;
    margin-top: 5px;
    left: 0;
    bottom: 0;
    font-size: 15px;
    font-weight: 400;
    color: #898989
}
.ucpho1_view_wrap .info_inner span:before {
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 0 15px;
    background: #dcdcdc;
    vertical-align: middle;
    content: ''
}
.ucpho1_view_wrap .info_inner span:first-child:before {
    display: none
}
.ucpho1_view_wrap .no_cont {
    width: 98%;
    margin: 48px 9px 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucpho1_view_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucpho1_view_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:768px) {
    .ucpho1_view_wrap {
        max-width: none
    }
    .ucpho1_view_wrap .ucpho1_list {
        margin: 15px 0 0
    }
    .ucpho1_view_wrap .ucpho1_item {
        width: 100%;
        margin-bottom: 20px;
        padding: 0 0 20px;
        border-bottom: 1px solid #dcdcdc;
        color: #dcdcdc
    }
    .ucpho1_view_wrap .ucpho1_item>a {
        height: auto
    }
    .ucpho1_view_wrap .thumb {
        padding-top: 65.17241%
    }
    .ucpho1_view_wrap .thumb .img {
        height: 100%
    }
    .ucpho1_view_wrap .cont {
        height: auto
    }
    .ucpho1_view_wrap .title {
        max-height: 44px;
        margin-top: 8px;
        font-size: 1.8rem;
        line-height: 1.2;
        -webkit-line-clamp: 2
    }
    .ucpho1_view_wrap .text {
        margin-top: 7px;
        font-size: 1.5rem
    }
    .ucpho1_view_wrap .no_cont {
        display: block;
        width: auto;
        padding: 25px 0
    }
    .ucpho1_view_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucpho1_view_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucpho1_detail_wrap {
    max-width: 975px
}
.ucpho1_detail_wrap .title_wrap {
    border-bottom: 1px solid #dfdfdf
}
.ucpho1_detail_wrap .title_area {
    display: block;
    position: relative;
    padding: 0 21px 18px;
    font-size: 0
}
.ucpho1_detail_wrap .category {
    display: inline-block;
    margin-right: 11px;
    min-width: 84px;
    padding: 0 24px;
    border: 1px solid #5692bc;
    background: #fff;
    font-size: 18px;
    color: #4e8bb6;
    text-align: center;
    line-height: 31px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucpho1_detail_wrap .title {
    font-size: 25px;
    color: #4d4d4d
}
.ucpho1_detail_wrap .board_info_area {
    border-top: 2px solid #426f8f
}
.ucpho1_detail_wrap .board_info_list {
    padding: 20px 24px 21px 24px;
    font-size: 0
}
.ucpho1_detail_wrap .board_info_item {
    display: inline-block;
    position: relative;
    margin-left: 16px;
    padding-left: 16px;
    font-size: 15px;
    font-weight: 400;
    color: #626262
}
.ucpho1_detail_wrap .board_info_item:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 19px;
    background: #dfdfdf;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucpho1_detail_wrap .board_info_item:first-child {
    margin-left: 0;
    padding-left: 0
}
.ucpho1_detail_wrap .board_info_item:first-child:before {
    display: none
}
.ucpho1_detail_wrap .board_info_item .writer:before {
    content: '('
}
.ucpho1_detail_wrap .board_info_item .writer:after {
    content: ')'
}
.ucpho1_detail_wrap .info_title:after {
    content: ' :'
}
.ucpho1_detail_wrap .board_contents {
    padding: 34px 22px 40px;
    font-size: 16px;
    color: #3c3c3c;
    line-height: 1.9;
    border-bottom: 1px solid #dfdfdf;
}
.ucpho1_detail_wrap .photo_contents {
    padding: 40px 30px 36px;
    border: 1px solid #cdcdcd
}
.ucpho1_detail_wrap .photo_slide_wrap {
    padding: 0 100px
}
.ie9 .ucpho1_detail_wrap .photo_slide_wrap {
    padding: 0 40px
}
.ucpho1_detail_wrap .bx-wrapper {
    margin: 0 -100px;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}
.ie9 .ucpho1_detail_wrap .bx-wrapper {
    margin: 0
}
.ucpho1_detail_wrap .bx-viewport {
    padding: 0 100px;
    /*height:0!important;padding-top:75%!important*/
}
.ie9 .ucpho1_detail_wrap .bx-viewport {
    padding: 0
}
.ucpho1_detail_wrap .photo_slide {
/*    position: absolute !important;
    top: 0;*/
    height: 100%
}
.ucpho1_detail_wrap .photo_item {
	display:table;
	table-layout:fixed;
    height: 100%;
    background: #000;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff
}
.ucpho1_detail_wrap .photo_item > div {
	display:table-cell;
	vertical-align:middle;
}
.ucpho1_detail_wrap .photo_item img {
    /*height:100%;*/
    margin: 0 auto
}
.ucpho1_detail_wrap .bx-controls-auto {
    display: none
}
.ucpho1_detail_wrap .bx-controls-direction a {
    z-index: 10;
    width: 47px;
    height: 85px;
    margin-top: 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.ucpho1_detail_wrap .bx-controls-direction a:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: .3;
    background: #000;
    content: ''
}
.ucpho1_detail_wrap .bx-controls-direction a:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 12px;
    height: 22px;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: ''
}
.ucpho1_detail_wrap .bx-prev {
    left: -18px
}
.ucpho1_detail_wrap .bx-controls-direction .bx-prev:before {
    background-position: -129px 0
}
.ucpho1_detail_wrap .bx-next {
    right: -218px
}
.ie9 .ucpho1_detail_wrap .bx-next {
    right: -18px
}
.ucpho1_detail_wrap .bx-controls-direction .bx-next:before {
    background-position: -143px 0
}
.ucpho1_detail_wrap .photo_controls_wrap {
    margin-top: 20px;
    font-size: 0
}
.ucpho1_detail_wrap .photo_controls {
    display: inline-block
}
.ucpho1_detail_wrap .slide_counter {
    display: inline-block;
    font-size: 16px;
    color: #000
}
.ucpho1_detail_wrap .slider_play_control {
    display: inline-block;
    margin-left: 16px
}
.ucpho1_detail_wrap .btn_slider {
    display: block;
    position: relative;
    padding: 8px 18px 6px 28px;
    font-size: 15px;
    color: #fff
}
.ucpho1_detail_wrap .btn_slider:before {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 6px;
    height: 10px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucpho1_detail_wrap .slider_start {
    background: #c55625
}
.ucpho1_detail_wrap .slider_start:before {
    background-position: -58px -37px
}
.ucpho1_detail_wrap .slider_pause {
    background: #555
}
.ucpho1_detail_wrap .slider_pause:before {
    background: rgba(0, 0, 0, .5)
}
.ucpho1_detail_wrap .btn_download {
    display: inline-block;
    margin-left: 10px;
    padding: 8px 14px 6px;
    background: #5692bc;
    font-size: 15px;
    color: #fff
}
.ucpho1_detail_wrap .photo_view_pager {
    margin-top: 35px;
    font-size: 0
}
.ucpho1_detail_wrap .photo_view_pager>a {
    position: relative;
    display: inline-block;
    width: 13%;
    height: 74px;
    overflow: hidden;
    margin: 14px 1.5% 0 0;
    border: 1px solid #a8a8a8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucpho1_detail_wrap .photo_view_pager>.active {
    border: 2px solid #dd4e00
}
.ucpho1_detail_wrap .photo_view_pager>.active:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ff8948;
    opacity: .5;
    content: ''
}
.ucpho1_detail_wrap .photo_view_pager>a:nth-of-type(7n+0) {
    margin-right: 0
}
.ucpho1_detail_wrap .photo_view_pager img {
    width: 100%;
    height: 100%;
    text-align: center;
    display: block
}
.ucpho1_detail_wrap .btn_view_wrap {
    text-align: center
}
@media screen and (max-width:768px) {
    .ucpho1_detail_wrap .title_wrap {
        position: relative
    }
    .ucpho1_detail_wrap .category {
        position: absolute;
        min-width: 0;
        margin: 0;
        padding: 0;
        border: 0;
        background: 0 0;
        font-size: 1px;
        color: transparent;
        line-height: 1
    }
    .ucpho1_detail_wrap .title_area {
        padding: 0 0 10px
    }
    .ucpho1_detail_wrap .title {
        font-size: 1.9rem
    }
    .ucpho1_detail_wrap .board_info_list {
        padding: 8px 0 10px
    }
    .ucpho1_detail_wrap .info_title {
        display: none
    }
    .ucpho1_detail_wrap .hits_item .info_title {
        display: inline-block
    }
    .ucpho1_detail_wrap .board_info_item {
        margin-left: 0;
        padding-left: 0
    }
    .ucpho1_detail_wrap .board_info_item:before {
        display: none
    }
    .ucpho1_detail_wrap .hits_item {
        margin-left: 8px;
        padding-left: 10px
    }
    .ucpho1_detail_wrap .hits_item:before {
        display: block;
        height: 11px
    }
    .ucpho1_detail_wrap .board_contents {
        padding: 12px 0 22px;
        font-size: 1.5rem;
        line-height: 1.6
    }
    .ucpho1_detail_wrap .photo_contents {
        padding: 0 20px 14px
    }
    .ie9 .ucpho1_detail_wrap .photo_contents {
        padding: 0 0 14px
    }
    .ucpho1_detail_wrap .photo_slide_wrap {
        padding: 0 6px
    }
    .ie9 .ucpho1_detail_wrap .photo_slide_wrap {
        padding: 0
    }
    .ucpho1_detail_wrap .bx-wrapper {
        margin: 0 -26px
    }
    .ie9 .ucpho1_detail_wrap .bx-wrapper {
        margin: 0
    }
    .ucpho1_detail_wrap .bx-viewport {
        padding: 0 26px;
        /*padding-top: 140%*/
    }
    .ie9 .ucpho1_detail_wrap .bx-viewport {
        padding: 0
    }
    .ie9 .ucpho1_detail_wrap .photo_item {
        border: none
    }
    .ucpho1_detail_wrap .bx-controls-direction a {
        width: 24px;
        height: 43px
    }
    .ucpho1_detail_wrap .bx-prev {
        left: 0
    }
    .ucpho1_detail_wrap .bx-next {right: -52px}
    .ie9 .ucpho1_detail_wrap .bx-next {right: 0}
    .ucpho1_detail_wrap .bx-controls-direction a:before {
        width: 7px;
        height: 13px
    }
    .ucpho1_detail_wrap .bx-controls-direction .bx-prev:before {background-position: -122px 0}
    .ucpho1_detail_wrap .bx-controls-direction .bx-next:before {background-position: -131px 0}
    .ucpho1_detail_wrap .photo_controls_wrap {margin-top: 9px}
    .ie9 .ucpho1_detail_wrap .photo_controls_wrap {margin: 9px 20px 0}
    .ucpho1_detail_wrap .slide_counter {
        font-size: 1.5rem
    }
    .ucpho1_detail_wrap .slider_play_control {
        margin-left: 12px
    }
    .ucpho1_detail_wrap .btn_slider {
        padding: 5px 11px 5px 16px;
        font-size: 1.4rem
    }
    .ucpho1_detail_wrap .btn_slider:before {
        left: 8px;
        width: 4px;
        height: 7px;
        background-position: -74px -14px
    }
    .ucpho1_detail_wrap .btn_download {
        margin-left: 6px;
        padding: 5px 10px;
        font-size: 1.4rem
    }
    .ucpho1_detail_wrap .photo_view_pager {display: none}
    .ucpho1_detail_wrap .btn_view_wrap {margin-top: 10px}
    .ucpho1_detail_wrap .btn_view_wrap .btn_list {width: 100%}
}
.ucpho02_list_wrap {
    max-width: 975px;
    border-top: 2px solid #426f8f
}
.ucpho02_list_wrap .ucpho02_list {
    margin: 15px 0 0;
    font-size: 0
}
.ucpho02_list_wrap .ucpho02_item {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 32%;
    height: auto;
    margin-left: 1.5%;
    padding: 0 0 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucpho02_list_wrap .ucpho02_item:nth-child(3n+1) {
    margin-left: 0
}
.ucpho02_list_wrap .ucpho02_item:nth-last-child(-n+3) {
    padding-bottom: 0
}
.ucpho02_list_wrap .ucpho1_item>a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff
}
.ucpho02_list_wrap .thumb {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 200px
}
.ucpho02_list_wrap .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    text-align: center;
    white-space: nowrap
}
.ucpho02_list_wrap .img:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.ucpho02_list_wrap .img:after {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucpho02_list_wrap img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.ucpho02_list_wrap .cont {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 140px;
    max-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.ucpho02_list_wrap .title {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 44px;
    margin-top: 12px;
    font-size: 17px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 22px;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucpho02_list_wrap .title:hover {
    text-decoration: underline
}
.ucpho02_list_wrap .text {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 44px;
    margin-top: 12px;
    font-size: 16px;
    font-weight: 400;
    color: #616161;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucpho02_list_wrap .info_inner {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 400;
    color: #898989
}
.ucpho02_list_wrap .info_inner span:before {
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 0 15px;
    background: #dcdcdc;
    vertical-align: middle;
    content: ''
}
.ucpho02_list_wrap .info_inner span:first-child:before {
    display: none
}
.ucpho02_list_wrap .btn_wrap {
    position: absolute;
    left: 0;
    bottom: 0
}
.ucpho02_list_wrap .btn {
    padding: 8px 18px;
    background: #4a5258;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    box-sizing: content-box
}
.ucpho02_list_wrap .download_btn {
    margin-left: 3px
}
.ucpho02_list_wrap .ucpho02_item.no_cont {
    width: 98%;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucpho02_list_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucpho02_list_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
.ucpho02_list_wrap .only_mobile {
    display: none
}
@media screen and (max-width:768px) {
    .ucpho02_list_wrap {
        max-width: none
    }
    .ucpho02_list_wrap .ucpho02_list {
        margin: 15px 0 0
    }
    .ucpho02_list_wrap .ucpho02_item {
        width: 100%;
        margin-bottom: 20px;
        padding: 0 0 20px;
        border-bottom: 1px solid #dcdcdc;
        color: #dcdcdc
    }
    .ucpho02_list_wrap .ucpho02_item>a {
        height: auto
    }
    .ucpho02_list_wrap .thumb {
        padding-top: 65.17241%
    }
    .ucpho02_list_wrap .thumb .img {
        height: 100%
    }
    .ucpho02_list_wrap .cont {
        min-height: 118px;
        height: auto
    }
    .ucpho02_list_wrap .title {
        max-height: 44px;
        margin-top: 8px;
        font-size: 1.8rem;
        line-height: 1.2;
        -webkit-line-clamp: 2
    }
    .ucpho02_list_wrap .text {
        margin-top: 7px;
        font-size: 1.5rem
    }
    .ucpho02_list_wrap .info_inner {
        margin-top: 8px
    }
    .ucpho02_list_wrap .btn_wrap {
        position: static
    }
    .ucpho02_list_wrap .btn {
        width: 49%;
        padding: 4px 0;
        box-sizing: border-box
    }
    .ucpho02_list_wrap .download_btn {
        margin-left: 2%
    }
    .ucpho02_list_wrap .no_cont {
        display: block;
        width: auto;
        padding: 25px 0
    }
    .ucpho02_list_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucpho02_list_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
    .ucpho02_list_wrap .only_mobile {
        display: block
    }
}
@media screen and (max-width:330px) {
    .ucpho02_list_wrap .info_inner span {
        line-height: 24px
    }
    .ucpho02_list_wrap .info_inner .date_wrap {
        display: block
    }
    .ucpho02_list_wrap .info_inner .date_wrap:before {
        display: none
    }
}
.ucvod1_list_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucvod1_list_wrap .ucvod1_item {
    height: 158px;
    border-top: 1px solid #dfdfdf
}
.ucvod1_list_wrap .ucvod1_item:first-child {
    border: 0
}
.ucvod1_list_wrap .ucvod1_item>a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 24px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucvod1_list_wrap .thumb {
    overflow: hidden;
    float: left;
    position: relative;
    width: 162px;
    height: 108px;
    text-align: center
}
.ucvod1_list_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.ucvod1_list_wrap .thumb:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucvod1_list_wrap .img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%
}
.ucvod1_list_wrap .img:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 58px;
    height: 58px;
    background-position: -145px -91px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    content: ''
}
.ucvod1_list_wrap .thumb img {
    width: 100%;
    max-height: 100%;
    vertical-align: middle
}
.ucvod1_list_wrap .cont {
    overflow: hidden;
    position: relative;
    height: 110px;
    padding: 0 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap
}
.ucvod1_list_wrap .cont:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucvod1_list_wrap .bx {
    display: inline-block;
    vertical-align: middle
}
.ucvod1_list_wrap .title {
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    max-height: 25px;
    font-size: 21px;
    font-weight: 500;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucvod1_list_wrap .title:hover {
    text-decoration: underline
}
.ucvod1_list_wrap .text {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 46px;
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #4d4d4d;
    line-height: 24px;
    white-space: normal
}
.ucvod1_list_wrap .info_inner {
    display: block;
    margin-top: 11px;
    font-size: 0
}
.ucvod1_list_wrap .info_inner span {
    display: inline-block;
    position: relative;
    padding-right: 36px;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px
}
.ucvod1_list_wrap .info_inner span:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 16px;
    margin-right: 18px;
    background: #dcdcdc;
    content: ''
}
.ucvod1_list_wrap .info_inner span:last-child:after {
    display: none
}
.ucvod1_list_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucvod1_list_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucvod1_list_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
.ucvod1_list_wrap .ucvod1_item>a:focus,
.ucvod1_list_wrap .ucvod1_item>a:hover {
    background: #f8f8f8
}
@media screen and (max-width:768px) {
    .ucvod1_list_wrap .ucvod1_item {
        min-height: 99px;
        height: auto
    }
    .ucvod1_list_wrap .ucvod1_item>a {
        padding: 14px 0
    }
    .ucvod1_list_wrap .thumb {
        width: 107px;
        height: 71px
    }
    .ucvod1_list_wrap .img:before {
        width: 45px;
        height: 45px;
        background-position: -121px -49px
    }
    .ucvod1_list_wrap .cont {
        min-height: 71px;
        height: auto;
        padding: 0 15px;
        white-space: normal
    }
    .ucvod1_list_wrap .title {
        max-height: 5rem;
        font-size: 20px;
        -webkit-line-clamp: 2
    }
    .ucvod1_list_wrap .info_inner span {
        padding-right: 17px;
        font-size: 15px;
        line-height: 1.3
    }
    .ucvod1_list_wrap .info_inner span:after {
        margin-right: 6px
    }
    .ucvod1_list_wrap .no_cont {
        padding: 25px
    }
    .ucvod1_list_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucvod1_list_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucvod1_view_wrap {
    max-width: 975px;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucvod1_view_wrap .ucvod1_list {
    margin: 15px -13px 0;
    font-size: 0
}
.ucvod1_view_wrap .ucvod1_item {
    overflow: hidden;
    display: inline-block;
    width: 33.33%;
    height: auto;
    padding: 0 13px 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucvod1_view_wrap .ucvod1_item>a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff
}
.ucvod1_view_wrap .thumb {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 200px
}
.ucvod1_view_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.ucvod1_view_wrap .thumb:after {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucvod1_view_wrap .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    text-align: center;
    white-space: nowrap
}
.ucvod1_view_wrap .img:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 58px;
    height: 58px;
    background-position: -145px -91px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    content: ''
}
.ucvod1_view_wrap img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.ucvod1_view_wrap .cont {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 142px;
    max-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.ucvod1_view_wrap .title {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    max-height: 22px;
    margin-top: 12px;
    font-size: 17px;
    font-weight: 500;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucvod1_view_wrap .title:hover {
    text-decoration: underline
}
.ucvod1_view_wrap .text {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 24px;
    margin-top: 12px;
    font-size: 16px;
    font-weight: 400;
    color: #616161;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucvod1_view_wrap .info_inner {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 15px;
    font-weight: 400;
    color: #898989
}
.ucvod1_view_wrap .info_inner span:before {
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 0 15px;
    background: #dcdcdc;
    vertical-align: middle;
    content: ''
}
.ucvod1_view_wrap .info_inner span:first-child:before {
    display: none
}
.ucvod1_view_wrap .no_cont {
    width: 98%;
    margin: 48px 9px 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucvod1_view_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucvod1_view_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:768px) {
    .ucvod1_view_wrap .ucvod1_list {
        margin: 15px 0 0
    }
    .ucvod1_view_wrap .ucvod1_item {
        width: 100%;
        margin-bottom: 20px;
        padding: 0 0 20px;
        border-bottom: 1px solid #dcdcdc;
        color: #dcdcdc
    }
    .ucvod1_view_wrap .ucvod1_item>a {
        height: auto
    }
    .ucvod1_view_wrap .thumb {
        padding-top: 65.17241%
    }
    .ucvod1_view_wrap .thumb .img {
        height: 100%
    }
    .ucvod1_view_wrap .img:before {
        width: 45px;
        height: 45px;
        background-position: -121px -49px
    }
    .ucvod1_view_wrap .cont {
        min-height: 118px;
        height: auto
    }
    .ucvod1_view_wrap .title {
        max-height: 44px;
        margin-top: 8px;
        font-size: 18px;
        line-height: 1.2;
        -webkit-line-clamp: 2
    }
    .ucvod1_view_wrap .text {
        margin-top: 7px;
        font-size: 15px;
    }
    .ucvod1_view_wrap .no_cont {
        display: block;
        width: auto;
        padding: 25px 0
    }
    .ucvod1_view_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucvod1_view_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucvod1_detail_wrap {
    max-width: 975px
}
.ucvod1_detail_wrap .title_wrap {
    border-bottom: 1px solid #dfdfdf
}
.ucvod1_detail_wrap .title_area {
    display: block;
    position: relative;
    padding: 0 21px 18px;
    font-size: 0
}
.ucvod1_detail_wrap .category {
    display: inline-block;
    margin-right: 11px;
    min-width: 84px;
    padding: 0 24px;
    border: 1px solid #5692bc;
    background: #fff;
    font-size: 18px;
    color: #4e8bb6;
    text-align: center;
    line-height: 31px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucvod1_detail_wrap .title {
    font-size: 25px;
    color: #4d4d4d
}
.ucvod1_detail_wrap .board_info_area {
    border-top: 2px solid #426f8f
}
.ucvod1_detail_wrap .board_info_list {
    padding: 20px 24px 21px 24px;
    font-size: 0
}
.ucvod1_detail_wrap .board_info_item {
    display: inline-block;
    position: relative;
    margin-left: 16px;
    padding-left: 16px;
    font-size: 15px;
    font-weight: 400;
    color: #626262
}
.ucvod1_detail_wrap .board_info_item:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 19px;
    background: #dfdfdf;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucvod1_detail_wrap .board_info_item:first-child {
    margin-left: 0;
    padding-left: 0
}
.ucvod1_detail_wrap .board_info_item:first-child:before {
    display: none
}
.ucvod1_detail_wrap .board_info_item .writer:before {
    content: '('
}
.ucvod1_detail_wrap .board_info_item .writer:after {
    content: ')'
}
.ucvod1_detail_wrap .info_title:after {
    content: ' :'
}
.ucvod1_detail_wrap .board_contents {
    padding: 34px 22px 40px;
    font-size: 16px;
    color: #3c3c3c;
    line-height: 1.9
}
.ucvod1_detail_wrap .video_contents {
    margin-top: 38px;
    padding: 34px 30px 36px;
    border: 1px solid #cdcdcd
}
.ucvod1_detail_wrap .video_wrap {
    background: #000
}
.ucvod1_detail_wrap .subtitle_wrap .btn_wrap {
    margin-top: 24px;
    font-size: 0;
    text-align: right
}
.ucvod1_detail_wrap .btn_subtitle {
    position: relative;
    min-width: 110px;
    padding: 8px 25px 7px 10px;
    background: #c55625;
    font-size: 15px;
    text-align: left
}
.ucvod1_detail_wrap .btn_subtitle:before {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 12px;
    height: 6px;
    margin-top: 1px;
    background-position: -66px -41px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucvod1_detail_wrap .btn_subtitle.is_open:before {
    background-position: -80px -41px
}
.ucvod1_detail_wrap .subtitle_content {
    height: 200px;
    overflow: auto;
    margin-top: 10px;
    padding: 20px 18px;
    border: 1px solid #cdcdcd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucvod1_detail_wrap .subtitle_content.is_open {
    height: auto
}
.ucvod1_detail_wrap .btn_view_wrap {
    text-align: center
}
@media screen and (max-width:1024px) {
    .ucvod1_detail_wrap .video_wrap {
        overflow: hidden;
        min-height: 400px
    }
    .chosunmovie .video_wrap {
        height: auto;
        min-height: auto
    }
}
@media screen and (max-width:768px) {
    .ucvod1_detail_wrap .title_wrap {
        position: relative
    }
    .ucvod1_detail_wrap .category {
        position: absolute;
        min-width: 0;
        margin: 0;
        padding: 0;
        border: 0;
        background: 0 0;
        font-size: 1px;
        color: transparent;
        line-height: 1
    }
    .ucvod1_detail_wrap .title_area {
        padding: 0 0 10px
    }
    .ucvod1_detail_wrap .title {
        font-size: 1.9rem
    }
    .ucvod1_detail_wrap .board_info_list {
        padding: 8px 0 10px
    }
    .ucvod1_detail_wrap .info_title {
        display: none
    }
    .ucvod1_detail_wrap .hits_item .info_title {
        display: inline-block
    }
    .ucvod1_detail_wrap .board_info_item {
        margin-left: 0;
        padding-left: 0
    }
    .ucvod1_detail_wrap .board_info_item:before {
        display: none
    }
    .ucvod1_detail_wrap .hits_item {
        margin-left: 8px;
        padding-left: 10px
    }
    .ucvod1_detail_wrap .hits_item:before {
        display: block;
        height: 11px
    }
    .ucvod1_detail_wrap .board_contents {
        padding: 12px 0 22px;
        font-size: 15px;
        line-height: 1.6
    }
    .ucvod1_detail_wrap .video_contents {
        margin-top: 16px;
        padding: 10px 8px
    }
    .ucvod1_detail_wrap .subtitle_wrap .btn_wrap {
        display: none
    }
    .ucvod1_detail_wrap .subtitle_content {
        height: auto;
        overflow: visible;
        margin-top: 14px;
        padding: 0;
        border: none;
        font-size: 14px
    }
    .ucvod1_detail_wrap .btn_view_wrap {
        margin-top: 10px
    }
    .ucvod1_detail_wrap .btn_view_wrap .btn_list {
        width: 100%
    }
}
.ucfaq1_wrap .faq_list {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucfaq1_wrap .faq_item {
    border-bottom: 1px solid #dcdcdc
}
.ucfaq1_wrap .faq_item:last-child {
    border-bottom: none
}
.ucfaq1_wrap .question_title {
    display: block;
    padding: 0 25px 0 22px
}
.ucfaq1_wrap .faq_item .title {
    display: block;
    position: relative;
    padding: 22px 36px 22px 46px;
    font-size: 18px;
    color: #535353
}
.ucfaq1_wrap .faq_item .title:before {
    position: absolute;
    top: 22px;
    left: 0;
    width: 26px;
    height: 24px;
    background-position: -157px 0;
    content: '질문'
}
.ucfaq1_wrap .faq_item .title:after {
    position: absolute;
    top: 28px;
    right: 0;
    width: 20px;
    height: 12px;
    background-position: -118px -25px;
    content: '열기';
}
.ucfaq1_wrap .faq_answer {
    display: none
}
.ucfaq1_wrap .question_answer {
    display: block;
    position: relative;
    padding: 36px 64px 36px 62px;
    background: #f1f1f1;
    font-size: 16px;
    font-weight: 400;
    color: #2a2a2a;
    line-height: 1.4
}
.ucfaq1_wrap .question_answer:before {
    position: absolute;
    top: 36px;
    left: 24px;
    width: 24px;
    height: 20px;
    background-position: -185px 0;
    content: '답변'
}
.ucfaq1_wrap .question_answer:after {
    position: absolute;
    top: -12px;
    left: 28px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 12px 7px;
    border-color: transparent transparent #f1f1f1 transparent;
    content: ''
}
.ucfaq1_wrap .faq_item.is_open .title,
.ucfaq1_wrap .faq_item:focus .title,
.ucfaq1_wrap .faq_item:hover .title {
    color: #000
}
.ucfaq1_wrap .faq_item.is_open .title:after {
    background-position: -96px -25px;
    content: '닫기';
}
.ucfaq1_wrap .no_cont {
    width: 98%;
    margin: 48px 9px 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucfaq1_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucfaq1_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
.ucfaq1_wrap .faq_item.no_cont:last-child {
    border-bottom: 1px solid #dbdbdb
}
@media screen and (max-width:768px) {
    .ucfaq1_wrap .question_title {
        padding: 0 14px 0 6px
    }
    .ucfaq1_wrap .faq_item .title {
        padding: 10px 0 10px 18px;
        font-size: 15px;
    }
    .ucfaq1_wrap .faq_item .title:before {
        top: 14px;
        width: 14px;
        height: 14px;
        background-position: -140px 0
    }
    .ucfaq1_wrap .faq_item .title:after {
        display: none
    }
    .ucfaq1_wrap .question_answer {
        padding: 14px 14px 18px 26px;
        font-size: 14px;
        line-height: 1.4;
    }
    .ucfaq1_wrap .question_answer:before {
        top: 17px;
        left: 6px;
        width: 13px;
        height: 14px;
        background-position: -156px 0
    }
    .ucfaq1_wrap .question_answer:after {
        top: -6px;
        left: 8px;
        border-width: 0 3px 6px 3px
    }
    .ucfaq1_wrap .no_cont {
        display: block;
        width: auto;
        padding: 25px 0
    }
    .ucfaq1_wrap .no_cont .txt {
        font-size:18px;
    }
    .ucfaq1_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.uccst4_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.uccst4_wrap .uccst4_item {
    position: relative;
    border-top: 1px solid #dcdcdc;
    padding: 20px 26px 23px
}
.uccst4_wrap .uccst4_item:first-child {
    border: 0
}
.uccst4_wrap .uccst4_item:hover {
    background: #f8f8f8
}
.uccst4_wrap .title_inner {
    display: block;
    font-size: 0
}
.uccst4_wrap .title_inner:after {
    display: inline-block;
    clear: both;
    content: ''
}
.uccst4_wrap .title_area {
    overflow: hidden;
    display: block
}
.uccst4_wrap .title {
    overflow: hidden;
    display: inline-block;
    width: 69.641025%;
    margin-right: 3px;
    font-size: 18px;
    font-weight: 500;
    color: #4f4f4f;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}
.uccst4_wrap .title:hover {
    text-decoration: underline
}
.uccst4_wrap .btn_wrap {
    position: absolute;
    right: 24px;
    bottom: 37px;
    margin: 0 -3px;
    font-size: 0
}
.uccst4_wrap .btn {
    min-width: 133px;
    margin-left: 6px;
    padding: 8px 0;
    background-color: #4a5258
}
.uccst4_wrap .btn:first-child {
    margin-left: 0
}
.uccst4_wrap .info_inner {
    display: block;
    margin-top: 15px;
    font-size: 0
}
.uccst4_wrap .info_inner .classify,
.uccst4_wrap .info_inner .date,
.uccst4_wrap .info_inner .research {
    display: inline-block;
    position: relative;
    padding-right: 36px;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px
}
.uccst4_wrap .info_inner span:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 18px;
    margin-right: 18px;
    background: #dcdcdc;
    content: ''
}
.uccst4_wrap .info_inner span:last-child:after {
    display: none
}
@media screen and (max-width:1024px) {
    .uccst4_wrap .uccst4_item {
        padding: 15px 12px
    }
    .uccst4_wrap .title {
        width: 100%;
        font-size: 18px;
    }
    .uccst4_wrap .info_inner .classify,
    .uccst4_wrap .info_inner .date,
    .uccst4_wrap .info_inner .research {
        padding-right: 16px;
        font-size: 15px;
        line-height: 22px;
    }
    .uccst4_wrap .info_inner {
        margin-top: 10px
    }
    .uccst4_wrap .info_inner span:after {
        height: 22px;
        margin-right: 8px
    }
    .uccst4_wrap .btn_wrap {
        position: static;
        right: auto;
        bottom: auto;
        margin-top: 13px
    }
    .uccst4_wrap .btn {
        min-width: 155px;
        padding: 6px 0;
        line-height: 1
    }
}
@media screen and (max-width:380px) {
    .uccst4_wrap .btn {
        min-width: 125px
    }
}
.uccst5_wrap table {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.uccst5_wrap th {
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #000
}
.uccst5_wrap td {
    position: relative;
    padding: 12px 2px;
    border-top: 1px solid #dadada;
    background-color: #fff;
    font-weight: 400;
    color: #3f3f3f
}
.uccst5_wrap tbody tr:first-child td {
    border-top: none
}
.uccst5_wrap a {
    display: inline-block;
    padding: 5px;
    height: 100%
}
.uccst5_mobile_wrap {
    display: none
}
@media screen and (max-width:768px) {
    .uccst5_wrap {
        display: none
    }
    .uccst5_mobile_wrap {
        display: block
    }
    .uccst5_mobile_wrap .col1 {
        width: 22.413793%
    }
    .uccst5_mobile_wrap table {
        text-align: left
    }
    .uccst5_mobile_wrap th {
        padding: 8px 11px;
        border-top: 1px solid #dfdfdf;
        border-bottom: 0
    }
    .uccst5_wrap tbody tr:first-child th {
        border-top: none
    }
    .uccst5_mobile_wrap td {
        padding: 8px 8px
    }
}
.uccst6_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.uccst6_wrap .uccst6_item {
    height: 158px;
    border-top: 1px solid #dfdfdf
}
.uccst6_wrap .uccst6_item:first-child {
    border: 0
}
.uccst6_wrap .uccst6_item>a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 24px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.uccst6_wrap .inner {
    position: relative;
    padding-right: 28.93401%
}
.uccst6_wrap .thumb {
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 40px;
    width: 205px;
    height: 60px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%)
}
.uccst6_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.uccst6_wrap .thumb:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.uccst6_wrap .thumb img {
    width: 100%;
    max-height: 100%;
    vertical-align: middle
}
.uccst6_wrap .cont {
    overflow: hidden;
    position: relative;
    height: 110px;
    padding: 0 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap
}
.uccst6_wrap .cont:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.uccst6_wrap .bx {
    display: inline-block;
    vertical-align: middle
}
.uccst6_wrap .title {
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    max-height: 25px;
    font-size: 21px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.uccst6_wrap .title:hover {
    text-decoration: underline
}
.uccst6_wrap .text {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 46px;
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #4d4d4d;
    line-height: 24px;
    white-space: normal
}
.uccst6_wrap .info_inner {
    display: block;
    margin-top: 11px;
    font-size: 0
}
.uccst6_wrap .info_inner span {
    display: inline-block;
    position: relative;
    padding-right: 36px;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px
}
.uccst6_wrap .info_inner span:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 16px;
    margin-right: 18px;
    background: #dcdcdc;
    content: ''
}
.uccst6_wrap .info_inner span:last-child:after {
    display: none
}
.uccst6_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.uccst6_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.uccst6_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
.uccst6_wrap .uccst6_item>a:focus,
.uccst6_wrap .uccst6_item>a:hover {
    background: #f8f8f8
}
@media screen and (max-width:768px) {
    .uccst6_wrap .uccst6_item {
        min-height: 99px;
        height: auto
    }
    .uccst6_wrap .uccst6_item>a {
        padding: 14px 0
    }
    .uccst6_wrap .inner {
        padding-right: 0;
        padding-bottom: 72px
    }
    .uccst6_wrap .thumb {
        top: auto;
        right: auto;
        left: 13px;
        bottom: 0;
        transform: initial;
        -webkit-transform: initial
    }
    .uccst6_wrap .cont {
        min-height: 71px;
        height: auto;
        padding: 0 15px;
        white-space: normal
    }
    .uccst6_wrap .title {
        max-height: 5rem;
        font-size: 1.9rem;
        -webkit-line-clamp: 2
    }
    .uccst6_wrap .info_inner span {
        padding-right: 17px;
        font-size: 1.5rem;
        line-height: 1.3
    }
    .uccst6_wrap .info_inner span:after {
        margin-right: 6px
    }
    .uccst6_wrap .no_cont {
        margin: 20px 0;
        padding: 25px
    }
    .uccst6_wrap .no_cont .txt {
        font-size: 18px;
    }
    .uccst6_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.uccst9_list_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.uccst9_list_wrap .uccst9_item {
    min-height: 158px;
    padding: 24px 0;
    border-top: 1px solid #dfdfdf;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.uccst9_list_wrap .uccst9_item:first-child {
    border: 0
}
.uccst9_list_wrap .uccst9_item>a {
    display: block;
    width: 100%;
    height: 100%
}
.uccst9_list_wrap .thumb {
    overflow: hidden;
    float: left;
    position: relative;
    width: 113px;
    height: 160px;
    text-align: center
}
.uccst9_list_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.uccst9_list_wrap .thumb:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.uccst9_list_wrap .thumb img {
    width: 100%;
    max-height: 100%;
    vertical-align: middle;
    transition: .2s
}
.uccst9_item .thumb:focus img,
.uccst9_list_wrap .thumb:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1)
}
.uccst9_list_wrap .cont {
    overflow: hidden;
    position: relative;
    min-height: 160px;
    padding: 54px 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap
}
.uccst9_list_wrap .cont:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.uccst9_list_wrap .bx {
    display: inline-block;
    vertical-align: middle
}
.uccst9_list_wrap .title {
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    max-height: 25px;
    font-size: 21px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.uccst9_list_wrap .title:hover {
    text-decoration: underline
}
.uccst9_list_wrap .info_inner {
    display: block;
    margin-top: 9px;
    font-size: 0
}
.uccst9_list_wrap .author dd,
.uccst9_list_wrap .author dt {
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #626262;
    line-height: 16px
}
.uccst9_list_wrap .author dt:after {
    display: inline-block;
    margin: 0 6px;
    content: ':'
}
.uccst9_list_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.uccst9_list_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.uccst9_list_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:768px) {
    .uccst9_list_wrap .uccst9_item {
        min-height: 99px;
        height: auto;
        padding: 14px 0
    }
    .uccst9_list_wrap .thumb {
        min-width: 56px;
        min-height: 84px
    }
    .uccst9_list_wrap .cont {
        min-height: 160px;
        height: auto;
        padding: 44px 0 44px 14px;
        white-space: normal
    }
    .uccst9_list_wrap .title {
        font-size: 1.9rem;
        -webkit-line-clamp: 1
    }
    .uccst9_list_wrap .author dd,
    .uccst9_list_wrap .author dt {
        padding: 0;
        font-size: 1.5rem;
        color: #626262;
        line-height: 1.3
    }
    .uccst9_list_wrap .author dt {
        display: none
    }
    .uccst9_list_wrap .author dt:after {
        display: none
    }
    .uccst9_list_wrap .no_cont .txt {
        font-size:18px;
    }
    .uccst9_list_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.uccst9_view_wrap {
    max-width: 975px;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.uccst9_view_wrap .uccst9_list {
    margin: 35px -13px 0;
    font-size: 0
}
.uccst9_view_wrap .uccst9_item {
    overflow: hidden;
    display: inline-block;
    width: 25%;
    height: auto;
    padding: 0 3.487179% 32px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.uccst9_view_wrap .uccst9_item>a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff
}
.uccst9_view_wrap .thumb {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 287px
}
.uccst9_view_wrap .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 287px;
    text-align: center;
    white-space: nowrap
}
.uccst9_view_wrap .img:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.uccst9_view_wrap .img:after {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.uccst9_view_wrap img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.uccst9_view_wrap .cont {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 72px;
    max-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.uccst9_view_wrap .title {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 2.6em;
    margin-top: 7px;
    font-size: 17px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.uccst9_view_wrap .title:hover {
    text-decoration: underline
}
.uccst9_view_wrap .info_inner {
    display: block;
    position: absolute;
    bottom: 0;
    margin-top: 6px;
    font-size: 0
}
.uccst9_view_wrap .info_inner dl {
    overflow: hidden
}
.uccst9_view_wrap .author dd,
.uccst9_view_wrap .author dt {
    display: inline-block;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #898989;
    line-height: 15px
}
.uccst9_view_wrap .author dt:after {
    display: inline-block;
    margin: 0 6px;
    content: ':'
}
.uccst9_view_wrap .no_cont {
    width: 98%;
    margin: 48px 9px 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.uccst9_view_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.uccst9_view_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:768px) {
    .uccst9_view_wrap {
        max-width: none
    }
    .uccst9_view_wrap .uccst9_list {
        margin: 15px 0 0
    }
    .uccst9_view_wrap .uccst9_item {
        width: 50%;
        padding: 0 0 20px 0
    }
    .uccst9_view_wrap .uccst9_item>a {
        height: auto;
        padding: 0 3.487179%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .uccst9_view_wrap .thumb {
        max-width: 135px;
        padding-top: 200px;
        margin: 0 auto
    }
    .uccst9_view_wrap .thumb .img {
        height: 100%
    }
    .uccst9_view_wrap .cont {
        min-height: 90px;
        height: auto
    }
    .uccst9_view_wrap .title {
        max-height: 48px;
        margin-top: 10px;
        font-size: 1.8rem
    }
    .uccst9_view_wrap .author dt {
        display: none
    }
    .uccst9_view_wrap .author dt:after {
        display: none
    }
    .uccst9_view_wrap .no_cont {
        display: block;
        width: auto;
        padding: 25px 0
    }
    .uccst9_view_wrap .no_cont .txt {
        font-size: 18px;
    }
    .uccst9_view_wrap .no_cont .txt:before {
        width: 120px;
        height: 120px;
        margin: 0 auto 22px;
        background-position: 0 -49px
    }
}
.uccst9_detail_wrap {
    max-width: 975px
}
.uccst9_detail_wrap .title_wrap {
    border-bottom: 1px solid #dfdfdf
}
.uccst9_detail_wrap .title_area {
    display: block;
    position: relative;
    padding: 0 21px 18px;
    font-size: 0
}
.uccst9_detail_wrap .category {
    display: inline-block;
    margin-right: 11px;
    min-width: 84px;
    padding: 0 24px;
    border: 1px solid #5692bc;
    background: #fff;
    font-size: 18px;
    color: #4e8bb6;
    text-align: center;
    line-height: 31px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.uccst9_detail_wrap .title {
    font-size: 25px;
    color: #4d4d4d
}
.uccst9_detail_wrap .board_info_area {
    border-top: 2px solid #426f8f
}
.uccst9_detail_wrap .board_info_list {
    padding: 20px 24px 21px 24px;
    font-size: 0
}
.uccst9_detail_wrap .board_info_item {
    display: inline-block;
    position: relative;
    margin-left: 16px;
    padding-left: 16px;
    font-size: 15px;
    font-weight: 400;
    color: #626262
}
.uccst9_detail_wrap .board_info_item:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 19px;
    background: #dfdfdf;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.uccst9_detail_wrap .board_info_item:first-child {
    margin-left: 0;
    padding-left: 0
}
.uccst9_detail_wrap .board_info_item:first-child:before {
    display: none
}
.uccst9_detail_wrap .board_info_item .writer:before {
    content: '('
}
.uccst9_detail_wrap .board_info_item .writer:after {
    content: ')'
}
.uccst9_detail_wrap .info_title:after {
    content: ' :'
}
.uccst9_detail_wrap .board_contents {
    padding: 34px 22px 40px;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    color: #3c3c3c;
    line-height: 1.9
}
.uccst9_detail_wrap .btn_view_wrap {
    text-align: center
}
.uccst9_detail_wrap .thumb {
    display: block;
    float: left;
    position: relative;
    width: 196px;
    height: 284px;
    margin-right: 43px
}
.uccst9_detail_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #d8d8d8;
    content: ''
}
.uccst9_detail_wrap img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.uccst9_detail_wrap .book_info_wrap {
    overflow: hidden;
    min-height: 284px
}
.uccst9_detail_wrap .board_contents {
    overflow: hidden;
    padding: 27px 20px 40px;
    font-size: 16px;
    color: #3c3c3c;
    border-bottom: 1px solid #959595
}
.uccst9_detail_wrap .book_detail_wrap {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #dfdfdf;
    font-weight: 400;
    color: #3c3c3c;
    clear: left
}
.uccst9_detail_wrap .book_info {
    overflow: hidden;
    font-size: 18px;
    border-bottom: 1px solid #dfdfdf
}
.uccst9_detail_wrap .book_info dd,
.uccst9_detail_wrap .book_info dt {
    padding: 7px 0;
    border-top: 1px solid #dfdfdf
}
.uccst9_detail_wrap .book_info dd:first-of-type,
.uccst9_detail_wrap .book_info dt:first-of-type {
    border-top: none
}
.uccst9_detail_wrap .book_info dt {
    float: left;
    min-width: 90px;
    font-weight: 700;
    color: #4c4c4c
}
.uccst9_detail_wrap .book_info dd {
    overflow: hidden;
    color: #4c4c4c
}
.uccst9_detail_wrap .board_file_wrap {
    overflow: hidden;
    padding: 5px 0;
    border: 0;
    background: #fff
}
@media screen and (max-width:768px) {
    .uccst9_detail_wrap .title_wrap {
        position: relative
    }
    .uccst9_detail_wrap .title {
        font-size: 1.9rem
    }
    .uccst9_detail_wrap .title_area {
        padding: 0 0 10px;
        font-size: 1.9rem
    }
    .uccst9_detail_wrap .board_info_list {
        padding: 8px 0 10px
    }
    .uccst9_detail_wrap .info_title {
        display: none
    }
    .uccst9_detail_wrap .board_info_item {
        margin-left: 0;
        padding-left: 0
    }
    .uccst9_detail_wrap .board_info_item:before {
        display: none
    }
    .uccst9_detail_wrap .hits_item .info_title {
        display: inline-block
    }
    .uccst9_detail_wrap .hits_item {
        margin-left: 8px;
        padding-left: 10px
    }
    .uccst9_detail_wrap .hits_item:before {
        display: block;
        height: 11px
    }
    .uccst9_detail_wrap .board_contents {
        padding: 12px 0 22px;
        font-size: 1.5rem;
        line-height: 1.6
    }
    .uccst9_detail_wrap .btn_view_wrap {
        margin-top: 10px
    }
    .uccst9_detail_wrap .btn_view_wrap .btn_list {
        width: 100%
    }
    .uccst9_detail_wrap .thumb {
        float: none;
        width: 86px;
        height: 122px;
        margin: 0 auto
    }
    .uccst9_detail_wrap .book_info_wrap {
        min-height: auto
    }
    .uccst9_detail_wrap .book_info {
        font-size: 1.5rem
    }
    .uccst9_detail_wrap .book_info dt {
        min-width: 70px
    }
    .uccst9_detail_wrap .book_info dt.except {
        overflow: hidden;
        float: none;
        position: absolute;
        min-width: auto;
        border: 0;
        width: 1px;
        height: 1px;
        clip: rect(1px, 1px, 1px, 1px)
    }
    .uccst9_detail_wrap .book_info dd.except {
        overflow: visible
    }
    .uccst9_detail_wrap .board_file_wrap {
        padding: 0;
        background: #fff;
        border: 1px solid #dfdfdf
    }
    .uccst9_detail_wrap .book_info_wrap {
        margin-top: 18px
    }
    .uccst9_detail_wrap .book_detail_wrap {
        margin: 0;
        padding-top: 19px;
        border: 0
    }
    .uccst9_detail_wrap .book_info_wrap .btn_wrap {
        position: absolute;
        top: 100%;
        left: 50%;
        margin: 0;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0)
    }
    .uccst9_detail_wrap .btn_book_detail {
        min-width: 242px;
        padding: 0 24px 0 12px
    }
    .uccst9_detail_wrap .btn_book_detail:after {
        top: 12px;
        right: 12px;
        width: 4px;
        height: 8px;
        background-position: -80px -24px
    }
}
.uccst10_list_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.uccst10_list_wrap .uccst10_item {
    height: 158px;
    padding: 24px 0;
    border-top: 1px solid #dfdfdf;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.uccst10_list_wrap .uccst10_item:first-child {
    border: 0
}
.uccst10_list_wrap .uccst10_item>a {
    display: block;
    width: 100%;
    height: 100%
}
.uccst10_list_wrap .thumb {
    overflow: hidden;
    float: left;
    position: relative;
    width: 162px;
    height: 108px;
    text-align: center
}
.uccst10_list_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.uccst10_list_wrap .thumb:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.uccst10_list_wrap .thumb img {
    width: 100%;
    max-height: 100%;
    vertical-align: middle;
    transition: .2s
}
.uccst10_item .thumb:focus img,
.uccst10_list_wrap .thumb:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1)
}
.uccst10_list_wrap .cont {
    overflow: hidden;
    position: relative;
    height: 110px;
    padding: 0 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap
}
.uccst10_list_wrap .cont:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.uccst10_list_wrap .bx {
    display: inline-block;
    vertical-align: middle
}
.uccst10_list_wrap .title {
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    max-height: 25px;
    font-size: 21px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.uccst10_list_wrap .title:hover {
    text-decoration: underline
}
.uccst10_list_wrap .info_inner {
    display: block;
    margin-top: 9px;
    font-size: 0
}
.uccst10_list_wrap .info_inner span {
    display: inline-block;
    position: relative;
    padding-right: 36px;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px
}
.uccst10_list_wrap .info_inner span:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 16px;
    margin-right: 18px;
    background: #dcdcdc;
    content: ''
}
.uccst10_list_wrap .info_inner span:last-child:after {
    display: none
}
.uccst10_list_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.uccst10_list_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.uccst10_list_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:768px) {
    .uccst10_list_wrap .uccst10_item {
        min-height: 99px;
        height: auto;
        padding: 14px 0
    }
    .uccst10_list_wrap .thumb {
        width: 107px;
        height: 71px
    }
    .uccst10_list_wrap .cont {
        min-height: 71px;
        height: auto;
        padding: 0 15px;
        white-space: normal
    }
    .uccst10_list_wrap .title {
        max-height: 5rem;
        font-size: 1.9rem;
        -webkit-line-clamp: 2
    }
    .uccst10_list_wrap .info_inner span {
        padding-right: 17px;
        font-size: 1.5rem;
        line-height: 1.3
    }
    .uccst10_list_wrap .info_inner span:after {
        margin-right: 6px
    }
    .uccst10_list_wrap .no_cont .txt {
        font-size: 18px;
    }
    .uccst10_list_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.uccst10_view_wrap {
    max-width: 975px;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.uccst10_view_wrap .uccst10_list {
    margin: 35px -13px 0;
    font-size: 0
}
.uccst10_view_wrap .uccst10_item {
    overflow: hidden;
    display: inline-block;
    width: 33.33%;
    height: auto;
    padding: 0 13px 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.uccst10_view_wrap .uccst10_item>a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff
}
.uccst10_view_wrap .thumb {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 200px
}
.uccst10_view_wrap .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    text-align: center;
    white-space: nowrap
}
.uccst10_view_wrap .img:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.uccst10_view_wrap .img:after {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.uccst10_view_wrap img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.uccst10_view_wrap .cont {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 60px;
    max-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.uccst10_view_wrap .title {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    max-height: 22px;
    margin-top: 12px;
    font-size: 17px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.uccst10_view_wrap .title:hover {
    text-decoration: underline
}
.uccst10_view_wrap .info_inner {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 15px;
    font-weight: 400;
    color: #898989
}
.uccst10_view_wrap .info_inner span:before {
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 0 15px;
    background: #dcdcdc;
    vertical-align: middle;
    content: ''
}
.uccst10_view_wrap .info_inner span:first-child:before {
    display: none
}
.uccst10_view_wrap .no_cont {
    width: 98%;
    margin: 48px 9px 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.uccst10_view_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.uccst10_view_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media (min-width:768px) and (max-width:1239px) {
    .uccst10_view_wrap {
        max-width: none;
        width: 100%
    }
}
@media screen and (max-width:768px) {
    .uccst10_view_wrap .uccst10_list {
        margin: 15px 0 0
    }
    .uccst10_view_wrap .uccst10_item {
        width: 100%;
        margin-bottom: 20px;
        padding: 0 0 20px;
        border-bottom: 1px solid #dcdcdc;
        color: #dcdcdc
    }
    .uccst10_view_wrap .uccst10_item>a {
        height: auto
    }
    .uccst10_view_wrap .thumb {
        padding-top: 64.82758%
    }
    .uccst10_view_wrap .thumb .img {
        height: 100%
    }
    .uccst10_view_wrap .title {
        max-height: 44px;
        margin-top: 10px;
        font-size: 1.8rem;
        line-height: 1.2;
        -webkit-line-clamp: 2
    }
    .uccst10_view_wrap .no_cont {
        display: block;
        width: auto;
        padding: 25px 0
    }
    .uccst10_view_wrap .no_cont .txt {
        font-size:18px;
    }
    .uccst10_view_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.uccst10_detail_wrap {
    max-width: 975px
}
.uccst10_detail_wrap .title_wrap {
    border-bottom: 1px solid #dfdfdf
}
.uccst10_detail_wrap .title_area {
    display: block;
    position: relative;
    padding: 0 21px 18px;
    font-size: 0
}
.uccst10_detail_wrap .category {
    display: inline-block;
    margin-right: 11px;
    min-width: 84px;
    padding: 0 24px;
    border: 1px solid #5692bc;
    background: #fff;
    font-size: 18px;
    color: #4e8bb6;
    text-align: center;
    line-height: 31px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.uccst10_detail_wrap .title {
    font-size: 20px;
    color: #4d4d4d
}
.uccst10_detail_wrap .board_info_area {
    border-top: 2px solid #426f8f
}
.uccst10_detail_wrap .board_info_list {
    padding: 20px 24px 21px 24px;
    font-size: 0
}
.uccst10_detail_wrap .board_info_item {
    display: inline-block;
    position: relative;
    margin-left: 16px;
    padding-left: 16px;
    font-size: 15px;
    font-weight: 400;
    color: #626262
}
.uccst10_detail_wrap .board_info_item:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 19px;
    background: #dfdfdf;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.uccst10_detail_wrap .board_info_item:first-child {
    margin-left: 0;
    padding-left: 0
}
.uccst10_detail_wrap .board_info_item:first-child:before {
    display: none
}
.uccst10_detail_wrap .board_info_item .writer:before {
    content: '('
}
.uccst10_detail_wrap .board_info_item .writer:after {
    content: ')'
}
.uccst10_detail_wrap .info_title:after {
    content: ' :'
}
.uccst10_detail_wrap .board_contents {
    padding: 34px 22px 40px;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    color: #3c3c3c;
    line-height: 1.9
}
.uccst10_detail_wrap .btn_view_wrap {
    text-align: center
}
.uccst10_detail_wrap .thumb {
    display: block;
    float: left;
    position: relative;
    width: 196px;
    height: 284px;
    margin-right: 43px
}
.uccst10_detail_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #d8d8d8;
    content: ''
}
.uccst10_detail_wrap img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.uccst10_detail_wrap .book_info_wrap {
    overflow: hidden;
    min-height: 284px
}
.uccst10_detail_wrap .board_contents {
    overflow: hidden;
    padding: 27px 20px 40px;
    font-size: 16px;
    color: #3c3c3c;
    border-bottom: 1px solid #959595
}
.uccst10_detail_wrap .book_detail_wrap {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #dfdfdf;
    font-weight: 400;
    color: #3c3c3c;
    clear: left
}
.uccst10_detail_wrap .book_info {
    overflow: hidden;
    font-size: 18px;
    border-bottom: 1px solid #dfdfdf
}
.uccst10_detail_wrap .book_info dd,
.uccst10_detail_wrap .book_info dt {
    padding: 7px 0;
    border-top: 1px solid #dfdfdf
}
.uccst10_detail_wrap .book_info dd:first-of-type,
.uccst10_detail_wrap .book_info dt:first-of-type {
    border-top: none
}
.uccst10_detail_wrap .book_info dt {
    float: left;
    min-width: 90px;
    font-weight: 500;
    color: #4c4c4c
}
.uccst10_detail_wrap .book_info dd {
    overflow: hidden;
    color: #4c4c4c;
    font-weight: lighter
}
.uccst10_detail_wrap .board_file_wrap {
    overflow: hidden;
    padding: 5px 0;
    border: 0;
    background: #fff
}
@media screen and (max-width:768px) {
    .uccst10_detail_wrap .title_wrap {
        position: relative
    }
    .uccst10_detail_wrap .title {
        font-size: 1.9rem
    }
    .uccst10_detail_wrap .title_area {
        padding: 0 0 10px;
        font-size: 1.9rem
    }
    .uccst10_detail_wrap .board_info_list {
        padding: 8px 0 10px
    }
    .uccst10_detail_wrap .info_title {
        display: none
    }
    .uccst10_detail_wrap .board_info_item {
        margin-left: 0;
        padding-left: 0
    }
    .uccst10_detail_wrap .board_info_item:before {
        display: none
    }
    .uccst10_detail_wrap .hits_item .info_title {
        display: inline-block
    }
    .uccst10_detail_wrap .hits_item {
        margin-left: 8px;
        padding-left: 10px
    }
    .uccst10_detail_wrap .hits_item:before {
        display: block;
        height: 11px
    }
    .uccst10_detail_wrap .board_contents {
        padding: 12px 0 22px;
        font-size: 1.5rem;
        line-height: 1.6
    }
    .uccst10_detail_wrap .btn_view_wrap {
        margin-top: 10px
    }
    .uccst10_detail_wrap .btn_view_wrap .btn_list {
        width: 100%
    }
    .uccst10_detail_wrap .thumb {
        float: none;
        width: 86px;
        height: 122px;
        margin: 0 auto
    }
    .uccst10_detail_wrap .book_info_wrap {
        min-height: auto
    }
    .uccst10_detail_wrap .book_info {
        font-size: 1.5rem
    }
    .uccst10_detail_wrap .book_info dt {
        min-width: 80px
    }
    .uccst10_detail_wrap .book_info dt.except {
        overflow: hidden;
        float: none;
        position: absolute;
        min-width: auto;
        border: 0;
        width: 1px;
        height: 1px;
        clip: rect(1px, 1px, 1px, 1px)
    }
    .uccst10_detail_wrap .book_info dd.except {
        overflow: visible
    }
    .uccst10_detail_wrap .board_file_wrap {
        padding: 0;
        background: #fff;
        border: 1px solid #dfdfdf
    }
    .uccst10_detail_wrap .book_info_wrap {
        margin-top: 18px
    }
    .uccst10_detail_wrap .book_detail_wrap {
        margin: 0;
        padding-top: 19px;
        border: 0
    }
    .uccst10_detail_wrap .book_info_wrap .btn_wrap {
        position: absolute;
        top: 100%;
        left: 50%;
        margin: 0;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0)
    }
    .uccst10_detail_wrap .btn_book_detail {
        min-width: 242px;
        padding: 0 24px 0 12px
    }
    .uccst10_detail_wrap .btn_book_detail:after {
        top: 12px;
        right: 12px;
        width: 4px;
        height: 8px;
        background-position: -80px -24px
    }
}
.uccst14_list_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.uccst14_list_wrap .uccst14_item {
    min-height: 158px;
    border-top: 1px solid #dfdfdf
}
.uccst14_list_wrap .uccst14_item:first-child {
    border: 0
}
.uccst14_list_wrap .uccst14_item>a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 25px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.uccst14_list_wrap .uccst14_item>a:focus,
.uccst14_list_wrap .uccst14_item>a:hover {
    background: #f8f8f8
}
.uccst14_list_wrap .inner {
    overflow: hidden
}
.uccst14_list_wrap .thumb {
    overflow: hidden;
    float: left;
    position: relative;
    width: 113px;
    height: 169px;
    text-align: center
}
.uccst14_list_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.uccst14_list_wrap .thumb img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.uccst14_list_wrap .thumb img:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.uccst14_list_wrap .cont {
    overflow: hidden;
    position: relative;
    min-height: 169px;
    padding: 0 38px;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.uccst14_list_wrap .cont:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.uccst14_list_wrap .bx {
    display: inline-block;
    vertical-align: middle
}
.uccst14_list_wrap .title_inner .date {
    display: inline-block;
    margin-top: 1px;
    font-size: 16px;
    color: #5692bc
}
.uccst14_list_wrap .title_inner .category {
    display: none
}
.uccst14_list_wrap .title {
    display: block;
    margin-top: 6px;
    font-size: 21px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.uccst14_list_wrap .title:hover {
    text-decoration: underline
}
.uccst14_list_wrap .title .category {
    display: inline-block;
    font-size: 21px;
    color: #4f4f4f
}
.uccst14_list_wrap .info_inner {
    display: block;
    margin-top: 7px;
    font-size: 0
}
.uccst14_list_wrap .info_inner dl {
    overflow: hidden
}
.uccst14_list_wrap .info_inner dd,
.uccst14_list_wrap .info_inner dt {
    margin-top: 7px;
    font-size: 16px;
    color: #626262
}
.uccst14_list_wrap .info_inner dt {
    float: left
}
.uccst14_list_wrap .info_inner dt:after {
    display: inline-block;
    margin: 0 6px;
    content: ':'
}
.uccst14_list_wrap .info_inner dd {
    overflow: hidden;
    display: block
}
.uccst14_list_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.uccst14_list_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.uccst14_list_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:768px) {
    .uccst14_list_wrap .uccst14_item {
        min-height: 85px;
        height: auto;
        padding: 14px 0
    }
    .uccst14_list_wrap .thumb {
        min-width: 56px;
        min-height: 84px
    }
    .uccst14_list_wrap .cont {
        min-height: 71px;
        height: auto;
        padding: 0 15px;
        white-space: normal
    }
    .uccst14_list_wrap .title_inner .date {
        position: relative;
        margin: 0;
        font-size: 1.5rem
    }
    .uccst14_list_wrap .title_inner .category {
        display: inline-block;
        margin-left: 5px;
        font-size: 1.5rem;
        color: #626262
    }
    .uccst14_list_wrap .title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2;
        max-height: 48px;
        font-size: 1.9rem
    }
    .uccst14_list_wrap .info_inner {
        margin-top: 2px
    }
    .uccst14_list_wrap .title .category {
        display: none
    }
    .uccst14_list_wrap .title_inner .date:after {
        position: absolute;
        top: 50%;
        left: 100%;
        width: 1px;
        height: 14px;
        margin: -7px 5px 0;
        background: #dcdcdc;
        content: ''
    }
    .uccst14_list_wrap .info_inner dd,
    .uccst14_list_wrap .info_inner dt {
        margin-top: 0;
        font-size: 1.5rem
    }
    .uccst14_list_wrap .no_cont .txt {
        font-size:18px;
    }
    .uccst14_list_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.uccst14_view_wrap {
    max-width: 975px;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.uccst14_view_wrap .uccst14_list {
    overflow: hidden;
    margin: 0 -3.487179%;
    padding: 44px 0;
    font-size: 0
}
.uccst14_view_wrap .uccst14_item {
    overflow: hidden;
    display: inline-block;
    width: 25%;
    height: auto;
    padding: 0 3.487179% 32px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.uccst14_view_wrap .uccst14_item>a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff
}
.uccst14_view_wrap .thumb {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 287px
}
.uccst14_view_wrap .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 287px;
    text-align: center;
    white-space: nowrap
}
.uccst14_view_wrap .img:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #d8d8d8;
    content: ''
}
.uccst14_view_wrap .img:after {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.uccst14_view_wrap img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.uccst14_view_wrap .cont {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 126px;
    padding-top: 16px;
    max-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.uccst14_view_wrap .title_inner .date {
    display: inline-block;
    position: relative;
    font-size: 15px;
    color: #898989
}
.uccst14_view_wrap .title_inner .date:after {
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 0 12px;
    background: #dfdfdf;
    vertical-align: middle;
    content: ''
}
.uccst14_view_wrap .title_inner .category {
    display: inline-block;
    margin-left: 5px;
    font-size: 15px;
    color: #898989
}
.uccst14_view_wrap .title {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 40px;
    margin-top: 7px;
    font-size: 15px;
    font-weight: 700;
    color: #000;
    line-height: 1.3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.uccst14_view_wrap .title:hover {
    text-decoration: underline
}
.uccst14_view_wrap .info_inner {
    display: block;
    margin-top: 6px;
    font-size: 0
}
.uccst14_view_wrap .info_inner dl {
    overflow: hidden
}
.uccst14_view_wrap .info_inner dt {
    overflow: hidden;
    position: absolute;
    border: 0;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px)
}
.uccst14_view_wrap .info_inner dd {
    display: block;
    margin-top: 2px;
    font-size: 15px;
    color: #898989
}
.uccst14_view_wrap .info_inner .publisher,
.uccst14_view_wrap .info_inner .year {
    display: inline-block
}
.uccst14_view_wrap .info_inner .year:before {
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 0 10px;
    background: #898989;
    content: ''
}
.uccst14_view_wrap .no_cont {
    display: block;
    max-width: 975px;
    width: auto;
    margin: 48px 9px 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb;
    margin: 0 auto
}
.uccst14_view_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.uccst14_view_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:1239px) {
    .uccst14_view_wrap {
        max-width: none
    }
    .uccst14_view_wrap .no_cont {
        max-width: none;
        width: 92%
    }
}
@media screen and (max-width:1024px) {
    .uccst14_view_wrap .uccst14_list {
        margin: 0
    }
    .uccst14_view_wrap .uccst14_item>a {
        height: auto;
        padding: 0 3.487179%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .uccst14_view_wrap .thumb {
        max-width: 135px;
        padding-top: 200px;
        margin: 0 auto
    }
    .uccst14_view_wrap .thumb .img {
        height: 100%
    }
    .uccst14_view_wrap .cont {
        min-height: 90px;
        height: auto
    }
    .uccst14_view_wrap .title_inner .date {
        position: relative;
        margin: 0;
        font-size: 1.5rem
    }
    .uccst14_view_wrap .title_inner .category {
        display: inline-block;
        margin: 0;
        font-size: 1.5rem;
        color: #626262
    }
    .uccst14_view_wrap .title {
        max-height: 48px;
        font-size: 1.8rem;
        color: #4f4f4f
    }
    .uccst14_view_wrap .info_inner {
        margin-top: 2px
    }
    .uccst14_view_wrap .info_inner dd,
    .uccst14_view_wrap .info_inner dt {
        margin-top: 0;
        font-size: 1.5rem
    }
    .uccst14_view_wrap .no_cont {
        width: auto;
        margin: 0 auto;
        padding: 25px 0
    }
    .uccst14_view_wrap .no_cont .txt {
        font-size: 18px;
    }
    .uccst14_view_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
@media screen and (max-width:768px) {
    .uccst14_view_wrap .uccst14_item {
        width: 50%;
        padding: 0 0 20px 0
    }
}
.uccst14_detail_wrap {
    max-width: 975px
}
.uccst14_detail_wrap .title_area {
    display: block;
    position: relative;
    font-size: 0
}
.uccst14_detail_wrap .date {
    display: block;
    font-size: 20px;
    color: #4e8bb6
}
.uccst14_detail_wrap .category {
    display: inline-block;
    margin-right: 14px;
    font-size: 25px;
    color: #4d4d4d
}
.uccst14_detail_wrap .title {
    font-size: 25px;
    color: #4d4d4d
}
.uccst14_detail_wrap .board_info_area {
    margin-top: 20px;
    padding: 20px 24px 21px 24px;
    border-top: 2px solid #426f8f;
    font-size: 0
}
.uccst14_detail_wrap .thumb {
    display: block;
    float: left;
    position: relative;
    width: 156px;
    height: 222px;
    margin-right: 48px
}
.uccst14_detail_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #d8d8d8;
    content: ''
}
.uccst14_detail_wrap img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.uccst14_detail_wrap .book_info_wrap {
    overflow: hidden
}
.uccst14_detail_wrap .book_info {
    overflow: hidden;
    font-size: 18px;
    border-bottom: 1px solid #dfdfdf
}
.uccst14_detail_wrap .book_info dd,
.uccst14_detail_wrap .book_info dt {
    padding: 7px 0;
    border-top: 1px solid #dfdfdf
}
.uccst14_detail_wrap .book_info dd:first-of-type,
.uccst14_detail_wrap .book_info dt:first-of-type {
    border-top: none
}
.uccst14_detail_wrap .book_info dt {
    float: left;
    min-width: 90px;
    font-weight: 700;
    color: #4c4c4c
}
.uccst14_detail_wrap .book_info dd {
    overflow: hidden;
    color: #4c4c4c;
    min-height: 20px
}
.uccst14_detail_wrap .btn_book_detail {
    position: relative;
    padding: 12px 34px 12px 18px
}
.uccst14_detail_wrap .btn_book_detail:after {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 6px;
    height: 11px;
    background-position: -50px -50px;
    content: ''
}
.uccst14_detail_wrap .board_contents {
    margin-top: 46px;
    font-size: 16px;
    color: #3c3c3c;
    border-bottom: 1px solid #dfdfdf
}
.uccst14_detail_wrap .m {
    margin-top: 38px;
    padding: 34px 30px 36px;
    border: 1px solid #cdcdcd
}
.uccst14_detail_wrap .video_wrap {
    height: 384px;
    background: #000
}
.uccst14_detail_wrap .subtitle_wrap .btn_wrap {
    margin-top: 24px
}
.uccst14_detail_wrap .subtitle_wrap .btn_book_info {
    position: relative;
    width: 100%;
    padding: 16px 24px 16px 21px;
    background: #426f8f;
    font-size: 18px;
    text-align: left
}
.uccst14_detail_wrap .subtitle_wrap .btn_book_info:after {
    position: absolute;
    top: 50%;
    right: 24px;
    width: 15px;
    height: 9px;
    background-position: -75px -50px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.uccst14_detail_wrap .subtitle_content {
    padding: 25px 20px 32px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.uccst14_detail_wrap .subtitle_inner.is_collapsed .btn_book_info:after {
    background-position: -58px -50px
}
.uccst14_detail_wrap .subtitle_content .cont {
    font-weight: 400;
    color: #3c3c3c;
    line-height: 28px
}
@media screen and (max-width:768px) {
    .uccst14_detail_wrap .title_wrap {
        position: relative
    }
    .uccst14_detail_wrap .date {
        font-size: 1.6rem
    }
    .uccst14_detail_wrap .category {
        display: inline-block;
        margin-right: 0;
        font-size: 1.9rem
    }
    .uccst14_detail_wrap .title {
        font-size: 1.9rem
    }
    .uccst14_detail_wrap .board_info_area {
        position: relative;
        margin-top: 10px;
        padding: 16px 0
    }
    .uccst14_detail_wrap .thumb {
        width: 86px;
        height: 122px;
        margin-right: 17px
    }
    .uccst14_detail_wrap .book_info {
        font-size: 1.6rem
    }
    .uccst14_detail_wrap .book_info dt {
        min-width: 60px
    }
    .uccst14_detail_wrap .book_info_wrap .btn_wrap {
        position: absolute;
        top: 100%;
        left: 50%;
        margin: 0;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0)
    }
    .uccst14_detail_wrap .btn_book_detail {
        min-width: 242px;
        padding: 0 24px 0 12px
    }
    .uccst14_detail_wrap .btn_book_detail:after {
        top: 12px;
        right: 12px;
        width: 4px;
        height: 8px;
        background-position: -80px -24px
    }
    .uccst14_detail_wrap .subtitle_wrap .btn_wrap {
        margin: 12px 0 0
    }
    .uccst14_detail_wrap .subtitle_wrap .btn_book_info {
        margin: 0;
        padding: 0 20px 0 10px
    }
    .uccst14_detail_wrap .subtitle_wrap .btn_book_info:after {
        right: 11px;
        width: 9px;
        height: 5px;
        background-position: -86px -24px
    }
    .uccst14_detail_wrap .subtitle_inner.is_collapsed .btn_book_info:after {
        background-position: -97px -24px
    }
    .uccst14_detail_wrap .subtitle_content {
        padding: 10px 6px
    }
    .uccst14_detail_wrap .btn_board_util {
        top: -4px;
        bottom: auto
    }
    .uccst14_detail_wrap .board_util_menu {
        top: 22px
    }
}
.ucfile1_wrap table {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucfile1_wrap .col1 {
    width: 20.205128%
}
.ucfile1_wrap th {
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #000
}
.ucfile1_wrap td {
    position: relative;
    padding: 12px 2px;
    border-top: 1px solid #dadada;
    background-color: #fff;
    font-weight: 400;
    color: #3f3f3f
}
.ucfile1_wrap tbody tr:first-child td {
    border-top: none
}
.ucfile1_wrap a {
    display: inline-block;
    padding: 5px;
    height: 100%
}
.ucfile1_wrap .sp_file {
    width: 20px;
    height: 19px;
    background-position: -96px -39px
}
.ucfile1_mobile_wrap {
    display: none
}
@media screen and (max-width:768px) {
    .ucfile1_wrap {
        display: none
    }
    .ucfile1_mobile_wrap {
        display: block;
        margin-top: 12px
    }
    .ucfile1_mobile_wrap .tbl_period {
        padding: 8px 13px;
        font-size: 1.6rem;
        color: #426f8f;
        text-align: left
    }
    .ucfile1_mobile_wrap th {
        padding: 8px 0;
        font-size: 1.6rem
    }
    .ucfile1_wrap a {
        padding: 0
    }
    .ucfile1_wrap .sp_file {
        width: 14px;
        height: 12px;
        background-position: -80px -34px
    }
}
.ucfile2_wrap {
    max-width: 975px;
    padding-top: 43px;
    border-top: 2px solid #426f8f
}
.ucfile2_wrap:after {
    display: block;
    clear: both;
    content: ''
}
.ucfile2_wrap .ucfile2_bx {
    float: left;
    width: 31.487179%;
    margin: 0 0 26px 2.76923%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucfile2_wrap .inner {
    padding: 18px 9.7719869%;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucfile2_wrap .ucfile2_bx:nth-child(3n+1) {
    margin-left: 0
}
.ucfile2_wrap .title {
    display: block;
    font-size: 19px;
    color: #393939;
    text-align: center
}
.ucfile2_wrap .thumb {
    display: block;
    position: relative;
    max-width: 245px;
    height: auto;
    margin-top: 12px
}
.ucfile2_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.ucfile2_wrap .thumb img {
    width: 100%;
    height: 304px;
    vertical-align: middle
}
.ucfile2_wrap .btn_wrap {
    margin-top: 9px;
    font-size: 0
}
.ucfile2_wrap .btn {
    width: 100%;
    min-width: auto;
    background: #4a5258;
    font-size: 13px;
    font-weight: 400;
    color: #fff
}
.ucfile2_wrap .btn_wrap.is_pair .btn {
    width: 49.387755%;
    margin-left: 1.22448979%
}
.ucfile2_wrap .btn_wrap.is_pair .btn:first-child {
    margin-left: 0
}
.ucfile2_wrap .no_cont {
    display: block;
    max-width: 975px;
    width: 100%;
    margin: 48px 9px 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb;
    margin: 0 auto
}
.ucfile2_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucfile2_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:768px) {
    .ucfile2_wrap {
        padding-top: 0
    }
    .ucfile2_wrap .ucfile2_bx {
        width: 100%;
        margin: 0
    }
    .ucfile2_wrap .inner {
        padding: 20px 0;
        border: 0;
        border-bottom: 1px solid #e2e2e2
    }
    .ucfile2_wrap .thumb {
        max-width: none;
        height: 30rem;
        text-align: center
    }
    .ucfile2_wrap .thumb img {
        max-width: none;
        width: auto;
        height: 100%
    }
    .ucfile2_wrap .btn {
        font-size:15px
    }
    .ucfile2_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucfile2_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucfile3_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucfile3_wrap .ucfile3_item {
    height: 158px;
    border-top: 1px solid #dfdfdf
}
.ucfile3_wrap .ucfile3_item:first-child {
    border: 0
}
.ucfile3_wrap .ucfile3_item .inner {
    display: block;
    width: 100%;
    height: 100%;
    padding: 24px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucfile3_wrap .thumb {
    overflow: hidden;
    float: left;
    position: relative;
    width: 162px;
    height: 108px;
    text-align: center
}
.ucfile3_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.ucfile3_wrap .thumb:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucfile3_wrap .thumb img {
    width: 100%;
    height: 100%;
    max-height: 100%;
    vertical-align: middle
}
.ucfile3_wrap .img {
    display: block;
    width: 100%;
    height: 100%
}
.ucfile3_wrap .cont {
    overflow: hidden;
    position: relative;
    height: 110px;
    padding: 0 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap
}
.ucfile3_wrap .cont:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucfile3_wrap .bx {
    display: inline-block;
    vertical-align: middle
}
.ucfile3_wrap .title {
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    max-height: 1.3em;
    font-size: 21px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer
}
.ucfile3_wrap .title:hover {
    text-decoration: underline
}
.ucfile3_wrap .text {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    max-height: 22px;
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #4d4d4d;
    line-height: 24px;
    white-space: normal
}
.ucfile3_wrap .btn_wrap {
    margin-top: 20px;
    font-size: 0
}
.ucfile3_wrap .btn {
    min-width: 76px;
    margin-left: 3px;
    padding: 7px 24px;
    background: #4a5258;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    border: none
}
.ucfile3_wrap .btn:first-child {
    margin: 0
}
.ucfile3_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucfile3_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucfile3_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
.ucfile3_wrap .ucfile3_item>a:focus,
.ucfile3_wrap .ucfile3_item>a:hover {
    background: #f8f8f8
}
.ucfile3_wrap .ucfile3_item_type {
    height: 248px
}
.ucfile3_wrap .ucfile3_item_type .inner .thumb {
    height: 200px
}
@media screen and (max-width:768px) {
    .ucfile3_wrap .ucfile3_item {
        height: auto
    }
    .ucfile3_wrap .ucfile3_item .inner {
        padding: 17px 0
    }
    .ucfile3_wrap .thumb:before {
        display: none
    }
    .ucfile3_wrap .thumb {
        float: none;
        width: 100%;
        height: 189px
    }
    .ucfile3_wrap .thumb img {
        width: auto;
        border: 1px solid #a9a9a9;
        box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .ucfile3_wrap .cont {
        height: auto;
        margin-top: 13px;
        padding: 0
    }
    .ucfile3_wrap .title {
        -webkit-line-clamp: 2;
        max-height: 5rem;
        font-size: 1.9rem;
        text-align: center
    }
    .ucfile3_wrap .bx {
        display: block
    }
    .ucfile3_wrap .text {
        -webkit-line-clamp: 2;
        max-height: 48px;
        font-size: 1.6rem;
        text-align: center
    }
    .ucfile3_wrap .btn_wrap {
        margin-top: 6px
    }
    .ucfile3_wrap .btn {
        width: 100%;
        min-width: auto;
        padding: 0 12px
    }
    .ucfile3_wrap .is_pair .btn {
        width: 49.387755%;
        margin-left: 1.22448979%
    }
    .ucfile3_wrap .is_pair .btn:first-child {
        margin-left: 0
    }
    .ucfile3_wrap .is_pair .btn+.btn_view {
        display: inline-block;
        width: 49.387755%;
        margin: 0 0 0 1.22448979%
    }
    .ucfile3_wrap .is_pair .btn+.btn+.btn_view {
        display: block;
        width: 100%;
        margin: 6px 0 0
    }
    .ucfile3_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucfile3_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
@media screen and (max-width:360px) {
    .ucfile3_wrap .is_pair .btn+.btn_view {
        padding: 0
    }
}
.ucsrch3_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucsrch3_wrap .ucsrch3_item {
    padding: 15px 0;
    border-top: 1px solid #dfdfdf;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: .4s
}
.ucsrch3_wrap .ucsrch3_item.is_opened {
    padding-bottom: 0;
    background: #f8f8f8
}
.ucsrch3_wrap .ucsrch3_item.is_opened+.ucsrch3_item {
    border-top: 0
}
.ucsrch3_wrap .ucsrch3_item:first-child {
    border: 0
}
.ucsrch3_wrap .ucsrch3_list>a {
    display: block;
    width: 100%;
    height: 100%
}
.ucsrch3_wrap .cont {
    overflow: hidden;
    position: relative;
    height: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.ucsrch3_wrap .cont:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucsrch3_wrap .bx {
    display: inline-block;
    width: 100%;
    vertical-align: middle
}
.ucsrch3_wrap .title_inner {
    display: inline-block;
    padding: 0 30px;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}
.ucsrch3_wrap .title_inner .classify {
    display: block;
    font-size: 0;
    margin: 10px 0;
}
.ucsrch3_wrap .title_inner .classify span {
    display: inline-block;
    margin-left: 6px;
    padding: 6px 20px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 14px;
    font-size: 14px;
    color: #5a5a5a;
    line-height: 1
}
.ucsrch3_wrap .title_inner .classify span:first-child {
    margin-left: 0
}
.ucsrch3_wrap .title {
    display: inline-block;
    padding-top: 2px;
    font-size: 18px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    word-break: break-all;
}
.ucsrch3_wrap .title:hover {
    text-decoration: underline
}
.ucsrch3_wrap .info_inner {
    display: block;
    margin-top: 20px;
    font-size: 0
}
.ucsrch3_wrap .book_info_list {
    padding: 0 30px;
    line-height: 18px;
    white-space: normal
}
.ucsrch3_wrap .book_info_list+.btn_wrap {
    padding: 0 30px
}
.ucsrch3_wrap .book_info_list dd,
.ucsrch3_wrap .book_info_list dt {
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #626262;
    line-height: 16px
}
.ucsrch3_wrap .book_info_list dt:after {
    display: inline-block;
    margin: 0 6px;
    content: ':'
}
.ucsrch3_wrap .book_info_list dd {
    padding-right: 36px;
    min-height: 14px
}
.ucsrch3_wrap .book_info_list dd:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 16px;
    margin-right: 18px;
    background: #dcdcdc;
    content: ''
}
.ucsrch3_wrap .book_info_list .book_code:after,
.ucsrch3_wrap .book_info_list dd.book_place:after {
    display: none
}
.ucsrch3_wrap .book_info_list .book_place {
    margin-top: 10px
}
.ucsrch3_wrap .book_info_list .book_place .btn_layer {
    color: #d35353
}
.ucsrch3_wrap .btn_collect_item {
    min-width: 92px;
    margin-left: 8px;
    padding: 5px 0;
    background: #fff;
    border: 1px solid #5692bc;
    font-size: 14px;
    color: #4e8bb6
}
.ucsrch3_wrap .btn_collect_item:first-child {
    margin-left: 0
}
.ucsrch3_wrap .collect_item_box {
    display: none;
    position: relative;
    margin-top: 16px;
    border: 1px solid #5692bc;
    background: #fff
}
.ucsrch3_wrap .collect_item_box:before {
    position: absolute;
    top: -17px;
    left: 67px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 17px 10px;
    border-color: transparent transparent #5692bc transparent;
    content: ''
}
.ucsrch3_wrap .collect_item_box:after {
    position: absolute;
    top: -16px;
    left: 68px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 16px 9px;
    border-color: transparent transparent #fff transparent;
    content: ''
}
.ucsrch3_wrap .detail_info_box:before {
    left: 166px
}
.ucsrch3_wrap .detail_info_box:after {
    left: 167px
}
.ucsrch3_wrap .info_collect_title {
    display: block;
    padding: 18px 30px;
    border-bottom: 1px solid #dfdfdf;
    font-size: 21px;
    font-weight: 700
}
.ucsrch3_wrap .collect_info_box_inner {
    height: 254px;
    overflow: auto;
    padding: 17px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucsrch3_wrap .collect_info_box_inner .btn_wrap {
    margin-top: 0
}
.ucsrch3_wrap .collect_info_box_inner .btn {
    min-width: 96px;
    margin-left: 8px;
    padding: 8px 0;
    font-size: 15px
}
.ucsrch3_wrap .collect_info_box_inner .btn:first-child {
    margin-left: 0
}
.ucsrch3_wrap .btn_basket {
    background: #3b4954
}
.ucsrch3_wrap .tbl_collect_info {
    width: 100%;
    margin-top: 17px;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #dfdfdf;
    font-size: 14px;
    text-align: center;
    table-layout: fixed
}
.ucsrch3_wrap .tbl_collect_info .col1 {
    width: 48px
}
.ucsrch3_wrap .tbl_collect_info .col2 {
    width: 68px
}
.ucsrch3_wrap .tbl_collect_info th {
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 14px;
    color: #000
}
.ucsrch3_wrap .tbl_collect_info td {
    position: relative;
    padding: 12px 2px;
    border-top: 1px solid #dadada;
    background-color: #fff;
    font-weight: 400;
    color: #3f3f3f;
    white-space: normal
}
.ucsrch3_wrap .tbl_collect_info tbody tr:first-child td {
    border-top: none
}
.ucsrch3_wrap .tbl_collect_info .input_check_wrap {
    vertical-align: middle
}
.ucsrch3_wrap .collect_item_box .btn_close {
    display: block;
    position: absolute;
    top: 24px;
    right: 24px;
    width: 18px;
    height: 18px;
    background-position: -108px -63px
}
.ucsrch3_wrap .detail_info_list {
    position: relative;
    z-index: 1;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6;
    font-size: 0
}
.ucsrch3_wrap .detail_info_list:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 174px;
    height: 100%;
    background: #f5f5f5;
    content: ''
}
.ucsrch3_wrap .detail_info_title {
    display: block;
    float: left;
    width: 174px;
    padding: 16px 32px;
    border-top: 1px solid #dfdfdf;
    font-size: 15px;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucsrch3_wrap .detail_info_title:first-of-type {
    border-top: none
}
.ucsrch3_wrap .detail_info_item {
    display: block;
    overflow: hidden;
    padding: 16px;
    border-top: 1px solid #dfdfdf;
    font-size: 15px;
    font-weight: 400;
    color: #3f3f3f;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucsrch3_wrap .detail_info_item:first-of-type {
    border-top: none
}
.ucsrch3_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucsrch3_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucsrch3_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:768px) {
    .ucsrch3_wrap .ucsrch3_list {
        min-height: 99px;
        height: auto;
        padding: 0 0
    }
    .ucsrch3_wrap .ucsrch3_item {
        padding: 12px 0
    }
    .ucsrch3_wrap .cont {
        min-height: 71px;
        height: auto;
        padding: 0;
    }
    .ucsrch3_wrap .title {
        font-size: 1.9rem;
    }
    .ucsrch3_wrap .title_inner {
        padding: 0 6px
    }
    .ucsrch3_wrap .title_inner .classify {
        margin-bottom: 6px;
        margin-left: 0
    }
    .ucsrch3_wrap .info_inner {
        margin-top: 10px
    }
    .ucsrch3_wrap .book_info_list {
        margin-top: 10px;
        padding: 0 6px
    }
    .ucsrch3_wrap .book_info_list dd,
    .ucsrch3_wrap .book_info_list dt {
        margin-top: 4px;
        font-size: 1.5rem
    }
    .ucsrch3_wrap .book_info_list dd:first-of-type,
    .ucsrch3_wrap .book_info_list dt:first-of-type {
        margin-top: 4px
    }
    .ucsrch3_wrap .book_info_list dt {
        float: left
    }
    .ucsrch3_wrap .book_info_list dd {
        display: block;
        min-height: 16px;
        padding-right: 0;
    }
    .ucsrch3_wrap .book_info_list dd:after {
        display: none
    }
    .ucsrch3_wrap .book_info_list:first-of-type {
        margin-top: 0
    }
    .ucsrch3_wrap .book_info_list .book_place {
        display: inline-block;
        float: none;
        font-weight: 500;
        color: #303030
    }
    .ucsrch3_wrap .book_info_list dd.book_place {
        margin-left: 5px
    }
    .ucsrch3_wrap .book_info_list .book_place:after {
        display: none
    }
    .ucsrch3_wrap .book_info_list .book_place .btn_layer {
        display: block;
        margin-top: 2px;
        font-size: 1.5rem;
        text-align: left
    }
    .ucsrch3_wrap .book_info_list+.btn_wrap {
        margin-top: 14px;
        padding: 0 6px
    }
    .ucsrch3_wrap .btn_collect_item {
        min-width: 84px;
        line-height: 22px
    }
    .ucsrch3_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucsrch3_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
    .ucsrch3_wrap .tbl_collect_info tr>td:first-child,
    .ucsrch3_wrap .tbl_collect_info tr>th:first-child {
        position: absolute;
        top: auto;
        left: 15px;
        z-index: 1;
        width: 48px;
        height: 60px;
        padding: 22px 0;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .ucsrch3_wrap .tbl_collect_info tr>th:first-child {
        height: 51px;
        padding: 17px 0
    }
    .ucsrch3_wrap .collect_item_box {
        margin-top: 10px
    }
    .ucsrch3_wrap .collect_item_box:before {
        top: -10px;
        left: 42px;
        border-width: 0 5px 10px 5px
    }
    .ucsrch3_wrap .collect_item_box:after {
        top: -9px;
        left: 43px;
        border-width: 0 4px 9px 4px
    }
    .ucsrch3_wrap .detail_info_box:before {
        left: 135px
    }
    .ucsrch3_wrap .detail_info_box:after {
        left: 136px
    }
    .ucsrch3_wrap .info_collect_title {
        padding: 9px 15px;
        font-size: 1.7rem
    }
    .ucsrch3_wrap .collect_info_box_inner {
        position: relative;
        width: 100%;
        height: 184px;
        overflow-x: hidden;
        padding: 9px 15px
    }
    .ucsrch3_wrap .collect_info_box_inner .btn {
        min-width: 86px;
        padding: 0;
        font-size: 1.3rem
    }
    .ucsrch3_wrap .tbl_wrap {
        width: 100%;
        overflow: auto
    }
    .ucsrch3_wrap .tbl_collect_info {
        width: 760px;
        margin-top: 9px
    }
    .ucsrch3_wrap .collect_item_box .btn_close {
        top: 16px;
        right: 15px;
        width: 9px;
        height: 9px;
        background-position: -145px -35px
    }
    .ucsrch3_wrap .collect_info_box_inner .btn {
        margin-left: 1.22448979%
    }
    .ucsrch3_wrap .detail_info_list:before {
        width: 110px
    }
    .ucsrch3_wrap .detail_info_title {
        width: 110px;
        padding: 9px 0 9px 10px;
        font-size: 1.5rem
    }
    .ucsrch3_wrap .detail_info_item {
        padding: 9px 11px;
        font-size: 1.5rem
    }
}
@media screen and (max-width:400px) {
    .ucsrch3_wrap .book_info_list .book_place {
        display: block
    }
    .ucsrch3_wrap .book_info_list dd.book_place {
        margin-left: 0
    }
}
.ucsrch4_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucsrch4_wrap .ucsrch4_item {
    padding: 24px 0;
    border-top: 1px solid #dfdfdf;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: .4s
}
.ucsrch4_wrap .ucsrch4_item.is_opened {
    padding-bottom: 0;
    background: #f8f8f8
}
.ucsrch4_wrap .ucsrch4_item.is_opened+.ucsrch4_item {
    border-top: 0
}
.ucsrch4_wrap .ucsrch4_item:first-child {
    border: 0
}
.ucsrch4_wrap .ucsrch4_item>a {
    display: block;
    width: 100%;
    height: 100%
}
.ucsrch4_wrap .cont {
    overflow: hidden;
    position: relative;
    height: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap
}
.ucsrch4_wrap .cont:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucsrch4_wrap .bx {
    display: inline-block;
    width: 100%;
    vertical-align: middle
}
.ucsrch4_wrap .title_inner {
    display: inline-block;
    padding: 0 30px;
    max-width: 100%
}
.ucsrch4_wrap .title_inner .classify {
    display: block;
    float: right;
    margin-left: 14px;
    font-size: 0
}
.ucsrch4_wrap .title_inner .classify span {
    display: inline-block;
    margin-left: 6px;
    padding: 6px 20px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 14px;
    font-size: 14px;
    color: #5a5a5a;
    line-height: 1
}
.ucsrch4_wrap .title_inner .classify span:first-child {
    margin-left: 0
}
.ucsrch4_wrap .title {
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    max-height: 25px;
    padding-top: 2px;
    font-size: 18px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucsrch4_wrap .title:hover {
    text-decoration: underline
}
.ucsrch4_wrap .info_inner {
    display: block;
    margin-top: 20px;
    font-size: 0
}
.ucsrch4_wrap .book_info_list {
    padding: 0 30px;
    white-space: normal
}
.ucsrch4_wrap .book_info_list+.btn_wrap {
    padding: 0 30px
}
.ucsrch4_wrap .book_info_list dd,
.ucsrch4_wrap .book_info_list dt {
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #626262;
    line-height: 16px
}
.ucsrch4_wrap .book_info_list dt:after {
    display: inline-block;
    margin: 0 6px;
    content: ':'
}
.ucsrch4_wrap .book_info_list dd {
    padding-right: 36px
}
.ucsrch4_wrap .book_info_list dd:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 16px;
    margin-right: 18px;
    background: #dcdcdc;
    content: ''
}
.ucsrch4_wrap .book_info_list .book_code:after,
.ucsrch4_wrap .book_info_list dd.book_place:after {
    display: none
}
.ucsrch4_wrap .book_info_list .book_place {
    margin-top: 10px
}
.ucsrch4_wrap .book_info_list .book_place .btn_layer {
    color: #d35353
}
.ucsrch4_wrap .btn_collect_item {
    min-width: 92px;
    margin-left: 8px;
    padding: 5px 0;
    background: #fff;
    border: 1px solid #5692bc;
    font-size: 14px;
    color: #4e8bb6
}
.ucsrch4_wrap .btn_collect_item:first-child {
    margin-left: 0
}
.ucsrch4_wrap .collect_item_box {
    display: none;
    position: relative;
    margin-top: 16px;
    border: 1px solid #5692bc;
    background: #fff
}
.ucsrch4_wrap .collect_item_box:before {
    position: absolute;
    top: -17px;
    left: 67px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 17px 10px;
    border-color: transparent transparent #5692bc transparent;
    content: ''
}
.ucsrch4_wrap .collect_item_box:after {
    position: absolute;
    top: -16px;
    left: 68px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 16px 9px;
    border-color: transparent transparent #fff transparent;
    content: ''
}
.ucsrch4_wrap .abstract_info_box:before {
    left: 166px
}
.ucsrch4_wrap .abstract_info_box:after {
    left: 167px
}
.ucsrch4_wrap .info_collect_title {
    display: block;
    padding: 18px 30px;
    border-bottom: 1px solid #dfdfdf;
    font-size: 21px;
    font-weight: 700
}
.ucsrch4_wrap .collect_info_box_inner {
    height: 254px;
    overflow: auto;
    padding: 17px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucsrch4_wrap .collect_item_box .btn_close {
    display: block;
    position: absolute;
    top: 24px;
    right: 24px;
    width: 18px;
    height: 18px;
    background-position: -108px -63px
}
.ucsrch4_wrap .detail_info_list {
    position: relative;
    z-index: 1;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6;
    font-size: 0
}
.ucsrch4_wrap .detail_info_list:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 174px;
    height: 100%;
    background: #f5f5f5;
    content: ''
}
.ucsrch4_wrap .detail_info_title {
    display: block;
    float: left;
    width: 174px;
    padding: 16px 32px;
    border-top: 1px solid #dfdfdf;
    font-size: 15px;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucsrch4_wrap .detail_info_title:first-of-type {
    border-top: none
}
.ucsrch4_wrap .detail_info_item {
    display: block;
    overflow: hidden;
    padding: 16px;
    border-top: 1px solid #dfdfdf;
    font-size: 15px;
    font-weight: 400;
    color: #3f3f3f;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucsrch4_wrap .detail_info_item:first-of-type {
    border-top: none
}
.ucsrch4_wrap .abstract_text {
    font-size: 16px;
    white-space: normal
}
.ucsrch4_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucsrch4_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucsrch4_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:768px) {
    .ucsrch4_wrap .ucsrch4_item {
        min-height: 99px;
        height: auto;
        padding: 14px 0
    }
    .ucsrch4_wrap .ucsrch4_item {
        padding: 12px 0
    }
    .ucsrch4_wrap .cont {
        min-height: 71px;
        height: auto;
        padding: 0;
        white-space: normal
    }
    .ucsrch4_wrap .title {
        max-height: 5rem;
        font-size: 1.9rem;
        -webkit-line-clamp: 2
    }
    .ucsrch4_wrap .title_inner {
        padding: 0 6px
    }
    .ucsrch4_wrap .title_inner .classify {
        float: none;
        margin-bottom: 6px;
        margin-left: 0
    }
    .ucsrch4_wrap .info_inner {
        margin-top: 10px
    }
    .ucsrch4_wrap .book_info_list {
        margin-top: 10px;
        padding: 0 6px
    }
    .ucsrch4_wrap .book_info_list dd,
    .ucsrch4_wrap .book_info_list dt {
        margin-top: 4px;
        font-size: 1.5rem
    }
    .ucsrch4_wrap .book_info_list dd:first-of-type,
    .ucsrch4_wrap .book_info_list dt:first-of-type {
        margin-top: 0
    }
    .ucsrch4_wrap .book_info_list dt {
        float: left
    }
    .ucsrch4_wrap .book_info_list dd {
        display: block;
        padding-right: 0
    }
    .ucsrch4_wrap .book_info_list dd:after {
        display: none
    }
    .ucsrch4_wrap .book_info_list:first-of-type {
        margin-top: 0
    }
    .ucsrch4_wrap .book_info_list .book_place {
        display: block;
        float: none;
        font-weight: 500;
        color: #303030
    }
    .ucsrch4_wrap .book_info_list .book_place:after {
        display: none
    }
    .ucsrch4_wrap .book_info_list .book_place .btn_layer {
        display: block;
        margin-top: 2px;
        font-size: 1.5rem;
        text-align: left
    }
    .ucsrch4_wrap .book_info_list+.btn_wrap {
        margin-top: 14px;
        padding: 0 6px
    }
    .ucsrch4_wrap .btn_collect_item {
        min-width: 84px;
        line-height: 22px
    }
    .ucsrch4_wrap .no_cont .txt {
        font-size:18px;
    }
    .ucsrch4_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
    .ucsrch4_wrap .collect_item_box {
        margin-top: 10px
    }
    .ucsrch4_wrap .collect_item_box:before {
        top: -10px;
        left: 42px;
        border-width: 0 5px 10px 5px
    }
    .ucsrch4_wrap .collect_item_box:after {
        top: -9px;
        left: 43px;
        border-width: 0 4px 9px 4px
    }
    .ucsrch4_wrap .abstract_info_box:before {
        left: 135px
    }
    .ucsrch4_wrap .abstract_info_box:after {
        left: 136px
    }
    .ucsrch4_wrap .info_collect_title {
        padding: 9px 15px;
        font-size: 1.7rem
    }
    .ucsrch4_wrap .collect_info_box_inner {
        position: relative;
        height: 184px;
        padding: 9px 15px
    }
    .ucsrch4_wrap .collect_info_box_inner .btn {
        min-width: 86px;
        padding: 0;
        font-size: 1.3rem
    }
    .ucsrch4_wrap .tbl_wrap {
        width: 100%;
        overflow: auto
    }
    .ucsrch4_wrap .tbl_collect_info {
        width: 760px;
        margin-top: 9px
    }
    .ucsrch4_wrap .collect_item_box .btn_close {
        top: 16px;
        right: 15px;
        width: 9px;
        height: 9px;
        background-position: -145px -35px
    }
    .ucsrch4_wrap .detail_info_list:before {
        width: 110px
    }
    .ucsrch4_wrap .detail_info_title {
        width: 110px;
        padding: 9px 0 9px 10px;
        font-size: 1.5rem
    }
    .ucsrch4_wrap .detail_info_item {
        padding: 9px 11px;
        font-size: 1.5rem
    }
    .ucsrch4_wrap .abstract_text {
        font-size: 1.5rem
    }
}
.ucsrch12_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucsrch12_wrap .ucsrch12_item {
    border-top: 1px solid #dfdfdf;
    transition: .4s ease-in-out
}
.ucsrch12_wrap .ucsrch12_item:first-child {
    border: 0
}
.ucsrch12_wrap .ucsrch12_item .inner {
    display: block;
    width: 100%;
    height: 100%;
    padding: 24px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucsrch12_wrap .cont {
    overflow: hidden;
    position: relative;
    padding: 0 46px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap
}
.ucsrch12_wrap .bx {
    position: relative;
    font-size: 0
}
.ucsrch12_wrap .title_inner {
    display: inline-block;
    width: 75%;
    font-size: 0;
    vertical-align: middle
}
.ucsrch12_wrap .category {
    position: absolute;
    top: 50%;
    left: 0;
    width: 122px;
    font-size: 20px;
    font-weight: 700;
    color: #4e8bb6;
    text-align: center;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.ucsrch12_wrap .title {
    display: inline-block;
    padding-left: 178px;
    font-size: 18px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucsrch12_wrap .title:hover {
    text-decoration: underline
}
.ucsrch12_wrap .btn_wrap {
    display: inline-block;
    width: 25%;
    margin-top: 0;
    font-size: 0;
    vertical-align: middle
}
.ucsrch12_wrap .btn {
    min-width: 76px;
    padding: 10px 24px;
    background: #15a8a9;
    font-weight: 400
}
.ucsrch12_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucsrch12_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucsrch12_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -90px;
    content: ''
}
.ucsrch12_wrap .ucsrch12_item.is_active,
.ucsrch12_wrap .ucsrch12_item:hover {
    background: #f8f8f8
}
@media screen and (max-width:768px) {
    .ucsrch12_wrap .ucsrch12_item {
        height: auto
    }
    .ucsrch12_wrap .ucsrch12_item .inner {
        padding: 17px 0
    }
    .ucsrch12_wrap .cont {
        padding: 0
    }
    .ucsrch12_wrap .title_inner {
        display: block;
        width: 100%
    }
    .ucsrch12_wrap .category {
        position: static;
        font-size: 1.5rem;
        font-weight: 500;
        text-align: left;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }
    .ucsrch12_wrap .title {
        display: block;
        margin-top: 2px;
        padding-left: 0;
        font-size: 1.9rem
    }
    .ucsrch12_wrap .btn_wrap {
        display: block;
        width: 100%;
        margin-top: 14px
    }
    .ucsrch12_wrap .btn {
        width: 100%;
        min-width: auto;
        padding: 0 12px
    }
    .ucsrch12_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucsrch12_detail_title .title_area {
    font-size: 0
}
.ucsrch12_detail_title .title {
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    color: #4d4d4d;
    vertical-align: middle
}
.ucsrch12_detail_title .category {
    display: inline-block;
    position: relative;
    padding-left: 16px;
    margin-left: 15px;
    font-size: 20px;
    color: #4e8bb6;
    vertical-align: middle
}
.ucsrch12_detail_title .category:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 19px;
    background: #dfdfdf;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucsrch12_detail_title .topic_notice {
    margin: 17px 0 24px;
    padding: 18px 26px;
    border: 1px solid #dcdcdc;
    font-size: 17px;
    font-weight: 400;
    color: #474747;
    line-height: 1.5
}
.ucsrch12_detail_title .topic_notice .point {
    color: #3f8fc8
}
.ucsrch12_detail_wrap table {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucsrch12_detail_wrap .col1 {
    width: 10%
}
.ucsrch12_detail_wrap .col2 {
    width: 30%
}
.ucsrch12_detail_wrap th {
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #000
}
.ucsrch12_detail_wrap td {
    position: relative;
    padding: 12px 2px;
    border-top: 1px solid #dadada;
    background-color: #fff;
    font-weight: 400;
    color: #3f3f3f
}
.ucsrch12_detail_wrap tbody tr:first-child td {
    border-top: none
}
.ucsrch12_detail_wrap a {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    height: 1.3em;
    line-height: 1.3;
    text-align: left;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucsrch12_detail_wrap a:focus,
.ucsrch12_detail_wrap a:hover {
    text-decoration: underline
}
.ucsrch12_detail_wrap tbody tr td.no_cont_mo {
    display: none
}
@media screen and (max-width:768px) {
    .ucsrch12_detail_title .title {
        display: block;
        font-size: 1.9rem
    }
    .ucsrch12_detail_title .category {
        display: block;
        padding-left: 0;
        margin: 4px 0 0;
        font-size: 1.5rem
    }
    .ucsrch12_detail_title .category:before {
        display: none
    }
    .ucsrch12_detail_title .topic_notice {
        margin: 14px 0;
        padding: 8px 12px;
        font-size: 1.5rem
    }
    .ucsrch12_detail_wrap colgroup col:first-of-type,
    .ucsrch12_detail_wrap tr td:first-of-type,
    .ucsrch12_detail_wrap tr th:first-of-type {
        display: none
    }
    .ucsrch12_detail_wrap .col1 {
        width: 15%
    }
    .ucsrch12_detail_wrap .col2 {
        width: 22.5%
    }
    .ucsrch12_detail_wrap th {
        padding: 8px 0;
        font-size: 1.4rem;
        letter-spacing: -1.5px
    }
    .ucsrch12_detail_wrap td {
        padding: 6px 0;
        font-size: 1.4rem
    }
    .ucsrch12_detail_wrap tbody tr td.no_cont {
        display: none
    }
    .ucsrch12_detail_wrap tbody tr td.no_cont_mo {
        display: table-cell
    }
}
.ucsrch00_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucsrch00_wrap .ucsrch00_item {
    position: relative;
    border-top: 1px solid #dcdcdc;
    padding: 20px 40px
}
.ucsrch00_wrap .ucsrch00_item>a {
    display: block
}
.ucsrch00_wrap .ucsrch00_item:first-child {
    border: 0
}
.ucsrch00_wrap .ucsrch00_item:hover {
    background: #f8f8f8
}
.ucsrch00_wrap .title_inner {
    display: block;
    font-size: 0
}
.ucsrch00_wrap .title_inner:after {
    display: inline-block;
    clear: both;
    content: ''
}
.ucsrch00_wrap .title_area {
    overflow: hidden;
    display: block
}
.ucsrch00_wrap .title {
    display: block;
    margin-right: 3px;
    font-size: 18px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.4
}
.ucsrch00_wrap .title:hover {
    text-decoration: underline
}
.ucsrch00_wrap .title_inner dl {
    overflow: hidden
}
.ucsrch00_wrap .title_inner dd {
    margin-top: 14px;
    font-size: 16px
}
.ucsrch00_wrap .info_inner {
    display: block;
    margin-top: 6px;
    font-size: 0
}
.ucsrch00_wrap .info_inner .publish,
.ucsrch00_wrap .info_inner .year {
    display: inline-block;
    position: relative;
    padding-right: 36px;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px
}
.ucsrch00_wrap .info_inner span:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 18px;
    margin-right: 18px;
    background: #dcdcdc;
    content: ''
}
.ucsrch00_wrap .info_inner span:last-child:after {
    display: none
}
@media screen and (max-width:1024px) {
    .ucsrch00_wrap .ucsrch00_item {
        padding: 15px 12px
    }
    .ucsrch00_wrap .title {
        width: 100%;
        font-size: 1.8rem
    }
    .ucsrch00_wrap .title_inner dd {
        margin-top: 10px
    }
    .ucsrch00_wrap .info_inner .publish,
    .ucsrch00_wrap .info_inner .year,
    .ucsrch00_wrap .title_inner dd {
        display: block;
        padding: 0;
        font-size: 1.5rem;
        line-height: 22px
    }
    .ucsrch00_wrap .info_inner {
        margin-top: 2px
    }
    .ucsrch00_wrap .info_inner span:after {
        display: none
    }
}
.ucsrch13_wrap .ucsrch13_list {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #dfdfdf
}
.ucsrch13_wrap .ucsrch13_1depth {
    border-bottom: 1px solid #dfdfdf
}
.ucsrch13_wrap .ucsrch13_1depth .title_inner {
    display: block;
    position: relative;
    width: 100%;
    padding: 17px 30px;
    font-size: 16px;
    color: #3f3f3f;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: .2s
}
.ucsrch13_wrap .ucsrch13_1depth.is_opened .title_inner {
    background: #426f8f;
    color: #fff
}
.ucsrch13_wrap .ucsrch13_1depth .title {
    display: block;
    position: relative;
    padding-right: 160px;
    font-weight: 700
}
.ucsrch13_wrap .ucsrch13_1depth .icon {
    position: absolute;
    top: 17px;
    right: 30px;
    padding-right: 24px
}
.ucsrch13_wrap .ucsrch13_1depth .icon:before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    height: 7px;
    background-position: -82px -31px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucsrch13_wrap .ucsrch13_1depth.is_opened .icon:before {
    background-position: -80px -41px
}
.ucsrch13_wrap .ucsrch13_2depth {
    display: none;
    padding: 26px 30px;
    border-bottom: 1px solid #dfdfdf
}
@media screen and (max-width:768px) {
    .ucsrch13_wrap .ucsrch13_1depth .title_inner {
        padding: 8px 10px;
        font-size: 1.5rem
    }
    .ucsrch13_wrap .ucsrch13_1depth .title {
        padding-right: 24px
    }
    .ucsrch13_wrap .ucsrch13_1depth .icon {
        top: 14px;
        right: 10px;
        width: 12px;
        height: 7px;
        padding: 0
    }
    .ucsrch13_wrap .ucsrch13_1depth .icon:before {
        width: 100%;
        height: 100%
    }
    .ucsrch13_wrap .ucsrch13_1depth .icon .text {
        overflow: hidden;
        position: absolute;
        border: 0;
        width: 1px;
        height: 1px;
        clip: rect(1px, 1px, 1px, 1px)
    }
    .ucsrch13_wrap .ucsrch13_2depth {
        padding: 13px 15px
    }
}
.ucsrch13_inner_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucsrch13_inner_wrap .ucsrch13_inner_item {
    border-top: 1px solid #dcdcdc
}
.ucsrch13_inner_wrap .ucsrch13_inner_item:first-child {
    border: 0
}
.ucsrch13_inner_wrap .ucsrch13_inner_item>a {
    display: block;
    padding: 20px 40px 23px
}
.ucsrch13_inner_item>a:focus,
.ucsrch13_inner_wrap .ucsrch13_inner_item>a:hover {
    background: #f8f8f8
}
.ucsrch13_inner_wrap .title_inner {
    display: block;
    font-size: 0
}
.ucsrch13_inner_wrap .title_inner:after {
    display: inline-block;
    clear: both;
    content: ''
}
.ucsrch13_inner_wrap .title_area {
    overflow: hidden;
    display: block
}
.ucsrch13_inner_wrap .title {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis
}
.ucsrch13_inner_wrap .title:hover {
    text-decoration: underline
}
.ucsrch13_inner_wrap .info_inner {
    display: block;
    margin-top: 15px;
    font-size: 0
}
.ucsrch13_inner_wrap .info_inner span {
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px
}
.ucsrch13_inner_wrap .info_inner span:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 18px;
    margin-right: 18px;
    background: #dcdcdc;
    content: ''
}
.ucsrch13_inner_wrap .info_inner span:last-child:after {
    display: none
}
@media screen and (max-width:768px) {
    .ucsrch13_inner_wrap .ucsrch13_inner_item>a {
        padding: 14px 12px
    }
    .ucsrch13_inner_wrap .title {
        font-size: 1.6rem
    }
    .ucsrch13_inner_wrap .info_inner {
        margin-top: 6px
    }
    .ucsrch13_inner_wrap .info_inner span {
        font-size: 1.5rem;
        line-height: 1.4
    }
    .ucsrch13_inner_wrap .info_inner span:after {
        height: 22px;
        margin-right: 8px
    }
}
.ucapi4a_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucapi4a_wrap .ucapi4_item {
    border-top: 1px solid #dfdfdf;
    transition: .4s ease-in-out
}
.ucapi4a_wrap .ucapi4_item:first-child {
    border: 0
}
.ucapi4a_wrap .ucapi4_item .inner {
    display: block;
    width: 100%;
    height: 100%;
    padding: 24px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi4a_wrap .cont {
    overflow: hidden;
    position: relative;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap
}
.ucapi4a_wrap .bx {
    position: relative;
    font-size: 0
}
.ucapi4a_wrap .title_inner {
    display: block;
    padding: 0 34px 0 232px;
    font-size: 0
}
.ucapi4a_wrap .category {
    position: absolute;
    top: 50%;
    left: 0;
    width: 222px;
    font-size: 16px;
    font-weight: 700;
    color: #4e8bb6;
    text-align: center;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.ucapi4a_wrap .title {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 2.6em;
    width: 100%;
    font-size: 18px;
    font-weight:500;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi4a_wrap .title:hover {
    text-decoration: underline
}
.ucapi4a_wrap .info_inner {
    display: block;
    margin-top: 10px;
    padding-left: 232px;
    font-size: 0
}
.ucapi4a_wrap .info_inner .info_state {
    color: #5692bc
}
.ucapi4a_wrap .info_inner>span {
    font-size: 15px;
    font-weight: 400;
    color: #757575
}
.ucapi4a_wrap .info_inner>span:before {
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 0 15px;
    background: #dcdcdc;
    vertical-align: middle;
    content: ''
}
.ucapi4a_wrap .info_inner span:first-child:before {
    display: none
}
.ucapi4a_wrap .btn_wrap {
    display: inline-block;
    width: 25%;
    margin-top: 0;
    font-size: 0;
    vertical-align: middle
}
.ucapi4a_wrap .btn {
    min-width: 76px;
    padding: 10px 24px;
    background: #4a5258;
    font-weight: 400
}
.ucapi4a_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucapi4a_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucapi4a_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
.ucapi4a_wrap .ucapi4_item.is_active,
.ucapi4a_wrap .ucapi4_item:hover {
    background: #f8f8f8
}
@media screen and (max-width:768px) {
    .ucapi4a_wrap .ucapi4_item {
        height: auto
    }
    .ucapi4a_wrap .ucapi4_item .inner {
        padding: 17px 0
    }
    .ucapi4a_wrap .cont {
        padding: 0
    }
    .ucapi4a_wrap .title_inner {
        display: block;
        padding-left: 0;
        width: 100%
    }
    .ucapi4a_wrap .info_inner {
        padding-left: 0;
        white-space: normal
    }
    .ucapi4a_wrap .info_inner>span {
        display: inline-block
    }
    .ucapi4a_wrap .info_inner>span:before {
        margin: 0 7px
    }
    .ucapi4a_wrap .category {
        position: static;
        font-size: 1.5rem;
        font-weight: 500;
        text-align: left;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }
    .ucapi4a_wrap .title {
        display: block;
        margin-top: 2px;
        font-size: 18px;
    }
    .ucapi4a_wrap .btn_wrap {
        display: block;
        width: 100%;
        margin-top: 14px
    }
    .ucapi4a_wrap .btn {
        width: 100%;
        min-width: auto;
        padding: 0 12px
    }
    .ucapi4a_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucapi4a_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucapi4a_detail_wrap .title_wrap {
    border-bottom: 1px solid #dfdfdf
}
.ucapi4a_detail_wrap .title_area {
    display: block;
    padding: 0 20px 16px;
    font-size: 0
}
.ucapi4a_detail_wrap .title {
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    color: #4d4d4d;
    vertical-align: middle
}
.ucapi4a_detail_wrap .category {
    display: inline-block;
    position: relative;
    padding-right: 16px;
    margin-right: 15px;
    font-size: 20px;
    color: #4e8bb6;
    vertical-align: middle
}
.ucapi4a_detail_wrap .category:before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 19px;
    background: #dfdfdf;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucapi4a_detail_wrap .title {
    font-size: 25px;
    color: #4d4d4d
}
.ucapi4a_detail_wrap .board_info_area {
    padding: 0;
    border-top: 2px solid #426f8f
}
.ucapi4a_detail_wrap .board_info_list {
    padding: 20px 24px 21px 24px;
    font-size: 0
}
.ucapi4a_detail_wrap .board_info_item {
    display: inline-block;
    position: relative;
    margin-left: 16px;
    padding-left: 16px;
    font-size: 15px;
    font-weight: 400;
    color: #626262
}
.ucapi4a_detail_wrap .board_info_item:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 19px;
    background: #dfdfdf;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucapi4a_detail_wrap .board_info_item:first-child {
    margin-left: 0;
    padding-left: 0
}
.ucapi4a_detail_wrap .board_info_item:first-child:before {
    display: none
}
.ucapi4a_detail_wrap .info_title:after {
    content: ' :'
}
.ucapi4a_detail_wrap .board_contents {
    padding: 34px 20px 38px;
    border-bottom: 1px solid #dfdfdf
}
.ucapi4a_detail_wrap .board_contents .btn_wrap {
    margin-top: 30px
}
.ucapi4a_detail_wrap .board_contents .btn_wrap:first-of-type {
    margin-top: 0
}
.ucapi4a_detail_wrap .btn_report {
    position: relative;
    width: 100%;
    padding: 16px 24px 16px 21px;
    background: #426f8f;
    font-size: 18px;
    font-weight: 500;
    text-align: left
}
.ucapi4a_detail_wrap .btn_report.answer {
    padding-left: 52px
}
.ucapi4a_detail_wrap .btn_report.answer:before {
    position: absolute;
    top: 50%;
    left: 24px;
    width: 20px;
    height: 20px;
    background-position: -107px -548px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucapi4a_detail_wrap .tbl_ucapi4 {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucapi4a_detail_wrap .col1 {
    width: 12%
}
.ucapi4a_detail_wrap th {
    padding: 16px 12px;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #000;
    text-align: left;
    word-break: keep-all
}
.ucapi4a_detail_wrap td {
    position: relative;
    padding: 10px 8px;
    border-bottom: 1px solid #dadada;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #3f3f3f;
    text-align: left;
    word-break: keep-all
}
.ucapi4a_detail_wrap tbody tr:last-child td,
.ucapi4a_detail_wrap tr:last-child th {
    border-bottom: none
}
@media screen and (max-width:768px) {
    .ucapi4a_detail_wrap .title_wrap {
        position: relative
    }
    .ucapi4a_detail_wrap .category {
        display: block;
        padding-left: 0;
        margin: 0 0 4px;
        font-size: 1.5rem;
        font-weight: 500
    }
    .ucapi4a_detail_wrap .category:before {
        display: none
    }
    .ucapi4a_detail_wrap .title_area {
        padding: 0 0 10px
    }
    .ucapi4a_detail_wrap .title {
        font-size: 1.9rem
    }
    .ucapi4a_detail_wrap .board_info_list {
        padding: 8px 0 10px
    }
    .ucapi4a_detail_wrap .info_title {
        display: none
    }
    .ucapi4a_detail_wrap .board_info_item {
        margin-left: 8px;
        padding-left: 8px
    }
    .ucapi4a_detail_wrap .board_info_item:before {
        height: 10px
    }
    .ucapi4a_detail_wrap .btn_board_util {
        bottom: 5px
    }
    .ucapi4a_detail_wrap .writer_item {
        display: block;
        margin-bottom: 4px
    }
    .ucapi4a_detail_wrap .board_contents {
        padding: 20px 0 25px
    }
    .ucapi4a_detail_wrap .board_contents .btn_wrap {
        margin-top: 18px
    }
    .ucapi4a_detail_wrap .btn_report {
        width: 100%;
        padding: 0 20px 0 10px
    }
    .ucapi4a_detail_wrap .btn_report.answer {
        padding-left: 27px
    }
    .ucapi4a_detail_wrap .btn_report.answer:before {
        left: 10px;
        width: 10px;
        height: 10px;
        background-position: -187px -49px
    }
    .ucapi4a_detail_wrap .col1 {
        width: 78px
    }
}
.ucapi4b_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucapi4b_wrap .ucapi4_item {
    border-top: 1px solid #dfdfdf;
    transition: .4s ease-in-out
}
.ucapi4b_wrap .ucapi4_item:first-child {
    border: 0
}
.ucapi4b_wrap .ucapi4_item .inner {
    display: block;
    width: 100%;
    height: 100%;
    padding: 24px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi4b_wrap .cont {
    overflow: hidden;
    position: relative;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap
}
.ucapi4b_wrap .bx {
    position: relative;
    font-size: 0
}
.ucapi4b_wrap .title_inner {
    display: block;
    padding: 0 34px 0;
    font-size: 0
}
.ucapi4b_wrap .title {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 2.6em;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi4b_wrap .title:hover {
    text-decoration: underline
}
.ucapi4b_wrap .info_inner {
    display: block;
    margin-top: 10px;
    padding-left: 34px;
    font-size: 0
}
.ucapi4b_wrap .info_inner .info_state {
    color: #5692bc
}
.ucapi4b_wrap .info_inner>span {
    font-size: 15px;
    font-weight: 400;
    color: #898989
}
.ucapi4b_wrap .info_inner>span:before {
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 0 15px;
    background: #dcdcdc;
    vertical-align: middle;
    content: ''
}
.ucapi4b_wrap .info_inner span:first-child:before {
    display: none
}
.ucapi4b_wrap .btn_wrap {
    display: inline-block;
    width: 25%;
    margin-top: 0;
    font-size: 0;
    vertical-align: middle
}
.ucapi4b_wrap .btn {
    min-width: 76px;
    padding: 10px 24px;
    background: #4a5258;
    font-weight: 400
}
.ucapi4b_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucapi4b_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucapi4b_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
.ucapi4b_wrap .ucapi4_item.is_active,
.ucapi4b_wrap .ucapi4_item:hover {
    background: #f8f8f8
}
@media screen and (max-width:768px) {
    .ucapi4b_wrap .ucapi4_item {
        height: auto
    }
    .ucapi4b_wrap .ucapi4_item .inner {
        padding: 17px 0
    }
    .ucapi4b_wrap .cont {
        padding: 0
    }
    .ucapi4b_wrap .title_inner {
        display: block;
        padding-left: 0;
        width: 100%
    }
    .ucapi4b_wrap .info_inner {
        padding-left: 0;
        white-space: normal
    }
    .ucapi4b_wrap .info_inner>span {
        display: inline-block
    }
    .ucapi4b_wrap .info_inner>span:before {
        margin: 0 7px
    }
    .ucapi4b_wrap .category {
        position: static;
        font-size: 1.5rem;
        font-weight: 500;
        text-align: left;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }
    .ucapi4b_wrap .title {
        display: block;
        margin-top: 2px;
        font-size: 1.9rem
    }
    .ucapi4b_wrap .btn_wrap {
        display: block;
        width: 100%;
        margin-top: 14px
    }
    .ucapi4b_wrap .btn {
        width: 100%;
        min-width: auto;
        padding: 0 12px
    }
    .ucapi4b_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucapi4b_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucapi4b_detail_wrap .title_wrap {
    border-bottom: 1px solid #dfdfdf
}
.ucapi4b_detail_wrap .title_area {
    display: block;
    padding: 0 20px 16px;
    font-size: 0
}
.ucapi4b_detail_wrap .title {
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    color: #4d4d4d;
    vertical-align: middle
}
.ucapi4b_detail_wrap .category {
    display: inline-block;
    position: relative;
    padding-right: 16px;
    margin-right: 15px;
    font-size: 20px;
    color: #4e8bb6;
    vertical-align: middle
}
.ucapi4b_detail_wrap .category:before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 19px;
    background: #dfdfdf;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucapi4b_detail_wrap .title {
    font-size: 25px;
    color: #4d4d4d
}
.ucapi4b_detail_wrap .board_info_area {
    padding: 0;
    border-top: 2px solid #426f8f
}
.ucapi4b_detail_wrap .board_info_list {
    padding: 20px 24px 21px 24px;
    font-size: 0
}
.ucapi4b_detail_wrap .board_info_item {
    display: inline-block;
    position: relative;
    margin-left: 16px;
    padding-left: 16px;
    font-size: 15px;
    font-weight: 400;
    color: #626262
}
.ucapi4b_detail_wrap .board_info_item:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 19px;
    background: #dfdfdf;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucapi4b_detail_wrap .board_info_item:first-child {
    margin-left: 0;
    padding-left: 0
}
.ucapi4b_detail_wrap .board_info_item:first-child:before {
    display: none
}
.ucapi4b_detail_wrap .info_title:after {
    content: ' :'
}
.ucapi4b_detail_wrap .board_contents {
    padding: 34px 20px 38px;
    border-bottom: 1px solid #dfdfdf
}
.ucapi4b_detail_wrap .board_contents .btn_wrap {
    margin-top: 30px
}
.ucapi4b_detail_wrap .board_contents .btn_wrap:first-of-type {
    margin-top: 0
}
.ucapi4b_detail_wrap .btn_report {
    position: relative;
    width: 100%;
    padding: 16px 24px 16px 21px;
    background: #426f8f;
    font-size: 18px;
    font-weight: 500;
    text-align: left
}
.ucapi4b_detail_wrap .btn_report.answer {
    padding-left: 52px
}
.ucapi4b_detail_wrap .btn_report.answer:before {
    position: absolute;
    top: 50%;
    left: 24px;
    width: 20px;
    height: 20px;
    background-position: -107px -548px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucapi4b_detail_wrap .tbl_ucapi4 {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucapi4b_detail_wrap .col1 {
    width: 12%
}
.ucapi4b_detail_wrap th {
    padding: 16px 12px;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #000;
    text-align: left;
    word-break: keep-all
}
.ucapi4b_detail_wrap td {
    position: relative;
    padding: 10px 8px;
    border-bottom: 1px solid #dadada;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #3f3f3f;
    text-align: left;
    word-break: keep-all
}
.ucapi4b_detail_wrap tbody tr:last-child td,
.ucapi4b_detail_wrap tr:last-child th {
    border-bottom: none
}
.ucapi4b_detail_wrap .report_page {
    font-weight: 700
}
@media screen and (max-width:768px) {
    .ucapi4b_detail_wrap .title_wrap {
        position: relative
    }
    .ucapi4b_detail_wrap .category {
        display: block;
        padding-left: 0;
        margin: 0 0 4px;
        font-size: 1.5rem;
        font-weight: 500
    }
    .ucapi4b_detail_wrap .category:before {
        display: none
    }
    .ucapi4b_detail_wrap .title_area {
        padding: 0 0 10px
    }
    .ucapi4b_detail_wrap .title {
        font-size: 1.9rem
    }
    .ucapi4b_detail_wrap .board_info_list {
        padding: 8px 0 10px
    }
    .ucapi4b_detail_wrap .info_title {
        display: none
    }
    .ucapi4b_detail_wrap .board_info_item {
        margin-left: 8px;
        padding-left: 8px
    }
    .ucapi4b_detail_wrap .board_info_item:before {
        height: 10px
    }
    .ucapi4b_detail_wrap .btn_board_util {
        bottom: 5px
    }
    .ucapi4b_detail_wrap .writer_item {
        display: block;
        margin-bottom: 4px
    }
    .ucapi4b_detail_wrap .board_contents {
        padding: 20px 0 25px
    }
    .ucapi4b_detail_wrap .board_contents .btn_wrap {
        margin-top: 18px
    }
    .ucapi4b_detail_wrap .btn_report {
        width: 100%;
        padding: 0 20px 0 10px
    }
    .ucapi4b_detail_wrap .btn_report.answer {
        padding-left: 27px
    }
    .ucapi4b_detail_wrap .btn_report.answer:before {
        left: 10px;
        width: 10px;
        height: 10px;
        background-position: -187px -49px
    }
    .ucapi4b_detail_wrap .col1 {
        width: 78px
    }
}
.ucapi9_wrap {
    position: relative;
    border-top: 2px solid #426f8f
}
.ucapi9_wrap:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #a6a6a6;
    content: ''
}
.ucapi9_wrap .ucapi9_list {
    font-size: 0
}
.ucapi9_wrap .ucapi9_item {
    display: inline-block;
    width: 50%;
    height: 214px;
    padding-left: 32px;
    padding-right: 10px;
    border-bottom: 1px solid #dfdfdf;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: .4s ease-in-out
}
.ucapi9_wrap .ucapi9_item:nth-child(2n+1) {
    padding-left: 10px;
    padding-right: 32px
}
.ucapi9_wrap .ucapi9_item:hover {
    background: #f8f8f8
}
.ucapi9_wrap .ucapi9_item .inner {
    display: block;
    width: 100%;
    height: 100%;
    padding: 28px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi9_wrap .thumb {
    overflow: hidden;
    float: left;
    position: relative;
    width: 145px;
    height: 156px;
    background: #fff;
    text-align: center
}
.ucapi9_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #ededed;
    content: ''
}
.ucapi9_wrap .thumb:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucapi9_wrap .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 48%;
    max-height: 100%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.ucapi9_wrap .img {
    display: block;
    width: 100%;
    height: 100%
}
.ucapi9_wrap .cont {
    overflow: hidden;
    position: relative;
    padding-left: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap
}
.ucapi9_wrap .cont:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucapi9_wrap .title_inner {
    padding-top: 6px
}
.ucapi9_wrap .title {
    display: block;
    padding-right: 86px;
    font-size: 21px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi9_wrap .title:hover {
    text-decoration: underline
}
.ucapi9_wrap .text {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    max-height: 22px;
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #4d4d4d;
    line-height: 24px;
    white-space: normal
}
.ucapi9_wrap .no_cont {
    height: auto;
    max-width: 975px;
    width: 100%;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucapi9_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucapi9_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
.ucapi9_wrap .authors_info_list {
    margin-top: 10px;
    padding-top: 15px;
    border-top: 1px solid #e1e1e1
}
.ucapi9_wrap .authors_info_item {
    display: block;
    display: -webkit-box;
    position: relative;
    max-height: 2.6em;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    padding-left: 9px;
    margin-top: 10px;
    font-size: 16px;
    color: #3f3f3f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis
}
.ucapi9_wrap .authors_info_item:before {
    position: absolute;
    top: 9px;
    left: 0;
    width: 3px;
    height: 2px;
    background: #000;
    content: ''
}
.ucapi9_wrap .authors_info_item:first-child {
    margin-top: 0
}
.ucapi9_wrap .btn_author_more {
    position: absolute;
    top: 12px;
    right: 0;
    padding-right: 14px;
    font-size: 14px;
    color: #797979
}
.ucapi9_wrap .btn_author_more:before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 6px;
    height: 9px;
    background-position: -136px -46px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
@media screen and (min-width:768px) and (max-width:1024px) {
    .ucapi9_wrap .ucapi9_item {
        height: 186px;
        padding-left: 18px;
        padding-right: 6px
    }
    .ucapi9_wrap .ucapi9_item:nth-child(2n+1) {
        padding-left: 6px;
        padding-right: 18px
    }
    .ucapi9_wrap .ucapi9_item .inner {
        padding: 22px 0
    }
    .ucapi9_wrap .thumb {
        width: 134px;
        height: 142px
    }
    .ucapi9_wrap .cont {
        padding-left: 12px
    }
    .ucapi9_wrap .title_inner {
        padding-top: 4px
    }
    .ucapi9_wrap .authors_info_list {
        margin-top: 8px;
        padding-top: 10px
    }
    .ucapi9_wrap .authors_info_item {
        max-height: 3.9em;
        -webkit-line-clamp: 3;
        margin-top: 6px
    }
}
@media screen and (max-width:768px) {
    .ucapi9_wrap .ucapi9_item {
        width: 100%;
        height: auto;
        padding: 0
    }
    .ucapi9_wrap .ucapi9_item:nth-child(2n+1) {
        padding: 0
    }
    .ucapi9_wrap .thumb {
        width: 112px;
        height: 140px
    }
    .ucapi9_wrap .thumb img {
        max-width: 60%
    }
    .ucapi9_wrap .cont {
        padding-left: 14px;
        min-height: 142px;
        max-height: 142px
    }
    .ucapi9_wrap .ucapi9_item .inner {
        padding: 20px 0
    }
    .ucapi9_wrap .title_inner {
        padding-top: 0
    }
    .ucapi9_wrap .title {
        padding-right: 0;
        font-size: 1.9rem
    }
    .ucapi9_wrap .authors_info_list {
        margin-top: 4px;
        padding-top: 6px
    }
    .ucapi9_wrap .authors_info_item {
        max-height: 5.2em;
        -webkit-line-clamp: 4;
        margin-top: 4px;
        font-size: 1.5rem
    }
    .ucapi9_wrap .btn_author_more {
        display: block;
        position: relative;
        top: auto;
        right: auto;
        margin-top: 12px;
        padding-right: 12px;
        text-align: right;
        font-size: 1.3rem
    }
    .ucapi9_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucapi9_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucapi9_detail_wrap {
    max-width: 975px
}
.ucapi9_detail_wrap .title_wrap {
    border-bottom: 2px solid #426f8f
}
.ucapi9_detail_wrap .title_area {
    display: block;
    position: relative;
    padding: 0 21px 18px;
    font-size: 0
}
.ucapi9_detail_wrap .category {
    display: inline-block;
    margin-right: 11px;
    min-width: 84px;
    padding: 0 24px;
    border: 1px solid #5692bc;
    background: #fff;
    font-size: 18px;
    color: #4e8bb6;
    text-align: center;
    line-height: 31px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi9_detail_wrap .title {
    font-size: 25px;
    color: #4d4d4d
}
.ucapi9_detail_wrap .board_contents {
    overflow: hidden;
    padding: 30px 0 20px;
    font-size: 16px;
    color: #3c3c3c
}
.ucapi9_detail_wrap .board_major_contents {
    padding: 0 20px 30px;
    border-bottom: 1px solid #959595
}
.ucapi9_detail_wrap .thumb {
    display: block;
    float: left;
    position: relative;
    width: 130px;
    height: 160px;
    margin-right: 32px
}
.ucapi9_detail_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #d8d8d8;
    content: ''
}
.ucapi9_detail_wrap .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.ucapi9_detail_wrap .author_info_wrap {
    overflow: hidden;
    min-height: 184px
}
.ucapi9_detail_wrap .author_info {
    overflow: hidden;
    font-size: 18px;
    border-bottom: 1px solid #dfdfdf
}
.ucapi9_detail_wrap .author_info dd,
.ucapi9_detail_wrap .author_info dt {
    padding: 8px 0;
    border-top: 1px solid #dfdfdf;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi9_detail_wrap .author_info dd:first-of-type,
.ucapi9_detail_wrap .author_info dt:first-of-type {
    border-top: none
}
.ucapi9_detail_wrap .author_info dt {
    float: left;
    min-width: 90px;
    padding-left: 4px;
    font-weight: 700;
    color: #4c4c4c
}
.ucapi9_detail_wrap .author_info dd {
    overflow: hidden;
    padding-left: 24px;
    padding-right: 4px;
    color: #4c4c4c
}
.ucapi9_detail_wrap .author_detail_title {
    display: block;
    margin-top: 6px;
    padding: 27px 19px 14px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 24px;
    color: #232323;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi9_detail_wrap .author_detail_wrap:first-child .author_detail_title {
    margin-top: 0
}
.ucapi9_detail_wrap .author_detail {
    padding: 23px 22px 22px;
    border-bottom: 1px solid #dcdcdc;
    line-height: 1.7
}
.ucapi9_detail_wrap .major_book_list,
.ucapi9_detail_wrap .major_work_list {
    padding: 25px 22px 33px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 0
}
.ucapi9_detail_wrap .major_book_item,
.ucapi9_detail_wrap .major_work_item {
    display: inline-block;
    width: 25%;
    margin-top: 0;
    font-size: 16px
}
.ucapi9_detail_wrap .major_book_item:nth-child(4)~li,
.ucapi9_detail_wrap .major_work_item:nth-child(4)~li {
    margin-top: 21px
}
.ucapi9_detail_wrap .btn_view_wrap {
    text-align: center
}
@media screen and (min-width:768px) and (max-width:1024px) {

    .ucapi9_detail_wrap .major_book_item,
    .ucapi9_detail_wrap .major_work_item {
        width: 50%
    }
    .ucapi9_detail_wrap .major_book_item:nth-child(2)~li,
    .ucapi9_detail_wrap .major_work_item:nth-child(2)~li {
        margin-top: 21px
    }
}
@media screen and (max-width:768px) {
    .ucapi9_detail_wrap .title_wrap {
        position: relative
    }
    .ucapi9_detail_wrap .title {
        font-size: 1.9rem
    }
    .ucapi9_detail_wrap .title_area {
        padding: 0 0 10px;
        font-size: 1.9rem
    }
    .ucapi9_detail_wrap .board_contents {
        padding: 12px 0 22px;
        font-size: 1.5rem;
        line-height: 1.6
    }
    .ucapi9_detail_wrap .btn_view_wrap {
        margin-top: 10px
    }
    .ucapi9_detail_wrap .board_major_contents {
        padding: 0 0 30px
    }
    .ucapi9_detail_wrap .author_info_wrap {
        margin-top: 12px
    }
    .ucapi9_detail_wrap .thumb {
        float: none;
        width: 166px;
        height: 122px;
        margin: 0 auto
    }
    .ucapi9_detail_wrap .author_info_wrap {
        min-height: auto
    }
    .ucapi9_detail_wrap .author_info {
        font-size: 1.5rem
    }
    .ucapi9_detail_wrap .author_info dt {
        min-width: 70px
    }
    .ucapi9_detail_wrap .author_detail_title {
        padding: 20px 0 8px;
        font-size: 1.8rem
    }
    .ucapi9_detail_wrap .author_detail {
        padding: 14px 0;
        font-size: 1.5rem
    }
    .ucapi9_detail_wrap .major_book_list,
    .ucapi9_detail_wrap .major_work_list {
        padding: 14px 0
    }
    .ucapi9_detail_wrap .major_book_item,
    .ucapi9_detail_wrap .major_work_item {
        width: 100%;
        margin-top: 0;
        font-size: 1.5rem
    }
    .ucapi9_detail_wrap .major_book_item:first-child~li,
    .ucapi9_detail_wrap .major_work_item:first-child~li {
        margin-top: 10px
    }
    .ucapi9_detail_wrap .btn_view_wrap .btn_list {
        width: 100%
    }
}
.ucapi10_list_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucapi10_list_wrap .ucapi10_item {
    min-height: 158px;
    padding: 24px 0;
    border-top: 1px solid #dfdfdf;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi10_list_wrap .ucapi10_item:first-child {
    border: 0
}
.ucapi10_list_wrap .ucapi10_item>a {
    display: block;
    width: 100%;
    height: 100%
}
.ucapi10_list_wrap .thumb {
    overflow: hidden;
    float: left;
    position: relative;
    width: 113px;
    height: 160px;
    text-align: center
}
.ucapi10_list_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.ucapi10_list_wrap .thumb:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucapi10_list_wrap .thumb img {
    width: 100%;
    max-height: 100%;
    vertical-align: middle;
    transition: .2s
}
.ucapi10_item .thumb:focus img,
.ucapi10_list_wrap .thumb:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1)
}
.ucapi10_list_wrap .cont {
    overflow: hidden;
    position: relative;
    min-height: 160px;
    padding: 54px 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap
}
.ucapi10_list_wrap .cont:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucapi10_list_wrap .bx {
    display: inline-block;
    vertical-align: middle
}
.ucapi10_list_wrap .title {
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    max-height: 25px;
    font-size: 21px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi10_list_wrap .title:hover {
    text-decoration: underline
}
.ucapi10_list_wrap .info_inner {
    display: block;
    margin-top: 9px;
    font-size: 0
}
.ucapi10_list_wrap .author {
    display: none
}
.ucapi10_list_wrap .author dd,
.ucapi10_list_wrap .author dt {
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #626262;
    line-height: 16px
}
.ucapi10_list_wrap .author dt:after {
    display: inline-block;
    margin: 0 6px;
    content: ':'
}
.ucapi10_list_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucapi10_list_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucapi10_list_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:768px) {
    .ucapi10_list_wrap .ucapi10_item {
        min-height: 99px;
        height: auto;
        padding: 14px 0
    }
    .ucapi10_list_wrap .thumb {
        min-width: 56px;
        min-height: 84px
    }
    .ucapi10_list_wrap .cont {
        min-height: 160px;
        height: auto;
        padding: 52px 0 52px 14px;
        white-space: normal
    }
    .ucapi10_list_wrap .title {
        font-size: 1.9rem;
        -webkit-line-clamp: 1
    }
    .ucapi10_list_wrap .author dd,
    .ucapi10_list_wrap .author dt {
        padding: 0;
        font-size: 1.5rem;
        color: #626262;
        line-height: 1.3
    }
    .ucapi10_list_wrap .author dt {
        display: none
    }
    .ucapi10_list_wrap .author dt:after {
        display: none
    }
    .ucapi10_list_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucapi10_list_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucapi10_view_wrap {
    max-width: 975px;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucapi10_view_wrap .ucapi10_list {
    margin: 35px -13px 0;
    font-size: 0
}
.ucapi10_view_wrap .ucapi10_item {
    overflow: hidden;
    display: inline-block;
    width: 25%;
    height: auto;
    padding: 0 3.487179% 32px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi10_view_wrap .ucapi10_item>a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff
}
.ucapi10_view_wrap .thumb {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 287px
}
.ucapi10_view_wrap .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 287px;
    text-align: center;
    white-space: nowrap
}
.ucapi10_view_wrap .img:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.ucapi10_view_wrap .img:after {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucapi10_view_wrap img {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.ucapi10_view_wrap .cont {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 72px;
    max-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}
.ucapi10_view_wrap .title {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 2.6em;
    margin-top: 7px;
    font-size: 17px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi10_view_wrap .title:hover {
    text-decoration: underline
}
.ucapi10_view_wrap .info_inner {
    display: block;
    position: absolute;
    bottom: 0;
    margin-top: 6px;
    font-size: 0;
    display: none
}
.ucapi10_view_wrap .info_inner dl {
    overflow: hidden
}
.ucapi10_view_wrap .author dd,
.ucapi10_view_wrap .author dt {
    display: inline-block;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #898989;
    line-height: 15px
}
.ucapi10_view_wrap .author dt:after {
    display: inline-block;
    margin: 0 6px;
    content: ':'
}
.ucapi10_view_wrap .no_cont {
    display: block;
    max-width: 975px;
    width: auto;
    margin: 48px 9px 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb;
    margin: 0 auto
}
.ucapi10_view_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucapi10_view_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:1024px) {
    .ucapi10_view_wrap {
        max-width: none
    }
    .ucapi10_view_wrap .ucapi10_list {
        margin: 15px 0 0
    }
    .ucapi10_view_wrap .ucapi10_item {
        width: 50%;
        padding: 0 0 20px 0
    }
    .ucapi10_view_wrap .ucapi10_item>a {
        height: auto;
        padding: 0 3.487179%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .ucapi10_view_wrap .thumb {
        max-width: 135px;
        padding-top: 200px;
        margin: 0 auto
    }
    .ucapi10_view_wrap .thumb .img {
        height: 100%
    }
    .ucapi10_view_wrap .cont {
        min-height: 76px;
        height: auto
    }
    .ucapi10_view_wrap .title {
        max-height: 48px;
        margin-top: 10px;
        font-size: 1.8rem
    }
    .ucapi10_view_wrap .author dt {
        display: none
    }
    .ucapi10_view_wrap .author dt:after {
        display: none
    }
    .ucapi10_view_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucapi10_view_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucapi10_detail_wrap {
    max-width: 975px
}
.ucapi10_detail_wrap .title_wrap {
    position: relative
}
.ucapi10_detail_wrap .title_area {
    display: block;
    position: relative;
    padding: 0 21px 18px;
    font-size: 0
}
.ucapi10_detail_wrap .btn_modern_relese {
    position: absolute;
    top: -1px;
    right: 0;
    z-index: 1;
    width: 198px;
    height: 34px;
    border: 1px solid #d9d9d9;
    border-radius: 17px;
    font-size: 15px;
    color: #5a5a5a;
    text-align: center;
    line-height: 32px;
    letter-spacing: -1.5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi10_detail_wrap .btn_modern_relese>span {
    position: relative;
    padding-right: 15px
}
.ucapi10_detail_wrap .btn_modern_relese>span:before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 6px;
    height: 9px;
    background-position: -136px -46px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucapi10_detail_wrap .category {
    display: inline-block;
    margin-right: 11px;
    min-width: 84px;
    padding: 0 24px;
    border: 1px solid #5692bc;
    background: #fff;
    font-size: 18px;
    color: #4e8bb6;
    text-align: center;
    line-height: 31px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi10_detail_wrap .title_area .title {
    font-size: 25px;
    color: #4d4d4d
}
.ucapi10_detail_wrap .board_info_area {
    overflow: hidden;
    padding: 32px 22px 33px 19px;
    border-top: 2px solid #426f8f;
    border-bottom: 2px solid #dcdcdc;
    font-size: 0
}
.ucapi10_detail_wrap .board_contents {
    overflow: hidden;
    padding-bottom: 20px;
    font-size: 16px;
    color: #3c3c3c
}
.ucapi10_detail_wrap .board_info_area .thumb {
    display: block;
    float: left;
    position: relative;
    width: 196px;
    height: 283px;
    margin-right: 32px
}
.ucapi10_detail_wrap .board_info_area .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #d8d8d8;
    content: ''
}
.ucapi10_detail_wrap .board_info_area .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 99%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.ucapi10_detail_wrap .book_info_wrap {
    overflow: hidden
}
.ucapi10_detail_wrap .book_info {
    overflow: hidden;
    font-size: 18px;
    border-bottom: 1px solid #dfdfdf
}
.ucapi10_detail_wrap .book_info dd,
.ucapi10_detail_wrap .book_info dt {
    padding: 7px 0;
    border-top: 1px solid #dfdfdf
}
.ucapi10_detail_wrap .book_info dd:first-of-type,
.ucapi10_detail_wrap .book_info dt:first-of-type {
    border-top: none
}
.ucapi10_detail_wrap .book_info dt {
    float: left;
    min-width: 90px;
    font-weight: 700;
    color: #4c4c4c
}
.ucapi10_detail_wrap .book_info dd {
    overflow: hidden;
    color: #4c4c4c
}
.ucapi10_detail_wrap .book_detail_wrap {
    padding: 26px 22px 27px;
    font-weight: 400;
    color: #3c3c3c;
    clear: left;
    line-height: 150%
}
.ucapi10_detail_wrap .book_detail_wrap .sub_img {
    display: block;
    max-width: 319px;
    margin-top: 8px;
    border: 1px solid #959595;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi10_detail_wrap .book_detail_info_wrap {
    padding: 34px 22px 33px;
    border-top: 1px solid #dcdcdc
}
.ucapi10_detail_wrap .book_detail_info dd,
.ucapi10_detail_wrap .book_detail_info dt {
    margin-top: 10px;
    font-weight: 400;
    color: #3c3c3c
}
.ucapi10_detail_wrap .book_detail_info dd:first-of-type,
.ucapi10_detail_wrap .book_detail_info dt:first-of-type {
    margin-top: 0
}
.ucapi10_detail_wrap .book_detail_info dt {
    float: left;
    position: relative;
    padding-left: 12px
}
.ucapi10_detail_wrap .book_detail_info dt:before {
    position: absolute;
    top: 10px;
    left: 0;
    width: 3px;
    height: 2px;
    background: #000;
    content: ''
}
.ucapi10_detail_wrap .book_detail_info dt:after {
    display: inline-block;
    margin: 0 6px;
    content: ':'
}
.ucapi10_detail_wrap .citation_list {
    padding-left: 82px
}
.ucapi10_detail_wrap .another_edition_title {
    display: block;
    margin-top: 6px;
    padding: 38px 19px 14px;
    border-top: 1px solid #959595;
    border-bottom: 1px solid #dcdcdc;
    font-size: 24px;
    color: #232323;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi10_detail_wrap .another_edition_wrap:first-child .another_edition_title {
    margin-top: 0
}
.ucapi10_detail_wrap .another_edition {
    padding: 29px 23px 22px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 0
}
.ucapi10_detail_wrap .another_edition_item {
    overflow: hidden;
    display: inline-block;
    width: 111px;
    height: auto;
    margin-left: 93px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi10_detail_wrap .another_edition_item:first-child {
    margin-left: 0
}
.ucapi10_detail_wrap .another_edition_item>a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff
}
.ucapi10_detail_wrap .another_edition_item>a:focus img,
.ucapi10_detail_wrap .another_edition_item>a:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1)
}
.ucapi10_detail_wrap .another_edition .thumb {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 132%
}
.ucapi10_detail_wrap .another_edition .img {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    white-space: nowrap
}
.ucapi10_detail_wrap .another_edition .img:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.ucapi10_detail_wrap .img:after {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucapi10_detail_wrap .another_edition img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    transition: .2s
}
.ucapi10_detail_wrap .another_edition .title {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #3c3c3c;
    text-align: center
}
@media (min-width:768px) and (max-width:1239px) {
    .ucapi10_detail_wrap .another_edition_item {
        width: 16%;
        margin-left: 5%
    }
}
@media screen and (max-width:768px) {
    .ucapi10_detail_wrap .title_wrap {
        position: relative
    }
    .ucapi10_detail_wrap .btn_modern_relese {
        display: block;
        position: static;
        width: 100%;
        height: 30px;
        margin-top: 10px;
        border-radius: 15px;
        margin-bottom: 8px;
        font-size: 1.4rem;
        line-height: 28px
    }
    .ucapi10_detail_wrap .title_area .title {
        font-size: 1.9rem
    }
    .ucapi10_detail_wrap .title_area {
        padding: 0 0 10px;
        font-size: 1.9rem
    }
    .ucapi10_detail_wrap .board_contents {
        padding-bottom: 22px;
        font-size: 1.5rem;
        line-height: 1.6
    }
    .ucapi10_detail_wrap .board_info_area .thumb {
        float: none;
        width: 86px;
        height: 122px;
        margin: 0 auto
    }
    .ucapi10_detail_wrap .book_info_wrap {
        min-height: auto
    }
    .ucapi10_detail_wrap .book_info {
        font-size: 1.5rem
    }
    .ucapi10_detail_wrap .book_info dt {
        min-width: 70px
    }
    .ucapi10_detail_wrap .book_info_wrap {
        margin-top: 18px
    }
    .ucapi10_detail_wrap .book_detail_wrap {
        margin: 0;
        padding: 19px 0;
        border: 0
    }
    .ucapi10_detail_wrap .book_info_wrap .btn_wrap {
        position: absolute;
        top: 100%;
        left: 50%;
        margin: 0;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0)
    }
    .ucapi10_detail_wrap .btn_book_detail {
        min-width: 242px;
        padding: 0 24px 0 12px
    }
    .ucapi10_detail_wrap .btn_book_detail:after {
        top: 12px;
        right: 12px;
        width: 4px;
        height: 8px;
        background-position: -80px -24px
    }
    .ucapi10_detail_wrap .btn_view_wrap {
        margin-top: 10px
    }
    .ucapi10_detail_wrap .book_detail_info_wrap {
        padding: 19px 0
    }
    .ucapi10_detail_wrap .book_detail_info dd,
    .ucapi10_detail_wrap .book_detail_info dt {
        margin-top: 4px
    }
    .ucapi10_detail_wrap .author_info_wrap {
        margin-top: 12px
    }
    .ucapi10_detail_wrap .another_edition {
        padding: 19px 0
    }
    .ucapi10_detail_wrap .another_edition_item {
        width: 16%;
        margin-left: 5%
    }
    .ucapi10_detail_wrap .author_detail_title {
        padding: 20px 0 8px;
        font-size: 1.8rem
    }
    .ucapi10_detail_wrap .author_detail {
        padding: 14px 0;
        font-size: 1.5rem
    }
    .ucapi10_detail_wrap .another_edition .title {
        margin-top: 6px;
        font-size: 1.5rem
    }
    .ucapi10_detail_wrap .another_edition_title {
        padding: 20px 0 8px;
        font-size: 1.8rem
    }
    .ucapi10_detail_wrap .btn_view_wrap {
        margin-top: 10px
    }
    .ucapi10_detail_wrap .btn_view_wrap .btn_list {
        width: 100%
    }
}
.ucpho4_list_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucpho4_list_wrap .ucpho4_item {
    min-height: 158px;
    padding: 24px 0;
    border-top: 1px solid #dfdfdf;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucpho4_list_wrap .ucpho4_item:first-child {
    border: 0
}
.ucpho4_list_wrap .ucpho4_item>a {
    display: block;
    width: 100%;
    height: 100%
}
.ucpho4_list_wrap .thumb {
    overflow: hidden;
    float: left;
    position: relative;
    width: 113px;
    height: 160px;
    text-align: center
}
.ucpho4_list_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.ucpho4_list_wrap .thumb:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucpho4_list_wrap .thumb img {
    width: 100%;
    height: 100%;
    max-height: 100%;
    vertical-align: middle;
    transition: .2s
}
.ucpho4_item .thumb:focus img,
.ucpho4_list_wrap .thumb:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1)
}
.ucpho4_list_wrap .cont {
    overflow: hidden;
    position: relative;
    min-height: 160px;
    padding: 54px 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap
}
.ucpho4_list_wrap .cont:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucpho4_list_wrap .bx {
    display: inline-block;
    vertical-align: middle
}
.ucpho4_list_wrap .title {
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    max-height: 25px;
    font-size: 21px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucpho4_list_wrap .title:hover {
    text-decoration: underline
}
.ucpho4_list_wrap .info_inner {
    display: none;
    margin-top: 9px;
    font-size: 0
}
.ucpho4_list_wrap .magazine dd,
.ucpho4_list_wrap .magazine dt {
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #626262;
    line-height: 16px
}
.ucpho4_list_wrap .magazine dt:after {
    display: inline-block;
    margin: 0 6px;
    content: ':'
}
.ucpho4_list_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucpho4_list_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucpho4_list_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:768px) {
    .ucpho4_list_wrap .ucpho4_item {
        min-height: 99px;
        height: auto;
        padding: 14px 0
    }
    .ucpho4_list_wrap .thumb {
        min-width: 56px;
        min-height: 84px
    }
    .ucpho4_list_wrap .cont {
        min-height: 160px;
        height: auto;
        padding: 52px 0 52px 14px;
        white-space: normal
    }
    .ucpho4_list_wrap .title {
        font-size: 1.9rem;
        -webkit-line-clamp: 1
    }
    .ucpho4_list_wrap .magazine dd,
    .ucpho4_list_wrap .magazine dt {
        padding: 0;
        font-size: 1.5rem;
        color: #626262;
        line-height: 1.3
    }
    .ucpho4_list_wrap .magazine dt {
        display: none
    }
    .ucpho4_list_wrap .magazine dt:after {
        display: none
    }
    .ucpho4_list_wrap .no_cont .txt {
        font-size:18px;
    }
    .ucpho4_list_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucpho4_view_wrap {
    max-width: 975px;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucpho4_view_wrap .ucpho4_list {
    margin: 35px -13px;
    font-size: 0
}
.ucpho4_view_wrap .ucpho4_item {
    overflow: hidden;
    display: inline-block;
    width: 25%;
    height: auto;
    padding: 0 3.487179% 32px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucpho4_view_wrap .ucpho4_item>a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff
}
.ucpho4_view_wrap .thumb {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 180px
}
.ucpho4_view_wrap .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 180px;
    text-align: center;
    white-space: nowrap
}
.ucpho4_view_wrap .img:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.ucpho4_view_wrap .img:after {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucpho4_view_wrap img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.ucpho4_view_wrap .cont {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 72px;
    max-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.ucpho4_view_wrap .title {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 2.6em;
    margin-top: 7px;
    font-size: 17px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucpho4_view_wrap .title:hover {
    text-decoration: underline
}
.ucpho4_view_wrap .info_inner {
    display: none
}
.ucpho4_view_wrap .info_inner dl {
    overflow: hidden
}
.ucpho4_view_wrap .magazine dd,
.ucpho4_view_wrap .magazine dt {
    display: inline-block;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #898989;
    line-height: 15px
}
.ucpho4_view_wrap .magazine dt:after {
    display: inline-block;
    margin: 0 6px;
    content: ':'
}
.ucpho4_view_wrap .no_cont {
    display: block;
    max-width: 975px;
    width: auto;
    margin: 48px 9px 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb;
    margin: 0 auto
}
.ucpho4_view_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucpho4_view_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 22px auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:1024px) {
    .ucpho4_view_wrap {
        max-width: none
    }
    .ucpho4_view_wrap .ucpho4_list {
        margin: 15px 0 15px
    }
    .ucpho4_view_wrap .ucpho4_item {
        width: 50%;
        padding: 0 0 20px 0
    }
    .ucpho4_view_wrap .ucpho4_item>a {
        height: auto;
        padding: 0 3.487179%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .ucpho4_view_wrap .thumb {
        max-width: 135px;
        padding-top: 200px;
        margin: 0 auto
    }
    .ucpho4_view_wrap .thumb .img {
        height: 100%
    }
    .ucpho4_view_wrap .cont {
        min-height: 76px;
        height: auto
    }
    .ucpho4_view_wrap .title {
        max-height: 48px;
        margin-top: 10px;
        font-size: 1.8rem
    }
    .ucpho4_view_wrap .magazine dt {
        display: none
    }
    .ucpho4_view_wrap .magazine dt:after {
        display: none
    }
    .ucpho4_view_wrap .no_cont .txt {
        font-size: 18px;
    }
}
@media screen and (max-width:768px) {
    .ucpho4_view_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucpho4_detail_wrap {
    max-width: 975px
}
.ucpho4_detail_wrap .title_wrap {
    border-bottom: 1px solid #dfdfdf
}
.ucpho4_detail_wrap .title_area {
    display: block;
    position: relative;
    padding: 0 21px 18px;
    font-size: 0
}
.ucpho4_detail_wrap .category {
    display: inline-block;
    margin-right: 11px;
    min-width: 84px;
    padding: 0 24px;
    border: 1px solid #5692bc;
    background: #fff;
    font-size: 18px;
    color: #4e8bb6;
    text-align: center;
    line-height: 31px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucpho4_detail_wrap .title {
    font-size: 25px;
    color: #4d4d4d
}
.ucpho4_detail_wrap .board_info_area {
    border-top: 2px solid #426f8f
}
.ucpho4_detail_wrap .board_info_list {
    padding: 20px 24px 21px 24px;
    font-size: 0
}
.ucpho4_detail_wrap .board_info_item {
    display: inline-block;
    position: relative;
    margin-left: 16px;
    padding-left: 16px;
    font-size: 15px;
    font-weight: 400;
    color: #626262
}
.ucpho4_detail_wrap .board_info_item:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 19px;
    background: #dfdfdf;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucpho4_detail_wrap .board_info_item:first-child {
    margin-left: 0;
    padding-left: 0
}
.ucpho4_detail_wrap .board_info_item:first-child:before {
    display: none
}
.ucpho4_detail_wrap .board_info_item .writer:before {
    content: '('
}
.ucpho4_detail_wrap .board_info_item .writer:after {
    content: ')'
}
.ucpho4_detail_wrap .info_title:after {
    content: ' :'
}
.ucpho4_detail_wrap .board_contents {
    padding: 34px 22px 40px;
    font-size: 16px;
    color: #3c3c3c;
    line-height: 1.9
}
.ucpho4_detail_wrap .photo_contents {
    padding: 40px 30px 36px;
    border: 1px solid #cdcdcd
}
.ucpho4_detail_wrap .photo_slide_wrap {
    padding: 0 100px
}
.ie9 .ucpho4_detail_wrap .photo_slide_wrap {
    padding: 0 40px
}
.ucpho4_detail_wrap .bx-wrapper {
    margin: 0 -100px;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}
.ie9 .ucpho4_detail_wrap .bx-wrapper {
    margin: 0
}
.ucpho4_detail_wrap .bx-viewport {
    padding: 0 100px;
    height: 0 !important;
    padding-top: 75% !important
}
.ie9 .ucpho4_detail_wrap .bx-viewport {
    padding: 0
}
.ucpho4_detail_wrap .photo_slide {
    position: absolute !important;
    top: 0;
    height: 100%
}
.ucpho4_detail_wrap .photo_item {
    height: 100%;
    background: #000
}
.ucpho4_detail_wrap .photo_item>img {
    height: 100%;
    margin: 0 auto
}
.ucpho4_detail_wrap .bx-controls-auto {
    display: none
}
.ucpho4_detail_wrap .bx-controls-direction a {
    z-index: 10;
    width: 47px;
    height: 85px;
    margin-top: 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.ucpho4_detail_wrap .bx-controls-direction a:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: .3;
    background: #000;
    content: ''
}
.ucpho4_detail_wrap .bx-controls-direction a:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 12px;
    height: 22px;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: ''
}
.ucpho4_detail_wrap .bx-prev {
    left: -18px
}
.ucpho4_detail_wrap .bx-controls-direction .bx-prev:before {
    background-position: -129px 0
}
.ucpho4_detail_wrap .bx-next {
    right: -218px
}
.ie9 .ucpho4_detail_wrap .bx-next {
    right: -18px
}
.ucpho4_detail_wrap .bx-controls-direction .bx-next:before {
    background-position: -143px 0
}
.ucpho4_detail_wrap .photo_controls_wrap {
    margin-top: 20px;
    font-size: 0
}
.ucpho4_detail_wrap .photo_controls {
    display: inline-block
}
.ucpho4_detail_wrap .slide_counter {
    display: inline-block;
    font-size: 16px;
    color: #000
}
.ucpho4_detail_wrap .slider_play_control {
    display: inline-block;
    margin-left: 16px
}
.ucpho4_detail_wrap .btn_slider {
    display: block;
    position: relative;
    padding: 8px 18px 6px 28px;
    font-size: 15px;
    color: #fff
}
.ucpho4_detail_wrap .btn_slider:before {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 6px;
    height: 10px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucpho4_detail_wrap .slider_start {
    background: #c55625
}
.ucpho4_detail_wrap .slider_start:before {
    background-position: -58px -37px
}
.ucpho4_detail_wrap .slider_pause {
    background: #555
}
.ucpho4_detail_wrap .slider_pause:before {
    background: rgba(0, 0, 0, .5)
}
.ucpho4_detail_wrap .btn_download {
    display: inline-block;
    margin-left: 10px;
    padding: 8px 14px 6px;
    background: #5692bc;
    font-size: 15px;
    color: #fff
}
.ucpho4_detail_wrap .photo_view_pager {
    margin-top: 35px;
    font-size: 0
}
.ucpho4_detail_wrap .photo_view_pager>a {
    position: relative;
    display: inline-block;
    width: 13%;
    height: 74px;
    overflow: hidden;
    margin: 14px 1.5% 0 0;
    border: 1px solid #a8a8a8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucpho4_detail_wrap .photo_view_pager>.active {
    border: 2px solid #dd4e00
}
.ucpho4_detail_wrap .photo_view_pager>.active:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ff8948;
    opacity: .5;
    content: ''
}
.ucpho4_detail_wrap .photo_view_pager>a:nth-of-type(7n+0) {
    margin-right: 0
}
.ucpho4_detail_wrap .photo_view_pager img {
    width: 100%;
    height: 100%;
    text-align: center;
    display: block
}
.ucpho4_detail_wrap .btn_view_wrap {
    text-align: center
}
@media screen and (max-width:1024px) {
    .ucpho4_detail_wrap .photo_contents {
        padding-left: 40px;
        padding-right: 40px
    }
}
@media screen and (max-width:768px) {
    .ucpho4_detail_wrap .title_wrap {
        position: relative
    }
    .ucpho4_detail_wrap .category {
        position: absolute;
        min-width: 0;
        margin: 0;
        padding: 0;
        border: 0;
        background: 0 0;
        font-size: 1px;
        color: transparent;
        line-height: 1
    }
    .ucpho4_detail_wrap .title_area {
        padding: 0 0 10px
    }
    .ucpho4_detail_wrap .title {
        font-size: 1.9rem
    }
    .ucpho4_detail_wrap .board_info_list {
        padding: 8px 0 10px
    }
    .ucpho4_detail_wrap .info_title {
        display: none
    }
    .ucpho4_detail_wrap .hits_item .info_title {
        display: inline-block
    }
    .ucpho4_detail_wrap .board_info_item {
        margin-left: 0;
        padding-left: 0
    }
    .ucpho4_detail_wrap .board_info_item:before {
        display: none
    }
    .ucpho4_detail_wrap .hits_item {
        margin-left: 8px;
        padding-left: 10px
    }
    .ucpho4_detail_wrap .hits_item:before {
        display: block;
        height: 11px
    }
    .ucpho4_detail_wrap .board_contents {
        padding: 12px 0 22px;
        font-size: 1.5rem;
        line-height: 1.6
    }
    .ucpho4_detail_wrap .photo_contents {
        padding: 0 20px 14px
    }
    .ie9 .ucpho4_detail_wrap .photo_contents {
        padding: 0 0 14px
    }
    .ucpho4_detail_wrap .photo_slide_wrap {
        padding: 0 6px
    }
    .ie9 .ucpho4_detail_wrap .photo_slide_wrap {
        padding: 0
    }
    .ucpho4_detail_wrap .bx-wrapper {
        margin: 0 -26px
    }
    .ie9 .ucpho4_detail_wrap .bx-wrapper {
        margin: 0
    }
    .ucpho4_detail_wrap .bx-viewport {
        padding: 0 26px;
        padding-top: 140%
    }
    .ie9 .ucpho4_detail_wrap .bx-viewport {
        padding: 0
    }
    .ie9 .ucpho4_detail_wrap .photo_item {
        border: none
    }
    .ucpho4_detail_wrap .bx-controls-direction a {
        width: 24px;
        height: 43px
    }
    .ucpho4_detail_wrap .bx-prev {
        left: 0
    }
    .ucpho4_detail_wrap .bx-next {
        right: -52px
    }
    .ie9 .ucpho4_detail_wrap .bx-next {
        right: 0
    }
    .ucpho4_detail_wrap .bx-controls-direction a:before {
        width: 7px;
        height: 13px
    }
    .ucpho4_detail_wrap .bx-controls-direction .bx-prev:before {
        background-position: -122px 0
    }
    .ucpho4_detail_wrap .bx-controls-direction .bx-next:before {
        background-position: -131px 0
    }
    .ucpho4_detail_wrap .photo_controls_wrap {
        margin-top: 9px
    }
    .ie9 .ucpho4_detail_wrap .photo_controls_wrap {
        margin: 9px 20px 0
    }
    .ucpho4_detail_wrap .slide_counter {
        font-size: 1.5rem
    }
    .ucpho4_detail_wrap .slider_play_control {
        margin-left: 12px
    }
    .ucpho4_detail_wrap .btn_slider {
        padding: 5px 11px 5px 16px;
        font-size: 1.4rem
    }
    .ucpho4_detail_wrap .btn_slider:before {
        left: 8px;
        width: 4px;
        height: 7px;
        background-position: -74px -14px
    }
    .ucpho4_detail_wrap .btn_download {
        margin-left: 6px;
        padding: 5px 10px;
        font-size: 1.4rem
    }
    .ucpho4_detail_wrap .photo_view_pager {
        display: none
    }
    .ucpho4_detail_wrap .btn_view_wrap {
        margin-top: 10px
    }
    .ucpho4_detail_wrap .btn_view_wrap .btn_list {
        width: 100%
    }
}
.ucapi11_list_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucapi11_list_wrap .ucapi11_item {
    height: 136px;
    padding: 22px 30px;
    border-top: 1px solid #dfdfdf;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi11_list_wrap .ucapi11_item:first-child {
    border: 0
}
.ucapi11_list_wrap .ucapi11_item>a {
    display: block;
    width: 100%;
    height: 100%
}
.ucapi11_list_wrap .thumb {
    overflow: hidden;
    float: left;
    position: relative;
    width: 71px;
    height: 88px;
    text-align: center
}
.ucapi11_list_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #c6c6c6;
    content: ''
}
.ucapi11_list_wrap .thumb:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucapi11_list_wrap .thumb img {
    width: 100%;
    height: 100%;
    max-height: 100%;
    vertical-align: middle;
    transition: .2s
}
.ucapi11_item .thumb:focus img,
.ucapi11_list_wrap .thumb:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1)
}
.ucapi11_list_wrap .cont {
    overflow: hidden;
    position: relative;
    height: 88px;
    padding: 0 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap
}
.ucapi11_list_wrap .cont:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucapi11_list_wrap .bx {
    display: inline-block;
    vertical-align: middle
}
.ucapi11_list_wrap .title {
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    max-height: 23px;
    font-size: 18px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi11_list_wrap .title:hover {
    text-decoration: underline
}
.ucapi11_list_wrap .info_inner {
    display: block;
    margin-top: 22px;
    font-size: 0
}
.ucapi11_list_wrap .info_inner>span {
    display: block;
    display: -webkit-box;
    position: relative;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 2.6em;
    padding-right: 4px;
    margin-top: 4px;
    font-size: 15px;
    font-weight: 400;
    color: #959595;
    line-height: 1.2;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi11_list_wrap .info_inner>span:first-child {
    margin-top: 0
}
.ucapi11_list_wrap .info_inner .major_work span:after {
    content: ', '
}
.ucapi11_list_wrap .info_inner .major_work span:last-child:after {
    display: none
}
.ucapi11_list_wrap .info_inner .major_work span:first-child:before {
    display: inline-block;
    margin: 0 6px;
    content: ':'
}
.ucapi11_list_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucapi11_list_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucapi11_list_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:768px) {
    .ucapi11_list_wrap .ucapi11_item {
        min-height: 99px;
        height: auto;
        padding: 14px 0
    }
    .ucapi11_list_wrap .thumb {
        width: 64px;
        height: 80px
    }
    .ucapi11_list_wrap .cont {
        min-height: 80px;
        height: auto;
        padding: 0 15px;
        white-space: normal
    }
    .ucapi11_list_wrap .title {
        max-height: 5rem;
        font-size: 1.9rem;
        -webkit-line-clamp: 2
    }
    .ucapi11_list_wrap .info_inner {
        margin-top: 7px
    }
    .ucapi11_list_wrap .info_inner>span {
        margin-top: 0;
        padding-right: 17px;
        font-size: 1.4rem;
        line-height: 1.3
    }
    .ucapi11_list_wrap .info_inner>span:after {
        margin-right: 6px
    }
    .ucapi11_list_wrap .no_cont .txt {
        font-size:18px;
    }
    .ucapi11_list_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucsrch6_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucsrch6_wrap .ucsrch6_item {
    border-top: 1px solid #dfdfdf
}
.ucsrch6_wrap .ucsrch6_item:first-child {
    border: 0
}
.ucsrch6_wrap .ucsrch6_item>a {
    display: block;
    width: 100%;
    padding: 25px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucsrch6_wrap .inner {
    position: relative
}
.ucsrch6_wrap .cont {
    overflow: hidden;
    position: relative;
    padding: 0 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap
}
.ucsrch6_wrap .bx {
    display: inline-block;
    vertical-align: middle
}
.ucsrch6_wrap .title {
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    max-height: 23px;
    font-size: 18px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucsrch6_wrap .title:hover {
    text-decoration: underline
}
.ucsrch6_wrap .info_inner {
    display: block;
    margin-top: 16px;
    font-size: 0
}
.ucsrch6_wrap .info_inner span {
    display: inline-block;
    position: relative;
    padding-right: 36px;
    font-size: 16px;
    font-weight: 400;
    color: #555;
    line-height: 16px
}
.ucsrch6_wrap .info_inner span:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 16px;
    margin-right: 18px;
    background: #dcdcdc;
    content: ''
}
.ucsrch6_wrap .info_inner span:last-child:after {
    display: none
}
.ucsrch6_wrap .text {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 2.6em;
    margin-top: 9px;
    font-size: 16px;
    font-weight: 400;
    color: #768676;
    line-height: 1.3;
    white-space: normal
}
.ucsrch6_wrap .classify {
    display: block;
    margin-top: 11px;
    font-size: 16px;
    font-weight: 400;
    color: #3f8fc8
}
.ucsrch6_wrap .classify:before {
    content: '['
}
.ucsrch6_wrap .classify:after {
    content: ']'
}
.ucsrch6_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucsrch6_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucsrch6_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
.ucsrch6_wrap .ucsrch6_item>a:focus,
.ucsrch6_wrap .ucsrch6_item>a:hover {
    background: #f8f8f8
}
@media screen and (max-width:768px) {
    .ucsrch6_wrap .ucsrch6_item {
        min-height: 99px;
        height: auto
    }
    .ucsrch6_wrap .ucsrch6_item>a {
        padding: 14px 0
    }
    .ucsrch6_wrap .cont {
        min-height: 71px;
        height: auto;
        padding: 0 10px;
        white-space: normal
    }
    .ucsrch6_wrap .title {
        max-height: 5rem;
        font-size: 1.9rem;
        -webkit-line-clamp: 2
    }
    .ucsrch6_wrap .info_inner {
        margin-top: 8px
    }
    .ucsrch6_wrap .info_inner span {
        padding-right: 17px;
        font-size: 1.5rem;
        line-height: 1.3
    }
    .ucsrch6_wrap .info_inner span:after {
        margin-right: 6px
    }
    .ucsrch6_wrap .text {
        margin-top: 4px;
        font-size: 1.6rem
    }
    .ucsrch6_wrap .classify {
        margin-top: 6px;
        font-size: 1.5rem
    }
    .ucsrch6_wrap .no_cont {
        margin: 20px 0;
        padding: 25px
    }
    .ucsrch6_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucsrch6_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucapi9_detail_wrap {
    max-width: 975px
}
.ucapi9_detail_wrap .title_wrap {
    border-bottom: 2px solid #426f8f
}
.ucapi9_detail_wrap .title_area {
    display: block;
    position: relative;
    padding: 0 21px 18px;
    font-size: 0
}
.ucapi9_detail_wrap .category {
    display: inline-block;
    margin-right: 11px;
    min-width: 84px;
    padding: 0 24px;
    border: 1px solid #5692bc;
    background: #fff;
    font-size: 18px;
    color: #4e8bb6;
    text-align: center;
    line-height: 31px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi9_detail_wrap .title {
    font-size: 25px;
    color: #4d4d4d
}
.ucapi9_detail_wrap .board_contents {
    overflow: hidden;
    padding: 30px 0 20px;
    font-size: 16px;
    color: #3c3c3c
}
.ucapi9_detail_wrap .board_major_contents {
    padding: 0 20px 30px;
    border-bottom: 1px solid #959595
}
.ucapi9_detail_wrap .thumb {
    display: block;
    float: left;
    position: relative;
    width: 130px;
    height: 160px;
    margin-right: 32px
}
.ucapi9_detail_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #d8d8d8;
    content: ''
}
.ucapi9_detail_wrap .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    width: 90%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.ucapi9_detail_wrap .author_info_wrap {
    overflow: hidden;
    min-height: 184px
}
.ucapi9_detail_wrap .author_info {
    overflow: hidden;
    font-size: 18px;
    border-bottom: 1px solid #dfdfdf
}
.ucapi9_detail_wrap .author_info dd,
.ucapi9_detail_wrap .author_info dt {
    padding: 8px 0;
    border-top: 1px solid #dfdfdf;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi9_detail_wrap .author_info dd:first-of-type,
.ucapi9_detail_wrap .author_info dt:first-of-type {
    border-top: none
}
.ucapi9_detail_wrap .author_info dt {
    float: left;
    min-width: 90px;
    padding-left: 4px;
    font-weight: 700;
    color: #4c4c4c
}
.ucapi9_detail_wrap .author_info dd {
    overflow: hidden;
    padding-left: 24px;
    padding-right: 4px;
    color: #4c4c4c
}
.ucapi9_detail_wrap .author_detail_title {
    display: block;
    margin-top: 6px;
    padding: 27px 19px 14px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 24px;
    color: #232323;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi9_detail_wrap .author_detail_wrap:first-child .author_detail_title {
    margin-top: 0
}
.ucapi9_detail_wrap .author_detail {
    padding: 23px 22px 22px;
    border-bottom: 1px solid #dcdcdc;
    line-height: 1.7
}
.ucapi9_detail_wrap .major_book_list,
.ucapi9_detail_wrap .major_work_list {
    padding: 25px 22px 33px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 0
}
.ucapi9_detail_wrap .major_book_item,
.ucapi9_detail_wrap .major_work_item {
    display: inline-block;
    width: 25%;
    margin-top: 0;
    font-size: 16px
}
.ucapi9_detail_wrap .major_book_item:nth-child(4)~li,
.ucapi9_detail_wrap .major_work_item:nth-child(4)~li {
    margin-top: 21px
}
.ucapi9_detail_wrap .btn_view_wrap {
    text-align: center
}
@media screen and (min-width:768px) and (max-width:1024px) {

    .ucapi9_detail_wrap .major_book_item,
    .ucapi9_detail_wrap .major_work_item {
        width: 50%
    }
    .ucapi9_detail_wrap .major_book_item:nth-child(2)~li,
    .ucapi9_detail_wrap .major_work_item:nth-child(2)~li {
        margin-top: 21px
    }
}
@media screen and (max-width:768px) {
    .ucapi9_detail_wrap .title_wrap {
        position: relative
    }
    .ucapi9_detail_wrap .title {
        font-size: 1.9rem
    }
    .ucapi9_detail_wrap .title_area {
        padding: 0 0 10px;
        font-size: 1.9rem
    }
    .ucapi9_detail_wrap .board_contents {
        padding: 12px 0 22px;
        font-size: 1.5rem;
        line-height: 1.6
    }
    .ucapi9_detail_wrap .btn_view_wrap {
        margin-top: 10px
    }
    .ucapi9_detail_wrap .board_major_contents {
        padding: 0 0 30px
    }
    .ucapi9_detail_wrap .author_info_wrap {
        margin-top: 12px
    }
    .ucapi9_detail_wrap .thumb {
        float: none;
        margin: 0 auto
    }
    .ucapi9_detail_wrap .author_info_wrap {
        min-height: auto
    }
    .ucapi9_detail_wrap .author_info {
        font-size: 1.5rem
    }
    .ucapi9_detail_wrap .author_info dt {
        min-width: 70px
    }
    .ucapi9_detail_wrap .author_detail_title {
        padding: 20px 0 8px;
        font-size: 1.8rem
    }
    .ucapi9_detail_wrap .author_detail {
        padding: 14px 0;
        font-size: 1.5rem
    }
    .ucapi9_detail_wrap .major_book_list,
    .ucapi9_detail_wrap .major_work_list {
        padding: 14px 0
    }
    .ucapi9_detail_wrap .major_book_item,
    .ucapi9_detail_wrap .major_work_item {
        width: 100%;
        margin-top: 0;
        font-size: 1.5rem
    }
    .ucapi9_detail_wrap .major_book_item:first-child~li,
    .ucapi9_detail_wrap .major_work_item:first-child~li {
        margin-top: 10px
    }
    .ucapi9_detail_wrap .btn_view_wrap .btn_list {
        width: 100%
    }
}
.ucsrch7_detail_wrap {
    max-width: 975px
}
.ucsrch7_detail_wrap .title_area {
    display: block;
    position: relative;
    padding: 0 0 18px;
    font-size: 0
}
.ucsrch7_detail_wrap .category {
    display: inline-block;
    margin-right: 11px;
    min-width: 84px;
    padding: 0 24px;
    border: 1px solid #5692bc;
    background: #fff;
    font-size: 18px;
    color: #4e8bb6;
    text-align: center;
    line-height: 31px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucsrch7_detail_wrap .title {
    font-size: 25px;
    color: #4d4d4d
}
.ucsrch7_detail_wrap .board_contents {
    position: relative;
    overflow: hidden;
    font-size: 16px;
    color: #3c3c3c
}
.ucsrch7_detail_wrap .board_book_contents {
    padding: 30px 78px 22px;
    border: 1px solid #ddd
}
.ucsrch7_detail_wrap .board_book_contents .thumb,
.ucsrch7_detail_wrap .thumb_copyright {
    display: block;
    float: left;
    position: relative;
    width: 110px;
    height: 146px;
    margin-left: 32px;
    margin-right: 144px
}
.ucsrch7_detail_wrap .thumb_copyright {
    display: none
}
.ucsrch7_detail_wrap .board_book_contents .thumb:before,
.ucsrch7_detail_wrap .thumb_copyright:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #d8d8d8;
    content: ''
}
.ucsrch7_detail_wrap .board_book_contents .thumb img,
.ucsrch7_detail_wrap .thumb_copyright img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.ucsrch7_detail_wrap .book_info_wrap {
    overflow: hidden;
    min-height: 202px
}
.ucsrch7_detail_wrap .book_info {
    overflow: hidden;
    font-size: 18px
}
.ucsrch7_detail_wrap .book_info dd,
.ucsrch7_detail_wrap .book_info dt {
    padding: 4px 0;
    line-height: 22px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucsrch7_detail_wrap .book_info dt {
    float: left;
    width: 68px;
    overflow: hidden;
    padding-left: 4px;
    font-size: 18px;
    font-weight: 700;
    color: #242424;
    letter-spacing: 29.5px;
    white-space: nowrap
}
.ucsrch7_detail_wrap .book_info dt:nth-of-type(3) {
    letter-spacing: -1px
}
.ucsrch7_detail_wrap .book_info dd {
    overflow: hidden;
    padding-left: 40px;
    font-size: 16px;
    color: #626262
}
.ucsrch7_detail_wrap .board_book_contents .btn_wrap {
    position: absolute;
    top: 193px;
    margin-top: 0
}
.ucsrch7_detail_wrap .btn_copyright {
    width: 170px;
    background: #fff;
    border: 1px solid #dcdcdc;
    font-size: 15px;
    color: #626262
}
.ucsrch7_detail_wrap .book_detail_wrap {
    position: relative
}
.ucsrch7_detail_wrap .book_detail_title {
    display: block;
    margin-top: 6px;
    padding: 27px 0 14px;
    font-size: 24px;
    color: #232323;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucsrch7_detail_wrap .book_detail_wrap:first-child .book_detail_title {
    margin-top: 0
}
.ucsrch7_detail_wrap .book_content_detail,
.ucsrch7_detail_wrap .book_index_detail {
    padding: 23px 22px 22px;
    border: 1px solid #dedede;
    line-height: 1.7
}
.ucsrch7_detail_wrap .library_list {
    padding: 12px 22px;
    border: 1px solid #dcdcdc;
    font-size: 0
}
.ucsrch7_detail_wrap .library_item {
    display: inline-block;
    position: relative;
    margin: 0 50px 0 0;
    padding-left: 13px;
    font-size: 16px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucsrch7_detail_wrap .library_item:before {
    position: absolute;
    top: 11px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #8b8b8b;
    border-radius: 3px;
    content: ''
}
.ucsrch7_detail_wrap .library_list .library_item .btn_wrap {
    display: inline-block;
    position: static;
    margin: 0 0 0 10px
}
.ucsrch7_detail_wrap .library_list .btn_original {
    min-width: 85px;
    padding: 6px 0;
    background: #5f6878;
    font-size: 14px
}
.ucsrch7_detail_wrap .library_item:nth-child(4)~li {
    margin-top: 21px
}
.ucsrch7_detail_wrap .book_detail_wrap .btn_wrap {
    position: absolute;
    top: 28px;
    right: 0;
    margin-top: 0
}
.ucsrch7_detail_wrap .book_detail_wrap .btn_detail {
    min-width: 85px;
    padding: 6px 0;
    background: #5f6878;
    font-size: 14px
}
.ucsrch7_detail_wrap:first-child .another_edition_title {
    margin-top: 0
}
.ucsrch7_detail_wrap .another_edition {
    padding: 29px 23px 22px;
    border: 1px solid #dedede;
    font-size: 0
}
.ucsrch7_detail_wrap .another_edition_item {
    overflow: hidden;
    display: inline-block;
    width: 16.6%;
    height: auto;
    margin-top: 24px;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucsrch7_detail_wrap .another_edition_item:nth-of-type(-n+6) {
    margin-top: 0
}
.ucsrch7_detail_wrap .another_edition_item:first-child {
    margin-left: 0
}
.ucsrch7_detail_wrap .another_edition_item>a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff
}
.ucsrch7_detail_wrap .another_edition_item>a:focus img,
.ucsrch7_detail_wrap .another_edition_item>a:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1)
}
.ucsrch7_detail_wrap .another_edition .thumb {
    display: block;
    position: relative;
    width: 44px;
    height: 0;
    margin: 0 auto;
    padding-top: 51%
}
.ucsrch7_detail_wrap .another_edition .img {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    white-space: nowrap
}
.ucsrch7_detail_wrap .another_edition .img:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.ucsrch7_detail_wrap .img:after {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucsrch7_detail_wrap .another_edition img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    transition: .2s
}
.ucsrch7_detail_wrap .another_edition .title {
    display: block;
    overflow: hidden;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #3c3c3c;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}
.ucsrch7_detail_wrap .btn_view_wrap {
    margin-top: 92px;
    text-align: center
}
.ucsrch7_detail_wrap .btn_main_paper {
    background: #5f6878
}
.ucsrch7_detail_wrap .btn_view_wrap .btn_main_paper,
.ucsrch7_detail_wrap .btn_view_wrap .btn_main_paper+.btn_list {
    margin-left: 10px
}
@media screen and (min-width:768px) and (max-width:1024px) {
    .ucsrch7_detail_wrap .another_edition .thumb {
        width: 44%;
        padding-top: 68%
    }
}
@media screen and (max-width:768px) {

    .ucsrch7_detail_wrap .board_book_contents .thumb,
    .ucsrch7_detail_wrap .thumb_copyright {
        float: none;
        width: 86px;
        height: 122px;
        margin: 0 auto
    }
    .ucsrch7_detail_wrap .title_wrap {
        position: relative
    }
    .ucsrch7_detail_wrap .title {
        font-size: 1.9rem
    }
    .ucsrch7_detail_wrap .title_area {
        padding: 0 0 10px;
        font-size: 1.9rem
    }
    .ucsrch7_detail_wrap .board_contents {
        font-size: 1.5rem;
        line-height: 1.6
    }
    .ucsrch7_detail_wrap .board_book_contents .btn_wrap {
        position: static;
        top: 0;
        margin-top: 10px;
        text-align: center
    }
    .ucsrch7_detail_wrap .btn_copyright {
        max-width: 100%;
        font-size: 1.4rem
    }
    .ucsrch7_detail_wrap .btn_view_wrap {
        margin-top: 10px
    }
    .ucsrch7_detail_wrap .board_book_contents {
        padding: 12px
    }
    .ucsrch7_detail_wrap .book_info_wrap {
        margin-top: 12px
    }
    .ucsrch7_detail_wrap .thumb,
    .ucsrch7_detail_wrap .thumb_copyright {
        float: none;
        width: 166px;
        height: 122px;
        margin: 0 auto
    }
    .ucsrch7_detail_wrap .book_info_wrap {
        min-height: auto
    }
    .ucsrch7_detail_wrap .book_info {
        font-size: 1.5rem
    }
    .ucsrch7_detail_wrap .book_info dd,
    .ucsrch7_detail_wrap .book_info dt {
        padding: 2px 0
    }
    .ucsrch7_detail_wrap .book_info dt {
        font-size: 1.6rem
    }
    .ucsrch7_detail_wrap .book_info dd {
        font-size: 1.5rem
    }
    .ucsrch7_detail_wrap .book_detail_title {
        padding: 20px 0 8px;
        font-size: 1.8rem
    }
    .ucsrch7_detail_wrap .book_content_detail,
    .ucsrch7_detail_wrap .book_index_detail {
        padding: 12px;
        font-size: 1.5rem
    }
    .ucsrch7_detail_wrap .library_list {
        padding: 12px
    }
    .ucsrch7_detail_wrap .library_item {
        width: 100%;
        margin: 0;
        font-size: 1.5rem
    }
    .ucsrch7_detail_wrap .library_item:first-child~li {
        margin-top: 10px
    }
    .ucsrch7_detail_wrap .library_list .btn_original {
        padding: 0 7px
    }
    .ucsrch7_detail_wrap .book_detail_wrap .btn_wrap {
        top: 18px
    }
    .ucsrch7_detail_wrap .book_detail_wrap .btn_detail {
        padding: 0 7px
    }
    .ucsrch7_detail_wrap .another_edition {
        padding: 12px
    }
    .ucsrch7_detail_wrap .another_edition_item,
    .ucsrch7_detail_wrap .another_edition_item:nth-of-type(-n+6) {
        width: 33.3%;
        padding: 0 4px;
        margin-top: 14px
    }
    .ucsrch7_detail_wrap .another_edition_item:nth-child(-n+3) {
        margin-top: 0
    }
    .ucsrch7_detail_wrap .another_edition .thumb {
        width: 50%;
        padding-top: 72%
    }
    .ucsrch7_detail_wrap .another_edition .title {
        margin-top: 4px
    }
    .ucsrch7_detail_wrap .btn_view_wrap {
        margin-top: 40px;
        font-size: 0
    }
    .ucsrch7_detail_wrap .btn_view_wrap .btn_list {
        width: 100%;
        margin-left: 0
    }
    .ucsrch7_detail_wrap .btn_view_wrap .btn_main_paper,
    .ucsrch7_detail_wrap .btn_view_wrap .btn_main_paper+.btn_list {
        width: 49%;
        margin-left: 2%
    }
    .ucsrch7_detail_wrap .btn_view_wrap .btn_main_paper {
        margin-left: 0
    }
}
.ucapi28_list_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucapi28_list_wrap .ucapi28_item {
    width: 100%;
    height: 100%;
    min-height: 158px;
    padding: 25px 0;
    border-top: 1px solid #dfdfdf;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi28_list_wrap .ucapi28_item:first-child {
    border: 0
}
.ucapi28_list_wrap .ucapi28_item>a {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi28_list_wrap .ucapi28_item>a:focus,
.ucapi28_list_wrap .ucapi28_item>a:hover {
    background: #f8f8f8
}
.ucapi28_list_wrap .inner {
    overflow: hidden
}
.ucapi28_list_wrap .thumb {
    overflow: hidden;
    float: left;
    position: relative;
    width: 136px;
    height: 193px;
    text-align: center
}
.ucapi28_list_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.ucapi28_list_wrap .img {
    display: block;
    width: 100%;
    height: 100%
}
.ucapi28_list_wrap .thumb img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.ucapi28_list_wrap .thumb img:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucapi28_list_wrap .cont {
    overflow: hidden;
    position: relative;
    min-height: 169px;
    padding: 0 38px;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi28_list_wrap .cont:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucapi28_list_wrap .bx {
    display: inline-block;
    vertical-align: middle
}
.ucapi28_list_wrap .title_inner .date {
    display: inline-block;
    margin-top: 1px;
    font-size: 16px;
    color: #5692bc
}
.ucapi28_list_wrap .title_inner .category {
    display: none;
    color: #5692bc
}
.ucapi28_list_wrap .title {
    display: block;
    margin-top: 6px;
    font-size: 21px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi28_list_wrap .title:hover {
    text-decoration: underline
}
.ucapi28_list_wrap .title .category {
    display: inline-block;
    font-size: 21px;
    color: #5692bc
}
.ucapi28_list_wrap .title_inner dl {
    overflow: hidden
}
.ucapi28_list_wrap .title_inner dt {
    display: none
}
.ucapi28_list_wrap .title_inner dd {
    margin-top: 13px;
    font-size: 16px;
    color: #626262
}
.ucapi28_list_wrap .title_inner .text {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 3.1em;
    margin-top: 14px;
    font-size: 16px;
    font-weight: 400;
    color: #4d4d4d;
    line-height: 1.55;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi28_list_wrap .info_inner {
    display: block;
    margin-top: 7px;
    font-size: 0
}
.ucapi28_list_wrap .info_inner dl {
    position: relative;
    overflow: hidden;
    padding-left: 56px
}
.ucapi28_list_wrap .info_inner dd,
.ucapi28_list_wrap .info_inner dt {
    margin-top: 7px;
    font-size: 16px;
    color: #626262
}
.ucapi28_list_wrap .info_inner .tag_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    padding-right: 4px;
    background: #909090;
    font-size: 14px;
    color: #fff;
    text-align: right;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi28_list_wrap .info_inner .tag_title:before {
    position: absolute;
    top: 0;
    right: -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 11px;
    border-color: transparent transparent transparent #909090;
    content: ''
}
.ucapi28_list_wrap .info_inner .tag_item {
    display: inline-block;
    overflow: hidden;
    margin-right: 6px
}
.ucapi28_list_wrap .info_inner .tag_item:last-of-type {
    margin-right: 0
}
.ucapi28_list_wrap .info_inner .tag_item:before {
    content: '#'
}
.ucapi28_list_wrap .info_inner .tag_item a {
    color: #232323
}
.ucapi28_list_wrap .info_inner .tag_item a:focus,
.ucapi28_list_wrap .info_inner .tag_item a:hover {
    text-decoration: underline
}
.ucapi28_list_wrap .info_inner .tag_item.tag_none {
    color: #768676
}
.ucapi28_list_wrap .info_inner .tag_item.tag_none:before {
    content: ''
}
.ucapi28_list_wrap .bx .btn_wrap {
    margin-top: 14px
}
.ucapi28_list_wrap .bx .btn_view_original {
    width: 183px;
    background: #4a5258;
    font-size: 15px
}
.ucapi28_list_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucapi28_list_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucapi28_list_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:768px) {
    .ucapi28_list_wrap .ucapi28_item {
        min-height: 85px;
        height: auto;
        padding: 14px 6px
    }
    .ucapi28_list_wrap .inner {
        position: relative
    }
    .ucapi28_list_wrap .thumb {
        position: absolute;
        top: 0;
        left: 0;
        float: none;
        width: 82px;
        min-width: 56px;
        height: 103px;
        min-height: 84px
    }
    .ucapi28_list_wrap .cont {
        min-height: 71px;
        height: auto;
        padding: 0;
        white-space: normal
    }
    .ucapi28_list_wrap .title_inner {
        min-height: 102px;
        padding-left: 95px
    }
    .ucapi28_list_wrap .title_inner .date {
        position: relative;
        margin: 0;
        font-size: 1.5rem
    }
    .ucapi28_list_wrap .title_inner .category {
        display: block;
        font-size: 1.5rem;
        color: #5692bc
    }
    .ucapi28_list_wrap .title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2;
        max-height: 48px;
        margin-top: 2px;
        font-size: 1.9rem
    }
    .ucapi28_list_wrap .title_inner dd {
        margin-top: 5px;
        font-size: 1.6rem
    }
    .ucapi28_list_wrap .title_inner .text {
        margin-top: 6px;
        font-size: 1.5rem
    }
    .ucapi28_list_wrap .info_inner {
        margin-top: 2px
    }
    .ucapi28_list_wrap .title .category {
        display: none
    }
    .ucapi28_list_wrap .title_inner .date:after {
        position: absolute;
        top: 50%;
        left: 100%;
        width: 1px;
        height: 14px;
        margin: -7px 5px 0;
        background: #dcdcdc;
        content: ''
    }
    .ucapi28_list_wrap .info_inner dd,
    .ucapi28_list_wrap .info_inner dt {
        margin-top: 0;
        font-size: 1.5rem
    }
    .ucapi28_list_wrap .info_inner {
        margin-top: 10px
    }
    .ucapi28_list_wrap .bx .btn_view_original {
        width: 100%
    }
    .ucapi28_list_wrap .no_cont .txt {
        font-size:18px;
    }
    .ucapi28_list_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucapi28_view_wrap {
    max-width: 975px;
    padding-top: 43px;
    border-top: 2px solid #426f8f
}
.ucapi28_view_wrap:after {
    display: block;
    clear: both;
    content: ''
}
.ucapi28_view_wrap .ucapi28_list:after {
    display: block;
    clear: both;
    content: ''
}
.ucapi28_view_wrap .ucapi28_item {
    float: left;
    width: 31.487179%;
    margin: 0 0 26px 2.76923%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi28_view_wrap .ucapi28_item:nth-child(3n+1) {
    margin-left: 0
}
.ucapi28_view_wrap .ucapi28_item .inner {
    padding: 20px 30px 30px;
    border: 1px solid #e2e2e2;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi28_view_wrap .thumb {
    display: block;
    position: relative;
    max-width: 154px;
    height: 193px;
    margin: 0 auto
}
.ucapi28_view_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.ucapi28_view_wrap .thumb .img {
    display: block;
    width: 100%;
    height: 100%
}
.ucapi28_view_wrap .thumb img {
    width: 100%;
    max-height: 100%;
    vertical-align: middle
}
.ucapi28_view_wrap .cont {
    margin-top: 18px
}
.ucapi28_view_wrap .title_inner .date {
    display: inline-block;
    margin-top: 1px;
    font-size: 16px;
    color: #5692bc
}
.ucapi28_view_wrap .title {
    overflow: hidden;
    display: block;
    min-height: 46px;
    max-height: 46px;
    margin-top: 6px;
    font-size: 18px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi28_view_wrap .title:hover {
    text-decoration: underline
}
.ucapi28_view_wrap .title_inner .category {
    display: block;
    font-size: 15px;
    color: #5692bc
}
.ucapi28_view_wrap .title .category {
    display: none
}
.ucapi28_view_wrap .title_inner dl {
    overflow: hidden
}
.ucapi28_view_wrap .title_inner dt {
    display: none
}
.ucapi28_view_wrap .title_inner dd {
    margin-top: 6px;
    font-size: 16px;
    color: #626262
}
.ucapi28_view_wrap .title_inner .text {
    display: none;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 3.1em;
    margin-top: 14px;
    font-size: 16px;
    color: #4d4d4d;
    line-height: 1.55;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi28_view_wrap .info_inner {
    display: block;
    margin-top: 12px;
    font-size: 0
}
.ucapi28_view_wrap .info_inner dd,
.ucapi28_view_wrap .info_inner dt {
    font-size: 14px;
    color: #626262;
    line-height: 20px
}
.ucapi28_view_wrap .info_inner .tag_list {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    height: 40px;
    font-size: 1px;
    line-height: 1;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi28_view_wrap .info_inner .tag_list:after {
    display: block;
    clear: both;
    content: ''
}
.ucapi28_view_wrap .info_inner .tag_title {
    display: inline-block;
    position: relative;
    top: 2px;
    left: 0;
    width: 38px;
    padding-right: 4px;
    background: #909090;
    color: #fff;
    text-align: right;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi28_view_wrap .info_inner .tag_title:before {
    position: absolute;
    top: 0;
    right: -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 11px;
    border-color: transparent transparent transparent #909090;
    content: ''
}
.ucapi28_view_wrap .info_inner .tag_item {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-right: 2px;
    padding-left: 8px;
    vertical-align: middle
}
.ucapi28_view_wrap .info_inner .tag_item:first-of-type {
    margin-left: 12px
}
.ucapi28_view_wrap .info_inner .tag_item:last-of-type {
    margin-right: 0
}
.ucapi28_view_wrap .info_inner .tag_item:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '#'
}
.ucapi28_view_wrap .info_inner .tag_item a {
    display: block;
    width: 100%;
    height: 100%;
    color: #232323
}
.ucapi28_view_wrap .info_inner .tag_item a:focus,
.ucapi28_view_wrap .info_inner .tag_item a:hover {
    text-decoration: underline
}
.ucapi28_view_wrap .info_inner .tag_item.tag_none {
    color: #768676
}
.ucapi28_view_wrap .info_inner .tag_item.tag_none:before {
    content: ''
}
.ucapi28_view_wrap .bx .btn_wrap {
    margin-top: 11px;
    text-align: center;
}
.blankBox {
    display: block;
    height: 40px
}
@media screen and (max-width:768px) {
    .blankBox {
        height: 37px;
        margin: 0 !important;
    }
}
.ucapi28_view_wrap .bx .btn_view_original {
    width: 100%;
    border: 1px solid #d99000;
    background: #fff;
    color: #d99000;
    font-size: 15px
}
.ucapi28_view_wrap .ucapi28_list .no_cont {
    float: none;
    clear: both;
    width: 100%;
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucapi28_view_wrap .ucapi28_list .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucapi28_view_wrap .ucapi28_list .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:1024px) {
    .ucapi28_view_wrap {
        padding-top: 15px
    }
    .ucapi28_view_wrap .ucapi28_list {
        margin: 0
    }
    .ucapi28_view_wrap .ucapi28_item,
    .ucapi28_view_wrap .ucapi28_item:nth-child(3n+1) {
        width: 49%;
        margin: 15px 0 0;
        padding: 0 10px 15px 5px;
        border-bottom: 1px solid #dcdcdc
    }
    .ucapi28_view_wrap .ucapi28_item:nth-child(-n+2) {
        margin-top: 0
    }
    .ucapi28_view_wrap .ucapi28_item:nth-child(2n) {
        padding: 0 5px 15px 10px
    }
    .ucapi28_view_wrap .ucapi28_item .inner {
        padding: 0;
        border-width: 0;
        text-align: left
    }
    .ucapi28_view_wrap .cont {
        margin-top: 8px
    }
    .ucapi28_view_wrap .thumb {
        max-width: 130px;
        height: 164px;
        margin: 0 auto
    }
    .ucapi28_view_wrap .thumb .img {
        height: 100%
    }
    .ucapi28_view_wrap .title_inner .date {
        position: relative;
        margin: 0;
        font-size: 1.5rem
    }
    .ucapi28_view_wrap .title_inner .category {
        display: block;
        font-size: 1.5rem;
        color: #5692bc
    }
    .ucapi28_view_wrap .title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2;
        min-height: 48px;
        max-height: 48px;
        margin-top: 2px;
        font-size: 1.9rem
    }
    .ucapi28_view_wrap .title_inner dd {
        margin-top: 5px;
        font-size: 1.6rem
    }
    .ucapi28_view_wrap .title_inner .text {
        margin-top: 6px;
        font-size: 1.6rem
    }
    .ucapi28_view_wrap .title .category {
        display: none
    }
    .ucapi28_view_wrap .info_inner dd,
    .ucapi28_view_wrap .info_inner dt {
        margin-bottom: 4px
    }
    .ucapi28_view_wrap .info_inner .tag_title {
        width: 32px;
        padding-right: 2px;
        font-size: 1.3rem;
        line-height: 18px
    }
    .ucapi28_view_wrap .info_inner .tag_title:before {
        right: -6px;
        border-width: 9px 0 9px 6px
    }
    .ucapi28_view_wrap .info_inner .tag_item {
        font-size: 1.4rem;
        line-height: 1.3
    }
    .ucapi28_view_wrap .info_inner .tag_item:first-of-type {
        margin-left: 6px
    }
    .ucapi28_view_wrap .bx .btn_wrap {
        margin-top: 6px
    }
    .ucapi28_view_wrap .bx .btn_view_original {
        font-size: 1.4rem
    }
    .ucapi28_view_wrap .ucapi28_list .no_cont {
        width: 100%;
        padding: 48px 0 40px
    }
    .ucapi28_view_wrap .ucapi28_list .no_cont .txt {
        font-size: 18px;
    }
    .ucapi28_view_wrap .ucapi28_list .no_cont .txt:before {
        display: block;
        width: 120px;
        height: 120px;
        margin: 0 auto 22px;
        background-position: 0 -49px;
        content: ''
    }
}
.ucapi28_detail_wrap {
    max-width: 975px
}
.ucapi28_detail_wrap .title_wrap {
    border-bottom: 1px solid #dfdfdf
}
.ucapi28_detail_wrap .title_area {
    display: block;
    position: relative;
    padding: 0 22px 18px;
    font-size: 0
}
.ucapi28_detail_wrap .category {
    display: inline-block;
    margin-right: 14px;
    font-size: 25px;
    color: #5692bc
}
.ucapi28_detail_wrap .title {
    font-size: 25px;
    color: #4d4d4d
}
.ucapi28_detail_wrap .board_info_area {
    border-top: 2px solid #426f8f
}
.ucapi28_detail_wrap .board_info_list {
    padding: 19px 20px 16px;
    font-size: 0
}
.ucapi28_detail_wrap .board_info_item {
    margin-top: 11px;
    font-size: 0
}
.ucapi28_detail_wrap .board_info_item:first-of-type {
    margin-top: 0
}
.ucapi28_detail_wrap .board_info_item>span {
    display: inline-block;
    position: relative;
    margin-left: 16px;
    padding-left: 16px;
    font-size: 15px;
    font-weight: 400;
    color: #626262
}
.ucapi28_detail_wrap .board_info_item>span:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 19px;
    background: #dfdfdf;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucapi28_detail_wrap .board_info_item>span:first-child {
    margin-left: 0;
    padding-left: 0
}
.ucapi28_detail_wrap .board_info_item>span:first-child:before {
    display: none
}
.ucapi28_detail_wrap .board_contents {
    overflow: hidden;
    font-size: 16px;
    color: #3c3c3c
}
.ucapi28_detail_wrap .book_summary_wrap {
    position: relative;
    min-height: 387px;
    padding: 30px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi28_detail_wrap .thumb {
    display: block;
    position: absolute;
    top: 30px;
    left: 20px;
    width: 260px;
    height: 327px
}
.ucapi28_detail_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #d8d8d8;
    content: ''
}
.ucapi28_detail_wrap img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.ucapi28_detail_wrap .book_summary {
    margin-top: 5px;
    line-height: 1.6
}
.ucapi28_detail_wrap .book_info_wrap {
    overflow: hidden;
    padding-left: 290px
}
.ucapi28_detail_wrap .book_detail_wrap {
    padding: 25px 21px;
    border-top: 1px solid #dfdfdf;
    font-weight: 400;
    color: #3c3c3c;
    clear: left
}
.ucapi28_detail_wrap .book_detail_wrap p {
    line-height: 25px
}
.ucapi28_detail_wrap .book_info_wrap dl {
    position: relative;
    overflow: hidden;
    margin-top: 40px;
    padding-left: 56px
}
.ucapi28_detail_wrap .book_info_wrap .tag_title {
    position: absolute;
    top: 1px;
    left: 0;
    width: 38px;
    padding-right: 4px;
    background: #909090;
    font-size: 14px;
    color: #fff;
    text-align: right;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi28_detail_wrap .book_info_wrap .tag_title:before {
    position: absolute;
    top: 0;
    right: -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 11px;
    border-color: transparent transparent transparent #909090;
    content: ''
}
.ucapi28_detail_wrap .book_info_wrap .tag_item {
    display: inline-block;
    overflow: hidden;
    margin-right: 6px;
    font-size: 17px
}
.ucapi28_detail_wrap .book_info_wrap .tag_item:last-of-type {
    margin-right: 0
}
.ucapi28_detail_wrap .book_info_wrap .tag_item:before {
    content: '#'
}
.ucapi28_detail_wrap .book_info_wrap .tag_item a {
    color: #768676
}
.ucapi28_detail_wrap .book_info_wrap .tag_item a:focus,
.ucapi28_detail_wrap .book_info_wrap .tag_item a:hover {
    text-decoration: underline
}
.ucapi28_detail_wrap .book_summary_wrap .btn_wrap {
    padding-left: 290px
}
.ucapi28_detail_wrap .book_summary_wrap .btn_view_original {
    width: 183px;
    background: #d96700;
    font-size: 15px
}
.ucapi28_detail_wrap .btn_view_wrap {
    margin-top: 34px;
    text-align: center
}
@media screen and (max-width:768px) {
    .ucapi28_detail_wrap .title_wrap {
        position: relative;
        border-bottom: 2px solid #426f8f
    }
    .ucapi28_detail_wrap .category {
        display: inline-block;
        margin-right: 0;
        font-size: 1.9rem
    }
    .ucapi28_detail_wrap .board_info_area {
        border: none
    }
    .ucapi28_detail_wrap .title {
        font-size: 1.9rem
    }
    .ucapi28_detail_wrap .title_area {
        padding: 0;
        font-size: 1.9rem
    }
    .ucapi28_detail_wrap .board_info_list {
        padding: 10px 0
    }
    .ucapi28_detail_wrap .board_info_item {
        margin-top: 5px
    }
    .ucapi28_detail_wrap .board_info_item {
        margin-left: 0;
        padding-left: 0
    }
    .ucapi28_detail_wrap .board_info_item:before {
        display: none
    }
    .ucapi28_detail_wrap .board_contents {
        border-bottom: 1px solid #a6a6a6;
        font-size: 1.5rem;
        line-height: 1.6
    }
    .ucapi28_detail_wrap .book_summary_wrap {
        padding: 20px 0
    }
    .ucapi28_detail_wrap .thumb {
        position: relative;
        top: auto;
        left: auto;
        width: 130px;
        height: 163px;
        margin: 0 auto
    }
    .ucapi28_detail_wrap .book_summary {
        margin-top: 18px;
        font-size: 1.6rem
    }
    .ucapi28_detail_wrap .book_info_wrap {
        min-height: auto;
        padding-left: 0
    }
    .ucapi28_detail_wrap .book_info_wrap dl {
        margin-top: 20px;
        padding-left: 44px
    }
    .ucapi28_detail_wrap .book_info_wrap .tag_title {
        top: 0;
        width: 32px;
        padding-right: 2px;
        font-size: 1.3rem;
        line-height: 18px
    }
    .ucapi28_detail_wrap .book_info_wrap .tag_title:before {
        right: -6px;
        border-width: 9px 0 9px 6px
    }
    .ucapi28_detail_wrap .book_info_wrap .tag_item {
        margin-right: 4px;
        font-size: 1.5rem;
        line-height: 1.3
    }
    .ucapi28_detail_wrap .book_info_wrap .tag_item:last-of-type {
        margin-right: 0
    }
    .ucapi28_detail_wrap .book_summary_wrap .btn_wrap {
        margin-top: 10px;
        padding-left: 0
    }
    .ucapi28_detail_wrap .book_summary_wrap .btn_view_original {
        width: 100%
    }
    .ucapi28_detail_wrap .book_detail_wrap {
        margin: 0;
        padding: 13px 0 14px
    }
    .ucapi28_detail_wrap .btn_view_wrap {
        margin-top: 23px
    }
    .ucapi28_detail_wrap .btn_view_wrap .btn_list {
        width: 100%
    }
}
.ucapi29_list_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucapi29_list_wrap .ucapi29_item {
    width: 100%;
    height: 100%;
    min-height: 158px;
    padding: 25px 0;
    border-top: 1px solid #dfdfdf;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi29_list_wrap .ucapi29_item:first-child {
    border: 0
}
.ucapi29_list_wrap .ucapi29_item>a {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi29_list_wrap .ucapi29_item>a:focus,
.ucapi29_list_wrap .ucapi29_item>a:hover {
    background: #f8f8f8
}
.ucapi29_list_wrap .ucapi29_item .inner {
    overflow: hidden;
    text-align: left
}
.ucapi29_list_wrap .thumb {
    overflow: hidden;
    float: left;
    position: relative;
    width: 136px;
    height: 193px;
    text-align: center
}
.ucapi29_list_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.ucapi29_list_wrap .img {
    display: block;
    width: 100%;
    height: 100%
}
.ucapi29_list_wrap .thumb img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.ucapi29_list_wrap .thumb img:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucapi29_list_wrap .cont {
    overflow: hidden;
    position: relative;
    min-height: 169px;
    padding: 0 38px;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi29_list_wrap .cont:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucapi29_list_wrap .bx {
    display: inline-block;
    vertical-align: middle
}
.ucapi29_list_wrap .title_inner .date {
    display: inline-block;
    margin-top: 1px;
    font-size: 16px;
    color: #5692bc
}
.ucapi29_list_wrap .category {
    display: none
}
.ucapi29_list_wrap .title .category {
    display: inline-block;
    margin-top: 6px;
    font-size: 21px;
    font-weight: 700;
    color: #5692bc;
    line-height: 1.3
}
.ucapi29_list_wrap .title {
    display: block;
    margin-top: 6px;
    font-size: 21px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi29_list_wrap .title:hover {
    text-decoration: underline
}
.ucapi29_list_wrap .title_inner dl {
    overflow: hidden
}
.ucapi29_list_wrap .title_inner dt {
    display: none
}
.ucapi29_list_wrap .title_inner dd {
    margin-top: 13px;
    font-size: 16px;
    color: #626262
}
.ucapi29_list_wrap .title_inner .text {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 3.1em;
    margin-top: 14px;
    font-size: 16px;
    color: #4d4d4d;
    line-height: 1.55;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi29_list_wrap .info_inner {
    display: block;
    margin-top: 7px;
    font-size: 0
}
.ucapi29_list_wrap .info_inner dl {
    position: relative;
    overflow: hidden;
    padding-left: 56px
}
.ucapi29_list_wrap .info_inner dd,
.ucapi29_list_wrap .info_inner dt {
    margin-top: 7px;
    font-size: 16px;
    color: #626262
}
.ucapi29_list_wrap .info_inner .tag_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    padding-right: 4px;
    background: #909090;
    font-size: 14px;
    color: #fff;
    text-align: right;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi29_list_wrap .info_inner .tag_title:before {
    position: absolute;
    top: 0;
    right: -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 11px;
    border-color: transparent transparent transparent #909090;
    content: ''
}
.ucapi29_list_wrap .info_inner .tag_item {
    display: inline-block;
    overflow: hidden;
    margin-right: 6px
}
.ucapi29_list_wrap .info_inner .tag_item:last-of-type {
    margin-right: 0
}
.ucapi29_list_wrap .info_inner .tag_item:before {
    content: '#'
}
.ucapi29_list_wrap .info_inner .tag_item a {
    color: #768676
}
.ucapi29_list_wrap .info_inner .tag_item a:focus,
.ucapi29_list_wrap .info_inner .tag_item a:hover {
    text-decoration: underline
}
.ucapi29_list_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucapi29_list_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucapi29_list_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:768px) {
    .ucapi29_list_wrap .ucapi29_item {
        min-height: 85px;
        height: auto;
        padding: 14px 6px
    }
    .ucapi29_list_wrap .inner {
        position: relative
    }
    .ucapi29_list_wrap .thumb {
        position: absolute;
        top: 0;
        left: 0;
        float: none;
        width: 82px;
        min-width: 56px;
        height: 103px;
        min-height: 84px
    }
    .ucapi29_list_wrap .cont {
        min-height: 71px;
        height: auto;
        padding: 0;
        white-space: normal
    }
    .ucapi29_list_wrap .title_inner {
        min-height: 102px;
        padding-left: 95px
    }
    .ucapi29_list_wrap .title_inner .date {
        position: relative;
        margin: 0;
        font-size: 1.5rem
    }
    .ucapi29_list_wrap .category {
        display: block;
        font-size: 1.5rem;
        color: #5692bc
    }
    .ucapi29_list_wrap .title .category {
        display: none
    }
    .ucapi29_list_wrap .title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2;
        max-height: 48px;
        margin-top: 2px;
        font-size: 1.9rem
    }
    .ucapi29_list_wrap .title_inner dd {
        margin-top: 5px;
        font-size: 1.6rem
    }
    .ucapi29_list_wrap .title_inner .text {
        margin-top: 6px;
        font-size: 1.6rem
    }
    .ucapi29_list_wrap .info_inner {
        margin-top: 2px
    }
    .ucapi29_list_wrap .title_inner .date:after {
        position: absolute;
        top: 50%;
        left: 100%;
        width: 1px;
        height: 14px;
        margin: -7px 5px 0;
        background: #dcdcdc;
        content: ''
    }
    .ucapi29_list_wrap .info_inner dd,
    .ucapi29_list_wrap .info_inner dt {
        margin-top: 0;
        font-size: 1.5rem
    }
    .ucapi29_list_wrap .info_inner {
        margin-top: 10px
    }
    .ucapi29_list_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucapi29_list_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucapi29_view_wrap {
    max-width: 975px;
    padding-top: 43px;
    border-top: 2px solid #426f8f
}
.ucapi29_view_wrap:after {
    display: block;
    clear: both;
    content: ''
}
.ucapi29_view_wrap .ucapi29_list:after {
    display: block;
    clear: both;
    content: ''
}
.ucapi29_view_wrap .ucapi29_item {
    float: left;
    width: 31.487179%;
    margin: 0 0 26px 2.76923%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi29_view_wrap .ucapi29_item:nth-child(3n+1) {
    margin-left: 0
}
.ucapi29_view_wrap .ucapi29_item .inner {
    padding: 20px 30px 18px;
    border: 1px solid #e2e2e2;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi29_view_wrap .thumb {
    display: block;
    position: relative;
    max-width: 154px;
    height: 193px;
    margin: 0 auto
}
.ucapi29_view_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.ucapi29_view_wrap .thumb .img {
    display: block;
    width: 100%;
    height: 100%
}
.ucapi29_view_wrap .thumb img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.ucapi29_view_wrap .cont {
    height: 118px;
    margin-top: 18px
}
.ucapi29_view_wrap .title_inner .date {
    display: inline-block;
    margin-top: 1px;
    font-size: 16px;
    color: #5692bc
}
.ucapi29_view_wrap .category {
    display: block;
    font-size: 15px;
    color: #5692bc
}
.ucapi29_view_wrap .title .category {
    display: none
}
.ucapi29_view_wrap .title {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 2.6em;
    font-size: 16px;
    color: #4d4d4d;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    word-break: keep-all;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi29_view_wrap .title:hover {
    text-decoration: underline
}
.ucapi29_view_wrap .title_inner dl {
    overflow: hidden
}
.ucapi29_view_wrap .title_inner dt {
    display: none
}
.ucapi29_view_wrap .title_inner dd {
    margin-top: 6px;
    font-size: 16px;
    color: #626262
}
.ucapi29_view_wrap .title_inner .text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 3.1em;
    margin-top: 14px;
    font-size: 16px;
    color: #4d4d4d;
    line-height: 1.55;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi29_view_wrap .info_inner {
    display: block;
    margin-top: 12px;
    font-size: 0
}
.ucapi29_view_wrap .info_inner dd,
.ucapi29_view_wrap .info_inner dt {
    font-size: 14px;
    color: #626262;
    line-height: 20px
}
.ucapi29_view_wrap .info_inner .tag_list {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    height: 40px;
    font-size: 1px;
    line-height: 1;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi29_view_wrap .info_inner .tag_list:after {
    display: block;
    clear: both;
    content: ''
}
.ucapi29_view_wrap .info_inner .tag_title {
    display: inline-block;
    position: relative;
    top: 2px;
    left: 0;
    width: 38px;
    padding-right: 4px;
    background: #909090;
    color: #fff;
    text-align: right;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi29_view_wrap .info_inner .tag_title:before {
    position: absolute;
    top: 0;
    right: -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 11px;
    border-color: transparent transparent transparent #909090;
    content: ''
}
.ucapi29_view_wrap .info_inner .tag_item {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-right: 2px;
    padding-left: 8px;
    vertical-align: middle
}
.ucapi29_view_wrap .info_inner .tag_item:first-of-type {
    margin-left: 12px
}
.ucapi29_view_wrap .info_inner .tag_item:last-of-type {
    margin-right: 0
}
.ucapi29_view_wrap .info_inner .tag_item:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '#'
}
.ucapi29_view_wrap .info_inner .tag_item a {
    display: block;
    width: 100%;
    height: 100%;
    color: #768676
}
.ucapi29_view_wrap .info_inner .tag_item a:focus,
.ucapi29_view_wrap .info_inner .tag_item a:hover {
    text-decoration: underline
}
.ucapi29_view_wrap .ucapi29_list .no_cont {
    float: none;
    clear: both;
    width: 100%;
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucapi29_view_wrap .ucapi29_list .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucapi29_view_wrap .ucapi29_list .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:1024px) {
    .ucapi29_view_wrap {
        padding-top: 15px
    }
    .ucapi29_view_wrap .ucapi29_list {
        margin: 0
    }
    .ucapi29_view_wrap .ucapi29_item,
    .ucapi29_view_wrap .ucapi29_item:nth-child(3n+1) {
        width: 49%;
        margin: 15px 0 0;
        padding: 0 10px 15px 5px;
        border-bottom: 1px solid #dcdcdc
    }
    .ucapi29_view_wrap .ucapi29_item:nth-child(-n+2) {
        margin-top: 0
    }
    .ucapi29_view_wrap .ucapi29_item:nth-child(2n) {
        padding: 0 5px 15px 10px
    }
    .ucapi29_view_wrap .ucapi29_item .inner {
        padding: 0;
        border-width: 0
    }
    .ucapi29_view_wrap .cont {
        margin-top: 8px
    }
    .ucapi29_view_wrap .thumb {
        max-width: 130px;
        height: 164px;
        margin: 0 auto
    }
    .ucapi29_view_wrap .thumb .img {
        height: 100%
    }
    .ucapi29_view_wrap .category {
        font-size: 1.4rem
    }
    .ucapi29_view_wrap .title_inner .date {
        position: relative;
        margin: 0;
        font-size: 1.5rem
    }
    .ucapi29_view_wrap .title {
        max-height: 48px;
        margin-top: 2px;
        font-size: 1.7rem
    }
    .ucapi29_view_wrap .title_inner dd {
        margin-top: 5px;
        font-size: 1.6rem
    }
    .ucapi29_view_wrap .title_inner .text {
        margin-top: 6px;
        font-size: 1.6rem
    }
    .ucapi29_view_wrap .info_inner {
        margin-top: 8px
    }
    .ucapi29_view_wrap .info_inner .tag_title {
        width: 32px;
        padding-right: 2px;
        font-size: 1.3rem;
        line-height: 18px
    }
    .ucapi29_view_wrap .info_inner .tag_title:before {
        right: -6px;
        border-width: 9px 0 9px 6px
    }
    .ucapi29_view_wrap .info_inner .tag_item {
        font-size: 1.4rem
    }
    .ucapi29_view_wrap .info_inner .tag_item:first-of-type {
        margin-left: 6px
    }
    .ucapi29_view_wrap .ucapi29_list .no_cont {
        width: 100%;
        padding: 48px 0 40px
    }
    .ucapi29_view_wrap .ucapi29_list .no_cont .txt {
        font-size:18px;
    }
    .ucapi29_view_wrap .ucapi29_list .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucapi29_detail_wrap {
    max-width: 975px
}
.ucapi29_detail_wrap .title_wrap {
    border-bottom: 2px solid #426f8f
}
.ucapi29_detail_wrap .title_area {
    display: block;
    position: relative;
    padding: 0 22px 12px;
    font-size: 0
}
.ucapi29_detail_wrap .category {
    display: block;
    margin-bottom: 4px;
    font-size: 17px;
    font-weight: 500;
    color: #5692bc
}
.ucapi29_detail_wrap .title {
    font-size: 25px;
    color: #4d4d4d
}
.ucapi29_detail_wrap .board_contents {
    overflow: hidden;
    font-size: 16px;
    color: #3c3c3c
}
.ucapi29_detail_wrap .book_summary_wrap {
    position: relative;
    min-height: 387px;
    padding: 30px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi29_detail_wrap .thumb {
    display: block;
    position: absolute;
    top: 30px;
    left: 20px;
    width: 260px;
    height: 327px
}
.ucapi29_detail_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #d8d8d8;
    content: ''
}
.ucapi29_detail_wrap img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.ucapi29_detail_wrap .book_summary {
    margin-top: 5px;
    line-height: 1.6
}
.ucapi29_detail_wrap .book_info_wrap {
    overflow: hidden;
    padding-left: 290px
}
.ucapi29_detail_wrap .book_detail_wrap {
    padding: 25px 21px;
    border-top: 1px solid #dfdfdf;
    font-weight: 400;
    color: #3c3c3c;
    clear: left
}
.ucapi29_detail_wrap .book_info_wrap dl {
    position: relative;
    overflow: hidden;
    margin-top: 40px;
    padding-left: 56px
}
.ucapi29_detail_wrap .book_info_wrap .tag_title {
    position: absolute;
    top: 1px;
    left: 0;
    width: 38px;
    padding-right: 4px;
    background: #909090;
    font-size: 14px;
    color: #fff;
    text-align: right;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi29_detail_wrap .book_info_wrap .tag_title:before {
    position: absolute;
    top: 0;
    right: -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 11px;
    border-color: transparent transparent transparent #909090;
    content: ''
}
.ucapi29_detail_wrap .book_info_wrap .tag_item {
    display: inline-block;
    overflow: hidden;
    margin-right: 6px;
    font-size: 17px
}
.ucapi29_detail_wrap .book_info_wrap .tag_item:last-of-type {
    margin-right: 0
}
.ucapi29_detail_wrap .book_info_wrap .tag_item:before {
    content: '#'
}
.ucapi29_detail_wrap .book_info_wrap .tag_item a {
    color: #768676
}
.ucapi29_detail_wrap .book_info_wrap .tag_item a:focus,
.ucapi29_detail_wrap .book_info_wrap .tag_item a:hover {
    text-decoration: underline
}
.ucapi29_detail_wrap .btn_view_wrap {
    margin-top: 34px;
    text-align: center
}
@media screen and (max-width:768px) {
    .ucapi29_detail_wrap .title_wrap {
        position: relative;
        border-bottom: 2px solid #426f8f
    }
    .ucapi29_detail_wrap .category {
        margin-bottom: 2px;
        font-size: 1.5rem
    }
    .ucapi29_detail_wrap .title {
        font-size: 1.9rem
    }
    .ucapi29_detail_wrap .title_area {
        padding: 0 0 6px;
        font-size: 1.9rem
    }
    .ucapi29_detail_wrap .board_contents {
        border-bottom: 1px solid #a6a6a6;
        font-size: 1.5rem;
        line-height: 1.6
    }
    .ucapi29_detail_wrap .book_summary_wrap {
        padding: 20px 0
    }
    .ucapi29_detail_wrap .thumb {
        position: relative;
        top: auto;
        left: auto;
        width: 130px;
        height: 163px;
        margin: 0 auto
    }
    .ucapi29_detail_wrap .book_summary {
        margin-top: 18px;
        font-size: 1.6rem
    }
    .ucapi29_detail_wrap .book_info_wrap {
        min-height: auto;
        padding-left: 0
    }
    .ucapi29_detail_wrap .book_info_wrap dl {
        margin-top: 20px;
        padding-left: 44px
    }
    .ucapi29_detail_wrap .book_info_wrap .tag_title {
        top: 0;
        width: 32px;
        padding-right: 2px;
        font-size: 1.3rem;
        line-height: 18px
    }
    .ucapi29_detail_wrap .book_info_wrap .tag_title:before {
        right: -6px;
        border-width: 9px 0 9px 6px
    }
    .ucapi29_detail_wrap .book_info_wrap .tag_item {
        margin-right: 4px;
        font-size: 1.5rem;
        line-height: 1.3
    }
    .ucapi29_detail_wrap .book_info_wrap .tag_item:last-of-type {
        margin-right: 0
    }
    .ucapi29_detail_wrap .book_detail_wrap {
        margin: 0;
        padding: 13px 0 14px
    }
    .ucapi29_detail_wrap .btn_view_wrap {
        margin-top: 23px
    }
    .ucapi29_detail_wrap .btn_view_wrap .btn_list {
        width: 100%
    }
}
.ucapi00_wrap {
    max-width: 975px;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucapi00_wrap .ucapi00_list {
    margin: 35px -13px 0;
    font-size: 0
}
.ucapi00_wrap .ucapi00_item {
    overflow: hidden;
    display: inline-block;
    width: 25%;
    height: auto;
    padding: 0 3.487179% 32px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi00_wrap .ucapi00_item>a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff
}
.ucapi00_wrap .thumb {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 287px
}
.ucapi00_wrap .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 287px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap
}
.ucapi00_wrap .img:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.ucapi00_wrap .img:after {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucapi00_wrap img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    transition: .2s
}
.ucapi00_wrap .ucapi00_item>a:focus img,
.ucapi00_wrap .ucapi00_item>a:hover img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.ucapi00_wrap .cont {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 72px;
    max-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi00_wrap .title {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 2.6em;
    margin-top: 7px;
    font-size: 17px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi00_wrap .title.date {
    font-size: 13px;
    color: #898989
}
.ucapi00_wrap .title:hover {
    text-decoration: underline
}
.ucapi00_wrap .no_cont {
    width: 100%;
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucapi00_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucapi00_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:1024px) {
    .ucapi00_wrap {
        max-width: none
    }
    .ucapi00_wrap .ucapi00_list {
        margin: 15px 0 0
    }
    .ucapi00_wrap .ucapi00_item {
        width: 50%;
        padding: 0 0 20px 0
    }
    .ucapi00_wrap .ucapi00_item>a {
        height: auto;
        padding: 0 3.487179%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .ucapi00_wrap .thumb {
        max-width: 135px;
        padding-top: 200px;
        margin: 0 auto
    }
    .ucapi00_wrap .thumb .img {
        height: 100%
    }
    .ucapi00_wrap .cont {
        min-height: 76px;
        height: auto
    }
    .ucapi00_wrap .title {
        max-height: 48px;
        margin-top: 10px;
        font-size: 1.8rem
    }
    .ucapi00_wrap .no_cont {
        width: 100%;
        margin: 24px 0 20px;
        padding: 20px 0
    }
    .ucapi00_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucapi00_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucsrch9_list_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucsrch9_list_wrap .ucsrch9_item {
    width: 100%;
    height: 100%;
    padding: 25px 0;
    border-top: 1px solid #dfdfdf;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucsrch9_list_wrap .ucsrch9_item:first-child {
    border: 0
}
.ucsrch9_list_wrap .ucsrch9_item>a {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucsrch9_list_wrap .ucsrch9_item>a:focus,
.ucsrch9_list_wrap .ucsrch9_item>a:hover {
    background: #f8f8f8
}
.ucsrch9_list_wrap .inner {
    overflow: hidden
}
.ucsrch9_list_wrap .cont {
    overflow: hidden;
    position: relative;
    padding: 0 38px;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucsrch9_list_wrap .bx {
    display: block;
    vertical-align: middle
}
.ucsrch9_list_wrap .title_inner .date {
    display: inline-block;
    margin-top: 1px;
    font-size: 16px;
    color: #5692bc
}
.ucsrch9_list_wrap .title_inner .category {
    display: none;
    color: #5692bc
}
.ucsrch9_list_wrap .title {
    display: block;
    margin-top: 6px;
    font-size: 21px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucsrch9_list_wrap .title:hover {
    text-decoration: underline
}
.ucsrch9_list_wrap .title .category {
    display: inline-block;
    font-size: 21px;
    color: #5692bc
}
.ucsrch9_list_wrap .info_text {
    overflow: hidden;
    font-size: 0
}
.ucsrch9_list_wrap .info_text>span {
    display: inline-block;
    position: relative;
    margin-top: 13px;
    padding-right: 36px;
    font-size: 16px;
    font-weight: 400;
    color: #626262
}
.ucsrch9_list_wrap .info_text>span:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 16px;
    margin-right: 18px;
    background: #dcdcdc;
    content: ''
}
.ucsrch9_list_wrap .info_text>span:last-child:after {
    display: none
}
.ucsrch9_list_wrap .title_inner .text {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 3.1em;
    margin-top: 14px;
    font-size: 16px;
    font-weight: 400;
    color: #4d4d4d;
    line-height: 1.55;
    white-space: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucsrch9_list_wrap .info_inner {
    display: block;
    margin-top: 7px;
    font-size: 0
}
.ucsrch9_list_wrap .info_inner dl {
    position: relative;
    overflow: hidden;
    padding-left: 56px
}
.ucsrch9_list_wrap .info_inner dd,
.ucsrch9_list_wrap .info_inner dt {
    margin-top: 7px;
    font-size: 16px;
    color: #626262
}
.ucsrch9_list_wrap .info_inner .tag_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    padding-right: 4px;
    background: #909090;
    font-size: 14px;
    color: #fff;
    text-align: right;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucsrch9_list_wrap .info_inner .tag_title:before {
    position: absolute;
    top: 0;
    right: -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 11px;
    border-color: transparent transparent transparent #909090;
    content: ''
}
.ucsrch9_list_wrap .info_inner .tag_item {
    display: inline-block;
    overflow: hidden;
    margin-right: 6px
}
.ucsrch9_list_wrap .info_inner .tag_item:last-of-type {
    margin-right: 0
}
.ucsrch9_list_wrap .info_inner .tag_item:before {
    content: '#'
}
.ucsrch9_list_wrap .info_inner .tag_item a {
    color: #768676
}
.ucsrch9_list_wrap .info_inner .tag_item a:focus,
.ucsrch9_list_wrap .info_inner .tag_item a:hover {
    text-decoration: underline
}
.ucsrch9_list_wrap .bx .btn_wrap {
    margin-top: 14px
}
.ucsrch9_list_wrap .bx .btn_view_original {
    width: 183px;
    background: #fff;
    color: #d96700;
    border: 1px solid #d96700;
    font-size: 15px
}
.ucsrch9_list_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucsrch9_list_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucsrch9_list_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:768px) {
    .ucsrch9_list_wrap .ucsrch9_item {
        min-height: 85px;
        height: auto;
        padding: 30px 6px
    }
    .ucsrch9_list_wrap .inner {
        position: relative
    }
    .ucsrch9_list_wrap .cont {
        height: auto;
        padding: 0;
        white-space: normal
    }
    .ucsrch9_list_wrap .title_inner .date {
        position: relative;
        margin: 0;
        font-size: 1.5rem
    }
    .ucsrch9_list_wrap .title_inner .category {
        display: block;
        font-size: 1.5rem;
        color: #5692bc
    }
    .ucsrch9_list_wrap .title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2;
        max-height: 48px;
        margin-top: 2px;
        font-size: 1.9rem
    }
    .ucapi00_wrap .title.date {
        font-size: 12px
    }
    .ucsrch9_list_wrap .info_text>span {
        margin-top: 5px;
        font-size: 1.6rem
    }
    .ucsrch9_list_wrap .title_inner .text {
        margin-top: 6px;
        font-size: 1.5rem
    }
    .ucsrch9_list_wrap .info_inner {
        margin-top: 2px
    }
    .ucsrch9_list_wrap .title .category {
        display: none
    }
    .ucsrch9_list_wrap .title_inner .date:after {
        position: absolute;
        top: 50%;
        left: 100%;
        width: 1px;
        height: 14px;
        margin: -7px 5px 0;
        background: #dcdcdc;
        content: ''
    }
    .ucsrch9_list_wrap .info_inner dd,
    .ucsrch9_list_wrap .info_inner dt {
        margin-top: 0;
        font-size: 1.5rem
    }
    .ucsrch9_list_wrap .info_inner {
        margin-top: 10px
    }
    .ucsrch9_list_wrap .bx .btn_view_original {
        width: 100%
    }
    .ucsrch9_list_wrap .no_cont .txt {
        font-size: 18px;
        line-height: 1.4;
    }
    .ucsrch9_list_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucsrch9_detail_wrap {
    max-width: 975px
}
.ucsrch9_detail_wrap.wide {
	max-width: 100%;
}
.ucsrch9_detail_wrap .title_wrap {
    border-bottom: 1px solid #dfdfdf
}
.ucsrch9_detail_wrap .title_wrap.srch_dtal {
	border-bottom: none;
}
.ucsrch9_detail_wrap .title_area {
    display: block;
    position: relative;
    padding: 0 22px 18px;
    font-size: 0
}
.ucsrch9_detail_wrap .category {
    display: inline-block;
    margin-right: 14px;
    font-size: 25px;
    color: #5692bc
}
.ucsrch9_detail_wrap .row_txt_box {
    padding: 3px 10px;
    font-size: 12px;
    background-color: #fafafa;
    border: solid 1px #ccc;
    color: #333;
}
.ucsrch9_detail_wrap .title {
	display: block;
    font-size: 25px;
    color: #4d4d4d
}
.ucsrch9_detail_wrap .board_info_area {
    border-top: 2px solid #426f8f
}
.ucsrch9_detail_wrap .board_info_list {
    padding: 19px 20px 16px;
    font-size: 0
}
.ucsrch9_detail_wrap .board_info_item {
    margin-top: 11px;
    font-size: 0
}
.ucsrch9_detail_wrap .board_info_item:first-of-type {
    margin-top: 0
}
.ucsrch9_detail_wrap .board_info_item>span {
    display: inline-block;
    position: relative;
    margin-left: 16px;
    padding-left: 16px;
    font-size: 15px;
    font-weight: 400;
    color: #626262
}
.ucsrch9_detail_wrap .board_info_item>span:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 19px;
    background: #dfdfdf;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucsrch9_detail_wrap .board_info_item>span:first-child {
    margin-left: 0;
    padding-left: 0
}
.ucsrch9_detail_wrap .board_info_item>span:first-child:before {
    display: none
}
.ucsrch9_detail_wrap .board_contents {
    overflow: hidden;
    font-size: 16px;
    color: #3c3c3c
}
.ucsrch9_detail_wrap .book_summary_wrap {
    position: relative;
    padding: 30px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucsrch9_detail_wrap .book_summary {
    line-height: 1.6
}
.ucsrch9_detail_wrap .book_detail_wrap {
    padding: 25px 21px;
    border-top: 1px solid #dfdfdf;
    font-weight: 400;
    color: #3c3c3c;
    clear: left
}
.ucsrch9_detail_wrap .tag_list {
    position: relative;
    overflow: hidden;
    margin-top: 40px;
    padding-left: 56px
}
.ucsrch9_detail_wrap .tag_title {
    position: absolute;
    top: 1px;
    left: 0;
    width: 38px;
    padding-right: 4px;
    background: #909090;
    font-size: 14px;
    color: #fff;
    text-align: right;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucsrch9_detail_wrap .tag_title:before {
    position: absolute;
    top: 0;
    right: -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 11px;
    border-color: transparent transparent transparent #909090;
    content: ''
}
.ucsrch9_detail_wrap .tag_item {
    display: inline-block;
    overflow: hidden;
    margin-right: 6px;
    font-size: 17px
}
.ucsrch9_detail_wrap .tag_item:last-of-type {
    margin-right: 0
}
.ucsrch9_detail_wrap .tag_item:before {
    content: '#'
}
.ucsrch9_detail_wrap .tag_item a {
    color: #768676
}
.ucsrch9_detail_wrap .tag_item a:focus,
.ucsrch9_detail_wrap .tag_item a:hover {
    text-decoration: underline
}
.ucsrch9_detail_wrap .book_summary_wrap .btn_view_original {
    width: 183px;
    background: #d96700;
    font-size: 15px
}
.ucsrch9_detail_wrap .btn_view_wrap {
    margin-top: 34px;
    text-align: center
}
@media screen and (max-width:768px) {
    .ucsrch9_detail_wrap .title_wrap {
        position: relative;
        border-bottom: 2px solid #426f8f
    }
    .ucsrch9_detail_wrap .category {
        display: inline-block;
        margin-right: 0;
        font-size: 1.9rem
    }
    .ucsrch9_detail_wrap .board_info_area {
        border: none
    }
    .ucsrch9_detail_wrap .title {
        font-size: 1.9rem
    }
    .ucsrch9_detail_wrap .title_area {
        padding: 0;
        font-size: 1.9rem
    }
    .ucsrch9_detail_wrap .board_info_list {
        padding: 10px 0
    }
    .ucsrch9_detail_wrap .board_info_item {
        margin-top: 5px
    }
    .ucsrch9_detail_wrap .board_info_item {
        margin-left: 0;
        padding-left: 0
    }
    .ucsrch9_detail_wrap .board_info_item:before {
        display: none
    }
    .ucsrch9_detail_wrap .board_contents {
        border-bottom: 1px solid #a6a6a6;
        font-size: 1.6rem;
        line-height: 1.6
    }
    .ucsrch9_detail_wrap .book_summary_wrap {
        padding: 20px 0
    }
    .ucsrch9_detail_wrap .thumb {
        position: relative;
        top: auto;
        left: auto;
        width: 130px;
        height: 163px;
        margin: 0 auto
    }
    .ucsrch9_detail_wrap .book_summary {
        font-size: 1.6rem
    }
    .ucsrch9_detail_wrap .tag_list {
        margin-top: 20px;
        padding-left: 44px
    }
    .ucsrch9_detail_wrap .tag_title {
        top: 0;
        width: 32px;
        padding-right: 2px;
        font-size: 1.3rem;
        line-height: 18px
    }
    .ucsrch9_detail_wrap .tag_title:before {
        right: -6px;
        border-width: 9px 0 9px 6px
    }
    .ucsrch9_detail_wrap .tag_item {
        margin-right: 4px;
        font-size: 1.5rem;
        line-height: 1.3
    }
    .ucsrch9_detail_wrap .tag_item:last-of-type {
        margin-right: 0
    }
    .ucsrch9_detail_wrap .book_summary_wrap .btn_wrap {
        margin-top: 10px;
        padding-left: 0
    }
    .ucsrch9_detail_wrap .book_summary_wrap .btn_view_original {
        width: 100%
    }
    .ucsrch9_detail_wrap .book_detail_wrap {
        margin: 0;
        padding: 13px 0 14px
    }
    .ucsrch9_detail_wrap .btn_view_wrap {
        margin-top: 23px
    }
    .ucsrch9_detail_wrap .btn_view_wrap .btn_list {
        width: 100%
    }
}
.ucapi8_list_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucapi8_list_wrap .ucapi8_item {
    width: 100%;
    height: 100%;
    min-height: 158px;
    padding: 25px 0;
    border-top: 1px solid #dfdfdf;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi8_list_wrap .ucapi8_item:first-child {
    border: 0
}
.ucapi8_list_wrap .ucapi8_item>a {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi8_list_wrap .ucapi8_item>a:focus,
.ucapi8_list_wrap .ucapi8_item>a:hover {
    background: #f8f8f8
}
.ucapi8_list_wrap .inner {
    overflow: hidden
}
.ucapi8_list_wrap .thumb {
    overflow: hidden;
    float: left;
    position: relative;
    width: 112px;
    height: 168px;
    text-align: center
}
.ucapi8_list_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #d8d8d8;
    content: ''
}
.ucapi8_list_wrap .img {
    display: block;
    width: 100%;
    height: 100%
}
.ucapi8_list_wrap .thumb img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.ucapi8_list_wrap .thumb img:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucapi8_list_wrap .thumb .category {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 6px 0;
    border: 1px solid #d8d8d8;
    border-bottom: 0;
    font-size: 15px;
    color: #fff;
    text-align: center
}
.ucapi8_list_wrap .thumb .category:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: #000;
    opacity: .6;
    content: ''
}
.ucapi8_list_wrap .cont {
    overflow: hidden;
    position: relative;
    min-height: 169px;
    padding: 0 38px;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi8_list_wrap .cont:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucapi8_list_wrap .bx {
    display: inline-block;
    vertical-align: middle
}
.ucapi8_list_wrap .title_inner .date {
    display: inline-block;
    margin-top: 1px;
    font-size: 16px;
    color: #5692bc
}
.ucapi8_list_wrap .title_inner .category {
    display: none;
    color: #5692bc
}
.ucapi8_list_wrap .title {
    display: block;
    font-size: 21px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi8_list_wrap .info_inner {
    margin-top: 25px
}
.ucapi8_list_wrap .info_inner dl {
    margin-top: 5px;
    font-size: 0
}
.ucapi8_list_wrap .info_inner dl:first-of-type {
    margin-top: 0
}
.ucapi8_list_wrap .info_inner dd,
.ucapi8_list_wrap .info_inner dt {
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #626262;
    line-height: 16px
}
.ucapi8_list_wrap .info_inner dt:after {
    display: inline-block;
    margin: 0 6px;
    content: ':'
}
.ucapi8_list_wrap .info_inner dd {
    padding-right: 36px
}
.ucapi8_list_wrap .info_inner dl dd:last-of-type {
    padding-right: 0
}
.ucapi8_list_wrap .info_inner dd:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 16px;
    margin-right: 18px;
    background: #dcdcdc;
    content: ''
}
.ucapi8_list_wrap .info_inner dl dd:last-of-type:after {
    display: none
}
.ucapi8_list_wrap .episode_list {
    margin-top: 23px;
    font-size: 0
}
.ucapi8_list_wrap .episode_list:before {
    content: '';
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-right: 15px;
    background: url(/resource/templete/nl/img/sub/radio_book.png) no-repeat
}
.ucapi8_list_wrap .episode_item {
    display: inline-block;
    margin-left: 7px
}
.ucapi8_list_wrap .episode_item:first-of-type {
    margin-left: 0
}
.ucapi8_list_wrap .episode_item a {
    display: block;
    width: 32px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    font-size: 16px;
    color: #5692bc;
    line-height: 32px;
    text-align: center;
    transition: .2s
}
.ucapi8_list_wrap .episode_item a:focus,
.ucapi8_list_wrap .episode_item a:hover {
    border-color: #5692bc;
    background: #5692bc;
    color: #fff
}
.ucapi8_list_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucapi8_list_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucapi8_list_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
.ucapi8_list_wrap .book_summary_info:after {
    content: '';
    display: block;
    clear: both
}
.ucapi8_list_wrap .book_summary_info {
    margin-top: 15px !important
}
.ucapi8_list_wrap .book_summary_info dd,
.ucapi8_list_wrap .book_summary_info dt {
    display: block;
    float: none !important;
    color: #303030
}
.ucapi8_list_wrap .book_summary_info dt {
    color: #131313
}
.ucapi8_list_wrap .book_summary_info dd {
    margin: -16px 0 0 72px
}
.ucapi8_list_wrap .info_inner dd.summary {
    display: inline-block;
    width: 96%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.2;
    height: 2.3em;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
@media screen and (max-width:768px) {
    .ucapi8_list_wrap .ucapi8_item {
        min-height: 85px;
        height: auto;
        padding: 14px 6px
    }
    .ucapi8_list_wrap .inner {
        position: relative
    }
    .ucapi8_list_wrap .thumb {
        position: absolute;
        top: 0;
        left: 0;
        width: 98px;
        height: 144px
    }
    .ucapi8_list_wrap .thumb .category {
        font-size: 1.3rem
    }
    .ucapi8_list_wrap .cont {
        min-height: 71px;
        height: auto;
        padding: 0;
        white-space: normal
    }
    .ucapi8_list_wrap .episode_list {
        padding-left: 35px
    }
    .ucapi8_list_wrap .info_inner,
    .ucapi8_list_wrap .title_inner {
        padding-left: 116px
    }
    .ucapi8_list_wrap .title_inner .date {
        position: relative;
        margin: 0;
        font-size: 1.5rem
    }
    .ucapi8_list_wrap .title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2;
        max-height: 48px;
        margin-top: 2px;
        font-size: 1.9rem
    }
    .ucapi8_list_wrap .info_inner {
        margin-top: 8px
    }
    .ucapi8_list_wrap .info_inner dl {
        margin-top: 0
    }
    .ucapi8_list_wrap .info_inner dt {
        float: left;
        padding-top: 3px;
        font-size: 1.5rem
    }
    .ucapi8_list_wrap .info_inner dd {
        display: block;
        padding-top: 3px;
        padding-right: 0;
        font-size: 1.5rem
    }
    .ucapi8_list_wrap .info_inner dd:after {
        display: none
    }
    .ucapi8_list_wrap .episode_item {
        margin-left: 4px
    }
    .ucapi8_list_wrap .episode_item a {
        width: 24px;
        font-size: 1.5rem;
        line-height: 24px
    }
    .ucapi8_list_wrap .episode_item:nth-child(8n) a {
        margin-bottom: 5px
    }
    .ucapi8_list_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucapi8_list_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
    .ucapi8_list_wrap .book_summary_info {
        margin-top: 10px !important
    }
    .ucapi8_list_wrap .book_summary_info dd {
        margin: 0
    }
    .ucapi8_list_wrap .episode_list:before {
        position: absolute;
        left: 0;
        width: 26px;
        height: 26px;
        background-size: 100%
    }
    .ucapi8_list_wrap .episode_item:first-of-type {
        margin-left: 5px
    }
}
.ucapi25_table_wrap {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6;
    text-align: center
}
.ucapi25_table_wrap .col1 {
    width: 7%
}
.ucapi25_table_wrap .col2 {
    width: 15%
}
.ucapi25_table_wrap .col3 {
    width: 29%
}
.ucapi25_table_wrap th {
    padding: 17px 0;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
    font-size: 15px;
    font-weight: 700;
    color: #000
}
.ucapi25_table_wrap td {
    padding: 17px 0;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}
.ucapi25_table_wrap td:first-child,
.ucapi25_table_wrap th:first-child {
    border-left: none
}
@media screen and (max-width:768px) {

    .ucapi25_table_wrap .col1,
    .ucapi25_table_wrap .col2,
    .ucapi25_table_wrap td:first-child,
    .ucapi25_table_wrap td:nth-child(2),
    .ucapi25_table_wrap th:first-child,
    .ucapi25_table_wrap th:nth-child(2) {
        display: none
    }
    .ucapi25_table_wrap .col2 {
        width: 33.3%
    }
    .ucapi25_table_wrap td:nth-child(3),
    .ucapi25_table_wrap th:nth-child(3) {
        border-left: none
    }
    .ucapi25_table_wrap td {
        font-size: 1.4rem
    }
}
.ucapi26_view_wrap {
    max-width: 975px;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucapi26_view_wrap .ucapi26_list {
    overflow: hidden;
    margin: 0 -3.487179%;
    padding: 44px 0;
    font-size: 0
}
.ucapi26_view_wrap .ucapi26_item {
    overflow: hidden;
    display: inline-block;
    width: 25%;
    height: auto;
    padding: 0 3.487179% 32px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi26_view_wrap .ucapi26_item>a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff
}
.ucapi26_view_wrap .thumb {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 287px
}
.ucapi26_view_wrap .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 287px;
    text-align: center;
    white-space: nowrap
}
.ucapi26_view_wrap .img:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #d8d8d8;
    content: ''
}
.ucapi26_view_wrap .img:after {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucapi26_view_wrap img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.ucapi26_view_wrap .cont {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 126px;
    padding-top: 16px;
    max-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi26_view_wrap .title_inner .state {
    display: inline-block;
    position: relative;
    font-size: 15px;
    color: #555
}
.ucapi26_view_wrap .title_inner .state1 {
    color: #3591dc
}
.ucapi26_view_wrap .title_inner .state2 {
    color: #555
}
.ucapi26_view_wrap .title_inner .state:after {
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 0 12px;
    background: #dfdfdf;
    vertical-align: middle;
    content: ''
}
.ucapi26_view_wrap .title_inner .category {
    display: inline-block;
    font-size: 15px;
    color: #898989
}
.ucapi26_view_wrap .title {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 40px;
    margin-top: 7px;
    font-size: 15px;
    font-weight: 700;
    color: #000;
    line-height: 1.3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 200px
}
.ucapi26_view_wrap .title:hover {
    text-decoration: underline
}
.ucapi26_view_wrap .info_inner {
    display: block;
    margin-top: 6px;
    font-size: 0
}
.ucapi26_view_wrap .info_inner dl {
    overflow: hidden
}
.ucapi26_view_wrap .info_inner dt {
    overflow: hidden;
    position: absolute;
    border: 0;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px)
}
.ucapi26_view_wrap .info_inner dd {
    display: block;
    margin-top: 2px;
    font-size: 15px;
    color: #898989
}
.ucapi26_view_wrap .info_inner .space {
    display: inline-block
}
.ucapi26_view_wrap .no_cont {
    display: block;
    max-width: 975px;
    width: auto;
    margin: 48px 9px 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb;
    margin: 0 auto
}
.ucapi26_view_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucapi26_view_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:1239px) {
    .ucapi26_view_wrap {
        max-width: none
    }
    .ucapi26_view_wrap .no_cont {
        max-width: none;
        width: 92%
    }
}
@media screen and (max-width:1024px) {
    .ucapi26_view_wrap .ucapi26_list {
        margin: 0
    }
    .ucapi26_view_wrap .ucapi26_item {
        width: 50%;
        padding: 0 0 20px 0
    }
    .ucapi26_view_wrap .ucapi26_item>a {
        height: auto;
        padding: 0 3.487179%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .ucapi26_view_wrap .thumb {
        max-width: 135px;
        padding-top: 200px;
        margin: 0 auto
    }
    .ucapi26_view_wrap .thumb .img {
        height: 100%
    }
    .ucapi26_view_wrap .cont {
        min-height: 90px;
        height: auto
    }
    .ucapi26_view_wrap .title_inner .state {
        position: relative;
        margin: 0;
        font-size: 1.5rem
    }
    .ucapi26_view_wrap .title_inner .category {
        display: inline-block;
        margin: 0;
        font-size: 1.5rem;
        color: #626262
    }
    .ucapi26_view_wrap .title {
        max-height: 48px;
        font-size: 1.8rem;
        color: #4f4f4f
    }
    .ucapi26_view_wrap .info_inner {
        margin-top: 2px
    }
    .ucapi26_view_wrap .info_inner dd,
    .ucapi26_view_wrap .info_inner dt {
        margin-top: 0;
        font-size: 1.5rem
    }
    .ucapi26_view_wrap .no_cont {
        width: auto;
        margin: 0 auto;
        padding: 25px 0
    }
    .ucapi26_view_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucapi26_view_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucapi26_list_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucapi26_list_wrap .ucapi26_item {
    min-height: 158px;
    border-top: 1px solid #dfdfdf
}
.ucapi26_list_wrap .ucapi26_item:first-child {
    border: 0
}
.ucapi26_list_wrap .ucapi26_item>a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 25px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi26_list_wrap .ucapi26_item>a:focus,
.ucapi26_list_wrap .ucapi26_item>a:hover {
    background: #f8f8f8
}
.ucapi26_list_wrap .inner {
    overflow: hidden
}
.ucapi26_list_wrap .thumb {
    overflow: hidden;
    float: left;
    position: relative;
    width: 113px;
    height: 169px;
    text-align: center
}
.ucapi26_list_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #a9a9a9;
    content: ''
}
.ucapi26_list_wrap .thumb img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.ucapi26_list_wrap .thumb img:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucapi26_list_wrap .cont {
    overflow: hidden;
    position: relative;
    min-height: 169px;
    padding: 0 38px;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi26_list_wrap .cont:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}
.ucapi26_list_wrap .bx {
    display: inline-block;
    vertical-align: middle
}
.ucapi26_list_wrap .title_inner .state {
    display: inline-block;
    margin-top: 1px;
    font-size: 16px;
    color: #5692bc
}
.ucapi26_list_wrap .title_inner .state1 {
    color: #5692bc
}
.ucapi26_list_wrap .title_inner .state2 {
    color: #555
}
.ucapi26_list_wrap .title_inner .state:after {
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 0 12px;
    background: #dfdfdf;
    vertical-align: middle;
    content: ''
}
.ucapi26_list_wrap .title {
    display: block;
    margin-top: 6px;
    font-size: 21px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi26_list_wrap .title:hover {
    text-decoration: underline
}
.ucapi26_list_wrap .info_inner {
    display: block;
    margin-top: 7px;
    font-size: 0
}
.ucapi26_list_wrap .info_inner dl {
    overflow: hidden
}
.ucapi26_list_wrap .info_inner dd,
.ucapi26_list_wrap .info_inner dt {
    margin-top: 7px;
    font-size: 16px;
    color: #626262
}
.ucapi26_list_wrap .info_inner dt {
    float: left
}
.ucapi26_list_wrap .info_inner dt:after {
    display: inline-block;
    margin: 0 6px;
    content: ':'
}
.ucapi26_list_wrap .info_inner dd {
    overflow: hidden;
    display: block
}
.ucapi26_list_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucapi26_list_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucapi26_list_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
@media screen and (max-width:768px) {
    .ucapi26_list_wrap .ucapi26_item {
        min-height: 85px;
        height: auto;
        padding: 14px 0
    }
    .ucapi26_list_wrap .thumb {
        width: 90px;
        height: 140px;
        min-width: 56px;
        min-height: 84px
    }
    .ucapi26_list_wrap .cont {
        min-height: 71px;
        height: auto;
        padding: 0 15px;
        white-space: normal
    }
    .ucapi26_list_wrap .title_inner .state {
        position: relative;
        margin: 0;
        font-size: 1.5rem
    }
    .ucapi26_list_wrap .title_inner .category {
        display: inline-block;
        margin-left: 5px;
        font-size: 1.5rem;
        color: #626262
    }
    .ucapi26_list_wrap .title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2;
        max-height: 48px;
        font-size: 1.9rem
    }
    .ucapi26_list_wrap .info_inner {
        margin-top: 2px
    }
    .ucapi26_list_wrap .title_inner .state:after {
        position: absolute;
        top: 50%;
        left: 100%;
        width: 1px;
        height: 14px;
        margin: -7px 5px 0;
        background: #dcdcdc;
        content: ''
    }
    .ucapi26_list_wrap .info_inner dd,
    .ucapi26_list_wrap .info_inner dt {
        margin-top: 0;
        font-size: 1.5rem
    }
    .ucapi26_list_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucapi26_list_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucapi26_detail_wrap {
    max-width: 975px
}
.ucapi26_detail_wrap .title_area {
    display: block;
    position: relative;
    font-size: 0
}
.ucapi26_detail_wrap .state {
    display: block;
    font-size: 20px;
    color: #4e8bb6
}
.ucapi26_detail_wrap .state:before {
    content: '['
}
.ucapi26_detail_wrap .state:after {
    content: ']'
}
.ucapi26_detail_wrap .state {
    display: inline-block;
    margin-right: 14px;
    font-size: 25px;
    color: #555
}
.ucapi26_detail_wrap .state1 {
    color: #3591dc
}
.ucapi26_detail_wrap .state2 {
    color: #555
}
.ucapi26_detail_wrap .title {
    font-size: 25px;
    color: #4d4d4d
}
.ucapi26_detail_wrap .board_info_area {
    margin-top: 20px;
    padding: 20px 24px 21px 24px;
    border-top: 2px solid #426f8f;
    font-size: 0
}
.ucapi26_detail_wrap .board_info_area:after {
    display: block;
    clear: both;
    content: ''
}
.ucapi26_detail_wrap .thumb {
    display: block;
    float: left;
    position: relative;
    width: 156px;
    height: 222px;
    margin-right: 48px
}
.ucapi26_detail_wrap .thumb:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #d8d8d8;
    content: ''
}
.ucapi26_detail_wrap img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.ucapi26_detail_wrap .book_info_wrap {
    overflow: hidden
}
.ucapi26_detail_wrap .book_info {
    overflow: hidden;
    font-size: 18px;
    border-bottom: 1px solid #dfdfdf
}
.ucapi26_detail_wrap .book_info dd,
.ucapi26_detail_wrap .book_info dt {
    padding: 7px 0;
    border-top: 1px solid #dfdfdf
}
.ucapi26_detail_wrap .book_info dd:first-of-type,
.ucapi26_detail_wrap .book_info dt:first-of-type {
    border-top: none
}
.ucapi26_detail_wrap .book_info dt {
    float: left;
    min-width: 90px;
    font-weight: 700;
    color: #4c4c4c
}
.ucapi26_detail_wrap .book_info dd {
    overflow: hidden;
    color: #4c4c4c
}
.ucapi26_detail_wrap .book_info dd a:focus,
.ucapi26_detail_wrap .book_info dd a:hover {
    text-decoration: underline
}
.ucapi26_detail_wrap .btn_book_detail {
    position: relative;
    padding: 12px 34px 12px 18px
}
.ucapi26_detail_wrap .btn_book_detail:after {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 6px;
    height: 11px;
    background-position: -50px -50px;
    content: ''
}
.ucapi26_detail_wrap .subtitle_wrap .btn_wrap {
    margin-top: 24px
}
.ucapi26_detail_wrap .subtitle_wrap .btn_collect_info {
    position: relative;
    width: 100%;
    padding: 16px 24px 16px 21px;
    background: #426f8f;
    font-size: 18px;
    text-align: left
}
.ucapi26_detail_wrap .subtitle_wrap .btn_collect_info:BEFORE {
    position: absolute;
    top: 0;
    right: 0;
    width: 65px;
    height: 100%;
    background-color: #4f85a5;
    content: ""
}
.ucapi26_detail_wrap .subtitle_wrap .btn_collect_info:after {
    position: absolute;
    top: 50%;
    right: 24px;
    width: 15px;
    height: 9px;
    background-position: -75px -50px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucapi26_detail_wrap .subtitle_content {
    padding: 25px 20px 32px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi26_detail_wrap .board_contents {
    margin-top: 46px;
    font-size: 16px;
    color: #3c3c3c;
    border-bottom: 1px solid #dfdfdf
}
.ucapi26_detail_wrap .topic_list {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucapi26_detail_wrap .topic_item {
    position: relative
}
.ucapi26_detail_wrap .topic_title_inner {
    padding: 15px 264px 15px 10px;
    border-top: 1px solid #dfdfdf
}
.ucapi26_detail_wrap .topic_title {
    font-size: 18px;
    font-weight: 700;
    color: #4f4f4f
}
.ucapi26_detail_wrap .topic_item:first-of-type .topic_title_inner {
    border-top: 0
}
.ucapi26_detail_wrap .detail_info_box {
    display: none;
    padding: 0 50px 26px 10px
}
.ucapi26_detail_wrap .topic_title_inner+.btn_wrap {
    position: absolute;
    top: 12px;
    right: 10px;
    margin-top: 0;
    font-size: 0;
    transition: .4s
}
.ucapi26_detail_wrap .topic_title_inner+.btn_wrap .btn {
    padding: 5px 0;
    border: 1px solid #5692bc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi26_detail_wrap .topic_title_inner+.btn_wrap .btn_detail {
    margin-right: 10px;
    background: #fff;
    color: #3980b2
}
.ucapi26_detail_wrap .topic_title_inner+.btn_wrap .btn_detail span {
    position: relative;
    padding-right: 27px
}
.ucapi26_detail_wrap .topic_title_inner+.btn_wrap .btn_detail span:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 13px;
    height: 8px;
    background-position: -108px -522px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucapi26_detail_wrap .topic_item.is_opened .btn_wrap .btn_detail span:after {
    background-position: -108px -512px
}
.ucapi26_detail_wrap .subtitle_content {
    padding: 25px 20px 32px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucapi26_detail_wrap .subtitle_inner.is_collapsed .btn_collect_info:after {
    background-position: -58px -50px
}
.ucapi26_detail_wrap .subtitle_content .cont {
    font-weight: 400;
    color: #3c3c3c;
    line-height: 28px
}
.ucapi26_detail_wrap .subtitle_wrap .detail_cont+.btn_wrap {
    display: inline-block;
    position: absolute;
    bottom: 26px;
    right: 20px;
    margin-top: 0
}
.ucapi26_detail_wrap .detail_info_box .btn_close {
    min-width: auto;
    padding: 6px 0;
    font-size: 15px;
    color: #426f8f;
    background: #fff;
    border-bottom: 1px solid #93b0c5;
    line-height: 1.3
}
.ucapi26_detail_wrap .subtitle_wrap .detail_cont+.btn_wrap:after {
    position: absolute;
    top: 14px;
    right: -20px;
    width: 16px;
    height: 8px;
    background-position: -210px -139px;
    content: ''
}
.ucapi26_detail_wrap .photo_contents {
    padding: 40px 30px 36px;
    border: 1px solid #cdcdcd
}
.ucapi26_detail_wrap .photo_slide_wrap {
    padding: 0 100px
}
.ie9 .ucapi26_detail_wrap .photo_slide_wrap {
    padding: 0 40px
}
.ucapi26_detail_wrap .bx-wrapper {
    margin: 0 -100px;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}
.ie9 .ucapi26_detail_wrap .bx-wrapper {
    margin: 0
}
.ucapi26_detail_wrap .bx-viewport {
    padding: 0 100px;
    height: 0 !important;
    padding-top: 75% !important
}
.ie9 .ucapi26_detail_wrap .bx-viewport {
    padding: 0
}
.ucapi26_detail_wrap .photo_slide {
    position: absolute !important;
    top: 0;
    height: 100%
}
.ucapi26_detail_wrap .photo_item {
    height: 100%;
    background: #000;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff
}
.ucapi26_detail_wrap .photo_item>img {
    height: 100%;
    margin: 0 auto
}
.ucapi26_detail_wrap .bx-controls-auto {
    display: none
}
.ucapi26_detail_wrap .bx-controls-direction a {
    z-index: 10;
    width: 47px;
    height: 85px;
    margin-top: 0;
    background: 0 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.ucapi26_detail_wrap .bx-controls-direction a:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: .3;
    background: #000;
    content: ''
}
.ucapi26_detail_wrap .bx-controls-direction a:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 12px;
    height: 22px;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: ''
}
.ucapi26_detail_wrap .bx-prev {
    left: -18px
}
.ucapi26_detail_wrap .bx-controls-direction .bx-prev:before {
    background-position: -129px 0
}
.ucapi26_detail_wrap .bx-next {
    right: -218px
}
.ie9 .ucapi26_detail_wrap .bx-next {
    right: -18px
}
.ucapi26_detail_wrap .bx-controls-direction .bx-next:before {
    background-position: -143px 0
}
.ucapi26_detail_wrap .photo_controls_wrap {
    margin-top: 20px;
    font-size: 0
}
.ucapi26_detail_wrap .photo_controls {
    display: inline-block
}
.ucapi26_detail_wrap .slide_counter {
    display: inline-block;
    font-size: 16px;
    color: #000
}
.ucapi26_detail_wrap .slider_play_control {
    display: inline-block;
    margin-left: 16px
}
.ucapi26_detail_wrap .btn_slider {
    display: block;
    position: relative;
    padding: 8px 18px 6px 28px;
    font-size: 15px;
    color: #fff
}
.ucapi26_detail_wrap .btn_slider:before {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 6px;
    height: 10px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucapi26_detail_wrap .slider_start {
    background: #c55625
}
.ucapi26_detail_wrap .slider_start:before {
    background-position: -58px -37px
}
.ucapi26_detail_wrap .slider_pause {
    background: #555
}
.ucapi26_detail_wrap .slider_pause:before {
    background: rgba(0, 0, 0, .5)
}
.ucapi26_detail_wrap .btn_download {
    display: inline-block;
    margin-left: 10px;
    padding: 8px 14px 6px;
    background: #5692bc;
    font-size: 15px;
    color: #fff
}
.ucapi26_detail_wrap .photo_view_pager {
    margin-top: 35px;
    font-size: 0
}
.ucapi26_detail_wrap .photo_view_pager>a {
    position: relative;
    display: inline-block;
    width: 13%;
    height: 74px;
    overflow: hidden;
    margin: 14px 1.5% 0 0;
    border: 1px solid #a8a8a8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi26_detail_wrap .photo_view_pager>.active {
    border: 2px solid #dd4e00
}
.ucapi26_detail_wrap .photo_view_pager>.active:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ff8948;
    opacity: .5;
    content: ''
}
.ucapi26_detail_wrap .photo_view_pager>a:nth-of-type(7n+0) {
    margin-right: 0
}
.ucapi26_detail_wrap .photo_view_pager img {
    width: 100%;
    height: 100%;
    text-align: center;
    display: block
}
.ucapi26_detail_wrap .photo_detail_cont {
    margin-top: 34px
}
.ucapi26_detail_wrap .photo_title {
    display: block;
    font-size: 18px;
    font-weight: 700
}
.ucapi26_detail_wrap .photo_detail {
    margin-top: 16px
}
.tbl_ucapi26 {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    table-layout: fixed
}
.tbl_ucapi26 .col1 {
    width: 10%
}
.tbl_ucapi26 th {
    padding: 16px 8px;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    color: #000
}
.tbl_ucapi26 td {
    position: relative;
    padding: 18px 8px;
    border-top: 1px solid #dadada;
    background-color: #fff;
    font-weight: 400;
    color: #3f3f3f;
    text-align: center;
    vertical-align: top;
    word-break: keep-all
}
.tbl_ucapi26 tbody tr:first-child td {
    border-top: none
}
.tbl_ucapi26 .no_cont td {
    padding: 20px 0;
    text-align: center
}
.tbl_ucapi26 .input_check_wrap {
    vertical-align: top
}
.tbl_ucapi26 .detail_view {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 2px;
    line-height: 1.3;
    text-align: left;
    outline: 0
}
.tbl_ucapi26 .detail_view:focus .cover_title,
.tbl_ucapi26 .detail_view:hover .cover_title {
    text-decoration: underline
}
.tbl_ucapi26 .avail {
    display: inline-block;
    font-weight: 700;
    color: #3f8fc8
}
.tbl_ucapi26 .cover_title {
    display: inline-block;
    color: #333;
    text-align: left;
    word-break: keep-all
}
.tbl_ucapi26 .use_place {
    display: block;
    color: #3f8fc8;
    line-height: 30px
}
.tbl_ucapi26 .author {
    display: block;
    margin-top: 4px;
    font-size: 15px;
    text-align: left
}
.ucapi26_detail_wrap .tbl_ucapi26 .btn_wrap {
    position: absolute;
    top: 18px;
    right: 8px;
    margin: 0
}
.tbl_ucapi26 .btn_detail_view {
    min-width: 100px
}
.tbl_ucapi26 .btn_more {
    min-width: auto;
    padding: 10px 20px;
    background: #4a5258
}
.tbl_ucapi26 .api26_detail_bx {
    margin-top: 12px
}
.tbl_ucapi26_detail {
    width: 100%;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.tbl_ucapi26_detail .col1 {
    width: 15%
}
.tbl_ucapi26_detail .col2 {
    width: 38%
}
.tbl_ucapi26_detail th {
    padding: 10px 8px;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    color: #000;
    text-align: left;
    word-break: keep-all
}
.tbl_ucapi26_detail td {
    position: relative;
    padding: 10px 8px;
    border-top: 0;
    border-bottom: 1px solid #dadada;
    background-color: #fff;
    font-weight: 400;
    color: #3f3f3f;
    text-align: left;
    word-break: keep-all
}
.tbl_ucapi26_detail tbody tr:last-child td,
.tbl_ucapi26_detail tr:last-child th {
    border-bottom: none
}
.tbl_ucapi26_detail td:last-child {
    padding: 10px 8px
}
.ucapi26_detail_wrap .ucapi26_photo_detail .title_wrap {
    margin-bottom: 20px;
    border-bottom: 2px solid #426f8f
}
.ucapi26_detail_wrap .ucapi26_photo_detail .title_area {
    display: block;
    position: relative;
    padding: 0 0 12px;
    font-size: 0
}
.ucapi26_detail_wrap .ucapi26_photo_detail .subject {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #4e8bb6;
    line-height: 31px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucapi26_detail_wrap .ucapi26_photo_detail .title {
    font-size: 25px;
    color: #4d4d4d
}
.ucapi26_detail_wrap #subtitle_content_exhibit table {
    width: 100%;
    border: 1px solid #bbb
}
.ucapi26_detail_wrap #subtitle_content_exhibit table td {
    padding: 5px
}
@media screen and (max-width:768px) {
    .ucapi26_detail_wrap .title_wrap {
        position: relative
    }
    .ucapi26_detail_wrap .state {
        display: block;
        margin-right: 0;
        font-size: 1.6rem;
        font-weight: 500
    }
    .ucapi26_detail_wrap .state:before {
        display: none
    }
    .ucapi26_detail_wrap .state:after {
        display: none
    }
    .ucapi26_detail_wrap .title {
        font-size: 1.9rem
    }
    .ucapi26_detail_wrap .board_info_area {
        position: relative;
        margin-top: 10px;
        padding: 16px 0
    }
    .ucapi26_detail_wrap .thumb {
        width: 86px;
        height: 122px;
        margin-right: 17px
    }
    .ucapi26_detail_wrap .book_info {
        font-size: 1.6rem
    }
    .ucapi26_detail_wrap .book_info dt {
        min-width: 60px
    }
    .ucapi26_detail_wrap .book_info_wrap .btn_wrap {
        position: absolute;
        top: 100%;
        left: 50%;
        margin: 0;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0)
    }
    .ucapi26_detail_wrap .btn_book_detail {
        min-width: 242px;
        padding: 0 24px 0 12px
    }
    .ucapi26_detail_wrap .btn_book_detail:after {
        top: 12px;
        right: 12px;
        width: 4px;
        height: 8px;
        background-position: -80px -24px
    }
    .ucapi26_detail_wrap .subtitle_wrap .btn_collect_info {
        padding: 0 20px 0 10px
    }
    .ucapi26_detail_wrap .subtitle_wrap .btn_collect_info:after {
        right: 25px;
        width: 9px;
        height: 5px;
        background-position: -86px -24px
    }
    .ucapi26_detail_wrap .subtitle_inner.is_collapsed .btn_collect_info:after {
        background-position: -97px -24px
    }
    .ucapi26_detail_wrap .subtitle_content {
        padding: 10px 6px
    }
    .ucapi26_detail_wrap .btn_board_util {
        top: -4px;
        bottom: auto
    }
    .ucapi26_detail_wrap .board_util_menu {
        top: 22px
    }
    .ucapi26_detail_wrap .subtitle_wrap .btn_wrap {
        margin-top: 12px
    }
    .ucapi26_detail_wrap .btn_wrap {
        margin: 0
    }
    .ucapi26_detail_wrap .btn_wrap:after {
        right: -16px;
        width: 8px;
        height: 4px;
        background-position: -187px -24px;
        content: ''
    }
    .ucapi26_detail_wrap .topic_title_inner {
        padding: 7px
    }
    .ucapi26_detail_wrap .is_opened .topic_title_inner {
        padding: 10px 7px 8px
    }
    .ucapi26_detail_wrap .topic_title_inner+.btn_wrap {
        position: static;
        margin: 0 7px 10px;
        text-align: right
    }
    .ucapi26_detail_wrap .topic_title_inner+.btn_wrap .btn {
        padding: 0 10px;
        font-size: 1.5rem
    }
    .ucapi26_detail_wrap .topic_title_inner+.btn_wrap .btn_detail {
        margin-right: 0
    }
    .ucapi26_detail_wrap .topic_title_inner+.btn_wrap .btn_detail span:after {
        width: 9px;
        height: 5px;
        background-position: -144px -143px
    }
    .ucapi26_detail_wrap .topic_item.is_opened .btn_wrap .btn_detail span:after {
        background-position: -144px -136px
    }
    .ucapi26_detail_wrap .detail_info_box {
        padding: 10px 7px 40px
    }
    .ucapi26_detail_wrap .subtitle_wrap .detail_cont+.btn_wrap {
        bottom: 10px;
        right: 12px
    }
    .ucapi26_detail_wrap .subtitle_wrap .detail_cont+.btn_wrap:after {
        right: -12px;
        width: 8px;
        height: 4px;
        background-position: -187px -17px;
        content: ''
    }
    .ucapi26_detail_wrap .photo_contents {
        padding: 0 20px 14px
    }
    .ie9 .ucapi26_detail_wrap .photo_contents {
        padding: 0 0 14px
    }
    .ucapi26_detail_wrap .photo_slide_wrap {
        padding: 0 6px
    }
    .ie9 .ucapi26_detail_wrap .photo_slide_wrap {
        padding: 0
    }
    .ucapi26_detail_wrap .bx-wrapper {
        margin: 0 -26px
    }
    .ie9 .ucapi26_detail_wrap .bx-wrapper {
        margin: 0
    }
    .ucapi26_detail_wrap .bx-viewport {
        padding: 0 26px;
        padding-top: 140%
    }
    .ie9 .ucapi26_detail_wrap .bx-viewport {
        padding: 0
    }
    .ie9 .ucapi26_detail_wrap .photo_item {
        border: none
    }
    .ucapi26_detail_wrap .bx-controls-direction a {
        width: 24px;
        height: 43px
    }
    .ucapi26_detail_wrap .bx-prev {
        left: 0
    }
    .ucapi26_detail_wrap .bx-next {
        right: -52px
    }
    .ie9 .ucapi26_detail_wrap .bx-next {
        right: 0
    }
    .ucapi26_detail_wrap .bx-controls-direction a:before {
        width: 7px;
        height: 13px
    }
    .ucapi26_detail_wrap .bx-controls-direction .bx-prev:before {
        background-position: -122px 0
    }
    .ucapi26_detail_wrap .bx-controls-direction .bx-next:before {
        background-position: -131px 0
    }
    .ucapi26_detail_wrap .photo_controls_wrap {
        margin-top: 9px
    }
    .ie9 .ucapi26_detail_wrap .photo_controls_wrap {
        margin: 9px 20px 0
    }
    .ucapi26_detail_wrap .slide_counter {
        font-size: 1.5rem
    }
    .ucapi26_detail_wrap .slider_play_control {
        margin-left: 12px
    }
    .ucapi26_detail_wrap .btn_slider {
        padding: 5px 11px 5px 16px;
        font-size: 1.4rem
    }
    .ucapi26_detail_wrap .btn_slider:before {
        left: 8px;
        width: 4px;
        height: 7px;
        background-position: -74px -14px
    }
    .ucapi26_detail_wrap .btn_download {
        margin-left: 6px;
        padding: 5px 10px;
        font-size: 1.4rem
    }
    .ucapi26_detail_wrap .photo_view_pager {
        display: none
    }
    .ucapi26_detail_wrap .btn_view_wrap {
        margin-top: 10px
    }
    .ucapi26_detail_wrap .btn_view_wrap .btn_list {
        width: 100%
    }
    .ucapi26_detail_wrap .photo_detail_cont {
        margin-top: 10px
    }
    .ucapi26_detail_wrap .photo_title {
        font-size: 1.7rem
    }
    .ucapi26_detail_wrap .photo_detail {
        margin-top: 10px
    }
    .tbl_ucapi26 .author {
        font-size: 1.4rem
    }
    .tbl_ucapi26 .btn_more {
        padding: 0 8px;
        font-size: 1.5rem
    }
    .tbl_ucapi26 .col1 {
        width: 18%
    }
    .tbl_ucapi26 th {
        padding: 8px 4px;
        font-size: 1.5rem
    }
    .tbl_ucapi26 td {
        padding: 9px 4px;
        font-size: 1.5rem
    }
    .tbl_ucapi26 .cover_title {
        font-size: 1.5rem
    }
    .ucapi26_detail_wrap .ucapi26_photo_detail .title_wrap {
        position: relative
    }
    .ucapi26_detail_wrap .ucapi26_photo_detail .subject {
        position: absolute;
        min-width: 0;
        margin: 0;
        padding: 0;
        border: 0;
        background: 0 0;
        font-size: 1px;
        color: transparent;
        line-height: 1
    }
    .ucapi26_detail_wrap .ucapi26_photo_detail .title_area {
        padding: 0 0 10px
    }
    .ucapi26_detail_wrap .ucapi26_photo_detail .title {
        font-size: 1.9rem
    }
    .tbl_ucapi26 .api26_detail_wrap {
        margin-top: 10px
    }
    .tbl_ucapi26 .api26_detail_wrap .btn_wrap {
        display: block;
        position: static;
        top: auto;
        right: auto
    }
    .tbl_ucapi26 .api26_detail_wrap .btn {
        width: 100%
    }
    .tbl_ucapi26_detail .col1 {
        width: 44%
    }
}
.ucbrd2_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucbrd2_wrap .ucbrd2_item {
    border-top: 1px solid #dcdcdc
}
.ucbrd2_wrap .ucbrd2_item:first-child {
    border: 0
}
.ucbrd2_wrap .ucbrd2_item>a {
    display: block;
    padding: 20px 20px 23px
}
.ucbrd2_item>a:focus,
.ucbrd2_wrap .ucbrd2_item>a:hover {
    background: #f8f8f8
}
.ucbrd2_wrap .title_inner {
    display: block;
    font-size: 0
}
.ucbrd2_wrap .title_inner:after {
    display: inline-block;
    clear: both;
    content: ''
}
.ucbrd2_wrap .title_area {
    overflow: hidden;
    display: block
}
.ucbrd2_wrap .category {
    float: left;
    min-width: 84px;
    margin: 0 22px 0 -20px;
    padding: 0 20px;
    border: 1px solid #4e8bb6;
    background: #fff;
    font-size: 18px;
    color: #4e8bb6;
    text-align: center;
    line-height: 30px;
    vertical-align: top;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucbrd2_wrap .title {
    overflow: hidden;
    display: inline-block;
    max-width: 90%;
    margin-right: 3px;
    font-size: 18px;
    color: #4f4f4f;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ucbrd2_wrap .title:hover {
    text-decoration: underline
}
.ucbrd2_wrap .file {
    width: 21px;
    height: 20px;
    margin-top: 6px;
    background-position: -24px 0
}
.ucbrd2_wrap .new {
    width: 21px;
    height: 20px;
    margin: 6px 0 0 4px;
    background-position: -47px 0
}
.ucbrd2_wrap .info_inner {
    display: block;
    margin-top: 15px;
    font-size: 0
}
.ucbrd2_wrap .info_inner span {
    display: inline-block;
    position: relative;
    padding-right: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px
}
.ucbrd2_wrap .info_inner span:after {
    display: inline-block;
    margin-left: 10px;
    width: 1px;
    height: 18px;
    vertical-align: top;
    background: #dcdcdc;
    content: ''
}
.ucbrd2_wrap .info_inner span:last-child:after {
    display: none
}
.ucbrd2_wrap .no_cont {
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucbrd2_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucbrd2_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
.category_wrap .ucbrd2_wrap .category_item {
    display: block
}
.ucbrd2_list .list_category_title {
    display: inline-block;
    width: 12%;
    font-size: 16px;
    font-weight: 500;
    vertical-align: middle
}
.ucbrd2_list .list_content {
    display: inline-block;
    width: 87%;
    vertical-align: middle
}
@media screen and (max-width:768px) {
    .ucbrd2_wrap .ucbrd2_item>a {
        padding: 20px 4.3%
    }
    .ucbrd2_wrap .title {
        max-width: 81%;
        font-size: 18px;
    }
    .ucbrd2_wrap .info_inner span {
        padding-right: 16px;
        font-size: 15px;
        line-height: 22px;
    }
    .ucbrd2_wrap .info_inner span:after {
        height: 22px;
        margin-right: 8px
    }
    .ucbrd2_wrap .category_item .category,
    .ucbrd2_wrap .category_item .info_inner {
        position: absolute;
        float: none;
        min-width: 0;
        margin: 0;
        padding: 0;
        border: 0;
        background: 0;
        font-size: 1px;
        color: transparent;
        line-height: 1
    }
    .ucbrd2_wrap .category_item .info_inner span:after {
        display: none
    }
    .ucbrd2_wrap .file {
        width: 14px;
        height: 13px;
        margin-top: 10px;
        background-position: -96px -34px
    }
    .ucbrd2_wrap .new {
        width: 14px;
        height: 13px;
        margin-top: 10px;
        background-position: -112px -34px
    }
    .ucbrd2_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucbrd2_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
    .ucbrd2_list .list_category_title {
        display: none
    }
    .ucbrd2_list .list_content {
        display: block;
        width: 100%
    }
}
.ucbrd2_detail_wrap .title_wrap {
    border-bottom: 1px solid #dfdfdf
}
.ucbrd2_detail_wrap .title_area {
    display: block;
    position: relative;
    padding: 0 21px 18px;
    font-size: 0
}
.ucbrd2_detail_wrap .category {
    display: inline-block;
    margin-right: 11px;
    min-width: 84px;
    padding: 0 24px;
    border: 1px solid #5692bc;
    background: #fff;
    font-size: 18px;
    color: #4e8bb6;
    text-align: center;
    line-height: 31px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucbrd2_detail_wrap .title {
    font-size: 25px;
    color: #4d4d4d
}
.ucbrd2_detail_wrap .board_info_area {
    border-top: 2px solid #426f8f
}
.ucbrd2_detail_wrap .board_info_list {
    padding: 20px 24px 21px 24px;
    font-size: 0
}
.ucbrd2_detail_wrap .board_info_item {
    display: inline-block;
    position: relative;
    margin-left: 16px;
    padding-left: 16px;
    font-size: 15px;
    font-weight: 400;
    color: #626262
}
.ucbrd2_detail_wrap .board_info_item:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 19px;
    background: #dfdfdf;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucbrd2_detail_wrap .board_info_item:first-child {
    margin-left: 0;
    padding-left: 0
}
.ucbrd2_detail_wrap .board_info_item:first-child:before {
    display: none
}
.ucbrd2_detail_wrap .board_info_item .writer:before {
    content: '('
}
.ucbrd2_detail_wrap .board_info_item .writer:after {
    content: ')'
}
.ucbrd2_detail_wrap .info_title:after {
    content: ' :'
}
.ucbrd2_detail_wrap .board_contents {
    padding: 34px 22px 40px;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    color: #3c3c3c;
    line-height: 1.9
}
.ucbrd2_detail_wrap .btn_view_wrap {
    text-align: center
}
.ucbrd2_detail_wrap .list_category_title {
    padding-right: 21px;
    font-size: 20px;
    font-weight: 700
}
@media screen and (max-width:768px) {
    .ucbrd2_detail_wrap .title_wrap {
        position: relative
    }
    .ucbrd2_detail_wrap .title_area {
        padding: 0 0 10px
    }
    .ucbrd2_detail_wrap .board_info_list {
        padding: 8px 0 10px
    }
    .ucbrd2_detail_wrap .info_title {
        display: none
    }
    .ucbrd2_detail_wrap .hits_item .info_title {
        display: inline-block
    }
    .ucbrd2_detail_wrap .board_info_item {
        margin-left: 0;
        padding-left: 0
    }
    .ucbrd2_detail_wrap .board_info_item:before {
        display: none
    }
    .ucbrd2_detail_wrap .hits_item {
        margin-left: 8px;
        padding-left: 10px
    }
    .ucbrd2_detail_wrap .hits_item:before {
        display: block;
        height: 11px
    }
    .ucbrd2_detail_wrap .writer_item {
        display: block;
        margin-bottom: 4px
    }
    .ucbrd2_detail_wrap .board_contents {
        padding: 12px 0 22px;
        line-height: 1.6
    }
    .ucbrd2_detail_wrap .btn_view_wrap {
        margin-top: 10px
    }
    .ucbrd2_detail_wrap .btn_view_wrap .btn_list {
        width: 100%
    }
    .ucbrd2_detail_wrap .list_category_title {
        display: block;
        margin-bottom: 10px
    }
}
.ucapi13_list_wrap {
    margin-top: 30px;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #dfdfdf
}
.ucapi13_list_wrap table {
    width: 100%;
    text-align: center
}
.ucapi13_list_wrap th {
    padding: 18px 0;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    background: #f5f5f5
}
.ucapi13_list_wrap td {
    padding: 18px 10px;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    word-break: keep-all
}
.ucapi13_list_wrap td:first-child,
.ucapi13_list_wrap th:first-child {
    border-left: none
}
.ucapi13_list_wrap .url_btn {
    display: block;
    width: 100%;
    height: 100%
}
.ucapi13_list_wrap .url_btn .bg_wrap {
    display: block;
    width: 21px;
    height: 19px;
    margin: 0 auto;
    background: url(/resource/templete/nl/common/img/common/sp.png) no-repeat -182px -26px
}
.link_api .link_api_cont .ucapi13_list_wrap .type {
    word-break: break-all
}
.link_api .link_api_cont .ucapi13_list_wrap .type1 {
    word-break: keep-all;
    padding: 0 5px
}
.link_api .link_api_cont .ucapi13_list_wrap .type2 {
    word-break: break-all;
    padding: 10px 5px
}
@media screen and (max-width:768px) {
    .ucapi13_list_wrap .n_mobile {
        display: none
    }
}
.uccst015_list_wrap {
    margin-top: 30px;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #dfdfdf
}
.uccst015_list_wrap table {
    width: 100%;
    text-align: center;
    word-break: keep-all;
    table-layout: fixed
}
.uccst015_list_wrap th {
    padding: 18px 0;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    background: #f5f5f5
}
.uccst015_list_wrap td {
    padding: 18px 2px;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf
}
.uccst015_list_wrap td:first-child,
.uccst015_list_wrap th:first-child {
    border-left: none
}
.uccst015_list_wrap .url_btn {
    display: block;
    width: 100%;
    height: 100%
}
.uccst015_list_wrap .url_btn .bg_wrap {
    display: block;
    width: 21px;
    height: 19px;
    margin: 0 auto;
    background: url(/resource/templete/nl/common/img/common/sp.png) no-repeat -182px -26px
}
@media screen and (max-width:768px) {
    .uccst015_list_wrap .n_mobile {
        display: none
    }
}
@media screen and (max-width:375px) {
    .uccst015_list_wrap table {
        word-break: break-all
    }
}
.ucmy1_wrap .board_notice {
    display: block;
    float: right;
    margin-top: -40px;
    font-size: 16px;
    font-weight: 500;
    color: #474747
}
.ucmy1_wrap .board_notice .point {
    color: #2d88cd
}
.ucmy1_wrap .board_notice:before {
    content: '※ '
}
.ucmy1_wrap table {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucmy1_wrap .col1 {
    width: 8.6%
}
.ucmy1_wrap .col2 {
    width: 28%
}
.ucmy1_wrap .col3 {
    width: 19.9%
}
.ucmy1_wrap .col4 {
    width: 14.2%
}
.ucmy1_wrap th {
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #000
}
.ucmy1_wrap td {
    position: relative;
    padding: 10px 12px;
    border-top: 1px solid #dadada;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #3f3f3f
}
.ucmy1_wrap tbody tr:first-child td {
    border-top: none
}
.ucmy1_wrap table a:focus,
.ucmy1_wrap table a:hover {
    text-decoration: underline
}
.ucmy1_wrap table .state {
    display: inline-block;
    width: 68px;
    height: 33px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 33px
}
.ucmy1_wrap table .state1 {
    background: #555
}
.ucmy1_wrap table .state2 {
    background: #5692bc
}
.ucmy1_wrap table .state3 {
    background: #d6562e
}
@media screen and (max-width:768px) {
    .ucmy1_wrap .board_notice {
        float: none;
        margin-top: -4px;
        font-size: 1.5rem
    }
    .ucmy1_wrap table {
        margin-top: 6px
    }
    .ucmy1_wrap table .col2,
    .ucmy1_wrap table .col3 {
        width: 27%
    }
    .ucmy1_wrap table .col4 {
        width: 18%
    }
    .ucmy1_wrap th {
        padding: 9px 0;
        font-size: 1.5rem
    }
    .ucmy1_wrap td {
        padding: 7px 0;
        font-size: 1.5rem
    }
    .ucmy1_wrap table .state {
        width: 42px
    }
    .ucmy1_wrap table .welfare_date,
    .ucmy1_wrap table .welfare_time {
        display: block
    }
}
.ucmy7_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucmy7_wrap .ucmy7_item {
    position: relative;
    border-top: 1px solid #dcdcdc;
    padding: 20px 26px 23px
}
.ucmy7_wrap .ucmy7_item:first-child {
    border: 0
}
.ucmy7_wrap .ucmy7_item:hover {
    background: #f8f8f8
}
.ucmy7_wrap .title_inner {
    display: block;
    font-size: 0
}
.ucmy7_wrap .title_inner:after {
    display: inline-block;
    clear: both;
    content: ''
}
.ucmy7_wrap .title_area {
    overflow: hidden;
    display: block
}
.ucmy7_wrap .title {
    overflow: hidden;
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 86.5%;
    max-height: 2.6em;
    margin-right: 3px;
    font-size: 18px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    text-overflow: ellipsis
}
.ucmy7_wrap .title:hover {
    text-decoration: underline
}
.ucmy7_wrap .reply_question {
    color: #707070;
    margin-right: 4px
}
.ucmy7_wrap .reply_question:before {
    content: '('
}
.ucmy7_wrap .reply_question:after {
    content: ')'
}
.ucmy7_wrap .state_wrap {
    position: absolute;
    top: 50%;
    right: 24px;
    margin: 0 -3px;
    font-size: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%)
}
.ucmy7_wrap .state {
    display: block;
    min-width: 90px;
    padding: 7px 0;
    background-color: #555;
    font-size: 15px;
    color: #fff;
    text-align: center
}
.ucmy7_wrap .state1 {
    background: #5692bc
}
.ucmy7_wrap .state2 {
    background: #555
}
.ucmy7_wrap .state3 {
    background: #d6562e
}
.ucmy7_wrap .info_inner {
    display: block;
    margin-top: 15px;
    font-size: 0
}
.ucmy7_wrap .info_inner span {
    display: inline-block;
    position: relative;
    padding-right: 36px;
    font-size: 16px;
    font-weight: 400;
    color: #626262;
    line-height: 18px
}
.ucmy7_wrap .info_inner span:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 18px;
    margin-right: 18px;
    background: #d5d5d5;
    content: ''
}
.ucmy7_wrap .info_inner span:last-child:after {
    display: none
}
@media screen and (max-width:768px) {
    .ucmy7_wrap .ucmy7_item {
        padding: 15px 12px
    }
    .ucmy7_wrap .title {
        width: 100%;
        font-size: 1.8rem
    }
    .ucmy7_wrap .info_inner span {
        padding-right: 16px;
        font-size: 1.5rem;
        line-height: 22px
    }
    .ucmy7_wrap .info_inner {
        display: inline-block;
        margin-top: 10px
    }
    .ucmy7_wrap .info_inner span:after {
        height: 22px;
        margin-right: 8px
    }
    .ucmy7_wrap .state_wrap {
        display: inline-block;
        position: static;
        top: auto;
        right: auto;
        transform: initial;
        -webkit-transform: initial
    }
    .ucmy7_wrap .state {
        font-size: 1.4rem
    }
}
.ucmy7_question {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucmy7_question .ucmy7_question_info {
    padding: 19px 0;
    border-bottom: 1px solid #dfdfdf;
    font-size: 0
}
.ucmy7_question .question {
    display: inline-block;
    width: 88px;
    border-right: 1px solid #dfdfdf;
    font-size: 26px;
    font-weight: 700;
    color: #4e8bb6;
    line-height: 35px;
    text-align: center;
    vertical-align: middle
}
.ucmy7_question .info_inner {
    display: inline-block;
    width: 74%;
    padding-left: 25px;
    vertical-align: middle
}
.ucmy7_question .info_inner dd,
.ucmy7_question .info_inner dt {
    display: inline-block;
    position: relative;
    padding-right: 36px;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px
}
.ucmy7_question .info_inner dt {
    padding-right: 0
}
.ucmy7_question .info_inner dt:after {
    margin: 0 4px;
    content: ':'
}
.ucmy7_question .info_inner dd:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 18px;
    margin-right: 18px;
    background: #dcdcdc;
    content: ''
}
.ucmy7_question .info_inner dd:last-child:after {
    display: none
}
.ucmy7_question .info_inner dt:first-of-type {
    float: left;
    padding-bottom: 4px
}
.ucmy7_question .info_inner dd:first-of-type {
    display: block;
    overflow: hidden;
    padding-bottom: 4px
}
.ucmy7_question .info_inner dd:first-of-type:after {
    display: none
}
.ucmy7_question .question_cont {
    padding: 24px 20px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucmy7_answer {
    margin-top: 34px;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucmy7_answer .ucmy7_answer_info {
    padding: 19px 0;
    border-bottom: 1px solid #dfdfdf;
    font-size: 0
}
.ucmy7_answer .answer {
    display: inline-block;
    width: 88px;
    border-right: 1px solid #dfdfdf;
    font-size: 26px;
    font-weight: 700;
    color: #4e8bb6;
    line-height: 35px;
    text-align: center;
    vertical-align: middle
}
.ucmy7_answer .info_inner {
    display: inline-block;
    width: 74%;
    padding-left: 25px;
    vertical-align: middle
}
.ucmy7_answer .info_inner dd,
.ucmy7_answer .info_inner dt {
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px
}
.ucmy7_answer .info_inner dt:after {
    margin: 0 4px;
    content: ':'
}
.ucmy7_answer .info_inner dd:last-child:after {
    display: none
}
.ucmy7_answer .info_inner dt {
    float: left;
    padding-bottom: 4px
}
.ucmy7_answer .info_inner dd {
    display: block;
    overflow: hidden;
    padding-bottom: 4px
}
.ucmy7_answer .answer_cont {
    padding: 24px 20px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucmy7_detail_wrap .ucmy7_answer+.btn_wrap {
    text-align: center
}
.ucmy7_detail_wrap .ucmy7_answer+.btn_wrap .btn {
    float: none
}
.ucmy7_answer+.btn_wrap .btn_modify,
.ucmy7_detail_wrap .ucmy7_answer+.btn_wrap .btn_cancel {
    display: none
}
.ucmy7_detail_wrap .btn_wrap {
    margin-top: 30px;
    text-align: right
}
.ucmy7_detail_wrap .btn_wrap:after {
    display: block;
    clear: both;
    content: ''
}
.ucmy7_detail_wrap .btn_list {
    float: left
}
.ucmy7_detail_wrap .btn_cancel {
    background: #d6562e
}
.ucmy7_detail_wrap .btn_modify {
    background: #426f8f
}
.ucmy7_detail_cont2 .btn_question,
.ucmy7_detail_wrap .btn_first_question {
    position: relative;
    width: 100%;
    padding: 16px 24px 16px 21px;
    background: #426f8f;
    font-size: 18px;
    font-weight: 500;
    text-align: left
}
.ucmy7_detail_wrap .btn_first_question:after {
    position: absolute;
    top: 50%;
    right: 24px;
    width: 15px;
    height: 9px;
    background-position: -58px -50px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucmy7_detail_wrap .is_opened .btn_first_question:after {
    background-position: -75px -50px
}
.ucmy7_detail_cont>.btn_wrap {
    margin-bottom: 26px
}
.ucmy7_detail_cont2 .answer,
.ucmy7_detail_cont2 .question {
    width: 134px
}
@media screen and (max-width:768px) {
    .ucmy7_question .ucmy7_question_info {
        position: relative
    }
    .ucmy7_answer .ucmy7_answer_info,
    .ucmy7_question .ucmy7_question_info {
        padding: 0 0 19px;
        border-bottom: 2px solid #426f8f
    }
    .ucmy7_detail_wrap .btn_board_util {
        bottom: auto;
        top: 2px
    }
    .ucmy7_detail_wrap .board_util_menu {
        top: 50px
    }
    .ucmy7_answer .answer,
    .ucmy7_question .question {
        display: block;
        width: 100%;
        border: 0;
        font-size: 2.1rem;
        text-align: left
    }
    .ucmy7_answer .board_file_wrap {
        margin-top: 15px;
        border-top: 1px solid #dfdfdf
    }
    .ucmy7_question {
        border-top: 0;
        border-bottom: 0
    }
    .ucmy7_answer .info_inner,
    .ucmy7_question .info_inner {
        display: block;
        width: 100%;
        margin-top: 10px;
        padding-left: 0
    }
    .ucmy7_answer .info_inner dd,
    .ucmy7_answer .info_inner dt,
    .ucmy7_question .info_inner dd,
    .ucmy7_question .info_inner dt {
        padding-right: 17px;
        font-size: 1.5rem
    }
    .ucmy7_answer .info_inner dt,
    .ucmy7_question .info_inner dt {
        padding-right: 0
    }
    .ucmy7_answer .info_inner dd:after,
    .ucmy7_question .info_inner dd:after {
        top: 5px;
        height: 11px;
        margin-right: 9px
    }
    .ucmy7_answer .info_inner dd:first-of-type,
    .ucmy7_answer .info_inner dt:first-of-type,
    .ucmy7_question .info_inner dd:first-of-type,
    .ucmy7_question .info_inner dt:first-of-type {
        padding-bottom: 2px
    }
    .ucmy7_answer .answer_cont,
    .ucmy7_question .question_cont {
        padding: 16px 0 20px
    }
    .ucmy7_answer {
        margin-top: 0;
        border-top: 1px solid #dcdcdc
    }
    .ucmy7_answer .ucmy7_answer_info {
        padding: 12px 0
    }
    .ucmy7_detail_wrap .btn_wrap {
        margin-top: 18px;
        font-size: 0
    }
    .ucmy7_detail_wrap .btn {
        width: 49%;
        float: none
    }
    .ucmy7_detail_wrap .btn_modify {
        margin-left: 2%
    }
    .ucmy7_detail_wrap .btn_list {
        width: 100%;
        margin-top: 8px
    }
    .ucmy7_detail_cont2 {
        margin-top: 15px
    }
    .ucmy7_detail_cont>.btn_wrap {
        margin: 0 0 15px
    }
    .ucmy7_detail_cont2 .btn_question,
    .ucmy7_detail_wrap .btn_first_question {
        width: 100%;
        padding: 0 20px 0 10px
    }
    .ucmy7_detail_wrap .btn_first_question:after {
        right: 11px;
        width: 9px;
        height: 5px;
        background-position: -97px -24px
    }
    .ucmy7_detail_wrap .is_opened .btn_first_question:after {
        background-position: -86px -24px
    }
}
.ucmy8_list_wrap .tbl_ucmy8 {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucmy8_list_wrap .col1 {
    width: 6%
}
.ucmy8_list_wrap .col2 {
    width: 30%
}
.ucmy8_list_wrap .col3 {
    width: 16%
}
.ucmy8_list_wrap .col4 {
    width: 10%
}
.ucmy8_list_wrap .col5 {
    width: 58%
}
.ucmy8_list_wrap th {
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #000;
    word-break: keep-all
}
.ucmy8_list_wrap td {
    position: relative;
    padding: 10px 12px;
    border-top: 1px solid #dadada;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #3f3f3f;
    word-break: keep-all
}
.ucmy8_list_wrap tbody tr:first-child td {
    border-top: none
}
.ucmy8_list_wrap td .code,
.ucmy8_list_wrap td .title {
    display: block;
    text-align: left
}
.ucmy8_list_wrap td .code {
    margin-top: 6px;
    color: #626262
}
.ucmy8_list_wrap table .state {
    display: inline-block;
    width: 68px;
    height: 33px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 33px
}
.ucmy8_list_wrap table .state1 {
    background: #555
}
.ucmy8_list_wrap table .state2 {
    background: 0 0;
    color: #d6562e
}
.ucmy8_list_wrap .mo_ucmy8_list {
    display: none
}
@media screen and (max-width:1239px) {
    .ucmy8_list_wrap .col1 {
        width: 6%
    }
    .ucmy8_list_wrap .col2 {
        width: 30%
    }
    .ucmy8_list_wrap .col3 {
        width: 16%
    }
    .ucmy8_list_wrap .col4 {
        width: 10%
    }
    .ucmy8_list_wrap td,
    .ucmy8_list_wrap th {
        font-size: 1.5rem
    }
}
@media screen and (max-width:1024px) {
    .ucmy8_list_wrap .col1 {
        width: 6%
    }
    .ucmy8_list_wrap .col2 {
        width: 19%
    }
    .ucmy8_list_wrap .col3 {
        width: 19%
    }
    .ucmy8_list_wrap .col4 {
        width: 12%
    }
    .ucmy8_list_wrap td {
        padding: 10px 4px
    }
}
@media screen and (max-width:768px) {
    .ucmy8_list_wrap .pc_ucmy8_list {
        display: none
    }
    .ucmy8_list_wrap .mo_ucmy8_list {
        display: block
    }
    .mo_ucmy8_list {
        border-top: 2px solid #426f8f;
        border-bottom: 1px solid #a6a6a6
    }
    .mo_ucmy8_list .ucmy8_item {
        position: relative;
        border-top: 1px solid #dcdcdc;
        padding: 15px 12px
    }
    .mo_ucmy8_list .ucmy8_item:first-child {
        border: 0
    }
    .mo_ucmy8_list .ucmy8_item.is_opend {
        background: #f6f6f6
    }
    .mo_ucmy8_list .title_inner {
        display: block;
        font-size: 0
    }
    .mo_ucmy8_list .title_inner:after {
        display: inline-block;
        clear: both;
        content: ''
    }
    .mo_ucmy8_list .title_area {
        overflow: hidden;
        display: block
    }
    .mo_ucmy8_list .title {
        display: block;
        width: 100%;
        margin-right: 3px;
        font-size: 1.8rem;
        font-weight: 700;
        color: #4f4f4f;
        line-height: 1.3;
        text-align: left
    }
    .mo_ucmy8_list .title:hover,
    .mo_ucmy8_list .ucmy8_item.is_opend .title {
        text-decoration: underline
    }
    .mo_ucmy8_list .info_inner {
        display: block;
        margin-top: 7px;
        font-size: 0
    }
    .mo_ucmy8_list .info_inner .code {
        display: block;
        font-size: 1.5rem;
        font-weight: 400
    }
    .mo_ucmy8_list .btn_wrap {
        margin-top: 12px;
        font-size: 0
    }
    .mo_ucmy8_list .state {
        min-width: 104px;
        margin: 0;
        padding: 5px 0;
        font-size: 1.7rem;
        color: #fff
    }
    .mo_ucmy8_list .state1 {
        background: #555
    }
    .mo_ucmy8_list .state2 {
        background: 0 0;
        color: #d6562e
    }
    .mo_ucmy8_list .inner_info {
        display: none;
        margin-top: 10px;
        padding: 10px 14px;
        background: #f8f8f8;
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc
    }
    .mo_ucmy8_list .inner_info dt {
        float: left;
        width: 35%;
        max-width: 120px;
        padding-top: 6px;
        font-size: 1.5rem;
        font-weight: 700;
        color: #4d4d4d;
        word-break: keep-all
    }
    .mo_ucmy8_list .inner_info dd {
        display: block;
        overflow: hidden;
        padding: 6px 0 0 10px;
        font-size: 1.5rem;
        color: #4d4d4d
    }
    .mo_ucmy8_list .inner_info dt.book_space {
        display: block;
        float: none;
        width: 100%;
        max-width: none;
        clear: both
    }
    .mo_ucmy8_list .inner_info dd.book_space {
        padding: 2px 0 0
    }
    .mo_ucmy8_list .inner_info dd:first-of-type,
    .mo_ucmy8_list .inner_info dt:first-of-type {
        padding-top: 0
    }
}
.ucmy0_list_wrap .tbl_ucmy0 {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucmy0_list_wrap .col1 {
    width: 6%
}
.ucmy0_list_wrap .col2 {
    width: 62%
}
.ucmy0_list_wrap .col3 {
    width: 16%
}
.ucmy0_list_wrap th {
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #000;
    word-break: keep-all
}
.ucmy0_list_wrap td {
    position: relative;
    padding: 10px 12px;
    border-top: 1px solid #dadada;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #3f3f3f;
    word-break: keep-all
}
.ucmy0_list_wrap tbody tr:first-child td {
    border-top: none
}
.ucmy0_list_wrap td .code,
.ucmy0_list_wrap td .title {
    display: block;
    text-align: left
}
.ucmy0_list_wrap td .title:focus,
.ucmy0_list_wrap td .title:hover {
    text-decoration: underline
}
.ucmy0_list_wrap td .code {
    margin-top: 6px;
    color: #626262
}
.ucmy0_list_wrap table .state {
    display: inline-block;
    width: 68px;
    height: 33px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 33px
}
.ucmy0_list_wrap table .state1 {
    background: #555
}
.ucmy0_list_wrap table .state2 {
    background: 0 0;
    color: #d6562e
}
.ucmy0_list_wrap .mo_ucmy0_list {
    display: none
}
@media screen and (max-width:1239px) {
    .ucmy0_list_wrap .col1 {
        width: 6%
    }
    .ucmy0_list_wrap .col2 {
        width: 29%
    }
    .ucmy0_list_wrap .col3 {
        width: 15%
    }
    .ucmy0_list_wrap .col4 {
        width: 12%
    }
    .ucmy0_list_wrap td,
    .ucmy0_list_wrap th {
        font-size: 1.5rem
    }
    .ucmy0_list_wrap td {
        padding: 10px 4px
    }
}
@media screen and (max-width:768px) {
    .ucmy0_list_wrap .pc_ucmy0_list {
        display: none
    }
    .ucmy0_list_wrap .mo_ucmy0_list {
        display: block
    }
    .mo_ucmy0_list {
        border-top: 2px solid #426f8f;
        border-bottom: 1px solid #a6a6a6
    }
    .mo_ucmy0_list .ucmy0_item {
        position: relative;
        border-top: 1px solid #dcdcdc;
        padding: 15px 12px
    }
    .mo_ucmy0_list .ucmy0_item:first-child {
        border: 0
    }
    .mo_ucmy0_list .ucmy0_item.is_opend {
        background: #f6f6f6
    }
    .mo_ucmy0_list .title_inner {
        display: block;
        font-size: 0
    }
    .mo_ucmy0_list .title_inner:after {
        display: inline-block;
        clear: both;
        content: ''
    }
    .mo_ucmy0_list .title_area {
        overflow: hidden;
        display: block
    }
    .mo_ucmy0_list .title {
        display: block;
        width: 100%;
        margin-right: 3px;
        font-size: 1.8rem;
        font-weight: 700;
        color: #4f4f4f;
        line-height: 1.3;
        text-align: left
    }
    .mo_ucmy0_list .title:hover,
    .mo_ucmy0_list .ucmy0_item.is_opend .title {
        text-decoration: underline
    }
    .mo_ucmy0_list .info_inner {
        display: block;
        margin-top: 7px;
        font-size: 0
    }
    .mo_ucmy0_list .info_inner span {
        display: inline-block;
        font-size: 1.6rem;
        font-weight: 400;
        color: #626262
    }
    .mo_ucmy0_list .info_inner .apply_state {
        position: relative;
        margin-right: 6px;
        padding-right: 6px;
        font-weight: 700;
        color: #5692bc
    }
    .mo_ucmy0_list .info_inner .apply_state:after {
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px;
        height: 10px;
        background: #d5d5d5;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: ''
    }
    .mo_ucmy0_list .info_inner .info_title:after {
        padding: 0 4px;
        content: ':'
    }
    .mo_ucmy0_list .btn_wrap {
        margin-top: 12px;
        font-size: 0
    }
    .mo_ucmy0_list .state {
        min-width: 104px;
        margin: 0;
        padding: 5px 0;
        font-size: 1.7rem;
        color: #fff
    }
    .mo_ucmy0_list .state1 {
        background: #555
    }
    .mo_ucmy0_list .state2 {
        background: 0 0;
        color: #d6562e
    }
    .mo_ucmy0_list .inner_info {
        display: none;
        margin-top: 10px;
        padding: 10px 14px;
        background: #f8f8f8;
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc
    }
    .mo_ucmy0_list .inner_info dt {
        float: left;
        width: 35%;
        max-width: 120px;
        padding-top: 6px;
        font-size: 1.5rem;
        font-weight: 700;
        color: #4d4d4d;
        word-break: keep-all
    }
    .mo_ucmy0_list .inner_info dd {
        display: block;
        overflow: hidden;
        padding: 6px 0 0 10px;
        font-size: 1.5rem;
        color: #4d4d4d
    }
    .mo_ucmy0_list .inner_info dt.book_space {
        display: block;
        float: none;
        width: 100%;
        max-width: none;
        clear: both
    }
    .mo_ucmy0_list .inner_info dd.book_space {
        padding: 2px 0 0
    }
    .mo_ucmy0_list .inner_info dd:first-of-type,
    .mo_ucmy0_list .inner_info dt:first-of-type {
        padding-top: 0
    }
}
.ucmy8_detail_wrap {
    margin-top: 25px
}
.ucmy8_detail_wrap table {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucmy8_detail_wrap .col1 {
    width: 18%
}
.ucmy8_detail_wrap .col2 {
    width: 12%
}
.ucmy8_detail_wrap th {
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #000
}
.ucmy8_detail_wrap td {
    position: relative;
    padding: 12px 20px;
    border-top: 1px solid #dadada;
    background-color: #fff;
    font-weight: 400;
    color: #3f3f3f
}
.ucmy8_detail_wrap tbody tr:first-child td {
    border-top: none
}
.ucmy8_detail_wrap tbody tr td:first-child {
    text-align: left
}
.ucmy8_detail_wrap a {
    display: inline-block;
    padding: 5px;
    height: 100%
}
.ucmy8_mobile_detail_wrap {
    display: none
}
@media screen and (max-width:768px) {
    .ucmy8_detail_wrap {
        display: none;
        margin-top: 13px
    }
    .ucmy8_mobile_detail_wrap {
        display: block
    }
    .ucmy8_mobile_detail_wrap {
        border-top: 2px solid #426f8f;
        border-bottom: 1px solid #a6a6a6
    }
    .ucmy8_mobile_detail_wrap .ucmy8_item {
        padding: 14px 0;
        border-top: 1px solid #dfdfdf
    }
    .ucmy8_mobile_detail_wrap .ucmy8_item:first-child {
        border: 0
    }
    .ucmy8_mobile_detail_wrap .ucmy8_item>a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .ucmy8_mobile_detail_wrap .ucmy8_item>a:focus,
    .ucmy8_mobile_detail_wrap .ucmy8_item>a:hover {
        background: #f8f8f8
    }
    .ucmy8_mobile_detail_wrap .cont {
        overflow: hidden;
        position: relative;
        padding: 0 10px;
        text-align: left;
        box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .ucmy8_mobile_detail_wrap .bx {
        display: inline-block;
        vertical-align: middle
    }
    .ucmy8_mobile_detail_wrap .title {
        display: block;
        font-size: 1.7rem;
        font-weight: 700;
        color: #4f4f4f;
        line-height: 1.3;
        box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .ucmy8_mobile_detail_wrap .title:hover {
        text-decoration: underline
    }
    .ucmy8_mobile_detail_wrap .info_inner {
        display: block;
        margin-top: 6px;
        font-size: 0
    }
    .ucmy8_mobile_detail_wrap .info_inner dl {
        overflow: hidden
    }
    .ucmy8_mobile_detail_wrap .info_inner dd,
    .ucmy8_mobile_detail_wrap .info_inner dt {
        margin-top: 7px;
        font-size: 1.5rem;
        color: #626262
    }
    .ucmy8_mobile_detail_wrap .info_inner dt {
        float: left;
        position: relative;
        padding-right: 8px;
        margin-right: 8px
    }
    .ucmy8_mobile_detail_wrap .info_inner dt:after {
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px;
        height: 9px;
        background: #dcdcdc;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: ''
    }
    .ucmy8_mobile_detail_wrap .info_inner dd {
        overflow: hidden;
        display: block
    }
    .ucmy8_mobile_detail_wrap .info_inner .paper_copy {
        color: #3f8fc8
    }
}
.ucmy8_modify_wrap {
    margin-top: 16px
}
.ucmy8_modify_wrap table {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucmy8_modify_wrap .col1 {
    width: 18%
}
.ucmy8_modify_wrap .col2 {
    width: 12%
}
.ucmy8_modify_wrap th {
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #000
}
.ucmy8_modify_wrap td {
    position: relative;
    padding: 12px 20px;
    border-top: 1px solid #dadada;
    background-color: #fff;
    font-weight: 400;
    color: #3f3f3f
}
.ucmy8_modify_wrap tbody tr:first-child td {
    border-top: none
}
.ucmy8_modify_wrap tbody tr td:first-child {
    text-align: left
}
.ucmy8_modify_wrap a {
    display: inline-block;
    padding: 5px;
    height: 100%
}
.ucmy8_modify_wrap .input_select_wrap2 {
    height: 35px
}
.ucmy8_modify_wrap .input_text_wrap {
    height: 35px;
    border-color: #dcdcdc
}
.ucmy8_mobile_modify_wrap {
    display: none
}
.basktet_table .col1 {
    width: 30%
}
.basktet_table .col2 {
    width: 23%
}
.basktet_table td>span {
    display: -webkit-box;
    width: 100%;
    overflow: hidden;
    vertical-align: top;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}
@media screen and (max-width:768px) {
    .ucmy8_modify_wrap {
        display: none;
        margin-top: 13px
    }
    .ucmy8_mobile_modify_wrap {
        display: block
    }
    .ucmy8_mobile_modify_wrap {
        border-top: 2px solid #426f8f;
        border-bottom: 1px solid #a6a6a6
    }
    .ucmy8_mobile_modify_wrap .ucmy8_item {
        padding: 14px 0;
        border-top: 1px solid #dfdfdf
    }
    .ucmy8_mobile_modify_wrap .ucmy8_item:first-child {
        border: 0
    }
    .ucmy8_mobile_modify_wrap .ucmy8_item>a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .ucmy8_mobile_modify_wrap .ucmy8_item>a:focus,
    .ucmy8_mobile_modify_wrap .ucmy8_item>a:hover {
        background: #f8f8f8
    }
    .ucmy8_mobile_modify_wrap .cont {
        overflow: hidden;
        position: relative;
        padding: 0 10px;
        text-align: left;
        box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .ucmy8_mobile_modify_wrap .bx {
        display: inline-block;
        vertical-align: middle
    }
    .ucmy8_mobile_modify_wrap .title {
        display: block;
        font-size: 1.7rem;
        font-weight: 700;
        color: #4f4f4f;
        line-height: 1.3;
        box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .ucmy8_mobile_modify_wrap .title:hover {
        text-decoration: underline
    }
    .ucmy8_mobile_modify_wrap .info_inner {
        display: block;
        margin-top: 6px;
        font-size: 0
    }
    .ucmy8_mobile_modify_wrap .info_inner dl {
        overflow: hidden
    }
    .ucmy8_mobile_modify_wrap .info_inner dd,
    .ucmy8_mobile_modify_wrap .info_inner dt {
        margin-top: 7px;
        font-size: 1.5rem;
        color: #626262
    }
    .ucmy8_mobile_modify_wrap .info_inner dt {
        float: left;
        position: relative;
        padding-right: 8px;
        margin-right: 8px
    }
    .ucmy8_mobile_modify_wrap .info_inner dt:after {
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px;
        height: 9px;
        background: #dcdcdc;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: ''
    }
    .ucmy8_mobile_modify_wrap .info_inner dd {
        overflow: hidden;
        display: block
    }
    .ucmy8_mobile_modify_wrap .select_copy_paper {
        margin-top: 8px;
        font-size: 0
    }
    .ucmy8_mobile_modify_wrap .select_copy_paper>.input_select_wrap2 {
        float: left;
        margin-right: 4px
    }
    .ucmy8_mobile_modify_wrap .select_copy_paper>.input_select_wrap2,
    .ucmy8_mobile_modify_wrap .select_copy_paper>.input_text_wrap {
        display: block;
        overflow: hidden
    }
    .ucmy8_mobile_modify_wrap .select_copy_paper>.input_text_wrap {
        width: auto
    }
}
.ucmy9_title{
    font-size: 24px;
    font-weight: 400;
    position: relative;
}
.ucmy9_list_wrap .tbl_ucmy9 {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucmy9_list_wrap .col1 {
    width: 8%
}
.ucmy9_list_wrap .col2 {
    width: 10%
}
.ucmy9_list_wrap .col3 {
    width: 15%
}
.ucmy9_list_wrap th {
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf;
    background-color: #fbfbfb;
    font-size: 16px;
    color: #000;
    word-break: keep-all
}
.ucmy9_list_wrap td {
    position: relative;
    padding: 10px 8px;
    border-top: 1px solid #dadada;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #3f3f3f;
    vertical-align:middle;
}
.ucmy9_list_wrap tbody tr:first-child td {
    border-top: none
}
.ucmy9_list_wrap td .title {
    display: block;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.ucmy9_list_wrap td a:focus,
.ucmy9_list_wrap td a:hover {
    text-decoration: underline
}
.ucmy9_list_wrap table .state {
    display: inline-block;
    width: 68px;
    height: 33px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 33px
}
.ucmy9_list_wrap table .state1 {
    background: #555
}
.ucmy9_list_wrap table .state2 {
    background: 0 0;
    color: #d6562e
}
.ucmy9_list_wrap .mo_ucmy9_list {
    display: none
}
@media screen and (max-width:1239px) {

    .ucmy9_list_wrap td,
    .ucmy9_list_wrap th {
        font-size: 15px;
    }
}
@media screen and (max-width:1024px) {
    .ucmy9_list_wrap .col1 {
        width: 7%
    }
    .ucmy9_list_wrap .col2 {
        width: 11%
    }
    .ucmy9_list_wrap .col3 {
        width: 18%
    }
    .ucmy9_list_wrap td {
        padding: 10px 4px
    }
}
@media screen and (max-width:768px) {
	.ucmy9_title{
	    font-size: 20px;
	}
    .ucmy9_list_wrap .pc_ucmy9_list {
        display: none
    }
    .ucmy9_list_wrap .mo_ucmy9_list {
        display: block
    }
    .mo_ucmy9_list {
        border-top: 2px solid #426f8f;
        border-bottom: 1px solid #a6a6a6
    }
    .mo_ucmy9_list .ucmy9_item {
        position: relative;
        border-top: 1px solid #dcdcdc;
        padding: 15px 12px
    }
    .mo_ucmy9_list .ucmy9_item:first-child {
        border: 0
    }
    .mo_ucmy9_list .title_inner {
        display: block;
        font-size: 0
    }
    .mo_ucmy9_list .title_inner:after {
        display: inline-block;
        clear: both;
        content: ''
    }
    .mo_ucmy9_list .title_area {
        overflow: hidden;
        display: block
    }
    .mo_ucmy9_list .title {
        display: block;
        width: 100%;
        margin-right: 3px;
        font-size: 1.8rem;
        font-weight: 700;
        color: #4f4f4f;
        line-height: 1.3;
        text-align: left
    }
    .mo_ucmy9_list .title:hover,
    .mo_ucmy9_list .ucmy9_item.is_opend .title {
        text-decoration: underline
    }
    .mo_ucmy9_list .info_inner {
        display: block;
        margin-top: 7px;
        font-size: 0
    }
    .mo_ucmy9_list .info_inner span {
        display: inline-block;
        font-size: 1.6rem;
        font-weight: 400;
        color: #626262
    }
    .mo_ucmy9_list .info_inner .apply_state {
        position: relative;
        margin-right: 6px;
        padding-right: 6px;
        font-weight: 700;
        color: #5692bc
    }
    .mo_ucmy9_list .info_inner .apply_state:after {
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px;
        height: 10px;
        background: #d5d5d5;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: ''
    }
    .mo_ucmy9_list .info_inner .info_title:after {
        padding: 0 4px;
        content: ':'
    }
    .mo_ucmy9_list .btn_wrap {
        margin-top: 12px;
        font-size: 0
    }
    .mo_ucmy9_list .state {
        min-width: 104px;
        margin: 0;
        padding: 5px 0;
        font-size: 1.7rem;
        color: #fff
    }
    .mo_ucmy9_list .state1 {
        background: #555
    }
    .mo_ucmy9_list .state2 {
        background: 0 0;
        color: #d6562e
    }
    .mo_ucmy9_list .inner_info {
        margin-top: 8px
    }
    .mo_ucmy9_list .inner_info dt {
        float: left;
        padding-top: 3px;
        font-size: 1.5rem;
        font-weight: 400;
        color: #4d4d4d;
        word-break: keep-all
    }
    .mo_ucmy9_list .inner_info dt:after {
        padding: 0 4px;
        content: ':'
    }
    .mo_ucmy9_list .inner_info dd {
        display: block;
        overflow: hidden;
        padding: 3px 0 0;
        font-size: 1.5rem;
        font-weight: 400;
        color: #4d4d4d
    }
    .mo_ucmy9_list .inner_info dt.book_space {
        display: block;
        float: none;
        width: 100%;
        max-width: none;
        clear: both
    }
    .mo_ucmy9_list .inner_info dd.book_space {
        padding: 2px 0 0
    }
    .mo_ucmy9_list .inner_info dd:first-of-type,
    .mo_ucmy9_list .inner_info dt:first-of-type {
        padding-top: 0
    }
}
.ucmy9_detail_wrap .tbl_ucmy9 {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucmy9_detail_wrap .col1 {
    width: 12%
}
.ucmy9_detail_wrap .col2 {
    width: 38%
}
.ucmy9_detail_wrap th {
    padding: 16px 12px;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #000;
    text-align: left;
    word-break: keep-all
}
.ucmy9_detail_wrap td {
    position: relative;
    padding: 10px 8px;
    border-bottom: 1px solid #dadada;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #3f3f3f;
    text-align: left;
    word-break: keep-all
}
.ucmy9_detail_wrap tbody tr:last-child td,
.ucmy9_detail_wrap tr:last-child th {
    border-bottom: none
}
.ucmy9_detail_wrap .btn_wrap {
    margin-top: 30px;
    text-align: right
}
.ucmy9_detail_wrap .btn_wrap:after {
    display: block;
    clear: both;
    content: ''
}
.ucmy9_detail_wrap .btn_list {
    float: left
}
.ucmy9_detail_wrap .btn_cancel {
    background: #d6562e
}
.ucmy9_detail_wrap .btn_modify {
    background: #426f8f
}
@media screen and (max-width:1239px) {

    .ucmy9_detail_wrap td,
    .ucmy9_detail_wrap th {
        font-size: 1.5rem
    }
}
@media screen and (max-width:768px) {

    .ucmy9_detail_wrap .col1,
    .ucmy9_detail_wrap .col2 {
        width: 25%
    }
    .ucmy9_detail_wrap .email {
        word-break: break-all
    }
    .ucmy9_detail_wrap th {
        padding: 8px 6px
    }
    .ucmy9_detail_wrap td {
        padding: 6px 4px
    }
    .ucmy9_detail_wrap .btn_wrap {
        margin-top: 18px;
        font-size: 0
    }
    .ucmy9_detail_wrap .btn {
        width: 49%;
        float: none
    }
    .ucmy9_detail_wrap .btn_modify {
        margin-right: 2%
    }
}
.ucmy9_modify_wrap .tbl_ucmy9 {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucmy9_modify_wrap .col1 {
    width: 12%
}
.ucmy9_modify_wrap .col2 {
    width: 38%
}
.ucmy9_modify_wrap th {
    padding: 16px 12px;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #000;
    text-align: left;
    word-break: keep-all
}
.ucmy9_modify_wrap td {
    position: relative;
    padding: 10px 8px;
    border-bottom: 1px solid #dadada;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #3f3f3f;
    text-align: left;
    word-break: keep-all
}
.ucmy9_modify_wrap tbody tr:last-child td,
.ucmy9_modify_wrap tr:last-child th {
    border-bottom: none
}
.ucmy9_modify_wrap .input_text_wrap {
    height: 35px;
    border-color: #dcdcdc
}
.ucmy9_modify_wrap .textarea_wrap {
    height: 108px;
    border-color: #dcdcdc
}
@media screen and (max-width:1239px) {

    .ucmy9_modify_wrap td,
    .ucmy9_modify_wrap th {
        font-size: 1.5rem
    }
}
@media screen and (max-width:768px) {

    .ucmy9_modify_wrap .col1,
    .ucmy9_modify_wrap .col2 {
        width: 25%
    }
    .ucmy9_modify_wrap .email {
        word-break: break-all
    }
    .ucmy9_modify_wrap th {
        padding: 8px 6px
    }
    .ucmy9_modify_wrap td {
        padding: 6px 4px
    }
}
.ucmy2_list_wrap .board_notice {
    display: block;
    float: right;
    margin-top: -40px;
    font-size: 16px;
    font-weight: 500;
    color: #474747
}
.ucmy2_list_wrap .board_notice .point {
    color: #2d88cd
}
.ucmy2_list_wrap .board_notice:before {
    content: '※ '
}
.ucmy2_list_wrap .tbl_ucmy2 {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucmy2_list_wrap .col1 {
    width: 6%
}
.ucmy2_list_wrap .col2 {
    width: 58%
}
.ucmy2_list_wrap .col3 {
    width: 12%
}
.ucmy2_list_wrap th {
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #000;
    word-break: keep-all
}
.ucmy2_list_wrap td {
    position: relative;
    padding: 10px 12px;
    border-top: 1px solid #dadada;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #3f3f3f;
    word-break: keep-all
}
.ucmy2_list_wrap tbody tr:first-child td {
    border-top: none
}
.ucmy2_list_wrap td .code,
.ucmy2_list_wrap td .title {
    display: block;
    text-align: left
}
.ucmy2_list_wrap td .title:focus,
.ucmy2_list_wrap td .title:hover {
    text-decoration: underline
}
.ucmy2_list_wrap td .code {
    margin-top: 6px;
    color: #626262
}
.ucmy2_list_wrap table .state {
    display: inline-block;
    width: 68px;
    height: 33px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 33px
}
.ucmy2_list_wrap .state1 {
    background: #5692bc
}
.ucmy2_list_wrap .state2 {
    background: #555
}
.ucmy2_list_wrap .mo_ucmy2_list {
    display: none
}
@media screen and (max-width:1024px) {
    .ucmy2_list_wrap .col1 {
        width: 6%
    }
    .ucmy2_list_wrap .col2 {
        width: 55%
    }
    .ucmy2_list_wrap .col3 {
        width: 13%
    }
    .ucmy2_list_wrap td,
    .ucmy2_list_wrap th {
        font-size: 1.5rem
    }
    .ucmy2_list_wrap td {
        padding: 10px 4px
    }
}
@media screen and (max-width:768px) {
    .ucmy2_list_wrap .pc_ucmy2_list {
        display: none
    }
    .ucmy2_list_wrap .mo_ucmy2_list {
        display: block;
        margin-top: 4px
    }
    .ucmy2_list_wrap .board_notice {
        float: none;
        margin-top: -4px;
        font-size: 1.5rem
    }
    .mo_ucmy2_list {
        border-top: 2px solid #426f8f;
        border-bottom: 1px solid #a6a6a6
    }
    .mo_ucmy2_list .ucmy2_item {
        position: relative;
        border-top: 1px solid #dcdcdc;
        padding: 15px 12px
    }
    .mo_ucmy2_list .ucmy2_item:first-child {
        border: 0
    }
    .mo_ucmy2_list .ucmy2_item.is_opend {
        background: #f6f6f6
    }
    .mo_ucmy2_list .title_inner {
        display: block;
        font-size: 0
    }
    .mo_ucmy2_list .title_inner:after {
        display: inline-block;
        clear: both;
        content: ''
    }
    .mo_ucmy2_list .title_area {
        overflow: hidden;
        display: block
    }
    .mo_ucmy2_list .title {
        display: block;
        width: 100%;
        font-size: 1.8rem;
        font-weight: 700;
        color: #4f4f4f;
        line-height: 1.3;
        text-align: left
    }
    .mo_ucmy2_list .title:hover,
    .mo_ucmy2_list .ucmy2_item.is_opend .title {
        text-decoration: underline
    }
    .mo_ucmy2_list .info_inner {
        display: block;
        margin-top: 7px;
        font-size: 0
    }
    .mo_ucmy2_list .info_inner dd,
    .mo_ucmy2_list .info_inner dt {
        font-size: 1.6rem;
        font-weight: 400;
        color: #626262
    }
    .mo_ucmy2_list .info_inner .info_title {
        float: left
    }
    .mo_ucmy2_list .info_inner .info_title:after {
        padding: 0 4px;
        content: ':'
    }
    .mo_ucmy2_list .info_inner dd {
        display: block;
        overflow: hidden
    }
    .mo_ucmy2_list .info_inner .hope_date {
        display: inline-block
    }
    .mo_ucmy2_list .info_inner .state {
        display: inline-block;
        position: relative;
        margin-left: 6px;
        padding-left: 6px;
        background: 0 0;
        font-size: 1.6rem;
        font-weight: 700;
        color: #555;
        text-align: center;
        line-height: 1.3
    }
    .mo_ucmy2_list .info_inner .state1 {
        color: #5692bc
    }
    .mo_ucmy2_list .info_inner .state2 {
        color: #555
    }
    .mo_ucmy2_list .info_inner .state:before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 10px;
        background: #d5d5d5;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: ''
    }
    .mo_ucmy2_list .inner_info {
        display: none;
        margin-top: 10px;
        padding: 10px 14px;
        background: #f8f8f8;
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc
    }
    .mo_ucmy2_list .inner_info dt {
        float: left;
        width: 35%;
        max-width: 120px;
        padding-top: 6px;
        font-size: 1.5rem;
        font-weight: 700;
        color: #4d4d4d;
        word-break: keep-all
    }
    .mo_ucmy2_list .inner_info dd {
        display: block;
        overflow: hidden;
        padding: 6px 0 0 10px;
        font-size: 1.5rem;
        color: #4d4d4d
    }
    .mo_ucmy2_list .inner_info dd:first-of-type,
    .mo_ucmy2_list .inner_info dt:first-of-type {
        padding-top: 0
    }
}
.ucmy2_detail_wrap .ucmy2_list {
    margin-top: 24px
}
.ucmy2_detail_wrap .ucmy2_list:first-of-type {
    margin-top: 0
}
.ucmy2_detail_wrap .ucmy2_title {
    display: block;
    width: 100%;
    padding: 16px 24px 16px 21px;
    background: #426f8f;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucmy2_detail_wrap .tbl_ucmy2 {
    width: 100%;
    margin-top: 18px;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucmy2_detail_wrap .col1 {
    width: 12%
}
.ucmy2_detail_wrap .col2 {
    width: 38%
}
.ucmy2_detail_wrap th {
    padding: 16px 12px;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #000;
    text-align: left;
    word-break: keep-all
}
.ucmy2_detail_wrap td {
    position: relative;
    padding: 10px 8px;
    border-bottom: 1px solid #dadada;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #3f3f3f;
    text-align: left;
    word-break: keep-all
}
.ucmy2_detail_wrap tbody tr:last-child td,
.ucmy2_detail_wrap tr:last-child th {
    border-bottom: none
}
.ucmy2_detail_wrap .btn_wrap {
    margin-top: 30px;
    text-align: right
}
.ucmy2_detail_wrap .btn_wrap:after {
    display: block;
    clear: both;
    content: ''
}
.ucmy2_detail_wrap .btn_list {
    float: left
}
.ucmy2_detail_wrap .btn_cancel {
    background: #d6562e
}
.ucmy2_detail_wrap .btn_receipt {
    min-width: 142px;
    background: #426f8f
}
@media screen and (max-width:1239px) {

    .ucmy2_detail_wrap td,
    .ucmy2_detail_wrap th {
        font-size: 1.5rem
    }
}
@media screen and (max-width:768px) {
    .ucmy2_detail_wrap .ucmy2_list {
        margin-top: 14px
    }
    .ucmy2_detail_wrap .ucmy2_title {
        padding: 0 20px 0 10px;
        line-height: 30px
    }
    .ucmy2_detail_wrap .tbl_ucmy2 {
        margin-top: 10px
    }
    .ucmy2_detail_wrap .col1,
    .ucmy2_detail_wrap .col2 {
        width: 25%
    }
    .ucmy2_detail_wrap .email {
        word-break: break-all
    }
    .ucmy2_detail_wrap th {
        padding: 8px 4px
    }
    .ucmy2_detail_wrap td {
        padding: 6px 4px
    }
    .ucmy2_detail_wrap .btn_wrap {
        margin-top: 18px;
        font-size: 0
    }
    .ucmy2_detail_wrap .btn {
        width: 49%;
        float: none
    }
    .ucmy2_detail_wrap .btn_receipt {
        margin-left: 2%
    }
    .ucmy2_detail_wrap .btn_list {
        width: 100%;
        margin-top: 8px
    }
}
.ucmy3_list_wrap .board_notice {
    display: block;
    margin: -4px 0 20px;
    font-size: 16px;
    font-weight: 500;
    color: #474747
}
.ucmy3_list_wrap .board_notice .point {
    color: #2d88cd
}
.ucmy3_list_wrap .board_notice:before {
    content: '※ '
}
.ucmy3_list_wrap .tbl_ucmy3 {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucmy3_list_wrap .col1 {
    width: 6%
}
.ucmy3_list_wrap .col3 {
    width: 16%
}
.ucmy3_list_wrap .col4 {
    width: 20%
}
.ucmy3_list_wrap th {
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #000;
    word-break: keep-all
}
.ucmy3_list_wrap td {
    position: relative;
    padding: 10px 12px;
    border-top: 1px solid #dadada;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #3f3f3f;
    word-break: keep-all
}
.ucmy3_list_wrap tbody tr:first-child td {
    border-top: none
}
.ucmy3_list_wrap td .title:focus,
.ucmy3_list_wrap td .title:hover {
    text-decoration: underline
}
.ucmy3_list_wrap td .code {
    margin-top: 6px;
    color: #626262
}
.ucmy3_list_wrap table .state {
    display: inline-block;
    width: 68px;
    height: 33px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 33px
}
.ucmy3_list_wrap table .state1 {
    background: #555
}
.ucmy3_list_wrap table .state2,
.ucmy3_list_wrap table .state3 {
    background: 0 0;
    color: #d6562e
}
.ucmy3_list_wrap .mo_ucmy3_list {
    display: none
}
@media screen and (max-width:1239px) {
    .ucmy3_list_wrap .col1 {
        width: 6%
    }
    .ucmy3_list_wrap .col3 {
        width: 14%
    }
    .ucmy3_list_wrap .col4 {
        width: 14%
    }
    .ucmy3_list_wrap td,
    .ucmy3_list_wrap th {
        font-size: 1.5rem
    }
    .ucmy3_list_wrap td {
        padding: 10px 4px
    }
}
@media screen and (max-width:768px) {
    .ucmy3_list_wrap .pc_ucmy3_list {
        display: none
    }
    .ucmy3_list_wrap .mo_ucmy3_list {
        display: block;
        margin-top: 4px
    }
    .ucmy3_list_wrap .board_notice {
        margin: -14px 0 10px;
        font-size: 1.5rem
    }
    .mo_ucmy3_list {
        border-top: 2px solid #426f8f;
        border-bottom: 1px solid #a6a6a6
    }
    .mo_ucmy3_list .ucmy3_item {
        position: relative;
        border-top: 1px solid #dcdcdc;
        padding: 15px 12px
    }
    .mo_ucmy3_list .ucmy3_item:first-child {
        border: 0
    }
    .mo_ucmy3_list .ucmy3_item.is_opend {
        background: #f6f6f6
    }
    .mo_ucmy3_list .title_inner {
        display: block;
        font-size: 0
    }
    .mo_ucmy3_list .title_inner:after {
        display: inline-block;
        clear: both;
        content: ''
    }
    .mo_ucmy3_list .title_area {
        overflow: hidden;
        display: block
    }
    .mo_ucmy3_list .title {
        display: block;
        width: 100%;
        margin-right: 3px;
        font-size: 1.8rem;
        font-weight: 700;
        color: #4f4f4f;
        line-height: 1.3;
        text-align: left
    }
    .mo_ucmy3_list .title:hover,
    .mo_ucmy3_list .ucmy3_item.is_opend .title {
        text-decoration: underline
    }
    .mo_ucmy3_list .info_inner {
        display: block;
        margin-top: 7px;
        font-size: 0
    }
    .mo_ucmy3_list .info_inner span {
        display: inline-block;
        font-size: 1.6rem;
        font-weight: 400;
        color: #626262
    }
    .mo_ucmy3_list .info_inner .apply_state {
        position: relative;
        margin-right: 6px;
        padding-right: 6px;
        font-weight: 700;
        color: #5692bc
    }
    .mo_ucmy3_list .info_inner .apply_state:after {
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px;
        height: 10px;
        background: #d5d5d5;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: ''
    }
    .mo_ucmy3_list .info_inner .info_title:after {
        padding: 0 4px;
        content: ':'
    }
    .mo_ucmy3_list .inner_info {
        margin-top: 4px
    }
    .mo_ucmy3_list .inner_info dt {
        float: left;
        max-width: 120px;
        padding-top: 6px;
        font-size: 1.5rem;
        color: #4d4d4d;
        word-break: keep-all
    }
    .mo_ucmy3_list .inner_info dt:after {
        padding: 0 4px;
        content: ":"
    }
    .mo_ucmy3_list .inner_info dd {
        display: block;
        overflow: hidden;
        padding: 6px 0 0;
        font-size: 1.5rem;
        color: #4d4d4d
    }
    .mo_ucmy3_list .inner_info dd:first-of-type,
    .mo_ucmy3_list .inner_info dt:first-of-type {
        padding-top: 0
    }
    .mo_ucmy3_list .btn_wrap {
        margin-top: 12px;
        font-size: 0
    }
    .mo_ucmy3_list .state {
        min-width: 104px;
        margin: 0;
        padding: 5px 0;
        font-size: 1.7rem;
        color: #fff
    }
    .mo_ucmy3_list .state1 {
        background: #555
    }
    .mo_ucmy3_list .state2,
    .mo_ucmy3_list .state3 {
        background: 0 0;
        color: #d6562e
    }
}
.ucmy4_wrap .board_notice .point {
    color: #2d88cd
}
.ucmy4_wrap .board_notice:before {
    content: '※ '
}
.ucmy4_wrap table {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucmy4_wrap .col1 {
    width: 22%
}
.ucmy4_wrap th {
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #000
}
.ucmy4_wrap td {
    position: relative;
    padding: 22px 47px;
    border-top: 1px solid #dadada;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #3f3f3f
}
.ucmy4_wrap tbody tr:first-child td {
    border-top: none
}
.ucmy4_wrap table .title_inner {
    text-align: left;
    word-break: keep-all
}
.ucmy4_wrap table .title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #4f4f4f
}
.ucmy4_wrap table .info_text {
    display: block;
    margin-top: 7px;
    font-size: 16px;
    color: #4d4d4d
}
.ucmy4_wrap table .state {
    display: inline-block;
    width: 100px;
    height: 33px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 33px
}
.ucmy4_wrap table .state1 {
    background: #5692bc
}
.ucmy4_wrap table .state2 {
    background: #555
}
@media screen and (max-width:768px) {
    .ucmy4_wrap table {
        margin-top: 6px
    }
    .ucmy4_wrap table .col1 {
        width: 32%
    }
    .ucmy4_wrap th {
        padding: 9px 10px;
        font-size: 1.5rem
    }
    .ucmy4_wrap td {
        padding: 7px 10px;
        font-size: 1.5rem
    }
    .ucmy4_wrap table .title {
        font-size: 1.7rem
    }
    .ucmy4_wrap table .info_text {
        margin-top: 4px;
        font-size: 1.5rem
    }
    .ucmy4_wrap table .state {
        width: auto;
        padding: 0 4px
    }
}
.ucmy5_wrap .tbl_ucmy5 {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucmy5_wrap .tbl_ucmy5_pc .col1 {
    width: 5%
}
.ucmy5_wrap .tbl_ucmy5_pc .col2 {
    width: 10%
}
.ucmy5_wrap .tbl_ucmy5_pc .col3 {
    width: 16%
}
.ucmy5_wrap .tbl_ucmy5 th {
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    font-weight: 700;
    color: #000
}
.ucmy5_wrap .tbl_ucmy5 td {
    position: relative;
    padding: 12px 2px;
    border-top: 1px solid #dadada;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #3f3f3f;
    white-space: normal
}
.ucmy5_wrap tbody tr:first-child td {
    border-top: none
}
.ucmy5_wrap .input_check_wrap {
    line-height: 22px;
    vertical-align: middle
}
.ucmy5_wrap .tbl_ucmy5 .title {
    display: block;
    text-align: left;
    word-break: keep-all
}
.ucmy5_wrap .tbl_ucmy5 .title strong {
    display: block;
    font-weight: 400
}
.ucmy5_wrap .tbl_ucmy5 .title:focus,
.ucmy5_wrap .tbl_ucmy5 .title:hover {
    text-decoration: underline
}
.ucmy5_wrap .tbl_ucmy5_mo {
    display: none
}
@media screen and (max-width:1239px) {

    .ucmy5_wrap .tbl_ucmy5 td,
    .ucmy5_wrap .tbl_ucmy5 th {
        font-size: 1.5rem
    }
    .ucmy5_wrap .tbl_ucmy5 td {
        padding: 10px 4px
    }
}
@media screen and (max-width:768px) {
    .ucmy5_wrap .tbl_ucmy5_pc {
        display: none
    }
    .ucmy5_wrap .tbl_ucmy5_mo {
        display: table
    }
    .ucmy5_wrap .tbl_ucmy5_mo .col1 {
        width: 10%
    }
    .ucmy5_wrap .tbl_ucmy5_mo .col2 {
        width: 22%
    }
    .ucmy5_wrap .input_check_wrap {
        line-height: 20px
    }
    .ucmy5_wrap .tbl_ucmy5 th {
        padding: 8px 0
    }
    .ucmy5_wrap .tbl_ucmy5 .category {
        display: block;
        font-size: 1.5rem;
        color: #5692bc
    }
    .ucmy5_wrap .tbl_ucmy5 .title strong {
        font-size: 1.6rem;
        font-weight: 700;
        color: #4f4f4f
    }
    .ucmy5_wrap .tbl_ucmy5 .book_info {
        display: block;
        margin-top: 4px;
        text-align: left;
        font-size: 0
    }
    .ucmy5_wrap .tbl_ucmy5 .book_info span {
        display: inline-block;
        font-size: 1.4rem
    }
    .ucmy5_wrap .tbl_ucmy5 .publish_year {
        position: relative;
        margin-left: 6px;
        padding-left: 6px
    }
    .ucmy5_wrap .tbl_ucmy5 .publish_year:before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 10px;
        background: #d5d5d5;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: ''
    }
}
.ucmy6_wrap .tbl_ucmy6 {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucmy6_wrap .tbl_ucmy6_pc {
    margin-top: 20px
}
.ucmy6_wrap .tbl_ucmy6_pc .col1 {
    width: 5%
}
.ucmy6_wrap .tbl_ucmy6_pc .col2 {
    width: 10%
}
.ucmy6_wrap .tbl_ucmy6_pc .col3 {
    width: 16%
}
.ucmy6_wrap .tbl_ucmy6 th {
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    font-weight: 700;
    color: #000
}
.ucmy6_wrap .tbl_ucmy6 td {
    position: relative;
    padding: 12px 2px;
    border-top: 1px solid #dadada;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #3f3f3f;
    white-space: normal
}
.ucmy6_wrap tbody tr:first-child td {
    border-top: none
}
.ucmy6_wrap .input_check_wrap {
    line-height: 22px;
    vertical-align: middle
}
.ucmy6_wrap .tbl_ucmy6 .title {
    display: block
}
.ucmy6_wrap .tbl_ucmy6 .title {
    display: block;
    font-weight: 400;
    text-align: left;
    word-break: keep-all
}
.ucmy6_wrap .tbl_ucmy6 .title:focus,
.ucmy6_wrap .tbl_ucmy6 .title:hover {
    text-decoration: underline
}
.ucmy6_wrap .tbl_ucmy6_mo {
    display: none
}
@media screen and (max-width:1239px) {

    .ucmy6_wrap .tbl_ucmy6 td,
    .ucmy6_wrap .tbl_ucmy6 th {
        font-size: 1.5rem
    }
    .ucmy6_wrap .tbl_ucmy6 td {
        padding: 10px 4px
    }
}
@media screen and (max-width:768px) {
    .ucmy6_wrap .tbl_ucmy6_pc {
        display: none
    }
    .ucmy6_wrap .tbl_ucmy6_mo {
        display: table
    }
    .ucmy6_wrap .tbl_ucmy6_mo .col1 {
        width: 10%
    }
    .ucmy6_wrap .tbl_ucmy6_mo .col2 {
        width: 22%
    }
    .ucmy6_wrap .input_check_wrap {
        line-height: 20px
    }
    .ucmy6_wrap .tbl_ucmy6 th {
        padding: 8px 0
    }
    .ucmy6_wrap .tbl_ucmy6 .title {
        font-size: 1.6rem;
        color: #4f4f4f
    }
    .ucmy6_wrap .tbl_ucmy6 .journal_info {
        display: block;
        margin-top: 4px;
        text-align: left;
        font-size: 0
    }
    .ucmy6_wrap .tbl_ucmy6 .journal_info span {
        display: inline-block;
        font-size: 1.4rem
    }
    .ucmy6_wrap .tbl_ucmy6 .issn {
        position: relative;
        margin-left: 6px;
        padding-left: 6px
    }
    .ucmy6_wrap .tbl_ucmy6 .issn:before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 10px;
        background: #d5d5d5;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: ''
    }
}
.ucmy6_select_wrap .tbl_ucmy6 {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucmy6_select_wrap .tbl_ucmy6_pc .col1 {
    width: 5%
}
.ucmy6_select_wrap .tbl_ucmy6_pc .col2 {
    width: 10%
}
.ucmy6_select_wrap .tbl_ucmy6_pc .col3 {
    width: 22%
}
.ucmy6_select_wrap .tbl_ucmy6 th {
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    font-weight: 700;
    color: #000
}
.ucmy6_select_wrap .tbl_ucmy6 td {
    position: relative;
    padding: 12px 2px;
    border-top: 1px solid #dadada;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #3f3f3f;
    white-space: normal
}
.ucmy6_select_wrap tbody tr:first-child td {
    border-top: none
}
.ucmy6_select_wrap .input_check_wrap {
    line-height: 22px;
    vertical-align: middle
}
.ucmy6_select_wrap .tbl_ucmy6 .title {
    display: block
}
.ucmy6_select_wrap .tbl_ucmy6 .title {
    display: block;
    font-weight: 400;
    text-align: left;
    word-break: keep-all
}
.ucmy6_select_wrap .tbl_ucmy6 .title:focus,
.ucmy6_select_wrap .tbl_ucmy6 .title:hover {
    text-decoration: underline
}
.ucmy6_select_wrap .btn_wrap {
    text-align: right
}
.ucmy6_select_wrap .btn_delete {
    background: #fff;
    border: 1px solid #d6562e;
    color: #d6562e
}
.ucmy6_select_wrap .btn_save {
    display: block;
    margin: 20px auto 0
}
.ucmy6_select_wrap .tbl_ucmy6 .btn_wrap {
    margin-top: 0;
    text-align: center
}
.ucmy6_select_wrap .tbl_ucmy6 .btn_delete {
    min-width: 68px
}
.ucmy6_select_wrap .tbl_ucmy6_mo {
    display: none
}
@media screen and (max-width:1239px) {

    .ucmy6_select_wrap .tbl_ucmy6 td,
    .ucmy6_select_wrap .tbl_ucmy6 th {
        font-size: 1.5rem
    }
    .ucmy6_select_wrap .tbl_ucmy6 td {
        padding: 10px 4px
    }
}
@media screen and (max-width:768px) {
    .ucmy6_select_wrap .tbl_ucmy6_pc {
        display: none
    }
    .ucmy6_select_wrap .tbl_ucmy6_mo {
        display: table
    }
    .ucmy6_select_wrap .tbl_ucmy6_mo .col1 {
        width: 10%
    }
    .ucmy6_select_wrap .tbl_ucmy6_mo .col2 {
        width: 28%
    }
    .ucmy6_select_wrap .input_check_wrap {
        line-height: 20px
    }
    .ucmy6_select_wrap .tbl_ucmy6 th {
        padding: 8px 0
    }
    .ucmy6_select_wrap .tbl_ucmy6 .title {
        font-size: 1.6rem;
        color: #4f4f4f
    }
    .ucmy6_select_wrap .tbl_ucmy6 .journal_info {
        display: block;
        margin-top: 4px;
        text-align: left;
        font-size: 0
    }
    .ucmy6_select_wrap .tbl_ucmy6 .journal_info span {
        display: inline-block;
        font-size: 1.4rem
    }
    .ucmy6_select_wrap .tbl_ucmy6 .issn {
        position: relative;
        margin-left: 6px;
        padding-left: 6px
    }
    .ucmy6_select_wrap .tbl_ucmy6 .issn:before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 10px;
        background: #d5d5d5;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: ''
    }
    .ucmy6_select_wrap .btn_save {
        width: 100%
    }
}
.ucreq4_wrap .tbl_ucreq4 {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucreq4_wrap .tbl_ucreq4 .col1,
.ucreq4_wrap .tbl_ucreq4 .col2 {
    width: 18%
}
.ucreq4_wrap .tbl_ucreq4 thead th {
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    font-weight: 700;
    color: #000
}
.ucreq4_wrap .tbl_ucreq4 tbody th,
.ucreq4_wrap .tbl_ucreq4 td {
    position: relative;
    padding: 12px 2px;
    border-top: 1px solid #dadada;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #3f3f3f;
    white-space: normal
}
.ucreq4_wrap .tbl_ucreq4 tbody tr:first-child th,
.ucreq4_wrap tbody tr:first-child td {
    border-top: none
}
.ucreq4_wrap .tbl_ucreq4 .btn_wrap {
    margin-top: 0;
    text-align: center
}
.ucreq4_wrap .tbl_ucreq4 .btn {
    min-width: 68px
}
.ucreq4_wrap .tbl_ucreq4 .btn_end {
    background: #555
}
@media screen and (max-width:768px) {
    .ucreq4_wrap .tbl_ucreq4 thead th {
        padding: 10px 0
    }
    .ucreq4_wrap .tbl_ucreq4 tbody th,
    .ucreq4_wrap .tbl_ucreq4 td {
        font-size: 1.5rem
    }
    .ucreq4_wrap .tbl_ucreq4 .col1 {
        width: 13%
    }
    .ucreq4_wrap .tbl_ucreq4 .col2 {
        width: 19%
    }
    .ucreq4_wrap .tbl_ucreq4 .btn {
        min-width: 48px;
        font-size: 1.5rem
    }
}
.ucreq2_list_wrap .board_notice {
    display: block;
    margin: -4px 0 20px;
    font-size: 16px;
    font-weight: 500;
    color: #474747
}
.ucreq2_list_wrap .board_notice .point {
    color: #2d88cd
}
.ucreq2_list_wrap .board_notice:before {
    content: '※ '
}
.ucreq2_list_wrap .apply_btn_wrap {
    margin: -58px 0 20px;
    text-align: right
}
.ucreq2_list_wrap .btn_my {
    background: #4a5d78
}
.ucreq2_list_wrap .tbl_ucreq2 {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucreq2_list_wrap .col {
    width: 20%
}
.ucreq2_list_wrap .ucreq2_my_list .col {
    width: 25%
}
.ucreq2_list_wrap th {
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #000;
    word-break: keep-all
}
.ucreq2_list_wrap td {
    position: relative;
    padding: 10px 12px;
    border-top: 1px solid #dadada;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #3f3f3f;
    word-break: keep-all
}
.ucreq2_list_wrap tbody tr:first-child td {
    border-top: none
}
.ucreq2_list_wrap td .title:focus,
.ucreq2_list_wrap td .title:hover {
    text-decoration: underline
}
.ucreq2_list_wrap td .code {
    margin-top: 6px;
    color: #626262
}
.ucreq2_list_wrap table .state {
    display: inline-block;
    width: 68px;
    height: 33px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 33px
}
.ucreq2_list_wrap table .state1 {
    background: #555
}
.ucreq2_list_wrap table .state2,
.ucreq2_list_wrap table .state3 {
    background: 0 0;
    color: #d6562e
}
.ucreq2_list_wrap tbody tr td.no_cont_mo {
    display: none
}
@media screen and (max-width:1239px) {

    .ucreq2_list_wrap td,
    .ucreq2_list_wrap th {
        font-size: 1.5rem
    }
    .ucreq2_list_wrap td {
        padding: 10px 4px
    }
}
@media screen and (max-width:768px) {
    .ucreq2_list_wrap .apply_btn_wrap {
        margin: 10px 0;
        width: 100%;
        font-size: 0
    }
    .ucreq2_list_wrap .apply_btn_wrap .btn {
        width: 49%;
        margin-left: 2%
    }
    .ucreq2_list_wrap .apply_btn_wrap .btn:first-child {
        margin-left: 0
    }
    .ucreq2_list_wrap col:first-of-type,
    .ucreq2_list_wrap tbody tr td:first-child,
    .ucreq2_list_wrap thead tr th:first-child {
        display: none
    }
    .ucreq2_list_wrap col {
        width: auto
    }
    .ucreq2_list_wrap tbody tr td.no_cont {
        display: none
    }
    .ucreq2_list_wrap tbody tr td.no_cont_mo {
        display: table-cell
    }
}
.ucreq3_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucreq3_wrap .ucreq3_item {
    border-top: 1px solid #dfdfdf
}
.ucreq3_wrap .ucreq3_item:first-child {
    border: 0
}
.ucreq3_wrap .ucreq3_item .inner {
    display: block;
    width: 100%;
    height: 100%;
    padding: 24px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucreq3_wrap .cont {
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap
}
.ucreq3_wrap .bx {
    position: relative;
    padding: 0 24px 0 200px;
    font-size: 0
}
.ucreq3_wrap .title_inner {
    display: inline-block;
    padding-right: 22%;
    font-size: 0;
    vertical-align: middle
}
.ucreq3_wrap .title_inner:after {
    display: inline-block;
    clear: both;
    content: ''
}
.ucreq3_wrap .title_area {
    overflow: hidden;
    display: block
}
.ucreq3_wrap .category {
    position: absolute;
    top: 50%;
    left: 0;
    width: 200px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.ucreq3_wrap .ing {
    color: #4e8bb6
}
.ucreq3_wrap .end {
    color: #646464
}
.ucreq3_wrap .title {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucreq3_wrap .title:hover {
    text-decoration: underline
}
.ucreq3_wrap .new {
    width: 21px;
    height: 20px;
    margin: 2px 0 0 4px;
    background-position: -47px 0
}
.ucreq3_wrap .info_inner {
    display: block;
    margin-top: 15px;
    font-size: 0
}
.ucreq3_wrap .info_inner .info_state {
    display: none
}
.ucreq3_wrap .info_inner span {
    display: inline-block;
    position: relative;
    padding-right: 36px;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px
}
.ucreq3_wrap .info_inner span:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 18px;
    margin-right: 18px;
    background: #dcdcdc;
    content: ''
}
.ucreq3_wrap .info_inner span:last-child:after {
    display: none
}
.ucreq3_wrap .apply_member {
    position: absolute;
    top: 50%;
    right: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #474747;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.ucreq3_wrap .now_member {
    font-weight: 500;
    color: #4e8bb6
}
.ucreq3_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucreq3_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucreq3_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
.ucreq3_wrap .ucreq3_item.is_active,
.ucreq3_wrap .ucreq3_item:hover {
    background: #f8f8f8
}
.ucreq3_wrap .no_cont.is_active,
.ucreq3_wrap .no_cont:hover {
    background: #fff
}
@media screen and (max-width:768px) {
    .ucreq3_wrap .ucreq3_item {
        height: auto
    }
    .ucreq3_wrap .ucreq3_item .inner {
        padding: 17px
    }
    .ucreq3_wrap .bx {
        padding: 0
    }
    .ucreq3_wrap .cont {
        padding: 0
    }
    .ucreq3_wrap .category {
        display: none
    }
    .ucreq3_wrap .title_inner {
        display: block;
        width: 100%
    }
    .ucreq3_wrap .category {
        position: static;
        font-size: 1.5rem;
        font-weight: 500;
        text-align: left;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }
    .ucreq3_wrap .title {
        display: block;
        margin-top: 2px;
        padding-left: 0;
        font-size: 1.9rem
    }
    .ucreq3_wrap .new {
        width: 14px;
        height: 13px;
        margin-top: 6px;
        background-position: -112px -34px
    }
    .ucreq3_wrap .info_inner {
        white-space: normal
    }
    .ucreq3_wrap .info_inner .info_state {
        display: inline-block
    }
    .ucreq3_wrap .apply_member {
        position: static;
        margin-top: 4px;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }
    .ucreq3_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucreq3_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucreq3_detail_wrap .title_wrap {
    border-bottom: 1px solid #dfdfdf
}
.ucreq3_detail_wrap .title_area {
    display: block;
    position: relative;
    padding: 0 21px 18px;
    font-size: 0
}
.ucreq3_detail_wrap .category {
    display: inline-block;
    margin-right: 11px;
    min-width: 84px;
    padding: 0 24px;
    border: 1px solid #5692bc;
    background: #fff;
    font-size: 18px;
    color: #4e8bb6;
    text-align: center;
    line-height: 31px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucreq3_detail_wrap .title {
    font-size: 25px;
    color: #4d4d4d
}
.ucreq3_detail_wrap .board_info_area {
    padding: 0;
    border-top: 2px solid #426f8f
}
.ucreq3_detail_wrap .board_info_list {
    padding: 20px 24px 21px 24px;
    font-size: 0
}
.ucreq3_detail_wrap .board_info_item {
    display: inline-block;
    position: relative;
    margin-left: 16px;
    padding-left: 16px;
    font-size: 15px;
    font-weight: 400;
    color: #626262
}
.ucreq3_detail_wrap .board_info_item:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 19px;
    background: #dfdfdf;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucreq3_detail_wrap .board_info_item:first-child {
    margin-left: 0;
    padding-left: 0
}
.ucreq3_detail_wrap .board_info_item:first-child:before {
    display: none
}
.ucreq3_detail_wrap .board_info_item .writer:before {
    content: '('
}
.ucreq3_detail_wrap .board_info_item .writer:after {
    content: ')'
}
.ucreq3_detail_wrap .info_title:after {
    content: ' :'
}
.ucreq3_detail_wrap .board_contents {
    padding: 34px 22px 40px;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    color: #3c3c3c;
    line-height: 1.9
}
.ucreq3_detail_wrap .btn_view_wrap {
    font-size: 0
}
.ucreq3_detail_wrap .btn_view_wrap:after {
    display: block;
    clear: both;
    content: ''
}
.ucreq3_detail_wrap .btn_list {
    float: right
}
.ucreq3_detail_wrap .btn_apply {
    background: #185b93
}
.ucreq3_detail_wrap .btn_my_apply {
    margin-left: 10px;
    background: #555
}
.ucreq3_detail_wrap .application,
.ucreq3_detail_wrap .my_application {
    margin-top: 26px;
    outline: 0
}
.ucreq3_detail_wrap .application .title {
    display: block;
    font-size: 21px;
    font-weight: 700;
    color: #232323
}
.ucreq3_detail_wrap .tbl_application {
    width: 100%;
    margin-top: 10px;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6;
    table-layout: fixed
}
.ucreq3_detail_wrap .tbl_application .col1 {
    width: 160px
}
.ucreq3_detail_wrap .tbl_application th {
    padding: 16px 18px;
    background: #f5f5f5;
    border-top: 1px solid #dfdfdf;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    text-align: left;
    word-break: keep-all
}
.ucreq3_detail_wrap .tbl_application td {
    position: relative;
    padding: 10px 14px;
    border-top: 1px solid #dfdfdf;
    font-size: 16px;
    color: #3f3f3f
}
.ucreq3_detail_wrap .tbl_application th>label,
.ucreq3_detail_wrap .tbl_application th>span {
    display: block;
    position: relative;
    padding-left: 8px
}
.ucreq3_detail_wrap .tbl_application .input_text_wrap {
    max-width: 242px;
    height: 35px;
    border-color: #dfdfdf
}
.ucreq3_detail_wrap .tbl_application .input_check_wrap {
    display: block;
    margin-top: 8px
}
.ucreq3_detail_wrap .tbl_application .input_check_wrap.chk_type {
    display: inline-block;
    vertical-align: middle
}
.ucreq3_detail_wrap .tbl_application .input_radio_wrap {
    vertical-align: middle
}
.ucreq3_detail_wrap .tbl_application .textarea_wrap {
    margin-top: 10px;
    border-color: #dfdfdf
}
.ucreq3_detail_wrap .tbl_application .input_phone_wrap {
    display: inline-block;
    width: 242px;
    vertical-align: middle
}
.ucreq3_detail_wrap .tbl_application .input_phone_wrap .placeholder {
    display: none !important
}
.ucreq3_detail_wrap .tbl_application .notice_text {
    display: inline-block;
    margin-left: 8px;
    font-size: 15px;
    color: #8b8b8b;
    vertical-align: middle
}
.ucreq3_detail_wrap .tbl_application .input_agency_wrap {
    max-width: 663px
}
.ucreq3_detail_wrap .tbl_application .agency_notice {
    display: block;
    margin: 4px 0 0
}
.ucreq3_detail_wrap .tbl_application .notificate {
    display: block;
    margin-top: 4px;
    font-size: 15px;
    color: #4988b4
}
.ucreq3_detail_wrap .tbl_application .notificate:before {
    content: '※ '
}
.ucreq3_detail_wrap .email_wrap {
    font-size: 0
}
.ucreq3_detail_wrap .email_wrap .input_text_wrap {
    display: inline-block;
    width: 35%;
    vertical-align: middle
}
.ucreq3_detail_wrap .email_wrap .input_text_wrap:nth-of-type(2) {
    border-right: none
}
.ucreq3_detail_wrap .email_wrap .input_select_wrap {
    display: inline-block;
    width: 22%;
    min-width: auto;
    height: 35px;
    vertical-align: middle
}
.ucreq3_detail_wrap .email_wrap .input_select_wrap select {
    border-color: #dfdfdf
}
.ucreq3_detail_wrap .email_split {
    display: inline-block;
    width: 8%;
    font-size: 16px;
    text-align: center;
    vertical-align: middle
}
.ucreq3_detail_wrap .tbl_application .input_select_wrap {
    display: inline-block;
    width: 160px;
    height: 35px;
    vertical-align: middle
}
.ucreq3_detail_wrap .tbl_application .input_select_wrap select {
    border-color: #dfdfdf
}
.ucreq3_detail_wrap .tbl_application .require {
    position: absolute;
    top: 5px;
    left: 0;
    color: #768676
}
.ucreq3_detail_wrap .tbl_application .policy_title {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #525151
}
.ucreq3_detail_wrap .tbl_application .policy_item {
    position: relative;
    margin-top: 4px;
    padding-left: 8px;
    font-size: 15px;
    color: #768676;
    line-height: 1.3
}
.ucreq3_detail_wrap .tbl_application .policy_item:first-of-type {
    margin-top: 8px
}
.ucreq3_detail_wrap .tbl_application .policy_item:before {
    position: absolute;
    top: 6px;
    left: 0;
    width: 3px;
    height: 2px;
    background: #7d7d7d;
    content: ''
}
.ucreq3_detail_wrap .tbl_application+.notificate {
    margin-top: 8px;
    font-size: 15px;
    color: #5692bc
}
.ucreq3_detail_wrap .tbl_application+.notificate:before {
    content: '※ '
}
.ucreq3_detail_wrap .btn_cancel {
    background: #555
}
@media (min-width:768px) and (max-width:1024px) {
    .ucreq3_detail_wrap .tbl_application .input_phone_wrap {
        width: 35%
    }
    .ucreq3_detail_wrap .tbl_application .email_wrap .input_text_wrap {
        width: 35%
    }
    .ucreq3_detail_wrap .tbl_application .email_wrap .input_select_wrap {
        width: 26%
    }
    .ucreq3_detail_wrap .tbl_application .email_split {
        width: 4%
    }
}
@media screen and (max-width:768px) {
    .ucreq3_detail_wrap .title_wrap {
        position: relative
    }
    .ucreq3_detail_wrap .category {
        position: absolute;
        min-width: 0;
        margin: 0;
        padding: 0;
        border: 0;
        background: 0 0;
        font-size: 1px;
        color: transparent;
        line-height: 1
    }
    .ucreq3_detail_wrap .title_area {
        padding: 0 0 10px
    }
    .ucreq3_detail_wrap .title {
        font-size: 1.9rem
    }
    .ucreq3_detail_wrap .board_info_list {
        padding: 8px 0 10px
    }
    .ucreq3_detail_wrap .info_title {
        display: none
    }
    .ucreq3_detail_wrap .hits_item .info_title {
        display: inline-block
    }
    .ucreq3_detail_wrap .board_info_item {
        margin-left: 0;
        padding-left: 0
    }
    .ucreq3_detail_wrap .board_info_item:before {
        display: none
    }
    .ucreq3_detail_wrap .hits_item {
        margin-left: 8px;
        padding-left: 10px
    }
    .ucreq3_detail_wrap .hits_item:before {
        display: block;
        height: 11px
    }
    .ucreq3_detail_wrap .writer_item {
        display: block;
        margin-bottom: 4px
    }
    .ucreq3_detail_wrap .board_contents {
        padding: 12px 0 22px;
        font-size: 1.5rem;
        line-height: 1.6
    }
    .ucreq3_detail_wrap .tbl_application .col1 {
        width: 106px
    }
    .ucreq3_detail_wrap .tbl_application .notice_text {
        display: block;
        margin-top: 5px;
        margin-left: 0;
        font-size: 1.5rem
    }
    .ucreq3_detail_wrap .tbl_application .input_text_wrap label {
        left: 4px;
        color: #9a9a9a
    }
    .ucreq3_detail_wrap .tbl_application .input_phone_wrap {
        width: 100%
    }
    .ucreq3_detail_wrap .tbl_application .input_phone_wrap .placeholder {
        display: block !important;
        z-index: -1
    }
    .ucreq3_detail_wrap .tbl_application .input_phone_wrap input:focus+.placeholder {
        display: none !important
    }
    .ucreq3_detail_wrap .tbl_application .input_phone_wrap+.notice_text {
        display: none
    }
    .ucreq3_detail_wrap .tbl_application .input_select_wrap {
        margin-right: 4px;
        height: 33px
    }
    .ucreq3_detail_wrap .btn_view_wrap {
        margin-top: 10px
    }
    .ucreq3_detail_wrap .btn {
        width: 49%
    }
    .ucreq3_detail_wrap .btn_my_apply {
        width: 100%;
        margin-left: 0
    }
    .ucreq3_detail_wrap .btn_view_wrap .btn_list {
        width: 100%;
        margin-top: 10px
    }
    .ucreq3_detail_wrap .email_wrap .input_text_wrap {
        width: 46%
    }
    .ucreq3_detail_wrap .email_split {
        width: 8%;
        font-size: 1.5rem
    }
    .ucreq3_detail_wrap .email_wrap .input_text_wrap:nth-of-type(2) {
        border-right: 1px solid #dfdfdf
    }
    .ucreq3_detail_wrap .email_wrap .input_select_wrap {
        display: block;
        width: 100%;
        margin-top: 4px
    }
    .ucreq3_detail_wrap .btn_apply {
        width: 100%;
        margin-bottom: 10px
    }
}
.ucreq7_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucreq7_wrap .ucreq7_item {
    border-top: 1px solid #dfdfdf
}
.ucreq7_wrap .ucreq7_item:first-child {
    border: 0
}
.ucreq7_wrap .ucreq7_item .inner {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucreq7_wrap .cont {
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap
}
.ucreq7_wrap .bx {
    position: relative;
    padding: 0 24px 0 200px;
    font-size: 0
}
.ucreq7_wrap .title_inner {
    display: inline-block;
    font-size: 0;
    vertical-align: middle
}
.ucreq7_wrap .title_inner:after {
    display: inline-block;
    clear: both;
    content: ''
}
.ucreq7_wrap .title_area {
    overflow: hidden;
    display: block
}
.ucreq7_wrap .category {
    position: absolute;
    top: 50%;
    left: 0;
    width: 200px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.ucreq7_wrap .ing {
    color: #4e8bb6
}
.ucreq7_wrap .end {
    color: #646464
}
.ucreq7_wrap .title {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucreq7_wrap .title:hover {
    text-decoration: underline
}
.ucreq7_wrap .new {
    width: 21px;
    height: 20px;
    margin: 2px 0 0 4px;
    background-position: -47px 0
}
.ucreq7_wrap .info_inner {
    display: block;
    margin-top: 10px;
    font-size: 0
}
.ucreq7_wrap .info_inner .info_state {
    display: none
}
.ucreq7_wrap .info_inner span {
    display: inline-block;
    position: relative;
    padding-right: 36px;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px
}
.ucreq7_wrap .info_inner span:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 18px;
    margin-right: 18px;
    background: #dcdcdc;
    content: ''
}
.ucreq7_wrap .info_inner span:last-child:after {
    display: none
}
.ucreq7_wrap .apply_member {
    position: absolute;
    top: 50%;
    right: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #474747;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.ucreq7_wrap .now_member {
    font-weight: 500;
    color: #4e8bb6
}
.ucreq7_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucreq7_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucreq7_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
.ucreq7_wrap .ucreq7_item.is_active,
.ucreq7_wrap .ucreq7_item:hover {
    background: #f8f8f8
}
.ucreq7_wrap .no_cont.is_active,
.ucreq7_wrap .no_cont:hover {
    background: #fff
}
@media screen and (max-width:768px) {
    .ucreq7_wrap .ucreq7_item {
        height: auto
    }
    .ucreq7_wrap .ucreq7_item .inner {
        padding: 17px
    }
    .ucreq7_wrap .bx {
        padding: 0
    }
    .ucreq7_wrap .cont {
        padding: 0
    }
    .ucreq7_wrap .category {
        display: block
    }
    .ucreq7_wrap .title_inner {
        display: block;
        width: 100%
    }
    .ucreq7_wrap .category {
        position: static;
        font-size: 1.5rem;
        font-weight: 500;
        text-align: left;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }
    .ucreq7_wrap .title {
        display: block;
        margin-top: 2px;
        padding-left: 0;
        font-size: 1.9rem
    }
    .ucreq7_wrap .new {
        width: 14px;
        height: 13px;
        margin-top: 6px;
        background-position: -112px -34px
    }
    .ucreq7_wrap .info_inner {
        white-space: normal
    }
    .ucreq7_wrap .info_inner .info_state {
        display: inline-block
    }
    .ucreq7_wrap .apply_member {
        position: static;
        margin-top: 4px;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }
    .ucreq7_wrap .no_cont .txt {
        font-size:18px;
    }
    .ucreq7_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucreq7_detail_wrap .title_wrap {
    border-bottom: 1px solid #dfdfdf
}
.ucreq7_detail_wrap .title_area {
    display: block;
    position: relative;
    padding: 0 21px 18px;
    font-size: 0
}
.ucreq7_detail_wrap .category {
    display: inline-block;
    margin-right: 11px;
    min-width: 84px;
    padding: 0 24px;
    border: 1px solid #5692bc;
    background: #fff;
    font-size: 18px;
    color: #4e8bb6;
    text-align: center;
    line-height: 31px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucreq7_detail_wrap .title {
    font-size: 25px;
    color: #4d4d4d
}
.ucreq7_detail_wrap .board_info_area {
    padding: 0;
    border-top: 2px solid #426f8f
}
.ucreq7_detail_wrap .board_info_list {
    padding: 20px 24px 21px 24px;
    font-size: 0
}
.ucreq7_detail_wrap .board_info_item {
    display: inline-block;
    position: relative;
    margin-left: 16px;
    padding-left: 16px;
    font-size: 15px;
    font-weight: 400;
    color: #626262
}
.ucreq7_detail_wrap .board_info_item:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 19px;
    background: #dfdfdf;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucreq7_detail_wrap .board_info_item:first-child {
    margin-left: 0;
    padding-left: 0
}
.ucreq7_detail_wrap .board_info_item:first-child:before {
    display: none
}
.ucreq7_detail_wrap .board_info_item .writer:before {
    content: '('
}
.ucreq7_detail_wrap .board_info_item .writer:after {
    content: ')'
}
.ucreq7_detail_wrap .info_title:after {
    content: ' :'
}
.ucreq7_detail_wrap .board_contents {
    padding: 34px 22px 40px;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    color: #3c3c3c;
    line-height: 1.9
}
.ucreq7_detail_wrap .btn_view_wrap {
    font-size: 0
}
.ucreq7_detail_wrap .btn_view_wrap:after {
    display: block;
    clear: both;
    content: ''
}
.ucreq7_detail_wrap .btn_list {
    float: right
}
.ucreq7_detail_wrap .btn_apply {
    background: #185b93
}
.ucreq7_detail_wrap .btn_my_apply {
    background: #555
}
.ucreq7_detail_wrap .application {
    margin-top: 26px;
    outline: 0
}
.ucreq7_detail_wrap .application .title {
    display: block;
    font-size: 21px;
    font-weight: 700;
    color: #232323
}
.ucreq7_detail_wrap .tbl_application {
    width: 100%;
    margin-top: 10px;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6;
    table-layout: fixed
}
.ucreq7_detail_wrap .tbl_application .col1 {
    width: 160px
}
.ucreq7_detail_wrap .tbl_application th {
    padding: 16px 18px;
    background: #f5f5f5;
    border-top: 1px solid #dfdfdf;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    text-align: left;
    word-break: keep-all
}
.ucreq7_detail_wrap .tbl_application td {
    position: relative;
    padding: 10px 14px;
    border-top: 1px solid #dfdfdf;
    font-size: 16px;
    color: #3f3f3f
}
.ucreq7_detail_wrap .tbl_application th>label,
.ucreq7_detail_wrap .tbl_application th>span {
    display: block;
    position: relative;
    padding-left: 8px
}
.ucreq7_detail_wrap .tbl_application .textarea_wrap {
    height: 248px;
    border-color: #dfdfdf
}
.ucreq7_detail_wrap .tbl_application .other_text {
    font-size: 15px;
    color: #5d5d5d
}
.ucreq7_detail_wrap .tbl_application .require {
    position: absolute;
    top: 5px;
    left: 0;
    color: #768676
}
.ucreq7_detail_wrap .tbl_application .input_check_wrap:first-of-type {
    display: block
}
.ucreq7_detail_wrap .tbl_application .policy_wrap {
    margin-top: 10px
}
.ucreq7_detail_wrap .tbl_application .policy_title {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #525151
}
.ucreq7_detail_wrap .tbl_application .policy_item {
    position: relative;
    margin-top: 4px;
    padding-left: 8px;
    font-size: 15px;
    color: #768676;
    line-height: 1.3
}
.ucreq7_detail_wrap .tbl_application .policy_item:first-of-type {
    margin-top: 8px
}
.ucreq7_detail_wrap .tbl_application .policy_item:before {
    position: absolute;
    top: 6px;
    left: 0;
    width: 3px;
    height: 2px;
    background: #7d7d7d;
    content: ''
}
.ucreq7_detail_wrap .tbl_application+.notificate {
    margin-top: 8px;
    font-size: 15px;
    color: #5692bc
}
.ucreq7_detail_wrap .tbl_application+.notificate:before {
    content: '※ '
}
@media screen and (max-width:768px) {
    .ucreq7_detail_wrap .title_wrap {
        position: relative
    }
    .ucreq7_detail_wrap .category {
        position: absolute;
        min-width: 0;
        margin: 0;
        padding: 0;
        border: 0;
        background: 0 0;
        font-size: 1px;
        color: transparent;
        line-height: 1
    }
    .ucreq7_detail_wrap .title_area {
        padding: 0 0 10px
    }
    .ucreq7_detail_wrap .title {
        font-size: 1.9rem
    }
    .ucreq7_detail_wrap .board_info_list {
        padding: 8px 0 10px
    }
    .ucreq7_detail_wrap .info_title {
        display: none
    }
    .ucreq7_detail_wrap .hits_item .info_title {
        display: inline-block
    }
    .ucreq7_detail_wrap .board_info_item {
        margin-left: 0;
        padding-left: 0
    }
    .ucreq7_detail_wrap .board_info_item:before {
        display: none
    }
    .ucreq7_detail_wrap .hits_item {
        margin-left: 8px;
        padding-left: 10px
    }
    .ucreq7_detail_wrap .hits_item:before {
        display: block;
        height: 11px
    }
    .ucreq7_detail_wrap .writer_item {
        display: block;
        margin-bottom: 4px
    }
    .ucreq7_detail_wrap .board_contents {
        padding: 12px 0 22px;
        font-size: 1.5rem;
        line-height: 1.6
    }
    .ucreq7_detail_wrap .tbl_application .col1 {
        width: 92px
    }
    .ucreq7_detail_wrap .tbl_application th {
        padding: 8px
    }
    .ucreq7_detail_wrap .btn_view_wrap {
        margin-top: 10px;
        font-size: 0
    }
    .ucreq7_detail_wrap .btn_view_wrap .btn {
        width: 49%
    }
    .ucreq7_detail_wrap .btn_view_wrap .btn_list {
        margin-left: 2%
    }
}
.ucpoll1_wrap {
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6
}
.ucpoll1_wrap .ucpoll1_item {
    border-top: 1px solid #dfdfdf
}
.ucpoll1_wrap .ucpoll1_item:first-child {
    border: 0
}
.ucpoll1_wrap .ucpoll1_item .inner {
    display: block;
    width: 100%;
    height: 100%;
    padding: 24px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucpoll1_wrap .cont {
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap
}
.ucpoll1_wrap .bx {
    position: relative;
    padding: 0 24px 0 200px;
    font-size: 0
}
.ucpoll1_wrap .title_inner {
    display: inline-block;
    font-size: 0;
    vertical-align: middle
}
.ucpoll1_wrap .title_inner:after {
    display: inline-block;
    clear: both;
    content: ''
}
.ucpoll1_wrap .title_area {
    overflow: hidden;
    display: block
}
.ucpoll1_wrap .category {
    position: absolute;
    top: 50%;
    left: 0;
    width: 200px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.ucpoll1_wrap .ing {
    color: #4e8bb6
}
.ucpoll1_wrap .end {
    color: #646464
}
.ucpoll1_wrap .title {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 1.3;
    white-space: normal;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.ucpoll1_wrap .title:hover {
    text-decoration: underline
}
.ucpoll1_wrap .new {
    width: 21px;
    height: 20px;
    margin: 2px 0 0 4px;
    background-position: -47px 0
}
.ucpoll1_wrap .info_inner {
    display: block;
    margin-top: 15px;
    font-size: 0
}
.ucpoll1_wrap .info_inner .info_state {
    display: none
}
.ucpoll1_wrap .info_inner span {
    display: inline-block;
    position: relative;
    padding-right: 36px;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px
}
.ucpoll1_wrap .info_inner span:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 18px;
    margin-right: 18px;
    background: #dcdcdc;
    content: ''
}
.ucpoll1_wrap .info_inner span:last-child:after {
    display: none
}
.ucpoll1_wrap .no_cont {
    height: auto;
    margin: 48px 0 40px;
    padding: 50px 0;
    border: 1px solid #dbdbdb
}
.ucpoll1_wrap .no_cont .txt {
    font-size: 20px;
    color: #4f4f4f;
    text-align: center
}
.ucpoll1_wrap .no_cont .txt:before {
    display: block;
    width: 141px;
    height: 141px;
    margin: 0 auto 22px;
    background-position: 0 -91px;
    content: ''
}
.ucpoll1_wrap .ucpoll1_item.is_active,
.ucpoll1_wrap .ucpoll1_item:hover {
    background: #f8f8f8
}
.ucpoll1_wrap .no_cont.is_active,
.ucpoll1_wrap .no_cont:hover {
    background: #fff
}
@media screen and (max-width:768px) {
    .ucpoll1_wrap .ucpoll1_item {
        height: auto
    }
    .ucpoll1_wrap .ucpoll1_item .inner {
        padding: 17px
    }
    .ucpoll1_wrap .bx {
        padding: 0
    }
    .ucpoll1_wrap .cont {
        padding: 0
    }
    .ucpoll1_wrap .category {
        display: none
    }
    .ucpoll1_wrap .title_inner {
        display: block;
        width: 100%
    }
    .ucpoll1_wrap .category {
        position: static;
        font-size: 1.5rem;
        font-weight: 500;
        text-align: left;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }
    .ucpoll1_wrap .title {
        display: block;
        margin-top: 2px;
        padding-left: 0;
        font-size: 1.9rem
    }
    .ucpoll1_wrap .new {
        width: 14px;
        height: 13px;
        margin-top: 6px;
        background-position: -112px -34px
    }
    .ucpoll1_wrap .info_inner {
        white-space: normal
    }
    .ucpoll1_wrap .info_inner .info_state {
        display: inline-block
    }
    .ucpoll1_wrap .no_cont .txt {
        font-size: 18px;
    }
    .ucpoll1_wrap .no_cont .txt:before {
        width: 119px;
        height: 119px;
        background-position: 0 -49px
    }
}
.ucpoll1_detail_wrap .title_wrap {
    border-bottom: 1px solid #dfdfdf
}
.ucpoll1_detail_wrap .title_area {
    display: block;
    position: relative;
    padding: 0 21px 18px;
    font-size: 0
}
.ucpoll1_detail_wrap .category {
    display: inline-block;
    margin-right: 11px;
    min-width: 84px;
    padding: 0 24px;
    border: 1px solid #5692bc;
    background: #fff;
    font-size: 18px;
    color: #4e8bb6;
    text-align: center;
    line-height: 31px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ucpoll1_detail_wrap .title {
    font-size: 25px;
    color: #4d4d4d
}
.ucpoll1_detail_wrap .board_info_area {
    padding: 0;
    border-top: 2px solid #426f8f
}
.ucpoll1_detail_wrap .board_info_list {
    padding: 20px 24px 21px 24px;
    font-size: 0
}
.ucpoll1_detail_wrap .board_info_item {
    display: inline-block;
    position: relative;
    margin-left: 16px;
    padding-left: 16px;
    font-size: 15px;
    font-weight: 400;
    color: #626262
}
.ucpoll1_detail_wrap .board_info_item:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 19px;
    background: #dfdfdf;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}
.ucpoll1_detail_wrap .board_info_item:first-child {
    margin-left: 0;
    padding-left: 0
}
.ucpoll1_detail_wrap .board_info_item:first-child:before {
    display: none
}
.ucpoll1_detail_wrap .board_info_item .writer:before {
    content: '('
}
.ucpoll1_detail_wrap .board_info_item .writer:after {
    content: ')'
}
.ucpoll1_detail_wrap .info_title:after {
    content: ' :'
}
.ucpoll1_detail_wrap .board_contents {
    padding: 34px 22px 40px;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    color: #3c3c3c;
    line-height: 1.9
}
.ucpoll1_detail_wrap .btn_wrap:after {
    display: block;
    clear: both;
    content: ''
}
.ucpoll1_detail_wrap .btn_wrap .btn_list {
    background-color: #a6a6a6;
    color: #fff
}
.ucpoll1_detail_wrap .btn_wrap .btn_finish {
    float: right
}
.ucpoll_editor_wrap .btn_wrap {
    display: inline-block;
    position: relative;
    margin: 0
}
.ucpoll_editor_wrap .btn_detail {
    min-width: auto;
    padding: 6px 0;
    font-size: 15px;
    color: #426f8f;
    border-bottom: 1px solid #93b0c5;
    background: #fff;
    line-height: 1.3
}
.ucpoll_editor_wrap .btn_wrap:after {
    position: absolute;
    top: 14px;
    right: -26px;
    width: 16px;
    height: 8px;
    background-position: -209px -139px;
    content: ''
}
.is_collapsed .btn_wrap:after {
    background-position: -227px -139px
}
.ucpoll_editor_wrap .editor_wrap {
    margin-top: 16px
}
.ucpoll_survey_wrap {
    margin-top: 43px
}
.ucpoll_survey_wrap table {
    width: 100%;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6;
    font-size: 16px;
    text-align: center;
    table-layout: fixed
}
.ucpoll_survey_wrap .col1 {
    width: 14.973262%
}
.ucpoll_survey_wrap .col2 {
    width: 34.86631%
}
.ucpoll_survey_wrap table th {
    padding: 15px 12px;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #000;
    text-align: center;
    word-break: keep-all
}
.ucpoll_survey_wrap table td {
    position: relative;
    padding: 0 9px;
    border-bottom: 1px solid #dadada;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #3f3f3f;
    text-align: left;
    word-break: keep-all
}
.ucpoll_survey_wrap table tr:last-child td,
.ucpoll_survey_wrap table tr:last-child th {
    border-bottom: none
}
.ucpoll_survey_wrap .input_text_wrap {
    display: inline-block;
    width: 186px;
    height: 34px;
    border-color: #dfdfdf
}
.ucpoll_survey_wrap .input_radio_wrap {
    vertical-align: middle
}
.ucpoll_survey_wrap table .age {
    display: inline-block;
    margin: 2px 0 0 6px;
    font-size: 16px;
    font-weight: 500;
    color: #3f3f3f;
    vertical-align: middle
}
.survey_check_wrap {
    margin-top: 56px
}
.survey_check_wrap .survey_title {
    display: block;
    margin-top: 32px;
    font-size: 20px;
    color: #232323;
    line-height: 1.3
}
.survey_check_wrap .survey_title:first-child {
    margin: 0
}
.survey_check_wrap .survey_subtitle {
    padding: 8px 22px;
    font-size: 18px;
    color: #fff;
    background: #426f8f
}
.survey_check_wrap .survey_title+.cont_wrap {
    margin-top: 17px
}
.survey_check_wrap .cont_wrap {
    margin-top: 22px
}
.survey_check_wrap .textarea_wrap {
    margin-top: 20px;
    padding: 8px 22px;

}
.survey_check_wrap .survey_group {
    padding: 8px 20px;
    border: 1px solid #d7d7d7;
    border-top: 0
}
.survey_check_wrap .input_radio_wrap {
    display: inline-block !important;
}
.survey_check_wrap .input_radio+label {
    display: inline-block !important;;
    padding: 12px 0 12px 25px
}
.survey_check_wrap .input_radio+label:before {
    margin-right: 14px
}
.survey_check_wrap .input_radio:checked+label,
.survey_check_wrap .input_radio:focus+label,
.survey_check_wrap .input_radio:hover+label {
    background: #f6f6f6
}
.survey_check_wrap .input_check_wrap {
    display: inline-block !important;
}
.survey_check_wrap .input_check+label {
    display: inline-block !important;;
    padding: 12px 0 12px 25px
}
.survey_check_wrap .input_check+label:before {
    margin-right: 14px
}
.survey_check_wrap .input_check:checked+label,
.survey_check_wrap .input_check:focus+label,
.survey_check_wrap .input_check:hover+label {
    background: #f6f6f6
}
.survey_check_wrap .input_check,
.survey_check_wrap .input_radio {
    top: 16px;
    left: 28px;
    width: auto;
    height: auto
}
.survey_check_wrap .input_check:focus+label {
    outline: 0
}
.survey_check_wrap .textarea_wrap {
    height: 154px;
    border-color: #d7d7d7
}
@media screen and (max-width:768px) {
    .ucpoll1_detail_wrap .title_wrap {
        position: relative
    }
    .ucpoll1_detail_wrap .category {
        position: absolute;
        min-width: 0;
        margin: 0;
        padding: 0;
        border: 0;
        background: 0 0;
        font-size: 1px;
        color: transparent;
        line-height: 1
    }
    .ucpoll1_detail_wrap .title_area {
        padding: 0 0 10px
    }
    .ucpoll1_detail_wrap .title {
        font-size: 1.9rem
    }
    .ucpoll1_detail_wrap .board_info_list {
        padding: 8px 0 10px
    }
    .ucpoll1_detail_wrap .info_title {
        display: none
    }
    .ucpoll1_detail_wrap .hits_item .info_title {
        display: inline-block
    }
    .ucpoll1_detail_wrap .board_info_item {
        margin-left: 0;
        padding-left: 0
    }
    .ucpoll1_detail_wrap .board_info_item:before {
        display: none
    }
    .ucpoll1_detail_wrap .hits_item {
        margin-left: 8px;
        padding-left: 10px
    }
    .ucpoll1_detail_wrap .hits_item:before {
        display: inline-block !important;;
        height: 11px
    }
    .ucpoll1_detail_wrap .writer_item {
        display: inline-block !important;;
        margin-bottom: 4px
    }
    .ucpoll1_detail_wrap .board_contents {
        padding: 12px 0 22px;
        font-size: 1.5rem;
        line-height: 1.6
    }
    .ucpoll1_detail_wrap .btn_wrap {
        margin-top: 10px
    }
    .ucpoll1_detail_wrap .btn_wrap .btn_list {
        width: 100%
    }
    .ucpoll1_detail_wrap .btn_wrap .btn_finish {
        float: none;
        width: 100%;
        margin-bottom: 10px
    }
    .ucpoll_editor_wrap .btn_wrap {
        margin: 0
    }
    .ucpoll_editor_wrap .btn_wrap:after {
        right: -16px;
        width: 8px;
        height: 4px;
        background-position: -187px -17px;
        content: ''
    }
    .is_collapsed .btn_wrap:after {
        background-position: -187px -24px
    }
    .ucpoll_survey_wrap {
        margin-top: 20px
    }
    .ucpoll_survey_wrap table {
        font-size: 1.5rem
    }
    .ucpoll_survey_wrap table th {
        padding: 10px 5px
    }
    .ucpoll_survey_wrap .input_text_wrap {
        width: 55px;
        height: 30px
    }
    .survey_check_wrap {
        margin-top: 28px
    }
    .survey_check_wrap .survey_title {
        font-size: 1.7rem
    }
    .survey_check_wrap .survey_subtitle {
        padding: 2px 10px;
        font-size: 1.5rem
    }
    .survey_check_wrap .input_check+label,
    .survey_check_wrap .input_radio+label {
        padding: 7px 0 7px 12px
    }
    .ucpoll_survey_wrap .input_radio_wrap {
        margin-left: 9px
    }
    .ucpoll_survey_wrap .input_radio_wrap:first-child {
        margin: 0
    }
    .survey_check_wrap .cont_wrap {
        margin-top: 11px
    }
    .survey_check_wrap .textarea_wrap {
        height: 116px;
        margin-top: 10px
    }
}
.ucapi02_wrap .date_wrap {
    display: inline-block;
    margin-top: 30px;
    padding: 6px 12px;
    border: 1px solid #dadada;
    font-size: 16px;
    font-weight: 700
}
.ucapi02_wrap .date_wrap:first-child {
    margin-top: 0
}
.ucapi02_wrap .date_wrap em {
    color: #3980b2
}
.ucapi02_table table {
    width: 100%;
    margin-top: 10px;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6;
    word-break: keep-all
}
.ucapi02_table col {
    width: 50%
}
.ucapi02_table.auto-line col {
    width: auto
}
.ucapi02_table th {
    padding: 13px 0;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    background: #f5f5f5;
    font-size: 18px;
    font-weight: 700;
    color: #232323;
    text-align: center
}
.ucapi02_table td {
    padding: 28px 20px;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    font-size: 16px;
    line-height: 26px;
    text-align: left
}
.ucapi02_table td:first-child,
.ucapi02_table th:first-child {
    border-left: none
}
.ucapi02_table tr:last-child td {
    border-bottom: none
}
@media screen and (max-width:768px) {
    .ucapi02_wrap .date_wrap {
        margin-top: 16px;
        font-size: 1.4rem
    }
    .ucapi02_wrap .date_wrap:first-child {
        margin-top: 0
    }
    .ucapi02_table th {
        padding: 7px 0;
        font-size: 1.6rem
    }
    .ucapi02_table td {
        padding: 14px 10px;
        font-size: 1.4rem
    }
}
.ucmy04_explain_wrap table {
    width: 100%;
    margin-top: 20px;
    border-top: 2px solid #426f8f;
    border-bottom: 1px solid #a6a6a6;
    text-align: center;
    word-break: keep-all
}
.ucmy04_explain_wrap .col1 {
    width: 37%
}
.ucmy04_explain_wrap .col2 {
    width: 62%
}
.ucmy04_explain_wrap th {
    padding: 13px 0;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    background: #f5f5f5;
    font-size: 18px;
    font-weight: 700;
    color: #232323
}
.ucmy04_explain_wrap td {
    padding: 14px 20px;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    font-size: 16px;
    line-height: 26px
}
.ucmy04_explain_wrap td:first-child,
.ucmy04_explain_wrap th:first-child {
    border-left: none
}
.ucmy04_explain_wrap tr:last-child td {
    border-bottom: none
}
.ucmy04_explain_wrap .btn_wrap {
    margin-top: 10px
}
.ucmy04_explain_wrap .short_btn {
    padding: 10px 25px;
    background: #d35353
}
@media screen and (max-width:768px) {
    .ucmy04_explain_wrap .col1 {
        width: 50%
    }
    .ucmy04_explain_wrap .col2 {
        width: 50%
    }
    .ucmy04_explain_wrap td {
        padding: 7px 10px;
        line-height: 20px
    }
    .ucmy04_explain_wrap .short_btn {
        padding: 4px 10px;
        line-height: 22px
    }
}
@media screen and (max-width:375px) {
    .ucmy04_explain_wrap td {
        word-break: break-all
    }
}
.btn_wrap span {
    margin: 0 2px
}
@media screen and (max-width:768px) {
    .btn_wrap span {
        display: inline-block !important;;
        margin: 0;
    }
}




/* 수료증 출력 */
.certificate_pop_img {position:absolute; top:0px; left:0px; width:100%; height:auto; z-index:-1}
.certificate_pop_img img {width:100%}
.certificate_header {}
.certificate_header h1 {text-align:center; margin:30px auto 0}
.certificate_header h1 img {width:200px; }
.certificate_header h2 {font-size:62px; color: #000; letter-spacing:10px; text-align:center; margin:20px 0;   font-weight:bold;   font-family: 'Nanum Myeongjo', serif;}
.certificate_content {width:100%; padding:100px 50px; text-align:left; min-height: 460px;}
.certificate_content li {font-size:20px; display:inline-block; width:100%; font-family: 'Nanum Myeongjo', serif; font-weight:bold; margin:10px 0;}
.certificate_foot .inner_txt {font-size:28px; text-align:center; font-family: 'Nanum Myeongjo', serif;  font-weight:bold; margin:100px 0 50px; line-height:1.35em}
.certificate_foot .certificate_date p {font-size:28px; text-align:center; font-family: 'Nanum Myeongjo', serif;  font-weight:bold;}

.certi_btn_box {position: absolute; right: 90px; top: 90px;}
.certificate_content .certificate_footer {margin-top:60px; width:100%; text-align:center;}
.certificate_content .certificate_footer img {width:350px; text-align:center;}

#certificate_pop.type_teacher .certificate_header h2 {font-size:52px; letter-spacing:0}
#certificate_pop.type_teacher .certificate_content {padding:50px 25px; min-height:640px}
#certificate_pop.type_teacher .certificate_content table {margin-top:30px}
#certificate_pop.type_teacher .certificate_content th {}
#certificate_pop.type_teacher .certificate_content td {font-size:15px; letter-spacing:-0.025em}
#certificate_pop.type_teacher .certificate_foot .inner_txt {margin:30px 0;}