@charset "utf-8"; 

/**********************************************************************
- Sub Style
-----------------------------------------------------------------------
* Descript : 해당 사이트의 서브 레이아웃 스타일
             서브페이지에서 사용되는 레이아웃 (ex. 좌측메뉴, 비쥬얼 등)
			 에 대한 스타일 정의.
-----------------------------------------------------------------------
* 최초작성일 : 
* 최초작성자 : 

* 최후작성일 : 
* 최후작성자 : 
--
* 기본 가로 사이즈 : 


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


.fix-layout.w1000	{ max-width: 1020px; }
.fix-layout.w500	{ max-width: 500px; }

.nice-select:after	{
	width: 12px;
	height: 8px;
	background: url('/images/ico_select_green.png') no-repeat 0 0;
	border: none;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);

	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.nice-select.open:after {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
#review_category .list li sup{display: none !important;}
#submenu_bak	{ border-bottom: 1px solid #eaeaea; }

#lnb_box	{
	position: relative;
	padding-top: 40px;
	clear: both;
	overflow: hidden;
}
#lnb li	{
	position: relative;
	float: left;
	z-index: 0;
}
#lnb li.on	{ z-index: 1; }
#lnb li a	{
	display: block;
	position: relative;
	text-align: center;
	font-size: 18px;
	height: 60px;
	border: 1px solid #d6d6d6;
	background: #f9f9f9;
	color: #989898;
	font-weight: 400;
}
#lnb li a:before	{
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
#lnb li a span	{
	display: inline-block;
	max-width: 95%;
	vertical-align: middle;
}
#lnb li + li a	{ margin-left: -1px; }

#lnb li.on a	{
	background: #fff;
	color: #000;
	font-weight: 500;
	border-color: #0093e9;
}

#lnb.col-2 li	{ width: 50%; }
#lnb.col-3 li	{ width: 33.33%; }
#lnb.col-4 li	{ width: 25%; }
#lnb.col-5 li	{ width: 20%; }
#lnb.col-6 li	{ width: 16.66%; }


#gnb_box	{  }
#content	{ /*margin-top: 53px;*/ margin-top: 0px; min-height: 400px; }

#sub_visual_box	{
	text-align: center;
	/*margin-top: 53px;*/
	height: 320px;
	background-size: cover;
	background-repeat: no-repeat;
}
#sub_visual_box	 + #content	{ margin-top: 0; }
#footer	{ margin-top: 64px; }

/*
#gnb .dept-1 > a:after						{ content: ""; display: inline-block; height: auto; font-size: 20px; vertical-align: middle; background: none !important; font-weight: 400; }
#gnb .dept-1 a[data-text="102진료"]:after	{ content: "진료"; }
#gnb .dept-1 a[data-text="102체험"]:after	{ content: "체험"; }
#gnb .dept-1 a[data-text="102저널"]:after	{ content: "저널"; }
#gnb .dept-1 a[data-text="102소개"]:after	{ content: "소개"; }
*/


/************************************************************
	Location Box
************************************************************/

#content { font-family: 'Malgun Gothic', '맑은 고딕','MGothic', '돋움',dotum,verdana,arial,sans-serif; }

#location_box	{
	display:block;
	position: relative;
	background: #f7f7f7;
	clear: both;
	height: 50px;
	z-index: 50;
	font-size: 14px;
	font-family: 'Malgun Gothic', '맑은 고딕','MGothic', '돋움',dotum,verdana,arial,sans-serif;
}
#location_box:after	{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: #e2e2e2;
	z-index: 0;
}
#location_box .item	{ float: left; z-index: 1; }
#location_box #loaction_home	{
	width: 65px;
	text-align: center;
	line-height: 50px;
	border: 1px solid #e2e2e2;
	border-top-width: 0;
	border-bottom-width: 0;
}
#location_box #loaction_home a	{ display: block; }
#location_box #loaction_home img	{ vertical-align: middle; }
#location_box dl	{
	display: block;
	position: relative;
}
#location_box dl + dl	{ min-width: 240px; }
#location_box dt	{
	display: block;
	position: relative;
	
	height: 50px;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}
#location_box dt a	{
	display: block;
	position: relative;
	min-width: 80px;
	height: 50px;
	line-height: 50px;
	padding: 0 25px;
	box-sizing: content-box;
	font-weight: 500;
}
#location_box dt a span	{ display: block; padding: 0 50px 0 0; }

#location_box dt a:after	{
	content: "";
	display: block;
	position: absolute;
	width: 11px;
	height: 7px;
	top: 50%;
	margin-top: -3px;
	right: 19px;
	background: url('/images/sub/ico_location_menu.png') no-repeat 0 0;
}
#location_box .on dt a:after	{ background-image: url('/images/sub/ico_location_menu_on.png'); }


#location_box dd	{
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	background: #fff;
	border: 1px solid #e2e2e2;
	border-top-width: 0;
	box-sizing: border-box;
}
#location_box dl.on dd	{ display: block; }
#location_box dd a	{
	display: block;
	position: relative;
	padding: 10px 15px;
}
#location_box dd a:hover	{
	background: #fafafa;
}

#location_box dl + dl dt	{
	background: #fff;
}

#sub_page_title	{
	display: block;
	position: relative;
	padding: 20px 0;
	border-bottom: 1px solid #eeeeee;
}
#sub_page_title h2	{
	position: relative;
	padding-left: 17px;
	font-size: 24px;
	font-weight: 400;
}
/*#sub_page_title h2:before	{
	content: "";
	display: block;
	position: absolute;
	width: 4px;
	height: 14px;
	left: 0;
	top: 50%;
	margin-top: -7px;
	box-sizing: border-box;
	border: 7px solid #0093e9;
	border-bottom-color: #b7b7b7;
	border-left-width: 0;
	border-right-width: 0;
}*/


/************************************************************
	FIX TOP
************************************************************/

body.header-fix #content					{ padding-top: 106px; }
body.header-fix #sub_visual_box +  #content	{ padding-top: 0; }
#gnb_box.fix						{ position: fixed; top: 0; left: 0; right: 0; height: 45px; }
#gnb_box.fix #gnb .dept-1 > a		{ height: 45px; }
#gnb_box.fix #gnb_side				{ height: 45px; }
#anb_box.fix						{ position: fixed; top: 45px; left: 0; right: 0; }
#location_box.fix					{ position: fixed; top: 45px; left: 0; right: 0; height: 40px; font-size: 14px; }
#location_box.fix #loaction_home	{ line-height: 40px; }
#location_box.fix dt					{ height: 40px; }
#location_box.fix dt a				{ height: 40px; line-height: 40px; }
#location_box.fix dt a span			{ padding-right: 40px; }
#location_box.fix dd				{ top: 40px; }

#gnb_box.fix .scroll-fix-logo	{ display: block; position: absolute; top: 50%; margin-top: -15px; left: 10px; }
#gnb_box.fix #gnb				{ margin-left: 140px; }


#gnb_box.fix #gnb .dept-1 a[data-text="102진료"] + .dept-2-box	 { margin-left: -140px; }
#gnb_box.fix #gnb .dept-1 a[data-text="102체험"] + .dept-2-box	 {  }
#gnb_box.fix #gnb .dept-1 a[data-text="102저널"] + .dept-2-box	 { margin-left: -155px; }
#gnb_box.fix #gnb .dept-1 a[data-text="102소개"] + .dept-2-box	 { margin-left: -475px; }

/*
#gnb_box.fix #gnb .dept-1 > a:after	{ font-size: 16px; }
*/

/************************************************************
	VISUAL
************************************************************/

/** Visual */
.vis-search h2			{
	padding-top: 95px;
	font-size: 26px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 35px;
}
.vis-search h2 em	{ color: #2ccf8c;}
.vis-search fieldset	{
	position: relative;
	width: 590px;
	margin: 0 auto;
	padding-left: 111px;
	padding-right: 71px;
	box-sizing: border-box;
}
.vis-search .nice-select	{
	position: absolute;
	top: 0;
	left: 0;
	width: 110px;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	color: #000;
	border: 1px solid #b6b6b6;
	background: #fafafa;
}

.vis-search input[type="text"]	{
	width: 100%;
	height: 60px;
	border: none;
	background: rgba(255, 255, 255, .9);
}
.vis-search button	{ 
	position: absolute;
	top: 0;
	right: 0;
	height: 60px;
	width: 70px;
	overflow: hidden;
	text-indent: -999px;
	border: none;
	background: url('/images/sub/btn_vis_search.png') no-repeat 50% 50% #44d58d;
}

#sub_visual_box.vis-image	{
	height: auto;
	text-align: center;
}
#sub_visual_box.vis-image img	{
	display: block;
	margin: 0 auto;
}



/************************************************************
	Sub Page
************************************************************/

#page_title	{
	font-size: 32px;
	color: #000;
	padding: 40px 0;
	font-weight: 600;
}


#partner_page	{ padding-bottom: 120px; }

.gray-bak { background: #f6f6f6; }


.site-form			{ width: 100%; border-top: 2px solid #373737; table-layout: fixed; }
.site-form th,
.site-form td		{ padding: 10px; border-bottom: 1px solid #b6b6b6; }
.site-form th		{ background: #e3e3e3; }
.site-form td		{ line-height: 36px; }
.site-form input[type="text"],
.site-form input[type="password"]	{ width: 100%; height: 36px; }
.site-form input[type="text"].half,
.site-form input[type="password"].half	{ width: 46.5%; }
.site-form textarea	{
	display: block;
	width: 100%;
	height: 180px;
}
.site-form .nice-select	{
	width: 46.5%;
	height: 36px;
	line-height: 36px;
	float: none;
	vertical-align: middle;
}
.site-form .descript	{
	display: block;
	font-size: 15px;
	padding: 8px 0 10px;
	line-height: 1.2em;
}

.site-form select.ignore	{
	height: 36px;
	border: 1px solid #dadada;
}

.site-btn-box	{ padding: 50px 0 30px 0; text-align: center; }
.site-btn-box .ui-btn		{
	min-width: 150px;
	height: 45px;
	border-color: #cecece;
	background: #cecece;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
}
.site-btn-box .ui-btn.point	{ background: #0193e9; border-color: #0193e9; }




/************************************************************
	Story Page
************************************************************/


#story_view_page	{
	position: relative;
	text-align: center;
	margin-bottom: 350px;
}
#story_view_page .flex-viewport	{ z-index: 0; }
#story_view_page .slides span	{
	display: inline-block;
	position: relative;
}
#story_view_page .slides span:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 5px solid #e5e5e5;
}
#story_view_page .slides span:after	{
	content: url('/images/sub/ico_story_book.png');
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#story_view_page .slides img	{ display:block; width:825px; height: 945px; }

#story_view_page .flex-control-paging	{
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	padding-top: 40px;
}
#story_view_page .flex-control-paging li	{ display: inline-block; margin: 0 5px; }
#story_view_page .flex-control-paging li a	{
	display: block;
	position: relative;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #a0a0a0;
	border-radius: 9.0em;
	border: 1px solid #e1e1e1;
}
#story_view_page .flex-control-paging li a.flex-active	{
	border-color: #002c5a;
	background: #002c5a;
	color: #fff;
}

#story_view_page .flex-direction-nav a	{
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -90px;
	width: 130px;
	height: 180px;
	overflow: hidden;
	text-indent: -999px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #fff;
	z-index: 10;
}
#story_view_page .flex-direction-nav a:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 10px solid #efefef;
}
#story_view_page .flex-direction-nav a:hover:before	{ border-color: #25aeff; }

#story_view_page .flex-prev			{ left: 0; background-image: url('/images/sub/btn_story_prev.png'); }
#story_view_page .flex-prev:hover	{ left: 0; background-image: url('/images/sub/btn_story_prev_on.png'); }
#story_view_page .flex-next			{ right: 0; background-image: url('/images/sub/btn_story_next.png'); }
#story_view_page .flex-next:hover	{ right: 0; background-image: url('/images/sub/btn_story_next_on.png'); }




/************************************************************
	Virtual Page
************************************************************/

#virtual_page	{ padding-bottom: 190px; margin-top: 53px; }

.no-header-title	{
	text-align: center;
	padding: 60px 0 35px;
}
.no-header-title > *		{ display: block; position: relative; }
.no-header-title span		{ color: #000000; font-size: 24px; font-weight: 400; }
.no-header-title strong		{ padding: 5px 0 10px; color: #000000; font-size: 54px; font-weight: 600; }
.no-header-title strong em	{ color: #0093e9; }
.no-header-title sup		{ color: #000000; font-size: 20px; }

#virtual_menu			{ position: relative; max-width: 1050px; margin: 0 auto 90px; text-align: center; }
#virtual_menu li		{ display: inline-block; }
#virtual_menu li + li	{ margin-left: 50px; }
#virtual_menu:before	{
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	top: 50%;
	left: 40px;
	right: 40px;
	background: #ffffff;
}
#virtual_menu a	{
	display: block;
	position: relative;
}
#virtual_menu a span	{
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	padding-top: 10px;
	color: #707070;
	font-size: 16px;
}
#virtual_menu a i		{
	display: block;
	position: relative;
	width: 96px;
	height: 96px;
	margin: 0 auto;
	padding: 8px;
	text-align: center;
	line-height: 80px;
	border-radius: 9.0em;
	overflow: hidden;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-ms-transition: all .4s ease;
}
#virtual_menu a i:before,
#virtual_menu a i:after		{
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: 8px;
	right: 8px;
	bottom: 8px;
	z-index: 0;
	border-radius: 9.0em;

	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-ms-transition: all .4s ease;
}

#virtual_menu a i:before	{ background: rgba(255, 255, 255, .7); }
#virtual_menu a i:after	{ background: #b9b9b9; } 

#virtual_menu li.on a i:before,
#virtual_menu a:hover  i:before	{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#virtual_menu li.on a span		{ color: #000; font-weight: 500; }
#virtual_menu li.on a  i:after	{ background: #00a1ff; }
#virtual_menu a i img			{ position: relative; z-index: 5; }


#virtual_detail_viewer	{
	position: relative;
	padding-right: 530px;
	background: #fff;
	overflow: hidden;
	height: 520px;
}
#virtual_viewer	{ position: relative; z-index: 0; }
#virtual_viewer .slides .virtual-visual	{
	position: relative;
	height: 520px;
	box-sizing: border-box;
	overflow: hidden;
}
#virtual_viewer .index .virtual-visual	{ padding: 85px 120px; text-align: center; }
#virtual_viewer .index .virtual-visual:before	{
	content: "";
	display: block;
	position: absolute;
	top: 60px;
	left: 90px;
	right: 90px;
	bottom: 60px;
	border: 1px solid rgba(255, 255, 255, .3);
}
#virtual_viewer .index .virtual-visual i	{
	display: block;
	margin: 45px auto 0;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	border-radius: 9.0em;
	background: #00a1ff;
}
#virtual_viewer .index .virtual-visual strong	{
	display: block;
	font-size: 32px;
	font-weight: 600;
	color: #fff;
	padding: 10px 0;
}
#virtual_viewer .index .virtual-visual em	{
	display: block;
	position: relative;
	font-size: 20px;
	color: #cdcdcd;
	padding-bottom: 15px;
	margin-bottom: 18px;
}
#virtual_viewer .index .virtual-visual em:after	{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -9px;
	width: 18px;
	height: 2px;
	background: #00a1ff;
}
#virtual_viewer .index .virtual-visual sup	{ font-size: 14px; color: #fff; }



#virtual_viewer .flex-direction-nav a	{
	display: block; 
	position: absolute;
	top: 50%;
	width: 70px;
	height: 120px;
	margin-top: -60px;
	background: url('/images/experience/splite_virtual_nav.png') no-repeat 0 0;
	overflow: hidden;
	text-indent: -999px;
}
#virtual_viewer .flex-direction-nav .flex-prev	{ left: 0; }
#virtual_viewer .flex-direction-nav .flex-next	{ right: 0; background-position: -70px 0; }
#virtual_viewer .flex-direction-nav .flex-prev:hover { background-position: -140px 0; }
#virtual_viewer .flex-direction-nav .flex-next:hover { background-position: -210px 0; }

#virtual_viewer .flex-control-paging	{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 650px;
	width: 530px;
	height: 213px;
	box-sizing: border-box;
	padding: 25px 35px;
}
#virtual_viewer .flex-control-paging:before	{
	content: "체험단계를 확인하세요";
	display: block;
	margin-bottom: 30px;
	font-size: 16px;
	color: #000;
	font-weight: 500;
}
#virtual_viewer .flex-control-paging li	{ display: inline-block; }
#virtual_viewer .flex-control-paging li a	{
	display: block;
	position: relative;
	overflow: hidden;
	text-indent: -999px;
	width: 50px;
	height: 50px;
	font-weight: 400;
	font-size: 18px;
}
#virtual_viewer .flex-control-paging li a:before	{
	content: attr(data-idx);
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	line-height: 30px;
	text-indent: 0;
	text-align: center;
	background: #fff;
	color: #7b7b7b;
	border-radius: 9.0em;
	z-index: 1;
}
#virtual_viewer .flex-control-paging li a:after	{
	content: "";
	display: block;
	position: absolute;
	top: 11px;
	left: 11px;
	right: 11px;
	bottom: 11px;
	z-index: 0;
	border-radius: 9.0em;
	background: url('/images/board/bak_board_event_title_icon.png') no-repeat 100% 100%;
	background-size: 100% 100%;

	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-ms-transition: all .4s ease;
}
#virtual_viewer .flex-control-paging li:first-child a			{ width: 100px; font-size: 20px; }
#virtual_viewer .flex-control-paging li a.flex-active:before	{ color: #000;  font-weight: 400; }
#virtual_viewer .flex-control-paging li a.flex-active:after		{ top: 0; left: 0; right: 0; bottom: 0; }

#virtual_viewer .flex-control-paging:after	{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 35px;
	right: 35px;
	height: 1px;
	background: #eaeaea;
}


#virtual_text		{
	display: block;
	position: absolute;
	top: 255px;
	left: 650px;
	bottom: 0;
	right: 0;
	padding: 0 35px;
	box-sizing: border-box;
	z-index: 1;
}
#virtual_text:after	{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 25px;
	height: 25px;
	box-sizing: border-box;
	border: 1px solid #a6a6a6;
	border-top-width: 0;
	border-left-width: 0;
}
#virtual_text li		{ display: none; }
#virtual_text li.on		{ display: block; }
#virtual_text .title	{ position: relative; padding: 19px 0 15px; font-size: 24px; font-weight: 500; }
#virtual_text .title:before	{
	content: ""; 
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 21px;
	height: 4px;
	background: url('/images/experience/ico_virtual_text_title.png');
}

#virtual_text .sub-title	{ font-size: 20px; color: #000; font-weight: 400; padding-bottom: 5px; }
#virtual_text .content		{ font-size: 15px; color: #000; height: 135px; overflow-y: auto; }

#virtual_text .empty	{
	display: block;
	position: relative;
	height: 265px;
}
#virtual_text .empty:before	{
	content: ""; 
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 21px;
	height: 4px;
	background: url('/images/experience/ico_virtual_text_title.png');
}
#virtual_text .empty:after	{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	top: 50%;
	width: 30px;
	height: 1px;
	background: #a6a6a6;
}




/************************************************************
	Experience Page
************************************************************/

#exp_page	{ padding-bottom: 165px; */margin-top: 53px;*/ }
#exp_message		{
	width: 935px;
	margin: 35px auto 0;
	padding: 25px 0;
	text-align: center;
	border-radius: 9.0em;
	background: #fff;
	font-size: 18px;
	border-bottom: 1px solid #e9e9e9;
}
#exp_message span	{ display: inline-block; vertical-align: middle; }
#exp_message:before	{
	content: "";
	background: url('/images/experience/ico_exp.png');
	display: inline-block;
	vertical-align: middle;
	width: 21px;
	height: 21px;
}

#exp_step	{ 
	display: none;
	position: relative;
	width: 430px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 55px;
}
#exp_step:before	{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 1px;
	background: #cecece;
	z-index: 0;
}
#exp_step i	{
	display: inline-block;
	position: relative;
	z-index: 1;
	width: 128px;
	line-height: 40px;
	color: #fff;
	backgrounD: #cecece;
	border-radius: 9.0em;
}
#exp_step i + i	{ margin-left: 75px; }
#exp_step i.on	{ background: #0093e9; }


#exp_menu	{
	display: block;
	position: relative;
	padding-top: 60px;
}
#exp_menu ul	{ margin: 0 -7px; }
#exp_menu ul:after	{ content: ""; display: block; clear: both; }
#exp_menu li	{ float: left; width: 20%; }
#exp_menu li a	{
	display: block;
	position: relative;
	width: 234px;
	height: 358px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 8px 7px;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	color: #fff;
	text-align: center;
}
#exp_menu li a:before	{
	content: "";
	display: block;
	position: absolute;
	width: 45px;
	height: 45px;
	box-sizing: border-box;
	background: #e3e3e3;
	border: 12px solid #fff;
	border-radius: 9.0em;
	left: 50%;
	margin-left: -22px;
	top: -60px;
}
#exp_menu li a:after	{
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	bottom: 8px;
	left: 7px;
	right: 7px;
	border: 0px solid #00a1ff;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
}
#exp_menu li a:hover:before	{ background: #00a1ff; }
#exp_menu li a:hover:after	{ border-width: 10px; }

#exp_menu li a strong	{ display: inline-block; padding-top: 40px; font-size: 20px; border-bottom: 2px solid #fff; }
#exp_menu li a span	{
	display: block;
	padding-top: 23px;
	font-size: 20px;
}
#exp_menu li a i	{
	display: block;
	position: absolute;
	bottom: 60px;
	left: 50%;
	margin-left: -58px;
}

#exp_viewer	{ position: relative; margin-bottom: 150px; margin-top: 20px; }
#exp_viewer .owl-item a{
	display: block;
	position: relative;
	width: 380px;
	height: 460px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	margin-bottom: 10px;
}
#exp_viewer .owl-item a:before	{
	content: "";
	display: block;
	position: absolute;
	right: -6px;
	left: 0;
	bottom: -7px;
	top: 0;
	background: url('/images/experience/bak_img_exp_shadow.png') no-repeat 100% 100%;
}
#exp_viewer .owl-item a:after	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom:0;
	border: 0px solid #fff;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
}
#exp_viewer .owl-item a:hover:after	{ border-width: 15px; }
#exp_viewer .owl-item a span	{
	display: block;
	position: absolute; 
	bottom: 0;
	left: 0;
	right: 0;
	padding: 25px 0;
	background: rgba(0, 147, 233, .75);
	background-size: cover;
	text-align: center;
	color: #fff;
	border-top: 1px solid rgba(255, 255, 255, .5);
}
#exp_viewer .owl-item a strong	{
	display: inline-block;
	font-size: 20px;
	border-bottom: 2px solid #fff;
}
#exp_viewer .owl-item a sup	{
	display: block;
	padding: 16px 0 20px;
	font-size: 18px;
}


#exp_viewer .owl-nav > *	{
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -90px;
	width: 130px;
	height: 180px;
	overflow: hidden;
	text-indent: -999px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #fff;
	z-index: 10;
}
#exp_viewer .owl-nav > *:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 10px solid #efefef;
}
#exp_viewer .owl-nav > *:hover:before	{ border-color: #25aeff; }

#exp_viewer .owl-prev			{ left: -40px; background-image: url('/images/sub/btn_story_prev.png'); }
#exp_viewer .owl-prev:hover		{ background-image: url('/images/sub/btn_story_prev_on.png'); }
#exp_viewer .owl-next			{ right: -40px; background-image: url('/images/sub/btn_story_next.png'); }
#exp_viewer .owl-next:hover		{  background-image: url('/images/sub/btn_story_next_on.png'); }

#exp_viewer .owl-dots	{
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	text-align: center;
	padding-top: 45px;
}
#exp_viewer .owl-dot	{
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
}
#exp_viewer .owl-dot:before	{
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border-radius: 9.0em;
	background: #fff;
	z-index: 1;
}
#exp_viewer .owl-dot:after	{
	content: "";
	display: block;
	position: absolute;
	top: 11px;
	left: 11px;
	right: 11px;
	bottom: 11px;
	border-radius: 9.0em;
	background: #25aeff;
	z-index: 0;

	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-ms-transition: all .4s ease;
}
#exp_viewer .owl-dot.active:after	{
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

#exp_popup	{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	background: rgba(0, 0, 0, 0.7);
}
#exp_popup .inner	{
	position: absolute;
	width: 1000px;
	height: 680px;
	top: 50%;
	left: 50%;
	margin-top: -340px;
	margin-left: -500px;
	padding: 15px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, .3);
}
#exp_popup .exp-popup-close	{
	position: absolute;
	right: 0;
	top: -40px;
}
#exp_popup_slide,
#exp_popup_slide .flex-viewport,
#exp_popup_slide .slides,
#exp_popup_slide .slides li			{ height: 100%; }
#exp_popup_slide .slides li			{ position:relative; background-repeat: no-repeat; background-size: cover; background-position: 50% 0; }

#exp_popup_slide .inner-content	{ 
	position: absolute;
	width: 580px;
	height: 260px;
	box-sizing: border-box;
	top: 50%;
	left: 50%;
	margin-top: -130px;
	margin-left: -290px;
	border-radius: 9.0em;
	background: rgba(0, 147, 233, .9);
	text-align: center;
	padding: 25px 0;
	color: #fff;
}
#exp_popup_slide .inner-content i	{ 
	display: block;
	margin-bottom: 15px;
	height: 55px;
}
#exp_popup_slide .inner-content span	{ font-size: 20px; }
#exp_popup_slide .inner-content strong	{
	display: block;
	position: relative;
	font-size: 30px;
}
#exp_popup_slide .inner-content strong em	{ border-bottom: 1px solid #fff; }
#exp_popup_slide .inner-content strong em:before	{ content: ""; display: inline-block; width: 6px; height: 22px; margin-right: 3px; background: url('/images/experience/tlt_exp_result_left.png') no-repeat 0 0;}
#exp_popup_slide .inner-content strong em:after		{ content: ""; display: inline-block; width: 6px; height: 22px; margin-left: 3px; margin-right: 3px; background: url('/images/experience/tlt_exp_result_right.png') no-repeat 0 0;}
#exp_popup_slide .inner-content a	{
	display: inline-block;
	margin-top: 20px;
	line-height: 47px;
	background: #002c5a;
	text-align: center;
	padding: 0 35px;
	border-radius: 9.0em;
}



#exp_popup_slide .flex-control-paging	{ display: none; }

#exp_popup_slide .flex-direction-nav a	{
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -90px;
	width: 130px;
	height: 180px;
	overflow: hidden;
	text-indent: -999px;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-ms-transition: all .4s ease;

}

#exp_popup_slide .flex-prev { left: -130px; background: url('/images/experience/btn_exp_result_prev.png') no-repeat 50% 50%; }
#exp_popup_slide .flex-next { right: -130px; background: url('/images/experience/btn_exp_result_next.png') no-repeat 50% 50%; }
#exp_popup_slide .flex-prev:hover { background: url('/images/experience/btn_exp_result_prev_on.png') no-repeat 50% 50%; }
#exp_popup_slide .flex-next:hover { background: url('/images/experience/btn_exp_result_next_on.png') no-repeat 50% 50%; }

@media all and (max-width: 1290px) {
	#exp_popup_slide .flex-prev { left: -65px; }
	#exp_popup_slide .flex-next { right: -65px; }
}
@media all and (max-width: 1155px) {
	#exp_popup_slide .flex-prev { left: 0; }
	#exp_popup_slide .flex-next { right: 0; }
}