@charset "utf-8";





.main_visual {text-align:center; position:relative; width:100%; ;  z-index:1;}
.main_visual ul#main_visual_wrap {height:950px; position:relative; z-index:1; }
.main_visual li.list {background-repeat:no-repeat; background-position:center top; width:100%; height:950px; background-size:110% 110%; transition: all 5s; }
.main_visual li.cycle-slide-active{ ;background-size:100% 100%;transition: all 5s;}

.main_visual .main_visual_text {position:absolute; width:100%; height:950px; BOTTOM: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:650px; color:#fff; text-align:left; margin:0 5%;}
.main_visual .main_visual_text .t1 {font-size:25px; font-weight:bold; position:relative;      overflow:hidden;}
.main_visual .main_visual_text .t1 div {width:250px;}
.main_visual .main_visual_text .t1 span {position:absolute; left:250px; top:15px; width:100%; height:1px; background:#fff;}
.main_visual .main_visual_text .t2 {font-size:50px;  letter-spacing:-1px; line-height:50px; color:#fff;    font-family: 'Pretendard'; font-weight:900; margin-top:20px;}
.main_visual .main_visual_text .t2 span{display:inline-block; margin-left:40px; font-size:18px; line-height:22px; font-weight:normal;}



.main_visual .s_btn_box {position:absolute; right:5%; bottom:300px; z-index:8; width:100%; text-align:right;   }
.main_visual .s_btn {display:inline-block; margin-left:5px; border:1px #fff solid; width:30px; height:30px; border-radius:30px; line-height:28px; text-align:center; color:#fff; font-size:12px; cursor:pointer;}
.main_visual .s_btn:hover {background-color:#eb7400; color:#fff} 





.main_visual .main_pager {position:absolute; width:100%; right:5%; bottom:120px;  z-index:99999999;  text-align:center; display:none;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:14px; height:14px; margin:0 3px; border-radius:14px; background:#fff; }
.main_visual .main_pager .cycle-pager-active{background:#73594b; }




.main_about_wrap {padding:120px 0px;}
.main_about_wrap .col_box{display:table; width:100%;  table-layout:fixed;}
.main_about_wrap .col_box .col {display:table-cell; vertical-align:middle;}
.main_about_wrap .col_box .col.pic {text-align:right;}
.main_about_wrap .col_box .col.pic img {vertical-align:middle; max-width:100%; border-radius:20px;}
.main_about_wrap .col_box .col .t1{font-family: 'Pretendard';  font-size:50px; line-height:60px; color:#000;}
.main_about_wrap .col_box .col .t1 span {font-weight:900; display:block;}
.main_about_wrap .col_box .col .t2 {margin-top:40px; font-size:18px; line-height:30px;}
.main_about_wrap .col_box .col .t3 {margin-top:40px;}
.main_about_wrap .col_box .col .t3 a{display:inline-block; border:1px #eb7400 solid; line-height:55px; padding:0 30px; color:#eb7400; font-size:16px; border-radius:10px;}





.main_business_wrap {padding:150px 0px; background:#f6f8f8;}
.main_business_wrap .title {font-family: 'Pretendard';  position:relative;  }
.main_business_wrap .title .t1{font-size:30px; color:#ef820e;}
.main_business_wrap .title .t2{font-weight:900; font-size:50px; color:#000; line-height:60px;}
.main_business_wrap .title .main_business_pager {position:absolute; right:0px; top:10px;}
.main_business_wrap .title .main_business_pager a {display:inline-block; font-size:24px; margin:0 30px; font-weight:bold; color:#000; transition: all 0.3s;position:relative;}
.main_business_wrap .title .main_business_pager a.cycle-pager-active { color:#eb7400; }
.main_business_wrap .title .main_business_pager a.cycle-pager-active span {border-bottom:3px #eb7400 solid;  position:absolute; left:0px; bottom:-10px; width:100%;}


.main_business_wrap .slider_box {margin-top:60px;   position:relative; z-index:0;}


.main_business_wrap .slider_box .list { width:100%; }
.main_business_wrap .slider_box .list .col_box{display:table; width:100%;  table-layout:fixed;}
.main_business_wrap .slider_box .list .col_box .col{display:table-cell; vertical-align:middle;}



.main_business_wrap .slider_box .list .col_box .col.info { background:#444; border-radius:40px 0px 0px 40px; width:550px;  }

.main_business_wrap .slider_box .list .col_box .col.info .box  {padding:40px 80px;}
.main_business_wrap .slider_box .list .col_box .col.info .t1 {Font-family: 'Pretendard';  font-weight:900;  font-size:40px; color:#fff;}
.main_business_wrap .slider_box .list .col_box .col.info .t2 {margin-top:20px; font-size:16px; color:#fff;}
.main_business_wrap .slider_box .list .col_box .col.info .t3 {margin-top:40px; font-size:16px; color:#fff;}
.main_business_wrap .slider_box .list .col_box .col.info .t3 a{display:inline-block; border:1px #fff solid; line-height:55px; padding:0 30px; color:#fff; font-size:16px; border-radius:10px;}




.main_business_wrap .slider_box .list .col_box .col.pic{margin-left:440px; padding-top:0px; border-radius:0px 30px 30px 0px; overflow:hidden;}
.main_business_wrap .slider_box .list .col_box .col.pic img{vertical-align:middle; width:100%;   }


.main_company_list {padding:120px 0px; background:#fff;}
.main_company_list .title {font-size:50px; line-height:60px; color:#000;font-weight:bold;  Font-family: 'Pretendard';}

.main_company_list ul.cate {margin-top:30px; overflow:hidden; background:#f8f8f8; display:table; width:100%; table-layout:fixed; border-radius:20px 20px 0px 0px; overflow:hidden; }
.main_company_list ul.cate li {display:table-cell; text-align:center;   position:relative;   border-right:1px #ddd solid;}
.main_company_list ul.cate li:last-child {border-right:0px;}
.main_company_list ul.cate li a{line-height:50px;  display:block; padding:0px 50px;; font-size:15px;color:#353535;  background:#f8f8f8;}
/*
.main_company_list ul.cate li:first-child,
.main_company_list ul.cate li:first-child a{border-radius:30px 0px 0px 30px;}
.main_company_list ul.cate li:last-child,
.main_company_list ul.cate li:last-child a{border-radius:0px 30px 30px 0px; }
*/
.main_company_list ul.cate li a.on{color:#fff;  background:#eb7400;}


.main_company_list .list_box {margin-top:0px; overflow:hidden; display:none;}
.main_company_list .list_box .pic {margin-bottom:40px; border-radius:0px 0px 20px 20px; overflow:hidden;}
.main_company_list .list_box .pic img {vertical-align:middle; max-width:100%;}
.main_company_list .list_box ul {overflow:hidden;}
.main_company_list .list_box ul li{float:left; width:216px; margin-right:20px;   background:#fff; color:#979797; margin-bottom:15px; transition: all 0.3s; text-align:center;  transition: all 0.3s;}
.main_company_list .list_box ul li .box {padding:20px 0px; border:1px #ddd solid;  font-size:18px; border-radius:10px; color:#000; overflow:hidden;  transition: all 0.3s;}
.main_company_list .list_box ul li .box img {vertical-align:middle; max-width:180px;}
.main_company_list .list_box ul li:nth-child(6n+6){margin-right:0px; }
.main_company_list .list_box ul li:hover .box{ color:#eb7400; font-size:22px; font-weight:bold; border-color:#eb7400; }


/*
.main_business_wrap .company_list {margin-top:60px;}
.main_business_wrap .company_list .title {font-size:30px; color:#000;font-weight:bold;}
.main_business_wrap .company_list ul {margin-top:30px;}
.main_business_wrap .company_list ul li{displaY:inline-block; margin-right:15px; padding:0 30px; line-height:40px; border-radius:40px; background:#ddd; color:#000; margin-bottom:15px; font-size:16px;}
.main_business_wrap .company_list ul li:hover{background:#eb7400; color:#fff;}
*/



.main_inquery_wrap {padding:160px 0px; background:url(../images/contents/lunch/lunch_01_center_visual_bg.jpg) center top no-repeat }
.main_inquery_wrap .default_layout{position:relative;}

.main_inquery_wrap .text {text-align:center; color:#fff; }
.main_inquery_wrap .text .t1{font-weight:bold; font-size:35px; }
.main_inquery_wrap .text .t2{ font-size:18px; margin-top:10px; }
.main_inquery_wrap .text .t3{margin-top:20px;}
.main_inquery_wrap .text .t3 a{padding:0 30px; line-height:60px; background:#eb7400; color:#fff; display:inline-block; font-size:18px; border-radius:10px;}






.main_portfolio_wrap {padding:150px 0px; background:#f6f8f8;}
.main_portfolio_wrap .title {font-family: 'Pretendard';  position:absolute; left:0px; top:0px;  }
.main_portfolio_wrap .title .t1{font-weight:900; font-size:50px; color:#000; line-height:60px; }
.main_portfolio_wrap .title .t2 {margin-top:30px; font-size:18px; color:#000;}
.main_portfolio_wrap .title .t2 span {display:block;}

.main_portfolio_wrap .title .t3 {margin-top:40px;}
.main_portfolio_wrap .title .t3 a{display:inline-block; border:1px #eb7400 solid; line-height:55px; padding:0 30px; color:#eb7400; font-size:16px; border-radius:10px;}



.main_portfolio_wrap .pic_box {margin-left:450px; }
.main_portfolio_wrap .pic_box ul {font-size:0px;}
.main_portfolio_wrap .pic_box li {vertical-align:top; display:inline-block; width:296px;  font-size:15px; margin-right:30px; margin-bottom:60px;  }
.main_portfolio_wrap .pic_box li:nth-child(3n) {margin-right:0px;  }
.main_portfolio_wrap .pic_box li img {max-width:100%; vertical-align:top;border-radius:20px;}
.main_portfolio_wrap .pic_box li .subject {margin-top:15px; text-align:center; font-size:16px; color:#000;     overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}











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


body{background:#ededed;}

.main_visual {; width:auto; ; min-width:auto;    overflow:hidden; margin:15px;  border-radius:15px;} 
.main_visual ul#main_visual_wrap {height:300px; }
.main_visual li.list {height:300px;  }



.main_visual .main_visual_text {height:300px;  }
.main_visual .main_visual_text .text { padding-top:50px;}
.main_visual .main_visual_text .t1 {font-size:18px;}
.main_visual .main_visual_text .t1 div {width:180px;}
.main_visual .main_visual_text .t1 span {left:190px; }
.main_visual .main_visual_text .t2 {font-size:28px; }
.main_visual .main_visual_text .t2 span{ margin-left:0px; font-size:15px; line-height:22px;}

.main_visual .s_btn_box {bottom:30px; } 




.main_about_wrap {padding:80px 15px;}
.main_about_wrap .col_box{display:block; width:100%;  table-layout:fixed;}
.main_about_wrap .col_box .col {display:block; vertical-align:middle;}
.main_about_wrap .col_box .col.pic {text-align:center; margin-top:30px;}
.main_about_wrap .col_box .col .t1{ font-size:28px; line-height:40px; }
.main_about_wrap .col_box .col .t1 span{ font-size:35px;}
.main_about_wrap .col_box .col .t2 {margin-top:20px; font-size:16px; line-height:25px;}
.main_about_wrap .col_box .col .t3 {margin-top:20px;}
.main_about_wrap .col_box .col .t3 a{ line-height:45px; padding:0 20px;  font-size:14px; }





.main_business_wrap {padding:80px 15px;}

.main_business_wrap .title .t2{font-weight:900; font-size:40px;  line-height:50px;}
.main_business_wrap .title .main_business_pager {position:relative; right:0px; top:0px; margin-top:20px;}
.main_business_wrap .title .main_business_pager a { font-size:18px; margin:0 20px 0px 0px;}



.main_business_wrap .slider_box {margin-top:60px;   position:relative; z-index:0;}


.main_business_wrap .slider_box .list .col_box{display:block;  }
.main_business_wrap .slider_box .list .col_box .col{display:block; }


.main_business_wrap .slider_box .list .col_box .col.info {border-radius:0px; width:auto;  }

.main_business_wrap .slider_box .list .col_box .col.info .box  {padding:30px;}
.main_business_wrap .slider_box .list .col_box .col.info .t1 {font-size:25px;}
.main_business_wrap .slider_box .list .col_box .col.info .t2 {margin-top:10px; font-size:14px;}
.main_business_wrap .slider_box .list .col_box .col.info .t3 {margin-top:20px; font-size:14px; }
.main_business_wrap .slider_box .list .col_box .col.info .t3 a{line-height:45px; padding:0 20px; font-size:14px;}

.main_business_wrap .slider_box .list .col_box .col.pic{margin-left:0px; padding-top:0px; border-radius:0px; overflow:hidden;}




.main_company_list {padding:80px 15px; }
.main_company_list .title {font-size:25px; line-height:35px;}
.main_company_list ul.cate {    border-radius:10px 10px 0px 0px}
.main_company_list .list_box .pic {border-radius: 0px 0px 10px 10px;}
.main_company_list ul.cate li a{line-height:40px; padding:0px;; font-size:12px;}
.main_company_list .list_box {margin-top:0px; overflow:hidden; display:none;}
.main_company_list .list_box ul {overflow:hidden;}
.main_company_list .list_box ul li{float:left; width:48%; margin-right:0px; }
.main_company_list .list_box ul li:nth-child(even){float:right;}
.main_company_list .list_box ul li .box {font-size:15px;}
.main_company_list .list_box ul li:hover .box{font-size:18px;}



.main_inquery_wrap {padding:80px 0px;}
.main_inquery_wrap .text .t1{font-size:30px;}
.main_inquery_wrap .text .t2{font-size:16px; line-height:20px;margin-top:20px; padding:0 20px; }





.main_portfolio_wrap {padding:80px 15px;}
.main_portfolio_wrap .title {position:relative; left:0px; top:0px;  }
.main_portfolio_wrap .title .t1{font-size:40px; line-height:50px; }
.main_portfolio_wrap .title .t2 {margin-top:20px; font-size:16px;}


.main_portfolio_wrap .title .t3 {margin-top:20px;}
.main_portfolio_wrap .title .t3 a{ line-height:45px; padding:0 20px; font-size:14px;}

.main_portfolio_wrap .pic_box {margin-left:0px; margin-top:40px; }
.main_portfolio_wrap .pic_box .g_list_wrap {overflow:hidden;}
.main_portfolio_wrap .pic_box li {float:left; width:48%;  margin:0px 0px 40px 0px !important; font-size:15px;   }
.main_portfolio_wrap .pic_box li:nth-child(2n) {float:right; }
.main_portfolio_wrap .pic_box li img {border-radius:10px;}
.main_portfolio_wrap .pic_box li .subject {margin-top:10px;  font-size:16px; }












}


@media all and (min-width:1025px) and (max-width:1440px) {


.main_visual {; width:auto; ; min-width:auto;    overflow:hidden;} 
.main_visual ul#main_visual_wrap {height:600px; }
.main_visual li.list {height:600px;  }



.main_visual .main_visual_text {height:600px;  }





.main_about_wrap {padding:80px 2%;}


.main_about_wrap .col_box .col.text  {width:40%;}
.main_about_wrap .col_box .col .t1{font-size:40px; line-height:50px; }
.main_about_wrap .col_box .col .t2 { font-size:16px; line-height:25px;}



.main_business_wrap {padding:80px 2%;}
.main_business_wrap .title .t2{font-size:40px;  line-height:50px;}
.main_business_wrap .slider_box {margin-top:40px; }




.main_business_wrap .slider_box .list .col_box .col.info { width:400px;  }
.main_business_wrap .slider_box .list .col_box .col.info .box  {padding:40px;}
.main_business_wrap .slider_box .list .col_box .col.info .t1 {font-size:30px;}
.main_business_wrap .slider_box .list .col_box .col.pic{margin-left:0px; }




.main_inquery_wrap {padding:80px 2%;}
.main_inquery_wrap .default_layout{position:relative;}
.main_inquery_wrap .t1{color:#fff; Font-family: 'Pretendard';   font-size:30px; line-height:40px;}
.main_inquery_wrap .t1 span{ font-weight:900; font-size:30px; }
.main_inquery_wrap .t2{position:absolute; right:0px; top:10px;}
.main_inquery_wrap .t2 a{display:inline-block; border:1px #fff solid; line-height:55px; padding:0 30px; color:#fff; font-size:16px; border-radius:10px;}




.main_portfolio_wrap {padding:80px 2%;}

.main_portfolio_wrap .title .t1{font-size:40px;  line-height:50px; }

.main_portfolio_wrap .pic_box {margin-left:450px; }
.main_portfolio_wrap .pic_box ul {font-size:0px; overflow:hidden;}
.main_portfolio_wrap .pic_box li {float:left; width:48%;  margin:0px 0px 40px 0px !important;; }
.main_portfolio_wrap .pic_box li:nth-child(2n) {float:right; }




}