#sub-visual {width: 100%; height: 220px; min-width: 1120px;}
  #sub-visual.sv01 {background-image: url(../img/sv-img-01.jpg);}
  #sub-visual.sv02 {background-image: url(../img/sv-img-02.jpg);}
  #sub-visual.sv03 {background-image: url(../img/sv-img-03.jpg);}
  #sub-visual.sv04 {background-image: url(../img/sv-img-04.jpg);}

#sub-box {}

  #ls-box {width: 200px; float: left;}
    #ls-box #lst-box {position: relative; width: 100%; height: 170px; background-color: #362f2d;}
      #lst-box .ls-title {position: absolute; top: 60px; width: 100%; text-align: center; font-size: 30px; font-weight: 500; color: #fff;}

  #ls-menu {width: calc(200px - 2px); min-height: 600px !important; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
    #ls-menu>li {height: 49px; overflow: hidden; border-bottom: 1px solid #ddd;}
    #ls-menu>li.on {height: auto; overflow: auto;}
      #ls-menu>li>a {display: block; width: 100%; height: 49px; line-height: 49px; text-indent: 38px; font-size: 15px; background-image: url(../img/lst-item-off.png); background-position: 14px 19px; background-repeat: no-repeat;}
      #ls-menu>li.on>a,
      #ls-menu>li.hover>a,
      #ls-menu>li>a:hover {background-image: url(../img/lst-item-on.png); color: #c2131a;}

    #ls-menu>li>ul {width: calc(198px - 38px); padding-left: 38px;}
      #ls-menu>li>ul>li {padding-bottom: 10px;}
      #ls-menu>li>ul>li:last-child {padding-bottom: 20px;}
        #ls-menu>li>ul>li>a {width: 100%; height: 14px; font-size: 14px; color: #666;}
        #ls-menu>li>ul>li>a.on,
        #ls-menu>li>ul>li>a:hover {color: #c2131a}

#sub-box #sub-contain {width: 805px; float: right;}
  #sub-box #sub-contain .sub-title {padding: 57px 0px 27px 0px;; font-size: 38px; font-weight: 500;}

  #sub-content {}

    #item-list {}
      #item-list .title {padding-top: 55px; margin-bottom: 25px; font-family: "Noto Sans KR", sans-serif; text-align:center; font-size: 38px; font-weight: 500;}
      #item-list ul li {position: relative; float: left; margin-right: 20px;}
      #item-list ul li:nth-child(3n) {margin-right: 0px;}
        /*#item-list ul li a .prdt-pic {width: 255px; height: 345px; background-position: center; background-repeat: no-repeat;}*/
		#item-list ul li a .prdt-pic {width: 255px; height: 295px; background-position: center; background-repeat: no-repeat;}
        #item-list ul li a .prdt-more {position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin-top: -70px; margin-left: -50px; background-image: url(../img/prdt-more.png); opacity: 0;}
        /*#item-list ul li a .prdt-name {margin-top: 12px; text-align: center; font-size: 18px; color: #3e3e3e; padding-bottom: 30px;}*/
		#item-list ul li a .prdt-name {margin-top: 5px; text-align: center; font-size: 18px; color: #3e3e3e; padding-bottom: 50px;}

        #item-list ul li a:hover .prdt-name {color: #c2131a;}
        #item-list ul li a:hover .prdt-more {animation-name: opac; animation-iteration-count: 1; animation-duration: .7s; opacity: 1;}

  #sub-content .prdt-paging {/*width: 541px;*/ width: 572px; margin: 0 auto; padding-top: 40px; padding-bottom: 100px;}
	#sub-content .prdt-paging ul {text-align: center;}
		#sub-content .prdt-paging ul li {/*float: left;*/ margin-right: 5px; display: inline-block;}
		  #sub-content .prdt-paging ul li.last-node {margin-right: 0px;}
			#sub-content .prdt-paging ul li a {display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 12px; font-size: 1.25rem; color: #333; border: 1px solid #ddd;}



#detail-prdt-box {margin-bottom: 100px;}
  #detail-prdt-box .prdt-info-box {border-bottom: 1px solid #ededed; margin-bottom: 80px;}
  #detail-prdt-box .prdt-img {width: calc(360px - 2px); height: calc(480px - 2px); border: 1px solid #ddd; float: left;}
  #detail-prdt-box .prdt-info {width: 405px; height: 480px; float: right;}
    #detail-prdt-box .prdt-name {position: relative; top: -13px; font-size: 40px; color: #444;}
    #detail-prdt-box .prdt-info ul {width: 100%; padding: 24px 0px 26px 0px; margin-bottom: 30px; border-top: 1px solid #404040; border-bottom: 1px solid #404040;}
      #detail-prdt-box .prdt-info ul li {margin-bottom: 20px; font-size: 14px; color: #404040;}
      #detail-prdt-box .prdt-info ul li:last-child {margin-bottom: 0px;}
        #detail-prdt-box .prdt-info ul li span {margin-left: 40px;}

  #detail-prdt-box .prdt-info a {display: block; width: 405px; height: 46px; line-height: 46px; text-align: center; font-size: 14px; font-weight: 700; color: #fff; background-color: #404040;}

  #detail-prdt-box .prdt-info-box .thumb-img-box {width: 100%; margin: 10px 0px; float: left;}
    #detail-prdt-box .prdt-info-box .thumb-img-box .thumb-item {width: 64px; margin-right: 10px; float: left;}
    #detail-prdt-box .prdt-info-box .thumb-img-box .thumb-item:last-child {margin-right: 0;}
      #detail-prdt-box .prdt-info-box .thumb-img-box .thumb-item a {display: block; width: 100%; height: 85px;}

/* 회사소개 */
.ceo {background:url('../img/ceo-bg.jpg') 0 bottom no-repeat; padding-bottom:140px;}
    .ceo-tit {letter-spacing:-0.05em;}
        .ceo-tit p:nth-child(1) {font-size:40px;}
        .ceo-tit p:nth-child(2) {font-size:50px; line-height:60px;}
        .ceo-tit b {font-weight:400; color:#ed1f24;}
    .ceo-txt {font-size:17px; letter-spacing:-0.04em; line-height:29px; color:#696969; margin-top:60px;}
    .ceo-name {margin-top:50px;}
        .ceo-name p {font-size:14px;}
        .ceo-name b {font-size:20px;}

/* 찾아오시는 길 */
.map {} 
    .map-info {font-size:15px; color:#666; line-height:26px; margin-top:20px; border:1px solid #ddd; background:#f8f8f8; padding: 30px 40px;}

/* 진행안내 */
.progress {padding-bottom:100px;}
	.pro-info {margin-top:30px;}
		.pro-info ul li {display:inline-block; width:50%; float:left; margin-top:20px;}
			.pro-info h3{font-size:16px; font-weight:bold; color:#605253; background:url(../img/dot.png) 0 10px no-repeat; text-indent:15px;}
				.pro-info p {font-size:15px; color:#696969; text-indent:15px;}