@charset "utf-8";
/* CSS Document 
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/jejugothic.css);*/

/* roboto font */
@font-face {
	font-family: 'Roboto';
	font-weight: 900;
	src: url('../fonts/Roboto/Roboto-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-weight: 700;
	src: url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-weight: 500;
	src: url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-weight: 400;
	src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-weight: 300;
	src: url('../fonts/Roboto/Roboto-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-weight: 100;
	src: url('../fonts/Roboto/Roboto-Thin.ttf') format('truetype');
}
/* pretendard font */
@font-face{
	font-family:'Pretendard';
	font-weight:900;
	src:	url('../fonts/Pretendard/Pretendard-Black.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-Black.woff') format('woff');
}
@font-face{
	font-family:'Pretendard';
	font-weight:800;
	src:	url('../fonts/Pretendard/Pretendard-ExtraBold.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-ExtraBold.woff') format('woff');
}
@font-face{
	font-family:'Pretendard';
	font-weight:700;
	src:	url('../fonts/Pretendard/Pretendard-Bold.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-Bold.woff') format('woff');
}
@font-face{
	font-family:'Pretendard';
	font-weight:600;
	src:	url('../fonts/Pretendard/Pretendard-SemiBold.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-SemiBold.woff') format('woff');
}
@font-face{
	font-family:'Pretendard';
	font-weight:500;
	src:	url('../fonts/Pretendard/Pretendard-Medium.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-Medium.woff') format('woff');
}
@font-face{
	font-family:'Pretendard';
	font-weight:400;
	src:	url('../fonts/Pretendard/Pretendard-Regular.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-Regular.woff') format('woff');
}
@font-face{
	font-family:'Pretendard';
	font-weight:300;
	src:	url('../fonts/Pretendard/Pretendard-Light.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-Light.woff') format('woff');
}
@font-face{
	font-family:'Pretendard';
	font-weight:200;
	src:	url('../fonts/Pretendard/Pretendard-ExtraLight.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-ExtraLight.woff') format('woff');
}
@font-face{
	font-family:'Pretendard';
	font-weight:100;
	src:	url('../fonts/Pretendard/Pretendard-Thin.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-Thin.woff') format('woff');
}

* { margin:0; padding:0; }
html, body {width:100%;}
img { border:0; }
ul {list-style:none;}
body {	
overflow-x:visible;	
font-family:'Malgun Gothic', dotum, '돋움';
color:#666;	font-size:12px;
letter-spacing:normal;
/* scrollbar-face-color: #2e8af1; */
-wekit-text-size-adjust:none; }
#wrap {	width:100%;}

button:focus, input:focus, select:focus, option:focus, textarea:focus {outline: none;}

input {font-family:dotum, '돋움';}

.hidden {display:none;}
.pointer {cursor:pointer;}

a {text-decoration:none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}

/* loading */
.loadingImgDiv { width:990px;height:650px;margin: 0 auto; z-index:998;position:fixed; }
.loading {	background-color:black;moz-opacity:0.5; -ms-filter:"alpha(opacity:0.5)"; filter:alpha(opacity:50); opacity:0.5; width:100%;height:100%;z-index:998;top:0px;position:fixed; }
.loadingDiv { z-index:998;position:fixed;width:100%;height:650px;top:100px; text-align:center;}
.loadingDivSub {margin: 0 auto;width:990px;}

/* 네비 */
#navi_wrap {width:1160px;height:20px;padding-top:30px;padding-bottom:30px;}

/* body_wrap */
#body_wrap {width:100%;height:100%;position:relative;left:0;}

/* list, item */
#list_wrap{position:relative}

/* 페이지 모양 */
#paging li {float:left;width:30px;height:32px;line-height:32px;text-align:center;margin-left:-1px;font-size:11px;border:1px solid #c8c8c8;color:#4d4d4d;background-color:#fff;cursor:pointer;}
#paging li:hover, #paging #now_page {color:#fff;background-color:#878787}
#paging .paging_btn{margin:0 10px}




/* /////////////////font.css 내용 복사해놓음 (속도향상)///////////////////// */

/* notokr font */
@font-face {
    font-family: 'nt-B';
    src: url('../fonts/Noto/notokr-bold.eot');
    src: url('../fonts/Noto/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Noto/notokr-bold.woff2') format('woff2'),
         url('../fonts/Noto/notokr-bold.woff') format('woff'),
         url('../fonts/Noto/notokr-bold.ttf') format('truetype'),
         url('../fonts/Noto/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nt-M';
    src: url('../fonts/Noto/notokr-medium.eot');
    src: url('../fonts/Noto/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Noto/notokr-medium.woff2') format('woff2'),
         url('../fonts/Noto/notokr-medium.woff') format('woff'),
         url('../fonts/Noto/notokr-medium.ttf') format('truetype'),
         url('../fonts/Noto/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nt-R';
    src: url('../fonts/Noto/notokr-regular.eot');
    src: url('../fonts/Noto/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Noto/notokr-regular.woff2') format('woff2'),
         url('../fonts/Noto/notokr-regular.woff') format('woff'),
         url('../fonts/Noto/notokr-regular.ttf') format('truetype'),
         url('../fonts/Noto/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'nt-L';
    src: url('../fonts/Noto/notokr-regular.eot');
    src: url('../fonts/Noto/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Noto/notokr-regular.woff2') format('woff2'),
         url('../fonts/Noto/notokr-regular.woff') format('woff'),
         url('../fonts/Noto/notokr-regular.ttf') format('truetype'),
         url('../fonts/Noto/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'nt-D';
    src: url('../fonts/Noto/notokr-demilight.eot');
    src: url('../fonts/Noto/notokr-demilight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Noto/notokr-demilight.woff2') format('woff2'),
         url('../fonts/Noto/notokr-demilight.woff') format('woff'),
         url('../fonts/Noto/notokr-demilight.ttf') format('truetype'),
         url('../fonts/Noto/notokr-demilight.svg#notokr-demilight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nt-T';
    src: url('../fonts/Noto/notokr-thin.eot');
    src: url('../fonts/Noto/notokr-thin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Noto/notokr-thin.woff2') format('woff2'),
         url('../fonts/Noto/notokr-thin.woff') format('woff'),
         url('../fonts/Noto/notokr-thin.ttf') format('truetype'),
         url('../fonts/Noto/notokr-thin.svg#notokr-thin') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* 폰트 */
.dotum{font-family:dotum,'돋움';}
.gulim{font-family:gulim,'굴림';}
/*
.NanumGothic{font-family:NanumGothic,"나눔고딕";}
.NanumGothic41{font-family:NanumGothic,"나눔고딕";font-size:41px;}
*/
.dinmed{font-family:Dinmed, DINPro-Bold, DINPro-Medium, Dinreg, verdana; letter-spacing:-1px;}

/* effect */
.bold{font-weight:bold;}
.nobold{font-weight:normal;}
.pointer{cursor:pointer;}

/* test */
.bd { background-color:red; }
.f_fix {display:block;top:20%;position:fixed;left:0px;width:500px;;height:500px; }

/* cursor */
.cn { cursor:default ; }
.pointer { cursor:pointer; }

/* border */
.bl {border-left:1px solid #ddd;}
.br {border-right:1px solid #ddd;}
.bt {border-top:1px solid #ddd;}
.bb {border-bottom:1px solid #ddd;}

.lbl {border-left:1px solid #d5c17b}
.lbr {border-right:1px solid #d5c17b}
.lbt {border-top:1px solid #d5c17b}
.lbb {border-bottom:1px solid #d5c17b}

/* background-color */
.fef8f0{background-color:#fef8f0}

/* color */
.white{color:#fff;}
.black{color:#000;}
.red{color:red;}
.blue{color:#0067cc;};
.cf_color{color:#0067cc;};
.cf_color2{color:#009b37;}

/* 버튼 */
.s_btn {width:32px;height:15px;padding:3px 9px;margin-top:4px;margin-bottom:4px;background-color:#f6f6f6;border:1px solid #dcdbdb;border-radius:8px;cursor:pointer;text-align:center;}
.r_btn {width:32px;height:15px;padding:3px 9px;margin-top:4px;margin-bottom:4px;background-color:#ff3061;border:1px solid #d0d0d0;border-radius:8px;cursor:pointer; color:white;text-align:center;}
.g_btn {width:32px;height:15px;padding:3px 9px;margin-top:4px;margin-bottom:4px;background-color:#88c437;border:1px solid #72a837;border-radius:8px;cursor:pointer;color:white;text-align:center;}
.ok_btn {width:32px;height:15px;padding:3px 23px;margin-top:4px;margin-bottom:4px;background-color:#88c437;border:1px solid #72a837;border-radius:8px;cursor:pointer;color:white;text-align:center;}
.cancel_btn {width:32px;height:15px;padding:3px 9px;margin-top:4px;margin-bottom:4px;background-color:#88c437;border:1px solid #72a837;border-radius:8px;cursor:pointer;color:white;text-align:center;}

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

/* vertical align middle 맞추기 꼭 style="height:px;" <- 을 지정해 줘야됨*/
.mid{word-break:break-all;display:table-cell;vertical-align:middle;}
.mid2{display:table-cell;vertical-align:middle;}

/* float */
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}

/* text 일정 길이 '...'표시 */
.text_cut{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut165{width:165px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut175{width:175px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut170{width:170px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut174{width:174px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut190{width:190px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut260{width:260px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut370{width:370px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut570{width:570px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut730{width:730px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut770{width:770px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut960{width:960px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

/* overflow:hidden; */
.hidden{overflow:hidden;}

/*폰트사이즈*/
.font07{font-size:07px;}
.font08{font-size:08px;}
.font09{font-size:09px;}
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}
.font19{font-size:19px;}
.font20{font-size:20px;}
.font21{font-size:21px;}
.font22{font-size:22px;}
.font23{font-size:23px;}
.font24{font-size:24px;}
.font25{font-size:25px;}
.font26{font-size:26px;}
.font27{font-size:27px;}
.font28{font-size:28px;}
.font29{font-size:29px;}
.font30{font-size:30px;}
.font31{font-size:31px;}
.font32{font-size:32px;}
.font33{font-size:33px;}
.font34{font-size:34px;}
.font35{font-size:35px;}
.font36{font-size:36px;}
.font37{font-size:37px;}
.font38{font-size:38px;}
.font39{font-size:39px;}
.font40{font-size:40px;}
.font41{font-size:41px;}

/* margin */
.ml3{margin-left:3px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}

.mr10{margin-left:10px;}

.pr15{padding-right:15px;}

.Vm { vertical-align:middle; }
.Pd1 { padding:1px !important; } .Pd2 { padding:2px !important; } .Pd3 { padding:3px !important; } .Pd4 { padding:4px !important; } .Pd5 { padding:5px !important; } .Pd6 { padding:6px !important; } .Pd7 { padding:7px !important; } .Pd8 { padding:8px !important; } .Pd9 { padding:9px !important; } .Pd10 { padding:10px !important; }
.Mg1 { margin:1px !important; } .Mg2 { margin:2px !important; } .Mg3 { margin:3px !important; } .Mg4 { margin:4px !important; } .Mg5 { margin:5px !important; } .Mg6 { margin:6px !important; } .Mg7 { margin:7px !important; } .Mg8 { margin:8px !important; } .Mg9 { margin:9px !important; } .Mg10 { margin:10px !important; }
.Wh15 { width:15px; height:15px; }
.TaC { Text-align:Center; }
.Cp { cursor:pointer; }
.None{ display:none !important; }


/* event c icon */
.event_c_icon{width:78px;text-align:center;font-family:'nt-R';display:inline-block;padding:2px 0;margin:1px;border-radius:9px;font-size:9pt;}