@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

.side_flaoting 
{position: fixed;z-index: 100;right: 3.3%;top: 150px;width: 225px;}
.side_flaoting .cont-list
{ background-color: rgba(255,255,255,0.5); border: 1px solid #ddd;}
.side_flaoting .nav-tabs .nav-item.show .nav-link,
.side_flaoting .nav-tabs .nav-link.active {border: none!important;}
.side_flaoting .nav-tabs .nav-item {border-bottom: 1px solid #ddd;}
.side_flaoting .nav-tabs .nav-item:last-child,
.side_flaoting .nav-tabs .nav-item:last-child .nav-link
{border-bottom: none!important;}
.side_flaoting .nav-tabs > li > a, .side_flaoting .nav-tabs .nav-link
{margin-right: 0;margin-bottom: 0;}
.side_flaoting .nav-tabs .nav-item .nav-link:hover {background-color: #023caa;}
.side_flaoting .nav-tabs .nav-item .nav-link:hover h3 {color: #fff;}
.side_flaoting .nav-tabs .nav-item .nav-link.active:hover{background-color: #fff;}
.side_flaoting .nav-tabs .nav-item .nav-link.active:hover h3 {color: #023caa;}

.side_flaoting .nav-tabs {display: block!important;}
.side_flaoting .nav-tabs > li {float: inherit!important;}

.side_flaoting .img-wrap, .side_flaoting .txt-wrap 
{display: none;}
.side_flaoting .active .img-wrap, .side_flaoting .active .txt-wrap 
{display: block;}
.side_flaoting .nav-link h3 {padding: 0;color: #555555; font-size: 16px; font-weight: 500; letter-spacing: -0.05em;font-family: 'Noto Sans KR';margin-bottom: 0;}
.side_flaoting .nav-link.active h3 {color: #023caa;margin-top: 10px;}
.side_flaoting .nav-link {font-family: 'Noto Sans KR';}
button.goto-btn {border: 1px solid #ddd; margin: 10px auto; width: 100%; padding: 8px;}
button.goto-btn:hover {border-color: #023caa; background-color: #023caa;color: #fff;}






.cs-cont {background: #fff;border: 1px solid #ddd;margin-top: 10px;}
.cs-cont ul {margin-bottom: 0!important;}
.cs-cont li {width: 50%;}
.cs-cont li a {display: block;padding: 20px 5px 10px;height: 100%;text-decoration: none!important;}
.cs-cont li a p {font-family: 'Noto Sans KR'; font-size: 15px;font-weight: 700;color: #666666;letter-spacing: -0.05em;line-height: 1.2;margin-top: 10px;text-decoration: none!important;}
.cs-cont li:first-child a p {padding-top: 8px;}
.cs-cont li:first-child a {position: relative;}
.cs-cont li:first-child a::before 
{content: "";position: absolute;right: 0;top: 10%;height: 80%;width: 1px;background-color: #ddd;}

.cs-cont li a:hover {background: #023caa;}
.cs-cont li a:hover p {color: #fff;}
.cs-cont li:first-child a:hover::before{background: #023caa;}


.navbar-inverse .navbar-nav .open .dropdown-menu > li > a
{font-size: 14px;}

@media screen and (max-width: 1600px){
    
    .mySwiper {display: none;}
    .main_tab 
    {position: static!important; background: url('../slide/main_slider02.jpg') center center no-repeat;padding: 50px 0; background-size: cover;}
    .side_flaoting 
    {right: 1%;top: 15%;width: auto;}
    .main_tab .container {margin: 0 5%;}




}
@media screen and (max-width: 1400px){
    .main_tab .container {max-width: 1000px!important;}
}
@media screen and (max-width: 1200px){
    .main_tab .container {margin: 0 1%; max-width: 75%!important;}
    .side_flaoting {top: 8%;}
}
@media screen and (max-width: 992px){
    .main {display: flex; flex-direction: column-reverse;}
    .side_flaoting {position: static; margin-top: 0px; }
    .side_flaoting .nav-tabs 
    {display: flex!important;justify-content: center;flex-wrap: wrap;border: none!important;}
    .main_tab {padding: 100px 0 50px;}
    .main_tab .container {margin: 0 auto!important; max-width: 100%!important;}
    #menu-container01 .navbar-wrapper .navbar .container { width: 100%!important;}
    #menu-container01 .container > .navbar-header { width: 100%!important;}
    .side_flaoting .nav-tabs .nav-item
    {border: 1px solid #ddd!important; margin: 10px;    background: #fff;}
    .side_flaoting .cont-list 
    {background-color: #eee;border: none;padding: 30px 0;}
    #main_section {margin-top: 0px!important;}
    #footerwrap {text-align: center;}
    footer .col-sm-5 
    {flex: auto; max-width: 100%;}
    .cs-cont {margin-top: 0;}
    .side_flaoting .nav-link h3 {color: #023caa;margin-top: 10px;}
}
@media screen and (max-width: 575px){
    .side_flaoting .cont-list {margin-top: 0;padding: 15px;}
    .side_flaoting .nav-tabs .nav-item
    {margin: 0; width: 50%;}
    .tlogo img {max-height: 50px;}
}