@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&subset=korean');

/* CSS reset */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, #sub, #sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, label {margin:0; padding:0; border:0; color:#444;}
html { overflow-y:scroll; font-family:'Noto Sans KR', 'Malgun Gothic', '돋움', Dotum, Verdana, Arial, sans-serif; }

* { font-family:'Noto Sans KR', 'Malgun Gothic', '돋움', Dotum, Verdana, Arial, sans-serif; vertical-align: middle; font-size:12px; font-weight:400; }
/* Reset CSS  */
/*
@font-face { font-family:'NanumGothic'; font-style:normal; font-weight:400; src: url('/font/NanumGothic.eot');}
@font-face { font-family:'NanumGothicBold'; font-style:normal; font-weight:400; src: url('/font/NanumGothicBold.eot');}
@font-face { font-family:'NanumGothic'; font-style:normal; font-weight:400; src: url('/font/NanumGothic.ttf') format('truetype');}
@font-face { font-family:'NanumGothicBold'; font-style:normal; font-weight:400; src: url('/font/NanumGothicBold.ttf') format('truetype');}
@font-face { font-family:'NanumGothic'; font-style:normal; font-weight:400; src: url('/font/NanumGothic.woff') format('woff');}

@font-face {
  font-family:"NanumSquareB";
  font-style:normal;  
  font-weight:bold;
  src:url(/font/NanumSquareB.otf) format('opentype');
  src:url(/font/NanumSquareB.ttf) format('truetype');
  src:url(/font/NanumSquareB.eot);
  src:url(/font/NanumSquareB.eot?#iefix) format('embedded-opentype');
}

@font-face {
  font-family:"NanumPen";
  font-style:normal;  
  font-weight:normal;  
  src:url(/font/NanumPen.ttf) format('truetype');
  src:url(/font/NanumPen.eot);
  src:url(/font/NanumPen.eot?#iefix) format('embedded-opentype');
}
*/
* { margin:0; padding:0; border:0; outline:0; vertical-align:middle;font-size:12px;font-family:"Noto Sans KR"}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, dl { list-style:none; }
img, video { max-width:100%; border:0; vertical-align:top; }
a,a:visited { text-decoration:none; cursor:pointer;color:#444; }
a:hover{ text-decoration:none; }
table { border-collapse:collapse; border-spacing:0; }
select{padding:3px;border-bottom:1px solid #b3bbc1;border-right:1px solid #b3bbc1;border-left:1px solid #898f94;border-top:1px solid #898f94;font-size:10pt;background:#f9f9f9;}
textarea{padding:4px;border-bottom:1px solid #b3bbc1;border-right:1px solid #b3bbc1;border-left:1px solid #898f94;border-top:1px solid #898f94;font-size:10pt;background:#f9f9f9;}

.left{float:left;}
.right{float:right;}
.both{clear:left;}
.oh{overflow:hidden;}

.nanum{font-family:'Noto Sans KR';}
.bold{font-weight:bold;}
.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.p100{padding:10px 0}
.p010{padding:0 10px;}
.p1020{padding:10px 20px;}
.p10{padding:10px}
.p150{padding:15px 0}
.p015{padding:0 15px;}
.p15{padding:15px}
.p200{padding:20px 0}
.p020{padding:0 20px;}
.p20{padding:20px}
.p250{padding:25px 0}
.p025{padding:0 25px;}
.p25{padding:25px}
.p0700{padding: 70px 0 0 0;}
.ul_left li{float:left;}
.webfont{font-family: 'icon-worksregular';}
strike{color:#999}
.url, .url:visited{color:#008800;font-size:11pt;}
.br3{border-radius:3px}
.fs12{font-size:12pt}

.tel{width:40px;text-align:center;}.input_tel{width:40px;text-align:center;}

.input_date{width:110px;background-color:#fff;}
.input_date1{width:110px;background-color:#fff;}
input[type=text]{padding:5px;border-bottom:1px solid #b3bbc1;border-right:1px solid #b3bbc1;border-left:1px solid #898f94;border-top:1px solid #898f94;font-size:10pt;background:#f9f9f9;}
input[type=number]{padding:5px;border-bottom:1px solid #b3bbc1;border-right:1px solid #b3bbc1;border-left:1px solid #898f94;border-top:1px solid #898f94;font-size:10pt;background:#f9f9f9;}
input[type=password]{padding:5px;border-bottom:1px solid #b3bbc1;border-right:1px solid #b3bbc1;border-left:1px solid #898f94;border-top:1px solid #898f94;font-size:10pt;background:#f9f9f9;}
.input_txt{padding:5px;border-bottom:1px solid #b3bbc1;border-right:1px solid #b3bbc1;border-left:1px solid #898f94;border-top:1px solid #898f94;font-size:10pt;background:#f9f9f9;}

.term_w{color:#59595d;padding:0 8px;}
#div_hidden{display:none;}
.cp{cursor:pointer}
#modalfilm {
	top:0;
	left:0;
	width:100%;	
	position:absolute;
	background:rgba(0,0,0,.8);
	cursor:default;
	z-index:888;	
	max-width:100%;
	display:none;
}

#div_page{clear:both;padding:10px 0;text-align:center;}
#div_page .ul_page li{float:left;margin-right:5px;padding:6px 10px;font-size:11pt;border:1px solid #ddd;color:#000;cursor:pointer;}
#div_page .ul_page li.on{background:url('/img/bg_line_blue1.jpg');color:#fff;}