@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700);

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}

html, body {
    height: 100%;
}

html {
    overflow-y: scroll;
}

body, p, ul, ol, li, dl, dt, dd, form, table, th, td, fieldset, input, textarea, select, button, h1, h2, h3, h4, h5, h6, pre {
    margin: 0;
    padding: 0;
}

body, input, textarea, select, button {
    color: #464646;
    font-family:'Roboto','Nanum Gothic','Dotum','돋움','Arial';
    font-size: 12px;
	line-height: 1.5em;
}

.hidden {display:none;}

fieldset, img {
    border: 0 none;
}

table {
    border-collapse: collapse;
	border-spacing: 0;
}

legend, caption {
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;   
    visibility: hidden;
    width: 0;
}

ul, ol {
    list-style: none outside none;
}

a {
    color: #464646;
    text-decoration: none;
}

input, textarea, select {
    vertical-align: middle;
}

.bor_none { border:none !important;}
.bg_none { background:none !important;}

/* 추가 140822*/
#skipToContent, .reader { position: absolute; left: -1000%; top: 0px; width: 1px; height: 1px; font-size: 0px; line-height: 0px; overflow: hidden; }
/*추가 e*/


.snb li a.newwin {background: url("/images/common/newwin.gif") no-repeat scroll 97% center transparent !important; display:block;}

fieldset {border: 0 none;}
form, fieldset, legend, textarea, input, select, textarea, button {margin: 0; padding: 0;}
input, select, textarea, button {vertical-align: middle; font-size:12px; color:#555;}


#time_extension_bg {position:absolute; top:0; left:0;width:100%; height:100%;  line-height:180%; background-color:#040404;z-index:9999;/* opacity:0.5;filter:alpha(opacity=50);*/}
#time_extension_wrap{position:absolute; width:100%; height:100%;  line-height:180%; vertical-align:middle; text-align:center; z-index:10000; }
#time_extension{border:#4a91c3 solid 2px; width:409px; height:234px; display: inline-block; margin-top:200px; background:url(/images/common/time_bg.gif) 10px 155px no-repeat; background-color:#FFFEFF; text-align:center; 
z-index:0; }
#time_extension h3{margin:0; padding:0;}
#time_extension p.txt{font-size:14px; color:#000; margin-top:26px; padding:0;text-align:center; line-height:100%; letter-spacing:-1px;}
#time_extension p.red{font-size:14px; color: #F30; margin-top:9px; font-weight:bold; letter-spacing:-1px;}
#time_extension p.remander{font-size:14px; color:#000; margin-top:15px;}
#time_extension p.remander span{color:#2878e5; font-weight:bold;}

#time_extension ul{margin-left:110px;margin-top:45px; padding:0;}
#time_extension ul li{float:left; margin-right:5px; padding:0;}


#time_extension_02{border:#4a91c3 solid 2px; width:409px; height:234px; display: inline-block; margin-top:200px; background:url(/images/common/time_bg.gif) 10px 155px no-repeat; background-color:#FFFEFF; text-align:center; 
z-index:0; }
#time_extension_02 h3{margin:0; padding:0;}
#time_extension_02 p.txt2{font-size:14px; color:#000; margin-top:26px; padding:0;text-align:center; line-height:180%; letter-spacing:-1px;}
#time_extension_02 p.txt2 span{color:#2878e5; font-weight:bold;}

#time_extension_02 ul{margin-left:150px;margin-top:20px; padding:0;}
#time_extension_02 ul li{float:left; margin-right:5px; padding:0;}


/* UI Object */
a.btn_big {
	display:inline-block;
	padding-right:4px;
	background:url(/images/common/bg_btn_default.gif) no-repeat 100% 0;
	font-family:'Nanum Gothic', '돋움', dotum;
	font-size:12px;
	color:#333;
	line-height:26px;
	word-spacing:-1px;
	text-decoration:none !important;
	white-space:nowrap
}
a.btn_big span, a.btn_big strong {
	display:block;
	padding:0 8px 1px 12px;
	background:url(/images/common/bg_btn_default.gif) no-repeat
}
a.btn_sml {
	display:inline-block;
	padding-right:4px;
	background:url(/images/common/bg_btn_default.gif) no-repeat 100% -27px;
	font-family:'Nanum Gothic', '돋움', dotum;
	font-size:11px;
	color:#333;
	line-height:21px;
	letter-spacing:-1px;
	word-spacing:-1px;
	text-decoration:none !important;
	white-space:nowrap
}
a.btn_sml span, a.btn_sml strong {
	display:block;
	padding:0 4px 1px 8px;
	background:url(/images/common/bg_btn_default.gif) no-repeat 0 -27px
}
a.btn_sml span img {
	margin-right:2px;
	vertical-align:middle !important;
	border:0;
}
/* 백그라운드이미지 간격없음 */
.tab_list { margin-top:10px;}
.tab_menu {
	width:100%;
	background:url(/images/common/bg_tab.gif) repeat-x 0 100%;
	display:inline-block;
}
.tab_menu li {
	/*_display:inline;*/
	float:left;
	margin-right:-1px;
	background:url(/images/common/bg_tab_right.gif) 100% 0 no-repeat !important;
	list-style:none;
	padding:0 !important;
}
.tab_menu li span {
	display:block
}
.tab_menu li a {
	display:block;
	/*_float:left;*/
	height:19px;
	padding:9px 19px 0 18px;
	background:url(/images/common/bg_tab_left.gif) 0 0 no-repeat;
	color:#666;
	line-height:14px;
	text-decoration:none
}
.tab_menu li a:hover {color:#333}
.tab_menu li.selected {	background-position:100% -28px}
.tab_menu li.selected a {
	background-position:0 -28px;
	color:#333;
	font-weight:bold;
	letter-spacing:-1px
}
#content .tab_content {	display:none;}
#content >div.selected {	display:block;	width:100%;}

/* //UI Object */
#file_list {
	height:200px;
	border:1px solid #ccc;
}
#file_list ul {
	list-style:none !important;
}
#file_list ul li {
	padding:0 !important;
	background:none !important;
	text-align:inherit !important;
}
.multi-upload {
}
.multi-upload .uploadifyQueueItem {
	background-color: #FFEFFF;
	border: none;
	border-bottom: 1px solid #E5E5E5;
	font: 11px Verdana, Geneva, sans-serif;
	height: 20px;
	margin:0 0 4px 0;
	padding: 4px;
	width: 98%;
}
.multi-upload .uploadifyError {
	background-color: #FDE5DD !important;
	border: none !important;
	border-bottom: 1px solid #FBCBBC !important;
}
.multi-upload .uploadifyQueueItem .cancel {
	float: right;
}
.multi-upload .uploadifyQueue .completed {
	color: #C5C5C5;
}
.multi-upload .uploadifyProgress {
	background-color: #E5E5E5;
	margin-top: 5px;
	width: 280px;
	float:left;
}
.multi-upload .uploadifyProgressBar {
	background-color: #0099FF;
	height: 8px;
	width: 1px;
}
.multi-upload #custom-queue {
	border:1px solid #ccc;
	height:100px;
	/*overflow-y:scroll;*/
	overflow:scroll;
	margin:10px 0;
}
.multi-upload #custom-queue .fileName {
	float:left;
	display:block;
	width:180px;
	text-align:left;
}
.multi-upload #custom-queue .data {
	float:left;
	display:block;
	width:100px;
}
#custom_file_upload {
	float:right;
	margin-right:2px;
}
#file_list input[type=checkbox] {
	border:0;
}
#file_list ul {
	clear:both;
}
#file_list ul li {
	display:block;
	float:left;
	margin-bottom:0 !important;
}
#file_list ul.head {
	height:22px;
	background-color:#D6D6D5;
	border-bottom:1px solid #A0A0A0;
	margin:0;
	padding:0;
}
#file_list ul.body {
	height:176px;
	/*overflow-y:scroll;*/
	overflow:scroll;
	background-color:#FFFEFF;
	margin:0;
	padding:0;
}
#file_list ul li span {
	display:block;
	float:left;
	margin:2px 0 0 0;
	padding:2px 0;
}
#file_list ul.head li span {
	border-right:1px solid #A0A0A0;
	border-left:1px solid #fff;
}
#file_list ul.body li span {
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}
#file_list ul li span.chk {	width:40px;	text-align:center;}
#file_list ul.head li span.name {width:220px;text-align:center;}
#file_list ul.body li span.name {width:220px;text-align:left;  /* word-wrap:break-word; */}
#file_list ul.body li span.name img {
	margin-left:4px;
	vertical-align:middle;
}
#file_list ul li span.size {	width:100px;}
#file_list ul.body li span.size {	text-align:right;}
#file_list ul li span.date {	width:125px;}
#file_list ul li span.link {
	width:100px;
	border-right:0;
}
.url_get input {	vertical-align:middle}
.btn_list {
	width:100%;
	text-align:right;
	margin-top:10px;
	float:left;
}
.btn_list span {	padding-top:0px !important;}
.root_path {	width:100%;	text-align:left;}


#debug_bar { height:80px; z-index:99999;}
#debug_bar #debug_setform { float:left; }
 

#debug {
    bottom: 0;
    position: fixed;
    z-index: 9999;
	display:none;
}

#debug #debug_setform label {	margin-left:8px;	font-weight:bold;}
#debug #debug_setform select {	vertical-align:middle;	}
.debug_slide { display:block; border:1px solid #ccc; border-bottom:0; padding:0px 4px; background-color:#fff; width:80px; cursor:pointer;}
#debug #debug_setform {
	border:1px solid #ccc;
	background-color:#f2f2f2;
	width:100%;
	margin:0;
	padding:0;
	padding-bottom:10px;
	clear:both;
}
#debug .body {
	height: 300px;
	/*overflow-y:scroll;*/
	overflow:scroll;
	border:1px solid #ccc;
}
#debug .debug_box {
	list-style:none;
	margin:0px;
	display:block;
	border:1px solid #ccc;
	padding:7px;
}
#debug .debug_box span.key {
	color:#CE0000;
}
#debug .debug_box span.value {
	color:#555;
}
#debug .btn_sml { margin-right:10px;}

#debug .get, #debug .post {
	background-color: #C6DBF5
}
#debug .session, #debug .cookie {
	background-color:#F0E0F0;
}
#debug .config {
	background-color:#F0FFF0;
}
#debug .server {
	background-color:#fff;
}
#debug .system {
	background-color:#FFF0C0;
}
#debug .error {
	background-color:#FFE0C0;
}
#HTMLValidator1 {   
	background-color: #FFFFFF;
    bottom: 0;
    height: 300px;
    position: fixed;
    width: 100%;
    z-index: 9999;
	overflow-y:scroll;
	border:1px solid #ccc;
}
#debug_open {
    bottom: 0;
    position: fixed;
}
.error { background-color:#ccc; display:inline;}
.helpwanted { display:none;}
#HTMLValidator1 table { margin:10px; }
#HTMLValidator1 table td { padding:3px;}
#HTMLValidator1 table td strong { color:#F00}
#HTMLValidator2 { display:none; position:fixed; bottom:0;}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#323333;
	padding:5px;
	display:none;
	color:#fff;
}

.center{text-align:center;}

.mal5 {margin-left:5px !important;}

.mal10 {margin-left:10px !important;}
.mal15 {margin-left:15px !important;}
.mal20 {margin-left:20px !important;}
.mal25 {margin-left:25px !important;}
.mal30 {margin-left:30px !important;}
.mal35 {margin-left:35px !important;}
.mal40 {margin-left:40px !important;}
.mal50 {margin-left:50px !important;}
.mal55 {margin-left:55px !important;}
.mal60 {margin-left:60px !important;}
.mal70 {margin-left:70px !important;}
.mal75 {margin-left:75px !important;}
.mal80 {margin-left:80px !important;}
.mal90 {margin-left:90px !important;}
.mal100 {margin-left:100px !important;}
.mal120 {margin-left:120px !important;}
.mal130 {margin-left:130px !important;}
.mal140 {margin-left:140px !important;}
.mal150 {margin-left:150px !important;}
.mal-5 {margin-left:-5px !important;}
.mal-10 {margin-left:-10px !important;}
.mal-15 {margin-left:-15px !important;}
.mal-20 {margin-left:-20px !important;}
.mal-25 {margin-left:-25px !important;}
.mal-30 {margin-left:-30px !important;}
.mal-35 {margin-left:-35px !important;}
.mal-40 {margin-left:-40px !important;}
.mal-45 {margin-left:-45px !important;}
.mal-50 {margin-left:-50px !important;}

.mar0 {margin-right:0 !important;}
.mar5 {margin-right:5px !important;}
.mar10 {margin-right:10px !important;}
.mar15 {margin-right:15px !important;}
.mar20 {margin-right:20px !important;}
.mar25 {margin-right:25px !important;}
.mar30 {margin-right:30px !important;}
.mar35 {margin-right:35px !important;}
.mar40 {margin-right:40px !important;}
.mar45 {margin-right:45px !important;}
.mar50 {margin-right:50px !important;}
.mar55 {margin-right:55px !important;}
.mar60 {margin-right:60px !important;}
.mar70 {margin-right:70px !important;}
.mar80 {margin-right:80px !important;}
.mar90 {margin-right:90px !important;}
.mar100 {margin-right:100px !important;}
.mar120 {margin-right:120px !important;}
.mar130 {margin-right:130px !important;}
.mar140 {margin-right:140px !important;}
.mar150 {margin-right:150px !important;}

.mab0 {margin-bottom:0 !important;}
.mab5 {margin-bottom:5px !important;}
.mab10 {margin-bottom:10px !important;}
.mab15 {margin-bottom:15px !important;}
.mab20 {margin-bottom:20px !important;}
.mab25 {margin-bottom:25px !important;}
.mab30 {margin-bottom:30px !important;}
.mab35 {margin-bottom:35px !important;}
.mab40 {margin-bottom:40px !important;}
.mab45 {margin-bottom:45px !important;}
.mab50 {margin-bottom:50px !important;}
.mab70 {margin-bottom:70px !important;}
.mab80 {margin-bottom:80px !important;}
.mab95 {margin-bottom:95px !important;}

.ma0 {margin-bottom:0 !important;}
.ma5 {margin-bottom:5px !important;}
.ma10 {margin-bottom:10px !important;}
.ma15 {margin-bottom:15px !important;}
.ma20 {margin-bottom:20px !important;}
.ma25 {margin-bottom:25px !important;}
.ma30 {margin-bottom:30px !important;}
.ma35 {margin-bottom:35px !important;}
.ma40 {margin-bottom:40px !important;}
.ma45 {margin-bottom:45px !important;}
.ma50 {margin-bottom:50px !important;}

.mat0 {margin-top:0 !important;}
.mat5 {margin-top:5px !important;}
.mat10 {margin-top:10px !important;}
.mat15 {margin-top:15px !important;}
.mat20 {margin-top:20px !important;}
.mat25 {margin-top:25px !important;}
.mat30 {margin-top:30px !important;}
.mat35 {margin-top:35px !important;}
.mat40 {margin-top:40px !important;}
.mat45 {margin-top:45px !important;}
.mat50 {margin-top:50px !important;}
.mat60 {margin-top:60px !important;}
.mat70 {margin-top:70px !important;}

.mat-5 {margin-top:-5px !important;}
.mat-10 {margin-top:-10px !important;}
.mat-15 {margin-top:-15px !important;}
.mat-20 {margin-top:-20px !important;}
.mat-25 {margin-top:-25px !important;}
.mat-30 {margin-top:-30px !important;}
.mat-35 {margin-top:-35px !important;}
.mat-40 {margin-top:-40px !important;}
.mat-45 {margin-top:-45px !important;}
.mat-50 {margin-top:-50px !important;}

.pal5 {padding-left:5px !important;}
.pal10 {padding-left:10px !important;}
.pal15 {padding-left:15px !important;}
.pal20 {padding-left:20px !important;}
.pal25 {padding-left:25px !important;}
.pal30 {padding-left:30px !important;}
.pal35 {padding-left:35px !important;}
.pal40 {padding-left:40px !important;}
.pal50 {padding-left:50px !important;}



.par0 {padding-right:0 !important;}
.par5 {padding-right:5px !important;}
.par10 {padding-right:10px !important;}
.par15 {padding-right:15px !important;}
.par20 {padding-right:20px !important;}
.par25 {padding-right:25px !important;}
.par30 {padding-right:30px !important;}
.par35 {padding-right:35px !important;}
.par40 {padding-right:40px !important;}

.pat5 {padding-top:5px !important;}
.pat10 {padding-top:10px !important;}
.pat15 {padding-top:15px !important;}
.pat20 {padding-top:20px !important;}
.pat25 {padding-top:25px !important;}
.pat30 {padding-top:30px !important;}
.pat35 {padding-top:35px !important;}
.pat40 {padding-top:40px !important;}

.pab5 {padding-bottom:5px !important;}
.pab10 {padding-bottom:10px !important;}
.pab15 {padding-bottom:15px !important;}
.pab20 {padding-bottom:20px !important;}
.pab25 {padding-bottom:25px !important;}
.pab30 {padding-bottom:30px !important;}
.pab35 {padding-bottom:35px !important;}
.pab40 {padding-bottom:40px !important;}

.pa0{padding:0 !important;}
.pa5{padding:5px !important;}
.pa10{padding:10px !important;}
.pa15{padding:10px !important;}
.pa20{padding:15px !important;}
.pa25{padding:25px !important;}
.pa30{padding:30px !important;}
.pa35{padding:35px !important;}
.pa40{padding:40px !important;}
.pa45{padding:45px !important;}
.pa50{padding:50px !important;}

.borderRightNone{ border-right:none !important}