@charset "utf-8";
#productList .list-item {overflow:hidden;}
#productList .img-wrap {padding-bottom:0;height:auto;}
#productList .imgframe {float:left;width:50%;}
#productList .txt_grp {float:left;width:50%;text-align:left;padding:0 20px;}
#productList .img-wrap .img-item {position:static;background-color:#fff;width:100%;}
#productList .img-wrap .img-item a {display:block;padding:20px 10px;}
#productList .img-wrap .img-item img {width:auto;max-width:100%;}
#productList .list-item strong {text-align:left;font-size:18px;font-weight:600;line-height:1.2;margin:0;padding:30px 0 20px;}
#productList .list-item strong a {display:block;word-break:break-word;text-overflow:clip;}
#productList .list-item .list-details {padding:0;color:#333;font-size:95%;}
.list-category.product_cate .nav-tabs {text-align:center;}
.list-category.product_cate .nav-tabs>li {float:none;display:inline-block;}
.product_well {background-color:#fff;}
.product_well .view-content {padding:0;}
.product_well .view-content .content_copy {display: none}
.view-wrap .product_well  h1 {padding:0;font-size:28px;font-weight:600;color:#000;}
.view-wrap .wr_1 {word-break:keep-all;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px;}
.item_info_row {display:table;width:100%;margin-bottom:20px;}
.item_info_row .pro_pic {display:table-cell;width:50%;vertical-align:middle;}
.item_info_row .mp_list {display:table-cell;width:50%;vertical-align:middle;padding-left:15px;}
.item_info_row .mp_list dt {font-size:25px;font-weight:600;margin-bottom:10px;color:#d0112b;}
.item_info_row .mp_list li {margin-top:5px; font-size:15px;}
.tbl_wrap table th, .tbl_wrap table td {border:1px solid #e5e5e5;padding:12px 8px;text-align:center;font-family:dotum}
.tbl_wrap table th {background-color:#FAFBFC;font-weight:600;color:#000;}


.dd .ui .li {color:#d0112b; font-size:25px;}

/*    신규 테이블 2023-06-21 시작 */



@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');


.proinfoWrap {width:100%;position: relative; margin:0px 0 0px; padding-top:0px;}
.proinfoWrap .proinfoImg {width:50%; margin:0 auto;text-align:center;float:left;padding-bottom:50px;}
.proinfoWrap .proinfoImg img {max-width:100%; width:450px; height:auto; margin:0 auto; border:1px solid #eee;}
.proinfoWrap .proinfoImg .addImg {position: relative; overflow:auto;display:block;width:90px; float:left; padding:20px 0px;border-right:1px solid #fff;}
.proinfoWrap .proinfoImg .addImg img{max-width:100%;text-align:center;}
.proinfoWrap .proinfoImg .addWrap {width:100%; text-align:center; margin:0 auto;overflow:auto;}
.proinfoWrap .proinfoImg .addWrap li {text-align:center; }
.proinfoWrap .proinfoImg .addWrap li img {max-width:100px;text-align:center; }
.proinfoWrap .proinfoTit {width:45%; margin-left:5%; margin-top:12px;float:left;display:block;}
.proinfoWrap .proinfoTit .line01 {
  display: inline-block;
  background: #d0112b;
  width: 22px;
  height: 3px;
}
.proinfoWrap .proinfoTit h2 {font-family: 'OTWelcomeRA'; font-size:27px;color:#000; text-align:left; font-weight:600; line-height:36px;}
.proinfoWrap .proinfoTit h3 {font-size:15px;color:#7e7e7e; text-align:left; font-weight:400; line-height:24px;padding:10px 5px;letter-spacing:-0.5px;}
.proinfoWrap .proinfoTit .proEng {font-size:20px; font-weight:500; color:#006c71;}
.proinfoWrap .proinfoTit p.proName {font-size:19px; font-weight:400; color:#d0112b;padding-bottom:10px;letter-spacing:0px;}
.proinfoWrap .proinfoTit .proNameSinfo {padding-top:10px; font-size:14px; line-height:26px; color:#626262;}
.proinfoWrap .proinfoTit .sectionName {font-size:24px; font-weight:600; color:#000000;}
.proinfoWrap .proinfoTit .addWrap {padding-top:30px; width:100%; text-align:left; margin:0 auto;overflow:auto;}
.proinfoWrap .proinfoTit .addWrap li {text-align:center; }
.proinfoWrap .proinfoTit .addWrap li img {max-width:100%;text-align:center; border:1px solid #eee;}

.btnWrap {position: relative; display:block;overflow:hidden;width:100%; padding:30px 0 60px;}
.btnWrap .list_btn {clear:both;display:block;float:right;width:200px;height:40px;background:#f2f2f2;border:1px solid #cacaca;}
.btnWrap .list_btn a{display:block;font-family: 'Raleway', sans-serif; font-size:16px;font-weight:500;color:#000;text-align:center;letter-spacing:-0.02em;line-height:40px;transition:all 0.3s;}
.btnWrap .list_btn a:hover{background-color:#b97600;border:1px solid #b97600;color:#ffffff;}


h2.protitle{font-family: 'OTWelcomeRA';font-size:32px;color:#111;font-weight:700;text-align:center;padding-bottom:70px; margin-bottom:30px;border-bottom:2px solid #d0112b;}

.prodWrap {width:100%; overflow:hidden;position: relative; margin:0 auto; padding:60px 0; }
.prodWrap .frame {width:23%; height:370px;vertical-align:middle; float:left; margin-right:1%; margin-left:1%; margin-bottom:3%; border:1px solid #d2d2d2; box-sizing:border-box; border-radius:0px;}
.prodWrap li {width:100%; height:auto; text-align:center; box-sizing:border-box;vertical-align:middle;}
.prodWrap li img	{max-width:100%; height:auto;}
.prodWrap p {font-family: 'Noto Sans KR'; font-size:14px; letter-spacing:-0.7px; line-height:20px;color:#686868; text-align:left; padding:0px 16px 0px;}
.prodWrap p.stxt {font-family:'Noto Sans KR'; width:100%; font-size:18px; letter-spacing:-0.75px; color:#000; text-align:left;padding-bottom:0px;}
.prodWrap p.btit {font-family:'Noto Sans KR'; width:100%; font-size:20px; letter-spacing:0.5px; font-weight:600;color:#000; line-height:24px; text-align:left;padding-bottom:7px;}

.frame li a {position: relative; display: block; width: 100%; height: auto;}
.frame li .hover_box {text-align:left;visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-sizing: border-box; width: 100%; height: 370px; padding: 30px 10px 30px 10px; color: #fff; border-radius:0px; background-color: rgba(208, 17, 43, 0.8); transition: all 0.5s ease-in-out;}
.frame li .hover_box p {font-family: 'Noto Sans KR';font-size:16px; letter-spacing:-0.5; font-weight:500; color: #fff;padding-bottom:10px;}
.frame li .hover_box p span {font-size: 13px; line-height:15px; letter-spacing:-1;font-weight:300; color: #fff; opacity: 0.85;}
.frame li .hover_box .btn_view {position: absolute; right: 30px; bottom: 30px; width: 100px; height: 24px; line-height: 22px; font-family: 'OTWelcomeRA';font-size: 13px; font-weight: 700; color: #fff; border-bottom: 1px solid #ffffff; text-align: left;}
.frame li .hover_box .btn_view:before {display: block; position: absolute; bottom: 4px; right: 0; transform: rotate(35deg); width: 15px; height: 1px; background-color: #ffffff; content: '';}
.frame li:hover {transform: scale(1); }
.frame li:hover .hover_box {visibility: visible; opacity: 1;}


@media all and (max-width:1000px){
	.prodWrap .frame {height:310px;}
	.prodWrap p.btit {font-size:17px; letter-spacing:0.5px;line-height:20px; padding-bottom:7px;}
	.prodWrap p {font-size:13px; letter-spacing:-0.7px; line-height:18px; padding:0px 16px 0px;}

	.frame li .hover_box {height: 310px;}
	.frame li .hover_box p span {font-size: 14px; line-height:20px;letter-spacing:-0.5; font-weight:400; color: #fff; opacity: 0.85;}
}

@media all and (max-width:768px){
	h2.protitle{font-family: 'OTWelcomeRA';font-size:22px;color:#111;font-weight:700;text-align:center;padding-bottom:30px; margin-bottom:30px;border-bottom:2px solid #d0112b;}

	.prodWrap .frame {width:48%; height:360px; vertical-align:middle; float:left; box-sizing:border-box;}
	.proinfoWrap .proinfoTit .line01 {display: inline-block;background: #d0112b; margin-top:25px; width: 15px;height: 2px;}
	.proinfoWrap .proinfoTit h2 {font-size:24px;line-height:30px;padding-top:2px;padding-bottom:0px;}

	.prodWrap p.btit {font-size:17px; letter-spacing:0.5px;line-height:20px; padding-bottom:7px;}
	.prodWrap p {font-size:13px; letter-spacing:-0.7px; line-height:18px; padding:0px 16px 0px;}

	.frame li .hover_box {display:none;}

}

@media all and (max-width:500px){
	.prodWrap .frame {height:310px;}
	.proinfoWrap .proinfoTit h3 {letter-spacing:-1px;}
}


.addWrap	{width:100%;display:block; padding:10px; text-align:center;}
.addWrap li {float:left; padding:0px 5px;}
.addWrap li img	{width:100px; height:100px;}

.sub_info	{padding-top:20px;}
.sub_info .sub_tit	 {font-size:16px; color:#015a5e; font-weight:500; line-height:24px; letter-spacing:0;}
.sub_info .sub_text	 {font-size:15px; line-height:24px; letter-spacing:0;}



.proDetail {padding:40px 20px; font-size:14px; line-height:28px;border-bottom:1px solid #e5e5e5; }

.pro_info_tit {margin-top:50px; padding:20px 0px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:26px;}

.ListBtn {border:1px solid #000000; color:#000000; text-align:center; padding:15px; width:160px;font-size:17px; float:right; margin-top:15px;}



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


	.proinfoWrap		{width:100%; margin-top:30px; padding-bottom:30px;}

	.proinfoWrap .proinfoImg {width:100%; text-align:center; float:none;padding-bottom:0px;}
	.proinfoWrap .proinfoImg img {max-width:100%;}
	.proinfoWrap .proinfoTit {width:100%;  margin-left:0px; margin-top:0px; padding-top:0px; float:none;}
	.proinfoWrap .proinfoImg .addWrap {clear:both; padding-bottom:10px;}
	.proinfoWrap .proinfoTit .proEng {font-size:18px; font-weight:500; color:#006c71;}
	.proinfoWrap .proinfoTit .proName {font-size:20px; padding-top:10px;}
	.proinfoWrap .proinfoTit .proNameSinfo {padding-top:10px; font-size:13px; line-height:20px; color:#626262;}

	.proDetail {margin-top:20px; padding:10px 0px; font-size:13px; line-height:20px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}

	.sub_info	{padding-top:20px;}
	.sub_info .sub_tit	 {font-size:14px; color:#015a5e; font-weight:500; line-height:24px; letter-spacing:0;}
	.sub_info .sub_text	 {font-size:13px; line-height:24px; letter-spacing:0;}


}



.board_wrap {width:100%; overflow:auto; padding:30px 0px;}

.board_wrap .board1 {width:100%; float:left;}
.board_wrap .board1 p {font-size:17px; line-height:30px; padding-bottom:5px; font-weight:bold; color:#000;}
.board_wrap .board1 table{ width:100%; text-align:center;}
.board_wrap .board1 table thead{border-bottom: 1px solid #6c6c6c; border-top: 1px solid #6c6c6c}
.board_wrap .board1 table thead tr{height:30px; background-color:#f6f6f6;}
.board_wrap .board1 table thead tr th{font-size:15px; line-height:22px;padding:10px; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.board_wrap .board1 table thead tr th:first-child{border-left:none}
.board_wrap .board1 table tbody tr{border-bottom:1px solid #dbdbdb;}
.board_wrap .board1 table tbody tr.gray{background-color:#fafafa;}
.board_wrap .board1 table tbody tr td{font-size:15px; text-align:center; line-height:22px;padding:10px; border-left:1px solid #dbdbdb;}
.board_wrap .board1 table tbody tr td:first-child{border-left:none}
.board_wrap .board1 table tbody tr td.yellow{background:#fcfc8b;}
.board_wrap .board1 table tbody tr td.skyblue{background:#e8f6ff;}
.board_wrap .board1 p {line-height:24px; text-align:15px;}

@media all and (max-width:800px){
	.board_wrap .board1 p {font-size:14px; line-height:20px;}
	.board_wrap .board1 table thead tr th{font-size:14px; line-height:18px;}
	.board_wrap .board1 table tbody tr td{font-size:14px; line-height:20px;padding:10px;}
}
@media all and (max-width:640px){
	.board_wrap .board1 table thead tr th{font-size:12px; line-height:15px;}
	.board_wrap .board1 table tbody tr td{font-size:12px; line-height:15px;padding:5px;}
}

.board_wrap .board2 {width:50%; float:left;}
.board_wrap .board2 p {font-size:17px; line-height:30px; padding-bottom:5px; font-weight:bold; color:#000;}
.board_wrap .board2 table{ width:200%; text-align:center;}
.board_wrap .board2 table thead{border-bottom: 1px solid #6c6c6c; border-top: 1px solid #6c6c6c}
.board_wrap .board2 table thead tr{height:30px; background-color:#f6f6f6;}
.board_wrap .board2 table thead tr th{font-size:15px; line-height:22px;padding:10px; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.board_wrap .board2 table thead tr th:first-child{border-left:none}
.board_wrap .board2 table tbody tr{border-bottom:1px solid #dbdbdb;}
.board_wrap .board2 table tbody tr.gray{background-color:#fafafa;}
.board_wrap .board2 table tbody tr td{font-size:15px; line-height:22px;padding:10px; border-left:1px solid #dbdbdb;}
.board_wrap .board2 table tbody tr td:first-child{border-left:none}
.board_wrap .board2 table tbody tr td.yellow{background:#fcfc8b;}
.board_wrap .board2 table tbody tr td.skyblue{background:#e8f6ff;}
.board_wrap .board2 p {line-height:24px; text-align:15px;}

@media all and (max-width:800px){
	.board_wrap .board2 p {font-size:14px; line-height:20px;}
	.board_wrap .board2 table thead tr th{font-size:14px; line-height:18px;}
	.board_wrap .board2 table tbody tr td{font-size:14px; line-height:20px;padding:10px;}
}
@media all and (max-width:640px){
	.board_wrap .board2 table thead tr th{font-size:12px; line-height:15px;}
	.board_wrap .board2 table tbody tr td{font-size:12px; line-height:15px;padding:5px;}
}

.banner {width:100%; text-align:center;  margin:0 auto;}
.banner .manual_down_btn {position:relative; width:31.33333333%; height:72px; margin-top:40px; margin-left:1%; margin-right:1%; line-height:72px; background:#006c71; text-align:center; float:left;}
.banner .manual_down_btn a {color:#ffffff; text-align:center;}

@media(max-width:1160px) {
    .banner .manual_down_btn {margin:60px auto 0;}
}

@media(max-width:767px) {
    .banner .manual_down_btn {margin-top:20px; width:31.333333%; margin-left:1%; margin-right:1%; height:40px; line-height:40px; font-size:12px;}
}

/****************탭버튼****************/
ul.tabs {width:100%; margin:auto 0; float:left; overflow:auto;padding-bottom:15px;}
ul.tabs li {font-family: 'Noto Sans', sans-serif; text-align:center; cursor: pointer; background: #f2f2f2;  width:15.666666%; margin-left:0.5%; margin-right:0.5%; margin-bottom:1%; height:40px; border:1px solid #b2b2b2; box-sizing:border-box;  float:left; }
ul.tabs li a{font-size:15px; font-family: 'Noto Sans', sans-serif; font-weight:500; line-height: 38px; color:#1f1f1f; display:block;}
ul.tabs li.active { background:#c79600;border:1px solid #c79600;}
ul.tabs li.active a{color:#ffffff;}
.tab_container {clear:both; padding-top:0px;}
.tab_content {padding-bottom:60px; text-align:center; clear:both;}
.tab_content h3 {background:url(https://www.rapigen-inc.com/404.html) no-repeat 2px top;padding-top:80px;text-align:left; font-family:"맑은고딕", Malgun Gothic, sans-serif; font-size:25px; }
/*.tab_content ul{overflow:auto;}
.tab_content ul li{width:25%; float:left; padding:15px 20px; box-sizing:border-box; text-align:left; }
.tab_content ul li img{max-width:100%; height:auto; border:1px solid #f2f2f2;}
.tab_content ul li .photo{height:170px; overflow:hidden;}
.tab_content ul li .photo a{display:block; height:170px; background-size:cover !important;}
.tab_content ul li .title{font-size:18px; padding:10px 0 5px 0;}
.tab_content ul li .text{opacity:0.5;} */

@media screen and (max-width:768px){
	.tab_content {padding-bottom:0px;}

	ul.tabs li { width:32.33333333%; height:25px;}
	ul.tabs li a{font-size:13px;  line-height:25px; }
}

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


.process-table table {width:100%;margin-top: 0px; margin-bottom:10px;}
.process-table table thead th {font-size:14px; padding:10px 5px; background:#17365e; letter-spacing: -0.5px;color:#ffffff; font-weight: 500; height:35px;}
.process-table table tbody th {text-align:left; font-size:15px; padding:10px 5px; font-weight:normal; line-height: 20px; letter-spacing: -0.5px; color:#000; }
.process-table table tbody td {text-align:left; padding:10px 15px; font-size:14px; line-height: 20px; letter-spacing: 0px; color:#676767;}
.process-table table tbody .total th {background-color:#192857; color:#fff;}
.process-table table tbody .total td {color:#192857}
.process-table table tbody .total .price {font-size:20px; font-weight: 600;}

.product-table {padding:40px 0px;}
.product-table h3 {font-family: 'Raleway', sans-serif; font-size:24px;color:#000; text-align:left; font-weight:bold; line-height:40px;padding-bottom:5px;}
.product-table .tileWrap li {float:left; width:120px; height:120px; padding-right:5px;margin-bottom:40px;}
.product-table .tileWrap li img	{max-width:100%;}
.product-table .tileWrap li p {text-align:center; font-size:14px; line-height:25px;}
.product-table .tileWrap li:nth-child(4n+1){clear: both;}


.pageWrpa {width:100%; padding:30px 0px 60px 0px; text-align:center; border-top:0px solid #DDDDDD;}


@media screen and (max-width:768px){
	.product-table {padding:20px 0px;}
	.product-table h3 {font-size:19px;}
	.product-table .tileWrap li {float:left; width:90px; height:90px; padding-right:2px;padding-bottom:2px;}
	.product-table .tileWrap li p {font-size:13px; line-height:25px;}
}


/* -------- 탭 공통 -------- */

.sub-cm-tab-container.sub-cm-ci-tab-container ul li a{font-family:'Quicksand',sans-serif; letter-spacing:0px;}
.ci-bi-content{position:relative;}
.ci-bi-container .ci-bi-tit {padding-top:25px;margin-bottom:25px;}
.ci-bi-container .ci-bi-tit span{display:block; color:#aaa; font-size:17px; letter-spacing:-0.25px; font-weight:400; padding-top:5px;}
.ci-bi-main-img{overflow:hidden;margin-top:30px; margin-bottom:0px;}
.ci-bi-main-img .movie{width:100%; height:600px;}
.ci-bi-main-img ul{overflow:hidden; margin-bottom:20px; }
.ci-bi-main-img ul.mar0{margin:0}
.ci-bi-main-img li{float:left; width:50%;}
.img-only-one li{width:100%; float:none; text-align:center;}
.ci-bi-main-img li .img-detail-txt{color:#aaa; font-size:13.5px; letter-spacing:-0.8px; line-height:22px; text-align:center;}
.ci-bi-main-img .ci-bi-detail-txt{text-align:center;font-size:16px; letter-spacing:-0.8px; line-height:26px; color:#333; margin-bottom:48px;}
.ci-bi-main-img .ci-bi-detail-txt .red{color:red;}
.ci-bi-main-img .ci-bi-detail-txt img{width:100%; padding-top:20px;}
.ci-bi-main-img .text{margin:20px 0; font-size:14px; float:right;letter-spacing:0px;}
@media all and (max-width:1120px){
	.ci-bi-main-img li img{width:100%;}
}
@media all and (max-width:800px){
	.ci-bi-container .ci-bi-tit{margin-bottom:15px;}
	.ci-bi-container .ci-bi-tit span{font-size:14px;}
	.ci-bi-main-img{margin-bottom:35px;}
	.ci-bi-main-img ul{margin-bottom:24px;}
	.ci-bi-main-img li{float:none; width:100%;  margin:0px auto 10px;}
	.ci-bi-main-img li .img-detail-txt{font-size:12px; line-height:16px; height:auto; padding-top:10px;}
	.download-controls{position:static; margin-bottom:15px;}
	.download-controls a{width:32%; max-width:148px;}
	.ci-bi-main-img .ci-bi-detail-txt{font-size:13px; line-height:20px;}
}
@media all and (max-width:480px){
	.download-controls a strong{text-indent:5px; font-size:10.5px;}
	.download-controls a i{font-size:16px; right:3px;}

}

.sub-cm-tab-container{position:relative; height:0px; margin-top:30px; margin-bottom:30px; clear:both;}
.sub-cm-tab-container .sub-cm-tab-inner{position:absolute; left:50%; top:0; width:1100px; transform:translate(-50%,  0); -webkit-transition:width 0.3s;-moz-transition:width 0.3s;-o-transition:width 0.3s;-ms-transition:width 0.3s;transition:width 0.3s}
.sub-cm-tab-container .sub-cm-tab-inner .sub-cm-tab-inner-con{-webkit-transition:margin 0.3s;-moz-transition:margin 0.3s;-o-transition:margin 0.3s;-ms-transition:margin 0.3s;transition:margin 0.3s}
.sub-cm-tab-container ul{border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; }
.sub-cm-tab-container ul li{float:left; }
.sub-cm-tab-container ul.menu2 li{width:50%; float:none; display:inline-block; max-width:175px}
.sub-cm-tab-container ul.menu3 li{width:33.33%; }
.sub-cm-tab-container ul.menu4 li{width:25%;  }
.sub-cm-tab-container ul.menu5 li{width:20%;}
.sub-cm-tab-container ul.menu6 li{width:16.65%; }
.sub-cm-tab-container ul.menu7 li{width:14.28%; }
.sub-cm-tab-container ul.menu8 li{width:12.5%; }
.sub-cm-tab-container ul li a{position:relative; display:block; color:#555; background-color:#fff; font-family: 'Noto Sans KR', sans-serif; font-size:16px; line-height:59px; text-align:center; letter-spacing:-1px; font-weight:500;}
.sub-cm-tab-container ul li.selected a,
.sub-cm-tab-container ul li a:hover{color:#5da9dd;font-weight:bold;}
.sub-cm-tab-container ul li.selected a:before,
.sub-cm-tab-container ul li.selected a:after{display:block; position:absolute;  left:0px; width:100%; content:""; height:1px; background-color:#5da9dd;}
.sub-cm-tab-container ul li.selected a:before{top:-1px;}
.sub-cm-tab-container ul li.selected a:after{bottom:-1px;}
/* 탭 공통 :: fixed */
.sub-cm-tab-container.fixed .sub-cm-tab-inner{position:fixed; top:77px; width:100%; z-index:1001; }
.sub-cm-tab-container.fixed .sub-cm-tab-inner .sub-cm-tab-inner-con{background-color:#f7f7f7; margin:0 130px;border:1px solid #e5e5e5;}
.sub-cm-tab-container.fixed ul{background-color:#f7f7f7; border-color:#f7f7f7; }
.sub-cm-tab-container.fixed ul li a{background:#f7f7f7; color:#888; /* opacity:0.5;filter:Alpha(opacity=50); */}
.sub-cm-tab-container.fixed ul li.selected a,
.sub-cm-tab-container.fixed ul li a:hover{color:#222; opacity:1.0;filter:Alpha(opacity=100);}
.sub-cm-tab-container.fixed ul li.selected a:before,
.sub-cm-tab-container.fixed ul li.selected a:after{display:none}
@media all and (max-width:1380px){
	.sub-cm-tab-container.fixed .sub-cm-tab-inner .sub-cm-tab-inner-con{margin:0}
}
@media all and (max-width:1120px){
	.sub-cm-tab-container .sub-cm-tab-inner{left:0; transform: translate(0, 0); width:100%;}
	.sub-cm-tab-container ul{padding:0}
	.sub-cm-tab-container ul li a{font-size:14px;}
}
@media all and (max-width:800px){
	.sub-cm-tab-container{height:40px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fff;}
	.sub-cm-tab-container ul{padding:0; background-color:#fff; border:0;}
	.sub-cm-tab-container ul.menu4 li{float:left; display:block; max-width:none;}
	.sub-cm-tab-container ul li a{height:40px; font-size:14px; line-height:40px;}

	.sub-cm-tab-container .swiper-container-tab  ul li{float:none; width:auto; display:inline-block;}
	.sub-cm-tab-container .swiper-container-tab  ul li a{padding:0 15px;}
	/* 탭 공통 :: fixed */
	.sub-cm-tab-container.fixed .sub-cm-tab-inner{top:65px;}
}
@media all and (max-width:480px){
	/* 탭 공통 :: fixed */
	.sub-cm-tab-container.fixed .sub-cm-tab-inner{top:50px;}
	.sub-cm-tab-container ul.menu2 li{float:left; display:block; max-width:none; }
	.sub-cm-tab-container ul li a{font-size:13px; }

}


.btn-area2{margin:40px 0 0}
.btn-area2 .btn-qna{position:relative;display:inline-flex;align-items: center;justify-content: center;width:200px;height:55px;font-size:17px; font-weight:700;line-height:53px;background:#d0112b; border-radius:55px; border:1px solid #d0112b;color:#fff}
.btn-area2 .btn-qna span{position:relative;z-index:1}
/* .btn-area2 .btn-qna::before{position:absolute;top:0;left:0;width:100%;height:0;z-index:0;background:#d0112b;transition:height .3s ease-in-out;content:''}
.btn-area2 .btn-qna:hover{border-color:#d0112b; color:#ffffff;}
.btn-area2 .btn-qna:hover::before{height:100%} */


.board1 {width:100%; float:left;}
.board1 p {font-size:17px; line-height:30px; padding-bottom:5px; font-weight:bold; color:#000;}
.board1 table{ width:100%; text-align:left;}
.board1 table thead{border-bottom: 1px solid #6c6c6c; border-top: 1px solid #000}
.board1 table thead tr{height:30px; background-color:#fafafa;}
.board1 table thead tr th{font-size:15px; font-weight:bold; line-height:22px; text-align:center; padding:10px; border-bottom:1px solid #dbdbdb;}
.board1 table tbody tr{border-top:1px solid #000;border-bottom:1px solid #dbdbdb;}
.board1 table tbody tr.gray{background-color:#fafafa;}
.board1 table tbody tr td{font-size:15px; text-align:center; line-height:22px;padding:10px 20px; border-right:1px solid #dbdbdb;}
.board1 table tbody tr td:last-child{border-right:none;}
.board1 table tbody tr th{background-color:#fafafa;border-right:1px solid #dbdbdb;padding:10px 20px; font-weight:bold; }
.board1 table tbody tr td.yellow{background:#fcfc8b;}
.board1 table tbody tr td.skyblue{background:#e8f6ff;}
.board1 p {line-height:24px; text-align:15px;}

@media all and (max-width:800px){
	.btn-area2{margin:10px 0 0}
	.btn-area2 .btn-qna{width:150px;height:40px;font-size:15px; font-weight:500;line-height:37px;border-radius:40px;}

	.board1 p {font-size:14px; line-height:20px;}
	.board1 table thead tr th{font-size:14px; line-height:18px;}
	.board1 table tbody tr td{font-size:14px; line-height:20px;padding:10px;}
}
@media all and (max-width:640px){
	/*.btn-area2 .btn-qna{width:170px;height:35px;font-size:14px; font-weight:500;line-height:20px;border-radius:35px;}*/
	.board1 table thead tr th{font-size:12px; line-height:15px;}
	.board1 table tbody tr th{font-size:12px; line-height:15px;}
	.board1 table tbody tr td{font-size:12px; line-height:15px;padding:5px;}
}


.list .title p {color:#d0112b;}
.list .title p .red {
  display:inline-block;
  background: #d0112b;
  width: 4px;
  height: 22px;

}

/* 제품 best */
.besttitle {font-family: 'OTWelcomeRA';font-size:33px;line-height:50px;color:#111;font-weight:700;text-align:left;}
.best-product {overflow:auto;width:100%; border-radius:10px; position: relative; background:#efefef; padding:20px 10px;}
.best-product li {width:24%; float:left; margin-left:0.5%; margin-right:0.5%; margin-bottom:1%;}
.best-product li a img {max-width:100%; border-radius:5px; height:auto;}
.best-product li a p {font-family: 'Noto Sans KR'; font-size:18px;line-height:24px;color:#111; padding:10px;}
.best-product li a p.name {font-weight:600;}


@media all and (max-width:1080px){
.best-product li {width:49%; float:left; margin-left:0.5%; margin-right:0.5%;}
.best-product li:nth-child(3n) {clear:both;}
}

@media all and (max-width:768px){
	.besttitle {font-size:20px;line-height:40px;color:#111;font-weight:600;}
}


/* 제품정보 */
.product.faq .list{margin:8px 0 0;}
.product.faq .list ul li{overflow:auto;margin-top:-1px;padding:40px 30px 40px 40px;border-top:1px solid #dadada;border-bottom:1px solid #dadada;}
.product.faq .list ul li.on .title p{color: #d0112b;}
.product.faq .list ul li a:focus{border:0}
.product.faq .list .title{position:relative;display:block;padding-left:0px;font-family: 'OTWelcomeRA';font-size:26px;line-height:30px;}
/*
.product.faq .list .title::before{content:'';display: inline-block;position:absolute;left:0;color:#d0112b;font-size:40px;}
.product.faq .list .title::after{content:'';display:inline-block;position:absolute;top:0;right:0;width:26px;height:26px;background: url(/design/default/images/sub/product/ico-plus.png) no-repeat center;}
.product.faq .list ul li.on .title::before{color:#0018ab;}
.product.faq .list ul li.on .title::after{content:'';display:inline-block;position:absolute;top:02px;right:0;width:26px;height:26px;background: url(/design/default/images/sub/product/ico-minus.png) no-repeat center;} */
.product.faq .list .title span{width:90%;color: #8D8D8D;}
.product.faq .list .title p{width:90%; /* color:#222; */font-size:25px;font-weight:700;line-height: 35px;}
.product.faq .list .answer{position:relative;margin-top:18px;}
.product.faq .list .answer p{color:#555;font-size:17px;line-height:30px;}
.product.faq .list .title ,
.product.faq .list .answer{letter-spacing:-0.02em;word-break: keep-all;}
/* Media */
@media screen and (max-width:1280px) {/* laptop */
    /* qna */
    .product.qna  .form-box{margin:100px 0 0}
    .product.faq .list{margin:90px 0 0}
}


@media screen and (max-width:768px) {/* laptop */
	/* faq */
	/* .product.faq .list{margin:76px 0 0} */
	.product.faq .list ul li{padding:40px 20px;}
	.product.faq .list .title{padding-left:27px;}
	.product.faq .list .title::before{top:2px;font-size:22px;}
	.product.faq .list .title p{font-size:22px;line-height:34px;}
	.product.faq .list .answer p{font-size:15px;line-height:30px;}
	/* .product.faq .list .title::after{content:'';display:inline-block;position:absolute;top:5px;right:0;width:26px;height:26px;background: url(/design/default/images/sub/product/ico-plus-tablet.png) no-repeat center;background-size:16px;} */
	.product.faq .list .title::after{display:none;}
	.product.faq .list ul li.on .title::after{content:'';display:inline-block;position:absolute;top:5px;right:0;width:26px;height:26px;background: url(../images/sub/product/ico-minus-tablet.png) no-repeat center;background-size:16px;}
}

@media screen and (max-width:640px) {/* laptop */
	/* faq */
	.product.faq .list{margin:35px 0 0}
	.product.faq .list ul li{padding:30px 12px ;}
	.product.faq .list .title{padding-left:0px;}
	.product.faq .list .title p{width:calc(100% - 26px);font-size:16px;line-height:26px;}
	.product.faq .list .title::before{top:-2px;font-size:16px;}
	.product.faq .list .title::after{top:0;}
	.product.faq .list ul li.on .title::after{top:0;}
	.product.faq .list .answer p{font-size:14px;line-height:27px;}
}

@charset "utf-8";
/* font definition */
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OTWelcomeRA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/OTWelcomeRA.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* z-index: 1~10 : lib, 10~20 : layout, popup 30~*/
/* tags set*/
*{ margin: 0; padding:0;border:0;box-sizing: border-box;}
html,body{width: 100%;height:100%}
html{-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none; }
img{max-width: 100%;image-rendering: auto;}
ul,ol{ list-style: none }
img, li	{vertical-align:top;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section, main{display: block;}
a, a:active, a:hover, a:focus {text-decoration:none; }
address,caption,cite,code,dfn,em,var,th,strong { font: inherit; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
legend, caption, hr,  template, select::-ms-expand	{display:none;}
/* input, select	{-webkit-appearance:none; -moz-appearance:none; appearance: none; -o-appearance:none; -webkit-border-radius:0; border-radius:0;} */
input:focus,select:focus,textarea:focus,a:focus,button:focus{outline:none}
textarea{resize: none;}
button, label{cursor:pointer;background:none}
/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }
/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
input:focus{outline:none}
/* 접근성 */
/* a:focus,button:focus,label:focus{outline:none;border:1px dashed #333;}  */
a:focus,button:focus,label:focus{outline:none;border:0}
.hidden{position:absolute;top:-9999em;left:-9999em;width:1px;height:1px;overflow:hidden;visibility:hidden;opacity:0}
/* common */
body{font-size:16px;min-width:320px;font-family:'Noto Sans KR', sans-serif; font-weight:400;color:#444;height: calc(var(--vh, 1vh) * 100);}
.img{position:relative;overflow:hidden}
.img img{position:absolute;top:50%;left:50%;width:100%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
.pcBox,
.pcBox.tabletBox,
.pcBox.mobileBox,
.pcBox.laptopBox.tabletBox,
.pcBox.laptopBox{display:inherit}
.laptopBox,
.tabletBox,
.mobileBox,
.laptopBox.tabletBox,
.laptopBox.mobileBox,
.laptopBox.tabletBox.mobileBox,
.tabletBox.mobileBox{display:none}
/* form style */
a,input, select, textarea, button {font-family:'Noto Sans KR', sans-serif;}
/* readonly */
/* input:read-only,
textarea:read-only {background:#F4F4F4} */
/* placeholder */
input::-webkit-input-placeholder{color: #bbb;}
input:-ms-input-placeholder{color: #bbb;}
input:-moz-placeholder{color: #bbb;}
textarea::-webkit-input-placeholder{color: #bbb;}
textarea:-ms-input-placeholder{color: #bbb;}
textarea:-moz-placeholder{color: #bbb;}
input::placeholder {color: #bbb;}

.chk-box,.radio-box,.select-box {position:relative;display:inline-block;vertical-align:middle;}
.chk-box,.radio-box{overflow:hidden}
.input-file-box input[type="file"],
.chk-box input,
.radio-box input{position:absolute;width:1px;height:1px;top:-1em;left:-1em;overflow:hidden}
/* chk-box */
.chk-box input + label{display:block;padding-left:44px;min-height:30px;line-height:30px;font-size:12px;color:#666;background:url(../images/sub/ico-chk.png) no-repeat 0 0;cursor: pointer;}
.chk-box input:checked + label {background:url(../images/sub/ico-chk-on.png) no-repeat 0 0}
/* radio-box */
.radio-box input + label{display:block;padding-left:44px;min-height:34px;line-height:34px;font-size:inherit;color:#a4a4a4;background:url(https://www.rapigen-inc.com/404.html) no-repeat 0 0;cursor: pointer;}
.radio-box input:checked + label {color:#000;background:url(https://www.rapigen-inc.com/404.html) no-repeat 0 0}
/* textarea-box */
.textarea-box{position:relative;display:inline-block;vertical-align:middle;width:100%;box-sizing:border-box;font-size:17px;line-height:26px;text-align:left;border:1px solid #E1E1E1}
.textarea-box label{position:absolute;top:20px;left:0;padding:0 20px;width:100%;font:inherit;box-sizing:border-box;color:#333;opacity:.5}
.textarea-box textarea{padding:20px;width:100%;box-sizing:border-box;height:182px;font-size:inherit;color:#222;border:0;resize:none}
/* input-file-box */
.input-file-box{position:relative;}
.input-file-box label{font:inherit}
.input-file-box input:focus {outline:none}
.input-file-box input:focus +label{border:1px dotted #000}
.input-file-box input[type="text"]{width:100%;height:50px;border:1px solid #ddd;line-height:48px;padding:0 18px;padding-right:126px;box-sizing: border-box;}
.input-file-box .btn-file{position:absolute;top:0;right:0;width:115px;background:#222;color:#Fff;font-size:16px;text-align:center;height:50px;line-height:50px;letter-spacing: -0.04em;}
/* placeholder */
.input-file-box input::-webkit-input-placeholder{color: #333;opacity:.5;}
.input-file-box input:-ms-input-placeholder{color: #333;opacity:.5;}
.input-file-box input:-moz-placeholder{color: #333;opacity:.5;}
.input-file-box input::placeholder {color: #333;opacity:.5;}
/* select-box */
/* .select-box{width:auto} */
.select-box label{display:inline-block;text-align:left;box-sizing:border-box;color:#333;opacity:.5;font:inherit;position:relative;width:100%;height:56px;line-height:54px;border:1px solid #E1E1E1;padding:0 40px 0 20px;}
.select-box label::after{content:"";display:block;position:absolute;top:50%;right:20px;width:20px;height:22px;background:url(https://www.rapigen-inc.com/404.html) no-repeat 0 0;transform:translate(0 ,-50%)}
.select-box select{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;opacity:0;z-index:5;cursor:pointer}
.select-box.on label{color:#222;opacity:1}
.select-box.focus label{border:1px solid #1821C4;color:#1821C4;opacity:1}
.select-box.focus label::after{background:url(https://www.rapigen-inc.com/404.html) no-repeat 0 0}
/* input-box */
.input-box{position:relative;box-sizing: border-box;border:1px solid #E1E1E1}
.input-box.focus{border:1px solid #000}
.input-box.focus input{color:#000}
.input-box label{position:absolute;top:50%;left:0;width:100%;transform:translate(0,-50%);color:#333;opacity:.5}
.input-box input{width:100%;box-sizing: border-box}
.input-box label,
.input-box input {height:54px;line-height:54px;padding:0 20px}
/* select */
/* select	{width:100%; height:53px; padding-right:50px; padding-left:18px; border:1px solid #dcdcdc; border-radius:0; background:url("../images/input_select.png") #fff 100% 50% no-repeat; font-size:16px; background-size:contain; font-weight:300;}
select.select	{color:#878787;}
select.selected {color:#000;} */
/* scroll design */
.ps { overflow: hidden !important; overflow-anchor: none;  -ms-overflow-style: none;  touch-action: auto;  -ms-touch-action: auto; }
.ps__rail-y { position: absolute; width:3px; right:2px; opacity: 1}
.ps--active-y > .ps__rail-y {display: block; background:#fff; }
.ps__thumb-y { position: absolute; background:#0813C0; width:3px; right:0; }
/* btn */
.btn,.ico{display:inline-block;vertical-align: middle;}
.btn-go{position:relative;transition:width .5s;width:45px;height:45px;text-indent:-999px;overflow:hidden;border:1px solid #bbb;background:#fff url(../images/main/btn-more.png) no-repeat center}
.btn-go:hover{width:180px;background:#fff}
.btn-go::after{position:absolute;top:0;left:0;opacity:0;text-indent:0;transition:all .5s;display:inline-flex;background:#fff url(../images/main/btn-more.png) no-repeat center;align-items: center;width:80%;height:100%;font-size:13px;font-weight:700;color:#333;padding-left:15px;background-position:143px center;content:'Detail'}
:lang(en) .btn-go::after{position:absolute;top:0;left:0;opacity:0;text-indent:0;transition:all .5s;display:inline-flex;background:#fff url(../images/main/btn-more.png) no-repeat center;align-items: center;width:80%;height:100%;font-size:13px;font-weight:700;color:#333;padding-left:15px;background-position:143px center;content:'Detail'}
:lang(zh) .btn-go::after{position:absolute;top:0;left:0;opacity:0;text-indent:0;transition:all .5s;display:inline-flex;background:#fff url(../images/main/btn-more.png) no-repeat center;align-items: center;width:80%;height:100%;font-size:13px;font-weight:700;color:#333;padding-left:15px;background-position:143px center;content:'查看更多'}
.btn-go:hover::after{opacity:1;width:100%;}

.floating .btn{display:flex;position:relative;width:80px;height:0;padding-top:80px;overflow:hidden;font-size:0;}
.floating .btn::after{position:absolute;top:0;right:0;display:inline-block;width:100%;height:80px;vertical-align: middle;content:''}
.btn-consult{background:#0813C0 }
.btn-consult::after{background:url("data:image/svg+xml,%3Csvg width='27' height='25' viewBox='0 0 27 25' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath d='M7.62188 0V5.49844H0V19.7648H3.38906V24.9891L9.14766 19.7648H19.3781V15.2648L24.0398 19.4906V14.2664H27V0H7.62188ZM17.7961 18.1828H8.53594L4.97109 21.4172V18.1828H1.58203V7.08047H17.7961V18.1828ZM25.418 12.6844H22.4508V15.9187L19.3711 13.1273V5.49844H9.20391V1.58203H25.418V12.6844Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center}
.btn-top{background:#d0112b; }
.btn-top::after{background:url("../images/ico-top.png") no-repeat center }

/* ico */
.ico.required{position:relative;margin:0 5px;width:12px;height:12px;padding-top:12px;overflow:hidden}
.ico.required::after{position:absolute;top:0;left:0;text-align:center;display:block;content:"*";line-height:12px;font-size:17px;font-weight:700;color:#E80A0A;letter-spacing: -0.04em;}

.ps.hidey .ps__rail-y,
.ps.hidex .ps__rail-x,
.ps.hidey .ps__rail-y,
.ps.hidex .ps__rail-x{opacity:0}
 .select-box-ui{position:relative;width:100%;max-width:486px;border:1px solid #E1E1E1}
 .select-box-ui .ps__rail-y { position: absolute; width:3px; right:10px; opacity: 1}
.select-box-ui .ps--active-y > .ps__rail-y {display: block; background:transparent; }
.select-box-ui .ps__thumb-y { position: absolute; background:#bbb; width:3px; right:0; }
 .select-box-ui select{display:block;width:100%;text-align:left;color:#444;letter-spacing:-0.01em;font:inherit;box-sizing:border-box;background:transparent;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}
 .select-box-ui .selected-option {position:relative;width:100%;height:56px;line-height:54px;color:#000;opacity:.4;padding:0 40px 0 20px;z-index:5;cursor:pointer;background:url(../images/sub/ico-select.png) no-repeat center right;}
 /* .select-box-ui .selected-option::after{content:"";display:block;position:absolute;top:0;right:20px;width:20px;height:22px;background:url(/design/default/images/sub/ico-select.png) no-repeat 0 0;transform:translate(0 ,-50%);border:1px solid red;} */
 .select-box-ui.on {border:1px solid #0018A8}
 .select-box-ui.on .option-list{display:block}
 .select-box-ui.on .selected-option{color:#0018A8;opacity:1}
 .select-box-ui.on .selected-option::after{background:url(https://www.rapigen-inc.com/404.html) no-repeat 0 0}
 .select-box-ui .selected-option:focus{outline:none}
 .select-box-ui .selected-option.selected{color:#444;opacity:1}
 .select-box-ui .option-list{display:none;position:absolute;top:100%;left:-1px;width:calc(100% + 2px);height:250px;background:#fff;border:1px solid #0018A8;z-index:9}
 .select-box-ui .option-list > div{position:relative;width:100%;height:100%;overflow-y:auto}
 .select-box-ui .option-list li{width:100%;padding:0}
 .select-box-ui .option-list li + li{border-top:1px solid #E1E1E1}
 .select-box-ui .option-list li button{position:relative;height:50px;line-height:50px;padding:0 20px;font-size:16px;letter-spacing:-0.01em;cursor: pointer;}
 .select-box-ui .option-list li button:hover,
 .select-box-ui .option-list li button:focus{outline:none;background:#0018A8;color:#fff}

@media screen and (max-width:1280px){ /* laptop */
	.laptopBox,
    .laptopBox.tabletBox,
    .laptopBox.mobileBox,
    .laptopBox.tabletBox.mobileBox,
    .pcBox.laptopBox.tabletBox,
    .pcBox.laptopBox{display:inherit}
    .pcBox,
    .tabletBox,
    .mobileBox,
    .pcBox.tabletBox,
    .pcBox.mobileBox,
    .tabletBox.mobileBox{display:none}

}
@media screen and (max-width:1080px){ /* laptop */


}
@media screen and (max-width:768px){ /* tablet */
	.tabletBox,
    .pcBox.tabletBox,
    .laptopBox.tabletBox,
    .tabletBox.mobileBox{display:inherit}

    .pcBox.laptopBox,
    .laptopBox.mobileBox,
    .laptopBox,
    .pcBox,
    .mobileBox,
    .pcBox.mobileBox{display:none}
    /* chk-box */
    .chk-box input + label{padding-left:36px;min-height:26px;line-height:26px;font-size:15px;color:#222;background:url(../images/sub/ico-chk-m.png) no-repeat 0 0/26px}
    .chk-box input:checked + label {background:url(../images/sub/ico-chk-on-m.png) no-repeat 0 0/26px}
    /* select-box */
    .select-box label{height:48px;line-height:46px;padding:0 25px 0 15px;}
    .select-box label::after{right:15px;width:17px;height:19px;background:url(https://www.rapigen-inc.com/404.html) no-repeat 0 0;background-size:17px}
    .select-box.focus label::after{background:url(https://www.rapigen-inc.com/404.html) no-repeat 0 0;background-size:17px}

    .select-box-ui .selected-option{line-height:45px}
    .select-box-ui .option-list{height:250px}
    .select-box-ui .option-list li button{font-size:15px;letter-spacing: -0.1px;}
    .select-box-ui .selected-option{height:48px;line-height:46px;padding:0 25px 0 15px;}
    .select-box-ui .selected-option::after{right:15px;width:17px;height:19px;background:url(https://www.rapigen-inc.com/404.html) no-repeat 0 0;background-size:17px}
    .select-box-ui.on .selected-option::after{background:url(https://www.rapigen-inc.com/404.html) no-repeat 0 0;background-size:17px}

    /* input-box */
    .input-file-box input[type="text"],
    .input-file-box .btn-file,
    .input-box label,
    .input-box input {height:46px;line-height:46px;padding:0 15px;font-size:15px}
    .input-file-box .btn-file{padding:0}
    /* textarea-box */
    .textarea-box{font-size:15px;line-height:26px;}
    .textarea-box label{top:13px;padding:0 15px}
    .textarea-box textarea{padding:13px 15px;height:182px;}

    .btn-go {line-height:38px;height:38px;background:#fff url(https://www.rapigen-inc.com/404.html) no-repeat center;background-size:18px;transition:none}
    .btn-go,
    .btn-go:hover{width:160px}
    .btn-go::after,
    .btn-go:hover::after{width:100%;opacity:1;font-size:12px;background-position:134px center}

    .floating .btn{width:58px;padding-top:58px}
    .floating .btn::after{height:58px;}
    .btn-consult::after{background-size:29px auto}
    .btn-top::after{background-size:15px auto}
}
@media screen and (max-width:640px){ /* mobile */
	.laptopBox.mobileBox,
    .mobileBox,
    .tabletBox.mobileBox,
    .pcBox.mobileBox{display:inherit}

    .laptopBox,
    .pcBox.laptopBox,
    .laptopBox.tabletBox,
    .pcBox,
    .pcBox.tabletBox,
    .pcBox.laptopBox.tabletBox,
    .tabletBox{display:none}

    .floating .btn{width:44px;padding-top:44px}
    .floating .btn::after{height:44px;}
    .btn-consult::after{background-size:23px auto}
    .btn-top::after{background-size:10px auto}

    /* select-box */
    .select-box label{height:44px;line-height:42px;padding:0 20px 0 15px;}
    .select-box label::after{width:14px;height:16px;background-size:14px}
    .select-box.focus label::after{background-size:14px}

    .select-box-ui .selected-option{height:44px;line-height:42px;padding:0 20px 0 15px;}
    .select-box-ui .selected-option::after{width:14px;height:16px;background-size:14px}
    .select-box-ui.on .selected-option::after{background-size:14px}
    .select-box-ui button{font-size:14px;letter-spacing: -0.1px;}
    .select-box-ui .option-list{height:220px}
    .select-box-ui .option-list li button.selected::after{left:15px;height:2px}
    .select-box-ui .option-list li button{line-height:46px;padding:0 15px}


    /* input-box */
    .input-file-box .btn-file{width:99px}
    .input-file-box input[type="text"],
    .input-file-box .btn-file,
    .input-box label,
    .input-box input {height:42px;line-height:42px;font-size:14px}
    /* textarea-box */
    .textarea-box{font-size:14px}

    .btn-go:hover,
    .btn-go {line-height:34px;width:134px;height:34px}
    /* .btn-go:hover{width:134px}  */
    .btn-go::after,
    .btn-go:hover::after{font-size:11px;background-position:111px center;background-size:16px}
}



/*    신규 테이블 2023-06-21 끝 */



@media all and (max-width:1200px) {
	#productList .imgframe, #productList .txt_grp {float:none;width:100%;}
	#productList .list-item strong {padding:10px 0 5px;font-size:16px;}
	#productList .txt_grp {padding:0;}
}


/* 카테고리 */
.list-category { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* 목록 */
.list-item .label-tack { padding-left:10px; }
.list-item strong { display:block; line-height:20px; margin:10px 5px 5px; text-align:center; }
.list-item .list-img { position:relative; overflow:hidden; }
.list-item .list-img img { width:100%; height:auto; }
.list-item .list-details { padding:0 3%; }
.list-item .list-details .member, .list-item .list-details .guest { color:#787878 !important; }

/* Responsive */
@media all and (max-width:767px) {
	.responsive .list-row { width:50% !important }
	.item_info_row {display:block;}
	.item_info_row .pro_pic, .item_info_row .mp_list {display:block;width:100%;}
	.item_info_row .mp_list {padding-left:0;}
}
@media all and (max-width:420px) {
	.responsive .list-row { width:100% !important }
}

/* 아이콘 */
.list-wrap .wr-icon { display:inline-block; padding:0px; margin:0px; overflow:hidden; vertical-align:middle; background-repeat: no-repeat; background-position: left top; }
.list-wrap .wr-new { width:12px; height:12px; background-image: url('./img/icon_new.gif'); }
.list-wrap .wr-secret { width:12px; height:12px; background-image: url('./img/icon_secret.gif'); }
.list-wrap .wr-hot { width:12px; height:12px; background-image: url('./img/icon_hot.gif'); }

/* 목록 공통 */
.list-notice .wr-notice { display:inline-block; padding:0px; margin:0px; overflow:hidden; vertical-align:middle; background-repeat: no-repeat; background-position: left top; width:37px; height:19px; background-image: url('./img/icon_notice.gif'); }
.list-wrap { width:100%; }
.list-btn-box { margin-bottom: 15px; }
.list-btn-box a span { margin-left: 4px; }
.list-btn-box .sort a { color:crimson !important; font-weight:bold !important; }
.list-btn-box .dropdown-menu { font-size: 12px; }
.list-none { margin:0px 0px 15px; padding:80px 0px; }
.list-page { margin-bottom:15px; }
.list-page .pagination { margin:0; }

/* 내용 공통 */
.view-wrap { width:100%; overflow:hidden; }
.view-wrap .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.view-wrap .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
.view-wrap .img-resize img { max-width:100%; height:auto; }
.view-wrap h1 { font-size: 22px; font-weight:bold; margin:0px; line-height:50px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; margin:0px; padding:0px 10px; color: rgb(59, 62, 67); letter-spacing:-1px; }
.view-wrap h1 .photo { border-radius: 50%; width: 50px; height: 50px; margin-bottom:10px; margin-right:10px; }
.view-wrap .no-attach { border-bottom:0px; }

.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }

.view-head { border-left:0px; border-right:0px; }
.view-head .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.view-head .list-group-item { padding:5px 15px; border-style:dotted; }
.view-tag { margin:10px 0px; padding:0px; color:#888; }
.view-tag a { color:#888; }
.view-tag a:hover { color:crimson; }
.view-cnt { margin-top:4px; }
.view-img img { display:block; max-width:100%; margin:0 auto 15px; border:0; height:auto; }
.view-content { padding:0px 15px 20px }
.view-mobile .view-content { padding:0px 0px 20px; }
.view-content img { width:auto; height:auto; max-width:100%; }
.view-content p { padding:0; margin:0; line-height:22px; }
.view-good-box { text-align:center; }
.view-good-box span { margin:15px 6px; width:80px; height:80px; display:inline-block; }
.view-good-box a { background: rgb(245, 245, 245); padding-top:14px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(51, 51, 51); font-size: 22px; line-height:26px; display: inline-block; }
.view-good-box .view-good a:hover { background: rgb(223, 17, 25); color: rgb(255, 255, 255); }
.view-good-box .view-nogood a:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.view-author .auth-photo { width:160px; padding-right:15px; }
.view-comment { color: rgb(51, 51, 51); font-family: "Roboto", sans-serif; margin: 0px 0px 10px; padding: 0px 0px 5px; text-transform: capitalize; overflow: hidden; font-size: 20px; font-weight: 500; border-bottom-color: rgb(51, 51, 51); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; position: relative; }

#bo_v_sns {margin:4px 0 15px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

/* 댓글 */
.comment-media { }
.comment-media .photo i { background: rgb(245, 245, 245); padding: 15px; border-radius: 50%; width: 64px; height: 64px; text-align: center; color: rgb(143, 143, 143); font-size: 30px; display: inline-block; }
.comment-media .photo img { border-radius: 50%; width: 64px !important; height: 64px !important; display:inline-block; }
.view-mobile .comment-media .photo i { padding: 10px; width: 54px; height: 54px; }
.view-mobile .comment-media .photo img { width: 54px !important; height: 54px !important; }

.comment-media .media { border-top:1px solid #eee; margin:7px 0px; padding:7px 0px 0px; }
.comment-media :first-child.media { border-top:0px; margin-top:0px; padding-top:0px; }
.comment-media h5 { margin:2px 0px; line-height: 22px; }
.comment-media .media .media-body { padding-left:0px; }
.comment-media .media .media-info { margin-left:10px; }
.comment-media .media .media-content {	margin-top:8px; }
.comment-media .media .media-btn {	margin-left:4px; }
.comment-media .cmt-good-btn { text-align:right; padding-right:1px; }
.comment-media .cmt-good, .comment-media .cmt-nogood { display:inline-block; width:74px; height:20px; margin-top:10px; padding-right:10px; margin-right:-1px; font:bold 11px verdana; text-align:right; letter-spacing:-1px; line-height:19px; cursor:pointer; }
.comment-media .cmt-good { background: url('./img/cmt_good.gif') no-repeat left center; color:#f4695b; }
.comment-media .cmt-nogood { background: url('./img/cmt_nogood.gif') no-repeat left center; color:#888; }

#bo_vc_opt ol {	margin:0;padding:0;list-style:none;zoom:1; }
#bo_vc_opt ol:after { display:block;visibility:hidden;clear:both;content:""; }
#bo_vc_opt ol li { float:left;margin:0; }
#bo_vc_send_sns ul { margin:0;padding:0;list-style:none;zoom:1; }
#bo_vc_send_sns ul:after { display:block;visibility:hidden;clear:both;content:""; }
#bo_vc_send_sns ul li {	float:left;margin:0 0 0 20px; }
#bo_vc_send_sns input {	margin:0 0 0 5px; }

/* 쓰기 공통 */
.write-wrap { width:100%; overflow:hidden; }
.write-wrap h2 { padding:0px; margin:0px; font-size:14px; font-weight:bold; }
.write-wrap label { font-weight:bold; margin-top:4px; }
.write-wrap .write-content { height: 300px; }
.write-wrap .write-file { border:0;box-shadow:none; }
.write-wrap .write-btn { margin:15px 0px 25px; text-align:center; }
.write-wrap .delete-file { margin:0px; padding:0px 10px; font-weight:normal; }
.write-wrap .delete-file label { font-weight: normal; }
.write-wrap .sp-label { font-weight:normal; margin-right:10px; }
.write-wrap .sp-label input[type="checkbox"], .write-wrap .sp-label input[type="radio"] { margin-top:0px; }

#autosave_pop div { text-align:right; }
#autosave_pop button { margin:0; margin-left:10px; padding:0; border:0; background:transparent; color:#888; }
#autosave_pop ul { margin:0; padding:0; padding-left:15px; list-style:disc; }
#autosave_pop li { padding:2px 5px;  }
#autosave_pop li:after { display:block; visibility:hidden; clear:both; content:""; }
#autosave_pop a { display:block; float:left; }
#autosave_pop span { display:block;; float:right; }

/* 반응형 공통 */
@media all and (max-width:460px) {
	.responsive .list-btn { text-align:center; margin:0px auto; }
	.responsive .pull-right.list-btn { float:none !important; margin-bottom:14px; }
	.responsive .view-wrap h1 { text-overflow:clip; overflow:none; white-space:normal; line-height: 24px; font-size: 18px; margin-bottom:10px; }
	.responsive .view-wrap h1 .photo { display:none; }
	.responsive .view-btn i { margin-right:0px; }
	.responsive .view-author .auth-photo { float:none; width:100%; padding-right:0px; }
	.responsive .comment-btn { text-align:center; }
	.responsive .comment-btn .pull-right { float:none !important; }
}
.item_info_row .cell{
	display: table-cell;
}
@media all and (max-width:768px) {
	.item_info_row .cell{
		display: block;
	}
}