html, body{margin:0; padding:0;}
body{background-color:#fff; font-size:10pt;}
.footer{min-width:700px; display:block; clear:both; background: #131c30;}
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_80{margin-top:80px !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;}
.lh_120{line-height:150% !important}
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_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:#DF002C; text-decoration:underline;}

/*header*/
#header{z-index:3; width:100%; height: 143px; /*height:118px; background: #2e3239;*/}
.navbar-fixed-top{position: fixed; top:0; left:0; }
.wrap_header{width:1200px; /*height:84px;*/ margin:0 auto; }
.wrap_header:after{clear:both; display:block;}
.wrap_header .lft{float:left; margin-top:19px;  }
/*.wrap_header .logo img{height:43px; }*/
.wrap_header .rgt{float:right; padding-left:10px;  }
.topmenu_01{text-align:right; margin-top: 0 !important; /*margin-top:20px;*/ }
.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_01 label{margin-right: 0px;}
.topmenu_01 .tmenu_01 input[type=text]{margin-right: 5px; border-radius: 3px;}
.topmenu_01 .tmenu_01 input[type=password]{margin-right: 5px; border-radius: 3px;}
.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:right; margin-top:5px; }
.topmenu_02 input[type="text"], .topmenu_02 input[type="password"]{width:130px; height:22px !important; max-height:22px !important; line-height:22px !important; border:1px solid #e5e5e5; font-size:12px; padding:0 !important;}
.top_btn{display:inline-block;width: 100px;height: 30px;line-height: 28px;color:#fff;font-size: 12px;text-align:center;cursor:pointer;margin-right: 5px;border-radius: 3px;}
.top_btn:last-child{margin-right: 0;}
.top_btn span{margin-right:5px;}
.top_btn span:last-child{margin-right:0;}
.top_btn.btn_01{background-color:#00387f; }
.top_btn.btn_02{background-color:#244F85; }
.top_btn.btn_03{background: #ed5652;}

/*gnb*/
.back_gnb{/*background:url(../images/back_gnb.gif) repeat-x;*/background-color:#1b4aa2; width:100%; height:50px;  margin:0; padding:0; position:absolute; top:68px; left:0; z-index:2;}
.wrap_gnb{width:1200px; margin:0 auto; padding:0;  display:block; }
.wrap_gnb ul.gnb{overflow:hidden; margin:0 auto; padding:0; width:1200px; height:50px; z-index:2; border-left:1px solid rgba(255, 255, 255, 0.2); }
.wrap_gnb ul.gnb:after{display:block; clear:both;}
.wrap_gnb ul.gnb li{display:inline-block; width:25%; color:#fff; font-size:16px; line-height:50px; text-align:center; cursor:pointer; border-right:1px solid rgba(255, 255, 255, 0.2);}
.wrap_gnb ul.gnb li a{display:inline-block; width:100%; }
.wrap_gnb ul.gnb li a:hover, .wrap_gnb li.active a{background-color:#05286b;} /*#0b1f3d*/
.wrap_gnb ul.gnb li a{color:#fff; font-size:16px; text-decoration: none;}

.wrap_gnb .wrap_smenu{width:1200px; height:200px; position:absolute; top:50px; left: calc(50% - 600px); padding:0; border-left:1px solid #e9e9e9;  border-bottom:1px solid #e9e9e9; background:#fff; display:block; z-index:1000;   }
.wrap_gnb .wrap_smenu + ul{margin:0 auto; width:1200px;  height:200px;   }
.wrap_gnb .wrap_smenu li.smenu{display:inline-block; width:25%;  border-right:1px solid #ddd; height:200px; padding-top:5px; vertical-align:top; }
.wrap_gnb .wrap_smenu li.smenu li{display:block; line-height:30px; padding:0 20px;  }
.wrap_gnb .wrap_smenu li.smenu li a{color:#767676; font-size:10pt;}
.wrap_gnb .wrap_smenu li.smenu li a:hover{color:#4b1004;}

/*allmenu*/
#allmenu{width:1200px; height:263px; position:absolute; top:50px; left: calc(50% - 600px); padding:0; border-left:1px solid #e9e9e9;  border-bottom:1px solid #e9e9e9; background:#fff; display:block; z-index:1000;   }
#allmenu li.smenu{display:inline-block; width:25%; border-right:1px solid #ddd; height:263px; 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:#1b4aa2;}
#menu_open{display:none;}

/*footer*/
#footer{margin:0; padding:0; position:relative; width:100%; height:177px; background-color:#fff; }
.footer-fixed-bottom{position:fixed; bottom:0; margin-bottom:0; width:100%; z-index:2;}
.footer-content {width:100%; color:#aaa; background-color:#131c30; } /* color:#3b414d; */
.footer-content .d_row{width:1200px; margin:0 auto; height:103px; background:url("../images/footer_logo-white.png") no-repeat; background-position:center left; /*background-size:173px 37px;*/ padding-top:35px; padding-left:180px; text-align:left;}
.footer-content .d_row:after{clear:both; display:inline-block;}
.footer-content .d_row div{font-size:14px; line-height:20px;}
.footer-content .d_row div:first-child{padding-top:7px; }
.footer_menu{height:44px; border-bottom: 1px solid #434955;}
.footer_menu ul{width:1200px; margin:0 auto; text-align:left;}
.footer_menu li{display:inline-block; font-size:14px; font-weight:400; color:#aaa; line-height:45px; padding-right:30px; cursor:pointer; }

/*contents*/
.navbar-fixed-top + .main-container {margin-top:118px;}
.main-container {width:100%; /*background-color:#bbb;*/}
.main-container01 {width:1200px; height:521px; background:url(../images/main/main_visual_bg02.jpg) no-repeat; background-size:100% 521px; margin: 0 auto;}
.main-container02 {width:1200px; background-color:#eff2f7; margin: 0 auto;}
.main-container03 {width:100%; background-color:#fff;} 
.main-content{width:1200px; margin:0 auto; height:auto; margin-bottom:0px; /*background-color:#fff;*/}
.sub_content{width:1200px; margin:0 auto; height:auto; margin-bottom:15px; vertical-align:top;}
.main_visual{position:relative; top:0; left:0; width:100%; height:440px; background: #faf3f3;} /* jeh */
.main_visual .w_info{position:absolute; bottom:0; left:0; width:100%; height:50px; line-height:50px; background-color:rgba(0, 0, 0 ,0.7); color:#fff; padding: 0 20px; }
.main_visual ol.dots {position: absolute; bottom: 19px; left: 504px !important; text-align: left; height:12px; display:inline-block; margin:0; }
.main_visual ol.dots li {display: inline-block; width: 10px; height: 10px; margin: 0 4px; text-indent: -999em; background: #ddd;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.active {background: #004ea2; opacity: 1; }
.main_txt img{width:360px; height:136px;}

.w1060px{width: 1060px; margin: 0 auto;}
.bg_main_blue{background: #e8f1ff;}
.main_txt_navy{color: #0e2463; font-weight: 700; font-size: 38px; line-height: 50px; padding-top: 125px; font-family: "Gmarket Sans", "GmarketSansMedium";} /* jeh */
.main_txt_green{color: #62cc46;} /* 6cbfff */
.main_txt_red{color: #ec5353;}
 /* jeh 수정 start */
.center_menu_wrap{width: 100%; background: none; padding: 0;}
.center_menu{text-align: center; display: table; margin: 0 auto; z-index: 2; position: relative; top: -80px; width: 1060px;}
.center_menu dl{margin: 0; padding: 0; float: right;}
.center_menu dd{display: block; background: #578cec; color: #fff; text-align: center; cursor: pointer; padding: 30px 0; border-right: 1px solid rgba(255, 255, 255, .5); font-size: 15px; 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; width: 126px; float: left;}
.center_menu dd:nth-child(2n){background: #ff7575;}
.center_menu dd:last-child{border-right: none;}
.center_menu dd img{margin-right: 0; margin-bottom: 10px; width: 35px;}
 /* jeh 수정 end */


.main_visual01{position:relative; margin:0 auto; top:0; left:0; width:1200px; height:521px; }
.main_visual01_1{position:relative; top:0; left:0; width:350px; height:369px; background-color:#04264c; float: left;}
.main_visual01_1_1{width: 350px; float: left; /*height: 369px; padding-top: 170px;*/ padding-left: 25px;}
.main_visual01_1_1 .btn_circle{border-radius: 50%; width: 150px; height: 150px; text-align: center; background: #fff; color: #222; font-size: 13px; font-weight: 500; float: left; line-height: 18px; border: 1px solid #f3bf0b; /*box-shadow: 2px 2px 7px 3px rgba(0, 0, 0, 0.1);*/}
.main_visual01_1_1 .btn_circle img{margin-top: 25px; margin-bottom: 10px;}
.main_visual01_1_1 .mgr20{margin-right: 20px;}
.main_visual01_2{position:relative; top:369; left:0; width:599 px; height:152px; display: block; clear: both; content: '';}
.wrap_left00{width:599px; height:152px; background:url(../images/main/main_menu_ic.jpg) no-repeat; background-size:599px 152px;}
.wrap_left00 .mbtn li{display:block; float:left; height:152px; padding-top:100px; color:#04264c; text-align:center; font-size:16px; font-weight:500; cursor:pointer;}
.wrap_left00 .mbtn li:last-child{margin-bottom:0; }
.wrap_left00 .mbtn li:nth-child(1){width:25%; color:#f21d2f; }
.wrap_left00 .mbtn li:nth-child(2){width:25%; }
.wrap_left00 .mbtn li:nth-child(3){width:25%; }
.wrap_left00 .mbtn li:nth-child(4){width:25%; }

.main_cont01{position:relative; top:0; left:0; height:340px; margin-top:50px; }
.main_cont01 .ban_01{width:325px; height:204px; }
.main_cont01 .ban_01 li{display:block; width:325px; height:45px; line-height:45px; margin-bottom:8px; color:#fff; padding-left:20px; 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:#1eb1ed;}
.main_cont01 .ban_01 li:nth-child(2){background-color:#4c96e9;}
.main_cont01 .ban_01 li:nth-child(3){background-color:#1a71d2;}
.main_cont01 .ban_01 li:nth-child(4){background-color:#0659b6;}
.main_cont01 .ban_01 li:nth-child(5){background-color:#384E69;}
.main_cont01 .ban_02{position:absolute; top:0; left:352px; width:441px; height:340px; }
.main_cont01 .ban_02 .tit{height:45px; line-height:45px; background-color:#1ebd99; color:#fff; font-size:16px; padding-left:20px;}*/
.main_cont01 .ban_01 li:last-child{margin-bottom:0; }
.main_cont01 .ban_01 li:nth-child(1){background-color:#2da75e;}
.main_cont01 .ban_01 li:nth-child(2){background-color:#2ea786;}
.main_cont01 .ban_01 li:nth-child(3){background-color:#488abe;}
.main_cont01 .ban_01 li:nth-child(4){background-color:#5870c8;}
.main_cont01 .ban_01 li:nth-child(5){background-color:#384E69;}
.main_cont01 .ban_02{position:absolute; top:0; left:352px; width:441px; height:340px; }
.main_cont01 .ban_02 .tit{height:45px; line-height:45px; background-color:#1eb1ed; color:#fff; font-size:16px; padding-left:20px;}
.main_cont01 .ban_02 .img{width:441px; height:295px; background:url(../images/main/howto.gif) no-repeat; background-size:441px 295px;}
.main_cont01 .ban_03{width:380px; height:155px; }
/*.main_cont01 .ban_03 .tit{height:45px; line-height:45px; background-color:#fff; color:#333; font-size:16px; padding-left:20px; border:1px solid #d7d7d7;}*/
.main_cont01 .ban_03 .tit{height:45px; line-height:45px; background-color:#00387c; color:#fff; font-size:16px; padding-left:20px;}
.main_cont01 .ban_03 .tit_course{position:relative; height:110px; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:15px 15px; font-size:14px; color:#4A4A4A; }
.main_cont01 .ban_03 .tit_course2{position:relative; height:110px; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; font-size:14px; color:#4A4A4A; padding: 6px;}
.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; }
.wrap_left01{width:325px; /*height:320px;*/}
.wrap_left02{width:403px; height:64px; background-color:#0b0b0b;}
.wrap_left01 .btn_00 li{display:block; float:left; height:50px; padding-top:13px; color:#fff; text-align:center; font-size:16px; cursor:pointer;}
.wrap_left01 .btn_00 li:last-child{margin-bottom:0; }
.wrap_left01 .btn_00 li:nth-child(1){background-color:#f3bf0b; width:40%; border-right:1px solid #fff;}
.wrap_left01 .btn_00 li:nth-child(2){background-color:#f3bf0b; width:30%; border-right:1px solid #fff;}
.wrap_left01 .btn_00 li:nth-child(3){background-color:#f3bf0b; width:30%;} 
.ban_cs{width:325px; height:137px; border:1px solid #DEDEDE; padding:4px 20px ;}
.ban_cs .txt_01{color:#333; font-size:17px; font-weight:500; }
.ban_cs .txt_02{color:#254D80; font-size:20px; font-weight:500; }
.ban_cs .txt_03{color:#9B9B9B; font-size:12px;}
.ban_cs .txt_03 .txt_red{color:#FF585B;}
.ban_cs .txt_03 .txt_blue{color:#4083FF;}
.ban_cs .txt_03 .txt_orange{color:#F68426 !important;}
.wrap_left03{width:380px; height:340px; position:absolute; top:0; left:820px; }
.wrap_left03 .wrap_board{border:1px solid #d7d7d7; margin-top:7px;}
.wrap_left03 .notice{height:114px;}
.txt_red, li.txt_red{color:#FF585B !important ; }
.txt_blue, li.txt_blue{color:#4083FF  !important;}
.txt_orange{color:#F68426 !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:60px; line-height:60px; }
.main_tit .tit{position:absolute; left:0; font-size:20px; font-weight:500; }
.main_tit .more{position:absolute; right:0; font-size:14px; cursor:pointer;}
.wrap_board .main_tit{height:52px; line-height:51px; border-bottom:1px solid #d7d7d7; }
.wrap_board .main_tit .tit{font-size:17px;  margin-left:18px; color:#333;}
.wrap_board .main_tit .more{margin-right:18px; }
.board{margin-top:10px; margin-left:16px; padding-right:15px;}
.board > li{text-align:left; position:relative; height:25px; line-height:23px; font-size:14px; background:url(../images/dot_01.png) left center no-repeat; padding-left:10px; }
.board > li span.subject{cursor:pointer; }
.notice > li span.subject{position:absolute; width:300px; 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:first-child{height:24px;}
.board2 > li{text-align:left; position:relative; 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:0; left:251px; width:275px; height:185px; border:1px solid #DEDEDE;}
.main_cont02 .ban_03{position:absolute; top:0; left:541px; width:275px; height:185px; border:1px solid #DEDEDE;}
.main_cont02 .ban_04{position:absolute; top:0; left:830px; width:230px; height:185px; }
.main_cont02 .ban_04 li{line-height:54px; margin-bottom:10px; padding-left:20px; color:#fff; font-size:16px; cursor:pointer; }
.main_cont02 .ban_04 li:last-child{margin-bottom:0; }
.main_cont02 .ban_04 li:nth-child(1){background:url(../images/back_ban01.png) no-repeat;}
.main_cont02 .ban_04 li:nth-child(2){background:url(../images/back_ban02.png) no-repeat;}
.main_cont02 .ban_04 li:nth-child(3){background:url(../images/back_ban03.png) no-repeat;}

body.main .main-content{margin-top:72px; }
/*sub*/
body.sub #sub_container{margin-top: 143px;}
body.sub .wrap_leftmenu{display: inline-block; width:200px; margin-right:17px; padding:0; vertical-align:top; border:1px solid #ddd; }
.wrap_contents{display: inline-block; width:1200px; min-height:500px; margin: 0 0 70px; padding:0; font-size:10pt;  }
body.sub .wrap_leftmenu .leftmenu{border:0;}
body.sub .wrap_leftmenu .leftmenu .tit{padding:18px 0;background:#002b69; color:rgba(255, 255, 255, 0.5); font-size:12px; text-align:center; }
body.sub .wrap_leftmenu .leftmenu .tit span{display:block; font-size:18px; color:#fff; 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;  cursor:pointer; }
body.sub .wrap_leftmenu .leftmenu .smenu:last-child{border-bottom:0;}
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:#00387f;}
.nav{line-height:35px; margin-bottom:15px; text-align:right; }
.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:#608709; font-weight:500; }
h3.class_tit{color:#333 !important; font-weight:500; font-size:11pt ; margin-bottom:7px;}
.list_class li{line-height:160%;margin-bottom:10px;  }
.class_txt{min-height:30px; }
.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:10pt; line-height:35px; vertical-align:top; }
.class_01 > li:nth-child(1){width:15%; 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:85%; 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-top:10px;}
.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:7px; }
.class_info li:nth-child(even){width:80%; }
/*table*/
.tb_01{width:100%; border-top:1px solid #d7d7d7; }
.bdt_02{border-top:3px solid #999; }
.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 td.bg{background-color:#f5f5f5;color:#393939; border-bottom:2px solid #d7d7d7; }
.tb_01 th, .tb_01 td{border-bottom:1px solid #d7d7d7; padding:10px 5px; }
.tb_01 th.boderit, .tb_01 td.boderit{border-right:1px solid #d7d7d7;}
.tb_01 th.boderit, .tb_01 td.bodeltf{border-left:1px solid #d7d7d7;}
.tb_01 th.bodetop, .tb_01 td.bodetop{border-top:2px solid #d7d7d7 important;}
.tb_01 th:last-child, .tb_01 td:last-child{border-right:0; }
.tb_01.txt_lft td{padding-left:10px; }


.tb_02 tr:first-child th, .tb_02 tr:first-child td{border-top:1px solid #d7d7d7;}
.tb_02.txt_cen tr:first-child th, .tb_02.txt_cen tr:first-child td{border-top:0;}
.tb_02.txt_lft{border-top:0; }
.tb_02 th{background-color:#f5f5f5; }
.tb_02 th, .tb_02 td{border-bottom:1px solid #d7d7d7; padding:10px 5px; }
.tb_02 th.boderit, .tb_02 td.boderit{border-right:1px solid #d7d7d7;}
.tb_02 th.boderit, .tb_02 td.bodeltf{border-left:1px solid #d7d7d7;}
.tb_02 th.bodetop, .tb_02 td.bodetop{border-top:2px solid #d7d7d7 important;}
.tb_02 th:last-child, .tb_02 td:last-child{border-right:0; }
.tb_02.txt_lft td{padding-left:10px; }


.wrap_contents > .content{line-height:160%; }
.wrap_contents h3{font-size:13pt; 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{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:#f9f9f9; }
#dashboard #header{width:100%; height:45px; position: fixed; top:0; left:0; z-index:3;}
#dashboard .top_menu{background:rgba(0, 0 , 0, 0.6); 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; line-height:45px; padding-left:60px; cursor:pointer; filter: alpha(opacity=70); opacity: 0.7;}
#dashboard ul.leftmenu li:nth-child(1){background:url(../images/lefticon_01.png) 10px center no-repeat; }
#dashboard ul.leftmenu li:nth-child(2){background:url(../images/lefticon_02.png) 10px center no-repeat; }
#dashboard ul.leftmenu li:nth-child(3){background:url(../images/lefticon_03.png) 10px center no-repeat; }
#dashboard ul.leftmenu li:nth-child(4){background:url(../images/lefticon_04.png) 10px center no-repeat; }
#dashboard ul.leftmenu li:nth-child(5){background:url(../images/lefticon_05.png) 10px center no-repeat; }
#dashboard ul.leftmenu li:nth-child(6){background:url(../images/lefticon_06.png) 10px center no-repeat; }
#dashboard ul.leftmenu li:nth-child(7){background:url(../images/lefticon_07.png) 10px center no-repeat; }
#dashboard ul.leftmenu li:nth-child(8){background:url(../images/lefticon_08.png) 10px center no-repeat; }
#dashboard ul.leftmenu li:nth-child(9){background:url(../images/lefticon_09.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:23pt; 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; width:128px;}
.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:17pt; color:#4A90E2; }
.wrap_situation.half_box li:nth-child(3){width:338px;}
.wrap_situation.half_box li:nth-child(3) .wrap_sbox{width:338px; }
.wrap_situation.half_box li:nth-child(4){width:200px; margin-right:0;}
/*.wrap_situation.half_box li:nth-child(4) .wrap_sbox{width:200px; }*/

.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:10px 20px; line-height:25px; color:#333; margin:10px 0;  border-radius:4px;}
h2.tit_class1{font-size:15pt; background-color:#fff; border:1px solid rgba(195, 195, 195, 0.5); padding-left:20px; line-height:20px; color:#333; margin:10px 0;  border-radius:4px;}
h2.tit_class span{font-size:13pt; color:#4A90E2; }
h2.tit_class1 span{font-size:15pt; color:#4A90E2;}
h2.tit_class1 div{height:63px;display:table-cell;vertical-align: middle;padding-right:20px;}

h2.tit_class3{font-size:10pt; background-color: rgba(239, 244, 249, 1); border:1px solid #d5e6f6; padding-left:20px; line-height:64px; color:#333; margin:10px 0;  border-radius:4px;}
h2.tit_class3 span{font-size:10pt; color:red; }
h2.tit_class3 span.learnTime{font-size:12pt; color:#026ad6;font-weight:600}

.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{display:inline-block; width:calc((100% - 10px ) /2 ); margin-right:10px;    }
.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; }
.wrap_boards .notice li span.subject{width:280px; }

.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:10pt; 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:#DF002C; 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; }
i.fa{font-size:12pt; }
.txtarea{min-height:200px; vertical-align:top; overflow-y:auto; }
.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:40px; color:#fff; cursor:pointer; border:0;  }
.wrap_btns .btn_list, .wrap_btns .btn_02{background-color:#DF002C; }
.wrap_btns .btn_01{background-color:#E77271; }

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 .graph{margin-left:10px; width:150px; }
td .graph div.b_graph{display:inline-block; width:100px; height:10px; 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%;}
/*pop*/
#pop .popsize_small, #pop .popsize_small .pop_container{width:450px;}
#pop .popsize_mid, #pop .popsize_mid .pop_container{width:900px;}
#pop .popsize_big, #pop .popsize_big .pop_container{width:1200px;}
#pop th.tit_exam{background:#ddd; color:#333;}
#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_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: 242px; margin-right:10px; font-size:13pt; background-color: rgba(214, 223, 232, 1); border:1px solid #d5e6f6; border-radius: 4px;}
.wrap_situation02 > li:last-child{margin-right:0; }
.wrap_situation02 > li .wrap_sbox{color:#4A90E2; width: 242px; height:110px; text-align:center;  display:table-cell; vertical-align:middle; }
.wrap_situation02 > li .wrap_sbox h3{font-size:11pt; color:#333; font-weight:400; margin-bottom:10px;  }
.wrap_situation02 > li .wrap_sbox span{font-size:20pt; color:#4A90E2; font-weight:600; }
.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(0,0,0, 0.03); 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:120px; text-align:center; background-color:#82b31b; color:#fff; margin:0; padding:0; border-radius:4px; font-size:11pt;}
.wrap_situation03 > li .wrap_sbox h3{font-size:11pt; color:#333; font-weight:400; margin-bottom:10px;}
.wrap_situation03 > li .wrap_sbox{padding:5px 10px; height:120px; }
.wrap_situation03 > li .wrap_sbox div{display:inline-block; margin-right:5px; 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; }
.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:180px; 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:rgba(94, 161, 231, 0.85); line-height:40px; padding-left:20px; border-radius: 4px 4px 0 0 ; margin:0; }
.wrap_classinfo03 h4.tit02{font-size:11pt; color:#fff; padding:0; background-color:#375983; line-height:40px; padding-left:20px; border-radius: 4px 4px 0 0 ; margin:0;}
.wrap_classinfo03 h4.tit03{font-size:20px; color:#666; padding:0; line-height:160%; color:#333; margin:0; width:240px; min-height:150px; overflow:hidden; text-align:center; vertical-align:middle; word-break : keep-all; }
.wrap_classinfo03 .wrap_rebox{padding:10px 15px 20px; /*height:290px;*/ }
.wrap_classinfo03 .date{line-height:30px;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; margin-bottom:20px; 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:100px;margin-top:20px; } 
.course_tb .txt_lft span{font-size:9pt; color:#666;}
.course_tb .txt_lft .tit, .course_tb .txt_lft .tit a{color:#669900; font-size:10pt; }
.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:table-cell; width:120px; height:120px; vertical-align: middle; 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:#f5c555; }
.wrap_state li:nth-child(2){background-color:#ef9440; }
.wrap_state li:nth-child(3){background-color:#f39b89; }
.wrap_state li:nth-child(4){background-color:#f2542d; }
.wrap_state li:nth-child(5){background-color:#f1caab; }
.wrap_state li:nth-child(6){background-color:#fedfc7; }*/

.wrap_state li:nth-child(1){background-color:#f6b22e; }
.wrap_state li:nth-child(2){background-color:#241c6f; }
.wrap_state li:nth-child(3){background-color:#83af1e; }
.wrap_state li:nth-child(4){background-color:#652f8b; }
.wrap_state li:nth-child(5){background-color:#006e96; }
.wrap_state li:nth-child(6){background-color:#08754d; }

/*.wrap_state li:nth-child(1){background-color:#608709; }
.wrap_state li:nth-child(2){background-color:#75a211; }
.wrap_state li:nth-child(3){background-color:#8ebe24; }
.wrap_state li:nth-child(4){background-color:#a5cf48; }
.wrap_state li:nth-child(5){background-color:#bee468; }
.wrap_state li:nth-child(6){background-color:#cfed8c; }*/
.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:232px; 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:#fedfc7; 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.4) }
.wrap_sitemap li a{color:#888;}
.wrap_sitemap li a:hover{color:#DF002C}
.tr_fixed td{background-color:rgba(135, 187 , 235, 0.2); }
.box_sitemap li:nth-child(1) div.tit{background: #2da75e;}
.box_sitemap li:nth-child(2) div.tit{background: #2ea786;}
.box_sitemap li:nth-child(3) div.tit{background: #488abe;}
.box_sitemap li:nth-child(4) div.tit{background: #5870c8;}

.wrap_tab li{display:inline-block; margin-right:3px; }
.wrap_tab li a{color:#727272; padding:0 30px; line-height:40px; font-size:13px;  }

.wrap_tabline{border-bottom:1px solid rgba(29, 91, 195, 0.5); 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; }
.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:#333; 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 center 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; }
.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:#E45B05; color:#fff; text-align:center; font-size:11pt;  }
.tab_join li.active, .tab_join li.active a{border:1px solid #E45B05; color:#E45B05; 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;}

/*
*
*
*/

/* 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:200px; overflow-y:scroll; }
.wrap_agree.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;}
.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:1200px; margin:0 auto; padding:50px 20px; background-color:rgba(0, 0 , 0, 0.02); border:1px solid rgba(0, 0 , 0, 0.12); border-radius:4px;}
.wrap_findid ul{width: 470px; margin: 0 auto;}
.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:#00387f; 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; border:1px solid rgba(0, 0 , 0, 0.12); border-radius:4px; padding:15px 15px; }
.intro_eduinfo h3.tit{font-size:16pt; }
.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 ul{margin-left:80px;}
.wrap_eduinfo02 li{display:inline-block; width:calc(15% - 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(1){background-color:rgba(239,128,9,1);}
.wrap_eduinfo02 li:nth-child(1):after{border-color: transparent   transparent transparent rgba(239,128,9,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(239,128,9,0.95);}
.wrap_eduinfo02 li:nth-child(2):after{border-color: transparent   transparent transparent rgba(239,128,9,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(239,128,9,0.9);}
.wrap_eduinfo02 li:nth-child(3):after{border-color: transparent   transparent transparent rgba(239,128,9,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(239,128,9,0.85);}
.wrap_eduinfo02 li:nth-child(4):after{border-color: transparent   transparent transparent rgba(239,128,9,0.85) ; 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(5){background-color:rgba(239,128,9,0.8);}
.wrap_eduinfo02 li:nth-child(5):after{border-color: transparent   transparent transparent rgba(239,128,9,0.8) ; 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(6){background-color:rgba(239,128,9,0.7);}

.wrap_eduinfo03{display:table ; margin-top:20px; }
.wrap_eduinfo03 ul{margin-left:20px;}
.wrap_eduinfo03 li{display:inline-block; width:calc(25% - 10px); height:60px; margin-right:10px;  border-radius:4px; text-align:center; position: relative;}
.wrap_eduinfo03 li:last-child{margin-right:0; }
.wrap_eduinfo03 li div{display:table-cell; text-align:center; vertical-align:middle; line-height:130%; color:#fff;  height:60px; width:189px !important;}
.wrap_eduinfo03 li:nth-child(1){background-color:rgba(239,128,9,1);}
.wrap_eduinfo03 li:nth-child(1):after{border-color: transparent   transparent transparent rgba(239,128,9,1) ; content: "\00a0"; display: block; position: absolute; top: 15px; right: -30px; width: 0; height: 0; border-width: 15px 15px; border-style: solid; }
.wrap_eduinfo03 li:nth-child(2){background-color:rgba(239,128,9,0.95);}
.wrap_eduinfo03 li:nth-child(2):after{border-color: transparent   transparent transparent rgba(239,128,9,0.95) ; content: "\00a0"; display: block; position: absolute; top: 15px; right: -30px; width: 0; height: 0; border-width: 15px 15px; border-style: solid; }
.wrap_eduinfo03 li:nth-child(3){background-color:rgba(239,128,9,0.9);}
.wrap_eduinfo03 li:nth-child(3):after{border-color: transparent   transparent transparent rgba(239,128,9,0.9) ; content: "\00a0"; display: block; position: absolute; top: 15px; right: -30px; width: 0; height: 0; border-width: 15px 15px; border-style: solid; }
.wrap_eduinfo03 li:nth-child(4){background-color:rgba(239,128,9,0.85);}

.mainbannerimg1 {top:135px !important; left:118px !important; z-index:1; text-align:left;}
.btn_gosite, .btn_gosite a{display:inline-block; padding:0 10px; line-height:35px; background:rgba(239, 128, 9, 0.8); color:#fff; cursor:pointer; }
.wrap_s30 li{display:inline-block; width:calc((100% - 20px) /3 ); border:1px solid #ddd; margin-right:10px; vertical-align: top; padding:15px 15px 45px 15px; text-align:center; }
.wrap_s30 li:last-child{margin-right:0;}
.wrap_exambox{width:150px; margin:0 auto; }
.wrap_exambox div{height:35px;}
.wrap_exambox div, .wrap_exambox input{width:150px; margin-bottom:5px;height:34px;}
.wrap_exambox div:last-child{margin-bottom:0; }
.btn_mark{background:#FF585B; padding:5px 10px; color:#fff; cursor:pointer;}
.wrap_exambox .txt_blue, .wrap_exambox .txt_red{line-height:35px;}
.txt_score{font-size:16px;}
.btn_apply{display:inline-block; padding:9px 13px; font-size:12px; color:#fff; background:#DF002C; cursor:pointer;}
.c_info{margin-top:10px; border:1px solid #ddd; border-radius:4px;}
.c_info li{display:inline-block; height:200px; padding:15px 0;}
.c_info li:first-child{width:20%; text-align:center; vertical-align:top; line-height:200px; padding:0;}
.c_info li:last-child{width:80%; }
.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;}
.underbar > li > span:first-child {position: absolute;top: 0; left: 0; line-height: 22px;}
.underbar > li {position: relative;line-height: 22px; padding-left: 10px;}
.blut{position: relative;line-height: 22px;padding-left: 17px;}
.policy{display: table;margin-top: 20px;width: 100%;border: solid #e3e3e3;border-width: 1px 1px 1px 0px;}
.policy .textBox{display: table-cell; width: 50%; padding: 15px 20px;border-left: 1px solid #e3e3e3;}
.policy .textBox a, .policy .textBox span{color:#333}
.va-m{vertical-align:top}
a[id]:before {content:"";display:block;height:50px;margin:1000px 0 0;}
.captcah_size{height:40px;width:150px;border:1px solid rgba(0, 0, 0, 0.12);margin-bottom:5px;}
.box_courseinfo{margin-top:20px;}
.box_courseinfo li{height:80px; margin-bottom:20px; vertical-align: top;  }
.img_course{display:inline-block; width:80px; height:80px; margin-right:15px; background:#DF002C; border-radius:6px; cursor:pointer;  }
.box_courseinfo span{display:block; color:#333; margin-bottom:7px; font-size:18px; font-weight:500; }
.box_courseinfo p{display:inline-block; width:700px; height:80px; vertical-align: top; font-size:11pt; padding-top:5px;}
#page01{position: absolute;
    width: 1px;
    height: 1px;
    margin: -250px 0 0 0;
    top: 10%;
    left: 10%;
}
.minhe150{min-height:150px;}
table tr td div{word-wrap:break-word; word-break:break-all} /* div 湲��� �섏묠 �쒖뼱 */

.wrap_pw_change{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_pw_change ul{margin-left:70px;}
.wrap_pw_change li{line-height:40px;}
.wrap_pw_change li span.tit{display:inline-block; width:120px; color:#333;}
.wrap_pw_change li .txt{line-height:25px !important; margin-bottom:0px;}
.wrap_pw_change input[type="text"], .wrap_pw_change input[type="password"]{min-height:32px !important; }
.title600{width: 600px; margin: 0 auto;}
.font20{font-size: 20px;}
.font_color222{color: #222;}
.font15{font-size: 15px;}
.font_color666{color: #666;}
.font_color_blue{color: #00387f;}
.font_color_blue2{color: #026ad6;}
.lh28{line-height: 28px;}
.font_color_green{color: #608709;}
.font_color_sky{color: #2daeed;}
.radius_box01{width:50%; padding:20px; background-color:rgba(0, 0 , 0, 0); border:1px solid rgba(0, 0 , 0, 0.12); border-radius:4px; color: #222; height: 248px;}
.radius_box02{width:49%; padding:20px; background-color:#fff; border:1px solid rgba(0, 0 , 0, 0.12); border-radius:4px; color: #222; height: 248px; text-align: center;}
.radius_box06{width:100%; padding:20px; background-color:rgba(0, 0 , 0, 0); border:1px solid rgba(0, 0 , 0, 0.12); border-radius:4px; color: #222; height: 160px; text-align:left;}
.float_l{float: left;}
.float_r{float: right;}
.fw600{font-weight:600;}
.con_table01 td{background: #eff4f9; border-bottom: 2px solid #fff; border-left: 2px solid #fff; text-align: center; padding: 3px; color: #2a5a9a;}
.con_table01 th{background: #dde8f7; border-bottom: 2px solid #fff; border-left: 2px solid #fff; text-align: center; padding: 3px; color: #222;}
.con_table01{border-top: 2px solid #fff; border-right: 2px solid #fff; margin-top: 5px;}
.con_table02 td{background: #e8f7f4; border-bottom: 2px solid #fff; border-left: 2px solid #fff; text-align: center; padding: 3px; color: #1b967a;}
.con_table02 th{background: #d3f3ec; border-bottom: 2px solid #fff; border-left: 2px solid #fff; text-align: center; padding: 3px; color: #222;}
.con_table02{border-top: 2px solid #fff; border-right: 2px solid #fff; margin-top: 5px;}
.con_table03 td{background: #f3e8d3; border-bottom: 2px solid #fff; border-left: 2px solid #fff; text-align: center; padding: 3px; color: #964e1b;}
.con_table03 th{background: #f3dad3; border-bottom: 2px solid #fff; border-left: 2px solid #fff; text-align: center; padding: 3px; color: #222;}
.con_table03 {border-top: 2px solid #fff; border-right: 2px solid #fff; margin-top: 5px;width:100%;}
.con_table03 td:nth-child(2) {color: #000;background:#f5f4e9}
.lh18{line-height: 18px;}
.pdtb10{padding: 10px 0;}
.font12{font-size: 12px;}
.letter-narrow{letter-spacing: -0.5px;}
.font28{font-size: 28px;}
.font13pt{font-size: 13pt;}
.fw500{font-weight: 500;}
.con_table01 th.bg_blue{background: #c0d4f0;}
.con_table02 th.bg_green{background: #b6e9de;}
.radius_box03{padding:20px; background-color:#fff; border-radius:4px; color: #222; text-align: center; margin: 15px;}
.btn_gray{display:inline-block; background-color:#ccc; color:#555; line-height:40px; width:150px; text-align:center; border-radius:100px; cursor:pointer; }
/*.radius_box04{padding:27px 12px; background-color:#eff4f9; border-radius:4px; color: #222; text-align: left; width: 100%; font-size: 13px; border: 1px solid #d0e0f1; height: 100%; line-height: 20px;}*/
.radius_box04{padding:15px 10px; background-color:#eff4f9; border-radius:4px; color: #222; text-align: center; width: 49.3%; font-size: 17px; border: 1px solid #d0e0f1; height: 100%; line-height: 30px;}
.radius_box05{padding:15px 10px; background-color:#eef8fd; border-radius:4px; color: #222; text-align: center; width: 49.3%; font-size: 17px; border: 1px solid #b5def2; height: 100%; line-height: 30px;}
.radius_box06{padding:27px 12px; background-color:#fff; border-radius:4px; color: #222; text-align: left; width: 100%; font-size: 13px; border: 1px solid #d0e0f1; height: 100%; line-height: 20px;}


.font11{font-size: 11px;}
				/* Popup container - can be anything you want */
				.popup {
				  position: relative;
				  display: inline-block;
				  cursor: pointer;
  				  color:#FF6D00 !important;
				  -webkit-user-select: none;
				  -moz-user-select: none;
				  -ms-user-select: none;
				  user-select: none;
				  width: 100px;
				  height:31px;
				  line-height:28px;
				  font-size:12px;
				  text-align:center; border: 1px solid #FF6D00; border-radius:3px;
				}

				/* The actual popup */
				.popup .popuptext {
				  visibility: hidden;
				  width: 430px;
				  background-color: #555;
				  color: #fff;
				  text-align: center;
				  border-radius: 6px;
				  padding: 8px 0;
				  position: absolute;
				  z-index: 9999;
				  top: 122%;
				  margin-left: -280px;
				}

				/* Popup arrow */
				.popup .popuptext::after {
				  content: "";
				  position: absolute;
				  top: -21%;
				  left: 70%;
				  margin-left: -5px;
				  border-width: 5px;
				  border-style: solid;
				  border-color: transparent transparent #555 transparent;
				}


				/* Toggle this class - hide and show the popup */
				.popup .show {
				  visibility: visible;
				  -webkit-animation: fadeIn 1s;
				  animation: fadeIn 0.5s;
				}

				/* Add animation (fade in the popup) */
				@-webkit-keyframes fadeIn {
				  from {opacity: 0;} 
				  to {opacity: 1;}
				}

				@keyframes fadeIn {
				  from {opacity: 0;}
				  to {opacity:1 ;}
				}

.event_bn{padding:20px; background-color:#eee; border-radius:4px; color: #222; text-align: center; margin: 15px;}
.font_color_orange{color: #e54108;}
.radius_bg_orange{padding:5px; background-color:#e54108; border-radius:20px; text-align: center; color: #fff; line-height: 15px;}
.txt_thro{text-decoration:line-through !important;}
.color_red{color: #ff585a;}
.color_222{color: #222;}

.btn_down{padding:14px; background-color:#3a77b7; border-radius:4px; color: #fff; text-align: center; font-size: 16px; border: 1px solid #2e5e8f; line-height: 16px; cursor: pointer; width: 25%;}
.btn_down a{color: #fff; text-decoration: none; display: block; font-weight: 300;}
.btn_down a i{margin-left: 6px;}

/*나의 강의실*/
.table_study{width:66%; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; float: left; letter-spacing: -0.2px; height: 240px;}
.table_study td.thumb{vertical-align: top !important; padding-right: 12px;}

.table_study td{vertical-align: top !important; padding:0px 0px 10px 0;*/ font-family: 'Noto Sans KR', sans-serif; font-weight: 400;font-size:15px;}				
.table_study td.course h3{color: #222; font-size: 18px; margin: 0; padding: 0;text-overflow: ellipsis;font-weight:bold; margin-top:10px;margin-bottom:10px;}
.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 7px 12px;}
.table_study2 td.my h3{color: #2a4096; font-size: 14px; text-align: center; margin-bottom: 10px; font-weight:bold;}
.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: 3px; margin: 3px; font-size: 14px;}
.table_study2 td.my table tr:first-child td div:first-child{background: #1eb1ed; color: #fff; letter-spacing: -2px; padding: 5px 0;}
.table_study2 td.my table tr:first-child td:nth-child(2) div:nth-child(2){height: 70px; padding-top: 10px;}
.table_study2 td.my table tr:first-child td div:last-child{height: 70px; padding-top: 22px;}
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; font-weight:bold; color:brown;} 
.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;}
.noG{border: 1px solid #e6e6e6; width:100%; text-align:center; font-size:16px; padding-top:30px; padding-bottom:30px;}
.study_img{ margin-top:10px;}
.study_li li{display:block;width:auto;margin:0;background-color:white; font-size:15px;}
.study_tr {margin-bottom:30px;}
.NoClassCon{ width:100%; background-color:white; height:100px; border-radius:10px;}
.NoclassIn { margin-left:20px; color:black; font-weight:bold; font-size: 18px;    padding: 36px 0px 0px 0px;    text-align-last: center;}
/*나의 강의실*/

/*시험 모달창*/
.FmCheck_con{position:fixed;width:100%;height:100%; background-color:rgba(0,0,0,0.5); z-index:9996}
.FmCheck{position:fixed; top:35%; left:30%; z-index:9997; width:300px; height:100px; background-color:white; color:black; text-align:center; padding-top:15px;border-radius:10px; font-size:16px;}
.FmCheck_btn{position:relative; width:100px;top:25%; z-index:9998;border-radius:10px; color:black;}

.FmCheck1{position:fixed; top:35%; left:30%; z-index:9997; width:300px; height:120px; background-color:white; color:black; text-align:center; padding-top:15px;border-radius:10px; font-size:16px;}
.FmCheck_btn1{position:relative; width:100px;top:15%; z-index:9998;border-radius:10px; color:black;}

.FmCheck_End{position:fixed; top:35%; left:30%; z-index:9997; width:300px; height:120px; background-color:white; color:black; text-align:center; padding-top:15px;border-radius:10px; font-size:16px;}
.FmCheck_btn_End{position:relative; width:100px;top:15%; z-index:9998;border-radius:10px; color:black;}
/*시험 모달창*/

.main_img_bg{width: 1200px; margin: 0 auto; background: url('/images/main/main_visual00.jpg') no-repeat; height: 418px;}
.txt_navy{color: #3761ae; font-weight: 400; font-size: 30px; line-height: 42px; text-align: right; margin-top: 170px; margin-right: 170px;}
.fw500{font-weight: 500;}
.txt_sky{color: #2daeed;}

/* jeh */
.mgr50{margin-right: 50px;}
.pdt100{padding-top: 100px;}
.pdt80{padding-top: 80px;}
.mgb0{margin-bottom: 0 !important;}
.relative{position: relative;}
.top-70{top: -70px;}
.cs_box_wrap{width: 100%; background: #1b4aa2;}
.cs_box{width: 1060px; margin: 0 auto; height: 375px;}
.cs_box ul li{float: left; width: 333px; height: 230px; margin-right: 28px; margin-top: 43px; 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.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 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: 175px; 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{width: 100%; height: 100px; float: left; background: #fff; text-align: center; line-height: 100px; 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; margin-bottom: 30px; font-size: 21px;}
.cs_box ul li.account_num dd:first-child 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(2){width: 100%; height: 100px; float: right; background: #fff; text-align: center; line-height: 100px; 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; font-size: 21px;}
.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: 8px 7px 7px 7px;}


h3.center {text-align: center; font-size: 14pt; margin-bottom: 30px; text-decoration: underline; text-decoration-color: #1b4aa2; text-decoration-thickness: 3px; text-underline-offset: 8px;}
.study_box_wrap{width: 100%; background: #eee; padding: 10px 0;}
.study_box{width: 1200px; margin: 0 auto; height: 134px;}
.study_box ul li{float: left; width: 220px; height: 89px; margin-right: 10px; border-bottom-right-radius: 15px; border-bottom-left-radius: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; background: #fff; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.05); font-size: 16px; color: #000; padding: 7px; text-align: center; line-height: 33px;}
.study_box ul li:last-child{margin-right: 0;}
.study_box ul{margin-top: 10px;}
.study_box ul li span{font-size: 30px; font-weight: 600;}
.study_box ul li:first-child{color: #fff; background: #5f6a6d; font-size: 20px; width: 280px; line-height: 34px;}
.study_box ul li:first-child i.gray{color: #444;}
.study_box ul li:first-child a{color: #fff; text-decoration: none; font-size: 14px; background: #444; padding: 6px 8px; border-radius: 3px;}
.study_box ul li:first-child a i{margin-left: 5px;}
.study_box_warp::after{clear: both !important; display: block; contents: '';}


/* list */ /* 210605 추가 */
.list_wrap { display: block;width: 100%;font-size: 0;box-sizing: border-box;}
.list_wrap ul { margin : 0 -20px;}
.list_wrap li { position: relative;display: inline-block;width: 373px;height: 100%;margin: 0 20px 70px;background: #fff;text-align: center;vertical-align: top;}

.list_wrap li:nth-child(3n+1):after { content:'';position: absolute;bottom: -35px;left: 0;width:1280px; border-bottom: 1px solid #e6e6e6;}
.list_wrap a { position: relative;display: block;height: 100%;}
.list_wrap .img_wrap { position: relative; height: 207px; margin-bottom:15px; border-radius: 7px;overflow: hidden;} /* 210825 수정 *//* 211028 수정 */
.list_wrap .img_wrap img { height: 100%; width:100%; object-fit:fill;}
.list_wrap .info_wrap { position: relative; text-align: left; margin-bottom: 7px;}
.list_wrap .info_wrap .tit_wrap { position: relative;height: 40px;margin-bottom: 10px;} /* 210825 추가 */
.list_wrap .info_wrap p { position: absolute;top: 50%;font-size: 16px;font-weight: 700;margin-bottom: 13px;letter-spacing: -0.5px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 20px;max-height: 40px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); color:black;}/* 210825 추가 */
.list_wrap .info_wrap span { display: block;font-size: 14px;line-height: 18px;font-weight: 300;color: #333333;}/* 210825 수정 */
.list_wrap .info_wrap span strong { margin-right: 12px;}
.list_wrap .info_wrap span em { color:#bc4760;font-weight: 400;margin-right: 9px; font-weight:bold}/* 210825 수정 */
.list_wrap .info_wrap span em.blue { color: #4668a6;}/* 210825 추가 */
.list_wrap .info_wrap span em.purple { color: #6a45a5;}/* 210825 추가 */
.list_wrap .info_wrap .info { display: inline-block;width: 64px;height: 22px;font-size: 12px;line-height: 20px;color: #fff;margin-bottom: 13px;background: #fe2352;border-radius: 11px;text-align: center;letter-spacing: -0.5px;}/* 210825 추가 */
.list_wrap .info_wrap .info .arrow_box  {display: none;
  position: absolute;
  width: 100px;
  padding: 8px;
  left: 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #333;
  color: #fff;
  font-size: 14px;}
  
  .list_wrap .info_wrap .info .arrow_box:after {
	 position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #333;
  border-width: 10px;
  pointer-events: none;
  content: ' ';
	  
  }
  
  span:hover + .arrow_box {
  display: block;
}

.list_wrap .info_wrap .info.online { background: #2d9db4;} /* 210825 추가 */
.list_wrap .info_wrap .info.label_pc {background: #2d38a2; color: #fff; font-size:14px; width:33px; border-radius:20px;}
.list_wrap .info_wrap .info.label_mobile {color: #fff; font-size:13px; width:30px; border-radius:10px;}
.list_wrap .hei_maof {height:116px} /*20210930 kis 추가*/

/* 210825 추가 */
.list_wrap .cost_info { position: absolute; text-align: center; width:373px;}
.list_wrap .btn_enrolment { width: 50%;padding: 3px;font-size: 15px;color: #ff5600;background: #eeeeee;text-align: center;border-radius: 5px;}
.list_wrap.list_h li:nth-child(4n+1):after { content:'';position: absolute;bottom: -35px;left: 0;width:1280px; border-bottom:none;}/* 210828 추가 */
.list_wrap.list_h li,
.list_wrap.list_h_2 li {height:380px;}/* 210828 추가 */
.list_wrap.list_h_2 li.emptyli_list {height:100%;}/* 210828 추가 */

/* tag */ /* 210605 분리 */
.tag_wrap { display: inline-block;font-size: 0;text-align: left;vertical-align: top;} /* 210825 수정 */ /* 20210908 kis */
.tag_wrap span[class*=tag_] { display: inline-block; width: 64px;height: 25px;margin-bottom: 5px;font-size: 15px;line-height: 22px;font-weight: 500;letter-spacing: -1px;border: 1px solid;box-sizing: border-box;border-radius: 11px;text-align: center;margin-right:0px; } /* 210825 수정 *//*20210904 kis*/
.tag_wrap span ~ span { margin-left: 5px;} /* 210825 추가 */
.tag_wrap span.tag_1 {color: #1a7de2} 
.tag_wrap span.tag_2 {color: #5f35ad} 
.tag_wrap span.tag_3 {color: #a91588} 
.tag_wrap span.tag_4 {color: #e24313} 
.tag_wrap span.tag_5 {color: #508120} 
.tag_wrap span.tag_6 {color: #0b875d} 
.tag_wrap span.tag_7 {color: #5d4a06} 
.tag_wrap span.tag_8 {color: #d0194c} 
.tag_wrap span.tag_9 {color: #0d437b} 
.tag_wrap span.tag_10 {color: #c45300}
.tag_wrap span.tag_11 {color: #333333}

.tag_wrap span.tag_empty { display: inline-block; width: 64px;height: 22px;margin-bottom: 5px;font-size: 12px;border:1px solid #fff !important;line-height: 20px;font-weight: 500;margin-right:0px; } /* 20210914 kis 아이콘 공란 */

#quickmenu{width: 120px; position: fixed; right: 0; top: 30%; transform: translateY(-30%);}
#quickmenu a{height: 100px; line-height: 40px; margin-bottom: 5px; padding: 15px; transition: 1s; display: block; color: #fff;}
#quickmenu li:first-child{background-color: #2c323b; border-radius: 5px;}
#quickmenu li:nth-child(2){background-color: skyblue; border-radius: 5px;}
#quickmenu li:nth-child(3){background-color: darkseagreen; border-radius: 5px;}
#quickmenu li:nth-child(4){background-color: #FFDD7B; border-radius: 5px;}
#quickmenu li{text-align: center; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
#quickmenu li:hover{/*margin-left: -50%;*/box-shadow: 0 10px 18px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}

/* 오른쪽 퀵메뉴 */
#aside{position:fixed; top:0; right:0; width: 102px; height:100%; /*margin-top:48px;*/ z-index:101; transition-duration: 0.4s;}
#aside.banner_on{margin-top:96px;}
#aside .q_menu{background-color: #131c30; height:117px; line-height:130px; text-align: center; color:#fff; cursor: pointer; transition: .3s ease;}
#aside .q_menu:hover{background-color: #1e2f55; font-weight:500; border-left:1px solid #1e2f55;}
#aside .q_list{width:102px; height:calc(100%); background:#fff;}
#aside ul{width:102px; height: calc(100% - 101px);}
#aside ul li{height:25%; text-align: center; border-bottom:1px solid #666; width:100%; display: table; transition-duration: 0.4s; vertical-align: middle;}
#aside ul li a{height: 100%; color:#fff; line-height: 18px; display:table-cell; vertical-align:middle;}
#aside ul li a img {margin-bottom:15px;}
#aside ul li.q_con01{background: #131c30; border-top:1px solid #666;}
#aside ul li.q_con01:hover{background:#1e2f55;}
#aside ul li.q_con02{background: #131c30; }
#aside ul li.q_con02:hover{background:#1e2f55;}
#aside ul li.q_con03{background: #131c30; }
#aside ul li.q_con03:hover{background:#1e2f55;}
#aside ul li.q_con04{background: #131c30; }
#aside ul li.q_con04:hover{background: #1e2f55; }

/* 메인 비주얼 */
.main_visual_img{background-image: url('../images/main/main_visual_img_new2_blur.jpg'); background-size: 180%; background-position: 60% 85%; background-repeat: no-repeat; height: 440px;}
.opacity30{height: 100%; background: rgb(0,0,0,0.3);}
.font50_shadow{font-size: 50px; font-family: 'GmarketSansMedium'; line-height: 72px; font-weight: 500; color: #fff; padding-top: 100px; text-shadow: 0px 0px 10px #555;}
.font50{font-size: 50px; font-family: 'GmarketSansMedium'; line-height: 60px; font-weight: 800;}
.main_visual_bg{background: url('/images/main/main_visual_img.jpg') no-repeat center bottom; height: 100%; background-position:top; background-size:contain;}

/* 메인 비주얼 밑 과정 소개  */
.edu_box_wrap{width: 100%; padding: 40px 0;}
.edu_box{width: 1200px; margin: auto ; height: 211px;}
.edu_box ul li{float: left; width: 379px; height: 221px; margin-right: 28px; 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.2); font-size: 14px; color: #000;}
.edu_box ul li:last-child{width: 380px; margin-right: 0; padding: 0;}
.edu_box ul li a{color: #000; display: block; text-decoration: none;}
.edu_box ul li dd span {cursor:pointer;}
.edu_box ul li dd span i {font-size:19px; color:#fff; margin-right:7px;}
.edu_box ul li dd:first-child{text-align: center;}
.edu_box ul li dd:first-child{font-weight:500; color: #fff; padding: 25px; font-size: 19px; border-top-right-radius: 15px; border-top-left-radius: 15px;}
.edu_box ul li dd:last-child{color: #333; margin-top: 10px; padding: 20px 40px; font-size: 16px; line-height: 26px; border-top-left-radius: 15px; border-top-right-radius: 15px;}
.edu_box ul li dd button{margin-top: 30px; background: #333; color: #fff; font-size: 16px; text-align: center; border-radius: 30px; padding: 10px 20px; border: none; width: 100%;}
.edu_box ul li:first-child dd:first-child{background: #ff8f89 !important}
.edu_box ul li:nth-child(2) dd:first-child{background: #0bbeb9 !important}
.edu_box ul li:last-child dd:first-child{background: #0f9bbe !important}

.exit_area{width:100%;}

.top_wrap{width: 100%;}
.bg_navy{background: #0D1827;}
.login{width: 1200px; text-align: right; margin: 0 auto; color: #fff; padding: 12px 0;}
.navi_wrap{width: 1200px; display: flex; margin: 0 auto;}
.logo_img{flex: 2; text-align: left;}
.logo_img a{line-height: 88px;}
.dropmenu{flex: 4; text-align: right; border: none; margin: 0; padding: 0;}
.dropmenu ul{background: #fff; height: 84px; list-style: none; margin: 0; padding: 0;}
.dropmenu li{list-style: none; display: inline-block; padding: 0;}
.dropmenu li a{background: #fff; color: #333; display: block; line-height: 84px; margin: 0; padding: 0 30px; text-align: center; text-decoration: none; font-size: 18px; font-weight: 500;}
.dropmenu li a:hover, .dropmenu ul li:hover a{background: rgb(31, 31, 31); color: #fff; text-decoration: none;}
/*.dropmenu li a:hover{border-bottom: 5px solid #FF0;}*/
.dropmenu li ul{background: #ff0000; display: none; height: auto; border: 0; position: absolute; width: 250px; z-index: 200;}
.dropmenu li:hover ul{display: block;}
.dropmenu li li{background: #244f85; display: block; float: none; margin: 0; padding: 0; width: 250px;} /* background: red; */
.dropmenu li:hover li a{background: none;}
.dropmenu li ul a{display: block; line-height: 50px; font-size: 15px; margin: 0; padding: 0 20px; text-align: left;}
.dropmenu li ul a:hover, .dropmenu li ul li:hover a{background: #666; border: 0; color: #fff; text-decoration: none;} /* background: rgb(171, 171, 171) */
.dropmenu p{clear: left;}

.visual_wrap{width: 1200px; margin: 0 auto; display: flex; position: relative;}
.site_main_bg{flex: 4; background: #00B3FF; color: #fff; font-size: 38px;}
.site_main_img{flex: 6;}
.site_main_txt{background: #111; padding: 40px 50px; font-size: 38px; color: #fff; font-weight: 600; position: absolute; top: 120px; left: 60px; z-index: 1; font-family: 'GmarketSansMedium'; width: max-content;}

.content_wrap{width: 100%; margin-bottom: 100px;}
.con{width: 1200px; display: flex; margin: 0 auto;}
.con_notice{flex: 1; margin-right: 20px;}
.con_notice h3{font-size: 24px; font-weight: 500; color: #111; float: inline-start;}
.btn_plus{display: inline-block; float: inline-end; margin-top: 10px;}
.btn_plus a{color: #888;}
.con_notice ul{margin: 0; padding: 30px 0 0 0; margin-top: 15px;}
.con_notice ul li{list-style: none; float: left; width: 285px; position: relative; line-height: 30px; height: 170px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; padding-top: 30px;}
.con_notice ul li:first-child{margin-right: 20px; border-bottom: none;}
.con_notice ul li:nth-child(2){border-bottom: none;}
.con_notice ul li:nth-child(3){margin-right: 20px;}
.con_notice ul li .subject{cursor: pointer; position: absolute; left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #111; font-size: 17px; width: 285px; font-weight: 500;}
.con_notice ul li .date{position: absolute; right:0; color: #888;}
.con_notice ul li .con{position: absolute; left: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #666; font-size: 14px; width: 280px;}
.con_cs{flex: 1; color: #111;}
.con_cs ul{margin: 0; padding: 0;}
.con_cs ul li{list-style: none; float: left; width: 285px; padding: 40px; background: #F5D6D6; height: 164px;}
.con_cs ul li:first-child{width: 100%; margin-bottom: 20px; height: 200px; background:url("../images/main/main_cs_bg01.jpg") no-repeat;}
.con_cs ul li:nth-child(2){margin-right: 20px; background:url("../images/main/main_cs_bg02.jpg") no-repeat; line-height: 80px;}
.con_cs ul li:nth-child(3){background:url("../images/main/main_cs_bg03.jpg") no-repeat; line-height: 80px;}
.con_cs ul li a{color: #fff; display: block;}
.con_cs ul li a i{margin-right: 10px;}
.font24{font-size: 24px;}
.w1200px{width: 1200px; margin: 0 auto;}


.simple-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 25px;
}

/* 카드 스타일 */
.simple-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 25px;
    flex: 1;
    min-width: 320px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.03);
}

.simple-card h3 {
    font-size: 18px;
    margin-bottom: 12px;
    font-weight: 600;
}

.simple-card h3 .sub {
    font-size: 13px;
    color: #777;
    font-weight: normal;
    margin-left: 6px;
}

/* 설명 텍스트 */
.simple-desc {
    font-size: 13px;
    color: #666;
    margin-bottom: 10px;
}

.txt-red {
    color: #e33;
}

/* 테이블 */
.simple-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.simple-table th {
    background: #f5f6f9;
    padding: 10px;
    text-align: center;
    font-weight: 600;
    border: 1px solid #ddd;
}

.simple-table td {
    padding: 10px;
    text-align: center;
    border: 1px solid #eee;
}

/* 반응형 */
@media (max-width: 768px) {
    .simple-wrap {
        flex-direction: column;
    }
}