@import url('font/pretendard.css');
@charset "euc-kr";


body {
	font-family: 'Pretendard', 'Nanum Gothic','NanumGothic','Malgun Gothic', sans-serif; 
}
img{vertical-align:top}
#txt img{max-width:100%;}

#wrap{}
#wrap .layout,
#top_popup .layout{position:relative; width:1200px; height:100%; margin:0 auto; padding:0px;}
#top_popup .layout{padding:0;}
#wrap .clear{clear:both;}
#wrap .layout.sub{width:1100px;}

#wrap .layout.family{background:url(../img/bg_img/main_bg_family_W6.png) no-repeat top right;}

#wrap{background:#fff}
#wrap[class^="bg_main01"]{background:#fff url("../img/bg_img/main_bg_common_W6.jpg") no-repeat 50% 150px}
#wrap[class^="bg_main02"]{background:#fff url("../img/bg_img/main_bg_common_W6.jpg") no-repeat 50% 150px}
#wrap[class^="bg_main03"]{background:#fff url("../img/bg_img/main_bg_common_W6.jpg") no-repeat 50% 150px}
#wrap[class^="bg_main04"]{background:#fff url("../img/bg_img/main_bg_common_W6.jpg") no-repeat 50% 150px} 
#wrap[class^="bg_main05"]{background:#fff url("../img/bg_img/main_bg_common_W6.jpg") no-repeat 50% 150px} 

#wrap[class^="bg_sub01"]{background:#fff url("../img/bg_img/sub_bg_common.jpg") no-repeat 50% 150px}
#wrap[class^="bg_sub02"]{background:#fff url("../img/bg_img/sub_bg_common.jpg") no-repeat 50% 150px}
#wrap[class^="bg_sub03"]{background:#fff url("../img/bg_img/sub_bg_common.jpg") no-repeat 50% 150px}
#wrap[class^="bg_sub04"]{background:#fff url("../img/bg_img/sub_bg_common.jpg") no-repeat 50% 150px} 
#wrap[class^="bg_sub05"]{background:#fff url("../img/bg_img/sub_bg_common.jpg") no-repeat 50% 150px} 


#top_popup{display:none; height:144px; background:#f4f4f4;}
#top_popup .top_popup_left,
#top_popup .top_popup_right{position:absolute; top:0; z-index:1; width:62px; height:100%;}
#top_popup .top_popup_left{left:0;}
#top_popup .top_popup_right{right:0;}
#top_popup .move{overflow:hidden; position:relative; z-index:0; width:1156px; height:100%; margin:0px auto;}
#top_popup .move ul{position:absolute; left:0; top:0; width:200000px; height:100%;}
#top_popup .move ul li{float:left; width:360px; height:100%; padding-right:39px;}
#top_popup .move ul li a,
#top_popup .move ul li a img{display:block; width:100%; height:100%;}

a.favo_btn{background:url(../img/ico_fav_T2.png) no-repeat left center; color:#555555; display:inline-block; margin-right:10px; font-size:15px;padding-left:18px; font-weight:600}
a.all_lect_btn {background:#19b14c url(../img/ico_all_lec.png) no-repeat 5px center;  color:#fff; display:inline-block; font-size:15px;padding:8px 10px 8px 25px; font-weight:600}
 
.course_fav_box {width:103px; float:left; margin:20px 0;}

.number_c {position: relative; margin:0; padding:0px; text-align:center;}
.number_n {position: absolute; z-index:4; left: 0; top:0;color:#fff; background:#f1a42b; font-size:11px; padding:2px 5px 3px 5px;}

.cos_img {position: absolute;left: 0; width:99px; height:80px;  top:0px; z-index:1;border:1px solid #eee; }
.cos_name {position:relative; padding:89px 3px 0 3px; font-size:13px;line-height:18px; color:#000; text-align:left;  }
.cos_name a{word-break:keep-all;
	
.title_ss {color:#1c4592}

.alpha50 {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.5);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.alpha90 {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.95);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
 

.alpha60 {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
 
.alpha30 {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(16, 46, 62);
    /* RGBa with 0.6 opacity */
    background-color: rgba(16, 46, 62, 0.3);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}


#header{position:relative; z-index:11;  }
#header .mobile_menu,
#header .mobile_search{display:none; position:absolute; top:74px; width:45px; height:45px;}
.mobile_menu_close{display:none; position:absolute; left:0; top:0; z-index:1001;}
#header .mobile_menu{left:20px;}
#header .mobile_search{right:20px;}
#header #global{position:relative; z-index:10; }
#header #global .layout{position:relative;}
#header #global .attcheckbox{position:absolute; display:none;
	left:3px; top:280px; z-index:9; background:#ff6b53; 
	margin: 0 !important;
	width:136px; height:136px;
	text-align:center;
	padding: 0 !important;
  -webkit-box-shadow: 2px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 1px 0px rgba(0, 0, 0, 0.3); 
	-moz-border-radius: 136px;
	-webkit-border-radius: 136px;
	border-radius: 136px;}

}
 
#header #global .attcheckbox a span{color:#fffc00; text-decoration:underline;}

#header #global ul{padding:0px 0;}
#header #global ul.topmenu{padding:0px 0;float:right;}
#header #global ul li{position:relative; float:left;  padding:0px 25px;  }
#header #global ul li.tt{position:relative; float:left;  padding:0px 0 0 15px;   }
#header #global ul li.on{position:relative; float:left; }
#header #global ul li a{display:block; height:28px; line-height:28px; font-size:12px; color:#777; }
#header #global ul li a.a_03{background:#000000; color:#fff; padding:0 10px; margin:0 0 0 0; }
#header #global ul li.bott a{color:#fff; border:1px solid #fff; border-radius:5px; padding:3px 5px;}
#header #global ul li.welcome_t a{color:#fff; }
#header #global ul li.tt a{color:#fff; }
#header #global ul li a.on{display:block; color:#333333;}
#header #global ul li a.welcome{display:block; color:#47d9f3;}
#header #global ul li:first-child{background:none;} 
#header #global ul li.tt:last-child{  } 
#mainCopy {position:relative; clear:both; height:640px; padding:40px 0 0;  }
#mainCopy .lcopy{position:absolute; left:0px;  width:1100px; top:85px; color:#000000; font-size:29px; line-height:30px;  font-family:'Nanum Pen Script'; text-align:center;}
#mainCopy .sitename{position:absolute; left:0px;  top:10px; width:1100px; text-align:center; color:#000000; font-size:45px; line-height:35px; font-weight:600;}
#mainCopy .sitename span{color:#1c4592; font-size:38px;}

#subCopy {position:relative; clear:both; height:150px;}
#subCopy .lcopy{position:absolute; left:460px; top:50px; color:#fff; color:#000000; font-size:28px; line-height:28px; font-weight:600;}
#subCopy .sitename{position:absolute; left:390px; top:105px; color:#000000; font-size:40px; line-height:35px; font-weight:600;}


#mainCopy .newcourse_wrap {
	height: 384px; width:914px; position: absolute; left:0px; top:155px; background:rgb(255,255,255); 
}

.box_shadow {box-shadow:3px 3px 10px 0px rgba(0,0,0,0.3);}
#mainCopy .event_wrap {
	height: 384px; width:286px; position: absolute; right:0px; top:155px; background:rgb(142,175,49);
}


#mainCopy .newcourse_wrap  .ntitle{position:absolute; left:2px; top:2px; font-size:15px; color:#fff; padding:5px 10px; background:rgba(93,180,71,0.7); }

#header #global .search{float:left;}
#header #global .search ul{overflow:hidden;}
#header #global .search ul li{padding:6px 0px 0px 0px; background:url("../img/etc_bar.png") no-repeat left 14px;}
#header #global .search ul li.no{background:none;}
#header #global .search ul li:first-child{background:none;}
#main #header #global .search ul li:first-child.no{display:block;}
#header #global .search ul li a{height:auto; line-height:14px; padding:0px 5px; margin:0px 3px;} 
#header #global ul li.top_search{padding:5px 0px 0px 0px; background:none;}
#main #header #global ul li.top_search{background:url("../img/etc_bar.png") no-repeat left 14px;}
#header #global ul li.top_search input,
#header #global ul li.top_search a{vertical-align:middle;}
#header #global ul li.top_search input[type=text]{display:none; width:208px; height:23px; line-height:21px; padding:0; margin-left:10px; text-indent:10px; font-size:14px; border:none; color:#929292; background:#fff;}
#header #global ul li.top_search .top_search_btn{display:inline-block; padding:2px 6px;}


#header #logoTop {position:relative; left:0px; top:0px; z-index:1000; height:100px;border-bottom:1px solid rgba(221,221,221,0.9)}
#header #logoTop .logo{width:295px; height:100px; vertical-align:middle; display: table-cell;}
#header #logoTop .hashd{width:496px; height:100px;  display: table-cell;vertical-align:middle;}
#header #logoTop .fav{width:409px;height:100px;  vertical-align:middle; text-align:right; display: table-cell; }

#header #logoTop .fav a {color:#231f20; text-decoration:none; display:inline-block;width:60px;text-align:center; padding:35px 0 0; margin:0px 0 0 10px;} 
#header #logoTop .fav a.home{background:url(../img/ico_home.png) no-repeat top center; }
#header #logoTop .fav a.mypage{background:url(../img/ico_mypage.png) no-repeat top center; }
#header #logoTop .fav a.login{background:url(../img/ico_login.png) no-repeat top center; }
#header #logoTop .fav a.register{background:url(../img/ico_register.png) no-repeat top center; }
#header #logoTop .fav a.logout{background:url(../img/ico_logout.png) no-repeat top center; }



#header #menu{position:relative; z-index:999; height:48px; background:#fff; border-bottom:1px solid rgba(221,221,221,0.9)}

#header #menu .etc_clone{display:none;}
#header #menu #gnb{position:relative; float:right; height:48px;}
#header #menu #gnb ul{width:100%;}
#header #menu #gnb ul li.main_menu{float:left;  position:relative;z-index:0; margin:0; padding:0;}
#header #menu #gnb ul li.main_menu a{display:block; height:48px; line-height:48px; padding:0px 0px 0px 0px; font-weight:600; font-size:18px;}
#header #menu #gnb ul li.main_menu a:link,
#header #menu #gnb ul li.main_menu a:visited,
#header #menu #gnb ul li.main_menu a:active{color:#333;width:240px;text-align:center}
#header #menu #gnb ul li.main_menu a:hover,
#header #menu #gnb ul li.main_menu a.ov:link,
#header #menu #gnb ul li.main_menu a.ov:visited,
#header #menu #gnb ul li.main_menu a.ov:active,
#header #menu #gnb ul li.main_menu a.ov:hover{text-decoration:none; color:#fff; background:#1c4592;}
#header #menu #gnb ul li.main_menu a.on {text-decoration:none;  color:#fff; background:#1c4592;}
#header #menu #gnb ul.gnb_sb_wrap{width:238px;z-index:-1;margin:20px 0;border:1px solid #1c4592; padding:10px 0; }
#header #menu #gnb ul.gnb_sb_wrap li{float:none; text-align:left; height:28px; margin:0; padding:0; }
#header #menu #gnb ul.gnb_sb_wrap li.ln {min-height:15px; text-align:center; vertical-align:middle; line-height:15px;}
#header #menu #gnb ul.gnb_sb_wrap li.ln img{vertical-align:baseline}
#header #menu #gnb ul.gnb_sb_wrap li a{display:block; text-align:left; font-family:"Malgun Gothic"; font-size:14px; height:30px; line-height:30px; color:#231f20; margin:0;padding:0px  0 0 5px; }
#header #menu #gnb ul.gnb_sb_wrap li a:link,
#header #menu #gnb ul.gnb_sb_wrap li a:visited,
#header #menu #gnb ul.gnb_sb_wrap li a:active{ text-align:left;font-weight:normal; }
#header #menu #gnb ul.gnb_sb_wrap li a:hover,
#header #menu #gnb ul.gnb_sb_wrap li a.ov:link,
#header #menu #gnb ul.gnb_sb_wrap li a.ov:visited,
#header #menu #gnb ul.gnb_sb_wrap li a.ov:active,
#header #menu #gnb ul.gnb_sb_wrap li a.ov:hover{ text-align:left;text-decoration:none; font-weight:600; color:#1c4592; background:none;} 
#header #menu #gnb ul li .gnb_title{display:block; position:absolute; left:20px; top:95px; z-index:5; width:320px; height:246px;}

.menutnew {background: #fff;padding:1px 3px;margin-left:3px;font-size:10px;line-height:8px;color: #f1a42b;border: 1px solid #f1a42b;}



.Conversation_wrap {
	background:url(../img/conversation_box2_W6.png) no-repeat; margin:10px 0 0 0; height: 247px; width:892px; position: relative;
}
.today_link {color:#b00e11; width: 330px; overflow: hidden; white-space: line-height:18px; nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; font-size:15px;}
.gosatitle {color:#b00e11}
span.txt {
	left: 10px; width: 330px; overflow: hidden; line-height:18px; font-size: 15px; float: left; color:#333333; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis;
}
span.txt2 {
	left: 10px; width: 330px; overflow: hidden; line-height:18px; font-size: 15px; float: left; color:#333333; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis;
}

#Conmsnewsrc {
	height: 182px; position: relative; 
}
#Conmsnewsrc > .po01 {
	position: absolute; top: 4px;  left:60px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; width:330px;
}
#Conmsnewsrc > .po02 {
	position: absolute; top: 157px; left:60px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; width:330px;
}
#Conmsnewsrc > .po03 {
	position: absolute;top: 4px;  left:520px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; width:330px;
} 

#Conmsnewsrc > .po04 {
	position: absolute;top: 157px;  left:520px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; width:330px;
} 

#Conmsnewsrc > .po05 {
	position: absolute;top: 69px; left:60px; width:330px; height:63px; overflow:hidden;
} 

#Conmsnewsrc > .po06 {
	position: absolute;top: 69px; left:520px; width:330px; height:63px; overflow:hidden;
}  

#Conmsnewsrc > div > ul.bgullist {
	padding: 0px; width: 295px; overflow:hidden;
}
#Conmsnewsrc > div > ul.bgullist > li {
	padding: 1px 0px 1px 12px; height: 20px; width: 295px; overflow:hidden;
}
 ul#Conmsnewsrc > div > ul.bgullist > li > span.date {
	width: 20%; overflow: hidden; float: right; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis;
}

ul.gnb_sb_wrap { 
	background:rgba(240, 240, 240, 1);
	min-width:236px;  
	position:absolute;  
	height:auto; 
	
	box-shadow: 0px 2px 7px rgb(0 0 0 / 30%);
	visibility: hidden; /* shows sub-menu */
  opacity: 0;
  top: 28px;
  left: 0;
  width: 100%;
  transform: translateY(-2em);
  z-index: -1;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
ul.gnb_sb_wrap li{height:auto;}

 
.main_menu:hover .gnb_sb_wrap { 
	visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
}

 
ul.gnb_sb_wrap > li {
	text-align:left;
} 

ul.gnb_sb_wrap > li.ln { 
	
} 
ul.gnb_sb_wrap > li > a {
	  color: rgb(255, 255, 255); display: block;  font-size: 13px; font-weight: normal;  
}
ul.gnb_sb_wrap > li > a:hover {
	color: rgb(255, 201, 43); text-decoration: underline;  
} 

#gnb_01  li.main_menu{position:relative;z-index:1000;}
 
ul#gnb_01 > li.main_menu.on {  
 
}

ul#gnb_01 > li.main_menu.on > a{
	color: rgb(0, 0, 0);
} 
ul#gnb_01 > li.main_menu1.on {
 border-bottom:3px solid #fff; 
}

ul#gnb_01 > li.main_menu1.on > a{
	color: rgb(0, 0, 0);
}

#gnb_01:after{content:""; display:block; clear:both;}
#gnb_01 ul{*zoom:1;}
#gnb_01 ul:after{content:''; display:block; clear:both;}


.gnb_sb_wrap1 {background:url("../img/menu_line_bg1.png") repeat-y center top  rgb(255, 255, 255);left: 0px; top: 152px;  min-width: 1200px; width: 100%; overflow: hidden;border-bottom-color: rgb(83, 89, 174); border-bottom-width: 2px;  border-bottom-style: solid; position: absolute; z-index: 500000000; min-height: 150px; box-shadow: 0px 2px 7px #a6a6a6; border-top-color: rgb(132, 137, 207); border-top-width: 4px; border-top-style: solid; }
.gnb_sb_wrap2 {background:url("../img/menu_line_bg2.png") repeat-y center top  rgb(255, 255, 255);left: 0px; top: 152px;  min-width: 1200px; width: 100%; overflow: hidden; border-bottom-color: rgb(83, 89, 174); border-bottom-width: 2px;  border-bottom-style: solid; position: absolute; z-index: 500000000; min-height: 150px; box-shadow: 0px 2px 7px #a6a6a6;  border-top-color: rgb(132, 137, 207); border-top-width: 4px; border-top-style: solid;}
.gnb_sb_wrap3 {background:url("../img/menu_line_bg3.png") repeat-y center top rgb(255, 255, 255);left: 0px; top: 152px;  min-width: 1200px; width: 100%; overflow: hidden;  border-bottom-color: rgb83, 89, 174); border-bottom-width: 2px; border-bottom-style: solid; position: absolute; z-index: 500000000; min-height: 150px; box-shadow: 0px 2px 7px #a6a6a6; border-top-color: rgb(132, 137, 207); border-top-width: 4px; border-top-style: solid; }
.gnb_sb_wrap4 {background:url("../img/menu_line_bg4.png") repeat-y center top rgb(255, 255, 255);left: 0px; top: 152px; min-width: 1200px;  width: 100%; overflow: hidden;  border-bottom-color: rgb(83, 89, 174); border-bottom-width: 2px;  border-bottom-style: solid; position: absolute; z-index: 500000000; min-height: 150px; box-shadow: 0px 2px 7px #a6a6a6;  border-top-color: rgb(132, 137, 207); border-top-width: 4px; border-top-style: solid;}

.gnb_sb_wrap_ct1 {
	margin: 0px auto; width: 1200px; overflow: hidden; min-height: 80px;
} 
ul.gnb_sb_pt1_ct02 {
	width: 900px; text-align: left; overflow: hidden; float: right; min-height: 80px;
}
ul.gnb_sb_pt1_ct02 > li {
	overflow: hidden; font-size: 1.2em; float: left; min-height: 80px;
}
ul.gnb_sb_pt1_ct02 > li.gnbsbbend {
	
}
ul.gnb_sb_pt1_ct02 > li > a {
	background: url("/images/potal/common/gnb_snb_sbg_01.gif") repeat-y right 0px rgb(239, 246, 254); padding: 10px 0px 0px 8%; width: 92%; height: 20px; color: rgb(54, 54, 54); text-decoration: none; border-bottom-color: rgb(83, 89, 174); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block;
}
ul.gnb_sb_pt1_ct02 > li > a > span.gnblbar {
	line-height: 10px; border-left-color: rgb(212, 52, 64); border-left-width: 3px; border-left-style: solid; display: block;
}
ul.gnb_sb_pt1_ct02 > li > a > span > span.lpdspc {
	padding: 0px 0px 0px 3px; display: block;
}
ul.gnb_sb_pt1_ct02 > li > a:hover {
	color: rgb(83, 89, 174);
}
ul.gnb_sb_pt1_ct02_mn {
	padding: 15px 0px 10px 10px; display: block;
}
ul.gnb_sb_pt1_ct02_mn > li {
	padding: 0px 0px 5px; font-size: 0.8em; font-weight: normal;
}
ul.gnb_sb_pt1_ct02_mn > li.ln {
	background: url("../img/split_line.png") no-repeat 10px 5px; padding: 0px 0px 5px; font-size: 0.8em; font-weight: normal;
}
ul.gnb_sb_pt1_ct02_mn > li > a {
	background: url("../img/blit_dotgr_2px.png") no-repeat 0px 5px; color: rgb(84, 84, 84); padding-left: 7px; display: block;
}
ul.gnb_sb_pt1_ct02_mn > li > a:hover {
	color: rgb(83, 89, 174); text-decoration: underline;  
}
 
#header #menu #gnb ul li .gnb_title strong{display:block; line-height:35px; margin-top:34px; padding:0px 20px; font-weight:600; font-size:36px; color:#fff;}
#header #menu #gnb ul li .gnb_title span{display:block; line-height:24px; margin-top:15px; padding:0px 20px; font-weight:normal; font-size:15px; color:#fff;}
#header #menu .menu_bg{position:absolute; left:0; top:95px; width:100%; height:0px; background:#fff; border-bottom:1px solid #ddd;}
#header #menu .menu_bg .bg{position:absolute; right:50%; top:0; width:50%; height:100%; margin-right:320px;}
#header #menu .menu_bg.bg_01 .bg{background:#119fab;}

#header #menu .gnb_box{clear:both; display:none; overflow:hidden; position:relative; padding-top:20px; width:100%; height:207px;}
#header #menu .gnb_box .set_01{width:auto; padding:14px 339px 0px 20px; margin-left:640px;}
#header #menu .gnb_box .set_01 li{
    display:block; height:71px; line-height:25px; padding:14px 24px 0px 28px; margin-bottom:7px; border:1px solid #e4e4e4; font-size:15px; color:#333;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    -o-border-radius:5px;
}
#header #menu .gnb_box .set_01 li.icon_01{background:url("../img/gnb_box1_icon_01.gif") no-repeat right center;}
#header #menu .gnb_box .set_01 li.icon_02{background:url("../img/gnb_box1_icon_02.gif") no-repeat right center;}
#header #menu .gnb_box .set_01 li span{display:block; font-weight:600; font-size:26px; color:#202020;}

#header #menu .gnb_box .set_02{position:absolute; right:0; top:20px; width:319px; height:171px; padding:36px 0px 0px 0px; font-size:13px; border-left:1px solid #e9e9e9; color:#303030;  background:url("../img/gnb_box2_bg.gif") no-repeat left top;}
#header #menu .gnb_box .set_02 strong{display:block; margin-bottom:5px; padding-left:185px; font-weight:600; font-size:15px; color:#202020;}
#header #menu .gnb_box .set_02 p{padding-left:185px; margin:0;}
#header #menu .gnb_box .set_02 a{display:block; margin-top:10px; padding-left:185px;}
 

.container{position:relative; display:table; width:100%; margin:0px; padding:0; }  

.container.bg2{background:#eeeeee } 

.container.bg3{background:#99763f } 


.container.bg4{background:#c4ebd1 url("../img/container_bg4.jpg") no-repeat top center; } 
.container.bg5{background:#4789d6 url("../img/container_bg5.jpg") no-repeat top center; } 

#main_hor_box { position:relative; width:1200px; margin:0 auto; padding:0; }

#main_hor_box.bg2 { position:relative; width:1200px; margin:0 auto; padding:0; }

#main_hor_box > .oneBox {
	margin:0; float:left; width:500px; position: relative; 
}
 
#main_hor_box > .leftBox {
	margin:0; float:left; width:296px;   position: relative; 
}
 
#main_hor_box > .middleBox {
	margin: 0 0 0 23px; float:left; width:303px;  position: relative; 
}
 
#main_hor_box > .rightBox {
	margin: 0; float:right; width:355px;  position: relative; 
}

#main_hor_box h5 {font-size:22px; width:100%; font-weight:600; line-height:30px; padding-bottom:5px; color:#000; font-family:'Malgun Gothic';}

#main_hor_box h5.linex {width:485px; border-bottom:5px solid #e8e8e8; }
.tedbox .more {
    position: absolute;
    top: 16px;
    right: 0px;
}

.tedbox .more a {
    text-decoration: none;
    display: inline-block;
    
    font-size: 11px;
    line-height: 12px;
    width: 12px;
    height: 12px;
    
    background: #b2b2b2;
    color: #fff; 
    padding: 3px;
    text-align: center;
    vertical-align:middle;
        
}

.english_hr {position:relative; float:left; width:285px; height:380px; margin:0; padding:0; background:#f1a42b;}
.english_hr_line {position:relative; float:left; width:285px; height:380px; margin:0; padding:0; background:#f1a42b; }
.english_header {position:relative; z-index:3; text-align:center;width:100%; color:#fff; font-size:18px; font-weight:600; padding:25px 0 10px 0;}
.english_hr_line .lineu{ position:absolute; z-index:1; background:#e97e14; height:12px; width:135px; left:75px; top:32px;}
.pop_bx {width:272px; margin:10px 0; display:inline-block;}
.pop_bx2 {position: relative; margin:33px 0 0 0;  padding:0; background-size: 166px 126px; }
.pop_bx2_img {position:relative; margin:0px 0 0 0 ; background: url(../img/tv_box.png) no-repeat;width:272px;height:169px;}
.pop_play {position:absolute; left:134px; top:25px;  z-index:3}
.pop_time {position: absolute; z-index:4; left: 3px; top:3px;  width: 40px; height: 20px; bottom: 0px; line-height:18px; font-size:12px; vertical-align:middle; text-align:center; color:#fff; background-color:rgba(0,0,0,0.5);}
.pop_txt_bx {position: relative; margin:0;  padding:0; width:272px;}
.pop_txt_bxline {position:relative; margin:5px 10px; font-size:15px;line-height:17px;font-weight:600; color:#fff; max-height:40px;  overflow:hidden; text-align:center;}
.pop_txt_header {position:relative; margin:10px 10px 20px 10px; font-size:12px;line-height:14px; color:#fff; text-align:center; }
.pop_txt_more {position:absolute; top:24px; right:17px;  color:#fff; z-index:2}
.pop_txt_more a{color:#fff; font-size:11px; width:23px; height:21px; text-align:center; vertical-align:middle; line-height:21px; } 
 
 
.jcarousel-pagination4 {
    position: absolute;
    top: 290px;
    left: 0;
    width: 100%;
    text-align: center;
}
.jcarousel-pagination-more4 {
    position: absolute;
    top: 203px;
    right: -33px;
}

.event_box {position:relative; padding:0; margin:0; height:126px; cursor:pointer; background:url(../img/event/split_line.png) no-repeat bottom center}

.event_box .gift_img {position:absolute; z-index:3; left:15px; top:25px;}
 
.tmtxtfdayt {
	position: absolute; top:22px; left:105px; z-index:5; 
}
.tmtxtfdayt a{display:block; line-height:17px; text-align:left; font-size: 18px;  color:#fdec9f; 	font-weight:600; width:180px; height:20px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;  }

.tmtxtfdayt2 {
	position: absolute;
	top: 46px;
	left: 110px;
	z-index:5;
	line-height:19px;
	text-align:left;
	font-size: 12px;
	color: #fff;
	word-break:keep-all;
}

.course_hr {position:relative; float:left; width:904px; height:330px; margin:0; padding:0;}
.course_hr_line {position:relative; float:left; width:904px; height:330px; margin:0; padding:0;border-bottom:1px solid #dddddd;}

@keyframes cf3FadeInOut {
  0% {
  opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}
.eventshadow  img {
  position:absolute;
  left:0;
}
.eventshadow img.top {
animation-name: cf3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 5s;
animation-direction: alternate;
}

.WA_list {position: relative; float:left; background:url(../img/week_A_T2.gif) no-repeat left top; width:299px; height:360px; border-right:1px solid #fff; margin-bottom:40px;}
.WB_list {position: relative; float:left; background:url(../img/week_B_T2.gif) no-repeat left top; width:299px; height:360px; border-right:1px solid #fff; margin-bottom:40px;}
.WC_list {position: relative; float:left; background:url(../img/week_C_T2.gif) no-repeat left top; width:299px; height:360px; border-right:1px solid #fff; margin-bottom:40px;}
.WF_list {position: relative; float:left; background:url(../img/week_F_T2.gif) no-repeat left top; width:299px; height:360px; border-right:1px solid #fff; margin-bottom:40px;}
li.n1 {position:relative; height:220px;}
li.n2  {position:relative; height:25px; padding-left:20px; font-size:14px; width: 80%; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color:#444444;}
.n1pic {width:100%; text-align:center}
.n1pic .aa {display:block;padding:10px 0; text-align:center;width:100%;}
.n1pic .tt {display:block;text-algin:center; color:#fff;font-size:15px; font-weight:600}
li.n2 .aa {display:inline-block; padding:2px 5px 3px 5px; background:#fff; color:#4d90da}
 
 
 #footer {
	border-top:0px solid #dddddd; background:#555555; padding:20px 0 40px 0;
 }
#footer .footerwrap_01 > address {
	color:#fff; 
}
#CategoryArea {position:absolute; left:285px; top:260px;clear:both; height:120px; background:#eeeeee }

.enjoybox{
	position: relative; width:915px; margin:0px auto; 
}

.enjoybox .cleft{
	float:left;width:30px;height:120px;line-height:120px;vertical-align:middle; text-align:center;
}

.enjoybox .cright{
	float:right;width:30px;height:120px;line-height:120px;vertical-align:middle;text-align:center;
}

.enjoybox .cclink {cursor:pointer;font-size:25px;color:#aaaaaa}
.enjoybox .cclink:hover {color:#66a000}

.jcarousel3-skin-tango .jcarousel3-container {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px; 
}
.jcarousel3-skin-tango li {
	float:left;
}

.jcarousel3-skin-tango .jcarousel3-direction-rtl {
	direction: rtl;
}

.jcarousel3-skin-tango .jcarousel3-container-horizontal {
	width: 855px;
  	padding: 0px;
	border:0px solid blue;
}

.jcarousel3-skin-tango .jcarousel3-clip {
    overflow: hidden;
}

.jcarousel3-skin-tango .jcarousel3-clip-horizontal {
    width:  845px;
    height: 120px;
		border: 0px solid red;
		
}

.jcarousel3-skin-tango .jcarousel3-item {
    width: 130px;
    height: 120px;
		
}

.jcarousel3-skin-tango .jcarousel3-item-horizontal {
	margin-left: 0px;
    margin-right: 2px;
}

.jcarousel3-skin-tango .jcarousel3-direction-rtl .jcarousel3-item-horizontal {
	margin-left: 8px;
  margin-right: 0px;
}

.jcarousel3-skin-tango .jcarousel3-item-placeholder {
    background: #fff;
    color: #000;
}
.jcarousel-pagination-more5 a { 
    color: #fff; 
    border:1px solid #fff; 
        
}

.jcarousel-pagination-more5 a:hover {
    background: #fff;
    color: #000; 
}

/**
 *  Horizontal Buttons
 */
.jcarousel3-skin-tango .jcarousel3-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 24px;
    height: 102px;
    cursor: pointer;
    /*background: transparent url(/common/images/main_re11/dso_point2.jpg) no-repeat 0 0;*/
	border:0px solid red;
	display:none;
}

.jcarousel3-skin-tango .jcarousel3-direction-rtl .jcarousel3-next-horizontal { 
	display:none;
}

.jcarousel3-skin-tango .jcarousel3-next-horizontal:hover,
.jcarousel3-skin-tango .jcarousel3-next-horizontal:focus {
    background-position: 0px 0;
}

.jcarousel3-skin-tango .jcarousel3-next-horizontal:active {
    background-position: 0px 0;
}

.jcarousel3-skin-tango .jcarousel3-next-disabled-horizontal,
.jcarousel3-skin-tango .jcarousel3-next-disabled-horizontal:hover,
.jcarousel3-skin-tango .jcarousel3-next-disabled-horizontal:focus,
.jcarousel3-skin-tango .jcarousel3-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0px 0;
}


 

.jcarousel3-skin-tango .jcarousel3-prev-horizontal { 
	display:none;
}

.jcarousel3-skin-tango .jcarousel3-direction-rtl .jcarousel3-prev-horizontal { 
	display:none;
}

.jcarousel3-skin-tango .jcarousel3-prev-horizontal:hover, 
.jcarousel3-skin-tango .jcarousel3-prev-horizontal:focus {
    background-position: 0px 0;
}

.jcarousel3-skin-tango .jcarousel3-prev-horizontal:active {
    background-position: 0px 0;
}

.jcarousel3-skin-tango .jcarousel3-prev-disabled-horizontal,
.jcarousel3-skin-tango .jcarousel3-prev-disabled-horizontal:hover,
.jcarousel3-skin-tango .jcarousel3-prev-disabled-horizontal:focus,
.jcarousel3-skin-tango .jcarousel3-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0px 0;
} 
 

.jcarousel3-skin-tango ul li, .jcarousel3-skin-tango ul li a {  font-size:14px; text-align:center; text-decoration:none; padding-top:20px; color:#000000  !important; }  
.jcarousel3-skin-tango ul li, .jcarousel3-skin-tango ul li a span.caxname { display:block !important; line-height:22px;}

  

.tedbox .more a:hover {
    background: #666666;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}

.myButton2 {
	background: url(/elearningedu/cyber/type/13/img/plays_off.png) no-repeat;
	border:none;
	display:inline-block;
	cursor:pointer;
	text-decoration:none;
	width:40px;
	height:40px;  
}
.myButton2:hover {
	background: url(/elearningedu/cyber/type/13/img/plays_on.png) no-repeat;
	border:none;
	display:inline-block;
	cursor:pointer;
	text-decoration:none;
	width:40px;
	height:40px; 
}
 
#remote{position:relative; float:left; background:#fff; width:250px; margin:50px 0 }

#remote .ih2{line-height:26px; margin-bottom:30px; font-weight:600; font-size:24px; color:#000000; } 
#remote .lnbexplan{line-height:20px; padding-top:10px; font-weight:normal; font-size:12px; color:#111;} 


#remote #lnb{}
#remote #lnb ul{}
#remote #lnb ul li{border-bottom:1px solid #e5e5e5; } 
#remote #lnb ul li:first-child{border-top:1px solid #e5e5e5;}
#remote #lnb ul li.depth1{}
#remote #lnb ul li a{display:block; line-height:15px; padding:15px 0px 15px 10px ; font-weight:600; font-size:14px; background: url("/elearningedu/cyber/type/14/img/submenu_arrow.png") no-repeat 95% 50%; }
#remote #lnb ul li a:hover,
#remote #lnb ul li a.hit:link,
#remote #lnb ul li a.hit:visited,
#remote #lnb ul li a.hit:active,
#remote #lnb ul li a.hit:hover,
#remote #lnb ul li a.on:link,
#remote #lnb ul li a.on:visited,
#remote #lnb ul li a.on:active,
#remote #lnb ul li a.on:hover,
#remote #lnb ul li a.ov:link,
#remote #lnb ul li a.ov:visited,
#remote #lnb ul li a.ov:active,
#remote #lnb ul li a.ov:hover{color:#fff; text-decoration:none; background:#08614d  url("/elearningedu/cyber/type/14/img/submenu_arrow_on.png") no-repeat 95% 50%;}
#remote #lnb ul li ul{padding:0px 0px; margin-right:1px; background:#fafafa;}
#remote #lnb ul li ul li{border:none;}
#remote #lnb ul li ul li a{font-size:14px; padding:7px 7px 7px 15px;}
#remote #lnb ul li ul li a:link,
#remote #lnb ul li ul li a:visited,
#remote #lnb ul li ul li a:active{font-weight:500; color:#666666;}
#remote #lnb ul li ul li a:hover,
#remote #lnb ul li ul li a.hit:link,
#remote #lnb ul li ul li a.hit:visited,
#remote #lnb ul li ul li a.hit:active,
#remote #lnb ul li ul li a.hit:hover,
#remote #lnb ul li ul li a.on:link,
#remote #lnb ul li ul li a.on:visited,
#remote #lnb ul li ul li a.on:active,
#remote #lnb ul li ul li a.on:hover,
#remote #lnb ul li ul li a.ov:link,
#remote #lnb ul li ul li a.ov:visited,
#remote #lnb ul li ul li a.ov:active,
#remote #lnb ul li ul li a.ov:hover{font-weight:600; color:#0075b6; text-decoration:none; background:#fafafa;}

.gubun1 {font-size:11px; letter-spacing:0; color:#fff; width:50px; height:22px; line-height:22px; vertical-align:middle; background:url(/img/board/gubun_1.gif) no-repeat center;}
.gubun2 {font-size:11px; letter-spacing:0; color:#fff; width:50px; height:22px; line-height:22px; vertical-align:middle; background:url(/img/board/gubun_2.gif) no-repeat center;}
.gubun3 {font-size:11px; letter-spacing:0; color:#fff; width:50px; height:22px; line-height:22px; vertical-align:middle; background:url(/img/board/gubun_3.gif) no-repeat center;}


#content{position:relative; z-index:1;background:#fff; min-height:800px; float:right; margin:50px 0; padding:5px 0 0 0} 
#content h3{float:left;line-height:1; margin-top:30px; padding-bottom:24px; font-weight:600; font-size:24px; color:#2c2c2c; text-align:center; background:url("../img/sub_title_underline.gif") no-repeat  0 26px}
 
#content #path{float:right; margin-top:0px; font-size:12px}
#content #path a{font-size:12px; color:#333;} 
#content #path a:first-child{padding-left:0px; }

#content #service{position:absolute; right:-101px; top:0; width:41px; height:100%; background:#dedede;}
#content #service li.top{position:absolute; right:0; bottom:0;}

#content #txt{position:relative; min-height:500px; padding:0px 0 60px}

.content{clear:both;text-align:left;padding:30px 0 0 10px;}
.content [target="_blank"]{padding-right:15px;background:url(../img/icon_dia.png) no-repeat 100% 0;color:#258ccc}

.content h4,.content h5,.content h6{line-height:1}
.content h4{margin:45px 0 15px -5px;padding-left:17px;font-size:15px;background:url(../img/icon_dia.png) no-repeat 0 50%;color:#000}
.content h5{margin:30px 0 15px 0;padding-left:10px;font-size:1.28em;background:url(/images/tour/common/title_icon_02.png) no-repeat 0 50%;color:#078a96}
.content h6{margin:25px 0 15px 15px;padding-left:17px;font-size:1.07em;background:url(/images/tour/common/title_icon_03.png) no-repeat 0 50%}

.content li.dot{margin:10px 0 15px 0px; padding: 5px 5px 5px 17px; font-size:15px;background:url(../img/icon_dot.png) no-repeat 0 50%;color:#000}


.content .red{color:#dc4041}
.content .green{color:#14a83b}
 
.content .mobile_search_form{ position:relative; width:787px; height:143px; border:1px solid #dddddd; background:#fafafa;-webkit-box-shadow: 1px 6px 0px 0px rgba(0,0,0,0.1);-moz-box-shadow: 1px 6px 0px 0px rgba(0,0,0,0.1);box-shadow: 1px 6px 0px 0px rgba(0,0,0,0.1); }    
.content .mobile_search_form .con{position:relative;  }
.content .mobile_search_form .con input[type=text]{position:absolute; left:130px; top:30px;width:410px; height:34px; padding:0; font-size:20px; text-indent:20px; border:3px solid #16a4ff;}
.content .mobile_search_form .con .submit{position:absolute; left:555px; top:30px; width:80px; height:40px; border:0; line-height:38px; padding:0; text-align:center; font-size:13px; color:#fff; font-weight:600; background:#16a4ff;}
.content .mobile_search_form .con .hash{position:absolute; left:95px; top:80px; font-size:12px; text-align:left;  color:#333;}     
.content .mobile_search_form .con .hash a{margin:0 5px 0 0;}     
.content .mobile_search_form .con .hash_my{position:absolute; left:95px; top:110px; font-size:12px; text-align:left;  color:#333;}     
.content .mobile_search_form .con .hash_my a{margin:0 5px 0 0;}     

/*�ڵ��˻���*/
#autoCompleteToOn,
#autoComplete{position:relative;width:100%;} 
.set_sugicn{position:absolute;top:-26px;right:10px;width:21px;height:10px} 
#rcmdResult{position:absolute;top:0px;right:0px;width:100%;padding:8px 10px;box-sizing:border-box;border:1px solid #585858;background:#fff;z-index:100}
.autoList{}
.autoList li{display:block;padding:3px;font-size:1em;color:#000;list-style:none;line-height:19px}
.autoList li a{color:#000}
.autoList li a strong{color:#d12a07}

 
a.hashtag {color:#888888; font-size:12px;}
a.hashtag span{color:#0083cb;}

.hashtagname {color:#0083cb;} 

/* ����¡ */
.paginate{margin:20px 0;text-align:center}
.paginate a,.paginate em,.paginate img,.paginate span{display:inline-block;vertical-align:middle}
.paginate .dir{padding:0 2px}
.paginate .dir a{}
.paginate .number{padding:0 2px}
.paginate .number a,
.paginate .number em{font-weight:bold;width:29px;height:29px;line-height:29px;background:url(../img/btn_dir_bg.gif) no-repeat}
.paginate .number em{color:#fff;background-position:right top}
.paginate .dir .dir_prev{margin-left:-2px;padding-right:10px}
.paginate .dir .dir_first{}
.paginate .dir .dir_next{padding-left:10px}
.paginate .dir .dir_last{margin-left:-2px}


.paginate{text-align:center;margin:20px 0px;}
.paginate:after{display:block;clear:both;content:"";}
.paginate li{display:inline-block;vertical-align:middle;list-style:none;}
.paginate li a{display:block;width:25px;height:25px;font-size:13px;line-height:25px;text-align:center;}

.paginate .dir a{margin:0;font-size:0;line-height:0;}
.paginate .first a{background:url(../img/page_first.gif) no-repeat 50% 50%;}
.paginate .prev a{margin-right:10px;background:url(../img/page_left.gif) no-repeat 50% 50%;}
.paginate .next a{margin-left:10px;background:url(../img/page_right.gif) no-repeat 50% 50%;}
.paginate .last a{background:url(../img/page_end.gif) no-repeat 50% 50%;}

.paginate li.active a,
.paginate li a:hover,
.paginate li a:focus,
.paginate li a:active{text-decoration:underline;color:#e96142;}

/* �������Խ��� */
#board_photo{}
#board_photo .head{overflow:hidden; padding:18px 0px; font-size:14px; color:#444444;}
#board_photo .head strong{color:#333;}
#board_photo .head .item_group{overflow:hidden;}
#board_photo .head .item_group li{float:left; background:url("../img/item_group_bar.gif") no-repeat left center;}
#board_photo .head .item_group li:first-child{background:none;}
#board_photo .head .item_group li a{display:inline-block; height:25px; line-height:25px; padding:0px 7px; margin:0px 5px; text-align:center;}
#board_photo .head .item_group li a:link,
#board_photo .head .item_group li a:visited,
#board_photo .head .item_group li a:active,
#board_photo .head .item_group li a:hover{color:#333;}
#board_photo .head .item_group li a.on:link,
#board_photo .head .item_group li a.on:visited,
#board_photo .head .item_group li a.on:active,
#board_photo .head .item_group li a.on:hover{
	height:23px; line-height:23px; padding:0px 9px; color:#e84c3d; border:1px solid #e84c3d; text-decoration:none;
	border-radius:12px;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    -ms-border-radius:12px;
    -khtml-border-radius:12px;
    -o-border-radius:12px;
}
#board_photo .head input[type=text]{font-size:13px; border:1px solid #d8d3d1; color:#333333;}
#board_photo .list{border-top:2px solid #666; border-bottom:1px solid #777; padding-top:20px;}
#board_photo .list ul{overflow:hidden; width:auto;}
#board_photo .list li{float:left; width:33.3%; margin-bottom:19px;}
#board_photo .list li a{overflow:hidden; position:relative; display:block; padding-top:204px;}
#board_photo .list li.l a{margin-right:13px;}
#board_photo .list li.c a{margin:0px 7px;}
#board_photo .list li.r a{margin-left:13px;}
#board_photo .list li a .blind{display:none;position:absolute; left:0; top:0; z-index:2; width:100%; height:204px; background:url("../img/blind_bg.png") repeat left top;}
#board_photo .list li a .blind span{position:absolute; left:0; top:0; width:100%; height:100%; background:url("../img/photo_zoom.png") no-repeat center center;}
#board_photo .list li a:hover .blind{display:block;}
#board_photo .list li a .photo{overflow:hidden; position:absolute; left:50%; top:0; z-index:0; display:block; width:1200px; height:204px; margin-left:-500px; text-align:center; background:#e8e8e8;}
#board_photo .list li a .photo img{max-width:1200px; height:100%;}
#board_photo .list li a .con{overflow:hidden; display:block; height:auto; padding:0px 9px; border:1px solid #d2d2d2; border-top:none;}
#board_photo .list li a .con strong{display:block; height:32px; padding:15px 0px 0px 5px; font-size:16px; border-bottom:1px solid #dddddd; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#board_photo .list li a .con .pin{position:relative; float:left; line-height:18px; margin-top:10px; padding-left:19px; font-size:14px;}
#board_photo .list li a .con .pin span{position:absolute; left:5px; top:0px; display:inline-block; width:11px; height:15px; margin:0px 3px 0px 0px; background-image:url("../img/pin.png"); background-position:left top; background-repeat:no-repeat;}
#board_photo .list li a .con .pin .color_01{background-color:#6272b7;}
#board_photo .list li a .con .pin .color_02{background-color:#119fab;}
#board_photo .list li a .con .pin .color_03{background-color:#9f6ab3;}
#board_photo .list li a .con .pin .color_04{background-color:#4caf52;}
#board_photo .list li a .con .pin .color_05{background-color:#795549;}
#board_photo .list li a .con .pin .color_06{background-color:#3598db;}
#board_photo .list li a .con .pin .color_07{background-color:#607d8b;}
#board_photo .list li a .con .pin .color_08{background-color:#f39c11;}
#board_photo .list li a .con .sangte{float:right; margin-top:7px; padding-bottom:10px;}
#board_photo .list li a .con .sangte span{line-height:13px; font-size:13px; color:#666666;}
#board_photo .list li a .con .sangte .icon_01{padding-left:15px; background:url("../img/sangte_icon_01.gif") no-repeat left 2px;}
#board_photo .list li a .con .sangte .icon_02{padding-left:20px; background:url("../img/sangte_icon_02.gif") no-repeat left 2px;}

#board_photo .list li a .con ul{height:70px; padding:15px 5px;}
#board_photo .list li a .con ul li{float:none; width:auto; min-height:25px; padding-left:29px; margin-bottom:5px;}
#board_photo .list li a .con ul li.icon_01{background:url("../img/list_icon_01.gif") no-repeat left 2px;}
#board_photo .list li a .con ul li.icon_02{background:url("../img/list_icon_02.gif") no-repeat left 2px;}
#board_photo .list li a .con ul li.icon_03{background:url("../img/list_icon_08.gif") no-repeat left 2px;}
#board_photo .list li a .con ul li.icon_06{background:url("../img/list_icon_06.gif") no-repeat left top;}
#board_photo .list li a .con ul li.icon_06{background:url("../img/list_icon_06.gif") no-repeat left top;}
#board_photo .list li a .con ul li.icon_07{background:url("../img/list_icon_07.gif") no-repeat left top;}
#board_photo .list li a .con ul li.icon_09{background:url("../img/list_icon_09.gif") no-repeat left top;}
#board_photo .list li a .con ul li.icon_11{background:url("../img/list_icon_11.gif") no-repeat left top;}

#board_photo .list.type_02 li{width:24%; margin-left:1%;}
#board_photo .list.type_02 li:first-child{width:25%; margin-left:0;}
#board_photo .list.type_02 li a .blind{height:169px;}
#board_photo .list.type_02 li a{padding-top:169px;}
#board_photo .list.type_02 li a .photo{height:169px;}
#board_photo .list.type_02 li a .photo img{height:169px;}
#board_photo .list.type_02 li a .con{height:33px; padding:0; border:none;}
#board_photo .list.type_02 li a .con strong{padding-left:0px; border:none; font-weight:normal; font-size:14px; color:#444;}

#content-view {padding: 10px 15px 10px 15px}
#content-view p{ 
	font-size:12px;
	line-height:20px;
	font-family:'���� ����', Gulim; 
}

#content-view .txc-image {width:100%;}


/*�ڵ��˻���*/
#autoCompleteToOn,
#autoComplete{position:absolute; left:-1px; top:70px;width:550px;} 
.set_sugicn{position:absolute;top:-26px;right:10px;width:21px;height:10px} 
#rcmdResult{position:absolute;top:0px;right:0px;width:100%;padding:8px 10px;box-sizing:border-box;border:1px solid #585858;background:#fff;z-index:1100}
.autoList{}
.autoList li{display:block;padding:3px;font-size:1em;color:#000;list-style:none;line-height:19px}
.autoList li a{color:#000}
.autoList li a strong{color:#d12a07}

.i_wedding {padding:2px 2px 2px 15px; font-size:12px; color:#fff; background:#f43795 url("../img/i_wedding.png") no-repeat 2px 3px;}
.i_funeral {padding:2px 2px 2px 15px; font-size:12px; color:#fff; background:#555555 url("../img/i_funeral.png") no-repeat 2px 6px;}

a.okClass {width:37px; height:23px;  padding:5px 6px; text-align:center; font-size:12px; color:#fff; font-weight:600; background:#16a4ff;}

a.fevent_write {position:relative; float:right; margin:3px 10px 0 0; width:90px;   padding:2px 6px; text-align:center; font-size:12px; color:#fff; font-weight:600; background:#16a4ff;}
#content .rightarea{position:relative; left:450px; width:574px; margin-top:40px; }    
#content .myclass{position:relative; width:574px; z-index:1;  }    
#content .myclass .more{ position:absolute; right:0px; top:0px; color:#333; font-size:13px; letter-spacing:-0.5px; }    
#content .myclass .mheader{ padding-top:10px; font-weight:600; color:#333; font-size:15px; clear:both;}    
#content .myclass .mheader span{color:#2294d2; }
#content .myclass .table_wrap {margin:10px 0px 0 15px;}


#content .fevent{ position:relative; margin:40px 0 0 0; z-index:1;  }    
#content .fevent .more{ position:absolute; right:0px; top:0px; color:#333; font-size:13px; letter-spacing:-0.5px; }    
#content .fevent .mheader{ position:relative; padding-top:10px; font-weight:600; color:#333; font-size:15px; clear:both;}    
#content .fevent .mheader span{color:#2294d2; }
#content .fevent .table_wrap {margin:10px 0px 0 15px;}

#content .helpa{ position:relative; background:#ececec; margin:50px 0 0 0; z-index:1;  }  
.helpa ul{overflow:hidden;padding:2px 16px;}
.helpa li{float:left;width:50%;padding:0px 0 8px 0px;}
.helpa li a{display:block;height:inherit;padding-top:10px;color:#777;font-size:13px;line-height:15px;letter-spacing:-0.5px;text-align:left;white-space:nowrap;font-weight: 100;}
.helpa li img{display:block;height:98px;background:#fff; width:98px;-webkit-border-radius: 98px;-moz-border-radius: 98px;border-radius: 98px; float:left;}

 
/* ********************************************************************************************************************************************

    Main

********************************************************************************************************************************************* */
#main #wrap{position:relative; background:none;}
#main #header{top:-139px;}
#main #visual{position:absolute; left:100%; top:0; z-index:0; width:100%; height:621px;}
#main #visual .layout{overflow:hidden; max-width:100%; padding:0;}
#main #visual .tema_btn{position:absolute; right:-74px; top:50%; z-index:1; width:74px; height:200px; margin-top:-31px;}
#main #visual .tema_btn li{margin-bottom:2px; text-align:right;}
#main #visual .view{position:relative; z-index:0; width:100%; height:621px;}
#main #visual .view ul{position:absolute; left:0; top:0; width:100%; height:300000px;}
#main #visual .view ul li{position:relative; height:621px;}
#main #visual .view ul li .title{display:block; position:absolute; left:50%; top:200px; z-index:10; width:640px; height:130px; margin-left:-320px;}
#main #visual .view ul li .title span{position:absolute; left:0; bottom:2px; display:block; width:100%; text-align:center; font-size:18px; color:#fff; text-shadow:1px 1px 1px #000;}
#main #visual .view ul li .controll{position:absolute; left:50%; top:65%; z-index:10; width:148px; margin-left:-74px;}
#main #visual .view ul li .controll a{display:none; float:left; margin-right:1px;}
#main #visual .view ul li .move{overflow:hidden; position:relative; z-index:0; width:100%; max-width:2000px; height:100%; margin:0 auto;}
#main #visual .view ul li .move ul{position:absolute; left:0; top:0; width:200%; height:100%;}
#main #visual .view ul li .move ul li{overflow:hidden; position:relative; float:left; width:50%; height:100%;}
#main #visual .view ul li .move ul li img{position:absolute; left:47%; top:0; z-index:0; width:2000px; height:100%; margin-left:-952px;}
#main #visual .view ul li .move ul li a.more{position:absolute; left:50%; top:80%; z-index:10; width:161px; margin-left:-100px;z-index:1; padding:10px 8px 10px 42px; font-size:17px; color:#fff; background:url("../img/blind_bg.png") repeat left top; border:1px solid #fff;}
#main #visual .view ul li .move ul li a.more:after{content:""; padding-right:50px; background:url("../img/main_view_icon.png") no-repeat right center; width:8px; height:14px;} 
#main #visual .view ul li .move ul li span{position:absolute; left:0; top:50%; z-index:1; display:block; width:100%; text-align:center; font-size:17px; font-weight:600; color:#fff; text-shadow:1px 1px 1px #000;} 
#main #visual .view ul li .move ul li span.title{position:absolute; left:0; top:35%; bottom:2px; z-index:1; display:block; width:100%; margin-left:0px; text-align:center; font-size:26px; font-weight:normal; color:#fff; text-shadow:1px 1px 1px #000;font-family:"shm","나눔고딕","NanumGothicWeb","Nanum Gothic","돋움",Dotum,Helvetica,Verdana,Arial,sans-serif;} 


@media screen and (min-width:768px){
#main #visual .view ul li .move ul li span.title{font-size:50px;} 
#main #visual .view ul li .move ul li span{font-size:18px; width:100%;} 
#main #visual .view ul li .move ul li a.more{font-size:18px;} 
}


@media screen and (min-width:1024px){
#main #visual .view ul li .controll{top:58%;}
#main #visual .view ul li .move ul li a.more{top:71%};
}




 





#main_container{position:relative; left:-100%; overflow:hidden; margin-top:482px; padding-bottom:71px; background:#f4f4f4;}
#main_container .layout{position:relative; padding:29px 0 0}


#main_notice{overflow:hidden; display:none; position:relative; height:54px; margin:0px 0px 25px 0px !important; padding:0px 45px 0px 260px; background:#363c48;}
#main_notice .title{display:block; position:absolute; left:0; top:0; width:117px; height:54px; padding-left:143px; line-height:53px; font-weight:600; font-size:17px; text-align:center; color:#fff;}
#main_notice .title .day{text-decoration:none; color:#fff;}
#main_notice .title .cal_left,
#main_notice .title .cal_right{display:none;}
#main_notice .title .cal_close{display:none; position:absolute; right:16px; top:11px; width:auto; height:auto; line-height:30px; padding:0px 10px; font-size:13px; border:1px solid #95989e; color:#f4f4f4;}
#main_notice .title strong{position:absolute; left:0; top:0; display:block; width:143px; height:29px; line-height:28px; margin-top:12px; font-size:15px; background:#1ea9b5;}
#main_notice .title span{display:none;}

#main_notice.on .title{width:100%; padding-left:0px; text-align:center;}
#main_notice.on .title .day{font-size:20px; cursor:default;}
#main_notice.on .title .cal_left,
#main_notice.on .title .cal_right{display:inline-block; width:20px; text-align:center;}
#main_notice.on .title .cal_left img,
#main_notice.on .title .cal_right img{padding-top:19px;}
#main_notice.on .title .cal_close{display:inline-block;}
#main_notice.on .title strong{position:relative; display:inline; font-size:16px; background:none;}
#main_notice.on .title span{display:inline;}
#main_notice.on .more{display:none;}
#main_notice.on .scroll{display:none !important;}

#main_notice .scroll{overflow:hidden; width:100%; height:54px;}
#main_notice .scroll ul{height:100%;}
#main_notice .scroll ul li{float:left; width:30px; height:100%; text-align:center;}
#main_notice .scroll ul li a{display:block; width:100%; height:100%; line-height:53px; cursor:default; text-align:center; text-decoration:none; font-weight:normal; font-size:13px; color:#fff;}
#main_notice .scroll ul li.sun a{color:#d95454;}
#main_notice .scroll ul li.dday a,
#main_notice .scroll ul li.sun.dday a{font-weight:600; color:#3bbdc8; background-image:url("../img/cal_dday.png"); background-position:center bottom; background-repeat:no-repeat;}
#main_notice .scroll ul li a.event{cursor:pointer; background-color:#4a505b;}
#main_notice .scroll ul li a.event:hover{color:#fff; background-color:#1fa3af;}
#main_notice .more{position:absolute; right:0; top:0; width:45px; height:54px;}
#main_notice .scroll .mCSB_scrollTools{height:4px;}
#main_notice .scroll .mCSB_scrollTools .mCSB_draggerRail,
#main_notice .scroll .mCSB_scrollTools .mCSB_dragger_bar{margin:0;}
#main_notice .view{position:absolute; left:0; top:54px; width:100%; height:267px; background:#495265;}
#main_notice .view .move{padding:20px 30px; height:227px;}
#main_notice .view .move ul{}
#main_notice .view .move li{float:left; position:relative; padding:0px 30px 0px 141px; height:210px; margin-top:21px;}
#main_notice .view .move li .photo{position:absolute; left:0; top:0; width:121px; height:156px; background:#eee;text-align:center;}
#main_notice .view .move li .photo img{max-width:100% !important;width:auto !important;height:156px;}
#main_notice .view .move li .texts{position:relative; width:250px; color:#fff;}
#main_notice .view .move li .texts .bgline{display:block; position:absolute; left:0; top:0; width:38px; height:2px; background:#9ba0aa;}
#main_notice .view .move li .texts strong{display:block; padding-top:12px; font-weight:600; font-size:15px;}
#main_notice .view .move li .texts p{margin:10px 0px; font-size:13px;}
#main_notice .view .move li .texts .more{display:inline-block; position:relative; right:auto; top:auto; width:auto; height:auto; line-height:13px; padding:5px 10px; font-size:13px; border:1px solid #fff; color:#fff;}
#main_notice .view .move .mCSB_scrollTools{opacity:1;}
#main_notice .view .move .mCSB_scrollTools.mCSB_scrollTools_horizontal{height:17px;}
#main_notice .view .move .mCSB_scrollTools .mCSB_draggerContainer{margin:0px 16px;}
#main_notice .view .move .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background:#fff;}
#main_notice .view .move .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:17px; margin:0;}
#main_notice .view .move .mCSB_scrollTools .mCSB_draggerRail{border-radius:0;}
#main_notice .view .move .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
#main_notice .view .move .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:17px; margin:0;}
#main_notice .view .move .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{border-radius:0; background:#363c48;}
#main_notice .view .move .mCSB_scrollTools .mCSB_buttonLeft,
#main_notice .view .move .mCSB_scrollTools .mCSB_buttonRight{width:16px; opacity:1;}
#main_notice .view .move .mCSB_scrollTools .mCSB_buttonLeft{background:url("../img/scroll_left.gif") no-repeat left top;}
#main_notice .view .move .mCSB_scrollTools .mCSB_buttonRight{background:url("../img/scroll_right.gif") no-repeat left top;}





#movebox{position:relative;}
#box_wrap_g{overflow:hidden; position:relative; z-index:0; width:100%;}
#box_wrap{position:relative; left:0; top:0; z-index:1;}

.lb{float:left; width:320px; height:320px;}
#box_wrap_g .lb{float:left; width:320px; height:320px; background:none;}
#box_wrap_g .lb.step_01{width:640px; height:640px;}
#box_wrap_g .lb.step_02{width:640px;}
#box_wrap_g .lb.step_05{width:640px;}
#box_wrap_g .lb.step_02_02{position:absolute; left:320px; top:0;}
#box_wrap_g .lb.step_05_02{position:absolute; left:320px; top:0;}



#box_wrap .lb{overflow:hidden; position:relative; text-align:center;}
#box_wrap .lb .ani{position:absolute; left:0; top:0; width:100%; height:100%; background:#fff;}
#box_wrap .lb.step_01,
#box_wrap .lb.step_02,
#box_wrap .lb.step_05{overflow:hidden;}

#box_wrap .lb.step_01_01{background:url("../img/box_bg1.png") repeat -14px -14px;}
#box_wrap .lb.step_02_01{background:url("../img/box_bg2.png") repeat -14px -14px;}
#box_wrap .lb.step_05_01{background:url("../img/box_bg3.png") repeat -14px -14px;}


#box_wrap .lb.step_01_01{position:absolute; left:0; top:0; z-index:10;}
#box_wrap .lb.step_01_01 ul{overflow:hidden; width:258px; margin:17px auto 0 auto;}
#box_wrap .lb.step_01_01 ul li{float:left; width:70px; padding:0px 8px;}
#box_wrap .lb.step_01_01 ul li a{position:relative; display:block; padding-top:80px; text-align:center; font-size:14px; font-weight:600; color:#fff;}
#box_wrap .lb.step_01_01 ul li a:link,
#box_wrap .lb.step_01_01 ul li a:visited,
#box_wrap .lb.step_01_01 ul li a:active{background:url("../img/circle_01.png") no-repeat center top;}
#box_wrap .lb.step_01_01 ul li a:hover,
#box_wrap .lb.step_01_01 ul li a.on:link,
#box_wrap .lb.step_01_01 ul li a.on:visited,
#box_wrap .lb.step_01_01 ul li a.on:active,
#box_wrap .lb.step_01_01 ul li a.on:hover{background:url("../img/circle_01_ov.png") no-repeat center top;}
#box_wrap .lb.step_01_01 ul li a span{display:block; position:absolute; left:0; top:0; width:70px; height:70px;}
#box_wrap .lb.step_01_01 ul li a span.icon_01{background:url("../img/icon_06.png") no-repeat center top;}
#box_wrap .lb.step_01_01 ul li a span.icon_02{background:url("../img/icon_07.png") no-repeat center top;}
#box_wrap .lb.step_01_01 ul li a span.icon_03{background:url("../img/icon_08.png") no-repeat center top;}
#box_wrap .lb.step_01_01 ul li a:hover span{
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: flip;
    backface-visibility: visible;   
}
#box_wrap .lb.step_01_02{position:relative; z-index:9; width:100%; height:100%;}
#box_wrap .lb.step_01_02 ul{position:absolute; left:0; top:0; width:100%; height:100%; margin:0;}
#box_wrap .lb.step_01_02 ul li{overflow:hidden; float:none; padding:0; width:320px; height:320px;}
#box_wrap .lb.step_01_02 ul li a{display:block; width:100%; height:100%;}
#box_wrap .lb.step_01_02 ul li a img{width:100%; height:100%;}
#box_wrap .lb.step_01_02 .item_01{position:absolute; left:320px; top:0; z-index:9;}
#box_wrap .lb.step_01_02 .item_02{position:absolute; left:0; top:320px; z-index:9;}
#box_wrap .lb.step_01_02 .item_03{position:absolute; left:320px; top:320px; z-index:8;}
#box_wrap .lb.step_01_02 .item_01 .bul,
#box_wrap .lb.step_01_02 .item_02 .bul,
#box_wrap .lb.step_01_02 .item_03 .bul{display:block; position:absolute; z-index:10; width:22px; height:22px;}
#box_wrap .lb.step_01_02 .item_01 .bul{right:0px; top:0px; background:url("../img/main_photo_bul_01.gif") no-repeat left top;}
#box_wrap .lb.step_01_02 .item_02 .bul{left:0px; bottom:0px; background:url("../img/main_photo_bul_02.gif") no-repeat left top;}
#box_wrap .lb.step_01_02 .item_03 .bul{right:0px; bottom:0px; background:url("../img/main_photo_bul_03.gif") no-repeat left top;}
#box_wrap .lb.step_01_02 .photo_title{overflow:hidden; display:inline-block; position:absolute; left:10px; top:10px; z-index:9; height:22px; line-height:19px; padding:5px 10px; font-weight:normal; font-size:12px; color:#fff; background:#38a4b5;}
#box_wrap .lb.step_01_02 .photo_title span{display:none;}
#box_wrap .lb.step_01_02 .photo_title.on{line-height:21px; font-size:15px; color:#fff; background:url("../img/blind_bg.png") repeat left top;}
#box_wrap .lb.step_01_02 .photo_title.on span{display:block;}
#box_wrap .lb.step_01_02 .photo_title.on .icon_01{display:block; width:65px; height:65px; margin:10px auto; background:url("../img/main_photo_more.gif") repeat left top;}

#box_wrap .lb.step_02_01{position:absolute; left:0; top:0; z-index:10; width:320px; height:320px; padding:0px 14px 14px 0px;}
#box_wrap .lb.step_02_02{position:absolute; left:320px; top:0; z-index:9;}
#box_wrap .lb.step_02_02 img{width:100%; height:100%;}

#box_wrap .main_notice{padding:50px 35px 27px 35px; background:#fff;}
#box_wrap .main_notice strong{display:block; line-height:26px; margin-bottom:25px; font-weight:600; font-size:25px; text-align:center; color:#323232;}
#box_wrap .main_notice ul{}
#box_wrap .main_notice ul li{text-align:left; background:url("../img/notice_dot.gif") repeat-x left top;}
#box_wrap .main_notice ul li:first-child{background:none;}
#box_wrap .main_notice ul li a{display:block; line-height:13px; padding:12px 0px 12px 10px; font-family:"Gulim"; font-size:12px; color:#555; background:url("../img/notice_bul.gif") no-repeat left 17px;}
#box_wrap .main_notice .more_02{display:block; width:249px; height:32px; line-height:31px; margin-top:5px; font-size:14px; border:1px solid #e4e4e4; color:#212121; background:url("../img/patt.gif") repeat left top;}

#box_wrap .main_pop{height:286px; padding:34px 0px 0px 0px; background:url("../img/main_pop_bg.gif") no-repeat left top;}
#box_wrap .main_pop .controll{position:absolute; left:0; bottom:17px; z-index:1; width:100%; text-align:center;}
#box_wrap .main_pop .controll a{overflow:hidden; display:inline-block; width:16px; height:17px; margin-right:2px; text-indent:100px; background:url("../img/pop_btn.png") no-repeat left top;}
#box_wrap .main_pop .controll a.on{background:url("../img/pop_btn_ov.png") no-repeat left top;}
#box_wrap .main_pop .move{
    overflow:hidden; position:relative; z-index:0; width:236px; height:236px; margin:0 auto;
    border-radius:118px;
    -moz-border-radius:118px;
    -webkit-border-radius:118px;
    -ms-border-radius:118px;
    -khtml-border-radius:118px;
    -o-border-radius:118px;
}
#box_wrap .main_pop .move ul{position:absolute; left:0; top:0; width:200000px; height:236px;}
#box_wrap .main_pop .move ul li{float:left;}
#box_wrap .main_pop .move ul li a{position:relative; display:block;}
#box_wrap .main_pop .move ul li a img{width:100%; height:100%;}
#box_wrap .main_pop .move ul li strong{display:block; position:absolute; left:0; bottom:0; width:236px; height:57px; line-height:56px; text-align:center; font-weight:600; font-size:16px; color:#fff; background:url("../img/blind_bg.png") repeat left top;}

#box_wrap .lb.step_05_01{position:absolute; left:0; top:0; z-index:10; width:320px; height:320px; padding:0px 14px 14px 0px;}
#box_wrap .lb.step_05_02{position:absolute; left:320px; top:0; z-index:9;}
#box_wrap .report{width:252px; height:275px; padding:45px 30px 0px 38px;}
#box_wrap .report .controll{position:absolute; right:32px; bottom:25px; z-index:1;}
#box_wrap .report .controll a{float:left;}
#box_wrap .report .controll .report_left{margin-right:13px;}
#box_wrap .report .controll .report_right{}
#box_wrap .report .move{overflow:hidden; position:relative; z-index:0;  width:100%; height:100%;}
#box_wrap .report .move ul{overflow:hidden; position:absolute; left:0; top:0; width:200000px; height:100%;}
#box_wrap .report .move ul li{position:relative; float:left; width:252px; height:275px; text-align:left;}
#box_wrap .report .move ul li .icon_01{
    overflow:hidden; display:inline-block; width:47px; height:47px; margin-right:2px; background:#eee;
    border-radius:23px;
    -moz-border-radius:23px;
    -webkit-border-radius:23px;
    -ms-border-radius:23px;
    -khtml-border-radius:23px;
    -o-border-radius:23px;
}
#box_wrap .report .move ul li .icon_01 img{width:100%; height:100%;}
#box_wrap .report .move ul li .icon_02{overflow:hidden; display:inline-block; width:47px; height:47px;}
#box_wrap .report .move ul li .titles{display:block;width:200px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0px; font-weight:600; font-size:16px; color:#2f2f2f;}
#box_wrap .report .move ul li .texts{display:block; height:130px; line-height:20px; padding:5px 0px 25px 0px; margin-bottom:18px; font-weight:normal; font-size:13px; text-align:left; color:#333; background:url("../img/report_line.gif") repeat-x left bottom;}
#box_wrap .report .move ul li .more_03{position:absolute; right:0; top:5px;}
#box_wrap .report .move ul li .names,
#box_wrap .report .move ul li .re,
#box_wrap .report .move ul li .look{display:inline-block; line-height:17px; margin-right:12px; font-weight:normal; font-size:12px; color:#666;}
#box_wrap .report .move ul li .names{padding-left:14px; background:url("../img/report_icon_02.gif") no-repeat left 3px;}
#box_wrap .report .move ul li .re{padding-left:16px; background:url("../img/report_icon_03.gif") no-repeat left 4px;}
#box_wrap .report .move ul li .look{padding-left:19px; background:url("../img/report_icon_04.gif") no-repeat left 3px;}


#box_wrap .lb .title{display:block; line-height:45px; margin-top:54px; text-align:center; font-weight:600; font-size:26px; color:#fff;}
#box_wrap .lb .title span{display:inline-block; line-height:30px; padding:0px 5px; border:1px solid #fff; border-left:none; border-right:none; font-weight:normal; font-size:17px;}
#box_wrap .lb .texts{line-height:19px; margin-top:17px; text-align:center; font-weight:normal; font-size:14px; color:#fff;}
#box_wrap .lb .texts.icon_01{height:60px; background:url("../img/icon_09.png") no-repeat center center;}
#box_wrap .lb .more{display:inline-block; margin-top:15px; padding:5px 13px; border:1px solid #fff; color:#fff;}



#linklist{height:404px; background:#fff;}
#linklist .move{overflow:hidden; position:relative; z-index:0; height:100%;}
#linklist .move ul{position:absolute; left:0; top:0; width:200000px; height:100%;}
#linklist .move ul li{float:left; width:320px; height:100%;}
#linklist .move ul li a{position:relative; top:100px; opacity:0; display:block; width:100%; padding-top:285px; line-height:18px; text-align:center; font-size:14px;}
#linklist .move ul li a:link,
#linklist .move ul li a:visited,
#linklist .move ul li a:active{background:url("../img/linklist_bg.png") no-repeat center top;}
#linklist .move ul li a:hover{background:url("../img/linklist_bg_ov.png") no-repeat center top;}
#linklist .move ul li a span{position:absolute; left:0; top:0; display:block; width:100%; height:285px;}
#linklist .move ul li a span.icon_01{background:url("../img/linklist_icon_01.png") no-repeat center top;}
#linklist .move ul li a span.icon_02{background:url("../img/linklist_icon_02.png") no-repeat center top;}
#linklist .move ul li a span.icon_03{background:url("../img/linklist_icon_03.png") no-repeat center top;}
#linklist .move ul li a span.icon_04{background:url("../img/linklist_icon_04.png") no-repeat center top;}
#linklist .move ul li a strong{display:block; margin-bottom:10px; font-weight:600; font-size:20px; color:#382e36;}
#linklist .move ul li a strong span{position:relative; display:inline; width:auto; height:auto; color:#e13e51;}

#linklist .move ul li a:hover span{
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: flip;
    backface-visibility: visible;   
}
#linklist .move ul li a:hover strong span{animation-duration: 0s;}
@keyframes flip{
    0%{top:0px;}
    20%{top:-10px;}
    40%{top:0px;}
    60%{top:-5px;}
    100%{top:0px;}
}
#linklist .linklist_left,
#linklist .linklist_right{display:none; position:absolute; top:0; z-index:1; width:70px; height:100%;}
#linklist .linklist_left img,
#linklist .linklist_right img{margin-top:112px;}
#linklist .linklist_left{left:0;}
#linklist .linklist_right{right:0;}
 
 
 .yun_tab{overflow:hidden; position:relative; height:700px;  margin-bottom:30px;}


.yun_tab .mCSB_container_wrapper{margin:0;}

.yun_tab .mCSB_container{padding:0;}

 
.yun_tab .tabs{position:absolute; left:20; top:0; height:409px; padding:16px 0px;}


.yun_tab .tabs ul{}

.yun_tab .tabs li{position:relative; height:56px; padding-left:70px;  background:url("../img/cross_line.png") no-repeat 20px 0;}

.yun_tab .tabs li:first-child{margin-top:0;}

.yun_tab .tabs li.on{}

.yun_tab .tabs li a{display:block; height:56px; line-height:56px; text-align:left; text-decoration:none; font-weight:600; font-size:25px; color:#333333;}
.yun_tab .tabs li a span.details{text-align:left; font-weight:600; font-size:14px; letter-spacing:-1px; color:#666666;}

.yun_tab .tabs li.on a{color:#000000;}

.yun_tab .tabs li .simbol{

	position:absolute; left:26px; top:23px; width:6px; height:6px; line-height:4px; border:4px solid #0083cb; 

	border-radius:7px;

    -moz-border-radius:7px;

    -webkit-border-radius:7px;

    -ms-border-radius:7px;

    -khtml-border-radius:7px;

    -o-border-radius:7px;}

.yun_tab .tabs li.on .simbol{border:4px solid #f35757;}

 

.focus_tab{margin:0 auto;}
.focus_tab ul{z-index:50;}
.focus_tab ul:after{content:"";clear:both;display:block}
.focus_tab ul li{position:relative;float:left; margin-right:5px}
.focus_tab ul li:before{content:"";position:absolute;top:50%;left:-1px;height:14px;margin-top:-7px;}
.focus_tab ul li:first-child:before{display:none}
.focus_tab ul li a{display:block;height:55px; line-height:55px; text-decoration:none; text-align:center; font-size: 20px; font-weight:500; color:#fff; background:#b6b6b6; width:55px;-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;margin:0 auto 4px;}  

.focus_tab ul li a.ov,
.focus_tab ul li a:hover,
.focus_tab ul li a:focus{background:#0083cb;}

.focus_tab ul li a.ov:after{display:block}


.sun {color:#e10000;}
.sat {color:#0a88cd;}

sup {color:#0a88cd; font-size:14px; font-weight:600}

/* Keyframes */
@-webkit-keyframes fill {
  0% {
    width: 0%;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  100% {
    width: 100%;
    height: 100%;
    background: #333;
  }
}
.rankbox { 
    display: inline-block; 
    font-size: 11px;
    line-height: 11px;
    width: 11px;
    height: 11px;
    
    background: #666666;
    color: #fff; 
    padding: 3px;
    text-align: center;
    vertical-align:middle; 
    margin-right: 2px;
    
}

.FavCourseArea {
	width: 575px; height:380px; float: left; position: relative; background:#fff; 
} 
.notice_wrap {
	height: 380px; width:339px; float: right; 
	position: relative; background:#fff; 
	border-left:1px solid #cccccc;
}
 
ul.coursetab li {position:relative;padding:10px 0; text-align:center;  float:left; border-bottom:1px solid #cccccc; width:191px} 
ul.coursetab li.on{background:#eeeeee; border-bottom:1px solid #eeeeee;}
ul.coursetab li.off{background:#fff; border-bottom:1px solid #cccccc;width:192px;}
ul.coursetab li.off2{background:#fff; border-bottom:1px solid #cccccc;border-left:1px solid #cccccc;width:191px;}
ul.coursetab li.off:after {content: '';    position: absolute;    border-left: 1px  solid #cccccc;  display: block;    height: 12px;   z-index: 1;    margin-top: -6px;   left:1px;  top: 50%;}
ul.coursetab li:first-child {border-right:1px solid #cccccc;}
#WeekArea {
	width: 296px; float: left; position: relative; 30px 0 0;
} 

.mt50 {margin-top:50px;}
.weekTitle {color:#333333; font-size:15px; line-height:28px; font-weight:600; }
.weekTitle2 {width:100%; text-align:center; margin:5px auto; font-size:14px; color:#777777; }
.weekMonth {float:right; width:54; text-align:center; margin:6px 10px 0  0; font-size:11px; color:#444444; }
.weekmore {float:right; width:54; text-align:center; margin:6px 10px 0  0; font-size:11px; color:#fff; }

.weekB{background: url("../../type/12./img/week_B.png") no-repeat;  width:317px; height:35px;position: relative; }
.weekF{background: url("../../type/12/img/week_F.png") no-repeat;  width:317px; height:35px;position: relative; }

ul.weektab {margin:30px 0 0;}
ul.weektab li {width:97px; height:29px; float:left; text-align:center; border-top:1px solid #dedede;   border-right:1px solid #dedede;border-bottom:1px solid #dedede;}
ul.weektab li.C{width:98px; background:#f3f3f5 url("../img/ico_C.png") no-repeat 50px 3px;border-left:1px solid #dedede;  }
ul.weektab li.C.on{background:#ffffff url("../img/ico_C.png") no-repeat 15px 3px; }
ul.weektab li.A{background:#f3f3f5 url("../img/ico_A.png") no-repeat 50px 3px; }
ul.weektab li.A.on{ background:#ffffff url("../img/ico_A.png") no-repeat 15px 3px;  }
ul.weektab li.B{ background:#f3f3f5 url("../img/ico_B.png") no-repeat 50px 3px; border-right:1px solid #dedede;  }
ul.weektab li.B.on{background:#ffffff url("../img/ico_B.png") no-repeat 50px 3px; }
ul.weektab li.F{ border-right:1px solid #f3f3f5; }
ul.weektab li.F.on{ background:#ffffff url("../img/ico_F.png") no-repeat 50px 2px; border-right:1px solid #fff; ;border-bottom:1px solid #fff;}


 
.wContentx { position: absolute; left:0px; top:80px; width:296px; }
.wContentx .wpic{position: absolute; left:0px; top:0;}
.wContentx .wpic a img {width:100px ;height:144px;} 
ul.weekcot {position:absolute; left:110px; top:0px; }
ul.weekcot li {display:block; position: relative; margin-bottom:12px;}
ul.weekcot li .wrank{position: relative; width:24px; height:18px; color:#fff; font-size:12px; text-align:center; line-height:18px; background:#f1a42b; display:inline-block;margin-right:5px;}
ul.weekcot li .mtxt{position: relative; width:150px; height:18px;  text-align:left; line-height:18px; font-size:13px; color:#000000;display:inline-block; vertical-align:middle; text-overflow: ellipsis; overflow:hidden; white-space:nowrap;}
ul.weekcot li .mtxt.B{width:179px}
ul.weekcotf li{width:181px; height:160px;float:left;position: relative;}
ul.weekcotf li .wpic{position: absolute; left:0px; top:0; width:148px; }
ul.weekcotf li .mtxt{position: absolute; left:0px; top:120px; width:170px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; line-height:16px; font-weight:bold; font-size:13px; color:#444444}
ul.weekcotf li .mtxtfdt{position: absolute; left:0px; top:142px; width:170px; text-align:center; line-height:15px; font-size:11px; color:#666666}

 
div.dotList {
	 margin:12px 15px;
	}
div.dotList > ul.bgullist {
	padding: 0px; width: 100%; 
}
div.dotList > ul.bgullist > li {
	padding: 1px 0px 1px 10px; height: 25px;background: url("../img/dot_list.png") no-repeat left center; 
}
div.dotList > ul.bgullist > li > span.txt {
	left: 10px; width: 80%; overflow: hidden;  font-size: 13px; line-height:25px; float: left; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color:#444444;
}
div.dotList > ul.bgullist > li > span.txtnew {
	left: 10px; width: 80%; overflow: hidden; font-size: 13px; line-height:25px; float: left; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color:#444444; background:url(../img/new.png) no-repeat 0 6px; padding-left:15px;
}
 
div.dotList > ul.bgullist > li > span.ntxt {
	left: 10px; width: 80%; overflow: hidden; font-size: 13px; line-height:25px; float: left; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color:#444444;
}
div.dotList > ul.bgullist > li > span.ntxtnew {
	left: 10px; width: 80%; overflow: hidden; font-size: 13px; line-height:25px; float: left; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color:#444444; background:url(../img/new.png) no-repeat 0 6px; padding-left:15px;
}
div.dotList > ul.bgullist > li > p.xdate {
	float:right; text-align:right; font-size: 13px; line-height:25px; float: right; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color:#444444;
}

.helpCenter {position: relative; float:left;  width:279px; height:180px; padding-top:60px;}
.helpCenter h6 {color:#000; font-size:26px; font-weight:600; display:block; margin:0px 0 15px 0}
.helpFAQ {position: relative; float:left;  width:255px;  height:200px; padding-top:40px;}
.helpMobile {position: relative; float:left;  width:371px; height:200px; padding-top:40px;}
.helpLink {position: relative; float:left;  width:275px; height:200px; padding:40px 10px 0 10px;}
.helpLink h6{color:#333333; font-size:20px; font-weight:600; line-height:35px; }

.helpLink .xmobile a {display:block; color:#000000; margin:5px 10px; padding:5px 10px 5px 30px; border:1px solid #e7e7e7; border-radius:15px; font-size:13px; background: #fff }
.helpLink .xmobile a span{ float:right; font-size:12px; }


.infoBox {width:357px; height:140px; margin:0; padding:5px;  background: #fff ; border:1px solid #dedede; position:relative;}
.infoBox h6{color:#333333; font-size:20px; font-weight:600; line-height:20px;margin:10px 5px 7px 5px ;}
.infoBox .more{position:absolute; top:1px; right:1px; background:rgba(151,151,151,0.9); width:20px; height:20px; z-index:2; text-align:center; vertical-align:middle;}
.infoBox .more a{color:#fff; font-size:18px; font-weight:600; line-height:20px;}

.infoBox2 {width:234px; min-height:150px; position:relative;}
.infoBox2 .Box1 {width:234px; height:140px; margin:0; padding:5px; border:1px solid #dedede; background: #fff url(/elearningedu/cyber/type/14/img/i_faq.png) no-repeat; background-position:175px 95px; position:relative;cursor:pointer}
.Box2 {margin:15px 0 0 0; width:310px; height:92px; padding:5px;  position:relative;}
.infoBox2 h6{color:#333333; font-size:20px; font-weight:600; line-height:20px;margin:10px 5px 7px 5px ;}



.more_event{position:absolute; top:1px; right:1px; background:rgba(151,151,151,0.9); width:20px; height:20px; z-index:2; text-align:center; vertical-align:middle;}
.more_event a{color:#fff; font-size:18px; font-weight:600; line-height:20px;}

.imgOver { 
    width: 330px;
    height: 279px;
    top:0px;
    left:0px; 
    position: absolute;
    cursor:pointer; 
    transition: all 0.3s ease-in-out;
}

.Overimg1 { 
    background:url(click1.png);
    width:330px;
    height:279px;
}

.Overimg2 { 
    background:url(click2.png);
    width:330px;
    height:279px;
}

.OverText { 
    position: absolute;
    top:0px;
    left:0px;
    width: inherit;
    height: inherit;
    background: rgba(0,0,0, 0.5);
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: scale(0);
    -webkit-transform: scale(0);
    -webkit-backface-visibility: hidden;
    
}

.Over_back { 
  background: rgba(0,0,0,0.5);
  width:330px;
  height:279px; 
}

.OverText .mouse { 
    transform:translateY(-50px);
    padding:80px 0 20px 0 ;
    color: #fff;
    font-weight:600;
    font-size:18px;
    line-height:25px;
    margin:0 auto;
    opacity: 0;
    text-align:center;
    transition: all 0.2s ease-in-out 0.3s;
}

.OverText .ex { 
    transform:translateY(50px);
    padding:10px 20px;;
    border:2px solid #ffffff;
    color: #fff;
    width:100px;
    margin-top:20px;
    margin:0 auto;        
    font-weight:600;
    font-size:15px;
    line-height:25px;
    opacity: 0;
    text-align:center;
    transition: all 0.2s ease-in-out 0.3s;
}


            .OverText p a:hover { 
                color: #fff222;
                color: rgba(255,242,34,0.8);
            }

.imgOver:hover { 
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1),
        0 1px 2px rgba(0,0,0,0.1);
}

    .imgOver:hover .OverText { 
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
    }

        .imgOver:hover .OverText .mouse { 
            transform:translateY(0px);
            opacity:1;
        }
                .imgOver:hover .OverText .ex { 
            transform:translateY(0px);
            opacity:1;
        }