/* media css */

@media(max-width:1023px){
    .fp-wrap{min-width:320px}
    .fp-header{height:102px}
    .fp-header:after{display:none}
    .fp-tit{position:relative;z-index:20}
    .fp-tit a{width:163px;height:37px;left:10px;top:5px;margin:0;background:url(/resources/user/web/img//logo_m.png) no-repeat;background-size:163px 37px}
    .fp-lang{right:40px;top:12px;margin:0}
    .fp-nav{top:47px}
    .fp-nav .nav-open{display:inline-block;padding:16px 10px 0 46px;min-height:55px; max-height:100%;background:url(/resources/user/web/img//ico_nav.gif) no-repeat 10px 50%;background-size:24px 17px;font-size:20px;color:#fff}
    .fp-nav > ul{width:0;margin:0;height:auto;position:absolute;left:0;top:-47px;z-index:10;overflow:hidden;padding-top:47px;background:#eee}
    .fp-nav > ul.active{width:270px}
    .fp-nav .nav{float:none;width:100% !important;border-bottom:1px solid #5c93e0}
    .fp-nav .nav > a{background:none;text-indent:0;background:#1564d3;padding:15px 10px;line-height:25px;color:#fff;font-size:16px;border:0;height:auto; text-align: left;}
    .fp-nav .nav > ul{position:static}
    .fp-nav .sub{height:0;border:0}
    .fp-nav .nav5 .sub{border-right:0}
    .fp-nav .sub:before{display:none}
    .fp-nav .nav1 .sub.active{height:235px}
    .fp-nav .nav2 .sub.active{height:376px}
    .fp-nav .nav3 .sub.active{/*height:235px;*/ height:188px}
    .fp-nav .nav4 .sub.active{/*height:282px; height: 235px;*/ height:235px;background-color: #2a89f2;}
    .fp-nav .nav5 .sub.active{/*height:282px*/height:329px;}
    .fp-nav .nav6 .sub.active{height:376px}
    .fp-nav .sub ul{display:none}
    .fp-nav .sub > li{margin:0;border-top:1px solid #55a1f5}
    .fp-nav .sub > li > a{background:none;padding-left:9px;background:#2a89f2;color:#fff;font-size:14px;font-weight:normal;padding:13px 19px}
    .fp-nav .sub > li > a br{display:none}
    .fp-nav .sub > li > a:hover{background:#1b73ef;color:#fff}
    .fp-nav .bg{width:0;position:fixed;left:0;top:0;bottom:0;height:100%;background:#1564d3;box-shadow:4px 4px 4px rgba(0,0,0,.5)}
    .fp-nav .bg.active{width:270px}
    .fp-nav .nav-close{display:none;width:47px;height:47px;position:absolute;left:223px;top:-47px;background:url(/resources/user/web/img//nav_close.png) no-repeat 50% 50%;overflow:hidden;text-indent:-9999px;background-size:8px 8px;z-index:10}
    .fp-nav .nav-close.active{display:block}
    /*
    .fp-footer > div{width:auto;padding:0 20px}
    .fp-footer .site{display:none}
    */
    .fp-lnb{position:static;margin:0;padding:0;width:auto;border-bottom:1px solid #dbdbdb}
    .fp-lnb > div{margin:0 10px;overflow:hidden;padding:10px 0 4px 0}
    .fp-lnb h2{font-size:20px;float:left;line-height:40px}
    .fp-lnb br{display:none}
    .fp-lnb ul{border:0;margin:0;overflow:hidden;float:right}
    .fp-lnb li{border-bottom:0;float:left;margin:0 0 6px 6px}
    .fp-lnb li.on{border-bottom:0}
    .fp-lnb li a{border:1px solid #aaa;height:40px;line-height:38px;padding:0 10px;min-width:120px;text-align:center}
    .fp-lnb li a:hover,
    .fp-lnb li.on a{border:1px solid #1564d3;background:#1564d3;color:#fff}

    .fp-main{margin:20px 12px 0 12px}

    .main-promotion{width:100%;height:433px}
    .main-promotion .touchslider-item img{width:100%}

    .main-bn-set{position:static;display:table;width:100%;margin-top:20px}
    .main-bn-set li{display:table-cell;width:25%}
    .main-bn-set a{width:100%}
    .main-bn-set1 a{background:#f16622 url(/resources/user/web/img//bg_main_bn_set1_m.gif) no-repeat 50% 0;background-size:120px 120px}
    .main-bn-set2 a{background:#91cd00 url(/resources/user/web/img//bg_main_bn_set2_m.gif) no-repeat 50% 0;background-size:120px 120px}
    .main-bn-set3 a{background:#f49c0f url(/resources/user/web/img//bg_main_bn_set3_m.gif) no-repeat 50% 0;background-size:120px 120px}
    .main-bn-set4 a{background:#19a2da url(/resources/user/web/img//bg_main_bn_set4_m.gif) no-repeat 50% 0;background-size:120px 120px}

    .main-tel{position:absolute;right:0;top:808px;width:233px;height:84px;line-height:84px;background:#fff url(/resources/user/web/img//bg_main_tel_m.jpg) no-repeat 15px 50%;background-size:21px 21px}

    .main-notice{margin-right:253px;position:relative}
    .main-notice h2{background:#aaa}
    .main-notice .on h2{background:#666}
    .main-notice h2 i{width:13px;height:5px;margin-left:-6px;background:url(/resources/user/web/img//ico_notice_m.png) no-repeat;background-size:13px 5px}
    .main-notice .more{background:url(/resources/user/web/img//ico_tab_m.gif) no-repeat 50% 50%;background-size:43px 43px}
    .main-notice .more:hover,
    .main-notice .more:focus,
    .main-notice .more:active{background:#888 url(/resources/user/web/img//ico_tab_m.gif) no-repeat 50% 50%;background-size:43px 43px}
    .main-notice .on .more:hover{background:#555 url(/resources/user/web/img//ico_tab_m.gif) no-repeat 50% 50%;background-size:43px 43px}

    .main-blog{right:0;top:593px}

    .main-bn-video{margin:20px 253px 0 0}
    .main-bn-video .table{display:table;width:100%}
    .main-bn-video .table > div{display:table-cell;width:50%;vertical-align:top}

    .main-bn{position:static;margin-right:10px}
    .main-bn a{width:auto;background:#d0cdca url(/resources/user/web/img//bg_main_bn_m.jpg) no-repeat 100% 0;background-size:250px 86px}
    .main-bn br{display:block}

    .main-video{position:relative;left:0;top:0;width:auto;height:86px;margin-left:10px}
    .main-video h2{position:absolute;left:132px;top:21px;right:0;background:url(/resources/user/web/img//ico_video_m.gif) no-repeat 100% 50%;background-size:21px 12px}
    .main-video img{width:120px;height:74px;margin:6px 0 0 6px}

    .main-roll{padding:20px 0;overflow:hidden;text-align:center}
    .main-roll li{width:auto;float:none;display:inline-block;margin:5px}
    .main-roll img{height:35px}

    .fp-contents{width:auto;margin:0 10px;border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;padding:37px 20px 0 20px}
    .fp-contents:after{display:none}

    .fp-location{right:20px}

    .sub-tab{width:100%}

    .intro-txt img{width:180px;height:180px;position:static;float:left}
    .intro-txt br{display:none}

    .center-video{max-width:646px;margin:20px auto 0 auto}

    .gallery-list{width:710px;margin:0 auto;text-align:center}
    .gallery-list li{width:150px;height:100px;float:none;margin:30px 5px 0 5px;display:inline-block}
    .gallery-list a:after{width:150px;height:100px}
    .gallery-list a.on:after,
    .gallery-list a:hover:after{width:142px;height:92px}
    .gallery-list .img{height:100px}
    .gallery-list .img img{min-height:100px}
    
    /* main */
    .main_section .section1{padding:0 10px 50px 10px}
    .main_section .section2{padding:0 10px 50px 10px}
    .main_section .section3{}
    .main_section .section4{}
    .main_section .section5{padding:0 10px 50px 10px}
    .main_section .section3 .process dt{position:static;background:#3d79b5;width:auto;height:auto;}
    .main_section .section3 .process dt h2{position:absolute;left:0;top:0;}
    .main_section .section3 .process dt p{padding:30px 0 30px 250px}
    .main_section .section3 .process dd{padding:20px 0;text-align:center;}
    .main_section .section3 .process dd > img{width:100%;max-width:750px;}
    .main_section .section3 .process dd > ul > li{height:auto;}
    .fp-footer{padding:20px 0}
    
    .open_search{left:auto;right:10px;top:14px;margin-left:0;}
    .search_bar{top:102px;padding:0 20px;}
}

@media(max-width:860px){
    .main-promotion{width:100%;height:400px}

    .main-blog{top:560px}
    .main-tel{top:775px}

    .modal-wrap{padding:10px}
    .modal-cont{width:100%}
    .modal-cont .modal-tit{font-size:15px;padding:15px 60px 15px 10px}
    .modal-cont .box.box-gallery{max-width:750px}
    .modal-close{background:url(/resources/user/web/img//btn_close_m.png) no-repeat;background-size:50px 50px}
    .modal-cont .box{padding:10px}
    .modal-cont .sub-tit{margin-top:35px}
    .modal-txt li{font-size:14px;line-height:20px}
    .modal-txt br{display:none}
    .modal-txt > li > ul{padding:0 0 4px 2px}
    .modal-txt > li > ul > li{font-size:13px;line-height:18px;padding-left:9px;text-indent:-9px}
    .modal-cont .bullet{font-size:12px;margin-left:10px;padding-left:8px;text-indent:-8px}
    .modal-table{overflow-x:auto;border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf}
    .modal-table table{min-width:500px}
    .modal-table tr th:first-child{border-left:0}
    .modal-table tr td:first-child{border-left:0}
    .modal-table tr th:last-child{border-right:0}
    .modal-table tr td:last-child{border-right:0}
    .modal-table li{font-size:13px}
    .modal-pupose{border:10px solid #eee;padding:18px 20px;margin-bottom:35px}
    .modal-pupose dt{font-size:16px;color:#444}
    .modal-pupose dd{font-size:14px}
    .modal-img{text-align:center}
    .modal-img img{max-width:100%;margin-top:4px}

    .gallery-img{margin-bottom:10px}
    .gallery-txt{margin-top:0;font-size:14px;line-height:20px}
    
    .support_form .agree_cont{padding:30px 10px;}
    .support_form .agree_cont > ol > li .box{padding:10px;}
    .support_form .process > ul > li > span{font-size:12px;}
    .table_write2 table th{font-size:12px;letter-spacing:-1px;}

    .forum-poster-img .forum-tit { font-size: 14px;}
    .forum-poster-img .bg_black {font-size: 18px;}
}

@media(max-width:768px){
.fp-lang h2{ display:block;}
    .fp-lang{top:0;right:30px;z-index:20}
    .fp-lang h2{text-indent:0;float:none}
    .fp-lang h2 a{display:block;height:47px;line-height:47px;padding:0 33px 0 10px;font-size:12px;color:#000;font-weight:bold;background:url(/resources/user/web/img//arrow_lang.png) no-repeat 100% 50%;background-size:20px 11px}
    .fp-lang h2 a.active{background:url(/resources/user/web/img//arrow_lang_on.png) no-repeat 100% 50%;background-size:20px 11px}
    .fp-lang ul{position:absolute;right:0;box-shadow:0 4px 4px rgba(0,0,0,.3);height:0;overflow:hidden;}
    .fp-lang ul.active{height:auto}
    .fp-lang li{background:#fff;margin:0;padding:0;border:1px solid #ccc;border-top:none}
    .fp-lang li.first{background:#fff;border:1px solid #ccc}
    .fp-lang li a{display:block;width:95px;height:34px;line-height:34px;text-align:center;color:#000}
    .fp-lang li a.on{background:#ccc}
    .fp-lnb{display:none}
    .fp-location{display:none}
    .fp-contents{border:0;padding:28px 0 0 0}
    .fp-contents .btn-top{margin-top:25px;padding-bottom:20px}
    .fp-contents .btn-top a{width:100%;background:url(/resources/user/web/img//bullet_top_m.gif) no-repeat 50% 12px;background-size:14px 7px}
    
    .fp-main{margin:10px 0 0 0}

    .main-promotion{width:100%;height:350px}
    .main-promotion .touchslider-viewport{width:100%;height:100%}
    .main-promotion .touchslider-item{width:100%;height:100%}
    .main-promotion .touchslider-nav.arrow{display:none}

    .main-bn-set{display:block;width:auto;margin:10px 10px 0}
    .main-bn-set li{display:block;width:50%}
    .main-bn-set a{width:100%;height:150px;padding-top:112px;font-size:16px}
    .main-bn-set1 a{background-size:150px 150px}
    .main-bn-set2 a{background-size:150px 150px}
    .main-bn-set3 a{background-size:150px 150px}
    .main-bn-set4 a{background-size:150px 150px}

    .main-notice{margin:10px 10px 0;height:180px}
    .main-notice h2 i{width:13px;height:5px;margin-left:-6px}
    .main-notice h2 a{padding-left:10px}
    .main-notice-02.on h2 a{padding-left:9px}
    .main-notice ul{padding-top:20px;height:137px;display:none}
    .main-notice li{padding:0 90px 3px 10px}
    .main-notice li i{right:10px}
    .main-notice li a{font-size:13px}

    .main-blog{position:relative;top:0;width:auto;margin:10px 10px 0}
    .main-blog > a{width:50%;padding:10px 0}
    .main-blog > a > span{width:100%}
    /*.main-blog h2{left:10px;top:10px}
    .main-blog i{right:10px;top:15px}
    .main-blog span{padding:17px 10px 0 10px}*/

    .main-bn-video{margin:0}
    .main-bn-video .table{display:block}
    .main-bn-video .table > div{display:block;width:auto}

    .main-bn{position:static;margin:10px 10px 0}

    .main-video{height:200px;margin:10px 10px 0}
    .main-video h2{position:static}
    .main-video i{top:15px}
    .main-video img{width:234px;height:144px;margin:0 auto}

    .main-roll{padding:10px}

    .main-tel{position:static;width:auto;margin:10px 10px 0}

    .line-box{margin-bottom:15px;background:url(/resources/user/web/img//bg_line_box.gif) repeat;background-size:4px 4px}
    .line-box > div{font-size:12px;line-height:18px;padding:12px}
    .line-box .strong{font-size:16px;line-height:26px;padding:0}
    .line-box br{display:none}

    .intro-txt p{font-size:14px;line-height:20px;margin-top:20px}
    .intro-txt.intro-img img{width:150px;height:150px}
    .intro-sign{font-size:15px}
    .intro-sign img{width:100px}

    .sub-tit.first{margin-top:15px}
    .sub-txt{margin-top:10px}
    .sub-txt dt{margin-top:15px;font-size:16px}
    .sub-txt dt span{font-size:14px}
    .sub-txt > li,
    .sub-txt > dd{font-size:14px;line-height:20px;background-position:0 9px}
    .sub-txt > li ul,
    .sub-txt > dd ul{margin-bottom:10px}
    .sub-txt > li li,
    .sub-txt > dd li{font-size:13px;line-height:19px}
    .sub-txt .img-basic img{max-width:300px}
    .sub-txt br{display:none}
    .sub-txt .table-basic{margin-bottom:20px}
    .sub-txt .bullet-txt{margin:2px 0 4px 10px}
    .sub-txt .history:after{bottom:0}
    .sub-txt .history li{background:url(/resources/user/web/img//bullet_history_m.gif) no-repeat 0 6px;background-size:7px 7px}
    .sub-txt .history li.last:after{top:13px;bottom:0}

    .img-full,
    .img-basic{margin:10px auto 12px auto;text-align:center;position:relative}
    .sub-txt .img-basic .img-txt{position:absolute;left:0;right:0;bottom:0}
    .img-basic .box{margin:15px 0 10px 0;font-size:12px;line-height:18px}
    .img-basic.img-p img{display:none}
    .img-basic.img-intro2{padding-bottom:177px;background:url(/resources/user/web/img//intro/intro2_m.jpg) no-repeat 50% 100%;background-size:300px 177px}
    .img-basic.img-intro3{padding-bottom:313px;background:url(/resources/user/web/img//intro/intro3_m.jpg) no-repeat 50% 100%;background-size:300px 313px}
    .img-basic.img-intro4{padding-bottom:272px;background:url(/resources/user/web/img//intro/intro4_m.jpg) no-repeat 50% 100%;background-size:300px 272px}
    .img-basic.img-intro6{padding-bottom:261px;background:url(/resources/user/web/img//intro/intro6_m.jpg) no-repeat 50% 100%;background-size:300px 261px}
    .img-basic.img-intro7{padding-bottom:801px;background:url(/resources/user/web/img//intro/intro7_m.jpg) no-repeat 50% 100%;background-size:300px 801px}
    .img-basic.img-support8{padding-bottom:815px;background:url(/resources/user/web/img//support/support8_m.jpg) no-repeat 50% 100%;background-size:300px 815px}
    .img-basic.img-support10{padding-bottom:631px;background:url(/resources/user/web/img//support/support10_m.jpg) no-repeat 50% 100%;background-size:300px 631px}
    .img-basic.img-support13{padding-bottom:306px;background:url(/resources/user/web/img//support/support13_m.jpg) no-repeat 50% 0;background-size:300px 282px}
    .img-basic.img-support15{padding-bottom:433px;background:url(/resources/user/web/img//support/support15_m.jpg) no-repeat 50% 0;background-size:300px 433px}
    .img-basic.img-support16{padding-bottom:328px;background:url(/resources/user/web/img//support/support16_m.jpg) no-repeat 50% 0;background-size:300px 328px}
    .img-basic.img-support17{padding-bottom:642px;background:url(/resources/user/web/img//support/support17_m.jpg) no-repeat 50% 0;background-size:300px 618px}
    .img-basic.img-support18{padding-bottom:573px;background:url(/resources/user/web/img//support/support18_m.jpg) no-repeat 50% 0;background-size:300px 549px}
    .img-basic.img-support19{padding-bottom:372px;background:url(/resources/user/web/img//support/support19_m.jpg) no-repeat 50% 0;background-size:300px 348px}
    .img-basic.img-support22{padding-bottom:602px;background:url(/resources/user/web/img//support/support22_m.jpg) no-repeat 50% 0;background-size:300px 602px}
    .img-basic.img-support23{padding-bottom:522px;background:url(/resources/user/web/img//support/support23_m.jpg) no-repeat 50% 0;background-size:300px 522px}
    .img-basic.img-support24{padding-bottom:791px;background:url(/resources/user/web/img//support/support24_m.jpg) no-repeat 50% 0;background-size:300px 791px}
    .img-basic.img-support28{padding-bottom:140px;background:url(/resources/user/web/img//support/support28_m.jpg) no-repeat 50% 0;background-size:515px 140px}
    .img-basic.img-support29{padding-bottom:140px;background:url(/resources/user/web/img//support/support29_m.jpg) no-repeat 50% 0;background-size:515px 140px}
    .img-basic.img-support30{padding-bottom:140px;background:url(/resources/user/web/img//support/support30_m.jpg) no-repeat 50% 0;background-size:525px 140px}
    .img-basic.img-support31{padding-bottom:730px;background:url(/resources/user/web/img//support/support31_m.jpg) no-repeat 50% 0}
    .img-basic.img-support32{padding-bottom:730px;background:url(/resources/user/web/img//support/support32_m.jpg) no-repeat 50% 0}
    .img-basic.img-center1{padding-bottom:298px;background:url(/resources/user/web/img//center/center1_m.jpg) no-repeat 50% 0;background-size:300px 298px}
    .img-basic.img-center2{padding-bottom:771px;background:url(/resources/user/web/img//center/center2_m.jpg) no-repeat 50% 0;background-size:300px 771px}
    .img-basic.img-center3{padding-bottom:661px;background:url(/resources/user/web/img//center/center3_m.jpg) no-repeat 50% 0;background-size:300px 661px}
    .img-basic.img-center4{padding-bottom:705px;background:url(/resources/user/web/img//center/center4_m.jpg) no-repeat 50% 0;background-size:300px 705px}
    .img-basic.img-info2{padding-bottom:368px;background:url(/resources/user/web/img//info/info2_m.jpg) no-repeat 50% 0;background-size:300px 368px}
    .img-basic.img-info3{padding-bottom:1038px;background:url(/resources/user/web/img//info/info3_m.jpg) no-repeat 50% 0;background-size:300px 1038px}
    .img-basic.img-info4{padding-bottom:343px;background:url(/resources/user/web/img//info/info4_m.jpg) no-repeat 50% 0;background-size:300px 343px}
    .img-basic.img-info5{padding-bottom:446px;background:url(/resources/user/web/img//info/info5_m.jpg) no-repeat 50% 0;background-size:300px 446px}
    .img-basic.img-info7{padding-bottom:492px;background:url(/resources/user/web/img//info/info7_m.jpg) no-repeat 50% 0;background-size:300px 468px}
    .img-basic.img-info9{padding-bottom:398px;background:url(/resources/user/web/img//info/info9_m.jpg) no-repeat 50% 0;background-size:300px 398px}
    .img-basic.img-info10{padding-bottom:534px;background:url(/resources/user/web/img//info/info10_m.jpg) no-repeat 50% 0;background-size:300px 534px}
    .img-basic.img-info11{padding-bottom:1367px;background:url(/resources/user/web/img//info/info11_m.jpg) no-repeat 50% 0;background-size:300px 1367px}
    .img-basic.img-info12{padding-bottom:427px;background:url(/resources/user/web/img//info/info12_m.jpg) no-repeat 50% 0;background-size:300px 427px}
    .img-basic.img-info14{padding-bottom:780px;background:url(/resources/user/web/img//info/info14_m.jpg) no-repeat 50% 0;background-size:300px 780px}
    .img-basic.img-info15{padding-bottom:559px;background:url(/resources/user/web/img//info/info15_m.jpg) no-repeat 50% 0;background-size:280px 559px}

    .img-txt div{font-size:13px;line-height:16px}
    .img-txt span{font-size:12px}
    .img-txt br{display:none}

    .bullet-txt{font-size:12px;line-height:16px}

    .table-basic{overflow-x:auto;border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf}
    .table-basic table{min-width:730px}
    .table-basic br{display:block}
    .table-basic tr th:first-child{border-left:0}
    .table-basic tr td:first-child{border-left:0}
    .table-basic tr th:last-child{border-right:0}
    .table-basic tr td:last-child{border-right:0}
    #search_tb tr td {text-align:left;}

    .btn-list{margin-top:5px}
    .btn-list li{padding-top:10px}
    .btn-down{font-size:13px;font-weight:normal;padding:0 10px}
    .btn-down .ico-hwp{background:url(/resources/user/web/img//ico_hwp_m.png) no-repeat;background-size:16px 16px}
    .btn-down .ico-hwp{background:url(/resources/user/web/img//ico_pdf_m.png) no-repeat;background-size:16px 16px}

    .btn-group{padding:0}
    .btn-group .btn-default,
    .btn-group .btn-cancel{margin-top:10px;display:block;width:100%;height:45px;line-height:43px}

    .btn-default .ico-arrow{background:url(/resources/user/web/img//ico_arrow_m.png) no-repeat;background-size:16px 16px}

    .paging .btn{display:none}
    .paging .btn.prev,
    .paging .btn.next{display:inline-block;margin:0}

    .intro-history{padding:0}
    .intro-history br{display:none}
    .intro-history > li{padding:25px 0 20px 0}
    .intro-history > li > .date{position:static}
    .intro-history > li > .tit{display:block;padding:10px 0 0 0}

    .intro-history .history > li{padding-left:12px;background:url(/resources/user/web/img//bullet_history_m.gif) no-repeat 2px 6px;background-size:7px 7px}
    .intro-history .history .date{position:static;display:block}
    .intro-history .history > li.last:after{top:13px}

    .intro-vision .txt{font-size:16px;line-height:24px;padding:10px 0 0 0}
    .intro-vision dl.txt2,
    .intro-vision dl.txt3,
    .intro-vision dl.txt4,
    .intro-vision dl.txt5{height:auto;padding:20px 0 26px 0}
    .intro-vision dl.last{padding-bottom:0}
    .intro-vision dl.tit1 dt,
    .intro-vision dl.tit2 dt{width:auto;position:relative;left:auto;top:auto;height:43px;line-height:42px;margin-bottom:16px;padding:0;font-size:16px}
    .intro-vision dt:after{width:12px;height:44px}
    .intro-vision dl.tit1 dt:after{background:url(/resources/user/web/img//intro/bg_vision1_m.gif) no-repeat;background-size:12px 44px}
    .intro-vision dl.tit2 dt:after{background:url(/resources/user/web/img//intro/bg_vision2_m.gif) no-repeat;background-size:12px 44px}
    .intro-vision dl dt br{display:none}
    .intro-vision dd{font-size:13px;line-height:19px}

    .intro-value{padding:12px 0 5px 0;overflow:hidden}
    .intro-value li{float:none;width:100%;margin:10px 0 0 0}

    .intro-chg{padding:5px 0}
    .intro-chg li{margin-top:10px}
    .intro-chg em{width:41%;background-image:url(/resources/user/web/img//bg_chg_m.png) no-repeat;background-size:110px 68px}
    .intro-chg .arrow{width:18%;background:url(/resources/user/web/img//intro/bg_chg_arrow.gif) no-repeat 50% 0;background-size:50px 68px}

    .intro-effect{font-size:14px;line-height:20px;padding-bottom:348px;background:url(/resources/user/web/img//intro/intro5_m.jpg) no-repeat 50% 100%;background-size:300px 321px}
    .intro-effect strong{font-size:16px;line-height:24px;letter-spacing:-1px}
    .intro-effect strong br{display:none}
    .intro-effect p{margin-top:20px}

    .intro-map{height:200px;margin-top:50px}
    .intro-table{margin-top:15px}

    .sub-txt .table-packaging{width:auto;overflow:hidden;overflow-x:auto}

    .sub-txt .support-floor .img-basic{width:300px;position:relative;margin:0 auto}
    .sub-txt .support-floor .img-txt{bottom:-24px}
    .sub-txt .support-floor .img-basic img{width:100%}
    .sub-txt .support-floor .table-basic{width:300px;margin:44px auto 0 auto}
    .sub-txt .support-floor .table-basic table{min-width:100%}

    .info-plan .img-basic{width:300px;position:static;margin:0 auto;border:none}
    .info-plan .img-basic img{width:100%}
    .info-plan .table-basic{width:300px;margin:20px auto 0 auto}
    .info-plan .table-basic table{min-width:100%}

    .info-plan2 .img-basic{width:300px;position:static;margin:0 auto;border:none}
    .info-plan2 .img-basic img{width:100%}
    .info-plan2 .table-basic{width:300px;margin:20px auto 0 auto}
    .info-plan2 .table-basic table{min-width:100%}
    .info-plan2 .table-basic br{display:none}

    .notice-search{float:none;position:relative}
    .notice-search select{width:100%;margin-bottom:5px}
    .notice-search input{width:78%;margin:0}
    .notice-search a{width:20%;float:right}

    .notice-table{padding-top:20px}
    .notice-table th.m,
    .notice-table td.m{display:none}
    .notice-table td a{max-width:100%}

    .notice-detail dt{height:40px;line-height:40px;position:static;border-bottom:none;width:100%;text-align:left;padding:0 12px}
    .notice-detail dd{padding:10px 12px;border-bottom:none}
    .notice-detail dl.writer,
    .notice-detail dl.date{width:100%;float:none}
    .notice-detail .cont{border-top:1px solid #ccc;padding:15px 0 35px 0}

    .notice-other{border-top:none;overflow:hidden}
    .notice-other dl{width:49%;clear:none}
    .notice-other dl.next{float:right}
    .notice-other dl.prev{float:left}
    .notice-other dt{width:100%;position:static;border-bottom:none;height:35px;line-height:35px}
    .notice-other dd{border-bottom:none;position:absolute;left:0;right:0;bottom:0;top:0}
    .notice-other a{display:block;position:absolute;left:0;right:0;bottom:0;top:0;overflow:hidden;text-indent:-9999px}

    .notice-detail.write{border-bottom:1px solid #ccc}
    .notice-detail dl.writer2,
    .notice-detail dl.password{width:100%;float:none}
    .notice-detail.write dd,
    .notice-detail.write .cont{padding:10px 12px;border-bottom:none}
    .notice-detail.write .cont textarea{height:150px}

    .center-video iframe{height:300px}

    .gallery-list{width:auto;padding:15px 0 15px 0}
    .gallery-list li{width:100%;height:57px;position:relative;padding-left:96px;margin:8px 0 0 0}
    .gallery-list a:after{display:none}
    .gallery-list .img{width:85px;height:57px;position:absolute;left:0;top:0}
    .gallery-list .img img{min-height:57px}
    .gallery-list .txt{margin-top:16px;text-align:left}

    .center-invest{padding-top:10px;margin-top:-27px}
    .center-invest li{margin-top:27px;padding-bottom:42px}
    .center-invest li:after{left:10px;top:auto;bottom:15px}
    .center-invest strong{display:block;line-height:21px;padding-left:10px;background-position:0 9px}
    .center-invest a{float:none;position:absolute;right:0;bottom:0}

    .center-map{max-width:600px}
    .center-map dt img{display:block}
    .center-map dt img.img-p{display:none}
    .center-map dd{width:14px;height:14px;background-size:14px 14px}
    .center-map dd.on{background-size:14px 14px}

    .table-basic.table-center{margin-top:30px}
    .table-basic.table-center table{min-width:580px}
    .table-basic.table-center td{padding:5px 2px}

    .forum-tit{font-size:16px;padding-top:20px}
    .forum-tit span{font-size:14px;text-indent:-8px;padding-left:8px;}
    .forum-info{padding:7px 0 15px 0}
    .forum-info li{line-height:20px;font-size:14px;background-position:0 8px;padding-left:10px}
    .forum-btn{padding-left:0}
    .forum-btn .btn-default{width:100%}
    .forum-list{margin-top:17px}
    .forum-list li{line-height:19px;font-size:13px;margin:5px 0 0 10px}
    .forum-img{margin:0;padding:5px 0 20px 0;text-align:center}
    .forum-img img{float:none;margin-left:0;margin-top:10px;max-width:100%}
    .forum-poster{margin:0;padding:5px 0 20px 0;text-align:center}
    .forum-poster img{float:none;margin-left:0;margin-top:10px;max-width:100%}

    .global_foodture .intro {text-align: left; font-size: 13px; flex-wrap: wrap; gap: 0;}
    .global_foodture .intro img {margin: 0 auto;}
    .global_foodture .intro dl > div:not(:last-of-type) {margin-bottom: 4px;}
    .global_foodture .img_list {grid-template-columns: repeat(3, minmax(0, 1fr));}
    .global_foodture .img_list .txt_box {font-size: 13px; margin-top: 5px;}
    .global_foodture .img_list .txt_box br {display: block;}
    .global_foodture .img_list img {margin: 0;}

    .global_foodture .seminar_list p {text-align: left; padding-left: 20px;}
    .global_foodture .seminar_list .btn_list button {font-size: 12px; padding: 6px;}

    .global_foodture .session_list img {margin: 0;}
    .global_foodture .session_list .bg_black {font-size: 18px;}
    
    /* main */
    .main_section .section1 .main_notice{float:none;width:auto}
    .main_section .section1 .main_notice > ul{margin-right:0;}
    .main_section .section1 .main_notice > ul > li > ul{max-width:none;}
    .main_section .section1 .parcel{float:none;width:auto}
    .main_section .section1 .parcel > h2{margin-left:0;}
    .main_section .section1 .parcel > ul{margin-left:0;}
    .main_section .section2 > div > div{height:auto;}
    .main_section .section2 > div > .left{float:none;width:auto}
    .main_section .section2 > div > .right{float:none;width:auto;}
    .main_section .section2 > div > div > h2{padding:30px 25px 20px 25px}
    .main_section .section2 > div > div > p{padding:0 25px 40px 25px}
    .main_section .section2 .first .arrow{display:none}
    .main_section .section2 .second .arrow{display:none}
    .main_section .section5 .sns_list > .sns_tab{position:static;padding-bottom:10px}
    .main_section .section5 .sns_list > .sns_cont > div > ul > li .txt .ico{top:10px}
    
    .table_write2 table th{padding:5px 3px;vertical-align:middle;line-height:120%;}
    .table_write2 table td{padding:5px 3px;}
    .table_write2 table td > ul > li{float:none;width:auto;}
    .table_write2 table td .line{padding:2px 5px 2px 0;}
    .finish{font-size:14px;letter-spacing:-1px;}
}

@media(max-width:609px){
.fp-lang h2{ display:block;}
    .main-promotion{width:100%;height:300px}
    .fp-footer .copy .pop{display:block;}
    .navigation_list > ul > li{float:none;width:auto;}
}

@media(max-width:549px){
.fp-lang h2{ display:block;}
    .main-promotion{width:100%;height:250px}
    
    /* main */
    .main_section .mobile_visual .bx-wrapper .txt h4{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .main_section .mobile_visual .bx-wrapper .txt p{padding:0;max-height:54px;overflow:hidden;}
    .main_section .mobile_visual .bx-wrapper .txt .more{position:static;margin-top:10px}
    .main_section .section2 > div > div > h2{font-size:20px}
    .main_section .section2 > div > div > h2 > strong{font-size:30px}
    .main_section .section1 .parcel > ul > li{width:auto;float:none;}
    .main_section .section1 .main_notice > ul > li > h2 a{font-size:12px}
    .main_section .section3 .process dt h2{position:static;padding:15px 15px 0 15px;}
    .main_section .section3 .process dt p{padding:15px;}
    .main_section .section3 .process dd{display:none}
    .main_section .section5 .sponsor{padding:15px 0}
    .main_section .section5 .sponsor li{width:50%}
    .main_section .section5 .sns_list > .sns_cont > div > ul > li .img{display:none;}
    .main_section .section5 .sns_list > .sns_cont > div > ul > li .txt{padding:0 50px 0 0}
    .main_section .section5 .sns_list > .sns_cont > div > ul > li .txt a strong{font-size:16px;}
}

@media(max-width:429px){
.fp-lang h2{ display:block;}
    .main-promotion{width:100%;height:190px}
}

@media screen and (max-width: 480px) {
.global_foodture .img_list {grid-template-columns: repeat(2, minmax(0, 1fr));}

.global_foodture .session_list {grid-template-columns: repeat(1, minmax(0, 1fr));}
.global_foodture .seminar_list > li {flex-wrap: wrap; gap: 10px; justify-content: center;}
.global_foodture .seminar_list p {width: 100%; padding-left: 0; text-align: center;}
.global_foodture .seminar_list p br {display: block;}
}