@charest "utf-8"; /*공통*/ .pagination-sm>li>a, .pagination-sm>li>span{padding:6px 12px; font-size:14px;} .responsive.is-mobile{font-size:12px;} @media (max-width:991px){ .pagination-sm>li>a, .pagination-sm>li>span{padding:4px 8px; font-size:12px;} } /*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ 공통 게시판 카테고리, 캡챠 ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/ .category_modify{width:100%; margin-bottom:20px;} .category_modify > ul.category_modify_ul{list-style:none; width:100%;} .category_modify > ul.category_modify_ul > li{display:inline-block;} .category_modify > ul.category_modify_ul > li > a{display:block; margin:0 20px; position:relative; font-size:16px; color:#444; padding:10px 0;} .category_modify > ul.category_modify_ul > li.active > a{color:#222; font-weight:500;} .category_modify > ul.category_modify_ul > li:last-child > a{margin:0 0 0 20px;} .category_modify > ul.category_modify_ul > li:first-child > a{margin:0 20px 0 0;} .category_modify > ul.category_modify_ul > li > a::after{content:""; width:1px; height:13px; background:#ccc; position:absolute; right:-20px; top:50%; transform:translateY(-50%);} .category_modify > ul.category_modify_ul > li:last-child > a::after{display:none;} .comment-box > div input, .comment-box > div button{height:auto;} @media (max-width:991px){ .category_modify{margin-bottom:10px;} .category_modify > ul.category_modify_ul > li > a{margin:0 10px; font-size:14px; padding:10px 0;} .category_modify > ul.category_modify_ul > li:last-child > a{margin:0 0 0 10px;} .category_modify > ul.category_modify_ul > li:first-child > a{margin:0 10px 0 0;} .category_modify > ul.category_modify_ul > li > a::after{right:-12px;} .at-html #captcha{width:100%; text-align:left;} .at-html #captcha #captcha_img{border:1px solid #dcdcdc; border-top-left-radius:8px; border-bottom-left-radius:8px; height:62px;} .at-html #captcha #captcha_mp3, #captcha #captcha_reload{left:160px;} .at-html #captcha #captcha_key{border:1px solid #dcdcdc; width:calc(100% - 192px); margin-left:28px; height:62px; border-top-right-radius:8px; border-bottom-right-radius:8px; margin-left:27px; font-size:14px;} .at-html #captcha #captcha_info{font-size:14px; color:#555; display:block; margin-top: 10px;} .at-html #captcha #captcha_info{font-size:12px; margin-top:5px;} .at-html #captcha.m_captcha audio{} .at-html #captcha.m_captcha #captcha_reload{left:auto; right:auto; top:auto; background:url('../../../img/captcha.png') no-repeat 0 -25px #e3e3e3; position:relative; height:40px;} .at-html #captcha.m_captcha #captcha_img{margin:0; width:120px; height:40px; float:left; border-top-left-radius:5px; border-bottom-left-radius:5px;} .at-html #captcha.m_captcha #captcha_key{width:calc(100% - 152px); margin-left:0; height:40px; border-left:0; border-top-right-radius:5px; border-bottom-right-radius:5px;} } /* 서브페이지 제목 폰트 html > page > top_banner.php*/ .sub_text{margin:70px 0;} .sub_text h1{font-size:38px; font-weight:600; color:#333; text-align:center;} .sub_text p{font-size:16px; color:#666; text-align:center; margin-top:25px;} .sub_menu_box .cate_ul{margin-bottom:70px; text-align:center} .sub_menu_box .cate_li{display:inline-block; width:14.375%; } .sub_menu_box .cate_li + .cate_li{margin-left:-4px} .sub_menu_box .cate_li.on{position:relative; z-index:2} .sub_menu_box .cate_li a{display:inline-block; width:100%; border:1px solid #e1e1e1; background-color:#fbfbfb; font-size:17px; line-height:57px; color:#666;} .sub_menu_box .cate_li.on a{border-color:#3a352c; background-color:#3a352c; font-weight:500; color:#fff;} /*상품리스트페이지 categey html > skin > apms > list > miso-baisc4 > category.skin.php */ .fix_category{width:100%;} .fix_category .list_category_ul{list-style:none; margin-bottom:70px;} .fix_category .list_category_ul > li{float:left; width:14.28571428571429%; margin-right:-1px; margin-bottom:-1px; z-index:1;} .fix_category .list_category_ul > li > a{display:inline-block;; width:100%; border:1px solid #e1e1e1; text-align:center; font-size:17px; color:#666; line-height:58px;} .fix_category .list_category_ul > li.active > a{border:1px solid #333; color:#333; font-weight:500 !important;} .fix_category .list_category_ul > li.active{position:relative; z-index:2;} .fix_category .list_sort{width:100%; border-top:1px solid #666; border-bottom:1px solid #e1e1e1; padding:20px 0; margin-bottom:40px;} .fix_category .list_sort .left_sort{float:left; font-size:16px; color:#666;} .fix_category .list_sort .left_sort span{font-weight:600;} .fix_category .list_sort .right_sort{float:right;} .fix_category .list_sort .right_sort > a{font-size:16px; color:#666; padding:0 10px;} .fix_category .list_sort .right_sort > a:first-child{padding:0 10px 0 0;} .fix_category .list_sort .right_sort > a:last-child{padding:0 0 0 10px;} .list-page{margin:60px 0 !important;} /*검색페이지 html > skin > apms > search > miso-basic4 > search.skin.php*/ .search_page{margin-bottom:42px; padding:54px 0; border-top:1px solid #222; border-bottom:1px solid #e1e1e1} .search_page .search_group + .search_group{margin-top:20px} .search_page .search_group:after{display:block; content:""; clear:both} .search_page .search_group .search_label{float:left; width:12.73%} .search_page .search_group .search_label b{position:relative; margin-left:22%; padding-left:16px; font-family:'Noto Sans KR'; font-size:19px; line-height:47px; color:#222} .search_page .search_group .search_label b:after{display:block; content:""; position:absolute; top:50%; left:0; width:2px; height:2px; margin-top:-1px; border-radius:2px; background-color:#222} .search_page .search_group .search_input{float:left; width:87.27%} .search_page .search_group .search_input input[type="text"]{height:auto; padding:0 10px; border:1px solid #d7d7d7; font-size:17px; line-height:45px; color:#999; -webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff} .search_page .search_group .search_input input[type="checkbox"]{display:none} .search_page .search_group .search_input input[type="checkbox"] + label span{display:inline-block; width:16px; height:16px; margin-right:1px; margin-bottom:4px; padding:0; vertical-align:middle; background:url('/img/search_check.png') no-repeat 0 0; cursor:pointer} .search_page .search_group .search_input input[type="checkbox"] + label{color:#222; padding-right:30px; padding-top:0; font-family:'Noto Sans KR'; font-size:18px; font-weight:400; line-height:47px; cursor:pointer; margin:0;} .search_page .search_group .search_input input[type="checkbox"]:checked + label span{background:url('/img/search_check_on.png') no-repeat;} .search_page .search_group .search_input > span{display:inline-block; width:3%; margin-left:-3px; font-size:17px; color:#999; text-align:center} .search_page .search_group .search_input .label-none{width:29%} .search_page .search_group .search_input .label-none:last-child{margin-left:-3px} .search_page .search_group .search_input .search_txt{display:inline-block; width:61%} .search_page .search_group .search_input .search_btn{display:inline-block; margin-left:6px; vertical-align:top} .search_page .search_group .search_input .search_btn button{width:175px; padding:0; } .search_page .search_group .search_input .search_btn button span{padding-right:30px; background:url('/img/btn_search.png') no-repeat 100% 50%; font-family:'Noto Sans KR'; font-size:17px; line-height:45px; color:#fff} .search_sort_wrap{text-align:right; margin-bottom:25px;} .search_sort_wrap .item_search_sort{display:inline-block; float:none; width:240px; border-bottom:1px solid #222} .search_sort_wrap .item_search_sort .input-group{display:block; width:100%; margin-bottom:0} .search_sort_wrap .item_search_sort select{display:block; width:100%; height:48px; border:0; background-color:#fff; font-size:17px; line-height:48px; /* -webkit-appearance:none; -moz-appearance:none; appearance:none; */} @media(max-width:991px){ .search_sort_wrap .item_search_sort { width: 80px; } .search_sort_wrap .item_search_sort select { height: 28px; font-size: 12px; } .search_page .search_group .search_input input[type="checkbox"] + label { line-height: 24px; } } /*기획전*/ .div-title-wrap{display:block; margin:0 0 28px} .div-title-wrap .div-title{float:none; display:block; margin:0; padding:0} .div-title-wrap .div-title > a{font-weight:600; font-size:28px; color:#222} .div-title-wrap .div-sep-wrap{display:none} .event_con{margin:30px 0} .ev_id_tit{padding:70px 0; text-align:center} .ev_id_tit .txt{font-weight:600; font-size:38px; color:#222} .sev_himg{margin-bottom:44px} /*상품상세페이지 html > skin > apms > item > miso-baisc4 > item.skin.php */ .item_detail .img-container{width:46.155%;} .item_detail .item-head{border:0; margin-bottom:100px; background:#fff !important} .item_detail .label-band{display:none} .item_detail #sit_pvi{padding:0px; width:100%} .item_detail #sit_pvi_thumb{padding:20px 0; margin:0 auto; border:1px solid #e5e5e5;} .item_detail #sit_pvi_thumb a{margin:0 7px 0} .item_detail #sit_pvi_thumb img{border:1px solid transparent} .item_detail #sit_pvi_thumb img:hover{border:1px solid #9fc13c} .item_detail .item-head .text{padding:0; padding-left:70px} .item_detail .label-tack{position:static; padding-bottom:20px} .item_detail .label-tack img + img{margin-left:5px} .item_detail .item-head h1{color:#222; margin:0; line-height:1.4; font-size:24px; font-weight:500; letter-spacing:-0.5px;} .item_detail .item-head .desc{font-size:18px; line-height:1.4; color:#666; padding-top:5px;} .item_detail .item-head .price{margin-top:30px; margin-bottom:27px} .item_detail .item-head .price > .pull-right{display:none} .item_detail .item-head .price > .pull-left{position:relative} .item_detail .item-head .pull-left b{ font-weight:500; font-size:30px; color:#222} .item_detail .item-head .pull-left strike{font-size:20px; color:#666} .item_detail .item-head .pull-left .unit{font-size:26px} .item_detail .item-head .price .dc{display:none} .item_detail .item-head .option-line{margin-bottom:0} .item_detail .item-head .option-tbl{margin-bottom:15px; font-size:15px; color:#222} .item_detail .item-head .option-tbl th{width:150px; padding-top:15px; } .item_detail .item-head .option-tbl td{padding-top:15px; font-weight:400;} .item_detail .item-head .option-tbl select.input-sm{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff} .item_detail .list-group-item{padding:15px 19px; border: 1px solid #f1f1f1; background:#fafafa} .item_detail .list-group-item .col_tit{width:100%; padding-bottom:15px} .item_detail .list-group-item .col_count{width:150px} .item_detail .item-head .list-group-item .col-sm-6 input{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff} .item_detail .item-head .list-group-item .col-sm-5 input, .item_detail .item-head .list-group-item .col-sm-5 input{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff} .item_detail .list-group-item .row .col-sm-7{width:44.333333%; line-height:30px} .item_detail .list-group-item .row .col-sm-5{width:55.666667%} .item_detail .item-head .it_opt_subj{font-size:16px; line-height:1.2; color:#666} .item_detail .item-head .it_opt_prc{font-size:14px} .item_detail .item-head .price-sum{margin:33px 0; font-weight:400; font-size:20px; color:#222} .item_detail .item-head .price-sum b{margin-left:10px} .item_detail .item-head .price-sum span{font-weight:500; font-size:30px;} .item_detail .item-head ul.item-form-btn li{width:15.5%; padding:0} .item_detail .item-head ul.item-form-btn li.btn_b{width:50%} .item_detail .item-head ul.item-form-btn li.btn_one{width:100%} .item_detail .item-head ul.item-form-btn li.btn_txt{width:100%; font-size:15px; color:#333; text-align:right} .item_detail .item-head ul.item-form-btn li a{padding:0; border:1px solid #222; font-weight:500; font-size:16px; line-height:55px} .item_detail .item-head ul.item-form-btn li input{padding:0; font-weight:500; font-size:18px; line-height:55px; color:#fff} .item_detail .item-head .pull-left span.dc_percent{display:inline-block; width:50px; height:25px; line-height:23px; color:#ff0000; position:relative; top:-3px; font-size:15px; border:1px solid #ff0000; text-align:center; border-radius:10px; font-weight:500; margin-left:5px;} .item_detail .item-tab .tabs .tab-content{border:0} .item_detail_tab .tab-content>.tab-pane{display:block} .item_detail .item_detail_tab .tabs_box.fixed{position:fixed; top:0; left:50%; z-index:10; width:1300px; max-width:100%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); } .item_detail .item_detail_tab .tabs ul.tabs-top{display:inline-block; width:100%; border:0; margin:0} .item_detail .item_detail_tab .tabs ul.tabs-top li{width:25%; margin:0; text-align:center; cursor:pointer} .item_detail .item_detail_tab .tabs ul.tabs-top li span{display:block; padding:0; border:1px solid #d7d7d7; background:#fff; font-size:16px; line-height:58px} .item_detail .item_detail_tab .tabs ul.tabs-top li + li span{border-left:0} .item_detail .item_detail_tab .tabs ul.tabs-top li .orangered{font-weight:400; color:#333} .item_detail .item_detail_tab .tabs ul.tabs-top li.on .orangered{font-weight:500; color:#fff} /* .item_detail .item_detail_tab .tab_delivery{display:inline-block; width:25%; margin-left:-4px; vertical-align:top; text-align:center; cursor:pointer} .item_detail .item_detail_tab .tab_delivery span{display:block; padding:0; border:1px solid #d7d7d7; background:#f4f4f4; font-size:16px; line-height:58px; color:#666} .item_detail .item_detail_tab .tab_delivery.on span{border-bottom:0; background:#fff; font-weight:600; color:#000} */ .item_detail .panel{margin-bottom:20px} .item_detail .link_con{margin-top:30px} .item_detail .link_con.it_detail_qa{margin-bottom:30px} .item_detail .tab_etc{/* display:none; */ margin-bottom:50px} .item_detail .use-btn{margin:30px 0 10px} .item_detail .item_rel_tit{padding:20px 0; border-top:1px solid #666; border-bottom:1px solid #e1e1e1} .item_detail .banner_join.view_mob{display:none} .item_detail .banner_join{margin-bottom:10px; background-color:#f56a53; text-align:center; } .item_detail .banner_join > a{display:inline-block; padding:19px 0; font-size:18px; color:#fff} .item_detail .banner_join > a > span{display:inline-block; font-weight:500; color:#f5ff85} /* 구매버튼 변경 */ .item_detail .pay_con{padding-left:0px} .item_detail .pay_con .btn_payview{display:none} .item_detail .pay_con .pay_tab > label{display:inline-block; width:150px; font-size:15px; line-height:35px} .item_detail .pay_con .pay_tab > select.input-sm{display:inline-block; width:calc(100% - 150px); height:auto; margin-left:-4px; font-size:15px; -webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff} .item_detail .pay_con .list-group-item{margin-top:10px} @media(max-width:991px){ .item_detail .pay_con{position:fixed; left:0; bottom:0; z-index:100; width:100%; padding-left:0;} .item_detail .pay_con .btn_payview{display:block; position:relative; height:10px; margin-bottom:-1px; border-top:1px solid #333; background-color:#fff; text-align:center} .item_detail .pay_con .btn_payview > a{display:inline-block; position:absolute; top:-19px; left:50%; height:19px;/* margin-bottom:-1px; */ transform:translateX(-50%)} .item_detail .pay_con .btn_payview > a:after{display:block; content:""; position:absolute; bottom:-2px; left:0; width:100%; height:2px; background-color:#fff} .item_detail .pay_con .btn_payview > a img{display:inline-block; height:100%} .item_detail .pay_con .pay_tab{display:none; padding:5px 15px 15px; background-color:#fff} .btn_naverpay{margin:0 !important} .btn_naverpay_pc{display:none} .btn_naverpay_mob{display:block} .pay_con .npay_txt{margin-bottom:5px; font-size:12px} } .btn_naverpay_mob{display:none;} .pay_con .npay_txt{margin-bottom:10px; font-size:14px; text-align:center} .pay_con .npay_txt > span{font-weight:500} .pay_con .npay_txt > span.color{color:#00bd39} .btn_naverpay .npay_type_A_2{width:100% !important} .m-review-panel { border: 1px solid #ddd; /* padding: 30px 0; */ overflow: hidden; margin-bottom: 40px; } .m-review-panel .review-body { display: table; width: 100%; table-layout: fixed; } .m-review-panel .review-body > div { display: table-cell; width: auto; border-right: 1px solid #ddd; padding: 0 25px; text-align: center; vertical-align: middle; } .m-review-panel .review-body > div:last-of-type { border-right: 0; } .m-review-panel .review-body .cnt-wrap { position: relative; padding: 0; } .m-review-panel .review-body > div .table-row { display: table; width: 100%; } .m-review-panel .review-body > div .table-row .table-cell { display: table-cell; width: 50%; padding: 40px 25px; vertical-align: middle; } .m-review-panel .review-body > div .table-row .table-cell ul { height: 100px; width: 100%; max-width: 200px; margin: 0 auto 30px; } .m-review-panel .review-body > div .table-row .table-cell ul li { list-style: none; float: left; position: relative; width: 10px; height: 100%; margin: 0 15px; } .m-review-panel .review-body > div .table-row .table-cell ul li:before { position: absolute; left: 0; bottom: 0; content: ""; width: 10px; height: 100%; background-color: #ddd; border-radius: 10px; z-index: 1; } .m-review-panel .review-body > div .table-row .table-cell ul li:after{position: absolute; bottom: 0; left: 0; height: 0%; width: 10px; background-color: #999; content: ""; border-radius: 10px; z-index: 2;} /* .m-review-panel .review-body > div .table-row .table-cell ul li.active:before{height:70%;} */ .m-review-panel .review-body > div .table-row .table-cell ul li.active:before{height:100%; background-color:#ddd !important} .m-review-panel .review-body > div .table-row .table-cell ul li.active .top_point { background-image: url(/img/point_background.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: bottom; display: inline-block; color: #fff; position: absolute; top: 0; left: -2px; padding: 0 2px; border-radius: 5px; font-size: 13px; width: 16px; height: 26px;} .m-review-panel .review-body > div .table-row .table-cell ul li .point_num { position: absolute; bottom: -30px; display: inline-block; width: 30px; left: -10px; font-size:14px; } .m-review-panel .review-body .cnt-wrap:after { position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background-color: #ddd; content: ""; } .m-review-panel .review-body .cnt-wrap .grade_star { max-width: 170px; width: 100%; margin: 0 auto; font-size:30px;} .m-review-panel .review-body .cnt-wrap .grade_star img { width: 18%; float: left; margin-right: 1.25%; } .m-review-panel .review-body .cnt-wrap .grade_num .grade { margin: 0 0 10px; font-size: 26px; font-weight: 500; color: #222222; text-align: center; } .m-review-panel .review-body .cnt-wrap .grade_num .grade .cur { font-size: 38px; font-weight: 700; color: #222222; } .m-review-panel .review-body .item-simple-review { width: 350px; } .m-review-panel .review-body .item-simple-review .simple-wrap { display: table; width: 100%; margin-bottom: 10px; } .m-review-panel .review-body .item-simple-review .simple-wrap > div { display: table-cell; vertical-align: middle; } .m-review-panel .review-body .right { width: 270px; } .m-review-panel .review-body .item-simple-review .simple-wrap .s-label { width: 120px; } .m-review-panel .review-body .item-simple-review .simple-wrap .s-label span { font-size: 16px; line-height: 30px; width: 80px; margin: 0 10px; border: 1px solid #111; border-radius: 50px; display: inline-block; text-align: center; } strong, b { font-weight: 600; } .m-review-panel .review-body .right ul li { list-style: none; float: left; margin-bottom: 5px; margin-right: 5px; width: 50px; height: 50px; background-color: #fff; } .review-photo-btn { border: none; background-color: transparent; } .review-photo-btn.on { color: #dd961c; } /*상품 상세페이지 리뷰, 문의 커스텀*/ .responsive .fix_panel{border:0;} .responsive .fix_panel .fix_panel_head{font-size:30px; color:#222222; font-weight:500; padding-bottom:20px; } .responsive .fix_panel .panel-body{padding:0;} .responsive .fix_panel .m-review-panel{border:0; border-bottom:1px solid #d7d7d7; border-top:2px solid #222;} .responsive .fix_panel .m-review-panel .grade_total{color:#222222; font-size:18px; font-weight:600;} .responsive .item-simple-review{width:100%;} .responsive .item-simple-review .simple_wrap{display:table; margin-bottom:20px;} .responsive .item-simple-review .simple_wrap:last-child{margin-bottom:0;} .responsive .item-simple-review .simple_wrap > div{display:table-cell; vertical-align:middle;} .responsive .item-simple-review .simple_wrap > div.left_text{width:70px; text-align:left; font-size:16px; color:#222222; font-weight:600;} .responsive .item-simple-review .simple_wrap > div.center_icon{width:155px; text-align:left; color:#222222; font-size:15px;} .responsive .item-simple-review .simple_wrap > div.center_icon img{display:inline-block; margin-right:6px;} .responsive .item-simple-review .simple_wrap > div.right_text{width:100px; text-align:right; color:#222222; font-size:15px;} .responsive .review_btn{text-align:center;} .responsive .review_btn h3{font-size:20px; font-weight:600; margin-bottom:10px;} .responsive .review_btn a{width:155px; height:40px; line-height:40px; font-weight:600; color:#ffffff; font-size:16px; background:#222222; display:block; margin:0 auto; border-radius:10px;} .responsive .review_btn a img{display:inline-block; margin-right:10px; position:relative; top:-3px;} .responsive .photo_review{width:100%; margin-bottom:40px;} .responsive .photo_review ul{list-style:none;} .responsive .photo_review ul li{width:9%; float:left; margin-right:1.1111111111111%;} .responsive .photo_review ul li:last-child{margin-right:0;} .responsive .photo_review ul li img{width:100%;} .responsive .photo_review ul li.last_more_btn{height:100%; background:#6e6e6e; text-align:center; position:relative; /* min-height:117px; */} .responsive .photo_review ul li.last_more_btn > button{position:absolute; width:100%; height:100%; color:#fff; font-size:14px; left:0; top:0;} #itemuse .board-list li.off {display: none;} #itemuse hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; display: block; } #itemuse .list-board .board-list { position:relative; list-style: none; padding: 0px; margin: 0px; margin-bottom: 10px; } #itemuse .list-board .board-list li .score-txt { margin-left: 9px; color:#a4a4a4; display: inline-block;} #itemuse .list-board .board-list li .review-state { text-align: center;line-height: 17px;font-size: 10px;letter-spacing: -0.6px;color: #ffffff;padding: 0px 5px 0px 5px; background-color: rgba(0,0,0,0.74);} #itemuse .list-board .board-list li .detail-box {font-size: 12px;border: 1px solid #dadada;padding: 15px;margin-bottom: 18px;max-width: 800px; overflow:hidden;} #itemuse .list-board .board-list li .area-box > div:first-child {width: 120px;} #itemuse .list-board .board-list li .thumb-box {margin-top: 15px;display:inline-block;} #itemuse .list-board .board-list li .thumb-img {display: inline-block; margin-right: 10px;} #itemuse .list-board .board-list li .more-btn {color:#cccccc;margin: 10px 0 5px;font-weight: 600;display: inline-block;cursor: pointer;} #itemuse .list-board .board-list li {padding-top: 20px; position:relative; } #itemuse .list-board .board-list li .user {position: absolute; top: 20px;right: 0;} #itemuse .edit-btn { position: absolute; right: 10px; bottom: 15px; font-size:12px; font-weight: 500; } #itemuse .like-box { display:inline-block; margin-left: 10px; } #itemuse .like-box button { margin-right: 3px; border: 1px solid #e2e2e2; background-color: #fff; width: 50px; height: 23px; color: #7b7b7b; transition: all 0.2s; -webkit-transition: all 0.2s; } #itemuse .like-box button:hover, #itemuse .like-box button.action {background: #5e5e5e !important; border-color: #5e5e5e !important; color: white !important;} #itemuse .like-count { display:inline-block; background: #5e5e5e; border: 1px solid white; min-width: 20px; /* height: 25px; */ line-height:23px; text-align: center; vertical-align:middle; padding: 0 8px 0 7px; color: #fff} .list-board .board-list li{padding:40px 0;} .list-board .board-list li.none{font-size:15px} .list-board .board-list li .content-box {width: 100%; max-width: 760px; margin:0} .list-board .board-list li .content-box.on .comment-box, .list-board .board-list li .content-box.on .detail-box {display: block;} .list-board .board-list li .content-box .comment-box { position: relative; border: 1px solid #e2e2e2; margin-top: 7px; margin-right: 30px; padding: 10px 15px; text-align: left; width:100%; display: none; } .item_detail .it_review_tit .user, .item_detail .it_review_tit .date{display:inline-block; margin-left:15px; font-weight:600; font-size:18px; line-height:1.2; color:#999;} .item_detail .board-list li .content-box .content_title{margin-bottom:10px; font-weight:600; font-size:18px; color:#222;} .item_detail .board-list li .content-box .content-txt{font-size:16px; color:#222;} .item_detail .board-list li .content-box .thumb-box{margin-top:36px} .item_detail .board-list li .content-box .thumb-box .thumb-img{display:inline-block} .item_detail .board-list li .content-box .thumb-box .thumb-img + .thumb-img{margin-left:13px} .item_detail .use-btn .btn-box .btn, #itemqa .qa-btn .btn-group .btn{padding:0 17px; border:0; border-radius:10px !important; background-color:#818181; font-weight:600; font-size:16px; line-height:40px; color:#fff} .item_detail .use-btn .btn-box .btn + .btn, #itemqa .qa-btn .btn-group .btn + .btn{margin-left:10px;} .item_detail .use-btn .btn-box .review_btn, #itemqa .qa-btn .btn-group .btn-color{background-color:#222} .item_detail .use-btn .btn-box .review_btn img, #itemqa .qa-btn .btn-group .btn-color img{display:inline-block; margin-top:-2px; margin-right:6px} .item_detail .use-btn .btn-box .review_btn img{margin-top:-5px} /* modal */ .modal-bg {position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);left: 0;top: 0;z-index: 10;visibility: hidden;opacity: 0;transition: 0.2s all ease-in;} .modal-bg.on {visibility: visible;opacity: 1;} .modal-box {position: fixed;left: 50%;top: 50%;z-index: 11;background-color: #fff;width: 100%;max-width: 1000px;visibility: hidden;opacity: 0; height:auto; transform: translate(-50%, -50%) translateZ(0) scale(1.0, 1.0);} .modal-box.on {visibility: visible;opacity: 1;} .modal-box .modal-img-box {width: 65%;} .modal-box .modal-img-box img {width: 100%;} .modal-box .modal-img {background-size: contain;background-position: top;padding-bottom: 100%;background-repeat: no-repeat;background-color: #231f1f; background-position: center center;} .modal-box .modal-content-head, .modal-box .review-box {margin-bottom: 15px;} .modal-box .modal-content-box {padding: 18px 20px;vertical-align: top;} .modal-box .item-img {width: 70px;height: 70px; } .modal-box .item-img img { max-width:100%; max-height:100%; } .modal-box .item-box {padding-left: 15px;position: relative;} .modal-box .left-box, .modal-box .right-box {float: left; height:100%; } .modal-box .left-box {width: calc(100% - 300px); padding:0 15px; border-right:1px solid #e5e5e5;} .modal-box .right-box {width: 300px;} .modal-box .modal-title {display: block;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden; position: absolute; top: 10px;} .modal-box .modal-score {line-height: normal;} .modal-box .modal-name {font-size: 12px;color: #adadad;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: absolute;bottom: 0;line-height: normal;} .modal-box .review-box {border: 1px solid #e7e7e7;padding: 8px 9px;line-height: 15px;color: #a4a4a4;font-size: 12px;} .modal-box .detail-box, .modal-box .modal-text-box {border-top: 1px dashed #ddd;padding: 15px 0px;} .modal-text-box {position: relative;padding-bottom: 30px!important;border-bottom: 1px dashed #ddd;} .modal-text {font-weight: 300;font-size: 13px; word-break: keep-all;} .modal-data {position: absolute;right: 0;bottom: 3px;color: #cbcbcb;font-size: 12px;} .modal-review {margin-bottom: 10px;} .modal-review .review-notice {font-size: 12px;} .modal-review .like-box {float: right;} .modal-review .like-box button {height: 23px;font-size: 11px; width: 35px;} .modal-comment-box {padding: 20px 0;} .modal-comment-box .comment-box {display: block;padding: 8px 8px;} .modal-comment-box .comment-box > div input { height: 25px;padding: 0 13px;font-size: 12px;padding-left: 5px;} .modal-comment-box .comment-box > div button {padding: 0;width: 50px;height: 25px;font-size: 12px;} .modal-comment-box .like-box {margin: 0;} .modal-box .close-btn {position: absolute;top: -33px;right: 0px;color: #fff;cursor: pointer;width: 30px;z-index: 10; font-size:26px;} .modal-box .close-btn img {width: 100%;} .modal-box .left-box, .slick-slider .slick-list, .slick-slider .slick-track, .slick-slide > div, .modal-box .modal-img {height: 100%;} .modal-box .table-box { display: table; width: 100%; } .modal-box .table-box > div { display: table-cell; } .modal-box .bx-wrapper { margin-bottom:0px !important; position:relative !important; border:0; box-shadow:none;} .modal-box .bx-wrapper .bx-pager { bottom: 15px !important; } /* 상품 상세 하단 리뷰 */ .item_detail .it_review_tit{margin-bottom:10px;} .item_detail .it_review_tit .thema-color{display:inline-block; font-size:24px; line-height:1;} .item_detail .it_review_tit .thema-color i + i{margin-left:4px;} /* .item_detail .modal-img-box.left-box{display:none;} */ .item_detail .modal-box .right-box{height:185px; /* width:100%; */} .item_detail .modal-box .review-box{border:1px solid rgba(255,255,255,0.3)} .item_detail .modal-box .modal-text{height:60px; color:#fff} .item_detail .modal-box{background-color:#fff;} .item_detail .modal-box .modal-img{background-color:transparent} .item_detail .list-board .board-list li .content-box{max-width:100%} .item_detail #itemuse .list-board .board-list li{padding-bottom:20px} .item_detail #itemuse .list-board .board-list li.none{ padding:50px 0; font-size: 15px; } .item_detail #itemuse .list-board .board-list li .user{position:static; /*width:100%*/ } .item_detail #itemuse .list-board .board-list li .user > div{display:inline-block} .item_detail #itemuse .list-board .board-list li .user > div + div{margin-left:15px} /*상품 리뷰 팝업*/ .review_modal{z-index:20; position:fixed; left:50%; top:50%; transform:translate(-50%, -50.2%); width:1100px; margin:0 auto; display:none; max-height:760px;} .review_modal.no_review_img{width:500px;} .review_modal.no_review_img .review_content .review_text_box{width:100%; float:none;} .review_modal .review_close_btn{position:absolute; right:0; top:-60px; display:inline-block; width:50px; height:50px; border-radius:50%; background:rgba(255,255,255,0.5); text-align:center;} .review_modal .review_close_btn img{position:relative; top:15px; width:20px;} .review_modal .review_content{width:100%; overflow:hidden; background:#fff; padding:20px; } .review_modal .review_content .review_img_box{width:70%; float:left; padding-right:3%; margin-right:3%; border-right:1px solid #e5e5e5; position:relative;} .review_modal .review_content .review_img_box .review_slider{width:100%; margin:0 auto;} .review_modal .review_content .review_img_box .review_slider .review_img{width:100%; background:none; outline:none;} .review_modal .review_content .review_img_box .review_slider .review_img img{max-width:100%; display:block; margin:0 auto;} .review_modal .review_content .review_img_box .review_slider .slick-dots{position:absolute; left:50%; transform:translateX(-50%); bottom:20px; text-align:center;} .review_modal .review_content .review_img_box .review_slider .slick-dots > li{display:inline-block; width:12px; height:12px; border-radius:50%; background:#fff; margin:0 7px; cursor:pointer;} .review_modal .review_content .review_img_box .review_slider .slick-dots > li button{display:none;} .review_modal .review_content .review_img_box .review_slider_btn{position:absolute; width:100%; top:50%; transform:translateY(-50%);} .review_modal .review_content .review_img_box .review_slider_btn > a{display:; position:absolute; width:30px; height:30px; background:rgba(255,255,255,0.5); border-radius:50%; text-align:center; outline:none; box-shadow:none;} .review_modal .review_content .review_img_box .review_slider_btn > a.review_slider_prev{left:10px; } .review_modal .review_content .review_img_box .review_slider_btn > a.review_slider_next{right:calc(3% + 20px);} .review_modal .review_content .review_img_box .review_slider_btn > a img{position:relative; top:5px;} .review_modal .review_content .review_text_box{width:24%; float:left;} .review_modal .review_content .review_text_box .text_box_top{width:100%; display:table;} .review_modal .review_content .review_text_box .text_box_top .left_img{display:table-cell; width:80px;} .review_modal .review_content .review_text_box .text_box_top .right_text{display:table-cell; width:calc(100% - 80px); vertical-align:top; position:relative;} .review_modal .review_content .review_text_box .text_box_top .right_text .item_star{} .review_modal .review_content .review_text_box .text_box_top .right_text .item_subject{font-size:12px; color:#333; font-weight:500;} .review_modal .review_content .review_text_box .text_box_top .right_text .item_name{font-size:10px; color:#999; position:relative; bottom:0; left:0;} .review_modal .review_content .review_text_box .review_good{margin-top:20px; padding-bottom:10px; border-bottom:1px solid #e5e5e5; margin-bottom:10px;} .review_modal .review_content .review_text_box .review_content_box{position:relative; border-bottom:10px; border-bottom:1px solid #e5e5e5; margin-bottom:10px;} .review_modal .review_content .review_text_box .review_content_box .review_txt_box{width:100%; height:150px; max-height:100%; overflow-x:hidden;} .review_modal .review_content .review_text_box .review_content_box .review_text{color:#666; font-size:12px; line-height:18px;} .review_modal .review_content .review_text_box .review_content_box .review_date{position:relative; right:0; bottom:0; padding:5px 0; color:#999; font-size:10px; text-align:right} .review_modal .review_content .review_text_box .review_good_btn_box{position:relative;} .review_modal .review_content .review_text_box .review_good_btn_box span{font-size:12px;} .review_modal .review_content .review_text_box .review_good_btn_box .review_good_btn{position:absolute; right:0; top:0;} .review_modal .review_content .review_text_box .review_good_btn_box .review_good_btn button:hover, .review_modal .review_content .review_text_box .review_good_btn_box .review_good_btn button.action {background: #5e5e5e !important; border-color: #5e5e5e !important; color: white !important; } .review_modal .review_content .review_text_box .review_good_btn_box button{width:50px; border:1px solid #e5e5e5; text-align:center; background:none; color:#333; font-size:12px; } .review_modal_bg{width:100%; height:100%; position:fixed; z-index:19; background:rgba(0,0,0,0.5); top:0; left:0; display:none;} /* 상품 상세 하단 문의 */ .qa_panel.panel{margin:0 0 45px; border:0;} .qa_panel.panel .panel-heading{margin:30px 0 18px; border:0; padding:0} .qa_panel .panel-heading h3{display:inline-block; font-weight:500; font-size:30px; line-height:1; color:#222} .qa_panel .panel-heading .help-block{display:inline-block; margin:0; margin-left:20px; font-size:16px; color:#666} .qa_panel .panel-heading .help-block .btn_color{color:#222} .qa_panel .panel-body{padding:0} .qa_panel .list-board .num{width:6%} .qa_panel .list-board .name{width:11%} .qa_panel .list-board .date{width:12%} .qa_panel .list-board .hit{width:10%} .qa_panel .div-head{padding:22px 0; border-top:2px solid #252525; border-bottom:1px solid #d7d7d7;} .qa_panel .div-head > span{border:0; font-weight:500; font-size:16px; color:#222;} .qa_panel .list-board .board-list{margin-bottom:40px; border:0;} .qa_panel .list-board .board-list li{padding:0; border-bottom:1px solid #d7d7d7;} .qa_panel .list-board .board-list li.none{padding:50px; font-size:15px} .qa_panel .list-board .board-list li > a{padding:22px 0} .qa_panel .list-board .board-list li > a > div{height:auto; line-height:1; padding:0; font-size:16px; color:#222} .qa_panel .list-board .board-list li .media{padding:15px 0; font-size:13px} .qa_panel .list-board .board-list li .media .info{margin-bottom:5px} .qa_panel .list-board .board-list li .media .hit{width:70px; margin:0 10px} .qa_panel .list-board .board-list li .media .img-resize{margin-bottom:15px} .qa_panel .list-board .board-list li .media .img-resize.media-ans{margin-bottom:0} .qa_panel .list-board .board-list li .media .img-resize .btn_revise{text-align:right} .qa_panel .list-board .board-list li .media .div-title-wrap{margin-bottom:5px; font-weight:500} /* 상품 상세 하단 버튼 */ .btn-group-justified{height:50px; border-collapse:collapse} .btn-group-justified .btn{border:1px solid #252525; background-color:#fff !important; font-weight:600; font-size:16px; color:#222 !important} /*상품*/ .form-box{ max-width: 580px; width: 100%; margin: 0 auto; border: 0; padding: 20px 0; background-color: transparent; } .form-box::before { display: table; content: ""; } .form-box .form-header { border: none; text-align: center; } .form-box .form-header h2 { font-size: 30px; font-weight: 500; margin: 0 10px 60px; text-align: center; } .form-box .form-body { padding: 70px 45px; border: 1px solid #ccc; margin: 0 10px; background-color:#fff; } .use-title h3 { font-size: 22px; font-weight: 500; padding-bottom: 10px; border-bottom: 2px solid #111; } .use-content { margin-bottom: 70px; } .use-content .table { display: table; } .use-content .table-row { display: table-row; } .use-content .table-row .table-cell { display: table-cell; vertical-align: middle; padding: 20px; border-bottom: 1px solid #ccc; text-align: center; } .use-content.no-m{margin: 0;} .use-content .star-contents{padding: 50px 0 50px; text-align: center; border-bottom: 1px solid #ccc;} .use-content .star-wrap{font-size:48px; width: auto; margin: 0 auto; display:inline-block; overflow: hidden;} .use-content .star-color{color:#9fc13c; cursor: pointer;} .simple_reviews .table{display:table; table-layout: fixed; margin: 50px 0;} .simple_reviews .table-row{display:table-row;} .simple_reviews .table-row .table-cell{display:table-cell; vertical-align: middle; padding-bottom: 10px;} .simple_reviews .table-row:last-of-type .table-cell{padding-bottom: 0;} .simple_reviews .table-row .t-label{width:150px; font-size: 16px; font-weight: 400;} .simple_reviews .table-row .contents div{display:block; float: left; width:calc(100% / 3);} .simple_reviews .table-row .contents div input{display: none;} .simple_reviews .table-row .contents div input + label{width:80px; padding: 3px 0; border-radius: 50px; border: 1px solid #ccc; color: #ccc; text-align: center; font-size:16px; font-weight: 400; cursor: pointer;} /*로그인 페이지 html > skin > member > basic > login.skin.php*/ .is-pc .at-body {min-height:auto;} .custom-login {max-width:900px;margin:0 auto; padding-bottom:50px;} .login-page-title {font-weight:600; margin:60px 0 15px; font-size:33px; color:#151515; line-height:1.1;} .login-page-desc {font-size:15px; color:#888; margin:0;} .member-login, .non-members-login {width: 100%;max-width: 500px;margin: 0 auto;padding: 0;} .custom-login .nav-tabs { margin-bottom: 20px;border-bottom:0;} .custom-login .nav-tabs > li { float: left;margin-bottom: 0px;width: 50%;text-align: center;} .custom-login .nav-tabs > li a { border-radius:0; font-size: 18px;color: #666666;margin: 0; border: 1px solid #cccccc; padding:0; height:60px; line-height:60px; background:#fff;} .custom-login .nav-tabs > li.active a {color: #222222; border: 2px solid #222; font-weight:500;} .custom-login .nav-tabs > li a span { display: block;} .login-desc {font-size:14px; color:#151515; line-height:1.1; padding:5px 0 20px; margin:0;} .login-form .form-group{margin-bottom:15px;} .login-form .form-group input {border:1px solid #d7d7d7; height:60px; font-weight:400; font-size:18px; outline:none; box-shadow:none;} .login-form .form-group input::placeholder{color:#999;} .login-btn {padding-bottom:20px;} #login_auto_login {margin-top:0; vertical-align:middle; display: none;} #login_auto_login + label {margin:0; font-size:16px; font-weight: 400; color:#111; padding-left: 30px; position: relative; cursor: pointer; line-height: 15px;} #login_auto_login + label:after{/* font-family: 'xeicon' !important; content: "\e929"; */ content:''; display: block; position: absolute; top: 0; left: 0; width: 16px; height: 16px; color: #ccc; background:url('/img/search_check.png') no-repeat 0 0; text-align: center;line-height: 25px;} #login_auto_login:checked + label:after{background:url('/img/search_check_on.png') no-repeat} .login-opt {margin-bottom: 40px;} .btn.btn-login{width:100%; height:60px; line-height:60px; font-size:18px; font-weight: 500; color:#fff; padding:0;} .login-foot {padding-top: 35px;} .lost-box {text-align: center;font-size: 16px;} .lost-box a {display:inline-block; color: #333; padding: 0 30px; position: relative;} .lost-box a::after {display: block;content: "";position: absolute;width: 1px;height: 15px;background-color: #999;right: -3px;top: 4px;} .lost-box a:last-child::after {display: none;} .login-foot .foot-title {font-size:22px; line-height: 1.618; font-weight:500; color:#111; border-bottom: 2px solid #111; margin-bottom: 20px;} .login-foot .login-sns {text-align:left;} .btn.btn-check{width:100%; padding: 16px 12px; font-size: 18px; font-weight: 500; color:#fff; background:#666666;border-radius: 40px !important;} .btn-newRegister {width:100%; font-size: 18px; padding: 16px 12px; border:1px solid #111; color:#fff !important; background-color: #111; border-radius: 50px !important; font-weight:500; display:block; text-align:center;} .btn-half{width: 100%; margin-bottom: 10px;} .btn-border-gray{border: 1px solid #cccccc; padding: 13px 10px 13px 30px; line-height: 24px;} .btn-round{border-radius: 50px !important; } .btn-border-gray span{display: inline-block; margin-left: 10px; font-size: 16px; font-weight: 400; color: #666;width: 140px;} .foot-description p{ font-size: 16px; font-weight: 400; line-height: 24px; margin: 0; } .foot-description {margin-bottom: 15px;} .orderbtn a {width: 49%;float: left;border: 1px solid #ddd;border-radius: 50px!important;font-size: 16px;color: #666666;height: 45px;line-height: 33px;display: block;} .orderbtn a:first-child {margin-right: 2%;} /*sns_login html > skin > social > social_login.skin.php */ .sns_login a.sns_btn{height:60px; line-height:60px; width:100%; display:block; text-align:center; border:1px solid #dbdbdb; border-radius:30px; margin-bottom:15px; overflow:hidden; transition:all 0.1s ease-in-out;} .sns_login a.sns_btn span.sns_icon{display:inline-block; position:relative; top:-4px; width:30px; text-align:right; margin-right:40px;} .sns_login a.sns_btn span.sns_text{display:inline-block; font-size:18px; color:#666666; width:150px; text-align:left;} .sns_login a.sns_btn.naver:hover{border:1px solid #4ab44b;} .sns_login a.sns_btn.kakao:hover{border:1px solid #e7e600;} .sns_login a.sns_btn.facebook:hover{border:1px solid #3c5da2;} .sns_login a.sns_btn.google:hover{border:1px solid #e94437;} .sns_login a.sns_btn.twitter:hover{border:1px solid #28a9e0;} /*회원가입 페이지 html > skin > member > basic > register_form.php*/ .register-wrap { display:flex; padding-bottom:50px; } .register-form .area-box:first-child {margin-right: 10%;} .register-form .area-box {float: left;width: 45%;} .register-form .page-title {font-weight:600; margin:15px 0; padding:75px 0; font-size:33px; color:#151515; line-height:1.1; text-align:center; } .register-form .page-desc { display:none; } .register-form .input-title {margin: 0 0 20px;font-size: 22px;color: #111;font-weight: 500;line-height: 1.618;border-bottom: 2px solid #111;} .register-form .label-css {font-size: 16px; margin-bottom: 5px;font-weight: 500;} .register-form .input-css {font-size: 14px; width: 100%;height: 44px;border: 1px solid #cccccc;padding-left: 10px;} .register-form .input-css::placeholder {color: #cccccc;} .register-form .input-box {margin-bottom: 25px; font-size: 14px;} .register-form .input-box:last-child {margin-bottom: 0px;} .register-form .input-box-sm {margin-bottom: 10px;} .register-form .textarea-css {border: 1px solid #cccccc;width: 100%;height: 130px; resize:none; padding:10px; } .register-form .file-css { } .register-form .msg-box { margin-top: 10px; font-size:12px; } .register-form .cert-box { margin-top:10px; } .register-form .cert-box strong { font-weight:600; } .register-form #captcha { display:block !important; } .register-form #captcha_key { width:calc(100% - 200px) !important; } .register-form .check-input {display: none;} .register-form .check-input + label {margin:0; font-size:16px; font-weight: 400; color:#111; padding-left: 25px; position: relative; cursor: pointer; line-height: 25px;} .register-form .check-input + label:after{content: ""; background:url('/img/search_check.png') no-repeat 0 0; display: block; position: absolute; top: 50%; transform:translateY(-50%); left: 0; width: 16px; height: 16px;text-align: center;} .register-form .check-input:checked + label:after{background:url('/img/search_check_on.png')} .register-form .check-box {padding: 15px 0;border-bottom: 1px solid #cccccc;position: relative;} .register-form .check-box.active {padding-bottom: 0;} .register-form .check-input2 {display: none;} .register-form .check-input2 + label {margin:0; font-size:16px; font-weight: 400; color:#111; padding-left: 25px; position: relative; cursor: pointer; line-height: 25px;} .register-form .check-input2 + label:after{content: ""; background:url('/img/search_check.png') no-repeat 0 0; display: block; position: absolute; top: 50%; transform:translateY(-50%); left: 0; width: 16px; height: 16px;text-align: center;} .register-form .check-input2:checked + label:after{background:url('/img/search_check_on.png')} .register-form .check-box .more-plus { position: absolute; right: 10px; top: 15px; cursor: pointer; width: 25px; height: 25px; } .register-form .check-box .more-plus::after, .register-form .check-box .more-plus::before {display: block;content: "";background-color: #cccccc;position: absolute;} .register-form .check-box .more-plus::after {width: 25px;height: 1px;left: 0;top: 12px;} .register-form .check-box .more-plus::before {width: 1px;height: 25px;left: 12px;} .register-form .check-box.active .more-plus::before {display: none;} .register-form .check-box .detail-content {border-top: 1px solid #ddd;margin-top: 15px;padding: 20px;background-color: #f9f9f9;display: none;} .register-form .check-box.active .detail-content {display: block;height: 200px;overflow-y: scroll;} .register-form .regis_interest { margin-top: 30px; } .register-form .regbtn-wrap { text-align: center; margin-top: 30px; } .register-form .regbtn-wrap .regbtn {margin-bottom: 10px;border: 0;border-radius: 50px;line-height: 40px;color: #fff;width: 100%;} .register-form #btn_submit { height: 44px; font-size: 15px; font-weight: bold; border-radius: 44px; } .fix_input_box{width:100%;} .fix_input_box .file_content{width:100%;} .fix_input_box .file_content .left_file{float:left; width:30%; cursor:pointer;} .fix_input_box .file_content .left_file span{display:block; background:#333; color:#fff; text-align:center; height:44px; line-height:44px; width:100%;} .fix_input_box .file_content .left_file input{display:none;} .fix_input_box .file_content .right_file{float:left; width:70%; } .fix_input_box .file_content .right_file input{display:block; width:100%; border:1px solid #ccc; padding-left:10px; font-size:14px; height:44px; line-height:44px; width:100%;} .photo_check{width:100%; margin-top:10px;} .photo_check img{width:22px; height:22px;} .photo_check input{display:none;} .photo_check input ~ label{display:inline-block; padding:0 !important; margin-left:10px;} .photo_check input ~ label span{background:url('/img/search_check.png') no-repeat 0 0; display: inline-block; width: 16px; height: 16px;text-align: center; position:relative; top:2px; margin-right:3px;} .photo_check input:checked ~ label span{background:url('/img/search_check_on.png');} /*장바구니 페이지 html > skin > apms > order > basic > cart.skin.php*/ .input-title {margin: 0 0 20px;font-size: 22px;color: #111;font-weight: 500;line-height: 1.618;border-bottom: 2px solid #111;} .label-css {font-size: 16px; margin-bottom: 5px;font-weight: 500;} .input-css {font-size: 14px; width: 100%;height: 44px;border: 1px solid #cccccc;padding-left: 10px;} .input-css::placeholder {color: #cccccc;} .input-box {margin-bottom: 25px; font-size: 14px;} .input-box:last-child {margin-bottom: 0px;} .input-box-sm {margin-bottom: 10px;} .textarea-css {border: 1px solid #cccccc;width: 100%;height: 130px;} .check-input {display: none;} .check-input + label {margin:0; font-size:16px; font-weight: 400; color:#111; padding-left: 35px; position: relative; cursor: pointer; line-height: 25px;} .check-input + label:after{} .check-input:checked + label:after{} .check-box {padding: 15px 0;border-bottom: 1px solid #cccccc;position: relative;} .check-box.active {padding-bottom: 0;} .check-box .more-plus {position: absolute;right: 10px;top: 15px;cursor: pointer;width: 25px;height: 25px;} .check-box .more-plus::after, .check-box .more-plus::before {display: block;content: "";background-color: #cccccc;position: absolute;} .check-box .more-plus::after {width: 25px;height: 1px;left: 0;top: 12px;} .check-box .more-plus::before {width: 1px;height: 25px;left: 12px;} .check-box.active .more-plus::before {display: none;} .check-box .detail-content {border-top: 1px solid #ddd;margin-top: 15px;padding: 20px;background-color: #f9f9f9;display: none;} .check-box.active .detail-content {display: block;height: 200px;overflow-y: scroll;} /* Cart */ .cart-wrap .tr-head > th > span {border: none!important;color: #666666;font-weight: 400 !important;} .cart-wrap .check-input + label {width: 25px;height: 25px;} .cart-wrap .option-wrap {padding: 10px 0;} .cart-wrap .div-table.table > tbody > tr {border-bottom: 1px solid #ddd;} .cart-wrap .price-wrap {border-top: 2px solid #222;margin-top: 150px; } .cart-wrap .price-wrap .price-top > div, .cart-wrap .price-wrap .price-bottom > div { width: 33.333%;float: left;text-align: center;border-bottom: 1px solid #ccc; position: relative;} .cart-wrap .price-wrap .price-top > div { font-size: 16px;font-weight: 500;padding: 20px 0;} .cart-wrap .price-wrap .price-bottom > div {font-size: 30px;font-weight: 600;padding: 60px 0;} .cart-wrap .price-wrap .price-bottom > div::after {display: block;content: "";right: -9px;top: 62px;position: absolute;width: 17px;height: 17px;background-size: cover;} .cart-wrap .price-wrap .price-bottom > div:nth-child(1)::after {background-image: url(/img/icon/puls-icon.png);} .cart-wrap .price-wrap .price-bottom > div:nth-child(2)::after {background-image: url(/img/icon/result-icon.png);} .cart-wrap .price-wrap .price-bottom > div:last-child::after {display: none;} .cart-wrap .buy-btn {height:44px;font-size:15px;font-weight: bold;border-radius:44px !important; margin-top:50px; } .cart-wrap .shop-btn {border: 1px solid #cccccc;background-color: #fff;width: 115px;height: 35px;border-radius: 50px;transition: .1s all ease-in;} .cart-wrap .item-img, .item-detail {display: table-cell;vertical-align: middle;} .cart-wrap .item-img {width: 100px; } .cart-wrap .item-img img { max-width:100px; } .cart-wrap .item-detail {width: 100%;padding-left: 20px; font-weight: 500;} .cart-wrap .item-detail li {list-style: none;} .area-wrap::after, .register-wrap::after, .regbtn-wrap::after, .pay-box::after, .section::after, .price-wrap::after, .cart-wrap .item-view > div::after { display: block; content: ""; clear: both; } .cart-wrap .cart_check .check-input{display:none;} .cart-wrap .cart_check .check-input:checked + label:after{display:none !important;} .cart-wrap .cart_check .check-input + label{width:16px; height:16px; padding:0;} .cart-wrap .cart_check .check-input + label span{width:16px; height:16px; display:block; background:url('/img/search_check.png') no-repeat 0 0;} .cart-wrap .cart_check .check-input:checked + label span{background:url('/img/search_check_on.png')} .cart-wrap .cart_nonmember{margin:20px 0 40px; padding:25px 0; border:1px solid #ccc; text-align:center} .cart-wrap .cart_nonmember .nm_txt{font-size:16px; line-height:1.4} .cart-wrap .cart_nonmember .nm_txt > br{display:none} .cart-wrap .cart_nonmember .nm_btn_box{margin-top:20px} .cart-wrap .cart_nonmember .nm_btn_box > a{display:inline-block; padding:0 20px; border:1px solid #ccc} .cart-wrap .cart_nonmember .nm_btn_box > a + a{margin-left:10px} .cart-wrap .cart_nonmember .nm_btn_box > a > span{display:block; font-size:14px; line-height:37px; color:#333} .cart-wrap .cart_nonmember .nm_btn_box > a.btn_join{background-color:#9fc13c} .cart-wrap .cart_nonmember .nm_btn_box > a.btn_join > span{color:#fff} /*주문서 페이지 html > skin > apms > order > basic > orderform.skin.php*/ .margin-zero { margin: 0!important; } .area-box:first-child { margin-right: 10%; } .area-box { float: left; width: 45%; } strong, b { font-weight: 600; } .input-title { margin: 0 0 20px; font-size: 22px; color: #111; font-weight: 500; line-height: 1.618; border-bottom: 2px solid #111; position:relative;} .input-title .posi_ab{position:absolute; right:0; top:50%; transform:translateY(-50%);} .input-title .posi_ab .check-input + label:after{top:58%;} #tempPayBox .input-title { margin-top:50px; } .input-box { margin-bottom: 25px; font-size: 14px; } .label-css { font-size: 16px; margin-bottom: 5px; font-weight: 500; } .input-css { font-size: 14px; width: 100%; height: 44px; border: 1px solid #cccccc; padding-left: 10px; } .input-box-sm { margin-bottom: 10px; } .textarea-css { border: 1px solid #cccccc; width: 100%; height: 130px; resize:none; } .page-wrap img { max-width:initial !important; } .check-input {display: none;} .check-input + label {margin:0; font-size:16px; font-weight: 400; color:#111; padding-left: 25px; position: relative; cursor: pointer; line-height: 25px;} .check-input + label:after{content: ""; background:url('/img/search_check.png') no-repeat 0 0; display: block; position: absolute; top: 50%; transform:translateY(-50%); left: 0; width: 16px; height: 16px;text-align: center;} .check-input:checked + label:after{background:url('/img/search_check_on.png')} .check-box {padding: 15px 0;border-bottom: 1px solid #cccccc;position: relative;} .check-box.active {padding-bottom: 0;} .check-box .more-plus {position: absolute;right: 10px;top: 15px;cursor: pointer;width: 25px;height: 25px;} .check-box .more-plus::after, .check-box .more-plus::before {display: block;content: "";background-color: #cccccc;position: absolute;} .check-box .more-plus::after {width: 25px;height: 1px;left: 0;top: 12px;} .check-box .more-plus::before {width: 1px;height: 25px;left: 12px;} .check-box.active .more-plus::before {display: none;} .check-box .detail-content {border-top: 1px solid #ddd;margin-top: 15px;padding: 20px;background-color: #f9f9f9;display: none;} .check-box.active .detail-content {display: block;height: 200px;overflow-y: scroll;} /* Order */ .order-wrap .section {margin-bottom: 60px;} .order-wrap .check-box {border: none !important;} .order-wrap .check-box span {display: inline-block;margin-right: 10px; margin-bottom: 10px;} .order-wrap #od_zip {width: 150px;} .order-wrap .local-btn {height: 44px;font-size: 14px;} .order-wrap .div-table.table > tbody > tr > th {border: none;padding: 0;} .order-wrap .div-table {margin: 0;} .order-wrap .table-head {border-bottom: 1px solid #ddd;color: #666666;height: 50px;} .order-wrap .option-wrap {margin-top: 10px;} .order-wrap .div-table.table > tbody > tr {border-bottom: 1px solid #ddd;} .order-wrap .div-table.table > tbody > tr > td {padding: 20px;} .order-wrap .pay-wrap {border-bottom: 1px solid #ddd;} .order-wrap .pay-box { font-size: 16px;font-weight: 600;padding: 15px 0; display: flow-root;} .item-img,.item-detail {display: table-cell;vertical-align: middle;} .item-img {width: 100px;} .item-detail {width: 100%;padding-left: 20px; font-weight: 500;} .item-detail li {list-style: none;} .div-table.table > tbody > tr > th { vertical-align: middle; } .area-wrap::after, .register-wrap::after, .regbtn-wrap::after, .pay-box::after, .section::after, .price-wrap::after, .cart-wrap .item-view > div::after { display: block; content: ""; clear: both; } /* Register */ .regbtn-wrap {text-align: center;margin-top: 30px;} .regbtn-wrap #display_pay_button input {width: calc(100% - 160px - 10px);margin-right: 10px; border: none;} .regbtn-wrap #display_pay_button a {display: inline-block;width: 160px;border: 1px solid #666666;color: #666666;} .regbtn-wrap #display_pay_button input, .regbtn-wrap #display_pay_button a {float: left;height:44px; padding: 0; line-height:44px; font-size:15px;font-weight: bold;border-radius:44px !important;} .sns-wrap {text-align: center;margin-top: 20px;font-size: 18px;font-weight: 500;background-color: #f9f9f9;padding: 30px 0; border: 1px solid #ddd;} .sns-wrap .foot-title {margin-bottom: 10px;} .regbtn-wrap .regbtn {margin-bottom: 10px;background-color: #9fc13c;border: 0;border-radius: 50px;line-height: 40px;color: #fff;width: 100%;} .btn-group.cp_btn-wrap .btn { background-color: transparent !important; color: #666 !important; border-color: #666 !important; margin-left: 10px !important; } /*마이페이지 html > skin > member > basic > mypage.skin.php */ .inquirys{padding: 15px; border-bottom: 15px solid #eee;margin-bottom: 30px;} .inquirys .title{font-size:16px; font-weight: 700; line-height: 20px; overflow: hidden; padding: 12px 0; border-bottom: 1px solid #ddd;} .inquirys .title a{font-weight: 500; color: #333;} .inquirys .inquiry-cnt-wrap{overflow: hidden; padding: 12px 0; overflow: hidden;} .inquirys .inquiry-cnt-wrap .inquiry-box{float: left; width: 20%; text-align: center;} .inquirys .inquiry-cnt-wrap .inquiry-box .number{font-size: 18px; font-weight: 700; line-height: 18px; margin-bottom: 10px; display: block; color: #333;} .inquirys .inquiry-cnt-wrap .inquiry-box .number.zero{color: #666;} .inquirys .inquiry-cnt-wrap .inquiry-box .type{font-size: 14px; font-weight: 500; display: block;} .myinfo-wrap{width: 100%; padding: 16px; border: 1px solid #ddd; overflow: hidden; margin: 0 0 120px;} .myinfo-wrap .quart-box{width: 25%; float: left; border-right: 1px solid #ddd; padding: 15px 30px;} .myinfo-wrap .quart-box:last-of-type{border-right: 0;} .myinfo-wrap .quart-box .quart-title{font-size: 1rem; font-weight: 500; color: #111; margin: 0 0 1.6rem;} .myinfo-wrap .quart-box .quart-description{font-size: 1.6rem; font-weight: 700; margin-bottom: 10px;} .myinfo-wrap .quart-box .more-btn a{font-size: 13px; color: #666; font-weight: 400;} .mypage-table{display: table; width: 100%; table-layout: fixed;} .mypage-table .mypage-categorys{display: table-cell; width: 200px; vertical-align: top;} .mypage-table .mypage-categorys .categorys-title{font-size: 25px; color: #111; font-weight: 700; margin-bottom: 50px;} .mypage-table .mypage-categorys .categorys-links a{font-size: 16px; color: #666; font-weight: 500; line-height: 40px;} .mypage-table .mypage-sections{display:table-cell;} .mypage-table .mypage-sections section {overflow: hidden; margin-bottom: 90px;} .mypage-table .mypage-sections section .head{border-bottom: 2px solid #111; color: #111; padding: 0 0 10px; overflow: hidden;} .mypage-table .mypage-sections section .head .title{font-size: 22px; font-weight: 500;} .mypage-table .mypage-sections section .head .navigator ul, .mypage-table .mypage-sections section .head .navigator li{padding: 0; margin: 0; list-style: none; float: left;} .mypage-table .mypage-sections section .head .navigator li{margin-left: 30px;} .mypage-table .mypage-sections section .head .navigator li button{font-size: 16px; font-weight: 400; color: #111; background-color: transparent; border: 0;} .mypage-table .mypage-sections section .head .more-btn a{font-size: 16px; font-weight: 400; color: #111;} .mypage-table .mypage-sections section .body.section-table{display: table; width: 100%;} .mypage-table .mypage-sections section .body.section-table .section-table-head{display: table-header-group;} .mypage-table .mypage-sections section .body.section-table .section-table-head .section-cell{display: table-cell; text-align: center; font-size: 16px; color: #666; padding: 20px 0; border-bottom: 1px solid #ddd;} .mypage-table .mypage-sections section .body.section-table .section-table-body{display: table-row-group;} /*.mypage-table .mypage-sections section .body.section-table .section-table-body.none-item{display: block; width: 100%; text-align: center; padding: 30px; font-size: 16px; font-weight: 500;}*/ .mypage-table .mypage-sections section .body.section-table .section-table-body .section-table-row{display: table-row;} .mypage-table .mypage-sections section .body.section-table .section-table-body .section-cell{display: table-cell; border-bottom: 1px solid #ddd; font-size: 16px; color: #111; font-weight: 400; padding: 20px 0; border-bottom: 1px solid #ddd; text-align:center;} .mypage-table .mypage-sections section .body.section-table .section-table-body .section-cell .img{max-width: 100px; display: inline-block;} .mypage-table .mypage-sections section .body.section-table .section-table-body .section-cell .description{display: inline-block;} .mypage-table .mypage-sections section .body.section-table .section-table-body .section-cell .img img{width: 100%; max-width: 100%;} .mypage-table .mypage-sections section .body.section-table .section-table-body .section-cell.t-left{text-align: left;} .none-item{text-align: center; padding: 16px 0; font-size: 16px; font-weight: 500; border-bottom: 1px solid #ddd;} /* 기본 게시판 스타일*/ .notice_style .list-board .wr-num{width:7%} .notice_style .list-board .wr-name{width:12%} .notice_style .list-board .wr-hit{width:9.5%} .notice_style .list-board .wr-date{width:12%} .inquiry_style .list-board .wr-num{width:5%} .inquiry_style .list-board .wr-date{width:12%} .inquiry_style .list-board .wr-name{width:12%} .inquiry_style .list-board .wr-1{position:relative; width:12%} .board_style .div-head{padding:15px 0; border-top:2px solid #333; border-bottom:1px solid #dcdcdc; background-color:#fafafa} .board_style .div-head > span{font-weight:500; font-size:19px; color:#222} .board_style .div-head > span a{color:#222} .board_style .list-board .list-body li{border-bottom:1px solid #dcdcd} .board_style .list-board .list-body li.bg-light{background-color:#fff} .board_style .list-board .list-body li:hover{background-color:#fff} .board_style .list-board .list-body li > div{height:auto; padding:17px 0; font-size:17px; line-height:1; color:#666} .board_style .list-board .list-body li > div > a{color:#666} .board_style .list-board .list-body li > div > span{font-weight:400} .board_style .list-board .list-body .wr-name{text-align:center} .board_style .list-board .wr-secret{width:11px; height:14px; margin:0 5px 2px 0; background-size:contain} .board_style .list-board .wr-notice{width:42px; height:19px} .inquiry_style .list-board .wr-1 > span{display:inline-block; position:absolute; top:50%; left:50%; width:77px; margin:-15px 0 0 -38.5px; border:1px solid #929292; font-weight:500 !important; font-size:13px; line-height:30px} .inquiry_style .list-board .wr-1 .grey{color:#777} .inquiry_style .list-board .wr-1 .orange{border-color:#ff7800; color:#ff7800} .inquiry_style .list-board .wr-1 .purple{border-color:#9963db; color:#9963db} .inquiry_style .list-board .wr-1 .red{border-color:#ef0000; color:#ef0000 !important} @media (max-width:991px) { .board_style .div-head > span { font-size: 13px; } .board_style .div-head { padding: 8px 0; } .list-board .board-list li { padding: 20px 0; } .inquiry_style .list-board .wr-1 > span { width: 65px; font-size: 12px; line-height: 24px; } .board_style .list-board .list-body li > div { font-size: 15px; } .board_style .list-board .list-body li > div { /* 240126 nyb 유지보수 padding: 0; */ padding: 8px 5px; font-size: 14px; line-height: 1.2; } } /* 글 작성 폼 html > skin > board > basic*/ .inquiry_box{margin-bottom:20px} .inquiry_box:after{display:block; content:""; clear:both} .write-wrap .inquiry_box > label{float:left; width:110px; margin-top:0; font-weight:500; line-height:50px; font-size:18px; color:#888} .inquiry_box .inquiry_sort .sp-label{margin-top:0; line-height:50px; font-size:15px; color:#666} .inquiry_box .answer{float:left; width:calc(100% - 110px)} .inquiry_box .answer:after{display:block; content:""; clear:both} .inquiry_box .answer input[type="text"], .inquiry_box .answer input[type="password"]{width:50%; padding-left:20px; border:1px solid #dcdcdc; border-radius:7px; line-height:50px; font-size:18px; color:#333} .inquiry_box .answer textarea{padding:20px; border:1px solid #dcdcdc; border-radius:7px !important; font-size:18px; line-height:1.3; color:#333; -webkit-box-shadow:none; box-shadow:none; resize:none} .inquiry_box .answer select{width:50%; height:50px; padding:0 20px; border:1px solid #dcdcdc; border-radius:7px; font-size:18px; line-height:50px; color:#333} .inquiry_box .answer select{width:50%; height:50px; padding:0 20px; border:1px solid #dcdcdc; border-radius:7px; font-size:18px; line-height:50px; color:#333} .inquiry_box.top_select .answer{width:calc(50% - 55px); margin-right:20px;} .inquiry_box.top_select .answer select{width:100%;} .inquiry_box.top_select .inquiry_sort{float:left; width:calc(50% - 75px);} .inquiry_box .answer .file_input{float:left; width:50%} .inquiry_box .answer .file_input .row{margin-right:0; margin-left:0} .inquiry_box .answer .file_input .row input[type="file"]{width:50%; padding-left:20px; border:1px solid #dcdcdc; border-radius:7px; line-height:50px; font-size:18px; color:#333} .inquiry_box .answer .file_input .row .file_content{width:100%; margin-bottom:15px} .inquiry_box .answer .file_input .row .file_content > label{width:95px; display: block; background:#343631; color:#ffffff; font-size:16px; text-align:center; font-weight:400; height: 35px; line-height: 35px; float:left; cursor:pointer; margin-top:0;} .inquiry_box .answer .file_input .row .file_content > div.right_file{width:calc(100% - 95px); float:left;} .inquiry_box .answer .file_input .row .file_content > div.right_file input{height: 35px; line-height: 35px; border-radius: 0; border-left:0; display:block; width:100%; padding-left:15px; font-size:16px; outline:none; box-shadow:none; } .inquiry_box .answer .file_input .row .file_content > div.right_file input::placeholder{color: #aaaaaa;} .inquiry_box .answer .file_input .row .file_content > div.right_file input.focus { } .inquiry_box .answer .file_input #variableFiles td{padding-bottom:0} .inquiry_box .answer .file_input #variableFiles input[type=file]{display:none;} .inquiry_box .answer .file_input #variableFiles .col-sm-12{padding:0; margin-top:5px;} .inquiry_box .answer .file_control{float:left; width:48%; margin-left:2%} .inquiry_box .answer .file_control .form-control-static{padding:0; line-height:35px} .inquiry_box .answer .label_check{display:inline-block; height:50px; line-height:50px;} .inquiry_box .answer .label_check input{display:none;} .inquiry_box .answer .label_check input + label{margin-left:10px; cursor:pointer;} .inquiry_box .answer .label_check input + label span{display:inline-block; width: 16px; height: 16px; color: #ccc; background:url('/img/search_check.png') no-repeat 0 0; text-align: center;line-height: 25px; position:relative; top:4px; margin-right:3px;} .inquiry_box .answer .label_check input:checked + label span{background:url('/img/search_check_on.png');} .write-wrap .write-btn.btn_write{margin:50px 0 100px} .write-wrap .write-btn.btn_write .btn{display:inline-block; width:175px; padding:0; border-radius:30px !important} .write-wrap .write-btn.btn_write .btn + .btn{margin-left:10px} .write-wrap .write-btn.btn_write .btn span{display:block; font-weight:500; font-size:17px; line-height:58px} /* 뷰페이지 폼 */ .view_style{} .view_style .view_title{padding:17px 0; border-top:2px solid #333; border-bottom:1px solid #dcdcdc; margin-bottom: 30px;} .view_style .view_title.review_title{margin-bottom: 120px;} .view_style .view_title:after{display:block; content:""; clear:both} .view_style .view_title .view_subject{float:left; padding-left:10px; font-weight:500; font-size:18px; color:#222} .view_style .view_title .view_info{float:right} .view_style .view_title .view_info > span{display:inline-block; padding:0 10px; font-size:16px; line-height:1.2; color:#666} .view_style .view-padding{padding:0px 15px} .view_style .view-padding .view-content{min-height:100px; font-size:14px; margin-top: 40px;} .view_style .view-padding .view-content #sod_list { margin-top: 30px; } .view_style .view-padding .view-content #sod_list .item-img { } .view_style .view-padding .view-content #sod_list tr td { text-align: center; } .view_style .view-padding .view-content #sod_list tr th { text-align: center; } .view_style .view-padding .view-content #sod_list tr th:first-child { /* width: 10%; */ } .view_style .view-padding .view-content #sod_list .well { padding: 0; background-color: #fff; border: none; } @media(max-width:991px){ .view_style .view-padding {padding: 0;} .view_style .view_title.review_title{margin-bottom: 60px;} .view_style .view_title .view_subject{font-size: 14px;} .view_style .view_title .view_info > span{font-size: 14px;} .view_style .view-padding .view-content{font-size: 12px;} } /* 뷰 코멘트 */ .view_style .comment-media{margin:0; padding:0; border-top:2px solid #333;} .view_style .comment-media .media{margin:0; padding:20px 0 !important} .view_style .comment-media .media_border{border-bottom:1px solid #dcdcdc} .view_style .comment-media .media_border:last-child{border-bottom:0} .view_style .comment-media .media-heading > b{font-size:14px} .view_style .comment-media .media-heading .text-muted{font-size:12px} .view_style .comment-media .media .media-content{font-size:13px} .view_style .comment-media .comment_revise > a{display:inline-block; margin:0 2px; padding:0 10px; border:1px solid #dcdcdc} .view_style .comment-media .comment_revise > a > span{display:inline-block; margin:0; font-size:12px; line-height:22px; color:#777} .view_style .comment-form{padding:0} .view_style .comment_guest{margin:0; margin-bottom:5px} .view_style .comment_guest .col-xs-6{width:49.5%; padding:0} .view_style .comment_guest .col-xs-6 + .col-xs-6{margin-left:1%} .view_style .comment_guest .col-xs-6 .input-group-addon{border-color:#dcdcdc} .view_style .comment_guest .col-xs-6 input{border:1px solid #dcdcdc; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none} .view_style .comment-box{padding:20px 0; border:0; border-top:1px solid #dcdcdc; background-color:#fcfcfc} .view_style .comment-box .commen