@charset "utf-8";


/* PC이하 */
@media all and (max-width:1199px) {

	/* 로그인 */
	.login_wrap > div { padding: 15px 30px; }

	/* 회원가입 */
	.join_field { padding: 50px; }
	.join_field li .txt_field { padding-left: 130px; }
	.join_field li .txt_field input[type='text'], .join_field li .txt_field input[type='password'] { width: 70%; }

	.join_ok > div.float-l { width: 40%;}
	.join_ok > div.float-r { width: 60%;}

	/* 기증 희망 신청 */
	.send li { padding: 25px 20px; }
	.send li > span { top: 25px; left: 20px; }
	.send li .txt {  padding-left: 95px; }
	.send li .txt .btn { left: 110px; bottom: 25px; }
	.send li .txt .btn a { width: 160px; height: 40px; line-height: 36px; font-size: 13px; }
	.send li .txt .fz16 { font-size: 15px; }
	.send li > span img { max-width: 75px; }
	
	/* 장기기증이란? */
	.jang_box.jang > div {  padding: 25px; }

	/* 조혈모세포기증이란? */
	.sepo_box > .float-l,
	.sepo_box > .float-r { float: none; width: 100%; }
	.sepo_box > .float-l { margin-bottom: 20px; }
	.sepo_box > .float-l .bor_gray { height: auto; }
	.bor_gray { padding: 30px 20px; }
	
	/* 비전 및 미션 */
	.v_icon li > div.fz17 { width: 80%; }

	.marg { margin-left: 0; display: inline-block;}


}

/* 타블렛 세로 */
@media all and (max-width:1023px) {
	
	.subContent { padding-left: 0; margin: 30px 0 60px; min-height: auto;}

	/* 아이디 찾기 */
	.my_box { height: auto; }
	.my_check { margin-top: 40px; }
	.myFind .ban { float: none; width: 100%; }
	.myFind .ban:first-child { margin-right: 0; margin-bottom: 20px; }
	
	/* 기증 희망 신청 */
	.send li { padding: 30px; }
	.send li > span { top: 30px; left: 30px; }
	.send li .txt .btn { left: 120px; bottom: 30px; }

	.hope .ban:last-child { border-left: 0; padding-left: 0; }

}


/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:767px) {

	.fz14 { font-size: 12px; }
	.fz15 { font-size: 13px; }
	.fz16 { font-size: 14px; }
	.fz17 { font-size: 15px; }
	.fz18 { font-size: 16px; }
	.fz19 { font-size: 17px; }
	.fz20 { font-size: 18px; }

	.stit_big { font-size: 20px; word-break: keep-all; }
	.bmjua_font { font-size: 20px; line-height: 1.1; }
	
	.h_txt { padding: 25px 20px; }
	.h_txt p .pd { padding-left: 66px; }
	
	/* 로그인 */
	.login_wrap { background-size: 300px; }
	.login_wrap > div { float: none; width: 100%; }
	.login_wrap > div:first-child { border-right: 0; }

	/* 아이디찾기 */
	.find_ok { font-size: 15px; padding: 50px 0; }

	/* 비밀번호찾기 */
	.find_pw_wrap { padding: 40px 25px; }

	/* 회원가입 */
	.join_wrap .tit { font-sizE: 18px; line-height: 1.5; }
	.join_field { padding: 50px 25px; }
	.join_field li .txt_field { padding-left: 100px; }
	.join_field li .txt_field input[type='text'], .join_field li .txt_field input[type='password'] { width: 60%; }
	.join_field li .float-r { float: none; display:inline-block;  vertical-align: top; margin-left: 3px; }
	.col2_span { width: 2%; }
	.join_ok > div { width: 100% !important; float: none !important; text-align: center; margin-bottom: 20px; }
	.join_ok .title { font-size: 25px; }
	.join_scroll { padding: 25px 20px; height: 350px; }

	/* faq-tab */
	.faq_tab.col06 li { float: left; width: 33.3333%; margin-top: -1px;}
	.faq_tab li a { font-size: 13px; }

	/* 홍보 */
	.g_list > li { width: 49%; margin-right: 2%; margin-bottom: 2%; }
	.g_list > li:nth-child(2n) {margin-right: 0 !important;}
	.g_list > li:nth-child(3n) {margin-right: 2%;}
	.g_list > li .img { max-height: none; }

	/* 연혁 */
	.history:after { left: 72px; }
	.history .year { padding-left: 0;     font-size: 20px; }
	.history .txt_wrap { padding-left: 100px; }
	.history .txt_wrap table th, .history .txt_wrap table td { font-size: 14px; }
	.history .txt_wrap table th { width: 110px; }

	/* 장기기증이란? */
	.jang > div { float: none !important; width: 100%; margin-bottom: 10px; height: auto; }
	.jang_box.jang > div {padding: 30px 25px;}
	.jang > div > span { position: static; display: inline-block; vertical-align: middle;}
	.jang > div .txt { padding-left: 15px;  display: inline-block;  vertical-align: middle; }
	.jang_tit { font-size: 18px; }

	/* 기증 희망 신청 */
	.send li { height: auto; width: 100%; margin-right: 0; }
	.send li .txt .btn { position: static; margin-top: 20px;}
	.send li .txt .fz16 { font-size: 14px; }

	/* 기증 희망 조회 */
	.lookup { padding: 50px;  background-size: 250px;}
	.lookup th, .lookup td { font-size: 14px; padding: 10px 0; }

	/* 조혈모세포기증이란? */
	.sepo_box > .float-l .bmjua_font.mb15 { margin-bottom: 10px !important; }
	.sepo_box .img_posi .icon img { height: 75px; }

	/* 헌혈 운동 및 헌혈증 지원 */
	.sepo_box .wid50 { width: auto;}
	.sepo_box .wid50 .bor_gray {height: auto;}
	.bor_table th, .bor_table td { padding: 10px 15px; }

	.bor_table_wrap { overflow: auto; white-space: nowrap; }

	/* 찾아오시는 길 */
	.map {height: 300px !important;}
	.map_wrap li > span img{ width: 90px; }
	.map_wrap li .txt_wrap { padding-left: 110px;}

}

/* 모바일 상세 */
@media all and (max-width:640px) {

	/* 기증 희망 조회 */
	.lookup { padding: 30px;  background-size: 160px;}
	.lookup th, .lookup td { padding: 5px 0; }
	.lookup th { width: 100px; }
	
	/* 장기기증이란? */
	.jang > div > span img { max-width: 80px; }
	.jang > div .txt { width: 65%;}
	
	/* 비전 및 미션 */
	.v_icon li > div img { width: 70px; }

}

/* 모바일 가로 */
@media all and (max-width:568px) {

	/* 로그인 */
	.login_wrap { background-size: 250px; }
	.login_wrap > div {  padding: 0 25px 15px; }
	.login_wrap .txt p { margin-bottom: 5px; }

	/* 아이디 찾기 */
	.my_box { padding: 30px 25px; }
	.my_box.pad { padding: 30px 10px; }
	.findTit { font-size: 20px; margin-bottom: 10px; }
	.findSub {font-size: 14px; }
	.my_input input { height: 40px; }

	/* 회원가입 */
	.join_field li .left { position: static; margin-bottom: 5px; }
	.join_field li .txt_field { padding-left: 0; }
	.join_field li .txt_field input[type='text'], .join_field li .txt_field input[type='password'] { width: 55%; }
	.join_field li .txt_field input[type='text'].mwid, .join_field li .txt_field input[type='password'].mwid { width: 100%; }
	.join_field li .txt_field button.ok { width: 100px; font-size: 13px; }

	/* 연혁 */
	.history .txt_wrap table tr { display: block; margin-bottom: 10px; }
	.history .txt_wrap table th, .history .txt_wrap table td { display: block; padding-bottom: 5px; line-height: 1.5; }
	.history .txt_wrap table th { width: 100%; }

	/* 기증 희망 신청 */
	.send li .txt {padding-left: 80px;}
	.send li > span img { max-width: 60px; }

	.txt_field .gray_bg > span { position: static; }
	.txt_field .gray_bg .fz14 { padding-left: 0; margin-top: 10px;}

	/* 비전 및 미션 */
	.v_icon li > div.fz17 { width: 75%; padding-left: 20px; font-size: 14px; }

}

@media all and (max-width:425px) {
	
	/* 기증 희망 조회 */
	.lookup { background: none;}

	/* 찾아오시는 길 */
	.map {height: 250px !important;}
	.map_wrap li > span img{ width: 80px; }
	.map_wrap li .txt_wrap { padding-left: 100px;}

}

@media all and (max-width:375px) {

}

@media all and (max-width:320px) {

}