@charset "utf-8";

@font-face {
  font-family: 'Malgun Gothic w';
  font-style: normal;
  font-weight: 400;
  src: url(/2016/WebContent/fonts/MalgunGothic.eot);
  src: url(/2016/WebContent/fonts/MalgunGothic.eot?#iefix) format('embedded-opentype'),
       url(/2016/WebContent/fonts/MalgunGothic.woff2) format('woff2'),
       url(/2016/WebContent/fonts/MalgunGothic.woff) format('woff'),
       url(/2016/WebContent/fonts/MalgunGothic.ttf) format('truetype');
}
@font-face {
  font-family: 'Malgun Gothic w';
  font-style: normal;
  font-weight: 700;
  src: url(/2016/WebContent/fonts/MalgunGothicBold.eot);
  src: url(/2016/WebContent/fonts/MalgunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(/2016/WebContent/fonts/MalgunGothicBold.woff2) format('woff2'),
       url(/2016/WebContent/fonts/MalgunGothicBold.woff) format('woff'),
       url(/2016/WebContent/fonts/MalgunGothicBold.ttf) format('truetype');
}

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, input,
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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family:'맑은 고딕','Malgun Gothic','Malgun Gothic w','돋움','Dotum',Sans-serif;
	vertical-align: baseline;
	word-break:break-word;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
audio, canvas, video {display: inline-block;*display: inline;*zoom: 1;}

body{width:100%;height:auto !important;min-height:100%;color:#2F2F2F;font-size:0.75em;background:#fff; line-height:1;word-break: break-all;}
h1, h2, h3, h4, h5, h6{ font-size:1em; }
ol, ul{list-style:none;}
i,em,address{font-style:normal;}
hr{display:none}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}

ins{text-decoration:none;}
del{text-decoration:line-through;}

table{width:100%;border-collapse:collapse;border-spacing:0;/*table-layout:fixed;*/word-break:break-all;}
table th, table td{vertical-align:middle;}

legend, caption, .blind{/*display:block;*/ overflow:hidden;position:absolute; left:-1000%;  height:0; font-size:0; line-height:0;}
.indent{ font-size:0;line-height:0;text-indent:-9999px;/*text-indent:0;*/ }
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

caption{position:static;}


/*::selection{background:#a1e0e0;color:#373737;}*/


a {color:#3a3a3a; text-decoration:none;}
a:hover {color:#6c6c6c; text-decoration:none;}
img, input, button{vertical-align:middle;border:0;}
img, a img{max-width:100%;}

/* input */
input[type="text"], input[type="password"]{border:1px solid #ccc;padding:3px 5px 1px 5px;}
input[readonly="readonly"], input[readonly],input[disabled="disabled"], input[disabled]{line-height:15px !important;height:15px !important; border:1px solid #E5E5E5; background:#F1F1F1; color:#4D4D4D;text-indent:10px !important;}
input.check{width:15px;height:15px;}
input.check, input.radio{margin-top:2px;}


/*label{vertical-align:middle;padding:0 0 0 2px;}*/
button{ background:transparent;border:0;cursor:pointer;padding:0;overflow:visible;}
select {height:21px; margin:0; border: 1px solid #dcdcdc; padding:0; font-size:13px; vertical-align:middle; color:#666;}
textarea {border:1px solid #dcdcdc; color:#727272; font-size:13px; line-height:18px; padding:5px; overflow-y:auto; resize:none;}

/* selectBox */
.select{ width:130px;position:relative; line-height:normal; display:inline-block;  vertical-align:middle; background:#fff; }
.select *{ margin:0; padding:0; cursor:pointer; font-size:12px; font-family:Tahoma, Sans-serif;}
.select .myValue{ position:relative; z-index:2; left:0; top:0; border:1px solid #bababa; color:#666; line-height:19px; line-height:normal; text-align:left; overflow:visible; background:transparent;}
.select .myValue.selected{ font-weight:bold;}
.select.open .myValue,
.select .myValue.outLine{ border:1px solid #999;}
.select button.myValue{ height:21px; width:100%; text-indent:5px; text-indent:0; padding-left:5px;}
.select div.myValue{ height:19px; text-indent:8px;}
.select .ctrl{ position:absolute; top:0; right:0; width:18px; height:21px; border:1px solid #bababa; border-left:1px solid #eaeaea; background:#fff;}
.select .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff;}
.select ul{ z-index:10;position:absolute; top:20px; left:0; width:100%; list-style:none; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; overflow:hidden;}
.select ul.alist{display:none;}
.select.open ul.alist{display:block;}
.select ul.iList{ left:-2000%;}
.select.open ul.iList{ left:0;}
.select li{ position:relative; overflow:hidden; white-space:nowrap; height:18px; border-left:1px solid #bababa; border-right:1px solid #bababa;}
.select li input.option{ position:absolute; width:100%; height:20px; line-height:20px;}
.select li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff;}
.select li a{ display:block; text-indent:8px; text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff; text-decoration:none;}
.select li.hover *{ background:#999; color:#fff;}

/* public-css */
.dpinBlock{display: inline-block;*display: inline; /*IE 6/7*/zoom: 1;}
.dpinline{display: inline !important;}
.dpblock{display: block !important;}

.fln{float:none !important;}
.fr{float: right;}
.fl {float: left;}
.clrx{clear:both}

.p0{padding:0 !important;}
.m0{margin:0 !important;}
.bgx{background:none !important;}

.pR0{ padding-right:0 !important}
.pL0{ padding-left:0 !important}

.padding10{ padding:10px !important}
.padding15{ padding:15px !important}
.padding20{ padding:20px !important}
.pLeft10{ padding-left:10px !important}
.pLeft15{ padding-left:15px !important}
.pLeft20{ padding-Left:20px !important}
.pLeft30{padding-left:30px !important}
.pRight10{ padding-right:10px !important}
.pRight15{ padding-right:15px !important}
.pRight20{ padding-right:20px !important}
.pTop5{padding-top:5px !important;}
.pTop10{padding-top:10px !important}
.pBottom5{padding-bottom:5px !important}
.pBottom10{padding-bottom:10px !important}
.margin10{margin:10px !important}
.margin15{margin:15px !important}
.margin20{margin:20px !important}
.mLeft10{margin-left:10px !important}
.mLeft15{margin-left:15px !important}
.mLeft20{margin-left:20px !important}
.mLeft25{margin-left:25px !important}
.mLeft60{margin-left:60px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt50{margin-top:50px !important;}
.mBottom10{margin-bottom:10px !important} 

.m10t{margin:10px 0 !important;}


.absolute_{position:absolute;}
.relative_{position:relative;}

.textcenter{text-align:center !important}
.textleft{text-align:left !important}
.textright{text-align:right !important}

.bN{border:none !important;}
.bR0{border-right:none !important}
.bL0{border-left:none !important}

.vAm{vertical-align:middle !important;}

.m-auto{margin:0 auto !important;}
.bold_{font-weight:bold}

.blueColor{color:#2d68bd;}
.blueColor2{color:#457692;}
.colorGn{color:#9ab72f !important;}
.point{color:#CE0000 !important;}
.point2{color:#3774DA;}

/* 버튼 bg color */
.bg-0{background:#47BD8E !important;border:1px solid #47BD8E !important;color:#fff !important;}

.lower_{text-transform:lowercase}
.upper_{text-transform:uppercase}

.lheight{line-height:20px !important;}
.smfont{font-size:12px;color:#00f;display:inline-block;line-height:20px;}

/* width size */
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w52 {width:52%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}


.sfont1{font-size:0.9em;}
.sfont2{font-size:1.1em !important;}
.bfont1{font-size:1.5em;}
.bfont2{font-size:2em;}

/* add  style */
.left_space{padding-left:15px;}