@media screen and (max-width: 1024px) {
.gnb_m{min-width: auto;}	
#wrap{min-width: 1024px;}
.wid{width: 96%;}

.hd-tp > div h1 img{max-width: 80%;}
.hd-tp .ht-zm{display: none;}

.hd-bm .wid{position: static; padding: 7px 0 8px; }
.hd-bm .wid:after{content: ''; display: block; clear: both;}
.mo-mbt{display: block;}
.menu-box{display: none; margin: 0; position: absolute; top: 100%; left: 0; right: 0; background: #fff; box-shadow: 2px 2px 4px rgba(0,0,0,0.4);}
.menu-box:before{content: ''; display: block; margin-top: -2px; height: 3px; box-shadow: 1px 3px 4px rgba(0,0,0,0.4);}
.depth1{overflow: hidden;padding-bottom: 30px; width: 96%; margin: 0 auto;}
.depth1 > li{width: 50%; margin: 30px 0 0; box-sizing: border-box; padding: 0 3%;}
.depth1 > li:nth-of-type(2n + 1){clear: both;}
.depth1 > li > a{display: inline-block; padding: 0 0 4px;}
.depth2{display: block; position: static; padding-top: 0;}
.depth2 > li{margin-top: 10px;}

.ht-lgs{position: static; float: right; margin-top: 4px;}
.ht-lgs > li{margin-bottom: 0;}
.ht-lgs a{color: #494949;}
.ht-lgs > li:first-child{background: url(/images/2020/hlb_bg_mo.gif) right center no-repeat;}
.ht-lgs .search-sw > span{background: url(/images/2020/search_hbt_mo.png) right center no-repeat;}


#container{padding: 30px 0 60px;}
.left-area{display: none;}
.content-area{float: none; width: auto; }


	.font-a1 {margin-left: 0px;}
	.step-box-s1 {margin-left: 0px;}
	.step-box-s1 ul li {float: none;width: 100%;}
	.step-box-s1 ul li div .font2 br{display:none;}
	.step-box-s1 ul li div{position:relative;}
	.step-box-s1 ul li div {padding: 89px 30px 53px 30px;}
	.step-box-s1 ul li div.b1 {background: 0;border: 3px solid #317f9d;height: auto;}
	.step-box-s1 ul li div.b1:after{content: '';position: absolute;left: calc(50% - 44px);top: 0;width: 88px;height: 73px;background: url(/images/2020/step-box-bg01.jpg) no-repeat left top;background-position: -128px 17px;}
	.step-box-s1 ul li div.b2 {background: 0;border: 3px solid #32809d;height: auto;}
	.step-box-s1 ul li div.b2:after{content: '';position: absolute;left: calc(50% - 44px);top: 0;width: 88px;height: 73px;background: url(/images/2020/step-box-bg02.jpg) no-repeat left top;background-position: -128px 17px;}
	.step-box-s1 ul li div.b3 {background: 0;border: 3px solid #7ab72d;height: auto;}
	.step-box-s1 ul li div.b3:after{content: '';position: absolute;left: calc(50% - 44px);top: 0;width: 88px;height: 73px;background: url(/images/2020/step-box-bg03.jpg) no-repeat left top;background-position: -128px 17px;}
	.step-box-s1 ul li div.b4 {background: 0;border: 3px solid #629225;height: auto;}
	.step-box-s1 ul li div.b4:after{content: '';position: absolute;left: calc(50% - 44px);top: 0;width: 88px;height: 73px;background: url(/images/2020/step-box-bg04.jpg) no-repeat left top;background-position: -128px 17px;}
	.step-box-s1 ul li div.b5 {background: 0;border: 3px solid #d26b0c;height: auto;}
	.step-box-s1 ul li div.b5:after{content: '';position: absolute;left: calc(50% - 44px);top: 0;width: 88px;height: 73px;background: url(/images/2020/step-box-bg05.jpg) no-repeat left top;background-position: -128px 17px;}
	h4.tit.s1{margin-left: 0px;}
	.cbg-tx1.s1{margin: 6px 0px 0 0px;}
	
	  .gnb{height:33px;overflow:hidden;background-size:contain;
        transition-duration:0.5s;
        -webkit-transition-duration:0.5s;
    }
     .gnb_m{background: #0c3584;height: 29px;width: auto;}
     
     .gnb_assembly{margin-left:4px; margin-top: 2px;}
     .gnb_assembly li{line-height:16px;}
     /*.gnb_assembly li a{font-size: 10px;}*/
     .ga01{display:none;}
     .ga02{display:none;}
     .ga01 a{display:none;}
     .ga02 a{display:none;}
     .gnb_sns{display:none;}                           
}

@media screen and (max-width: 768px) {
#wrap{min-width: 320px;}
.foot-con{margin-bottom: 15px}
.foot-apl{clear: both; float: none; width: auto; max-width: 420px; margin-left: 150px;}

.lss-tg{display: block; float: none; width: auto; margin-top: 10px;}


.brdl-tp1 > li > div > div .tt a{font-size: 20px;}
.brdl-tp1 > li > div > div .zl > span{font-size: 16px;}
/*.brdl-tp1 > li > div > div .zl > span{font-size: 16px; padding-right: 10px; margin-right: 6px;}*/
.brdl-tp1 > li > div > div .tid-tg > p{font-size: 20px; max-width: calc(100% - 90px);}
.brdl-tp1 > li > div > div .tid-tg > span{font-size: 16px;}

.ls-page .ibt img{height: 24px;}
.ls-page > span{margin: 0 6px;}
.ls-page > span > a{font-size: 14px; min-width: 20px; line-height: 20px; margin: 0; padding: 2px;}

.vw-zl > .zl{float: none; width: auto; margin-top: 6px;}
.vw-zl > .fil{float: none; width: auto; overflow: hidden; padding-left: 30px; background-size: 25px}
.vw-zl > .fil > li{float: left;}
.vw-zl > .fil > li > a{font-size: 16px;}

.vw-cbox{padding: 30px 4% 15px;}


.tab-ls > li > p > a{font-size: 16px;}


.con-box-area{padding: 0 10px;}
.allt-line > li > div.rt h3{margin-top: 50px;}
.txt-style{margin-left: 10px;}
.gr-txt br{display: none;}

.org-bk .t2 > li > p > span, .org-bk > ul > li > p, .org-bk .t2 > li > div{font-size: 16px;}
.org-bk .t2 > li > ul{padding: 10px; min-height: 100px}
.org-bk .t2 > li > ul > li{font-size: 14px;     line-height: 20px;     margin-top: 6px;}


.qna-ls > li > .qbk, .qna-ls > li > .abk{padding: 15px 0;}
.qna-ls > li > .qbk > div > span, .qna-ls > li > .abk > div > span{width: 50px;}
.qna-ls > li > .qbk > div > a{font-size: 20px; line-height: 24px;}
.qna-ls > li > .abk > div > div{font-size: 16px;}

.brd-il > li > div > a > span{font-size: 16px;}

.sjg-ls > li > div{padding: 10px 5px; font-size: 16px;}
.sjg-ls .tdtg{letter-spacing: -1px;}
.sjg-ls .tdtg > a{font-size: 20px; max-width: calc(100% - 80px);}
.sjg-ls.zlo .tdtg > a{max-width: calc(100% - 90px);}
.sjg-ls .tdtg > span{font-size: 16px;}

}

@media screen and (max-width: 600px) {
.hd-srtg input.search-ipt{    width: calc(100% - 130px); margin-right: 6px;}
.hd-srtg .search-bt{width: 100px;}

.foot-mk{float: none; width: 200px; margin: 0 auto;}
.foot-con{float: none; width: auto; max-width: 400px; margin: 10px auto 15px; }
.foot-apl{float: none; width: auto; max-width: 400px; margin: 0 auto;}
.foot-lk > li { margin-left: 6px; padding-left: 6px;}
.foot-lk > li a{letter-spacing: -1px;}


.lss-sel.w1, .lss-sel.w2{width: calc(50% - 2px);}
.lss-sel.w3{width: 100px;}
.lss-sel > div{padding: 5px 7px; padding-left: 35px; background-size: 20px;}
.lss-tg .lss-ipt{    width: calc(100% - 196px);}
.lss-tg .lss-bt{width: 80px;}


.brdl-tp1 > li{padding: 10px 5px;}
.brdl-tp1 > li > div{display: block;}
.brdl-tp1 > li > div > span{display: block; padding: 0; font-size: 14px; width: auto; text-align: left;}
.brdl-tp1 > li > div > div{display: block;}
.brdl-tp1 > li > div > div .zl{float: none;}
.brdl-tp1 > li > div > div .bt{float: none;}

.vw-ti{font-size: 24px;}
.vw-zl > .zl > div{padding-top: 6px;}
.vw-zl > .zl > p{margin-bottom: 6px;}
.vw-zl{padding: 11px 6px;}
.vw-zl > .zl > div .left, .vw-zl > .zl > div .right{float: none;}

.mcc-bk .tx-box{padding: 10px;}

.bg-txl > li > dl > dd{padding: 10px 3%;}
.txbk-st1 > dd{padding: 0 6px;}

.col-tbst1 th{font-size: 15px; padding: 10px 4px;}
.col-tbst1 td{font-size: 15px; padding: 10px 4px;}
.col-tbst2 th{font-size: 15px;}
.col-tbst2 td{font-size: 15px;}
.row-tbst1 th{font-size: 15px; height: auto;}
.row-tbst1 td{font-size: 15px;}

.vrfc-box{width: 220px; display: block; margin-right: 0; margin-bottom: 10px;}
.vrfc-ipt{display: block; width: auto;}

.brd-il > li{margin-left: 0; width: 50%;}
.brd-il > li > div > a > span{font-size: 15px;}


.site-map > li{width: 48%;}


.org-bk2 .t1 > li > p{width: 60%; padding: 20px 0; font-size: 16px;}
.org-bk2 .t1{ letter-spacing: -1px;}
.org-bk2 .t2 > li > p{font-size: 16px;}
.org-bk2 .t2 > li > ul{padding-top: 0; background: none; margin-top: 8px;}
.org-bk2 .t2 > li > ul > li{font-size: 15px; line-height: 20px; }
.org-bk2 .t2 .pt3{margin-top: 35px}
.org-bk2 .t2 .pt4{margin-top: 35px}
.org-bk2 .t2 .pt1 > p:before{  width: 5%; }
.org-bk2 .t2 .pt1 > p:after{ left: 105%; top: 50%; margin-left: -3px; }
.org-bk2 .t2 .pt2 > p:before{ right: 100%; top: 50%; width: 5%;  }
.org-bk2 .t2 .pt2 > p:after{ right: 105%; top: 50%; margin-right: -3px;  }
.org-bk2 .t2 .pt3 > p:before{ width: 5%; }
.org-bk2 .t2 .pt3 > p:after{ left: 105%; margin-left: -3px; height:60px; }
.org-bk2 .t2 .pt4 > p:before{ width: 5%; }
.org-bk2 .t2 .pt4 > p:after{ right: 105%; margin-right: -3px; height:60px;}

.dlp-cbk{padding: 0;}
.dlp-cbx{padding: 20px 3%;}
}

@media screen and (max-width: 520px) {
.allt-line > li{padding-left: 0;margin-bottom: 45px;}
.allt-line > li > div.lf{position: static;margin-bottom: 40px;}
}

@media screen and (max-width: 500px) {
.lb-ls > dd > ul > li{width: 50%; margin-bottom: 15px;}
.lb-ls > dd > ul > li:nth-of-type(2n + 1){clear: both;}

.mcc-bk .tx-box .ti, .mcc-bk .tx-box .cls{font-size:16px;}
.mcc-bk .tx-box .dt{font-size:14px;}


.tab-ls{display: block; border-top: 1px solid #007292; overflow: hidden;}
.tab-ls > li{display: block; border-top: none;}
.tab-ls.c3 > li{width: auto;}
.tab-ls.c5 {padding-left: 1px;}
.tab-ls.c5 > li, .tab-ls.c4 > li{width: 50%; float: left; }
.tab-ls.c5 > li:nth-of-type(even), .tab-ls.c4 > li:nth-of-type(even){ border-left: none;}

.tab-ls2 > li{float: none; width: auto; margin: 10px 5px 0;}
.tab-ls2.c3{margin-right: 0;}
.tab-ls2.c3 > li{width: auto;}

.btn-lg1{font-size: 20px;}

.his-ls{padding-left: 20px; padding-top: 15px; margin-top: 30px;}
.his-ls:before{width: 8px;}
.his-ls > li{margin-bottom: 30px;}
.his-ls > li > ul{margin-left: 0; padding: 0 10px;}
.his-ls > li > ul > li{font-size: 16px; line-height: 20px;}

.cbg-tx1{padding: 5px 15px;}
.book-ils > li{display: block; width: auto;}

.org-bk .t2:before{ margin-left: 3px; margin-right: -3px;}
.org-bk .t2 > li > p{margin-bottom: 100px;}
.org-bk .t2 > li > p:after{height: 100px;}
.org-bk .t2 > li > p > span{height: 40px;}
.org-bk .t2 > li > div{top: 60px;}
.org-bk .t2 > li > ul{padding: 10px 4px;}
.org-bk .t2 > li > p > span, .org-bk > ul > li > p, .org-bk .t2 > li > div, .org-bk .t2 > li > ul > li{font-size: 12px; line-height: 18px;}


}

@media screen and (max-width: 450px) {
.site-map > li{display: block; width: auto; padding: 0 2%; margin-bottom: 30px;}

.sjg-ls .flb > ul > li{padding-left: 0;}
.sjg-ls .flb > ul > li > div{position: static;}
}


@media screen and (max-width: 360px) {
.org-bk .t2:before{margin: 0;}
.org-bk .t2{margin-left: -4px;}
.org-bk .t2 > li{ width: calc(25% - 4px); margin-left: 4px;}

.brd-il > li{float: none; width: auto;}

.org-bk2 .t2 > li > p, .org-bk2 .t2 > li > .po,
.org-bk2 .t2 > li > ul > li{font-size: 14px;}
}


/* 2020/6/3 */
@media screen and (max-width: 600px) {
.vw-znc .left{float: none;}
.vw-znc .right{float: none;}
}
@media screen and (max-width: 450px) {
.vw-fll > li{display: block;margin-top: 15px;}
.vw-fll > li > div{display: block; width: auto; text-align: left;}
.vw-fll > li > p{display: block;}
.brd-pnlk > dl > dt{width: 60px; font-size: 16px; line-height: 18px;}
.brd-pnlk > dl > dd{font-size: 16px; line-height: 18px;}
}


/* 2020/6/23 */
@media screen and (max-width: 1024px) {
.foot-logo{width: 140px;}
.foot-lc{margin-left: 20px; width: 320px;}
.wa-mk{margin-left: 20px;}
.foot-nwap{width: 320px; margin-right: 0;}
.cen-btb2 {display:none;}
}

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

.foo-bm > div{position: relative; padding-top: 100px;}
.fb-lf{float: none; width: auto;}
.fb-lf:after{display: none;}
.foot-lc{float: none; margin-left: 0; width: auto; letter-spacing: 0;}
.foot-logo, .wa-mk{display: none;}
.foot-sns{float: none;text-align: center;margin-top: 10px;}
.cen-btb2 {display:none;}
.foot-sns > li {
    float: none;
	display: inline-block;
    margin-left: 3px;
	margin-right: 3px;
}

.fb-rt{float: none; width: auto; position: absolute; top: 0; left: 0; right: 0;}
.foot-nwap{float: none;  width: auto; max-width: 450px; }

.fz-imgs{padding: 0;}
.fz-imgs > .lf{float: none;width: 100%;margin-bottom: 30px;}
.fz-imgs > .rt{float: none;margin-left: 0;width: 100%;}
.fz-imgs > .rt > p br{display: none;}
}

@media screen and (max-width: 550px) {
.foot-nlk{float: none; text-align: center;}
.foot-nlk > li{float: none; display: inline-block; margin-left: 0; padding-left: 9px; margin-right: 5px;}
.foot-nlk > li > a{font-size: 14px;}

.foot-nwap{max-width: 420px; margin: 0 auto;}
.foot-lc{max-width: 420px; margin: 0 auto;}

.cen-btb2 {display:none;}
}
@media screen and (max-width: 360px) {
.foot-nlk > li > a{font-size: 13px; letter-spacing: -1px;}
.cen-btb2 {display:none;}
}