@charset "utf-8";
/* CSS Document */

/* 아래 공통선택자는 웹 페이지의 성능을 떨어드리고, 인터넷 익스플로러에서는 주석까지 영향을 받을 수 있으므로 사용하지 않는다 */
/**{
	margin:0;
	padding:0;
}*/
/* Common */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
	margin: 0;
	padding: 0;
	line-height:18px;
}
body, input, textarea, select, button, table {
	font-size: 12px;
	font-family:"나눔고딕",'Nanum Gothic','돋움', dotum, AppleGothic,sans-serif;
	vertical-align: middle;
	color:#565656;
}
body {
	border: 0;
	margin: auto;
}
img, fieldset {
	border: 0;
}
ul, ol {
	list-style: none;
}
table {
	border-collapse: collapse;
}
caption {
	/*visibility:hidden;*/
	display:none;
}
/*
a{text-decoration:none} 
a:hover,a:active,a:focus{text-decoration:underline}
*/
/*img{
	vertical-align:middle;
}*/
/* IE6 및 IE7에서 브라우저 세로 스크롤 영역 없애기 */
html {
	overflow: auto;
	margin: 0;
	padding: 0;
	border: 0;
}
/* IE에서 이미지 변환시 안티앨리어싱 하기
img { -ms-interpolation-mode: bicubic; }
*/
h1, h2, h3, h4, h5 {
	display: none;
}
form {
	margin: 0;
	padding: 0;
}
input {
	/*height: 18px;*/
	line-height: 18px;
	margin: 2px 0 2px 0;
	padding: 0;
	border: 1px solid #CACACA;
	background: #fff;
	/*font-family: '돋움', dotum, AppleGothic, sans-serif;*/
	font-size: 12px;
	color: #565656;
}
/* radio 및 chcekbox 기본 속성 지정할때 
input[type=radio] {
	width:14px;
	height:14px;
	margin:3px 0 0 0;
	padding:0 0 0 0;
	border:0;
	background-color:transparent;
}
input[type=checkbox] {
	width:14px;
	height:14px;
	border:0;
	background-color:transparent;
}
*/
input[type=radio] {
	border: 0;
	background-color: transparent;
}
input[type=checkbox] {
	width: 13px;
	height: 13px;
	border: 0;
	background-color: transparent;
}
input.chk, input.rdo {
	width: 14px;
	height: 14px;
	margin: 2px 0 0 0;
	padding: 1px 0 0 0;
	border: 0;
	background-color: transparent;
}
input.txt {
	height: 16px;
	margin: 0;
	padding: 2px 1px 0 2px;
	border-top: 1px solid #CACACA;
	border-right: 1px solid #CACACA;
	border-bottom: 1px solid #CACACA;
	border-left: 1px solid #CACACA;
}
input.combine {
	height: 16px;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin: 0;
	padding: 3px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #fff;
}
input.combine2 {
	height: 11px;
	font-size: 11px;
	color: #333;
	font-weight: bold;
	margin: 0;
	padding: 2px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #fff;
}
input.list_srh {
	height: 12px;
	font-size: 12px;
	color: #666;
	font-weight: normal;
	margin: 5px 0 0 0;
	padding: 3px;
	border-top: 1px solid #898989;
	border-right: 1px solid #898989;
	border-bottom: 1px solid #898989;
	border-left: 1px solid #898989;
	background: #fff;
}
input.select_path {
	width: 220px;
	height: 11px;
	font-size: 12px;
	color: #7b6855;
	font-weight: bold;
	margin: -6px 0 0 0;
	padding: 5px;
	border-top: 1px solid #989898;
	border-right: 1px solid #989898;
	border-bottom: 1px solid #989898;
	border-left: 1px solid #989898;
	background: url(../images/ico/select_down.gif) no-repeat right top/*,-moz-linear-gradient(center bottom , white, #D6E5F40)*/;
}
textarea {
	margin: 0;
	padding: 5px;
	border-top: 1px solid #BCBBB7;
	border-right: 1px solid #BCBBB7;
	border-bottom: 1px solid #BCBBB7;
	border-left: 1px solid #BCBBB7;
	background: #fff;
	/*font-family: '돋움', dotum, AppleGothic, sans-serif;*/
	font-size: 12px;
	color: #565656;
}
/*select{
	height:18px;
	margin:0 0 0 0;
	padding:2px 0 0 0;
	vertical-align: middle;
	font-family:'돋움',dotum,AppleGothic,sans-serif;
	font-size:12px;
	color:#565656;
}*/
select {
	/*font-family: "Dotum", "Arial";*/
	font-size: 12px;
	margin: 0;
	height: 19px;
	padding: 0;
	color: #3c3c3c;
	line-height: 22px;
}
/* title */
/*.tit_1dep{color:#565656;font-size:14px;font-weight:bold}
.tit_2dep{color:#565656;font-size:13px;font-weight:bold}
.tit_3dep{color:#565656;font-size:12px;font-weight:bold}*/

/* bold */
.b {
	font-weight: bold !important
}
.nr {
	font-weight: normal !important
}
/* color */
.red {
	color: #ff0000 !important
}
.aq_blue {
	color: #b5f7ff !important
}
.blue {
	color: #00becf !important
}
.gray {
	color: #565656 !important
}
.gray01 {
	color: #888888 !important
}
.white {
	color: #fff !important
}
.black {
	color: #000 !important
}
.org {
	color: #f45100 !important
}
.yellow {
	color: #FFFF00 !important
}
.txt_arial {
	font-family: Arial, Helvetica, sans-serif;
!important
}
/* font */
.txt_11 {
	font-size: 11px !important
}
.txt_12 {
	font-size: 12px !important
}
.txt_13 {
	font-size: 13px !important
}
.txt_14 {
	font-size: 14px !important
}
.txt_15 {
	font-size: 15px !important
}
.txt_17 {
	font-size: 17pt;
!important
}
/* width */
.w3 {
	width: 5px !important
}
.w5 {
	width: 5px !important
}
.w10 {
	width: 10px !important
}
.w15 {
	width: 15px !important
}
.w20 {
	width: 20px !important
}
.w25 {
	width: 25px !important
}
.w30 {
	width: 30px !important
}
.w40 {
	width: 40px !important
}
.w50 {
	width: 50px !important
}
.w100 {
	width: 100px !important
}
/* height */
.h5 {
	height: 5px !important
}
.h10 {
	height: 10px !important
}
.h15 {
	height: 15px !important
}
.h20 {
	height: 20px !important
}
.h25 {
	height: 25px !important
}
.h30 {
	height: 30px !important
}
.h40 {
	height: 40px !important
}
.h50 {
	height: 50px !important
}
/* margin */
.m_auto {
	margin: auto !important
}
.m0 {
	margin: 0 !important
}
.m5 {
	margin: 5px !important
}
.m10 {
	margin: 10px !important
}
.m15 {
	margin: 15px !important
}
.mt0 {
	margin-top: 0 !important
}
.mt5 {
	margin-top: 5px !important
}
.mt10 {
	margin-top: 10px !important
}
.mt15 {
	margin-top: 15px !important
}
.mr0 {
	margin-right: 0 !important
}
.mr5 {
	margin-right: 5px !important
}
.mr10 {
	margin-right: 10px !important
}
.mr15 {
	margin-right: 15px !important
}
.mb0 {
	margin-bottom: 0 !important
}
.mb5 {
	margin-bottom: 5px !important
}
.mb10 {
	margin-bottom: 10px !important
}
.mb15 {
	margin-bottom: 15px !important
}
.ml0 {
	margin-left: 0 !important
}
.ml5 {
	margin-left: 5px !important
}
.ml10 {
	margin-left: 10px !important
}
.ml15 {
	margin-left: 15px !important
}
/* padding */
.p0 {
	padding: 0 !important
}
.p5 {
	padding: 5px !important
}
.p10 {
	padding: 10px !important
}
.p15 {
	padding: 15px !important
}
.p20 {
	padding: 20px !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
}
.pr0 {
	padding-right: 0 !important
}
.pr5 {
	padding-right: 5px !important
}
.pr10 {
	padding-right: 10px !important
}
.pr15 {
	padding-right: 15px !important
}
.pb0 {
	padding: 0 !important
}
.pb5 {
	padding-bottom: 5px !important
}
.pb10 {
	padding-bottom: 10px !important
}
.pb15 {
	padding-bottom: 15px !important
}
.pb20 {
	padding-bottom: 15px !important
}
.pl0 {
	padding-left: 0 !important
}
.pl5 {
	padding-left: 5px !important
}
.pl10 {
	padding-left: 10px !important
}
.pl15 {
	padding-left: 15px !important
}
.pl20 {
	padding-left: 20px !important
}
.ptb5 {
	padding: 5px 0 5px 0;
}
.ptb10 {
	padding: 10px 0 10px 0;
}
.plr5 {
	padding: 0 5px 0 5px;
}
.plr10 {
	padding: 0 10px 0 10px;
}
/* float */
.fl {
	float: left !important
}
.fr {
	float: right !important
}
.cr {
	clear: both !important
}
.fi {
	float:inherit !important
}
/* align */
.c {
	text-align: center !important
}
.l {
	text-align: left !important
}
.r {
	text-align: right !important
}
/* line */
.line_gray {
	width:100%;
	height:1px;
	background:#d2d2d2;
	overflow:hidden;
}
/* section */
/*.section{margin:0;padding:0}
.section2{magin:0;padding:0}
.section3{magin:0;padding:0}*/

/* button ui object */
a.btn_big {
	display: inline-block;
	padding-right: 4px;
	background: url(../images/bg/btn_big.gif) no-repeat 100% 0;
	/*font-family: '돋움', dotum, AppleGothic, sans-serif;*/
	font-size: 12px;
	color: #565656 !important;
	text-align: center;
	line-height: 140%;
	word-spacing: -1px;
	text-decoration: none !important;
	white-space: nowrap
}
a.btn_big span, a.btn_big strong {
	display: block;
	padding: 8px 31px 10px 35px;
	background: url(../images/bg/btn_big.gif) no-repeat
}
a.btn_mid {
	display: inline-block;
	padding-right: 4px;
	background: url(../images/bg/btn_middle.gif) no-repeat 100% 0 ;
	/*font-family: '돋움', dotum, AppleGothic, sans-serif;*/
	font-size: 12px;
	color: #565656 !important;
	line-height: 20px;
	word-spacing: -1px;
	text-decoration: none !important;
	white-space: nowrap
}
a.btn_mid span, a.btn_mid strong {
	display: block;
	padding: 1px 6px 0 10px;
	background: url(../images/bg/btn_middle.gif) no-repeat
}
a.btn_mid span img {
	margin: 0;
	padding: 2px 2px 0 0;
	vertical-align: top;
}
*:first-child+html a.btn_mid span img {
	margin: 0;
	padding: 0 2px 0 0;
	vertical-align: text-top;
}
a.btn_fuc {
	display: inline-block;
	padding-right: 4px;
	background: url(../images/bg/btn_function.gif) no-repeat 100% 0;
	/*font-family: '돋움', dotum, AppleGothic, sans-serif;*/
	font-size: 11px !important;
	color: #565656 !important;
	line-height: 20px;
	word-spacing: -1px;
	text-decoration: none !important;
	white-space: nowrap
}
a.btn_fuc span, a.btn_fuc strong {
	display: block;
	padding: 1px 1px 0 5px;
	background: url(../images/bg/btn_function.gif) no-repeat
}
a.btn_btm {
	display: inline-block;
	padding-right: 4px;
	background: url(../images/bg/btn_bottom.gif) no-repeat 100% 0;
	/*font-family: '돋움', dotum, AppleGothic, sans-serif;*/
	font-size: 12px;
	color: #565656 !important;
	line-height: 26px;
	word-spacing: -1px;
	text-decoration: none !important;
	white-space: nowrap
}
a.btn_btm span, a.btn_btm strong {
	display: block;
	padding: 1px 16px 0 20px;
	background: url(../images/bg/btn_bottom.gif) no-repeat
}
a.btn_btm2 {
	display: inline-block;
	padding-right: 4px;
	background: url(../images/bg/btn_big2.gif) no-repeat 100% 0;
	/*font-family: '돋움', dotum, AppleGothic, sans-serif;*/
	font-size: 52px;
	color: #565656 !important;
	line-height: 80px;
	word-spacing: -1px;
	text-decoration: none !important;
	white-space: nowrap
}
a.btn_btm2 span, a.btn_btm2 strong {
	display: block;
	/*padding: 1px 55px 0 70px;*/
	padding: 1px 15px 0 30px;
	background: url(../images/bg/btn_big2.gif) no-repeat
}

a.btn_btm3 {
	display: inline-block;
	padding-right: 4px;
	background: url(../images/bg/btn_big2.gif) no-repeat 100% 0;
	/*font-family: '돋움', dotum, AppleGothic, sans-serif;*/
	font-size: 32px;
	color: #565656 !important;
	line-height: 60px;
	word-spacing: -1px;
	text-decoration: none !important;
	white-space: nowrap
}
a.btn_btm3 span, a.btn_btm3 strong {
	display: block;
	padding: 1px 45px 0 60px;
	background: url(../images/bg/btn_big2.gif) no-repeat
}

a.btn_btm_org {
	display: inline-block;
	padding-right: 3px;
	background: url(../images/bg/btn_bottom_org.gif) no-repeat 100% 0;
	/*font-family: '돋움', dotum, AppleGothic, sans-serif;*/
	font-size: 12px;
	color: #fff !important;
	line-height: 26px;
	word-spacing: -1px;
	text-decoration: none !important;
	white-space: nowrap
}
a.btn_btm_org span, a.btn_btm_org strong {
	display: block;
	padding: 1px 16px 0 20px;
	background: url(../images/bg/btn_bottom_org.gif) no-repeat
}

a.btn_sml {
	display: inline-block;
	padding-right: 4px;
	background: url(../images/bg/btn_small.gif) no-repeat 100% 0;
	/*font-family: '돋움', dotum, AppleGothic, sans-serif;*/
	font-size: 11px !important;
	color: #fff !important;
	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: 1px 1px 0 5px;
	background: url(../images/bg/btn_small.gif) no-repeat
}
a.btn_org {
	display: inline-block;
	padding-right: 4px;
	background: url(../images/bg/btn_org.gif) no-repeat 100% 0;
	/*font-family: '돋움', dotum, AppleGothic, sans-serif;*/
	font-size: 14px !important;
	color: #fff !important;
	line-height: 31px;
	letter-spacing: -1px;
	word-spacing: -1px;
	text-decoration: none !important;
	white-space: nowrap
}
a.btn_org span, a.btn_org strong {
	display: block;
	padding: 1px 21px 0 25px;
	background: url(../images/bg/btn_org.gif) no-repeat
}
a.btn_gray {
	display: inline-block;
	padding-right: 4px;
	background: url(../images/bg/btn_gray.gif) no-repeat 100% 0;
	/*font-family: '돋움', dotum, AppleGothic, sans-serif;*/
	font-size: 14px !important;
	color: #fff !important;
	line-height: 31px;
	letter-spacing: -1px;
	word-spacing: -1px;
	text-decoration: none !important;
	white-space: nowrap
}
a.btn_gray span, a.btn_gray strong {
	display: block;
	padding: 1px 21px 0 25px;
	background: url(../images/bg/btn_gray.gif) no-repeat
}
/* //button ui object */

/* tab ui object */

.tab_area {
	display: block;
	overflow: hidden;
	height: 28px;
	border-left: 1px solid #62b1bd;
	background: url(../images/bg/tab_line.gif) repeat-x left bottom;
}
.tab_area li {
	float: left;
	list-style: none;
}
.tab_area .tab_link {
	float: left;
	width: auto;
	height: 19px;
	padding: 7px 20px 0 20px;
	border-top: 1px solid #62b1bd;
	border-right: 1px solid #62b1bd;
	border-bottom: 1px solid #62b1bd;
	font-size: 12px;
	font-weight: bold;
	/*font-family: '돋움', dotum, sans-serif;*/
	color: #565656;
	text-align: center;
	letter-spacing: -1px;
	background: #ecf9fa;
	text-decoration: none;
}
.tab_area .tab_link:hover {
	text-decoration: none
}
.tab_area .on .tab_link {
	position: relative;
	margin-right: -1px;
	color: #565656;
	background-color: #fff;
	border-bottom: 1px #fff solid;
	text-decoration: none;
}
/* //tab ui object */

/* help layer object */
.help_pop {
	position: absolute;
	z-index: 10;
	margin-top: 6px;
	border: 1px solid #FF6600;
	background: #fff;
	text-align: left
}
.help_pop .close {
	position: absolute;
	top: 3px;
	right: 4px
}
.help_pop strong {
	display: block;
	padding: 5px 0 3px 9px;
	font-size: 12px;
	color: #565656;
	letter-spacing: -1px;
	background: #f6f7f8;
}
.help_pop p {
	padding: 8px 0 6px 9px;
	font-size: 12px;
	color: #828282;
	line-height: 18px;
	letter-spacing: -1px;
	font-weight:normal;
}
/* //help layer object */


/* message */
.message {
	width:100%; /* 페이지내에서 제어한다 */
	margin:0 auto;
	padding:15px;
	border:3px #00adbc solid;
}
.message .message_ico {
	float:left;
	width:48px;
	margin:0;
	padding:0 20px 0 0;
	color:#565656;
	line-height:22px;
	text-align:left;
}
.message .message_txt{
	float:left;
	width:80%;
	margin:0;
	padding:5px 0 0 0;
	color:#565656;
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	text-align:left;
	vertical-align:middle;
}
/* //message */

/* error message */
.error {
	width:100%; /* 페이지내에서 제어한다 */
	margin:0 auto;
	padding:15px;
	border:3px #00adbc solid;
}
.error .error_ico {
	width:100%;
	margin:0;
	padding:0;
	color:#00adbc;
	font-size:18px;
	font-weight:bold;
	line-height:22px;
	text-align:left;
	vertical-align:middle;
}
.error .error_txt {
	margin:0 0 0 50px;
	padding:5px 0 0 0;
	color:#999;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	text-align:left;
}
/* 타이틀 영역 20170818 ichyun */
.tit_1dep {
	float:center;
	width:945px;
	height:25px;
	text-align:left;
	color:#115da9;
	font-size:14px;
	font-weight:bold;
	background:url(../images/ico/tit_circle.gif) no-repeat left 12px;
	margin:0 auto 12px auto;
	padding:10px 0 0 20px;
	border-bottom:1px #c9d1d9 solid;
}

/* //error message */