@charset "utf-8";

.ctt_admin {text-align:right}

.prod_abb {position:relative;margin:30px 0 60px;}
	.prod_abb .txt {position:relative;font-size:2.5em;font-weight:300;color:rgba(0,0,0,.7);line-height:150px;text-transform:uppercase;text-align:center;z-index:1;}
	.prod_abb .txt strong {font-weight:700;color:#c5341e;}
	.prod_abb .txt span {font-weight:700;color:#007d3e;}
	.prod_abb .circle {position:absolute;left:50%;top:0;width:150px;height:150px;margin-left:-75px;border:1px solid transparent;border-radius:50%;background:rgba(0,0,0,.05);z-index:0;}
@media all and (max-width:1024px) {
	.prod_abb {margin:-30px 0 40px;}
	.prod_abb .txt {font-size:1.5em;}
}
.prod_img {position:relative;margin-bottom:70px;background:#fafafa;}
	.prod_img ul {display:block;list-style:none;margin:0;padding:0;}
	.prod_img ul li {display:block;float:left;margin:0 5px;}
	.prod_img a.prev, .prod_img a.next {display:block;position:absolute;top:50%;width:50px;height:50px;margin-top:-25px;font-size:0;line-height:0;background-repeat:no-repeat;background-position:center center;cursor:pointer;z-index:2;}
	.prod_img a.prev {left:15px;background-image:url('./img/prod_img_arr1.png');}
	.prod_img a.next {right:15px;background-image:url('./img/prod_img_arr2.png');}
.prod_txt {position:relative;height:400px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
	.prod_txt.prod1 {background-image:url('./img/prod1_txt_bg.jpg');}
	.prod_txt .container {width:50%;min-width:840px;height:400px;margin:0 auto;padding:0 50px 0 0;}
	.prod_txt .showcase-slide {display:table;width:100%;min-width:840px;height:400px;}
	.prod_txt .showcase-content {display:table-cell;width:100%;height:400px;text-align:left;vertical-align:middle;}
	.prod_txt .showcase-content h2.subj {font-family:"Noto Sans KR","NanumSB","NanumGothic","나눔고딕","돋움";font-size:2em;font-weight:700;color:#dce81a;}
	.prod_txt .showcase-content ul {list-style:none;margin:35px 0 0;padding:0;}
	.prod_txt .showcase-content ul li {position:relative;padding-left:20px;font-size:1.2em;color:#fff;line-height:1.5em;}
	.prod_txt .showcase-content ul li:before {position:absolute;left:0;content:"/";font-family:"Roboto","Noto Sans KR",Arial;font-weight:100;font-size:1.05em;}
	.prod_txt .showcase-content ul li+li {margin-top:30px;}
	.prod_txt .showcase-content ul li .txt {display:block;color:#fff;line-height:1.5em;}
	.prod_txt .showcase-button-wrapper {position:absolute;right:0;top:50%;}
	.prod_txt .showcase-button-wrapper span {display:block;width:15px;height:15px;border-radius:50%;font-size:0;line-height:0;background:#8c8953;cursor:pointer;}
	.prod_txt .showcase-button-wrapper span+span {margin-top:10px;}
	.prod_txt .showcase-button-wrapper span.active {background:#fff;}
@media all and (max-width:1024px) {
	.prod_txt .container, .prod_txt .showcase-slide {width:100%;min-width:100%;max-width:100%;margin:0;padding:0 !important;}
	.prod_txt .showcase-content {width:100% !important;padding:1%;}
	.prod_txt .showcase-content h2.subj {font-size:1.3em;}
	.prod_txt .showcase-content ul li {font-size:1em;line-height:1.3em;}
	.prod_txt .showcase-content ul li+li {margin-top:15px;}
	.prod_txt .showcase-button-wrapper {position:absolute;left:0;right:0;top:90%;text-align:center;}
	.prod_txt .showcase-button-wrapper span {display:inline-block;}
	.prod_txt .showcase-button-wrapper span+span {margin:0 0 0 10px;}
}
.prod_sys {position:relative;padding-top:70px;text-align:center;}
	.prod_sys h2 {position:relative;margin-bottom:50px;font-size:2.5em;font-family:"Roboto Slab","Times New Roman","Roboto","NanumSB";font-weight:100;}
	.prod_sys .container {border:4px solid #ebebeb;}
	.prod_sys .showcase-slide {text-align:center;}
	.prod_sys .showcase-content {height:500px;}
	.prod_sys .showcase-content ul {display:table;list-style:none;width:100%;max-width:1200px;height:100%;margin:0 auto;padding:0;}
	.prod_sys .showcase-content ul li {display:table-cell;height:100%;vertical-align:middle;}
	.prod_sys .showcase-button-wrapper {position:absolute;right:10px;bottom:10px;}
	.prod_sys .showcase-button-wrapper span {display:inline-block;width:7px;height:25px;font-size:0;line-height:0;background:#d9d9d9;cursor:pointer;vertical-align:bottom;}
	.prod_sys .showcase-button-wrapper span+span {margin-left:8px;}
	.prod_sys .showcase-button-wrapper span.active {height:38px;background:#e81919;}
	.prod_sys .showcase-caption {display:none;position:absolute;left:10px;right:10px;bottom:10px;padding:8px 0;text-align:center;}
@media all and (max-width:1024px) {
	.prod_sys h2 {font-size:1.3em;}
	.prod_sys .showcase-caption {right:100px;line-height:1.25em;text-align:left;}
}