@charset "UTF-8";

#container{width:100%; overflow:hidden;}

.fixed{width:1280px; height:900px; margin:0 auto; display:table;}
.fixed_content{display:table-cell; vertical-align:middle; margin:auto;}



.popPlan {z-index: 999; position: fixed; left: 50%; top: 50%; width: 854px; height: 565px; margin: -282px 0 0 -427px; padding: 55px 0 35px; background: #fff; border: 3px solid #770031; text-align: center; display: none;}
.popPlan h3 {margin: 0 0 35px;  font-style: 'Noto Sans KR', sans-serif, 'Arial'; color: #181818; font-size: 36px; font-weight: normal; text-align: center;}
.popPlan .plan_img {text-align: center;}
.popPlan .btn_popclose {position: absolute; right: 0; top: 0; font-size: 0; line-height: 0;}

/* text content */
.contents {height: 100%; min-height:900px;margin: 0; padding: 0; text-align:center;}
.contents .txtarea {text-align:center;}
.contents h2 {margin: 0 0 20px; font-family: 'Noto Sans KR1', sans-serif, 'Arial'; color: #181818; font-size: 50px; letter-spacing: -0.05em; text-align: center; line-height: 1em;}
.contents .sub_title {margin: 0 0 20px; font-family: 'Noto Sans KR1', sans-serif, 'Arial'; color: #181818; font-size: 28px; letter-spacing: -0.09em; text-align: center; line-height: 1.35em;}
.contents .txt {margin: 0 0 20px; font-family: 'NanumGothic', 'AppleGothic', 'Helvetica', 'gulim', 'Arial'; letter-spacing: -0.5px; text-align: center; line-height: 1.5em;}
.contents .scroll {position:absolute; width:84px; height:64px; }
.contents .scroll a{display:block; margin:auto; font-size:18px; color:#fff; font-weight:600; width:84px; height:64px; background: url('../images/common/scroll_arrow.png') left bottom no-repeat;}


/*submain content common */
#section0{/*overflow:hidden; */position:relative;}
#section0 .content{text-align:center;}
#section0 .content h2{font-family: 'NanumMyeongjo', sans-serif, Arial; font-size: 60px; letter-spacing: -0.01em; color:#fff;}
#section0 .content .txt {font-size:16px; color:#fff;}
#section0 .content .main_menu{width:890px; margin:auto;}
#section0 .content .main_menu ul{overflow:hidden; margin:45px auto 0; z-index:10;}
#section0 .content .main_menu ul li{float:left; padding-left:15px; display:table}
#section0 .content .main_menu ul li:first-child{padding-left:0;}
#section0 .content .main_menu ul li a{display:block; width:134px; height:133px; line-height:133px; vertical-align:middle; font-weight:600; background: url('../images/common/bg_menu_round_off.png') left top no-repeat; color:#fff; text-align:center;}
#section0 .content .main_menu ul li a:hover{display:block; width:134px; height:133px; line-height:133px; vertical-align:middle; font-weight:600; background: url('../images/common/bg_menu_round_on.png') left top no-repeat; color:#991342; text-align:center;}
#section0 .content .main_menu ul li.on a{display:block; width:134px; height:133px; line-height:133px; vertical-align:middle; font-weight:600; background: url('../images/common/bg_menu_round_on.png') left top no-repeat; color:#991342; text-align:center;}
#section0 .content .main_menu ul li a:hover span{text-decoration:underline;}
#section0 .content .main_menu ul li a span{display:inline-block; line-height:22px; padding-top:40px;}
#section0 .asideRight{float:right; margin-top:-12%; margin-right:28px; width:14%;}
#section0 .asideRight img{width:100%;}
#section0 .scroll {bottom:45px; left:50%; margin-left:-42px;}
#section0 .scroll a {text-align:center; }

#section1 .content{width:60%; margin:auto; text-align:center}
#section1 .content h2{font-family: 'NanumMyeongjo', sans-serif, Arial; font-size: 60px; color:#fff;}
#section1 .content .txt {font-size:16px; color:#fff;}
#section1 .scroll {bottom: 400px;}
#section1 .scroll a {margin: 120px auto 0;}


#denndel #section0{background:url('../images/sub/dnd_01.jpg') left top no-repeat; background-size:100% 100%;}
#denndel #section1 {position: relative; background:url('../images/sub/dnd_02.jpg') left top no-repeat; background-size:100% 100%;}
#denndel #section1 .content{position: relative; width:70%; height:100%; margin:auto;}
#denndel #section1 .txtArea > * {position: absolute;}
#denndel #section1 h2 {bottom: -50px; width: 100%;bottom: -100px;}
#denndel #section1 .txt{width: 100%; bottom: -100px;}
#denndel #section1 .scroll {display:none; width: 100%;}

#denndel #section2{position:relative;}
#denndel #section2 #slideArea{float:left; width:50%; height: 100%;}
#denndel #section2 .content {height: 100%;}
#denndel #section2 .content:after {content: ""; clear: both; display: block;}
#denndel #section2 .slideArea {float: left; width: 50%; height:auto !important;}
#denndel #section2 .bx-wrapper .bx-pager,
#denndel #section2 .bx-wrapper .bx-controls-auto {position:absolute; top: 50%; left:55%;}
#denndel #section2 .bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 10px; z-index:100;}
#denndel #section2 .bx-wrapper .bx-pager .bx-pager-item,
#denndel #section2 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
#denndel #section2 .bx-wrapper .bx-pager.bx-default-pager a {background: #d5d5d5; text-indent: -9999px; display: block; width: 14px; height: 14px; margin: 0 5px; outline: 0;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
}
#denndel #section2 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#denndel #section2 .bx-wrapper .bx-pager.bx-default-pager a.active {background: #770031;}
#denndel #section2 .bxslider {height: 100%;}
#denndel #section2 .bxslider li {width: 100%; }
#denndel #section2 .bxslider li img {width: 100%; height: 100%;}
#denndel #section2 .rightArea {float:left; width:50%; height:100%; background:url('../images/sub/dnd_03_4.jpg') left bottom no-repeat; background-size: 100% 40%; .background-size: 40% 100%;}
#denndel #section2 .rightArea .txtArea {position: absolute; left:55%; top:15%; width:100%; text-align: left;}
#denndel #section2 .txtArea > * {position: absolute; left:100%; right:-130%;}
#denndel #section2 .txtArea h2 {text-align: left;}
#denndel #section2 .txtArea .sub_title {top: 70px; text-align: left;}
#denndel #section2 .txtArea .txt {top: 170px; text-align: left;}

#denndel #section3 {background:url('../images/sub/dnd_05.jpg') left top no-repeat; background-size:100% 100%;}
#denndel #section3 .content{position: relative; width:70%; height:100%; margin:auto;}
#denndel #section3 .txtArea > * {position: absolute;}
#denndel #section3 .txtArea h2,
#denndel #section3 .txtArea .sub_title,
#denndel #section3 .txtArea .txt {width: 100%; bottom: 0;}

#denndel #section4 .txtArea {position: relative; left:5%; top:60%;}
#denndel #section4 .txtArea > * {position: absolute; left:100%; right:-50%;}
#denndel #section4 .txtArea h2{text-align: left;}
#denndel #section4 .txtArea .sub_title {top: 70px; text-align: left;}
#denndel #section4 .txtArea .txt {top: 180px; text-align: left;}
#denndel #section4{position:relative; overflow:hidden;}
#denndel #section4 .leftArea{float:left; width:50%; height:100%; background:url('../images/sub/dnd_06.jpg') left top no-repeat; background-size:100% 100%;}
#denndel #section4 .rightArea{float:right; width:50%; height:100%; background:url('../images/sub/dnd_07.jpg') left top no-repeat; background-size:100% 50%;}

#denndel #section5 {margin: 0; padding: 0;}
#denndel #section5 .topArea {height:30%; background: url('../images/sub/dnd_08.jpg') no-repeat left top; background-size: 100% 100%;}
#denndel #section5 .topArea img {width: 100%; vertical-align: top;}
#denndel #section5 .fixed{height: 70%;}
#denndel #section5 .bottomArea {height: 100%;}
#denndel #section5 h2{padding: 20px 0 10px;}
#denndel .imgList1 {overflow:hidden; width: 100%;}
#denndel .imgList1:after {content: ""; clear: both; display: block;}
#denndel .imgList1 li {float:left; width:25%; background: #fff;}
#denndel .imgList1 li:first-child {margin-left:0;}
#denndel .imgList1 li dl {position: relative; width: 274px; margin: 0 auto;}
#denndel .imgList1 li dl dt {margin: 0 0 15px; padding: 195px 0 0; color: #555; font-size: 28px; font-weight: 600; }
/*
#denndel .imgList1 li.type1 dt {background: ('../images/sub/dnd_08_01.jpg') no-repeat left top;}
#denndel .imgList1 li.type2 dt {background: ('../images/sub/dnd_08_02.jpg') no-repeat left top;}
#denndel .imgList1 li.type3 dt {background: ('../images/sub/dnd_08_03.jpg') no-repeat left top;}
#denndel .imgList1 li.type4 dt {background: ('../images/sub/dnd_08_04.jpg') no-repeat left top;}
*/
#denndel .imgList1 li dl dd {text-align:left; padding: 0 0 10px 15px; background:url('../images/common/bl_dise.gif') left 10px no-repeat;}
#denndel .imgList1 li dl dd.img {position: absolute; left: 0; top: 0; padding: 0; background: none;}
	#mapArea {height: 100%;}
	#mapArea #map {width: 100%; height:92%;}
	#mapArea .mapLocation {height: 8%;}
	#mapArea .mapLocation p {font-size: 18px;color: #181818;font-weight: 600;text-align: center;margin-top:20px;}
	#mapArea .mapLocation .img {margin: 0; font-size: 0; font-weight: normal;}
	#mapArea .mapLocation .img img {width: 100%; height: 238px;}
	#mapArea .mapLocation span {color: #770031; font-size: 18px;}


#jeju #section0{background:url('../images/sub/jeju_visual_01.jpg') left top no-repeat; background-size:100% 100%;}
#jeju #section1{background:url('../images/sub/jeju_visual_02.jpg') left top no-repeat; background-size:100% 100%;}
#jeju #section1 .content{position: relative; width:70%; height:100%; margin:auto;}
#jeju #section1 .txtArea > * {position: absolute;bottom:-100px;}
#jeju #section1 .txtArea h2 {bottom: 0; width: 100%;}
#jeju #section1 .txtArea .txt{bottom: -100%; width: 100%;}
#jeju #section1 .scroll {display:none; width: 100%;}
#jeju #section1 .scroll a {margin-top: 120px;}

#jeju #section2{position:relative; overflow:hidden;}
#jeju #section2 .leftArea{float:left; width:50%; height:100%; background:url('../images/sub/jeju_visual_03.jpg') left top no-repeat; background-size:100% 100%;}
#jeju #section2 .rightArea{float:right; width:50%; height:100%;}
#jeju #section3 .topArea{background:url('../images/sub/jeju_visual_04.jpg') left top no-repeat; background-size:100% 100%;}
#jeju #section2 .txtArea {position: relative; left:5%; top:15%;}
#jeju #section2 .txtArea > * {position: absolute; left:100%; right:-50%;}
#jeju #section2 .txtArea h2 {letter-spacing: -0.09em; text-align:left;}
#jeju #section2 .txtArea .sub_title {top: 70px; text-align:left;}
#jeju #section2 .txtArea .txt {top: 180px; text-align:left;}

#jeju #section3 .topArea{height:60%;}
#jeju #section3 .bottomArea{height: 40%; padding-top: 0; overflow:hidden;}
#jeju #section3 .bottomArea h2{float:left; width:25%; margin-right: 5%; padding: 30px 0 0; text-align:right; line-height: 1em;}
	.textRight {margin-right: -10px;}
#jeju #section3 .bottomArea .txt{float:left; width:70%; padding: 30px 0 0; text-align:left;}

#jeju #section4{background:url('../images/sub/jeju_visual_05.jpg') center top no-repeat; background-size:100% 100%;}
#jeju #section4 .content{width:80%;position:absolute; bottom: 5%; left:10%;}


#vision #section1 .content{position: relative; width:70%; height:100%; margin:auto;}
#vision #section1 .txtArea > * {position: absolute;}
#vision #section1 .txtArea h2 {bottom: 0; width: 100%;}
#vision #section1 .txtArea .txt{bottom: -100%; width: 100%;}
#vision #section1 .scroll {display:none; width: 100%;}
#vision #section1 .scroll a {}

#vision #section2{overflow:hidden;}
#vision #section2 .content{height:42%;}
#vision #section2 .content .txtArea{padding-top:7%;}
#vision #section2 .bottomArea{width:100%; height:58%;/*background:url('../images/sub/vision_visual_03.jpg') left top no-repeat; background-size:100% 100%;*/}
#vision #section2 .bottomArea video{}
/*#vision #section2 .content .video {position:absolute; left: 0; bottom: 0; width: 100%; height: 100%;}
#vision #section2 .content .video iframe {width: 100%;}*/

#vision #section0{background:url('../images/sub/vision_visual_01.jpg') left top no-repeat; background-size:100% 100%;}
#vision #section1{background:url('../images/sub/vision_visual_02.jpg') left top no-repeat; background-size:100% 100%;}
#vision #section2{position:relative; overflow:hidden;}
#vision #section2{overflow:hidden;}

#vision #section3 h2,
#vision #section3 .sub_title,
#vision #section3 .txt {width: 100%;}
#vision #section3 .content{overflow:hidden; width:60%; margin:auto;}
#vision #section3 .content h2{margin-top: 30px;}
#vision #section3 .content .txt{margin-bottom: 30px;}
#vision #section3 .content .leftArea{float:left; width:49%; margin-right:2%;}
#vision #section3 .content .leftArea p img,
#vision #section3 .content .rightArea p img {width:100%;}
#vision #section3 .content .rightArea{float:left; width:49%;}
#vision #section3 .content h3 {font-size:18px; font-weight:600; padding:15px 0; text-align:center; color:#373737;}
#vision #section3 .content h3 span {margin-left: 5px; color:#7b0837;}

#vision #section4 {overflow:hidden;}
#vision #section4 .leftArea {float:left; width:50%; height:100%; float:left; background:url('../images/sub/vision_visual_05.jpg') left top no-repeat; background-size:100% 100%;}
#vision #section4 .rightArea {float:right; width:50%; height:100%;}
#vision #section4 .txtArea {position: relative; left:5%; top:10%;}
#vision #section4 .txtArea > * {position: absolute; left:100%; right:-50%;}
#vision #section4 h2 {text-align:left;}
#vision #section4 .sub_title {top: 70px; text-align:left;}
#vision #section4 .txt {top: 150px; text-align:left;}
#vision #section4 .map_img {top: 220px; margin-top:5%; width: 100%; min-width: 400px; text-align:left;}
#vision #section4 .map_img {min-width: 75%; min-height: 75%;}

#vision #section5{background-color:#c1dae0;}
#vision #section5 .topArea{background:url('../images/sub/vision_map02.png') left top no-repeat;width:829px;min-height:473px;margin:0 auto;}
#vision #section5 .topArea h2{padding-top:150px;}
#vision #section5 .bottomArea{width:1280px;margin:0 auto;height:40%;min-height:400px;}
#vision #section5 .bottomArea .slideArea > li{overflow:hidden;}
#vision #section5 .bottomArea .slideArea li div{float:left;width:240px;text-align:left;margin-left:100px;padding-top:68px;background-color:#f00;}
#vision #section5 .bottomArea .slideArea li div h3{font-size:16px;color:#000;font-weight:600;margin-bottom:17px;}
#vision #section5 .bottomArea .slideArea li div dl{overflow:hidden;font-size:13px;}
#vision #section5 .bottomArea .slideArea li div dl dt{float:left;width:50px;color:#000;padding-bottom:5px;}
#vision #section5 .bottomArea .slideArea li div dl dd{float:left;width:190px;padding-bottom:5px;}
#vision #section5 .bottomArea .slideArea li div dl dd.w240{width:240px;}
#vision #section5 .bottomArea .slideArea li div ul li{font-size:13px;padding:0 0 5px 8px;background:url('../images/common/bl_dise.gif') left 9px no-repeat;}
#vision #section5 .bottomArea .slideArea li div.area01{margin-left:0;background:url('../images/sub/vision_visual_08_01.jpg') left top no-repeat;}
#vision #section5 .bottomArea .slideArea li div.area02{background:url('../images/sub/vision_visual_08_02.jpg') left top no-repeat;}
#vision #section5 .bottomArea .slideArea li div.area03{background:url('../images/sub/vision_visual_08_03.jpg') left top no-repeat;}
#vision #section5 .bottomArea .slideArea li div.area04{background:url('../images/sub/vision_visual_08_04.jpg') left top no-repeat;}
#vision #section5 .bottomArea .slideArea li div.area05{margin-left:0;background:url('../images/sub/vision_visual_08_05.jpg') left top no-repeat;}
#vision #section5 .bottomArea .slideArea li div.area06{background:url('../images/sub/vision_visual_08_06.jpg') left top no-repeat;}
#vision #section5 .bottomArea .slideArea li div.area07{background:url('../images/sub/vision_visual_08_07.jpg') left top no-repeat;}
#vision #section5 .bottomArea .slideArea li div.area08{background:url('../images/sub/vision_visual_08_08.jpg') left top no-repeat;}

#vision #section5 .bx-wrapper .bx-pager,
/*#vision #section5 .bx-wrapper .bx-controls-auto {position:absolute; bottom: 30%; left:14%;}*/
#vision #section5 .bx-wrapper .bx-pager {text-align: center; font-size: 0.85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 10px;}
#vision #section5 .bx-wrapper .bx-pager .bx-pager-item,
#vision #section5 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
#vision #section5 .bx-wrapper .bx-pager.bx-default-pager a {background: #fff; text-indent: -9999px; display: block; width: 14px; height: 14px; margin: 0 5px; outline: 0;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
}
#vision #section5 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#vision #section5 .bx-wrapper .bx-pager.bx-default-pager a.active {background: #770031;}
#vision #section5 .rightArea {float: right;width:60%; height: 100%;}
#vision #section5 .txtArea h2,
#vision #section5 .txtArea .sub_title,
#vision #section5 .txtArea .txt {text-align: left;}
#vision #section5 .btn_visualArea {padding-top: 40px;}


#vision #section6 .topArea{height:70%;background:url('../images/sub/vision_visual_07.jpg') left top no-repeat; background-size:100% 100%;position:relative;}
#vision #section6 .bottomArea{height:30%;}
#vision #section6 .bottomArea h2{padding-top:3%;}




#space .contents {position: relative;}
#space #section0{background:url('../images/sub/space_01.jpg') left top no-repeat;background-size:100% 100%;}
#space #section1{background:url('../images/sub/space_02.jpg') left top no-repeat;background-size:100% 100%;}
#space #section1 .content{position: relative;width:70%;height:100%;margin:auto;}
#space #section1 .txtArea > * {position: absolute;}
#space #section1 h2 {bottom: -100%; width: 100%;}
#space #section1 .txt {bottom: -100%; width: 100%;}
#space #section1 .scroll {display:none; width: 100%;}
#space #section1 .scroll a {}

#space .spaceType {position: relative; height: 100%; text-align: center;}
#space .spaceType .fixed {width: 100%; min-width: 1280px;height:45%;min-height: 320px;}
#space .spaceType .txtArea {min-height: 200px;margin-top: 90px;}
#space .spaceType h2 {margin: 0 0 15px; padding: 0 0 20px; font-weight: normal;}
#space .spaceType .sub_title {background: purple;}
#space .spaceType .txt {margin: 0 0 20px;}
#space .btnPlan {z-index: 10; position: absolute; left: 50%; top: 270px; width: 144px; height: 32px; margin: -16px 0 0 -72px; }
#space .btnPlan a {display: block; width: 142px; height: 30px; margin: 0 auto; background: #fff; color: #040000; line-height: 30px; text-align: center; border: 1px solid #040000;}
#space .imgView {position: absolute; left: 0; bottom: 0; overflow: hidden; width: 100%; height: 55%;}
#space .imgView li {float: left; width: 33.3%; height: 100%; vertical-align: bottom;}
#space .imgView li img {width: 100%; height: 100%; vertical-align: bottom;}

.popPlan {z-index: 9999; position: fixed; left: 50%; top: 50%; width: 854px; height: 565px; margin: -305px 0 0 -427px; padding: 55px 0 35px; background: #fff; border: 3px solid #770031; text-align: center; display: none;}
.popPlan h3 {margin: 0 0 35px;  font-style: 'Noto Sans KR', sans-serif, 'Arial'; color: #181818; font-size: 36px; font-weight: normal; text-align: center;}
.popPlan .plan_img {text-align: center;}
.popPlan .plan_img img {}
.popPlan .btn_popclose {position: absolute; right: 0; top: 0; font-size: 0; line-height: 0;}


#space #section6 {background: url('../images/sub/space_03.jpg') left top no-repeat; background-size: 100% 100%;}
#space #section6 .content{position: relative;width:70%;height:100%;margin:auto;}
#space #section6 .txtArea > * {position: absolute;}
#space #section6 h2,
#space #section6 .sub_title,
#space #section6 .txt {bottom: -100%; width: 100%;}

#community #section0{background:url('../images/sub/community01.jpg') left top no-repeat;background-size:100% 100%;}
#community #section1{background:url('../images/sub/community02.jpg') left top no-repeat;background-size:100% 100%;}
#community #section1.type02{background:url('../images/sub/community01.jpg') left top no-repeat;background-size:100% 100%;}

#community #section1 .content{position: relative;width:70%;height:100%;margin:auto;}
#community #section1 .txtArea > * {position: absolute;}
#community #section1 h2 {width: 100%;bottom:-50%}
#community #section1 .txt {bottom: -100%; width: 100%;bottom:-50%}
#community #section1 .scroll {display:none; width: 100%;}
#community #section1 .scroll a {margin-top: 120px;}

#community #section2 {overflow:hidden; min-width: 1280px; height: 100%;}
#community #section2 .leftArea{float:left;width:40%; height:100%;overflow:hidden;}
#community #section2 .leftArea .txtArea {position:relative;left:35%;top:15%;min-width:500px;}
#community #section2 .leftArea .txtArea > * {position:absolute;left:-200%;}
#community #section2 .leftArea .sub_title {top: 70px;}
#community #section2 .leftArea .txt {top: 170px;}
#community #section2 .rightArea{float:right;width:60%;height:100%;background:url('../images/sub/community03.jpg') left top no-repeat;background-size:100% 100%; .background-size: 100% 100%;}
#community #section2 h2,
#community #section2 .sub_title,
#community #section2 .txt {text-align: left;}

#community #section3{background:url('../images/sub/community04.jpg') left top no-repeat;background-size:100% 70%;}
#community #section3 h2 {letter-spacing: -0.1em; text-align: left;}
#community #section3 .sub_title {text-align: left;}
#community #section3 .txt {text-align: left;}

#community #section3 .bottomArea{width:100%;height:25%;margin-top:5%;position:absolute;bottom:0;left:0;overflow:hidden;}
#community #section3 .bottomArea .column01{width:25%;float:left;margin-left:5%;}
#community #section3 .bottomArea .column02{width:30%; min-height: 130px; float:left; border-left:1px solid #000; padding:0 2%; }

#community #section4{overflow:hidden;}
#community #section4 .leftArea{float:left;width:60%;height:100%;background:url('../images/sub/community05.jpg') left top no-repeat;background-size:100% 100%;}
#community #section4 .rightArea{float:right;width:40%;height:100%;}
#community #section4 .rightArea .txtArea {position: relative;left:5%;top:15%;}
#community #section4 .rightArea .txtArea > * {position: absolute;left:100%;right:-100%}
#community #section4 h2 {text-align:left;}
#community #section4 .sub_title {top: 70px; text-align:left;}
#community #section4 .txt{top: 150px; text-align:left;}
	.btn_visualArea a {display: inline-block; width: 11px; height: 11px; margin: 0 0 0 5px; padding: 0; background: url('../images/common/ic_circle_off.png') no-repeat left top; background-size: 100% 100%; color: #fff; font-size: 0; text-indent: -9999px; line-height: 11px;}
	.btn_visualArea a:first-child {margin: 0;}
	.btn_visualArea a.on {background: url('../images/common/ic_circle_on.png') no-repeat left top;}

#package .txt {line-height: 1.5em;}
#package #section0{background:url('../images/sub/package01.jpg') left top no-repeat;background-size:100% 100%;}
#package #section0 .txtArea .txt {font-size: 16px; letter-spacing: -0.02em;}

#package #section1{background:url('../images/sub/package02.jpg') left top no-repeat;background-size:100% 100%;}
#package #section1 .content{position: relative;width:70%;height:100%;margin:auto;}
#package #section1 .txtArea > * {position: absolute;}
#package #section1 .txtArea .txt {letter-spacing: -0.02em;}
#package #section1 h2 {width: 100%;bottom:-50%;}
#package #section1 .txt{width: 100%;bottom: -50%;}
#package #section1 .scroll {display:none; width: 100%;}
#package #section1 .scroll a {margin-top: 120px;}

#package #section2{position:relative;}
#package #section2 .contents{overflow:hidden;}
#package #section2 .leftArea{float:left; width:40%; height:100%; overflow:hidden;}
#package #section2 .leftArea .txtArea {position:relative;left:25%;top:15%;}
#package #section2 .leftArea .txtArea > * {position:absolute;left:-200%;}
#package #section2 .leftArea h2{top: 0;}
#package #section2 .leftArea .sub_title {top: 70px;letter-spacing: -0.05em;}
#package #section2 .leftArea .txt {top: 170px;}
#package #section2 #slideArea{float:right;width:100%; height: 100%;}
#package #section2 #slideArea .bxslider {height: 100%;}
#package #section2 #slideArea .bxslider li {height: 100%;}
#package #section2 #slideArea .bxslider li img {height: 100%;}

#package #section2 .bx-wrapper .bx-pager,
#package #section2 .bx-wrapper .bx-controls-auto {position:absolute; bottom: 30%; left:14%;}
#package #section2 .bx-wrapper .bx-pager {text-align: center; font-size: 0.85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 10px;}
#package #section2 .bx-wrapper .bx-pager .bx-pager-item,
#package #section2 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
#package #section2 .bx-wrapper .bx-pager.bx-default-pager a {background: #d5d5d5; text-indent: -9999px; display: block; width: 14px; height: 14px; margin: 0 5px; outline: 0;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
}

#package #section2 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#package #section2 .bx-wrapper .bx-pager.bx-default-pager a.active {background: #770031;}
#package #section2 .rightArea {float: right;width:60%; height: 100%;}
#package #section2 .txtArea h2,
#package #section2 .txtArea .sub_title,
#package #section2 .txtArea .txt {text-align: left;}
#package #section2 .btn_visualArea {padding-top: 40px;}

#package #section3 .bx-wrapper .bx-pager {z-index: 99; position: relative; text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 30px;}
#package #section3 .bx-wrapper .bx-pager .bx-pager-item,
#package #section3 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
#package #section3 .bx-wrapper .bx-pager.bx-default-pager a {background: #d5d5d5; text-indent: -9999px; display: block; width: 14px; height: 14px; margin: 0 5px; outline: 0;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
}

#package #section3 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#package #section3 .bx-wrapper .bx-pager.bx-default-pager a.active {background: #770031;}
#package #section3 .topArea {height: 60%;}
#package #section3 .topArea #slideArea{height: 100%;}
/* #package #section3 .btn_visualArea {height: 3%; margin: 1% auto;} */
#package #section3 .bottomArea {position: relative; width: 1280px; height: 40%; margin: 0 auto;}
#package #section3 .txtArea{padding: 70px 0 0;}
#package #section3 h2 {position: absolute; left: 0; top: 70px; width: 35%; font-weight: normal; text-align: left; line-height: 1em;}
#package #section3 .sub_title,
#package #section3 .txt {width: 65%; margin-left: 35%; text-align: left;}










/* 2016-07-05 덴앤덴 리뉴얼 */
.content h1{margin-bottom:15px;}
.re_txtArea{color:#181818;}

.contents .re_scroll {margin-top:120px;}
.contents .re_scroll a{display:block;margin:0 auto;font-size:18px; color:#fff; font-weight:600; width:260px; height:85px;text-align:center;background: url('../images/common/scroll_arrow.png') center bottom no-repeat;}


#denndel #section0 .main_nav{width:877px;position:relative;margin:0 auto;}
#denndel #section0 .main_nav .tabs{overflow:hidden;position:absolute;top:-56px;right:0;}
#denndel #section0 .main_nav .tabs li{float:left;}
#denndel #section0 .main_nav .tabs li a{display:block;width:57px;height:56px;line-height:56px;vertical-align:middle;text-align:center;margin-left:4px;background-color:#595959;}
#denndel #section0 .main_nav .tabs li:first-child a{margin-left:0;}
#denndel #section0 .main_nav .tabs li a:hover{background-color:#776a57;}
#denndel #section0 .main_nav .tabs li.on a{background-color:#776a57;}
#denndel #section0 .main_nav .tabs li.tab1 a{z-index:10;background-image:url(/images/sub/chen.png); background-position: center center;background-repeat: no-repeat;}
#denndel #section0 .main_nav .tabs li.tab2 a{background-image:url(/images/sub/ji.png); background-position: center center;background-repeat: no-repeat;}
#denndel #section0 .main_nav .tabs li.tab3 a{background-image:url(/images/sub/in.png); background-position: center center;background-repeat: no-repeat;}

#denndel #section0 .main_nav .tab_container{margin-top:90px;border-top:3px solid #766956;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;background-color:#fff;opacity:0.8;}
#denndel #section0 .main_nav .tab_container .tab_content{overflow:hidden;margin:40px 0;display:none;}
#denndel #section0 .main_nav .tab_container .tab_content.dpBlock{display:block;}
#denndel #section0 .main_nav .tab_container .tab_content ul li{float:left;width:229px;min-height:190px;padding:0 30px;border-left:1px solid #aacee0;}
#denndel #section0 .main_nav .tab_container .tab_content ul li:first-child{border-left:none;}
#denndel #section0 .main_nav .tab_container .tab_content ul li dl{text-align:left;}
#denndel #section0 .main_nav .tab_container .tab_content ul li dl dt a{display:inline-block;font-size:18px;color:#000;font-weight:600;margin-bottom:10px;letter-spacing:-1px;}
#denndel #section0 .main_nav .tab_container .tab_content ul li dl dd{margin-top:15px;letter-spacing:-1px;}
#denndel #section0 .main_nav .tab_container .tab_content ul li dl dd a{color:#2e2e2e;}
#denndel #section0 .main_nav .tab_container .tab_content ul li dl dd a:hover{color:#000;}

#denndel #section0 .main_nav .tab_container .tab_content .type02 li{float:left;width:155px;min-height:190px;padding:0 30px;border-left:1px solid #aacee0;}

#denndel #section1 .re_content .re_txtArea > * {position: absolute;left:50%;bottom:-100px;width:50%;}
#denndel #section1 .re_content .re_txtArea h2,
#denndel #section1 .re_content .re_txtArea .txt{color:#fff;}
#denndel #section1 .re_content .re_txtArea .scroll {bottom: 470px;}
#denndel #section1 .re_content .re_txtArea .scroll a {margin: 120px auto 0;}



#denndel #section2 .re_content {width:100%;height: 100%;}
#denndel #section2 .re_content .topArea{height:50%;overflow:hidden;}
#denndel #section2 .re_content .topArea .left{float:left;width:55%;height:100%;}
#denndel #section2 .re_content .topArea .left img{width:100%;height:100%;}
#denndel #section2 .re_content .topArea .right{position:relative;float:left;width:45%;height:100%;}
#denndel #section2 .re_content .topArea .right .re_txtArea > * {position: absolute;left:10%;bottom:-100px;margin-top:15%;}
#denndel #section2 .re_content .topArea .right .re_txtArea h2,
#denndel #section2 .re_content .topArea .right .re_txtArea .sub_title,
#denndel #section2 .re_content .topArea .right .re_txtArea .txt{text-align:left;}

#denndel #section2 .re_content .botArea{height:50%;position:relative;}
#denndel #section2 .re_content .botArea .left{float:left;width:45%;height:100%;}
#denndel #section2 .re_content .botArea .left .re_txtArea > * {position: absolute;left:18%;bottom:-100px;margin-top:15%;}
#denndel #section2 .re_content .botArea .left .re_txtArea .sub_title,
#denndel #section2 .re_content .botArea .left .re_txtArea .txt{text-align:left;}

#denndel #section2 .re_content .botArea .right{float:left;width:55%;height:100%;}
#denndel #section2 .re_content .botArea .right .re_btnArea{position:relative;}
#denndel #section2 .re_content .botArea .right .re_btnArea a{z-index:100;position:absolute;top:193px;display:inline-block;width:39px;height:77px;cursor:pointer;}
#denndel #section2 .re_content .botArea .right .re_btnArea .prev{left:30px;background:url(/images/sub/btn_prev.png) left top no-repeat;}
#denndel #section2 .re_content .botArea .right .re_btnArea .next{right:30px;background:url(/images/sub/btn_next.png) left top no-repeat;}

#denndel #section2 .re_content .botArea .right .bx-wrapper .bx-pager,
#denndel #section2 .re_content .botArea .right .bx-wrapper .bx-controls-auto {position:absolute; top:72%; left:18%;}
#denndel #section2 .re_content .botArea .right .bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 10px; z-index:100;}






#denndel #section4 .re_content {width:100%;height: 100%;}
#denndel #section4 .re_content .topArea{width:100%;height:53%;overflow:hidden;}
#denndel #section4 .re_content .botArea{width:100%;height:47%;position:relative;}
#denndel #section4 .re_content .botArea .left{float:left;width:50%;height:100%;}
#denndel #section4 .re_content .botArea .left .re_txtArea > * {position: absolute;left:15%;bottom:-100px;margin-top:5%;}
#denndel #section4 .re_content .botArea .left .re_txtArea .sub_title,
#denndel #section4 .re_content .botArea .left .re_txtArea .txt{text-align:left;}


/* bxslider img 100% start */
#denndel #section4 .re_content .botArea .right{float:left;width:50%;height:100%;}
#denndel #section4 .re_content .botArea .right .bx-wrapper,
#denndel #section4 .re_content .botArea .right .bx-wrapper .bx-viewport,
#denndel #section4 .re_content .botArea .right .bx-wrapper .bx-viewport .bxslider02,
#denndel #section4 .re_content .botArea .right .bx-wrapper .bx-viewport .bxslider02 li{width:100% !important;height:100% !important;}
#denndel #section4 .re_content .botArea .right .bx-wrapper img{width:100%;height:100%;}
/* bxslider img 100% end */


#denndel #section4 .bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 10px; z-index:100;}
#denndel #section4 .bx-wrapper .bx-pager .bx-pager-item,
#denndel #section4 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
#denndel #section4 .bx-wrapper .bx-pager.bx-default-pager a {background: #d5d5d5; text-indent: -9999px; display: block; width: 14px; height: 14px; margin: 0 5px; outline: 0;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
}
#denndel #section4 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#denndel #section4 .bx-wrapper .bx-pager.bx-default-pager a.active {background: #770031;}

#denndel #section4 .re_content .botArea .right .re_btnArea02{position:relative;}
#denndel #section4 .re_content .botArea .right .re_btnArea02 a{z-index:100;position:absolute;top:193px;display:inline-block;width:39px;height:77px;cursor:pointer;}
#denndel #section4 .re_content .botArea .right .re_btnArea02 .prev{left:30px;background:url(/images/sub/btn_prev.png) left top no-repeat;}
#denndel #section4 .re_content .botArea .right .re_btnArea02 .next{right:30px;background:url(/images/sub/btn_next.png) left top no-repeat;}

#denndel #section4 .re_content .botArea .right .bx-wrapper .bx-pager,
#denndel #section4 .re_content .botArea .right .bx-wrapper .bx-controls-auto {position:absolute; top:72%; left:15%;}
#denndel #section4 .re_content .botArea .right .bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 10px; z-index:100;}

#denndel #section5.bg02{background:url('../images/sub/re_dnd_06_1.jpg') left top no-repeat; background-size:100% 100%;}/* 리뉴얼 bg */
#denndel #section5 .re_txtArea > * {position: absolute;}
#denndel #section5 h2,
#denndel #section5 .sub_title,
#denndel #section5 .txt {color:#fff;width: 100%;bottom: -200px;}



#denndel #section6 .re_content {width:100%;height: 100%;overflow:hidden;}
#denndel #section6 .re_content .leftArea{float:left;width:70%;height:100%;}
#denndel #section6 .re_content .leftArea img{width:100%;height:100%;}

#denndel #section6 .re_txtArea > * {position: absolute;text-align:left;left:40%}
#denndel #section6 h2,
#denndel #section6 .sub_title,
#denndel #section6 .txt {width: 100%; bottom: -100px;}

#denndel #section6 .re_content .rightArea{float:left;width:30%;height:100%;}
#denndel #section6 .re_content .rightArea img{width:100%;height:100%;}

#denndel #section7.bg02{background:url('../images/sub/re_dnd_08_1.jpg') left top no-repeat; background-size:100% 100%;}/* 리뉴얼 bg */
#denndel #section7 .re_content .re_txtArea h2{width:380px;margin:0 auto 15px;padding-bottom:15px;color:#fff;border-bottom:1px solid #fff;}
#denndel #section7 .re_content .re_txtArea .txt{font-size:20px;color:#fff;margin-bottom:10px;}
#denndel #section7 .re_content .re_txtArea .sub_title{font-size:24px;color:#fff;}
#denndel #section7 .re_content .re_txtArea .sub_title .bg_dot{background:url('/images/common/ico_tel_dot.png') right 18px no-repeat;padding-right:20px;margin-right:5px;}



/* Desktop */
@media (min-width:1601px){
}
@media (min-width:1025px) and (max-width:1600px){
	#denndel #section6 .re_txtArea > * {position: absolute;text-align:left;left:30%}

	#community #section2 .leftArea .txtArea {left: 10%;}
	#package #section2 .leftArea .txtArea {left: 7%;}
	#vision #section3 .content .leftArea h3 {padding: 24px 0 23px;}
	#vision #section3 .content .rightArea h3 span {display: block;}

}
/* Tablet */
@media (max-width:1024px){
	#community #section2 .leftArea .txtArea {left: 10%;}
	#package #section2 .leftArea .txtArea {left: 10%;}
	#vision #section3 .content .leftArea h3 {padding: 24px 0 23px;}
	#vision #section3 .content .rightArea h3 span {display: block;}
}