@charset "utf-8";
/* CSS Document */
/*================================
	quick
================================*/
#quick{position:absolute; right:0; top:0; height:100%; z-index:9990; background:#f5f5f5; }
.mainWrap #quick .quick_top{display:none;}



#wrap{position:relative; width:100%; min-width:1200px; }

.util ul{overflow:hidden; position:absolute; right:100px; top:20px; z-index:9999;}
.util ul li{float:left; margin:0 0 0 0px;}

.util1 ul{overflow:hidden; position:absolute; right:50px; top:0px; z-index:9999;}
.util1 ul li{float:left; margin:0 0 0 0px;}

.language ul{overflow:hidden; position:absolute; right:30px; top:20px; z-index:9999;}
.language ul li{float:left; height:14px; padding:0 0 0 18px; background:url(../img/language_bar.png) no-repeat left top;}
.language ul li.first{margin-right:10px;}

/*================================
	main_visual
================================*/
.l-band-wrap {overflow:hidden; position:relative; cur sor:pointer;}
.l-band-wrap * {cu rsor:pointer;}
.l-band {cu rsor:pointer;}
.l-band * {cur sor:pointer;}
.indis {overflow:hidden; position:absolute; right:30px; bottom:30px; height:69px; z-index:9999;}
.indis > li {width:63px; height:63px; position:relative; float:left; margin-right:4px;}
.indis > li.li_03 {margin-right:0;}
.indis > li > a {width:100%; height:100%; display:block;}
.indis > li > div.blinder {width:100%; height:100%; background:black; position:absolute; top:0; left:0; z-index:999; cursor:pointer;}

.slides {width:100%; height:100%;}
.slides > div {width:100%; height:100%; position:absolute; top:0; left:100%;}
/* .slides > div.item_01 {left:0;} */
.slides > div > a {display:block; width:100%; height:100%; position:relative; top:0; left:0;}
.slides > div > a > div {position:absolute; width:100%;}
.slides > div > a > div.img_wrap {top:0 ;left:0;}
.slides > div > a > div.img_wrap > div {position:relative; width:100%; height:100%;}
.slides > div > a > div > div > img {width:100%; z-index:150;}

.timer {display:none; visibility:hidden;}

/* .txt_area 관련 css */

.slides > div div.txt_area {width:100%; height:100%;}
.slides > div div.txt_area > div {width:100%; height:100%; position:relative;}
.slides > div div.txt_area > div .pos_ab {position:absolute;}
.slides > div div.txt_area > div .pos_rel {width:100%; height:100%; position:relative;}
.slides > div div.txt_area > div .pos_rel > p {position:absolute;}
.slides > div div.txt_area > div .pos_rel > p > img {max-width:100%;}

.item_01 .txt_area .pos_ab {width:1200px; height:600px; top:600px; left:100px;}
.item_01 .txt_area .pos_rel {}
.item_01 .txt_area .pos_ab .desc_01 {top:0; left:123px;}


.item_02 .txt_area .pos_ab {width:540px; height:508px; top:200px; left:460px;}
.item_02 .txt_area .pos_rel {}
.item_02 .txt_area .pos_ab .desc_01 {top:0; left:0;}
.item_02 .txt_area .pos_ab .desc_02 {top:161px; left:0;}
.item_02 .txt_area .pos_ab .desc_03 {top:426px; left:10px;}
.item_02 .txt_area .pos_ab .desc_04 {top:456px; left:0;}

.item_03 .txt_area .pos_ab {width:710px; height:506px; top:200px; left:460px;}
.item_03 .txt_area .pos_rel {}
.item_03 .txt_area .pos_ab .desc_01 {top:0; left:0;}
.item_03 .txt_area .pos_ab .desc_02 {top:270px; left:0;}
.item_03 .txt_area .pos_ab .desc_03 {top:440px; left:10px;}
.item_03 .txt_area .pos_ab .desc_04 {top:480px; left:0;}

.item_04 .txt_area .pos_ab {width:375px; height:435px; top:253px; left:1100px;}
.item_04 .txt_area .pos_rel {}
.item_04 .txt_area .pos_ab .desc_01 {top:0; left:0;}
.item_04 .txt_area .pos_ab .desc_02 {width:100%; text-align:center; top:269px; left:0;}
.item_04 .txt_area .pos_ab .desc_03 {top:300px; left:10px;}

.item_05 .black_bar {position:absolute; left:0; bottom:20px; width:100%; height:400px; background:black; opacity:0.7;}
.item_05 .txt_area .pos_ab {width:668px; height:220px; bottom:300px; left:1100px;}
.item_05 .txt_area .pos_rel {}
.item_05 .txt_area .pos_ab .desc_01 {width:100%; text-align:center; top:0; left:0;}
.item_05 .txt_area .pos_ab .desc_02 {width:100%; text-align:center; top:131px; left:0;}
.item_05 .txt_area .pos_ab .desc_03 {top:169px; left:10px;}

.item_06 .txt_area .pos_ab {width:650px; height:574px; top:40px; left:460px;}
.item_06 .txt_area .pos_rel {}
.item_06 .txt_area .pos_ab .desc_01 {top:0; left:0;}
.item_06 .txt_area .pos_ab .desc_02 {top:310px; left:0;}
.item_06 .txt_area .pos_ab .desc_03 {top:540px; left:0;}


/*================================
	main_container
================================*/
#main_container{position:relative; width:100%;}
#main_container #content{position:relative; width:1200px; margin:0 auto; padding:25px 0 45px 0;}

#main_container #content .conTop{overflow:hidden; position:relative; padding:0 0 57px 0;}
	.conTop .centerDiv{margin:0 4px;}
	.conTop .mosaic-block {overflow:hidden; float:left; position:relative; width:295px; height:280px;}
	.conTop .mosaic-block2 {overflow:hidden; float:left; position:relative; width:590px; height:280px;}
	.conTop .mosaic-backdrop {display:none; position:absolute; top:0; width:100%; height:100%;}
	.conTop .mosaic-overlay {z-index:5; display:none; position:absolute; 	width:100%; height:100%;}
	.conTop .fade .mosaic-overlay {opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00);}

#main_container #content .conMid{position:relative; margin:0 0 60px 0;}
	.conMid .sec01{overflow:hidden; }
	.conMid .sec01 h3{margin:0 0 15px 0;}
	.conMid .sec01 .rImg{float:right;}

	.conMid .sec02{overflow:hidden; position:relative; margin:10px 0; }
	.conMid .sec02 h3{float:left; position:absolute; left:0; top:0; z-index:9;}
	.conMid .sec02 .mosaic-block {overflow:hidden; float:left; position:relative; width:348px; height:223px;}
	.conMid .sec02 .mosaic-backdrop {display:none; position:absolute; top:0; width:100%; height:100%;}
	.conMid .sec02 .mosaic-overlay {z-index:5; display:none; position:absolute; width:340px; height:160px; padding:55px 0 0 0; border:4px solid #43c2cc; }
	.conMid .sec02 .fade02 .mosaic-overlay {opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00);}
	.conMid .sec02 .details{width:145px; height:88px; margin:0 auto; padding:20px 0 0 0; background:url(../img/conMid_sec02_details_bg.png) repeat left top;}
	.conMid .sec02 .details p{margin:0 0 8px 0; color:#282e38; font-size:12px; text-align:center;}

	.conMid .sec03{overflow:hidden; position:relative; }
	.conMid .sec03 .link{overflow:hidden; float:left;}
	.conMid .sec03 .link li{float:left; width:225px; height:225px; margin:0 1px 0 0; }
	/* .conMid .sec03 .link li div img{position:absolute; left:76px; bottom:41px;} */

	.conMid .sec03 .link li.li01{position:relative;  width:225px; height:225px;}


	.conMid .sec03 .mosaic-block {overflow:hidden; float:left; position:relative; width:225px; height:225px;}
	.conMid .sec03 .mosaic-backdrop {display:none; position:absolute; top:0; width:100%; height:100%;}
	.conMid .sec03 .mosaic-overlay {z-index:5; display:none; position:absolute; 	width:100%; height:100%;}
	.conMid .sec03 .fade .mosaic-overlay {opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00);}

	.conMid .sec03 .link li.li02{background:#ebebeb;}
	.conMid .sec03 .link li.li02 div{position:relative; width:225px; height:225px; /*background:url(../img/m_conMid_s3_icon02.png) no-repeat center 50px;*/}
	.conMid .sec03 .link li.li02 div.bg{position:relative; width:225px; height:225px;  background:#ebebeb;}
	.conMid .sec03 .link li.li02 div.bg:hover{background: url(../img/m_conMid_s3_link_t02_ov01.png) no-repeat center 0;}

	.conMid .sec03 .link li.li03{margin-right:0; background:url(../img/m_conMid_s3_link_bg.gif) repeat left top;}
	.conMid .sec03 .link li.li03 div{position:relative; width:225px; height:225px; /*background:url(../img/m_conMid_s3_icon03.png) no-repeat center 50px;*/}
	.conMid .sec03 .link li.li03 div.bg{position:relative; width:225px; height:225px;  background:#ebebeb;}
	.conMid .sec03 .link li.li03 div.bg:hover{background:#282e38;}
	.conMid .sec03 .rImg{float:right;}


 #main_container #content .conBot{float:left; position:relative; margin:0 0 60px 0;width:1200px;border:0px solid red;}
	.conBot h3{text-align:center; margin:0 auto;}
	.conBot ul{float:left;}
	.conBot ul li{float:left; position:relative; width:280px; height:370px; margin:0 25px 0 0; }
	.conBot ul li.last{margin-right:0;}
	.conBot ul li .more{position:absolute; left:120px; bottom:-20px;}
	.conBot ul li .details{position:relative; z-index:999;}
	.conBot ul li .details .txt01{margin:0 0 8px 0; padding:30px 0 0 0; font-size:16px; color:#ffffff; text-align:center;}
	.conBot ul li .details .txt02{margin:0 0 20px 0; font-size:14px; color:#43c2cc; text-align:center; background:url(../img/m_conMid_line.png) no-repeat top center; padding-top:5px;}
	/*.conBot ul li .details .txt02 span{border-top:1px solid #43c2cc;}*/
	.conBot ul li .details .more_over{text-align:center;}

	.conBot .mosaic-block {overflow:hidden; float:left; position:relative; width:280px; height:370px;}
	.conBot .mosaic-backdrop {display:none; position:absolute; top:0; width:100%; height:100%;}
	.conBot .mosaic-overlay {z-index:5; display:none; position:absolute; 	width:100%; height:100%;}
	.conBot .bar .mosaic-overlay{bottom:-156px; height:156px; background:url(../img/bg-black.png);}

#main_container #content .conMid1{position:relative; margin:0 0 60px 0;}
	/*.conMid1 .sec011{overflow:hidden; }*/
	.conMid1 .sec011 h3{margin:0 0 15px 0;}
	.conMid1 .sec011 .rImg{float:right;}

	.conMid1 .sec021{ position:relative; margin:10px 0 60px 0; }
	.conMid1 .sec021 h3{float:left; position:absolute; left:0; top:0; z-index:9;}
	.conMid1 .sec021 .mosaic-block {overflow:hidden; float:left; position:relative; width:348px; height:223px;}
	.conMid1 .sec021 .mosaic-backdrop {display:none; position:absolute; top:0; width:100%; height:100%;}
	.conMid1 .sec021 .mosaic-overlay {z-index:5; display:none; position:absolute; width:340px; height:160px; padding:55px 0 0 0; border:4px solid #43c2cc; }
	.conMid1 .sec021 .fade02 .mosaic-overlay {opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00);}
	.conMid1 .sec021 .details{width:108px; height:88px; margin:0 auto; padding:20px 0 0 0; background:url(../img/conMid_sec02_details_bg.png) repeat left top;}
	.conMid1 .sec021 .details p{margin:0 0 8px 0; color:#282e38; font-size:12px; text-align:center;}


/* Panel */
.slideshow-carousel1{float:left; overflow:hidden; position:relative; width:840px; height:356px; }
.slideshow-carousel2{float:right; position:relative; width:1200px; height:223px; border:1px solid #cacbcd; border-left:none; overflow:hidden;}

.slideshow-carousel1 .sliderkit-panel{top:0px; width:840px; height:356px;}
.slideshow-carousel2 .sliderkit-panel{top:0px; width:1044px; height:223px; overflow:hidden; right:0;}

.main_bnr .sliderkit-nav {z-index:10;position:absolute; text-align:center;}
.main_bnr .sliderkit-nav-clip {position:relative;overflow:hidden;margin:0  auto;}
.main_bnr .sliderkit-nav-clip ul {position:relative; left:0;top:0; list-style:none; margin:0;padding:0;}
.main_bnr .sliderkit-nav-clip ul li {float:left;}
.main_bnr .sliderkit-nav-clip ul li a {display:block;overflow:hidden;}
.main_bnr .sliderkit-btn{z-index:10;}
.main_bnr .sliderkit-panel{z-index:1; position:absolute; overflow:hidden;}
.main_bnr .sliderkit-panel .sliderkit-panel-textbox{position:absolute; z-index:1;}
.main_bnr .sliderkit-panel .sliderkit-panel-text{position:absolute; z-index:3; top:0; left:0;}

/* Navbar */
.slideshow-carousel1 .sliderkit-nav{left:53px; bottom:46px; height:18px; display:none;}
.slideshow-carousel1 .sliderkit-nav-clip ul li{float:left; width:21px; height:20px; margin:0 3px 0 0;  line-height:1 !important;}
.slideshow-carousel1 .sliderkit-nav-clip ul li span {visibility:hidden;}
.slideshow-carousel1 .sliderkit-nav-clip ul li a{display:block; width:21px; height:20px; background:transparent url(../img/submain_noseroll_Navbar01.png) no-repeat 0 0; }
.slideshow-carousel1 .sliderkit-nav-clip ul li.sliderkit-selected a{padding:0; background:transparent url(../img/submain_noseroll_Navbar01.png) no-repeat -24px 0;}

.slideshow-carousel2 .sliderkit-nav{left:53px; bottom:46px; height:18px; display:none;}

/* Controls */
.slideshow-carousel1 .sliderkit-controls{position:absolute; bottom:0px; right:0; height:52px; width:840px; z-index:99; }
.slideshow-carousel2 .sliderkit-controls{position:absolute; bottom:0px; right:0; height:52px; width:1043px; z-index:99; }

.slideshow-carousel1 .sliderkit-btn span{display:none; width:0;}
.slideshow-carousel1 .sliderkit-play-btn{position:absolute; left:0px; bottom:0px; width:52px; height:52px;}
.slideshow-carousel1 .sliderkit-play-btn a{/* position:relative;float:left; */display:block; width:52px; height:52px; background:transparent url(../img/main_bnr01_playBtn.png) no-repeat -52px 0px; }
.slideshow-carousel1 .sliderkit-play-btn a{width:52px; height:52px; background-position:-52px 0;}
.slideshow-carousel1 .sliderkit-play-btn a:hover{background:url(../img/main_bnr01_playBtn_over.png) no-repeat; background-position:-52px 0;}
.slideshow-carousel1 .sliderkit-play-btn a:focus{background-position:-52px 0;}
.slideshow-carousel1 .sliderkit-pause-btn a{background-position:0 0;  width:52px;}
.slideshow-carousel1 .sliderkit-pause-btn a:hover{background:url(../img/main_bnr01_playBtn_over.png) no-repeat; background-position:0 0; width:52px;}
.slideshow-carousel1 .sliderkit-pause-btn a:focus{background-position:0 0; width:52px;}

.slideshow-carousel1 .sliderkit-go-btn a{/* position:relative;float:left; */display:block;width:52px;height:52px;/*  background:transparent url(../img/main_bnr01_controlBtn.png) no-repeat -52px 0px; */}
.slideshow-carousel1 .sliderkit-go-prev {position:absolute; top:0; left:52px;}
.slideshow-carousel1 .sliderkit-go-prev a{background:url(../img/main_bnr01_controlBtn_prev.png) no-repeat 0px 0px;}
.slideshow-carousel1 .sliderkit-go-prev a:hover{background:url(../img/main_bnr01_controlBtn_prev_over.png) no-repeat 0px 0px;}
.slideshow-carousel1 .sliderkit-go-prev a:focus{background-position:0px 0;}
.slideshow-carousel1 .sliderkit-go-next{position:absolute; top:0; left:104px;}
.slideshow-carousel1 .sliderkit-go-next a{background:url(../img/main_bnr01_controlBtn_next.png) no-repeat 0px 0px;}
.slideshow-carousel1 .sliderkit-go-next a:hover{background:url(../img/main_bnr01_controlBtn_next_over.png) no-repeat 0px 0px; }
.slideshow-carousel1 .sliderkit-go-next a:focus{background-position:0px 0;}

.slideshow-carousel2 .sliderkit-btn span{display:none; width:0;}
.slideshow-carousel2 .sliderkit-play-btn{position:absolute; left:-125px; bottom:44px; width:30px; height:30px;}
.slideshow-carousel2 .sliderkit-play-btn a{/* position:relative;float:left; */display:block; width:30px; height:30px; background:transparent url(../img/main_bnr02_playBtn.png) no-repeat -30px 0px; }
.slideshow-carousel2 .sliderkit-play-btn a{width:30px; height:30px; background-position:-30px 0;}
.slideshow-carousel2 .sliderkit-play-btn a:hover{background:url(../img/main_bnr02_playBtn_over.png) no-repeat;  background-position:-30px 0;}
.slideshow-carousel2 .sliderkit-play-btn a:focus{background-position:-30px 0;}
.slideshow-carousel2 .sliderkit-pause-btn a{background-position:0 0;  width:30px;}
.slideshow-carousel2 .sliderkit-pause-btn a:hover{background:url(../img/main_bnr02_playBtn_over.png) no-repeat; background-position:0 0; width:30px;}
.slideshow-carousel2 .sliderkit-pause-btn a:focus{background-position:0 0; width:30px;}

.slideshow-carousel2 .sliderkit-go-btn a{/* position:relative;float:left; */display:block;width:30px;height:30px;/* background:transparent url(../img/main_bnr02_controlBtn.png) no-repeat -30px 0px; */}
.slideshow-carousel2 .sliderkit-go-prev {position:absolute; bottom:44px; left:-94px;}
.slideshow-carousel2 .sliderkit-go-prev a{background:url(../img/main_bnr02_controlBtn_prev.png) no-repeat 0px 0px;}
.slideshow-carousel2 .sliderkit-go-prev a:hover{background:url(../img/main_bnr02_controlBtn_prev_over.png) no-repeat 0px 0px;}
.slideshow-carousel2 .sliderkit-go-prev a:focus{background-position:0px 0;}
.slideshow-carousel2 .sliderkit-go-next{position:absolute; bottom:44px; left:-63px;}
.slideshow-carousel2 .sliderkit-go-next a{background:url(../img/main_bnr02_controlBtn_next.png) no-repeat 0px 0px;}
.slideshow-carousel2 .sliderkit-go-next a:hover{background:url(../img/main_bnr02_controlBtn_next_over.png) no-repeat 0px 0px;}
.slideshow-carousel2 .sliderkit-go-next a:focus{background-position:0 0;}