@import url("common.css");


 /************************** visual **************************/
#main_visual{position:relative; width:100%; height:823px; clear:both; overflow:hidden; }
#main_visual .vtxt1{width:100%; position:absolute; top:155px; text-align:center; color:#fff; z-index:600; font-size:25px; letter-spacing:0.3pt; line-height:100%; font-family:NotoKR-Light;}
#main_visual .vtxt1 span{line-height:100%; font-family:NotoKR-Bold; font-size:57px; position:relative; top:8px; padding-right:16px;letter-spacing:0; }
#main_visual .vtxt2{position:absolute; width:270px; bottom:44px; left:50%; margin-left:319px; text-align:left; color:#e8e8e9;z-index:600; width:1180px; font-size:15px; line-height:20px;}
#main_visual .vtxt2 span{display:block; font-size:21px; line-height:100%; padding-bottom:9px; color:#e8e8e9;}
#main_visual .v_kp{position:absolute; bottom:37px; left:50%; margin-left:165px; z-index:999}
/*
.mainVisual {position:relative; width:100%;  margin:0 auto; height:823px; overflow:hidden; }
.mainVisual .visualBg {height:823px; margin:0 auto;  position:absolute; top:0;  left:0; width:100%; z-index:500; text-indent:-2000%; }
.mainVisual .visualBg1{background:url("../../img/visual_img01.jpg") no-repeat  center 0;}
.mainVisual .visualBg2{background:url("../../img/visual_img02.jpg") no-repeat  center 0; left:100%}
.mainVisual .visualBg3{background:url("../../img/visual_img03.jpg") no-repeat  center 0; left:100%}
.mainVisual .visualBg4{background:url("../../img/visual_img04.jpg") no-repeat  center 0; left:100%}
.mainVisual .visualBg5{background:url("../../img/visual_img05.jpg") no-repeat  center 0; left:100%}

.mainVisual .controller{width:1200px; position:absolute;  z-index:600;  left:50%; margin-left:-3000px;}

.mainVisual .controller2{width:1180px; position:relative;  z-index:600; margin:0 auto}
.mainVisual .controller2 .rollBtnD {position:absolute; top:270px; left:0; overflow:hidden; clear:both;}
.mainVisual .controller2 .rollBtnD a{float:left; margin-right:30px; display:block; width:212px; height:323px;}
.mainVisual .controller2 .rollBtnD a:last-child{margin-right:0;}*/

.wrap_main {position:relative;}
.wrap_main .spot {position:relative; height:823px; text-align:center; }
.wrap_main .spot_images {overflow:hidden; height:823px; }
.wrap_main .spot_images .spot_image1, .wrap_main .spot_images .spot_image2, .wrap_main .spot_images .spot_image3, .wrap_main .spot_images .spot_image4, .wrap_main .spot_images .spot_image5 {position:absolute;top:0;left:0;z-index:6;width:100%;height:823px;text-align:center; }
.wrap_main .spot_images .spot_image2, .wrap_main .spot_images .spot_image3, .wrap_main .spot_images .spot_image4, .wrap_main .spot_images .spot_image5 {opacity:0;filter:alpha(opacity=0)}
.wrap_main .spot_images .image{height:823px; }
.wrap_main .spot_images .image div{position:relative; width:100%; height:823px;margin:0 auto;text-align:left;}
:root .wrap_main .spot_images .image div{width:100%;}

/* 이미지 가로 사이즈를 넘겼을 때 보이는 배경*/

.wrap_main .spot_image1, .wrap_main .spot_image2, .wrap_main .spot_image3, .wrap_main .spot_image4, .wrap_main .spot_image5{background:#333;}
/* 각 이미지 경로 */
.wrap_main .spot_image1 .image{background:url('/eng/img/visual_img01.jpg') no-repeat 50% 0; z-index:1 !important;}
.wrap_main .spot_image2 .image{background:url('/eng/img/visual_img02.jpg') no-repeat 50% 0; z-index:1 !important;}
.wrap_main .spot_image3 .image{background:url('/eng/img/visual_img03.jpg') no-repeat 50% 0; z-index:1 !important;}
.wrap_main .spot_image4 .image{background:url('/eng/img/visual_img04.jpg') no-repeat 50% 0; z-index:1 !important;}
.wrap_main .spot_image5 .image{background:url('/eng/img/visual_img05.jpg') no-repeat 50% 0; z-index:1 !important;}
/* 각 이미지 경로 : 익스플로러 */
.wrap_main .spot_image1 .image div {_background:url('/eng/img/visual_img01.jpg') no-repeat 50% 0;}
.wrap_main .spot_image2 .image div {_background:url('/eng/img/visual_img02.jpg') no-repeat 50% 0;}
.wrap_main .spot_image3 .image div {_background:url('/eng/img/visual_img03.jpg') no-repeat 50% 0;}
.wrap_main .spot_image4 .image div {_background:url('/eng/img/visual_img04.jpg') no-repeat 50% 0;}
.wrap_main .spot_image5 .image div {_background:url('/eng/img/visual_img05.jpg') no-repeat 50% 0;}

/* 하단 버튼 */
.wrap_main .mainshow {z-index:8 !important}
	.wrap_main .spot_static {position:absolute; z-index:10; top:270px; left:50%;margin-left:-590px; width:1180px; height:323px; }
	
	.wrap_main .spot_static a{float:left; display:block; width:212px; height:323px; border:0; cursor:pointer;_cursor:hand; margin-left:30px;}
	.wrap_main .spot_static a:hover{float:left; display:block; height:323px;}
	.wrap_main .spot_static a.on{float:left; display:block; height:323px;}
	.wrap_main .spot_static a.on image{margin-top:0}

	.wrap_main .spot_static .page01 a{background:url('/eng/img/v_bt01.png') no-repeat; margin-left:0px;}
	.wrap_main .spot_static .page01 a.on{background:url('/eng/img/v_bt01_up.png') no-repeat;}
	
	.wrap_main .spot_static .page02{z-index:20;}
	.wrap_main .spot_static .page02 a{background:url('/eng/img/v_bt02.png') no-repeat;}
	.wrap_main .spot_static .page02 a.on{background:url('/eng/img/v_bt02_up.png') no-repeat;}
	
	.wrap_main .spot_static .page03{z-index:20;  }
	.wrap_main .spot_static .page03 a{background:url('/eng/img/v_bt03.png') no-repeat;}
	.wrap_main .spot_static .page03 a.on{background:url('/eng/img/v_bt03_up.png') no-repeat;}

	.wrap_main .spot_static .page04{z-index:20;}
	.wrap_main .spot_static .page04 a{background:url('/eng/img/v_bt04.png') no-repeat;}
	.wrap_main .spot_static .page04 a.on{background:url('/eng/img/v_bt04_up.png') no-repeat;}

	.wrap_main .spot_static .page05{ z-index:20;}
	.wrap_main .spot_static .page05 a{background:url('/eng/img/v_bt05.png') no-repeat;}
	.wrap_main .spot_static .page05 a.on{background:url('/eng/img/v_bt05_up.png') no-repeat;}






 /************************** contents **************************/
#contents{overflow:hidden; position:relative; background:#f0f0f0;}
#contents .cont01{width:1180px; padding:0 10px; margin:0 auto 85px; overflow:hidden; clear:both;}
	.cont01 h3{font-size:33px; font-weight:100; font-family:NotoKR-Bold; /*color:#0058a1*/color:#004884; line-height:100%; padding:65px 0 0;}
	.cont01 > div{float:left; }
	.cont01 .wwa{width:322px; margin-right:60px}
	.cont01 .wwa dl{width:320px; border:1px solid #dddddd; background:url('../../img/wwa_bg.jpg') no-repeat left 10px bottom 0, #090605; margin-top:33px; padding-bottom:32px;}
	.cont01 .wwa dt{font-size:19px; letter-spacing:0.1pt; line-height:22px; color:#e7e7e7; font-weight:100; font-family:NotoKR-Medium; padding:19px 0 0 24px}
	.cont01 .wwa dt span{letter-spacing:-0.1pt; line-height:22px; color:#88a9c4; font-weight:100; font-family:NotoKR-Medium; }
	.cont01 .wwa dd{color:#868383; letter-spacing:-0.6pt; line-height:100%; margin:22px 0 0 24px;}
	.cont01 .wwa dd a{color:#868383; letter-spacing:0pt; line-height:100%; border:1px solid #514d4c; margin-right:5px; padding:6px 10px;}
	.cont01 .wwa dd span{display:block; height:1px; width:101px; background:#555251; }

	.cont01 .rp{}
	.cont01 .rp dl{overflow:hidden; clear:both; padding: 20px;}
	.cont01 .rp dt{width:162px; height:120px; overflow:hidden; float:left}
	.cont01 .rp dt img{max-width:162px;}
	.cont01 .rp dd{float:left; padding:11px 0 0 26px; width:160px; }
	.cont01 .rp dd .cate{background:#004884; color:#fff; font-size:12px; padding:0 7px; border-top:1px solid #004884;border-bottom:1px solid #004884; letter-spacing:-0.15pt;text-transform:uppercase; }
	.cont01 .rp dd p{font-size:14px; letter-spacing:-0.55pt; line-height:19px; color:#444; font-family:NotoKR-Medium; height:35px; overflow:hidden; margin:9px 0 17px;}
	.cont01 .rp dd a{font-size:12px; line-height:100%; color:#a1a1a1; border-bottom:1px solid #a1a1a1; }
	.gallery_rolling {position:relative; width:418px; height:288px;}
		 /**화살표**/
		.gallery_rolling .arrow_prev {position:absolute;top:67px; right:62px;width:31px;height:31px;cursor:pointer; z-index:150}
		.gallery_rolling .arrow_next {position:absolute;top:67px; right:31px;width:31px;height:31px;cursor:pointer; z-index:150}
		.gallery_rolling .more {position:absolute;top:67px; right:0;width:31px;height:31px;cursor:pointer; z-index:150}
		 /**롤링박스 **/
		.gallery_rolling div.carrousel_box {position:relative; overflow:hidden; width:416px; height:159px; left:0px; top:127px; border:1px solid #dddddd; background:#fbfbfb}
		.gallery_rolling div.carrousel_box ul{position:absolute; overflow:hidden;width:1000px; height:258px; clear:both;}
		.gallery_rolling li {float:left; width:416px; height:158px; list-style:none;}


	.cont01 .news{position:relative; width:321px; margin-left:59px;}
	.cont01 .news .more_btn{position:absolute; top:67px; right:0px; }
	.cont01 .news ul{padding-top:22px}
	.cont01 .news li{background:url('../../img/dash_line.gif') repeat-x left bottom; overflow:hidden; clear:both; line-height:100%; padding:14px 0 15px; list-style:none;}
	.cont01 .news li a{line-height:100%;}
	.cont01 .news li span{float:right; font-size:12px; color:#b2b2b2; line-height:100%;}

#contents .cont02{width:100%; background:url('../../img/project_bg.jpg') no-repeat center top;}
	.cont02 .project{width:1180px; padding:0 10px 156px; margin:0 auto;}
	.cont02 h3{font-size:37px; font-weight:100; font-family:NotoKR-Bold; color:#ffffff; line-height:100%; padding:102px 0 0; text-align:center; }
	.cont02 .stit{display:block; text-align:center; font-size:17px; letter-spacing:0pt; line-height:100%; color:#b7b7b9; padding:20px 0 0;}
	.cont02 dt{height:189px; overflow:hidden; }
	.cont02 dt img{max-width:255px}
	.cont02 dd{ background:rgba(174,174,174,0.5); width:209px; height:110px; padding:23px;}
	.cont02 dd .cate{background:#004884; color:#fff; font-size:12px; padding:0 7px; border-top:2px solid #004884;border-bottom:3px solid #004884; letter-spacing:0pt; text-transform:uppercase; }
	.cont02 dd p{font-size:14px; letter-spacing:0pt; color:#fff; font-family:NotoKR-Medium; margin:12px 0 8px;}
	.cont02 dd th{text-align:left; font-weight:100; color:#d4d4d4; font-family:NotoKR-Medium; letter-spacing:0pt; line-height:16px; padding-right:6px; font-size:12px; vertical-align:top; padding-bottom:4px}
	.cont02 dd td{color:#d4d4d4; letter-spacing:0pt; line-height:16px; font-size:12px; vertical-align:top; padding-bottom:4px; font-family:NotoKR-Medium;}
	.cont02 .shadow_line{display:block; width:255px; height:3px; background:rgba(0,0,0,0.15); }

	.gallery_rolling2 {position:relative; width:1180px; height:348px; margin:55px auto 0;}
		 /**화살표**/
	.gallery_rolling2 .arrow_prev2 {position:absolute;top:144px; left:2px;width:24px;height:47px;cursor:pointer; z-index:150}
	.gallery_rolling2 .arrow_next2 {position:absolute;top:144px; right:1px;width:24px;height:47px;cursor:pointer; z-index:150}
		 /**롤링박스 **/
	.gallery_rolling2 div.carrousel_box2 {position:relative; overflow:hidden; width:1060px; height:348px; left:60px; top:0;}
	.gallery_rolling2 div.carrousel_box2 ul{position:absolute; overflow:hidden;width:2000px; height:348px;}
	.gallery_rolling2 li {float:left; width:268px; height:348px; list-style:none;}

#contents .cont03{width:100%; background:url('../../img/cont03_bg.gif') repeat-y center top;}
	.cont03 .cont03_in{width:1180px; padding: 0 10px 86px; margin:0 auto; overflow:hidden; clear:both;}
		.cont03_in .press{float:left; width:590px;}
		.cont03_in .issue{float:left; margin-left:60px}
	.cont03 h3{font-size:33px; font-weight:100; font-family:NotoKR-Bold; color:#004884; line-height:100%; padding:65px 0 0;}
	.cont03 dl{overflow:hidden; clear:both;}
	.cont03 dt{float:left; width:240px; height:180px; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; text-align:center; background:#fff;}
	.cont03 dt img{max-width:240px; text-align:center;}
	.cont03 dd{float:left; padding:0 0 0 25px; width:265px;}
	.cont03 dd h4{font-weight:100; font-family:NotoKR-Medium; letter-spacing:0pt; line-height:21px; color:#444; font-size:17px; padding:25px 0 11px}
	.cont03 dd h4 a{font-weight:100; font-family:NotoKR-Medium; letter-spacing:0pt; line-height:21px; color:#444; font-size:17px}
	.cont03 dd h4 a:hover{text-decoration:none;}
	.cont03 dd p{letter-spacing:0pt; line-height:19px; }
	.cont03 dd span{display:block; margin-top:20px; line-height:100%; color:#888888; }
	.cont03 dd span img{vertical-align:top; position:relative; top:-2px; padding:0 6px 0 1px;}

	.gallery_rolling3 {position:relative; width:530px; height:307px;}
		 /**화살표**/
	.gallery_rolling3 .arrow_prev3 {position:absolute;top:67px; right:62px;width:31px;height:31px;cursor:pointer; z-index:150}
	.gallery_rolling3 .arrow_next3 {position:absolute;top:67px; right:31px;width:31px;height:31px;cursor:pointer; z-index:150}
	.gallery_rolling3 .more {position:absolute;top:67px; right:0;width:31px;height:31px;cursor:pointer; z-index:150}
		 /**롤링박스 **/
	.gallery_rolling3 div.carrousel_box3 {position:relative; overflow:hidden; width:530px; height:307px; left:0; top:127px;}
	.gallery_rolling3 div.carrousel_box3 ul{position:absolute; overflow:hidden;width:2000px; height:307px;}
	.gallery_rolling3 li {float:left; width:530px; height:180px; list-style:none; }