@charset "utf-8";

.m_gnb_wrap { display:none;}

@media only screen and (max-width:1024px){
.mVer-1024 { display:block;}
.pVer-1024 { display:none;}
.btn-print { display:none !important;}

#topMenu,
.tt_menu,
.all_menu,
#lnb
{ display:none;}

#gnb { min-width:100%}
#gnb .gnb_inner  { width:96%; padding:0 2%; text-align:center;}
#gnb .gnb_inner h1 { float:none; margin-right:0;  }

.m-total { position:absolute; right:3%; top:50%; margin-top:-26px; display:block;}
.m-total a  { width:53px; height:53px; display:block; position:relative; background:url(../images/common/btn_menu.png) 0 0 no-repeat; background-size:53px 53px; text-indent:-999999px; }

#container { width:94%; padding:0 3%; margin:0 auto 50px; min-height:auto !important;}
#contents { width:100%; float:left; padding-top:30px;  }
#m-inner { width:94%; padding:0 3%;}

#footer .footer_menu { line-height:50px; height:50px; }
#footer .footer_menu .fnb_inner { width:96%; padding:0 2%;  }
#footer .footer_menu .fnb_inner ul li { padding: 0 2% 0 2%; }
#footer .footer_inner { padding:15px 2% 20px 2%; width:96%; background: none; }
#footer .footer_inner address { padding-left:0;}
#footer .footer_inner p { right:2%; top:50px;}

 /* 모바일 메뉴 */
.m_gnb_wrap { display:block;}
.m_gnb_wrap .m_gnb_top { background:#fff url(../images/common/bg_test.png) no-repeat right 0; text-align:left;padding:15px 0 15px 20px; }
.m_gnb_wrap .m_gnb_top .logo img { width:90px; height:52px; display:inline-block; }
.m_gnb_wrap .m_cancel_btn{ position:absolute; right:20px; top:28px;  z-index:99; width:25px; height:25px;   }
.m_gnb_wrap .m_cancel_btn a { display:block; box-sizing: border-box; background:url(../images/common/m_btn_close.png) no-repeat 50% 50%; background-size:25px 25px;  width:25px; height:25px; text-indent:-999999px;}
.m_gnb_wrap { overflow-y:auto; position:fixed; left:-300px; top:0; width:300px; background:#32373c; height:100%; z-index:9999;  opacity: inherit;}
.m_gnb_wrap .m_navi > li > a{display:block; padding:18px 0 16px 25px; font-size:15px; font-weight:400;  color:#fff; background:#1171b9; }
.m_gnb_wrap .m_navi > li { position:relative; border-bottom:1px solid #408fca; box-sizing: border-box; }
.m_gnb_wrap .m_navi > li:last-child { border-bottom:0; }
.m_gnb_wrap .m_navi > li.on > a {background:#0b304c; font-weight:600; color:#fff; }
.m_gnb_wrap .m_navi > li.on .arrow { background:url(../images/common/m_gnb_arr_on.png) no-repeat 50% 50%; }
.m_gnb_wrap .m_navi .m_sub{ display:none}
.m_gnb_wrap .m_navi .m_sub> li > a{ display:block; padding:13px 0 13px 25px; border-bottom:1px solid #e5e5e5; background:#f5f5f5; color:#111; font-size:14px;}
.m_gnb_wrap .m_navi .m_sub> li > a:hover { font-weight:600; color:#fff; background:#444;  border-bottom:0;}
.m_gnb_wrap .arrow{width:17px; height:17px; position:absolute; right:15px; top:18px;  background:url(../images/common/m_gnb_arr.png) no-repeat 0 0; cursor:pointer;}
.m_gnb_bg{ display:none; position:fixed; left:0px; top:0; width:100%; height:100%; background:#000;  z-index:1;}

/* main */
#vis_con{  padding-top:40px;  }
#vis_con .txt {margin-bottom:20px; }
#vis_con .txt p {font-size:35px; margin-bottom:10px; line-height:35px;}
#vis_con .txt span  {font-size:20px; line-height:24px;}		
#vis_con .vcont { width:40%; height:270px; margin-right:3%; margin-bottom:2%;  }	
#vis_con .m-ico1,
#vis_con .m-ico2,
#vis_con .m-ico3, 
#vis_con .m-ico4 { background-position:50% 15%;}
#vis_con .m-ico2,
#vis_con .m-ico4 { margin-right:0;}
#vis_con .vcont dl { padding-top:120px; }	
#vis_con .vcont dl dd { margin-bottom:15px; }

#notice { width:48%; height:250px;}
#notice h3 a { width:100px; }
#notice .list { width:100%; height:200px; top:60px;  }
#notice .list li a {  width:70%; } 

/* 20190704 */
#nbanner_wp .bx-controls { display:none; }
#appBg {  width:50%; }
#appBg dl { left:8%; width:45%; }
#appBg dl dt { margin-bottom:3px;}
#appBg dl dt span { display:block; line-height:105%; }
#bnl-r { width:48%;}
#bnl-r div { width:49%; margin-right:2%; overflow:hidden;}
#bnl-r div a { width:100%; height:250px; padding: 30px 0; text-align:center; }
#bnl-r div a span.btn { margin:0 auto;  }
#customer { width:48%; background-image:none;}
#customer dl { padding:15px 0 0 30px;}
#customer dl dt { margin-bottom:0px; }
#customer dl dd.tell { line-height:105%; margin-bottom:3px;}
#customer dl dd.tell span { padding-left:0; display:block; font-size:16px;}
#customer ul { position:absolute; right:25px; top:27px;}
#customer ul li a { display:block; width:105px; height:28px; text-align:center; line-height:28px; background:#fff ; color:#1171b9; }
#customer ul li a.btn2 { background:none; border:1px solid #fff; box-sizing:border-box; color:#fff; margin-top:5px;}

#quick { width:48%; }
#quick div { border-right:0;}
#quick div a.q-ico1,
#quick div a.q-ico2,
#quick div a.q-ico3,
#quick div a.q-ico4 { background-position: 50% 35%}
#quick div a span { display:inline-block; padding-top:95px; font-size:14px;}


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

/* sub */
.nor-img img { width:100%; }
.i-helf img { width:45%; }

.define_bx .d-bx div.kg2b {  width:350px; } 
.kg2b-desc { padding:40px 5%; }
.edu-info dl { width:47.9%; margin: 0 4.1% 20px 0; }

.ing-busi div { width:32%; float:left; margin-right:2%; }
.ing-busi div dl dt img { width:100%;  }

.nTable>table th {padding:8px 0; } 
.nTable>table td {padding:7px 0;  line-height:20px;} 
.nTable>table>tbody>tr>.title .mVer{width:100%; padding-top:3px;}
.nTable>table>tbody>tr>.title .mVer>p{margin:0 5% 0 0; display:inline-block; vertical-align: top;}
.nTable>table>tbody>tr>.title .mVer.block{padding-top:0;}
.nTable>table>tbody>tr>.title .mVer.block>p{padding-top:3px; display:block;}
.nTable>table>tbody>tr>.title>a { font-weight:600;}

.cert p { width:20%; margin:0 2.5% 0 2.5%; }
.partner {padding:20px 3% 0;}
.partner span { width:140px; height:70px; border:1px solid #ddd; display:inline-block; margin:0 2% 10px 0; }
.partner span:nth-child(6n) { margin-right:2%;}

.bbs-write table td span.block { float:left; display:inline-block;  margin-bottom:0}

.vod iframe { width:100%;}

}

@media only screen and (max-width:1000px){
.strength dl dd { width:57%; padding-right:20px; }

.organization ul li .grade4{background-size:75% 30px;}
.organization ul li .grade4 ul li.dep1{  width:20%; margin: 0 2.5%;}

}