@charset "utf-8";

/* main_con01_wrap (main_banner) */
.main_con01_wrap {margin:0 auto; padding:50px 0; width:1280px; user-select:none;}
.main_con01_wrap .main_banner_wrap {overflow:hidden; float:left; position:relative; width:760px; height:340px; border-radius:20px;}
.main_con01_wrap .main_banner_wrap>ul{position: relative;width: auto;}
.main_con01_wrap .main_banner_wrap>ul>li{float: left;width:100%;height: 340px;position: absolute;left: 100%;}
.main_con01_wrap .main_banner_wrap>ul>li:first-child{left: 0;}
.main_con01_wrap .main_banner_wrap>ul>li>a{display: inline-block; width: 100%; }
.main_con01_wrap .main_banner_wrap>ul>li img{ max-width: 100%; min-height: 340px; object-fit: cover; object-position: left; }
.main_con01_wrap .main_banner_wrap>ul>li.ban01 a{ position: absolute; display: block; width: 200px; height: 48px; }
.main_con01_wrap .main_banner_wrap>ul>li.ban01 a:nth-child(1){ left: 40px; bottom: 28px; }
.main_con01_wrap .main_banner_wrap>ul>li.ban01 a:nth-child(2){ left: 250px; bottom: 28px; }

.main_con01_wrap .main_banner_wrap .main_banner_btn{position: absolute; right: 30px; top: 30px; z-index: 1;text-align: center;}
.main_con01_wrap .main_banner_wrap .main_banner_btn .ban_btn_box{ display: inline-block; width: 110px; height:40px; border-radius: 20px; background: rgba(0, 0, 0, 0.6); margin-right: 10px; }
.main_con01_wrap .main_banner_wrap .main_banner_btn .ban_btn_box>span{width: 20px;height:40px;text-indent: -9999px;display: inline-block;line-height:40px;cursor: pointer;}
.main_con01_wrap .main_banner_wrap .main_banner_btn .ban_btn_box>span.ban_btn_prev{ background: url(../images/new_main/btn_banner_prev.png) 50% 50% no-repeat; }
.main_con01_wrap .main_banner_wrap .main_banner_btn .ban_btn_box>span.ban_btn_next{ background: url(../images/new_main/btn_banner_next.png) 50% 50% no-repeat; }
.main_con01_wrap .main_banner_wrap .main_banner_btn>span.ban_btn_pause{ display: inline-block; width: 40px; height: 40px; background: rgba(0, 0, 0, 0.6) url(../images/new_main/btn_banner_pause.png) 50% 50% no-repeat; border-radius: 20px; vertical-align: top; text-indent: -9999px; cursor: pointer; }
.main_con01_wrap .main_banner_wrap .main_banner_btn>span.ban_btn_pause.stop{ background: rgba(0, 0, 0, 0.6) url(../images/new_main/btn_banner_stop.png) 50% 50% no-repeat; }
/*.main_banner_wrap .main_banner_btn>span a{text-indent: -9999px;display: block;}*/
.main_con01_wrap .main_banner_wrap .main_banner_btn .ban_btn_box .page{display: inline-block; color: #fff; font-size: 16px; line-height: 40px;}
.main_con01_wrap .main_banner_wrap .main_banner_btn .ban_btn_box .page span{}

.main_con01_wrap .main_title_wrap{ float: right; width: 480px; height: 340px; position: relative; }
.main_con01_wrap .main_title_wrap .main_tit_box{ width: 100%; }
.main_con01_wrap .main_title_wrap .main_tit_box h2{ font-size: 64px; line-height: 1.1em; padding-left: 35px; position: relative; margin-bottom: 25px; font-weight:500; }
.main_con01_wrap .main_title_wrap .main_tit_box h2 span{ display: block; font-size: 80px; font-weight: 700; }
.main_con01_wrap .main_title_wrap .main_tit_box h2:before{ display: block; content: ""; position: absolute; width:6px; height: 140px; background: #222; left:0; top: 50%; transform: translateY(-50%); }
.main_con01_wrap .main_title_wrap .main_tit_box p{ display: block; font-size: 22px; line-height: 1.4em; }
.main_con01_wrap .main_title_wrap>ul{ position: absolute; left:0; bottom:0; }
.main_con01_wrap .main_title_wrap>ul li{ float: left; width: 50%; height: 80px; line-height: 80px; text-align: center; border: 1px solid #eee; box-shadow: 0 0 1px rgba(0,0,0,0.3); }
.main_con01_wrap .main_title_wrap>ul li:first-child{ border-radius: 20px 0 0 20px; border-right: 0 none; }
.main_con01_wrap .main_title_wrap>ul li:last-child{ border-radius: 0 20px 20px 0; }
.main_con01_wrap .main_title_wrap>ul li img{ max-width:160px; max-height: 50px; object-fit: cover; }

/*main_con02_wrap*/
.main_con02_wrap {margin:0 auto 60px; width:1280px; height:310px; user-select:none;}
.main_con02_wrap .quick_wrap{ float: left; width: 840px; height:310px; }
.main_con02_wrap .quick_wrap>div{ float: left; }
.main_con02_wrap .quick_wrap>div h2{ font-size: 24px; font-weight: 700; margin-bottom: 15px; }
.main_con02_wrap .quick_wrap>div ul{}
.main_con02_wrap .quick_wrap>div ul li{ float: left; }
.main_con02_wrap .quick_wrap>div ul li:last-child{ margin-right: 0; }
.main_con02_wrap .quick_wrap>div ul li span{ display: block; width: 100%; height: 30px; line-height: 30px; font-size: 20px; font-weight: 700; color: #fff; text-align: center; border-radius: 5px; margin-bottom: 5px; }
.main_con02_wrap .quick_wrap>div ul li a{ display: block; width: 100%; height: 56px; border-radius: 5px; position: relative; }
.main_con02_wrap .quick_wrap>div ul li p{ width: 100%; font-size: 16px; line-height:1.2em; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.main_con02_wrap .quick_wrap .quick01_box{ width: 100%; margin-bottom: 40px; }
.main_con02_wrap .quick_wrap .quick01_box ul li{ width: 15%; margin-right: 2%; }
.main_con02_wrap .quick_wrap .quick01_box ul li span{ background: #3E77FF; border: 1px solid #091B47; }
.main_con02_wrap .quick_wrap .quick01_box ul li a{ background: #E4ECFF; border: 1px solid #091B47; }
.main_con02_wrap .quick_wrap .quick02_box{ width: 50%; }
.main_con02_wrap .quick_wrap .quick02_box ul li{ width: 30%; margin-right: 4%; }
.main_con02_wrap .quick_wrap .quick02_box ul li:last-child{ margin-right: 2%; }
.main_con02_wrap .quick_wrap .quick02_box ul li span{ background: #8C5EFF; border: 1px solid #220665; }
.main_con02_wrap .quick_wrap .quick02_box ul li a{ background: #EEEAF8; border: 1px solid #220665; }
.main_con02_wrap .quick_wrap .quick03_box{ width: 50%; }
.main_con02_wrap .quick_wrap .quick03_box h2{ margin-left: 2%; }
.main_con02_wrap .quick_wrap .quick03_box ul li{ width: 30%; margin-left: 4%; }
.main_con02_wrap .quick_wrap .quick03_box ul li:first-child{ margin-left: 2%; }
.main_con02_wrap .quick_wrap .quick03_box ul li span{ background: #FFB83E; border: 1px solid #503508; }
.main_con02_wrap .quick_wrap .quick03_box ul li a{ background: #FFF6DE; border: 1px solid #503508; }

.main_con02_wrap .cs_wrap{ float: right; width: 400px; height: 310px; }
.main_con02_wrap .cs_wrap ul{}
.main_con02_wrap .cs_wrap ul li{ float: left; border-radius: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
.main_con02_wrap .cs_wrap ul li.cs_box{ width: 100%; height: 200px; margin-bottom: 20px; background: #F5F8FF; padding: 30px; }
.main_con02_wrap .cs_wrap ul li.cs_box h2{ font-size: 18px; margin-bottom: 5px; }
.main_con02_wrap .cs_wrap ul li.cs_box p.cs_num{ font-size: 52px; font-weight: 700; margin-bottom: 5px; letter-spacing: -0.03em; }
.main_con02_wrap .cs_wrap ul li.cs_box p.cs_p{ font-size: 16px; line-height: 1.6em; }
.main_con02_wrap .cs_wrap ul li.cs_sub_box{ width: 190px; height: 90px; }
.main_con02_wrap .cs_wrap ul li.cs_sub_box a{ display: block; padding: 15px 20px; }
.main_con02_wrap .cs_wrap ul li.cs_sub_box h2{ font-size: 20px; font-weight: 700; margin-bottom: 15px; }
.main_con02_wrap .cs_wrap ul li.cs_sub_box span{ font-size: 12px; color: #666; padding-right: 20px; background: url(../images/new_main/btn_arrow.png) right 50% no-repeat; }
.main_con02_wrap .cs_wrap ul li.cs_sub_box.cs_faq{ background: #fff url(../images/new_main/ico_cs_faq.png) 140px 40px no-repeat; margin-right: 20px; }
.main_con02_wrap .cs_wrap ul li.cs_sub_box.cs_sample{ background: #fff url(../images/new_main/ico_cs_sample.png) 140px 40px no-repeat; }

/*main_con03_wrap*/
.main_con03_wrap {padding:60px 0; width:100%; background:#F5FAFF; user-select:none;}
.main_con03_wrap .main_con03_box{ width: 1280px; margin: 0 auto; }
.main_con03_wrap .list_wrap{ float: left; width: 840px; height: 310px;}
.main_con03_wrap .list_wrap .list_tab{  margin-bottom: 20px; }
.main_con03_wrap .list_wrap .list_tab ul li{ float: left; display:block; font-size: 24px; margin-right: 50px; text-align: center; cursor: pointer; }
.main_con03_wrap .list_wrap .list_tab ul li:last-child{ margin-right: 0; }
.main_con03_wrap .list_wrap .list_tab ul li.on,
.main_con03_wrap .list_wrap .list_tab ul li:hover{ font-weight: 700; }

.main_con03_wrap .list_wrap .list_box{ width: 100%; height: 260px; position: relative; }
.main_con03_wrap .list_wrap .list_box li.item{ float: left; }
.main_con03_wrap .list_wrap .list_box li.item .tabcontent{ display:none; position:absolute; top:0; left:0; width:100%; height: 260px; padding: 5px 20px; background: #fff; border-radius: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
.main_con03_wrap .list_wrap .list_box li.item.active .tabcontent{ display: block; }
.main_con03_wrap .list_wrap .list_box li.item .tabcontent .formbox{}
.main_con03_wrap .list_wrap .list_box li.item .tabcontent .formbox table{ width: 100%; }
.main_con03_wrap .list_wrap .list_box li.item .tabcontent .formbox table tr td.td_ico{ width: 100px; }
/*.main_con03_wrap .list_wrap .list_box li.item .tabcontent .formbox table tr td.td_tit{ width: ; }*/
.main_con03_wrap .list_wrap .list_box li.item .tabcontent .formbox table tr td.td_order{ width: 200px; }
.main_con03_wrap .list_wrap .list_box li.item .tabcontent .formbox table tr td.date{ width: 70px; text-align: right; }
.main_con03_wrap .list_wrap .list_box li.item .tabcontent .formbox table tr td{ height: 50px; border-bottom: 1px solid #eee; }
.main_con03_wrap .list_wrap .list_box li.item .tabcontent .formbox table tr:last-child td{ border-bottom: 0 none; }
.main_con03_wrap .list_wrap .list_box li.item .tabcontent .formbox table tr td a{ display: inline-block; font-size: 16px; max-width:88%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left: 10px; }

.main_con03_wrap .notice_wrap{ float: right; width: 400px; height: 310px; }
#mnotice h3 { display: inline-block; margin-bottom: 20px; margin-right: 50px; }
#mnotice h3 a{ font-size: 24px; font-weight: 400; }
#mnotice h3 a.on{ font-weight: 700; }
#mnotice .view{ width: 100%; height: 260px; }
#mnotice .view div>ul{ margin-bottom: 20px; }
#mnotice .view div>ul>li{ width: 100%; height: 50px; padding-left: 53px; position: relative; }
#mnotice .view div>ul>li:before{ display: block; content: ""; position: absolute; width: 38px; height: 38px; left: 0; top: 50%; transform: translateY(-50%); background: #fff url(../images/new_main/ico_notice.png) 50% 50% no-repeat; border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
#mnotice .view div>ul>li>a{ display: inline-block; width: 70%; line-height: 50px; border-bottom: 1px solid #ddd; font-size: 16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#mnotice .view div>ul>li>span{ display:inline-block; width: 30%; line-height: 50px; border-bottom: 1px solid #ddd; text-align: right; font-size: 14px; font-weight: 300; color: #444; }
#mnotice .view div>ul>li:last-child a,
#mnotice .view div>ul>li:last-child span{ border-bottom: 0 none; }
#mnotice .view div .btn_more{ display:block; width: 100%; height: 40px;  }
#mnotice .view div .btn_more a{ display: block; width: 100%; height: 40px; background: #fff; border: 1px solid #ddd; border-radius: 10px; line-height: 40px; font-size: 16px; color: #666; text-align: center; }

/*main_con04_wrap*/
.main_con04_wrap {margin:0 auto; padding:60px 0; width:1280px; user-select:none;}
.main_con04_wrap .left_wrap{ float: left; width: 840px; height:350px; padding: 30px 40px; border-radius: 10px; box-shadow: 0 1px 3px rgba(0,0,0,0.2); background: #ECF6FF; margin-bottom: 60px; }
.main_con04_wrap .left_wrap .left_box01{ padding-bottom: 30px; border-bottom: 2px solid #fff; }
.main_con04_wrap .left_wrap .left_box01 li{ float: left; width: 30%; height: 100px; margin-right: 5%; border-radius: 10px; }
.main_con04_wrap .left_wrap .left_box01 li:nth-child(1){ background: #5B7FA5 url(../images/new_main/ico_print.png) 175px 50px no-repeat; }
.main_con04_wrap .left_wrap .left_box01 li:nth-child(2){ background: #5B7FA5 url(../images/new_main/ico_paper.png) 175px 50px no-repeat; }
.main_con04_wrap .left_wrap .left_box01 li:nth-child(3){ background: #5B7FA5 url(../images/new_main/ico_set.png) 175px 50px no-repeat; margin-right: 0; }
.main_con04_wrap .left_wrap .left_box01 li a{ display: block; width: 100%; height: 100px; padding: 15px 20px; }
.main_con04_wrap .left_wrap .left_box01 li a h2{ width: 85%; font-size: 20px; line-height: 1.2em; margin-bottom: 10px; color: #fff; }
.main_con04_wrap .left_wrap .left_box01 li a span{ font-size: 12px; color: #fff; padding-right: 20px; background: url(../images/new_main/btn_arrow_w.png) right 50% no-repeat; }
.main_con04_wrap .left_wrap .left_box02{ padding-top: 30px; }
.main_con04_wrap .left_wrap .left_box02 li{ float: left; width: 16%; height: 130px; margin-right: 5%; }
.main_con04_wrap .left_wrap .left_box02 li:last-child{ margin-right: 0; }
.main_con04_wrap .left_wrap .left_box02 li a{ display: block; width: 100%; height: 100px; margin-bottom: 10px; border-radius: 10px; }
.main_con04_wrap .left_wrap .left_box02 li:nth-child(1) a{ background: #fff url(../images/new_main/ico_link01.png) 50% 50% no-repeat; }
.main_con04_wrap .left_wrap .left_box02 li:nth-child(2) a{ background: #fff url(../images/new_main/ico_link02.png) 50% 50% no-repeat; }
.main_con04_wrap .left_wrap .left_box02 li:nth-child(3) a{ background: #fff url(../images/new_main/ico_link03.png) 50% 50% no-repeat; }
.main_con04_wrap .left_wrap .left_box02 li:nth-child(4) a{ background: #fff url(../images/new_main/ico_link04.png) 50% 50% no-repeat; }
.main_con04_wrap .left_wrap .left_box02 li:nth-child(5) a{ background: #fff url(../images/new_main/ico_link05.png) 50% 50% no-repeat; }
.main_con04_wrap .left_wrap .left_box02 li span{ display: block; font-size: 16px; text-align: center; }
.main_con04_wrap .bank_wrap{ float: right; width: 400px; height: 350px; border: 1px solid #ddd; border-radius: 10px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.2); padding: 30px; margin-bottom:60px; }
.main_con04_wrap .bank_wrap h2{ display: inline-block; font-size: 18px; font-weight: 700; color: #1839C6; margin-bottom: 15px; }
.main_con04_wrap .bank_wrap>p{ display: inline-block; margin-left: 15px;  font-size: 14px; }
.main_con04_wrap .bank_wrap ul>li{ float: left; width: 100%; height:38px; padding-left: 50px; border-radius: 5px; margin-bottom: 12px; }
.main_con04_wrap .bank_wrap ul>li.kb{ background: #F5FAFF url(../images/new_main/ico_bank_kb.gif) 15px 50% no-repeat; }
.main_con04_wrap .bank_wrap ul>li.wr{ background: #F5FAFF url(../images/new_main/ico_bank_wr.gif) 15px 50% no-repeat; }
.main_con04_wrap .bank_wrap ul>li.sh{ background: #F5FAFF url(../images/new_main/ico_bank_sh.png) 15px 50% no-repeat; }
.main_con04_wrap .bank_wrap ul>li.nh{ background: #F5FAFF url(../images/new_main/ico_bank_nh.gif) 15px 50% no-repeat; }
.main_con04_wrap .bank_wrap ul>li p{ display: inline-block; line-height: 38px; font-size: 16px; }
.main_con04_wrap .bank_wrap ul>li p.bank_name{ font-weight: 500; }
.main_con04_wrap .bank_wrap ul>li p.bank_num{ margin-left: 20px; }
.main_con04_wrap .bank_wrap .btn_wrap{ width: 100%; height: 40px; margin-top: 10px; }
.main_con04_wrap .bank_wrap .btn_wrap a{ display: block; width: 100%; height: 40px; line-height: 40px; background: #1839C6; border-radius: 10px; color: #fff; font-size: 16px; font-weight: 500; text-align: center; }

.main_con04_wrap .con01_box,
.main_con04_wrap .con02_box,
.main_con04_wrap .con03_box{ float: left; width: 400px; height: 250px; margin-right: 40px; }
.main_con04_wrap .con01_box>h2,
.main_con04_wrap .con02_box>h2,
.main_con04_wrap .con03_box>h2{ font-size: 24px; font-weight: 700; margin-bottom: 20px; }
.main_con04_wrap .con01_box ul>li{ float:left; width: 100%; height:90px; border-radius: 10px; border: 1px solid #ddd; box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
.main_con04_wrap .con01_box ul>li:nth-child(1){ background: #fff url(../images/new_main/img_site01.png) right 50% no-repeat; margin-bottom: 15px; }
.main_con04_wrap .con01_box ul>li:nth-child(2){ background: #fff url(../images/new_main/img_site02.png) right 50% no-repeat; }
.main_con04_wrap .con01_box ul>li>a{ display: block; width: 100%; height: 90px; padding: 15px 20px; }
.main_con04_wrap .con01_box ul>li>a>h2{ font-size: 20px; font-weight: 700; margin-bottom: 15px; }
.main_con04_wrap .con01_box ul>li>a>span{ font-size: 12px; color: #666; padding-right: 20px; background: url(../images/new_main/btn_arrow.png) right 50% no-repeat; }
.main_con04_wrap .con02_box{  }
.main_con04_wrap .con02_box ul>li{ float: left; width: 100%; height: 56px; border-radius: 10px; border: 1px solid #ddd; margin-bottom: 14px; }
.main_con04_wrap .con02_box ul>li:last-child{ margin-bottom: 0; }
.main_con04_wrap .con02_box ul>li>a{ display: block; width: 100%; height: 56px; line-height: 56px; padding: 0 20px; }
.main_con04_wrap .con02_box ul>li>a>h2{ float: left; display: inline-block; font-size: 20px; font-weight: 500; }
.main_con04_wrap .con02_box ul>li>a>span{ float: right; display: inline-block; font-size: 12px; color: #666; padding-right: 20px; background: url(../images/new_main/btn_arrow.png) right 50% no-repeat; }
.main_con04_wrap .con03_box{ margin-right: 0; }
.main_con04_wrap .con03_box ul{ margin-bottom: 15px; }
.main_con04_wrap .con03_box ul>li{ float: left; width: 45%; height: 62px; margin-right: 10%; background: url(../images/new_main/btn_more.png) right 50% no-repeat; }
.main_con04_wrap .con03_box ul>li:nth-child(2n){ margin-right: 0; }
.main_con04_wrap .con03_box ul>li:nth-child(1),
.main_con04_wrap .con03_box ul>li:nth-child(2){ border-bottom: 1px solid #ddd; }
.main_con04_wrap .con03_box ul>li>a{ display: block; width: 100%; height: 62px; position: relative; }
.main_con04_wrap .con03_box ul>li>a>p{ font-size: 18px; font-weight: 500; line-height: 1.1em; position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding-right: 40px; }
.main_con04_wrap .con03_box .btn_wrap{ display: table; width: 100%; height: 56px; border-radius: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); overflow: hidden; }
.main_con04_wrap .con03_box .btn_wrap a{ display: inline-block; width: 50%; height: 56px; font-size: 18px; font-weight: 500; text-align: center; line-height: 56px; }
.main_con04_wrap .con03_box .btn_wrap a:nth-child(1){ background: #ECF6FF; }
.main_con04_wrap .con03_box .btn_wrap a:nth-child(2){ background: #1839C6; color: #fff; }


/*main_con06_wrap*/
.main_con05_wrap {overflow:hidden; margin:0 auto 100px; width:1280px; height:100px; background:#F2F2F2; border-radius:10px; user-select:none;}
.main_con05_wrap h2{ display: inline-block; width: 280px; font-size: 24px; font-weight: 700; text-align: center; line-height: 100px; }
.main_con05_wrap ul{ float: right; width: auto; padding: 20px 40px 20px 0; }
.main_con05_wrap ul>li{ float:left; width: 180px; height: 60px; margin-right: 15px; background: #fff; border-radius: 5px; line-height: 60px; text-align: center; }
.main_con05_wrap ul>li:last-child{ margin-right:0; }
.main_con05_wrap ul>li>a{ display: block; width: 100%; height: 60px; position: relative; }
.main_con05_wrap ul>li>a>img{ max-width: 100%; max-height: 30px; object-fit: cover; }



/* 반응형 설정 ---------------------------------------------------------------------------------------------------------------------------------------------------*/

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

/*main_con01_wrap*/
.main_con01_wrap{ width: 100%; padding: 50px 3%; }
.main_con01_wrap .main_banner_wrap{ width: 100%; height: 410px; margin-bottom: 40px; }
.main_con01_wrap .main_banner_wrap>ul>li{ height:410px; }
.main_con01_wrap .main_banner_wrap>ul>li img{ min-height: 410px; }
.main_con01_wrap .main_banner_wrap>ul>li.ban01 a{ width: 240px; height: 58px; }
.main_con01_wrap .main_banner_wrap>ul>li.ban01 a:nth-child(1){ left: 48px; bottom: 34px; }
.main_con01_wrap .main_banner_wrap>ul>li.ban01 a:nth-child(2){ left: 300px; bottom: 34px; }
.main_con01_wrap .main_title_wrap{ width: 100%; height: auto; }
.main_con01_wrap .main_title_wrap .main_tit_box h2{ font-size: 60px; margin-bottom: 20px; }
.main_con01_wrap .main_title_wrap .main_tit_box h2:before{ top: 0; transform: translateY(0); }
.main_con01_wrap .main_title_wrap .main_tit_box h2 span{ display: inline-block; font-size: 72px; margin-right: 10px; }
.main_con01_wrap .main_title_wrap .main_tit_box p{ width: 50%; font-size: 20px; padding-left: 35px; }
.main_con01_wrap .main_title_wrap>ul{ width: 30%; left: revert; bottom: revert; right: 0; top: 5px; }
.main_con01_wrap .main_title_wrap>ul li{ width: 100%; height: 65px; line-height: 65px; }
.main_con01_wrap .main_title_wrap>ul li:first-child{ margin-bottom: 10px; }
.main_con01_wrap .main_title_wrap>ul li:first-child,
.main_con01_wrap .main_title_wrap>ul li:last-child{ border-radius: 20px; }


/*main_con02_wrap*/
.main_con02_wrap{ width: 100%; height: auto; display: table; padding: 0 3%; }
.main_con02_wrap .quick_wrap{ width: 100%; margin-bottom: 50px; }
.main_con02_wrap .cs_wrap{ width: 100%; height: 200px; }
.main_con02_wrap .cs_wrap ul li.cs_box{ width: 49%; margin-right: 3%; margin-bottom: 0; }
.main_con02_wrap .cs_wrap ul li.cs_sub_box{ width: 22.5%; height: 200px; background-position: 90% 90% !important; }
.main_con02_wrap .cs_wrap ul li.cs_sub_box.cs_faq{ margin-right: 3%; }

/*main_con03_wrap*/
.main_con03_wrap{ padding: 60px 3%; }
.main_con03_wrap .main_con03_box{ width: 100%; }
.main_con03_wrap .list_wrap{ width: 100%; margin-bottom: 50px; }
.main_con03_wrap .notice_wrap{ width: 100%; }

/*main_con04_wrap*/
.main_con04_wrap{ width: 100%; padding: 60px 3%; }
.main_con04_wrap .left_wrap{ width: 100%; padding: 30px 5%; margin-bottom: 50px; }
.main_con04_wrap .left_wrap .left_box01 li{ background-position: right 10px bottom 15px !important; }
.main_con04_wrap .bank_wrap{ float:left; width: 48.5%; height: auto; padding: 0; background: none; border: 0 none; box-shadow: none; margin-right: 3%; }
.main_con04_wrap .bank_wrap h2{ font-size: 24px; margin-bottom: 20px; }
.main_con04_wrap .bank_wrap ul>li{ height: 32px; margin-bottom: 5px; }
.main_con04_wrap .con01_box,
.main_con04_wrap .con02_box,
.main_con04_wrap .con03_box{ width: 48.5%; margin-right: 3%; }
.main_con04_wrap .con01_box{ margin-right: 0; margin-bottom: 60px; color: #242424; }
.main_con04_wrap .con03_box{ margin-right: 0; }

/*main_con05_wrap*/
.main_con05_wrap{ width: 100%; margin-top: 0; margin-bottom: 0; padding: 0 3%; border-radius: 0; }
.main_con05_wrap h2{ display: none; }
.main_con05_wrap ul{ width: 100%; padding: 20px 0; }
.main_con05_wrap ul>li{ width: 18%; margin-right: 2.5% }

}

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

/*main_con01_wrap*/
.main_con01_wrap{ padding: 30px 3% 50px 3%; }
.main_con01_wrap .main_banner_wrap{ height: 295px; margin-bottom: 30px; }
.main_con01_wrap .main_banner_wrap>ul>li{ height: 295px; }
.main_con01_wrap .main_banner_wrap>ul>li img{ height: 295px; min-height: 295px; }
.main_con01_wrap .main_banner_wrap>ul>li.ban01 a{ width: 175px; height: 42px; }
.main_con01_wrap .main_banner_wrap>ul>li.ban01 a:nth-child(1){ left: 35px; bottom: 25px; }
.main_con01_wrap .main_banner_wrap>ul>li.ban01 a:nth-child(2){ left: 218px; bottom: 25px; }
.main_con01_wrap .main_banner_wrap .main_banner_btn{ right: 20px; top: 20px; }
.main_con01_wrap .main_banner_wrap .main_banner_btn .ban_btn_box{ height: 34px; margin-right: 5px; }
.main_con01_wrap .main_banner_wrap .main_banner_btn .ban_btn_box>span{ height: 34px; line-height: 34px; }
.main_con01_wrap .main_banner_wrap .main_banner_btn .ban_btn_box .page{ line-height: 34px; }
.main_con01_wrap .main_banner_wrap .main_banner_btn>span.ban_btn_pause{ width: 34px; height: 34px; }
.main_con01_wrap .main_title_wrap .main_tit_box h2{ font-size: 40px; margin-bottom: 10px; }
.main_con01_wrap .main_title_wrap .main_tit_box h2:before{ width: 4px; height: 100px; }
.main_con01_wrap .main_title_wrap .main_tit_box h2 span{ font-size: 40px; }
.main_con01_wrap .main_title_wrap .main_tit_box p{ width: 60%; font-size: 16px; padding-left: 25px; }
.main_con01_wrap .main_title_wrap>ul{ top: 0; }
.main_con01_wrap .main_title_wrap>ul li{ height: 48px; line-height: 48px; }
.main_con01_wrap .main_title_wrap>ul li:first-child{ margin-bottom: 4px; }
.main_con01_wrap .main_title_wrap>ul li:first-child,
.main_con01_wrap .main_title_wrap>ul li:last-child{ border-radius: 10px; }
.main_con01_wrap .main_title_wrap>ul li img{ max-height: 34px; }

/*main_con02_wrap*/
.main_con02_wrap .quick_wrap{ height: auto; }
.main_con02_wrap .quick_wrap>div h2{ font-size: 20px; }
.main_con02_wrap .quick_wrap .quick01_box{ margin-bottom: 50px; }
.main_con02_wrap .quick_wrap .quick01_box ul li{ width: 30%; margin-right: 5%; margin-bottom: 20px; }
.main_con02_wrap .quick_wrap .quick01_box ul li:nth-child(3n){ margin-right: 0; }
.main_con02_wrap .quick_wrap .quick01_box ul li:nth-child(4),
.main_con02_wrap .quick_wrap .quick01_box ul li:nth-child(5),
.main_con02_wrap .quick_wrap .quick01_box ul li:nth-child(6){ margin-bottom: 0; }
.main_con02_wrap .quick_wrap .quick02_box{ width: 100%; margin-bottom: 40px; }
.main_con02_wrap .quick_wrap .quick02_box ul li{ margin-right: 5%; }
.main_con02_wrap .quick_wrap .quick02_box ul li:last-child{ margin-right: 0; }
.main_con02_wrap .quick_wrap .quick03_box{ width: 100%; }
.main_con02_wrap .quick_wrap .quick03_box h2{ margin-left: 0; }
.main_con02_wrap .quick_wrap .quick03_box ul li{ margin-left: 5%; }
.main_con02_wrap .quick_wrap .quick03_box ul li:first-child{ margin-left: 0; }
.main_con02_wrap .cs_wrap ul li.cs_box{ width: 65%; margin-right: 5%; }
.main_con02_wrap .cs_wrap ul li.cs_sub_box{ width: 30%; height: 90px; background-position: 90% 80% !important; }
.main_con02_wrap .cs_wrap ul li.cs_sub_box.cs_faq{ margin-right: 0; margin-bottom: 20px; }

/*main_con03_wrap*/
.main_con03_wrap .list_wrap .list_tab ul li{ font-size: 20px; }
#mnotice h3 a{ font-size: 20px; }

/*main_con04_wrap*/
.main_con04_wrap{  }
.main_con04_wrap .left_wrap{ height: auto; margin-bottom: 60px; padding: 0; background: none; box-shadow: none; }
.main_con04_wrap .left_wrap .left_box01{ padding-bottom: 20px; border-bottom: 0 none; background-position: 90% 50px; }
.main_con04_wrap .left_wrap .left_box01 li{ background-position: right 10px bottom 15px !important; }
.main_con04_wrap .left_wrap .left_box01 li a h2{ font-size: 18px; }
.main_con04_wrap .left_wrap .left_box02{ padding-top: 20px; }
.main_con04_wrap .left_wrap .left_box02 li a{ background-color: #F5FAFF !important; box-shadow: 0 1px 2px rgba(0,0,0,0.1); }
.main_con04_wrap .bank_wrap{ width: 47.5%; margin-right: 5%; }
.main_con04_wrap .bank_wrap h2{ font-size: 20px; }
.main_con04_wrap .bank_wrap>p{ margin-left: 10px; }
.main_con04_wrap .con01_box,
.main_con04_wrap .con02_box,
.main_con04_wrap .con03_box{ width: 47.5%; margin-right: 5%; }
.main_con04_wrap .con01_box>h2,
.main_con04_wrap .con02_box>h2,
.main_con04_wrap .con03_box>h2{ font-size: 20px; }
.main_con04_wrap .con03_box ul>li{ width: 48%; margin-right: 4%; }
.main_con04_wrap .con01_box{ margin-right: 0; }
.main_con04_wrap .con03_box{ margin-right: 0; }
.main_con04_wrap .con02_box ul>li>a>h2{ font-size: 18px; }
.main_con04_wrap .con03_box ul>li>a>p{ font-size: 16px; }
.main_con04_wrap .con03_box .btn_wrap a{ width: 50%; font-size: 16px; }

/*main_con05_wrap*/
.main_con05_wrap{ height: auto; }
.main_con05_wrap ul>li{ width: 32%; margin-right: 2%; margin-bottom: 10px; }
.main_con05_wrap ul>li:nth-child(3n){ margin-right: 0; }
.main_con05_wrap ul>li:nth-child(4),
.main_con05_wrap ul>li:nth-child(5){ margin-bottom: 0; }


}

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

/*main_con01_wrap*/
.main_con01_wrap{ padding: 0; }
.main_con01_wrap .main_banner_wrap{ height: 240px; border-radius: 0; }
.main_con01_wrap .main_banner_wrap>ul>li{ height: 240px; }
.main_con01_wrap .main_banner_wrap>ul>li img { height: 240px; min-height: 240px; }
.main_con01_wrap .main_banner_wrap>ul>li.ban01 a{ width: 140px; height: 34px; }
.main_con01_wrap .main_banner_wrap>ul>li.ban01 a:nth-child(1){ left: 28px; bottom: 20px; }
.main_con01_wrap .main_banner_wrap>ul>li.ban01 a:nth-child(2){ left: 176px; bottom: 20px; }
.main_con01_wrap .main_banner_wrap .main_banner_btn{ right: 15px; top: revert; bottom: 10px; }
.main_con01_wrap .main_banner_wrap .main_banner_btn .ban_btn_box{ width: 100px; height: 30px; }
.main_con01_wrap .main_banner_wrap .main_banner_btn .ban_btn_box .page{ font-size: 14px; line-height: 30px; }
.main_con01_wrap .main_banner_wrap .main_banner_btn .ban_btn_box>span{ height: 30px; line-height: 30px; }
.main_con01_wrap .main_banner_wrap .main_banner_btn .ban_btn_box>span.ban_btn_prev,
.main_con01_wrap .main_banner_wrap .main_banner_btn .ban_btn_box>span.ban_btn_next{ background-size: 1em; }
.main_con01_wrap .main_banner_wrap .main_banner_btn>span.ban_btn_pause{ width: 30px; height: 30px; background-size: 1em; }
.main_con01_wrap .main_title_wrap{ padding: 0 3%; margin-bottom: 60px; }
.main_con01_wrap .main_title_wrap .main_tit_box{ margin-bottom: 20px; }
.main_con01_wrap .main_title_wrap .main_tit_box h2{ padding-left:25px; }
.main_con01_wrap .main_title_wrap .main_tit_box p{ width: 80%; }
.main_con01_wrap .main_title_wrap>ul{ position: revert; width: 100%; }
.main_con01_wrap .main_title_wrap>ul li{ width: 50%; height: 60px; line-height: 55px; }
.main_con01_wrap .main_title_wrap>ul li:first-child{ margin-bottom: 0; border-radius: 20px 0 0 20px; }
.main_con01_wrap .main_title_wrap>ul li:last-child{ border-radius: 0 20px 20px 0; }

/*main_con02_wrap*/
.main_con02_wrap .quick_wrap>div h2{ text-align: center; position: relative; }
.main_con02_wrap .quick_wrap>div h2:before{ display: block; content: ""; position: absolute; width: 40%; height: 1px; background: #ccc; left: 0; top: 50%; transform: translateY(-50%); }
.main_con02_wrap .quick_wrap>div h2:after{ display: block; content: ""; position: absolute; width: 40%; height: 1px; background: #ccc; right: 0; top: 50%; transform: translateY(-50%); }
.main_con02_wrap .cs_wrap{ height:290px; }
.main_con02_wrap .cs_wrap ul li.cs_box{ width: 100%; height: 180px; margin-right: 0; margin-bottom: 20px; }
.main_con02_wrap .cs_wrap ul li.cs_box p.cs_p{ line-height: 1.2em; }
.main_con02_wrap .cs_wrap ul li.cs_sub_box{ width: 48%; }
.main_con02_wrap .cs_wrap ul li.cs_sub_box.cs_faq{ margin-right: 4%; margin-bottom: 0; }

/*main_con03_wrap*/
.main_con03_wrap .list_wrap .list_box li.item .tabcontent .formbox table tr td.td_order{ display: none; }

/*main_con04_wrap*/
.main_con04_wrap{ padding: 50px 3% 60px; }
.main_con04_wrap .left_wrap .left_box01 li{ width: 100%; height: 74px; margin-right: 0; margin-bottom: 10px; background-position: right 20px top 50% !important; }
.main_con04_wrap .left_wrap .left_box01 li a{ height: 74px; }
.main_con04_wrap .left_wrap .left_box02 li a{ height: 80px; background-size: cover !important; }
.main_con04_wrap .bank_wrap{ width: 100%; margin-right: 0; }
.main_con04_wrap .bank_wrap ul>li{ height: 38px; margin-bottom:10px; }
.main_con04_wrap .con01_box,
.main_con04_wrap .con02_box,
.main_con04_wrap .con03_box{ width: 100%; margin-right: 0; margin-bottom: 60px; }
.main_con04_wrap .con01_box{ height: 210px; }
.main_con04_wrap .con01_box ul>li{ height: 74px; }
.main_con04_wrap .con01_box ul>li>a{ height: 74px; }
.main_con04_wrap .con01_box ul>li>a>h2{ font-size: 18px; margin-bottom: 10px; }
.main_con04_wrap .con02_box{ height: 230px; }
.main_con04_wrap .con02_box ul>li{ margin-bottom: 10px; }
.main_con04_wrap .con03_box{ height: 235px; margin-bottom: 0; }
.main_con04_wrap .con03_box .btn_wrap{ height: 50px; }
.main_con04_wrap .con03_box .btn_wrap a{ height: 50px; line-height: 50px; }

/*main_con05_wrap*/
.main_con05_wrap ul>li{ width: 49%; margin-right: 2%; }
.main_con05_wrap ul>li:nth-child(3n){ margin-right: 2%; }
.main_con05_wrap ul>li:nth-child(2n){ margin-right: 0; }
.main_con05_wrap ul>li:nth-child(4){ margin-bottom: 10px; }

}

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

/*main_con01_wrap*/
.main_con01_wrap .main_banner_wrap{ height: 180px; }
.main_con01_wrap .main_banner_wrap>ul>li{ height: 180px; }
.main_con01_wrap .main_banner_wrap>ul>li img{ height: 180px; min-height: 180px; }
.main_con01_wrap .main_banner_wrap>ul>li.ban01 a{ width: 105px; height: 25px; }
.main_con01_wrap .main_banner_wrap>ul>li.ban01 a:nth-child(1){ left: 20px; bottom: 15px; }
.main_con01_wrap .main_banner_wrap>ul>li.ban01 a:nth-child(2){ left: 132px; bottom: 15px; }
.main_con01_wrap .main_banner_wrap .main_banner_btn{ display: none; }
.main_con01_wrap .main_title_wrap{ margin-bottom: 40px; }
.main_con01_wrap .main_title_wrap .main_tit_box h2{ font-size: 30px; padding-left: 15px; margin-bottom: 6px; }
.main_con01_wrap .main_title_wrap .main_tit_box h2:before{ height: 70px; }
.main_con01_wrap .main_title_wrap .main_tit_box h2 span{ font-size: 30px; }
.main_con01_wrap .main_title_wrap .main_tit_box p{ width: 90%; font-size: 13px; padding-left: 15px; }
.main_con01_wrap .main_title_wrap>ul li{ height: 40px; line-height: 35px; }
.main_con01_wrap .main_title_wrap>ul li:first-child{ border-radius: 10px 0 0 10px; }
.main_con01_wrap .main_title_wrap>ul li:last-child{ border-radius: 0 10px 10px 0; }
.main_con01_wrap .main_title_wrap>ul li img{ max-height: 30px; }

/*main_con02_wrap*/
.main_con02_wrap{}
.main_con02_wrap .quick_wrap .quick01_box{ margin-bottom: 40px; }
.main_con02_wrap .quick_wrap .quick01_box ul li{ width: 32%; margin-right: 2%; margin-bottom: 15px; }
.main_con02_wrap .quick_wrap>div ul li span{ height: 26px; line-height: 26px; font-size: 18px; }
.main_con02_wrap .quick_wrap>div ul li p{ font-size: 14px; }
.main_con02_wrap .cs_wrap{ height: 210px; }
.main_con02_wrap .cs_wrap ul li.cs_box{ height: 140px; padding: 15px 20px; }
.main_con02_wrap .cs_wrap ul li.cs_box p.cs_num{ font-size: 34px; }
.main_con02_wrap .cs_wrap ul li.cs_box p.cs_p{ font-size: 14px; }
.main_con02_wrap .cs_wrap ul li.cs_sub_box{ height: 50px; background-size: 30px !important; background-position: 90% 50% !important; }
.main_con02_wrap .cs_wrap ul li.cs_sub_box a{ padding: 0 15px; }
.main_con02_wrap .cs_wrap ul li.cs_sub_box h2{ font-size: 16px; margin-bottom: 0; line-height: 50px; }
.main_con02_wrap .cs_wrap ul li.cs_sub_box span{ display: none; }

/*main_con03_wrap*/
.main_con03_wrap{ padding: 50px 3%; }
.main_con03_wrap .list_wrap{ height: 250px; margin-bottom: 40px; }
.main_con03_wrap .list_wrap .list_tab{ margin-bottom: 15px; padding-left: 10px; }
.main_con03_wrap .list_wrap .list_tab ul li{ font-size: 18px; margin-right: 20px; }
.main_con03_wrap .list_wrap .list_box{ height: 210px; }
.main_con03_wrap .list_wrap .list_box li.item .tabcontent{ height: 210px; padding: 5px 15px; }
.main_con03_wrap .list_wrap .list_box li.item .tabcontent .formbox table tr td{ height: 40px; }
.main_con03_wrap .list_wrap .list_box li.item .tabcontent .formbox table tr td.td_ico{ display:none; }
.main_con03_wrap .list_wrap .list_box li.item .tabcontent .formbox table tr td a{ font-size: 15px; }
#mnotice h3{ margin-bottom: 15px; margin-right: 20px; }
#mnotice h3:first-child{ padding-left: 10px; }
#mnotice h3 a{ font-size: 18px; }
#mnotice .view div>ul>li>a{ font-size: 15px; }

/*main_con04_wrap*/
.main_con04_wrap .left_wrap{ margin-bottom: 50px; }
.main_con04_wrap .left_wrap .left_box01 li{ height: 50px; background-size: 30px !important; }
.main_con04_wrap .left_wrap .left_box01 li a{ height: 50px; padding: 0 20px; }
.main_con04_wrap .left_wrap .left_box01 li a h2{ font-size: 16px; line-height: 50px; }
.main_con04_wrap .left_wrap .left_box01 li a span{ display:none; }
.main_con04_wrap .left_wrap .left_box01 li:nth-child(3){ margin-bottom:0 }
.main_con04_wrap .left_wrap .left_box02{ padding-top: 0; }
.main_con04_wrap .left_wrap .left_box02 li{ width: 48%; height: 50px; margin-right: 4%; margin-bottom:10px; position: relative; }
.main_con04_wrap .left_wrap .left_box02 li:nth-child(2n){ margin-right: 0; }
.main_con04_wrap .left_wrap .left_box02 li:last-child{ margin-bottom: 0; }
.main_con04_wrap .left_wrap .left_box02 li a{ height: 50px; background-size: 60px !important; background-position: 0 50% !important; }
.main_con04_wrap .left_wrap .left_box02 li span{ position: absolute; left: 55px; top: 50%; transform: translateY(-50%); }
.main_con04_wrap .bank_wrap h2{ font-size: 18px; margin-bottom: 15px; padding-left: 10px; }
.main_con04_wrap .bank_wrap>p{ font-size: 13px; }
.main_con04_wrap .con01_box>h2,
.main_con04_wrap .con02_box>h2,
.main_con04_wrap .con03_box>h2{ font-size: 18px; margin-bottom:15px; padding-left: 10px; }
.main_con04_wrap .con01_box{ height: 150px; }
.main_con04_wrap .con01_box ul>li{ height: 50px; background-size: 280px !important; }
.main_con04_wrap .con01_box ul>li:nth-child(1){ margin-bottom: 10px; }
.main_con04_wrap .con01_box ul>li>a{ height: 50px; padding: 0 15px; line-height: 50px; }
.main_con04_wrap .con01_box ul>li>a>h2{ font-size: 16px; margin-bottom: 0; }
.main_con04_wrap .con01_box ul>li>a>span{ display: none; }
.main_con04_wrap .con02_box{ height: 205px; }
.main_con04_wrap .con02_box ul>li{ height: 50px; }
.main_con04_wrap .con02_box ul>li>a{ height: 50px; line-height: 50px; padding: 0 15px;}
.main_con04_wrap .con02_box ul>li>a>h2{ font-size: 16px; }
.main_con04_wrap .con03_box{ height: 305px; }
.main_con04_wrap .con03_box ul>li{ width: 96%; height: 50px; margin-right: 0; padding: 0 2%; border-bottom: 1px solid #ddd; background-position: right 2% top 50% !important; }
.main_con04_wrap .con03_box ul>li:last-child{ border-bottom: 0; }
.main_con04_wrap .con03_box ul>li>a{ height: 50px; }

/*main_con05_wrap*/
.main_con05_wrap ul>li{ height: 40px; line-height: 40px; }
.main_con05_wrap ul>li>a{ height: 40px; }
.main_con05_wrap ul>li>a>img{ max-height: 25px; }



}

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