@charset "utf-8";
/* Main Css */
@import url("../css/base.css");
@import url("../css/layout.css");
@import url("../css/lpop.css");


/* layout */
#wrap { width:100%; position:relative; display:block; background:#f0f3f4; height:250px;}
.section { clear:both; position:relative; width:1100px; margin:0 auto; }
.bannerBox{clear:both; position:relative; width:1100px; margin:0 auto;}

/* 상단 메인 롤링 */
.uxPlanRolling {position: relative; width:100%;} 
.uxPlanRolling:after{content:"";clear:both;	display:block;}
.uxPlanRolling .arrow a {display:block; position:absolute; width:41px; height:41px; background:url('../images/main/arr_big.png') repeat-x 0 0;}
.uxPlanRolling .arrow a span {position:absolute; top:-5000px; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
.uxPlanRolling .arrow .next {top:200px; left:0px; background-position:0 0; z-index:2;}
.uxPlanRolling .arrow a.next:hover {background-position:0 -50px;}
.uxPlanRolling .arrow .prev {top:200px; right:0px; background-position:-55px 0; z-index:2;}
.uxPlanRolling .arrow a.prev:hover {background-position:-55px -50px;}
.uxPlanRolling .event_pic {position:relative; width:100%; height:400px; overflow:hidden; }
.uxPlanRolling .event_pic ul {position:relative; height:400px; }
.uxPlanRolling .event_pic li {position:relative; text-align:center;height:400px; }
.uxPlanRolling .event_pic li.pic1{ background:#072e59 url(../images/main/visual_01.jpg) no-repeat 50% 0}
.uxPlanRolling .event_pic li.pic2{ }
.uxPlanRolling .event_pic li.pic3{ background:#27697F url(../images/main/visual_03.jpg) no-repeat 50% 0}
.uxPlanRolling .event_pic li.pic4{ }
.uxPlanRolling .event_pic li.pic5{ }
.uxPlanRolling .event_pic li.pic2 a{ display:block; width:100%; height:400px; background:#B0AFB4 url(../images/main/visual_02.jpg) no-repeat 50% 0;}
.uxPlanRolling .event_pic li.pic4 a{ display:block; width:100%; height:400px; background:#B0AFB4 url(../images/main/visual_04.jpg) no-repeat 50% 0;}
.uxPlanRolling .event_pic li.pic5 a{ display:block; width:100%; height:400px; background:#B0AFB4 url(../images/main/visual_05.jpg) no-repeat 50% 0;}

.uxPlanRolling .rolling_btn {position:absolute; left:50%; bottom:30px; width:120px; margin:0 0 0 -50px;overflow:hidden; z-index:3;}
.uxPlanRolling .rolling_btn li { float:left; margin:2px; list-style:none; cursor:pointer;}
.uxPlanRolling .rolling_btn li a { padding:0px}


@media screen and (max-width: 1150px) {	
	.uxPlanRolling .arrow { display:none}
}


/* section */
.uxBox{ position:relative; overflow:hidden; float:left; width:270px; margin-right:39px; padding:30px 0;}
.uxBox span.more{display:block; position:absolute; right:0; top:30px; }
.uxBox strong {display:block; margin-bottom:20px; }
.uxBox span.txt{display:block; color:#ed6b0d; font-size:17px; margin-bottom:10px; letter-spacing:-0.1em; font-weight:600} 
.moreBn{ display:block; margin-top:20px;}
.moreBn a{ display:block; padding:5px 7px; width:155px; font-size: 14px; background:#a1a1a1 url(../images/main/moreBn_arrow.gif) no-repeat 95% 50%;  border-radius:3px; color:#fff; font-weight:bold;}
.moreBn a:hover{ background:#ed6b0d  url(../images/main/moreBn_arrow.gif) no-repeat 95% 50% }

.newsBox { overflow:hidden; clear:both;}
.newsBox li{ margin-bottom:5px; padding-left:10px; background:url(../images/main/news_dot.gif) no-repeat 0 50%;}
.newsBox li a{ font-size:13px;}
.newsBox li a:hover{ color:#000; font-weight:bold; text-decoration:underline;}

.eduBox{ background:#fff url(../images/main/bg_eduBox.jpg) no-repeat 100% 100%; padding:30px 30px 26px 30px; width:440px; height:100%}
.eduBox p{ display:block; width:210px;}
.eduBox .promore{ display:block; margin-top:20px; width:165px; height:27px;}
.eduBox .promore a{ display:block; width:165px; height:27px; background:url(../images/main/btn_pro.gif) no-repeat;}
.eduBox .promore a:hover{ background:url(../images/main/btn_pro_on.gif) no-repeat;}
.eduBox span.more{ right:30px;}
.eduBox .uxPlanRolling {position: relative; width:100%;} 

.mainEduRolling{overflow:hidden}
.mainEduRolling:after{content:"";clear:both;	display:block;}
.mainEduRolling .event_pic {position:relative; width:100%; height:150px; overflow:hidden; }
.mainEduRolling .event_pic ul {position:relative; height:150px;  }
.mainEduRolling .event_pic li {position:relative; height:150px;}

.mainEduRolling .event_pic li img {}
.mainEduRolling .rolling_btn {position: absolute; right:30px; top:15px; z-index:3; text-align:center; margin:10px 0;}
.mainEduRolling .rolling_btn li { display:inline-block; margin:2px; list-style:none; cursor:pointer;}

.proBox{ margin-right:0 !important; background:url(../images/main/bg_proBox.jpg) no-repeat 100% 100%}

.bannerBox{}
.bannerBox ul{ overflow:hidden;}
.bannerBox ul li{display:block; float:left; width:22%; margin-left:40px;}
.bannerBox ul li a{ color:#333; display:block; padding:30px 0;}
.bannerBox a strong{ display:block; font-size:16px; color:#333; margin-bottom:10px;}
.bannerBox ul li p{ font-size:12px}
.bannerBox li.mn01{ background:url(../images/main/bg_banner01.png) no-repeat 95% 50%; margin-left:0 !important}
.bannerBox li.mn02{ background:url(../images/main/bg_banner02.png) no-repeat 85% 50%;}
.bannerBox li.mn03{ background:url(../images/main/bg_banner03.png) no-repeat 85% 50%;}
.bannerBox li.mn04{ background:url(../images/main/bg_banner04.png) no-repeat 100% 50%;}
.bannerBox li.mn01 a{ margin-left:0 !important}
.bannerBox li.mn01 a:hover, .bannerBox li.mn01 a:active, .bannerBox li.mn01 a:focus{ background:url(../images/main/bg_banner01_on.png) no-repeat 95% 50%;}
.bannerBox li.mn02 a:hover, .bannerBox li.mn02 a:active, .bannerBox li.mn02 a:focus{ background:url(../images/main/bg_banner02_on.png) no-repeat 85% 50%;}
.bannerBox li.mn03 a:hover, .bannerBox li.mn03 a:active, .bannerBox li.mn03 a:focus{ background:url(../images/main/bg_banner03_on.png) no-repeat 85% 50%;}
.bannerBox li.mn04 a:hover, .bannerBox li.mn04 a:active, .bannerBox li.mn04 a:focus{ background:url(../images/main/bg_banner04_on.png) no-repeat 100% 50%;}

/* brochure */
.brochure {position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.8); display:none; z-index:10;}
.brochure.active {display:block;}
.brochure img {position:absolute; width:630px; left:0; right: 0; top:0; bottom: 0; margin: auto;}
#bro_img1, #bro_img2 {display:none;}
#bro_img1.active,#bro_img2.active {display:block;}
#bro_down {position:absolute; width:42px; height:38px; top:10px; right:64px; background-image:url('../images/main/bro_down.png'); cursor:pointer;}
#bro_down a {display:inline-block; width:100%; height:100%;}
#bro_close {position:absolute; width:34px; height:34px; top:10px; right:10px; background-image:url('../images/main/bro_close.png'); cursor:pointer;}
#bro_prev {position:absolute; width:35px; height:68px; display:none; background-image:url('../images/main/bro_prev.png'); cursor:pointer; top:50%; transform:translateY(-50%); left:20px;}
#bro_next {position:absolute; width:35px; height:68px; display:none; background-image:url('../images/main/bro_next.png'); cursor:pointer; top:50%; transform:translateY(-50%); right:20px;}
#bro_prev.active, #bro_next.active {display:block;}