/*기본세팅*/
html,body {font-family: 'Noto Sans KR','NanumSquareRoundR','square',"Noto Sans"; letter-spacing: -0.05em; height: 100%; line-height: 1.6;}
ul,li     {list-style: none;}
ol, ul    {padding-left: 0;}
dl, ol, ul{margin-bottom: 0;}
a,a:hover   {text-decoration: none; color: #000; cursor: pointer;}
.h1, h1,.h2, h2,.h3, h3,.h4, h4,.h5, h5   {font-family: 'NanumSquareRoundB','square',"Noto Sans"; font-size: 1.4rem;}
p         {margin-bottom: 0;}
b,strong  {font-weight: 500!important}

.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1200px;}
.rounded-3    {border-radius:0.9rem!important}
.text-truncate-2    {text-overflow: ellipsis; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.accordion-button::after,.accordion-button:not(.collapsed)::after    {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}

#carouselExampleControls3 .carousel-item {width:20%}
.submenu .navbar-collapse a,      {font-size: 1.09rem}
.submenu .navbar-collapse a:hover {text-decoration: underline; font-weight: 500;}

/*폰트*/
.font-l   {font-family: 'NanumSquareRoundL';}
.font-r   {font-family: 'NanumSquareRoundR';}
.font-b   {font-family: 'NanumSquareRoundB';}
.font-eb  {font-family: 'NanumSquareRoundEB';}
.font-noto  {font-family: 'Noto Sans KR';}
.font-nanum_sr   {font-family: 'NanumSquareRoundR';}

/*포인트색상*/
.bg-blue  {background-color:#0066b3;}
.bg-pink  {background-color:#e21548;}
.bg-yellow {background-color:#fba210;}
.bg-light {background: #f4f4f4!important;}
.bg-white {background: #fff!important;}
.btn-blue  {background-color:#0066b3; color: #fff;}
.btn-blue:hover {color: #fff; background-color: #065088; border-color: #065088;}
.btn-pink  {background-color:#e21548; color: #fff;}

.text-blue  {color: #0066b3!important;}
.text-pink  {color:#e21548!important;}
.text-white    {color: #fff!important;}
.border-blue   {border-color: #0066b3!important;}
.border-pink   {border-color: #e21548!important;}


/*메인 sns*/
.m_sns_box    {background: #fff;}
.m_sns_box .nav-tabs .nav-link          {color: #888!important;}
.m_sns_box .nav-tabs .nav-link.active   {color: #fff!important;}
.m_sns_box .nav-tabs .nav-link .sns_icon{max-height: 16px;}

.m_sns_box .nav-tabs .fb .nav-link .sns_icon  {background:url(../img/ico_sns_fb.png) no-repeat top center;}
.m_sns_box .nav-tabs .fb .nav-link.active .sns_icon  {background:url(../img/ico_sns_fb_on.png) no-repeat top center;}
.m_sns_box .nav-tabs .fb .nav-link.active {background:#3a589e}

.m_sns_box .nav-tabs .naver .nav-link .sns_icon {background:url(../img/ico_sns_band.png) no-repeat top center;}
.m_sns_box .nav-tabs .naver .nav-link.active .sns_icon {background:url(../img/ico_sns_band_on.png) no-repeat top center;}
.m_sns_box .nav-tabs .naver .nav-link.active {background:#1bcc21}

.m_sns_box .nav-tabs .kakao .nav-link .sns_icon {background:url(../img/ico_sns_kakao.png) no-repeat top center;}
.m_sns_box .nav-tabs .kakao .nav-link.active .sns_icon {background:url(../img/ico_sns_kakao_on.png) no-repeat top center;}
.m_sns_box .nav-tabs .kakao .nav-link.active {background:#fae100; color: #3c1d1e!important;}

.m_sns_box .nav-tabs .youtube .nav-link .sns_icon {background:url(../img/ico_sns_youtube.png) no-repeat top center;}
.m_sns_box .nav-tabs .youtube .nav-link.active .sns_icon {background:url(../img/ico_sns_youtube_on.png) no-repeat top center;}
.m_sns_box .nav-tabs .youtube .nav-link.active {background:#ff0000}

.m_sns_box .sns_text     {text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.m_sns_box #youtube_a iframe    {width: 100%;}

/*메인*/
.m_box6.nav-tabs .nav-link.active, .m_box6.nav-tabs .show>.nav-link{background:#e21548; color: #fff!important;}
.m_box_bbs .card-img {max-height: 180px;}

/*서브*/
#lnb .list-group-item.active  {background: #666; border:1px solid rgba(0,0,0,.125)}
#lnb .list-group-item.active a{color: #fff;}
#lnb .list-group-item.active i{color: #fff!important}
.breadcrumb-item,.breadcrumb-item a{color: #888; font-size: 0.93rem;}
.breadcrumb-item.active  {color: #000;}
.breadcrumb-item+.breadcrumb-item::before{content:""!important; float: inherit; width: 6px; height: 7px; padding-right:12px; background: url(../images/common/ico_next.png) no-repeat 0 9px!important}

 /* IE10+ */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
     .m_box6 iframe {display: block; position: relative; width: 100%; height: 325px;}
     .m_box_bbs .col,.m_box_bbs2 .col{padding: 0 7px;}
     .bg-secondary  {background: #666;}
}

/*게시글 table*/
.bbs_view_sn2 td    {border-width:thin;}
.bbs_view_sn2 td.center  {text-align: center;}

/*반응형 폰트*/
@media (max-width:360px){html{font-size:14px;}}
@media (min-width:361px) and (max-width:399px){html{font-size:15px;}}
@media (min-width:400px) and (max-width:439px){html{font-size:15px;}}
@media (min-width:440px) and (max-width:479px){html{font-size:13px;}}
@media (min-width:480px) and (max-width:519px){html{font-size:14px;}}
@media (min-width:520px) and (max-width:559px){html{font-size:15px;}}
@media (min-width:560px) and (max-width:599px){html{font-size:16px;}}
@media (min-width:600px) and (max-width:639px){html{font-size:17px;}}
@media (min-width:640px) and (max-width:679px){html{font-size:18px;}}
@media (min-width:680px) and (max-width:719px){html{font-size:15px;}}
@media (min-width:720px) and (max-width:759px){html{font-size:15px;}}
@media (min-width:760px) and (max-width:799px){html{font-size:16px;}}
@media (min-width:800px) and (max-width:839px){html{font-size:16px;}}
@media (min-width:840px) and (max-width:879px){html{font-size:16px;}}
/*@media (min-width:880px){html{font-size:16px;}}*/
@media (min-width:1200px) {
     .fs-4     {font-size:1.4rem!important}
}
@media (min-width:320px) and (max-width:560px){     
     .m_box_sns,.m_box_bn{min-width: 100%!important;}
     .m_sns_box #youtube_a iframe  {max-height: 63px;}
     .m_box2,.m_box7,.m_box_bn   {display: none;}          
     .m_box5 .title       {text-overflow: ellipsis; display: -webkit-box!important; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space:normal;}
     .m_box5 .title,.m_box5 .title a    {font-size: 1.3rem!important}
     .m_box5 .date       {display: none;}
     .m_box6,.m_box7     {max-width: 100%!important;}
     .m_box_bbs .card-img{max-height: 100px;}
     .fs-5     {font-size: 1rem!important}
     .ft_logo  {display: none;}
     #lnb  {display: none;}

     .table .file,.table .date,.table .count   {display: none;}
     .m_box5        {order: -3;}
     .m_box_bbs   {order: -2;}
     .m_box_bbs2   {order: -1;}
     .bbs_view_sn2 table {width: 100%!important;}
     .bbs_view_sn2 p,.bbs_view_sn2 span   {font-size: 1rem!important;}
     .bbs_view_sn2 img   {width: 100%;}

}
@media (min-width:560px) and (max-width:820px){  
     .m_box_sns     {min-width: 100%!important;}
     .m_box2_title  {display: none;}
}


@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}




@font-face {
    font-family: 'square-b';
    src: url('../../css/fonts/nanumsquareb.eot');
    src: url('../../css/fonts/nanumsquareb.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/nanumsquareb.woff2') format('woff2'),
         url('../../css/fonts/nanumsquareb.woff') format('woff'),
         url('../../css/fonts/nanumsquareb.ttf') format('truetype'),
         url('../../css/fonts/nanumsquareb.svg#nanumsquarebregular') format('svg');
    font-weight: normal;
    font-style: normal;
    
    }
    
    @font-face {
    font-family: 'square';
    src: url('../../css/fonts/nanumsquarer.eot');
    src: url('../../css/fonts/nanumsquarer.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/nanumsquarer.woff2') format('woff2'),
         url('../../css/fonts/nanumsquarer.woff') format('woff'),
         url('../../css/fonts/nanumsquarer.ttf') format('truetype'),
         url('../../css/fonts/nanumsquarer.svg#nanumsquarerregular') format('svg');
    font-weight: normal;
    font-style: normal;
    
    }
    
    
    @font-face {
    font-family: 'NanumSquareRoundL';
    src: url('../../css/fonts/NanumSquareRoundL.eot');
    src: url('../../css/fonts/NanumSquareRoundL.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/NanumSquareRoundL.woff2') format('woff2'),
         url('../../css/fonts/NanumSquareRoundL.woff') format('woff'),
         url('../../css/fonts/NanumSquareRoundL.ttf') format('truetype'),
         url('../../css/fonts/NanumSquareRoundL.svg#nanumsquarerregular') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    
    
    @font-face {
    font-family: 'NanumSquareRoundR';
    src: url('../../css/fonts/NanumSquareRoundR.eot');
    src: url('../../css/fonts/NanumSquareRoundR.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/NanumSquareRoundR.woff2') format('woff2'),
         url('../../css/fonts/NanumSquareRoundR.woff') format('woff'),
         url('../../css/fonts/NanumSquareRoundR.ttf') format('truetype'),
         url('../../css/fonts/NanumSquareRoundR.svg#nanumsquarerregular') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    
    
    @font-face {
    font-family: 'NanumSquareRoundB';
    src: url('../../css/fonts/NanumSquareRoundB.eot');
    src: url('../../css/fonts/NanumSquareRoundB.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/NanumSquareRoundB.woff2') format('woff2'),
         url('../../css/fonts/NanumSquareRoundB.woff') format('woff'),
         url('../../css/fonts/NanumSquareRoundB.ttf') format('truetype'),
         url('../../css/fonts/NanumSquareRoundB.svg#nanumsquarerregular') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    
    
    @font-face {
    font-family: 'NanumSquareRoundEB';
    src: url('../../css/fonts/NanumSquareRoundEB.eot');
    src: url('../../css/fonts/NanumSquareRoundEB.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/NanumSquareRoundEB.woff2') format('woff2'),
         url('../../css/fonts/NanumSquareRoundEB.woff') format('woff'),
         url('../../css/fonts/NanumSquareRoundEB.ttf') format('truetype'),
         url('../../css/fonts/NanumSquareRoundEB.svg#nanumsquarerregular') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    

    img[usemap] {
     border: none;
     height: auto;
     max-width: 100%;
     width: auto;
     }
     