@charset "utf-8";


@media only screen and (max-width:840px){
.pVer{display:none !important;}
.mVer{display:block;}
.mb40 { margin-bottom:30px!important; }
.mb30 { margin-bottom:20px!important; }

#gnb { height:70px;}
#gnb .gnb_inner h1 { padding-top:15px;} 
#gnb .gnb_inner h1 a { width:73px; height:42px; margin:0 auto; background-size:73px 42px;}

#m-inner { margin:30px auto; } /* 20190704 */
.m-total { margin-top:-17px; }
.m-total a  { width:35px; height:35px; background-size:35px 35px; }

#notice { width:100%; }
#notice h3 a { width:150px; }
#notice .list li a { width:75%; } 
#bnl-r { width:100%; float:left; margin-bottom:30px;}
#bnl-r div a { width:100%;  }
#bnl-r div{ background-size:cover !important; }
#quick { width:100%; height:100px; border:none;margin-bottom:30px;}
#quick div a.q-ico1,
#quick div a.q-ico2,
#quick div a.q-ico3,
#quick div a.q-ico4 { background-position: 50% 0}
#quick div a span { padding-top:75px;  }
#customer  { width:100%;  }
#customer dl { padding:30px 0 0 30px;}
#customer dl dt { margin-bottom:5px; }
#customer dl dd.tell { margin-bottom:5px;}
#customer dl dd.tell span { padding-left:5px; display:inline-block; }
#customer ul { position:absolute; right:25px; top:27px;}
#customer ul li a { width:100px; }

#main_coop .coop_wp .coop_con{width:448px;margin:0 auto;overflow:hidden;}

#contents .toptitle { margin-bottom:20px;  }
#contents .toptitle h3 { font-size:26px; } 
#s-visual { height:105px;   }
#s-visual p {  font-size:20px; padding-top:30px; }
#s-visual p span { font-size:13px;}
#s-visual .vis-s1 { height:105px; background-size:cover;   } 
#s-visual .vis-s2 { height:105px; background-size:cover;   } 
#s-visual .vis-s3 { height:105px; background-size:cover;   } 
#s-visual .vis-s4 { height:105px; background-size:cover;   } 
#s-visual .vis-s5 { height:105px; background-size:cover;   } 

.btn_pg_prev { margin-top:-15px; width:30px; height:30px; left:0; }
.btn_pg_prev a { background-size:30px 30px; width:30px; height:30px;  }
.btn_pg_next { margin-top:-15px; width:30px; height:30px; right:0; }
.btn_pg_next a { background-size:30px 30px; width:30px; height:30px;  }

#footer .footer_menu { line-height:40px; height:auto; border-bottom:0;}
#footer .footer_menu .fnb_inner { width:100%; padding:0;  }
#footer .footer_menu .fnb_inner ul li {float:left; padding: 0; background:none; width:33.3%; border-bottom:1px solid #474f56; border-right:1px solid #474f56; box-sizing:border-box; text-align:center;}
#footer .footer_menu .fnb_inner ul li:nth-child(3) { border-right:0;}
#footer .footer_menu .fnb_inner ul li a {  color:#fff; font-size:12px;}
#footer .footer_inner address { text-align:center; font-size:12px; line-height:18px;}
#footer .footer_inner p { display:none;}
#btn-top { display:none;}

h4 { font-size:16px; background-size:17px 18px;  padding-left:25px; line-height:18px; margin-bottom:10px;}
.i-helf img { width:90%; }
.ds-block { display:block; }

.tab-ty { margin-bottom:20px; }
.tab-ty ul li {  display:table-cell; width:50%; }
.tab-ty ul li a { line-height:35px; font-size:13px;}
.tab-ty ul li a:hover,
.tab-ty ul li a.on { background-position: 18% 50%; padding-left:10px; }

.define_bx {margin-bottom:30px; }
.chk-bx { padding:30px 25px; margin-bottom:30px; }

.define_bx .d-bx div.kg2b {  width:250px; } 
.define_bx .d-bx div.kg2b dl dt { font-size:18px; } 
.define_bx .d-bx div.kg2b dl dd.s-ty { font-size:14px; } 

.kg2b-desc { width:100%; }
.kg2b-desc p { width:100%; display:block; vertical-align:top; text-align:center; margin-bottom:20px;}
.kg2b-desc div { width:100%; display:block; vertical-align:top;}	

.edu-info dl dd ul li p { float:right; width:90%;  }

.strength { margin-bottom:30px;}
.strength dl { height:290px; width:32%; float:left; margin-right:2%; }
.strength dl:last-child { margin-right:0;} 
.strength dl dt {  float:none; display:block; height:135px; width:100%;}
.strength dl dt.bg1,
.strength dl dt.bg2,
.strength dl dt.bg3 { background:none; }
.strength dl dt.bg1 p,
.strength dl dt.bg2 p,
.strength dl dt.bg3 p { width:100%; }
.strength dl dt p span { font-size:14px; line-height:18px; text-align:center; padding: 85px 0 0 0; height:50px; display:block; vertical-align:top;  }
.strength dl dt p span.ico1,
.strength dl dt p span.ico2,
.strength dl dt p span.ico3 { background-position: 50% 10px;}
.strength dl dd { width:90%; float:none; padding:15px 5%; display:block; height:125px; }
.strength dl dd ul li {  font-size:13px;}

.ing-busi { margin-bottom:30px; }

.cert { margin:0;}
.cert p { width:30%; margin:0 1.5% 0 1.5%; }
.cert p span { min-height:35px;}

.ideology {  height:100%; background:url(../images/contents/ideology_bg.png) 100% 100% no-repeat; background-size:300px 264px;   }
.ideology dl { margin-bottom:20px;  }
.ideology dl dt { font-size:20px; }
.ideology dl dd { font-size:15px; }
.ideology ul { width:60%  }
.ideology ul li { font-size:14px; line-height:23px;}

.gret { background-position: right bottom; background-size:200px 228px; padding-bottom:50px; }
.gret p.tit { font-size:20px; margin-bottom:20px; }
.gret ul { width:100%; }
.gret ul li { margin-bottom:15px; line-height:23px; }

.year-tab { width:100%; margin:0 0 20px 0; text-align:center;}
.year-tab ul li a { font-size:14px;  }
.year-wrap dl { margin-bottom:20px; padding-bottom:20px; }
.year-wrap dl dt { font-size:20px; }
.year-wrap dl dd { width:86%; margin-top:5px;}
.year-wrap dl dd span { width:35px; font-size:15px; }
.year-wrap dl dd p {  width:90%; line-height:22px; }

.div-half { overflow:hidden; margin-bottom:30px; }
.div-half div { width:100% }
.div-half div:first-child { margin-bottom:30px; }
.div-half div dl { min-height:auto; padding:15px 15px 20px 15px;  }
.div-half div dl dt {  width:19%; }
.div-half div dl dd { width:73%;  }

.vod iframe { height:280px;}

#appBg {  width:100%; background-size:cover;  } /* 20190704 */
}


@media only screen and (max-width:700px) {
#contents { padding-top:25px;  }
#contents .toptitle h3 { font-size:20px; }
#contents .toptitle #location ul li { padding:0 10px; background:url(../images/common/loc_arrw.gif) 0 50% no-repeat; font-size:12px; }
#contents .toptitle #location ul li.home { background:url(../images/common/loc_home.gif) 0 50% no-repeat; background-size:12px 12px;}
.edu-info dl { width:100%; margin: 0 0 10px 0; }
.edu-info dl dd { min-height:auto; overflow:hidden; padding:15px 20px 20px 20px; }

}

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


#header { background:#006bbc; }
#gnb { height:60px;}
#gnb .gnb_inner h1 { padding-top:9px;} 
#gnb .gnb_inner h1 a { width:73px; height:42px;  background:url(../images/common/h1-mv.png) 0 0 no-repeat; background-size:73px 42px;}
.m-total a  { width:35px; height:35px; background:url(../images/common/btn_menu_m.png) 0 0 no-repeat; background-size:35px 35px;   }

#m-inner { margin:10px auto 30px; }
#m-container{ width:100%;   }
#m-container #mvisualArea{ height:auto; width:100%; }
/*#nbanner_wp { display:none; }*/
#nbanner_wp .txt{ display: block; position: absolute; z-index: 999; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); }
#nbanner_wp .txt p{ color: #fff; font-size: 22px; font-weight: 600; }
#nbanner_wp .txt span{ color: #fff; font-size: 16px; font-weight: 300; }
#nbanner_wp .banWrap .bx-viewport{ height: 200px !important; }
#nbanner_wp .banWrap .nbanner .slider.ban{ height: 200px !important; }

.vis_con_wrap{ width:100%; overflow: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
#vis_con { position:relative; width:100%; padding:0 3%; text-align:left; margin-top:20px;   }
#vis_con .vcont { float:left; width:46%; height:200px; margin-right: 2%; border:1px solid #ddd; box-sizing:border-box;  -webkit-transition: .0s; transition: .0s; overflow: hidden;  }
#vis_con .vcont:nth-child(3),
#vis_con .vcont:nth-child(5){ margin-right: 0; }
#vis_con .txt { display:none; }
#vis_con .vcont dl { padding: 20px 10% 20px 10%; text-align:left;   }
#vis_con .vcont dl dt { font-size:16px; color:#fff; letter-spacing:-0.05em; margin-bottom:100px; line-height:18px;}
#vis_con .vcont dl dd { font-size:12px; color:#fff; letter-spacing:-0.05em; line-height:15px;}
#vis_con .vcont span { display:none;}
#vis_con .m-ico1,
#vis_con .m-ico1:hover { background:#006bbc url(../images/main/main_ico01_w.png) 50% 50px no-repeat;}
#vis_con .m-ico2,
#vis_con .m-ico2:hover { background:#222 url(../images/main/main_ico02_w.png) 50% 50px no-repeat;}
#vis_con .m-ico3,
#vis_con .m-ico3:hover { background:#9BACBA url(../images/main/main_ico03_w.png) 50% 50px no-repeat;}
#vis_con .m-ico4,
#vis_con .m-ico4:hover { background:#598DE8 url(../images/main/main_ico04_w.png) 50% 50px no-repeat;}

#vis_con .m-ico2:hover dt,
#vis_con .m-ico4:hover dt { color:#fff; }
#vis_con .m-ico2:hover dd,
#vis_con .m-ico4:hover dd { color:#fff; }


#notice { height:200px; }
#notice h3 a { height:40px; line-height:38px;  font-size:15px;}
#notice .list { top:50px; height:150px;  }
#notice .list li { line-height:25px;  } 
#notice .list li a { font-size:14px; }
#notice .more a { width:40px; height:40px;line-height:40px; }

#appBg { height:210px; background-position: 0 100%; margin-bottom:10px; }
#appBg dl {  top:15%;  }
#appBg dl dt { font-size:24px; line-height:120% !important; margin-bottom: 10px; }
#appBg dl dd { line-height:120% !important; font-size:14px;}
#appBg dl dd a{ display: block; }
#appBg dl dd span{ margin-top: 15px; padding:0 20px; height:28px; line-height:26px; }
#appBg .appImg {width:150px; height:192px; }
#appBg .appImg img {width:150px; }

#bnl-r { height:auto; margin-bottom:20px; }
#bnl-r div { width:100%; height:185px; margin-right:0; margin-bottom:10px;}
#bnl-r div a {  height:190px; padding: 20px 0; }
#bnl-r div a span.tit { font-size:18px; line-height:23px; margin-bottom:70px;}
#bnl-r div a span.desc { margin-bottom:15px;}

#customer  { height:170px; margin-bottom:25px;  }
#customer dl { padding-top:25px;}
#customer dl dt {  margin-bottom:7px; }
#customer dl dd.tell { font-size:20px;}
#customer dl dd.tell span { font-size:13px;}
#customer ul { position:absolute; left:30px; top:115px; overflow:hidden;}
#customer ul li { float:left; margin-right:5px; }
#customer ul li:last-child{ margin-right: 0; }
#customer ul li a { width:100px; height:30px; line-height:30px; }
#customer ul li a.btn2 { margin-top:0;}

#quick { height:100px; text-align:center; }
#quick div { width:80px; height:80px; float:none; display:inline-block;  background:none;  }  /* 20190704 */
#quick div a { border:1px solid #d6dfee; border-radius:50%; box-sizing:border-box;}
#quick div a.q-ico1 { background-size:50px 52px; background-position: 50% 45%;  }
#quick div a.q-ico2 { background-size:59px 52px; background-position: 43% 45%;  }
#quick div a.q-ico3 { background-size:48px 52px; background-position: 51% 43%;  }
#quick div a.q-ico4 { background-size:41px 52px; background-position: 48% 45%;  }
#quick div a span { padding-top:85px}

#main_coop .coop_wp .coop_con{width:222px;margin:0 auto;overflow:hidden;}

#contents .toptitle #location { display:none;}
#s-visual { width:100%;  }
#s-visual p { font-weight:600;}
#s-visual p span { display:none;}
#s-visual ul.loc { display:inline-block;  }
#s-visual ul.loc li { float:left; padding:0 10px 0 10px; background:url(../images/common/loc_arrw.png) 0 50% no-repeat; color:#fff; font-size:12px; }
#s-visual ul.loc li strong { color:#fff; }
#s-visual ul.loc li.home { background:url(../images/common/loc_home.png) 0 50% no-repeat; background-size:12px 11px; text-indent:-99999px;}


h5 { padding-left:15px; font-size:16px; line-height:20px;}

.define_bx .d-bx .site-img { width:100%; display:block; vertical-align:top; text-align:center; margin-bottom:10px; }
.define_bx .d-bx .site-img img { width:100%; height:100%;  }
.define_bx .d-bx div.kg2b {  width:100%; display:block; vertical-align:top;  } 
.define_bx .d-bx div.kg2b dl dt { font-size:16px; } 

.edu-info dl dd ul li p { float:right; width:91%;  }

.strength dl dt {  height:70px;  }
.strength dl dt p span { padding: 0 0 0 70px; text-align:left; height:70px; display:table-cell; vertical-align:middle;  }
.strength dl dt p span.ico1,
.strength dl dt p span.ico2,
.strength dl dt p span.ico3 { background-position: 15% 50%; background-size:40px 40px;}
.strength dl { height:auto; width:100%; float:left; margin-right:0; }
.strength dl dd { height:auto; }

.ing-busi div { width:100%; float:none; margin-right:0; margin-bottom:20px; }
.cert p { width:44%; min-height:265px; margin:0 3% 3% 3%; }

.organization ul.overall {position:relative; background:url(../images/contents/organ_bg_mobile.png) no-repeat center 110px; overflow:hidden;}
.organization ul li .grade1{margin-bottom:210px;}
.organization ul li .grade2 ul li { margin-bottom:10px;} 
.organization ul li .grade4{ background:none; padding:0;  }  /* ���� */
.organization ul li .grade4 ul li.dep1{  width:100%; margin: 0 0 5px 0;}
.organization ul li .grade4 ul li:last-child { margin: 0 0 0 0;}
.organization ul li .grade5{ background:none; padding-top:10px; }
.organization ul li .grade5>ul>li{ width:100%; margin: 0 0 5px 0;}

.searchBx { float:left; width:100%;  margin:10px 0 20px 0; }	
.searchBx select { width:25%; }
.searchBx input[type="text"]  { width:60%;}
.searchBx button{ float:right;}

.nTable{ margin-bottom:20px;}
.nTable>table>tbody>tr>.title{padding:10px 10px;  }
#board_view .bdview_wp .view_title { line-height:23px; padding:10px;}
#board_view .bdview_wp .view_date{  line-height:23px; padding:10px;}

.btnArea span.fr { float:none !important; }

.year-tab ul li { float:left; padding:0 0.5% 0.5% 0; width:32.80%; }
.year-tab ul li a { font-size:13px; letter-spacing:-0.05em; height:32px; line-height:32px; }
.year-wrap dl dt { font-size:18px; }
.year-wrap dl dd { width:82%; margin-top:5px;}
.year-wrap dl dd span { font-size:14px; width:30px; }
.year-wrap dl dd p {  width:83%;}

.bbs-write table th { min-width:90px; padding:8px; font-size:13px; word-break:break-all; white-space:normal; text-align:center;}
.bbs-write table th img { padding:5px 5px 0 5px;}
.bbs-write table td { padding:8px 0 8px 8px;}
.bbs-write table td input[type="text"] { width:99%;} 
.bbs-write table td .pwd-ok { display:block; margin-top:5px;}
.bbs-write table td .pwd-refusal { display:block; margin-top:5px;}
.td-desc { margin-left:0; margin-top:5px; }
.bbs-write table td .w30p { width:32.5% !important;}
.bbs-write table td.td-chk span { margin-right:0; width:49%; display:inline-block;}

.div-half div dl dt {  width:20%; }
.div-half div dl dd { width:74%;  }

.gret p.tit { font-size:18px; margin-bottom:10px; line-height:130%; }
.gret { background:none; padding-bottom:0; }

.ideology { background:none;}
.ideology dl { width:100%  }
.ideology ul { width:100%  }

.define_bx {  padding: 25px 0 0 0; width:100%; margin-bottom:20px;   }
.define_bx .d-bx { padding: 0 3% 25px 3%;   }
.top-con dt { font-size:14px; } 
.top-con dd { font-size:13px; line-height:18px; } 

.vision-bg { height:100%; background:none; padding-left:0;}
.org-bg { height:100%; background:none; padding-left:0;}
.his-bg { height:100%; background:none; padding-left:0;}
.incrut-bg { height:100%;  background:none; padding-left:0;}
.cert-bg { height:100%;  background:none; padding-left:0;}
.map-bg { height:100%;  background:none; padding-left:0;}
.manag-bg { height:100%;  background:none; padding-left:0;}
.adv-bg { height:100%;  background:none; padding-left:0;}
.vod-bg { height:100%;  background:none; padding-left:0;}

.ft-bl { line-height:18px;}
}

@media only screen and (max-width:460px){
	
#notice h3 a { width:120px; }	
#notice .list li a {  width:65%; } 

.searchBx input[type="text"]  { width:55%;}

.organization ul li .grade1 .mayor{ width:110px; height:95px; padding:15px 0 0; border-radius:55px;  }  /
.organization ul li .grade1 .mayor strong{  font-size:18px; }
.organization ul li .grade1 ul li.grade3{ right:0; top:135px; width:100%;} /* ��������� */
.organization ul li .grade2 ul li span {width:100%;}

.bbs-write table td .w30p { width:32% !important;}
}

@media only screen and (max-width:360px){
.searchBx input[type="text"]  { width:52%;}

}