@charset "utf-8"; /* CSS Document */ body { font-size:16px;} .box0{ width:100%; max-width:96%; margin:0 auto;} .box1{ width:80em; max-width:96%; margin:0 auto; width: 81.25em} .box2{ width:90em; max-width:96%; margin:0 auto;} .fullH{ height:100vh; box-sizing:border-box;} .fullM{ min-height:100vh; box-sizing:border-box;} /* .headH{ height:6.25em;} .headT{ padding-top:6.25em;} */ .pcHide{ display:none !important;} .moHide{} .overYscroll{overflow-y: scroll !important;} /*header*/ #header{} #header .top_wrap{} #header .top_wrap .inner{} #header .top_wrap .inner .top_notice{flex:1; margin-right: 6em;} #header .top_wrap .inner .top_notice .notice_tt{} #header .top_wrap .inner .top_notice .notice_tt .xi{font-size: 1.063em; color: #111} #header .top_wrap .inner .top_notice .notice_tt .tt{font-size: .938em; color: #444; padding-left: 2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; flex:1;} #header .top_wrap .inner .top_notice .notice_tt .tt:hover{text-decoration: underline;} #header .top_wrap .menu{margin: 0 0 0 -.75em;} #header .top_wrap .menu > li{} #header .top_wrap .menu > li > a{ color: #777; height: 3.25em; /*padding: 0 .688em;*/ margin: 0 0 0 .75em;} #header .top_wrap .menu > li:last-child > a{/*padding: 0 0 0 .688em*/} #header .top_wrap .menu > li .xi{padding-right: 3px; font-size: 1em; } #header .top_wrap .menu > li .tt{font-size: .750em; text-transform: uppercase;} #header .top_wrap .menu > li:hover .tt, #header .top_wrap .menu > li:hover .xi{color: #f57d20} #header .top_wrap .menu > li.grade{} #header .top_wrap .menu > li.grade > a{} #header .top_wrap .menu > li.grade .tt{font-weight: 600; font-size: .875em; background: #FAEBD7; padding: .15em .25em; border-radius: .25em;} #header .gnb_wrap{/*border-bottom: 2px solid #f57d20*/ } #header .gnb_wrap .logo > a{display: flex; align-items: center; align-content: center; height: 3.5em;} #header .gnb_wrap .menu_wrap {display: flex; align-items: center; flex: 1;} #header .gnb_wrap .gnbw{flex:1; z-index: 100; justify-content: flex-end; z-index: 3; z-index: 35;} #header .gnb_wrap .gnb{justify-content: flex-end; } #header .gnb_wrap .gnb > li{position:relative; } #header .gnb_wrap .gnb > li.on{color: #f57d20} #header .gnb_wrap .gnb > li .dp1{position:relative; height: 3.5em; padding: 0 2em;} #header .gnb_wrap .gnb > li .dp1 .img{padding-right: .15em;} #header .gnb_wrap .gnb > li .dp1 .img img{width: 1.35em;} #header .gnb_wrap .gnb > li:last-child .dp1{padding: 0 0 0 2em} #header .gnb_wrap .gnb > li .dp1 .tt{font-size: 1.063em; } #header .gnb_wrap .gnb > li:hover .dp1 .tt{color: #f57d20} #header .gnb_wrap .gnb > li .dp2{ position:absolute; left:50%; top:100%; min-width:10em; width:100%; width:calc(100% - 2px); transform:translateX(-50%); background:#fff; border:solid #ddd; border-width:0 1px 1px 1px; z-index:-1; opacity:0; visibility:hidden; /*padding:.3em 0;*/} #header .gnb_wrap .gnb > li .dp2 > a{ height:auto;} #header .gnb_wrap .gnb > li .dp2 > li{ display:flex; border-top:1px solid #ddd;} #header .gnb_wrap .gnb > li .dp2 > li:first-child{ border-top:none;} #header .gnb_wrap .gnb > li .dp2 > li > a{ flex:1; padding:.8em 1em; font-size:.938em; color:#555;} #header .gnb_wrap .gnb > li .dp2 > li > a .tt{ vertical-align:top;} #header .gnb_wrap .gnb > li:hover .dp2{ z-index:inherit; opacity:1; visibility:visible; transition:.2s;} #header .gnb_wrap .gnb > li .dp2 li:hover > a .tt{ text-decoration:underline; color:#f57d20} #header .gnb_wrap .search_wrap{} #header .gnb_wrap .search_wrap .search .wrap_in{ position:relative; width:14em; height:2.875em;} #header .gnb_wrap .search_wrap .search .wrap_in .inp{ display:block; padding:0; height:100%; background:transparent; box-sizing:border-box;} #header .gnb_wrap .search_wrap .search .wrap_in .inp_txt{ width:100%; padding-left:1.5em; padding-right:3.25em; border:2px solid #f57d20; border-radius:6em; font-size:.813em;} #header .gnb_wrap .search_wrap .search .wrap_in .inp_btn{ width:3em; padding-right:.75em; border:none; position:absolute; top:0; right:0;} #header .gnb_wrap .search_wrap .search .wrap_in .inp_btn .xi{ font-size:1.625em; color:#f57d20;} .scroll #header .gnb_wrap{z-index: 333; width: 100%; position: fixed; left: 0; right: 0; top: 0; background: #fff; border-bottom: 1px solid #eee;/* box-shadow: 5px 5px 10px rgba(0,0,0,0.1)*/} /* .scroll #header .gnb_wrap .gnb > li .dp1{height: 4em;} */ #header .all_wrap{ display: none; /*width:6.25em; */} #header .all_wrap .btn_all{ z-index:100; position:relative; width:2.25em; height:1.5em;} #header .all_wrap .btn_all .ham, #header .all_wrap .btn_all .ham:before, #header .all_wrap .btn_all .ham:after { display:block; width:100%; height:2px; background:#000; transition:.2s;} #header .all_wrap .btn_all .ham:before, #header .all_wrap .btn_all .ham:after { content:""; position:absolute; right:0;} #header .all_wrap .btn_all .ham:before{ top:calc(50% - 1px);} #header .all_wrap .btn_all .ham:after { top:calc(100% - 2px);} #header .all_wrap .btn_all:hover .ham:before{ width:80%;} #header .all_wrap .btn_all:hover .ham:after { width:90%;} #header .all_wrap .all{ z-index:99; position:fixed; top:0; right:0; height:100vh; width:100vw; transform:translateX(100%); transition:transform 0.6s cubic-bezier(0.71, 0.29, 0.27, 0.94) 0s;} #header .all_wrap .all .wrap_bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity: .5;} #header .all_wrap .all .wrap_in{ position:absolute; top:0; right:0; width:100%; height:100%; background: #fff ; transform:translateX(100%); width: 30em; width: 100%; /*transition:.4s; */} #header .all_wrap .all .wrap_in .all_scroll{ height:inherit;} #header .all_wrap .all .allconWrap{ padding:3em 2em} #header .all_wrap .all .allconWrap .all_top{text-align: center;} #header .all_wrap .all .allconWrap .all_top .logo{} #header .all_wrap .all .allconWrap .all_top .memberw{padding: 3em 0 1em 0;} #header .all_wrap .all .allconWrap .all_top .memberw .list{justify-content: center; margin: 0 0 0 -.5em} #header .all_wrap .all .allconWrap .all_top .memberw .list > li{flex:1 1 auto} #header .all_wrap .all .allconWrap .all_top .memberw .list > li .in{display: block; padding: .75em 1em; background: #FFEFD5; margin: 0 0 0 .5em; display: flex; align-items: center; align-content: center;} #header .all_wrap .all .allconWrap .all_top .memberw .list > li .in .xi{font-size: 1.313em; padding-right: 3px;} #header .all_wrap .all .allconWrap .all_top .memberw .list > li .in .tt{} #header .all_wrap .all .allconWrap .all_gnb .gnb{display: block;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1{ display:block; text-align:left !important; padding:1em .5em; color:#000; height: auto; position: relative;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1:after{position: absolute; content: "\e940"; right: 0; top: 50%; transform: translateY(-50%); font-style: normal; font-family: xeicon; font-size: 1.5em;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1 .tt{ font-size:1.375em; font-weight:700; line-height:1.1;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li.on .dp1{ color:#7267a9;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li:hover .dp1:after{padding-right: 5px; transition: .4s;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2{opacity: inherit; visibility: inherit; background: none; border: none; border-width: inherit; width: inherit; transform: none; position: inherit; left: inherit; top: inherit; min-width: inherit; z-index: inherit;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li{border-top: none;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li > a{text-align: left !important; color: #000; font-size: 1.063em; flex:inherit; padding: .5em} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li > a .tt{opacity: .6;} #header .all_wrap.on .all{ transform:translateX(0);} #header .all_wrap.on .all .wrap_in{transform:translateX(0);} #header .all_wrap.on .btn_all{ background:transparent; border-color:transparent;} #header .all_wrap.on .btn_all .ham{ background:transparent; transition:0s;} #header .all_wrap.on .btn_all .ham:before, #header .all_wrap.on .btn_all .ham:after { width:100% !important; top:50% !important; top: 0 !important;} #header .all_wrap.on .btn_all .ham:before{ transform:rotate(45deg);} #header .all_wrap.on .btn_all .ham:after { transform:rotate(-45deg);} #header .cookie_wrap{opacity:0; visibility:hidden; position:fixed; bottom:0; left:0; right:0; width:100%; z-index:98; background: rgba(0,0,0,.8);} #header .cookie_wrap .in{padding: .5em 0} #header .cookie_wrap .in .tit{ flex:1; min-width: 0;} #header .cookie_wrap .in .tit > p{color: #fff; font-size: .750em; line-height: 1.4;} #header .cookie_wrap .in .btnw{width: 15em;} #header .cookie_wrap .in .btnw .btn{} #header .cookie_wrap .in .btnw .btn > li{} #header .cookie_wrap .in .btnw .btn > li:last-child{margin-left: .5em;} #header .cookie_wrap .in .btnw .btn > li .btn_in{border: 1px solid #f57d20; color: #f57d20; display: block; padding:.688em .25em; border-radius: .25em; text-align: center; min-width: 6em;} #header .cookie_wrap .in .btnw .btn > li .btn_in.st{background: #f57d20; color: #fff;} #header .cookie_wrap .in .btnw .btn > li .btn_in > i{font-size: .750em;} #header .cookie_wrap .in .btnw .btn > li .btn_in:hover {background: #f57d20; color: #fff; border: 1px solid #fff} #header .cookie_wrap .in .btnw .btn > li .btn_in.st:hover {background: #fff; color: #f57d20; } .load #header .cookie_wrap {opacity:1; visibility:visible; transition:.4s;} /*contents*/ #contents{min-height: calc(100vh - 7.75em) !important; box-sizing: border-box;} .dp1_mypage #contents, .dp1_member #contents{min-height: inherit !important; padding-bottom: 0 !important;} #contents .doc{padding: 7em 0 10em 0} #contents .sub_doc{padding: 3em 0 10em 0; padding: 1em 0 5em 0; background: #fff; z-index: 33; position: relative;} #contents .sub_doc .box1{width: 79em; width: 81.25em;} #contents{ position:relative; padding-bottom:3em} #contents:before{content:"";display:block;position:absolute;z-index:1;top:0;left:0;width:100%;background:#e9ecf2;height:14em;background:#f7f7f7;} #contents .sub_con_tit{ text-align:center; padding-top: 2em; position: relative; z-index: 3;} #contents .sub_con_tit > .inner{ padding-top:3.75em; padding-top: 1.5em; background: #fff;} #contents .sub_con_tit .con_tit{} #contents .sub_con_tit .con_tit .tt{ position:relative; font-size:1.875em; color:#444; font-weight: 700; text-transform: uppercase; } #contents .sub_con_tit .con_nav{ margin: .5em 0 0 0;} #contents .sub_con_tit .con_nav > li{ color:#aaa;} #contents .sub_con_tit .con_nav > li:before{ content:"\e93f"; font-family:xeicon; font-size:1.063em;} #contents .sub_con_tit .con_nav > li:first-child:before{ display:none;} #contents .sub_con_tit .con_nav > li .home{ color:#f57d20;} #contents .sub_con_tit .con_nav > li .home > .xi{ font-size:.938em;} #contents .sub_con_tit .con_nav > li .tt{ font-size:.688em; text-transform: uppercase; } #contents .sub_con_tit .con_nav > li:last-child .tt{ color:#555;} #contents .sub_tit_wrap{text-align: center; padding-bottom: 1em; padding-top: 1em;} #contents .sub_tit_wrap .ti{font-size: .938em; color: #444; line-height: 1.4;} .main #contents{padding-bottom: 0; min-height: calc(70vh - 7.75em) !important; } .main #contents:before{display: none;} .dp1_member #contents .sub_con_tit{display: none;} .dp1_member #contents:before{display: none;} .dp1_member #header {border-bottom: 1px solid #eee} /*footer*/ #footer {border-top: 1px solid #eee;} #footer .inner{padding: 2em 0;} #footer .inner .logow{text-align: center;} #footer .inner .logow .logo a{display: block;} #footer .inner .logow .logo a > img{width: 8em;} #footer .inner .info{margin-top: 1em;} #footer .inner .info .list{} #footer .inner .info .list > li {padding: 0 0 .688em 0} #footer .inner .info .list > li.br{width: 100%; padding: 0;} #footer .inner .info .list > li .tt{} #footer .inner .info .list > li .tt .in_t{font-size: .813em; color: #444; padding-right: 3px; display: inline-block;} #footer .inner .info .list > li .tt .col{color: #111; font-weight: 600; font-size: .813em;} #footer .inner .info .list > li .tt.st1{font-weight: 700; font-size: .938em} #footer .inner .info .copyt{font-size: .688em; color: #666; opacity: .8; padding: 1em 0;} #footer .inner .info .list > li{} #footer .inner .info .list > li .in{} #footer .inner .info .list > li .in .tt{padding-right: 1em; line-height: 1.5; text-align: left;} #footer .inner .info .list > li .in .tt .col{color: #111; font-weight: 600; font-size: .813em; padding-right: 2px;} #footer .inner .info .list > li .in .tt .tx{font-size: .813em; color: #444;} #footer .inner .info .list2{margin-top: 1em} #footer .inner .info .list2 > li{} #footer .inner .info .list2 > li .tt{font-size: .813em; color: #666; position: relative; display: block; padding: .5em .75em} #footer .inner .info .list2 > li .tt:before{content:""; display:block; position:absolute; top:50%; left:0; width:1px; height:.75em; background:#999; transform:translateY(-50%);} #footer .inner .info .list2 > li:first-child .tt{padding-left: 0;} #footer .inner .info .list2 > li:first-child .tt:before{display: none;} /*main*/ .main #header{border-bottom: 1px solid #eee} .mainWrap{} .mainWrap .inner{margin: 2em auto; margin: 1em auto} .mainWrap .inner .conL{flex:1; min-width: 0;} .mainWrap .inner .conR{width: 33em; position:sticky; position:-webkit-sticky; top:1em; width: 44em; top: 4em; width: 52em;} .mainWrap .inner .conR .in{margin-left: 2em; box-sizing: border-box; margin-top: .5em;} .mainWrap .inner .conL .mainSearch_wrap{} .mainWrap .inner .conL .mainSearch_wrap .tw {padding-bottom: .5em;} .mainWrap .inner .conL .mainSearch_wrap .tw .tit{font-size: 2.5em; font-weight: 700; font-size: 1.875em;} .mainWrap .inner .conL .mainSearch_wrap .tw .tit2{color: #555; font-size: 1em; line-height: 1.4; padding-top: .313em;} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn{position: relative;} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .input_st{border-radius: 10em; height: 3.813em; line-height: 1.5; box-shadow: 0 0.25rem 0.5rem 0 rgb(0 0 0 / 8%); border: 1px solid #eee; border-bottom: none; border-radius: 1em 1em 0 0} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .inp_btn{ border:none; position:absolute; top:0; right:1em; background: none; height: 3.5em;} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .inp_btn .xi{ font-size:1.5em; color:#999;} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw{/*position:absolute; right:0; left: 0; width:100%;*/ /*transform:translateY(1em); */ /*opacity:0; transition:transform .3s; display: none;*/} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn{box-shadow: 0 0.25rem 0.5rem 0 rgb(0 0 0 / 8%); background:#fff; padding:.75em; border-radius: 0 0 .750em .750em; border: 1px solid #eee; border-top: none;} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list{} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li{margin-bottom: .313em;} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li:last-child{margin-bottom: 0} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list{background: #f7f7f7; border-radius: .5em; padding: .375em; display: block} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list .in{} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list .in .img{width: 5em; position: relative; cursor: pointer;} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list .in .img .layer{opacity: 0; visibility: hidden; overflow: hidden; position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; width: 80%; left:50%; transform:translateX(-50%); background: rgba(0, 0, 0, 0.5); transition: .3s; } .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list .in .img .layer .xi{color: #fff; font-size: 1.313em;} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li:hover .in_list .in .img .layer{opacity: 1; visibility: visible; } .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list .in .prod{flex: 1; min-width: 0;} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list .in .prod .type_ti{font-size: .625em; color: #f57d20; padding-bottom: .25em;} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list .in .prod .name_ti{font-size: .875em; font-weight: 700} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list .in .prod .tag_wrap{margin-top: .5em;} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list .in .prod .tag_wrap .list{} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list .in .prod .tag_wrap .list .in_btn{background: #FAEBD7; color: #666; margin: 0 .25em .25em .25em; padding: .313em; border-radius: .5em; transition: .2s;} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list .in .prod .tag_wrap .list .in_btn:first-child{margin: 0 .25em .25em 0} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list .in .prod .tag_wrap .list .in_btn:last-child{margin: 0 0 .25em .25em; margin: 0} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list .in .prod .tag_wrap .list .in_btn > *{vertical-align: baseline;} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list .in .prod .tag_wrap .list .in_btn .xi{font-size: .688em;} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list .in .prod .tag_wrap .list .in_btn .tt{font-size: .625em; padding: 0 2px 0 3px;} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list .in .prod .tag_wrap .list .in_btn .num{font-size: .625em; } .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list .in .prod .tag_wrap .list .in_btn:hover{background: #999; color: #fff;} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list .in .prod .tag_wrap .list .in_btn.disable{background: #e1e1e1; color: #999;} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li:hover .in_list{background:#f4f6fb } .mainWrap .inner .conL .mainSearch_inn.on .mainSearch_conw{/*transform:translateY(0); */ /*opacity:1; display: block*/} .mainWrap .inner .conL .mainSearch_inn.on .input_st{border-radius: .750em .750em 0 0;} .mainWrap .inner .conL .mainSearch_inn input::-ms-clear, .mainWrap .inner .conL .mainSearch_inn input::-ms-reveal{ display:none; width:0; height:0;} .mainWrap .inner .conL .mainSearch_inn input::-webkit-search-decoration, .mainWrap .inner .conL .mainSearch_inn input::-webkit-search-cancel-button, .mainWrap .inner .conL .mainSearch_inn input::-webkit-search-results-button, .mainWrap .inner .conL .mainSearch_inn input::-webkit-search-results-decoration{display:none;} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list.disable{background: #ddd; cursor: inherit; opacity: .7;} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list.disable .in .prod .name_ti{color: #999} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list.disable .in .prod .type_ti{color: #999} .mainWrap .inner .conL .mainSearch_wrap .mainSearch_inn .mainSearch_conw .inn .list > li .in_list.disable .in .prod .tag_wrap .list .in_btn{background: #ccc; color: #666;} .mainWrap .inner .conR .in .steps_img_wrap{margin-bottom: 1em;} .mainWrap .inner .conR .inCon .ti{padding-bottom: .375em;} .mainWrap .inner .conR .inCon .tii{ font-size: 1.375em; font-size: 1.250em;} .mainWrap .inner .conR .inCon .xi{font-size:1.250em; padding-right: 5px} .mainWrap .inner .conR .inCon .tit_wrap{} .mainWrap .inner .conR .inCon .tit_wrap .ti{} .mainWrap .inner .conR .inCon .tit_wrap .moreBtn{border-radius: 100%; background: #313851; color: #fff; text-align: center; width: 1.5em; line-height: 1.5em;} .mainWrap .inner .conR .inCon .tit_wrap .moreBtn .btn{font-size: .875em; padding-right: 0;} .mainWrap .inner .conR .inCon .tit_wrap .moreBtn:hover{background: #f57d20} .mainWrap .inner .conR .inCon .conw{margin-bottom: 1.5em} .mainWrap .inner .conR .inCon.faqw{} .mainWrap .inner .conR .inCon.faqw .list{} .mainWrap .inner .conR .inCon.faqw .list > li{} .mainWrap .inner .conR .inCon.faqw .list > li .in{/*box-shadow: 0 0.25rem 0.5rem 0 rgb(0 0 0 / 8%); border: 1px solid #eee;*/ background: #f7f7f7; border-radius: .750em; padding: .750em 1em; margin-bottom: .5em; display: block; margin-left: 0;} .mainWrap .inner .conR .inCon.faqw .list > li .in .ti{font-size: .875em; padding-bottom: .5em; color: #333; line-height: 1.3; font-weight: 500; padding-bottom: 0} .mainWrap .inner .conR .inCon.faqw .list > li .in .tx .xi{font-size: .750em; color: #646464;} .mainWrap .inner .conR .inCon.faqw .list > li .in .tx .txx{font-size: .813em; color: #646464; line-height: 1.3;} .mainWrap .inner .conR .inCon.faqw .conw{margin-bottom: 0;} .mainWrap .inner .conR .inCon.noticew .list > li .in{/*box-shadow: 0 0.25rem 0.5rem 0 rgb(0 0 0 / 8%); border: 1px solid #eee;*/ background: #f7f7f7;border-radius: .750em; padding: .750em 1em; margin-bottom: .5em; display: block; margin-left: 0;} .mainWrap .inner .conR .inCon.noticew .list > li{} .mainWrap .inner .conR .inCon.noticew .list > li .in .ti{font-size: .875em; padding-bottom: 0; color: #333; line-height: 1.3;} .mainWrap .inner .conR .inCon.noticew .list > li:hover .in .ti{text-decoration: underline;} .mainWrap .inner .conR .bannerw{margin-top: 1em; width: 100%} .mainWrap .inner .conR .bannerw .bannerw_inner{border-radius: .75em; overflow: hidden;} .mainWrap .inner .conR .bannerw .bannerw_inner img{width: 100%} .mainWrap .inner .conR .bannerw .banner_in{background: #ddd; width: 100%; height: 500px; border-radius: .75em;} .mainWrap .inner .conR .bannerw .banner_in .tt{text-align:center; display: block; font-size: .938em; color: #555} /*inc*/ .page_sec0 { margin-top:0.5em !important;} .page_sec1{ margin-top:1em !important;} .page_sec2{ margin-top:21em !important;} .page_sec3{ margin-top:3em !important;} .page_sec4{ margin-top:4em !important;} .page_sec5{ margin-top:5em !important;} .pageMg{margin: 0 .5em;} .pagePD1{padding: 3em 0 !important} .tableBg{background: #f5f5f5 !important;} .file_update_hint{display: block; color: #777; text-align: right; font-size: .875em; margin: 1em 0 1.5em 0; line-height: 1.5; font-weight: 500} .file_update_hint.st1{text-align: left;} .file_update_hint.st2{margin: .25em 0 0 0; text-align: left;} .t_underline{text-decoration: underline;} .delivery_status_wrap{margin:1em 0;} .delivery_status_wrap.mg0{margin: 0;} .delivery_status_wrap.st1{margin: 0 0 1em 0;} .delivery_status_wrap .tit{padding-bottom: .75em;} .delivery_status_wrap .tit.pdb0{padding-bottom: 0;} .delivery_status_wrap .tit:last-child{padding-bottom: 0;} .delivery_status_wrap .tit .titt{} .delivery_status_wrap .tit .titt .xi{font-size: 1em; padding-right: 3px;} .delivery_status_wrap .tit .titt.st1{color: #666; font-size: .938em; padding-right: .5em;} .delivery_status_wrap .tit .titt.st2{color: #111; font-weight: 700; flex:1;} .delivery_status_wrap .btnw{} .delivery_status_wrap .btnw > div{margin: .15em;} .delivery_status_wrap .btnw > div.mgst{margin: .15em !important} .delivery_status_wrap .btnw > div:first-child{margin-left: 0;} .delivery_status_wrap .btnw > div:last-child{margin-right: 0;} .delivery_status_wrap .adm_tt{padding-top: .5em;} .delivery_status_wrap .adm_tt .tt{color: #555; font-size: .938em; padding-left: 5px;} .delivery_year_wrap{} .delivery_year_wrap .inner{} .delivery_year_wrap .inner .conIn{} .delivery_year_wrap .inner .conIn.st{margin: 0 .75em;} /*POPUP*/ .popWrap.popAgree{ width:50em;} .popWrap.popForm{ width:45em;} .popWrap.popView{ width:60em;} /*sub*/ .member_agree{padding-top: 1em;} .member_agree.mg1{margin-top: 1em;} .member_agree .agree{ padding:3em; border:solid #ddd; border-width:2px 1px 1px 1px; font-size:.875em; color:#777; line-height:1.3; box-shadow: 0 0 1em rgb(0 0 0 / 10%); border-radius: .5em;} .member_agree .agree.H{ padding:1em 1.5em; border-top-width:1px; height:10em; overflow-y:scroll; border-radius: .5em .5em 0 0} .member_agree .agree p{ padding:.25em 0; font-size: .938em;} .member_agree .agree *{ vertical-align:baseline;} .member_agree .agree strong{ color:#333;} .member_agree .agree_check{padding: 1em; border: 1px solid #ddd; border-top: none; background: #fff; border-radius: 0 0 .5em .5em;} .member_agree .member_agree_tit{font-size: .938em; padding-bottom: .313em;} .member_btn_wrap{ margin:1.5em 0 0 0; text-align:center;} .member_btn_wrap > li{flex:1 0 48%; max-width: 48%;} .member_btn_wrap .in{ } .member_btn_wrap .input_st{ width:100%; min-width:40% !important; border-radius: .375em} .member_btn_wrap .input_st.disabled{background: #e1e1e1; border-color: #e1e1e1; color: #999 !important} .member_btn_wrap.st1 > li{flex:1; max-width: 100%;} .pageLayout_wrap{box-shadow: 2px 2px 0.75em rgb(0 0 0 / 10%); box-sizing: border-box; padding: .5em; border-radius: .4em; box-shadow: 0 0 0.4em rgb(0 0 0 / 20%)} .pageLayout_wrap.pdst1{margin-top: 2em;} .pageLayout_wrap.stNo{box-shadow: inherit; padding: 0; border-radius: 0; padding: 0; } .pageLayout_wrap.st1{box-shadow: none; padding: 0; border-radius: inherit;} .pageLayout_wrap .inner{} .pageLayout_wrap .inner .con{} .pageLayout_wrap .inner .con .in{} .pageLayout_wrap .inner .prod_wrap{width:25em;} .pageLayout_wrap .inner .con_wrap{flex:1; min-width: 0;} /* .pageLayout_wrap .inner .prod_wrap .in{border: 1px solid #eee;} */ .pageLayout_wrap .inner .con_wrap .in{border: 1px solid #eee; margin-left: .5em;} .pageLayout_wrap .inner .con_wrap .in.lineno{border: none;} .pageLayout_wrap .inner .in .search_wrap{position: relative;} .pageLayout_wrap .inner .in .search_wrap .input_st{ font-size: .875em; background: #fafafa; border: 1px solid #eee; border-left: none; border-top: none; border-right: none;} .pageLayout_wrap .inner .in .search_wrap .xi{color: #999; position: absolute; content: ""; right: .5em; top: 50%; transform: translateY(-50%);} .pageLayout_wrap .inner .in .list_wrap{} .pageLayout_wrap .inner .in .list_wrap .in_list .list{width: 2em; height: 100%;} .pageLayout_wrap .inner .in .list_wrap .in_list{border-right: 1px solid #eee; /*height: 85vh; height: 104vh;*/} .pageLayout_wrap .inner .in .list_wrap .in_list .list > li{padding: .313em 0;} .pageLayout_wrap .inner .in .list_wrap .in_list .list > li > a{display: block; text-align: center; font-size: .938em; color: #333; } .pageLayout_wrap .inner .in .list_wrap .in_name{flex:1; min-width:0; height: 85vh; height: 104vh;} .pageLayout_wrap .inner .in .list_wrap .in_name.hst1{height: 55vh !important;} .pageLayout_wrap .inner .in .list_wrap .in_name .inn{height: calc(100% - .5em); box-sizing: border-box; } .pageLayout_wrap .inner .in .list_wrap.support_parts .in_name{height: auto} .pageLayout_wrap .inner .in .proNme{background: #f7f7f7; margin: .5em .5em 0 .5em; padding: .75em 1.5em; border-radius: .375em; text-align: center;} .pageLayout_wrap .inner .in .proNme.mg1{margin: 0 .5em .313em .5em} .pageLayout_wrap .inner .in .proNme .ti{font-weight: 700; font-size: 1em;} .pageLayout_wrap .inner .in .list_wrap .in_name .list{} .pageLayout_wrap .inner .in .list_wrap .in_name .list.pdl{padding-left: 1em;} .pageLayout_wrap .inner .in .list_wrap .in_name .list > li{padding: .313em 0;} .pageLayout_wrap .inner .in .list_wrap .in_name .list > li:hover{background: #f7f7f7} .pageLayout_wrap .inner .in .list_wrap .in_name .list > li > a{} .pageLayout_wrap .inner .in .list_wrap .in_name .list > li > a .img{width: 2.875em; position: relative; cursor: pointer;} .pageLayout_wrap .inner .in .list_wrap .in_name .list > li > a .imgg{width: 5em; position: relative; cursor: pointer;} .pageLayout_wrap .inner .in .list_wrap .in_name .list > li > a .img .layer{opacity: 0; visibility: hidden; overflow: hidden; position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; width: 80%; left:50%; transform:translateX(-50%); background: rgba(0, 0, 0, 0.5); transition: .3s;} .pageLayout_wrap .inner .in .list_wrap .in_name .list > li > a .img .layer .xi{color: #fff; font-size: 1em;} .pageLayout_wrap .inner .in .list_wrap .in_name .list > li:hover > a .img .layer{opacity: 1; visibility: visible;} .pageLayout_wrap .inner .in .list_wrap .in_name .list > li > a .tt{flex:1; min-width: 0;} .pageLayout_wrap .inner .in .list_wrap .in_name .list > li > a .tt .pro_name{font-size: .875em; color: #333;} .pageLayout_wrap .inner .in .list_wrap .in_name .list > li > a .tt .file_name{font-size: .938em; color: #333;} .pageLayout_wrap .inner .in .list_wrap .in_name .list > li > a .tt .num{font-size: .750em; padding-left: 3px; color: #555;} .pageLayout_wrap .inner .in .list_wrap .in_name .list > li > a.filev .tt{flex:inherit;} .pageLayout_wrap .inner .in .list_wrap .in_name .list > li > a .down{padding-right: .5em;} .pageLayout_wrap .inner .in .list_wrap .in_name .list > li > a .down .xi{font-size: 1.188em;} .pageLayout_wrap .inner .in .list_wrap .in_name .list > li:hover > a.filev .tt{text-decoration: underline;} .pageLayout_wrap .inner .in .list_wrap .in_name .list.filest > li {} .cartSt.pageLayout_wrap .inner .con_wrap{flex:inherit; min-width: inherit;} .cartSt.pageLayout_wrap .inner .con_wrap .in{margin-left: 0; /*padding:0 0 .5em 0;*/} .cartSt.pageLayout_wrap .inner .in .list_wrap .in_name{height: 100%; flex:inherit; min-width: inherit;} .cartSt.pageLayout_wrap .inner .in .list_wrap .in_name.hAuto{height: auto !important} .cartSt.pageLayout_wrap .inner .in .list_wrap .in_name .inn{height: 100%;} .cartSt.pageLayout_wrap .inner .in .list_wrap .in_name .inn.hAuto{height: auto !important} .cartSt.pageLayout_wrap .inner .in .list_wrap .in_name .parts_list_wrap{margin: 0;} .fileVersionCon_wrap{margin: 0 .5em .5em .5em} .pageLayout_wrap .inner .in .list_wrap .in_name .inn .fileVersion_wrap{} .pageLayout_wrap .inner .in .list_wrap .in_name .inn .fileVersion_wrap .fileVersionInner{border-radius: .375em; box-shadow: 2px 2px 0.75em rgb(0 0 0 / 10%); box-sizing: border-box; padding: .5em 1em; background: #fff; box-shadow: 2px 2px 0.375em rgb(0 0 0 / 15%);} .pageLayout_wrap .inner .in .list_wrap .in_name .inn .fileVersion_wrap .fileVersionInner:hover{background: #f7f7f7} .pageLayout_wrap .inner .in .list_wrap .in_name .inn .fileVersion_wrap.fileversionWrapOn .fileVersionInner{border-radius: inherit; box-shadow: none; padding: 0; background: none;} .pageLayout_wrap .inner .in .list_wrap .in_name .inn .fileVersion_wrap.fileversionWrapOn .con_top .pd_in .icon_w .xi:before{content:"\e946" } .pageLayout_wrap .inner .in .list_wrap .in_name .inn .fileVersion_wrap .con_top{} .pageLayout_wrap .inner .in .list_wrap .in_name .inn .fileVersion_wrap .con_top .pd_in{} .pageLayout_wrap .inner .in .list_wrap .in_name .inn .fileVersion_wrap .con_top .pd_in .ver_w{border: 1px solid #f57d20; border-radius: 10em; padding: .25em .5em; margin-right: .5em;} .pageLayout_wrap .inner .in .list_wrap .in_name .inn .fileVersion_wrap .con_top .pd_in .ver_w .ti{color: #f57d20; font-size: .813em;} .pageLayout_wrap .inner .in .list_wrap .in_name .inn .fileVersion_wrap .con_top .pd_in .file_w{} .pageLayout_wrap .inner .in .list_wrap .in_name .inn .fileVersion_wrap .con_top .pd_in .file_w .tx{font-size: .938em; color: #333;} .pageLayout_wrap .inner .in .list_wrap .in_name .inn .fileVersion_wrap .con_top .pd_in .icon_w{margin-left: auto;} .pageLayout_wrap .inner .in .list_wrap .in_name .inn .fileVersion_wrap .con_top .pd_in .icon_w .xi{} .pageLayout_wrap .inner .in .list_wrap .in_name .inn .fileVersion_wrap .con_mid{opacity: 0; visibility: hidden; display: none; background: #fafafa; padding: 1em; margin-top: .5em;} .pageLayout_wrap .inner .in .list_wrap .in_name .inn .fileVersion_wrap .con_mid .descriptCon{padding-bottom: 1.5em;} .pageLayout_wrap .inner .in .list_wrap .in_name .inn .fileVersion_wrap .con_mid .descriptCon > p{font-size: .875em; line-height: 1.4; color: #555;} .pageLayout_wrap .inner .in .list_wrap .in_name .inn .fileVersion_wrap .con_mid .passCon{} .pageLayout_wrap .inner .in .list_wrap .in_name .inn .fileVersion_wrap .con_mid .passCon .con_in{} .pageLayout_wrap .inner .in .list_wrap .in_name .inn .fileVersion_wrap .con_mid .passCon .con_in .inputw{} .pageLayout_wrap .inner .in .list_wrap .in_name .inn .fileVersion_wrap .con_mid .passCon .con_in .btnw{} .pageLayout_wrap .inner .in .list_wrap .in_name .inn .fileVersion_wrap .con_mid .passCon .con_in .btnw .tt{font-size: .938em !important} .fileversionWrap.fileversionWrapOn{border-radius: .375em; box-shadow: 2px 2px 0.75em rgb(0 0 0 / 10%); box-sizing: border-box; padding: .5em 1em; background: #fff; box-shadow: 2px 2px 0.375em rgb(0 0 0 / 15%)} .fileversionWrap.fileversionWrapOn .con_mid{opacity: 1 !important; visibility: visible!important; display: block!important} .pageLayout_wrap .inner .con_wrap .in .mdeia_wrap{margin: 0 .5em;} .pageLayout_wrap .inner .con_wrap .in .mdeia_wrap .list{margin: 0 0 -.75em -.75em;} .pageLayout_wrap .inner .con_wrap .in .mdeia_wrap .list > li{flex:1 0 33.33%; max-width: 33.33%;} .pageLayout_wrap .inner .con_wrap .in .mdeia_wrap .list > li .in{margin: 0 0 .75em .75em; display: block; position: relative;} .pageLayout_wrap .inner .con_wrap .in .mdeia_wrap .list > li .in .photo{} .pageLayout_wrap .inner .con_wrap .in .mdeia_wrap .list > li .in .layerw{opacity: 0; visibility: hidden; overflow: hidden; position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); transition: .3s;} .pageLayout_wrap .inner .con_wrap .in .mdeia_wrap .list > li .in .layerw .tx{color: #fff; font-size: .813em; line-height: 1.4;} .pageLayout_wrap .inner .con_wrap .in .mdeia_wrap .list > li:hover .in .layerw{opacity: 1; visibility: visible; } .pageLayout_wrap .inner .in .list_wrap .in_name .parts_list_wrap {margin: 0 .5em; /*border-bottom: 1px solid #eee;*/ /*height: calc(70vh - 0.750em);*/} .pageLayout_wrap .inner .in .list_wrap .in_name .parts_list_wrap.heightYes{height: calc(68vh - 0.750em);} /* .pageLayout_wrap .inner .in .list_wrap .in_name .parts_list_wrap.hst1{height: calc(50vh - 0.750em)} */ .pageLayout_wrap .inner .in .list_wrap .in_name .parts_list_wrap.hst2{height: calc(31vh - 0.5em)} .pageLayout_wrap .inner .in .list_wrap .in_name .partsTable thead th{font-size: .875em; color: #222; font-weight: 700;} .pageLayout_wrap .inner .in .list_wrap .in_name .partsTable.st1 thead th{font-size: .813em;} .pageLayout_wrap .inner .in .list_wrap .in_name .partsTable .tt{font-size: .875em !important; color: #333;} .pageLayout_wrap .inner .in .list_wrap .in_name .partsTable .name.tt{} .pageLayout_wrap .inner .in .list_wrap .in_name .partsTable .name.tt.st1{color: #777; font-size: .813em; padding-top: .25em} .pageLayout_wrap .inner .in .list_wrap .in_name .partsTable .name.col{color: #f57d20; font-weight: 500} .pageLayout_wrap .inner .in .list_wrap .in_name .partsTable.fontNo .tt{font-size: .875em !important; color: #2d3951 !important; font-weight: 400 !important;} .pageLayout_wrap .inner .in .list_wrap .in_name .partsTable.fontNo .ti .tt{font-size: .938em !important; color: #111} .pageLayout_wrap .inner .in .list_wrap .in_name .partsTable .tt.col{color: #d30303!important; font-weight: 700!important;} .pageLayout_wrap .inner .in .list_wrap .in_name .parts_list_wrap .img{width: 4em; position: relative; cursor: pointer;} .pageLayout_wrap .inner .in .list_wrap .in_name .parts_list_wrap .img .layer{opacity: 0; visibility: hidden; overflow: hidden; position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; transition: .3s; background: rgba(0,0,0,.6);} .pageLayout_wrap .inner .in .list_wrap .in_name .parts_list_wrap .img .layer .xi{color: #fff; font-size: 1.5em;} .pageLayout_wrap .inner .in .list_wrap .in_name .parts_list_wrap .img:hover .layer{opacity: 1; visibility: visible; } .pageLayout_wrap .inner .in .list_wrap .in_name .partsTable td.parts_no .tt{font-size: .750em !important} .parts_add_wrapIn{} .pageLayout_wrap .inner .in .list_wrap .in_name .parts_add_wrap{} .pageLayout_wrap .inner .in .list_wrap .in_name .parts_add_wrap .pd_in{} .pageLayout_wrap .inner .in .list_wrap .in_name .parts_add_wrap .pd_in .tblw{flex:1; min-width: 0; box-sizing: border-box;} .pageLayout_wrap .inner .in .list_wrap .in_name .parts_add_wrap .pd_in .btnw{width: 8em} .parts_total_wrap{margin: .5em} .parts_total_wrap.mG0{margin: .5em 0;} .parts_total_wrap .inner{box-shadow: 2px 2px 0.375em rgb(0 0 0 / 15%); background: linear-gradient(to bottom, #fff, #eaedf0); padding: 1em; border: 1px solid #eee;} .parts_total_wrap .inner > div{} .parts_total_wrap .inner .tw1{} .parts_total_wrap .inner .tw1 .t1{font-size: .813em; color: #444; color: #666;} .parts_total_wrap .inner .tw2{padding: 0 0 0 .5em } .parts_total_wrap .inner .total_tit{padding-right: .5em;} .parts_total_wrap .inner .total_tit > *{vertical-align: baseline;} .parts_total_wrap .inner .total_tit .t2 .xi{color: #d30303; font-size: 1.063em} .parts_total_wrap .inner .total_tit .t2 .num{font-size: 1.313em; color: #d30303; font-weight: 700;} .parts_total_wrap .inner .total_tit .xi{} .pageMember_wrap{width: 35em; margin: 1.5em auto; max-width: 100%; margin: 0 auto;} .pageMember_wrap .inner{box-shadow: 2px 2px 0.375em rgb(0 0 0 / 15%); box-sizing: border-box; border-radius: .375em; padding: 1em; box-shadow: 0 0 0.4em rgb(0 0 0 / 20%)} .pageMember_wrap .inner .tw{text-align: center; padding-bottom: 1em;} .pageMember_wrap .inner .tw.st1{background: #f5f5f5; border-radius: .25em; padding: .25em} .pageMember_wrap .inner .tw .tit{ font-size: 2.313em; padding-bottom: .25em; font-weight: 700} .pageMember_wrap .inner .tw .tit.st1{font-size: 1.75em;} .pageMember_wrap .inner .tw .tit.pd1{padding-bottom: 0;} .pageMember_wrap .inner .tw .txt{ font-size: .938em; color: #666; line-height: 1.4;} .pageMember_wrap .inner .tw .txt .xi{font-size: .875em; color: #444; padding-right: 3px;} .pageMember_wrap .inner .tw .txt.st1 .tt{font-size: .813em; font-weight: 400; color: #444} .pageMember_wrap .t_w{} .pageMember_wrap .t_w .tit{ font-size: 1.75em; padding-bottom: .5em; font-weight: 700} .pageMember_wrap .inner .memberform_w{} .pageMember_wrap .inner .memberform_w .form_in{} .pageMember_wrap .inner .memberform_w .form_in .form_list{} .pageMember_wrap .inner .memberform_w .form_in .form_list > li{position:relative; margin-top:.5em;} .pageMember_wrap .inner .memberform_w .form_in .form_list > li .xi.icon{position:absolute; z-index:2; top:0; left:0; width:3em; line-height:3em; text-align:center; font-size:1.188em; color:#888;} .pageMember_wrap .inner .memberform_w .form_in .form_list > li .inp{box-sizing:border-box; width:100%; height:3.5em; padding:2em 1em 2em 3.5em; background:#fff; border:1px solid #ddd; border-radius:.3em; color: #888; font-size: .875em} .pageMember_wrap .inner .memberform_w .form_in .form_list > li .inp2{box-sizing: border-box; width:100%; flex:1;} .pageMember_wrap .inner .memberform_w .form_in .form_list > li .inp2 .input_st{ border-radius: .3em;} .pageMember_wrap .inner .memberform_w .form_in .form_list > li .inp.st1{padding: 1em; height: inherit;} .pageMember_wrap .inner .memberform_w .form_in .form_list > li .tit{padding-bottom: .25em;} .pageMember_wrap .inner .memberform_w .form_in .form_list > li .tit.bg{background: #eee; padding: .313em .5em;} .pageMember_wrap .inner .memberform_w .form_in .form_list > li .tit .xi{padding-right: .25em; font-size: 1em;} .pageMember_wrap .inner .memberform_w .form_in .form_list > li .tit .tt{font-size: .875em; color: #777; line-height: 1.4;} .pageMember_wrap .inner .memberform_w .form_in .form_list > li.btn_w{} .pageMember_wrap .inner .memberform_w .form_in .form_list > li.btn_w .btn{ border-radius: .5em; text-align: center; font-size: 1em; padding: 1em;} .pageMember_wrap .inner .memberform_w .form_in .form_list > li.btn_w .btn.st1{ background: #f57d20; border: 1px solid #f57d20; color: #fff; width: 100%; } .pageMember_wrap .inner .memberform_w .form_in .form_list > li.btn_w .btn.st2{display: block; border: 1px solid #f57d20; background: #fff; color: #f57d20; margin-top: .5em;} .pageMember_wrap .inner .memberform_w .form_in .form_list > li.btn_w .btn.st3{display: block; border: 1px solid #f57d20; background: #f57d20; color: #fff; margin-top: .5em; width: 100%;} .pageMember_wrap .inner .memberform_w .form_in .form_list > li.btn_wrap{margin-top: .750em;} .pageMember_wrap .inner .form_txt{margin-top: 1em; background: #f5f5f5; padding: .25em .5em; border-radius: .375em; min-height: 3em;} .pageMember_wrap .inner .form_txt .xi{font-size: .875em; color: #888;} .pageMember_wrap .inner .form_txt .tt{font-size: .813em; line-height: 1.4; color: #888;} .pageMember_wrap .inner .memberfowm_w2 .formFind_list{padding-top: 1em;} .pageMember_wrap .inner .memberfowm_w2 .formFind_list > li{} .pageMember_wrap .inner .memberfowm_w2 .formFind_list > li > a{font-size: .938em; color: #666} .pageMember_wrap .inner .memberfowm_w2 .formFind_list > li:hover > a{color: #f57d20} .pageMember_wrap .inner .memberFin_wrap{} .pageMember_wrap .inner .memberFin_wrap .tw{padding-bottom: 1em;} .pageMember_wrap .inner .memberFin_wrap .tw .xi{background: #f5f5f5; width: 2em; line-height: 2em; border-radius: 100%; font-size: 1.5em; text-align: center; margin-bottom: .313em;} .pageMember_wrap .inner .memberFin_wrap .tw .tx{line-height: 1.6; font-size: 1.063em;} .pageMember_wrap .inner .memberFin_wrap .infow{margin: 1em 2em 0 2em;} .pageMember_wrap .inner .memberFin_wrap .infow .info{box-shadow: 1px 1px 0.5em rgb(0 0 0 / 10%); box-sizing: border-box; border-radius: .375em; overflow: hidden;} .pageMember_wrap .inner .memberFin_wrap .infow .info > li{} .pageMember_wrap .inner .memberFin_wrap .infow .info > li .in{border: 1px solid #e1e1e1; background: #f5f6f9} .pageMember_wrap .inner .memberFin_wrap .infow .info > li .in .tit{width: 7em; border-right: 1px solid #e1e1e1; padding: .938em; } .pageMember_wrap .inner .memberFin_wrap .infow .info > li .in .tit .tt{text-align: center; font-size: .875em;} .pageMember_wrap .inner .memberFin_wrap .infow .info > li .in .con{flex:1; min-width: 0;} .pageMember_wrap .inner .memberFin_wrap .infow .info > li .in .con .tt{} .pageMember_wrap .inner .memberFin_wrap .infow .info > li:first-child .in{border-bottom: none; border-radius: .375em .375em 0 0} .pageMember_wrap .inner .memberFin_wrap .infow .info > li:last-child .in {border-radius: 0 0 .375em .375em;} .pageMember_wrap.myinquirySt{width: 65em; align-items: flex-start !important; align-content: flex-start !important;} .pageMember_wrap.myinquirySt .inner{flex:1 0 48%; max-width: 48%; display: flex; flex-direction: column;} .myinquirySt{} .myinquirySt.conSt{} .myinquirySt .conL{flex:1;} .myinquirySt .conR{width: 27em !important; margin: inherit; max-width: inherit; position: fixed; content: ""; right: 0; bottom: 3.438em; z-index: 50;} .myinquirySt .conR .inner{border-radius: 1em 1em 0 0; height: 80vh; background: #fff; box-shadow: none; border: 1px solid #eee; box-shadow: 2px 2px 0.75em rgb(0 0 0 / 10%); border-radius: 1em 0 0 1em;} .parts_order_quickWrap{position: relative; transition: transform 0.6s cubic-bezier(0.71, 0.29, 0.27, 0.94) 0s;} .parts_order_quickWrap .icon_btn{background: #fff; border: 1px solid #eee; box-shadow: 2px 2px 0.75em rgb(0 0 0 / 10%); text-align: center; position: absolute; width: 3em; top: 50%; transform: translateY(-50%); left: -3em; border-right: none; border-radius: 2em 0 0 2em; color: #222} .parts_order_quickWrap .icon_btn .xi.icon{display: block; padding: .5em;} .parts_order_quickWrap .icon_btn .tt.icon{display: block; padding: 1em; vertical-align: baseline;} .parts_order_quickWrap .icon_btn .tt.icon .tx{display: inline-block; padding: .5em .125em .5em 0;} .parts_order_quickWrap .icon_btn .tt.icon .xi{font-size: 1.438em; position: relative; top: .2em;} .parts_order_quickWrap .icon_btn .icon.xi{display: block; opacity: 1;} .parts_order_quickWrap .icon_btn .icon.tt{display: none; opacity: 0;} .parts_order_quickWrap.on { transform: translateX(100%);} .parts_order_quickWrap.on .icon_btn{left: -14em; width: 14em; background: #f57d20; color: #fff;} .parts_order_quickWrap.on .icon_btn .icon.tt{display: block; opacity: 1;} .parts_order_quickWrap.on .icon_btn .icon.xi{display: none; opacity: 0;} .myinquirySt .pageMember_wrap{width: 100%;} .myinquirySt .pageMember_wrap.wd1{width: 40em;} .myinquirySt .pageMember_wrap .inner{padding: 1em; padding: 1em .75em;} /* .myinquirySt .cartSt.pageLayout_wrap .inner .in .list_wrap .in_name{height: 35vh;} */ .myinquirySt .pageMember_wrap .inner .memberform_w .form_in .form_list_w{flex:1; min-width: 0} .myinquirySt .pageMember_wrap .inner .memberform_w .form_in .form_list_w.pdst{padding-left: 1em;} .myinquirySt .pageLayout_wrap .inner .in .list_wrap .in_name .parts_list_wrap{border-bottom: none;} .serviceSt.pageMember_wrap{width: 100%;} .serviceSt.pageMember_wrap .inner{padding: 1em;} .serviceSt.pageMember_wrap .inner .memberform_w .form_in .form_list_w{flex:1; min-width: 0} .serviceSt.pageMember_wrap .inner .memberform_w .form_in .form_list_w.pdst{padding-left: 1em;} .myinquiry_view_info{} .myinquiry_view_info > li{flex:1 0 25%; max-width: 25%; display: flex; flex-direction: column;} .myinquiry_view_info > li .in{border: 1px solid #e1e1e1; padding: 1em .5em; background: #fafafa; text-align: center; margin-left: -1px; margin-bottom: -1px; height: 100%; display: flex; flex-direction: column; align-items: center; align-content: center;} .myinquiry_view_info > li .in .ti{font-size: .938em; padding-bottom: .5em; font-weight: 700;} .myinquiry_view_info > li .in .tt{font-size: .938em; color: #555; text-align: left;} .myinquiry_view_info.st1{border-top: 1px solid #e5e6eb; border-bottom: 1px solid #e5e6eb; padding: .75em; background: #fafafa} .myinquiry_view_info.st1.st2{border-top: none; border-bottom: none; background: none;} .myinquiry_view_info.st1.st2.st3{padding: .75em 0} .myinquiry_view_info.st1 > li{flex:1 0 50%; max-width: 50%; flex-direction: inherit;} .myinquiry_view_info.st1 > li .in{flex-direction: inherit; flex-wrap:wrap; border: none; background: none; margin-left: 0; margin-bottom: 0; height: inherit; padding: .5em 0;} .myinquiry_view_info.st1 > li .in .ti{width: 13em; text-align: left; padding-bottom: 0;} .myinquiry_view_info.st1 > li .in .tt{flex:1;} .myinquiry_view_info_tit{color: #222; font-weight: 500; font-size: 1.313em; border-bottom: 2px solid #252525; padding-bottom: .5em;} .myinquiry_view_info_tit.mgst1{margin-top: 1.5em;} .modifySt{} .modifySt.pageMember_wrap{width: 100%;} .modifySt.pageMember_wrap .inner{padding: 1em;} .modifySt.pageMember_wrap .inner .memberform_w .form_in .form_list_w{flex:1; min-width: 0} .modifySt.pageMember_wrap .inner .memberform_w .form_in .form_list_w.pdst{padding-left: 1em;} .pageAgree_wrap{box-sizing: border-box; box-shadow: 2px 2px 0.75em rgb(0 0 0 / 10%); padding: 1.5em; } .pageAgree_wrap.joinSt{padding: 0;} .pageAgree_wrap > p{font-size: .813em; line-height: 1.7; color: #555;} .pageAgree_wrap > p.bgt{background: #f5f5f5; border-radius: .5em; padding: 1em; color: #111; font-size: .938em; margin: 1em auto; text-align: center;} .pageAgree_wrap > p.bgt span{display: block; font-size: .938em;} .pageAgree_wrap b{font-weight: bold; color: #111; display: block; padding: 1em 0 .5em 0;} .pageAgree_wrap .mailtt{text-decoration: underline;} .pageAgree_wrap .homett{text-decoration: underline;} .pageAgree_wrap .icon{margin: 0 auto; border-radius: 100%; width: 5em; line-height: 5em; text-align: center; border: 1px solid #eee; box-shadow: 2px 2px 0.75em rgb(0 0 0 / 10%); } .pageAgree_wrap .xi{font-size: 1.875em;} .pageAgree_wrap ul {} .pageAgree_wrap ul > li{position: relative; padding-left: .750em; margin-bottom: 1em; font-size: .813em; font-weight: 400;} .pageAgree_wrap ul > li:before{position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: .313em; height: .313em; border-radius: 100%; background: #333} .pageAgree_wrap ul > li.ti{text-align: center; font-weight: 500; padding-bottom: .5em; font-size: 1.063em; padding: .75em 0;} .pageAgree_wrap ul > li.ti:before{display: none;} .pageAgree_wrap ul > li.ti.st1{text-align: left; } .pageCookie_wrap{} .pageCookie_wrap .con{} .pageCookie_wrap .con .tit{} .pageCookie_wrap .con .titw {} .pageCookie_wrap .con .titw > p{font-weight: 800; font-size: 1.5em;} .pageCookie_wrap .con .btnw{} .pageCookie_wrap .con .btnw > button{} .pageCookie_wrap .con .txt{} .pageCookie_wrap .con .txt > p{font-size: .875em; line-height: 1.5; padding-top: 1em;} .pageCookie_wrap .con .ti{font-weight: 700; padding: 2em 0 1em 0;} .pageCookie_wrap .con.v1{margin-bottom: .5em; box-shadow: 2px 2px 0.75em rgb(0 0 0 / 10%);} .pageCookie_wrap .con .in{} .pageCookie_wrap .con .in .cookieSt{border-top: none; font-size: inherit; font-family: inherit;} .pageCookie_wrap .con .in .cookieSt .list > li{border-radius: .25em; border: 1px solid #eee;} .pageCookie_wrap .con .in .cookeiConti{font-size: .938em; font-weight: 700} .pageCookie_wrap .con .in .cookeiConti.st{font-size: .875em; color: #f57d20; font-weight: 700} .pageCookie_wrap .con .in .cookeiContx{font-size: .875em;} .pageCookie_wrap .con .in .cookieSt .list > li.BStit .con .w_tit{padding: 1em;} .pageCookie_wrap .con .in .cookieSt .list > li.BScon{padding: 0;} .pageCookie_wrap .con .in .cookieSt .list > li.BStit.on{border-radius: .25em .25em 0 0;} .pageCookie_wrap .con .in .cookieSt .list > li.BScon.open{border-top: none !important; border-radius: 0 0 .25em .25em !important} .pageCookie_wrap .con .in .cookieBtn{} .pageCookie_wrap .con .in .cookieBtn .toggleSwitchBtn { width: 4em; height: 2em; display: block; position: relative; border-radius: 30px; background-color: #fff; box-shadow: 0 0 16px 3px rgba(0 0 0 / 15%); cursor: pointer; } .pageCookie_wrap .con .in .cookieBtn .toggleSwitchBtn .toggleButton{ width: 1.313em; height: 1.313em; position: absolute; top: 50%; left: 4px; transform: translateY(-50%); border-radius: 50%; background: #ddd;} .coockie_toggle:checked ~ .toggleSwitchBtn {background: #f57d20 !important; } .coockie_toggle:checked ~ .toggleSwitchBtn .toggleButton { left: calc(100% - 2em) !important; background: #fff !important;} .toggleSwitchBtn, .toggleButton {transition: all 0.2s ease-in;} .cookeiinner_con{text-align: left !important; padding: 0 1em 1em 1em} .cookeiinner_con .t1{color: #f57d20; text-decoration: underline; font-size: .875em;} .cookeiinner_con .t1 .xi{font-size: 1em;} .cookeiinner_con .cookeiList{} .cookeiinner_con .cookeiList > li{margin-bottom: .5em;} .cookeiinner_con .cookeiList > li .inner{ padding: 1em; background: #fff; box-shadow: 0 3px 0.375em rgb(0 0 0 / 15%); border-radius: .25em;} .cookeiinner_con .cookeiList > li .inner .tt1{padding-bottom: .5em; font-size: .875em;} .cookeiinner_con .cookeiList > li .inner .conw{background: #f9f5eb; border-radius: .25em;} .cookeiinner_con .cookeiList > li .inner .conw .pd_in{padding: 1em;} .cookeiinner_con .cookeiList > li .inner .conw .pd_in .inCon{padding-bottom: .313em;} .cookeiinner_con .cookeiList > li .inner .conw .pd_in .inCon:last-child{padding-bottom: 0} .cookeiinner_con .cookeiList > li .inner .conw .pd_in .inCon .tt{width: 8em; font-size: .750em; color: #555} .cookeiinner_con .cookeiList > li .inner .conw .pd_in .inCon .tx{flex:1; min-width: 0; font-size: .750em; color: #555} .pageOrder_btnwrap{margin: 0 0 1.5em 0;} .pageOrder_btnwrap .in {} .pageOrder_btnwrap .in .tit{padding-bottom: .5em; font-size: .938em; color: #2d3951} .pageOrder_btnwrap .in .list{margin: 0 0 -.5em -.5em;} .pageOrder_btnwrap .in .list > li{} .pageOrder_btnwrap .in .list > li .in{margin: 0 0 .5em .5em; } .pageOrder_btnwrap .in .list > li .inner{padding: .688em; border: 1px solid #2d3951; display: block; height: inherit; line-height: inherit;} .pageOrder_btnwrap .in .list > li:hover .inner{background: #2d3951; color: #fff !important; } .pageOrder_btnwrap_Bg{background: #f5f6f9; padding: 1.25em; border-radius: .5em; margin-bottom: 1em;} .pageOrder_btnwrap.st1{margin: 0} .pageOrder_btnwrap.st1.st2{margin: 0 0 1em 0;} .pageOrder_btnwrap.st1 .in .list > li .inner.re{color:#8491a7 !important; border: 1px solid #8491a7 !important;} .pageOrder_btnwrap.st1 .in .list > li:hover .inner.re{background:#2d3951; color: #fff !important; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{opacity: 1 !important} /*inquiry_fin*/ .inquiry_fin_w { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; background: rgba(0,0,0,.8); width: 100%; height: 100%; color: #FFF; } .inquiry_fin_w .inner { position: relative; width: 100%; height: 100%; } .inquiry_fin_w .inner .inquiry_fin { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #000; padding: 30px 70px; text-align: center; border-radius: 13px; } .inquiry_fin_w .inner .inquiry_fin .tt { line-height: 1.8; } .inquiry_fin_w .inner .inquiry_fin .info { display: inline-block; margin: 20px auto 5px auto; } .inquiry_fin_w .inner .inquiry_fin .info table { border-top: 1px solid #666; border-left: 1px solid #666; box-shadow: 0 0 6px rgba(255,150,0,.67); } .inquiry_fin_w .inner .inquiry_fin .info table tr { } .inquiry_fin_w .inner .inquiry_fin .info table tr th { border-right: 1px solid #666; border-bottom: 1px solid #666; padding: 13px 35px; font-size: .875em; color: #DDD; } .inquiry_fin_w .inner .inquiry_fin .info table tr td { border-right: 1px solid #666; border-bottom: 1px solid #666; padding: 13px 35px; font-size: .938em; font-weight: 700; color: #b1d8ff; } .inquiry_fin_w .inner .inquiry_fin .st { font-size: .813em; color: #f00; padding-top: 1em;} .inquiry_fin_w .inner .inquiry_fin .st p {line-height: 1.8; color: #f9d8be} .inquiry_fin_w .inner .inquiry_fin .close_btn { margin-top: 35px; } .inquiry_fin_w .inner .inquiry_fin .close_btn a { display: inline-block; width: 130px; height: 40px; line-height: 40px; border-radius: 40px; vertical-align: top; border: 1px solid #FFF; color: #FFF; font-size: .813em; transition: .3s; } .inquiry_fin_w .inner .inquiry_fin .close_btn a:hover { background: #FFF; color: #333; } .inquiry_fin_w .inner .inquiry_fin{width: 50.625em} /*view*/ .comment_area .comment_bottom .re_comm { text-align: left; } .board_comm_tit .c1 { vertical-align: baseline; } .board_view_top .tit { border-top: none; } .board_view_top .tit > span { vertical-align: baseline; } /*CSD*/ .csd_w .tab_w { font-size: 0; } .csd_w .tab_w .answer_tab { display: inline-block; font-size: 1rem; width: 170px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #ddd; box-sizing: border-box; margin-right: 10px; cursor: pointer; vertical-align: top; transform: translate(1px, 1px); position: relative; z-index: 2; } .csd_w .tab_w .answer_tab.on { font-weight: 700; color: #FFF; background: #de0034; border: 0; } .csd_w .tab_w .csd_tab { display: inline-block; font-size: 1rem; width: 170px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #ddd; box-sizing: border-box; cursor: pointer; vertical-align: top; transform: translate(1px, 1px); position: relative; z-index: 2; } .csd_w .tab_w .csd_tab.on { font-weight: 700; color: #FFF; background: #3d4fff; border: 0; } .csd_w .n_comment_w { border: 1px solid #eee; padding: 80px 30px 50px 30px; box-sizing: border-box; position: relative; background: #fff; border-top: none; padding: 1.5em 1em;} .csd_w .n_comment_w .answer_top { background: #de0034; text-align: center; padding: 20px; font-size: .938em; color: #FFF; position: absolute; top: 0; left: 0; width: 100%;} .csd_w .n_comment_w .answer_top.on { display: block; box-sizing: border-box;} .csd_w .n_comment_w .csd_top { background: #3d4fff; text-align: center; padding: 20px; font-size: .938em; color: #FFF; position: absolute; top: 0; left: 0; width: 100%; } .csd_w .n_comment_w .csd_top.on { display: block; } .csd_w .n_comment_w .user_top { text-align: center; } .csd_w .n_comment_w .user_top .inner { display: inline-block; padding: 32px 110px; line-height: 1.8; font-size: .938em; border: 1px solid #e4e4e4; background: #f7f9fc; border-radius: 10px; color: #6b6b6b; } .csd_w .n_comment_w .user_btm { position: absolute; left: 0; bottom: 0; width: 100%; padding: 16px 0; background: #e3f8ff; color: #7e7e7e; font-size: .875em; text-align: center; } .csd_w .n_comment_w .user_btm .fc { vertical-align: baseline; color: #0e6fff; } .csd_w article .cm_file_down { background: none!important; } .csd_w article .cm_file_down a { width: 60px; height: 60px; padding: 0!important; box-shadow: 0 1px 3px rgba(0,0,0,.3); background: #FFF; margin: 15px auto 0 auto; } .csd_w article .team_name { font-size: .938em; font-weight: 500; color: #01aaff; margin-bottom: 5px; } .csd_w .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-size: .938rem!important; font-weight: 600; color: #121212; } .csd_w article.left .cmt_contents { float: none!important; width: 100%!important; padding: 0 165px!important; line-height: 1.5!important; text-align: left; box-sizing: border-box; } .csd_w article.left .cmt_contents .csd_txt { display: inline-block; max-width: 780px; background: #d6f1ff; border-radius: 12px; margin-bottom: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.4); font-size: .938em; color: #333; position: relative; } .csd_w article.left .cmt_contents .csd_txt .inner{padding: 1em 1.5em;} .csd_w article.left .cmt_contents .csd_txt .date { position: absolute; right: 0%; bottom: 10px; transform: translate(100%, 0); padding-left: 10px; font-size: .875em; color: #999; } .csd_w article.left header { float: none!important; position: absolute; top: 0; left: 0; } .csd_w article.left .bo_vc_act { text-align: left; } .csd_w article .bo_vc_act li { display: inline-block; width: auto; height: auto; padding: 0; } .csd_w article .bo_vc_act li a { width: 44px; height: 44px; line-height: 42px; border-radius: 50%; padding: 0; color: #FFF; background: #ffae36; font-size: .875em; width: inherit; height: inherit; padding: .5em 2em; line-height: inherit; border-radius: 3em;} .csd_w article.right .cmt_contents { float: none!important; width: 100%!important; padding: 0 165px!important; line-height: 1.5!important; text-align: right; box-sizing: border-box; } .csd_w article.right .cmt_contents .csd_txt { display: inline-block; max-width: 780px; /*padding: 20px 30px; */ background: #ffeee1; border-radius: 12px; margin-bottom: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.4); font-size: .938em; color: #333; position: relative; text-align: left; } .csd_w article.right .cmt_contents .csd_txt .inner{padding: 1em 1.5em} .csd_w article.right .cmt_contents .csd_txt .date { position: absolute; left: 0%; bottom: 10px; transform: translate(-100%, 0); padding-right: 10px; font-size: .875em; color: #999; width: 7em;} .csd_w article.right header { float: none!important; position: absolute; top: 0; right: 0; } .csd_w article { border: 0!important; position: relative; margin: 0!important; } .csd_w .cm_file_down { margin-bottom: 0!important; } .csd_w .answer_con { display: none; } .csd_w .answer_con.on { display: block; } .csd_w .csd_con { display: none; } .csd_w .csd_con.on { display: block; } .csd_btn { padding: 0 35px!important; height: 50px!important; font-weight: 600!important; border-radius: 0!important; font-size: .938rem!important; } .required, textarea.required { background-image: url(../img/require.png) !important; background-repeat: no-repeat !important; background-position: right top !important;} /* 게시판 댓글 */ .cmt_btn{background:url('./img/cmt_btn.png') no-repeat 85px 8px; text-align:left; width:100% ;border:0; color:#ed6478; font-weight:bold; font-size:1.25em; margin: 30px 0 0px; padding:0 0 10px } .cmt_btn_op{background:url('./img/cmt_btn.png') no-repeat 85px -23px} /* 게시판 댓글 */ .cmt_btn{background:#fff; text-align:left; width:100%; border:0; color:#333; font-weight:bold; font-size:1.5em; margin: 30px 0 0px; padding:0 0 10px; display:block} #bo_vc {/*background: #fafafa; padding: .75em; border: 1px solid #e5e6eb; border-bottom: none;*/} #bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_vc article { min-height: 151px; margin:20px 0;position:relative; overflow:hidden;border-bottom:1px solid #eee; padding:10px 0;} #bo_vc article .profile_img img{border-radius:50%} #bo_vc header {float:left; width:158px; text-align:center; border:0;} #bo_vc .member_img {display:block;margin:10px 0;} #bo_vc .member_img img{display:block; margin:0 auto; width:80px;} #bo_vc header .icon_reply {position:absolute;top:15px;left:-20px} #bo_vc .member{font-size:0.875rem; font-weight:600; margin-bottom:3px; color:#646464; overflow:hidden; display:block;} #bo_vc .guest {display:block; margin-bottom:3px;} .cm_v_ip{font-size:0.75rem; color:#999; display:block; margin-bottom:3px;} #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-size:0.875rem;color:#646464;} #bo_vc .member .cmt_contents {background:#ddd;} .bo_vc_hdinfo{font-size:0.875rem;color:#999;display:block; margin-bottom:3px;} #bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_vc .cmt_contents {float:left; width:calc(100% - 158px); padding:0px 10px 10px; line-height:1.8em; overflow:hidden; } #bo_vc .cmt_contents.am_manager{background:#e8fdff;} #bo_vc .cmt_contents.guest{background:#eee;} #bo_vc .cmt_contents > p:first-of-type{width:100%;padding-right:50px; margin-bottom:30px; min-height:50px}; #bo_vc p a {text-decoration:underline} #bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479} #bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center} #bo_vc #bo_vc_winfo {float:left} .bo_vc_act {width:100%; overflow:hidden; text-align:right;} .bo_vc_act li {width:80px; display:inline-block; margin-bottom:10px; margin-bottom: 0;} .bo_vc_act li a{padding:5px; display:block; text-align:center; border:1px solid #eee; color:#646464;background:#fff;} /*댓글 작성자*/ .bo_vc_w {position:relative;margin:10px 0;display:block; overflow:hidden;} .bo_vc_w.st1{ background: #fafafa; border: 1px solid #eee; margin: 0; border-top: none; padding: .75em;} .bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .bo_vc_w #char_cnt {display:block;margin:0 0 5px} .bo_vc_w textarea{ width:calc(100% - 158px); float:left; border:1px solid #eee;background:#fff;color:#464646;vertical-align:middle;padding:5px;height:120px;} .bo_vc_w_info{width:146px; float:left; padding:0 10px; overflow:hidden; box-sizing: border-box;} .bo_vc_w_info > img{width:40px; vertical-align:middle; margin-bottom:5px;} .bo_vc_w_info .member_img{display:block; text-align:center; margin:10px 0;} .bo_vc_w_info .member_img img{width:80px;} .bo_vc_w_info .member{display:block; font-size:0.875rem; font-weight:400; color:#646464; text-align:center; margin-top:10px;} .bo_vc_w_info .guest_comment{font-size:3rem; color:#999; display:block; width:48px; margin:10px auto;} .bo_vc_w_info .frm_input{width:100%; border:1px solid #eee;} .bo_vc_w_info #captcha{padding-top:10px;display:block;clear:both} .bo_vc_w .btn_confirm{ width:100%; float:right;margin:10px 0 100px; text-align: center; margin: 10px 0 30px 0} .bo_vc_w .btn_confirm label{display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center;} .bo_vc_w_wr .file_comment{width:calc(100% - 158px); float:right;margin-top:10px; overflow:hidden;} .bo_vc_w_wr .file_wr{position:relative; float:left; width:50%; font-size:0.75rem; border-bottom:1px solid #eee;background:#fff;color:#646464;vertical-align:middle;padding:5px 0;height:40px;margin:0; text-align:left;} .bo_vc_w_wr .file_wr .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888} .bo_vc_w_wr .file_wr .frm_file {width:100%; height:100%; padding-left:50px;} .bo_vc_w .btn_submit{height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em; transition:.3s;} .bo_vc_w .btn_submit02{background:#bbb;} .bo_vc_w .btn_end{background:#f57d20;} .bo_vc_w_wr{overflow:hidden;width:100%; } .bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_w .inquiry_end{overflow:hidden; width:100%; text-align:center; padding:40px 0 10px; border-top:1px solid #eee;} .bo_vc_w .inquiry_end span{display:block; text-align:center; font-size:0.875rem; font-weight:400; color:#999; margin-bottom:30px; } #bo_vc_send_sns{display:inline-block;float:left} #bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1} #bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc_sns li {float:left;margin:0 5px 0 0} #bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px} #bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px} #bo_vc_sns .sns_li_off{background:#bbb} #bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;} #bo_vc_sns input {margin:0 5px 0 0 } /*글쓰기*/ #bo_w .write_div{margin:10px 0;position:relative} #bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""} #bo_w .bo_w_info .frm_input{float:left;width:33%} #bo_w #wr_password{margin:0 0.5% } #bo_w .wr_content.smarteditor2 iframe{background:#fff} #bo_w .bo_w_tit{position:relative} #bo_w .bo_w_tit .frm_input{padding-right:120px;} #bo_w .bo_w_tit #btn_autosave{position:absolute;top:5px;right:5px;line-height:30px;height:30px;} #bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background: #eee;text-align:center;color:#888} #bo_w .bo_w_link .frm_input{padding-left:50px} #bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888} #bo_w .bo_w_flie .frm_file{padding-left:50px;} #bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0} #bo_w .bo_w_flie .frm_input{margin:10px 0 0 } #bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d} #bo_w .bo_w_select select{border:1px solid #3497d9;height:40px;border-radius:3px} #upload_box { display: inline-block;border: none!important; width: 100%; margin-top: 1em;} #upload_box #sortable { border-radius: 0px!important; border: 1px solid #eee!important; margin: 0 auto!important; padding: 30px 20px!important; font-size: 1em!important; color: #999!important; font-weight: 400!important; text-align: center; box-sizing: border-box; background: #fff} #multi_upload .file_add_btn { display: inline-block!important; font-size: .813em!important; padding: 7px 15px!important; background: #0089ff!important; color: #FFF!important; border: 1px solid #0089ff!important; box-sizing: border-box!important;} #multi_upload .file_del_btn { display: inline-block!important; font-size: .813em!important; padding: 7px 15px!important; background: #e30000!important; color: #FFF!important; border: 1px solid #e30000!important; box-sizing: border-box!important;} #multi_upload button { cursor: pointer; outline: none;} #multi_upload .file_btn_w { margin-top: 10px;text-align: right;} .board_image_file { margin: 10px 0;} .board_image_file .va_wrap{ display:block; text-align:center; white-space: nowrap} .board_image_file .va_wrap:before{ content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%} .board_image_file .va{display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:100%; height:auto; white-space:normal} .board_image_file .va_wrap img{vertical-align:middle; display:inline-block; *display:inline; zoom:1; max-width:100%; max-height:100%} .board_image_file .img_w { font-size: 0; } .board_image_file .img_w .img { display: inline-block; width: 120px; height: 120px; border: 1px solid #DDD; overflow: hidden; } .board_image_file .img_w .img:not(:last-child) { margin-right: 4px; } .board_image_file .img_w .vvv_div { position: relative; } .board_image_file .img_w .vvv_div::before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); z-index: 1; } .board_image_file .img_w .vvv_div:after { content: "\ea3f"; font-family: 'xeicon'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2.75rem; color: #FFF; z-index: 3; } .image_view_comment { list-style-type: none; overflow:hidden; width:100%; border: 2px solid #dd6666; margin:0px 0px 20px 0px; padding:10px 10px 0px 10px; min-height:40px; border-radius:5px; } .image_view_comment li { display:inline-block; margin:0px 10px 8px 0px; width:150px; overflow:hidden; padding:0px; height:100px; border-radius:5px; } .image_view_comment li:hover { outline:3px solid #FF4A4A; border-radius:0px; } .image_view_comment img { width: 150px; margin:-20px 0px 0px 0px; cursor:pointer; } #inquiry_v_img {width:100%;overflow:hidden;zoom:1} #inquiry_v_img:after {display:block;visibility:hidden;clear:both;content:""} #inquiry_v_img a.view_image{display:block} #inquiry_v_img img {margin-bottom:20px;max-width:100%;height:auto} .inquiry_v_img .resize_file { cursor: pointer;} #file_view_bg { position: fixed; top: 0; left: 0; height: 100vh; width: 100%; background-color: rgba(0, 0, 0, 0.8); display: none; z-index: 99995; cursor: pointer;} #file_view_bg > .file_view_image { display: flex; /* max-width: 500px;*/ width: 100%; height: 100%; margin: 0 auto; align-items: center;} #file_view_bg > .file_view_image > div { flex: 1; width: 500px; height: 500px; text-align: center;} #file_view_bg > .file_view_video { display: flex; width: 100%; height: 100%; margin: 0 auto;} #file_view_bg img { height: 500px; width: auto; position: relative; z-index: 99999; margin: 0 auto;} #file_view_bg video { max-width: 100%; max-height: 100%; flex: 1; position: relative; z-index: 99999; margin: 0 auto;} .videoCon .va_wrap{ display:block; text-align:center; white-space: nowrap} .videoCon .va_wrap:before{ content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%} .videoCon .va{display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:100%; height:auto; white-space:normal} .videoCon .va_wrap img{vertical-align:middle; display:inline-block; *display:inline; zoom:1; max-width:100%; max-height:100%} .videoCon{ font-size: 0; margin-bottom: 1rem; } /* 수정 */ .videoCon .img{ display: inline-block; width: 120px; height: 120px; border: 1px solid #DDD; overflow: hidden; } .videoCon .img:not(:last-child) { margin-right: 4px; } .videoCon .vvv_div { position: relative; } .videoCon .vvv_div::before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); z-index: 1; } .videoCon .vvv_div:after { content: "\ea3f"; font-family: 'xeicon'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2.75rem; color: #FFF; z-index: 3; } .videoCon .img { cursor: pointer;} .videoCon .img .iii { width: 100%; height: auto; margin-left: 50%; transform: translate(-50%, -50%); margin-top: 50%;} #file_view_bg {position: fixed; top: 0; left: 0; height: 100vh; width: 100%; background-color: rgba(0, 0, 0, 0.8); display: none; z-index: 99995; cursor: pointer; justify-content: center; align-items: center;} #file_view_bg > .file_view_image { display: flex; max-width: 90%; max-height: 90%; margin: 0 auto; justify-content: center; align-items: center; background-position: center; background-size:contain; background-repeat: no-repeat;} #file_view_bg > .file_view_image > div {flex: 1;width: 500px;height: 500px; text-align: center;} #file_view_bg > .file_view_video { display: flex; width: 100%;height: 100%; max-width: 90%; max-height: 90%; margin: 0 auto; justify-content: center; align-items: center; background-position: center; background-size: contain; background-repeat: no-repeat;} #file_view_bg img { /* height: 500px; width: auto; */ /* width: 100%; transform: translate(0, 50%); position: relative; z-index: 99999; */ position: relative; z-index: 99999; max-height: 80%;} #file_view_bg video { max-width: 100%; max-height: 100%; flex: 1; position: relative; z-index: 99999;} /*loading_ani*/ .loading_ani_w {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;background: rgba(0,0,0,.8);width: 100%;height: 100%;color: #FFF;text-align: center;display: none;} .loading_ani_w .inner { position: relative; width: 100%; height: 100%; } .loading_ani_w .inner .loading_ani { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .loading_ani_w .inner .loading_ani .txt { font-size: 1.5em; font-weight: 500; margin-top: 10px; color: #fff4bc; } .loading_ani_w .inner .loading_ani .xi { font-size: 3em; color: #f57d20; } .page_memo_tw{padding-top: .75em;} .page_memo_tw.pt0{padding-top: 0;} .page_memo_tw .inn{padding-bottom: .5em; align-items: flex-start !important; align-content: flex-start !important;} .page_memo_tw .inn:last-child{padding-bottom: 0;} .page_memo_tw .inn > *{color: #444; } .page_memo_tw .inn .xi{padding-right: 3px; font-size: .875em;} .page_memo_tw .inn .tt{font-weight: 400; font-size: .938em;} .page_memo_tw.st2{padding-top: 0; margin: .5em; background: #f5f6f9; padding: .688em; border: 1px solid #eff1f5; border-radius: .5em;} .page_memo_tw.st2 .ti { padding-bottom: .5em;} .page_memo_tw.st2 .ti .xi{font-size: 1em; padding-right: 5px;} .page_memo_tw.st2 .ti .tt{font-size: .938em !important; color: #111;} .page_memo_tw.st2 .tt{font-size: .875em !important; color: #2d3951; margin-bottom: .375em; font-weight: 400 !important;} .page_memo_tw.st2 .tt:last-child{margin-bottom: 0;} .page_memo_tw.st2 .ttt{font-size: .875em !important; color: #2d3951; margin-bottom: .375em; font-weight: 400 !important;} .page_memo_tw.st2 .ttt:last-child{margin-bottom: 0;} .page_memo_tw.st2 .ttt.icon{color: inherit !important; font-weight: inherit !important; font-size: inherit !important;} .page_memo_tw.st2 .ttt.icon .one_tt{font-size: .875em !important; color: #2d3951; font-weight: 400 !important;} .page_memo_tw.st2 .ttt.icon .one_tt.strong{color: #dc232d; font-weight: 700 !important; text-decoration: underline;} .page_memo_tw.st2 .tt.lh{line-height: 1.4;} .page_memo_tw.st2 .tw{flex:1;} .page_memo_tw.st2 .icon{} .page_memo_tw.st2 .icon .xi{font-size: 1.750em; padding-right: .125em; color: #2d3951} .page_memo_tw.st2 .btn{margin-top: .5em;} .page_memo_tw.st2 .btn > a{width: 100%} .page_memo_tw.st2 .btn .input_st{color: #fff; } .page_memo_tw.st2 .btn .input_st .ttt{color: #fff !important; line-height: inherit !important; font-size: .938em !important} .board_st.fontNo{font-size: inherit;} .board_view_top.lineNo{border-bottom: none;} .dp1_myorder .board_view_top .tit{padding: 1em; font-size: 1.375em; font-weight: 500;} .delivery_info_wrap{margin-top: .5em;} .state_btnw{width: 100%; padding: .5em !important} .order_view_payment_all_wrap{} .order_view_payment_all_wrap_tit{color: #222; font-weight: 700; font-size: 1.313em; border-bottom: 2px solid #252525; padding-bottom: .5em;} .order_view_payment_all_wrap .line_in{padding: .75em 0 0 0;} .order_view_payment_all_wrap .time_tt{color: #666; align-content: flex-start !important; align-items: flex-start !important;} .order_view_payment_all_wrap .time_tt .xi{font-size: .938em; padding-right: 3px;} .order_view_payment_all_wrap .time_tt .tt{font-size: .938em;} .order_view_payment_wrap{margin: 1em 0;} .order_view_payment_wrap .in{} .order_view_payment_wrap .in .ti{} .order_view_payment_wrap .in .ti > p{} .order_view_payment_wrap .in .btn{} .order_view_payment_wrap .in .btn_in{gap:0 1em;} .order_view_payment_wrap .in .btn_in div{} .paymentSt{background: #f2f4f6 !important; border: 1px solid transparent !important; line-height: inherit !important; height: inherit !important; padding: 1.313em 3em !important; color: #4e5968 !important} .paymentSt:hover{border: 1px solid #111 !important} .paymentSt.st1{background:#999 !important; border: 1px solid #999 !important; line-height: inherit !important; height: inherit !important; padding: 1.313em 3em !important; color: #fff !important} .paymentSt.st1:hover{border: none !important;} .page_memo_wrap{margin-bottom: 1em;} .page_memo_wrap .inner{background: #f5f6f9; padding: .75em .5em; border-radius: .5em;} .page_memo_wrap .inner .tx_w{padding-bottom: .5em;} .page_memo_wrap .inner .tx_w:last-child{padding-bottom: 0;} .page_memo_wrap .inner .tx_w .tx{font-size: .938em; color: #2d3951; line-height: 1.4;} .page_memo_wrap .inner .tx_w .xi{font-size: 1em; color: #4e5968; color: #f57d20; width: 1.125em; padding-right: 1em} .comment_tab{background: #222; padding: .75em .75em 0 .75em;} .comment_tab .list{margin: 0 0 0 -.438em;} .comment_tab .list > li{} .comment_tab .list > li .tab_in{ display: block; margin: 0 0 0 .438em; padding:1em 1.5em; color: #ccc; background:rgba(255,255,255,.2)} .comment_tab .list > li .tab_in .tt{display: block; text-align: center; font-size: .938em;} .comment_tab .list > li.on .tab_in{background: #fff; color: #111;} /*관리자가 사용자에게 공개 클릭 시 나오는 팝업*/ .open_commnet_popWrap{} .open_commnet_popWrap .in_wrap{background: #fff; padding: 1.5em; box-sizing: border-box; width: 30em; max-width: 96%; border-radius: .5em;} .open_commnet_popWrap .in_wrap .tx_w{margin-bottom: .5em;} .open_commnet_popWrap .in_wrap .tx_w .tx{color: #111; line-height: 1.4; text-align: left; font-weight: 500} .open_commnet_popWrap .in_wrap .tx_w .tx.st1{font-size: .938em; color: #555; font-weight: 400;} .open_commnet_popWrap .in_wrap .comment{margin-top: 1.313em;} .open_commnet_popWrap .in_wrap .comment .comment_help{} .open_commnet_popWrap .in_wrap .comment .comment_help .tx{text-align: left; font-weight: 400; font-size: .813em; color: #666; padding-bottom: .25em;} .open_commnet_popWrap .in_wrap .adm_tt{padding: .25em 0 0 0;} .open_commnet_popWrap .in_wrap .adm_tt .tt{text-align: left; font-weight: 400; font-size: .813em; color: #666;} .open_commnet_popWrap .in_wrap .btn{margin-top: 1em;} .pageSteps_wrap{margin-bottom: 1em;} .pageSteps_wrap .inner{} .pageSteps_wrap .inner .tit{color: #191919; font-weight: 700; font-size: 1.25em;} .pageSteps_wrap .inner .in_wrap{margin-top: .5em;} .pageSteps_wrap .inner .in_wrap .list{margin: 0 0 0 -1.5em;} .pageSteps_wrap .inner .in_wrap .list > li{flex:1 0 12.5%; max-width: 12.5%; display: flex; flex-direction: column; position: relative;} .pageSteps_wrap .inner .in_wrap .list > li:after{position: absolute; content: "\ea3e"; top: 50%; transform: translateY(-50%); right: -1.25em; font-family: xeicon; color: #999} .pageSteps_wrap .inner .in_wrap .list > li:last-child:after{display: none;} .pageSteps_wrap .inner .in_wrap .list > li .in{margin: 0 0 0 1.5em; background: #f2f3f7; border-radius: .75em; padding: .75em .5em; display: flex; flex-direction: column; flex:1;} .pageSteps_wrap .inner .in_wrap .list > li .in .t1{} .pageSteps_wrap .inner .in_wrap .list > li .in .t1 .num{color: #9c9595; font-size: .875em;} .pageSteps_wrap .inner .in_wrap .list > li .in .t2{margin: .75em 0 1em 0} .pageSteps_wrap .inner .in_wrap .list > li .in .t2 .name{color: #fff; border-radius: 3em; padding: .25em .5em; font-size: .75em; text-align: center; border-radius: 3em;} .pageSteps_wrap .inner .in_wrap .list > li .in .t2 .name.bg1{background: #5d9be7} .pageSteps_wrap .inner .in_wrap .list > li .in .t2 .name.bg2{background: #f57d20} .pageSteps_wrap .inner .in_wrap .list > li .in .t_w{} .pageSteps_wrap .inner .in_wrap .list > li .in .t_w.st1{display: flex; align-items: center; align-content: center; height:100%; justify-content: center;} .pageSteps_wrap .inner .in_wrap .list > li .in .t_w .tt1{font-weight: 700; color: #303030; font-size: .875em; padding-bottom: .313em;} .pageSteps_wrap .inner .in_wrap .list > li .in .t_w .tt2{color: #4f4f4f; line-height: 1.4; font-weight: 400; font-size: .813em;} .pageSteps_wrap .inner .in_wrap .list > li:last-child .in .t_w .tt1{padding-bottom: 0;} .parts_steps_img_wrap{margin-bottom: 1em;} .block_tx{color: #f00; font-size: .875em;} .block_tx2{color: #888; font-size: .875em;} .layer_close_btn{position: absolute; content: ""; right: 3em; bottom: 3em; color: #fff; font-size: .813em; font-weight: 400} .partsTable_wd1{width: 35.5em !important} .partsTable_wd1 th{font-size: .75em !important} .icon_preview{margin-top: .5em;} /* jk custom */ .jk-gray-scale { filter: grayscale(1); opacity: 0.75; } .jk-discontinued { background: #000 !important; color: #fff !important; } .jk-discontinued-bold { font-weight: bold; } .pageLayout_wrap .inner .in .list_wrap .in_name .list > li > a .tt .pro_name2{font-size: .875em; color: #933; font-weight: bold;} .jk-discontinued-pro-name{font-size: .875em; color: #933; font-weight: bold;} /* jk custom end */ .prod_total_tit{padding-top: .5em;} .prod_total_tit .tt{font-size: .938em;} .prod_total_tit .num{font-size: .938em; font-weight: 600; color: #f57d20} /*rein add*/ .rein2025_parts_history_btn{ border:0; background:#Fff; } .rein2025_parts_history_btn:hover{ background:#eee; } .rein2025_parts_history_btn > img{ width:15px; padding:5px; } .rein2025_parts_history_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; } .rein2025_parts_history_modal_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } .rein2025_parts_history_modal_content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; min-height: 150px; background-color: white; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); overflow:hidden; } .rein2025_parts_history_modal_header { padding: 10px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; } .rein2025_parts_history_modal_header h3 { margin: 0; font-size: 14px; color: #333; } .rein2025_parts_history_modal_close { background: none; border: none; font-size: 18px; cursor: pointer; color: #999; padding: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; } .rein2025_parts_history_modal_close:hover { color: #333; } .rein2025_parts_history_modal_body { padding: 10px; font-size: 12px; color: #666; overflow-x: hidden; overflow-y: auto; height: 150px; } .rein2025_parts_history_modal_body ul { width:100%; } .rein2025_parts_history_modal_body li { display:block; padding:10px 0; font-size:14px; }