@charset "UTF-8";
@import url("reset.css");
@import url("font-set.css");


html { -webkit-text-size-adjust: 100%;  font-family: 'NotoSansCJKkr-Medium'; font-weight:200;} 
img { vertical-align: top; }
a { text-decoration: none; color: black; }
input { margin: 0; }
input::-ms-clear { display: none; }
iframe { border: 0; margin: 0; padding: 0; }
body, h1, h2, h3, h4, input, button {  font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif; font-size: 14px; color: #383d41; }
input, select { vertical-align: middle; }
caption, legend { overflow: hidden; position: absolute !important; top: -999px; left: -9990px; width: 1px; height: 1px; line-height: 0; font-size: 0 }
table { border-collapse: collapse; border-spacing: 0; }
em { font-style: normal; }
sup { vertical-align: super; font-size: smaller; }



@media only screen and (min-width: 300px) {
    * { max-height: 100000px; }
}/* @media */

/* Icon & bullet
----------------------------------------------------------------------------- */



/* menu-Button
----------------------------------------------------------------------------- */
.m-btn { display: block; overflow: hidden; }
.m-btn:hover img,
.m-btn:focus img { margin-top: -50px; }


.m-btn.caption-close { width: 34px; height: 34px; }





/* Button
----------------------------------------------------------------------------- */
.btn { display: block; overflow: hidden; }
.btn:hover img,
.btn:focus img { margin-top: -50px; }


.btn.caption-close { width: 34px; height: 34px; }

a.btn2 {
	display:inline-block; font-family: 'NotoSansCJKkr-Medium';
	min-width:94px; 
	height:39px; line-height:39px; 
	border:0; 
	padding:0; 
	box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	font-size:13px; 
	text-align:center;
	vertical-align:middle; 
	cursor: pointer;
}
.btn2.btn01 {	background: #069b9b; color:#fff;}
.btn2.btn02 {	border: 1px solid #DDDDDD;
				background: #fff;
				color: #707070;
				margin-right: 1px;}
.btn2.btn03 {min-width:69px; height:39px; line-height:36px; border:0px solid #DDDDDD; background:#000; color:#ffffff; font-family: 'NotoSansCJKkr-Medium'; font-weight:600; }

.btn2_search_input { font-family: 'NotoSansCJKkr-Medium'; font-size:13px;
    border: 0;
    color: #BEBEBE;
    vertical-align: middle;
    line-height: 2.5em;
    background:url(../sub/bunyang_danji_search_input.gif) no-repeat;
/*	background-position: 98% 50%; */
    padding: 0 5px 4px 34px;
    width: 221px;
	letter-spacing:-0.100em;
}
::-webkit-input-placeholder { /* 크롬 4–56 */
    color: #BEBEBE;
}
:-moz-placeholder { /* 파이어폭스 4–18 */
   color: #BEBEBE;
   opacity:  1;
}
::-moz-placeholder { /* 파이어폭스 19–50 */
   color: #BEBEBE;
   opacity:  1;
}
:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
   color:  #BEBEBE;
}
::placeholder { /* 파이어폭스 51+, 크롬 57+ */
   color: #BEBEBE;
   opacity:  1;
}
	
	
a.btn { display:inline-block; min-width:553px; height:50px; border:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; font-size:15px; line-height:50px; text-align:center; vertical-align:middle; cursor: pointer;}
.btn.btn01 {color:#069b9b; border-bottom:3px solid #069b9b;}
.btn.btn02 {border-bottom:2px solid #DDDDDD; background:#fff; color:#707070;}
.btn.btn03 {min-width:102px; height:40px; border:3px solid #aaa; padding:0 10px; background:#fff; color:#444; font-size:13px; line-height:40px;}
.btn.btn04 {background:#00a5e1; color:#fff;}
.btn.btn05 {border:1px solid #00a5e1; background:transparent; color:#00a5e1;}
.btn.btn06 {min-width:70px; height:30px; border:1px solid #042e6f; padding:0 20px; background:transparent; color:#042e6f; font-size:13px; line-height:30px;}
.btn .ico {margin-right:10px; vertical-align:middle;}
.btn_wrap {position:relative; min-height: 45px; margin-top:50px; text-align:center;}
.btn_wrap .left {position:absolute; left: 0; top: 0;}
.btn_wrap .right {position:absolute; right: 0; top: -20px;}


/* Page layout
----------------------------------------------------------------------------- */
.no-search { text-align: center; padding-top: 80px; }
html { min-width: 1100px; }

#body { margin-top:0px; background-color: #fff; }

#main { width: 1920px; height: 974px; position: fixed; top: 0; left: 50%; margin-left: -960px; overflow: hidden;}
#main-img { width: 1920px; position: fixed; top: -10px; left: 50%; margin-left: -960px; z-index: 0;}
#main-video { width: 1920px; position: fixed; top: 0; left: 50%; margin-left: -960px; }
#player { position: fixed; top: -20px; left: 50%; margin-left: -960px; width: 1920px; }
#main-bb { width: 1920px; position: fixed; top: 0; left: 50%; margin-left: -960px; }
#main-bb>img { width: 1920px; }

#main-bt { width: 1120px; position: absolute; top: 750px; left: 50%; margin-left: -560px; }
#main-bt>li { position: absolute; top: 0px; left: 0; opacity: 1;}
#main-bt>li:nth-child(2) { left: 290px; }
#main-bt>li:nth-child(3) { left: 575px; }
#main-bt>li:nth-child(4) { left: 858px; }

.sec00_vd { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; margin-top: -40px; }
.sec00_vd iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.vd_over { width: 100%; height: 78%; position: absolute; left: 0; top: 0; z-index: 999; }

.vol { position: absolute; right: 10px; top: 240px; z-index: 9999; }
.vol ul li { width: 50px; height: 50px; margin-right: 20px; float: left; }
.vol ul li a { width: 50px; height: 50px; margin-right: 20px; float: left; position: relative; }
.vol ul li a img { position: absolute; left: 0; top: 0; }

#off { display: none; }

#main-txt { width: 789px; height: 300px; position: fixed; top: 300px; right: 50%; margin-right: -960px; }
#main-txt-line { width: 0px; height: 1px; background-color: #fff; position: absolute; top: 200px; right: 0; } 
#main-txt-o { position: absolute; top: 195px; right: 242px; opacity: 0; }
#main-txt-h { position: absolute; top: 0; left: 0; opacity: 0;}
#main-txt-onest { position: absolute; top: 0; left: 360px; opacity: 0;}
#main-txt-y { position: absolute; top: 0; left: 0;  opacity: 0;}
#main-txt-oung { position: absolute; top: 0; left: 370px; opacity: 0;}


			#content-wrap { width: 1920px; position: absolute; top: 974px; left: 50%; margin-left: -960px; }

			#company { width: 1920px; height: 469px; position: absolute; top: 782px; left: 50%; margin-left: -960px; background: url('../img/company-bg.jpg') 0 0 no-repeat;  background-position: center; background-size: cover; }
			#company-txt { width: 441px; position: absolute; top: -5px; left: 50%; margin-left: -384px; opacity: 0;}

			#project { width: 1920px; height: 469px; position: absolute; top: 1251px;left: 50%; margin-left: -960px;  }
			#left { width: 50%; height: 469px; position: absolute; top: 0; left: 0; overflow: hidden; }
			#right-txt2 { width: 50%; height: 469px; position: absolute; top: 0; right:480px; }
			.video-container2{position:relative;  padding-bottom:56.25%; height:0;overflow:hidden; z-index: 99;} 
			.video-container2 iframe,.video-container2 object,.video-container2 embed{position:absolute;top:0; bottom: 0; left:0; right: 0; margin: auto;width:100%;height:100%; z-index: 99;} 
			#right { width: 50%; height: 469px; position: absolute; top: 0; right: 0; background-color: #fff; }
			#right-txt { width: 960px; position: absolute; top: 0; left: 150px; opacity: 0; }

			#marketing { width: 1920px; height: 469px; position: absolute; top: 1720px; left: 0; right: 0; margin: auto; background: url('../img/marketing-bg.jpg') 0 0 no-repeat;  background-position: center; background-size: cover; }
			#marketing-txt { width: 1920px; position: absolute; top: 0; left: 50%; margin-left: -960px; opacity: 0;}

			#service { width: 1920px; height: 464px; position: absolute; top: 2189px; left: 0; right: 0; margin: auto; background-color: #fff;}
			#servive-con { width: 1442px; position: absolute; top: 85px; left: 50%; margin-left: -721px; }
			#service-bg { position: absolute; top: 0; left: 0; opacity: 0;}
			#service-box { width: 716px; position: absolute; top: 0; left: 50%; margin-left: -71px; /*margin-left: -164px;*/ }
			#service-box>li { float: left; margin-left: 13px; margin-top: 150px; opacity: 0;}
			#service-box>li:nth-child(1) { margin-left: 0; }


			#footer { max-width: 1920px; width: 100%; height: 153px; position: absolute; top: 3600px;  left: 0; right: 0; margin: auto; z-index: 9999; background-color:#252525; }



			#sub-footer { max-width: 1920px; width: 100%; height: 153px; position: relative; left: 0; right: 0; margin: auto; z-index: 9999; background-color:#252525;}

			#footer-left { position: absolute; top: 0; left: 0; }
			#footer-right { position: absolute; top: 0; right: 0; display: none;}			

			.select {
				display: block;
				color:#999;
				width: 165px; 
				padding: .8em .7em .9em .8em;
				font-family: inherit; 
				background: url('../img/arar.png') no-repeat 95% 50%;
				border: 1px solid #555;
				border-radius: 0px;
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				position: absolute; top: 31px; right:40px;
				font-size: 12px;
				line-height: 20px;
				font-family: 'Noto Sans KR', sans-serif; font-weight: 600;
			}

			.select option{ background:#1e1e1e;border: 1px solid #333;}

			@media all and (max-width:1380px) { 

					#footer-left { position: absolute; left: 50%; margin-left: -645px; }
					#footer-right { position: absolute; right: 50%; margin-right: -638px;}
					.select  { position: absolute; right: 50%; margin-right: -596px; }

				}


#space {padding:0px; overflow:hidden; background-color:#fff; width:1920px; left:50%; margin-left:-960px; position:absolute; text-align:center; height:790px; top: 0; z-index:2;  font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;}
.r-tit { width:1100px; position:absolute; left:50%; margin-left:-550px; margin-top:60px;}

/*#space_notice { height:60px; position:relative; background-color:#EEEDEB; text-align:center; vertical-align:middle;  line-height:60px;  margin-top:200px; }
#space_notice img { vertical-align: middle; }*/


#space_notice { height:60px; position:relative; background-color:#fff; text-align:center; vertical-align:middle; /* line-height:60px; */ }
#space_notice img { vertical-align: middle; }
    
#bunyang_tab { position:relative; margin: 0 auto; text-align:center; vertical-align:middle; font-weight:400; height: 120px; margin-top:-40px; font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif; }
#bunyang_tab p { margin:0 auto;padding-top:71px; }

    
#bunyang_danji_tab { position:relative; margin-top: 15px; text-align:left; }
.bunyang_danji_content { width:100%; display: table; text-align:center; }
.bunyang_danji_content div {  text-align: left;font-family: 'NotoSansCJKkr-Medium';}

.bunyang_danji_content .box { width:474px; position:relative; padding-top:50px; text-align:left;  }

.bunyang_danji_content .box .center {position:absolute;left:0;top:0px;}

.bunyang_danji_content .box h2{ font-size:28px; letter-spacing:-0.7px;  font-weight:400; color:#202020; padding-bottom:8px;}
.bunyang_danji_content .box h1{ font-size:45px; letter-spacing:-0.7px;  font-weight:400; color:#346080; padding-bottom:28px;}
.bunyang_danji_content .box p{ font-size:13px; letter-spacing:-0.7px; line-height:180%;  font-weight:400; color:#333; }


.sigong_ing_content { width:100%; position:relative; text-align:center; }
.sigong_ing_content div {width: 1150px; display:inline-block; text-align: left; }
.sigong_ing_content .box { width:372px; position:relative; padding-top:50px; text-align:left;  }
.sigong_ing_content .box .center {position:absolute;left:0;top:0px;}

.sigong_ing_content .box h2{ font-size:28px; letter-spacing:-0.7px;  font-weight:400; color:#202020; padding-bottom:8px;}
.sigong_ing_content .box h1{ font-size:45px; letter-spacing:-0.7px;  font-weight:400; color:#346080; padding-bottom:28px;}
.sigong_ing_content .box p{ font-size:13px; letter-spacing:-0.7px; line-height:180%;  font-weight:400; color:#333; }

.bbt { width:90px;
	
	background-color:#346080;

	cursor:pointer;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding:16px 30px;
	text-decoration:none;

}
.bbt:hover {

	background-color:#111; 
}





#custom_service { 
	position: absolute; width:1920px; left:50%; margin-left:-960px; top:1770px; z-index:3;
	height: 628px; 

}
.to-bg { width:1920px; left:50%; margin-left:-960px; position: absolute; top:0px; height:1080px; z-index:1;}
.to-bg  #player{opacity:0.4; z-index:3;}

.main-info { position:absolute; z-index:2; width:1920px; left:50%; margin-left:-960px; top:2398px; background-color:#fff; text-align:center; padding-top:80px;}
.main-info img { text-align:center;}

#custom_service .video-tab{ position:absolute; z-index:0; width:1920px; left:0; opacity:0.4;}

#custom_service .title_img { 
    position: absolute;
    width: 598px;
    height: 152px;
    margin: 0 auto;
    display: inline-block;
    left: 410px;
    top: 80px;
}

#custom_service .box {
    position: absolute;
    margin: 0 auto;
    display: inline-block;
    left: 410px;
    top: 315px;
}

#custom_service .box div { 
	float: left;
    width: 147px;
    height: 147px;
    webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-right: 12px;
	z-index:2;
}
#custom_service .box div a { 
	position:absolute; 
	left: 0px;
}

#custom_service .box div a img:nth-child(1):hover {
	opacity:0; 
} 
#custom_service .box div a .on { 
	position:absolute; 
	left: 0px;
	transition:0.5s; 
} 

#custom_service .box div:last-child { 
    width: 304px;
		opacity:1; 
}


#space .tit h3 {text-align:center;font-size:40px;font-weight:600;color:#111;letter-spacing:0;}

#space .space-page {width:1120px;  margin:0 auto; height:100px; text-align:center;}
#space .space-page h1{ padding-top:60px; font-size:41px; letter-spacing:5px;}
#space .space-page p{ padding-top:13px; letter-spacing:5px;}


#space .area {width:1104px; position:relative;left:50%; margin-left:-608px; background-color:#fff; }
/* #space .area .bx-wrapper {margin:0 auto; text-align:center;} */
#space .area .bx-wrapper { width:1104px; margin:0 auto; }
#space .area .bx-viewport { width:1120px; margin:0 auto; }
#space .area .box {width:372px;height:500px;position:relative; padding-top:10px; text-align:left; background-color:#red;  }
#space .area .box .center {position:absolute;left:0;top:0px;opacity:0;transition:1.5s;}

#space .area .box h2{ font-size:28px; letter-spacing:-0.7px;  font-weight:400; color:#202020; padding-bottom:8px;}
#space .area .box h1{ font-size:45px; letter-spacing:-0.7px;  font-weight:400; color:#346080; padding-bottom:28px;}
#space .area .box p{ font-size:13px; letter-spacing:-0.7px; line-height:180%;  font-weight:400; color:#333; }


#space.action0 .area .box1 .center,
#space.action0 .area .box1 .num {opacity:0;}

#space.action1 .area .box2 .center,
#space.action1 .area .box2 .num {opacity:0;}

#space.action2 .area .box3 .center,
#space.action2 .area .box3 .num {opacity:0;}

#space.action3 .area .box4 .center,
#space.action3 .area .box4 .num {opacity:0;}


/*
#space .bx-controls-direction a {position:absolute;z-index:100;display:block;width:48px;height:114px;top:50%;margin-top:-52px;text-indent:-9999px;}
#space .bx-controls-direction .bx-prev {background:url(../../common/space-prev.png) no-repeat; margin-top:-115px; margin-left:-150px;}
#space .bx-controls-direction .bx-next {background:url(../../common/space-next.png) no-repeat; margin-top:-115px; margin-left:1200px;}
*/
#space .bx-controls-direction a {position:absolute;z-index:100;display:block;width:100px;height:19px;top:50%;margin-top:-62px;text-indent:-9999px;}
#space .bx-controls-direction .bx-prev {background:url(../img/site_list_l.png) no-repeat;right:50%;margin-right:602px;}
#space .bx-controls-direction .bx-next {background:url(../img/site_list_r.png) no-repeat;left:50%;margin-left:602px;}

#customer {width:3000px;position:relative; }
#contact{ 
	width:100%; 
	background-color:#fff; 
	text-align:center; 
	padding-top:50px; 
	padding-bottom:50px; 
	position: relative;
    border-top: 1px solid #D9D9D9;
}
#contact .box { 
    width: 1100px;
    position: relative;
    background-color: #fff;
    margin: 0 auto;
    display: table;
}
.box_l { margin-top:0px; }
#contact .box .box_r { /*float:right;*/ }
#contact ul.contact_list {
    list-style: none;
    line-height: 25px;
    width: 100%;
    margin: 29px 0 80px 2px;	
    font-size: 10pt;
    color: #888888;
    text-align: left;
}
/*
#contact {padding:0px;overflow:hidden;position: absolute; top:2559px; background-color:#fff; width:1920px; left:50%; margin-left:-960px; background:url(../../common/bb.png);}
#contact .contact-page{width:1120px;  margin:0 auto; height:760px; text-align:center;}
#contact .contact-page h1{ padding-top:60px; font-size:41px; letter-spacing:5px;}
#contact .contact-page p{ padding-top:13px; letter-spacing:5px;}
.map{ padding-top:20px; text-align:left;}
.map h2{ padding-top:20px; font-size:20px; font-weight:600;}
.map h3{ padding-top:10px; font-size:14px;}
.map ul{float:left;}
*/




#bunyang_danji_tab { position:relative; margin-top: 30px; text-align:center; }
.bunyang_danji_content { width:100%; display: table; text-align:center; }
.bunyang_danji_content div {  text-align: left;}

.bunyang_danji_content .box { width:374px; position:relative; padding-top:50px; text-align:left;  }

.bunyang_danji_content .box .center {position:absolute;left:0;top:0px;}

.bunyang_danji_content .box h2{ font-size:28px; letter-spacing:-0.7px;  font-weight:400; color:#202020; padding-bottom:8px;}
.bunyang_danji_content .box h1{ font-size:45px; letter-spacing:-0.7px;  font-weight:400; color:#346080; padding-bottom:28px;}
.bunyang_danji_content .box p{ font-size:13px; letter-spacing:-0.7px; line-height:180%;  font-weight:400; color:#333; }


.sigong_ing_content { width:100%; position:relative; text-align:center; }
.sigong_ing_content div {width: 1150px; display:inline-block; text-align: left; }
.sigong_ing_content .box { width:372px; position:relative; padding-top:50px; text-align:left;  }
.sigong_ing_content .box .center {position:absolute;left:0;top:0px;}

.sigong_ing_content .box h2{ font-size:28px; letter-spacing:-0.7px;  font-weight:400; color:#202020; padding-bottom:8px;}
.sigong_ing_content .box h1{ font-size:45px; letter-spacing:-0.7px;  font-weight:400; color:#346080; padding-bottom:28px;}
.sigong_ing_content .box p{ font-size:13px; letter-spacing:-0.7px; line-height:180%;  font-weight:400; color:#333; }

.bbt { width:90px;
	
	background-color:#346080;

	cursor:pointer;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding:16px 30px;
	text-decoration:none;

}
.bbt:hover {

	background-color:#111; 
}


/* index 분양 공지 */
#index_bunyang_before .box { 
    width: 1100px;
    position: relative;
    background-color:#fff; 
    margin: 0 auto;
    display: table;
}
#index_bunyang_before .box .box_l { /*float:left;*/ margin-top:80px; }
#index_bunyang_before .box .box_r { display:none; 
	/*float: right;
    position: absolute;
    width: 700px;
    margin-left: 365px;
	margin-top: 19px;*/
}
#index_bunyang_before ul.contact_list {
    list-style: none;
    line-height: 25px;
    width: 100%;
    margin: 29px 0 80px 2px;	
    font-size: 10pt;
    color: #888888;
    text-align: left;
}

#index_bunyang_before .bx-wrapper{
	height:30px;
}
#index_bunyang_before .bx-viewport{
	height:20px;\
	top:5px;
}

#index_bunyang_before .bx-controls-direction a {position:absolute;z-index:100;display:block;width:100px;height:19px;top:50%;margin-top:-62px;text-indent:-9999px;}
#index_bunyang_before .bx-controls-direction .bx-prev {
	background: url(../img/main_notice_bar_arraw_l.gif) no-repeat;
    right: 50%;
    margin-right: 275px;
    margin-top: -12px;
}
#index_bunyang_before .bx-controls-direction .bx-next {
    background: url(../img/main_notice_bar_arraw_r.gif) no-repeat;
    left: 50%;
    margin-left: 367px;
    margin-top: -11px;
}

/* 서브페이지 시작 */


#snb {border:1px solid #dcdcdc; width:1100px; margin:0 auto 55px; position:relative; z-index:10; top: 60px; font-family: 'Noto Sans KR', sans-serif; }
#snb:after {content:""; display:block; clear:both; }
#snb > li {float:left; position:relative; height:48px;}
#snb > li:first-child + li > a {background:url(../img/snb-arr.gif) no-repeat 100% 50%;}
#snb > li:first-child + li + li > a {background:url(../img/snb-menu.gif) no-repeat 100% 50%; margin-top:1px;}
#snb > li:first-child + .ov {margin-left:0;}
#snb .ov {margin-left:-1px;}
#snb .ov > a {
	display:block;
	height:48px;
	line-height:48px;
	padding:0 35px 0 15px;
	font-size:14px;
	color:#555;
	letter-spacing:-0.075em;
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	min-width:160px;
	font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif; 
	font-weight:600;

}
#snb .ov ul {position:absolute;left:0;top:100%;min-width:100%;background:#fff;display:none;}
#snb .ov ul li {border:1px solid #dcdcdc;margin-top:-1px; font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif; font-weight:600; }
#snb .ov ul li:first-child {margin-top:0;}
#snb .ov ul li a {display:block;font-size:11.5px;color:#999;padding:11px 15px;white-space:nowrap;letter-spacing:-0.075em;}
#snb .ov:hover ul {display:block;}
#snb .ov ul li a:hover {background:#f3f3f3;color:#333;}



#sub-top { width:1920px; height:400px; position: relative; left: 50%; margin-left: -960px;  overflow:hidden; }

#sub_video { width: 1920px; height: 500px; position: absolute; top: -100px; left: 50%; margin-left: -960px; background-color: #000; overflow: hidden;}
#sub_video_txt { width: 1920px; position: absolute; top: 7px; left: 50%; margin-left: -960px; animation-duration: 2.5s; animation-name: sub_video_txt; }
#sub-img { position: absolute; top: -343px; left: 50%; margin-left: -960px; width: 1920px; }
#sub-player { position: absolute; top: -350px; left: 50%; margin-left: -960px; width: 1920px; }
#sub-bb { position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1920px; opacity: 0.5;}


#sub-top-txt { width: 667px; position: absolute; top: 120px; right: 0; }
#sub-top-txt01 { position: absolute; top: 0; right: 0; opacity: 0;}
#sub-top-txt02 { position: absolute; top: 0; left: 0; opacity: 0;}
#sub-top-txt03 { position: absolute; top: 0; left: 0; opacity: 0; }



#sub_wrap { width:1920px; left:50%; margin-left:-960px; position:relative; height:auto; margin-top:200px; }

#sub_page { width:1100px; position:relative; left:50%; margin-left:-550px; top:0px;}


#sub-title{position:absolute; left:50%; margin-left:-550px; width:1100px;  }
#sub-title>h1{font-size:50px; width:1100px; position:absolute; left:50%;  margin-left:-550px; margin-top:45px; font-weight:400; color:#101010;  text-align:center; letter-spacing:-4px;  }
#sub-title .line{position:absolute; left:50%; margin-left:-36px; top:140px; width:70px; height:20px;} 


ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:13px;
	border-left: 1px solid #ddd;
	height:40px;
	
}
ul.tabs li { margin-bottom:-1px; color:#444; font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;
    float: left;
    text-align:center;
    cursor: pointer;
    width:16.5%;
    height: 39px;
    line-height: 39px;
    border: 1px solid #ccc;
    border-left: none;
    font-weight: 600;
    background: #eee;
    overflow: hidden;
    position: relative;
	
}
ul.tabs li.active { color:#ae8619;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.tab_container {
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:900px;
}
.tab_content { position: absolute;
    margin:40px 0px 0px 0px; padding-right:60px;
    font-size: 1em;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none;
}
 #container {
    width: 1100px;
    margin: 0 auto;
}
 

.border_bottom_line_area {
	width: 100%;
	text-align:center;
	background-color: #FFFFFF;
}
.border_bottom_line_area .border_bottom_line {
	width: 100%;
	padding: 90px 0 0 0;
    height: 10px;    
    border-bottom: 1px solid #D9D9D9;
    position: relative;
	background-color: #FFFFFF;
}









/* bunyang_danji_detail_wrap */
.title_style + .bunyang_danji_detail_wrap {margin-top:20px;}
.bunyang_danji_detail_wrap { 
	display: inline-block;
	margin-top: 30px;
    overflow: hidden;
    width: 100%;
    height: 380px;
    border: 1px solid #E1E1E1;
}
.bunyang_danji_detail_wrap .info_box {
	float: left;
    width: 550px;
    height: 380px;
    border: 1px solid #E1E1E1;
    color: #222;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.bunyang_danji_detail_wrap .info_box:last-child {float:right;}
.bunyang_danji_detail_wrap .info_box .tit {
	    position: relative;
    /* border-bottom: 2px solid #222; */
    padding: 13px 0 14px 26px;
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    background-color: #EBECF0;
    font-weight: 500;
}
.bunyang_danji_detail_wrap .info_box .tit:after {content: ''; display: block; position: absolute; left: 1px; top:1px;}
.bunyang_danji_detail_wrap .info_box .con {	position: relative;  }
.bunyang_danji_detail_wrap .info_box .con textarea { 
	color: #666;
    font-size: 12px;
    line-height: 19px;
    width: 570px;
    height: 495px;
    border: 0;
    padding: 25px;
    font-weight: 500;
}
.bunyang_danji_detail_wrap .info_box .con p {color: #666; font-size: 14px; line-height: 24px;}
.bunyang_danji_detail_wrap .info_box .con .btn_area {display: block; position: absolute; right: 0; top: 20px;}
.bunyang_danji_detail_wrap .info_box .con .btn_area a {display: block; margin-bottom: 5px; padding:0 10px;}


.bunyang_danji_detail_wrap .input_box {   width: 300px; }
.bunyang_danji_detail_wrap .input_box dl {}
.bunyang_danji_detail_wrap .input_box dl dt {
    float: left;
    width: 85px;
    margin-top: 5px;
    /* color: #222; */
    /* font-size: 18px; */
    /* text-align: left; */
    border: 1px solid #D2D2D2;
}
.bunyang_danji_detail_wrap .input_box dl dd { 
	width: 385px; 
	border: 1px solid #D2D2D2;
    font-size: 18px; 
}

.bunyang_danji_detail_wrap .input_box .btn_area {display: block; position: absolute; right: 0; top: 0; z-index:10; margin-top:0;}

.bunyang_danji_detail_wrap .info_box2 {
	float: left;
    width: 500px;
    height: 500px;
    color: #222;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	}
.bunyang_danji_detail_wrap .info_box2:last-child {float:right;}
.bunyang_danji_detail_wrap .info_box2 .tit {
	position: relative;
    /* border-bottom: 2px solid #222; */
    padding: 0 0 14px 0;
    font-size: 28px;
    text-align: left;
    letter-spacing: 1px;
    background-color: #FFFFFF;
}

.bunyang_danji_detail_wrap .info_box2 .tit:after {content: ''; display: block; position: absolute; left: 1px; top:1px;}
.bunyang_danji_detail_wrap .info_box2 .con {	color: #000;  position: relative;  }
.bunyang_danji_detail_wrap .info_box2 .con .title { 
	padding: 50px 0px 15px 22px;
    font-size: 19px;
    line-height: 24px;
    letter-spacing: -1px;
    font-weight: 600;
	color: #333333;
}


.bunyang_danji_detail_wrap .info_box2 .con .sub { 
	padding: 7px 0px 0 19px;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: -0.6px;
	color:#999999;
}

.bunyang_danji_detail_wrap .info_box2 .con .tt_f { 
	float:left; color:#666666; background-color:#F4F4F4; border: 1px solid #DEDEDE;margin: 10px 0 0 22px;width: 45px;height: 25px;padding: 9px 0 0 16px;
}
.bunyang_danji_detail_wrap .info_box2 .con .td_f { 
	float:left; color:#666666; border: 1px solid #DEDEDE;margin: 10px 0 0 -1px; width: 305px; height: 24px;padding: 10px 0 0 17px;
}
.bunyang_danji_detail_wrap .info_box2 .con .tt { font-size:12px; line-height:16px;
	float:left; color:#666666; background-color:#F4F4F4; border: 1px solid #DEDEDE;margin: -1px 0 0 22px;width: 42px;height: 25px;padding: 9px 0 0 18px;
}
.bunyang_danji_detail_wrap .info_box2 .con .td { font-size:12px; line-height:14px;
	float:left; color:#666666; border: 1px solid #DEDEDE;margin: -1px 0 0 -1px;width: 330px; height: 24px;padding: 10px 0 0 17px;
}


.bunyang_danji_detail_wrap .info_box2 .con .btn_area {
    position: relative;
    left: 23px;
    top: 48px;
    color: #fff;
    padding: 0;
	line-height: 43px;
}
.bunyang_danji_detail_wrap .info_box2 .con .btn_area a {
    background-color: #600f76;
    color: #fff;
	font-weight: 700;
    border-color: #600f76;
    float: left;
    font-size: 10pt;
    width: 175px;
    height: 43px;
    text-align: center;
    vertical-align: middle;
    margin-top: -2px;
}

.bunyang_danji_detail_wrap .info_box2 .con .btn_area a:last-child {
	border: 1px solid #DDDDDD;
    color: #660066;
    font-weight: 700;
    background-color: #fff;
    width: 173px;
    height: 41px;
    margin-top: -2px;
}

.btn_area_list { font-size:13px;
	width: 100%;
    text-align: center;
    padding-top: 50px;
    /* width: 173px; */

}

.btn_area_list a {
	border: 1px solid #DDDDDD;
    color: #000000;
    font-weight: 700;
    background-color: #fff;
    width: 192px;
    margin-top: -2px;
    padding: 15px 60px;
}

.btn_area_b2 {
    color:#660066;
}

#myProgress {
	width: 350px;
    background-color: #D4D4D4;
    margin-left: 22px;
}

#myBar {
	height: 30px;
	background-color: #5F0F76;
	position: relative;
}
#myBar .title{
	font-size: 9pt;
    color: #fff;
    position: absolute;
    left: 0px;
    top: -47px;
	width:300px;
}

.sigong_detail_img_list {
	margin-left: 22px;
	position: relative;
}
.sigong_detail_img_list div {
	float:left;
	padding: 20px 6px 0 0;
	cursor: pointer;
}

.sigong_detail_img_list div:last-child {
	padding-right: 10px;
	cursor: pointer;
}