/*
 * 작성일 : 2014-02-06 / 작성자 : 장종수 / 수정시 문의바람.
 * 아래 스타일은 main2.php 전용 스타일이며,
 * main.css 와 public.css 외부 파일은 따로 사용하지 않으며,
 * main2.php 편집시 일절 편집/수정되지 않았음.
 * 클래스명이 2로 끝나는 Selector 는 새로 작성된 스타일.



*/
/****************************************************************************************/
/*																						*/
/* 서브 전용																			*/
/*																						*/
/****************************************************************************************/
/*  서브페이지 KEY VISUAL  */
.sub_key_visual_re2					{
	position:relative; 
	display:block; 
	width:100%; 
	height:280px; 
	z-index:0;
	background-color:#000; 
	background-repeat:no-repeat; 
	background-position:center top;
}

/*  서브페이지 CONTENTS (LEFT MENU + BODY)  */
.sub_content_wrap_re2	{ 
	position:relative; 
	width:1438px; 
	margin:-80px auto 30px auto; 
	background-color:#fff; 
	border:1px solid #ccc; 
	z-index:0;
}
.contents_body_re2						{ width:920px; border-left:1px solid #ccc; /* background-color:#ddd; */ }

/*  left_menu_re2, contents_body_re2 공통 헤딩부분  */	 
.section_heading						{ position:relative; width:100%; height:150px; border-bottom:1px solid #ccc; }
.section_heading_box					{ position:absolute; margin:0 0 0 20px; padding:0; bottom:15px; }
.section_heading_box span				{ font-size:14px; margin-left:10px; color:#ba4b52; }
.section_heading_box img				{  }
.section_heading_box p					{ color:#666; margin:10px 0 0 3px; }
.section_heading_box p b.page_header	{ font-size:26pt; color:#0066a5; }

.left_menu_re2,
.contents_body_re2					{ position:relative; float:left; }
.sub_head_title							{ position:relative; width:100%; height:150px; border-bottom:1px solid #ccc; }
.sub_head_title_box					{ position:absolute; margin:0 0 0 40px; padding:0; bottom:30px; }
.sub_head_title_box span			{ font-size:17px; margin-left:10px; color:#000; }
.sub_head_title_box p					{ color:#666; }
.sub_head_title_box p:before		{ content: ""; display: inline-block; width: 5px; height: 40px; background: #2ad2c5; top: 5px; position: relative; margin-right: 10px; }
.sub_head_title_box p b				{ font-size:30pt; color:#0971ce; }
.sub_head_title_box_r p b				{ font-size:30pt; color:#ba202a !important; }
.sub_head_title_box_r p:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 40px;
    background: #e60f12 !important;
    top: 5px;
    position: relative;
    margin-right: 10px;
}
.sub_head_title_box_b p b				{ font-size:30pt; color:#0066a5 !important; }
.sub_head_title_box_b p:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 40px;
    background: #0066a5 !important;
    top: 5px;
    position: relative;
    margin-right: 10px;
}
.sub_head_title_box_g p b				{ font-size:30pt; color:#007f3e !important; }
.sub_head_title_box_g p:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 40px;
    background: #007f3e !important;
    top: 5px;
    position: relative;
    margin-right: 10px;
}
.sub_head_title_box_o p b				{ font-size:30pt; color:#f37021 !important; }
.sub_head_title_box_o p:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 40px;
    background: #f37021 !important;
    top: 5px;
    position: relative;
    margin-right: 10px;
}

/*  LEFT SNB_MENU */
.left_menu_re2							{ width:277px; /* background-color:#eee; */ }
	nav#left_menu_re2					{ margin-top:50px; }
	nav#left_menu_re2 ul				{ width:237px; margin:0 auto; }
	nav#left_menu_re2 ul li				{ display:block; height:40px; font-size:16px; border-bottom:1px dashed #dcdcdc; }
	nav#left_menu_re2 ul li a			{ display:block; width:100%; margin:2px 0; line-height:38px; height:38px; text-decoration:none; text-indent:10px; }
	aside#aside_re2						{ width:100%; margin-top:100px; }
		aside#aside_re2 .banner01_re2	{ background:#fff url('../../images/common_sub/left_icon01.jpg') no-repeat 12% 9px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
		aside#aside_re2 .banner02_re2	{ background:#fff url('../../images/common_sub/left_icon02.jpg') no-repeat 12% 9px; border-bottom:1px solid #dcdcdc; }
		aside#aside_re2 .banner03_re2	{ background:#fff url('../../images/common_sub/left_icon03.jpg') no-repeat 12% 9px; border-bottom:1px solid #dcdcdc; }
		aside#aside_re2 .banner3_re2	{ border-bottom:0px solid #dcdcdc; margin:0; padding:0; }
		a.aside_banner_re2				{ display:block; font-size:15px; line-height:160%; padding:20px 0 20px 90px; text-decoration:none;  }
		a.aside_banner_re2:hover		{ text-decoration:underline; }
		a.aside_banner_re2_banner3		{ display:block; padding:0; text-align:center; }

/*  CONTENTS_BODY  */
.contents_body_re2						{ width:1160px; border-left:1px solid #ccc; /* background-color:#ddd; */ }

.article_item_block {
    position: relative;
    width: 100%;
    height: 100%;
    display: table;
    margin-bottom: 0;
}
.article_item_img {
    text-align: center;
}
.item_img_margin {
    margin: 0 auto;
}
.article_item_block h2 {
    background: url(../../images/common_sub/bullet_h2_style.png) no-repeat left top;
    height: 28px;
    font-weight: normal;
    padding: 0 0 0 26px;
    margin-bottom: 15px;
    line-height: 20px;
}
.article_item_block h2 span {
    font-size: 24px;
	font-weight:bold;
    padding: 0;
    margin: 0;
}
.article_item_block h2.red_img {
    background: url(../../images/common_sub/bullet_h2_style01.png) no-repeat left top;
}
.article_item_block h2.blue_img {
    background: url(../../images/common_sub/bullet_h2_style02.png) no-repeat left top;
}
.article_item_block h2.green_img {
    background: url(../../images/common_sub/bullet_h2_style03.png) no-repeat left top;
}
.article_item_block h2.orange_img {
    background: url(../../images/common_sub/bullet_h2_style04.png) no-repeat left top;
}

.section_text {
    font-size: 16px;
    padding-left: 25px;
}

.p_text03 {
    margin-top: 30px;
    line-height: 25px;
    font-size: 16px;
}


.map_detail_info_wrap {
    position: fixed !important;
    margin: 100px auto !important;
    padding: 30px !important;
    border: 1px solid #bebebe;
    background-color: #fff;
    z-index: 999;
    display: none;
    top: 0;
}
.map_detail_info {
    position: relative;
    width: auto !important;
}


/*  현재문서 페이지 경로  */
.article_path_re2 { 
	height: 40px;
	float: right;
	line-height: 40px;
	color: #696969;
	margin-right: 40px;
	display: block;
	margin-top: 10px;
}
.article_path_re2 a					{ text-decoration:none; }
.article_path_re2 a:hover			{ text-decoration:underline; }

/*  현재문서 ARTICLE  */
.contents_body_re2 article			{ 
    margin: 60px 0 40px;
    padding: 0 40px;
}
.article_block_re2					{ position:relative; width:100%; display:block; margin-bottom:50px; }
.article_block_re2 h1 p				{ font-size:11pt; }
.article_block_re2 h2				{ height:17px; background:url('../../images/common_sub/bullet_h2_style.gif') no-repeat left top; font-weight:normal; padding:0 0 0 10px; margin-bottom:15px; line-height:10px; }
.article_block_re2 h2 span			{ font-size:15px; border-bottom:2px solid #ccc; padding-bottom:4px; }
.article_block_re2_h2color			{ color:#956a0d; }
.article_block_re2_h2color a		{ color:#956a0d; }
.article_block_re2_h2color a:hover	{ text-decoration:underline; color:#956a0d; }

/*  PANORAMA 영상 및 지도 UI  */
.movie_show_viewport	{ width:1160px; height:440px; padding:20px 0; }
.movie_desc				{ width:1160px; height:100px; border:1px solid #ccc; overflow:auto; text-align:center; line-height:170%; }
.movie_desc p			{ display:none; }
.map_view_ui			{ width:878px; height:535px; border:1px solid #ccc; background:url('../../images/03vr/re2_140710/art_02.jpg') no-repeat left top; }
ul.map_ui				{ }
ul.map_ui li			{ position:absolute; width:124px; height:36px; }
ul.map_ui li.l_1		{ top:482px; left:92px; } /* 부산역 */
ul.map_ui li.l_2		{ top:599px; left:87px; }
ul.map_ui li.l_3		{ top:608px; left:202px; }
ul.map_ui li.l_4		{ top:458px; left:381px; } /* UN기념공원 */
ul.map_ui li.l_5		{ top:392px; left:350px; } /* 부산박물관 */
ul.map_ui li.l_6		{ top:260px; left:472px; } /* 광안리 해수욕장 */
ul.map_ui li.l_7		{ top:280px; left:639px; } /* 누리마루 */
ul.map_ui li.l_8		{ top:253px; left:674px; } /* 해운대 해수욕장 */
ul.map_ui li.l_9		{ top:179px; left:685px; } /* (구)해운대 기차역 */
ul.map_ui li.l_10		{ top:146px; left:532px; } /* 신세계백화점 */
ul.map_ui li.l_11		{ top:205px; left:566px; } /* 시립미술관 */
ul.map_ui li.l_12		{ top:343px; left:521px; } /* 광안대교 */

ul.map_ui li a:hover	{ text-decoration:underline; }
.a_t, .a_b				{ display:block; width:100%; height:100%; text-align:center; text-decoration:none; width:140px; height:42px; }
ul.map_ui li a.a_t		{ background:url("../../images/03vr/re2/map_ui_back2_re2.png") no-repeat center top; line-height:26px; }
ul.map_ui li a.a_t img	{ vertical-align:middle; margin-top:-3px; }
ul.map_ui li a.a_b		{ background:url("../../images/03vr/re2/map_ui_back1_re2.png") no-repeat center top; line-height:46px; }
ul.map_ui li a.a_b img	{ vertical-align:middle; margin-top:-2px; }

/*  진행보류  */
.map_view_ui_re2			{ width:878px; height:535px; border:1px solid #ccc; background:url('../../images/03vr/re2_141120/art_02.jpg') no-repeat left top; }
ul.map_ui_re2 li			{ position:absolute; width:124px; height:36px; }
ul.map_ui_re2 li.l_1		{ top:495px; left:108px; } /* 부산역 */
ul.map_ui_re2 li.l_2		{ top:599px; left:87px; }
ul.map_ui_re2 li.l_3		{ top:608px; left:202px; }
ul.map_ui_re2 li.l_4		{ top:458px; left:381px; } /* UN기념공원 */
ul.map_ui_re2 li.l_5		{ top:392px; left:350px; } /* 부산박물관 */
ul.map_ui_re2 li.l_6		{ top:260px; left:472px; } /* 광안리 해수욕장 */
ul.map_ui_re2 li.l_7		{ top:280px; left:639px; } /* 누리마루 */
ul.map_ui_re2 li.l_8		{ top:253px; left:674px; } /* 해운대 해수욕장 */
ul.map_ui_re2 li.l_9		{ top:179px; left:685px; } /* (구)해운대 기차역 */
ul.map_ui_re2 li.l_10		{ top:146px; left:532px; } /* 신세계백화점 */
ul.map_ui_re2 li.l_11		{ top:205px; left:566px; } /* 시립미술관 */
ul.map_ui_re2 li.l_12		{ top:343px; left:521px; } /* 광안대교 */

ul.map_ui_re2 li a:hover	{ text-decoration:underline; }
.a_t, .a_b					{ display:block; width:100%; height:100%; text-align:center; text-decoration:none; width:140px; height:42px; }
ul.map_ui_re2 li a.a_t		{ background:url("../../images/03vr/re2/map_ui_back2_re2.png") no-repeat center top; line-height:26px; }
ul.map_ui_re2 li a.a_t img	{ vertical-align:middle; margin-top:-3px; }
ul.map_ui_re2 li a.a_b		{ background:url("../../images/03vr/re2/map_ui_back1_re2.png") no-repeat center top; line-height:46px; }
ul.map_ui_re2 li a.a_b img	{ vertical-align:middle; margin-top:-2px; }

/* 서브 라인 배경이미지  */
.sub_tit_bg {
    position: relative;
    border-radius: 20px;
    height: 230px;
}
.sub_tit_bg_01 { 
    background: url(../../images/02course/sub_top_img01.png) no-repeat center;
}
.sub_tit_bg_02 { 
    background: url(../../images/02course/sub_top_img02.png) no-repeat center;
}
.sub_tit_bg_03 { 
    background: url(../../images/02course/sub_top_img03.png) no-repeat center;
}
.sub_tit_bg_04 { 
    background: url(../../images/02course/sub_top_img04.png) no-repeat center;
}
.sub_tit_bg span { 
    color: #fff;
    position: absolute;
    bottom: 30px;
    right: 30px;
	font-size:24px;
	font-weight:bold;
}



/* background-color */
.r_bgimg { background:#ba202a !important; }
.b_bgimg { background:#0066a5 !important; }
.g_bgimg { background:#007f3e !important; }
.o_bgimg { background:#f37021 !important; }

.r_course_con .course_con_box ul li.left:before,
.r_course_con .course_con_box ul li.left2:before,
.r_course_con .course_con_box ul li.top:before,
.r_course_con .course_con_box ul li.right:after,
.r_course_con .course_con_box ul li.right2:after,
.r_course_con .course_con_box ul li.bottom:after { background:#ba202a; }

.b_course_con .course_con_box ul li.left:before,
.b_course_con .course_con_box ul li.left2:before,
.b_course_con .course_con_box ul li.top:before,
.b_course_con .course_con_box ul li.right:after,
.b_course_con .course_con_box ul li.right2:after,
.b_course_con .course_con_box ul li.bottom:after { background:#0066a5; }

.g_course_con .course_con_box ul li.left:before,
.g_course_con .course_con_box ul li.left2:before,
.g_course_con .course_con_box ul li.top:before,
.g_course_con .course_con_box ul li.bottom2:after,
.g_course_con .course_con_box ul li.right:after,
.g_course_con .course_con_box ul li.right2:after,
.g_course_con .course_con_box ul li.bottom:after { background:#007f3e; }

.o_course_con .course_con_box ul li.left:before,
.o_course_con .course_con_box ul li.left2:before,
.o_course_con .course_con_box ul li.top:before,
.o_course_con .course_con_box ul li.right:after,
.o_course_con .course_con_box ul li.right2:after,
.o_course_con .course_con_box ul li.bottom:after { background:#f37021; }

/* 코스  */
.course_con {
    position: relative;
}
.course_con h3 {
    color: #000;
	font-size:18px;
	font-weight:bold;
}
.course_con > span {
    position: absolute;
    right: 0;
    top: 0;
	color:#777777;
	font-size:15px;
}
.r_course_con h3:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 4px;
    background: #ba202a;
    top: -5px;
    position: relative;
    margin-right: 10px;
}
.b_course_con h3:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 4px;
    background: #0066a5;
    top: -5px;
    position: relative;
    margin-right: 10px;
}
.g_course_con h3:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 4px;
    background: #007f3e;
    top: -5px;
    position: relative;
    margin-right: 10px;
}
.o_course_con h3:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 4px;
    background: #f37021;
    top: -5px;
    position: relative;
    margin-right: 10px;
}

.course_con_box {
    padding-top: 150px;
}
.course_con_box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 35px;
}
.course_con_box ul li {
    position: relative;
    width: 20%;
    text-align: center;
    padding: 20px 10px;
    border-radius: 40px;
}
.course_con_box ul li .icon01 {
    margin-bottom: 12px;
}
.course_con_box ul li .icon02 {
    display: block;
    font-size: 15px;
    margin-top: 10px;
}
.course_con_box ul li .icon02 img {
    top: 3px;
    position: relative;
}
.course_con_box ul li .icon03 {
    position: absolute;
    bottom: 20px;
    left: 38%;
}
.course_con_box ul li .tit {
    color: #000;
	font-size:18px;
	font-weight:bold;
}
.course_con_box ul li span {
    margin-top: 5px;
    color: #777777;
    display: block;
}
.course_con_box ul li span.num {
    display: inline-block;
    background: #000;
    color: #fff;
    border-radius: 100%;
    padding: 1px 5px;
    font-size: 13px;
    margin-top: 0;
    top: -1px;
    position: relative;
    margin-right: 5px;
}
.course_con_box ul li span.num2 {
    display: inline-block;
    background: #000;
    color: #fff;
    border-radius: 100%;
    padding: 3px;
    font-size: 12px;
    margin-top: 0;
    top: -2px;
    position: relative;
    margin-right: 5px;
}

.course_con_box ul li.left:before {
    content: "";
    display: block;
    width: 42px;
    height: 4px;
    top: 50%;
    position: absolute;
    left: -42px;
}
.course_con_box ul li.left2:before {
    content: "";
    display: block;
    width: 95px;
    height: 4px;
    top: 50%;
    position: absolute;
    left: -40px;
}
.course_con_box ul li.right:after {
    content: "";
    display: block;
    width: 42px;
    height: 4px;
    top: 50%;
    position: absolute;
    right: -42px;
}
.course_con_box ul li.right2:after {
    content: "";
    display: block;
    width: 96px;
    height: 4px;
    top: 50%;
    position: absolute;
    right: -40px;
}
.course_con_box ul li.bottom:after {
    content: "";
    display: block;
    width: 4px;
    height: 40px;
    bottom: -40px;
    position: absolute;
    left: 50%;
}
.course_con_box ul li.top:before {
    content: "";
    display: block;
    width: 4px;
    height: 38px;
    top: -39px;
    position: absolute;
    left: 50%;
}
.course_con_box ul li.bottom2:after {
    content: "";
    display: block;
    width: 4px;
    height: 90px;
    bottom: -90px;
    position: absolute;
    left: 50%;
}

.r_course_con > div.course_con_box {
    background: url(../../images/02course/r_course_bg.png) no-repeat top right ;
}
.b_course_con div.course_con_box {
    background: url(../../images/02course/b_course_bg.png) no-repeat top right ;
}
.g_course_con div.course_con_box {
    background: url(../../images/02course/g_course_bg.png) no-repeat top right ;
}
.o_course_con div.course_con_box {
    background: url(../../images/02course/o_course_bg.png) no-repeat top right ;
}

.r_course_con .course_con_box ul li.firlast {
    border: 4px solid #ba202a;
}
.r_course_con .course_con_box ul li {
    border: 3px solid #ba202a;
}
.b_course_con .course_con_box ul li.firlast {
    border: 4px solid #0066a5;
}
.b_course_con .course_con_box ul li {
    border: 3px solid #0066a5;
}
.g_course_con .course_con_box ul li.firlast {
    border: 4px solid #007f3e;
}
.g_course_con .course_con_box ul li {
    border: 3px solid #007f3e;
}
.o_course_con .course_con_box ul li.firlast {
    border: 4px solid #f37021;
}
.o_course_con .course_con_box ul li {
    border: 3px solid #f37021;
}
.course_con_box ul li.transfer,
.course_con_box ul li.transfer2,
.course_con_box ul li.transfer3 {
    border: none;
}
 .course_con_box ul li.transfer .tit {
    border: 4px solid #535252;
    background: #efefef !important;
    width: 100px;
    margin: 0 auto;
    border-radius: 100%;
    padding: 5%;
    height: 100px;
    line-height: 100px;
    font-size: 23px;
    color: #535252;
}
.course_con_box ul li.transfer2 .tit {
    border: 4px solid #535252;
    background: #efefef !important;
    width: 100px;
    margin: 0 auto;
    border-radius: 100%;
    padding: 5%;
    height: 100px;
    line-height: 100px;
    font-size: 23px;
    color: #535252;
    top: 13px;
    position: relative;
    left: -1px;
}
.course_con_box ul li.transfer3 .tit {
    border: 4px solid #535252;
    background: #efefef !important;
    width: 100px;
    margin: 0 auto;
    border-radius: 100%;
    padding: 5%;
    height: 100px;
    line-height: 100px;
    font-size: 23px;
    color: #535252;
    top: 24px;
    position: relative;
    left: -1px;
}
.course_con_box ul li.transfer span {
    position: absolute;
    bottom: 5px;
    width: 100%;
    font-size: 17px;
    font-weight: bold;
    color: #535252;
    left: -1px;
}
.course_con_box ul li.transfer2 span {
    position: absolute;
    bottom: 15px;
    width: 100%;
    font-size: 17px;
    font-weight: bold;
    color: #535252;
    left: -1px;
}
.course_con_box ul li.transfer3 span {
    position: absolute;
    bottom: 25px;
    width: 100%;
    font-size: 17px;
    font-weight: bold;
    color: #535252;
    left: -1px;
}

.li_none {
    border: none !important;
    background: #fff !important;
}

.schedule_img {
    margin-top: 20px;
}
.schedule_tit {
    margin-top: 30px;
}
.schedule_list {
	background:#f7f8fa;
	padding:20px 30px;
}
.schedule_list ul li {
    padding: 3px 0;
	color:#727070;
	font-size:16px;
}
.schedule_list ul.line_ncon li {
    padding: 3px 0;
    color: #727070;
    font-size: 16px;
    line-height: 25px;
}
.schedule_list ul.line_ncon span {
	color:#91278f;
    font-weight: bold;
}
.schedule_list ul.line_ncon span.b_line {
    border-bottom: 1px solid #000;
}



/* 버튼  */
.line_btn {
    text-decoration: auto;
    padding: 2px 8px;
    display: inline-block;
    font-size: 15px;
}
.red_btn { border: 2px solid #d2223c; }
.blue_btn { border: 2px solid #0066a5; }
.green_btn { border: 2px solid #007f3e; }
.orange_btn { border: 2px solid #f37021; }



.course_con_box2 {
    margin-top: 50px;
}
.course_con_box2 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 35px;
}
.course_con_box2 ul li {
    border: 3px solid #ba202a;
    position: relative;
    width: 20%;
    text-align: center;
    background: #f7f8fa;
    padding: 20px 10px 60px;
    border-radius: 40px;
}
.course_con_box2 ul li .icon01 {
    margin-bottom: 12px;
}
.course_con_box2 ul li .icon02 {
    position: absolute;
    bottom: 20px;
    left: 35%;
}
.course_con_box2 ul li .icon03 {
    position: absolute;
    bottom: 20px;
    left: 38%;
}
.course_con_box2 ul li .tit {
    color: #000;
	font-size:20px;
	font-weight:bold;
}
.course_con_box2 ul li.firlast {
    border: 4px solid #ba202a;
}
.course_con_box2 ul li span {
    margin-top: 5px;
    color: #777777;
    display: block;
}

.course_con_box2 ul li.left:before {
    content: "";
    display: block;
    width: 42px;
    height: 4px;
    top: 50%;
    position: absolute;
    left: -42px;
}
.course_con_box2 ul li.right:after {
    content: "";
    display: block;
    width: 42px;
    height: 4px;
    top: 50%;
    position: absolute;
    right: -42px;
}
.course_con_box2 ul li.bottom:after {
    content: "";
    display: block;
    width: 4px;
    height: 40px;
    bottom: -40px;
    position: absolute;
    left: 50%;
}
.course_con_box2 ul li.top:before {
    content: "";
    display: block;
    width: 4px;
    height: 38px;
    top: -39px;
    position: absolute;
    left: 50%;
}
.course_con_box2 ul li.left:before ,
.course_con_box2 ul li.top:before ,
.course_con_box2 ul li.right:after ,
.course_con_box2 ul li.bottom:after { background:#ba202a; }



.course_con_box3 {
    margin-top: 50px;
}
.course_con_box3 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 35px;
}
.course_con_box3 ul li {
    border: 3px solid #91278f;
    position: relative;
    width: 20%;
    text-align: center;
    background: #f7f8fa;
    padding: 20px 10px 60px;
    border-radius: 40px;
}
.course_con_box3 ul li .icon01 {
    margin-bottom: 12px;
}
.course_con_box3 ul li .icon02 {
    position: absolute;
    bottom: 20px;
    left: 35%;
}
.course_con_box3 ul li .icon03 {
    position: absolute;
    bottom: 20px;
    left: 38%;
}
.course_con_box3 ul li .tit {
    color: #000;
	font-size:20px;
	font-weight:bold;
}
.course_con_box3 ul li.firlast {
    border: 4px solid #91278f;
}
.course_con_box3 ul li span {
    margin-top: 5px;
    color: #777777;
    display: block;
}

.course_con_box3 ul li.left:before {
    content: "";
    display: block;
    width: 42px;
    height: 4px;
    top: 50%;
    position: absolute;
    left: -42px;
}
.course_con_box3 ul li.right:after {
    content: "";
    display: block;
    width: 42px;
    height: 4px;
    top: 50%;
    position: absolute;
    right: -42px;
}
.course_con_box3 ul li.bottom:after {
    content: "";
    display: block;
    width: 4px;
    height: 40px;
    bottom: -40px;
    position: absolute;
    left: 50%;
}
.course_con_box3 ul li.top:before {
    content: "";
    display: block;
    width: 4px;
    height: 38px;
    top: -39px;
    position: absolute;
    left: 50%;
}
.course_con_box3 ul li.left:before ,
.course_con_box3 ul li.top:before ,
.course_con_box3 ul li.right:after ,
.course_con_box3 ul li.bottom:after { background:#91278f; }