@charset "utf-8";

@import url(comn.css);
@import url(cont.css);

/******URL 임폴트 방식 Noto Sans KR - 100,300,400,500,700,900  ******/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/* 공통 */
:root{
	--red : #E60122;
	--org : #ef4200;
	--navy : #013b80;
	--sky : #5be6ff;
	--blue : #0067FF;
	--green : #00a758;
	--pink : #ffb9c4;

	--redOn : #d11426;
	--navyOn : #062f5f;
	--skyOn : #42bed4;
	--greenOn : #008144;

	--redBg : #FFF8F9;
	--navyBg : #f2f5f9;
	--skyBg : #f7feff;
	--greenBg : #f4fbfa;
}

/* Default Style */
*    	  			{margin:0; padding:0; -webkit-tap-highlight-color:transparent; box-sizing:border-box; -webkit-print-color-adjust: exact !important; color-adjust: exact !important;}
html, body	{width:100%; -webkit-font-smoothing:antialiased; font-weight:400; font-size:16px; line-height:1.3; font-family:"Noto Sans KR", sans-serif; color:#333;}

td *, div *, li *, span *, p *	{vertical-align: baseline;}
ul, ol, li						{list-style:none; margin:0px 0px 0px 0px;}

img, hr		{border:none;}
img			{vertical-align: middle; border:0px ; /* for IE imge margin */}
strong		{font-weight:bold;}
b			{font-weight:bold;}
sup			{vertical-align:super;}

/* Link Style */
a:link, a:visited, a:hover, a:active		{text-decoration:none;}

input		{outline:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input::-webkit-input-placeholder {color: #999;  opacity: 1 !important; /* for chrome */	}
input:-moz-placeholder { /* Firefox 18- */    color: #999;}
input::-moz-placeholder {  /* Firefox 19+ */    color: #999;}
input:-ms-input-placeholder { /* Internet Explorer 10+ */   color: #999;}

/*input, textarea 아이폰에서 둥근테두리 제거 하고 그림자 삭제하기*/
input		{ -webkit-appearance: none;  border-radius: 0;  -webkit-border-radius: 0;}
textarea	{-webkit-appearance: none;  border-radius: 0;}

/* Table Style */
table  				{border-collapse:collapse;}

/* From Style */
textarea			{border:1px solid #d3d0c9; padding:10px;}
select				{font-size:13px; border-radius:3px; font-weight:400; width:150px; min-width:100px; height:31px; color:#555; border: 1px solid #ddd; padding:0 20px 0 7px; background: #fff url('/_img/dsweb/common/sel_arrow.png')no-repeat right 7px top 50% !important; outline:none; -moz-appearance:none; -webkit-appearance:none; appearance:none; -webkit-appearance: none;}
select::-ms-expand	{display:none;}

select:disabled					{background: #f5f5f5 url('/_img/dsweb/common/sel_arrow.png')no-repeat right 7px top 50% !important;}
input[type="text"]:disabled		{background: #f5f5f5;}

/* Font Class Style */
.b		{font-weight:bold;}
.u		{text-decoration:underline}

/* 리더기 인식_텍스트 숨김 */
legend, caption,
.sr-only { position: absolute; overflow: hidden; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; clip: rect(0,0,0,0); }

/* align */
.l		{text-align:left;}
.c		{text-align:center;}
.r		{text-align:right;}

/* float */
.overflow		{overflow:hidden;}
.f_l				{float:left;}
.f_r				{float:right;}
.clear_both	{clear:both;}

 /* Margin Set */
.ml0		{margin-left:0px !important;}
.ml5		{margin-left:5px;}
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}
.ml25	{margin-left:25px;}
.ml30	{margin-left:30px;}
.ml35	{margin-left:35px;}
.ml40	{margin-left:40px;}
.ml45	{margin-left:45px;}
.ml50	{margin-left:50px;}

.mr0		{margin-right:0px !important;}
.mr5		{margin-right:5px;}
.mr10	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr20	{margin-right:20px;}
.mr25	{margin-right:25px;}
.mr30	{margin-right:30px;}
.mr35	{margin-right:35px;}
.mr40	{margin-right:40px;}
.mr45	{margin-right:45px;}
.mr50	{margin-right:50px;}

.mb0	{margin-bottom:0px !important;}
.mb5	{margin-bottom:5px;}
.mb10	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb20	{margin-bottom:20px;}
.mb25	{margin-bottom:25px;}
.mb30	{margin-bottom:30px;}
.mb35	{margin-bottom:35px;}
.mb40	{margin-bottom:40px;}
.mb45	{margin-bottom:45px;}
.mb50	{margin-bottom:50px;}

.mt0	{margin-top:0px !important;}
.mt5	{margin-top:5px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}
.mt25	{margin-top:25px;}
.mt27	{margin-top:27px;}
.mt30	{margin-top:30px;}
.mt35	{margin-top:35px;}
.mt40	{margin-top:40px;}
.mt45	{margin-top:45px;}
.mt50	{margin-top:50px;}

/* Padding Set */
.pl0	{padding-left:0px !important;}
.pl5	{padding-left:5px;}
.pl10	{padding-left:10px;}
.pl15	{padding-left:15px;}
.pl20	{padding-left:20px;}
.pl25	{padding-left:25px;}
.pl30	{padding-left:30px;}
.pl35	{padding-left:35px;}
.pl40	{padding-left:40px;}
.pl45	{padding-left:45px;}
.pl50	{padding-left:50px;}

.pr0	{padding-right:0px !important;}
.pr5	{padding-right:5px;}
.pr10	{padding-right:10px;}
.pr15	{padding-right:15px;}
.pr20	{padding-right:20px;}
.pr25	{padding-right:25px;}
.pr30	{padding-right:30px;}
.pr35	{padding-right:35px;}
.pr40	{padding-right:40px;}
.pr45	{padding-right:45px;}
.pr50	{padding-right:50px;}

.pb0	{padding-bottom:0px !important;}
.pb5	{padding-bottom:5px;}
.pb10	{padding-bottom:10px;}
.pb15	{padding-bottom:15px;}
.pb20	{padding-bottom:20px;}
.pb25	{padding-bottom:25px;}
.pb30	{padding-bottom:30px;}
.pb35	{padding-bottom:35px;}
.pb40	{padding-bottom:40px;}
.pb45	{padding-bottom:45px;}
.pb50	{padding-bottom:50px;}

.pt0	{padding-top:0px !important;}
.pt5	{padding-top:5px;}
.pt10	{padding-top:10px;}
.pt12	{padding-top:12px;}
.pt15	{padding-top:15px;}
.pt20	{padding-top:20px;}
.pt25	{padding-top:25px;}
.pt30	{padding-top:30px;}
.pt35	{padding-top:35px;}
.pt40	{padding-top:40px;}
.pt45	{padding-top:45px;}
.pt50	{padding-top:50px;}