@charset "utf-8";
/* CSS Document */


@charset "utf-8";


/*서브비주얼*/
#sub_visual {position:relative; width:100%; overflow:hidden; font-size:0; line-height:0; margin:0 auto; background:#f7f7f7; height:924px;}
#sub_visual .visual_text {position:absolute; top:246px; left:50%; margin-left: 192px; text-align:left; color:#222; width: 550px; }
#sub_visual .visual_text .sub_title{font-size:40px; letter-spacing:-2px; margin-bottom:45px; line-height: 48px; font-weight:300; color:#222;}
#sub_visual .visual_text .sub_title b{font-weight:500; color:#222;}
#sub_visual .visual_text h2{font-size:90px; text-align:left; color:#b5847b; line-height:100px; font-weight:700; margin: 35px auto 25px;}
#sub_visual .visual_text span{display:block; text-align:left; font-size:23px; color:#222; font-weight:300; line-height: 28px;}

#sub_visual.vis_int .visual_text{top:300px;}
#sub_visual.vis_int .visual_text .sub_title{font-size:30px; letter-spacing:-1px; margin-bottom:45px; line-height:38px; font-weight:300; color:#222;}
#sub_visual.vis_int .visual_text h2 b{color:#b5847b; font-weight:300;}
#sub_visual img {width:2000px; position:absolute; left:50%; margin-left:-1000px;}


#board_visual {width:100%; height:150px; margin:0 auto; text-align:left; background-color:#f7f7f7; overflow:hidden; margin-bottom:40px;}
#board_visual h2{font-weight:700; font-size:38px; text-align:center; padding-top:50px; color:#333; line-height:100%;}

/*tab common style*/
.tab_area {position:relative; width:1380px; margin:auto; margin-top:-56px;}
.sub_tabs {width:1380px; overflow:hidden;}
.sub_tabs ul:after {clear:both; display:block; content:"";}
.sub_tabs ul li {float:left; height:56px;}
.sub_tabs ul li a {display:block; text-align:center; font-size:18px; line-height:56px; color:#222; margin-left:1px; background:#eee; opacity:0.8; cursor:pointer;}
.sub_tabs ul li a:hover, .sub_tabs ul li a:focus, .sub_tabs ul li a.on {color:#fff; background:#f9994f; opacity:1;}

/*서브탭 가로값*/
.sub_tabs2n li{width:49.95%;}
.sub_tabs3n li{width:33.3%;}
.sub_tabs4n li{width:25%;}
.sub_tabs5n li{width:19.98%;}
.sub_tabs6n li{width:16.65%;}
.sub_tabs7n li{width:14.27%;}
.sub_tabs8n li{width:12.4%;}
.sub_tabs10n li{width:9.9%;}


/*contents*/
#content_wrap {position:relative; width:100%;}
.cntbox{width:1380px; text-align:left; margin:0 auto 120px;}
.cntbox.pd120{width:1380px; text-align:left; margin:120px auto;}
.wd1200 {width:1200px; margin:50px auto;padding-bottom: 50px;}
.cntbox .wd2000 {position: relative; left: 50%; margin-left: -1000px; width: 2000px;line-height: 0; }
.cntbox h3{font-size:52px; margin-bottom:60px; color:#222; font-weight:300; text-align:center; line-height:120%; background:url(../images/h_line.gif) no-repeat top center; padding-top:25px;}
.cntbox h3 b{font-weight:700; color:#b5847b;}

.cntbox p.sub_txt{color:#333; text-align:center; font-size:20px; margin-bottom:40px; margin-top:-20px;}
.cntbox div.txtbox{width:764px; display:table; height:143px; margin:0 auto 45px; text-align:center;background:url(../images/subtext_bg.gif) no-repeat; background-size:100% 100%;}
.cntbox div.txtbox div.txt{display:table-cell;}
.cntbox div.txtbox,.cntbox div.txtbox div.txt{vertical-align:middle;}
.cntbox div.txtbox div.txt span{font-size:20px; font-weight:300; line-height:120%; display:block;}
.cntbox div.txtbox div.txt p{font-family: 'Nanum Myeongjo', serif; color:#333; font-size:28px; line-height:120%;}
.cntbox div.txtbox div.txt p b{font-family: 'Nanum Myeongjo', serif; color:#333; font-weight:700;}
.cntbox div.txtbox div.txt .pdb15{padding-bottom:15px;}

/*둘러보기*/
#gallery {clear:both; position:relative; padding:30px 0 30px 0; width:1380px; background:#f0f0f0; text-align:center; margin:auto; margin-top:50px;}

#gallery_img {width:1300px; height:845px; overflow:hidden; margin:auto; position:relative; border:5px solid #e2e2e0;}
#gallery_img ul {width:1300px; height:845px; position:relative;}
#gallery_img li {position:absolute; left:0; top:0; display:block; background-color:#FFF;}

#gallery_nav_bg {margin:auto; width:1310px; height:130px; background:#d6d6d6;}
#gallery_nav {position:relative; width:1300px; margin:0 auto;}
#btn_left {position:absolute; top:20px; left:0;}
#prev {position:absolute; top:25px; left:15px;}
#btn_right {position:absolute; top:20px; right:0;}
#next {position:absolute; top:25px; right:15px;}
#gallery_nav_wrap {width:1190px; height:120px; overflow:hidden; position:relative; margin:0 auto; padding-top:15px;}
#gallery_nav ul {position:absolute; left:0; width:1350px; height:63px; }
#gallery_nav li {float:left; width:120px; height:92px; border-top:4px solid #f9f9f9;margin-left:5px;}
#gallery_nav li.mouseon {width:120px; height:92px; border-top:4px solid #ccc;}
#gallery_nav li.on {width:120px; height:92px; border-top:4px solid #35b9ea;}
#gallery_nav li img {float:left; padding-right:10px;}

/*지도*/
#daumRoughmapContainer1579662284278{position:absolute; left:50%; margin-left:-242px; top:114px;}
#daumRoughmapContainer1579662284278 .hide{display:none;}

/*tab_3dep*/
.tab_3dep{width:1000px; padding:0 100px; margin:0 auto; margin-bottom:92px; text-align:center; overflow:hidden; border-bottom: 1px solid #999; border-top: 2px solid #333; margin-top: 10px;}
.tab_3dep li{width:20%; float:left;}
.tab_3dep li a{display:block; color:#444; font-size:17px; line-height:50px; font-weight: 400;}
.tab_3dep li a:hover{height:50px; color:#7577d3; text-decoration:underline}
.tab_3dep li a.on{color:#7577d3;}

.tab_3dep_1 {width:1000px; padding:0 100px; margin:0 auto; margin-bottom:92px; text-align:center; overflow:hidden; border-bottom: 1px solid #999; border-top: 2px solid #333; margin-top: 10px;}
.tab_3dep_1 li{width:25%; float:left;}
.tab_3dep_1 li a{display:block; color:#444; font-size:17px; line-height:50px; font-weight: 400;}
.tab_3dep_1 li a:hover{height:50px; color:#7577d3; text-decoration:underline}
.tab_3dep_1 li a.on{color:#7577d3;}

.tab_3dep_2 {width:1000px; padding:0 100px; margin:0 auto; margin-bottom:92px; text-align:center; overflow:hidden; border-bottom: 1px solid #999; border-top: 2px solid #333; margin-top: 10px;}
.tab_3dep_2 li{width:50%; float:left;}
.tab_3dep_2 li a{display:block; color:#444; font-size:17px; line-height:50px; font-weight: 400;}
.tab_3dep_2 li a:hover{height:50px; color:#7577d3; text-decoration:underline}
.tab_3dep_2 li a.on{color:#7577d3;}