@charset "utf-8";


/* --------------------------------------------------------
MY CUSTOM
----------------------------------------------------------*/
/* go-btn custome 
.go-btn {left:auto; right:50%; width:40px; margin-right:-700px;}
.go-btn .go-bottom {display:none;}
.go-btn button {width:40px; height:40px; margin:0; border-radius:50%; box-shadow:0px 2px 20px rgba(0, 0, 0, 0.4); font-size:20px; line-height:28px !important;}
.go-btn button i {margin-bottom:10px;}
*/

/* °Ô½Ã±Û º»¹® H2 ²Ù¹Ì±â (¿ÞÂÊ ÆĶõ ÁÙ + ȸ»ö ¹è°æ) */
.view-content h2 {
    padding: 6px;
    margin: 9px 0 6px;
    border-left: 6px solid #4e9cc6; /* Æ÷ÀÎÆ® »ö»ó (³²»ö) */
    background-color: #f9f9f9;      /* ¿¬ÇÑ È¸»ö ¹è°æ */
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
    color: #333;
}

/* °Ô½Ã±Û º»¹® H3 ²Ù¹Ì±â (¿ÞÂÊ ¾ãÀº ÁÙ + ¹ØÁÙ) */
.view-content h3 {
    padding: 6px 0 6px 0px;
    margin: 6px 0 3px;
   /* border-left: 5px solid #ddd;     ¿¬ÇÑ È¸»ö ¹Ù */
    /*border-bottom: 1px solid #eee;   ¹ØÁÙ */
    font-size: 13px;
    font-weight: bold;
    color: #444;
	line-height: 1.5;
}

/* ŸÀÌƲ ¹Ú½º ¾ÈÀÇ h1 µðÀÚÀÎ Á¶Á¤ */
.titleBox .title h1 {
    display: inline-block; /* ¿·¿¡ »§ºÎ½º·¯±â ¸Þ´º°¡ ¿Àµµ·Ï */
    font-size: 18px;       /* ±ÛÀÚ Å©±â Á¶Àý (¿øÇÏ´Â ´ë·Î ¼öÁ¤) */
    font-weight: 600;      /* ±½±â */
    margin: 0;             /* ºÒÇÊ¿äÇÑ ¿©¹é Á¦°Å */
    padding: 0;
    vertical-align: middle;
	color: #57a4cc;
}

@media (min-width: 333px) {
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (min-width: 333px) {
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

@media (min-width: 333px) {
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 333px) {
    .col-sm-9 {
        -ms-flex: 0 0 25%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}

@media (max-width: 333px) {
    #bo_webzine .card-body {
        padding: 0.4rem 1.25rem;
    }
}
@media (min-width: 300px) {
    .mb-sm-3, .my-sm-3 {
        margin-bottom: 0.3rem !important;
    }
}

.card-title {
    margin-bottom: .3rem;
}
.mb-2, .my-2 {
    margin-bottom: .3rem !important;
}
.pb-4, .py-4 {
    padding-bottom: 0.3rem !important;
}

@media (min-width: 300px) {
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
}
@media (min-width: 300px) {
.col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
}


    .col-sm-32 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }


.col-sm-910 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

@media (min-width: 500px) {
    .col-sm-32 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
}
@media (min-width: 500px) {
.col-sm-910 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
}
.border-bottom {
    border-bottom: 0px solid #f2f2f2 !important;
}
.no-gutters {
    margin-bottom: 1rem;