@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Nanum+Gothic);

@font-face {
  font-family: 'nanumsquare'; 
  font-weight:normal;
  src: url(../font/nanumsquare.eot);
  src: local('¡Ø'), url(../font/nanumsquarer.eot?#iefix) format('embedded-opentype'),
       url(../font/nanumsquarer.woff) format('woff'),
     url(../font/nanumsquarer.woff2) format('woff');
}

@font-face {
  font-family: 'nanumsquare'; 
  font-weight:bold;
  src: url(../font/nanumsquareb.eot);
  src: local('¡Ø'), url(../font/nanumsquareb.eot?#iefix) format('embedded-opentype'),
       url(../font/nanumsquareb.woff) format('woff'),
     url(../font/nanumsquareb.woff2) format('woff');
} 

@font-face {
  font-family: 'nanumsquarexb';
  font-weight:bold;
  src: url(../font/NanumSquareEB.eot);
  src: local('¡Ø'), url(../font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumSquareEB.woff) format('woff');
}
@font-face {
  font-family: 'samsungsharpsansb';
  font-weight:bold;
  src: url(../font/samsungsharpsansb.ttf);
  src: local('¡Ø'), url(../font/samsungsharpsansb.eot?#iefix) format('embedded-opentype'),
       url(../font/samsungsharpsansb.ttf) format('ttf');
}



@font-face { /* ³ª´®°íµñ Regular */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face { /* ³ª´®°íµñ Bold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face { /* ³ª´®°íµñ ExtraBold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

/*Layer*/
body{width:100%;
-webkit-text-size-adjust:none;}
#wrap{width:100%}
#header{}
#container{width:100%;}
#contents{}

/*---Visual---*/
/* ---main_slider
.slider-wrap{position:relative; margin-top:94px;}
.slider-wrap .slider-btn{position:absolute;top:0%;z-index:500;cursor:pointer}
.slider-wrap .slider-btn.left{left:3%; margin-top:450px;z-index:501;}
.slider-wrap .slider-btn.right{right:3%;margin-top:450px;z-index:501;}
.slider-wrap .slider-btn.main_bn{right:0%;  }
.slider-wrap .main_text_con{width:100%;position:absolute;top:100px;left:0;z-index:10}
.slider-wrap .main_text_con > p{width:1200px;margin:0 auto;text-align:left}
.slider-wrap .slider-index{position:absolute;width:100%;text-align:center;z-index:500;bottom:40px; margin-left:-350px;}
.slider-wrap .slider-index img{cursor:pointer;margin:0 2px}
.slider-wrap .slider{position:relative;width:100%;height:896px;overflow:hidden}
.slider-wrap .slider li{position:absolute;width:100%;height:896px;top:0;overflow:hidden}
.slider-wrap .slider .slider-bg{position:absolute;top:0;left:0;width:100%;min-width:1920px;min-height:896px}
.slider-wrap .slider .slider-copy{margin-top:80px}--- */	


#contents {width:100%;}
.contents1{width:100%; height:676px; background:url(../images/contents1_bg.png) no-repeat; }
.main_sub_title{ width:1200px;margin:0 auto; text-align:center; padding-top:75px;}
.main_sub_title h3{padding-top:26px; color:#434343; font-size:25px;}

/*
.contents1 ul li img:hover{  opacity:0.5;}
.contents1 ul li.main_last{width:302px; float:left; margin-right:0;}
.contents1 ul li p{width:302px;padding-left:10px; float:left; margin-right:0; font-size:25px; 
font-weight:bold;background:url(../images/section1_bg.png) no-repeat; height:98px; line-height:98px;}*/

/* ---section1--- */
#section1_wrap {
	width:100%;
	margin:0px auto ;
	overflow:hidden;
	
	}
#section1_second {
	width:1200px;
	margin:0px auto;
	overflow:hidden;
	margin-top:80px;
	}
#scroll_wrap { width:1200px;}
#scroll_wrap div { float:left; }
.scroll-img {width:1100px; height:380px; overflow: hidden; font-size: 0; margin:0 auto;}
.scroll-img ul { width: 1200px; height:380px; margin: 0 auto; }
/*.scroll-img ul li { display: inline-block;  float:left; vertical-align:middle; border:1px solid #e2e2e2;}*/
.scroll-img ul li{ display: inline-block; margin-left:28px; float:left; vertical-align:middle; border:1px solid #e2e2e2;background:url(../images/con1_img1_2.png)  center 130px no-repeat;}
.scroll-img ul li.last{ display: inline-block;  float:left; vertical-align:middle; border:1px solid #e2e2e2;}
/*.scroll-img ul li p { text-align:center; }*/
#scrollbox.scroll-img ul { width: 10000px; }
.btn {float:left; width:44px; cursor:pointer; text-align:center; vertical-align:middle; padding-top:150px;  }	
	
.scroll-img h3{text-align:center;height:84px; line-height:84px; font-size:25px; background:url(../images/section1_bg.png) no-repeat;}
.scroll-img h4{text-align:center; padding-bottom:35px; }


.contents2{width:1200px;margin:80px auto; overflow:hidden; position:relative;}
.slider2{width:599px; height:521px; background:#000; float:left; border-right:1px solid #fff;}
.slider2_1_wrap{width:600px; height:521px; background:#f2f0ed; float:left;}
.main_section2_sub_title{position:absolute; top:30px; left:30px; z-index:9999;color:#fff; font-size:35px; font-weight:600;}

#contents_silder {
	clear:both;
	width:100%;
	height:521px;
	margin:0 auto;
	z-index:1;
	}

.notice{width:560px; height:230px;border-bottom:1px solid #fff; padding-top:30px; padding-left:40px;}
.notice span{font-size:25px; color:#2d5b79; font-weight:bold;}
.notice p{padding-top:15px;}
.con1{width:600px; height:261px; overflow:hidden; background:#000;}
.con1 ul li:first-child{width:300px; height:261px; float:left; background:url(../images/con1_img1.png) no-repeat;  text-align:center;}
/*.con1 ul li:first-child {width:300px; height:261px;background:#000;opacity:0.3;color:#000; transition:all 0.4s;}*/
.con1 ul li:first-child p{font-size:17px;color:#3a3a3a; font-weight:bold; padding-top:68px; line-height:35px;}
.con1 ul li:first-child p span{ font-size:28px;color:#3a3a3a; font-weight:bold;}
.con1 ul li img{ padding-top:10px;}
.con1 ul li:last-child{width:300px; height:261px; float:left; background:url(../images/con1_img2.png) no-repeat; text-align:center;}
.con1 ul li:last-child p{font-size:17px;color:#fff; font-weight:bold; padding-top:68px; line-height:35px;}
.con1 ul li:last-child p span{ font-size:28px;color:#fff; font-weight:bold;}






#contents_map{position:relative;width:100%; min-width:1200px;height:850px; background:url(../images/contents_map.png) no-repeat center top;}
.more{width:130px; height:34px; position:relative; top:264px;margin:0 auto;}
.more:hover{width:130px; height:34px; position:relative; top:264px;margin:0 auto; background:#074d33; }



#mainVisual{position:relative; width:100%; overflow:hidden;}
#mainVisual .visual-item{position:relative; width:100%; overflow:hidden; margin-top:94px; }
#mainVisual .visual-item > img{
	width:100%;
	height:75%;
	-ms-transform: scale(1.2,1.2); /* IE 9 */
    -o-transform: scale(1.2,1.2); /* IE 9 */
    -moz-transform: scale(1.2,1.2); /* IE 9 */
    -webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */
     transform: scale(1.2,1.2);
	-webkit-transition:transform 5000ms  ease-in-out ; /* Safari */
	-moz-transition:transform 5000ms ease-in-out ; /* Safari */
	-o-transition:transform 5000ms ease-in-out ; /* Safari */
	-ms-transition:transform 5000ms ease-in-out ; /* Safari */
    transition:transform 5000ms ease-in-out ;
}
#mainVisual .visual-item:focus{outline:none;}
#mainVisual .visual-txt{position:absolute; top:150px; left:18%;  }
#mainVisual .visual-inner-txt{ padding-left:22px; color:#fff; padding-bottom:30px;}
#mainVisual .visual-inner-txt h2,#mainVisual .visual-inner-txt strong,#mainVisual .visual-inner-txt span,#mainVisual .visual-inner-txt  p{
	display:block;
	opacity:0;filter:Alpha(opacity=0);
	-moz-transform:translateX(10%);  
	-ms-transform:translateX(10%);  
	transform:translateX(10%);  
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}

#mainVisual .visual-inner-txt strong{padding:40px 0 15px; font-size:20px; font-weight:300; transition-delay:0.2s; line-height:25px}
#mainVisual .visual-inner-txt span{font-size:13px; font-weight:300; transition-delay:0.4s}
#mainVisual .visual-inner-txt p{padding-bottom:15px; line-height:24px;  transition-delay:0.6s}
#mainVisual .visual-txt a{width:183px;
	display: inline-block;
    padding: 0 30px;
    border: 2px solid #fff;
    border-radius: 28px;
    background: none;
    position: relative;
	color:#FFF;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    margin-left: 20px;
	background:url(../images/more_arrow.png) 200px center no-repeat;
	opacity:0;filter:Alpha(opacity=0);
	transition:all 0.5s 0.1s;
}
/* active */
#mainVisual .visual-item.active > img{
	-ms-transform: scale(1,1); /* IE 9 */
    -o-transform: scale(1,1); /* IE 9 */
    -moz-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
}
#mainVisual .active .visual-inner-txt h2,
#mainVisual .active .visual-inner-txt strong,
#mainVisual .active .visual-inner-txt span,
#mainVisual .active .visual-inner-txt  p
#mainVisual .visual-inner-txt h3{
	-moz-transform:translateX(0);  
	-ms-transform:translateX(0);  
	transform:translateX(0);  
}
#mainVisual .active .visual-inner-txt h2,
#mainVisual .active .visual-inner-txt strong,
#mainVisual .active .visual-txt a{
	opacity:1.0;filter:Alpha(opacity=100);
	
}
#mainVisual .active .visual-inner-txt span{
	opacity:0.73;filter:Alpha(opacity=73); 
}
#mainVisual .active .visual-inner-txt  p{
	opacity:0.54;filter:Alpha(opacity=54);
}

#mainVisual .visual-txt a:hover {
	
	background-color:#074d33;
	border:2px solid;
	 height: 50px;
    line-height: 50px;
}


#mainVisual .slick-arrow{
	position:absolute;top:45%; margin-top:0px;width:42px; height:76px; left:2%; background:none; border:0; cursor:pointer; z-index:99; font-size:0; 
	-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms
}
#mainVisual .slick-arrow.slick-prev{background:url(../images/arrow_prev.png) no-repeat}
#mainVisual .slick-arrow.slick-next{margin-left:100px; background:url(../images/arrow_next.png) right center no-repeat; left:90%;}
#mainVisual .scroll-icon{position:absolute; bottom:10%; left:50%; width:72px; margin-left:-36px; text-align:center;}
#mainVisual .scroll-icon span{display:block; color:#fff; font-weight:300; font-size:10px; opacity:0.75;filter:Alpha(opacity=75); margin-bottom:10px;}



/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/*
#contents_wrap{ width:1100px; margin: 30px auto;}
#contents_wrap ul{overflow:hidden;}
#contents_wrap ul li{width:302px; float:left;}
.contents1{float:left; width:302px;margin-left:71px;}
.contents2{float:left; width:302px; margin:0 27px;}
.conten_img{margin-bottom:20px;}
.contents3{float:left;width:301px;}
h4.content_title{font-size:20px;line-height:20px;color:#6a6a6a;font-weight:600;font-family:NanumSquare;}

h3.main_title{float:left;margin-right:150px;color:#052e78;}
.contents1 div{border-bottom:1px solid #ccc; height:30px; padding:20px 0 5px 0; margin-bottom:20px;}
.contents1 div img{float:rleft; margin:2px 0 0 20px; }*/