@charset "utf-8";
/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap'); */
@import url('/base/home/css/googlecss.css?family=Noto+Sans+KR:300,400,500,700,900&display=swap');

/*
 * default style definition
 */
*{margin: 0; padding: 0;}
body {
	/* font-family: "Malgun Gothic", "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; */
	/*	font-family: 'NanumSquare', sans-serif; */
	font-family: 'Noto Sans KR', sans-serif;
	color: #333;
	box-sizing: border-box;
}
ul{box-sizing: border-box;}
li{list-style: none; box-sizing: border-box;}
a{text-decoration: none; box-sizing: border-box; color: inherit;}
p{word-break: keep-all;}
div{box-sizing: border-box;}

table{border-collapse: collapse;}
textarea{box-sizing: border-box; resize: none;}
input{box-sizing: border-box;}
button{box-sizing: border-box;}
label{box-sizing: border-box;}
/* 초기화 */

/* 공통 ======================================================================================================================================*/
.last_rmg{margin-right: 0 !important;}
.last_linebye{border-bottom: 0 !important;}
/* ------------ 서브페이지 오른쪽 컨텐츠 타이틀/검색바 ------------ */
.fmy_listbox{float: left; width: 84%; height: auto; }
.fmy_midbox{width: 100%; height: auto; padding-left: 60px;}
.f_listtitle{margin: 50px 0 30px; border-bottom: 1.5px solid #e5e5e5; letter-spacing: -4px; text-align: center; font-size: 2.5em; font-weight: 300; color: #3d3d3d;}
.src_okbtn{height: 34px; padding: 8px 15px; letter-spacing: -1px; vertical-align: top; font-size: 0.85em; font-weight: 400; color: #fff; border: none; background: #525c6e;}
.src_okbtn3{height: 34px; padding: 8px 15px; letter-spacing: -1px; vertical-align: top; font-size: 0.85em; font-weight: 400; color: #fff; border: none; background: #525c6e;}
.src_oklink{display: inline-block; height: 34px; padding: 8px 15px; letter-spacing: -1px; text-align: center; vertical-align: top; font-size: 0.85em; font-weight: 400; color: #fff; border: none; background: #525c6e;}
.quick_box{width: 785px; height: 80px; margin: 0 auto; padding: 20px 0;}
.qk_sel{ width: 165px; height: 34px; border: 1px solid #afc6d0; background: url('/base/home/img/barrow_con2.png') no-repeat 95% 50%; background-color: #fff; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 0.9em; font-weight: 500; color: #838372;}
.qk_box{width: 440px; height: 34px; vertical-align: top; border: 1px solid #afc6d0;}
.qsrc_txt{display: none; letter-spacing: -1px; font-size: 0.9em; font-weight: 400; color: #002378;}



/* ------------서브페이지 사이드바------------ */
.fmy_click.on{color: #133b8c; background:url('/base/home/img/right_arrow.png') no-repeat; background-position: 90% 50%;}
.fmy_click:hover{color: #133b8c; background:url('/base/home/img/right_arrow.png') no-repeat; background-position: 95% 50%;}

/* ------------공지 뷰 목록버튼------------ */
.list_back{width: 200px; height: 50px; margin: 20px auto; border: 1px solid #a5a5a5;}
.list_back a{display: block; padding: 10px; text-align: center; font-size: 1.15em; font-weight: 400; color: #434343;}

/* ------------ 로그인/임시번호 박스&텍스트 ------------ */
.fmy_listbox2{width: 100%; height: auto;}
.f_listtitle2{margin: 50px 0 30px; letter-spacing: -4px; text-align: center; font-size: 3em; font-weight: 300; color: #3d3d3d;}

.nt_tbl tr:hover{background: #edf0f7;}
.myhup_tbl tr:hover{background: #edf0f7;}
.prom_tbl tr:hover{background: #edf0f7;}
.sancham_box tr:hover{background: #edf0f7;}
/* snb 메뉴라인 ======================================================================================================================================*/
#all_wrap{width: 100%; height: 100%;}
#hd_box{position: relative; width: 100%; }
.menu_box1{width: 100%; height: 30px; margin: 0 auto; border-bottom: 1px solid #d1d7e3; background: #edf0f7;}

.snb_line{width: 1300px; height: 100%; margin: 0 auto;}
.snb_ul{float: right; height: 100%;}
.snb_li{float: left; margin: 7px 10px;}
.line_li{margin: 5px 2px;}
.click_snb{display: block; font-size: 14px; font-weight: 700; font-family: 'NanumSquare', sans-serif; color: #303030;}
.mid_line{vertical-align: super; font-size: 12px; color: #c6d1e3;}

.first_margin{margin-left: 20px;}

/* logo & gnb 메뉴라인 ======================================================================================================================================*/
.menu_box2{width: 1300px; height: 105px; margin: 0 auto;}
.logo_gnbbox{clear: both; width: 100%; height: 100%;}
.logo_box{float: left; width: 50%; height: 100%;}
.logo_box a{display: block;}
.logo_box img{margin-top: 30px;}
.gnb_box{float: left; width: 50%; height: 100%;}
.gnb_ul{width: 100%; height: 100%;}
.gnb_li{float: left; height: 100%; margin-right: 28px; padding-top: 40px;}
.gnb_clicku{display: block; font-size: 1.2em; font-weight: 500; color: #303030;}

.m_gnbbox{display: none;}
.left_gnbWrap{display: none;}

/* 서브메뉴 ======================================================================================================================================*/
.sub_navbox{display: none; position: absolute; top: 130px; width: 100%; height: 140px; border-top: 1px solid #e5e5e5; background: #fff; box-shadow: 1px 2px 2px rgba(0,0,0,0.3); z-index: 1;}
.sub_leftbox{float: left; width: 50%; height: 100%;}
.sub_rightbox{float: left; width: 50%; height: 100%;}
.sub_navul{width: 100%; height: 100%;}
.nav_lick{float: left; width: 120px; text-align: center;}
.nav_leftm{margin-left: 5px;}
.nav_leftm1{margin-left: 30px;}
.nav_leftm2{margin-left: 15px;}
.nav_leftm3{margin-left: 15px;}
.nav_leftm4{margin-left: 35px; width: auto;}
.go_link{height: 30px; margin: 10px 0 0;}
.go_link a{display: block; letter-spacing: -1px; text-align: left; font-size: 0.95em; font-weight: 400; color: #3d3d3d; transition: all 0.2s;}
.go_link a:hover{color: #133b8c; border-bottom: 2px solid #133b8c;}


/* 메인 배너 ======================================================================================================================================*/
#m_banner2{display: none;}
#content_box{width: 100%; height: auto;}
.banner_txt{position: relative; top: -200px; width: 100%; height: auto; margin: 0 auto; z-index: 9999;}
.main_txt{letter-spacing: -5px; text-align: center; font-size: 4em; font-weight: 300; color: #fff; text-shadow: 1px 2px 5px #000;}
.m_gtbtn{position: absolute !important; top: 400px; left: 320px; display: block; padding: 20px 100px; border-radius: 35px; letter-spacing: -1.5px; font-size: 1.35em; font-weight: 500; background: #ffd100; color: #121212; box-shadow: 0px 4px 9px rgba(0,0,0,0.3);}

/* slide pro 사용시 주석 해제 */
/*.sp-grab, .sp-slide, .sp-image-container{width: 100% !important;}*/ 

#main_banner{position: relative; width: 100%;height: 576px; }

/* bxslider 박스 높이값 지정 */
.bx-wrapper, .bx-viewport, .m_banner, .banner_hg{overflow: hidden; height: 100% !important;} 
.bx-wrapper{/* width: 1800px; */ height: 350px; margin: 0 auto; margin-bottom: 0 !important; box-shadow: none !important; border: none !important; background: none !important;}
.bx-wrapper .banner_img{max-width: none !important;}
.bx-wrapper .bx-pager{bottom: 50px !important; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{background: #fff !important;}
.bx-wrapper .bx-pager.bx-default-pager a{background: rgba(255,255,255, 0.5) !important; margin: 0 10px !important;}
.dj_prev{position: absolute; top: 40%; left: 200px; width: 50px;}
.dj_next{position: absolute; top: 40%; right: 200px; width: 50px;}
.dj_prev img, .dj_next img{width: 100%;}

/* 메인 서브페이지아이콘 ======================================================================================================================================*/
.menu_icon{width: 1000px; height: 130px; margin: 30px auto 0;}
.mu_iconul{width: 100%; height: 100%;}
.mu_iconli{float: left; height: 127px; margin-right: 110px; overflow: hidden;}
.mu_iconli a{display: block;}
.mu_imgbox{width: 110px; height: 90px; margin-bottom: 10px; text-align: center;}
.menu_ictxt{letter-spacing: -1px; text-align: center; font-size: 1.13em; font-weight: 400; color: #1b1b1b;}

/* 메인 컨텐츠1 공지사항/가족(회사신청,회사현황)/산학협력협의체  박스 ======================================================================================================================================*/
.mid_contbox{width: 100%; height: auto;}
.centerbox{width: 1300px; height: 500px; margin: 40px auto;}
.list_box{position: relative; float: left; width: 50%; height: 100%; background: #2f498e;}
.cont_title{position: relative; text-align: center; letter-spacing: -2.7px; font-size: 2.5em; font-weight: 400; color: #fff;}
.top_line{position: relative; width: 60px; height: 2px; margin: 70px auto 0; background: #fff;}
.top_lineblk{position: relative; background: #3d485f;}
.note_line{width: 100%; height: 1px;}
.cont_text{padding: 10px 0 10px 60px; letter-spacing: -1.5px; font-size: 1.15em; font-weight: 400; color: #fff;}
.ct_subtxt{font-size: 1.4em;}

.cont_ul{width: auto; height: auto; padding: 10px 0 10px 60px;}
.cont_li{width: 100%;}
.cont_nt{display: block;}
.gong_imgbox{display: block; position: absolute; bottom: 20px; right: 20px;}

.list_box2{float: left; width: 50%; height: 100%;}
.family_box{width: 100%; height: 100%;}
.look_li{float: left; position: relative; width: 50%; height: 250px; text-align: center;}
.look_fm1{background: #3d485f}
.look_fm2{background: #ffd100}
.look_icon{position: absolute; top: 13px; right: 30px;}
.cont_title2{position: relative;text-align: center; letter-spacing: -2.7px; font-size: 2.5em; font-weight: 400; color: #3d485f;}
.detail_box{display: inline-block; margin-top: 10px; padding: 10px 15px; border: 1px solid #fff; font-size: 1.05em; color: #fff;}
.detail_box2{display: inline-block; margin-top: 10px; padding: 10px 15px; border: 1px solid #3d485f; font-size: 1.05em; color: #3d485f;}
.detail_box3{display: inline-block; margin-top: 10px; padding: 10px 65px; border: 1px solid #fff; font-size: 1.05em; color: #fff;}

.look_fm3{clear: both; position: relative; width: 100%; height: 250px; text-align: center; background: #757d8d;}
.hig_box{width: 100%; height: 1px;}
.top_line2{width: 60px; height: 2px; margin: 40px auto 0; background: #fff;}
.san_txt{letter-spacing: -1.5px; font-size: 1.15em; font-weight: 300; color: #fff;}

.nt_txtlist{text-overflow: ellipsis; letter-spacing: -0.5px; font-size: 1.15em; font-weight: 400; color: #fff;}
.nt_goaway{width: 100%; height: 80px; text-align: center;}

/* 메인 컨텐츠2 (혜택) 박스 ======================================================================================================================================*/
.bnf_box{float: left; width: 50%; height: 500px;}
.benefit_ul{float: left; width: 50%; height: 100%;}
.bnf_li{width: 100%; height: auto;}
.top_line3{width: 250px; height: 2px; margin-bottom: 20px; background: #2f498e;}
.bnf_title{letter-spacing: -2px; line-height: 60px; font-size: 3.3em; font-weight: 400; color: #2f498e;}
.bnf_subbox{width: 100%; height: auto; margin-bottom: 20px;}
.m_benefitul{padding-top: 45px;}
.bnf_subtxt1{letter-spacing: -1px; font-size: 1.2em; font-weight: 400; color: #c79d74;}
.bnf_subtxt{margin: 20px 0 5px; letter-spacing: -1px; font-size: 1.5em; font-weight: 400; color: #c79d74;}
.read_btn{display: inline-block; padding: 10px 30px; text-align: center; font-size: 0.9em; font-weight: 400; color: #fff; background: #c79d74;}
.bnf2_li{letter-spacing: -1px; line-height: 40px; font-size: 1.15em; font-weight: 400; color: #666666;}
.bnf_sideimg{width: 100%; height: 100%;}

/* 푸터 박스 ======================================================================================================================================*/
#ft_allbox{clear: both; width: 100%; height: auto;}
.ft_top{width: 100%; height: 50px; background: #252f3f;}
.ft_topmid{width: 1200px; height: 100%; margin: 0 auto;}
.policy_ul{float: left; width: 55%; height: 100%;}
.policy_li{float: left; margin: 14px 5px;}
.py_click{font-size: 0.9em; font-weight: 400; color: #838372;}
.mid_line2{vertical-align: super; font-size: 0.7em; color: #838372;}
.line_li2{margin: 17px 2px;}
.py_sp{color:#abd6f4;}

.hack_ul{float: left; width: 45%; height: 100%;}
.hack_li{float: left; margin: 12px 5px;}
.hack_slt{ width: 200px; padding: .3em .5em; border: 1px solid #000; background: url('/base/home/img/barrow_con.png') no-repeat 95% 50%; background-color: #1d242e; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 0.9em; font-weight: 500; color: #838372;}

.ft_bottombox{width: 1200px; height: 160px; margin: 0 auto;}
.ft_logobox{float: left; padding: 50px; padding-left: 0;}
.ft_addr{float: left; padding-top: 40px;}
.addr_txt{letter-spacing: -0.5px; font-size: 0.8em; font-weight: 400; color: #979797;}
.addr_txt2{display: none;}
.ft_line{font-size: 0.7em; vertical-align: middle; }



/* 서브페이지 헤더배너 시작 ======================================================================================================================================*/
.fmy_bnhd{width: 100%; height: 220px; background: url('/base/home/img/sub_banner2.png') no-repeat; background-size: cover;}
.fmy_bnhd2{width: 100%; height: 220px; background: url('/base/home/img/sub_banner1.png') no-repeat; background-size: cover;}
.fmy_hdmid{width: 1300px; height: 100%; margin: 0 auto;}
.fmy_left{float: left; width: 50%; height: 100%;}
.fmy_right{float: left; width: 50%; height: 100%;}
.fmy_bntext{padding-top: 65px; line-height: 40px; text-align: right; letter-spacing: -4px; font-size: 2.5em; font-weight: 300; color: #fff;}
.fmy_subtext{letter-spacing: -1px; font-size: 0.6em; color: rgba(255,255,255,0.5);}


/* 서브페이지 전체박스 시작 ======================================================================================================================================*/
#fmy_box{width: 1300px; height: 800px; margin: 0 auto;}
#fmy_box2{width: 1300px; height: 1500px; margin: 0 auto;}
#fmy_box3{width: 1300px; height: 2700px; margin: 0 auto;}
#fmy_box4{width: 1300px; height: 2200px; margin: 0 auto;}
/* 서브페이지 사이드바 시작 ======================================================================================================================================*/
.fmy_sidebar{float: left; width: 15%; height: 100%; border-right: 1px solid #e5e5e5;}
.fmy_sidebar2{float: left; width: 15%; height: 100%; border-right: 1px solid #e5e5e5;}
.fmy_ul{width: 100%; height: 100%;padding-left: inherit;}
.fmy_li{width: 100%; height:auto; border-bottom: 1px solid #e5e5e5;}
.fmy_title{height: 90px; padding-right: 30px; padding-top: 30px; text-align: right; font-size: 1.2em; font-weight: 400; color: #fff; background: #133b8c;}
.fmy_click{display: block; padding: 15px 30px 15px 0; letter-spacing: -1.2px; text-align: right; font-size: 1em; font-weight: 400; color: #3d3d3d;}


/* 서브페이지 오른쪽 컨텐츠 시작 ======================================================================================================================================*/
.note_listbox{width: 100%; height: auto; margin-top: 10px;}
.note_listbox2{width: 100%; height: auto; margin-top: 10px;}
.nt_totaltxt{font-size: 0.9em; font-weight: 400; color: #191919;}
.nt_tbl{width: 100%; height: auto; border-top: 2px solid #191919;}
.nt_tblst{width: 100%; height: auto; border-top: 2px solid #191919;}
.nt_th{padding: 15px; text-align: center; font-size: 0.9em; font-weight: 500; color: #161616; background: #f9f9f9;}
.nt_td{padding: 15px 0; border-bottom: 1px solid #d1d1d1; text-align: center; font-size: 1em; font-weight: 500; color: #4b4b4b;}
.nt_link{display: block;}
.st_clickgo{display: block;}

.paging_num{width: 100%; height: 70px; margin: 50px auto 0; text-align: center;}
.page_ul{width: 100%; height: 100%;}
.page_li{float: left; margin: 10px;}
/*.line_page{margin: 14px 0.6em;}*/
/*.click_page{display: block; font-size: 1em; font-weight: 400; color: #434343;}*/
.click_page2{display: inline-block; margin-right: 10px; font-size: 1em; font-weight: 400; color: #434343;}
.mid_line3{margin-right: 10px; font-size: 0.9em; font-weight: 400; color: #838372;}


/* 가족회사 신청 ======================================================================================================================================*/
.register_info{width: 100%; height: auto; margin-bottom: 60px;}
.register_info img{width: 100%;}

.off_apply{width: 100%; height: auto; border: 1px solid #c1c7d7;}
.off_title{padding: 20px 10px; text-align: center; letter-spacing: -3px; font-size: 2.2em; font-weight: 400; color: #002378; background: #f6f6f6;}
.off_textbox{width: 70%; height: auto; margin: 0 auto;}
.off_subtxt{margin: 70px 0 40px; text-align: left; letter-spacing: -1.8px; font-size: 1.15em; font-weight: 400; color: #3d3d3d;}
.off_ul{width: 70%; height: auto; margin: 0 auto;}
.off_ligo{width: 100%; height: 100px; border-top: 1px solid #e5e5e5}
.link_txt{padding: 20px 10px; text-align: center; letter-spacing: -1.5px; font-size: 1.15em; font-weight: 500;}
.blue_txt{color: #003ed3;}

.off_onbox{width: 410px; height: 100px; margin: 0 auto;}
.offon_ul{width: 100%; height: 100%;}
.offon_li{float: left; width: 200px; height: 100%; margin-right: 10px;}
.red_ok{display: block; padding: 10px; text-align: center; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #fff; background: #3a64b8;}/*#7d0101*/
.green_ok{display: block; padding: 10px; text-align: center; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #fff; background: #2f498e;}




/* 단장인사말 시작 ======================================================================================================================================*/
.leader_box{width: 100%; height: 950px; background: url('/base/home/img/leader_bg.png') no-repeat; background-position: right bottom;}
.leader_text1{margin-top: 70px; letter-spacing: -2px; font-size:1.5em; font-weight: 400; color: #3860b1;}
.leader_text2{margin-top: 30px; line-height: 35px; letter-spacing: -1.5px; font-size:1em; font-weight: 400; color: #3d3d3d;}


/* 조직도 및 직원소개 시작 ======================================================================================================================================*/
.sanhack_box{width: 100%; height: auto;}
.org_txtbox{width: 130px; height: auto; margin: 50px auto; border-bottom: 3px solid #a4b6d4;}
.org_title{text-align: center; letter-spacing: -2px; font-size: 2.2em; font-weight: 400; color: #3a64b8;}
.org_imgbox{width: 90%; height: auto; margin: 0 auto;}
.org_imgbox img{width: 100%;}
.staff_tbl{width: 100%; height: auto;}
.staff_th{padding: 10px; text-align: center; letter-spacing: -1.5px; font-size: 1em; font-weight: 400; color: #fff; background: #69789d;}
.staff_td{padding: 10px; border-bottom: 1px solid #cfd2d7; text-align: center; letter-spacing: -1.5px; font-size: 1em; font-weight: 400; color: #303030;}


/* 찾아오시는길 시작 ======================================================================================================================================*/
.map_box{width: 90%; height: auto; margin: 0 auto;}
.map_listbox{width: 90%; height: auto; margin: 0 auto;}
.mapbox_ul{width: 100%; height: auto; margin-top: 40px;}
.mapbox_li{width: 100%; height: 40px; margin-bottom: 5px; letter-spacing: -1px; font-size: 0.9em; font-weight: 500; color: #3d3d3d;}
.look_list{margin-right: 15px; padding: 10px 40px; font-size: 0.8em; font-weight: 500; background: #efefef; color: #3d3d3d;}
.look_list img{margin-right: 5px;}


/* 협의체 소개 시작 ======================================================================================================================================*/
.sanhup_box{width: 90%; height: auto; margin: 0 auto;}
.san_titlebox{width: 290px; height: auto; margin: 50px auto; border-bottom: 2px solid #3a64b8;}
.sanhup_title{line-height: 60px; text-align: center; letter-spacing: -2px; font-size: 2.3em; font-weight: 400; color: #3a64b8;}
.sanhup_subtxt{margin-bottom: 30px; text-align: center; font-size: 1.15em; font-weight: 400; letter-spacing: -1.5px; color: #3d3d3d;}

.propulsion_txt{margin: 50px 0 30px; letter-spacing: -2px; text-align: center; font-size: 2.7em; font-weight: 400; color: #69789d;}
.net_gubox{width: 100%; height: auto;}
.net_gubox img{width: 100%;}
.propu_box{width: 100%; height: auto;}
.propu_box img{width: 100%;}

/* 가족회사 신청(접수양식) 시작 ======================================================================================================================================*/
.hupdetail_box{width: 100%; height: auto;}
.hupdetail_tt{clear: both; margin-bottom: 0; letter-spacing: -2px; font-size: 1.5em; font-weight: 300; color: #3d3d3d;}
.hupdetail_tt img{margin-right: 10px;}
.hup_topbox{width: 100%; height: auto; border: 1px solid #afc6d0; background: #f6f8fe;}
.hup_dtbox{clear: both; width: 876px; height: 350px; margin: 0 auto; padding-top: 30px; border-bottom: 1px solid #afc6d0;}
.hup_dtbox2{clear: both; width: 876px; height: 350px; margin: 0 auto; padding-top: 30px;}
.hup_ul{clear: both; width: 100%; height: 43px;}
.hup_li{float: left; height: 100%;}
.dt_huptxt{width: 90px; padding-top: 5px; padding-right: 5px; text-align: right; letter-spacing: -1px; font-size: 0.8em; font-weight: 900; color: #3d3d3d;}

.code_box{width: 100px; height: 33px; padding-left: 10px; border: 1px solid #afc6d0;}
.bsn_box{width: 585px; height: 33px; padding-left: 10px; border: 1px solid #afc6d0;}
.hup_twobox{width: 196.5px; height: 33px; padding-left: 10px; background: url('/base/home/img/sel_arrow.png') no-repeat 95% 50%; background-color: #fff; border: 1px solid #afc6d0; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.date_box{height: 30px; padding-left: 10px; border: 1px solid #afc6d0;}
.little_txt{margin-left: 20px; font-size: 0.8em; font-weight: 300; color: #3d3d3d;}
.prsn_box{width: 70px; height: 33px; padding-left: 10px; border: 1px solid #afc6d0;}
.poe_box{width: 145px; height: 33px; padding-left: 10px; border: 1px solid #afc6d0;}

.rfp_txt{margin-bottom: 15px; font-size: 0.8em; font-weight: 700; color: #4f6186;}
.task_box{width: 780px; height: 33px; padding-left: 10px; border: 1px solid #afc6d0;}
.schedule_box{width: 342px; height: 33px; padding-left: 10px; border: 1px solid #afc6d0;}
.operation_box{width: 780px; height: 120px; padding-left: 10px; border: 1px solid #afc6d0;}

.fmy_businessbox{width: 100%; height: auto;}
.hupdetail_tt2{margin-top: 33px; margin-bottom: 15px; letter-spacing: -2px; font-size: 1.5em; font-weight: 300; color: #3d3d3d;}
.hupdetail_tt2 img{margin-right: 10px;}
.certif_tbl{width: 100%; height: auto; border: 1px solid #afc6d0;}
.crt_th{padding: 10px 0; font-size: 0.8em; color:#4f6186; border-bottom: 1px solid #afc6d0;}
.crt_midline{display: block; border-right: 1px solid #afc6d0;}
.crt_td{padding: 10px;}
.crt_putbox{width: 100%; height: 30px; padding-left: 10px; border: 1px solid #afc6d0;}

/* 회원가입(이용약관) 시작 ======================================================================================================================================*/
.terms_hd{width: 100%; height: auto;}
.terms_hd img{width: 100%;}
.terms_ul{width: 100%; height: 50px;}
.terms_li{float: left; width: 33.3%; height: 100%; }
.tm_look{display: block; height: 100%; text-align: center; font-size: 0.9em; font-weight: 300; color: #717171;}
/* .arrow_right{width:0; height: 0; border-top: 10px solid transparent; border-left: 10px solid #e5e5e5; border-bottom: 10px solid transparent;} */

.terms_chkbox{position:relative; margin-top: 5px; margin-bottom: 50px;}
.terms_chkbox .chk_btn[type=checkbox]::-ms-check{border:solid 1px #fff;}
.terms_chkbox .chk_btn[type=checkbox]{-webkit-appearance: none; position:absolute; top:0; left:0; width:22px; height:22px; vertical-align:middle;}
.terms_chkbox .chk_btn[type=checkbox] + label{display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; color: #8d8d8d;}
.terms_chkbox .chk_btn[type=checkbox] + label:before{content:""; display:inline-block; width:20px; height:20px; margin-right:10px; position:absolute; top:0; left:0; bottom:1px; border: 1px solid #b2b2b2; background-color:#fff; /* border-radius:2px; */}
.terms_chkbox .chk_btn[type=checkbox]:checked + label:before{ content:"\2713"; font-size:18px; font-weight:800; color:#fff; background: #142f65; text-align:center; line-height:18px;}


.terms_dtbox{width: 100%; height: 185px; margin: 30px 0; padding: 25px 40px; border: 1px solid #b2b2b2; background: #eee;}
.tm_dttxt{margin-bottom: 20px; letter-spacing: -2px; font-size: 1.2em; font-weight: 300; color: #444;}
.tm_dtul{width: 100%; height: auto;}
.tm_dtli{letter-spacing: -1px; line-height: 25px; font-size: 0.9em; font-weight: 300; color: #444;}
.tm_dtli i{color: #919191;}

.terms_tabox{width: 100%; height: auto;}
.tm_textlook{width: 100%; height: 185px; border: 1px solid #b2b2b2; background: #eee;}
.hupdetail_tt3{margin-bottom: 10px; letter-spacing: -2px; font-size: 1.5em; font-weight: 300; color: #3d3d3d;}
.hupdetail_tt3 img{margin-right: 10px;}

.member_gobox{width: 400px; height: auto; margin: 0 auto;}
.mb_goul{width: 100%; height: 50px;}
.mb_goli{float: left; width: 49%; height: 100%;}
.mb_golink{display: block; padding: 14px; letter-spacing: -1px; text-align: center; font-size: 0.9em; font-weight: 400; color: #fff; background: #4f6186;}
.fm_goaway{width: 100%; height: 100%; border: none; letter-spacing: -1px; font-size: 0.9em; font-weight: 400; color: #fff; background: #142e63;}
.mb_rmargin{margin-right: 5px;}

/* 가족회사 신청서폼 시작 ======================================================================================================================================*/
.fmdetail_box{width: 100%; height: auto;}
.fm_applybox{width: 100%; height: auto; border: 1px solid #afc6d0;}
.f_apth{padding: 10px; border-bottom: 1px solid #afc6d0; border-right: 1px solid #afc6d0; font-size: 0.9em; font-weight: 500; color: #3d3d3d; background: #f6f8fe;}
.f_aptd{padding: 10px; border-bottom: 1px solid #afc6d0; border-right: 1px solid #afc6d0;}

.f_putbox{width: 150px; height: 30px; padding-left: 10px; border: 1px solid #afc6d0;}
.f_putbox2{width: 80px; height: 30px; padding-left: 10px; border: 1px solid #afc6d0;}
.f_putbox3{width: 180px; height: 30px; padding-left: 10px; border: 1px solid #afc6d0;}
.f_putbox4{width: 100px; height: 30px; padding-left: 10px; border: 1px solid #afc6d0;}
.f_putbox5{width: 100%; height: 30px; padding-left: 10px; border: 1px solid #afc6d0;}
.f_putbox6{width: 100%; height: 30px; padding-left: 10px; border: 1px solid #afc6d0;}

/* 공지사항 시작 ======================================================================================================================================*/
.fnt_th{padding: 15px; border-top: 2px solid #161616; text-align: center; font-size: 0.9em; font-weight: 500; color: #161616; background: #f9f9f9;}
.fnt_td{text-align: center;  font-weight: 400; color: #4b4b4b;padding: 10px}
.fnt_td a{display: block;}
.fnt_subject{text-align: left; text-overflow: ellipsis;}
.fnt_subject2{text-overflow: ellipsis;}
.blue_light{margin-right: 10px; padding: 2px 10px; font-size: 0.8em; background: #617fae; color: #fff;}
.fnt_number{ color: #434343;}

/* 공지사항 뷰페이지 시작 ======================================================================================================================================*/
.fnt_viewbox{width: 100%; height: auto;}
.nt_viewtbl{width: 100%; height: auto; border-top: 2px solid #161616; border-bottom: 1px solid #161616;}
.view_td{padding: 30px 30px 15px; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #161616; background: #f9f9f9;}
.view_td2{padding: 30px 30px 15px; letter-spacing: -1px; text-align: center; font-size: 1em; font-weight: 400; color: #161616; background: #f9f9f9;}
.view_title{font-size: 1.3em; color: #434343;}
.view_down{padding: 0 45px 20px; color: #818181; background: #f9f9f9;}
.view_down a{display: inline-block;}
.view_text{padding: 30px;}
.view_look{letter-spacing: -0.5px; font-size: 0.9em; font-weight: 400; color: #434343;}


/* 가족회사 현황 뷰페이지 시작 ======================================================================================================================================*/

/*.fst_tbl{width: 100%; height: auto; border: 1px solid #d7d9df;}*/
/*.fst_th{padding: 15px 30px; border-bottom: 1px solid #d7d9df; font-size: 1em; font-weight: 400; color: #6a6e76; background: #f6f6f6;}*/
/*.fst_td{padding: 15px 15px; border-bottom: 1px solid #d7d9df; font-size: 1em; font-weight: 400; color: #6a6e76;} */

.fst_viewbox{width: 100%; height: auto;}
.fst_ul{width: 100%; height: 302px; border: 1px solid #d7d9df;}
.fst_li{float: left; width: 50%; height: 50px;}
.fst_ul2{width: 100%; height: 100%;}
.fst_li2{float: left; width: 50%; height: 100%;}
.fst_li3{width: 100%; height: 50px;}
.fst_li4{float: left; width: 25%; height: 50px;}
.fst_li5{float: left; width: 75%; height: 50px;}
.gray_box{border-bottom: 1px solid #d7d9df; background: #f6f6f6;}
.gray_line{border-bottom: 1px solid #d7d9df;}
.fst_title{padding: 12px; letter-spacing: -0.5px; text-align: center; font-size: 1em; font-weight: 400; color: #6a6e76;}
.fst_txt{padding: 12px; letter-spacing: -0.5px; text-align: left; font-size: 1em; font-weight: 400; color: #6a6e76;}
.fst_txt2{padding: 12px; letter-spacing: -0.5px; text-align: left; font-size: 1em; font-weight: 400; color: #6a6e76;}

/* 가족회사 홍보 시작 ======================================================================================================================================*/
.prom_listbox{width: 100%; height: auto;}
.prom_tbl{width: 100%; height: auto; border-top: 2px solid #161616;}
.prom_th{padding: 15px; text-align: center; font-size: 0.9em; font-weight: 500; color: #161616; background: #f9f9f9;}
.prom_td{padding: 15px 0; border-bottom: 1px solid #d1d1d1; text-align: center; font-size: 1em; font-weight: 400; color: #4b4b4b;}
.prom_td a{display: block;}

/* ------------ 나의메뉴(나의 협의체) ------------ */
.quick_box2{width: 70%; height: 80px; margin: 0 auto; padding: 20px 0;}
.qk_box2{width: 440px; height: 34px; vertical-align: top; border: 1px solid #afc6d0;}
.qsrc_txt2{margin-right: 15px; letter-spacing: -1px; font-size: 0.9em; font-weight: 400; color: #002378;}

.myhup_listbox{width: 100%; height: auto;}
.myhup_tbl{width: 100%; height: auto;}
.myhup_th{padding: 15px; text-align: center; font-size: 0.9em; font-weight: 500; color: #161616; background: #f9f9f9;}
.myhup_td{padding: 15px 0; border-bottom: 1px solid #d1d1d1; text-align: center; font-size: 1em; font-weight: 400; color: #4b4b4b;}
.hup_left{text-align: left;}
.hup_right{text-align: right;}

/* 202001028 나의 협의체현황 추가 css*/
.myhup_txt{text-overflow: ellipsis; display: inline-block; width: 100px; white-space: nowrap; overflow: hidden;}
.myhup_txt2{text-overflow: ellipsis; display: inline-block; width: 60px; white-space: nowrap; overflow: hidden;}
.myhup_txt3{text-overflow: ellipsis; display: inline-block; width: 80px; white-space: nowrap; overflow: hidden;}


/* 로그인 시작 ======================================================================================================================================*/
.login_box{width: 100%; height: auto; padding: 50px 0; border-top: 2px solid #161616; border-bottom: 1px solid #d7d9df; background: #fafafa;}
.login_tbl{width :50%; height: auto; margin: 0 auto;}
.log_td1{padding: 20px 0; font-size: 1em; font-weight: 400; color: #3c3c3c;}
.log_td1 label{margin-right: 20px;}
.log_td2{padding-bottom: 5px; padding-right: 5px; font-size: 1em; font-weight: 400; color: #3c3c3c;}
.log_putbox{width: 100%; height: 55px; margin-top: 5px; padding-left: 10px; border: 1px solid #ddd; font-size: 1.1em; font-weight: 400;}
.log_putbox::placeholder{letter-spacing: -1.5px; color: #a4a4a4;}
.log_td3{width: 200px; padding: 0;}
.log_push{width: 100%; height: 120px; border: none;  letter-spacing: -1px; font-size: 1.15em; font-weight: 500; color: #fff; background: #333}

.id_linebox{width: 50%; height: 50px; margin: 30px auto 0;}
.id_lineul{width: 100%; height: 100%;}
.log_li{float: left; width: 50%; height: 100%;}

.log_li {position: relative;}

.log_li input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.log_li input[type="checkbox"] + label {display: inline-block; position: relative; padding-top: 5px; cusor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.log_li input[type="checkbox"] + label:before {content: ' '; display: inline-block; width: 18px; height: 18px; line-height: 18px; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fafafa; border: 1px solid #cacece; border-radius: 3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
.log_li input[type="checkbox"] + label:active:before,
.log_li input[type="checkbox"]:checked + label:active:before {box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.log_li input[type="checkbox"]:checked + label:before {content: '\2713'; color: #314ca2; text-shadow: 1px 1px white; background: #f1f4ff; border-color: #adb8c0; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}

.log_li .log_srcline{display: inline-block; padding: 5px; font-size: 1em; font-weight: 400; color: #5f5f5f;}
.log_midline{padding: 0 20px; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}

/* 비밀번호찾기 시작 ======================================================================================================================================*/
.pwd_box{width: 100%; height: auto;  padding: 50px 0; border-top: 2px solid #161616; border-bottom: 1px solid #d7d9df; background: #fafafa;}
.pwd_midbox{width: 100%; height: 100%; background: url('/base/home/img/pw_bg.png') no-repeat; background-position: 10% 50%;}
.pw_subtitle{margin-bottom: 20px; text-align: center; letter-spacing: -1px; font-size: 1.15em; font-weight: 400; color: #3c3c3c;}
.pwd_tbl{width: 350px; height: auto; margin: 0 auto;}
.pw_td{width: 100%; padding: 5px;}
.pw_putbox{width: 100%; height: 50px; padding-left: 10px; border: 1px solid #ddd; font-size: 1.1em; font-weight: 400;}
.pw_putbox::placeholder{letter-spacing: -1.5px; color: #a4a4a4;}
.pwbtn_push{width: 100%; height: 50px; border: none; letter-spacing: -1.5px; font-size: 1.15em; font-weight: 400; color: #fff; background: #333;}

/* 임시번호등록 시작 ======================================================================================================================================*/
.tpy_box{width: 100%; height: 300px; padding: 50px 0; border-top: 2px solid #161616; border-bottom: 1px solid #d7d9df; background: #fafafa;}
.tpy_txt{margin-bottom: 50px; text-align: center; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #3c3c3c;}
.tpy_blue{color: #003ebb;}
.tpy_ul{width :50%; height: 50px; margin: 0 auto;}
.tpy_li{float: left; width: 65%; height: 50px; margin-right: 5px;}
.business_box{width: 100%; height: 50px; padding-left: 10px; border: 1px solid #ddd; font-size: 1.1em; font-weight: 400;}
.business_box::placeholder{letter-spacing: -1.5px; color: #a4a4a4;}
.tpy_li2{float: left; width: 30%; height: 50px;}
.tpy_black{width: 200px; height: 50px; border: none; letter-spacing: -1.5px; font-size: 1.1em; font-weight: 400; color: #fff; background: #333333;}

/* 임시번호등록완료 시작 ======================================================================================================================================*/
.tpy_box2{width: 100%; height: 300px; padding: 50px 0; border-top: 2px solid #161616; border-bottom: 1px solid #d7d9df; background: #fafafa;}
.tpy_imgbox{width: 100%; height: 100%; background: url('/base/home/img/pw_bg.png') no-repeat; background-position: 25% 50%;}
.tpy_txt2{padding: 40px; text-align: center; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #3c3c3c;}
.tpy_okbox{width: 200px; height: 50px; margin: 0 auto;}
.tpy_oklink{display: block; padding: 10px; letter-spacing: -1.5px; text-align: center; font-size: 1.1em; font-weight: 400; color: #fff; background: #333;}

/* 가족회사 신청완료 시작 ======================================================================================================================================*/
.apply_okbox{width: 80%; height: auto; margin: 60px auto; text-align: center; background: #fafafa;}
.apply_oktitle{padding: 0 0 100px; letter-spacing: -2px; text-align: center; font-size: 2.2em; font-weight: 400; color: rgba(51,51,51,0.5);}

/* 가족회사 제도 시작 ======================================================================================================================================*/
.institu_box1{width: 100%; height: auto; margin-bottom: 50px;}
.institu_txt{padding-top: 20px; letter-spacing: -2px; text-align: center; font-size: 2.2em; font-weight: 400; color: #3a64b8;}
.institu_ul{width: 100%; height: 150px; margin-top: 50px;}
.institu_li{width: 100%; height: auto; margin-bottom: 5px; letter-spacing: -1px; font-size: 1.1em; font-weight: 400; color: #515151;}

.institu_box2{width: 100%; height: auto;}
.institu_img{width: 100%; height: auto; margin-top: 50px;}
.institu_img img{width: 100%;}
.institu_ul2{width: 100%; height: 350px; margin-top: 50px;}
.institu_li2{float: left; margin-right: 35px;}
.arrow_mid{margin-top: 160px;}

/* 가족회사 혜택 시작 ======================================================================================================================================*/
.f_bfbox{clear: both; width: 100%; height: auto;}
.left_bfbox{float: left; width: 50%; height: 100%; background: url('/base/home/img/fm_bg.png') no-repeat; background-position: 100% 100%;}
.right_bfbox{float: left; width: 50%; height: auto;}
.bf_title{margin-top: 40px; margin-bottom: 40px; text-align: center; letter-spacing: -2px; line-height: 60px; font-size: 3.8em; font-weight: 400; color: #697ea7;}
.bf_ulbox{width: 100%; height: 100%;}
.bf_litxt{margin: 30px 0; letter-spacing: -1px; line-height: 35px; font-size: 1.1em; font-weight: 400; color: #3d3d3d;}
.bf_litxt2{margin: 30px 0; letter-spacing: -1px; line-height: 23px; font-size: 1.1em; font-weight: 400; color: #3d3d3d;}

.f_bfmidbox{width: 85%; height: auto; margin: 0 auto;}
.f_bfulbox{width: 100%; height: 550px;}
.f_bflibox{float: left; width: 285px; height: 270px; margin-bottom: 10px; text-align: center; background: #f1f5f9;}
.two_mid{margin: 0 10px 10px;}


.f_bflist{width: 100%; height: auto;}
.f_bflist img{width: 100%;}

/* 가족회사 신청서/협의체 신청 공통 시작(세번째 수정css)  ======================================================================================================================================*/
.apply_star{float: right; padding-top: 5px; font-size: 0.7em;}
.apply_div{width: 100%; height: auto; margin-bottom: 50px; padding: 40px; background: #eceff3;}
.apply_div2{width: 100%; height: auto; margin-bottom: 20px; padding: 20px 0; background: #eceff3;}
.apply_div3{width: 100%; height: auto; margin-bottom: 50px; padding: 0 0 40px; }
.apply_line{width: 100%; height: auto; padding: 20px 0; border-bottom: 1px solid #dde2e9;}
.apply_box{width: 100%; height: auto;}
.apply_box1{width: 100%; height: auto;}
.apply_box2{width: 90%; height: auto; margin: 0 auto;}
.apply_box3{width: 85%; height: auto;}
.apply_th{width: 150px; padding: 7px 5px;  text-align: right; font-size: 1em; font-weight: 400; letter-spacing: -1px; color: #50688c;}
.apply_th2{width: 185px; padding: 7px 5px;  text-align: right; font-size: 1em; font-weight: 400; letter-spacing: -1px; color: #50688c;}
.apply_th3{padding: 7px 5px; text-align: center; font-size: 1em; font-weight: 400; letter-spacing: -1px; color: #50688c;}
.apply_th4{width: 50px; padding: 7px 5px; text-align: center; font-size: 1em; font-weight: 400; letter-spacing: -1px; color: #50688c;}
.apply_td{padding: 5px 0;}
.apply_td2{padding: 5px;}
.same_size{width: 110px; height: 40px; border: 1px solid #cfcfcf; font-size: 1em; padding-left: 10px;}
.same_size2{width: 200px; height: 40px; border: 1px solid #cfcfcf; font-size: 1em; padding-left: 10px;}
.same_size3{width: 265px; height: 40px; border: 1px solid #cfcfcf; font-size: 1em; padding-left: 10px;}
.same_size4{width: 80px; height: 40px; border: 1px solid #cfcfcf; font-size: 1em; padding-left: 10px;}
/* .same_size5{width: 500px; height: 40px; border: 1px solid #cfcfcf;} */
.same_size5{width: 512px; height: 40px; border: 1px solid #cfcfcf; font-size: 1em; padding-left: 10px;}
.same_size6{width: 60px; height: 40px; border: 1px solid #cfcfcf; font-size: 1em; padding-left: 10px;}
.same_size7{width: 156px; height: 40px; border: 1px solid #cfcfcf; font-size: 1em; padding-left: 10px;}
.same_size8{width: 350px; height: 40px; border: 1px solid #cfcfcf; font-size: 1em; padding-left: 10px;}
.same_size9{width: 800px; height: 40px; border: 1px solid #cfcfcf; font-size: 1em; padding-left: 10px;}
.same_size10{width: 300px; height: 40px; border: 1px solid #cfcfcf; font-size: 1em; padding-left: 10px;}

.samechk{width: 110px; height: 40px; border: 1px solid #cfcfcf; background: #fff; color: #50688c; vertical-align: bottom;}
.pwd_chktext{margin-left: 10px; letter-spacing: -1px; font-size: 0.85em; font-weight: 400; color: #6a6a6a;}
.black_label{padding: 8px 5px 0 17px; vertical-align: middle; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #50688c;  }
.black_label2{padding: 8px 5px 0 17px; vertical-align: middle; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #50688c;  }
.black_label3{padding: 8px 4px; vertical-align: middle; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #50688c; }
.black_label4{padding: 8px 5px 0 17px; vertical-align: middle; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #50688c; }
.black_label5{padding: 8px 5px 0 31px; vertical-align: middle; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #50688c; }
.blue_label{padding: 8px 5px 0 24px; vertical-align: middle; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #50688c;  }
.add_src{display: inline-block; padding: 10px; border: 1px solid #cfcfcf; text-align: center; font-size: 0.9em; font-weight: 400; color: #50688c; background: #ffff;}
.td_bluetxt{letter-spacing: -1px; font-size: 0.95em; font-weight: 300; color: #8a9fbf;}
.same_radio{margin-right: 34px; font-size: 1em; font-weight: 400; letter-spacing: -1px; color: #565e69;}
.same_chk{margin-right: 30px; font-size: 1em; font-weight: 400; letter-spacing: -1px; color: #565e69;}
.oper_line{width: 100%; height: 100%; padding-left: 10px; border: 1px solid #cfcfcf;}
.red_txt{letter-spacing: -1.5px; font-size: 1em; font-weight: 400; color: #f20006;}

.apply_td {position: relative;}

.apply_td input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.apply_td input[type="checkbox"] + label {display: inline-block; position: relative; padding-top: 5px; cusor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.apply_td input[type="checkbox"] + label:before {content: ' '; display: inline-block; width: 18px; height: 18px; line-height: 18px; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fafafa; border: 1px solid #cacece; border-radius: 3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
.apply_td input[type="checkbox"] + label:active:before,
.apply_td input[type="checkbox"]:checked + label:active:before {box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.apply_td input[type="checkbox"]:checked + label:before {content: '\2713'; color: #314ca2; text-shadow: 1px 1px white; background: #f1f4ff; border-color: #adb8c0; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}

.family_btn{width: 400px; height: 55px; margin: 50px auto 0;}
.fm_okbg{width: 48%; height: 100%; border: none; font-size: 1em; font-weight: 400; letter-spacing: -1px; background: #4b6eb5; color: #fff; }
.fm_ccbg{float: left; width: 48%; height: 100%; margin-right: 10px; border: none; font-size: 1em; font-weight: 400; letter-spacing: -1px; background: #a7b2c9; color: #fff; }
.fm_oklink{float: left; display: block; width: 48%; height: 100%; padding: 15px 0; border: none; text-align: center; font-size: 1em; font-weight: 400; letter-spacing: -1px; background: #4b6eb5; color: #fff; }

/* 가족회사 신청서/협의체 신청 공통 (네번째 수정css) ======================================================================================================================================*/
.respon_box{width: 100%; height: auto;}
.ap_box1{clear: both; width: 100%; height: auto; margin-bottom: 20px; padding: 20px 0; background: #eceff3;}
.ap_info{width: 100%; height: auto; margin: 0 auto 5px;}
.ap_info2{position: relative; clear: both; width: 100%; height: auto; margin: 0 auto 5px;}
.ap_info3{clear: both; width: 100%; height: 100px; margin: 0 auto 10px;}
.ap_info4{clear: both; width: 100%; height: 50px; margin: 0 auto;}
.ap_info5{clear: both; width: 100%; height: 60px; margin: 0 auto 10px;}
.ap_info6{clear: both; width: 100%; height: 40px; margin: 0 auto;}
.ap_ul{width: 100%; height: 230px;}
.ap_li{float: left; width: 50%; height: 45px;}
.ap_ul2{float: left;  height: 50px;}
.ap_ul3{  height: 50px;}
.ap_li2{float: left; height: 45px;}
.ap_li3{float: left; height: 45px;}
.ap_text{float: left; width: 130px; padding: 7px 15px 7px 5px;  text-align: right; font-size: 1em; font-weight: 400; letter-spacing: -1px; color: #50688c;}
.ap_text2{width: 130px; padding: 30px 15px 7px 5px;  text-align: right; font-size: 1em; font-weight: 400; letter-spacing: -1px; color: #50688c;}
.ap_text3{float: left; width: 55px; padding: 7px 15px 7px 5px;  text-align: right; font-size: 1em; font-weight: 400; letter-spacing: -1px; color: #50688c;}
.ap_left{float: left; height: 100px;}
.ap_left2{float: left; height: auto; margin-bottom: 5px;}
.ap_left3{float: left; height: 100px;}
.ap_left4{float: left; height: auto; margin-bottom: 5px;}
.area_same{width: 70%; height: 150px; border: 1px solid #cfcfcf; font-size: 1em;}
.cale_icon{position: absolute; top: 10px; right: 200px; font-size: 1.2em !important;}
.del_btn{border: none; background: none; cursor: pointer;}
.chu_right{float: right; }
.chuga_box{cursor: pointer; background:#4b6eb5; border: none; padding: 5px 30px; margin-bottom: 5px; color: #fff; font-size: 0.8em; font-weight: 400;}


.san_box1{clear: both; width: 880px; height: auto; margin: 0 auto;}
.san_box2{clear: both; width: 880px; height: 45px; margin: 0 auto;}
.san_box3{clear: both; width: 880px; height: 45px; margin: 0 auto;}
.san_ul{width: 100%; height: 45px;}
.san_ul2{float: left; width: 766px; height: 45px;}
.san_li{float: left; width: 50%;}
.san_li2{width: 100%;}
.san_li3{float: left;}
.san_li4{float: left;}
.san_text{float: left; width: 75px; padding: 7px 5px;  text-align: right; font-size: 1em; font-weight: 400; letter-spacing: -1px; color: #50688c;}
.san_text2{float: left; width: 120px; padding: 7px 5px;  text-align: left; font-size: 1em; font-weight: 400; letter-spacing: -1px; color: #50688c;}
.cham_giup{width: 100%; height: auto;}
.giup_th{padding: 10px; font-size: 1em; font-weight: 400; letter-spacing: -1px; color: #50688c; background: #eceff3;}
.giup_td{padding: 10px; text-align: center;  font-size: 1em; font-weight: 400; letter-spacing: -1px; color: #4b4b4b;}
.same_size11{width: 132px; height: 40px; border: 1px solid #cfcfcf; font-size: 1em; padding-left: 10px;}
.same_size12{width: 350px; height: 40px; border: 1px solid #cfcfcf; font-size: 1em; padding-left: 10px;}
.same_size13{width: 500px; height: 40px; border: 1px solid #cfcfcf; font-size: 1em; padding-left: 10px;}
.same_size14{width: 133px; height: 40px; border: 1px solid #cfcfcf; font-size: 1em; padding-left: 10px;}

.modal {display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.sanup_cont {background-color: #fefefe; margin: 25% auto 0; width: 700px;}
 
.sancham_box{width: 100%; height: auto; border-top: 3px solid #161616;}
.del_click{position:absolute; right: 20px; top: 0; width: 60px; height: 60px; cursor:pointer; border: none; background: none; color: #fff;}
.cham_layer{position:relative; width: 100%; height: auto;}

.cham_searchbox{width: 370px; height: auto; margin: 0 auto 15px;}
.cham_srctxt{letter-spacing: -1px; font-size: 0.9em; font-weight: 400; color: #002378;}
.chamsrc_box{width: 250px; height: 34px; padding-left: 10px; vertical-align: top; border: 1px solid #afc6d0;}

.cham_fmtxt{margin-bottom: 15px; padding: 15px; text-align: center; letter-spacing: -1px; font-size: 1.5em; font-weight: 400; color: #fff; background: #133b8c;}
.cham_th{padding: 15px; font-size: 0.95em; font-weight: 500; color: #161616; background: #f9f9f9;}
.cham_td{padding: 15px; border-bottom: 1px solid #d1d1d1;  text-align: center; letter-spacing: -0.5px; font-size: 0.95em; font-weight: 400; color: #4b4b4b;}

.click_chkbox{width: 100%; height: 100px; padding-top: 30px; background: #eceff3;}
.click_ul{width: 400px; height: 50px; margin: 0 auto;}
.click_li{float: left;}
.chk_closebtn{width: 195px; height: 50px; margin-right: 10px; border: 1px solid #d1d1d1; font-size: 0.9em; font-weight: 400; color: #161616; background: #fff;}

.paging_num2{width: 300px; height: 70px; margin: 50px auto 0;}
.line_page2{margin: 14px 0.6em;}
.src_okbtn2{height: 34px; padding: 8px 15px; letter-spacing: -1px; vertical-align: top; font-size: 0.85em; font-weight: 400; color: #fff; border: none; background: #525c6e;}

/* 비밀번호찾기 팝업 ======================================================================================================================================*/
.idpw_modal{display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.idpw_mobox{background-color: #fefefe; margin: 25% auto 0; width: 500px;}
.id_where{position:relative; width: 100%; height: auto;}
.id_looktxt{margin-bottom: 15px; padding: 15px; text-align: center; letter-spacing: -1px; font-size: 1.5em; font-weight: 400; color: #fff; background: #133b8c;}
.write_putbox{width: 60%; height: auto; margin: 0 auto; padding-bottom: 30px;}
.idpw_line{width: 100%; height: 50px; margin-bottom: 15px; padding-left: 10px; border: 1px solid #cfcfcf;}

.btn_mailbox{width: 200px; height: 50px; margin: 0 auto;}
.jechul_btn{width: 100%; height: 100%; border: none; letter-spacing: -0.5px; font-size: 0.9em; font-weight: 400; color: #fff; background: #3a64b8;}



/* 대진대학교 가족회사 반응형 시작 ======================================================================================================================================*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* 익스플로러10 이상 적용 */
	.gnb_clicku{font-size: 1.1em;}
	.nav_leftm4{margin-left: 25px;}
}
/* pc 버전 ======================================================================================================================================*/
@media(min-width: 1920px){
	.bx-wrapper .banner_img{width: 100%;}
}
@media(max-width: 1800px){
	.bx-wrapper .banner_img{width: 1920px;}
}
/* pc 버전 & 테블릿 가로사이즈 버전 ======================================================================================================================================*/
@media(max-width: 1320px){
	/* 메뉴 박스 -----------------*/
	.snb_line{width: 90%;}
	.menu_box2{width: 90%; position: relative;}

	/* 서브메뉴 박스 -----------------*/
	.gnb_clicku{font-size: 1em;}
	.nav_lick{width: auto;}
	.nav_leftm{margin-left: 0;}
	.nav_leftm1{margin-left: 22px;}
	.nav_leftm2{margin-left: 34px;}
	.nav_leftm3{margin-left: 37px;}
	.nav_leftm4{margin-left: 61px;}
	/*	.sub_leftbox{width: 45%;}*/
	/*	.sub_rightbox{width: 55%;}*/

	/* 배너 텍스트 -----------------*/
	.dj_prev{left: 20px;}
	.dj_next{right: 20px;}
	
	/* 메인 컨텐츠 박스 -----------------*/
	.centerbox{width: 95%;}

	/* 푸터 박스 -----------------*/
	.ft_topmid{width: 100%;}
	.ft_bottombox{width: 90%;}
	
	/* 서브페이지 헤더 박스 -----------------*/
	.fmy_hdmid{width: 90%;}

	/* 서브페이지 큰박스 -----------------*/
	#fmy_box{width: 100%; height: auto; margin-bottom: 70px;}
	#fmy_box2{width: 100%; height: auto; margin-bottom: 70px;}
	#fmy_box3{width: 100%; height: auto; margin-bottom: 70px;}
	#fmy_box4{width: 100%; height: auto; margin-bottom: 70px;}
	
	
	/* 서브페이지 사이드바-----------------*/
	.fmy_sidebar{float: none; clear: both; width: 100%; height: 150px; border-right: none;}
	.fmy_sidebar2{float: none; clear: both; width: 100%; height: 200px; border-right: none;}
	.fmy_title{float: none; clear: both; width: 100% !important; padding-right: 0; padding-left: 30px; border-left: none !important; text-align: left;}
	.fmy_li{float: left; width: 33.3%; border-left: 1px solid #e5e5e5;}
	.fmy_san{width: 50%;}
	.fmy_click{text-align: center; padding-right: 0;}
	.fmy_lastrline{border-right: 1px solid #e5e5e5;}

	
	/* 서브페이지 오른쪽 컨텐츠 박스 -----------------*/
	.fmy_listbox{float: none; clear: both; width: 90%; margin:0 auto 50px;}
	.fmy_midbox{padding-left: 0;}

	/* 로그인 -----------------*/
	.login_box{width: 90%; margin: 0 auto;}
	.login_tbl{width: 90%;}
	.id_linebox{width: 90%; height: auto;}
	
	/* 서브페이지 타이틀 상단 공백 -----------------*/
	.f_listtitle{margin-top: 0;}
}
@media(max-width: 1280px){
	.logo_box{width: 40%;}
	.gnb_box{width: 60%;}
	.sub_leftbox{width: 41%;}

	/* 서브메뉴 박스 -----------------*/
	/*	.sub_leftbox{width: 43%;}*/
	/*	.sub_rightbox{width: 57%;}*/

	/* 찾아오시는길 맵 이미지 -----------------*/
	.map_box img{width: 100%;}
}
@media(max-width:1215px){
	/* 서브메뉴 박스 -----------------*/
	.sub_leftbox{width: 40%;}
	.sub_rightbox{width: 60%;}

	/* 가족회사 현황/ 가족회사 통계 퀵박스 -----------------*/
	.qk_box{width: 50%;}
}
@media(max-width: 1200px){
	/* 햄버거 메뉴 시작-----------------*/
	#hd_box{height: 75px;}
	.menu_box1{display: none;}
	.snb_menu{position: relative; width: 100%; height: 50px; border-bottom: 1px solid #d1d7e3; background: #edf0f7;}
	.snb_line2{width: 100%; height: 100%;}
	.snb_ul{float: none; padding-top: 12px;}
	.gnb_box{display: none;}
	.logo_box{float: none; width: 70%; margin: 0 auto;  text-align: center;}
	.logo_box img{width: 240px;}
	.m_gnbbox{display: block; position: absolute; top: 25px; left: 0;}
	.m_gnbbox a img{width: 25px;}
	
	.gnb_clicku2{font-size: 1em; font-weight: }

	.gnbWrap>img{width: 250px; height: 42px;}
	/* 모바일 메뉴 버튼 */
	.menu {position: absolute; top: 10%; right:5%; transform: translateY(-50%);}
	.menu>a{width: 100%;height: 100%; display: block;}

	a.close{width: 50px; height: 50px; position: absolute; right: 0; top: 0; line-height: 50px; text-align: center;}
	.left_gnbWrap{display: block; height: 100%; width: 350px; position: fixed; left: -350px; top: 0; background-color: #fff; z-index: 999; transition: all 0.3s;}
	.left_gnbWrap.on{left:0; z-index: 99999;}
	.left_gnb{clear: both;}
	.left_gnb>li{width: 100%;}
	.left_gnb>li>a{display: block; text-align: left; line-height: 50px; width: 100%; height: 50px; padding-left: 10px; border-bottom: 1px solid #d1d7e3;  background-color: #fff;color: #3d485f;}
	.left_gnb>li>a.on{background-color: #617fae; color: #fff;}
	.left_gnb>li>ul{display: none;}
	.left_gnb>li>ul>li>a{display: block; box-sizing: border-box; padding-left: 20px; text-align: left; line-height: 50px; width: 100%; height: 50px; border-bottom: 1px solid #d1d7e3; font-size: 0.9em; background-color: #edf0f7;color: #3d485f;}


	/* 푸터(select 박스) -----------------*/
	.policy_ul{width: 60%;}
	.hack_ul{width: 40%;}

	/* 가족회사 신청서/협의체 신청서 -----------------*/
	/*	.respon_box{overflow-x: auto;}*/
	/*	.fmdetail_box{min-width: 1200px;}*/
}
@media(max-width:1125px){
	/* 서브메뉴 박스 -----------------*/
	.sub_leftbox{width: 36%;}
	.sub_rightbox{width: 64%;}

	/* 가족회사신청서 네번째 -----------------*/
	.ap_info4{height: 100px;}
	.ap_info6{height: 100px;}
	.ap_ul2{width: 70%; height: auto;}
	.ap_info3{height: 90px;}
	.ap_left3{height: auto;}
	.ap_left4{width: 70%; margin: 0 auto 5px;}
	.cale_icon{right: 170px;}
}
@media(max-width:1080px){
	/* gnb 메뉴 -----------------*/
	.gnb_clicku{font-size: 1em;}
	/* 서브메뉴 박스 -----------------*/
	.sub_leftbox{width: 42%;}
	.sub_rightbox{width: 58%;}
	.nav_leftm{margin-left: 0; width: auto;}
	.nav_leftm1{margin-left: 17px; width: auto;}
	.nav_leftm2{margin-left: 34px; width: auto;}
	.nav_leftm3{margin-left: 48px; width: auto;}
	.nav_leftm4{margin-left: 45px; width: auto;}

	/* 가족회사 신청서 네번째 -----------------*/
	.ap_info3{height: 180px;}
	/* .same_size5{width: 100%; margin-top: 5px;} */
}
@media(max-width: 1070px){
	.ct_subtxt{font-size: 1.3em;}

	/* 나으 협의체 퀵바 -----------------*/
	.quick_box2{width: 665px;}
}
@media(max-width: 1066px){
	/* 푸터 박스 -----------------*/
	.ft_top{height: auto; margin-bottom: 10px;}
	.policy_ul{float: none; clear: both; width: 100%; height: 50px;}
	.hack_ul{float: none; clear: both; width: 100%; height: 50px;}
	.ft_logobox{padding-bottom: 10px;}
	.ft_addr{padding-top: 10px;}
	.cale_icon{right: 140px;}
}
@media(max-width:1030px){
	/* 서브메뉴 박스 -----------------*/
	.sub_leftbox{width: 39%;}
	.sub_rightbox{width: 61%;}
}
@media(max-width: 1024px){
	/* 배너 텍스트 -----------------*/
	.dj_prev{top: 35%;}
	.dj_next{top: 35%;}
	
	/* 서브메뉴 아이콘 -----------------*/
	.menu_icon{width: 700px;}
	.mu_iconli{margin-right: 35px;}
	

	/* 메인 배너 -----------------*/
	#m_banner{height: 420px;}

	.main_txt{font-size: 3.5em;}
	
	/* 메인 컨텐츠1 -----------------*/
	.cont_text{padding: 10px 0 10px 200px;}
	.cont_ul{padding: 10px 0 10px 200px;}

	.centerbox{height: auto;}
	.list_box{float: none; clear: both; width: 100%; height: auto;}
	.list_box2{float: none; clear: both; width: 100%; height: auto;}
	.btm_centerbox{height: auto;}
	.bnf_box{float: none; clear: both; width: 100%; height: 400px;}
	.mbnf_box{height: auto;}

	/* 협의체 신청 */
	.same_size12{width: 250px;}
}
@media(max-width: 1005px){
	/* 혜택 페이지 -----------------*/
	.f_bflibox{width: 32%;}
}
@media(max-width:1000px){

	/* 가족회사 신청(접수) -----------------*/
	.hup_dtbox, .hup_dtbox2{width: 768px;}
	.bsn_box{width: 478px;}
	.hup_twobox{width: 161px;}
	.poe_box{width: 118px;}
	.task_box{width: 673px;}
	.schedule_box{width: 289px;}
	.operation_box{width: 673px;}

	/* 가족회사 혜택 페이지 -----------------*/
	.bf_title{font-size: 3.2em;}

	.cale_icon{right: 120px;}
	.same_size5{width: 400px; margin-top: 5px;}
	
	/* 협의체 신청 */
	.san_box1{width: 700px;}
	.san_box2{width: 700px;}
	.san_box3{width: 700px;}
	.same_size11{width: 93px;}
	.san_ul2{width: 600px;}
}
@media(max-width: 960px){
	/* 가족회사 신청서 네번째 -----------------*/
	.ap_ul{height: 120px;}
	.ap_li{float: none; width: 100%;}
	.ap_text3{width: 130px;}
	
	/* 가족회사 현황뷰 -----------------*/
	.fst_ul{height: auto;}
	.fst_li{float: none; clear: both; width: 100%;}
	.fst_li6{width: 25%;}
	.fst_li7{width: 75%;}
}
@media(max-width: 940px){
	.same_size3{width: 250px;}
}
@media(max-width:929px){
	/* 가족회사 현황/ 가족회사 통계 퀵박스 -----------------*/
	.qk_box{width: 45%;}
}
@media(max-width: 900px){
	/* 메인배너 -----------------*/
	.main_txt{font-size: 3em;}


	/* 메인 컨텐츠1 -----------------*/
	.cont_text{padding: 10px 0 10px 150px;}
	.cont_ul{padding: 10px 0 10px 150px;}
	/*	.cont_title{font-size: 1.7em;}*/
	/*	.cont_title2{font-size: 1.7em;}*/
	/* .cont_text{font-size: 1em;} */
	/* .ct_subtxt{font-size: 1.2em;} */
	/* .cont_nt{font-size: 0.8em;} */

	/*	.detail_box{font-size: 0.8em;}*/
	/*	.detail_box2{font-size: 0.8em;}*/
	/*	.detail_box3{font-size: 0.8em;}*/
	/*	.san_txt{font-size: 0.9em;}*/
	
	/* 메인 컨텐츠2 -----------------*/
	.top_line3{width: 150px;}
	.bnf_title{font-size: 2.5em;}
	.bnf_subtxt{font-size: 1.6em;}
	/* .bnf2_li{font-size: 1.1em;} */

	/* 푸터 -----------------*/
	.policy_ul{float: none; clear: both; width: 100%; height: 50px;}
	.hack_ul{float: none; clear: both; width: 100% ;height: 50px;}
	.ft_logobox{padding-bottom: 0; padding-top: 20px;}
	.ft_addr{padding-top: 10px;}
	
	/* 서브페이지 공통 타이틀 -----------------*/
	.f_listtitle{margin-left: 0; margin-top: 0;}
	
	/* 서브페이지 공통 오른쪽 박스 -----------------*/
	.fmy_midbox{padding-left: 0;}
	.qk_sel{width: 17%}
	
	/* 협의체 현황 테이블 -----------------*/
	.myhup_listbox{overflow-x: auto; overflow: scroll; -webkit-overflow-scrolling: touch;}
	.myhup_tbl{min-width: 1000px;}

	/* 서브페이지 헤더 -----------------*/
	.fmy_bnhd{display: none;}
	.fmy_bnhd2{display: none;}
	
	/* 단장인사말 백그라운드 -----------------*/
	.leader_box{background: none;}

	.ap_ul{height: 410px;}
	.ap_li{float: none; clear: both; width: 100%;}
	.ap_text3{width: 130px;}
	.cale_icon{right: 400px;}
	.same_size5{width: 300px; margin-top: 5px;}

	/* 협의체 신청 -----------------*/
	#cham_business .sanup_cont{width: 700px;}
}
@media(max-width: 865px){
	.ap_info4{height: 150px;}
}
@media(max-width: 860px){
	/* 서브페이지 퀵바 -----------------*/
	.quick_box{width: 650px;}

	/* 가족회사 신청(접수) -----------------*/
	.hup_dtbox, .hup_dtbox2{width: 600px;}
	.bsn_box{width: 310px;}
	.hup_twobox{width: 105px;}
	.prsn_box{width: 50px;}
	.poe_box{width: 76px;}
	.task_box{width: 505px;}
	.schedule_box{width: 205px;}
	.operation_box{width: 505px;}

	.cale_icon{right: 370px;}
}
@media(max-width: 820px){
	.same_size8{width: 156px;}
	.cale_icon{right: 340px;}

	.same_size12{width: 200px;}
	.same_size3{width: 200px;}
	.same_size13{width: 350px;}
	.same_size10{width: 220px;}
	.san_ul2{width: 60%;height:auto;}
	.black_label2{padding: 8px 17px 0;}
	.black_label{padding: 8px 10px 0; }
	.black_label5{padding: 8px 17px 0;}
	/* 협의체 신청 */
	.san_box1{width: 90%;}
	.san_box2{width: 90%; height: auto;}
	.san_box3{width: 90%; height: 220px;}
	.san_respon{height: auto;}
	.san_ul2{width: 100%; height: 130px;}
	.san_li{float: none; width: 100%; margin-bottom: 5px;}
	.san_li3{float: none; width: 100%; margin-bottom:5px;}
	.san_li4{float: none; width: 100%; margin-bottom: 5px;}
	.date_linebox{width: 118px;}
	.label_right{padding: 8px 17px 0;}
	.label_left{padding: 8px 10px 0;}
	.same_size13{width: 300px;}
	.same_size10{width: 300px;}
	.san_text3{float: none; clear: both; text-align: left;}
	.same_size11{width: 300px;}
}
/* 테블릿 버전 ======================================================================================================================================*/
@media(max-width: 768px){
	/* 메인 배너 -----------------*/
	.main_txt{font-size: 2.5em;}

	/* 메인 컨텐츠1 -----------------*/
	.cont_text{padding: 10px 0 10px 80px;}
	.cont_ul{padding: 10px 0 10px 80px;}
	
	/*	.cont_title{font-size: 1.7em;}*/
	/*	.cont_title2{font-size: 1.7em;}*/
	/*	.cont_text{font-size: 1em;}*/
	/*	.ct_subtxt{font-size: 1.2em;}*/
	/*	.cont_nt{font-size: 0.8em;}*/
	/**/
	/*	.detail_box{font-size: 0.8em;}*/
	/*	.detail_box2{font-size: 0.8em;}*/
	/*	.detail_box3{font-size: 0.8em;}*/
	/*	.san_txt{font-size: 0.9em;}*/

	
	/* 메인 컨텐츠2 -----------------*/
	.bnf_box{clear: both; float: none; width: 100%; height: auto; text-align: center;}
	.benefit_ul{clear: both; float: none; width: 100%; height: 200px;}
	.top_line3{width: 120px; height: 2px; margin: 0 auto;}
	.bnf_title{font-size: 2.2em;}
	.bnf_subtxt{margin-top: 5px; font-size: 1.2em;}
	.mbnf_box{display: none;}
	.m_benefitul{height: 350px; padding-top: 0; background: url('/base/home/img/m_bottomimg1.png') no-repeat; background-size: 100% 100%;}
	.bnf2_li{text-align: left; padding-left: 20px;}


	
	/* 푸터 -----------------*/
	.policy_ul{float: none; clear: both; width: 100%; height: 50px; padding-top: 15px;}
	.policy_li{margin: 5px 5px;}
	.hack_ul{float: none; clear: both; width: 100% ;height: 50px;}
	.ft_logobox{padding-bottom: 0; padding-top: 20px;}
	.ft_addr{padding-top: 10px;}
	
	
	/* 서브페이지(회사 통계, 회사 현황) 테이블 박스 -----------------*/
	/*	.note_listbox{overflow-x: auto;}*/
	/*	.nt_tbl{min-width: 1000px;}*/

	/* 단장 인사말 텍스트 -----------------*/
	.leader_box{height: auto; margin-bottom: 50px; background-position: 50% 100%;}
	
	/* 산학협력단체 페이지 -----------------*/
	.org_imgbox{overflow-x: auto; width: 100%; overflow: scroll; -webkit-overflow-scrolling: touch;}
	.staff_tbl{min-width: 1000px;}
	
	/* 찾아오시는길 페이지 -----------------*/
	.map_box{width: 100%;}
	.map_listbox{width: 100%;}

	/* 가족회사 혜택 페이지 -----------------*/
	.bf_title{font-size: 3em;}

	/* 나으 협의체 퀵바 -----------------*/
	.quick_box2{width: 565px;}
	.qk_box2{width: 60%;}

	/* 이용약관 -----------------*/
	.terms_dtbox{height: auto;}

	/* 로그인 -----------------*/
	.log_li{float: none; width: 100%; margin-bottom: 10px;}
	
	/* 가족회사 신청 방법 텍스트박스 -----------------*/
	.off_textbox{width: 85%;}

	/* 가족회사 신청서 네번째 -----------------*/
	.ap_ul2{width: 60%;}
	.ap_info6{height: 120px;}
	.black_label2{padding: 8px 17px 0;}
	.black_label{padding: 8px 10px 0;}
	.blue_label{padding: 8px 24px 0;}
	.cale_icon{right: 280px;}
	.same_size5{width: 200px;}
	.label_ph2{padding: 8px 10px 0;}
	.label_ph3{padding: 8px 3px 0;}

	/* 가족회사 현황 -----------------*/
	.fst_txt{font-size: 0.9em;}
	.fst_txt2{font-size: 0.9em;}
	.fst_libox{height: auto;}
	.add_fstul{height: 80px;}
	.fst_li4, .fst_li5{height: 100%;}
	/* 협의체 신청 -----------------*/
	.sanup_cont{width: 600px; margin: 60% auto 0;}

	.san_box3{width: 90%; height: 220px;}
	.san_gusung{height: 260px !important;}
	.label_right{padding: 8px 17px 0;}
}
@media(max-width: 721px){
	/* 메인 배너 -----------------*/
	.main_txt{font-size: 2.3em;}
	.dj_prev{width: 40px;}
	.dj_next{width: 40px;}

	/* 서브메뉴 아이콘 -----------------*/
	.menu_icon{width: 600px; height: 130px;}
	.mu_iconli{margin-right: 42px;}
	.mu_imgbox{width: 80px; height: 90px; margin: 0 auto 10px;}
	.mu_imgbox img{width: 100%;}
	.menu_ictxt{font-size: 0.95em;}

	/* 가족회사 신청 페이지 텍스트 -----------------*/
	.off_subtxt{font-size: 1em;}

	.cale_icon{right: 240px;}
}
@media(max-width: 705px){
	/* 서브페이지 퀵바 -----------------*/
	.quick_box{width: 550px;}

	.pwd_chktext{display: block; margin-left: 150px;}

	.cale_icon{right: 230px;}
}
@media(max-width: 675px){
	/* 메인 배너 -----------------*/
	.main_txt{font-size: 2.1em;}
	/* 가족회사 신청(접수) -----------------*/
	.hup_dtbox, .hup_dtbox2{width: 450px;}
	.dt_huptxt{width: 70px; }
	.code_box{width: 80px;}
	.bsn_box{width: 220px;}
	.hup_twobox{width: 75px;}
	.little_txt{margin-left: 5px;}
	.prsn_box{width: 39px; padding-left: 5px;}
	.poe_box{width: 58.6px;}
	.task_box{width: 375px;}
	.schedule_box{width: 150px;}
	.operation_box{width: 375px;}

	.area_same{width: 60%;}
}
@media(max-width: 670px){
	/* 서브메뉴 아이콘 -----------------*/
	.menu_icon{width: 500px;}
	.mu_iconli{margin-right: 23px;}
	.mu_imgbox{width: 65px; height: 80px;}

	.ap_left4{width: 60%;}
	.ap_info6{height: 130px;}

	.cale_icon{right: 185px;}
}
@media(max-width: 645px){
	/* 나으 협의체 퀵바 -----------------*/
	.quick_box2{width: 450px;}
	.qk_box2{width: 50%;}

	.same_size5{width: 130px;}
	.same_size4{width: 60px;}
	.add_src{font-size: 0.75em;}

	/* 협의체 신청 -----------------*/
	.sanup_cont{width: 500px;}
}
@media(max-width: 632px){
	/* 협의체 신청 -----------------*/
	#cham_business .sanup_cont{width: 520px;}
}
@media(max-width: 617px){
	/* 메인 배너 -----------------*/
	.main_txt{font-size: 2.2em;}

	/* 찾아오시는길 페이지 주소 텍스트-----------------*/
	.mapbox_li{font-size: 0.8em;}
	.look_list{padding: 10px 20px; font-size: 1.1em;}

	.cale_icon{right: 145px;}
}
@media(max-width: 600px){
	/* 메인 컨텐츠1(공지사항) -----------------*/
	.cont_text{padding: 10px 0 10px 30px;}
	.cont_ul{padding: 10px 0 10px 30px;}

	/* 서브페이지 퀵바 -----------------*/
	.quick_box{width: 470px;}

	/* 가족회사 혜택 페이지 -----------------*/
	.bf_title{font-size: 2.6em;}
	
	/* 뷰(공통) 페이지 -----------------*/
	.view_title{font-size: 1em;}
	.view_down{font-size: 0.8em;}

	.ap_info5{height: 100px;}

	/* 가족회사 홍보 */
	.prom_td{font-size: 0.85em;}
	
	/* 공지테이블 */
	.fnt_subject{display: inline-block; width: 230px; white-space: nowrap; overflow: hidden;}
}
@media(max-width: 594px){
	/* 가족회사 현황/ 가족회사 통계 퀵박스 -----------------*/
	.qk_box{width: 40%;}

	.cale_icon{right: 115px;}
}
@media(max-width: 575px){
	.fmdetail_box{overflow-x: auto;}
	.fm_applybox{min-width: 1200px;}

	.cale_icon{right: 110px;}
}
@media(max-width: 555px){
	.same_size13{width: 210px;}
	.same_size10{width: 210px;}
	.same_size11{width: 210px;}
}
@media(max-width: 550px){
	/* 서브메뉴 아이콘 -----------------*/
	.menu_icon{width: 400px; height: 100px;}
	.mu_iconli{height: 100%; margin-right: 16px;}
	.mu_imgbox{width: 50px; height: 65px;}
	.menu_ictxt{font-size: 0.8em;}

	/* 메인 컨텐츠1(공지사항/신청/현황/협의체) 텍스트 -----------------*/
	.cont_text{padding: 10px 0 10px 10px;}
	.cont_ul{padding: 10px 0 10px 10px;}

	.bnf_title{font-size: 1.7em;}
	.bnf_subtxt{font-size: 1.2em;}
	.bnf2_li{font-size: 1em;}

	/* 임시번호등록 -----------------*/
	.tpy_ul{width: 90%;}
	.tpy_black{width :150px; font-size: 0.9em;}

	/* 가족회사 신청서 네번째 -----------------*/
	.ap_text{width: 90px;}
	.ap_text2{width: 90px;}
	.ap_text3{width: 90px;}
	.cale_icon{right: 125px;}

	/* 협의체 신청 -----------------*/
	#cham_business .sanup_cont{width: 400px;}
	.cham_searchbox{width: 270px;}
	.chamsrc_box{width: 150px;}
	.click_ul{width: 300px;}
	.chk_closebtn{width: 145px; font-size: 0.85em;}
}
@media(max-width: 530px){
	/* 협의체 신청 -----------------*/
	.sanup_cont{width: 400px;}
}
@media(max-width: 527px){
	/* 가족회사 현황/ 가족회사 통계 퀵박스 -----------------*/
	.qk_box{width: 35%;}
}
@media(max-width: 520px){
	/* 나으 협의체 퀵바 -----------------*/
	.quick_box2{width: 400px;}
	.qk_box2{width: 40%;}

	/* 협의체 신청 */
	.same_size10{width: 180px;}
	.same_size13{width: 180px;}
	.same_size14{width: 180px;}
}
@media(max-width: 516px){
	/* 서브페이지 퀵바 -----------------*/
	.quick_box{width: 400px;}

	/* 찾아오시는길 페이지 주소 텍스트 -----------------*/
	.mapbox_li{font-size: 0.7em;}
	.look_list{padding: 10px 15px;}
}
/* 모바일 버전 ======================================================================================================================================*/
@media(max-width: 500px){
	/* 모바일 공지 테이블 td 가리기 -----------------*/
	.m_nt_th{display: none;}
	
	/* 메인 배너 -----------------*/
	#main_banner{display: block;}
	/*	#m_banner2{display: block;}*/
	.main_txt{font-size: 1.8em; letter-spacing: -1px;}
	.dj_prev, .dj_next{width: 30px;}
	/*	.main_txt2{position: absolute; top: 150px; left: 85px; letter-spacing: -1px; font-size: 1.8em; font-weight: 400; color: #fff;}*/


	/* 메인 컨텐츠1 -----------------*/
	.centerbox{width: 100%; margin: 0; height: auto;}
	.list_box{clear: both; float: none; position: relative; width: 100%; height: 350px; padding-top: 30px;}
	.top_line{margin-top: 0; margin-bottom: 10px;}
	.cont_title{font-size: 1.7em; margin-bottom: 0;}
	.cont_title2{font-size: 1.7em;}
	.detail_box{font-size: 0.7em;}
	.detail_box2{font-size: 0.7em;}
	.detail_box3{font-size: 0.7em;}
	.san_txt{font-size: 0.9em;}
	.cont_text{display: none;}
	.cont_ul{width: 90%; padding: 0; margin: 0 auto;}
	.nt_txtlist{display: inline-block; width: 300px; line-height: 30px; font-size: 0.95em; white-space: nowrap; overflow: hidden;}
	

	.list_box2{clear: both; float: none; width: 100%;height: 400px;}
	.look_icon{right: 10px;}
	.look_li{padding-top: 40px; height: 200px;}
	.look_fm3{height: 200px;}
	.top_line2{margin-top: 20px; margin-bottom: 10px;}
	

	/* 모바일 푸터 -----------------*/
	.policy_ul{float: none; clear: both; width: 100%; height: 90px; padding-top: 15px;}
	/*	#ft_allbox{background: #3d485f;}*/
	/*	.ft_top{display: none;}*/
	/*	.ft_logobox{display: none;}*/
	.ft_addr{float: none; clear: both; margin-bottom: 20px; padding-top: 25px;}
	/*	.addr_txt{display: none;}*/
	.addr_txt2{display: none; text-align: center; font-size: 0.7em; font-weight: 500; letter-spacing: -1px; color: #979797;}

	.mapbox_li{font-size: 0.6em;}
	.look_list{padding: 10px 10px;}
	
	/* 로고 -----------------*/
	.logo_box img{margin-top: 20px;}
	
	.fmy_click{font-size: 0.8em;}

	.f_listtitle{font-size: 2em;}
	.f_listtitle2{font-size: 2em;}
	/* 서브 페이지(테이블 컨텐츠 페이징 반응형) -----------------*/
	.paging_num{width: 100%;}
	.click_page{font-size: 1em;}
	.click_page2{font-size: 0.85em;}
	.line_page{margin: 14px 0.2em;}
	
	/* 가족회사 신청 -----------------*/
	/*	.off_apply{height: 525px;}*/
	.off_title{font-size: 1.4em;}
	.off_subtxt{font-size: 0.7em;}
	.link_txt{font-size: 1em;}
	.off_onbox{width: 90%;}
	.offon_li{width: 48%}
	.red_ok{font-size: 0.8em;}
	.green_ok{font-size: 0.8em;}

	/* 가족회사 신청(접수) -----------------*/
	.hup_dtbox, .hup_dtbox2{width: 370px;}
	.dt_huptxt{width: 50px; font-size: 0.7em;}
	.code_box{width: 80px;}
	.bsn_box{width: 180px;}
	.hup_twobox{width: 68px;}
	.date_box{width: 149px;}
	.little_txt{margin-left: 5px;}
	.prsn_box{width: 27px; padding-left: 0;}
	.poe_box{width: 43.6px;}
	.task_box{width: 315px;}
	.schedule_box{width: 130px;}
	.operation_box{width: 315px;}

	/* 뷰(공통) 페이지 -----------------*/
	/* .view_title{font-size: 0.8em;} */
	.view_down{font-size: 0.7em;}
	.view_td2{font-size: 0.7em; padding-left: 0; padding-right: 0;}
	.view_td2 img{width: 10px;}
	.list_back{width: 150px;}
	.list_back a{padding: 13px; font-size: 0.9em;}

	/* 신청완료 페이지 -----------------*/
	.apply_okbox{width: 90%;}
	.apply_oktitle{font-size: 2em; letter-spacing: -1px;}

	/* 로그인 -----------------*/
	.log_td3{width: 130px;}
	
	.leader_text1{font-size: 1.15em;}
	
	.org_title{font-size: 1.4em;}
	.institu_txt{font-size: 1.4em;}
	.sanhup_title{font-size: 1.4em;}
	.sanhup_subtxt{font-size: 1em; letter-spacing: -0.5px;}

	.pwd_chktext{margin-left: 100px;}
	.samechk{width: 80px;}
	.same_size2 {width: 156px;}
	.date_linebox{width: 48.4%;}
	.cale_icon{right: 95px;}

	/* 비밀번호찾기 -----------------*/
	.idpw_mobox{width: 400px;}
}
@media(max-width: 489px){
	.date_linebox{width: 48%;}
}
@media(max-width: 475px){
	.same_size5{width: 250px; margin-left: 110px;}
	.cale_icon{right: 75px;}
}
@media(max-width: 470px){
	/* 모바일 메인 배너 텍스트 -----------------*/
	.main_txt2{position: absolute; top: 120px; left: 60px; letter-spacing: -1px; font-size: 1.8em; font-weight: 400; color: #fff;}

	.td_bluetxt{position: absolute; top: 35px; right: 55px;}

	.cale_icon{right: 75px;}
}
@media(max-width: 460px){
	/* 모바일 메인 배너 텍스트 -----------------*/
	.main_txt2{left: 60px;}

	/* 서브메뉴 아이콘 -----------------*/
	.menu_icon{width: 340px;}
	.mu_iconli{margin-right: 8px;}
	.mu_imgbox{width: 40px; height: 50px;}
	.menu_ictxt{font-size: 0.75em;}

	/* 가족(회사 현황, 회사 통계) 검색바 -----------------*/
	.quick_box{width: 70%; height: auto;}
	.qk_sel{width: 95%}
	.qk_box{width: 65%; margin-top: 10px;}
	.src_okbtn{margin-top: 10px;}
	/* 나으 협의체 퀵바 -----------------*/
	.quick_box2{width: 290px; height: auto;}
	.qk_box2{width: 130px;}
	.qsrc_txt2{font-size: 0.8em; margin-right: 7px;}
	.src_okbtn3{margin-top: 0; padding: 8px 6px; font-size: 0.7em;}
	.src_oklink{padding: 8px 6px; font-size: 0.7em;}

	/* 서브 페이지(테이블 컨텐츠 페이징 반응형) -----------------*/
	.paging_num{width: 100%;}
	.line_page{margin: 14px 0.4em;}
	
	/* 로그인 -----------------*/
	.log_putbox{font-size: 0.8em;}
	.log_push{font-size: 0.9em;}

	.same_size4{width: 60px;}
	.add_src{font-size: 0.75em; padding: 10px 5px;}
	.fnt_subject{display: inline-block; width: 200px; white-space: nowrap; overflow: hidden;}
	.fnt_subject2{display: inline-block; width: 160px; white-space: nowrap; overflow: hidden;}
	.cale_icon{right: 55px;}
}
@media(max-width: 450px){
	/* 모바일 메인 배너 텍스트 -----------------*/
	.main_txt2{left: 50px;}

	.ap_info4{height: 180px;}

	.san_li4{float: none; width: 100%;}
	.label_ph{padding: 8px 10px;}
	.label_ph3{padding: 8px 3.5px;}
}
@media(max-width: 447px){
	.cale_icon{right: 55px;}
}
@media(max-width: 446px){
	/* 서브 페이지(테이블 컨텐츠 페이징 반응형) -----------------*/
	.line_page{margin: 14px 0.3em;}

	.ap_info4{height: 280px;}
	.same_size3{width: 218px;}
	.td_bluetxt{right: 70px;}
	.same_size7{width: 155px;}
	.same_size2{width: 155px;}
	.cale_icon{right: 75px;}
	.same_size5{width: 220px;}
	.date_linebox{width: 48%;}
}
@media(max-width: 440px){
	/* 협의체 신청 -----------------*/
	.sanup_cont{width: 350px;}
	.cham_searchbox{width: 270px;}
	.chamsrc_box{width: 150px;}
	.click_ul{width: 300px;}
	.chk_closebtn{width: 145px; font-size: 0.85em;}
}
@media(max-width: 430px){
	.hupdetail_tt, .hupdetail_tt2{font-size: 1.2em;}
	/* 가족회사 혜택 페이지 -----------------*/
	.bf_title{font-size: 2.2em;}

	/* 임시번호등록 -----------------*/
	.tpy_black{width :120px; font-size: 0.9em;}

	.family_btn{width: 90%;}
	.fm_ccbg{font-size: 0.85em;}
	.fm_oklink{font-size: 0.85em;}
	
	/* 가족회사현황 뷰 -----------------*/
	.fst_title{font-size: 0.9em;}
}
@media(max-width: 423px){
	/* 서브 페이지(테이블 컨텐츠 페이징 반응형) -----------------*/
	.line_page{margin: 14px 0.25em;}
}
@media(max-width: 420px){
	.main_txt{font-size: 1.5em;}

	/* 메인 컨텐츠1(공지사항/신청/현황/협의체) -----------------*/
	.cont_text{font-size: 1em;}
	.ct_subtxt{font-size: 1.3em;}
	.cont_nt{font-size: 1.05em;}
	
	.cont_title{font-size: 2em;}
	.cont_title2{font-size: 2em;}

	/* 푸터(select 박스) -----------------*/
	.hack_slt{width: 190px;}
	
	/* 찾아오시는길 주소 텍스트 -----------------*/
	.mapbox_li{font-size: 0.65em;}

	/* 이용약관 -----------------*/
	.member_gobox{width: 100%;}
	
	
	.same_size4{width: 60px;}
	.add_src{font-size: 0.75em; padding: 10px 5px;}
	.cale_icon{right: 65px;}

	/* 비밀번호찾기 -----------------*/
	.idpw_mobox{width: 350px;}
	.btn_mailbox{width: 100%;}

	/* 협의체신청 */
	.same_size13{width: 140px;}
	.same_size10{width: 140px;}
	.same_size14{width: 140px;}
}
@media(max-width: 410px){
	/* 서브 페이지(테이블 컨텐츠 페이징 반응형) -----------------*/
	.line_page{margin: 14px 0.2em;}

	/* 뷰(공통) 페이지 -----------------*/
	.view_title{font-size: 0.7em;}
	.view_down{font-size: 0.7em;}
	.view_td2{font-size: 0.5em;}

	.cale_icon{right: 50px;}
	
	.main_txt{font-size: 1.5em; letter-spacing: -1px;}
}
@media(max-width: 400px){
	.fmy_click.on{background-position: 95% 50%;}
	.red_ok{font-size: 0.75em;}


	/* 가족회사 신청(접수) -----------------*/
	.hup_dtbox, .hup_dtbox2{width: 320px;}
	.dt_huptxt{width: 40px;}
	.bsn_box{width: 150px;}
	.hup_twobox{width: 61.6px;}
	.date_box{width: 129px;}
	.little_txt{margin-left: 5px; font-size: 0.6em;}
	.prsn_box{width: 26px; padding-left: 0;}
	.poe_box{width: 41px;}
	.task_box{width: 275px;}
	.schedule_box{width: 115px;}
	.operation_box{width: 275px;}

	/* 공지사항 -----------------*/
	.fnt_td{font-size: 0.8em;}

	/* 푸터 셀렉트 박스 */
	.hack_slt{width: 100%; text-overflow: ellipsis;}

	.prom_td{font-size: 0.85em;}

	.pwd_chktext{font-size: 0.65em; margin-left: 110px;}
	.samechk{width: 60px; font-size: 0.7em;}
	.add_src{padding: 8px 4px;}
	.same_size4{width: 60px;}
	.black_label4{padding: 8px;}
	.same_size7{width: 138px;}
	.same_size8{width: 137px;}
	.ap_left4{width: 200px;}
	.same_size3{width: 200px;}
	.same_size2{width: 138px;}
	.cale_icon{right: 55px;}
	.same_size5{width: 200px;}
	.red_txt{font-size: 0.8em;}
}
@media(max-width: 397px){
	/* 서브 페이지(테이블 컨텐츠 페이징 반응형) -----------------*/
	.line_page{margin: 14px 0.15em;}
}
@media(max-width: 390px){
	.cont_nt{font-size: 1em;}

	.main_txt{left: 80px; font-size: 1.3em; letter-spacing: -1px;}
}
@media(max-width: 385px){
	/* 서브 페이지(테이블 컨텐츠 페이징 반응형) -----------------*/
	.line_page{margin: 14px 2px;}

	/* 공지사항 -----------------*/
	.fnt_td{font-size: 0.6em;}

	/* 가족회사 신청 -----------------*/
	.red_ok{font-size: 0.6em;}
	.green_ok{font-size: 0.6em;}
	
	.same_size2{width: 120px;}
	
	/* 협의체 신청 -----------------*/
	.sanup_cont{width: 300px;}
	.cham_searchbox{width: 270px;}
	.chamsrc_box{width: 150px;}
	.paging_num2{width: 250px;}
	.line_page2{margin: 14px 0.2em;}
	.click_ul{width: 250px;}
	.chk_closebtn{width: 120px; font-size: 0.85em;}
}
@media(max-width: 380px){
	
	/* 서브 페이지(테이블 컨텐츠 페이징 반응형) -----------------*/
	.line_page{margin: 14px 0.1em;}
	
	/* 가족(회사 현황, 회사 통계) 검색바 -----------------*/
	/*	.qk_sel{width: 57%}*/

	/* 가족회사 신청(접수) -----------------*/
	.bsn_box{width: 148px;}
	.hup_twobox{width: 60.6px;}
	.date_box{width: 128px;}
	.prsn_box{width: 25px; padding-left: 0;}
	.poe_box{width: 40px;}
	.task_box{width: 274px;}
	.schedule_box{width: 114px;}
	.operation_box{width: 274px;}

	/* 가족회사 혜택 페이지 -----------------*/
	.bf_title{font-size: 2em;}

	/* 로그인 -----------------*/
	.log_td3{width: 100px;}
}
@media(max-width: 366px){
	.mu_iconli{margin-right: 8px;}
}
@media(max-width: 365px){
	.black_label4{padding: 8px 2px;}
	.same_size4{width: 50px;}
	.same_size5{width: 190px;}
}