img{width:100%;}
.closebtn img{width:auto;}
.logo_foot{width:auto}
@media all and (max-width:1150px) {
  #gnb{width: 77.5%;}
  .gnbli{margin-left: 5%;}
  .login01{width: 60%;}
  .wtr08 .small{display: block;margin-top: 8px;}
  .logo_foot{width:auto}
}

@media all and (min-width:768px) and (max-width:1023px){
  .gnbMenu,.headcon,.allMenu{display: none;}
   #gnb{width: 5%; float: left;}
  .search{display: inline-block;}
  .logo{width: 90%;text-align: center;}
  .logo_foot{width:auto}
}

@media all and (max-width:1023px){
  .footSitemap,.menuSubBtn,.directions_link{display: none;}
  .M_menuSubBtn{display: block;}
  .f_shortcuts{width: 69.5%;margin-top: 15px;}
  .f_info{height: 200px;padding: 30px 15px;}
  .snsul{margin-top: 0;display: inline-block;float: right;}
  .f_text{width: 68%;}
  .f_logo{width: 30%;}
  .bx-wrapper,.bx-wrapper img{width: 100%;}
  .mvisualT,.manulinkbg{display: none;}
  .mvisualwrap{position: relative;}
  .m_mvisualT{box-sizing: border-box;display: block;position: absolute;bottom: 0;width: 100%;height: 55px;line-height: 55px;background:#000;background: rgba(0,0,0,0.7);color: #FFF;font-size: 18px;padding-left: 18px;font-weight: bold;}
  .conul{background:#ecedef;padding-top: 15px;}
  .conul>li{width: 50%;padding: 15px;background: #FFF;margin-bottom: 15px;position: relative;height: 325px;}
  .con01,.con02{border-right: 0;}
  .conul>.con04{display: inline-block;padding: 25px 20px;}
  .con01:after,.con03:after{content: '';display: inline-block;height: 295px;border-right: 1px #d6d6d6 solid;position: absolute;right: 0;top: 15px;}
  .m_link01,.m_link04,.m_link05{margin-top: 15px;}
  #gnb{height: 80px;}
  #subwrap{display: none;}
  .contents{float: none;width: 96%;margin: 0 auto;padding: 30px 2% 130px;}
  .location{margin-right: 10px;}
  .s_group{width: 91%;}
  .f_banner{text-align: center;padding: 0;}
  .relation>li{width: 33%;padding: 15px 0;}
  .bB8d9{border-bottom: 1px #8d9fb1 solid;}
  .login01{width: 62%;margin-right: 1%;}
  .login_bg{padding: 16px 10px;}
  .conbox01,.conbox02,.conbox03{width: 50%;margin-right: 0;border: 0;height: 375px;}
  .conbox04{width: 50%;margin-right: 0;height: 375px;padding: 20px 15px;}
  .conbox05{width: 100%;padding: 20px;}
  .maincon{background-image: none;background-color: #ecedef;padding-top: 25px;}
  .con{background: #FFF;position: relative;}
  .p_intro,.bx-wrapper .bx-pager{display: none;}
  .m_intro{display: block;}
  .conbox01:after{content: '';display: inline-block;height: 380px;border-right: 1px #e5e5e5 solid;position: absolute;right: 0;top: 15px;}
  .conbox03:after{content: '';display: inline-block;height: 380px;border-right: 1px #e5e5e5 solid;position: absolute;right: 0;top: 15px;}
  .con{margin:0;margin-bottom: 25px;}
  .reference a{padding-top: 108px;}
  .info_a,.m_intro{width: 100%;}
  .m_intro{height: 243px;}
  .titleh3{margin-bottom: 10px;}
  .reference>li{width: 25%;}
  .info_b{background-position:77%;}
}

@media all and (min-width:1px) and (max-width:767px){
	.logo_foot{width:auto}
  .mdth02{width: 71%;}
  .mbr02{display: none;}
  .m_br{display: block;}
  .mB35{margin-bottom: 20px;}
  .mT30{margin-top: 15px;}
  .contents{min-height: auto;}
  .gnbMenu,.headcon,.allMenu,.linkul,.bg000,.tablet_header,.relation{display: none;}
  .mobile_menu{position: absolute;width: 100%;top: 80px;}
  #gnb{width: 10%;float: left;/*text-align: right;*/}
  .search{display: inline-block;width: 10%;}
  .logo{width: 80%;text-align: center;}
  .logo a{width:160px;}
  .m_Menuul>li,.m_logout a{font-size: 18px;}
  .depul{font-size: 16px;}
  .f_shortcuts select{display: none;}
  .f_shortcuts input{display: none;}
  .f_text{width: 100%;margin-top: 15px;font-size: 12px;}
  .f_logo{width: 50%;}
  .f_info{position: relative;height: 195px;}
  .f_shortcuts{position: absolute;top: 12px;right: 18px;}
  .m_relation{display: block;}
  .f_banner{padding: 20px 0;}
  .search_click{padding: 13px 25px;height: 65px;}
  .search_click input{width: 73%;margin-right: 13px;font-size: 14px;}
  .search_click a{width: 21%;font-size: 22px;height: 39px;line-height: 39px;}
  .gnbdivover{height: 80px;border-bottom: 1px #cecece solid;margin-bottom: 10px;}
  .mvisualwrap{border-top: 1px #cecece solid;}
  .M_menuSubBtn,.search,.logo a{line-height: 80px;}
  .btnMenuAll,.search a{width: 25px;}
  .btnMenuAll{border: 0;}
  .btnMenuAll img{width: 100%;}
  .snsul>li{width: 20px;margin-left: 2px;}
  .linkbox a{color: #929292;}
  .m_mvisualT{font-size: 14px;height: 40px;line-height: 40px;padding-left: 5px;}
  .loginul{text-align: center;}
  .loginul>.login01{display: none;}
  .loginul>.login04{display: inline-block;}
  .login04 a{font-size: 16px;color: #777777;}
  .login04 a::after{content: '';display: inline-block;width: 1px;height: 16px;background-color: #cacaca;vertical-align: middle;margin: 0 10px 0 16px;}
  .conbox01,.conbox02,.conbox03{width: 100%;padding: 0 25px 15px 18px;height: auto;}
  .conbox04{width: 100%;height: auto;padding: 0;}
  .login02 a,.login03 a,.login04 a{font-size: 14px;}
  .login_bg{border-bottom: 1px #cecece solid;}
  .con{border-top: 1px #cecece solid;border-bottom: 1px #cecece solid;margin-bottom: 20px;}
  .titleh2{left: -3px;font-size: 16px;}
  .dateT,.titleh3{font-size:15px;}
  .newstext{font-size: 13px;height: 70px;}
  .newsbox{padding-bottom:15px;margin-bottom:15px;height:150px;overflow:hidden;}
  .newsT a,.newul h4,.newul p{font-size: 13px;}
  .info_link a,.info_b{font-size: 14px;height: 42px;line-height: 42px;}
  .m_intro{height: auto;}
  .reference>li{width: 50%;}
  .reference>.refli02{border-right: 0;}
  .reference>.refli01,.reference>.refli02{border-bottom: 1px #dbdbdb dashed;}
  .reference a{padding-top:78px;background-position: 50% -13px;margin-bottom: 13px;}
  .conbox05{padding: 15px;}
  .maincon{padding-top: 20px;}
  .titbox{margin-bottom: 45px;}
  .conbox01:after,.conbox03:after{display: none;}
  .tith3_a{margin-bottom: 8px;display: block;}
  .newul h4{margin-bottom: 4px;}
  .contents{min-height: auto;padding: 10px 2% 40px;}
  .stitleh3{font-size: 20px;margin-bottom: 20px;}
  .s_tith4,.s_tith5{margin-bottom: 10px;font-size: 15px;line-height: 1.3;}
  .sub_t,.tableT,.boxf8 strong{font-size: 13px;}
  .tbox{margin-bottom: 25px;}
  .boxf8,.popT,#boxf8{padding: 10px;}
  .proL01,.proL03{width: 71%;float: right;}
  .proL03{margin-right: 0;}
  .proR01{width: 71%;}
  .proR02{width: 96%;}
  .procedure_box{padding: 10px 5px;}
  .procedure_box li{margin-bottom: 4px;}
  .popT{height: 250px;}
  .popT h5{font-size: 16px;}
  .board_table th,.board_total,.board_viewT th,.pnT th{font-size: 14px;}
  .board_table td,.board_viewT td,.viewbox,.pnT td{font-size: 13px;}
  .board_viewT td{padding: 10px 0 10px 0px;}
  .board_table .taL{padding: 10px 0 10px 10px;}
  .pagination a{font-size: 10px;}
  .board_viewT .viewth{padding-left:2%;}
  .Tth01,.pnTt01{width: 23.5%;}
  .list_btn a,.btn513,.btn475{font-size: 14px;width: 120px;height: 35px;line-height: 35px;}
  .p_info{min-width:100px;width:80%;margin:0 auto 20px;}
  .upload_img{height:60px;}
  .upload_img img { width:100%;}
  .uploadT{font-size:12px;}
  .pop_subT{font-size: 14px;}
  .upload a{font-size: 15px;width: 135px;}
  .subTbox{padding-bottom: 20px;margin-bottom: 20px;}
  .pop_contents .s_group{width: 95%;}
  .pop_box{padding: 10px;}
  .poptr01 input,.poptr02 input{width: 46%;}
  #popupTable select{font-size: 13px;}
  .dninfobox{padding: 10px;}
  .dninfobox dt,.tabul a,.co777fs17B,.noticep label,.pointColorPortal strong{font-size: 14px;}
  .dninfobox dd,.pt01,.pt02,.privacyT02 th{font-size: 13px;}
  .agreetxt{font-size: 12px;margin:10px 0 20px;}
  .col56fs17B{font-size: 14px;}
  .tabul>li{display:table;width: 32%;}
  .tabul a{display:table-cell;padding:0 8px;font-size:12px;line-height:16px;min-height:40px;vertical-align:middle;text-align:center;}
  .pt02 input{width: 46%;height: 30px;}
  .cdimg{display: none;}
  #boxf8 span{width: 100%;font-size: 13px;}
  .privacyT02 td{font-size: 13px;padding: 8px 0;padding-left: 5px;}
  .wt01{width: 16%;}
  .wt02{width: 26%;}
  .wt02.input02{width: 35.5%;}
  .privacyT02 input,.privacyT02 select,.privacyT02 textarea{padding-left: 0;font-size: 13px;}
  .privacyT02 input,.privacyT02 select{height: 25px;}
  .wtr02 .input02 input{width: 25%;}
  .wtr06 input{width: 28%;}
  .wtr06 select{width: 32%;}
  .privacyT02 .cold47{display: block;}
  .wtr08 input,.wtr09 input,.wtr10 input{width: 77%;}
  .small,.search_btn{font-size: 12px;}
  .btnBox a{width: 129px;height: 40px;line-height: 40px;font-size: 14px;}
  .board_search{width: 100%;margin-top: 10px;}
  .board_search input{width: 48.5%;font-size: 13px;}
  .board_search select{margin: 0 1.2% 0 0;font-size: 13px;}
  #privacyT .input02 input{width: 24%;}
  .fs14d47{font-size: 11px;}
  #joinT .sub_t{font-size: 13px;}
  #privacyT02 .wtr06 select,#privacyT02 .wtr06 input{width: 26%;}
  .overlap{height: 25px;line-height: 25px;font-size:11px;margin-left: 0;}
  #privacyT02 th{padding-left: 2%;}
  #privacyT02 .wt01{width: 18%;}
  #privacyT02 .input02 input{width: 23%;}
  #privacyT02 .wtr06 input{width: 46%;margin-bottom: 5px;}
  #privacyT02 .wtr06 select{width: 46%;margin-left: 0;}
  .overlap{width: 65px;}
  .top_s{display: none;}
  .login_member{ padding: 35px 15px 20px;}
  .login_icon{left: 42%;}
  .login_member input,.j_link a{font-size: 14px;}
  .member_box{padding: 45px 0;}
  .Mth01{width: 30%;}
  .Mth02{width: 40%;}
  /* sitemap  */
  .sitemapOuter .sitemapInner { padding:10px 0 40px; width:90%;}
  .sitemapOuter .sitemapInner .one_depth { margin:0 1.5% 0 0; width:47.7% !important;}
  .sitemapOuter .sitemapInner .one_depth:nth-child(2) { margin:0 0 0 1.5%;}
  .sitemapOuter .sitemapInner .one_depth .sitemapTitle { padding:20px 0 5px; font-size:13px; border-bottom:2px solid #959595;}
  .sitemapOuter .sitemapInner .one_depth > ul > li { padding:5px 8px;}
  .sitemapOuter .sitemapInner .one_depth > ul > li > a { font-size:12px;} 
  .sitemapOuter .sitemapInner .one_depth .two_depth { padding:0 4px;}
  .sitemapOuter .sitemapInner .one_depth .two_depth > li { padding:0;}
  .sitemapOuter .sitemapInner .one_depth .two_depth > li > a { font-size:12px;} 
}

@media (max-width: 465px){
	.logo_foot{width:100%}
  .logo{width: 75%;}
  .search{width: 12%;}
  #gnb{width: 13%;}
  .uptr03 select,.uptr03 input{width: 26%;}
  .uptr04 input{width: 24.7%;}
  .tableT .taL{padding-left: 3px;}
  .tableT td{padding: 5px 3px;}
  #popupTable .uptr04 select{width: 87%;margin-left: 0;font-size: 13px;}
  #popupTable input,#popupTable select{width: 91%;height: 25px;margin-bottom: 3px;}
  #popupTable .uptr04 input{width: 40%;}
  .upload .next_btn{width: 22%;}
}

@media all and (max-width:374px){
  .logo_foot{width:100%}
  .m_mvisualT{font-size: 12px;}
  .Related{width: 73%;}
  .move{width: 20%;}
  .search_click a{width: 21%;font-size: 20px;}
  .search_click input{width: 72%;}
  .search_click{padding: 13px;}
  .linkbox a{margin-right: 6px;}
  #popupTable input,#popupTable select{width: 86%;}
  #privacyT th,#privacyT02 th{padding-left: 2%;}
}