@charset "utf-8"; 

/**********************************************************************
- Board Style
-----------------------------------------------------------------------
* Descript : 해당 사이트의 게시판 레이아웃 스타일
             게시판 리스트, 상세, 작성 페이지 스타일을 정의.
-----------------------------------------------------------------------
* 최초작성일 : 
* 최초작성자 : 

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


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

i.ico-cate[data-cate="102캠페인"]		{ background: #002c5a !important; color: #fff !important; }
i.ico-cate[data-cate="102공지사항"]		{ background: #15c181 !important; color: #fff !important; }
i.ico-cate[data-cate="102뉴스"]			{ background: #25aeff !important; color: #fff !important; }
i.ico-cate[data-cate="102칼럼"]			{ background: #002c5a !important; color: #fff !important; }
i.ico-cate[data-cate="102사람들"]		{ background: #0093e9 !important; color: #fff !important; }
i.ico-cate[data-cate="노안·백내장"]		{ background: #0093e9 !important; color: #fff !important; }




.search-title	{
	padding: 55px 0 35px;
	text-align: center;
	font-size: 22px;
	font-weight: 600;
}
.search-title em	{ color: #0093e9; }
.search-title em:before	{ content: "\""; }
.search-title em:after	{ content: "\""; }


#board_category	{
	position: absolute;
	top: 48px;
	right: 10px;
}
#board_category .nice-select	{ min-width: 130px; }


/*** Paging Style */

.paging-box	{
	text-align: center;
	overflow: hidden;
	padding: 100px 0;
}

.board-page-box	{
	text-align: center;
	overflow: hidden;
}
.board-page-box .paging a,
.board-page-box .paging strong	{
	display: inline-block;
	max-width: 7%;
	line-height: 35px;
	min-width: 37px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border-radius: 9.0em;
	border: 1px solid #dfdfdf;
	color: #a0a0a0;
	margin: 0 6px;
}
.board-page-box .paging strong	{
	border-color: #002c5a;
	background: #002c5a;
	color: #fff;
}

.board-page-box .control,
.board-page-box .paging		{ display: inline-block; vertical-align: middle; }
.board-page-box .paging		{ margin: 0 6px; }

.board-page-box .control .btn	{
	display: inline-block;
	width: 35px;
	height: 35px;
	text-align: left;
	text-indent: -999px;
	overflow: hidden;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.board-page-box .btn.first	{ background-image: url('/images/board/ico_page_first.png'); }
.board-page-box .btn.prev	{ background-image: url('/images/board/ico_page_prev.png'); }
.board-page-box .btn.next	{ background-image: url('/images/board/ico_page_next.png'); }
.board-page-box .btn.last	{ background-image: url('/images/board/ico_page_last.png'); }


.board-list-top	{
	position: relative;
	padding: 35px 0 40px;
	box-sizing: border-box;
	background: #f1f1f1;
}
.board-list-top .fix-layout	 { height: 365px; overflow: hidden; }
.board-list-top h1	{ padding-bottom: 25px; }
.board-list-top .flex-direction-nav	{ display: none; }

.board-list-top .flex-control-paging	{
	position: absolute;
	top: 20px;
	right: 10px;
}
.board-list-top .flex-control-paging li	{
	display: inline-block;
	margin-left: 10px;
}
.board-list-top .flex-control-paging li a	{
	display: block;
	position: relative;
	width: 14px;
	height: 14px;
	border-radius: 9.0em;
	text-indent: -999px;
	background: #c3c3c3;
	overflow: hidden;
}
.board-list-top .flex-control-paging li a.flex-active	{
	width: 33px;
	background: #44d58d;
}
.board-list-top .slides li a	{
	display: block;
	position: relative;
	padding-right: 450px;
	height: 300px;
	background: #fff;
}
.board-list-top .slides li a em	{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 450px;
	height: 300px;
	line-height: 300px;
	background: #eaeaea;
	text-align: center;
	overflow: hidden;
}
.board-list-top .slides li a em img	{ vertical-align: middle; }
.board-list-top .slides li a span	{
	display: block;
	position: relative;
	padding: 90px 115px 50px 25px;
	box-sizing: border-box;
	height: 100%;
}
.board-list-top .slides li a span i	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 60px;
	line-height: 60px;
	padding: 0 40px;
	font-size: 20px;
	font-weight: 600;
}
.board-list-top .slides li a span strong	{
	display: block;
	font-size: 25px;
	font-weight: 600;
	letter-spacing: -0.05em;
	font-family: 'Malgun Gothic', '맑은 고딕','MGothic', '돋움',dotum,verdana,arial,sans-serif;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.board-list-top .slides li a span sup	{
	display: block;
	position: relative;
	margin-right: 10px;
	padding-top: 20px;
	font-size: 14px;
	color: #5c5c5c;
	font-family: 'Dotum';
}
.board-list-top .slides li a span time	{
	display: block;
	position: absolute;
	top: 23px;
	right: 23px;
	font-size: 15px;
	color: #5c5c5c;
}
.board-list-top .slides li a span time:before	{
	content: url('/images/board/ico_board_event_time.png');
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: 1px;
}


.board-list-bottom-box	{
	text-align: right;
	padding: 50px 0;
}

.board-list-bottom-box + .paging-box	 { padding-top: 0; }


.board-no-data	{
	text-align: center;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	line-height: 150px;
}


.attech-list	{
	display: block;
	position: relative;
	margin-top: 50px;
}
.attech-list a	{
	display: block;
	border-radius: 3px;
	background: #fafafa;
	border: 1px solid #f1f1f1;
	color: #888;
	padding: 10px 20px;
}



/***************************************************
	Board List Page 
***************************************************/



/** Webzine List */

.webzine-list dl	{
	display: block;
	position: relative;
	padding: 10px 0;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}
.webzine-list dl + dl	{ border-top: none; }

.webzine-list dt	{
	display: block;
	position: absolute;
	top:10px;
	left: 0;
	width: 146px;
	height: 98px;
	line-height: 98px;
	overflow: hidden;
}
.webzine-list dt a		{ display: block; position: relative; width: 100%; height: 100%; overflow: hidden; background: #f1f1f1; text-align: center; }
.webzine-list dt a img	{ vertical-align: middle; min-height: 100%; min-width: 100%; height: auto !important; }
.webzine-list dd	{
	position: relative;
	margin-left: 170px;
	min-height: 98px;
	padding: 15px 0px;
}
.webzine-list dd .title	{
	font-size: 17px;
	font-weight: 600;
	color: #000;
}
.webzine-list dd sup	{
	display:block;
	font-size: 15px;
	color: #747474;
	margin-top: 10px;
	margin-right: 225px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.webzine-list dd .time span:before	{
	content: url('/images/board/ico_board_event_time.png');
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: 1px;
}


.webzine-list dd .ui-detail	{
	display: block;
	position: absolute;
	right: 0;
	bottom: -10px;
	box-sizing: border-box;
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #dfdfdf;
	border-bottom-width: 0;
}
.webzine-list dd .ui-detail:after	{
	content: url('/images/board/ico_board_event_more.jpg');
	display: inline-block;
	vertical-align: middle;
}



/** Gallery List */

.board-gallery	{
	display: block;
	position: relative;
	margin-top: -20px;
}
.board-gallery .list	{
	margin: 0 -10px;
	overflow: hidden;
}

.board-gallery li	{
	display: block;
	position: relative;
	width: 33.33%;
	float: left;
	height: 360px;
	padding: 10px;
	box-sizing: border-box;
}
.board-gallery li.no-data	{
	width: auto;
	float: none;
	line-height: 360px;
	text-align: center;
	border: 1px solid #efefef;
	border-left-width: 0;
	border-right-width: 0;
}
.board-gallery li a	{
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border: 1px solid #f0f0f0;
}
.board-gallery li i	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	min-width:100px;
	height: 36px;
	line-height: 36px;
	padding: 0 15px;
	text-align: center;
	background: #0093e9;
	color: #fff;
	z-index: 5;
}
.board-gallery li em	{
	display: block;
	position: relative;
	height: 220px;
	line-height: 220px;
	text-align: center;
	overflow: hidden;
}
.board-gallery li em img	{ vertical-align: middle; }
.board-gallery li span	{
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	top: 220px;
	background: #fff;
	padding: 18px 17px;
	box-sizing: border-box;

	transition: top .4s ease;
	-webkit-transition: top .4s ease;
	-ms-transition: top .4s ease;
}
.board-gallery li a:hover span	{
	top: 190px;
}
.board-gallery li time	{
	font-size: 15px;
	color: #5c5c5c;
}
.board-gallery li time:before	{
	content: url('/images/board/ico_board_event_time.png');
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: 2px;
}
.board-gallery li strong	{
	display: block;
	margin-top: 5px;
	font-size: 18px;
	font-weight: 400;
	color: #000000;
	letter-spacing: -0.05em;
}





/***************************************************
	Viewer Page 
***************************************************/

.board-title	{
	position: relative;
	background: #f1f1f1;
	padding: 30px 0 20px;
}
.board-title #page_title	{
	padding-top: 0;
	padding-bottom: 20px;
}

.board-title #sns_share	{ 
	position: absolute;
	top: 0;
	right: 0;
}
.board-title #sns_share a	{
	display: block;
	position: relative;
	float: left;
	margin-left: 10px;
	width: 36px;
	height: 36px;
	border-radius: 9.0em;
	background: url('/images/board/splite_sns_share.png') no-repeat 0 0 #fff;
	overflow: hidden;
	text-indent: -999px;
}
.board-title #sns_share a.kakaostory	{ background-position: 13px 50%; }
.board-title #sns_share a.naver			{ background-position: -29px 50%; }
.board-title #sns_share a.facebook		{ background-position: -70px 50%; }
.board-title #sns_share a.twitter		{ background-position: -110px 50%; }

.board-title h3	{
	display: block;
	position: relative;
	border-top: 1px solid #ffffff;
	padding-top: 20px;
	padding-bottom: 15px;
	font-size: 24px;
	line-height: 36px;
}
.board-title h3 i	{
	display: inline-block;
	vertical-align: middle;
	font-weight: 400;
	font-size: 14px;
	color: #fff;
	padding: 0 20px;
	height: 36px;
	margin-right: 15px;
	background: url('/images/board/bak_board_event_title_icon.png') no-repeat 0 50%;
	background-size: cover;
}
.board-title h3 strong	{
	display: inline;
	vertical-align: middle;
	font-weight: 500;
}

.board-title .time span:before	{
	content: url('/images/board/ico_board_event_time.png');
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: 1px;
}
.board-title .board-time	{ margin-left: 140px; }
.board-title .board-time span:before	{
	content: url('/images/board/ico_board_event_time.png');
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: 1px;
}

#board_content	{
	min-height: 300px;
	padding: 45px 0;
	max-width: 800px;
	margin: 0 auto;

	font-family: 'Dotum';
	font-size: 12px;
	color: #333;
	line-height: 1.9em;
}
#board_content img	{ width: auto !important; height: auto !important; }
#board_other_link	{
	position: relative;
	padding: 30px 0;
	background: url('/images/board/bak_board_content_line.png') repeat-x 100% 0;
	border-bottom: 1px solid #e4e4e4;
	overflow: hidden;
}

#board_other_link .ohter-link	{
	display: block;
	position: relative;
	width: 50%;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
}
#board_other_link .ohter-link > strong	{
	display: block;
	font-size: 16px;
	padding: 10px 0 20px;
	color: #8f8f8f;
}
#board_other_link .ohter-link > strong em	{ color: #000; }



#board_other_link .prev		{ padding-right: 20px; }
#board_other_link .next		{ padding-left: 20px; }

#board_other_link .ohter-link > strong	{
	display: block;
	font-size: 16px;
	padding: 10px 0 20px;
	color: #8f8f8f;
}
#board_other_link .ohter-link.next > strong	{ text-align: right; }

#board_other_link .ohter-link > strong em	{ color: #000; }

#board_other_link .ohter-link > span	{
	display: block;
	position: relative;
	height: 150px;
	padding: 20px 25px 20px 240px;
	border: 1px solid #dedede;
	overflow: hidden;
}
#board_other_link .no-link > span	{ padding-left: 25px; }
#board_other_link .no-link > span > sup	{
	display: block;
	text-align: center;
	line-height: 110px;
	font-size: 15px !important;
}

#board_other_link .ohter-link > span:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	z-index: 0;
}
#board_other_link .ohter-link > span em	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 224px;
	height: 150px;
	line-height: 150px;
	text-align: center;
	overflow: hidden;
}
#board_other_link .ohter-link > span em img	{
	min-height: 100%;
	min-width: 100%;
	max-width: 120%;
	height: auto !important;
}

#board_other_link .ohter-link > span i {
	display: block;
	float: left;
	clear: both;
	font-weight: 400;
	font-size: 14px;
	color: #fff;
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
	margin-right: 15px;
	background: #0093e9;
	background-size: cover;
}
#board_other_link .ohter-link > span strong	{
	display: block;
	position: relative;
	clear: both;
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 12px 0 8px;
	font-weight: 600;
}
#board_other_link .ohter-link > span sup	{ display: block; position: relative; color: #5c5c5c; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#board_other_link.event-link .ohter-link > span				{ padding: 0; height: 212px; }
#board_other_link.event-link .ohter-link > span em			{  width: auto; height: auto; right: 0; bottom: 0; line-height: 212px; }
#board_other_link.event-link .ohter-link > span em img		{ width: 100% !important; }


#board_hash_tag	{
	position: relative;
	padding: 30px 0 30px 220px;
	border-bottom: 1px solid #e4e4e4;
}
#board_hash_tag .title	{
	position: absolute;
	width: 220px;
	top: 44px;
	left: 0;
}
#board_hash_tag a	{
	display: inline-block;
	color: #666666;
	background: #f1f1f1;
	font-size: 15px;
	font-weight: 500;
	padding: 5px 15px;
	margin: 5px 3px;
}
#board_hash_tag a:hover	{ color: #fff; background: #666666; }
#board_hash_tag a:before	{ content: "#"; }


#board_content + #board_hash_tag	{ border-top: 1px solid #e4e4e4; }
#board_hash_tag + #board_other_link	{ background: none; }
#board_hash_tag + #board_other_link .other-link > strong	{ padding-top: 0; }


#board_other_link.review-board a > span	{ padding-left: 150px; }
#board_other_link.review-board a > span i	{ height: 30px; line-height: 30px; padding: 0 15px; }
#board_other_link.review-board a > span em	{
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 9.0em;
	overflow: hidden;
	top: 50%;
	margin-top: -50px;
	left: 25px;
}
#board_other_link.review-board a > span em img	{ display: block; width: 100px; height: auto; }
#board_other_link.review-board a > span strong	{ font-size: 16px; color: #000000; padding-bottom: 2px; font-weight: 500; }
#board_other_link.review-board a > span sup		{ display: block; padding-top: 3px; white-space: normal; font-size: 14px; color: #454545; line-height: 1.3em; }


#board_bottom	{ padding: 50px 0 50px; text-align: center; }
#board_bottom .ui-btn	{
	font-size: 18px;
	color: #fff;
	background:#3c3c3c;
	border-color: #3c3c3c;
	height: 60px;
	line-height: 60px;
	min-width: 210px;
	text-align: center;
}






/************************************************************
	News List Page
************************************************************/


/** News List */

#news_list dl	{
	display: block;
	position: relative;
	padding: 10px 0;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}
#news_list dl + dl	{ border-top: none; }

#news_list dt	{
	display: block;
	position: absolute;
	top:10px;
	right: 0;
	width: 224px;
	height: 150px;
	line-height: 150px;
	overflow: hidden;
}
#news_list dt a		{ display: block; position: relative; width: 100%; height: 100%; overflow: hidden; background: #f1f1f1; }
#news_list dt a img	{ vertical-align: middle; }
#news_list dd	{
	position: relative;
	margin-right: 225px;
}
#news_list dd a	{
	display: block;
	position: relative;
	min-height: 150px;
	padding: 15px 0px;
}
#news_list dd .title	{
	font-size: 17px;
	font-weight: 600;
	color: #000;
}
#news_list dd sup	{
	display:block;
	font-size: 15px;
	color: #5c5c5c;
	margin-top: 10px;
	margin-right: 25px;
	overflow: hidden;
}
#news_list dd strong	{
	display: block; 
	font-size: 18px;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#news_list dd strong i	{
	display: inline-block;
	min-width: 100px;
	text-align: center;
	line-height: 35px;
	height: 35px;
	font-size: 14px;
	font-weight: 400;
	vertical-align: middle;
	margin-right: 10px;
}

#news_list dd time	{
	display: block;
	position: absolute;
	bottom: 5px;
	left: 0;
	font-size: 15px;
	color: #5c5c5c;
}








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

/** Story List Box */

#story_list	{
	display: block;
	position: relative;
	margin-top: -20px;
}
#story_list .list	{
	display: block;
	position: relative;
	margin: 0 -10px;
	overflow: hidden;
}
#story_list .list li	{
	display: block;
	position: relative;
	width: 33.33%;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	overflow: hidden;
}
#story_list .list li a	{
	display: block;
	position: relative;
}
#story_list .list li a img	{ display: block; }
#story_list .list li a:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #f0f0f0;

	opacity: .9
	z-index: 1;

	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
}
#story_list .list li a:hover:before	{
	border: 5px solid #d5d5d5;
}






/************************************************************
	Event List Page
************************************************************/

#event_list dl	{
	display: block;
	position: relative;
	padding: 10px 0;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}
#event_list dl + dl	{ border-top: none; }

#event_list dt	{
	display: block;
	position: absolute;
	top:10px;
	left: 0;
	width: 400px;
	height: 200px;
	overflow: hidden;
}
#event_list dt a	{ display: block; position: relative; width: 100%; height: 100%; overflow: hidden; }
#event_list dd	{
	position: relative;
	margin-left: 400px;
	min-height: 200px;
	padding: 25px 30px;
}
#event_list dd .title	{
	font-size: 22px;
	font-weight: 600;
	color: #000;
}
#event_list dd sup	{
	display:block;
	font-size: 15px;
	color: #747474;
	margin-top: 15px;
	margin-bottom: 35px;
}

#event_list dd .time span:before	{
	content: url('/images/board/ico_board_event_time.png');
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: 1px;
}

#event_list .ui-detail	{
	display: block;
	position: absolute;
	right: 0;
	bottom: -10px;
	box-sizing: border-box;
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #dfdfdf;
	border-bottom-width: 0;
}
#event_list .ui-detail:after	{
	content: url('/images/board/ico_board_event_more.jpg');
	display: inline-block;
	vertical-align: middle;
}


/** Event App Box */

#event_app_box	{
	position: relative;
	padding-top: 16px;
	background: #f1f1f1;
	margin: 15px 0;
	border-bottom: 2px solid #25aeff;
	height: 250px;
	overflow: hidden;
}
#event_app_box:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 16px;
	background: url('/images/board/bak_board_content_line.png') repeat-x 0 0 #fff;
}
#event_app_box > form	{ display: block; height: 100%; }
#event_app_box .left	{ position: relative; width: 57.4%; height: 100%; float: left; }
#event_app_box .right	{ position: relative; width: 42.6%; height: 100%; float: right; background: url('/images/board/bak_board_event_app_line.png') repeat-y 0 0; }

#event_app_box .left	{ padding: 24px 30px; }
#event_app_box .right	{ padding: 24px 0 0 31px; text-align: center; }

#event_app_box fieldset	{
	position: relative;
	padding-left: 98px;
	line-height: 30px;
	margin-bottom: 10px;
}
#event_app_box fieldset:after	{
	content: "";
	display: block;
	clear: both;
}
#event_app_box fieldset label	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 98px;
	font-size: 15px;
	color: #000;
	padding-left: 15px;
	padding-right: 10px;
	box-sizing: border-box;
}
#event_app_box fieldset label:after	{
	content: "";
	display: block;
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 9.0em;
	background: #09a0f6;
	left: 3px;
	top: 50%;
	margin-top: -2px;
}
#event_app_box fieldset textarea	{ width: 100%; min-height: 70px; height: 70px; border: none; background: #fcfcfc; }
#event_app_box fieldset input	{ width: 100%; height: 30px; border: none; background: #fcfcfc; }
#event_app_box fieldset.ui-tel input	{
	width: 28%;
	float: left;
	padding: 0 3px;
}
#event_app_box fieldset.ui-tel i	{
	display: inline-block;
	width: 8%;
	text-align: center;
	float: left;
}
#event_app_box fieldset .nice-select			{ width: 100%; height: 30px;line-height: 30px; border-radius: 0; bordeR: none; background: #fcfcfc; }
#event_app_box fieldset.ui-tel .nice-select		{ width: 28%; float: left; padding-left: 3px; }


#event_app_box .quick-agree-box	{ text-align: right; padding-left: 0; }
#event_app_box .quick-agree-box label	{
	display: inline-block;
	clear: both;
	width: auto;
	position: relative;
	right: auto;
	left: auto;
	top: auto;
	margin-right: 0;
	padding: 0;
	font-size: 13px;
}
#event_app_box .quick-agree-box label em	{ color: #0093e9; }
#event_app_box .quick-agree-box label:after	{ display: none; }
#event_app_box .quick-agree-box label:before	{
	width: 19px;
	height: 19px;
	border-radius: 9.0em;
}
#event_app_box .quick-agree-box input[type="checkbox"]:checked + label:before	{
	background: url('/images/main/ico_check.png') no-repeat 50% 50% #fff;
}
#event_app_box .other-link	{
	display: inline-block;
	color: #0086d5;
}
#event_app_box .other-link:before	{ content: "["; }
#event_app_box .other-link:after	{ content: "]"; }

#event_app_box .app-visual-box	{ text-align: center; padding: 25px 0; }
#event_app_box .app-visual-box em	{ display: block; padding-bottom: 20px; }

#event_app_box .right .ui-submit	{
	position: absolute;
	bottom: 0;
	left: 25px;
	right: 0;
	
}
#event_app_box .right .ui-submit button	{
	width: 100%;
	border: none;
	height: 58px;
	color: #fff;
	background: #25aeff;
	font-size: 17px;
}






/************************************************************
	맞춤수술 후기
************************************************************/

#review_category			{ position: relative; padding: 10px 0 0; }
#review_category .list		{ overflow: hidden; margin: 0 -10px; }
#review_category .list li	{
	display: block;
	position: relative;
	width: 33.33%;
	float: left;
	padding: 10px;
	box-sizing: border-box;
}
#review_category .list li a	{
	display: block;
	position: relative;
	height: 240px;
	background: url('/images/main/tab_exp_latest_01.png') no-repeat 50% 50%;
	background-size: cover;
}
#review_category .list li a:after	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	border: 0px solid rgba(0, 0, 0, .5);

	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
}
#review_category .list li a:hover:after	{
	border-width: 10px;
}

#review_category .list li.on a					{ background-image: url('/images/main/tab_exp_latest_01_on.png'); }
#review_category .list li + li a				{ background-image: url('/images/main/tab_exp_latest_02.png'); }
#review_category .list li + li.on a			{ background-image: url('/images/main/tab_exp_latest_02_on.png'); }
#review_category .list li + li + li a			{ background-image: url('/images/main/tab_exp_latest_03.png'); }
#review_category .list li + li + li.on a		{ background-image: url('/images/main/tab_exp_latest_03_on.png'); }

#review_category .list li sup	{
	display: block;
	position: absolute;
	top: 8px;
	right: 23px;
	font-size: 18px;
	color: #fff;
}
#review_category .list li sup strong	{ font-size: 50px; }
#review_category .list li em	{
	display: block;
	position: absolute;
	bottom: 23px;
	left: 23px;
	font-size: 30px;
	color: #fff;
	font-weight: 600;
	line-height: 1.1em;
}
#review_category .list li em:before	{
	display: block;
	content: url('/images/main/tlt_exp_list.png');
}
#review_category .list li.on em:before	{
	content: url('/images/main/tlt_exp_list_on.png');
}


#review_category + #page_title	{ font-size: 28px; padding-bottom: 25px; line-height: 32px; }
#review_category + #page_title strong	{  }
#review_category + #page_title span	{
	float: right;
	font-size: 18px;
	text-align: right;
	font-weight: 600;
}
#review_category + #page_title span em	{ color: #0093e9; }

#review_list				{ position: relative; overflow: hidden; margin: 0 -10px; }
#review_list .paging-box	{ clear: both; padding-top: 70px; }
#review_list .item	{
	display: block;
	position: relative;
	width: 33.33%;
	float: left;
	padding: 10px;
	box-sizing: border-box;
}
#review_list .item a	{
	display: block;
	position: relative;
	height: 160px;
	padding: 3px 10px;
	box-sizing: border-box;
	background: #d7d7d7;
}
#review_list .item a > *	{ z-index: 1; }
#review_list .item a:before	{
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	right: 3px;
	bottom: 3px;
	background: #fff;
	z-index: 0;
}
#review_list .item a:after	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	height: 36px;
	background: url('/images/main/ico_plus.png') no-repeat 50% 50% #d7d7d7;
}
#review_list .item a strong	{
	display: block;
	position: relative;
	padding: 0 6px;
	line-height: 50px;
	border-bottom: 1px solid #dedede;
	color: #0488d5;
	font-size: 20px;
}
#review_list .item a i	{
	display: block;
	position: absolute;
	width: 70px;
	height: 70px;
	top: 67px;
	left: 18px;
	border-radius: 9.0em;
	overflow: hidden;
}
#review_list .item .name	{
	display: block;
	position: relative;
	margin-left: 95px;
	padding: 15px 0 0;
	font-size: 16px;
	font-weight: 600;
}
#review_list .item .descript	{ 
	display: block;
	position: relative;
	margin-left: 95px;
	padding: 5px 20px 0 0;
	/*font-size: 14px;
	letter-spacing: -0.05em;*/
	font-size: 12px;
	font-family: 'Dotum';
	color: #666;
}
#review_list .item a:hover	{
	background: #00c0fe;
}
#review_list .item a:hover:after	{ background-color: #00c0fe; }



/** 둘러보기 안내 */

#look_menu	{
	display: block;
	position: relative;
	overflow: hidden;
}
#look_menu a	{
	display: block;
	position: relative;
	width: 25%;
	float: left;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 16px;
	color: #969696;
	font-weight: 400;
	z-index: 0;
}
#look_menu a:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #dedede;
	border-right-width: 0;
}
#look_menu a[data-type="8층"]:before	{ border-right-width: 1px; }

#look_menu a[data-type="6층"]:after	{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 68px;
	height: 35px;
	background: url('/images/sub/ico_look_menu_6f.png') no-repeat 0 0;
	margin-left: 5px;
}



#look_menu a.on	{ color: #000; background: #fff; z-index: 1; }
#look_menu a.on:before	{
	border-color: #33bcef;;
	z-index: 1;
}
#look_menu a.on + a:before	{ border-left-color: #33bcef; }

#look_viewer	{ position: relative; min-height: 680px; background: #999; }
#look_viewer .look-detail:before	{
	content: attr(data-floor);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 295px;
	height: 220px;
	text-align: center;
	font-size: 90px;
	color: #fff;
	font-weight: 500;
	padding-top: 10px;
	box-sizing: border-box;
	background: url('/images/sub/bak_look_label.png') no-repeat 0 0;
	z-index: 20;
}
#look_viewer .look-detail:after	{
	content: attr(data-cate);
	display: block;
	position: absolute;
	top: 150px;
	left: 0;
	width: 295px;
	text-align: center;
	font-size: 26px;
	color: #fff;
	font-weight: 600;
	z-index: 21;
}
#look_viewer .look-detail .slides li		{ position: relative; }
#look_viewer .look-detail .slides li img	{ display: block; }
#look_viewer .look-detail em	{ display: block; position: relative; }
#look_viewer .look-detail span	{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .6);
	line-height: 100px;
	padding-left: 60px;
	font-size: 24px;
	color: #ffffff;
}
#look_viewer .look-detail span i	{ font-weight: 600; color: #00a1ff; }
#look_viewer .look-detail		{ opacity: 0; }
#look_viewer .look-detail .flex-direction-nav	{
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 300px;
	height: 100px;
}
#look_viewer .look-detail .flex-direction-nav a	{
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 91px;
	border: 1px solid #8c8982;
	border-top-width: 0;
	border-bottom-width: 0;
	overflow: hidden;
	text-indent: -999px;
}
#look_viewer .look-detail .flex-prev	{
	left: 0;
	background: url('/images/sub/btn_look_slide_prev.png') no-repeat 50% 50%;
}
#look_viewer .look-detail .flex-next	{
	right: 0;
	border-right-width: 0;
	background: url('/images/sub/btn_look_slide_next.png') no-repeat 50% 50%;
}
#look_viewer .flex-control-paging	{ display: none; }
#look_viewer .flex-control-paging a	{ display: none; }
#look_viewer .flex-control-paging .flex-active	{
	display: block;
	position: absolute;
	bottom: 0;
	right: 91px;
	height: 100px;
	width: 118px;
	line-height: 100px;
	z-index: 20;
}
#look_viewer #text_paging	{
	display: block;
	position: absolute;
	text-align: center;
	bottom: 0;
	right: 91px;
	width: 118px;
	height: 100px;
	line-height: 100px;
	z-index: 20;
	color: #00a1ff;
	font-weight: 600;
	font-size: 24px;
}
#look_viewer #text_paging i	{
	color: #fff;
}

.search-no-data	{
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	text-align: center;
	padding: 60px 0;
}