@charset "utf-8";

/* 글꼴설정 */
@import url('font.css');/* 나눔스퀘어- 'Nanum Square'*/ 

/*==================▼ 프로젝트마다 변경하기!! ====================*/
*{
	font-size:15px;
	line-height:20px;
	color:#4f4f52;
	font-family:'Nanum Barun Gothic', sans-serif;
	box-sizing:border-box;
}
/* css 기본 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img{border:0 none}
form legend, .hidden .blind {position:absolute !important; text-indent:-99999px; width:0 !important; height:0 !important; top:-99999px; left:-99999px;}
dl,ul,ol,menu,li{list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:''; content:none}
img,input,select,textarea,button {vertical-align:middle}
button{border:0 none; background-color:transparent; cursor:pointer;overflow:visible; outline: none;}
body{direction:ltr} 
body,h1,h2,h3,h4,th,td,input,select,textarea,button{line-height:1.5em; font-weight:400;}
a{text-decoration:none}
a:hover{text-decoration:none}
as, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section { display:block; }
header,main,aside,article,footer{display:block}
table{width:100%; border-collapse:collapse; table-layout:fixed;}
caption {height:0;visibility:hidden}

input[type='text'], 
input[type='password'], 
input[type='file'], 
textarea, select{
	display:inline-block; 
	padding:0 10px; 
	width:100%;
    height:30px;
	line-height:28px; 
	box-sizing:border-box; 
	border:1px solid #9e9e9e;
	background-color:#fff;
	border-radius:0;
	color:#191919;
	font-size:15px;
}
textarea:disabled, select:disabled{
	border:1px solid #c3c3c3;
	background-color:#ededed;
	color:#bababa;
}
input[type='file']{width:50%;}
input::-webkit-input-placeholder {color:#777;}
input[type="checkbox"] {border:1px solid #9e9e9e; margin-right:5px; }
textarea {height:auto}
/* css :text Color */
.fcW	{color:#ffffff !important}
.fcB	{color:#000 !important}
.fcBl	{color:#0e3174 !important}
.fcR	{color:#f7390b !important}
.fcO	{color:#ff7800 !important}
.fcG	{color:#e5e5e5 !important}

.floatBox:after {display:block; content:''; clear:both;}
.flBox {float:left;}
.frBox {float:right;}

.mhide {display:block !important}
.phide, .mblock, .tblock {display:none !important}

@media screen and (max-width:999px) {
	.thide {display: none !important}
	.mhide {display:none !important}
	.phide, .tblock {display:block !important}
}
@media screen and (max-width:699px) {
	.mblock {display:block !important}
}

.mhide2 {display:block !important}
.phide2 {display:none !important}

@media screen and (max-width:640px) {
    .mhide2 {display:none !important}
	.phide2 {display:block !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;}
.conc	{margin:0 auto;}
.wbox100{width:100%; overflow:hidden;}
.w100    {width:100% !important}
.h100    {height:100% !important;}
body.open {overflow:hidden;}

.fmp {font-family:'Metropolis', sans-serif;}

.hide	{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, .afl:after	{content:""; display:block; clear:both;}
.bBox	{box-sizing:border-box}

/* 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}

.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 :text Style */
.n	{font-weight:normal !important}
.b	{font-weight:bold !important}
.u	{text-decoration:underline !important}
.ls_1	{letter-spacing:-1px !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}
.fs15	{font-size:15px !important}
.fs17	{font-size:17px !important}
.fs20	{font-size:20px !important}
.fs22	{font-size:22px !important}
.fs24	{font-size:24px !important}
.fs32	{font-size:32px }

/* css :padding */
.p00	{padding:0px !important}
.p05	{padding:5px !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}
.b50    {padding-bottom:50px !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}
.l55    {padding-left:55px !important}
.l85    {padding-left:85px !important}

/* css :margin */
.mauto {margin: 0 auto !important;}
.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}
.mt14    {margin-top:14px !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}
.mt38    {margin-top:38px !important}
.mt40    {margin-top:40px !important}
.mt45    {margin-top:45px !important}
.mt50    {margin-top:50px !important}
.mt65    {margin-top:65px !important}
.mt89    {margin-top:89px !important}

.mr00    {margin-right:0px !important}
.mr05    {margin-right:5px !important}
.mr08    {margin-right:8px !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}
.ml40    {margin-left:40px !important}
.ml60    {margin-left:60px !important}

.mb00    {margin-bottom:00px !important}
.mb05    {margin-bottom:5px !important}
.mb07    {margin-bottom:7px !important}
.mb10    {margin-bottom:10px !important}
.mb15    {margin-bottom:15px !important}
.mb14    {margin-bottom:14px !important}
.mb20    {margin-bottom:20px !important}
.mb25    {margin-bottom:25px !important}
.mb30    {margin-bottom:30px !important}
.mb40    {margin-bottom:40px !important}
.mb80    {margin-bottom:80px !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}


@media screen and (max-width:699px) {
	.mt30 {margin-top:15px !important}
}

.dimm{position:fixed;top:0;left:0;bottom:0;right:0;z-index:95;background:#000 !important;opacity:0.7;filter:alpha(opacity=70)}
.dimm.addLayer{position:fixed;top:0;left:0;bottom:0;right:0;z-index:101;background:#000 !important;opacity:0.7;filter:alpha(opacity=70)}


.w5    {width:5% !important}
.w10    {width:10% !important}
.w15    {width:15% !important}
.w20    {width:20% !important}
.w25    {width:25% !important}
.w30    {width:30% !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}
.w80    {width:80% !important}
.w90    {width:90% !important}

.w50px  {width:50px !important}
.w60px  {width:60px !important}
.w70px  {width:70px !important}
.w75px  {width:75px !important}
.w80px  {width:80px !important}
.w100px {width:100px !important}
.w110px {width:110px !important}
.w120px {width:120px !important}
.w130px {width:130px !important}
.w140px {width:140px !important}
.w150px {width:150px !important}
.w160px {width:160px !important}
.w170px {width:170px !important}
.w180px {width:180px !important}
.w200px {width:200px !important}


/* 테블릿 */
@media screen and ( max-width: 1140px ){
	/* css 기본 */
	.w120px {width:100px !important}
}
/* 모바일 */
@media screen and ( max-width: 699px ){
	.w30    {width:80% !important}
	.w100px {width:60px !important}
	.w120px {width:70px !important}
	.w170px {width:95px !important}
	td {word-break:break-all}
}