html, body{margin:0; padding:0;}
body{background-color:#fff; font-size:10pt;}
.footer{min-width:700px; display:black; clear:both;}
body .navbar .navbar-nav > li > a {
  padding-top: 12px;
  padding-bottom: 11px;
  padding-left:13px;
  padding-right:13px;
  height: 45px;
  background-color: transparent;
  font-size: 10pt;
  font-family:NotoSansCJKkr;
  letter-spacing:-0.7px;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

ul, li{list-style:none; margin:0; }
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	font-size:10pt ;
	line-height:32px; padding:0 7px !important; border:1px solid rgba(0,0,0,0.12);
}
.admin .radio, .checkbox{margin:6px 0; }
.tb_01 input[type="text"], table td input[type="password"],
.wrap_findid input[type="text"], .wrap_findid input[type="password"]
{min-height:32px !important; }
.mgt_2{margin-top:2px;}
.mgt_5{margin-top:5px !important;}
.mgt_10{margin-top:10px !important;}
.mgt_20{margin-top:20px !important;}
.mgt_30{margin-top:30px !important;}
.mgt_50{margin-top:50px !important;}
.mgl_5{margin-left:5px !important;}
.mgl_10{margin-left:10px !important;}
.mgl_20{margin-left:20px !important;}
.mgb_10{margin-bottom:10px !important;}
.mgb_20{margin-bottom:20px !important;}
.mgb_30{margin-bottom:30px !important;}
.mgb_50{margin-bottom:50px !important;}

.pdl_7{padding-left:7px !important;}
.pdl_10{padding-left:10px !important;}
.pdl_20{padding-left:20px !important;}

.txt_lft{text-align:left !important;}
.txt_rgt{text-align:right !important;}
.txt_cen{text-align:center !important;}

.y_scroll{overflow-y:scroll; }
.x_scroll{overflow-x:scroll; }
.auto_scroll{overflow-x:auto; overflow-y:auto;}
a, a:hover{text-decoration:none; }
body table.search-bordered{border:3px solid #404040;}

body .label {font-size: 12px; line-height:14px !important; height: 20px; }
body .label-xlg{line-height:22px !important; height: 28px; }

.td_txt{line-height:34px; margin-left:10px;}
.txt_u{text-decoration:underline; cursor:pointer;}
.space_box{display:inline-block; line-height:34px; min-width:7px;}

div.line_c{height:1px; margin-bottom:15px; padding:0;}
.topline_001{background-color:#fef1e6 !important;}
.topline_002{background-color:#f0f6ec !important;}
.topline_003{background-color:#f2f7fa !important;}
.topline_004{background-color:#f6f1f9 !important;}
.topline_005{background-color:#fdf5f8 !important;}

.topline_01{background-color:#fdd0ac !important;}
.topline_02{background-color:#cce2c1 !important;}
.topline_03{background-color:#d5e3ef !important;}
.topline_04{background-color:#e0d1ea !important;}
.topline_05{background-color:#fbecf2 !important;}

.topline_11{background-color:#ff892a !important;}
.topline_12{background-color:#69aa46 !important;}
.topline_13{background-color:#478fca !important;}
.topline_14{background-color:#a069c3 !important;}
.topline_15{background-color:#d3497c !important;}

.bdline{border:1px solid #ddd;}
.bdline_001{border:1px solid #fdd0ac !important;}
.bdline_002{border:1px solid #cce2c1 !important;}
.bdline_003{border:1px solid #d5e3ef !important;}
.bdline_004{border:1px solid #e0d1ea !important;}
.bdline_005{border:1px solid #fbecf2 !important;}

.bdline_01{border:1px solid #ff892a !important;}
.bdline_02{border:1px solid #69aa46 !important;}
.bdline_03{border:1px solid #478fca !important;}
.bdline_04{border:1px solid #a069c3 !important;}
.bdline_05{border:1px solid #d3497c !important;}

.bdline_11{border-left:3px solid #ff892a !important;}
.bdline_12{border-left:3px solid #69aa46 !important;}
.bdline_13{border-left:3px solid #478fca !important;}
.bdline_14{border-left:3px solid #a069c3 !important;}
.bdline_15{border-left:3px solid #d3497c !important;}

.bdline_11_r{border-right:3px solid #ff892a !important;}
.bdline_12_r{border-right:3px solid #69aa46 !important;}
.bdline_13_r{border-right:3px solid #478fca !important;}
.bdline_14_r{border-right:3px solid #a069c3 !important;}
.bdline_15_r{border-right:3px solid #d3497c !important;}

.bdline_grey{border-left:3px solid #999 !important;}
.bdline_grey_r{border-right:3px solid #999 !important;}

.bdline_01 table.table, .bdline_02 table.table, .bdline_03 table.table, .bdline_04 table.table
.bdline_11 table.table, .bdline_12 table.table, .bdline_13 table.table, .bdline_14 table.table
{margin:0; border-top:0 !important; }

.bd_left03{border-left-width:3px !important;}

.d_row{position:relative; top:0; left:0; min-height:34px;}
.d_row:after{clear:both; display:block;}
.d_row .lft{float:left !important; text-align:left;}
.d_row .rgt{float:right !important; text-align:right;}
.d_row .txt{line-height:160%;}

.f_tit{margin:0; padding:0; overflow:hidden; display:inline-block; }
.f_tit:after{clear:both; display:block;}
.f_tit .radio label{padding-left:0; padding-right:20px; line-height:28px; }
.f_tit .lft{float:left !important; text-align:left; margin:0; padding:0; }
.f_tit .rgt{float:right !important; text-align:right; margin:0; padding:0; } 
.f_tit .txt{float:left; line-height:36px; }
.f_tit span.no_pd{padding:0;}
.no_pd{padding:0;}

.td_btnh .lft{line-height:28px;}
.slit{color:#d7d7d7; padding:0 10px;}
.s_txt{font-size:9pt; color:#7f7f7f;}
.txt_date{font-size:9pt; color:#7f7f7f;}
.lh_30{line-height:30px;}
span.br{display:block; }

/*modal popup*/
.modal-yellow{background-color:#999999 !important; border-bottom:1px solid #8b8b8b !important; }
.modal-header h3{font-size:18px !important;}



/*nav*/
.navbar{background-color:#056ec6;}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > li.open > a {
  background-color: rgba(0, 84, 164, 1) !important;
  color: #ffffff !important;
}
.ace-nav > li.light-yellow > a{background-color:#0054a4;}
.ace-nav > li.light-orange02 > a {background-color:#053f86 !important;}
.ace-nav > li {border-left: 1px solid #014b92 !important;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover
{background:#0054a4 !important;}

.dropdown-menu > li:hover > a, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:active, .dropdown-menu > li.active > a, .dropdown-menu > li.active:hover > a
{background:#0054a4;}

.no-skin .navbar .navbar-toggle.display,
.no-skin .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
  background-color: #655d5c;
  box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0);
  border-color:transparent;
}

.no-skin .navbar .navbar-toggle:focus,
.no-skin .navbar .navbar-toggle,
.navbar .pull-left.navbar-toggle
{background-color:#655d5c !important; border-color:transparent;}
/*nav 위치조정 중*/
.navbar .navbar-nav { margin: 0 -6px; }

/*contents*/
.page-header h1 i.orange{color:#746461 !important;}
.orange.header{border-bottom-color:#655d5c;}
h3.orange , h3.orange i.orange{color:#3e3433 !important;}






/*버튼*/

.wrap_btn .txt{line-height:38px;}
.btn_sm, td .btn_sm, div .btn_sm{font-size:12px !important;}
.btn-sm, .btn-group-sm > .btn{font-size:12px !important;}
.btn_basic_dis{
	display:inline-block; height:38px; line-height:36px !important; cursor:normal; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#c9c9c9; border:1px solid #e7e7e7; border-radius:2px; 
	background-color:#f1f1f1; 
}
.btn_basic_dis02{
	display:inline-block; height:28px; line-height:26px !important; cursor:normal; text-align:center; padding:0 12px; font-size:11px; letter-spacing:-1px;
	color:#c9c9c9; border:1px solid #e7e7e7; border-radius:0px; 
	background-color:#fdfdfd; 
}
.btn_basic_dis02rgt{
	display:inline-block; height:32px; line-height:29px !important; cursor:pointer; text-align:center; padding:0 12px; font-size:14px; letter-spacing:-1px;
	color:#878787; border:1px solid #e7e7e7; border-radius:5px; 
	background-color:#fdfdfd; float:right !important; margin-right:0 !important;
}
.btn_basic_dis02rgt a:visited{
	color:#878787;
}
.btn_basic_dis03{
	display:inline-block; height:28px; line-height:26px !important; cursor:normal; text-align:center; padding:0 12px; font-size:11px; letter-spacing:-1px;
	color:#c9c9c9; border:1px solid #e7e7e7; border-radius:0px; 
	background-color:#fdfdfd; width:81px !important; 
}

.btn_basic01
{	display:inline-block; height:38px; line-height:36px !important; cursor:pointer; text-align:center; padding:0 15px; font-size:10pt;
	color:#fff; border:1px solid #d2403a; border-radius:2px; 
	text-shadow: 0px 0px 0px rgba(255,231,155,1);
	background: #d3413b !important;
	background-image: -webkit-linear-gradient(top, #d55b52 0%, #d12723 100%) !important;
	background-image: -o-linear-gradient(top, #d55b52 0%, #d12723 100%) !important;
	background-image: linear-gradient(to bottom, #d55b52 0%, #d12723 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd55b52', endColorstr='#ffd12723', GradientType=0) !important;
	 }
.btn_basic01_act, .btn_basic01:hover{
	display:inline-block; height:38px; line-height:36px !important; cursor:pointer; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#f8c7c4; border:1px solid #b52d26; border-radius:2px; 
	text-shadow: 0px 0px 0px rgba(255,231,155,1);
	background: #b52c26 !important;
	background-image: -webkit-linear-gradient(top, #c43a30 0%, #a51f1c 100%) !important;
	background-image: -o-linear-gradient(top, #c43a30 0%, #a51f1c 100%) !important;
	background-image: linear-gradient(to bottom, #c43a30 0%, #a51f1c 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc43a30', endColorstr='#ffa51f1c', GradientType=0) !important;
}
.btn_basic01_dis{
	display:inline-block; height:38px; line-height:36px !important; cursor:normal; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#b94a3f; border:1px solid #ee6a5d; border-radius:2px; 
	background-color:#f6776b; 
}

.btn_basic02{	
	display:inline-block; height:38px; line-height:36px !important; cursor:pointer; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#888; border:1px solid #dddddd; border-radius:2px; 
	text-shadow: 0px 0px 0px rgba(255,231,155,1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#f2f2f2');
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#f2f2f2));
	background-image:-webkit-linear-gradient(top,#ffffff,#f2f2f2);
	background-image:-moz-linear-gradient(top,#ffffff,#f2f2f2);
	background-image:-ms-linear-gradient(top,#ffffff,#f2f2f2);
	background-image:-o-linear-gradient(top,#ffffff,#f2f2f2);
	background-image:linear-gradient(top,#ffffff,#f2f2f2);
	 }
.btn_basic02_act, .btn_basic02:hover{
	display:inline-block; height:38px; line-height:36px !important; cursor:pointer; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#555; border:1px solid #d1d1d1; border-radius:2px; 
	background-color:#f0f0f0;	
}


a span.btn_basic02{display:inline-block; line-height:36px !important; text-align:center; height:38px; padding:0 15px; font-size:10pt; font-weight: 400;}

.btn_basic05{	
	display:inline-block; height:38px; line-height:36px !important; cursor:pointer; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#fff; border:1px solid #797979; border-radius:2px; 
	text-shadow: 0px 0px 0px rgba(255,231,155,1);
	background: #797979 !important;
	background-image: -webkit-linear-gradient(top, #898989 0%, #696969 100%) !important;
	background-image: -o-linear-gradient(top, #898989 0%, #696969 100%) !important;
	background-image: linear-gradient(to bottom, #898989 0%, #696969 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff898989', endColorstr='#ff696969', GradientType=0) !important;
	 }
.btn_basic05_act, .btn_basic05:hover{
	display:inline-block; height:38px; line-height:36px !important; cursor:pointer; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#e9e9e9; border:1px solid #6a6a6a; border-radius:2px; 
	background: #6c6c6c !important;
	background-image: -webkit-linear-gradient(top, #7c7c7c 0%, #5c5c5c 100%) !important;
	background-image: -o-linear-gradient(top, #7c7c7c 0%, #5c5c5c 100%) !important;
	background-image: linear-gradient(to bottom, #7c7c7c 0%, #5c5c5c 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7c7c7c', endColorstr='#ff5c5c5c', GradientType=0) !important;

}

.btn_basic05 {
	display:inline-block; height:38px; line-height:36px !important; cursor:pointer; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#fff; border:1px solid #ffb24a; border-radius:2px; 
	background: #ffb44b !important;
	background-image: -webkit-linear-gradient(top, #ffbf66 0%, #ffa830 100%) !important;
	background-image: -o-linear-gradient(top, #ffbf66 0%, #ffa830 100%) !important;
	background-image: linear-gradient(to bottom, #ffbf66 0%, #ffa830 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffbf66', endColorstr='#ffffa830', GradientType=0) !important;
}
.btn_basic05_act, .btn_basic05:hover {
	display:inline-block; height:38px; line-height:36px !important; cursor:pointer; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#ffe6ec; border:1px solid #fd9d16; border-radius:2px; 
	background: #fe9e19 !important;
	background-image: -webkit-linear-gradient(top, #ffaa33 0%, #fc9200 100%) !important;
	background-image: -o-linear-gradient(top, #ffaa33 0%, #fc9200 100%) !important;
	background-image: linear-gradient(to bottom, #ffaa33 0%, #fc9200 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffaa33', endColorstr='#fffc9200', GradientType=0) !important;
}


.btn_basic06 {
	display:inline-block; height:38px; line-height:36px !important; cursor:pointer; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#fff; border:1px solid #85b458; border-radius:2px; 
	background: #85b558 !important;
	background-image: -webkit-linear-gradient(top, #8ebf60 0%, #7daa50 100%) !important;
	background-image: -o-linear-gradient(top, #8ebf60 0%, #7daa50 100%) !important;
	background-image: linear-gradient(to bottom, #8ebf60 0%, #7daa50 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ebf60', endColorstr='#ff7daa50', GradientType=0) !important;
}
.btn_basic06_act, .btn_basic06:hover {
	display:inline-block; height:38px; line-height:36px !important; cursor:pointer; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#f0f6eb; border:1px solid #6b9542; border-radius:2px; 
	background: #6c9842 !important;
	background-image: -webkit-linear-gradient(top, #74a844 0%, #648740 100%) !important;
	background-image: -o-linear-gradient(top, #74a844 0%, #648740 100%) !important;
	background-image: linear-gradient(to bottom, #74a844 0%, #648740 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff74a844', endColorstr='#ff648740', GradientType=0) !important;
}
.btn_basic07 {
	display:inline-block; height:38px; line-height:36px !important; cursor:pointer; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#fff; border:1px solid #67acdc; border-radius:2px; 
	background: #68adde !important;
	background-image: -webkit-linear-gradient(top, #75b5e6 0%, #5ba4d5 100%) !important;
	background-image: -o-linear-gradient(top, #75b5e6 0%, #5ba4d5 100%) !important;
	background-image: linear-gradient(to bottom, #75b5e6 0%, #5ba4d5 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75b5e6', endColorstr='#ff5ba4d5', GradientType=0) !important;
}
.btn_basic07_act, .btn_basic07:hover {
	display:inline-block; height:38px; line-height:36px !important; cursor:pointer; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#edf5fb; border:1px solid #3f95d3; border-radius:2px; 
	background: #3f96d4 !important;
	background-image: -webkit-linear-gradient(top, #4a9ede 0%, #348dc9 100%) !important;
	background-image: -o-linear-gradient(top, #4a9ede 0%, #348dc9 100%) !important;
	background-image: linear-gradient(to bottom, #4a9ede 0%, #348dc9 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4a9ede', endColorstr='#ff348dc9', GradientType=0) !important;
}


.btn_basic08 {
	display:inline-block; height:38px; line-height:36px !important; cursor:pointer; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#fff; border:1px solid #2989ca; border-radius:2px; 
	background: #2a8bcb !important;
	background-image: -webkit-linear-gradient(top, #3b98d6 0%, #197ec1 100%) !important;
	background-image: -o-linear-gradient(top, #3b98d6 0%, #197ec1 100%) !important;
	background-image: linear-gradient(to bottom, #3b98d6 0%, #197ec1 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b98d6', endColorstr='#ff197ec1', GradientType=0) !important;
}
.btn_basic08_act, .btn_basic08:hover {
	display:inline-block; height:38px; line-height:36px !important; cursor:pointer; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#e6f1f9; border:1px solid #1c6fa5; border-radius:2px; 
	background: #1d6fa6 !important;
	background-image: -webkit-linear-gradient(top, #267eb8 0%, #136194 100%) !important;
	background-image: -o-linear-gradient(top, #267eb8 0%, #136194 100%) !important;
	background-image: linear-gradient(to bottom, #267eb8 0%, #136194 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff267eb8', endColorstr='#ff136194', GradientType=0) !important;
}
.btn_basic09 {
	display:inline-block; height:38px; line-height:36px !important; cursor:pointer; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#fff; border:1px solid #d34b7e; border-radius:2px; 
	background: #d54c7e !important;
	background-image: -webkit-linear-gradient(top, #db5e8c 0%, #ce3970 100%) !important;
	background-image: -o-linear-gradient(top, #db5e8c 0%, #ce3970 100%) !important;
	background-image: linear-gradient(to bottom, #db5e8c 0%, #ce3970 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdb5e8c', endColorstr='#ffce3970', GradientType=0) !important;
}
.btn_basic09_act, .btn_basic09:hover {
	display:inline-block; height:38px; line-height:36px !important; cursor:pointer; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#e9e9e9; border:1px solid #bc2e62; border-radius:2px; 
	background: #be2f64 !important;
	background-image: -webkit-linear-gradient(top, #d2346e 0%, #aa2a59 100%) !important;
	background-image: -o-linear-gradient(top, #d2346e 0%, #aa2a59 100%) !important;
	background-image: linear-gradient(to bottom, #d2346e 0%, #aa2a59 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd2346e', endColorstr='#ffaa2a59', GradientType=0) !important;
}

.btn_basic10{	
	display:inline-block; height:38px; line-height:36px !important; cursor:pointer; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#fff; border:1px solid #797979; border-radius:2px; 
	text-shadow: 0px 0px 0px rgba(255,231,155,1);
	background: #797979 !important;
	background-image: -webkit-linear-gradient(top, #898989 0%, #696969 100%) !important;
	background-image: -o-linear-gradient(top, #898989 0%, #696969 100%) !important;
	background-image: linear-gradient(to bottom, #898989 0%, #696969 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff898989', endColorstr='#ff696969', GradientType=0) !important;
	 }
.btn_basic10_act, .btn_basic10:hover{
	display:inline-block; height:38px; line-height:36px !important; cursor:pointer; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#e9e9e9; border:1px solid #6a6a6a; border-radius:2px; 
	background: #6c6c6c !important;
	background-image: -webkit-linear-gradient(top, #7c7c7c 0%, #5c5c5c 100%) !important;
	background-image: -o-linear-gradient(top, #7c7c7c 0%, #5c5c5c 100%) !important;
	background-image: linear-gradient(to bottom, #7c7c7c 0%, #5c5c5c 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7c7c7c', endColorstr='#ff5c5c5c', GradientType=0) !important;

}

.btn_basic11 {
	display:inline-block; height:38px; line-height:36px !important; cursor:pointer; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#fff; border:1px solid #434343; border-radius:2px; 
	background: #444444 !important;
	background-image: -webkit-linear-gradient(top, #555555 0%, #333333 100%) !important;
	background-image: -o-linear-gradient(top, #555555 0%, #333333 100%) !important;
	background-image: linear-gradient(to bottom, #555555 0%, #333333 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=0) !important;
}
.btn_basic11_act, .btn_basic11:hover {
	display:inline-block; height:38px; line-height:36px !important; cursor:pointer; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#e9e9e9; border:1px solid #333; border-radius:2px; 
	 background: #2b2b2b !important;
	background-image: -webkit-linear-gradient(top, #3b3b3b 0%, #1a1a1a 100%) !important;
	background-image: -o-linear-gradient(top, #3b3b3b 0%, #1a1a1a 100%) !important;
	background-image: linear-gradient(to bottom, #3b3b3b 0%, #1a1a1a 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b3b3b', endColorstr='#ff1a1a1a', GradientType=0) !important;
}

.btn_basic12 {
	display:inline-block; height:38px; line-height:36px !important; cursor:pointer; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#fff; border:1px solid #0677d5; border-radius:2px; 
	background: #0466bb !important;
	background-image: -webkit-linear-gradient(top, #0677d5 0%, #0466bd 100%) !important;
	background-image: -o-linear-gradient(top, #0677d5 0%, #0466bd 100%) !important;
	background-image: linear-gradient(to bottom, #0677d5 0%, #0466bd 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0677d5', endColorstr='#ff0466bd', GradientType=0) !important;
}
.btn_basic12_act, .btn_basic12:hover {
	display:inline-block; height:38px; line-height:36px !important; cursor:pointer; text-align:center; padding:0 15px; font-size:10pt; font-weight: 400;
	color:#e6f1f9; border:1px solid #0054a4; border-radius:2px; 
	background: #056ec6 !important;
	background-image: -webkit-linear-gradient(top, #056ec6 0%, #0054a4 100%) !important;
	background-image: -o-linear-gradient(top, #056ec6 0%, #0054a4 100%) !important;
	background-image: linear-gradient(to bottom, #056ec6 0%, #0054a4 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff056ec6', endColorstr='#ff0054a4', GradientType=0) !important;
}

.btn_basic03{
	display:inline-block; height:28px; line-height:26px !important; cursor:pointer; text-align:center; padding:0 12px; font-size:11px; letter-spacing:-1px;
	color:#07aaff; border:1px solid #dddddd; border-radius:0px; 
	text-shadow: 0px 0px 0px rgba(255,231,155,1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#f2f2f2');
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#f2f2f2));
	background-image:-webkit-linear-gradient(top,#ffffff,#f2f2f2);
	background-image:-moz-linear-gradient(top,#ffffff,#f2f2f2);
	background-image:-ms-linear-gradient(top,#ffffff,#f2f2f2);
	background-image:-o-linear-gradient(top,#ffffff,#f2f2f2);
	background-image:linear-gradient(top,#ffffff,#f2f2f2);
	 }
.btn_basic03_act, .btn_basic03:hover{
	display:inline-block; height:28px; line-height:26px !important; cursor:pointer; text-align:center; padding:0 12px; font-size:11px; letter-spacing:-1px;
	color:#008eff; border:1px solid #cbcaca; border-radius:0px; 
	background-color:#f0f0f0;	
}

.btn_basic04{
	display:inline-block; height:28px; line-height:26px !important; cursor:pointer; text-align:center; padding:0; font-size:11px; letter-spacing:-1px;
	color:#07aaff; border:1px solid #dddddd; border-radius:0px; width:81px !important; 
	text-shadow: 0px 0px 0px rgba(255,231,155,1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#f2f2f2');
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#f2f2f2));
	background-image:-webkit-linear-gradient(top,#ffffff,#f2f2f2);
	background-image:-moz-linear-gradient(top,#ffffff,#f2f2f2);
	background-image:-ms-linear-gradient(top,#ffffff,#f2f2f2);
	background-image:-o-linear-gradient(top,#ffffff,#f2f2f2);
	background-image:linear-gradient(top,#ffffff,#f2f2f2);
	 }
.btn_basic04_act, .btn_basic04:hover{
	display:inline-block; height:28px; line-height:26px !important; cursor:pointer; text-align:center; padding:0; font-size:11px; letter-spacing:-1px;
	color:#008eff; border:1px solid #cbcaca; border-radius:0px; 
	background-color:#f0f0f0; width:81px !important; 
}


.btn_txt_grey{color:#888;}
.btn_txt_grey:hover{color:#555;}
.btn_txt_grey_dis{color:#c9c9c9;}

.btn_txt_dark{color:#333;}
.btn_txt_dark:hover{color:#333;}
.btn_txt_dark_dis{color:#c9c9c9;}


#wrap_main{z-index:2; display:absolute; top:0; left:0; }
section{background-color:#fff; opacity:1; }

/*back_main*/
	.back_main{width:100%; height:500px; background:#dadfe3; position:relative; top:45px; left:0; }
	.wrap_maintxt{width:calc(100% - 30px); height:500px; position:relative; top:0; left:0; margin:0 auto;}
	.wrap_maintxt h2{font-size:30px; position:absolute; top:140px; left:0px; }
	.wrap_maintxt h2 span{font-size:50px; letter-spacing:-0.05em; font-weight:300;}
	.wrap_maintxt h2 span.strong{font-size:50px; letter-spacing:-0.05em; font-weight:400;}
	.wrap_maintxt h2{color:#0054a4; text-shadow:1em 1em 1em #fff; font-weight:500;}
	.wrap_maintxt h2 span, section.bmain_top h2 span.strong{color:#222; text-shadow:1em 1em 1em #fff;}
	.wrap_mainmenu{z-index:2;}

/*반응형 정의*/

@media only screen and (max-width: 480px) {
	section{width:480px; min-width:450px;}
	section.b_board{padding:15px 15px; }

	.back_main{background:#d5d5d7; }
	.wrap_maintxt{width:calc(100% - 30px); min-width:480px; height:500px; position:relative; top:0; left:0; margin:0 auto;}
	.wrap_maintxt h2{display:inline-block; font-size:30px; position:absolute; top:220px; left:30px; }
	
	.wrap_mainmenu{width:calc(100% - 30px); height:500px; position:absolute; top:0; left:15px; margin:0; }
	.wrap_mainmenu section{border-radius:0;}	
	.wrap_mainmenu section:hover{border:1px solid #d7d7d7;}

	section.main_01{ width:100%; height:90px; position:absolute; top:515px; left:0; }
	section.main_02{ width:100%; height:120px; position:absolute; top:620px; left:0; }
	section.main_03{ width:100%; height:140px; position:absolute; top:755px; left:0; }

	
	#wrap_main{margin:0 auto; position:relative; top:395px; left:0; width:calc(100% - 30px); height:840px; }
	section.main_05{ width:100%; height:148px; position:absolute; top:15px; left:0; }
	section.main_05 th{font-size:10pt;}

	section.main_06{ width:100%; height:200px; position:absolute; top:178px; left:0; }
	section.main_06 .subject{width:78%; overflow:hidden;}

	section.main_07{ width:100%; height:160px; position:absolute; top:393px; left:0;}
	section.main_08{ width:100%; height:200px; position:absolute; top:568px; left:0; }

	body.main_02 section.main_01{ width:100%; height:120px; position:absolute; top:515px; left:0; }
	body.main_02 section.main_02{ width:100%; height:120px; position:absolute; top:650px; left:0; }
	body.main_02 section.main_03{ width:100%; height:120px; position:absolute; top:785px; left:0; }
	body.main_02 #wrap_main{margin:0 auto; position:relative; top:405px; left:0; width:calc(100% - 30px); height:840px; }


	.wrap_ask .call{text-align:center; font-weight:700; font-size:32pt; color:#056ec6; margin:0;}
	span.br{display:inline-block;}

	.login_centered {position: relative; display: inline-block; padding-left: calc((100% - 400px) /2) !important;}
	
	
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
	.back_main{background:#d5d5d7;}
	.wrap_maintxt{width:calc(100% - 30px); height:500px; position:relative; top:0; left:0; margin:0 auto;}
	.wrap_maintxt h2{display:inline-block; font-size:30px; position:absolute; top:220px; left:30px; }

	.wrap_mainmenu{width:calc(100% - 30px); height:500px; position:absolute; top:0; left:15px; margin:0;}
	.wrap_mainmenu section{border-radius:0;}	
	.wrap_mainmenu section:hover{border:1px solid #d7d7d7;}

	section.main_01{ width:calc(33.3% - 15px ); height:170px; position:absolute; top:515px; left:0; }
	section.main_02{ width:33.4%; height:170px; position:absolute; top:515px; left:33.3%; }
	section.main_03{ width:calc(33.3% - 15px ); height:170px; position:absolute; top:515px; right:0; }

	#wrap_main{margin:0 auto; position:relative; top:185px; left:0; width:calc(100% - 30px); height:850px; }
	section.main_05{ width:100%; height:148px; position:absolute; top:15px; left:0; }
	section.main_05 th{font-size:10pt;}

	section.main_06{ width:100%; height:200px; position:absolute; top:178px; left:0; }
	section.main_06 .subject{width:75%; overflow:hidden; }

	section.main_07{ width:100%; height:160px; position:absolute; top:393px; left:0;}
	section.main_08{ width:100%; height:200px; position:absolute; top:568px; right:0; }

	span.br{display:block;}

	.wrap_ask .call{text-align:center; font-weight:700; font-size:32pt; color:#056ec6; margin:0;}



	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.wrap_mainmenu{width:calc(100% - 30px); height:500px; position:absolute; top:0; left:15px; margin:0;}
	.wrap_mainmenu section{opacity:0.85; box-shadow: 2px 2px 5px #999;}
	.wrap_mainmenu section.main_01{position:absolute; bottom:40px; left:10%; width:calc(25% - 15px ) ; height:170px;}
	.wrap_mainmenu section.main_02{position:absolute; bottom:40px; left:calc((50% / 2) + 14.5% - 15px); width:calc(25% - 15px ) ; height:170px;}
	.wrap_mainmenu section.main_03{position:absolute; bottom:40px; right:10%; width:calc(25% - 15px ) ; height:170px;}

	#wrap_main{margin:0 auto; position:relative; top:0; left:0;  height:588px; width:calc(100% - 30px);}
	section.main_05{ width:100%; height:131px; position:absolute; left:0px; top:15px; }

	section.main_06{ width:100%; height:200px; position:absolute; top:161px; left:0}
	section.main_06 .subject{width:85%; overflow:hidden; }

	section.main_07{ width:calc(40% - 15px) ; height:200px; position:absolute; top:376px; left:0;}
	section.main_08{ width:60% ; height:200px; position:absolute; top:376px; right:0; }
	
}

@media (min-width: 992px) and (max-width: 1200px) {
	/*back_main*/
	.wrap_maintxt{width:calc(100% - 30px); height:500px; position:relative; top:0; left:0; margin:0 auto;}
	.wrap_mainmenu{width:calc(100% - 30px); height:500px; position:absolute; top:0; left:15px; margin:0;}
	.wrap_mainmenu section{opacity:0.85; box-shadow: 2px 2px 5px #999;}
	.wrap_mainmenu section h2{margin-bottom:5px;}
	.wrap_mainmenu section .subject{font-size:11pt; height:26px !important; }
	.wrap_mainmenu section.main_01{position:absolute; bottom:40px; left:10%; width:calc(25% - 15px ) ; height:170px;}
	.wrap_mainmenu section.main_02{position:absolute; bottom:40px; left:calc((50% / 2) + 14.5% - 15px); width:calc(25% - 15px ) ; height:170px;}
	.wrap_mainmenu section.main_03{position:absolute; bottom:40px; right:10%; width:calc(25% - 15px ) ; height:170px;}

	#wrap_main{margin:0 auto; position:relative; top:0; left:0; height:373px; width:calc(100% - 30px);}
	section.main_05{ width:100%; height:131px; position:absolute; left:0px; top:15px;}

	section.main_06{ width:calc(40% - 15px ) ; height:200px; position:absolute; top:161px; left:0; }
	section.main_06 .subject{width:100%; overflow:hidden;}
	section.main_07{ width:25% ; height:200px; position:absolute; top:161px; left:40%}
	section.main_08{ width:calc(35% - 15px ) ; height:200px; position:absolute; top:161px; right:0; }

	.main_06 .board_st .rgt{display:none;}
	.main_07 .wrap_ask .call{font-size:30pt; margin:12px 0;}
	.main_07 .wrap_ask .txt{letter-spacing:-0.2px;}

}

@media (min-width: 1200px) {
	/*back_main*/
	.wrap_maintxt{width:1200px; height:500px; position:relative; top:0; left:0; margin:0 auto;}	
	#wrap_main{margin:0 auto; position:relative; top:0; left:0; width:1200px; height:373px;}

	.wrap_mainmenu{width:1200px; height:500px; position:absolute; top:0; left:calc(50% - 600px); margin:0; }
	.wrap_mainmenu section{opacity:0.85; box-shadow: 2px 2px 5px #999;}
	.wrap_mainmenu section h2{margin-bottom:5px;}
	.wrap_mainmenu section .subject{font-size:11pt; height:26px !important; }
	.wrap_mainmenu section.main_01{position:absolute; bottom:40px; left:10%; width:calc(25% - 15px ) ; height:170px;}
	.wrap_mainmenu section.main_02{position:absolute; bottom:40px; left:calc((50% / 2) + 14.5% - 15px); width:calc(25% - 15px ) ; height:170px;}
	.wrap_mainmenu section.main_03{position:absolute; bottom:40px; right:10%; width:calc(25% - 15px ) ; height:170px;}

	section.main_05{ width:100%; height:131px; position:absolute; left:0px; top:15px;}

	section.main_06{ width:calc(40% - 15px ) ; height:200px; position:absolute; top:161px; left:0; }
	section.main_06 .subject{width:70%; overflow:hidden;}
	section.main_07{ width:25% ; height:200px; position:absolute; top:161px; left:40%}
	section.main_08{ width:calc(35% - 15px ) ; height:200px; position:absolute; top:161px; right:0; }	
}
/*nav_rgt*/
#nav_rgt{position:absolute; top:0; right:10px !important;  border:0 !important;}

@media only screen and (max-width: 479px) {
  .navbar:not(.navbar-collapse) .navbar-header {
    float: none !important;
    display: block;
  }
  .navbar:not(.navbar-collapse) .ace-nav {
    display: block;
    float: none !important;
    text-align: center;
    border:0px;
    letter-spacing: -3px;
  }
  .navbar:not(.navbar-collapse) .ace-nav > li {
    float: none !important;
    text-align: left;
    letter-spacing: normal;
  }
  .navbar:not(.navbar-collapse) .ace-nav > li:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }
  .navbar:not(.navbar-collapse) .ace-nav > li:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
  }
  .navbar:not(.navbar-collapse) .navbar-buttons .user-menu {
    padding-top: 42px !important;
  }
  .navbar:not(.navbar-collapse) .navbar-buttons .nav-user-photo {
    margin-right: 0;
  }
  .navbar:not(.navbar-collapse) .navbar-buttons .user-info {
    position: absolute;
    margin-top: 40px;
    margin-left: 1px;
    right: 2px;
    z-index: 1032;
    color: #777;
    font-size: 10pt;
    width: 156px;
    max-width: 156px;
    padding-left: 8px;
    padding-right: 8px;
    height: 32px;
    line-height: 32px !important;
    display: none;
    border-bottom: 1px solid #E5E5E5;
    text-align: center;
    vertical-align: none;
    line-height: normal;
    cursor: text;
  }
  .navbar:not(.navbar-collapse) .navbar-buttons .user-info > small {
    display: inline;
    opacity: 1;
  }
  li.open .user-info {
    display: inline-block !important;
  }
}
@media (max-width: 479px) {
  .navbar-fixed-top + #sub_container {
    margin-top: 112px;
  }
  .navbar-fixed-top.navbar-collapse + #sub_container {
    margin-top: 112px;
  }
}
#navbar{min-width:360px;}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 12px;
  padding-left: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
  width:100%;
  z-index:2;
}
nav.navbar-menu.pull-left.navbar-collapse.collapse.in {
  overflow-y: auto;
}
@media (min-width: 992px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 800px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
@media only screen and (max-width: 991px) {
  .navbar-form .form-group {
    display: inline-block;
    width: 50%;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form.form-search input[type=text] {
    width: 100%;
  }
  .navbar-nav + .navbar-form {
    margin-top: 0;
  }
  
  .navbar .navbar-nav > li:first-child {
    border-top-width: 0;
  }
  
}




span.spaced02{display:inline-block; margin-right:15px !important; }
.spaced02{margin-right:15px !important; }
body td .spaced{margin-right:5px;}
body td .input-group input.big{height:20px;}
body select{height:32px; }
body td .input-group .input-group-addon{cursor:pointer; }

/*필수입력창*/
input.box_required{background-color:#eaf6fb; border:1px solid #aaddf3;}
select.box_required{background-color:#eaf6fb; border:1px solid #aaddf3;}
input.box_required02{background-color:#fffac1; border:1px solid #e6da58;}
select.box_required02{background-color:#fffac1; border:1px solid #e6da58;}
input.box_required03{background-color:#ffdddd; border:1px solid #fca0a0;}
select.box_required03{background-color:#ffdddd; border:1px solid #fca0a0;}
textarea.box_required{background-color:#eaf6fb; border:1px solid #aaddf3;}
td.box_required{background-color:#eaf6fb; border:1px solid #aaddf3;}


span.td_txt{margin:0; padding:0 5px; float:left; line-height:34px;}
span.td_tit{width:65px; float:left; font-weight:400; color:#0068b7; line-height:34px; margin-left:10px;}
span.td_tit:first-child{margin-left:0;}
h3.header .pull-right{padding-right:0;}
h3.header .pull-right div.btn{margin-left:0 !important;}
h3.header span.s_txt{font-size:10pt;}

.box_adress{padding-left:0; margin-left:0; background-color:#f2f2f2; padding:7px 0; border:1px solid #ddd;}
.box_adress .btn{padding:0 8px !important; line-height:28px !important; }

/*버튼간격*/
.clearfix .pull-right button, .clearfix .pull-right div,.clearfix .pull-right a{margin-left:3px;}
.clearfix .pull-right button:first-child, .clearfix .pull-right div:first-child{margin-left:0;}
.clearfix .pull-left button, .clearfix .pull-left div, .clearfix .pull-left a{margin-right:3px;}
.clearfix .pull-left button:first-child, .clearfix .pull-left div:first-child{margin-right:0;}
.clearfix .pull-left .txt{line-height:38px;}
.wrap_sbtn{margin-left:10px;}
.wrap_sbtn div{margin-right:5px; height:34px; padding:5px 5px; }
.wrap_sbtn div:last-child{margin-right:0;}
a.btn-default{text-decoration:none !important;}
.modal-footer .pull-right div{margin-left:5px; }
.modal-footer .pull-right div:first-child{margin-left:0;}
.modal-footer .pull-left div{margin-right:5px; }
.modal-footer .pull-left div:last-child{margin-left:0;}

/*table 관련*/
th{color:#393939;}
td{font-weight:300;}
body .txt_cen th{text-align:center;}
body .txt_lft th, body .txt_lft td{text-align:left;}
body td a{color:#767676; }
body td a:hover{color:#0068b7; text-decoration:underline;}

#ezHelpChatdiv {position:fixed !important}

/*header*/
#header{z-index:3; width:100%; height:91px;  background:#fff; border-bottom:1px solid #d4d4d4; z-index:9999 !important;  }
.navbar-fixed-top{position: fixed; top:0; left:0; }
.wrap_header{width:1060px;  height:86px; margin:0 auto; background:#fff; position:relative;}
.wrap_header:after{clear:both; display:block;}
.wrap_header .lft{float:left; margin-top:27px;  }
.wrap_header .logo img{}
.wrap_header .rgt{float:right; padding-left:10px;  }

.wrap_lefttop{width:260px; }
.wrap_loginbox{border:1px solid #d7d7d7; background:#f2f2f2; width:100%; text-align:left;}
.main-content .wrap_leftbox{padding:20px 10px 4px 20px; }
.sub_login .wrap_leftbox{padding:10px 9px 4px 9px; }
.login_input{display:inline-block; margin-right:6px;}
.login_input li{margin-bottom:5px;}
.login_input #txtUserid, .login_input #txtPassword{width:140px; height:35px !important; max-height:35px !important; line-height:35px !important; border:1px solid #e5e5e5; font-size:12px; padding-left:7px !important;}
.login_welcome{width:258px; height:131px; padding:10px 20px;}
.login_welcome .wrap_btn{margin-top:5px; text-align:center; }
.login_welcome .wrap_btn .btn_01{margin-right:5px; }
.login_welcome .txt_user{color:#00ADEE; font-size:14px; }
.login_welcome .login_user{text-align:center; position:relative; top:10px; }
.btn_login{display:inline-block; background:#00ADEE; color:#fff; text-align:center; width:74px; height:75px; font-size:14px; line-height:75px; border-radius:3px; vertical-align:top; cursor:pointer;}
.login_txt{text-align:left; margin-left:20px; padding-bottom:8px; }
.login_txt li, .login_txt li a{display:inline-block; font-size:13px; color:#4A4A4A; }
.login_txt li:first-child{margin-right:13px; }
.btn_goclass{display:inline-block; width:100%; line-height:45px; font-size:14px; color:#fff; background:#84868D; text-align:center; cursor:pointer;}

/*.banner_01 li{line-height:49px; cursor:pointer; background:#fff; color:#0068B4; font-size:14px; border-left:1px solid rgba(0, 0, 0, 0.1); border-bottom:1px solid rgba(0, 0, 0, 0.1); padding-left:48px}
.banner_01 li:nth-child(1){background:#fff url(/images/icon02_banner01.png) no-repeat ;}
.banner_01 li:nth-child(2){background:#fff url(/images/icon02_banner02.png) no-repeat ;}
.banner_01 li:nth-child(3){background:#fff url(/images/icon02_banner03.png) no-repeat ;}
.banner_01 li:nth-child(4){background:#fff url(/images/icon02_banner04.png) no-repeat ;}
.banner_01 li:nth-child(5){background:#fff url(/images/icon02_banner05.png) no-repeat ;}*/

.banner_01 li{line-height: 96px;cursor:pointer;color:#fff;font-size:14px;border-left:1px solid rgba(0, 0, 0, 0.1);border-bottom:1px solid rgba(0, 0, 0, 0.1);padding-left: 66px;}/* 211019 수정 */
.banner_01 li:last-child{line-height: 95px;} /* 211019 추가 */
.banner_01 li:nth-child(1){background:#f6a091 url(/images/main/003/icon02_banner01.png) no-repeat 0px 50%; border: none;} /* 211019 수정 */
.banner_01 li:nth-child(2){background:#91adeb url(/images/main/003/icon02_banner02.png) no-repeat 0px 50%; border: none;} /* 211019 수정 */
.banner_01 li:nth-child(3){background:#96cd99 url(/images/main/003/icon02_banner03.png) no-repeat 0px 50%; border: none;} /* 211019 수정 */

.wrap_search{background:#ddd; height:55px;padding-top:13px;}
.wrap_search input{width:142px; height:30px; padding-left:7px; margin-left:20px;}
.wrap_search .btn_search{display:inline-block; height:29px; line-height:25px; text-align:center; padding:0 10px; cursor:pointer;background-color:#333;color:#fff;margin-left:4px }
.sub_login .wrap_search input{width:110px; height:30px; padding-left:7px; margin-left:10px;}

.topmenu_01{width:260px; text-align:left;  }
.topmenu_01 ul{display:inline-block; margin-left:45px;}
.topmenu_01 li{display:inline-block; margin-left:7px; font-size:12px; cursor:pointer; }
.topmenu_01 .tmenu_01 li{color:#333; margin-left:10px; }
.topmenu_01 .tmenu_01 li a{color:#333; text-decoration:none; }
.topmenu_01 .tmenu_02 li a{color:#888; text-decoration:none; }
.topmenu_01 .tmenu_02 li:before{content:'|'; color:#DFDFDF; padding-right:7px;}
.topmenu_01 .tmenu_02 li:first-child:before{content:none; }
.topmenu_02{text-align:left; margin-top:5px; }
.topmenu_02 input[type="text"], .topmenu_02 input[type="password"]{width:140px; height:35px !important; max-height:35px !important; line-height:35px !important; border:1px solid #e5e5e5; font-size:12px; padding:0 !important;}
.tmenu{position:absolute; top:13px; right:0;}
.tmenu li{display:inline-block;  }
.tmenu li:after{content:'|'; color:#ddd; padding:0 10px; }
.tmenu li:last-child:after{content:none; }
.tmenu li a{color:#666; text-decoration:none; font-size:12px; }
.top_btn{display:inline-block; width:80px; height:40px; line-height:40px; color:#fff; font-size:12px; text-align:center; cursor:pointer; border-radius: 3px; position:relative; top:20px;}
.top_btn span{margin-right:5px;}
.top_btn span:last-child{margin-right:0;}
.top_btn.btn_01{background-color:#3472BF; }
.top_btn.btn_02{background-color:#244F85; }


/*footer*/
#footer{margin:0; padding:0; position:relative; width:100%; height:175px; background-color:#fff; }
.footer-fixed-bottom{position:fixed; bottom:0; margin-bottom:0; width:100%; z-index:2;}
.footer-content {width:100%; color:#666; background-color:#fff; }
.footer-content .d_row{width:1060px; margin:0 auto; background:url(../images/logo_footer.png) no-repeat; height:105px; background-position:center left;padding-top:18px; padding-left:145px; text-align:left;}
.footer-content .d_row:after{clear:both; display:inline-block;}
.footer-content .d_row div{font-size:12px; line-height:19px; color:rgba(0, 0 , 0, 0.5); }
.footer-content .d_row div:first-child{padding-top:7px; }
.footer-content .n_row{width:1060px; margin:0 auto; background:url(/Campus/Oper/Upload/namu.png) no-repeat; height:105px; background-position:center left;padding-top:18px; padding-left:145px; text-align:left;}
.footer-content .n_row:after{clear:both; display:inline-block;}
.footer-content .n_row div{font-size:12px; line-height:19px; color:rgba(0, 0 , 0, 0.5); }
.footer-content .n_row div:first-child{padding-top:7px; }
.footer_menu{background:#f3f3f3; height:45px; }
.footer_menu ul{width:1060px; margin:0 auto; text-align:left;}
.footer_menu li{display:inline-block; font-size:14px; font-weight:400; line-height:45px; padding-right:30px; cursor:pointer; }

/*contents*/
.navbar-fixed-top + .main-container { margin-top: 120px;}
.main-content{width:1060px; margin:0 auto; height:800px; margin-bottom:15px; }
.sub_content{width:1060px; margin:0 auto; height:auto; margin-bottom:15px; vertical-align:top; }
.main_visual{position:relative; top:0; left:0; width:800px; height:420px; }
.main_visual .w_info{position:absolute; bottom:0; left:0; width:100%; height:50px; line-height:50px; background-color:#555962; color:#fff; padding: 0 20px; }
.main_visual .w_info li{display:inline-block; width:50%; text-align:center; color:#fff; line-height:50px; font-size:16px; }
.main_visual .w_info li.space_2x{width:100%; text-align:center;}
.main_visual ol.dots {position: absolute; left:calc((100% - 200px) /2); bottom: 69px;  text-align: center; width:200px; height:10px; display:inline-block; margin:0; }
.main_visual ol.dots li {display: inline-block; width: 10px; height: 10px; vertical-align:top; margin-right: 4px; text-indent: -999em; background: #555962;border-radius: 6px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; border:0; }
.main_visual ol.dots li:last-child{margin-right:0; }
.main_visual ol.dots li.active {background: #00ADEE; opacity: 1; width: 10px; height: 10px;}
.main_visual_img{width: 800px; height: 370px; background: url('/images/main_visual_img.jpg') no-repeat center / contain; color: #fff; font-size: 36px;}
.main_visual_img .txt{color: #fff; font-size: 24px; position: absolute; top: 37%; left: 70px; text-shadow: #47403c 1px 0 10px;}
.main_visual_img .txt .txt_light{font-weight: 200;}
.main_txt img{width:351px; height:73px; }
.main_cont01{position:relative; top:0; left:0; height:328px; margin-top:20px; }
.main_cont01 .ban_01{position:absolute; top:0; left:0; width:236px; height:300px; }
.main_cont01 .ban_01 li{display:block; width:236px; height:60px; line-height:60px; margin-bottom:7px; color:#fff; font-size:16px; cursor:pointer; }
.main_cont01 .ban_01 li:last-child{margin-bottom:0; }
.main_cont01 .ban_01 li:nth-child(1){background-color:#648CBC;}
.main_cont01 .ban_01 li:nth-child(2){background-color:#597CA8;}
.main_cont01 .ban_01 li:nth-child(3){background-color:#4E6C92;}
.main_cont01 .ban_01 li:nth-child(4){background-color:#435D7E;}
.main_cont01 .ban_01 li:nth-child(5){background-color:#384E69;}
.main_cont01 .ban_02{position:absolute; top:0; left:251px; width:420px; height:300px; }
.main_cont01 .ban_02 .tit{height:48px; line-height:48px; background-color:#549EE3; color:#fff; font-size:18px; padding-left:20px;}
.main_cont01 .ban_02 .img{width:388px; height:251px; background:url(../images/howto.png) no-repeat; background-size:388px 251px; margin-top:10px; margin-left:16px; }
.main_cont01 .ban_03{position:absolute; top:0; left:686px; width:374px; height:300px; }
.main_cont01 .ban_03 .tit{height:48px; line-height:48px; background-color:#375983; color:#fff; font-size:18px; padding-left:20px;}
.main_cont01 .ban_03 .tit_course{position:relative; height:48px; line-height:48px; border:1px solid #eee; padding-left:20px; font-size:18px; color:#333; }
.main_cont01 .ban_03 .btn_enroll{position:absolute; top:14px; right:20px; display:inline-block; font-size:12px; padding:0 10px; line-height:22px; text-align:center; border-radius:100px; color:#FF585B; border:1px solid #FF585B; cursor:pointer; }
.main_cont01 .ban_03 .btn_enroll a{color:#FF585B;}
.main_cont01 .ban_03 .course_info{border-left:1px solid #eee; border-right:1px solid #eee; }
.main_cont01 .ban_03 .course_info:last-child{border-bottom:1px solid #eee; }
.main_cont01 .ban_03 .sort_course{display:inline-block; padding-top:7px; padding-bottom:8px;}
.main_cont01 .ban_03 .sort_course:first-child{padding-left:18px; padding-right:15px; }
.main_cont01 .ban_03 .sort_course li{font-size:12px; }
.main_cont01 .ban_03 .sort_course li:first-child{margin-bottom:5px;}
.main_cont01 .ban_03 .sort_course li.txt{line-height:20px;}
.main_cont01 .ban_03 .tit_sort01{display:inline-block; width:161px; height:31px; line-height:31px; text-align:center; border-radius:4px 4px 0 0 ;background-color:#50BAE2; color:#fff; font-size:14px; } 
.main_cont01 .ban_03 .tit_sort02{display:inline-block; width:161px; height:31px; line-height:31px; text-align:center; border-radius:4px 4px 0 0 ;background-color:#4C7FC0; color:#fff; font-size:14px; }

.main_cont02{position:relative; top:0; left:0; margin-top:20px;}
.main_cont02 .ban_01{position:absolute; top:0; left:0; width:260px; height:185px; }
.main_cont02 .ban_01 .ban_cs{width:260px; height:147px; border-left:1px solid #dedede; border-right:1px solid #dedede;  border-bottom:1px solid #dedede; padding-top:12px; padding-left:15px;  }
.main_cont02 .ban_01 .ban_cs li:first-child{float: right; vertical-align: top; font-size: 31px; background: #20aaee; border-radius: 50%; width: 50px; height: 50px; color: #fff; text-align: center; margin-right: 15px; margin-top: 5px;}

.main_cont02 .ban_01 .ban_cs02 {width:260px; height:122px; border-left:1px solid #dedede; border-right:1px solid #dedede;  border-bottom:1px solid #dedede; padding-top:12px; padding-left:15px; }
.main_cont02 .ban_01 .ban_cs02 li:first-child{float: right; vertical-align: top; font-size: 28px; background: #20aaee; border-radius: 50%; width: 50px; height: 50px; color: #fff; text-align: center; margin-right: 15px; margin-top: 5px; line-height: 50px;}
.main_cont02 .ban_01 .txt_01{color:#4A4A4A; font-size:18px; font-weight:500;  }
.main_cont02 .ban_01 .txt_02{/*color:#00ADEE;*/color:blue; font-size:20px; font-weight:400; letter-spacing: -0.5px;}
.main_cont02 .ban_01 .txt_02 span{font-size:14px; }
.main_cont02 .ban_01 .txt_03{color:#4A4A4A; font-size:14px; margin-top:5px; }
.main_cont02 .ban_01 .txt_03 span{display:inline-block; width:60px; padding-right:7px; color:#9B9B9B; }

.main_cont02 .ban_01 ul.bn04{height: 159px; padding: 15px 17px;border-top:1px solid #DEDEDE; border-left:1px solid #DEDEDE; border-right:1px solid #DEDEDE; } /*20211110-is-수정*/
.main_cont02 .ban_01 ul.bn04 li:first-child{font-size: 20px; font-weight:600;color: #333;} /*20211117-is-수정*/
.main_cont02 .ban_01 ul.bn04 li:first-child i{font-size: 26px; margin-right: 10px;color:#333;} /*20211110-is-수정*/
.main_cont02 .ban_01 ul.bn04 li:nth-child(2){font-size: 16px; color: #333;margin-top:10px;letter-spacing:1px} /*20211110-is-수정*/
.main_cont02 .ban_01 ul.bn04 li:nth-child(2) span{font-size: 16px;} /*20211109-is-수정*/
.main_cont02 .ban_01 ul.bn04 li:nth-child(3){color: #333; font-size: 16px;letter-spacing:1px } /*20211110-is-수정*/
.main_cont02 .ban_01 ul.bn04 li:nth-child(4){font-size: 12px; color: #333;margin-top:10px;} /*20211110-is-수정*/
.main_cont02 .ban_01 ul.bn04 li:nth-child(5){color: #333; font-size: 12px;} /*20211110-is-수정*/
.main_cont02 .ban_01 ul.bn05{height: 158px;padding: 15px 17px;border:1px solid #DEDEDE; }
.main_cont02 .ban_01 ul.bn05 li:first-child{font-size: 20px; font-weight:600;color: #333; margin-top:8px; } /*20211117-is-수정*/
.main_cont02 .ban_01 ul.bn05 li:first-child i{font-size: 26px; margin-right: 10px;color:#333;} /*20211110-is-수정*/
.main_cont02 .ban_01 ul.bn05 li:nth-child(2){margin-top: 13px;} /*20211110-is-수정*/
.main_cont02 .ban_01 ul.bn05 li:nth-child(3){font-size: 16px;color: #333;margin-top:3px;letter-spacing:1px } /*20211110-is-수정*/
.main_cont02 .ban_01 ul.bn05 li:nth-child(4){font-size: 16px; color: #333;margin-top:1px;letter-spacing:1px } /*20211110-is-수정*/


.b{font-weight:500;}
.click{cursor:pointer;}
.txt_red, li.txt_red{color:#FF585B !important ; }
.txt_blue, li.txt_blue{color:#4083FF  !important;}
.txt_b{color:#333; font-weight:500; }
.wrap_board{width:100%; overflow:hidden; }
.wrap_board:after{clear:both; display:block; }
.subject, .subject a, .more, .more a{color:#333; }
.main_tit{position:relative; height:44px; line-height:44px; }
.main_tit .tit{position:absolute; left:0; font-size:16px; font-weight:400; }
.main_tit .more{position:absolute; right:0; font-size:12px; cursor:pointer;}
.wrap_board .main_tit{height:44px; line-height:44px; }
.wrap_board .main_tit .tit{font-size:16px;  margin-left:18px; color:#333;}
.wrap_board .main_tit .more{margin-right:18px; }
.board{margin-top:0px; margin-left:16px; padding-right:15px; height:98px; }
.board > li{text-align:left; position:relative; height:22px; line-height:22px; font-size:12px; background:url(../images/dot_01.png) left center no-repeat; padding-left:10px; }
.board > li span.subject{cursor:pointer; font-size:10pt; }
.notice > li span.subject{position:absolute; width:160px; height:44px; left:10px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board > li span.date{ position:absolute; right:0px; color:#888;}

.board2{margin-left:16px; padding-right:15px;}
.board2 > li{text-align:left; position:relative; height:24px; line-height:24px; font-size:12px; padding-left:10px; }
.board2 > li span.subject{cursor:pointer; }
.notice2 > li span.subject{position:absolute; width:190px; height:44px; left:10px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board2 > li span.date{ position:absolute; right:0px; color:#888;}

.qna > li{position:relative; top:0; left:0; }
.qna > li span.subject{position:absolute; width:230px; height:44px; left:10px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.qna > li span.subject a{text-decoration: none; color:#333;}
.main_cont02 .ban_02{position:absolute; top:0px; right:0; width:330px; height:142px; border:1px solid #DEDEDE;}
.main_cont02 .ban_03{position:absolute; top:0; right:0; width:330px; height:142px; border:1px solid #DEDEDE;}
.banner_event{width:260px; height:50px; line-height:50px; background:url(/images/icon02_banner05.png) no-repeat; border:1px solid #dedede; color:#4A4A4A; font-size:14px; padding-left:48px; cursor:pointer; }
.wrap_recommend li{display:inline-block; width:220px; height:317px; background:#f7f7f7; margin-right:10px;}
.wrap_hrd{position:absolute; top:150px; right:0; width:330px; height:168px; border:1px solid #DEDEDE;}
.list_hrd{margin-left:20px; }
.list_hrd li{width:90px; display:inline-block; margin-right:10px;  }
.list_hrd li:last-child{margin-right:0; }
.list_hrd img{width:90px; height:90px; cursor:pointer; }
.list_hrd span{display:inline-block; width:90px; text-align:center; overflow:hidden; color:#4A4A4A; font-size:12px; margin-top:7px;}
.wrap_rgt{width:790px; position:absolute; top:0; left:270px; }
.tit_newclass{margin-bottom:3px; overflow:hidden; }
.tit_newclass h2{float:left; font-size:16px; color:#333; font-weight:500;}
.tit_newclass .rgt{float:right; text-align:right; padding:0; margin:0;}
.wrap_newclass li{display:inline-block; vertical-align:top; }
.wrap_newclass li.s_class{width:266px; }
.wrap_newclass li.s_class .wrap_sclass{width:256px; height:256px; padding:10px 10px; border:1px solid #ddd;}
.course_info{overflow:hidden; }
.s_class h3{font-size:10pt; height:40px; text-align:center; margin:10px 0; line-height:160%; }
.s_class span.lft{float:left; text-align:left; }
.s_class span.rgt{float:right; text-align:right; }
.wrap_newclass02 li{display:inline-block; vertical-align:top; }
.wrap_newclass02 li.s_class{width:210px; }
.wrap_newclass02 li.s_class .wrap_sclass02{width:200px; padding:10px 10px; border:1px solid #ddd;}
.wrap_newclass02 h3{height:50px;}
.wrap_newclass02 .txt_cen{margin-top:5px;}
.btn_arrow{display:inline-block; width:24px; height:24px; border:1px solid #ddd; cursor:pointer; margin:0; padding:0;}
.arrow_lft{background:url(/images/arrow_lft.jpg) center center no-repeat;}
.arrow_rgt{background:url(/images/arrow_rgt.jpg) center center no-repeat;}
/*sub*/
body.sub #sub_container{margin-top:120px; }
#sub_container .wrap_loginbox{width:200px !important; padding:0; }
.sub_login{width:200px; margin-bottom:10px;}
.sub_login .login_welcome{width:200px; padding:10px 10px; }
.sub_login .login_input #txtUserid, .sub_login .login_input #txtPassword{width:95px; }
.sub_login .login_txt{text-align:left; margin-left:10px; }
body.sub .wrap_leftmenu{display: inline-block; width:200px; margin-right:17px; padding:0; vertical-align:top; }
.wrap_contents{display: inline-block; width:840px; min-height:500px; margin:0; padding:0; font-size:10pt;  }
body.sub .wrap_leftmenu .leftmenu{border:0;}
body.sub .wrap_leftmenu .leftmenu .tit{padding:18px 0; color:rgba(0,0,0,0.4); font-size:12px; text-align:center; border:1px solid #ddd; }
body.sub .wrap_leftmenu .leftmenu .tit span{display:block; font-size:22px; color:#333; font-weight:500; line-height:25px; }
body.sub .wrap_leftmenu .leftmenu .smenu{line-height:45px; background:#fff !important; color:#888; font-size:14px; padding-left:20px; border-bottom:1px dotted #ddd;  border-left:1px dotted #ddd;border-right:1px dotted #ddd;cursor:pointer; }
body.sub .wrap_leftmenu .leftmenu .smenu a{color:#888; text-decoration: none;}
body.sub .wrap_leftmenu .leftmenu .smenu a:hover, 
body.sub .wrap_leftmenu .leftmenu .smenu.active,
body.sub .wrap_leftmenu .leftmenu .smenu.active a{color:#0070D3;}
.nav{text-align:right; margin-bottom:15px; border-bottom:1px dotted #ddd; padding-bottom:10px;}
.nav li{display:inline-block; margin-left:7px; color:#888;  }
.nav li:before{content:'>'; padding-right:7px; color:#cdcdcd; }
.nav li:first-child:before{content:none; }
.nav li:last-child{color:#4C7FC0; font-weight:500; }
h3.class_tit{color:#333 !important; font-weight:500; font-size:11pt ; margin-bottom:7px; }
.list_class li{line-height:160%;  }
.class_txt{min-height:10px;margin-bottom:25px;font-size:12pt; }
.content{display:inline-block; overflow:hidden; width:100%; }
.class_01{border-top:2px solid #1758C6; border-bottom:1px solid rgba(0, 0 , 0, 0.12); }
.class_01 > li{display:inline-block; font-size:13pt; line-height:35px; vertical-align:top; }
.class_01 > li:nth-child(1){width:20%; color:#333; text-align:center; background-color:#f7f7f7; font-size:10pt; line-height:40px; border-bottom:1px solid rgba(0, 0 , 0, 0.12);}
.class_01 > li:nth-child(2){width:80%; color:#333; text-align:left; background-color:#f7f7f7;  line-height:40px; border-bottom:1px solid rgba(0, 0 , 0, 0.12);}
.class_01 > li:nth-child(3){width:40%; text-align:center; padding:20px 0; }
.class_01 > li:nth-child(4){width:60%; text-align:left; }
.class_img > img{width:235px; height:159px; }
.star_score{font-size:10pt;}
.class_info {margin:10px 0;}
.class_info li{display:inline-block; line-height:30px;  }
.class_info li:nth-child(odd){width:20%; background:url(../images/dot_01.png) left center no-repeat ; padding-left:11px; }
.class_info li:nth-child(even){width:80%; }
/*table*/
.tb_01{width:100%; border-top:1px solid #d7d7d7; }
.tb_01 tr:first-child th, .tb_01 tr:first-child td{border-top:1px solid #d7d7d7;}
.tb_01.txt_cen tr:first-child th, .tb_01.txt_cen tr:first-child td{border-top:0;}
.tb_01.txt_lft{border-top:0; }
.tb_01 th{background-color:#f5f5f5; }
.tb_01 th, .tb_01 td{border-bottom:1px solid #d7d7d7; padding:10px 5px; }
.tb_01 th:last-child, .tb_01 td:last-child{border-right:0; }
.tb_01.txt_lft td{padding-left:10px; }
.tb_01.tb_02 {border-top:2px solid black; }

.tb_011{width:100%; border-top:1px solid #d7d7d7; }
.tb_011 tr:first-child th, .tb_011 tr:first-child td{border-top:1px solid #d7d7d7;}
.tb_011.txt_cen tr:first-child th, .tb_011.txt_cen tr:first-child td{border-top:0;}
.tb_011.txt_lft{border-top:0; }
.tb_011 th{background-color:#f5f5f5; }
.tb_011 th, .tb_011 td{border-bottom:1px solid #d7d7d7; padding:5px 5px; }
.tb_011 th:last-child, .tb_011 td:last-child{border-right:0; }
.tb_011.txt_lft td{padding-left:5px; }
.tb_borer1{border:1px solid #eee}

.wrap_contents > .content{line-height:160%; }
.wrap_contents h3{font-size:14pt; color:#333; margin-bottom:7px; font-weight:500; margin-top:30px; }
.wrap_contents h3:first-child{margin-top:0; }
.wrap_txtbox{margin-top:30px;}
.wrap_txtbox li.tit{line-height:40px; font-weight:500; background-color:#5C8AD7 ; font-size:11pt; color:#fff; padding-left:20px;}
.wrap_txtbox li.txt{border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; padding:20px 20px; line-height:160%;  }
.txt_indent{padding-left:15px; }
h4{color:#0068b7; font-size:11pt; margin-top:20px; margin-bottom:7px; }
h4:first-child{margin-top:0; }
.btn_golink{display:inline-block; padding:0 8px; line-height:20px; font-size:8pt; color:#fff; background-color:#3472BF; border-radius:2px 2px; cursor:pointer; }
.form_tit{width:100%; overflow:hidden; margin-bottom:10px; }
.form_tit:after{display:block; clear:both;}
.form_tit li.lft:first-child{margin-top:10px; }
.form_tit li.lft{float:left; text-align:left; }
.form_tit li.rgt{float:right; text-align:right; color:#333; }
.form_tit input{height:32px; width:200px; }
.form_tit .btn_search{display:inline-block; background-color:#414550; color:#fff; line-height:32px; padding:0 10px; border-radius:2px; cursor:pointer; }
/*pagenum*/
.wrap_pagenum{text-align:center; margin-top:20px; }
.pagenum{display:inline-block; }
.pagenum li{display:inline-block; width:20px; cursor:pointer; margin-right: 10px; font-size:10pt; line-height:30px;  }
.pagenum li.active{color:#333; cursor:default; font-size:13pt; text-decoration: underline; }
.pagenum li.disabled, .pagenum li.disabled a{cursor: not-allowed; color:#aaa; }

/*table*/
.inline{display: inline-block!important; }
.panel{background-color:#fff;  border:0;  margin-bottom:0; }
.panel-default{ border:1px solid #eaeff0; }
table{border-spacing:0; border-collapse:collapse; }
td, th{display:table-cell; }
.table > thead > tr > th{vertical-align:bottom; }
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>thead>tr>th{border:1px solid #eaeff0 !important; }
.panel > .table-bordered, .panel > .table-responsive > .table-bordered{border:0; }
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th, .table-striped>thead>th{background-color:#fafbfc; }
.table-hover > tbody > tr:hover{background-color:rgba(0, 0 , 0, 0.02); }
.table{border-radius:2px 2px 0 0;  width:100%; max-width:100%; }
.table>tbody>tr>td, .table>tbody>tr>th{ padding:8px 5px; border-top:1px solid #eaeff0; line-height:1.42857143; }
.table>tbody>tr>td{vertical-align:top;   }
.table > thead > tr > th{border-bottom:1px solid #eaeff0; }
.table th{background-color:#f6f8f8;  color:#333; padding:10px 15px; }
.table th, .table td{font-size:10pt;}
table.txt_cen  td{text-align:center; }
table.txt_lft  td{text-align:left; }
table.txt_rgt  td{text-align:right; }
/*wrap_paging*/
.wrap_paging{text-align:center;}
.pagination{display:inline-block; padding-left:0; margin:20px 0; border-radius:4px;  white-space:nowrap; }
.pagination > li{display:inline;  padding:0;}
.pagination > li > a {padding:5px 10px; text-decoration:none;  background-color:#fff; border:1px solid  #dee5e7; font-size:9pt;  color:#666; }
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, .pagination > .active > span:focus
{z-index:2; color:#fff; cursor:default; background-color:#3472BF; border-color:#3472BF; }
.pagination > li:first-child > a, .pagination > li:first-child > span{margin-left:0; border-top-left-radius:4px; border-bottom-left-radius:4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span{border-top-right-radius:4px; border-bottom-right-radius:4px; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{cursor: not-allowed; color:#aaa; background-color:#f7f7f7; border-color:#ddd; }
.pagination>li>a:focus, .pagination>li>a:hover{background-color:#edf1f2; border-color:#dee5e7;  color:#3472BF; }


/*dashboard*/
#dashboard{background-color:#EFF3F6; }
#dashboard #header{width:100%; height:45px; position: fixed; top:0; left:0; z-index:3;}
#dashboard .top_menu{background:#4083FF; height:45px; position:relative; }
#dashboard .top_menu div{display:inline-block; line-height:45px; color:#fff; padding:0 10px; cursor:pointer; }
#dashboard .top_menu .lft{position:absolute; top:0; left:20px; font-size:18px; }
#dashboard .top_menu .rgt{position:absolute; top:0; right:20px; }
#dashboard .top_menu .rgt .btn_close{display:inline-block; width:18px; height:18px; background:url(../images/btn_close.png) no-repeat; line-height:45px; cursor:pointer; }
#dashboard .main_container{position:relative; top:0; padding-top: 45px; }
#dashboard .main_content{width:855px; padding:15px 15px;}
/*leftmenu*/
.back_leftmenu + .main_content {margin-left: 205px;}
#dashboard .back_leftmenu{height:100%;}
.back_leftmenu{width:205px; position:fixed; top:45px; left:0px; background-color: #fff; height:100%; border-right:1px solid #d7d7d7;}
.back_leftmenu .txt_welcome{width:205px; height:80px; padding:0 20px; word-break:keep-all; background-color:#414550; color:#fff; font-size:14px; text-align:center; border-bottom:1px solid rgba(255,255,0255,0.1); display:table-cell;  vertical-align: middle;}
.back_leftmenu .txt_welcome span{color:#FFC700;}
.back_leftmenu .txt_welcome span span.dot{display:inline-block; width:7px; height:7px; border-radius:6px; background-color:#FFC700; margin-right:5px; }
#dashboard ul.leftmenu{width:100%; overflow-y:auto;  height: calc(100% - 90px);  background-color:#414550;}
#dashboard ul.leftmenu li{text-align:left; font-size:10pt; color:rgba(255,255,255,0.7);line-height:45px; padding-left:60px; cursor:pointer; filter: alpha(opacity=70); opacity: 0.7;}
#dashboard ul.leftmenu li.icon_home{background:url(../images/lefticon_01.png) 10px center no-repeat; }
#dashboard ul.leftmenu li.icon_notice{background:url(../images/lefticon_02.png) 10px center no-repeat; }
#dashboard ul.leftmenu li.icon_study{background:url(../images/lefticon_03.png) 10px center no-repeat; }
#dashboard ul.leftmenu li.icon_task{background:url(../images/lefticon_04.png) 10px center no-repeat; }
#dashboard ul.leftmenu li.icon_test{background:url(../images/lefticon_05.png) 10px center no-repeat; }
#dashboard ul.leftmenu li.icon_survey{background:url(../images/lefticon_06.png) 10px center no-repeat; }
#dashboard ul.leftmenu li.icon_info{background:url(../images/lefticon_07.png) 10px center no-repeat; }
#dashboard ul.leftmenu li.icon_qna{background:url(../images/lefticon_08.png) 10px center no-repeat; }
#dashboard ul.leftmenu li.icon_link{background:url(../images/lefticon_09.png) 10px center no-repeat; }
#dashboard ul.leftmenu li.icon_pds{background:url(../images/lefticon_10.png) 10px center no-repeat; }
#dashboard ul.leftmenu li.icon_discuss{background:url(../images/lefticon_11.png) 10px center no-repeat; }
#dashboard ul.leftmenu li:hover, 
#dashboard ul.leftmenu li.active{background-color:#576071; color:#fff; filter: alpha(opacity=100); opacity: 1;}
.tit_leftmenu{background-color:#0c4da1; color:#fff; line-height:40px; text-align:center; }
li > .tit_leftmenu{margin:10px 0; }
#dashboard ul.leftmenu li > ul, ul.leftmenu li > ol {margin-left: 10px;}
#dashboard ul.leftmenu li.stit_leftmenu{color:#333; font-weight:400; font-size:10pt; border-bottom:1px dotted #e2e2e2; text-align:left; padding:10px 0; cursor:pointer; }
.btn_red{color:#fff; border:3px solid #d3413b; 	background: #d3413b !important;}
#dashboard ul.leftmenu li.stit_leftmenu:hover{color:#ee5f5a; }
#dashboard ul.leftmenu li.txt_u{background:url(../images/dot_01.png) left center no-repeat; background-size: 3px 3px; padding:7px 7px; }
#dashboard ul.leftmenu li.txt_u:hover{color:#428bca; }
#dashboard ul.leftmenu li.d_statue{text-align:center; margin-bottom:10px;}
#dashboard ul.leftmenu .ico_t{display:inline-block; width:16px; height:16px; background:url(../images/ico_t.png) no-repeat; background-size:16px 16px; margin-left:3px; }
#dashboard ul.leftmenu .ico_check{display:inline-block; width:16px; height:16px; background:url(../images/ico_check.png) no-repeat; background-size:16px 16px; margin-left:3px; }
#dashboard td.txt_lft{padding-left:20px !important; }
.wrap_situation li{display:inline-block; width:calc((100% - 30px) / 4); height:170px; margin:0 10px 10px 0; text-align:center; background-color:rgba(131,181,234, 0.3); border-radius: 4px; border:1px solid rgba(0,0,0,0.05); vertical-align:top;  }
.wrap_situation li:nth-child(4), .wrap_situation li:nth-child(8) {margin-right:0; }
.wrap_situation li .wrap_sbox{width:200px;height:170px;/* padding:0 20px; */text-align:center;display:inline-block;position:relative;top:0;left:0;} /* 20230216 */
.wrap_situation li .wrap_sbox h3{font-size: 15pt;color: #fff;/* position:absolute; *//* top:15px; *//* left:15px; */background: #6495d0;padding: 6px;width: 197px;border-top-left-radius: 4px;border-top-right-radius: 4px;} /* 20230216 */
.wrap_situation li .wrap_sbox .wrap_txt{position:absolute; top: 40px; left:0px; width:100%; text-align:center; padding:0 15px; height:130px; }
.wrap_situation li .wrap_sbox .wrap_txt02{position:absolute;top: 40px;left:0px;width:100%;/* text-align:left; */padding:0 15px;height:130px;/*font-size:13pt;*/color:#FF4642;font-size:10pt;} /* 20230216 */
.wrap_situation li .wrap_sbox .wrap_txt02 span{font-size:10pt; color:#4f4e4e; }
.wrap_situation li .wrap_sbox .wrap_txt03{position:absolute; top: 40px; left:0px; width:100%; /* text-align:left; */ padding:0 15px; height:130px; font-size:22pt; color:#4A90E2; /*font-size:10pt;*/ } /* 20230216 */
.wrap_situation li .wrap_sbox .wrap_txt03 span{font-size:18pt; color:#4A90E2; }
.wrap_situation li .wrap_sbox .wrap_txt04{position:absolute; top: 70px; left:0px; width:100%; text-align:center; padding:0 15px; height:95px; }
.wrap_situation li .wrap_sbox span{font-size:23pt; color:#4A90E2; }
.wrap_situation li .wrap_sbox span.txt_red{font-size:30pt; color:#FF4642; }
.wrap_situation li .wrap_sbox .wrap_dtxt{margin-top:10px; }
.wrap_situation li .wrap_sbox li{background:none; display:inline-block; width:calc((160px / 3) - 5px); height:80px; margin-right:5px; font-size:13pt; color:#4A90E2; display:table-cell; text-align:center; vertical-align:top; border:0; }
.wrap_situation li .wrap_sbox li:last-child{margin-right:0; }
.wrap_situation li .wrap_sbox li span{display:inline-block; margin-bottom:7px; font-size:10pt; color:#333;  }
.wrap_situation.half_box li{height:80px ;}
.wrap_situation.half_box li .wrap_sbox{width:200px; height:80px ; padding:0 20px;  text-align:center;  display:table-cell; vertical-align:middle;  }
.wrap_situation.half_box li .wrap_sbox h3{font-size:10pt; color:#333;  }
.wrap_situation.half_box li .wrap_sbox span{font-size:20pt; color:#4A90E2; }
.wrap_situation.half_box li:nth-child(3){width:407px; margin-right:0; }
.wrap_situation.half_box li:nth-child(3) .wrap_sbox{width:407px; }

.wrap_situation li .wrap_sbox2{width:197px;height:170px;/* padding:0 20px; */text-align:center;display:inline-block;position:relative;top:0;left:0; background-color:#cecece;} /* 20230216 */
.wrap_situation li .wrap_sbox2 h3{font-size: 15pt;color: #fff;/* position:absolute; *//* top:15px; *//* left:15px; */background: #666;padding: 6px;width: 197px;border-top-left-radius: 4px;border-top-right-radius: 4px;} /* 20230216 */
.wrap_situation li .wrap_sbox2 .wrap_txt{position:absolute; top: 40px; left:0px; width:100%; text-align:center; padding:0 15px; height:130px; }
.wrap_situation li .wrap_sbox2 .wrap_txt02{position:absolute;top: 40px;left:0px;width:100%;/* text-align:left; */padding:0 15px;height:130px;/*font-size:13pt;*/color:#FF4642;font-size:10pt;} /* 20230216 */
.wrap_situation li .wrap_sbox2 .wrap_txt02 span{font-size:10pt; color:#4f4e4e; }
.wrap_situation li .wrap_sbox2 .wrap_txt03{position:absolute; top: 40px; left:0px; width:100%; /* text-align:left; */ padding:0 15px; height:130px; font-size:22pt; color:#4A90E2; /*font-size:10pt;*/ } /* 20230216 */
.wrap_situation li .wrap_sbox2 .wrap_txt03 span{font-size:18pt; color:#4A90E2; }
.wrap_situation li .wrap_sbox2 .wrap_txt04{position:absolute; top: 70px; left:0px; width:100%; text-align:center; padding:0 15px; height:95px; }
.wrap_situation li .wrap_sbox2 span{font-size:23pt; color:black; }
.wrap_situation li .wrap_sbox2 span.txt_red{font-size:30pt; color:#FF4642; }
.wrap_situation li .wrap_sbox2 .wrap_dtxt{margin-top:10px; }
.wrap_situation li .wrap_sbox2 li{background:none; display:inline-block; width:calc((160px / 3) - 5px); height:80px; margin-right:5px; font-size:13pt; color:#4A90E2; display:table-cell; text-align:center; vertical-align:top; border:0; }
.wrap_situation li .wrap_sbox2 li:last-child{margin-right:0; }
.wrap_situation li .wrap_sbox2 li span{display:inline-block; margin-bottom:7px; font-size:10pt; color:#333;  }

h2.tit_class{font-size:13pt; background-color:#fff; border:1px solid rgba(195, 195, 195, 0.5); padding-left:20px; line-height:40px; color:#333; margin:10px 0;  border-radius:4px;}
h2.tit_class span{font-size:13pt; color:#4A90E2; }

.dash_header{border-bottom:1px solid #ddd; text-align:right; padding-bottom:7px; line-height:45px; }
.dash_header span{font-weight:500; padding-right:5px; color:#333; }
.dash_header select{min-width:200px; }
.not_pass{background-color:rgba(255, 70, 66, 0.2) !important; }
.not_pass span{font-size:13pt; color:#FF4642 !important;}
.not_pass div.wrap_sbox h3{background: #db5e61; color: #fff;} /* 20230216 */
.wrap_boards > li:last-child{margin-right:0; }
.wrap_boards > li .wrap_board{border:1px solid rgba(195, 195, 195, 0.5); border-radius: 4px; background-color:#fff; }
.wrap_boards .main_tit{line-height:40px; height:40px; border-bottom:0 !important; }
.wrap_boards .main_tit .tit{color:#333; }
.wrap_boards .board{margin-top:0; margin-bottom:10px; height:48px; vertical-align:top; overflow-y:auto;}
.wrap_boards .notice li span.subject{width:280px; font-size:10pt; }

.wrap_classinfo{margin-bottom:10px; }
.wrap_classinfo li {display:inline-block; width:calc((100% - 10px ) /2 ); margin-right:10px; height:105px; border:1px solid rgba(195, 195, 195, 0.5); vertical-align:top; border-radius:4px; background-color:#fff;  }
.wrap_classinfo li:last-child{margin-right:0; }
.wrap_classinfo .tit{color:#333; font-size:11pt; padding-left:10px; background:url(../images/dot_01.png) left center no-repeat; }
.wrap_classinfo .txt{color:#999; font-size:11pt; padding-left:10px; line-height:25px; }
.wrap_classinfo .btn_study{display:inline-block; width:80px; line-height:80px; background-color:#4083FF; color:#fff; text-align:center; border-radius:4px; cursor:pointer;   }

.wrap_classinfo01{position:relative; padding:10px 10px; border:0; }
.wrap_classinfo01 .wrap_graph{position:relative; }
.wrap_classinfo01 .wrap_graph:after{display:block; clear:both; }
.wrap_classinfo01 .wrap_graph {position:absolute; top:10px; left:20px; }

.wrap_classinfo01 .graph{margin-left:10px; }
.wrap_classinfo01 div.b_graph{display:inline-block; width:320px; height:10px; background-color:#e7e7e7; border-radius:10px; line-height:10px;  }
.wrap_classinfo01 span.txt{display:inline-block; padding-left:5px; color:#333; font-size:10pt; }
.wrap_classinfo01 span.b_graph span{display:inline-block; height:10px; border-radius:10px;  line-height:10px;  }
.bgraph_01{background-color:#E77271;}
.bgraph_02{background-color:#FFB840;}
.bgraph_03{background-color:#7884CD;}

.wrap_classinfo02{position:relative; padding:10px 10px; }
.wrap_classinfo02:after{display:block; clear:both; }
.wrap_classinfo02 .lft{position:absolute; top:10px; left:20px; }
.wrap_classinfo02 .rgt{position:absolute; top:10px; right:20px; }
.d_row{display:block; background-color:#fff; }
.qnaTopText{display:block; background-color:#fff; border-radius:5px; line-height:26px; text-align:center;}
i.fa{font-size:12pt; }
.txtarea{min-height:200px; vertical-align:top; overflow-y:auto; }
.txtarea img {max-width:740px;}
.txtarea.write{min-height:200px; vertical-align:top; border:1px solid #ddd; padding:10px 10px; }

.wrap_btns{display:block; position:relative; margin-top:15px; height:45px; }
.wrap_btns .rgt{position:absolute; top:0; right:0; line-height:40px; }
.wrap_btns .rgt span{margin-left:5px; }
.wrap_btns .btn{display:inline-block; line-height:40px; padding:0 25px; background-color:#414550; border-radius:5px; color:#fff; cursor:pointer; border:0;  }
.wrap_btns .btn_list, .wrap_btns .btn_02{background-color:#4083FF; }
.wrap_btns .btn_01{background-color:#E77271; }
.wrap_btns .center {text-align:center;}
.wrap_btns .center span {margin-right:6px;}
.mgr50{margin-right:50px;}

td .btn{display:inline-block; padding:0 7px; line-height:32px; border-radius:4px; background-color:#414550; color:#fff; font-size:9pt; }
td .btn_study, td .btn_01{background-color:#E77271;}
td .btn_02{background-color:#4083FF; }
td .btn_03{background-color:#74AAC2; }
td .btn_04{background-color:#fff; border:1px solid #ccc; color:#4f4e4e !important; line-height:31px;}

td .graph{margin-left:10px; width:150px; }
td .graph div.b_graph{display:inline-block; width:100px; height:20px; background-color:#e7e7e7; border-radius:10px; line-height:10px; text-align:left;  }
td .graph span.txt{display:inline-block; padding-left:5px; color:#333; font-size:10pt; }
td .graph span.b_graph span{display:inline-block; height:10px; border-radius:10px;  line-height:10px; }
table.txt_lft th{padding-left:20px; }

h3.class_tit02{color:#333; font-size:13pt; position:relative; top:0; left:0;  margin-top:20px; line-height:28px; }
div.class_tit02{color:#333; font-size:13pt; position:relative; top:0; left:0;  margin-top:20px; line-height:28px; }
div.class_tit02 .rgt{position:absolute; top:0; right:0; text-align:right; }
div.class_tit02 .rgt .btn{display:inline-block; padding:0 10px; line-height:28px; border-radius:2px; background-color:#666; color:#fff; border:0; font-size:9pt; }
div.class_tit02 .rgt .btn_01{background-color:#4083FF;}
h3.class_tit02 .rgt{position:absolute; top:0; right:0; text-align:right; }
h3.class_tit02 .rgt .btn{display:inline-block; padding:0 10px; line-height:28px; border-radius:2px; background-color:#666; color:#fff; border:0; font-size:9pt; }
h3.class_tit02 .rgt .btn_01{background-color:#4083FF;}
h3.class_tit02 span{font-size:10pt;  }
.tit_txt{line-height:160%; margin-top:20px; color:#333;}
.wrap_value{border:1px solid #ddd; padding:15px 15px; margin-top:7px; border-radius:6px; background-color:#fff; }
.wrap_value .wrap_line{margin-bottom:5px; border-bottom:1px dotted #d7d7d7; padding-bottom:6px;}
.wrap_value .wrap_line:last-child{margin-bottom:0; border-bottom:0; padding-bottom:0;}
.wrap_value ul li{display:inline-block; margin-right:10px; vertical-align:top;  }
.wrap_value ul li:nth-child(1){color:#333; }
.wrap_value ul li:nth-child(1):after{content:' : '}
.wrap_value ul li:nth-child(2){color:#4A90E2; text-overflow:ellipsis; max-width:450px; }
.wrap_value ul li:nth-child(3){color:#FFB840}
.wrap_value ul li:nth-child(5) span{background-color:#7884CD; color:#fff; line-height:20px !important; padding:0 7px; font-size:8pt; border:0; }
.wrap_value ul li:nth-child(5) span.btn_del{background-color:#E77271;}
label{font-weight:normal; margin-right:15px; line-height:20px; margin-bottom:0; }
label .lbl{margin-left:5px; line-height:20px; }
label input[type="radio"]{margin:0; }
.wrap_file{position:relative; top:0; left:0; }
.file_input_textbox{display:inline-block; width:200px; height:30px; line-height:30px;  margin:0; padding:0; }
.file_input_div{position:absolute; top:0; left:205px;  display:inline-block; width:80px; height: 30px; line-height: 30px; border:0; }
.file_input_button{position:absolute; top:0; left:0;  display:inline-block; background-color: #414550; color: #fff; border:0; padding:0 15px; text-align:center; }
.file_input_hidden{ font-size: 45px; position: absolute; right: 0px; top: 0px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; }
input.w_100{width:100%; }
td textarea{width:100%;line-height:normal;}
/*pop*/
#pop .popsize_small{width:450px;}
#pop .popsize_mid{width:900px;}
#pop .popsize_big{width:1200px;}
#pop .tit{font-size:11pt; color:#333; }
#pop .tit i{font-size:10pt; margin-right:5px; }
#pop .txtarea_view{border:1px solid rgba(0, 0 , 0, 0.1); padding:15px 15px; border-radius: 4px; }
#pop #header{width:100%; height:45px; }

#pop .top_menu{background:#414550; height:45px; position:relative; }
#pop .top_menu div{display:inline-block; line-height:45px; color:#fff; padding:0 10px; cursor:pointer; }
#pop .top_menu .lft{position:absolute; top:0; left:10px; font-size:18px; }
#pop .top_menu .rgt{position:absolute; top:0; right:10px; }
#pop .top_menu .rgt .btn_close{display:inline-block; width:18px; height:18px; background:url(../images/btn_close.png) no-repeat; line-height:45px; cursor:pointer; }
#pop td .txtarea,  #pop td textarea{width:100%; min-height:50px; padding:10px 10px; vertical-align:top}
#pop .pop_container{position:absolute; top:45px; left:0; width:100%; }
#pop .bottom{position:absolute; bottom:0px; left:0; width:100%; }
.pop_container{padding:15px 15px;  }
.wrap_testtit{position:relative; margin-bottom:10px; height:50px;  }
.wrap_testtit li{display:inline-block;  vertical-align:bottom; }
.wrap_testtit .lft{position:absolute; bottom:0; left:0;  font-size:10pt; }
.wrap_testtit .rgt{position:absolute; top:0; right:0; }
.wrap_testtit .rgt .txt{line-height:50px; text-align:right;  padding:0 20px;   border-radius:10px; color:#fff; background-color:#FF585B;}
.wrap_testtit .rgt .txt.score{background-color:#4083FF;}
.wrap_testtit .rgt .txt span{display:inline-block; margin-left:7px; font-size:15pt; font-weight:500; }
.wrap_explain{width:100%;  border-bottom:1px solid #ddd;  display:table; }
.wrap_explain li{display:inline-block; line-height:40px; }
.wrap_explain li.th{width:20%; text-align:center; background-color:#f7f7f7; color:#333;  border-left:1px solid #ddd; border-right:1px solid #ddd;   display:table-cell;}
.wrap_explain li.th:first-child{border-left:0; }
.wrap_explain li.td{text-align:left; background-color:#fff; color:#666; display:table-cell; }
.td_link{background-color:rgba(0,0,0, 0.03);  text-align:left !important;  padding-left:70px !important; }
.wrap_explain.type_01 li.th{width:20%; }
.wrap_explain.type_01 li.td{width:13.3%;  text-align:center; padding:0 10px;  display:table-cell; }
.wrap_explain.type_02 li.td{width:30%;  text-align:left; padding:0 10px;  display:table-cell; }
.wrap_explain.type_03 li.td{width:80%; text-align:left; padding:0 10px;  display:table-cell; }
li .txtarea{line-height:160%; min-height: 40px; }
.wrap_surveytit{position:relative; margin-bottom:10px; height:30px;  }
.wrap_surveytit li{display:inline-block;  vertical-align:bottom; }
.wrap_surveytit .lft{position:absolute; bottom:0; left:0;  font-size:10pt; }
.wrap_surveytit .rgt{position:absolute; top:0; right:0; }
.wrap_surveytit .rgt .txt{line-height:30px; text-align:right; border-radius:10px; }
.wrap_surveytit .rgt .txt span{display:inline-block; margin-left:7px; font-size:11pt; color:#333;}
label .lbl{margin-right:7px; }
i.fa-star{color:#FFB840;}
.class_nav{color:#239deb !important; font-size:9pt; }
.class_tit a{color:#333; }
.class_table{text-align: left; line-height:170%; font-size:9pt; }
.li02{color:#333; }
h3.tit span{font-size:9pt; color:#666; font-weight:400; }
.wrap_course > li{display:inline-block; vertical-align: top; }
.wrap_course > li.lft{width:331px; margin-right:15px; }
.wrap_course > li.rgt{width:494px; }
.wrap_calendar{width:100%; height:244px;  }
.wrap_scif{width:330px; height:244px; border:1px solid rgba(0, 0 , 0, 0.1); border-radius:4px; overflow: hidden; margin:0; padding:0; }
.wrap_calendar .yymm{width:100%; line-height:35px; text-align:center; }
.tb_calendar td{border-right:1px solid #eaedef; border-bottom:1px solid #eaedef; padding:0 !important; height:33px; line-height:33px !important; }
.tb_calendar tr:last-child td{border-bottom:0; }
.tb_calendar th{background-color:#fff; padding:0 !important; height:30px; line-height:30px !important; border-top:1px solid #eaedef !important; border-bottom:1px solid #eaedef !important; border-right:1px solid #eaedef !important; }
.tb_calendar th, .tb_calendar td{width:calc(328px / 7) ; }
.tb_calendar th:last-child, .tb_calendar td:last-child{border-right:0 !important; }

.txt_today{display:inline-block; width:47px; line-height:33px; background-color:#ffffd9; color:#333; }
.wrap_situation02 > li{display:inline-block ; width: 158px; margin-right:10px; font-size:13pt; background-color: rgba(131,181,234, 0.3); border:1px solid rgba(0,0,0,0.05); border-radius: 4px;  }
.wrap_situation02 > li:last-child{margin-right:0; }
.wrap_situation02 > li .wrap_sbox{color:#4A90E2; width: 158px; height:90px; text-align:center;  display:table-cell; vertical-align:middle; }
.wrap_situation02 > li .wrap_sbox h3{font-size:13pt; color:#333; font-weight:400; margin-bottom:10px;  }
.wrap_situation02 > li .wrap_sbox span{font-size:30pt; color:#4A90E2; }
.wrap_situation02 > li .wrap_sbox span.txt_red{font-size:30pt; color:#FF4642; }
.wrap_situation02 > li .wrap_sbox .wrap_dtxt{margin-top:10px; }
.wrap_situation02, .wrap_situation03{margin:0; }
.wrap_situation03 > li{display:inline-block ; margin-right:5px; font-size:13pt; background-color: rgba(131,181,234, 0.3); border:1px solid rgba(0,0,0,0.05); border-radius: 4px; vertical-align:top;   }
.wrap_situation03 > li:nth-child(1){width:326px; margin-right:10px; }
.wrap_situation03 > li:nth-child(2){width:158px; margin:0; padding:0; border:0;  text-align:center; background:none;}
.wrap_situation03 .btn{display:inline-block; width:158px; line-height:81px; text-align:center; background-color:#4083FF; color:#fff; margin:0; padding:0; border-radius:4px; font-size:11pt;}
.wrap_situation03 > li .wrap_sbox h3{font-size:13pt; color:#333; font-weight:400; margin-bottom:3px;  }
.wrap_situation03 > li .wrap_sbox{padding:10px 15px; height:81px; }
.wrap_situation03 > li .wrap_sbox div{display:inline-block; margin-right:10px; font-size:10pt; }
.wrap_situation03 > li .wrap_sbox span{font-size:11pt; color:#FF585B; }
.wrap_sbox .diinlin{display:inline-block;width:30px;}
.wrap_situation04{margin-top:10px; }
.wrap_situation04 > li{display:inline-block; width:242px; margin-bottom:10px; border:1px solid #ddd; border-radius: 4px; }
.wrap_situation04 li:first-child{margin-right:10px; }
.wrap_situation04 .wrap_board .main_tit{height:40px; line-height:40px; border-bottom:0; }
.wrap_situation04 .wrap_board .main_tit .tit{font-size:16px;  margin-left:18px; color:#333;}
.wrap_situation04 .wrap_board .main_tit .more{margin-right:18px; }
.wrap_situation04 .board{width:224px; height:48px; margin-top:0; margin-bottom:10px;  }
.wrap_situation04 li span.subject{width:200px !important; height:24px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; }
.warp_line01 .lft .wrap_board{border:1px solid #ddd; border-radius: 4px; margin-top:10px;  }
.warp_line01 .lft .wrap_board .main_tit{height:40px; line-height:40px; border-bottom:0; }
.warp_line01 .lft .wrap_board .main_tit .tit{font-size:16px;  margin-left:18px; color:#333;}
.warp_line01 .lft .wrap_board .board{margin-top:0; }
.warp_line01 .lft .wrap_board .board .subject{width:285px; }
.warp_line01 .lft .wrap_board .wrap_todo{overflow-y:scroll; height:57px;}

.warp_line02{margin:15px 0; }
.wrap_classinfo03{position:relative; border:0; display:table-cell; vertical-align: top; border-radius: 4px 4px; margin-bottom:20px; }
.wrap_classinfo03 .wrap_graph{position:relative; }
.wrap_classinfo03 .wrap_graph:after{display:block; clear:both; }
.wrap_classinfo03 .wrap_graph {position:absolute; top:10px; left:20px; }

.wrap_classinfo03 .graph{display:inline; margin-left:0px; }
.wrap_classinfo03 .graph span.tit{display:block; color:#333; text-align:left;  }
.wrap_classinfo03 div.b_graph{display:inline-block; width:190px; height:10px; background-color:#e7e7e7; border-radius:10px; line-height:10px;  }
.wrap_classinfo03 span.txt{display:inline-block; padding-left:5px; color:#333; font-size:9pt; }
.wrap_classinfo03 span.b_graph span{display:inline-block; height:10px; border-radius:10px;  line-height:10px;  }
.wrap_classinfo03 h4.tit{font-size:11pt; color:#fff; padding:0; background-color:#549EE3; line-height:40px; padding-left:20px; border-radius: 4px 4px 0 0 ; margin:0; }
.wrap_classinfo03 h4.tit04{font-size:11pt; color:#fff; padding:0; background-color:#549EE3; line-height:60px; padding-left:20px; border-radius: 4px 4px 0 0 ; margin:0; }
.wrap_classinfo03 h4 .btn_study{float:right !important; margin-right:10px;}
.wrap_classinfo03 h4.tit02{font-size:11pt; color:#fff; padding:0; background-color:#f0ad4e; line-height:60px; padding-left:20px; border-radius: 4px 4px 0 0 ; margin:0;}
.wrap_classinfo03 h4.tit03{font-size:16px; color:#666; padding:0; line-height:160%; color:#333; margin:0; width:240px; height:50px; overflow:hidden; text-align:center; display:table-cell; vertical-align:middle; word-break : keep-all; }
.wrap_classinfo03 .wrap_rebox{padding:10px 15px; height:200px; }
.wrap_classinfo03 .date{margin:7px 0; padding:0; border:1px solid rgba(0, 0 , 0, 0.1); color:#666; text-align:center; border-radius:30px; background-color:#fff;  }
.wrap_result{width:100%; margin-bottom:15px; }
.wrap_result li{display:inline-block; width:270px; margin-right:10px; background-color:#f7f7f7; border-radius: 4px 4px; }
.wrap_result li:last-child{margin-right: 0; }
.wrap_classinfo03 .btn{background-color:#414550; border-radius: 4px; }
.wrap_classinfo03 .btn_01{background-color:#4083FF;}
.wrap_classinfo03 .btn_02{background-color:#E77271;}
.wrap_classinfo03 .wrap_btn{margin-top:10px; text-align:center; }
.wrap_graph02{height:135px; } 
.course_tb .txt_lft span{font-size:11pt; color:#666;}
.course_tb .txt_lft .tit, .course_tb .txt_lft .tit a{color:#4f4e4e; font-size:14px; }
.course_tb .state{font-weight:500; color:#333;  }

.wrap_state{width:660px; margin:15px auto; text-align: center; }
.wrap_state li{display:inline-block; margin-right:15px; width:120px; height:120px; background-color:#7884CD; border-radius: 100%; }
.wrap_state li:last-child{margin-right:0; }
.wrap_state li div{ display: flex; justify-content: center; align-items: center; flex-direction: column; width: 120px; height: 120px; color: #fff; text-align: center; font-size: 11pt;}
.wrap_state li span{display:block; color:#fff; text-align:center; font-size:25pt; height:25px; line-height:25px; margin-top:7px;   }
.wrap_state li span.tit{display:block;font-size:11pt; text-align:center;}
.wrap_state li:nth-child(1){background-color:#375983; }
.wrap_state li:nth-child(2){background-color:#4C7FC0; }
.wrap_state li:nth-child(3){background-color:#549EE3; }
.wrap_state li:nth-child(4){background-color:#50BAE2; }
.wrap_state li:nth-child(5){background-color:#54D5C4; }
.wrap_state li:nth-child(6){background-color:#B1CF4A; }
.box_noti{border:1px solid rgba(0, 0 , 0, 0.1); background-color:rgba(0, 84, 164, 0.1); margin-bottom:15px; border-radius:4px; padding:15px 25px;}
.box_noti h3.tit{color:#333; font-weight:500; font-size:13pt; margin-top:5px; }
.box_noti .txt li{display:inline-block; width:50%; text-align:left; line-height:24px; color:rgba(0, 84, 164, 0.8); }
.box_sitemap li{width:200px; margin-right:10px; display:inline-block; vertical-align:top;  }
.box_sitemap li:last-child{margin-right:0;}
.box_sitemap .tit{line-height:40px; font-size:11pt; background-color:#0054a4; color:#fff; text-align:center;}
.wrap_sitemap li{display:block; width:100%; line-height:40px; padding-left:15px; color:#333; border-bottom:1px dotted rgba(0, 0 , 0, 0.1); cursor:pointer;  }
.wrap_sitemap li , .wrap_sitemap li a{color:#888;}
.wrap_sitemap li:hover, .wrap_sitemap li a:hover{color:#0068b7}
.tr_fixed td{background-color:rgba(135, 187 , 235, 0.2); }

.wrap_tab li{display:inline-block; margin-right:3px; border-radius: 4px 4px 0 0; margin-top:10px;}
.wrap_tab li a{color:#fff; padding:0 30px; line-height:40px; font-size:13px;  }

.wrap_tabline{border-bottom:1px solid rgba(29, 91, 195, 0.5); margin-top:40px; margin-bottom:20px;}
.wrap_tab02 li{display:inline-block; margin-right:3px; border-radius: 4px 4px 0 0; font-size:13px; font-weight:400; color:#fff; padding:0 30px; line-height:40px; font-size:13px; background-color:#1d5bc3; border-left:1px solid #1d5bc3; border-top:1px solid #1d5bc3;border-right:1px solid #1d5bc3; cursor:pointer; }
.wrap_tab02 li.on{color:#1d5bc3; background-color:#fff; font-weight:500; }

.wrap_tab03 li{display:inline-block; margin-right:5px; font-weight:400; color:#999; padding:0 30px; line-height:40px; font-size:15px; background-color:rgba(0, 0 , 0, 0.05); border-top:1px solid rgba(0, 0 , 0, 0.1); border-left:1px solid rgba(0, 0 , 0, 0.1); border-right:1px solid rgba(0, 0 , 0, 0.1); }
.wrap_tab03 li.active{color:#2B83E4; background-color:#fff; font-weight:500; border-top:1px solid #2B83E4; border-left:1px solid #2B83E4; border-right:1px solid #2B83E4; }


.box_span{display:block}
.box_q{font-size:10pt; color:#333; border:1px solid rgba(0, 0 , 0, 0.1); background-color:#f7f7f7; padding-left:20px; line-height:40px; }
.box_q i{font-size:10pt; color:rgba(29, 91, 195, 1) ; margin-right:5px;  }
.box_qna{border-left:1px solid rgba(0, 0 , 0, 0.1); border-right:1px solid rgba(0, 0 , 0, 0.1); border-bottom:1px solid rgba(0, 0 , 0, 0.1); padding:12px 12px; color:#333; line-height:160%; font-size:10pt; }
.img_guide{width:100%; min-height:150px; margin-top:10px; margin-left:20px; margin-bottom:20px; }
input.w_100{width:100%; }
.list_txt li{padding-left:10px; background:url(../images/dot_01.png) left 12px no-repeat; line-height:25px;  }
.list_txt li span{display:inline-block; color:#333; margin-right:5px; }
.list_txt02 li span{padding-left:10px; background:url(../images/dot_01.png) left center no-repeat; line-height:25px; }
.list_txt02 .txt_indent{padding-left:8px; }
.list_txt03 li{list-style-type:decimal;line-height:25px;padding-bottom:10px;}
.list_txt03 .txt_black{color:#888888;}
.list_txt03 .btn_more{border:1px solid #1d5bc3;padding:0px 5px;text-align:center;margin-left:10px;color:#fff;background-color:#666666;}

.tab_join{width:100%;}
.tab_join li{display:inline-block; }
.tab_join li, .tab_join li a{width:calc((100% / 3) - 10px); margin-right:10px; line-height:50px; background-color:#1d5bc3; color:#fff; text-align:center; font-size:11pt;  }
.tab_join li.active, .tab_join li.active a{border:1px solid #1d5bc3; color:#1d5bc3; background-color:#fff; }
.tab_join li:last-child , .tab_join li:last-child a{margin-right:0; }
.box_txt{border:1px solid rgba(0, 0, 0, 0.1); ;background-color: rgba(0, 0, 0, 0.05); border-radius: 4px; padding:20px 20px; color:#333; line-height:160%; font-size:10pt; text-align:left;}

/*주제토론*/
.distable {display:block; background-color:#fff; border-radius:7px; border: 1px solid rgba(195, 195, 195, 0.5); padding:20px 30px;}
.distable .disDate {padding-bottom:10px;}
.distable .distitle {background:#4083FF; color:white; border-radius:4px; width:92px; line-height:27px; text-align:center; margin-right:20px; float:left; margin-bottom: 76px;}
.distable .disIns {font-size:15px; font-weight:600;}
.disMyIns {margin:47px 0 10px 0; width:94%; display:inline-block;}
.replytitle {color:#000;}
.disDec a:hover {text-decoration:none;}
.ft_size19 {font-size:19px;}
.replyTop {text-align:start; margin-bottom:30px; color:#767676; font-size:13px;}
.replyTop .replyToplft {width:65%; display:inline-block;}
.replyTop .replyToprgt {width:34%; display:inline-block; text-align:end;}
.replyTop .replyToprgt span {margin-right:20px;}
.replyTop .replyToprgt span:last-child {margin-right:0px;}


/*
*
*
*/

/* Shared for all accordion types */
.accordion {
    margin:0;
    font-size:14px;
    border:0;
    background:#fff;
}
.accordion ul {
    list-style:none;
    margin:0;
    padding:0;    
}
.accordion li {
    margin:0;
    padding:0;
}
.accordion [type=radio], .accordion [type=checkbox] {
    display:none;
}
.accordion label {
    display:block;
    font-size:10pt; color:#333; 
    cursor:pointer;
	margin-right:0;
	margin-bottom:0; padding:0;
}
.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label {
    color:#333;
}
.accordion .w_content {
    padding:0 10px;
	overflow:hidden;
	margin-bottom:10px; 
}

/* Vertical */
.vertical ul li {
    overflow:hidden;
    margin:0;
}
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label {
    border-bottom:0;
}

.vertical ul li .w_content {
    height:0px;
    border-top:0;
}
.vertical [type=radio]:checked ~ label ~ .w_content, .vertical [type=checkbox]:checked ~ label ~ .w_content {
    height:100%; 
	border-left:1px solid rgba(0, 0 , 0, 0.1); border-right:1px solid rgba(0, 0 , 0, 0.1); border-bottom:1px solid rgba(0, 0 , 0, 0.1); padding:12px 12px; color:#333; line-height:160%; font-size:10pt;
}
.wrap_agree{border:1px solid rgba(0, 0 , 0, 0.12); padding:20px 20px; height:220px; overflow-y:scroll; }
.wrap_agree.box_help{height:770px;}
.wrap_agree2{border:3px solid rgba(0, 0 , 0, 0.05); padding:20px 20px; height:200px;margin-bottom:20px;background-color:#ecedf3}
.wrap_agree2.box_help{height:770px;}
.txt_help{margin-left:10px;}
.wrap_howto{margin-top:30px;}
.wrap_howto li{width:calc(50% - 5px); padding:15px 15px; display:inline-block; border:1px solid rgba(0, 0 , 0, 0.12); font-size:11pt; color:#333; margin-bottom:15px; text-align:center; border-radius: 4px; }
.wrap_howto li:nth-child(1), .wrap_howto li:nth-child(3){margin-right:10px; }
.box_img{display:inline-block; width:385px; min-height:150px; margin-top:10px; position:relative; }
.wrap_howto li:nth-child(1) .box_img{background:#f7f7f7 url(../images/support_icon01.png) center 15px no-repeat;}
.wrap_howto li:nth-child(2) .box_img{background:#f7f7f7 url(../images/support_icon02.png) center 10px no-repeat;}
.wrap_howto li:nth-child(3) .box_img{background:#f7f7f7 url(../images/support_icon03.png) center 20px no-repeat;}
.wrap_howto li:nth-child(4) .box_img{background:#f7f7f7 url(../images/support_icon04.png) center 20px no-repeat;}

.wrap_howto2{margin-top:30px;}
.wrap_howto2 li{width:calc(50% - 5px); padding:15px 15px; display:inline-block; border:1px solid rgba(0, 0 , 0, 0.12); font-size:11pt; color:#333; margin-bottom:15px; text-align:center; border-radius: 4px; }
.wrap_howto2 li:nth-child(1), .wrap_howto li:nth-child(3){margin-right:10px; }
.wrap_howto2 li:nth-child(1) .box_img{background:#f7f7f7 url(../images/consult_kakao01.jpg) center 15px no-repeat;}
.wrap_howto2 li:nth-child(2) .box_img{background:#f7f7f7 url(../images/consult_kakao02.jpg) center 10px no-repeat;}
.wrap_howto2 li:nth-child(3) .box_img{background:#f7f7f7 url(../images/consult_kakao03.jpg) center 20px no-repeat;}
.wrap_howto2 li:nth-child(4) .box_img{background:#f7f7f7 url(../images/consult_kakao04.jpg) center 20px no-repeat;}
.wrap_howto2 li:nth-child(4){margin-left:10px;}

.box_img span.txt{display:inline-block; width:100%; position:absolute; left:0; bottom:15px; text-align:center; font-size:10pt; color:#333; }
.box_findid h3.tit{margin-left:120px; }
.wrap_findid{width:600px; margin:0 auto; padding:20px 20px; background-color:rgba(0, 0 , 0, 0.02); border:1px solid rgba(0, 0 , 0, 0.12); border-radius:4px;}
.wrap_findid ul{margin-left:50px; }
.wrap_findid li{line-height:40px;}
.wrap_findid li span.tit{display:inline-block; width:80px; color:#333; }
.wrap_findid li .txt{line-height:25px !important; margin-bottom:10px;  }
.btn_ok{display:inline-block; background-color:#3472BF; color:#fff; line-height:40px; width:150px; text-align:center; border-radius:100px; cursor:pointer; }
.result_join{margin:60px 0; text-align:center; font-size:13pt; line-height:160%; }
span.info_img{position:absolute; top:-20000px; left:-20000px; font-size:0 !important; line-height:0 !important;}
.wrap_eduinfo{margin-top:20px; }
.wrap_eduinfo h3.tit{font-weight:400; font-size:21px; background:url(/images/dot_tit.jpg) no-repeat; padding-left:23px; }
.wrap_eduinfo .tit span{font-size:21px;font-weight:700; }
.intro_eduinfo h3.tit{font-size:16pt; width:75%; float:left;}
.intro_eduinfo h3.tit span{font-weight:700; }
.intro_eduinfo .txt{font-size:11pt; }
.wrap_eduinfo .mgt_20{font-size:13px; line-height:170%; }
.wrap_eduinfo02{display:table ; margin-top:20px; }
.wrap_eduinfo02 li{display:inline-block; width:calc(25% - 10px); height:60px; margin-right:10px;  border-radius:4px; text-align:center; position: relative;}
.wrap_eduinfo02 li:last-child{margin-right:0; }
.wrap_eduinfo02 li div{display:table-cell; text-align:center; vertical-align:middle; line-height:130%; color:#fff;  height:60px; width:189px !important;}
.wrap_eduinfo02 li:nth-child(4), .wrap_eduinfo02 li:nth-child(8){margin-right:0; }
.wrap_eduinfo02 li:nth-child(1){background-color:rgba(55,89,131,1);}
.wrap_eduinfo02 li:nth-child(1):after{border-color: transparent   transparent transparent rgba(55,89,131,1) ; content: "\00a0"; display: block; position: absolute; top: 15px; right: -30px; width: 0; height: 0; border-width: 15px 15px; border-style: solid; }
.wrap_eduinfo02 li:nth-child(2){background-color:rgba(55,89,131,0.95);}
.wrap_eduinfo02 li:nth-child(2):after{border-color: transparent   transparent transparent rgba(55,89,131,0.95) ; content: "\00a0"; display: block; position: absolute; top: 15px; right: -30px; width: 0; height: 0; border-width: 15px 15px; border-style: solid; }
.wrap_eduinfo02 li:nth-child(3){background-color:rgba(55,89,131,0.9);}
.wrap_eduinfo02 li:nth-child(3):after{border-color: transparent   transparent transparent rgba(55,89,131,0.9) ; content: "\00a0"; display: block; position: absolute; top: 15px; right: -30px; width: 0; height: 0; border-width: 15px 15px; border-style: solid; }
.wrap_eduinfo02 li:nth-child(4){background-color:rgba(55,89,131,0.85);}
.wrap_eduinfo02 li:nth-child(4):after{border-color: rgba(55,89,131,0.85) transparent transparent; content: "\00a0"; display: block; position: absolute; bottom: -30px; left: 80px; width: 0; height: 0; border-width: 15px 15px; border-style: solid; }
.wrap_eduinfo02 li:nth-child(5){background-color:rgba(55,89,131,0.65);}
.wrap_eduinfo02 li:nth-child(6){background-color:rgba(55,89,131,0.7);}
.wrap_eduinfo02 li:nth-child(6):after{border-color: transparent rgba(55,89,131,0.7) transparent transparent;content: "\00a0"; display: block; position: absolute; top: 15px; left: -30px; width: 0; height: 0; border-width: 15px 15px; border-style: solid; }
.wrap_eduinfo02 li:nth-child(7){background-color:rgba(55,89,131,0.75);}
.wrap_eduinfo02 li:nth-child(7):after{border-color: transparent rgba(55,89,131,0.75) transparent transparent;content: "\00a0"; display: block; position: absolute; top: 15px; left: -30px; width: 0; height: 0; border-width: 15px 15px; border-style: solid; }
.wrap_eduinfo02 li:nth-child(8){background-color:rgba(55,89,131,0.8);}
.wrap_eduinfo02 li:nth-child(8):after{border-color: transparent rgba(55,89,131,0.8) transparent transparent;content: "\00a0"; display: block; position: absolute; top: 15px; left: -30px; width: 0; height: 0; border-width: 15px 15px; border-style: solid; }
.main_txt{width:351px; height:73px; }
.mainbannerimg1 {top:135px !important; left:118px !important; z-index:1; text-align:left;}
.sortlabel {font-size:13pt; color:#333; text-decoration:none;}
.sortlabel a:hover {color:#333;text-decoration:none;}
.sortlabel span {margin-right:4px;}
.sortlabel label {margin-right:6px; cursor:pointer;}

/* directMenu */
#header .directMenu {height: 50px; background-color: #545962;color: #fff;font-size: 0;text-align: center;  }
#header .directMenu li {display: inline-block;}
#header .directMenu li a {display: block;padding:0px;position: relative;}
#header .directMenu li a:hover {font-weight:bold; text-decoration:underline; display: block; padding:0px; position: relative;}
/*#header .directMenu li a:after {content: "";display: block;width: 1px;height: 10px;background: #fff;position: absolute;left:0; top:50%; margin-top: -5px;}*/
#header .directMenu li:first-child a:after {display: none;}
#header .line_header{width:100%; height:4px; line-height:4px; background:#00adee;}

.main_top{width:1060px; overflow:hidden; }
.main_top:after{clear:both; display:block; }
.main_top li{vertical-align:top; }
.main_top .lft{float:left; width:260px; }
.main_top .rgt{float:left; width:800px; }

.txt_sub{font-size:16px; margin:40px 0;}
.txt_sub span{color:#2f75c3; font-weight:500;}
.txt_sub span.tit{font-size:28px; }
.vision .txt{font-size:16px; line-height:160%; }
.vision .txt span{color:#ff6800; }
.img_vision01{width:840px; height:492px; background:url(/images/img_vision01.jpg) no-repeat; position:relative; margin-top:20px; }
.img_vision01 .txt{position:absolute; top:285px; width:840px; height:200px; padding:30px 30px; font-size:16px; line-height:160%; }
.img_vision02{width:840px; height:421px; background:url(/images/img_vision02.jpg) no-repeat; position:relative; margin-top:20px; }
.img_vision02 .txt{position:absolute; top:282px; width:100%; margin-left:28px;}
.img_vision02 .txt li{display:inline-block; width:250px; margin-right:13px;  text-align:center; font-size:16px; line-height:170%;}
.img_vision03 .tit{font-size:18px; font-weight:500; color:#3e9be9; margin-bottom:5px; }
.img_vision03{width:840px; height:752px; background:url(/images/img_vision03.jpg) no-repeat; position:relative; margin-top:20px; }
.img_vision03 .txt{position:absolute; top:40px; left:370px; }
.img_vision03 .txt li{width:520px; height:124px; margin-bottom:20px; padding-top:25px; font-size:16px; }
.wrap_box{background:#effafe; padding:20px 20px; font-size:18px; line-height:160%; }
.wrap_box02{border:4px solid rgba(0, 0 , 0, 0.1); padding:20px 20px; border-radius: 10px; }
.wrap_box02 .tit{display:inline-block; font-size:14pt; margin-bottom:10px; }
.wrap_box02 .tit span.b{font-weight:500; color:#4083FF; }
.wrap_box02 .wrap_txt{margin-left:220px; }
.wrap_box02 .wrap_txt input[type="radio"]{margin-top:6px; }
.back_request01{background:url(../images/back_request01.png) no-repeat; width:841px; height:266px; }
.back_request02{background:url(../images/back_request02.png) no-repeat; width:841px; height:183px; }
.back_request03{background:url(../images/back_request03.png) no-repeat; width:841px; height:264px; }


.img_chart02{width:840px; height:716px; background:url(/images/img_chart02.jpg) no-repeat; position:relative; margin-top:20px; }
.img_chart02 .txt{position:absolute; top:205px; width:100%; margin-left:25px;}
.img_chart02 .txt li{display:inline-block; width:191px; margin-right:10px;  text-align:center; font-size:15px; line-height:150%; vertical-align:top; }
.vision .tit02{font-size:18px;}
.vision .tit02 span{display:block; font-size:28px;  color:#2f75c3; margin-top:17px; font-weight:500; }
.wrap_hisdory{margin-top:40px; margin-left:55px;  }
.wrap_hisdory ul{display:inline-block; }
.wrap_hisdory li{font-size:15px; line-height:30px; }
.wrap_hisdory li span{display:inline-block; width:70px; color:#2f75c3; font-size:16px; }
.txt_year{color:#1f69ba; font-size:22px; font-weight:500; margin-right:40px; vertical-align:top; line-height:30px;   }
.radio input{margin-top:4px !important; }
.btn_account{display:inline-block; width:250px; height:60px; color:#666; border:1px solid #ddd; border-radius:2px;  padding:10px 10px; margin-top:5px;  }
.btn_account .txt_2x{font-size:11pt; font-weight:500; }
.dot_tit02{display:inline-block; height:26px; line-height:26px; background:url(/images/dot_tit02.jpg) no-repeat; padding-left:30px; color:#0ba2ce; font-size:20px; font-weight:500; }
.dot_tit03{display:inline-block; height:26px; line-height:26px; background:url(/images/dot_tit03.jpg) no-repeat; padding-left:30px; color:#2d9f85; font-size:20px; font-weight:500; }
.dot_tit04{display:inline-block; height:26px; line-height:26px; background:url(/images/dot_tit_purple.jpg) no-repeat; padding-left:30px; color:#694292; font-size:20px; font-weight:500; }
.d_indent{margin-left:30px; }
.back_sky{background:#d8f6ff; padding:10px 10px; }
.back_sky02{background:#d8f7f0; padding:10px 10px; }
.s_sky li{line-height:24px; margin-bottom:6px;}
.s_sky li:nth-child(3){margin-bottom:0;}
.s_sky span{display:inline-block; width:110px; height:24px; margin-right:5px; }
.s_sky span.bsky{background:#14b6e5; color:#fff; text-align:center; }
.tit_system01{font-size:28px; text-align:center; font-weight:500; color:#2bb293; margin-top:70px; }
.tit_system02{font-size:20px; text-align:center; font-weight:500; line-height:160%; }
.tit_consult{color:#fff; background:#30bdf1; text-align:center; line-height:50px; font-size:21px; }
.tit_consult span{color:#fffe92; }
.info_consult{color:#666; background:#f5f5f5; border:1px solid #d7d7d7; text-align:center; line-height:50px; font-size:16px; }
.info_consult02{color:#666; background:#f5f5f5; border:1px solid #d7d7d7; padding:10px 10px; }
.wrap_eventlist li{display:block; margin-bottom:15px;}
.wrap_eventlist li:after{clear:both; display:block; }
.wrap_eventlist li img{width:300px; height:115px; margin-right:15px; border:1px solid #d7d7d7;}
.wrap_eventlist li img, .wrap_eventlist li .wrap_txt{display:inline-block; vertical-align:middle; }
.wrap_eventlist li .tit{font-weight:500; font-size:18px; width:500px;}
.wrap_eventlist li .date{color:#999; font-size:14px; margin-top:7px;}
.wrap_eventlist li a:hover {color:#0068b7;}

/*교육신청확인 취소 페이지 >> 취소 환불 정책 modal*/
#policymodal {display:none; position:absolute; top:calc(50% - 237px); left:calc(50% - 237px); background-color:white; width:646px; height:374px; border:2px solid #666; min-height:360px;}
#policymodal .intro_eduinfo {height: 50px; background-color: #c2c2c2; padding-top:13px; text-align:center;}
#policymodal #close{cursor:Pointer; display:inline-block; font-size:15pt; float:inline-end; margin-right:20px;}
#policymodal .tit {font-size:15pt; font-weight:500; width:130px; display:inline-block; margin-left:52px;}
.policy_a a:hover {decoration:none;}
.policy_a a:visited {color:#0068b7}

/*---------------------------------------
Back top         
-----------------------------------------*/

.go-top {
	background-color: #ffffff;
	box-shadow: 1px 1.732px 12px 0px rgba( 0, 0, 0, .14 ), 1px 1.732px 3px 0px rgba( 0, 0, 0, .12 );
	transition : all 1s ease;
	bottom: 2em;
	right: 2em;
	color: #222;
	font-size: 26px;
	display: none;
	position: fixed;
	text-decoration: none;
	width: 40px;
	height: 40px;
	line-height: 35px;
	text-align: center;
	border-radius: 100%;
	z-index:20;
}

.go-top:hover {
	background: #00ADEE;
	color: #ffffff;
}
.go-top i.fa{font-size:18pt !important;}
.inc_agree h5{font-size:11pt; font-weight:500; margin-top:20px; margin-bottom:5px; color:#333; }
.inc_agree .d_indent{margin-left:10px; }
.inc_agree .tit{margin-top:10px;}
.certi{padding:7px 7px; border-radius: 6px; text-align:center; margin-top:10px; }
.logo_ipin{display:inline-block; line-height:40px; background:#414550 url(/images/logo_ipin.png) 20px center no-repeat; border-radius:40px; color:#fff; cursor:pointer; background-size: 71px 23px; padding:0 25px 0 95px; }
.wrap_whois{margin:10px 0; }
.wrap_whois li{display:inline-block; line-height:34px; vertical-align: top;}
.wrap_whois .tit{display:inline-block; width:60px; line-height:34px; }
.wrap_whois .ip_txt{display:inline-block; width:140px; }
.wrap_whois .btn_ok02{display:inline-block; line-height:34px; color:#fff; background:#414550; text-align:center; padding:0 20px; margin-left:5px;}

/*gnb*/
.wrap_gnb{width:900px; height:70px; padding:0;  display:block; position:relative; top:30px; left:160px;}
.wrap_gnb ul.gnb{overflow:hidden; padding:0; width:900px; height:55px; z-index:2; position:absolute; top:0; right:0px; }
.wrap_gnb ul.gnb:after{display:block; clear:both;}
.wrap_gnb ul.gnb li{display:inline-block; width:180px; color:#333; font-size:16px; font-weight:500; line-height:60px; text-align:center;}
.wrap_gnb ul.gnb li a:hover, .wrap_gnb li.active a{color:#00adee;}
.wrap_gnb ul.gnb li a{color:#333; font-size:18px; text-decoration: none;}
/*allmenu*/
#allmenu{width:900px; height:283px; position:absolute; top:57px; left: 0; padding:0; border:1px solid #e9e9e9;  border-bottom:1px solid #e9e9e9; background:#fff; display:block; z-index:1000;  }
#allmenu li.smenu{display:inline-block; width:179px; border-right:1px solid #ddd; height:283px; padding-top:5px; vertical-align:top; }
#allmenu li.smenu li{display:block; line-height:30px; padding:0 20px;}
#allmenu li.smenu li a{color:#767676; font-size:11pt;}
#allmenu li.smenu li a:hover{color:#00adee}
#allmenu li.smenu:last-child{border-right:0;}
#menu_open{display:none;}


.td_ws{white-space: nowrap !important;}
.td_wb > label{padding-left:0 !important; }
tr.line_q th, tr.line_q td{border-top:2px solid rgba( 0, 0, 0, 0.5 ) !important; border-bottom:1px solid rgba( 0, 0, 0, 0.5 );}
table.tb_01 th.bd_r, table.tb_01 td.bd_r{border-right:1px solid #d7d7d7; }

.wrap_seminar{margin:0 auto; padding:10px 30px; }
.wrap_seminar h2{text-align:center; margin-bottom:30px; font-weight:700; }
.wrap_seminar h3{font-weight:700; font-size:13pt;}
.wrap_seminar .table-bordered{border:1px solid #d7d7d7 !important; }
.wrap_seminar .table-bordered > thead > tr > th,
.wrap_seminar .table-bordered > tbody > tr > th,
.wrap_seminar .table-bordered > tfoot > tr > th,
.wrap_seminar .table-bordered > thead > tr > td,
.wrap_seminar .table-bordered > tbody > tr > td,
.wrap_seminar .table-bordered > tfoot > tr > td {
	border:1px solid #d7d7d7 !important; 
}
.wrap_seminar .lh20{line-height:25px}
.wrap_seminar input{margin-bottom:8px;margin-left:5px;}
span.label_red{background:#F36C67; color:#fff !important; padding:0 3px; font-size:10px; font-weight:200; border-radius:2px }
span.label_green{background:#5CAF5F; color:#fff !important; padding:0 3px; font-size:10px; font-weight:200; border-radius:2px}
span.label_blue{background:#4B8BC5; color:#fff !important; padding:0 3px; font-size:10px; font-weight:200; border-radius:2px}
span.label_grey{background:#9B9B9B; color:#fff !important; padding:0 3px; font-size:10px; font-weight:200; border-radius:2px}
span.label_mobile{display:inline-block; text-align:center; width:18px; line-height:18px; background:#F5A623; color:#fff !important; border-radius:18px; font-weight:200;}
span.label_mobile i{color:#fff;  }
span.label_pop {background:#f21c1c; color:#fff !important; padding:0 5px; font-size:14px; font-weight:200; border-radius:2px; margin-right:0px;}
span.label_best {background:#1c8bf2; color:#fff !important; padding:0 3px; font-size:14px; font-weight:200; border-radius:2px; margin-right:0px;}
span.label_new {background:#75f21c; color:#fff !important; padding:0 5px; font-size:14px; font-weight:600; border-radius:2px; margin-right:0px;}

.pop_container th > img, .pop_container td > img{max-width:630px;  }
.wrap_conpass{width:100%; border:1px solid #ddd; background:#f5f5f5; }
.wrap_conpass .lft{display:inline-block; padding:20px 20px !important; vertical-align: middle; }
.wrap_conpass .lft:nth-child(1){width:450px; }
.wrap_conpass .lft:nth-child(2){width:250px; }
.wrap_conpass .lft:nth-child(3){width:100px; }
.wrap_conpass .lft:nth-child(2) input{width:120px !important; }
.wrap_conpass .lft:nth-child(2) li:first-child{margin-bottom:5px; }
.wrap_conpass .lft span.txt{display:inline-block; width:80px;}
.wrap_conpass .tit{font-weight:700; font-size:13pt; color:#333; margin-bottom:7px;}
.wrap_conpass .btn{display:inline-block; line-height:40px; padding:0 25px; background-color:#414550; border-radius:40px; color:#fff; cursor:pointer; border:0;  }
.wrap_conpass .btn_02{background-color:#4083FF; }
.va-m{vertical-align:top}
.tbn_bub{margin-bottom:20px; padding-left:10px;}

/*slides container*/
#slidesContainer {position:relative; width:790px; margin:0; padding:0; display:inline-block; }
a.prev-btn, a.next-btn {z-index:10;}
#slideshow, #slideshow2 {position:relative; width:790px; height:256px;  overflow:hidden; z-index:5; margin:0px; padding:0px;}
ul.slide-card {position:absolute; left:0px; width:100000px; top:0px; z-index:10; margin:0px; overflow:hidden;}
ul.slide-card li {float:left; text-align:center;}
#slidesContainer2 {position:relative; width:790px;margin:0 ; overflow:hidden; padding:0; display:inline-block; }
ul.slide-card2 {position:absolute; top:0; left:0px; width:10000px; z-index:10; margin:0; overflow:hidden;}
ul.slide-card2 li {float:left; text-align:center; }
body#esp #header{height:91px; }
body#esp .navbar-fixed-top + .main-container { margin-top: 112px;}
body#esp #sub_container{margin-top:111px; }
body#esp .main-content{height:760px;}
.txt_f01{color:#FC8E0A}

.txt_lft ol > li > span:first-child {position: absolute;top: 0;left: 0;display: inline-block;line-height: 20px;}
.txt_lft > ol > li {margin-bottom: 5px;}
.txt_lft ol > li {position: relative;padding-left: 20px;line-height: 20px;}
span.circle_num{font-size:18px;}
.tit_training_list{line-height:25px;font-size:18px;}

/*220407 추가*/
.table_study{width:66%; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; float: left; letter-spacing: -0.2px;}
.table_study td.thumb{vertical-align: top !important; padding-right: 12px;}
/*.table_study td.thumb img{vertical-align: top;}*/
.table_study td{vertical-align: top !important; padding:10px 8px 10px 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 400;}				
.table_study td.course h3{color: #222; font-size: 14px; margin: 0; padding: 0;text-overflow: ellipsis;font-weight:bold; }
.table_study td.course h3 span{color: #fff; font-size: 12px; line-height: 30px; border-radius: 4px; padding: 1px 5px 1px; margin-left:2px; text-align: center; white-space: nowrap;}
.table_study td.course table td:first-child{color: #222;}
.table_study2{width: 32%; float: right; background: #ebf3ff; border-radius: 8px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400;}
.table_study2 td.my{padding: 20px 12px 12px;}
.table_study2 td.my h3{color: #2a4096; font-size: 14px; text-align: center; margin-bottom: 10px;}
.table_study2 td.my table td{text-align: center; font-family: 'Noto Sans KR', sans-serif; font-weight: 400;}
.table_study2 td.my table td span{color: #222; font-size: 18px; text-align: center; letter-spacing: -2px;}
.table_study2 td.my table td span.complete{color: #2a4096; font-size: 20px; text-align: center; letter-spacing: -2px;}
.table_study2 td.my table td span.complete span.bold{font-weight: 700;}
.table_study2 td.my table td span span.bold{font-weight: 700;}
.table_study2 td.my table tr:first-child td div{background: #fff; border-radius: 4px; padding: 10px; margin: 3px; font-size: 11px;}
a.button_study{display:block; padding:0 7px; line-height:40px; border-radius:4px; background-color:#2a4096; color:#fff; font-size:14px; width: 100%; text-align: center; cursor: pointer; margin-top: 10px;}
a.button_study:hover{color: #fff; text-decoration: none;}
.justifyDiv{width: 80px; text-align: justify; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; word-spacing: -3px;}
.justifyDiv:after{content: ''; display: inline-block; width: 100%;}
.justifyDiv:before{content: ''; display: inline-block; width: 100%;}
.word_sp {word-spacing: 3px;} 
.lihi_td {line-height:30px;}
.stbtn{color: #fff; font-size: 12px; line-height: 30px; border-radius: 4px; padding: 1px 5px 1px; margin-left:2px; text-align: center; white-space: nowrap;}
/*220407 추가*/
.noG{border: 1px solid #e6e6e6; width:100%; text-align:center; font-size:16px; padding-top:30px; padding-bottom:30px;}
.txt_888{color: #888;} /* 20230216 */

/*주제토론 추가*/
#ViewDis thead {font-size:18px;}
#ViewDis tr:first-child th {background-color:rgba(131,181,234, 0.6);}
#ViewDis tr:first-child th, #ViewDis tr:first-child td{font-weight:500;}
#ViewDis tr:first-child th.greenth{background-color:rgba(184, 234, 133, 0.6);}
.showlike {display:inline-block; width:80px; height:20px; font-size:11pt; font-weight:500;}
td .btn_study, td .btn_01 span.bgblue {background-color:#4EB3DB;}
.descArea {width:66%; float:left; margin-left:100px; height:100px;}
.descAreaEdit {display:none; width:79%; float:left; margin-right:10px; height:100px;}
.editBtn {background-color:#7884CD; color:#fff; line-height:20px !important; padding:0 7px; font-size:8pt; border:0;}
.delBtn {background-color:#E77271; color:#fff; line-height:20px !important; padding:0 7px; font-size:8pt; border:0;}
#ViewDis td.dotline {border-bottom:0px;}
td.pdl_30 {padding-left:30px;}
#ViewDis td.dotline a{color:white;}
#ViewDis td.dotline a:visited { text-decoration: none; color:white;}
#ViewDis td.dotline2 {border-bottom:1px solid #d7d7d7;}
#ViewDis td.dotline2 a{color:white;}
#ViewDis td.dotline2 a:visited { text-decoration: none; color:white;}
span.yellowbox {background-color:#f5c32e; cursor:auto;}
span.orangebox {background-color:#f59b2e; cursor:auto;}
div.graybox {width:68px;height:85px;background-color:#ededed;font-size:13pt;font-weight:500;margin:auto auto;padding-top:8px;border-radius:7px;line-height:26pt;}




.txt_orange{color: #ff9000;}
.tb_notice td{/*border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;*/ text-align: left; padding: 20px 10px; height: 240px;}
.tb_notice th{border-top: none; border-bottom: none;}
.tb_notice div.round_box{border: 1px solid #ccc; border-radius: 20px; padding: 20px; height: 100%; letter-spacing: -1px;}
.tb_notice div.round_box div.num{float: left; font-size: 23px; background: #eee; border-radius: 50%; width: 45px; height: 45px; line-height: 42px; text-align: center; margin-right: 10px; margin-bottom: 10px;}
.tb_notice div.round_box div.num strong{color: #333; font-weight: 700;}
.tb_notice div.round_box div.title{float: left; width: 280px; font-size: 17px; font-weight: 500;}
.tb_notice div.round_box_s{font-size: 14px; border: 1px solid #ccc; box-shadow: 0px 8px 6px -6px rgb(0, 0, 0, 0.3); padding: 14px 20px; margin-bottom: 10px; border-radius: 10px; height: 170px; line-height: 24px; display: block; clear: both; content: '';}
.tb_notice .btn{font-size: 14px; background: #1d5bc3; color: #fff; padding: 4px 20px; margin-top: 10px; border: none;}
	
/*popup*/
.popup_layer {position:fixed;top:0;left:0;z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
.popup_layer2 {position:fixed;top:0;left:0;z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
/*팝업 박스*/
.popup_box{position: relative;top:50%;left:50%; overflow: auto; width:580px;transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background:#fff;box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);}
/*컨텐츠 영역*/
.popup_box .popup_cont {font-size:14px; margin: 0 30px 50px 30px;}
.popup_box .popup_cont h3 {color:#222; margin: 10px 0 50px 0; font-size: 24px; line-height: 32px;}
.popup_box .popup_cont div.li{border-bottom: 1px solid #ccc; font-size: 18px; padding-bottom: 5px; margin-bottom: 15px;}
.popup_box .popup_cont div.li span{float: right; font-size: 14px; color: #1d5bc3;}
.popup_box .popup_cont p{ border-top: 1px solid #666;padding-top: 30px;}
.popup_box .popup_cont .cont{font-size: 13px; line-height: 28px; margin-bottom: 15px;}
.popup_box .popup_cont .cont span.round_bg{background: #eee; border-radius: 20px; padding: 3px 16px; color: #000; font-size: 12px;}
.popup_box .popup_cont .cont span.arr{color: #e8e8e8; font-size: 10px; margin: 0 10px;}
.popup_box .popup_cont button{background: #1d5bc3; color: #fff; border: none; padding: 4px 15px; border-radius: 4px;}
.popup_box .popup_cont button i{margin-left:10px;}
.popup_box .popup_cont table.tb_pop td{padding: 8px 12px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; height: 0;}
.popup_box .popup_cont table.tb_pop td:last-child{border-right: none;}
.popup_box .popup_cont table.tb_pop th{padding: 8px 12px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; height: 0; text-align: center; background: #f2f2f2; font-weight: 500;}
.popup_box .popup_cont table.tb_pop th:last-child{border-right: none;}
.popup_box .close_btn{width: 580px; text-align: right; padding: 10px; height: 10px;}
.popup_box .close_btn i{font-size: 24px;}
/*버튼영역*/
.popup_box .popup_btn {display:table;table-layout: fixed;width:100%;height:70px;background:#ECECEC;word-break: break-word;}
.popup_box .popup_btn a {position: relative; display: table-cell; height:70px;  font-size:17px;text-align:center;vertical-align:middle;text-decoration:none; background:#ECECEC;}
.popup_box .popup_btn a:before{content:'';display:block;position:absolute;top:26px;right:29px;width:1px;height:21px;background:#fff;-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.popup_box .popup_btn a:after{content:'';display:block;position:absolute;top:26px;right:29px;width:1px;height:21px;background:#fff;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.popup_box .popup_btn a.close_day {background:#5d5d5d;}
.popup_box .popup_btn a.close_day:before, .popup_box .popup_btn a.close_day:after{display:none;}
/*오버레이 뒷배경*/
.popup_overlay{position:fixed;top:0px;right:0;left:0;bottom:0;z-index:1001;;background:rgba(0,0,0,0.5);}
/*popup*/




.border_dot{border-top: 1px dotted #666;}
.txt28{font-size: 28px;}
.txt14{font-size: 14px;}
.txt15{font-size: 15pt;}
.txt999{color: #999999;}
.txt11{font-size: 11px;}
.class_li_ellipsis{width: 333px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; padding-top: 5px; font-size: 18px;}
.cs_box_wrap{width: 100%; background: #f2f2f2; padding: 50px auto;}
.cs_box{width: 1060px; margin: 0 auto; height: 375px;}
.cs_box ul li{float: left; width: 333px; height: 230px; margin-right: 28px; margin-top: 75px; border-bottom-right-radius: 40px; border-bottom-left-radius: 15px; border-top-right-radius: 15px; border-top-left-radius: 15px; background: #fff; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.05); font-size: 14px; color: #000; padding: 30px;}
.cs_box ul li:last-child{margin-right: 0; background: none; box-shadow: none; padding: 0;}
.cs_box ul li a{color: #000; display: block; text-decoration: none;}
/*.cs_box ul li:last-child a{color: #fff; font-weight: 500;}
.cs_box ul li div{height: 94px;}
.cs_box ul li img{margin-right: 20px; margin-bottom: 5px;}*/
.cs_box ul li.cs dd:first-child{font-size: 24px; font-weight:500;color: #333;}
.cs_box ul li.cs dd:first-child i{font-size: 26px; margin-right: 10px;color:#333;}
.cs_box ul li.cs dd:nth-child(2){font-size: 20px; color: #333; margin-top:10px; letter-spacing:1px}
.cs_box ul li.cs dd:nth-child(3){font-size: 20px; color: #333; letter-spacing:1px }
.cs_box ul li.cs dd:nth-child(4){font-size: 14px; color: #333; margin-top:10px;}
.cs_box ul li.cs dd:nth-child(5){font-size: 14px; color: #333;}

.cs_box ul li.board{margin-left: 0;}
.cs_box ul li.board dd:first-child{font-size: 24px; font-weight:500;color: #333; background: none; padding-left: 0;}
.cs_box ul li.board	.board_plus{display: inline-block; float: inline-end;}
.cs_box ul li.board dd:first-child i{font-size: 26px; margin-right: 10px; color:#333;}
.cs_box ul li.board dd:nth-child(2){margin-top: 15px;}
.cs_box ul li.board dd{text-align:left; position:relative; height:25px; line-height:25px; font-size:14px; /*background:url(../images/dot_01.png) left center no-repeat; padding-left:10px;*/}
.cs_box ul li.board dd span.subject{cursor:pointer; width: 200px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cs_box ul li.board dd span.date{position:absolute; right:0px; color:#888; top: 0;}

.cs_box ul li.account_num dd:first-child span{font-size: 24px; font-weight: 500;}
.cs_box ul li.account_num dd:first-child span i{font-size: 26px; margin-right: 10px;}
.cs_box ul li.account_num dd:first-child div{margin-top: 10px; font-size: 14px; line-height: 26px;}
.cs_box ul li.account_num dd:first-child{width: 100%; height: 130px; background: #fff; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.05); border-bottom-right-radius: 40px; border-bottom-left-radius: 15px; border-top-right-radius: 15px; border-top-left-radius: 15px; margin-bottom: 25px; padding: 20px 30px;}
.cs_box ul li.account_num dd:nth-child(2){width: 155px; height: 75px; float: left; background: #fff; text-align: center; line-height: 75px; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.05); border-bottom-right-radius: 30px; border-bottom-left-radius: 15px; border-top-right-radius: 15px; border-top-left-radius: 15px;}
.cs_box ul li.account_num dd:nth-child(2) i{font-size: 15px; margin-right: 10px; color: #ffffff; background: #ff1e1e; border-radius: 50%; width: 30px; height: 30px; padding: 7px;}
.cs_box ul li.account_num dd:nth-child(3){width: 155px; height: 75px; float: right; background: #fff; text-align: center; line-height: 75px; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.05); border-bottom-right-radius: 30px; border-bottom-left-radius: 15px; border-top-right-radius: 15px; border-top-left-radius: 15px;}
.cs_box ul li.account_num dd:nth-child(3) i{font-size: 15px; margin-right: 10px; color: #ffffff; background: #ff1e1e; border-radius: 50%; width: 30px; height: 30px; padding: 8px 7px 7px 7px;}

.mgb15{margin-bottom: 15px;}
/*
.mainimg01{background: #efe3fa url("/images/main/main_img01.jpg") no-repeat center center !important; cursor: pointer;}
.mainimg02{background: url("/images/main/main_img02.jpg") no-repeat center center, linear-gradient(to right, #786b5b 50%, #786b5b 50%) !important; cursor: pointer;}
.mainimg03{background: #c8edfe url("/images/main/main_img03.jpg") no-repeat center center !important; cursor: pointer;}
*/
.swiper-slide{width: 1060px; text-align: left;}
.swiper-slide i{margin-left: 14px;}
.swiper-slide .square_btn{font-size: 14px; font-weight: 300; padding: 10px 20px; border: 1px solid #fff; width: 160px; margin-top: 30px; text-align: center;}
.swiper-slide .main_txt_box{font-size: 38px; color: #fff; font-weight: 500;}
.swiper-slide .main_txt_s{font-weight: 400; font-size: 16px; width: 1060px; line-height: 25px; margin-top: 10px;}

.class_wrap{width: 1060px; height: 300px; margin: 50px auto;}
.class_wrap div {float: left;}
.class01_new{width: 1060px;}
.class01_new div{float: left; margin-right: 30px;}
.class01_new div:last-child{margin-right: 0;}
.class01_new div a img{margin-bottom: 10px; width: 333px; height: 200px;}
.class01_new div a div{font-size: 20px;font-weight:400;}
.class01_new .title_s {font-weight:500;}
.mW90{width:90%; display:inline-block;}

.apply_payinfo {text-align:center;}
.apply_payinfo h3.tit {font-size:22pt; width:100%; padding:16px 0 25px 0;}
.apply_payinfo h3.tit .orange {font-size:22pt; color:#f87d25;}
table.apply_payinfo {font-size:13pt; border-top:2px solid #999999;}
table.apply_payinfo th,
table.apply_payinfo td {
  text-align: left; text-indent: 2em; line-height:22pt; }

.wrap_btns span{cursor: pointer;}

 /* 취소 환불 정책 페이지 */
.po_refund ul {clear:both; margin-top:10px;}
.po_refund li {font-size:14px; line-height:43px}
.po_refund li:nth-child(2) {line-height:22px}
.po_refund_tb th {border-right:1px dotted #d7d7d7;}
.po_refund_tb td {border-right:1px dotted #d7d7d7;}
 /* 취소 환불 정책 페이지 */

button.btn_heart{border: none; background: none; margin-top: 2px;}
button.btn_heart i{font-size: 14px; color: #a7a7a7; background: #ddd; border: 1px solid #ddd; border-radius: 50%; width: 28px; height: 28px; line-height: 26px;}
button.btn_heart i.red{font-size: 14px; color: #fff; background: #ff1e1e; border: 1px solid #ff1e1e; border-radius: 50%; width: 28px; height: 28px; line-height: 26px;}

button.btn_heart_l{border-radius: 30px; background: #ddd; padding: 2px 14px 2px 4px; border: none; font-size: 13px;}
button.btn_heart_l i{font-size: 14px; color: #a7a7a7; background: #ddd; border: 1px solid #ddd; border-radius: 50%; width: 28px; height: 28px; line-height: 26px;}
button.btn_heart_l_red{border-radius: 30px; background: #ff1e1e; padding: 2px 14px 2px 4px; border: none; margin-top: 2px; color: #fff; font-size: 13px;}
button.btn_heart_l_red i.red{font-size: 14px; color: #fff; background: #ff1e1e; border: 1px solid #ff1e1e; border-radius: 50%; width: 28px; height: 28px; line-height: 26px;}

.txt_ccc{color: #cccccc;}
.lh40{line-height: 40px;}
.btn_chk{cursor: pointer; width: 18px; height: 18px;}
.btn_br{border: 1px solid #666; background: #fff; border-radius: 20px; padding: 4px 20px;}
.floatR{float: right;}
.mgr10{margin-right: 10px !important;}
.mgt-3{margin-top: -3px !important;}
.pointer{cursor: pointer;}
.middle_pointer{vertical-align: middle; cursor: pointer;}
.txt22{font-size: 22px;}
.wh20{width: 20px; height: 20px;}
.mgt-1{margin-top: -1px !important;}
.w180px{width: 180px;}
.txt32{font-size: 32px !important;}
.pdtb50{padding: 50px 0px !important;}
.tb_cen{margin-left: auto; margin-right: auto;}
.w78per{width: 78%;}
.lh26{line-height: 26px;}

.film_wrap {width:1060px; height:120px; background:url("/images/main/com_logo.gif") repeat-x; animation:move 10s linear infinite; margin-top: 10px;}
@keyframes move {
	from {background-position:0 0}
	to {background-position:-1920px 0}
}

.container {
  position: relative;
  /*background-color: black;*/
  width: 1060px;
  height: 140px;
  display: flex;
  overflow: hidden;
}

.slide-container {
  display: flex;
  justify-content: center;
  align-items: center;
  
  animation: loop 120s linear infinite;
}

/* 애니메이션 스탑 */
.container:hover > .slide-container {
  animation-play-state: paused;
}

.slide-image {
  /*width: 100px;
  height: 100px;*/
  margin: 15px;
  cursor: pointer;
  transition: transform 0.3s ease;
}

/* 이미지 hover시 커짐 */
/*.slide-image:hover {
  transform: scale(1.1);
}*/

.slide-image > img {
  /*width: 100%;
  height: 100%;*/
  object-fit: cover;
}

.tb_half{margin-top: 50px;}
div.tb_half dl{display: inline-block; border-top: 3px solid #999; border-bottom: 1px solid #999; padding: 20px 0; margin-right: 20px; width: 395px; vertical-align: top; margin-bottom: 50px;}
div.tb_half dl dt{border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px;}
div.tb_half dl dd{line-height: 24px; font-size: 14px;}
div.tb_half dl dt span.bar{font-size: 18px; padding: 0 20px; color: #ccc;}
div.tb_half dl:nth-child(5){width: 810px;}
div.tb_half dl:last-child{width: 810px;}
div.tb_half dl:last-child dd{text-align: center;}
dd.float_box div{float: left; padding: 20px; border-radius: 5px; color: #fff; margin-right: 15px; width: 240px; margin-bottom: 20px;}
dd.float_box div:first-child{background: #4c8bff; margin-left: 20px;}
dd.float_box div:nth-child(2){background: #30b7fc;}
dd.float_box div:nth-child(3){background: #23bd9e;}
dd.float_box div:nth-child(4){background: #fbd867; margin-bottom: 0; margin-left: 20px;}
dd.float_box div:nth-child(5){background: #ff9161; margin-bottom: 0;}
dd.float_box div:last-child{background: #ff6060; margin-right: 0; margin-bottom: 0;}
dd.float_box div i{text-align: right; float: right; padding-top: 4px; font-size: 20px;}

.tb_red_tit{margin-top: 50px;}
div.tb_red_tit dl{display: inline-block; border-bottom: 1px solid #ccc; padding: 20px 0; margin-right: 20px; width: 810px; vertical-align: top;}
div.tb_red_tit dl dt{border: 1px solid #FF585B; font-size: 18px; border-radius: 12px; padding: 8px 20px; text-align: left; font-weight: 500; margin-bottom: 12px; /* background: #ffa7a7; */}
div.tb_red_tit dl dd{line-height: 24px; font-size: 14px;}
div.tb_red_tit dl:last-child{margin-bottom: 50px;}
div.tb_red_tit dl:last-child dd{text-align: left;}
div.tb_red_tit dl:first-child{border-top: 1px solid #ccc;}
div.tb_red_tit dl dt i{margin-right: 12px; color: #FF585B;}

@keyframes loop {
  100% {
    transform: translateX(-100%);
  }

@-webkit-keyframes loop {
  100% {
    transform: translateX(-100%);
  }