@charset "utf-8";
#container {padding-top:0 !important; }
@media only screen and (max-width: 1024px){ #container {padding-top: 60px !important;}}
@media only screen and (max-width: 640px){ #container {padding-top: 55px !important;}}	

/* main movie */
.pixMvBox{position:fixed;bottom: 0;left: 0;width:100%;height: 100%;max-width: 320px;z-index:999;box-sizing:border-box;}
.pixMvBox:after{content:''; display:block; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); width:100%; height:100%; opacity:0; z-index:-1;}
.pixMvBox div{position: fixed;bottom: 15px;margin:0;background:#000;max-width:320px;box-shadow:3px 3px 10px rgba(0,0,0,0.3);border:10px solid #fff;border-radius:10px;transition: all 0.5s;}
.pixMvBox.mv03 div{bottom: 535px;}
.pixMvBox.mv02 div{bottom: 275px;}
.pixMvBox div .mv{ width:100%; box-sizing:border-box;}
.pixMvBox div a{position: absolute;right: -20px;top: -20px;font-size:0;text-align:center;background: #ff8a00;border-radius: 50%;width:35px;height:35px;line-height:35px;border: 1px solid #cc5a00;}
.pixMvBox div .tit{font-size:1.3em;background:#fff;display:block;padding-bottom:10px;font-weight:500;letter-spacing: -0.03em;}
.pixMvBox.over{max-width:inherit; z-index:1000;}
.pixMvBox.over:after{opacity:1;}
.pixMvBox.over div a{ border-radius:0; width:45px; height:45px; line-height:45px;}
.pixMvBox.over div a img{ margin:0;}
.pixMvBox.over div:hover .bigSize_bn{display:none;}
.pixMvBox .bigSize_bn{display:none;position:absolute;left: 0;top: 44px;margin: 0 auto;text-align:center;width:100%;height: 177px;color:#fff;font-size: 1.3em;background: rgba(0,0,0,0.8);z-index: 99999;cursor: pointer;}
.pixMvBox div:hover .bigSize_bn{ display:block;}
.pixMvBox.over div {max-width: 768px;bottom: 50%;left: 50%;margin: 0 0 -274px -370px;}

@media only screen and (max-width: 640px){
	.pixMvBox{z-index:300;}
	.pixMvBox.over div{margin:0;width:100%;bottom: 0;left: 0;}
	.pixMvBox div a{border-radius:0;margin-right: -27px;right: 50%;top:-45px;}
	.pixMvBox div a img{ margin:0;}
}

/****** main_visual ******/
#main_visual {position:relative;box-sizing: border-box;width:100%;overflow:hidden;height: 760px;background:url('../images/main/bg_main.gif') 0 0 no-repeat;background-size:cover;z-index: 1;}
#main_visual .owl-carousel .item{height: 760px;position: relative;width:100%;background-repeat: no-repeat;background-size:cover;background-position: 50% 50%;}
#main_visual .item .innerWrap{margin:0 auto;overflow: hidden;position: relative;display: table;height: 760px;}
#main_visual .item .txtWrap{margin-top: 205px;color:#000;text-align: center;vertical-align: middle;/* display: table-cell; */}
#main_visual .item .txtWrap .s_tit{font-family: 'S-CoreDream', cursive;display: block;color:#fa7000;font-size:25px;font-size: 1.565em;letter-spacing: 0;line-height: 1em;margin-bottom: 25px;text-transform: uppercase;}
#main_visual .item .txtWrap .tit{font-size: 50px;font-size: 3.125em;line-height: 1.2em;font-weight: 100;letter-spacing: -0.08em;}
#main_visual .owl-carousel .item.vi03 .txtWrap{color:#fff;}
#main_visual .owl-carousel .item.vi03 .txtWrap,
#main_visual .owl-carousel .item.vi04 .txtWrap{ text-align:left;}
#main_visual .owl-carousel .item.vi01{background-image:url('../images/main/visual01_bg.jpg');}
#main_visual .owl-carousel .item.vi02{background-image:url('../images/main/visual02_bg.jpg');}
#main_visual .owl-carousel .item.vi03{background-image:url('../images/main/visual03_bg.jpg');}
#main_visual .owl-carousel .item.vi04{background-image:url('../images/main/visual04_bg.jpg');}

#main_visual .dataCtrl .dataDots{margin-left: -20px;}
#main_visual .dataCtrl .dataDots button{border: 1px solid transparent;background:transparent !important;border-radius: 50%;width: 15px;height: 15px;position: relative;margin: 0 2px;}
#main_visual .dataCtrl .dataDots button:after{content:'';display: block;position: absolute;left: 3px;top: 3px;width: 7px;height: 7px;background:rgba(255,255,255,0.6);border-radius: 50%;border:0;}
#main_visual .dataCtrl .dataDots button.active,
#main_visual .dataCtrl .dataDots button:hover { border-color:#fff;}
#main_visual .dataCtrl .dataDots button.active:after,
#main_visual .dataCtrl .dataDots button:hover:after{ background:#fff;}
#main_visual .dataCtrl{bottom: 170px;}
#main_visual .dataCtrl .dataAuto{}
#main_visual .dataCtrl .dataAuto .btn.play, #main_visual .dataCtrl .btn.stop{left: 0px;opacity: 0.5;width: 15px;height: 15px;}
#main_visual .dataCtrl .dataAuto .btn.play:hover,
#main_visual .dataCtrl .dataAuto .btn.stop:hover{ opacity: 0.8;}
#main_visual .dataCtrl .dataAuto .btn.play{background-image: url('../images/main/btn_play_w.png');}
#main_visual .dataCtrl .dataAuto .btn.stop{background-image: url('../images/main/btn_stop_w.png');}

.main_visual .owl-nav{ width: 1200px;position: absolute;top: 460px;right: 50%;margin-right: -600px;display: none;}
.main_visual .owl-nav .owl-prev span, .main_visual .owl-nav .owl-next span{ display: none; font-size: 0;}
.main_visual .owl-nav .owl-prev, .main_visual .owl-nav .owl-next{background-repeat: no-repeat; width:20px; height: 20px; background-color:transparent; background-position: 50% 50%; display: block !important; margin-top: -13px; }
.main_visual .owl-nav .owl-prev{background-image:url('../images/main/arrow_left.png');right: 100px;left: inherit;}
.main_visual .owl-nav .owl-next{background-image:url('../images/main/arrow_right.png');right: 0;}


/****** section ******/
section{width:100%;position:relative;overflow:hidden;text-align: center;clear: both;}
.mainCon{position:relative;width: 1100px;margin:0 auto;padding-bottom: 50px;}
@media only screen and (max-width: 1024px){ 
	.mainCon {width: 100%;min-width: 320px;max-width: 815px;padding-bottom: 40px;}
}
@media only screen and (max-width: 815px){ 
	.mainCon {/* padding-left: 15px !important; *//* padding-right:15px !important; */padding-bottom: 0;}
}
@media only screen and (max-width: 640px){ 
	.mainCon { max-width: inherit;}
}

.sec01{margin-top: -140px;z-index: 2;overflow: inherit;height: 140px;}
.quick_banner{/* overflow: hidden; *//* clear: both; */position: absolute;width: 100%;top: 0;left: 0;}
.quick_banner li{float: left;width: 33.333333%;}
.quick_banner li a{display: block;background-repeat: no-repeat;background-position: center right 30px;background-size: 85px;padding: 30px 25px;height: 140px;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
.quick_banner li a .txt{color: #fff;font-size: 22px;font-size: 1.375em;line-height: 1.3em;text-align: left;}
.quick_banner li:nth-child(1) a{background-color: rgba(152, 98, 83, 0.9);background-image:url('../images/main/quick_banner01.svg');}
.quick_banner li:nth-child(2) a{background-color: rgba(42, 54, 58, 0.9);background-image:url('../images/main/quick_banner02.svg');}
.quick_banner li:nth-child(3) a{background-color: rgba(87, 86, 88, 0.9);background-image:url('../images/main/quick_banner03.svg');}
.quick_banner li a:hover,
.quick_banner li a:focus{ background-color:#986253; text-decoration: none; height:150px; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px);}
.quick_banner li:nth-child(1) a:hover,
.quick_banner li:nth-child(1) a:focus{ background-color: #986253;}
.quick_banner li:nth-child(2) a:hover,
.quick_banner li:nth-child(2) a:focus{ background-color: #2a363a;}
.quick_banner li:nth-child(3) a:hover,
.quick_banner li:nth-child(3) a:focus{ background-color: #575658;}

.sec02{padding:40px 0 20px 0;}
.news_zone{float:left;background: #f2f2f2 url('../images/main/news_bg.png') no-repeat right 23px bottom 20px;padding: 36px 40px 30px 40px;width:730px;text-align:left;position:relative;}
.head_tit{overflow:hidden;margin-bottom: 35px;}
.main_tit{font-family: 'Jost', 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', '돋움', sans-serif;color:#333;font-size: 2em;font-weight: 300;line-height: 1em;position: relative;letter-spacing: -0.05em;}
.head_tit .main_tit{ float:left;}
.head_tit .main_tit:before{ content:''; display:block; width:100%; height:3px; background:#bf7539; margin-bottom:13px;}
.head_tit .main_tit + .txt{text-align:left;margin: 24px 0 0 10px;float: left;color: #555;}
section .more_bn{display: inline-block;vertical-align: middle;margin-top: -7px;}
section .more_bn a{position: relative;display: block; width: 30px;height: 30px;border-radius: 50%;border: 1px solid rgba(0,0,0,0.1);}
section .more_bn a:before,
section .more_bn a:after{content:'';display:block;background: #717179;position:absolute;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
section .more_bn a:before{width:10px;height:2px;top:50%;right: 50%;margin: -1px -5px 0 0px;}
section .more_bn a:after{width:2px;height:10px;bottom: 50%;right:50%;margin:0 -1px -5px 0;}
section .more_bn a:hover:before{transform: rotate( 45deg );margin: -3px -4px 0 0px; width:8px;}
section .more_bn a:hover:after{transform: rotate( 45deg );margin: 0 -1px -7px 0; height:8px;}

.news_zone .more_bn{ display:block !important; position:absolute !important;right:25px !important; top:30px !important; margin:0;}
.news_zone .more_bn a{width: 34px;height: 34px; border-radius:0;}

.news_zone .ul_list{clear:both;padding-right: 34%;}
.news_zone .ul_list li{margin-bottom: 10px;position: relative;padding-right: 75px;}
.news_zone .ul_list li:last-child{/* margin-bottom:0; */}
.news_zone .ul_list li a:before{content:'';display: block;width: 2px;height: 2px;background: #333;position: absolute;left:0;top: 10px;} 
.news_zone .ul_list li a{color: #555;padding-left:10px;position: relative;display: block;text-overflow: ellipsis;white-space: nowrap;width: auto;overflow: hidden;}
.news_zone .ul_list li a img{ display: inline-block; vertical-align: middle; margin-left: 5px;}
.news_zone .ul_list .date{font-family: 'Jost', 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', '돋움', sans-serif;color: #999898;font-size:0.9em;position: absolute;right:0;top:2px;}


.cs_zone{ float:right; width:350px; }
.cs_zone > div{padding: 28px;text-align: left;height: 150px;}
.cs_zone > div a{ display: block; text-align: left;}
.cs_zone > div a:hover,
.cs_zone > div a:focus{text-decoration: none;}
.cs_zone > div .main_tit{font-size: 20px;font-size: 1.25em;font-weight:700;letter-spacing:-0.05em;color:#303030;margin-bottom: 11px;}
.cs_zone > div .txt{font-size: 15px;font-size: 0.939em;color: #5f5f5f;letter-spacing: -0.05em;line-height: 1.4em;}
.cs_zone > .con1{ background:#ceae9d;}
.cs_zone > .con1 .main_tit{color:#45332e;margin-bottom: 15px;}
.cs_zone > .con1 .num{font-size: 35px;font-size: 2.3em;font-family: 'Jost', 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', '돋움', sans-serif;font-weight: 600;display: block;color: #000;letter-spacing: -0.08em;margin-bottom: 10px;}
.cs_zone > .con1 .num:before{ content:''; display:block; position:absolute; left:0; top:0;width:65px; height:65px; border-radius:50%; background:#9a6150 url('../images/main/ico_tel.png') no-repeat 50% 50%;}
.cs_zone > .con1 .txt{color:#58453f;position: relative;padding: 10px 0 0px 75px;}
.cs_zone > .con2{ padding: 0;  margin-top: 20px;}
.cs_zone > .con2 a{padding: 28px;background:#c3c5c5 url('../images/main/cs_center_bg.jpg') no-repeat 100% 100%;height: 150px;}


.link_zone{ overflow: hidden;}
.link_zone li{float:left;width: 350px;margin-right:25px; }
.link_zone li:last-child{margin-right: 0px;}
.link_zone li a{display: block;border:1px solid #b4b4b4;padding: 20px 25px;text-align: left;position: relative;}
.link_zone li a .tit{color:#303030;font-size: 20px;font-size: 1.25em;line-height: 1em;margin-bottom: 10px;font-weight: 700;}
.link_zone li a .txt{color:#888;font-size: 14px;line-height: 1.4em;}
.link_zone li a:hover,
.link_zone li a:focus{text-decoration: none;}
.link_zone li a:after{ content:''; display: block; width:84px; height: 84px; position: absolute; right:20px; top:50%; margin-top: -42px; background-size:75px; background-position: 50% 50%; background-repeat:no-repeat; background-color:#fff; border-radius: 50%;}
.link_zone li:nth-child(1) a:after{background-image:url('../images/main/link_zone01.svg');}
.link_zone li:nth-child(2) a:after{background-image:url('../images/main/link_zone02.svg');}
.link_zone li:nth-child(3) a:after{background-image:url('../images/main/link_zone03.svg');}
.link_zone li a:hover,
.link_zone li a:focus{ background-color:#986253; }
.link_zone li a:hover:after,
.link_zone li a:focus:after{ background-size:65px; }
.link_zone li a:hover .tit,
.link_zone li a:focus .tit{ color:#fff;}
.link_zone li a:hover .txt,
.link_zone li a:focus .txt{ color:rgba(255,255,255,0.8);}

@media only screen and (max-width: 1024px) {	
	/* main_visual */
	#main_visual{width:100%;height: 500px;float: none;}
	#main_visual .owl-carousel .item,
	#main_visual .item .innerWrap{height: 500px;}
	#main_visual .item .txtWrap {margin-top: 100px;}
	#main_visual .item .txtWrap .s_tit{margin-bottom: 20px;font-size: 1.4em;}
	#main_visual .item .txtWrap .tit{font-size: 2.5em;}
	#main_visual .dataCtrl{width:815px;margin-left: -407.5px;}
		
	/****** section ******/
	
    .sec01{height:120px;margin-top: -120px;}
    .quick_banner li a{ height: 120px;background-size:65px;background-position: center right 20px;}
    .quick_banner li a:hover,
	.quick_banner li a:focus{ height:130px;}
	.quick_banner li a .txt{font-size: 1.25em;}
    
    .sec02{padding: 15px 0;}
    .news_zone{padding: 35px 30px 30px 30px; background-size: 200px;}
	.news_zone, .cs_zone {width:100%;float:none;}
	.head_tit{ margin-bottom:25px;}
	.head_tit .main_tit{ font-size:1.8em;}
	.head_tit .main_tit + .txt{margin-top: 20px;}
	.cs_zone > div{width: 49%;float:left;margin-top: 15px !important;}
	.cs_zone > div:nth-child(even){float:right;}

	.link_zone li{width: 33.333333%;margin-right: 0;}
	.link_zone li a{border:0;padding: 110px 25px 20px 25px;text-align: center;}
	.link_zone li a:after{right:50%;top: 10px;margin: 0 -42px 0 0;}
	
}

@media only screen and (max-width:815px) {  

	/* main_visual */
	#main_visual,
	#main_visual .owl-carousel .item,
	#main_visual .item .innerWrap{height: 450px;}
	#main_visual .dataCtrl{width: 100%;margin: 0;left: 0;}	
	#main_visual .item .txtWrap{ margin-top: 80px;}
	#main_visual .item .txtWrap .s_tit{margin-bottom: 15px;font-size: 1.3em;}
	#main_visual .item .txtWrap .tit{font-size: 2.3em;}
    
    .sec01{margin-top: -150px;height: 150px;}
    .quick_banner li a{padding: 90px 10px 20px 10px;height: 150px;background-size: 60px;background-position: top 20px center;}
    .quick_banner li a:hover,
	.quick_banner li a:focus{ height:160px;}
	.quick_banner li a .txt{text-align: center;font-size: 1.15em;}
    
	.sec02{padding:0;}
	.news_zone{padding: 30px 25px 15px 25px;background-size: 150px;}
	.head_tit{margin-bottom:20px;}
	.head_tit .main_tit{ font-size:1.7em;}
	.head_tit .main_tit + .txt{margin-top: 18px;}
	.news_zone .ul_list li{margin-bottom:8px;}
	.cs_zone > div{margin: 0 !important;width:50%;}	
}

@media only screen and (max-width:640px) {	

	/* main_visual */
	#main_visual,
	#main_visual .owl-carousel .item,
	#main_visual .item .innerWrap{/* height: 400px; */}
	#main_visual .item .txtWrap .s_tit{font-size: 1.2em;margin-bottom: 10px;}
	#main_visual .item .txtWrap .tit{font-size: 2em;}
    
    .news_zone{background-size:120px;}
    
    .cs_zone > div,
    .cs_zone > .con1,
    .cs_zone > .con2 a{padding: 25px 0px 15px 25px;height: 130px;}
    .cs_zone > div .main_tit{font-size: 1.2em;}
    .cs_zone > .con1 .txt{padding: 4px 0 0 55px;}
    .cs_zone > .con1 .num{font-size: 1.8em;margin-bottom: 5px;}
    .cs_zone > .con1 .num:before{width:45px; height:45px; background-size:30px;}
    .cs_zone > .con2 a{background-size:100px;}

    .link_zone li a{padding: 75px 10px 10px 10px;}
    .link_zone li a:after{right:50%;top: 10px;margin: 0 -30px 0 0;width:60px;height:60px;background-size: 50px !important;}
    .link_zone li a .tit{font-size:1.1em;letter-spacing: -0.05em;}
    .link_zone li a .txt{ font-size:13px;}
    .link_zone li a .txt br{display:none;}    	
}

@media only screen and (max-width:480px) {
	/****** visualRolling ******/
	#main_visual,
	#main_visual .owl-carousel .item,
	#main_visual .item .innerWrap{height: 330px;}
	#main_visual .dataCtrl{ bottom:20px;}
	#main_visual .item .txtWrap .s_tit{font-size: 1.15em;}
	#main_visual .item .txtWrap .tit{font-size: 1.8em;}

     /****** section ******/
    .sec01{margin-top:0px;height: 150px;}
    .quick_banner li a .txt{ font-size:1.05em; }
     
    .news_zone{background-image:none;padding: 25px 20px 10px 20px;}
    .head_tit{margin-bottom:15px;}
    .head_tit .main_tit + .txt{display:none;}
    .news_zone .ul_list{padding-right:0;}

	.cs_zone > div,
	.cs_zone > .con1,
	.cs_zone > .con2 a{padding: 20px 0px 10px 20px;height: 120px;}
	.cs_zone > .con1 .main_tit{margin-bottom:10px;}
	.cs_zone > .con1 .txt{padding: 0 0 0 43px;}
	.cs_zone > .con1 .num{font-size: 1.6em;margin-bottom: 5px;}
	.cs_zone > .con1 .num:before{width: 35px;height: 35px;background-size: 22px;}
	.cs_zone > .con2 a{background-size:100px;}

	.link_zone li a{padding: 75px 5px 10px 5px;}
	.link_zone li a:after{right:50%;top: 10px;margin: 0 -30px 0 0;width:60px;height:60px;background-size: 50px !important;}
	.link_zone li a .tit{font-size:1em;letter-spacing: -0.05em; margin-bottom: 5px;}
	.link_zone li a .txt{ font-size:12px;}
	.link_zone li a .txt br{display:none;}
}
@media only screen and (max-width:430px) {
	.cs_zone > div,
	.cs_zone > .con1,
	.cs_zone > .con2 a{width:100%; float:none; padding: 20px 0px 10px 20px;height: 115px;}
	.cs_zone > .con1 .main_tit{margin-bottom:13px;}
	.cs_zone > .con1 .txt{padding: 0 0 0 55px;}
	.cs_zone > .con1 .num:before{width: 45px;height: 45px;background-size: 30px;}
}
@media only screen and (max-width:420px) {
	.link_zone li a{min-height: 155px;}
}