@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);





body {background:url(../images/common/body_left_bg.png) left 470px no-repeat;}
#container {background:url(../images/common/body_right_bg.png) right 90% no-repeat;}




/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:678px; min-width:1420px; overflow:hidden; z-index:1; }
.main_visual ul {height:678px;  z-index:1; overflow:hidden;}
.main_visual li {width:100%; height:678px; }
.main_visual li .photo{float:right;}

.main_visual li.first_list .photo{position:relative; z-index:0; background:#000;   width:1161px; height:678px; overflow:hidden;}
.main_visual li.first_list .photo video{width:100%; }
.main_visual li .first_bg{position:absolute; right:0px; top:0px; width:1161px; height:678px; z-index:1;  }
.main_visual li .first_bg img {vertical-align:middle;}



.main_visual .main_visual_text {position:absolute; width:100%; height:678px; top:0px;  color:#fff; z-index:2;    }
.main_visual .main_visual_text .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:0;}
.main_visual .main_visual_text .text {position:relative; z-index:1;  padding-top:220px;text-align:left;  color:#000}
.main_visual .main_visual_text .t1 {font-size:20px;  letter-spacing:-1px; line-height:20px; color:#777;}
.main_visual .main_visual_text .t2 {font-size:60px;  letter-spacing:-1px; line-height:60px; padding:15px 0px; font-family: 'twayair'; }
.main_visual .main_visual_text .t2 span {display:block; color:#94512a;}
.main_visual .main_visual_text .t3 {font-size:18px;  letter-spacing:-1px; line-height:22px;}
.main_visual .main_visual_text .btn {margin-top:40px;}
.main_visual .main_visual_text .btn a{background:#94512a; color:#fff; padding:0 40px; line-height:50px; font-size:16px; display:inline-block; border-radius:50px;}
.main_visual .main_visual_text .btn a span{display:inline-block; margin-left:10px;}


.main_visual .main_pager {position:absolute; width:100%; left:0px; bottom:100px;  z-index:99999999;  text-align:left;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:13px; height:13px; margin:0 3px; border-radius:13px; background:#ddd;}
.main_visual .main_pager .cycle-pager-active{background:#845b0d; }



.main_quick_menu {text-align:center; padding:80px 0px 60px; }
.main_quick_menu .title {font-size:50px; color:#000;  font-weight:bold; letter-spacing:-2px; }
.main_quick_menu ul {overflow:hidden; margin-top:70px; font-size:0px;}
.main_quick_menu ul li {display:inline-block; width:163px; margin-right:60px; }
.main_quick_menu ul li .icon{background:#f8f8f8; width:100%; height:140px; line-height:140px; border-radius:30px; }
.main_quick_menu ul li .icon img {vertical-align:middle;}
.main_quick_menu ul li .text {margin-top:15px; font-size:17px; color:#000;}
.main_quick_menu ul li.last {margin-right:0px;}
.main_quick_menu ul li:hover .icon{background:#845b0d; }


.main_movis {width:1283px; margin:20px auto; position:relative; }
.main_movis .left{margin-right:550px; height:300px;  border-radius:30px; background:#f8efe5; position:relative;}
.main_movis .left .icon {position:absolute; right:30px; bottom:0px;}
.main_movis .left .icon img {vertical-align:middle; width:400px;}
.main_movis .left .text {padding-left:60px; padding-top:50px; margin-right:280px;}
.main_movis .left .text dl dt {font-size:30px; font-weight:bold; margin-bottom:15px; color:#94512a;}
.main_movis .left .text dl dd {font-size:15px; line-height:20px; color:#666;}
.main_movis .left .text .btn {margin-top:30px;}
.main_movis .left .text .btn a {display:inline-block; padding:0 15px; line-height:40px; background:#f8b54b; color:#fff; margin-right:6px;  border-radius:5px;}
.main_movis .left .text .btn a.join {background:#3d3d3d; color:#fff;}


.main_movis .right {position:absolute; right:0px; top:0px; border:10px #f8f8f8 solid; background:#f8f8f8; height:280px;  width:494px;  border-radius:30px; overflow:hidden;}
.main_movis .right video{width:100%; vertical-align:middle; top:-1px; position:relative; z-index:0;}
.main_movis .right .a_link {position:absolute; left:35%; top:40%; background:rgba(0,0,0,0.7); color:#fff; padding:0 30px; line-height:50px; z-index:1; border-radius:10px;}
.main_movis .right .a_link:hover {position:absolute; left:35%; top:40%; background:rgba(127,34,34,0.7); color:#fff; padding:0 30px; line-height:50px; z-index:1; border-radius:10px;}



.main_movis .right .bun_wrap_box {padding:30px;}
.main_movis .right .bun_wrap {position:relative; }
.main_movis .right .title {font-size:30px; font-weight:bold; margin-bottom:25px; color:#94512a;}
.main_movis .right .title a{color:#94512a;}
.main_movis .right .bun_wrap ul{ overflow:hidden;}
.main_movis .right .bun_wrap ul li {float:left; width:48%;  }
.main_movis .right .bun_wrap ul li:nth-child(2n) {float:right;}
.main_movis .right .bun_wrap ul li img{vertical-align:top;width:100%; }
.main_movis .right .bun_wrap ul li .t1 { text-align:left; line-height:18px; color:#333; font-size:16px; font-weight:bold; margin-top:15px;}
.main_movis .right .bun_wrap ul li .t2 {font-size:14px; color:#888; line-height:18px; margin-top:5px;}
.main_movis .right .bun_wrap ul li:hover .t1 {color:#ffa523}







.main_new_box { padding:80px 0px;;}

.main_new_box .title {font-size:50px; font-weight:bold; color:#000; line-height:60px; text-align:center;}
.main_new_box .title strong{color:#000;}
.main_new_box .title span {display:block; font-size:18px; font-weight:normal; margin-top:0px; line-height:30px; color:#777}
.main_new_box .col_box {overflow:hidden; margin-top:60px;}
.main_new_box .col_box .col {float:left; width:49%; }
.main_new_box .col_box .col.right {float:right; }
.main_new_box .col_box .col .box  {background:#fff; border:1px #ddd solid; padding:40px; position:relative; min-height:140px; border-radius:30px;}
.main_new_box .col_box .col .box .title_text {font-size:28px; color:#00; font-weight:bold; position:absolute; left:30px; top:30px; color:#000;}
.main_new_box .col_box .col .box .title_text span {display:inline-block; width:30px; height:5px; background:#94512a; margin-bottom:15px; }
.main_new_box .col_box .col .box .title_text .more {margin-top:20px;}
.main_new_box .col_box .col .box .title_text .more a{display:inline-block; border:1px #ddd solid; line-height:32px; padding:0 15px; color:#666; font-size:13px; font-weight:normal;}
.main_new_box .col_box .col .box ul {margin-left:140px;}
.main_new_box .col_box .col .box ul li {font-size:16px;background:url(../images/main/main_notice_dot.jpg) left 50% no-repeat; position:relative; line-height:35px;}
.main_new_box .col_box .col .box ul li a {display:block; padding-left:10px; color:#000;}
.main_new_box .col_box .col .box ul li:hover a{text-decoration:underline; color:#f9a623;}
.main_new_box .col_box .col .box ul li span{position:absolute; right:0px; top:0px; color:#999}

.main_new_box .quick {border:1px #ddd solid; margin-top:30px;  margin-bottom:120px;}
.main_new_box .quick ul{display:table; width:100%; table-layout:fixed; }
.main_new_box .quick ul li {display:table-cell; vertical-align:middle; text-align:center; background:#fff; padding:25px 0px; border-right:1px #ddd solid;}
.main_new_box .quick ul li img  {vertical-align:middle;}
.main_new_box .quick ul li.last {border-right:0px;}
.main_new_box .quick ul li .txt {margin-top:20px; color:#000; font-size:16px;}
.main_new_box .quick ul li:hover {background:#f9a623;}
.main_new_box .quick ul li:hover .txt {color:#fff;}





@media all and (max-width:1024px) {
	

body {background:url(../images/common/body_left_bg.png) left 470px no-repeat;}
#container {background:url(../images/common/body_right_bg.png) right 90% no-repeat; padding-top:90px;}

/*메인비주얼*/
.main_visual {height:400px; min-width:auto;}
.main_visual ul {height:400px;}
.main_visual li {width:100%; height:400px; }

.main_visual li.first_list {overflow:hidden;;}
.main_visual li.first_list .photo{ width:100%; height:350px; overflow:hidden; background:none;}
.main_visual li.first_list .photo video{width:100%; position:relative; left:40px;}
.main_visual li .first_bg{position:absolute; right:0px; top:0px; width:100%; height:350px;  left:40px;}
.main_visual li .first_bg img {width:100%;}


.main_visual .main_visual_text {height:400px;  }
.main_visual .main_visual_text .text { padding:180px 15px 0px;;}
.main_visual .main_visual_text .t1 {font-size:14px}
.main_visual .main_visual_text .t2 {font-size:30px;  letter-spacing:0px; line-height:30px; padding:5px 0px 20px; }
.main_visual .main_visual_text .t3 {font-size:16px;  line-height:22px;}
.main_visual .main_visual_text .btn {margin-top:30px;}
.main_visual .main_visual_text .btn a{padding:0 20px; line-height:40px; font-size:14px; border-radius:40px;}


.main_visual .main_pager {left:auto; right:10px; bottom:0px;   width:100%; text-align:right;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:13px; height:13px; margin:0 3px; border-radius:13px; background:#ddd;}
.main_visual .main_pager .cycle-pager-active{background:#845b0d; }


.main_quick_menu {text-align:center; padding:80px 0px 20px; }
.main_quick_menu .title {font-size:40px;  letter-spacing:0px; }
.main_quick_menu ul{overflow:hidden; text-align:center;     margin-top: 40px;}
.main_quick_menu ul li { width:110px; margin:0px 5px 20px; }
.main_quick_menu ul li .icon {height: 110px;  line-height: 110px;}
.main_quick_menu ul li .icon img {width:50px;}

.main_quick_menu ul li .text {margin-top:5px; font-size:15px; }



.main_movis {width:auto; margin:20px 15px;}
.main_movis .left{margin-right:0px; height:auto;  border-radius:30px; }
.main_movis .left .icon {right:30px; bottom:0px;}
.main_movis .left .icon img {vertical-align:middle; width:100px;}
.main_movis .left .text {padding:30px; margin-right:0px;}
.main_movis .left .text dl dt {font-size:30px;}
.main_movis .left .text dl dd {font-size:15px;}


.main_movis .right {position:relative; right:0px; top:0px; height:auto;  width:auto; margin-top:20px;}
.main_movis .right video{width:100%; vertical-align:middle; top:-1px; position:relative; z-index:0;}
.main_movis .right .a_link {position:absolute; left:35%; top:40%; background:rgba(0,0,0,0.7); color:#fff; padding:0 30px; line-height:50px; z-index:1; border-radius:10px;}
.main_movis .right .a_link:hover {position:absolute; left:35%; top:40%; background:rgba(127,34,34,0.7); color:#fff; padding:0 30px; line-height:50px; z-index:1; border-radius:10px;}



.main_movis .right .bun_wrap_box {padding:20px;}
.main_movis .right .bun_wrap {position:relative; }
.main_movis .right .title {font-size:30px; font-weight:bold; margin-bottom:25px; color:#94512a;}
.main_movis .right .title a{color:#94512a;}
.main_movis .right .bun_wrap ul{ overflow:hidden;}
.main_movis .right .bun_wrap ul li {float:left; width:48%;  }
.main_movis .right .bun_wrap ul li:nth-child(2n) {float:right;}
.main_movis .right .bun_wrap ul li img{vertical-align:top;width:100%; }
.main_movis .right .bun_wrap ul li .t1 { text-align:left; line-height:18px; color:#333; font-size:16px; font-weight:bold; margin-top:15px;}
.main_movis .right .bun_wrap ul li .t2 {font-size:14px; color:#888; line-height:18px; margin-top:5px;}
.main_movis .right .bun_wrap ul li:hover .t1 {color:#ffa523}







.main_new_box { padding:60px 20px;;}

.main_new_box .title {font-size:30px;  line-height:30px; }
.main_new_box .title span { font-size:16px; }
.main_new_box .col_box {overflow:hidden; margin-top:10px;}
.main_new_box .col_box .col {float:none; width:auto; margin-bottom:20px; }
.main_new_box .col_box .col.right {float:none; }

.main_new_box .col_box .col .box  { padding:30px 20px;}
.main_new_box .col_box .col .box .title_text {font-size:18px;  left:0px; top:0px; position:relative;}
.main_new_box .col_box .col .box .title_text span {display:inline-block; width:30px; height:5px; background:#94512a; margin-bottom:5px; }
.main_new_box .col_box .col .box .title_text .more {margin-top:0px; position:absolute; right:0px; top:0px;}


.main_new_box .col_box .col .box ul {margin-left:0px; margin-top:20px;}
.main_new_box .col_box .col .box ul li {font-size:14px;}
.main_new_box .col_box .col .box ul li a {padding-left:0px;}
.main_new_box .col_box .col .box ul li:hover a{text-decoration:underline; color:#f9a623;}





}