@charset "utf-8";


.only_pc {display:block;}
.only_tab {display:block;}
.only_mob {display:none;}
/*========================================================================*/
@media screen and (max-width:1200px){
    
    .business_support_controll {top:-35px;}
    .business_support_controll > li.bsns_prev {left:0;}
    .business_support_controll > li.bsns_next {right:0;}
    
    body .slick-prev {left:0;}
    body .slick-next {right:0;}
}

@media screen and (max-width:1100px){
    .totalBtn {
        right:0;
    }
}

@media screen and (max-width:767px){
	.only_pc {display:none;}
	.only_mob {display:block;}


    table {max-width: 100%;  width:100%}
    
    .header,
    .content,
    .footer {
        width: 100%;
        max-width: 100%;
        min-width:320px;
    }
    .section {
        min-width:auto;
    }
    .container {
        min-width:auto;
        max-width:100%;
        
        padding-left:20px;
        padding-right:20px;
        -webkit-box-sizing:border-box;
                box-sizing:border-box;
    }
    .header_main {
		/* height:100px; */
    }
    .main_menu_wrap h1 {
        width:100%;
        float:none;
		padding:16px 0 17px;
            /* position: absolute;
            top: 40px;
            left:0; */
    }
    .main_menu_wrap h1 .logo {
        padding:0 20px;
    }
	.main_menu_wrap h1 .logo img{max-width:100%;}
	.header_main .gp-message,
	.header_main .lp-message {
	    float: left;
		background-color: #000;
		padding: 5px 20px;
		width: calc(100% + 40px);
		margin-left: -20px;
	}

	.header_main.GP,
	.header_main.LP {height:154px;}
	.header_main.GP h1,
	.header_main.LP h1 {top:99px;}

    .header_main .util_wrap {
        width:100%;
        float:left;
            /* padding-top: 10px; */
    }
    .util_wrap .util_menu {width:100%; float:right; text-align:center; margin:0 auto;}
    .util_wrap .util_menu > li {
        float:none;
        display:inline-block;
    }
    .util_wrap .search_box_wrap {float:right;}
    .util_wrap .search_box_wrap > * {display:none;}
    
    .header_menu .main_menu {
		width:100%;
        height:auto;
        display:none;
        border-top:1px solid #e3e3e3;
        background:none;
        /*box-shadow:0px 15px 60px #555;*/
        background-color:#fff;
    }
	.header_menu.GP .main_menu,
	.header_menu.LP .main_menu {
		border-top-color:#aaa;
	}
    
    .content {
        padding-top:101px;
	}
	.GPLP-content {
		padding-top:156px;
	}

	/*서브비주얼*/
	.svisual {
		/* background-size:240%; */
	}  
	.svisual .svisual_cont {
		height:260px
	}
	.svisual .text_wrap {
		padding-top: 115px;
	}
	
	@media (max-width:360px){
		/* .svisual .svisual_cont{max-height:88px;} */
	}
	
	
	.svisual .text_wrap .tit {font-size:18px; letter-spacing:-0.04em}
	.svisual .text_wrap .txt {display:none; font-size:12px;}	
	
    
    /* 대메뉴 */
    .main_menu_wrap {
        border-top:0;
        background-image:none;
    }
    .main_menu_wrap > .container {
        padding:0;
    }
    .header .header_menu .main_menu > .mnli {
        width:100%;
        /*border-bottom:2px solid #dadada;*/
    }
    .sub_menu_wrap {
        height:auto;
    }
    .main_menu > .mnli > a {
        width:100%;
        text-align:left;        
        margin:0;
        border-bottom:1px solid #e9e9e9;
        -webkit-box-sizing:border-box;
                box-sizing:border-box;
		top:0;
		height:auto;
		line-height:1.45em;
    }
	.main_menu > .mnli > a > span {line-height:40px;padding:0 5%;}
	.main_menu > .mnli > a.on > span {
		display:block;
		border-bottom:0; background:#1aaea4; 
		color:#fff;
		
	}
    .main_menu > .mnli > a:after {
        display:none;
        content:none;
    }
    .main_menu > .mnli:first-child > a {
        border-left-width:0;
    }
    .main_menu_wrap .main_menu > .mnli .sub_menu_wrap {
        border:0;
        display:none;
        position:static;        
        -webkit-transform:none;        
            -ms-transform:none;        
                transform:none;
        -webkit-transition:none;
        -o-transition:none;
        transition:none;
    }

	.header .header_menu .main_menu_wrap .main_menu > .mnli .sub_menu_wrap .sub_menu {
		padding-left:0;
	}

    .main_menu_wrap .main_menu > .mnli .sub_menu_wrap .container {
        padding-left:0;
        padding-right:0;
    }   

    .sub_menu > li {
        display:block; 
		border-bottom:1px solid #ddd;
    }
    .sub_menu > li:first-child > a {
        
    }
    .sub_menu > li > a {
        /*padding:5px 20px;
        background-position:12px 15px;
        border-bottom:1px solid #ddd;*/
		padding:10px 5%;
    }
	.sub_menu > li > a.on {
		color:#fff;
		background-image: url(/images/dot2_blue.jpg);
	}
    /*.sub_menu > li > a:before {
        content:" - ";
        margin-right:5px;
    }*/
    
	.header .header_menu:not(.fixed) .main_menu > .mnli .sub_menu_wrap {
		padding:0;
	}
    .mob .main_menu > .mnli > a + .sub_menu_wrap {
        background-color:#f4f4f4;
		
    }

	 .header_menu:not(.fixed) .main_menu > .mnli:nth-child(5) .sub_menu_wrap .sub_menu,
	 .header_menu:not(.fixed) .main_menu > .mnli:nth-child(6) .sub_menu_wrap .sub_menu {padding-right:0px; text-align:left;}
    .util_menu_etc {
        display:none;
    }
    
   
    #searchbox {
        width:auto;
        min-width:80px;
    }
    .totalBtn {
        display:none;
		background-color:transparent;
    }
    .mobBtn {
        display:block;
        top:20px;
        right:10px;
    }
    
    /* ===== 컨텐츠 영역 ==== */
    /* 메인 슬라이더 */

    #main .section.visual .visual_slide {
        height:240px;
        padding:0;
        display:table;
    }
    #main .section.visual .visual_slide > .container {
        display:table-cell;
        vertical-align:middle;
    }
    #main .section.visual .tit {
        font-size:16px;
    }
    #main .section.visual .txt {
        font-size:20px;
        line-height:1.4em;
        word-break:keep-all;
    }
    #main .section.visual .slick-dots li button:before {
        font-size:15px;
    }
    
    .section.section_main {
    }
	.section.section_main .kvca_training,
    .section.section_main .popupzone,
    .section.section_main .quickbtn_wrap,
    .section.section_main .calendar_wrap {
        float:none;
        display:block;
        margin:0 auto 30px;
        width:100%;
    }

	.section_main h3, .section_main .subtit{margin:0;}
	.section_main h3 {font-size:2em; padding-top:10px; font-weight:bold;}
	.section_main .subtit {font-size:1.2em; padding-bottom:10px;}

	.section_mcenter h3 {font-size:2em; padding-top:20px;font-weight:bold;}
	.section_mcenter .subtit {font-size:1.2em; padding-bottom:10px; padding-top:10px}

	@media (max-width:767px){
		
		.section_main h3, .section_mcenter h3{font-size:2.5em; text-align:center;}
		.section_main .subtit {font-size:1.5em; padding-bottom:10px; text-align:center;}
		
		
	}
	/*sub_common - 이지영 추가*/
	.contents > h2 {
		font-size: 18px;
		padding: 15px 0;
		margin-bottom: 15px;	
	}
	.contents .h2_subtit{font-size:1.2em;}


	.about01 .section01 .txt_area .tit{font-size:1.8em; color:#6e7b7e;}
	.about01 .section01 .txt_area .tit span.green{color:#1aaea4}
	.about01 .section01 .txt_area .txt{color:#121212; font-size:18px; margin:38px 0;}

	.inner_contents h4 {
/*		font-size:1.2em;	letter-spacing:-0.04em	*/
	}

	.inner_contents h5{
/*		font-size:1em;	letter-spacing:-0.04em */
	}

	.btn{width:100px;}


    /* 메인 - 팝업존 */
    .popupzone > .ppz_content_wrap {
        width:96%;
        margin:0 auto;
    }
    .popupzone > .ppz_content_wrap .ppz_content {
        background-size:100%;
    }
    
    /* 메인 - quick 아이콘 */
    .section_main .quickbtn > li {
        margin:0;
        left:0;
        top:0;
		width:50%;
    }
	.section_main .quickbtn > li.icon03 {
		float:right;
	}
    .section_main .quickbtn > li > a > span {
        padding:0;
        font-size:14px;
    }
    
    /* 메인 - 달력 */
    .calendar_wrap .calendar {
        position:static;
    }
    #main .calendar #mini-clndr {
        width:100%;
    }
    
    
    /* 메인 - 뉴스알림 */
    .section_news {
        background-size:cover;
    }
    .outer_news_bar {}
    .outer_news_bar .news_bar {
            background-size: contain;
    }
    .outer_news_bar .news_bar > a.tit {
        display:block;
        width:100%;
    }
    .outer_news_bar .news_bar > .news {
        position:static;
        float:left;
        width:100%;
        padding:0 5%;
    }
    .news_bar .news > .marquee {
        padding:0;
        width:100% !important;
        border:0;
    }
    .outer_news_bar .news_bar > a.more {
        top:22px;
    }
        
    .tabnews > li {
        width:100%;
    }
    .tabnews > li > .tabcont_wrap {
        top:153px;
        position:static;
    }
    .tabcont_wrap .tabcont > li {
        width:100%;
    }
    
    .tabcont_wrap .tabcont > li > a {
        min-height:186px;
        max-height:186px;
    }
    .tabcont > li > a > .tit {
        -o-text-overflow:ellipsis;
           text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap;
        min-height:50px;
    }
    .tabcont > li > a > .txt {
        height:85px;
    }
    .tabcont.newsletter > li > a > .thumbnail {
        margin:0 auto;
        text-align:center;
    }
    .tabcont.newsletter > li > a > .thumbnail > img {
        max-height:150px;
    }
    .tabcont.newsgallery > li > a > .thumbnail {
        
    }
    .tabcont.newsgallery > li > a > .thumbnail > img {
        margin:0 auto;
        max-height:150px;
    }
    .tabcont.newsgallery > li > a > .date {
        padding:5px 11px;
        text-align:right;
    }
    
    
    
    /* 메인 - 맞춤형 업무지원 */
    .business_support_wrap .business_support {
        width:100%;
    }
    .business_support > .icon {
        max-width:100%;
        background-size:100%;
    }

	.news_box > div {
		margin-bottom:30px;
	}
	.news_box > div:last-child {
		margin-bottom:0;
	}
    
    
    /* 푸터 사이트배너 */
    .sitebanner .slick-slide img {
        margin:0 auto;
    }
    
    /* 푸터 */
    .footer_main {
        
    }
    .footer_main .footer_logo {
        width:100%;
    }
    .footer_main .footer_logo > img {
        width:auto;
    }
    .footer_main .footer_info {
        width:100%;
        margin:30px 0;
    }
    .footer_main .familysite_wrap {
		position:relative;
        width:100%;
		*zoom:1;
    }
	.footer_main .familysite_wrap:after {
		display:block; content:" "; clear:both;
	}
	.info_wrap {
		*zoom:1;
	}
	.info_wrap:after {
		display:block; content:" "; clear:both;
	}
	.fsite_list {
		background-color:#fff;
	}

	.footer_terms {
		text-align:center;
		margin-bottom:0;
	}
	.footer_terms > li {
		display:inline-block; margin:0 10px;
	}
    
    /* 로그인 */
    .pop_wrap {
        width:90%;
        margin:0 5%;
        height:auto;
        min-height:343px;
    }
    .pop_wrap .pop_head {
        padding-top:15px;
        font-size:18px;
        word-break:keep-all;
    }
    .pop_wrap .pop_con {
        padding:90%;
        padding:20px 5%;
    }
    .pop_wrap input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
        background:inherit;
    }

   
    /* 사이드바 */
	.side_wrap {
		border-bottom: 0;
		background-color: transparent;
	}
    .sidebar {
		width: auto;
		margin: 0 -20px;
		float: none;
    }
    .sidebar_tit {
		height: auto;
		font-size: 18px;
		padding: 10px 20px;
		background: #404040;
		-webkit-box-shadow: none;
		        box-shadow: none;
    }
	.sidebar_tit > span.txt-below {
		font-size: 12px;
	}
    .sbmn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

    .sbmn_wrap .sbmn_tit {
        background-position: 95% 21px;
    }
    
    /* ======================== 콘텐츠 contents */
    .contents {
        width:100%;
    }
    /* 반응형 */
    .wrap .column.half {
        width:100%;
        margin:0 0 20px;
    }
    
    /* ======================== 뉴스알림 */
    /* 뉴스레터 */
    .newsletter > li {}
    .newsletter > li .thumbnail {
        width:100%;
        position:static;
    }
    .newsletter > li .cont {
        width:100%;
        padding:0;
    }
    .newsletter > li > .thumbnail > img {
        width:auto;
        margin:0 auto;
    }
    
    /* ======================== 정보마당 */
    /* 기본법령정보 */
    
    
    
    /* 테이블 - 임시 */
    .contents .board_lst,
    .contents .board_post,
    .wrap .board_post,
    .cal_new {
        width:100%; max-width:100%;
        overflow-x:scroll;
    }
    .contents .board_lst > table,
    .contents .board_lst > form > table,
    .contents .board_post > table,
    .wrap .board_post > form > table {
        width:760px;
		max-width:760px;
    }
    .contents .b_foot .b_btn {
        width:100%;
        text-align:center;
        padding:15px 0;
    }
    
    .contents .board_title00 {
        width:100%;
    }
    .contents .search_box.search_select1 {
        width:100%;
    }
    .contents .search_box.search_select1 > form > * {margin-top:4px; margin-bottom:4px;}
    
    
    /* ======================== 회원정보 */
    /* 회원제도안내 */
    .benefits > li {
        width:45%;
        margin:10px 2.5%;
    }
    .benefits > li > span {
        line-height:1.4em;
    }
    
    
    /* ======================== 협회안내 */
    /* 협회소개 */
    .contents .mainbusiness > li {
        width:100%;
        /*padding: 104px 10px 15px;*/
        margin-left:0;
        height:auto;
        min-height:85px;
        padding:15px 15px 15px 85px;
        background-position: 20px 15px;
    }
    
    /* 연혁 */
    .function-tab .history {
        
    }
    .history > li {
        width:100%;
    }
    .history > li > a {
        margin-left:0;
        left:0;
        border:1px solid #8ca4cd;
    }
    
    
    
    
    
    /* ======================== COMMON */
    /* 공통 */
    .wrap_table {
        padding:0;
    }
    .list {
        padding-left:0;
    }
    
    .contents .step_cc {}
    .contents .step_cc > li {
        width:90%;
        max-width:126px;
        margin:0 auto 20px;
        float:none;
    }
    .contents .step_cc.bigger > li {
        max-width:150px;
    }
    
    
    /**/
    .history > li > a.active {
        border-width:1px;
    }
    .history_cont {
        position:static;
    }
    .history_cont > dl {
        padding:0;
        border:0;
    }
    .history_cont > dl > dt {
        position:static;
        width:100%;
        padding: 10px 15px;
        font-size:18px;
        font-weight:600;
        text-align: left;
        border:0;
    }
    .history_cont > dl > dd {
        padding:11px 15px;
    }
    .history_cont .event .date {
        display:block;
        margin:0;
    }
    .history_cont .event .txt {
        display:block;
    }
    
    /**/
    .biz_box {
        height:auto;
        position:relative;
        background-image:none;
        background-color:#f5f8fd;
    }
    .biz_box:before {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:9px;
        content:" ";
        display:block;
        background:url(/images/biz_box_line.jpg) repeat-x 0 0;
    }
    .biz_box:after {
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        height:9px;
        content:" ";
        display:block;
        background:url(/images/biz_box_line.jpg) repeat-x 0 0;
    }
    .biz_box .biz_img1,
    .biz_box .biz_img2,
    .biz_box .biz_img3,
    .biz_box .biz_img4,
    .biz_box .biz_img5,
    .biz_box .biz_img6,
    .biz_box .biz_img7,
	.biz_box .recruit_img {
        height:auto;
        margin-top:15px;
        padding:210px 15px 15px 15px;
        background-position: 50% 20px;
    }


	/* 알림서비스 신청 팝업 */
	#sub .noti-pop_wrap {
		width:94%;
		max-width:94%;
		padding:20px 15px;
		overflow-y:auto;
		max-height:90%;
		z-index:1000;
	}
	.noti-pop_wrap .pop_head {
		padding-left:0;
		padding-top:0px;
		background-image:none;
	}
	.noti-pop_wrap table.style01 tr td input.name {
		width:auto;
		max-width:80%;
	}
	.noti-pop_wrap table.style01 tr td input.mail, 
	.noti-pop_wrap table.style01 tr td select {
		width:auto;
		max-width:100%;
	}


	/* 팝업 베이직 - 회원가입 안내 */
	.pop_wrap.basic {
		min-width:90%;
		padding-top:150px;
		padding-left:40px;
		background-position:50% 30px;
	}
	.pop_wrap.basic .pop_con .btn_left {
		padding-left:0;
	}




	/* greet */
	.greet {
		height: auto;
		padding-bottom: 100%;
		background-position:100% 100%;
	}



	.policy_box {}
	.policy_box > .head {
		width: 100% !important;
		display: block !important;
	}


	.board_view {
		max-width:100%;
		overflow-x:auto;
	}

	/* 서비스 및 윤리 강령 */
	.raw_img {
		display:none;
	}

	/* 협회 갤러리 
	.gallery_area {
		max-width:100%;
	}
	.contents .gallery_area ul li {
		width:220px; 
		margin-right:25px;
	}
	.contents .gallery_area ul li:nth-child(3n) {
		margin-right:0;
	}*/

}

@media screen and (max-width:479px){
	.main_welcome {
		padding:20px 30px;
	}
	.main_welcome > .txt {
		background-color:rgba(255,255,255, 0.8);
		padding:4px 5px;
	}
}



/* 170303 - ph */
@media screen and (max-width:767px) {
	.about01 .column_row .column_half {width:100%;}
	.about01 .column_row .column_half2 {width:100%;}
	.about01 .column_row .column_half.history{	padding-bottom:0;	}
	.about01 .column_row .column_half2.history{	padding:0 40px;	}

	.about01 .icon_list > li {width:100%; height:auto; margin-bottom:15px;}
	.about01 .icon_list > li > img,
	.about01 .section02 .n_box .icon_list img {width:auto;}

	.responsive_img img{	width:100%;	}
}