@charset "utf-8";


#container {position:relative; z-index:0; font-family: 'nanumbarunpenr';}


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; max-width:1660px; margin:0 auto;}
.main_visual ul{position:relative; z-index:0 !important;}
.main_visual ul li img {vertical-align:top; width:100%;}

.main_visual .main_pager {display:none; position:absolute;  bottom:30px; width:100%;   text-align:center; z-index:99999999 !important; }
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:9px; height:9px; margin:0 10px; border-radius:9px; background:rgba(255,255,255,0); border:2px #fff solid; }
.main_visual .main_pager .cycle-pager-active{background:#fff;}

.main_visual .main_btn{position:absolute;  top:255px; width:100%;z-index:99999999 !important; }
.main_visual .main_btn a{text-indent:-9999px; background:url(../images/main/main_btn.png) left top no-repeat; float:left; width:47px; height:41px; margin:0 0 0 36px; }
.main_visual .main_btn a#main_btn_next{background-position:right; float:right; margin:0 36px 0 0;}



/*중간*/
.main_first_box {overflow:hidden; margin-top:20px;}
.main_first_box .common_box{margin-bottom:20px;}


/*소개
.main_first_box .about {background:#dcdcdc; float:left;  width:500px; height:460px; transition:all 0.3s; overflow:hidden; }
.main_first_box .about .box{padding:99px 46px ; position:relative;}
.main_first_box .about h3{font-size:25px; color:#010101;  font-weight:bold; padding-bottom:22px; letter-spacing:0.5px;}
.main_first_box .about .greeting{font-size:15px; color:#333;  line-height:23px; font-weight:500;}
.main_first_box .about .last{position:absolute; right:47px; bottom:0; color:#1e11b0; font-size:15px; font-style:italic;}
.main_first_box .about .last a{color:#1e11b0; }
*/


.main_first_box .about {float:left;  width:500px; height:460px; transition:all 0.3s; overflow:hidden;  position:relative;}
.main_first_box .about .photo {position:relative; z-index:0; }
.main_first_box .about .photo img {width:100%; vertical-align:middle; transition: all 0.4s;}
/*.main_first_box .about:hover .photo img {transform: scale(1.2);}*/
.main_first_box .about .text {position:absolute; left:0px; bottom:0px; z-index:1; width:100%; text-align:center; padding:25px 0px;  background: linear-gradient(
            to bottom,
            rgba(20, 20, 20, 0) 10%,
            rgba(20, 20, 20, 0.25) 25%,
            rgba(20, 20, 20, 0.5) 50%,
            rgba(20, 20, 20, 0.75) 75%,
            rgba(20, 20, 20, 1) 100%
          ); color:#fff; font-size:18px; text-align:right; display:none;}
.main_first_box .about .text a {color:#fff; font-size:20px; display:inline-block; padding-right:30px;}



/*배너*/
.main_first_box .banner01 {float:left; width:220px; height:460px; margin-left:20px; text-align:center; background:#2a292a; display:none;}
.main_first_box .banner01 img {vertical-align:middle;margin-top:55px; }


/*소개*/
.main_first_box .map {background:#fff; float:left; width:460px; height:460px;  margin-left:20px;position:relative;}
.main_first_box .map .list{width:100% !important;}
.main_first_box .map .info{height:290px;overflow:hidden;}
.main_first_box .map .info .common_g_map{height:290px;}
.main_first_box .map .text dl{padding:23px 21px;}
.main_first_box .map .text dl dt{font-size:20px; color:#010101; margin-bottom:16px; letter-spacing:0.5px;}
.main_first_box .map .text dl dd{font-size:14px; color:#555555;  letter-spacing:0.5px;}

.main_first_box .map .map_pager { position:absolute;  bottom:0px; left:17.5px;   text-align:center; z-index:99999999 !important; }
.main_first_box .map .map_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:11px; height:11px; margin:0 2.5px; border-radius:11px; background:#e0e0e0; }
.main_first_box .map .map_pager .cycle-pager-active{background:#9e9e9e;}




.main_first_box .movie {background:#0c0b10; text-align:center; float:left; width:660px; height:460px;  margin-left:20px; overflow:hidden; transition:all 0.3s; filter: blur(0px);}
/*
.main_first_box .movie:hover img{opacity:0.6;  filter: blur(1px); transition:all 0.3s;}
.main_first_box .movie img{width:auto !important; }
*/
.main_first_box .movie .photo {position:relative; z-index:0; }
.main_first_box .movie .photo img {width:100%; vertical-align:middle; transition: all 0.4s;}
/*.main_first_box .movie:hover .photo img {transform: scale(1.2);}*/
.main_first_box .movie .text {position:absolute; left:0px; bottom:0px; z-index:1; width:100%; text-align:center; padding:25px 0px;  background: linear-gradient(
            to bottom,
            rgba(20, 20, 20, 0) 10%,
            rgba(20, 20, 20, 0.25) 25%,
            rgba(20, 20, 20, 0.5) 50%,
            rgba(20, 20, 20, 0.75) 75%,
            rgba(20, 20, 20, 1) 100%
          ); color:#fff; font-size:18px; text-align:right;  display:none;}
.main_first_box .movie .text a {color:#fff; font-size:20px; display:inline-block; padding-right:30px;}








@media screen and (max-width:1699px) and (min-width: 1460px){
	
	/*메인비주얼*/
	.main_visual {max-width:1420px; }


	/*소개*/
	.main_first_box .about {/*width:340px;*/ width:500px;}
	.main_first_box .about .box{padding:40px 46px 70px;}
	.main_first_box .about .last{bottom:0px;}
	.main_first_box .map {width:340px; }
	.main_first_box .movie {width:540px;}

}



@media screen and (max-width: 1459px) and (min-width: 1220px){

	.default_layout {max-width:1180px;  }

	.main_visual {max-width:1180px; }
	.main_first_box .about .box{padding:99px 46px;}


	.main_first_box .about,
	.main_first_box .banner01 {width:100%; }
	.main_first_box .map,
	.main_first_box .movie {width:580px; margin-left:0px; }
	.main_first_box .movie {margin-left:20px; }

}


@media screen and (max-width: 1219px) and (min-width: 980px){
	
	.main_visual {max-width:940px;}
	
	.main_first_box .about,
	.main_first_box .banner01 {width:100%; }
	/*.main_first_box .banner01 {width:460px; }*/

	.main_first_box .map,
	.main_first_box .movie {width:460px; margin-left:0px; }
	.main_first_box .movie {margin-left:20px; }

}


@media screen and (max-width: 979px) and (min-width: 740px){
		
	.main_visual {max-width:700px;}
	.main_visual .main_btn{top:45%; }
	.main_first_box .about {height:auto;   width:100%}

	.main_first_box .map,
	.main_first_box .movie {width:100%; margin-left:0px; }

}


@media screen and (max-width:739px) and (min-width: 200px){
	
	#header .language {top:10px;}
	.default_layout {max-width:95%;}
	.main_btn {display:none;}

	#common_portfolio {max-width:95%;}
	#common_portfolio .grid{width:100%; margin:0px 0px 20px;}


	.main_first_box .about {height:auto;   width:100%}
	.main_first_box .about .box{-webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; padding:50px 26px 80px;}
	.main_first_box .about .last {bottom:20px;}
	.main_first_box .map,
	.main_first_box .movie {width:100%; margin-left:0px; height:auto; }
	.main_first_box .movie iframe {height:100%; }
	.main_first_box .banner01 {width:100%; margin-left:0px; }
	.main_first_box .map{height:auto; padding-bottom:40px;}

	#header .header_quick {bottom:0px;}

}


@media screen and (max-width:600px) and (min-width: 200px){
	.main_btn {display:none;}
}