/* Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess */
@font-face {
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:400;
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
	font-family:'Nanum Gothic Bold';
	font-style:normal;
	font-weight:700;
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
	font-family:'Nanum Gothic ExtraBold';
	font-style:normal;
	font-weight:800;
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

 
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */

 @font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 }



@charset "utf-8";

/* -----------------------------------------------------------------------------------------------
	웹폰트 
--------------------------------------------------------------------------------------------------*/

/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);     
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,70000); */


/* -----------------------------------------------------------------------------------------------
	reset CSS
--------------------------------------------------------------------------------------------------*/
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select
{margin:0;padding:0;box-sizing:border-box; letter-spacing:-0.05em; word-break:keep-all;}
body,input,textarea,select,button,table
{font-family:'Noto Sans KR', sans-serif,“Apple SD Gothic Neo”,"맑은 고딕",“Malgun Gothic”,"돋움",dotum,sans-serif;font-size:15px;color:#333;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;  }
body{min-width:1220px; word-break: keep-all; overflow-x:hidden; }
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:18px;}
a {color:#333;text-decoration:none;}
a:link {color:#333;text-decoration:none;}
a:visited {color:#333;text-decoration:none;}
a:active {color:#333;text-decoration:none;}
a:hover {color:#333;text-decoration:none;}
a:focus {outline:none;}
span, a, em, button {display:inline-block;}
img,fieldset,iframe{border:0;}
img {max-width:100%;vertical-align:top;}
ul, li{list-style:none;}
em,address{font-style:normal;}
input,select,button{vertical-align:middle;margin:1px;}
input[type="checkbox"]{padding:1px;}
caption,legend,.blind{overflow:hidden;position:absolute;top:0;left:-9999px;width:0;height:0;font-size:0;line-height:0;text-align:left;}
input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number]
{width:100%;height:36px;padding:0 10px;border:1px solid #999;font-size:16px;color:#333;vertical-align:middle;-webkit-appearance:none;}
input[type=password],input[type=email]{ime-mode:disabled;}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
select:focus,
textarea:focus{border:1px solid #999;}
input[type=file]{width:99.5%;height:30px;border:1px solid #d2d2d2;background:#fff;}
select{height:36px;padding-left:5px;border:1px solid #999;font-size:16px;color:#333;vertical-align:middle;}
textarea{width:100%;padding:10px;border:1px solid #999;font-size:16px;color:#333;resize:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
table th {font-weight:normal;}
hr{display:none;}
label {cursor:pointer;}


/* -----------------------------------------------------------------------------------------------
	공통
--------------------------------------------------------------------------------------------------*/
.hidden { position:absolute; font-size:0; line-height:0; left:-10000px;}
.float-l {float:left !important;}
.float-r {float:right !important;}
.dis-block {display:block !important;}
.dis-none {display:none !important;}
.text-c {text-align:center !important;}
.text-l {text-align:left !important;}
.text-r {text-align:right !important;}
.vt-t {vertical-align:top !important;}
.vt-m {vertical-align:middle !important;}
.vt-b {vertical-align:bottom !important;}
.bg-none {background:none !important;}
.border-none {border:none !important;}
.clear:after {content:"";display:block;clear:both;}
.bold { font-weight:bold; }
.en {font-family:'Roboto', sans-serif !important; }

.display-inb { display:inline-block;}
.text-blue { color:#4aafd3 !important; }
.text-orange { color:#ec5e1b !important; }
.text-black { color:#000 !important; }

/* ios */
a[x-apple-data-detectors] {
  color:inherit !important;
  text-decoration:none !important;
  font-size:inherit !important;
  font-family:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  white-space:nowrap;
}
.mt0 { margin-top:0px !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }
.mt80 { margin-top:80px !important; }
.mt90 { margin-top:90px !important; }
.mt100 { margin-top:100px !important; }
.ml10 { margin-left:10px; }


/* 글자 자르기 */
.line1-text-eps { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display:block; }
.line2-text-eps { display:block; line-height:1.4em; max-height:2.8em; display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }
.line3-text-eps { display:block; line-height:1.4em; max-height:4.2em; display:-webkit-box; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }
.line5-text-eps { display:block; line-height:1.5em; max-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; 
}




/* -----------------------------------------------------------------------------------------------
	layout
--------------------------------------------------------------------------------------------------*/
.container { width:1220px; padding:0 10px; margin:0 auto; position:relative; }


/* header */
#header {}
#header .header-top { width:100%; height:30px; border-bottom:1px solid #ccc; }
.header-top .top-menu:after { display:block; content:''; clear:both;  }
.header-top .top-menu .gnb { float:right; }
.header-top .top-menu .gnb li { display:inline-block; line-height:30px; padding:0 20px; border-right:1px solid #ccc;  }
.header-top .top-menu .gnb li:first-child { border-left:1px solid #ccc; }
.header-top .top-menu .gnb li a { font-size:14px; color:#777; }

.header-bottom { position:relative; height:80px; }
.header-bottom .logo  { float:left; padding-top:18px; }
.header-bottom #gnb-wrap { position:relative; float:right; margin-right:92px;  }

#gnb-wrap .gnb { }
#gnb-wrap .gnb ul.depth1 {  }
#gnb-wrap .gnb .depth1:after { content:""; display:block; clear:both; }
#gnb-wrap .gnb .depth1 > li {float:left; display:block; padding:0 60px; position:relative; }
#gnb-wrap .gnb .depth1 > li > a { color:#111; display:block; font-size:18px; font-weight:400; display:block; width:100%; line-height:70px; padding-top:10px; font-weight:400; }
#gnb-wrap .gnb .depth1 > li.on > a , 
#gnb-wrap .gnb .depth1 > li > a:hover , 
#gnb-wrap .gnb .depth1 > li > a.hov {color:#05afea; }
#gnb-wrap .gnb .depth1 > li.on > a:after, 
#gnb-wrap .gnb .depth1 > li > a:hover:after, 
#gnb-wrap .gnb .depth1 > li > a.hov:after {content:""; position:absolute; left:0; bottom:0; width:100%; background:url(../images/depth1_on.png)no-repeat center bottom; height:7px; }
#gnb-wrap .gnb .depth2  { position:absolute; top:75px; left:0; right:0; display:none; box-sizing:border-box; z-index:100; text-align:center; }
#gnb-wrap .gnb .depth2:before { width:0; height:0; display:block; border-bottom:9px solid rgba(5,175,234, 0.95); border-left:6px solid transparent; border-right:6px solid transparent; content:''; 
position:absolute; top:-9px; left:50%; margin-left:-6px; }
#gnb-wrap .gnb .depth2 ul { background:rgba(5,175,234, 0.95); width:100%; padding:5px; }
#gnb-wrap .gnb .depth2 ul li { display:block; text-align:center; }
#gnb-wrap .gnb .depth2 li a { color:#fff; font-size:15px; font-weight:500; padding:5px 0;  }
#gnb-wrap .gnb .depth2 li a:hover, 
#gnb-wrap .gnb .depth2 li a.on { color:#f5fe02; }

.all-menu-open { width:32px; height:32px; position:absolute; top:27px; right:0; background:url(../images/allmenu_btn.png) center center no-repeat; }
.all-menu-close { width:32px; height:32px;  position:absolute; top:-60px; right:10px; background:url(../images/allmenu_btn_close.png) center center no-repeat; }
.site-map-wrap { position:fixed; z-index:110;  width:100%; height:100%; top:0; bottom:0; right:0; left:0; background:rgba(50,50,50,0.9);  padding-top:220px; display:none; }
.site-map-wrap .container:after { display:block; clear:both; content:''; }
.site-map-wrap .sitemap-menu { float:left; width:262px; margin-left:50px; }
.site-map-wrap .sitemap-menu.first { margin-left:0; }
.site-map-wrap .sitemap-menu h2 { height:50px; width:100%; background:#fff; text-align:center; }
.site-map-wrap .sitemap-menu h2 a { fonts-zie:20px; color:#505051; line-height:50px; }
.site-map-wrap .sitemap-menu .depth2 { margin-top:1px; border:1px solid rgba(255,255,255,0.2); min-height:320px; padding:10px 0; background:rgba(50,50,50,0.8); }
.site-map-wrap .sitemap-menu .depth2 ul li a { padding:7px 30px; color:#fff; }
.site-map-wrap .sitemap-menu .depth2 ul li a:hover { color:#05afea; }






/* footer */
#footer {position:relative; background:#efefef; height:auto; width:100%; clear:both; margin-top:35px; border-top:1px solid #ccc; }
#footer .footer-top { border-bottom:1px solid #ccc; padding:15px 0; height:auto; overflow:hidden;  }
#footer .footer-top .customer { float:left; width:calc(100% - 200px); }
#footer .footer-top .customer h2 { line-height:30px; background:#6e6e6e; display:block; float:left; width:90px; text-align:center; font-size:18px; color:#fff; margin-right:15px; }
#footer .footer-top .customer .tel { display:block; float:left; height:30px; line-height:30px; }
#footer .footer-top .customer .tel span { font-size:28px; color:#2dac63; margin-right:5px; display:inline-block; font-weight:700; }
#footer .footer-top .customer .tel small { font-size:14px; color:#333; }
#footer .footer-top .term-btn-wrap { float:right; } 
#footer .footer-top .term-btn-wrap  .term-btn { display:block; height:30px; line-height:30px; border:1px solid #ccc; width:150px; text-align:center; font-size:13px; color:#000; } 
#footer .footer-bottom { clear:both; padding:20px 0; font-size:14px; color:#777; letter-spacing:0em; }
#footer .footer-bottom p span { display:inline-block; }
#footer .footer-bottom p span + span { margin-left:10px; }
#footer .footer-bottom .copyright { font-size:13px; color:#989898; margin-top:5px; }




















/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
 /* -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;*/
  border:0px solid #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
 /*bottom: -30px;*/
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('../images/bxslider/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 0px;
  background: url('../images/bxslider/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 0px;
  background: url('../images/bxslider/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  /*position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;*/
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('../images/bxslider/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('../images/bxslider/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}@charset "utf-8";

#main { background:#fff; position:relative; }
#main:after { display:block; content:''; clear:both;}

/* 비쥬얼 */
.bx-wrapper { margin-bottom:0 ;}
#slide_wrap { padding:0; margin:0; position:relative; }
#slide_wrap  .visual { height:565px; }
#slide_wrap  .visual.v-1 { background:url(../images/visual_1.png) no-repeat 50% top;  background-size:cover;}
#slide_wrap  .visual.v-2 { background:url(../images/visual_2.png) no-repeat 50% top;  background-size:cover;}
#slide_wrap  .visual.v-3 { background:url(../images/visual_3.png) no-repeat 50% top;  background-size:cover;}
.bx-controls {position:absolute; bottom:40px; left:0; width:100%; z-index:50; text-align:center; }
.visualslider .visual .slogen { width:100%; max-width:1200px; margin:0 auto; margin-top:170px; color:#fff; text-align:center; text-shadow:1px 1px 2px rgba(0,0,0,0.35); }
.visualslider .visual .slogen p { font-size:52px; line-height:115%; font-weight:500; }
.visualslider .visual .slogen small { font-size:17px; margin-top:20px; display:inline-block; font-weight:300; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {position:relative; bottom:auto; display:inline-block; width:auto;}
.bx-wrapper .bx-pager.bx-default-pager a { display:block;  background:rgba(255,255,255,0.5); width:14px; height:14px; border-radius:7px; margin:10px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover { background:rgba(255,255,255,0.5); width:14px; height:14px; border-radius:7px; }
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {  background:rgba(255,255,255,1);  width:42px; }
.bx-wrapper .bx-pager-item, 
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { margin:0 !important;  }
.bx-wrapper .bx-pager { bottom:0px; }


/* 퀵메뉴 */
.quickmenu-wrap { margin-top:50px; }
.quickmenu-wrap .quickmenu { text-align:center; }
.quickmenu-wrap .quickmenu a { display:inline-block; padding:0 35px; font-size:16px; color:#333; font-weight:500; position:relative; }
.quickmenu-wrap .quickmenu a img { margin-bottom:10px; display:inline-block; z-index:1; position:relative; }
.quickmenu-wrap .quickmenu a span { display:inline-block; z-index:1; position:relative; }
.quickmenu a:before { width:100px; height:100px; border-radius:50%; content:''; background:#d4d4d4; display:block; position:absolute; top:-10px; left:50%; z-index:0; margin-left:-50px;
-webkit-transform: scale(0);
    transform: scale(0); 
    -webkit-transform-origin: 50 50%;
    transform-origin: 50 50%;
	-webkit-transition: -webkit-transform 0.3s; 
	transition: -webkit-transform 0.2s; 
	transition: transform 0.2s; 
	transition: transform 0.2s,	-webkit-transform 0.2s;	 }
.quickmenu a:hover:before { -webkit-transform:scale(1);transform:scale(1); }

/* 메인 컨텐츠 */
.main-content-wrap { margin-top:60px; }
.main-content-wrap h2 { line-height:44px; font-size:38px; color:#111; text-align:center;  position:relative; font-weight:500; }
.main-content-wrap h2 span { display:inline-block; background:#fff; padding:0 15px; position:relative; }
.main-content-wrap h2:before { width:100%; height:1px; content:''; background:#ccc; position:absolute; top:50%; left:0; }
.main-content-wrap .main-content { margin-top:35px; height:auto; overflow:hidden; }
.main-content-wrap .main-content .left { width:400px; float:left; }
.main-content-wrap .main-content .right { width:790px; float:right; }
.main-content .right .notice-wrap { width:460px; height:240px; float:left; margin-right:10px; background:#efefef; padding:25px; position:relative; }
.main-content .right .notice-wrap h3 { font-size:24px; color:#000; font-weight:500; }
.main-content .right .notice-wrap .more { position:absolute; right:25px; top:27px; display:block; width:22px;height:22px; }
.main-content .right .notice-wrap .more img { 
vertical-align:middle; 
	transform:rotate(0deg); 
	transform-origin:center center;
	transition:0.5s; 
	-moz-transition:0.5s; 
	-webkit-transition:0.5s; 
	-ms-transform:0.5s;
}
.main-content .right .notice-wrap .more:hover img { transform:rotate(360deg); }
.main-content .right .notice-wrap .notice-list { margin-top:25px; font-size:15px; }
.main-content .right .notice-wrap .notice-list ul li + li { margin-top:10px; }
.main-content .right .notice-wrap .notice-list ul li { display:block; height:auto; overflow:hidden; }
.main-content .right .notice-wrap .notice-list a.subject { color:#555; display:block; width:calc(100% - 100px); float:left; padding-left:10px; position:relative;  }
.main-content .right .notice-wrap .notice-list a.subject:before { position:absolute; left:1px; top:50%; margin-top:-2px; width:3px; height:3px; border-radius:50%; background:#999; display:block; content:''; }
.main-content .right .notice-wrap .notice-list .date { display:inline-block; text-align:right; color:#888; width:100px; float:right; }
.main-content .right .quickmenu2-wrap { width:320px; float:right;}
.main-content .right .quickmenu2-wrap > div  { height:115px; border:1px solid #ccc; background:url(../images/arw_bg.png)no-repeat; background-position:right bottom;  transition: background-position .2s ease;}
.main-content .right .quickmenu2-wrap > div:hover  { background-position:left bottom;}

.main-content .right .quickmenu2-wrap > div + div { margin-top:10px; }
.main-content .right .quickmenu2-wrap .quick2-1 a { background:url(../images/icon_1.png) 25px center no-repeat; }
.main-content .right .quickmenu2-wrap .quick2-2 a{ background:url(../images/icon_2.png) 25px center no-repeat; }
.main-content .right .quickmenu2-wrap div a { font-size:18px; color:#333; line-height:118px; padding-left:120px; text-align:center; display:block; width:100%; height:100%; font-weight:500; }
.main-content .right .quickmenu4-wrap { clear:both; margin-top:10px; width:100%; height:240px; border:1px solid #ccc; text-align:center; padding:35px 0; }
.main-content .right .quickmenu4-wrap a { display:inline-block; padding:0 30px; font-size:16px; color:#333; font-weight:500; text-align:center; }
.main-content .right .quickmenu4-wrap a:before { display:block; width:118px; height:118px; border-radius:50%; content:''; margin-bottom:15px; }
.main-content .right .quickmenu4-wrap a.quick4-1:before { background:url(../images/q_icon_1.png) center center no-repeat; background-color:#5ab5cf;}
.main-content .right .quickmenu4-wrap a.quick4-2:before { background:url(../images/q_icon_2.png) center center no-repeat; background-color:#5ab5cf;}
.main-content .right .quickmenu4-wrap a.quick4-3:before { background:url(../images/q_icon_3.png) center center no-repeat; background-color:#5ab5cf;}
.main-content .right .quickmenu4-wrap a.quick4-4:before { background:url(../images/q_icon_4.png) center center no-repeat; background-color:#5ab5cf;}
.main-content .right .quickmenu4-wrap a.quick4-1:hover:before,
.main-content .right .quickmenu4-wrap a.quick4-2:hover:before,
.main-content .right .quickmenu4-wrap a.quick4-3:hover:before,
.main-content .right .quickmenu4-wrap a.quick4-4:hover:before { background-color:#42abc9;}

.main-content .left .schedult-wrap { width:100%; height:490px; border:1px solid #2dac63; }
.schedult-wrap .calender-wrap { width:100%; height:340px; background:#2dac63; position:relative; padding:30px;}
.schedule-cnts-wrap { position:relative; text-align:center; padding:20px;  height:150px;  }
.schedule-cnts-wrap:before { position:absolute; border-top:10px solid #2dac63; border-left:11px solid transparent; border-right:11px solid transparent; width:0; height:0; display:block; content:''; 
top:0; left:50%; transform:translateX(-50%); }
.schedule-cnts-wrap .schedult-cnts { height:70px; }
.schedule-cnts-wrap .schedult-cnts .date { font-size:15px; color:#8a8a8a; font-weight:500; padding-bottom:5px; }
.schedule-cnts-wrap .schedult-cnts .subject a { font-size:18px; color:#333; font-weight:500;  }
.schedule-cnts-wrap .more-schedule { display:inline-block; width:250px; height:35px; line-height:35px; background:#2dac63; color:#fff; font-size:16px; font-weight:500; border-radius:35px;}

/* 달력*/
.calender { width:100%; }
.calender .month { text-align:center; position:relative; margin-bottom:20px; vertical-align:center; letter-spacing:0em; text-transform:uppercase; }
.calender .month .month-1 { font-size:50px; color:#fff; display:inline-block; line-height:35px; font-weight:500; }
.calender .month .month-2 { font-size:14px; color:#fff; display:inline-block; margin-left:10px; line-height:20px; vertical-align:top; text-align:left; }
.calender .month a.prev { position: absolute; left:0px; top:5px; margin-left:-10px; }
.calender .month a.next { position: absolute; right:0px; top:5px; margin-right:-10px;}
.calender .table-calender { font-size:13px; text-align:center; color:#fff; font-weight:500; letter-spacing:0em; table-layout:fixed; }
.calender .table-calender th { font-weight:normal;}
.calender .table-calender th, .calender .table-calender td { width:14.2857%; padding:1px;  }
.calender .table-calender th > span, .calender .table-calender td > span { display:block; width:30px; height:30px; line-height:30px; border-radius:50%; letter-spacing:0em; text-align:center; margin:0 auto;}
.calender .table-calender th.week { color:#fff; text-transform:capitalize; }
.calender .table-calender th.week.sun, .calender .table-calender td.sun { color:#f9e50b; }
.calender .table-calender td span.today { cursor:pointer; }
.calender .table-calender td span.schdule-is { cursor:pointer; background:#219e56;  }
.calender .table-calender td span.select {  background:#fff; color:#2dac63; cursor:pointer;}



/* 관련사이트 */
.partner-wrap { margin-top:50px; }
.partner-wrap h2 { line-height:30px; font-size:25px; color:#111; text-align:center;  position:relative; font-weight:500; }
.partner-wrap h2 span { display:inline-block; background:#fff; padding:0 15px; position:relative; }
.partner-wrap h2:before { width:100%; height:1px; content:''; background:#ccc; position:absolute; top:50%; left:0; }
.partner-wrap .partners { margin-top:15px; text-align:center; }
.partner-wrap .partners a { display:inline-block; padding:0 8px; }








/* -----------------------------------------------------------------------------------------------
	버튼
--------------------------------------------------------------------------------------------------*/
.btn-sweep { position:relative;  }
.btn-sweep {
	transition:color 0.3s 0.1s; 
	-moz-transition:color 0.3s 0.1s; 
	-webkit-transition:color 0.3s 0.1s; 
	-ms-transition:color 0.3s 0.1s;  }	
.btn-sweep .sweep {
	background:#7d292a;
	content: "";
    position: absolute;
	display:block; width:100%; height:100%;
    top: 0;
    left: 0;
	z-index:0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0); 
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
	-webkit-transition: -webkit-transform 0.3s; 
	transition: -webkit-transform 0.2s; 
	transition: transform 0.2s; 
	transition: transform 0.2s,	-webkit-transform 0.2s;	 }
.btn-sweep .btn-text { z-index:2; position: absolute;	display:block; width:100%; height:100%; }		
.btn-sweep:hover .btn-text { color:#fff; }	
.btn-sweep:hover .sweep, .btn-sweep:focus .sweep {-webkit-transform:scaleX(1);transform:scaleX(1)}	

.btn-rotate img { vertical-align:middle; 
	transform:rotate(0deg); 
	transform-origin:center center;
	transition:0.5s; 
	-moz-transition:0.5s; 
	-webkit-transition:0.5s; 
	-ms-transform:0.5s;
	}
.btn-rotate:hover img { transform:rotate(180deg); }

@charset "utf-8";

/* -----------------------------------------------------------------------------------------------
	공통 컨텐츠
--------------------------------------------------------------------------------------------------*/

/* 테이블 */
.tbl-basic th { border:1px solid #4b4d51; background:#606164; padding:8px 10px; color:#fff; }
.tbl-basic td { border:1px solid #ccc; padding:8px; }
.tbl-basic .row-head { color:#000 !important; background:#efefef; }

/* list */
ul.list-bullet > li { background:url(../images/contents/list_bullet.png) left 10px no-repeat; padding-left:8px; height:auto; overflow:hidden; }
ul.list-bullet > li+li { margin-top:5px; }
ul.list-bullet.b-list > li+li { margin-top:8px; }





/* -----------------------------------------------------------------------------------------------
	서브
--------------------------------------------------------------------------------------------------*/
#sub {}
#sub .sub-visual-wrap { width:100%; height:240px; text-align:center;}
#sub .sub-visual-wrap.sub-visual-1 { background:url(../images/sub/sub_visual_1.jpg) center center no-repeat; background-size:cover; }
#sub .sub-visual-wrap.sub-visual-2 { background:url(../images/sub/sub_visual_2.jpg) center center no-repeat; background-size:cover; }
#sub .sub-visual-wrap.sub-visual-3 { background:url(../images/sub/sub_visual_3.jpg) center center no-repeat; background-size:cover; }
#sub .sub-visual-wrap.sub-visual-4 { background:url(../images/sub/sub_visual_4.jpg) center center no-repeat; background-size:cover; }
#sub .sub-visual-wrap.sub-visual-5 { background:url(../images/sub/sub_visual_5.jpg) center center no-repeat; background-size:cover; }
#sub .sub-visual-wrap h2 { color:#fff; }
#sub .sub-visual-wrap h2 p.title { font-size:45px; padding-top:50px; padding-bottom:10px; }
#sub .sub-visual-wrap h2 small { font-size:16px; font-weight:200; width:560px; margin:0 auto; display:block; }
#sub .snb-wrap { height:50px; line-height:50px; width:100%; background:#efefef; }
#sub .snb-wrap .snb { text-align:center;}
#sub .snb-wrap .snb ul { display:inline-block; width:100%; }
#sub .snb-wrap .snb ul:after { display:block; content:''; clear:both; }
#sub .snb-wrap .snb ul li { display:block; float:left; position:relative; width:200px; text-align:center; }
#sub .snb-wrap .snb ul li + li:before { position:absolute; width:1px; height:22px; left:0; top:14px; background:#c4c4c4; content:'';  }
#sub .snb-wrap .snb ul li a { display:block; color:#777; font-size:17px; font-weight:500; width:calc(100% - 1px); margin-left:1px; line-height:50px;  }
#sub .snb-wrap .snb ul li a.active, #sub .snb-wrap .snb ul li a:hover, #sub .snb-wrap .snb ul li a.on { background:#1eb5ea; color:#fff; }
#sub .snb-wrap .snb.submenu-1 ul li { width:12.5%; }
#sub .snb-wrap .snb.submenu-2 ul li { width:14.28471%; }
#sub .snb-wrap .snb.submenu-3 ul li { width:14.28471%; }
#sub .snb-wrap .snb.submenu-4 ul li { width:33.33333%; }
#sub .snb-wrap .snb.submenu-5 ul li {  }
#sub .page-title-wrap { margin-top:30px; padding-bottom:60px; text-align:center; }
#sub .page-title-wrap h3.page-title { font-size:50px; color:#000; font-weight:500; position:relative; }
#sub .page-title-wrap h3.page-title:after { width:50px; height:3px; display:block; content:''; background:#1eb5ea; margin:5px auto 0;}

.sub-contents { font-size:15px; line-height:24px; color:#555; padding-bottom:50px; }
.section { margin-top:70px;}
.section.first { margin-top:0; }
h2.title-bullet { background:url(../images/contents/title_bullet.png) left 5px no-repeat; padding-left:22px; font-size:24px; color:#111; font-weight:500; padding-bottom:15px; }
.section-cnts { padding-left:22px; }
h3.title-blue { font-size:18px; color:#1eb5ea; font-weight:500; padding-bottom:5px; }
.sub3-5-menu-wrap { text-align:center; margin-bottom:50px;}
.sub3-5-menu-wrap .sub3-5-menu { display:inline-block; }
.sub3-5-menu-wrap .sub3-5-menu:after { display:block; clear:both; content:''; }
.sub3-5-menu-wrap .sub3-5-menu li { width:250px; height:50px; float:left; text-align:center; }
.sub3-5-menu-wrap .sub3-5-menu li a { display:block; width:100%; line-height:50px; height:50px; color:#333; font-size:17px; font-weight:500; background:#efefef; position:relative; }
.sub3-5-menu-wrap .sub3-5-menu li a.active, 
.sub3-5-menu-wrap .sub3-5-menu li a.active:hover { background:#f27d2f; color:#fff; } 
.sub3-5-menu-wrap .sub3-5-menu li a.active:after { width:0; height:0; border-top:8px solid #f27d2f; border-left:6px solid transparent; border-right:6px solid transparent;
content:''; position:absolute; top:100%; left:50%; transform:translateX(-50%); }
.sub3-5-menu-wrap .sub3-5-menu li a:hover { background:#ccc; }



/* 인사말 */
.greeting-wrap { background:url(../images/contents/ceo_pic.jpg) left top no-repeat; padding-left:250px; }
.greeting-wrap p + p { padding-top:20px; }
.greeting-wrap p.sign { paddint-top:30px; text-align:right; }
.greeting-wrap p.sign img { margin-left:10px; vertical-align:bottom;}

/* 연혁 */
.history-wrap { background:url(../images/contents/history_bg.png) left center no-repeat; padding-left:360px; height:auto; overflow:hidden; min-height:500px; position:relative; }
.history-wrap:before { width:1px; height:calc(100% - 46px); position:absolute; content:''; background:#ccc; top:23px; left:575px; }
.history-wrap .history-unit { width:100%; padding-top:20px;  }
.history-wrap .history-unit.first { padding-top:0; }
.history-wrap .history-unit:after { display:block; clear:both; content:''; }
.history-wrap .history-unit h2.year { background:url(../images/contents/year_bg.png) left top no-repeat; width:140px; line-height:46px; font-size:25px; color:#fff; padding-right:6px; text-align:center; float:left; 
position:relative; letter-spacing:0.02em; }
.history-wrap .history-unit h2.year:after { width:150px; height:13px; content:''; display:block; position:absolute; left:100%; top:50%; margin-top:-6px;
 background:url(../images/contents/history_year_line.png)left center no-repeat;  }
.history-wrap .history-unit .history-list { float:left; margin-left:150px; width:calc(100% - 290px); padding-top:10px;  }
.history-wrap .history-unit .history-list ul li > span { display:inline-block; }
.history-wrap .history-unit .history-list ul li span.month { width:40px; color:#000; font-size:17px; text-align:right; margin-right:5px; }

/* 오시는길 */
.sub-location .location-info { padding-top:20px; }
.sub-location .location-info .list-bullet li .tit { color:#111; display:inline-block; width:80px; }
.sub-location .trans-wrap { margin-top:70px;}
.sub-location .trans-wrap .trans { padding-left:140px; }
.sub-location .trans-wrap .trans.trans-01 { background:url(../images/contents/trasns_1.png) left top no-repeat; }
.sub-location .trans-wrap .trans.trans-02 { background:url(../images/contents/trasns_2.png) left top no-repeat; }
.sub-location .trans-wrap .trans h2 { font-size:24px; color:#40c0ed; }
.sub-location .trans-wrap .trans .trans-list { margin-top:20px; }
.sub-location .trans-wrap .trans .trans-list h3 { font-size:17px; font-weight:500; color:#333; padding-bottom:5px; }

/* 전자경매 소개 */
.auction-need-list { width:calc(100% + 10px); margin-left:-10px; height:auto; overflow:hidden; }
.auction-need-list .auc-need { width:calc(25% - 10px); margin-left:10px; float:left; text-align:center; height:380px; background:#efefef;}
.auction-need-list .auc-need .title { line-height:48px; background:#14974b; color:#fff; font-size:18px; position:relative; }
.auction-need-list .auc-need .title:after { width:0; height:0; border-top:8px solid #14974b; border-right:8px solid transparent; border-left:8px solid transparent;  content:'';
position:absolute; top:100%; left:50%; transform:translateX(-50%); } 
.auction-need-list .auc-need .details { padding:30px 20px; }
.auction-need-list .auc-need .details p:before { display:block; width:20px; height:2px; content:''; background:#14974b; margin:20px auto; }
.auction-need-list .auc-need.need-02 .title { background:#24a381; }
.auction-need-list .auc-need.need-02 .title:after { border-top:8px solid #24a381; }
.auction-need-list .auc-need.need-02 .details p:before { background:#24a381; }
.auc-process-wrap {}
.auc-process-wrap ol { height:auto; overflow:hidden; }
.auc-process-wrap ol li { width:282px; height:100px; background:url(../images/contents/auc_process_bg.png) left top no-repeat; margin-right:20px; float:left; padding:10px 30px 10px 20px; color:#fff; }
.auc-process-wrap ol li.prc-4 { width:264px; height:100px; background:#5fb2cf; border:1px solid #3c8eab; margin-right:0; padding:10px 20px 10px 20px;}
.auc-process-wrap ol li span.num { width:26px; height:26px; text-align:center; line-height:26px; border-radius:50%; color:#5fb2cf; display:block; background:#fff; font-size:16px; font-weight:500; float:left; }
.auc-process-wrap ol li span.cnts { display:block; float:right; width:calc(100% - 35px);}

/* 경매시간 안내 */
.auction-time-wrap { height:auto; overflow:hidden; }
.auction-time { width:calc(50% - 20px); float:left; }
.auction-time h2 { font-size:24px; color:#111; font-weight:500; padding-bottom:10px; }
.auction-time h2 img { vertical-align:middle;}
.auction-time.veg-time { }
.auction-time.fru-time { float:right; }

/* 전자거래 */
.effect-wrap { }
.effect-wrap:after { display:block; clear:both; contents:''; }
.effect-wrap .effect-list {width:270px; height:270px; border-radius:50%; background:#efefef; text-align:center; display:inline-block; vertical-align:top; padding:40px; position:relative;  }
.effect-wrap .effect-list { margin-left:140px; }
.effect-wrap .effect-list.first { margin-left:0; }
.effect-wrap .effect-list p { }
.effect-wrap .effect-list p:before { display:block; width:20px; height:2px; background:#555; content:''; margin:20px auto;  }
.effect-wrap .effect-list:before { position:absolute; width:50px; height:50px; background:url(../images/contents/plus.png)center center no-repeat; content:''; left:-95px; top:50%; margin-top:-25px; }
.effect-wrap .effect-list.first:before { display:none;}

/* 사업실적 */
.business-table {}
.business-table th { border-color:#fff; background:#7e7e80; }
.business-table th.year { background:#efefef; color:#000; border-color:#ccc; }
.business-table th.fru { background:#e19826; }
.business-table th.veg { background:#6aaf5d; }
.business-table tbody td, .business-table tfoot td { text-align:right; }
.business-table tbody td { }
.business-table tbody td.row-head { text-align:center; background:#fff; }
.business-table tbody td.fru { background:#fff1e8; }
.business-table tbody td.veg { background:#dafdd3; }
.business-table tfoot td { border-color:#fff; background:#7e7e80; color:#fff; }
.business-table tfoot td.row-head { background:#efefef; color:#000; border-color:#ccc; text-align:center; }
.business-table tfoot td.fru { background:#e19826; }
.business-table tfoot td.veg { background:#6aaf5d; }


/* 임직원 */
.ceo-intro { height:auto; overflow:hidden; }
.ceo-intro .ceo-pic { width:200px; height:230px; border:1px solid #ccc; padding:9px; float:left;  }
.ceo-intro .ceo-pic .pic-wrap { width:180px; height:180px; overflow:hidden; }
.ceo-intro .ceo-pic .caption { text-align:center; margin-top:7px;}
.ceo-intro .ceo-pic .caption > span { display: inline-block; }
.ceo-intro .ceo-pic .caption .title { font-size:15px; color:#555; }
.ceo-intro .ceo-pic .caption .name { font-size:16px; color:#111; margin-left:5px; font-weight:500; }
.ceo-text { margin-left:250px; }
.ceo-text p { margin-top:20px; }

.ceo-intro .ceo-pic .pic-wrap img {  cursor:pointer !important; }
.ceo-intro .ceo-pic .pic-wrap img  {
	width:100%; 
	transform:matrix(1, 0, 0, 1, 0, 0); 
	transition:0.2s ease-in; 
	-moz-transition:0.2s ease-in; 
	-webkit-transition:0.2s ease-in; 
	-ms-transform:0.2s ease-in; }
.ceo-intro .ceo-pic .pic-wrap img:hover { transform: matrix(1.1, 0, 0, 1.1, 0, 0);  }


/* 정가수의 거래*/
.text-box { border:1px solid #ccc; padding:10px; }
b.c-tit { display:block; padding-bottom:5px; color:#111; }
.s-text { font-size:13px; color:#888; }

/* 출하 방법 */
.auction-step-wrap {}
.auction-step-wrap:after { display:block; clear:both; content:''; }
.auction-step-wrap .auction-step { width:330px; margin-right:50px; float:left; height:320px; background:#efefef; margin-bottom:20px; }
.auction-step-wrap .auction-step:nth-child(3n+1) { clear:both; }
.auction-step-wrap .auction-step .step-img { width:290px; margin:20px auto; }
.auction-step-wrap .auction-step .step-detail { width:100%; padding:0 20px; font-size:15px; color:#555; margin-top:15px; }
.auction-step-wrap .auction-step .step-tit { height:40px; width:100%; background:#78719d; padding:0; line-height:40px; color:#fff; font-size:18px; position:relative; margin-top:20px; left:20px;  }
.auction-step-wrap .auction-step .step-tit:after { height:0; width:0; border-left:6px solid #78719d; border-top:20px solid transparent; border-bottom:20px solid transparent; display:block; content:'';
position:absolute; left:100%; top:0;  }
.auction-step-wrap .auction-step .step-tit .num { display:inline-block; width:40px; text-align:center; line-height:40px; background:#635b8d; margin-right:5px;   }
.auction-step-wrap .auction-step.step-02 .step-tit,
.auction-step-wrap .auction-step.step-03 .step-tit { background:#5ba4d0;  }
.auction-step-wrap .auction-step.step-02 .step-tit:after,
.auction-step-wrap .auction-step.step-03 .step-tit:after { border-left:6px solid #5ba4d0; border-top:20px solid transparent; border-bottom:20px solid transparent; }
.auction-step-wrap .auction-step.step-02 .step-tit .num,
.auction-step-wrap .auction-step.step-03 .step-tit .num {  background:#4891be; }
.auction-step-wrap .auction-step.step-04 .step-tit,
.auction-step-wrap .auction-step.step-05 .step-tit,
.auction-step-wrap .auction-step.step-06 .step-tit { background:#6d8bba;  }
.auction-step-wrap .auction-step.step-04 .step-tit:after,
.auction-step-wrap .auction-step.step-05 .step-tit:after,
.auction-step-wrap .auction-step.step-06 .step-tit:after { border-left:6px solid #6d8bba; border-top:20px solid transparent; border-bottom:20px solid transparent; }
.auction-step-wrap .auction-step.step-04 .step-tit .num,
.auction-step-wrap .auction-step.step-05 .step-tit .num,
.auction-step-wrap .auction-step.step-06 .step-tit .num {  background:#5b7aab; }
.auction-step-wrap .auction-step.step-04 .step-detail span.color,
.auction-step-wrap .auction-step.step-05 .step-detail span.color,
.auction-step-wrap .auction-step.step-06 .step-detail span.color {  color:#5b7aab; }
.auction-step-wrap .auction-step.step-07 .step-tit,
.auction-step-wrap .auction-step.step-08 .step-tit,
.auction-step-wrap .auction-step.step-09 .step-tit { background:#5da9b7;  }
.auction-step-wrap .auction-step.step-07 .step-tit:after,
.auction-step-wrap .auction-step.step-08 .step-tit:after,
.auction-step-wrap .auction-step.step-09 .step-tit:after { border-left:6px solid #5da9b7; border-top:20px solid transparent; border-bottom:20px solid transparent; }
.auction-step-wrap .auction-step.step-07 .step-tit .num,
.auction-step-wrap .auction-step.step-08 .step-tit .num,
.auction-step-wrap .auction-step.step-09 .step-tit .num {  background:#4e9dab; }
.auction-step-wrap .auction-step.step-07 .step-detail span.color,
.auction-step-wrap .auction-step.step-08 .step-detail span.color,
.auction-step-wrap .auction-step.step-09 .step-detail span.color {  color:#4e9dab; }