@charset "utf-8"; 


/*  COMMON  ==================================================================== */ 

 
div, span, applet, object, 
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, span,
b, u, i, center,input,select,textarea,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
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; font-family: NanumBarunGothic;  }

*								{margin:0;padding:0;outline:none;box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-text-size-adjust:none;} /* -webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent; */
html							{margin :0; padding :0; font-size:13px;line-height:160%;font-family:NanumBarunGothic, '맑은 고딕', NanumGothic, Dotum, Gulim ; color:#555;}
html, body						{width:100%;height:100%; }
body							{position:relative;min-width:320px;word-break:break-all;background:url('./image/bg.jpg') repeat;}

h2								{display:none;}
ul, ol							{list-style-type:none} 
nav ul, li						{list-style:none;}
table							{border-collapse:collapse;border-spacing:0}

img,fieldset,iframe				{margin : 0; border : 0 none; vertical-align:middle; } 
label							{cursor:pointer}
i, em, address					{ }
caption,legend					{visibility:hidden;width:0px;height:0px;font-size:0px;line-height:0px}
object,video,embed				{position:relative;top:0;left:0;max-width:100%;}
hr								{overflow:hidden; visibility:hidden; width:0; height:0; margin:0; padding:0; position:absolute;}

/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section			{display:block; padding:0; margin:0}

input,select,textarea			{  }
input							{box-sizing:content-box;vertical-align: middle;  }
textarea						{resize:none;border:none;background:none}


button { border: 0 none; background: none; }
button, input, select, textarea {  vertical-align: middle; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; overflow: visible; box-sizing: border-box; -webkit-appearance: button;border-radius:0px;}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
textarea {	-webkit-appearance: none; -moz-appearance: none; appearance: none; }

select:focus {outline: none;}
textarea { overflow: auto; resize: none; }

input[type="checkbox"],
input[type="radio"] { width: 14px; height: 14px; line-height: 14px; box-sizing: border-box;}
input[type="search"] {box-sizing: content-box; }
a								{text-decoration:none; cursor:pointer;color:#555;}
a:link, a:visited, a:hover, a:focus, a:active					{text-decoration:none; } 


.letter							{letter-spacing:normal !important}



/*   2011 페이지   ==========================================================*/
.container						{position:relative;border-radius:5px;overflow:hidden;background:#fff;max-width:980px;margin:30px auto 50px auto;box-shadow:0 1px 10px rgba(0,0,0,.3);}
.container .wrap				{padding:40px 40px 70px 40px;}
.top img						{width:100%;}

.content						{overflow:hidden;margin-top:20px;}
.content .poster				{float:left;width:290px;height:410px;border:1px solid #ddd;}
.content .poster img			{width:100%;height:100%;}
.content .table					{padding-left:320px;}
.content .table dl				{overflow:hidden;padding:13px 0;border-bottom:1px solid #e5e5e5;}
.content .table dl:nth-child(odd)	{background:#f8f9fa;}
.content .table dl:first-child	{border-top:1px solid #e5e5e5;}
.content .table dl dt			{float:left;width:120px;text-align:center;color:#222;font-size:1.05em;}
.content .table dl dd			{padding-left:120px;color:#777;font-size:1.05em;line-height:160%;}
.content .table dl dd span		{font-weight:bold;color:#fb5d00;}

.copy							{background:#5c5c5c;padding:20px 0;text-align:center;color:#b4b4b4;font-family:'tahoma';font-size:0.85em;}


/* screen 980 */
@media screen and (max-width:980px) {

	body						{padding:0 10px;}
	.container					{margin:10px auto;}

}


/* screen 785 */
@media screen and (max-width:785px) {

	.container .wrap			{padding:20px 20px 40px 20px;}
	.content					{margin-top:10px;}
	.content .poster			{float:none;width:100%;height:100%;}
	.content .table				{padding:10px 0 0 0;}
	.content .table dl dt		{width:80px;}
	.content .table dl dd		{padding-left:80px;}

	.copy						{padding:20px 10px;line-height:140%;}

}


 
/*   base   ==========================================================*/


 /* Skip Navigation */
.skipNav					{overflow:hidden; visibility:hidden; font-size:0; width:0; height:0; margin:0; padding:0; position:absolute;}
.skipNav a					{display:block;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;margin-bottom:-1px;margin-left:-1px;font-weight:bold;color:#000;text-align:center;white-space:nowrap}
.skipNav a:hover,.skipNav a:focus,.skipNav a:active{z-index:1000;width:100%;height:auto;padding:10px 0;background:#f76900;color:#fff}




.blind						{display:none;visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; clear:both;}
 
#wrap						{position:relative;width:100%; }     




/*  기타 페이지 공통   ==================================================================================== */
#sng_loading_fade	{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background:#000;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);z-index:999999998;} 
#sng_loading_loader	{display:none;position:absolute;top:45%;left:0%;width:100%;height: 50px; -moz-opacity:0.5;opacity:.50;filter:alpha(opacity=50);z-index:999999999;text-align:center;} 
.sng_loading_icon	{display: inline-block;zoom:1;*display:inline;background-color: black; margin: 0; width: 50px; height: 50px;  -webkit-border-radius: 50px; border-radius: 50px;  overflow:hidden;}


.filesize				{color:#ff0000;font-weight:bold;}
.nohangul				{ime-mode:disabled;}
.firsthangul			{ime-mode:active;}
.firstenglish			{ime-mode:inactive;}
.input_form				{border:1px solid #bbb;  padding:3px 5px; margin:2px 0px;}
.input_file				{height:20px;font-size:14px;}
.textarea_form			{width:96%;min-height:50px;background-color:#ffffff; padding:5px;border: 1px solid #aaaaaa; overflow-x:hidden;}

.user_textarea			{height:500px;background-color:#ffffff; padding:10px ;border: 1px solid #bbb; overflow-x:hidden;overflow:auto;}
.user_textarea2			{height:60px;background-color:#ffffff; padding:2px ; overflow-x:hidden;overflow:auto;}

.agree_textarea			{width:100%;height:150px;background-color:#ffffff; padding:5px;border: 1px solid #aaaaaa; overflow-x:hidden;}

.left_title_upper		{padding:48px 0 0 0;min-height:20px;color:#88b3e0;font-weight:bold;font-size:13px;text-transform:uppercase; }
.left_title_lower		{padding:48px 0 0 0;min-height:20px;color:#88b3e0;font-weight:bold;font-size:13px;text-transform:lowercase; }

.gray_box				{border:1px solid #dbdbdb;padding:10px;margin-bottom:10px;background-color:#f8f8f8;}
.gray_box2				{border:1px solid #cccccc;padding:3px;margin-bottom:5px;background-color:#f5f5f5;}

.bordertop				{border-top:1px solid #cccccc;}

.id_search_box			{margin-bottom:20px;}
.id_search_box01		{border-top:1px solid #cccccc;border-right:1px solid #cccccc;border-left:1px solid #cccccc;padding:10px;background-color:#f5f5f5;text-align:center;}
.id_search_box02		{border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;border-left:1px solid #cccccc;padding:10px;text-align:center;}

.inlineblock			{display:inline-block;zoom:1;*display:inline;}
.overauto				{overflow:auto;}
.fix					{table-layout:fixed;} 
.left					{text-align:left;}
.center					{text-align:center;}
.justify				{text-align:justify;}
.right					{text-align:right;} 
.fgray					{color:gray;}
.fred					{color:red;}
.fblue					{color:blue;}
.fgreen					{color:green;}
.fsky					{color:#3399ee;}
.fblack					{color:black;}
.fwhite					{color:white;}
.forange				{color:orange;}
.fcrimson				{color:crimson;}
.fname					{color:#000;}
.fsize					{color:#a54f15;}
.fpilsu					{color:#f27a22;}
.fgigan					{color:#999;}
.fbold					{font-weight:bold;}
.sfont					{font-size:0.8em;color:#888; font-weight:normal;}
.sfont02				{font-size:11px;  }
.vtop					{vertical-align:top;} 

.bg_y					{background-repeat: repeat-y;}
.bg_x					{background-repeat: repeat-x;}
.bgno					{background-repeat: no-repeat; }

.fl						{float:left;}
.fr						{float:right;}
.cb						{clear:both;margin:0;}
.letters				{letter-spacing:-1px;}
.cursor					{cursor:pointer;}

.space00				{height:10px;clear:both;}
.space01				{height:15px;}
.space02				{height:20px;} 
.space03				{height:30px;} 
.space04				{height:40px;} 


.fsize8					{font-size:8px;}
.fsize9					{font-size:9px;}
.fsize10				{font-size:10px;}
.fsize11				{font-size:11px;}
.fsize12				{font-size:12px;}
.fsize13				{font-size:13px;}
.fsize14				{font-size:14px;}
.fsize15				{font-size:15px;}
.fsize20				{font-size:20px;}


.mt5					{margin-top:5px;}
.mt10					{margin-top:10px;}
.mt15					{margin-top:15px;}
.mt20					{margin-top:20px;}
.mt25					{margin-top:25px;}
.mt30					{margin-top:30px;}
.mt35					{margin-top:35px;}

.mb5					{margin-bottom:5px;}
.mb10					{margin-bottom:10px;}
.mb15					{margin-bottom:15px;}
.mb20					{margin-bottom:20px;}
.mb25					{margin-bottom:25px;}
.mb30					{margin-bottom:30px;}

.pt5					{padding-top:5px;}
.pt6					{padding-top:6px;}
.pt8					{padding-top:8px;}
.pt9					{padding-top:9px;}
.pt10					{padding-top:10px;}
.pt15					{padding-top:15px;}
.pt20					{padding-top:20px;}
.pt25					{padding-top:25px;}
.pt30					{padding-top:30px;}
.pt35					{padding-top:35px;}
.pt40					{padding-top:40px;}
.pt50					{padding-top:50px;}
.pt65					{padding-top:65px;}

.pb3					{padding-bottom:3px;}	
.pb5					{padding-bottom:5px;}	
.pb8					{padding-bottom:8px;} 
.pb10					{padding-bottom:10px;} 
.pb15					{padding-bottom:15px;} 
.pb20					{padding-bottom:20px;} 
.pb25					{padding-bottom:25px;} 
.pb30					{padding-bottom:30px;} 
.pb35					{padding-bottom:35px;} 
.pb40					{padding-bottom:40px;} 
.pb50					{padding-bottom:50px;} 
.pb55					{padding-bottom:55px;} 
.pb60					{padding-bottom:60px;} 

.pl5					{padding-left:5px;}	
.pl10					{padding-left:10px;}	
.pl15					{padding-left:15px;}
.pl20					{padding-left:20px;}
.pl22					{padding-left:22px;}
.pl25					{padding-left:25px;}
.pl30					{padding-left:30px;} 
.pl35					{padding-left:35px;} 
.pl40					{padding-left:40px;} 

.pr10					{padding-right:10px;}
.pr15					{padding-right:15px;}
.pr20					{padding-right:20px;}
.pr25					{padding-right:25px;}
.pr27					{padding-right:27px;}
.pr28					{padding-right:28px;}
.pr30					{padding-right:30px;}
.pr35					{padding-right:35px;}
.pr40					{padding-right:40px;}
.pr45					{padding-right:45px;}
.pr50					{padding-right:50px;}


.pall5					{padding:5px;}
.pall10					{padding:10px;}
.pall15					{padding:15px;}
.pall20					{padding:20px;}
.pall25					{padding:25px;}
.pall30					{padding:30px;}
 
 
.w10p					{width:10px;}
.w20p					{width:20px;}
.w30p					{width:30px;}
.w40p					{width:40px;}
.w50p					{width:50px;}
.w60p					{width:60px;}
.w70p					{width:70px;}
.w80p					{width:80px;}
.w90p					{width:90px;}
.w100p					{width:100px;}
.w150p					{width:150px;}
.w200p					{width:200px;}
.w250p					{width:250px;}
.w300p					{width:300px;}
.w400p					{width:400px;}
.w500p					{width:500px;}

.w10					{width:10%;}
.w15					{width:15%;}
.w20					{width:20%;}
.w25					{width:25%;}
.w30					{width:30%;}
.w35					{width:35%;}
.w50					{width:50%;}
.w60					{width:60%;}
.w70					{width:70%;}
.w80					{width:80%;}
.w90					{width:90%;}
.w97					{width:97%;}
.w99					{width:99%;}
.w100					{width:100%;}

.h10p					{height:10px;}
.h20p					{height:20px;}
.h30p					{height:30px;}
.h40p					{height:40px;}
.h50p					{height:50px;}
.h60p					{height:60px;}
.h70p					{height:70px;}
.h80p					{height:80px;}
.h90p					{height:90px;}
.h100p					{height:100px;}
.h150p					{height:150px;}
.h200p					{height:200px;}
.h250p					{height:250px;}
.h300p					{height:300px;}
.h400p					{height:400px;}
.h500p					{height:500px;}