@charset "UTF-8";

.main{position: relative; padding: 17rem 0 20rem; box-sizing: border-box;}
.main__menu{font-size: 0; text-align: center;}
.main__menu-item{display: inline-block; width: 38rem; height: 46rem; padding-top: 7rem; margin: 0 4rem; border-radius: 1.5rem; -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; -ms-border-radius: 1.5rem; -o-border-radius: 1.5rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; text-align: center; box-sizing: border-box; box-shadow: 3px 4px 15px 0px rgba(0, 0, 0, 0.25); vertical-align: middle;}
.main__menu-as{background-image: url(../images/main/as_vis.jpg);}
.main__menu-prd{background-image: url(../images/main/pd_vis.jpg);}
.main__menu-item h2,
.main__menu-item span{font-family: 'GmarketSans', 'NotoSansKR', sans-serif;}
.main__menu-item h2{position: relative; padding-bottom: 3.5rem; color: #32438c; font-size: 4rem; font-weight: 700; }
.main__menu-as h2,
.main__menu-as span
{color: #fff;}
.main__menu-item h2::after{content: ''; display: block; position: absolute; left: 50%; bottom: 1.8rem; width: 2rem; height: 1px; background: #c7c7c7; margin-left: -1rem;}
.main__menu-item span{font-size: 1.8rem; font-weight: 300; }
.main__menu-item .lnk-txt{display: block; width: 13rem; height: 4rem; margin: 3rem auto 0; border: 1px solid #32438c; border-radius: 2.5rem; -webkit-border-radius: 2.5rem; -moz-border-radius: 2.5rem; -ms-border-radius: 2.5rem; -o-border-radius: 2.5rem; color: #32438c; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.065em; line-height: calc(4rem - 2px); text-align: center; box-sizing: border-box;}
.main__menu-as .lnk-txt {border-color: #fff; color: #fff;}

/* sub */
.sub-container{padding-bottom: 10rem;}

.snb{border-bottom: 1px solid #ccc;}
.snb__list {float: left;}
.snb__list li{float: left; width: 15rem;}
.snb__list a{display: block; width: 100%; color: #313a95; font-family: 'GmarketSans', 'NotoSansKR', sans-serif; font-size: 1.7rem; line-height: 5rem;text-align: center; letter-spacing: -0.065em;}
.snb__list .on a{position: relative;}
.snb__list .on a::after{content:''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #32438c;}
.snb .page-path{float: right;}
.snb .page-path a,
.snb .page-path span{display: inline-block; height: 5rem; color: #444343; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.065em; line-height: 5rem; vertical-align: middle;}
.snb .page-path .lnk-home{width: 1.2rem; height: 1.4rem; background: url(../images/sub/ico_home.png) no-repeat 50% 50%; background-size: auto 1.4rem; font-size: 0; text-indent: -9999px; }
.snb .page-path span{position: relative; margin-left: 2.8rem;}
.snb .page-path span::before {content: ''; display: block; position: absolute; left: -1.85rem; top: 50%; width: .9rem; height: 1.2rem; margin-top: -0.6rem; background: url(../images/sub/arr_path.png) no-repeat 50% 50%; background-size: contain; }

.sub__head{padding: 6rem 0 4.5rem;}
.sub__head h2{margin-bottom: 1.5rem; color: #222; font-family: 'GmarketSans', 'NotoSansKR', sans-serif; font-size: 3rem; font-weight: 500; letter-spacing: -0.05em;}
.sub__head h2 span{color: #32438c; font-weight: 700;}
.sub__head p{color: #787878; font-size: 1.6rem; letter-spacing: -0.065em;}
.prd-sch__frm{padding: 4.2rem 0 4.4rem; margin-bottom: 4rem; background: #fbfbfb;}
.prd-sch__input {position: relative; width: 40rem; margin: 0 auto; border-bottom: 1px solid #aaa;}
.prd-sch__input input[type=text]{width: 100%; height: 3.4rem; padding-left: 1rem; padding-right: 3.4rem; background: none; border:none; font-size: 1.5rem; letter-spacing: -0.05em; line-height: 3.4rem; box-sizing: border-box;}
.prd-sch__input .btn--sch{position: absolute; right: 0; bottom: 0; width: 3.7rem; height: 3.4rem; background: url(../images/sub/ico_sch.png) no-repeat 50% 50%; background-size: auto 1.8rem; font-size: 0; text-indent: -9999px;}
.prd-sch__tab button{ float: left; position: relative; width: 23.2%; height: 0; padding-top: 12.5%; margin-right: 2.4%; margin-bottom: 2.4%; background: rgba(255, 255, 255, .3); border: 1px solid #fff; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; -o-border-radius: 1rem; box-sizing: border-box; overflow: hidden;}
.prd-sch__tab .gipfel{background: #fff;}
.prd-sch__tab button:nth-of-type(4n){margin-right: 0;}
.prd-sch__tab button img{ position: absolute; left: 50%; top: 50%; width: auto; height: auto; max-width: 80%; max-height: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.prd-sch__result{border-top: 1px solid #fff;}
.prd-sch__result .guide-txt{border-bottom: 1px solid #fff; color: #8b8b8b; font-size: 1.6rem; font-weight: 500; line-height: 21.5rem; text-align: center; letter-spacing: -0.065em;}
.prd-sch__result .guide-txt span{color: #313a95; font-weight: 700;}

.prd-sch__list{padding-top: 4rem;}
.prd-sch__item{float: left; width: 16.6%; margin-right: 4.25%; margin-bottom: 4rem;}
.prd-sch__item:nth-of-type(5n){margin-right: 0;}
.prd-sch__item a {display: block;}
.prd-sch__item .prd-img{position: relative; width: 100%; height: 0; padding-top: 100%; border: 1px solid #fff; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; -o-border-radius: 1rem; box-sizing: border-box; overflow: hidden;}
.prd-sch__item .prd-img img{ position: absolute; left: 0; top: 0; width:100%; height: 100%; }
.prd-sch__item .prd-num{display: block; padding: 2rem 0 .7rem; color: #32438c; font-size: 1.5rem; font-weight: 500;}
.prd-sch__item .prd-name{height: 4.2rem; color: #222; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.065em; line-height: 2.1rem; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.prd-sch__result .btn--more{display: block; width: 100%; background: #f1f1f1; color: #222; font-size: 1.6rem; font-weight: 500; text-align: center; letter-spacing: -0.065em;}
.prd-sch__result .btn--more span{display: inline-block; padding-right: 3rem; background: url(../images/sub/ico_more.png) no-repeat 100% 50%; background-size: auto 2rem; line-height: 5rem; vertical-align: middle; } 

.prd-view{margin-bottom: 4.8rem;}
.prd-view__head{padding-top: 6.5rem; padding-bottom: 2rem; margin-bottom: 28px; border-bottom: 1px solid #fff; font-family: 'GmarketSans', 'NotoSansKR', sans-serif;}
.prd-view__head .num{display: block; margin-bottom: .8rem; color: #313a95; font-size: 1.8rem; font-weight: 500;}
.prd-view__head .tit{color: #222; font-size: 2.5rem; font-weight: 500; letter-spacing: -0.05em;}
.prd-view__img{float: left; position: relative; width: 41.6%; height: 0; padding-top: 41.6%; margin-right: 3.4%;}
.prd-view__img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.prd-view__info-tb{float: left; width: 55%; border-top: 1px solid #ddd;}
.prd-view__info-tb th,
.prd-view__info-tb td{padding: 1.4rem 0; border-bottom: 1px solid #ddd; color: #222; font-size: 1.5rem; letter-spacing: -0.065em; vertical-align: middle; line-height: 2rem;}
.prd-view__info-tb th{width: 19.6%; background: #f5f5f5; font-weight: 500;}
.prd-view__info-tb td{width: 80.4%; padding-left: 2rem;}
.prd-view__tab {margin-top: 4rem; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.prd-view__tab li{float: left; width: 25%; text-align: center;}
.prd-view__tab button{display: inline-block; color: #222; font-size: 1.7rem; font-weight: 700; letter-spacing: -0.065em; line-height: 4.8rem; cursor: pointer; box-sizing: border-box;}
.prd-view__tab .on button{position: relative; color: #313a95;}
.prd-view__tab .on button::after{content: ''; display: block; position: absolute; left: 50%; bottom: 0; width: 12rem; height: .3rem; margin-left: -6rem; background: #32438c;}

.prd-view__board{padding-top: 4rem;}
.prd-view__board h3{margin-bottom: 3.5rem; color: #222; font-size: 2.2rem; font-weight: 500; letter-spacing: -0.065em;}

.as-guide{padding: 4rem 4rem 5rem; margin-bottom: 3.8rem; background: #f5f5f5; border: 1px solid #fff; box-sizing: border-box;} 
.as-guide h3{margin-bottom: .8rem; padding-left: 3.4rem; background: url(../images/sub/ico_notice.png) no-repeat 0% 0%; background-size: auto 2.4rem; color: #313a95; font-family: 'GmarketSans', 'NotoSansKR', sans-serif; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.065em; line-height: 2.6rem; box-sizing: border-box;}
.as-guide li{position: relative; padding: .3rem 0 .3rem 4rem; color: #222; font-size: 1.6rem; letter-spacing: -0.065em; line-height: 2.4rem; box-sizing: border-box;}
.as-guide li::before{content: ''; display: block; position: absolute; left: 2.6rem; top: 1.35rem; width: .3rem; height: .3rem; background: #000; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;}
.as-guide li a{color: #237bf2; letter-spacing: -0.065em;}
.as-guide .iframe-box{padding-left: 2.6rem; padding-top: 1.5rem; padding-bottom: 1.5rem;}
.as-guide .iframe-box::before{display: none;}
.as-guide > p{padding-left: 4rem; margin-top: 2.2rem; color: #222; font-size: 1.6rem; letter-spacing: -0.065em; box-sizing: border-box;}
.as-guide > p span{color: #313a95; font-weight: 500;}

/* 리스트 */
.as-faq{padding-left: 4rem; margin-top: 2rem; box-sizing: border-box;}
.as-faq-cat *{display: inline-block; font-size: 1.5rem; line-height: 2rem;  vertical-align: middle;}
.as-faq-cat b{color: #222; font-weight: 500;}
.as-faq-cat font{margin: 0 .7rem;}

.as-faq-list{width: 100%; margin-top: 1rem; background: #fff; border-top:1px solid #555;}
.as-faq-list th,
.as-faq-list td{color: #222; font-size: 1.5rem;  vertical-align: middle;}
.as-faq-list .q-row th,
.as-faq-list .q-row td{border-bottom: 1px solid #ddd;}
.as-faq-list .q-row .chkbox{position: absolute; left: 0px; top: 0px;}
.as-faq-list .q-column,
.as-faq-list .a-column{position: relative; padding: 1.2rem 2rem 1.2rem 4rem;  font-size: 1.5rem; line-height: 2.2rem; letter-spacing: -0.065em; box-sizing: border-box;}
.as-faq-list .faq-ico{position: absolute; left: 1.5rem; top: 1.2rem; width: 2.5rem; font-size: 1.8rem; font-weight: 500; text-align: left;}

.as-faq-list .q-column .cat{padding-right: .5rem; color: #32438c; font-weight: 500; }
.as-faq-list .a-column{ border-bottom: 1px solid #ddd; }
.as-faq-list .a-column .faq-ico{color: #32438c;}
.as-faq-list .a-column .btn-box{position: absolute; right: 0; top: 0;}

.as-step-btn{font-size: 0; text-align: center;}
.as-step-btn.hide{display: none; }
.as-step-btn a,
.as-step-btn button{display: inline-block; width: 13rem; height: 4rem; margin: 0 .5rem; background: #545454; border: none; color: #fff; font-size: 1.5rem; font-weight: 500; text-align: center; vertical-align: middle; line-height: 4rem; letter-spacing: -0.065em; box-sizing: border-box;}
.as-step-btn .btn--next{background: #32438c; color: #fff;}


.as-frm{height:0; overflow: hidden; visibility: hidden;}
.as-frm.active{height: auto; overflow: visible; visibility: visible}
.as-frm textarea{background: #fff;}
.as-frm__tb-guide{color: #222; font-size: 1.4rem; text-align: right; letter-spacing: -0.065em;}
.as-frm__guide{padding-left: 2rem; background: url(../images/sub/ico_notice.png) no-repeat 0% .2rem; background-size: auto 1.6rem; color: #313a95; font-size: 1.4rem; line-height: 2rem; box-sizing: border-box;}
.as-frm__tb{width: 100%; margin-top: 1rem; background: #ebebeb; margin-bottom: 4rem; border-top: 1px solid #999;}
.as-frm__tb th,
.as-frm__tb td{padding: 1.2rem 0; border-bottom: 1px solid #ddd; color: #222; font-size: 1.6rem; letter-spacing: -0.065em; line-height: 2.4rem; vertical-align: middle}
.as-frm__tb th{width: 16.6%; background: #f5f5f5;}
.as-frm__tb td{width: 83.4%; padding-left: 2rem;}
.as-frm__tb td[colspan="2"]{padding-left: 0;}
.as-frm__tb input[type="text"],
.as-frm__tb button,
.as-frm__tb select{height: 3rem; vertical-align: middle; box-sizing: border-box;}
.as-frm__tb textarea{width: 100%; height: 40rem; padding: 1rem; font-size: 1.5rem; line-height: 1.2; box-sizing: border-box; overflow-y: auto;}
.as-frm__tb .input-m{width: 15rem;}
.as-frm__tb .input-l{width: 30rem;}
.as-frm__tb .input-l + .input-l{margin-left: .8rem;}
.as-frm__tb .post-item{margin-bottom: 1rem;}
.as-frm__tb .input--post{width: 10rem;}
.as-frm__tb .btn--post{width: 11rem; margin-left: .8rem; background: #545454; color: #fff; font-size: 1.4rem; letter-spacing: -0.065em; text-align: center;}
.as-frm__tb .tel-item input[type="text"]{width: 7rem;}
.as-frm__tb .tel-item select{width: 6rem;}
.as-frm__tb .tel-item .sign{padding: 0 .2rem;}
.as-frm__tb .purchase-info input{float: left; margin-right: 1rem;}
.as-frm__tb .purchase-info p{float: left;}
.as-frm__tb .made-info{margin-bottom: .5rem;}
.as-frm__tb .made-info .made-yy{width: 7rem; margin-right: .8rem;}
.as-frm__tb .made-info .made-m{width: 5rem;}
.as-frm__tb .file-item{position: relative; font-size: 0;}
.as-frm__tb .file-item input,
.as-frm__tb .file-item label{vertical-align: middle;}
.as-frm__tb .file-item label{position: relative; display: inline-block; width: 8rem; height: 2.4rem; background: #545454; color: #fff; font-size: 1.3rem; letter-spacing: -0.065em; line-height: 2.4rem; text-align: center; z-index: 2;}
.as-frm__tb .file-item input[type="file"]{position: absolute; left: 0; top: 0; width: 0; height: 0; border: none; font-size:0;}
.as-frm__tb .file-item input[type="text"]{max-width: calc(100% - 8rem); padding-left: 1rem; background: transparent; border: none; color: #222; font-size: 1.3rem; letter-spacing: -0.065em;}
.as-frm__tb .btn--print,
.as-frm__tb .btn--download{display: inline-block; padding: 0 1rem; border: 1px solid #32438c; color: #32438c; font-size: 1.3rem; font-weight: 500; text-align: center; line-height: 2.8rem; letter-spacing: -0.065em; vertical-align: middle;}


.as-frm__detail-box h3{margin-bottom: 1.5rem; color: #222; font-size: 1.6rem; font-weight: 500;
  letter-spacing: -0.065em;}
.as-frm__detail-inner{white-space: nowrap; overflow-x: auto;}
.as-frm__detail-tb{width: 100%; min-width: 50rem;  background: #ebebeb; border-top: 1px solid #545454;}
.as-frm__detail-tb th,
.as-frm__detail-tb td{padding: 1.2rem -0; border-bottom: 1px solid #ddd; color: #222; font-size: 1.5rem; vertical-align: middle; text-align: center; letter-spacing: -0.065em; line-height: 2rem;}
.as-frm__detail-tb thead th{position: relative; height: 4.8rem; padding-top: 0; padding-bottom: 0; background: #f5f5f5; font-size: 1.6rem; font-weight:500;}
.as-frm__detail-tb thead th::after{content: ''; display: block; position: absolute; right: -0.5px; top: 50%; width: 1px; height: 1.9rem; margin-top: -0.95rem; background: #ddd; z-index: 1;} 
.as-frm__detail-tb thead th:last-of-type:after{display: none;}
.as-frm__detail-tb tfoot th{background: #ddd;}
.as-frm__detail-tb tfoot td{border-left: 1px solid #ddd; font-weight: 700;}
.as-frm__detail-box .guide-txt{padding-top: .3rem; color: #999; font-size: 1.2rem; text-align: right; line-height: 1.3; letter-spacing: -0.065em;}
.as-frm__detail-comment{margin-top: 1rem; padding: 1.5rem 1rem; background: #fff; border: 1px solid #ddd; box-sizing: border-box}
.as-frm__detail-comment dt{margin-bottom: 1.2rem; color: #222; font-size: 1.5rem; font-weight: 500;}
.as-frm__detail-comment dd{font-size: #333; font-size: 1.4rem; line-height: 1.4}


.as__reference{color: #222;}
.as__reference h3{margin-bottom: 1.5rem; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.065em;}
.as__notice {margin-bottom: 2rem;}
.as__notice li{padding-left: 1rem; font-size: 1.5rem; line-height: 2.3rem; letter-spacing: -0.065em; box-sizing: border-box;}
.as__delivery ul{margin-bottom: 1.5rem; font-size: 0;}
.as__delivery li{display: inline-block; margin-right: 5rem; font-size: 1.5rem; line-height: 2.3rem; letter-spacing: -0.065em;  vertical-align: middle;}
.as__delivery label{padding-left: .4rem;}
.as-frm__term{margin-top: 6rem;}
.as-frm__term .inner-box{padding: 1rem 1rem 1.5rem; background: #f1f1f1; box-sizing: border-box;}
.as-frm__term textarea{width: 100%; height: 17rem; margin-bottom: 1rem; padding: 1rem; background: #fff;  font-size: 1.5rem; line-height: 1.2; box-sizing: border-box; overflow-y: auto;}
.as-frm__term input,
.as-frm__term label{vertical-align: middle;}
.as-frm__term label{font-size: 1.4rem; letter-spacing: -0.065em; line-height: 2.4rem;}

.as-frm__btn-list{margin-top: 3.3rem; font-size: 0; text-align: center;}
.as-frm__btn-list a,
.as-frm__btn-list button{display: inline-block; min-width: 10rem; height: 4rem; padding: 0 3.7rem; margin: 0 1rem; background: #fff; border: none; color: #222; font-size: 1.5rem; font-weight: 500; text-align: center; vertical-align: middle; line-height: 4rem; letter-spacing: -0.065em; box-sizing: border-box;}
.as-frm__btn-list .btn--submit{background: #32438c; color: #fff;}
.as-frm__btn-list .btn--reset{background: #545454; color: #fff;}

.as-ok{padding-top:7rem;}
.as-ok__msg{padding: 7.4rem 0; background: #f5f5f5; border: 1px solid #fff; color: #222; font-size: 1.8rem; letter-spacing: -0.065em; box-sizing: border-box; text-align: center; line-height: 2.6rem;}
.as-ok__msg span{color: #313a95; font-weight: 500;}
.as-ok__tb {width: 100%; margin: 3rem 0; border-top: 1px solid #999;}
.as-ok__tb th,
.as-ok__tb td{padding: 1.2rem 0; border-bottom: 1px solid #ddd; color: #222; font-size: 1.6rem; vertical-align: middle; line-height: 2.4rem;}
.as-ok__tb tr:last-of-type th,
.as-ok__tb tr:last-of-type td{border-color: #999; }
.as-ok__tb th{width: 16.6%; background: #f5f5f5;  font-weight: 500; letter-spacing: -0.065em;}
.as-ok__tb td{width: 83.4%; padding-left: 2rem}
.as-ok .btn--confirm{display: block; width: 12rem; height: 4rem; margin: 0 auto; background: #32438c; border: none; color: #fff; font-size: 1.7rem; font-weight: 500; text-align: center;  line-height: 4rem; letter-spacing: -0.065em; }

/* service > view.php */
.as-frm__tb.view-ver .txt-item{padding: 1.6rem 2rem; background: #fff; border: 1px solid #ddd; font-size: 1.5rem; line-height: 1.3; white-space: pre-line}

.as-frm__tb.view-ver .uploaded-item{display: inline-block; height: 3rem; padding:0 4rem 0 1.2rem; background: #ddd url(../images/sub/ico_download.png) no-repeat right 1.2rem top 50%; font-size: 1.4rem; line-height: 3rem;}
.as-frm__tb.view-ver .adr-item p{margin-top: 1rem;}
.as-frm__tb.view-ver .made-info,
.as-frm__tb.view-ver .purchase-info{margin-bottom: .6rem;}
.as-frm__tb.as__status-tb {margin: 4rem 0 5rem;}
.as-frm__tb.as__status-tb tr:last-of-type th,
.as-frm__tb.as__status-tb tr:last-of-type td{border-bottom-color: #999}

.as-frm__btn-list.view-ver a,
.as-frm__btn-list.view-ver button{display: inline-block; min-width: 12rem; padding: 0; margin: 0 .5rem; }


.center__head h2{padding: 7rem 0 5rem; color: #222; font-family: 'GmarketSans', 'NotoSansKR', sans-serif; font-size: 3rem; font-weight: 500; letter-spacing: -0.05em;}
.center__head h2 span{color: #32438c; font-weight: 700;}
.center__tab{border-bottom: 1px solid #fff}
.center__tab li{float: left; width: 25rem; margin-right: .5rem;}
.center__tab a{ display: block; padding-left: 2.9rem; background: #f1f1f1; border-width: 1px 1px 0; border-style: solid; border-color: #fff; border-radius: 1rem 1rem 0 0; -webkit-border-radius: 1rem 1rem 0 0; -moz-border-radius: 1rem 1rem 0 0; -ms-border-radius: 1rem 1rem 0 0; -o-border-radius: 1rem 1rem 0 0; color: #545454; font-size: 1.7rem; font-weight: 700; line-height: 4.8rem; letter-spacing: -0.065em; box-sizing: border-box; }
.center__tab .on a{background: #fff; color: #32438c;}
.center__board-tit{padding-top: 4rem; margin-bottom: 1.5rem; color: #222; font-size: 2.5rem; font-weight: 700; letter-spacing: -0.065em;}

.manual-sch{position: relative; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding-left: 20.8%; box-sizing:border-box;}
.manual-sch::before{content: ''; display: block; position: absolute; left: 0; top: 0; width: 20.8%; height: 100%; background: url(../images/sub/manual_vis.jpg) no-repeat 0% 50%; background-size: cover;}
.manual-sch-tb{width: 100%;}
.manual-sch-tb th,
.manual-sch-tb td{height: 10rem; border-bottom: 1px solid #ddd; color: #222; vertical-align: middle;}
.manual-sch-tb th{width: 18.9%; background: #f5f5f5; font-size: 2rem; font-weight: 500; letter-spacing: -0.065em;}
.manual-sch-tb td{padding-left: 4rem;}
.manual-sch-tb tr:last-of-type th,
.manual-sch-tb tr:last-of-type td{border-bottom: none;}
.manual-sch-tb ul{display: inline-block;}
.manual-sch-tb li{display: inline-block; position: relative; margin-right: 2rem; font-size: 0; vertical-align: middle;}
.manual-sch-tb input,
.manual-sch-tb label,
.manual-sch-tb select{vertical-align: middle;}
.manual-sch-tb input[type="radio"]{ position: absolute; left:0; top: 50%; width: 0; height: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.manual-sch-tb label{position: relative; padding-left: 2.3rem; background: url(../images/sub/manual_radio_off.png) no-repeat 0% 50%; font-size: 1.6rem; letter-spacing: -0.065em; line-height: 2rem; z-index: 1}
.manual-sch-tb :checked + label{background-image: url(../images/sub/manual_radio_on.png)}
.manual-sch-tb input{min-width: 25rem; height: 3rem; padding-left: .9rem; background-position: right .9rem top 50%; border: 1px solid #ccc; font-size: 1.4rem; letter-spacing: -0.065em; line-height: calc(3rem - 2px)}
.sub-manual .btn--submit{display: block; width: 12rem; height: 4rem; margin: 3rem auto 5rem; background: #545454; color: #fff; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.065em;}

.manual-result-tb{width: 100%; background: #ebebeb; border-top: 1px solid #545454;}
.manual-result-tb th,
.manual-result-tb td{padding: 1.4rem 0; border-bottom: 1px solid #ddd; color: #222; font-size: 1.6rem; line-height:2.2rem; text-align: center; vertical-align: middle; letter-spacing: -0.065em;}
.manual-result-tb thead th,
.manual-result-tb thead td{height: 5.5rem; padding: 0; background: #f5f5f5; font-size: 1.8rem; font-weight: 500;}
.manual-result-tb tr th:nth-of-type(2),
.manual-result-tb tr td:nth-of-type(2){border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.manual-result-tb .num-column{width: 16.6%; letter-spacing: 0;}
.manual-result-tb .download-column{width: 16.6%;}
.manual-result-tb .m-download{display: none;}
.manual-result-tb .btn--download{display: inline-block; width: 11rem; height: 3rem; background: #32438c; color: #fff; font-size: 1.4rem; line-height: 3rem; letter-spacing: -0.065em;}

/* certificate.php */
.certificate-frm__tb{width: 100%; margin-bottom: 3rem; border-top: 1px solid #999;}
.certificate-frm__tb th,
.certificate-frm__tb td{padding: .9rem 0 .9rem 2rem; border-bottom: 1px solid #ddd; color: #222; font-size: 1.5rem; vertical-align: middle;}
.certificate-frm__tb th{width: 16.6%; padding-left: 0; padding-right: 0; background: #f5f5f5; letter-spacing: -0.065em;}
.certificate-frm__tb tr:last-of-type th,
.certificate-frm__tb tr:last-of-type td{border-bottom-color: #999;}
.certificate-frm__tb input[type=text]{width: 30rem; height: 3rem;}
.certificate-frm__tb .tel-item input[type="text"]{width: 8rem;}
.certificate-frm__tb .tel-item select{min-width: 6rem; height: 3rem;}
.certificate-frm__tb .tel-item .sign{padding: 0 .2rem;}
.certificate-frm .btn--submit{display: block; width: 12rem; height: 4rem; margin: 0 auto; background: #32438c; color: #fff; font-size: 1.7rem; font-weight: 500; letter-spacing: -0.065em; line-height: 4rem; text-align: center;}

/* service > list.php */
.service-breakdown .total{color: #222; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.065em;}
.service-breakdown .total em{padding-left: .8rem; color: #32438c}
.service-breakdown__tb{width: 100%; margin: 2rem 0 3rem; background: #ebebeb; border-top: 1px solid #545454;}
.service-breakdown__tb th,
.service-breakdown__tb td{padding: 1.2rem -0; border-bottom: 1px solid #ddd; color: #222; font-size: 1.5rem; vertical-align: middle; text-align: center; letter-spacing: -0.065em; line-height: 2rem;}
.service-breakdown__tb thead th{position: relative; height: 4.8rem; padding-top: 0; padding-bottom: 0; background: #f5f5f5; font-size: 1.6rem; font-weight:500;}
.service-breakdown__tb thead th::after{content: ''; display: block; position: absolute; right: -0.5px; top: 50%; width: 1px; height: 1.9rem; margin-top: -0.95rem; background: #ddd; z-index: 1;} 
.service-breakdown__tb thead th:last-of-type:after{display: none;}
.service-breakdown__tb .m-tit{display: none;}
.service-breakdown__tb .btn--print,
.service-breakdown__tb .btn--download{display: inline-block; padding: 0 1rem; border: 1px solid #32438c; color: #32438c; font-size: 1.3rem; font-weight: 500; text-align: center; line-height: 2.8rem; letter-spacing: -0.065em; vertical-align: middle;}
.service-breakdown__tb .btn--pay{display: inline-block; width: 83.3%; max-width: 12rem; height: 3rem; background: #32438c; color: #fff; font-size: 1.4rem; font-weight: 500; text-align: center; line-height: 3rem; letter-spacing: -0.065em;}


/* rule */
.company-rule,
.company-rule *{font-size: 1.4rem; line-height: 1.3;}

/* ---------------------------------------------------------------------------------- 상품 뷰용 게시판 리스트 */
/* 게시판 리스트 */
.cmn-tb{width: 100%; margin-top: 1rem; background: #ebebeb; border-top: 1px  solid #555; color: #222; letter-spacing: -0.065em;}
.cmn-tb thead th, 
.cmn-tb thead td{background: #fff; font-size: 1.6rem; font-weight: 500; }
.cmn-tb tbody th,
.cmn-tb tbody td{font-size: 1.5rem;}
.cmn-tb th,
.cmn-tb td{padding: 1.2rem 0; border-bottom: 1px solid #ddd; vertical-align: middle; line-height: 2.4rem;}
.cmn-tb .item-tit{padding-left: 1rem;}
.cmn-tb .m-tit{display: none}
.cmn-tb .status-ing,
.cmn-tb .status-end{font-weight: 500;}
.cmn-tb .status-ing{color: #f57878;}
.cmn-tb .status-end{color: #32438c}

/* 포토게시판 리스트 */

.cmn-photo-list li{float: left; position: relative; width: 23.75%; margin-right: 1.6666%; margin-bottom: 1.6666%;}
.cmn-photo-list li:nth-child(4n){margin-right: 0;}
.cmn-photo-list li a{display: block; width: 100%; height: 100%;}
.cmn-photo-list .chkbox{position: absolute; left: 2px; top: 2px; z-index: 1;}
.cmn-photo-list .img-row{position: relative; height: 0; padding-top: 70%; overflow: hidden;}
.cmn-photo-list .img-row img{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.cmn-photo-list .tit-row{padding: 1rem 1.5rem; background: #fff; color: #222; font-size: 1.5rem; line-height: 2.3rem; letter-spacing: -0.065em; box-sizing: border-box;}
.cmn-photo-list .prd-name{display: block;}