@charset "utf-8";

@media all and (min-width:1500px){
    .tab {width:1500px; margin:0 auto; border:1px solid #e8e8e8; box-shadow:0 0 4px 0 rgba(206,206,206,0.5); padding:10px 0; border-radius:17px; background-color:#fff;}
    .tab li {float:left; width:20%; border-right:1px solid #e8e8e8; padding:0 10px;}
    .tab li:last-child {border-right:0;}
    .tab li a {font-size:30px; font-weight:700; color:#000; display:inline-block; width:100%; padding:15px 0; padding-left:90px; background-repeat:no-repeat; background-position:25px center; border-radius:17px;}
    .tab li:nth-child(1) a {background-image:url(./img/tab/menu_1_off.png);}
    .tab li:nth-child(2) a {background-image:url(./img/tab/menu_2_off.png);}
    .tab li:nth-child(3) a {background-image:url(./img/tab/menu_3_off.png);}
    .tab li:nth-child(4) a {background-image:url(./img/tab/menu_4_off.png);}
    .tab li:nth-child(5) a {background-image:url(./img/tab/menu_5_off.png);}
    
    .tab li:nth-child(1).on a {background-color:#5ba7f1; color:#fff; background-image:url(./img/tab/menu_1_on.png);}
    .tab li:nth-child(2).on a {background-color:#f9c000; color:#fff; background-image:url(./img/tab/menu_2_on.png);}
    .tab li:nth-child(3).on a {background-color:#9885d3; color:#fff; background-image:url(./img/tab/menu_3_on.png);}
    .tab li:nth-child(4).on a {background-color:#55bf7d; color:#fff; background-image:url(./img/tab/menu_4_on.png);}
    .tab li:nth-child(5).on a {background-color:#55cec7; color:#fff; background-image:url(./img/tab/menu_5_on.png);}

    .mo_tab {display:none;}
}


@media (max-width:1499px) and (min-width:1201px) {
    .tab {width:96%; margin:0 auto; border:1px solid #e8e8e8; box-shadow:0 0 4px 0 rgba(206,206,206,0.5); padding:10px 0; border-radius:17px; background-color:#fff;}
    .tab li {float:left; width:20%; border-right:1px solid #e8e8e8; padding:0 10px;}
    .tab li:last-child {border-right:0;}
    .tab li a {font-size:25px; font-weight:700; color:#000; display:inline-block; width:100%; padding:15px 0; text-align:center; background-repeat:no-repeat; background-position:25px center; border-radius:17px;}
    .tab li:nth-child(1) a {background-image:none;}
    .tab li:nth-child(2) a {background-image:none;}
    .tab li:nth-child(3) a {background-image:none;}
    .tab li:nth-child(4) a {background-image:none;}
    .tab li:nth-child(5) a {background-image:none;}
    
    .tab li:nth-child(1).on a {background-color:#5ba7f1; color:#fff; background-image:none;}
    .tab li:nth-child(2).on a {background-color:#f9c000; color:#fff; background-image:none;}
    .tab li:nth-child(3).on a {background-color:#9885d3; color:#fff; background-image:none;}
    .tab li:nth-child(4).on a {background-color:#55bf7d; color:#fff; background-image:none;}
    .tab li:nth-child(5).on a {background-color:#55cec7; color:#fff; background-image:none;}

    .mo_tab {display:none;}
}



@media (max-width:1200px) and (min-width:748px) {
    .tab {width:96%; margin:0 auto; border:1px solid #e8e8e8; box-shadow:0 0 4px 0 rgba(206,206,206,0.5); padding:10px 0; border-radius:17px; background-color:#fff;}
    .tab li {float:left; width:20%; border-right:1px solid #e8e8e8; padding:0 5px;}
    .tab li:last-child {border-right:0;}
    .tab li a {font-size:22px; font-weight:700; color:#000; display:inline-block; width:100%; padding:15px 0; text-align:center; background-repeat:no-repeat; background-position:25px center; border-radius:17px;}
    .tab li:nth-child(1) a {background-image:none;}
    .tab li:nth-child(2) a {background-image:none;}
    .tab li:nth-child(3) a {background-image:none;}
    .tab li:nth-child(4) a {background-image:none;}
    .tab li:nth-child(5) a {background-image:none;}
    
    .tab li:nth-child(1).on a {background-color:#5ba7f1; color:#fff; background-image:none;}
    .tab li:nth-child(2).on a {background-color:#f9c000; color:#fff; background-image:none;}
    .tab li:nth-child(3).on a {background-color:#9885d3; color:#fff; background-image:none;}
    .tab li:nth-child(4).on a {background-color:#55bf7d; color:#fff; background-image:none;}
    .tab li:nth-child(5).on a {background-color:#55cec7; color:#fff; background-image:none;}

    .mo_tab {display:none;}
}


@media (max-width:747px){
    .tab {display:none;}
    .tab {width:96%; margin:0 auto; border:1px solid #e8e8e8; box-shadow:0 0 4px 0 rgba(206,206,206,0.5); padding:10px 0; border-radius:17px; background-color:#fff;}
    .tab li {float:left; width:98%; margin:1%; border-right:0; padding:0 5px;}

    .tab li:last-child {border-right:0;}
    .tab li a {font-size:20px; font-weight:700; color:#000; display:inline-block; width:100%; padding:15px 0; text-align:center; background-repeat:no-repeat; background-position:25px center; border-radius:17px;}
    .tab li:nth-child(1) a {background-image:none;}
    .tab li:nth-child(2) a {background-image:none;}
    .tab li:nth-child(3) a {background-image:none;}
    .tab li:nth-child(4) a {background-image:none;}
    .tab li:nth-child(5) a {background-image:none;}
    
    .tab li:nth-child(1).on a {background-color:#5ba7f1; color:#fff; background-image:none;}
    .tab li:nth-child(2).on a {background-color:#f9c000; color:#fff; background-image:none;}
    .tab li:nth-child(3).on a {background-color:#9885d3; color:#fff; background-image:none;}
    .tab li:nth-child(4).on a {background-color:#55bf7d; color:#fff; background-image:none;}
    .tab li:nth-child(5).on a {background-color:#55cec7; color:#fff; background-image:none;}

    .mo_tab {width:96%; margin:0 auto; border:6px solid #5ba9f1; border-radius:15px; background-color:#fff; overflow:hidden;}
    .mo_tab .mo_dep2 { background-color: #5ba7f1; padding: 9px; padding-left: 75px; color: #fff; font-size: 22px; font-weight: 800; background-image: url(./img/tab/menu_1_on.png); background-repeat: no-repeat; background-position: 20px center; position: relative; }
    .mo_tab .mo_dep2::after { content: ''; width: 30px; height: 20px; background-image: url(./img/tab/down_icon.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; right: 10px; top: 50%; transform: translateY(-43%); background-size: 17px; }
    .mo_tab .mo_dep2_view .mo_tab_2depth {padding:0 3%;}
    .mo_tab .mo_dep2_view .mo_tab_2depth > li {text-align:center; margin:10px 0;}
    .mo_tab .mo_dep2_view .mo_tab_2depth > li.on {font-weight:800; background-color:#edf6ff; border-radius:32px; padding:5px 0;}
    .mo_tab .mo_dep2_view .mo_tab_2depth > li a {font-size:19px; font-weight:500; }
    .mo_tab .mo_tab_sns {background-color:#f6f6f6; padding:3% 0; text-align:center;}
    .mo_tab .mo_tab_sns li {display:inline-block;}
    .mo_tab .mo_tab_sns li a {float:left; width:45px; height:45px; margin-right:15px; text-indent:-99999px;background-repeat:no-repeat; background-size:100%;}
    .mo_tab .mo_tab_sns li:last-child a {margin-right:0;}
    .mo_tab .mo_tab_sns a.sns_1 {background-image:url(../../../img/header/sns_1_off.png);}
    .mo_tab .mo_tab_sns a.sns_2 {background-image:url(../../../img/header/sns_2_off.png);}
    .mo_tab .mo_tab_sns a.sns_3 {background-image:url(../../../img/header/sns_3_off.png);}
    .mo_tab .mo_tab_sns a.sns_4 {background-image:url(../../../img/header/sns_4_off.png);}
    .mo_tab .mo_tab_sns a.h_golink {font-size:19px; font-weight:700; padding:7px 0; width:220px; text-align:center; text-indent:0; background-color:#d8d8d8; border-radius:28px;}
    .mo_tab .mo_tab_sns a.sns_1:hover {background-image:url(../../../img/header/sns_1_on.png);}
    .mo_tab .mo_tab_sns a.sns_2:hover {background-image:url(../../../img/header/sns_2_on.png);}
    .mo_tab .mo_tab_sns a.sns_3:hover {background-image:url(../../../img/header/sns_3_on.png);}
    .mo_tab .mo_tab_sns a.sns_4:hover {background-image:url(../../../img/header/sns_4_on.png);}
    .mo_tab .mo_tab_sns a.h_golink:hover {background-color:#ffe761;}

    .mo_tab.tab_01 .mo_dep2 {background-color:#5ba7f1;}
    .mo_tab.tab_02 .mo_dep2 {background-color:#f9c000;}
    .mo_tab.tab_03 .mo_dep2 {background-color:#9885d3;}
    .mo_tab.tab_04 .mo_dep2 {background-color:#55bf7d;}
    .mo_tab.tab_05 .mo_dep2 {background-color:#55cec7;}

    .mo_tab.tab_01 .mo_dep2_view .mo_tab_2depth > li.on {background-color:#edf6ff;}
    .mo_tab.tab_02 .mo_dep2_view .mo_tab_2depth > li.on {background-color:#fffef4;}
    .mo_tab.tab_03 .mo_dep2_view .mo_tab_2depth > li.on {background-color:#f3efff;}
    .mo_tab.tab_04 .mo_dep2_view .mo_tab_2depth > li.on {background-color:#f7fffa;}
    .mo_tab.tab_05 .mo_dep2_view .mo_tab_2depth > li.on {background-color:#f1fffb;}


    .mo_tab.tab_01 {border-color:#5ba9f1;}
    .mo_tab.tab_01 .mo_dep2 {background-image:url(./img/tab/menu_1_on.png); background-size: 36px;}
    .mo_tab.tab_02 {border-color:#f9c000;}
    .mo_tab.tab_02 .mo_dep2 {background-image:url(./img/tab/menu_2_on.png); background-size: 36px;}
    .mo_tab.tab_03 {border-color:#9885d3;}
    .mo_tab.tab_03 .mo_dep2 {background-image:url(./img/tab/menu_3_on.png); background-size: 36px;}
    .mo_tab.tab_04 {border-color:#55bf7d;}
    .mo_tab.tab_04 .mo_dep2 {background-image:url(./img/tab/menu_4_on.png); background-size: 36px;}
    .mo_tab.tab_05 {border-color:#55cec7;}
    .mo_tab.tab_05 .mo_dep2 {background-image:url(./img/tab/menu_5_on.png); background-size: 36px;}
}




@media (max-width:530px){

}