@charset "utf-8";

/* **** 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,img,ins,kbd,q,s,samp,strike,strong,sub,sup,tt,var,b,u,i,center,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, input {margin:0; padding:0; border:0; font-size:100%;}
a, a:visited {margin:0; padding:0; font-size:100%;text-decoration:none;color:black;}
a:hover {text-decoration:underline;}

html{
	overflow-y: auto;
}
body{
	line-height:1;
	overflow-y: scroll;
	overflow: 
}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}

fieldset, img, abbr, acronym {border:0 none;}

ol, ul { list-style:none; }

table {border-collapse: separate; border-spacing:0; border:0 none;}
caption, th, td {text-align:left; font-weight: normal; border:0;}
caption {visibility:hidden; font-size:0; width:1; height:1; line-height:0}

address, caption, strong, em, cite {font-weight:normal; font-style:normal;}
ins { text-decoration:none; }
del { text-decoration:line-through;}

blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote,q { quotes:"" ""; }

hr { display:none; }

.clearfix:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.clearfix {display: inline-block;}

label, input, select{vertical-align:middle;}
textarea {overflow: auto; vertical-align:top;}

img {vertical-align:top; border: 0 none; -ms-interpolation-mode: bicubic;}

.hid {font-size:0; line-height:0; width:1px; height:1px; overflow:hidden; position:absolute; border: 0; clip: rect(0 0 0 0); margin: -1px; padding: 0;}
[hidden] {display: none;}

mark {background-color:#ff9;color:#000; font-style:italic; font-weight:bold;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display: block }
audio,c anvas, video {display: inline-block; *display: inline;  *zoom: 1;}
nav ul {list-style:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0 none;padding: 0;margin:0;}
button {border:none;background:none;outline:none;cursor:pointer;overflow:visible;}
button[disabled], input[disabled] {cursor: default;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; *height:13px; *width: 13px;}
svg:not(:root) {overflow: hidden;}


img {max-width: 100%;}


html, body{width:100%; height:100%; font-size:13px; line-height:1em; font-family:"돋움", Dotum, "굴림", Gulim, Helvetica, Arial, AppleGothic, sans-serif;-webkit-text-size-adjust: none; -ms-text-size-adjust: none;}

/* 텍스트 정렬 */
.tac {text-align:center !important;margin-bottom: 20px;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.b {font-weight:bold !important;}

/* 포인트 컬러 */
.red {color:#000 !important;}
.blue {color:#000 !important;}
.bk {color:#000 !important;}
.gr {color:#000 !important;}
.bora {color:#865ba8 !important;}

/* bold */
.b {font-weight:bold;}

/* float */
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}
.cl {clear:both !important;}

/* margin */
.m0 {margin:0 !important;}

.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}

.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}

.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}

/* padding */
.p0 {padding:0 !important;}

.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}

.pr0 {padding-right:0 !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}

.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:14px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}

.pl0 {padding-left:0px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}

#boxradius {border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.boxradius {border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}

/* border */
.bdtn {border-top:none !important;}
.bdbn {border-bottom:none !important;}
.bdln {border-left:none !important;}
.bdrn {border-right:none !important;}

/* 라인 */
.line01 {clear:both;width:100%;border-bottom:1px #e2e2e2 solid;}

/* 인풋 */
/* 사용 */
.ip01 {padding:0 0 0 10px;border:1px #d1d2d4 solid;height:28px;line-height:28px;font-family:"돋움", Dotum;font-size:14px;color:#666;}
.sel01 {border:1px #d1d2d4 solid;height:28px;line-height:28px;font-family:"돋움", Dotum;font-size:14px;color:#666;}

.ip01.readonly{
	background-color: #EEE;
}
.btn-purple,.btn-red{
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	border:1px #742584 solid;
	height:28px;
	line-height:28px;
	font-family:"돋움", Dotum;
	font-size:13px;
	color:#FFF;
	background-color: #742584;
	padding:0 10px;
	font-weight: bold;
	display: inline-block;
	background-image: url(../images/btn_bg.gif);
	background-position: center center;
	border-radius: 5px;
}
.btn-purple:hover,.btn-red:hover{
	text-decoration: none;
}
.btn-purple.btn-lg{
	height: 50px;
	width: 200px;
	font-size:16px;
}
.btn-red{
	background-image: none;
	background-color:#cc0000;
	border:1px #cc0000 solid;
}

/* 미사용 */
.ip02 {border:1px #e2e2e2 solid;height:15px;line-height:15px;font-family:"돋움", Dotum;font-size:13px;text-align:center;color:#666;}
textarea.txta01 {border:1px #d1d2d4 solid;padding:10px 0 10px 10px;font-family:"돋움", Dotum;font-size:13px;color:#666;}

/* **** 스타일 ***** */
#wrap {width:696px;position:relative;font-size:14px;color:#666;}

.tit_area {background:#865ba8;}
.tit_area h2 {padding:26px 0 26px 20px;margin:0 0 30px 0;}
.tit_area img {max-width: 90%;}

.table_wrap {width:655px;margin:0 auto;}
.table_wrap .txt {margin:0 0 13px 0;font-size:12px;text-align:right;}
table.type01 {border-top:2px #363636 solid;border-bottom:2px #363636 solid;}
table.type01 th {padding:12px 0 12px 8px;border-bottom:1px #d1d2d4 solid;background:#f3f3f3; font-weight:bold;}
table.type01 td {padding:12px 0 12px 10px;border-bottom:1px #d1d2d4 solid;}
table.type01 td label.lb {display:inline-block;width:64px;font-weight:bold;}


table.type01 td table td{ border:none; }

.ico {background:url("../images/ico.gif") no-repeat;}
.ico.att {padding:0 0 0 17px;font-size:12px;color:#666;background-position:0 0;}

.btn_close {position:absolute;top:30px;right:20px;}




.text-red{
	margin-top: 20px;
	font-size: 12px;
	color:red;
}
.desc{
	margin-top: 20px;
	font-size: 12px;
	color:#989898;
}

span.required{
	color:#865ba8;
	margin-right: 5px;
	display: inline-block;
}
.inp-text{
	padding:3px 5px;
	font-size: 15px;
}

.text-center{
	text-align: center;
}


.login-plz {
	padding: 20px;
}
.agreement-box {
	width: 90%;
	border: 1px solid #ccc;
	padding: 10px;
	font-size: 12px;
	line-height: 1.74;
	margin: 0 auto;
}
.agree-box {
	text-align: center;
	margin-top:20px;
}
.agree-box input {
	vertical-align: middle;
	margin: 0;
}
.agree-box label {
	margin: 10px;
	vertical-align: middle;
}
.button-box {
	margin-top: 30px;
	text-align: center;
}
.nexen-table {
	font-size: 15px;
	font-family: '돋움', verdana;
	border-collapse: collapse;
	border-top: 2px #363636 solid;
}
.nexen-table > tr > td,
.nexen-table > tbody > tr > td {
	font-size: 15px;
	border-bottom: 1px #d1d2d4 solid;
	font-weight: normal;
	padding: 15px;
}
.nexen-table > tr > th,
.nexen-table > tbody > tr > th,
.nexen-table > thead > tr > th {
	font-size: 15px;
	border-bottom: 1px #d1d2d4 solid;
	background-color: #f3f3f3;
	color: #666666;
	padding: 15px;
	text-align: left;
}
.nexen-table .no {
	border: none;
	font-weight: normal;
	padding: 10px 0 0 0;
}
.text-red {
	margin-top: 20px;
	font-size: 12px;
	color: red;
}
.desc {
	margin-top: 20px;
	font-size: 12px;
	color: #989898;
}
span.required {
	color: #865ba8;
	margin-right: 5px;
	display: inline-block;
}
.inp-text {
	padding: 3px 5px;
	font-size: 15px;
}
.text-center {
	text-align: center;
}