html, body { margin:0; padding:0; height:100%;}


@media print {
	body {background-color: #FFFFFF;}	
	#print_area{display:none;}
}


/* 
 * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess
 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}


body{ font-size:13px; font-family:"Nanum Gothic" , 'Malgun Gothic' , 'Dotum' , 'Apple SD Gothic Neo', Helvetica, Sans-serif; color:#333;}
/*body{ font-size:13px; font-family:"Nanum Gothic", '나눔고딕', NanumGothic, Malgun Gothic, "맑은 고딕", "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif ; color:#333;}*/
div, p, th, td, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, select, textarea, blockquote{ padding:0; margin:0;}
strong	{ font-weight:600}
h1, h2, h3, h4, h5, h6	{ font-weight:600}
form, fieldset, button{border:none;}
hr, button img{display:none;}
ul, dl, ol, li, dt, dd { list-style: none; }
ul:after, dl:after{ content:""; clear:both; display:block;}
caption{ display:none}
img {vertical-align:middle; padding: 0; margin: 0; border:0;}
address,em{font-weight:normal;font-style:normal}
table{ 
  width:100%; 
  border-collapse:collapse; 
  border-spacing:0;
}
*:first-child+html table{ empty-cells:show; border-collapse:collapse}

legend, caption, label.invisible{ padding:0; font-size:0; line-height:0; overflow:hidden}
.only_reader{ width:0; height:0; font-size:0; padding:0; line-height:0; overflow:hidden; visibility:hidden}
.noview{ width:0; height:0; font-size:0; padding:0; line-height:0; overflow:hidden; visibility:hidden}

a:link, 
a:visited{ 
  text-decoration:none; 
  color:#333;
}

a:hover, 
a:focus, 
a:active{ 
  text-decoration:none;
}

/* common */
input{ font-family:"Nanum Gothic", '나눔고딕', 돋움, Dotum, 굴림, Gulim, arial, verdana; color:#333; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
input[type=text], input[type=password]	{ padding-left:5px; height:30px; line-height:30px; border:1px solid #e1e1e1 }
input[type=radio],input[type=checkbox],input[type=image]{ padding:0; height:auto; vertical-align:middle;}
input[type=file]{ height:28px; background-color:#FFFFFF;}
input[type=button]{ border:0 none}

textarea{ font-family:"Nanum Gothic", '나눔고딕', 돋움, Dotum, 굴림, Gulim, arial, verdana; color:#333;  border:1px solid #e1e1e1; padding:10px}
select { font-family:"Nanum Gothic", '나눔고딕', 돋움, Dotum, 굴림, Gulim, arial, verdana; color:#333; border:1px solid #e1e1e1; height:30px; line-height:30px }

/* common_style */
.f_left	{ float:left;}
.f_right	{ float:right;}
.t_left	{ text-align:left !important;}
.t_center	{ text-align:center !important;}
.t_right	{ text-align:right !important;}
.clear	{ clear:both;}

.p_rel	{ position:relative; color: #fff;}
.dp_block	{ display:block}
.dp_none	{ display:none;}
.dp_table	{ display:table}
.none	{ display:none}

.over_height{ overflow:hidden}
.input_lo input{ vertical-align:middle; padding:0; margin:0 3px 0 0}
.input_lo label{ position:relative; top:1px; padding-right:5px}
.invisible{ visibility:hidden; width:0; height:0; position:absolute; overflow:hidden; font-size:0 }
.hand { cursor:pointer}

.br_none	{ border:none}
.br_b_none	{ border-bottom:none !important;}
.br_l_none	{ border-left:none !important}
.br_t_none	{ border-top:none !important}
.br_r_none	{ border-right:none !important}
.br_1d	{ border-right:1px solid #ddd}

.bg_gray	{ background:#f7f8fa}
.bg_f4	{ background:#f4f4f4}
.bg_white	{ background:#fff}
.no_back	{ background:none !important;}

.bg_gray	{ background:#f7f8fa}
.bg_f4	{ background:#f4f4f4}
.bg_white	{ background:#fff}
.no_back	{ background:none !important;}

.lo_right { float: right;}
.lo_left { float:left;}


/* placeholder */

.placeholder { color: #333; }
::-webkit-input-placeholder { /* WebKit browsers */ color: #333; } 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #333; opacity: 1; } 
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #333; opacity: 1; } 
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #333; }

/* font size */

.fs11{ font-size:11px}
.fs12{ font-size:12px !important;}
.fs13{ font-size:13px !important;}
.fs14{ font-size:14px !important;}
.fs15{ font-size:15px}
.fs16{ font-size:16px !important;}
.fs17{ font-size:17px}
.fs18{ font-size:18px}
.fs19{ font-size:19px}
.fs20{ font-size:20px !important;}
.fs24{ font-size:24px}

.nanum	{ font-family:나눔고딕, "Nanum Gothic", sans-serif;}
.verdana	{ font-family:verdana, sans-serif;}
.roboto	{font-family:Roboto, sans-serif;}

.bold5	{ font-weight:500 !important}
.bold	{ font-weight:600;}
.bold7	{ font-weight:700;}
.normal	{ font-weight:normal;}

.lh18	{ line-height:18px;}
.lh20	{ line-height:20px;}
.lh24	{ line-height:24px;}
.lh30	{ line-height:30px;}
.ls0	{ letter-spacing:0 !important;}

.txt_under	{ text-decoration:underline;}

/* color */

.c_blue1	{ color:#00acde !important;}
.c_blue2	{ color:#8cbdf5 !important;}
.c_blue3	{ color:#006bb5 !important;}
.c_blue4	{ color:#37669a !important;}
.c_blue5	{ color:#2895c9}
.c_blue6	{ color:#2656ab;}
.c_blue7	{ color:#1c84c6}
.c_blue8	{ color:#1969b2}
.c_blue9	{ color:#184f78;}
.c_blue10	{ color:#138fde !important;}
.c_blue11	{ color:#123ba1}

.c_red1	{ color:#e84c3d !important}
.c_red2	{ color:#e32d33}
.c_red3	{ color:#db5f63;}
.c_red4	{ color:#cf3333 !important;}

.c_grayb5{ color:#b5b5b5 !important;}
.c_graya{ color:#aaa;}
.c_gray6{ color:#666 !important;}
.c_gray7{ color:#777;}
.c_gray9{ color:#999;}
.c_gray3e	{ color:#3e3e3e;}
.c_gray3	{ color:#333;}

.c_gold1	{ color:#a76111}
.c_gold2	{ color:#b29e7f}
.c_gold3	{ color:#6d4b24}

.c_orange1{ color:#ff883c !important;}
.c_orange2{ color:#f47422 !important;}

.c_yellow1{ color:#fcf57a !important;}

.c_green1{ color:#79c447 !important;}

/* width */
.w_auto	{ width:auto !important;}
.w90p	{ width:90%;}
.w100p{ width:100% !important}
.w45p{ width:45% !important}
.w60	{ width:60px;}
.w65	{ width:65px;}
.w70	{ width:70px;}
.w75	{ width:75px;}
.w80	{ width:80px;}
.w90	{ width:90px;}
.w100	{ width:100px}
.w115	{ width:115px;}
.w120	{ width:120px;}
.w130	{ width:130px;}
.w135	{ width:135px;}
.w140	{ width:140px !important;}
.w150	{ width:150px}
.w160	{ width:160px}
.w170	{ width:170px}
.w180	{ width:180px;}
.w200	{ width:200px !important;}
.w205	{ width:205px;}
.w210	{ width:210px;}
.w250	{ width:250px;}
.w270	{ width:270px;}
.w300	{ width:300px;}
.w310	{ width:310px;}
.w400	{ width:400px;}
.w500	{ width:500px;}
.w530	{ width:530px;}
.w600	{ width:600px;}
.w607	{ width:607px;}
.w800	{ width:800px !important;}
.w839	{ width:839px !important;}

/* BOTTON */

.btn	{ position:relative; display:inline-block; padding:7px 10px; border:1px solid #e1e1e1 !important; background:#f6f6f6; text-align:center; font-size:12px; vertical-align:middle; font-weight:600; cursor:pointer}
.btn:hover	{ background:#666; color:#fff; border:1px solid #666}

.btn.red	{ color:#e74c3c; border:1px solid #e74c3c}
.btn.red:hover	{ background:#e74c3c; color:#fff}

.btn.redline	{ color:#e74c3c; border:1px solid #e74c3c}
.btn.redline:hover	{ background:#e74c3c; color:#fff}

.btn.red2	{ color:#fff; background:#dd5826; border:1px solid #ca4e20}
.btn.red2:hover	{ background:#b4461c; border:1px solid #953a17}

.btn.purpleline	{ color:#8160d4; border:1px solid #8160d4}
.btn.purpleline:hover	{ background:#8160d4; color:#fff}

.btn.blueline	{ color:#3B5998; border:1px solid #3B5998}
.btn.blueline:hover	{ background:#3B5998; color:#fff}

.btn.blue	{ color:#fff; border:1px solid #3B5998; background:#3B5998}
.btn.blue:hover	{ background:#3B5998; border:1px solid #3B5998}

.btn.blue2	{ color:#fff; border:1px solid #4a82bb; background:#5d8fc2}
.btn.blue2:hover	{ background:#4175ab; border:1px solid #376492}

.btn.black9	{ color:#fff; border:1px solid #999; background:#999}
.btn.black9:hover	{ background:#808080; border:1px solid #808080} 

.btn.black6	{ color:#fff; border:1px solid #666; background:#666}
.btn.black6:hover	{ color:#333; background:#fff; border:1px solid #666} 

.btn.black6line	{ border:1px solid #bbb; background:#fff; color:#333}
.btn.black6line:hover	{ border:1px solid #666; background:#666; color:#fff}

.btn.green	{ background:#64bd63; border:1px solid #52b551; color:#fff}
.btn.green:hover{  background-color:#48a746;border-color:#3d8d3c}

.btn.red	{ background:#e84c3d; border:1px solid #e84c3d; color:#fff}
.btn.red:hover{  background-color:#cd3c2e;border-color:#cd3c2e}

.btn_right	{ display:inline-block; width:100%; text-align:right}
.btn_right li	{ display:inline-block; margin-right:5px}
.btn_right li a	{ display:inline-block}

.btn_center	{ display:inline-block; width:100%; text-align:center}
.btn_center li	{ display:inline-block; margin-right:5px}
.btn_center li a	{ display:inline-block}
.btn_center li.btn_a a{display: block; color: #fff; padding: 9px 20px; font-size: 13px; background: #fe690f; border: 1px solid #fe690f; border-radius: 2px;}
.btn_center li.btn_b a{display: block; color: #fff; padding: 9px 20px; font-size: 13px; background: #999; border: 1px solid #999; border-radius: 2px;}

.btn-block	{ display:block; white-space:normal; width:100%;}

/* padding */

.pa0{ padding:0}
.pa3{ padding:3px}
.pa5{ padding:5px}
.pa10{ padding:10px}
.pa20{ padding:20px}
.pa30{ padding:30px}
.pa40{ padding:40px}
.pa50{ padding:50px}
.pa60{ padding:60px}
.pa70{ padding:70px}


.prl5{ padding:0 5px}
.prl10{ padding:0 10px}
.prl20{ padding:0 20px}
.prl30{ padding:0 30px}
.prl40{ padding:0 40px}
.prl50{ padding:0 50px}
.prl60{ padding:0 60px}
.prl70{ padding:0 70px}


.pt3{ padding-top:3px}
.pt5{ padding-top:5px}
.pt10{ padding-top:10px}
.pt15{ padding-top:15px}
.pt20{ padding-top:20px}
.pt30{ padding-top:30px}
.pt40{ padding-top:40px}
.pt50{ padding-top:50px}
.pt60{ padding-top:60px}
.pt70{ padding-top:70px}


.pr3{ padding-right:3px}
.pr5{ padding-right:5px}
.pr10{ padding-right:10px}
.pr15{ padding-right:15px}
.pr20{ padding-right:20px}
.pr30{ padding-right:30px}
.pr40{ padding-right:40px}
.pr50{ padding-right:50px}
.pr60{ padding-right:60px}
.pr70{ padding-right:70px}


.pb3{ padding-bottom:3px}
.pb5{ padding-bottom:5px}
.pb10{ padding-bottom:10px}
.pb15{ padding-bottom:15px}
.pb20{ padding-bottom:20px}
.pb30{ padding-bottom:30px}
.pb40{ padding-bottom:40px}
.pb50{ padding-bottom:50px}
.pb60{ padding-bottom:60px}
.pb70{ padding-bottom:70px}


.pl3{ padding-left:3px}
.pl5{ padding-left:5px}
.pl10{ padding-left:10px}
.pl15{ padding-left:15px}
.pl20{ padding-left:20px}
.pl30{ padding-left:30px}
.pl40{ padding-left:40px}
.pl50{ padding-left:50px}
.pl60{ padding-left:60px}
.pl70{ padding-left:70px}


/* margin */
.ma0{ margin:0}
.ma3{ margin:3px}
.ma5{ margin:5px}
.ma10{ margin:10px}
.ma20{ margin:20px}
.ma30{ margin:30px}
.ma40{ margin:40px}
.ma50{ margin:50px}
.ma60{ margin:60px}
.ma70{ margin:70px}


.mt3{ margin-top:3px}
.mt5{ margin-top:5px}
.mt10{ margin-top:10px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.mt30{ margin-top:30px}
.mt40{ margin-top:40px}
.mt50{ margin-top:50px}
.mt60{ margin-top:60px}
.mt70{ margin-top:70px}


.mr3{ margin-right:3px}
.mr5{ margin-right:5px}
.mr10{ margin-right:10px}
.mr15{ margin-right:15px}
.mr20{ margin-right:20px}
.mr30{ margin-right:30px}
.mr40{ margin-right:40px}
.mr50{ margin-right:50px}
.mr60{ margin-right:60px}
.mr70{ margin-right:70px}


.mb3{ margin-bottom:3px}
.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px !important}
.mb40{ margin-bottom:40px !important}
.mb50{ margin-bottom:50px !important}
.mb60{ margin-bottom:60px !important}
.mb70{ margin-bottom:70px}


.ml3{ margin-left:3px}
.ml5{ margin-left:5px}
.ml10{ margin-left:10px}
.ml15{ margin-left:15px}
.ml20{ margin-left:20px !important}
.ml30{ margin-left:30px}
.ml40{ margin-left:40px}
.ml50{ margin-left:50px}
.ml60{ margin-left:60px}
.ml70{ margin-left:70px}