@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css); 
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,700,400i, 700i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700');

@font-face {
    font-family: "NanumBarunGothic";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), url("./fonts/NanumBarunGothic.woff") format("woff"), url("./fonts/NanumBarunGothic.ttf") format("truetype");
}
@font-face {
    font-family: "BellMTItalic";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/BellMTItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/BellMTItalic.woff") format("woff"), url("./fonts/BellMTItalic.ttf") format("truetype");
}
/*************************************************************************************************
 
 *  Common Layout
 
 *************************************************************************************************/



body {width:100%;height:100%;font-size:12px;font-family:'KoPub Dotum','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;letter-spacing:-0.02em;font-weight:normal;}
#wrap {width:100%;height:100%;min-width:1400px;}


.btn_Utub {position:absolute;width:130px;height:180px; right:4%;bottom:0%;z-index:1002;}
.btn_Utub a {display:block;width:100%;height:100%;text-indent:-99999px;background:url(/web/images/youtube1.png) no-repeat center center;-webkit-animation-name:loopdown;-webkit-animation-duration:0.5s;-webkit-animation-iteration-count: infinite;animation-name:loopdown;animation-duration:1.0s;animation-iteration-count: infinite;}
.btn_Utub1 {position:absolute;width:130px;height:180px; right:10.8%;bottom:0%;z-index:1002;}
.btn_Utub1 a {display:block;width:100%;height:100%;text-indent:-99999px;background:url(/web/images/Re_logo.png) no-repeat center center;-webkit-animation-name:loopdown;-webkit-animation-duration:0.5s;-webkit-animation-iteration-count: infinite;animation-name:loopdown;animation-duration:1.0s;animation-iteration-count: infinite;}
 
.btn_down {position:absolute;width:30%;height:180px; margin-left:20%;bottom:0%;z-index:1002;}
.btn_down a {display:block;width:100%;height:100%;text-indent:-99999px;background:url(/web/images/Re_logo.png) no-repeat center center;-webkit-animation-name:loopdown;-webkit-animation-duration:0.5s;-webkit-animation-iteration-count: infinite;animation-name:loopdown;animation-duration:1.0s;animation-iteration-count: infinite;}

.btn_infor {position:absolute;width:130px;height:180px; margin-left:75.7%;bottom:0%;z-index:1002;}
.btn_infor a {display:block;width:100%;height:100%;text-indent:-99999px;background:url(/web/images/infor.png) no-repeat center center;-webkit-animation-name:loopdown;-webkit-animation-duration:0.5s;-webkit-animation-iteration-count: infinite;animation-name:loopdown;animation-duration:1.0s;animation-iteration-count: infinite;}


@-webkit-keyframes loopdown {
	
	0%   {background-position:center 45%;}
	50%	{background-position:center 55%;}
	100% {background-position:center 45%;}
	
}

@keyframes loopdown {
	
	0%   {background-position:center 45%;}
	50%	{background-position:center 55%;}
	100% {background-position:center 45%;}
	
}


.subTitle { position:absolute; width:321px; height:321px; left:50%; top:50%; margin:-160px 0 0 -160px; background:url(../images/sub/subTitle_line.png.png) no-repeat; z-index:5;}
.subTitle h2 { position:absolute; right:80px; bottom:152px; text-align:right; color:#fff; font-weight:400; -webkit-text-shadow: 2px 2px rgba(0, 0, 0, 0.3); -moz-text-shadow: 2px 2px rgba(0, 0, 0, 0.3); text-shadow:2px 2px rgba(0, 0, 0, 0.3);}
.subTitle h2 .title01 { display:block; font-family: 'Roboto Condensed', sans-serif; font-size:26px; margin-bottom: 10px; line-height:1.3em; text-transform:uppercase; }
.subTitle h2 .title02 { display:block; font-family: 'Libre Baskerville', serif; font-size:60px; line-height:0.7em;  letter-spacing:-0.01em;}
.subTitle h2 .title03 { display:block; line-height:1.2em; margin-top:0.5em;}


#visual .slides-box {width:100%;height:100%;margin:auto;overflow:hidden;background:#000;}
#visual .slides {position:relative;height:100%;width:100%;margin:auto;float:left;}
#visual .slides li {position:absolute;width:100%;height:100%;}
#visual .slides li img{display:block;width:100%;margin:auto;}
#visual .prev, 
#visual .next {position:absolute;z-index:99;top:50%;margin-top:-20px;left:50px;height:128px;width:128px;cursor:pointer;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
#visual .prev:hover, 
#visual .next:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
#visual .prev{background:url("/web/images/ARROW_left.png") 0 center no-repeat;}
#visual .next {left:auto;right:50px;background:url("/web/images/ARROW_right.png") 0 center no-repeat;}
#visual .pagination{position:absolute;bottom:20px;z-index:99; font-size:0;}
#visual .pagination li {padding:5px 3px;float:left;}
#visual .pagination li a {display:block;width:20px;height:20px;line-height:17px;border-radius:25px;background:#CCC; color:#CCC;text-decoration:none;}
#visual .pagination .active {background:#0c3c59; width:20px;height:20px; color:#0c3c59;}




@media  (max-width: 1600px){
    .btn_infor {margin-left: 73%;}
    .btn_Utub {left: 88.6%;}
}
@media  (max-width: 1440px){
    .btn_infor {margin-left: 70%;}
    .btn_Utub {left: 89.5%;}
    
}

@media  (max-width: 1366px){
.sub_info{top:16% !important; left:32% !important;}
    
}

@media  (max-width: 1280px){
    .btn_infor {margin-left: 70.2%;}
    .btn_Utub {left: 89%;}
}