@charset "utf-8";

#microContent	h2	 {font-size:60px; line-height:64px; letter-spacing:-0.025em; word-wrap: break-word; margin-bottom:15px; font-weight:normal; font-family:'SamsungIFBd', 'Arial', 'sans-serif';}
#microContent	h2.main	 {font-size:64px; line-height:68px; margin-bottom:25px; }
#microContent	.kv_visual	h2	 {font-size:60px; line-height:60px; word-wrap: break-word; color:#fff; margin-bottom:20px; font-weight:normal; font-family:'SamsungIFBd', 'Arial', 'sans-serif';}
#microContent	.kv_visual	h2.k2	 {font-size:50px; color:#2b2d2f}
#microContent	.contArea	.txtArea.txtRsC	 h2	{color:#000}
#microContent	h2.gallery	{font-size:32px; color:#000; margin:25px 0 0}
#microContent	p	{font-size:16px; line-height:20px; word-wrap: break-word; font-family:'SamsungIFRg', 'Arial', 'sans-serif';}

.w1920	{width:1920px}
.w2880	{width:2880px}
.mr8	{margin-right:8px}
.mb10	{margin-bottom:10px}
.mb20	{margin-bottom:20px}
.mt20	{margin-top:20px}

/* kv */
.micro_wrap {width:960px; overflow:hidden}

.kv_visual	{position:relative;overflow:hidden;}
.kv_visual	div	{float:left;}
.kv_visual	div.on	{display:block}
.kv_visual	.kv1	{position:relative; width:960px; height:800px; background:url('../images/img_kv_01.jpg') no-repeat}
.kv_visual 	.kv2	{position:relative; width:960px; height:800px; background-color:#e7e7e7;}
.kv_visual	.txtArea	 {width:650px; margin:55px 0 0 75px; color:#fff}

.kv_visual	.txtArea .txtKv span {background-color:#8f7058;line-height:1.4em;padding:0 3px;}
.kv_visual	.txtArea.txtKVC	{width:100%; text-align:center; margin:65px auto 0; color:#2b2d2f}

.kv_visual	.txtArea	.al_c	{text-align:center; margin:0 auto}
.kv_visual	.btn_wrap	{margin-top:35px}
.kv_visual	.kv_nav {position:absolute;left:448px;bottom:50px;z-index:100}
.kv_visual	.kv_nav li {float:left;padding:0 7px;}
.kv_visual	.kv_nav li a {display:block;width:20px;height:20px;background:url('../images/btn_kv_nav.png') no-repeat -20px -20px;text-indent:-5000px;}
.kv_visual	.kv_nav li.selected a {background-position:-20px 0;}
.kv_visual	.kv1 .txtArea .phone {position:absolute;bottom:67px;right:63px;}

.kv_visual	.kv2 .txtArea .phone {position:absolute;bottom:83px; right:0}



/*
.kv_visual	.page_pre	 {position:absolute; top:360px; left:30px; width:40px; height:75px; background:url('../images/btn_pre_kv.png') 0 0 no-repeat; text-indent:-5000px}
.kv_visual	.page_next	 {position:absolute; top:360px; right:30px; width:40px; height:75px; background:url('../images/btn_next.png') no-repeat; text-indent:-5000px}
.kv_visual	.page_pre	a	span	{cursor:pointer}
*/
/* menu */
#microContent	{position:relative; margin:0 auto; max-width:960px; width:100%; }
#microContent	.nav_wrap	{position:fixed; top:0; left:center; width:960px; height:49px; border-bottom:1px solid #2f3235; z-index:20}

.navi	{width:960px; height:49px; border-bottom:1px solid #2f3235}
.navi	li	{float:left; width:240px; height:49px}
.navi	li	a	{display:block; font-family:'SamsungIFBd', 'Arial', 'sans-serif'; font-size:18px; color:#fff; width:100%; height:100%; text-align:center; line-height:49px;}
.navi	li.c1	{background:#1d1f21}
.navi	li.c2	{background:#383d40}
.navi	a	{text-decoration:none}

/* contents */
.contArea	{overflow:hidden; position:relative; width:960px;}
.contArea	.feature	{float:left;position:relative;}
.contArea	.feature .page_nav {display:none}
.contArea	.feature.on	{display:block}
.contArea	.feature.on .page_nav {display:block}
.contArea	.btn_wrap	{clear:both; margin-top:40px}
.contArea	.txtArea p span {padding:0 3px;line-height:1.4em;}

.contArea	.page_pre	{position:absolute; top:380px; left:30px; width:40px; height:75px; }
.contArea	.page_next	{position:absolute; top:380px; right:30px; width:40px; height:75px; }
.contArea	.page .page_pre	a	span	{cursor:pointer}

/* feature nav */
.feature_nav {position:absolute;left:0;bottom:45px;}
.feature_nav.lifetask {position:absolute;left:0;bottom:30px;}
.feature_nav ul {}
.feature_nav ul li {float:left;padding:0 5px;}
.feature_nav ul li a {display:block;color:#fff;text-decoration:none;}
.feature_nav ul li span {display:block;margin:0 15px;width:57px;height:57px;background:url('../images/icon_disabled.png') no-repeat 0 0;}
.feature_nav ul li a span {background:url('../images/icon_enabled.png') no-repeat 0 0;}
.feature_nav ul li strong {padding-top:10px;display:block;color:#fff;text-align:center;}
#fun .feature_nav {left:201px;}
#fun .feature_nav .fun2 span {background-position:-628px 0;}
/*#fun .feature_nav .fun2 a span {background-position:0 0;}
#fun .feature_nav .fun2 a:hover span {background-position:0 -57px;}
#fun .feature_nav .fun2 a.hover span {background-position:0 -57px;}
#fun .feature_nav .fun2.selected a span {background-position:0 -57px;}*/
#fun .feature_nav .fun3 a span {background-position:-57px 0;}
#fun .feature_nav .fun3 a:hover span {background-position:-57px -57px;}
#fun .feature_nav .fun3 a.hover span {background-position:-57px -57px;}
#fun .feature_nav .fun3.selected a span {background-position:-57px -57px;}
#fun .feature_nav .fun4 span {background-position:0 0;}
#fun .feature_nav .fun5 span {background-position:-57px 0;}
#fun .feature_nav .fun6 span {background-position:-114px 0;}
#fun .feature_nav .fun7 span {background-position:-171px 0;}
#relationship .feature_nav {left:387px;}
#relationship .feature_nav .relationship2 a span {background-position:-114px 0;}
#relationship .feature_nav .relationship2 a:hover span {background-position:-114px -57px;}
#relationship .feature_nav .relationship2 a.hover span {background-position:-114px -57px;}
#relationship .feature_nav .relationship2.selected a span {background-position:-114px -57px;}
#relationship .feature_nav .relationship3 span {background-position:-228px 0;}
#lifetask .feature_nav {left:247px;}
#lifetask .feature_nav .lifetask2 a span {background-position:-171px 0;}
#lifetask .feature_nav .lifetask2 a:hover span {background-position:-171px -57px;}
#lifetask .feature_nav .lifetask2 a.hover span {background-position:-171px -57px;}
#lifetask .feature_nav .lifetask2.selected a span {background-position:-171px -57px;}
#lifetask .feature_nav .lifetask3 span {background-position:-285px 0;}
#lifetask .feature_nav .lifetask4 span {background-position:-342px 0;}
#lifetask .feature_nav .lifetask5 span {background-position:-399px 0;}
#lifetask .feature_nav .lifetask6 span {background-position:-456px 0;}
#lifecare .feature_nav {left:340px;}
#lifecare .feature_nav .lifecare2 a span {background-position:-228px 0;}
#lifecare .feature_nav .lifecare2 a:hover span {background-position:-228px -57px;}
#lifecare .feature_nav .lifecare2 a.hover span {background-position:-228px -57px;}
#lifecare .feature_nav .lifecare2.selected a span {background-position:-228px -57px;}
#lifecare .feature_nav .lifecare3 span {background-position:-513px 0;}
#lifecare .feature_nav .lifecare4 span {background-position:-570px 0;}

/* fun */
.contArea	.feature.fun1	{width:960px; height:870px; background:url('../images/img_fun_01.jpg') no-repeat}
.contArea	.feature.fun2	{width:960px; height:870px; background:url('../images/img_fun_02.jpg') no-repeat}
.contArea	.feature.fun3	{width:960px; height:870px; background:url('../images/img_fun_03.jpg') no-repeat}

.contArea	.feature.fun1 .txtArea	 {margin:50px 70px 0 0; text-align:right; color:#fff}
.contArea	.feature.fun2 .txtArea	 {margin:50px 0 0 70px; text-align:left; color:#fff}
.contArea	.feature.fun2 .txtArea	 p span {background-color:#070607;}
.contArea	.feature.fun3 .txtArea	 {margin:50px 0 0 70px; text-align:left; color:#fff}
.contArea	.feature.fun3 .txtArea	 p span {background-color:#070607;}

.contArea	.feature.fun1 .phone {position:absolute;left:65px;top:130px;}
.contArea	.feature.fun2 .phone {position:absolute;left:0;bottom:38px;}
.contArea	.feature.fun3 .phone {position:absolute;left:87px;bottom:165px;}

/* relationship */
.contArea	.feature.relationship1	{width:960px; height:870px; background:url('../images/img_relationship_01.jpg') no-repeat}
.contArea	.feature.relationship2	{width:960px; height:870px; background:url('../images/img_relationship_02.jpg') no-repeat}

.contArea	.feature.relationship1 .txtArea {margin:50px 0 0 70px; text-align:left; color:#23201f}
.contArea	.feature.relationship2 .txtArea {margin:20px 70px 0 0; text-align:right; color:#000000}
.contArea	.feature.relationship2 .txtArea p span {background-color:#e9e6dc;}

.contArea	.feature.relationship1 .phone {position:absolute;right:80px;top:205px;}
.contArea	.feature.relationship2 .phone {position:absolute;left:95px;bottom:128px;}

/* life task */
.contArea	.feature.lifetask1	{width:960px; height:870px; background:url('../images/img_lifetask_01.jpg') no-repeat}
.contArea	.feature.lifetask2	{width:960px; height:870px; background:url('../images/img_lifetask_02.jpg') no-repeat}

.contArea	.feature.lifetask1 .txtArea	 {margin:60px 70px 0 0; color:#fff; text-align:right;}
.contArea	.feature.lifetask2 .txtArea	 {margin:60px 70px 0 0; color:#fff; text-align:right;}
.contArea	.feature.lifetask2 .txtArea p span {background-color:#6e5844;}

.contArea	.feature.lifetask1 .phone {position:absolute;left:60px;top:125px;}
.contArea	.feature.lifetask2 .phone {position:absolute;left:95px;bottom:125px;}

/* life care */
.contArea	.feature.lifecare1	{width:960px; height:870px; background:url('../images/img_lifecare_01.jpg') no-repeat}
.contArea	.feature.lifecare2	{width:960px; height:870px; background:url('../images/img_lifecare_02.jpg') no-repeat}

.contArea	.feature.lifecare1 .txtArea	{margin:50px 0 0 70px; text-align:left; color:#101112}
.contArea	.feature.lifecare2 .txtArea	{margin:60px 30px 0 0; text-align:right; color:#000000}
.contArea	.feature.lifecare2 .txtArea	p span {background-color:#c4dcf2}

.contArea	.feature.lifecare1 .phone {position:absolute;left:35px;bottom:204px;}
.contArea	.feature.lifecare2 .phone {position:absolute;left:45px;bottom:133px;}

/* gallery */
.gallery	{}

.gallery	.galleryArea	 	{position:relative}
.gallery	.galleryArea	 	li	{float:left; display:none}
.gallery	.galleryArea	 	li.on	{display:block}
.gallery	.galleryArea p {border:1px solid #ccc;}
.gallery	.galleryArea p img {width:958px;height:638px;}

.gallery	li	{position:relative; width:960px; height:640px}
.gallery	li	.on_l	{position:absolute; top:0; left:0; width:958px; height:638px; border:1px solid #d1d1d1; z-index:5}
.gallery_detail_wrap	{position:relative; z-index:10}
.gallery_detail_wrap	.gallery_detail	{position:absolute; top:27px; left:34px; z-index:10}
.gallery_detail_wrap	.gallery_detail	p	{float:left}
.gallery_view	{width:24px; height:24px; margin-right:4px; background:url('../images/ico_gallery.png') no-repeat}
.gallery_view.on	{background-position:0 0}
.gallery_view.off	{background-position:-24px 0}
.selected .gallery_view.on {background-position:0 -24px;}
.selected .gallery_view.off {background-position:-24px -24px;}
.gallery_list	{position:relative; clear:both; margin:12px 0 0; width:960px; height:80px; overflow:hidden}
.gallery_list	.g_list	{overflow:hidden; width:960px; margin:0 auto;}
.gallery_list	ul	{height:80px; overflow:hidden; margin-left:-12px}
.gallery_list	li	{float:left; width:108px; height:78px; border:1px solid #d1d1d1; margin:0 0 5px 12px}
.gallery_list	li.alt	{margin-left:11px}
.gallery_list	li:hover	{border:1px solid #0086df;}
.gallery_list	li.selected	{border:1px solid #0086df;}
.gallery_list	.gallery_page	{position:absolute; top:0; z-index:5; text-indent:-5000px}
.gallery_list	.gallery_page.pre	{left:0}
.gallery_list	.gallery_page.next	 	{right:0}
.gallery_page	{background:url('../images/btn_g_list.png') no-repeat}
.gallery_page	a	span	{width:100%; height:100%}
.gallery_page.pre.btn_link	{width:25px; height:69px; background-position:0 0}
.gallery_page.pre.btn_link:hover	{background-position:0 -81px; cursor:pointer}
.gallery_page.next.btn_link	{width:25px; height:69px; background-position:-35px 0}
.gallery_page.next.btn_link:hover	{background-position:-35px -81px; cursor:pointer}

/* text */
.txt_wrap	{margin:40px 0}
.txt_wrap	li	{font-size:14px; line-height:20px; color:#888b8d; padding-left:10px; background:url('../images/bul_txt.png') 0 6px no-repeat; margin-top:8px; }