/* 공통 */
.content{padding: 130px 0; border-top: 1px solid #eee; color: #333; font-size: 16px; font-weight: 400; font-family: 'Montserrat';}
.sec{margin-bottom: 130px;}
.sec:last-child{margin-bottom: 0;}
.sec h2{font-weight: 400; font-size: 24px; color: #777; text-align: center; position: relative; padding-bottom: 20px; margin-bottom: 20px;}

/* About 페이지 */
/* sec01 */
.about_wrap .sec01 h2::after{content: ""; display: block; position: absolute; background-color: #ddd; width: 70px ; height: 1px; bottom: -2px; left: 50%; transform: translateX(-50%);}
.about_wrap .sec01 h2::selection{background-color: #8639a5; color: #fff;}
.about_wrap .sec01 h3{font-weight: 400; font-size: 35px; color: #8639a5; text-align: center; margin-bottom: 80px;}
.about_wrap .sec01 h3::selection{background-color: #8639a5; color: #fff;}
.about_wrap .sec01 .list_li .list_inner{width: 100%; display: flex; align-items: center; justify-content: space-between;}
.about_wrap .sec01 .list_li .list_inner p{width: 50%;}
.about_wrap .sec01 .list_li .list_inner p.img_sec{padding-bottom: 28%; background: center / cover no-repeat;}
.about_wrap .sec01 .list_li:nth-child(1) .list_inner p.img_sec{background-image: url(../img/sub/about01.jpg);}
.about_wrap .sec01 .list_li:nth-child(2) .list_inner p.img_sec{background-image: url(../img/sub/about06.jpg);}
.about_wrap .sec01 .list_li:nth-child(3) .list_inner p.img_sec{background-image: url(../img/sub/about03.jpg);}
.about_wrap .sec01 .list_li:nth-child(4) .list_inner p.img_sec{background-image: url(../img/sub/about04.jpg);}
.about_wrap .sec01 .list_li:nth-child(5) .list_inner p.img_sec{background-image: url(../img/sub/about05.jpg);}
.about_wrap .sec01 .list_li:nth-child(2n) .list_inner{flex-direction: row-reverse;}
.about_wrap .sec01 .list_li .list_inner p.txt_sec{font-size: 20px; color: #777; font-weight: 400; padding: 0 40px; line-height: 2;}
.about_wrap .sec01 .list_li .list_inner p.txt_sec span::selection{background-color: #8639a5; color: #fff;}

/* sec02 */
.about_wrap .sec02 h2{margin-bottom: 50px;}
.about_wrap .sec02 h2::selection{background-color: #8639a5; color: #fff;}
.about_wrap .sec02 .history_list{position: relative;}
.about_wrap .sec02 .history_list::before{content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #c6c6c6;}
.about_wrap .sec02 .history_box{display: flex; margin-bottom: 60px;}
.about_wrap .sec02 .history_box .list_year{width: 50%; padding-right: 80px; text-align: right; font-size: 40px; font-weight: 700; color: #8639a5;}
.about_wrap .sec02 .history_box .his_text{position: relative; width: 50%; padding-left: 80px; padding-top: 20px;}
.about_wrap .sec02 .history_box .his_text::before{content: ""; position: absolute; top: 32px; width: 60px; height: 1px; background: #8639a5;}
.about_wrap .sec02 .history_box .his_text::after{content: ""; position: absolute; top: 27px; width: 12px; height: 12px; border: 3px solid #8639a5; border-radius: 50%; background: #fff;}
.about_wrap .sec02 .history_box .his_text p{display: flex; align-items: flex-start; margin-bottom: 20px;}
.about_wrap .sec02 .history_box .his_text p span{font-size: 20px; font-weight: 500; color: #777;}
.about_wrap .sec02 .history_box .his_text p .list_month{width: 40px; color: #222; font-weight: 600;}
.about_wrap .sec02 .history_box .his_text p .list_cont{width: calc(100% - 40px);}
/* 짝수 섹션 */
.about_wrap .sec02 .history_box:nth-child(even){flex-direction: row-reverse;}
.about_wrap .sec02 .history_box:nth-child(even) .list_year{text-align: left; padding-left: 80px; padding-right: 0;}
.about_wrap .sec02 .history_box:nth-child(even) .his_text{padding-right: 80px; padding-left: 0;}
.about_wrap .sec02 .history_box:nth-child(odd) .his_text::before{left: 0;}
.about_wrap .sec02 .history_box:nth-child(odd) .his_text::after{left: -5px;}
.about_wrap .sec02 .history_box:nth-child(even) .his_text::before{right: 0;}
.about_wrap .sec02 .history_box:nth-child(even) .his_text::after{right: -5px;}
.about_wrap .sec02 .history_box:nth-child(even) .his_text p{flex-direction: row-reverse;}
.about_wrap .sec02 .history_box:nth-child(even) .his_text p span{text-align: right;}

/* sec03 */
.about_wrap .sec03 h2{margin-bottom: 50px;}
.about_wrap .sec03 .certificate_list .certificate_box{margin-bottom: 20px;}
.about_wrap .sec03 .certificate_list .certificate_box p{height: 500px; background: center / 100% 100% no-repeat;}
/* .about_wrap .sec03 .certificate_list .certificate_box:nth-child(1) p{background-image: url(../img/sub/certi01.JPG);}
.about_wrap .sec03 .certificate_list .certificate_box:nth-child(2) p{background-image: url(../img/sub/certi02.JPG);}
.about_wrap .sec03 .certificate_list .certificate_box:nth-child(3) p{background-image: url(../img/sub/certi03.JPG);}
.about_wrap .sec03 .certificate_list .certificate_box:nth-child(4) p{background-image: url(../img/sub/certi04.JPG);}
.about_wrap .sec03 .certificate_list .certificate_box:nth-child(5) p{background-image: url(../img/sub/certi05.JPG);}
.about_wrap .sec03 .certificate_list .certificate_box:nth-child(6) p{background-image: url(../img/sub/certi06.JPG);}
.about_wrap .sec03 .certificate_list .certificate_box:nth-child(7) p{background-image: url(../img/sub/certi07.JPG);} */

/* About process 페이지 */
.about_process .sec h2::after{content: ""; display: block; position: absolute; background-color: #ddd; width: 70px ; height: 1px; bottom: -2px; left: 50%; transform: translateX(-50%);}
.about_process .sec h3{font-weight: 400; font-size: 35px; color: #8639a5; text-align: center; margin-bottom: 80px;}
.about_process .process_list{margin-bottom: 80px;}
.about_process .process_list .process_box{margin-bottom: 30px;}
.about_process .process_list .process_box .inner .img{margin-bottom: 15px; width: 100%; padding-bottom: 80%; background-color: #000; background: center / cover no-repeat;}
/* .about_process .process_list .process_box:nth-child(1) .inner .img{background-image: url(../img/sub/process01.jpg);}
.about_process .process_list .process_box:nth-child(2) .inner .img{background-size: auto 100%; background-image: url(../img/sub/process02.png);}
.about_process .process_list .process_box:nth-child(3) .inner .img{background-image: url(../img/sub/process03.jpg);}
.about_process .process_list .process_box:nth-child(4) .inner .img{background-size: auto 100%; background-image: url(../img/sub/process04.png);}
.about_process .process_list .process_box:nth-child(5) .inner .img{background-image: url(../img/sub/process05.jpg);} */
.about_process .process_list .process_box .inner .txt{font-size: 20px; font-weight: 500; text-align: center; color: #777;}

.about_process .sec_tit{text-align: center; font-size: 22px; font-weight: 600; margin-bottom: 30px;}
.about_process .sec_tit span{position: relative;}
.about_process .sec_tit span::after{position: absolute; width: 20px; height: 20px; background-color: #8639a5; border-radius: 100%; opacity: 0.3; content: ""; top: -5px; left: -10px;}
.about_process .material_list .process_box .inner .img{padding-bottom: 0; height: 550px;}
.about_process .material_list .process_box:nth-child(1) .inner .img{background-image: url(../img/sub/process06.jpg);}
.about_process .material_list .process_box:nth-child(2) .inner .img{background-image: url(../img/sub/process07.jpg);}
.about_process .material_list .process_box:nth-child(3) .inner .img{background-image: url(../img/sub/process08.jpg);}

.about_process .sec03{margin-bottom: 20px;}
.about_process .production_list ul{display: flex;}
.about_process .production_list li{width: 50%;}
.about_process .production_list li .sec_tit{text-align: left;}
.about_process .production_list li .list{display: flex; width: 100%; height: 400px;}
.about_process .production_list li .list .img{width: 100%; height: 100%; background: center / cover no-repeat; margin-bottom: 15px;}
.about_process .production_list li:nth-child(1){margin-right: 20px;}
.about_process .production_list li:nth-child(1) .list01 .img{background-image: url(../img/sub/process10.jpg);}
.about_process .production_list li:nth-child(1) .list02 .img{background-image: url(../img/sub/process11.jpg);}
.about_process .production_list li:nth-child(2) .list .img{background-image: url(../img/sub/process09.jpg);}
.about_process .production_list li .list > div{width: 50%; height: 100%;}
.about_process .production_list li .list > div.list01{margin-right: 20px;}
.about_process .production_list li .list .txt{font-size: 20px; font-weight: 500; text-align: center; color: #777;}


/* Contact 페이지 */
/* 문의 */
.contact_wrap .inquiry .table_list{background-color: #fafafa; padding: 20px;}
.contact_wrap .inquiry .table_list li{padding: 20px 0;}
.contact_wrap .inquiry .table_list .in_txt{width: 50%; float: left; padding: 0 30px; margin-bottom: 15px;}
.contact_wrap .inquiry .table_list .in_txt.textarea{width: 100%;}
.contact_wrap .inquiry .table_list .input_wrap{position: relative; padding-left: 120px;}
.contact_wrap .inquiry .table_list .input_wrap p{position: absolute; top: 10px; left: 0; font-weight: 600; font-size: 18px;}
.contact_wrap .inquiry .table_list .input_wrap p::selection{background-color: #8639a5; color: #fff;}
.contact_wrap .inquiry .table_list .input_wrap p span{color: #e30613; padding-right: 5px; position: relative; top: 3px;}
.contact_wrap .inquiry .table_list .input_wrap input{width: 100%; border: 1px solid #ddd; background-color: #fff; height: 50px; padding: 0 10px;}
.contact_wrap .inquiry .table_list .input_wrap input::selection{background-color: #8639a5; color: #fff;}
.contact_wrap .inquiry .table_list .input_wrap textarea{width: 100%; border: 1px solid #ddd; resize: none; height: 300px; padding: 10px; line-height: 1.6;}
.contact_wrap .inquiry .table_list .input_wrap input:focus{outline: 1px solid #111;}
.contact_wrap .inquiry .table_list .input_wrap textarea:focus{outline: 1px solid #111;}
.contact_wrap .inquiry .table_list .input_wrap textarea::selection{background-color: #8639a5; color: #fff;}
.contact_wrap .inquiry .inner span.warning{text-align: center; display: block; font-size: 15px; padding-bottom: 20px;}
.contact_wrap .inquiry .btn{padding: 14px 100px; background-color: #8639a5; color: #fff; display: inline-block; cursor: pointer; font-weight: 600; border-radius: 4px;}

.contact_wrap .privacy_con{width: 100%; overflow: hidden; border: 1px solid #ddd; padding: 24px; position:relative; margin-bottom: 30px;}
.contact_wrap .privacy_con p.tit{font-size: 18px; margin-bottom: 8px; font-weight: 600;}
.contact_wrap .privacy_con>label{width: 100%; font-size: 15px; padding-bottom: 2px;}
.contact_wrap .privacy_con>label>input{margin-right: 8px;}
.contact_wrap .privacy_con>label>em{text-decoration: underline; color: #8639a5; cursor: pointer;}
.contact_wrap .privacy_con .text_wrap{width: 100%; overflow: hidden; display: none;  }
.contact_wrap .privacy_con .text_wrap .inner{width: 100%; margin-top: 24px; overflow: hidden; height: 150px; overflow-y: scroll;  background-color:#f5f5f5; padding: 24px;}
.contact_wrap .privacy_con .text_wrap .inner ul::selection{background-color: #8639a5; color: #fff;}
.contact_wrap .privacy_con .text_wrap .inner ul li{width: 100%; padding-bottom: 32px;}
.contact_wrap .privacy_con .text_wrap .inner ul li:last-child{padding-bottom: 0;}
.contact_wrap .privacy_con .text_wrap .inner ul li>p{font-weight: 600; padding-bottom: 8px; font-size: 15px;}
.contact_wrap .privacy_con .text_wrap .inner ul li>span{display:block; font-size: 16px;}
.contact_wrap .privacy_con>input{display:none;}
.contact_wrap .privacy_con>label>span>em{text-decoration: underline; color: #777; cursor: pointer;}

/* 회사정보 */
.contact_wrap .info_wrap .info02_wrap{width: 100%; margin-bottom: 30px;}
.contact_wrap .info_wrap .info02_wrap ul{display: flex;}
.contact_wrap .info_wrap .info02_wrap ul li{transition: all 0.25s; width: calc(100% / 3); text-align: center; padding: 20px; border: 1px solid #ddd; margin-right: 15px; border-radius: 4px;}
.contact_wrap .info_wrap .info02_wrap ul li:last-child{margin-right: 0;}
.contact_wrap .info_wrap .info02_wrap ul li p{font-size: 20px; font-weight: 600; margin-bottom: 15px;}
.contact_wrap .info_wrap .info02_wrap ul li p::selection, .contact_wrap .info_wrap .info02_wrap ul li span::selection{
  background-color: #8639a5; color: #fff;
}
.contact_wrap .info_wrap .info02_wrap ul li span{display: block;}
.contact_wrap .info_wrap .info02_wrap ul li .qr_img{margin: 0 auto; width: 70px; height: 70px; background: center / cover no-repeat url(../img/sub/qr.jpg);}
@media (hover: hover) {
  .contact_wrap .info_wrap .info02_wrap ul li:hover{border-color: #8639a5;}
  .contact_wrap .info_wrap .info02_wrap ul li:hover p{color: #8639a5;}
    .contact_wrap .info_wrap .info02_wrap ul li:hover span{color: #000;}
}

/* PRODUCTS 페이지 */
.product_wrap .content{padding-top: 0;}
.product_wrap .sec01{padding: 0;}
.product_wrap .mainBan{width: 100%; height:  500px; background: center / cover no-repeat; display: flex; align-items: center;}
.product_wrap .bead_cont .mainBan{background-image: url(../img/product/bead_chain01.jpg);}
.product_wrap .link_cont .mainBan{background-image: url(../img/product/link_chain01.jpg);}
.product_wrap .steady_cont .mainBan{background-image: url(../img/product/steady_silver01.jpg);}
.product_wrap .cutting_cont .mainBan{background-image: url(../img/product/cutting_link01.jpg);}
.product_wrap .thick_cont .mainBan{background-image: url(../img/product/thick_bold01.jpg);}
.product_wrap .mainBan .prd_name{box-shadow: 0 0 10px 2px rgb(0 0 0 / 4%); position: relative; left: 10%; width: 270px; height: 270px; background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.product_wrap .mainBan .prd_name::after{position: absolute; content: ""; display: block; width: 84%; height: 1px; background-color: #ddd; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.product_wrap .mainBan .prd_name p{font-size: 20px; font-weight: 600; margin-bottom: 20px;}
.product_wrap .mainBan .prd_name p::selection{background-color: #8639a5; color: #fff;}
.product_wrap .mainBan .prd_name span{font-weight: 400; color: #777; font-size: 15px;}
.product_wrap .mainBan .prd_name span::selection{background-color: #8639a5; color: #fff;}

.product_wrap .descrip_box{width: 100%;}
.product_wrap .descrip_box .descrip_inner{width: 100%; background-color: #f8f7fc;}
.product_wrap .descrip_box .descrip_inner ul{display: flex; height: 500px; flex-wrap: wrap;}
.product_wrap .descrip_box .descrip_inner li{width: 50%; height: 100%;}
.product_wrap .descrip_box .descrip_img .img{width: 100%; height: 100%; background: center / cover no-repeat;}
.product_wrap .bead_cont .descrip_img .img{background-position:center bottom 0 ; background-image: url(../img/product/bead_chain02.jpg);}
.product_wrap .link_cont .descrip_img .img{background-image: url(../img/product/link_chain02.jpg);}
.product_wrap .steady_cont .descrip_img .img{background-image: url(../img/product/steady_silver02.jpg);}
.product_wrap .steady_cont .descrip_img .img{background-image: url(../img/product/steady_silver02.jpg);}
.product_wrap .cutting_cont .descrip_img .img{background-image: url(../img/product/cutting_link02.jpg);}
.product_wrap .thick_cont .descrip_img .img{background-image: url(../img/product/thick_bold02.jpg);}
.product_wrap .descrip_box .descrip_txt{display: flex; align-items: center; justify-content: center; padding: 0 50px; font-size: 18px; font-weight: 500; line-height: 1.7;}
.product_wrap .descrip_box .descrip_txt .txt::selection{background-color: #8639a5; color: #fff;}
.product_wrap .sec02 .tit_box{position: relative; padding: 20px; margin-bottom: 50px;}
.product_wrap .sec02 .tit_box::after{position: absolute; content: ""; display: block; width: 100%; height: 1px; background-color: #ddd; top: 50%; left: 0;}
.product_wrap .sec02 .tit_box p{font-size: 22px; font-weight: 500; padding: 0 30px; background: #fff; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; z-index: 1;}
.product_wrap .sec02 .tit_box p::selection{background-color: #8639a5; color: #fff;}
.product_wrap .sec02 .selection_list .comment{display: none; font-size: 17px; font-weight: 500; color: #333; margin-bottom: 10px;}
.product_wrap .sec02 .selection_list .comment span{opacity: 1; animation: opacity 2s infinite ; width: 25px; height: 25px; display: inline-block; background: center / auto 100% no-repeat url(../img/sub/icon_click.png); margin-right: 5px;}
@keyframes opacity {
  0%{opacity: 1;}
  50%{opacity: 0;}
  100%{opacity: 1;}
}
.product_wrap .sec02 .selection_list ul{display: flex;}
.product_wrap .selection_list .select_box{width: 33.3333%; margin-right: 30px;}
.product_wrap .selection_list .select_box:last-child{margin-right: 0;}
.product_wrap .selection_list .select_box .imgBox{cursor: pointer; border: 1px solid #e8e8e8; margin-bottom: 25px; width: 100%; /*height: 550px;*/ background: center / 65% no-repeat;overflow: hidden;}
.product_wrap .selection_list .select_box .imgBox a{position: relative; display: block; width: 100%; height: 100%;}
.product_wrap .selection_list .select_box .name span{font-size: 18px; font-weight: 600; padding-bottom: 3px; border-bottom: 2px solid #777;}

.product_wrap .selection_list .select_box .imgBox a::before{ content: ""; display: block; position: absolute; width: 120%; height: 120%; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px solid #fff; z-index: 4;transition-duration: 0.3s;}
.product_wrap .selection_list .select_box .imgBox a:hover::before{width: 90%;height: 90%;}

.product_wrap .selection_list .select_box .imgBox a::after{transition: all 0.3s; opacity: 0; content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: rgb(0 0 0 / 35%);}
.product_wrap .selection_list .select_box .imgBox a .catalog{opacity: 0; position: absolute; font-size: 22px; font-weight: 600; color: #fff; z-index: 4; top: 50%; left: 50%; transform: translate(-50%, -50%);}
@media (hover: hover) {
  .product_wrap .selection_list .select_box .imgBox a:hover:after{opacity: 1;}
	.product_wrap .selection_list .select_box .imgBox a:hover .catalog{opacity: 1;}
}

.product_wrap .bead_cont .necklace_box .imgBox{background-image: url(../img/product/bead_chain03.jpg);}
.product_wrap .bead_cont .earring_box .imgBox{background-image: url(../img/product/bead_chain04.jpg);}
.product_wrap .bead_cont .bracelet_box .imgBox{background-image: url(../img/product/bead_chain05.jpg);}

.product_wrap .link_cont .necklace_box .imgBox{background-image: url(../img/product/link_chain05.jpg);}
.product_wrap .link_cont .earring_box .imgBox{background-image: url(../img/product/link_chain04.jpg);}
.product_wrap .link_cont .bracelet_box .imgBox{background-image: url(../img/product/link_chain03.jpg);}

.product_wrap .steady_cont .necklace_box .imgBox{background-image: url(../img/product/steady_silver05.jpg);}
.product_wrap .steady_cont .earring_box .imgBox{background-image: url(../img/product/steady_silver03.jpg);}

.product_wrap .cutting_cont .necklace_box .imgBox{background-image: url(../img/product/cutting_link03.jpg);}
.product_wrap .cutting_cont .earring_box .imgBox{background-image: url(../img/product/cutting_link05.jpg);}
.product_wrap .cutting_cont .bracelet_box .imgBox{background-image: url(../img/product/cutting_link04.jpg);}

.product_wrap .thick_cont .earring_box .imgBox{background-image: url(../img/product/thick_bold03.jpg);}
.product_wrap .thick_cont .bracelet_box .imgBox{background-image: url(../img/product/thick_bold04.jpg);}
.product_wrap .thick_cont .necklace_box .imgBox{background-image: url(../img/product/thick_bold05.jpg);}


.product_wrap .photo_list ul{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.product_wrap .photo_list ul li{width: 60%; margin-bottom: 40px; box-shadow: 0 0 10px 2px rgb(0 0 0 / 2%);}


/* 카탈로그 */
.catalog_wrap .content_sec li{list-style: none;}
.catalog_wrap .content_sec li a{display: block; width: 100%;height: 100%;}
.catalog_wrap .content_sec .con_inner{border: 1px solid #ddd; position: relative; cursor: pointer;}
.cata_wrap .content_sec .con_inner::after{position: absolute; left: 0; top: 0%; content: ""; display: block; width: 100%; height: 56%; background-color: #03781c; opacity: 0.8; z-index: 1; transition: all 0.2s; opacity: 0;}
.catalog_wrap .content_sec .thumb_img{width: 100%; padding-bottom: 50%; background: center / cover no-repeat;}
.catalog_wrap .content_sec .thumb_text{padding: 20px;}
.catalog_wrap .content_sec .thumb_text .thumb_cate{color: #8639a5; font-size: 16px; font-weight: 500;}
.catalog_wrap .content_sec .thumb_text .thumb_tit{font-size: 18px; font-weight: 600; color: #333; height: 1.9em; line-height: 2.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.catalog_wrap .content_sec .down{position: absolute; top: 23%; left: 50%; transform: translate(-50%, 0%); font-size: 22px; font-weight: 600; z-index: 2; color: #fff; opacity: 0;}
.catalog_wrap .content_sec .down span{width: 17px; height: 17px; margin-left: 5px; display: inline-block; background: center / cover no-repeat url(../img/sub/but.png);}
@media (hover: hover) {
    .catalog_wrap .content_sec .con_inner:hover::after{opacity: 0.8;}
    .catalog_wrap .content_sec .con_inner:hover .down{opacity: 1;}
}

.search {justify-content: flex-end; display: flex; margin-bottom: 20px; padding-right: 20px;}
.search select,
.search input{padding:15px; font-size:1rem; margin-right:10px; outline: none; color:#333; border: 1px solid #ccc;}
.search select:hover,
.search input:hover{border:1px solid #999;}
.search select{width:130px;}
.search input{width:260px}
.search button{background: #8639a5; color:#fff; padding:15px 20px; font-size:1.05rem; transition: all 0.1s; font-family: 'Montserrat';}
.cus01 .search select{vertical-align: middle; background: #fff url(../img/sub/icon_arr.png) no-repeat calc(100% - 1.25rem) 50%; background-size: 0.75rem 0.438rem; cursor: pointer;}
.faqWrap .search select{width: 200px;}

.paginationWrap{margin-top: 3em;}
.paginationWrap > ul{display: flex; justify-content: center; align-items: center;}
.paginationWrap > ul > li{margin: 0 0.5em;}
.paginationWrap .btn{margin: 0 1em; cursor: pointer;}
.paginationWrap .btn span{display: inline-block; width: 0.8em; height: 0.8em; border-bottom: 2px solid #333; border-right: 2px solid #333;}
.paginationWrap .btn span.prev{transform: rotate(135deg);}
.paginationWrap .btn span.next{transform: rotate(-45deg);}
.paginationWrap .pageBtn{font-size: 1.2em; font-weight: 600; cursor: pointer;}
.paginationWrap .pageBtn.active{background-color: #8639a5; border-radius: 100%; color: #fff; line-height: 1.5em; width: 1.5em; height: 1.5em; text-align: center;}

/* 개인정보 */
.privacy_wrap h2{font-size: 32px; font-weight: 500;}
.privacy_wrap .cont_inner{min-height: 300px; border: 1px solid #ddd; padding: 30px; font-size: 18px; font-weight: 400;}




/* ********************************************* *
 * 5600px
 * ********************************************* */
 @media screen and (max-width: 1660px){
   
   
    
}

/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1400px){

  .about_wrap .sec03 .certificate_list .certificate_box{padding: 0 12px;}
  .about_wrap .sec03 .certificate_list .certificate_box p{height: 440px;}


 
}

/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){

  /* 제품페이지 */
  .product_wrap .mainBan .prd_name{left: 5%;}

  /* about process 페이지 */
  .about_process .sec h3{font-size: 28px; margin-bottom: 60px;}

  /* about 페이지 */
  .about_wrap .sec02 .history_box{margin-bottom: 45px;}
  .about_wrap .sec02 .history_box .list_year{font-size: 30px; padding-right: 30px; padding-top: 10px;}
  .about_wrap .sec02 .history_box:nth-child(even) .list_year{padding-left: 30px;}
  .about_wrap .sec02 .history_box .his_text p span{font-size: 18px;}
  .about_wrap .sec03 .certificate_list .certificate_box{width: 20%;}
  .about_wrap .sec03 .certificate_list .certificate_box p{height: 310px;}
  
}

/* ********************************************* *
* 1024px
* ********************************************* */
@media screen and (max-width: 1024px){

  .about_process .production_list ul{flex-wrap: wrap;}
  .about_process .production_list li{width: 100%;}
  .about_process .production_list li:nth-child(1){margin-right: 0;}
  .about_process .production_list li .list{height: auto; margin-bottom: 10px;}
  .about_process .production_list li .list .img{height: 400px;}

  .about_wrap .sec03 .certificate_list .certificate_box p{height: 260px;}

  
}


/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){

  .inquiry .table_list .in_txt{width: 100%; padding: 0; padding-bottom: 16px;}

  /* 제품페이지 */
  .product_wrap .photo_list ul li{width: 80%;}

  /* about 페이지 */
  .about_wrap .sec01 .list_li .list_inner p.txt_sec{font-size: 18px;}
  .about_wrap .sec03 .certificate_list .certificate_box{width: 33.3333%;}
  .about_wrap .sec03 .certificate_list .certificate_box p{height: 0; padding-bottom: 145%;}

  /* about process 페이지 */
  .about_process .process_list .process_box .inner .txt{font-size: 18px;}




}


/* ********************************************* *
* 840px
* ********************************************* */
@media screen and (max-width: 840px){
  /* contact 페이지 */
  .contact_wrap .sec{margin-bottom: 80px;}
  .content{padding: 80px 0;}
  .bd1200{padding-left: 0; padding-right: 0;}
  .contact_wrap .inquiry .table_list .in_txt{width: 100%; padding: 0;}
  .contact_wrap .info_wrap .info02_wrap ul li{padding: 15px 10px;}
  .contact_wrap .info_wrap .info02_wrap ul li span{font-size: 15px;}

  /* 카탈로그 페이지 */
  .search{margin-bottom: 20px; padding-right: 8px;}
  .search input{padding: 10px 15px;}
  .search button{padding: 10px 15px;}
  .catalog_wrap .content_sec li{padding: 0 5px;}
  .catalog_wrap .content_sec .thumb_text{padding: 15px 10px;}
  .catalog_wrap .content_sec .thumb_text .thumb_cate{font-size: 15px;}
  .catalog_wrap .content_sec .thumb_text .thumb_tit{font-size: 17px;}

  /* 제품 페이지 */
  .product_wrap .mainBan{height: 400px;}
  .product_wrap .mainBan .prd_name{width: 250px; height: 200px;}
  .product_wrap .mainBan .prd_name p{font-size: 18px;}
  .product_wrap .descrip_box .descrip_inner ul{position: relative;}
  .product_wrap .descrip_box .descrip_inner li{width: 100%;}
  .product_wrap .descrip_box .descrip_inner .descrip_txt{position: absolute; background: rgb(248 247 252 / 85%); width: 85%; height: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #333;}
  .product_wrap .selection_list .select_box{margin-right: 15px;}
  .product_wrap .selection_list .select_box .imgBox{margin-bottom: 12px;}
  .product_wrap .selection_list .select_box .name span{font-size: 16px;}
  .product_wrap .sec02 .selection_list .comment{display: inherit;}

  /* about 페이지 */
  .about_wrap .sec01 .list_li .list_inner p.img_sec{padding-bottom: 35%;}
  .about_wrap .sec01 .list_li .list_inner p.txt_sec{padding: 0 20px;}

}


/* ********************************************* *
* 768px
* ********************************************* */
@media screen and (min-width: 769px){
 

 
}
@media screen and (max-width: 768px){
  .sec{margin-bottom: 80px;}

  .product_wrap .descrip_box .descrip_inner ul{height: 450px;}
  .product_wrap .descrip_box .descrip_txt{padding: 0 30px;}

  .about_process .process_list .process_box{width: 50%; padding: 0 5px;}
  .about_process .process_list .process_box:nth-child(2n - 1){padding-left: 15px;}
  .about_process .process_list .process_box:nth-child(2n){padding-right: 15px;}
  .sec h2{font-size: 20px; padding-bottom: 15px; margin-bottom: 15px;}
  .about_wrap .sec01 h3{font-size: 28px;}
  .about_process .sec h3{font-size: 24px; margin-bottom: 30px;}
  .about_process .process_list .process_box .inner .txt{font-size: 16px;}
  .about_process .material_list .process_box .inner .img{height: 440px;}
  .about_process .sec_tit{margin-bottom: 20px;}
  .about_process .sec_tit span{font-weight: 500;}

  .about_wrap .sec01 .list_li .list_inner{flex-wrap: wrap;}
  .about_wrap .sec01 .list_li .list_inner p{width: 100%;}
  .about_wrap .sec01 .list_li .list_inner p.txt_sec{padding: 30px; color: #333; font-weight: 500;}
  .about_wrap .sec02 .history_box{flex-wrap: wrap;}
  .about_wrap .sec02 .history_list::before{left: 0;}
  .about_wrap .sec02 .history_box .list_year{width: 100%; text-align: left; padding: 0; padding-left: 20px;}
  .about_wrap .sec02 .history_box:nth-child(even) .list_year{padding: 0; padding-left: 20px;}
  .about_wrap .sec02 .history_box .his_text{width: 100%;}
  .about_wrap .sec02 .history_box .his_text, .about_wrap .sec02 .history_box:nth-child(even) .his_text{padding-left: 30px; padding-right: 0;}
  .about_wrap .sec02 .history_box .his_text::after, .about_wrap .sec02 .history_box:nth-child(even) .his_text::after{display: none;}
  .about_wrap .sec02 .history_box .his_text::before, .about_wrap .sec02 .history_box:nth-child(even) .his_text::before{display: none;}
  .about_wrap .sec02 .history_box:nth-child(even) .his_text p{flex-direction: row;}
  .about_wrap .sec02 .history_box:nth-child(even) .his_text p span{text-align: left;}
  .about_wrap .sec02 .history_box .his_text p{position: relative;}
  .about_wrap .sec02 .history_box .his_text p::before{content: ""; display: block; width: 8px; height: 8px; background-color: #fff; border-radius: 100%; position: absolute; left: -32px; top: 12px; z-index: 2;}
  .about_wrap .sec02 .history_box .his_text p::after{content: ""; display: block; width: 14px; height: 14px; border-radius: 100%; background-color: #8639a5; position: absolute; left: -35px; top: 9px;}

  .privacy_wrap .cont_inner{padding: 20px;}


}


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

  .contact_wrap .privacy_con p.tit{font-size: 16px;}
  .contact_wrap .privacy_con{padding: 15px;}
  .contact_wrap .privacy_con .text_wrap .inner{padding: 15px; font-size: 15px; margin-top: 15px;}
  .contact_wrap .inquiry .table_list .input_wrap{padding-left: 108px;}
  .contact_wrap .inquiry .table_list .input_wrap p{font-size: 16px; top: 8px;}
  .contact_wrap .inquiry .table_list .input_wrap input{height: 40px;}
  .contact_wrap .info_wrap .info02_wrap ul{flex-direction: column;}
  .contact_wrap .info_wrap .info02_wrap ul li{width: 100%; margin-bottom: 15px;}
  .contact_wrap .info_wrap .info02_wrap ul li:last-child{margin-bottom: 0;}
  .root_daum_roughmap .wrap_map{height: 350px !important;}
  .contact_wrap .sec02{margin-bottom: 0;}

  .catalog_wrap .content_sec li{margin-bottom: 10px;}
  .search input{width: 190px;}

  .product_wrap .sec02 .tit_box{margin-bottom: 25px;}
  .product_wrap .descrip_box .descrip_inner ul{height: auto;}
  .product_wrap .descrip_box .descrip_inner .descrip_img{height: 330px;}
  .product_wrap .descrip_box .descrip_inner .descrip_txt{position: static; transform: translate(0); width: 100%; height: auto; padding: 40px; background-color: #f8f7fc;}
  .product_wrap .sec02 .selection_list ul{flex-wrap: wrap;}
  .product_wrap .selection_list .select_box{width: calc(50% - 5px); margin-right: 0; margin-bottom: 25px;}
  .product_wrap .selection_list .select_box:nth-child(2n-1){margin-right: 5px;}
  .product_wrap .selection_list .select_box:nth-child(2n){margin-left: 5px;}

  .about_wrap .sec03 .certificate_list .certificate_box{padding: 0 8px;}
}


/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){

  /* contact 페이지 */
  .contact_wrap .inquiry .table_list li{padding: 0;}
  .contact_wrap .inquiry .table_list .in_txt{margin-bottom: 2px;}
  .contact_wrap .inquiry .table_list .input_wrap{padding-left: 0;}
  .contact_wrap .inquiry .table_list .input_wrap p{position: inherit; margin-bottom: 15px;}
  .contact_wrap .inquiry .btn{margin-top: 10px; padding: 10px 70px; font-size: 15px;}

  /* 카탈로그 페이지 */
  .search input{margin-right: 5px; width: 170px;}
  .catalog_wrap .content_sec .thumb_text .thumb_cate{font-size: 14px;}
  .catalog_wrap .content_sec .thumb_text .thumb_tit{font-size: 15px;}
  .paginationWrap{margin-top: 1.5em;}
  .paginationWrap .pageBtn{font-size: 1em;}
  .paginationWrap .btn{margin: 0 0.5em;}
  .paginationWrap .btn span{width: 0.6em; height: 0.6em;}
  
  /* 제품페이지 */
  .product_wrap .mainBan{justify-content: center; height: 280px;}
  .product_wrap .mainBan .prd_name{left: 0; height: 170px;}
  .product_wrap .descrip_box .descrip_inner .descrip_txt{padding: 20px;}
  .product_wrap .photo_list ul li{width: 90%;}
  .product_wrap .sec02 .tit_box p{font-size: 20px;}

  /* about process 페이지 */
  .about_process .process_list .process_box{margin-bottom: 10px;}
  .about_process .process_list .process_box .inner .txt{height: 55px;}

  /* about 페이지 */
  .about_wrap .sec01 .list_li .list_inner p.img_sec{padding-bottom: 50%;}
  .about_wrap .sec01 .list_li .list_inner p.txt_sec{padding: 30px 20px; font-size: 16px;}
  .about_wrap .sec02 .history_box .his_text::before{display: none;}
  .about_wrap .sec03 .certificate_list .certificate_box{width: 50%;}

  
}

/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 400px){
  .content{padding: 60px 0;}
  .search button{font-size: 14px; padding: 7px 10px;}
  .search input{padding: 7px; font-size: 14px; width: 150px;}

  .sec h2{font-size: 18px;}
  .about_wrap .sec01 h3{font-size: 24px;}
  .about_process .sec h3{font-size: 20px;}
  .about_process .process_list .process_box{width: 100%; padding: 0 15px !important;}
  .about_process .production_list li .list{flex-wrap: wrap;}
  .about_process .production_list li .list > div{width: 100%;}
  .about_process .production_list li .list > div.list01{margin-right: 0; margin-bottom: 20px;}
  .about_process .production_list li .list .img{height: 350px;}
  
}

/* ********************************************* *
* 330px
* ********************************************* */
@media screen and (max-width: 330px){
  .catalog_wrap .content_sec li{width: 100%;}

  .product_wrap .sec02 .selection_list .comment{font-size: 15px;}
  .product_wrap .sec02 .selection_list .comment span{width: 22px; height: 22px;}
  .product_wrap .selection_list .select_box .name span{font-size: 14px;}
}