@charset "utf-8";

/* 글꼴설정 */
@import url('font.css');/* 본고딕, NotoSans, font-family:'Noto Sans KR', sans-serif; */

/*==================▼ 프로젝트마다 변경하기!! ==================*/
html, body {height:100%}
body {-webkit-text-size-adjust:100%;}
h1, h2, h3, h4, h5, h6, th {font-weight:normal;}
html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup, 
menu,nav,output,ruby,section,summary,time,mark,audio,video,input,select,textarea,button {
	margin:0;
	padding:0;
	border:0;
	font-size:15px;
	line-height:150%;
	font-family:'Noto Sans KR', sans-serif;
	color:#666;
	box-sizing:border-box;
}
@media screen and (max-width:1279px) {
	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
	a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
	small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,
	fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
	article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup, 
	menu,nav,output,ruby,section,summary,time,mark,audio,video,input,select,textarea,button {
		line-height:140%;
	}
}
strong {font-weight:500}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,as {display:block;}
body {direction:ltr; line-height:1;}
ol, ul, dl, menu {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
table {width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
caption {text-indent:100%; overflow:hidden; height:0}
button{border:0 none; background-color:transparent; cursor:pointer}
img,input,select,textarea,button {vertical-align:middle}
img {max-width:100%}
a{text-decoration:none}
a:hover{text-decoration:none}
input[type='text'], 
input[type='password'], 
input[type='file'], 
textarea, select {
	display:inline-block; 
	padding:0 10px;
	max-width:100%;
	height:45px;
	line-height:45px;
	border:#dddddd solid 1px;
	background:#fff;
	color:#666;
	box-sizing:border-box;
	-webkit-appearance: none;
	 appearance: none;
	-webkit-border-radius: 0;
	border-radius:0;
}
select {
	 background: url('/inss/images/common/arr.png') no-repeat 88% 50% #fff !important;
	padding-right:25px;
	 border-radius: 0;
}
select::-ms-expand{display:none}
input[type='file']{width:50%;}
input::-webkit-input-placeholder {color:#999;}/* 크롬 4–56 */
input:-moz-placeholder {color:#999; opacity:1;}/* 파이어폭스 4–18 */
input::-moz-placeholder {color:#999; opacity:1;}/* 파이어폭스 19–50 */
input:-ms-input-placeholder {color:#999;}/* 인터넷 익스플로러 10+ */
input::placeholder {color:#999; opacity:1;}/* 파이어폭스 51+, 크롬 57+ */
input[readonly='readonly'] {background:#fafafa}
textarea {width:100%; height:100px}
@media screen and (max-width:767px) {
	input[type='file'] {width:80%;}
}
@media screen and (max-width:425px) {
	input[type='text'], 
	input[type='password'], 
	input[type='file'], 
	textarea, select {padding:0 3px;}
	input[type='file'] {width:100%;}
}
/* css :text Color */
.fcR	{color:#e32d4b !important}
.fcB	 {color:#111 !important}
.fcB2	{color:#333 !important}
.fcBl	{color:#003567 !important}

.floatBox:after {display:block; content:''; clear:both;}
.flBox {float:left;}
.frBox {float:right;}
@media screen and (max-width:767px) {
	.floatBox > div {float:none !important; width:100% !important}
	.flBox + .frBox {margin-top:10px}
}

.phide, .mblock, .tblock {display:none !important}
@media screen and (max-width:1279px) {
	.tblock {display:block !important}
	.thide {display:none !important}
}
@media screen and (max-width:767px) {
	.imgContent .img .phide{display:inline-block !important}
	.mblock, .phide {display:block !important}
	.mhide {display:none !important}
}
/*==================▼ (반응형 사이즈 제외) 추가될 수는 있지만 변경될 수는 없음 ====================*/
/* css :기타 */
.diTb	{display:table !important;}
.diTr	{display:table-row !important}
.diTd	{display:table-cell !important}
.diI	{display:inline !important;}
.diIb	{display:inline-block !important;}
.diB	{display:block !important;}
.w100	{width:100% !important}
.h100	{height:100% !important;}

@media screen and (min-width:1017px) {
	body.open, body.openLayer {overflow:hidden;}
}
.imgContent .img {text-align:center}
.imgContent .img + div{
	width:0;
	height:0;
	 text-indent: 100%;
	 white-space: nowrap;
	 overflow: hidden;
}
form legend, .hidden .blind {position:absolute !important; text-indent:-99999px; width:0 !important; height:0 !important; top:-99999px; left:-99999px;}
.hide, .disabled {display:none !important}
.skip	{position:absolute;top:-3000%;left:-3000%}
.bno	{border:none !important}
.btno	{border-top:none !important}
.brno	{border-right:none !important}
.bbno	{border-bottom:none !important}
.blno	{border-left:none !important}
.bgno	{background-image:none !important}
.poRe	{position:relative !important}
.poAb	{position:absolute !important}
.clear:after, ul:after, ol:after, dl:after, .afl:after	{content:""; display:block; clear:both;}

.dimm {
	display: none;
	position: fixed !important;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 4;
	background: #000 !important;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/* css :align */
.al	{text-align:left !important}
.ac	{text-align:center !important}
.ar	{text-align:right !important}
.vt, .avt *	{vertical-align:top !important}
.vm, .avm *	{vertical-align:middle !important}
.vb, .avb *	{vertical-align:bottom !important}
@media screen and (max-width:716px) {
	.mac	{text-align:center !important}	
}

.fl, .afl > * {float:left !important}
.fr, .afr > * {float:right !important}
.cb	{clear:both !important}
.fn	{float:none !important; width:100% !important}
.elli	{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;-moz-binding:url('ellipsis.xml#ellipsis');-o-text-overflow:ellipsis;}

/* css :bgColor */

/* css :text Style */
.n	{font-weight:normal !important}
.fw5 {font-weight:500 !important}
.b	{font-weight:bold !important}
.u	{text-decoration:underline !important}
.lh15	{line-height:15px !important}
.lh18	{line-height:18px !important}
.lh20	{line-height:20px !important}
.lh22	{line-height:22px !important}
.lh24	{line-height:24px !important}
.lh26	{line-height:26px !important}
.lh28	{line-height:28px !important}	
.lh30	{line-height:30px !important}	
.lh40	{line-height:40px !important}

/* css :text Size */
.fs13	{font-size:13px !important}
.fs17	{font-size:17px !important}
.fs18	{font-size:18px !important}
.fs20	{font-size:20px !important}
.fs30	{font-size:30px !important}
.fs40	{font-size:40px !important}

/* css :padding */
.p00	{padding:0px !important}
.p10	{padding:10px !important}
.p15	{padding:15px !important}
.p20	{padding:20px !important}
.p25	{padding:25px !important}
.p30	{padding:30px !important}

.t00	{padding-top:0px !important}
.t03	{padding-top:3px !important}
.t05	{padding-top:5px !important}
.t08	{padding-top:8px !important}
.t10	{padding-top:10px !important}
.t15	{padding-top:15px !important}
.t20	{padding-top:20px !important}
.t25	{padding-top:25px !important}
.t30	{padding-top:30px !important}	
.t35	{padding-top:35px !important}
.t40	{padding-top:40px !important}
.t45	{padding-top:45px !important}
.t50	{padding-top:50px !important}

.r00	{padding-right:0px !important}
.r05	{padding-right:5px !important}
.r10	{padding-right:10px !important}
.r15	{padding-right:15px !important}
.r20	{padding-right:20px !important}
.r25	{padding-right:25px !important}
.r30	{padding-right:30px !important}

.b00	{padding-bottom:0px !important}
.b05	{padding-bottom:5px !important}
.b10	{padding-bottom:10px !important}
.b15	{padding-bottom:15px !important}
.b20	{padding-bottom:20px !important}
.b25	{padding-bottom:25px !important}
.b30	{padding-bottom:30px !important}
.b40	{padding-bottom:40px !important}

.l00	{padding-left:0px !important}
.l05	{padding-left:5px !important}
.l08	{padding-left:8px !important}
.l10	{padding-left:10px !important}
.l15	{padding-left:15px !important}
.l20	{padding-left:20px !important}
.l25	{padding-left:25px !important}
.l30	{padding-left:30px !important}
.l50	{padding-left:50px !important}

/* css :margin */
.m00	{margin:0px !important}
.m10	{margin:10px !important}
.m20	{margin:20px !important}
.m30	{margin:30px !important}

.mt00	{margin-top:0px !important}
.mt03	{margin-top:3px !important}
.mt05	{margin-top:5px !important}
.mt07	{margin-top:7px !important}
.mt10	{margin-top:10px !important}
.mt15	{margin-top:15px !important}
.mt20	{margin-top:20px !important}
.mt25	{margin-top:25px !important}
.mt30	{margin-top:30px !important}
.mt35	{margin-top:35px !important}
.mt40	{margin-top:40px !important}
.mt45	{margin-top:45px !important}
.mt50	{margin-top:50px !important}
.mt65	{margin-top:65px !important}

.mr00	{margin-right:0px !important}
.mr10	{margin-right:10px !important}
.mr15	{margin-right:15px !important}
.mr20	{margin-right:20px !important}
.mr25	{margin-right:25px !important}
.mr30	{margin-right:30px !important}
.mr40	{margin-right:40px !important}

.ml00	{margin-left:0px !important}
.ml07	{margin-left:7px !important}
.ml08	{margin-left:8px !important}
.ml05	{margin-left:5px !important}
.ml10	{margin-left:10px !important}
.ml15	{margin-left:15px !important}
.ml20	{margin-left:20px !important}
.ml25	{margin-left:25px !important}
.ml30	{margin-left:30px !important}
.ml60	{margin-left:60px !important}

.mb00	{margin-bottom:00px !important}
.mb05	{margin-bottom:5px !important}
.mb10	{margin-bottom:10px !important}
.mb15	{margin-bottom:15px !important}
.mb20	{margin-bottom:20px !important}
.mb25	{margin-bottom:25px !important}
.mb30	{margin-bottom:30px !important}
.mb40	{margin-bottom:40px !important}

.mt_03	{margin-top:-3px !important}
.mt_05	{margin-top:-5px !important}
.mt_10	{margin-top:-10px !important}
.mt_15	{margin-top:-15px !important}
.mt_20	{margin-top:-20px !important}
.mt_25	{margin-top:-25px !important}
.mt_30	{margin-top:-30px !important}
.mt_35	{margin-top:-35px !important}
.mt_40	{margin-top:-40px !important}
.mt_80	{margin-top:-80px !important}

.ml_05	{margin-left:-5px !important}
.ml_10	{margin-left:-10px !important}
.ml_15	{margin-left:-15px !important}
.ml_20	{margin-left:-20px !important}
.ml_25	{margin-left:-25px !important}
.ml_30	{margin-left:-30px !important}

.w5		{width:5% !important}
.w10	{width:10% !important}
.w15	{width:15% !important}
.w20	{width:20% !important}
.w25	{width:25% !important}
.w30	{width:30% !important}
.w32	{width:32% !important}
.w35	{width:35% !important}	
.w40	{width:40% !important}
.w49	{width:49% !important}
.w50	{width:50% !important}	
.w55	{width:55% !important}	
.w60	{width:60% !important}
.w65	{width:65% !important}	
.w70	{width:70% !important}
.w75	{width:75% !important}
.w80	{width:80% !important}

.w60px  {width:60px !important}
.w100px {width:100px !important}
.w150px {width:150px !important}
.w180px {width:180px !important}
.w200px {width:200px !important}
.w280px {width:280px !important}

@media screen and (max-width:1279px) {
	.w15 {width:20% !important}
	.w200px {width:150px !important}
}
@media screen and (max-width:767px) {
	.mt30 {margin-top:15px !important}
	.mt50 {margin-top:30px !important}

	.b30 {padding-bottom:15px !important}
	
	.w50 {width:100% !important}
	.w100px {width:80px !important}
	.w150px {width:105px !important}
	.w180px {width:100px !important}
	.w200px {width:25% !important}
	.w280px {width:35% !important;}

	.p15  {padding:10px !important}
}
@media screen and (max-width:1279px) {
}
@media screen and (max-width:767px) {
}
.noticePop {
	z-index:99999; 
	position:absolute;
	background-color:#fff;
	display:none;
/*    width:auto;
   height:auto; */
	border:#000 solid 2px;
}
.noticePop > *:first-child{
	padding:15px
}
.noticePop .bottom {
	z-index:999;
	line-height:30px;
	background:#000;
	color:#fff;
	padding-left:15px;
	margin-top:-33px;
}
.noticePop .bottom *{
	color:#fff;
	padding-right:10px;
}
@media screen and (max-width:1197px) {
.noticePop {
	left: 5% !important;
	top: 100px !important;
	max-width:90% !important;
	height:auto !important;
}
}
.jtitle {
    color: #000000;
    font-size: 13pt;
    font-style: normal;
    font-weight: bold;
    background-image: url(/images/a1.png);
    background-repeat: no-repeat;
    background-position: 3px 10px;
    font-family: "Nanum Gothic", NanumGothic, "나눔고딕", Helvetica, "Apple SD Gothic Neo", Sans-serif;
    line-height: 1.8em;
    text-indent: 12px;
}
.li1 {
    background-image: url(/images/p1.png);
    background-repeat: no-repeat;
    background-position: 20px 8px;
    line-height: normal;
}
.jtitle1 {
    font-size: 11pt;
    color: #4d4d4d;
    font-family: "Nanum Gothic", NanumGothic, "나눔고딕", Helvetica, "Apple SD Gothic Neo", Sans-serif;
    line-height: 1.8em;
    margin-left: 15px;
}
.jtitle2 {
    font-size: 11pt;
    /* [disabled]font-weight: bold; */
    color: #000000;
    font-family: "Nanum Gothic", NanumGothic, "나눔고딕", Helvetica, "Apple SD Gothic Neo", Sans-serif;
    line-height: 1.8em;
    background-image: url(p1.png);
    background-repeat: no-repeat;
    background-position: 13px 10px;
    text-indent: 22px;
}
.jtitle3 {
    font-size: 11pt;
    /* [disabled]font-weight: bold; */
    color: #4d4d4d;
    font-family: "Nanum Gothic", NanumGothic, "나눔고딕", Helvetica, "Apple SD Gothic Neo", Sans-serif;
    line-height: 1.8em;
}