@charset "utf-8";

/* respon max 1200px */
@media all and (max-width:1200px)
{
	/* ---------- main ---------- */
	.mtarget .msfresult{display:none}
	.mtarget .mbestcase{display:none}
	.mtarget .msfvideo{display:none}

	/* mpersonal */
	.mtarget .mpersonal .mpersonal_inner{width:100%; height:auto; padding:35px 0 25px 0}
	.mtarget .mpersonal .sec_tit{position:relative; left:auto; top:0; text-align:center}
	.mtarget .mpersonal .sec_tit .tit{display:inline-block; font-size:24px}

	.mtarget .mpersonal .mpersonal_ty1 .menu_list{padding-top:15px}
	.mtarget .mpersonal .mpersonal_ty1 .menu_list li{width:25%}
	.mtarget .mpersonal .mpersonal_ty1 .menu_list li:nth-child(1){display:none}
	.mtarget .mpersonal .mpersonal_ty1 .menu_box .tit{font-size:15px}

	.mtarget .mpersonal .mpersonal_ty2{display:none}


	/* mbnsnews */
	.mtarget .mbnsnews{background-size:cover}
	.mtarget .mbnsnews .carousel_wrap{width:100%; margin:0; padding:0 20px}
	.mtarget .mbnsnews .box_grid > ul.col4 > li{width:33.33333%}
	.mtarget .mbnsnews .carousel_l .carousel_box, .mtarget .mbnsnews .carousel_r .carousel_box{height:auto; padding-left:55px; padding-top:0; padding-bottom:15px}

	.mtarget .mbnsnews .carousel_box .sta_area{position:absolute; left:0; top:0; margin-bottom:0}
	.mtarget .mbnsnews .carousel_box .sta_area .label{border-radius:0; height:65px; line-height:65px}

	.mtarget .mbnsnews .carousel_box .tit_area{height:75px; padding-top:13px; border-top:none}
	.mtarget .mbnsnews .carousel_box .tit_area .tit{font-size:17px; height:44px}
	.mtarget .mbnsnews .carousel_box .dat_area dt{font-size:14px}
	.mtarget .mbnsnews .carousel_box .app_area .app_ty1{display:none}


	.mtarget .location{right:20px;}

	.mtarget .page_title{position:absolute; top:0; left:0; width:100%; margin:0; padding:15px 0 13px; background:#145281; text-align:center; box-sizing:border-box;}
	.mtarget .page_title .title{color:#fff; font-size:20px; margin-right:0; font-weight:600;}
	.mtarget .location{display:none}
	.mtarget .page_title .page_help{display:none;}


	/* title */
	.mtarget .title_box .tit1{font-size:16px;}
	.mtarget .title_box .tit1:before{height:16px; margin-top:1px}
	.mtarget .title_box .tit2 {font-size:13px;}


	/* login */
	.mtarget .mber_msg{display:none;}
	.mtarget .mber_msg .msg_tit{font-size:16px;}

	.mtarget .sf_login .login_top{padding-top:30px; padding-bottom:30px;}
	.mtarget .sf_login .top_inner{padding-left:0;}
	.mtarget .sf_login .top_inner:after{display:none}
	.mtarget .sf_login .login_form .inputxt_real{height:50px;}
	.mtarget .sf_login .login_form .inputxt_real label{padding-top:14px;}
	.mtarget .sf_login .login_form .inputxt_real input{height:48px; line-height:48px; font-size:14px;}
	.mtarget .sf_login .top_inner .confirm{height:51px; line-height:51px; font-size:14px;}
	.mtarget .sf_login .top_inner .confirm i{font-size:16px;}

	.mtarget .login_link{display:none}

	.mtarget .main-popop-layer{display:none !important}

	.mtarget .popup .popup_inner{background:#fff;}
	.mtarget .popup .popup_content{padding:20px;}


	/* mside_banner */
	.mtarget .mside_banner{display:none;}

	/* table_list */
	.mtarget .table_list, .mtarget .table_list tbody, .mtarget .table_list tr, .mtarget .table_list th, .mtarget .table_list td{display: block;}
	.mtarget .table_list thead{display:none}
	.mtarget .table_list tr:first-child{border-top:none;}
	.mtarget .table_list tr:last-child{border-bottom:1px solid #74a0c5;}
	.mtarget .table_list tr{border-top:1px solid #74a0c5;}
	.mtarget .table_list tr td:last-child{border-bottom:none;}
	.mtarget .table_list tr:hover td{background:none;}
	.mtarget .table_list td{position:relative; height:auto; min-height:35px; padding:8px 0; padding-left:110px; border-top:none; text-align:left; border-bottom:none; border-top:1px solid #e1e7ef; box-sizing:border-box;}
	.mtarget .table_list td:first-child{border-top:none;}
	.mtarget .table_list tbody td{border-left:none;}
	.mtarget .table_list td.tac{text-align:left !important}
	.mtarget .table_list td.keypointTd{background:none;}
	.mtarget .table_list tr td:before {display:block; position:absolute; left:0; top:0; width:100px; height:100%; padding:8px 0; padding-left:10px; background:#f1f5f8; color:#404040; box-sizing:border-box;}

	/* table_default */
	.mtarget .table_default, .mtarget .table_default tbody, .mtarget .table_default tr, .mtarget .table_default th, .mtarget .table_default td{display: block;}
	.mtarget .table_default thead{display:none}
	.mtarget .table_default tr{border-top:1px solid #74a0c5;}
	.mtarget .table_default tr:first-child{border-top:none;}
	.mtarget .table_default tr:last-child{border-bottom:1px solid #74a0c5;}
	.mtarget .table_default tr td:last-child{border-bottom:none;}
	.mtarget .table_default tr:hover td{background:none;}
	.mtarget .table_default td{position:relative; height:auto; min-height:35px; padding:8px 0; padding-left:120px; border-top:none; text-align:left; border-bottom:none; border-top:1px solid #e1e7ef; box-sizing:border-box;}
	.mtarget .table_default td.tac{text-align:left !important}
	.mtarget .table_default tr td:before {display:block; position:absolute; left:0; top:0; width:110px; height:100%; line-height:135%; padding-left:10px; padding-top:10px; background:#f1f5f8; color:#404040; box-sizing:border-box;}
	.mtarget .table_default tbody th{display:none}
	.mtarget .table_default .m_hidden{display:none;}
	.mtarget .table_default td{border-left:none;}
	.mtarget .table_default tr td:nth-child(1){border-top:none}


	/* 커스텀 테이블 */
	.mtarget .mcs_data tr{border-top:none;}
	.mtarget .mcs_data tr:last-child{border-bottom:1px solid #e1e7ef;}

	.mtarget .mcs_list tr:last-child{border-bottom:1px solid #74a0c5;}


	/* 폼 테이블 */
	.mtarget .mfom_table tr{border-top:none;}
	.mtarget .mfom_table tr:last-child{border-bottom:1px solid #e1e7ef;}


	/* 조회 테이블 */
	.mtarget .msch_table tr{border-top:none;}
	.mtarget .msch_table tr:last-child{border-bottom:1px solid #e1e7ef;}
	.mtarget .msch_table td{padding:0 0 8px; padding-left:0; border-top:none; text-align:left; box-sizing:border-box; border-bottom:none; border-top:1px solid none;}
	.mtarget .msch_table tr td:before {display:block; position:relative; left:auto; top:auto; width:100%; height:auto; margin-bottom:8px; line-height:35px; padding-left:10px; background:#f1f5f8; color:#404040; box-sizing:border-box;}


	/* 파일첨부 테이블 */
	.mtarget .mfile_table{border-top:1px solid #74a0c5;}
	.mtarget .mfile_table tr{border-top:1px solid #e1e7ef;}
	.mtarget .mfile_table td{padding-left:0;}
	.mtarget .mfile_table tr:last-child{border-bottom:1px solid #74a0c5;}
	.mtarget .mfile_table .attach{padding-left:0; background:none;}
	.mtarget .mfile_table .m_hidden{display:none;}


	/* 타이틀이 없는 테이블 */
	.mtarget .mnotit_table{border-top:1px solid #74a0c5;}
	.mtarget .mnotit_table tr{border-top:1px solid #e1e7ef;}
	.mtarget .mnotit_table td{padding:8px 10px;}
	.mtarget .mnotit_table tr:last-child{border-bottom:1px solid #74a0c5;}


	/* 테이블 반응형 공통처리 */
	.mtarget .table_default td.no_data, .mtarget .table_list td.no_data{padding:20px 10px; text-align:center !important;}
	.mtarget .table_default tr.merge, .mtarget .table_list tr.merge{border-top: 1px solid #e1e7ef;}


	/* article */
	.mtarget .article_title{padding:15px 0;}
	.mtarget .article_title .tit{font-size:14px;}
	.mtarget .article_content{padding:20px 0;}
	.mtarget .article_info{border-top:none;}


	/* tab_box */
	.mtarget .tab_box a{height:40px; padding:0 15px; line-height:41px; font-size:14px;}

	.mtarget .tab_box .tab_box_4 li {width:50%; text-align:left;}
	.mtarget .tab_box .tab_box_4 li:nth-child(5), .tab_box .tab_box_4 li:nth-child(9){margin-left:-1px;}
	.mtarget .tab_box .tab_box_4 li:nth-child(3), .tab_box .tab_box_4 li:nth-child(5), .tab_box .tab_box_4 li:nth-child(7){margin-left:0;}
	.mtarget .tab_box .tab_box_4 li:nth-child(-n+4){margin-top:-1px;}
	.mtarget .tab_box .tab_box_4 li:nth-child(-n+2){margin-top:0;}

	.mtarget .tab_box .tab_box_5 li {width:50%; text-align:left;}
	.mtarget .tab_box .tab_box_5 li:nth-child(6), .tab_box .tab_box_5 li:nth-child(11){margin-left:-1px;}
	.mtarget .tab_box .tab_box_5 li:nth-child(3), .tab_box .tab_box_5 li:nth-child(5), .tab_box .tab_box_5 li:nth-child(7){margin-left:0;}
	.mtarget .tab_box .tab_box_5 li:nth-child(-n+5){margin-top:-1px;}
	.mtarget .tab_box .tab_box_5 li:nth-child(-n+2){margin-top:0;}

	.mtarget .tab_box .tab_box_6 li {width:50%; text-align:left;}
	.mtarget .tab_box .tab_box_6 li:nth-child(7), .tab_box .tab_box_6 li:nth-child(13){margin-left:-1px;}
	.mtarget .tab_box .tab_box_6 li:nth-child(3), .tab_box .tab_box_6 li:nth-child(5), .tab_box .tab_box_6 li:nth-child(7){margin-left:0;}
	.mtarget .tab_box .tab_box_6 li:nth-child(-n+6){margin-top:-1px;}
	.mtarget .tab_box .tab_box_6 li:nth-child(-n+2){margin-top:0;}

	.mtarget .tab_box .tab_box_7 li {width:50%; text-align:left;}
	.mtarget .tab_box .tab_box_7 li:nth-child(8), .tab_box .tab_box_7 li:nth-child(15){margin-left:-1px;}
	.mtarget .tab_box .tab_box_7 li:nth-child(3), .tab_box .tab_box_7 li:nth-child(5), .tab_box .tab_box_7 li:nth-child(7){margin-left:0;}
	.mtarget .tab_box .tab_box_7 li:nth-child(-n+7){margin-top:-1px;}
	.mtarget .tab_box .tab_box_7 li:nth-child(-n+2){margin-top:0;}

	/* statis_tab */
	.mtarget .statis_tab{border-bottom:none;}
	.mtarget .statis_tab ul{margin-top:-2px;}
	.mtarget .statis_tab ul li{width:33.333333%;}
	.mtarget .statis_tab ul li .inner{margin-top:2px}
	.mtarget .statis_tab ul li button{border:1px solid #ddd; border-radius:2px;}
	.mtarget .statis_tab ul li button.active{border-bottom:1px solid #b4b4b4;}

	.table_statis.mstatis{min-width:100%; width:auto !important}
	.table_statis.mstatis th, .table_statis.mstatis td{white-space:nowrap !important}


	/* 마이페이지 테이블 개별 컨트롤 */
	.mtarget .mmy_ctrl0101{display:none !important}
	.mtarget .mmy_ctrl0102{display:block !important}
	.mtarget .mmy_ctrl0201{display:none !important}
	.mtarget .mmy_ctrl0202{display:block !important}
	.mtarget .mmy_ctrl0301{display:none !important}
	.mtarget .mmy_ctrl0302{display:block !important; border-top:none !important}
	.mtarget .mmy_ctrl0401{display:none !important}
	.mtarget .mmy_ctrl0402{display:block !important; border-top:none !important}
	.mtarget .mmy_ctrl0501{display:none !important}
	.mtarget .mmy_ctrl0502{display:block !important}
	.mtarget .mmy_ctrl0601{display:none !important}
	.mtarget .mmy_ctrl0602{display:block !important}
	.mtarget .mmy_ctrl0701{display:none !important}
	.mtarget .mmy_ctrl0702{display:block !important}
	.mtarget .mmy_ctrl0801{display:none !important}
	.mtarget .mmy_ctrl0802{display:block !important}

	/* 섹션 토글 모바일 컨트롤 */
	 .msection_group .msection_tg{display:none;}
	 .msection_group .mtgbtn_open{display:inline-block;}

	 /* 우수구축사례 */
	 .mtarget .bestpractices_list .list_wrap ul li .list_box{padding:10px;}
	 .mtarget .bestpractices_list .list_wrap .galtxtwrap p{font-size:13px;}
	 .mtarget .bestpractices_list .tabs label{width:33.333333%;}

	 /* bubble_map */
	.mtarget .bubble_map{width:100%; height:350px; padding:0; margin:0; overflow:hidden;}
	.mtarget .bubble_map .map{width:100% !important; height:350px !important;}

	.mtarget .m_hidden{display:none !important;}

	/* m_blind & m_block */
	.mhidden{display:inline-block}
	.mtarget .mhidden{display:none}

	.mblock{display:inline-block}
	.mtarget .m_block{display:none}

	/* bnsmap */
    .mtarget .bnsmap_g1,
    .mtarget .bnsmap_g2,
    .mtarget .bnsmap_g3,
    .mtarget .bnsmap_g4,
    .mtarget .bnsmap_g5,
    .mtarget .bnsmap_g6
    .mtarget .bnsmap_g7
    .mtarget .bnsmap_g8{width:100%}

    .mtarget .bnsmap{overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch}

	/* progress_state_ty1 */
	.mtarget .progress_state_ty1 .state_list.col6 > li,
	.mtarget .progress_state_ty1 .state_list.col5 > li,
	.mtarget .progress_state_ty1 .state_list.col4 > li{width:33.333333%}


	/* 회원가입 */
	.mtarget .join_list dl{height:auto; padding:15px 0}
	.mtarget .join_list dl dt{float:none; padding-left:23px; line-height:155%; background: url(/lib/images/account/ico_join_list.gif) 10px 50% no-repeat}
	.mtarget .join_list dl dd{display:block; float:none; width:100%; height:auto; padding-left:23px; box-sizing:border-box}

	.mtarget .join_step{display:none !important}
	.mtarget .join_step2{display:none !important}


	.mtarget .mnotice{display:block}
	.mtarget .mresearch .research_inner{width:100%; margin:0; padding:20px; padding-top:15px;}
	.mtarget .mresearch .research_list{margin-left:-5px;}
	.mtarget .mresearch .research_list li{width:50%; margin-top:5px;}
	.mtarget .mresearch .research_list li a{height:135px; padding:100px 10px 0; margin-left:5px; border-radius:3px;}
	.mtarget .mresearch .research_list li .tit{font-size:13px; color:#fff;}

	.mtarget .mresearch .research_list li.research01{display:none;}
	.mtarget .mresearch .research_list li.research011{display:block;}

	.mtarget .mresearch .research_list li.research01 a{background-image:url('/lib/images/main/mresearch_cont01_om.png'); background-size:60px 58px; background-position:50% 30px; background-color:#0f9ee0;}
	.mtarget .mresearch .research_list li.research011 a{background-image:url('/lib/images/main/mresearch_cont011_om.png'); background-size:60px 58px; background-position:50% 30px; background-color:#0f9ee0;}
	.mtarget .mresearch .research_list li.research02 a{background-image:url('/lib/images/main/mresearch_cont02_om.png'); background-size:51px 58px; background-position:50% 30px; background-color:#2fc7cc;}
	.mtarget .mresearch .research_list li.research03 a{background-image:url('/lib/images/main/mresearch_cont03_om.png'); background-size:69px 58px; background-position:50% 30px; background-color:#d475ff;}
	.mtarget .mresearch .research_list li.research04 a{background-image:url('/lib/images/main/mresearch_cont04_om.png'); background-size:56px 58px; background-position:50% 30px; background-color:#ffba00;}
	.mtarget .mresearch .research_list li.research05 a{background-image:url('/lib/images/main/mresearch_cont05_om.png'); background-size:58px 58px; background-position:50% 30px; background-color:#0f9ee0;}
	.mtarget .mresearch .research_list li.research06 a{background-image:url('/lib/images/main/mresearch_cont06_om.png'); background-size:69px 58px; background-position:50% 30px; background-color:#2fc7cc;}
	.mtarget .mresearch .research_list li.research07 a{background-image:url('/lib/images/main/mresearch_cont07_om.png'); background-size:65px 58px; background-position:50% 30px; background-color:#d475ff;}
	.mtarget .mresearch .research_list li.research08 a{background-image:url('/lib/images/main/mresearch_cont08_om.png'); background-size:62px 58px; background-position:50% 30px; background-color:#ffba00;}


	/* 제조혁신센터 소개 */
	.mtarget. tpmting_wrap{border:none}
	.mtarget .mgcmap_tar .tar_detail .photo_area{height:auto}


	/* 중소기업 정보서비스 */
	.mtarget .msbinfo{padding:0 20px}
	.mtarget .msbinfo .sec_tit{position:relative; top:auto; left:auto; margin-bottom:10px; text-align:center}
	.mtarget .msbinfo .msbinfo_inner{width:100%; margin:0; padding:45px 0 45px 0}


	/* tbd_privacy */
	.mtarget .tbd_privacy.response{overflow:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch}
	.mtarget .tbd_privacy.response .tbd01{min-width:100%; width:auto !important}
	.mtarget .tbd_privacy.response .tbd01 th, .mtarget .tbd_privacy.response .tbd01 td{white-space:nowrap !important}


	.mtarget .wing_down{display:none}
}


/* respon max 1000px */
@media all and (max-width:1000px)
{
	/* 기관소개 - 스마트제조혁신추진단소개 */
	.mtarget .intro_pteam .pteam_head{margin-top:-5px; margin-bottom:40px;}
	.mtarget .intro_pteam .pteam_head .flex_box.sum{width:100%;}
	.mtarget .intro_pteam .pteam_head .flex_box.info{width:100%;}
	.mtarget .pteam_head .box_ty1{min-height:auto; margin-top:10px; padding:20px;}
	.mtarget .pteam_head .box_ty2{margin-top:10px; padding:20px; padding-left:60px;}

	.mtarget .intro_pteam .pteam_head .box_ty2.cont1:before, .intro_pteam .pteam_head .box_ty2.cont2:before{top:12px;}

	.mtarget .intro_pteam .box_ty1 .tit{margin-bottom:15px;}
	.mtarget .intro_pteam .box_ty2 .detail{padding-left:70px;}
	.mtarget .pteam_head .box_ty2.cont2 .detail{padding-left:0;}
	.mtarget .pteam_head .box_ty2.cont2 .detail dd{padding-top:28px;}

	.mtarget .intro_pteam .pteam_body .state_list ul{margin-top:-5px;}
	.mtarget .intro_pteam .pteam_body .state_list ul li{width:100%;}
	.mtarget .intro_pteam .pteam_body .state_list ul li .num{left:15px;  top:-20px ;}
	.mtarget .intro_pteam .pteam_body .state_list ul li .inner{padding:16px 15px; margin-top:22px;}


	/* 기관소개 - 찾아오시는길 */
	.mtarget .bus_info .info_list > li{padding:25px 0; padding-top:77px;}
	.mtarget .bus_num{left:50%; top:20px; margin-left:-20px;}
	.mtarget .bus_num .burst {width:40px; height:40px;}
	.mtarget .bus_num .burst:before{height:40px; width:40px;}
	.mtarget .bus_num span{line-height:40px;}
	.mtarget .bus_info .linter_detail{padding-left:70px;}


	/* main_popup */
	.mtarget .mlayerpop{left:40px !important; top:40px !important; right:40px !important}
	.mtarget .mlayerpop .cover_area img{width:100% !important; height:auto !important;}

	.mtarget .mlayerpop_slider{left:40px !important; top:40px !important; right:40px !important; width:auto !important;}
	.mtarget .mlayerpop_slider .cover_area img{width:100% !important; height:auto !important;}
	.mtarget .mlayerpop_slider .pop_slider .slick-prev{left:-10px;}
	.mtarget .mlayerpop_slider .pop_slider .slick-next{right:-10px;}


	/* 제조혁신센터 소개 */
	.mtarget .tpmting_wrap{padding-left:0; min-height:auto;}
	.mtarget .tpmting_map{position:relative; left:50%; top:auto; margin-left:-250px; height:700px}
	.mtarget .mgcmap_tar{margin-top:25px}
	.mtarget .mgcmap_tar .tar_detail .detail_wrap .detail_list{border-bottom:none}


	/* 기관소개 - 조직도 */
	.organization_map .map_area .level03.part1 {margin-left:-409px}
	.organization_map .map_area .level03.part4 {margin-right:-409px}
	.organization_map .map_area .level04.part1 {margin-left:-279px}
	.organization_map .map_area .line02{width:700px; margin-left:-350px}
	.organization_map .map_area .line05 {margin-left:-288px}


}

/* respon max 900px */
@media all and (max-width:900px)
{
	/* 기관소개 - 조직도 */
	.organization_map .map_area{height:483px}
	.organization_map .map_area .level03.part1{width:55px; margin-left:-328px}
	.organization_map .map_area .level03.part2{width:55px; margin-left:-110px}
	.organization_map .map_area .level03.part3{width:55px; margin-right:-110px}
	.organization_map .map_area .level03.part4{width:55px; margin-right:-328px}
	.organization_map .map_area .level03 strong{padding:10px 15px}

	.organization_map .map_area .level04.part1{width:55px; margin-left:-263px; top:350px}
	.organization_map .map_area .level04.part2{width:55px; margin-right:-175px; top:350px}
	.organization_map .map_area .level04 strong{padding:10px 15px}

	.organization_map .map_area .line02{width:600px; margin-left:-300px}
	.organization_map .map_area .line05{margin-left:-304px}
	.organization_map .map_area .line06{margin-right:-149px}
}

/* respon max 800px */
@media all and (max-width:800px)
{
	/* ---------- main ---------- */
	/* mbnsnews */
	.mtarget .mbnsnews .box_grid > ul.col4 > li{width:50%}


	/* login */
	.mtarget .sf_login{border:none; background:none;}
	.mtarget .sf_login .login_top{padding-top:0; padding-bottom:0;}
	.mtarget .sf_login .login_form .inputxt_real input{width:100%;}
	.mtarget .sf_login .top_inner{display:block;}

	.mtarget .table_box{border-top:1px solid #74a0c5;}

	/* guide_box */
	.mtarget .guide_box{padding: 50px 20px 20px 20px;}
	.mtarget .guide_box.box_tip{background-position:20px 20px}

	/* sf_error */
	.mtarget .error_container{position:relative; top:auto; left:auto; right:auto; bottom:auto; padding:80px 20px 20px;}
	.mtarget .sf_error{position:relative; top:auto; left:auto; width:100%; height:auto; margin-left:0; margin-top:0;}
	.mtarget .sf_error .err_logo{position:absolute; top:-52px; left:0;}
	.mtarget .sf_error .err_logo strong{display:block; width:120px; height:39px; background:url('../../lib/images/common/mlogo.png') no-repeat 50% 50%; background-size:120px 39px}
	.mtarget .sf_error .err_inner{padding:0 10px 20px;}
	.mtarget .sf_error .err_focus{padding:25px 0 0; margin-bottom:20px;}
	.mtarget .sf_error .err_detail{height:auto; padding:20px; overflow:hidden;}
	.mtarget .sf_error .err_subject{font-size:16px; font-weight:300; letter-spacing:-1px; line-height:150%; margin-bottom:20px;}

	.mtarget .title_box.m_block{display:block;}
	.mtarget .title_box.m_block .tit1{display:block; margin-bottom:5px;}

	/* tab_box */
	.mtarget .tab_box .tab_box_2 li{float:none; width:100%; text-align:left;}
	.mtarget .tab_box .tab_box_2 a{padding:0 15px;}
	.mtarget .tab_box .tab_box_2 li:nth-child(-n+20){margin-left:0;}
	.mtarget .tab_box .tab_box_2 li:nth-child(-n+2){margin-top:-1px;}
	.mtarget .tab_box .tab_box_2 li:nth-child(1){margin-top:0;}

	.mtarget .tab_box .tab_box_3 li{float:none; width:100%; text-align:left;}
	.mtarget .tab_box .tab_box_3 a{padding:0 15px;}
	.mtarget .tab_box .tab_box_3 li:nth-child(-n+20){margin-left:0;}
	.mtarget .tab_box .tab_box_3 li:nth-child(-n+3){margin-top:-1px;}
	.mtarget .tab_box .tab_box_3 li:nth-child(1){margin-top:0;}

	.mtarget .tab_box .tab_box_4 li{float:none; width:100%;}
	.mtarget .tab_box .tab_box_4 li:nth-child(5), .tab_box .tab_box_4 li:nth-child(9){margin-left:0;}
	.mtarget .tab_box .tab_box_4 li:nth-child(3), .tab_box .tab_box_4 li:nth-child(5), .tab_box .tab_box_4 li:nth-child(7){margin-left:0;}
	.mtarget .tab_box .tab_box_4 li:nth-child(-n+20){margin-left:0;}
	.mtarget .tab_box .tab_box_4 li:nth-child(-n+4){margin-top:-1px;}
	.mtarget .tab_box .tab_box_4 li:nth-child(-n+2){margin-top:-1px;}
	.mtarget .tab_box .tab_box_4 li:nth-child(1){margin-top:0;}

	.mtarget .tab_box .tab_box_5 li{float:none; width:100%;}
	.mtarget .tab_box .tab_box_5 li:nth-child(6), .tab_box .tab_box_5 li:nth-child(11){margin-left:-1px;}
	.mtarget .tab_box .tab_box_5 li:nth-child(3), .tab_box .tab_box_5 li:nth-child(5), .tab_box .tab_box_5 li:nth-child(7){margin-left:0;}
	.mtarget .tab_box .tab_box_5 li:nth-child(-n+20){margin-left:0;}
	.mtarget .tab_box .tab_box_5 li:nth-child(-n+5){margin-top:-1px;}
	.mtarget .tab_box .tab_box_5 li:nth-child(-n+2){margin-top:-1px;}
	.mtarget .tab_box .tab_box_5 li:nth-child(1){margin-top:0;}

	.mtarget .tab_box .tab_box_6 li {float:none; width:100%;}
	.mtarget .tab_box .tab_box_6 li:nth-child(7), .tab_box .tab_box_6 li:nth-child(13){margin-left:-1px;}
	.mtarget .tab_box .tab_box_6 li:nth-child(3), .tab_box .tab_box_6 li:nth-child(5), .tab_box .tab_box_6 li:nth-child(7){margin-left:0;}
	.mtarget .tab_box .tab_box_6 li:nth-child(-n+20){margin-left:0;}
	.mtarget .tab_box .tab_box_6 li:nth-child(-n+6){margin-top:-1px;}
	.mtarget .tab_box .tab_box_6 li:nth-child(-n+2){margin-top:-1px;}
	.mtarget .tab_box .tab_box_6 li:nth-child(1){margin-top:0;}

	.mtarget .tab_box .tab_box_7 li {float:none; width:100%;}
	.mtarget .tab_box .tab_box_7 li:nth-child(8), .tab_box .tab_box_7 li:nth-child(15){margin-left:-1px;}
	.mtarget .tab_box .tab_box_7 li:nth-child(3), .tab_box .tab_box_7 li:nth-child(5), .tab_box .tab_box_7 li:nth-child(7){margin-left:0;}
	.mtarget .tab_box .tab_box_7 li:nth-child(-n+20){margin-left:0;}
	.mtarget .tab_box .tab_box_7 li:nth-child(-n+7){margin-top:-1px;}
	.mtarget .tab_box .tab_box_7 li:nth-child(-n+2){margin-top:-1px;}
	.mtarget .tab_box .tab_box_7 li:nth-child(1){margin-top:0;}

	/* statis_tab */
	.mtarget .statis_tab ul li{width:50%;}


	/* 우수구축사례 */
	.mtarget .bestpractices .imgbox img {width:100%; margin-right:0;}
	.mtarget .bestpractices p img, .mtarget .bestpractices .img img{width:100%; float:none; margin:0 0 10px 0;}
	.mtarget .bestpractices .textboxblue, .mtarget .bestpractices .textboxpeach, .mtarget .bestpractices .textboxgreen{padding:40px 60px;}
	.mtarget .bestpractices div .left{float:none; margin:0 auto;}
	.mtarget .bestpractices div .left img{width:100%;}
	.mtarget .bestpractices .textboxblue .right .interview {background:url("../images/bestpractices/facebar2.png") left bottom no-repeat;}
	.mtarget .bestpractices .tabinnertit-tit {font-size: 25px;}
	.mtarget .bestpractices .bp-text {font-size: 15px;}
	.mtarget .bestpractices .bp-text2 {font-size: 13px;}
	.mtarget .bestpractices table tr th, .bestpractices table tr td{font-size:14px;}
	.mtarget .bestpractices .bp-text-center{font-size:18px;}
	.mtarget .bestpractices p{font-size:13px;}
	.mtarget .bestpractices .textframe p{font-size:15px;}
	.mtarget .bestpractices div .right .smartinterview {font-size: 14px;}
	.mtarget .bestpractices div .right .interview span {font-size: 22px;}
	.mtarget .bestpractices div .right .interview {font-size:16px;}
	.mtarget .bestpractices div .right p{font-size:13px;}
	.mtarget .bestpractices_list .list_wrap ul li{width:50%}

	.mtarget .open_landing:after{content:''; position:absolute; bottom:0; left:50%; background:url('../images/landing/open_landing_visual.png') 50% 50% no-repeat; width:204px; height:109px; margin-left:-102px; background-size:204px 109px;}
	.mtarget .open_landing .landing_cont{position:absolute; top:50%; left:50%; width:306px; height:203px; margin-left:-153px; margin-top:-230px; background:url('../images/landing/open_landing_cont.png') 50% 50% no-repeat; background-size:306px 203px;}


	/* 기관소개 - 조직도 */


	/* 기관소개 - 인사말 */
	.mtarget .greeting .greeting_top{height:258px}
	.mtarget .greeting .greeting_top .message strong{font-size:26px}
	.mtarget .greeting .greeting_top:after{width:260px; height:237px; background:url('../images/contents/greeting_img3.png') 50% 50% no-repeat; background-size:260px 237px}

	.mtarget .greeting .greeting_body{padding:50px 0 25px 0}
	.mtarget .greeting .greeting_body p{font-size:14px}
	.mtarget .greeting .greeting_body p.space{margin-bottom:25px}
	.mtarget .greeting .greeting_body:after{display:none}


	/* progress_state_ty1 */
	.mtarget .progress_state_ty1 .state_list.col6 > li,
	.mtarget .progress_state_ty1 .state_list.col5 > li,
	.mtarget .progress_state_ty1 .state_list.col4 > li,
	.mtarget .progress_state_ty1 .state_list.col3 > li{width:50%}

	/* 회원가입 */
	.mtarget .join_link div{background:url(/lib/images/account/img_join02.jpg) 50% 20px no-repeat; height:auto; padding-bottom:20px; text-align:center;}
	.mtarget .join_link div.first{background:url(/lib/images/account/img_join01.jpg) 50% 20px no-repeat}
	.mtarget .join_link div strong{padding-left:0; padding-top:110px}
	.mtarget .join_link div.first strong{padding-left:0}
	.mtarget .join_link div p{position:relative; top:auto; right:auto}

	.mtarget .join_list dl:after{content:''; display:block; clear:both}

	.mtarget .terms_wrap{padding:25px 10px}


	/* 중소기업 정보서비스 */
	.mtarget .msbinfo .sbinfo_list > li{width:50%}

	/* 기관소개 - 조직도 */
	.organization_map .map_area .level03.part1{margin-left:-228px}
	.organization_map .map_area .level03.part2{margin-left:-90px}
	.organization_map .map_area .level03.part3{margin-right:-90px}
	.organization_map .map_area .level03.part4{margin-right:-228px}
	.organization_map .map_area .level03 strong{padding:10px 15px}

	.organization_map .map_area .level04.part1{ margin-left:-168px; top:350px}
	.organization_map .map_area .level04.part2{margin-right:-150px; top:350px}
	.organization_map .map_area .level04 strong{padding:10px 15px}

	.organization_map .map_area .line02{width:400px; margin-left:-200px}
	.organization_map .map_area .line03{margin-left:-62px}
	.organization_map .map_area .line04{margin-right:-62px}
	.organization_map .map_area .line05{margin-left:-209px}
	.organization_map .map_area .line06{margin-right:-124px}
}


/* respon max 640px */
@media all and (max-width:640px)
{


	/* ---------- main ---------- */
	/* mpersonal */
	.mtarget .mpersonal .mpersonal_ty1{margin-top:-25px}
	.mtarget .mpersonal .mpersonal_ty1 .menu_list li{width:50%}
	.mtarget .mpersonal .mpersonal_ty1 .menu_box{margin-top:25px}

	/* mbnsnews */
	.mtarget .mbnsnews .box_grid > ul.col4 > li{width:100%}


	.mtarget .mtarget .ac_confirm{display:block; width:100%; margin-bottom:5px;}
	.mtarget .mtarget .ac_confirm:last-child{margin-bottom:0;}


	/* 우수구축사례 */
	.mtarget .bestpractices{font-size:x-small;}
	.mtarget .bestpractices .textboxblue, .mtarget .bestpractices .textboxpeach, .mtarget .bestpractices .textboxgreen{padding:20px 30px;}
	.mtarget .bestpractices .smartsecret .sec{padding:0 20px;}
	.mtarget .bestpractices .smartsecret .sec span{font-size:20px;}
	.mtarget .bestpractices .infobox > li {width:100%; height:auto;}
	.mtarget .bestpractices_list .list_wrap ul li{width:100%}
	.mtarget .bestpractices_list .tabinnertit {display:block; text-align:center;}
	.mtarget .bestpractices_list .tabinnertit:before{display:none;}


	/* 기관소개 - 조직도 */



	/* 기관소개 - 인사말 */
	.mtarget .greeting .greeting_top{height:auto; padding:58px 35px; padding-bottom:250px}
	.mtarget .greeting .greeting_top .message{text-align:center}
	.mtarget .greeting .greeting_top .message strong{font-size:22px; display:inline-block}
	.mtarget .greeting .greeting_top:after{left:50%; margin-left:-130px}
	.mtarget .greeting .greeting_top .message:before{left:50%; top:-20px; margin-left:-11px}
	.mtarget .greeting .greeting_body{padding-top:25px}


	/* 회원가입 */
	.mtarget .user_visual.type_join{padding-left:0; padding-top:180px; background:url('/lib/images/account/img_join.jpg') 50% 0 no-repeat; text-align:center}


	/* 제조혁신센터 소개 */
	.mtarget .tpmting_map{margin-top:-70px; transform:scale(0.8); -webkit-transform:scale(0.8); -ms-transform:scale(0.8)}
	.mtarget .mgcmap_tar{margin-top:-40px}
	.mtarget .mgcmap_tar .tar_detail{padding-top:119px}
	.mtarget .mgcmap_tar .tar_detail .tit_area{height:auto}
	.mtarget .mgcmap_tar .tar_detail .tit_area .tit{width:100%}
	.mtarget .mgcmap_tar .tar_detail .tit_area .ci{position:relative; right:auto; top:auto; width:100%}

	.mtarget .mgcmap_tar .tar_detail .detail_wrap .detail_list > li{padding-left:0}
	.mtarget .mgcmap_tar .tar_detail .detail_wrap .detail_list > li .cont_tit{position:relative; top:auto; left:auto; margin-top:0; padding-top:15px}
	.mtarget .mgcmap_tar .tar_detail .detail_wrap .detail_list > li .cont_tit .tit{padding-left:0}
	.mtarget .mgcmap_tar .tar_detail .detail_wrap .detail_list > li .cont_area{min-height:auto; padding-top:5px; padding-bottom:13px}


	/* 중소기업 정보서비스 */
	.mtarget .msbinfo .sbinfo_list > li{width:100%}


	/* 기관소개 - 조직도 */
	.organization_map .map_area{height: 633px}
	.organization_map .map_area .level03.part1{margin-left:-158px}
	.organization_map .map_area .level03.part2{margin-left:-70px}
	.organization_map .map_area .level03.part3{margin-right:-70px}
	.organization_map .map_area .level03.part4{margin-right:-158px}
	.organization_map .map_area .level03 strong{padding:10px 15px}

	.organization_map .map_area .level04.part1{ margin-left:-158px; top:480px}
	.organization_map .map_area .level04.part2{margin-right:-70px; top:480px}
	.organization_map .map_area .level04 strong{padding:10px 15px}

	.organization_map .map_area .line02{width:260px; margin-left:-130px}
	.organization_map .map_area .line03{margin-left:-42px}
	.organization_map .map_area .line04{margin-right:-44px}
	.organization_map .map_area .line05{margin-left:-130px; width:0; top:439px;}
	.organization_map .map_area .line06{margin-right:-44px; width:0;  top:404px}
	.organization_map .map_area .line06:after {height:76px}

}


/* respon max 480px */
@media all and (max-width:480px)
{
	/* 제조혁신센터 소개 */
	.mtarget .tpmting_map{margin-top:-110px; transform:scale(0.65); -webkit-transform:scale(0.65); -ms-transform:scale(0.65)}
	.mtarget .mgcmap_tar{margin-top:-80px}

	/* progress_state_ty1 */
	.mtarget .progress_state_ty1 .state_list{margin-top:-10px}
	.mtarget .progress_state_ty1 .state_list.col6 > li,
	.mtarget .progress_state_ty1 .state_list.col5 > li,
	.mtarget .progress_state_ty1 .state_list.col4 > li,
	.mtarget .progress_state_ty1 .state_list.col3 > li{width:100%}
	.mtarget .progress_state_ty1 .state_box{margin-top:10px}


	/* 기관소개 - 조직도 */
	.organization_map .map_area .level03.part1{margin-left:-138px}
	.organization_map .map_area .level03.part2{margin-left:-65px}
	.organization_map .map_area .level03.part3{margin-right:-65px}
	.organization_map .map_area .level03.part4{margin-right:-138px}
	.organization_map .map_area .level03 strong{padding:10px 15px}

	.organization_map .map_area .level04.part1{ margin-left:-138px; top:480px}
	.organization_map .map_area .level04.part2{margin-right:-65px; top:480px}
	.organization_map .map_area .level04 strong{padding:10px 15px}

	.organization_map .map_area .line02{width:220px; margin-left:-110px}
	.organization_map .map_area .line03{margin-left:-47px}
	.organization_map .map_area .line04{margin-right:-39px}
	.organization_map .map_area .line05{margin-left:-110px; width:0; top:439px;}
	.organization_map .map_area .line06{margin-right:-39px; width:0;  top:404px}

}


/* -------------------- respon max 340px -------------------- */
@media all and (max-width:340px)
{
	/* 기관소개 - 조직도 */
	.organization_map{border:none}
}