@charset "UTF-8";

body {background: #141414;}
#wrap {background-repeat: no-repeat; background-position: top center; background-size: cover; background-image:url(/assets/images/sub_vis.png); height: 100%;}
/*#wrap {background-repeat: repeat-x; background-position: top center; background-size:auto 50.0rem; background-image:url(/assets/images/sub_vis02.jpg); height: 100%;}*/
/*#wrap {background-repeat: repeat-x; background-position:center -40px; background-size:auto 64.0rem; background-image:url(/assets/images/sub_vis03.jpg); height: 100%;}
#wrap {height:100%; background-repeat:repeat-x; background-position:center -50px; background-size:auto 66.0rem; background-image:url(/assets/images/sub_vis04.jpg);}

.sub_vis {margin-top:28.0rem; margin-bottom:14.0rem;}
.sub_vis h1 {font-family:'GmarketSansMedium'; font-size:3.0rem; margin-bottom:4.0rem;}
.sub_vis h1 > span {padding:1.4rem 4.0rem 0.8rem; color:#000; background-color:#fff; border-radius:6.0rem;}

@media screen and (max-width:1024px) {
	.sub_vis h1 {font-size: 2.4rem;}
}
@media screen and (max-width:767px) {
	.sub_vis h1 {font-size: 2.2rem;}
}
@media screen and (max-width:480px) {
	.sub_vis h1 {font-size: 1.8rem;}
}*/

/********************************
 제품리스트
 *******************************/
	/*제품리스트-선택*/
.mainset.main_list .category {overflow: hidden; position: relative; margin-bottom: 2rem;}
.mainset.main_list .category ul::after {content: ""; display: block; clear: both;}
.mainset.main_list .category ul {width: calc(100%);}
.mainset.main_list .category .m_category {display: none;}
.mainset.main_list .category ul li {float:left; margin:5px; width:calc(14.2857% - 10px); /* width:calc(12.5% - 15px); */  box-sizing:border-box;}
.mainset.main_list .category ul li a {display: block; color: #fff; font-size: 1.5rem; background: #333; text-align: center; border-radius: 300px; min-height: 50px; line-height: 50px; position: relative; overflow:hidden;}
.mainset.main_list .category ul li a:hover {text-decoration: none;}
.mainset.main_list .category ul li a::before {content:""; position: absolute; top: 50%; left: 50%; width: 130%; height: 150px; border-radius: 50%; transform: translate3d(-50%,-50%,0) scale3d(0,0,0); transition: opacity .4s cubic-bezier(.19,1,.22,1),transform .75s cubic-bezier(.19,1,.22,1); background-color: #0096ff; opacity: 0;}
.mainset.main_list .category ul li a:hover::before {opacity: 1; transition-duration: .85s; transform: translate3d(-50%,-50%,0) scale3d(1,1,1);}
.mainset.main_list .category ul li a span {position:relative; z-index: 1;}
.mainset.main_list .category ul li.on a {background:#0096ff;}

/* .mainset.main_list .main_list_cont {max-width: 1280px; overflow: hidden} */
.mainset.main_list .main_list_cont {max-width:1200px; overflow: hidden; margin: 0 auto;}
.mainset.main_list .main_list_cont h2 {margin-left:10px; font-size:30px; color:#ffc800; font-family:'GmarketSansMedium';}
.mainset.main_list .list_cont::after {content: ""; display: block; clear:both;}
.mainset.main_list .list_cont {width:calc(100% + 15px);}
.mainset.main_list .list_cont .list_thum {float: left; width:calc(25% - 15px); margin: 0 15px 15px 0; box-sizing: border-box; /* background:url(/assets/images/list_bg.png)center center no-repeat;*/ background-size: 100%; transition: width 0.2s linear; box-shadow: 0 5px 10px rgb(0,0,0,0.5);}
.mainset.main_list .list_cont .list_thum a {position: relative; display: block; /* max-width: 80%;*/  /* max-height: 250px;*/ margin: 0 auto; overflow: hidden; /* padding: 10% 0;*/}
.mainset.main_list .list_cont .list_thum img {width: 100%;}

.mainset.main_list .list_cont .list_thum a .new_thum {position: absolute; overflow: hidden; left: 50%; top: 50%; transform: translate(-50%, -50%); width:94%; height:93%; z-index: 2;}
.mainset.main_list .list_cont .list_thum a .new_thum span {width: 100%; overflow: hidden; height: 100%; vertical-align: middle;}
.mainset.main_list .list_cont .list_thum a .new_thum span img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.mainset.main_list .list_cont .list_thum {width: calc(25% - 20px); margin:10px;}
.mainset.main_list .list_cont .list_thum img {width: 100%;}
.mainset.main_list .category ul li {width: calc(14.2857% - 10px);}

/*
 .mainset.main_list .category ul li {width: calc(12.5% - 15px);}
 .btn_cont {text-align: center; border: 1px solid #fff; color: #fff; width: 215px; font-size: 1.7rem; padding: 0 3rem; margin: 0 auto; background-color: rgba(4,17,25,0.1); transition: 0.3s;}
.btn_cont:hover {background: rgba(255,255,255,0.1);}
.btn_cont button {display: block; color: #fff; width: 100%; height: 55px; line-height: 55px; font-size: 1.8rem;}
.view_btn button {background:url(/assets/images/view_icon.png)right center no-repeat; text-align: left;}*/

.paging {text-align: center;}
.paging strong {display: inline-block; background: #1a1819; background: #0096ff; border: 0; font-family: 'Lato', sans-serif; width: 42px; height: 42px; line-height: 42px; vertical-align: middle; margin: 0 0.2rem;}
.paging a {background: #041119; border: 1px solid #686969; color: #a8a8a8; font-family: 'Lato', sans-serif; margin: 0 0.2rem;}
.paging a.first {background: #1a1819 url(/assets/images/pagingIcon.png) -72px 3px no-repeat; border: 1px solid #686969; color: #a8a8a8;}
.paging a.last {background: #1a1819 url(/assets/images/pagingIcon.png) -72px -34px no-repeat; border: 1px solid #686969; color: #a8a8a8;}
.paging a.first span {display: none;}

/*media query*/
@media screen and (max-width:1024px) {
    .mainset.main_list .category ul {width: calc(100% + 5px);}
    .mainset.main_list .category ul li {width: calc(25% - 5px); margin: 0 5px 5px 0;}
    .mainset.main_list .category ul li a {font-size: 1.4rem;}

    .btn_cont button {font-size: 1.5rem; height: 50px; line-height: 50px;}
}

@media screen and (max-width:900px) {
	.mainset.main_list .main_list_cont h2 {margin-left:0;}
	
    .mainset.main_list .list_cont {width: calc(100% + 10px);}
    .mainset.main_list .list_cont .list_thum {width: calc(33.3% - 10px); margin: 0 10px 10px 0;}

    .mainset.main_list .list_cont .list_thum {margin: 0 10px 10px 0;}
}

@media screen and (max-width: 767px) {
    .mainset.main_list .list_cont {width: calc(100% + 15px);}
    .mainset.main_list .list_cont .list_thum {width: calc(50% - 15px); margin: 0 15px 15px 0;}
}

@media screen and (max-width:640px) {
    .mainset.main_list .category {height:50px;}
    .mainset.main_list .category .pc_category {display: none;}
    .mainset.main_list .category .m_category {display: block; padding: 0 5rem;}
    .mainset.main_list .category .m_category .m_list {text-align: center; height: 50px; line-height: 50px; margin: 0 0.2rem;}
    .mainset.main_list .category .m_category .m_list a {font-size: 1.4rem;}
    .mainset.main_list .category .m_category .m_list.on a {background: #0096ff;}
    .mainset.main_list .category .m_category .m_list a {display: block; background: #333333; color: #fff;}
    .mainset.main_list .category .m_category button.slick-prev {position: absolute; left: -50px; background: url(/assets/images/prev_btn.png)no-repeat; width: 40px; height: 40px; z-index: 1; text-indent: -999em; background-size: 40px; top: 7px;}
    .mainset.main_list .category .m_category button.slick-next {position: absolute; right: -50px; background: url(/assets/images/next_btn.png)no-repeat; width: 40px; height: 40px; z-index: 1; text-indent: -999em; background-size: 40px; top: 7px;}
}

@media screen and (max-width:480px) {
    .mainset.main_list .category .m_category {padding: 0 4rem;}
    .mainset.main_list .category .m_category button.slick-prev {left: -40px; width: 30px; height: 30px; background-size: 30px; top: 10px;}
    .mainset.main_list .category .m_category button.slick-next {right: -40px; width: 30px; height: 30px; background-size: 30px; top: 10px;}
}


/* 제품상세페이지 */
.product_cont {}
.product_cont::after {content: ""; display: block; clear: both;}
.product_cont .thum_cont {float: left; width: 30%;}
.product_cont .thum_bg {position: relative; /* background: url(/assets/images/thum_bg.png)center center no-repeat; background-size: 100%;*/ height: 100%; box-shadow: 0 5px 10px rgb(0,0,0,0.5); margin-bottom: 3rem;}
.product_cont .thum_bg .new_thum {position: absolute; overflow: hidden; left: 50%; top: 50%; transform: translate(-50%, -50%); width:94%; height:93%; z-index: 2;}
/* .product_cont .thum_bg span {display: block; max-width: 80%; max-height: 390px; margin: 0 auto; overflow: hidden; padding: 7% 0;} */
.product_cont .thum_bg span {width: 100%; overflow: hidden; height: 100%; vertical-align: middle;}
.product_cont .thum_bg span img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.product_cont .thum_cont dl {margin-bottom: 2.5rem;}
.product_cont .thum_cont dl:last-child {margin-bottom: 0;}
.product_cont .thum_cont dl dt {display: inline-block; width: 30%; font-size: 1.8rem;}
.product_cont .thum_cont dl dd {display: inline-block; font-size: 1.8rem; color: #bfbfbf;}

.product_cont .product_detail {float:right; width: 64%;}
/* .product_cont .product_detail h2 {padding-top: 3rem; font-size: 3rem; border-bottom: 1px solid #888e93; padding-bottom: 2.5rem; margin-bottom: 3.5rem;} */
.product_cont .product_detail h2 {display: none;}


/* .product_cont .product_detail .product_txt {border:1px solid #3f3f3f; padding: 2rem;} */
.product_cont .product_detail .product_txt {color: #bfbfbf; font-size: 1.4rem; margin-bottom: 0.5rem; border-top: 1px solid #888e93; padding-top: 5rem;}
.product_cont .product_detail .product_txt li {position: relative; padding-left: 1.5rem; color: #bfbfbf; font-size: 1.4rem; margin-bottom: 0.5rem;}
.product_cont .product_detail .product_txt li:last-child {margin-bottom: 0;}
.product_cont .product_detail .product_txt li:after {content:""; display: block; width: 5px; height: 1px; background-color: #bfbfbf; position: absolute; left: 0; top: 13px;}

.product_info {padding-top: 5rem;}
.product_info ul.tab::after {content: ""; display: block; clear:both;}
.product_info ul.tab {border-bottom: 1px solid #888889; margin-bottom: 4rem;}
.product_info ul.tab li {float: left; border: 1px solid #888889; border-bottom: 0; height: 65px; line-height: 65px; width: 15%; text-align: center;}
.product_info ul.tab li a {display: block; font-size: 1.8rem; color: #dadada;}
.product_info ul.tab li a:hover, .product_info ul.tab li a:focus {text-decoration: none; color: #fff;}
.product_info ul.tab li.on {border-bottom: 3px solid #fff;}
.product_info ul.tab li.on a {color: #fff; font-weight: 500;}
.product_info .tabCont h3 {font-size: 2.5rem; margin-bottom: 3rem;}

.pdt_side {overflow:hidden; margin-top:3.0rem;}
.pdt_side h3 {color:#868686;}
.pdt_side ul::after {content: ""; display: block ;clear: both;}
.pdt_side ul {width: calc(100% + 30px);}
.pdt_side ul li {display:table; float:left; margin:0 30px 30px 0; width: calc(20% - 30px); height:16.0rem; text-align:center; box-sizing:border-box;}
.pdt_side ul li .thum_in {display:table-cell; vertical-align: middle;}
.pdt_side ul li a {display:inline-block; position:relative;}
.pdt_side ul li .thum_bg {display:inline-block; position:relative; width:50%; height:50%;}
.pdt_side ul li:nth-child(3) .thum_bg {width:100%; height:100%;}
.pdt_side ul li .new_thum {position: absolute;overflow: hidden;left: 50%;top: 50%;transform: translate(-50%, -50%); width:94%; height:93%; z-index: 2;}
.pdt_side ul li .new_thum span {width: 100%; overflow: hidden; height: 100%;}
.pdt_side ul li .new_thum span img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

/*media query*/
@media screen and (max-width:1024px) {
    .product_cont .product_detail h2 {font-size: 2rem; margin-bottom: 2rem; padding-bottom: 2rem;}
    .product_cont .product_detail dl {margin-bottom: 1rem;}
    .product_cont .product_detail dl dt {font-size: 1.6rem;}
    .product_cont .product_detail dl dd {font-size: 1.6rem;}

    .product_info ul.tab {margin-bottom: 1rem;}
    .product_info ul.tab li {height: 60px; line-height: 60px; width: 25%;}
    .product_info ul.tab li a {font-size: 1.6rem;}
    .product_info .tabCont h3 {font-size: 2rem;}
}

@media screen and (max-width:767px) {
    .product_cont .thum_cont {float: none; width: 100%;}
    .product_cont .thum_bg {width: 50%; margin: 0 auto; margin-bottom: 3rem;}
    .product_cont .product_detail {width: 100%; margin-top: 3rem;}
    .product_cont .product_detail .product_txt {padding-top: 2rem;}
    .product_cont .thum_cont dl dt {font-size: 1.4rem;}
    .product_cont .thum_cont dl dd {font-size: 1.4rem;}

    .product_info {padding-top: 1rem;}
    .product_info ul.tab li {width: 50%; height: 55px; line-height: 55px;}
    .product_info ul.tab li a {font-size: 1.5rem;}

    .pdt_side ul li {width: calc(33.3% - 30px);}
    /*.pdt_side ul li:nth-child(4) {display: none;}*/
   .pdt_side ul li:first-child,
    .pdt_side ul li:last-child {display: none;}
}

@media screen and (max-width:640px) {
    .product_info .tabCont h3 {font-size: 1.7rem; margin-bottom: 2rem;}
}

/* 견적문의 폼 */
.estimate::after {content: ""; display: block; clear: both;}
.estimate li {width: 49.5%; margin-bottom: 1rem;}
.estimate li.form_l {float: left;}
.estimate li.form_r {float: right;}
.estimate li.form_w100 {float: left; width: 100%;}
.estimate li textarea {width: 100%; background-color:#d2d9de; resize: none; border: 0; border-radius: 0; padding: 3rem; font-size: 1.6rem;}
.estimate li .form_inner label {position: absolute; z-index: 1; left: 3rem; top: 50%; transform: translateY(-50%); color: #1d2429; font-weight: 500;}
.estimate li .form_inner label em {color: #ff7d13;}
.estimate li .form_inner {position: relative; padding-left:11.8rem; background-color:#d2d9de;  height: 65px;}
.estimate li .form_inner.on {background: #fff;}
.estimate li span.form_input {position: relative; display: block; height: 100%; z-index: 2;}
.estimate li span.form_input input {background-color: transparent; display: block; width: 100%; height: 100%;}
/* .estimate li span.form_input button {position: absolute; right: 2rem; top: 50%; transform: translateY(-50%); background-color: #161e24; border-radius: 3rem; color: #fff; padding: 0.5rem 2rem; border: 0;} */

.estimate li span.form_input label {display:inline-block; position: absolute; right: 2rem; left: auto; background-color: #161e24; border-radius: 3rem; color:#fff; padding:0px 15px; line-height:35px; cursor:pointer;}
.estimate li span.form_input label::after {content: "파일등록";}
.estimate li span.form_input input.file_btn {display: none;}
.estimate li span.form_input .filename {display:inline-block; padding-left:10px; color: #999999; font-size: 1.5rem; padding-top: 2rem;}


.agree_cont::after {content: ""; display: block; clear:both;}
.agree_cont .agree {float: left;}
.agree_cont .agree_btn {float: right;}
.agree_cont .agree_btn a {color: #c5c5c5; font-size: 1.5rem;}
.agree_cont .agree label {font-size: 1.5rem; color: #c5c5c5;}
.agree_cont .agree label span {margin-right: 5px;}

.btn_cont {text-align: center; transition: 0.3s;}
.btn_cont button {display: inline-block; color: #fff; height: 57px; line-height: 55px; font-size: 1.7rem; border: 1px solid #fff; color: #fff; width: 215px; padding: 0 3rem; margin: 4rem 0.5rem 0;}
.btn_cont button:hover {background: rgba(255,255,255,0.1);}

.agree_cont p.email_txt {font-size: 1.5rem; background: #272727; padding: 1.5rem; text-align: center; color: #9c9c9c;}
.agree_cont p.email_txt b {color: #fff;}

/*media query*/
@media screen and (max-width:1024px) {
    .btn_cont button {font-size: 1.5rem; height: 50px; line-height: 50px; width: 30%;}
}

@media screen and (max-width:767px) {
    .estimate li .form_inner {height: 55px; padding-left: 8rem;}
    .estimate li span.form_input input {font-size: 1.4rem;}
    .estimate li .form_inner label {left: 2rem;}
    .estimate li span.form_input button {font-size: 1.3rem;}
    .estimate li textarea {font-size: 1.3rem; padding: 2rem; height: 130px;}
    .agree_cont .agree label {font-size: 1.4rem;}

    label input[type="checkbox"] + span:before {width: 25px; height: 25px; background-size: 25px;}
    label input[type="checkbox"]:checked + span:before {background-position-y: -25px;}
}

@media screen and (max-width:640px) {
    .estimate li {width: 100%;}
    .estimate li .form_inner label {font-size: 1.3rem;}
    .estimate li span.form_input input {font-size: 1.3rem; letter-spacing: -0.06rem;}
    .estimate li span.form_input button {right: 1rem; padding: 0.5rem 1rem;}
}

@media screen and (max-width:480px) {
    .btn_cont button {width: 40%; font-size: 1.4rem;}
}

/* 주문 전 참고사항 */
.order_detail {}
.order_detail p {margin-bottom: 1.2rem; color: #eaeaea; font-size: 1.5rem;}
.order_detail h4 {margin-top: 2rem; margin-bottom: 0.5rem; font-size: 1.8rem; color: #fff;}
.order_detail h4 em {font-family: 'Lato', sans-serif;}
.order_detail .delivery {padding: 2rem; margin-top: 2rem; border: 1px solid #434343;}
.order_detail .delivery h4 {font-size: 1.6rem;}
.order_detail .delivery h4:first-child {margin-top: 0;}
.order_detail .delivery ul li {font-size: 1.4rem;}
.order_detail ul li {color: #c0c0c0; margin: 0; padding: 0.3rem 0; font-size: 1.5rem; position: relative; padding-left: 1.5rem;}
.order_detail ul li::before {content: ""; width: 5px; height: 1px; background: #c0c0c0; display: block; position: absolute; left: 0; top: 15px;}

/*media query*/
@media screen and (max-width:640px) {
    .order_detail p {font-size: 1.4rem;}
    .order_detail h4 {font-size: 1.5rem;}
    .order_detail ul li {font-size: 1.3rem;}
}

/* 개인정보처리방침 레이어팝업 */
.layer_pop {display:none; z-index:1000; position:fixed; margin-bottom:0; top:0; left:0; right:0; bottom:0; padding:5%; border:0; background-color:rgba(33,33,33,.8); height:auto;}
.layer_pop .cont {position:relative; background:#fff; max-width:60%;  margin:0 auto;}
.layer_pop .cont .top {position:relative; width:100%; height:auto; padding:17px 20px; background:#000; border-bottom:1px solid #ddd; text-align: center;}
.layer_pop .cont .top h4 {font-weight:normal; font-size:18px; color:#fff; letter-spacing:-1px;}
.layer_pop .cont .top a.btn {display:block; position:absolute; top:50%; transform:translateY(-50%); right:20px; background:url(/assets/images/btnx.png) no-repeat center right; background-size:100%; font-size:0; width:20px; height:21px;}
.layer_pop .cont .btm {position:relative; width:100%; height:auto; height: 640px; overflow-y: scroll;}
.layer_pop .cont .btm .privacy_cont {padding: 2rem;}

.privacy_cont p {margin-bottom: 1.2rem; color: #666; font-size: 1.4rem;}
.privacy_cont h3 {margin-top: 2rem; margin-bottom: 0.5rem; font-size: 1.6rem; font-weight: 600; color: #333;}
.privacy_cont ul {}
.privacy_cont ul li {color: #666; margin: 0; padding: 0.3rem 0; font-size: 1.5rem;}

.privacy_table {border: 1px solid #ddd; border-bottom: 0;}
.privacy_table th {font-size: 1.5rem; padding: 2rem 0; border-bottom: 1px solid #ddd; color: #333;}
.privacy_table td {font-size: 1.5rem; padding: 1rem; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; color: #666;}
.privacy_table td:last-child {border-right: 0;}

/*media query*/
@media screen and (max-width:767px) {
    .layer_pop .cont {max-width: none;}
    .privacy_cont ul li, .privacy_cont p {font-size: 1.3rem;}
    .privacy_cont h3 {font-size: 1.4rem;}
}

/*주문안내*/
.proguide_box {padding:3.0rem; border:0.3rem solid #3e3e3e; border-radius:2.0rem;}
.proguide_box::after {content: ""; display: block; clear: both;}

.proguide_cont dl::after {content: ""; display: block; clear: both;}
.proguide_cont dl:not(:last-child) {margin-bottom: 7rem;}
.proguide_cont dl.guide_d {margin-bottom: 0;}
.proguide_cont dl dt {float: left; width:25%; font-family: 'GmarketSansMedium'; font-size: 2.5rem; padding-left: 7rem; line-height: 53px;}
.proguide_cont dl dt.guide03_bg {background:url(/assets/images/guide_icon3.png)left center no-repeat;}
.proguide_cont dl dt.guide04_bg {background:url(/assets/images/guide_icon4.png)left center no-repeat;}
.proguide_cont dl dt.guide05_bg {background:url(/assets/images/guide_icon5.png)left center no-repeat;}
.proguide_cont dl dt.guide06_bg {background:url(/assets/images/guide_icon6.png)left center no-repeat;}
.proguide_cont dl dt.guide07_bg {background:url(/assets/images/guide_icon7.png)left center no-repeat;}
.proguide_cont dl dd {float: left; width:75%;}
.proguide_cont dl dd p {margin: 0.5rem 0;}
.proguide_cont dl dd ul:not(:last-child) {margin-bottom: 2rem;}
.proguide_cont dl dd ul li {position:relative; font-size:1.5rem; color:#b4b4b4; padding-left:1rem; word-break:keep-all;}
.proguide_cont dl dd ul li::before {content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #888889; position: absolute; left: 0; top: 11px;}
.proguide_cont dl dd ul li.chart_box {margin-bottom:1.0rem; padding-left:0;}
.proguide_cont dl dd ul li.chart_box::before {display:none;}
.proguide_cont dl dd ul li.chart_box .chart_inner {overflow:hidden;}
.proguide_cont dl dd ul li.chart_box .chart_inner::after {content: ""; display: block; clear: both;}
.proguide_cont dl dd ul li.chart_box ol {line-height:0; font-size:0; width: calc(100% + 30px);}
.proguide_cont dl dd ul li.chart_box ol > li {position:relative; display:inline-block; width:25%; padding-left:0; padding-right:3.0rem;}
.proguide_cont dl dd ul li.chart_box ol > li::before {display:none;}
.proguide_cont dl dd ul li.chart_box ol > li::after {content:''; display:block; position:absolute; right:10px; bottom:50%; width:8px; height:15px; background:url(/assets/images/img_arrow_wh.png) center center no-repeat; transform:translateY(50%);}
.proguide_cont dl dd ul li.chart_box ol > li:last-child {padding-bottom:0;}
.proguide_cont dl dd ul li.chart_box ol > li:last-child::after {display:none;}
.proguide_cont dl dd ul li.chart_box ol > li p {display:table; width:100%; text-align:center; color:#fff; background:linear-gradient(to right, #0012ff, #4c59ff); border-radius:1.0rem;}
.proguide_cont dl dd ul li.chart_box ol > li span {display:table-cell; width:100%; height:6.0rem; vertical-align:middle; font-size:1.5rem; font-weight:500; line-height:1.3;}
.proguide_cont dl dd ul li.chart_box ol > li span em {display:block; font-size:1.3rem; font-weight:300; letter-spacing:0;}

.neoninfo_box {position:relative; padding-top:2.0rem;}
.neoninfo_box .neoninfo_boxinner {padding:1.5rem 1.0rem 1.0rem; border:2px solid #fff; text-align:center; border-radius:1.0rem;}
.neoninfo_box .neoninfo_boxinner h3 {position:absolute; left:50%; top:1.3rem; margin:-1.0rem 0 0; padding:0.5rem 2.0rem; min-width:14.0rem; font-size:1.6rem; background-color:#141414; transform:translateX(-50%);}
.neoninfo_box .neoninfo_boxinner span {display:inline-block;}

/*media query*/
@media screen and (max-width:1280px) {
    .proguide_cont dl dt {font-size: 2.5rem;}
}

@media screen and (max-width:1024px) {
    .proguide_cont dl dt {width: 100%; margin-bottom: 1rem;}
    .proguide_cont dl dd {width: 100%;}
}

@media screen and (max-width:767px) {
    .proguide_cont dl:not(:last-child) {margin-bottom: 2rem;}
    .proguide_cont dl dt {font-size: 1.7rem; background-size: 35px !important; padding-left: 5rem;}
    .proguide_cont dl dd ul li {font-size: 1.3rem;}

	.proguide_cont dl dd ul li.chart_box ol {width:100%;}
	.proguide_cont dl dd ul li.chart_box ol > li {padding-right:0; padding-bottom:3.0rem; width:100%;}
	.proguide_cont dl dd ul li.chart_box ol > li::after {right:50%; bottom:10px; transform:translate(-50%, 0) rotate(90deg);}

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