/* login */
#login {background:#ffffff;} 
#wrap {width:100%; height:550px; margin:0 auto; position:absolute; top:50%; margin-top:-300px;}
#wrap h1 {text-align:center; margin-bottom:45px;}
.loginbox {margin:0 auto; width:780px; padding:48px 60px 52px 60px; border:solid 1px #ccc; border-radius:5px; background:#fff;}
.loginbox h3 {font-size:20px; line-height:20px; color:#616161; letter-spacing:-1px; margin-bottom:37px;}
.loginbox .form {width:420px; display:inline-block; float:left; border-right:solid 1px #eee; position:relative;}
.loginbox .form dl {height:35px; line-height:35px; margin:0 0 13px 0;}
.loginbox .form dt {display:inline-block; float:left; width:72px; font-size:14px; letter-spacing:-0.5px;}
.loginbox .form dd {display:inline-block;}
.loginbox .form input {height:35px; width:180px; border:solid 1px #dcdcdc;}
.loginbox .form input[type="checkbox"]  {height:15px; width:15px; border:solid 0px #dcdcdc;} 
.loginbox .form .btn_login {position:absolute; right:53px; top:57px;}
.btn_pw {margin-bottom:20px; line-height:1.2; padding-left:255px; background:url("../images/icon_pw.gif") no-repeat 240px 2px;}
.btn_pw a {letter-spacing:-0.5px; color:#666; font-size:12px;}
.btn_pw a:hover {text-decoration:underline;}
.btn_pw2 {margin-bottom:20px; line-height:1.2; background:url("../images/icon_pw.gif") no-repeat 240px 2px;}
.btn_pw2 a {letter-spacing:-0.5px; color:#666; font-size:12px;}
.btn_pw2 a:hover {text-decoration:underline;}
.txt_join {color:#333; letter-spacing:-0.7px; line-height:13px; margin-bottom:10px; padding-left:15px; background:url("../images/icon_member.gif") no-repeat left top; }
.loginbox .inquiry {width:300px; padding-left:55px; display:inline-block; font-size:14px;}
.loginbox .inquiry ul li {height:71px; padding-left:100px; line-height:65px; color:#555;}
.loginbox .inquiry li.faq {background:url("../images/icon_faq.gif") no-repeat left top; margin-bottom:45px;}
.loginbox .inquiry li.call {background:url("../images/icon_tel.gif") no-repeat left top; line-height:1.2;}
.loginbox .inquiry li.call strong {font-size:25px; color:#1e4d87; font-weight:normal; letter-spacing:-0.5px; display:inline-block; margin-bottom:5px;}
.loginbox .inquiry li.call span {color:#333; margin-right:3px; padding-left:2px;}
.loginbox .inquiry ul li.faq a {color:#555;}
.copy {text-align:center; margin-top:30px; color:#8b8b8b;}

/* layout */
/*#mainwrap {width:100%; min-width:1430px; height:100%; display:inline-block; position:relative; background:url("../images/left_bg.gif") repeat-y left top; }*/
#mainwrap {width:100%; min-width:1430px; height:1370px; display:inline-block; position:relative; background:url("../images/left_bg.gif") repeat-y left top; }
#main_popup {width:100%; text-align:center; background:#4681b4;} 
/*#contents {float:left; display:inline-block;  width:70%; min-width:925px; position:relative; background:#fff;}
.conwrap {display:inline-block; float:left; width:100%; padding:0 140px 0 35px; box-sizing:border-box; }*/
/*#contents {display:inline-block; float:left; min-width:920px; width:70%; min-height:800px; position:relative; background:#fff;} 2015.10.20 �쑄�쁺�씪 min-height �닔�젙*/
#contents {display:inline-block; float:left; width:70%; min-height:1000px; min-width:1010px; position:relative; background:#fff;}
/*.conwrap { margin-right:135px; margin-left:25px; min-width:850px;}*/
.conwrap {margin-left:25px; min-width:850px;}
#footer {clear:both;  background:#fff;}


/* main */
#main_popup .m_popup {width:1120px; min-height:80px;  margin-left:194px; color:#fff; position:relative; }
#main_popup .popup_close {position:absolute; right:0; bottom:10px;}
#main_popup .popup_close label {margin:0 15px 0 3px; font-size:12px; letter-spacing:-0.5px;}
#main_popup .p_close {width:14px; height:17px; display:inline-block; text-indent:-9999px; background:url("../images/m_popup_close.gif") no-repeat left 3px; }
#header {
	float:left;
	min-width:194px;
   vertical-align:top;
	display:inline-block;

}
#header h1 {
	width:194px;
	height:85px;
	padding-top:20px;
	border-right:solid 1px #eee;	
	background-color:#fff;
	text-align:center;
}
#gnb {
	width:194px;
	background:url("../images/gnb_bg.gif") repeat-y left top;
	padding:15px 0 5px 0;
	color:#fff;
	font-size:16px;
}
#gnb > li > a {
	background:url("../images/gnb_arrow.png") no-repeat 155px 19px;
	display:inline-block;
	color:#eff8ff;
	width:170px;
	padding:12px 0 0 25px;
	height:38px;
	letter-spacing:-1.5px;
}
#gnb > li > a:hover {color:#fff;}
#header .on {width:399px; display:block;}
#sitemap {
	width:194px;
	font-size:16px;
	background:url("../images/sitemap.png") no-repeat 25px 18px;
	background-color:#096db9;
	letter-spacing:-1px;
}
#sitemap a {display:inline-block; padding:12px 0 0 50px; width:145px;height:38px; color:#eff8ff;}

.submenu {
	width:203px;
	position:absolute;
	left:194px;
	top:0;
	height:100%;
	border-right:solid 1px #dcdcdc;
	background:url("../images/submenu_bg.gif") repeat-y left top;
	letter-spacing:-1px; 
	display:none;	
}
.submenu h2 {text-align:center; color:#555; width:204px; height:105px; line-height:120px;font-size:17px; border-bottom:solid 1px #eee;}
.submenu li a {
	color:#555;
	font-size:14px;
	display:inline-block;
	height:55px;
	width:190px;
	padding-left:15px;
	line-height:53px;
	padding-top:0;
	border-bottom:solid 1px #eee;
	letter-spacing:-1.5px; 
}
.submenu li a:hover { color:#028743; font-weight:bold;}

.callcenter {
	position:absolute;
	bottom:0;
	padding:15px 0;
	margin:0 5px;
	border-top:solid 1px #ddd;
}
.callcenter dl dt {
	font-size:14px;
	color:#565452;
	letter-spacing:-1px;
}
.callcenter dl dd {
	font-size:21px;
	color:#028743; 
	font-weight:600;
	letter-spacing:-1px;
	line-height:30px;
	margin-bottom:5px;
}
.callcenter p {
	font-size:13px;
} 

.utill {text-align:right; font-size:12px; margin-bottom:50px; margin-top:15px; }
.utill li{
	display:inline;
	padding:0 5px 0 8px;
}
.utill li a {color:#666;}
.utill li.bgbar {background:url("../images/bar.gif") no-repeat left 4px;}

.myinfo {
	display:inline-block;
	width:100%;
	border:solid 2px #d8d8d8;
	padding:12px 5px 13px 25px;
	letter-spacing:-0.5px;
	margin-bottom:12px;
	font-size:14px;
	box-sizing:border-box;
}
.myinfo > ul {display:inline-block; float:right; height:55px; }
.myinfo > ul > li {
	float:left; 
	background:url("../images/bar.gif") repeat-y left 4px;
	padding:0 20px;
	height:100%; 
	vertical-align:middle;
	line-height:1.3;
}
.myinfo dl {display:inline-block; float:left; width:45%;}
.myinfo dl dt {font-size:15px; margin-bottom:5px; letter-spacing:-1px; display:inline-block;}
.myinfo dl dd .myinfo_btn {height:23px; line-height:21px;}

.myinfo_btn { 
	display:inline-block;
	background:#fff;
	border:solid 1px #235a8e;
	color:#184977 !important;
	font-size:13px;
	height:25px;
	line-height:23px;
	padding:0 7px 0 6px;
	letter-spacing:-2px;
	box-shadow:0 1px 1px #ccc;
	border-radius:2px;
	font-weight:normal; 
}
.myinfo_btn a {color:#184977;}
.dashboard {width:100%; display:inline-block; clear:both; margin-bottom:20px;}

.dashboard div{width:33.3%; float:left;}
.dashboard div.list1 .total{background:#79cdf9; border-top:solid 2px #4aafe3;}
.dashboard div.list2 .total{background:#80caf9; border-top:solid 2px #4aafe3;margin:0 2px; }
.dashboard div.list3 .total{background:#88c4f0; border-top:solid 2px #4aafe3;}
.dashboard div .total {height:45px; color:#fff; padding:20px 12px 0 12px;  font-size:16px; letter-spacing:-1px; vertical-align:middle; white-space:nowrap;}
.dashboard div .total strong {font-size:22px; line-height:1; color:#194a88; margin:0 3px; font-family:"arial"}
.dashboard div dl dt {float:left; font-weight:bold;}
.dashboard div dl dd {float:right;}
.dashboard div ul {background:#fbfbfb; padding:10px 15px 15px 20px; border-bottom:solid 1px #ededed;}
.dashboard div ul .title {font-weight:bold; line-height:25px; letter-spacing:-1px; margin-bottom:3px; font-size:14px;}
.dashboard div ul .title span {margin-right:7px;}
.dashboard h2 {
	line-height:20px;
	background:url("../images/bullet.gif") no-repeat left 5px;
	font-size:18px;
	line-height:1;
	letter-spacing:-1px;
	padding-left:10px; 
	margin-bottom:11px;
}
.tab_area {margin-bottom:50px;}
.tab_area h3 {
	display:inline-block;
	float:left;
	background:url("../images/bullet.gif") no-repeat left 3px;
	font-size:16px;
	line-height:1;
	letter-spacing:-1px;
	padding-left:10px; 
	margin-bottom:12px;
}
.tab_area a.more {font-size:13px; margin-top:4px; font-weight:normal; float:right; color:#707070; letter-spacing:-1px;}
.main_tab {width:100%; display:inline-block; margin-bottom:30px; margin-left:1px;}
.main_tab li { height:47px; float:left; width:33.2%; }
.main_tab li a{
	width:100%;  
	display:inline-block; 
	text-align:center; 
	background:#f7f7f7; 
	border:solid 1px #d3d3d3; 
	margin-left:-1px;
	height:40px; line-height:38px;
	font-size:15px;
	color:#777;
	letter-spacing:-1px;
}
.main_tab li.on a, .main_tab li:hover a{background:#5792cc; color:#fff; border:solid 1px #4c8ac7;}
.main_tab li.on, .main_tab li:hover {background:url("../images/maintab_on.png") no-repeat center 39px;}
.list_tab {width:100%; display:inline-block; margin-bottom:30px; font-size:14px;}
.list_tab ul {width:100%; display:inline-block; height:36px; border-bottom:solid 1px #275793; margin-left:1px;}
.list_tab li {
	float:left; 
	height:36px;
	}
.list_tab li a {
	height:36px;
	display:inline-block;
	padding:0 40px; 
	line-height:35px;
	border-top:solid 1px #c0c0c0; 
	border-right:solid 1px #c0c0c0; 
	min-width:55px; 
	text-align:center;
	color:#666;
}
.list_tab li:first-child a{border-left:solid 1px #c0c0c0; margin-left:0 !important;}
.list_tab li.on, .list_tab li:hover { border-bottom:solid 1px #fff; }
.list_tab li.on a, .list_tab li:hover a {border-color:#275793; color:#194a88; font-weight:bold; border-left:solid 1px #275793; margin-left:-1px;}
.btn_g {
	display:inline-block;
	background:#898f94;
	border:solid 1px #7d858c;
	color:#fff;
	font-size:13px;
	height:26px;
	padding:0 10px;
}
.bbs_area {width:100%; clear:both; display:inline-block; margin-bottom:100px;}
.bbs_area .notice {width:48%; display:inline-block; float:left;}
.bbs_area .bbs {width:48%; display:inline-block; float:right;}
.bbs_area h3 {
	display:inline-block;
	float:left;
	background:url("../images/bullet.gif") no-repeat left 3px;
	font-size:16px;
	line-height:1;
	letter-spacing:-1px;
	padding-left:10px; 
	margin-bottom:12px;
}
.bbs_area a.more {font-size:13px; margin-top:4px; font-weight:normal; float:right; color:#707070; letter-spacing:-1px;;}

#contents .mypage {
	position:absolute; 
	top:0;
	right:0;
	margin-top:82px;
	display:inline-block;
	font-size:12px;
	width:118px;
	border:solid 1px #d9d9d9;
	letter-spacing:-1px;
}
#contents .mypage h3 {text-align:center; height:40px; padding-top:20px; font-size:15px; letter-spacing:-0.5px;}
#contents .mypage li a {display:inline-block; width:93px; color:#666; height:50px; padding-left:25px; line-height:50px; background:#f3f3f2 url("../images/icon_my01.gif") no-repeat 9px 19px; border-top:solid 1px #d9d9d9; }
#contents .mypage .my01 a {background:#f1f1f0 url("../images/icon_my01.gif") no-repeat 8px 20px; line-height:18px; padding-top:10px; font-weight:bold; color:#f69307;}
#contents .mypage .my02 a {background:#f1f1f0 url("../images/icon_my02.gif") no-repeat 8px 20px; line-height:18px; padding-top:10px;}
#contents .mypage .my03 a {background:#f1f1f0 url("../images/icon_my03.gif") no-repeat 8px 21px; letter-spacing:-2px;}
#contents .mypage .my04 a {background:#f1f1f0 url("../images/icon_my04.gif") no-repeat 7px 20px;}
#contents .mypage .my05 a {background:#f1f1f0 url("../images/icon_my05.gif") no-repeat 8px 19px;}
#contents .mypage .my06 a {background:#EAEAEA url("../images/icon_my06.png") no-repeat 8px 19px;}
#contents .mypage .myPw a {background:#f1f1f0 url("../images/icon_pw.gif") no-repeat 8px 20px;}
#contents .mypage .myPlay a {background:#D9E5FF url("../images/icon_myPlay.png") no-repeat 8px 20px; line-height:18px; padding-top:10px;}
#contents .mypage .myManual a {background:#D9E5FF url("../images/icon_myManual.png") no-repeat 8px 20px; line-height:18px; padding-top:10px;}
#contents .mypage li a:hover {color:#333;}
#footer {
	height:65px;
/*	background:#fff url("../images/ci_gray.gif") no-repeat 35px 13px;*/
	border-top:solid 1px #dedede;
	font-size:12px;
}
#footer address {
	margin-left:200px;
	padding-top:17px;
	}

.main_popup {
	width:100%;
	height:105px;
	background:#96bddb;
	}
	
#sitemap_area {position:absolute; left:0; top:55px; display:none; width:100%; z-index:10; background:#fff; border:3px solid #7db8e6; }
#sitemap_area h2 {background:#7db8e6; font-size:20px;padding:7px 0 10px 20px; color:#fff; font-weight:normal;}
#sitemap_area .close a {
	position:absolute;
	right:25px;
	top:10px;
	display:inline-block;
	width:34px;
	height:33px;
	background:url("../images/close_w.png") no-repeat right top;
	text-indent:-9999px;
	color:#fff;
}
#sitemap_area > ul {height:417px; padding-left:10px;}
#sitemap_area > ul > li {float:left; display:inline-block;  margin-top:25px; padding-left:14px; width:15%; border-left:dotted 1px #ddd; vertical-align:top; height:380px;}
#sitemap_area > ul > li:first-child {border-left:none;}
#sitemap_area > ul > li span {display:inline-block; font-size:17px; color:#3399cc; margin-bottom:10px;letter-spacing:-2px; font-weight:600;}
#sitemap_area > ul > li a {color:#666; line-height:1.8; letter-spacing:-1.5px; padding-left:5px;  background:url("../images/bullet_s.gif") no-repeat left 9px;}
#sitemap_area > ul > li a:hover {text-decoration:underline;}
#sitemap_area .sitemap_short ul{margin-bottom:50px;}

/** 2015.12.26 �쑄�쁺�씪 �넻怨꾧��젴 CSS 異붽� **/
#contents .stats_table > thead th {border-left:solid 1px #BDBDBD;}
#contents .stats_table > tbody td {border-left:solid 1px #BDBDBD;}
#contents .stats_table > tbody th {background-color:#D4F4FA;}
#contents .stats_table > tbody tr:last-child td {color:blue;}
#contents .stats_table > tbody tr:last-child {border-top:double 3px #BDBDBD;}
#contents .stats_table > thead th:last-child {border-left:double 1px #BDBDBD;}
#contents .stats_table > tbody td:last-child {border-left:double 1px #BDBDBD;}
#left_btn {position:absolute; bottom:10px; right:100px; width:28px;}
#right_btn {background-color:#83B8E9; border:solid 1px #83B8E9;}
#contents .search_form dt {min-width:10px;}
#statsNoDataRow {border-top:solid 1px #BDBDBD !important;}
#statsNoDataRow > td {border-left:solid 0px #BDBDBD !important;}

/** 2017.10.13 **/
#contents .addBtn {
	display: block;
	width:100%;
	text-align:center;
	height:47px;
	line-height:47px;
	vertical-align:middle;
	font-weight:bold;
	font-size:17px;
	color:#ffffff;
	background-color:#8ab7e9;
	border-radius: 4px;
	margin-bottom:10px;
	cursor: pointer;
}

/** summernote **/
.note-editor h1{
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;	
}
.note-editor h2{
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

.note-editor h3{
  display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
  float:none;
  color:#000000;
}

.note-editor h4{
  display: block;
  font-size: 1em;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

.note-editor h5{
  display: block;
  font-size: .83em;
  margin-top: 1.67em;
  margin-bottom: 1.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

.note-editor h6{ 
  display: block;
  font-size: .67em;
  margin-top: 2.33em;
  margin-bottom: 2.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}