@charset "utf-8";
/* Common
--------------------------------------------------------------------------------*/
.hp_container {
  background:url(../img/main/sign_wrap_bg.png) 50% 0 repeat-x;
}
/* Sign area
--------------------------------------------------------------------------------*/
.hp_m-sign {
	height:429px;
  background:url(../img/main/sign_wrap_bg2.jpg) 50% 0 no-repeat;
}
.hp_m-sign .sec_wrap {
	padding:34px 0 0 708px;
	width:316px;
}
.m-sign_wrap {
  position:relative;
  margin:0 0 11px;
	padding:15px 20px;
	background:#fff;
  border:1px solid #d9d4c1;
}
.m-sign_wrap .title {
	margin:0 0 12px;
  padding:2px 0;
	font-size:25px;
  color:#4b4b4b;
  font-weight:bold;
  line-height:1;
  text-transform:uppercase;
}
.m-sign_wrap .input_area {
  position:relative;
  margin:0 0 7px;
  line-height:1.6;
}
.m-sign_wrap .input_area .input_label {
  top:4px;
  left:10px;
  margin:0 10px 0 0;
  font-size:13px;
  color:#9e9e9e;
  cursor:pointer;
}
.m-sign_wrap .input_area .input_text {
  position:relative;
  margin:0;
  padding:5px 4px;
  width:178px;
  border:1px solid #e2e2e2;
  background:transparent
}
.m-sign_wrap .login_btn {
	position:absolute;
  display:table;
  top:56px;
  right:20px;
  width:80px;
  height:63px;
}
.m-sign_wrap .login_btn > a {
  display:table-cell;
  width:100%;
  height:63px;
  background:url(../img/main/login_btn.png) 0 0 no-repeat;
  color:#fff;
  font-weight:bold;
  text-align:center;
  vertical-align:middle;
  text-transform:uppercase;
}
.m-sign_wrap .login_forgat {
	margin:0;
	padding:8px 0 3px;
	font-size:16px;
  color:#6c6d6f;
  text-align:center;
}
.m-sign_wrap .login_forgat > a {
	color:#3f83c2;
}
.hp_m-sign .sign_banner  {
	display:block;
  margin-bottom:2px;
	padding:20px;
  background:#3f83c0;
  border:1px solid #3571a8;
}
.hp_m-sign .sign_banner > .title {
	margin:0 0 13px;
	padding:0 0 29px;
	background:url(../img/main/sign_banner-line.gif) 0 100% no-repeat;
	font-size:25px;
  color:#fff;
  font-weight:bold;
  line-height:1;
}
.hp_m-sign .sign_banner > .text {
	margin:0;
  padding:0 40px 0 0;
	font-size:15px;
  color:#fff;
  list-height:1.25;
}
/**/
.hp_m-sign .sign_banner1 {
  background:url(../img/main/sign_banner-bg1.png) 100% 0 no-repeat #3f83c0;
  border:1px solid #3571a8;
}
.hp_m-sign .sign_banner2 {
	margin:20px 0 11px;
  background:url(../img/main/sign_banner-bg2.png) 100% 0 no-repeat #3f83c0;
  border:1px solid #3571a8;
}
.hp_m-sign .sign_banner3 {
  background:url(../img/main/sign_banner-bg3.png) 100% 0 no-repeat #717b8c;
  border:1px solid #596374;
}
/* Quick area
--------------------------------------------------------------------------------*/
.hp_m-quick {
  background:#fff;
}
.hp_m-quick ul,
.hp_m-quick li {
	margin:0;
  padding:0;
  list-style:none;
}
.hp_m-quick .sec_title {
	margin:0;
  padding:1em 0;
  font-size:35px;
  font-weight:bold;
	color:#3f3f3f;
  text-align:center;
  text-transform:uppercase;
}
.hp_m-quick .sec_title > span {
	color:#006bb6;
}
/* slider */
.hp_m-quick .bx-wrapper {
	background:none;
	border:none;
  -webkit-box-shadow:none;
     -moz-box-shadow:none;
    			box-shadow:none;
}
.hp_m-quick .bx-wrapper .bx-controls-direction a {
  display:block !important;
	margin-top:-25px;
	width:50px;
  height:50px;
}
.hp_m-quick .bx-wrapper .bx-prev {
	left:-70px;
  background:url(../img/main/quick_controls.png) 0 0 no-repeat;
}
.hp_m-quick .bx-wrapper .bx-next {
	right:-70px;
  background:url(../img/main/quick_controls.png) 100% 0 no-repeat;
}
/* hover, focus */
.hp_m-quick .bx-wrapper .bx-prev:hover,
.hp_m-quick .bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.hp_m-quick .bx-wrapper .bx-next:hover,
.hp_m-quick .bx-wrapper .bx-next:focus {
  background-position: 100% 0;
}
/* style */
.quick_wrap > li {
	float:left;
  margin-left:-1px;
  background:url(../img/main/quick-line.gif) 0 0 no-repeat;
  word-break:keep-all;
  text-align:center;
}
.quick_wrap > li.bx-clone {background:none;}
.quick_wrap > li a {
	display:block;
  padding:120px 20px 20px;
  font-size:15px;
  color:#3f3f3f;
  font-weight:bold;
}
/* icon */
.quick_wrap > li.item01 a {background:url(../img/main/quick-item01.png) 50% 0 no-repeat;}
.quick_wrap > li.item02 a {background:url(../img/main/quick-item02.png) 50% 0 no-repeat;}
.quick_wrap > li.item03 a {background:url(../img/main/quick-item03.png) 50% 0 no-repeat;}
.quick_wrap > li.item04 a {background:url(../img/main/quick-item04.png) 50% 0 no-repeat;}
.quick_wrap > li.item05 a {background:url(../img/main/quick-item05.png) 50% 0 no-repeat;}

/* Curriculum area
--------------------------------------------------------------------------------*/
.hp_m-curriculum {
  height:724px;
  background:#607d8b;
  overflow:hidden;
}
.hp_m-curriculum ul,
.hp_m-curriculum li {
	margin:0;
  padding:0;
  list-style:none;
}
.hp_m-curriculum .sec_title {
	margin:0;
  padding:1em 0;
	font-size:46px;
  font-weight:bold;
	color:#fff;
  text-align:center;
  text-transform:uppercase;
}
/* Tab */
.hp_m-curriculum .tab {
	position:relative;
	background:#576f7a;
	width:100%;
}
.hp_m-curriculum .tab > li {
	float:left;
	width:20%;
}
.hp_m-curriculum .tab > li > a {
	display:block;
  margin-left:1px;
  padding:.5em 2.5em;
  background:#425761;
  font-size:15px;
  color:#fff;
  font-weight:bold;
  text-align:center;
  cursor:pointer;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hp_m-curriculum .tab > li:first-child > a {
  margin-left:0px;
}
.hp_m-curriculum .tab > li.on > a {
  background:#ff9228;
}
/* Course_list */
.hp_m-curriculum .curriculum_wrap {
	visibility:hidden;
  position:absolute;
  width:100%;
  top:80px;
  left:0;
  *zoom:1;
}
.hp_m-curriculum li.on .curriculum_wrap {
	visibility:visible;
}
.hp_m-curriculum .curriculum_list > li {
	background:#fff;
  text-align:center;
}
.hp_m-curriculum .curriculum_list > li > a {
	display:block;
}
.hp_m-curriculum .curriculum_list > li .thum {
	position:relative;
  margin:0 0 1em;
	width:100%;
  height:0;
  padding-top:70%;
  overflow:hidden;
}
.hp_m-curriculum .curriculum_list > li img {
	position:absolute;
  top:0;
  left:0;
  width:100%;
  height:auto;
}
.hp_m-curriculum .curriculum_list > li .mask {
	position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  border:1px solid #000;
  opacity:.2;
  filter:Alpha(opacity=20);
}
.hp_m-curriculum .curriculum_list > li .new,
.hp_m-curriculum .curriculum_list > li .hot,
.hp_m-curriculum .curriculum_list > li .rec {
	display:inline-block;
  *display:inline;
  *zoom:1;
  margin:0 3px 10px;
  padding:4px 10px;
  font-family:"돋움", "돋움체", sans-serif;
  font-size:12px;
  color:#fff;
  font-weight:bold;
  line-height:1;
  border-radius:3px;
}
.hp_m-curriculum .curriculum_list > li .new {background-color:#e75e5a;}
.hp_m-curriculum .curriculum_list > li .hot {background-color:#7794c9;}
.hp_m-curriculum .curriculum_list > li .rec {background-color:#4cbe8a;}
.hp_m-curriculum .curriculum_list > li .curriculum_tit {
	display:block;
  margin-bottom:10px;
  padding:0 20px;
  height:2.6em;
  font-size:16px;
  color:#2b2a2a;
  font-weight:bold;
  line-height:1.3;
  overflow:hidden;
}
.hp_m-curriculum .curriculum_list > li .curriculum_date {
	display:block;
  margin-bottom:20px;
  font-size:14px;
  color:#2a8989;
}
.hp_m-curriculum .curriculum_list > li .curriculum_info {
	display:block;
  margin:0 10px;
  padding:10px 0;
  background:url(../img/main/curriculum_info-line.gif) 0 0 repeat-x;
  text-align:left;
  font-size:14px;
  color:#595959;
}
.hp_m-curriculum .curriculum_list > li .curriculum_info > span {
	display:inline-block;
  padding:5px 10px 5px 35px;
}
.hp_m-curriculum .curriculum_list > li .price {
  background:url(../img/main/curriculum_price.png) 0 50% no-repeat;
}
.hp_m-curriculum .curriculum_list > li .people {
  background:url(../img/main/curriculum_people.png) 0 50% no-repeat;
}
.hp_m-curriculum .curriculum_list > li .curriculum_info {
	display:block;
  margin:0 10px;
  padding:10px 0;
  background:url(../img/main/curriculum_info-line.gif) 0 0 repeat-x;
  text-align:left;
  font-size:14px;
  color:#595959;
}
.hp_m-curriculum .curriculum_wrap .more {
	position:absolute;
  right:0;
  top:403px;
  padding:9px 32px 8px 18px;
  background:url(../img/main/curriculum_more.png) 0 0 no-repeat;
  font-size:13px;
  color:#fff;
  font-weight:normal;
  line-height:1;
  text-transform:uppercase;
}
/* slider */
.hp_m-curriculum .bx-wrapper {
	max-width:none!important;
	background:none;
	border:none;
  -webkit-box-shadow:none;
     -moz-box-shadow:none;
    			box-shadow:none;
}
.hp_m-curriculum .bx-wrapper .bx-controls-direction a {
  display:block !important;
	margin-top:-20px;
	width:40px;
  height:40px;
}
.hp_m-curriculum .bx-wrapper .bx-prev {
	left:-60px;
  background:url(../img/main/curriculum__controls.png) 0 0 no-repeat;
}
.hp_m-curriculum .bx-wrapper .bx-next {
	right:-60px;
  background:url(../img/main/curriculum__controls.png) 100% 0 no-repeat;
}
.hp_m-curriculum .bx-wrapper .bx-pager,
.hp_m-curriculum .bx-wrapper .bx-controls-auto {
	bottom:-64px;
}
.hp_m-curriculum .bx-wrapper .bx-pager.bx-default-pager a {
	margin:0 6px;
	width:18px;
  height:18px;
  background:url(../img/main/curriculum_dot.png) 0 0 no-repeat;
}
/* hover, focus */
.hp_m-curriculum .bx-wrapper .bx-prev:hover,
.hp_m-curriculum .bx-wrapper .bx-prev:focus {
  background-position:0 0;
}
.hp_m-curriculum .bx-wrapper .bx-next:hover,
.hp_m-curriculum .bx-wrapper .bx-next:focus {
  background-position:100% 0;
}
.hp_m-curriculum .bx-wrapper .bx-pager.bx-default-pager a:hover,
.hp_m-curriculum .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background:url(../img/main/curriculum_dot.png) 0 -30px no-repeat;
}
.hp_m-curriculum .bx-wrapper .bx-pager.bx-default-pager a.active {
  background:url(../img/main/curriculum_dot.png) 0 -60px no-repeat;
}
/* Group Line area
--------------------------------------------------------------------------------*/
.hp_m-gr03 {
	padding:78px 0 56px;
  background:#fff;
}
/*---------- Recent post ----------*/
.recent_post {
	float:left;
  width:500px;
}
.recent_post ul,
.recent_post li {
	margin:0;
  padding:0;
  list-style:none;
}
/* Tab */
.recent_post .tab {
	position:relative;
  background:url(../img/main/recent_post_bg.gif) 0 100% repeat-x;
}
.recent_post .tab > li {
	float:left;
  background:#fff;
}
.recent_post .tab > li > a {
	display:inline-block;
  *display:inline;
  *zoom:1;
  padding:.5em 2em;
  background:#fff;
  border-width:1px 0px 1px 1px;
  border-style:solid;
  border-color:#e5e5e5;
  font-size:15px;
  color:#353535;
  font-weight:bold;
  text-align:center;
  text-transform:uppercase;
  white-space:nowrap;
  cursor:pointer;
}
.recent_post .tab > li.last-child > a {
	border-right-width:1px;
}
/* recent post area */
.recent_post .rp_area {
	display:none;
	position:absolute;
  top:55px;
  left:0;
  width:100%;
  white-space:nowrap;
  word-break:keep-all;
}
.recent_post .rp_area > li {
	padding:2px 0;
  padding-left:15px;
	background:url(../img/main/recent_post_ic.gif) 3px 1em no-repeat;
	color:#595959;
  line-height:22px;
	overflow:hidden;
	clear:both;
}
.recent_post .rp_tit {
	float:left;
	width:400px;
	font-size:14px;
  color:#595959;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.recent_post .rp_tit > a {color:#595959;}
.recent_post .rp_tit > a:hover {
  color:#000;
  text-decoration:underline;
}
.recent_post .rp_date {
	float:right;
	width:70px;
	font-size:13px;
  color:#939393;
  font-weight:bold;
}
/* notice */
.recent_post .rp_area > li.notice_post {
	margin-bottom:18px;
	padding:3px 3px 23px;
	background:url(../img/main/recent_post_line.gif) 0 100% repeat-x;
	overflow:visible;
}
.recent_post .notice_post .rp_tit {
	display:block;
	float:none;
  margin-bottom:8px;
	width:auto;
	font-size:17px;
  color:#3e3e3e;
  font-weight:bold;
}
.recent_post .rp_tit > a {color:#3e3e3e;}
.recent_post .notice_post .rp_txt {
	display:block;
  height:44px;
	font-size:13px;
  color:#595959;
  white-space:normal;
  overflow:hidden;
}
.recent_post .notice_post .rp_date {display:none;}
/* more */
.recent_post .rp_area > li.more {
	position:absolute;
  top:-43px;
  right:5px;
  padding:0;
  margin:0;
  background:none;
}
.recent_post .rp_area > li.more > a {
	display:block;
  width:13px;
  height:13px;
	background:url(../img/main/recent_post_more.gif) 0 0 no-repeat;
}
/* active */
.recent_post .tab > li.on {
  border-top:2px solid #006bb6;
}
.recent_post .tab > li.on > a {
  color:#004ea2;
  border-top-width:0px;
  border-bottom-width:0px;
}
.recent_post .tab > li.on .rp_area {
	display:block;
}
/*---------- SW Download ----------*/
.sw_download {
	float:left;
  margin-left:48px;
  width:168px;
}
.sw_download ul,
.sw_download li {
	margin:0;
  padding:0;
  list-style:none;
}
.sw_download .title {
	margin:0 0 7px;
  padding:8px 0;
  padding-left:45px;
	background:url(../img/main/sw_tit.png) 0 0 no-repeat;
  font-size:16px;
  color:#31353d;
  font-weight:bold;
  line-height:1;
}
.sw_download ul {
	background:url(../img/main/sw_bg.gif) 0 0;
}
.sw_download li {
	background:url(../img/main/sw_line.png) 0 0 repeat-x;
  font-size:13px;
  color:#fff;
  font-weight:bold;
  line-height:1;
}
.sw_download li > a {
	display:block;
  padding:11px;
  color:#fff;
}
.sw_download li:first-child {
	background:none;
}
/*---------- Event ----------*/
.event {
	float:left;
  margin-left:37px;
  width:271px;
}
.event ul,
.event li {
	margin:0;
  padding:0;
  list-style:none;
}
/* slider */
.event .bx-wrapper {
	margin:0;
	background:none;
	border:none;
  -webkit-box-shadow:none;
     -moz-box-shadow:none;
    			box-shadow:none;
}
.event .bx-wrapper .bx-controls-direction a {
  display:block !important;
  top:0;
  margin:0;
	width:28px;
  height:26px;
}
.event .bx-wrapper .bx-prev {
	left:auto;
  right:57px;
  background:url(../img/main/event_control.gif) 0 0 no-repeat;
}
.event .bx-wrapper .bx-next {
	right:0;
  background:url(../img/main/event_control.gif) 100% 0 no-repeat;
}
/**/
.event .bx-wrapper .bx-controls-auto {
	top:0;
}
.event .bx-wrapper .bx-controls-auto .bx-start,
.event .bx-wrapper .bx-controls-auto .bx-stop {
	position:absolute;
  margin:0;
  top:0;
  right:28px;
	width:29px;
  height:26px;
  background:url(../img/main/event_control.gif) -56px 0 no-repeat;
  z-index:9999;
}
.event .bx-wrapper .bx-controls-auto .bx-stop {
  background-position:-28px 0;
}
/* hover, focus */
.event .bx-wrapper .bx-prev:hover,
.event .bx-wrapper .bx-prev:focus {
  background-position:0 0;
}
.event .bx-wrapper .bx-next:hover,
.event .bx-wrapper .bx-next:focus {
  background-position:100% 0;
}
.event .bx-wrapper .bx-controls-auto .bx-start:hover,
.event .bx-wrapper .bx-controls-auto .bx-start.active,
.event .bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position:-56px 0;
}
.event .bx-wrapper .bx-controls-auto .bx-stop:hover,
.event .bx-wrapper .bx-controls-auto .bx-stop.active,
.event .bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position:-28px 0;
}


/*sub/support/remote.php 2018-05-28 START*/
	div.sub_wrap div.cont_detail div.div_con03 img.remote{float:none; width:auto; height:auto; margin:20px 0;}
	div.sub_wrap div.cont_detail div.div_con03 a.remote_down{position:absolute; bottom:46px; right:82px; display:block; width:171px; height:52px;}
/*sub/support/remote.php  END*/