/**********************************************
note : design custom style page
**********************************************/

/**********************************************
note : ½ÂÀΰü¸®
**********************************************/
/* µî±Þ */
.admin-article-list .level-group .level {margin-bottom:.125rem}
.admin-article-list .level-group .level.type-m, .admin-article-list .level-group .level.type-p {color:#fff}
.admin-article-list .level-group .level.type-m {background-color:#3c63d3}
.admin-article-list .level-group .level.type-p {background-color:#1c8f24}

/**********************************************
note : main
name : ÃÖÇýÁø
date : 220408
**********************************************/
.box-skin.cus-title1 .header > a {font-weight:500;font-size:18px;color:#ac2117}
.box-skin.cus-title2 .header > a {font-size:32px}
.box-skin.cus-title3 .header {text-align:center}
.box-skin.cus-title3 .header > a {font-size:28px;letter-spacing:-.075em;font-weight:600}
.box-skin.cus-title3 .header > a > strong {font-weight:600}



/* ÀÓÈñÀº / 1158025 / 20220503 */
.box-skin.cus-title4 .header > a {font-weight:500;font-size:18px;color:#ac2117}
/*.box-skin.cus-title4 section.content {border-left:25px solid #ddd;padding-left:10px;}*/
/* À̽ÂÇö / 1204561 / 20221006 */
.box-skin.cus-title4 section.content {border-left:25px solid #c7c7c7;padding-left:10px;}

/* ÃÖÀººñ / 1159474 / 20220510 */
.box-skin.cus-title5 .header > a {font-weight:500;font-size:18px;color:#ac2117}

/* À̽ÂÇö / 1169834 / 20220531 */
.box-skin .header .tit_box {background-color: #23448a;  padding:.675rem; color:#fff; line-height: 1.3;font-size: 1.35rem;margin-bottom: .5rem;}
.box-skin .header a >.tit_box2 {background-color: #23448a; padding:.675rem; color:#fff; line-height: 1.7;font-size: 18px;margin-bottom: .5rem; font-weight: 500;}
.box-skin .header a >.tit_box3 {background-color: #23448a;  padding:.675rem; color:#fff; line-height: 1.7;font-size: 28px;margin-bottom: .5rem; font-weight: 600;}


.auto-mp01-7-2 .auto-columns {overflow:hidden;position:relative}
.auto-mp01-7-2 .auto-content {position:absolute;z-index:44;width:100%;height:100%;padding: 100px 20px;left:0;top:0;text-align:left;text-shadow:1px 1pxrgba(0,0,0,.9);transition:transform 0.4s, opacity 0.1s 0.3s;opacity: 0;transform:translateY(100%);-o-transition:-o-transform .4s, opacity .1s .3s;-moz-transition:-moz-transform .4s, opacity .1s .3s;-webkit-transition:-webkit-transform .4s, opacity .1s .3s;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%)}
.auto-mp01-7-2 .auto-columns:hover .auto-content {transition:transform 0.4s, opacity 0.1s;opacity:1;transform: translateY(0px);-o-transition:-o-transform .4s, opacity .1s;-moz-transition:-moz-transform .4s, opacity .1s;-webkit-transition:-webkit-transform .4s, opacity .1s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform: translateY(0)}
.auto-mp01-7-2 .auto-content::after {content:'';position:absolute;z-index:1;width:100%;height:100%;background:rgba(2,21,60,.95);left:0;top:0}
.auto-mp01-7-2 .auto-content .auto-fontF,.auto-mp01-7 .auto-content .auto-fontJ {position:relative;z-index:2}
.auto-mp01-7-2 .auto-content .auto-fontF {margin-bottom:.3rem}
.auto-mp01-7-2 .auto-content .auto-fontJ::before {content:'';display:block;position:relative;z-index:2;width:100%;margin-bottom:1rem;border-top:1px solid rgba(255,255,255,.25);clear:both}
.auto-mp01-7-2 .auto-content a { text-decoration: none !important;}
.auto-mp01-7-2 .auto-section { position: relative; line-height: 1.125; color: #fed100; font-weight: 500;}
.auto-mp01-7-2 .auto-section::after {content:'';display:block;overflow:hidden;width:25px;height:0;margin:8px auto 20px;border-top:1px solid #fed100}
.auto-mp01-7-2 .auto-relation1 {display: block;overflow: hidden;padding-left: 0px;text-overflow: ellipsis;font-weight: 500;}
.auto-mp01-7-2 .auto-relation1::after {content: ''; display: table; clear: both;}
.auto-mp01-7-2 .line-4x4 {max-height: 5.825em;line-height: 1.375;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;webkit-line-clamp: 3;}
.auto-article.auto-mp01-7-2.tiles-3x .auto-columns{width:33.2%;margin-top:1px;margin-right:1px}


.box-skin.design-002 .header { position: relative; min-height: 10px; margin-bottom: 1rem;}
.box-skin.design-002 .header>a, .box-skin.design-002 .header>strong { padding:.675rem; font-size: 18px;font-weight: 500; position: relative; z-index: 2;  display: inline-block; padding-right: 0.75rem;background: #23448a!important; color: #fff;}
.box-skin.design-002 .header::before {  content: ''; position: absolute; z-index: 1;  left: 0; right: 0;    top: 50%;   border-top: 1px solid rgba(35,68,138,.12);}

.box-skin.cus-title4 .header {text-align:center; margin-bottom: 1rem;}
.box-skin.cus-title4 .header > a {font-size:28px;letter-spacing:-.075em;font-weight:600}
.box-skin.cus-title4 .header > a > strong {font-weight:600}

/* ±è¹ÎÈñ / 1172364 / 20220610 */
@media screen and (min-width: 67.9375em){
#article-view .heading{font-size:32px;width:755px;padding-left:75px;}
#article-view .info-group {padding-left:75px;}
.article-view-header .breadcrumbs {padding-left:75px;}
}

/* ±è¹ÎÈñ / 1175823 / 20220623 */
.box-skin.column-header {display:flex;display:-ms-flexbox;flex-direction:row-reverse;-ms-flex-direction:row-reverse; background-color:#eeeeee;}
/*.box-skin.column-header .header {flex: 0 0 120px; max-width: 120px;position:relative;}*/
/* À±¹ÌÁ¤ / 1197415 / 20220913 */
.box-skin.column-header .header {flex: 0 0 80px; max-width: 80px;position:relative;}
.box-skin.column-header .header > a {display:inline-block; padding:.675rem ;width: 50px;background-color: #23448a;color: #fff; line-height: 1.2; font-size: 28px; font-weight:500; position:absolute; top:0;left: 10px;}
.box-skin.column-header .content {padding: 15px 0 15px 30px;width: calc(100% - 120px);}
.box-skin.title-right .header > a {text-align:right;}
.box-skin.title-right .point-title {display:inline-block; padding:.4rem .675rem ;background-color: #23448a;color: #fff; line-height: 1.2; font-size: 18px; font-weight:500;}


.box-skin.bg2 {background-color: #eeeeee;}
.box-skin.bg2  .header>a {display: inline-block;padding: 0.675rem;margin-bottom: 0;background-color: #23448a;color: #fff;font-weight: 500;}
.box-skin.bg2  .content {padding: 1.1375rem 1.3rem;}


/* ÃÖÀººñ / 1392622 / 20240725 */
#rollBanner-5 .columns{padding:0;}
#rollBanner-5 .roll-btns.btn-prev{right:96%;}
#rollBanner-5 .roll-btns.btn-next{left:96%;}