@charset "utf-8";

.s_con h4{font-size:30px;color: #333;margin:45px 0 15px 0; font-weight:600;}
.s_con h5{font-size:24px;line-height:1.5em;color: #333;background: url("/resource/ingu/h5.gif") no-repeat 1px 8px;padding: 0 0 0 23px;margin: 20px 0;font-weight:bold;}

.s_con h5 strong {background: #df5262; border-radius: 10px; color: #fff; font-size: .8em; vertical-align: baseline; padding: 3px 10px;}

/* 기본 컨텐츠 */
.basic_ul{margin: 0 0 40px 14px;}
.basic_ul li{line-height:1.5em;padding: 0 0 0 16px;margin:0 0 5px 0;background: url("/resource/ingu/li01.gif") no-repeat 0 7px;font-size: 18px;}
.basic_ul li ul{margin:10px 0}
.basic_ul li li{padding: 0 0 0 16px;background: url("/resource/ingu/li02.gif") no-repeat 0 11px;}
.basic_ul li.li_none{background:none;padding:0;}

.basic_p{line-height:1.5em;margin:10px 0 10px 20px; font-size: 18px; }

span.point_bg{display: inline-block; padding: 2px 8px; background: #fff799; color: #333;}

/* 폰트 컬러 : 상황에 따라 추가 가능 */
.fc_red{color:#df5262 !important;font-style:normal}
.fc_blue{color:#0071b9 !important;font-style:normal}

.line_dot{border-top: 1px dashed #a9a9a9;padding-top:10px;margin-top:10px;}


/*테이블*/
.over_table{overflow-x:auto}
.basic_table{width:100%;min-width:800px;margin:10px 0;border-top: 2px solid #3a3a3a;}
.basic_table th, .basic_table td{text-align:center;border:1px solid #dde1e4;border-top:none; vertical-align:middle; font-size:18px;line-height:1.5em;}
.basic_table thead th{background: #f7f7f7;color:#333; padding:10px 10px; font-weight: 500;}
.basic_table tbody th{background: #f1f7f8;color:#454545;padding:7px 10px;}
.basic_table tfoot th{background: #d8eff4;}
.basic_table tbody td,.basic_table tfoot td{color:#444;padding:10px}
.basic_table tbody td li{padding:0 0 0 16px;margin:0 0 5px 0;background:url("/resource/ingu/li01.gif") no-repeat 0 7px;text-align:left}
.basic_table tbody td li ul{margin:7px 0}
.basic_table tbody td li li{padding: 0 0 0 16px;background: url("/resource/ingu/li02.gif") no-repeat 0 11px;}
.basic_table .point_bg{background:#fffde6;}

/* 버튼 스타일 */
.basic_btn{text-align:center;margin:20px 0}
.basic_btn a{display:inline-block;box-shadow: 3px 3px 0 0 rgba(0, 0, 0, .1);text-align:left;font-size:16px;padding: 10px 18px;margin:0 5px 10px 5px;position:relative;border-radius: 5px;border: 1px #e1e1e1 solid;}
.basic_btn a:hover{border:1px #434756 solid;}
.basic_btn a span{display: inline-block; padding-right: 30px; background:url("/resource/ingu/btn_ico.png") no-repeat right;}
.btn_go span{background-position: right 1px !important;}
.btn_new span{background-position: right -55px !important;}
.btn_down span{background-position: right -109px !important;}


/*list_sytle*/
.list_style li{margin-bottom: 10px;color:#333;line-height: 1.5em;}
.list_style li strong{display:inline-block;box-sizing:border-box;width: 120px;padding: 8px 0;text-align:center;font-size: 18px;font-weight: 400;color:#fff;background: #d38d1b;border-radius: 10px;}
.list_style li span{display:inline-block;margin: 3px 8px;padding: 4px;font-size: 18px;}
.list_style li div{display: block;margin: 12px 0 10px 20px;overflow-x: auto;}
.list_style li li{margin-bottom:10px;padding: 0 0 0 14px;background: url("/resource/ingu/li01.gif") no-repeat 0 7px;font-size: 18px;}
.list_style li li li{padding: 0 0 0 18px;background: url("/resource/ingu/li02.gif") no-repeat 0 12px;}
.list_style li .point_bg{background:#fff799;}


/* 기본절차도 */
.basic_step li{background:url("/resource/ingu/basic_step1.png") no-repeat center top !important;padding: 25px 0 0 0 !important;margin: 0 0 8px 0 !important;text-align:center;line-height:1.5em;}
.basic_step li:first-child{background:none;padding-top:0 !important}
.basic_step li strong{display:block;width: auto;border-radius: 0;background: #83693f;color:#fff;padding:16px 15px;font-weight:600;}
.basic_step li span{display:block;background:#f7f8f8;padding:15px;margin: 0 !important;}
.basic_step li em{display: block;padding: 10px 0;font-style: normal;border: 1px #d9d9d9 dashed;border-top: none;}

/* 폰트 사이즈 : 기본적으로 작성은 되어있으나 사용여부는 디자이너 판단 */
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs21{font-size:21px;}
.fs22{font-size:22px;}
.fs23{font-size:23px;}
.fs24{font-size:24px;}
.fs25{font-size:25px;}
.fs26{font-size:26px;}

/* 기본 마진 : 상황에 따라 추가 가능 */
.ml0{margin-left:0px !important}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.mr0{margin-right:0px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mt0{margin-top:0px !important}
.mt10{margin-top:10px}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mb0{margin-bottom:0px !important}
.mb05{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb45{margin-bottom:45px !important}
/* 기본 패딩 : 상황에 따라 추가 가능 */
.p0{padding:0 !important;}
.pb0{padding-bottom:0px !important}
.pb10{padding-bottom:10px !important}
.pb20{padding-bottom:20px !important}
.pb30{padding-bottom:30px !important}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pr10{padding-right:10px;}
.pr20{padding-right:10px;}
.pr30{padding-right:10px;}
.pt0{padding-top:0px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt100{padding-top:100px !important}

/* 배경 없앰 */
.bg_none{background:none !important;}
.va_top{vertical-align:top !important;}

/* 컨텐츠 float */
.f_left{float:left;}
.f_right{float:right;}

/* float 해제 */
.clear{clear:both}

/* 이미지 및 컨텐츠 정렬 시. */
.txt_center{text-align:center !important}
.txt_right{text-align:right !important}
.txt_left{text-align:left !important}


@media all and (min-width:768px){

	.list_style li span{margin-left: 10px;}

}

@media all and (min-width:1023px){


	/* 기본절차도 */
	.basic_step ol{overflow:hidden}
	.basic_step li{float:left;background:url("/resource/ingu/basic_step2.png") no-repeat 0 center !important;padding: 0px 0 0 27px !important;margin: 0 1% 10px 0 !important;}
	.basic_step li:first-child{padding-left:0 !important}
	.basic_step .col2 li{width:46%;}
	.basic_step .col3 li{width:29%;}
	.basic_step .col4 li{width:21%;}
	.basic_step .col5 li{width:16%;}

	.list_style li div{width:1010px;}
	.list_style li div.inline{display:inline-block;}
}

.con_faq dl{margin: 10px 10px 20px;padding: 25px;border: solid 2px #ececec;border-top: solid 2px #3a3a3a;}
.con_faq dt{font-weight: bold;color: #454545;border-bottom: dashed 1px #ddd;background: url("/resource/ingu/basic_step2.png") no-repeat 0 4px !important;padding: 0px 0 10px 24px !important;margin: 0 1% 10px 0 !important;font-size: 18px;}
.con_faq dd{padding: 0 0 0 10px;background: url("/resource/www/sub/blit_gray_point.gif") no-repeat 0 8px;}
.con_faq dd strong{width:auto;background:none;color: #333;font-size: 15px;padding: 0;font-weight: 500;text-align: left;}