/* Å×ºí¸´ */
@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;}
  .footSitemapWrap { display:none; }
  .relatedSystem ul li { width:24.5%; min-width:145px; }
  .relatedSystem ul li.long{ margin:0;}
  .relatedSystem ul li.mHide{ display:inline-block;}
  #footer .footInnerWrap { width:95%; margin:0 auto; padding-bottom:20px;}
  #footer .footLogo { width:22%; padding:15px 0; }
  #footer .footInnerWrap .footPolicyWrap { float:left; width:72%; padding:35px 0 25px 30px;}
  #footer .footInnerWrap .footPolicy > li { position:relative; float:left; padding: 0 20px 15px 0; }
  #footer .footPolicy li:last-child { display:none; }
  #footer .footSnsWrap { position:relative; top:25px; right:auto; }
  #footer .footSns { position:absolute; padding:0; right:0; bottom:5px;}
  #footer .footSns.type1{ position:relative; padding:30px 0 0; bottom:0;}
  .mainQuickmenu {display:none;}
}

@media all and (max-width:1023px){
  #gnb{width: 5%;}
  .login01{width: 46%;}
  .wtr08 .small{display: block;margin-top: 8px;}
  .maincon {background-image:none;}
  .main #content{background-color: #ecedef;}
  .footSitemap{display: none;}
  .gnbdivover{border-bottom: 1px #bfbfbf solid;padding: 0 10px;}
  .footh4{width: 18%;margin-top: 26px;}
  .f_shortcuts{width: 69.5%;margin-top: 15px;}
  .f_info{height: 210px;padding: 30px 15px;}
  .directions_link{display: none;}
  .snsul{margin-top: 0;display: inline-block;float: right;}
  .f_text{width: 68%;}
  .f_logo{width: 30%;}
  .menuSubBtn{display: none;}
  .M_menuSubBtn{display: block;}
  .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;}
  #wrap{overflow-x: hidden;}
  #subwrap{display: none;}
  #content{padding-bottom: 0;}
  .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;}
  .maincon{background: 0;}
  .con{width: 50%;margin: 0;border: 0;background: #FFF;position: relative;margin-bottom: 20px;}
  .conbox01:after{content: '';display: inline-block;height: 285px;border-right: 1px #e5e5e5 solid;position: absolute;right: 0;top: 15px;}
  .conbox03:after{content: '';display: inline-block;height: 285px;border-right: 1px #e5e5e5 solid;position: absolute;right: 0;top: 15px;}
  .conbox05:after{content: '';display: inline-block;height: 238px;border-right: 1px #e5e5e5 solid;position: absolute;right: 0;top: 15px;}
  .conbox01,.conbox02{margin-top: 20px;}
  .lastT{display: none;}
  .newsT a{height: 30px;}
  .conbox04 .newstext{height: 60px;}
  .directions_link{display: none;}
  .txt_in { float:none; width:100%;}
  .txt_in strong { font-size:14px;}
  .txt_name { font-size:13px;}
  .board_total em { font-style:normal;}
  .board_search{width: 66%;}
  .board_search input{width: 60.5%;font-size: 13px;height:26px;}
  .board_search select{margin: 0 1.2% 0 0;font-size: 13px;}
  .board_search .search_btn{height:26px;line-height:26px;}
  .Tth01,.pnTt01,.Tth02,.Tth03,.Tth04{width:auto;}
  .more_wrap{padding: 20px;display: inline-block;background-color: #FFF;width: 50%;box-sizing: border-box;}
  .more_view>li{width: 50%;text-align: center;margin-bottom: 15px;}
  .v_icon{float: none;margin-right: 0;display: block;width: 80px;margin: 0 auto;}
  .v_text{margin-top: 0;}
  .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: 28%; margin-right:2%;}
  .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: rgba(0,0,0,0.7);color: #FFF;font-size: 18px;padding-left: 18px;font-family: "ngB";}
  @media \0screen{.m_mvisualT{background:#000;opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}}
  .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;}
  #subwrap{display: none;}
  .contents{float: none;width: 95%;margin: 0 auto;padding: 30px 2.5% 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: 330px;}
  .conbox03{height: 330px;}
  .maincon{background-image: none;background-color: #ecedef;}
  .con{background: #FFF;position: relative;}
  .p_intro,.bx-wrapper .bx-pager{display: none;}
  .m_intro{display: block;}
  .conbox01:after{content: '';display: inline-block;height: 300px;border-right: 1px #e5e5e5 solid;position: absolute;right: 0;top: 15px;}
  .conbox03:after{content: '';display: inline-block;height: 300px;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%;}
  .s_table th, .s_table .bold { padding:12px 0; font-size:13px;}
  .s_table td { padding:10px 5px; font-size:12px;}
  .mainQuickmenu {display:none;}
}

/* ¸ð¹ÙÀÏ */
@media all and (min-width:1px) and (max-width:767px){
  #header { padding-bottom:10px; border-bottom:1px solid #cecece; background:#f2f2f2;}
  .m_br{display: block;}
  .depul{font-size: 16px;}
  .f_text{width: 100%;margin-top: 15px;font-size: 12px;}
  .f_logo{width: 52%;}
  .f_info{position: relative;height: 180px;}
  .linkbox{color: #929292;}
  .f_text p{margin-bottom: 2px;}
  .f_shortcuts{position: absolute;top: 12px;right: 18px;}
  .m_relation{display: block;}
  .f_banner{padding: 20px 0;}
  .con,.more_wrap{width: 100%;margin-bottom: 10px;height: auto;border-top:1px #d6d6d6 solid;border-bottom: 1px #d6d6d6 solid;padding: 15px;}
  .conbox01{margin-top: 10px;}
  .conbox02{margin-top: 0;}
  .titleh2{font-size: 19px;}
  .plus{width: 22px;height: 22px;right: 2px;line-height: 22px;}
  .titbox{margin-bottom: 12px;}
  .titleh3{font-size: 14px;}
  .newsT a{font-size: 13px;height: 26px;}
  .searchbox p,.file_btn,.newstext{font-size: 13px;}
  .search_btn{font-size: 12px;}
  .conbox04 .newsbox,.conbox05 .newsbox{margin-bottom: 10px;}
  .conbox06>a,.conbox06 img{height: auto;}
  .conbox06{padding: 15px;text-align: center;}
  .conbox01:after,.conbox03:after,.conbox05:after{display: none;}
  .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;}
  .locationbox { height:35px; background:#fff; border-bottom:1px solid #cecece; }
  .location { width:100%; height:35px; line-height:35px; text-align:right;}
  .location>li{font-family:"ng"; font-size:11px; vertical-align:middle;}
  .chiefPhotoWrap { clear:left; width:100%; padding-bottom:18px; text-align:center;}
  .chiefPhotoWrap img { width:35%;}
  .txt_in { float:none; width:100%;}
  .txt_in strong { font-size:14px;}
  .txt_name { font-size:13px;}
  .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, .print{display: none !important;}
  .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:180px;}
  .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: 70%;}
  .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;}
  .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,.conbox04{width: 100%;height: auto;}
  .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: 10px;}
  .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;}
  .titbox{margin-bottom: 12px;}
  .text_wrap {margin:0;}
  .text_wrap li{ padding:4px 0; font-size: 13px; line-height:18px;}
  .conbox01:after,.conbox03:after{display: none;}
  .tith3_a{margin-bottom: 8px;display: block;}
  .newul h4{margin-bottom: 4px;}
  .contents{min-height: auto;padding: 15px 2.5% 40px;}
  .stitleh3{font-size: 20px;margin-bottom: 20px;}
  .s_tith4,.s_tith5{margin-bottom: 10px;font-size: 15px;line-height: 1.3;}
  .s_tith4 { margin-top:20px;}
  .stitleh3 + .s_tith4 { margin-top:0;}
  .box_fbf{margin:10px 0 20px;}
  .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%;}
  .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;}
  #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%;}
  .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;}
  .footSitemapWrap { display:none; }
  .footLink { display:none; }
  .relatedSystem{ width:100%; padding:25px 0 0;}
  .relatedSystem .rTit{ display:block; position:relative; margin:0 15px 10px; font-weight:bold; font-size:16px; color:#fff;}
  .relatedSystem .rTit .moreBtn{ position:absolute; right:0; display:inline-block; width:17px; height:17px; border:1px solid #a1a1a1; font-size:0px; text-indent:-9999em;}
  .relatedSystem .rTit .moreBtn:before{ position:absolute; top:3px; left:8px; width:1px; height:11px; background:#b8b8b8; content:"";}
  .relatedSystem .rTit .moreBtn:after{ position:absolute; top:8px; right:3px; width:11px; height:1px; background:#b8b8b8; content:"";}
  .relatedSystem .rTit .moreBtn.mHideHidden:before{ display:none;}
  .relatedSystem ul li{ float:left; display:inline-block; padding:10px 0; width:50%; min-width:auto; border-bottom:1px solid #6c8196;}
  .relatedSystem ul li.noLink{ width:100%;}
  .relatedSystem ul li a, .relatedSystem ul li.noLink span{ position:relative; padding:0 0 0 25px; font-size:13px;}
  .relatedSystem ul li a:before, .relatedSystem ul li.noLink span:before{ position:absolute; top:5px; left:15px; width:4px; height:4px; border-radius:4px; background:#a3b9db; content:"";}
  .relatedSystem ul li.long{ margin:0;}
  .relatedSystem ul li.mHide{ display:none; }
  .relatedSystem ul li.mHide.mShow{display:inline-block; }
  #footer .footOuterWrap { padding-bottom: 30px;}
  #footer .footInnerWrap > ul> li { display:flex; width:100%; }
  #footer .footInnerWrap { width:95%; margin:0 auto; }
  #footer .footLogo{ padding:14px 0 0; }
  #footer .footLogo img{ width:80%}
  #footer .footPolicyWrap { width:100%; padding:10px 0 0 10px; }
  #footer .footPolicy { padding: 0; }
  #footer .footPolicy li { display:inline; margin:0 10px 0 0; padding:0; line-height:1.6; white-space: nowrap; }
  #footer .footPolicy li:nth-child(3) { text-align:right; padding-right:10px;}
  #footer .footPolicy li.third { text-align:right; padding-right:10px;}
  #footer .footPolicy li:last-child { display:none; }
  #footer .footPolicy li.last { display:none; }
  #footer .footPolicy li a{ color:#929292; font-size:12px; }
  #footer .footInnerWrap .address { padding-top:4px; line-height:1.5; color:#d5d5d5; font-size:12px; }
  #footer .footInnerWrap .address + .address { padding-top:0; margin-top:0;}
  #footer .footInnerWrap .address span{ display:block;}
  #footer .footInnerWrap .copyright { padding-top: 2px; color:#d5d5d5; line-height:1.5; font-size:11px; letter-spacing: -0.2px; }
  #footer .footSnsWrap fieldset { display:none; }
  #footer .footSns { top:-32px; right:5px; }
  #footer .footSns li{ padding:0 1px;}
  #footer .footSns .facebook,
  #footer .footSns .twitter,
  #footer .footSns .googlePlus,
  #footer .footSns .band,
  #footer .footSns .youtube{ background-size:80%; -ms-behavior:url(/css/backgroundsize.htc); }
  .mainQuickmenu {display:none;}
}

@media (max-width: 465px){
  .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){
  .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%;}
  .m_none { display:none;}
  .Tth01 { width:30%;}
  .Tth02 + .Tth01 { padding-left:5%; width:20%;}
}