@charset "utf-8";

body, h1, h2, h3, h4, input, button, textarea, select, table	{color:#222;}

.bodybg	{background-color:transparent}
.mbg	{background-image:url(../img/mbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}
.mcbg	{background-image:url(../img/mcbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}
.sbg	{background-image:url(../img/sbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}
.cbg	{background-image:url(../img/cbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}

#wrap		{position:relative;width:100%;padding:0;margin:0;}
#svisual	{position:relative;width:100%;}
#svslide	{position:absolute;width:100%;}
#container	{position:relative;} /* d_width */
#container.sub_container{padding:30px 0}
#container:after	{content:"";clear:both;display:block;float:none;}

h3 {color:#2F408C;}

/* 기본layout */
#snb		{display:none;float:left;width:240px;}
#content	{width:100%;padding:0;margin:0;}
#aside		{float:right;width:0 !important;}

#body_head	{position:relative;border-bottom:1px solid #eee;}
#body_head .inwrap	{position:relative;margin:0 auto;width:1400px;}
#body_head:after	{content:"";display:block;float:none;clear:both;}
/* #location	{margin-right:200px;}
#location li{float:left;padding:0 10px;background:url(../../data/img/ico_homearr.png) no-repeat 0 50%;font-size:12px;line-height:38px;}
#location li:first-child{padding-left:20px;background:url(../../data/img/ico_home.png) no-repeat 0 50%;}
#location a	{color:#999}
#pnb		{position:absolute;right:0;top:10px;}
#pnb .page_sns	{float:left;margin-right:5px;}
#pnb .page_sns li	{float:left;text-align:center;margin:5px 0 0 2px}
#pnb .page_sns a	{display:inline-block;width:28px;height:28px;line-height:28px;font-size:12px;background:#ccc;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;color:#fff;}
#pnb .pnb_bx		{float:right;margin-left:5px;}
#pnb .pnb_bx li		{position:relative;float:left;text-align:center;width:40px;height:40px;line-height:40px;}
#pnb .pnb_bx li:after	{content:"";display:block;position:absolute;right:0;top:14px;width:1px;height:15px;background:#eaeaea;}
#pnb .pnb_bx li:first-child:before	{content:"";display:block;position:absolute;left:0;top:14px;width:1px;height:15px;background:#eaeaea;}
#pnb .pnb_bx a	{color:#ccc} */
#body_title	{clear:both;padding:0 0 20px 0;margin:0 0 20px 0;}
#body_content	{clear:both;padding:0 0 40px 0;margin:0;}

header				{position:absolute;left:0;top:0;width:100%;height:100px;padding:0;margin:0;transition:all 0.3s ease-out;z-index:100}
header #logo		{position:absolute;left:0;top:34px;width:100%;z-index:99}
header .sub_name	{display:inline-block;margin-left:10px;font-size:18px;font-weight:600;color:#333;}
#topwrap .topmn		{line-height:100px;text-align:right;}
#topwrap .topmn a	{position:relative;margin-left:20px;font-size:13px;color:#fff;z-index:99;transition:all 0.3s ease-out;}
#gnb		{position:absolute;left:0;top:0;width:100%;height:100px;}
#gnbmn		{position:relative;width:1400px;padding:0;margin:0 auto;z-index:99}
#gnbmn a	{display:block;}
#gnbmn ul.depth1		{position:relative;width:850px;padding:0;margin:0 150px 0 400px;}
#gnbmn ul.depth1 li		{float:left;padding:0;margin:0;text-align:center;}
#gnbmn ul.depth1 li a	{padding:0;margin:0;font-size:20px;font-weight:600;line-height:100px;letter-spacing:-0.5px;}
#gnbmn ul.depth2		{display:none;position:relative;padding:18px 0;margin:0;z-index:4}
#gnbmn ul.depth2 li		{display:block;clear:both;padding:0;margin:0;text-align:center;width:100%;}
#gnbmn ul.depth2 li a	{padding:2px 0;margin:0;font-size:15px;font-weight:normal;line-height:140%;white-space:nowrap;letter-spacing:-0.5px;}
#id_gnb_bg	{position:absolute;left:0;top:100px;z-index:3;}
.gnb_bg		{width:100%;padding:0;margin:0;box-shadow:0px 2px 1px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.1);}

header.active	{background:#fff;}
header.active #topwrap .topmn a	{color:#999;}

#snbmn					{width:100%;padding:0;margin:0 0 40px 0;}
#snbmn .tit				{padding:40px 20px;margin:0;text-align:center;font-size:26px;font-weight:600;}
#snbmn a				{clear:both;display:block;line-height:140%;}
#snbmn ul li			{position:relative;padding:0;margin:0;}
#snbmn ul li a			{padding:18px 20px;margin:0;border:1px solid rgba(0,0,0,0.1);border-top:none;font-size:16px;transition:all 0.2s ease-out;}
#snbmn > ul > li > a:after	{content:"\f138";font-family:FontAwesome;float:right;margin-right:10px;opacity:0;transition:all 0.2s ease-out;color:#339063;}
#snbmn ul li a.on,
#snbmn ul li a:focus,
#snbmn ul li a:active,
#snbmn ul li a:hover	{font-weight:500;border-color:rgba(0,0,0,0.1) !important;}
#snbmn > ul > li > a.on:after	{opacity:1;margin-right:0;}
#snbmn ul ul			{margin:0;padding:10px 0;border:1px solid rgba(0,0,0,0.1);border-top:none;}
#snbmn ul ul li			{padding:0;margin:0;border:none;}
#snbmn ul ul li a		{padding:5px 20px;margin:0;border:none;font-size:14px;}
#snbmn ul ul li a:before	{}
#snbmn ul ul li a.on,
#snbmn ul ul li a:focus,
#snbmn ul ul li a:active,
#snbmn ul ul li a:hover	{background:none;}

#container .d_width	{z-index:10;}

.main-title			{position:relative;text-align:center;background:rgba(255,255,255,0.5);padding:60px 0;}
.main-title:before	{content:"";position:absolute;left:10px;top:10px;width:calc(100% - 20px);height:calc(100% - 20px);border:1px solid rgba(255,255,255,0.2);}
.main-title p		{position:relative;}
.main-title .en		{font-family:Titillium SemiBold;font-size:14px;color:#333;}
.main-title .tit	{font-weight:600;font-size:56px;color:#013366;letter-spacing:-2px;line-height:1;margin:20px 0;}
.main-title .txt	{font-size:22px;line-height:1.3;color:#295481;}
.sub-title			{position:relative;text-align:center;background:rgba(255,255,255,0.5);padding:30px 0;}
.sub-title:before	{content:"";position:absolute;left:10px;top:10px;width:calc(100% - 20px);height:calc(100% - 20px);border:1px solid rgba(255,255,255,0.2);}
.sub-title p		{position:relative;}
.sub-title .tit		{font-weight:600;font-size:48px;color:#013366;letter-spacing:-2px;line-height:1;margin:0 0 20px 0;}
.sub-title .txt		{font-size:18px;line-height:1.3;color:#295481;}

.main-section		{position:relative;}
.main-section:after	{content:"";position:absolute;left:0;bottom:0;width:100%;height:440px;background:#F4F4F4;}
.main-section .col1,
.main-section .col2,
.main-section .col3,
.main-section .col4	{float:left;}
.main-section .bx	{position:relative;}

/* 1206 바로가기 삭제요청 */
.main-quick1		{margin:0 0 40px 0;}
.main-quick1:after	{content:"";display:block;float:none;clear:both;}
.main-quick1.bg1	{background:#178cd1;}
.main-quick1.bg2	{background:#1973a8;height:284px;color:#fff;}
.main-quick1 .tit	{float:left;width:270px;text-align:center;padding-top:180px;font-size:22px;font-weight:600;color:#fff;background:url(../img/mquick1_ico1.png) no-repeat 50% 70px;}
.main-quick1.bg2 .tit	{background:url(../img/mquick1_ico2.png) no-repeat 50% 70px;}
.main-quick1 .cont	{float:left;width:calc(100% - 270px);padding:50px 60px 45px;padding-left:0;}
.main-quick1.bg2 .cont	{padding:75px 60px 40px;padding-left:0;}
.main-quick1 .cont .tit1	{font-size:24px;font-weight:500;color:#ffffcc;margin-bottom:12px;}
.main-quick1 .cont .txt1	{font-size:18px;margin-bottom:5px;}
.main-quick1 .cont .txt2	{font-size:18px;margin-bottom:5px;}
.main-quick1 .cont .txt1:before	{content:"\f095";font-family:FontAwesome;margin-right:10px;display:inline-block;}
.main-quick1 .cont .txt2:before	{content:"\f017";font-family:FontAwesome;margin-right:10px;display:inline-block;}
.main-quick1 .cont ul	{margin:-5px;}
.main-quick1 .cont li a	{display:block;margin:5px;border:1px solid rgba(255,255,255,0.3);text-align:center;padding:12px 0;font-size:15px;color:#fff;transition:all 0.2s ease-out;}
.main-quick1 .cont li a:hover	{background:rgba(255,255,255,0.9);}
.main-quick1.bg1 .cont li a:hover	{color:#178cd1;}
.main-quick1.bg2 .cont li a:hover	{color:#1973a8;}

.main-quick2		{position:absolute;background:#7F98B2;padding:10px;width:100%;}
.main-quick2:after	{content:"";display:block;float:none;clear:both;}
.main-quick2 .title-wrap	{float:left;width:220px;padding:60px 0 25px 25px;background:url(../img/mquick2_titbg.png) no-repeat 110% 100%;height:200px;}
.main-quick2 .tit	{font-size:24px;font-weight:600;color:#fff;}
.main-quick2 .txt	{font-size:15px;line-height:1.4;margin:30px 0;color:#fff;}
.main-quick2 .title-wrap a		{font-size:13px;color:#FFFFCC;}
.main-quick2 .cont	{float:left;width:calc(100% - 220px);background:#fff;padding:13px 20px;}
.main-quick2 li a	{display:block;padding:15px 0;font-size:16px;color:#333;border-top:1px dashed #E7E7E7;}
.main-quick2 li:first-child a	{border-top:none;}
.main-quick2 li a:after	{content:"\f0da";font-family:FontAwesome;float:right;display:inline-block;width:20px;height:20px;background:#FF3333;border-radius:50%;text-align:center;line-height:20px;color:#fff;font-size:14px;margin-top:4px;padding-left:2px;transition:all 0.2s ease-out;}
.main-quick2 li a:hover:after	{transform:translateX(5px);}

.main-quick2 .tabcontent .cont li	{height:58px;}
.main-quick2.tab_on > a,
.main-quick2.tab_off > a	{position:absolute;top:20px;left:20px;display:block;width:65px;margin:0 10px;text-align:center;font-size:16px;font-weight:500;color:#4B657E;z-index:10;}
.main-quick2.tab_off > a	{left:95px;}
.main-quick2.tab_on > .tabcontent	{position:relative;z-index:9;}

.main-quick2 .on	{color:#ffffcc !important;border-bottom:2px solid #ffffcc;}

.main-quick3 a		{display:block;height:220px;padding:35px;background-repeat:no-repeat;background-position:right 20px bottom 25px;transition:all 0.2s ease-out;}
.main-quick3 a:hover	{box-shadow:0 10px 15px rgba(0,0,0,0.15);}
.main-quick3.bg1 a	{background-color:#003366;background-image:url(../img/mquick3_bg1.png);}
.main-quick3.bg2 a	{background-color:#c9e2f3;background-image:url(../img/mquick3_bg2.png);}
.main-quick3 .tit	{font-size:24px;font-weight:600;}
.main-quick3 .txt	{font-size:15px;line-height:1.4;margin:20px 0 40px;}
.main-quick3 .more	{font-size:13px;}
.main-quick3.bg1 .tit,
.main-quick3.bg1 .more	{color:#fff;}
.main-quick3.bg1 .txt	{color:#9EB1C5;}
.main-quick3.bg2 .tit,
.main-quick3.bg2 .more	{color:#003366;}
.main-quick3.bg2 .txt	{color:#555;}

#popupzone2			{background:#F4F4F4;height:260px;width:280px;margin:120px 0 40px 0;}
#popupzone2 h3		{position:absolute;left:0;bottom:0;color:#555;z-index:6;}
#popupzone2 img			{width:100%;vertical-align:top;}
#popupzone2 ul			{height:200px;}
#popupzone2 .popimg,
#popupzone2 .noimg		{width:280px;height:200px;line-height:200px;}
#popupzone2 .pager		{position:absolute;text-align:right;bottom: 0;right:0;width:100%;line-height:56px;height:60px;padding:0 20px;z-index:5;background:#f1f1f1;}

.mnotice				{position:relative;height:375px;padding-left:calc(50% - 300px);margin-top:30px;}
.mnotice .tab_on,
.mnotice .tab_off		{float:left;}
.mnotice .tab_on > a,
.mnotice .tab_off > a	{position:relative;display:block;margin:0 20px;text-align:center;font-size:24px;font-weight:600;}
.mnotice .tab_on > a 	{color:#6ea1bc;}
.mnotice .tab_off > a 	{color:#333;}
.mnotice .tab_on > a:after,
.mnotice .tab_off > a:after	{content:"";display:block;width:100%;height:2px;margin:5px 0 0 0;background:#6ea1bc;transition:all 0.2s ease-out;}
.mnotice .tab_off > a:after	{transform:scale(0);}
.mnotice .tab_on > a:after	{transform:scale(1);}
.mnotice .tabcontent	{position:absolute;left:0;top:90px;width:100%;text-align:left;}
.mnotice ul				{margin:0 -10px;}
.mnotice li				{}
.mnotice li .txt-wrap	{position:relative;margin:0 10px;border:5px solid #c9e2f3;background:#fff;}
.mnotice .subject		{margin:40px;margin-bottom:0;line-height:1.3;height:62px;overflow:hidden;}
.mnotice .subject,
.mnotice .subject a		{font-size:24px;font-weight:600;color:#000;}
.mnotice .desc			{margin:27px;line-height:1.4;height:42px;overflow:hidden;font-size:15px;color:#999;}
.mnotice .date			{line-height:50px;background:#FAFAFC;padding:0 40px;font-size:12px;color:#999;}
.mnotice .date:before	{content:"\f017";font-family:FontAwesome;margin-right:10px;}
.mnotice .txt-more		{position:absolute;right:40px;bottom:0;line-height:50px;}
.mnotice .txt-more a	{font-size:12px;color:#FF9900;}
.mnotice .txt-more a:before	{content:"VIEW MORE ";}

#notice101	{margin-left:-30px;}

.main-quick4			{padding:40px 0;}
.main-quick4 li			{float:left;width:14.286%;}
.main-quick4 li a		{display:block;text-align:center;font-size:18px;color:#666;padding:25px;}
.main-quick4 li span	{display:block;width:80px;height:80px;margin:0 auto 20px;background-image:url(../img/mquick4_ico.png);background-repeat:no-repeat;transition:all 0.2s ease-out;}
.main-quick4 li .ico1	{background-position:0 0;}
.main-quick4 li .ico2	{background-position:-80px 0;}
.main-quick4 li .ico3	{background-position:-160px 0;}
.main-quick4 li .ico4	{background-position:-240px 0;}
.main-quick4 li .ico5	{background-position:-320px 0;}
.main-quick4 li .ico6	{background-position:-400px 0;}
.main-quick4 li .ico7	{background-position:-480px 0;}
.main-quick4 li a:hover span	{transform:translateY(-10px);}
.main-quick4 li:nth-child(7) a{display:block;background-position:50% 50%;background-repeat:no-repeat;transition:all 0.2s ease-out;}
.main-quick4 li:nth-child(7) a:first-child{background-image:url(../img/mquick4_logo1.png);margin-top:30px;}
.main-quick4 li:nth-child(7) a:last-child{background-image:url(../img/mquick4_logo2.png);margin-top:10px;}
.main-quick4 li:nth-child(7) a:hover	{transform:translateY(-5px);}

.point-custom  {color:#178cd1;}
.bot_line {border-bottom:2px solid #dadada !important;}

/* 커스텀 */
.t3 table thead th	{background:#d6d6d6;}
.t3 table th, .t3 table td	{border:1px solid #c1c1c1;}


/* 연혁 */
.dlife_history	{}
.dlife_history li	{padding:8px 0;text-align:left;}
.dlife_history span	{display:inline-block;vertical-align:middle;width:140px;color:#0D0B5D;font-family:Titillium SemiBold;}

.etc_info {word-break:keep-all;}
.etc_info > ul > li   {padding:0px 20px;}
.etc_info li > ul li   {width:100%;font-size:90%;color:#777;}
.etc_info li > ul li:first-child {margin-top:10px;}
.etc_info li > ul li:last-child {margin-bottom:10px;}

/* 찾아오시는 길 */
.dhu_map01					{position:relative;background:url('../img/dhulife_map01.png') no-repeat top center;height:500px;}
.dhu_map01 .map_name,		
.dhu_map02 .map_name,		
.dhu_map03 .map_name		{position:absolute;top:30px;right:30px;padding:20px 30px;border-radius:10px;border:2px solid #000;background:rgba(255,255,255,0.5);}
.dhu_map01 .map_name li, 
.dhu_map02 .map_name li,
.dhu_map03 .map_name li	{padding:3px 0;color:#333;}
.dhu_map01 .map_name span, 
.dhu_map02 .map_name span,
.dhu_map03 .map_name span	{font-weight:bold;margin-right:10px;color:#000;}
.dhu_map01 a		{display:block;width:50px;height:50px;border-radius:50%;border:2px solid #000;line-height:48px;font-size:15px;text-align:center;background:rgba(153,0,0,0.5);color:#fff;font-weight:bold;transition:all 0.2s;}
.dhu_map02 a		{display:block;width:80px;height:80px;border-radius:50%;border:2px solid #000;line-height:78px;font-size:15px;text-align:center;background:rgba(153,0,0,0.5);color:#fff;font-weight:bold;transition:all 0.2s;}
.dhu_map03 a		{display:block;width:80px;height:80px;border-radius:50%;border:2px solid #000;line-height:78px;font-size:15px;text-align:center;background:rgba(153,0,0,0.5);color:#fff;font-weight:bold;transition:all 0.2s;}
.dhu_map01 a:hover, 
.dhu_map02 a:hover,
.dhu_map03 a:hover{background:#fff;color:#990000;}

.dhu_map01 #spot01	{position:absolute;top:110px;left:735px;}
.dhu_map01 #spot02	{position:absolute;top:90px;left:680px;}
.dhu_map01 #spot03	{position:absolute;top:140px;left:645px;}
.dhu_map01 #spot04	{position:absolute;top:140px;left:560px;}

.dhu_map02			{position:relative;background:url('../img/dhulife_map02.png') no-repeat top center;height:740px;}
.dhu_map02 #spot05	{position:absolute;top:100px;left:420px;}
.dhu_map02 #spot06	{position:absolute;bottom:100px;left:250px;}
.dhu_map02 #spot07	{position:absolute;bottom:200px;left:320px;}
.dhu_map02 #spot08	{position:absolute;bottom:60px;left:160px;}

.dhu_map03			{position:relative;background:url('../img/dhulife_map03.png') no-repeat top center;height:740px;}
.dhu_map03 #spot09	{position:absolute;bottom:30px;left:250px;}
.dhu_map03 #spot10	{position:absolute;bottom:140px;left:300px;}
.dhu_map03 #spot11	{position:absolute;top:200px;left:390px;}
.dhu_map03 #spot12	{position:absolute;top:10px;right:520px;}


.m_map	{display:none;}