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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
del, dfn, em, img, ins, kbd, q, s, samp,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
address, i, em{font-style: normal;}
span.ir, caption{position:absolute; left: -9999px;}
a {text-decoration:none; }
img {border:0;}



#sub_crumb {background-color:#f8f8f8; border-top:1px solid #efefef; border-bottom:1px solid #efefef;  width:100%;}
#sub_crumb980 {width:980px; height:14px; margin:0 auto; padding:7px 0 15px 0; text-align:right;}
#sub_crumb a {font-size:13px; color:#6d6d6d; text-decoration:none; margin-right:10px;}
#sub_crumb a.home {display:inline-block; background:url(../images/icon_home.png) no-repeat 0 4px; width:13px; height:16px; margin-right:25px;}
#sub_crumb a:after{content: " > "; margin-left:10px;}
#sub_crumb a.home:after{content: " > "; margin-left:28px; }
#sub_crumb span{font-size:13px; color:#ff5f4d;}


#container {width:100%; }
#container980 {width:980px; margin:0 auto; padding-bottom:50px; overflow: hidden;}
#con_left {width:180px; min-height: 580px; margin-right: 20px; float: left;}
#con_left ul.left_btn {border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; margin-bottom: 10px;}
#con_left ul.left_btn > li {border-bottom: 1px solid #d6d6d6;}
#con_left div.line {border-bottom: 1px solid #c3c3c3; border-top: 1px solid #323949; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3;}

/**
 * Styling top level items
 */

.nav a, .nav label {
  display: block;
 padding: .85rem;
  color: #444444;
  background-color: #fff;
  border-left: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
  font-size: 18px;
  font-weight: 500;
}
.nav a.fs_13, .nav label.fs_13 {font-size: 13px;}
.nav a:focus, .nav a:hover, .nav label:focus, .nav label:hover {
  color: #00a59b;
  background: #f8f8f8;
}

.nav label { cursor: pointer; }

/**
 * Styling first level lists items
 */

.group-list a, .group-list label {
  padding-left: 2rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  background: #323949;
  color: #fff;
  box-shadow: inset 0 -1px #373737;
  font-size: 13px;
  border-bottom:none;
}

.group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover { background: #1e2431;  color: #fff; }

/**
 * Styling second level list items
 */

.sub-group-list a, .sub-group-list label {
  padding-left: 4rem;
  background: #353535;
  box-shadow: inset 0 -1px #474747;
}

.sub-group-list a:focus, .sub-group-list a:hover, .sub-group-list label:focus, .sub-group-list label:hover { background: #232323; }

/**
 * Styling third level list items
 */

.sub-sub-group-list a, .sub-sub-group-list label {
  padding-left: 6rem;
  background: #454545;
  box-shadow: inset 0 -1px #575757;
}

.sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover { background: #333333; }

/**
 * Hide nested lists
 */

.group-list, .sub-group-list, .sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
}

.nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
max-height: 1000px; }

/**
 * Rotating chevron icon
 */

label > span {
  float: right;
  -webkit-transition: -webkit-transform .65s ease;
  transition: transform .65s ease;
	margin-top: 4px;
}

.nav__list input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}


#con_right {width: 780px; min-height: 580px; float: right;}
p.sub_title {background: url(../images/icon02.png) no-repeat 0 3px; font-size: 15px; font-weight: bold; color: #323949; padding-left: 20px;}
#con_right .search_box {
	padding: 15px 0 0 29px; width: 749px; height: 49px; border-top: 1px solid #515151; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd; background-color: #f8f8f8; overflow: hidden;}
p.info_r {background: url(../images/icon13.png) no-repeat 0 5px; padding-left: 11px;}
p.info_r > span {color: #de4f41;}

ul.select_section {}
ul.select_section > li {width: 144px;}

.not {
	width: 466px; height: 41px; background-color: #f8f8f8; border-bottom: 1px solid #f5f5f5; padding: 18px 0 0 312px;
	border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; }
.not > p {background: url(../images/icon04.png) no-repeat 0 4px; color: #f85a2e; padding-left: 18px;}

.info_txt {
	background: url(../images/icon09.png) no-repeat 0 6px; padding-left: 12px; color: #555; font-size: 13px;
	margin-bottom: 11px;}
.info_txt > span {color: #ff5e5f;}

/* 과정안내 */
.tit_book {
	background: url(../images/icon_tit02.png) no-repeat 0 6px; padding-left: 37px; font-size: 20px; font-weight: bold; color: #0ba59b; }
.tit_box {
	width: 912px;  padding: 26px 34px 27px 32px; border-top: 1px solid #6c6c6c; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; overflow: hidden;
position: relative;}
.tit_box .tit_elearn {
	background: url(../images/icon_tit01.png) no-repeat 0 6px; padding-left: 24px; font-size: 20px; font-weight: bold; color: #ff5443; float: left;}
.tit_box .tit_elearn > span.new {
	display: inline-block; width: 13px; height: 12px; background: url(../images/icon_new.png) no-repeat 0 0; margin: 0 0 10px 5px;}
.tit_box .btn_cart {
	display: block; float: right; background: url(../images/icon08.png) no-repeat 8px -9px; color: #323949; font-size: 14px; font-weight: bold;
	padding: 0 10px 8px 32px; border-bottom: 1px solid #323949;}
.tit_box .tit_book2 {
	font-size: 20px; font-weight: bold; color: #323949; float: left;}
.tit_box .tit_book2 > span.new {
	display: inline-block; width: 13px; height: 12px; background: url(../images/icon_new.png) no-repeat 0 0; margin: 0 0 10px 5px;}
.tit_box .score {width: 200px;  float: left; margin-left: 358px; font-size: 16px; }
.tit_box .score th {padding: 3px 0 3px 12px; text-align: center;}
.tit_box .score td {vertical-align: middle;padding: 3px 0; text-align: center;}

.course_book {float: left; border: 1px solid #d7d7d7; padding: 29px 39px 29px 45px; width: 894px; height: 241px; background-color: #f9f9f9;}
.img_e > img {width: 299px; height: 218px;}
.img_b {padding-left: 70px;}
.img_b > img {width: 163px; height: 241px;}
.img_b2 > img {width: 116px; height: 171px;}

.course_left {float: left; border: 1px solid #d7d7d7; padding: 29px 29px 29px 55px; width: 677px; height: 241px; background-color: #f9f9f9;}
.course_right {
	border-top: 1px solid #d7d7d7;; border-bottom: 1px solid #d7d7d7;; border-right: 1px solid #d7d7d7;; padding: 77px 28px 0 30px; float: right;
	width: 158px; height: 222px; background-color: #efefef; position: relative;}
ul.top_bn {position: absolute; overflow: hidden; width: 156px; height: 52px; top: 0;}
ul.top_bn li {float: left; width: 52px; height: 52px;}
ul.top_bn li.bn_elearn {background: url(../images/bn_elearn.png) no-repeat 0 0; }
ul.top_bn li.bn_book {background: url(../images/bn_book.png) no-repeat 0 0; }
ul.top_bn li.bn_smart {background: url(../images/bn_smart.png) no-repeat 0 0; }
ul.top_bn li.bn_mobile {background: url(../images/bn_mobile.png) no-repeat 0 0; }
ul.top_bn li.bn_language {background: url(../images/bn_language.png) no-repeat 0 0; }
ul.top_bn li.bn_collective {background: url(../images/bn_collective.png) no-repeat 0 0; }
ul.top_bn li.bn_collective {background: url(../images/bn_collective.png) no-repeat 0 0; }
ul.top_bn li.bn_cardnews {background: url(../images/bn_cardnews.png) no-repeat 0 0; }
ul.top_bn li.bn_month1 {background: url(../images/bn_month1.png) no-repeat 0 0; }
ul.top_bn li.bn_month2 {background: url(../images/bn_month2.png) no-repeat 0 0; }
ul.top_bn li.bn_month3 {background: url(../images/bn_month3.png) no-repeat 0 0; }
ul.top_bn li.bn_month4 {background: url(../images/bn_month4.png) no-repeat 0 0; }
ul.top_bn li.bn_refund {background: url(../images/bn_refund.png) no-repeat 0 0; }
ul.top_bn li.bn_pay {background: url(../images/bn_pay.png) no-repeat 0 0; }
.course_right span.line {border-bottom: 1px #d6d5d4 solid; width: 154px; display: block; margin: 25px 0;}
.info_box {padding: 10px 33px; overflow: hidden; background-color: #eff7fc; border-right: 1px solid #ecf4fb; border-left: 1px solid #ecf4fb;}
.info_box.line {border-bottom: 1px solid #b5d9f7;}
.info_box.line2 {border-top: 1px solid #b5d9f7;}
.info_box > p {float: left; padding: 6px 0 6px 95px; color: #666666; font-size: 14px; width: 273px;}
.info_box p.date {background: url(../images/icon10.png) no-repeat 0 4px;}
.info_box p.term {background: url(../images/icon11.png) no-repeat 0 4px;}
.info_box p.reference {background: url(../images/icon12.png) no-repeat 0 4px;}

/* 북러닝 2개월 */
#book_month2 {border-bottom: 1px solid #d7d7d7; border-left:  1px solid #d7d7d7;; border-top:  1px solid #d7d7d7;}
#book_month2 th.month2  {border-right:  1px solid #d7d7d7; padding: 30px 0; background-color: #f9f9f9;}
#book_month2 td.month2 {border-right:  1px solid #d7d7d7; padding: 30px 28px; background-color: #efefef;}

/* 북러닝 3개월 */
#book_month3 {border-bottom: 1px solid #d7d7d7; border-left:  1px solid #d7d7d7;; border-top:  1px solid #d7d7d7;}
#book_month3 td.month3 {border-right:  1px solid #d7d7d7; padding: 30px 30px; background-color: #f9f9f9;}

/* 북러닝 4개월 */
#book_month4 {border-bottom: 1px solid #d7d7d7; border-left:  1px solid #d7d7d7;; border-top:  1px solid #d7d7d7;}
#book_month4 td.month4 {border-right:  1px solid #d7d7d7; padding: 30px 8px; background-color: #f9f9f9;}


/* 과정안내 하단 아코디언 부분 */


#accordion {
	width:978px; height:auto; border-bottom:1px solid #dadada; border-right: 1px solid #dadada;; border-left: 1px solid #dadada; }
#accordion a.list {
	display:block; height:52px; line-height:52px; background-color:#fff; color:#2f333b; font-size:14px; font-weight:bold;
	overflow: hidden; border-top: 1px solid #dadada;;}
#accordion > div > a.list span.bn_01{
	display:block; width: 66px; height:52px; background: url(../images/bn_front01.png) no-repeat 0 0; float: left; margin-right: 38px;}
#accordion > div > a.list span.bn_01.on{
	display:block; width: 66px; height:52px; background: url(../images/bn_front01_on.png) no-repeat 0 0; float: left; margin-right: 38px;}
#accordion > div > a.list span.bn_02{
	display:block; width: 66px; height:52px; background: url(../images/bn_front02.png) no-repeat 0 0; float: left; margin-right: 38px;}
#accordion > div > a.list span.bn_02.on{
	display:block; width: 66px; height:52px; background: url(../images/bn_front02_on.png) no-repeat 0 0; float: left; margin-right: 38px}
#accordion > div > a.list span.bn_03{
	display:block; width: 66px; height:52px; background: url(../images/bn_front03.png) no-repeat 0 0; float: left; margin-right: 38px;}
#accordion > div > a.list span.bn_03.on{
	display:block; width: 66px; height:52px; background: url(../images/bn_front03_on.png) no-repeat 0 0; float: left; margin-right: 38px}
#accordion > div > a.list span.bn_04{
	display:block; width: 66px; height:52px; background: url(../images/bn_front04.png) no-repeat 0 0; float: left; margin-right: 38px;}
#accordion > div > a.list span.bn_04.on{
	display:block; width: 66px; height:52px; background: url(../images/bn_front04_on.png) no-repeat 0 0; float: left; margin-right: 38px}

#accordion > div > a.list span.arrow {
	background:url(../images/icon_arr_down.png) no-repeat; display:block; width: 66px; height:52px; float: right;}
#accordion > div > a.list span.arrow.on {
	background:url(../images/icon_arr_up.png) no-repeat; display:block; width: 66px; height:52px; float: right;}

#accordion > div {overflow:hidden;}
#accordion > div > div {overflow:hidden; padding:28px 28px; border-top: 1px solid #dadada;}
#accordion div.line {width: 100%;  border-left: 1px solid #e1e1e1; padding: 28px 33px 35px 33px;}
#accordion p.tit_check {
	font-size: 14px; font-weight: bold; color: #f04a37; padding-left: 21px; background: url(../images/icon_tit03.png) no-repeat 0 3px;
	margin-bottom: 8px;}
#accordion div.gray_box {border: 1px solid #dbe3ea; padding: 17px 81px; width: 747px; color: #666; font-size: 13px; line-height: 170%;}
#accordion div.gray_box03 {border: 1px solid #dbe3ea; background: #f4f6f8; padding: 17px 17px; width: 875px; color: #666; font-size: 13px; line-height: 170%;}
#accordion div.gray_box.bg01 {background: #f4f6f8 url(../images/icon_bg01.png) no-repeat 29px 23px;}
#accordion div.gray_box.bg02 {background: #f4f6f8 url(../images/icon_bg02.png) no-repeat 29px 23px;}

#accordion div.left_box {float:left; width: 465px;  margin-right: 35px;}
#accordion .grid_elearn {color: 3383838; font-size: 13px; letter-spacing: -1px; border-top: 1px solid #dbe3ea; border-left: 1px solid #dbe3ea;}
#accordion .grid_elearn th {
	border-bottom: 1px solid #dbe3ea; border-right: 1px solid #dbe3ea; padding: 13px 0; background-color: #f4f6f8;}
#accordion .grid_elearn td {padding: 13px 0; text-align: center; border-bottom: 1px solid #dbe3ea; border-right: 1px solid #dbe3ea; }
#accordion .grid_elearn td.ta_l {text-align: left; padding-left: 20px;}
#accordion .right_box {float:left; width: 415px; }
#accordion .gray_box02 {
	border: 1px solid #dbe3ea; padding: 17px 20px 17px 73px; width: 320px; color: #666; font-size: 13px; line-height: 170%;
	background: #f4f6f8 url(../images/icon_bg03.png) no-repeat 29px 15px;}

/* 나의학습장 */
.top_bg1400 {
	width: 1400px; height: 135px; background: url(../images/top_bg01.png) no-repeat 0 0; margin: 0 auto; padding-top: 52px; color: #fff;
	text-align: center;}
.top_bg1400 > p {font-size: 15px;}
.top_bg1400 .tit_my {font-size: 35px; font-weight: bold; margin-bottom: 5px;}
.tit_mine {font-size: 20px; font-weight: bold; color: #323949;}
.tit_mine > span {color: #13a69c;}
#tabs{
  overflow: hidden;
  width: 980px;; /* 01.탭부분 전체의 넓이 입니다. */
  margin: 0 auto;
  margin-bottom:40px;
  list-style: none;
  border-top: 1px solid #747474;
}

#tabs li{
  float: left;
  margin:0; /* 03.탭메뉴 사이사이의 간격을 조정합니다 */
  width:327px;
}
#tabs li:first-child {width: 326px;}

/*비활성화 탭(기본 탭모양) 설정*/
#tabs a{
  position: relative;
	
	
  width:100%;
  height:150px; /* 04.탭메뉴 하나의 넓이와 높이 */
  float: left;
  text-decoration: none;
  text-align:center;
  font-size:14pt; /* 05.탭메뉴 폰트사이즈 */
  color: #444;
  background:#CCC url(../images/tab_line.png) no-repeat 0 bottom;
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{
  /*background: #fff;*/
}

#tabs a:focus{
  /*outline: 0;*/
}

#tabs a::after{
  z-index: 1;
  background:url(../images/tab_line.png) no-repeat 0 bottom;
}

/*활성화탭(탭 클릭했을때 모양) 설정*/
#tabs #current a,
#tabs #current a::after{
  background:url(../images/tab_line_on.png) no-repeat 0 bottom; /* 07.탭메뉴 색상 설정 */
  z-index: 3;
}

#tabs a div.tab1 {
	background: #f8f8f8 url(../images/tab_bg01.png) no-repeat 75px 41px;}
#tabs a div.tab2 {
	background: #fff url(../images/tab_bg02.png) no-repeat 75px 43px;}
#tabs a div.tab3 {
	background: #f8f8f8 url(../images/tab_bg03.png) no-repeat 75px 47px;}


#tabs a div {padding: 30px 0 0 130px; height: 113px;}
#tabs a div > p {font-size: 15px; font-weight: bold; color: #323949;}
#tabs a div > p > span {font-size: 48px; font-weight: bold; margin-right: 7px;}

/* ------------------------------------------------- */

/*컨텐츠 부분*/
#content
{
    background: #fff;
	width:980px;
	min-height: 700px; /* 08.컨텐츠 넓이와 높이 */
	position: relative;
	z-index: 2;
}

#tab1 ul.notice {background: #eeeeee; padding: 15px; border-radius: 5px;}
#tab1 ul.notice li {margin-bottom: 5px; font-size: 13px;}

/* 전자도서관 */
img {border: 0px currentColor; border-image: none;}
		button {border: 0px currentColor; border-image: none;}
        button {overflow: visible;}
		.dilibary {margin: 0px auto; width: 980px;  height:740px;  background: url("../images/dlibrary_01.png") no-repeat;}
		.bounce {animation:bounce .8s 100; margin-top:290px; margin-left:37%; background: #f8f8f8; }


		/* CSS 다운로드 버튼추가 */
		.dilibary_down {margin: 0px auto; width: 980px;  height:532px;  background: url("../images/dlibrary_02.png") no-repeat;}
		.buttons_down {float: right; padding-top: 36px;padding-right: 51px;	clear: both;}
		a.button_down {
   		 color: #6e6e6e;
    	 font: bold 2px Helvetica, Arial, sans-serif;
		 letter-spacing: -1px;
    	 text-decoration: none;
    	 padding: 7px 12px;
    	 position: relative;
    	 display: inline-block;
    	 text-shadow: 0 1px 0 #fff;
    	 -webkit-transition: border-color .218s;
    	 -moz-transition: border .218s;
    	 -o-transition: border-color .218s;
    	 transition: border-color .218s;
    	 background: #f3f3f3;
    	 background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    	 background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    	 border: solid 1px #e9a32c;
    	 border-radius: 2px;
    	 -webkit-border-radius: 2px;
    	 -moz-border-radius: 2px;
    	 margin-right: 10px;
    	 }
    	 a.button_down:hover {
       	  color: #e36440;
       	  border-color: #e36440;
       	  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
		  -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    	 }
    	 a.button_down:active {
    	 color: #000;
    	 border-color: #444;
    	 }
    	 a.save-big {
    	 background: url(../images/sprite_new.png) 15px -162px no-repeat #f3f3f3;
    	 font-size: 14px;
    	 padding: 10px 15px 10px 35px;
    	 }

/* 도서요약서비스 */
.dilibary2 {margin: 0px auto; width: 980px;  height:1159px;  background: url("../images/summery.png") no-repeat;}
.bounce2 {animation:bounce .8s 100; margin-top:610px; margin-left:37%; background-image: none; }


/* 신규 이슈화 영상 _ list */
.sub_title2 {color: #000000; font-size: 30px; font-weight: bold; text-align: center;}

ul.issue_box {overflow-x: hidden; margin-right: -30px;}
ul.issue_box li {float: left; margin-right: 30px; margin-bottom: 30px;}

/* 지식갤러리 _ list */
#tabs2{
  overflow: hidden;
  width: 980px;; /* 01.탭부분 전체의 넓이 입니다. */
  margin: 0 auto;
  margin-bottom:40px;
  list-style: none;
}

#tabs2 li{
  float: left;
  margin:0; /* 03.탭메뉴 사이사이의 간격을 조정합니다 */
  width:326px;
}
#tabs2 li:first-child {width: 328px;}

/*비활성화 탭(기본 탭모양) 설정*/
#tabs2 a{
  position: relative;
  width:100%;
  height:60px; /* 04.탭메뉴 하나의 넓이와 높이 */
  background: #fff;
  float: left;
  text-decoration: none;
  text-align:center;
  font-size:20px; /* 05.탭메뉴 폰트사이즈 */
  color: #333333;
  line-height: 60px;
  border-bottom: 3px solid #efefef;
  font-weight: bold;

}

#tabs2 a:hover,
#tabs2 a:hover::after,
#tabs2 a:focus,
#tabs2 a:focus::after{
  /*background: #fff;*/
}

#tabs2 a:focus{
  /*outline: 0;*/
}

#tabs2 a::after{
  z-index: 1;
  background:#fff;
}

/*활성화탭(탭 클릭했을때 모양) 설정*/
#tabs2 #current a,
#tabs2 #current a::after{
  background:#fff; /* 07.탭메뉴 색상 설정 */
  z-index: 3;border-bottom: 3px solid #de4f41;
  color: #de4f41;
}



/* ------------------------------------------------- */

/*컨텐츠 부분*/
#content2
{
    background: #fff;
	width:980px;
	min-height: 700px; /* 08.컨텐츠 넓이와 높이 */
	position: relative;
	z-index: 2;
}


ul.gallery_box {overflow: hidden; margin-right:-30px; padding: 0 5px;}
ul.gallery_box li {float: left; margin-right: 30px; margin-bottom: 30px;}
ul.gallery_box li:last-child {margin-right: 0;}

/* 신규 이슈화 영상 _  view */
.issue_title {
	overflow: hidden; height: 80px; line-height: 80px; padding: 0 28px 0 37px;
	border-bottom: 1px solid #e1e1e1; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7;
	border-top: 1px solid #4d5265;}
.issue_title p.left {float: left; font-size: 20px; font-weight: bold; color: #de4f41;}
.issue_title p.right {float: right; font-size: 14px; color: #898989;}
.issue_title p.right > span {color: #323949; margin-right: 13px;}
.issue_play {overflow: hidden; background-color: #f9f9f9; border-left: 1px solid #d7d7d7;; border-right: 1px solid #d7d7d7; padding: 39px 28px 38px 41px;  }
.issue_play div.left {float: left; width: 500px; height: 311px; background-color: #fff;}
.issue_play div.right {float: right; width: 370px; height: 311px;}
.issue_play div.right > p {
	background: url(../images/icon_book2.png) no-repeat 0 5px; padding:0 0 11px 30px; font-size: 18px; font-weight: bold; color: #323949;
	border-bottom: 1px solid #d8d8d8; margin-bottom: 30px;}
.issue_play div.right > div { width: 360px; height: 240px; padding-right: 10px;}
.issue_like {
	border-bottom: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7;
	border-top: 1px solid #e1e1e1; padding-left: 41px; height: 79px; line-height: 79px; position: relative;}
.issue_like > p {font-size: 14px; color: #323949;}
.issue_like > p > span {margin: 0 45px 0 5px; color: #13a69c;}

.issue_like .like_box {width: 180px; height: 80px; position: absolute; background-color: #4d5265; top: 0; right: 0; color: #fff; padding-left: 24px;}
.issue_like .like_box > span {margin: 0 18px 0 15px; color: #ffd584;}

ul.issue_reply li.reply_enter {
	overflow:hidden; padding-bottom:27px; background: url(../images/line.png) repeat-x 0 bottom;}
ul.issue_reply li.reply_list {
	position:relative; padding:25px 20px 27px 109px; background:url(../images/icon14.png) no-repeat 19px 25px;
	border-bottom:1px solid #e9e9e9; overflow:hidden;}
ul.issue_reply li.reply_list p {
	margin-bottom:9px; font-size:15px; color:#898b92; font-weight: normal;	}
ul.issue_reply li.reply_list a.btn_x {
	position:absolute; top:15px; right:17px; background:url(../images/btn_x2.png) no-repeat; width:13px; height:13px;}
ul.issue_reply li.reply_list p span.name {
	font-size:14px; color:#323949; margin-right:8px;}
ul.issue_reply li.reply_list p span.date {
	font-size:14px; color:#b5b5b6;}

/* 지식갤러리 _  view */
ul.gallery_explain {width:100%;}
ul.gallery_explain li.title {
	font-size:17px; font-weight:bold; color:#de4f41; padding-bottom:48px; border-bottom:1px solid #ececec;
	margin-bottom:48px;}
ul.gallery_explain li.text {color:#666666; font-size:14px; margin-bottom:10px;}
ul.gallery_explain li.text span {
	display:inline-block; color:#323949; font-weight:bold; margin-right:19px; width: 70px; }

div.gallery_detail {padding: 54px 32px 51px 32px; background-color: #f9f9f9; border-top: 1px solid #323949; font-size: 15px; color: #666666; line-height: 170%;}
div.gallery_detail > img {display: block; margin: 0 auto; margin-bottom: 50px;}

/* 교육안내 */
#tabs3{
  overflow: hidden;
  width: 780px;; /* 01.탭부분 전체의 넓이 입니다. */
  margin: 0 auto;
  margin-bottom:40px;
  list-style: none;
}

#tabs3 li{
  float: left;
  margin:0; /* 03.탭메뉴 사이사이의 간격을 조정합니다 */
  width:156px;
}

/*비활성화 탭(기본 탭모양) 설정*/
#tabs3 a{
  position: relative;
  width:100%;
  height:46px; /* 04.탭메뉴 하나의 넓이와 높이 */
  background: #f9f9f9;
  float: left;
  text-decoration: none;
  text-align:center;
  font-size:14px; /* 05.탭메뉴 폰트사이즈 */
  color: #ababab;
  line-height: 46px;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #13a69c;

}

#tabs3 a:hover,
#tabs3 a:hover::after,
#tabs3 a:focus,
#tabs3 a:focus::after{
  /*background: #fff;*/
}

#tabs3 a:focus{
  /*outline: 0;*/
}

#tabs3 a::after{
  z-index: 1;
  background:#fff;
}

/*활성화탭(탭 클릭했을때 모양) 설정*/
#tabs3 a.on{
  background:#fff; /* 07.탭메뉴 색상 설정 */
  z-index: 3;
  border-bottom: none;
  border-right: 1px solid #13a69c;
  border-left: 1px solid #13a69c;
  color: #13a69c;
  border-top: 1px solid #13a69c;
  width:154px;
}



/* ------------------------------------------------- */

/*컨텐츠 부분*/
#content3
{
    background: #fff;
	width:780px;
	min-height: 700px; /* 08.컨텐츠 넓이와 높이 */
	position: relative;
	z-index: 2;
}

ul.how_box {width:748px; padding:30px 0 30px 30px; background-color:#fbfbfb; border:1px solid #f6f6f6; overflow:hidden;}
ul.how_box li.how_txt {margin-left:30px; width:300px; line-height:170%;}
ul.how_box li.how_txt2 {margin-left:30px; width:380px; line-height:170%; margin-top:20px;}
ul.how_box2 {width:778px; background-color:#fbfbfb; border:1px solid #f6f6f6; overflow:hidden; padding:30px 0;}
ul.how_box2 li {text-align: center;}
p.big {font-size:18px; color:#353535; line-height: 180%;}
p.big > span {color: #13a69c; font-weight: bold;}
p.small {font-size:14px; color:#807674; border-top:solid 1px #e5e5e5; margin-top:13px; padding-top:16px;}


/* 모사답안주의안내, 유의사항 */
ul.copy_box {padding: 29px; width: 720px; border: 1px solid #e5e5e5; background-color: #fafafa;}
ul.copy_box li.tit {
	font-size: 16px; font-weight: bold; color: #13a69c; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
ul.copy_box li.txt {font-size: 14px; line-height: 200%; color: #666666;}
ul.copy_box li.txt > p.big {color: #13a69c; font-size: 16px; font-weight: bold;}
span.copy_noti {
	display: block; padding: 20px 30px 20px 52px; color: #de4f41; font-size: 13px; font-weight: bold;
	background: #f3f3f3 url(../images/icon15.png) no-repeat 30px 23px;}

/* 학습방법안내 탭 */
#tabs4{
  overflow: hidden;
  width: 780px;; /* 01.탭부분 전체의 넓이 입니다. */
  margin: 0 auto;
  margin-bottom:40px;
  list-style: none;
}

#tabs4 li{
  float: left;
  margin:0; /* 03.탭메뉴 사이사이의 간격을 조정합니다 */
  width:156px;
}

/*비활성화 탭(기본 탭모양) 설정*/
#tabs4 a{
  position: relative;
  width:100%;
  height:41px; /* 04.탭메뉴 하나의 넓이와 높이 */
  background: #fff;
  float: left;
  text-decoration: none;
  text-align:center;
  font-size:14px; /* 05.탭메뉴 폰트사이즈 */
  color: #666666;
  line-height: 41px;
  border: 1px solid #d8d8d8;

}

#tabs4 a:hover,
#tabs4 a:hover::after,
#tabs4 a:focus,
#tabs4 a:focus::after{
  /*background: #fff;*/
}

#tabs4 a:focus{
  /*outline: 0;*/
}

#tabs4 a::after{
  z-index: 1;
  background:#fff;
}

/*활성화탭(탭 클릭했을때 모양) 설정*/
#tabs4 #current a,
#tabs4 #current a::after{
  background:#13a69c; /* 07.탭메뉴 색상 설정 */
  z-index: 3;border: 1px solid #13a69c;
  color: #fff;
}
#content4
{
    background: #fff;
	width:780px;
	min-height: 700px; /* 08.컨텐츠 넓이와 높이 */
	position: relative;
	z-index: 2;
}

/* 공지사항 */
ul.noti_box {overflow: hidden; width: 390px; height: 63px; background-color: #fff; border: 1px solid #e6e6e6; line-height: 63px; margin: 35px auto 0;}
ul.noti_box li.noti_left {float: left; width: 115px; text-align: left; padding-left: 60px;
	background: #de4f41 url(../images/icon16.png) no-repeat 31px 50%; color: #fff; font-weight: bolder}
ul.noti_box li.noti_right {float: left;  width:213px; text-align: center; color: #de4f41; font-size: 15px; font-weight: bold; }

/* 자주 묻는 질문 */
#tabs5{
  overflow: hidden;
  width: 780px;; /* 01.탭부분 전체의 넓이 입니다. */
  margin: 0 auto;
  margin-bottom:40px;
  list-style: none;
}

#tabs5 li{
  float: left;
  margin:0; /* 03.탭메뉴 사이사이의 간격을 조정합니다 */
  width:260px;
}

/*비활성화 탭(기본 탭모양) 설정*/
#tabs5 a{
  position: relative;
  width:100%;
  height:46px; /* 04.탭메뉴 하나의 넓이와 높이 */
  background: #f9f9f9;
  float: left;
  text-decoration: none;
  text-align:center;
  font-size:14px; /* 05.탭메뉴 폰트사이즈 */
  color: #ababab;
  line-height: 46px;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #13a69c;

}

#tabs5 a:hover,
#tabs5 a:hover::after,
#tabs5 a:focus,
#tabs5 a:focus::after{
  /*background: #fff;*/
}

#tabs5 a:focus{
  /*outline: 0;*/
}

#tabs5 a::after{
  z-index: 1;
  background:#fff;
}

/*활성화탭(탭 클릭했을때 모양) 설정*/
#tabs5 a.on{
  background:#fff; /* 07.탭메뉴 색상 설정 */
  z-index: 3;
  border-bottom: none;
  border-right: 1px solid #13a69c;
  border-left: 1px solid #13a69c;
  color: #13a69c;
  border-top: 1px solid #13a69c;
  width:258px;
}



/* ------------------------------------------------- */

/*컨텐츠 부분*/
#content5
{
    background: #fff;
	width:780px;
	min-height: 700px; /* 08.컨텐츠 넓이와 높이 */
	position: relative;
	z-index: 2;
}

/* ------------------------------------------------- */

#tabs6{
  overflow: hidden;
  width: 780px;; /* 01.탭부분 전체의 넓이 입니다. */
  margin: 0 auto;
  margin-bottom:40px;
  list-style: none;
}

#tabs6 li{
  float: left;
  margin:0 5px 0 0; /* 03.탭메뉴 사이사이의 간격을 조정합니다 */

}

/*비활성화 탭(기본 탭모양) 설정*/
#tabs6 a{
  position: relative;
  padding: 12px 20px;
  background: #fff;
  float: left;
  text-decoration: none;
  text-align:center;
  font-size:14px; /* 05.탭메뉴 폰트사이즈 */
  color: #666666;
  border: 1px solid #bbbbbb;

}

#tabs6 a:hover,
#tabs6 a:hover::after,
#tabs6 a:focus,
#tabs6 a:focus::after{
  /*background: #fff;*/
}

#tabs6 a:focus{
  /*outline: 0;*/
}

#tabs6 a::after{
  z-index: 1;
  background:#fff;
}

/*활성화탭(탭 클릭했을때 모양) 설정*/
#tabs6 #current a,
#tabs6 #current a::after{
  background:#fff; /* 07.탭메뉴 색상 설정 */
  z-index: 3;
  border: 2px solid #13a69c;
  padding: 11px 19px;
  color: #13a69c;
}
#content6
{
    background: #fff;
	width:780px;
	min-height: 700px; /* 08.컨텐츠 넓이와 높이 */
	position: relative;
	z-index: 2;
}

ul.faq_list_menu li {border: 1px solid #e1e1e1; margin-top: -1px; }
ul.faq_list_menu a.faq_btn {
	font-size:14px; color:#2f333b; font-weight:bold; display:block; height:52px; line-height:52px; position:relative;
	 padding-left:58px; background: url(../images/icon_q.png) no-repeat 24px 50%;
}
ul.faq_list_menu a.faq_btn span.arrow {
	background:url(../images/icon_arr_down.png) no-repeat; display:block; width: 63px; height:35px; position:absolute;
	top:2px; right:0;}
ul.faq_list_menu a.faq_btn span.arrow.on {
	background:url(../images/icon_arr_up.png) no-repeat; display:block; width: 63px; height:35px; position:absolute;
	top:2px; right:0;}
ul.faq_list_menu li.faq_a {background:#fbfbfb url(../images/icon_a.png) no-repeat 35px 28px; padding: 30px 60px 30px 91px; display: none;}


/* 수강신청 */
div.s3_bg_box1 {width: 120px; height: 90px; text-align: center; color: #fff; border-radius: 10px; background: #bdb0dc; font-size: 15px; line-height: 120%; padding: 30px 0 0 0;} 
div.s3_bg_box2 {width: 120px; height: 85px; text-align: center; color: #fff; border-radius: 10px; background: #f69c73; font-size: 15px; line-height: 120%; padding: 35px 0 0 0;}
div.s3_bg_box1 > i {font-size: 20px; margin-bottom: 5px;}
div.s3_bg_box2 > i {font-size: 23px; margin-bottom: 5px;}
ul.s3_text_box {padding-left:25px;} 
ul.s3_text_box li{padding: 1px 5px 1px 16px; background: url(../images/dot2.png) no-repeat 0 center; overflow: hidden; font-size: 14px; color: #666;}

ul.notice_box {padding: 20px; background: #fafafa; border: 1px dashed #ddd; border-radius: 5px;}
ul.notice_box li {padding: 1px 5px 1px 16px; background: url(../images/dot2.png) no-repeat 0 center; overflow: hidden; font-size: 14px; color: #666; letter-spacing: -0.5px;}
ul.notice_box li.none {padding: 1px 5px 1px 20px; overflow: hidden; font-size: 14px; color: #666; background: none; font-size: 13px;}

p.txt_agree {font-size: 14px; margin-top: 20px;}








/* 로그인 */
#login_box {width: 400px; min-height: 245px; background-color: #f9f9f9; border: 1px solid #dedede; margin: 0 auto; padding: 32px 74px 34px 74px;}

#login_box input {
  border: 0;
  color: inherit;
  font: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  -webkit-transition: background-color .3s;
          transition: background-color .3s;
}

#login_box .site__container {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 3rem 0;
  width: 450px;
  height:300px;
  background-color: #f9f9f9;
  border:solid 1px #dedede;
}

#login_box .form input[type="password"], .form input[type="text"], .form input[type="submit"] {
  width: 100%;
}
#login_box .form--login {
  color: #606468;
}
#login_box .form--login label,
#login_box .form--login input[type="text"],
#login_box .form--login input[type="password"],
#login_box .form--login input[type="submit"] {
  padding: 1rem;
  border:solid 1px #dedede;
  border-left: none;
}
#login_box .form--login label {
  background-color: #fff;
  border:solid 1px #dedede;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
	border-right: none;
}
#login_box .form--login input[type="text"], .form--login input[type="password"] {
  background-color: #fff;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

#login_box .form--login input[type="submit"] {
  background-color: #de4f41;
  color: #fff;
  font-weight: bold;
  height: 50px;
}
#login_box .form--login input[type="submit"]:focus, .form--login input[type="submit"]:hover {
  background-color: #d63f31;
}
#login_box .form__field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
}
#login_box .form__input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#login_box .align {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

#login_box .hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

#login_box .text--left {
  text-align: left;
}

#login_box .grid__container {
  margin: 0 auto;
  max-width: 20rem;
  width: 90%;
}

/* 아이디 비밀번호 찾기 */

#find_idpw_box {width: 980px; margin: 0 auto; overflow: hidden;}
#find_id_box {width: 465px; height: 450px; float: left; }
#find_pw_box {width: 465px; height: 450px; float: right; }

#tabs7{
  overflow: hidden;
  width: 465px;; /* 01.탭부분 전체의 넓이 입니다. */
  margin: 0 auto;
  list-style: none;
}

#tabs7 li{
  float: left;
  margin:0; /* 03.탭메뉴 사이사이의 간격을 조정합니다 */
  width: 154px;

}
#tabs7 li:first-child {width: 155px;}
/*비활성화 탭(기본 탭모양) 설정*/
#tabs7 a{
  position: relative;
  width: 100%;
  background: #f9f9f9;
  float: left;
  text-decoration: none;
  text-align:center;
  font-size:14px; /* 05.탭메뉴 폰트사이즈 */
  color: #666666;
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  height: 53px;
  line-height: 53px;

}

#tabs7 a:hover,
#tabs7 a:hover::after,
#tabs7 a:focus,
#tabs7 a:focus::after{
  /*background: #fff;*/
}

#tabs7 a:focus{
  /*outline: 0;*/
}

#tabs7 a::after{
  z-index: 1;
  background:#323949;
}

/*활성화탭(탭 클릭했을때 모양) 설정*/
#tabs7 #current a,
#tabs7 #current a::after{
  background:#323949; /* 07.탭메뉴 색상 설정 */
  z-index: 3;
  color: #fff;
}
#content7
{
    background: #fff;
	width: 463px;
	height: 260px; /* 08.컨텐츠 넓이와 높이 */
	position: relative;
	z-index: 2;
	border: 1px solid #dedede;
}

.btn_box {border-left: 1px solid #dedede; border-right:  1px solid #dedede; border-bottom:  1px solid #dedede; width: 463px; padding: 20px 0;}


#tabs8{
  overflow: hidden;
  width: 465px;; /* 01.탭부분 전체의 넓이 입니다. */
  margin: 0 auto;
  list-style: none;
}

#tabs8 li{
  float: left;
  margin:0; /* 03.탭메뉴 사이사이의 간격을 조정합니다 */
  width: 154px;

}
#tabs8 li:first-child {width: 155px;}
/*비활성화 탭(기본 탭모양) 설정*/
#tabs8 a{
  position: relative;
  width: 100%;
  background: #f9f9f9;
  float: left;
  text-decoration: none;
  text-align:center;
  font-size:14px; /* 05.탭메뉴 폰트사이즈 */
  color: #666666;
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  height: 53px;
  line-height: 53px;

}

#tabs8 a:hover,
#tabs8 a:hover::after,
#tabs8 a:focus,
#tabs8 a:focus::after{
  /*background: #fff;*/
}

#tabs8 a:focus{
  /*outline: 0;*/
}

#tabs8 a::after{
  z-index: 1;
  background:#323949;
}

/*활성화탭(탭 클릭했을때 모양) 설정*/
#tabs8 #current a,
#tabs8 #current a::after{
  background:#323949; /* 07.탭메뉴 색상 설정 */
  z-index: 3;
  color: #fff;
}
#content8
{
    background: #fff;
	width: 463px;
	height: 260px; /* 08.컨텐츠 넓이와 높이 */
	position: relative;
	z-index: 2;
	border: 1px solid #dedede;
}












/* footer */


#footer {padding: 31px 0 0 0; height: 83px; background-color: #323949; overflow: hidden;}
#footer980 {width: 980px; margin: 0 auto;}
#footer980 > p {float: left; color: #757881}
#footer980 > a {float: right; color: #fff;}


/* 퀵메뉴 */
#quick_menu {position:absolute; right: 0; top:258px; margin-left:486px; z-index:401; width:75px;  background-color:#ffffff;}
#quick_menu ul {border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0;}
#quick_menu ul li {border-bottom: 1px solid #e0e0e0;}
#quick_menu ul li > a {display: block;}
#quick_menu ul li > a.quick01 {width: 75px; height: 84px; background: url(../images/quick01_new.png) no-repeat 0 0;}
#quick_menu ul li > a.quick02 {width: 75px; height: 84px; background: url(../images/quick02.png) no-repeat 0 0;}
#quick_menu ul li > a.quick03 {width: 75px; height: 84px; background: url(../images/quick03_new.png) no-repeat 0 0;}
#quick_menu ul li > a.quick04 {width: 75px; height: 84px; background: url(../images/quick04_new.png) no-repeat 0 0; position: relative;}
#quick_menu ul li > a.quick_top {width: 75px; height: 59px; background: url(../images/quick_top.png) no-repeat 0 0;}

/* 갯수위치 */
#quick_menu ul li > a.quick04 em {
	border-radius: 50%; top: 19px; width: 19px; height: 19px; text-align: center; right: 12px; color: rgb(255, 255, 255); line-height: 20px; text-indent: 0px; overflow: hidden; font-size: 10px; display: inline-block; position: absolute; background-color: rgb(222, 79, 65);
}
#quick_menu ul li > a.quick04 em::before {
	width: 0px; height: 0px; text-indent: -9999px; display: block; content: "관심갯수";
}


/* 레이어 팝업 */
#layerPopup .layer_wrap {width: 688px; min-height: 473px;}
#layerPopup .layer_wrap.w800  {width: 888px; min-height: 473px;}
#layerPopup .layer_pop {background-color: #fff; padding: 26px 49px 18px 49px; width: 590px; position: relative;}
#layerPopup .layer_pop.w800 {width: 790px;}
#layerPopup .layer_pop .btn_close {
	display:block; width: 19px; height: 19px; background: url(../images/btn_x.png) no-repeat 0 0; position: absolute; top:13px; right: 18px;}
#layerPopup .layer_pop .bn_left {
	display:block; width: 451px; height: 46px; background: url(../images/pop_bg.png) no-repeat 0 0; position: absolute; top:0; left:0;
	color: #fff; font-size: 11px; padding: 10px 0 0 5px;}

#layerPopup .layer_pop .pop_tit {font-size: 18px; color: #0ba199; padding-bottom: 12px; margin-bottom: 18px; font-weight: bold;}
#layerPopup .layer_pop .line {border-bottom:1px solid #0ba199;}
#layerPopup .layer_pop ul.detail {}
#layerPopup .layer_pop ul.detail li {overflow: hidden; margin-bottom: 7px;}
#layerPopup .layer_pop ul.detail li p {float: left; font-size: 13px; color: #ff806d; font-weight: bold; padding-top: 6px; margin-right: 33px;}

#layerPopup .pop_bottom {padding: 13px 0 16px 0; background-color: #fafafa; border-top: 1px solid #dddddd; text-align: center; width: 688px;}
#layerPopup .pop_bottom.w800 {width: 888px;}

#layerPopup .layer_pop ul.result {}
#layerPopup .layer_pop ul.result li {overflow: hidden; margin-bottom: 7px;}
#layerPopup .layer_pop ul.result li p {float: left; color: #8e8e8e; font-size: 13px;}
#layerPopup .layer_pop ul.result li p.txt01 {width: 70px; color: #ff806d; font-weight: bold;}









/* 모듈 */


.fl {float:left;}
.fr {float:right;}
.ofh {overflow:hidden;}
.cb {clear:both;}

.bold {font-weight: bold;}

.mt2 {margin-top: 2px;}
.mt30 {margin-top: 30px;}
.mt50 {margin-top: 50px;}

.mb5 {margin-bottom: 5px;}
.mb7 {margin-bottom: 7px;}
.mb13 {margin-bottom: 13px;}
.mb20 {margin-bottom: 20px;}
.mb23 {margin-bottom: 23px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb70 {margin-bottom: 70px;}

.mr5 {margin-right: 5px;}
.mr13 {margin-right: 13px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr34 {margin-right: 34px;}
.mr60 {margin-right: 60px;}

.ml7 {margin-left: 7px}
.ml25 {margin-left: 25px}
.ml15 {margin-left: 15px}

.col01 {color:#ff5e5f;}
.col03 {color:#262262;}
.col04 {color:#ff5443;}
.col05 {color: #2481c5;}
.col06 {color: #0ba59b;}
.col07 {color: #13a69c;}
.col08 {color: #ff806d;}
.col09 {color: #262262;}
.col10 {color: #fa4e2c;}
.col11 {color: #20a4a0;}


.scroll_gray {
	scrollbar-face-color:#c7c7c7;
	scrollbar-shadow-color:#efefef;
	scrollbar-highlight-color:#efefef;
	scrollbar-3dlight-color:#efefef;
	scrollbar-darkshadow-color:#efefef;
	scrollbar-track-color:#efefef;
	scrollbar-arrow-color:#ffffff;
	overflow-x:hidden;
	overflow-y:scroll;
}




/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display: none;
}

select {
  /* 원하는 너비설정 */
  padding: 7px 0 8px 13px; /* 여백으로 높이 설정 */
  height: 34px;
  font-family: inherit;  /* 폰트 상속 */
  background: url(../images/icon_select.png) no-repeat 100% 50%; /* 네이티브 화살표 대체 */
  border: 1px solid #bbbbbb;
  background-color: #fff;
  border-radius: 0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}

select.write {
  /* 원하는 너비설정 */
  padding: 7px 0 8px 13px; /* 여백으로 높이 설정 */
  height: 34px;
  font-family: inherit;  /* 폰트 상속 */
  background: url(../images/icon_select.png) no-repeat 100% 50%; /* 네이티브 화살표 대체 */
  border: 1px solid #dfdfdf;
  background-color: #f8f8f8;
  border-radius: 0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}


.text_search {
	width: 350px; height: 26px; background-color: #fff; border-bottom: 1px solid #bbbbbb; border-left: 1px solid #bbbbbb; border-top:  1px solid #bbbbbb;
	border-right: none; float: left;}
.text_detail {
	width: 305px; height: 26px; background-color: #f8f8f8; border: 1px solid #dedede; float: left;}


textarea.box {border:1px solid #dcdcdc; height:20px; padding-left:10px; padding-top:7px; background-color: #f9f9f9; color: #bab9b9; font-size: 14px;}

.text_write {height: 32px; background-color: #f8f8f8; border: 1px solid #dedede; padding: 0 0 0 7px;}
.text_write2 {height: 32px; background-color: #fff; border: 1px solid #dedede; padding: 0 0 0 7px;}
.text_write3 {height: 32px; background-color: #fff; border: 1px solid #bab9b9; padding: 0 0 0 7px; }

.pw_txt {display: inline-block; margin-top: 6px;}
.pw_txt2 {display: inline-block; margin-top: 6px;font-size: 12px; color: #999; margin-left: 10px;}


/* 페이지 넘버 */
.sub_paging {
    font-size: 11px;
    height: 50px;
    text-align: center;
    width: 100%;
}
.paging_first {
    background: url("../images/icon_page.png") no-repeat 11px -42px rgba(0, 0, 0, 0);
    border: 1px solid #D8D8D8;
    display: inline-block;
    padding: 7px 0 8px 9px;
    text-align: left;
    width: 30px;
}
.paging_pre {
    background: url("../images/icon_page.png") no-repeat 15px -3px rgba(0, 0, 0, 0);
    border: 1px solid #D8D8D8;
    display: inline-block;
    padding: 7px 0 8px 9px;
    text-align: left;
    width: 30px;
}
.paging_next {
    background: url("../images/icon_page.png") no-repeat 17px -76px  rgba(0, 0, 0, 0);
    border: 1px solid #D8D8D8;
    display: inline-block;
    margin-left: 5px;
    padding: 7px 0 8px 9px;
    text-align: left;
    width: 30px;
}
.paging_last {
    background: url("../images/icon_page.png") no-repeat 13px -115px rgba(0, 0, 0, 0);
    border: 1px solid #D8D8D8;
    display: inline-block;
    padding: 7px 0 8px 9px;
    text-align: left;
    width: 30px;
}
.paging_btn {
    border: 1px solid #D8D8D8;
    display: inline-block;
    margin-left: 5px;
    padding: 7px 11px 8px;
}
.paging_btn.on {
    background: none repeat scroll 0 0 #fff;
    font-weight: bold;
	border: 1px solid #ff7a7b;
	color: #ff7a7b;
}



/* 버튼 */
.btn_search {
	display: block; float: left; width: 72px; height: 34px; background-color: #323949; text-align: center; color: #fff; line-height: 34px;
	font-size: 14px; font-weight: bold;}
.btn_detail {
	display: block; float: left; width: 85px; height: 32px; color: #1aa99f;  line-height: 32px; padding-left: 18px;
	font-size: 14px; font-weight: bold; border: 1px solid #1aa99f; background:#fff url(../images/icon03.png) no-repeat 90% 51%;}

a.btn_view {
    color: #555555;
	font-weight: normal;
    text-decoration: none;
    padding: 9px 15px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #fff;
    border: solid 1px #d9d9d9;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
}
a.btn_view:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.btn_view:active {
    color: #000;
    border-color: #444;
}

a.btn_apply {
    color: #ff5e5f;
	font-weight: normal;
    text-decoration: none;
    padding: 9px 15px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background:#fff url(../images/sprite_kac.png) no-repeat 72px -55px;
    padding-right: 35px;
    border: solid 1px #ff5e5f;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
}
a.btn_apply:hover {
    color: #fe4f4f;
    border-color: #fe4f4f;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.btn_apply:active {
    color: #000;
    border-color: #444;
}

a.btn_search2 {
    color: #fff;
	font-weight: normal;
    text-decoration: none;
    padding: 9px 35px;
    position: relative;
    display: inline-block;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #20a4a0;
    border: solid 1px #177572;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
}
a.btn_search2:hover {
    color: #177572;
    border-color: #20a4a0;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	background-color: #fff;
}
a.btn_search2:active {
    color: #20a4a0;
    border-color: #20a4a0;
}

a.btn_see {
    color: #646464;
	font-weight: bold;
    text-decoration: none;
    padding: 12px 77px 12px 17px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background:#fff url(../images/sprite_kac.png) no-repeat 122px -86px;
    border: solid 1px #cdcdcd;
	font-size: 13px;
}
a.btn_see:hover {
    color: #fe4f4f;
    border-color: #fe4f4f;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.btn_see:active {
    color: #000;
    border-color: #444;
}

a.btn_list {
    color: #646464;
	font-weight: bold;
    text-decoration: none;
    padding: 12px 47px 12px 17px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background:#fff url(../images/sprite_kac.png) no-repeat 122px -119px;
    border: solid 1px #cdcdcd;
	font-size: 13px;
	letter-spacing: -1px;
}
a.btn_list:hover {
    color: #fe4f4f;
    border-color: #fe4f4f;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.btn_list:active {
    color: #000;
    border-color: #444;
}

a.btn_apply2 {
    color: #fff;
	font-weight: normal;
    text-decoration: none;
    padding: 14px 17px 14px 85px;
    position: relative;
    display: inline-block;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background:#ff5443 url(../images/sprite_kac.png) no-repeat 15px -185px;
	border: 1px solid #e8574b;
	font-size: 15px;
	letter-spacing: -1px;
}
a.btn_apply2:hover {
    color: #000;
    border-color: #000;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) ;
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.btn_apply2:active {
    color: #fff;
    border-color: #444;
}

a.btn_list2 {
    color: #ff806d;
	font-weight: bold;
    text-decoration: none;
    padding: 12px 120px 12px 17px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background:#fff url(../images/btn_arr_r.png) no-repeat 185px 17px;
    border: solid 1px #ff806d;
	font-size: 15px;
	letter-spacing: -1px;
}
a.btn_list2:hover {
    color: #fe4f4f;
    border-color: #fe4f4f;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) ;
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.btn_list2:active {
    color: #000;
    border-color: #444;
}
a.btn_list2.position {background:#fff url(../images/btn_arr_r.png) no-repeat 160px 17px; }
a.btn_see2 {
    color: #646464;
	font-weight: bold;
    text-decoration: none;
    padding: 7px 64px 6px 11px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background:#fff url(../images/sprite_kac.png) no-repeat 92px -91px;
    border: solid 1px #cdcdcd;
	font-size: 12px;
	letter-spacing: -1px;
}
a.btn_see2:hover {
    color: #0ba59b;
    border-color: #0ba59b;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.btn_see2:active {
    color: #000;
    border-color: #444;
}
a.btn_list3 {
    color: #646464;
	font-weight: bold;
    text-decoration: none;
    padding:  7px 62px 6px 11px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background:#fff url(../images/sprite_kac.png) no-repeat 93px -126px;
    border: solid 1px #cdcdcd;
	font-size: 12px;
	letter-spacing: -1px;
}
a.btn_list3:hover {
    color: #0ba59b;
    border-color: #0ba59b;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) ;
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.btn_list3:active {
    color: #000;
    border-color: #444;
}

a.btn_apply3 {
    color: #fff;
	font-weight: normal;
    text-decoration: none;
    padding: 14px 17px 14px 100px;
    position: relative;
    display: inline-block;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background:#0ba59b url(../images/sprite_kac.png) no-repeat 15px -185px;
	border: 1px solid #1f938b;
	font-size: 15px;
	letter-spacing: -1px;
}
a.btn_apply3:hover {
    color: #000;
    border-color: #000;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.btn_apply3:active {
    color: #fff;
    border-color: #444;
}
a.btn_down {
    color: #539738;
    text-decoration: none;
    padding: 6px 36px 6px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background:#fff url(../images/sprite_kac.png) no-repeat 176px -159px;
    border: solid 1px #cdcdcd;
	font-size: 13px;
	letter-spacing: -1px;
}
a.btn_down:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.btn_down:active {
    color: #000;
    border-color: #444;
}
a.btn_see3 {
    color: #646464;
	font-weight: bold;
    text-decoration: none;
    padding: 7px 34px 7px 11px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background:#fff url(../images/sprite_kac.png) no-repeat 62px -91px;
    border: solid 1px #cdcdcd;
	font-size: 12px;
	letter-spacing: -1px;
}
a.btn_see3:hover {
    color: #0ba59b;
    border-color: #0ba59b;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.btn_see3:active {
    color: #000;
    border-color: #444;
}
a.btn_list4 {
    color: #646464;
	font-weight: bold;
    text-decoration: none;
    padding:  7px 32px 7px 11px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background:#fff url(../images/sprite_kac.png) no-repeat 63px -126px;
    border: solid 1px #cdcdcd;
	font-size: 12px;
	letter-spacing: -1px;
}
a.btn_list4:hover {
    color: #0ba59b;
    border-color: #0ba59b;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.btn_list4:active {
    color: #000;
    border-color: #444;
}
a.btn_see4 {
    color: #646464;
	font-weight: bold;
    text-decoration: none;
    padding: 7px 41px 7px 11px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background:#fff url(../images/sprite_kac.png) no-repeat 68px -91px;
    border: solid 1px #cdcdcd;
	font-size: 12px;
	letter-spacing: -1px;
}
a.btn_see4:hover {
    color: #0ba59b;
    border-color: #0ba59b;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.btn_see4:active {
    color: #000;
    border-color: #444;
}
a.btn_list5 {
    color: #646464;
	font-weight: bold;
    text-decoration: none;
    padding:  7px 41px 7px 11px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background:#fff url(../images/sprite_kac.png) no-repeat 68px -126px;
    border: solid 1px #cdcdcd;
	font-size: 12px;
	letter-spacing: -1px;
}
a.btn_list5:hover {
    color: #0ba59b;
    border-color: #0ba59b;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.btn_list5:active {
    color: #000;
    border-color: #444;
}
a.small {font-size:12px; letter-spacing: -2px; background:#fff url(../images/sprite_kac.png) no-repeat 155px -161px; padding: 7px 42px 7px 12px;}

a.btn_cancel {
    color: #ff5e5f;
	font-weight: normal;
    text-decoration: none;
    padding: 9px 15px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background:#fff url(../images/sprite_kac.png) no-repeat 50px -506px;
    padding-right: 35px;
    border: solid 1px #ff5e5f;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
}
a.btn_cancel:hover {
    color: #fe4f4f;
    border-color: #fe4f4f;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.btn_cancel:active {
    color: #000;
    border-color: #444;
}
a.btn_enter {
    color: #ff5e5f;
	font-weight: normal;
    text-decoration: none;
    padding: 9px 15px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background:#fff url(../images/sprite_kac.png) no-repeat 50px -326px;
    padding-right: 35px;
    border: solid 1px #ff5e5f;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
}
a.btn_enter:hover {
    color: #fe4f4f;
    border-color: #fe4f4f;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.btn_enter:active {
    color: #000;
    border-color: #444;
}

a.btn_score {color: #ff806d;}

a.btn_print {
    color: #fff;
	font-weight: normal;
    text-decoration: none;
    padding: 5px 17px 8px 44px;
    position: relative;
    display: inline-block;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background:#20a4a0 url(../images/sprite_kac.png) no-repeat 15px -295px;
    border: solid 1px #177572;
	font-size: 14px;
	letter-spacing: -1px;
}
a.btn_print:hover {
    color: #fff;
    border-color: #20a4a0;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	background-color: #00bbb5;
}
a.btn_print:active {
    color: #20a4a0;
    border-color: #20a4a0
}

a.btn_like {
    color: #fefefe;
	font-weight: normal;
    text-decoration: none;
    display: inline-block;
	position: absolute;
	top:19px;
	right:20px;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background:#4d5265 url(../images/sprite_kac.png) no-repeat 15px -464px;
	border: 1px solid #34394c;
	font-size: 15px;
	letter-spacing: -1px;
	width: 42px;
	height: 39px;
	line-height: 255%;
	padding-left: 40px;
}
a.btn_like:hover {
    color: #fefefe;
    border-color: #292d39;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	background-color: #292d39;
}
a.btn_like:active {
    color: #fefefe;
    border-color: #292d39;
}
a.btn_enter2 {
    color: #fff;
	font-weight: normal;
    text-decoration: none;
    position: relative;
    display: inline-block;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #fff;
    border: solid 1px #4d5265;
	width: 103px;
	height: 112px;
	text-align: center;
	line-height: 112px;
	background-color: #4d5265;
	font-size: 15px;
}
a.btn_enter2:hover {
    color: #fefefe;
    border-color: #292d39;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	background-color: #292d39;
}
a.btn_enter2:active {
    color: #fefefe;
    border-color: #292d39;
}

a.btn_go {
    color: #555555;
	font-weight: normal;
    text-decoration: none;
    padding: 9px 15px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background:#fff url(../images/sprite_kac.png) no-repeat 67px -556px;
    padding-right: 35px;
    border: solid 1px #d9d9d9;
}
a.btn_go:hover {
    color: #444;
    border-color: #444;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.btn_go:active {
    color: #000;
    border-color: #444;
}

.btn_find {
	display: block; border: 1px solid #d4d4d4; background-color: #fff; width: 129px; height: 32px; text-align: center; line-height: 32px; margin-left: -1px; color: #323949; font-size: 13px; font-weight: bold;}

a.btn_back {
    color: #666666;
	font-weight: bold;
    text-decoration: none;
    padding: 12px 17px 12px 120px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background:#fff url(../images/btn_arr_l.png) no-repeat 27px 17px;
    border: solid 1px #d4d4d4;
	font-size: 15px;
	letter-spacing: -1px;
}
a.btn_back:hover {
    color: #111;
    border-color: #111;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.btn_back:active {
    color: #000;
    border-color: #444;
}

a.btn_delete {
    color: #666666;
	font-weight: bold;
    text-decoration: none;
    padding: 12px 25px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #d4d4d4;
	font-size: 15px;
	letter-spacing: -1px;
}
a.btn_delete:hover {
    color: #111;
    border-color: #111;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.btn_delete:active {
    color: #000;
    border-color: #444;
}

a.btn_find_id:hover {color: #de4f41;}

a.btn_find_id2 {display: block; width: 373px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #13a69c; margin: 0 auto; font-size: 15px; font-weight: bold; color: #13a69c;}
a.btn_find_id2:hover , a.btn_find_id2:active {background-color: #13a69c; color: #fff;}

a.btn_find_pw {display: block; width: 373px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #c6b87a; margin: 0 auto; font-size: 15px; font-weight: bold; color: #c6b87a;}
a.btn_find_pw:hover , a.btn_find_id2:active {background-color: #c6b87a; color: #fff;}

a.btn_apply4 {
    color: #fff;
	font-weight: normal;
    text-decoration: none;
    padding: 14px 17px 14px 130px;
    position: relative;
    display: inline-block;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background:#0ba59b url(../images/sprite_kac.png) no-repeat 15px -185px;
	border: 1px solid #1f938b;
	font-size: 15px;
	letter-spacing: -1px;
}
a.btn_apply4:hover {
    border-color: #000;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.btn_apply4:active {
    color: #fff;
    border-color: #444;
}

a.btn_modify {display: inline-block; padding: 7px 11px; background: #323949; color: #fff ; border-radius: 3px; border: 1px solid #323949; letter-spacing: -0.5px; transition:  .318s;}
a.btn_modify:hover, a.btn_modify:active {border: 1px solid #323949; background: #fff; color: #323949;  ;}

a.btn_check {
	display: inline-block; padding: 6px 11px; background: #323949; border: 1px solid #323949; background: #fff; color: #323949;  border-radius: 3px; letter-spacing: -0.5px; transition:  .318s;
	min-width: 55px;}
a.btn_check:hover, a.btn_check:active {background: #323949; color: #fff ;border: 1px solid #323949;}

a.btn_detail2 {
	display: inline-block; padding: 4px 8px; background: #323949; border: 1px solid #323949; background: #fff; color: #323949;  border-radius: 3px; letter-spacing: -0.5px; transition:  .318s;
	font-size: 12px;}
a.btn_detail2:hover, a.btn_detail:active {background: #323949; color: #fff ;border: 1px solid #323949;}

a.btn_down2 {
	display: inline-block; padding: 7px 11px; background: #323949; border: 1px solid #0f5703; background: #0f5703; color: #fff;  border-radius: 3px; letter-spacing: -0.5px; transition:  .318s;}
a.btn_down2:hover, a.btn_down:active {background: #fff; color: #0f5703 ;border: 1px solid #0f5703;}

a.btn_apply5 {
    color: #fff;
    text-decoration: none;
    padding: 14px 30px 14px 30px;
    position: relative;
    display: inline-block;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background:#0ba59b;
	border: 1px solid #1f938b;
	font-size: 15px;
	font-weight: bold;
	min-width: 170px;
	text-align: center;
}
a.btn_apply5:hover {
    border-color: #1f938b;
	background:#fff;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	color: #0ba59b;
}
a.btn_apply5:active {
    color: #0ba59b;
    border-color: #1f938b;
}
a.btn_apply5.w100 {padding: 14px 0 14px 0;}

a.btn_cancel2 {
    color: #fff;
    text-decoration: none;
    padding: 14px 30px 14px 30px;
    position: relative;
    display: inline-block;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background:#968c86;
	border: 1px solid #968c86;
	font-size: 15px;
	font-weight: bold;
	min-width: 170px;
	text-align: center;
}
a.btn_cancel2:hover {
    border-color: #968c86;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	color: #968c86;
	background: #fff;
}
a.btn_cancel2:active {
    color: #968c86;
    border-color: #968c86;
}
a.btn_cancel2.w100 {padding: 14px 0 14px 0;}

a.btn_close2 {
    color: #fff;
	font-weight: normal;
    text-decoration: none;
    padding: 9px 35px;
    position: relative;
    display: inline-block;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #968c86;
    border: solid 1px #6e6864;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
}
a.btn_close2:hover {
    color: #968c86;
    border-color: #968c86;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	background-color: #fff;
}
a.btn_close2:active {
    color: #968c86;
    border-color: #968c86;
}



/* 테이블 */
.grid_section {border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd;}
.grid_section th {border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 14px 0 13px 0; font-size: 13px; font-weight: 500; color: #323949;}
.grid_section th.bg1 {background-color: #ededed;}
.grid_section th.bg2 {background-color: #f8f8f8;}
.grid_section td {border-right: 1px solid #dddddd; padding: 20px 0 20px 30px; color: #555555; font-size: 13px; font-weight: 500; }
.grid_section td.bg {background-color: #f3f3f3;}




.grid_list {border-top: 1px solid #636363;}
.grid_list.line {border-top: 2px solid #636363; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;}
.grid_list.line th, .grid_list.line td {border-right: 1px solid #d9d9d9;}
.grid_list tr.line {border-bottom:  3px solid #1cbbb5; border-right:  6px solid #1cbbb5; border-left:  6px solid #1cbbb5; border-top:  3px solid #1cbbb5; }
.grid_list tr.line td {color: #1cbbb5; font-weight: bold;}
.grid_list th {
	padding: 12px 0 16px 0; color: #323949; font-size: 13px; font-weight: 500; border-bottom: 1px solid #636363; background-color: #f8f8f8; vertical-align: middle;}
.grid_list td {border-bottom: 1px solid #d9d9d9; padding: 16px 0 20px 0; text-align: center; color: #555; font-weight: 300; vertical-align: middle;}
.grid_list td.course {text-align:left; font-size:15px; letter-spacing:-0.5px;  font-weight: 300;color: #444; padding-left: 7px;}
.grid_list td.course.noti {font-size:13px; font-weight: 400;}
.grid_list td.price {color: #ff3312; font-weight: bold;}
.grid_list td.approval01 {color: #4891d7; font-weight: bold;}
.grid_list td.approval02 {color: #ff3312; font-weight: bold;}
.grid_list td.approval03 {color: #000000; font-weight: bold;}
.grid_list td.result {border-left: 1px solid #fff; border-right: 1px solid #fff; text-align: right; border-bottom: 2px solid #636363; padding: 35px 0;}
.grid_list td.result p.people {font-size: 20px; font-weight: bold; margin-bottom: 5px;}
.grid_list td.result p.total {font-size: 25px; font-weight: bold;}
.grid_list td.result p.total > span {color: #ff3312;}


.grid_list td.course span.new {display: inline-block; width: 13px; height: 12px; background: url(../images/icon_new.png) no-repeat 0 0; margin-left: 3px;}
.grid_list td.course span.recommend {display: inline-block; width: 44px; height: 12px; background: url(../images/icon_recommend.gif) no-repeat 0 0; margin-left: 3px;}
.grid_list td.course span.book {display: block; float: left; width: 46px; height: 17px; background: url(../images/icon_book.png) no-repeat 0 0;}
.grid_list td.course span.elearn {display: block; float: left; width: 46px; height: 17px; background: url(../images/icon_elearn.png) no-repeat 0 0;}
.grid_list td.course span.smart {display: block; float: left; width: 46px; height: 17px; background: url(../images/icon_smart.png) no-repeat 0 0;}
.grid_list td.course span.mobile {display: block; float: left; width: 60px; height: 17px; background: url(../images/icon_mobile.png) no-repeat 0 0;}
.grid_list td.course span.language {display: block; float: left; width: 60px; height: 17px; background: url(../images/icon_language.png) no-repeat 0 0;}
.grid_list td.course span.collective {display: block; float: left; width: 46px; height: 17px; background: url(../images/icon_collective.png) no-repeat 0 0;}
.grid_list td.course span.cardnews {display: block; float: left; width: 46px; height: 17px; background: url(../images/icon_cardnews.png) no-repeat 0 0;}
.grid_list td.course span.month1 {display: block; float: left; width: 46px; height: 17px; background: url(../images/icon_1month.png) no-repeat 0 0;}
.grid_list td.course span.month2 {display: block; float: left; width: 46px; height: 17px; background: url(../images/icon_2month.png) no-repeat 0 0;}
.grid_list td.course span.month3 {display: block; float: left; width: 46px; height: 17px; background: url(../images/icon_3month.png) no-repeat 0 0;}
.grid_list td.course span.month4 {display: block; float: left; width: 46px; height: 17px; background: url(../images/icon_4month.png) no-repeat 0 0;}
.grid_list td.course span.refund {display: block; float: left; width: 46px; height: 17px; background: url(../images/icon_refund.png) no-repeat 0 0;}
.grid_list td.course span.pay {display: block; float: left; width: 46px; height: 17px; background: url(../images/icon_pay.png) no-repeat 0 0;}
span.star00 {
	display: block; float: left; width: 77px; height: 12px; background: url(../images/icon_star00.png) no-repeat 0 0; margin: 2px 0 0 10px;}
span.star01 {
	display: block; float: left; width: 77px; height: 12px; background: url(../images/icon_star01.png) no-repeat 0 0; margin: 2px 0 0 10px;}
span.star02 {
	display: block; float: left; width: 77px; height: 12px; background: url(../images/icon_star02.png) no-repeat 0 0; margin: 2px 0 0 10px;}
span.star03 {
	display: block; float: left; width: 77px; height: 12px; background: url(../images/icon_star03.png) no-repeat 0 0; margin: 2px 0 0 10px;}
span.star04 {
	display: block; float: left; width: 77px; height: 12px; background: url(../images/icon_star04.png) no-repeat 0 0; margin: 2px 0 0 10px;}
span.star05 {
	display: block; float: left; width: 77px; height: 12px; background: url(../images/icon_star05.png) no-repeat 0 0; margin: 2px 0 0 10px;}

.grid_list td > span.complete {display: inline-block; border: 1px solid #bbbbbb; width: 53px; height: 32px; line-height: 32px; background-color: #fff; }
.grid_list td > span.incomplete {display: inline-block; border: 1px solid #bbbbbb; width: 53px; height: 32px; line-height: 32px; background-color: #bbbbbb; color: #fff; }
.grid_list td > span.incomplete {display: inline-block; border: 1px solid #bbbbbb; width: 53px; height: 32px; line-height: 32px; background-color: #bbbbbb; color: #fff; }
.grid_list td > span.ok {display: inline-block; width: 50px; height: 40px; background: #78cbc0;line-height: 40px; border-radius: 5px; color: #fff; }
.grid_list td > span.wait {display: inline-block; width: 50px; height: 40px; background: #aea39c;line-height: 40px; border-radius: 5px; color: #fff; } 


.grid_course {}
.grid_course th {border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; padding: 15px 0 15px;}
.grid_course th.ta_l {text-align:left; }
.grid_course th.pa_l10 {padding-left: 10px;}
.grid_course th.mon1 {font-size: 16px; letter-spacing: -1px;}
.grid_course th.mon2 {font-size: 16px; letter-spacing: -1px;}
.grid_course td {color: #3b3b3b; padding: 2px 0;}
.grid_course td.ta_l {text-align:left; padding-left: 10px; color: #848484}
.grid_course th.mon2 {font-size: 16px; letter-spacing: -1px;}
.grid_course th span.new {
	display: inline-block; width: 13px; height: 12px; background: url(../images/icon_new.png) no-repeat 0 0; margin: 0 0 3px 5px;}

.grid_score {border-top: 1px solid #dbe3ea; border-left: 1px solid #dbe3ea;}
.grid_score td {
	border-bottom: 1px solid #dbe3ea; border-right: 1px solid #dbe3ea; text-align: center; padding: 7px 0; font-size: 12px; color: #383838;vertical-align: middle;}
.grid_score td.bg1 {background-color: #f4f6f8;}
.grid_score td.bg2 {background-color: #ffe7e3;}

.grid_issue {border-top:1px solid #d4dbe4; border-left:1px solid #d4dbe4;}
.grid_issue td {border-bottom:1px solid #d4dbe4; border-right:1px solid #d4dbe4;}
.grid_issue td.image {height:277px; border-bottom:none; vertical-align:top; overflow:hidden; padding:7px 9px;}
.grid_issue td.image img {width: 100%; max-width: 200px; max-height:277px;}
.grid_issue td.subject {
	height:80px; font-size:15px; font-weight:bold; color:#363636; text-align:center; vertical-align:middle; padding:0 8px;}
.grid_issue td.subject > p {width: 200px;}
.grid_issue td.view {padding: 11px 0 11px 75px;}
.grid_issue td.view > p {
	font-size: 13px; color: #13a69c; background: url(../images/sprite_kac.png) no-repeat 0 -441px; padding-left: 20px;}
.grid_issue td.text {text-align:center; font-size:12px; padding:11px 0; color:#605f65;}
.grid_issue td.text span.icon {
	margin-right:5px; background: url(../images/sprite_kac.png) no-repeat 0 -478px; display: inline-block; width: 12px; height: 12px;}

.grid_gallery{border-top:1px solid #d4dbe4; border-left:1px solid #d4dbe4; width: 220px;}
.grid_gallery td {border-bottom:1px solid #d4dbe4; border-right:1px solid #d4dbe4;}
.grid_gallery td.image {height:315px; border-bottom:none; vertical-align:top; overflow:hidden;}
.grid_gallery td.image img {width: 100%; max-width: 218px; max-height:315px;}
.grid_gallery td.subject {
	height:65px; font-size:15px; font-weight:bold; color:#363636; text-align:center; vertical-align:middle; padding:0 10px;}
.grid_gallery td.text {text-align:center; font-size:12px; padding:11px 0; color:#605f65;}
.grid_gallery td.text span {display:inline-block; margin-left:5px;}

.grid_gallery2 {border-bottom: 1px solid #ececec; border-top: 1px solid #4d5265;}
.grid_gallery2 th {background-color: #f9f9f9; text-align: center; vertical-align: middle; padding: 43px 0; border-right: 1px solid #ececec;}
.grid_gallery2 th > img {width: 180px; height: 256px;}
.grid_gallery2 td {padding: 45px 0 43px 35px;}

.grid_guide {margin:10px 0; border-top: 1px solid #636363;}
.grid_guide td {padding:25px 3px; font-size:12px; border-bottom: 1px solid #d9d9d9; vertical-align: middle;}
.grid_guide td.tit {font-size:14px; color:#eb3a4a; padding: 37px 3px;}
.grid_guide td.img {text-align:center;}
.grid_guide td.img img {width:30px;}
.grid_guide td.txt {padding:37px 25px 37px 9px;}

.grid_notice {border-top: 1px solid #636363;}
.grid_notice th {font-size: 13px; color: #323949; padding: 20px 0; border-bottom: 1px solid #d6d6d6; vertical-align: middle;}
.grid_notice th.bg {background-color: #f6f6f6;}
.grid_notice th.bg p.txt {font-size: 16px; font-weight: bold; margin: 4px 0 0 20px;}
.grid_notice th.bg p.chk_txt {font-size: 14px; margin: 8px 0 0 20px;}
.grid_notice td {color: #555555; padding: 20px 0 20px 7px; border-bottom: 1px solid #d6d6d6; vertical-align: middle;}
.grid_notice td.title {
	padding: 20px 30px; border-bottom: 1px solid #636363; background-color: #f8f8f8; font-size: 14px; font-weight: bold; color: #de4f41; }
.grid_notice td.contents {
	background-color: #f6f6f6;  text-align: center; padding: 32px 0 35px 0; border-bottom: none; font-size: 13px; font-weight: bold; color: #323949;
	line-height: 250%;}
.grid_notice td.contents p > span {color: #13a69c; font-size: 18px;}
.grid_notice td.ta_l { padding: 20px 0 20px 17px;}
.grid_notice td.ta_c {text-align: center;}
.grid_notice td.contents2 {line-height: 200%; padding: 30px 17px 30px 17px; position: relative;}
.grid_notice td ul.course_check { border-top: 1px solid #E8E8E8;}
.grid_notice td ul.course_check li {overflow: hidden; border-bottom:1px solid #E8E8E8;}
.grid_notice td ul.course_check li > p {float: left;}
.grid_notice td ul.course_check li > p.txt01 {background-color: #1cbbb5; width: 150px; text-align: center; padding: 15px 0; color: #fff;}
.grid_notice td ul.course_check li > p.txt02 {width: 766px; padding: 15px 15px; background-color: #fafafa;}





.grid_notice2 {border-top: 1px solid #dadada; border-left: 1px solid #dadada; font-size: 13px;}
.grid_notice2 th {
	padding: 14px 0; background-color: #f6f6f6; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; font-weight: bold;
    font-size: 14px; vertical-align: middle;}
.grid_notice2 td {
	padding: 14px 0; text-align: center; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; background-color: #fefefe; color: #666666;
	font-weight: bold; font-size: 13px;}
.grid_notice2 td.ta_l {text-align: left; line-height: 200%; padding-left: 20px;}


.grid_write {border-top: 1px solid #636363;}
.grid_write th {vertical-align: middle; border-bottom: 1px solid #d6d6d6; font-size: 13px; font-weight: bold; color: #323949;}
.grid_write td {padding: 11px 0 11px 7px; vertical-align: middle; border-bottom: 1px solid #d6d6d6; overflow: hidden;}


.grid_find_id {margin: 15px auto 0; width: 90%;}
.grid_find_id.bg {background: #fafafa; border: 1px dashed #ddd; border-radius: 5px; width: 100%;}
.grid_find_id th {font-size: 14px; font-weight: bold; color: #555555; vertical-align: middle;}
.grid_find_id td {padding: 15px 0 15px 7px;}
.grid_find_id td.pw {padding: 8px 0 8px 7px;}



/* 레프트메뉴 상단메뉴  jjh*/
ul.form {
		position:relative;
		background:#fff;
		width:178px;
		margin:auto;
		padding:0;
		list-style: none;
		overflow:hidden;
		border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6;
	    margin-bottom: 10px;
	}

	.form li a {
		width:163px;
		padding-left:20px;
		height:43px;
		line-height:43px;
		display:block;
		overflow:hidden;
		position:relative;
		text-decoration:none;
		text-transform:uppercase;
		font-size:13px;
		letter-spacing: -1px;
		color:#666666;
		font-weight: 500;

		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;

	}
	.form li a:hover {
		background:#efefef;
	}

	.form li a.topca_01 {
		border-bottom:1px solid #d6d6d6;
	}
	.form li a.topca_01 span.ca01 {display: block; float: left; width: 36px; height: 14px; background: url(../images/sprite_01.png) no-repeat 0 0; margin-top:15px; }


	.form li a.topca_02 {
		border-bottom:1px solid #d6d6d6;
	}
	.form li a.topca_02 span.ca02 {display: block; float: left; width: 36px; height: 18px; background: url(../images/sprite_02.png) no-repeat 0 0; margin-top:12px; }


	.form li a.topca_03 {
		border-bottom:1px solid #d6d6d6;
	}
	.form li a.topca_03 span.ca03 {display: block; float: left; width: 36px; height: 21px; background: url(../images/sprite_03.png) no-repeat 0 0; margin-top:12px; }


	.form li a.logout {
		border-bottom:1px solid #d6d6d6;
	}

	.form li:first-child a:hover, .form li:first-child a {
		-webkit-border-radius: 0px 0px 0 0;
		-moz-border-radius: 0px 0px 0 0;
		border-radius: 0px 0px 0 0;
	}

	.form li:last-child a:hover, .form li:last-child a {
		-webkit-border-radius: 0 0 0px 0px;
		-moz-border-radius: 0 0 0px 0px;
		border-radius: 0 0 0px 0px;
	}

	.form li a:hover i {
		color:#ea4f35;
	}

	.form i {
		margin-right:15px;

		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;
	}

	.form em {
		font-size: 10px;
		background: #ea4f35;
		padding: 3px 5px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		font-style: normal;
		color: #fff;
		margin-top: 17px;
		margin-right: 15px;
		line-height: 10px;
		height: 10px;
		float:right;
	}

	.form li.selected a {
		background:#efefef;
	}

/* 배움플러스 추가  jjh*/

/* 상단이미지*/

div.top_visual_wrap {
	width: 100%;
}
div.top_visual_wrap {
	margin: 62px 0 0 0; padding:70px 0px 0px 0px; height: 123px; text-align: center; background-size: cover;
}
div.top_visual_wrap > h2 {
	background: url("../images/border.png") no-repeat top; padding: 25px 0px 20px 0px; color: rgb(255, 255, 255); letter-spacing: -1.5px; font-size: 28px; font-weight: 500; text-shadow: 1px 2px 1px #666;
}
div.top_visual_wrap.center01 {
	background: url("../images/topbg_01.jpg") 0% 0% / cover;
}
div.top_visual_wrap.center02 {
	background: url("../images/topbg_02.jpg") 0% 0% / cover;
}
div.top_visual_wrap.center03 {
	background: url("../images/topbg_03.jpg") 0% 0% / cover;
}
div.top_visual_wrap.center04 {
	background: url("../images/topbg_04.jpg") 0% 0% / cover;
}
div.top_visual_wrap.center05 {
	background: url("../images/topbg_05.jpg") 0% 0% / cover;
}
div.top_visual_wrap.center06 {
	background: url("../images/topbg_06.jpg") 0% 0% / cover;
}
div.top_visual_wrap.center07 {
	background: url("../images/topbg_07.jpg") 0% 0% / cover;
}
/* 카피라이트 */
div.copy_wrap div.copyline > ul {
	margin: 0px auto; width: 980px;
}
div.copy_wrap div.copyline > ul li {
	display: inline-block;
}
div.copy_wrap {
	margin: 50px 0px 0px;
}
div.copy_wrap div.copyline {
	background: #373741; height: 49px;
}
div.copy_wrap div.copyline > ul {
	padding: 16px 0px 0px; text-align: center;
}
div.copy_wrap div.copyline > ul li {
	margin: 0px 20px; text-align: center;
}
div.copy_wrap div.copyline > ul li:first-child {
	margin: 0px 20px 0px 0px;
}
div.copy_wrap div.copyline > ul li > a {
	color: rgb(192, 200, 214); font-size: 12px;
}
div.copy_wrap div.copyline > ul li > a span {
	letter-spacing: 0.5px;
}
div.copy_wrap footer.footer {
	background: #45454f; padding: 30px 0px; text-align: center; color: #8d8d92; font-size: 11px; -ms-word-break: keep-all;
}
div.copy_wrap footer.footer p.address em {
	padding: 0px 15px 0px 0px;
}
div.copy_wrap footer.footer p.address span {
	letter-spacing: 0.5px;
}
div.copy_wrap footer.footer p.copyright {
	margin: 15px 0px 0px; letter-spacing: 0.5px; font-size: 10px;
}

/* 시군관리자 */
div.nttab {
	width: 100%;
}
div.nttab::after {
	clear: both; display: block; content: "";
}
menu {
	list-style: none; margin: 0px; padding: 0px;
}
div.nttab {
	border-top-color: rgb(207, 212, 220); border-bottom-color: rgb(207, 212, 220); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
div.nttab a.admin {
	width: 50%; height: 65px; text-align: center; line-height: 4.12rem; font-size: 1.23rem; font-weight: 600; float: left;
}
div.nttab a.admin.on {
	color: #000000; font-weight: 600; border-bottom-color: #00a59b;; border-bottom-width: 3px; border-bottom-style: solid;
}
div.nttab a.admin4 {
	width: 25%; height: 65px; text-align: center; line-height: 4.12rem; font-size: 1.23rem; font-weight: 600; float: left;
}
div.nttab a.admin4.on {
	color: #000000; font-weight: 600; border-bottom-color: #00a59b;; border-bottom-width: 3px; border-bottom-style: solid;
}

input[type='text'] {
	padding: 0px 5px; border-radius: 3px; border-image: none; height: 32px; color: rgb(57, 63, 75); vertical-align: middle; background-clip: padding-box;margin-top:-3px; }

input[type='text'].input_text {
	display: inline-block;
}
input[type='text'].input_text {
	border: 1px solid rgb(207, 212, 220); border-image: none;
}


div.pre_wrap {
	background: rgb(244, 246, 247); margin: 60px auto 30px; padding: 25px; border-top-color: rgb(232, 234, 236); border-bottom-color: rgb(232, 234, 236); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; float: left;
}
div.pre_wrap.left {
	padding: 25px 0px 25px 25px; width: 680px; text-align: left;
}
div.pre_wrap.right {
	padding: 25px 25px 25px 0px; width: 200px; text-align: right;
}
div.pre_wrap span {
	margin: 0px 10px 0px 0px; line-height: 2.25rem; font-size: 0.97rem; font-weight: 600; vertical-align: middle;
}
div.pre_wrap span.date {
	margin: 0px 7px; color: rgb(222, 17, 17); letter-spacing: 0.5px; vertical-align: bottom;
}
div.pre_wrap span i {
	margin: 0px 8px 0px 0px;
}
div.pre_wrap ul.inline li {
	margin: 0px 15px 0px 0px;
}

.btn.excel {
	background: rgb(73, 142, 41); color: rgb(255, 255, 255);
}
.btn.xs {
	padding: 5px 9px 7px; border-radius: 3px; font-size: 0.78rem; min-height: 38px; min-width: 70px; background-clip: padding-box;
}
.btn.xs > i {
	margin: 0px 0px 0px 7px; padding: 5px 0px 0px; font-size: 0.71rem;
}

div.coming > p::before {
	display: block;
}

/* 준비중문구 */
div.coming > p::before {
	display: block;
}
div.coming {
	text-align: center; position: relative;
}
div.coming > p {
	font-size: 1.3rem;
}
div.coming > p::before {
	padding: 25px 0px; color: rgb(57, 63, 75); font-size: 2.6rem;
}