﻿.con_topic,.con_topic_detail #main{max-width:1200px;margin:auto}@media only screen and (max-width: 1330px){.con_topic,.con_topic_detail #main{padding:0 15px}}@media only screen and (min-width: 641px) and (max-width: 1022px){.con_topic,.con_topic_detail #main{width:97.2%;padding:0}}@media only screen and (max-width: 640px){.con_topic,.con_topic_detail #main{width:93.75%;padding:0}}.con_topic:after{content:"";display:table;clear:both}.con_topic{margin-top:50px}@media only screen and (max-width: 640px){.con_topic{margin-top:7%}}.con_topic #main{margin-top:0;float:left;width:75%;padding-right:3.55556%;border-right:1px solid #dcdcdc}.con_topic #main>.txt span{font-size:154%}.con_topic #main .box_news li{border-bottom:1px solid #dcdcdc}.con_topic #main .box_news li a{display:block;overflow:hidden;padding:30px 0;position:relative;-webkit-transition:background .35s;-moz-transition:background .35s;-o-transition:background .35s;transition:background 0.35s}@media only screen and (max-width: 640px){.con_topic #main .box_news li a{padding:2.5% 0}}.con_topic #main .box_news li a .photo{float:left;width:13.51111%;margin-left:3.55556%;text-align:center}.con_topic #main .box_news li a .box_txt{width:73.6%;margin-left:2.22222%;float:left}.con_topic #main .box_news li a .box_txt .inf{letter-spacing:-.4em;margin-bottom:11px}@media only screen and (max-width: 640px){.con_topic #main .box_news li a .box_txt .inf{margin-bottom:2%}}.con_topic #main .box_news li a .box_txt .inf span{display:inline-block;letter-spacing:normal;vertical-align:middle;line-height:1}.con_topic #main .box_news li a .box_txt .inf span.cate{padding:.1em .5em;color:#fff;margin-left:.5em}.con_topic #main .box_news li a .box_txt .inf span.cate01{background:#d86618}.con_topic #main .box_news li a .box_txt .title{font-size:124%;font-weight:600;margin-bottom:15px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media only screen and (min-width: 641px) and (max-width: 1022px){.con_topic #main .box_news li a .box_txt .title{font-size:108%}}@media only screen and (max-width: 640px){.con_topic #main .box_news li a .box_txt .title{font-size:100%}}@media only screen and (max-width: 640px){.con_topic #main .box_news li a .box_txt .title{margin-bottom:2%}}.con_topic #main .box_news li a .box_txt .txt{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.con_topic #main .box_news li a:after{width:2.31111%;height:34px;position:absolute;top:50%;right:2%;margin-top:-17px;content:"";background:url(../../../topic/images/ic_news.png) no-repeat center;background-size:100% auto}.con_topic #main .box_news li a:hover{background:#f8f5f2}.con_topic #main .box_news li:nth-child(even) a{background:#f8f5f2}.con_topic #main .box_news li:nth-child(even) a:hover{background:#fff}.con_topic #main .box_pager{margin-top:30px}@media only screen and (max-width: 640px){.con_topic #main .box_pager{margin-top:4%}}.con_topic #main .box_pager .pager{letter-spacing:-.4em;text-align:right}.con_topic #main .box_pager .pager li{letter-spacing:normal;display:inline-block;line-height:1;margin-left:.3em;margin-bottom:.3em}.con_topic #main .box_pager .pager li:first-child{margin-left:0}.con_topic #main .box_pager .pager li a{display:block;text-align:center;padding:.5em .8em;border:1px solid #dcdcdc}.con_topic #main .box_pager .pager li.active a,.con_topic #main .box_pager .pager li:hover a{background:#005285;color:#fff;text-decoration:none}.con_topic #main .box_pager .pager li.pre{margin-right:1em}.con_topic #main .box_pager .pager li.nex{margin-left:1.3em}.con_topic #side{float:right;width:18.33333%}.con_topic #side h3{background:#005285;font-size:139%;color:#fff;text-align:center;padding:.8em 0;line-height:1;font-weight:100;margin-bottom:25px}@media only screen and (min-width: 641px) and (max-width: 1022px){.con_topic #side h3{font-size:124%}}@media only screen and (max-width: 640px){.con_topic #side h3{font-size:108%}}@media only screen and (max-width: 640px){.con_topic #side h3{margin-bottom:3%}}.con_topic #side .box_side h4{margin-bottom:10px}.con_topic #side .box_side h4:before{content:"";font-family:FontAwesome;margin-right:.35em;color:#005285}.con_topic #side .box_side h4 span{text-decoration:underline}@media only screen and (max-width: 640px){.con_topic #side .box_side h4{margin-bottom:2%}}.con_topic #side .box_side h4.active:before{content:"";font-family:FontAwesome;margin-right:.35em}.con_topic #side .box_side ul{display:none;margin-bottom:25px;padding:0 1.5em}@media only screen and (max-width: 640px){.con_topic #side .box_side ul{margin-bottom:3%}}.con_topic #side .box_side ul li{line-height:2.3}@media only screen and (max-width: 831px){.con_topic #main{float:none;width:100%;padding-right:0;border-right:none}.con_topic #main .box_pager .pager{text-align:center}.con_topic #side{float:none;width:100%;margin-top:5%}}.con_topic_detail #main .con_det{margin-top:60px}.con_topic_detail #main .con_det h3 .inf span{display:inline-block;letter-spacing:normal;line-height:1}.con_topic_detail #main .con_det h3 .inf span.date{font-weight:200}.con_topic_detail #main .con_det h3 .inf span.cate{font-weight:200;color:#fff;padding:0.1em 0.5em;margin-left:0.5em}.con_topic_detail #main .con_det h3 .inf span.cate01{background-color:#d86618}.con_topic_detail #main .con_det h3 .title{font-size:170%;font-weight:600;margin-top:15px}@media only screen and (min-width: 641px) and (max-width: 1022px){.con_topic_detail #main .con_det h3 .title{font-size:154%}}@media only screen and (max-width: 640px){.con_topic_detail #main .con_det h3 .title{font-size:124%}}.con_topic_detail #main .con_det .box_det{margin-top:40px}.con_topic_detail #main .con_det .box_det .photo .caption{display:block;font-size:100%;margin-top:5px}@media only screen and (min-width: 641px) and (max-width: 1022px){.con_topic_detail #main .con_det .box_det .photo .caption{font-size:100%}}@media only screen and (max-width: 640px){.con_topic_detail #main .con_det .box_det .photo .caption{font-size:85%}}@media only screen and (min-width: 641px){.con_topic_detail #main .con_det .box_det>.photo{width:80%;margin:0 auto}}.con_topic_detail #main .con_det .box_det .txt{font-size:100%}@media only screen and (min-width: 641px) and (max-width: 1022px){.con_topic_detail #main .con_det .box_det .txt{font-size:100%}}@media only screen and (max-width: 640px){.con_topic_detail #main .con_det .box_det .txt{font-size:93%}}.con_topic_detail #main .con_det .box_det .txt .red{color:#d10000}.con_topic_detail #main .con_det .box_det .txt .strong{font-weight:600;font-size:129%}.con_topic_detail #main .con_det .box_det .box_double{display:flex;flex-wrap:wrap}@media only screen and (min-width: 641px){.con_topic_detail #main .con_det .box_det .box_double>.photo{width:calc((100% / 2) - (10px / 2))}.con_topic_detail #main .con_det .box_det .box_double>.photo:last-of-type{margin-left:10px}}@media only screen and (max-width: 640px){.con_topic_detail #main .con_det .box_det .box_double>.photo{width:calc((100% / 2) - (4px / 2))}.con_topic_detail #main .con_det .box_det .box_double>.photo:last-of-type{margin-left:4px}}@media only screen and (min-width: 1023px){.con_topic_detail #main .con_det .box_det .box_double .column{width:calc((100% / 2) - (40px / 2))}.con_topic_detail #main .con_det .box_det .box_double .column:last-of-type{margin-left:40px}}@media only screen and (min-width: 641px) and (max-width: 1022px){.con_topic_detail #main .con_det .box_det .box_double .column{width:calc((100% / 2) - (30px / 2))}.con_topic_detail #main .con_det .box_det .box_double .column:last-of-type{margin-left:30px}}@media only screen and (max-width: 640px){.con_topic_detail #main .con_det .box_det .box_double .column{width:100%}}@media only screen and (min-width: 641px){.con_topic_detail #main .con_det .box_det .box_double .column>.box_det:first-of-type{margin-top:0}}.con_topic_detail #main .con_det .box_det .box_double.reverse{flex-direction:row-reverse}.con_topic_detail #main .con_det .box_det .box_double.reverse .column:last-of-type{margin-left:0}@media only screen and (min-width: 1023px){.con_topic_detail #main .con_det .box_det .box_double.reverse .column:first-of-type{margin-left:40px}}@media only screen and (min-width: 641px) and (max-width: 1022px){.con_topic_detail #main .con_det .box_det .box_double.reverse .column:first-of-type{margin-left:30px}}.con_topic_detail #main .con_det .box_det .box_tribble{display:flex}@media only screen and (min-width: 641px){.con_topic_detail #main .con_det .box_det .box_tribble>.photo{width:calc((100% / 3) - (20px / 3))}.con_topic_detail #main .con_det .box_det .box_tribble>.photo:nth-of-type(n+2){margin-left:10px}}@media only screen and (max-width: 640px){.con_topic_detail #main .con_det .box_det .box_tribble>.photo{width:calc((100% / 3) - (8px / 3))}.con_topic_detail #main .con_det .box_det .box_tribble>.photo:nth-of-type(n+2){margin-left:4px}}.con_topic_detail #main .con_det .box_det .box_random{letter-spacing:-.4em}.con_topic_detail #main .con_det .box_det .box_random .photo{letter-spacing:normal;display:inline-block;vertical-align:top;width:auto;margin-right:1.5%}@media only screen and (max-width: 1022px){.con_topic_detail #main .con_det .box_det .box_random{overflow:hidden}.con_topic_detail #main .con_det .box_det .box_random .photo img{width:100%}}.con_topic_detail #main .con_det .box_det .tbl_basic{width:100%}.con_topic_detail #main .con_det .box_det h4{font-size:170%;border-bottom:4px double #085BA9;padding-bottom:5px}@media only screen and (min-width: 641px) and (max-width: 1022px){.con_topic_detail #main .con_det .box_det h4{font-size:154%}}@media only screen and (max-width: 640px){.con_topic_detail #main .con_det .box_det h4{font-size:124%}}.con_topic_detail #main .con_det .box_det h5{font-size:139%;border-bottom:1px dashed #bbbbbb;padding-bottom:5px}@media only screen and (min-width: 641px) and (max-width: 1022px){.con_topic_detail #main .con_det .box_det h5{font-size:131%}}@media only screen and (max-width: 640px){.con_topic_detail #main .con_det .box_det h5{font-size:108%}}@media only screen and (min-width: 641px){.con_topic_detail #main .con_det .box_det .box_slider{width:80%;margin:0 auto}}.con_topic_detail #main .con_det .box_det .box_slider .slick-dots{display:flex;justify-content:center;bottom:40px}.con_topic_detail #main .con_det .box_det .box_slider .slick-dots li{width:12px;height:12px;margin:0}@media only screen and (max-width: 640px){.con_topic_detail #main .con_det .box_det .box_slider .slick-dots li{width:10px;height:10px}}.con_topic_detail #main .con_det .box_det .box_slider .slick-dots li:nth-of-type(n+2){margin-left:12px}@media only screen and (max-width: 640px){.con_topic_detail #main .con_det .box_det .box_slider .slick-dots li:nth-of-type(n+2){margin-left:10px}}.con_topic_detail #main .con_det .box_det .box_slider .slick-dots li button{width:12px;height:12px;background-color:#f4f1ee;border:none;border-radius:10000px;text-indent:-9999px;padding:0}@media only screen and (max-width: 640px){.con_topic_detail #main .con_det .box_det .box_slider .slick-dots li button{width:10px;height:10px}}.con_topic_detail #main .con_det .box_det .box_slider .slick-dots li button:before{display:none}.con_topic_detail #main .con_det .box_det .box_slider .slick-dots li.slick-active button{background-color:#005184}.con_topic_detail #main .con_det .box_det .box_slider .slick-arrow{transition:0.2s;position:absolute;top:calc(50% - 1em);transform:translateY(-50%);z-index:10}.con_topic_detail #main .con_det .box_det .box_slider .slick-arrow:hover{cursor:pointer;opacity:0.8}.con_topic_detail #main .con_det .box_det .box_slider .prev-arrow{left:20px}.con_topic_detail #main .con_det .box_det .box_slider .prev-arrow:before{content:"\f104";font-family:FontAwesome;font-size:308%;color:#fff;filter:drop-shadow(1px 3px 5px rgba(0,0,0,0.5))}@media only screen and (min-width: 641px) and (max-width: 1022px){.con_topic_detail #main .con_det .box_det .box_slider .prev-arrow:before{font-size:308%}}@media only screen and (max-width: 640px){.con_topic_detail #main .con_det .box_det .box_slider .prev-arrow:before{font-size:308%}}.con_topic_detail #main .con_det .box_det .box_slider .next-arrow{right:20px}.con_topic_detail #main .con_det .box_det .box_slider .next-arrow:before{content:"\f105";font-family:FontAwesome;font-size:308%;color:#fff;filter:drop-shadow(1px 3px 5px rgba(0,0,0,0.5))}@media only screen and (min-width: 641px) and (max-width: 1022px){.con_topic_detail #main .con_det .box_det .box_slider .next-arrow:before{font-size:308%}}@media only screen and (max-width: 640px){.con_topic_detail #main .con_det .box_det .box_slider .next-arrow:before{font-size:308%}}.con_topic_detail #main .con_det .box_det .box_point{background-color:#fff;border-top:1px solid #005285;border-bottom:1px solid #005285;border-left:5px solid #005285;border-right:5px solid #005285;padding:8px 24px}.con_topic_detail #main .con_det .box_det .box_point .title{font-weight:600;font-size:170%;text-align:center}@media only screen and (min-width: 641px) and (max-width: 1022px){.con_topic_detail #main .con_det .box_det .box_point .title{font-size:154%}}@media only screen and (max-width: 640px){.con_topic_detail #main .con_det .box_det .box_point .title{font-size:124%}}.con_topic_detail #main .con_det .box_det .box_point .txt{font-size:100%;text-align:center}@media only screen and (min-width: 641px) and (max-width: 1022px){.con_topic_detail #main .con_det .box_det .box_point .txt{font-size:100%}}@media only screen and (max-width: 640px){.con_topic_detail #main .con_det .box_det .box_point .txt{font-size:93%}}.con_topic_detail #main .con_det .box_det .btn_inside{width:260px;margin:0 auto}@media only screen and (max-width: 640px){.con_topic_detail #main .con_det .box_det .btn_inside{width:80%}}.con_topic_detail #main .con_det .box_det .btn_inside a{box-sizing:border-box;display:block;width:100%;height:100%;font-size:100%;color:#fff;text-align:center;text-decoration:none;background-color:#005285;border:solid 1px #005285;border-radius:10000px;padding:15px 10px;transition:0.2s}@media only screen and (min-width: 641px) and (max-width: 1022px){.con_topic_detail #main .con_det .box_det .btn_inside a{font-size:100%}}@media only screen and (max-width: 640px){.con_topic_detail #main .con_det .box_det .btn_inside a{font-size:93%}}.con_topic_detail #main .con_det .box_det .btn_inside a:hover{color:#005285;background-color:#fff}.con_topic_detail #main .con_det .box_det .btn_outside{width:260px;margin:0 auto}@media only screen and (max-width: 640px){.con_topic_detail #main .con_det .box_det .btn_outside{width:80%}}.con_topic_detail #main .con_det .box_det .btn_outside a{box-sizing:border-box;display:block;width:100%;height:100%;font-size:100%;color:#fff;text-align:center;text-decoration:none;background-color:#005285;border:solid 1px #005285;border-radius:10000px;padding:15px 10px;transition:0.2s}@media only screen and (min-width: 641px) and (max-width: 1022px){.con_topic_detail #main .con_det .box_det .btn_outside a{font-size:100%}}@media only screen and (max-width: 640px){.con_topic_detail #main .con_det .box_det .btn_outside a{font-size:93%}}.con_topic_detail #main .con_det .box_det .btn_outside a:after{font-family:FontAwesome;content:"\f08e";margin-left:5px}.con_topic_detail #main .con_det .box_det .btn_outside a:hover{color:#005285;background-color:#fff}.con_topic_detail #main .con_det .box_det .btn_pdf{width:260px;margin:0 auto}@media only screen and (max-width: 640px){.con_topic_detail #main .con_det .box_det .btn_pdf{width:80%}}.con_topic_detail #main .con_det .box_det .btn_pdf a{box-sizing:border-box;display:block;width:100%;height:100%;font-size:100%;color:#005285;text-align:center;text-decoration:none;border:solid 1px #005285;border-radius:10000px;padding:15px 10px;transition:0.2s}@media only screen and (min-width: 641px) and (max-width: 1022px){.con_topic_detail #main .con_det .box_det .btn_pdf a{font-size:100%}}@media only screen and (max-width: 640px){.con_topic_detail #main .con_det .box_det .btn_pdf a{font-size:93%}}.con_topic_detail #main .con_det .box_det .btn_pdf a:after{font-family:FontAwesome;content:"\f1c1";margin-left:5px}.con_topic_detail #main .con_det .box_det .btn_pdf a:hover{color:#fff;background-color:#005285}.con_topic_detail #main .con_det .box_det .box_youtube{aspect-ratio:16 / 9}@media only screen and (min-width: 641px){.con_topic_detail #main .con_det .box_det .box_youtube{width:80%;margin:0 auto}}.con_topic_detail #main .con_det .box_det .box_youtube iframe{width:100%;height:100%}.con_topic_detail #main .box_pager{margin-top:30px}@media only screen and (max-width: 640px){.con_topic_detail #main .box_pager{margin-top:4%}}.con_topic_detail #main .box_pager .pager{letter-spacing:-0.4em;text-align:center}.con_topic_detail #main .box_pager .pager li{letter-spacing:normal;display:inline-block;line-height:1;margin-left:0.3em;margin-bottom:0.3em}.con_topic_detail #main .box_pager .pager li:first-child{margin-left:0}.con_topic_detail #main .box_pager .pager li a{display:block;background-color:#fbfaf8;border:1px solid #dcdcdc;text-align:center;padding:0.5em 0.8em}.con_topic_detail #main .box_pager .pager li.active a,.con_topic_detail #main .box_pager .pager li:hover a{color:#fff;text-decoration:none;background-color:#005285}.con_topic_detail #main .box_pager .pager li.pre{margin-right:1em}.con_topic_detail #main .box_pager .pager li.nex{margin-left:1.3em}
