@charset "utf-8";
/* CSS Document */

.articleZone .titleBlock{font:normal normal normal 24px/29px "cwTeXYen", sans-serif;color:#244359}
.articleZone .btn-group .btn{--bs-btn-bg:#FFF;}
.articleZone .btn-group .btn-outline-primary{--bs-btn-color:#54758c;--bs-btn-border-color:#eaf0f3;}
.articleZone .btn-group .btn-check:checked+.btn, .articleZone .btn-group .btn.active, .articleZone .btn-group .btn.show, .articleZone .btn-group .btn:first-child:active, .articleZone .btn-group :not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color);}
.articleZone .btn-group .btn-check:not(:checked)+.btn:hover{color:#7391a6;}
.order.form-select:focus{border-color:#0095e5;box-shadow:none;}

.article_main .article_block .block{background:#FFF 0% 0% no-repeat padding-box;box-shadow:2px 2px 15px #c3d0d94d;border-radius:12px;}
.article_main .article_block .block:hover{box-shadow:2px 2px 15px #c3d0d9;transition:0.6s;}
.article_main .article_block .block .title{font:normal normal normal 18px/22px "cwTeXYen", sans-serif;color:#244359;}
.article_main .article_block .block .title a{color:#244359;}
.article_main .article_block .block .title a:hover{color:#7391a6;transition:0.6s;}
.article_main .article_block .block .content{max-height:50px;font:normal normal normal 16px/22px "cwTeXYen", sans-serif;color:#7391a6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.article_main .article_block .block .content a{color:#7391a6;}
.article_main .article_block .block .footer{font:normal normal normal 14px/22px "cwTeXYen", sans-serif;color:#7391a6;}
.article_main .article_block .block .footer .btn-link{display:inline-flex;align-items:center;}
.article_main .article_block .block .footer .fa .fas{font-size:1rem;}

.article_main .article_detail .block{background:#FFF 0% 0% no-repeat padding-box;box-shadow:2px 2px 15px #c3d0d94d;border-radius:12px;}
.article_main .article_detail .block .title{font:normal normal normal 24px/30px "cwTeXYen", sans-serif;color:#244359;}
.article_main .article_detail .block .creator{font:normal normal normal 14px/22px "cwTeXYen", sans-serif;color:#7391a6;}
.article_main .article_detail .block .content *{max-width:100%;}
.article_main .article_detail .block .type, .article_main .article_block .block .type{border-radius:25px;font:normal normal normal 14px/17px "cwTeXYen", sans-serif;letter-spacing:0.28px;color:#FFF;}
.article_main .article_detail .block .type.t1, .article_main .article_block .block .type.t1{background:#0095e5 0% 0% no-repeat padding-box;}
.article_main .article_detail .block .type.t1:hover, .article_main .article_block .block .type.t1:hover{background:#0095e5e6 0% 0% no-repeat padding-box;transition:0.6s;}
.article_main .article_detail .block .type.t2, .article_main .article_block .block .type.t2{background:#ff6192 0% 0% no-repeat padding-box;}
.article_main .article_detail .block .type.t2:hover, .article_main .article_block .block .type.t2:hover{background:#ff6192e6 0% 0% no-repeat padding-box;transition:0.6s;}
.article_main .article_detail .block .type.t3, .article_main .article_block .block .type.t3{background:#af6Bff 0% 0% no-repeat padding-box;}
.article_main .article_detail .block .type.t3:hover, .article_main .article_block .block .type.t3:hover{background:#af6Bffe6 0% 0% no-repeat padding-box;transition:0.6s;}
.article_main .article_detail .block .type.t4, .article_main .article_block .block .type.t4{background:#4c57e3 0% 0% no-repeat padding-box;}
.article_main .article_detail .block .type.t4:hover, .article_main .article_block .block .type.t4:hover{background:#4c57e3e6 0% 0% no-repeat padding-box;transition:0.6s;}
.article_main .article_detail .block .type.t5, .article_main .article_block .block .type.t5{background:#6cddff 0% 0% no-repeat padding-box;}
.article_main .article_detail .block .type.t5:hover, .article_main .article_block .block .type.t5:hover{background:#6cddffe6 0% 0% no-repeat padding-box;transition:0.6s;}
.article_main .article_detail .like{width:100px;height:42px;background:#eaf0f3 0% 0% no-repeat padding-box;border-radius:8px;font:normal normal normal 16px/22px "cwTeXYen", sans-serif;color:#244359;}
.article_main .article_detail .like::before{width:22px;height:22px;margin-right:10px;display:inline-block;vertical-align:sub;content:url('/images/article/common/icon_like-article.svg');}
.article_main .article_detail .like.btn:first-child:active{border-color:#eaf0f3}
.article_main .article_detail .like:hover{background:#c3d0d9 0% 0% no-repeat padding-box;transition:0.6s;}
.article_main .article_detail .like.active{width:116px;background:#244359 0% 0% no-repeat padding-box;color:#FFF;}
.article_main .article_detail .like.active::before{content:url('/images/article/common/icon_like-article-select.svg');}
.article_main .article_detail .views{font:normal normal normal 16px/22px "cwTeXYen", sans-serif;color:#54758c;}
.article_main .article_detail .views .num{color:#244359;}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.article_main .article_block .block .title{font:normal normal normal 22px/26px "cwTeXYen", sans-serif;}
	.article_main .article_detail .block .title{font:normal normal normal 28px/40px "cwTeXYen", sans-serif;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.web_menu{min-width:195px;}
	.bannerArea{max-width:260px;}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.article_main{max-width:525px;}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}

@media (min-width: 1200px) and (max-width: 1400px) {
	.article_main{min-width:685px;}
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	.article_main{min-width:840px;}
}