body, header
{background:#fff ;;}
/* font */
/* font */
@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}


@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* {
    margin: 0;
    padding: 0;
    font-size: 15px;
    box-sizing: border-box;
    font-family: 'S-CoreDream';
}

a {
    text-decoration: none;
    color: #333;
}

ul {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

img {
    max-width: 100%;
}

.wrap {
    width: 100%;
    max-width: 1440px;
}

/* header */

header {
    width: 100%;
    height: 110px;
}

.header_inner {
    display: flex;
    justify-content: space-between;
    align-items:center;
    margin: auto;
    height: 108px;
    position: relative;
}

.logo {

}
nav {
    width:700px; text-align:center;
}
.menu {
    display: flex;
    text-align: center;
    /*margin-left: 80px;*/
    justify-content:space-between;
}

.menu>li {

}

.menu>li>a {
    font-size: 16px;
    line-height: 108px;
    font-weight: 500;

    display:inline-block;
}

.menu>li>a:hover {
    font-weight: 600;
    color: rgb(0, 84, 153);
    
}




.sub_menu {
    position: absolute;
    top: 107px;
    display: none;
}

.sub01 {
    
}

.sub02 {
    left: 32%;
}

.sub03 {
    left: 28%;
}

.sub04 {
    left: 56%;
}

.sub05 {
    left: 53%;
}

.sub_menu ul {
    display: flex;
    align-items: center;
    padding: 0 0px;
}

.sub_menu a {
    display: block;
    padding: 5px 8px;
    font-weight:400;
    position:relative;
    z-index:9999;

}

.sub_menu a:hover {
    font-weight: 500;
    color: rgb(0, 84, 153);
}
/*
.sub_menu a::before {
    content: '·';
    padding-right: 10px;
}
*/




.header_right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 15%;
    position: relative;
}



.lang a {
    font-weight: 600;
}

.lang a:hover {
    font-weight: 600;
    color: rgb(0, 84, 153);
}

.lang a::after {
    content: '/';
    padding-left: 6px;
}

.lang a:last-child::after {
    display: none;
}

.search i {
    font-size: 25px;
    font-weight: bold;
    color: rgb(0, 84, 153);
}

.menu_right {
    background-color: rgb(0, 84, 153);
    width:55px;
    height:49px;
}

.menu_right a {
    display:block;
    padding: 10px 15px;}

.menu_right span {
    display: block;
    width: 25px;
    height: 3px;
    border-radius: 20px;
    background-color: #fff;
    margin: 5px 0;
}

/* section 01 */

.back {
    width: 100%;
    height: 800px;
    position: relative;
}

.wave {
    position: relative;
    height: 800px;
    overflow: hidden;
}

.wave div {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 340px;
}

.wave .wave01 {
    background: url(../images/파도1_v2.png) repeat-x 0 0px;
    background-size: 1944px 220px;
    background-position: center top;
    z-index: -3;
    -webkit-animation: animate 20s linear infinite;
    animation: animate 10s linear infinite;
}

.wave .wave02 {
    background: url(../images/파도2_v2.png) repeat-x 0 0;
    background-size: 1944px 220px;
    background-position: center center;
    z-index: -2;
    -webkit-animation: animate 38s linear infinite;
    -webkit-animation-delay: -20s;
    animation: animate 20s linear infinite;
    animation-delay: -30s;
}

.wave .wave03 {
    background: url(../images/파도3_v3.png) repeat-x 0 0;
    background-size: 1944px 220px;
    background-position: center bottom;
    z-index: -1;
    -webkit-animation: animate 60s linear infinite;
    -webkit-animation-delay: -30s;
    animation: animate 30s linear infinite;
    animation-delay: -40s;
}

@-webkit-keyframes animate {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: 1944px;
    }

}

@keyframes animate {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: 1944px;
    }

}

.main_btn {
    position: absolute;
    bottom: 150px;
    left: 20%;
}

.main_btn a {
    font-family: 'S-CoreDream';
    font-size: 15px;
    padding: 13px 35px;
    margin: 0 10px;
    background-color: #0a6fc7;
    color: #fff;
    border-radius: 23px;
    transition:all 0.15s ease-in-out;
}
.main_btn a:hover
{background:#1b80d7}

.drop_ani {
    width: 80px;
    height: 110px;
    overflow: hidden;
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
}

.water_drop {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    animation: drop 1.3s linear infinite;
}

@keyframes drop {
    0% {
        top: 0;
        opacity: 1;
    }

    50% {
        top: 60%;
        transform: translateX(-50%);
        opacity: 0.8;
    }

    100% {
        top: 100%;
        opacity: 0;
    }
}

.main_text {
    width: 650px;
    height: 200px;
    position: absolute;
    top: 250px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.main-visual-text
{width:100%; position:Absolute; top:10%; left:50%; transform:translateX(-50%); text-align:Center;}

#text {
    font-family: 'yg-jalnan';
    font-size: 43px;
}

.water-fill {
    /* transform: scaleY(-1); */
    animation:
        wave 1s infinite linear,
        fill-up 2s infinite ease-out alternate;
}

@keyframes wave {
    0% {
        x: -400px;
    }

    100% {
        x: 0;
    }
}

@keyframes fill-up {
    0% {
        height: 0;
        y: 130px;
    }

    100% {
        height: 160px;
        y: -30px;
    }
}

.sub_text {
    position: absolute;
    top: 420px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.sub_text span {
    font-size: 23px;
    color: #00a1e5;
}

/* section 02 - content */

.content_inner {
    width: 100%;
    max-width: 1440px;
    margin: 100px auto 30px;
}



.content_inner > ul {
    display: flex;
    grid-template-columns: auto auto;
    justify-content: space-between;
    max-width:1220px;
    margin:0 auto;
}



.content_inner>ul>li:first-child {
    
    width:50%;;
    height:340px;
}


.tabs {
    margin: 0;
}

.btn {
    position: relative;
}


.btn span {
    border: 1px solid #333;
    display: inline-block;
    padding: 8px 25px;
    border-radius: 20px 20px 0 0;
    margin-right: -5px;
    font-weight: 500;
    cursor: pointer;
    width:33%;
    text-align:center;
}

.btn span:hover
{background:#f4f4f4; transition: all 0.15s ease;}

.btn span.active {
    background-color: #0059a9;
    color: #fff;
    
    border:1px solid #0059a9;
}

.btn .more
{width:26px; display:inline-table; font-weight:400; float:right; position:relative; margin-top:8px; height:25px; border:1px solid #5a5a5a; text-align:center;}
.btn .more strong
{display:Table-cell; vertical-align:middle; font-weight:200; font-size:23px; line-height:0.5; overflow:hidden; color:#333346; font-weight:300;}
.btn .more:hover
{background:#f4f4f4; }
.tab1_btn a:hover:after
{background:#f4f4f4;}




.more {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid rgb(90, 90, 90);
    margin-top: 15px;
    text-align: center;
    font-weight: bold;
    position: absolute;
    right: 0;
}

.more::after {
    display: block;
    clear: both;
}

ul#notice {
    margin-top: 15px;
    width: 500px;
    height: 250px;
    overflow: hidden;
}

ul#notice li {
    display: block;
    padding: 20px 0 10px 5px;
    border-bottom: 1px solid rgb(90, 90, 90);
}
section .content_inner .notice ul#notice li,
section .content_inner .notice ul#news li
{padding:0; overflow:hidden;}
section .content_inner .notice li a
{width:100%; height:100%; display:block; overflow:hidden; padding:10px 15px; white-space:nowrap; text-overflow:ellipsis; transition:all 0.15s ease-in-out}
section .content_inner .notice li a:hover
{background:#f4f4f4}

.tab1_btn {
    width: 500px;
    height: 50px;
    position: relative;
}


.tab2 {
    display: none;
    position: relative;
}

.tab2_btn {
    width: 500px;
    height: 50px;
    position: relative;
}

.tab1_btn a:first-child::after {
    content: '<';
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border: 1px solid rgb(90, 90, 90);
    position: absolute;
    top: 10px;
    right: 30px;
    font-weight: bold;
}

.tab1_btn a:last-child::after {
    content: '>';
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border: 1px solid rgb(90, 90, 90);
    position: absolute;
    top: 10px;
    right: 0;
    font-weight: bold;
}

.tab2_btn a:first-child::after {
    content: '<';
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border: 1px solid rgb(90, 90, 90);
    position: absolute;
    top: 10px;
    right: 30px;
    font-weight: bold;
}

.tab2_btn a:last-child::after {
    content: '>';
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border: 1px solid rgb(90, 90, 90);
    position: absolute;
    top: 10px;
    right: 0;
    font-weight: bold;
}

ul#news {
    margin-top: 15px;
    width: 500px;
    height: 250px;
    overflow: hidden;
}

ul#news li {
    display: block;
    padding: 20px 0 10px 5px;
    border-bottom: 1px solid rgb(90, 90, 90);
}

/* section 03 - content02 */

.content_inner02 {
    width: 100%;
    max-width: 1440px;
    margin: 50px auto 80px;
}

.content_inner02>div {
    max-width: 1220px;
    margin: 20px auto;
    justify-content:space-between;
}

.btn02 {
    display: inline-block;
    width: 180px;
    font-size: 15px;
    padding: 10px 30px;
    margin-left: 120px;
    background-color: #0059a9;
    color: #fff;
    border-radius: 20px 20px 0 0;
    cursor: pointer;
    text-align: center;
}

.con_box {
    display: flex;
    justify-content: space-between;
}

.con_box>div {

}

.con_box>div:first-child {
    width:30%;

}

.con_box>div:last-child {
    width: 730px;
}

.main-brochure-down:after
{content:''; display:block; clear:both;}
.main-brochure-down .down-btn
{display:block; border:2px solid rgba(0,0,0,0.521); border-radius:10px; margin:0 10px 10px 0; height:70px; line-height:70px; text-align:Center; font-size:17px; color:#333; width:360px; transition: all 0.3s ease; float:left;}
.main-brochure-down .down-btn:last-child
{margin-right:0;}
.main-brochure-down .down-btn img
{width:13px; margin-right:5px;}
.main-brochure-down .down-btn:hover
{color:#0059a9; font-weight:500; border-color:#0059a9;}

.sec03-point
{display:inline-block; width:180px; font-size:15px; background:#0059a9; color:#fff; border-radius:20px 20px 0 0; text-align:center; padding:10px 30px; margin-bottom:5px;}
.con_box .con_text .main-vision-txt
{color:#818181; font-size:18px; font-weight:500;}
.con_box .con_text .main-vision-txt b
{font-weight:600; font-size:18px;}

.list_icon li {
    border: 2px solid rgba(0, 0, 0, 0.521);
    float: left;
    display: inline-block;
    width: 360px;
    height: 70px;
    line-height: 70px;
    border-radius: 10px;
    text-align: center;
    margin: 0 10px 10px 0;;
    transition: all .3s;
}

.list_icon li:nth-child(even)
{margin:0 0 10px 0;}
.list_icon li::after {
    display: block;
    clear: both;
}

.list_icon li:hover {
    border: 2px solid #0059a9;
}

.list_icon li:hover a {
    color: #0059a9;
    font-weight: 500;
}

.list_icon li a {
    font-size: 17px;

    display:block;
}

.list_icon a img {
    width: 25px;
    vertical-align: middle;
    margin-right: 5px;
}

.list_icon a img.pp {
    width: 20px;
    padding-bottom: 5px;
}

/* banner */

.main_banner {
    border-top: 2px solid rgba(0, 0, 0, 0.253);
    width: 100%;
    height: 100px;
    margin-top: 20px;
    position: relative;
}

.container {
    max-width:1220px; 
    margin:0 auto; 
    position:relative;
}

.banner_btn {
    width: 100px;
    position: absolute;
    top: 40%;
    left: 0%;
    transform: translateY(-50%);
}

.banner_prev_btn {
    position: absolute;
    left: 30px;
}

.banner_prev_btn::after {
    content: '<';
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border: 1px solid rgb(90, 90, 90);
    position: absolute;
    top: 10px;
    right: 5%;
    font-weight: bold;
}

.banner_next_btn {
    position: absolute;
    left: 84px;
}

.banner_next_btn::after {
    content: '>';
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border: 1px solid rgb(90, 90, 90);
    position: absolute;
    top: 10px;
    right: 5%;
    font-weight: bold;
}

.banner_btn .auto button {
    cursor:pointer;
}

.footer_banner_zone {
    position: relative;
    padding: 10px 0;
    width:100%;
    /*
    width: 100%;
    max-width: 1440px;
    height: inherit;
    margin: 0 auto;
    */
}
.footer_banner_zone:after {
    content:'';
    clear:both;
    display:block;
}

.flow_banner_box {
    position: relative;
    width: 84%;
    height: 80px;
    display:inline-block;
    left:0;
    float:right;
}

.flow_banner_box .flow_bann_area {
    position: absolute;
    top: 8px;

}

.footer_banner_zone .flow_banner_box .flow_bann_area ul {
    *zoom: 1;
}

.footer_banner_zone .flow_banner_box .flow_bann_area ul:after {
    content: "";
    display: block;
    clear: both;
}

.footer_banner_zone .flow_banner_box .flow_bann_area ul li {
    float: left;
    padding:0 0 0 20px;
    width:150px;
    text-align:center;
}

.footer_banner_zone .flow_banner_box .flow_bann_area ul li a {
    height: 60px;
    line-height: 60px;
}

.footer_banner_zone .flow_banner_box .flow_bann_area ul li a img {
    vertical-align: middle;
    
    box-sizing:content-box
}



.auto {
    width: 20px;
    height: 20px;
}

button {
    background-color: #fff;
    border: 1px solid rgb(90, 90, 90);
    
    padding: 0.5px 4px;
    position: absolute;
    left: 35px;
    top: 10px;
}

.play_btn {
    display: none;
}

.pause_btn {
    padding: 5px 6.5px;
}

.pause_btn::after {
    content: '';
    display: block;
    width: 3px;
    height: 10px;
    text-align: center;
    line-height: 20px;
    border-right: 2px solid rgb(90, 90, 90);
    border-left: 2px solid rgb(90, 90, 90);
}

.play_btn {
    padding: 1.5px 4.5px;
}

.play_btn::after {
    content: '▶';
    display: block;
    width: 12px;
    height: 17px;
    font-size: 10px;
    text-align: center;
    line-height: 17px;
    color: rgb(90, 90, 90);
}



@media screen and (max-width: 1440px) {
    .drop_ani {
        top: 27.5%;
    }

    .btn02 {
        margin-left: 100px;
    }
}



@media screen and (max-width:1220px){

}


@media screen and (max-width: 1220px) {
    .header_inner {
        justify-content: space-between;
        padding: 0 20px;
    }

    nav {
        display: none;
    }

    .header_right {
        width: 200px;
    }

    .btn02 {
        margin-left: 40px;
    }

    .banner_btn {
        left: 20px;
    }



    .content_inner02 
    {padding:0 30px;}
    .con_box>div:first-child {
        margin-left: 0;
    }
    .con_box>div:last-child {
        width: 640px;
    }

    .list_icon li 
    { width: 310px; height: 50px; line-height: 50px; }
    .main-brochure-down .down-btn
    {width:310px; height:50px; line-height:50px;}


    .flow_banner_box
    {max-width:0; float:left;}
    .flow_banner_box #banner
    {max-width:760px; overflow:hidden; margin-left:0; min-width:920px;}
    .flow_banner_box .flow_bann_area
    {left:120px;}
    .flow_banner_box #banner .caroufredsel_wrapper
    {width:100% !important;}
    .banner_btn
    {left:10px;}

    .footer_inner
    {max-width:1000px;}

}

@media screen and (max-width: 1170px) {
    .content_inner02 {
        height: auto;
    }

    .con_box {
        justify-content: space-evenly;
    }


}

@media screen and (max-width: 1024px) {
    .header_inner {
        justify-content: space-between;
        padding: 0 20px;
    }

    nav {
        display: none;
    }

    .sub_text span {
        font-size: 20px;
    }

    .main_btn {
        left: 50%;
        transform: translateX(-50%);
    }

    .content_inner {
        max-width: 1020px;
    }

    .content_inner>ul {
        display: flex;
        justify-content: flex-start
    }


    .content_inner>ul>li:last-child {
        width: 450px;
        margin-left: 30px;
    }

    ul#notice,
    ul#news {
        width: 450px;
    }

    .tab1_btn,
    .tab2_btn {
        width: 100%;
    }

    .content_inner02 {
        max-width: 1024px;
        padding: 0;
        margin: 0;
    }

    .btn02 {
        margin-left: 20px;
    }

    .con_box {
        display: block;
    }

    .con_box>div:first-child {
        width: 100%;
        padding-top: 0;
 
    }

    .con_box .con_text p br {
        display: none;
    }

    .con_box>div:last-child {
        width: 100%;
        margin-top: 20px;
    }




    .banner_btn {
        display: none;
    }

    #banner {
        margin-left: -485px;
        width: 970px;
        overflow: hidden;
    }


    section > .content_inner
    {padding:0 20px;}
    section > .content_inner > ul > li:first-child
    {width:100%; height:500px; margin-left:0px;}
    section > .content_inner > ul > li:last-child
    {width:100%; margin:30px 0}
    section > .content_inner > ul > li #notice
    {width:100%;}
    section > .content_inner > ul > li #news
    {width:100%;}

    section .content_inner02
    {padding:0 20px;}

    section .section03 .con_box
    {padding:0px;}
    section .section03 .con_box .main-brochure-down .down-btn
    {width: calc(50% - 5px); height:50px; line-height:50px;}
    section .section03 .con_box > div:first-child
    {padding:0px;}

    
    .list_icon:After
    {content:''; display:block; clear:both;}
    .list_icon li 
    {width: calc(50% - 5px);}
    


    .content_inner > ul
    {flex-wrap:wrap;}
    .flow_banner_box #banner
    {left:0; width:100%;}


}


@media screen and (max-width:920px){
    .content_inner02
    {padding:0 20px;}
    .content_inner02 .con_box>div:first-child
    {padding:0px;}


    .flow_banner_box #banner
    {min-width:750px; left:20px;}


}


@media screen and (max-width: 800px) {
    .flow_banner_box #banner
    {left:90px; min-width:610px;}
}


@media screen and (max-width: 768px) {
    .main_text {
        left: 60%;
    }

    #text {
        font-size: 35px;
    }

    .drop_ani {
        top: 28%;
    }

    .sub_text span {
        font-size: 16px;
    }

    .content_inner>ul {

        grid-template-columns: auto;
        align-items: center;
        justify-content: center;
    }

    .content_inner>div {
        border: 1px solid #000;
    }

    .content_inner>ul>li:first-child {
        margin: 0;
        margin-bottom: 60px;
    }



    .content_inner02 {
        max-width: 768px;
        margin: 0 auto;
        padding:0 10px;
    }

    .con_box>div:first-child {
        margin: 0;
        text-align: center;
    }

    .list_icon li {
        width: 100%;
        margin: 10px;
    }

    .btn02 {
        margin-left: 125px;
    }

    .banner_btn {
        display: none;
    }

    #banner {
        margin-left: -350px;
        width: 700px;
        overflow: hidden;
    }


    
    #main-visual .main_btn
    {width:100%; text-align:center;}
    #main-visual .wave,
    #main-visual .back
    {height:635px;}

    section > .content_inner > ul > li:first-child
    {height:300px;}
    section .section03 .con_box > div:first-child
    {text-align:left;}
    section .section03 .con_box .main-brochure-down .down-btn
    {width:100%;}
    section .section03 .con_box .list_icon li
    {width:100%; margin:0 0 10px;}
    section .section03 .con_box .list_icon li:nth-child(even)
    {margin:0 0 10px;}


}
@media screen and (max-width: 700px) {

    .flow_banner_box #banner
    {left:120px;}
}


@media screen and (max-width: 665px) {
    .header_inner {
        justify-content: space-between;

        padding: 0 10px;;
        margin: 0 auto;
    }



    .drop_ani {
        top: 17%;
    }

    .main_text {
        left: 65%;
    }

    #text {
        font-size: 30px;
    }

    .drop_ani {
        top: 29%;
    }

    .sub_text span {
        font-size: 14px;
    }

    .btn02 {
        margin-left: 75px;
    }

    #banner {
        margin-left: -285px;
        width: 590px;
    } 

    section > .content_inner > ul > li:last-child
    {padding:0;}

    .flow_banner_box #banner
    {left:87px; min-width:460px;}
}

@media screen and (max-width:550px){
    .flow_banner_box #banner
    {left:20px;}
}

@media screen and (max-width: 500px) {
    .header_inner {
        margin-left: 0;
        justify-content: space-between;
    }



/*     .logo img { */
/*         width: 100%; */
/*     } */

    .main_text {
        left: 70%;
    }

    .sub_text span {
        font-size: 11px;
    }

    .main_btn a {
        font-size: 14px;
        padding: 8px 20px;
    }

    .content_inner>ul {
        justify-items: center;
        display:flex
    }



    .btn02 {
        margin-left: 25px;
    }

    .con_box .con_text b, .con_box .con_text p {
        font-size: 15px;
    }



    #banner {
        margin-left: -215px;
        width: 435px;
    } 



    section > .content_inner > ul > li:last-child
    {padding:0;}
    section > .content_inner .btn span
    {width:44%;}
    .flow_banner_box #banner
    {left:10px; min-width:300px;}
}

@media screen and (max-width:414px){


    header .header_right
    {width:auto; padding:0;}
    header .header_right .lang
    {display:none;}
    header .header_right .search
    {margin-right:30px;}

    


    #main-visual .wave, #main-visual .back
    {height:400px;}
    #main-visual .main_btn
    {bottom:70px;}

    
    .btn .more
    {display:none;}
    section > .content_inner .btn span
    {width:50%; padding:8px 15px;}
    section > .content_inner > ul > li #notice,
    section > .content_inner > ul > li #news
    {height:auto;}
    


    .tab1_btn, .tab2_btn
    {margin-top:20px;}


    .main_banner
    {margin-top:50px;}
    .flow_banner_box #banner
    {left:35px; min-width:320px;}

}

@media screen and (max-width: 375px) {
    img {
        width: 80%;
    }

    .main_text {
        left: 90%;
    }

    #text {
        font-size: 22px;
    }

    .main_btn {
        width: 100%;
        text-align: center;
    }

    .content_inner>ul>li:first-child {
        text-align: center;
    }





    .btn02 {
        margin-left: 0;
    }

    .con_box .con_text b, .con_box .con_text p {
        font-size: 12px;
    }



    .list_icon li {
        margin: 10px 0;
    }

    #banner {
        margin-left: -175px;
        width: 350px;
    } 


}


@media screen and (max-width:360px){
    .flow_banner_box #banner
    {left:20px;}
}
@media screen and (max-width:340px){
    .flow_banner_box #banner
    {left:0px;}
}