.sub_container .inner {position:relative; max-width:1400px; margin:0 auto;}
.slick-next:before, .slick-prev:before {content:none;}



/*공통 탭 스타일*/
.tab_style {text-align:left; background:#f5f5f5; padding:40px; margin:0 0 40px 0;}
.tab_style a {display:inline-block; font-size:1.125rem; text-align:center; position:relative; padding:0 15px; margin:0 0 0 -4px;}
.tab_style a::after {content:'|'; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); color:#ddd;}
.tab_style a:first-child {margin:0;}
.tab_style a:last-child::after {content:none;}
.tab_style a.on {font-weight:500;  padding:0 15px 0 35px;}
.tab_style a.on::before {content:''; display:block; position:absolute; left:10px; top:50%; transform:translateY(-50%); width:21px; height:21px; border-radius:20px; background:url('../img/contents/ico_check.png') no-repeat;}
.tab_content > div {display:none;}

@media screen and (max-width:1280px){
  .tab_style {padding:20px;}
  .tab_style a {font-size:1rem; line-height:40px; word-break:keep-all; white-space:nowrap;}
  .tab_content {margin-top:4%;}
}

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

}

@media screen and (max-width:425px){
  .tab_style {padding:15px;}
  .tab_style a {line-height:40px; margin-left:0;}
}



/*공통 테이블 스타일*/
.basic_table_area {overflow-x:auto; width:100%;}
.basic_table_area .guide {color:#939393; font-size:13px;}
.basic_table_area .guide.right {text-align:right;}
.basic_table_area .guide.left {text-align:left;}
.basic_tb {table-layout:fixed; width:100%; word-break:break-all; vertical-align:middle;}
.basic_tb tr th {padding:1rem 20px; font-size:1rem; color:#000; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; line-height:1.4em; text-align:center;}
.basic_tb tr td  {padding:16px 20px; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; line-height:1.4em; text-align:center;vertical-align:middle;}
.basic_tb tr td.bg {background:#f9f9f9; font-weight:500;}
.basic_tb tr td ul li {position:relative; text-align:left; padding-left:12px; margin-top:4px;}
.basic_tb tr td ul li:first-child {margin-top:0;}
.basic_tb tr td ul li::before {content:''; display:block; width:4px; height:4px; background:#b7b7b7; position:absolute; left:0; top:11px;}
.basic_tb tr th {background:#f9f9f9 ; border-top:2px solid #333; vertical-align:middle;}
.basic_tb tr th:last-child {border-right:0px;}
.basic_tb tr td:last-child {border-right:0px;}
.basic_tb .left {text-align:left;}
.basic_tb .right {text-align:right;}
.basic_tb td img {max-width:100%;}
.basic_tb tr td p {line-height:1.5em;}

@media screen and (max-width:1280px){
  .basic_tb tr td ul li::before{top:8px;}
}

@media screen and (max-width:640px){
  .basic_tb tr th,.basic_tb tr td {padding:5px 8px;}
  .basic_tb tr th {font-size:1rem;}
  .basic_tb tr td ul li{padding-left:10px;}
  .basic_tb tr td ul li::before{top: 7px;}
}

@media screen and (max-width:420px){
  .basic_tb tr th br {display:none;}
}




/*bo_top : total,검색*/
.bo_top {width: 100%; position:relative; overflow:hidden; line-height:40px; margin:0 0 20px 0;}
.bo_top:after {}
.bo_top .total {float:left;}
.bo_top .total span {font-weight:500;}
.bo_top .search {float:right; position:relative; width:320px; border:1px solid #555555; box-sizing:border-box; border-radius:30px; background:#fff; padding:0 20px; overflow:hidden;}
.bo_top .search input[type="text"] {width:calc(100% - 35px); line-height:40px; height:40px; border:0; margin:0; background:none;}
.bo_top .search input:focus {background:none; border:0; outline:none;}
.bo_top .search input[type="submit"] {width:30px; height:40px; float:right; cursor:pointer; background:url('../img/contents/search_ic.png') no-repeat center center; outline:none; border:0; text-indent:-9999px; background-size:22px}
.bo_top .search input[type="submit"]:hover {}
.bo_top .search label {display:none;}
.bo_top .select {float:right; position:relative;}
.bo_top .select select {line-height:40px; height:40px; border:0; width:100px;}
.bo_top .select select:focus {background:none; border:0; outline:none;}

@media only screen and (max-width: 500px) {
  .bo_top {margin:0 0 10px 0; line-height:35px;}
  .bo_top .total {}
  .bo_top .search {width:160px; padding:0 15px;}
  .bo_top .search input[type="text"] {height:35px; line-height:35px;}
  .bo_top .search input[type="submit"] {width:26px; height:35px;}
}



/*bo-footer:pgae,btn*/
.bo_footer {margin:40px 0 0 0; position:relative;}
.bo_footer:after {display:block; clear:both; content:"";}



/* paging */ /*pc*/
.bo_pagenate {text-align:center; text-align:center;}
.bo_pagenate .paging {position:relative; display:inline-block;}
.bo_pagenate .paging:after {contnet:""; clear:both; display:block;}
.bo_pagenate .paging a {width:35px; height:35px; line-height:36px; font-size:14px;}
.bo_pagenate .paging .first,.bo_pagenate .paging .prev,.bo_pagenate .paging .next,
.bo_pagenate .paging .end {float:left; vertical-align:top;  text-indent:-9999px; overflow:hidden; background:url('../img/common/icon_paging.png') no-repeat left center; border:1px solid #dbdbdb; margin-left:2px;}
.bo_pagenate .paging .first {background-position:4px center;}
.bo_pagenate .paging .prev {background-position:-26px center;}
.bo_pagenate .paging .next {background-position:-54px center;}
.bo_pagenate .paging .end {background-position:-82px center;}
.bo_pagenate .paging ol {float:left; margin:0 10px;}
.bo_pagenate .paging ol li {float:left; margin-left:10px; display:inline-block}
.bo_pagenate .paging ol li:first-child {margin-left:0 !important; }
.bo_pagenate .paging ol li a {color:#666; text-align:center; display:block; border:1px solid #cbcbcb;}
.bo_pagenate .paging ol li a.on {background:#222; color:#fff; border:1px solid #222;}



/*mobile*/
.bo_pagenate_mobile {display:none; text-align:center;}
.bo_pagenate_mobile .paging { position:relative; display:inline-block;}
.bo_pagenate_mobile .paging:after {contnet:""; clear:both; display:block;}
.bo_pagenate_mobile .paging a {width:28px; height:28px; line-height:28px;}
.bo_pagenate_mobile .paging .first,.bo_pagenate_mobile .paging .prev,.bo_pagenate_mobile .paging .next,
.bo_pagenate_mobile .paging .end {float:left; vertical-align:top;  text-indent:-9999px; overflow:hidden; background:url('../img/common/icon_paging.png') no-repeat left center; border:1px solid #dbdbdb; margin-left:2px;}
.bo_pagenate_mobile .paging .first {margin-left:0;}
.bo_pagenate_mobile .paging .prev {background-position:-28px 0;}
.bo_pagenate_mobile .paging .next {background-position:-56px 0; margin-left:0;}
.bo_pagenate_mobile .paging .end {background-position:-84px 0;}
.bo_pagenate_mobile .paging ol {float:left; margin:0 10px;}
.bo_pagenate_mobile .paging ol li {float:left; margin-left:3px; display:inline-block; line-height:30px; color:#999; padding:0 5px}
.bo_pagenate_mobile .paging ol li:first-child {margin-left:0 !important; }
.bo_pagenate_mobile .paging ol li a.on {color:#222; font-weight:400;}

.bo_pagenate {display:block}
.bo_pagenate_mobile {display:none}



@media only screen and (max-width:860px) {
  .bo_pagenate {display:none}
  .bo_pagenate_mobile {display:block}
  .bo_pagenate_mobile .paging .first {display:none}
  .bo_pagenate_mobile .paging .end {display:none}
}



/*화면 넘칠 시 좌우 스크롤*/
.scroll_tab  {}

@media only screen and (max-width:860px) {
  .scroll_tab {padding:20px; display:flex; align-items:flex-start; overflow:hidden; overflow-x:scroll; margin:0 -15px 40px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
}
@media only screen and (max-width:860px) {
  .scroll_tab {padding:15px 20px;}
}



/*인사말*/
.greeting_wrap .picture {width:100%; padding-bottom:23.649%; background-repeat:no-repeat; background-position:center; background-size:cover; margin:auto;}
.greeting_wrap .text {margin-top:60px; text-align:center;}
.greeting_wrap .text .title {font-size:30px;  font-weight:500; margin-bottom:40px;}
.greeting_wrap .text .content {color:#555; margin-bottom:40px;}
.greeting_wrap p img{width: auto !important;}
.ceo{text-align: center;}
.ceo span {display:inline-block; vertical-align:middle; margin:0 2px;}
.ceo .where {font-size:14px; font-weight:500;}
.ceo .name {font-size: 19px; font-weight: 500;}

@media screen and (max-width:1440px){
  .greeting_wrap .picture {width:100%;}
}

@media screen and (max-width:768px){
  .greeting_wrap .picture {padding-bottom:30%;}
  .greeting_wrap .text {margin-top:50px;}
  .greeting_wrap .text .title {font-size:20px; margin-bottom:30px;}
  .greeting_wrap .text .content {margin-bottom:30px; text-align:left;}
  .ceo {text-align:right;}
  .ceo .name {font-size:18px;}
}

@media screen and (max-width:425px){
  .greeting_wrap .picture {padding-bottom:40%;}
  .greeting_wrap .text {margin-top:40px;}
  .greeting_wrap .text .title {font-size:18px; margin-bottom:20px;}
  .greeting_wrap .text .content {margin-bottom:20px;}
}



/*경영이념*/
.ideology_wrap {width:100%;}
.ideology_wrap li {margin: 140px 0 190px;}
.ideology_wrap li:last-child {margin-bottom: 0;}
.ideology_wrap dl {position: relative;}
.ideology_wrap dl::after {content:''; display:block; clear:both;}
.ideology_wrap dt {position:absolute; top:-48%; left:0; width: 48.571%;}
.ideology_wrap li:nth-child(even) dt {right:0; left:auto;}
.ideology_wrap dt .image {padding-bottom:51.474%; background-repeat:no-repeat; background-position:center; background-size:cover; box-shadow:13px 12px 29px rgba(0, 0, 0, 0.12);}
.ideology_wrap dd {width: 53.214%; border: 1px solid #eaeae9; border-top: 2px solid #a50034; padding: 70px 0;}
.ideology_wrap li:nth-child(odd) dd {float: right;}
.ideology_wrap dd .icon {display:inline-block; vertical-align:middle; width:40%; text-align:center;}
.ideology_wrap dd .text {display:inline-block; vertical-align:middle; width:59%;}
.ideology_wrap dd .text .num {font-size:14px; font-weight:500; color:#a50034;}
.ideology_wrap dd .text .title {font-size:19px; font-weight:500; margin:10px 0 15px;}
.ideology_wrap dd .text .explain {font-size:14px; color:#555; line-height:1.6;}
.ideology_wrap p img{width: auto !important;}

@media screen and (max-width:1440px){
  .ideology_wrap {width:100%;}
  .ideology_wrap li {margin:100px 0 150px;}
  .ideology_wrap dt {top:-18%;}
}

@media screen and (max-width:1280px){
  .ideology_wrap li {margin:70px 0 120px;}
}

@media screen and (max-width:1024px){
  .ideology_wrap li {margin:50px 0 100px;}
  .ideology_wrap dd {padding:50px 0;}
  .ideology_wrap dd .icon {width:35%;}
  .ideology_wrap dd .icon img {max-width:70px;}
  .ideology_wrap dd .text {width:64%; padding-right:20px; box-sizing:border-box;}
  .ideology_wrap dd .text .title {font-size:17px;}
}

@media screen and (max-width:768px){
  .ideology_wrap li {margin:0px 0 50px;}
  .ideology_wrap dt {position:static; width:100%;}
  .ideology_wrap dd {width:100%; margin-top:20px; padding:35px 0;}
}

@media screen and (max-width:425px){
  .ideology_wrap dd .icon {width:100%;}
  .ideology_wrap dd .text {width:100%; padding:0 20px; text-align:center; margin-top:20px;}
}

/* 경영이념 (dh) */
.ideology_wrap .picture{width: 100%; padding-bottom: 23.649%; background-repeat: no-repeat; background-position: center; background-size: cover; margin: auto;}
.management_list{margin: 4% auto 0; max-width: 800px;}
.management_list li{display: table; width: 100%; margin: 0; padding: 30px 0; border-bottom: 1px solid #ddd;}
.management_list li:last-child{border-bottom: none;}
/*.management_list li:after{content: ""; display: block; clear: both;}*/
.management_list li span{display: table-cell; vertical-align: middle; width: 80px; font-size: 36px; color: #a50034;}
.management_list li p{display: table-cell; vertical-align: middle; }
.management_list li p strong{display: block; font-size: 20px;}
.management_list li p em{display: block; font-size: 17px; padding: 10px 0 0; line-height: 150%;}
@media screen and (max-width:1440px){
  .ideology_wrap .picture {width:100%;}
}
@media screen and (max-width:768px){
  .ideology_wrap .picture {padding-bottom:30%;}
    .management_list li{padding: 4% 0;}
    .management_list li span{width: 50px; font-size: 29px;}
    .management_list li p strong{font-size: 18px;}
    .management_list li p em{padding: 5px 0 0; font-size: 15px;}
}
@media screen and (max-width:425px){
  .ideology_wrap .picture {padding-bottom:40%;}
    .management_list li span{width: 40px; font-size: 22px;}
    .management_list li p strong{font-size: 15px;}
    .management_list li p em{font-size: 13px;}
}


/*오시는길*/
.location_wrap {width:100%;}
.location_wrap .root_daum_roughmap {width:100%; height:450px;}
.location_wrap .root_daum_roughmap .wrap_map {height:100%;}
.location_wrap .root_daum_roughmap .wrap_controllers {display:none;}
.location_wrap .info {margin-top:60px; border-top:2px solid #a50034; border-bottom:1px solid #ddd;}
.location_wrap .info::after {content:''; display:block; clear:both;}
.location_wrap .info li {float:left; padding:20px 40px; box-sizing:border-box;}
.location_wrap .info .address {width:46%;}
.location_wrap .info .tel {width:27%;}
.location_wrap .info .fax {width:27%;}
.location_wrap .info li .tit {display:inline-block; vertical-align:middle;}
.location_wrap .info li .tit img {vertical-align:middle;}
.location_wrap .info li .tit span {font-weight:500; font-size:19px; vertical-align:middle; margin-left:15px;}
.location_wrap .info li .content {display:inline-block; vertical-align:middle; font-size:14px; color:#555; padding-left:30px; box-sizing:border-box; line-height:1.4;}

@media screen and (max-width:1440px){
  .location_wrap {width: 100%;}
}

@media screen and (max-width:1200px){
  .location_wrap .info li {float:none; width:100% !important;}
}

@media screen and (max-width:768px){
  .location_wrap .info {margin-top:30px;}
  .location_wrap .info li {padding:12px 20px;}
  .location_wrap .info li .tit {width:15%;}
  .location_wrap .info li .tit span {font-size:17px;}
  .location_wrap .info li .content {width:84%;}
}

@media screen and (max-width:640px){
  .location_wrap .info li .tit {width:20%;}
  .location_wrap .info li .content {width:79%;}
}

@media screen and (max-width:500px){
  .location_wrap .info li .tit {width:25%;}
  .location_wrap .info li .content {width:74%;}
}

@media screen and (max-width:425px){
  .location_wrap .root_daum_roughmap {height:320px;}
  .location_wrap .info li {padding:12px 6px;}
  .location_wrap .info li .tit {width:28%;}
  .location_wrap .info li .tit span{margin-left:10px;}
  .location_wrap .info li .content {width:70%; padding-left:20px;}
}



/*설치사례리스트*/
.case_lists {}
.case_lists .board ul {overflow:hidden;}
.case_lists .board ul li {float:left; width:23.5%; margin:0 2% 2% 0; box-sizing: border-box; border:1px solid #ddd; transition:all 0.3s;}
.case_lists .board ul li:nth-child(4n) {margin:0 0 2% 0;}
.case_lists .board ul li a{display: block;}
.case_lists .board ul li a:after{content: ""; display: block; clear: both;}
.case_lists .board ul li a .img {position:relative; height:200px; overflow: hidden; background: #e7e7e7 url(../img/main/no_image.jpg) no-repeat center; background-size: 50%;}
.case_lists .board ul li a .img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 100%; /*height: 100%;*/transition:all 0.3s; max-width: none; min-height: 100%; min-width: 100%; object-fit: cover;}
.case_lists .board ul li a .list_txt{box-sizing: border-box; padding:40px;}
.case_lists .board ul li a .list_txt .list_type{display: block; line-height: 100%; font-size: 14px; color: #aa274c;}
.case_lists .board ul li a .list_txt .list_title{display: block; padding: 11px 0 14px; font-size: 20px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.case_lists .board ul li a .list_txt .list_cont{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 20px; height: 40px; font-size: 14px; color: #555;}
.case_lists .board ul li a .list_txt .list_date{display: block; font-size: 14px; color: #555; padding: 4px 0 0;}
.case_lists .board ul li:hover {border:1px solid rgba(0,0,0,0); box-shadow:2px 2px 12px 5px rgba(0,0,0,.04);}
.case_lists .board ul li:hover a .img img {transform:translate(-50%,-50%) scale(1.1);}


@media all and (max-width: 1400px){
  .case_lists .board ul li {width:32%;}
  .case_lists .board ul li:nth-child(2n) {margin:0 2% 2% 0;}
  .case_lists .board ul li:nth-child(3n) {margin:0 0 2% 0;}
}
@media all and (max-width: 1024px){
  .case_lists .board ul li {border:0;}
  .case_lists .board ul li {width:48%; margin:0 4% 4% 0;}
  .case_lists .board ul li:nth-child(3n) {margin:0 4% 4% 0;}
  .case_lists .board ul li:nth-child(2n) {margin:0 0 4% 0;}
  .case_lists .board ul li a .img {height:290px;}
  .case_lists .board ul li a .list_txt .list_type {font-size:12px;}
  .case_lists .board ul li a .list_txt {padding:20px 0 30px;}
  .case_lists .board ul li a .list_txt .list_title {font-size:16px; font-weight:600; line-height:22px;}
}
@media all and (max-width: 768px){
  .case_lists .board ul li a .img {height:250px;}
}
@media all and (max-width: 460px){
  .case_lists .board ul li a .img {height:180px;}
}




/*설치사례상세*/
.case_view {}
.case_view .title {text-align:center;}
.case_view .title .list_type {display:block; color:#aa274c; font-size:14px; margin:0 0 10px 0; font-weight:500;}
.case_view .title .list_title {display:block; font-size:30px; font-weight:500;}
.case_view .title_img {margin:40px 0 0 0;}
.case_view .title_img img {width:100%; max-height:100%;}
.case_view .title_txt {margin:40px 0 0 0;}
.case_view .title_txt table { border-top:2px solid #333; width:100%;}
.case_view .title_txt table tbody {}
.case_view .title_txt table tr {border-bottom:1px solid #e6e6e6; display:flex; padding:20px;}
.case_view .title_txt table tr td {display:inline-block; flex:1;}
.case_view .title_txt table tr td:first-child {font-weight:500; width:200px; flex:none; font-size:20px;}
.case_view .title_txt table tr td.product span {position:relative; padding:0 10px 0 0; margin:0 10px 0 0; display:inline-block;}
.case_view .title_txt table tr td.product span::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); display:block; width:1px; height:15px; background:#b7b7b7;}
.case_view .title_txt table tr td.product span:last-of-type::after {content:none;}
.case_view .detail {padding:80px 0; border-bottom:1px solid #e6e6e6;}

.list_btn {overflow:hidden; margin:40px 0 0 0;}
.list_btn a {float:left; text-align:center; width:100px; line-height:40px; background:#222; color:#fff;}
.list_btn .prev {margin:0 10px 0 0;}
.list_btn .next {}
.list_btn .list {float:right; background:#b01e46;}

@media all and (max-width: 768px){
  .case_view .title {}
  .case_view .title .list_type {margin:0 0 5px 0;}
  .case_view .title .list_title {font-size:24px;}
  .case_view .title_img {margin:20px 0 0 0;}
  .case_view .title_txt {margin:20px 0 0 0;}
  .case_view .title_txt table tr {display:block; padding:20px 10px;}
  .case_view .title_txt table tr td:first-child {width:100%; margin:0 0 10px 0; font-size:16px; font-weight:600;}
  .case_view .title_txt table tr td.product span {background:#f5f5f5; margin:0 10px 10px 0; padding:0 15px; border:1px solid #ddd; box-sizing:border-box; border-radius:5px;}
  .case_view .title_txt table tr td.product span:last-of-type {margin:0 0 10px 0;}
  .case_view .title_txt table tr td.product span::after {content:none;}
  .case_view .detail {padding:40px 0;}
}

@media screen and (max-width:640px){
  .list_btn {margin:20px 0 0 0;}
  .list_btn a {width:49%;}
  .list_btn .prev {margin:0 2% 0 0;}
  .list_btn .next {margin:0;}
  .list_btn .list {width:100%; margin:2% 0 0 0;}
}



/*제품 리스트 공통*/
.product_list .list {overflow:hidden;}
// .product_list .list li {float:left; width:23.5%; margin:0 2% 2% 0; min-height:490px; height:auto;}
.product_list .list li {display:inline-block; width:22.999%; margin:0 2% 2% 0; vertical-align:top;}
.product_list .list li:nth-child(4n) {margin:0 0 2% 0;}
.product_list .list li a {display:block;}
.product_list .list li a * {display:block;}
.product_list .list li a .img {position:relative; width:100%; height:292px; overflow:hidden;}
.product_list .list li a .img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 100%; height: 100%; max-width: none; min-height: 100%; min-width: 100%; object-fit: cover;}
.product_list .list li a .txt {padding:35px 0;}
.product_list .list li a .txt .p_name {font-size: 20px; font-weight: 500;}
.product_list .list li a .txt .p_num {padding: 0 0 8px; font-size: 15px; }
.product_list .list li a .txt .cont {line-height:20px; font-size:14px; color:#555;}



/*리스트 type 01*/
.product_list .list_type_01 li a .img {border-radius:0 0 33px 0;}
.product_list .list_type_01 li a .img:before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(0); display:block; width:94px; height: 94px; background:url("../img/main/recommend_plus.png") no-repeat center; opacity: 0; transition: all 0.3s;}
.product_list .list_type_01 li a:hover .img:before,
.product_list .list_type_01 li a:focus .img:before {z-index:1; opacity: 1; transform: translate(-50%, -50%) scale(1);}
.product_list .list_type_01 li a .img:after {content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; transition: opacity 0.3s;}
.product_list .list_type_01 li a:hover .img:after,
.product_list .list_type_01 li a:focus .img:after {opacity: 1;}
.product_list .list_type_01 li a .txt .cont span {display:inline; position:relative;}
.product_list .list_type_01 li a .txt .cont span::after {content:"/"; padding:5px;}
.product_list .list_type_01 li a .txt .cont span:last-child::after {content:none;}



/*리스트 type 02*/
.product_list .list_type_02 {display:;}




@media screen and (max-width:1400px){
  // .product_list .list li {width:32%;}
  .product_list .list li {width:30.999%;}
  .product_list .list li:nth-child(2n) {margin:0 2% 2% 0;}
  .product_list .list li:nth-child(3n) {margin:0 0 2% 0;}
}

@media screen and (max-width:1024px){
  .product_list .list li {width:47%; margin:0 4% 4% 0;}
  .product_list .list li:nth-child(3n) {margin:0 4% 4% 0;}
  .product_list .list li:nth-child(2n) {margin:0 0 4% 0;}
  .product_list .list li a .txt .p_name {font-size:16px; font-weight:600; line-height:22px;}
  .product_list .list li a .txt .p_num {font-size:12px;}
  .product_list .list li a .txt .cont {font-size:12px; line-height:18px;}
  .product_list .list li a .txt {padding:20px 0 30px}

  .product_list .list_type_01 li a .txt .p_num {font-size:12px; border:1px solid #ddd; margin:5px 0 0; line-height:20px; background:#f5f5f5; box-sizing:border-box; border-radius:5px; padding:0 15px; display:inline-block;}
  .product_list .list_type_01 li a .txt .cont {margin:10px 0 0;}
  .product_list .list_type_01 li a .txt .cont span {display:block;}
  .product_list .list_type_01 li a .txt .cont span::before {content:'·'; padding:0 5px 0 0;}
  .product_list .list_type_01 li a .txt .cont span::after {content:none;}
}

 @media screen and (max-width:768px){
  .product_list .list li a .img {height:250px;}
}

@media screen and (max-width:460px){
  .product_list .list li a .img {height:200px;}

}

@media screen and (max-width:375px){
  .product_list .list li a .img {height:180px;}
}





/*제품 상세페이지*/
.product_view .component .title {text-align:center;}
.product_view .component .title .list_type {display:block; color:#aa274c; font-size:14px; margin:0 0 10px 0; font-weight:500;}
.product_view .component .title .list_title {display:block; font-size:30px; font-weight:500;}
.product_view .component .title .num {font-size:14px; display:block; margin:5px 0 0 0;}
.product_view .component .title .cont {color:#555; font-size:14px; line-height:20px; background:#f5f5f5; display:inline-block; padding:5px 20px; margin:5px 0 0 0;}
.product_view .component .title .cont span {display:inline; position:relative;}
.product_view .component .title .cont span::before {content:"/"; padding:5px;}
/* .product_view .component .title .cont span:last-child::after {content:none;} */

.product_view .component .thumbnail {width:100%; margin:60px 0 0 0;}
.product_view .component .thumbnail .slider_for {text-align:center; position:relative;}
.product_view .component .thumbnail .slider_for .slick-slide {}
.product_view .component .thumbnail .slider_for .slick-slide img {display:inline-block;}
.product_view .component .thumbnail .slider_for .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); z-index:1; display:inline-block; width:50px; height:50px; border:0px; background:rgba(0,0,0,0.5);}
.product_view .component .thumbnail .slider_for .slick-prev {background:url("../img/main/btn_r_arrow.png") no-repeat top left; left:0;}
.product_view .component .thumbnail .slider_for .slick-next {background:url("../img/main/btn_r_arrow.png") no-repeat top right; right:0;}
.product_view .component .thumbnail .slider_for .slick-counter {display:none; color:#555; font-size:15px; margin:20px 0 0 0;}
.product_view .component .thumbnail .slider_for .slick-counter .current {font-weight:500; color:#222;}
.product_view .component .thumbnail .slider_nav {text-align:center; width:680px; margin:40px auto 0;}
.product_view .component .thumbnail .slider_nav .slick-slide {border:1px solid #ddd; box-sizing:border-box; margin:0 20px 0 0; height:90px; position:relative; overflow:hidden; cursor:pointer;}
.product_view .component .thumbnail .slider_nav .slick-slide img {position:absolute; top:50%; transform:translateY(-50%);}
.product_view .component .thumbnail .slider_nav .slick-current {opacity:.5; border:1px solid #000;}

.product_view .component_views {margin:60px 0 0 0;}
.product_view .component_views .component_tab {background:#fff; padding:0; margin:0 0 60px 0;}
.product_view .component_views .component_tab ul {overflow:hidden;}
.product_view .component_views .component_tab ul li {width:33.3%; float:left; text-align:center; line-height:80px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.product_view .component_views .component_tab ul li.on {color:#aa274c; font-weight:500; border-bottom:2px solid #aa274c;}
.product_view .component_views .component_tab ul li a {display:block; cursor:pointer; padding:0;}


#component_tab_con0 img{width: auto !important;}
#component_tab_con1 img{width: auto !important;}
.totalImg img{width: auto !important;}

.component_img ul {overflow:hidden;}
.component_img ul li {width:50%; float:left; text-align:center;}
.component_img ul li img {display:inline-block;}

.component_table {margin:40px 0 0 0;}
.component_table table {border-top:2px solid #333; width:100%;}
.component_table table tbody {}
.component_table table tbody tr {border-bottom:1px solid #e6e6e6; display:flex; padding:30px 20px;}
.component_table table tbody tr td {display:inline-block; flex:1;}
.component_table table tbody tr td:first-child {font-weight:500; width:200px; flex:none; font-size:20px;}
.component_table table tbody tr td .info {overflow:hidden;}
.component_table table tbody tr td .info li {float:left; width:32%; margin:0 2% 0 0; padding:0 0 2% 0;}
.component_table table tbody tr td .info li:nth-child(3n) {margin:0;}
.component_table table tbody tr td .info li span {font-size:14px;}
.component_table table tbody tr td .info li p {font-size:20px; font-weight:500; word-break:keep-all;}

.manual_table {text-align:center;}
.manual_table dl {}
.manual_table dl dt {margin:0 0 30px 0; position:relative; padding:140px 0 0 0;}
.manual_table dl dt p {font-size:30px; font-weight:500; line-height:35px; margin:0 0 5px 0;}
.manual_table dl dt::before {content:''; position:absolute; display:inline-block; width:120px; height:120px; background:#fff url("../img/contents/ico_download_02.png") no-repeat center center; border:8px solid #aa274c; box-sizing:border-box; border-radius:100px; left:50%; transform:translateX(-50%); top:0;}
.manual_table dl dd {}
.manual_table dl dd a {display:inline-block; background:#aa274c; color:#fff; line-height:40px; padding:0 20px;}

@media screen and (max-width:1400px) {
  .product_view .component_views .component_tab ul li {line-height:60px;}
}

@media screen and (max-width:1024px){
  .component_table table tbody tr {display:block; padding:20px 10px;}
  .component_table table tbody tr td {display:block; flex:none;}
  .component_table table tbody tr td:first-child {width:100%; margin:0 0 10px 0; font-size:16px; font-weight:600;}
  .component_table table tbody tr td .info li p {font-size:16px;}
  .component_table table tbody tr td .info li span {color:#999;}

  .product_view .component .title .cont {font-size:12px; line-height:18px;}
  .product_view .component .title .cont span {display:inline-block;}

  .manual_table dl dt p {font-size:20px;}

}

@media screen and (max-width:768px){
  .product_view .component_views {margin:40px 0 0 0;}
  .product_view .component_views .component_tab {margin:0 0 40px 0;}
  .product_view .component_views .component_tab ul li {line-height:50px;}

  .product_view .component .title .list_title {font-size:24px;}
  .product_view .component .title .list_type {margin:0 0 5px 0;}
  .product_view .component .title .cont span {}
  .product_view .component .thumbnail .slider_for .slick-arrow {width:35px; height:35px; background-size:60px;}
  .product_view .component .thumbnail .slider_for .slick-counter {}
  .product_view .component .thumbnail .slider_nav {display:none;}

  .component_img ul li {width:100%; float:none;}

  .component_table table tbody tr td .info li {width:48%; margin:0 4% 0 0;}
  .component_table table tbody tr td .info li:nth-child(3n) {margin:0 4% 0 0;}
  .component_table table tbody tr td .info li:nth-child(2n) {margin:0;}
  .component_table table tbody tr td .info li p {font-size:14px;}

  .manual_table dl dt {padding:110px 0 0 0;}
  .manual_table dl dt::before {width:100px; height:100px; background-size:50px;}
  .manual_table dl dt p {font-size:18px; margin:0;}

}




.keyword {}
.keyword h2 {text-align:center; font-size:30px; margin:0 0 50px 0;}
.keyword h2 span {color:#aa274c;}
.keyword .search_box {position:relative; max-width:682px; margin:0 auto; box-sizing:border-box;}
.keyword .search_box input {width: 100%; box-sizing: border-box;  padding: 17px 10px; border: none; border-bottom: 2px solid #111; background: #fff; font-size: 20px; font-weight: 300; color: #111; background: transparent url("../img/common/btn_search.png") no-repeat center right;}
.keyword .search_box button {position: absolute; top: 0; right: 0; display: block; width: 58px; height: 58px; box-sizing: border-box; padding: 0; border: none; background: transparent; font-size: 0; cursor: pointer;}

.search_top {margin:80px 0 0 0;}

.seacrh_board {margin:80px 0 0 0;}
.seacrh_board h5 {font-size:23px; font-weight:500;}
.seacrh_board ul{box-sizing: border-box; border-top: 2px solid #111; margin: 20px 0 0;}
.seacrh_board ul li{padding: 31px 0 31px; box-sizing: border-box; border-bottom: 1px solid #ddd;}
.seacrh_board ul li a{display: block;}
.seacrh_board ul li a:after{content: ""; display: block; clear: both;}
.seacrh_board ul li a .img{float: left; position: relative; width: 235px; height: 144px; border-radius: 0 0 33px 0; overflow: hidden; background: #e7e7e7 url(../img/main/no_image.jpg) no-repeat center; background-size: 50%;}
.seacrh_board ul li a .img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 100%; max-width: none; min-height: 100%; min-width: 100%; object-fit: cover;}
.seacrh_board ul li a .list_txt{float: left; width: calc(100% - 235px); box-sizing: border-box; padding: 0 0 0 40px;}
.seacrh_board ul li a .list_txt .list_type{display: block; line-height: 100%; padding: 14px 0 0; font-size: 14px; color: #aa274c;}
.seacrh_board ul li a .list_txt .list_title{display: block; padding: 11px 0 14px; font-size: 20px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.seacrh_board ul li a .list_txt .list_cont{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 20px; height: 60px; font-size: 14px; color: #555;}
.seacrh_board ul li a .list_txt .list_date{display: block; font-size: 14px; color: #555; padding: 4px 0 0;}

.seacrh_board .btn_more {text-align:center; margin:50px auto 0;}
.seacrh_board .btn_more span {display:inline-block; width:200px; line-height:40px; background:#aa274c; color:#fff;}
.seacrh_board .btn_more span a {display:block;}

.product_board ul li a .img {background:#fff;}
.product_board ul li a .list_txt .list_title {padding:11px 0 0 0;}
.product_board ul li a .list_txt .list_num {font-size:15px; padding:0 0 8px;}
.product_board ul li a .list_txt .list_cont {}
.product_board ul li a .list_txt .list_cont span::after {content:'/'; padding:0 5px;}
.product_board ul li a .list_txt .list_cont span:last-of-type::after {content:none;}

.search_none {text-align:center; margin:80px 0 0 0;}

@media all and (max-width: 1600px){
    .seacrh_board ul li a .list_txt{padding: 0 0 0 4%;}
}
@media all and (max-width: 1280px){

}
@media all and (max-width: 1024px){
    .search_top {margin:40px 0 0 0;}
    .seacrh_board {margin:40px 0 0 0;}
    .seacrh_board ul li{padding: 20px 10px;}
    .seacrh_board .btn_more {margin:30px auto 0;}
    .keyword .search_box input {font-size:16px; padding:10px 10px;}
}
@media all and (max-width: 768px){
    .seacrh_board ul{margin: 12px 0 0;}
}
@media all and (max-width: 568px){
    .keyword h2 {font-size:20px;}
    .seacrh_board h5 {font-size:18px;}
    .seacrh_board ul li {padding:10px 5px;}
    .seacrh_board ul li a .img {width:130px; margin:0 10px 0 0; height:100px;}
    .seacrh_board ul li a .list_txt{/*width: 100%;*/ padding: 10px 0; width:calc(100% - 140px);}
    .seacrh_board ul li a .list_txt .list_type{padding: 0; font-size: 11px;}
    .seacrh_board ul li a .list_txt .list_title{padding: 3px 0; font-size: 16px;}
    .seacrh_board ul li a .list_txt .list_cont{-webkit-line-clamp: 2; height: 40px; font-size: 13px;}
    .seacrh_board ul li a .list_txt .list_date{font-size: 12px;}
}















/*컨텐츠 Css*/