@charset "utf-8";


html,body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,img,a,form,input,select,option,fieldset,textarea,button { font-weight:400; font-family:'Noto Sans KR','맑은 고딕',돋움,san-serif; margin:0; padding:0; border:0; line-height:1; color:#444; text-decoration:none; letter-spacing:-0.3px; box-sizing:border-box;}

table {width:100%; border-spacing:0; border-collapse:collapse;}

/* 폼초기화 */
select,button,input[type=text],input[type=submit],textarea	{
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

select	{	box-sizing:border-box;}
/*크롬사라피*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	select	{	padding-right:22px !important;	background:url(/web_oksaving_work/images/bg_select.png) no-repeat right center; background-size:contain;}
}
/*파이어폭스*/
@-moz-document url-prefix(){
	select	{	padding-right:22px !important;	background:url(/web_oksaving_work/images/bg_select.png) no-repeat right center; background-size:contain;}
}

/*========= input ===========*/
.ip_comm	{display:block; width:100%; height:40px; padding:0 5px; border:1px solid .ddd; border-radius:4px; background-color:transparent;  box-sizing:border-box;}
.ip_comm.tel	{float:left; width:32%;}
.ip_comm.tel+.bar	{float:left; width:2%;text-align:center; }
.set_tel	{overflow:hidden;}
select.ip_comm	{padding-right:0;}
textarea.ip_comm	{height:100px; line-height:1.5;}
.btn_sm	{display:block; width:300px; height:50px; margin:0 auto; background-color:#227ADD; border:0; border-radius:4px; font-size:16px; color:#fff;}

.cont_center	{overflow:hidden; width:100%; max-width:800px; margin:0 auto;}
.txt_hidden {position:absolute; left:0 top:0; overflow:hidden; width:0; height:0; font-size:0; text-indent:-9999%; line-height:0;}

.wrapper {padding-bottom:100px;background-image:url(/web_oksaving_work/images/bg.jpg); background-repeat:no-repeat; background-position:center top;}

/*========= header ===========*/
.header {padding:30px 0 10px 0;}
.header h1,
.header h2	{text-align:center; color:#000;}
.header h2	{margin-top:15px; font-size:34px; font-weight:300; }


/*========= main ===========*/
.fmail {padding:20px 20px; background-color:#fff; border-radius:10px; box-shadow:2px 2px 5px rgba(0,0,0,0.3) }
.fmail li {position:relative; overflow:hidden;    padding-bottom: 5px;}
.fmail li p.label {margin-top:20px;margin-bottom:8px; font-size:14px; }
.fmail li .set_job {overflow:hidden;}
.fmail li .cate {float:left; width:100px; line-height:40px; color:#227ADD}
.fmail li .ip_rd {position:absolute; left:0; top:0; width:0; height:0; border:0;}
.fmail li .ip_rd+label {float:left; display:block; width:100px; height:40px; margin-right:4px; line-height:38px; text-align:center; background-color:#ddd; border:1px solid .ddd; color:#888;}
.fmail li .set_pd .ip_rd+label {height:auto; padding:12px 0; line-height:20px; }
.fmail li .ip_rd:checked+label {background-color:#fff; border:1px solid .227ADD; color:#227ADD;}

@media screen and (max-width:800px) {
	html,body {font-size:62.5%;}

	div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,img,a,form,input,select,option,fieldset,textarea,button {font-size:1.4rem;}

	/*========= input ===========*/

	.btn_sm	{width:100%; font-size:1.45rem; }

	.cont_center	{width:90%; max-width:auto; }


	.wrapper {padding-bottom:50px;background-size:cover;}

	/*========= header ===========*/
	.header {padding:50px 0 25px 0;}
	.header h1 img {width:250px;}
	.header h2	{font-size:2.6rem; }

	/*========= main ===========*/
	.fmail {padding:30px 5%; }
	.fmail li p.label {margin-top:15px; font-size:1.25rem; }
	.fmail li .cate {width:90px;}
	.fmail li .ip_rd+label {width:23%; height:32px; line-height:30px; margin-right:1.6%; font-size:1.3rem; }
	.fmail li .set_pd label {padding:8px 0; line-height:1.4;}
	.fmail li .set_pd label:last-child {margin-right:0;}

}